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

@bethinkpl/design-system 26.6.0 → 26.7.1

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

Files changed (264) hide show

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

@@ -3,13 +3,14 @@ import { Args, ArgTypes } from '@storybook/vue3';
 export declare const template: (componentTag: string) => string;
 export declare const data: () => {
     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;
@@ -201,6 +202,7 @@ export declare const data: () => {
         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;
@@ -230,7 +232,43 @@ export declare const data: () => {
     };
 };
 export declare const components: {
-    DsBanner: import('vue').DefineComponent<{}, {}, {
+    DsBanner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: ObjectConstructor;
+            default: null;
+            validator: (icon: unknown) => boolean;
+        };
+        buttonText: {
+            type: StringConstructor;
+            default: null;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: "default";
+            validator: (color: unknown) => boolean;
+        };
+        title: {
+            type: StringConstructor;
+            required: true;
+        };
+        layout: {
+            type: StringConstructor;
+            default: "horizontal";
+            validator: (layout: unknown) => boolean;
+        };
+        isExpanded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isIconHiddenOnMobile: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
         isExpandedInternal: boolean;
         BUTTON_COLORS: Readonly<{
             readonly PRIMARY: "primary";
@@ -277,13 +315,14 @@ export declare const components: {
             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;
@@ -475,6 +514,7 @@ export declare const components: {
             readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -488,9 +528,45 @@ export declare const components: {
         layoutClass(): "-ds-vertical" | "-ds-horizontal";
     }, {
         toggleExpandedText(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("button-clicked" | "close" | "update:isExpanded")[], "button-clicked" | "close" | "update:isExpanded", import('vue').PublicProps, Readonly<{}> & Readonly<{
-        "onButton-clicked"?: ((...args: any[]) => any) | undefined;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "button-clicked" | "update:isExpanded")[], "close" | "button-clicked" | "update:isExpanded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: ObjectConstructor;
+            default: null;
+            validator: (icon: unknown) => boolean;
+        };
+        buttonText: {
+            type: StringConstructor;
+            default: null;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: "default";
+            validator: (color: unknown) => boolean;
+        };
+        title: {
+            type: StringConstructor;
+            required: true;
+        };
+        layout: {
+            type: StringConstructor;
+            default: "horizontal";
+            validator: (layout: unknown) => boolean;
+        };
+        isExpanded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isIconHiddenOnMobile: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
         onClose?: ((...args: any[]) => any) | undefined;
+        "onButton-clicked"?: ((...args: any[]) => any) | undefined;
         "onUpdate:isExpanded"?: ((...args: any[]) => any) | undefined;
     }>, {
         icon: Record<string, any>;
@@ -501,15 +577,57 @@ export declare const components: {
         isExpanded: boolean;
         isIconHiddenOnMobile: boolean;
     }, {}, {
-        DsButton: import('vue').DefineComponent<{}, {}, {
+        DsButton: 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 import('../..').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;
@@ -701,6 +819,7 @@ export declare const components: {
                 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;
@@ -756,7 +875,48 @@ export declare const components: {
             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 import('../..').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;
@@ -835,14 +995,14 @@ export declare const components: {
                     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>;
         DsDivider: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -888,21 +1048,67 @@ export declare const components: {
             isVertical: boolean;
             prominence: string;
         }, {}, {}, {}, 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('../..').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;
@@ -1094,6 +1300,7 @@ export declare const components: {
                 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;
@@ -1159,7 +1366,52 @@ export declare const components: {
             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('../..').ICON_BUTTON_STATES>): boolean;
+            };
+        }>> & Readonly<{}>, {
             size: string;
             type: string;
             touchable: boolean;
@@ -1238,24 +1490,66 @@ export declare const components: {
                     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 import('../..').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;
@@ -1447,6 +1741,7 @@ export declare const components: {
                     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;
@@ -1502,7 +1797,48 @@ export declare const components: {
                 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 import('../..').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;
@@ -1581,14 +1917,14 @@ export declare const components: {
                         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>;
@@ -1661,16 +1997,16 @@ export declare const components: {
                 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 declare const args: Args;
-export declare const argTypes: ArgTypes<Args>;
+export declare const argTypes: ArgTypes;

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

@@ -1,3 +1,5 @@
+import { TILE_STATES } from './Tile.consts';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     interactive: {
         type: BooleanConstructor;
@@ -41,11 +43,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     state: {
         type: import('vue').PropType<import('./Tile.consts').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 TILE_STATES>): boolean;
     };
     eyebrowEllipsis: {
         type: BooleanConstructor;
@@ -66,13 +64,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>, {}, {
     ICONS: Readonly<{
-        readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
-        readonly RIBBON: VueConstructor<Vue>;
-        readonly SLIDERS_SEARCH: VueConstructor<Vue>;
-        readonly COMMENTS_CHECK: VueConstructor<Vue>;
         readonly ANSWERS: VueConstructor<Vue>;
+        readonly CHANGE: VueConstructor<Vue>;
+        readonly COMMENTS_CHECK: VueConstructor<Vue>;
+        readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
         readonly HIDE_ANSWERS: VueConstructor<Vue>;
+        readonly RIBBON: VueConstructor<Vue>;
         readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
+        readonly SLIDERS_SEARCH: VueConstructor<Vue>;
         readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -264,6 +263,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;
@@ -337,11 +337,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     state: {
         type: import('vue').PropType<import('./Tile.consts').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 TILE_STATES>): boolean;
     };
     eyebrowEllipsis: {
         type: BooleanConstructor;
@@ -444,14 +440,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>;
 export default _default;