npm - @bethinkpl/design-system - Versions diffs - 26.6.0 → 26.7.1 - Mend

@bethinkpl/design-system 26.6.0 → 26.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (264) hide show

package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts CHANGED Viewed

@@ -41,11 +41,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     state: {
         type: import('vue').PropType<import('../../Tile').TileStates>;
         default: "default";
-        validator(value: import('../../../utils/type.utils').Value<{
-            readonly DEFAULT: "default";
-            readonly DISABLED: "disabled";
-            readonly LOADING: "loading";
-        }>): boolean;
+        validator(value: import('../../../utils/type.utils').Value<typeof import('../../Tile').TILE_STATES>): boolean;
     };
     eyebrowEllipsis: {
         type: BooleanConstructor;
@@ -109,11 +105,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     state: {
         type: import('vue').PropType<import('../../Tile').TileStates>;
         default: "default";
-        validator(value: import('../../../utils/type.utils').Value<{
-            readonly DEFAULT: "default";
-            readonly DISABLED: "disabled";
-            readonly LOADING: "loading";
-        }>): boolean;
+        validator(value: import('../../../utils/type.utils').Value<typeof import('../../Tile').TILE_STATES>): boolean;
     };
     eyebrowEllipsis: {
         type: BooleanConstructor;
@@ -192,11 +184,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         state: {
             type: import('vue').PropType<import('../../Tile').TileStates>;
             default: "default";
-            validator(value: import('../../../utils/type.utils').Value<{
-                readonly DEFAULT: "default";
-                readonly DISABLED: "disabled";
-                readonly LOADING: "loading";
-            }>): boolean;
+            validator(value: import('../../../utils/type.utils').Value<typeof import('../../Tile').TILE_STATES>): boolean;
         };
         eyebrowEllipsis: {
             type: BooleanConstructor;
@@ -217,13 +205,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>, {}, {
         ICONS: Readonly<{
-            readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
-            readonly RIBBON: VueConstructor<Vue>;
-            readonly SLIDERS_SEARCH: VueConstructor<Vue>;
-            readonly COMMENTS_CHECK: VueConstructor<Vue>;
             readonly ANSWERS: VueConstructor<Vue>;
+            readonly CHANGE: VueConstructor<Vue>;
+            readonly COMMENTS_CHECK: VueConstructor<Vue>;
+            readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
             readonly HIDE_ANSWERS: VueConstructor<Vue>;
+            readonly RIBBON: VueConstructor<Vue>;
             readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
+            readonly SLIDERS_SEARCH: VueConstructor<Vue>;
             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;
@@ -415,6 +404,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -488,11 +478,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         state: {
             type: import('vue').PropType<import('../../Tile').TileStates>;
             default: "default";
-            validator(value: import('../../../utils/type.utils').Value<{
-                readonly DEFAULT: "default";
-                readonly DISABLED: "disabled";
-                readonly LOADING: "loading";
-            }>): boolean;
+            validator(value: import('../../../utils/type.utils').Value<typeof import('../../Tile').TILE_STATES>): boolean;
         };
         eyebrowEllipsis: {
             type: BooleanConstructor;
@@ -595,14 +581,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
             size: string;
+            rotation: number;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;
             spinning: boolean;
         }, {}, {
-            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/lib/js/components/Dropdown/Dropdown.vue.d.ts CHANGED Viewed

@@ -1,5 +1,37 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    boundariesSelector: {
+        type: StringConstructor;
+        default: null;
+    };
+    forceShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sameWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    triggerAction: {
+        type: StringConstructor;
+        default: "click";
+        validator(triggerAction: unknown): boolean;
+    };
+    radius: {
+        type: StringConstructor;
+        default: "both";
+        validate(radius: any): boolean;
+    };
+    placement: {
+        type: StringConstructor;
+        default: "bottom-start";
+        validate(placement: any): boolean;
+    };
+    maxHeight: {
+        type: StringConstructor;
+        default: null;
+    };
+}>, {}, {
     key: number;
     isOpened: boolean;
     DROPDOWN_RADIUSES: Readonly<{
@@ -15,10 +47,42 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     updateKey(): void;
     onHide(): void;
     onShow(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("document-click" | "hide" | "show")[], "show" | "hide" | "document-click", import('vue').PublicProps, Readonly<{}> & Readonly<{
-    "onDocument-click"?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("show" | "hide" | "document-click")[], "show" | "hide" | "document-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    boundariesSelector: {
+        type: StringConstructor;
+        default: null;
+    };
+    forceShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sameWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    triggerAction: {
+        type: StringConstructor;
+        default: "click";
+        validator(triggerAction: unknown): boolean;
+    };
+    radius: {
+        type: StringConstructor;
+        default: "both";
+        validate(radius: any): boolean;
+    };
+    placement: {
+        type: StringConstructor;
+        default: "bottom-start";
+        validate(placement: any): boolean;
+    };
+    maxHeight: {
+        type: StringConstructor;
+        default: null;
+    };
+}>> & Readonly<{
     onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+    "onDocument-click"?: ((...args: any[]) => any) | undefined;
 }>, {
     radius: string;
     boundariesSelector: string;

package/dist/lib/js/components/Form/Checkbox/Checkbox.consts.d.ts CHANGED Viewed

@@ -3,10 +3,10 @@ export declare const CHECKBOX_SIZE: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
 };
-export declare type CheckboxSize = typeof CHECKBOX_SIZE[keyof typeof CHECKBOX_SIZE];
+export type CheckboxSize = typeof CHECKBOX_SIZE[keyof typeof CHECKBOX_SIZE];
 export declare const CHECKBOX_STATE: {
     readonly DEFAULT: "default";
     readonly DISABLED: "disabled";
     readonly LOADING: "loading";
 };
-export declare type CheckboxState = typeof CHECKBOX_STATE[keyof typeof CHECKBOX_STATE];
+export type CheckboxState = typeof CHECKBOX_STATE[keyof typeof CHECKBOX_STATE];

package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts CHANGED Viewed

@@ -1,18 +1,39 @@
+import { PropType } from 'vue';
 import { CheckboxSize, CheckboxState } from './Checkbox.consts';
-declare const _default: import('vue').DefineComponent<{}, {}, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    size: {
+        type: PropType<CheckboxSize>;
+        default: "small";
+        validator(size: unknown): boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: null;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    state: {
+        type: PropType<CheckboxState>;
+        default: "default";
+        validator(state: unknown): boolean;
+    };
+}>, {}, {
     SELECTION_CONTROL_TYPE: Readonly<{
         readonly RADIO_BUTTON: "radioButton";
         readonly CHECKBOX: "checkbox";
     }>;
     ICONS: Readonly<{
-        readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
-        readonly RIBBON: VueConstructor<Vue>;
-        readonly SLIDERS_SEARCH: VueConstructor<Vue>;
-        readonly COMMENTS_CHECK: VueConstructor<Vue>;
         readonly ANSWERS: VueConstructor<Vue>;
+        readonly CHANGE: VueConstructor<Vue>;
+        readonly COMMENTS_CHECK: VueConstructor<Vue>;
+        readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
         readonly HIDE_ANSWERS: VueConstructor<Vue>;
+        readonly RIBBON: VueConstructor<Vue>;
         readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
+        readonly SLIDERS_SEARCH: VueConstructor<Vue>;
         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;
@@ -204,6 +225,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -212,7 +234,26 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         readonly FA_XMARK: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FAD_SPINNER_THIRD: import('@fortawesome/fontawesome-common-types').IconDefinition;
     }>;
-}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:is-selected" | "input:focus" | "input:blur")[], "update:is-selected" | "input:focus" | "input:blur", import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:is-selected" | "input:focus" | "input:blur")[], "update:is-selected" | "input:focus" | "input:blur", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    size: {
+        type: PropType<CheckboxSize>;
+        default: "small";
+        validator(size: unknown): boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: null;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    state: {
+        type: PropType<CheckboxState>;
+        default: "default";
+        validator(state: unknown): boolean;
+    };
+}>> & Readonly<{
     "onUpdate:is-selected"?: ((...args: any[]) => any) | undefined;
     "onInput:focus"?: ((...args: any[]) => any) | undefined;
     "onInput:blur"?: ((...args: any[]) => any) | undefined;
@@ -222,7 +263,41 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     state: CheckboxState;
     isSelected: boolean;
 }, {}, {
-    SelectionControl: import('vue').DefineComponent<{}, {}, {
+    SelectionControl: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlSize>;
+            default: "small";
+            validator(size: unknown): boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: null;
+        };
+        isSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        state: {
+            type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlState>;
+            default: "default";
+            validator(state: unknown): boolean;
+        };
+        selectedIcon: {
+            type: ObjectConstructor;
+            required: true;
+            validator(icon: unknown): boolean;
+        };
+        notSelectedIcon: {
+            type: ObjectConstructor;
+            required: true;
+            validator(icon: unknown): boolean;
+        };
+        type: {
+            type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlType>;
+            required: true;
+            validator(type: unknown): boolean;
+        };
+    }>, {}, {
         isFocused: boolean;
         SELECTION_CONTROL_STATE: Readonly<{
             readonly DEFAULT: "default";
@@ -240,7 +315,41 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         onToggle(): void;
         onFocus(): void;
         onBlur(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:is-selected" | "input:focus" | "input:blur")[], "update:is-selected" | "input:focus" | "input:blur", import('vue').PublicProps, Readonly<{}> & Readonly<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:is-selected" | "input:focus" | "input:blur")[], "update:is-selected" | "input:focus" | "input:blur", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlSize>;
+            default: "small";
+            validator(size: unknown): boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: null;
+        };
+        isSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        state: {
+            type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlState>;
+            default: "default";
+            validator(state: unknown): boolean;
+        };
+        selectedIcon: {
+            type: ObjectConstructor;
+            required: true;
+            validator(icon: unknown): boolean;
+        };
+        notSelectedIcon: {
+            type: ObjectConstructor;
+            required: true;
+            validator(icon: unknown): boolean;
+        };
+        type: {
+            type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlType>;
+            required: true;
+            validator(type: unknown): boolean;
+        };
+    }>> & Readonly<{
         "onUpdate:is-selected"?: ((...args: any[]) => any) | undefined;
         "onInput:focus"?: ((...args: any[]) => any) | undefined;
         "onInput:blur"?: ((...args: any[]) => any) | undefined;
@@ -319,14 +428,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
             size: string;
+            rotation: number;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;
             spinning: boolean;
         }, {}, {
-            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/lib/js/components/Form/RadioButton/RadioButton.consts.d.ts CHANGED Viewed

@@ -3,10 +3,10 @@ export declare const RADIO_BUTTON_SIZE: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
 };
-export declare type RadioButtonSize = typeof RADIO_BUTTON_SIZE[keyof typeof RADIO_BUTTON_SIZE];
+export type RadioButtonSize = typeof RADIO_BUTTON_SIZE[keyof typeof RADIO_BUTTON_SIZE];
 export declare const RADIO_BUTTON_STATE: {
     readonly DEFAULT: "default";
     readonly DISABLED: "disabled";
     readonly LOADING: "loading";
 };
-export declare type RadioButtonState = typeof RADIO_BUTTON_STATE[keyof typeof RADIO_BUTTON_STATE];
+export type RadioButtonState = typeof RADIO_BUTTON_STATE[keyof typeof RADIO_BUTTON_STATE];

package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts CHANGED Viewed

@@ -1,14 +1,35 @@
+import { PropType } from 'vue';
 import { RadioButtonSize, RadioButtonState } from './RadioButton.consts';
-declare const _default: import('vue').DefineComponent<{}, {}, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    size: {
+        type: PropType<RadioButtonSize>;
+        default: "small";
+        validator(size: unknown): boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: null;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    state: {
+        type: PropType<RadioButtonState>;
+        default: "default";
+        validator(state: unknown): boolean;
+    };
+}>, {}, {
     ICONS: Readonly<{
-        readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
-        readonly RIBBON: VueConstructor<Vue>;
-        readonly SLIDERS_SEARCH: VueConstructor<Vue>;
-        readonly COMMENTS_CHECK: VueConstructor<Vue>;
         readonly ANSWERS: VueConstructor<Vue>;
+        readonly CHANGE: VueConstructor<Vue>;
+        readonly COMMENTS_CHECK: VueConstructor<Vue>;
+        readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
         readonly HIDE_ANSWERS: VueConstructor<Vue>;
+        readonly RIBBON: VueConstructor<Vue>;
         readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
+        readonly SLIDERS_SEARCH: VueConstructor<Vue>;
         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;
@@ -200,6 +221,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -212,7 +234,26 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         readonly RADIO_BUTTON: "radioButton";
         readonly CHECKBOX: "checkbox";
     }>;
-}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:is-selected" | "input:focus" | "input:blur")[], "update:is-selected" | "input:focus" | "input:blur", import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:is-selected" | "input:focus" | "input:blur")[], "update:is-selected" | "input:focus" | "input:blur", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    size: {
+        type: PropType<RadioButtonSize>;
+        default: "small";
+        validator(size: unknown): boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: null;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    state: {
+        type: PropType<RadioButtonState>;
+        default: "default";
+        validator(state: unknown): boolean;
+    };
+}>> & Readonly<{
     "onUpdate:is-selected"?: ((...args: any[]) => any) | undefined;
     "onInput:focus"?: ((...args: any[]) => any) | undefined;
     "onInput:blur"?: ((...args: any[]) => any) | undefined;
@@ -222,7 +263,41 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     state: RadioButtonState;
     isSelected: boolean;
 }, {}, {
-    SelectionControl: import('vue').DefineComponent<{}, {}, {
+    SelectionControl: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlSize>;
+            default: "small";
+            validator(size: unknown): boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: null;
+        };
+        isSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        state: {
+            type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlState>;
+            default: "default";
+            validator(state: unknown): boolean;
+        };
+        selectedIcon: {
+            type: ObjectConstructor;
+            required: true;
+            validator(icon: unknown): boolean;
+        };
+        notSelectedIcon: {
+            type: ObjectConstructor;
+            required: true;
+            validator(icon: unknown): boolean;
+        };
+        type: {
+            type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlType>;
+            required: true;
+            validator(type: unknown): boolean;
+        };
+    }>, {}, {
         isFocused: boolean;
         SELECTION_CONTROL_STATE: Readonly<{
             readonly DEFAULT: "default";
@@ -240,7 +315,41 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         onToggle(): void;
         onFocus(): void;
         onBlur(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:is-selected" | "input:focus" | "input:blur")[], "update:is-selected" | "input:focus" | "input:blur", import('vue').PublicProps, Readonly<{}> & Readonly<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:is-selected" | "input:focus" | "input:blur")[], "update:is-selected" | "input:focus" | "input:blur", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlSize>;
+            default: "small";
+            validator(size: unknown): boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: null;
+        };
+        isSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        state: {
+            type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlState>;
+            default: "default";
+            validator(state: unknown): boolean;
+        };
+        selectedIcon: {
+            type: ObjectConstructor;
+            required: true;
+            validator(icon: unknown): boolean;
+        };
+        notSelectedIcon: {
+            type: ObjectConstructor;
+            required: true;
+            validator(icon: unknown): boolean;
+        };
+        type: {
+            type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlType>;
+            required: true;
+            validator(type: unknown): boolean;
+        };
+    }>> & Readonly<{
         "onUpdate:is-selected"?: ((...args: any[]) => any) | undefined;
         "onInput:focus"?: ((...args: any[]) => any) | undefined;
         "onInput:blur"?: ((...args: any[]) => any) | undefined;
@@ -319,14 +428,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
             size: string;
+            rotation: number;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;
             spinning: boolean;
         }, {}, {
-            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/lib/js/components/Form/SelectionControl/SelectionControl.consts.d.ts CHANGED Viewed

@@ -3,15 +3,15 @@ export declare const SELECTION_CONTROL_SIZE: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
 };
-export declare type SelectionControlSize = typeof SELECTION_CONTROL_SIZE[keyof typeof SELECTION_CONTROL_SIZE];
+export type SelectionControlSize = typeof SELECTION_CONTROL_SIZE[keyof typeof SELECTION_CONTROL_SIZE];
 export declare const SELECTION_CONTROL_STATE: {
     readonly DEFAULT: "default";
     readonly DISABLED: "disabled";
     readonly LOADING: "loading";
 };
-export declare type SelectionControlState = typeof SELECTION_CONTROL_STATE[keyof typeof SELECTION_CONTROL_STATE];
+export type SelectionControlState = typeof SELECTION_CONTROL_STATE[keyof typeof SELECTION_CONTROL_STATE];
 export declare const SELECTION_CONTROL_TYPE: {
     readonly RADIO_BUTTON: "radioButton";
     readonly CHECKBOX: "checkbox";
 };
-export declare type SelectionControlType = typeof SELECTION_CONTROL_TYPE[keyof typeof SELECTION_CONTROL_TYPE];
+export type SelectionControlType = typeof SELECTION_CONTROL_TYPE[keyof typeof SELECTION_CONTROL_TYPE];

package/dist/lib/js/components/Form/SelectionControl/SelectionControl.sb.shared.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Args, ArgTypes } from '@storybook/vue3';
 export declare const template: (componentTag: string) => string;
-export declare const argTypes: (size: any, state: any) => ArgTypes<Args>;
+export declare const argTypes: (size: any, state: any) => ArgTypes;
 export declare const args: (size: any, state: any) => Args;