baseui 0.0.0-next-ab3501a → 0.0.0-next-cc22b61

package/accordion/panel.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
+var _chevronDownSmall = _interopRequireDefault(require("../icon/chevron-down-small"));
+
 var _locale = require("../locale");
 
 var _overrides = require("../helpers/overrides");
@@ -17,6 +19,8 @@ var _styledComponents = require("./styled-components");
 
 var _focusVisible = require("../utils/focusVisible");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -219,16 +223,8 @@ ref) {
     }), title, /*#__PURE__*/React.createElement(ToggleIcon, _extends({
       viewBox: "0 0 24 24",
       title: localState.expanded ? locale.accordion.collapse : locale.accordion.expand,
-      size: 16
-    }, toggleIconProps, sharedProps), /*#__PURE__*/React.createElement(ToggleIconGroup, _extends({}, sharedProps, toggleIconGroupProps), /*#__PURE__*/React.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M6 12C6 11.4477 6.44772 11 7 11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H7C6.44772 13 6 12.5523 6 12Z"
-    })), /*#__PURE__*/React.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M6 12C6 11.4477 6.44772 11 7 11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H7C6.44772 13 6 12.5523 6 12Z"
-    }))), /*#__PURE__*/React.createElement(ContentAnimationContainer, _extends({}, sharedProps, contentAnimationProps, {
+      $size: 24
+    }, toggleIconProps, sharedProps), /*#__PURE__*/React.createElement(ToggleIconGroup, _extends({}, sharedProps, toggleIconGroupProps), /*#__PURE__*/React.createElement(_chevronDownSmall.default, null)))), /*#__PURE__*/React.createElement(ContentAnimationContainer, _extends({}, sharedProps, contentAnimationProps, {
       $height: contentHeight,
       onTransitionEnd: function onTransitionEnd() {
         if (localState.animationInProgress) {

package/accordion/styled-components.js

@@ -92,7 +92,7 @@ var ToggleIconGroup = (0, _styles.styled)('g', function (props) {
   var $theme = props.$theme,
       $expanded = props.$expanded;
   return {
-    transform: $expanded ? 'rotate(0)' : 'rotate(-90deg)',
+    transform: $expanded ? 'rotate(-180deg)' : 'rotate(0)',
     transformOrigin: 'center',
     transitionProperty: 'transform',
     transitionDuration: $theme.animation.timing500,

package/es/accordion/panel.js

@@ -7,6 +7,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
+import ChevronDownSmall from '../icon/chevron-down-small';
 import { LocaleContext } from '../locale';
 import { getOverrides } from '../helpers/overrides';
 import { PanelContainer as StyledPanelContainer, Header as StyledHeader, Content as StyledContent, ToggleIcon as StyledToggleIcon, ToggleIconGroup as StyledToggleIconGroup, ContentAnimationContainer as StyledContentAnimationContainer } from './styled-components';
@@ -154,16 +155,8 @@ ref) => {
   }), title, /*#__PURE__*/React.createElement(ToggleIcon, _extends({
     viewBox: "0 0 24 24",
     title: localState.expanded ? locale.accordion.collapse : locale.accordion.expand,
-    size: 16
-  }, toggleIconProps, sharedProps), /*#__PURE__*/React.createElement(ToggleIconGroup, _extends({}, sharedProps, toggleIconGroupProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6 12C6 11.4477 6.44772 11 7 11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H7C6.44772 13 6 12.5523 6 12Z"
-  })), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6 12C6 11.4477 6.44772 11 7 11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H7C6.44772 13 6 12.5523 6 12Z"
-  }))), /*#__PURE__*/React.createElement(ContentAnimationContainer, _extends({}, sharedProps, contentAnimationProps, {
+    $size: 24
+  }, toggleIconProps, sharedProps), /*#__PURE__*/React.createElement(ToggleIconGroup, _extends({}, sharedProps, toggleIconGroupProps), /*#__PURE__*/React.createElement(ChevronDownSmall, null)))), /*#__PURE__*/React.createElement(ContentAnimationContainer, _extends({}, sharedProps, contentAnimationProps, {
     $height: contentHeight,
     onTransitionEnd: () => {
       if (localState.animationInProgress) {

package/es/accordion/styled-components.js

@@ -91,7 +91,7 @@ export const ToggleIconGroup = styled('g', props => {
     $expanded
   } = props;
   return {
-    transform: $expanded ? 'rotate(0)' : 'rotate(-90deg)',
+    transform: $expanded ? 'rotate(-180deg)' : 'rotate(0)',
     transformOrigin: 'center',
     transitionProperty: 'transform',
     transitionDuration: $theme.animation.timing500,

package/es/icon/chevron-down-small.js

@@ -0,0 +1,50 @@
+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); }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+// BASEUI-GENERATED-REACT-ICON
+// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
+import * as React from 'react';
+import { useStyletron } from '../styles';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides';
+import Icon from './icon';
+
+function ChevronDownSmall(props, ref) {
+  const [, theme] = useStyletron();
+  const {
+    title = 'Down Small',
+    size,
+    color,
+    overrides = {},
+    ...restProps
+  } = props;
+  const SvgOverride = mergeOverride( // Icons from the theme target the SVG override in the underlying Icon component
+  {
+    component: theme.icons && theme.icons.ChevronDownSmall ? theme.icons.ChevronDownSmall : null
+  }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    viewBox: "0 0 24 24",
+    ref: ref,
+    title: title,
+    size: size,
+    color: color,
+    overrides: {
+      Svg: SvgOverride
+    }
+  }, restProps), /*#__PURE__*/React.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.9394 15.5607C11.5252 16.1464 12.4749 16.1464 13.0607 15.5607L17.0607 11.5607C17.6465 10.9749 17.6465 10.0251 17.0607 9.43934C16.4749 8.85355 15.5252 8.85355 14.9394 9.43934L12 12.3787L9.06069 9.43934C8.4749 8.85355 7.52515 8.85355 6.93937 9.43934C6.35358 10.0251 6.35358 10.9749 6.93937 11.5607L10.9394 15.5607Z",
+    fill: "black"
+  }));
+}
+
+export default /*#__PURE__*/React.forwardRef(ChevronDownSmall);

package/es/icon/chevron-left-small.js

@@ -0,0 +1,50 @@
+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); }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+// BASEUI-GENERATED-REACT-ICON
+// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
+import * as React from 'react';
+import { useStyletron } from '../styles';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides';
+import Icon from './icon';
+
+function ChevronLeftSmall(props, ref) {
+  const [, theme] = useStyletron();
+  const {
+    title = 'Left Small',
+    size,
+    color,
+    overrides = {},
+    ...restProps
+  } = props;
+  const SvgOverride = mergeOverride( // Icons from the theme target the SVG override in the underlying Icon component
+  {
+    component: theme.icons && theme.icons.ChevronLeftSmall ? theme.icons.ChevronLeftSmall : null
+  }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    viewBox: "0 0 24 24",
+    ref: ref,
+    title: title,
+    size: size,
+    color: color,
+    overrides: {
+      Svg: SvgOverride
+    }
+  }, restProps), /*#__PURE__*/React.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.93937 10.9394C8.35358 11.5251 8.35358 12.4749 8.93937 13.0607L12.9394 17.0607C13.5252 17.6465 14.4749 17.6465 15.0607 17.0607C15.6465 16.4749 15.6465 15.5251 15.0607 14.9393L12.1213 12L15.0607 9.06066C15.6465 8.47487 15.6465 7.52512 15.0607 6.93934C14.4749 6.35355 13.5252 6.35355 12.9394 6.93934L8.93937 10.9394Z",
+    fill: "black"
+  }));
+}
+
+export default /*#__PURE__*/React.forwardRef(ChevronLeftSmall);

package/es/icon/chevron-right-small.js

@@ -0,0 +1,50 @@
+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); }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+// BASEUI-GENERATED-REACT-ICON
+// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
+import * as React from 'react';
+import { useStyletron } from '../styles';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides';
+import Icon from './icon';
+
+function ChevronRightSmall(props, ref) {
+  const [, theme] = useStyletron();
+  const {
+    title = 'Right Small',
+    size,
+    color,
+    overrides = {},
+    ...restProps
+  } = props;
+  const SvgOverride = mergeOverride( // Icons from the theme target the SVG override in the underlying Icon component
+  {
+    component: theme.icons && theme.icons.ChevronRightSmall ? theme.icons.ChevronRightSmall : null
+  }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    viewBox: "0 0 24 24",
+    ref: ref,
+    title: title,
+    size: size,
+    color: color,
+    overrides: {
+      Svg: SvgOverride
+    }
+  }, restProps), /*#__PURE__*/React.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15.0607 13.0606C15.6465 12.4749 15.6465 11.5251 15.0607 10.9393L11.0607 6.93933C10.4749 6.35355 9.52516 6.35355 8.93937 6.93934C8.35358 7.52512 8.35358 8.47487 8.93937 9.06065L11.8787 12L8.93937 14.9393C8.35358 15.5251 8.35358 16.4749 8.93937 17.0607C9.52516 17.6464 10.4749 17.6464 11.0607 17.0607L15.0607 13.0606Z",
+    fill: "black"
+  }));
+}
+
+export default /*#__PURE__*/React.forwardRef(ChevronRightSmall);

package/es/icon/chevron-up-small.js

@@ -0,0 +1,50 @@
+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); }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+// BASEUI-GENERATED-REACT-ICON
+// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
+import * as React from 'react';
+import { useStyletron } from '../styles';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides';
+import Icon from './icon';
+
+function ChevronUpSmall(props, ref) {
+  const [, theme] = useStyletron();
+  const {
+    title = 'Up Small',
+    size,
+    color,
+    overrides = {},
+    ...restProps
+  } = props;
+  const SvgOverride = mergeOverride( // Icons from the theme target the SVG override in the underlying Icon component
+  {
+    component: theme.icons && theme.icons.ChevronUpSmall ? theme.icons.ChevronUpSmall : null
+  }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    viewBox: "0 0 24 24",
+    ref: ref,
+    title: title,
+    size: size,
+    color: color,
+    overrides: {
+      Svg: SvgOverride
+    }
+  }, restProps), /*#__PURE__*/React.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.0607 8.93934C12.4749 8.35355 11.5251 8.35355 10.9394 8.93934L6.93936 12.9393C6.35358 13.5251 6.35358 14.4749 6.93936 15.0607C7.52515 15.6464 8.4749 15.6464 9.06068 15.0607L12 12.1213L14.9394 15.0607C15.5252 15.6464 16.4749 15.6464 17.0607 15.0607C17.6465 14.4749 17.6465 13.5251 17.0607 12.9393L13.0607 8.93934Z",
+    fill: "black"
+  }));
+}
+
+export default /*#__PURE__*/React.forwardRef(ChevronUpSmall);

package/es/select/select-component.js

@@ -285,7 +285,7 @@ class Select extends React.Component {
       switch (event.keyCode) {
         case 8:
           // backspace
-          if (!this.state.inputValue && this.props.backspaceRemoves) {
+          if (!this.state.inputValue && this.props.clearable && this.props.backspaceRemoves) {
             event.preventDefault();
             this.backspaceValue();
           }

package/esm/accordion/panel.js

@@ -25,6 +25,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
+import ChevronDownSmall from '../icon/chevron-down-small';
 import { LocaleContext } from '../locale';
 import { getOverrides } from '../helpers/overrides';
 import { PanelContainer as StyledPanelContainer, Header as StyledHeader, Content as StyledContent, ToggleIcon as StyledToggleIcon, ToggleIconGroup as StyledToggleIconGroup, ContentAnimationContainer as StyledContentAnimationContainer } from './styled-components';
@@ -208,16 +209,8 @@ ref) {
     }), title, /*#__PURE__*/React.createElement(ToggleIcon, _extends({
       viewBox: "0 0 24 24",
       title: localState.expanded ? locale.accordion.collapse : locale.accordion.expand,
-      size: 16
-    }, toggleIconProps, sharedProps), /*#__PURE__*/React.createElement(ToggleIconGroup, _extends({}, sharedProps, toggleIconGroupProps), /*#__PURE__*/React.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M6 12C6 11.4477 6.44772 11 7 11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H7C6.44772 13 6 12.5523 6 12Z"
-    })), /*#__PURE__*/React.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M6 12C6 11.4477 6.44772 11 7 11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H7C6.44772 13 6 12.5523 6 12Z"
-    }))), /*#__PURE__*/React.createElement(ContentAnimationContainer, _extends({}, sharedProps, contentAnimationProps, {
+      $size: 24
+    }, toggleIconProps, sharedProps), /*#__PURE__*/React.createElement(ToggleIconGroup, _extends({}, sharedProps, toggleIconGroupProps), /*#__PURE__*/React.createElement(ChevronDownSmall, null)))), /*#__PURE__*/React.createElement(ContentAnimationContainer, _extends({}, sharedProps, contentAnimationProps, {
       $height: contentHeight,
       onTransitionEnd: function onTransitionEnd() {
         if (localState.animationInProgress) {

package/esm/accordion/styled-components.js

@@ -86,7 +86,7 @@ export var ToggleIconGroup = styled('g', function (props) {
   var $theme = props.$theme,
       $expanded = props.$expanded;
   return {
-    transform: $expanded ? 'rotate(0)' : 'rotate(-90deg)',
+    transform: $expanded ? 'rotate(-180deg)' : 'rotate(0)',
     transformOrigin: 'center',
     transitionProperty: 'transform',
     transitionDuration: $theme.animation.timing500,

package/esm/icon/chevron-down-small.js

@@ -0,0 +1,72 @@
+var _excluded = ["title", "size", "color", "overrides"];
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+// BASEUI-GENERATED-REACT-ICON
+// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
+import * as React from 'react';
+import { useStyletron } from '../styles';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides';
+import Icon from './icon';
+
+function ChevronDownSmall(props, ref) {
+  var _useStyletron = useStyletron(),
+      _useStyletron2 = _slicedToArray(_useStyletron, 2),
+      theme = _useStyletron2[1];
+
+  var _props$title = props.title,
+      title = _props$title === void 0 ? 'Down Small' : _props$title,
+      size = props.size,
+      color = props.color,
+      _props$overrides = props.overrides,
+      overrides = _props$overrides === void 0 ? {} : _props$overrides,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var SvgOverride = mergeOverride( // Icons from the theme target the SVG override in the underlying Icon component
+  {
+    component: theme.icons && theme.icons.ChevronDownSmall ? theme.icons.ChevronDownSmall : null
+  }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    viewBox: "0 0 24 24",
+    ref: ref,
+    title: title,
+    size: size,
+    color: color,
+    overrides: {
+      Svg: SvgOverride
+    }
+  }, restProps), /*#__PURE__*/React.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.9394 15.5607C11.5252 16.1464 12.4749 16.1464 13.0607 15.5607L17.0607 11.5607C17.6465 10.9749 17.6465 10.0251 17.0607 9.43934C16.4749 8.85355 15.5252 8.85355 14.9394 9.43934L12 12.3787L9.06069 9.43934C8.4749 8.85355 7.52515 8.85355 6.93937 9.43934C6.35358 10.0251 6.35358 10.9749 6.93937 11.5607L10.9394 15.5607Z",
+    fill: "black"
+  }));
+}
+
+export default /*#__PURE__*/React.forwardRef(ChevronDownSmall);

package/esm/icon/chevron-left-small.js

@@ -0,0 +1,72 @@
+var _excluded = ["title", "size", "color", "overrides"];
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+// BASEUI-GENERATED-REACT-ICON
+// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
+import * as React from 'react';
+import { useStyletron } from '../styles';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides';
+import Icon from './icon';
+
+function ChevronLeftSmall(props, ref) {
+  var _useStyletron = useStyletron(),
+      _useStyletron2 = _slicedToArray(_useStyletron, 2),
+      theme = _useStyletron2[1];
+
+  var _props$title = props.title,
+      title = _props$title === void 0 ? 'Left Small' : _props$title,
+      size = props.size,
+      color = props.color,
+      _props$overrides = props.overrides,
+      overrides = _props$overrides === void 0 ? {} : _props$overrides,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var SvgOverride = mergeOverride( // Icons from the theme target the SVG override in the underlying Icon component
+  {
+    component: theme.icons && theme.icons.ChevronLeftSmall ? theme.icons.ChevronLeftSmall : null
+  }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    viewBox: "0 0 24 24",
+    ref: ref,
+    title: title,
+    size: size,
+    color: color,
+    overrides: {
+      Svg: SvgOverride
+    }
+  }, restProps), /*#__PURE__*/React.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.93937 10.9394C8.35358 11.5251 8.35358 12.4749 8.93937 13.0607L12.9394 17.0607C13.5252 17.6465 14.4749 17.6465 15.0607 17.0607C15.6465 16.4749 15.6465 15.5251 15.0607 14.9393L12.1213 12L15.0607 9.06066C15.6465 8.47487 15.6465 7.52512 15.0607 6.93934C14.4749 6.35355 13.5252 6.35355 12.9394 6.93934L8.93937 10.9394Z",
+    fill: "black"
+  }));
+}
+
+export default /*#__PURE__*/React.forwardRef(ChevronLeftSmall);

package/esm/icon/chevron-right-small.js

@@ -0,0 +1,72 @@
+var _excluded = ["title", "size", "color", "overrides"];
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+// BASEUI-GENERATED-REACT-ICON
+// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
+import * as React from 'react';
+import { useStyletron } from '../styles';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides';
+import Icon from './icon';
+
+function ChevronRightSmall(props, ref) {
+  var _useStyletron = useStyletron(),
+      _useStyletron2 = _slicedToArray(_useStyletron, 2),
+      theme = _useStyletron2[1];
+
+  var _props$title = props.title,
+      title = _props$title === void 0 ? 'Right Small' : _props$title,
+      size = props.size,
+      color = props.color,
+      _props$overrides = props.overrides,
+      overrides = _props$overrides === void 0 ? {} : _props$overrides,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var SvgOverride = mergeOverride( // Icons from the theme target the SVG override in the underlying Icon component
+  {
+    component: theme.icons && theme.icons.ChevronRightSmall ? theme.icons.ChevronRightSmall : null
+  }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    viewBox: "0 0 24 24",
+    ref: ref,
+    title: title,
+    size: size,
+    color: color,
+    overrides: {
+      Svg: SvgOverride
+    }
+  }, restProps), /*#__PURE__*/React.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15.0607 13.0606C15.6465 12.4749 15.6465 11.5251 15.0607 10.9393L11.0607 6.93933C10.4749 6.35355 9.52516 6.35355 8.93937 6.93934C8.35358 7.52512 8.35358 8.47487 8.93937 9.06065L11.8787 12L8.93937 14.9393C8.35358 15.5251 8.35358 16.4749 8.93937 17.0607C9.52516 17.6464 10.4749 17.6464 11.0607 17.0607L15.0607 13.0606Z",
+    fill: "black"
+  }));
+}
+
+export default /*#__PURE__*/React.forwardRef(ChevronRightSmall);

package/esm/icon/chevron-up-small.js

@@ -0,0 +1,72 @@
+var _excluded = ["title", "size", "color", "overrides"];
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+// BASEUI-GENERATED-REACT-ICON
+// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
+import * as React from 'react';
+import { useStyletron } from '../styles';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides';
+import Icon from './icon';
+
+function ChevronUpSmall(props, ref) {
+  var _useStyletron = useStyletron(),
+      _useStyletron2 = _slicedToArray(_useStyletron, 2),
+      theme = _useStyletron2[1];
+
+  var _props$title = props.title,
+      title = _props$title === void 0 ? 'Up Small' : _props$title,
+      size = props.size,
+      color = props.color,
+      _props$overrides = props.overrides,
+      overrides = _props$overrides === void 0 ? {} : _props$overrides,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var SvgOverride = mergeOverride( // Icons from the theme target the SVG override in the underlying Icon component
+  {
+    component: theme.icons && theme.icons.ChevronUpSmall ? theme.icons.ChevronUpSmall : null
+  }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    viewBox: "0 0 24 24",
+    ref: ref,
+    title: title,
+    size: size,
+    color: color,
+    overrides: {
+      Svg: SvgOverride
+    }
+  }, restProps), /*#__PURE__*/React.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.0607 8.93934C12.4749 8.35355 11.5251 8.35355 10.9394 8.93934L6.93936 12.9393C6.35358 13.5251 6.35358 14.4749 6.93936 15.0607C7.52515 15.6464 8.4749 15.6464 9.06068 15.0607L12 12.1213L14.9394 15.0607C15.5252 15.6464 16.4749 15.6464 17.0607 15.0607C17.6465 14.4749 17.6465 13.5251 17.0607 12.9393L13.0607 8.93934Z",
+    fill: "black"
+  }));
+}
+
+export default /*#__PURE__*/React.forwardRef(ChevronUpSmall);

package/esm/select/select-component.js

@@ -361,7 +361,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
       switch (event.keyCode) {
         case 8:
           // backspace
-          if (!_this.state.inputValue && _this.props.backspaceRemoves) {
+          if (!_this.state.inputValue && _this.props.clearable && _this.props.backspaceRemoves) {
             event.preventDefault();
 
             _this.backspaceValue();