@bethinkpl/design-system 44.0.0 → 45.0.0

package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts

@@ -450,9 +450,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     type: string;
     touchableDeprecated: boolean;
     color: string;
+    elevation: string;
     radius: string;
     state: string;
-    elevation: string;
     colorScheme: string;
 }, {}, {
     WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

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

@@ -0,0 +1,32 @@
+import { Value } from '../../utils/type.utils';
+import { FeatureIconColor } from '../Icons/FeatureIcon/FeatureIcon.consts';
+import { TextGroupMainTextColor } from '../TextGroup/TextGroup.consts';
+
+export declare const CALLOUT_LAYOUTS: {
+    readonly VERTICAL: "vertical";
+    readonly HORIZONTAL: "horizontal";
+};
+export type CalloutLayout = Value<typeof CALLOUT_LAYOUTS>;
+export declare const CALLOUT_SIZES: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};
+export type CalloutSize = Value<typeof CALLOUT_SIZES>;
+export declare const CALLOUT_ICON_COLORS: {
+    readonly DANGER: "danger";
+    readonly INFO: "info";
+    readonly NEUTRAL: "neutral";
+    readonly NEUTRAL_WEAK: "neutralWeak";
+    readonly PRIMARY: "primary";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly FAIL: "fail";
+    readonly ACCENT: "accent";
+};
+export type CalloutIconColor = FeatureIconColor;
+export declare const CALLOUT_MAIN_TEXT_COLORS: {
+    readonly NEUTRAL: "neutral";
+    readonly PRIMARY: "primary";
+};
+export type CalloutMainTextColor = TextGroupMainTextColor;

package/dist/lib/js/components/{ActionContent/ActionContent.vue.d.ts → Callout/Callout.vue.d.ts}

@@ -1,4 +1,5 @@
 import { IconItem } from '../Icons/Icon';
+import { CalloutIconColor, CalloutLayout, CalloutMainTextColor, CalloutSize } from './Callout.consts';
 
 declare function __VLS_template(): Readonly<{
     actions?: () => any;
@@ -6,23 +7,33 @@ declare function __VLS_template(): Readonly<{
     actions?: () => any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    icon?: IconItem | null;
+    icon: IconItem;
+    layout?: CalloutLayout;
+    size?: CalloutSize;
+    iconColor?: CalloutIconColor;
+    eyebrowText?: string | null;
     mainText?: string | null;
     supportingText?: string | null;
-    buttonLabel?: string;
+    mainTextColor?: CalloutMainTextColor;
+    buttonLabel?: string | null;
     buttonIcon?: IconItem | null;
     isActionVertical?: boolean;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "button-clicked": () => void;
+    "button-clicked": (e: Event) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    icon?: IconItem | null;
+    icon: IconItem;
+    layout?: CalloutLayout;
+    size?: CalloutSize;
+    iconColor?: CalloutIconColor;
+    eyebrowText?: string | null;
     mainText?: string | null;
     supportingText?: string | null;
-    buttonLabel?: string;
+    mainTextColor?: CalloutMainTextColor;
+    buttonLabel?: string | null;
     buttonIcon?: IconItem | null;
     isActionVertical?: boolean;
 }>>> & Readonly<{
-    "onButton-clicked"?: (() => any) | undefined;
+    "onButton-clicked"?: ((e: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/lib/js/components/Callout/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Callout } from './Callout.vue';
+
+export default Callout;
+export * from './Callout.consts';

package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts

@@ -405,9 +405,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     color: string;
-    isInteractive: boolean;
     state: string;
     isOpen: boolean;
+    isInteractive: boolean;
     placeholder: string;
     startDate: Date;
     endDate: Date;

package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts

@@ -580,7 +580,7 @@ declare const _default: import('vue').DefineComponent<{
         readonly ICON_RIGHT_ONLY: "iconRightOnly";
     };
 }, {}, {
-    borderColor(): "danger" | "neutralWeak" | "primary" | "warning" | "dangerWeak" | "warningWeak";
+    borderColor(): "primary" | "danger" | "neutralWeak" | "warning" | "dangerWeak" | "warningWeak";
     resolvedPlaceholder(): any;
     eyebrowText(): string;
     text(): any;
@@ -611,10 +611,10 @@ declare const _default: import('vue').DefineComponent<{
     icon: any;
     label: string;
     color: string;
-    isInteractive: boolean;
     state: string;
     isIconHiddenOnMobile: boolean;
     date: Date;
+    isInteractive: boolean;
     isLabelUppercase: boolean;
     placeholder: string;
     additionalText: string;
@@ -755,11 +755,11 @@ declare const _default: import('vue').DefineComponent<{
         };
     }>> & Readonly<{}>, {
         color: TileColor;
-        eyebrowText: string;
-        isEyebrowTextUppercase: boolean;
         state: TileState;
         iconLeft: Record<string, any>;
         iconRight: Record<string, any>;
+        eyebrowText: string;
+        isEyebrowTextUppercase: boolean;
         interactive: boolean;
         additionalText: string;
         eyebrowEllipsis: boolean;
@@ -1172,9 +1172,9 @@ declare const _default: import('vue').DefineComponent<{
         };
     }>> & Readonly<{}>, {
         color: string;
-        isInteractive: boolean;
         state: string;
         isOpen: boolean;
+        isInteractive: boolean;
         placeholder: string;
         startDate: Date;
         endDate: Date;

package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts

@@ -597,8 +597,8 @@ declare const _default: import('vue').DefineComponent<{
     }) => any) | undefined;
 }>, {
     color: string;
-    isInteractive: boolean;
     state: string;
+    isInteractive: boolean;
     placeholder: string;
     startDate: Date;
     endDate: Date;
@@ -1016,9 +1016,9 @@ declare const _default: import('vue').DefineComponent<{
         };
     }>> & Readonly<{}>, {
         color: string;
-        isInteractive: boolean;
         state: string;
         isOpen: boolean;
+        isInteractive: boolean;
         placeholder: string;
         startDate: Date;
         endDate: Date;

package/dist/lib/js/components/Divider/Divider.vue.d.ts

@@ -38,7 +38,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     size: string;
-    prominence: string;
     isVertical: boolean;
+    prominence: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -64,8 +64,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         size: string;
-        prominence: string;
         isVertical: boolean;
+        prominence: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -439,10 +439,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     info: boolean;
     size: string;
     title: string;
-    supportingText: string;
     iconLeft: any;
     iconRight: any;
     isExpanded: boolean;
+    supportingText: string;
     titleEllipsis: boolean;
     hasDivider: boolean;
     isExpandable: boolean;
@@ -919,10 +919,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {
         info: boolean;
         size: string;
-        supportingText: string;
         iconLeft: any;
         iconRight: any;
         isExpanded: boolean;
+        supportingText: string;
         titleEllipsis: boolean;
         hasDivider: boolean;
         isExpandable: boolean;
@@ -1455,9 +1455,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: string;
             touchableDeprecated: boolean;
             color: string;
+            elevation: string;
             radius: string;
             state: string;
-            elevation: string;
             colorScheme: string;
         }, {}, {
             WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1665,8 +1665,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>> & Readonly<{}>, {
             size: string;
-            prominence: string;
             isVertical: boolean;
+            prominence: string;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -130,11 +130,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onClick?: (() => any) | undefined;
 }>, {
     color: import('../../Tile').TileColor;
-    eyebrowText: string;
-    isEyebrowTextUppercase: boolean;
     state: import('../../Tile').TileState;
     iconLeft: Record<string, any>;
     iconRight: Record<string, any>;
+    eyebrowText: string;
+    isEyebrowTextUppercase: boolean;
     interactive: boolean;
     additionalText: string;
     eyebrowEllipsis: boolean;
@@ -271,11 +271,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         color: import('../../Tile').TileColor;
-        eyebrowText: string;
-        isEyebrowTextUppercase: boolean;
         state: import('../../Tile').TileState;
         iconLeft: Record<string, any>;
         iconRight: Record<string, any>;
+        eyebrowText: string;
+        isEyebrowTextUppercase: boolean;
         interactive: boolean;
         additionalText: string;
         eyebrowEllipsis: boolean;

package/dist/lib/js/components/Dropdown/Dropdown.vue.d.ts

@@ -85,8 +85,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onHide?: ((...args: any[]) => any) | undefined;
     "onDocument-click"?: ((...args: any[]) => any) | undefined;
 }>, {
-    radius: string;
     placement: string;
+    radius: string;
     boundariesSelector: string;
     forceShow: boolean;
     sameWidth: boolean;

package/dist/lib/js/components/Form/FormField/FormField.utils.d.ts

@@ -2,7 +2,7 @@ import { FormFieldProps } from './FormField.types';
 
 export declare function extractFormFieldProps({ label, state, hasRequiredIndicator, labelInfo, subLabel, fieldId, messageText, }: FormFieldProps, errors?: Array<string>): {
     label: string | undefined;
-    state: "default" | "success" | "error" | "disabled" | undefined;
+    state: "success" | "default" | "error" | "disabled" | undefined;
     hasRequiredIndicator: boolean | undefined;
     labelInfo: string | undefined;
     subLabel: string | undefined;

package/dist/lib/js/components/Form/InputField/InputField.vue.d.ts

@@ -18,7 +18,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     state: {
-        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+        type: import('vue').PropType<"success" | "default" | "error" | "disabled">;
     };
     hasRequiredIndicator: {
         type: import('vue').PropType<boolean>;
@@ -51,7 +51,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     state: {
-        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+        type: import('vue').PropType<"success" | "default" | "error" | "disabled">;
     };
     hasRequiredIndicator: {
         type: import('vue').PropType<boolean>;

package/dist/lib/js/components/Form/PasswordField/PasswordField.vue.d.ts

@@ -11,7 +11,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     state: {
-        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+        type: import('vue').PropType<"success" | "default" | "error" | "disabled">;
     };
     hasRequiredIndicator: {
         type: import('vue').PropType<boolean>;
@@ -43,7 +43,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     state: {
-        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+        type: import('vue').PropType<"success" | "default" | "error" | "disabled">;
     };
     hasRequiredIndicator: {
         type: import('vue').PropType<boolean>;

package/dist/lib/js/components/Form/SelectField/SelectField.vue.d.ts

@@ -30,7 +30,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     state: {
-        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+        type: import('vue').PropType<"success" | "default" | "error" | "disabled">;
     };
     hasRequiredIndicator: {
         type: import('vue').PropType<boolean>;
@@ -78,7 +78,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     state: {
-        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+        type: import('vue').PropType<"success" | "default" | "error" | "disabled">;
     };
     hasRequiredIndicator: {
         type: import('vue').PropType<boolean>;

package/dist/lib/js/components/Form/TextAreaField/TextAreaField.vue.d.ts

@@ -17,7 +17,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     state: {
-        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+        type: import('vue').PropType<"success" | "default" | "error" | "disabled">;
     };
     hasRequiredIndicator: {
         type: import('vue').PropType<boolean>;
@@ -49,7 +49,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     state: {
-        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+        type: import('vue').PropType<"success" | "default" | "error" | "disabled">;
     };
     hasRequiredIndicator: {
         type: import('vue').PropType<boolean>;

package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts

@@ -428,8 +428,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onClose?: (() => any) | undefined;
     onTitleClick?: (() => any) | undefined;
 }>, {
-    eyebrowText: string;
     state: string;
+    eyebrowText: string;
     borderColor: string;
     shortTitle: string;
     isTitleInteractive: boolean;
@@ -884,9 +884,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: string;
         touchableDeprecated: boolean;
         color: string;
+        elevation: string;
         radius: string;
         state: string;
-        elevation: string;
         colorScheme: string;
     }, {}, {
         WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1094,8 +1094,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         size: string;
-        prominence: string;
         isVertical: boolean;
+        prominence: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DsDropdown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         boundariesSelector: {
@@ -1182,8 +1182,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onHide?: ((...args: any[]) => any) | undefined;
         "onDocument-click"?: ((...args: any[]) => any) | undefined;
     }>, {
-        radius: string;
         placement: string;
+        radius: string;
         boundariesSelector: string;
         forceShow: boolean;
         sameWidth: boolean;
@@ -1228,8 +1228,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
     }>> & Readonly<{}>, {
-        height: string;
         radius: string;
+        height: string;
         width: string;
     }, {}, {
         PrimeSkeleton: import('@primevue/core').DefineComponent<import('primevue/skeleton').SkeletonProps, import('primevue/skeleton').SkeletonSlots, (e: string, ...args: any[]) => void>;

package/dist/lib/js/components/Headers/PageHeader/PageHeader.vue.d.ts

@@ -86,8 +86,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         size: string;
-        prominence: string;
         isVertical: boolean;
+        prominence: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts

@@ -470,10 +470,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     info: boolean;
     size: string;
-    supportingText: string;
     iconLeft: any;
     iconRight: any;
     isExpanded: boolean;
+    supportingText: string;
     titleEllipsis: boolean;
     hasDivider: boolean;
     isExpandable: boolean;
@@ -1006,9 +1006,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: string;
         touchableDeprecated: boolean;
         color: string;
+        elevation: string;
         radius: string;
         state: string;
-        elevation: string;
         colorScheme: string;
     }, {}, {
         WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1216,8 +1216,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         size: string;
-        prominence: string;
         isVertical: boolean;
+        prominence: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/IconText/IconText.vue.d.ts

@@ -96,8 +96,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     size: string;
     color: string;
-    isInteractive: boolean;
     state: string;
+    isInteractive: boolean;
     isLabelBold: boolean;
 }, {}, {
     Icon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/lib/js/components/Image/Image.vue.d.ts

@@ -75,8 +75,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
     }>> & Readonly<{}>, {
-        height: string;
         radius: string;
+        height: string;
         width: string;
     }, {}, {
         PrimeSkeleton: import('@primevue/core').DefineComponent<import('primevue/skeleton').SkeletonProps, import('primevue/skeleton').SkeletonSlots, (e: string, ...args: any[]) => void>;

package/dist/lib/js/components/Menu/MenuDivider/MenuDivider.vue.d.ts

@@ -64,8 +64,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         size: string;
-        prominence: string;
         isVertical: boolean;
+        prominence: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts

@@ -441,7 +441,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }, {}, {
     calcHeaderFeatureIconColor(): any;
-    calcFooterPrimaryButtonColor(): "neutral" | "primary";
+    calcFooterPrimaryButtonColor(): "primary" | "neutral";
     calcFooterSecondaryButtonColor(): "danger" | "neutral";
     calcSingleColumn(): boolean;
     displayFooter(): any;
@@ -1137,9 +1137,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: string;
         touchableDeprecated: boolean;
         color: string;
+        elevation: string;
         radius: string;
         state: string;
-        elevation: string;
         colorScheme: string;
     }, {}, {
         WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts

@@ -576,7 +576,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }, {}, {
         calcHeaderFeatureIconColor(): any;
-        calcFooterPrimaryButtonColor(): "neutral" | "primary";
+        calcFooterPrimaryButtonColor(): "primary" | "neutral";
         calcFooterSecondaryButtonColor(): "danger" | "neutral";
         calcSingleColumn(): boolean;
         displayFooter(): any;
@@ -1272,9 +1272,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: string;
             touchableDeprecated: boolean;
             color: string;
+            elevation: string;
             radius: string;
             state: string;
-            elevation: string;
             colorScheme: string;
         }, {}, {
             WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/lib/js/components/Pagination/Pagination.vue.d.ts

@@ -857,9 +857,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: string;
         touchableDeprecated: boolean;
         color: string;
+        elevation: string;
         radius: string;
         state: string;
-        elevation: string;
         colorScheme: string;
     }, {}, {
         WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1112,8 +1112,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onHide?: ((...args: any[]) => any) | undefined;
         "onDocument-click"?: ((...args: any[]) => any) | undefined;
     }>, {
-        radius: string;
         placement: string;
+        radius: string;
         boundariesSelector: string;
         forceShow: boolean;
         sameWidth: boolean;

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

@@ -263,14 +263,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     size: RichListItemSize;
     type: RichListItemType;
     text: string;
+    elevation: "small";
+    backgroundColor: RichListItemBackgroundColor;
+    state: RichListItemState;
+    iconColor: string;
     supportingText: string;
     supportingTextEllipsis: boolean;
     isInteractive: boolean;
-    state: RichListItemState;
     isSupportingTextTooltipEnabled: boolean;
-    elevation: "small";
-    backgroundColor: RichListItemBackgroundColor;
-    iconColor: string;
     layout: RichListItemLayout;
     eyebrowEllipsis: boolean;
     textEllipsis: boolean;
@@ -989,11 +989,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         icon: any;
         size: RichListItemSize;
         type: RichListItemType;
-        isInteractive: boolean;
-        state: RichListItemState;
         elevation: "small";
         backgroundColor: RichListItemBackgroundColor;
+        state: RichListItemState;
         iconColor: string;
+        isInteractive: boolean;
         layout: RichListItemLayout;
         borderColor: RichListItemBorderColor;
         isSelected: boolean;
@@ -1107,8 +1107,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>> & Readonly<{}>, {
             size: string;
-            prominence: string;
             isVertical: boolean;
+            prominence: string;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {

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

@@ -513,11 +513,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     icon: any;
     size: RichListItemSize;
     type: RichListItemType;
-    isInteractive: boolean;
-    state: RichListItemState;
     elevation: "small";
     backgroundColor: RichListItemBackgroundColor;
+    state: RichListItemState;
     iconColor: string;
+    isInteractive: boolean;
     layout: RichListItemLayout;
     borderColor: RichListItemBorderColor;
     isSelected: boolean;
@@ -631,8 +631,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         size: string;
-        prominence: string;
         isVertical: boolean;
+        prominence: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         icon: {

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

@@ -39,8 +39,8 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         };
     }>> & Readonly<{}>, {
         size: string;
-        prominence: string;
         isVertical: boolean;
+        prominence: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/Skeleton/Skeleton.vue.d.ts

@@ -37,8 +37,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
-    height: string;
     radius: string;
+    height: string;
     width: string;
 }, {}, {
     PrimeSkeleton: import('@primevue/core').DefineComponent<import('primevue/skeleton').SkeletonProps, import('primevue/skeleton').SkeletonSlots, (e: string, ...args: any[]) => void>;