@atlaskit/react-select 3.14.3 → 3.14.5

package/dist/cjs/components/index.js

@@ -1,50 +1,60 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultComponents = exports.components = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _containers = require("./containers");
+var _indicatorsContainer = require("./containers/indicators-container");
+var _multiValueContainer = require("./containers/multi-value-container");
+var _selectContainer = require("./containers/select-container");
+var _valueContainer = require("./containers/value-container");
 var _control = _interopRequireDefault(require("./control"));
-var _group = _interopRequireWildcard(require("./group"));
-var _indicators = require("./indicators");
+var _group = _interopRequireDefault(require("./group"));
+var _groupHeading = require("./group-heading");
+var _clearIndicator = require("./indicators/clear-indicator");
+var _dropdownIndicator = require("./indicators/dropdown-indicator");
+var _loadingIndicator = require("./indicators/loading-indicator");
 var _input = _interopRequireDefault(require("./input"));
-var _menu = _interopRequireWildcard(require("./menu"));
-var _multiValue = _interopRequireWildcard(require("./multi-value"));
+var _menu = _interopRequireDefault(require("./menu"));
+var _menuList = require("./menu-list");
+var _menuLoadingMessage = require("./menu-loading-message");
+var _menuNoOptionsMessage = require("./menu-no-options-message");
+var _menuPortal = require("./menu-portal");
+var _multiValue = _interopRequireDefault(require("./multi-value"));
+var _multiValueLabel = require("./multi-value-label");
+var _multiValueRemove = require("./multi-value-remove");
 var _option = _interopRequireDefault(require("./option"));
 var _placeholder = _interopRequireDefault(require("./placeholder"));
 var _singleValue = _interopRequireDefault(require("./single-value"));
-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; }
 // Required export for external packages
 
 var components = exports.components = {
-  ClearIndicator: _indicators.ClearIndicator,
+  ClearIndicator: _clearIndicator.ClearIndicator,
   Control: _control.default,
-  DropdownIndicator: _indicators.DropdownIndicator,
+  DropdownIndicator: _dropdownIndicator.DropdownIndicator,
   Group: _group.default,
-  GroupHeading: _group.GroupHeading,
-  IndicatorsContainer: _containers.IndicatorsContainer,
+  GroupHeading: _groupHeading.GroupHeading,
+  IndicatorsContainer: _indicatorsContainer.IndicatorsContainer,
   Input: _input.default,
-  LoadingIndicator: _indicators.LoadingIndicator,
+  LoadingIndicator: _loadingIndicator.LoadingIndicator,
   Menu: _menu.default,
-  MenuList: _menu.MenuList,
-  MenuPortal: _menu.MenuPortal,
-  LoadingMessage: _menu.LoadingMessage,
-  NoOptionsMessage: _menu.NoOptionsMessage,
+  MenuList: _menuList.MenuList,
+  MenuPortal: _menuPortal.MenuPortal,
+  LoadingMessage: _menuLoadingMessage.LoadingMessage,
+  NoOptionsMessage: _menuNoOptionsMessage.NoOptionsMessage,
   MultiValue: _multiValue.default,
-  MultiValueContainer: _multiValue.MultiValueContainer,
-  MultiValueLabel: _multiValue.MultiValueLabel,
-  MultiValueRemove: _multiValue.MultiValueRemove,
+  MultiValueContainer: _multiValueContainer.MultiValueContainer,
+  MultiValueLabel: _multiValueLabel.MultiValueLabel,
+  MultiValueRemove: _multiValueRemove.MultiValueRemove,
   Option: _option.default,
   Placeholder: _placeholder.default,
-  SelectContainer: _containers.SelectContainer,
+  SelectContainer: _selectContainer.SelectContainer,
   SingleValue: _singleValue.default,
-  ValueContainer: _containers.ValueContainer
+  ValueContainer: _valueContainer.ValueContainer
 };
 var defaultComponents = exports.defaultComponents = function defaultComponents(props) {
   return _objectSpread(_objectSpread({}, components), props.components);

package/dist/{esm/components/indicators.compiled.css → cjs/components/indicators/clear-indicator.compiled.css}

@@ -12,13 +12,7 @@
 ._85i512x7{padding-block-end:var(--ds-space-075,6px)}
 ._85i5idpf{padding-block-end:0}
 ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
-._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
-._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
-._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
 ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
-._syazazsu{color:var(--ds-text-subtle,#505258)}
-._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
-._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
 ._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
 ._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}

package/dist/cjs/components/indicators/clear-indicator.js

@@ -0,0 +1,55 @@
+/* clear-indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClearIndicator = void 0;
+require("./clear-indicator.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 _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
+var _compiled = require("@atlaskit/primitives/compiled");
+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 iconContainerStyles = {
+  root: "_kkk2n7od _12ji1r31 _1qu219ly _12y31o36 _1e0c1txw _4cvr1h6o _1bah1h6o _1q51v77o _y4tiv77o _85i5v77o _bozgv77o"
+};
+var clearIndicatorStyles = {
+  default: "_v564vrg3 _1e0c1txw _syaz1rpy _1q5112x7 _y4tiv77o _85i512x7 _bozgv77o _30l3azsu",
+  compact: "_1q51idpf _85i5idpf"
+};
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var ClearIndicator = exports.ClearIndicator = function ClearIndicator(props) {
+  var innerProps = props.innerProps,
+    _props$clearControlLa = props.clearControlLabel,
+    clearControlLabel = _props$clearControlLa === void 0 ? 'clear' : _props$clearControlLa,
+    isCompact = props.isCompact,
+    xcss = props.xcss;
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(props, 'clearIndicator', {
+      indicator: true,
+      'clear-indicator': true
+    }),
+    css = _getStyleProps.css,
+    className = _getStyleProps.className;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    style: css
+    // 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)([clearIndicatorStyles.default, isCompact && clearIndicatorStyles.compact, (0, _react2.cx)(className, xcss, '-indicatorContainer')])
+  }, innerProps), /*#__PURE__*/React.createElement(_compiled.Pressable, {
+    xcss: iconContainerStyles.root,
+    tabIndex: -1,
+    "aria-label": clearControlLabel
+  }, /*#__PURE__*/React.createElement(_crossCircle.default, {
+    label: "",
+    color: "currentColor",
+    size: "small"
+  })));
+};

package/dist/cjs/components/indicators/dropdown-indicator.compiled.css

@@ -0,0 +1,13 @@
+
+._v564vrg3{transition:color .15s}._1e0c1txw{display:flex}
+._1q5112x7{padding-block-start:var(--ds-space-075,6px)}
+._1q51idpf{padding-block-start:0}
+._85i512x7{padding-block-end:var(--ds-space-075,6px)}
+._85i5idpf{padding-block-end:0}
+._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
+._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
+._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
+._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
+._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
+._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}

package/dist/cjs/components/indicators/dropdown-indicator.js

@@ -0,0 +1,55 @@
+/* dropdown-indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownIndicator = void 0;
+require("./dropdown-indicator.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 _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
+var _compiled = require("@atlaskit/primitives/compiled");
+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 dropdownWrapperStyles = {
+  root: "_1q5112x7 _y4ti12x7 _85i512x7 _bozg12x7"
+};
+var dropdownStyles = {
+  default: "_v564vrg3 _1e0c1txw _syazazsu _1q5112x7 _y4tiv77o _85i512x7 _bozgv77o _30l3azsu",
+  compact: "_1q51idpf _85i5idpf",
+  disabled: "_syaz1gmx"
+};
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var DropdownIndicator = exports.DropdownIndicator = function DropdownIndicator(props) {
+  var innerProps = props.innerProps,
+    children = props.children,
+    isDisabled = props.isDisabled,
+    isCompact = props.isCompact,
+    xcss = props.xcss;
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(props, 'dropdownIndicator', {
+      indicator: true,
+      'dropdown-indicator': true
+    }),
+    css = _getStyleProps.css,
+    className = _getStyleProps.className;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    style: css
+    // 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)([dropdownStyles.default, isDisabled && dropdownStyles.disabled, isCompact && dropdownStyles.compact, (0, _react2.cx)(className, xcss, '-indicatorContainer')])
+  }, innerProps), children ? children : /*#__PURE__*/React.createElement(_compiled.Inline, {
+    as: "span",
+    xcss: dropdownWrapperStyles.root
+  }, /*#__PURE__*/React.createElement(_chevronDown.default, {
+    color: "currentColor",
+    label: "open",
+    size: "small"
+  })));
+};

package/dist/cjs/components/indicators/loading-indicator.compiled.css

@@ -0,0 +1,6 @@
+._1q5112x7{padding-block-start:var(--ds-space-075,6px)}
+._1q51idpf{padding-block-start:0}
+._85i512x7{padding-block-end:var(--ds-space-075,6px)}
+._85i5idpf{padding-block-end:0}
+._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}
+._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}

package/dist/cjs/components/indicators/loading-indicator.js

@@ -0,0 +1,55 @@
+/* loading-indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingIndicator = void 0;
+require("./loading-indicator.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react2 = require("@compiled/react");
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _getStyleProps2 = require("../../get-style-props");
+var _excluded = ["innerProps", "isRtl", "size", "isCompact", "xcss"];
+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; }
+var loadingIndicatorStyles = {
+  default: "_1q5112x7 _y4tiu2gc _85i512x7 _bozgu2gc",
+  compact: "_1q51idpf _85i5idpf"
+};
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var LoadingIndicator = exports.LoadingIndicator = function LoadingIndicator(_ref) {
+  var innerProps = _ref.innerProps,
+    isRtl = _ref.isRtl,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 4 : _ref$size,
+    isCompact = _ref.isCompact,
+    xcss = _ref.xcss,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(_objectSpread(_objectSpread({}, restProps), {}, {
+      innerProps: innerProps,
+      isRtl: isRtl,
+      size: size
+    }), 'loadingIndicator', {
+      indicator: true,
+      'loading-indicator': true
+    }),
+    css = _getStyleProps.css,
+    className = _getStyleProps.className;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    style: css
+    // 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)([loadingIndicatorStyles.default, isCompact && loadingIndicatorStyles.compact, (0, _react2.cx)(className, xcss, '-loadingIndicator')])
+  }, innerProps), /*#__PURE__*/React.createElement(_spinner.default, {
+    size: "small"
+  }));
+};

package/dist/cjs/components/input.js

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.inputCSS = exports.default = void 0;
+exports.default = void 0;
 require("./input.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
@@ -14,12 +14,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react2 = require("@compiled/react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _utils = require("../utils");
+var _getStyleProps2 = require("../get-style-props");
+var _cleanCommonProps2 = require("../internal/clean-common-props");
 var _excluded = ["innerRef", "isDisabled", "isHidden", "inputClassName", "testId"];
 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 inputCSS = exports.inputCSS = function inputCSS() {
-  return {};
-};
 var inputStylesOld = {
   root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _1e0c1n7u _yv0e12qd _syazi7uo _j8d6idpf _1av2idpf _1doyidpf _pfztidpf _uoe3idpf _1recidpf _70xridpf _1k96idpf _eq43idpf _1h9u1kw7 _ckog1yjy _1x651r31 _1nn4glyw _1rzeidpf _1yd8yh40 _aetr11ps _uy7x15vq _1qjlqvpr",
   disabled: "_3um015vq"
@@ -35,7 +33,7 @@ var Input = function Input(props) {
   var builtinCX = props.cx,
     value = props.value,
     xcss = props.xcss;
-  var _cleanCommonProps = (0, _utils.cleanCommonProps)(props),
+  var _cleanCommonProps = (0, _cleanCommonProps2.cleanCommonProps)(props),
     innerRef = _cleanCommonProps.innerRef,
     isDisabled = _cleanCommonProps.isDisabled,
     isHidden = _cleanCommonProps.isHidden,
@@ -43,7 +41,7 @@ var Input = function Input(props) {
     testId = _cleanCommonProps.testId,
     innerProps = (0, _objectWithoutProperties2.default)(_cleanCommonProps, _excluded);
   var dataId = testId ? "".concat(testId, "-select--input") : null;
-  var _getStyleProps = (0, _utils.getStyleProps)(props, 'input', {
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(props, 'input', {
       'input-container': true
     }),
     css = _getStyleProps.css,

package/dist/cjs/components/live-region.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _accessibility = require("../accessibility");
-var _a11yText = _interopRequireDefault(require("./internal/a11y-text"));
+var _a11yText = _interopRequireDefault(require("../internal/a11y-text"));
 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; }

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

@@ -0,0 +1,5 @@
+._18m91wug{overflow-y:auto}
+._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
+._85i5u2gc{padding-block-end:var(--ds-space-100,8px)}
+._8am5i4x0{-webkit-overflow-scrolling:touch}
+._kqswh2mm{position:relative}

package/dist/cjs/components/menu-list.js

@@ -0,0 +1,48 @@
+/* menu-list.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuList = void 0;
+require("./menu-list.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react2 = require("@compiled/react");
+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); }
+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 menuListStyles = null;
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var MenuList = exports.MenuList = function MenuList(props) {
+  var children = props.children,
+    innerProps = props.innerProps,
+    innerRef = props.innerRef,
+    isMulti = props.isMulti,
+    maxHeight = props.maxHeight,
+    xcss = props.xcss;
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(props, 'menuList', {
+      'menu-list': true,
+      'menu-list--is-multi': isMulti
+    }),
+    css = _getStyleProps.css,
+    className = _getStyleProps.className;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+    // 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)(["_kqswh2mm _18m91wug _85i5u2gc _1q51u2gc _8am5i4x0", (0, _react2.cx)(className, xcss, '-MenuList')])
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: _objectSpread(_objectSpread({}, css), {}, {
+      maxHeight: maxHeight
+    }),
+    ref: innerRef
+  }, innerProps, {
+    tabIndex: -1
+  }), children);
+};

package/dist/cjs/components/menu-loading-message.compiled.css

@@ -0,0 +1,5 @@
+._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
+._85i5u2gc{padding-block-end:var(--ds-space-100,8px)}
+._bozgutpp{padding-inline-start:var(--ds-space-150,9pt)}
+._y3gn1h6o{text-align:center}
+._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}

package/dist/cjs/components/menu-loading-message.js

@@ -0,0 +1,53 @@
+/* menu-loading-message.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingMessage = void 0;
+require("./menu-loading-message.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react2 = require("@compiled/react");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _getStyleProps2 = require("../get-style-props");
+var _excluded = ["children", "innerProps", "xcss"];
+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; }
+var noticeStyles = null;
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var LoadingMessage = exports.LoadingMessage = function LoadingMessage(_ref) {
+  var _ref$children = _ref.children,
+    children = _ref$children === void 0 ? 'Loading...' : _ref$children,
+    innerProps = _ref.innerProps,
+    xcss = _ref.xcss,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(_objectSpread(_objectSpread({}, restProps), {}, {
+      children: children,
+      innerProps: innerProps
+    }), 'loadingMessage', {
+      'menu-notice': true,
+      'menu-notice--loading': true
+    }),
+    css = _getStyleProps.css,
+    className = _getStyleProps.className;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+    // 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)(["_85i5u2gc _1q51u2gc _y4tiutpp _bozgutpp _y3gn1h6o", (0, _react2.cx)(className, xcss, '-LoadingMessage')])
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: css
+  }, innerProps, {
+    // eslint-disable-next-line @atlassian/a11y/role-has-required-aria-props
+    role: "option"
+  }), /*#__PURE__*/React.createElement(_compiled.Text, {
+    color: "color.text.subtle"
+  }, children));
+};

package/dist/cjs/components/menu-no-options-message.compiled.css

@@ -0,0 +1,5 @@
+._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
+._85i5u2gc{padding-block-end:var(--ds-space-100,8px)}
+._bozgutpp{padding-inline-start:var(--ds-space-150,9pt)}
+._y3gn1h6o{text-align:center}
+._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}

package/dist/cjs/components/menu-no-options-message.js

@@ -0,0 +1,52 @@
+/* menu-no-options-message.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoOptionsMessage = void 0;
+require("./menu-no-options-message.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react2 = require("@compiled/react");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _getStyleProps2 = require("../get-style-props");
+var _excluded = ["children", "innerProps", "xcss"];
+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; }
+var noticeStyles = null;
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var NoOptionsMessage = exports.NoOptionsMessage = function NoOptionsMessage(_ref) {
+  var _ref$children = _ref.children,
+    children = _ref$children === void 0 ? 'No options' : _ref$children,
+    innerProps = _ref.innerProps,
+    xcss = _ref.xcss,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(_objectSpread(_objectSpread({}, restProps), {}, {
+      children: children,
+      innerProps: innerProps
+    }), 'noOptionsMessage', {
+      'menu-notice': true,
+      'menu-notice--no-options': true
+    }),
+    css = _getStyleProps.css,
+    className = _getStyleProps.className;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+    // 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)(["_85i5u2gc _1q51u2gc _y4tiutpp _bozgutpp _y3gn1h6o", (0, _react2.cx)(className, xcss, '-NoOptionsMessage')])
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: css
+    // eslint-disable-next-line @atlassian/a11y/role-has-required-aria-props
+    ,
+    role: "option"
+  }, innerProps), /*#__PURE__*/React.createElement(_compiled.Text, {
+    color: "color.text.subtle"
+  }, children));
+};