@lotte-innovate/ui-component-test 0.1.65 → 0.1.67

package/dist/lib/utils/classPrefixes.js

@@ -6,6 +6,7 @@ export var classPrefixesByScale = {
     'hover:bg': [2, 3, 4, 6, 9, 10],
     'hover:border': [4, 6, 7, 8, 9],
     'hover:text': [1, 10, 11, 12],
+    'hover:fill': [1, 12],
     'active:bg': [3, 4, 5, 6, 8, 9, 10],
     'active:border': [6, 8, 9],
     'active:text': [10, 11, 12],

package/dist/lib/utils/useDarkMode.js

@@ -1,3 +1,4 @@
+'use client';
 import { slateA, slateDarkA } from '../../lib/color/alpha';
 import { useEffect, useState } from 'react';
 export var useDarkMode = function (isRAxes) {

package/dist/lib/utils/useDarkMode.mjs

@@ -1,2 +1,3 @@
+"use client";
 import{slateA as r,slateDarkA as o}from"../color/alpha.mjs";import{useState as c,useEffect as t}from"react";var n=function(n){void 0===n&&(n=!1);var i={},e={};!0===n?(i={r:{grid:{color:r[8]}}},e={r:{grid:{color:o[8]},ticks:{backdropColor:"rgba(0, 0, 0, 0)"}}}):(i={x:{grid:{color:r[8]}},y:{grid:{color:r[8]}}},e={x:{grid:{color:o[8]}},y:{grid:{color:o[8]}}});var a=c(b()),l=a[0],s=a[1],d=c({linescale:{}}),u=d[0],f=d[1];function b(){return document.body.classList.contains("dark")}return t((function(){s(b()),f({linescale:b()?e:i});var r=new MutationObserver((function(r){r.forEach((function(r){"class"===r.attributeName&&(s(b()),f({linescale:b()?e:i}))}))}));return r.observe(document.body,{attributes:!0}),function(){r.disconnect()}}),[]),[l,u]};export{n as useDarkMode};
 //# sourceMappingURL=useDarkMode.mjs.map

package/dist/lib/utils/useDarkMode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDarkMode.mjs","sources":["../../lib/utils/useDarkMode.js"],"sourcesContent":["import { slateA, slateDarkA } from '../../lib/color/alpha';\nimport { useEffect, useState } from 'react';\nexport var useDarkMode = function (isRAxes) {\n    if (isRAxes === void 0) { isRAxes = false; }\n    var lightmode = {};\n    var darkmode = {};\n    if (isRAxes === true) {\n        lightmode = {\n            r: { grid: { color: slateA[8] } },\n        };\n        darkmode = {\n            r: { grid: { color: slateDarkA[8] }, ticks: { backdropColor: 'rgba(0, 0, 0, 0)' } },\n        };\n    }\n    else {\n        lightmode = {\n            x: { grid: { color: slateA[8] } },\n            y: { grid: { color: slateA[8] } },\n        };\n        darkmode = {\n            x: { grid: { color: slateDarkA[8] } },\n            y: { grid: { color: slateDarkA[8] } },\n        };\n    }\n    var _a = useState(checkDarkMode()), isDarkMode = _a[0], setIsDarkMode = _a[1];\n    var _b = useState({\n        linescale: {},\n    }), defaultOptions = _b[0], setDefaultOptions = _b[1];\n    function checkDarkMode() {\n        return document.body.classList.contains('dark');\n    }\n    useEffect(function () {\n        setIsDarkMode(checkDarkMode());\n        setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });\n        var mutationObserver = new MutationObserver(function (mutations) {\n            mutations.forEach(function (mutation) {\n                if (mutation.attributeName === 'class') {\n                    setIsDarkMode(checkDarkMode());\n                    setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });\n                }\n            });\n        });\n        mutationObserver.observe(document.body, { attributes: true });\n        return function () {\n            mutationObserver.disconnect();\n        };\n    }, []);\n    return [isDarkMode, defaultOptions];\n};\n"],"names":["useDarkMode","isRAxes","lightmode","darkmode","r","grid","color","slateA","slateDarkA","ticks","backdropColor","x","y","_a","useState","checkDarkMode","isDarkMode","setIsDarkMode","_b","linescale","defaultOptions","setDefaultOptions","document","body","classList","contains","useEffect","mutationObserver","MutationObserver","mutations","forEach","mutation","attributeName","observe","attributes","disconnect"],"mappings":"4GAEU,IAACA,EAAc,SAAUC,QACf,IAAZA,IAAsBA,GAAU,GACpC,IAAIC,EAAY,CAAA,EACZC,EAAW,CAAA,GACC,IAAZF,GACAC,EAAY,CACRE,EAAG,CAAEC,KAAM,CAAEC,MAAOC,EAAO,MAE/BJ,EAAW,CACPC,EAAG,CAAEC,KAAM,CAAEC,MAAOE,EAAW,IAAMC,MAAO,CAAEC,cAAe,wBAIjER,EAAY,CACRS,EAAG,CAAEN,KAAM,CAAEC,MAAOC,EAAO,KAC3BK,EAAG,CAAEP,KAAM,CAAEC,MAAOC,EAAO,MAE/BJ,EAAW,CACPQ,EAAG,CAAEN,KAAM,CAAEC,MAAOE,EAAW,KAC/BI,EAAG,CAAEP,KAAM,CAAEC,MAAOE,EAAW,OAGvC,IAAIK,EAAKC,EAASC,KAAkBC,EAAaH,EAAG,GAAII,EAAgBJ,EAAG,GACvEK,EAAKJ,EAAS,CACdK,UAAW,CAAE,IACbC,EAAiBF,EAAG,GAAIG,EAAoBH,EAAG,GACnD,SAASH,IACL,OAAOO,SAASC,KAAKC,UAAUC,SAAS,OAC3C,CAiBD,OAhBAC,GAAU,WACNT,EAAcF,KACdM,EAAkB,CAAEF,UAAYJ,IAA8BZ,EAAZD,IAClD,IAAIyB,EAAmB,IAAIC,kBAAiB,SAAUC,GAClDA,EAAUC,SAAQ,SAAUC,GACO,UAA3BA,EAASC,gBACTf,EAAcF,KACdM,EAAkB,CAAEF,UAAYJ,IAA8BZ,EAAZD,IAEtE,GACA,IAEQ,OADAyB,EAAiBM,QAAQX,SAASC,KAAM,CAAEW,YAAY,IAC/C,WACHP,EAAiBQ,YAC7B,CACK,GAAE,IACI,CAACnB,EAAYI,EACxB"}
+{"version":3,"file":"useDarkMode.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/tailwind.config.js

@@ -21,7 +21,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import * as lightColors from './lib/color/light';
 import * as darkColors from './lib/color/dark';
 import * as alphaColors from './lib/color/alpha';
-import { colorOptions, alphaColorOptions } from './lib/color/constants';
+import { colorOptions, alphaColorOptions, darkColorOptions } from './lib/color/constants';
 import { classPrefixesByScale } from './lib/utils/classPrefixes';
 var classes = [];
 var allColorOptions = [colorOptions, alphaColorOptions];
@@ -37,15 +37,12 @@ var generateClasses = function (colorList, mode) {
 };
 allColorOptions.forEach(function (options) {
     classes = classes.concat(generateClasses(options));
+});
+[darkColorOptions].forEach(function (options) {
     classes = classes.concat(generateClasses(options, 'dark:'));
 });
 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}',
-    ],
+    content: ['./src/**/*.{js,ts,jsx,tsx,mdx,zip}'],
     safelist: __spreadArray([], classes, true),
     theme: {
         extend: {