@bethinkpl/design-system 26.14.3 → 26.14.5

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

@@ -1,7 +1,10 @@
+import { Value } from '../../utils/type.utils';
+
 export declare const CHIP_SIZES: {
     readonly X_SMALL: "x-small";
     readonly SMALL: "small";
 };
+export type ChipSize = Value<typeof CHIP_SIZES>;
 export declare const CHIP_COLORS: {
     readonly PRIMARY: "primary";
     readonly PRIMARY_STRONG: "primaryStrong";
@@ -13,11 +16,15 @@ export declare const CHIP_COLORS: {
     readonly WARNING: "warning";
     readonly INFO: "info";
 };
+export declare const CHIP_DEFAULT_COLOR: "neutral";
+export type ChipColor = Value<typeof CHIP_COLORS>;
 export declare const CHIP_STATES: {
     readonly DEFAULT: "default";
     readonly DISABLED: "disabled";
 };
+export type ChipState = Value<typeof CHIP_STATES>;
 export declare const CHIP_RADIUSES: {
     readonly CAPSULE: "capsule";
     readonly ROUNDED: "rounded";
 };
+export type ChipRadius = Value<typeof CHIP_RADIUSES>;

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

@@ -1,7 +1,7 @@
 import { Value } from '../../utils/type.utils';
 import { BUTTON_ELEVATIONS } from '../Buttons/Button';
 import { ICON_BUTTON_COLORS, ICON_BUTTON_STATES } from '../Buttons/IconButton';
-import { CHIP_RADIUSES, CHIP_STATES } from './Chip.consts';
+import { ChipColor, ChipRadius, ChipSize, ChipState } from './Chip.consts';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     label: {
@@ -20,17 +20,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     radius: {
         type: StringConstructor;
         default: "capsule";
-        validator(value: Value<typeof CHIP_RADIUSES>): boolean;
+        validator(value: ChipRadius): boolean;
     };
     size: {
         type: StringConstructor;
         default: "small";
-        validator(size: unknown): boolean;
+        validator(size: ChipSize): boolean;
     };
     color: {
         type: StringConstructor;
         default: "neutral";
-        validator(color: unknown): boolean;
+        validator(color: ChipColor): boolean;
     };
     colorHex: {
         type: StringConstructor;
@@ -39,7 +39,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     state: {
         type: StringConstructor;
         default: "default";
-        validator(value: Value<typeof CHIP_STATES>): boolean;
+        validator(value: ChipState): boolean;
     };
     isRemovable: {
         type: BooleanConstructor;
@@ -328,17 +328,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     radius: {
         type: StringConstructor;
         default: "capsule";
-        validator(value: Value<typeof CHIP_RADIUSES>): boolean;
+        validator(value: ChipRadius): boolean;
     };
     size: {
         type: StringConstructor;
         default: "small";
-        validator(size: unknown): boolean;
+        validator(size: ChipSize): boolean;
     };
     color: {
         type: StringConstructor;
         default: "neutral";
-        validator(color: unknown): boolean;
+        validator(color: ChipColor): boolean;
     };
     colorHex: {
         type: StringConstructor;
@@ -347,7 +347,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     state: {
         type: StringConstructor;
         default: "default";
-        validator(value: Value<typeof CHIP_STATES>): boolean;
+        validator(value: ChipState): boolean;
     };
     isRemovable: {
         type: BooleanConstructor;
@@ -378,7 +378,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -412,7 +412,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -432,7 +432,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        rotation: number;
+        rotation: number | null;
         size: string;
         flippedVertical: boolean;
         flippedHorizontal: boolean;
@@ -445,17 +445,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('../Buttons/Button').ButtonRadius): boolean;
         };
         type: {
             type: StringConstructor;
             default: "icon-only";
-            validator(value: unknown): boolean;
+            validator(value: import('../Buttons/IconButton').IconButtonType): boolean;
         };
         icon: {
             type: ObjectConstructor;
@@ -465,17 +465,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('../Buttons/Button').ButtonElevation): boolean;
         };
         touchable: {
             type: BooleanConstructor;
@@ -765,24 +765,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('../Buttons/Button').ButtonRadius): boolean;
         };
         type: {
             type: StringConstructor;
             default: "icon-only";
-            validator(value: unknown): boolean;
+            validator(value: import('../Buttons/IconButton').IconButtonType): boolean;
         };
         icon: {
             type: ObjectConstructor;
@@ -792,17 +792,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('../Buttons/Button').ButtonElevation): boolean;
         };
         touchable: {
             type: BooleanConstructor;
@@ -835,7 +835,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -869,7 +869,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -889,7 +889,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
+            rotation: number | null;
             size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
@@ -910,7 +910,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(value: Value<typeof import('../Buttons/Button').BUTTON_TYPES>): boolean;
             };
             color: {
-                type: StringConstructor;
+                type: (StringConstructor | null)[];
                 default: "primary";
                 validator(value: Value<typeof ICON_BUTTON_COLORS>): boolean;
             };
@@ -1217,7 +1217,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(value: Value<typeof import('../Buttons/Button').BUTTON_TYPES>): boolean;
             };
             color: {
-                type: StringConstructor;
+                type: (StringConstructor | null)[];
                 default: "primary";
                 validator(value: Value<typeof ICON_BUTTON_COLORS>): boolean;
             };
@@ -1249,7 +1249,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;
@@ -1268,7 +1268,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (value: string) => boolean;
                 };
                 rotation: {
-                    type: NumberConstructor;
+                    type: (NumberConstructor | null)[];
                     default: null;
                 };
                 flippedVertical: {
@@ -1302,7 +1302,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (value: string) => boolean;
                 };
                 rotation: {
-                    type: NumberConstructor;
+                    type: (NumberConstructor | null)[];
                     default: null;
                 };
                 flippedVertical: {
@@ -1322,7 +1322,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/DatePickers/DateBox/DateBox.vue.d.ts

@@ -357,7 +357,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -391,7 +391,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -411,7 +411,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/DatePickers/DatePicker/DatePicker.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType, Ref } from 'vue';
 import { Instance as DatePickerInstance } from 'flatpickr/dist/types/instance';
-import { TileColors, TileStates } from '../../Tile';
+import { TileColor, TileState } from '../../Tile';
 import { DatePickerCalendarPositions, DatePickerColors, DatePickerStates } from './DatePicker.consts';
 
 declare const _default: import('vue').DefineComponent<{
@@ -578,6 +578,8 @@ declare const _default: import('vue').DefineComponent<{
     tileIcon(): any;
     showErrorMessage(): boolean;
     showHelpMessage(): boolean;
+    tileState(): TileState;
+    tileColor(): TileColor;
 }, {
     bindFlatpickrInstance(): Promise<void>;
     toggle(): Promise<void>;
@@ -648,18 +650,18 @@ declare const _default: import('vue').DefineComponent<{
             default: null;
         };
         color: {
-            type: PropType<TileColors>;
+            type: PropType<TileColor>;
             default: "neutral";
-            validator(color: any): boolean;
+            validator(color: TileColor): boolean;
         };
         isEyebrowTextUppercase: {
             type: BooleanConstructor;
             default: boolean;
         };
         state: {
-            type: PropType<TileStates>;
+            type: PropType<TileState>;
             default: "default";
-            validator(value: import('../../../utils/type.utils').Value<typeof import('../../Tile').TILE_STATES>): boolean;
+            validator(value: TileState): boolean;
         };
         eyebrowEllipsis: {
             type: BooleanConstructor;
@@ -674,9 +676,9 @@ declare const _default: import('vue').DefineComponent<{
             default: null;
         };
         additionalTextMaxWidth: {
-            type: PropType<import('../../Tile').TileAdditionalTextMaxWidths>;
+            type: PropType<import('../../Tile').TileAdditionalTextMaxWidth>;
             default: "small";
-            validator(value: import('../../Tile').TileAdditionalTextMaxWidths): boolean;
+            validator(value: import('../../Tile').TileAdditionalTextMaxWidth): boolean;
         };
     }>, {}, {
         ICONS: Readonly<{
@@ -951,18 +953,18 @@ declare const _default: import('vue').DefineComponent<{
             default: null;
         };
         color: {
-            type: PropType<TileColors>;
+            type: PropType<TileColor>;
             default: "neutral";
-            validator(color: any): boolean;
+            validator(color: TileColor): boolean;
         };
         isEyebrowTextUppercase: {
             type: BooleanConstructor;
             default: boolean;
         };
         state: {
-            type: PropType<TileStates>;
+            type: PropType<TileState>;
             default: "default";
-            validator(value: import('../../../utils/type.utils').Value<typeof import('../../Tile').TILE_STATES>): boolean;
+            validator(value: TileState): boolean;
         };
         eyebrowEllipsis: {
             type: BooleanConstructor;
@@ -977,13 +979,13 @@ declare const _default: import('vue').DefineComponent<{
             default: null;
         };
         additionalTextMaxWidth: {
-            type: PropType<import('../../Tile').TileAdditionalTextMaxWidths>;
+            type: PropType<import('../../Tile').TileAdditionalTextMaxWidth>;
             default: "small";
-            validator(value: import('../../Tile').TileAdditionalTextMaxWidths): boolean;
+            validator(value: import('../../Tile').TileAdditionalTextMaxWidth): boolean;
         };
     }>> & Readonly<{}>, {
-        color: TileColors;
-        state: TileStates;
+        color: TileColor;
+        state: TileState;
         iconLeft: Record<string, any>;
         iconRight: Record<string, any>;
         borderColor: import('../../Tile').TileBorderColors;
@@ -994,7 +996,7 @@ declare const _default: import('vue').DefineComponent<{
         isEyebrowTextUppercase: boolean;
         eyebrowEllipsis: boolean;
         textEllipsis: boolean;
-        additionalTextMaxWidth: import('../../Tile').TileAdditionalTextMaxWidths;
+        additionalTextMaxWidth: import('../../Tile').TileAdditionalTextMaxWidth;
     }, {}, {
         DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {
@@ -1008,7 +1010,7 @@ declare const _default: import('vue').DefineComponent<{
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -1042,7 +1044,7 @@ declare const _default: import('vue').DefineComponent<{
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -1062,7 +1064,7 @@ declare const _default: import('vue').DefineComponent<{
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
+            rotation: number | null;
             size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
@@ -1428,7 +1430,7 @@ declare const _default: import('vue').DefineComponent<{
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -1462,7 +1464,7 @@ declare const _default: import('vue').DefineComponent<{
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -1482,7 +1484,7 @@ declare const _default: import('vue').DefineComponent<{
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
+            rotation: number | null;
             size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;

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

@@ -964,7 +964,7 @@ declare const _default: import('vue').DefineComponent<{
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -998,7 +998,7 @@ declare const _default: import('vue').DefineComponent<{
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -1018,7 +1018,7 @@ declare const _default: import('vue').DefineComponent<{
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
+            rotation: number | null;
             size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;

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

@@ -5,7 +5,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     position: {
         type: PropType<DrawerPosition>;
         default: "right";
-        validator(position: unknown): boolean;
+        validator(position: DrawerPosition): boolean;
     };
     stickyHeader: {
         type: BooleanConstructor;
@@ -21,7 +21,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     position: {
         type: PropType<DrawerPosition>;
         default: "right";
-        validator(position: unknown): boolean;
+        validator(position: DrawerPosition): boolean;
     };
     stickyHeader: {
         type: BooleanConstructor;