@spothero/ui 21.6.4-beta.0 → 22.0.0-beta.1

package/dist/theme/global.js

@@ -62,12 +62,10 @@ const Fonts = () => /*#__PURE__*/_react.default.createElement(_react2.Global, {
         `
 });
 exports.Fonts = Fonts;
-const LegacyOverrides = _ref => {
-  let {
-    useLegacyOverrides
-  } = _ref;
-  return useLegacyOverrides ? /*#__PURE__*/_react.default.createElement(_react2.Global, {
-    styles: `
+const LegacyOverrides = ({
+  useLegacyOverrides
+}) => useLegacyOverrides ? /*#__PURE__*/_react.default.createElement(_react2.Global, {
+  styles: `
         h1,
         h2,
         h3,
@@ -113,6 +111,5 @@ const LegacyOverrides = _ref => {
         }
 
         `
-  }) : null;
-};
+}) : null;
 exports.LegacyOverrides = LegacyOverrides;

package/dist/theme/index.js

@@ -21,10 +21,7 @@ const extendedTheme = {
   styles: {
     global: _global.default
   },
-  remToPixels: function (rem) {
-    let baseSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
-    return !rem ? 0 : `${baseSize * Number(rem.replace('rem', ''))}`;
-  }
+  remToPixels: (rem, baseSize = 16) => !rem ? 0 : `${baseSize * Number(rem.replace('rem', ''))}`
 };
 
 // use this to override base themes from Chakra

package/dist/utils/Spaces.js

@@ -6,14 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-const Spaces = _ref => {
-  let {
-    spaces = 3
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("span", {
-    dangerouslySetInnerHTML: {
-      __html: Array(spaces).fill(' ').join('')
-    }
-  });
-};
+const Spaces = ({
+  spaces = 3
+}) => /*#__PURE__*/_react.default.createElement("span", {
+  dangerouslySetInnerHTML: {
+    __html: Array(spaces).fill(' ').join('')
+  }
+});
 var _default = exports.default = Spaces;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "21.6.4-beta.0",
+  "version": "22.0.0-beta.1",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/components/index.js",
   "exports": "./dist/components/index.js",
@@ -95,13 +95,13 @@
     "css-loader": "5.1.3",
     "sass-loader": "10.2.1",
     "@spothero/browserslist-config": "4.0.0",
-    "@spothero/babel-preset-spothero": "5.1.0",
-    "@spothero/eslint-config": "6.1.0",
-    "@spothero/icons": "8.1.0",
     "@spothero/core": "7.0.0",
+    "@spothero/eslint-config": "6.1.0",
     "@spothero/npm-publisher": "7.0.0",
-    "@spothero/stylelint-config": "6.0.0",
-    "@spothero/prettier-config": "4.0.0"
+    "@spothero/icons": "9.0.0-beta.1",
+    "@spothero/babel-preset-spothero": "5.1.0",
+    "@spothero/prettier-config": "4.0.0",
+    "@spothero/stylelint-config": "6.0.0"
   },
   "dependencies": {
     "@chakra-ui/react": "1.8.8",
@@ -117,7 +117,7 @@
     "regenerator-runtime": "0.13.7",
     "ssr-window": "1.0.1",
     "transitionEnd": "1.0.2",
-    "@spothero/utils": "14.1.2"
+    "@spothero/utils": "15.0.0-beta.1"
   },
   "peerDependencies": {
     "classnames": "^2.2.6",

package/dist/components/Menu/Menu.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@chakra-ui/react");
-const Menu = (0, _react2.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react2.Menu, (0, _extends2.default)({}, props, {
-    ref: ref
-  }));
-});
-var _default = exports.default = Menu;

package/dist/components/Menu/Menu.stories.js

@@ -1,159 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Complex = exports.Basic = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Menu = _interopRequireDefault(require("./Menu"));
-var _index = require("./index");
-var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-var _react2 = require("@chakra-ui/react");
-var _default = exports.default = {
-  title: 'v2/Menu',
-  component: {
-    Menu: _Menu.default
-  },
-  parameters: {
-    importedBy: 'Menu',
-    removeBaseHtmlClass: true,
-    chakraLink: 'https://v1.chakra-ui.com/docs/components/overlay/menu'
-  },
-  argTypes: {
-    variant: {
-      control: {
-        type: 'select',
-        options: ['basic', 'full']
-      }
-    }
-  }
-};
-const BasicMenuTemplate = props => {
-  return /*#__PURE__*/_react.default.createElement(_Menu.default, props, /*#__PURE__*/_react.default.createElement(_index.MenuButton, null, "MenuItem"), /*#__PURE__*/_react.default.createElement(_index.MenuList, null, /*#__PURE__*/_react.default.createElement(_index.MenuOptionGroup, {
-    title: "Order",
-    type: "radio"
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
-    value: "asc"
-  }, "Ascending"), /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
-    value: "desc"
-  }, "Descending")), /*#__PURE__*/_react.default.createElement(_index.MenuDivider, null), /*#__PURE__*/_react.default.createElement(_index.MenuOptionGroup, {
-    title: "Country",
-    type: "checkbox"
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
-    value: "email"
-  }, "Email"), /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
-    value: "phone"
-  }, "Phone"), /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
-    value: "country"
-  }, "Country")), /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
-    title: "Profile"
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, "My Account"), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, "Payments "))));
-};
-const ComplexMenuTemplate = props => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    variant: "body2",
-    marginBottom: 8
-  }, "NOTE: This is a fairly contrived example. Chakra's", ' ', /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    as: "code"
-  }, '<Menu />'), " (and child components) allow for the building of a complex menu using other components like", ' ', /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    as: "code"
-  }, '<Flex />'), ",", ' ', /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    as: "code"
-  }, '<Box />'), ",", ' ', /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    as: "code"
-  }, '<Text />'), ", etc. The example below is leveraging the ", /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    as: "code"
-  }, 'full'), " variant to allow for a more complex layout."), /*#__PURE__*/_react.default.createElement(_Menu.default, (0, _extends2.default)({}, props, {
-    placement: "bottom"
-  }), /*#__PURE__*/_react.default.createElement(_index.MenuButton, null, "Menu Button"), /*#__PURE__*/_react.default.createElement(_index.MenuList, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.Flex, {
-    gap: 4
-  }, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm",
-    fontWeight: "semibold"
-  }, "102 S Ada St. Chicago, IL"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "102 S Ada St. - Self Park Garage")), /*#__PURE__*/_react.default.createElement(_react2.Divider, {
-    marginY: 4
-  })), /*#__PURE__*/_react.default.createElement(_react2.Flex, {
-    alignItems: "flex-start",
-    gap: 2.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
-    title: "Facility Management",
-    paddingX: 3.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Location Information"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Manage the details provided to drivers about a facility")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Changelog"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Track changes made to your facilities")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Email Recipients"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "View recipients of recurring operational emails"))), /*#__PURE__*/_react.default.createElement(_react2.Box, {
-    height: 80
-  }, /*#__PURE__*/_react.default.createElement(_react2.Divider, {
-    orientation: "vertical"
-  })), /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
-    title: "Events",
-    paddingX: 3.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Event Schedule"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Manage upcoming event rates and track sales")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Event Pricing Defaults"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Set rate and inventory rules for various types of events"))), /*#__PURE__*/_react.default.createElement(_react2.Box, {
-    height: 80
-  }, /*#__PURE__*/_react.default.createElement(_react2.Divider, {
-    orientation: "vertical"
-  })), /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
-    title: "Monthly",
-    paddingX: 3.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Monthly Rates"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Manage upcoming event rates and track sales")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Monthly Inventory"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Manage total monthly inventory and track utilization"))), /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
-    title: "Airport",
-    paddingX: 3.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Airport Rates"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Manage airport rates")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Airport Inventory"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Manage total airport inventory and exceptions"))))))));
-};
-const Basic = exports.Basic = BasicMenuTemplate.bind({});
-Basic.args = {
-  variant: 'basic'
-};
-const Complex = exports.Complex = ComplexMenuTemplate.bind({});
-Complex.argTypes = {
-  ...(0, _disableArgs.default)(['variant'])
-};
-Complex.args = {
-  variant: 'full'
-};

package/dist/components/Menu/Menu.styles.js

@@ -1,173 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _merge = _interopRequireDefault(require("lodash/merge"));
-var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-const baseStyle = {
-  button: {
-    px: 8,
-    py: 3,
-    fontSize: 'base',
-    fontFamily: 'body',
-    lineHeight: 0.875,
-    fontWeight: 'semibold',
-    borderWidth: '1px',
-    borderStyle: 'solid',
-    borderRadius: 'base',
-    textTransform: 'capitalize',
-    transition: 'all normal ease',
-    _hover: {
-      bg: 'gray.50',
-      borderColor: 'gray.200'
-    },
-    _disabled: {
-      cursor: 'not-allowed',
-      opacity: 1,
-      bg: 'gray.200',
-      borderColor: 'gray.200',
-      color: 'gray.600'
-    },
-    _focus: {
-      zIndex: 1,
-      boxShadow: 'outline'
-    }
-  },
-  list: {
-    bg: 'white',
-    boxShadow: 'base',
-    padding: 6,
-    zIndex: 'layer1',
-    width: 64
-  },
-  item: {
-    paddingX: 2,
-    paddingY: 1.5,
-    _focus: {
-      zIndex: 1,
-      boxShadow: 'outline'
-    }
-  },
-  groupTitle: {
-    fontWeight: 'semibold',
-    color: 'gray.600',
-    padding: 2
-  },
-  command: {
-    // this will style the text defined by the command
-    // prop in the MenuItem and MenuItemOption components
-    opacity: '0.8',
-    fontFamily: 'mono',
-    fontSize: 'sm',
-    letterSpacing: 'tighter',
-    paddingL: 4
-  },
-  divider: {
-    marginY: 2,
-    borderColor: 'gray.200'
-  }
-};
-const variants = {
-  basic: {
-    button: {
-      bg: 'primary.default',
-      borderColor: 'primary.default',
-      color: 'white',
-      _hover: {
-        bg: 'primary.600',
-        borderColor: 'primary.600',
-        color: 'white',
-        _disabled: {
-          bg: 'gray.200',
-          borderColor: 'gray.200',
-          color: 'gray.600'
-        }
-      }
-    },
-    list: {
-      bg: 'white',
-      boxShadow: 'base',
-      zIndex: 'layer1',
-      borderColor: 'gray.100',
-      borderWidth: '1px',
-      borderStyle: 'solid',
-      borderRadius: 'base',
-      padding: 4,
-      width: 64
-    },
-    groupTitle: {
-      fontWeight: 'semibold',
-      fontSize: 'md',
-      color: 'gray.600',
-      padding: 2
-    },
-    item: {
-      fontWeight: 'semibold',
-      _hover: {
-        color: 'gray.600'
-      }
-    }
-  },
-  full: {
-    button: {
-      height: 8,
-      fontSize: 'sm',
-      fontWeight: 'semibold',
-      color: 'black',
-      borderColor: 'white',
-      backgroundColor: 'white',
-      borderRadius: 'base',
-      paddingX: 3,
-      paddingY: 'auto',
-      _hover: {
-        color: 'black',
-        backgroundColor: 'gray.50',
-        borderColor: 'gray.50'
-      },
-      _active: {
-        color: 'primary.default',
-        backgroundColor: 'gray.50',
-        borderColor: 'gray.50',
-        _hover: {
-          color: 'primary.600',
-          backgroundColor: 'gray.50',
-          borderColor: 'gray.50'
-        }
-      }
-    },
-    list: {
-      height: '30rem',
-      width: '100vw',
-      padding: 8,
-      backgroundColor: 'white'
-    },
-    groupTitle: {
-      fontSize: 'sm',
-      weight: 'normal',
-      color: 'gray.600'
-    },
-    item: {
-      display: 'block',
-      paddingX: 3.5,
-      paddingY: 2.5,
-      marginBottom: 2,
-      _last: {
-        marginBottom: 0
-      },
-      _hover: {
-        backgroundColor: 'gray.50'
-      },
-      _focus: {
-        boxShadow: 'none',
-        backgroundColor: 'gray.50'
-      }
-    }
-  }
-};
-var _default = exports.default = (0, _merge.default)(_theme.default.components.Menu, {
-  baseStyle,
-  variants
-});

package/dist/components/Menu/index.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MenuButton", {
-  enumerable: true,
-  get: function () {
-    return _react.MenuButton;
-  }
-});
-Object.defineProperty(exports, "MenuDivider", {
-  enumerable: true,
-  get: function () {
-    return _react.MenuDivider;
-  }
-});
-Object.defineProperty(exports, "MenuGroup", {
-  enumerable: true,
-  get: function () {
-    return _react.MenuGroup;
-  }
-});
-Object.defineProperty(exports, "MenuItem", {
-  enumerable: true,
-  get: function () {
-    return _react.MenuItem;
-  }
-});
-Object.defineProperty(exports, "MenuItemOption", {
-  enumerable: true,
-  get: function () {
-    return _react.MenuItemOption;
-  }
-});
-Object.defineProperty(exports, "MenuList", {
-  enumerable: true,
-  get: function () {
-    return _react.MenuList;
-  }
-});
-Object.defineProperty(exports, "MenuOptionGroup", {
-  enumerable: true,
-  get: function () {
-    return _react.MenuOptionGroup;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Menu.default;
-  }
-});
-var _Menu = _interopRequireDefault(require("./Menu"));
-var _react = require("@chakra-ui/react");

package/dist/components/Textarea/Textarea.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = require("@chakra-ui/react");
-var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Textarea = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    label,
-    helperText,
-    errorMessage,
-    isInvalid,
-    isDisabled,
-    isRequired,
-    isOptional,
-    customRequiredText,
-    ...props
-  } = _ref;
-  const classes = (0, _classnames.default)({
-    'FormElement-contains-error': isInvalid
-  });
-  return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
-    isInvalid: isInvalid,
-    isDisabled: isDisabled,
-    isRequired: isRequired,
-    isOptional: isOptional,
-    errorMessage: errorMessage,
-    helperText: helperText,
-    label: label,
-    inputId: props.id,
-    customRequiredText: customRequiredText
-  }, /*#__PURE__*/_react.default.createElement(_react2.Textarea, (0, _extends2.default)({
-    ref: ref,
-    className: classes
-  }, props)));
-});
-var _default = exports.default = Textarea;

package/dist/components/Textarea/Textarea.stories.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Textarea = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Textarea = _interopRequireDefault(require("./Textarea.stories"));
-var _react2 = require("@chakra-ui/react");
-var _default = exports.default = {
-  title: 'v2/Textarea',
-  component: _Textarea.default,
-  parameters: {
-    importBy: 'Textarea',
-    removeBaseHtmlClass: true,
-    chakraLink: 'https://chakra-ui.com/docs/components/textarea'
-  }
-};
-const TextareaTemplate = props => /*#__PURE__*/_react.default.createElement(_Textarea.default, (0, _extends2.default)({
-  variant: "outline",
-  maxWidth: "200px"
-}, props));
-const Textarea = exports.Textarea = TextareaTemplate.bind({});
-Textarea.argTypes = {
-  placeholder: {
-    control: {
-      type: 'text'
-    }
-  },
-  label: {
-    control: {
-      type: 'text'
-    }
-  },
-  helperText: {
-    control: {
-      type: 'text'
-    }
-  },
-  errorMessage: {
-    control: {
-      type: 'text'
-    }
-  }
-};
-Textarea.args = {
-  id: 'textarea_id',
-  placeholder: 'Placeholder text',
-  label: 'Label',
-  helperText: 'Helper text',
-  errorMessage: 'Error message',
-  isInvalid: false,
-  isDisabled: false,
-  isReadOnly: false,
-  isRequired: false,
-  isOptional: false
-};

package/dist/components/Textarea/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Textarea.default;
-  }
-});
-var _Textarea = _interopRequireDefault(require("./Textarea"));