@gympass/yoga 7.87.0 → 7.88.0

package/esm/Input/web/index.js

@@ -1,7 +1,14 @@
-import Input from './Input';
-import Password from './Password';
-import Phone from './Phone';
-import InputNumber from './Number';
-import Tel from './Tel';
-import Email from './Email';
-export { Input, Password, InputNumber, Tel, Email, Phone };
+import Input from "./Input";
+import Password from "./Password";
+import Phone from "./Phone";
+import InputNumber from "./Number";
+import Tel from "./Tel";
+import Email from "./Email";
+export {
+  Email,
+  Input,
+  InputNumber,
+  Password,
+  Phone,
+  Tel
+};

package/esm/List/web/LinkItem.js

@@ -1,21 +1,64 @@
-var _templateObject;
-
-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); }
+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;
+};
+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 } from "react/jsx-runtime";
+import React from "react";
+import styled from "styled-components";
+const StyledLinkItem = styled.a`
+  display: inline-block;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+  width: 100%;
+  height: 100%;
 
-import React from 'react';
-import styled from 'styled-components';
-var StyledLinkItem = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n\n  width: 100%;\n  height: 100%;\n\n  box-sizing: border-box;\n\n  text-decoration: none;\n\n  ", "\n"])), function (_ref) {
-  var list = _ref.theme.yoga.components.list;
-  return "\n    padding:\n      " + list.listItem.padding.top + "px\n      " + list.listItem.padding.right + "px\n      " + list.listItem.padding.bottom + "px\n      " + list.listItem.padding.left + "px;\n  ";
-});
+  box-sizing: border-box;
 
-var Linkitem = function Linkitem(_ref2) {
-  var rest = _extends({}, _ref2);
+  text-decoration: none;
 
-  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(StyledLinkItem, rest));
+  ${({
+  theme: {
+    yoga: {
+      components: { list }
+    }
+  }
+}) => `
+    padding:
+      ${list.listItem.padding.top}px
+      ${list.listItem.padding.right}px
+      ${list.listItem.padding.bottom}px
+      ${list.listItem.padding.left}px;
+  `}
+`;
+const Linkitem = (_a) => {
+  var rest = __objRest(_a, []);
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(StyledLinkItem, __spreadValues({}, rest)) });
+};
+Linkitem.displayName = "List.LinkItem";
+var LinkItem_default = Linkitem;
+export {
+  LinkItem_default as default
 };
-
-Linkitem.displayName = 'List.LinkItem';
-export default Linkitem;

package/esm/List/web/List.js

@@ -1,36 +1,68 @@
-var _excluded = ["horizontal", "divided"];
-
-var _templateObject;
-
-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); }
+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;
+};
+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 } from "react/jsx-runtime";
+import React from "react";
+import PropTypes from "prop-types";
+import styled from "styled-components";
+const StyledList = styled.ul`
+  display: flex;
 
-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; }
+  width: 100%;
+  padding: 0;
+  margin: 0;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+  list-style: none;
 
-import React from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-var StyledList = styled.ul(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n\n  width: 100%;\n  padding: 0;\n  margin: 0;\n\n  list-style: none;\n\n  ", "\n"])), function (_ref) {
-  var divided = _ref.divided,
-      horizontal = _ref.horizontal,
-      list = _ref.theme.yoga.components.list;
-  return "\n    flex-direction: " + (horizontal ? 'row' : 'column') + ";\n\n    > * {\n        " + (divided ? "border-" + (horizontal ? 'right' : 'bottom') + ": " + list.border.width + "px solid " + list.border.color : '') + ";\n\n        &:last-child {\n          border: none;\n        }\n      }\n    }\n  ";
-});
-/** Lists are a continuous group of text or images. They are composed of items
-containing primary and supplemental actions, which are represented by icons and
-text. */
+  ${({
+  divided,
+  horizontal,
+  theme: {
+    yoga: {
+      components: { list }
+    }
+  }
+}) => `
+    flex-direction: ${horizontal ? "row" : "column"};
 
-var List = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
-  var horizontal = _ref2.horizontal,
-      divided = _ref2.divided,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
+    > * {
+        ${divided ? `border-${horizontal ? "right" : "bottom"}: ${list.border.width}px solid ${list.border.color}` : ""};
 
-  return /*#__PURE__*/React.createElement(StyledList, _extends({
-    horizontal: horizontal,
-    divided: divided,
-    ref: ref
-  }, rest));
+        &:last-child {
+          border: none;
+        }
+      }
+    }
+  `}
+`;
+const List = React.forwardRef((_a, ref) => {
+  var _b = _a, { horizontal, divided } = _b, rest = __objRest(_b, ["horizontal", "divided"]);
+  return /* @__PURE__ */ jsx(StyledList, __spreadValues({ horizontal, divided, ref }, rest));
 });
 List.propTypes = {
   horizontal: PropTypes.bool,
@@ -40,5 +72,8 @@ List.defaultProps = {
   horizontal: false,
   divided: true
 };
-List.displayName = 'List';
-export default List;
+List.displayName = "List";
+var List_default = List;
+export {
+  List_default as default
+};

package/esm/List/web/List.test.js

@@ -1,62 +1,64 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { ThemeProvider, List } from '../..';
-describe('<List />', function () {
-  describe('Snapshots', function () {
-    describe('Without props', function () {
-      it('should match snapshot with a default list', function () {
-        var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", null, "List test"))))),
-            container = _render.container;
-
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react";
+import { ThemeProvider, List } from "../..";
+describe("<List />", () => {
+  describe("Snapshots", () => {
+    describe("Without props", () => {
+      it("should match snapshot with a default list", () => {
+        const { container } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(List, { children: /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx("div", { children: "List test" }) }) }) })
+        );
         expect(container).toMatchSnapshot();
       });
-      it('should match snapshot with a default list and multiple items', function () {
-        var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", null, "List test")), /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", null, "List test"))))),
-            container = _render2.container;
-
+      it("should match snapshot with a default list and multiple items", () => {
+        const { container } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(List, { children: [
+            /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx("div", { children: "List test" }) }),
+            /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx("div", { children: "List test" }) })
+          ] }) })
+        );
         expect(container).toMatchSnapshot();
       });
-      it('should match snapshot with a default list, multiple items and no dividers', function () {
-        var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, {
-          divided: false
-        }, /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", null, "List test")), /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", null, "List test"))))),
-            container = _render3.container;
-
+      it("should match snapshot with a default list, multiple items and no dividers", () => {
+        const { container } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(List, { divided: false, children: [
+            /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx("div", { children: "List test" }) }),
+            /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx("div", { children: "List test" }) })
+          ] }) })
+        );
         expect(container).toMatchSnapshot();
       });
-      it('should match snapshot with a horizontal list', function () {
-        var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, {
-          horizontal: true
-        }, /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("button", {
-          type: "button"
-        }, "List test"))))),
-            container = _render4.container;
-
+      it("should match snapshot with a horizontal list", () => {
+        const { container } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(List, { horizontal: true, children: /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx("button", { type: "button", children: "List test" }) }) }) })
+        );
         expect(container).toMatchSnapshot();
       });
-      it('should match snapshot with a horizontal list and multiple items', function () {
-        var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, {
-          horizontal: true
-        }, /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", null, "List test")), /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", null, "List test"))))),
-            container = _render5.container;
-
+      it("should match snapshot with a horizontal list and multiple items", () => {
+        const { container } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(List, { horizontal: true, children: [
+            /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx("div", { children: "List test" }) }),
+            /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx("div", { children: "List test" }) })
+          ] }) })
+        );
         expect(container).toMatchSnapshot();
       });
-      it('should match snapshot with a horizontal list, multiple items and no dividers', function () {
-        var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, {
-          horizontal: true,
-          divided: false
-        }, /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", null, "List test")), /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", null, "List test"))))),
-            container = _render6.container;
-
+      it("should match snapshot with a horizontal list, multiple items and no dividers", () => {
+        const { container } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(List, { horizontal: true, divided: false, children: [
+            /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx("div", { children: "List test" }) }),
+            /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx("div", { children: "List test" }) })
+          ] }) })
+        );
         expect(container).toMatchSnapshot();
       });
-      it('should match snapshot with a default list and using a link item', function () {
-        var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(List.LinkItem, null, /*#__PURE__*/React.createElement("div", null, "List test"))))),
-            container = _render7.container;
-
+      it("should match snapshot with a default list and using a link item", () => {
+        const { container } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(List, { children: /* @__PURE__ */ jsx(List.LinkItem, { children: /* @__PURE__ */ jsx("div", { children: "List test" }) }) }) })
+        );
         expect(container).toMatchSnapshot();
       });
     });
   });
-});
+});

package/esm/List/web/ListItem.js

@@ -1,21 +1,57 @@
-var _templateObject;
-
-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 _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import styled from 'styled-components';
-var StyledItem = styled.li(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  box-sizing: border-box;\n\n  ", "\n"])), function (_ref) {
-  var list = _ref.theme.yoga.components.list;
-  return "\n    padding:\n      " + list.listItem.padding.top + "px\n      " + list.listItem.padding.right + "px\n      " + list.listItem.padding.bottom + "px\n      " + list.listItem.padding.left + "px;\n  ";
-});
-
-var ListItem = function ListItem(_ref2) {
-  var rest = _extends({}, _ref2);
-
-  return /*#__PURE__*/React.createElement(StyledItem, rest);
+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;
+};
+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 } from "react/jsx-runtime";
+import React from "react";
+import styled from "styled-components";
+const StyledItem = styled.li`
+  box-sizing: border-box;
 
-ListItem.displayName = 'List.Item';
-export default ListItem;
+  ${({
+  theme: {
+    yoga: {
+      components: { list }
+    }
+  }
+}) => `
+    padding:
+      ${list.listItem.padding.top}px
+      ${list.listItem.padding.right}px
+      ${list.listItem.padding.bottom}px
+      ${list.listItem.padding.left}px;
+  `}
+`;
+const ListItem = (_a) => {
+  var rest = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(StyledItem, __spreadValues({}, rest));
+};
+ListItem.displayName = "List.Item";
+var ListItem_default = ListItem;
+export {
+  ListItem_default as default
+};

package/esm/List/web/index.js

@@ -1,4 +1,8 @@
-import LinkItem from './LinkItem';
-import ListItem from './ListItem';
-import List from './List';
-export { List, ListItem, LinkItem };
+import LinkItem from "./LinkItem";
+import ListItem from "./ListItem";
+import List from "./List";
+export {
+  LinkItem,
+  List,
+  ListItem
+};

package/esm/Menu/web/Menu.js

@@ -1,45 +1,27 @@
-import React from 'react';
-import { Root as MenuRoot } from '@radix-ui/react-dropdown-menu';
-import { bool, node } from 'prop-types';
-
-var Menu = function Menu(_ref) {
-  var children = _ref.children,
-      onMouseHover = _ref.onMouseHover;
-
-  var _React$useState = React.useState(false),
-      isOpen = _React$useState[0],
-      setIsOpen = _React$useState[1];
-
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { Root as MenuRoot } from "@radix-ui/react-dropdown-menu";
+import { bool, node } from "prop-types";
+const Menu = ({ children, onMouseHover }) => {
+  const [isOpen, setIsOpen] = React.useState(false);
   function handleOpenMenu() {
     setIsOpen(!isOpen);
   }
-
   if (!onMouseHover) {
-    return /*#__PURE__*/React.createElement(MenuRoot, {
-      sideOffset: 5,
-      modal: false
-    }, children);
+    return /* @__PURE__ */ jsx(MenuRoot, { sideOffset: 5, modal: false, children });
   }
-
-  return /*#__PURE__*/React.createElement("div", {
-    onMouseEnter: handleOpenMenu,
-    onMouseLeave: handleOpenMenu
-  }, /*#__PURE__*/React.createElement(MenuRoot, {
-    sideOffset: 5,
-    modal: false,
-    defaultOpen: true,
-    open: isOpen
-  }, children));
+  return /* @__PURE__ */ jsx("div", { onMouseEnter: handleOpenMenu, onMouseLeave: handleOpenMenu, children: /* @__PURE__ */ jsx(MenuRoot, { sideOffset: 5, modal: false, defaultOpen: true, open: isOpen, children }) });
 };
-
 Menu.propTypes = {
   children: node.isRequired,
-
   /** when mouse hover menu open as default is true */
   onMouseHover: bool
 };
 Menu.defaultProps = {
   onMouseHover: true
 };
-Menu.displayName = 'Menu';
-export default Menu;
+Menu.displayName = "Menu";
+var Menu_default = Menu;
+export {
+  Menu_default as default
+};