@bethinkpl/design-system 26.6.0 → 26.8.0

package/dist/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.consts.d.ts

@@ -22,9 +22,9 @@ export declare const GROUP_RICH_LIST_ITEM_BORDER_COLOR: {
     readonly ACCENT: "accent";
     readonly ACCENT_WEAK: "accent-weak";
 };
-export declare type GroupRichListItemBorderColor = RichListItemBorderColor;
+export type GroupRichListItemBorderColor = RichListItemBorderColor;
 export declare const GROUP_RICH_LIST_ITEM_BACKGROUND_COLOR: {
     readonly NEUTRAL: "neutral";
     readonly NEUTRAL_WEAK: "neutral-weak";
 };
-export declare type GroupRichListItemBackgroundColor = RichListItemBackgroundColor;
+export type GroupRichListItemBackgroundColor = RichListItemBackgroundColor;

package/dist/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.vue.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { GroupRichListItemBackgroundColor, GroupRichListItemBorderColor } from './GroupRichListItem.consts';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     isExpanded: {
@@ -6,7 +7,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     borderColor: {
-        type: PropType<import('../RichListItem').RichListItemBorderColor>;
+        type: PropType<GroupRichListItemBorderColor>;
         default: null;
         validator(borderColor: unknown): boolean;
     };
@@ -15,7 +16,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
     backgroundColor: {
-        type: PropType<import('../RichListItem').RichListItemBackgroundColor>;
+        type: PropType<GroupRichListItemBackgroundColor>;
         default: "neutral";
         validator(backgroundColor: unknown): boolean;
     };
@@ -31,7 +32,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     borderColor: {
-        type: PropType<import('../RichListItem').RichListItemBorderColor>;
+        type: PropType<GroupRichListItemBorderColor>;
         default: null;
         validator(borderColor: unknown): boolean;
     };
@@ -40,14 +41,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
     backgroundColor: {
-        type: PropType<import('../RichListItem').RichListItemBackgroundColor>;
+        type: PropType<GroupRichListItemBackgroundColor>;
         default: "neutral";
         validator(backgroundColor: unknown): boolean;
     };
 }>> & Readonly<{}>, {
+    backgroundColor: import('../RichListItem').RichListItemBackgroundColor;
     isExpanded: boolean;
     borderColor: import('../RichListItem').RichListItemBorderColor;
-    backgroundColor: import('../RichListItem').RichListItemBackgroundColor;
     borderColorHex: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/RichList/RichListItem/RichListItem.consts.d.ts

@@ -2,18 +2,18 @@ export declare const RICH_LIST_ITEM_TYPE: {
     readonly DEFAULT: "default";
     readonly FLAT: "flat";
 };
-export declare type RichListItemType = typeof RICH_LIST_ITEM_TYPE[keyof typeof RICH_LIST_ITEM_TYPE];
+export type RichListItemType = typeof RICH_LIST_ITEM_TYPE[keyof typeof RICH_LIST_ITEM_TYPE];
 export declare const RICH_LIST_ITEM_STATE: {
     readonly DEFAULT: "default";
     readonly LOADING: "loading";
     readonly DRAG: "drag";
 };
-export declare type RichListItemState = typeof RICH_LIST_ITEM_STATE[keyof typeof RICH_LIST_ITEM_STATE];
+export type RichListItemState = typeof RICH_LIST_ITEM_STATE[keyof typeof RICH_LIST_ITEM_STATE];
 export declare const RICH_LIST_ITEM_SIZE: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
 };
-export declare type RichListItemSize = typeof RICH_LIST_ITEM_SIZE[keyof typeof RICH_LIST_ITEM_SIZE];
+export type RichListItemSize = typeof RICH_LIST_ITEM_SIZE[keyof typeof RICH_LIST_ITEM_SIZE];
 export declare const RICH_LIST_ITEM_BORDER_COLOR: {
     readonly DEFAULT: "default";
     readonly PRIMARY: "primary";
@@ -36,20 +36,20 @@ export declare const RICH_LIST_ITEM_BORDER_COLOR: {
     readonly ACCENT: "accent";
     readonly ACCENT_WEAK: "accent-weak";
 };
-export declare type RichListItemBorderColor = typeof RICH_LIST_ITEM_BORDER_COLOR[keyof typeof RICH_LIST_ITEM_BORDER_COLOR];
+export type RichListItemBorderColor = typeof RICH_LIST_ITEM_BORDER_COLOR[keyof typeof RICH_LIST_ITEM_BORDER_COLOR];
 export declare const RICH_LIST_ITEM_BACKGROUND_COLOR: {
     readonly NEUTRAL: "neutral";
     readonly NEUTRAL_WEAK: "neutral-weak";
 };
-export declare type RichListItemBackgroundColor = typeof RICH_LIST_ITEM_BACKGROUND_COLOR[keyof typeof RICH_LIST_ITEM_BACKGROUND_COLOR];
+export type RichListItemBackgroundColor = typeof RICH_LIST_ITEM_BACKGROUND_COLOR[keyof typeof RICH_LIST_ITEM_BACKGROUND_COLOR];
 export declare const RICH_LIST_ITEM_ELEVATION: {
     readonly SMALL: "small";
 };
-export declare type RichListItemElevation = typeof RICH_LIST_ITEM_ELEVATION[keyof typeof RICH_LIST_ITEM_ELEVATION];
+export type RichListItemElevation = typeof RICH_LIST_ITEM_ELEVATION[keyof typeof RICH_LIST_ITEM_ELEVATION];
 export declare const RICH_LIST_ITEM_LAYOUT: {
     readonly HORIZONTAL: "horizontal";
     readonly VERTICAL: "vertical";
 };
-export declare type RichListItemLayout = typeof RICH_LIST_ITEM_LAYOUT[keyof typeof RICH_LIST_ITEM_LAYOUT];
+export type RichListItemLayout = typeof RICH_LIST_ITEM_LAYOUT[keyof typeof RICH_LIST_ITEM_LAYOUT];
 export declare const RICH_LIST_ITEM_MEDIA_HORIZONTAL_WIDTH = 100;
 export declare const RICH_LIST_ITEM_MEDIA_HORIZONTAL_HEIGHT = 80;

package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts

@@ -1,14 +1,103 @@
-import { RichListItemBackgroundColor, RichListItemBorderColor, RichListItemLayout, RichListItemSize, RichListItemState, RichListItemType } from './RichListItem.consts';
+import { IconColor, IconItem } from '../../../components/Icons/Icon';
+import { PropType } from 'vue';
+import { RichListItemBackgroundColor, RichListItemBorderColor, RichListItemElevation, RichListItemLayout, RichListItemSize, RichListItemState, RichListItemType } from './RichListItem.consts';
 
-declare const _default: import('vue').DefineComponent<{}, {}, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<RichListItemType>;
+        default: "default";
+        validator(type: RichListItemType): boolean;
+    };
+    layout: {
+        type: PropType<RichListItemLayout>;
+        default: "horizontal";
+        validator(layout: RichListItemLayout): boolean;
+    };
+    state: {
+        type: PropType<RichListItemState>;
+        default: "default";
+        validator(state: RichListItemState): boolean;
+    };
+    size: {
+        type: PropType<RichListItemSize>;
+        default: "medium";
+        validator(size: unknown): boolean;
+    };
+    isInteractive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDimmed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: PropType<IconItem>;
+        default: null;
+        validator(icon: unknown): boolean;
+    };
+    iconColor: {
+        type: PropType<IconColor>;
+        default: null;
+        validator(iconColor: unknown): boolean;
+    };
+    iconColorHex: {
+        type: StringConstructor;
+        default: null;
+    };
+    borderColor: {
+        type: PropType<RichListItemBorderColor>;
+        default: null;
+        validator(borderColor: unknown): boolean;
+    };
+    borderColorHex: {
+        type: StringConstructor;
+        default: null;
+    };
+    draggableIconClassName: {
+        type: StringConstructor;
+        default: null;
+    };
+    backgroundColor: {
+        type: PropType<RichListItemBackgroundColor>;
+        default: "neutral";
+        validator(backgroundColor: unknown): boolean;
+    };
+    elevation: {
+        type: PropType<RichListItemElevation>;
+        default: null;
+        validator(evolution: unknown): boolean;
+    };
+    hasDraggableHandler: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasActionsSlotDivider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSelectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: 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 +289,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;
@@ -249,19 +339,105 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     'icon-click': () => true;
     click: () => true;
     'update:is-selected': (isSelected: boolean) => true;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<RichListItemType>;
+        default: "default";
+        validator(type: RichListItemType): boolean;
+    };
+    layout: {
+        type: PropType<RichListItemLayout>;
+        default: "horizontal";
+        validator(layout: RichListItemLayout): boolean;
+    };
+    state: {
+        type: PropType<RichListItemState>;
+        default: "default";
+        validator(state: RichListItemState): boolean;
+    };
+    size: {
+        type: PropType<RichListItemSize>;
+        default: "medium";
+        validator(size: unknown): boolean;
+    };
+    isInteractive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDimmed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: PropType<IconItem>;
+        default: null;
+        validator(icon: unknown): boolean;
+    };
+    iconColor: {
+        type: PropType<IconColor>;
+        default: null;
+        validator(iconColor: unknown): boolean;
+    };
+    iconColorHex: {
+        type: StringConstructor;
+        default: null;
+    };
+    borderColor: {
+        type: PropType<RichListItemBorderColor>;
+        default: null;
+        validator(borderColor: unknown): boolean;
+    };
+    borderColorHex: {
+        type: StringConstructor;
+        default: null;
+    };
+    draggableIconClassName: {
+        type: StringConstructor;
+        default: null;
+    };
+    backgroundColor: {
+        type: PropType<RichListItemBackgroundColor>;
+        default: "neutral";
+        validator(backgroundColor: unknown): boolean;
+    };
+    elevation: {
+        type: PropType<RichListItemElevation>;
+        default: null;
+        validator(evolution: unknown): boolean;
+    };
+    hasDraggableHandler: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasActionsSlotDivider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSelectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
     onClick?: (() => any) | undefined;
     "onUpdate:is-selected"?: ((isSelected: boolean) => any) | undefined;
     "onIcon-click"?: (() => any) | undefined;
 }>, {
-    icon: any;
     size: RichListItemSize;
     type: RichListItemType;
+    backgroundColor: RichListItemBackgroundColor;
+    icon: any;
     state: RichListItemState;
     elevation: "small";
     layout: RichListItemLayout;
     borderColor: RichListItemBorderColor;
-    backgroundColor: RichListItemBackgroundColor;
     isInteractive: boolean;
     isSelected: boolean;
     isDimmed: boolean;
@@ -274,19 +450,39 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     hasActionsSlotDivider: boolean;
     isSelectable: boolean;
 }, {}, {
-    DsCheckbox: import('vue').DefineComponent<{}, {}, {
+    DsCheckbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: PropType<import('../../Form/Checkbox/Checkbox.consts').CheckboxSize>;
+            default: "small";
+            validator(size: unknown): boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: null;
+        };
+        isSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        state: {
+            type: PropType<import('../../Form/Checkbox/Checkbox.consts').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;
@@ -478,6 +674,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;
@@ -486,7 +683,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<import('../../Form/Checkbox/Checkbox.consts').CheckboxSize>;
+            default: "small";
+            validator(size: unknown): boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: null;
+        };
+        isSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        state: {
+            type: PropType<import('../../Form/Checkbox/Checkbox.consts').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;
@@ -496,7 +712,41 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         state: import('../../Form/Checkbox/Checkbox.consts').CheckboxState;
         isSelected: boolean;
     }, {}, {
-        SelectionControl: import('vue').DefineComponent<{}, {}, {
+        SelectionControl: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: PropType<import('../../Form/SelectionControl/SelectionControl.consts').SelectionControlSize>;
+                default: "small";
+                validator(size: unknown): boolean;
+            };
+            label: {
+                type: StringConstructor;
+                default: null;
+            };
+            isSelected: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            state: {
+                type: PropType<import('../../Form/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('../../Form/SelectionControl/SelectionControl.consts').SelectionControlType>;
+                required: true;
+                validator(type: unknown): boolean;
+            };
+        }>, {}, {
             isFocused: boolean;
             SELECTION_CONTROL_STATE: Readonly<{
                 readonly DEFAULT: "default";
@@ -514,7 +764,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('../../Form/SelectionControl/SelectionControl.consts').SelectionControlSize>;
+                default: "small";
+                validator(size: unknown): boolean;
+            };
+            label: {
+                type: StringConstructor;
+                default: null;
+            };
+            isSelected: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            state: {
+                type: PropType<import('../../Form/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('../../Form/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;
@@ -593,14 +877,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>;
@@ -716,14 +1000,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>;
 export default _default;

package/dist/lib/js/components/SectionTitle/SectionTitle.consts.d.ts

@@ -1,4 +1,4 @@
 export declare const SECTION_TITLE_SIZES: {
     XS: string;
 };
-export declare type SectionTitleSize = typeof SECTION_TITLE_SIZES[keyof typeof SECTION_TITLE_SIZES];
+export type SectionTitleSize = typeof SECTION_TITLE_SIZES[keyof typeof SECTION_TITLE_SIZES];

package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts

@@ -1,4 +1,41 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    iconLeft: {
+        type: ObjectConstructor;
+        default: null;
+        validator(icon: unknown): boolean;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    eyebrowText: {
+        type: StringConstructor;
+        default: string;
+    };
+    isEyebrowTextUppercase: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectionMode: {
+        type: StringConstructor;
+        default: string;
+        validator(selectionMode: unknown): boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator(size: unknown): boolean;
+    };
+    state: {
+        type: StringConstructor;
+        default: string;
+        validator(state: unknown): boolean;
+    };
+}>, {}, {
     ICON_SIZES: Readonly<{
         XXX_SMALL: string;
         XX_SMALL: string;
@@ -10,13 +47,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         XX_LARGE: string;
     }>;
     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;
@@ -208,6 +246,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;
@@ -228,7 +267,44 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
 }, {
     isLoading(): boolean;
     isDisabled(): boolean;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    iconLeft: {
+        type: ObjectConstructor;
+        default: null;
+        validator(icon: unknown): boolean;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    eyebrowText: {
+        type: StringConstructor;
+        default: string;
+    };
+    isEyebrowTextUppercase: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectionMode: {
+        type: StringConstructor;
+        default: string;
+        validator(selectionMode: unknown): boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator(size: unknown): boolean;
+    };
+    state: {
+        type: StringConstructor;
+        default: string;
+        validator(state: unknown): boolean;
+    };
+}>> & Readonly<{}>, {
     size: string;
     state: string;
     iconLeft: Record<string, any>;
@@ -306,14 +382,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>;
 export default _default;