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

package/dist/tailwind.config.js

@@ -23,6 +23,10 @@ import * as darkColors from './lib/color/dark';
 import * as alphaColors from './lib/color/alpha';
 import { colorOptions, alphaColorOptions, darkColorOptions } from './lib/color/constants';
 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];
@@ -32,6 +36,9 @@ var generateClasses = function (colorList, colorScale) {
         return colorScale.flatMap(function (scale) { return classPrefixes.map(function (prefix) { return "".concat(prefix, "-").concat(color, "-").concat(scale); }); });
     });
 };
+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',
@@ -53,6 +60,18 @@ var generateDarkClasses = function (colorList, colorScale) {
 allColorOptions.forEach(function (options) {
     classes = classes.concat(generateClasses(options, colorScale));
 });
+allColorOptions.forEach(function (options) {
+    fillClasses = generateTypeClasses(options, colorScale, 'fill');
+});
+allColorOptions.forEach(function (options) {
+    borderClasses = generateTypeClasses(options, colorScale, 'border');
+});
+allColorOptions.forEach(function (options) {
+    bgClasses = generateTypeClasses(options, colorScale, 'bg');
+});
+allColorOptions.forEach(function (options) {
+    textClasses = generateTypeClasses(options, colorScale, 'text');
+});
 darkClasses.push.apply(darkClasses, generateDarkClasses(darkColorOptions, colorScale));
 var config = {
     content: [
@@ -61,7 +80,7 @@ var config = {
         './src/stories/**/*.{js,ts,jsx,tsx,mdx,zip}',
         './src/**/*.{js,ts,jsx,tsx,mdx,zip}',
     ],
-    safelist: __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], classes, true), classes.map(function (cls) { return "hover:".concat(cls); }), true), classes.map(function (cls) { return "active:".concat(cls); }), true), classes.map(function (cls) { return "data-[state=checked]:".concat(cls); }), true), classes.map(function (cls) { return "data-[state=unchecked]:".concat(cls); }), true), classes.map(function (cls) { return "data-[state=on]:".concat(cls); }), true), classes.map(function (cls) { return "data-[state=open]:".concat(cls); }), true), darkClasses, true),
+    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),
     theme: {
         extend: {
             fontFamily: {