@atlaskit/react-select 3.14.3 → 3.14.5

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

@@ -1,15 +1,11 @@
 
-._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._19itglyw{border:none}
 ._2a9v1kw7 *{font:inherit}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
-._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._195g8ily{margin-inline:calc(var(--ds-space-050, 4px)*-1)}
 ._195gv77o{margin-inline:var(--ds-space-025,2px)}
 ._1dqonqa1{border-style:solid}
-._1h6d14je{border-color:#b7b9be}
 ._1h6dpryq{border-color:color-mix(in oklch,var(--tag-border-token) 100%,var(--cm-border-color) var(--cm-border-value))}
 ._1mouv77o{margin-block:var(--ds-space-025,2px)}._119b16y8{--tag-border-token:var(--ds-border-accent-red,#e2483d)}
 ._119b1b2s{--tag-border-token:var(--ds-border-accent-orange,#e06c00)}
@@ -22,62 +18,36 @@
 ._119bnf89{--tag-border-token:var(--ds-border-accent-lime,#6a9a23)}
 ._119buwd0{--tag-border-token:var(--ds-border-accent-magenta,#cd519d)}
 ._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
-._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
 ._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}
-._1bah1h6o{justify-content:center}
-._1bto1l2s{text-overflow:ellipsis}
 ._1e0c116y{display:inline-flex}
-._1e0c1kw7{display:inherit}
 ._1e0c1txw{display:flex}
-._1e0cglyw{display:none}
 ._1k671038{--border-l-factor:1.33}
 ._1o9zkb7n{flex-shrink:1}
 ._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
-._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
 ._1reo15vq{overflow-x:hidden}
 ._1tkeidpf{min-height:0}
 ._1ul9idpf{min-width:0}
 ._1ul9ze3t{min-width:var(--ds-space-0,0)}
-._1wpz1h6o{align-self:center}
 ._4cvr1h6o{align-items:center}
 ._4t3i1k92{height:1.25rem}
 ._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
 ._80om73ad{cursor:default}
-._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
-._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
-._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
 ._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
-._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
-._bfhkb1q9{background-color:var(--ds-UNSAFE-transparent,transparent)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
-._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
-._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._i0dl1wug{flex-basis:auto}
 ._kqswh2mm{position:relative}
-._lswu1dx5{fill:var(--ds-text,#000)}
-._lswu1rrc{fill:var(--ds-text-selected,#000)}
-._o5721q9c{white-space:nowrap}
 ._oe6mmko7{--cm-border-value:45%}
 ._p12f1osq{max-width:100%}
 ._p12ff6dh{max-width:11.25rem}
-._r06hglyw{-webkit-appearance:none;appearance:none}
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
-._syaz1kw7{color:inherit}
-._syaz1wum{color:var(--ds-text-selected,#333)}
+._syaz6x5g{color:var(--ds-text-selected,#1868db)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
-._syazjpor{color:var(--ds-text,#333)}
 ._vchhusvi{box-sizing:border-box}
-._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
 [data-color-mode=dark] ._hg5mr3uz{--cm-border-color:#000}
 [data-color-mode=dark] ._u8p61h4e{--border-l-factor:0.7}
-._1ah312gs:focus-visible{outline-offset:-2px}
-._13br1jjn:hover{fill:var(--ds-text-danger,#000)}
-._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)}
 @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}}
 @supports (color:oklch(from white l c h)){._1easrqqc{border-color:oklch(from var(--tag-border-token) calc(l * var(--border-l-factor)) c h)}}

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

@@ -6,19 +6,17 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MultiValueLabel = exports.MultiValueContainer = void 0;
-exports.MultiValueRemove = MultiValueRemove;
-exports.multiValueRemoveCSS = exports.multiValueLabelCSS = exports.multiValueCSS = exports.default = void 0;
+exports.default = void 0;
 require("./multi-value.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react2 = require("@compiled/react");
-var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tag = _interopRequireDefault(require("@atlaskit/tag"));
-var _utils = require("../utils");
+var _getStyleProps4 = require("../get-style-props");
+var _multiValueLabel = require("./multi-value-label");
 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); }
 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; }
@@ -54,78 +52,8 @@ 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 multiValueStyles = {
-  root: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhk1j9a _p12f1osq _syazjpor _3yq3glyw",
-  disabled: "_syaz1gmx _bfhki8nm",
-  focused: "_syaz1wum _bfhk15s3 _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1"
-};
-var multiValueCSS = exports.multiValueCSS = function multiValueCSS() {
-  return {};
-};
-var multiValueLabelCSS = exports.multiValueLabelCSS = function multiValueLabelCSS() {
-  return {};
-};
-var multiValueLabelStyles = {
-  root: "_1reo15vq _18m915vq _2rkolb4i _11c8fhey _o5721q9c _y4tiv77o _bozg1b66 _syaz1kw7",
-  disabled: "_syaz1gmx",
-  ellipsis: "_1bto1l2s"
-};
-var multiValueRemoveCSS = exports.multiValueRemoveCSS = function multiValueRemoveCSS() {
-  return {};
-};
-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"
-};
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var MultiValueContainer = exports.MultiValueContainer = function MultiValueContainer(_ref) {
-  var children = _ref.children,
-    innerProps = _ref.innerProps,
-    isFocused = _ref.isFocused,
-    isDisabled = _ref.isDisabled,
-    className = _ref.className,
-    xcss = _ref.xcss;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    className: (0, _runtime.ax)([multiValueStyles.root, isDisabled && multiValueStyles.disabled, isFocused && multiValueStyles.focused, (0, _react2.cx)(className, xcss, '-multiValue')])
-  }), children);
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var MultiValueLabel = exports.MultiValueLabel = function MultiValueLabel(_ref2) {
-  var children = _ref2.children,
-    innerProps = _ref2.innerProps,
-    isDisabled = _ref2.isDisabled,
-    hasEllipsis = _ref2.hasEllipsis,
-    className = _ref2.className,
-    xcss = _ref2.xcss;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    className: (0, _runtime.ax)([multiValueLabelStyles.root, isDisabled && multiValueLabelStyles.disabled, hasEllipsis && multiValueLabelStyles.ellipsis, (0, _react2.cx)(className, xcss, '-MultiValueLabel')])
-  }), children);
-};
-var disabledStyles = null;
-var enabledStyles = null;
-function MultiValueRemove(_ref3) {
-  var isDisabled = _ref3.isDisabled,
-    isFocused = _ref3.isFocused,
-    innerProps = _ref3.innerProps,
-    className = _ref3.className,
-    xcss = _ref3.xcss;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    className: (0, _runtime.ax)([multiValueRemoveStyles.root, isFocused && multiValueRemoveStyles.focused, (0, _react2.cx)(className, xcss, '-MultiValueRemove')])
-  }), /*#__PURE__*/React.createElement("div", {
-    "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon',
-    className: (0, _runtime.ax)([isDisabled && "_1e0cglyw", !isDisabled && "_1e0c1kw7"])
-  }, /*#__PURE__*/React.createElement(_cross.default, {
-    label: "",
-    color: "currentColor",
-    size: "small"
-  })));
-}
 var getMultiValueLabelText = function getMultiValueLabelText(children, data) {
   if (typeof children === 'string') {
     return children;
@@ -149,27 +77,27 @@ var MultiValue = function MultiValue(props) {
   var labelText = getMultiValueLabelText(children, data);
   var isPlainLabel = typeof children === 'string';
   var ffTagUplifts = (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts');
-  var _getStyleProps = (0, _utils.getStyleProps)(props, 'multiValue', {
+  var _getStyleProps = (0, _getStyleProps4.getStyleProps)(props, 'multiValue', {
       'multi-value': true,
       'multi-value--is-disabled': isDisabled
     }),
     containerCss = _getStyleProps.css,
     containerClassName = _getStyleProps.className;
-  var _getStyleProps2 = (0, _utils.getStyleProps)(props, 'multiValueLabel', {
+  var _getStyleProps2 = (0, _getStyleProps4.getStyleProps)(props, 'multiValueLabel', {
       'multi-value__label': true
     }),
     labelCss = _getStyleProps2.css,
     labelClassName = _getStyleProps2.className;
-  var _getStyleProps3 = (0, _utils.getStyleProps)(props, 'multiValueRemove', {
+  var _getStyleProps3 = (0, _getStyleProps4.getStyleProps)(props, 'multiValueRemove', {
       'multi-value__remove': true
     }),
     removeCss = _getStyleProps3.css,
     removeClassName = _getStyleProps3.className;
-  var hasCustomLabel = Label !== MultiValueLabel;
+  var hasCustomLabel = Label !== _multiValueLabel.MultiValueLabel;
   if (ffTagUplifts && isPlainLabel && !hasCustomLabel) {
-    var _ref4 = data !== null && data !== void 0 ? data : {},
-      elemBefore = _ref4.elemBefore,
-      tagColor = _ref4.color;
+    var _ref = data !== null && data !== void 0 ? data : {},
+      elemBefore = _ref.elemBefore,
+      tagColor = _ref.color;
     return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
       className: (0, _runtime.ax)([multiValueTagWrapperStyles.root, (0, _react2.cx)(props.className, containerClassName, props.xcss, '-multiValue')])

package/dist/cjs/components/option.js

@@ -6,17 +6,14 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.optionCSS = exports.default = void 0;
+exports.default = void 0;
 require("./option.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react2 = require("@compiled/react");
-var _utils = require("../utils");
+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 optionCSS = exports.optionCSS = function optionCSS() {
-  return {};
-};
 var optionStyles = {
   root: "_1rjc12x7 _18zrutpp _syazi7uo _80om73ad _1e0c1ule _1wyb1kw7 _1bsb1osq _uiztglyw _18ql1j7p _1di6fcek",
   disabled: "_syaz1gmx _80om13gf _bfhk1j28 _16qsglyw _1di61j28 _112eglyw",
@@ -32,7 +29,7 @@ var Option = function Option(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps,
     xcss = props.xcss;
-  var _getStyleProps = (0, _utils.getStyleProps)(props, 'option', {
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(props, 'option', {
       option: true,
       'option--is-disabled': isDisabled,
       'option--is-focused': isFocused,

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

@@ -1,7 +1,7 @@
 
-._nd5l1sux{grid-area:1/1/2/3}._18u0v77o{margin-left:var(--ds-space-025,2px)}
-._19pkidpf{margin-top:0}
-._2hwxv77o{margin-right:var(--ds-space-025,2px)}
-._otyridpf{margin-bottom:0}
+._nd5l1sux{grid-area:1/1/2/3}._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
+._1pfhidpf{margin-block-start:0}
+._6rthidpf{margin-block-end:0}
+._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
 ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}

package/dist/cjs/components/placeholder.js

@@ -6,19 +6,16 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.placeholderCSS = exports.default = void 0;
+exports.default = void 0;
 require("./placeholder.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react2 = require("@compiled/react");
-var _utils = require("../utils");
+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 placeholderCSS = exports.placeholderCSS = function placeholderCSS() {
-  return {};
-};
 var placeholderStyles = {
-  root: "_nd5l1sux _19pkidpf _2hwxv77o _otyridpf _18u0v77o _syaz1rpy",
+  root: "_nd5l1sux _1pfhidpf _12l2v77o _6rthidpf _ahbqv77o _syaz1rpy",
   disabled: "_syaz1gmx"
 };
 var Placeholder = function Placeholder(props) {
@@ -26,7 +23,7 @@ var Placeholder = function Placeholder(props) {
     innerProps = props.innerProps,
     isDisabled = props.isDisabled,
     xcss = props.xcss;
-  var _getStyleProps = (0, _utils.getStyleProps)(props, 'placeholder', {
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(props, 'placeholder', {
       placeholder: true
     }),
     css = _getStyleProps.css,

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

@@ -1,12 +1,12 @@
 
-._nd5l1sux{grid-area:1/1/2/3}._18m915vq{overflow-y:hidden}
-._18u0v77o{margin-left:var(--ds-space-025,2px)}
-._19pkidpf{margin-top:0}
+._nd5l1sux{grid-area:1/1/2/3}._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
+._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}
+._1pfhidpf{margin-block-start:0}
 ._1reo15vq{overflow-x:hidden}
-._2hwxv77o{margin-right:var(--ds-space-025,2px)}
+._6rthidpf{margin-block-end:0}
+._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
 ._o5721q9c{white-space:nowrap}
-._otyridpf{margin-bottom:0}
 ._p12f1osq{max-width:100%}
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}

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

@@ -6,19 +6,16 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.css = void 0;
+exports.default = void 0;
 require("./single-value.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react2 = require("@compiled/react");
-var _utils = require("../utils");
+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 css = exports.css = function css() {
-  return {};
-};
 var styles = {
-  root: "_nd5l1sux _1reo15vq _18m915vq _p12f1osq _1bto1l2s _o5721q9c _19pkidpf _2hwxv77o _otyridpf _18u0v77o _syazi7uo",
+  root: "_nd5l1sux _1reo15vq _18m915vq _p12f1osq _1bto1l2s _o5721q9c _1pfhidpf _12l2v77o _6rthidpf _ahbqv77o _syazi7uo",
   disalbed: "_syaz1gmx"
 };
 var SingleValue = function SingleValue(props) {
@@ -26,7 +23,7 @@ var SingleValue = function SingleValue(props) {
     isDisabled = props.isDisabled,
     innerProps = props.innerProps,
     xcss = props.xcss;
-  var _getStyleProps = (0, _utils.getStyleProps)(props, 'singleValue', {
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(props, 'singleValue', {
       'single-value': true,
       'single-value--is-disabled': isDisabled
     }),

package/dist/cjs/get-style-props.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyleProps = void 0;
+var getStyleProps = exports.getStyleProps = function getStyleProps(props, name, classNamesState) {
+  var cx = props.cx,
+    getStyles = props.getStyles,
+    getClassNames = props.getClassNames,
+    className = props.className;
+  return {
+    css: getStyles(name, props),
+    className: cx(classNamesState !== null && classNamesState !== void 0 ? classNamesState : {}, getClassNames(name, props), className)
+  };
+};

package/dist/cjs/internal/classnames.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.classNames = classNames;
+/**
+ * String representation of component state for styling with class names.
+ *
+ * Expects an array of strings OR a string/object pair:
+ * - className(['comp', 'comp-arg', 'comp-arg-2'])
+ * @returns 'react-select__comp react-select__comp-arg react-select__comp-arg-2'
+ * - className('comp', { some: true, state: false })
+ * @returns 'react-select__comp react-select__comp--some'
+ */
+function applyPrefixToName(prefix, name) {
+  if (!name) {
+    return prefix;
+  } else if (name[0] === '-') {
+    return prefix + name;
+  } else {
+    return prefix + '__' + name;
+  }
+}
+function classNames(prefix, state) {
+  for (var _len = arguments.length, classNameList = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    classNameList[_key - 2] = arguments[_key];
+  }
+  var arr = [].concat(classNameList);
+  if (state && prefix) {
+    for (var key in state) {
+      if (state.hasOwnProperty(key) && state[key]) {
+        arr.push("".concat(applyPrefixToName(prefix, key)));
+      }
+    }
+  }
+  return arr.filter(function (i) {
+    return i;
+  }).map(function (i) {
+    return String(i).trim();
+  }).join(' ');
+}

package/dist/cjs/internal/clean-common-props.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cleanCommonProps = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _excluded = ["className", "clearValue", "cx", "xcss", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue"];
+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; }
+// Clean Common Props
+// ==============================
+
+var cleanCommonProps = exports.cleanCommonProps = function cleanCommonProps(props) {
+  //className
+  var className = props.className,
+    clearValue = props.clearValue,
+    cx = props.cx,
+    xcss = props.xcss,
+    getStyles = props.getStyles,
+    getClassNames = props.getClassNames,
+    getValue = props.getValue,
+    hasValue = props.hasValue,
+    isMulti = props.isMulti,
+    isRtl = props.isRtl,
+    options = props.options,
+    selectOption = props.selectOption,
+    selectProps = props.selectProps,
+    setValue = props.setValue,
+    innerProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return _objectSpread({}, innerProps);
+};

package/dist/cjs/internal/clean-value.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cleanValue = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var cleanValue = exports.cleanValue = function cleanValue(value) {
+  if (Array.isArray(value)) {
+    return value.filter(Boolean);
+  }
+  if ((0, _typeof2.default)(value) === 'object' && value !== null) {
+    return [value];
+  }
+  return [];
+};

package/dist/cjs/internal/is-document-el.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDocumentElement = isDocumentElement;
+function isDocumentElement(el) {
+  return [document.documentElement, document.body, window].indexOf(el) > -1;
+}

package/dist/cjs/internal/multi-value-as-value.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.multiValueAsValue = multiValueAsValue;
+function multiValueAsValue(multiValue) {
+  return multiValue;
+}

package/dist/cjs/internal/passive-event-detector.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.supportsPassiveEvents = void 0;
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+// ==============================
+// Passive Event Detector
+// ==============================
+
+var noop = _noop.default;
+
+// https://github.com/rafgraph/detect-it/blob/main/src/index.ts#L19-L36
+var passiveOptionAccessed = false;
+var options = {
+  get passive() {
+    return passiveOptionAccessed = true;
+  }
+};
+// check for SSR
+var w = typeof window !== 'undefined' ? window : {};
+if (w.addEventListener && w.removeEventListener) {
+  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+  w.addEventListener('p', noop, options);
+  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+  w.removeEventListener('p', noop, false);
+}
+var supportsPassiveEvents = exports.supportsPassiveEvents = passiveOptionAccessed;

package/dist/cjs/internal/portal-placement-context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PortalPlacementContext = void 0;
+var _react = require("react");
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
+/**
+ * __Portal placement context__
+ *
+ * A portal placement context {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+var PortalPlacementContext = exports.PortalPlacementContext = /*#__PURE__*/(0, _react.createContext)(null);

package/dist/cjs/internal/scroll-to.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scrollTo = scrollTo;
+var _isDocumentEl = require("./is-document-el");
+function scrollTo(el, top) {
+  // with a scroll distance, we perform scroll on the element
+  if ((0, _isDocumentEl.isDocumentElement)(el)) {
+    window.scrollTo(0, top);
+    return;
+  }
+  el.scrollTop = top;
+}

package/dist/cjs/internal/single-value-as-value.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.singleValueAsValue = singleValueAsValue;
+function singleValueAsValue(singleValue) {
+  return singleValue;
+}

package/dist/cjs/{components/internal → internal}/use-scroll-capture.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useScrollCapture;
 var _react = require("react");
-var _utils = require("../../utils");
+var _passiveEventDetector = require("./passive-event-detector");
 var cancelScroll = function cancelScroll(event) {
   if (event.cancelable) {
     event.preventDefault();
@@ -93,7 +93,7 @@ function useScrollCapture(_ref) {
     if (!el) {
       return;
     }
-    var notPassive = _utils.supportsPassiveEvents ? {
+    var notPassive = _passiveEventDetector.supportsPassiveEvents ? {
       passive: false
     } : false;
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners

package/dist/cjs/internal/value-ternary.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.valueTernary = valueTernary;
+function valueTernary(isMulti, multiValue, singleValue) {
+  return isMulti ? multiValue : singleValue;
+}

package/dist/cjs/select.compiled.css

@@ -0,0 +1,3 @@
+
+._zulpu2gc{gap:var(--ds-space-100,8px)}._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}