@gympass/yoga 7.112.0 → 7.113.1

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

@@ -197,7 +197,7 @@ const Dropdown = ({
       font: {
         color: colors.text.primary,
         weight: fontWeights.medium,
-        size: fontSizes.medium
+        size: fontSizes.small
       }
     }
   }

package/cjs/Dropdown/native/Dropdown.js

@@ -104,7 +104,7 @@ const Selector = import_styled_components.default.View`
     ${selected ? `border-color: ${dropdown.selected.selector.border.color};` : ""};
   `}
 `;
-const Label = (0, import_styled_components.default)(import_Text.default)`
+const Label = (0, import_styled_components.default)(import_Text.default.Body2)`
   ${({
   disabled,
   selected,

package/cjs/Dropdown/native/Options.android.js

@@ -57,7 +57,7 @@ const Option = (0, import_styled_components.default)(import_List.default.Item)`
     background-color: ${isSelected ? `${dropdown.hover.option.backgroundColor}` : "transparent"};
   `}
 `;
-const OptionText = import_styled_components.default.Text`
+const OptionText = (0, import_styled_components.default)(import_Text.default.Body2)`
   ${({
   isSelected,
   theme: {
@@ -85,7 +85,7 @@ const Options = ({ options, selectedOption, onSelect }) => /* @__PURE__ */ (0, i
           OptionText,
           {
             isSelected: selectedOption && selectedOption.value === item.value,
-            as: selectedOption && selectedOption.value === item.value ? import_Text.default.Bold : import_Text.default.Regular,
+            bold: selectedOption && selectedOption.value === item.value,
             children: item.label
           }
         )

package/cjs/Theme/theme/v3theme.js

@@ -261,6 +261,39 @@ const v3theme = (0, import_themeGenerator.default)((tokens) => ({
           weight: tokens.fontWeights.medium
         }
       }
+    },
+    dropdown: {
+      input: {
+        font: {
+          size: tokens.fontSizes.small,
+          lineHeight: tokens.lineHeights.small
+        }
+      },
+      option: {
+        font: {
+          size: tokens.fontSizes.small,
+          lineHeight: tokens.lineHeights.small,
+          weight: tokens.fontWeights.medium
+        }
+      },
+      backdrop: {
+        content: {
+          title: {
+            font: {
+              weight: tokens.fontWeights.bold,
+              size: tokens.fontSizes.medium
+            }
+          }
+        }
+      },
+      selected: {
+        option: {
+          font: {
+            weight: tokens.fontWeights.bold,
+            size: tokens.fontSizes.small
+          }
+        }
+      }
     }
   }
 }));

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/esm/Dropdown/Dropdown.theme.js

@@ -174,7 +174,7 @@ const Dropdown = ({
       font: {
         color: colors.text.primary,
         weight: fontWeights.medium,
-        size: fontSizes.medium
+        size: fontSizes.small
       }
     }
   }

package/esm/Dropdown/native/Dropdown.js

@@ -81,7 +81,7 @@ const Selector = styled.View`
     ${selected ? `border-color: ${dropdown.selected.selector.border.color};` : ""};
   `}
 `;
-const Label = styled(Text)`
+const Label = styled(Text.Body2)`
   ${({
   disabled,
   selected,

package/esm/Dropdown/native/Options.android.js

@@ -24,7 +24,7 @@ const Option = styled(List.Item)`
     background-color: ${isSelected ? `${dropdown.hover.option.backgroundColor}` : "transparent"};
   `}
 `;
-const OptionText = styled.Text`
+const OptionText = styled(Text.Body2)`
   ${({
   isSelected,
   theme: {
@@ -52,7 +52,7 @@ const Options = ({ options, selectedOption, onSelect }) => /* @__PURE__ */ jsx(
           OptionText,
           {
             isSelected: selectedOption && selectedOption.value === item.value,
-            as: selectedOption && selectedOption.value === item.value ? Text.Bold : Text.Regular,
+            bold: selectedOption && selectedOption.value === item.value,
             children: item.label
           }
         )

package/esm/Theme/theme/v3theme.js

@@ -228,6 +228,39 @@ const v3theme = createTheme((tokens) => ({
           weight: tokens.fontWeights.medium
         }
       }
+    },
+    dropdown: {
+      input: {
+        font: {
+          size: tokens.fontSizes.small,
+          lineHeight: tokens.lineHeights.small
+        }
+      },
+      option: {
+        font: {
+          size: tokens.fontSizes.small,
+          lineHeight: tokens.lineHeights.small,
+          weight: tokens.fontWeights.medium
+        }
+      },
+      backdrop: {
+        content: {
+          title: {
+            font: {
+              weight: tokens.fontWeights.bold,
+              size: tokens.fontSizes.medium
+            }
+          }
+        }
+      },
+      selected: {
+        option: {
+          font: {
+            weight: tokens.fontWeights.bold,
+            size: tokens.fontSizes.small
+          }
+        }
+      }
     }
   }
 }));

package/package.json

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