feat: replace themeGet for getSemanticValue

src/codemods/__testfixtures__/semantic-colors-to-new-theme/color-in-single-quasis.input.tsx

@@ -0,0 +1,6 @@
+import { Headline, SemanticColors } from '@freenow/wave'
+import styled from 'styled-components'
+
+export const DetailsHeadline = styled(Headline).attrs({ as: 'h3', size: 'm' })`
+    color: ${SemanticColors.text.secondary};
+`

src/codemods/__testfixtures__/semantic-colors-to-new-theme/color-in-single-quasis.output.tsx

@@ -0,0 +1,6 @@
+import { Headline, getSemanticValue } from '@freenow/wave'
+import styled from 'styled-components'
+
+export const DetailsHeadline = styled(Headline).attrs({ as: 'h3', size: 'm' })`
+    color: ${getSemanticValue('foreground-neutral-emphasized')};
+`

src/codemods/__testfixtures__/semantic-colors-to-new-theme/no-colors-usage.input.tsx

@@ -0,0 +1,20 @@
+import { Box, ChevronUp } from '@freenow/wave';
+import { useEffect } from 'react';
+
+export const AlignedChevron = () => {
+    useEffect(
+        () =>
+            function cleanUp() {
+                // when parsing back from AST to source, function declarations after an arrow function
+                // are wrapped in parenthesis, by expecting the output to not have the parenthesis we
+                // can test that instead of parsing back we are simply returning the original source
+            },
+        [],
+    )
+
+    return (
+        <Box display="flex" alignItems="center">
+            <ChevronUp color="red" />
+        </Box>
+    );
+}

src/codemods/__testfixtures__/semantic-colors-to-new-theme/no-colors-usage.output.tsx

@@ -0,0 +1,20 @@
+import { Box, ChevronUp } from '@freenow/wave';
+import { useEffect } from 'react';
+
+export const AlignedChevron = () => {
+    useEffect(
+        () =>
+            function cleanUp() {
+                // when parsing back from AST to source, function declarations after an arrow function
+                // are wrapped in parenthesis, by expecting the output to not have the parenthesis we
+                // can test that instead of parsing back we are simply returning the original source
+            },
+        [],
+    )
+
+    return (
+        <Box display="flex" alignItems="center">
+            <ChevronUp color="red" />
+        </Box>
+    );
+}

src/codemods/__testfixtures__/semantic-colors-to-new-theme/theme-get-in-JSX.input.tsx

@@ -0,0 +1,5 @@
+import { CloseIcon, themeGet } from '@freenow/wave';
+
+export const CloseIconWrapper = () => (
+    <CloseIcon data-testid="dismissBanner" color={themeGet('semanticColors.text.primary')} cursor="pointer" size={18} />
+);

src/codemods/__testfixtures__/semantic-colors-to-new-theme/theme-get-in-JSX.output.tsx

@@ -0,0 +1,5 @@
+import { CloseIcon, getSemanticValue } from '@freenow/wave';
+
+export const CloseIconWrapper = () => (
+    <CloseIcon data-testid="dismissBanner" color={getSemanticValue('foreground-primary')} cursor="pointer" size={18} />
+);

src/codemods/__testfixtures__/semantic-colors-to-new-theme/theme-get-in-template-literal.input.tsx

@@ -0,0 +1,6 @@
+import { Text, themeGet } from '@freenow/wave'
+import styled from 'styled-components'
+
+export const TextSizeText = styled(Text)`
+    color: ${themeGet('semanticColors.text.primary')};
+`

src/codemods/__testfixtures__/semantic-colors-to-new-theme/theme-get-in-template-literal.output.tsx

@@ -0,0 +1,6 @@
+import { Text, getSemanticValue } from '@freenow/wave'
+import styled from 'styled-components'
+
+export const TextSizeText = styled(Text)`
+    color: ${getSemanticValue('foreground-primary')};
+`

src/codemods/__tests__/semantic-colors-to-new-theme-test.ts

@@ -2,8 +2,11 @@ jest.autoMockOff();
 import { defineTest } from 'jscodeshift/dist/testUtils';
 
 const tests = [
-    'color-in-JSX-multi-import'
-    // no-usage
+    'color-in-JSX-multi-import',
+    'no-colors-usage',
+    'theme-get-in-JSX',
+    'theme-get-in-template-literal',
+    'color-in-single-quasis'
 ];
 
 describe('semantic-colors-to-new-theme', () => {