@gympass/yoga 7.36.0 → 7.37.2

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

@@ -0,0 +1,475 @@
+import React from 'react';
+import { render, fireEvent, toJSON } 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))),
+              container = _render.container;
+
+          expect(toJSON(container)).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, null))),
+              container = _render2.container;
+
+          expect(toJSON(container)).toMatchSnapshot();
+        });
+        it('should match snapshot with link Button', function () {
+          var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Link, null))),
+              container = _render3.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render4.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render5.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render6.container;
+
+          expect(toJSON(container)).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
+            inverted: true
+          }))),
+              container = _render7.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render8.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render9.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render10.container;
+
+          expect(container).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
+          }))),
+              container = _render11.container;
+
+          expect(toJSON(container)).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render12 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
+            small: true
+          }))),
+              container = _render12.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render13.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render14.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render15.container;
+
+          expect(toJSON(container)).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render16 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
+            full: true
+          }))),
+              container = _render16.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render17.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render18.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render19.container;
+
+          expect(container).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
+          }))),
+              container = _render20.container;
+
+          expect(toJSON(container)).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render21 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
+            secondary: true
+          }))),
+              container = _render21.container;
+
+          expect(toJSON(container)).toMatchSnapshot();
+        });
+        it('should match snapshot with link Button', function () {
+          var _render22 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Link, {
+            secondary: true
+          }))),
+              container = _render22.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render23.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render24.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render25.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render26.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render27.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render28.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render29.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render30.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render31.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render32.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render33.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render34.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render35.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render36.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render37.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render38.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render39.container;
+
+          expect(container).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
+          }))),
+              container = _render40.container;
+
+          expect(toJSON(container)).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render41 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
+            disabled: true
+          }))),
+              container = _render41.container;
+
+          expect(toJSON(container)).toMatchSnapshot();
+        });
+        it('should match snapshot with link Button', function () {
+          var _render42 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Link, {
+            disabled: true
+          }))),
+              container = _render42.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render43.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render44.container;
+
+          expect(toJSON(container)).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
+          }))),
+              container = _render45.container;
+
+          expect(toJSON(container)).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

@@ -0,0 +1,82 @@
+var _excluded = ["icon", "theme", "small", "pressed", "disabled", "inverted", "secondary"];
+
+var _templateObject;
+
+function _extends() { _extends = Object.assign || 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

@@ -0,0 +1,35 @@
+var _templateObject;
+
+function _extends() { _extends = Object.assign || 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

@@ -0,0 +1,74 @@
+var _excluded = ["children", "disabled", "pressed", "small", "secondary", "inverted", "icon", "theme"];
+
+var _templateObject, _templateObject2;
+
+function _extends() { _extends = Object.assign || 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 = colors.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));