@bethinkpl/design-system 39.1.0 → 40.0.0

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

@@ -0,0 +1,42 @@
+import { IconItem } from '../Icons/Icon';
+
+declare function __VLS_template(): Readonly<{
+    actions?: () => any;
+}> & {
+    actions?: () => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    icon?: IconItem | null;
+    mainText?: string | null;
+    supportingText?: string | null;
+    buttonLabel?: string;
+    buttonIcon?: IconItem | null;
+    isActionVertical?: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "button-clicked": () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    icon?: IconItem | null;
+    mainText?: string | null;
+    supportingText?: string | null;
+    buttonLabel?: string;
+    buttonIcon?: IconItem | null;
+    isActionVertical?: boolean;
+}>>> & Readonly<{
+    "onButton-clicked"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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/ActionContent/index.d.ts

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

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

@@ -58,6 +58,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     ICONS: Readonly<{
         readonly ANSWERS: VueConstructor<Vue>;
         readonly CHANGE: VueConstructor<Vue>;
+        readonly COMMENT_LOCK: VueConstructor<Vue>;
         readonly COMMENTS_CHECK: VueConstructor<Vue>;
         readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
         readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -159,6 +160,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -441,9 +443,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/Cards/Card/Card.consts.d.ts

@@ -5,7 +5,12 @@ export declare const CARD_PADDING_SIZES: {
     readonly LARGE: "large";
 };
 export type CardPaddingSize = Value<typeof CARD_PADDING_SIZES>;
-export declare const CARD_BORDER_COLORS: {
+export declare const CARD_BACKGROUND_COLORS: {
+    readonly DEFAULT: "default";
+    readonly NEUTRAL: "neutral";
+};
+export type CardBackgroundColor = Value<typeof CARD_BACKGROUND_COLORS>;
+export declare const CARD_RIBBON_COLORS: {
     readonly NEUTRAL: "neutral";
     readonly NEUTRAL_HEAVY: "neutral-heavy";
     readonly NEUTRAL_STRONG: "neutral-strong";
@@ -17,21 +22,21 @@ export declare const CARD_BORDER_COLORS: {
     readonly INFO: "info";
     readonly TRANSPARENT: "transparent";
 };
-export type CardBorderColors = Value<typeof CARD_BORDER_COLORS>;
-export declare const CARD_BORDER_SIZES: {
+export type CardRibbonColors = Value<typeof CARD_RIBBON_COLORS>;
+export declare const CARD_RIBBON_SIZES: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
     readonly LARGE: "large";
 };
-export type CardBorderSizes = Value<typeof CARD_BORDER_SIZES>;
-export declare const CARD_BORDER_POSITIONS: {
+export type CardRibbonSizes = Value<typeof CARD_RIBBON_SIZES>;
+export declare const CARD_RIBBON_POSITIONS: {
     readonly TOP: "top";
     readonly LEFT: "left";
 };
-export type CardBorderPositions = Value<typeof CARD_BORDER_POSITIONS>;
-export declare const CARD_BORDER_RADIUS: {
+export type CardRibbonPositions = Value<typeof CARD_RIBBON_POSITIONS>;
+export declare const CARD_RIBBON_RADIUS: {
     readonly NONE: "none";
     readonly RIGHT: "right";
     readonly BOTTOM: "bottom";
 };
-export type CardBorderRadius = Value<typeof CARD_BORDER_RADIUS>;
+export type CardRibbonRadius = Value<typeof CARD_RIBBON_RADIUS>;

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

@@ -1,5 +1,6 @@
+import { RemovedProp } from '../../../utils/type.utils';
 import { LoadingBarColors } from '../../LoadingBar';
-import { CardBorderColors, CardBorderPositions, CardBorderSizes, CardPaddingSize } from './Card.consts';
+import { CardBackgroundColor, CardRibbonColors, CardRibbonPositions, CardRibbonSizes, CardPaddingSize } from './Card.consts';
 
 declare function __VLS_template(): Readonly<{
     header?: () => any;
@@ -16,32 +17,44 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     footerHasPadding?: boolean;
     paddingSize?: CardPaddingSize;
     dividerUnderHeader?: boolean;
-    hasBorder?: boolean;
-    borderPosition?: CardBorderPositions;
-    borderSize?: CardBorderSizes;
-    borderColor?: CardBorderColors;
+    hasRibbon?: boolean;
+    hasRadius?: boolean;
+    backgroundColor?: CardBackgroundColor;
+    ribbonPosition?: CardRibbonPositions;
+    ribbonSize?: CardRibbonSizes;
+    ribbonColor?: CardRibbonColors;
     hasRibbonRadius?: boolean;
     hasLoadingBar?: boolean;
     loadingBarColor?: LoadingBarColors;
     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;
     footerHasPadding?: boolean;
     paddingSize?: CardPaddingSize;
     dividerUnderHeader?: boolean;
-    hasBorder?: boolean;
-    borderPosition?: CardBorderPositions;
-    borderSize?: CardBorderSizes;
-    borderColor?: CardBorderColors;
+    hasRibbon?: boolean;
+    hasRadius?: boolean;
+    backgroundColor?: CardBackgroundColor;
+    ribbonPosition?: CardRibbonPositions;
+    ribbonSize?: CardRibbonSizes;
+    ribbonColor?: CardRibbonColors;
     hasRibbonRadius?: boolean;
     hasLoadingBar?: boolean;
     loadingBarColor?: LoadingBarColors;
     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

@@ -30,6 +30,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     ICONS: Readonly<{
         readonly ANSWERS: VueConstructor<Vue>;
         readonly CHANGE: VueConstructor<Vue>;
+        readonly COMMENT_LOCK: VueConstructor<Vue>;
         readonly COMMENTS_CHECK: VueConstructor<Vue>;
         readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
         readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -131,6 +132,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -374,17 +376,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             dividerUnderHeader: {
                 type: import('vue').PropType<boolean>;
             };
-            hasBorder: {
+            hasRibbon: {
                 type: import('vue').PropType<boolean>;
             };
-            borderPosition: {
-                type: import('vue').PropType<import('../Card/Card.consts').CardBorderPositions>;
+            hasRadius: {
+                type: import('vue').PropType<boolean>;
             };
-            borderSize: {
-                type: import('vue').PropType<import('../Card/Card.consts').CardBorderSizes>;
+            backgroundColor: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardBackgroundColor>;
             };
-            borderColor: {
-                type: import('vue').PropType<import('../Card/Card.consts').CardBorderColors>;
+            ribbonPosition: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardRibbonPositions>;
+            };
+            ribbonSize: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardRibbonSizes>;
+            };
+            ribbonColor: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardRibbonColors>;
             };
             hasRibbonRadius: {
                 type: import('vue').PropType<boolean>;
@@ -404,6 +412,18 @@ 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: {};
@@ -427,17 +447,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             dividerUnderHeader: {
                 type: import('vue').PropType<boolean>;
             };
-            hasBorder: {
+            hasRibbon: {
                 type: import('vue').PropType<boolean>;
             };
-            borderPosition: {
-                type: import('vue').PropType<import('../Card/Card.consts').CardBorderPositions>;
+            hasRadius: {
+                type: import('vue').PropType<boolean>;
             };
-            borderSize: {
-                type: import('vue').PropType<import('../Card/Card.consts').CardBorderSizes>;
+            backgroundColor: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardBackgroundColor>;
             };
-            borderColor: {
-                type: import('vue').PropType<import('../Card/Card.consts').CardBorderColors>;
+            ribbonPosition: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardRibbonPositions>;
+            };
+            ribbonSize: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardRibbonSizes>;
+            };
+            ribbonColor: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardRibbonColors>;
             };
             hasRibbonRadius: {
                 type: import('vue').PropType<boolean>;
@@ -457,6 +483,18 @@ 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;
@@ -477,17 +515,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         dividerUnderHeader: {
             type: import('vue').PropType<boolean>;
         };
-        hasBorder: {
+        hasRibbon: {
             type: import('vue').PropType<boolean>;
         };
-        borderPosition: {
-            type: import('vue').PropType<import('../Card/Card.consts').CardBorderPositions>;
+        hasRadius: {
+            type: import('vue').PropType<boolean>;
         };
-        borderSize: {
-            type: import('vue').PropType<import('../Card/Card.consts').CardBorderSizes>;
+        backgroundColor: {
+            type: import('vue').PropType<import('../Card/Card.consts').CardBackgroundColor>;
         };
-        borderColor: {
-            type: import('vue').PropType<import('../Card/Card.consts').CardBorderColors>;
+        ribbonPosition: {
+            type: import('vue').PropType<import('../Card/Card.consts').CardRibbonPositions>;
+        };
+        ribbonSize: {
+            type: import('vue').PropType<import('../Card/Card.consts').CardRibbonSizes>;
+        };
+        ribbonColor: {
+            type: import('vue').PropType<import('../Card/Card.consts').CardRibbonColors>;
         };
         hasRibbonRadius: {
             type: import('vue').PropType<boolean>;
@@ -507,6 +551,18 @@ 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/Chip/Chip.vue.d.ts

@@ -8,6 +8,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     label?: string | null;
     isLabelUppercase?: boolean;
     leftIcon?: IconItem | null;
+    rightIcon?: IconItem | null;
     radius?: ChipRadius;
     size?: ChipSize;
     color?: ChipColor;
@@ -22,6 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     label?: string | null;
     isLabelUppercase?: boolean;
     leftIcon?: IconItem | null;
+    rightIcon?: IconItem | null;
     radius?: ChipRadius;
     size?: ChipSize;
     color?: ChipColor;

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

@@ -51,6 +51,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     ICONS: Readonly<{
         readonly ANSWERS: VueConstructor<Vue>;
         readonly CHANGE: VueConstructor<Vue>;
+        readonly COMMENT_LOCK: VueConstructor<Vue>;
         readonly COMMENTS_CHECK: VueConstructor<Vue>;
         readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
         readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -152,6 +153,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -397,9 +399,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(): "primary" | "danger" | "neutralWeak" | "warning" | "dangerWeak" | "warningWeak";
+    borderColor(): "danger" | "neutralWeak" | "primary" | "warning" | "dangerWeak" | "warningWeak";
     resolvedPlaceholder(): any;
     eyebrowText(): string;
     text(): any;
@@ -611,11 +611,11 @@ declare const _default: import('vue').DefineComponent<{
     icon: any;
     label: string;
     color: string;
+    isInteractive: boolean;
     state: string;
     isIconHiddenOnMobile: boolean;
     date: Date;
     isLabelUppercase: boolean;
-    isInteractive: boolean;
     placeholder: string;
     additionalText: string;
     triggerType: string;
@@ -755,14 +755,14 @@ declare const _default: import('vue').DefineComponent<{
         };
     }>> & Readonly<{}>, {
         color: TileColor;
+        eyebrowText: string;
+        isEyebrowTextUppercase: boolean;
         state: TileState;
         iconLeft: Record<string, any>;
         iconRight: Record<string, any>;
         borderColor: import('../../Tile').TileBorderColors;
         interactive: boolean;
-        eyebrowText: string;
         additionalText: string;
-        isEyebrowTextUppercase: boolean;
         eyebrowEllipsis: boolean;
         textEllipsis: boolean;
         additionalTextMaxWidth: import('../../Tile').TileAdditionalTextMaxWidth;
@@ -818,6 +818,7 @@ declare const _default: import('vue').DefineComponent<{
         ICONS: Readonly<{
             readonly ANSWERS: VueConstructor<Vue>;
             readonly CHANGE: VueConstructor<Vue>;
+            readonly COMMENT_LOCK: VueConstructor<Vue>;
             readonly COMMENTS_CHECK: VueConstructor<Vue>;
             readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
             readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -919,6 +920,7 @@ declare const _default: import('vue').DefineComponent<{
             readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1164,9 +1166,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;
-    state: string;
     isInteractive: boolean;
+    state: string;
     placeholder: string;
     startDate: Date;
     endDate: Date;
@@ -662,6 +662,7 @@ declare const _default: import('vue').DefineComponent<{
         ICONS: Readonly<{
             readonly ANSWERS: VueConstructor<Vue>;
             readonly CHANGE: VueConstructor<Vue>;
+            readonly COMMENT_LOCK: VueConstructor<Vue>;
             readonly COMMENTS_CHECK: VueConstructor<Vue>;
             readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
             readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -763,6 +764,7 @@ declare const _default: import('vue').DefineComponent<{
             readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1008,9 +1010,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;
-    isVertical: boolean;
     prominence: string;
+    isVertical: boolean;
 }, {}, {}, {}, 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;
-        isVertical: boolean;
         prominence: string;
+        isVertical: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -70,6 +70,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     ICONS: {
         readonly ANSWERS: VueConstructor<Vue>;
         readonly CHANGE: VueConstructor<Vue>;
+        readonly COMMENT_LOCK: VueConstructor<Vue>;
         readonly COMMENTS_CHECK: VueConstructor<Vue>;
         readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
         readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -171,6 +172,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -431,8 +433,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onEyebrowClicked?: ((...args: any[]) => any) | undefined;
 }>, {
     title: string;
-    leftIcon: Record<string, any> | null;
     eyebrowText: string;
+    leftIcon: Record<string, any> | null;
     eyebrowEllipsis: boolean;
     isInteractiveEyebrow: boolean;
     titleEllipsis: boolean;
@@ -572,8 +574,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         size: string;
-        isVertical: boolean;
         prominence: string;
+        isVertical: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     Icon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         icon: {
@@ -706,6 +708,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         ICONS: Readonly<{
             readonly ANSWERS: VueConstructor<Vue>;
             readonly CHANGE: VueConstructor<Vue>;
+            readonly COMMENT_LOCK: VueConstructor<Vue>;
             readonly COMMENTS_CHECK: VueConstructor<Vue>;
             readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
             readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -807,6 +810,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1089,9 +1093,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<{
@@ -1268,6 +1272,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<boolean>;
             };
             leftIcon: import('../../Icons/Icon').IconItem | null;
+            rightIcon: import('../../Icons/Icon').IconItem | null;
             radius: {
                 type: PropType<import('../../Chip').ChipRadius>;
             };
@@ -1310,6 +1315,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<boolean>;
             };
             leftIcon: import('../../Icons/Icon').IconItem | null;
+            rightIcon: import('../../Icons/Icon').IconItem | null;
             radius: {
                 type: PropType<import('../../Chip').ChipRadius>;
             };
@@ -1346,6 +1352,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: PropType<boolean>;
         };
         leftIcon: import('../../Icons/Icon').IconItem | null;
+        rightIcon: import('../../Icons/Icon').IconItem | null;
         radius: {
             type: PropType<import('../../Chip').ChipRadius>;
         };

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

@@ -23,6 +23,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     ICONS: Readonly<{
         readonly ANSWERS: VueConstructor<Vue>;
         readonly CHANGE: VueConstructor<Vue>;
+        readonly COMMENT_LOCK: VueConstructor<Vue>;
         readonly COMMENTS_CHECK: VueConstructor<Vue>;
         readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
         readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -124,6 +125,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;