@gympass/yoga 7.87.1 → 7.88.1

package/esm/Grid/web/Hide.test.js

@@ -1,31 +1,21 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { ThemeProvider } from '../..';
-import { Hide } from '.';
-describe('<Hide />', function () {
-  describe('Snapshots', function () {
-    it('should match snapshot', function () {
-      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Hide, {
-        xxs: true,
-        xs: true,
-        sm: true,
-        md: true,
-        lg: true,
-        xl: true,
-        xxl: true,
-        xxxl: true
-      }, /*#__PURE__*/React.createElement("div", null, "foo")))),
-          container = _render.container;
-
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react";
+import { ThemeProvider } from "../..";
+import { Hide } from ".";
+describe("<Hide />", () => {
+  describe("Snapshots", () => {
+    it("should match snapshot", () => {
+      const { container } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Hide, { xxs: true, xs: true, sm: true, md: true, lg: true, xl: true, xxl: true, xxxl: true, children: /* @__PURE__ */ jsx("div", { children: "foo" }) }) })
+      );
       expect(container).toMatchSnapshot();
     });
-    it('should hide starting from md breakpoint', function () {
-      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Hide, {
-        "md-start": true
-      }, /*#__PURE__*/React.createElement("div", null, "foo")))),
-          container = _render2.container;
-
+    it("should hide starting from md breakpoint", () => {
+      const { container } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Hide, { "md-start": true, children: /* @__PURE__ */ jsx("div", { children: "foo" }) }) })
+      );
       expect(container).toMatchSnapshot();
     });
   });
-});
+});

package/esm/Grid/web/Row.js

@@ -1,16 +1,37 @@
-var _templateObject, _templateObject2, _templateObject3;
+import styled from "styled-components";
+import { media } from "@gympass/yoga-helpers";
+const desktop = media.lg`
+  ${({
+  theme: {
+    yoga: {
+      components: { grid }
+    }
+  }
+}) => `
+    grid-column-gap: ${grid.gutter.desktop}px;
+  `}
+`;
+const mobile = media.xxs`
+  ${({
+  theme: {
+    yoga: {
+      components: { grid }
+    }
+  }
+}) => `
+    grid-column-gap: ${grid.gutter.mobile}px;
+  `}
+`;
+const Row = styled.div`
+  display: grid;
+  box-sizing: border-box;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+  grid-template-columns: repeat(12, 1fr);
 
-import styled from 'styled-components';
-import { media } from '@gympass/yoga-helpers';
-var desktop = media.lg(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var grid = _ref.theme.yoga.components.grid;
-  return "\n    grid-column-gap: " + grid.gutter.desktop + "px;\n  ";
-});
-var mobile = media.xxs(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var grid = _ref2.theme.yoga.components.grid;
-  return "\n    grid-column-gap: " + grid.gutter.mobile + "px;\n  ";
-});
-var Row = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  display: grid;\n  box-sizing: border-box;\n\n  grid-template-columns: repeat(12, 1fr);\n\n  ", "\n  ", "\n"])), mobile, desktop);
-export default Row;
+  ${mobile}
+  ${desktop}
+`;
+var Row_default = Row;
+export {
+  Row_default as default
+};

package/esm/Grid/web/Row.test.js

@@ -1,14 +1,15 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { ThemeProvider } from '../..';
-import { Row } from '.';
-describe('<Row />', function () {
-  describe('Snapshots', function () {
-    it('should match snapshot with default Row', function () {
-      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Row, null))),
-          container = _render.container;
-
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react";
+import { ThemeProvider } from "../..";
+import { Row } from ".";
+describe("<Row />", () => {
+  describe("Snapshots", () => {
+    it("should match snapshot with default Row", () => {
+      const { container } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Row, {}) })
+      );
       expect(container).toMatchSnapshot();
     });
   });
-});
+});

package/esm/Grid/web/index.js

@@ -1,5 +1,10 @@
-import Container from './Container';
-import Row from './Row';
-import Col from './Col';
-import Hide from './Hide';
-export { Container, Row, Col, Hide };
+import Container from "./Container";
+import Row from "./Row";
+import Col from "./Col";
+import Hide from "./Hide";
+export {
+  Col,
+  Container,
+  Hide,
+  Row
+};

package/esm/Header/Header.theme.js

@@ -1,15 +1,14 @@
-var Header = function Header(_ref) {
-  var spacing = _ref.spacing;
-  return {
-    padding: {
-      xxs: spacing.medium,
-      lg: spacing.huge
-    },
-    height: {
-      xxs: 56,
-      lg: 72
-    }
-  };
+const Header = ({ spacing }) => ({
+  padding: {
+    xxs: spacing.medium,
+    lg: spacing.huge
+  },
+  height: {
+    xxs: 56,
+    lg: 72
+  }
+});
+var Header_theme_default = Header;
+export {
+  Header_theme_default as default
 };
-
-export default Header;

package/esm/Header/index.js

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

package/esm/Header/web/GympassLogo.js

@@ -1,38 +1,72 @@
-import React from 'react';
-
-var GympassLogo = function GympassLogo() {
-  return /*#__PURE__*/React.createElement("svg", {
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+const GympassLogo = () => /* @__PURE__ */ jsxs(
+  "svg",
+  {
     width: "129",
     height: "24",
     viewBox: "0 0 129 24",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("title", null, "Gympass Logo"), /*#__PURE__*/React.createElement("path", {
-    d: "M14.814 6.64083L18.1979 4.72868C17.0449 1.75711 14.1623 0 10.3021 0C3.93536 0 0 4.05685 0 9.97416C0 16.4341 5.21372 20 10.1768 20C14.7388 20 17.7216 17.8036 19 15.969V9.01809H9.19921V12.2222H15.3404L15.3153 14.4186C15.3153 14.4186 13.5106 16.2015 10.252 16.2015C6.74274 16.2015 4.73747 13.7468 4.73747 9.8708C4.73747 5.96899 6.74274 3.51421 10.2018 3.51421C12.2573 3.51421 13.7863 4.78036 14.814 6.64083Z",
-    fill: "#F46152"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M21.1013 23.6795V20.5479C21.844 20.6712 22.3306 20.6959 22.8428 20.6959C24.3794 20.6959 25.5319 20.1781 26.0441 19.1425L26.1465 18.7726L20.0512 6.46849H24.8916L27.9649 14.0137C28.1954 14.5562 28.2722 14.8767 28.3746 15.3945H28.4515C28.5283 14.9507 28.6307 14.6301 28.8356 14.0384L31.7808 6.46849H36.3139L30.5259 19.3644C29.0917 22.5699 26.9661 23.8521 23.2781 23.8521C22.7147 23.8521 21.8183 23.8027 21.1013 23.6795Z",
-    fill: "#F46152"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M41.9482 8.93425V6.46849H37.6968V18.7973H42.0762V12.411C42.0762 10.4137 43.1007 9.25479 44.8166 9.25479C46.4556 9.25479 47.2752 10.2411 47.2752 12.263V18.7973H51.6546V12.337C51.6546 10.389 52.679 9.25479 54.3949 9.25479C56.034 9.25479 56.8535 10.2411 56.8535 12.263V18.7973H61.2329V11.4986C61.2329 8.02192 59.4402 6.09863 56.2388 6.09863C53.9851 6.09863 52.2692 7.06027 51.2192 8.9589C50.4509 7.03562 48.9399 6.09863 46.6861 6.09863C44.4068 6.09863 42.8189 7.03562 41.9482 8.93425Z",
-    fill: "#F46152"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M67.9428 8.53973V6.46849H63.6915V23.6055H68.0709V17.0712C69.1465 18.3781 70.8368 19.1671 72.9881 19.1671C76.8809 19.1671 79.5444 16.5534 79.5444 12.5836C79.5444 8.66301 77.009 6.09863 73.1674 6.09863C70.9137 6.09863 68.9929 6.93699 67.9428 8.53973ZM71.5283 8.93425C73.7308 8.93425 75.0113 10.2658 75.0113 12.5836C75.0113 14.9014 73.6796 16.3315 71.5027 16.3315C69.377 16.3315 67.9685 14.9753 67.9685 12.9041V12.3863C67.9685 10.1918 69.377 8.93425 71.5283 8.93425Z",
-    fill: "#F46152"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M81.2347 15.4192C81.2347 14.2849 81.7213 13.3479 82.6176 12.7315C83.514 12.1397 84.7945 11.7699 87.0739 11.5479L91.8374 11.1288V10.7589C91.8374 9.37808 90.8642 8.71233 89.1227 8.71233C87.3556 8.71233 86.3056 9.37808 86.1263 10.611H81.6444C81.9774 7.8 84.8201 6.09863 89.1483 6.09863C94.0143 6.09863 96.2424 7.8 96.2424 11.3753V15.1973C96.2424 16.7753 96.3449 17.9342 96.5498 18.7973H92.2216C92.1191 18.2055 92.0423 17.4411 92.0423 16.7014C91.1972 18.2548 89.1995 19.1671 86.4848 19.1671C83.2579 19.1671 81.2347 17.737 81.2347 15.4192ZM91.9399 13.9151V13.126L88.4056 13.4712C86.4592 13.6932 85.7165 14.1863 85.7165 15.1479C85.7165 16.0603 86.6385 16.6027 88.1495 16.6027C90.4032 16.6027 91.9399 15.5425 91.9399 13.9151Z",
-    fill: "#F46152"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M97.7791 16.2329L100.135 14.3096C101.339 15.6904 103.157 16.4301 105.821 16.4301C107.613 16.4301 108.407 16.0603 108.407 15.2959C108.407 14.6055 108.023 14.3342 106.563 14.1863L103.157 13.8658C100.033 13.4959 98.5474 12.2384 98.5474 10.0685C98.5474 7.55342 100.955 6.09863 105.257 6.09863C108.356 6.09863 110.866 6.93699 112.3 8.4411L110.251 10.463C108.945 9.32877 107.332 8.7863 105.027 8.7863C103.337 8.7863 102.543 9.10685 102.543 9.82192C102.543 10.4137 103.004 10.7096 104.182 10.8329L107.946 11.2027C111.097 11.5479 112.351 12.8055 112.351 14.9753C112.351 17.589 110.072 19.1671 105.616 19.1671C102.056 19.1671 99.3669 18.1562 97.7791 16.2329Z",
-    fill: "#F46152"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M115.86 14.3096L113.504 16.2329C115.092 18.1562 117.781 19.1671 121.341 19.1671C125.797 19.1671 128.076 17.589 128.076 14.9753C128.076 12.8055 126.821 11.5479 123.671 11.2027L119.907 10.8329C118.728 10.7096 118.267 10.4137 118.267 9.82192C118.267 9.10685 119.061 8.7863 120.752 8.7863C123.057 8.7863 124.67 9.32877 125.976 10.463L128.025 8.4411C126.591 6.93699 124.081 6.09863 120.982 6.09863C116.68 6.09863 114.272 7.55342 114.272 10.0685C114.272 12.2384 115.758 13.4959 118.882 13.8658L122.288 14.1863C123.748 14.3342 124.132 14.6055 124.132 15.2959C124.132 16.0603 123.338 16.4301 121.546 16.4301C118.882 16.4301 117.064 15.6904 115.86 14.3096Z",
-    fill: "#F46152"
-  }));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsx("title", { children: "Gympass Logo" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M14.814 6.64083L18.1979 4.72868C17.0449 1.75711 14.1623 0 10.3021 0C3.93536 0 0 4.05685 0 9.97416C0 16.4341 5.21372 20 10.1768 20C14.7388 20 17.7216 17.8036 19 15.969V9.01809H9.19921V12.2222H15.3404L15.3153 14.4186C15.3153 14.4186 13.5106 16.2015 10.252 16.2015C6.74274 16.2015 4.73747 13.7468 4.73747 9.8708C4.73747 5.96899 6.74274 3.51421 10.2018 3.51421C12.2573 3.51421 13.7863 4.78036 14.814 6.64083Z",
+          fill: "#F46152"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M21.1013 23.6795V20.5479C21.844 20.6712 22.3306 20.6959 22.8428 20.6959C24.3794 20.6959 25.5319 20.1781 26.0441 19.1425L26.1465 18.7726L20.0512 6.46849H24.8916L27.9649 14.0137C28.1954 14.5562 28.2722 14.8767 28.3746 15.3945H28.4515C28.5283 14.9507 28.6307 14.6301 28.8356 14.0384L31.7808 6.46849H36.3139L30.5259 19.3644C29.0917 22.5699 26.9661 23.8521 23.2781 23.8521C22.7147 23.8521 21.8183 23.8027 21.1013 23.6795Z",
+          fill: "#F46152"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M41.9482 8.93425V6.46849H37.6968V18.7973H42.0762V12.411C42.0762 10.4137 43.1007 9.25479 44.8166 9.25479C46.4556 9.25479 47.2752 10.2411 47.2752 12.263V18.7973H51.6546V12.337C51.6546 10.389 52.679 9.25479 54.3949 9.25479C56.034 9.25479 56.8535 10.2411 56.8535 12.263V18.7973H61.2329V11.4986C61.2329 8.02192 59.4402 6.09863 56.2388 6.09863C53.9851 6.09863 52.2692 7.06027 51.2192 8.9589C50.4509 7.03562 48.9399 6.09863 46.6861 6.09863C44.4068 6.09863 42.8189 7.03562 41.9482 8.93425Z",
+          fill: "#F46152"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M67.9428 8.53973V6.46849H63.6915V23.6055H68.0709V17.0712C69.1465 18.3781 70.8368 19.1671 72.9881 19.1671C76.8809 19.1671 79.5444 16.5534 79.5444 12.5836C79.5444 8.66301 77.009 6.09863 73.1674 6.09863C70.9137 6.09863 68.9929 6.93699 67.9428 8.53973ZM71.5283 8.93425C73.7308 8.93425 75.0113 10.2658 75.0113 12.5836C75.0113 14.9014 73.6796 16.3315 71.5027 16.3315C69.377 16.3315 67.9685 14.9753 67.9685 12.9041V12.3863C67.9685 10.1918 69.377 8.93425 71.5283 8.93425Z",
+          fill: "#F46152"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M81.2347 15.4192C81.2347 14.2849 81.7213 13.3479 82.6176 12.7315C83.514 12.1397 84.7945 11.7699 87.0739 11.5479L91.8374 11.1288V10.7589C91.8374 9.37808 90.8642 8.71233 89.1227 8.71233C87.3556 8.71233 86.3056 9.37808 86.1263 10.611H81.6444C81.9774 7.8 84.8201 6.09863 89.1483 6.09863C94.0143 6.09863 96.2424 7.8 96.2424 11.3753V15.1973C96.2424 16.7753 96.3449 17.9342 96.5498 18.7973H92.2216C92.1191 18.2055 92.0423 17.4411 92.0423 16.7014C91.1972 18.2548 89.1995 19.1671 86.4848 19.1671C83.2579 19.1671 81.2347 17.737 81.2347 15.4192ZM91.9399 13.9151V13.126L88.4056 13.4712C86.4592 13.6932 85.7165 14.1863 85.7165 15.1479C85.7165 16.0603 86.6385 16.6027 88.1495 16.6027C90.4032 16.6027 91.9399 15.5425 91.9399 13.9151Z",
+          fill: "#F46152"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M97.7791 16.2329L100.135 14.3096C101.339 15.6904 103.157 16.4301 105.821 16.4301C107.613 16.4301 108.407 16.0603 108.407 15.2959C108.407 14.6055 108.023 14.3342 106.563 14.1863L103.157 13.8658C100.033 13.4959 98.5474 12.2384 98.5474 10.0685C98.5474 7.55342 100.955 6.09863 105.257 6.09863C108.356 6.09863 110.866 6.93699 112.3 8.4411L110.251 10.463C108.945 9.32877 107.332 8.7863 105.027 8.7863C103.337 8.7863 102.543 9.10685 102.543 9.82192C102.543 10.4137 103.004 10.7096 104.182 10.8329L107.946 11.2027C111.097 11.5479 112.351 12.8055 112.351 14.9753C112.351 17.589 110.072 19.1671 105.616 19.1671C102.056 19.1671 99.3669 18.1562 97.7791 16.2329Z",
+          fill: "#F46152"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M115.86 14.3096L113.504 16.2329C115.092 18.1562 117.781 19.1671 121.341 19.1671C125.797 19.1671 128.076 17.589 128.076 14.9753C128.076 12.8055 126.821 11.5479 123.671 11.2027L119.907 10.8329C118.728 10.7096 118.267 10.4137 118.267 9.82192C118.267 9.10685 119.061 8.7863 120.752 8.7863C123.057 8.7863 124.67 9.32877 125.976 10.463L128.025 8.4411C126.591 6.93699 124.081 6.09863 120.982 6.09863C116.68 6.09863 114.272 7.55342 114.272 10.0685C114.272 12.2384 115.758 13.4959 118.882 13.8658L122.288 14.1863C123.748 14.3342 124.132 14.6055 124.132 15.2959C124.132 16.0603 123.338 16.4301 121.546 16.4301C118.882 16.4301 117.064 15.6904 115.86 14.3096Z",
+          fill: "#F46152"
+        }
+      )
+    ]
+  }
+);
+var GympassLogo_default = GympassLogo;
+export {
+  GympassLogo_default as default
 };
-
-export default GympassLogo;

package/esm/Header/web/Header.js

@@ -1,53 +1,82 @@
-var _excluded = ["link", "logo", "children"];
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import styled, { css } from 'styled-components';
-import { string, node, elementType } from 'prop-types';
-import { media } from '@gympass/yoga-helpers';
-import Box from '../../Box';
-import Logo from './Logo';
-var StyledHeader = styled(Box)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var header = _ref.theme.yoga.components.header;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    padding: 0 ", "px;\n    height: ", "px;\n\n    ", "\n  "])), header.padding.xxs, header.height.xxs, media.lg(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", "px;\n      height: ", "px;\n    "])), header.padding.lg, header.height.lg));
-});
-
-var Header = function Header(_ref2) {
-  var link = _ref2.link,
-      logo = _ref2.logo,
-      children = _ref2.children,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
-  return /*#__PURE__*/React.createElement(StyledHeader, _extends({
-    as: "header",
-    d: "flex",
-    elevation: "medium",
-    bgColor: "white",
-    alignItems: "center",
-    w: "100%"
-  }, props), link ? /*#__PURE__*/React.createElement("a", {
-    href: link
-  }, /*#__PURE__*/React.createElement(Logo, {
-    customLogo: logo
-  })) : /*#__PURE__*/React.createElement(Logo, {
-    customLogo: logo
-  }), children);
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import styled, { css } from "styled-components";
+import { string, node, elementType } from "prop-types";
+import { media } from "@gympass/yoga-helpers";
+import Box from "../../Box";
+import Logo from "./Logo";
+const StyledHeader = styled(Box)`
+  ${({
+  theme: {
+    yoga: {
+      components: { header }
+    }
+  }
+}) => css`
+    padding: 0 ${header.padding.xxs}px;
+    height: ${header.height.xxs}px;
 
+    ${media.lg`
+      padding: 0 ${header.padding.lg}px;
+      height: ${header.height.lg}px;
+    `}
+  `}
+`;
+const Header = (_a) => {
+  var _b = _a, { link, logo, children } = _b, props = __objRest(_b, ["link", "logo", "children"]);
+  return /* @__PURE__ */ jsxs(
+    StyledHeader,
+    __spreadProps(__spreadValues({
+      as: "header",
+      d: "flex",
+      elevation: "medium",
+      bgColor: "white",
+      alignItems: "center",
+      w: "100%"
+    }, props), {
+      children: [
+        link ? /* @__PURE__ */ jsx("a", { href: link, children: /* @__PURE__ */ jsx(Logo, { customLogo: logo }) }) : /* @__PURE__ */ jsx(Logo, { customLogo: logo }),
+        children
+      ]
+    })
+  );
+};
 Header.propTypes = {
   /** Use link to redirect clicking on the Gympass' logo */
   link: string,
-
   /** Use children to add whatever you want inside the header */
   children: node,
-
   /** Use logo to change headers image */
   logo: elementType
 };
@@ -56,4 +85,7 @@ Header.defaultProps = {
   children: null,
   logo: null
 };
-export default Header;
+var Header_default = Header;
+export {
+  Header_default as default
+};

package/esm/Header/web/Header.test.js

@@ -1,38 +1,38 @@
-import React from 'react';
-import { screen, render } from '@testing-library/react';
-import { ThemeProvider, Header } from '../..';
-describe('<Header />', function () {
-  it('should match snapshot', function () {
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Header, null))),
-        container = _render.container;
-
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { screen, render } from "@testing-library/react";
+import { ThemeProvider, Header } from "../..";
+describe("<Header />", () => {
+  it("should match snapshot", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Header, {}) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should have link', function () {
-    var gympassLink = 'https://site.gympass.com/br';
-    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Header, {
-      link: gympassLink
-    })));
-    screen.getByRole('link', {
-      href: gympassLink
-    });
+  it("should have link", () => {
+    const gympassLink = "https://site.gympass.com/br";
+    render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Header, { link: gympassLink }) })
+    );
+    screen.getByRole("link", { href: gympassLink });
   });
-  it('should show gympass logo', function () {
-    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Header, null)));
-    screen.getByTitle('Gympass Logo');
+  it("should show gympass logo", () => {
+    render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Header, {}) })
+    );
+    screen.getByTitle("Gympass Logo");
   });
-  it('should show custom logo', function () {
-    var CustomLogo = function CustomLogo() {
-      return /*#__PURE__*/React.createElement("div", null, "Custom logo");
-    };
-
-    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Header, {
-      logo: CustomLogo
-    })));
-    screen.getByText('Custom logo');
+  it("should show custom logo", () => {
+    const CustomLogo = () => /* @__PURE__ */ jsx("div", { children: "Custom logo" });
+    render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Header, { logo: CustomLogo }) })
+    );
+    screen.getByText("Custom logo");
   });
-  it('should show children', function () {
-    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement("p", null, "Make wellbeing universal"))));
-    screen.getByText('Make wellbeing universal');
+  it("should show children", () => {
+    render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx("p", { children: "Make wellbeing universal" }) }) })
+    );
+    screen.getByText("Make wellbeing universal");
   });
-});
+});

package/esm/Header/web/Logo.js

@@ -1,16 +1,15 @@
-import React from 'react';
-import { elementType } from 'prop-types';
-import GympassLogo from './GympassLogo';
-
-var Logo = function Logo(_ref) {
-  var CustomLogo = _ref.customLogo;
-  return CustomLogo ? /*#__PURE__*/React.createElement(CustomLogo, null) : /*#__PURE__*/React.createElement(GympassLogo, null);
-};
-
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { elementType } from "prop-types";
+import GympassLogo from "./GympassLogo";
+const Logo = ({ customLogo: CustomLogo }) => CustomLogo ? /* @__PURE__ */ jsx(CustomLogo, {}) : /* @__PURE__ */ jsx(GympassLogo, {});
 Logo.propTypes = {
   customLogo: elementType
 };
 Logo.defaultProps = {
   customLogo: null
 };
-export default Logo;
+var Logo_default = Logo;
+export {
+  Logo_default as default
+};

package/esm/Header/web/index.js

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

package/esm/Heading/Heading.theme.js

@@ -1,20 +1,18 @@
-var Heading = function Heading(_ref) {
-  var spacing = _ref.spacing,
-      colors = _ref.colors;
-  return {
-    background: colors.white,
-    padding: {
-      vertical: spacing.small,
-      horizontal: spacing.huge,
-      horizontalMobile: spacing.medium
-    },
-    height: spacing.xxxlarge,
-    button: {
-      width: spacing.large,
-      height: spacing.large,
-      marginRight: spacing.medium
-    }
-  };
+const Heading = ({ spacing, colors }) => ({
+  background: colors.white,
+  padding: {
+    vertical: spacing.small,
+    horizontal: spacing.huge,
+    horizontalMobile: spacing.medium
+  },
+  height: spacing.xxxlarge,
+  button: {
+    width: spacing.large,
+    height: spacing.large,
+    marginRight: spacing.medium
+  }
+});
+var Heading_theme_default = Heading;
+export {
+  Heading_theme_default as default
 };
-
-export default Heading;

package/esm/Heading/index.js

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