fix: name conflict with theme neutral in tailwind preset

emdgroup-liquid · Nov 14, 2022 · 65c6873 · 65c6873 · vercel · Nov 14, 2022
1 parent babe70b
commit 65c6873
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/liquid/global/styles/tailwindPreset.ts b/src/liquid/global/styles/tailwindPreset.ts
@@ -124,11 +124,12 @@ Object.entries(designTokens.colors).forEach(([key, value]) => {
 Object.entries(designTokens.themes).forEach(
   ([themeName, theme], themeIndex) => {
     const isFirstTheme = themeIndex === 0
-    colors[themeName] = {}
+    const themeNameFinal = themeName === 'neutral' ? 'thm-neutral' : themeName
+    colors[themeNameFinal] = {}
 
     Object.entries(theme).forEach(([key, value]) => {
       if (typeof value !== 'boolean') {
-        createNestedThemeColorFromFlat(key, colors[themeName], value)
+        createNestedThemeColorFromFlat(key, colors[themeNameFinal], value)
 
         if (isFirstTheme) {
           // Creates dynamic colors based on custom properties