@lotte-innovate/ui-component-test 0.0.89 → 0.0.97

package/dist/tailwind.config.js

@@ -22,65 +22,28 @@ import * as lightColors from './lib/color/light';
 import * as darkColors from './lib/color/dark';
 import * as alphaColors from './lib/color/alpha';
 import { colorOptions, alphaColorOptions, darkColorOptions } from './lib/color/constants';
+import { classPrefixesByScale } from './lib/utils/classPrefixes';
 var classes = [];
-var fillClasses = [];
-var borderClasses = [];
-var bgClasses = [];
-var textClasses = [];
-var darkClasses = [];
-var colorScale = Array.from({ length: 12 }, function (_, i) { return (i + 1).toString(); });
 var allColorOptions = [colorOptions, alphaColorOptions];
-var generateClasses = function (colorList, colorScale) {
-    var classPrefixes = ['fill', 'border', 'bg', 'text'];
+var generateClasses = function (colorList, mode) {
     return colorList.flatMap(function (color) {
-        return colorScale.flatMap(function (scale) { return classPrefixes.map(function (prefix) { return "".concat(prefix, "-").concat(color, "-").concat(scale); }); });
+        return Object.entries(classPrefixesByScale).flatMap(function (_a) {
+            var key = _a[0], values = _a[1];
+            return values.map(function (value) {
+                return mode ? "".concat(mode).concat(key, "-").concat(color, "-").concat(value) : "".concat(key, "-").concat(color, "-").concat(value);
+            });
+        });
     });
 };
-var generateTypeClasses = function (colorList, colorScale, prefix) {
-    return colorList.flatMap(function (color) { return colorScale.flatMap(function (scale) { return "".concat(prefix, "-").concat(color, "-").concat(scale); }); });
-};
-var generateDarkClasses = function (colorList, colorScale) {
-    var classPrefixes = [
-        'dark:fill',
-        'dark:border',
-        'dark:bg',
-        'dark:text',
-        'dark:hover:bg',
-        'dark:hover:border',
-        'dark:hover:text',
-        'dark:active:bg',
-        'dark:active:border',
-        'dark:active:text',
-        'dark:data-[state=open]:bg',
-    ];
-    return colorList.flatMap(function (color) {
-        return colorScale.flatMap(function (scale) { return classPrefixes.map(function (prefix) { return "".concat(prefix, "-").concat(color, "-").concat(scale); }); });
-    });
-};
-allColorOptions.forEach(function (options) {
-    classes = classes.concat(generateClasses(options, colorScale));
-});
 allColorOptions.forEach(function (options) {
-    fillClasses = generateTypeClasses(options, colorScale, 'fill');
+    classes = classes.concat(generateClasses(options));
 });
-allColorOptions.forEach(function (options) {
-    borderClasses = generateTypeClasses(options, colorScale, 'border');
-});
-allColorOptions.forEach(function (options) {
-    bgClasses = generateTypeClasses(options, colorScale, 'bg');
+[darkColorOptions].forEach(function (options) {
+    classes = classes.concat(generateClasses(options, 'dark:'));
 });
-allColorOptions.forEach(function (options) {
-    textClasses = generateTypeClasses(options, colorScale, 'text');
-});
-darkClasses.push.apply(darkClasses, generateDarkClasses(darkColorOptions, colorScale));
 var config = {
-    content: [
-        './src/app/**/*.{js,ts,jsx,tsx,mdx,zip}',
-        './lib/**/*.{js,ts,jsx,tsx,mdx,zip}',
-        './src/stories/**/*.{js,ts,jsx,tsx,mdx,zip}',
-        './src/**/*.{js,ts,jsx,tsx,mdx,zip}',
-    ],
-    safelist: __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], classes, true), classes.map(function (cls) { return "hover:".concat(cls); }), true), borderClasses.map(function (cls) { return "active:".concat(cls); }), true), bgClasses.map(function (cls) { return "active:".concat(cls); }), true), textClasses.map(function (cls) { return "active:".concat(cls); }), true), borderClasses.map(function (cls) { return "data-[state=checked]:".concat(cls); }), true), bgClasses.map(function (cls) { return "data-[state=checked]:".concat(cls); }), true), textClasses.map(function (cls) { return "data-[state=checked]:".concat(cls); }), true), borderClasses.map(function (cls) { return "data-[state=unchecked]:".concat(cls); }), true), bgClasses.map(function (cls) { return "data-[state=unchecked]:".concat(cls); }), true), textClasses.map(function (cls) { return "data-[state=unchecked]:".concat(cls); }), true), borderClasses.map(function (cls) { return "data-[state=on]:".concat(cls); }), true), bgClasses.map(function (cls) { return "data-[state=on]:".concat(cls); }), true), textClasses.map(function (cls) { return "data-[state=on]:".concat(cls); }), true), bgClasses.map(function (cls) { return "data-[state=open]:".concat(cls); }), true), darkClasses, true),
+    content: ['./src/**/*.{js,ts,jsx,tsx,mdx,zip}'],
+    safelist: __spreadArray([], classes, true),
     theme: {
         extend: {
             fontFamily: {