@gympass/yoga 7.60.0 → 7.60.1

package/esm/Button/native/Icon.js

@@ -1,82 +0,0 @@
-var _excluded = ["icon", "theme", "small", "pressed", "disabled", "inverted", "secondary"];
-
-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 _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, { forwardRef } from 'react';
-import styled, { withTheme } from 'styled-components';
-import { node, oneOfType, func, bool } from 'prop-types';
-import Icon from '../../Icon';
-import withTouchable from './withTouchable';
-var ButtonContainer = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ", "\n"])), function (_ref) {
-  var small = _ref.small,
-      secondary = _ref.secondary,
-      button = _ref.theme.yoga.components.button,
-      disabled = _ref.disabled,
-      inverted = _ref.inverted,
-      pressed = _ref.pressed;
-  var state = secondary ? 'secondary' : 'primary';
-  return "\n      border-radius: " + button.border.radius + "px;\n\n      background-color: " + button.types.contained.backgroundColor[state]["default"] + ";\n\n      width: " + (small ? button.height.small : button.height["default"]) + "px;\n      height: " + (small ? button.height.small : button.height["default"]) + "px;\n\n      " + (!disabled && pressed ? "\n        background-color: " + button.types.contained.backgroundColor[state].pressed + ";\n      " : '') + "\n\n      " + (disabled ? "\n        background-color: " + button.types.contained.backgroundColor.disabled + ";\n      " : '') + "\n\n      " + (inverted && !disabled ? "\n          background-color: " + button.types.contained.font["default"].color + ";\n        " : '') + "\n    ";
-});
-var ButtonIcon = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var icon = _ref2.icon,
-      button = _ref2.theme.yoga.components.button,
-      small = _ref2.small,
-      pressed = _ref2.pressed,
-      disabled = _ref2.disabled,
-      inverted = _ref2.inverted,
-      secondary = _ref2.secondary,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
-  var state = secondary ? 'secondary' : 'primary';
-  var textColor = button.types.contained.font["default"].color;
-
-  if (disabled) {
-    textColor = button.types.contained.font.disabled.color;
-  } else if (inverted) {
-    textColor = button.types.contained.backgroundColor[state]["default"];
-
-    if (pressed) {
-      textColor = button.types.contained.backgroundColor[state].pressed;
-    }
-  } else if (pressed) {
-    textColor = button.types.contained.font.pressed.color;
-  }
-
-  return /*#__PURE__*/React.createElement(ButtonContainer, _extends({}, props, {
-    ref: ref,
-    small: small,
-    pressed: pressed,
-    disabled: disabled,
-    inverted: inverted,
-    secondary: secondary,
-    accessibilityRole: "button"
-  }), /*#__PURE__*/React.createElement(Icon, {
-    as: icon,
-    fill: textColor,
-    size: small ? button.icon.size.small : button.icon.size["default"]
-  }));
-});
-ButtonIcon.propTypes = {
-  small: bool,
-  disabled: bool,
-  pressed: bool,
-  inverted: bool,
-  secondary: bool,
-  icon: oneOfType([node, func])
-};
-ButtonIcon.defaultProps = {
-  small: false,
-  disabled: false,
-  pressed: false,
-  inverted: false,
-  secondary: false,
-  icon: undefined
-};
-ButtonIcon.displayName = 'Button.Icon';
-export default withTouchable(withTheme(ButtonIcon));

package/esm/Button/native/Link.js

@@ -1,35 +0,0 @@
-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, { forwardRef } from 'react';
-import styled from 'styled-components';
-import { bool } from 'prop-types';
-import { hexToRgb } from '@gympass/yoga-common';
-import withTouchable from './withTouchable';
-import { Label } from './Button';
-var Link = styled(Label)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var disabled = _ref.disabled,
-      pressed = _ref.pressed,
-      secondary = _ref.secondary,
-      link = _ref.theme.yoga.components.button.types.link;
-  var state = secondary ? 'secondary' : 'primary';
-  return "\n      color: " + link.font[state].color + ";\n\n      " + (disabled ? "color: " + link.font.disabled.color + ";" : '') + "\n      " + (!disabled && pressed ? "color: " + hexToRgb(link.font[state].color, 0.75) + ";" : '') + "\n    ";
-});
-var ButtonLink = /*#__PURE__*/forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(Link, _extends({}, props, {
-    ref: ref
-  }));
-});
-ButtonLink.propTypes = {
-  disabled: bool,
-  secondary: bool
-};
-ButtonLink.defaultProps = {
-  disabled: false,
-  secondary: false
-};
-ButtonLink.displayName = 'Button.Link';
-export default withTouchable(ButtonLink);

package/esm/Button/native/Text.js

@@ -1,74 +0,0 @@
-var _excluded = ["children", "disabled", "pressed", "small", "secondary", "inverted", "icon", "theme"];
-
-var _templateObject, _templateObject2;
-
-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, { forwardRef } from 'react';
-import styled, { withTheme } from 'styled-components';
-import { hexToRgb } from '@gympass/yoga-common';
-import withTouchable from './withTouchable';
-import { Label, ButtonContainer } from './Button';
-var LabelText = styled(Label)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var color = _ref.color;
-  return "color: " + color + ";";
-});
-var ButtonContainerText = styled(ButtonContainer)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var button = _ref2.theme.yoga.components.button;
-  return "\n    background-color: " + button.types.text.backgroundColor + ";\n  ";
-});
-var ButtonText = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-      disabled = _ref3.disabled,
-      pressed = _ref3.pressed,
-      small = _ref3.small,
-      secondary = _ref3.secondary,
-      inverted = _ref3.inverted,
-      Icon = _ref3.icon,
-      _ref3$theme$yoga = _ref3.theme.yoga,
-      colors = _ref3$theme$yoga.colors,
-      button = _ref3$theme$yoga.components.button,
-      rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
-
-  var state = secondary ? 'secondary' : 'primary';
-  var textColor = colors[state];
-
-  if (disabled) {
-    textColor = button.types.text.disabled;
-  } else if (inverted) {
-    textColor = colors.white;
-
-    if (pressed) {
-      textColor = hexToRgb(colors.white, 0.75);
-    }
-  } else if (pressed) {
-    textColor = hexToRgb(colors[state], 0.75);
-  }
-
-  return /*#__PURE__*/React.createElement(ButtonContainerText, _extends({}, rest, {
-    disabled: disabled,
-    pressed: pressed,
-    small: small,
-    ref: ref
-  }), Icon && /*#__PURE__*/React.createElement(Icon, {
-    width: small ? button.icon.size.small : button.icon.size["default"],
-    height: small ? button.icon.size.small : button.icon.size["default"],
-    fill: textColor,
-    style: {
-      marginRight: button.icon.margin.right
-    }
-  }), /*#__PURE__*/React.createElement(LabelText, {
-    disabled: disabled,
-    pressed: pressed,
-    small: small,
-    secondary: secondary,
-    color: textColor
-  }, children));
-});
-ButtonText.propTypes = ButtonContainer.propTypes;
-ButtonText.defaultProps = ButtonContainer.defaultProps;
-export default withTouchable(withTheme(ButtonText));

package/esm/Button/native/withTouchable.js

@@ -1,63 +0,0 @@
-var _excluded = ["onPressIn", "onPressOut", "onChange", "onPress"];
-
-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, { useState } from 'react';
-import { View, TouchableWithoutFeedback } from 'react-native';
-import { element, func } from 'prop-types';
-
-var withTouchable = function withTouchable(Component) {
-  var WithTouchable = function WithTouchable(_ref) {
-    var _onPressIn = _ref.onPressIn,
-        _onPressOut = _ref.onPressOut,
-        onChange = _ref.onChange,
-        _ref$onPress = _ref.onPress,
-        onPress = _ref$onPress === void 0 ? onChange : _ref$onPress,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-    var _useState = useState(false),
-        pressed = _useState[0],
-        setPressed = _useState[1];
-
-    return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, _extends({
-      onPressIn: function onPressIn(e) {
-        setPressed(true);
-
-        _onPressIn(e);
-      },
-      onPressOut: function onPressOut(e) {
-        setPressed(false);
-
-        _onPressOut(e);
-      },
-      onPress: onPress
-    }, rest), /*#__PURE__*/React.createElement(View, {
-      style: {
-        flexDirection: 'row'
-      }
-    }, /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
-      pressed: pressed
-    }))));
-  };
-
-  WithTouchable.propTypes = {
-    onPressIn: func,
-    onPressOut: func,
-    onChange: func,
-    onPress: func
-  };
-  WithTouchable.defaultProps = {
-    onPressIn: function onPressIn() {},
-    onPressOut: function onPressOut() {},
-    onChange: undefined,
-    onPress: undefined
-  };
-  return WithTouchable;
-};
-
-withTouchable.propTypes = {
-  Component: element
-};
-export default withTouchable;