@yamada-ui/cli 0.9.0 → 1.0.0

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,

package/dist/command/tokens/index.js

@@ -661,19 +661,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;
@@ -703,8 +711,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,
@@ -712,33 +720,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,

package/dist/index.js

@@ -17478,7 +17478,7 @@ function updateNotifier(options) {
 // package.json
 var package_default = {
   name: "@yamada-ui/cli",
-  version: "0.9.0",
+  version: "1.0.0",
   description: "Generate theme tokens for autocomplete",
   keywords: [
     "theme",
@@ -17501,6 +17501,7 @@ var package_default = {
   publishConfig: {
     access: "public"
   },
+  homepage: "https://yamada-ui.com",
   repository: {
     type: "git",
     url: "git+https://github.com/hirotomoyamada/yamada-ui",
@@ -17720,19 +17721,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;
@@ -17762,8 +17771,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,
@@ -17771,33 +17780,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,

package/dist/utils/cli.js

@@ -17461,7 +17461,7 @@ function updateNotifier(options) {
 // package.json
 var package_default = {
   name: "@yamada-ui/cli",
-  version: "0.9.0",
+  version: "1.0.0",
   description: "Generate theme tokens for autocomplete",
   keywords: [
     "theme",
@@ -17484,6 +17484,7 @@ var package_default = {
   publishConfig: {
     access: "public"
   },
+  homepage: "https://yamada-ui.com",
   repository: {
     type: "git",
     url: "git+https://github.com/hirotomoyamada/yamada-ui",

package/dist/utils/index.js

@@ -17487,7 +17487,7 @@ function updateNotifier(options) {
 // package.json
 var package_default = {
   name: "@yamada-ui/cli",
-  version: "0.9.0",
+  version: "1.0.0",
   description: "Generate theme tokens for autocomplete",
   keywords: [
     "theme",
@@ -17510,6 +17510,7 @@ var package_default = {
   publishConfig: {
     access: "public"
   },
+  homepage: "https://yamada-ui.com",
   repository: {
     type: "git",
     url: "git+https://github.com/hirotomoyamada/yamada-ui",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/cli",
-  "version": "0.9.0",
+  "version": "1.0.0",
   "description": "Generate theme tokens for autocomplete",
   "keywords": [
     "theme",
@@ -23,6 +23,7 @@
   "publishConfig": {
     "access": "public"
   },
+  "homepage": "https://yamada-ui.com",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hirotomoyamada/yamada-ui",