@vitality-ds/components 4.0.0 → 4.0.1-alpha.2

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

@@ -1,21 +1,43 @@
 import { Platforms } from "../../types";
 declare const _default: <T extends Platforms>(platform: T) => {
-    body: number;
-    caption: number;
-    pageTitle: number;
-    sectionTitle: number;
-    sectionSubtitle: number;
-    button: number;
-    textInput: number;
-    display100: number;
-    display200: number;
-    display300: number;
-    display400: number;
-    display500: number;
-    display600: number;
-    display700: number;
-    display800: number;
-    display900: number;
-};
+    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;
+        microcopy: number;
+        navTitle: number;
+        navTitleCompacted: number;
+    };
+}[T];
 export default _default;
 //# sourceMappingURL=getLetterSpacings.d.ts.map

package/dist/tokens/src/Theme/getters/getLetterSpacings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getLetterSpacings.d.ts","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getLetterSpacings.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;AAiBxC,wBAKiD"}
+{"version":3,"file":"getLetterSpacings.d.ts","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getLetterSpacings.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBxC,wBAKiD"}

package/dist/tokens/src/Theme/getters/getLetterSpacings.js

@@ -3,14 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Font_1 = require("../../Font");
+var constants_1 = require("../constants");
 var commonGetter_1 = __importDefault(require("./commonGetter"));
 var getLetterSpacingValue = function (_a, platform) {
     var letterSpacing = _a.letterSpacing;
     switch (platform) {
         case "web":
             return letterSpacing;
-        case "react-native":
+        case "reactNative":
             return letterSpacing;
         default:
             return letterSpacing;
@@ -19,7 +19,7 @@ var getLetterSpacingValue = function (_a, platform) {
 exports.default = (function (platform) {
     return (0, commonGetter_1.default)({
         platform: platform,
-        tokens: Font_1.FontStyles,
+        tokens: constants_1.fontStylesTokens[platform],
         getValue: getLetterSpacingValue,
     });
 });

package/dist/tokens/src/Theme/getters/getLetterSpacings.js.map

@@ -1 +1 @@
-{"version":3,"file":"getLetterSpacings.js","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getLetterSpacings.ts"],"names":[],"mappings":";;;;;AAAA,mCAAwC;AAGxC,gEAA0C;AAE1C,IAAM,qBAAqB,GAAG,UAC5B,EAAwC,EACxC,QAAmB;QADjB,aAAa,mBAAA;IAGf,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO,aAAa,CAAC;QACvB,KAAK,cAAc;YACjB,OAAO,aAAa,CAAC;QACvB;YACE,OAAO,aAAa,CAAC;KACxB;AACH,CAAC,CAAC;AAEF,mBAAe,UAAsB,QAAW;IAC9C,OAAA,IAAA,sBAAY,EAAC;QACX,QAAQ,UAAA;QACR,MAAM,EAAE,iBAAU;QAClB,QAAQ,EAAE,qBAAqB;KAChC,CAA6C;AAJ9C,CAI8C,EAAC"}
+{"version":3,"file":"getLetterSpacings.js","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getLetterSpacings.ts"],"names":[],"mappings":";;;;;AAEA,0CAAgD;AAChD,gEAA0C;AAE1C,IAAM,qBAAqB,GAAG,UAC5B,EAAwC,EACxC,QAAmB;QADjB,aAAa,mBAAA;IAGf,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO,aAAa,CAAC;QACvB,KAAK,aAAa;YAChB,OAAO,aAAa,CAAC;QACvB;YACE,OAAO,aAAa,CAAC;KACxB;AACH,CAAC,CAAC;AAEF,mBAAe,UAAsB,QAAW;IAC9C,OAAA,IAAA,sBAAY,EAAC;QACX,QAAQ,UAAA;QACR,MAAM,EAAE,4BAAgB,CAAC,QAAQ,CAAC;QAClC,QAAQ,EAAE,qBAAqB;KAChC,CAA6C;AAJ9C,CAI8C,EAAC"}

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

@@ -1,21 +1,43 @@
 import { Platforms } from "../../types";
 declare const _default: <T extends Platforms>(platform: T) => {
-    body: number;
-    caption: number;
-    pageTitle: number;
-    sectionTitle: number;
-    sectionSubtitle: number;
-    button: number;
-    textInput: number;
-    display100: number;
-    display200: number;
-    display300: number;
-    display400: number;
-    display500: number;
-    display600: number;
-    display700: number;
-    display800: number;
-    display900: number;
-};
+    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;
+        microcopy: number;
+        navTitle: number;
+        navTitleCompacted: number;
+    };
+}[T];
 export default _default;
 //# sourceMappingURL=getLineHeights.d.ts.map

package/dist/tokens/src/Theme/getters/getLineHeights.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getLineHeights.d.ts","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getLineHeights.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;AAiBxC,wBAK8C"}
+{"version":3,"file":"getLineHeights.d.ts","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getLineHeights.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBxC,wBAK8C"}

package/dist/tokens/src/Theme/getters/getLineHeights.js

@@ -3,14 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Font_1 = require("../../Font");
+var constants_1 = require("../constants");
 var commonGetter_1 = __importDefault(require("./commonGetter"));
 var getLineHeightValue = function (_a, platform) {
     var lineHeight = _a.lineHeight;
     switch (platform) {
         case "web":
             return lineHeight;
-        case "react-native":
+        case "reactNative":
             return lineHeight;
         default:
             return lineHeight;
@@ -19,7 +19,7 @@ var getLineHeightValue = function (_a, platform) {
 exports.default = (function (platform) {
     return (0, commonGetter_1.default)({
         platform: platform,
-        tokens: Font_1.FontStyles,
+        tokens: constants_1.fontStylesTokens[platform],
         getValue: getLineHeightValue,
     });
 });

package/dist/tokens/src/Theme/getters/getLineHeights.js.map

@@ -1 +1 @@
-{"version":3,"file":"getLineHeights.js","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getLineHeights.ts"],"names":[],"mappings":";;;;;AAAA,mCAAwC;AAGxC,gEAA0C;AAE1C,IAAM,kBAAkB,GAAG,UACzB,EAAqC,EACrC,QAAmB;QADjB,UAAU,gBAAA;IAGZ,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO,UAAU,CAAC;QACpB,KAAK,cAAc;YACjB,OAAO,UAAU,CAAC;QACpB;YACE,OAAO,UAAU,CAAC;KACrB;AACH,CAAC,CAAC;AAEF,mBAAe,UAAsB,QAAW;IAC9C,OAAA,IAAA,sBAAY,EAAC;QACX,QAAQ,UAAA;QACR,MAAM,EAAE,iBAAU;QAClB,QAAQ,EAAE,kBAAkB;KAC7B,CAA0C;AAJ3C,CAI2C,EAAC"}
+{"version":3,"file":"getLineHeights.js","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getLineHeights.ts"],"names":[],"mappings":";;;;;AAEA,0CAAgD;AAChD,gEAA0C;AAE1C,IAAM,kBAAkB,GAAG,UACzB,EAAqC,EACrC,QAAmB;QADjB,UAAU,gBAAA;IAGZ,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO,UAAU,CAAC;QACpB,KAAK,aAAa;YAChB,OAAO,UAAU,CAAC;QACpB;YACE,OAAO,UAAU,CAAC;KACrB;AACH,CAAC,CAAC;AAEF,mBAAe,UAAsB,QAAW;IAC9C,OAAA,IAAA,sBAAY,EAAC;QACX,QAAQ,UAAA;QACR,MAAM,EAAE,4BAAgB,CAAC,QAAQ,CAAC;QAClC,QAAQ,EAAE,kBAAkB;KAC7B,CAA0C;AAJ3C,CAI2C,EAAC"}

package/dist/tokens/src/Theme/getters/getRadii.js

@@ -11,7 +11,7 @@ var getLineHeightValue = function (_a, platform) {
     switch (platform) {
         case "web":
             return (0, appendPx_1.default)(value);
-        case "react-native":
+        case "reactNative":
             return value;
         default:
             return value;

package/dist/tokens/src/Theme/getters/getRadii.js.map

@@ -1 +1 @@
-{"version":3,"file":"getRadii.js","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getRadii.ts"],"names":[],"mappings":";;;;;AAAA,qCAAoC;AAGpC,+DAAyC;AACzC,gEAA0C;AAE1C,IAAM,kBAAkB,GAAG,UACzB,EAA8B,EAC9B,QAAmB;QADjB,KAAK,WAAA;IAGP,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO,IAAA,kBAAQ,EAAC,KAAK,CAAC,CAAC;QACzB,KAAK,cAAc;YACjB,OAAO,KAAK,CAAC;QACf;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC,CAAC;AAEF,mBAAe,UAAsB,QAAW;IAC9C,OAAA,IAAA,sBAAY,EAAC;QACX,QAAQ,UAAA;QACR,MAAM,EAAE,aAAK;QACb,QAAQ,EAAE,kBAAkB;KAC7B,CAAsB;AAJvB,CAIuB,EAAC"}
+{"version":3,"file":"getRadii.js","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getRadii.ts"],"names":[],"mappings":";;;;;AAAA,qCAAoC;AAGpC,+DAAyC;AACzC,gEAA0C;AAE1C,IAAM,kBAAkB,GAAG,UACzB,EAA8B,EAC9B,QAAmB;QADjB,KAAK,WAAA;IAGP,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO,IAAA,kBAAQ,EAAC,KAAK,CAAC,CAAC;QACzB,KAAK,aAAa;YAChB,OAAO,KAAK,CAAC;QACf;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC,CAAC;AAEF,mBAAe,UAAsB,QAAW;IAC9C,OAAA,IAAA,sBAAY,EAAC;QACX,QAAQ,UAAA;QACR,MAAM,EAAE,aAAK;QACb,QAAQ,EAAE,kBAAkB;KAC7B,CAAsB;AAJvB,CAIuB,EAAC"}

package/dist/tokens/src/Theme/getters/getShadows.js

@@ -9,7 +9,7 @@ var getShadows = function (data, platform) {
     switch (platform) {
         case "web":
             return (0, createBoxShadows_1.default)(data);
-        case "react-native":
+        case "reactNative":
             return data;
         default:
             return null;
@@ -18,7 +18,7 @@ var getShadows = function (data, platform) {
 exports.default = (function (platform) {
     var output = {};
     Object.keys(Elevation_1.Elevations).map(function (token) {
-        if (platform === "react-native") {
+        if (platform === "reactNative") {
             output[token] = getShadows(Elevation_1.Elevations[token].dataRN, platform);
             return null;
         }

package/dist/tokens/src/Theme/getters/getShadows.js.map

@@ -1 +1 @@
-{"version":3,"file":"getShadows.js","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getShadows.ts"],"names":[],"mappings":";;;;;AAAA,6CAA6C;AAO7C,+EAAyD;AAEzD,IAAM,UAAU,GAAG,UACjB,IAAuD,EACvD,QAAmB;IAEnB,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO,IAAA,0BAAgB,EAAC,IAA8B,CAAC,CAAC;QAC1D,KAAK,cAAc;YACjB,OAAO,IAAI,CAAC;QACd;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAEF,mBAAe,UAAsB,QAAW;IAC9C,IAAM,MAAM,GAAG,EAAE,CAAC;IAElB,MAAM,CAAC,IAAI,CAAC,sBAAU,CAAC,CAAC,GAAG,CAAC,UAAC,KAAqB;QAChD,IAAI,QAAQ,KAAK,cAAc,EAAE;YAC/B,MAAM,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YAC/D,OAAO,IAAI,CAAC;SACb;QAED,MAAM,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC7D,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,OAAO,MAA+B,CAAC;AACzC,CAAC,EAAC"}
+{"version":3,"file":"getShadows.js","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getShadows.ts"],"names":[],"mappings":";;;;;AAAA,6CAA6C;AAO7C,+EAAyD;AAEzD,IAAM,UAAU,GAAG,UACjB,IAAuD,EACvD,QAAmB;IAEnB,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO,IAAA,0BAAgB,EAAC,IAA8B,CAAC,CAAC;QAC1D,KAAK,aAAa;YAChB,OAAO,IAAI,CAAC;QACd;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAEF,mBAAe,UAAsB,QAAW;IAC9C,IAAM,MAAM,GAAG,EAAE,CAAC;IAElB,MAAM,CAAC,IAAI,CAAC,sBAAU,CAAC,CAAC,GAAG,CAAC,UAAC,KAAqB;QAChD,IAAI,QAAQ,KAAK,aAAa,EAAE;YAC9B,MAAM,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YAC/D,OAAO,IAAI,CAAC;SACb;QAED,MAAM,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC7D,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,OAAO,MAA+B,CAAC;AACzC,CAAC,EAAC"}

package/dist/tokens/src/Theme/getters/getSpace.js

@@ -11,7 +11,7 @@ var getSpaceValue = function (_a, platform) {
     switch (platform) {
         case "web":
             return (0, appendPx_1.default)(value);
-        case "react-native":
+        case "reactNative":
             return value;
         default:
             return value;

package/dist/tokens/src/Theme/getters/getSpace.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSpace.js","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getSpace.ts"],"names":[],"mappings":";;;;;AAAA,qCAAoC;AAGpC,+DAAyC;AACzC,gEAA0C;AAE1C,IAAM,aAAa,GAAG,UAAC,EAA6B,EAAE,QAAmB;QAAhD,KAAK,WAAA;IAC5B,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO,IAAA,kBAAQ,EAAC,KAAK,CAAC,CAAC;QACzB,KAAK,cAAc;YACjB,OAAO,KAAK,CAAC;QACf;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC,CAAC;AACF,wFAAwF;AACxF,mBAAe,UAAsB,QAAW;IAC9C,OAAA,IAAA,sBAAY,EAAC;QACX,QAAQ,UAAA;QACR,MAAM,EAAE,aAAK;QACb,QAAQ,EAAE,aAAa;KACxB,CAAsB;AAJvB,CAIuB,EAAC"}
+{"version":3,"file":"getSpace.js","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getSpace.ts"],"names":[],"mappings":";;;;;AAAA,qCAAoC;AAGpC,+DAAyC;AACzC,gEAA0C;AAE1C,IAAM,aAAa,GAAG,UAAC,EAA6B,EAAE,QAAmB;QAAhD,KAAK,WAAA;IAC5B,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO,IAAA,kBAAQ,EAAC,KAAK,CAAC,CAAC;QACzB,KAAK,aAAa;YAChB,OAAO,KAAK,CAAC;QACf;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC,CAAC;AACF,wFAAwF;AACxF,mBAAe,UAAsB,QAAW;IAC9C,OAAA,IAAA,sBAAY,EAAC;QACX,QAAQ,UAAA;QACR,MAAM,EAAE,aAAK;QACb,QAAQ,EAAE,aAAa;KACxB,CAAsB;AAJvB,CAIuB,EAAC"}

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

@@ -215,96 +215,207 @@ declare const getTheme: <T extends Platforms>(platform: T) => {
         };
     };
     fonts: {
-        body: string;
-        caption: string;
-        pageTitle: string;
-        sectionTitle: string;
-        sectionSubtitle: string;
-        button: string;
-        textInput: string;
-        display100: string;
-        display200: string;
-        display300: string;
-        display400: string;
-        display500: string;
-        display600: string;
-        display700: string;
-        display800: string;
-        display900: string;
-        default: string;
-    };
+        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;
+            microcopy: string;
+            navTitle: string;
+            navTitleCompacted: string;
+            default: string;
+        };
+    }[T];
     fontSizes: {
-        body: import("../..").FontSizePlatformValues[T];
-        caption: import("../..").FontSizePlatformValues[T];
-        pageTitle: import("../..").FontSizePlatformValues[T];
-        sectionTitle: import("../..").FontSizePlatformValues[T];
-        sectionSubtitle: import("../..").FontSizePlatformValues[T];
-        button: import("../..").FontSizePlatformValues[T];
-        textInput: import("../..").FontSizePlatformValues[T];
-        display100: import("../..").FontSizePlatformValues[T];
-        display200: import("../..").FontSizePlatformValues[T];
-        display300: import("../..").FontSizePlatformValues[T];
-        display400: import("../..").FontSizePlatformValues[T];
-        display500: import("../..").FontSizePlatformValues[T];
-        display600: import("../..").FontSizePlatformValues[T];
-        display700: import("../..").FontSizePlatformValues[T];
-        display800: import("../..").FontSizePlatformValues[T];
-        display900: import("../..").FontSizePlatformValues[T];
-    };
+        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;
+            microcopy: string;
+            navTitle: string;
+            navTitleCompacted: string;
+        };
+    }[T];
     fontWeights: {
-        body: number;
-        caption: number;
-        pageTitle: number;
-        sectionTitle: number;
-        sectionSubtitle: number;
-        button: number;
-        textInput: number;
-        display100: number;
-        display200: number;
-        display300: number;
-        display400: number;
-        display500: number;
-        display600: number;
-        display700: number;
-        display800: number;
-        display900: number;
-    };
+        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;
+            microcopy: number;
+            navTitle: number;
+            navTitleCompacted: number;
+        };
+    }[T];
     letterSpacings: {
-        body: number;
-        caption: number;
-        pageTitle: number;
-        sectionTitle: number;
-        sectionSubtitle: number;
-        button: number;
-        textInput: number;
-        display100: number;
-        display200: number;
-        display300: number;
-        display400: number;
-        display500: number;
-        display600: number;
-        display700: number;
-        display800: number;
-        display900: number;
-    };
+        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;
+            microcopy: number;
+            navTitle: number;
+            navTitleCompacted: number;
+        };
+    }[T];
     lineHeights: {
-        body: number;
-        caption: number;
-        pageTitle: number;
-        sectionTitle: number;
-        sectionSubtitle: number;
-        button: number;
-        textInput: number;
-        display100: number;
-        display200: number;
-        display300: number;
-        display400: number;
-        display500: number;
-        display600: number;
-        display700: number;
-        display800: number;
-        display900: number;
-    };
+        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;
+            microcopy: number;
+            navTitle: number;
+            navTitleCompacted: number;
+        };
+    }[T];
     radii: import("../..").ThemeRadiiType<T>;
     shadows: import("../..").ThemeElevationType<T>;
     space: import("../..").ThemeSpaceType<T>;

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

@@ -1 +1 @@
-{"version":3,"file":"getTheme.d.ts","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAYxC,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"getTheme.d.ts","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAYxC,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/tokens/src/Theme/getters/getZIndices.js

@@ -11,7 +11,7 @@ exports.default = (function (platform) {
                 tooltip: 5500,
                 portalElement: 5600,
             };
-        case "react-native":
+        case "reactNative":
             return null;
         default:
             return null;

package/dist/tokens/src/Theme/getters/getZIndices.js.map

@@ -1 +1 @@
-{"version":3,"file":"getZIndices.js","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getZIndices.ts"],"names":[],"mappings":";;AAEA,mBAAe,UAAC,QAAmB;IACjC,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO;gBACL,gBAAgB,EAAE,IAAI;gBACtB,OAAO,EAAE,IAAI;gBACb,MAAM,EAAE,IAAI;gBACZ,KAAK,EAAE,IAAI;gBACX,OAAO,EAAE,IAAI;gBACb,aAAa,EAAE,IAAI;aACpB,CAAC;QACJ,KAAK,cAAc;YACjB,OAAO,IAAI,CAAC;QACd;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,EAAC"}
+{"version":3,"file":"getZIndices.js","sourceRoot":"","sources":["../../../../../../tokens/src/Theme/getters/getZIndices.ts"],"names":[],"mappings":";;AAEA,mBAAe,UAAC,QAAmB;IACjC,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO;gBACL,gBAAgB,EAAE,IAAI;gBACtB,OAAO,EAAE,IAAI;gBACb,MAAM,EAAE,IAAI;gBACZ,KAAK,EAAE,IAAI;gBACX,OAAO,EAAE,IAAI;gBACb,aAAa,EAAE,IAAI;aACpB,CAAC;QACJ,KAAK,aAAa;YAChB,OAAO,IAAI,CAAC;QACd;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,EAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../tokens/src/Theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,aAAK,cAAc,GAAG,cAAc,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,CAAC;AAE9E,oBAAY,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,CAAC,SAAS,KAAA,EAAE,QAAQ,EAAE,SAAS,KAAK,OAAO,CAAC;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;CACnD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../tokens/src/Theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,aAAK,cAAc,GACf,cAAc,CAAC,KAAK,CAAC,GACrB,cAAc,CAAC,aAAa,CAAC,GAC7B,SAAS,GACT,cAAc,GACd,SAAS,CAAC;AAEd,oBAAY,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,CAAC,SAAS,KAAA,EAAE,QAAQ,EAAE,SAAS,KAAK,OAAO,CAAC;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;CACnD,CAAC"}

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

@@ -4,5 +4,5 @@ export interface BaseToken {
     category?: string;
     data: unknown;
 }
-export declare type Platforms = "web" | "react-native";
+export declare type Platforms = "web" | "reactNative";
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../tokens/src/types.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;CACf;AAED,oBAAY,SAAS,GAAG,KAAK,GAAG,cAAc,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../tokens/src/types.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;CACf;AAED,oBAAY,SAAS,GAAG,KAAK,GAAG,aAAa,CAAC"}