@gympass/yoga 7.109.0 → 7.110.0

package/cjs/Datepicker/web/Calendar.js

@@ -58,7 +58,7 @@ const DaysWrapper = import_styled_components.default.div`
     margin: ${spacing.xxsmall}px ${spacing.zero}px ${spacing.xsmall}px ${spacing.zero}px;
   `}
 `;
-const Day = (0, import_styled_components.default)(import__.Text.SectionTitle)`
+const Day = (0, import_styled_components.default)(import__.Text.Overline)`
   ${({
   theme: {
     yoga: { colors }
@@ -124,6 +124,7 @@ const DayField = import_styled_components.default.div`
     p {
         color: ${getDayFieldColor(selected, disabled, colors, aux)};
         z-index: 1;
+        position: absolute;
     }
     width: ${datepicker.width.day}px;
     height: ${datepicker.width.day}px;
@@ -248,7 +249,7 @@ function Calendar({
           onClick: () => val <= 7 && onClick(val),
           inRange: type === "range" && val <= 7 && inRange(val),
           aux: { val, startDate, endDate, year, month },
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Small, { children: val })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Body2, { bold: isEqual(val), children: val })
         },
         val
       );
@@ -272,7 +273,7 @@ function Calendar({
             inRange: type === "range" && inRange(val),
             disabled: isDisabled(val),
             aux: { val, startDate, endDate, year, month },
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Small, { children: val })
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Body2, { bold: isEqual(val), children: val })
           },
           val
         );
@@ -294,7 +295,7 @@ function Calendar({
           onClick: () => val > 7 && onClick(val),
           inRange: type === "range" && val > 7 && inRange(val),
           aux: { val, startDate, endDate, year, month },
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Small, { children: val })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Body2, { bold: isEqual(val), children: val })
         },
         val
       );
@@ -345,7 +346,7 @@ function Calendar({
               "data-testid": "previous-month-arrow"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text, { style: { alignSelf: "center" }, children: new Intl.DateTimeFormat("en-US", {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Body2, { style: { alignSelf: "center" }, bold: true, children: new Intl.DateTimeFormat("en-US", {
             month: "long",
             year: "numeric"
           }).format(new Date(year, month, 1, 0, 0, 0)) }),

package/cjs/Datepicker/web/Datepicker.test.js

@@ -30,6 +30,12 @@ var import_Datepicker = require("./Datepicker");
 describe("<Datepicker />", () => {
   const testDate = new Date(2022, 7, 3, 14, 0, 0);
   describe("Snapshots", () => {
+    it("should match snapshot when v3Theme is settled", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { theme: import__.v3theme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Datepicker, { type: "single" }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
     it("should match with single Datepicker", () => {
       const { container } = (0, import_react2.render)(
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Datepicker, { type: "single" }) })

package/esm/Datepicker/web/Calendar.js

@@ -25,7 +25,7 @@ const DaysWrapper = styled.div`
     margin: ${spacing.xxsmall}px ${spacing.zero}px ${spacing.xsmall}px ${spacing.zero}px;
   `}
 `;
-const Day = styled(Text.SectionTitle)`
+const Day = styled(Text.Overline)`
   ${({
   theme: {
     yoga: { colors }
@@ -91,6 +91,7 @@ const DayField = styled.div`
     p {
         color: ${getDayFieldColor(selected, disabled, colors, aux)};
         z-index: 1;
+        position: absolute;
     }
     width: ${datepicker.width.day}px;
     height: ${datepicker.width.day}px;
@@ -215,7 +216,7 @@ function Calendar({
           onClick: () => val <= 7 && onClick(val),
           inRange: type === "range" && val <= 7 && inRange(val),
           aux: { val, startDate, endDate, year, month },
-          children: /* @__PURE__ */ jsx(Text.Small, { children: val })
+          children: /* @__PURE__ */ jsx(Text.Body2, { bold: isEqual(val), children: val })
         },
         val
       );
@@ -239,7 +240,7 @@ function Calendar({
             inRange: type === "range" && inRange(val),
             disabled: isDisabled(val),
             aux: { val, startDate, endDate, year, month },
-            children: /* @__PURE__ */ jsx(Text.Small, { children: val })
+            children: /* @__PURE__ */ jsx(Text.Body2, { bold: isEqual(val), children: val })
           },
           val
         );
@@ -261,7 +262,7 @@ function Calendar({
           onClick: () => val > 7 && onClick(val),
           inRange: type === "range" && val > 7 && inRange(val),
           aux: { val, startDate, endDate, year, month },
-          children: /* @__PURE__ */ jsx(Text.Small, { children: val })
+          children: /* @__PURE__ */ jsx(Text.Body2, { bold: isEqual(val), children: val })
         },
         val
       );
@@ -312,7 +313,7 @@ function Calendar({
               "data-testid": "previous-month-arrow"
             }
           ),
-          /* @__PURE__ */ jsx(Text, { style: { alignSelf: "center" }, children: new Intl.DateTimeFormat("en-US", {
+          /* @__PURE__ */ jsx(Text.Body2, { style: { alignSelf: "center" }, bold: true, children: new Intl.DateTimeFormat("en-US", {
             month: "long",
             year: "numeric"
           }).format(new Date(year, month, 1, 0, 0, 0)) }),

package/esm/Datepicker/web/Datepicker.test.js

@@ -2,11 +2,17 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { fireEvent, render, screen } from "@testing-library/react";
 import { format } from "date-fns";
-import { ThemeProvider, Datepicker } from "../..";
+import { ThemeProvider, Datepicker, v3theme } from "../..";
 import { toUTC } from "./Datepicker";
 describe("<Datepicker />", () => {
   const testDate = new Date(2022, 7, 3, 14, 0, 0);
   describe("Snapshots", () => {
+    it("should match snapshot when v3Theme is settled", () => {
+      const { container } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { theme: v3theme, children: /* @__PURE__ */ jsx(Datepicker, { type: "single" }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
     it("should match with single Datepicker", () => {
       const { container } = render(
         /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Datepicker, { type: "single" }) })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.109.0",
+  "version": "7.110.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": "7920154424594eca67d71262188e9b0783d3b332",
+  "gitHead": "39f59f3f77306904124b0db21b748b14243ff194",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"