@lotte-innovate/ui-component-test 0.2.25 → 0.2.27

package/dist/lib/constants.d.ts

@@ -1,3 +1,56 @@
+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;
@@ -5,3 +58,597 @@ export declare const scalingVariants: {
     '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 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 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;