@gympass/yoga 7.102.4 → 7.104.0

package/esm/Text/native/Text.test.js

@@ -17,15 +17,19 @@ describe("<Text />", () => {
           /* @__PURE__ */ jsx(Text.H2, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.H3, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.H4, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Body1, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Body2, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Caption, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Overline, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.SectionTitle, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.SmallestException, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Small, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Tiny, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Regular, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Medium, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Bold, { children: "Live the mission" }),
-          /* @__PURE__ */ jsx(Text.Black, { children: "Live the mission" }),
-          /* @__PURE__ */ jsx(Text.SectionTitle, { children: "Live the mission" }),
-          /* @__PURE__ */ jsx(Text.SmallestException, { children: "Live the mission" })
+          /* @__PURE__ */ jsx(Text.Black, { children: "Live the mission" })
         ] })
       );
       expect(toJSON()).toMatchSnapshot();
@@ -151,5 +155,15 @@ describe("<Text />", () => {
       );
       expect(toJSON()).toMatchSnapshot();
     });
+    it("should match snapshot with Text bold", () => {
+      const { toJSON } = render(
+        /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+          /* @__PURE__ */ jsx(Text.H1, { bold: true, children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.H2, { bold: true, children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.H3, { bold: true, children: "Live the mission" })
+        ] })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
   });
 });

package/esm/Text/native/index.js

@@ -1,28 +1,35 @@
 import {
-  Text,
+  Display1,
+  Display2,
+  Display3,
+  Display4,
+  DisplayNumber,
   H1,
   H2,
   H3,
   H4,
   H5,
+  Body1,
+  Body2,
+  Caption,
+  Overline,
+  SectionTitle,
+  SmallestException,
+  Text,
   Small,
   Tiny,
   Light,
   Regular,
   Medium,
   Bold,
-  Black,
-  SectionTitle,
-  SmallestException,
-  Display1,
-  Display2,
-  Display3,
-  Display4,
-  DisplayNumber
+  Black
 } from "./Text";
 export {
   Black,
+  Body1,
+  Body2,
   Bold,
+  Caption,
   Display1,
   Display2,
   Display3,
@@ -35,6 +42,7 @@ export {
   H5,
   Light,
   Medium,
+  Overline,
   Regular,
   SectionTitle,
   Small,

package/esm/Text/textStyle.android.js

@@ -4,6 +4,7 @@ const textStyle = (type) => () => css`
     ${defaultStyle(type)};
     ${({
   light,
+  bold,
   theme: {
     yoga: {
       baseFont,
@@ -26,6 +27,7 @@ const textStyle = (type) => () => css`
         font-family: '${finalFontFamily}';
 
         ${light ? `font-family: ${baseFont.family}-${fontWeights.light};` : ""}
+        ${bold ? `font-family: ${baseFont.family}-${fontWeights.bold};` : ""}
       `;
 }}
   `;

package/esm/Text/textStyle.ios.js

@@ -4,6 +4,7 @@ const textStyle = (type) => () => css`
     ${defaultStyle(type)};
     ${({
   light,
+  bold,
   theme: {
     yoga: {
       baseFont,
@@ -21,6 +22,7 @@ const textStyle = (type) => () => css`
         font-family: ${finalFontFamily};
         ${fontWeight ? `font-weight: ${fontWeight};` : ""}
         ${light ? `font-weight: ${fontWeights.light};` : ""}
+        ${bold ? `font-weight: ${fontWeights.bold};` : ""}
       `;
 }}
   `;

package/esm/Text/textStyle.web.js

@@ -5,6 +5,7 @@ const textStyle = (type) => () => css`
 
     ${({
   light,
+  bold,
   numberOfLines,
   theme: {
     yoga: {
@@ -29,6 +30,7 @@ const textStyle = (type) => () => css`
         font-family: ${fontFamily ? `${fontFamily}, ` : ""}${baseFont.family};
         ${fontWeight ? `font-weight: ${fontWeight};` : ""}
         ${light ? `font-weight: ${fontWeights.light};` : ""}
+        ${bold ? `font-weight: ${fontWeights.bold};` : ""}
       `;
 }}
   `;

package/esm/Text/web/Text.js

@@ -27,6 +27,16 @@ const styledText = (type, element = false) => (element ? styled[type] : styled.p
     ${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", true);
 H1.displayName = "Text.H1";
 const H2 = styledText("h2", true);
@@ -37,6 +47,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");
@@ -51,28 +73,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;
@@ -80,13 +99,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",
@@ -127,6 +139,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 = {
@@ -135,11 +148,15 @@ Text.defaultProps = {
   size: void 0,
   fontSize: "medium",
   numberOfLines: void 0,
-  light: false
+  light: false,
+  bold: false
 };
 export {
   Black,
+  Body1,
+  Body2,
   Bold,
+  Caption,
   Display1,
   Display2,
   Display3,
@@ -152,6 +169,7 @@ export {
   H5,
   Light,
   Medium,
+  Overline,
   Regular,
   SectionTitle,
   Small,

package/esm/Text/web/Text.test.js

@@ -18,15 +18,19 @@ describe("<Text />", () => {
           /* @__PURE__ */ jsx(Text.H3, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.H4, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.H5, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Body1, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Body2, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Caption, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.Overline, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.SectionTitle, { children: "Live the mission" }),
+          /* @__PURE__ */ jsx(Text.SmallestException, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Small, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Tiny, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Regular, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Medium, { children: "Live the mission" }),
           /* @__PURE__ */ jsx(Text.Bold, { children: "Live the mission" }),
-          /* @__PURE__ */ jsx(Text.Black, { children: "Live the mission" }),
-          /* @__PURE__ */ jsx(Text.SectionTitle, { children: "Live the mission" }),
-          /* @__PURE__ */ jsx(Text.SmallestException, { children: "Live the mission" })
+          /* @__PURE__ */ jsx(Text.Black, { children: "Live the mission" })
         ] })
       );
       expect(container).toMatchSnapshot();
@@ -152,5 +156,11 @@ describe("<Text />", () => {
       );
       expect(container).toMatchSnapshot();
     });
+    it("should match snapshot with Text bold", () => {
+      const { container } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Text.H1, { bold: true, children: "Live the mission" }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
   });
 });

package/esm/Text/web/index.js

@@ -1,28 +1,35 @@
 import {
-  Text,
+  Display1,
+  Display2,
+  Display3,
+  Display4,
+  DisplayNumber,
   H1,
   H2,
   H3,
   H4,
   H5,
+  Body1,
+  Body2,
+  Caption,
+  Overline,
+  SectionTitle,
+  SmallestException,
+  Text,
   Small,
   Tiny,
   Light,
   Regular,
   Medium,
   Bold,
-  Black,
-  SectionTitle,
-  SmallestException,
-  Display1,
-  Display2,
-  Display3,
-  Display4,
-  DisplayNumber
+  Black
 } from "./Text";
 export {
   Black,
+  Body1,
+  Body2,
   Bold,
+  Caption,
   Display1,
   Display2,
   Display3,
@@ -35,6 +42,7 @@ export {
   H5,
   Light,
   Medium,
+  Overline,
   Regular,
   SectionTitle,
   Small,

package/esm/Theme/theme/theme.js

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

package/esm/Theme/theme/v3theme.js

@@ -1,5 +1,6 @@
 import createTheme from "../helpers/themeGenerator";
 const v3theme = createTheme((tokens) => ({
+  v3theme: true,
   colors: {
     secondary: tokens.colors.staminaNew,
     deep: tokens.colors.deepNew,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.102.4",
+  "version": "7.104.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": "b05cd21c48aa81f1a3a58dd32a48080b5206721d",
+  "gitHead": "89d776e82d74a009e4fbca47fb21a00461e234b6",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"

package/typings/Actions-cd7fac99.d.ts

@@ -0,0 +1,13 @@
+declare type SwitcherActionsProps = {
+    id: string;
+    label: string;
+    onClick: () => void;
+};
+declare type ActionsProps = {
+    actions?: SwitcherActionsProps[];
+    sideOffset?: number;
+    $zIndex?: number;
+};
+declare function Actions({ actions, sideOffset, $zIndex }: ActionsProps): JSX.Element | null;
+
+export { ActionsProps as A, Actions as a };

package/typings/NavigationMenu/index.d.ts

@@ -1,7 +1,7 @@
-import { N as NavigationMenu } from '../NavigationMenu-4912428a.js';
-import '../Switcher-a8dff781.js';
-import 'react';
+import { N as NavigationMenu } from '../NavigationMenu-57b14b2b.js';
+import '../Actions-cd7fac99.js';
 import 'styled-components';
+import 'react';
 
 
 

package/typings/NavigationMenu/web/BottomItems/index.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
 
-declare type BottomItemsProps = {
+declare type BottomItemsStyledProps = React.HTMLAttributes<HTMLUListElement> & {
+    $zIndex?: number;
+};
+declare type BottomItemsProps = BottomItemsStyledProps & {
     children: React.ReactNode;
 };
-declare const BottomItems: ({ children }: BottomItemsProps) => JSX.Element;
+declare const BottomItems: ({ children, ...containerProps }: BottomItemsProps) => JSX.Element;
 
 declare type BottomItemProps = {
     active?: boolean;

package/typings/NavigationMenu/web/Item/styles.d.ts

@@ -22,11 +22,22 @@ declare const StyledTag: styled_components.StyledComponent<{
 declare const StyledText: styled_components.StyledComponent<{
     (props: any): JSX.Element;
     displayName: string;
+    Display1: styled_components.StyledComponent<string, any, {}, never>;
+    Display2: styled_components.StyledComponent<string, any, {}, never>;
+    Display3: styled_components.StyledComponent<string, any, {}, never>;
+    Display4: styled_components.StyledComponent<string, any, {}, never>;
+    DisplayNumber: styled_components.StyledComponent<string, any, {}, never>;
     H1: styled_components.StyledComponent<string, any, {}, never>;
     H2: styled_components.StyledComponent<string, any, {}, never>;
     H3: styled_components.StyledComponent<string, any, {}, never>;
     H4: styled_components.StyledComponent<string, any, {}, never>;
     H5: styled_components.StyledComponent<string, any, {}, never>;
+    Body1: styled_components.StyledComponent<string, any, {}, never>;
+    Body2: styled_components.StyledComponent<string, any, {}, never>;
+    Caption: styled_components.StyledComponent<string, any, {}, never>;
+    Overline: styled_components.StyledComponent<string, any, {}, never>;
+    SectionTitle: styled_components.StyledComponent<string, any, {}, never>;
+    SmallestException: styled_components.StyledComponent<string, any, {}, never>;
     Small: styled_components.StyledComponent<string, any, {}, never>;
     Tiny: styled_components.StyledComponent<string, any, {}, never>;
     Light: styled_components.StyledComponent<string, any, {}, never>;
@@ -34,19 +45,13 @@ declare const StyledText: styled_components.StyledComponent<{
     Medium: styled_components.StyledComponent<string, any, {}, never>;
     Bold: styled_components.StyledComponent<string, any, {}, never>;
     Black: styled_components.StyledComponent<string, any, {}, never>;
-    SectionTitle: styled_components.StyledComponent<string, any, {}, never>;
-    SmallestException: styled_components.StyledComponent<string, any, {}, never>;
-    Display1: styled_components.StyledComponent<string, any, {}, never>;
-    Display2: styled_components.StyledComponent<string, any, {}, never>;
-    Display3: styled_components.StyledComponent<string, any, {}, never>;
-    Display4: styled_components.StyledComponent<string, any, {}, never>;
-    DisplayNumber: styled_components.StyledComponent<string, any, {}, never>;
     propTypes: {
         inverted: prop_types.Requireable<boolean>;
         numberOfLines: prop_types.Requireable<number>;
         variant: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
         size: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
         light: prop_types.Requireable<boolean>;
+        bold: prop_types.Requireable<boolean>;
         fontSize: prop_types.Requireable<string>;
     };
     defaultProps: {
@@ -56,6 +61,7 @@ declare const StyledText: styled_components.StyledComponent<{
         fontSize: string;
         numberOfLines: undefined;
         light: boolean;
+        bold: boolean;
     };
 }, any, {}, never>;
 declare const StyledItem: styled_components.StyledComponent<string, any, {

package/typings/NavigationMenu/web/Switcher/index.d.ts

@@ -1,6 +1,13 @@
-import { a as Switcher } from '../../../Switcher-a8dff781.js';
-import 'react';
-
+import React from 'react';
+import { a as Actions } from '../../../Actions-cd7fac99.js';
 
+declare type SwitcherProps = React.ComponentProps<typeof Actions> & {
+    avatar: React.ReactElement;
+    fill?: string;
+    isLoading?: boolean;
+    subtitle?: string;
+    title?: string;
+};
+declare const Switcher: ({ actions, avatar: Avatar, fill, isLoading, subtitle, title, ...actionsProps }: SwitcherProps) => JSX.Element;
 
 export { Switcher as default };

package/typings/NavigationMenu/web/index.d.ts

@@ -1,7 +1,7 @@
-import { N as NavigationMenu } from '../../NavigationMenu-4912428a.js';
-import '../../Switcher-a8dff781.js';
-import 'react';
+import { N as NavigationMenu } from '../../NavigationMenu-57b14b2b.js';
+import '../../Actions-cd7fac99.js';
 import 'styled-components';
+import 'react';
 
 
 

package/typings/{NavigationMenu-4912428a.d.ts → NavigationMenu-57b14b2b.d.ts}

@@ -1,14 +1,19 @@
-import { S as SwitcherActionsProps } from './Switcher-a8dff781.js';
+import { A as ActionsProps } from './Actions-cd7fac99.js';
 import * as styled_components from 'styled-components';
 import React from 'react';
 
-declare type NavigationMenuProps = {
+declare type NavigationMenuStyledProps = React.HTMLAttributes<HTMLDivElement> & {
+    isOpenOnMobile: boolean;
+    isResponsive: boolean;
+    $zIndex?: number;
+};
+declare type NavigationMenuProps = Pick<NavigationMenuStyledProps, '$zIndex'> & {
     children: React.ReactNode;
     openOnMobile?: boolean;
     responsive?: boolean;
 };
 declare const NavigationMenu: {
-    ({ children, openOnMobile, responsive, }: NavigationMenuProps): JSX.Element;
+    ({ children, openOnMobile, responsive, ...htmlAttributes }: NavigationMenuProps): JSX.Element;
     Header: styled_components.StyledComponent<string, any, {}, never>;
     Menu: ({ avatar: Avatar, subtitle, title, onClick }: {
         avatar: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
@@ -16,17 +21,17 @@ declare const NavigationMenu: {
         title?: string | undefined;
         onClick?: (() => void) | undefined;
     }) => JSX.Element;
-    Switcher: ({ actions, avatar: Avatar, fill, isLoading, sideOffset, subtitle, title, }: {
-        actions?: SwitcherActionsProps[] | undefined;
+    Switcher: ({ actions, avatar: Avatar, fill, isLoading, subtitle, title, ...actionsProps }: ActionsProps & {
         avatar: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
         fill?: string | undefined;
         isLoading?: boolean | undefined;
-        sideOffset?: number | undefined;
         subtitle?: string | undefined;
         title?: string | undefined;
     }) => JSX.Element;
     Items: styled_components.StyledComponent<string, any, {}, never>;
-    ItemsGroup: styled_components.StyledComponent<string, any, {}, never>;
+    ItemsGroup: styled_components.StyledComponent<string, any, {
+        children?: React.ReactNode;
+    }, never>;
     Item: ({ active, children, expanded, icon: Icon, label, responsive, tag, wrapper: Wrapper, }: {
         active?: boolean | undefined;
         children?: React.ReactNode;
@@ -48,7 +53,9 @@ declare const NavigationMenu: {
         label: string;
         wrapper: React.FunctionComponent<any>;
     }) => JSX.Element;
-    BottomItems: ({ children }: {
+    BottomItems: ({ children, ...containerProps }: React.HTMLAttributes<HTMLUListElement> & {
+        $zIndex?: number | undefined;
+    } & {
         children: React.ReactNode;
     }) => JSX.Element;
     BottomItem: ({ active, icon, label, wrapper: Wrapper, }: {