@lotte-innovate/ui-component-test 0.0.6 → 0.0.7

package/dist/color/light.js

@@ -1,393 +0,0 @@
-// 기본 그레이 색상
-export var slate = {
-    1: '#fcfcfd',
-    2: '#f9f9fb',
-    3: '#f0f0f3',
-    4: '#e8e8ec',
-    5: '#e0e1e6',
-    6: '#d9d9e0',
-    7: '#cdced6',
-    8: '#b9bbc6',
-    9: '#8b8d98',
-    10: '#80838d',
-    11: '#60646c',
-    12: '#1c2024',
-};
-export var olive = {
-    1: '#fcfdfc',
-    2: '#f8faf8',
-    3: '#eff1ef',
-    4: '#e7e9e7',
-    5: '#dfe2df',
-    6: '#d7dad7',
-    7: '#cccfcc',
-    8: '#b9bcb8',
-    9: '#898e87',
-    10: '#7f847d',
-    11: '#60655f',
-    12: '#1d211c',
-};
-export var sand = {
-    1: '#fdfdfc',
-    2: '#f9f9f8',
-    3: '#f1f0ef',
-    4: '#e9e8e6',
-    5: '#e2e1de',
-    6: '#dad9d6',
-    7: '#cfceca',
-    8: '#bcbbb5',
-    9: '#8d8d86',
-    10: '#82827c',
-    11: '#63635e',
-    12: '#21201c',
-};
-export var tomato = {
-    1: '#fffcfc',
-    2: '#fff8f7',
-    3: '#feebe7',
-    4: '#ffdcd3',
-    5: '#ffcdc2',
-    6: '#fdbdaf',
-    7: '#f5a898',
-    8: '#ec8e7b',
-    9: '#e54d2e',
-    10: '#dd4425',
-    11: '#d13415',
-    12: '#5c271f',
-};
-export var red = {
-    1: '#fffcfc',
-    2: '#fff7f7',
-    3: '#feebec',
-    4: '#ffdbdc',
-    5: '#ffcdce',
-    6: '#fdbdbe',
-    7: '#f4a9aa',
-    8: '#eb8e90',
-    9: '#e5484d',
-    10: '#dc3e42',
-    11: '#ce2c31',
-    12: '#641723',
-};
-export var ruby = {
-    1: '#fffcfd',
-    2: '#fff7f8',
-    3: '#feeaed',
-    4: '#ffdce1',
-    5: '#ffced6',
-    6: '#f8bfc8',
-    7: '#efacb8',
-    8: '#e592a3',
-    9: '#e54666',
-    10: '#dc3b5d',
-    11: '#ca244d',
-    12: '#64172b',
-};
-export var crimson = {
-    1: '#fffcfd',
-    2: '#fef7f9',
-    3: '#ffe9f0',
-    4: '#fedce7',
-    5: '#facedd',
-    6: '#f3bed1',
-    7: '#eaacc3',
-    8: '#e093b2',
-    9: '#e93d82',
-    10: '#df3478',
-    11: '#cb1d63',
-    12: '#621639',
-};
-export var pink = {
-    1: '#fffcfe',
-    2: '#fef7fb',
-    3: '#fee9f5',
-    4: '#fbdcef',
-    5: '#f6cee7',
-    6: '#efbfdd',
-    7: '#e7acd0',
-    8: '#dd93c2',
-    9: '#d6409f',
-    10: '#cf3897',
-    11: '#c2298a',
-    12: '#651249',
-};
-export var plum = {
-    1: '#fefcff',
-    2: '#fdf7fd',
-    3: '#fbebfb',
-    4: '#f7def8',
-    5: '#f2d1f3',
-    6: '#e9c2ec',
-    7: '#deade3',
-    8: '#cf91d8',
-    9: '#ab4aba',
-    10: '#a144af',
-    11: '#953ea3',
-    12: '#53195d',
-};
-export var purple = {
-    1: '#fefcfe',
-    2: '#fbf7fe',
-    3: '#f7edfe',
-    4: '#f2e2fc',
-    5: '#ead5f9',
-    6: '#e0c4f4',
-    7: '#d1afec',
-    8: '#be93e4',
-    9: '#8e4ec6',
-    10: '#8347b9',
-    11: '#8145b5',
-    12: '#402060',
-};
-export var violet = {
-    1: '#fdfcfe',
-    2: '#faf8ff',
-    3: '#f4f0fe',
-    4: '#ebe4ff',
-    5: '#e1d9ff',
-    6: '#d4cafe',
-    7: '#c2b5f5',
-    8: '#aa99ec',
-    9: '#6e56cf',
-    10: '#654dc4',
-    11: '#6550b9',
-    12: '#2f265f',
-};
-export var iris = {
-    1: '#fdfdff',
-    2: '#f8f8ff',
-    3: '#f0f1fe',
-    4: '#e6e7ff',
-    5: '#dadcff',
-    6: '#cbcdff',
-    7: '#b8baf8',
-    8: '#9b9ef0',
-    9: '#5b5bd6',
-    10: '#5151cd',
-    11: '#5753c6',
-    12: '#272962',
-};
-export var indigo = {
-    1: '#fdfdfe',
-    2: '#f7f9ff',
-    3: '#edf2fe',
-    4: '#e1e9ff',
-    5: '#d2deff',
-    6: '#c1d0ff',
-    7: '#abbdf9',
-    8: '#8da4ef',
-    9: '#3e63dd',
-    10: '#3358d4',
-    11: '#3a5bc7',
-    12: '#1f2d5c',
-};
-export var blue = {
-    1: '#fbfdff',
-    2: '#f4faff',
-    3: '#e6f4fe',
-    4: '#d5efff',
-    5: '#c2e5ff',
-    6: '#acd8fc',
-    7: '#8ec8f6',
-    8: '#5eb1ef',
-    9: '#0090ff',
-    10: '#0588f0',
-    11: '#0d74ce',
-    12: '#113264',
-};
-export var cyan = {
-    1: '#fafdfe',
-    2: '#f2fafb',
-    3: '#def7f9',
-    4: '#caf1f6',
-    5: '#b5e9f0',
-    6: '#9ddde7',
-    7: '#7dcedc',
-    8: '#3db9cf',
-    9: '#00a2c7',
-    10: '#0797b9',
-    11: '#107d98',
-    12: '#0d3c48',
-};
-export var teal = {
-    1: '#fafefd',
-    2: '#f3fbf9',
-    3: '#e0f8f3',
-    4: '#ccf3ea',
-    5: '#b8eae0',
-    6: '#a1ded2',
-    7: '#83cdc1',
-    8: '#53b9ab',
-    9: '#12a594',
-    10: '#0d9b8a',
-    11: '#008573',
-    12: '#0d3d38',
-};
-export var jade = {
-    1: '#fbfefd',
-    2: '#f4fbf7',
-    3: '#e6f7ed',
-    4: '#d6f1e3',
-    5: '#c3e9d7',
-    6: '#acdec8',
-    7: '#8bceb6',
-    8: '#56ba9f',
-    9: '#29a383',
-    10: '#26997b',
-    11: '#208368',
-    12: '#1d3b31',
-};
-export var green = {
-    1: '#fbfefc',
-    2: '#f4fbf6',
-    3: '#e6f6eb',
-    4: '#d6f1df',
-    5: '#c4e8d1',
-    6: '#adddc0',
-    7: '#8eceaa',
-    8: '#5bb98b',
-    9: '#30a46c',
-    10: '#2b9a66',
-    11: '#218358',
-    12: '#193b2d',
-};
-export var grass = {
-    1: '#fbfefb',
-    2: '#f5fbf5',
-    3: '#e9f6e9',
-    4: '#daf1db',
-    5: '#c9e8ca',
-    6: '#b2ddb5',
-    7: '#94ce9a',
-    8: '#65ba74',
-    9: '#46a758',
-    10: '#3e9b4f',
-    11: '#2a7e3b',
-    12: '#203c25',
-};
-export var brown = {
-    1: '#fefdfc',
-    2: '#fcf9f6',
-    3: '#f6eee7',
-    4: '#f0e4d9',
-    5: '#ebdaca',
-    6: '#e4cdb7',
-    7: '#dcbc9f',
-    8: '#cea37e',
-    9: '#ad7f58',
-    10: '#a07553',
-    11: '#815e46',
-    12: '#3e332e',
-};
-export var bronze = {
-    1: '#fdfcfc',
-    2: '#fdf7f5',
-    3: '#f6edea',
-    4: '#efe4df',
-    5: '#e7d9d3',
-    6: '#dfcdc5',
-    7: '#d3bcb3',
-    8: '#c2a499',
-    9: '#a18072',
-    10: '#957468',
-    11: '#7d5e54',
-    12: '#43302b',
-};
-export var gold = {
-    1: '#fdfdfc',
-    2: '#faf9f2',
-    3: '#f2f0e7',
-    4: '#eae6db',
-    5: '#e1dccf',
-    6: '#d8d0bf',
-    7: '#cbc0aa',
-    8: '#b9a88d',
-    9: '#978365',
-    10: '#8c7a5e',
-    11: '#71624b',
-    12: '#3b352b',
-};
-export var sky = {
-    1: '#f9feff',
-    2: '#f1fafd',
-    3: '#e1f6fd',
-    4: '#d1f0fa',
-    5: '#bee7f5',
-    6: '#a9daed',
-    7: '#8dcae3',
-    8: '#60b3d7',
-    9: '#7ce2fe',
-    10: '#74daf8',
-    11: '#00749e',
-    12: '#1d3e56',
-};
-export var mint = {
-    1: '#f9fefd',
-    2: '#f2fbf9',
-    3: '#ddf9f2',
-    4: '#c8f4e9',
-    5: '#b3ecde',
-    6: '#9ce0d0',
-    7: '#7ecfbd',
-    8: '#4cbba5',
-    9: '#86ead4',
-    10: '#7de0cb',
-    11: '#027864',
-    12: '#16433c',
-};
-export var lime = {
-    1: '#fcfdfa',
-    2: '#f8faf3',
-    3: '#eef6d6',
-    4: '#e2f0bd',
-    5: '#d3e7a6',
-    6: '#c2da91',
-    7: '#abc978',
-    8: '#8db654',
-    9: '#bdee63',
-    10: '#b0e64c',
-    11: '#5c7c2f',
-    12: '#37401c',
-};
-export var yellow = {
-    1: '#fdfdf9',
-    2: '#fefce9',
-    3: '#fffab8',
-    4: '#fff394',
-    5: '#ffe770',
-    6: '#f3d768',
-    7: '#e4c767',
-    8: '#d5ae39',
-    9: '#ffe629',
-    10: '#ffdc00',
-    11: '#9e6c00',
-    12: '#473b1f',
-};
-export var amber = {
-    1: '#fefdfb',
-    2: '#fefbe9',
-    3: '#fff7c2',
-    4: '#ffee9c',
-    5: '#fbe577',
-    6: '#f3d673',
-    7: '#e9c162',
-    8: '#e2a336',
-    9: '#ffc53d',
-    10: '#ffba18',
-    11: '#ab6400',
-    12: '#4f3422',
-};
-export var orange = {
-    1: '#fefcfb',
-    2: '#fff7ed',
-    3: '#ffefd6',
-    4: '#ffdfb5',
-    5: '#ffd19a',
-    6: '#ffc182',
-    7: '#f5ae73',
-    8: '#ec9455',
-    9: '#f76b15',
-    10: '#ef5f00',
-    11: '#cc4e00',
-    12: '#582d1d',
-};

package/dist/components/NavigationMenu/NavigationMenuIndicator.jsx

@@ -1,22 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef } from 'react';
-import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import { cn } from 'utils/utils';
-export var NavigationMenuIndicator = forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (<NavigationMenuPrimitive.Indicator ref={ref} className={"flex z-[1] top-full h-[10px] items-end justify-center overflow-hidden\n        data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut \n        transition-[width,transform_250ms_ease]"} {...props}>
-      <div className={cn("relative top-[70%] h-[10px] w-[10px] rotate-[45deg] rounded-tl-[2px] \n          bg-white dark:bg-slateDark-2 shadow-slate-4 shadow dark:shadow-slateDark-4", className)}/>
-      {children}
-    </NavigationMenuPrimitive.Indicator>);
-});
-NavigationMenuIndicator.displayName = 'NavigationMenuIndicator';

package/dist/constants.d.ts

@@ -1,185 +0,0 @@
-import { IAppearance, IRadius, IScaling, IWeight, ISize, ITheme, ITypoSize } from './types';
-export declare const radiusOptions: IRadius[];
-export declare const typoSizeOptions: ITypoSize[];
-export declare const scalingOptions: IScaling[];
-export declare const sizeOptions: ISize[];
-export declare const weightOptions: IWeight[];
-export declare const themeOptions: ITheme[];
-export declare const appearanceOptions: IAppearance[];
-export declare const labelPositionList: string[];
-export declare const radiusVariants: {
-    small: {
-        none: string;
-        small: string;
-        medium: string;
-        large: string;
-        full: string;
-    };
-    base: {
-        none: string;
-        small: string;
-        medium: string;
-        large: string;
-        full: string;
-    };
-    large: {
-        none: string;
-        small: string;
-        medium: string;
-        large: string;
-        full: string;
-    };
-    'extra-large': {
-        none: string;
-        small: string;
-        medium: string;
-        large: string;
-        full: string;
-    };
-    'menu-item': {
-        none: string;
-        small: string;
-        medium: string;
-        large: string;
-        full: string;
-    };
-};
-export declare const weightVariants: {
-    regular: string;
-    medium: string;
-    semibold: string;
-    bold: string;
-};
-export declare const scalingVariants: {
-    '90%': string;
-    '95%': string;
-    '100%': string;
-    '105%': string;
-    '110%': string;
-};
-export declare const commonArgTypes: {
-    typoSize: {
-        table: {
-            category: string;
-            type: {
-                summary: string;
-            };
-        };
-        control: {
-            type: string;
-        };
-        options: ITypoSize[];
-        defaultValue: {
-            summary: string;
-        };
-    };
-    scaling: {
-        table: {
-            category: string;
-            type: {
-                summary: string;
-            };
-        };
-        control: {
-            type: string;
-        };
-        options: IScaling[];
-        defaultValue: {
-            summary: string;
-        };
-    };
-    weight: {
-        table: {
-            category: string;
-            type: {
-                summary: string;
-            };
-        };
-        options: IWeight[];
-        control: {
-            type: string;
-        };
-        defaultValue: {
-            summary: string;
-        };
-    };
-    radius: {
-        table: {
-            category: string;
-            type: {
-                summary: string;
-            };
-        };
-        options: IRadius[];
-        control: {
-            type: string;
-        };
-        defaultValue: {
-            summary: string;
-        };
-    };
-    color: {
-        table: {
-            category: string;
-            type: {
-                summary: string;
-            };
-        };
-        options: import("./types").IColor[];
-        control: {
-            type: string;
-        };
-        defaultValue: {
-            summary: string;
-        };
-    };
-    basicText: {
-        table: {
-            category: string;
-            type: {
-                summary: string;
-            };
-        };
-        control: string;
-    };
-    appearance: {
-        table: {
-            category: string;
-            type: {
-                summary: string;
-            };
-        };
-        options: IAppearance[];
-        control: {
-            type: string;
-        };
-        defaultValue: {
-            summary: string;
-        };
-    };
-    size: {
-        table: {
-            category: string;
-            type: {
-                summary: string;
-            };
-        };
-        control: {
-            type: string;
-        };
-        options: ISize[];
-        defaultValue: {
-            summary: string;
-        };
-    };
-};
-export declare const blackText: string[];
-export declare const primaryColorStyle: () => Record<string, string>;
-export declare const bgColorStyle: () => Record<string, string>;
-export declare const textColorStyle: () => Record<string, string>;
-export declare const appearanceStyle: (type: string, color: string, isClickable?: boolean) => string;
-export declare const toggleAppearanceStyle: (type: string, color: string, isClickable?: boolean, stateOn?: string) => string;
-export declare const menuItemAppearanceStyle: (type: 'solid' | 'soft' | 'ghost', color: string) => string;
-export declare const switchCheckedApperanceStyle: (type: string, color: string) => string;
-export declare const checkboxAppearanceStyle: (type: string, color: string, indeterminate: boolean) => string;
-export declare const selectAppearanceStyle: (type: 'classic' | 'surface' | 'soft' | 'ghost', color: string) => string;