@gympass/yoga 7.113.0 → 7.113.2

package/cjs/Card/native/EventCard/EventCard.js

@@ -71,7 +71,7 @@ var import_Card = __toESM(require("../Card"));
 var import_Text = __toESM(require("../../../Text"));
 var import_Box = __toESM(require("../../../Box"));
 var import_Button = __toESM(require("../../../Button"));
-const { spacing, radii, lineHeights, colors, borders } = import_themeReader.default;
+const { spacing, radii, colors, borders } = import_themeReader.default;
 const Event = (0, import_styled_components.default)(import_Card.default).attrs({ hasShadow: false })`
   flex-direction: row;
   height: 104px;
@@ -110,15 +110,14 @@ const Top = (0, import_styled_components.default)(import_Box.default)`
   align-items: center;
   height: ${spacing.small}px;
 `;
-const Name = (0, import_styled_components.default)(import_Text.default.Medium)`
+const Name = (0, import_styled_components.default)(import_Text.default.Body2)`
   margin-bottom: ${spacing.xxxsmall}px;
-  line-height: ${lineHeights.small}px;
 `;
-const Place = (0, import_styled_components.default)(import_Text.default.Tiny)`
+const Place = (0, import_styled_components.default)(import_Text.default.Caption)`
   width: 180px;
   margin-bottom: ${spacing.xsmall}px;
 `;
-const Day = (0, import_styled_components.default)(import_Text.default.H5)`
+const Day = (0, import_styled_components.default)(import_Text.default.H5).attrs({ bold: true })`
   margin-top: ${spacing.xxxsmall}px;
   margin-bottom: ${spacing.xxxsmall}px;
 `;
@@ -155,9 +154,9 @@ const SmallCard = ({
       borderRadius: "small",
       bgColor: getIndicatorColor(active, Boolean(event))
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Tiny, { variant: active ? "white" : "deep", children: month }) }),
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Caption, { variant: active ? "white" : "deep", children: month }) }),
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Day, { variant: active ? "white" : "secondary", children: day }),
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Tiny, { variant: active ? "white" : "deep", children: String(dayOfWeek).toUpperCase() })
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Caption, { variant: active ? "white" : "deep", children: String(dayOfWeek).toUpperCase() })
 ] });
 const FullCard = (0, import_styled_components.withTheme)(
   ({
@@ -176,9 +175,9 @@ const FullCard = (0, import_styled_components.withTheme)(
     }
   }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DateInfo, { bg: "primary", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Top, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Tiny, { inverted: true, children: month }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Top, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Caption, { inverted: true, children: month }) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Day, { inverted: true, children: day }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Tiny, { inverted: true, children: String(dayOfWeek).toUpperCase() })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Caption, { inverted: true, children: String(dayOfWeek).toUpperCase() })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EventInfo, { p: "small", pl: "xsmall", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Name, { numberOfLines: 1, size: "small", children: event.name }),
@@ -186,7 +185,7 @@ const FullCard = (0, import_styled_components.withTheme)(
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Row, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EventTime, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_yoga_icons.Time, { fill: icon.fill, style: { marginRight: 5 } }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Tiny, { children: event.time })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Caption, { children: event.time })
         ] }),
         !!link && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonLink, { onPress: onLinkPress, small: true, secondary: true, children: link })
       ] })

package/cjs/Dialog/web/Content.js

@@ -47,16 +47,7 @@ __export(Content_exports, {
 module.exports = __toCommonJS(Content_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
-var import_Box = __toESM(require("../../Box"));
-const Content = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_Box.default,
-  __spreadValues({
-    ta: "center",
-    color: "text.secondary",
-    fw: "regular",
-    fs: "medium",
-    mb: "xlarge"
-  }, props)
-);
+var import_Text = __toESM(require("../../Text"));
+const Content = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Body1, __spreadValues({ ta: "center", mb: "xlarge" }, props));
 Content.displayName = "Dialog.Content";
 var Content_default = Content;

package/cjs/Dialog/web/Header.js

@@ -47,17 +47,7 @@ __export(Header_exports, {
 module.exports = __toCommonJS(Header_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
-var import_Box = __toESM(require("../../Box"));
-const Header = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_Box.default,
-  __spreadValues({
-    as: "header",
-    ta: "center",
-    color: "text.primary",
-    fw: "medium",
-    fs: "xlarge",
-    mb: "large"
-  }, props)
-);
+var import_Text = __toESM(require("../../Text"));
+const Header = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.H4, __spreadValues({ bold: true, as: "header", ta: "center", mb: "large" }, props));
 Header.displayName = "Dialog.Header";
 var Header_default = Header;

package/esm/Card/native/EventCard/EventCard.js

@@ -40,7 +40,7 @@ import Card from "../Card";
 import Text from "../../../Text";
 import Box from "../../../Box";
 import Button from "../../../Button";
-const { spacing, radii, lineHeights, colors, borders } = theme;
+const { spacing, radii, colors, borders } = theme;
 const Event = styled(Card).attrs({ hasShadow: false })`
   flex-direction: row;
   height: 104px;
@@ -79,15 +79,14 @@ const Top = styled(Box)`
   align-items: center;
   height: ${spacing.small}px;
 `;
-const Name = styled(Text.Medium)`
+const Name = styled(Text.Body2)`
   margin-bottom: ${spacing.xxxsmall}px;
-  line-height: ${lineHeights.small}px;
 `;
-const Place = styled(Text.Tiny)`
+const Place = styled(Text.Caption)`
   width: 180px;
   margin-bottom: ${spacing.xsmall}px;
 `;
-const Day = styled(Text.H5)`
+const Day = styled(Text.H5).attrs({ bold: true })`
   margin-top: ${spacing.xxxsmall}px;
   margin-bottom: ${spacing.xxxsmall}px;
 `;
@@ -124,9 +123,9 @@ const SmallCard = ({
       borderRadius: "small",
       bgColor: getIndicatorColor(active, Boolean(event))
     }
-  ) : /* @__PURE__ */ jsx(Text.Tiny, { variant: active ? "white" : "deep", children: month }) }),
+  ) : /* @__PURE__ */ jsx(Text.Caption, { variant: active ? "white" : "deep", children: month }) }),
   /* @__PURE__ */ jsx(Day, { variant: active ? "white" : "secondary", children: day }),
-  /* @__PURE__ */ jsx(Text.Tiny, { variant: active ? "white" : "deep", children: String(dayOfWeek).toUpperCase() })
+  /* @__PURE__ */ jsx(Text.Caption, { variant: active ? "white" : "deep", children: String(dayOfWeek).toUpperCase() })
 ] });
 const FullCard = withTheme(
   ({
@@ -145,9 +144,9 @@ const FullCard = withTheme(
     }
   }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(DateInfo, { bg: "primary", children: [
-      /* @__PURE__ */ jsx(Top, { children: /* @__PURE__ */ jsx(Text.Tiny, { inverted: true, children: month }) }),
+      /* @__PURE__ */ jsx(Top, { children: /* @__PURE__ */ jsx(Text.Caption, { inverted: true, children: month }) }),
       /* @__PURE__ */ jsx(Day, { inverted: true, children: day }),
-      /* @__PURE__ */ jsx(Text.Tiny, { inverted: true, children: String(dayOfWeek).toUpperCase() })
+      /* @__PURE__ */ jsx(Text.Caption, { inverted: true, children: String(dayOfWeek).toUpperCase() })
     ] }),
     /* @__PURE__ */ jsxs(EventInfo, { p: "small", pl: "xsmall", children: [
       /* @__PURE__ */ jsx(Name, { numberOfLines: 1, size: "small", children: event.name }),
@@ -155,7 +154,7 @@ const FullCard = withTheme(
       /* @__PURE__ */ jsxs(Row, { children: [
         /* @__PURE__ */ jsxs(EventTime, { children: [
           /* @__PURE__ */ jsx(Time, { fill: icon.fill, style: { marginRight: 5 } }),
-          /* @__PURE__ */ jsx(Text.Tiny, { children: event.time })
+          /* @__PURE__ */ jsx(Text.Caption, { children: event.time })
         ] }),
         !!link && /* @__PURE__ */ jsx(ButtonLink, { onPress: onLinkPress, small: true, secondary: true, children: link })
       ] })

package/esm/Dialog/web/Content.js

@@ -16,17 +16,8 @@ var __spreadValues = (a, b) => {
 };
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import Box from "../../Box";
-const Content = (props) => /* @__PURE__ */ jsx(
-  Box,
-  __spreadValues({
-    ta: "center",
-    color: "text.secondary",
-    fw: "regular",
-    fs: "medium",
-    mb: "xlarge"
-  }, props)
-);
+import Text from "../../Text";
+const Content = (props) => /* @__PURE__ */ jsx(Text.Body1, __spreadValues({ ta: "center", mb: "xlarge" }, props));
 Content.displayName = "Dialog.Content";
 var Content_default = Content;
 export {

package/esm/Dialog/web/Header.js

@@ -16,18 +16,8 @@ var __spreadValues = (a, b) => {
 };
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import Box from "../../Box";
-const Header = (props) => /* @__PURE__ */ jsx(
-  Box,
-  __spreadValues({
-    as: "header",
-    ta: "center",
-    color: "text.primary",
-    fw: "medium",
-    fs: "xlarge",
-    mb: "large"
-  }, props)
-);
+import Text from "../../Text";
+const Header = (props) => /* @__PURE__ */ jsx(Text.H4, __spreadValues({ bold: true, as: "header", ta: "center", mb: "large" }, props));
 Header.displayName = "Dialog.Header";
 var Header_default = Header;
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.113.0",
+  "version": "7.113.2",
   "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": "4e633d4c26ba8948f69ac53f785e4210e2e82db8",
+  "gitHead": "66091324d6eaf72a82b372186981b081d009f51d",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"