@lotte-innovate/ui-component-test 0.2.1 → 0.2.3

package/dist/lib/components/index.js

@@ -1,48 +1 @@
-// 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 ToggleGroup } from './ToggleGroup';
-export { default as ToggleSwitch } from './ToggleSwitch';
-// Chart
-export { default as BubbleChart } from './BubbleChart';
-export { default as RadarChart } from './RadarChart';
-export { default as PieChart } from './PieChart';
-export { default as DoughnutChart } from './DoughnutChart';
+export { default as Editor } from './Editor';

package/dist/lib/constants.d.ts

@@ -7,6 +7,7 @@ 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;
@@ -172,14 +173,482 @@ export declare const commonArgTypes: {
             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 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;
+export declare const borderColorStyle: () => 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 checkboxAppearanceStyle: (type: string, color: string | undefined, indeterminate: boolean) => string;
+export declare const selectAppearanceStyle: (type: "classic" | "surface" | "soft" | "ghost", color: string) => string;