@atlaskit/select 16.1.0 → 16.1.2

package/dist/esm/components/input-options.js

@@ -9,18 +9,13 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["isActive", "isDisabled", "isFocused", "isSelected"],
-    _excluded2 = ["isActive", "isDisabled", "isSelected"],
-    _excluded3 = ["isActive", "isDisabled", "isFocused", "isSelected"],
-    _excluded4 = ["getStyles", "Icon", "children", "innerProps", "innerRef"];
-
+  _excluded2 = ["isActive", "isDisabled", "isSelected"],
+  _excluded3 = ["isActive", "isDisabled", "isFocused", "isSelected"],
+  _excluded4 = ["getStyles", "Icon", "children", "innerProps", "innerRef"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { Component } from 'react';
@@ -29,14 +24,13 @@ import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
 import { themed } from '@atlaskit/theme/components';
 import { gridSize } from '@atlaskit/theme/constants';
 import { B100, B200, B300, B400, B75, DN200, DN10, DN30, N20A, N0, N100, N20, N30, N70 } from '@atlaskit/theme/colors';
-
 var getPrimitiveStyles = function getPrimitiveStyles(props) {
   var cx = props.cx,
-      className = props.className,
-      getStyles = props.getStyles,
-      isDisabled = props.isDisabled,
-      isFocused = props.isFocused,
-      isSelected = props.isSelected;
+    className = props.className,
+    getStyles = props.getStyles,
+    isDisabled = props.isDisabled,
+    isFocused = props.isFocused,
+    isSelected = props.isSelected;
   var styles = {
     alignItems: 'center',
     backgroundColor: isFocused ? "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")") : 'transparent',
@@ -53,20 +47,19 @@ var getPrimitiveStyles = function getPrimitiveStyles(props) {
       borderLeft: isFocused ? '2px solid transparent' : ''
     }
   };
-
   var augmentedStyles = _objectSpread(_objectSpread({}, getStyles('option', props)), styles);
-
   var bemClasses = {
     option: true,
     'option--is-disabled': isDisabled,
     'option--is-focused': isFocused,
     'option--is-selected': isSelected
-  }; // maintain react-select API
+  };
 
+  // maintain react-select API
   return [augmentedStyles, cx(bemClasses, className)];
-}; // maintains function shape
-
+};
 
+// maintains function shape
 var backgroundColor = themed({
   light: "var(--ds-background-neutral, ".concat(N0, ")"),
   dark: "var(--ds-background-neutral, ".concat(DN10, ")")
@@ -74,18 +67,18 @@ var backgroundColor = themed({
 var transparent = themed({
   light: 'transparent',
   dark: 'transparent'
-}); // state of the parent option
+});
+
+// state of the parent option
 
 // the primary color represents the outer or background element
 var getPrimaryColor = function getPrimaryColor(_ref) {
   var isActive = _ref.isActive,
-      isDisabled = _ref.isDisabled,
-      isFocused = _ref.isFocused,
-      isSelected = _ref.isSelected,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    isDisabled = _ref.isDisabled,
+    isFocused = _ref.isFocused,
+    isSelected = _ref.isSelected,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var color = backgroundColor;
-
   if (isDisabled && isSelected) {
     color = themed({
       light: "var(--ds-background-disabled, ".concat(B75, ")"),
@@ -122,22 +115,19 @@ var getPrimaryColor = function getPrimaryColor(_ref) {
       dark: "var(--ds-background-selected-bold, ".concat(B100, ")")
     });
   }
-
   return color(rest);
-}; // the secondary color represents the radio dot or checkmark
-
+};
 
+// the secondary color represents the radio dot or checkmark
 var getSecondaryColor = function getSecondaryColor(_ref2) {
   var isActive = _ref2.isActive,
-      isDisabled = _ref2.isDisabled,
-      isSelected = _ref2.isSelected,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
-
+    isDisabled = _ref2.isDisabled,
+    isSelected = _ref2.isSelected,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
   var color = themed({
     light: "var(--ds-surface, ".concat(N0, ")"),
     dark: "var(--ds-surface, ".concat(DN10, ")")
   });
-
   if (isDisabled && isSelected) {
     color = themed({
       light: "var(--ds-text-disabled, ".concat(N70, ")"),
@@ -151,18 +141,16 @@ var getSecondaryColor = function getSecondaryColor(_ref2) {
   } else if (!isSelected) {
     color = transparent;
   }
-
   return color(rest);
-}; // the border color surrounds the checkbox/radio
-
+};
 
+// the border color surrounds the checkbox/radio
 var getBorderColor = function getBorderColor(_ref3) {
   var isActive = _ref3.isActive,
-      isDisabled = _ref3.isDisabled,
-      isFocused = _ref3.isFocused,
-      isSelected = _ref3.isSelected,
-      rest = _objectWithoutProperties(_ref3, _excluded3);
-
+    isDisabled = _ref3.isDisabled,
+    isFocused = _ref3.isFocused,
+    isSelected = _ref3.isSelected,
+    rest = _objectWithoutProperties(_ref3, _excluded3);
   if (isDisabled && isSelected) {
     return "var(--ds-background-disabled, ".concat(B400, ")");
   } else if (isDisabled) {
@@ -178,76 +166,61 @@ var getBorderColor = function getBorderColor(_ref3) {
   } else if (isSelected) {
     return "var(--ds-background-selected-bold, ".concat(B400, ")");
   }
-
   return "var(--ds-border-input, ".concat(N100, ")");
 };
-
 var ControlOption = /*#__PURE__*/function (_Component) {
   _inherits(ControlOption, _Component);
-
   var _super = _createSuper(ControlOption);
-
   function ControlOption() {
     var _this;
-
     _classCallCheck(this, ControlOption);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       isActive: false
     });
-
     _defineProperty(_assertThisInitialized(_this), "onMouseDown", function () {
       return _this.setState({
         isActive: true
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "onMouseUp", function () {
       return _this.setState({
         isActive: false
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "onMouseLeave", function () {
       return _this.setState({
         isActive: false
       });
     });
-
     return _this;
   }
-
   _createClass(ControlOption, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          getStyles = _this$props.getStyles,
-          Icon = _this$props.Icon,
-          children = _this$props.children,
-          innerProps = _this$props.innerProps,
-          innerRef = _this$props.innerRef,
-          rest = _objectWithoutProperties(_this$props, _excluded4); // prop assignment
-
-
+        getStyles = _this$props.getStyles,
+        Icon = _this$props.Icon,
+        children = _this$props.children,
+        innerProps = _this$props.innerProps,
+        innerRef = _this$props.innerRef,
+        rest = _objectWithoutProperties(_this$props, _excluded4);
+
+      // prop assignment
       var props = _objectSpread(_objectSpread({}, innerProps), {}, {
         onMouseDown: this.onMouseDown,
         onMouseUp: this.onMouseUp,
         onMouseLeave: this.onMouseLeave
       });
-
       var _getPrimitiveStyles = getPrimitiveStyles(_objectSpread({
-        getStyles: getStyles
-      }, rest)),
-          _getPrimitiveStyles2 = _slicedToArray(_getPrimitiveStyles, 2),
-          styles = _getPrimitiveStyles2[0],
-          classes = _getPrimitiveStyles2[1];
-
+          getStyles: getStyles
+        }, rest)),
+        _getPrimitiveStyles2 = _slicedToArray(_getPrimitiveStyles, 2),
+        styles = _getPrimitiveStyles2[0],
+        classes = _getPrimitiveStyles2[1];
       return (
         /**
          * TODO Fix this type error
@@ -288,10 +261,8 @@ var ControlOption = /*#__PURE__*/function (_Component) {
       );
     }
   }]);
-
   return ControlOption;
 }(Component);
-
 export var CheckboxOption = function CheckboxOption(props) {
   return jsx(ControlOption, _extends({
     Icon: CheckboxIcon

package/dist/esm/createSelect.js

@@ -8,15 +8,10 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["styles", "validationState", "isInvalid", "spacing", "isMulti", "appearance"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React, { Component } from 'react';
 import { mergeStyles } from 'react-select';
 import memoizeOne from 'memoize-one';
@@ -25,38 +20,25 @@ import * as defaultComponents from './components';
 import baseStyles from './styles';
 export default function createSelect(WrappedComponent) {
   var _class;
-
   return _class = /*#__PURE__*/function (_Component) {
     _inherits(AtlaskitSelect, _Component);
-
     var _super = _createSuper(AtlaskitSelect);
-
     function AtlaskitSelect(props) {
       var _this;
-
       _classCallCheck(this, AtlaskitSelect);
-
       _this = _super.call(this, props);
-
       _defineProperty(_assertThisInitialized(_this), "components", {});
-
       _defineProperty(_assertThisInitialized(_this), "select", null);
-
       _defineProperty(_assertThisInitialized(_this), "cacheComponents", function (components) {
         _this.components = _objectSpread(_objectSpread({}, defaultComponents), components);
       });
-
       _defineProperty(_assertThisInitialized(_this), "onSelectRef", function (ref) {
         _this.select = ref;
       });
-
       _this.cacheComponents = memoizeOne(_this.cacheComponents, isEqual).bind(_assertThisInitialized(_this));
-
       _this.cacheComponents(props.components || {});
-
       return _this;
     }
-
     _createClass(AtlaskitSelect, [{
       key: "UNSAFE_componentWillReceiveProps",
       value: function UNSAFE_componentWillReceiveProps(nextProps) {
@@ -80,28 +62,28 @@ export default function createSelect(WrappedComponent) {
       key: "render",
       value: function render() {
         var _this$props = this.props,
-            styles = _this$props.styles,
-            validationState = _this$props.validationState,
-            isInvalid = _this$props.isInvalid,
-            spacing = _this$props.spacing,
-            isMulti = _this$props.isMulti,
-            appearance = _this$props.appearance,
-            props = _objectWithoutProperties(_this$props, _excluded);
-
-        var isCompact = spacing === 'compact'; // props must be spread first to stop `components` being overridden
-
+          styles = _this$props.styles,
+          validationState = _this$props.validationState,
+          isInvalid = _this$props.isInvalid,
+          spacing = _this$props.spacing,
+          isMulti = _this$props.isMulti,
+          appearance = _this$props.appearance,
+          props = _objectWithoutProperties(_this$props, _excluded);
+        var isCompact = spacing === 'compact';
+
+        // props must be spread first to stop `components` being overridden
         return /*#__PURE__*/React.createElement(WrappedComponent, _extends({
           ref: this.onSelectRef,
           isMulti: isMulti,
           "aria-live": "assertive"
         }, props, {
           components: this.components,
-          styles: mergeStyles(baseStyles( // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
+          styles: mergeStyles(baseStyles(
+          // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
           typeof isInvalid !== 'undefined' ? isInvalid ? 'error' : 'default' : validationState, isCompact, this.props.appearance || 'default'), styles)
         }));
       }
     }]);
-
     return AtlaskitSelect;
   }(Component), _defineProperty(_class, "defaultProps", {
     validationState: 'default',

package/dist/esm/data/countries.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
 export var allCountries = [{
   icon: '🇦🇫',
   name: 'Afghanistan',
@@ -1245,8 +1246,9 @@ export var allCountries = [{
   name: 'Zimbabwe',
   abbr: 'ZW',
   code: '263'
-}]; // separate countries into groups
+}];
 
+// separate countries into groups
 export var groupedCountries = [{
   label: 'Suggested',
   options: allCountries.filter(function (c) {

package/dist/esm/extract-react-types/react-popper-props.js

@@ -1,2 +1,3 @@
 // this is to DOCUMENT/display the underlying react popper props, for our atlaskit/select documentation
+
 export default function ertHackForPopper(_) {}

package/dist/esm/extract-react-types/react-select-async.js

@@ -1,2 +1,3 @@
 // for documentation ONLY
+
 export default function ertHackForPopper(_) {}

package/dist/esm/extract-react-types/react-select-creatable.js

@@ -1,2 +1,3 @@
 // for documentation purposes ONLY
+
 export default function ertHackForSelect(_) {}

package/dist/esm/extract-react-types/react-select-props.js

@@ -1,2 +1,3 @@
 // this is to DOCUMENT/display the underlying react select props, for our atlaskit/select documentation
+
 export default function ertHackForSelect(_) {}

package/dist/esm/index.js

@@ -10,6 +10,7 @@ export { default as CheckboxSelect } from './CheckboxSelect';
 export { default as CountrySelect } from './CountrySelect';
 export { default as RadioSelect } from './RadioSelect';
 export { default as PopupSelect } from './PopupSelect';
+
 /**
  * Types not exported on the public API, didn't find usages in sourcegraph
  *

package/dist/esm/styles.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { gridSize, fontFamily } from '@atlaskit/theme/constants';
 import { B100, B400, B50, G400, N0, N20, N200, N30, N300, N40, N500, N70, N800, R400, R75 } from '@atlaskit/theme/colors';
 var BORDER_WIDTH = 2;
@@ -30,49 +27,39 @@ export default function baseStyles(validationState) {
     },
     control: function control(css, _ref2) {
       var isFocused = _ref2.isFocused,
-          isDisabled = _ref2.isDisabled;
+        isDisabled = _ref2.isDisabled;
       var borderColor = isFocused ? "var(--ds-border-focused, ".concat(B100, ")") : "var(--ds-border-input, ".concat(N20, ")");
       var backgroundColor = isFocused ? "var(--ds-background-input-pressed, ".concat(N0, ")") : "var(--ds-background-input, ".concat(N20, ")");
       var backgroundColorHover = isFocused ? "var(--ds-background-input-pressed, ".concat(N0, ")") : "var(--ds-background-input-hovered, ".concat(N30, ")");
-
       if (isDisabled) {
         backgroundColor = "var(--ds-background-disabled, ".concat(N20, ")");
         borderColor = "var(--ds-background-disabled, ".concat(N20, ")");
       }
-
       if (validationState === 'error') {
         borderColor = "var(--ds-border-danger, ".concat(R400, ")");
       }
-
       if (validationState === 'success') {
         borderColor = "var(--ds-border-success, ".concat(G400, ")");
       }
-
       var borderColorHover = isFocused ? "var(--ds-border-focused, ".concat(B100, ")") : "var(--ds-border-input, ".concat(N30, ")");
-
       if (validationState === 'error') {
         borderColorHover = "var(--ds-border-danger, ".concat(R400, ")");
       }
-
       if (validationState === 'success') {
         borderColorHover = "var(--ds-border-success, ".concat(G400, ")");
       }
-
       var transitionDuration = '200ms';
-
       if (appearance === 'subtle') {
         borderColor = isFocused ? "var(--ds-border-focused, ".concat(B100, ")") : 'transparent';
         backgroundColor = isFocused ? "var(--ds-surface, ".concat(N0, ")") : 'transparent';
         backgroundColorHover = isFocused ? "var(--ds-background-input-pressed, ".concat(N0, ")") : "var(--ds-background-input-hovered, ".concat(N30, ")");
       }
-
       if (appearance === 'none') {
         borderColor = 'transparent';
         backgroundColor = 'transparent';
         backgroundColorHover = 'transparent';
         borderColorHover = 'transparent';
       }
-
       return _objectSpread(_objectSpread({}, css), {}, {
         // Turn pointer events off when disabled - this makes it so hover etc don't work.
         pointerEvents: isDisabled ? 'none' : undefined,
@@ -137,11 +124,9 @@ export default function baseStyles(validationState) {
     dropdownIndicator: function dropdownIndicator(css, _ref3) {
       var isDisabled = _ref3.isDisabled;
       var color = "var(--ds-text-subtle, ".concat(N500, ")");
-
       if (isDisabled) {
         color = "var(--ds-text-disabled, ".concat(N70, ")");
       }
-
       return _objectSpread(_objectSpread({}, css), {}, {
         color: color,
         paddingLeft: ICON_PADDING,
@@ -160,19 +145,16 @@ export default function baseStyles(validationState) {
     },
     option: function option(css, _ref4) {
       var isFocused = _ref4.isFocused,
-          isSelected = _ref4.isSelected,
-          isDisabled = _ref4.isDisabled;
+        isSelected = _ref4.isSelected,
+        isDisabled = _ref4.isDisabled;
       var color = "var(--ds-text, ".concat(N800, ")");
-
       if (isDisabled) {
         color = "var(--ds-text-disabled, ".concat(N70, ")");
       } else if (isSelected) {
         color = "var(--ds-text-selected, ".concat(B400, ")");
       }
-
       var boxShadow;
       var backgroundColor;
-
       if (isDisabled) {
         backgroundColor = undefined;
       } else if (isSelected && isFocused) {
@@ -182,11 +164,9 @@ export default function baseStyles(validationState) {
       } else if (isFocused) {
         backgroundColor = "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")");
       }
-
       if (!isDisabled && (isFocused || isSelected)) {
         boxShadow = "inset 2px 0px 0px ".concat("var(--ds-border-selected, ".concat(B400, ")"));
       }
-
       var cursor = isDisabled ? 'not-allowed' : css.cursor;
       return _objectSpread(_objectSpread({}, css), {}, {
         padding: '6px 12px',
@@ -213,9 +193,9 @@ export default function baseStyles(validationState) {
       return _objectSpread(_objectSpread({}, css), {}, {
         color: isDisabled ? "var(--ds-text-disabled, ".concat(N70, ")") : "var(--ds-text, ".concat(N800, ")"),
         lineHeight: "".concat(gridSize() * 2, "px") // 16px
-
       });
     },
+
     menu: function menu(css) {
       return _objectSpread(_objectSpread({}, css), {}, {
         backgroundColor: "var(--ds-surface-overlay, white)",

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "16.1.0",
+	"version": "16.1.2",
 	"sideEffects": false
 }

package/dist/types/index.d.ts

@@ -11,7 +11,7 @@ export { default as CountrySelect } from './CountrySelect';
 export { default as RadioSelect } from './RadioSelect';
 export { default as PopupSelect } from './PopupSelect';
 export type { PopupSelectProps, ModifierList } from './PopupSelect';
-export type { SelectInstance, ActionMeta, ControlProps, FormatOptionLabelMeta, InputActionMeta, InputProps, MenuProps, MenuListComponentProps, OptionProps, OptionsType, OptionType, SelectComponentsConfig, SelectProps, StylesConfig, ValueContainerProps, ValueType, GroupedOptionsType, GroupType, ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, MultiValueProps, ReactSelectProps, SingleValueProps, NoticeProps, ValidationState, GroupProps, AsyncSelectProps, } from './types';
+export type { SelectInstance, ActionMeta, ControlProps, FormatOptionLabelMeta, InputActionMeta, InputProps, MenuProps, MenuListComponentProps, OptionProps, OptionsType, OptionType, SelectComponentsConfig, SelectProps, StylesConfig, ValueContainerProps, ValueType, GroupedOptionsType, GroupType, ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, MultiValueProps, MultiValueRemoveProps, ReactSelectProps, SingleValueProps, NoticeProps, ValidationState, GroupProps, AsyncSelectProps, } from './types';
 /**
  * Types not exported on the public API, didn't find usages in sourcegraph
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "16.1.0",
+  "version": "16.1.2",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -1034,3 +1035,16 @@ export type ValueType<Option, IsMulti extends boolean = false> = OnChangeValue<
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0",
+  "react-dom": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->