@atlaskit/react-select 1.3.2 → 1.4.0

package/dist/esm/components/input.js

@@ -11,7 +11,7 @@ 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 inputCSS = function inputCSS(_ref, unstyled) {
+export var inputCSS = function inputCSS(_ref) {
   var isDisabled = _ref.isDisabled,
     value = _ref.value,
     _ref$theme = _ref.theme,
@@ -22,7 +22,7 @@ export var 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/esm/components/menu.js

@@ -192,22 +192,16 @@ function alignToControl(placement) {
 var coercePlacement = function coercePlacement(p) {
   return p === 'auto' ? 'bottom' : p;
 };
-export var menuCSS = function menuCSS(_ref2, unstyled) {
-  var _objectSpread2;
+export var 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'
-  }, _defineProperty(_objectSpread2, alignToControl(placement), '100%'), _defineProperty(_objectSpread2, "position", 'absolute'), _defineProperty(_objectSpread2, "width", '100%'), _defineProperty(_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
-  });
+  }, _defineProperty(_ref3, alignToControl(placement), '100%'), _defineProperty(_ref3, "position", 'absolute'), _defineProperty(_ref3, "width", '100%'), _defineProperty(_ref3, "zIndex", 1), _defineProperty(_ref3, "backgroundColor", colors.neutral0), _defineProperty(_ref3, "borderRadius", borderRadius), _defineProperty(_ref3, "boxShadow", '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)'), _defineProperty(_ref3, "marginBottom", spacing.menuGutter), _defineProperty(_ref3, "marginTop", spacing.menuGutter), _ref3;
 };
 var PortalPlacementContext = /*#__PURE__*/createContext(null);
 
@@ -221,8 +215,8 @@ export var MenuPlacer = function MenuPlacer(props) {
     menuPosition = props.menuPosition,
     menuShouldScrollIntoView = props.menuShouldScrollIntoView,
     theme = props.theme;
-  var _ref3 = useContext(PortalPlacementContext) || {},
-    setPortalPlacement = _ref3.setPortalPlacement;
+  var _ref4 = useContext(PortalPlacementContext) || {},
+    setPortalPlacement = _ref4.setPortalPlacement;
   var ref = useRef(null);
   var _useState = useState(maxMenuHeight),
     _useState2 = _slicedToArray(_useState, 2),
@@ -281,19 +275,18 @@ export default Menu;
 // Menu List
 // ==============================
 
-export var menuListCSS = function menuListCSS(_ref4, unstyled) {
-  var maxHeight = _ref4.maxHeight,
-    baseUnit = _ref4.theme.spacing.baseUnit;
-  return _objectSpread({
+export var 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
@@ -316,25 +309,24 @@ export var 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")
-  });
+  };
 };
 export var noOptionsMessageCSS = noticeCSS;
 export var loadingMessageCSS = noticeCSS;
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export var NoOptionsMessage = function NoOptionsMessage(_ref6) {
-  var _ref6$children = _ref6.children,
-    children = _ref6$children === void 0 ? 'No options' : _ref6$children,
-    innerProps = _ref6.innerProps,
-    restProps = _objectWithoutProperties(_ref6, _excluded);
+export var NoOptionsMessage = function NoOptionsMessage(_ref7) {
+  var _ref7$children = _ref7.children,
+    children = _ref7$children === void 0 ? 'No options' : _ref7$children,
+    innerProps = _ref7.innerProps,
+    restProps = _objectWithoutProperties(_ref7, _excluded);
   return jsx("div", _extends({}, getStyleProps(_objectSpread(_objectSpread({}, restProps), {}, {
     children: children,
     innerProps: innerProps
@@ -348,11 +340,11 @@ export var NoOptionsMessage = function NoOptionsMessage(_ref6) {
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export var LoadingMessage = function LoadingMessage(_ref7) {
-  var _ref7$children = _ref7.children,
-    children = _ref7$children === void 0 ? 'Loading...' : _ref7$children,
-    innerProps = _ref7.innerProps,
-    restProps = _objectWithoutProperties(_ref7, _excluded2);
+export var LoadingMessage = function LoadingMessage(_ref8) {
+  var _ref8$children = _ref8.children,
+    children = _ref8$children === void 0 ? 'Loading...' : _ref8$children,
+    innerProps = _ref8.innerProps,
+    restProps = _objectWithoutProperties(_ref8, _excluded2);
   return jsx("div", _extends({}, getStyleProps(_objectSpread(_objectSpread({}, restProps), {}, {
     children: children,
     innerProps: innerProps
@@ -369,10 +361,10 @@ export var LoadingMessage = function LoadingMessage(_ref7) {
 // Menu Portal
 // ==============================
 
-export var menuPortalCSS = function menuPortalCSS(_ref8) {
-  var rect = _ref8.rect,
-    offset = _ref8.offset,
-    position = _ref8.position;
+export var menuPortalCSS = function menuPortalCSS(_ref9) {
+  var rect = _ref9.rect,
+    offset = _ref9.offset,
+    position = _ref9.position;
   return {
     left: rect.left,
     position: position,

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

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/extends";
 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; }
 /**
@@ -10,48 +10,46 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { jsx } from '@emotion/react';
 import { getStyleProps } from '../utils';
 import { CrossIcon } from './indicators';
-export var multiValueCSS = function multiValueCSS(_ref, unstyled) {
+export var 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
-  });
+  };
 };
-export var multiValueLabelCSS = function multiValueLabelCSS(_ref2, unstyled) {
+export var 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
-  });
+  };
 };
-export var multiValueRemoveCSS = function multiValueRemoveCSS(_ref3, unstyled) {
+export var 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,
@@ -60,7 +58,7 @@ export var multiValueRemoveCSS = function multiValueRemoveCSS(_ref3, unstyled) {
       backgroundColor: colors.dangerLight,
       color: colors.danger
     }
-  });
+  };
 };
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var MultiValueGeneric = function MultiValueGeneric(_ref4) {

package/dist/esm/components/option.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,22 +6,21 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { jsx } from '@emotion/react';
 import { getStyleProps } from '../utils';
-export var optionCSS = function optionCSS(_ref, unstyled) {
+export var 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"),
@@ -32,7 +28,7 @@ export var 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/esm/components/placeholder.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,18 +6,17 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { jsx } from '@emotion/react';
 import { getStyleProps } from '../utils';
-export var placeholderCSS = function placeholderCSS(_ref, unstyled) {
+export var 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/esm/components/single-value.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,23 +6,22 @@ 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,
     _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/esm/select.js

@@ -68,8 +68,7 @@ export var defaultProps = {
   },
   styles: {},
   tabIndex: 0,
-  tabSelectsValue: true,
-  unstyled: false
+  tabSelectsValue: true
 };
 function toCategorizedOption(props, option, selectValue, index) {
   var isDisabled = _isOptionDisabled(props, option, selectValue);
@@ -389,8 +388,7 @@ var Select = /*#__PURE__*/function (_Component) {
       return getOptionValue(_this.props, data);
     });
     _defineProperty(_assertThisInitialized(_this), "getStyles", function (key, props) {
-      var unstyled = _this.props.unstyled;
-      var base = defaultStyles[key](props, unstyled);
+      var base = defaultStyles[key](props);
       base.boxSizing = 'border-box';
       var custom = _this.props.styles[key];
       return custom ? custom(base, props) : base;

package/dist/types/components/containers.d.ts

@@ -33,7 +33,7 @@ export interface ValueContainerProps<Option = unknown, IsMulti extends boolean =
     children: ReactNode;
     isDisabled: boolean;
 }
-export declare const valueContainerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, isMulti, hasValue, selectProps: { controlShouldRenderValue }, }: ValueContainerProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const valueContainerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, isMulti, hasValue, selectProps: { controlShouldRenderValue }, }: ValueContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export interface IndicatorsContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     isDisabled: boolean;

package/dist/types/components/control.d.ts

@@ -28,6 +28,6 @@ export interface ControlProps<Option = unknown, IsMulti extends boolean = boolea
      */
     menuIsOpen: boolean;
 }
-export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, theme: { colors, borderRadius, spacing }, }: ControlProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, theme: { colors, borderRadius, spacing }, }: ControlProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export default Control;

package/dist/types/components/group.d.ts

@@ -37,7 +37,7 @@ export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean,
     data: Group;
     options: Options<Option>;
 }
-export declare const groupCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing } }: GroupProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const groupCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, }: GroupProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
     className?: string | undefined;
@@ -48,6 +48,6 @@ interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group e
     cx: CX;
 }
 export type GroupHeadingProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = GroupHeadingPropsDefinedProps<Option, IsMulti, Group> & JSX.IntrinsicElements['div'];
-export declare const groupHeadingCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { colors, spacing } }: GroupHeadingProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const groupHeadingCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { colors, spacing }, }: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export default Group;

package/dist/types/components/indicators.d.ts

@@ -28,7 +28,7 @@ export interface DropdownIndicatorProps<Option = unknown, IsMulti extends boolea
     isFocused: boolean;
     isDisabled: boolean;
 }
-export declare const dropdownIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const dropdownIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
@@ -48,16 +48,16 @@ export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean =
      */
     isFocused: boolean;
 }
-export declare const clearIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const clearIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export interface IndicatorSeparatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     isDisabled: boolean;
     isFocused: boolean;
     innerProps?: JSX.IntrinsicElements['span'];
 }
-export declare const indicatorSeparatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing: { baseUnit }, colors, }, }: IndicatorSeparatorProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const indicatorSeparatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing: { baseUnit }, colors, }, }: IndicatorSeparatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export declare const IndicatorSeparator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorSeparatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
-export declare const loadingIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, size, theme: { colors, spacing: { baseUnit }, }, }: LoadingIndicatorProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const loadingIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, size, theme: { colors, spacing: { baseUnit }, }, }: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * Props that will be passed on to the children.

package/dist/types/components/input.d.ts

@@ -28,6 +28,6 @@ export interface InputSpecificProps<Option = unknown, IsMulti extends boolean =
     inputClassName?: string;
 }
 export type InputProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = InputSpecificProps<Option, IsMulti, Group>;
-export declare const inputCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, value, theme: { spacing, colors } }: InputProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const inputCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, value, theme: { spacing, colors }, }: InputProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export default Input;

package/dist/types/components/menu.d.ts

@@ -68,7 +68,7 @@ export interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends
      */
     children: (childrenProps: ChildrenProps) => ReactElement;
 }
-export declare const menuCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ placement, theme: { borderRadius, spacing, colors } }: MenuProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const menuCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ placement, theme: { borderRadius, spacing, colors }, }: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export default Menu;
@@ -94,10 +94,10 @@ export interface MenuListProps<Option = unknown, IsMulti extends boolean = boole
      */
     innerProps: JSX.IntrinsicElements['div'];
 }
-export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ maxHeight, theme: { spacing: { baseUnit }, }, }: MenuListProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ maxHeight, theme: { spacing: { baseUnit }, }, }: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => jsx.JSX.Element;
-export declare const noOptionsMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
-export declare const loadingMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const noOptionsMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const loadingMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * The children to be rendered.

package/dist/types/components/multi-value.d.ts

@@ -22,9 +22,9 @@ export interface MultiValueProps<Option = unknown, IsMulti extends boolean = boo
     removeProps: JSX.IntrinsicElements['div'];
     index: number;
 }
-export declare const multiValueCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, borderRadius, colors } }: MultiValueProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
-export declare const multiValueLabelCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { borderRadius, colors }, cropWithEllipsis }: MultiValueProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
-export declare const multiValueRemoveCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, borderRadius, colors }, isFocused }: MultiValueProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const multiValueCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, borderRadius, colors }, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const multiValueLabelCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { borderRadius, colors }, cropWithEllipsis, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const multiValueRemoveCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, borderRadius, colors }, isFocused, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
     children: ReactNode;
     data: any;

package/dist/types/components/option.d.ts

@@ -44,6 +44,6 @@ export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean
      */
     isSelected: boolean;
 }
-export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, theme: { spacing, colors }, }: OptionProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, theme: { spacing, colors }, }: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export default Option;

package/dist/types/components/placeholder.d.ts

@@ -17,6 +17,6 @@ export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = bo
     isDisabled: boolean;
     isFocused: boolean;
 }
-export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, colors } }: PlaceholderProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, colors }, }: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export default Placeholder;

package/dist/types/components/single-value.d.ts

@@ -23,6 +23,6 @@ export interface SingleValueProps<Option = unknown, IsMulti extends boolean = bo
      */
     isDisabled: boolean;
 }
-export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing, colors } }: SingleValueProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing, colors }, }: SingleValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export default SingleValue;

package/dist/types/select.d.ts

@@ -390,10 +390,6 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
      * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-14529 Internal documentation for deprecation (no external access)}. Will soon be handled automatically to support expected keyboard accessibility.
      */
     tabSelectsValue: boolean;
-    /**
-     * Remove all non-essential styles
-     */
-    unstyled: boolean;
     /**
      * The value of the select; reflected by the selected option
      */
@@ -452,7 +448,6 @@ export declare const defaultProps: {
     styles: {};
     tabIndex: number;
     tabSelectsValue: boolean;
-    unstyled: boolean;
 };
 interface State<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
     ariaSelection: AriaSelection<Option, IsMulti> | null;
@@ -531,7 +526,6 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
         styles: {};
         tabIndex: number;
         tabSelectsValue: boolean;
-        unstyled: boolean;
     };
     state: State<Option, IsMulti, Group>;
     blockOptionHover: boolean;

package/dist/types/styles.d.ts

@@ -34,7 +34,7 @@ export interface StylesProps<Option, IsMulti extends boolean, Group extends Grou
     valueContainer: ValueContainerProps<Option, IsMulti, Group>;
 }
 export declare const defaultStyles: {
-    [K in keyof StylesProps<any, any, any>]: (props: StylesProps<unknown, boolean, GroupBase<unknown>>[K], unstyled: boolean) => CSSObjectWithLabel;
+    [K in keyof StylesProps<any, any, any>]: (props: StylesProps<unknown, boolean, GroupBase<unknown>>[K]) => CSSObjectWithLabel;
 };
 export type StylesConfig<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = {
     [K in keyof StylesProps<Option, IsMulti, Group>]?: (base: CSSObjectWithLabel, props: StylesProps<Option, IsMulti, Group>[K]) => CSSObjectWithLabel;

package/dist/types-ts4.5/components/containers.d.ts

@@ -33,7 +33,7 @@ export interface ValueContainerProps<Option = unknown, IsMulti extends boolean =
     children: ReactNode;
     isDisabled: boolean;
 }
-export declare const valueContainerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, isMulti, hasValue, selectProps: { controlShouldRenderValue }, }: ValueContainerProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const valueContainerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, isMulti, hasValue, selectProps: { controlShouldRenderValue }, }: ValueContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export interface IndicatorsContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     isDisabled: boolean;

package/dist/types-ts4.5/components/control.d.ts

@@ -28,6 +28,6 @@ export interface ControlProps<Option = unknown, IsMulti extends boolean = boolea
      */
     menuIsOpen: boolean;
 }
-export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, theme: { colors, borderRadius, spacing }, }: ControlProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, theme: { colors, borderRadius, spacing }, }: ControlProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export default Control;

package/dist/types-ts4.5/components/group.d.ts

@@ -37,7 +37,7 @@ export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean,
     data: Group;
     options: Options<Option>;
 }
-export declare const groupCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing } }: GroupProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const groupCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, }: GroupProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
     className?: string | undefined;
@@ -48,6 +48,6 @@ interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group e
     cx: CX;
 }
 export type GroupHeadingProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = GroupHeadingPropsDefinedProps<Option, IsMulti, Group> & JSX.IntrinsicElements['div'];
-export declare const groupHeadingCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { colors, spacing } }: GroupHeadingProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const groupHeadingCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { colors, spacing }, }: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export default Group;

package/dist/types-ts4.5/components/indicators.d.ts

@@ -28,7 +28,7 @@ export interface DropdownIndicatorProps<Option = unknown, IsMulti extends boolea
     isFocused: boolean;
     isDisabled: boolean;
 }
-export declare const dropdownIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const dropdownIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
@@ -48,16 +48,16 @@ export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean =
      */
     isFocused: boolean;
 }
-export declare const clearIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const clearIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export interface IndicatorSeparatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     isDisabled: boolean;
     isFocused: boolean;
     innerProps?: JSX.IntrinsicElements['span'];
 }
-export declare const indicatorSeparatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing: { baseUnit }, colors, }, }: IndicatorSeparatorProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const indicatorSeparatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing: { baseUnit }, colors, }, }: IndicatorSeparatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export declare const IndicatorSeparator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorSeparatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
-export declare const loadingIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, size, theme: { colors, spacing: { baseUnit }, }, }: LoadingIndicatorProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const loadingIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, size, theme: { colors, spacing: { baseUnit }, }, }: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * Props that will be passed on to the children.