@gympass/yoga 7.87.1 → 7.88.0

package/esm/Feedback/index.js

@@ -1,2 +0,0 @@
-import Feedback from './web';
-export default Feedback;

package/esm/Grid/Grid.theme.js

@@ -1,23 +0,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
-        }
-      }
-    }
-  };
-};
-
-export default Grid;

package/esm/Grid/index.js

@@ -1,2 +0,0 @@
-import { Container, Row, Col, Hide } from './web';
-export { Container, Row, Col, Hide };

package/esm/Header/Header.theme.js

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

package/esm/Header/index.js

@@ -1,2 +0,0 @@
-import Header from './web';
-export default Header;

package/esm/Heading/Heading.theme.js

@@ -1,20 +0,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
-    }
-  };
-};
-
-export default Heading;

package/esm/Heading/index.js

@@ -1,2 +0,0 @@
-import Heading from './web';
-export default Heading;

package/esm/Icon/Icon.js

@@ -1,129 +0,0 @@
-var _excluded = ["as", "size", "width", "height", "fill", "stroke", "theme", "title", "description", "ariaLabel"];
-
-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; }
-
-import React from 'react';
-import { oneOf, elementType, string, checkPropTypes, oneOfType, number } from 'prop-types';
-import { withTheme } from 'styled-components';
-import get from 'lodash.get';
-import Box from '../Box';
-
-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.createElement("title", {
-      id: titleId,
-      key: titleId
-    }, title);
-    var svgChildren = [titleElement];
-
-    if (description) {
-      var descId = ariaLabel + "-descId";
-      var descElement = /*#__PURE__*/React.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.createElement('svg', _extends({}, propsTitle, defaultProps), svgChildren, Component().props.children);
-    return newSvg;
-  };
-
-  return /*#__PURE__*/React.createElement(Box, _extends({
-    as: title && ariaLabel ? componentWithTitle : Component,
-    width: get(theme.yoga.spacing, width, width),
-    height: get(theme.yoga.spacing, height, height)
-  }, fill && {
-    fill: get(theme.yoga.colors, fill, fill)
-  }, stroke && {
-    stroke: get(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: elementType.isRequired,
-
-  /** Fill color. Use it as one of theme.colors
-   * tokens (vibin, neutral, stamina...) */
-  fill: string,
-
-  /** Stroke color. Use it as one of theme.colors
-   * tokens (vibin, neutral, stamina...) */
-  stroke: string,
-
-  /** Text that will be displayed in the title element, used for accessibility */
-  title: string,
-
-  /** Text used as element description, used for accessibility.
-   * A title must be given in order to use description corretly.
-   */
-  description: 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.");
-    }
-
-    checkPropTypes((_checkPropTypes = {}, _checkPropTypes[propName] = 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: oneOfType([oneOf(commonSizes), string, number]),
-
-  /** Vertical size of the SVG. Use it as one of
-   * theme.spacing tokens (xxsmall, small, medium...) */
-  height: oneOfType([oneOf(commonSizes), string, number]),
-
-  /** Size for vertical and horizontal of the SVG.
-   * Use it as one of theme.spacing tokens (xxsmall, small, medium...) */
-  size: oneOfType([oneOf(commonSizes), string, number])
-};
-Icon.defaultProps = {
-  fill: undefined,
-  stroke: undefined,
-  title: undefined,
-  description: undefined,
-  ariaLabel: undefined,
-  width: undefined,
-  height: undefined,
-  size: 12
-};
-export default withTheme(Icon);

package/esm/Icon/Icon.theme.js

@@ -1,5 +0,0 @@
-var Icon = function Icon() {
-  return {};
-};
-
-export default Icon;

package/esm/Icon/index.js

@@ -1,2 +0,0 @@
-import Icon from './web';
-export default Icon;

package/esm/Icon/index.native.js

@@ -1,2 +0,0 @@
-import Icon from './native';
-export default Icon;

package/esm/Icon/native/Icon.test.js

@@ -1,60 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { ThemeProvider, Icon } from '../..';
-
-var Circle = function Circle(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("circle", {
-    cx: "16",
-    cy: "16",
-    r: "16"
-  }));
-};
-
-describe('Snapshots', function () {
-  it('should match snapshot', function () {
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Icon, {
-      as: Circle,
-      width: "small",
-      height: "small",
-      fill: "stamina"
-    }))),
-        toJSON = _render.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should match snapshot with size prop', function () {
-    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Icon, {
-      as: Circle,
-      size: "small",
-      fill: "stamina"
-    }))),
-        toJSON = _render2.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should match snapshot with system props', function () {
-    var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Icon, {
-      as: Circle,
-      size: "small",
-      fill: "stamina",
-      margin: "medium",
-      elevation: "medium"
-    }))),
-        toJSON = _render3.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should match snapshot with accessible props', function () {
-    var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Icon, {
-      as: Circle,
-      size: "small",
-      fill: "stamina",
-      title: "Circle icon",
-      description: "This is a circular icon",
-      ariaLabel: "circleIcon"
-    }))),
-        toJSON = _render4.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

package/esm/Icon/native/index.js

@@ -1,2 +0,0 @@
-import Icon from '../Icon';
-export default Icon;

package/esm/Input/Input.theme.js

@@ -1,65 +0,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
-      }
-    }
-  };
-};
-
-export default Input;

package/esm/Input/index.js

@@ -1,7 +0,0 @@
-import { Input, Password, Email, InputNumber, Tel, Phone } from './web';
-Input.Password = Password;
-Input.Email = Email;
-Input.Number = InputNumber;
-Input.Tel = Tel;
-Input.Phone = Phone;
-export default Input;

package/esm/Input/index.native.js

@@ -1,6 +0,0 @@
-import { Input, Password, Email, InputNumber, Tel } from './native';
-Input.Password = Password;
-Input.Email = Email;
-Input.Number = InputNumber;
-Input.Tel = Tel;
-export default Input;

package/esm/Input/native/Email.js

@@ -1,15 +0,0 @@
-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 Input from './Input';
-var Email = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(Input, _extends({
-    ref: ref
-  }, props, {
-    autoCompleteType: "email",
-    autoCapitalize: "none",
-    keyboardType: "email-address",
-    textContentType: "emailAddress"
-  }));
-});
-export default Email;

package/esm/Input/native/Email.test.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { ThemeProvider, Input } from '../..';
-describe('<Input.Email />', function () {
-  describe('Snapshots', function () {
-    it('should match with default input', function () {
-      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Email, null))),
-          toJSON = _render.toJSON;
-
-      expect(toJSON()).toMatchSnapshot();
-    });
-  });
-});

package/esm/Input/native/Helper.js

@@ -1,62 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { string, bool, number } from 'prop-types';
-import Text from '../../Text';
-var HelperWrapper = styled.View(function (_ref) {
-  var full = _ref.full,
-      input = _ref.theme.yoga.components.input;
-  return "\n    width: " + (full ? '100%' : input.width + "px") + ";\n    max-width: " + input.width + "px;\n    flex-direction: row;\n    justify-content: space-between;\n\n    margin-top: " + input.helper.margin.top + "px;\n  ";
-});
-var Info = styled(Text.Regular)(function (_ref2) {
-  var disabled = _ref2.disabled,
-      focused = _ref2.focused,
-      error = _ref2.error,
-      _ref2$theme$yoga = _ref2.theme.yoga,
-      colors = _ref2$theme$yoga.colors,
-      input = _ref2$theme$yoga.components.input;
-  return "\n    flex-wrap: wrap;\n\n    color: " + input.helper.color["default"] + ";\n    font-size: " + input.helper.font.size + "px;\n\n    " + (disabled ? "color: " + colors.text.disabled + ";" : '') + "\n    " + (focused ? "color: " + input.helper.color.focus + ";" : '') + "\n    " + (error ? "color: " + colors.feedback.attention.dark + ";" : '') + "\n  ";
-});
-var Helper = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
-  var full = _ref3.full,
-      error = _ref3.error,
-      helper = _ref3.helper,
-      disabled = _ref3.disabled,
-      focused = _ref3.focused,
-      maxLength = _ref3.maxLength,
-      length = _ref3.length,
-      hideMaxLength = _ref3.hideMaxLength;
-  return /*#__PURE__*/React.createElement(HelperWrapper, {
-    ref: ref,
-    full: full,
-    disabled: disabled
-  }, (error || helper) && /*#__PURE__*/React.createElement(Info, {
-    disabled: disabled,
-    focused: focused,
-    error: error
-  }, error || helper), !hideMaxLength && maxLength && /*#__PURE__*/React.createElement(Info, {
-    disabled: disabled,
-    focused: focused,
-    error: error
-  }, length, "/", maxLength));
-});
-Helper.propTypes = {
-  disabled: bool,
-  error: string,
-  focused: bool,
-  full: bool,
-  helper: string,
-  maxLength: number,
-  length: number,
-  hideMaxLength: bool
-};
-Helper.defaultProps = {
-  disabled: undefined,
-  error: undefined,
-  focused: false,
-  full: false,
-  helper: undefined,
-  maxLength: undefined,
-  length: undefined,
-  hideMaxLength: false
-};
-export default Helper;