@gympass/yoga 7.87.0 → 7.88.0

package/esm/Checkbox/native/Switch.js

@@ -1,115 +0,0 @@
-var _templateObject, _templateObject2;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React, { useEffect, useState } from 'react';
-import { bool } from 'prop-types';
-import styled, { withTheme } from 'styled-components';
-import { hexToRgb } from '@gympass/yoga-common';
-import { Animated } from 'react-native';
-import withTouchable from '../../Button/native/withTouchable';
-import Box from '../../Box';
-var SwitchTrack = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", ";\n"])), function (_ref) {
-  var checkboxswitch = _ref.theme.yoga.components.checkboxswitch,
-      checked = _ref.checked,
-      disabled = _ref.disabled;
-  return "\n    display: flex;\n    justify-content: center;\n    width: " + checkboxswitch.track.width + "px;\n    height: " + checkboxswitch.track.height + "px;\n    borderRadius: " + checkboxswitch.track.radii + "px;\n    background-color: " + (checked ? checkboxswitch.track.checked.backgroundColor : checkboxswitch.track.backgroundColor) + ";\n\n    " + (disabled ? "\n        background-color: " + checkboxswitch.track.disabled.backgroundColor + ";" : '') + "\n  ";
-});
-var ThumbShadow = styled.View(function (_ref2) {
-  var _ref2$theme$yoga = _ref2.theme.yoga,
-      colors = _ref2$theme$yoga.colors,
-      checkboxswitch = _ref2$theme$yoga.components.checkboxswitch,
-      checked = _ref2.checked;
-  var width = checkboxswitch.thumb.width * checkboxswitch.thumb.shadowScale;
-  var height = checkboxswitch.thumb.height * checkboxswitch.thumb.shadowScale;
-  return "\n      width: " + width + "px;\n      height: " + height + "px;\n      position: absolute;\n      background-color: " + (checked ? hexToRgb(colors.primary, 0.75) : hexToRgb(colors.elements.backgroundAndDisabled, 0.75)) + ";\n      border-radius: " + checkboxswitch.thumb.radii + "px;\n    ";
-});
-var SwitchThumb = styled(Box).attrs(function (_ref3) {
-  var checkboxswitch = _ref3.theme.yoga.components.checkboxswitch,
-      disabled = _ref3.disabled;
-  return {
-    width: checkboxswitch.thumb.width,
-    height: checkboxswitch.thumb.height,
-    borderRadius: checkboxswitch.thumb.radii,
-    bgColor: disabled ? checkboxswitch.thumb.disabled.backgroundColor : checkboxswitch.thumb.backgroundColor,
-    elevation: checkboxswitch.thumb.shadow
-  };
-})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose([""])));
-
-var CheckboxSwitch = function CheckboxSwitch(_ref4) {
-  var checked = _ref4.checked,
-      pressed = _ref4.pressed,
-      disabled = _ref4.disabled,
-      checkboxswitch = _ref4.theme.yoga.components.checkboxswitch;
-
-  var _useState = useState(new Animated.Value(Number(checked))),
-      thumbPosition = _useState[0];
-
-  var thumbTo = checkboxswitch.track.width - checkboxswitch.thumb.width - checkboxswitch.thumb.left;
-  var thumbFrom = checkboxswitch.thumb.left;
-  var shadowDiameter = checkboxswitch.thumb.width * checkboxswitch.thumb.shadowScale;
-  var shadowAndThumbDiff = shadowDiameter - checkboxswitch.thumb.width;
-  var halfDiff = shadowAndThumbDiff / 2;
-  var thumbShadowFrom = (halfDiff - checkboxswitch.thumb.left) * -1;
-  var thumbShadowTo = thumbTo - halfDiff;
-  useEffect(function () {
-    var toggle = function toggle(isChecked, position) {
-      var animValue = {
-        fromValue: isChecked ? 0 : 1,
-        toValue: isChecked ? 1 : 0,
-        duration: 100,
-        useNativeDriver: false
-      };
-      Animated.timing(position, animValue).start();
-    };
-
-    toggle(!checked, thumbPosition);
-  }, [checked]);
-  return /*#__PURE__*/React.createElement(SwitchTrack, {
-    checked: checked,
-    disabled: disabled,
-    as: Animated.View,
-    style: !disabled && {
-      backgroundColor: thumbPosition.interpolate({
-        inputRange: [0, 1],
-        outputRange: [checkboxswitch.track.checked.backgroundColor, checkboxswitch.track.backgroundColor]
-      })
-    }
-  }, pressed && !disabled && /*#__PURE__*/React.createElement(ThumbShadow, {
-    checked: checked,
-    as: Animated.View,
-    style: {
-      transform: [{
-        translateX: thumbPosition.interpolate({
-          inputRange: [0, 1],
-          outputRange: [thumbShadowTo, thumbShadowFrom]
-        })
-      }]
-    }
-  }), /*#__PURE__*/React.createElement(SwitchThumb, {
-    checked: checked,
-    disabled: disabled,
-    as: Animated.View,
-    style: {
-      transform: [{
-        translateX: thumbPosition.interpolate({
-          inputRange: [0, 1],
-          outputRange: [thumbTo, thumbFrom]
-        })
-      }]
-    }
-  }));
-};
-
-CheckboxSwitch.propTypes = {
-  checked: bool,
-  disabled: bool,
-  pressed: bool
-};
-CheckboxSwitch.defaultProps = {
-  checked: false,
-  disabled: false,
-  pressed: false
-};
-CheckboxSwitch.displayName = 'Checkbox.Switch';
-export default withTouchable(withTheme(CheckboxSwitch));

package/esm/Checkbox/native/Switch.test.js

@@ -1,54 +0,0 @@
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react-native';
-import Checkbox from '..';
-import ThemeProvider from '../../Theme';
-jest.useFakeTimers();
-describe('<Checkbox />', function () {
-  describe('<Checkbox.Switch />', function () {
-    describe('Snapshots', function () {
-      it('should match snapshot with default switch', function () {
-        var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox.Switch, null))),
-            toJSON = _render.toJSON;
-
-        expect(toJSON()).toMatchSnapshot();
-      });
-      it('should match snapshot with disabled switch', function () {
-        var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox.Switch, {
-          disabled: true
-        }))),
-            toJSON = _render2.toJSON;
-
-        expect(toJSON()).toMatchSnapshot();
-      });
-      it('should match snapshot with checked switch', function () {
-        var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox.Switch, {
-          checked: true
-        }))),
-            toJSON = _render3.toJSON;
-
-        expect(toJSON()).toMatchSnapshot();
-      });
-      it('should match snapshot with disabled and checked switch', function () {
-        var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox.Switch, {
-          disabled: true,
-          checked: true
-        }))),
-            toJSON = _render4.toJSON;
-
-        expect(toJSON()).toMatchSnapshot();
-      });
-      it('should call onChange function when click on Checkbox.Switch', function () {
-        var onChangeMock = jest.fn();
-
-        var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox.Switch, {
-          onChange: onChangeMock,
-          accessibilityRole: "button"
-        }))),
-            getByRole = _render5.getByRole;
-
-        fireEvent.press(getByRole('button'));
-        expect(onChangeMock).toHaveBeenCalled();
-      });
-    });
-  });
-});

package/esm/Checkbox/native/index.js

@@ -1,3 +0,0 @@
-import Switch from './Switch';
-import Checkbox from './Checkbox';
-export { Checkbox, Switch };

package/esm/Chips/index.js

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

package/esm/Chips/index.native.js

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

package/esm/Chips/native/Chips.js

@@ -1,105 +0,0 @@
-var _excluded = ["children", "selected", "counter", "icons", "disabled", "onToggle", "onPress", "theme"];
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-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 from 'react';
-import { number, arrayOf, bool, func, node } from 'prop-types';
-import styled, { css, withTheme } from 'styled-components';
-import { TouchableWithoutFeedback } from 'react-native';
-import Counter from './Counter';
-import { theme } from '../../Theme';
-import Text from '../../Text';
-import Icon from '../../Icon';
-var Wrapper = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  height: 32px;\n  max-width: 216px;\n\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n\n  margin-right: ", "px;\n  padding: ", "px;\n\n  border-style: solid;\n  border-color: ", ";\n  border-radius: ", "px;\n  border-width: ", "px;\n\n  background-color: ", ";\n\n  overflow: hidden;\n\n  ", "\n\n  ", "\n"])), theme.spacing.xxsmall, theme.spacing.xxsmall, theme.colors.elements.lineAndBorders, theme.radii.small, theme.borders.small, theme.colors.white, function (_ref) {
-  var disabled = _ref.disabled;
-  return disabled ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n          background-color: ", ";\n          color: ", ";\n\n          border-color: ", ";\n        "])), theme.colors.elements.backgroundAndDisabled, theme.colors.elements.selectionAndIcons, theme.colors.elements.lineAndBorders) : '';
-}, function (_ref2) {
-  var selected = _ref2.selected;
-  return selected ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n          background-color: ", ";\n          border-color: transparent;\n        "])), theme.colors.yoga) : '';
-});
-var StyledChips = styled(Text)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  font-size: ", "px;\n  line-height: ", "px;\n\n  flex-shrink: 1;\n\n  ", "\n"])), theme.fontSizes.xsmall, theme.lineHeights.xxsmall, function (_ref3) {
-  var selected = _ref3.selected;
-  return selected ? css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n          color: ", ";\n        "])), theme.colors.primary) : '';
-});
-var Chips = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
-  var children = _ref4.children,
-      selected = _ref4.selected,
-      counter = _ref4.counter,
-      icons = _ref4.icons,
-      disabled = _ref4.disabled,
-      onToggle = _ref4.onToggle,
-      _ref4$onPress = _ref4.onPress,
-      onPress = _ref4$onPress === void 0 ? onToggle : _ref4$onPress,
-      spacing = _ref4.theme.yoga.spacing,
-      props = _objectWithoutPropertiesLoose(_ref4, _excluded);
-
-  var FirstIcon = icons[0],
-      SecondIcon = icons[1];
-  return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, _extends({
-    onPress: onPress,
-    ref: ref,
-    accessibilityRole: "button"
-  }, props), /*#__PURE__*/React.createElement(Wrapper, {
-    disabled: disabled,
-    selected: selected
-  }, SecondIcon && /*#__PURE__*/React.createElement(Icon, {
-    as: SecondIcon,
-    fill: selected ? 'primary' : 'secondary',
-    width: "small",
-    height: "small",
-    style: {
-      marginRight: children ? spacing.xxxsmall : undefined
-    }
-  }), /*#__PURE__*/React.createElement(StyledChips, {
-    as: selected ? Text.Medium : Text,
-    selected: selected,
-    numberOfLines: 1
-  }, children), selected && counter && !disabled && /*#__PURE__*/React.createElement(Counter, {
-    value: counter
-  }), FirstIcon && /*#__PURE__*/React.createElement(Icon, {
-    as: FirstIcon,
-    fill: selected ? 'primary' : 'secondary',
-    width: "small",
-    height: "small",
-    style: {
-      marginLeft: children ? spacing.xxxsmall : undefined
-    }
-  })));
-});
-Chips.propTypes = {
-  /** text to be displayed */
-  children: node,
-
-  /** if the chip is selected */
-  selected: bool,
-
-  /** will display a three digit number, if the value is greater than 999 a plus
-   * sign will be displayed instead. ex: "+999" */
-  counter: number,
-
-  /** disable chip */
-  disabled: bool,
-
-  /** a list of max two icons from @gympass/yoga-icons package */
-  icons: arrayOf(func),
-
-  /** onPress event */
-  onToggle: func,
-  onPress: func
-};
-Chips.defaultProps = {
-  children: undefined,
-  selected: false,
-  disabled: false,
-  counter: undefined,
-  icons: [],
-  onToggle: undefined,
-  onPress: undefined
-};
-export default withTheme(Chips);

package/esm/Chips/native/Chips.test.js

@@ -1,143 +0,0 @@
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react-native';
-import { MapPin, ChevronDown } from '@gympass/yoga-icons';
-import { ThemeProvider, Chips } from '../..';
-describe('<Chips />', function () {
-  describe('Snapshots', function () {
-    it('should match snapshot', function () {
-      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, null, "Classes"))),
-          root = _render.root,
-          toJSON = _render.toJSON;
-
-      expect(toJSON(root)).toMatchSnapshot();
-    });
-    it('should match snapshot with disabled prop', function () {
-      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
-        disabled: true
-      }, "Classes"))),
-          root = _render2.root,
-          toJSON = _render2.toJSON;
-
-      expect(toJSON(root)).toMatchSnapshot();
-    });
-    it('should match snapshot with more than one Chip', function () {
-      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, null, "Classes"), /*#__PURE__*/React.createElement(Chips, null, "Gyms and studios"), /*#__PURE__*/React.createElement(Chips, null, "Personal trainers"))),
-          root = _render3.root,
-          toJSON = _render3.toJSON;
-
-      expect(toJSON(root)).toMatchSnapshot();
-    });
-    it('should match snapshot with a long text', function () {
-      var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, null, "Classes with a very long text"))),
-          root = _render4.root,
-          toJSON = _render4.toJSON;
-
-      expect(toJSON(root)).toMatchSnapshot();
-    });
-    describe('selected', function () {
-      it('should match snapshot', function () {
-        var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
-          selected: true
-        }, "Classes"))),
-            root = _render5.root,
-            toJSON = _render5.toJSON;
-
-        expect(toJSON(root)).toMatchSnapshot();
-      });
-      it('should match snapshot with more than one Chip', function () {
-        var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, null, "Classes"), /*#__PURE__*/React.createElement(Chips, {
-          selected: true
-        }, "Gyms and studios"), /*#__PURE__*/React.createElement(Chips, {
-          selected: true
-        }, "Personal trainers"))),
-            root = _render6.root,
-            toJSON = _render6.toJSON;
-
-        expect(toJSON(root)).toMatchSnapshot();
-      });
-    });
-    describe('counter', function () {
-      it('should match snapshot', function () {
-        var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
-          counter: 8
-        }, "Classes"))),
-            root = _render7.root,
-            toJSON = _render7.toJSON;
-
-        expect(toJSON(root)).toMatchSnapshot();
-      });
-      it('should match snapshot with more than one Chip', function () {
-        var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
-          counter: 8
-        }, "Classes"), /*#__PURE__*/React.createElement(Chips, {
-          counter: 52,
-          selected: true
-        }, "Gyms and studios"), /*#__PURE__*/React.createElement(Chips, {
-          counter: 1732,
-          selected: true
-        }, "Personal trainers"))),
-            root = _render8.root,
-            toJSON = _render8.toJSON;
-
-        expect(toJSON(root)).toMatchSnapshot();
-      });
-    });
-    describe('icon', function () {
-      it('should match selected snapshot', function () {
-        var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
-          counter: 8,
-          icon: [MapPin]
-        }, "Location"), /*#__PURE__*/React.createElement(Chips, {
-          counter: 8,
-          icon: [MapPin, ChevronDown]
-        }, "Classes"), /*#__PURE__*/React.createElement(Chips, {
-          icon: [MapPin, ChevronDown]
-        }, "Gyms and studios"), /*#__PURE__*/React.createElement(Chips, {
-          icon: [MapPin]
-        }, "Personal trainers"), /*#__PURE__*/React.createElement(Chips, {
-          counter: 8,
-          selected: true,
-          icon: [MapPin]
-        }, "Activities"), /*#__PURE__*/React.createElement(Chips, {
-          counter: 8,
-          selected: true,
-          icon: [MapPin, ChevronDown]
-        }, "Language"), /*#__PURE__*/React.createElement(Chips, {
-          selected: true,
-          icon: [MapPin, ChevronDown]
-        }, "Categories"), /*#__PURE__*/React.createElement(Chips, {
-          selected: true,
-          icon: [MapPin]
-        }, "Availability"))),
-            root = _render9.root,
-            toJSON = _render9.toJSON;
-
-        expect(toJSON(root)).toMatchSnapshot();
-      });
-    });
-  });
-  describe('Events', function () {
-    it('should toggle using onPress', function () {
-      var toggleMock = jest.fn();
-
-      var _render10 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
-        onPress: toggleMock
-      }, "Classes"))),
-          getByText = _render10.getByText;
-
-      fireEvent.press(getByText('Classes'));
-      expect(toggleMock).toHaveBeenCalled();
-    });
-    it('should toggle using onToggle', function () {
-      var toggleMock = jest.fn();
-
-      var _render11 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
-        onToggle: toggleMock
-      }, "Classes"))),
-          getByText = _render11.getByText;
-
-      fireEvent.press(getByText('Classes'));
-      expect(toggleMock).toHaveBeenCalled();
-    });
-  });
-});

package/esm/Chips/native/Counter.js

@@ -1,20 +0,0 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import styled from 'styled-components';
-import { number, oneOfType, string } from 'prop-types';
-import { theme } from '../../Theme';
-import Text from '../../Text';
-var Wrapper = styled(Text.Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n\n  height: 16px;\n  min-width: 16px;\n\n  padding-right: 5px;\n  padding-left: 5px;\n  margin-left: ", "px;\n\n  color: ", ";\n  font-size: ", "px;\n  line-height: ", "px;\n\n  border-radius: ", "px;\n  background-color: ", ";\n\n  overflow: hidden;\n"])), theme.spacing.xxxsmall, theme.colors.white, theme.fontSizes.xsmall, theme.lineHeights.xsmall, theme.radii.small, theme.colors.primary);
-
-var Counter = function Counter(_ref) {
-  var value = _ref.value;
-  return /*#__PURE__*/React.createElement(Wrapper, null, Number(value) > 999 ? '+999' : value);
-};
-
-Counter.propTypes = {
-  value: oneOfType([number, string]).isRequired
-};
-export default Counter;

package/esm/Chips/native/index.js

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

package/esm/Datepicker/Datepicker.theme.js

@@ -1,12 +0,0 @@
-var Datepicker = function Datepicker() {
-  return {
-    width: {
-      day: 32
-    },
-    height: {
-      day: 20
-    }
-  };
-};
-
-export default Datepicker;

package/esm/Datepicker/index.js

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

package/esm/Dialog/Dialog.theme.js

@@ -1,25 +0,0 @@
-var Dialog = function Dialog(_ref) {
-  var radii = _ref.radii,
-      spacing = _ref.spacing;
-  return {
-    border: {
-      radius: radii.regular
-    },
-    padding: {
-      "default": spacing.xlarge,
-      top: spacing.xxlarge,
-      withCloseButton: spacing.large
-    },
-    width: {
-      "default": 580
-    },
-    height: {
-      min: 160
-    },
-    position: {
-      "default": spacing.zero
-    }
-  };
-};
-
-export default Dialog;

package/esm/Dialog/index.js

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

package/esm/Divider/Divider.theme.js

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

package/esm/Divider/index.js

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

package/esm/Divider/index.native.js

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

package/esm/Divider/native/Divider.js

@@ -1,29 +0,0 @@
-var _templateObject, _templateObject2;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import { bool } from 'prop-types';
-import React from 'react';
-import styled, { css, withTheme } from 'styled-components';
-var StyledDivider = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var _ref$theme$yoga = _ref.theme.yoga,
-      borders = _ref$theme$yoga.borders,
-      colors = _ref$theme$yoga.colors,
-      vertical = _ref.vertical;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n      ", ";\n\n      border-color: ", ";\n    "])), vertical ? 'height: auto' : 'width: auto', vertical ? "border-left-width: " + borders.small : "border-bottom-width: " + borders.small, colors.text.disabled);
-});
-var Divider = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
-  var vertical = _ref2.vertical;
-  return /*#__PURE__*/React.createElement(StyledDivider, {
-    vertical: vertical,
-    ref: ref
-  });
-});
-Divider.propTypes = {
-  /** If this value is defined, the divider will be in vertical when the flexDirection is row type */
-  vertical: bool
-};
-Divider.defaultProps = {
-  vertical: false
-};
-export default withTheme(Divider);

package/esm/Divider/native/Divider.test.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { ThemeProvider, Divider, Box, Text } from '../..';
-describe('<Divider />', function () {
-  it('should create a divider component', function () {
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Box, {
-      display: "flex",
-      flexDirection: "column",
-      minWidth: 300,
-      justifyContent: "space-between"
-    }, /*#__PURE__*/React.createElement(Text.H4, null, "First Content"), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Text.H4, null, "Second Content")))),
-        toJSON = _render.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should create vertical divider component', function () {
-    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Box, {
-      display: "flex",
-      flexDirection: "row",
-      minWidth: 300,
-      justifyContent: "space-between"
-    }, /*#__PURE__*/React.createElement(Text.H4, null, "First Content"), /*#__PURE__*/React.createElement(Divider, {
-      vertical: true
-    }), /*#__PURE__*/React.createElement(Text.H4, null, "Second Content")))),
-        toJSON = _render2.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

package/esm/Divider/native/index.js

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

package/esm/Drawer/Drawer.theme.js

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

package/esm/Drawer/index.js

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