@lotte-innovate/ui-component-test 0.2.41 → 0.2.42

package/dist/lib/utils/classPrefixes.js

@@ -1,29 +0,0 @@
-export var classPrefixesByScale = {
-    fill: [9, 12],
-    border: [4, 6, 7, 8, 9],
-    bg: [1, 2, 3, 4, 5, 6, 7, 9, 10, 12],
-    text: [1, 8, 9, 10, 11, 12],
-    'focus:bg': [9],
-    '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],
-    'data-[state=on]:bg': [3, 4, 5, 9, 10],
-    'data-[state=on]:border': [8, 9],
-    'data-[state=on]:text': [1, 11],
-    'data-[state=on]:hover:bg': [2, 3, 4, 10],
-    'data-[state=on]:hover:border': [8, 9],
-    'data-[state=on]:hover:text': [1, 11],
-    'data-[state=open]:bg': [5],
-    'data-[state=checked]:bg': [2, 3, 5, 6, 7, 9, 10],
-    'data-[state=checked]:border': [6],
-    'data-[state=checked]:text': [1, 8, 11],
-    'data-[state=unchecked]:bg': [2, 3, 5, 6, 7],
-    'data-[state=unchecked]:border': [4, 6, 7, 8, 9],
-    'data-[state=unchecked]:text': [8],
-    'aria-selected:bg': [9],
-    'aria-selected:hover:bg': [9],
-};

package/dist/lib/utils/useDarkMode.d.ts

@@ -1 +0,0 @@
-export declare const useDarkMode: (isRAxes?: boolean) => any[];

package/dist/lib/utils/useDarkMode.js

@@ -1,50 +0,0 @@
-'use client';
-import { slateA, slateDarkA } from '../../lib/color/alpha';
-import { useEffect, useState } from 'react';
-export var useDarkMode = function (isRAxes) {
-    if (isRAxes === void 0) { isRAxes = false; }
-    var lightmode = {};
-    var darkmode = {};
-    if (isRAxes === true) {
-        lightmode = {
-            r: { grid: { color: slateA[8] } },
-        };
-        darkmode = {
-            r: { grid: { color: slateDarkA[8] }, ticks: { backdropColor: 'rgba(0, 0, 0, 0)' } },
-        };
-    }
-    else {
-        lightmode = {
-            x: { grid: { color: slateA[8] } },
-            y: { grid: { color: slateA[8] } },
-        };
-        darkmode = {
-            x: { grid: { color: slateDarkA[8] } },
-            y: { grid: { color: slateDarkA[8] } },
-        };
-    }
-    var _a = useState(checkDarkMode()), isDarkMode = _a[0], setIsDarkMode = _a[1];
-    var _b = useState({
-        linescale: {},
-    }), defaultOptions = _b[0], setDefaultOptions = _b[1];
-    function checkDarkMode() {
-        return document.body.classList.contains('dark');
-    }
-    useEffect(function () {
-        setIsDarkMode(checkDarkMode());
-        setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });
-        var mutationObserver = new MutationObserver(function (mutations) {
-            mutations.forEach(function (mutation) {
-                if (mutation.attributeName === 'class') {
-                    setIsDarkMode(checkDarkMode());
-                    setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });
-                }
-            });
-        });
-        mutationObserver.observe(document.body, { attributes: true });
-        return function () {
-            mutationObserver.disconnect();
-        };
-    }, []);
-    return [isDarkMode, defaultOptions];
-};

package/dist/lib/utils/useDarkMode.mjs

@@ -1,3 +0,0 @@
-"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 +0,0 @@
-{"version":3,"file":"useDarkMode.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/utils/useWindowSize.d.ts

@@ -1 +0,0 @@
-export declare function useWindowSize(): number;

package/dist/lib/utils/useWindowSize.js

@@ -1,17 +0,0 @@
-import { useState, useEffect } from 'react';
-var MIN_SIZE = 250;
-export function useWindowSize() {
-    var _a = useState(MIN_SIZE), size = _a[0], setSize = _a[1];
-    useEffect(function () {
-        function handleResize() {
-            var width = 130 + window.innerWidth * 0.15;
-            width = Math.max(width, MIN_SIZE);
-            width = Math.min(width, 300);
-            setSize(width);
-        }
-        window.addEventListener('resize', handleResize);
-        handleResize();
-        return function () { return window.removeEventListener('resize', handleResize); };
-    }, []);
-    return size;
-}

package/dist/lib/utils/useWindowSize.mjs

@@ -1,2 +0,0 @@
-import{useState as n,useEffect as e}from"react";function r(){var r=n(250),t=r[0],i=r[1];return e((function(){function n(){var n=130+.15*window.innerWidth;n=Math.max(n,250),n=Math.min(n,300),i(n)}return window.addEventListener("resize",n),n(),function(){return window.removeEventListener("resize",n)}}),[]),t}export{r as useWindowSize};
-//# sourceMappingURL=useWindowSize.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useWindowSize.mjs","sources":["../../lib/utils/useWindowSize.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nvar MIN_SIZE = 250;\nexport function useWindowSize() {\n    var _a = useState(MIN_SIZE), size = _a[0], setSize = _a[1];\n    useEffect(function () {\n        function handleResize() {\n            var width = 130 + window.innerWidth * 0.15;\n            width = Math.max(width, MIN_SIZE);\n            width = Math.min(width, 300);\n            setSize(width);\n        }\n        window.addEventListener('resize', handleResize);\n        handleResize();\n        return function () { return window.removeEventListener('resize', handleResize); };\n    }, []);\n    return size;\n}\n"],"names":["useWindowSize","_a","useState","size","setSize","useEffect","handleResize","width","window","innerWidth","Math","max","min","addEventListener","removeEventListener"],"mappings":"gDAEO,SAASA,IACZ,IAAIC,EAAKC,EAFE,KAEkBC,EAAOF,EAAG,GAAIG,EAAUH,EAAG,GAYxD,OAXAI,GAAU,WACN,SAASC,IACL,IAAIC,EAAQ,IAA0B,IAApBC,OAAOC,WACzBF,EAAQG,KAAKC,IAAIJ,EANd,KAOHA,EAAQG,KAAKE,IAAIL,EAAO,KACxBH,EAAQG,EACX,CAGD,OAFAC,OAAOK,iBAAiB,SAAUP,GAClCA,IACO,WAAc,OAAOE,OAAOM,oBAAoB,SAAUR,GACpE,GAAE,IACIH,CACX"}