@yamada-ui/cli 0.8.2 → 0.9.1

package/dist/command/tokens/create-theme-typings.js

@@ -153,19 +153,27 @@ var isHue = (value) => {
 };
 var extractColorSchemes = (theme) => {
   const { colors, semantics } = theme;
+  const results = {
+    colorSchemes: [],
+    colorSchemeColors: []
+  };
   if (!isObject(colors))
-    return [];
-  return Object.entries(colors).reduce((array, [key, value]) => {
+    return results;
+  Object.entries(colors).forEach(([key, value]) => {
     if (!isHue(value))
-      return array;
-    array.push(key);
-    const [semanticKey] = Object.entries(semantics?.colorSchemes ?? {}).find(
-      ([, relatedKey]) => key === relatedKey
-    ) ?? [];
-    if (semanticKey)
-      array.push(semanticKey);
-    return array;
-  }, []);
+      return;
+    results.colorSchemes.push(key);
+    const semanticKeys = Object.entries(semantics?.colorSchemes ?? {}).filter(([, relatedKey]) => key === relatedKey).map(([key2]) => key2) ?? [];
+    if (!semanticKeys.length)
+      return;
+    results.colorSchemes.push(...semanticKeys);
+    results.colorSchemeColors.push(
+      ...semanticKeys.map(
+        (semanticKey) => Object.keys(value).map((hue) => `${semanticKey}.${hue}`)
+      ).flat()
+    );
+  });
+  return results;
 };
 var extractThemeSchemes = (theme) => {
   const { themeSchemes } = theme;
@@ -195,8 +203,8 @@ var extractKeys = (theme, key) => {
   return Object.keys(property);
 };
 var createThemeTypings = async (theme) => {
-  const unions = config.reduce(
-    (obj, {
+  const tokens = config.reduce(
+    (prev, {
       key,
       maxScanDepth,
       omitScanKeys,
@@ -204,33 +212,34 @@ var createThemeTypings = async (theme) => {
       flatMap = (value) => value
     }) => {
       const target = theme[key];
-      obj[key] = [];
+      prev[key] = [];
       if (isObject(target) || isArray(target)) {
-        obj[key] = extractPaths(target, maxScanDepth, omitScanKeys).filter(filter).flatMap(flatMap);
+        prev[key] = extractPaths(target, maxScanDepth, omitScanKeys).filter(filter).flatMap(flatMap);
       }
       if (isObject(theme.semantics)) {
         const semanticKeys = extractKeys(
           omitObject(theme.semantics, ["colorSchemes"]),
           key
         ).filter(filter).flatMap(flatMap);
-        obj[key].push(...semanticKeys);
+        prev[key].push(...semanticKeys);
       }
-      return obj;
+      return prev;
     },
     {}
   );
   const textStyles = extractKeys(theme, "styles.textStyles");
   const layerStyles = extractKeys(theme, "styles.layerStyles");
-  const colorSchemes = extractColorSchemes(theme);
+  const { colorSchemes, colorSchemeColors } = extractColorSchemes(theme);
   const themeSchemes = extractThemeSchemes(theme);
   const { transitionProperty, transitionDuration, transitionEasing } = extractTransitions(theme);
   const componentTypes = extractComponents(theme);
+  tokens.colors = [...tokens.colors, ...colorSchemeColors];
   return prettier(
     `import type { UITheme } from './ui-theme.types'
 
 export interface GeneratedTheme extends UITheme { ${print(
       {
-        ...unions,
+        ...tokens,
         textStyles,
         layerStyles,
         colorSchemes,