@vitality-ds/components 5.7.0 → 6.0.0-alpha.3

package/dist/tokens/src/Theme/getters/getTheme.d.ts

@@ -539,211 +539,24 @@ declare const getTheme: <T extends Platforms>(platform: T) => {
         };
     };
     fonts: {
-        web: {
-            display100: string;
-            display200: string;
-            display300: string;
-            display400: string;
-            display500: string;
-            display600: string;
-            display700: string;
-            display800: string;
-            display900: string;
-            body: string;
-            caption: string;
-            pageTitle: string;
-            sectionTitle: string;
-            sectionSubtitle: string;
-            button: string;
-            textInput: string;
-            default: string;
-        };
-        reactNative: {
-            display100: string;
-            display200: string;
-            display300: string;
-            display400: string;
-            display500: string;
-            display600: string;
-            display700: string;
-            display800: string;
-            display900: string;
-            body: string;
-            caption: string;
-            pageTitle: string;
-            sectionTitle: string;
-            sectionSubtitle: string;
-            button: string;
-            textInput: string;
-            microcopy: string;
-            navTitle: string;
-            navTitleCompacted: string;
-            default: string;
-        };
+        web: { [key in ("display100" | "display200" | "display300" | "display400" | "display500" | "display600" | "display700" | "display800" | "display900" | "body" | "caption" | "pageTitle" | "sectionTitle" | "sectionSubtitle" | "button" | "textInput") | "default"]: string; };
+        reactNative: { [key in import("../..").RnFontStyleKeys | "default"]: string; };
     }[T];
     fontSizes: {
-        web: {
-            display100: string;
-            display200: string;
-            display300: string;
-            display400: string;
-            display500: string;
-            display600: string;
-            display700: string;
-            display800: string;
-            display900: string;
-            body: string;
-            caption: string;
-            pageTitle: string;
-            sectionTitle: string;
-            sectionSubtitle: string;
-            button: string;
-            textInput: string;
-        };
-        reactNative: {
-            display100: string;
-            display200: string;
-            display300: string;
-            display400: string;
-            display500: string;
-            display600: string;
-            display700: string;
-            display800: string;
-            display900: string;
-            body: string;
-            caption: string;
-            pageTitle: string;
-            sectionTitle: string;
-            sectionSubtitle: string;
-            button: string;
-            textInput: string;
-            microcopy: string;
-            navTitle: string;
-            navTitleCompacted: string;
-        };
+        web: { [key in "display100" | "display200" | "display300" | "display400" | "display500" | "display600" | "display700" | "display800" | "display900" | "body" | "caption" | "pageTitle" | "sectionTitle" | "sectionSubtitle" | "button" | "textInput"]: string; };
+        reactNative: { [key in import("../..").RnFontStyleKeys]: string; };
     }[T];
     fontWeights: {
-        web: {
-            display100: number;
-            display200: number;
-            display300: number;
-            display400: number;
-            display500: number;
-            display600: number;
-            display700: number;
-            display800: number;
-            display900: number;
-            body: number;
-            caption: number;
-            pageTitle: number;
-            sectionTitle: number;
-            sectionSubtitle: number;
-            button: number;
-            textInput: number;
-        };
-        reactNative: {
-            display100: number;
-            display200: number;
-            display300: number;
-            display400: number;
-            display500: number;
-            display600: number;
-            display700: number;
-            display800: number;
-            display900: number;
-            body: number;
-            caption: number;
-            pageTitle: number;
-            sectionTitle: number;
-            sectionSubtitle: number;
-            button: number;
-            textInput: number;
-            microcopy: number;
-            navTitle: number;
-            navTitleCompacted: number;
-        };
+        web: { [key in "display100" | "display200" | "display300" | "display400" | "display500" | "display600" | "display700" | "display800" | "display900" | "body" | "caption" | "pageTitle" | "sectionTitle" | "sectionSubtitle" | "button" | "textInput"]: number; };
+        reactNative: { [key in import("../..").RnFontStyleKeys]: number; };
     }[T];
     letterSpacings: {
-        web: {
-            display100: number;
-            display200: number;
-            display300: number;
-            display400: number;
-            display500: number;
-            display600: number;
-            display700: number;
-            display800: number;
-            display900: number;
-            body: number;
-            caption: number;
-            pageTitle: number;
-            sectionTitle: number;
-            sectionSubtitle: number;
-            button: number;
-            textInput: number;
-        };
-        reactNative: {
-            display100: number;
-            display200: number;
-            display300: number;
-            display400: number;
-            display500: number;
-            display600: number;
-            display700: number;
-            display800: number;
-            display900: number;
-            body: number;
-            caption: number;
-            pageTitle: number;
-            sectionTitle: number;
-            sectionSubtitle: number;
-            button: number;
-            textInput: number;
-            microcopy: number;
-            navTitle: number;
-            navTitleCompacted: number;
-        };
+        web: { [key in "display100" | "display200" | "display300" | "display400" | "display500" | "display600" | "display700" | "display800" | "display900" | "body" | "caption" | "pageTitle" | "sectionTitle" | "sectionSubtitle" | "button" | "textInput"]: number; };
+        reactNative: { [key in import("../..").RnFontStyleKeys]: number; };
     }[T];
     lineHeights: {
-        web: {
-            display100: number;
-            display200: number;
-            display300: number;
-            display400: number;
-            display500: number;
-            display600: number;
-            display700: number;
-            display800: number;
-            display900: number;
-            body: number;
-            caption: number;
-            pageTitle: number;
-            sectionTitle: number;
-            sectionSubtitle: number;
-            button: number;
-            textInput: number;
-        };
-        reactNative: {
-            display100: number;
-            display200: number;
-            display300: number;
-            display400: number;
-            display500: number;
-            display600: number;
-            display700: number;
-            display800: number;
-            display900: number;
-            body: number;
-            caption: number;
-            pageTitle: number;
-            sectionTitle: number;
-            sectionSubtitle: number;
-            button: number;
-            textInput: number;
-            microcopy: number;
-            navTitle: number;
-            navTitleCompacted: number;
-        };
+        web: { [key in "display100" | "display200" | "display300" | "display400" | "display500" | "display600" | "display700" | "display800" | "display900" | "body" | "caption" | "pageTitle" | "sectionTitle" | "sectionSubtitle" | "button" | "textInput"]: number; };
+        reactNative: { [key in import("../..").RnFontStyleKeys]: number; };
     }[T];
     radii: import("../..").ThemeRadiiType<T>;
     shadows: import("../..").ThemeElevationType<T>;

package/dist/tokens/src/Theme/types.d.ts

@@ -3,8 +3,8 @@ import { FontStylesType } from "../Font/types";
 import { RadiiType } from "../Radii/types";
 import { SpaceType } from "../Space/types";
 import { Platforms } from "../types";
-declare type PossibleTokens = FontStylesType["web"] | FontStylesType["reactNative"] | RadiiType | ElevationsType | SpaceType;
-export declare type CommonGetterParams = {
+type PossibleTokens = FontStylesType["web"] | FontStylesType["reactNative"] | RadiiType | ElevationsType | SpaceType;
+export type CommonGetterParams = {
     platform: Platforms;
     tokens: PossibleTokens;
     getValue: (tokenData: any, platform: Platforms) => unknown;

package/dist/tokens/src/Theme/utils/appendPx.d.ts

@@ -1,6 +1,6 @@
-declare const _default: (value: any) => string | number;
 /**
  * Appends a value with 'px'
  * @returns number 0 or string with px added at end
  */
+declare const _default: (value: any) => string | number;
 export default _default;

package/dist/tokens/src/Theme/utils/convertScalesToStitches.d.ts

@@ -2,7 +2,7 @@
  * Converts a "raw" color token to  `primary1: 'rgba(12, 34, 56, 1)'`
  */
 import { Palette } from "../../Color/types";
-declare type CommonThemeValue = {
+type CommonThemeValue = {
     [token: string]: string;
 };
 declare const _default: (scalesInput: Palette) => CommonThemeValue;

package/dist/tokens/src/Theme/utils/createBoxShadows.d.ts

@@ -1,7 +1,7 @@
 import { ElevationToken } from "../../Elevation/types";
-declare const _default: (elevation: ElevationToken["data"]) => string;
 /**
  * Creates a CSS-compliant box shadow value based on the design token input
  * @returns string
  */
+declare const _default: (elevation: ElevationToken["data"]) => string;
 export default _default;

package/dist/tokens/src/Theme/utils/createScaleInStitchesFormat.d.ts

@@ -1,7 +1,7 @@
 import type { BaseColors, ColorScale, StitchesColorScale } from "../../Color/types";
-declare const _default: <C extends BaseColors>(colorGroup: ColorScale<C>) => StitchesColorScale<C>;
 /**
  * Take a ColorScale and output it as an object representing the steps in`blue1: hsla(h, s, l, a)`
  * @returns all the colors in a scale as an object with its hslaString as the value
  */
+declare const _default: <C extends BaseColors>(colorGroup: ColorScale<C>) => StitchesColorScale<C>;
 export default _default;

package/dist/tokens/src/types.d.ts

@@ -4,4 +4,4 @@ export interface BaseToken {
     category?: string;
     data: unknown;
 }
-export declare type Platforms = "web" | "reactNative";
+export type Platforms = "web" | "reactNative";