@bethinkpl/design-system 39.1.0 → 40.0.0

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { IconColor, IconItem } from '../../Icons/Icon';
-import { TextGroupSize, TextGroupState } from '../../TextGroup';
+import { TextGroupMainTextColor, TextGroupSize, TextGroupState } from '../../TextGroup';
 import { RichListItemBackgroundColor, RichListItemBorderColor, RichListItemElevation, RichListItemLayout, RichListItemSize, RichListItemState, RichListItemType } from '../RichListItem';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -135,6 +135,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {
     textGroupSize(): TextGroupSize;
     textGroupState(): TextGroupState;
+    textGroupMainTextColor(): TextGroupMainTextColor;
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:is-selected': (value: boolean) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -262,20 +263,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     size: RichListItemSize;
     type: RichListItemType;
     text: string;
+    supportingText: string;
+    supportingTextEllipsis: boolean;
+    isInteractive: boolean;
+    state: RichListItemState;
+    isSupportingTextTooltipEnabled: boolean;
+    isSelected: boolean;
     elevation: "small";
     backgroundColor: RichListItemBackgroundColor;
-    state: RichListItemState;
     iconColor: string;
     layout: RichListItemLayout;
     borderColor: RichListItemBorderColor;
-    isInteractive: boolean;
     eyebrowEllipsis: boolean;
     textEllipsis: boolean;
     eyebrow: string;
-    supportingText: string;
-    isSelected: boolean;
-    supportingTextEllipsis: boolean;
-    isSupportingTextTooltipEnabled: boolean;
     isDimmed: boolean;
     isDraggable: boolean;
     iconColorHex: string;
@@ -289,7 +290,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     DsTextGroup: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
             size: {
-                type: PropType<string>;
+                type: PropType<TextGroupSize>;
+            };
+            align: {
+                type: PropType<import('../../TextGroup').TextGroupAlign>;
+            };
+            mainTextColor: {
+                type: PropType<TextGroupMainTextColor>;
             };
             prominence: {
                 type: PropType<import('../../TextGroup').TextGroupProminence>;
@@ -324,9 +331,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             skeletonLoadingSize: {
                 type: PropType<string>;
             };
-            isSelected: {
-                type: PropType<boolean>;
-            };
             state: {
                 type: PropType<TextGroupState>;
             };
@@ -342,6 +346,9 @@ 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: {};
@@ -351,7 +358,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             Defaults: {};
         }, Readonly<import('vue').ExtractPropTypes<{
             size: {
-                type: PropType<string>;
+                type: PropType<TextGroupSize>;
+            };
+            align: {
+                type: PropType<import('../../TextGroup').TextGroupAlign>;
+            };
+            mainTextColor: {
+                type: PropType<TextGroupMainTextColor>;
             };
             prominence: {
                 type: PropType<import('../../TextGroup').TextGroupProminence>;
@@ -386,9 +399,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             skeletonLoadingSize: {
                 type: PropType<string>;
             };
-            isSelected: {
-                type: PropType<boolean>;
-            };
             state: {
                 type: PropType<TextGroupState>;
             };
@@ -404,13 +414,22 @@ 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;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
         size: {
-            type: PropType<string>;
+            type: PropType<TextGroupSize>;
+        };
+        align: {
+            type: PropType<import('../../TextGroup').TextGroupAlign>;
+        };
+        mainTextColor: {
+            type: PropType<TextGroupMainTextColor>;
         };
         prominence: {
             type: PropType<import('../../TextGroup').TextGroupProminence>;
@@ -445,9 +464,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         skeletonLoadingSize: {
             type: PropType<string>;
         };
-        isSelected: {
-            type: PropType<boolean>;
-        };
         state: {
             type: PropType<TextGroupState>;
         };
@@ -463,6 +479,9 @@ 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;
@@ -558,6 +577,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>;
@@ -659,6 +679,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;
@@ -971,14 +992,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         icon: any;
         size: RichListItemSize;
         type: RichListItemType;
+        isInteractive: boolean;
+        state: RichListItemState;
+        isSelected: boolean;
         elevation: "small";
         backgroundColor: RichListItemBackgroundColor;
-        state: RichListItemState;
         iconColor: string;
         layout: RichListItemLayout;
         borderColor: RichListItemBorderColor;
-        isInteractive: boolean;
-        isSelected: boolean;
         isDimmed: boolean;
         isDraggable: boolean;
         iconColorHex: string;
@@ -1089,8 +1110,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>;
         DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {

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

@@ -92,6 +92,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>;
@@ -193,6 +194,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;
@@ -505,14 +507,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     icon: any;
     size: RichListItemSize;
     type: RichListItemType;
+    isInteractive: boolean;
+    state: RichListItemState;
+    isSelected: boolean;
     elevation: "small";
     backgroundColor: RichListItemBackgroundColor;
-    state: RichListItemState;
     iconColor: string;
     layout: RichListItemLayout;
     borderColor: RichListItemBorderColor;
-    isInteractive: boolean;
-    isSelected: boolean;
     isDimmed: boolean;
     isDraggable: boolean;
     iconColorHex: string;
@@ -623,8 +625,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>;
     DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         icon: {

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

@@ -39,8 +39,8 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         };
     }>> & Readonly<{}>, {
         size: string;
-        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/Skeleton/Skeleton.vue.d.ts

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

package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts

@@ -9,6 +9,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>;
@@ -110,6 +111,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;

package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts

@@ -9,6 +9,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>;
@@ -110,6 +111,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;

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

@@ -26,6 +26,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>;
@@ -127,6 +128,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;
@@ -501,17 +503,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('../../Cards/Card').CardBorderPositions>;
+            hasRadius: {
+                type: import('vue').PropType<boolean>;
             };
-            borderSize: {
-                type: import('vue').PropType<import('../../Cards/Card').CardBorderSizes>;
+            backgroundColor: {
+                type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
             };
-            borderColor: {
-                type: import('vue').PropType<import('../../Cards/Card').CardBorderColors>;
+            ribbonPosition: {
+                type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
+            };
+            ribbonSize: {
+                type: import('vue').PropType<import('../../Cards/Card').CardRibbonSizes>;
+            };
+            ribbonColor: {
+                type: import('vue').PropType<import('../../Cards/Card').CardRibbonColors>;
             };
             hasRibbonRadius: {
                 type: import('vue').PropType<boolean>;
@@ -531,6 +539,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: {};
@@ -554,17 +574,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('../../Cards/Card').CardBorderPositions>;
+            hasRadius: {
+                type: import('vue').PropType<boolean>;
             };
-            borderSize: {
-                type: import('vue').PropType<import('../../Cards/Card').CardBorderSizes>;
+            backgroundColor: {
+                type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
             };
-            borderColor: {
-                type: import('vue').PropType<import('../../Cards/Card').CardBorderColors>;
+            ribbonPosition: {
+                type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
+            };
+            ribbonSize: {
+                type: import('vue').PropType<import('../../Cards/Card').CardRibbonSizes>;
+            };
+            ribbonColor: {
+                type: import('vue').PropType<import('../../Cards/Card').CardRibbonColors>;
             };
             hasRibbonRadius: {
                 type: import('vue').PropType<boolean>;
@@ -584,6 +610,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;
@@ -604,17 +642,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('../../Cards/Card').CardBorderPositions>;
+        hasRadius: {
+            type: import('vue').PropType<boolean>;
         };
-        borderSize: {
-            type: import('vue').PropType<import('../../Cards/Card').CardBorderSizes>;
+        backgroundColor: {
+            type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
         };
-        borderColor: {
-            type: import('vue').PropType<import('../../Cards/Card').CardBorderColors>;
+        ribbonPosition: {
+            type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
+        };
+        ribbonSize: {
+            type: import('vue').PropType<import('../../Cards/Card').CardRibbonSizes>;
+        };
+        ribbonColor: {
+            type: import('vue').PropType<import('../../Cards/Card').CardRibbonColors>;
         };
         hasRibbonRadius: {
             type: import('vue').PropType<boolean>;
@@ -634,6 +678,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;
@@ -701,6 +757,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>;
@@ -802,6 +859,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;
@@ -1084,9 +1142,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<{
@@ -1267,6 +1325,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>;
@@ -1368,6 +1427,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;