@dialpad/dialtone-vue 3.221.1 → 3.222.0-next.2

package/dist/recipes/conversation_view/emoji_row/emoji_row.vue.d.ts

@@ -61,6 +61,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        anchorClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         message: {
             type: StringConstructor;
             default: string;
@@ -69,8 +73,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        show: {
-            type: BooleanConstructor;
+        open: {
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         transition: {
@@ -147,6 +151,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         anchor(): any;
     }, {
+        getModeReferenceEl(): any;
         calculateAnchorZindex(): 651 | 400;
         hasVisibleFocus(): any;
         onEnterAnchor(e: any): void;
@@ -156,6 +161,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onChangePlacement(placement: any): void;
         onHide(): void;
         onShow(tooltipInstance: any, callingMethod: any): false | undefined;
+        resolveAppendTo(): any;
         setProps(): void;
         onMount(): void;
         tooltipHasContent(tooltipInstance: any): boolean;
@@ -169,6 +175,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             touch: boolean;
             onMount: () => void;
             showOnCreate: boolean;
+            appendTo: any;
             popperOptions: {
                 modifiers: ({
                     name: string;
@@ -197,7 +204,32 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         addExternalAnchorEventListeners(): void;
         removeExternalAnchorEventListeners(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("shown" | "update:show")[], "shown" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, {
+        props: {
+            contentMode: {
+                type: StringConstructor;
+                default: null;
+                validator: (v: any) => boolean;
+            };
+        };
+        data(): {
+            modeContrast: string;
+            modeResolved: null;
+        };
+        computed: {
+            modeAttrs(): any;
+        };
+        watch: {
+            contentMode(): void;
+        };
+        mounted(): void;
+        beforeUnmount(): void;
+        methods: {
+            getModeReferenceEl(): HTMLElement | null;
+            setupModeObservers(): void;
+            cleanupModeObservers(): void;
+        };
+    }, import('vue').ComponentOptionsMixin, ("update:open" | "shown")[], "update:open" | "shown", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         id: {
             type: StringConstructor;
             default(): string;
@@ -236,6 +268,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        anchorClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         message: {
             type: StringConstructor;
             default: string;
@@ -244,8 +280,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        show: {
-            type: BooleanConstructor;
+        open: {
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         transition: {
@@ -272,16 +308,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
     }>> & Readonly<{
+        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
         onShown?: ((...args: any[]) => any) | undefined;
-        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     }>, {
         id: string;
         offset: unknown[];
+        open: boolean | null;
         message: string;
-        inverted: boolean;
         contentClass: string | unknown[] | Record<string, any>;
-        show: boolean;
-        transition: boolean;
+        inverted: boolean;
+        anchorClass: string | unknown[] | Record<string, any>;
         appendTo: string | HTMLElement;
         delay: boolean;
         placement: string;
@@ -289,6 +325,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         theme: string;
         fallbackPlacements: unknown[];
         enabled: boolean;
+        transition: boolean;
         externalAnchor: string;
         externalAnchorElement: HTMLElement;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -320,6 +357,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        linkUnderline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        underline: {
+            type: BooleanConstructor;
+            default: null;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -334,14 +379,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         labelClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        leadingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        trailingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockStartIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockEndIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        iconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -381,6 +454,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>, {}, {
         ICON_POSITION_MODIFIERS: {
+            start: string;
+            end: string;
+            blockStart: string;
+            blockEnd: string;
             left: string;
             right: string;
             top: string;
@@ -390,6 +467,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         hasSlotContent: typeof import('../../../index.js').hasSlotContent;
         i18n: any;
     }, {
+        resolvedUnderline(): boolean;
         computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
         isNativeButton(): boolean;
         computedAttrs(): {
@@ -422,7 +500,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
         buttonClasses(): any[];
         isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-        shouldRenderIcon(): any;
+        hasStartIcon(): any;
+        hasEndIcon(): any;
+        hasBlockStartIcon(): any;
+        hasBlockEndIcon(): any;
+        hasNewIconSlots(): any;
+        shouldRenderLegacyIcon(): any;
         isIconOnly(): any;
         isVerticalIconLayout(): boolean;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -453,6 +536,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        linkUnderline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        underline: {
+            type: BooleanConstructor;
+            default: null;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -467,14 +558,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         labelClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        leadingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        trailingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockStartIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockEndIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        iconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -518,22 +637,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {
         link: boolean;
         disabled: boolean;
+        size: string | number;
         type: string;
+        iconClass: string | unknown[] | Record<string, any>;
+        replace: boolean;
         target: string;
         circle: boolean;
         active: boolean;
         loading: boolean;
-        size: string;
-        replace: boolean;
+        underline: boolean;
         kind: string;
         labelClass: string | unknown[] | Record<string, any>;
+        startIconClass: string | unknown[] | Record<string, any>;
+        endIconClass: string | unknown[] | Record<string, any>;
         href: string;
         to: string | Record<string, any>;
         iconPosition: string;
         importance: string;
         linkKind: string;
         linkInverted: boolean;
+        linkUnderline: boolean;
         width: string;
+        leadingClass: string | unknown[] | Record<string, any>;
+        trailingClass: string | unknown[] | Record<string, any>;
+        blockStartIconClass: string | unknown[] | Record<string, any>;
+        blockEndIconClass: string | unknown[] | Record<string, any>;
         assertiveOnFocus: boolean;
         rel: string;
     }, {}, {
@@ -701,9 +829,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: number;
             };
         }>> & Readonly<{}>, {
+            ariaLabel: string;
             offset: number;
             animationDuration: number;
-            ariaLabel: string;
             animate: boolean;
             paragraphOption: boolean | Record<string, any>;
             listItemOption: boolean | Record<string, any>;
@@ -743,6 +871,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>, {}, {
                 SKELETON_HEADING_HEIGHTS: {
+                    200: string;
+                    300: string;
+                    400: string;
                     sm: string;
                     md: string;
                     lg: string;
@@ -790,9 +921,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: string;
                 offset: number;
                 animationDuration: number;
-                width: string;
-                contentClass: string;
                 animate: boolean;
+                contentClass: string;
+                width: string;
                 headingHeight: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -802,8 +933,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (shape: unknown) => boolean;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                 };
                 animationDuration: {
                     type: NumberConstructor;
@@ -850,8 +981,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (shape: unknown) => boolean;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                 };
                 animationDuration: {
                     type: NumberConstructor;
@@ -870,12 +1001,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                 };
             }>> & Readonly<{}>, {
+                size: string | number;
                 offset: number;
                 animationDuration: number;
-                size: string;
+                animate: boolean;
                 contentClass: string | unknown[] | Record<string, any>;
                 shape: string;
-                animate: boolean;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtSkeletonListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 shape: {
@@ -884,8 +1015,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (shape: unknown) => boolean;
                 };
                 shapeSize: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                 };
                 paragraphs: {
                     type: ObjectConstructor;
@@ -921,8 +1052,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (shape: unknown) => boolean;
                 };
                 shapeSize: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                 };
                 paragraphs: {
                     type: ObjectConstructor;
@@ -954,10 +1085,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{}>, {
                 offset: number;
                 animationDuration: number;
+                animate: boolean;
                 contentClass: string;
                 shape: string;
-                animate: boolean;
-                shapeSize: string;
+                shapeSize: string | number;
                 paragraphs: Record<string, any>;
                 shapeClass: string;
             }, {}, {
@@ -968,8 +1099,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -1016,8 +1147,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -1036,12 +1167,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: string;
                     };
                 }>> & Readonly<{}>, {
+                    size: string | number;
                     offset: number;
                     animationDuration: number;
-                    size: string;
+                    animate: boolean;
                     contentClass: string | unknown[] | Record<string, any>;
                     shape: string;
-                    animate: boolean;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     rows: {
@@ -1139,10 +1270,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {
                     offset: number;
                     animationDuration: number;
-                    width: string | unknown[];
+                    animate: boolean;
                     contentClass: string;
+                    width: string | unknown[];
                     maxWidth: string | number;
-                    animate: boolean;
                     rows: string | number;
                     minWidth: string | number;
                     randomWidth: boolean;
@@ -1181,6 +1312,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         };
                     }>, {}, {
                         SKELETON_HEADING_HEIGHTS: {
+                            200: string;
+                            300: string;
+                            400: string;
                             sm: string;
                             md: string;
                             lg: string;
@@ -1228,9 +1362,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: string;
                         offset: number;
                         animationDuration: number;
-                        width: string;
-                        contentClass: string;
                         animate: boolean;
+                        contentClass: string;
+                        width: string;
                         headingHeight: string;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1331,10 +1465,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{}>, {
                 offset: number;
                 animationDuration: number;
-                width: string | unknown[];
+                animate: boolean;
                 contentClass: string;
+                width: string | unknown[];
                 maxWidth: string | number;
-                animate: boolean;
                 rows: string | number;
                 minWidth: string | number;
                 randomWidth: boolean;
@@ -1373,6 +1507,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>, {}, {
                     SKELETON_HEADING_HEIGHTS: {
+                        200: string;
+                        300: string;
+                        400: string;
                         sm: string;
                         md: string;
                         lg: string;
@@ -1420,9 +1557,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: string;
                     offset: number;
                     animationDuration: number;
-                    width: string;
-                    contentClass: string;
                     animate: boolean;
+                    contentClass: string;
+                    width: string;
                     headingHeight: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1598,9 +1735,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: number;
                 };
             }>> & Readonly<{}>, {
+                ariaLabel: string;
                 offset: number;
                 animationDuration: number;
-                ariaLabel: string;
                 animate: boolean;
                 paragraphOption: boolean | Record<string, any>;
                 listItemOption: boolean | Record<string, any>;
@@ -1640,6 +1777,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>, {}, {
                     SKELETON_HEADING_HEIGHTS: {
+                        200: string;
+                        300: string;
+                        400: string;
                         sm: string;
                         md: string;
                         lg: string;
@@ -1687,9 +1827,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: string;
                     offset: number;
                     animationDuration: number;
-                    width: string;
-                    contentClass: string;
                     animate: boolean;
+                    contentClass: string;
+                    width: string;
                     headingHeight: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1699,8 +1839,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -1747,8 +1887,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -1767,12 +1907,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: string;
                     };
                 }>> & Readonly<{}>, {
+                    size: string | number;
                     offset: number;
                     animationDuration: number;
-                    size: string;
+                    animate: boolean;
                     contentClass: string | unknown[] | Record<string, any>;
                     shape: string;
-                    animate: boolean;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtSkeletonListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     shape: {
@@ -1781,8 +1921,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     shapeSize: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     paragraphs: {
                         type: ObjectConstructor;
@@ -1818,8 +1958,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     shapeSize: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     paragraphs: {
                         type: ObjectConstructor;
@@ -1851,10 +1991,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {
                     offset: number;
                     animationDuration: number;
+                    animate: boolean;
                     contentClass: string;
                     shape: string;
-                    animate: boolean;
-                    shapeSize: string;
+                    shapeSize: string | number;
                     paragraphs: Record<string, any>;
                     shapeClass: string;
                 }, {}, {
@@ -1865,8 +2005,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -1913,8 +2053,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -1933,12 +2073,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: string;
                         };
                     }>> & Readonly<{}>, {
+                        size: string | number;
                         offset: number;
                         animationDuration: number;
-                        size: string;
+                        animate: boolean;
                         contentClass: string | unknown[] | Record<string, any>;
                         shape: string;
-                        animate: boolean;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         rows: {
@@ -2036,10 +2176,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>> & Readonly<{}>, {
                         offset: number;
                         animationDuration: number;
-                        width: string | unknown[];
+                        animate: boolean;
                         contentClass: string;
+                        width: string | unknown[];
                         maxWidth: string | number;
-                        animate: boolean;
                         rows: string | number;
                         minWidth: string | number;
                         randomWidth: boolean;
@@ -2078,6 +2218,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             };
                         }>, {}, {
                             SKELETON_HEADING_HEIGHTS: {
+                                200: string;
+                                300: string;
+                                400: string;
                                 sm: string;
                                 md: string;
                                 lg: string;
@@ -2125,9 +2268,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             type: string;
                             offset: number;
                             animationDuration: number;
-                            width: string;
-                            contentClass: string;
                             animate: boolean;
+                            contentClass: string;
+                            width: string;
                             headingHeight: string;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -2228,10 +2371,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {
                     offset: number;
                     animationDuration: number;
-                    width: string | unknown[];
+                    animate: boolean;
                     contentClass: string;
+                    width: string | unknown[];
                     maxWidth: string | number;
-                    animate: boolean;
                     rows: string | number;
                     minWidth: string | number;
                     randomWidth: boolean;
@@ -2270,6 +2413,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         };
                     }>, {}, {
                         SKELETON_HEADING_HEIGHTS: {
+                            200: string;
+                            300: string;
+                            400: string;
                             sm: string;
                             md: string;
                             lg: string;
@@ -2317,9 +2463,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: string;
                         offset: number;
                         animationDuration: number;
-                        width: string;
-                        contentClass: string;
                         animate: boolean;
+                        contentClass: string;
+                        width: string;
                         headingHeight: string;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;