bromcom-ui 2.9.0-rc.4 → 2.9.0-rc.5

package/dist/cjs/{generate-d246df02.js → generate-d0470117.js}

@@ -26,7 +26,7 @@ exports.TypeProps = void 0;
   TypeProps["basic"] = "basic";
 })(exports.TypeProps || (exports.TypeProps = {}));
 
-const version = "2.9.0-rc.4";
+const version = "2.9.0-rc.5";
 
 function snq(callback, defaultValue) {
     try {
@@ -66,15 +66,65 @@ if (isAllowedDomain()) {
   }
 })();
 class Generate {
-  static getTwColor(color, variable = "--bcm-color-default") {
+  /**
+      const dc = Generate.getTwColor({
+          color: "blue",
+          tones: {
+              200: ["text"],
+              700: ["bg", "border"],
+              800: ["bg-hover", "border-hover"],
+          },
+          variable: "--bcm-avatar",
+      });
+
+      return {
+          --bcm-avatar-text: --tw-blue-200;
+          --bcm-avatar-bg: --tw-blue-700;
+          --bcm-avatar-bg-hover: --tw-blue-800;
+          --bcm-avatar-border: --tw-blue-700;
+          --bcm-avatar-border-hover: --tw-blue-800;
+      }
+      
+   */
+  static getTwColor(args) {
+    const { color, variable, tones } = (args = Object.assign({
+      variable: "--bcm-color-default",
+      defaultTone: "600",
+      tones: {
+        50: {},
+        100: {},
+        200: {},
+        300: {},
+        400: {},
+        500: {},
+        600: {},
+        700: {},
+        800: {},
+        900: {},
+        950: {},
+      },
+    }, args));
     if (!color || !colors.colors[color]) {
       return false;
     }
-    const colorObj = colors.colors[color];
     const result = {};
-    for (const [key, value] of Object.entries(colorObj)) {
-      result[`${variable}-${key}`] = value;
+    if (typeof colors.colors[color] === "string") {
+      result[variable] = colors.colors[color];
+      return result;
     }
+    const toneList = Array.isArray(tones) ? tones : Object.keys(tones);
+    toneList.forEach(tone => {
+      if (colors.colors[color][tone]) {
+        if (Array.isArray(tones[tone])) {
+          tones[tone].forEach(item => {
+            result[`${variable}-${item}`] = colors.colors[color][tone];
+          });
+        }
+        else {
+          result[`${variable}-${tone}`] = colors.colors[color][tone];
+        }
+      }
+    });
     return result;
   }
 }