@bethinkpl/design-system 26.5.0 → 26.7.1

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

@@ -1,4 +1,33 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: null;
+    };
+    contentText: {
+        type: StringConstructor;
+        default: null;
+    };
+    meaning: {
+        type: StringConstructor;
+        default: "primary";
+        validator(meaning: unknown): boolean;
+    };
+    status: {
+        type: StringConstructor;
+        default: "default";
+        validator(status: unknown): boolean;
+    };
+    state: {
+        type: StringConstructor;
+        default: "default";
+        validator(state: unknown): boolean;
+    };
+    selectedIcon: {
+        type: ObjectConstructor;
+        default(): import('@fortawesome/fontawesome-common-types').IconDefinition;
+        validator(selectedIcon: unknown): boolean;
+    };
+}>, {}, {
     hovered: boolean;
     ICON_SIZES: Readonly<{
         XXX_SMALL: string;
@@ -29,7 +58,36 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     isNeutral(): boolean;
     isNeutralSelected(): boolean;
     isHoveredState(): any;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: null;
+    };
+    contentText: {
+        type: StringConstructor;
+        default: null;
+    };
+    meaning: {
+        type: StringConstructor;
+        default: "primary";
+        validator(meaning: unknown): boolean;
+    };
+    status: {
+        type: StringConstructor;
+        default: "default";
+        validator(status: unknown): boolean;
+    };
+    state: {
+        type: StringConstructor;
+        default: "default";
+        validator(state: unknown): boolean;
+    };
+    selectedIcon: {
+        type: ObjectConstructor;
+        default(): import('@fortawesome/fontawesome-common-types').IconDefinition;
+        validator(selectedIcon: unknown): boolean;
+    };
+}>> & Readonly<{}>, {
     label: string;
     state: string;
     selectedIcon: Record<string, any>;
@@ -106,14 +164,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        rotation: number;
         size: string;
+        rotation: number;
         flippedVertical: boolean;
         flippedHorizontal: boolean;
         touchable: boolean;
         spinning: boolean;
     }, {}, {
-        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -4,19 +4,19 @@ export declare const SWITCH_SIZES: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
 };
-export declare type SwitchSize = Value<typeof SWITCH_SIZES>;
+export type SwitchSize = Value<typeof SWITCH_SIZES>;
 export declare const SWITCH_RADIUSES: {
     readonly CAPSULE: "capsule";
     readonly ROUNDED: "rounded";
 };
-export declare type SwitchRadius = Value<typeof SWITCH_RADIUSES>;
+export type SwitchRadius = Value<typeof SWITCH_RADIUSES>;
 export declare const SWITCH_STATE: {
     readonly DEFAULT: "default";
     readonly DISABLED: "disabled";
 };
-export declare type SwitchState = typeof SWITCH_STATE[keyof typeof SWITCH_STATE];
+export type SwitchState = typeof SWITCH_STATE[keyof typeof SWITCH_STATE];
 export declare const SWITCH_SIDE: {
     readonly LEFT: "left";
     readonly RIGHT: "right";
 };
-export declare type SwitchSelection = typeof SWITCH_SIDE[keyof typeof SWITCH_SIDE];
+export type SwitchSelection = typeof SWITCH_SIDE[keyof typeof SWITCH_SIDE];

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

@@ -1,14 +1,56 @@
+import { PropType } from 'vue';
 import { SwitchRadius, SwitchSelection, SwitchSize, SwitchState } from './Switch.consts';
+import { IconItem } from '../Icons/Icon';
 
-declare const _default: import('vue').DefineComponent<{}, {}, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    size: {
+        type: PropType<SwitchSize>;
+        default: "medium";
+        validator(size: SwitchSize): boolean;
+    };
+    radius: {
+        type: PropType<SwitchRadius>;
+        default: "capsule";
+        validator(value: SwitchRadius): boolean;
+    };
+    iconLeft: {
+        type: PropType<IconItem>;
+        default: null;
+        validator(icon: IconItem): boolean;
+    };
+    iconRight: {
+        type: PropType<IconItem>;
+        default: null;
+        validator(icon: IconItem): boolean;
+    };
+    labelLeft: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelRight: {
+        type: StringConstructor;
+        default: string;
+    };
+    state: {
+        type: PropType<SwitchState>;
+        default: "default";
+        validator(state: SwitchState): boolean;
+    };
+    selectedSide: {
+        type: PropType<SwitchSelection>;
+        default: "left";
+        validator(side: SwitchSelection): boolean;
+    };
+}>, {}, {
     ICONS: Readonly<{
-        readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
-        readonly RIBBON: VueConstructor<Vue>;
-        readonly SLIDERS_SEARCH: VueConstructor<Vue>;
-        readonly COMMENTS_CHECK: VueConstructor<Vue>;
         readonly ANSWERS: VueConstructor<Vue>;
+        readonly CHANGE: VueConstructor<Vue>;
+        readonly COMMENTS_CHECK: VueConstructor<Vue>;
+        readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
         readonly HIDE_ANSWERS: VueConstructor<Vue>;
+        readonly RIBBON: VueConstructor<Vue>;
         readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
+        readonly SLIDERS_SEARCH: VueConstructor<Vue>;
         readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -200,6 +242,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -234,14 +277,53 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         readonly DEFAULT: "default";
         readonly DISABLED: "disabled";
     }>;
-    currentSide: Function;
+    currentSide: SwitchSelection;
 }, {
     currentIcon(): any;
     currentLabel(): any;
     oppositeSide(): "right" | "left";
 }, {
     onSwitch(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:selectedSide"[], "update:selectedSide", import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:selectedSide"[], "update:selectedSide", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    size: {
+        type: PropType<SwitchSize>;
+        default: "medium";
+        validator(size: SwitchSize): boolean;
+    };
+    radius: {
+        type: PropType<SwitchRadius>;
+        default: "capsule";
+        validator(value: SwitchRadius): boolean;
+    };
+    iconLeft: {
+        type: PropType<IconItem>;
+        default: null;
+        validator(icon: IconItem): boolean;
+    };
+    iconRight: {
+        type: PropType<IconItem>;
+        default: null;
+        validator(icon: IconItem): boolean;
+    };
+    labelLeft: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelRight: {
+        type: StringConstructor;
+        default: string;
+    };
+    state: {
+        type: PropType<SwitchState>;
+        default: "default";
+        validator(state: SwitchState): boolean;
+    };
+    selectedSide: {
+        type: PropType<SwitchSelection>;
+        default: "left";
+        validator(side: SwitchSelection): boolean;
+    };
+}>> & Readonly<{
     "onUpdate:selectedSide"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: SwitchSize;
@@ -322,14 +404,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        rotation: number;
         size: string;
+        rotation: number;
         flippedVertical: boolean;
         flippedHorizontal: boolean;
         touchable: boolean;
         spinning: boolean;
     }, {}, {
-        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,4 +1,26 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    icon: {
+        type: (ObjectConstructor | null)[];
+        default: null;
+        validator(icon: unknown): boolean;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    label: {
+        type: (StringConstructor | null)[];
+        default: null;
+    };
+    labelEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: "M";
+    };
+}>, {}, {
     TAB_ITEM_SIZES: Readonly<{
         readonly SMALL: "S";
         readonly MEDIUM: "M";
@@ -13,12 +35,34 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         X_LARGE: string;
         XX_LARGE: string;
     }>;
-}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    icon: {
+        type: (ObjectConstructor | null)[];
+        default: null;
+        validator(icon: unknown): boolean;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    label: {
+        type: (StringConstructor | null)[];
+        default: null;
+    };
+    labelEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: "M";
+    };
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    icon: Record<string, any> | null;
     size: string;
     label: string | null;
+    icon: Record<string, any> | null;
     labelEllipsis: boolean;
 }, {}, {
     DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -90,14 +134,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        rotation: number;
         size: string;
+        rotation: number;
         flippedVertical: boolean;
         flippedHorizontal: boolean;
         touchable: boolean;
         spinning: boolean;
     }, {}, {
-        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -16,7 +16,7 @@ export declare const TEXT_GROUP_STATES: {
     readonly DISABLED: "disabled";
     readonly LOADING: "loading";
 };
-export declare type TextGroupColor = typeof TEXT_GROUP_COLORS[keyof typeof TEXT_GROUP_COLORS];
-export declare type TextGroupLoadingSize = typeof TEXT_GROUP_LOADING_SIZES[keyof typeof TEXT_GROUP_LOADING_SIZES];
-export declare type TextGroupSize = typeof TEXT_GROUP_SIZES[keyof typeof TEXT_GROUP_SIZES];
-export declare type TextGroupState = typeof TEXT_GROUP_STATES[keyof typeof TEXT_GROUP_STATES];
+export type TextGroupColor = typeof TEXT_GROUP_COLORS[keyof typeof TEXT_GROUP_COLORS];
+export type TextGroupLoadingSize = typeof TEXT_GROUP_LOADING_SIZES[keyof typeof TEXT_GROUP_LOADING_SIZES];
+export type TextGroupSize = typeof TEXT_GROUP_SIZES[keyof typeof TEXT_GROUP_SIZES];
+export type TextGroupState = typeof TEXT_GROUP_STATES[keyof typeof TEXT_GROUP_STATES];

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

@@ -1,13 +1,13 @@
 import { PropType } from 'vue';
-import { TextGroupState } from './TextGroup.consts';
+import { TextGroupColor, TextGroupLoadingSize, TextGroupSize, TextGroupState } from './TextGroup.consts';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     size: {
-        type: PropType<string>;
+        type: PropType<TextGroupSize>;
         default: string;
     };
     color: {
-        type: PropType<"neutral">;
+        type: PropType<TextGroupColor>;
         default: "neutral";
     };
     eyebrowText: {
@@ -43,7 +43,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     skeletonLoadingSize: {
-        type: PropType<string>;
+        type: PropType<TextGroupLoadingSize>;
         default: string;
     };
     isSelected: {
@@ -87,11 +87,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     loadingSizeClassName(): string;
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     size: {
-        type: PropType<string>;
+        type: PropType<TextGroupSize>;
         default: string;
     };
     color: {
-        type: PropType<"neutral">;
+        type: PropType<TextGroupColor>;
         default: "neutral";
     };
     eyebrowText: {
@@ -127,7 +127,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     skeletonLoadingSize: {
-        type: PropType<string>;
+        type: PropType<TextGroupLoadingSize>;
         default: string;
     };
     isSelected: {
@@ -179,7 +179,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         radius: {
-            type: PropType<string>;
+            type: PropType<import('../..').SkeletonRadiusSize>;
             default: string;
         };
         width: {
@@ -201,7 +201,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         radius: {
-            type: PropType<string>;
+            type: PropType<import('../..').SkeletonRadiusSize>;
             default: string;
         };
         width: {
@@ -213,7 +213,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         width: string;
         height: string;
     }, {}, {
-        PrimeSkeleton: import('@primevue/core').DefineComponent<import('primevue/skeleton').SkeletonProps, import('primevue/skeleton').SkeletonSlots, (e: string, ...args: any[]) => void, {}>;
+        PrimeSkeleton: import('@primevue/core').DefineComponent<import('primevue/skeleton').SkeletonProps, import('primevue/skeleton').SkeletonSlots, (e: string, ...args: any[]) => void>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DsTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         placement: {

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

@@ -10,13 +10,13 @@ export declare const TILE_COLORS: {
     readonly WARNING: "warning";
     readonly INFO: "info";
 };
-export declare type TileColors = Value<typeof TILE_COLORS>;
+export type TileColors = Value<typeof TILE_COLORS>;
 export declare const TILE_STATES: {
     readonly DEFAULT: "default";
     readonly DISABLED: "disabled";
     readonly LOADING: "loading";
 };
-export declare type TileStates = Value<typeof TILE_STATES>;
+export type TileStates = Value<typeof TILE_STATES>;
 export declare const TILE_BORDER_COLORS: {
     readonly NEUTRAL: "neutral";
     readonly NEUTRAL_WEAK: "neutralWeak";
@@ -33,4 +33,9 @@ export declare const TILE_BORDER_COLORS: {
     readonly INFO: "info";
     readonly INFO_WEAK: "infoWeak";
 };
-export declare type TileBorderColors = Value<typeof TILE_BORDER_COLORS>;
+export type TileBorderColors = Value<typeof TILE_BORDER_COLORS>;
+export declare const TILE_ADDITIONAL_TEXT_MAX_WIDTHS: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+};
+export type TileAdditionalTextMaxWidths = Value<typeof TILE_ADDITIONAL_TEXT_MAX_WIDTHS>;