@gympass/yoga 7.60.0 → 7.61.0

package/esm/Result/index.native.js

@@ -1,8 +0,0 @@
-import Result from './native';
-import ResultDetails from './native/Details';
-import ResultButton from './native/ResultButton';
-import ResultTags from './native/Tags';
-Result.Details = ResultDetails;
-Result.Button = ResultButton;
-Result.Tags = ResultTags;
-export default Result;

package/esm/Result/native/Attendances.js

@@ -1,55 +0,0 @@
-var _templateObject, _templateObject2;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import { arrayOf, func, shape, string } from 'prop-types';
-import React from 'react';
-import styled from 'styled-components';
-import Box from '../../Box';
-import Text from '../../Text';
-import Rate from './Rate';
-import TinyTextIcon from './TinyTextIcon';
-var List = styled(Text.Tiny).attrs({
-  numberOfLines: 1,
-  variant: 'deep'
-})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  flex: 1;\n"])));
-var ItemSeparator = styled(Box).attrs({
-  width: 'xxxsmall',
-  height: 'zero'
-})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose([""])));
-
-var Attendances = function Attendances(_ref) {
-  var attendances = _ref.attendances,
-      rate = _ref.rate;
-  return /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    width: "100%",
-    alignItems: "center",
-    justifyContent: "center",
-    flexDirection: "row",
-    mb: "xxxsmall"
-  }, /*#__PURE__*/React.createElement(List, null, attendances.map(function (_ref2) {
-    var description = _ref2.description,
-        icon = _ref2.icon;
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: description
-    }, /*#__PURE__*/React.createElement(TinyTextIcon, {
-      as: icon,
-      fill: "deep"
-    }), /*#__PURE__*/React.createElement(ItemSeparator, null), description, /*#__PURE__*/React.createElement(ItemSeparator, null));
-  })), rate && /*#__PURE__*/React.createElement(Rate, {
-    rate: rate
-  }));
-};
-
-Attendances.propTypes = {
-  attendances: arrayOf(shape({
-    description: string,
-    icon: func
-  })).isRequired,
-  rate: string
-};
-Attendances.defaultProps = {
-  rate: undefined
-};
-export default Attendances;

package/esm/Result/native/Details.js

@@ -1,97 +0,0 @@
-var _excluded = ["icon", "variant"];
-
-var _templateObject, _templateObject2, _templateObject3;
-
-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 { arrayOf, number, shape, bool, func, oneOfType, node, string } from 'prop-types';
-import styled from 'styled-components';
-import Text from '../../Text';
-import Box from '../../Box';
-import TinyTextIcon from './TinyTextIcon';
-var Container = styled(Text.Tiny)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: ", "px;\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.yoga.spacing.small;
-});
-var Separator = styled(Box).attrs({
-  width: 'xxxsmall',
-  height: 'xxxsmall'
-})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose([""])));
-var StyledText = styled(Text.Tiny)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var xxxsmall = _ref2.theme.yoga.spacing.xxxsmall;
-  return "\n    margin-left: " + xxxsmall + "px;\n    margin-right: " + xxxsmall + "px;\n  ";
-});
-
-var ResultDetails = function ResultDetails(_ref3) {
-  var items = _ref3.items,
-      limit = _ref3.limit,
-      limitLabel = _ref3.limitLabel,
-      dots = _ref3.dots,
-      Item = _ref3.renderItem;
-  var refinedList = limit !== 0 ? items.slice(0, limit) : items;
-  var numberOfItemsLeft = items.length - limit;
-  return /*#__PURE__*/React.createElement(Box, {
-    flexDirection: "row",
-    alignItems: "center",
-    mt: "xxxsmall"
-  }, /*#__PURE__*/React.createElement(Container, {
-    numberOfLines: 1
-  }, refinedList == null ? void 0 : refinedList.map(function (_ref4, index) {
-    var IconComponent = _ref4.icon,
-        variant = _ref4.variant,
-        props = _objectWithoutPropertiesLoose(_ref4, _excluded);
-
-    var isLastItem = index === refinedList.length - 1;
-    var showNumbersOfItemsLeft = isLastItem && limit !== 0 && limit < items.length;
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/no-array-index-key
-      React.createElement(React.Fragment, {
-        key: index
-      }, IconComponent && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TinyTextIcon, {
-        as: IconComponent,
-        fill: variant
-      }), /*#__PURE__*/React.createElement(Separator, null)), /*#__PURE__*/React.createElement(Item, _extends({
-        variant: variant
-      }, props)), !isLastItem && (dots ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement(StyledText, {
-        variant: variant
-      }, "\u2022"), /*#__PURE__*/React.createElement(Separator, null)) : /*#__PURE__*/React.createElement(Separator, null)), showNumbersOfItemsLeft && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement(StyledText, {
-        variant: variant
-      }, "+ ", numberOfItemsLeft, !!limitLabel && " " + limitLabel), /*#__PURE__*/React.createElement(Separator, null)))
-    );
-  })));
-};
-
-ResultDetails.displayName = 'Result.Details';
-ResultDetails.propTypes = {
-  /** Props to be passed to each component at `renderItem` */
-  items: arrayOf(shape({})).isRequired,
-
-  /** If has limit of items to show in component.Other with show with + 4 for
-   * example
-   * */
-  limit: number,
-
-  /** If is necessary show a label after the limit.Example + 4 activities */
-  limitLabel: string,
-
-  /** If shows the dot separator between the itens */
-  dots: bool,
-
-  /** The component to render as the item of the list. */
-  renderItem: oneOfType([node, func, shape({
-    render: func.isRequired
-  })])
-};
-ResultDetails.defaultProps = {
-  limit: undefined,
-  limitLabel: '',
-  dots: false,
-  renderItem: Text.Tiny
-};
-export default ResultDetails;

package/esm/Result/native/Rate.js

@@ -1,35 +0,0 @@
-var _templateObject, _templateObject2;
-
-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 { string } from 'prop-types';
-import { StarFilled } from '@gympass/yoga-icons';
-import Icon from '../../Icon';
-import Text from '../../Text';
-var Content = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  margin-left: 10px;\n  align-items: center;\n"])));
-var RateValue = styled(Text.Medium)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var _ref$theme$yoga = _ref.theme.yoga,
-      xxxsmall = _ref$theme$yoga.spacing.xxxsmall,
-      xsmall = _ref$theme$yoga.lineHeights.xsmall;
-  return "\n      margin-left: " + xxxsmall + "px;\n      line-height: " + xsmall + "px;\n    ";
-});
-
-var Rate = function Rate(_ref2) {
-  var rate = _ref2.rate;
-  return /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Icon, {
-    as: StarFilled,
-    fill: "deep",
-    width: "xsmall",
-    height: "xsmall"
-  }), /*#__PURE__*/React.createElement(RateValue, {
-    variant: "deep",
-    size: "xsmall"
-  }, rate));
-};
-
-Rate.propTypes = {
-  rate: string.isRequired
-};
-export default Rate;

package/esm/Result/native/Result.js

@@ -1,86 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React, { isValidElement } from 'react';
-import styled from 'styled-components';
-import { arrayOf, string, shape, func, bool, node } from 'prop-types';
-import Text from '../../Text';
-import Attendances from './Attendances';
-import Box from '../../Box';
-var StyledBox = styled(Box)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  ", "\n"])), function (_ref) {
-  var divided = _ref.divided,
-      light = _ref.theme.yoga.colors.light;
-  return divided ? "\n          border-bottom-width: 1px;\n          border-bottom-color: " + light + ";\n        " : '';
-});
-var Content = styled.View(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  ", "\n"])), function (_ref2) {
-  var _ref2$theme$yoga$spac = _ref2.theme.yoga.spacing,
-      small = _ref2$theme$yoga$spac.small,
-      large = _ref2$theme$yoga$spac.large;
-  return "\n      margin-left: " + small + "px;\n      margin-bottom: " + large + "px;\n    ";
-});
-var Title = styled(Text.Medium)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref3) {
-  var medium = _ref3.theme.yoga.lineHeights.medium;
-  return "\n      line-height: " + medium + "px;\n    ";
-});
-/**
- * The Result component is used when you have a list to show. It is applied to
- * the item individually, and has the option of being applied to different
- * formats based on the applied context. */
-
-var Result = function Result(_ref4) {
-  var Avatar = _ref4.avatar,
-      attendances = _ref4.attendances,
-      rate = _ref4.rate,
-      title = _ref4.title,
-      subTitle = _ref4.subTitle,
-      divided = _ref4.divided,
-      children = _ref4.children;
-  return /*#__PURE__*/React.createElement(StyledBox, {
-    divided: divided,
-    display: "flex",
-    flexDirection: "row"
-  }, Avatar && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/isValidElement(Avatar) ? Avatar : /*#__PURE__*/React.createElement(Avatar, null)), /*#__PURE__*/React.createElement(Content, null, !!(attendances != null && attendances.length) && /*#__PURE__*/React.createElement(Attendances, {
-    attendances: attendances,
-    rate: rate
-  }), /*#__PURE__*/React.createElement(Title, {
-    numberOfLines: 1
-  }, title), subTitle && subTitle !== '' && /*#__PURE__*/React.createElement(Text.Small, {
-    numberOfLines: 1,
-    variant: "stamina"
-  }, subTitle), children));
-};
-
-Result.propTypes = {
-  /** The component Avatar */
-  avatar: node.isRequired,
-
-  /** A list with the attendances */
-  attendances: arrayOf(shape({
-    description: string,
-    icon: func
-  })),
-
-  /** The evaluation of the partner */
-  rate: string,
-
-  /** The main title */
-  title: string.isRequired,
-
-  /** The text below the main title */
-  subTitle: string,
-
-  /** If it is to show the divide in the bottom */
-  divided: bool,
-
-  /** The chidren necessary */
-  children: node
-};
-Result.defaultProps = {
-  rate: undefined,
-  divided: false,
-  subTitle: undefined,
-  children: undefined,
-  attendances: undefined
-};
-export default Result;

package/esm/Result/native/Result.test.js

@@ -1,107 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { BuildingFilled } from '@gympass/yoga-icons';
-import { ThemeProvider } from '../..';
-import Result from './Result';
-import Avatar from '../../Avatar';
-import Text from '../../Text';
-var attendanceList = [{
-  description: 'Attendance 01',
-  icon: BuildingFilled
-}, {
-  description: 'Attendance 02',
-  icon: BuildingFilled
-}];
-var entranceList = [{
-  children: 'From 7:30 am to 9:00 pm',
-  variant: 'stamina'
-}];
-var activitiesList = [{
-  children: 'Yoga',
-  variant: 'deep'
-}, {
-  children: 'Meditation',
-  variant: 'deep'
-}, {
-  children: 'Pilates',
-  variant: 'deep'
-}, {
-  children: 'Activity4',
-  variant: 'deep'
-}, {
-  children: 'Activity5',
-  variant: 'deep'
-}];
-var tagsList = [{
-  children: 'Plan x Product availability',
-  variant: 'informative'
-}, {
-  children: 'Restriction',
-  variant: 'attention'
-}];
-describe('<Result />', function () {
-  it('should match snapshot', function () {
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Result, {
-      rate: "5.0",
-      avatar: /*#__PURE__*/React.createElement(Avatar.Circle, null),
-      attendances: attendanceList,
-      title: "Jane Doe",
-      subTitle: "Activity",
-      divided: true
-    }, /*#__PURE__*/React.createElement(Result.Details, {
-      items: entranceList,
-      dots: true,
-      renderItem: Text.Small
-    }), /*#__PURE__*/React.createElement(Result.Details, {
-      items: activitiesList,
-      dots: true,
-      limit: 3,
-      renderItem: Text.Small,
-      limitLabel: "activities"
-    }), /*#__PURE__*/React.createElement(Result.Tags, {
-      items: tagsList
-    }), /*#__PURE__*/React.createElement(Result.Button, null, "See Details")))),
-        toJSON = _render.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should match snapshot without limitLabel prop', function () {
-    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Result, {
-      rate: "5.0",
-      avatar: /*#__PURE__*/React.createElement(Avatar.Circle, null),
-      attendances: attendanceList,
-      title: "John Doe",
-      subTitle: "Activity",
-      divided: true
-    }, /*#__PURE__*/React.createElement(Result.Details, {
-      items: entranceList,
-      dots: true,
-      renderItem: Text.Small
-    }), /*#__PURE__*/React.createElement(Result.Details, {
-      items: activitiesList,
-      dots: true,
-      limit: 2,
-      renderItem: Text.Small
-    }), /*#__PURE__*/React.createElement(Result.Tags, {
-      items: tagsList
-    }), /*#__PURE__*/React.createElement(Result.Button, null, "See Details")))),
-        toJSON = _render2.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should match snapshot without attendence', function () {
-    var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Result, {
-      avatar: /*#__PURE__*/React.createElement(Avatar, null),
-      title: "Gym"
-    }, /*#__PURE__*/React.createElement(Result.Details, {
-      items: entranceList,
-      dots: true
-    }), /*#__PURE__*/React.createElement(Result.Details, {
-      items: activitiesList,
-      dots: true
-    })))),
-        toJSON = _render3.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

package/esm/Result/native/ResultButton.js

@@ -1,13 +0,0 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import styled from 'styled-components';
-import Button from '../../Button';
-var ResultButton = styled(Button.Link)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var _ref$theme$yoga$spaci = _ref.theme.yoga.spacing,
-      xxsmall = _ref$theme$yoga$spaci.xxsmall,
-      xlarge = _ref$theme$yoga$spaci.xlarge;
-  return "\n      margin-top: " + xxsmall + "px;\n      margin-right: " + xlarge + "px;\n    ";
-});
-export default ResultButton;

package/esm/Result/native/Tags.js

@@ -1,41 +0,0 @@
-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 _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import { arrayOf, shape } from 'prop-types';
-import styled from 'styled-components';
-import Tag from '../../Tag';
-var TagStyled = styled(Tag.Informative)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  margin-right: 4px;\n"])));
-var Wrapper = styled.ScrollView(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  ", "\n"])), function (_ref) {
-  var xxsmall = _ref.theme.yoga.spacing.xxsmall;
-  return "\n    margin-top: " + xxsmall + "px;\n  ";
-});
-
-var ResultTags = function ResultTags(_ref2) {
-  var items = _ref2.items;
-  return /*#__PURE__*/React.createElement(Wrapper, {
-    horizontal: true,
-    showsHorizontalScrollIndicator: false
-  }, items.map(function (_ref3, index) {
-    var props = _extends({}, _ref3);
-
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/no-array-index-key
-      React.createElement(TagStyled, _extends({
-        small: true,
-        key: index
-      }, props))
-    );
-  }));
-};
-
-ResultTags.displayName = 'Result.Tags';
-ResultTags.propTypes = {
-  /** Props to generate each Tag. See Tag for details */
-  items: arrayOf(shape({})).isRequired
-};
-export default ResultTags;

package/esm/Result/native/TinyTextIcon.js

@@ -1,18 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import Box from '../../Box';
-import Icon from '../../Icon';
-
-var TinyTextIcon = function TinyTextIcon(props) {
-  return /*#__PURE__*/React.createElement(Box, {
-    height: "xsmall",
-    width: "xsmall"
-  }, /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
-    size: "xsmall",
-    mt: "2px"
-  })));
-};
-
-TinyTextIcon.propTypes = Icon.propTypes;
-export default TinyTextIcon;

package/esm/Result/native/index.js

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

package/esm/Skeleton/index.native.js

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

package/esm/Skeleton/native/Skeleton.js

@@ -1,94 +0,0 @@
-var _excluded = ["animation"];
-
-var _templateObject;
-
-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 { checkPropTypes, oneOf } from 'prop-types';
-import React, { useEffect, useState } from 'react';
-import { Animated, Easing } from 'react-native';
-import styled from 'styled-components';
-import { margins, widths, heights } from '@gympass/yoga-system';
-var StyledSkeleton = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n\n  ", "\n\n  ", "\n\n  ", "\n\n   ", "\n"])), margins, widths, heights, function (_ref) {
-  var type = _ref.type,
-      variant = _ref.variant,
-      _ref$theme$yoga = _ref.theme.yoga,
-      colors = _ref$theme$yoga.colors,
-      _ref$theme$yoga$compo = _ref$theme$yoga.components.skeleton,
-      borderRadius = _ref$theme$yoga$compo.border[type],
-      _ref$theme$yoga$compo2 = _ref$theme$yoga$compo.height[type];
-  _ref$theme$yoga$compo2 = _ref$theme$yoga$compo2 === void 0 ? {} : _ref$theme$yoga$compo2;
-  var height = _ref$theme$yoga$compo2[variant];
-  return "\n    background-color: " + colors.elements.backgroundAndDisabled + ";\n    " + (borderRadius ? "border-radius: " + borderRadius + "px;" : '') + "\n    " + (height ? "height: " + height + "px;" : '') + "\n  ";
-});
-
-function Skeleton(_ref2) {
-  var _ref2$animation = _ref2.animation,
-      animation = _ref2$animation === void 0 ? 'pulse' : _ref2$animation,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
-  var _useState = useState(new Animated.Value(0.4)),
-      opacity = _useState[0];
-
-  useEffect(function () {
-    if (animation) {
-      Animated.loop(Animated.sequence([Animated.timing(opacity, {
-        toValue: 1,
-        delay: 500,
-        duration: 1000,
-        easing: Easing.inOut(Easing.linear),
-        useNativeDriver: true
-      }), Animated.timing(opacity, {
-        toValue: 0.4,
-        duration: 500,
-        easing: Easing.inOut(Easing.linear),
-        useNativeDriver: true
-      })])).start();
-    }
-  }, [opacity]);
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    style: {
-      opacity: opacity
-    }
-  }, /*#__PURE__*/React.createElement(StyledSkeleton, props));
-}
-
-Skeleton.propTypes = {
-  /**
-   * Determines which type will be rendered. It can be
-   * 'circular', 'rectangular' or 'text'.
-   */
-  type: oneOf(['circular', 'rectangular', 'text']).isRequired,
-
-  /**
-   * style the skeleton following the theme (the variant prop can only be used assemble to type "text").
-   * It can be 'h1', 'h2', 'h3', 'h4', 'h5', 'body1', 'body2', 'overline', or 'exception'
-   */
-  variant: function variant(props, propName, componentName) {
-    var type = props.type;
-
-    if (type !== 'text' && !!props[propName]) {
-      return new Error("The " + propName + " prop must only be used when the type is equal to \"text\".");
-    }
-
-    if (type === 'text') {
-      var _checkPropTypes;
-
-      return checkPropTypes((_checkPropTypes = {}, _checkPropTypes[propName] = oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'body1', 'body2', 'overline', 'exception']).isRequired, _checkPropTypes), props, 'prop', componentName);
-    }
-
-    return null;
-  },
-
-  /**
-   * Determine if the animation will 'pulse' or false;
-   */
-  animation: oneOf(['pulse', false])
-};
-Skeleton.defaultProps = {
-  variant: undefined,
-  animation: 'pulse'
-};
-export default Skeleton;

package/esm/Skeleton/native/Skeleton.test.js

@@ -1,78 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { ThemeProvider, Skeleton } from '../..';
-describe('<Skeleton />', function () {
-  it('should render the circular skeleton', function () {
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Skeleton, {
-      type: "circular",
-      width: 64,
-      height: 64
-    }))),
-        toJSON = _render.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should render the rectangular skeleton', function () {
-    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Skeleton, {
-      type: "rectangular",
-      width: 400,
-      height: 200
-    }))),
-        toJSON = _render2.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should render the text skeleton', function () {
-    var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "body1",
-      width: 61,
-      height: 32
-    }))),
-        toJSON = _render3.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should render all text skeleton variants correctly', function () {
-    var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "h1",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "h2",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "h3",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "h4",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "h5",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "body1",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "body2",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "overline",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "exception",
-      width: "100"
-    }))),
-        toJSON = _render4.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

package/esm/Skeleton/native/index.js

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