@lotte-innovate/ui-component-test 0.1.46 → 0.1.71

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;

package/dist/{esm/src/lib → 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/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components/index';
+export * from './Typography/index';

package/dist/lib/index.js

@@ -0,0 +1,2 @@
+export * from './components/index';
+export * from './Typography/index';