@gympass/yoga 7.102.4 → 7.104.0

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/cjs/Theme/theme/theme.js

@@ -97,13 +97,14 @@ const theme = (tokens) => {
   return __spreadProps(__spreadValues({}, tokens), {
     colors,
     baseFont,
-    baseFontSize
+    baseFontSize,
+    v3theme: false
   });
 };
 const composeTheme = (tokens, customTheming = {}) => {
   const baseTheme = theme(tokens);
   const customTheme = (0, import_yoga_common.merge)(baseTheme, customTheming);
   const componentTheming = getComponentThemes(customTheme);
-  return (0, import_yoga_common.merge)(customTheme, componentTheming);
+  return (0, import_yoga_common.merge)(componentTheming, customTheme);
 };
 var theme_default = composeTheme;

package/cjs/Theme/theme/v3theme.js

@@ -33,6 +33,7 @@ __export(v3theme_exports, {
 module.exports = __toCommonJS(v3theme_exports);
 var import_themeGenerator = __toESM(require("../helpers/themeGenerator"));
 const v3theme = (0, import_themeGenerator.default)((tokens) => ({
+  v3theme: true,
   colors: {
     secondary: tokens.colors.staminaNew,
     deep: tokens.colors.deepNew,

package/esm/NavigationMenu/web/BottomItems/BottomItems.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
 import { jsx } from "react/jsx-runtime";
 import styled, { css } from "styled-components";
 import { media } from "@gympass/yoga-helpers";
@@ -23,16 +54,17 @@ const StyledItems = styled.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__ */ jsx(StyledItemsContainer, { children: /* @__PURE__ */ jsx(StyledItems, { children }) });
+const BottomItems = (_a) => {
+  var _b = _a, { children } = _b, containerProps = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx(StyledItemsContainer, __spreadProps(__spreadValues({}, containerProps), { children: /* @__PURE__ */ jsx(StyledItems, { children }) }));
 };
 var BottomItems_default = BottomItems;
 export {

package/esm/NavigationMenu/web/NavigationMenu.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
 import { jsx } from "react/jsx-runtime";
 import styled, { css } from "styled-components";
 import { media } from "@gympass/yoga-helpers";
@@ -31,15 +62,15 @@ const DeskTopContainer = css`
     transition: width 300ms ease-in-out;
   `}
 `;
-const StyledNavigationMenu = styled(Box)`
-  ${({ isOpenOnMobile, isResponsive }) => css`
+const StyledNavigationMenu = styled.div`
+  ${({ isOpenOnMobile, isResponsive, $zIndex }) => css`
     ${DeskTopContainer};
 
     ${isResponsive && css`
       position: fixed;
       width: 100%;
       height: calc(100% - 56px);
-      z-index: 10;
+      z-index: ${$zIndex != null ? $zIndex : 1};
       top: 0;
       right: ${isOpenOnMobile ? "0" : "-100%"};
 
@@ -102,18 +133,23 @@ const StyledFooter = styled(Box)`
     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__ */ jsx(
     StyledNavigationMenu,
-    {
+    __spreadProps(__spreadValues({}, htmlAttributes), {
       isOpenOnMobile: openOnMobile,
       isResponsive: responsive,
       children
-    }
+    })
   );
 };
 NavigationMenu.Header = StyledHeader;

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

@@ -1,10 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import styled, { css } from "styled-components";
-import { MenuMore } from "@gympass/yoga-icons";
 import { Menu as YogaMenu } from "@gympass/yoga";
+import { MenuMore } from "@gympass/yoga-icons";
+import styled, { css } from "styled-components";
 import Icon from "../../../Icon";
-import Box from "../../../Box";
-const StyledAction = styled(Box)`
+const StyledAction = styled.div`
   ${({
   theme: {
     yoga: {
@@ -30,12 +29,23 @@ const StyledAction = styled(Box)`
       }
     `}
 `;
-const Actions = ({ actions, sideOffset }) => {
+function Actions({ actions, sideOffset, $zIndex }) {
+  if (!(actions == null ? void 0 : actions.length)) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs(YogaMenu, { onMouseHover: false, children: [
     /* @__PURE__ */ jsx(YogaMenu.Action, { children: /* @__PURE__ */ jsx(StyledAction, { children: /* @__PURE__ */ jsx(Icon, { as: MenuMore, size: "medium", fill: "vibin" }) }) }),
-    /* @__PURE__ */ jsx(YogaMenu.List, { side: "right", sideOffset, zIndex: "10", children: actions.map(({ id, label, onClick }) => /* @__PURE__ */ jsx(YogaMenu.Item, { onClick, children: label }, id)) })
+    /* @__PURE__ */ jsx(
+      YogaMenu.List,
+      {
+        side: "right",
+        sideOffset,
+        zIndex: `${$zIndex != null ? $zIndex : 2}`,
+        children: actions.map(({ id, label, onClick }) => /* @__PURE__ */ jsx(YogaMenu.Item, { onClick, children: label }, id))
+      }
+    )
   ] });
-};
+}
 var Actions_default = Actions;
 export {
   Actions_default as default

package/esm/NavigationMenu/web/Switcher/Switcher.js

@@ -1,3 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import styled, { css } from "styled-components";
 import { Text, Skeleton } from "@gympass/yoga";
@@ -51,15 +79,22 @@ const StyledTitle = styled(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__ */ jsxs(StyledSwitcher, { fill, children: [
     Avatar,
@@ -78,7 +113,7 @@ const Switcher = ({
       title && /* @__PURE__ */ jsx(StyledTitle, { children: title }),
       subtitle && /* @__PURE__ */ jsx(Text.Tiny, { color: "deep", children: subtitle })
     ] }) }),
-    hasActions && /* @__PURE__ */ jsx(Actions, { actions, sideOffset })
+    hasActions && /* @__PURE__ */ jsx(Actions, __spreadValues({ actions }, actionsProps))
   ] });
 };
 var Switcher_default = Switcher;

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,