@atlaskit/react-select 3.14.3 → 3.14.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/react-select
 
+## 3.14.4
+
+### Patch Changes
+
+- [`1b79e1553a7ce`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1b79e1553a7ce) -
+  [ux] Bug fix for elemBefore in select options. ElemBefore should also show in the dropdown in
+  cases where the formatOptionLabel or custom Option is not provided.
+
 ## 3.14.3
 
 ### Patch Changes

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

@@ -1,25 +1,25 @@
 ._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._16jlkb7n{flex-grow:1}
 ._18m915vq{overflow-y:hidden}
-._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._1e0c11p5{display:grid}
 ._1e0c1txw{display:flex}
 ._1eim1xrj{direction:rtl}
 ._1n261g80{flex-wrap:wrap}
 ._1o9zidpf{flex-shrink:0}
 ._1o9zkb7n{flex-shrink:1}
+._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
+._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
 ._1reo15vq{overflow-x:hidden}
 ._1wpz1fhb{align-self:stretch}
 ._4cvr1h6o{align-items:center}
 ._80om13gf{cursor:not-allowed}
+._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
+._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
 ._8am5i4x0{-webkit-overflow-scrolling:touch}
-._ca0qv77o{padding-top:var(--ds-space-025,2px)}
-._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
 ._i0dlf1ug{flex-basis:0%}
 ._kqswh2mm{position:relative}
 ._lcxv1rj4{pointer-events:all}
-._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
-._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
-._u5f312x7{padding-right:var(--ds-space-075,6px)}
+._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
 ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
 @media (min-width:30rem){._1tn2fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}}

package/dist/cjs/compiled/components/containers.js

@@ -6,22 +6,18 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.valueContainerCSS = exports.indicatorsContainerCSS = exports.containerCSS = exports.ValueContainer = exports.SelectContainer = exports.IndicatorsContainer = void 0;
+exports.ValueContainer = exports.SelectContainer = exports.IndicatorsContainer = void 0;
 require("./containers.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 _getStyleProps4 = 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); }
 // ==============================
 // Root Container
 // ==============================
 
-var containerCSS = exports.containerCSS = function containerCSS() {
-  return {};
-};
-
 // iOS Safari automatically zooms into form inputs on focus when the font size is less than 16px.
 // To prevent this zoom behaviour on mobile devices, the select container uses font.body.large (16px) by default,
 // then switches to the smaller font.body on screens wider than 30rem (desktop).
@@ -40,7 +36,7 @@ var SelectContainer = exports.SelectContainer = function SelectContainer(props)
     isDisabled = props.isDisabled,
     isRtl = props.isRtl,
     xcss = props.xcss;
-  var _getStyleProps = (0, _utils.getStyleProps)(props, 'container', {
+  var _getStyleProps = (0, _getStyleProps4.getStyleProps)(props, 'container', {
       '--is-disabled': isDisabled,
       '--is-rtl': isRtl
     }),
@@ -59,13 +55,10 @@ var SelectContainer = exports.SelectContainer = function SelectContainer(props)
 // Value Container
 // ==============================
 
-var valueContainerCSS = exports.valueContainerCSS = function valueContainerCSS() {
-  return {};
-};
 var valueContainerStyles = {
-  default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _4cvr1h6o _1e0c11p5 _1n261g80 _8am5i4x0 _kqswh2mm _ca0qv77o _u5f312x7 _n3tdv77o _19bv12x7",
+  default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _4cvr1h6o _1e0c11p5 _1n261g80 _8am5i4x0 _kqswh2mm _1q51v77o _y4ti12x7 _85i5v77o _bozg12x7",
   flex: "_1e0c1txw",
-  compact: "_ca0qze3t _u5f312x7 _n3tdze3t _19bv12x7"
+  compact: "_1q51ze3t _y4ti12x7 _85i5ze3t _bozg12x7"
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
@@ -77,7 +70,7 @@ var ValueContainer = exports.ValueContainer = function ValueContainer(props) {
     isCompact = props.isCompact,
     xcss = props.xcss,
     controlShouldRenderValue = props.selectProps.controlShouldRenderValue;
-  var _getStyleProps2 = (0, _utils.getStyleProps)(props, 'valueContainer', {
+  var _getStyleProps2 = (0, _getStyleProps4.getStyleProps)(props, 'valueContainer', {
       'value-container': true,
       'value-container--is-multi': isMulti,
       'value-container--has-value': hasValue
@@ -97,9 +90,6 @@ var ValueContainer = exports.ValueContainer = function ValueContainer(props) {
 // Indicator Container
 // ==============================
 
-var indicatorsContainerCSS = exports.indicatorsContainerCSS = function indicatorsContainerCSS() {
-  return {};
-};
 var indicatorContainerStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
@@ -107,7 +97,7 @@ var IndicatorsContainer = exports.IndicatorsContainer = function IndicatorsConta
   var children = props.children,
     innerProps = props.innerProps,
     xcss = props.xcss;
-  var _getStyleProps3 = (0, _utils.getStyleProps)(props, 'indicatorsContainer', {
+  var _getStyleProps3 = (0, _getStyleProps4.getStyleProps)(props, 'indicatorsContainer', {
       indicators: true
     }),
     css = _getStyleProps3.css,

package/dist/cjs/components/containers/indicators-container.compiled.css

@@ -0,0 +1,5 @@
+._1e0c1txw{display:flex}
+._1o9zidpf{flex-shrink:0}
+._1wpz1fhb{align-self:stretch}
+._4cvr1h6o{align-items:center}
+._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}

package/dist/cjs/components/containers/indicators-container.js

@@ -0,0 +1,36 @@
+/* indicators-container.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.IndicatorsContainer = void 0;
+require("./indicators-container.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 _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 indicatorContainerStyles = null;
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var IndicatorsContainer = exports.IndicatorsContainer = function IndicatorsContainer(props) {
+  var children = props.children,
+    innerProps = props.innerProps,
+    xcss = props.xcss;
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(props, 'indicatorsContainer', {
+      indicators: 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)(["_1e0c1txw _4cvr1h6o _1o9zidpf _1wpz1fhb _y4ti1b66", (0, _react2.cx)(className, xcss, '-IndicatorsContainer')])
+  }, innerProps), children);
+};

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

@@ -0,0 +1,19 @@
+
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._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)}
+._1e0c1txw{display:flex}
+._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
+._1ul9ze3t{min-width:var(--ds-space-0,0)}
+._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
+._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
+._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
+._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
+._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)}
+@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

@@ -0,0 +1,34 @@
+/* multi-value-container.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.MultiValueContainer = void 0;
+require("./multi-value-container.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");
+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",
+  disabled: "_syaz1gmx _bfhki8nm",
+  focused: "_syaz1wum _bfhk15s3 _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1"
+};
+
+// 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);
+};

package/dist/cjs/components/containers/select-container.compiled.css

@@ -0,0 +1,6 @@
+._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._1eim1xrj{direction:rtl}
+._80om13gf{cursor:not-allowed}
+._kqswh2mm{position:relative}
+._lcxv1rj4{pointer-events:all}
+@media (min-width:30rem){._1tn2fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}}

package/dist/cjs/components/containers/select-container.js

@@ -0,0 +1,43 @@
+/* select-container.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.SelectContainer = void 0;
+require("./select-container.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 _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 containerStyles = {
+  default: "_11c81d4k _kqswh2mm _lcxv1rj4 _1tn2fhey",
+  rtl: "_1eim1xrj",
+  disabled: "_80om13gf"
+};
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var SelectContainer = exports.SelectContainer = function SelectContainer(props) {
+  var children = props.children,
+    innerProps = props.innerProps,
+    isDisabled = props.isDisabled,
+    isRtl = props.isRtl,
+    xcss = props.xcss;
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(props, 'container', {
+      '--is-disabled': isDisabled,
+      '--is-rtl': isRtl
+    }),
+    className = _getStyleProps.className,
+    css = _getStyleProps.css;
+  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)([containerStyles.default, isRtl && containerStyles.rtl, isDisabled && containerStyles.disabled, (0, _react2.cx)(className, xcss, '-container')])
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: css
+  }, innerProps), children);
+};

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

@@ -0,0 +1,17 @@
+._16jlkb7n{flex-grow:1}
+._18m915vq{overflow-y:hidden}
+._1e0c11p5{display:grid}
+._1e0c1txw{display:flex}
+._1n261g80{flex-wrap:wrap}
+._1o9zkb7n{flex-shrink:1}
+._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
+._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
+._1reo15vq{overflow-x:hidden}
+._4cvr1h6o{align-items:center}
+._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
+._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
+._8am5i4x0{-webkit-overflow-scrolling:touch}
+._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
+._i0dlf1ug{flex-basis:0%}
+._kqswh2mm{position:relative}
+._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}

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

@@ -0,0 +1,46 @@
+/* value-container.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.ValueContainer = void 0;
+require("./value-container.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 _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 valueContainerStyles = {
+  default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _4cvr1h6o _1e0c11p5 _1n261g80 _8am5i4x0 _kqswh2mm _1q51v77o _y4ti12x7 _85i5v77o _bozg12x7",
+  flex: "_1e0c1txw",
+  compact: "_1q51ze3t _y4ti12x7 _85i5ze3t _bozg12x7"
+};
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var ValueContainer = exports.ValueContainer = function ValueContainer(props) {
+  var children = props.children,
+    innerProps = props.innerProps,
+    isMulti = props.isMulti,
+    hasValue = props.hasValue,
+    isCompact = props.isCompact,
+    xcss = props.xcss,
+    controlShouldRenderValue = props.selectProps.controlShouldRenderValue;
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(props, 'valueContainer', {
+      'value-container': true,
+      'value-container--is-multi': isMulti,
+      'value-container--has-value': hasValue
+    }),
+    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)([valueContainerStyles.default, isMulti && hasValue && controlShouldRenderValue && valueContainerStyles.flex, isCompact && valueContainerStyles.compact, (0, _react2.cx)(className, xcss, '-ValueContainer')])
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: css
+  }, innerProps), children);
+};

package/dist/cjs/components/control.js

@@ -6,14 +6,14 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.css = void 0;
+exports.default = void 0;
 require("./control.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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-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); }
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
 var styles = {
@@ -28,9 +28,6 @@ var styles = {
   subtleFocused: "_bfhkvuon",
   none: "_1h6d1j28 _bfhk1j28 _1u6l3sij _4cvx1j28 _irr31j28"
 };
-var css = exports.css = function css() {
-  return {};
-};
 var Control = function Control(props) {
   var children = props.children,
     appearance = props.appearance,
@@ -42,7 +39,7 @@ var Control = function Control(props) {
     innerProps = props.innerProps,
     menuIsOpen = props.menuIsOpen,
     xcss = props.xcss;
-  var _getStyleProps = (0, _utils.getStyleProps)(props, 'control', {
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(props, 'control', {
       control: true,
       'control--is-disabled': isDisabled,
       'control--is-focused': isFocused,

package/dist/cjs/components/{internal/dummy-input.js → dummy-input.js}

@@ -12,15 +12,32 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _utils = require("../../utils");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _excluded = ["innerRef"];
 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 removeProps = function removeProps(propsObj) {
+  for (var _len = arguments.length, properties = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    properties[_key - 1] = arguments[_key];
+  }
+  var propsMap = Object.entries(propsObj).filter(function (_ref) {
+    var _ref2 = (0, _slicedToArray2.default)(_ref, 1),
+      key = _ref2[0];
+    return !properties.includes(key);
+  });
+  return propsMap.reduce(function (newProps, _ref3) {
+    var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+      key = _ref4[0],
+      val = _ref4[1];
+    newProps[key] = val;
+    return newProps;
+  }, {});
+};
 var dummyInputStyles = null;
-function DummyInput(_ref) {
-  var innerRef = _ref.innerRef,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+function DummyInput(_ref5) {
+  var innerRef = _ref5.innerRef,
+    props = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
   // Remove animation props not meant for HTML elements
-  var filteredProps = (0, _utils.removeProps)(props, 'onExited', 'in', 'enter', 'exit', 'appear');
+  var filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
 
   // eslint-disable-next-line  @atlaskit/ui-styling-standard/no-classname-prop
   return /*#__PURE__*/React.createElement("input", (0, _extends2.default)({

package/dist/cjs/components/group-heading.compiled.css

@@ -0,0 +1,9 @@
+._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)}
+._1e0c1ule{display:block}
+._1p1dglyw{text-transform:none}
+._6rthpd1z{margin-block-end:.25em}
+._80om73ad{cursor:default}
+._bozgutpp{padding-inline-start:var(--ds-space-150,9pt)}
+._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
+._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}

package/dist/cjs/components/group-heading.js

@@ -0,0 +1,40 @@
+/* group-heading.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.GroupHeading = void 0;
+require("./group-heading.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react2 = require("@compiled/react");
+var _getStyleProps2 = require("../get-style-props");
+var _cleanCommonProps2 = require("../internal/clean-common-props");
+var _excluded = ["data"];
+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 headingStyles = null;
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var GroupHeading = exports.GroupHeading = function GroupHeading(props) {
+  var xcss = props.xcss;
+  var _cleanCommonProps = (0, _cleanCommonProps2.cleanCommonProps)(props),
+    data = _cleanCommonProps.data,
+    innerProps = (0, _objectWithoutProperties2.default)(_cleanCommonProps, _excluded);
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(props, 'groupHeading', {
+      'group-heading': 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)(["_11c8wadc _1e0c1ule _syazazsu _80om73ad _k48pwu06 _6rthpd1z _y4tiutpp _bozgutpp _1p1dglyw", (0, _react2.cx)(className, xcss, '-group')])
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: css
+  }, innerProps));
+};

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

@@ -1,11 +1,2 @@
-._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)}
-._1e0c1ule{display:block}
-._1p1dglyw{text-transform:none}
-._6rthpd1z{margin-block-end:.25em}
-._80om73ad{cursor:default}
-._bozgutpp{padding-inline-start:var(--ds-space-150,9pt)}
-._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
-._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
-._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
-._syazazsu{color:var(--ds-text-subtle,#505258)}
-._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
+._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
+._85i5u2gc{padding-block-end:var(--ds-space-100,8px)}

package/dist/cjs/components/group.js

@@ -6,21 +6,16 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.groupHeadingCSS = exports.groupCSS = exports.default = exports.GroupHeading = void 0;
+exports.default = void 0;
 require("./group.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react2 = require("@compiled/react");
-var _utils = require("../utils");
-var _excluded = ["data"];
+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 styles = {
-  root: "_n3tdu2gc _ca0qu2gc"
-};
-var groupCSS = exports.groupCSS = function groupCSS() {
-  return {};
+  root: "_85i5u2gc _1q51u2gc"
 };
 var Group = function Group(props) {
   var children = props.children,
@@ -33,7 +28,7 @@ var Group = function Group(props) {
     label = props.label,
     selectProps = props.selectProps,
     xcss = props.xcss;
-  var _getStyleProps = (0, _utils.getStyleProps)(props, 'group', {
+  var _getStyleProps = (0, _getStyleProps2.getStyleProps)(props, 'group', {
       group: true
     }),
     css = _getStyleProps.css,
@@ -51,30 +46,6 @@ var Group = function Group(props) {
     cx: builtinCX
   }), label), /*#__PURE__*/React.createElement("div", null, children));
 };
-var headingStyles = null;
-var groupHeadingCSS = exports.groupHeadingCSS = function groupHeadingCSS() {
-  return {};
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var GroupHeading = exports.GroupHeading = function GroupHeading(props) {
-  var xcss = props.xcss;
-  var _cleanCommonProps = (0, _utils.cleanCommonProps)(props),
-    data = _cleanCommonProps.data,
-    innerProps = (0, _objectWithoutProperties2.default)(_cleanCommonProps, _excluded);
-  var _getStyleProps2 = (0, _utils.getStyleProps)(props, 'groupHeading', {
-      'group-heading': true
-    }),
-    css = _getStyleProps2.css,
-    className = _getStyleProps2.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)(["_11c8wadc _1e0c1ule _syazazsu _80om73ad _k48pwu06 _6rthpd1z _y4tiutpp _bozgutpp _1p1dglyw", (0, _react2.cx)(className, xcss, '-group')])
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: css
-  }, innerProps));
-};
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = exports.default = Group;