@gympass/yoga 7.87.1 → 7.88.0

package/esm/Button/native/Button.js

@@ -1,110 +0,0 @@
-var _excluded = ["children", "full", "disabled", "small", "pressed", "inverted", "secondary", "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 { node, oneOfType, func, bool } from 'prop-types';
-import withTouchable from './withTouchable';
-import Text from '../../Text';
-var Label = styled(Text.Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  text-align: center;\n  ", "\n"])), function (_ref) {
-  var small = _ref.small,
-      color = _ref.color,
-      button = _ref.theme.yoga.components.button;
-  return "\n      font-size: " + (small ? button.font.size.small : button.font.size["default"]) + "px;\n      color: " + color + ";\n    ";
-});
-var ButtonContainer = styled.View(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var pressed = _ref2.pressed,
-      disabled = _ref2.disabled,
-      full = _ref2.full,
-      small = _ref2.small,
-      inverted = _ref2.inverted,
-      secondary = _ref2.secondary,
-      button = _ref2.theme.yoga.components.button;
-  var state = secondary ? 'secondary' : 'primary';
-  return "\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n\n      background-color: " + button.types.contained.backgroundColor[state]["default"] + ";\n      border-radius: " + button.border.radius + "px;\n      height: " + (small ? button.height.small : button.height["default"]) + ";\n      justify-content: center;\n      padding-left: " + (small ? button.padding.small.left : button.padding["default"].left) + "px;\n      padding-right: " + (small ? button.padding.small.right : button.padding["default"].right) + "px;\n      " + (full ? 'width: 100%;' : '') + "\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    ";
-});
-/** Buttons make common actions more obvious and help users more easily perform
-them. Buttons use labels and sometimes icons to communicate the action that will
-occur when the user touches them. */
-
-var Button = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-      full = _ref3.full,
-      disabled = _ref3.disabled,
-      small = _ref3.small,
-      pressed = _ref3.pressed,
-      inverted = _ref3.inverted,
-      secondary = _ref3.secondary,
-      Icon = _ref3.icon,
-      button = _ref3.theme.yoga.components.button,
-      rest = _objectWithoutPropertiesLoose(_ref3, _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({}, rest, {
-    full: full,
-    pressed: pressed,
-    disabled: disabled,
-    small: small,
-    inverted: inverted,
-    secondary: secondary,
-    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(Label, {
-    disabled: disabled,
-    pressed: pressed,
-    inverted: inverted,
-    small: small,
-    color: textColor
-  }, children));
-});
-Button.propTypes = {
-  children: node,
-  full: bool,
-  disabled: bool,
-  small: bool,
-  pressed: bool,
-  inverted: bool,
-  secondary: bool,
-
-  /** an Icon from yoga-icons package */
-  icon: oneOfType([bool, func])
-};
-Button.defaultProps = {
-  children: 'Button',
-  full: false,
-  disabled: false,
-  small: false,
-  pressed: false,
-  inverted: false,
-  secondary: false,
-  icon: undefined
-};
-var ButtonWithTouchable = withTouchable(withTheme(Button));
-export { Label, ButtonContainer, ButtonWithTouchable as default };

package/esm/Button/native/Button.test.js

@@ -1,475 +0,0 @@
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react-native';
-import { Booking } from '@gympass/yoga-icons';
-import ThemeProvider from '../../Theme';
-import Button from '..';
-describe('<Button />', function () {
-  describe('Snapshots', function () {
-    describe('primary buttons', function () {
-      describe('Without props', function () {
-        it('should match snapshot with default Button', function () {
-          var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, null))),
-              toJSON = _render.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button', function () {
-          var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, null))),
-              toJSON = _render2.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with link Button', function () {
-          var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Link, null))),
-              toJSON = _render3.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with default Button with Icon', function () {
-          var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            icon: Booking
-          }))),
-              toJSON = _render4.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button with Icon', function () {
-          var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            icon: Booking
-          }))),
-              toJSON = _render5.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-      });
-      describe('With inverted prop', function () {
-        it('should match snapshot with default Button', function () {
-          var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            inverted: true
-          }))),
-              toJSON = _render6.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button', function () {
-          var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            inverted: true
-          }))),
-              toJSON = _render7.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with default Button with Icon', function () {
-          var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            inverted: true,
-            icon: Booking
-          }))),
-              toJSON = _render8.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button with Icon', function () {
-          var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            inverted: true,
-            icon: Booking
-          }))),
-              toJSON = _render9.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with icon Button', function () {
-          var _render10 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-            icon: Booking,
-            inverted: true
-          }))),
-              toJSON = _render10.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-      });
-      describe('With small prop', function () {
-        it('should match snapshot with default Button', function () {
-          var _render11 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            small: true
-          }))),
-              toJSON = _render11.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button', function () {
-          var _render12 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            small: true
-          }))),
-              toJSON = _render12.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with default Button with Icon', function () {
-          var _render13 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            small: true,
-            icon: Booking
-          }))),
-              toJSON = _render13.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button with Icon', function () {
-          var _render14 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            small: true,
-            icon: Booking
-          }))),
-              toJSON = _render14.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-      });
-      describe('With full prop', function () {
-        it('should match snapshot with default Button', function () {
-          var _render15 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            full: true
-          }))),
-              toJSON = _render15.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button', function () {
-          var _render16 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            full: true
-          }))),
-              toJSON = _render16.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with default Button with Icon', function () {
-          var _render17 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            full: true,
-            icon: Booking
-          }))),
-              toJSON = _render17.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button with Icon', function () {
-          var _render18 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            full: true,
-            icon: Booking
-          }))),
-              toJSON = _render18.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-      });
-      describe('With large prop', function () {
-        it('should match snapshot icon Button with large prop', function () {
-          var _render19 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-            icon: Booking,
-            large: true
-          }))),
-              toJSON = _render19.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-      });
-    });
-    describe('secondary buttons', function () {
-      describe('Without props', function () {
-        it('should match snapshot with default Button', function () {
-          var _render20 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            secondary: true
-          }))),
-              toJSON = _render20.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button', function () {
-          var _render21 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            secondary: true
-          }))),
-              toJSON = _render21.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with link Button', function () {
-          var _render22 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Link, {
-            secondary: true
-          }))),
-              toJSON = _render22.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with default Button with Icon', function () {
-          var _render23 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            icon: Booking,
-            secondary: true
-          }))),
-              toJSON = _render23.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button with Icon', function () {
-          var _render24 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            icon: Booking,
-            secondary: true
-          }))),
-              toJSON = _render24.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with icon Button with Icon', function () {
-          var _render25 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-            icon: Booking,
-            secondary: true
-          }))),
-              toJSON = _render25.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-      });
-      describe('With inverted prop', function () {
-        it('should match snapshot with default Button', function () {
-          var _render26 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            inverted: true,
-            secondary: true
-          }))),
-              toJSON = _render26.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button', function () {
-          var _render27 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            inverted: true,
-            secondary: true
-          }))),
-              toJSON = _render27.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with default Button with Icon', function () {
-          var _render28 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            inverted: true,
-            icon: Booking,
-            secondary: true
-          }))),
-              toJSON = _render28.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button with Icon', function () {
-          var _render29 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            inverted: true,
-            icon: Booking,
-            secondary: true
-          }))),
-              toJSON = _render29.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with icon Button with Icon', function () {
-          var _render30 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-            inverted: true,
-            icon: Booking,
-            secondary: true
-          }))),
-              toJSON = _render30.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-      });
-      describe('With small prop', function () {
-        it('should match snapshot with default Button', function () {
-          var _render31 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            small: true,
-            secondary: true
-          }))),
-              toJSON = _render31.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button', function () {
-          var _render32 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            small: true,
-            secondary: true
-          }))),
-              toJSON = _render32.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with default Button with Icon', function () {
-          var _render33 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            small: true,
-            icon: Booking,
-            secondary: true
-          }))),
-              toJSON = _render33.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button with Icon', function () {
-          var _render34 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            small: true,
-            icon: Booking,
-            secondary: true
-          }))),
-              toJSON = _render34.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-      });
-      describe('With full prop', function () {
-        it('should match snapshot with default Button', function () {
-          var _render35 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            full: true,
-            secondary: true
-          }))),
-              toJSON = _render35.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button', function () {
-          var _render36 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            full: true,
-            secondary: true
-          }))),
-              toJSON = _render36.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with default Button with Icon', function () {
-          var _render37 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            full: true,
-            icon: Booking,
-            secondary: true
-          }))),
-              toJSON = _render37.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button with Icon', function () {
-          var _render38 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            full: true,
-            icon: Booking,
-            secondary: true
-          }))),
-              toJSON = _render38.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-      });
-      describe('With large prop', function () {
-        it('should match snapshot icon Button with large prop', function () {
-          var _render39 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-            large: true,
-            icon: Booking,
-            secondary: true
-          }))),
-              toJSON = _render39.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-      });
-    });
-    describe('disabled buttons', function () {
-      describe('With disabled prop', function () {
-        it('should match snapshot with default Button', function () {
-          var _render40 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            disabled: true
-          }))),
-              toJSON = _render40.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button', function () {
-          var _render41 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            disabled: true
-          }))),
-              toJSON = _render41.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with link Button', function () {
-          var _render42 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Link, {
-            disabled: true
-          }))),
-              toJSON = _render42.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with default Button with Icon', function () {
-          var _render43 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            disabled: true,
-            icon: Booking
-          }))),
-              toJSON = _render43.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with text Button with Icon', function () {
-          var _render44 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            disabled: true,
-            icon: Booking
-          }))),
-              toJSON = _render44.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-        it('should match snapshot with icon Button with Icon', function () {
-          var _render45 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-            disabled: true,
-            icon: Booking
-          }))),
-              toJSON = _render45.toJSON;
-
-          expect(toJSON()).toMatchSnapshot();
-        });
-      });
-    });
-  });
-  describe('onPress prop', function () {
-    it('should call onPress function when click on Button', function () {
-      var onPressMock = jest.fn();
-
-      var _render46 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-        onPress: onPressMock
-      }, "Button"))),
-          getByText = _render46.getByText;
-
-      fireEvent.press(getByText('Button'));
-      expect(onPressMock).toHaveBeenCalled();
-    });
-    it('should call onPress function when press on Button.Text', function () {
-      var onPressMock = jest.fn();
-
-      var _render47 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-        onPress: onPressMock
-      }, "Button.Text"))),
-          getByText = _render47.getByText;
-
-      fireEvent.press(getByText('Button.Text'));
-      expect(onPressMock).toHaveBeenCalled();
-    });
-    it('should call onPress function when press on Button.Icon', function () {
-      var onPressMock = jest.fn();
-
-      var _render48 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-        onPress: onPressMock,
-        icon: Booking
-      }))),
-          getByRole = _render48.getByRole;
-
-      fireEvent.press(getByRole('button'));
-      expect(onPressMock).toHaveBeenCalled();
-    });
-    it('should not call onPress function when press on Button disabled', function () {
-      var onPressMock = jest.fn();
-
-      var _render49 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-        disabled: true,
-        onPress: onPressMock
-      }, "Button"))),
-          getByText = _render49.getByText;
-
-      fireEvent.press(getByText('Button'));
-      expect(onPressMock).not.toHaveBeenCalled();
-    });
-  });
-});

package/esm/Button/native/Icon.js

@@ -1,83 +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,
-    accessible: true,
-    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));