@gympass/yoga 7.103.0 → 7.104.1

package/cjs/BottomSheet/web/BottomSheet.js

@@ -66,10 +66,10 @@ const StyledBottomSheet = (0, import_styled_components.default)(import_Dialog.de
   border-radius: ${bottomsheet.border.radius}px ${bottomsheet.border.radius}px 0 0;
   `}
   align-self: flex-end;
-  animation: content;
+  animation: bottomsheet-slide-up;
   animation-duration: 400ms;
   animation-fill-mode: forwards;
-  @keyframes content {
+  @keyframes bottomsheet-slide-up {
     0% {
       transform: translateY(100vh);
     }

package/cjs/Drawer/web/Drawer.js

@@ -69,11 +69,11 @@ const StyledDrawer = (0, import_styled_components.default)(import_Dialog.default
   align-self: flex-end;
   position: absolute;
   right: 0;
-  animation: content;
+  animation: drawer-slide-left;
   animation-duration: 400ms;
   animation-fill-mode: forwards;
   transition: 0.25s ease-in-out;
-  @keyframes content {
+  @keyframes drawer-slide-left {
     0% {
       transform: translate3d(100%, 0, 0);
     }

package/cjs/Text/Text.theme.js

@@ -77,6 +77,39 @@ const Text = ({ fontSizes, lineHeights, fontWeights }) => ({
     lineHeight: lineHeights.large,
     fontWeight: fontWeights.medium
   },
+  body1: {
+    fontsize: fontSizes.medium,
+    lineHeight: lineHeights.medium,
+    fontWeight: fontWeights.medium
+  },
+  body2: {
+    fontsize: fontSizes.small,
+    lineHeight: lineHeights.small,
+    fontWeight: fontWeights.medium
+  },
+  caption: {
+    fontsize: fontSizes.xsmall,
+    lineHeight: lineHeights.xsmall,
+    fontWeight: fontWeights.regular
+  },
+  overline: {
+    fontsize: fontSizes.xsmall,
+    lineHeight: lineHeights.xsmall,
+    fontWeight: fontWeights.bold
+  },
+  sectionTitle: {
+    fontsize: fontSizes.xsmall,
+    lineHeight: lineHeights.xsmall,
+    fontWeight: fontWeights.medium,
+    letterSpacing: 1,
+    textTransform: "uppercase"
+  },
+  smallestException: {
+    fontsize: fontSizes.xxsmall,
+    lineHeight: lineHeights.xxsmall,
+    fontWeight: fontWeights.regular
+  },
+  // deprecated, please don't use
   p: {
     fontsize: fontSizes.medium,
     lineHeight: lineHeights.medium,
@@ -106,18 +139,6 @@ const Text = ({ fontSizes, lineHeights, fontWeights }) => ({
   },
   black: {
     fontWeight: fontWeights.black
-  },
-  sectionTitle: {
-    fontsize: fontSizes.xsmall,
-    lineHeight: lineHeights.xsmall,
-    fontWeight: fontWeights.medium,
-    letterSpacing: 1,
-    textTransform: "uppercase"
-  },
-  smallestException: {
-    fontsize: fontSizes.xxsmall,
-    lineHeight: lineHeights.xxsmall,
-    fontWeight: fontWeights.regular
   }
 });
 var Text_theme_default = Text;

package/cjs/Text/native/Text.js

@@ -43,7 +43,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Text_exports = {};
 __export(Text_exports, {
   Black: () => Black,
+  Body1: () => Body1,
+  Body2: () => Body2,
   Bold: () => Bold,
+  Caption: () => Caption,
   Display1: () => Display1,
   Display2: () => Display2,
   Display3: () => Display3,
@@ -56,6 +59,7 @@ __export(Text_exports, {
   H5: () => H5,
   Light: () => Light,
   Medium: () => Medium,
+  Overline: () => Overline,
   Regular: () => Regular,
   SectionTitle: () => SectionTitle,
   Small: () => Small,
@@ -75,6 +79,16 @@ const styledText = (type) => import_styled_components.default.Text`
   ${(0, import_textStyle.default)(type)}
   ${import_yoga_system.system}
 `;
+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 H1 = styledText("h1");
 H1.displayName = "Text.H1";
 const H2 = styledText("h2");
@@ -85,6 +99,18 @@ const H4 = styledText("h4");
 H4.displayName = "Text.H4";
 const H5 = styledText("h5");
 H5.displayName = "Text.H5";
+const Body1 = styledText("body1");
+Body1.displayName = "Text.Body1";
+const Body2 = styledText("body2");
+Body2.displayName = "Text.Body2";
+const Caption = styledText("caption");
+Caption.displayName = "Text.caption";
+const Overline = styledText("overline");
+Overline.overline = "Text.DisplayNumber";
+const SectionTitle = styledText("sectionTitle");
+SectionTitle.displayName = "Text.SectionTitle";
+const SmallestException = styledText("smallestException");
+SmallestException.displayName = "Text.SmallestException";
 const Small = styledText("small");
 Small.displayName = "Text.Small";
 const Tiny = styledText("tiny");
@@ -99,28 +125,25 @@ const Bold = styledText("bold");
 Bold.displayName = "Text.Bold";
 const Black = styledText("black");
 Black.displayName = "Text.Black";
-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";
+Text.Display1 = Display1;
+Text.Display2 = Display2;
+Text.Display3 = Display3;
+Text.Display4 = Display4;
+Text.DisplayNumber = DisplayNumber;
 Text.H1 = H1;
 Text.H2 = H2;
 Text.H3 = H3;
 Text.H4 = H4;
 Text.H5 = H5;
+Text.Body1 = Body1;
+Text.Body2 = Body2;
+Text.Caption = Caption;
+Text.Overline = Overline;
+Text.SectionTitle = SectionTitle;
+Text.SmallestException = SmallestException;
 Text.Small = Small;
 Text.Tiny = Tiny;
 Text.Light = Light;
@@ -128,13 +151,6 @@ Text.Regular = Regular;
 Text.Medium = Medium;
 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",
@@ -174,6 +190,7 @@ Text.propTypes = {
   size: (0, import_shared.deprecated)(fontSizes, "Use `fontSize` system prop instead"),
   /** set the font-weight to regular */
   light: import_prop_types.bool,
+  bold: import_prop_types.bool,
   fontSize: fontSizes
 };
 Text.defaultProps = {
@@ -181,12 +198,16 @@ Text.defaultProps = {
   variant: void 0,
   size: void 0,
   fontSize: "medium",
-  light: false
+  light: false,
+  bold: false
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Black,
+  Body1,
+  Body2,
   Bold,
+  Caption,
   Display1,
   Display2,
   Display3,
@@ -199,6 +220,7 @@ Text.defaultProps = {
   H5,
   Light,
   Medium,
+  Overline,
   Regular,
   SectionTitle,
   Small,

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

@@ -40,15 +40,19 @@ describe("<Text />", () => {
           /* @__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" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H4, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Body1, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Body2, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Caption, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Overline, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.SectionTitle, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.SmallestException, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Small, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Tiny, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Regular, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Medium, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Bold, { children: "Live the mission" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Black, { children: "Live the mission" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.SectionTitle, { children: "Live the mission" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.SmallestException, { children: "Live the mission" })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Black, { children: "Live the mission" })
         ] })
       );
       expect(toJSON()).toMatchSnapshot();
@@ -174,5 +178,15 @@ describe("<Text />", () => {
       );
       expect(toJSON()).toMatchSnapshot();
     });
+    it("should match snapshot with Text bold", () => {
+      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.H1, { bold: true, children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H2, { bold: true, children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H3, { bold: true, children: "Live the mission" })
+        ] })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
   });
 });

package/cjs/Text/native/index.js

@@ -19,7 +19,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var native_exports = {};
 __export(native_exports, {
   Black: () => import_Text.Black,
+  Body1: () => import_Text.Body1,
+  Body2: () => import_Text.Body2,
   Bold: () => import_Text.Bold,
+  Caption: () => import_Text.Caption,
   Display1: () => import_Text.Display1,
   Display2: () => import_Text.Display2,
   Display3: () => import_Text.Display3,
@@ -32,6 +35,7 @@ __export(native_exports, {
   H5: () => import_Text.H5,
   Light: () => import_Text.Light,
   Medium: () => import_Text.Medium,
+  Overline: () => import_Text.Overline,
   Regular: () => import_Text.Regular,
   SectionTitle: () => import_Text.SectionTitle,
   Small: () => import_Text.Small,
@@ -44,7 +48,10 @@ var import_Text = require("./Text");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Black,
+  Body1,
+  Body2,
   Bold,
+  Caption,
   Display1,
   Display2,
   Display3,
@@ -57,6 +64,7 @@ var import_Text = require("./Text");
   H5,
   Light,
   Medium,
+  Overline,
   Regular,
   SectionTitle,
   Small,

package/cjs/Text/textStyle.android.js

@@ -37,6 +37,7 @@ const textStyle = (type) => () => import_styled_components.css`
     ${(0, import_sharedTextStyle.default)(type)};
     ${({
   light,
+  bold,
   theme: {
     yoga: {
       baseFont,
@@ -59,6 +60,7 @@ const textStyle = (type) => () => import_styled_components.css`
         font-family: '${finalFontFamily}';
 
         ${light ? `font-family: ${baseFont.family}-${fontWeights.light};` : ""}
+        ${bold ? `font-family: ${baseFont.family}-${fontWeights.bold};` : ""}
       `;
 }}
   `;

package/cjs/Text/textStyle.ios.js

@@ -37,6 +37,7 @@ const textStyle = (type) => () => import_styled_components.css`
     ${(0, import_sharedTextStyle.default)(type)};
     ${({
   light,
+  bold,
   theme: {
     yoga: {
       baseFont,
@@ -54,6 +55,7 @@ const textStyle = (type) => () => import_styled_components.css`
         font-family: ${finalFontFamily};
         ${fontWeight ? `font-weight: ${fontWeight};` : ""}
         ${light ? `font-weight: ${fontWeights.light};` : ""}
+        ${bold ? `font-weight: ${fontWeights.bold};` : ""}
       `;
 }}
   `;

package/cjs/Text/textStyle.web.js

@@ -38,6 +38,7 @@ const textStyle = (type) => () => import_styled_components.css`
 
     ${({
   light,
+  bold,
   numberOfLines,
   theme: {
     yoga: {
@@ -62,6 +63,7 @@ const textStyle = (type) => () => import_styled_components.css`
         font-family: ${fontFamily ? `${fontFamily}, ` : ""}${baseFont.family};
         ${fontWeight ? `font-weight: ${fontWeight};` : ""}
         ${light ? `font-weight: ${fontWeights.light};` : ""}
+        ${bold ? `font-weight: ${fontWeights.bold};` : ""}
       `;
 }}
   `;

package/cjs/Text/web/Text.js

@@ -43,7 +43,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Text_exports = {};
 __export(Text_exports, {
   Black: () => Black,
+  Body1: () => Body1,
+  Body2: () => Body2,
   Bold: () => Bold,
+  Caption: () => Caption,
   Display1: () => Display1,
   Display2: () => Display2,
   Display3: () => Display3,
@@ -56,6 +59,7 @@ __export(Text_exports, {
   H5: () => H5,
   Light: () => Light,
   Medium: () => Medium,
+  Overline: () => Overline,
   Regular: () => Regular,
   SectionTitle: () => SectionTitle,
   Small: () => Small,
@@ -78,6 +82,16 @@ const styledText = (type, element = false) => (element ? import_styled_component
     ${(0, import_textStyle.default)(type)}
     ${import_yoga_system.system}
 `;
+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 H1 = styledText("h1", true);
 H1.displayName = "Text.H1";
 const H2 = styledText("h2", true);
@@ -88,6 +102,18 @@ const H4 = styledText("h4", true);
 H4.displayName = "Text.H4";
 const H5 = styledText("h5", true);
 H5.displayName = "Text.H5";
+const Body1 = styledText("body1");
+Body1.displayName = "Text.Body1";
+const Body2 = styledText("body2");
+Body2.displayName = "Text.Body2";
+const Caption = styledText("caption");
+Caption.displayName = "Text.caption";
+const Overline = styledText("overline");
+Overline.overline = "Text.DisplayNumber";
+const SectionTitle = styledText("sectionTitle");
+SectionTitle.displayName = "Text.SectionTitle";
+const SmallestException = styledText("smallestException");
+SmallestException.displayName = "Text.SmallestException";
 const Small = styledText("small");
 Small.displayName = "Text.Small";
 const Tiny = styledText("tiny");
@@ -102,28 +128,25 @@ const Bold = styledText("bold");
 Bold.displayName = "Text.Bold";
 const Black = styledText("black");
 Black.displayName = "Text.Black";
-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";
+Text.Display1 = Display1;
+Text.Display2 = Display2;
+Text.Display3 = Display3;
+Text.Display4 = Display4;
+Text.DisplayNumber = DisplayNumber;
 Text.H1 = H1;
 Text.H2 = H2;
 Text.H3 = H3;
 Text.H4 = H4;
 Text.H5 = H5;
+Text.Body1 = Body1;
+Text.Body2 = Body2;
+Text.Caption = Caption;
+Text.Overline = Overline;
+Text.SectionTitle = SectionTitle;
+Text.SmallestException = SmallestException;
 Text.Small = Small;
 Text.Tiny = Tiny;
 Text.Light = Light;
@@ -131,13 +154,6 @@ Text.Regular = Regular;
 Text.Medium = Medium;
 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",
@@ -178,6 +194,7 @@ Text.propTypes = {
   size: (0, import_shared.deprecated)(fontSizes, "Use `fontSize` system prop instead"),
   /** set the font-weight to regular */
   light: import_prop_types.bool,
+  bold: import_prop_types.bool,
   fontSize: fontSizes
 };
 Text.defaultProps = {
@@ -186,12 +203,16 @@ Text.defaultProps = {
   size: void 0,
   fontSize: "medium",
   numberOfLines: void 0,
-  light: false
+  light: false,
+  bold: false
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Black,
+  Body1,
+  Body2,
   Bold,
+  Caption,
   Display1,
   Display2,
   Display3,
@@ -204,6 +225,7 @@ Text.defaultProps = {
   H5,
   Light,
   Medium,
+  Overline,
   Regular,
   SectionTitle,
   Small,

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

@@ -41,15 +41,19 @@ describe("<Text />", () => {
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H3, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H4, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H5, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Body1, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Body2, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Caption, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Overline, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.SectionTitle, { children: "Live the mission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.SmallestException, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Small, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Tiny, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Regular, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Medium, { children: "Live the mission" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Bold, { children: "Live the mission" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Black, { children: "Live the mission" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.SectionTitle, { children: "Live the mission" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.SmallestException, { children: "Live the mission" })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Black, { children: "Live the mission" })
         ] })
       );
       expect(container).toMatchSnapshot();
@@ -175,5 +179,11 @@ describe("<Text />", () => {
       );
       expect(container).toMatchSnapshot();
     });
+    it("should match snapshot with Text bold", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H1, { bold: true, children: "Live the mission" }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
   });
 });

package/cjs/Text/web/index.js

@@ -19,7 +19,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var web_exports = {};
 __export(web_exports, {
   Black: () => import_Text.Black,
+  Body1: () => import_Text.Body1,
+  Body2: () => import_Text.Body2,
   Bold: () => import_Text.Bold,
+  Caption: () => import_Text.Caption,
   Display1: () => import_Text.Display1,
   Display2: () => import_Text.Display2,
   Display3: () => import_Text.Display3,
@@ -32,6 +35,7 @@ __export(web_exports, {
   H5: () => import_Text.H5,
   Light: () => import_Text.Light,
   Medium: () => import_Text.Medium,
+  Overline: () => import_Text.Overline,
   Regular: () => import_Text.Regular,
   SectionTitle: () => import_Text.SectionTitle,
   Small: () => import_Text.Small,
@@ -44,7 +48,10 @@ var import_Text = require("./Text");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Black,
+  Body1,
+  Body2,
   Bold,
+  Caption,
   Display1,
   Display2,
   Display3,
@@ -57,6 +64,7 @@ var import_Text = require("./Text");
   H5,
   Light,
   Medium,
+  Overline,
   Regular,
   SectionTitle,
   Small,

package/esm/BottomSheet/web/BottomSheet.js

@@ -35,10 +35,10 @@ const StyledBottomSheet = styled(Dialog)`
   border-radius: ${bottomsheet.border.radius}px ${bottomsheet.border.radius}px 0 0;
   `}
   align-self: flex-end;
-  animation: content;
+  animation: bottomsheet-slide-up;
   animation-duration: 400ms;
   animation-fill-mode: forwards;
-  @keyframes content {
+  @keyframes bottomsheet-slide-up {
     0% {
       transform: translateY(100vh);
     }

package/esm/Drawer/web/Drawer.js

@@ -38,11 +38,11 @@ const StyledDrawer = styled(Dialog)`
   align-self: flex-end;
   position: absolute;
   right: 0;
-  animation: content;
+  animation: drawer-slide-left;
   animation-duration: 400ms;
   animation-fill-mode: forwards;
   transition: 0.25s ease-in-out;
-  @keyframes content {
+  @keyframes drawer-slide-left {
     0% {
       transform: translate3d(100%, 0, 0);
     }

package/esm/Text/Text.theme.js

@@ -54,6 +54,39 @@ const Text = ({ fontSizes, lineHeights, fontWeights }) => ({
     lineHeight: lineHeights.large,
     fontWeight: fontWeights.medium
   },
+  body1: {
+    fontsize: fontSizes.medium,
+    lineHeight: lineHeights.medium,
+    fontWeight: fontWeights.medium
+  },
+  body2: {
+    fontsize: fontSizes.small,
+    lineHeight: lineHeights.small,
+    fontWeight: fontWeights.medium
+  },
+  caption: {
+    fontsize: fontSizes.xsmall,
+    lineHeight: lineHeights.xsmall,
+    fontWeight: fontWeights.regular
+  },
+  overline: {
+    fontsize: fontSizes.xsmall,
+    lineHeight: lineHeights.xsmall,
+    fontWeight: fontWeights.bold
+  },
+  sectionTitle: {
+    fontsize: fontSizes.xsmall,
+    lineHeight: lineHeights.xsmall,
+    fontWeight: fontWeights.medium,
+    letterSpacing: 1,
+    textTransform: "uppercase"
+  },
+  smallestException: {
+    fontsize: fontSizes.xxsmall,
+    lineHeight: lineHeights.xxsmall,
+    fontWeight: fontWeights.regular
+  },
+  // deprecated, please don't use
   p: {
     fontsize: fontSizes.medium,
     lineHeight: lineHeights.medium,
@@ -83,18 +116,6 @@ const Text = ({ fontSizes, lineHeights, fontWeights }) => ({
   },
   black: {
     fontWeight: fontWeights.black
-  },
-  sectionTitle: {
-    fontsize: fontSizes.xsmall,
-    lineHeight: lineHeights.xsmall,
-    fontWeight: fontWeights.medium,
-    letterSpacing: 1,
-    textTransform: "uppercase"
-  },
-  smallestException: {
-    fontsize: fontSizes.xxsmall,
-    lineHeight: lineHeights.xxsmall,
-    fontWeight: fontWeights.regular
   }
 });
 var Text_theme_default = Text;

package/esm/Text/native/Text.js

@@ -25,6 +25,16 @@ const styledText = (type) => styled.Text`
   ${textStyle(type)}
   ${system}
 `;
+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 H1 = styledText("h1");
 H1.displayName = "Text.H1";
 const H2 = styledText("h2");
@@ -35,6 +45,18 @@ const H4 = styledText("h4");
 H4.displayName = "Text.H4";
 const H5 = styledText("h5");
 H5.displayName = "Text.H5";
+const Body1 = styledText("body1");
+Body1.displayName = "Text.Body1";
+const Body2 = styledText("body2");
+Body2.displayName = "Text.Body2";
+const Caption = styledText("caption");
+Caption.displayName = "Text.caption";
+const Overline = styledText("overline");
+Overline.overline = "Text.DisplayNumber";
+const SectionTitle = styledText("sectionTitle");
+SectionTitle.displayName = "Text.SectionTitle";
+const SmallestException = styledText("smallestException");
+SmallestException.displayName = "Text.SmallestException";
 const Small = styledText("small");
 Small.displayName = "Text.Small";
 const Tiny = styledText("tiny");
@@ -49,28 +71,25 @@ const Bold = styledText("bold");
 Bold.displayName = "Text.Bold";
 const Black = styledText("black");
 Black.displayName = "Text.Black";
-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";
+Text.Display1 = Display1;
+Text.Display2 = Display2;
+Text.Display3 = Display3;
+Text.Display4 = Display4;
+Text.DisplayNumber = DisplayNumber;
 Text.H1 = H1;
 Text.H2 = H2;
 Text.H3 = H3;
 Text.H4 = H4;
 Text.H5 = H5;
+Text.Body1 = Body1;
+Text.Body2 = Body2;
+Text.Caption = Caption;
+Text.Overline = Overline;
+Text.SectionTitle = SectionTitle;
+Text.SmallestException = SmallestException;
 Text.Small = Small;
 Text.Tiny = Tiny;
 Text.Light = Light;
@@ -78,13 +97,6 @@ Text.Regular = Regular;
 Text.Medium = Medium;
 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",
@@ -124,6 +136,7 @@ Text.propTypes = {
   size: deprecated(fontSizes, "Use `fontSize` system prop instead"),
   /** set the font-weight to regular */
   light: bool,
+  bold: bool,
   fontSize: fontSizes
 };
 Text.defaultProps = {
@@ -131,11 +144,15 @@ Text.defaultProps = {
   variant: void 0,
   size: void 0,
   fontSize: "medium",
-  light: false
+  light: false,
+  bold: false
 };
 export {
   Black,
+  Body1,
+  Body2,
   Bold,
+  Caption,
   Display1,
   Display2,
   Display3,
@@ -148,6 +165,7 @@ export {
   H5,
   Light,
   Medium,
+  Overline,
   Regular,
   SectionTitle,
   Small,

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

@@ -17,15 +17,19 @@ describe("<Text />", () => {
           /* @__PURE__ */ jsx(Text.H2, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.H3, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.H4, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Body1, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Body2, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Caption, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Overline, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.SectionTitle, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.SmallestException, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Small, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Tiny, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Regular, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Medium, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Bold, { children: "Live the mission" }),
-          /* @__PURE__ */ jsx(Text.Black, { children: "Live the mission" }),
-          /* @__PURE__ */ jsx(Text.SectionTitle, { children: "Live the mission" }),
-          /* @__PURE__ */ jsx(Text.SmallestException, { children: "Live the mission" })
+          /* @__PURE__ */ jsx(Text.Black, { children: "Live the mission" })
         ] })
       );
       expect(toJSON()).toMatchSnapshot();
@@ -151,5 +155,15 @@ describe("<Text />", () => {
       );
       expect(toJSON()).toMatchSnapshot();
     });
+    it("should match snapshot with Text bold", () => {
+      const { toJSON } = render(
+        /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+          /* @__PURE__ */ jsx(Text.H1, { bold: true, children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.H2, { bold: true, children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.H3, { bold: true, children: "Live the mission" })
+        ] })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
   });
 });

package/esm/Text/native/index.js

@@ -1,28 +1,35 @@
 import {
-  Text,
+  Display1,
+  Display2,
+  Display3,
+  Display4,
+  DisplayNumber,
   H1,
   H2,
   H3,
   H4,
   H5,
+  Body1,
+  Body2,
+  Caption,
+  Overline,
+  SectionTitle,
+  SmallestException,
+  Text,
   Small,
   Tiny,
   Light,
   Regular,
   Medium,
   Bold,
-  Black,
-  SectionTitle,
-  SmallestException,
-  Display1,
-  Display2,
-  Display3,
-  Display4,
-  DisplayNumber
+  Black
 } from "./Text";
 export {
   Black,
+  Body1,
+  Body2,
   Bold,
+  Caption,
   Display1,
   Display2,
   Display3,
@@ -35,6 +42,7 @@ export {
   H5,
   Light,
   Medium,
+  Overline,
   Regular,
   SectionTitle,
   Small,

package/esm/Text/textStyle.android.js

@@ -4,6 +4,7 @@ const textStyle = (type) => () => css`
     ${defaultStyle(type)};
     ${({
   light,
+  bold,
   theme: {
     yoga: {
       baseFont,
@@ -26,6 +27,7 @@ const textStyle = (type) => () => css`
         font-family: '${finalFontFamily}';
 
         ${light ? `font-family: ${baseFont.family}-${fontWeights.light};` : ""}
+        ${bold ? `font-family: ${baseFont.family}-${fontWeights.bold};` : ""}
       `;
 }}
   `;

package/esm/Text/textStyle.ios.js

@@ -4,6 +4,7 @@ const textStyle = (type) => () => css`
     ${defaultStyle(type)};
     ${({
   light,
+  bold,
   theme: {
     yoga: {
       baseFont,
@@ -21,6 +22,7 @@ const textStyle = (type) => () => css`
         font-family: ${finalFontFamily};
         ${fontWeight ? `font-weight: ${fontWeight};` : ""}
         ${light ? `font-weight: ${fontWeights.light};` : ""}
+        ${bold ? `font-weight: ${fontWeights.bold};` : ""}
       `;
 }}
   `;

package/esm/Text/textStyle.web.js

@@ -5,6 +5,7 @@ const textStyle = (type) => () => css`
 
     ${({
   light,
+  bold,
   numberOfLines,
   theme: {
     yoga: {
@@ -29,6 +30,7 @@ const textStyle = (type) => () => css`
         font-family: ${fontFamily ? `${fontFamily}, ` : ""}${baseFont.family};
         ${fontWeight ? `font-weight: ${fontWeight};` : ""}
         ${light ? `font-weight: ${fontWeights.light};` : ""}
+        ${bold ? `font-weight: ${fontWeights.bold};` : ""}
       `;
 }}
   `;

package/esm/Text/web/Text.js

@@ -27,6 +27,16 @@ const styledText = (type, element = false) => (element ? styled[type] : styled.p
     ${textStyle(type)}
     ${system}
 `;
+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 H1 = styledText("h1", true);
 H1.displayName = "Text.H1";
 const H2 = styledText("h2", true);
@@ -37,6 +47,18 @@ const H4 = styledText("h4", true);
 H4.displayName = "Text.H4";
 const H5 = styledText("h5", true);
 H5.displayName = "Text.H5";
+const Body1 = styledText("body1");
+Body1.displayName = "Text.Body1";
+const Body2 = styledText("body2");
+Body2.displayName = "Text.Body2";
+const Caption = styledText("caption");
+Caption.displayName = "Text.caption";
+const Overline = styledText("overline");
+Overline.overline = "Text.DisplayNumber";
+const SectionTitle = styledText("sectionTitle");
+SectionTitle.displayName = "Text.SectionTitle";
+const SmallestException = styledText("smallestException");
+SmallestException.displayName = "Text.SmallestException";
 const Small = styledText("small");
 Small.displayName = "Text.Small";
 const Tiny = styledText("tiny");
@@ -51,28 +73,25 @@ const Bold = styledText("bold");
 Bold.displayName = "Text.Bold";
 const Black = styledText("black");
 Black.displayName = "Text.Black";
-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";
+Text.Display1 = Display1;
+Text.Display2 = Display2;
+Text.Display3 = Display3;
+Text.Display4 = Display4;
+Text.DisplayNumber = DisplayNumber;
 Text.H1 = H1;
 Text.H2 = H2;
 Text.H3 = H3;
 Text.H4 = H4;
 Text.H5 = H5;
+Text.Body1 = Body1;
+Text.Body2 = Body2;
+Text.Caption = Caption;
+Text.Overline = Overline;
+Text.SectionTitle = SectionTitle;
+Text.SmallestException = SmallestException;
 Text.Small = Small;
 Text.Tiny = Tiny;
 Text.Light = Light;
@@ -80,13 +99,6 @@ Text.Regular = Regular;
 Text.Medium = Medium;
 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",
@@ -127,6 +139,7 @@ Text.propTypes = {
   size: deprecated(fontSizes, "Use `fontSize` system prop instead"),
   /** set the font-weight to regular */
   light: bool,
+  bold: bool,
   fontSize: fontSizes
 };
 Text.defaultProps = {
@@ -135,11 +148,15 @@ Text.defaultProps = {
   size: void 0,
   fontSize: "medium",
   numberOfLines: void 0,
-  light: false
+  light: false,
+  bold: false
 };
 export {
   Black,
+  Body1,
+  Body2,
   Bold,
+  Caption,
   Display1,
   Display2,
   Display3,
@@ -152,6 +169,7 @@ export {
   H5,
   Light,
   Medium,
+  Overline,
   Regular,
   SectionTitle,
   Small,

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

@@ -18,15 +18,19 @@ describe("<Text />", () => {
           /* @__PURE__ */ jsx(Text.H3, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.H4, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.H5, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Body1, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Body2, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Caption, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Overline, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.SectionTitle, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.SmallestException, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Small, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Tiny, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Regular, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Medium, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Bold, { children: "Live the mission" }),
-          /* @__PURE__ */ jsx(Text.Black, { children: "Live the mission" }),
-          /* @__PURE__ */ jsx(Text.SectionTitle, { children: "Live the mission" }),
-          /* @__PURE__ */ jsx(Text.SmallestException, { children: "Live the mission" })
+          /* @__PURE__ */ jsx(Text.Black, { children: "Live the mission" })
         ] })
       );
       expect(container).toMatchSnapshot();
@@ -152,5 +156,11 @@ describe("<Text />", () => {
       );
       expect(container).toMatchSnapshot();
     });
+    it("should match snapshot with Text bold", () => {
+      const { container } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Text.H1, { bold: true, children: "Live the mission" }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
   });
 });

package/esm/Text/web/index.js

@@ -1,28 +1,35 @@
 import {
-  Text,
+  Display1,
+  Display2,
+  Display3,
+  Display4,
+  DisplayNumber,
   H1,
   H2,
   H3,
   H4,
   H5,
+  Body1,
+  Body2,
+  Caption,
+  Overline,
+  SectionTitle,
+  SmallestException,
+  Text,
   Small,
   Tiny,
   Light,
   Regular,
   Medium,
   Bold,
-  Black,
-  SectionTitle,
-  SmallestException,
-  Display1,
-  Display2,
-  Display3,
-  Display4,
-  DisplayNumber
+  Black
 } from "./Text";
 export {
   Black,
+  Body1,
+  Body2,
   Bold,
+  Caption,
   Display1,
   Display2,
   Display3,
@@ -35,6 +42,7 @@ export {
   H5,
   Light,
   Medium,
+  Overline,
   Regular,
   SectionTitle,
   Small,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.103.0",
+  "version": "7.104.1",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -57,7 +57,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "49a6cbc61257989ed79c72b8c60015432b2adc94",
+  "gitHead": "d32dd003577c6d642686eaf036977e44c73be3c5",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"

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

@@ -22,11 +22,22 @@ declare const StyledTag: styled_components.StyledComponent<{
 declare const StyledText: styled_components.StyledComponent<{
     (props: any): JSX.Element;
     displayName: string;
+    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>;
     H1: styled_components.StyledComponent<string, any, {}, never>;
     H2: styled_components.StyledComponent<string, any, {}, never>;
     H3: styled_components.StyledComponent<string, any, {}, never>;
     H4: styled_components.StyledComponent<string, any, {}, never>;
     H5: styled_components.StyledComponent<string, any, {}, never>;
+    Body1: styled_components.StyledComponent<string, any, {}, never>;
+    Body2: styled_components.StyledComponent<string, any, {}, never>;
+    Caption: styled_components.StyledComponent<string, any, {}, never>;
+    Overline: styled_components.StyledComponent<string, any, {}, never>;
+    SectionTitle: styled_components.StyledComponent<string, any, {}, never>;
+    SmallestException: styled_components.StyledComponent<string, any, {}, never>;
     Small: styled_components.StyledComponent<string, any, {}, never>;
     Tiny: styled_components.StyledComponent<string, any, {}, never>;
     Light: styled_components.StyledComponent<string, any, {}, never>;
@@ -34,19 +45,13 @@ declare const StyledText: styled_components.StyledComponent<{
     Medium: styled_components.StyledComponent<string, any, {}, never>;
     Bold: styled_components.StyledComponent<string, any, {}, never>;
     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>;
         variant: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
         size: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
         light: prop_types.Requireable<boolean>;
+        bold: prop_types.Requireable<boolean>;
         fontSize: prop_types.Requireable<string>;
     };
     defaultProps: {
@@ -56,6 +61,7 @@ declare const StyledText: styled_components.StyledComponent<{
         fontSize: string;
         numberOfLines: undefined;
         light: boolean;
+        bold: boolean;
     };
 }, any, {}, never>;
 declare const StyledItem: styled_components.StyledComponent<string, any, {

package/typings/index.d.ts

@@ -184,14 +184,41 @@ declare const Col: styled_components.StyledComponent<string, any, {}, never>;
 
 declare const Hide: 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 H1: styled_components.StyledComponent<string, any, {}, never>;
+declare const H2: styled_components.StyledComponent<string, any, {}, never>;
+declare const H3: styled_components.StyledComponent<string, any, {}, never>;
+declare const H4: styled_components.StyledComponent<string, any, {}, never>;
+declare const H5: styled_components.StyledComponent<string, any, {}, never>;
+declare const Body1: styled_components.StyledComponent<string, any, {}, never>;
+declare const Body2: styled_components.StyledComponent<string, any, {}, never>;
+declare const Caption: styled_components.StyledComponent<string, any, {}, never>;
+declare const Overline: 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 function Text(props: any): JSX.Element;
 declare namespace Text {
     export const displayName: string;
+    export { Display1 };
+    export { Display2 };
+    export { Display3 };
+    export { Display4 };
+    export { DisplayNumber };
     export { H1 };
     export { H2 };
     export { H3 };
     export { H4 };
     export { H5 };
+    export { Body1 };
+    export { Body2 };
+    export { Caption };
+    export { Overline };
+    export { SectionTitle };
+    export { SmallestException };
     export { Small };
     export { Tiny };
     export { Light };
@@ -199,19 +226,13 @@ declare namespace Text {
     export { Medium };
     export { Bold };
     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 };
         export const variant: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
         export const size: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
         export { bool as light };
+        export { bool as bold };
         export { fontSizes as fontSize };
     }
     export namespace defaultProps {
@@ -223,13 +244,9 @@ declare namespace Text {
         export const fontSize: string;
         export const numberOfLines: undefined;
         export const light: boolean;
+        export const bold: boolean;
     }
 }
-declare const H1: styled_components.StyledComponent<string, any, {}, never>;
-declare const H2: styled_components.StyledComponent<string, any, {}, never>;
-declare const H3: styled_components.StyledComponent<string, any, {}, never>;
-declare const H4: styled_components.StyledComponent<string, any, {}, never>;
-declare const H5: styled_components.StyledComponent<string, any, {}, never>;
 declare const Small: styled_components.StyledComponent<string, any, {}, never>;
 declare const Tiny: styled_components.StyledComponent<string, any, {}, never>;
 declare const Light: styled_components.StyledComponent<string, any, {}, never>;
@@ -237,13 +254,6 @@ declare const Regular: styled_components.StyledComponent<string, any, {}, never>
 declare const Medium: styled_components.StyledComponent<string, any, {}, never>;
 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>;