@atlaskit/react-select 3.14.4 → 3.15.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/react-select
 
+## 3.15.0
+
+### Minor Changes
+
+- [`31cb79d51457a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/31cb79d51457a) -
+  Remove prop shouldKeepInputOnSelect to clean up stale flag
+
+## 3.14.5
+
+### Patch Changes
+
+- [`e2085d35701ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e2085d35701ca) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
 ## 3.14.4
 
 ### Patch Changes

package/dist/cjs/components/containers/multi-value-container.compiled.css

@@ -3,7 +3,7 @@
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d14je{border-color:#b7b9be}._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
-._16qs7ex6{box-shadow:0 0 0 2px var(--ds-surface,transparent),0 0 0 4px var(--ds-border-focused,transparent)}
+._16qs1xv8{box-shadow:0 0 0 2px var(--ds-surface,#fff),0 0 0 4px var(--ds-border-focused,#4688ec)}
 ._1e0c1txw{display:flex}
 ._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
 ._1ul9ze3t{min-width:var(--ds-space-0,0)}
@@ -14,6 +14,6 @@
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._p12f1osq{max-width:100%}
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
-._syaz1wum{color:var(--ds-text-selected,#333)}
-._syazjpor{color:var(--ds-text,#333)}
+._syaz6x5g{color:var(--ds-text-selected,#1868db)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 @media screen and (-ms-high-contrast:active){._1aewe4h9{border-width:var(--ds-border-width,1px)}._6up51j28{border-color:transparent}._1xdnnqa1{border-style:solid}._3yq3glyw{border:none}}

package/dist/cjs/components/containers/multi-value-container.js

@@ -14,9 +14,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react2 = require("@compiled/react");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var multiValueStyles = {
-  root: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhk1j9a _p12f1osq _syazjpor _3yq3glyw",
+  root: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhk1j9a _p12f1osq _syazi7uo _3yq3glyw",
   disabled: "_syaz1gmx _bfhki8nm",
-  focused: "_syaz1wum _bfhk15s3 _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1"
+  focused: "_syaz6x5g _bfhk15s3 _16qs1xv8 _1aewe4h9 _6up51j28 _1xdnnqa1"
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/cjs/components/input.js

@@ -46,7 +46,7 @@ var Input = function Input(props) {
     }),
     css = _getStyleProps.css,
     className = _getStyleProps.className;
-  if ((0, _platformFeatureFlags.fg)('platform_do_not_clear_input_for_multiselect')) {
+  if ((0, _platformFeatureFlags.fg)('platform_fix_input_component_styling')) {
     return /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       style: css

package/dist/cjs/components/menu.compiled.css

@@ -1,7 +1,7 @@
 
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._152t1osq{inset-block-start:100%}
-._16qsd0yg{box-shadow:var(--ds-shadow-overlay,0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1))}
+._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1bsb1osq{width:100%}
 ._1pbykb7n{z-index:1}
 ._1pfhu2gc{margin-block-start:var(--ds-space-100,8px)}

package/dist/cjs/components/menu.js

@@ -16,7 +16,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _getStyleProps2 = require("../get-style-props");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var menuStyles = {
-  root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
+  root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qs130s",
   rootT26Shape: "_2rko1mok",
   bottom: "_152t1osq",
   top: "_u7co1osq"

package/dist/cjs/components/multi-value-remove.compiled.css

@@ -12,13 +12,13 @@
 ._bfhkb1q9{background-color:var(--ds-UNSAFE-transparent,transparent)}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
-._lswu1dx5{fill:var(--ds-text,#000)}
-._lswu1rrc{fill:var(--ds-text-selected,#000)}
+._lswu6x5g{fill:var(--ds-text-selected,#1868db)}
+._lswui7uo{fill:var(--ds-text,#292a2e)}
 ._r06hglyw{-webkit-appearance:none;appearance:none}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
 ._1ah312gs:focus-visible{outline-offset:-2px}
-._13br1jjn:hover{fill:var(--ds-text-danger,#000)}
+._13br1tmw:hover{fill:var(--ds-text-danger,#ae2e24)}
 ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
-._i5f81jjn:active{fill:var(--ds-text-danger,#000)}
+._i5f81tmw:active{fill:var(--ds-text-danger,#ae2e24)}

package/dist/cjs/components/multi-value-remove.js

@@ -17,8 +17,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var disabledStyles = null;
 var enabledStyles = null;
 var multiValueRemoveStyles = {
-  focused: "_bfhkb1q9 _lswu1rrc",
-  root: "_19itglyw _2rko12b0 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _bfhksm61 _syazi7uo _1e0c1txw _lswu1dx5 _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr31dpa _13br1jjn _1di6fcek _i5f81jjn"
+  focused: "_bfhkb1q9 _lswu6x5g",
+  root: "_19itglyw _2rko12b0 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _bfhksm61 _syazi7uo _1e0c1txw _lswui7uo _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr31dpa _13br1tmw _1di6fcek _i5f81tmw"
 };
 function MultiValueRemove(_ref) {
   var isDisabled = _ref.isDisabled,

package/dist/cjs/components/multi-value.compiled.css

@@ -20,7 +20,7 @@
 ._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
 ._13muu67f{--cm-border-color:#fff}
 ._16jlidpf{flex-grow:0}
-._16qs7ex6{box-shadow:0 0 0 2px var(--ds-surface,transparent),0 0 0 4px var(--ds-border-focused,transparent)}
+._16qs1xv8{box-shadow:0 0 0 2px var(--ds-surface,#fff),0 0 0 4px var(--ds-border-focused,#4688ec)}
 ._18m915vq{overflow-y:hidden}
 ._1e0c116y{display:inline-flex}
 ._1e0c1txw{display:flex}
@@ -44,7 +44,7 @@
 ._p12f1osq{max-width:100%}
 ._p12ff6dh{max-width:11.25rem}
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
-._syaz1wum{color:var(--ds-text-selected,#333)}
+._syaz6x5g{color:var(--ds-text-selected,#1868db)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._vchhusvi{box-sizing:border-box}
 [data-color-mode=dark] ._hg5mr3uz{--cm-border-color:#000}

package/dist/cjs/components/multi-value.js

@@ -52,7 +52,7 @@ var multiValueTagLikeStyles = {
   root: "_1reo15vq _18m915vq _2rko12b0 _11c8wadc _1mouv77o _195gv77o _1dqonqa1 _189ee4h9 _1e0c116y _vchhusvi _kqswh2mm _4cvr1h6o _1ul9idpf _p12ff6dh _4t3i1k92 _bfhksm61 _syazi7uo _80om73ad _3yq3glyw",
   labelWrapper: "_16jlidpf _1o9zkb7n _i0dl1wug _1reo15vq _18m915vq _11c8wadc _1e0c1txw _4cvr1h6o _1ul9ze3t _1tkeidpf _2a9v1kw7",
   disabled: "_syaz1gmx _bfhki8nm",
-  focused: "_syaz1wum _bfhk1dpa _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1"
+  focused: "_syaz6x5g _bfhk1dpa _16qs1xv8 _1aewe4h9 _6up51j28 _1xdnnqa1"
 };
 var getMultiValueLabelText = function getMultiValueLabelText(children, data) {
   if (typeof children === 'string') {

package/dist/cjs/select.js

@@ -166,8 +166,7 @@ var defaultProps = exports.defaultProps = {
   styles: {},
   tabIndex: 0,
   tabSelectsValue: true,
-  UNSAFE_is_experimental_generic: false,
-  shouldKeepInputOnSelect: false
+  UNSAFE_is_experimental_generic: false
 };
 function toCategorizedOption(props, option, selectValue, index) {
   var isDisabled = _isOptionDisabled(props, option, selectValue);
@@ -379,20 +378,11 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
       var _this$props2 = _this.props,
         closeMenuOnSelect = _this$props2.closeMenuOnSelect,
         isMulti = _this$props2.isMulti,
-        inputValue = _this$props2.inputValue,
-        shouldKeepInputOnSelect = _this$props2.shouldKeepInputOnSelect;
-      // for multiple selection options, do not clear the search input value
-      if (isMulti && shouldKeepInputOnSelect && (0, _platformFeatureFlags.fg)('platform_do_not_clear_input_for_multiselect')) {
-        _this.onInputChange(inputValue, {
-          action: 'set-value',
-          prevInputValue: inputValue
-        });
-      } else {
-        _this.onInputChange('', {
-          action: 'set-value',
-          prevInputValue: inputValue
-        });
-      }
+        inputValue = _this$props2.inputValue;
+      _this.onInputChange('', {
+        action: 'set-value',
+        prevInputValue: inputValue
+      });
       if (closeMenuOnSelect) {
         _this.setState({
           inputIsHiddenAfterUpdate: !isMulti

package/dist/es2019/components/containers/multi-value-container.compiled.css

@@ -3,7 +3,7 @@
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d14je{border-color:#b7b9be}._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
-._16qs7ex6{box-shadow:0 0 0 2px var(--ds-surface,transparent),0 0 0 4px var(--ds-border-focused,transparent)}
+._16qs1xv8{box-shadow:0 0 0 2px var(--ds-surface,#fff),0 0 0 4px var(--ds-border-focused,#4688ec)}
 ._1e0c1txw{display:flex}
 ._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
 ._1ul9ze3t{min-width:var(--ds-space-0,0)}
@@ -14,6 +14,6 @@
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._p12f1osq{max-width:100%}
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
-._syaz1wum{color:var(--ds-text-selected,#333)}
-._syazjpor{color:var(--ds-text,#333)}
+._syaz6x5g{color:var(--ds-text-selected,#1868db)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 @media screen and (-ms-high-contrast:active){._1aewe4h9{border-width:var(--ds-border-width,1px)}._6up51j28{border-color:transparent}._1xdnnqa1{border-style:solid}._3yq3glyw{border:none}}

package/dist/es2019/components/containers/multi-value-container.js

@@ -5,9 +5,9 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { cx } from '@compiled/react';
 const multiValueStyles = {
-  root: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhk1j9a _p12f1osq _syazjpor _3yq3glyw",
+  root: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhk1j9a _p12f1osq _syazi7uo _3yq3glyw",
   disabled: "_syaz1gmx _bfhki8nm",
-  focused: "_syaz1wum _bfhk15s3 _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1"
+  focused: "_syaz6x5g _bfhk15s3 _16qs1xv8 _1aewe4h9 _6up51j28 _1xdnnqa1"
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/es2019/components/input.js

@@ -39,7 +39,7 @@ const Input = props => {
   } = getStyleProps(props, 'input', {
     'input-container': true
   });
-  if (fg('platform_do_not_clear_input_for_multiselect')) {
+  if (fg('platform_fix_input_component_styling')) {
     return /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       style: css

package/dist/es2019/components/menu.compiled.css

@@ -1,7 +1,7 @@
 
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._152t1osq{inset-block-start:100%}
-._16qsd0yg{box-shadow:var(--ds-shadow-overlay,0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1))}
+._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1bsb1osq{width:100%}
 ._1pbykb7n{z-index:1}
 ._1pfhu2gc{margin-block-start:var(--ds-space-100,8px)}

package/dist/es2019/components/menu.js

@@ -7,7 +7,7 @@ import { cx } from '@compiled/react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getStyleProps } from '../get-style-props';
 const menuStyles = {
-  root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
+  root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qs130s",
   rootT26Shape: "_2rko1mok",
   bottom: "_152t1osq",
   top: "_u7co1osq"

package/dist/es2019/components/multi-value-remove.compiled.css

@@ -12,13 +12,13 @@
 ._bfhkb1q9{background-color:var(--ds-UNSAFE-transparent,transparent)}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
-._lswu1dx5{fill:var(--ds-text,#000)}
-._lswu1rrc{fill:var(--ds-text-selected,#000)}
+._lswu6x5g{fill:var(--ds-text-selected,#1868db)}
+._lswui7uo{fill:var(--ds-text,#292a2e)}
 ._r06hglyw{-webkit-appearance:none;appearance:none}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
 ._1ah312gs:focus-visible{outline-offset:-2px}
-._13br1jjn:hover{fill:var(--ds-text-danger,#000)}
+._13br1tmw:hover{fill:var(--ds-text-danger,#ae2e24)}
 ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
-._i5f81jjn:active{fill:var(--ds-text-danger,#000)}
+._i5f81tmw:active{fill:var(--ds-text-danger,#ae2e24)}

package/dist/es2019/components/multi-value-remove.js

@@ -8,8 +8,8 @@ import CrossIcon from '@atlaskit/icon/core/cross';
 const disabledStyles = null;
 const enabledStyles = null;
 const multiValueRemoveStyles = {
-  focused: "_bfhkb1q9 _lswu1rrc",
-  root: "_19itglyw _2rko12b0 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _bfhksm61 _syazi7uo _1e0c1txw _lswu1dx5 _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr31dpa _13br1jjn _1di6fcek _i5f81jjn"
+  focused: "_bfhkb1q9 _lswu6x5g",
+  root: "_19itglyw _2rko12b0 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _bfhksm61 _syazi7uo _1e0c1txw _lswui7uo _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr31dpa _13br1tmw _1di6fcek _i5f81tmw"
 };
 export function MultiValueRemove({
   isDisabled,

package/dist/es2019/components/multi-value.compiled.css

@@ -20,7 +20,7 @@
 ._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
 ._13muu67f{--cm-border-color:#fff}
 ._16jlidpf{flex-grow:0}
-._16qs7ex6{box-shadow:0 0 0 2px var(--ds-surface,transparent),0 0 0 4px var(--ds-border-focused,transparent)}
+._16qs1xv8{box-shadow:0 0 0 2px var(--ds-surface,#fff),0 0 0 4px var(--ds-border-focused,#4688ec)}
 ._18m915vq{overflow-y:hidden}
 ._1e0c116y{display:inline-flex}
 ._1e0c1txw{display:flex}
@@ -44,7 +44,7 @@
 ._p12f1osq{max-width:100%}
 ._p12ff6dh{max-width:11.25rem}
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
-._syaz1wum{color:var(--ds-text-selected,#333)}
+._syaz6x5g{color:var(--ds-text-selected,#1868db)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._vchhusvi{box-sizing:border-box}
 [data-color-mode=dark] ._hg5mr3uz{--cm-border-color:#000}

package/dist/es2019/components/multi-value.js

@@ -40,7 +40,7 @@ const multiValueTagLikeStyles = {
   root: "_1reo15vq _18m915vq _2rko12b0 _11c8wadc _1mouv77o _195gv77o _1dqonqa1 _189ee4h9 _1e0c116y _vchhusvi _kqswh2mm _4cvr1h6o _1ul9idpf _p12ff6dh _4t3i1k92 _bfhksm61 _syazi7uo _80om73ad _3yq3glyw",
   labelWrapper: "_16jlidpf _1o9zkb7n _i0dl1wug _1reo15vq _18m915vq _11c8wadc _1e0c1txw _4cvr1h6o _1ul9ze3t _1tkeidpf _2a9v1kw7",
   disabled: "_syaz1gmx _bfhki8nm",
-  focused: "_syaz1wum _bfhk1dpa _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1"
+  focused: "_syaz6x5g _bfhk1dpa _16qs1xv8 _1aewe4h9 _6up51j28 _1xdnnqa1"
 };
 const getMultiValueLabelText = (children, data) => {
   if (typeof children === 'string') {

package/dist/es2019/select.js

@@ -138,8 +138,7 @@ export const defaultProps = {
   styles: {},
   tabIndex: 0,
   tabSelectsValue: true,
-  UNSAFE_is_experimental_generic: false,
-  shouldKeepInputOnSelect: false
+  UNSAFE_is_experimental_generic: false
 };
 function toCategorizedOption(props, option, selectValue, index) {
   const isDisabled = isOptionDisabled(props, option, selectValue);
@@ -347,21 +346,12 @@ export default class Select extends Component {
       const {
         closeMenuOnSelect,
         isMulti,
-        inputValue,
-        shouldKeepInputOnSelect
+        inputValue
       } = this.props;
-      // for multiple selection options, do not clear the search input value
-      if (isMulti && shouldKeepInputOnSelect && fg('platform_do_not_clear_input_for_multiselect')) {
-        this.onInputChange(inputValue, {
-          action: 'set-value',
-          prevInputValue: inputValue
-        });
-      } else {
-        this.onInputChange('', {
-          action: 'set-value',
-          prevInputValue: inputValue
-        });
-      }
+      this.onInputChange('', {
+        action: 'set-value',
+        prevInputValue: inputValue
+      });
       if (closeMenuOnSelect) {
         this.setState({
           inputIsHiddenAfterUpdate: !isMulti

package/dist/esm/components/containers/multi-value-container.compiled.css

@@ -3,7 +3,7 @@
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d14je{border-color:#b7b9be}._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
-._16qs7ex6{box-shadow:0 0 0 2px var(--ds-surface,transparent),0 0 0 4px var(--ds-border-focused,transparent)}
+._16qs1xv8{box-shadow:0 0 0 2px var(--ds-surface,#fff),0 0 0 4px var(--ds-border-focused,#4688ec)}
 ._1e0c1txw{display:flex}
 ._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
 ._1ul9ze3t{min-width:var(--ds-space-0,0)}
@@ -14,6 +14,6 @@
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._p12f1osq{max-width:100%}
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
-._syaz1wum{color:var(--ds-text-selected,#333)}
-._syazjpor{color:var(--ds-text,#333)}
+._syaz6x5g{color:var(--ds-text-selected,#1868db)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 @media screen and (-ms-high-contrast:active){._1aewe4h9{border-width:var(--ds-border-width,1px)}._6up51j28{border-color:transparent}._1xdnnqa1{border-style:solid}._3yq3glyw{border:none}}

package/dist/esm/components/containers/multi-value-container.js

@@ -5,9 +5,9 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { cx } from '@compiled/react';
 var multiValueStyles = {
-  root: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhk1j9a _p12f1osq _syazjpor _3yq3glyw",
+  root: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhk1j9a _p12f1osq _syazi7uo _3yq3glyw",
   disabled: "_syaz1gmx _bfhki8nm",
-  focused: "_syaz1wum _bfhk15s3 _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1"
+  focused: "_syaz6x5g _bfhk15s3 _16qs1xv8 _1aewe4h9 _6up51j28 _1xdnnqa1"
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/esm/components/input.js

@@ -37,7 +37,7 @@ var Input = function Input(props) {
     }),
     css = _getStyleProps.css,
     className = _getStyleProps.className;
-  if (fg('platform_do_not_clear_input_for_multiselect')) {
+  if (fg('platform_fix_input_component_styling')) {
     return /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       style: css

package/dist/esm/components/menu.compiled.css

@@ -1,7 +1,7 @@
 
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._152t1osq{inset-block-start:100%}
-._16qsd0yg{box-shadow:var(--ds-shadow-overlay,0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1))}
+._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1bsb1osq{width:100%}
 ._1pbykb7n{z-index:1}
 ._1pfhu2gc{margin-block-start:var(--ds-space-100,8px)}

package/dist/esm/components/menu.js

@@ -7,7 +7,7 @@ import { cx } from '@compiled/react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getStyleProps } from '../get-style-props';
 var menuStyles = {
-  root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
+  root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qs130s",
   rootT26Shape: "_2rko1mok",
   bottom: "_152t1osq",
   top: "_u7co1osq"

package/dist/esm/components/multi-value-remove.compiled.css

@@ -12,13 +12,13 @@
 ._bfhkb1q9{background-color:var(--ds-UNSAFE-transparent,transparent)}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
-._lswu1dx5{fill:var(--ds-text,#000)}
-._lswu1rrc{fill:var(--ds-text-selected,#000)}
+._lswu6x5g{fill:var(--ds-text-selected,#1868db)}
+._lswui7uo{fill:var(--ds-text,#292a2e)}
 ._r06hglyw{-webkit-appearance:none;appearance:none}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
 ._1ah312gs:focus-visible{outline-offset:-2px}
-._13br1jjn:hover{fill:var(--ds-text-danger,#000)}
+._13br1tmw:hover{fill:var(--ds-text-danger,#ae2e24)}
 ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
-._i5f81jjn:active{fill:var(--ds-text-danger,#000)}
+._i5f81tmw:active{fill:var(--ds-text-danger,#ae2e24)}

package/dist/esm/components/multi-value-remove.js

@@ -8,8 +8,8 @@ import CrossIcon from '@atlaskit/icon/core/cross';
 var disabledStyles = null;
 var enabledStyles = null;
 var multiValueRemoveStyles = {
-  focused: "_bfhkb1q9 _lswu1rrc",
-  root: "_19itglyw _2rko12b0 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _bfhksm61 _syazi7uo _1e0c1txw _lswu1dx5 _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr31dpa _13br1jjn _1di6fcek _i5f81jjn"
+  focused: "_bfhkb1q9 _lswu6x5g",
+  root: "_19itglyw _2rko12b0 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _bfhksm61 _syazi7uo _1e0c1txw _lswui7uo _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr31dpa _13br1tmw _1di6fcek _i5f81tmw"
 };
 export function MultiValueRemove(_ref) {
   var isDisabled = _ref.isDisabled,

package/dist/esm/components/multi-value.compiled.css

@@ -20,7 +20,7 @@
 ._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
 ._13muu67f{--cm-border-color:#fff}
 ._16jlidpf{flex-grow:0}
-._16qs7ex6{box-shadow:0 0 0 2px var(--ds-surface,transparent),0 0 0 4px var(--ds-border-focused,transparent)}
+._16qs1xv8{box-shadow:0 0 0 2px var(--ds-surface,#fff),0 0 0 4px var(--ds-border-focused,#4688ec)}
 ._18m915vq{overflow-y:hidden}
 ._1e0c116y{display:inline-flex}
 ._1e0c1txw{display:flex}
@@ -44,7 +44,7 @@
 ._p12f1osq{max-width:100%}
 ._p12ff6dh{max-width:11.25rem}
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
-._syaz1wum{color:var(--ds-text-selected,#333)}
+._syaz6x5g{color:var(--ds-text-selected,#1868db)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._vchhusvi{box-sizing:border-box}
 [data-color-mode=dark] ._hg5mr3uz{--cm-border-color:#000}

package/dist/esm/components/multi-value.js

@@ -43,7 +43,7 @@ var multiValueTagLikeStyles = {
   root: "_1reo15vq _18m915vq _2rko12b0 _11c8wadc _1mouv77o _195gv77o _1dqonqa1 _189ee4h9 _1e0c116y _vchhusvi _kqswh2mm _4cvr1h6o _1ul9idpf _p12ff6dh _4t3i1k92 _bfhksm61 _syazi7uo _80om73ad _3yq3glyw",
   labelWrapper: "_16jlidpf _1o9zkb7n _i0dl1wug _1reo15vq _18m915vq _11c8wadc _1e0c1txw _4cvr1h6o _1ul9ze3t _1tkeidpf _2a9v1kw7",
   disabled: "_syaz1gmx _bfhki8nm",
-  focused: "_syaz1wum _bfhk1dpa _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1"
+  focused: "_syaz6x5g _bfhk1dpa _16qs1xv8 _1aewe4h9 _6up51j28 _1xdnnqa1"
 };
 var getMultiValueLabelText = function getMultiValueLabelText(children, data) {
   if (typeof children === 'string') {

package/dist/esm/select.js

@@ -157,8 +157,7 @@ export var defaultProps = {
   styles: {},
   tabIndex: 0,
   tabSelectsValue: true,
-  UNSAFE_is_experimental_generic: false,
-  shouldKeepInputOnSelect: false
+  UNSAFE_is_experimental_generic: false
 };
 function toCategorizedOption(props, option, selectValue, index) {
   var isDisabled = _isOptionDisabled(props, option, selectValue);
@@ -370,20 +369,11 @@ var Select = /*#__PURE__*/function (_Component) {
       var _this$props2 = _this.props,
         closeMenuOnSelect = _this$props2.closeMenuOnSelect,
         isMulti = _this$props2.isMulti,
-        inputValue = _this$props2.inputValue,
-        shouldKeepInputOnSelect = _this$props2.shouldKeepInputOnSelect;
-      // for multiple selection options, do not clear the search input value
-      if (isMulti && shouldKeepInputOnSelect && fg('platform_do_not_clear_input_for_multiselect')) {
-        _this.onInputChange(inputValue, {
-          action: 'set-value',
-          prevInputValue: inputValue
-        });
-      } else {
-        _this.onInputChange('', {
-          action: 'set-value',
-          prevInputValue: inputValue
-        });
-      }
+        inputValue = _this$props2.inputValue;
+      _this.onInputChange('', {
+        action: 'set-value',
+        prevInputValue: inputValue
+      });
       if (closeMenuOnSelect) {
         _this.setState({
           inputIsHiddenAfterUpdate: !isMulti

package/dist/types/internal/portal-placement-context.d.ts

@@ -1,3 +1,4 @@
+import { type Context } from 'react';
 import type { CoercedMenuPlacement } from '../types';
 /**
  * __Portal placement context__
@@ -8,6 +9,6 @@ import type { CoercedMenuPlacement } from '../types';
  * - [Code](https://atlassian.design/components/{packageName}/code)
  * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-export declare const PortalPlacementContext: import("react").Context<{
+export declare const PortalPlacementContext: Context<{
     setPortalPlacement: (placement: CoercedMenuPlacement) => void;
 } | null>;

package/dist/types/select.d.ts

@@ -437,10 +437,6 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
     appearance: 'default' | 'subtle' | 'none';
     [key: string]: any;
     UNSAFE_is_experimental_generic?: boolean;
-    /**
-     * If `true`, the input value will be kept when an option is selected and isMulti is `true`. The default is `false`.
-     */
-    shouldKeepInputOnSelect?: boolean;
 }
 export declare const defaultProps: Omit<SelectProps<unknown, false, GroupBase<unknown>>, 'inputValue' | 'onChange' | 'onInputChange' | 'onMenuOpen' | 'onMenuClose' | 'value' | 'appearance'>;
 interface State<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {

package/dist/types-ts4.5/internal/portal-placement-context.d.ts

@@ -1,3 +1,4 @@
+import { type Context } from 'react';
 import type { CoercedMenuPlacement } from '../types';
 /**
  * __Portal placement context__
@@ -8,6 +9,6 @@ import type { CoercedMenuPlacement } from '../types';
  * - [Code](https://atlassian.design/components/{packageName}/code)
  * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-export declare const PortalPlacementContext: import("react").Context<{
+export declare const PortalPlacementContext: Context<{
     setPortalPlacement: (placement: CoercedMenuPlacement) => void;
 } | null>;

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

@@ -437,10 +437,6 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
     appearance: 'default' | 'subtle' | 'none';
     [key: string]: any;
     UNSAFE_is_experimental_generic?: boolean;
-    /**
-     * If `true`, the input value will be kept when an option is selected and isMulti is `true`. The default is `false`.
-     */
-    shouldKeepInputOnSelect?: boolean;
 }
 export declare const defaultProps: Omit<SelectProps<unknown, false, GroupBase<unknown>>, 'inputValue' | 'onChange' | 'onInputChange' | 'onMenuOpen' | 'onMenuClose' | 'value' | 'appearance'>;
 interface State<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-select",
-	"version": "3.14.4",
+	"version": "3.15.0",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -21,12 +21,12 @@
 	"atlaskit:src": "src/index.tsx",
 	"dependencies": {
 		"@atlaskit/ds-lib": "^6.0.0",
-		"@atlaskit/icon": "^33.1.0",
+		"@atlaskit/icon": "^34.0.0",
 		"@atlaskit/layering": "^3.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.1.0",
-		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/tag": "^14.6.0",
+		"@atlaskit/spinner": "^19.1.0",
+		"@atlaskit/tag": "^14.7.0",
 		"@atlaskit/tokens": "^11.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
@@ -54,7 +54,7 @@
 		"platform_dst_select_menu_close_on_blur": {
 			"type": "boolean"
 		},
-		"platform_do_not_clear_input_for_multiselect": {
+		"platform_fix_input_component_styling": {
 			"type": "boolean"
 		},
 		"platform_fix_autocomplete_aria_for_select": {