@bethinkpl/design-system 26.14.3 → 26.14.5

package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts

@@ -1,13 +1,15 @@
+import { OutlineItemBackgroundColor, OutlineItemSize, OutlineItemState } from './OutlineItem.consts';
+
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     size: {
         type: StringConstructor;
         default: string;
-        validator(size: unknown): boolean;
+        validator(size: OutlineItemSize): boolean;
     };
     backgroundColor: {
         type: StringConstructor;
         default: string;
-        validator(color: unknown): boolean;
+        validator(color: OutlineItemBackgroundColor): boolean;
     };
     iconLeft: {
         type: ObjectConstructor;
@@ -43,7 +45,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     state: {
         type: StringConstructor;
         default: string;
-        validator(state: unknown): boolean;
+        validator(state: OutlineItemState): boolean;
     };
     isSelected: {
         type: BooleanConstructor;
@@ -304,12 +306,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     size: {
         type: StringConstructor;
         default: string;
-        validator(size: unknown): boolean;
+        validator(size: OutlineItemSize): boolean;
     };
     backgroundColor: {
         type: StringConstructor;
         default: string;
-        validator(color: unknown): boolean;
+        validator(color: OutlineItemBackgroundColor): boolean;
     };
     iconLeft: {
         type: ObjectConstructor;
@@ -345,7 +347,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     state: {
         type: StringConstructor;
         default: string;
-        validator(state: unknown): boolean;
+        validator(state: OutlineItemState): boolean;
     };
     isSelected: {
         type: BooleanConstructor;
@@ -391,7 +393,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -425,7 +427,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -445,7 +447,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        rotation: number;
+        rotation: number | null;
         size: string;
         flippedVertical: boolean;
         flippedHorizontal: boolean;

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

@@ -4,7 +4,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     currentPage: {
         type: NumberConstructor;
         default: number;
-        validator(page: unknown): boolean;
+        validator(page: number): boolean;
     };
     forceCompact: {
         type: BooleanConstructor;
@@ -17,7 +17,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     itemsPerPage: {
         type: NumberConstructor;
         default: number;
-        validator(itemsPerPage: unknown): boolean;
+        validator(itemsPerPage: number): boolean;
     };
     itemsTotalAmount: {
         type: NumberConstructor;
@@ -292,7 +292,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     currentPage: {
         type: NumberConstructor;
         default: number;
-        validator(page: unknown): boolean;
+        validator(page: number): boolean;
     };
     forceCompact: {
         type: BooleanConstructor;
@@ -305,7 +305,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     itemsPerPage: {
         type: NumberConstructor;
         default: number;
-        validator(itemsPerPage: unknown): boolean;
+        validator(itemsPerPage: number): boolean;
     };
     itemsTotalAmount: {
         type: NumberConstructor;
@@ -323,17 +323,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         size: {
             type: StringConstructor;
             default: "large";
-            validator(value: unknown): boolean;
+            validator(value: import('../Buttons/IconButton').IconButtonSize): boolean;
         };
         radius: {
             type: StringConstructor;
             default: "capsule";
-            validator(value: unknown): boolean;
+            validator(value: import('../..').ButtonRadius): boolean;
         };
         type: {
             type: StringConstructor;
             default: "icon-only";
-            validator(value: unknown): boolean;
+            validator(value: import('../Buttons/IconButton').IconButtonType): boolean;
         };
         icon: {
             type: ObjectConstructor;
@@ -343,17 +343,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         color: {
             type: StringConstructor;
             default: "primary";
-            validator(value: unknown): boolean;
+            validator(value: import('../Buttons/IconButton').IconButtonColor): boolean;
         };
         colorScheme: {
             type: StringConstructor;
             default: "all-in-color";
-            validator(value: unknown): boolean;
+            validator(value: import('../Buttons/IconButton').IconButtonColorScheme): boolean;
         };
         elevation: {
             type: StringConstructor;
             default: "none";
-            validator(value: unknown): boolean;
+            validator(value: import('../..').ButtonElevation): boolean;
         };
         touchable: {
             type: BooleanConstructor;
@@ -643,24 +643,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {
         iconSize(): string;
         buttonType(): string;
-        computedColor(): string | null;
+        computedColor(): string | undefined;
         isButtonColor(): boolean;
         colorClassName(): string;
     }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         size: {
             type: StringConstructor;
             default: "large";
-            validator(value: unknown): boolean;
+            validator(value: import('../Buttons/IconButton').IconButtonSize): boolean;
         };
         radius: {
             type: StringConstructor;
             default: "capsule";
-            validator(value: unknown): boolean;
+            validator(value: import('../..').ButtonRadius): boolean;
         };
         type: {
             type: StringConstructor;
             default: "icon-only";
-            validator(value: unknown): boolean;
+            validator(value: import('../Buttons/IconButton').IconButtonType): boolean;
         };
         icon: {
             type: ObjectConstructor;
@@ -670,17 +670,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         color: {
             type: StringConstructor;
             default: "primary";
-            validator(value: unknown): boolean;
+            validator(value: import('../Buttons/IconButton').IconButtonColor): boolean;
         };
         colorScheme: {
             type: StringConstructor;
             default: "all-in-color";
-            validator(value: unknown): boolean;
+            validator(value: import('../Buttons/IconButton').IconButtonColorScheme): boolean;
         };
         elevation: {
             type: StringConstructor;
             default: "none";
-            validator(value: unknown): boolean;
+            validator(value: import('../..').ButtonElevation): boolean;
         };
         touchable: {
             type: BooleanConstructor;
@@ -713,7 +713,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -747,7 +747,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -767,7 +767,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
+            rotation: number | null;
             size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
@@ -788,7 +788,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(value: import('../../utils/type.utils').Value<typeof import('../..').BUTTON_TYPES>): boolean;
             };
             color: {
-                type: StringConstructor;
+                type: (StringConstructor | null)[];
                 default: "primary";
                 validator(value: import('../../utils/type.utils').Value<typeof ICON_BUTTON_COLORS>): boolean;
             };
@@ -1095,7 +1095,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(value: import('../../utils/type.utils').Value<typeof import('../..').BUTTON_TYPES>): boolean;
             };
             color: {
-                type: StringConstructor;
+                type: (StringConstructor | null)[];
                 default: "primary";
                 validator(value: import('../../utils/type.utils').Value<typeof ICON_BUTTON_COLORS>): boolean;
             };
@@ -1127,7 +1127,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{}>, {
             size: string;
             type: string;
-            color: string;
+            color: string | null;
             elevation: string;
             radius: string;
             state: string;
@@ -1146,7 +1146,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (value: string) => boolean;
                 };
                 rotation: {
-                    type: NumberConstructor;
+                    type: (NumberConstructor | null)[];
                     default: null;
                 };
                 flippedVertical: {
@@ -1180,7 +1180,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (value: string) => boolean;
                 };
                 rotation: {
-                    type: NumberConstructor;
+                    type: (NumberConstructor | null)[];
                     default: null;
                 };
                 flippedVertical: {
@@ -1200,7 +1200,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                rotation: number;
+                rotation: number | null;
                 size: string;
                 flippedVertical: boolean;
                 flippedHorizontal: boolean;
@@ -1227,17 +1227,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         triggerAction: {
             type: StringConstructor;
             default: "click";
-            validator(triggerAction: unknown): boolean;
+            validator(triggerAction: import('../Dropdown/Dropdown.consts').DropdownTriggerAction): boolean;
         };
         radius: {
             type: StringConstructor;
             default: "both";
-            validate(radius: any): boolean;
+            validate(radius: import('../Dropdown/Dropdown.consts').DropdownRadius): boolean;
         };
         placement: {
             type: StringConstructor;
             default: "bottom-start";
-            validate(placement: any): boolean;
+            validate(placement: import('../Dropdown/Dropdown.consts').DropdownPlacement): boolean;
         };
         maxHeight: {
             type: StringConstructor;
@@ -1275,17 +1275,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         triggerAction: {
             type: StringConstructor;
             default: "click";
-            validator(triggerAction: unknown): boolean;
+            validator(triggerAction: import('../Dropdown/Dropdown.consts').DropdownTriggerAction): boolean;
         };
         radius: {
             type: StringConstructor;
             default: "both";
-            validate(radius: any): boolean;
+            validate(radius: import('../Dropdown/Dropdown.consts').DropdownRadius): boolean;
         };
         placement: {
             type: StringConstructor;
             default: "bottom-start";
-            validate(placement: any): boolean;
+            validate(placement: import('../Dropdown/Dropdown.consts').DropdownPlacement): boolean;
         };
         maxHeight: {
             type: StringConstructor;
@@ -1330,18 +1330,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         selectionMode: {
             type: StringConstructor;
-            default: string;
-            validator(selectionMode: unknown): boolean;
+            default: "selectOnly";
+            validator(selectionMode: import('../..').SelectListItemSelectionMode): boolean;
         };
         size: {
             type: StringConstructor;
-            default: string;
-            validator(size: unknown): boolean;
+            default: "small";
+            validator(size: import('../..').SelectListItemSize): boolean;
         };
         state: {
             type: StringConstructor;
-            default: string;
-            validator(state: unknown): boolean;
+            default: "default";
+            validator(state: import('../..').SelectListItemState): boolean;
         };
     }>, {}, {
         ICON_SIZES: Readonly<{
@@ -1573,13 +1573,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly FAD_SPINNER_THIRD: import('@fortawesome/fontawesome-common-types').IconDefinition;
         }>;
         SELECT_LIST_ITEM_SELECTION_MODE: Readonly<{
-            SELECT_ONLY: string;
-            TOGGLE: string;
+            readonly SELECT_ONLY: "selectOnly";
+            readonly TOGGLE: "toggle";
         }>;
         SELECT_LIST_ITEM_STATES: Readonly<{
-            DEFAULT: string;
-            LOADING: string;
-            DISABLED: string;
+            readonly DEFAULT: "default";
+            readonly LOADING: "loading";
+            readonly DISABLED: "disabled";
         }>;
     }, {
         isLoading(): boolean;
@@ -1608,18 +1608,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         selectionMode: {
             type: StringConstructor;
-            default: string;
-            validator(selectionMode: unknown): boolean;
+            default: "selectOnly";
+            validator(selectionMode: import('../..').SelectListItemSelectionMode): boolean;
         };
         size: {
             type: StringConstructor;
-            default: string;
-            validator(size: unknown): boolean;
+            default: "small";
+            validator(size: import('../..').SelectListItemSize): boolean;
         };
         state: {
             type: StringConstructor;
-            default: string;
-            validator(state: unknown): boolean;
+            default: "default";
+            validator(state: import('../..').SelectListItemState): boolean;
         };
     }>> & Readonly<{}>, {
         size: string;
@@ -1642,7 +1642,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -1676,7 +1676,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -1696,7 +1696,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
+            rotation: number | null;
             size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;

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

@@ -1,3 +1,5 @@
+import { Value } from '../../utils/type.utils';
+
 export declare const PROGRESS_BAR_RANGE_COLORS: {
     readonly PRIMARY_MEDIUM: "primaryMedium";
     readonly PRIMARY: "primary";
@@ -24,6 +26,7 @@ export declare const PROGRESS_BAR_RANGE_COLORS: {
     readonly FAIL_WEAK: "failWeak";
     readonly FAIL_GHOST: "failGhost";
 };
+export type ProgressBarRangeColor = Value<typeof PROGRESS_BAR_RANGE_COLORS>;
 export declare const PROGRESS_BAR_BADGE_COLORS: {
     readonly PRIMARY: "primary";
     readonly NEUTRAL: "neutral";
@@ -32,23 +35,28 @@ export declare const PROGRESS_BAR_BADGE_COLORS: {
     readonly WARNING: "warning";
     readonly FAIL: "fail";
 };
+export type ProgressBarBadgeColor = Value<typeof PROGRESS_BAR_BADGE_COLORS>;
 export declare const PROGRESS_BAR_SIZES: {
     readonly MEDIUM: "medium";
     readonly SMALL: "small";
     readonly XSMALL: "extra small";
 };
+export type ProgressBarSize = Value<typeof PROGRESS_BAR_SIZES>;
 export declare const PROGRESS_BAR_LABEL_TEXT_SIZES: {
     readonly MEDIUM: "medium";
     readonly SMALL: "small";
 };
+export type ProgressBarLabelTextSize = Value<typeof PROGRESS_BAR_LABEL_TEXT_SIZES>;
 export declare const PROGRESS_BAR_RADII: {
     DEFAULT: string;
     NONE: string;
 };
+export type ProgressBarRadius = Value<typeof PROGRESS_BAR_RADII>;
 export declare const PROGRESS_BAR_LAYOUTS: {
     DEFAULT: string;
     COMPACT: string;
 };
+export type ProgressBarLayout = Value<typeof PROGRESS_BAR_LAYOUTS>;
 export interface ProgressBarRange {
     color: typeof PROGRESS_BAR_RANGE_COLORS[keyof typeof PROGRESS_BAR_RANGE_COLORS];
     start: number;

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

@@ -1,31 +1,31 @@
 import { PropType } from 'vue';
-import { ProgressBarRange } from './ProgressBar.consts';
+import { ProgressBarBadgeColor, ProgressBarLabelTextSize, ProgressBarLayout, ProgressBarRadius, ProgressBarRange, ProgressBarSize } from './ProgressBar.consts';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     size: {
         type: StringConstructor;
         default: "small";
-        validator(size: unknown): boolean;
+        validator(size: ProgressBarSize): boolean;
     };
     labelTextSize: {
         type: StringConstructor;
         default: "small";
-        validator(size: unknown): boolean;
+        validator(size: ProgressBarLabelTextSize): boolean;
     };
     ranges: {
         type: PropType<Array<ProgressBarRange>>;
         required: true;
-        validator(ranges: unknown): any;
+        validator(ranges: Array<ProgressBarRange>): boolean;
     };
     radius: {
         type: StringConstructor;
         default: string;
-        validator(size: unknown): boolean;
+        validator(size: ProgressBarRadius): boolean;
     };
     layout: {
         type: StringConstructor;
         default: string;
-        validator(size: unknown): boolean;
+        validator(size: ProgressBarLayout): boolean;
     };
     labelText: {
         type: StringConstructor;
@@ -50,12 +50,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     badgePosition: {
         type: NumberConstructor;
         default: null;
-        validator(position: unknown): boolean;
+        validator(position: number): boolean;
     };
     badgeColor: {
         type: StringConstructor;
         default: "info";
-        validator(color: unknown): boolean;
+        validator(color: ProgressBarBadgeColor): boolean;
     };
 }>, {}, {
     PROGRESS_BAR_SIZES: Readonly<{
@@ -309,27 +309,27 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     size: {
         type: StringConstructor;
         default: "small";
-        validator(size: unknown): boolean;
+        validator(size: ProgressBarSize): boolean;
     };
     labelTextSize: {
         type: StringConstructor;
         default: "small";
-        validator(size: unknown): boolean;
+        validator(size: ProgressBarLabelTextSize): boolean;
     };
     ranges: {
         type: PropType<Array<ProgressBarRange>>;
         required: true;
-        validator(ranges: unknown): any;
+        validator(ranges: Array<ProgressBarRange>): boolean;
     };
     radius: {
         type: StringConstructor;
         default: string;
-        validator(size: unknown): boolean;
+        validator(size: ProgressBarRadius): boolean;
     };
     layout: {
         type: StringConstructor;
         default: string;
-        validator(size: unknown): boolean;
+        validator(size: ProgressBarLayout): boolean;
     };
     labelText: {
         type: StringConstructor;
@@ -354,12 +354,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     badgePosition: {
         type: NumberConstructor;
         default: null;
-        validator(position: unknown): boolean;
+        validator(position: number): boolean;
     };
     badgeColor: {
         type: StringConstructor;
         default: "info";
-        validator(color: unknown): boolean;
+        validator(color: ProgressBarBadgeColor): boolean;
     };
 }>> & Readonly<{}>, {
     size: string;
@@ -386,7 +386,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -420,7 +420,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -440,7 +440,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        rotation: number;
+        rotation: number | null;
         size: string;
         flippedVertical: boolean;
         flippedHorizontal: boolean;

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

@@ -9,12 +9,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     state: {
         type: PropType<ProgressDonutChartState>;
         default: string;
-        validator(state: unknown): boolean;
+        validator(state: ProgressDonutChartState): boolean;
     };
     ranges: {
         type: PropType<Array<ProgressDonutChartRange>>;
         required: true;
-        validator(ranges: unknown): any;
+        validator(ranges: Array<ProgressDonutChartRange>): boolean;
     };
 }>, {}, {
     PROGRESS_DONUT_CHART_STATES: Readonly<{
@@ -265,12 +265,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     state: {
         type: PropType<ProgressDonutChartState>;
         default: string;
-        validator(state: unknown): boolean;
+        validator(state: ProgressDonutChartState): boolean;
     };
     ranges: {
         type: PropType<Array<ProgressDonutChartRange>>;
         required: true;
-        validator(ranges: unknown): any;
+        validator(ranges: Array<ProgressDonutChartRange>): boolean;
     };
 }>> & Readonly<{}>, {
     label: string;
@@ -288,7 +288,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -322,7 +322,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -342,7 +342,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        rotation: number;
+        rotation: number | null;
         size: string;
         flippedVertical: boolean;
         flippedHorizontal: boolean;