@gympass/yoga 7.87.1 → 7.88.1

package/esm/BottomSheet/web/BottomSheet.test.js

@@ -1,48 +1,47 @@
-import React from 'react';
-import { screen, render, fireEvent, cleanup } from '@testing-library/react';
-import { ThemeProvider, Button } from '../..';
-import BottomSheet from '.';
-describe('<BottomSheet />', function () {
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { screen, render, fireEvent, cleanup } from "@testing-library/react";
+import { ThemeProvider, Button } from "../..";
+import BottomSheet from ".";
+describe("<BottomSheet />", () => {
   afterEach(cleanup);
-  it('should match snapshot', function () {
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(BottomSheet, {
-      isOpen: true
-    }, /*#__PURE__*/React.createElement(BottomSheet.Header, null, "Title"), /*#__PURE__*/React.createElement(BottomSheet.Content, null, "Subtitle"), /*#__PURE__*/React.createElement(BottomSheet.Footer, null, /*#__PURE__*/React.createElement(Button, {
-      secondary: true
-    }, "Ok, got it"))))),
-        baseElement = _render.baseElement;
-
+  it("should match snapshot", () => {
+    const { baseElement } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(BottomSheet, { isOpen: true, children: [
+        /* @__PURE__ */ jsx(BottomSheet.Header, { children: "Title" }),
+        /* @__PURE__ */ jsx(BottomSheet.Content, { children: "Subtitle" }),
+        /* @__PURE__ */ jsx(BottomSheet.Footer, { children: /* @__PURE__ */ jsx(Button, { secondary: true, children: "Ok, got it" }) })
+      ] }) })
+    );
     expect(baseElement).toMatchSnapshot();
   });
-  it('should render a minimal bottom sheet', function () {
-    var onActionMock = jest.fn();
-    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(BottomSheet, {
-      isOpen: true
-    }, /*#__PURE__*/React.createElement(BottomSheet.Header, null, "Title"), /*#__PURE__*/React.createElement(BottomSheet.Content, null, "Subtitle"), /*#__PURE__*/React.createElement(BottomSheet.Footer, null, /*#__PURE__*/React.createElement(Button, {
-      onClick: onActionMock,
-      secondary: true
-    }, "Ok, got it")))));
-    screen.getByText('Title');
-    screen.getByText('Subtitle');
-    var button = screen.getByRole('button', {
-      name: /Ok, got it/i
-    });
+  it("should render a minimal bottom sheet", () => {
+    const onActionMock = jest.fn();
+    render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(BottomSheet, { isOpen: true, children: [
+        /* @__PURE__ */ jsx(BottomSheet.Header, { children: "Title" }),
+        /* @__PURE__ */ jsx(BottomSheet.Content, { children: "Subtitle" }),
+        /* @__PURE__ */ jsx(BottomSheet.Footer, { children: /* @__PURE__ */ jsx(Button, { onClick: onActionMock, secondary: true, children: "Ok, got it" }) })
+      ] }) })
+    );
+    screen.getByText("Title");
+    screen.getByText("Subtitle");
+    const button = screen.getByRole("button", { name: /Ok, got it/i });
     fireEvent.click(button);
     expect(onActionMock).toHaveBeenCalledTimes(1);
   });
-  it('should hide the close button', function () {
-    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(BottomSheet, {
-      isOpen: true,
-      onClose: function onClose() {}
-    }, /*#__PURE__*/React.createElement(BottomSheet.Header, null, "Title"))));
-    expect(screen.queryByRole('button')).toBeNull();
+  it("should hide the close button", () => {
+    render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(BottomSheet, { isOpen: true, onClose: () => {
+      }, children: /* @__PURE__ */ jsx(BottomSheet.Header, { children: "Title" }) }) })
+    );
+    expect(screen.queryByRole("button")).toBeNull();
   });
-  it('should show the close button', function () {
-    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(BottomSheet, {
-      isOpen: true,
-      hideCloseButton: false,
-      onClose: function onClose() {}
-    }, /*#__PURE__*/React.createElement(BottomSheet.Header, null, "Title"))));
-    expect(screen.getByRole('button')).not.toBeNull();
+  it("should show the close button", () => {
+    render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(BottomSheet, { isOpen: true, hideCloseButton: false, onClose: () => {
+      }, children: /* @__PURE__ */ jsx(BottomSheet.Header, { children: "Title" }) }) })
+    );
+    expect(screen.getByRole("button")).not.toBeNull();
   });
-});
+});

package/esm/BottomSheet/web/Content.js

@@ -1,17 +1,22 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import styled from 'styled-components';
-import Dialog from '../../Dialog';
-var Content = styled(Dialog.Content)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n  align-self: flex-start;\n  text-align: left;\n"])), function (_ref) {
-  var _ref$theme$yoga = _ref.theme.yoga,
-      fontWeights = _ref$theme$yoga.fontWeights,
-      colors = _ref$theme$yoga.colors,
-      lineHeights = _ref$theme$yoga.lineHeights,
-      spacing = _ref$theme$yoga.spacing,
-      fontSizes = _ref$theme$yoga.fontSizes;
-  return "\n    font-weight: " + fontWeights.regular + ";\n    color: " + colors.text.secondary + ";\n    line-height: " + lineHeights.small + "px;\n    margin-bottom: " + spacing.medium + "px;\n    font-size: " + fontSizes.small + "px;\n    ";
-});
-Content.displayName = 'BottomSheet.Content';
-export default Content;
+import styled from "styled-components";
+import Dialog from "../../Dialog";
+const Content = styled(Dialog.Content)`
+  ${({
+  theme: {
+    yoga: { fontWeights, colors, lineHeights, spacing, fontSizes }
+  }
+}) => `
+    font-weight: ${fontWeights.regular};
+    color: ${colors.text.secondary};
+    line-height: ${lineHeights.small}px;
+    margin-bottom: ${spacing.medium}px;
+    font-size: ${fontSizes.small}px;
+    `}
+  align-self: flex-start;
+  text-align: left;
+`;
+Content.displayName = "BottomSheet.Content";
+var Content_default = Content;
+export {
+  Content_default as default
+};

package/esm/BottomSheet/web/Footer.js

@@ -1,12 +1,19 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import styled from 'styled-components';
-import Dialog from '../../Dialog';
-var Footer = styled(Dialog.Footer)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n  flex-direction: column;\n  width: 100%;\n"])), function (_ref) {
-  var spacing = _ref.theme.yoga.spacing;
-  return "\n  margin-left: " + spacing.zero + ";\n  gap: " + spacing.small + "px;\n  ";
-});
-Footer.displayName = 'BottomSheet.Footer';
-export default Footer;
+import styled from "styled-components";
+import Dialog from "../../Dialog";
+const Footer = styled(Dialog.Footer)`
+  ${({
+  theme: {
+    yoga: { spacing }
+  }
+}) => `
+  margin-left: ${spacing.zero};
+  gap: ${spacing.small}px;
+  `}
+  flex-direction: column;
+  width: 100%;
+`;
+Footer.displayName = "BottomSheet.Footer";
+var Footer_default = Footer;
+export {
+  Footer_default as default
+};

package/esm/BottomSheet/web/Header.js

@@ -1,16 +1,21 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import styled from 'styled-components';
-import Dialog from '../../Dialog';
-var Header = styled(Dialog.Header)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n  align-self: flex-start;\n  text-align: left;\n"])), function (_ref) {
-  var _ref$theme$yoga = _ref.theme.yoga,
-      lineHeights = _ref$theme$yoga.lineHeights,
-      spacing = _ref$theme$yoga.spacing,
-      fontSizes = _ref$theme$yoga.fontSizes,
-      colors = _ref$theme$yoga.colors;
-  return "\n    color: " + colors.text.primary + ";\n    line-height: " + lineHeights.medium + "px;\n    font-size: " + fontSizes.medium + "px;\n    margin-bottom: " + spacing.small + "px;\n    ";
-});
-Header.displayName = 'BottomSheet.Header';
-export default Header;
+import styled from "styled-components";
+import Dialog from "../../Dialog";
+const Header = styled(Dialog.Header)`
+  ${({
+  theme: {
+    yoga: { lineHeights, spacing, fontSizes, colors }
+  }
+}) => `
+    color: ${colors.text.primary};
+    line-height: ${lineHeights.medium}px;
+    font-size: ${fontSizes.medium}px;
+    margin-bottom: ${spacing.small}px;
+    `}
+  align-self: flex-start;
+  text-align: left;
+`;
+Header.displayName = "BottomSheet.Header";
+var Header_default = Header;
+export {
+  Header_default as default
+};

package/esm/BottomSheet/web/index.js

@@ -1,8 +1,11 @@
-import BottomSheet from './BottomSheet';
-import Header from './Header';
-import Content from './Content';
-import Footer from './Footer';
+import BottomSheet from "./BottomSheet";
+import Header from "./Header";
+import Content from "./Content";
+import Footer from "./Footer";
 BottomSheet.Header = Header;
 BottomSheet.Content = Content;
 BottomSheet.Footer = Footer;
-export default BottomSheet;
+var web_default = BottomSheet;
+export {
+  web_default as default
+};

package/esm/Box/index.js

@@ -1,2 +1,5 @@
-import Box from './web';
-export default Box;
+import Box from "./web";
+var Box_default = Box;
+export {
+  Box_default as default
+};

package/esm/Box/index.native.js

@@ -1,2 +1,5 @@
-import Box from './native';
-export default Box;
+import Box from "./native";
+var index_native_default = Box;
+export {
+  index_native_default as default
+};

package/esm/Box/native/Box.js

@@ -1,4 +1,7 @@
-import styled from 'styled-components';
-import { system } from '@gympass/yoga-system';
-var Box = styled.View(system);
-export default Box;
+import styled from "styled-components";
+import { system } from "@gympass/yoga-system";
+const Box = styled.View(system);
+var Box_default = Box;
+export {
+  Box_default as default
+};

package/esm/Box/native/Box.test.js

@@ -1,16 +1,21 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { ThemeProvider, Box, Text } from '../..';
-describe('<Box />', function () {
-  it('should match snapshot', function () {
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Box, {
-      b: "small",
-      p: "small",
-      borderRadius: "small",
-      color: "feedback.success.dark"
-    }, /*#__PURE__*/React.createElement(Text, null, "Making wellbeing universal")))),
-        toJSON = _render.toJSON;
-
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react-native";
+import { ThemeProvider, Box, Text } from "../..";
+describe("<Box />", () => {
+  it("should match snapshot", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+        Box,
+        {
+          b: "small",
+          p: "small",
+          borderRadius: "small",
+          color: "feedback.success.dark",
+          children: /* @__PURE__ */ jsx(Text, { children: "Making wellbeing universal" })
+        }
+      ) })
+    );
     expect(toJSON()).toMatchSnapshot();
   });
-});
+});

package/esm/Box/native/index.js

@@ -1,2 +1,5 @@
-import Box from './Box';
-export default Box;
+import Box from "./Box";
+var native_default = Box;
+export {
+  native_default as default
+};

package/esm/Box/web/Box.js

@@ -1,4 +1,7 @@
-import styled from 'styled-components';
-import { system } from '@gympass/yoga-system';
-var Box = styled.div(system);
-export default Box;
+import styled from "styled-components";
+import { system } from "@gympass/yoga-system";
+const Box = styled.div(system);
+var Box_default = Box;
+export {
+  Box_default as default
+};

package/esm/Box/web/Box.test.js

@@ -1,16 +1,21 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { ThemeProvider, Box } from '../..';
-describe('<Box />', function () {
-  it('should match snapshot', function () {
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Box, {
-      b: "small",
-      p: "small",
-      borderRadius: "small",
-      color: "feedback.success.dark"
-    }, "Making wellbeing universal"))),
-        container = _render.container;
-
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react";
+import { ThemeProvider, Box } from "../..";
+describe("<Box />", () => {
+  it("should match snapshot", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+        Box,
+        {
+          b: "small",
+          p: "small",
+          borderRadius: "small",
+          color: "feedback.success.dark",
+          children: "Making wellbeing universal"
+        }
+      ) })
+    );
     expect(container).toMatchSnapshot();
   });
-});
+});

package/esm/Box/web/index.js

@@ -1,2 +1,5 @@
-import Box from './Box';
-export default Box;
+import Box from "./Box";
+var web_default = Box;
+export {
+  web_default as default
+};

package/esm/Button/Button.theme.js

@@ -1,137 +1,137 @@
-import { hexToRgb } from '@gympass/yoga-common';
-
-var Button = function Button(_ref) {
-  var spacing = _ref.spacing,
-      fontSizes = _ref.fontSizes,
-      borders = _ref.borders,
-      radii = _ref.radii,
-      colors = _ref.colors,
-      fontWeights = _ref.fontWeights;
-  return {
-    padding: {
-      "default": {
-        right: spacing.large,
-        left: spacing.large
-      },
-      small: {
-        right: spacing.small,
-        left: spacing.small
-      }
-    },
-    height: {
-      "default": 48,
-      small: 32
+import { hexToRgb } from "@gympass/yoga-common";
+const Button = ({
+  spacing,
+  fontSizes,
+  borders,
+  radii,
+  colors,
+  fontWeights
+}) => ({
+  padding: {
+    default: {
+      right: spacing.large,
+      left: spacing.large
     },
-    font: {
-      size: {
-        "default": fontSizes.medium,
-        small: fontSizes.small
-      },
-      weight: fontWeights.medium
+    small: {
+      right: spacing.small,
+      left: spacing.small
+    }
+  },
+  height: {
+    default: 48,
+    small: 32
+  },
+  font: {
+    size: {
+      default: fontSizes.medium,
+      small: fontSizes.small
     },
-    border: {
-      radius: radii.circle
+    weight: fontWeights.medium
+  },
+  border: {
+    radius: radii.circle
+  },
+  icon: {
+    size: {
+      default: 24,
+      small: 16
     },
-    icon: {
-      size: {
-        "default": 24,
-        small: 16
+    margin: {
+      right: spacing.xxsmall
+    }
+  },
+  types: {
+    contained: {
+      backgroundColor: {
+        disabled: colors.elements.backgroundAndDisabled,
+        primary: {
+          default: colors.primary,
+          pressed: hexToRgb(colors.primary, 0.75)
+        },
+        secondary: {
+          default: colors.secondary,
+          pressed: hexToRgb(colors.secondary, 0.75)
+        }
       },
-      margin: {
-        right: spacing.xxsmall
+      font: {
+        default: {
+          color: colors.white
+        },
+        disabled: {
+          color: colors.deep
+        },
+        pressed: {
+          color: colors.white
+        }
       }
     },
-    types: {
-      contained: {
-        backgroundColor: {
-          disabled: colors.elements.backgroundAndDisabled,
-          primary: {
-            "default": colors.primary,
-            pressed: hexToRgb(colors.primary, 0.75)
-          },
-          secondary: {
-            "default": colors.secondary,
-            pressed: hexToRgb(colors.secondary, 0.75)
-          }
+    outline: {
+      backgroundColor: {
+        default: "transparent",
+        primary: {
+          hover: colors.primary
         },
-        font: {
-          "default": {
-            color: colors.white
-          },
-          disabled: {
-            color: colors.deep
-          },
-          pressed: {
-            color: colors.white
-          }
+        secondary: {
+          hover: colors.secondary
         }
       },
-      outline: {
-        backgroundColor: {
-          "default": 'transparent',
+      border: {
+        width: borders.small
+      },
+      font: {
+        default: {
           primary: {
-            hover: colors.primary
+            color: colors.primary
           },
           secondary: {
-            hover: colors.secondary
+            color: colors.secondary
           }
         },
-        border: {
-          width: borders.small
+        disabled: {
+          color: colors.deep
         },
-        font: {
-          "default": {
-            primary: {
-              color: colors.primary
-            },
-            secondary: {
-              color: colors.secondary
-            }
-          },
-          disabled: {
-            color: colors.deep
-          },
-          hover: {
-            color: colors.white
-          },
-          pressed: {
-            primary: {
-              color: hexToRgb(colors.primary, 0.75)
-            },
-            secondary: {
-              color: hexToRgb(colors.secondary, 0.75)
-            }
-          }
-        }
-      },
-      text: {
-        backgroundColor: 'transparent',
-        disabled: colors.deep
-      },
-      link: {
-        font: {
+        hover: {
+          color: colors.white
+        },
+        pressed: {
           primary: {
-            color: colors.primary
+            color: hexToRgb(colors.primary, 0.75)
           },
           secondary: {
-            color: colors.secondary
-          },
-          disabled: {
-            color: colors.deep
+            color: hexToRgb(colors.secondary, 0.75)
           }
+        }
+      }
+    },
+    text: {
+      backgroundColor: "transparent",
+      disabled: colors.deep
+    },
+    link: {
+      font: {
+        primary: {
+          color: colors.primary
         },
-        margin: {
-          top: spacing.small,
-          bottom: spacing.xxsmall
+        secondary: {
+          color: colors.secondary
         },
-        icon: {
-          margin: {
-            right: spacing.xxxsmall
-          }
+        disabled: {
+          color: colors.deep
+        }
+      },
+      margin: {
+        top: spacing.small,
+        bottom: spacing.xxsmall
+      },
+      icon: {
+        margin: {
+          right: spacing.xxxsmall
         }
       }
     }
-  };
+  }
+});
+var Button_theme_default = Button;
+export {
+  Button_theme_default as default
 };
-
-export default Button;

package/esm/Button/index.js

@@ -1,10 +1,13 @@
-import Button from './web/Button';
-import ButtonOutline from './web/Outline';
-import ButtonText from './web/Text';
-import ButtonLink from './web/Link';
-import ButtonIcon from './web/Icon';
+import Button from "./web/Button";
+import ButtonOutline from "./web/Outline";
+import ButtonText from "./web/Text";
+import ButtonLink from "./web/Link";
+import ButtonIcon from "./web/Icon";
 Button.Outline = ButtonOutline;
 Button.Text = ButtonText;
 Button.Link = ButtonLink;
 Button.Icon = ButtonIcon;
-export default Button;
+var Button_default = Button;
+export {
+  Button_default as default
+};

package/esm/Button/index.native.js

@@ -1,8 +1,11 @@
-import Button from './native/Button';
-import ButtonText from './native/Text';
-import ButtonLink from './native/Link';
-import ButtonIcon from './native/Icon';
+import Button from "./native/Button";
+import ButtonText from "./native/Text";
+import ButtonLink from "./native/Link";
+import ButtonIcon from "./native/Icon";
 Button.Text = ButtonText;
 Button.Link = ButtonLink;
 Button.Icon = ButtonIcon;
-export default Button;
+var index_native_default = Button;
+export {
+  index_native_default as default
+};