@ambita/design-system 3.0.27-31.0 → 3.0.27-321.0

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

@@ -0,0 +1,50 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        href: {
+            type: StringConstructor;
+            required: false;
+        };
+    }, {
+        componentType: import("vue").ComputedRef<"a" | "button">;
+        classes: import("vue").ComputedRef<{
+            [x: string]: boolean | import("vue").Slot | undefined;
+            'aux-link': boolean;
+            'aux-link-icon-left': import("vue").Slot | undefined;
+            'aux-link-icon-right': import("vue").Slot | undefined;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        href: {
+            type: StringConstructor;
+            required: false;
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+    }, {
+        size: string;
+    }>;
+    argTypes: {
+        size: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+        onClick: {
+            action: string;
+        };
+    };
+};
+export default _default;
+export declare const Link: Story<import("@storybook/vue3").Args>;

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

@@ -16,14 +16,17 @@ declare const _default: import("vue").DefineComponent<{
         'aux-link-icon-left': import("vue").Slot | undefined;
         'aux-link-icon-right': import("vue").Slot | undefined;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    size?: unknown;
-    href?: unknown;
-} & {
-    size: string;
-} & {
-    href?: string | undefined;
-}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    href: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     size: string;

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

@@ -0,0 +1,7 @@
+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 Logo: Story<import("@storybook/vue3").Args>;

package/dist/types/components/Modal/Actions.vue.d.ts

@@ -8,11 +8,12 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     actionsOrganized: import("vue").ComputedRef<Action[]>;
     emit: (event: "action-clicked", ...args: any[]) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "action-clicked"[], "action-clicked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    actions?: unknown;
-} & {
-    actions: Action[];
-} & {}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "action-clicked"[], "action-clicked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    actions: {
+        type: PropType<Action[]>;
+        default: () => never[];
+    };
+}>> & {
     "onAction-clicked"?: ((...args: any[]) => any) | undefined;
 }, {
     actions: Action[];

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

@@ -0,0 +1,42 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    args: {
+        title: string;
+        actions: ({
+            label: string;
+            emit: string;
+            primary: boolean;
+            testid: string;
+            destructive?: undefined;
+            icon?: undefined;
+        } | {
+            label: string;
+            emit: string;
+            primary?: undefined;
+            testid?: undefined;
+            destructive?: undefined;
+            icon?: undefined;
+        } | {
+            label: string;
+            emit: string;
+            destructive: boolean;
+            icon: import("vue").DefineComponent<{}, {}, {}, 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<{}>>, {}>;
+            testid: string;
+            primary?: undefined;
+        })[];
+        open: boolean;
+    };
+    argTypes: {
+        size: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+        title: StringConstructor;
+        open: BooleanConstructor;
+    };
+};
+export default _default;
+export declare const Modal: Story<import("@storybook/vue3").Args>;

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

@@ -30,25 +30,34 @@ declare const _default: import("vue").DefineComponent<{
     };
     propagateEvent: (eventPayLoad: string) => void;
     emit: (event: string, ...args: any[]) => void;
+    closeButton: import("vue").Ref<HTMLInputElement | null>;
     getTestId: (testid: string) => string | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    actions?: unknown;
-    id?: unknown;
-    size?: unknown;
-    title?: unknown;
-    dataTestid?: unknown;
-} & {
-    size: string;
+    modal: import("vue").Ref<HTMLDialogElement | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    actions: {
+        type: PropType<Action[]>;
+        default: () => never[];
+    };
+    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);
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    dataTestid: {
+        type: StringConstructor;
+        required: false;
+    };
+}>>, {
     id: string;
-    actions: Action[];
-} & {
-    dataTestid?: string | undefined;
-    title?: string | undefined;
-}> & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-}, {
     size: string;
-    id: string;
     actions: Action[];
 }>;
 export default _default;

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

@@ -0,0 +1,7 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Notification: Story<import("@storybook/vue3").Args>;
+export declare const Notifications: Story<import("@storybook/vue3").Args>;

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

@@ -0,0 +1,31 @@
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: PropType<"info" | "success" | "warning" | "error">;
+        required: true;
+    };
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean | "info" | "success" | "warning" | "error";
+        'aux-notification': boolean;
+        'aux-notification-show': boolean;
+    }>;
+    icon: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, 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<{}>>, {}>>;
+    removeNotification: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove-notification"[], "remove-notification", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: PropType<"info" | "success" | "warning" | "error">;
+        required: true;
+    };
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & {
+    "onRemove-notification"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

package/dist/types/components/Notification/Notifications.vue.d.ts

@@ -0,0 +1,20 @@
+import { PropType } from 'vue';
+import { NotificationType } from './Notification.d';
+declare const _default: import("vue").DefineComponent<{
+    notifications: {
+        type: PropType<NotificationType[]>;
+        default: () => never[];
+    };
+}, {
+    removeNotification: (event: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove-notification"[], "remove-notification", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    notifications: {
+        type: PropType<NotificationType[]>;
+        default: () => never[];
+    };
+}>> & {
+    "onRemove-notification"?: ((...args: any[]) => any) | undefined;
+}, {
+    notifications: NotificationType[];
+}>;
+export default _default;

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>;