@bethinkpl/design-system 40.1.0 → 41.0.0

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/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;
+    };
+};

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

@@ -0,0 +1 @@
+export declare const TOP_NAV_STORY_LOGO = "\n\t<span style=\"display: inline-flex; height: 24px; width: 31.448px;\">\n\t\t<svg preserveAspectRatio=\"none\" width=\"100%\" height=\"100%\" viewBox=\"0 0 31.4483 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"display: block;\">\n\t\t\t<g clip-path=\"url(#clip0_0_28)\">\n\t\t\t\t<path d=\"M6.79071 8.23154C6.79071 8.64557 7.12449 8.95993 7.51966 8.95993C7.68463 8.95993 7.84193 8.90242 7.96086 8.81041L11.947 11.7278C11.8818 11.8658 11.8435 12.023 11.8435 12.1878C11.8435 12.3527 11.878 12.4984 11.9432 12.6287L7.96853 15.3966C7.84193 15.2969 7.68463 15.2318 7.51582 15.2318C7.10147 15.2318 6.78687 15.5653 6.78687 15.9601C6.78687 16.3742 7.12065 16.6885 7.51582 16.6885C7.91099 16.6885 8.24477 16.355 8.24477 15.9601C8.24477 15.8758 8.22558 15.7876 8.19873 15.7186L12.1657 12.9584C12.3614 13.1539 12.6338 13.2728 12.9215 13.2728C13.5315 13.2728 13.9996 12.7782 13.9996 12.1955C13.9996 11.6128 13.5277 11.0991 12.933 11.0991C12.6491 11.0991 12.3883 11.2179 12.1887 11.402L8.20256 8.48839C8.23709 8.40788 8.2486 8.32354 8.2486 8.23154C8.2486 7.8175 7.91482 7.50314 7.51966 7.50314C7.10531 7.50314 6.79071 7.83667 6.79071 8.23154ZM12.933 11.6856C13.2093 11.6856 13.428 11.9042 13.428 12.1802C13.428 12.4562 13.2093 12.6747 12.933 12.6747C12.6568 12.6747 12.4381 12.4562 12.4381 12.1802C12.4381 11.9042 12.6568 11.6856 12.933 11.6856ZM7.86111 8.24687C7.86111 8.42322 7.70381 8.5804 7.52733 8.5804C7.35085 8.5804 7.19355 8.42322 7.19355 8.24687C7.19355 8.07052 7.35085 7.91334 7.52733 7.91334C7.70381 7.91334 7.86111 8.07052 7.86111 8.24687Z\" fill=\"#101921\"/>\n\t\t\t\t<path d=\"M4.4811 14.9481C4.58916 14.9481 4.67677 14.8605 4.67677 14.7526C4.67677 14.6446 4.58916 14.557 4.4811 14.557C4.37304 14.557 4.28544 14.6446 4.28544 14.7526C4.28544 14.8605 4.37304 14.9481 4.4811 14.9481Z\" fill=\"#101921\"/>\n\t\t\t\t<path d=\"M3.59102 13.499C3.40686 13.499 3.25724 13.6485 3.25724 13.8325C3.25724 14.0165 3.40686 14.166 3.59102 14.166C3.77517 14.166 3.9248 14.0165 3.9248 13.8325C3.9248 13.6485 3.77517 13.499 3.59102 13.499Z\" fill=\"#101921\"/>\n\t\t\t\t<path d=\"M3.8097 12.0843C3.8097 11.7278 3.53347 11.4518 3.17667 11.4518C2.81987 11.4518 2.54364 11.7278 2.54364 12.0843C2.54364 12.4409 2.81987 12.7169 3.17667 12.7169C3.53347 12.7169 3.8097 12.4409 3.8097 12.0843Z\" fill=\"#101921\"/>\n\t\t\t\t<path d=\"M24.3315 5.37931H7.6923C3.44139 5.37931 0 8.34271 0 12C0 15.6573 3.46058 18.6207 7.6923 18.6207H24.3123C28.2486 18.6207 31.4521 15.6343 31.4521 11.9885C31.4521 8.34271 28.2639 5.37931 24.3315 5.37931ZM15.5419 17.5434H7.71148C4.07443 17.5434 1.10493 15.0631 1.10493 12C1.10493 8.93692 4.05141 6.45656 7.71148 6.45656H15.5419V17.5434ZM29.8753 10.6122C29.8561 10.6122 29.8177 10.6237 29.7755 10.6237C29.6566 10.6161 29.5645 10.5509 29.5108 10.4282C28.9852 9.00976 27.7076 7.83284 26.0694 7.29996C25.9198 7.24629 25.8277 7.08144 25.8776 6.93193C25.9313 6.78242 26.0963 6.69041 26.2459 6.74025C28.0337 7.34597 29.4571 8.64557 30.0364 10.225C30.0901 10.3899 30.0172 10.5471 29.8715 10.6122H29.8753Z\" fill=\"#101921\"/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_0_28\">\n\t\t\t\t\t<rect width=\"31.4483\" height=\"24\" fill=\"white\"/>\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t</span>\n";