@bethinkpl/design-system 15.2.0 → 16.0.0

package/dist/lib/js/components/SurveyQuestions/SurveyQuestionTextarea.vue.d.ts

@@ -14,6 +14,7 @@ declare const _default: {
             default: boolean;
         };
     };
+    emits: string[];
     watch: {
         value(): void;
     };

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

@@ -1,238 +1,5 @@
-import { Meta, StoryFn } from '@storybook/vue';
-declare const _default: Meta<{
-    name: string;
-    components: {
-        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;
-            };
-        };
-    };
-    directives: {
-        ripple: import("vue").DirectiveFunction;
-    };
-    props: {
-        label: {
-            type: StringConstructor;
-            default: null;
-        };
-        contentText: {
-            type: StringConstructor;
-            default: null;
-        };
-        meaning: {
-            type: StringConstructor;
-            default: "primary";
-            validator(meaning: any): boolean;
-        };
-        status: {
-            type: StringConstructor;
-            default: "default";
-            validator(status: any): boolean;
-        };
-        state: {
-            type: StringConstructor;
-            default: "default";
-            validator(state: any): boolean;
-        };
-        selectedIcon: {
-            type: ObjectConstructor;
-            default(): import("@fortawesome/fontawesome-common-types").IconDefinition;
-            validator(selectedIcon: any): boolean;
-        };
-    };
-    data(): {
-        hovered: boolean;
-        ICON_SIZES: Readonly<{
-            XXX_SMALL: string;
-            XX_SMALL: string;
-            X_SMALL: string;
-            SMALL: string;
-            MEDIUM: string;
-            LARGE: string;
-            X_LARGE: string;
-            XX_LARGE: string;
-        }>;
-        SURVEY_TOGGLE_MEANING: Readonly<{
-            readonly PRIMARY: "primary";
-            readonly NEUTRAL: "neutral";
-        }>;
-        SURVEY_TOGGLE_STATUSES: Readonly<{
-            readonly DEFAULT: "default";
-            readonly SELECTED: "selected";
-        }>;
-        SURVEY_TOGGLE_STATES: Readonly<{
-            readonly DEFAULT: "default";
-            readonly HOVERED: "hovered";
-            readonly DISABLED: "disabled";
-        }>;
-    };
-    computed: {
-        isPrimarySelected(): boolean;
-        isPrimary(): boolean;
-        isNeutral(): boolean;
-        isNeutralSelected(): boolean;
-        isHoveredState(): any;
-    };
-    methods: {
-        onClick(): void;
-    };
-}>;
+import SurveyToggle from './SurveyToggle.vue';
+import { Meta, StoryFn } from '@storybook/vue3';
+declare const _default: Meta<typeof SurveyToggle>;
 export default _default;
-export declare const Interactive: StoryFn<{
-    name: string;
-    components: {
-        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;
-            };
-        };
-    };
-    directives: {
-        ripple: import("vue").DirectiveFunction;
-    };
-    props: {
-        label: {
-            type: StringConstructor;
-            default: null;
-        };
-        contentText: {
-            type: StringConstructor;
-            default: null;
-        };
-        meaning: {
-            type: StringConstructor;
-            default: "primary";
-            validator(meaning: any): boolean;
-        };
-        status: {
-            type: StringConstructor;
-            default: "default";
-            validator(status: any): boolean;
-        };
-        state: {
-            type: StringConstructor;
-            default: "default";
-            validator(state: any): boolean;
-        };
-        selectedIcon: {
-            type: ObjectConstructor;
-            default(): import("@fortawesome/fontawesome-common-types").IconDefinition;
-            validator(selectedIcon: any): boolean;
-        };
-    };
-    data(): {
-        hovered: boolean;
-        ICON_SIZES: Readonly<{
-            XXX_SMALL: string;
-            XX_SMALL: string;
-            X_SMALL: string;
-            SMALL: string;
-            MEDIUM: string;
-            LARGE: string;
-            X_LARGE: string;
-            XX_LARGE: string;
-        }>;
-        SURVEY_TOGGLE_MEANING: Readonly<{
-            readonly PRIMARY: "primary";
-            readonly NEUTRAL: "neutral";
-        }>;
-        SURVEY_TOGGLE_STATUSES: Readonly<{
-            readonly DEFAULT: "default";
-            readonly SELECTED: "selected";
-        }>;
-        SURVEY_TOGGLE_STATES: Readonly<{
-            readonly DEFAULT: "default";
-            readonly HOVERED: "hovered";
-            readonly DISABLED: "disabled";
-        }>;
-    };
-    computed: {
-        isPrimarySelected(): boolean;
-        isPrimary(): boolean;
-        isNeutral(): boolean;
-        isNeutralSelected(): boolean;
-        isHoveredState(): any;
-    };
-    methods: {
-        onClick(): void;
-    };
-}>;
+export declare const Interactive: StoryFn<typeof SurveyToggle>;

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

@@ -1,53 +1,11 @@
+import DsIcon from '../Icons/Icon';
 declare const _default: {
     name: string;
     components: {
-        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;
-            };
-        };
+        DsIcon: typeof DsIcon;
     };
     directives: {
-        ripple: import("vue").DirectiveFunction;
+        Ripple: DirectiveFunction;
     };
     props: {
         label: {
@@ -112,8 +70,5 @@ declare const _default: {
         isNeutralSelected(): boolean;
         isHoveredState(): any;
     };
-    methods: {
-        onClick(): void;
-    };
 };
 export default _default;

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

@@ -1,154 +1,5 @@
-import { Meta, StoryFn } from '@storybook/vue';
-declare const _default: Meta<{
-    name: string;
-    components: {
-        WnlIcon: {
-            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: {
-        icon: {
-            type: ObjectConstructor;
-            required: boolean;
-            validator(icon: import("vue").VueConstructor<import("vue").default>): boolean;
-        };
-        isActive: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        title: {
-            type: StringConstructor;
-            required: 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;
-        }>;
-    };
-}>;
+import TabItem from './TabItem.vue';
+import { Meta, StoryFn } from '@storybook/vue3';
+declare const _default: Meta<typeof TabItem>;
 export default _default;
-export declare const Interactive: StoryFn<{
-    name: string;
-    components: {
-        WnlIcon: {
-            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: {
-        icon: {
-            type: ObjectConstructor;
-            required: boolean;
-            validator(icon: import("vue").VueConstructor<import("vue").default>): boolean;
-        };
-        isActive: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        title: {
-            type: StringConstructor;
-            required: 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;
-        }>;
-    };
-}>;
+export declare const Interactive: StoryFn<typeof TabItem>;

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

@@ -1,57 +1,14 @@
-import { VueConstructor } from 'vue';
+import WnlIcon from '../Icons/Icon';
 declare const _default: {
     name: string;
     components: {
-        WnlIcon: {
-            name: string;
-            components: {
-                FontAwesomeIcon: import("vue").FunctionalComponentOptions<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps, import("vue/types/options").PropsDefinition<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps>> & VueConstructor<import("vue").default>;
-            };
-            props: {
-                icon: {
-                    type: ObjectConstructor;
-                    required: boolean;
-                    validator(icon: 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;
-            };
-        };
+        WnlIcon: typeof WnlIcon;
     };
     props: {
         icon: {
             type: ObjectConstructor;
             required: boolean;
-            validator(icon: VueConstructor): boolean;
+            validator(icon: any): boolean;
         };
         isActive: {
             type: BooleanConstructor;