@lotte-innovate/ui-component-test 0.0.45 → 0.0.49

package/dist/lib/components/index.js

@@ -0,0 +1,52 @@
+// Component
+export { default as Accordion } from './Accordion';
+export { default as AlertDialog } from './AlertDialog';
+export { default as AspectRatio } from './AspectRatio';
+export { default as Avatar } from './Avatar';
+export { default as Badge } from './Badge';
+export { default as Button } from './Button';
+export { default as Callout } from './Callout';
+export { default as Card } from './Card';
+export { default as Checkbox } from './Checkbox';
+export { default as CheckboxCard } from './CheckboxCard';
+export { default as CheckboxGroup } from './CheckboxGroup';
+export { default as ContextMenu } from './ContextMenu';
+export { default as DataList } from './DataList';
+export { default as Dialog } from './Dialog';
+export { default as DropdownMenu } from './DropdownMenu';
+export { default as HoverCard } from './HoverCard';
+export { default as IconButton } from './IconButton';
+export { default as Inset } from './Inset';
+export { default as Label } from './Label';
+export { default as Menubar } from './Menubar';
+export { default as NavigationMenu } from './NavigationMenu';
+export { default as Popover } from './Popover';
+export { default as Progress } from './Progress';
+export { default as Radio } from './Radio';
+export { default as RadioCards } from './RadioCards';
+export { default as RadioGroup } from './RadioGroup';
+export { default as ScrollArea } from './ScrollArea';
+export { default as SegmentedControl } from './SegmentedControl';
+export { default as Select } from './Select';
+export { default as Separator } from './Separator';
+export { default as Skeleton } from './Skeleton';
+export { default as Slider } from './Slider';
+export { default as Spinner } from './Spinner';
+export { default as Table } from './Table';
+export { default as TabNav } from './TabNav';
+export { default as Tabs } from './Tabs';
+export { default as TextArea } from './TextArea';
+export { default as TextField } from './TextField';
+export { default as Toast } from './Toast';
+export { default as Toggle } from './Toggle';
+export { default as ToggleWithText } from './Toggle/ToggleWithText';
+export { default as ToggleGroup } from './ToggleGroup';
+export { default as ToggleSwitch } from './ToggleSwitch';
+export { default as Tooltip } from './Tooltip';
+// Chart
+export { default as BarChart } from './BarChart';
+export { default as BubbleChart } from './BubbleChart';
+export { default as RadarChart } from './RadarChart';
+export { default as LineChart } from './LineChart';
+export { default as PieChart } from './PieChart';
+export { default as DoughnutChart } from './DoughnutChart';

package/dist/lib/constants.d.ts

@@ -0,0 +1,655 @@
+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 pointStyleList: (string | boolean)[];
+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;
+        };
+    };
+    isColorMixed: {
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        description: string;
+        control: string;
+        defaultValue: {
+            summary: string;
+        };
+    };
+    chartAppearance: {
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        options: string[];
+        control: string;
+        defaultValue: {
+            summary: string;
+        };
+        description: string;
+    };
+    datasets: {
+        name: string;
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    labels: {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+};
+export declare const chartColorStyle: () => Record<string, string>;
+export declare const chartTitleArgTypes: {
+    title: {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'title.display': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+            defaultValue: boolean;
+        };
+        defaultValue: {
+            summary: boolean;
+        };
+    };
+    'title.text': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        defaultValue: {
+            summary: string;
+        };
+    };
+    'title.position': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        options: string[];
+        defaultValue: {
+            summary: string;
+        };
+    };
+    'title.align': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        options: string[];
+        defaultValue: {
+            summary: string;
+        };
+    };
+    'title.font.size': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        defaultValue: {
+            summary: number;
+        };
+    };
+};
+export declare const chartLegendArgTypes: {
+    legend: {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'legend.display': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        defaultValue: {
+            summary: boolean;
+        };
+    };
+    'legend.align': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        options: string[];
+        defaultValue: {
+            summary: string;
+        };
+    };
+    'legend.position': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        options: string[];
+        defaultValue: {
+            summary: string;
+        };
+    };
+    'legend.maxHeight': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        defaultValue: {
+            summary: number;
+        };
+    };
+    'legend.maxWidth': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        defaultValue: {
+            summary: number;
+        };
+    };
+    'legend.title.display': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        defaultValue: {
+            summary: boolean;
+        };
+    };
+    'legend.title.text': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        defaultValue: {
+            summary: string;
+        };
+    };
+    'legend.labels.usePointStyle': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        defaultValue: {
+            summary: string;
+        };
+    };
+    'legend.labels.pointStyle': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        options: (string | boolean)[];
+        defaultValue: {
+            summary: string;
+        };
+    };
+};
+export declare const chartDatasetsArgsTypes: {
+    'datasets[n].data': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].label': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].backgroundColor': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].borderColor': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].borderWidth': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].borderRadius': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].hoverBackgroundColor': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].hoverBorderColor': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].hoverBorderWidth': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].hoverBorderRadius': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].order': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].hidden': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].borderDash': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].borderDashOffset': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].offset': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'datasets[n].weight': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+};
+export declare const chartDatalabelsArgsTypes: {
+    datalabels: {
+        table: {
+            disable: boolean;
+        };
+    };
+    'datalabels.display': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        defaultValue: {
+            summary: boolean;
+        };
+    };
+    'datalabels.color': {
+        description: string;
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+        control: {
+            type: string;
+        };
+        options: string[];
+        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;