@atlaskit/react-select 1.3.2 → 1.4.0

package/dist/cjs/select.js

@@ -78,8 +78,7 @@ var defaultProps = exports.defaultProps = {
   },
   styles: {},
   tabIndex: 0,
-  tabSelectsValue: true,
-  unstyled: false
+  tabSelectsValue: true
 };
 function toCategorizedOption(props, option, selectValue, index) {
   var isDisabled = _isOptionDisabled(props, option, selectValue);
@@ -399,8 +398,7 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
       return getOptionValue(_this.props, data);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getStyles", function (key, props) {
-      var unstyled = _this.props.unstyled;
-      var base = _styles.defaultStyles[key](props, unstyled);
+      var base = _styles.defaultStyles[key](props);
       base.boxSizing = 'border-box';
       var custom = _this.props.styles[key];
       return custom ? custom(base, props) : base;

package/dist/es2019/components/containers.js

@@ -49,7 +49,7 @@ export const valueContainerCSS = ({
   selectProps: {
     controlShouldRenderValue
   }
-}, unstyled) => ({
+}) => ({
   alignItems: 'center',
   display: isMulti && hasValue && controlShouldRenderValue ? 'flex' : 'grid',
   flex: 1,
@@ -57,9 +57,7 @@ export const valueContainerCSS = ({
   WebkitOverflowScrolling: 'touch',
   position: 'relative',
   overflow: 'hidden',
-  ...(unstyled ? {} : {
-    padding: `${spacing.baseUnit / 2}px ${spacing.baseUnit * 2}px`
-  })
+  padding: `${spacing.baseUnit / 2}px ${spacing.baseUnit * 2}px`
 });
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/es2019/components/control.js

@@ -14,7 +14,7 @@ export const css = ({
     borderRadius,
     spacing
   }
-}, unstyled) => ({
+}) => ({
   label: 'control',
   alignItems: 'center',
   cursor: 'default',
@@ -25,17 +25,15 @@ export const css = ({
   outline: '0 !important',
   position: 'relative',
   transition: 'all 100ms',
-  ...(unstyled ? {} : {
-    backgroundColor: isDisabled ? colors.neutral5 : colors.neutral0,
-    borderColor: isDisabled ? colors.neutral10 : isFocused ? colors.primary : colors.neutral20,
-    borderRadius: borderRadius,
-    borderStyle: 'solid',
-    borderWidth: 1,
-    boxShadow: isFocused ? `0 0 0 1px ${colors.primary}` : undefined,
-    '&:hover': {
-      borderColor: isFocused ? colors.primary : colors.neutral30
-    }
-  })
+  backgroundColor: isDisabled ? colors.neutral5 : colors.neutral0,
+  borderColor: isDisabled ? colors.neutral10 : isFocused ? colors.primary : colors.neutral20,
+  borderRadius: borderRadius,
+  borderStyle: 'solid',
+  borderWidth: 1,
+  boxShadow: isFocused ? `0 0 0 1px ${colors.primary}` : undefined,
+  '&:hover': {
+    borderColor: isFocused ? colors.primary : colors.neutral30
+  }
 });
 const Control = props => {
   const {

package/dist/es2019/components/group.js

@@ -10,10 +10,10 @@ export const groupCSS = ({
   theme: {
     spacing
   }
-}, unstyled) => unstyled ? {} : {
+}) => ({
   paddingBottom: spacing.baseUnit * 2,
   paddingTop: spacing.baseUnit * 2
-};
+});
 const Group = props => {
   const {
     children,
@@ -44,19 +44,17 @@ export const groupHeadingCSS = ({
     colors,
     spacing
   }
-}, unstyled) => ({
+}) => ({
   label: 'group',
   cursor: 'default',
   display: 'block',
-  ...(unstyled ? {} : {
-    color: colors.neutral40,
-    fontSize: '75%',
-    fontWeight: 500,
-    marginBottom: '0.25em',
-    paddingLeft: spacing.baseUnit * 3,
-    paddingRight: spacing.baseUnit * 3,
-    textTransform: 'uppercase'
-  })
+  color: colors.neutral40,
+  fontSize: '75%',
+  fontWeight: 500,
+  marginBottom: '0.25em',
+  paddingLeft: spacing.baseUnit * 3,
+  paddingRight: spacing.baseUnit * 3,
+  textTransform: 'uppercase'
 });
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/es2019/components/indicators.js

@@ -59,17 +59,15 @@ const baseCSS = ({
     },
     colors
   }
-}, unstyled) => ({
+}) => ({
   label: 'indicatorContainer',
   display: 'flex',
   transition: 'color 150ms',
-  ...(unstyled ? {} : {
-    color: isFocused ? colors.neutral60 : colors.neutral20,
-    padding: baseUnit * 2,
-    ':hover': {
-      color: isFocused ? colors.neutral80 : colors.neutral40
-    }
-  })
+  color: isFocused ? colors.neutral60 : colors.neutral20,
+  padding: baseUnit * 2,
+  ':hover': {
+    color: isFocused ? colors.neutral80 : colors.neutral40
+  }
 });
 export const dropdownIndicatorCSS = baseCSS;
 
@@ -110,15 +108,13 @@ export const indicatorSeparatorCSS = ({
     },
     colors
   }
-}, unstyled) => ({
+}) => ({
   label: 'indicatorSeparator',
   alignSelf: 'stretch',
   width: 1,
-  ...(unstyled ? {} : {
-    backgroundColor: isDisabled ? colors.neutral10 : colors.neutral20,
-    marginBottom: baseUnit * 2,
-    marginTop: baseUnit * 2
-  })
+  backgroundColor: isDisabled ? colors.neutral10 : colors.neutral20,
+  marginBottom: baseUnit * 2,
+  marginTop: baseUnit * 2
 });
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
@@ -152,7 +148,7 @@ export const loadingIndicatorCSS = ({
       baseUnit
     }
   }
-}, unstyled) => ({
+}) => ({
   label: 'loadingIndicator',
   display: 'flex',
   transition: 'color 150ms',
@@ -162,10 +158,8 @@ export const loadingIndicatorCSS = ({
   marginRight: size,
   textAlign: 'center',
   verticalAlign: 'middle',
-  ...(unstyled ? {} : {
-    color: isFocused ? colors.neutral60 : colors.neutral20,
-    padding: baseUnit * 2
-  })
+  color: isFocused ? colors.neutral60 : colors.neutral20,
+  padding: baseUnit * 2
 });
 const LoadingDot = ({
   delay,

package/dist/es2019/components/input.js

@@ -13,18 +13,16 @@ export const inputCSS = ({
     spacing,
     colors
   }
-}, unstyled) => ({
+}) => ({
   visibility: isDisabled ? 'hidden' : 'visible',
   // force css to recompute when value change due to @emotion bug.
   // We can remove it whenever the bug is fixed.
   transform: value ? 'translateZ(0)' : '',
   ...containerStyle,
-  ...(unstyled ? {} : {
-    margin: spacing.baseUnit / 2,
-    paddingBottom: spacing.baseUnit / 2,
-    paddingTop: spacing.baseUnit / 2,
-    color: colors.neutral80
-  })
+  margin: spacing.baseUnit / 2,
+  paddingBottom: spacing.baseUnit / 2,
+  paddingTop: spacing.baseUnit / 2,
+  color: colors.neutral80
 });
 const spacingStyle = {
   gridArea: '1 / 2',

package/dist/es2019/components/menu.js

@@ -194,19 +194,17 @@ export const menuCSS = ({
     spacing,
     colors
   }
-}, unstyled) => ({
+}) => ({
   label: 'menu',
   [alignToControl(placement)]: '100%',
   position: 'absolute',
   width: '100%',
   zIndex: 1,
-  ...(unstyled ? {} : {
-    backgroundColor: colors.neutral0,
-    borderRadius: borderRadius,
-    boxShadow: '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)',
-    marginBottom: spacing.menuGutter,
-    marginTop: spacing.menuGutter
-  })
+  backgroundColor: colors.neutral0,
+  borderRadius: borderRadius,
+  boxShadow: '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)',
+  marginBottom: spacing.menuGutter,
+  marginTop: spacing.menuGutter
 });
 const PortalPlacementContext = /*#__PURE__*/createContext(null);
 
@@ -289,16 +287,14 @@ export const menuListCSS = ({
       baseUnit
     }
   }
-}, unstyled) => ({
+}) => ({
   maxHeight,
   overflowY: 'auto',
   position: 'relative',
   // required for offset[Height, Top] > keyboard scroll
   WebkitOverflowScrolling: 'touch',
-  ...(unstyled ? {} : {
-    paddingBottom: baseUnit,
-    paddingTop: baseUnit
-  })
+  paddingBottom: baseUnit,
+  paddingTop: baseUnit
 });
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
@@ -330,12 +326,10 @@ const noticeCSS = ({
     },
     colors
   }
-}, unstyled) => ({
+}) => ({
   textAlign: 'center',
-  ...(unstyled ? {} : {
-    color: colors.neutral40,
-    padding: `${baseUnit * 2}px ${baseUnit * 3}px`
-  })
+  color: colors.neutral40,
+  padding: `${baseUnit * 2}px ${baseUnit * 3}px`
 });
 export const noOptionsMessageCSS = noticeCSS;
 export const loadingMessageCSS = noticeCSS;

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

@@ -13,16 +13,14 @@ export const multiValueCSS = ({
     borderRadius,
     colors
   }
-}, unstyled) => ({
+}) => ({
   label: 'multiValue',
   display: 'flex',
   minWidth: 0,
   // resolves flex/text-overflow bug
-  ...(unstyled ? {} : {
-    backgroundColor: colors.neutral10,
-    borderRadius: borderRadius / 2,
-    margin: spacing.baseUnit / 2
-  })
+  backgroundColor: colors.neutral10,
+  borderRadius: borderRadius / 2,
+  margin: spacing.baseUnit / 2
 });
 export const multiValueLabelCSS = ({
   theme: {
@@ -30,17 +28,15 @@ export const multiValueLabelCSS = ({
     colors
   },
   cropWithEllipsis
-}, unstyled) => ({
+}) => ({
   overflow: 'hidden',
   textOverflow: cropWithEllipsis || cropWithEllipsis === undefined ? 'ellipsis' : undefined,
   whiteSpace: 'nowrap',
-  ...(unstyled ? {} : {
-    borderRadius: borderRadius / 2,
-    color: colors.neutral80,
-    fontSize: '85%',
-    padding: 3,
-    paddingLeft: 6
-  })
+  borderRadius: borderRadius / 2,
+  color: colors.neutral80,
+  fontSize: '85%',
+  padding: 3,
+  paddingLeft: 6
 });
 export const multiValueRemoveCSS = ({
   theme: {
@@ -49,19 +45,17 @@ export const multiValueRemoveCSS = ({
     colors
   },
   isFocused
-}, unstyled) => ({
+}) => ({
   alignItems: 'center',
   display: 'flex',
-  ...(unstyled ? {} : {
-    borderRadius: borderRadius / 2,
-    backgroundColor: isFocused ? colors.dangerLight : undefined,
-    paddingLeft: spacing.baseUnit,
-    paddingRight: spacing.baseUnit,
-    ':hover': {
-      backgroundColor: colors.dangerLight,
-      color: colors.danger
-    }
-  })
+  borderRadius: borderRadius / 2,
+  backgroundColor: isFocused ? colors.dangerLight : undefined,
+  paddingLeft: spacing.baseUnit,
+  paddingRight: spacing.baseUnit,
+  ':hover': {
+    backgroundColor: colors.dangerLight,
+    color: colors.danger
+  }
 });
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export const MultiValueGeneric = ({

package/dist/es2019/components/option.js

@@ -14,7 +14,7 @@ export const optionCSS = ({
     spacing,
     colors
   }
-}, unstyled) => ({
+}) => ({
   label: 'option',
   cursor: 'default',
   display: 'block',
@@ -22,15 +22,13 @@ export const optionCSS = ({
   width: '100%',
   userSelect: 'none',
   WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)',
-  ...(unstyled ? {} : {
-    backgroundColor: isSelected ? colors.primary : isFocused ? colors.primary25 : 'transparent',
-    color: isDisabled ? colors.neutral20 : isSelected ? colors.neutral0 : 'inherit',
-    padding: `${spacing.baseUnit * 2}px ${spacing.baseUnit * 3}px`,
-    // provide some affordance on touch devices
-    ':active': {
-      backgroundColor: !isDisabled ? isSelected ? colors.primary : colors.primary50 : undefined
-    }
-  })
+  backgroundColor: isSelected ? colors.primary : isFocused ? colors.primary25 : 'transparent',
+  color: isDisabled ? colors.neutral20 : isSelected ? colors.neutral0 : 'inherit',
+  padding: `${spacing.baseUnit * 2}px ${spacing.baseUnit * 3}px`,
+  // provide some affordance on touch devices
+  ':active': {
+    backgroundColor: !isDisabled ? isSelected ? colors.primary : colors.primary50 : undefined
+  }
 });
 const Option = props => {
   const {

package/dist/es2019/components/placeholder.js

@@ -11,14 +11,12 @@ export const placeholderCSS = ({
     spacing,
     colors
   }
-}, unstyled) => ({
+}) => ({
   label: 'placeholder',
   gridArea: '1 / 1 / 2 / 3',
-  ...(unstyled ? {} : {
-    color: colors.neutral50,
-    marginLeft: spacing.baseUnit / 2,
-    marginRight: spacing.baseUnit / 2
-  })
+  color: colors.neutral50,
+  marginLeft: spacing.baseUnit / 2,
+  marginRight: spacing.baseUnit / 2
 });
 const Placeholder = props => {
   const {

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

@@ -12,18 +12,16 @@ export const css = ({
     spacing,
     colors
   }
-}, unstyled) => ({
+}) => ({
   label: 'singleValue',
   gridArea: '1 / 1 / 2 / 3',
   maxWidth: '100%',
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
-  ...(unstyled ? {} : {
-    color: isDisabled ? colors.neutral40 : colors.neutral80,
-    marginLeft: spacing.baseUnit / 2,
-    marginRight: spacing.baseUnit / 2
-  })
+  color: isDisabled ? colors.neutral40 : colors.neutral80,
+  marginLeft: spacing.baseUnit / 2,
+  marginRight: spacing.baseUnit / 2
 });
 const SingleValue = props => {
   const {

package/dist/es2019/select.js

@@ -52,8 +52,7 @@ export const defaultProps = {
   }) => `${count} result${count !== 1 ? 's' : ''} available`,
   styles: {},
   tabIndex: 0,
-  tabSelectsValue: true,
-  unstyled: false
+  tabSelectsValue: true
 };
 function toCategorizedOption(props, option, selectValue, index) {
   const isDisabled = isOptionDisabled(props, option, selectValue);
@@ -370,10 +369,7 @@ export default class Select extends Component {
       return getOptionValue(this.props, data);
     });
     _defineProperty(this, "getStyles", (key, props) => {
-      const {
-        unstyled
-      } = this.props;
-      const base = defaultStyles[key](props, unstyled);
+      const base = defaultStyles[key](props);
       base.boxSizing = 'border-box';
       const custom = this.props.styles[key];
       return custom ? custom(base, props) : base;

package/dist/esm/components/containers.js

@@ -1,7 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -42,22 +39,21 @@ export var SelectContainer = function SelectContainer(props) {
 // Value Container
 // ==============================
 
-export var valueContainerCSS = function valueContainerCSS(_ref2, unstyled) {
+export var valueContainerCSS = function valueContainerCSS(_ref2) {
   var spacing = _ref2.theme.spacing,
     isMulti = _ref2.isMulti,
     hasValue = _ref2.hasValue,
     controlShouldRenderValue = _ref2.selectProps.controlShouldRenderValue;
-  return _objectSpread({
+  return {
     alignItems: 'center',
     display: isMulti && hasValue && controlShouldRenderValue ? 'flex' : 'grid',
     flex: 1,
     flexWrap: 'wrap',
     WebkitOverflowScrolling: 'touch',
     position: 'relative',
-    overflow: 'hidden'
-  }, unstyled ? {} : {
+    overflow: 'hidden',
     padding: "".concat(spacing.baseUnit / 2, "px ").concat(spacing.baseUnit * 2, "px")
-  });
+  };
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/esm/components/control.js

@@ -1,7 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -9,14 +6,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { jsx } from '@emotion/react';
 import { getStyleProps } from '../utils';
-export var css = function css(_ref, unstyled) {
+export var css = function css(_ref) {
   var isDisabled = _ref.isDisabled,
     isFocused = _ref.isFocused,
     _ref$theme = _ref.theme,
     colors = _ref$theme.colors,
     borderRadius = _ref$theme.borderRadius,
     spacing = _ref$theme.spacing;
-  return _objectSpread({
+  return {
     label: 'control',
     alignItems: 'center',
     cursor: 'default',
@@ -26,8 +23,7 @@ export var css = function css(_ref, unstyled) {
     minHeight: spacing.controlHeight,
     outline: '0 !important',
     position: 'relative',
-    transition: 'all 100ms'
-  }, unstyled ? {} : {
+    transition: 'all 100ms',
     backgroundColor: isDisabled ? colors.neutral5 : colors.neutral0,
     borderColor: isDisabled ? colors.neutral10 : isFocused ? colors.primary : colors.neutral20,
     borderRadius: borderRadius,
@@ -37,7 +33,7 @@ export var css = function css(_ref, unstyled) {
     '&:hover': {
       borderColor: isFocused ? colors.primary : colors.neutral30
     }
-  });
+  };
 };
 var Control = function Control(props) {
   var children = props.children,

package/dist/esm/components/group.js

@@ -1,9 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["data"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -11,9 +8,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { jsx } from '@emotion/react';
 import { cleanCommonProps, getStyleProps } from '../utils';
-export var groupCSS = function groupCSS(_ref, unstyled) {
+export var groupCSS = function groupCSS(_ref) {
   var spacing = _ref.theme.spacing;
-  return unstyled ? {} : {
+  return {
     paddingBottom: spacing.baseUnit * 2,
     paddingTop: spacing.baseUnit * 2
   };
@@ -41,15 +38,14 @@ var Group = function Group(props) {
     cx: cx
   }), label), jsx("div", null, children));
 };
-export var groupHeadingCSS = function groupHeadingCSS(_ref2, unstyled) {
+export var groupHeadingCSS = function groupHeadingCSS(_ref2) {
   var _ref2$theme = _ref2.theme,
     colors = _ref2$theme.colors,
     spacing = _ref2$theme.spacing;
-  return _objectSpread({
+  return {
     label: 'group',
     cursor: 'default',
-    display: 'block'
-  }, unstyled ? {} : {
+    display: 'block',
     color: colors.neutral40,
     fontSize: '75%',
     fontWeight: 500,
@@ -57,7 +53,7 @@ export var groupHeadingCSS = function groupHeadingCSS(_ref2, unstyled) {
     paddingLeft: spacing.baseUnit * 3,
     paddingRight: spacing.baseUnit * 3,
     textTransform: 'uppercase'
-  });
+  };
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/esm/components/indicators.js

@@ -64,22 +64,21 @@ export var DownChevron = function DownChevron(props) {
 // Dropdown & Clear Buttons
 // ==============================
 
-var baseCSS = function baseCSS(_ref2, unstyled) {
+var baseCSS = function baseCSS(_ref2) {
   var isFocused = _ref2.isFocused,
     _ref2$theme = _ref2.theme,
     baseUnit = _ref2$theme.spacing.baseUnit,
     colors = _ref2$theme.colors;
-  return _objectSpread({
+  return {
     label: 'indicatorContainer',
     display: 'flex',
-    transition: 'color 150ms'
-  }, unstyled ? {} : {
+    transition: 'color 150ms',
     color: isFocused ? colors.neutral60 : colors.neutral20,
     padding: baseUnit * 2,
     ':hover': {
       color: isFocused ? colors.neutral80 : colors.neutral40
     }
-  });
+  };
 };
 export var dropdownIndicatorCSS = baseCSS;
 
@@ -108,20 +107,19 @@ export var ClearIndicator = function ClearIndicator(props) {
 // Separator
 // ==============================
 
-export var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref3, unstyled) {
+export var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref3) {
   var isDisabled = _ref3.isDisabled,
     _ref3$theme = _ref3.theme,
     baseUnit = _ref3$theme.spacing.baseUnit,
     colors = _ref3$theme.colors;
-  return _objectSpread({
+  return {
     label: 'indicatorSeparator',
     alignSelf: 'stretch',
-    width: 1
-  }, unstyled ? {} : {
+    width: 1,
     backgroundColor: isDisabled ? colors.neutral10 : colors.neutral20,
     marginBottom: baseUnit * 2,
     marginTop: baseUnit * 2
-  });
+  };
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
@@ -144,13 +142,13 @@ var loadingDotAnimations = keyframes({
     opacity: 1
   }
 });
-export var loadingIndicatorCSS = function loadingIndicatorCSS(_ref4, unstyled) {
+export var loadingIndicatorCSS = function loadingIndicatorCSS(_ref4) {
   var isFocused = _ref4.isFocused,
     size = _ref4.size,
     _ref4$theme = _ref4.theme,
     colors = _ref4$theme.colors,
     baseUnit = _ref4$theme.spacing.baseUnit;
-  return _objectSpread({
+  return {
     label: 'loadingIndicator',
     display: 'flex',
     transition: 'color 150ms',
@@ -159,11 +157,10 @@ export var loadingIndicatorCSS = function loadingIndicatorCSS(_ref4, unstyled) {
     lineHeight: 1,
     marginRight: size,
     textAlign: 'center',
-    verticalAlign: 'middle'
-  }, unstyled ? {} : {
+    verticalAlign: 'middle',
     color: isFocused ? colors.neutral60 : colors.neutral20,
     padding: baseUnit * 2
-  });
+  };
 };
 var LoadingDot = function LoadingDot(_ref5) {
   var delay = _ref5.delay,