@bethinkpl/design-system 26.14.2 → 26.14.4

package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts

@@ -258,7 +258,7 @@ export declare const components: {
         color: {
             type: StringConstructor;
             default: "default";
-            validator: (color: unknown) => boolean;
+            validator: (color: import('../Banner').BannerColor) => boolean;
         };
         title: {
             type: StringConstructor;
@@ -267,7 +267,7 @@ export declare const components: {
         layout: {
             type: StringConstructor;
             default: "horizontal";
-            validator: (layout: unknown) => boolean;
+            validator: (layout: import('../Banner').BannerLayout) => boolean;
         };
         isExpanded: {
             type: BooleanConstructor;
@@ -563,7 +563,7 @@ export declare const components: {
         color: {
             type: StringConstructor;
             default: "default";
-            validator: (color: unknown) => boolean;
+            validator: (color: import('../Banner').BannerColor) => boolean;
         };
         title: {
             type: StringConstructor;
@@ -572,7 +572,7 @@ export declare const components: {
         layout: {
             type: StringConstructor;
             default: "horizontal";
-            validator: (layout: unknown) => boolean;
+            validator: (layout: import('../Banner').BannerLayout) => boolean;
         };
         isExpanded: {
             type: BooleanConstructor;
@@ -607,7 +607,7 @@ export declare const components: {
                 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 import('../..').ICON_BUTTON_COLORS>): boolean;
             };
@@ -914,7 +914,7 @@ export declare const components: {
                 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 import('../..').ICON_BUTTON_COLORS>): boolean;
             };
@@ -946,7 +946,7 @@ export declare const components: {
         }>> & Readonly<{}>, {
             size: string;
             type: string;
-            color: string;
+            color: string | null;
             elevation: string;
             radius: string;
             state: string;
@@ -965,7 +965,7 @@ export declare const components: {
                     validator: (value: string) => boolean;
                 };
                 rotation: {
-                    type: NumberConstructor;
+                    type: (NumberConstructor | null)[];
                     default: null;
                 };
                 flippedVertical: {
@@ -999,7 +999,7 @@ export declare const components: {
                     validator: (value: string) => boolean;
                 };
                 rotation: {
-                    type: NumberConstructor;
+                    type: (NumberConstructor | null)[];
                     default: null;
                 };
                 flippedVertical: {
@@ -1019,7 +1019,7 @@ export declare const components: {
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                rotation: number;
+                rotation: number | null;
                 size: string;
                 flippedVertical: boolean;
                 flippedHorizontal: boolean;
@@ -1076,17 +1076,17 @@ export declare const components: {
             size: {
                 type: StringConstructor;
                 default: "large";
-                validator(value: unknown): boolean;
+                validator(value: import('../..').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('../..').IconButtonType): boolean;
             };
             icon: {
                 type: ObjectConstructor;
@@ -1096,17 +1096,17 @@ export declare const components: {
             color: {
                 type: StringConstructor;
                 default: "primary";
-                validator(value: unknown): boolean;
+                validator(value: import('../..').IconButtonColor): boolean;
             };
             colorScheme: {
                 type: StringConstructor;
                 default: "all-in-color";
-                validator(value: unknown): boolean;
+                validator(value: import('../..').IconButtonColorScheme): boolean;
             };
             elevation: {
                 type: StringConstructor;
                 default: "none";
-                validator(value: unknown): boolean;
+                validator(value: import('../..').ButtonElevation): boolean;
             };
             touchable: {
                 type: BooleanConstructor;
@@ -1396,24 +1396,24 @@ export declare const components: {
         }, {
             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('../..').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('../..').IconButtonType): boolean;
             };
             icon: {
                 type: ObjectConstructor;
@@ -1423,17 +1423,17 @@ export declare const components: {
             color: {
                 type: StringConstructor;
                 default: "primary";
-                validator(value: unknown): boolean;
+                validator(value: import('../..').IconButtonColor): boolean;
             };
             colorScheme: {
                 type: StringConstructor;
                 default: "all-in-color";
-                validator(value: unknown): boolean;
+                validator(value: import('../..').IconButtonColorScheme): boolean;
             };
             elevation: {
                 type: StringConstructor;
                 default: "none";
-                validator(value: unknown): boolean;
+                validator(value: import('../..').ButtonElevation): boolean;
             };
             touchable: {
                 type: BooleanConstructor;
@@ -1466,7 +1466,7 @@ export declare const components: {
                     validator: (value: string) => boolean;
                 };
                 rotation: {
-                    type: NumberConstructor;
+                    type: (NumberConstructor | null)[];
                     default: null;
                 };
                 flippedVertical: {
@@ -1500,7 +1500,7 @@ export declare const components: {
                     validator: (value: string) => boolean;
                 };
                 rotation: {
-                    type: NumberConstructor;
+                    type: (NumberConstructor | null)[];
                     default: null;
                 };
                 flippedVertical: {
@@ -1520,7 +1520,7 @@ export declare const components: {
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                rotation: number;
+                rotation: number | null;
                 size: string;
                 flippedVertical: boolean;
                 flippedHorizontal: boolean;
@@ -1541,7 +1541,7 @@ export declare const components: {
                     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 import('../..').ICON_BUTTON_COLORS>): boolean;
                 };
@@ -1848,7 +1848,7 @@ export declare const components: {
                     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 import('../..').ICON_BUTTON_COLORS>): boolean;
                 };
@@ -1880,7 +1880,7 @@ export declare const components: {
             }>> & Readonly<{}>, {
                 size: string;
                 type: string;
-                color: string;
+                color: string | null;
                 elevation: string;
                 radius: string;
                 state: string;
@@ -1899,7 +1899,7 @@ export declare const components: {
                         validator: (value: string) => boolean;
                     };
                     rotation: {
-                        type: NumberConstructor;
+                        type: (NumberConstructor | null)[];
                         default: null;
                     };
                     flippedVertical: {
@@ -1933,7 +1933,7 @@ export declare const components: {
                         validator: (value: string) => boolean;
                     };
                     rotation: {
-                        type: NumberConstructor;
+                        type: (NumberConstructor | null)[];
                         default: null;
                     };
                     flippedVertical: {
@@ -1953,7 +1953,7 @@ export declare const components: {
                         default: boolean;
                     };
                 }>> & Readonly<{}>, {
-                    rotation: number;
+                    rotation: number | null;
                     size: string;
                     flippedVertical: boolean;
                     flippedHorizontal: boolean;
@@ -1976,7 +1976,7 @@ export declare const components: {
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -2010,7 +2010,7 @@ export declare const components: {
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -2030,7 +2030,7 @@ export declare const components: {
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
+            rotation: number | null;
             size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;

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

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
-import { TILE_STATES, TileAdditionalTextMaxWidths, TileBorderColors, TileColors, TileStates } from './Tile.consts';
-import { Value } from '../../utils/type.utils';
+import { TileAdditionalTextMaxWidth, TileBorderColors, TileColor, TileState } from './Tile.consts';
 
 export declare const props: {
     interactive: {
@@ -34,18 +33,18 @@ export declare const props: {
         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: Value<typeof TILE_STATES>): boolean;
+        validator(value: TileState): boolean;
     };
     eyebrowEllipsis: {
         type: BooleanConstructor;
@@ -60,8 +59,8 @@ export declare const props: {
         default: null;
     };
     additionalTextMaxWidth: {
-        type: PropType<TileAdditionalTextMaxWidths>;
+        type: PropType<TileAdditionalTextMaxWidth>;
         default: "small";
-        validator(value: TileAdditionalTextMaxWidths): boolean;
+        validator(value: TileAdditionalTextMaxWidth): boolean;
     };
 };

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

@@ -1,5 +1,3 @@
-import { TILE_STATES } from './Tile.consts';
-
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     interactive: {
         type: BooleanConstructor;
@@ -32,18 +30,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
     color: {
-        type: import('vue').PropType<import('./Tile.consts').TileColors>;
+        type: import('vue').PropType<import('./Tile.consts').TileColor>;
         default: "neutral";
-        validator(color: any): boolean;
+        validator(color: import('./Tile.consts').TileColor): boolean;
     };
     isEyebrowTextUppercase: {
         type: BooleanConstructor;
         default: boolean;
     };
     state: {
-        type: import('vue').PropType<import('./Tile.consts').TileStates>;
+        type: import('vue').PropType<import('./Tile.consts').TileState>;
         default: "default";
-        validator(value: import('../../utils/type.utils').Value<typeof TILE_STATES>): boolean;
+        validator(value: import('./Tile.consts').TileState): boolean;
     };
     eyebrowEllipsis: {
         type: BooleanConstructor;
@@ -58,9 +56,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
     additionalTextMaxWidth: {
-        type: import('vue').PropType<import('./Tile.consts').TileAdditionalTextMaxWidths>;
+        type: import('vue').PropType<import('./Tile.consts').TileAdditionalTextMaxWidth>;
         default: "small";
-        validator(value: import('./Tile.consts').TileAdditionalTextMaxWidths): boolean;
+        validator(value: import('./Tile.consts').TileAdditionalTextMaxWidth): boolean;
     };
 }>, {}, {
     ICONS: Readonly<{
@@ -335,18 +333,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
     color: {
-        type: import('vue').PropType<import('./Tile.consts').TileColors>;
+        type: import('vue').PropType<import('./Tile.consts').TileColor>;
         default: "neutral";
-        validator(color: any): boolean;
+        validator(color: import('./Tile.consts').TileColor): boolean;
     };
     isEyebrowTextUppercase: {
         type: BooleanConstructor;
         default: boolean;
     };
     state: {
-        type: import('vue').PropType<import('./Tile.consts').TileStates>;
+        type: import('vue').PropType<import('./Tile.consts').TileState>;
         default: "default";
-        validator(value: import('../../utils/type.utils').Value<typeof TILE_STATES>): boolean;
+        validator(value: import('./Tile.consts').TileState): boolean;
     };
     eyebrowEllipsis: {
         type: BooleanConstructor;
@@ -361,13 +359,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
     additionalTextMaxWidth: {
-        type: import('vue').PropType<import('./Tile.consts').TileAdditionalTextMaxWidths>;
+        type: import('vue').PropType<import('./Tile.consts').TileAdditionalTextMaxWidth>;
         default: "small";
-        validator(value: import('./Tile.consts').TileAdditionalTextMaxWidths): boolean;
+        validator(value: import('./Tile.consts').TileAdditionalTextMaxWidth): boolean;
     };
 }>> & Readonly<{}>, {
-    color: import('./Tile.consts').TileColors;
-    state: import('./Tile.consts').TileStates;
+    color: import('./Tile.consts').TileColor;
+    state: import('./Tile.consts').TileState;
     iconLeft: Record<string, any>;
     iconRight: Record<string, any>;
     borderColor: import('./Tile.consts').TileBorderColors;
@@ -378,7 +376,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isEyebrowTextUppercase: boolean;
     eyebrowEllipsis: boolean;
     textEllipsis: boolean;
-    additionalTextMaxWidth: import('./Tile.consts').TileAdditionalTextMaxWidths;
+    additionalTextMaxWidth: import('./Tile.consts').TileAdditionalTextMaxWidth;
 }, {}, {
     DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         icon: {
@@ -392,7 +390,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -426,7 +424,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -446,7 +444,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/Toast/Toast.vue.d.ts

@@ -165,7 +165,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator(value: import('../../utils/type.utils').Value<typeof BUTTON_TYPES>): boolean;
         };
         color: {
-            type: StringConstructor;
+            type: (StringConstructor | null)[];
             default: "primary";
             validator(value: import('../../utils/type.utils').Value<typeof import('../..').ICON_BUTTON_COLORS>): boolean;
         };
@@ -472,7 +472,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator(value: import('../../utils/type.utils').Value<typeof BUTTON_TYPES>): boolean;
         };
         color: {
-            type: StringConstructor;
+            type: (StringConstructor | null)[];
             default: "primary";
             validator(value: import('../../utils/type.utils').Value<typeof import('../..').ICON_BUTTON_COLORS>): boolean;
         };
@@ -504,7 +504,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;
@@ -523,7 +523,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -557,7 +557,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -577,7 +577,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/Toggles/CounterToggle/CounterToggle.consts.d.ts

@@ -1,6 +1,9 @@
+import { Value } from '../../../utils/type.utils';
+
 export declare const COUNTER_TOGGLE_COLORS: {
-    INVERTED: string;
-    NEUTRAL_STRONG: string;
-    NEUTRAL: string;
-    PRIMARY: string;
+    readonly INVERTED: "inverted";
+    readonly NEUTRAL_STRONG: "neutralStrong";
+    readonly NEUTRAL: "neutral";
+    readonly PRIMARY: "primary";
 };
+export type CounterToggleColor = Value<typeof COUNTER_TOGGLE_COLORS>;

package/dist/lib/js/components/Toggles/CounterToggle/CounterToggle.vue.d.ts

@@ -1,3 +1,5 @@
+import { CounterToggleColor } from './CounterToggle.consts';
+
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     counter: {
         type: (StringConstructor | NumberConstructor)[];
@@ -5,8 +7,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     color: {
         type: StringConstructor;
-        default: string;
-        validator(color: unknown): boolean;
+        default: "neutralStrong";
+        validator(color: CounterToggleColor): boolean;
     };
     icon: {
         type: ObjectConstructor;
@@ -42,8 +44,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     color: {
         type: StringConstructor;
-        default: string;
-        validator(color: unknown): boolean;
+        default: "neutralStrong";
+        validator(color: CounterToggleColor): boolean;
     };
     icon: {
         type: ObjectConstructor;
@@ -76,7 +78,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -110,7 +112,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -130,7 +132,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/Toggles/ToggleButton/ToggleButton.vue.d.ts

@@ -1,13 +1,12 @@
-import { Value } from '../../../utils/type.utils';
 import { PropType } from 'vue';
-import { TOGGLE_BUTTON_COLORS, TOGGLE_BUTTON_RADIUSES, TOGGLE_BUTTON_SIZES, TOGGLE_BUTTON_STATES, ToggleButtonColor, ToggleButtonLabelSize, ToggleButtonRadius, ToggleButtonSize, ToggleButtonState } from './ToggleButton.consts';
+import { ToggleButtonColor, ToggleButtonLabelSize, ToggleButtonRadius, ToggleButtonSize, ToggleButtonState } from './ToggleButton.consts';
 import { IconItem, IconSize } from '../../Icons/Icon';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     color: {
         type: PropType<ToggleButtonColor>;
         default: "neutral";
-        validator(value: Value<typeof TOGGLE_BUTTON_COLORS>): boolean;
+        validator(value: ToggleButtonColor): boolean;
     };
     hasSmallHorizontalPadding: {
         type: BooleanConstructor;
@@ -46,17 +45,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     radius: {
         type: PropType<ToggleButtonRadius>;
         default: "capsule";
-        validator(value: Value<typeof TOGGLE_BUTTON_RADIUSES>): boolean;
+        validator(value: ToggleButtonRadius): boolean;
     };
     size: {
         type: PropType<ToggleButtonSize>;
         default: "medium";
-        validator(value: Value<typeof TOGGLE_BUTTON_SIZES>): boolean;
+        validator(value: ToggleButtonSize): boolean;
     };
     state: {
         type: PropType<ToggleButtonState>;
         default: "default";
-        validator(value: Value<typeof TOGGLE_BUTTON_STATES>): boolean;
+        validator(value: ToggleButtonState): boolean;
     };
 }>, {}, {
     ICONS: Readonly<{
@@ -309,7 +308,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     color: {
         type: PropType<ToggleButtonColor>;
         default: "neutral";
-        validator(value: Value<typeof TOGGLE_BUTTON_COLORS>): boolean;
+        validator(value: ToggleButtonColor): boolean;
     };
     hasSmallHorizontalPadding: {
         type: BooleanConstructor;
@@ -348,17 +347,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     radius: {
         type: PropType<ToggleButtonRadius>;
         default: "capsule";
-        validator(value: Value<typeof TOGGLE_BUTTON_RADIUSES>): boolean;
+        validator(value: ToggleButtonRadius): boolean;
     };
     size: {
         type: PropType<ToggleButtonSize>;
         default: "medium";
-        validator(value: Value<typeof TOGGLE_BUTTON_SIZES>): boolean;
+        validator(value: ToggleButtonSize): boolean;
     };
     state: {
         type: PropType<ToggleButtonState>;
         default: "default";
-        validator(value: Value<typeof TOGGLE_BUTTON_STATES>): boolean;
+        validator(value: ToggleButtonState): boolean;
     };
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
@@ -388,7 +387,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -422,7 +421,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (value: string) => boolean;
         };
         rotation: {
-            type: NumberConstructor;
+            type: (NumberConstructor | null)[];
             default: null;
         };
         flippedVertical: {
@@ -442,7 +441,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/styles/TokenTypes.d.ts

@@ -18,12 +18,13 @@ export interface TypographyToken {
     label: string;
     value: string;
     token: string;
+    ratio: number | null;
     attributes: Array<string>;
     attributesRaw: Array<AttributeRaw>;
 }
 export interface ItemsListsItem {
     title: string;
     class: string;
-    list: Dict<object>;
+    list: Dict<Array<object>>;
 }
 export {};