@gympass/yoga 7.99.1 → 7.100.1

package/cjs/Text/Text.theme.js

@@ -22,6 +22,36 @@ __export(Text_theme_exports, {
 });
 module.exports = __toCommonJS(Text_theme_exports);
 const Text = ({ fontSizes, lineHeights, fontWeights }) => ({
+  display1: {
+    fontFamily: "NaN Holo Condensed",
+    fontsize: fontSizes.xhuge,
+    lineHeight: lineHeights.xhuge,
+    fontWeight: fontWeights.bold
+  },
+  display2: {
+    fontFamily: "NaN Holo Condensed",
+    fontsize: fontSizes.xxxlarge,
+    lineHeight: lineHeights.xxlarge,
+    fontWeight: fontWeights.bold
+  },
+  display3: {
+    fontFamily: "NaN Holo Condensed",
+    fontsize: fontSizes.xxlarge,
+    lineHeight: lineHeights.xlarge,
+    fontWeight: fontWeights.bold
+  },
+  display4: {
+    fontFamily: "NaN Holo Condensed",
+    fontsize: fontSizes.xlarge,
+    lineHeight: lineHeights.medium,
+    fontWeight: fontWeights.bold
+  },
+  displayNumber: {
+    fontFamily: "NaN Holo Condensed",
+    fontsize: fontSizes.xxxlarge,
+    lineHeight: lineHeights.xxlarge,
+    fontWeight: fontWeights.bold
+  },
   h1: {
     fontsize: fontSizes.huge,
     lineHeight: lineHeights.huge,

package/cjs/Text/native/Text.js

@@ -44,6 +44,11 @@ var Text_exports = {};
 __export(Text_exports, {
   Black: () => Black,
   Bold: () => Bold,
+  Display1: () => Display1,
+  Display2: () => Display2,
+  Display3: () => Display3,
+  Display4: () => Display4,
+  DisplayNumber: () => DisplayNumber,
   H1: () => H1,
   H2: () => H2,
   H3: () => H3,
@@ -98,6 +103,16 @@ const SectionTitle = styledText("sectionTitle");
 SectionTitle.displayName = "Text.SectionTitle";
 const SmallestException = styledText("smallestException");
 SmallestException.displayName = "Text.SmallestException";
+const Display1 = styledText("display1");
+Display1.displayName = "Text.Display1";
+const Display2 = styledText("display2");
+Display2.displayName = "Text.Display2";
+const Display3 = styledText("display3");
+Display3.displayName = "Text.Display3";
+const Display4 = styledText("display4");
+Display4.displayName = "Text.Display4";
+const DisplayNumber = styledText("displayNumber");
+DisplayNumber.displayName = "Text.DisplayNumber";
 const TextRenderer = styledText("p");
 const Text = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextRenderer, __spreadValues({}, props));
 Text.displayName = "Text";
@@ -115,6 +130,11 @@ Text.Bold = Bold;
 Text.Black = Black;
 Text.SectionTitle = SectionTitle;
 Text.SmallestException = SmallestException;
+Text.Display1 = Display1;
+Text.Display2 = Display2;
+Text.Display3 = Display3;
+Text.Display4 = Display4;
+Text.DisplayNumber = DisplayNumber;
 const fontSizes = (0, import_prop_types.oneOf)([
   "xxsmall",
   "xsmall",
@@ -167,6 +187,11 @@ Text.defaultProps = {
 0 && (module.exports = {
   Black,
   Bold,
+  Display1,
+  Display2,
+  Display3,
+  Display4,
+  DisplayNumber,
   H1,
   H2,
   H3,

package/cjs/Text/native/Text.test.js

@@ -31,6 +31,11 @@ describe("<Text />", () => {
     it("should match snapshot with Text", () => {
       const { toJSON } = (0, import_react_native.render)(
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display1, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display2, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display3, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display4, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.DisplayNumber, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H1, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H2, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H3, { children: "Live the mission" }),

package/cjs/Text/native/index.js

@@ -20,6 +20,11 @@ var native_exports = {};
 __export(native_exports, {
   Black: () => import_Text.Black,
   Bold: () => import_Text.Bold,
+  Display1: () => import_Text.Display1,
+  Display2: () => import_Text.Display2,
+  Display3: () => import_Text.Display3,
+  Display4: () => import_Text.Display4,
+  DisplayNumber: () => import_Text.DisplayNumber,
   H1: () => import_Text.H1,
   H2: () => import_Text.H2,
   H3: () => import_Text.H3,
@@ -40,6 +45,11 @@ var import_Text = require("./Text");
 0 && (module.exports = {
   Black,
   Bold,
+  Display1,
+  Display2,
+  Display3,
+  Display4,
+  DisplayNumber,
   H1,
   H2,
   H3,

package/cjs/Text/sharedTextStyle.js

@@ -24,26 +24,17 @@ module.exports = __toCommonJS(sharedTextStyle_exports);
 var import_styled_components = require("styled-components");
 const textStyle = (type) => () => import_styled_components.css`
     ${({
-  light,
   variant,
   inverted,
   fontSize = "medium",
   size = "medium",
   theme: {
     yoga: {
-      baseFont,
-      fontWeights,
       fontSizes: { [size || fontSize]: pSize },
       colors: { [variant]: color, text, white },
       components: {
         text: {
-          [type]: {
-            fontsize,
-            lineHeight,
-            fontWeight,
-            textTransform,
-            letterSpacing
-          }
+          [type]: { fontsize, lineHeight, textTransform, letterSpacing }
         }
       }
     }
@@ -52,10 +43,7 @@ const textStyle = (type) => () => import_styled_components.css`
     font-size: ${fontsize || pSize}px;
     ${letterSpacing ? `letter-spacing: ${letterSpacing}px;` : ""}
     ${lineHeight ? `line-height: ${lineHeight}px;` : ""}
-    ${fontWeight ? `font-weight: ${fontWeight};` : ""}
-    ${light ? `font-weight: ${fontWeights.light};` : ""}
 
-    font-family: ${baseFont.family};
     color: ${variant ? color : text.primary};
     ${inverted ? `color: ${white};` : ""}
     ${textTransform ? `text-transform: ${textTransform};` : ""}

package/cjs/Text/textStyle.android.js

@@ -43,15 +43,23 @@ const textStyle = (type) => () => import_styled_components.css`
       fontWeights,
       components: {
         text: {
-          [type]: { fontWeight }
+          [type]: { fontFamily, fontWeight }
         }
       }
     }
   }
-}) => `
-  font-family: ${fontWeight === 400 ? baseFont.family : `${baseFont.family}-${fontWeight}`};
-    
-  ${light ? `font-family: ${baseFont.family}-${fontWeights.light};` : ""}
-  `}
+}) => {
+  let finalFontFamily;
+  if (fontFamily) {
+    finalFontFamily = `${fontFamily}-${fontWeight}`;
+  } else {
+    finalFontFamily = fontWeight === 400 ? baseFont.family : `${baseFont.family}-${fontWeight}`;
+  }
+  return import_styled_components.css`
+        font-family: '${finalFontFamily}';
+
+        ${light ? `font-family: ${baseFont.family}-${fontWeights.light};` : ""}
+      `;
+}}
   `;
 var textStyle_android_default = textStyle;

package/cjs/Text/textStyle.ios.js

@@ -35,5 +35,26 @@ var import_styled_components = require("styled-components");
 var import_sharedTextStyle = __toESM(require("./sharedTextStyle"));
 const textStyle = (type) => () => import_styled_components.css`
     ${(0, import_sharedTextStyle.default)(type)};
+    ${({
+  light,
+  theme: {
+    yoga: {
+      baseFont,
+      fontWeights,
+      components: {
+        text: {
+          [type]: { fontFamily, fontWeight }
+        }
+      }
+    }
+  }
+}) => {
+  const finalFontFamily = fontFamily || baseFont.family;
+  return import_styled_components.css`
+        font-family: ${finalFontFamily};
+        ${fontWeight ? `font-weight: ${fontWeight};` : ""}
+        ${light ? `font-weight: ${fontWeights.light};` : ""}
+      `;
+}}
   `;
 var textStyle_ios_default = textStyle;

package/cjs/Text/textStyle.web.js

@@ -35,13 +35,34 @@ var import_styled_components = require("styled-components");
 var import_sharedTextStyle = __toESM(require("./sharedTextStyle"));
 const textStyle = (type) => () => import_styled_components.css`
     ${(0, import_sharedTextStyle.default)(type)};
-    ${({ numberOfLines }) => `
-    ${numberOfLines ? `
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: ${numberOfLines};
-        overflow: hidden;
-      ` : ""}
-  `}
+
+    ${({
+  light,
+  numberOfLines,
+  theme: {
+    yoga: {
+      baseFont,
+      fontWeights,
+      components: {
+        text: {
+          [type]: { fontFamily, fontWeight }
+        }
+      }
+    }
+  }
+}) => {
+  return import_styled_components.css`
+        ${numberOfLines ? `
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: ${numberOfLines};
+            overflow: hidden;
+          ` : ""}
+
+        font-family: ${fontFamily ? `${fontFamily}, ` : ""}${baseFont.family};
+        ${fontWeight ? `font-weight: ${fontWeight};` : ""}
+        ${light ? `font-weight: ${fontWeights.light};` : ""}
+      `;
+}}
   `;
 var textStyle_web_default = textStyle;

package/cjs/Text/web/Text.js

@@ -44,6 +44,11 @@ var Text_exports = {};
 __export(Text_exports, {
   Black: () => Black,
   Bold: () => Bold,
+  Display1: () => Display1,
+  Display2: () => Display2,
+  Display3: () => Display3,
+  Display4: () => Display4,
+  DisplayNumber: () => DisplayNumber,
   H1: () => H1,
   H2: () => H2,
   H3: () => H3,
@@ -101,6 +106,16 @@ const SectionTitle = styledText("sectionTitle");
 SectionTitle.displayName = "Text.SectionTitle";
 const SmallestException = styledText("smallestException");
 SmallestException.displayName = "Text.SmallestException";
+const Display1 = styledText("display1");
+Display1.displayName = "Text.Display1";
+const Display2 = styledText("display2");
+Display2.displayName = "Text.Display2";
+const Display3 = styledText("display3");
+Display3.displayName = "Text.Display3";
+const Display4 = styledText("display4");
+Display4.displayName = "Text.Display4";
+const DisplayNumber = styledText("displayNumber");
+DisplayNumber.displayName = "Text.DisplayNumber";
 const TextRenderer = styledText("p");
 const Text = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextRenderer, __spreadValues({}, props));
 Text.displayName = "Text";
@@ -118,6 +133,11 @@ Text.Bold = Bold;
 Text.Black = Black;
 Text.SectionTitle = SectionTitle;
 Text.SmallestException = SmallestException;
+Text.Display1 = Display1;
+Text.Display2 = Display2;
+Text.Display3 = Display3;
+Text.Display4 = Display4;
+Text.DisplayNumber = DisplayNumber;
 const fontSizes = (0, import_prop_types.oneOf)([
   "xxsmall",
   "xsmall",
@@ -172,6 +192,11 @@ Text.defaultProps = {
 0 && (module.exports = {
   Black,
   Bold,
+  Display1,
+  Display2,
+  Display3,
+  Display4,
+  DisplayNumber,
   H1,
   H2,
   H3,

package/cjs/Text/web/Text.test.js

@@ -31,6 +31,11 @@ describe("<Text />", () => {
     it("should match snapshot with Text", () => {
       const { container } = (0, import_react2.render)(
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display1, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display2, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display3, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display4, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.DisplayNumber, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H1, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H2, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H3, { children: "Live the mission" }),

package/cjs/Text/web/index.js

@@ -20,6 +20,11 @@ var web_exports = {};
 __export(web_exports, {
   Black: () => import_Text.Black,
   Bold: () => import_Text.Bold,
+  Display1: () => import_Text.Display1,
+  Display2: () => import_Text.Display2,
+  Display3: () => import_Text.Display3,
+  Display4: () => import_Text.Display4,
+  DisplayNumber: () => import_Text.DisplayNumber,
   H1: () => import_Text.H1,
   H2: () => import_Text.H2,
   H3: () => import_Text.H3,
@@ -40,6 +45,11 @@ var import_Text = require("./Text");
 0 && (module.exports = {
   Black,
   Bold,
+  Display1,
+  Display2,
+  Display3,
+  Display4,
+  DisplayNumber,
   H1,
   H2,
   H3,

package/cjs/Theme/Provider/web/FontLoader.test.js

@@ -33,7 +33,7 @@ describe("FontLoader component", () => {
     );
     const link = document.getElementsByTagName("link").item(0).outerHTML;
     expect(link).toContain(
-      `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,800,300i,400i,500i,700i,900i,800i">`
+      `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,300i,400i,500i,700i,900i">`
     );
   });
 });

package/cjs/Theme/Provider/web/GlobalStyle.js

@@ -32,6 +32,8 @@ const GlobalStyle = import_styled_components.createGlobalStyle`
 }) => `
     body {
       font-family: "${family}";
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
     }
   `}
 `;

package/cjs/Theme/Provider/web/GlobalStyle.test.js

@@ -38,6 +38,8 @@ describe("GlobalStyle component", () => {
     (0, import_expectCssMatches.default)(
       `body {
         font-family: "${baseFont.family}";
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
       }`
     );
   });

package/cjs/Theme/theme/v3theme.js

@@ -81,12 +81,7 @@ const v3theme = (0, import_themeGenerator.default)((tokens) => ({
       backgroundAndDisabled: tokens.colors.clearNew
     }
   },
-  baseFont: tokens.fonts.inter,
-  fontWeights: {
-    regular: tokens.fontWeights.regularNew,
-    medium: tokens.fontWeights.mediumNew,
-    bold: tokens.fontWeights.boldNew
-  }
+  baseFont: tokens.fonts.inter
 }));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/esm/Text/Text.theme.js

@@ -1,4 +1,34 @@
 const Text = ({ fontSizes, lineHeights, fontWeights }) => ({
+  display1: {
+    fontFamily: "NaN Holo Condensed",
+    fontsize: fontSizes.xhuge,
+    lineHeight: lineHeights.xhuge,
+    fontWeight: fontWeights.bold
+  },
+  display2: {
+    fontFamily: "NaN Holo Condensed",
+    fontsize: fontSizes.xxxlarge,
+    lineHeight: lineHeights.xxlarge,
+    fontWeight: fontWeights.bold
+  },
+  display3: {
+    fontFamily: "NaN Holo Condensed",
+    fontsize: fontSizes.xxlarge,
+    lineHeight: lineHeights.xlarge,
+    fontWeight: fontWeights.bold
+  },
+  display4: {
+    fontFamily: "NaN Holo Condensed",
+    fontsize: fontSizes.xlarge,
+    lineHeight: lineHeights.medium,
+    fontWeight: fontWeights.bold
+  },
+  displayNumber: {
+    fontFamily: "NaN Holo Condensed",
+    fontsize: fontSizes.xxxlarge,
+    lineHeight: lineHeights.xxlarge,
+    fontWeight: fontWeights.bold
+  },
   h1: {
     fontsize: fontSizes.huge,
     lineHeight: lineHeights.huge,

package/esm/Text/native/Text.js

@@ -53,6 +53,16 @@ const SectionTitle = styledText("sectionTitle");
 SectionTitle.displayName = "Text.SectionTitle";
 const SmallestException = styledText("smallestException");
 SmallestException.displayName = "Text.SmallestException";
+const Display1 = styledText("display1");
+Display1.displayName = "Text.Display1";
+const Display2 = styledText("display2");
+Display2.displayName = "Text.Display2";
+const Display3 = styledText("display3");
+Display3.displayName = "Text.Display3";
+const Display4 = styledText("display4");
+Display4.displayName = "Text.Display4";
+const DisplayNumber = styledText("displayNumber");
+DisplayNumber.displayName = "Text.DisplayNumber";
 const TextRenderer = styledText("p");
 const Text = (props) => /* @__PURE__ */ jsx(TextRenderer, __spreadValues({}, props));
 Text.displayName = "Text";
@@ -70,6 +80,11 @@ Text.Bold = Bold;
 Text.Black = Black;
 Text.SectionTitle = SectionTitle;
 Text.SmallestException = SmallestException;
+Text.Display1 = Display1;
+Text.Display2 = Display2;
+Text.Display3 = Display3;
+Text.Display4 = Display4;
+Text.DisplayNumber = DisplayNumber;
 const fontSizes = oneOf([
   "xxsmall",
   "xsmall",
@@ -121,6 +136,11 @@ Text.defaultProps = {
 export {
   Black,
   Bold,
+  Display1,
+  Display2,
+  Display3,
+  Display4,
+  DisplayNumber,
   H1,
   H2,
   H3,

package/esm/Text/native/Text.test.js

@@ -8,6 +8,11 @@ describe("<Text />", () => {
     it("should match snapshot with Text", () => {
       const { toJSON } = render(
         /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+          /* @__PURE__ */ jsx(Text.Display1, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Display2, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Display3, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Display4, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.DisplayNumber, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.H1, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.H2, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.H3, { children: "Live the mission" }),

package/esm/Text/native/index.js

@@ -13,11 +13,21 @@ import {
   Bold,
   Black,
   SectionTitle,
-  SmallestException
+  SmallestException,
+  Display1,
+  Display2,
+  Display3,
+  Display4,
+  DisplayNumber
 } from "./Text";
 export {
   Black,
   Bold,
+  Display1,
+  Display2,
+  Display3,
+  Display4,
+  DisplayNumber,
   H1,
   H2,
   H3,

package/esm/Text/sharedTextStyle.js

@@ -1,26 +1,17 @@
 import { css } from "styled-components";
 const textStyle = (type) => () => css`
     ${({
-  light,
   variant,
   inverted,
   fontSize = "medium",
   size = "medium",
   theme: {
     yoga: {
-      baseFont,
-      fontWeights,
       fontSizes: { [size || fontSize]: pSize },
       colors: { [variant]: color, text, white },
       components: {
         text: {
-          [type]: {
-            fontsize,
-            lineHeight,
-            fontWeight,
-            textTransform,
-            letterSpacing
-          }
+          [type]: { fontsize, lineHeight, textTransform, letterSpacing }
         }
       }
     }
@@ -29,10 +20,7 @@ const textStyle = (type) => () => css`
     font-size: ${fontsize || pSize}px;
     ${letterSpacing ? `letter-spacing: ${letterSpacing}px;` : ""}
     ${lineHeight ? `line-height: ${lineHeight}px;` : ""}
-    ${fontWeight ? `font-weight: ${fontWeight};` : ""}
-    ${light ? `font-weight: ${fontWeights.light};` : ""}
 
-    font-family: ${baseFont.family};
     color: ${variant ? color : text.primary};
     ${inverted ? `color: ${white};` : ""}
     ${textTransform ? `text-transform: ${textTransform};` : ""}

package/esm/Text/textStyle.android.js

@@ -10,16 +10,24 @@ const textStyle = (type) => () => css`
       fontWeights,
       components: {
         text: {
-          [type]: { fontWeight }
+          [type]: { fontFamily, fontWeight }
         }
       }
     }
   }
-}) => `
-  font-family: ${fontWeight === 400 ? baseFont.family : `${baseFont.family}-${fontWeight}`};
-    
-  ${light ? `font-family: ${baseFont.family}-${fontWeights.light};` : ""}
-  `}
+}) => {
+  let finalFontFamily;
+  if (fontFamily) {
+    finalFontFamily = `${fontFamily}-${fontWeight}`;
+  } else {
+    finalFontFamily = fontWeight === 400 ? baseFont.family : `${baseFont.family}-${fontWeight}`;
+  }
+  return css`
+        font-family: '${finalFontFamily}';
+
+        ${light ? `font-family: ${baseFont.family}-${fontWeights.light};` : ""}
+      `;
+}}
   `;
 var textStyle_android_default = textStyle;
 export {

package/esm/Text/textStyle.ios.js

@@ -2,6 +2,27 @@ import { css } from "styled-components";
 import defaultStyle from "./sharedTextStyle";
 const textStyle = (type) => () => css`
     ${defaultStyle(type)};
+    ${({
+  light,
+  theme: {
+    yoga: {
+      baseFont,
+      fontWeights,
+      components: {
+        text: {
+          [type]: { fontFamily, fontWeight }
+        }
+      }
+    }
+  }
+}) => {
+  const finalFontFamily = fontFamily || baseFont.family;
+  return css`
+        font-family: ${finalFontFamily};
+        ${fontWeight ? `font-weight: ${fontWeight};` : ""}
+        ${light ? `font-weight: ${fontWeights.light};` : ""}
+      `;
+}}
   `;
 var textStyle_ios_default = textStyle;
 export {

package/esm/Text/textStyle.web.js

@@ -2,14 +2,35 @@ import { css } from "styled-components";
 import defaultStyle from "./sharedTextStyle";
 const textStyle = (type) => () => css`
     ${defaultStyle(type)};
-    ${({ numberOfLines }) => `
-    ${numberOfLines ? `
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: ${numberOfLines};
-        overflow: hidden;
-      ` : ""}
-  `}
+
+    ${({
+  light,
+  numberOfLines,
+  theme: {
+    yoga: {
+      baseFont,
+      fontWeights,
+      components: {
+        text: {
+          [type]: { fontFamily, fontWeight }
+        }
+      }
+    }
+  }
+}) => {
+  return css`
+        ${numberOfLines ? `
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: ${numberOfLines};
+            overflow: hidden;
+          ` : ""}
+
+        font-family: ${fontFamily ? `${fontFamily}, ` : ""}${baseFont.family};
+        ${fontWeight ? `font-weight: ${fontWeight};` : ""}
+        ${light ? `font-weight: ${fontWeights.light};` : ""}
+      `;
+}}
   `;
 var textStyle_web_default = textStyle;
 export {

package/esm/Text/web/Text.js

@@ -55,6 +55,16 @@ const SectionTitle = styledText("sectionTitle");
 SectionTitle.displayName = "Text.SectionTitle";
 const SmallestException = styledText("smallestException");
 SmallestException.displayName = "Text.SmallestException";
+const Display1 = styledText("display1");
+Display1.displayName = "Text.Display1";
+const Display2 = styledText("display2");
+Display2.displayName = "Text.Display2";
+const Display3 = styledText("display3");
+Display3.displayName = "Text.Display3";
+const Display4 = styledText("display4");
+Display4.displayName = "Text.Display4";
+const DisplayNumber = styledText("displayNumber");
+DisplayNumber.displayName = "Text.DisplayNumber";
 const TextRenderer = styledText("p");
 const Text = (props) => /* @__PURE__ */ jsx(TextRenderer, __spreadValues({}, props));
 Text.displayName = "Text";
@@ -72,6 +82,11 @@ Text.Bold = Bold;
 Text.Black = Black;
 Text.SectionTitle = SectionTitle;
 Text.SmallestException = SmallestException;
+Text.Display1 = Display1;
+Text.Display2 = Display2;
+Text.Display3 = Display3;
+Text.Display4 = Display4;
+Text.DisplayNumber = DisplayNumber;
 const fontSizes = oneOf([
   "xxsmall",
   "xsmall",
@@ -125,6 +140,11 @@ Text.defaultProps = {
 export {
   Black,
   Bold,
+  Display1,
+  Display2,
+  Display3,
+  Display4,
+  DisplayNumber,
   H1,
   H2,
   H3,

package/esm/Text/web/Text.test.js

@@ -8,6 +8,11 @@ describe("<Text />", () => {
     it("should match snapshot with Text", () => {
       const { container } = render(
         /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+          /* @__PURE__ */ jsx(Text.Display1, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Display2, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Display3, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Display4, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.DisplayNumber, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.H1, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.H2, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.H3, { children: "Live the mission" }),

package/esm/Text/web/index.js

@@ -13,11 +13,21 @@ import {
   Bold,
   Black,
   SectionTitle,
-  SmallestException
+  SmallestException,
+  Display1,
+  Display2,
+  Display3,
+  Display4,
+  DisplayNumber
 } from "./Text";
 export {
   Black,
   Bold,
+  Display1,
+  Display2,
+  Display3,
+  Display4,
+  DisplayNumber,
   H1,
   H2,
   H3,

package/esm/Theme/Provider/web/FontLoader.test.js

@@ -10,7 +10,7 @@ describe("FontLoader component", () => {
     );
     const link = document.getElementsByTagName("link").item(0).outerHTML;
     expect(link).toContain(
-      `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,800,300i,400i,500i,700i,900i,800i">`
+      `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,300i,400i,500i,700i,900i">`
     );
   });
 });

package/esm/Theme/Provider/web/GlobalStyle.js

@@ -9,6 +9,8 @@ const GlobalStyle = createGlobalStyle`
 }) => `
     body {
       font-family: "${family}";
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
     }
   `}
 `;

package/esm/Theme/Provider/web/GlobalStyle.test.js

@@ -15,6 +15,8 @@ describe("GlobalStyle component", () => {
     expectCSSMatches(
       `body {
         font-family: "${baseFont.family}";
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
       }`
     );
   });

package/esm/Theme/theme/v3theme.js

@@ -48,12 +48,7 @@ const v3theme = createTheme((tokens) => ({
       backgroundAndDisabled: tokens.colors.clearNew
     }
   },
-  baseFont: tokens.fonts.inter,
-  fontWeights: {
-    regular: tokens.fontWeights.regularNew,
-    medium: tokens.fontWeights.mediumNew,
-    bold: tokens.fontWeights.boldNew
-  }
+  baseFont: tokens.fonts.inter
 }));
 export {
   v3theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.99.1",
+  "version": "7.100.1",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -31,7 +31,7 @@
     "@gympass/yoga-icons": "^1.19.0",
     "@gympass/yoga-illustrations": "^0.5.2",
     "@gympass/yoga-system": "^0.11.1",
-    "@gympass/yoga-tokens": "^3.3.2",
+    "@gympass/yoga-tokens": "^3.4.1",
     "@ptomasroos/react-native-multi-slider": "^2.1.1",
     "@radix-ui/react-dropdown-menu": "^2.0.1",
     "date-fns": "^2.29.2",
@@ -57,7 +57,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "eda7d465e0917d81624de56d740d93be8a798448",
+  "gitHead": "9b2d163cc6d1c9d7ca5ef9a69921f5efd5c333a3",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"

package/typings/NavigationMenu/web/Item/styles.d.ts

@@ -36,6 +36,11 @@ declare const StyledText: styled_components.StyledComponent<{
     Black: styled_components.StyledComponent<string, any, {}, never>;
     SectionTitle: styled_components.StyledComponent<string, any, {}, never>;
     SmallestException: styled_components.StyledComponent<string, any, {}, never>;
+    Display1: styled_components.StyledComponent<string, any, {}, never>;
+    Display2: styled_components.StyledComponent<string, any, {}, never>;
+    Display3: styled_components.StyledComponent<string, any, {}, never>;
+    Display4: styled_components.StyledComponent<string, any, {}, never>;
+    DisplayNumber: styled_components.StyledComponent<string, any, {}, never>;
     propTypes: {
         inverted: prop_types.Requireable<boolean>;
         numberOfLines: prop_types.Requireable<number>;

package/typings/Theme/theme/v3theme.d.ts

@@ -99,7 +99,7 @@ declare const v3theme: {
         };
         fonts: Record<string, {
             family: string;
-            weight: (300 | 400 | 500 | 700 | 900 | 800 | "300i" | "400i" | "500i" | "700i" | "900i" | "800i")[];
+            weight: (300 | 400 | 500 | 700 | 900 | "300i" | "400i" | "500i" | "700i" | "900i")[];
         }>;
         fontSizes: {
             xxsmall: 10;
@@ -111,49 +111,50 @@ declare const v3theme: {
             xxlarge: 32;
             xxxlarge: 40;
             huge: 48;
+            xhuge: 60;
             length: number;
             toString(): string;
             toLocaleString(): string;
-            pop(): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | undefined;
-            push(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]): number;
-            concat(...items: ConcatArray<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
-            concat(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | ConcatArray<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>)[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
+            pop(): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60 | undefined;
+            push(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]): number;
+            concat(...items: ConcatArray<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60>[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
+            concat(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60 | ConcatArray<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60>)[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
             join(separator?: string | undefined): string;
-            reverse(): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
-            shift(): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | undefined;
-            slice(start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
-            sort(compareFn?: ((a: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, b: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48) => number) | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
-            splice(start: number, deleteCount?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
-            splice(start: number, deleteCount: number, ...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
-            unshift(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]): number;
-            indexOf(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, fromIndex?: number | undefined): number;
-            lastIndexOf(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, fromIndex?: number | undefined): number;
-            every<S_3 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => value is S_3, thisArg?: any): this is S_3[];
-            every(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): boolean;
-            some(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): boolean;
-            forEach(callbackfn: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => void, thisArg?: any): void;
-            map<U_4>(callbackfn: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => U_4, thisArg?: any): U_4[];
-            filter<S_4 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => value is S_4, thisArg?: any): S_4[];
-            filter(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
-            reduce(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48;
-            reduce(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, initialValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48;
-            reduce<U_5>(callbackfn: (previousValue: U_5, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => U_5, initialValue: U_5): U_5;
-            reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48;
-            reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, initialValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48;
-            reduceRight<U_6>(callbackfn: (previousValue: U_6, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => U_6, initialValue: U_6): U_6;
-            find<S_5 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>(predicate: (this: void, value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => value is S_5, thisArg?: any): S_5 | undefined;
-            find(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | undefined;
-            findIndex(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): number;
-            fill(value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
-            copyWithin(target: number, start: number, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
-            entries(): IterableIterator<[number, 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48]>;
+            reverse(): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
+            shift(): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60 | undefined;
+            slice(start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
+            sort(compareFn?: ((a: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, b: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60) => number) | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
+            splice(start: number, deleteCount?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
+            splice(start: number, deleteCount: number, ...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
+            unshift(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]): number;
+            indexOf(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, fromIndex?: number | undefined): number;
+            lastIndexOf(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, fromIndex?: number | undefined): number;
+            every<S_3 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60>(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => value is S_3, thisArg?: any): this is S_3[];
+            every(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => unknown, thisArg?: any): boolean;
+            some(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => unknown, thisArg?: any): boolean;
+            forEach(callbackfn: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => void, thisArg?: any): void;
+            map<U_4>(callbackfn: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => U_4, thisArg?: any): U_4[];
+            filter<S_4 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60>(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => value is S_4, thisArg?: any): S_4[];
+            filter(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => unknown, thisArg?: any): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
+            reduce(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60;
+            reduce(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, initialValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60;
+            reduce<U_5>(callbackfn: (previousValue: U_5, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => U_5, initialValue: U_5): U_5;
+            reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60;
+            reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, initialValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60;
+            reduceRight<U_6>(callbackfn: (previousValue: U_6, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => U_6, initialValue: U_6): U_6;
+            find<S_5 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60>(predicate: (this: void, value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => value is S_5, thisArg?: any): S_5 | undefined;
+            find(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => unknown, thisArg?: any): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60 | undefined;
+            findIndex(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => unknown, thisArg?: any): number;
+            fill(value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
+            copyWithin(target: number, start: number, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
+            entries(): IterableIterator<[number, 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60]>;
             keys(): IterableIterator<number>;
-            values(): IterableIterator<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>;
-            includes(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, fromIndex?: number | undefined): boolean;
-            flatMap<U_7, This_1 = undefined>(callback: (this: This_1, value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => U_7 | readonly U_7[], thisArg?: This_1 | undefined): U_7[];
+            values(): IterableIterator<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60>;
+            includes(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, fromIndex?: number | undefined): boolean;
+            flatMap<U_7, This_1 = undefined>(callback: (this: This_1, value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => U_7 | readonly U_7[], thisArg?: This_1 | undefined): U_7[];
             flat<A_1, D_1 extends number = 1>(this: A_1, depth?: D_1 | undefined): FlatArray<A_1, D_1>[];
-            at(index: number): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | undefined;
-            [Symbol.iterator](): IterableIterator<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>;
+            at(index: number): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60 | undefined;
+            [Symbol.iterator](): IterableIterator<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60>;
             [Symbol.unscopables](): {
                 copyWithin: boolean;
                 entries: boolean;
@@ -168,46 +169,46 @@ declare const v3theme: {
             length: number;
             toString(): string;
             toLocaleString(): string;
-            pop(): 300 | 400 | 500 | 700 | 900 | 800 | undefined;
-            push(...items: (300 | 400 | 500 | 700 | 900 | 800)[]): number;
-            concat(...items: ConcatArray<300 | 400 | 500 | 700 | 900 | 800>[]): (300 | 400 | 500 | 700 | 900 | 800)[];
-            concat(...items: (300 | 400 | 500 | 700 | 900 | 800 | ConcatArray<300 | 400 | 500 | 700 | 900 | 800>)[]): (300 | 400 | 500 | 700 | 900 | 800)[];
+            pop(): 300 | 400 | 500 | 700 | 900 | undefined;
+            push(...items: (300 | 400 | 500 | 700 | 900)[]): number;
+            concat(...items: ConcatArray<300 | 400 | 500 | 700 | 900>[]): (300 | 400 | 500 | 700 | 900)[];
+            concat(...items: (300 | 400 | 500 | 700 | 900 | ConcatArray<300 | 400 | 500 | 700 | 900>)[]): (300 | 400 | 500 | 700 | 900)[];
             join(separator?: string | undefined): string;
-            reverse(): (300 | 400 | 500 | 700 | 900 | 800)[];
-            shift(): 300 | 400 | 500 | 700 | 900 | 800 | undefined;
-            slice(start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
-            sort(compareFn?: ((a: 300 | 400 | 500 | 700 | 900 | 800, b: 300 | 400 | 500 | 700 | 900 | 800) => number) | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
-            splice(start: number, deleteCount?: number | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
-            splice(start: number, deleteCount: number, ...items: (300 | 400 | 500 | 700 | 900 | 800)[]): (300 | 400 | 500 | 700 | 900 | 800)[];
-            unshift(...items: (300 | 400 | 500 | 700 | 900 | 800)[]): number;
-            indexOf(searchElement: 300 | 400 | 500 | 700 | 900 | 800, fromIndex?: number | undefined): number;
-            lastIndexOf(searchElement: 300 | 400 | 500 | 700 | 900 | 800, fromIndex?: number | undefined): number;
-            every<S_6 extends 300 | 400 | 500 | 700 | 900 | 800>(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => value is S_6, thisArg?: any): this is S_6[];
-            every(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): boolean;
-            some(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): boolean;
-            forEach(callbackfn: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => void, thisArg?: any): void;
-            map<U_8>(callbackfn: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => U_8, thisArg?: any): U_8[];
-            filter<S_7 extends 300 | 400 | 500 | 700 | 900 | 800>(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => value is S_7, thisArg?: any): S_7[];
-            filter(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): (300 | 400 | 500 | 700 | 900 | 800)[];
-            reduce(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900 | 800, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => 300 | 400 | 500 | 700 | 900 | 800): 300 | 400 | 500 | 700 | 900 | 800;
-            reduce(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900 | 800, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => 300 | 400 | 500 | 700 | 900 | 800, initialValue: 300 | 400 | 500 | 700 | 900 | 800): 300 | 400 | 500 | 700 | 900 | 800;
-            reduce<U_9>(callbackfn: (previousValue: U_9, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => U_9, initialValue: U_9): U_9;
-            reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900 | 800, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => 300 | 400 | 500 | 700 | 900 | 800): 300 | 400 | 500 | 700 | 900 | 800;
-            reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900 | 800, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => 300 | 400 | 500 | 700 | 900 | 800, initialValue: 300 | 400 | 500 | 700 | 900 | 800): 300 | 400 | 500 | 700 | 900 | 800;
-            reduceRight<U_10>(callbackfn: (previousValue: U_10, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => U_10, initialValue: U_10): U_10;
-            find<S_8 extends 300 | 400 | 500 | 700 | 900 | 800>(predicate: (this: void, value: 300 | 400 | 500 | 700 | 900 | 800, index: number, obj: (300 | 400 | 500 | 700 | 900 | 800)[]) => value is S_8, thisArg?: any): S_8 | undefined;
-            find(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, obj: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): 300 | 400 | 500 | 700 | 900 | 800 | undefined;
-            findIndex(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, obj: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): number;
-            fill(value: 300 | 400 | 500 | 700 | 900 | 800, start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
-            copyWithin(target: number, start: number, end?: number | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
-            entries(): IterableIterator<[number, 300 | 400 | 500 | 700 | 900 | 800]>;
+            reverse(): (300 | 400 | 500 | 700 | 900)[];
+            shift(): 300 | 400 | 500 | 700 | 900 | undefined;
+            slice(start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 700 | 900)[];
+            sort(compareFn?: ((a: 300 | 400 | 500 | 700 | 900, b: 300 | 400 | 500 | 700 | 900) => number) | undefined): (300 | 400 | 500 | 700 | 900)[];
+            splice(start: number, deleteCount?: number | undefined): (300 | 400 | 500 | 700 | 900)[];
+            splice(start: number, deleteCount: number, ...items: (300 | 400 | 500 | 700 | 900)[]): (300 | 400 | 500 | 700 | 900)[];
+            unshift(...items: (300 | 400 | 500 | 700 | 900)[]): number;
+            indexOf(searchElement: 300 | 400 | 500 | 700 | 900, fromIndex?: number | undefined): number;
+            lastIndexOf(searchElement: 300 | 400 | 500 | 700 | 900, fromIndex?: number | undefined): number;
+            every<S_6 extends 300 | 400 | 500 | 700 | 900>(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => value is S_6, thisArg?: any): this is S_6[];
+            every(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): boolean;
+            some(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): boolean;
+            forEach(callbackfn: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => void, thisArg?: any): void;
+            map<U_8>(callbackfn: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => U_8, thisArg?: any): U_8[];
+            filter<S_7 extends 300 | 400 | 500 | 700 | 900>(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => value is S_7, thisArg?: any): S_7[];
+            filter(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): (300 | 400 | 500 | 700 | 900)[];
+            reduce(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => 300 | 400 | 500 | 700 | 900): 300 | 400 | 500 | 700 | 900;
+            reduce(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => 300 | 400 | 500 | 700 | 900, initialValue: 300 | 400 | 500 | 700 | 900): 300 | 400 | 500 | 700 | 900;
+            reduce<U_9>(callbackfn: (previousValue: U_9, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => U_9, initialValue: U_9): U_9;
+            reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => 300 | 400 | 500 | 700 | 900): 300 | 400 | 500 | 700 | 900;
+            reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => 300 | 400 | 500 | 700 | 900, initialValue: 300 | 400 | 500 | 700 | 900): 300 | 400 | 500 | 700 | 900;
+            reduceRight<U_10>(callbackfn: (previousValue: U_10, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => U_10, initialValue: U_10): U_10;
+            find<S_8 extends 300 | 400 | 500 | 700 | 900>(predicate: (this: void, value: 300 | 400 | 500 | 700 | 900, index: number, obj: (300 | 400 | 500 | 700 | 900)[]) => value is S_8, thisArg?: any): S_8 | undefined;
+            find(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, obj: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): 300 | 400 | 500 | 700 | 900 | undefined;
+            findIndex(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, obj: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): number;
+            fill(value: 300 | 400 | 500 | 700 | 900, start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 700 | 900)[];
+            copyWithin(target: number, start: number, end?: number | undefined): (300 | 400 | 500 | 700 | 900)[];
+            entries(): IterableIterator<[number, 300 | 400 | 500 | 700 | 900]>;
             keys(): IterableIterator<number>;
-            values(): IterableIterator<300 | 400 | 500 | 700 | 900 | 800>;
-            includes(searchElement: 300 | 400 | 500 | 700 | 900 | 800, fromIndex?: number | undefined): boolean;
-            flatMap<U_11, This_2 = undefined>(callback: (this: This_2, value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => U_11 | readonly U_11[], thisArg?: This_2 | undefined): U_11[];
+            values(): IterableIterator<300 | 400 | 500 | 700 | 900>;
+            includes(searchElement: 300 | 400 | 500 | 700 | 900, fromIndex?: number | undefined): boolean;
+            flatMap<U_11, This_2 = undefined>(callback: (this: This_2, value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => U_11 | readonly U_11[], thisArg?: This_2 | undefined): U_11[];
             flat<A_2, D_2 extends number = 1>(this: A_2, depth?: D_2 | undefined): FlatArray<A_2, D_2>[];
-            at(index: number): 300 | 400 | 500 | 700 | 900 | 800 | undefined;
-            [Symbol.iterator](): IterableIterator<300 | 400 | 500 | 700 | 900 | 800>;
+            at(index: number): 300 | 400 | 500 | 700 | 900 | undefined;
+            [Symbol.iterator](): IterableIterator<300 | 400 | 500 | 700 | 900>;
             [Symbol.unscopables](): {
                 copyWithin: boolean;
                 entries: boolean;
@@ -222,9 +223,6 @@ declare const v3theme: {
             medium: 500;
             bold: 700;
             black: 900;
-            regularNew: 500;
-            mediumNew: 700;
-            boldNew: 800;
         };
         lineHeights: {
             xxsmall: 12;
@@ -236,49 +234,50 @@ declare const v3theme: {
             xxlarge: 40;
             xxxlarge: 48;
             huge: 56;
+            xhuge: 60;
             length: number;
             toString(): string;
             toLocaleString(): string;
-            pop(): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | undefined;
-            push(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]): number;
-            concat(...items: ConcatArray<20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
-            concat(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | ConcatArray<20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>)[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
+            pop(): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56 | undefined;
+            push(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]): number;
+            concat(...items: ConcatArray<20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56>[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
+            concat(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56 | ConcatArray<20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56>)[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
             join(separator?: string | undefined): string;
-            reverse(): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
-            shift(): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | undefined;
-            slice(start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
-            sort(compareFn?: ((a: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, b: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56) => number) | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
-            splice(start: number, deleteCount?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
-            splice(start: number, deleteCount: number, ...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
-            unshift(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]): number;
-            indexOf(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, fromIndex?: number | undefined): number;
-            lastIndexOf(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, fromIndex?: number | undefined): number;
-            every<S_9 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => value is S_9, thisArg?: any): this is S_9[];
-            every(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): boolean;
-            some(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): boolean;
-            forEach(callbackfn: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => void, thisArg?: any): void;
-            map<U_12>(callbackfn: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => U_12, thisArg?: any): U_12[];
-            filter<S_10 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => value is S_10, thisArg?: any): S_10[];
-            filter(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
-            reduce(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56;
-            reduce(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, initialValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56;
-            reduce<U_13>(callbackfn: (previousValue: U_13, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => U_13, initialValue: U_13): U_13;
-            reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56;
-            reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, initialValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56;
-            reduceRight<U_14>(callbackfn: (previousValue: U_14, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => U_14, initialValue: U_14): U_14;
-            find<S_11 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>(predicate: (this: void, value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => value is S_11, thisArg?: any): S_11 | undefined;
-            find(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | undefined;
-            findIndex(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): number;
-            fill(value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
-            copyWithin(target: number, start: number, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
-            entries(): IterableIterator<[number, 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56]>;
+            reverse(): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
+            shift(): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56 | undefined;
+            slice(start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
+            sort(compareFn?: ((a: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, b: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56) => number) | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
+            splice(start: number, deleteCount?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
+            splice(start: number, deleteCount: number, ...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
+            unshift(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]): number;
+            indexOf(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, fromIndex?: number | undefined): number;
+            lastIndexOf(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, fromIndex?: number | undefined): number;
+            every<S_9 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56>(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => value is S_9, thisArg?: any): this is S_9[];
+            every(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => unknown, thisArg?: any): boolean;
+            some(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => unknown, thisArg?: any): boolean;
+            forEach(callbackfn: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => void, thisArg?: any): void;
+            map<U_12>(callbackfn: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => U_12, thisArg?: any): U_12[];
+            filter<S_10 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56>(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => value is S_10, thisArg?: any): S_10[];
+            filter(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => unknown, thisArg?: any): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
+            reduce(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56;
+            reduce(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, initialValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56;
+            reduce<U_13>(callbackfn: (previousValue: U_13, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => U_13, initialValue: U_13): U_13;
+            reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56;
+            reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, initialValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56;
+            reduceRight<U_14>(callbackfn: (previousValue: U_14, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => U_14, initialValue: U_14): U_14;
+            find<S_11 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56>(predicate: (this: void, value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => value is S_11, thisArg?: any): S_11 | undefined;
+            find(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => unknown, thisArg?: any): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56 | undefined;
+            findIndex(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => unknown, thisArg?: any): number;
+            fill(value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
+            copyWithin(target: number, start: number, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
+            entries(): IterableIterator<[number, 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56]>;
             keys(): IterableIterator<number>;
-            values(): IterableIterator<20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>;
-            includes(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, fromIndex?: number | undefined): boolean;
-            flatMap<U_15, This_3 = undefined>(callback: (this: This_3, value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => U_15 | readonly U_15[], thisArg?: This_3 | undefined): U_15[];
+            values(): IterableIterator<20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56>;
+            includes(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, fromIndex?: number | undefined): boolean;
+            flatMap<U_15, This_3 = undefined>(callback: (this: This_3, value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => U_15 | readonly U_15[], thisArg?: This_3 | undefined): U_15[];
             flat<A_3, D_3 extends number = 1>(this: A_3, depth?: D_3 | undefined): FlatArray<A_3, D_3>[];
-            at(index: number): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | undefined;
-            [Symbol.iterator](): IterableIterator<20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>;
+            at(index: number): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56 | undefined;
+            [Symbol.iterator](): IterableIterator<20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56>;
             [Symbol.unscopables](): {
                 copyWithin: boolean;
                 entries: boolean;

package/typings/index.d.ts

@@ -201,6 +201,11 @@ declare namespace Text {
     export { Black };
     export { SectionTitle };
     export { SmallestException };
+    export { Display1 };
+    export { Display2 };
+    export { Display3 };
+    export { Display4 };
+    export { DisplayNumber };
     export namespace propTypes {
         export { bool as inverted };
         export { number as numberOfLines };
@@ -234,6 +239,11 @@ declare const Bold: styled_components.StyledComponent<string, any, {}, never>;
 declare const Black: styled_components.StyledComponent<string, any, {}, never>;
 declare const SectionTitle: styled_components.StyledComponent<string, any, {}, never>;
 declare const SmallestException: styled_components.StyledComponent<string, any, {}, never>;
+declare const Display1: styled_components.StyledComponent<string, any, {}, never>;
+declare const Display2: styled_components.StyledComponent<string, any, {}, never>;
+declare const Display3: styled_components.StyledComponent<string, any, {}, never>;
+declare const Display4: styled_components.StyledComponent<string, any, {}, never>;
+declare const DisplayNumber: styled_components.StyledComponent<string, any, {}, never>;
 
 declare const fontSizes: prop_types.Requireable<string>;