@bethinkpl/design-system 15.2.0 → 16.0.0

package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts

@@ -1,97 +1,12 @@
+import DsCard from '../Card/';
 declare const _default: {
     name: string;
     components: {
-        DsCard: {
-            name: string;
-            components: {
-                DsDivider: {
-                    name: string;
-                    props: {
-                        isVertical: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        prominence: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (value: string) => boolean;
-                        };
-                        size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (value: string) => boolean;
-                        };
-                    };
-                    data(): {
-                        DIVIDER_PROMINENCES: Readonly<{
-                            DEFAULT: string;
-                            STRONG: string;
-                            WEAK: string;
-                        }>;
-                    };
-                    computed: {
-                        sizeClass(): string;
-                    };
-                };
-            };
-            props: {
-                headerHasPadding: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                dividerUnderHeader: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            };
-        };
-        DsIcon: {
-            name: string;
-            components: {
-                FontAwesomeIcon: import("vue").FunctionalComponentOptions<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps, import("vue/types/options").PropsDefinition<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps>> & import("vue").VueConstructor<import("vue").default>;
-            };
-            props: {
-                icon: {
-                    type: ObjectConstructor;
-                    required: boolean;
-                    validator(icon: import("vue").VueConstructor<import("vue").default>): boolean;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (value: string) => boolean;
-                };
-                rotation: {
-                    type: NumberConstructor;
-                    default: null;
-                    validator(value: number): boolean;
-                };
-                flippedVertical: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                flippedHorizontal: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                touchable: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                spinning: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            };
-            computed: {
-                sizeClassName(): string;
-                isFontawesomeIcon(): boolean;
-                rotationClass(): string | null;
-            };
-        };
+        DsCard: typeof DsCard;
+        DsIcon: typeof DsCard;
     };
     directives: {
-        ripple: import("vue").DirectiveFunction;
+        ripple: DirectiveFunction;
     };
     props: {
         isExpanded: {
@@ -122,9 +37,9 @@ declare const _default: {
     data(): {
         isExpandedInternal: boolean;
         ICONS: Readonly<{
-            readonly HEAD_WITH_QUESTION_MARK: import("vue").VueConstructor<import("vue").default>;
-            readonly RIBBON: import("vue").VueConstructor<import("vue").default>;
-            readonly SLIDERS_SEARCH: import("vue").VueConstructor<import("vue").default>;
+            readonly HEAD_WITH_QUESTION_MARK: import("vue").CompatVue;
+            readonly RIBBON: import("vue").CompatVue;
+            readonly SLIDERS_SEARCH: import("vue").CompatVue;
             readonly FA_ADDRESS_CARD: import("@fortawesome/fontawesome-common-types").IconDefinition;
             readonly FA_ANGLE_DOWN: import("@fortawesome/fontawesome-common-types").IconDefinition;
             readonly FA_ANGLE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;

package/dist/lib/js/components/Divider/Divider.stories.d.ts

@@ -1,60 +1,5 @@
-import { Meta, StoryFn } from '@storybook/vue';
-declare const _default: Meta<{
-    name: string;
-    props: {
-        isVertical: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        prominence: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-    };
-    data(): {
-        DIVIDER_PROMINENCES: Readonly<{
-            DEFAULT: string;
-            STRONG: string;
-            WEAK: string;
-        }>;
-    };
-    computed: {
-        sizeClass(): string;
-    };
-}>;
+import Divider from './Divider.vue';
+import { Meta, StoryFn } from '@storybook/vue3';
+declare const _default: Meta<typeof Divider>;
 export default _default;
-export declare const Interactive: StoryFn<{
-    name: string;
-    props: {
-        isVertical: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        prominence: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-    };
-    data(): {
-        DIVIDER_PROMINENCES: Readonly<{
-            DEFAULT: string;
-            STRONG: string;
-            WEAK: string;
-        }>;
-    };
-    computed: {
-        sizeClass(): string;
-    };
-}>;
+export declare const Interactive: StoryFn<typeof Divider>;

package/dist/lib/js/components/Drawer/Drawer.stories.d.ts

@@ -1,44 +1,5 @@
-import { Meta, StoryFn } from '@storybook/vue';
-declare const _default: Meta<{
-    name: string;
-    props: {
-        position: {
-            type: import("vue").PropType<import("./Drawer.consts").DrawerPosition>;
-            default: "right";
-            validator(position: any): boolean;
-        };
-        stickyHeader: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        stickyFooter: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    };
-    computed: {
-        positionClassName(): string;
-    };
-}>;
+import Drawer from './Drawer.vue';
+import { Meta, StoryFn } from '@storybook/vue3';
+declare const _default: Meta<typeof Drawer>;
 export default _default;
-export declare const Interactive: StoryFn<{
-    name: string;
-    props: {
-        position: {
-            type: import("vue").PropType<import("./Drawer.consts").DrawerPosition>;
-            default: "right";
-            validator(position: any): boolean;
-        };
-        stickyHeader: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        stickyFooter: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    };
-    computed: {
-        positionClassName(): string;
-    };
-}>;
+export declare const Interactive: StoryFn<typeof Drawer>;

package/dist/lib/js/components/Dropdown/Dropdown.stories.d.ts

@@ -1,114 +1,5 @@
-import { Meta, StoryFn } from '@storybook/vue';
-declare const _default: Meta<{
-    name: string;
-    components: {
-        VuePopper: any;
-    };
-    props: {
-        boundariesSelector: {
-            type: StringConstructor;
-            default: null;
-        };
-        forceShow: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        sameWidth: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        triggerAction: {
-            type: StringConstructor;
-            default: "click";
-            validator(triggerAction: any): boolean;
-        };
-        radius: {
-            type: StringConstructor;
-            default: "both";
-            validate(radius: any): boolean;
-        };
-        placement: {
-            type: StringConstructor;
-            default: "bottom-start";
-            validate(placement: any): boolean;
-        };
-    };
-    data(): {
-        key: number;
-        DROPDOWN_RADIUSES: Readonly<{
-            readonly TOP: "top";
-            readonly BOTTOM: "bottom";
-            readonly BOTH: "both";
-        }>;
-    };
-    computed: {
-        options(): any;
-    };
-    watch: {
-        triggerAction(): void;
-        sameWidth(): void;
-        boundariesSelector(): void;
-        placement(): void;
-    };
-    methods: {
-        close(): void;
-        updateKey(): void;
-    };
-}>;
+import Dropdown from './Dropdown.vue';
+import { Meta, StoryFn } from '@storybook/vue3';
+declare const _default: Meta<typeof Dropdown>;
 export default _default;
-export declare const Interactive: StoryFn<{
-    name: string;
-    components: {
-        VuePopper: any;
-    };
-    props: {
-        boundariesSelector: {
-            type: StringConstructor;
-            default: null;
-        };
-        forceShow: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        sameWidth: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        triggerAction: {
-            type: StringConstructor;
-            default: "click";
-            validator(triggerAction: any): boolean;
-        };
-        radius: {
-            type: StringConstructor;
-            default: "both";
-            validate(radius: any): boolean;
-        };
-        placement: {
-            type: StringConstructor;
-            default: "bottom-start";
-            validate(placement: any): boolean;
-        };
-    };
-    data(): {
-        key: number;
-        DROPDOWN_RADIUSES: Readonly<{
-            readonly TOP: "top";
-            readonly BOTTOM: "bottom";
-            readonly BOTH: "both";
-        }>;
-    };
-    computed: {
-        options(): any;
-    };
-    watch: {
-        triggerAction(): void;
-        sameWidth(): void;
-        boundariesSelector(): void;
-        placement(): void;
-    };
-    methods: {
-        close(): void;
-        updateKey(): void;
-    };
-}>;
+export declare const Interactive: StoryFn<typeof Dropdown>;

package/dist/lib/js/components/IconText/IconText.stories.d.ts

@@ -1,224 +1,5 @@
-import { Meta, StoryFn } from '@storybook/vue';
-declare const _default: Meta<{
-    name: string;
-    components: {
-        Icon: {
-            name: string;
-            components: {
-                FontAwesomeIcon: import("vue").FunctionalComponentOptions<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps, import("vue/types/options").PropsDefinition<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps>> & import("vue").VueConstructor<import("vue").default>;
-            };
-            props: {
-                icon: {
-                    type: ObjectConstructor;
-                    required: boolean;
-                    validator(icon: import("vue").VueConstructor<import("vue").default>): boolean;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (value: string) => boolean;
-                };
-                rotation: {
-                    type: NumberConstructor;
-                    default: null;
-                    validator(value: number): boolean;
-                };
-                flippedVertical: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                flippedHorizontal: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                touchable: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                spinning: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            };
-            computed: {
-                sizeClassName(): string;
-                isFontawesomeIcon(): boolean;
-                rotationClass(): string | null;
-            };
-        };
-    };
-    props: {
-        color: {
-            type: StringConstructor;
-            default: string;
-            validator(color: any): boolean;
-        };
-        icon: {
-            type: ObjectConstructor;
-            required: boolean;
-            validate: (icon: any) => boolean;
-        };
-        isInteractive: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        isLabelBold: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        label: {
-            type: StringConstructor;
-            required: boolean;
-        };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator(size: any): boolean;
-        };
-        state: {
-            type: StringConstructor;
-            default: string;
-            validator(value: string): boolean;
-        };
-    };
-    data(): {
-        ICON_SIZES: Readonly<{
-            XXX_SMALL: string;
-            XX_SMALL: string;
-            X_SMALL: string;
-            SMALL: string;
-            MEDIUM: string;
-            LARGE: string;
-            X_LARGE: string;
-            XX_LARGE: string;
-        }>;
-        ICON_TEXT_COLORS: Readonly<{
-            NEUTRAL_WEAK: string;
-            NEUTRAL: string;
-        }>;
-        ICON_TEXT_SIZES: Readonly<{
-            X_SMALL: string;
-            SMALL: string;
-            MEDIUM: string;
-        }>;
-        ICON_TEXT_STATES: Readonly<{
-            DEFAULT: string;
-            DISABLED: string;
-        }>;
-    };
-    computed: {
-        iconSize(): string;
-    };
-}>;
+import { Meta, StoryFn } from '@storybook/vue3';
+import IconText from './IconText.vue';
+declare const _default: Meta<typeof IconText>;
 export default _default;
-export declare const Interactive: StoryFn<{
-    name: string;
-    components: {
-        Icon: {
-            name: string;
-            components: {
-                FontAwesomeIcon: import("vue").FunctionalComponentOptions<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps, import("vue/types/options").PropsDefinition<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps>> & import("vue").VueConstructor<import("vue").default>;
-            };
-            props: {
-                icon: {
-                    type: ObjectConstructor;
-                    required: boolean;
-                    validator(icon: import("vue").VueConstructor<import("vue").default>): boolean;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (value: string) => boolean;
-                };
-                rotation: {
-                    type: NumberConstructor;
-                    default: null;
-                    validator(value: number): boolean;
-                };
-                flippedVertical: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                flippedHorizontal: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                touchable: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                spinning: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            };
-            computed: {
-                sizeClassName(): string;
-                isFontawesomeIcon(): boolean;
-                rotationClass(): string | null;
-            };
-        };
-    };
-    props: {
-        color: {
-            type: StringConstructor;
-            default: string;
-            validator(color: any): boolean;
-        };
-        icon: {
-            type: ObjectConstructor;
-            required: boolean;
-            validate: (icon: any) => boolean;
-        };
-        isInteractive: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        isLabelBold: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        label: {
-            type: StringConstructor;
-            required: boolean;
-        };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator(size: any): boolean;
-        };
-        state: {
-            type: StringConstructor;
-            default: string;
-            validator(value: string): boolean;
-        };
-    };
-    data(): {
-        ICON_SIZES: Readonly<{
-            XXX_SMALL: string;
-            XX_SMALL: string;
-            X_SMALL: string;
-            SMALL: string;
-            MEDIUM: string;
-            LARGE: string;
-            X_LARGE: string;
-            XX_LARGE: string;
-        }>;
-        ICON_TEXT_COLORS: Readonly<{
-            NEUTRAL_WEAK: string;
-            NEUTRAL: string;
-        }>;
-        ICON_TEXT_SIZES: Readonly<{
-            X_SMALL: string;
-            SMALL: string;
-            MEDIUM: string;
-        }>;
-        ICON_TEXT_STATES: Readonly<{
-            DEFAULT: string;
-            DISABLED: string;
-        }>;
-    };
-    computed: {
-        iconSize(): string;
-    };
-}>;
+export declare const Interactive: StoryFn<typeof IconText>;

package/dist/lib/js/components/IconText/IconText.vue.d.ts

@@ -1,52 +1,10 @@
+import Icon from '../Icons/Icon';
 import { ICON_TEXT_STATES } from './IconText.consts';
 import { Value } from '../../utils/type.utils';
 declare const _default: {
     name: string;
     components: {
-        Icon: {
-            name: string;
-            components: {
-                FontAwesomeIcon: import("vue").FunctionalComponentOptions<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps, import("vue/types/options").PropsDefinition<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps>> & import("vue").VueConstructor<import("vue").default>;
-            };
-            props: {
-                icon: {
-                    type: ObjectConstructor;
-                    required: boolean;
-                    validator(icon: import("vue").VueConstructor<import("vue").default>): boolean;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (value: string) => boolean;
-                };
-                rotation: {
-                    type: NumberConstructor;
-                    default: null;
-                    validator(value: number): boolean;
-                };
-                flippedVertical: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                flippedHorizontal: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                touchable: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                spinning: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            };
-            computed: {
-                sizeClassName(): string;
-                isFontawesomeIcon(): boolean;
-                rotationClass(): string | null;
-            };
-        };
+        Icon: typeof Icon;
     };
     props: {
         color: {