@bethinkpl/design-system 43.0.0 → 45.0.0

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/LabelValue/LabelValueItem/LabelValueItem.vue.d.ts

@@ -1,6 +1,11 @@
 import { LabelValueItemSize, LabelValueItemState, LabelValueItemValueColor } from './LabelValueItem.consts';
 
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+declare function __VLS_template(): Readonly<{
+    accessory?: () => any;
+}> & {
+    accessory?: () => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     state?: LabelValueItemState;
     label: string;
     valueText: string;
@@ -15,6 +20,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isLabelStrong?: boolean;
     valueColor?: LabelValueItemValueColor;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -25,3 +31,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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>;

package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts

@@ -1046,9 +1046,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<{
@@ -1655,7 +1655,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;
@@ -2351,9 +2351,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/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts

@@ -1107,9 +1107,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<{
@@ -1889,7 +1889,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;
@@ -2585,9 +2585,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/Tile/Tile.sb.shared.d.ts

@@ -299,8 +299,8 @@ export declare const data: () => {
         readonly ACCENT: "accent";
     }>;
     allowedColorsToBorderColorsMap: {
-        neutral: ("neutral" | "neutralWeak" | "primary" | "primaryWeak")[];
-        neutralWeak: ("neutral" | "neutralWeak" | "primary" | "primaryWeak")[];
+        neutral: ("primary" | "neutral" | "neutralWeak" | "primaryWeak")[];
+        neutralWeak: ("primary" | "neutral" | "neutralWeak" | "primaryWeak")[];
         primary: ("primary" | "primaryWeak")[];
         success: ("success" | "successWeak")[];
         fail: ("fail" | "failWeak")[];

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

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

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

@@ -3,20 +3,22 @@ import { Value } from '../../utils/type.utils';
 export declare const TOAST_SIZES: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
+    readonly LARGE: "large";
 };
 export type ToastSizes = Value<typeof TOAST_SIZES>;
 export declare const TOAST_COLORS: {
-    NEUTRAL_HEAVY: string;
-    NEUTRAL_STRONG: string;
-    SUCCESS: string;
-    WARNING: string;
-    DANGER: string;
-    INFO: string;
+    readonly NEUTRAL_HEAVY: "neutralHeavy";
+    readonly NEUTRAL_STRONG: "neutralStrong";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly INFO: "info";
 };
 export type ToastColors = Value<typeof TOAST_COLORS>;
 export declare const TOAST_POSITIONS: {
-    LEFT: string;
-    CENTER: string;
-    RIGHT: string;
+    readonly LEFT: "left";
+    readonly CENTER: "center";
+    readonly RIGHT: "right";
+    readonly NONE: "none";
 };
 export type ToastPositions = Value<typeof TOAST_POSITIONS>;