@atlaskit/react-select 1.3.3 → 1.4.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/react-select
 
+## 1.4.0
+
+### Minor Changes
+
+- [#166811](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166811)
+  [`6bfa3f552b209`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6bfa3f552b209) -
+  Remove unstyled prop
+
 ## 1.3.3
 
 ### Patch Changes

package/dist/cjs/components/containers.js

@@ -5,15 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.valueContainerCSS = exports.indicatorsContainerCSS = exports.containerCSS = exports.ValueContainer = exports.SelectContainer = exports.IndicatorsContainer = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
 var _utils = require("../utils");
-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; } /**
+/**
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 // ==============================
 // Root Container
 // ==============================
@@ -46,22 +45,21 @@ var SelectContainer = exports.SelectContainer = function SelectContainer(props)
 // Value Container
 // ==============================
 
-var valueContainerCSS = exports.valueContainerCSS = function valueContainerCSS(_ref2, unstyled) {
+var valueContainerCSS = exports.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/cjs/components/control.js

@@ -6,22 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.css = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _utils = require("../utils");
-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; } /**
+/**
  * @jsxRuntime classic
  * @jsx jsx
  */
-var css = exports.css = function css(_ref, unstyled) {
+
+var css = exports.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',
@@ -31,8 +30,7 @@ var css = exports.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,
@@ -42,7 +40,7 @@ var css = exports.css = function css(_ref, unstyled) {
     '&:hover': {
       borderColor: isFocused ? colors.primary : colors.neutral30
     }
-  });
+  };
 };
 var Control = function Control(props) {
   var children = props.children,

package/dist/cjs/components/group.js

@@ -6,19 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.groupHeadingCSS = exports.groupCSS = exports.default = exports.GroupHeading = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
 var _utils = require("../utils");
 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) { (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; } /**
+/**
  * @jsxRuntime classic
  * @jsx jsx
  */
-var groupCSS = exports.groupCSS = function groupCSS(_ref, unstyled) {
+var groupCSS = exports.groupCSS = function groupCSS(_ref) {
   var spacing = _ref.theme.spacing;
-  return unstyled ? {} : {
+  return {
     paddingBottom: spacing.baseUnit * 2,
     paddingTop: spacing.baseUnit * 2
   };
@@ -46,15 +44,14 @@ var Group = function Group(props) {
     cx: cx
   }), label), (0, _react.jsx)("div", null, children));
 };
-var groupHeadingCSS = exports.groupHeadingCSS = function groupHeadingCSS(_ref2, unstyled) {
+var groupHeadingCSS = exports.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,
@@ -62,7 +59,7 @@ var groupHeadingCSS = exports.groupHeadingCSS = function groupHeadingCSS(_ref2,
     paddingLeft: spacing.baseUnit * 3,
     paddingRight: spacing.baseUnit * 3,
     textTransform: 'uppercase'
-  });
+  };
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/cjs/components/indicators.js

@@ -69,22 +69,21 @@ var DownChevron = exports.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
     }
-  });
+  };
 };
 var dropdownIndicatorCSS = exports.dropdownIndicatorCSS = baseCSS;
 
@@ -113,20 +112,19 @@ var ClearIndicator = exports.ClearIndicator = function ClearIndicator(props) {
 // Separator
 // ==============================
 
-var indicatorSeparatorCSS = exports.indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref3, unstyled) {
+var indicatorSeparatorCSS = exports.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
@@ -149,13 +147,13 @@ var loadingDotAnimations = (0, _react.keyframes)({
     opacity: 1
   }
 });
-var loadingIndicatorCSS = exports.loadingIndicatorCSS = function loadingIndicatorCSS(_ref4, unstyled) {
+var loadingIndicatorCSS = exports.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',
@@ -164,11 +162,10 @@ var loadingIndicatorCSS = exports.loadingIndicatorCSS = function loadingIndicato
     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,

package/dist/cjs/components/input.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsxRuntime classic
  * @jsx jsx
  */
-var inputCSS = exports.inputCSS = function inputCSS(_ref, unstyled) {
+var inputCSS = exports.inputCSS = function inputCSS(_ref) {
   var isDisabled = _ref.isDisabled,
     value = _ref.value,
     _ref$theme = _ref.theme,
@@ -27,7 +27,7 @@ var inputCSS = exports.inputCSS = function inputCSS(_ref, unstyled) {
     // 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 ? {} : {
+  }, containerStyle), {}, {
     margin: spacing.baseUnit / 2,
     paddingBottom: spacing.baseUnit / 2,
     paddingTop: spacing.baseUnit / 2,

package/dist/cjs/components/menu.js

@@ -199,22 +199,16 @@ function alignToControl(placement) {
 var coercePlacement = function coercePlacement(p) {
   return p === 'auto' ? 'bottom' : p;
 };
-var menuCSS = exports.menuCSS = function menuCSS(_ref2, unstyled) {
-  var _objectSpread2;
+var menuCSS = exports.menuCSS = function menuCSS(_ref2) {
+  var _ref3;
   var placement = _ref2.placement,
     _ref2$theme = _ref2.theme,
     borderRadius = _ref2$theme.borderRadius,
     spacing = _ref2$theme.spacing,
     colors = _ref2$theme.colors;
-  return _objectSpread((_objectSpread2 = {
+  return _ref3 = {
     label: 'menu'
-  }, (0, _defineProperty2.default)(_objectSpread2, alignToControl(placement), '100%'), (0, _defineProperty2.default)(_objectSpread2, "position", 'absolute'), (0, _defineProperty2.default)(_objectSpread2, "width", '100%'), (0, _defineProperty2.default)(_objectSpread2, "zIndex", 1), _objectSpread2), 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
-  });
+  }, (0, _defineProperty2.default)(_ref3, alignToControl(placement), '100%'), (0, _defineProperty2.default)(_ref3, "position", 'absolute'), (0, _defineProperty2.default)(_ref3, "width", '100%'), (0, _defineProperty2.default)(_ref3, "zIndex", 1), (0, _defineProperty2.default)(_ref3, "backgroundColor", colors.neutral0), (0, _defineProperty2.default)(_ref3, "borderRadius", borderRadius), (0, _defineProperty2.default)(_ref3, "boxShadow", '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)'), (0, _defineProperty2.default)(_ref3, "marginBottom", spacing.menuGutter), (0, _defineProperty2.default)(_ref3, "marginTop", spacing.menuGutter), _ref3;
 };
 var PortalPlacementContext = /*#__PURE__*/(0, _react.createContext)(null);
 
@@ -228,8 +222,8 @@ var MenuPlacer = exports.MenuPlacer = function MenuPlacer(props) {
     menuPosition = props.menuPosition,
     menuShouldScrollIntoView = props.menuShouldScrollIntoView,
     theme = props.theme;
-  var _ref3 = (0, _react.useContext)(PortalPlacementContext) || {},
-    setPortalPlacement = _ref3.setPortalPlacement;
+  var _ref4 = (0, _react.useContext)(PortalPlacementContext) || {},
+    setPortalPlacement = _ref4.setPortalPlacement;
   var ref = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(maxMenuHeight),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -285,19 +279,18 @@ var Menu = function Menu(props) {
 var _default = exports.default = Menu; // ==============================
 // Menu List
 // ==============================
-var menuListCSS = exports.menuListCSS = function menuListCSS(_ref4, unstyled) {
-  var maxHeight = _ref4.maxHeight,
-    baseUnit = _ref4.theme.spacing.baseUnit;
-  return _objectSpread({
+var menuListCSS = exports.menuListCSS = function menuListCSS(_ref5) {
+  var maxHeight = _ref5.maxHeight,
+    baseUnit = _ref5.theme.spacing.baseUnit;
+  return {
     maxHeight: maxHeight,
     overflowY: 'auto',
     position: 'relative',
     // required for offset[Height, Top] > keyboard scroll
-    WebkitOverflowScrolling: 'touch'
-  }, unstyled ? {} : {
+    WebkitOverflowScrolling: 'touch',
     paddingBottom: baseUnit,
     paddingTop: baseUnit
-  });
+  };
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
@@ -320,25 +313,24 @@ var MenuList = exports.MenuList = function MenuList(props) {
 // Menu Notices
 // ==============================
 
-var noticeCSS = function noticeCSS(_ref5, unstyled) {
-  var _ref5$theme = _ref5.theme,
-    baseUnit = _ref5$theme.spacing.baseUnit,
-    colors = _ref5$theme.colors;
-  return _objectSpread({
-    textAlign: 'center'
-  }, unstyled ? {} : {
+var noticeCSS = function noticeCSS(_ref6) {
+  var _ref6$theme = _ref6.theme,
+    baseUnit = _ref6$theme.spacing.baseUnit,
+    colors = _ref6$theme.colors;
+  return {
+    textAlign: 'center',
     color: colors.neutral40,
     padding: "".concat(baseUnit * 2, "px ").concat(baseUnit * 3, "px")
-  });
+  };
 };
 var noOptionsMessageCSS = exports.noOptionsMessageCSS = noticeCSS;
 var loadingMessageCSS = exports.loadingMessageCSS = noticeCSS;
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-var NoOptionsMessage = exports.NoOptionsMessage = function NoOptionsMessage(_ref6) {
-  var _ref6$children = _ref6.children,
-    children = _ref6$children === void 0 ? 'No options' : _ref6$children,
-    innerProps = _ref6.innerProps,
-    restProps = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
+var NoOptionsMessage = exports.NoOptionsMessage = function NoOptionsMessage(_ref7) {
+  var _ref7$children = _ref7.children,
+    children = _ref7$children === void 0 ? 'No options' : _ref7$children,
+    innerProps = _ref7.innerProps,
+    restProps = (0, _objectWithoutProperties2.default)(_ref7, _excluded);
   return (0, _react2.jsx)("div", (0, _extends2.default)({}, (0, _utils.getStyleProps)(_objectSpread(_objectSpread({}, restProps), {}, {
     children: children,
     innerProps: innerProps
@@ -352,11 +344,11 @@ var NoOptionsMessage = exports.NoOptionsMessage = function NoOptionsMessage(_ref
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-var LoadingMessage = exports.LoadingMessage = function LoadingMessage(_ref7) {
-  var _ref7$children = _ref7.children,
-    children = _ref7$children === void 0 ? 'Loading...' : _ref7$children,
-    innerProps = _ref7.innerProps,
-    restProps = (0, _objectWithoutProperties2.default)(_ref7, _excluded2);
+var LoadingMessage = exports.LoadingMessage = function LoadingMessage(_ref8) {
+  var _ref8$children = _ref8.children,
+    children = _ref8$children === void 0 ? 'Loading...' : _ref8$children,
+    innerProps = _ref8.innerProps,
+    restProps = (0, _objectWithoutProperties2.default)(_ref8, _excluded2);
   return (0, _react2.jsx)("div", (0, _extends2.default)({}, (0, _utils.getStyleProps)(_objectSpread(_objectSpread({}, restProps), {}, {
     children: children,
     innerProps: innerProps
@@ -373,10 +365,10 @@ var LoadingMessage = exports.LoadingMessage = function LoadingMessage(_ref7) {
 // Menu Portal
 // ==============================
 
-var menuPortalCSS = exports.menuPortalCSS = function menuPortalCSS(_ref8) {
-  var rect = _ref8.rect,
-    offset = _ref8.offset,
-    position = _ref8.position;
+var menuPortalCSS = exports.menuPortalCSS = function menuPortalCSS(_ref9) {
+  var rect = _ref9.rect,
+    offset = _ref9.offset,
+    position = _ref9.position;
   return {
     left: rect.left,
     position: position,

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

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.MultiValueLabel = exports.MultiValueGeneric = exports.MultiValueContainer = void 0;
 exports.MultiValueRemove = MultiValueRemove;
 exports.multiValueRemoveCSS = exports.multiValueLabelCSS = exports.multiValueCSS = exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
 var _utils = require("../utils");
 var _indicators = require("./indicators");
@@ -17,48 +17,46 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsxRuntime classic
  * @jsx jsx
  */
-var multiValueCSS = exports.multiValueCSS = function multiValueCSS(_ref, unstyled) {
+var multiValueCSS = exports.multiValueCSS = function multiValueCSS(_ref) {
   var _ref$theme = _ref.theme,
     spacing = _ref$theme.spacing,
     borderRadius = _ref$theme.borderRadius,
     colors = _ref$theme.colors;
-  return _objectSpread({
+  return {
     label: 'multiValue',
     display: 'flex',
-    minWidth: 0
-  }, unstyled ? {} : {
+    minWidth: 0,
+    // resolves flex/text-overflow bug
     backgroundColor: colors.neutral10,
     borderRadius: borderRadius / 2,
     margin: spacing.baseUnit / 2
-  });
+  };
 };
-var multiValueLabelCSS = exports.multiValueLabelCSS = function multiValueLabelCSS(_ref2, unstyled) {
+var multiValueLabelCSS = exports.multiValueLabelCSS = function multiValueLabelCSS(_ref2) {
   var _ref2$theme = _ref2.theme,
     borderRadius = _ref2$theme.borderRadius,
     colors = _ref2$theme.colors,
     cropWithEllipsis = _ref2.cropWithEllipsis;
-  return _objectSpread({
+  return {
     overflow: 'hidden',
     textOverflow: cropWithEllipsis || cropWithEllipsis === undefined ? 'ellipsis' : undefined,
-    whiteSpace: 'nowrap'
-  }, unstyled ? {} : {
+    whiteSpace: 'nowrap',
     borderRadius: borderRadius / 2,
     color: colors.neutral80,
     fontSize: '85%',
     padding: 3,
     paddingLeft: 6
-  });
+  };
 };
-var multiValueRemoveCSS = exports.multiValueRemoveCSS = function multiValueRemoveCSS(_ref3, unstyled) {
+var multiValueRemoveCSS = exports.multiValueRemoveCSS = function multiValueRemoveCSS(_ref3) {
   var _ref3$theme = _ref3.theme,
     spacing = _ref3$theme.spacing,
     borderRadius = _ref3$theme.borderRadius,
     colors = _ref3$theme.colors,
     isFocused = _ref3.isFocused;
-  return _objectSpread({
+  return {
     alignItems: 'center',
-    display: 'flex'
-  }, unstyled ? {} : {
+    display: 'flex',
     borderRadius: borderRadius / 2,
     backgroundColor: isFocused ? colors.dangerLight : undefined,
     paddingLeft: spacing.baseUnit,
@@ -67,7 +65,7 @@ var multiValueRemoveCSS = exports.multiValueRemoveCSS = function multiValueRemov
       backgroundColor: colors.dangerLight,
       color: colors.danger
     }
-  });
+  };
 };
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var MultiValueGeneric = exports.MultiValueGeneric = function MultiValueGeneric(_ref4) {

package/dist/cjs/components/option.js

@@ -6,30 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.optionCSS = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _utils = require("../utils");
-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; } /**
+/**
  * @jsxRuntime classic
  * @jsx jsx
  */
-var optionCSS = exports.optionCSS = function optionCSS(_ref, unstyled) {
+
+var optionCSS = exports.optionCSS = function optionCSS(_ref) {
   var isDisabled = _ref.isDisabled,
     isFocused = _ref.isFocused,
     isSelected = _ref.isSelected,
     _ref$theme = _ref.theme,
     spacing = _ref$theme.spacing,
     colors = _ref$theme.colors;
-  return _objectSpread({
+  return {
     label: 'option',
     cursor: 'default',
     display: 'block',
     fontSize: 'inherit',
     width: '100%',
     userSelect: 'none',
-    WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)'
-  }, unstyled ? {} : {
+    WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)',
     backgroundColor: isSelected ? colors.primary : isFocused ? colors.primary25 : 'transparent',
     color: isDisabled ? colors.neutral20 : isSelected ? colors.neutral0 : 'inherit',
     padding: "".concat(spacing.baseUnit * 2, "px ").concat(spacing.baseUnit * 3, "px"),
@@ -37,7 +35,7 @@ var optionCSS = exports.optionCSS = function optionCSS(_ref, unstyled) {
     ':active': {
       backgroundColor: !isDisabled ? isSelected ? colors.primary : colors.primary50 : undefined
     }
-  });
+  };
 };
 var Option = function Option(props) {
   var children = props.children,

package/dist/cjs/components/placeholder.js

@@ -6,26 +6,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.placeholderCSS = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _utils = require("../utils");
-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; } /**
+/**
  * @jsxRuntime classic
  * @jsx jsx
  */
-var placeholderCSS = exports.placeholderCSS = function placeholderCSS(_ref, unstyled) {
+
+var placeholderCSS = exports.placeholderCSS = function placeholderCSS(_ref) {
   var _ref$theme = _ref.theme,
     spacing = _ref$theme.spacing,
     colors = _ref$theme.colors;
-  return _objectSpread({
+  return {
     label: 'placeholder',
-    gridArea: '1 / 1 / 2 / 3'
-  }, unstyled ? {} : {
+    gridArea: '1 / 1 / 2 / 3',
     color: colors.neutral50,
     marginLeft: spacing.baseUnit / 2,
     marginRight: spacing.baseUnit / 2
-  });
+  };
 };
 var Placeholder = function Placeholder(props) {
   var children = props.children,

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

@@ -6,31 +6,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.css = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _utils = require("../utils");
-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; } /**
+/**
  * @jsxRuntime classic
  * @jsx jsx
  */
-var css = exports.css = function css(_ref, unstyled) {
+
+var css = exports.css = function css(_ref) {
   var isDisabled = _ref.isDisabled,
     _ref$theme = _ref.theme,
     spacing = _ref$theme.spacing,
     colors = _ref$theme.colors;
-  return _objectSpread({
+  return {
     label: 'singleValue',
     gridArea: '1 / 1 / 2 / 3',
     maxWidth: '100%',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap'
-  }, unstyled ? {} : {
+    whiteSpace: 'nowrap',
     color: isDisabled ? colors.neutral40 : colors.neutral80,
     marginLeft: spacing.baseUnit / 2,
     marginRight: spacing.baseUnit / 2
-  });
+  };
 };
 var SingleValue = function SingleValue(props) {
   var children = props.children,

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