@atlaskit/select 16.7.0 → 16.7.2

package/dist/cjs/AsyncCreatableSelect.js

@@ -7,5 +7,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _asyncCreatable = _interopRequireDefault(require("react-select/async-creatable"));
 var _createSelect = _interopRequireDefault(require("./createSelect"));
-var _default = (0, _createSelect.default)(_asyncCreatable.default);
-exports.default = _default;
+var _default = exports.default = (0, _createSelect.default)(_asyncCreatable.default);

package/dist/cjs/AsyncSelect.js

@@ -7,5 +7,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _async = _interopRequireDefault(require("react-select/async"));
 var _createSelect = _interopRequireDefault(require("./createSelect"));
-var _default = (0, _createSelect.default)(_async.default);
-exports.default = _default;
+var _default = exports.default = (0, _createSelect.default)(_async.default);

package/dist/cjs/CheckboxSelect.js

@@ -33,5 +33,4 @@ var CheckboxSelect = /*#__PURE__*/_react.default.memo(function (_ref) {
     components: mergedComponents
   }));
 });
-var _default = CheckboxSelect;
-exports.default = _default;
+var _default = exports.default = CheckboxSelect;

package/dist/cjs/CountrySelect.js

@@ -82,5 +82,4 @@ var CountrySelect = function CountrySelect(props) {
     options: _countries.groupedCountries
   }, props));
 };
-var _default = CountrySelect;
-exports.default = _default;
+var _default = exports.default = CountrySelect;

package/dist/cjs/CreatableSelect.js

@@ -7,5 +7,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _creatable = _interopRequireDefault(require("react-select/creatable"));
 var _createSelect = _interopRequireDefault(require("./createSelect"));
-var _default = (0, _createSelect.default)(_creatable.default);
-exports.default = _default;
+var _default = exports.default = (0, _createSelect.default)(_creatable.default);

package/dist/cjs/PopupSelect/PopupSelect.js

@@ -69,7 +69,7 @@ var defaultPopperProps = {
 var isEmpty = function isEmpty(obj) {
   return Object.keys(obj).length === 0;
 };
-var PopupSelect = /*#__PURE__*/function (_PureComponent) {
+var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(PopupSelect, _PureComponent);
   var _super = _createSuper(PopupSelect);
   function PopupSelect() {
@@ -234,7 +234,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
       if (typeof window === 'undefined') {
         return;
       }
-      (_this$unbindWindowKey = (_this2 = _this).unbindWindowKeydown) === null || _this$unbindWindowKey === void 0 ? void 0 : _this$unbindWindowKey.call(_this2);
+      (_this$unbindWindowKey = (_this2 = _this).unbindWindowKeydown) === null || _this$unbindWindowKey === void 0 || _this$unbindWindowKey.call(_this2);
       _this.unbindWindowKeydown = null;
     });
     // Refs
@@ -359,7 +359,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
         onFirstUpdate: function onFirstUpdate(state) {
           var _mergedPopperProps$on;
           _this.handleFirstPopperUpdate();
-          (_mergedPopperProps$on = mergedPopperProps.onFirstUpdate) === null || _mergedPopperProps$on === void 0 ? void 0 : _mergedPopperProps$on.call(mergedPopperProps, state);
+          (_mergedPopperProps$on = mergedPopperProps.onFirstUpdate) === null || _mergedPopperProps$on === void 0 || _mergedPopperProps$on.call(mergedPopperProps, state);
         }
       }), function (_ref2) {
         var placement = _ref2.placement,
@@ -433,9 +433,9 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
       if (typeof window === 'undefined') {
         return;
       }
-      (_this$unbindWindowCli = this.unbindWindowClick) === null || _this$unbindWindowCli === void 0 ? void 0 : _this$unbindWindowCli.call(this);
+      (_this$unbindWindowCli = this.unbindWindowClick) === null || _this$unbindWindowCli === void 0 || _this$unbindWindowCli.call(this);
       this.unbindWindowClick = null;
-      (_this$unbindWindowKey2 = this.unbindWindowKeydown) === null || _this$unbindWindowKey2 === void 0 ? void 0 : _this$unbindWindowKey2.call(this);
+      (_this$unbindWindowKey2 = this.unbindWindowKeydown) === null || _this$unbindWindowKey2 === void 0 || _this$unbindWindowKey2.call(this);
       this.unbindWindowKeydown = null;
     }
   }, {
@@ -496,7 +496,6 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
   }]);
   return PopupSelect;
 }(_react.PureComponent);
-exports.default = PopupSelect;
 (0, _defineProperty2.default)(PopupSelect, "defaultProps", {
   closeMenuOnSelect: true,
   components: {},

package/dist/cjs/PopupSelect/components.js

@@ -13,8 +13,7 @@ var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"
 var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/search"));
 var _constants = require("@atlaskit/theme/constants");
 var _colors = require("@atlaskit/theme/colors");
-var _excluded = ["innerRef", "innerProps"],
-  _excluded2 = ["children", "innerProps"];
+var _excluded = ["innerRef", "innerProps"];
 /** @jsx jsx */
 // ==============================
 // Styled Components
@@ -25,7 +24,7 @@ var menuDialogStyles = (0, _react.css)({
   boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N40A, ", 0 4px 11px ").concat(_colors.N40A), ")"),
   zIndex: _constants.layers.modal()
 });
-var MenuDialog = function MenuDialog(_ref) {
+var MenuDialog = exports.MenuDialog = function MenuDialog(_ref) {
   var maxWidth = _ref.maxWidth,
     minWidth = _ref.minWidth,
     children = _ref.children,
@@ -50,9 +49,9 @@ var MenuDialog = function MenuDialog(_ref) {
 // ==============================
 // Custom Components
 // ==============================
-exports.MenuDialog = MenuDialog;
+
 var dropdownStyles = (0, _react.css)({
-  marginRight: "var(--ds-space-025, 2px)",
+  marginInlineEnd: "var(--ds-space-025, 2px)",
   textAlign: 'center',
   width: 32
 });
@@ -77,21 +76,18 @@ var Control = function Control(_ref2) {
     innerProps: innerProps
   })));
 };
-var DummyControl = function DummyControl(props) {
+var DummyControl = exports.DummyControl = function DummyControl(props) {
   return (0, _react.jsx)(_visuallyHidden.default, null, (0, _react.jsx)(_reactSelect.components.Control, props));
 };
 
 // NOTE `props` intentionally omitted from `Fragment`
-exports.DummyControl = DummyControl;
 var Menu = function Menu(_ref3) {
   var children = _ref3.children,
-    innerProps = _ref3.innerProps,
-    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
+    innerProps = _ref3.innerProps;
   return (0, _react.jsx)("div", innerProps, children);
 };
-var defaultComponents = {
+var defaultComponents = exports.defaultComponents = {
   Control: Control,
   DropdownIndicator: DropdownIndicator,
   Menu: Menu
-};
-exports.defaultComponents = defaultComponents;
+};

package/dist/cjs/RadioSelect.js

@@ -30,5 +30,4 @@ var RadioSelect = /*#__PURE__*/_react.default.memo(function (_ref) {
     components: mergedComponents
   }));
 });
-var _default = RadioSelect;
-exports.default = _default;
+var _default = exports.default = RadioSelect;

package/dist/cjs/Select.js

@@ -9,11 +9,10 @@ var _reactSelect = _interopRequireDefault(require("react-select"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _createSelect = _interopRequireDefault(require("./createSelect"));
 var packageName = "@atlaskit/select";
-var packageVersion = "16.7.0";
-var SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
-exports.SelectWithoutAnalytics = SelectWithoutAnalytics;
+var packageVersion = "16.7.2";
+var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
-var _default = (0, _analyticsNext.withAnalyticsContext)({
+var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
   componentName: 'select',
   packageName: packageName,
   packageVersion: packageVersion
@@ -27,5 +26,4 @@ var _default = (0, _analyticsNext.withAnalyticsContext)({
       packageVersion: packageVersion
     }
   })
-})(SelectWithoutAnalytics));
-exports.default = _default;
+})(SelectWithoutAnalytics));

package/dist/cjs/components/index.js

@@ -36,7 +36,7 @@ var disabledStyles = (0, _react.css)({
 var enabledStyles = (0, _react.css)({
   display: 'inherit'
 });
-var MultiValueRemove = function MultiValueRemove(props) {
+var MultiValueRemove = exports.MultiValueRemove = function MultiValueRemove(props) {
   var isDisabled = props.selectProps.isDisabled;
   return (0, _react.jsx)(_reactSelect.components.MultiValueRemove, props, (0, _react.jsx)("div", {
     css: isDisabled ? disabledStyles : enabledStyles,
@@ -48,6 +48,4 @@ var MultiValueRemove = function MultiValueRemove(props) {
     secondaryColor: "inherit"
   })));
 };
-exports.MultiValueRemove = MultiValueRemove;
-var IndicatorSeparator = null;
-exports.IndicatorSeparator = IndicatorSeparator;
+var IndicatorSeparator = exports.IndicatorSeparator = null;

package/dist/cjs/components/indicators.js

@@ -20,7 +20,7 @@ var iconContainerStyles = (0, _react.css)({
   display: 'flex',
   alignItems: 'center'
 });
-var ClearIndicator = function ClearIndicator(props) {
+var ClearIndicator = exports.ClearIndicator = function ClearIndicator(props) {
   return (0, _react.jsx)(_reactSelect.components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
       'aria-hidden': 'false'
@@ -34,14 +34,12 @@ var ClearIndicator = function ClearIndicator(props) {
     label: "clear"
   })));
 };
-exports.ClearIndicator = ClearIndicator;
-var DropdownIndicator = function DropdownIndicator(props) {
+var DropdownIndicator = exports.DropdownIndicator = function DropdownIndicator(props) {
   return (0, _react.jsx)(_reactSelect.components.DropdownIndicator, props, (0, _react.jsx)(_chevronDown.default, {
     label: "open"
   }));
 };
-exports.DropdownIndicator = DropdownIndicator;
-var LoadingIndicator = function LoadingIndicator(props) {
+var LoadingIndicator = exports.LoadingIndicator = function LoadingIndicator(props) {
   var loadingStyles = (0, _react.css)(props.getStyles('loadingIndicator', props));
   return (
     // This *must* be constructed this way because this is being consumed by
@@ -53,5 +51,4 @@ var LoadingIndicator = function LoadingIndicator(props) {
       size: "small"
     }))
   );
-};
-exports.LoadingIndicator = LoadingIndicator;
+};

package/dist/cjs/components/input-aria-describedby.js

@@ -8,11 +8,10 @@ exports.Input = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactSelect = require("react-select");
-var Input = function Input(props) {
+var Input = exports.Input = function Input(props) {
   var passed_describedby = props.selectProps['aria-describedby'];
   var describedby = props['aria-describedby'] + (passed_describedby ? ' ' + passed_describedby : '');
   return /*#__PURE__*/_react.default.createElement(_reactSelect.components.Input, (0, _extends2.default)({}, props, {
     "aria-describedby": describedby
   }));
-};
-exports.Input = Input;
+};

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

@@ -24,8 +24,7 @@ var _components = require("@atlaskit/theme/components");
 var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["isActive", "isDisabled", "isFocused", "isSelected"],
   _excluded2 = ["isActive", "isDisabled", "isSelected"],
-  _excluded3 = ["isActive", "isDisabled", "isFocused", "isSelected"],
-  _excluded4 = ["getStyles", "Icon", "children", "innerProps", "innerRef"];
+  _excluded3 = ["getStyles", "Icon", "children", "innerProps", "innerRef"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -157,8 +156,7 @@ var getBorderColor = function getBorderColor(_ref3) {
   var isActive = _ref3.isActive,
     isDisabled = _ref3.isDisabled,
     isFocused = _ref3.isFocused,
-    isSelected = _ref3.isSelected,
-    rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
+    isSelected = _ref3.isSelected;
   if (isDisabled && isSelected) {
     return "var(--ds-background-disabled, ".concat(_colors.B400, ")");
   } else if (isDisabled) {
@@ -180,7 +178,7 @@ var baseIconStyles = (0, _react.css)({
   alignItems: 'center',
   display: 'flex ',
   flexShrink: 0,
-  paddingRight: "var(--ds-space-050, 4px)",
+  paddingInlineEnd: "var(--ds-space-050, 4px)",
   // Here we are adding a border to the Checkbox and Radio SVG icons
   // This is an a11y fix for Select only for now but it may be rolled
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
@@ -235,7 +233,7 @@ var ControlOption = /*#__PURE__*/function (_Component) {
         children = _this$props.children,
         innerProps = _this$props.innerProps,
         innerRef = _this$props.innerRef,
-        rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded4);
+        rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded3);
 
       // prop assignment
       var props = _objectSpread(_objectSpread({}, innerProps), {}, {
@@ -286,15 +284,13 @@ var ControlOption = /*#__PURE__*/function (_Component) {
   }]);
   return ControlOption;
 }(_react2.Component);
-var CheckboxOption = function CheckboxOption(props) {
+var CheckboxOption = exports.CheckboxOption = function CheckboxOption(props) {
   return (0, _react.jsx)(ControlOption, (0, _extends2.default)({
     Icon: _checkbox.default
   }, props));
 };
-exports.CheckboxOption = CheckboxOption;
-var RadioOption = function RadioOption(props) {
+var RadioOption = exports.RadioOption = function RadioOption(props) {
   return (0, _react.jsx)(ControlOption, (0, _extends2.default)({
     Icon: _radio.default
   }, props));
-};
-exports.RadioOption = RadioOption;
+};

package/dist/cjs/data/countries.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.groupedCountries = exports.allCountries = void 0;
-var allCountries = [{
+var allCountries = exports.allCountries = [{
   icon: '🇦🇫',
   name: 'Afghanistan',
   abbr: 'AF',
@@ -1253,8 +1253,7 @@ var allCountries = [{
 }];
 
 // separate countries into groups
-exports.allCountries = allCountries;
-var groupedCountries = [{
+var groupedCountries = exports.groupedCountries = [{
   label: 'Suggested',
   options: allCountries.filter(function (c) {
     return c.suggested;
@@ -1264,5 +1263,4 @@ var groupedCountries = [{
   options: allCountries.filter(function (c) {
     return !c.suggested;
   })
-}];
-exports.groupedCountries = groupedCountries;
+}];

package/dist/cjs/utils/grouped-options-announcement.js

@@ -23,9 +23,8 @@ function onFocus(props) {
 }
 
 // Helper function which identifies if options are grouped.
-var isOptionsGrouped = function isOptionsGrouped(arr) {
+var isOptionsGrouped = exports.isOptionsGrouped = function isOptionsGrouped(arr) {
   return arr === null || arr === void 0 ? void 0 : arr.every(function (obj) {
     return obj.hasOwnProperty('options');
   });
-};
-exports.isOptionsGrouped = isOptionsGrouped;
+};

package/dist/es2019/PopupSelect/components.js

@@ -43,7 +43,7 @@ export const MenuDialog = ({
 // ==============================
 
 const dropdownStyles = css({
-  marginRight: "var(--ds-space-025, 2px)",
+  marginInlineEnd: "var(--ds-space-025, 2px)",
   textAlign: 'center',
   width: 32
 });
@@ -70,8 +70,7 @@ export const DummyControl = props => jsx(VisuallyHidden, null, jsx(components.Co
 // NOTE `props` intentionally omitted from `Fragment`
 const Menu = ({
   children,
-  innerProps,
-  ...props
+  innerProps
 }) => jsx("div", innerProps, children);
 export const defaultComponents = {
   Control,

package/dist/es2019/Select.js

@@ -2,7 +2,7 @@ import Select from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "16.7.0";
+const packageVersion = "16.7.2";
 export const SelectWithoutAnalytics = createSelect(Select);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

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

@@ -142,8 +142,7 @@ const getBorderColor = ({
   isActive,
   isDisabled,
   isFocused,
-  isSelected,
-  ...rest
+  isSelected
 }) => {
   if (isDisabled && isSelected) {
     return `var(--ds-background-disabled, ${B400})`;
@@ -166,7 +165,7 @@ const baseIconStyles = css({
   alignItems: 'center',
   display: 'flex ',
   flexShrink: 0,
-  paddingRight: "var(--ds-space-050, 4px)",
+  paddingInlineEnd: "var(--ds-space-050, 4px)",
   // Here we are adding a border to the Checkbox and Radio SVG icons
   // This is an a11y fix for Select only for now but it may be rolled
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later

package/dist/esm/PopupSelect/PopupSelect.js

@@ -224,7 +224,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
       if (typeof window === 'undefined') {
         return;
       }
-      (_this$unbindWindowKey = (_this2 = _this).unbindWindowKeydown) === null || _this$unbindWindowKey === void 0 ? void 0 : _this$unbindWindowKey.call(_this2);
+      (_this$unbindWindowKey = (_this2 = _this).unbindWindowKeydown) === null || _this$unbindWindowKey === void 0 || _this$unbindWindowKey.call(_this2);
       _this.unbindWindowKeydown = null;
     });
     // Refs
@@ -349,7 +349,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
         onFirstUpdate: function onFirstUpdate(state) {
           var _mergedPopperProps$on;
           _this.handleFirstPopperUpdate();
-          (_mergedPopperProps$on = mergedPopperProps.onFirstUpdate) === null || _mergedPopperProps$on === void 0 ? void 0 : _mergedPopperProps$on.call(mergedPopperProps, state);
+          (_mergedPopperProps$on = mergedPopperProps.onFirstUpdate) === null || _mergedPopperProps$on === void 0 || _mergedPopperProps$on.call(mergedPopperProps, state);
         }
       }), function (_ref2) {
         var placement = _ref2.placement,
@@ -423,9 +423,9 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
       if (typeof window === 'undefined') {
         return;
       }
-      (_this$unbindWindowCli = this.unbindWindowClick) === null || _this$unbindWindowCli === void 0 ? void 0 : _this$unbindWindowCli.call(this);
+      (_this$unbindWindowCli = this.unbindWindowClick) === null || _this$unbindWindowCli === void 0 || _this$unbindWindowCli.call(this);
       this.unbindWindowClick = null;
-      (_this$unbindWindowKey2 = this.unbindWindowKeydown) === null || _this$unbindWindowKey2 === void 0 ? void 0 : _this$unbindWindowKey2.call(this);
+      (_this$unbindWindowKey2 = this.unbindWindowKeydown) === null || _this$unbindWindowKey2 === void 0 || _this$unbindWindowKey2.call(this);
       this.unbindWindowKeydown = null;
     }
   }, {

package/dist/esm/PopupSelect/components.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["innerRef", "innerProps"],
-  _excluded2 = ["children", "innerProps"];
+var _excluded = ["innerRef", "innerProps"];
 /** @jsx jsx */
 
 import { components } from 'react-select';
@@ -47,7 +46,7 @@ export var MenuDialog = function MenuDialog(_ref) {
 // ==============================
 
 var dropdownStyles = css({
-  marginRight: "var(--ds-space-025, 2px)",
+  marginInlineEnd: "var(--ds-space-025, 2px)",
   textAlign: 'center',
   width: 32
 });
@@ -79,8 +78,7 @@ export var DummyControl = function DummyControl(props) {
 // NOTE `props` intentionally omitted from `Fragment`
 var Menu = function Menu(_ref3) {
   var children = _ref3.children,
-    innerProps = _ref3.innerProps,
-    props = _objectWithoutProperties(_ref3, _excluded2);
+    innerProps = _ref3.innerProps;
   return jsx("div", innerProps, children);
 };
 export var defaultComponents = {

package/dist/esm/Select.js

@@ -2,7 +2,7 @@ import Select from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "16.7.0";
+var packageVersion = "16.7.2";
 export var SelectWithoutAnalytics = createSelect(Select);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

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

@@ -10,8 +10,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 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"];
+  _excluded3 = ["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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -151,8 +150,7 @@ var getBorderColor = function getBorderColor(_ref3) {
   var isActive = _ref3.isActive,
     isDisabled = _ref3.isDisabled,
     isFocused = _ref3.isFocused,
-    isSelected = _ref3.isSelected,
-    rest = _objectWithoutProperties(_ref3, _excluded3);
+    isSelected = _ref3.isSelected;
   if (isDisabled && isSelected) {
     return "var(--ds-background-disabled, ".concat(B400, ")");
   } else if (isDisabled) {
@@ -174,7 +172,7 @@ var baseIconStyles = css({
   alignItems: 'center',
   display: 'flex ',
   flexShrink: 0,
-  paddingRight: "var(--ds-space-050, 4px)",
+  paddingInlineEnd: "var(--ds-space-050, 4px)",
   // Here we are adding a border to the Checkbox and Radio SVG icons
   // This is an a11y fix for Select only for now but it may be rolled
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
@@ -229,7 +227,7 @@ var ControlOption = /*#__PURE__*/function (_Component) {
         children = _this$props.children,
         innerProps = _this$props.innerProps,
         innerRef = _this$props.innerRef,
-        rest = _objectWithoutProperties(_this$props, _excluded4);
+        rest = _objectWithoutProperties(_this$props, _excluded3);
 
       // prop assignment
       var props = _objectSpread(_objectSpread({}, innerProps), {}, {

package/dist/types/PopupSelect/PopupSelect.d.ts

@@ -104,7 +104,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
+            Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
         focusLockEnabled?: undefined;
@@ -114,7 +114,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
+            Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
     };

package/dist/types/PopupSelect/components.d.ts

@@ -15,6 +15,6 @@ export declare const DummyControl: FC<ControlProps<OptionType, boolean>>;
 export declare const defaultComponents: {
     Control: FC<ControlProps<OptionType, boolean>>;
     DropdownIndicator: () => jsx.JSX.Element;
-    Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
+    Menu: ({ children, innerProps }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
 };
 export {};

package/dist/types-ts4.5/PopupSelect/PopupSelect.d.ts

@@ -104,7 +104,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
+            Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
         focusLockEnabled?: undefined;
@@ -114,7 +114,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
+            Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
     };

package/dist/types-ts4.5/PopupSelect/components.d.ts

@@ -15,6 +15,6 @@ export declare const DummyControl: FC<ControlProps<OptionType, boolean>>;
 export declare const defaultComponents: {
     Control: FC<ControlProps<OptionType, boolean>>;
     DropdownIndicator: () => jsx.JSX.Element;
-    Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
+    Menu: ({ children, innerProps }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "16.7.0",
+  "version": "16.7.2",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,9 +41,9 @@
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/spinner": "^15.5.0",
+    "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.22.0",
+    "@atlaskit/tokens": "^1.25.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -51,7 +51,7 @@
     "bind-event-listener": "^2.1.1",
     "memoize-one": "^6.0.0",
     "react-fast-compare": "^3.2.0",
-    "react-focus-lock": "^2.5.2",
+    "react-focus-lock": "^2.9.5",
     "react-node-resolver": "^1.0.1",
     "react-popper": "^2.2.3",
     "react-select": "^5.4.0",

package/report.api.md

@@ -624,7 +624,6 @@ const defaultComponents: {
   Menu: ({
     children,
     innerProps,
-    ...props
   }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
 };
 
@@ -1122,7 +1121,6 @@ export class PopupSelect<
           Menu: ({
             children,
             innerProps,
-            ...props
           }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
@@ -1135,7 +1133,6 @@ export class PopupSelect<
           Menu: ({
             children,
             innerProps,
-            ...props
           }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;

package/tmp/api-report-tmp.d.ts

@@ -311,7 +311,7 @@ export default _default;
 const defaultComponents: {
     Control: FC<ControlProps<OptionType, boolean>>;
     DropdownIndicator: () => jsx.JSX.Element;
-    Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
+    Menu: ({ children, innerProps }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
 };
 
 // @public (undocumented)
@@ -548,7 +548,7 @@ export class PopupSelect<Option = OptionType, IsMulti extends boolean = false, M
         mergedComponents: {
             Control: React_2.FC<ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => jsx;
-            Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx;
+            Menu: ({ children, innerProps }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
     } | {
@@ -556,7 +556,7 @@ export class PopupSelect<Option = OptionType, IsMulti extends boolean = false, M
         mergedComponents: {
             Control: React_2.FC<ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => jsx;
-            Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx;
+            Menu: ({ children, innerProps }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
         focusLockEnabled?: undefined;