@gympass/yoga 7.111.0 → 7.112.0

package/cjs/Snackbar/native/Snackbar.js

@@ -210,10 +210,9 @@ const Snackbar = (0, import_react.forwardRef)((props, ref) => {
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_Text.default,
+              import_Text.default.Body2,
               {
                 flex: 1,
-                fontSize: "small",
                 marginTop: "xxxsmall",
                 marginBottom: "xxxsmall",
                 numberOfLines: 2,

package/cjs/Snackbar/web/Snackbar.js

@@ -213,7 +213,7 @@ const Snackbar = import_react.default.forwardRef(
               height: "large"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Small, { flex: 1, mr: "small", numberOfLines: 2, children: message }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Body2, { flex: 1, mr: "small", numberOfLines: 2, children: message }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ActionsWrapper, { children: [
             onAction && actionLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.default.Link, { onClick: onAction, secondary: true, small: true, children: actionLabel }),
             !hideCloseButton && onClose && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButtonWrapper, { role: "button", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.default, { as: import_yoga_icons.Close, fill: "secondary", size: "medium" }) })

package/cjs/Stepper/Stepper.theme.js

@@ -21,7 +21,7 @@ __export(Stepper_theme_exports, {
   default: () => Stepper_theme_default
 });
 module.exports = __toCommonJS(Stepper_theme_exports);
-const Stepper = ({ colors, spacing, fontSizes, fontWeights, radii }) => ({
+const Stepper = ({ colors, spacing, radii }) => ({
   padding: {
     left: spacing.xxlarge,
     right: spacing.xxlarge
@@ -30,7 +30,7 @@ const Stepper = ({ colors, spacing, fontSizes, fontWeights, radii }) => ({
     backgroundColor: {
       active: colors.primary,
       inactive: colors.elements.backgroundAndDisabled,
-      secondary: colors.medium
+      secondary: colors.secondary
     }
   },
   dot: {
@@ -38,18 +38,14 @@ const Stepper = ({ colors, spacing, fontSizes, fontWeights, radii }) => ({
     backgroundColor: {
       active: colors.primary,
       inactive: colors.elements.backgroundAndDisabled,
-      secondary: colors.medium
+      secondary: colors.secondary
     }
   },
   label: {
-    font: {
-      weight: fontWeights.bold,
-      size: fontSizes.xsmall
-    },
     color: {
       active: colors.primary,
       inactive: colors.elements.selectionAndIcons,
-      secondary: colors.medium
+      secondary: colors.secondary
     }
   }
 });

package/cjs/Stepper/native/Dots.js

@@ -32,8 +32,8 @@ __export(Dots_exports, {
 });
 module.exports = __toCommonJS(Dots_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_prop_types = require("prop-types");
 var import_react = __toESM(require("react"));
+var import_prop_types = require("prop-types");
 var import_styled_components = __toESM(require("styled-components"));
 var import_Text = __toESM(require("../../Text"));
 var import_activeDot = __toESM(require("../activeDot"));
@@ -65,7 +65,7 @@ const Dot = import_styled_components.default.View(
     `;
   }
 );
-const Label = (0, import_styled_components.default)(import_Text.default.Bold)(
+const Label = (0, import_styled_components.default)(import_Text.default.Overline)(
   ({
     active,
     secondary,
@@ -81,7 +81,6 @@ const Label = (0, import_styled_components.default)(import_Text.default.Bold)(
       margin-top: 10px;
       margin-left: -40px;
       color: ${active ? stepper.label.color[state] : stepper.label.color.inactive};
-      font-size: ${stepper.label.font.size}px;
       text-align: center;
     `;
   }

package/cjs/Stepper/web/Dots.js

@@ -35,8 +35,8 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_prop_types = require("prop-types");
 var import_styled_components = __toESM(require("styled-components"));
-var import_activeDot = __toESM(require("../activeDot"));
 var import_Text = __toESM(require("../../Text"));
+var import_activeDot = __toESM(require("../activeDot"));
 const Dot = import_styled_components.default.div`
   ${({
   theme: {
@@ -51,20 +51,10 @@ const Dot = import_styled_components.default.div`
     border-radius: ${stepper.dot.radius}px;
   `}
 `;
-const Label = (0, import_styled_components.default)(import_Text.default.Bold)`
-  ${({
-  theme: {
-    yoga: {
-      components: { stepper }
-    }
-  }
-}) => import_styled_components.css`
-    width: 95px;
+const Label = (0, import_styled_components.default)(import_Text.default.Overline)`
+  width: 95px;
 
-    font-size: ${stepper.label.font.size}px;
-
-    transform: translateX(-50%);
-  `}
+  transform: translateX(-50%);
 `;
 const DotWrapper = import_styled_components.default.div`
   ${({

package/esm/Snackbar/native/Snackbar.js

@@ -185,10 +185,9 @@ const Snackbar = forwardRef((props, ref) => {
               }
             ),
             /* @__PURE__ */ jsx(
-              Text,
+              Text.Body2,
               {
                 flex: 1,
-                fontSize: "small",
                 marginTop: "xxxsmall",
                 marginBottom: "xxxsmall",
                 numberOfLines: 2,

package/esm/Snackbar/web/Snackbar.js

@@ -182,7 +182,7 @@ const Snackbar = React.forwardRef(
               height: "large"
             }
           ) }),
-          /* @__PURE__ */ jsx(Text.Small, { flex: 1, mr: "small", numberOfLines: 2, children: message }),
+          /* @__PURE__ */ jsx(Text.Body2, { flex: 1, mr: "small", numberOfLines: 2, children: message }),
           /* @__PURE__ */ jsxs(ActionsWrapper, { children: [
             onAction && actionLabel && /* @__PURE__ */ jsx(Button.Link, { onClick: onAction, secondary: true, small: true, children: actionLabel }),
             !hideCloseButton && onClose && /* @__PURE__ */ jsx(IconButtonWrapper, { role: "button", onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { as: Close, fill: "secondary", size: "medium" }) })

package/esm/Stepper/Stepper.theme.js

@@ -1,4 +1,4 @@
-const Stepper = ({ colors, spacing, fontSizes, fontWeights, radii }) => ({
+const Stepper = ({ colors, spacing, radii }) => ({
   padding: {
     left: spacing.xxlarge,
     right: spacing.xxlarge
@@ -7,7 +7,7 @@ const Stepper = ({ colors, spacing, fontSizes, fontWeights, radii }) => ({
     backgroundColor: {
       active: colors.primary,
       inactive: colors.elements.backgroundAndDisabled,
-      secondary: colors.medium
+      secondary: colors.secondary
     }
   },
   dot: {
@@ -15,18 +15,14 @@ const Stepper = ({ colors, spacing, fontSizes, fontWeights, radii }) => ({
     backgroundColor: {
       active: colors.primary,
       inactive: colors.elements.backgroundAndDisabled,
-      secondary: colors.medium
+      secondary: colors.secondary
     }
   },
   label: {
-    font: {
-      weight: fontWeights.bold,
-      size: fontSizes.xsmall
-    },
     color: {
       active: colors.primary,
       inactive: colors.elements.selectionAndIcons,
-      secondary: colors.medium
+      secondary: colors.secondary
     }
   }
 });

package/esm/Stepper/native/Dots.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { arrayOf, bool, number, string } from "prop-types";
 import React from "react";
+import { arrayOf, bool, number, string } from "prop-types";
 import styled, { css } from "styled-components";
 import Text from "../../Text";
 import activeDot from "../activeDot";
@@ -32,7 +32,7 @@ const Dot = styled.View(
     `;
   }
 );
-const Label = styled(Text.Bold)(
+const Label = styled(Text.Overline)(
   ({
     active,
     secondary,
@@ -48,7 +48,6 @@ const Label = styled(Text.Bold)(
       margin-top: 10px;
       margin-left: -40px;
       color: ${active ? stepper.label.color[state] : stepper.label.color.inactive};
-      font-size: ${stepper.label.font.size}px;
       text-align: center;
     `;
   }

package/esm/Stepper/web/Dots.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
-import { number, arrayOf, string, bool } from "prop-types";
+import { arrayOf, bool, number, string } from "prop-types";
 import styled, { css } from "styled-components";
-import activeDot from "../activeDot";
 import Text from "../../Text";
+import activeDot from "../activeDot";
 const Dot = styled.div`
   ${({
   theme: {
@@ -18,20 +18,10 @@ const Dot = styled.div`
     border-radius: ${stepper.dot.radius}px;
   `}
 `;
-const Label = styled(Text.Bold)`
-  ${({
-  theme: {
-    yoga: {
-      components: { stepper }
-    }
-  }
-}) => css`
-    width: 95px;
+const Label = styled(Text.Overline)`
+  width: 95px;
 
-    font-size: ${stepper.label.font.size}px;
-
-    transform: translateX(-50%);
-  `}
+  transform: translateX(-50%);
 `;
 const DotWrapper = styled.div`
   ${({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.111.0",
+  "version": "7.112.0",
   "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": "2b021eb53a54d8efe7c309117b22d9cc42dc805f",
+  "gitHead": "6783f61068382aa85f5b1899c3f49da092123246",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"