@bethinkpl/design-system 26.6.0 → 26.7.1

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

@@ -1,4 +1,66 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {
+import { IconItem } from '../../Icons/Icon';
+import { ICON_BUTTON_COLORS } from '../../Buttons/IconButton';
+import { SectionHeaderIconColor } from '../../Headers/SectionHeader';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    isExpandable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconLeft: {
+        type: () => IconItem;
+        default: null;
+        validator(iconLeft: IconItem): boolean;
+    };
+    iconLeftColor: {
+        type: () => SectionHeaderIconColor;
+        default: string;
+        validator(iconLeftColor: SectionHeaderIconColor): boolean;
+    };
+    iconRight: {
+        type: () => IconItem;
+        default: null;
+        validator(iconRight: IconItem): boolean;
+    };
+    iconRightColor: {
+        type: () => SectionHeaderIconColor;
+        default: string;
+        validator(iconRightColor: SectionHeaderIconColor): boolean;
+    };
+    isExpanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    info: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator(size: unknown): boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: null;
+    };
+    titleEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    eyebrow: {
+        type: StringConstructor;
+        default: string;
+    };
+    supportingText: {
+        type: StringConstructor;
+        default: null;
+    };
+    hasDivider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {
     ICON_BUTTON_COLORS: Readonly<{
         readonly PRIMARY: "primary";
         readonly NEUTRAL: "neutral";
@@ -18,13 +80,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         readonly LARGE: "large";
     }>;
     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;
@@ -216,6 +279,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;
@@ -224,17 +288,75 @@ 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;
     }>;
-    isExpandedInternal: Function;
+    isExpandedInternal: boolean;
 }, {}, {
     onExpandableHeaderClick(value: any): void;
     onInfoClick(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:isExpanded" | "info-click")[], "update:isExpanded" | "info-click", import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:isExpanded" | "info-click")[], "update:isExpanded" | "info-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    isExpandable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconLeft: {
+        type: () => IconItem;
+        default: null;
+        validator(iconLeft: IconItem): boolean;
+    };
+    iconLeftColor: {
+        type: () => SectionHeaderIconColor;
+        default: string;
+        validator(iconLeftColor: SectionHeaderIconColor): boolean;
+    };
+    iconRight: {
+        type: () => IconItem;
+        default: null;
+        validator(iconRight: IconItem): boolean;
+    };
+    iconRightColor: {
+        type: () => SectionHeaderIconColor;
+        default: string;
+        validator(iconRightColor: SectionHeaderIconColor): boolean;
+    };
+    isExpanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    info: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator(size: unknown): boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: null;
+    };
+    titleEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    eyebrow: {
+        type: StringConstructor;
+        default: string;
+    };
+    supportingText: {
+        type: StringConstructor;
+        default: null;
+    };
+    hasDivider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
     "onUpdate:isExpanded"?: ((...args: any[]) => any) | undefined;
     "onInfo-click"?: ((...args: any[]) => any) | undefined;
 }>, {
-    info: boolean;
     size: string;
     title: string;
+    info: boolean;
     iconLeft: any;
     iconRight: any;
     isExpanded: boolean;
@@ -246,15 +368,83 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     eyebrow: string;
     supportingText: string;
 }, {}, {
-    DsSectionHeader: import('vue').DefineComponent<{}, {}, {
+    DsSectionHeader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        isExpandable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideSlotWhenCollapsed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconLeft: {
+            type: () => IconItem;
+            default: null;
+            validator(iconLeft: IconItem): boolean;
+        };
+        iconLeftColor: {
+            type: () => SectionHeaderIconColor;
+            default: null;
+            validator(iconLeftColor: SectionHeaderIconColor): boolean;
+        };
+        iconRight: {
+            type: () => IconItem;
+            default: null;
+            validator(iconRight: IconItem): boolean;
+        };
+        iconRightColor: {
+            type: () => SectionHeaderIconColor;
+            default: null;
+            validator(iconRightColor: SectionHeaderIconColor): boolean;
+        };
+        isExpanded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        info: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator(size: unknown): boolean;
+        };
+        title: {
+            type: StringConstructor;
+            required: true;
+        };
+        titleEllipsis: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        eyebrow: {
+            type: StringConstructor;
+            default: string;
+        };
+        supportingText: {
+            type: StringConstructor;
+            default: null;
+        };
+        hasDivider: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        mobileLayout: {
+            type: StringConstructor;
+            default: "vertical";
+            validator: (value: 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;
@@ -446,6 +636,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;
@@ -495,12 +686,79 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     }, {
         onInfoClicked(): void;
         onTitleWrapperClicked(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:isExpanded" | "info-click")[], "update:isExpanded" | "info-click", import('vue').PublicProps, Readonly<{}> & Readonly<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:isExpanded" | "info-click")[], "update:isExpanded" | "info-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        isExpandable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideSlotWhenCollapsed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconLeft: {
+            type: () => IconItem;
+            default: null;
+            validator(iconLeft: IconItem): boolean;
+        };
+        iconLeftColor: {
+            type: () => SectionHeaderIconColor;
+            default: null;
+            validator(iconLeftColor: SectionHeaderIconColor): boolean;
+        };
+        iconRight: {
+            type: () => IconItem;
+            default: null;
+            validator(iconRight: IconItem): boolean;
+        };
+        iconRightColor: {
+            type: () => SectionHeaderIconColor;
+            default: null;
+            validator(iconRightColor: SectionHeaderIconColor): boolean;
+        };
+        isExpanded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        info: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator(size: unknown): boolean;
+        };
+        title: {
+            type: StringConstructor;
+            required: true;
+        };
+        titleEllipsis: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        eyebrow: {
+            type: StringConstructor;
+            default: string;
+        };
+        supportingText: {
+            type: StringConstructor;
+            default: null;
+        };
+        hasDivider: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        mobileLayout: {
+            type: StringConstructor;
+            default: "vertical";
+            validator: (value: unknown) => boolean;
+        };
+    }>> & Readonly<{
         "onUpdate:isExpanded"?: ((...args: any[]) => any) | undefined;
         "onInfo-click"?: ((...args: any[]) => any) | undefined;
     }>, {
-        info: boolean;
         size: string;
+        info: boolean;
         iconLeft: any;
         iconRight: any;
         isExpanded: boolean;
@@ -583,30 +841,76 @@ 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>;
-        DsIconButton: import('vue').DefineComponent<{}, {
-            isHovered: import('vue').Ref<boolean, boolean>;
+        DsIconButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: "large";
+                validator(value: unknown): boolean;
+            };
+            radius: {
+                type: StringConstructor;
+                default: "capsule";
+                validator(value: unknown): boolean;
+            };
+            type: {
+                type: StringConstructor;
+                default: "icon-only";
+                validator(value: unknown): boolean;
+            };
+            icon: {
+                type: ObjectConstructor;
+                required: true;
+                validator(icon: unknown): boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: "primary";
+                validator(value: unknown): boolean;
+            };
+            colorScheme: {
+                type: StringConstructor;
+                default: "all-in-color";
+                validator(value: unknown): boolean;
+            };
+            elevation: {
+                type: StringConstructor;
+                default: "none";
+                validator(value: unknown): boolean;
+            };
+            touchable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            state: {
+                type: StringConstructor;
+                default: "default";
+                validator(value: import('../../../utils/type.utils').Value<typeof import('../../Buttons/IconButton').ICON_BUTTON_STATES>): boolean;
+            };
+        }>, {
+            isHovered: import('vue').Ref<boolean>;
             mouseOver: () => void;
             mouseLeave: () => void;
             touchStart: () => void;
             touchEnd: () => void;
         }, {
             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;
@@ -798,6 +1102,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;
@@ -863,7 +1168,52 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             computedColor(): string | null;
             isButtonColor(): boolean;
             colorClassName(): string;
-        }, {}, 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<{
+            size: {
+                type: StringConstructor;
+                default: "large";
+                validator(value: unknown): boolean;
+            };
+            radius: {
+                type: StringConstructor;
+                default: "capsule";
+                validator(value: unknown): boolean;
+            };
+            type: {
+                type: StringConstructor;
+                default: "icon-only";
+                validator(value: unknown): boolean;
+            };
+            icon: {
+                type: ObjectConstructor;
+                required: true;
+                validator(icon: unknown): boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: "primary";
+                validator(value: unknown): boolean;
+            };
+            colorScheme: {
+                type: StringConstructor;
+                default: "all-in-color";
+                validator(value: unknown): boolean;
+            };
+            elevation: {
+                type: StringConstructor;
+                default: "none";
+                validator(value: unknown): boolean;
+            };
+            touchable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            state: {
+                type: StringConstructor;
+                default: "default";
+                validator(value: import('../../../utils/type.utils').Value<typeof import('../../Buttons/IconButton').ICON_BUTTON_STATES>): boolean;
+            };
+        }>> & Readonly<{}>, {
             size: string;
             type: string;
             touchable: boolean;
@@ -942,24 +1292,66 @@ 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>;
-            WnlButton: import('vue').DefineComponent<{}, {}, {
+            WnlButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: "medium";
+                    validator(value: import('../../../utils/type.utils').Value<typeof import('../../..').BUTTON_SIZES>): boolean;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: "filled";
+                    validator(value: import('../../../utils/type.utils').Value<typeof import('../../..').BUTTON_TYPES>): boolean;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: "primary";
+                    validator(value: import('../../../utils/type.utils').Value<typeof ICON_BUTTON_COLORS>): boolean;
+                };
+                radius: {
+                    type: StringConstructor;
+                    default: "capsule";
+                    validator(value: import('../../../utils/type.utils').Value<typeof import('../../..').BUTTON_RADIUSES>): boolean;
+                };
+                state: {
+                    type: StringConstructor;
+                    default: "default";
+                    validator(value: import('../../../utils/type.utils').Value<typeof import('../../..').BUTTON_STATES>): boolean;
+                };
+                iconLeft: {
+                    type: ObjectConstructor;
+                    default: null;
+                    validator(icon: unknown): boolean;
+                };
+                iconRight: {
+                    type: ObjectConstructor;
+                    default: null;
+                    validator(icon: unknown): boolean;
+                };
+                elevation: {
+                    type: StringConstructor;
+                    default: "none";
+                    validator(value: import('../../../utils/type.utils').Value<typeof import('../../..').BUTTON_ELEVATIONS>): 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;
@@ -1151,6 +1543,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;
@@ -1206,7 +1599,48 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                 iconSize(): string;
                 colorClassName(): string;
                 loadingIconSize(): string;
-            }, {}, 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<{
+                size: {
+                    type: StringConstructor;
+                    default: "medium";
+                    validator(value: import('../../../utils/type.utils').Value<typeof import('../../..').BUTTON_SIZES>): boolean;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: "filled";
+                    validator(value: import('../../../utils/type.utils').Value<typeof import('../../..').BUTTON_TYPES>): boolean;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: "primary";
+                    validator(value: import('../../../utils/type.utils').Value<typeof ICON_BUTTON_COLORS>): boolean;
+                };
+                radius: {
+                    type: StringConstructor;
+                    default: "capsule";
+                    validator(value: import('../../../utils/type.utils').Value<typeof import('../../..').BUTTON_RADIUSES>): boolean;
+                };
+                state: {
+                    type: StringConstructor;
+                    default: "default";
+                    validator(value: import('../../../utils/type.utils').Value<typeof import('../../..').BUTTON_STATES>): boolean;
+                };
+                iconLeft: {
+                    type: ObjectConstructor;
+                    default: null;
+                    validator(icon: unknown): boolean;
+                };
+                iconRight: {
+                    type: ObjectConstructor;
+                    default: null;
+                    validator(icon: unknown): boolean;
+                };
+                elevation: {
+                    type: StringConstructor;
+                    default: "none";
+                    validator(value: import('../../../utils/type.utils').Value<typeof import('../../..').BUTTON_ELEVATIONS>): boolean;
+                };
+            }>> & Readonly<{}>, {
                 size: string;
                 type: string;
                 color: string;
@@ -1285,14 +1719,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>;