fixup! Fix(variables-scss): Export in JS barrel file #DS-1503

lmc-eu · Oct 7, 2024 · 02439da · 02439da
1 parent f186cfd
commit 02439da
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/exporters/variables-scss/generated/exporter.cjs b/exporters/variables-scss/generated/exporter.cjs
@@ -36,7 +36,7 @@ ${et(p)}
 `)}
 `,To=a=>`import * as ${C(a)} from './${a}';`,mo=a=>`@use '${N}/${a}';`,fo=a=>i=>a?To(i.name):mo(i.name),go=(a,i)=>a.map(fo(i)).join(`
 `),bo=(a,i)=>a.map(p=>i?`${C(p.name)}: {
-${x}: ${C(p.name)}.${x}
+${x}: ${C(p.name)}.${x},
 },`:`${p.name}: (
 ${x}: ${p.name}.$${x},
 ),`).join(`

diff --git a/exporters/variables-scss/src/generators/__tests__/fileGenerator.test.ts b/exporters/variables-scss/src/generators/__tests__/fileGenerator.test.ts
@@ -51,10 +51,10 @@ import * as themeLightInverted from './theme-light-inverted';\n
 // The first theme is the default theme, as the left column in the Figma table.
 export const themes = {
   themeLight: {
-    colors: themeLight.colors
+    colors: themeLight.colors,
   },
   themeLightInverted: {
-    colors: themeLightInverted.colors
+    colors: themeLightInverted.colors,
   },
 };
 `;
@@ -201,7 +201,7 @@ describe('fileGenerator', () => {
 
       expect(content).toBe(
         // eslint-disable-next-line prettier/prettier, quotes -- special characters in the string
-        'themeLight: {\ncolors: themeLight.colors\n},\nthemeLightInverted: {\ncolors: themeLightInverted.colors\n},',
+        'themeLight: {\ncolors: themeLight.colors,\n},\nthemeLightInverted: {\ncolors: themeLightInverted.colors,\n},',
       );
     });
   });

diff --git a/exporters/variables-scss/src/generators/fileGenerator.ts b/exporters/variables-scss/src/generators/fileGenerator.ts
@@ -55,7 +55,7 @@ export const generateRootThemesFileContent = (themes: TokenTheme[], hasJsOutput:
   return themes
     .map((theme) => {
       return hasJsOutput
-        ? `${toCamelCase(theme.name)}: {\n${COLOR_KEY}: ${toCamelCase(theme.name)}.${COLOR_KEY}\n},`
+        ? `${toCamelCase(theme.name)}: {\n${COLOR_KEY}: ${toCamelCase(theme.name)}.${COLOR_KEY},\n},`
         : `${theme.name}: (\n${COLOR_KEY}: ${theme.name}.$${COLOR_KEY},\n),`;
     })
     .join('\n');