@bethinkpl/design-system 26.5.0 → 26.7.1

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

@@ -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;
@@ -59,6 +55,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<import('../../Tile').TileBorderColors>;
         default: null;
     };
+    additionalTextMaxWidth: {
+        type: import('vue').PropType<import('../../Tile').TileAdditionalTextMaxWidths>;
+        default: "small";
+        validator(value: import('../../Tile').TileAdditionalTextMaxWidths): boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -104,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;
@@ -122,6 +119,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<import('../../Tile').TileBorderColors>;
         default: null;
     };
+    additionalTextMaxWidth: {
+        type: import('vue').PropType<import('../../Tile').TileAdditionalTextMaxWidths>;
+        default: "small";
+        validator(value: import('../../Tile').TileAdditionalTextMaxWidths): boolean;
+    };
 }>> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {
@@ -137,6 +139,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isEyebrowTextUppercase: boolean;
     eyebrowEllipsis: boolean;
     textEllipsis: boolean;
+    additionalTextMaxWidth: import('../../Tile').TileAdditionalTextMaxWidths;
 }, {}, {
     DsTile: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         interactive: {
@@ -181,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;
@@ -199,15 +198,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<import('../../Tile').TileBorderColors>;
             default: null;
         };
+        additionalTextMaxWidth: {
+            type: import('vue').PropType<import('../../Tile').TileAdditionalTextMaxWidths>;
+            default: "small";
+            validator(value: import('../../Tile').TileAdditionalTextMaxWidths): 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;
@@ -399,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;
@@ -422,6 +428,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly DISABLED: "disabled";
             readonly LOADING: "loading";
         }>;
+        TILE_ADDITIONAL_TEXT_MAX_WIDTHS: Readonly<{
+            readonly SMALL: "small";
+            readonly MEDIUM: "medium";
+        }>;
     }, {
         tileColor(): any;
         tileState(): any;
@@ -468,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;
@@ -486,6 +492,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<import('../../Tile').TileBorderColors>;
             default: null;
         };
+        additionalTextMaxWidth: {
+            type: import('vue').PropType<import('../../Tile').TileAdditionalTextMaxWidths>;
+            default: "small";
+            validator(value: import('../../Tile').TileAdditionalTextMaxWidths): boolean;
+        };
     }>> & Readonly<{}>, {
         color: import('../../Tile').TileColors;
         state: import('../../Tile').TileStates;
@@ -499,6 +510,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         isEyebrowTextUppercase: boolean;
         eyebrowEllipsis: boolean;
         textEllipsis: boolean;
+        additionalTextMaxWidth: import('../../Tile').TileAdditionalTextMaxWidths;
     }, {}, {
         DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {
@@ -569,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

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

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

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

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

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

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

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