@gympass/yoga 7.87.1 → 7.88.0

package/cjs/Dialog/index.js

@@ -1,11 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _web = _interopRequireDefault(require("./web"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _web["default"];
-exports["default"] = _default;

package/cjs/Divider/Divider.theme.js

@@ -1,11 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var Divider = function Divider() {
-  return {};
-};
-
-var _default = Divider;
-exports["default"] = _default;

package/cjs/Divider/index.js

@@ -1,11 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _web = _interopRequireDefault(require("./web"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _web["default"];
-exports["default"] = _default;

package/cjs/Divider/index.native.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _native=_interopRequireDefault(require("./native"));var _default=_native["default"];exports["default"]=_default;

package/cjs/Drawer/Drawer.theme.js

@@ -1,22 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var Drawer = function Drawer(_ref) {
-  var spacing = _ref.spacing;
-  return {
-    padding: {
-      top: spacing.small,
-      right: spacing.xxxlarge,
-      bottom: spacing.xxlarge,
-      left: spacing.xxxlarge
-    },
-    width: {
-      "default": 600
-    }
-  };
-};
-
-var _default = Drawer;
-exports["default"] = _default;

package/cjs/Drawer/index.js

@@ -1,11 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _web = _interopRequireDefault(require("./web"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _web["default"];
-exports["default"] = _default;

package/cjs/Dropdown/Dropdown.theme.js

@@ -1,191 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _yogaCommon = require("@gympass/yoga-common");
-
-var Dropdown = function Dropdown(_ref) {
-  var colors = _ref.colors,
-      fontSizes = _ref.fontSizes,
-      fontWeights = _ref.fontWeights,
-      lineHeights = _ref.lineHeights,
-      radii = _ref.radii,
-      spacing = _ref.spacing,
-      borders = _ref.borders;
-  return {
-    width: 320,
-    selector: {
-      background: colors.white,
-      padding: {
-        top: spacing.small,
-        right: spacing.small,
-        bottom: spacing.small,
-        left: spacing.small
-      },
-      border: {
-        width: borders.small,
-        radius: radii.small,
-        color: colors.elements.lineAndBorders
-      }
-    },
-    arrow: {
-      fill: colors.text.secondary
-    },
-    input: {
-      font: {
-        color: colors.text.secondary,
-        size: fontSizes.small,
-        lineHeight: lineHeights.small
-      },
-      label: {
-        color: colors.text.primary,
-        margin: {
-          left: spacing.xxxsmall
-        }
-      }
-    },
-    button: {
-      padding: {
-        right: spacing.small,
-        top: spacing.small,
-        bottom: spacing.small
-      }
-    },
-    optionsList: {
-      backgroundColor: colors.white,
-      border: {
-        radius: {
-          topLeft: radii.sharp,
-          topRight: radii.sharp,
-          bottomRight: radii.small,
-          bottomLeft: radii.small
-        },
-        width: borders.small,
-        color: colors.text.primary
-      }
-    },
-    option: {
-      height: spacing.xxlarge,
-      backgroundColor: colors.white,
-      padding: {
-        top: spacing.zero,
-        right: spacing.small,
-        bottom: spacing.zero,
-        left: spacing.small
-      },
-      border: {
-        width: borders.small,
-        color: colors.elements.backgroundAndDisabled,
-        radius: {
-          topLeft: radii.sharp,
-          topRight: radii.sharp,
-          bottomRight: radii.small,
-          bottomLeft: radii.small
-        }
-      },
-      font: {
-        color: colors.text.primary,
-        size: fontSizes.small,
-        lineHeight: lineHeights.small,
-        weight: fontWeights.regular
-      }
-    },
-    backdrop: {
-      content: {
-        height: 320,
-        backgroundColor: colors.white,
-        border: {
-          radius: {
-            topLeft: radii.small,
-            topRight: radii.small
-          }
-        },
-        title: {
-          padding: {
-            top: spacing.medium,
-            right: spacing.zero,
-            bottom: spacing.medium,
-            left: spacing.zero
-          },
-          font: {
-            weight: fontWeights.bold,
-            size: fontSizes.medium
-          }
-        },
-        option: {
-          padding: {
-            top: spacing.large,
-            right: spacing.large,
-            bottom: spacing.large,
-            left: spacing.large
-          }
-        },
-        actions: {
-          padding: {
-            top: spacing.zero,
-            right: spacing.large,
-            bottom: spacing.large,
-            left: spacing.large
-          }
-        }
-      }
-    },
-    hover: {
-      selector: {
-        border: {
-          color: colors.text.primary,
-          error: colors.verve
-        }
-      },
-      option: {
-        backgroundColor: (0, _yogaCommon.hexToRgb)(colors.elements.backgroundAndDisabled, 0.5)
-      }
-    },
-    disabled: {
-      selector: {
-        border: {
-          color: colors.elements.backgroundAndDisabled
-        }
-      },
-      input: {
-        font: {
-          color: colors.text.disabled
-        }
-      },
-      arrow: {
-        fill: colors.elements.lineAndBorders
-      }
-    },
-    selected: {
-      selector: {
-        border: {
-          color: colors.text.primary
-        }
-      },
-      arrow: {
-        fill: colors.text.primary
-      },
-      input: {
-        font: {
-          color: colors.text.primary
-        }
-      },
-      optionsList: {
-        border: {
-          color: colors.text.primary
-        }
-      },
-      option: {
-        font: {
-          color: colors.text.primary,
-          weight: fontWeights.medium,
-          size: fontSizes.medium
-        }
-      }
-    }
-  };
-};
-
-var _default = Dropdown;
-exports["default"] = _default;

package/cjs/Dropdown/index.js

@@ -1,11 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _web = _interopRequireDefault(require("./web"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _web["default"];
-exports["default"] = _default;

package/cjs/Dropdown/index.native.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _native=_interopRequireDefault(require("./native"));var _default=_native["default"];exports["default"]=_default;

package/cjs/Feedback/Feedback.theme.js

@@ -1,15 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var Feedback = function Feedback() {
-  return {
-    text: {
-      maxWidth: 520
-    }
-  };
-};
-
-var _default = Feedback;
-exports["default"] = _default;

package/cjs/Feedback/index.js

@@ -1,11 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _web = _interopRequireDefault(require("./web"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _web["default"];
-exports["default"] = _default;

package/cjs/Grid/Grid.theme.js

@@ -1,29 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var Grid = function Grid() {
-  return {
-    gutter: {
-      desktop: 24,
-      mobile: 16
-    },
-    container: {
-      width: 1600,
-      margin: {
-        desktop: {
-          left: 71,
-          right: 71
-        },
-        mobile: {
-          left: 20,
-          right: 20
-        }
-      }
-    }
-  };
-};
-
-var _default = Grid;
-exports["default"] = _default;

package/cjs/Grid/index.js

@@ -1,10 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-
-var _web = require("./web");
-
-exports.Container = _web.Container;
-exports.Row = _web.Row;
-exports.Col = _web.Col;
-exports.Hide = _web.Hide;

package/cjs/Header/Header.theme.js

@@ -1,21 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var Header = function Header(_ref) {
-  var spacing = _ref.spacing;
-  return {
-    padding: {
-      xxs: spacing.medium,
-      lg: spacing.huge
-    },
-    height: {
-      xxs: 56,
-      lg: 72
-    }
-  };
-};
-
-var _default = Header;
-exports["default"] = _default;

package/cjs/Header/index.js

@@ -1,11 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _web = _interopRequireDefault(require("./web"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _web["default"];
-exports["default"] = _default;

package/cjs/Heading/Heading.theme.js

@@ -1,26 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-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
-    }
-  };
-};
-
-var _default = Heading;
-exports["default"] = _default;

package/cjs/Heading/index.js

@@ -1,11 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _web = _interopRequireDefault(require("./web"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _web["default"];
-exports["default"] = _default;

package/cjs/Icon/Icon.js

@@ -1,148 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = require("prop-types");
-
-var _styledComponents = require("styled-components");
-
-var _lodash = _interopRequireDefault(require("lodash.get"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _excluded = ["as", "size", "width", "height", "fill", "stroke", "theme", "title", "description", "ariaLabel"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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; }
-
-var Icon = function Icon(_ref) {
-  var Component = _ref.as,
-      size = _ref.size,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? size : _ref$width,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? size : _ref$height,
-      fill = _ref.fill,
-      stroke = _ref.stroke,
-      theme = _ref.theme,
-      title = _ref.title,
-      description = _ref.description,
-      ariaLabel = _ref.ariaLabel,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var componentWithTitle = function componentWithTitle(propsTitle) {
-    var titleId = ariaLabel + "-titleId";
-    var ariaDescribedBy = titleId;
-
-    var titleElement = /*#__PURE__*/_react["default"].createElement("title", {
-      id: titleId,
-      key: titleId
-    }, title);
-
-    var svgChildren = [titleElement];
-
-    if (description) {
-      var descId = ariaLabel + "-descId";
-
-      var descElement = /*#__PURE__*/_react["default"].createElement("desc", {
-        id: descId,
-        key: descId
-      }, description);
-
-      ariaDescribedBy += " " + descId;
-      svgChildren = [].concat(svgChildren, [descElement]);
-    }
-
-    var defaultProps = _extends({}, Component.defaultProps, {
-      role: 'img',
-      'aria-describedby': ariaDescribedBy
-    });
-
-    var newSvg = /*#__PURE__*/_react["default"].createElement('svg', _extends({}, propsTitle, defaultProps), svgChildren, Component().props.children);
-
-    return newSvg;
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], _extends({
-    as: title && ariaLabel ? componentWithTitle : Component,
-    width: (0, _lodash["default"])(theme.yoga.spacing, width, width),
-    height: (0, _lodash["default"])(theme.yoga.spacing, height, height)
-  }, fill && {
-    fill: (0, _lodash["default"])(theme.yoga.colors, fill, fill)
-  }, stroke && {
-    stroke: (0, _lodash["default"])(theme.yoga.colors, stroke, stroke)
-  }, props, {
-    "aria-hidden": title ? undefined : true
-  }));
-};
-
-var commonSizes = ['xxxsmall', 'xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge', 'huge', 'xhuge'];
-Icon.propTypes = {
-  /** SVG to be rendered. */
-  as: _propTypes.elementType.isRequired,
-
-  /** Fill color. Use it as one of theme.colors
-   * tokens (vibin, neutral, stamina...) */
-  fill: _propTypes.string,
-
-  /** Stroke color. Use it as one of theme.colors
-   * tokens (vibin, neutral, stamina...) */
-  stroke: _propTypes.string,
-
-  /** Text that will be displayed in the title element, used for accessibility */
-  title: _propTypes.string,
-
-  /** Text used as element description, used for accessibility.
-   * A title must be given in order to use description corretly.
-   */
-  description: _propTypes.string,
-
-  /** Text used as identifier for aria-describedby, title and description */
-  ariaLabel: function ariaLabel(props, propName, componentName) {
-    var _checkPropTypes;
-
-    var title = props.title,
-        ariaLabel = props.ariaLabel;
-
-    if (title && !ariaLabel) {
-      return new Error("accessible elements, such as title, must receive the " + propName + " property as an identifier.");
-    }
-
-    (0, _propTypes.checkPropTypes)((_checkPropTypes = {}, _checkPropTypes[propName] = _propTypes.string, _checkPropTypes), {
-      ariaLabel: ariaLabel
-    }, 'prop', componentName);
-    return null;
-  },
-
-  /** Horizontal size of the SVG. Use it as one of
-   * theme.spacing tokens (xxsmall, small, medium...) */
-  width: (0, _propTypes.oneOfType)([(0, _propTypes.oneOf)(commonSizes), _propTypes.string, _propTypes.number]),
-
-  /** Vertical size of the SVG. Use it as one of
-   * theme.spacing tokens (xxsmall, small, medium...) */
-  height: (0, _propTypes.oneOfType)([(0, _propTypes.oneOf)(commonSizes), _propTypes.string, _propTypes.number]),
-
-  /** Size for vertical and horizontal of the SVG.
-   * Use it as one of theme.spacing tokens (xxsmall, small, medium...) */
-  size: (0, _propTypes.oneOfType)([(0, _propTypes.oneOf)(commonSizes), _propTypes.string, _propTypes.number])
-};
-Icon.defaultProps = {
-  fill: undefined,
-  stroke: undefined,
-  title: undefined,
-  description: undefined,
-  ariaLabel: undefined,
-  width: undefined,
-  height: undefined,
-  size: 12
-};
-
-var _default = (0, _styledComponents.withTheme)(Icon);
-
-exports["default"] = _default;

package/cjs/Icon/Icon.theme.js

@@ -1,11 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var Icon = function Icon() {
-  return {};
-};
-
-var _default = Icon;
-exports["default"] = _default;

package/cjs/Icon/index.js

@@ -1,11 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _web = _interopRequireDefault(require("./web"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _web["default"];
-exports["default"] = _default;

package/cjs/Icon/index.native.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _native=_interopRequireDefault(require("./native"));var _default=_native["default"];exports["default"]=_default;

package/cjs/Input/Input.theme.js

@@ -1,71 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var Input = function Input(_ref) {
-  var colors = _ref.colors,
-      fontSizes = _ref.fontSizes,
-      fontWeights = _ref.fontWeights,
-      borders = _ref.borders,
-      radii = _ref.radii,
-      spacing = _ref.spacing;
-  return {
-    width: 320,
-    height: 52,
-    font: {
-      color: {
-        "default": colors.text.secondary,
-        focus: colors.text.primary
-      },
-      size: fontSizes.small,
-      weight: fontWeights.regular
-    },
-    border: {
-      width: borders.small,
-      radius: radii.small,
-      color: {
-        "default": colors.elements.lineAndBorders,
-        typed: colors.text.primary
-      }
-    },
-    padding: {
-      top: spacing.small,
-      right: spacing.small,
-      bottom: spacing.small,
-      left: spacing.small
-    },
-    label: {
-      color: {
-        "default": colors.text.secondary,
-        focus: colors.text.primary
-      },
-      padding: {
-        right: spacing.xxxsmall,
-        left: spacing.xxxsmall
-      },
-      font: {
-        size: {
-          "default": fontSizes.small,
-          typed: fontSizes.xsmall
-        },
-        weight: fontWeights.regular
-      }
-    },
-    helper: {
-      color: {
-        "default": colors.text.secondary,
-        focus: colors.text.primary
-      },
-      margin: {
-        top: spacing.xxxsmall
-      },
-      font: {
-        size: fontSizes.xsmall
-      }
-    }
-  };
-};
-
-var _default = Input;
-exports["default"] = _default;

package/cjs/Input/index.js

@@ -1,14 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _web = require("./web");
-
-_web.Input.Password = _web.Password;
-_web.Input.Email = _web.Email;
-_web.Input.Number = _web.InputNumber;
-_web.Input.Tel = _web.Tel;
-_web.Input.Phone = _web.Phone;
-var _default = _web.Input;
-exports["default"] = _default;