@ambita/design-system 5.1.4-1501.0 → 5.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ambita/design-system",
-  "version": "5.1.4-1501.0",
+  "version": "5.2.1",
   "repository": {
     "type": "git",
     "url": "git@github.com:Ambita/design-system-vue-3.git"
@@ -18,7 +18,7 @@
     "test": "vitest run",
     "test:unit": "vitest",
     "test:coverage": "vitest run --coverage",
-    "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
+    "type-check": "vue-tsc -p tsconfig.vitest.json --composite false",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
     "format": "prettier --write src/",
     "sass-compile": "sass ./src/css/colors-css-variables.scss ./dist/css/colors-css-variables.css --no-source-map",
@@ -35,14 +35,14 @@
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.10.4",
-    "@storybook/addon-docs": "^8.3.1",
-    "@storybook/addon-essentials": "^8.4.5",
-    "@storybook/addon-interactions": "^8.4.4",
-    "@storybook/addon-links": "^8.4.5",
-    "@storybook/blocks": "^8.4.1",
+    "@storybook/addon-docs": "^8.4.6",
+    "@storybook/addon-essentials": "^8.4.6",
+    "@storybook/addon-interactions": "^8.4.6",
+    "@storybook/addon-links": "^8.4.6",
+    "@storybook/blocks": "^8.4.6",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/vue3": "^8.4.0",
-    "@storybook/vue3-vite": "^8.4.5",
+    "@storybook/vue3": "^8.4.6",
+    "@storybook/vue3-vite": "^8.4.6",
     "@types/jsdom": "^21.1.7",
     "@types/node": "^22.8.7",
     "@types/uuid": "^10.0.0",

package/dist/types/src/App.vue.d.ts

@@ -1,81 +0,0 @@
-import 'sanitize.css/sanitize.css';
-import 'sanitize.css/forms.css';
-import 'sanitize.css/typography.css';
-declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
-    AuxButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        primary: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-        dataTestid: {
-            type: StringConstructor;
-            required: false;
-        };
-        stackDirection: {
-            type: StringConstructor;
-            required: false;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-    }>, {
-        classes: import("vue").ComputedRef<{
-            [x: string]: boolean;
-            'aux-button': boolean;
-            'aux-button--primary': boolean;
-            'aux-button--secondary': boolean;
-        }>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        primary: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-        dataTestid: {
-            type: StringConstructor;
-            required: false;
-        };
-        stackDirection: {
-            type: StringConstructor;
-            required: false;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-    }>> & Readonly<{}>, {
-        primary: boolean;
-        disabled: boolean;
-        size: string;
-        stackDirection: string;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    AuxDirectionalArrow: import("vue").DefineComponent<{
-        direction: string;
-    }, {
-        classes: import("vue").ComputedRef<{
-            [x: string]: boolean;
-            'aux-arrow': boolean;
-        }>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-        direction: string;
-    }> & Readonly<{}>, {
-        direction: string;
-    }, {}, {
-        CaretRightIcon: import("vue").FunctionalComponent<import("vue").SVGAttributes, {}, any, {}>;
-    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/types/src/components/AuxAriaAnnouncer/AuxAriaAnnouncer.vue.d.ts

@@ -1,18 +0,0 @@
-import type { PropType } from 'vue';
-type AriaLiveValues = 'polite' | 'assertive' | 'off';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    priority: {
-        type: PropType<AriaLiveValues>;
-        default: string;
-        validator: (priority: string) => boolean;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    priority: {
-        type: PropType<AriaLiveValues>;
-        default: string;
-        validator: (priority: string) => boolean;
-    };
-}>> & Readonly<{}>, {
-    priority: AriaLiveValues;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/types/src/components/Banner/Banner.types.d.ts

@@ -1 +0,0 @@
-export declare const BANNER_TYPES: string[];

package/dist/types/src/components/Banner/Banner.vue.d.ts

@@ -1,47 +0,0 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    type: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    title: {
-        type: StringConstructor;
-    };
-    dataTestid: {
-        type: StringConstructor;
-        required: false;
-    };
-}>, {
-    icon: import("vue").ComputedRef<import("vue").FunctionalComponent<import("vue").SVGAttributes, {}, any, {}>>;
-    uuid: string;
-    classes: import("vue").ComputedRef<{
-        [x: string]: boolean;
-        'aux-banner': boolean;
-    }>;
-    srOnlyMessage: import("vue").ComputedRef<string>;
-    iconClasses: import("vue").ComputedRef<{
-        [x: string]: boolean;
-        icon: boolean;
-    }>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    title: {
-        type: StringConstructor;
-    };
-    dataTestid: {
-        type: StringConstructor;
-        required: false;
-    };
-}>> & Readonly<{}>, {
-    type: string;
-}, {}, {
-    SuccessBannerIcon: import("vue").FunctionalComponent<import("vue").SVGAttributes, {}, any, {}>;
-    InfoBannerIcon: import("vue").FunctionalComponent<import("vue").SVGAttributes, {}, any, {}>;
-    WarningBannerIcon: import("vue").FunctionalComponent<import("vue").SVGAttributes, {}, any, {}>;
-    ErrorBannerIcon: import("vue").FunctionalComponent<import("vue").SVGAttributes, {}, any, {}>;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/types/src/components/Button/Button.vue.d.ts

@@ -1,62 +0,0 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    primary: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    dataTestid: {
-        type: StringConstructor;
-        required: false;
-    };
-    stackDirection: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-}>, {
-    classes: import("vue").ComputedRef<{
-        [x: string]: boolean;
-        'aux-button': boolean;
-        'aux-button--primary': boolean;
-        'aux-button--secondary': boolean;
-    }>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    primary: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    dataTestid: {
-        type: StringConstructor;
-        required: false;
-    };
-    stackDirection: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-}>> & Readonly<{}>, {
-    primary: boolean;
-    disabled: boolean;
-    size: string;
-    stackDirection: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/types/src/components/Card/Card.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/types/src/components/Checkbox/Checkbox.vue.d.ts

@@ -1,238 +0,0 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    value: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
-    };
-    disabled: {
-        type: BooleanConstructor;
-    };
-    id: {
-        type: StringConstructor;
-        default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number) => T) & ((options?: import("uuid").V4Options) => string);
-    };
-    name: {
-        type: StringConstructor;
-        required: false;
-    };
-    selected: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    indeterminate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    layout: {
-        type: StringConstructor;
-        validator: (value: string) => boolean;
-        default: string;
-    };
-}>, {
-    changeEvent: (value: Event) => void;
-    checkboxType: import("vue").ComputedRef<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        value: {
-            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
-        };
-        disabled: {
-            type: BooleanConstructor;
-        };
-        id: {
-            type: StringConstructor;
-            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number) => T) & ((options?: import("uuid").V4Options) => string);
-        };
-        name: {
-            type: StringConstructor;
-            required: false;
-        };
-        selected: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        indeterminate: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {
-        changeEvent: (event: Event) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        value: {
-            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
-        };
-        disabled: {
-            type: BooleanConstructor;
-        };
-        id: {
-            type: StringConstructor;
-            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number) => T) & ((options?: import("uuid").V4Options) => string);
-        };
-        name: {
-            type: StringConstructor;
-            required: false;
-        };
-        selected: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        indeterminate: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onChange?: ((...args: any[]) => any) | undefined;
-    }>, {
-        disabled: boolean;
-        id: string;
-        selected: boolean;
-        indeterminate: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:selected")[], "change" | "update:selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
-    };
-    disabled: {
-        type: BooleanConstructor;
-    };
-    id: {
-        type: StringConstructor;
-        default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number) => T) & ((options?: import("uuid").V4Options) => string);
-    };
-    name: {
-        type: StringConstructor;
-        required: false;
-    };
-    selected: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    indeterminate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    layout: {
-        type: StringConstructor;
-        validator: (value: string) => boolean;
-        default: string;
-    };
-}>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:selected"?: ((...args: any[]) => any) | undefined;
-}>, {
-    disabled: boolean;
-    id: string;
-    selected: boolean;
-    layout: string;
-    indeterminate: boolean;
-}, {}, {
-    AuxCheckboxRegular: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        value: {
-            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
-        };
-        disabled: {
-            type: BooleanConstructor;
-        };
-        id: {
-            type: StringConstructor;
-            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number) => T) & ((options?: import("uuid").V4Options) => string);
-        };
-        name: {
-            type: StringConstructor;
-            required: false;
-        };
-        selected: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        indeterminate: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {
-        changeEvent: (event: Event) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        value: {
-            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
-        };
-        disabled: {
-            type: BooleanConstructor;
-        };
-        id: {
-            type: StringConstructor;
-            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number) => T) & ((options?: import("uuid").V4Options) => string);
-        };
-        name: {
-            type: StringConstructor;
-            required: false;
-        };
-        selected: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        indeterminate: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onChange?: ((...args: any[]) => any) | undefined;
-    }>, {
-        disabled: boolean;
-        id: string;
-        selected: boolean;
-        indeterminate: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    AuxCheckboxCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        value: {
-            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
-        };
-        disabled: {
-            type: BooleanConstructor;
-        };
-        id: {
-            type: StringConstructor;
-            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number) => T) & ((options?: import("uuid").V4Options) => string);
-        };
-        name: {
-            type: StringConstructor;
-            required: false;
-        };
-        selected: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        indeterminate: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {
-        changeEvent: (event: Event) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        value: {
-            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
-        };
-        disabled: {
-            type: BooleanConstructor;
-        };
-        id: {
-            type: StringConstructor;
-            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number) => T) & ((options?: import("uuid").V4Options) => string);
-        };
-        name: {
-            type: StringConstructor;
-            required: false;
-        };
-        selected: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        indeterminate: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onChange?: ((...args: any[]) => any) | undefined;
-    }>, {
-        disabled: boolean;
-        id: string;
-        selected: boolean;
-        indeterminate: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/types/src/components/Checkbox/CheckboxCard.vue.d.ts

@@ -1,57 +0,0 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    value: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
-    };
-    disabled: {
-        type: BooleanConstructor;
-    };
-    id: {
-        type: StringConstructor;
-        default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number) => T) & ((options?: import("uuid").V4Options) => string);
-    };
-    name: {
-        type: StringConstructor;
-        required: false;
-    };
-    selected: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    indeterminate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    changeEvent: (event: Event) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
-    };
-    disabled: {
-        type: BooleanConstructor;
-    };
-    id: {
-        type: StringConstructor;
-        default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number) => T) & ((options?: import("uuid").V4Options) => string);
-    };
-    name: {
-        type: StringConstructor;
-        required: false;
-    };
-    selected: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    indeterminate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {
-    disabled: boolean;
-    id: string;
-    selected: boolean;
-    indeterminate: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/types/src/components/Checkbox/CheckboxRegular.vue.d.ts

@@ -1,57 +0,0 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    value: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
-    };
-    disabled: {
-        type: BooleanConstructor;
-    };
-    id: {
-        type: StringConstructor;
-        default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number) => T) & ((options?: import("uuid").V4Options) => string);
-    };
-    name: {
-        type: StringConstructor;
-        required: false;
-    };
-    selected: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    indeterminate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    changeEvent: (event: Event) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
-    };
-    disabled: {
-        type: BooleanConstructor;
-    };
-    id: {
-        type: StringConstructor;
-        default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number) => T) & ((options?: import("uuid").V4Options) => string);
-    };
-    name: {
-        type: StringConstructor;
-        required: false;
-    };
-    selected: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    indeterminate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {
-    disabled: boolean;
-    id: string;
-    selected: boolean;
-    indeterminate: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;