@ambita/design-system 3.0.27-21.0 → 3.0.27-211.0

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

@@ -0,0 +1,51 @@
+/* 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: #C10000;
+  --aux-blue: #0067A3;
+  --aux-yellow: #ECD025;
+  --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,59 @@
 @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-blue: #{$aux-blue};
+  --aux-yellow: #{$aux-yellow};
+  --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

@@ -43,6 +43,7 @@ $aux-grey-6: #333333;
 $aux-red: #C10000;
 $aux-blue: #0067A3;
 $aux-yellow: #ECD025;
+$aux-yellow-2:#F2C94C;
 $aux-green: #5CB85C;
 $aux-white: #FFF;
 $aux-black: #000;

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

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

@@ -0,0 +1,71 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        suffix: {
+            type: StringConstructor;
+            default: string;
+        };
+        vertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dataTestid: {
+            type: StringConstructor;
+            required: false;
+        };
+        size: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+    }, {
+        classes: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'aux-definition': boolean;
+            'aux-definition--vertical': boolean;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        suffix: {
+            type: StringConstructor;
+            default: string;
+        };
+        vertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dataTestid: {
+            type: StringConstructor;
+            required: false;
+        };
+        size: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+    }>>, {
+        size: string;
+        suffix: string;
+        vertical: boolean;
+    }>;
+    argTypes: {
+        size: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+    };
+};
+export default _default;
+export declare const Definition: Story<import("@storybook/vue3").Args>;