@atlaskit/select 17.16.0 → 17.17.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/select
 
+## 17.17.0
+
+### Minor Changes
+
+- [#139873](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/139873)
+  [`141a2cdfda71c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/141a2cdfda71c) -
+  Fix select and radio icons when icon facade feature flag is enabled by opting out of new icons.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 17.16.0
 
 ### Minor Changes

package/dist/cjs/CheckboxSelect.js

@@ -14,7 +14,7 @@ var _Select = _interopRequireDefault(require("./Select"));
 var _inputOptions = require("./components/input-options");
 var _excluded = ["components"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CheckboxSelectInternal = function CheckboxSelectInternal(_ref) {

package/dist/cjs/PopupSelect/PopupSelect.js

@@ -32,11 +32,11 @@ var _groupedOptionsAnnouncement = require("../utils/grouped-options-announcement
 var _components = require("./components");
 var _excluded = ["footer", "label", "maxMenuWidth", "minMenuWidth", "placeholder", "target", "testId", "onMenuOpen", "onMenuClose"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
 /**
  * Are we rendering on the client or server?
  */
@@ -74,6 +74,8 @@ var defaultPopperProps = {
 var isEmpty = function isEmpty(obj) {
   return Object.keys(obj).length === 0;
 };
+
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(PopupSelect, _PureComponent);
   var _super = _createSuper(PopupSelect);

package/dist/cjs/RadioSelect.js

@@ -14,7 +14,7 @@ var _Select = _interopRequireDefault(require("./Select"));
 var _inputOptions = require("./components/input-options");
 var _excluded = ["components"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RadioSelect = /*#__PURE__*/_react.default.memo(function (_ref) {

package/dist/cjs/Select.js

@@ -9,7 +9,7 @@ var _reactSelect = _interopRequireDefault(require("react-select"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _createSelect = _interopRequireDefault(require("./createSelect"));
 var packageName = "@atlaskit/select";
-var packageVersion = "17.16.0";
+var packageVersion = "17.17.0";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var Select = (0, _analyticsNext.withAnalyticsContext)({

package/dist/cjs/components/index.js

@@ -55,23 +55,42 @@ var iconWrapperStyles = (0, _primitives.xcss)({
  */
 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,
-    "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon'
-  }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ?
-  // eslint-disable-next-line @atlaskit/design-system/ensure-icon-color
-  (0, _react.jsx)(_cross.default, {
-    label: "Clear"
-  }) : (0, _react.jsx)(_primitives.Inline, {
-    xcss: iconWrapperStyles
-  }, (0, _react.jsx)(_cross.default, {
-    label: "Clear",
-    color: "currentColor",
-    LEGACY_fallbackIcon: _selectClear.default,
-    LEGACY_size: "small",
-    LEGACY_primaryColor: "transparent",
-    LEGACY_secondaryColor: "inherit",
-    LEGACY_margin: "var(--ds-space-negative-025, -2px)"
-  }))));
+  var renderIcon = function renderIcon() {
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    if ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh')) {
+      return (0, _react.jsx)(_cross.default, {
+        label: "Clear",
+        color: "currentColor"
+      });
+    }
+
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    if ((0, _platformFeatureFlags.fg)('platform-visual-refresh-icons-legacy-facade')) {
+      return (0, _react.jsx)(_primitives.Inline, {
+        xcss: iconWrapperStyles
+      }, (0, _react.jsx)(_cross.default, {
+        label: "Clear",
+        color: "currentColor"
+      }));
+    }
+    return (
+      // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+      (0, _react.jsx)(_selectClear.default, {
+        label: "Clear",
+        primaryColor: "transparent",
+        size: "small",
+        secondaryColor: "inherit"
+      })
+    );
+  };
+  return (
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    (0, _react.jsx)(_reactSelect.components.MultiValueRemove, props, (0, _react.jsx)("div", {
+      css: isDisabled ? disabledStyles : enabledStyles,
+      "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon'
+    }, renderIcon()))
+  );
 };
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var IndicatorSeparator = exports.IndicatorSeparator = null;

package/dist/cjs/components/indicators.js

@@ -18,7 +18,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-// import LegacyDownIcon from '@atlaskit/icon/glyph/chevron-down';
 var iconContainerStyles = (0, _primitives.xcss)({
   all: 'unset',
   outline: 'revert',
@@ -46,14 +45,17 @@ var ClearIndicator = exports.ClearIndicator = function ClearIndicator(props) {
   })));
 };
 var DropdownIndicator = exports.DropdownIndicator = function DropdownIndicator(props) {
-  return (0, _react.jsx)(_reactSelect.components.DropdownIndicator, props, (0, _react.jsx)(_primitives.Inline, {
-    as: "span",
-    xcss: dropdownWrapperStyles
-  }, (0, _react.jsx)(_chevronDown.default, {
-    color: "currentColor",
-    label: "open",
-    LEGACY_margin: "var(--ds-space-negative-075, -0.375rem)"
-  })));
+  return (
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    (0, _react.jsx)(_reactSelect.components.DropdownIndicator, props, (0, _react.jsx)(_primitives.Inline, {
+      as: "span",
+      xcss: dropdownWrapperStyles
+    }, (0, _react.jsx)(_chevronDown.default, {
+      color: "currentColor",
+      label: "open",
+      LEGACY_margin: "var(--ds-space-negative-075, -0.375rem)"
+    })))
+  );
 };
 var LoadingIndicator = exports.LoadingIndicator = function LoadingIndicator(props) {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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

@@ -21,7 +21,7 @@ var _checkbox = _interopRequireDefault(require("@atlaskit/icon/glyph/checkbox"))
 var _radio = _interopRequireDefault(require("@atlaskit/icon/glyph/radio"));
 var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
@@ -228,7 +228,8 @@ var ControlOption = /*#__PURE__*/function (_Component) {
         }, !!Icon ? (0, _react2.jsx)(Icon, {
           label: "",
           primaryColor: getPrimaryColor(_objectSpread(_objectSpread({}, this.props), this.state)),
-          secondaryColor: getSecondaryColor(_objectSpread(_objectSpread({}, this.props), this.state))
+          secondaryColor: getSecondaryColor(_objectSpread(_objectSpread({}, this.props), this.state)),
+          isFacadeDisabled: true
         }) : null), (0, _react2.jsx)("div", {
           css: baseOptionStyles
         }, children))
@@ -242,7 +243,7 @@ var ControlOption = /*#__PURE__*/function (_Component) {
  */
 var CheckboxOption = exports.CheckboxOption = function CheckboxOption(props
 // TODO https://product-fabric.atlassian.net/browse/DSP-20768
-// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons, @repo/internal/react/no-unsafe-spread-props
 ) {
   return (0, _react2.jsx)(ControlOption, (0, _extends2.default)({
     Icon: _checkbox.default
@@ -255,7 +256,7 @@ var CheckboxOption = exports.CheckboxOption = function CheckboxOption(props
 var RadioOption = exports.RadioOption = function RadioOption(props) {
   return (
     // TODO https://product-fabric.atlassian.net/browse/DSP-20769
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons, @repo/internal/react/no-unsafe-spread-props
     (0, _react2.jsx)(ControlOption, (0, _extends2.default)({
       Icon: _radio.default
     }, props))

package/dist/cjs/createSelect.js

@@ -16,9 +16,9 @@ var _inputAriaDescribedby = require("./components/input-aria-describedby");
 var _noOptions = require("./components/no-options");
 var _styles = _interopRequireDefault(require("./styles"));
 var _groupedOptionsAnnouncement = require("./utils/grouped-options-announcement");
-var _excluded = ["appearance", "ariaLiveMessages", "components", "isInvalid", "onClickPreventDefault", "spacing", "styles", "tabSelectsValue", "validationState"];
+var _excluded = ["appearance", "ariaLiveMessages", "components", "isInvalid", "onClickPreventDefault", "spacing", "styles", "tabSelectsValue", "validationState"]; // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function createSelect(WrappedComponent) {

package/dist/cjs/entry-points/select.js

@@ -18,4 +18,4 @@ Object.defineProperty(exports, "default", {
 });
 var _Select = _interopRequireWildcard(require("../Select"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/index.js

@@ -134,4 +134,4 @@ var _CountrySelect = _interopRequireDefault(require("./CountrySelect"));
 var _RadioSelect = _interopRequireDefault(require("./RadioSelect"));
 var _PopupSelect = _interopRequireDefault(require("./PopupSelect"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/es2019/PopupSelect/PopupSelect.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
 import React, { PureComponent } from 'react';
 import { bind } from 'bind-event-listener';
 import { createPortal } from 'react-dom';
@@ -48,6 +49,8 @@ const defaultPopperProps = {
   placement: 'bottom-start'
 };
 const isEmpty = obj => Object.keys(obj).length === 0;
+
+// eslint-disable-next-line @repo/internal/react/no-class-components
 export default class PopupSelect extends PureComponent {
   constructor(...args) {
     var _this$defaultOpenStat;

package/dist/es2019/Select.js

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

package/dist/es2019/components/index.js

@@ -30,23 +30,42 @@ export const MultiValueRemove = props => {
   const {
     isDisabled
   } = props.selectProps;
-  return jsx(components.MultiValueRemove, props, jsx("div", {
-    css: isDisabled ? disabledStyles : enabledStyles,
-    "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon'
-  }, fg('platform-component-visual-refresh') ?
-  // eslint-disable-next-line @atlaskit/design-system/ensure-icon-color
-  jsx(CrossIcon, {
-    label: "Clear"
-  }) : jsx(Inline, {
-    xcss: iconWrapperStyles
-  }, jsx(CrossIcon, {
-    label: "Clear",
-    color: "currentColor",
-    LEGACY_fallbackIcon: LegacySelectClearIcon,
-    LEGACY_size: "small",
-    LEGACY_primaryColor: "transparent",
-    LEGACY_secondaryColor: "inherit",
-    LEGACY_margin: "var(--ds-space-negative-025, -2px)"
-  }))));
+  const renderIcon = () => {
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    if (fg('platform-component-visual-refresh')) {
+      return jsx(CrossIcon, {
+        label: "Clear",
+        color: "currentColor"
+      });
+    }
+
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    if (fg('platform-visual-refresh-icons-legacy-facade')) {
+      return jsx(Inline, {
+        xcss: iconWrapperStyles
+      }, jsx(CrossIcon, {
+        label: "Clear",
+        color: "currentColor"
+      }));
+    }
+    return (
+      // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+      jsx(LegacySelectClearIcon, {
+        label: "Clear",
+        primaryColor: "transparent",
+        size: "small",
+        secondaryColor: "inherit"
+      })
+    );
+  };
+  return (
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    jsx(components.MultiValueRemove, props, jsx("div", {
+      css: isDisabled ? disabledStyles : enabledStyles,
+      "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon'
+    }, renderIcon()))
+  );
 };
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export const IndicatorSeparator = null;

package/dist/es2019/components/indicators.js

@@ -7,8 +7,6 @@ import _extends from "@babel/runtime/helpers/extends";
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { components } from 'react-select';
-
-// import LegacyDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import DownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import CrossIcon from '@atlaskit/icon/utility/migration/cross-circle--select-clear';
 import { Inline, Pressable, xcss } from '@atlaskit/primitives';
@@ -38,7 +36,9 @@ export const ClearIndicator = props => jsx(components.ClearIndicator, _extends({
   LEGACY_size: "small",
   LEGACY_margin: "var(--ds-space-negative-025, -0.125rem)"
 })));
-export const DropdownIndicator = props => jsx(components.DropdownIndicator, props, jsx(Inline, {
+export const DropdownIndicator = props =>
+// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+jsx(components.DropdownIndicator, props, jsx(Inline, {
   as: "span",
   xcss: dropdownWrapperStyles
 }, jsx(DownIcon, {

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

@@ -213,7 +213,8 @@ class ControlOption extends Component {
         secondaryColor: getSecondaryColor({
           ...this.props,
           ...this.state
-        })
+        }),
+        isFacadeDisabled: true
       }) : null), jsx("div", {
         css: baseOptionStyles
       }, children))
@@ -226,7 +227,7 @@ class ControlOption extends Component {
  */
 export const CheckboxOption = (props
 // TODO https://product-fabric.atlassian.net/browse/DSP-20768
-// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons, @repo/internal/react/no-unsafe-spread-props
 ) => jsx(ControlOption, _extends({
   Icon: CheckboxIcon
 }, props));
@@ -236,7 +237,7 @@ export const CheckboxOption = (props
  */
 export const RadioOption = props =>
 // TODO https://product-fabric.atlassian.net/browse/DSP-20769
-// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons, @repo/internal/react/no-unsafe-spread-props
 jsx(ControlOption, _extends({
   Icon: RadioIcon
 }, props));

package/dist/es2019/createSelect.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import { mergeStyles } from 'react-select';
 import { ClearIndicator, DropdownIndicator, IndicatorSeparator, LoadingIndicator, MultiValueRemove } from './components';

package/dist/esm/PopupSelect/PopupSelect.js

@@ -10,8 +10,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["footer", "label", "maxMenuWidth", "minMenuWidth", "placeholder", "target", "testId", "onMenuOpen", "onMenuClose"];
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
 import React, { PureComponent } from 'react';
 import { bind } from 'bind-event-listener';
 import { createPortal } from 'react-dom';
@@ -64,6 +65,8 @@ var defaultPopperProps = {
 var isEmpty = function isEmpty(obj) {
   return Object.keys(obj).length === 0;
 };
+
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var PopupSelect = /*#__PURE__*/function (_PureComponent) {
   _inherits(PopupSelect, _PureComponent);
   var _super = _createSuper(PopupSelect);

package/dist/esm/Select.js

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

package/dist/esm/components/index.js

@@ -28,23 +28,42 @@ var iconWrapperStyles = xcss({
  */
 export var MultiValueRemove = function MultiValueRemove(props) {
   var isDisabled = props.selectProps.isDisabled;
-  return jsx(components.MultiValueRemove, props, jsx("div", {
-    css: isDisabled ? disabledStyles : enabledStyles,
-    "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon'
-  }, fg('platform-component-visual-refresh') ?
-  // eslint-disable-next-line @atlaskit/design-system/ensure-icon-color
-  jsx(CrossIcon, {
-    label: "Clear"
-  }) : jsx(Inline, {
-    xcss: iconWrapperStyles
-  }, jsx(CrossIcon, {
-    label: "Clear",
-    color: "currentColor",
-    LEGACY_fallbackIcon: LegacySelectClearIcon,
-    LEGACY_size: "small",
-    LEGACY_primaryColor: "transparent",
-    LEGACY_secondaryColor: "inherit",
-    LEGACY_margin: "var(--ds-space-negative-025, -2px)"
-  }))));
+  var renderIcon = function renderIcon() {
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    if (fg('platform-component-visual-refresh')) {
+      return jsx(CrossIcon, {
+        label: "Clear",
+        color: "currentColor"
+      });
+    }
+
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    if (fg('platform-visual-refresh-icons-legacy-facade')) {
+      return jsx(Inline, {
+        xcss: iconWrapperStyles
+      }, jsx(CrossIcon, {
+        label: "Clear",
+        color: "currentColor"
+      }));
+    }
+    return (
+      // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+      jsx(LegacySelectClearIcon, {
+        label: "Clear",
+        primaryColor: "transparent",
+        size: "small",
+        secondaryColor: "inherit"
+      })
+    );
+  };
+  return (
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    jsx(components.MultiValueRemove, props, jsx("div", {
+      css: isDisabled ? disabledStyles : enabledStyles,
+      "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon'
+    }, renderIcon()))
+  );
 };
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var IndicatorSeparator = null;

package/dist/esm/components/indicators.js

@@ -10,8 +10,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { components } from 'react-select';
-
-// import LegacyDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import DownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import CrossIcon from '@atlaskit/icon/utility/migration/cross-circle--select-clear';
 import { Inline, Pressable, xcss } from '@atlaskit/primitives';
@@ -43,14 +41,17 @@ export var ClearIndicator = function ClearIndicator(props) {
   })));
 };
 export var DropdownIndicator = function DropdownIndicator(props) {
-  return jsx(components.DropdownIndicator, props, jsx(Inline, {
-    as: "span",
-    xcss: dropdownWrapperStyles
-  }, jsx(DownIcon, {
-    color: "currentColor",
-    label: "open",
-    LEGACY_margin: "var(--ds-space-negative-075, -0.375rem)"
-  })));
+  return (
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    jsx(components.DropdownIndicator, props, jsx(Inline, {
+      as: "span",
+      xcss: dropdownWrapperStyles
+    }, jsx(DownIcon, {
+      color: "currentColor",
+      label: "open",
+      LEGACY_margin: "var(--ds-space-negative-075, -0.375rem)"
+    })))
+  );
 };
 export var LoadingIndicator = function LoadingIndicator(props) {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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

@@ -9,7 +9,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -223,7 +223,8 @@ var ControlOption = /*#__PURE__*/function (_Component) {
         }, !!Icon ? jsx(Icon, {
           label: "",
           primaryColor: getPrimaryColor(_objectSpread(_objectSpread({}, this.props), this.state)),
-          secondaryColor: getSecondaryColor(_objectSpread(_objectSpread({}, this.props), this.state))
+          secondaryColor: getSecondaryColor(_objectSpread(_objectSpread({}, this.props), this.state)),
+          isFacadeDisabled: true
         }) : null), jsx("div", {
           css: baseOptionStyles
         }, children))
@@ -237,7 +238,7 @@ var ControlOption = /*#__PURE__*/function (_Component) {
  */
 export var CheckboxOption = function CheckboxOption(props
 // TODO https://product-fabric.atlassian.net/browse/DSP-20768
-// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons, @repo/internal/react/no-unsafe-spread-props
 ) {
   return jsx(ControlOption, _extends({
     Icon: CheckboxIcon
@@ -250,7 +251,7 @@ export var CheckboxOption = function CheckboxOption(props
 export var RadioOption = function RadioOption(props) {
   return (
     // TODO https://product-fabric.atlassian.net/browse/DSP-20769
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons, @repo/internal/react/no-unsafe-spread-props
     jsx(ControlOption, _extends({
       Icon: RadioIcon
     }, props))

package/dist/esm/createSelect.js

@@ -4,6 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["appearance", "ariaLiveMessages", "components", "isInvalid", "onClickPreventDefault", "spacing", "styles", "tabSelectsValue", "validationState"];
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import { mergeStyles } from 'react-select';
 import { ClearIndicator, DropdownIndicator, IndicatorSeparator, LoadingIndicator, MultiValueRemove } from './components';

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

@@ -110,7 +110,10 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         focusLockEnabled: boolean;
         isOpen: boolean;
         mergedComponents: {
-            Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
+            Control: React.FC<import("../types").ControlProps<OptionType, boolean>>; /**
+             * The maximum width for the popup menu. Can be a number, representing the width in pixels,
+             * or a string containing a CSS length datatype.
+             */
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
             Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
             IndicatorSeparator: (props: import("react-select").IndicatorSeparatorProps<unknown, boolean, GroupBase<unknown>>) => import("@emotion/react").jsx.JSX.Element;

package/dist/types/types.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type SelectInstance, type Props as ReactSelectProps, type FormatOptionLabelMeta, type OnChangeValue as RSValueType, type ActionMeta as RSActionMeta, type GroupBase as GroupType, type Options as RSOptionsType, type SelectComponentsConfig as RSSelectComponentsConfig, type StylesConfig as RSStylesConfig, type InputActionMeta, type ClearIndicatorProps, type DropdownIndicatorProps, type IndicatorSeparatorProps, type LoadingIndicatorProps, type NoticeProps, type ControlProps as RSControlProps, type GroupProps as RSGroupProps, type InputProps, type MenuProps as RSMenuProps, type MenuListProps as RSMenuListComponentProps, type MultiValueProps, type OptionProps as ReactSelectOptionProps, type PlaceholderProps as RSPlaceholderProps, type SingleValueProps, type ValueContainerProps as RSValueContainerProps, type MultiValueRemoveProps, type AriaOnFocusProps } from 'react-select';
-import type BaseSelect from 'react-select/base';
+import { type AriaOnFocusProps, type ClearIndicatorProps, type DropdownIndicatorProps, type FormatOptionLabelMeta, type GroupBase as GroupType, type IndicatorSeparatorProps, type InputActionMeta, type InputProps, type LoadingIndicatorProps, type MultiValueProps, type MultiValueRemoveProps, type NoticeProps, type OptionProps as ReactSelectOptionProps, type Props as ReactSelectProps, type ActionMeta as RSActionMeta, type ControlProps as RSControlProps, type GroupProps as RSGroupProps, type MenuListProps as RSMenuListComponentProps, type MenuProps as RSMenuProps, type Options as RSOptionsType, type PlaceholderProps as RSPlaceholderProps, type SelectComponentsConfig as RSSelectComponentsConfig, type StylesConfig as RSStylesConfig, type ValueContainerProps as RSValueContainerProps, type OnChangeValue as RSValueType, type SelectInstance, type SingleValueProps } from 'react-select';
 import { type AsyncProps } from 'react-select/async';
+import type BaseSelect from 'react-select/base';
 import { type CreatableProps } from 'react-select/creatable';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 export type ValidationState = 'default' | 'error' | 'success';
 export interface OptionType {
     [key: string]: any;
@@ -19,27 +19,36 @@ export interface OptionProps<Option = OptionType, IsMulti extends boolean = fals
         onClick?: (e: MouseEvent) => void;
         primaryColor?: string;
         secondaryColor?: string;
+        isFacadeDisabled?: boolean;
     }>;
     isDisabled: boolean;
     isFocused: boolean;
     isSelected: boolean;
 }
 interface CustomSelectProps extends WithAnalyticsEventsProps {
-    /** This prop affects the height of the select control. Compact is gridSize() * 4, default is gridSize * 5  */
+    /**
+     * This prop affects the height of the select control. Compact is gridSize() * 4, default is gridSize * 5
+     */
     spacing?: 'compact' | 'default';
-    /** This prop affects the backgroundColor and border of the Select field. 'subtle' makes these transparent while 'none' prevents all field styling. Take care when using the none appearance as this doesn't include accessible interactions. */
+    /**
+     * This prop affects the backgroundColor and border of the Select field. 'subtle' makes these transparent while 'none' prevents all field styling. Take care when using the none appearance as this doesn't include accessible interactions.
+     */
     appearance?: 'default' | 'subtle' | 'none';
     /**
-   A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
-
-   **WARNING:** This prop is currently broken and a test ID will not be added to select.
-   Please refer to the [select testing page](https://atlassian.design/components/select/testing)
-   for guidance on alternatives to identifying select in tests.
-   */
+     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
+     *
+     *WARNING:** This prop is currently broken and a test ID will not be added to select.
+     * Please refer to the [select testing page](https://atlassian.design/components/select/testing)
+     * for guidance on alternatives to identifying select in tests.
+     */
     testId?: string;
-    /** This prop indicates if the component is in an error state */
+    /**
+     * This prop indicates if the component is in an error state
+     */
     isInvalid?: boolean;
-    /** @deprecated Use isInvalid instead. The state of validation if used in a form.  */
+    /**
+     * @deprecated Use isInvalid instead. The state of validation if used in a form.
+     */
     validationState?: ValidationState;
 }
 export interface SelectProps<Option, IsMulti extends boolean = false> extends ReactSelectProps<Option, IsMulti>, CustomSelectProps {

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

@@ -110,7 +110,10 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         focusLockEnabled: boolean;
         isOpen: boolean;
         mergedComponents: {
-            Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
+            Control: React.FC<import("../types").ControlProps<OptionType, boolean>>; /**
+             * The maximum width for the popup menu. Can be a number, representing the width in pixels,
+             * or a string containing a CSS length datatype.
+             */
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
             Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
             IndicatorSeparator: (props: import("react-select").IndicatorSeparatorProps<unknown, boolean, GroupBase<unknown>>) => import("@emotion/react").jsx.JSX.Element;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type SelectInstance, type Props as ReactSelectProps, type FormatOptionLabelMeta, type OnChangeValue as RSValueType, type ActionMeta as RSActionMeta, type GroupBase as GroupType, type Options as RSOptionsType, type SelectComponentsConfig as RSSelectComponentsConfig, type StylesConfig as RSStylesConfig, type InputActionMeta, type ClearIndicatorProps, type DropdownIndicatorProps, type IndicatorSeparatorProps, type LoadingIndicatorProps, type NoticeProps, type ControlProps as RSControlProps, type GroupProps as RSGroupProps, type InputProps, type MenuProps as RSMenuProps, type MenuListProps as RSMenuListComponentProps, type MultiValueProps, type OptionProps as ReactSelectOptionProps, type PlaceholderProps as RSPlaceholderProps, type SingleValueProps, type ValueContainerProps as RSValueContainerProps, type MultiValueRemoveProps, type AriaOnFocusProps } from 'react-select';
-import type BaseSelect from 'react-select/base';
+import { type AriaOnFocusProps, type ClearIndicatorProps, type DropdownIndicatorProps, type FormatOptionLabelMeta, type GroupBase as GroupType, type IndicatorSeparatorProps, type InputActionMeta, type InputProps, type LoadingIndicatorProps, type MultiValueProps, type MultiValueRemoveProps, type NoticeProps, type OptionProps as ReactSelectOptionProps, type Props as ReactSelectProps, type ActionMeta as RSActionMeta, type ControlProps as RSControlProps, type GroupProps as RSGroupProps, type MenuListProps as RSMenuListComponentProps, type MenuProps as RSMenuProps, type Options as RSOptionsType, type PlaceholderProps as RSPlaceholderProps, type SelectComponentsConfig as RSSelectComponentsConfig, type StylesConfig as RSStylesConfig, type ValueContainerProps as RSValueContainerProps, type OnChangeValue as RSValueType, type SelectInstance, type SingleValueProps } from 'react-select';
 import { type AsyncProps } from 'react-select/async';
+import type BaseSelect from 'react-select/base';
 import { type CreatableProps } from 'react-select/creatable';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 export type ValidationState = 'default' | 'error' | 'success';
 export interface OptionType {
     [key: string]: any;
@@ -19,27 +19,36 @@ export interface OptionProps<Option = OptionType, IsMulti extends boolean = fals
         onClick?: (e: MouseEvent) => void;
         primaryColor?: string;
         secondaryColor?: string;
+        isFacadeDisabled?: boolean;
     }>;
     isDisabled: boolean;
     isFocused: boolean;
     isSelected: boolean;
 }
 interface CustomSelectProps extends WithAnalyticsEventsProps {
-    /** This prop affects the height of the select control. Compact is gridSize() * 4, default is gridSize * 5  */
+    /**
+     * This prop affects the height of the select control. Compact is gridSize() * 4, default is gridSize * 5
+     */
     spacing?: 'compact' | 'default';
-    /** This prop affects the backgroundColor and border of the Select field. 'subtle' makes these transparent while 'none' prevents all field styling. Take care when using the none appearance as this doesn't include accessible interactions. */
+    /**
+     * This prop affects the backgroundColor and border of the Select field. 'subtle' makes these transparent while 'none' prevents all field styling. Take care when using the none appearance as this doesn't include accessible interactions.
+     */
     appearance?: 'default' | 'subtle' | 'none';
     /**
-   A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
-
-   **WARNING:** This prop is currently broken and a test ID will not be added to select.
-   Please refer to the [select testing page](https://atlassian.design/components/select/testing)
-   for guidance on alternatives to identifying select in tests.
-   */
+     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
+     *
+     *WARNING:** This prop is currently broken and a test ID will not be added to select.
+     * Please refer to the [select testing page](https://atlassian.design/components/select/testing)
+     * for guidance on alternatives to identifying select in tests.
+     */
     testId?: string;
-    /** This prop indicates if the component is in an error state */
+    /**
+     * This prop indicates if the component is in an error state
+     */
     isInvalid?: boolean;
-    /** @deprecated Use isInvalid instead. The state of validation if used in a form.  */
+    /**
+     * @deprecated Use isInvalid instead. The state of validation if used in a form.
+     */
     validationState?: ValidationState;
 }
 export interface SelectProps<Option, IsMulti extends boolean = false> extends ReactSelectProps<Option, IsMulti>, CustomSelectProps {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/select",
-	"version": "17.16.0",
+	"version": "17.17.0",
 	"description": "Select allows users to make a single selection or multiple selections from a list of options.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/icon": "^22.16.0",
+		"@atlaskit/icon": "^22.17.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.1.0",
 		"@atlaskit/spinner": "^16.3.0",
@@ -105,6 +105,9 @@
 		"platform-component-visual-refresh": {
 			"type": "boolean"
 		},
+		"platform-visual-refresh-icons-legacy-facade": {
+			"type": "boolean"
+		},
 		"tab-event-should-close-popupSelect": {
 			"type": "boolean"
 		}