@gympass/yoga 7.102.4 → 7.104.0

package/cjs/NavigationMenu/web/BottomItems/BottomItems.js

@@ -1,10 +1,39 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -56,15 +85,16 @@ const StyledItems = import_styled_components.default.ul`
     align-items: center;
     width: 100%;
     height: 56px;
-    background-color: ${backgroundColor.white};;
+    background-color: ${backgroundColor.white};
     margin: 0;
     padding: 0;
     border: 1px solid ${border.color.default};
     gap: ${gap.xxxsmall}px;
-    z-index: 15;
+    z-index: ${({ $zIndex }) => $zIndex != null ? $zIndex : 2};
   `}
 `;
-const BottomItems = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledItemsContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledItems, { children }) });
+const BottomItems = (_a) => {
+  var _b = _a, { children } = _b, containerProps = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledItemsContainer, __spreadProps(__spreadValues({}, containerProps), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledItems, { children }) }));
 };
 var BottomItems_default = BottomItems;

package/cjs/NavigationMenu/web/NavigationMenu.js

@@ -1,10 +1,39 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -64,15 +93,15 @@ const DeskTopContainer = import_styled_components.css`
     transition: width 300ms ease-in-out;
   `}
 `;
-const StyledNavigationMenu = (0, import_styled_components.default)(import_Box.default)`
-  ${({ isOpenOnMobile, isResponsive }) => import_styled_components.css`
+const StyledNavigationMenu = import_styled_components.default.div`
+  ${({ isOpenOnMobile, isResponsive, $zIndex }) => import_styled_components.css`
     ${DeskTopContainer};
 
     ${isResponsive && import_styled_components.css`
       position: fixed;
       width: 100%;
       height: calc(100% - 56px);
-      z-index: 10;
+      z-index: ${$zIndex != null ? $zIndex : 1};
       top: 0;
       right: ${isOpenOnMobile ? "0" : "-100%"};
 
@@ -135,18 +164,23 @@ const StyledFooter = (0, import_styled_components.default)(import_Box.default)`
     gap: ${gap.xxxsmall}px;
   `}
 `;
-const NavigationMenu = ({
-  children,
-  openOnMobile = false,
-  responsive = true
-}) => {
+const NavigationMenu = (_a) => {
+  var _b = _a, {
+    children,
+    openOnMobile = false,
+    responsive = true
+  } = _b, htmlAttributes = __objRest(_b, [
+    "children",
+    "openOnMobile",
+    "responsive"
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     StyledNavigationMenu,
-    {
+    __spreadProps(__spreadValues({}, htmlAttributes), {
       isOpenOnMobile: openOnMobile,
       isResponsive: responsive,
       children
-    }
+    })
   );
 };
 NavigationMenu.Header = StyledHeader;

package/cjs/NavigationMenu/web/Switcher/Actions.js

@@ -32,12 +32,11 @@ __export(Actions_exports, {
 });
 module.exports = __toCommonJS(Actions_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_styled_components = __toESM(require("styled-components"));
-var import_yoga_icons = require("@gympass/yoga-icons");
 var import_yoga = require("@gympass/yoga");
+var import_yoga_icons = require("@gympass/yoga-icons");
+var import_styled_components = __toESM(require("styled-components"));
 var import_Icon = __toESM(require("../../../Icon"));
-var import_Box = __toESM(require("../../../Box"));
-const StyledAction = (0, import_styled_components.default)(import_Box.default)`
+const StyledAction = import_styled_components.default.div`
   ${({
   theme: {
     yoga: {
@@ -63,10 +62,21 @@ const StyledAction = (0, import_styled_components.default)(import_Box.default)`
       }
     `}
 `;
-const Actions = ({ actions, sideOffset }) => {
+function Actions({ actions, sideOffset, $zIndex }) {
+  if (!(actions == null ? void 0 : actions.length)) {
+    return null;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_yoga.Menu, { onMouseHover: false, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_yoga.Menu.Action, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledAction, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.default, { as: import_yoga_icons.MenuMore, size: "medium", fill: "vibin" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_yoga.Menu.List, { side: "right", sideOffset, zIndex: "10", children: actions.map(({ id, label, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_yoga.Menu.Item, { onClick, children: label }, id)) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_yoga.Menu.List,
+      {
+        side: "right",
+        sideOffset,
+        zIndex: `${$zIndex != null ? $zIndex : 2}`,
+        children: actions.map(({ id, label, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_yoga.Menu.Item, { onClick, children: label }, id))
+      }
+    )
   ] });
-};
+}
 var Actions_default = Actions;

package/cjs/NavigationMenu/web/Switcher/Switcher.js

@@ -3,8 +3,34 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -84,15 +110,22 @@ const StyledTitle = (0, import_styled_components.default)(import_yoga.Text.Small
       overflow: hidden;
     `}
 `;
-const Switcher = ({
-  actions,
-  avatar: Avatar,
-  fill = "transparent",
-  isLoading = false,
-  sideOffset = 36,
-  subtitle,
-  title
-}) => {
+const Switcher = (_a) => {
+  var _b = _a, {
+    actions,
+    avatar: Avatar,
+    fill = "transparent",
+    isLoading = false,
+    subtitle,
+    title
+  } = _b, actionsProps = __objRest(_b, [
+    "actions",
+    "avatar",
+    "fill",
+    "isLoading",
+    "subtitle",
+    "title"
+  ]);
   const hasActions = actions == null ? void 0 : actions.length;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledSwitcher, { fill, children: [
     Avatar,
@@ -111,7 +144,7 @@ const Switcher = ({
       title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTitle, { children: title }),
       subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_yoga.Text.Tiny, { color: "deep", children: subtitle })
     ] }) }),
-    hasActions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Actions.default, { actions, sideOffset })
+    hasActions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Actions.default, __spreadValues({ actions }, actionsProps))
   ] });
 };
 var Switcher_default = Switcher;

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};` : ""}
       `;
 }}
   `;