@bethinkpl/design-system 40.0.1 → 41.0.0

package/dist/lib/js/components/Cards/Card/Card.consts.d.ts

@@ -24,6 +24,7 @@ export declare const CARD_RIBBON_COLORS: {
 };
 export type CardRibbonColors = Value<typeof CARD_RIBBON_COLORS>;
 export declare const CARD_RIBBON_SIZES: {
+    readonly X_SMALL: "x-small";
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
     readonly LARGE: "large";

package/dist/lib/js/components/Cards/Card/Card.vue.d.ts

@@ -1,4 +1,3 @@
-import { RemovedProp } from '../../../utils/type.utils';
 import { LoadingBarColors } from '../../LoadingBar';
 import { CardBackgroundColor, CardRibbonColors, CardRibbonPositions, CardRibbonSizes, CardPaddingSize } from './Card.consts';
 
@@ -29,10 +28,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     loadingBarTime?: string;
     isFlat?: boolean;
     isContentScrollable?: boolean;
-    hasBorder?: RemovedProp<"renamed to hasRibbon">;
-    borderPosition?: RemovedProp<"renamed to ribbonPosition">;
-    borderSize?: RemovedProp<"renamed to ribbonSize">;
-    borderColor?: RemovedProp<"renamed to ribbonColor">;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     contentHasPadding?: boolean;
     headerHasPadding?: boolean;
@@ -51,10 +46,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     loadingBarTime?: string;
     isFlat?: boolean;
     isContentScrollable?: boolean;
-    hasBorder?: RemovedProp<"renamed to hasRibbon">;
-    borderPosition?: RemovedProp<"renamed to ribbonPosition">;
-    borderSize?: RemovedProp<"renamed to ribbonSize">;
-    borderColor?: RemovedProp<"renamed to ribbonColor">;
 }>>> & Readonly<{}>, {}, {}, {}, {}, 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/Cards/CardExpandable/CardExpandable.vue.d.ts

@@ -413,18 +413,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             isContentScrollable: {
                 type: import('vue').PropType<boolean>;
             };
-            hasBorder: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
-            };
-            borderPosition: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
-            };
-            borderSize: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
-            };
-            borderColor: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
-            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -484,18 +472,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             isContentScrollable: {
                 type: import('vue').PropType<boolean>;
             };
-            hasBorder: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
-            };
-            borderPosition: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
-            };
-            borderSize: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
-            };
-            borderColor: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
-            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -552,18 +528,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         isContentScrollable: {
             type: import('vue').PropType<boolean>;
         };
-        hasBorder: {
-            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
-        };
-        borderPosition: {
-            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
-        };
-        borderSize: {
-            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
-        };
-        borderColor: {
-            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
-        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<{
             header?: () => any;

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

@@ -1,6 +1,7 @@
 import { Value } from '../../utils/type.utils';
 
 export declare const CONTAINER_RIBBON_SIZES: {
+    readonly X_SMALL: "x-small";
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
     readonly LARGE: "large";

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

@@ -760,11 +760,11 @@ declare const _default: import('vue').DefineComponent<{
         state: TileState;
         iconLeft: Record<string, any>;
         iconRight: Record<string, any>;
-        borderColor: import('../../Tile').TileBorderColors;
         interactive: boolean;
         additionalText: string;
         eyebrowEllipsis: boolean;
         textEllipsis: boolean;
+        borderColor: import('../../Tile').TileBorderColors;
         additionalTextMaxWidth: import('../../Tile').TileAdditionalTextMaxWidth;
         compactLayout: import('../../Tile').TileCompactLayout;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -135,11 +135,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     state: import('../../Tile').TileState;
     iconLeft: Record<string, any>;
     iconRight: Record<string, any>;
-    borderColor: import('../../Tile').TileBorderColors;
     interactive: boolean;
     additionalText: string;
     eyebrowEllipsis: boolean;
     textEllipsis: boolean;
+    borderColor: import('../../Tile').TileBorderColors;
     additionalTextMaxWidth: import('../../Tile').TileAdditionalTextMaxWidth;
     compactLayout: import('../../Tile').TileCompactLayout;
 }, {}, {
@@ -276,11 +276,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         state: import('../../Tile').TileState;
         iconLeft: Record<string, any>;
         iconRight: Record<string, any>;
-        borderColor: import('../../Tile').TileBorderColors;
         interactive: boolean;
         additionalText: string;
         eyebrowEllipsis: boolean;
         textEllipsis: boolean;
+        borderColor: import('../../Tile').TileBorderColors;
         additionalTextMaxWidth: import('../../Tile').TileAdditionalTextMaxWidth;
         compactLayout: import('../../Tile').TileCompactLayout;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/lib/js/components/LabelValue/LabelValueItem/LabelValueItem.consts.d.ts

@@ -0,0 +1,17 @@
+import { Value } from '../../../utils/type.utils';
+
+export declare const LABEL_VALUE_ITEM_STATES: {
+    readonly DEFAULT: "default";
+    readonly LOADING: "loading";
+};
+export declare const LABEL_VALUE_ITEM_SIZES: {
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};
+export declare const LABEL_VALUE_ITEM_VALUE_COLORS: {
+    readonly NEUTRAL: "neutral";
+    readonly PRIMARY: "primary";
+};
+export type LabelValueItemState = Value<typeof LABEL_VALUE_ITEM_STATES>;
+export type LabelValueItemSize = Value<typeof LABEL_VALUE_ITEM_SIZES>;
+export type LabelValueItemValueColor = Value<typeof LABEL_VALUE_ITEM_VALUE_COLORS>;

package/dist/lib/js/components/LabelValue/LabelValueItem/LabelValueItem.vue.d.ts

@@ -0,0 +1,27 @@
+import { LabelValueItemSize, LabelValueItemState, LabelValueItemValueColor } from './LabelValueItem.consts';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    state?: LabelValueItemState;
+    label: string;
+    valueText: string;
+    size?: LabelValueItemSize;
+    isLabelStrong?: boolean;
+    valueColor?: LabelValueItemValueColor;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    state?: LabelValueItemState;
+    label: string;
+    valueText: string;
+    size?: LabelValueItemSize;
+    isLabelStrong?: boolean;
+    valueColor?: LabelValueItemValueColor;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/lib/js/components/LabelValue/LabelValueItemGroup/LabelValueItemGroup.vue.d.ts

@@ -0,0 +1,13 @@
+declare function __VLS_template(): Readonly<{
+    default?: () => any;
+}> & {
+    default?: () => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1176,8 +1176,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<import('../..').SelectListItemState>;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            accessory?(_: {}): any;
+        $slots: Readonly<{
+            accessory?: () => any;
+            metadata?: () => any;
+        }> & {
+            accessory?: () => any;
+            metadata?: () => any;
         };
     });
     SelectList: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -268,15 +268,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isInteractive: boolean;
     state: RichListItemState;
     isSupportingTextTooltipEnabled: boolean;
-    isSelected: boolean;
     elevation: "small";
     backgroundColor: RichListItemBackgroundColor;
     iconColor: string;
     layout: RichListItemLayout;
-    borderColor: RichListItemBorderColor;
     eyebrowEllipsis: boolean;
     textEllipsis: boolean;
+    borderColor: RichListItemBorderColor;
     eyebrow: string;
+    isSelected: boolean;
     isDimmed: boolean;
     isDraggable: boolean;
     iconColorHex: string;
@@ -346,9 +346,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             supportingTextTooltipContent: {
                 type: PropType<string>;
             };
-            isSelected: {
-                type: PropType<import('../../../utils/type.utils').RemovedProp<"use mainTextColor=primary instead">>;
-            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -414,9 +411,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             supportingTextTooltipContent: {
                 type: PropType<string>;
             };
-            isSelected: {
-                type: PropType<import('../../../utils/type.utils').RemovedProp<"use mainTextColor=primary instead">>;
-            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -479,9 +473,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         supportingTextTooltipContent: {
             type: PropType<string>;
         };
-        isSelected: {
-            type: PropType<import('../../../utils/type.utils').RemovedProp<"use mainTextColor=primary instead">>;
-        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             mainText?(_: {}): any;
@@ -995,12 +986,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: RichListItemType;
         isInteractive: boolean;
         state: RichListItemState;
-        isSelected: boolean;
         elevation: "small";
         backgroundColor: RichListItemBackgroundColor;
         iconColor: string;
         layout: RichListItemLayout;
         borderColor: RichListItemBorderColor;
+        isSelected: boolean;
         isDimmed: boolean;
         isDraggable: boolean;
         iconColorHex: string;

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

@@ -510,12 +510,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     type: RichListItemType;
     isInteractive: boolean;
     state: RichListItemState;
-    isSelected: boolean;
     elevation: "small";
     backgroundColor: RichListItemBackgroundColor;
     iconColor: string;
     layout: RichListItemLayout;
     borderColor: RichListItemBorderColor;
+    isSelected: boolean;
     isDimmed: boolean;
     isDraggable: boolean;
     iconColorHex: string;

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

@@ -1,8 +1,12 @@
 import { SelectListItemSelectionMode, SelectListItemSize, SelectListItemState } from './SelectListItem.consts';
 import { IconItem } from '../../Icons/Icon';
 
-declare function __VLS_template(): {
-    accessory?(_: {}): any;
+declare function __VLS_template(): Readonly<{
+    accessory?: () => any;
+    metadata?: () => any;
+}> & {
+    accessory?: () => any;
+    metadata?: () => any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     iconLeft?: IconItem | null;

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

@@ -173,8 +173,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: PropType<SelectListItemState>;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            accessory?(_: {}): any;
+        $slots: Readonly<{
+            accessory?: () => any;
+            metadata?: () => any;
+        }> & {
+            accessory?: () => any;
+            metadata?: () => any;
         };
     });
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,23 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    title?: string;
+    counterLabel?: string;
+    hasCounterValue?: boolean;
+    totalSteps: number;
+    currentStep: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    title?: string;
+    counterLabel?: string;
+    hasCounterValue?: boolean;
+    totalSteps: number;
+    currentStep: number;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,3 @@
+import { default as Stepper } from './Stepper.vue';
+
+export default Stepper;

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

@@ -540,18 +540,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             isContentScrollable: {
                 type: import('vue').PropType<boolean>;
             };
-            hasBorder: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
-            };
-            borderPosition: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
-            };
-            borderSize: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
-            };
-            borderColor: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
-            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -611,18 +599,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             isContentScrollable: {
                 type: import('vue').PropType<boolean>;
             };
-            hasBorder: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
-            };
-            borderPosition: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
-            };
-            borderSize: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
-            };
-            borderColor: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
-            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -679,18 +655,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         isContentScrollable: {
             type: import('vue').PropType<boolean>;
         };
-        hasBorder: {
-            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
-        };
-        borderPosition: {
-            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
-        };
-        borderSize: {
-            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
-        };
-        borderColor: {
-            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
-        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<{
             header?: () => any;

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

@@ -512,18 +512,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             isContentScrollable: {
                 type: import('vue').PropType<boolean>;
             };
-            hasBorder: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
-            };
-            borderPosition: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
-            };
-            borderSize: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
-            };
-            borderColor: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
-            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -583,18 +571,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             isContentScrollable: {
                 type: import('vue').PropType<boolean>;
             };
-            hasBorder: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
-            };
-            borderPosition: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
-            };
-            borderSize: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
-            };
-            borderColor: {
-                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
-            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -651,18 +627,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         isContentScrollable: {
             type: import('vue').PropType<boolean>;
         };
-        hasBorder: {
-            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
-        };
-        borderPosition: {
-            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
-        };
-        borderSize: {
-            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
-        };
-        borderColor: {
-            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
-        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<{
             header?: () => any;

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

@@ -1,5 +1,4 @@
 import { TextGroupAlign, TextGroupMainTextColor, TextGroupProminence, TextGroupLoadingSize, TextGroupSize, TextGroupState } from './TextGroup.consts';
-import { RemovedProp } from '../../utils/type.utils';
 
 declare function __VLS_template(): {
     mainText?(_: {}): any;
@@ -24,7 +23,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     isSupportingTextTooltipEnabledOnMobile?: boolean;
     isSupportingTextTooltipAutoFilledWithContent?: boolean;
     supportingTextTooltipContent?: string;
-    isSelected?: RemovedProp<"use mainTextColor=primary instead">;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     size?: TextGroupSize;
     align?: TextGroupAlign;
@@ -45,7 +43,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     isSupportingTextTooltipEnabledOnMobile?: boolean;
     isSupportingTextTooltipAutoFilledWithContent?: boolean;
     supportingTextTooltipContent?: string;
-    isSelected?: RemovedProp<"use mainTextColor=primary instead">;
 }>>> & Readonly<{}>, {}, {}, {}, {}, 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/Tile/Tile.vue.d.ts

@@ -131,11 +131,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     state: import('./Tile.consts').TileState;
     iconLeft: Record<string, any>;
     iconRight: Record<string, any>;
-    borderColor: import('./Tile.consts').TileBorderColors;
     interactive: boolean;
     additionalText: string;
     eyebrowEllipsis: boolean;
     textEllipsis: boolean;
+    borderColor: import('./Tile.consts').TileBorderColors;
     additionalTextMaxWidth: import('./Tile.consts').TileAdditionalTextMaxWidth;
     compactLayout: import('./Tile.consts').TileCompactLayout;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -289,18 +289,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             isContentScrollable: {
                 type: PropType<boolean>;
             };
-            hasBorder: {
-                type: PropType<import('../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
-            };
-            borderPosition: {
-                type: PropType<import('../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
-            };
-            borderSize: {
-                type: PropType<import('../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
-            };
-            borderColor: {
-                type: PropType<import('../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
-            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -360,18 +348,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             isContentScrollable: {
                 type: PropType<boolean>;
             };
-            hasBorder: {
-                type: PropType<import('../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
-            };
-            borderPosition: {
-                type: PropType<import('../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
-            };
-            borderSize: {
-                type: PropType<import('../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
-            };
-            borderColor: {
-                type: PropType<import('../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
-            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -428,18 +404,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         isContentScrollable: {
             type: PropType<boolean>;
         };
-        hasBorder: {
-            type: PropType<import('../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
-        };
-        borderPosition: {
-            type: PropType<import('../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
-        };
-        borderSize: {
-            type: PropType<import('../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
-        };
-        borderColor: {
-            type: PropType<import('../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
-        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<{
             header?: () => any;

package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts

@@ -430,10 +430,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     radius: ToggleButtonRadius;
     isInteractive: boolean;
     state: ToggleButtonState;
-    isSelected: boolean;
     iconLeft: any;
     iconRight: any;
     isLabelUppercase: boolean;
+    isSelected: boolean;
     hasSmallHorizontalPadding: boolean;
     labelSize: ToggleButtonLabelSize;
 }, {}, {

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

@@ -0,0 +1,17 @@
+declare function __VLS_template(): Readonly<{
+    leading?: () => any;
+    default?: () => any;
+    trailing?: () => any;
+}> & {
+    leading?: () => any;
+    default?: () => any;
+    trailing?: () => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/js/components/TopNav/TopNavBranding/TopNavBranding.vue.d.ts

@@ -0,0 +1,33 @@
+type RouterLocation = string | Record<string, unknown>;
+declare function __VLS_template(): Readonly<{
+    logo?: () => any;
+    accessory?: () => any;
+}> & {
+    logo?: () => any;
+    accessory?: () => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    title: string;
+    href?: string;
+    to?: RouterLocation;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    title: string;
+    href?: string;
+    to?: RouterLocation;
+}>>> & 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> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};