@ambita/design-system 3.0.27-171.0 → 3.0.27-201.0

package/dist/types/components/Pagination/Pagination.stories.d.ts

@@ -0,0 +1,52 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    component: import("vue").DefineComponent<{
+        config: {
+            type: import("vue").PropType<import("./types").PaginationOffset>;
+            required: true;
+        };
+        width: {
+            type: NumberConstructor;
+            required: false;
+            default: number;
+            validator: (width: number) => boolean;
+        };
+        dataTestId: {
+            type: StringConstructor;
+            required: false;
+        };
+    }, {
+        totalPages: import("vue").ComputedRef<number>;
+        generateButtons: import("vue").ComputedRef<(string | number)[]>;
+        goToSelectedPage: (selectedPage: number) => void;
+        goToPreviousPage: () => void;
+        goToNextPage: () => void;
+        skipBackward: () => void;
+        skipForward: () => void;
+        currentPage: import("vue").ComputedRef<number>;
+        isSmallScreen: import("vue").Ref<boolean>;
+        auxPaginationWrapper: import("vue").Ref<any>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        config: {
+            type: import("vue").PropType<import("./types").PaginationOffset>;
+            required: true;
+        };
+        width: {
+            type: NumberConstructor;
+            required: false;
+            default: number;
+            validator: (width: number) => boolean;
+        };
+        dataTestId: {
+            type: StringConstructor;
+            required: false;
+        };
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+    }, {
+        width: number;
+    }>;
+    title: string;
+};
+export default _default;
+export declare const PaginationWithOffset: Story<import("@storybook/vue3").Args>;

package/dist/types/components/Pagination/Pagination.vue.d.ts

@@ -26,16 +26,22 @@ declare const _default: import("vue").DefineComponent<{
     currentPage: import("vue").ComputedRef<number>;
     isSmallScreen: import("vue").Ref<boolean>;
     auxPaginationWrapper: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    config?: unknown;
-    width?: unknown;
-    dataTestId?: unknown;
-} & {
-    width: number;
-    config: PaginationOffset;
-} & {
-    dataTestId?: string | undefined;
-}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    config: {
+        type: PropType<PaginationOffset>;
+        required: true;
+    };
+    width: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+        validator: (width: number) => boolean;
+    };
+    dataTestId: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     width: number;

package/dist/types/components/Pill/Pill.stories.d.ts

@@ -0,0 +1,27 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        color: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+    }, {
+        classes: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'aux-pill': boolean;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        color: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+    }>>, {
+        color: string;
+    }>;
+};
+export default _default;
+export declare const Pill: Story<import("@storybook/vue3").Args>;
+export declare const Examples: Story<import("@storybook/vue3").Args>;

package/dist/types/components/Pill/Pill.vue.d.ts

@@ -9,13 +9,13 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
         'aux-pill': boolean;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    color?: unknown;
-} & {
-    color: string;
-} & {}> & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-}, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
     color: string;
 }>;
 export default _default;

package/dist/types/components/Radio/Radio.stories.d.ts

@@ -0,0 +1,59 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        value: {
+            type: (StringConstructor | NumberConstructor)[];
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+        };
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        selected: {
+            type: StringConstructor;
+            required: true;
+        };
+    }, {
+        isSelected: import("vue").ComputedRef<boolean>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: (StringConstructor | NumberConstructor)[];
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+        };
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        selected: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+    }, {
+        id: string;
+        disabled: boolean;
+    }>;
+    argTypes: {
+        onChange: {
+            action: string;
+        };
+    };
+};
+export default _default;
+export declare const Vertical: Story<import("@storybook/vue3").Args>;

package/dist/types/components/Radio/Radio.vue.d.ts

@@ -20,23 +20,30 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     isSelected: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    value?: unknown;
-    disabled?: unknown;
-    id?: unknown;
-    name?: unknown;
-    selected?: unknown;
-} & {
-    name: string;
-    disabled: boolean;
-    id: string;
-    selected: string;
-} & {
-    value?: string | number | undefined;
-}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+        default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    selected: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     id: string;
+    disabled: boolean;
 }>;
 export default _default;

package/dist/types/components/Select/Select.stories.d.ts

@@ -0,0 +1,102 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        items: {
+            type: import("vue").PropType<{
+                label: string;
+                value: string;
+                disabled: boolean;
+            }[]>;
+            required: true;
+        };
+        label: {
+            type: StringConstructor;
+            required: false;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+        };
+        name: {
+            type: StringConstructor;
+            required: false;
+        };
+        hideLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        description: {
+            type: StringConstructor;
+        };
+        value: {
+            type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
+        };
+        modelValue: {
+            type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
+        };
+    }, {
+        state: {
+            value: string | number | unknown[] | undefined;
+        };
+        updateValue: (value: string) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change")[], "focus" | "blur" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        items: {
+            type: import("vue").PropType<{
+                label: string;
+                value: string;
+                disabled: boolean;
+            }[]>;
+            required: true;
+        };
+        label: {
+            type: StringConstructor;
+            required: false;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+        };
+        name: {
+            type: StringConstructor;
+            required: false;
+        };
+        hideLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        description: {
+            type: StringConstructor;
+        };
+        value: {
+            type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
+        };
+        modelValue: {
+            type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
+        };
+    }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+    }, {
+        hideLabel: boolean;
+        id: string;
+        required: boolean;
+    }>;
+    argTypes: {
+        onChange: {
+            action: string;
+        };
+    };
+};
+export default _default;
+export declare const Primary: Story<import("@storybook/vue3").Args>;

package/dist/types/components/Select/Select.vue.d.ts

@@ -33,45 +33,58 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
     };
     value: {
-        type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
     };
     modelValue: {
-        type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
     };
 }, {
     state: {
         value: string | number | unknown[] | undefined;
     };
     updateValue: (value: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change")[], "blur" | "change" | "focus" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    items?: unknown;
-    label?: unknown;
-    required?: unknown;
-    id?: unknown;
-    name?: unknown;
-    hideLabel?: unknown;
-    description?: unknown;
-    value?: unknown;
-    modelValue?: unknown;
-} & {
-    required: boolean;
-    hideLabel: boolean;
-    id: string;
-    items: Item[];
-} & {
-    name?: string | undefined;
-    description?: string | undefined;
-    value?: string | number | unknown[] | undefined;
-    label?: string | undefined;
-    modelValue?: string | number | unknown[] | undefined;
-}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change")[], "focus" | "blur" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<Item[]>;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+        default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+    };
+    name: {
+        type: StringConstructor;
+        required: false;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    description: {
+        type: StringConstructor;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
+    };
+}>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    required: boolean;
     hideLabel: boolean;
     id: string;
+    required: boolean;
 }>;
 export default _default;

package/dist/types/components/Spinner/Spinner.stories.d.ts

@@ -0,0 +1,8 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+};
+export default _default;
+export declare const Spinner: Story<import("@storybook/vue3").Args>;
+export declare const Examples: Story<import("@storybook/vue3").Args>;

package/dist/types/components/TextArea/TextArea.stories.d.ts

@@ -0,0 +1,129 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        modelValue: {
+            type: (StringConstructor | NumberConstructor)[];
+        };
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        id: {
+            type: StringConstructor;
+            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+        };
+        description: {
+            type: StringConstructor;
+        };
+        hideLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        name: {
+            type: StringConstructor;
+            required: false;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        resize: {
+            type: import("vue").PropType<"vertical" | "horizontal" | "none" | "auto" | "both">;
+            default: string;
+        };
+        height: {
+            type: NumberConstructor;
+            default: number;
+        };
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+    }, {
+        styles: import("vue").ComputedRef<{
+            resize: "vertical" | "horizontal" | "none" | "auto" | "both";
+            'max-width': string;
+        }>;
+        handleInput(event: {
+            target: {
+                value: string;
+            };
+        }): void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "input" | "update:modelValue")[], "blur" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: (StringConstructor | NumberConstructor)[];
+        };
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        id: {
+            type: StringConstructor;
+            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+        };
+        description: {
+            type: StringConstructor;
+        };
+        hideLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        name: {
+            type: StringConstructor;
+            required: false;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        resize: {
+            type: import("vue").PropType<"vertical" | "horizontal" | "none" | "auto" | "both">;
+            default: string;
+        };
+        height: {
+            type: NumberConstructor;
+            default: number;
+        };
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+    }>> & {
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onInput?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {
+        hideLabel: boolean;
+        id: string;
+        required: boolean;
+        value: string | number;
+        resize: "vertical" | "horizontal" | "none" | "auto" | "both";
+        width: string;
+        height: number;
+    }>;
+    argTypes: {
+        onBlur: {
+            action: string;
+        };
+        onChange: {
+            action: string;
+        };
+    };
+};
+export default _default;
+export declare const Input: Story<import("@storybook/vue3").Args>;