@lotte-innovate/ui-component-test 0.1.35 → 0.1.37

package/dist/{lib → esm/lib}/components/Table/index.js

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { Table as TableTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../../lib/utils/utils';
-import { radiusVariants, scalingVariants } from '../../../lib/constants';
+import { cn } from 'lib/utils/utils';
+import { radiusVariants, scalingVariants } from 'lib/constants';
 var tableVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),

package/dist/{lib → esm/lib}/components/Tabs/index.js

@@ -23,9 +23,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Theme, Tabs as TabsTheme } from '@radix-ui/themes';
 import React from 'react';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from 'lib/utils/utils';
 import { cva } from 'class-variance-authority';
-import { weightVariants } from '../../../lib/constants';
+import { weightVariants } from 'lib/constants';
 var tabsVariants = cva('', {
     variants: {
         weight: __assign({}, weightVariants),

package/dist/{lib → esm/lib}/components/TextArea/index.js

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { TextArea as TextAreaTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../../lib/utils/utils';
-import { radiusVariants, scalingVariants } from '../../../lib/constants';
+import { cn } from 'lib/utils/utils';
+import { radiusVariants, scalingVariants } from 'lib/constants';
 var textAreaNavVariants = cva('w-[250px]', {
     variants: {
         size: {

package/dist/{lib → esm/lib}/components/TextField/index.js

@@ -23,8 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { bgColorStyle, radiusVariants } from '../../../lib/constants';
+import { cn } from 'lib/utils/utils';
+import { bgColorStyle, radiusVariants } from 'lib/constants';
 import { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';
 var textFieldVariants = cva('', {
     variants: {

package/dist/{lib → esm/lib}/components/Toast/ToastActionButton.js

@@ -24,9 +24,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import Button from '../../../lib/components/Button';
-import { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
+import { cn } from 'lib/utils/utils';
+import Button from 'lib/components/Button';
+import { appearanceStyle, radiusVariants, scalingVariants } from 'lib/constants';
 import { useToastContext } from './ToastRoot';
 export var toastActionButtonVariants = cva("absolute items-center justify-center", {
     variants: {

package/dist/{lib → esm/lib}/components/Toast/ToastDescription.js

@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from 'lib/utils/utils';
 import { useToastContext } from './ToastRoot';
 export var toastDescriptionVariants = cva('flex m-0 text-wrap text-slate-11 dark:text-slateDark-11', {
     variants: {

package/dist/{lib → esm/lib}/components/Toast/ToastRoot.js

@@ -23,8 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, createContext, useContext, useMemo, } from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { scalingVariants } from '../../../lib/constants';
+import { cn } from 'lib/utils/utils';
+import { scalingVariants } from 'lib/constants';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 export var toastVariants = cva('flex bg-white dark:bg-slateDark-1', {
     variants: {

package/dist/{lib → esm/lib}/components/Toast/ToastTitle.js

@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from 'lib/utils/utils';
 import { useToastContext } from './ToastRoot';
 export var toastTitleVariants = cva('flex mb-[5px] text-slate-12 dark:text-slateDark-12 text-wrap break-words font-medium', {
     variants: {

package/dist/{lib → esm/lib}/components/Toggle/ToggleWithText.js

@@ -24,9 +24,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 import React, { Children, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { radiusVariants, toggleAppearanceStyle } from '../../../lib/constants';
-import { scalingVariants } from '../../../lib/constants';
-import { cn } from '../../../lib/utils/utils';
+import { radiusVariants, toggleAppearanceStyle } from 'lib/constants';
+import { scalingVariants } from 'lib/constants';
+import { cn } from 'lib/utils/utils';
 var toggleWithTextVariants = cva('flex items-center justify-center box-border font-medium', {
     variants: {
         radius: __assign({}, radiusVariants['base']),

package/dist/{lib → esm/lib}/components/Toggle/index.js

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Children, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { radiusVariants, scalingVariants, toggleAppearanceStyle } from '../../../lib/constants';
-import { cn } from '../../../lib/utils/utils';
+import { radiusVariants, scalingVariants, toggleAppearanceStyle } from 'lib/constants';
+import { cn } from 'lib/utils/utils';
 export * from './ToggleWithText';
 var toggleVariants = cva('grid place-content-center items-center justify-center box-border"', {
     variants: {

package/dist/{lib → esm/lib}/components/ToggleGroup/ToggleGroupItem.js

@@ -24,9 +24,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Children, forwardRef, useContext, } from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { cva } from 'class-variance-authority';
-import { toggleAppearanceStyle } from '../../../lib/constants';
+import { toggleAppearanceStyle } from 'lib/constants';
 import { ToggleGroupContext } from './ToggleGroupRoot';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from 'lib/utils/utils';
 export var toggleGroupItemVariants = cva('grid place-content-center mr-[-1px] first:rounded-l last:rounded-r', {
     variants: {
         size: {

package/dist/{lib → esm/lib}/components/ToggleGroup/ToggleGroupRoot.js

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, forwardRef } from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from '../../../lib/constants';
-import { cn } from '../../../lib/utils/utils';
+import { scalingVariants } from 'lib/constants';
+import { cn } from 'lib/utils/utils';
 var toggleVariants = cva('inline-flex', {
     variants: {
         scaling: __assign({}, scalingVariants),

package/dist/{lib → esm/lib}/components/ToggleSwitch/index.js

@@ -23,10 +23,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { radiusVariants, scalingVariants } from '../../../lib/constants';
+import { cn } from 'lib/utils/utils';
+import { radiusVariants, scalingVariants } from 'lib/constants';
 import { Switch as SwitchTheme, Theme } from '@radix-ui/themes';
-import { Text } from '../../../lib/Typography/Text';
+import { Text } from 'lib/Typography/Text';
 var toggleSwitchVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),

package/dist/{lib → esm/lib}/components/Tooltip/index.js

@@ -25,8 +25,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { primaryColorStyle, radiusVariants, weightVariants } from '../../../lib/constants';
+import { cn } from 'lib/utils/utils';
+import { primaryColorStyle, radiusVariants, weightVariants } from 'lib/constants';
 var tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]', {
     variants: {
         weight: __assign({}, weightVariants),

package/dist/{lib → esm/lib}/constants.js

@@ -1,5 +1,5 @@
-import { ColorStyle, DarkColorStyle, colorOptions, chartColorOptions } from '../lib/color/constants';
-import * as lightColors from '../lib/color/light';
+import { ColorStyle, DarkColorStyle, colorOptions, chartColorOptions } from 'lib/color/constants';
+import * as lightColors from 'lib/color/light';
 export var radiusOptions = ['none', 'small', 'medium', 'large', 'full'];
 export var typoSizeOptions = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
 export var scalingOptions = ['90%', '95%', '100%', '105%', '110%'];

package/dist/{lib → esm/lib}/utils/useDarkMode.js

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

package/dist/{tailwind.config.js → esm/tailwind.config.js}

@@ -139,3 +139,36 @@ function formatColors(colors) {
     return formatcolors;
 }
 export default config;
+1px #0000000D, 0px 1px 3px 0px #0000000D',
+                'card-dark-classic': '0px 0px 0px 0.5px #414142, 0px 1px 4px 0px #414142, 0px 2px 1px -1px #414142, 0px 1px 3px 0px #414142',
+                'segmented-control-dark-classic': '0px 0px 0px 0.5px #0000000D, 0px 1px 4px 0px #363636, 0px 2px 1px -1px #0000000D, 0px 1px 3px 0px #0000000D',
+            },
+        },
+    },
+    plugins: [
+        function (_a) {
+            var addVariant = _a.addVariant;
+            addVariant('data-placeholder', '&:where([data-placeholder])');
+        },
+    ],
+    darkMode: 'class',
+};
+/**
+ * tailwind 방식으로 변경
+ * ex) bg-yellow-3
+ */
+function formatColors(colors) {
+    var formatcolors = {};
+    for (var _i = 0, _a = Object.entries(colors); _i < _a.length; _i++) {
+        var _b = _a[_i], cn = _b[0], c = _b[1];
+        for (var _c = 0, _d = Object.entries(c); _c < _d.length; _c++) {
+            var _e = _d[_c], scale = _e[0], value = _e[1];
+            if (!scale) {
+                continue;
+            }
+            formatcolors["".concat(cn, "-").concat(scale)] = value;
+        }
+    }
+    return formatcolors;
+}
+exports.default = config;