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

package/dist/css/colors-css-variables.css

@@ -0,0 +1,55 @@
+/* Do not use if you need IE11 support */
+:root {
+  /* Purple */
+  --aux-purple: #8237DC;
+  --aux-purple-1: #E6D7F8;
+  --aux-purple-2: #CDAFF1;
+  --aux-purple-3: #B487EA;
+  --aux-purple-4: #9B5FE3;
+  --aux-purple-5: #682CB0;
+  --aux-purple-6: #4E2184;
+  --aux-purple-7: #341658;
+  --aux-purple-8: #1A0B2C;
+  /* Dark Purple */
+  --aux-dark-purple: #360076;
+  --aux-dark-purple-1: #D8CDE6;
+  --aux-dark-purple-2: #B098C6;
+  --aux-dark-purple-3: #8666AC;
+  --aux-dark-purple-4: #5F3591;
+  --aux-dark-purple-5: #2D1C5B;
+  --aux-dark-purple-6: #200E47;
+  --aux-dark-purple-7: #1A0F2E;
+  --aux-dark-purple-8: #110B18;
+  /* Mint green */
+  --aux-mint: #34D9C3;
+  --aux-mint-1: #D8EFEE;
+  --aux-mint-2: #B5E1DD;
+  --aux-mint-3: #93D4D0;
+  --aux-mint-4: #72CAC3;
+  --aux-mint-5: #26AE9B;
+  --aux-mint-6: #218376;
+  --aux-mint-7: #14584E;
+  --aux-mint-8: #0A2B26;
+  /* Grey */
+  --aux-grey-1: #E1E1E1;
+  --aux-grey-2: #D2D2D2;
+  --aux-grey-3: #BEBEBE;
+  --aux-grey-4: #AFAFAF;
+  --aux-grey-5: #555555;
+  --aux-grey-6: #333333;
+  /* Supports */
+  --aux-red: #AC1631;
+  --aux-red-1: #ffe5e5;
+  --aux-blue: #0067A3;
+  --aux-blue-2: #C2E0F2;
+  --aux-yellow: #ECD025;
+  --aux-yellow-1: #fff3a8;
+  --aux-yellow-2: #F2C94C;
+  --aux-green: #5CB85C;
+  --aux-white: #FFF;
+  --aux-black: #000;
+  --aux-focus: #003eff;
+  /* Borders */
+  --aux-border-1-grey-1: 1px solid #E1E1E1;
+  --aux-border-2-grey-1: 2px solid #E1E1E1;
+}

package/dist/css/colors-css-variables.scss

@@ -1,54 +1,65 @@
 @import './colors-scss-variables';
-// Do not use if you need IE11 support
-::root{
-  // Purple
-  --aux-purple: $aux-purple;
-  --aux-purple-1: $aux-purple-1;
-  --aux-purple-2: $aux-purple-2;
-  --aux-purple-3: $aux-purple-3;
-  --aux-purple-4: $aux-purple-4;
-  --aux-purple-5: $aux-purple-5;
-  --aux-purple-6: $aux-purple-6;
-  --aux-purple-7: $aux-purple-7;
-  --aux-purple-8: $aux-purple-8;
-  
-  // Dark Purple
-  --aux-dark-purple: $aux-dark-purple;
-  --aux-dark-purple-1: $aux-dark-purple-1;
-  --aux-dark-purple-2: $aux-dark-purple-2;
-  --aux-dark-purple-3: $aux-dark-purple-3;
-  --aux-dark-purple-4: $aux-dark-purple-4;
-  --aux-dark-purple-5: $aux-dark-purple-5;
-  --aux-dark-purple-6: $aux-dark-purple-6;
-  --aux-dark-purple-7: $aux-dark-purple-7;
-  --aux-dark-purple-8: $aux-dark-purple-8;
-  
-  // Mint green
-  --aux-mint: $aux-mint;
-  --aux-mint-1: $aux-mint-1;
-  --aux-mint-2: $aux-mint-2;
-  --aux-mint-3: $aux-mint-3;
-  --aux-mint-4: $aux-mint-4;
-  --aux-mint-5: $aux-mint-5;
-  --aux-mint-6: $aux-mint-6;
-  --aux-mint-7: $aux-mint-7;
-  --aux-mint-8: $aux-mint-8;
-  
-  // Grey
-  --aux-grey-1: $aux-grey-1;
-  --aux-grey-2: $aux-grey-2;
-  --aux-grey-3: $aux-grey-3;
-  --aux-grey-4: $aux-grey-4;
-  --aux-grey-5: $aux-grey-5;
-  --aux-grey-6: $aux-grey-6;
-  
-  // Supports
-  --aux-red: $aux-red;
-  --aux-blue: $aux-blue;
-  --aux-yellow: $aux-yellow;
-  --aux-green: $aux-green;
-
-  --aux-white: $aux-white;
-  --aux-black: $aux-black;
-  --aux-focus: $aux-focus;
+
+/* Do not use if you need IE11 support */
+:root {
+  /* Purple */
+  --aux-purple: #{$aux-purple};
+  --aux-purple-1: #{$aux-purple-1};
+  --aux-purple-2: #{$aux-purple-2};
+  --aux-purple-3: #{$aux-purple-3};
+  --aux-purple-4: #{$aux-purple-4};
+  --aux-purple-5: #{$aux-purple-5};
+  --aux-purple-6: #{$aux-purple-6};
+  --aux-purple-7: #{$aux-purple-7};
+  --aux-purple-8: #{$aux-purple-8};
+
+  /* Dark Purple */
+  --aux-dark-purple: #{$aux-dark-purple};
+  --aux-dark-purple-1: #{$aux-dark-purple-1};
+  --aux-dark-purple-2: #{$aux-dark-purple-2};
+  --aux-dark-purple-3: #{$aux-dark-purple-3};
+  --aux-dark-purple-4: #{$aux-dark-purple-4};
+  --aux-dark-purple-5: #{$aux-dark-purple-5};
+  --aux-dark-purple-6: #{$aux-dark-purple-6};
+  --aux-dark-purple-7: #{$aux-dark-purple-7};
+  --aux-dark-purple-8: #{$aux-dark-purple-8};
+
+  /* Mint green */
+  --aux-mint: #{$aux-mint};
+  --aux-mint-1: #{$aux-mint-1};
+  --aux-mint-2: #{$aux-mint-2};
+  --aux-mint-3: #{$aux-mint-3};
+  --aux-mint-4: #{$aux-mint-4};
+  --aux-mint-5: #{$aux-mint-5};
+  --aux-mint-6: #{$aux-mint-6};
+  --aux-mint-7: #{$aux-mint-7};
+  --aux-mint-8: #{$aux-mint-8};
+
+  /* Grey */
+  --aux-grey-1: #{$aux-grey-1};
+  --aux-grey-2: #{$aux-grey-2};
+  --aux-grey-3: #{$aux-grey-3};
+  --aux-grey-4: #{$aux-grey-4};
+  --aux-grey-5: #{$aux-grey-5};
+  --aux-grey-6: #{$aux-grey-6};
+
+  /* Supports */
+  --aux-red: #{$aux-red};
+  --aux-red-1: #{$aux-red-1};
+
+  --aux-blue: #{$aux-blue};
+  --aux-blue-2: #{$aux-blue-2};
+
+  --aux-yellow: #{$aux-yellow};
+  --aux-yellow-1: #{$aux-yellow-1};
+  --aux-yellow-2: #{$aux-yellow-2};
+
+  --aux-green: #{$aux-green};
+  --aux-white: #{$aux-white};
+  --aux-black: #{$aux-black};
+  --aux-focus: #{$aux-focus};
+
+  /* Borders */
+  --aux-border-1-grey-1: 1px solid #{$aux-grey-1};
+  --aux-border-2-grey-1: 2px solid #{$aux-grey-1};
 }

package/dist/css/colors-scss-variables.scss

@@ -39,10 +39,18 @@ $aux-grey-4: #AFAFAF;
 $aux-grey-5: #555555;
 $aux-grey-6: #333333;
 
+
 // Supports
-$aux-red: #C10000;
+$aux-red: #AC1631;
+$aux-red-1: #ffe5e5;
+
 $aux-blue: #0067A3;
+$aux-blue-2: #C2E0F2;
+
 $aux-yellow: #ECD025;
+$aux-yellow-1: #fff3a8;
+$aux-yellow-2:#F2C94C;
+
 $aux-green: #5CB85C;
 $aux-white: #FFF;
 $aux-black: #000;

package/dist/favicons/ambita/favicon.svg

@@ -0,0 +1,9 @@
+<svg width="584" height="584" viewBox="0 0 584 584" fill="none" xmlns="http://www.w3.org/2000/svg">
+<style>
+#favicon{fill: #8237DC;}
+@media (prefers-color-scheme: dark) {
+  #favicon {fill: #FFF;}
+}
+</style>
+<path id="favicon" d="M435.463 303.831C433.579 342.337 418.392 378.997 392.493 407.559C379.028 421.358 362.927 432.31 345.145 439.764C327.363 447.218 308.264 451.022 288.983 450.95C269.67 451.24 250.505 447.535 232.692 440.068C214.88 432.601 198.803 421.533 185.472 407.559C158.783 378.631 143.17 338.582 143.17 292.995V291.897C143.457 245.595 158.974 205.975 185.472 178.384C198.359 163.698 214.3 152.004 232.179 144.121C250.059 136.239 269.446 132.358 288.983 132.75C308.486 132.582 327.803 136.564 345.649 144.431C363.495 152.299 379.463 163.873 392.493 178.384C418.704 206.652 433.945 243.357 435.463 281.873V303.879V303.831ZM506.555 13.6517H482.682C470.171 13.6895 458.182 18.6755 449.335 27.5209C440.488 36.3662 435.501 48.3522 435.463 60.8614V61.5774C392.752 30.826 341.52 14.1414 288.887 13.8427C253.297 13.8319 218.094 21.2281 185.519 35.5606C152.944 49.893 123.709 70.848 99.6752 97.092C52.0738 146.784 24.2864 215.474 24 291.85V292.948C23.3913 365.437 50.4552 435.43 99.6752 488.66C123.969 514.427 153.301 534.926 185.85 548.886C218.399 562.845 253.47 569.967 288.887 569.809C341.43 569.835 392.671 553.465 435.463 522.981C435.589 535.428 440.616 547.324 449.455 556.089C458.294 564.855 470.232 569.785 482.682 569.809H506.555C519.066 569.771 531.055 564.785 539.902 555.94C548.749 547.095 553.736 535.109 553.774 522.599V60.8614C553.736 48.3522 548.749 36.3662 539.902 27.5209C531.055 18.6755 519.066 13.6895 506.555 13.6517V13.6517Z" fill="#8237DC"/>
+</svg>

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

@@ -0,0 +1,21 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        priority: {
+            type: StringConstructor;
+            default: string;
+            validator: (priority: string) => boolean;
+        };
+    }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        priority: {
+            type: StringConstructor;
+            default: string;
+            validator: (priority: string) => boolean;
+        };
+    }>>, {
+        priority: string;
+    }>;
+};
+export default _default;
+export declare const AriaLiveAnnounceProps: Story<import("@storybook/vue3").Args>;

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

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

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

@@ -0,0 +1,48 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        dataTestid: {
+            type: StringConstructor;
+            required: false;
+        };
+    }, {
+        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<{}>>, {}>>;
+        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;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        dataTestid: {
+            type: StringConstructor;
+            required: false;
+        };
+    }>>, {
+        type: string;
+    }>;
+};
+export default _default;
+export declare const Banner: Story<import("@storybook/vue3").Args>;
+export declare const Examples: Story<import("@storybook/vue3").Args>;

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

@@ -12,9 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
     };
 }, {
-    icon: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}> & {
-        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-    }, {}>>;
+    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<{}>>, {}>>;
     uuid: () => string;
     classes: import("vue").ComputedRef<{
         [x: string]: boolean;
@@ -25,18 +23,20 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
         icon: boolean;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    type?: unknown;
-    title?: unknown;
-    dataTestid?: unknown;
-} & {
-    type: string;
-} & {
-    dataTestid?: string | undefined;
-    title?: string | undefined;
-}> & {
-    [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<{
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    dataTestid: {
+        type: StringConstructor;
+        required: false;
+    };
+}>>, {
     type: string;
 }>;
 export default _default;

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

@@ -0,0 +1,55 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        primary: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        dataTestid: {
+            type: StringConstructor;
+            required: false;
+        };
+    }, {
+        classes: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'aux-button': boolean;
+            'aux-button--primary': boolean;
+            'aux-button--secondary': boolean;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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;
+        };
+    }>>, {
+        primary: boolean;
+        disabled: boolean;
+        size: string;
+    }>;
+};
+export default _default;
+export declare const Buttons: Story<import("@storybook/vue3").Args>;
+export declare const Examples: Story<import("@storybook/vue3").Args>;

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

@@ -23,20 +23,25 @@ declare const _default: import("vue").DefineComponent<{
         'aux-button--primary': boolean;
         'aux-button--secondary': boolean;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    primary?: unknown;
-    disabled?: unknown;
-    size?: unknown;
-    dataTestid?: unknown;
-} & {
-    primary: boolean;
-    disabled: boolean;
-    size: string;
-} & {
-    dataTestid?: string | undefined;
-}> & {
-    [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<{
+    primary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    dataTestid: {
+        type: StringConstructor;
+        required: false;
+    };
+}>>, {
     primary: boolean;
     disabled: boolean;
     size: string;

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

@@ -0,0 +1,7 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{}, {}, {}, {}, {}, 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 Card: Story<import("@storybook/vue3").Args>;

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

@@ -1,6 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}> & ({
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-} | {
-    [x: string & `on${string}`]: ((...args: never) => any) | undefined;
-}), {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -0,0 +1,65 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        value: {
+            type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        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;
+        };
+        selected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        indeterminate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, unknown, 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 | BooleanConstructor)[];
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        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;
+        };
+        selected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        indeterminate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+    }, {
+        id: string;
+        disabled: boolean;
+        selected: boolean;
+        indeterminate: boolean;
+    }>;
+    argTypes: {
+        change: {
+            action: string;
+        };
+    };
+};
+export default _default;
+export declare const Vertical: Story<import("@storybook/vue3").Args>;

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

@@ -21,26 +21,34 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, unknown, 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;
-    indeterminate?: unknown;
-} & {
-    disabled: boolean;
-    id: string;
-    selected: boolean;
-    indeterminate: boolean;
-} & {
-    name?: string | undefined;
-    value?: string | number | boolean | undefined;
-}> & {
+}, unknown, 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 | BooleanConstructor)[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    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;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     id: string;
+    disabled: boolean;
     selected: boolean;
     indeterminate: boolean;
 }>;

package/dist/types/components/Color/Colors.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 Colors: Story<import("@storybook/vue3").Args>;