@gympass/yoga 7.87.1 → 7.88.0

package/esm/Accordion/web/Content.js

@@ -1,11 +1,19 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import styled from 'styled-components';
-var Content = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var accordion = _ref.theme.yoga.components.accordion;
-  return "\n      padding: 0 " + accordion.padding.standard + "px " + accordion.padding.standard + "px;\n    ";
-});
-Content.displayName = 'Accordion.Content';
-export default Content;
+import styled from "styled-components";
+const Content = styled.div`
+  ${({
+  theme: {
+    yoga: {
+      components: { accordion }
+    }
+  }
+}) => {
+  return `
+      padding: 0 ${accordion.padding.standard}px ${accordion.padding.standard}px;
+    `;
+}}
+`;
+Content.displayName = "Accordion.Content";
+var Content_default = Content;
+export {
+  Content_default as default
+};

package/esm/Accordion/web/Small.js

@@ -1,14 +1,31 @@
-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); }
-
-import React from 'react';
-import Accordion from './Accordion';
-
+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));
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import Accordion from "./Accordion";
 function AccordionSmall(props) {
-  return /*#__PURE__*/React.createElement(Accordion, _extends({}, props, {
-    small: true
-  }));
+  return /* @__PURE__ */ jsx(Accordion, __spreadProps(__spreadValues({}, props), { small: true }));
 }
-
 AccordionSmall.propTypes = Accordion.propTypes;
 AccordionSmall.defaultProps = Accordion.defaultProps;
-export default AccordionSmall;
+var Small_default = AccordionSmall;
+export {
+  Small_default as default
+};

package/esm/Accordion/web/Summary.js

@@ -1,13 +1,27 @@
-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); }
-
-import React from 'react';
-import Box from '../../Box';
-
+var __defProp = Object.defineProperty;
+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;
+};
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import Box from "../../Box";
 function Summary(props) {
-  return /*#__PURE__*/React.createElement(Box, _extends({
-    width: "100%"
-  }, props));
+  return /* @__PURE__ */ jsx(Box, __spreadValues({ width: "100%" }, props));
 }
-
-Summary.displayName = 'Accordion.Summary';
-export default Summary;
+Summary.displayName = "Accordion.Summary";
+var Summary_default = Summary;
+export {
+  Summary_default as default
+};

package/esm/Accordion/web/index.js

@@ -1,8 +1,11 @@
-import Accordion from './Accordion';
-import Summary from './Summary';
-import Content from './Content';
-import AccordionSmall from './Small';
+import Accordion from "./Accordion";
+import Summary from "./Summary";
+import Content from "./Content";
+import AccordionSmall from "./Small";
 Accordion.Content = Content;
 Accordion.Summary = Summary;
 Accordion.Small = AccordionSmall;
-export default Accordion;
+var web_default = Accordion;
+export {
+  web_default as default
+};

package/esm/ActionRequirement/web/ActionRequirement.js

@@ -1,53 +1,96 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+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));
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { arrayOf, node, oneOfType, string } from "prop-types";
+import styled from "styled-components";
+import { media } from "@gympass/yoga-helpers";
+import {
+  Actions,
+  Title,
+  PrimaryButton,
+  SecondaryButton
+} from "./ActionRequirementStyles";
+import Text from "../../Text";
+import Box from "../../Box";
+const StyledActionRequirement = styled.div`
+  display: flex;
+  height: 100%;
+  ${media.xxs`
+    flex-direction: column;
+  `}
+  ${media.lg`
+    flex-direction: row-reverse;
+  `}
+`;
+const Content = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 
-import React from 'react';
-import { arrayOf, node, oneOfType, string } from 'prop-types';
-import styled from 'styled-components';
-import { media } from '@gympass/yoga-helpers';
-import { Actions, Title, PrimaryButton, SecondaryButton } from './ActionRequirementStyles';
-import Text from '../../Text';
-import Box from '../../Box';
-var StyledActionRequirement = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  height: 100%;\n  ", "\n  ", "\n"])), media.xxs(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    flex-direction: column;\n  "]))), media.lg(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    flex-direction: row-reverse;\n  "]))));
-var Content = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  ", "\n\n  ", "\n"])), media.xxs(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    width: auto;\n    margin-right: 0;\n  "]))), media.lg(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    width: 520px;\n    margin-right: 120px;\n  "]))));
-var BoxIllustration = styled(Box)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n  flex-grow: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
+  ${media.xxs`
+    width: auto;
+    margin-right: 0;
+  `}
 
+  ${media.lg`
+    width: 520px;
+    margin-right: 120px;
+  `}
+`;
+const BoxIllustration = styled(Box)`
+  flex-grow: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
 function isChildFromComponent(child, component) {
   return child.type.displayName === component.displayName;
 }
-
 function ActionRequirement(props) {
-  var title = props.title,
-      description = props.description,
-      children = props.children,
-      checkable = props.checkable,
-      illustration = props.illustration,
-      list = props.list;
-  var primaryButton;
-  var secondaryButton;
-
+  const { title, description, children, checkable, illustration, list } = props;
+  let primaryButton;
+  let secondaryButton;
   function defineCompoundComponents() {
-    React.Children.forEach(children, function (child) {
-      if (isChildFromComponent(child, PrimaryButton)) primaryButton = child;
-      if (isChildFromComponent(child, SecondaryButton)) secondaryButton = child;
+    React.Children.forEach(children, (child) => {
+      if (isChildFromComponent(child, PrimaryButton))
+        primaryButton = child;
+      if (isChildFromComponent(child, SecondaryButton))
+        secondaryButton = child;
     });
   }
-
   defineCompoundComponents();
-  return /*#__PURE__*/React.createElement(StyledActionRequirement, props, illustration && /*#__PURE__*/React.createElement(BoxIllustration, null, illustration), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement(Text, {
-    mt: "small",
-    color: "deep"
-  }, description), list && /*#__PURE__*/React.createElement(Text, {
-    mt: "large",
-    color: "deep"
-  }, /*#__PURE__*/React.createElement(Box, null, list)), checkable && /*#__PURE__*/React.createElement(Box, {
-    mt: "xxlarge"
-  }, checkable), /*#__PURE__*/React.createElement(Actions, {
-    mt: "xlarge"
-  }, primaryButton, secondaryButton)));
+  return /* @__PURE__ */ jsxs(StyledActionRequirement, __spreadProps(__spreadValues({}, props), { children: [
+    illustration && /* @__PURE__ */ jsx(BoxIllustration, { children: illustration }),
+    /* @__PURE__ */ jsxs(Content, { children: [
+      /* @__PURE__ */ jsx(Title, { children: title }),
+      /* @__PURE__ */ jsx(Text, { mt: "small", color: "deep", children: description }),
+      list && /* @__PURE__ */ jsx(Text, { mt: "large", color: "deep", children: /* @__PURE__ */ jsx(Box, { children: list }) }),
+      checkable && /* @__PURE__ */ jsx(Box, { mt: "xxlarge", children: checkable }),
+      /* @__PURE__ */ jsxs(Actions, { mt: "xlarge", children: [
+        primaryButton,
+        secondaryButton
+      ] })
+    ] })
+  ] }));
 }
-
 ActionRequirement.propTypes = {
   title: string.isRequired,
   children: oneOfType([arrayOf(node), node]),
@@ -57,9 +100,12 @@ ActionRequirement.propTypes = {
   list: oneOfType([arrayOf(node), node])
 };
 ActionRequirement.defaultProps = {
-  children: undefined,
-  checkable: undefined,
-  illustration: undefined,
-  list: undefined
+  children: void 0,
+  checkable: void 0,
+  illustration: void 0,
+  list: void 0
+};
+var ActionRequirement_default = ActionRequirement;
+export {
+  ActionRequirement_default as default
 };
-export default ActionRequirement;

package/esm/ActionRequirement/web/ActionRequirement.test.js

@@ -1,36 +1,43 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { Text } from '@gympass/yoga';
-import { Dumbbell, User, Star } from '@gympass/yoga-icons';
-import ActionRequirement from './ActionRequirement';
-import { ThemeProvider } from '../..';
-
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react";
+import { Dumbbell, User, Star } from "@gympass/yoga-icons";
+import { Text, ThemeProvider } from "../..";
+import ActionRequirement from "./ActionRequirement";
 function handleGetList() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(Dumbbell, null), " 1x/day standard access"), /*#__PURE__*/React.createElement(Text, {
-    mt: "small"
-  }, /*#__PURE__*/React.createElement(User, null), " 4x/month 1-on-1 sessions"), /*#__PURE__*/React.createElement(Text, {
-    mt: "small"
-  }, /*#__PURE__*/React.createElement(Star, null), " 2x/month premium classes"));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Dumbbell, {}),
+      " 1x/day standard access"
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { mt: "small", children: [
+      /* @__PURE__ */ jsx(User, {}),
+      " 4x/month 1-on-1 sessions"
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { mt: "small", children: [
+      /* @__PURE__ */ jsx(Star, {}),
+      " 2x/month premium classes"
+    ] })
+  ] });
 }
-
-describe('<ActionRequirement />', function () {
-  it('should default match snapshot', function () {
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(ActionRequirement, {
-      title: "title",
-      description: "description"
-    }))),
-        container = _render.container;
-
+describe("<ActionRequirement />", () => {
+  it("should default match snapshot", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(ActionRequirement, { title: "title", description: "description" }) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should match snapshot with list', function () {
-    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(ActionRequirement, {
-      title: "title",
-      description: "description",
-      list: handleGetList()
-    }))),
-        container = _render2.container;
-
+  it("should match snapshot with list", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+        ActionRequirement,
+        {
+          title: "title",
+          description: "description",
+          list: handleGetList()
+        }
+      ) })
+    );
     expect(container).toMatchSnapshot();
   });
-});
+});

package/esm/ActionRequirement/web/ActionRequirementStyles.js

@@ -1,28 +1,72 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+import styled, { css } from "styled-components";
+import { media } from "@gympass/yoga-helpers";
+import Text from "../../Text";
+import Box from "../../Box";
+import Button from "../../Button";
+const Title = styled(Text.H4).attrs({
+  as: "p"
+})`
+  ${({
+  theme: {
+    yoga: { fontSizes }
+  }
+}) => css`
+    margin-bottom: 6px;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+    @media (min-width: 769px) {
+      max-width: 700px;
+      font-size: ${fontSizes.huge}px;
+      line-height: ${fontSizes.huge}px;
+    }
+  `}
+`;
+const Actions = styled(Box)`
+  ${({
+  theme: {
+    yoga: { spacing }
+  }
+}) => css`
+    display: flex;
+    flex-direction: column;
 
-import styled, { css } from 'styled-components';
-import { media } from '@gympass/yoga-helpers';
-import Text from '../../Text';
-import Box from '../../Box';
-import Button from '../../Button';
-export var Title = styled(Text.H4).attrs({
-  as: 'p'
-})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var fontSizes = _ref.theme.yoga.fontSizes;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    margin-bottom: 6px;\n\n    @media (min-width: 769px) {\n      max-width: 700px;\n      font-size: ", "px;\n      line-height: ", "px;\n    }\n  "])), fontSizes.huge, fontSizes.huge);
-});
-export var Actions = styled(Box)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var spacing = _ref2.theme.yoga.spacing;
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    display: flex;\n    flex-direction: column;\n\n    @media (min-width: 769px) {\n      flex-direction: row;\n      margin-top: ", "px;\n    }\n  "])), spacing.xlarge);
-});
-var buttonsStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n\n  ", "\n"])), media.lg(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    width: auto;\n  "]))));
-export var PrimaryButton = styled(Button)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), buttonsStyles);
-export var SecondaryButton = styled(Button.Text)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref3) {
-  var spacing = _ref3.theme.yoga.spacing;
-  return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n    ", "\n    ", "\n    ", "\n  "])), buttonsStyles, media.xxs(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      margin-top: ", "px;\n    "])), spacing.small), media.lg(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      margin-top: 0;\n      margin-left: ", "px;\n    "])), spacing.large));
-});
-Title.displayName = 'ActionRequirement.Title';
-PrimaryButton.displayName = 'ActionRequirement.PrimaryButton';
-SecondaryButton.displayName = 'ActionRequirement.SecondaryButton';
+    @media (min-width: 769px) {
+      flex-direction: row;
+      margin-top: ${spacing.xlarge}px;
+    }
+  `}
+`;
+const buttonsStyles = css`
+  width: 100%;
+
+  ${media.lg`
+    width: auto;
+  `}
+`;
+const PrimaryButton = styled(Button)`
+  ${buttonsStyles}
+`;
+const SecondaryButton = styled(Button.Text)`
+  ${({
+  theme: {
+    yoga: { spacing }
+  }
+}) => css`
+    ${buttonsStyles}
+    ${media.xxs`
+      margin-top: ${spacing.small}px;
+    `}
+    ${media.lg`
+      margin-top: 0;
+      margin-left: ${spacing.large}px;
+    `}
+  `}
+`;
+Title.displayName = "ActionRequirement.Title";
+PrimaryButton.displayName = "ActionRequirement.PrimaryButton";
+SecondaryButton.displayName = "ActionRequirement.SecondaryButton";
+export {
+  Actions,
+  PrimaryButton,
+  SecondaryButton,
+  Title
+};

package/esm/ActionRequirement/web/index.js

@@ -1,6 +1,13 @@
-import ActionRequirement from './ActionRequirement';
-import { Title, PrimaryButton, SecondaryButton } from './ActionRequirementStyles';
+import ActionRequirement from "./ActionRequirement";
+import {
+  Title,
+  PrimaryButton,
+  SecondaryButton
+} from "./ActionRequirementStyles";
 ActionRequirement.Title = Title;
 ActionRequirement.PrimaryButton = PrimaryButton;
 ActionRequirement.SecondaryButton = SecondaryButton;
-export default ActionRequirement;
+var web_default = ActionRequirement;
+export {
+  web_default as default
+};