react-select - npm Package Compare versions

Comparing version 5.6.1 to 5.7.0

animated/dist/react-select-animated.cjs.dev.js

@@ -8,3 +8,3 @@ 'use strict';
 var memoizeOne = require('memoize-one');
-var index$1 = require('../../dist/index-d0712905.cjs.dev.js');
+var index$1 = require('../../dist/index-5b950e59.cjs.dev.js');
 var React = require('react');
@@ -15,4 +15,4 @@ var _extends = require('@babel/runtime/helpers/extends');
 require('@emotion/react');
+require('@babel/runtime/helpers/typeof');
 require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@babel/runtime/helpers/typeof');
 require('@babel/runtime/helpers/defineProperty');
@@ -19,0 +19,0 @@ require('react-dom');

animated/dist/react-select-animated.cjs.prod.js

@@ -8,3 +8,3 @@ 'use strict';
 var memoizeOne = require('memoize-one');
-var index$1 = require('../../dist/index-75d60655.cjs.prod.js');
+var index$1 = require('../../dist/index-78cf371e.cjs.prod.js');
 var React = require('react');
@@ -15,4 +15,4 @@ var _extends = require('@babel/runtime/helpers/extends');
 require('@emotion/react');
+require('@babel/runtime/helpers/typeof');
 require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@babel/runtime/helpers/typeof');
 require('@babel/runtime/helpers/defineProperty');
@@ -19,0 +19,0 @@ require('react-dom');

animated/dist/react-select-animated.esm.js

 import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import memoizeOne from 'memoize-one';
-import { F as defaultComponents } from '../../dist/index-827f44ad.esm.js';
+import { F as defaultComponents } from '../../dist/index-a86253bb.esm.js';
 import * as React from 'react';
@@ -11,4 +11,4 @@ import { useRef, useState, useEffect } from 'react';
 import '@emotion/react';
+import '@babel/runtime/helpers/typeof';
 import '@babel/runtime/helpers/taggedTemplateLiteral';
-import '@babel/runtime/helpers/typeof';
 import '@babel/runtime/helpers/defineProperty';
@@ -15,0 +15,0 @@ import 'react-dom';

async-creatable/dist/react-select-async-creatable.cjs.dev.js

@@ -7,6 +7,6 @@ 'use strict';
 var React = require('react');
-var Select = require('../../dist/Select-652c7f9f.cjs.dev.js');
-var useAsync = require('../../dist/useAsync-f4e71c10.cjs.dev.js');
+var Select = require('../../dist/Select-73d77d2c.cjs.dev.js');
+var useAsync = require('../../dist/useAsync-c7333178.cjs.dev.js');
 var useStateManager = require('../../dist/useStateManager-7748b351.cjs.dev.js');
-var useCreatable = require('../../dist/useCreatable-73e197bf.cjs.dev.js');
+var useCreatable = require('../../dist/useCreatable-10abcf47.cjs.dev.js');
 require('@babel/runtime/helpers/objectSpread2');
@@ -18,8 +18,8 @@ require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/toConsumableArray');
-require('../../dist/index-d0712905.cjs.dev.js');
+require('../../dist/index-5b950e59.cjs.dev.js');
 require('@emotion/react');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
+require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/typeof');
+require('@babel/runtime/helpers/taggedTemplateLiteral');
 require('@babel/runtime/helpers/defineProperty');
@@ -26,0 +26,0 @@ require('react-dom');

async-creatable/dist/react-select-async-creatable.cjs.prod.js

@@ -7,6 +7,6 @@ 'use strict';
 var React = require('react');
-var Select = require('../../dist/Select-e4a887ab.cjs.prod.js');
-var useAsync = require('../../dist/useAsync-9d9ea4a5.cjs.prod.js');
+var Select = require('../../dist/Select-a4b66b9e.cjs.prod.js');
+var useAsync = require('../../dist/useAsync-73d4611a.cjs.prod.js');
 var useStateManager = require('../../dist/useStateManager-ce23061c.cjs.prod.js');
-var useCreatable = require('../../dist/useCreatable-eea9fd23.cjs.prod.js');
+var useCreatable = require('../../dist/useCreatable-612c7d7e.cjs.prod.js');
 require('@babel/runtime/helpers/objectSpread2');
@@ -18,8 +18,8 @@ require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/toConsumableArray');
-require('../../dist/index-75d60655.cjs.prod.js');
+require('../../dist/index-78cf371e.cjs.prod.js');
 require('@emotion/react');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
+require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/typeof');
+require('@babel/runtime/helpers/taggedTemplateLiteral');
 require('@babel/runtime/helpers/defineProperty');
@@ -26,0 +26,0 @@ require('react-dom');

async-creatable/dist/react-select-async-creatable.esm.js

 import _extends from '@babel/runtime/helpers/esm/extends';
 import * as React from 'react';
 import { forwardRef } from 'react';
-import { S as Select } from '../../dist/Select-2497890d.esm.js';
-import { u as useAsync } from '../../dist/useAsync-1488b48a.esm.js';
+import { S as Select } from '../../dist/Select-40119e12.esm.js';
+import { u as useAsync } from '../../dist/useAsync-fd9b28d9.esm.js';
 import { u as useStateManager } from '../../dist/useStateManager-7e1e8489.esm.js';
-import { u as useCreatable } from '../../dist/useCreatable-80ca1682.esm.js';
+import { u as useCreatable } from '../../dist/useCreatable-36230047.esm.js';
 import '@babel/runtime/helpers/objectSpread2';
@@ -14,8 +14,8 @@ import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/toConsumableArray';
-import '../../dist/index-827f44ad.esm.js';
+import '../../dist/index-a86253bb.esm.js';
 import '@emotion/react';
-import '@babel/runtime/helpers/taggedTemplateLiteral';
+import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/typeof';
+import '@babel/runtime/helpers/taggedTemplateLiteral';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,0 +22,0 @@ import 'react-dom';

async/dist/react-select-async.cjs.dev.js

@@ -7,5 +7,5 @@ 'use strict';
 var React = require('react');
-var Select = require('../../dist/Select-652c7f9f.cjs.dev.js');
+var Select = require('../../dist/Select-73d77d2c.cjs.dev.js');
 var useStateManager = require('../../dist/useStateManager-7748b351.cjs.dev.js');
-var useAsync = require('../../dist/useAsync-f4e71c10.cjs.dev.js');
+var useAsync = require('../../dist/useAsync-c7333178.cjs.dev.js');
 require('@babel/runtime/helpers/objectSpread2');
@@ -17,8 +17,8 @@ require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/toConsumableArray');
-require('../../dist/index-d0712905.cjs.dev.js');
+require('../../dist/index-5b950e59.cjs.dev.js');
 require('@emotion/react');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
+require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/typeof');
+require('@babel/runtime/helpers/taggedTemplateLiteral');
 require('@babel/runtime/helpers/defineProperty');
@@ -25,0 +25,0 @@ require('react-dom');

async/dist/react-select-async.cjs.prod.js

@@ -7,5 +7,5 @@ 'use strict';
 var React = require('react');
-var Select = require('../../dist/Select-e4a887ab.cjs.prod.js');
+var Select = require('../../dist/Select-a4b66b9e.cjs.prod.js');
 var useStateManager = require('../../dist/useStateManager-ce23061c.cjs.prod.js');
-var useAsync = require('../../dist/useAsync-9d9ea4a5.cjs.prod.js');
+var useAsync = require('../../dist/useAsync-73d4611a.cjs.prod.js');
 require('@babel/runtime/helpers/objectSpread2');
@@ -17,8 +17,8 @@ require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/toConsumableArray');
-require('../../dist/index-75d60655.cjs.prod.js');
+require('../../dist/index-78cf371e.cjs.prod.js');
 require('@emotion/react');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
+require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/typeof');
+require('@babel/runtime/helpers/taggedTemplateLiteral');
 require('@babel/runtime/helpers/defineProperty');
@@ -25,0 +25,0 @@ require('react-dom');

async/dist/react-select-async.esm.js

 import _extends from '@babel/runtime/helpers/esm/extends';
 import * as React from 'react';
 import { forwardRef } from 'react';
-import { S as Select } from '../../dist/Select-2497890d.esm.js';
+import { S as Select } from '../../dist/Select-40119e12.esm.js';
 import { u as useStateManager } from '../../dist/useStateManager-7e1e8489.esm.js';
-import { u as useAsync } from '../../dist/useAsync-1488b48a.esm.js';
-export { u as useAsync } from '../../dist/useAsync-1488b48a.esm.js';
+import { u as useAsync } from '../../dist/useAsync-fd9b28d9.esm.js';
+export { u as useAsync } from '../../dist/useAsync-fd9b28d9.esm.js';
 import '@babel/runtime/helpers/objectSpread2';
@@ -14,8 +14,8 @@ import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/toConsumableArray';
-import '../../dist/index-827f44ad.esm.js';
+import '../../dist/index-a86253bb.esm.js';
 import '@emotion/react';
-import '@babel/runtime/helpers/taggedTemplateLiteral';
+import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/typeof';
+import '@babel/runtime/helpers/taggedTemplateLiteral';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,0 +22,0 @@ import 'react-dom';

base/dist/react-select-base.cjs.dev.js

@@ -5,3 +5,3 @@ 'use strict';
 
-var Select = require('../../dist/Select-652c7f9f.cjs.dev.js');
+var Select = require('../../dist/Select-73d77d2c.cjs.dev.js');
 require('@babel/runtime/helpers/extends');
@@ -15,8 +15,8 @@ require('@babel/runtime/helpers/objectSpread2');
 require('react');
-require('../../dist/index-d0712905.cjs.dev.js');
+require('../../dist/index-5b950e59.cjs.dev.js');
 require('@emotion/react');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
+require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/typeof');
+require('@babel/runtime/helpers/taggedTemplateLiteral');
 require('@babel/runtime/helpers/defineProperty');
@@ -23,0 +23,0 @@ require('react-dom');

base/dist/react-select-base.cjs.prod.js

@@ -5,3 +5,3 @@ 'use strict';
 
-var Select = require('../../dist/Select-e4a887ab.cjs.prod.js');
+var Select = require('../../dist/Select-a4b66b9e.cjs.prod.js');
 require('@babel/runtime/helpers/extends');
@@ -15,8 +15,8 @@ require('@babel/runtime/helpers/objectSpread2');
 require('react');
-require('../../dist/index-75d60655.cjs.prod.js');
+require('../../dist/index-78cf371e.cjs.prod.js');
 require('@emotion/react');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
+require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/typeof');
+require('@babel/runtime/helpers/taggedTemplateLiteral');
 require('@babel/runtime/helpers/defineProperty');
@@ -23,0 +23,0 @@ require('react-dom');

base/dist/react-select-base.esm.js

@@ -1,2 +0,2 @@
-export { S as default, a as defaultProps } from '../../dist/Select-2497890d.esm.js';
+export { S as default, a as defaultProps } from '../../dist/Select-40119e12.esm.js';
 import '@babel/runtime/helpers/extends';
@@ -10,8 +10,8 @@ import '@babel/runtime/helpers/objectSpread2';
 import 'react';
-import '../../dist/index-827f44ad.esm.js';
+import '../../dist/index-a86253bb.esm.js';
 import '@emotion/react';
-import '@babel/runtime/helpers/taggedTemplateLiteral';
+import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/typeof';
+import '@babel/runtime/helpers/taggedTemplateLiteral';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,0 +18,0 @@ import 'react-dom';

creatable/dist/react-select-creatable.cjs.dev.js

@@ -7,5 +7,5 @@ 'use strict';
 var React = require('react');
-var Select = require('../../dist/Select-652c7f9f.cjs.dev.js');
+var Select = require('../../dist/Select-73d77d2c.cjs.dev.js');
 var useStateManager = require('../../dist/useStateManager-7748b351.cjs.dev.js');
-var useCreatable = require('../../dist/useCreatable-73e197bf.cjs.dev.js');
+var useCreatable = require('../../dist/useCreatable-10abcf47.cjs.dev.js');
 require('@babel/runtime/helpers/objectSpread2');
@@ -17,8 +17,8 @@ require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/toConsumableArray');
-require('../../dist/index-d0712905.cjs.dev.js');
+require('../../dist/index-5b950e59.cjs.dev.js');
 require('@emotion/react');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
+require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/typeof');
+require('@babel/runtime/helpers/taggedTemplateLiteral');
 require('@babel/runtime/helpers/defineProperty');
@@ -25,0 +25,0 @@ require('react-dom');

creatable/dist/react-select-creatable.cjs.prod.js

@@ -7,5 +7,5 @@ 'use strict';
 var React = require('react');
-var Select = require('../../dist/Select-e4a887ab.cjs.prod.js');
+var Select = require('../../dist/Select-a4b66b9e.cjs.prod.js');
 var useStateManager = require('../../dist/useStateManager-ce23061c.cjs.prod.js');
-var useCreatable = require('../../dist/useCreatable-eea9fd23.cjs.prod.js');
+var useCreatable = require('../../dist/useCreatable-612c7d7e.cjs.prod.js');
 require('@babel/runtime/helpers/objectSpread2');
@@ -17,8 +17,8 @@ require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/toConsumableArray');
-require('../../dist/index-75d60655.cjs.prod.js');
+require('../../dist/index-78cf371e.cjs.prod.js');
 require('@emotion/react');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
+require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/typeof');
+require('@babel/runtime/helpers/taggedTemplateLiteral');
 require('@babel/runtime/helpers/defineProperty');
@@ -25,0 +25,0 @@ require('react-dom');

creatable/dist/react-select-creatable.esm.js

 import _extends from '@babel/runtime/helpers/esm/extends';
 import * as React from 'react';
 import { forwardRef } from 'react';
-import { S as Select } from '../../dist/Select-2497890d.esm.js';
+import { S as Select } from '../../dist/Select-40119e12.esm.js';
 import { u as useStateManager } from '../../dist/useStateManager-7e1e8489.esm.js';
-import { u as useCreatable } from '../../dist/useCreatable-80ca1682.esm.js';
-export { u as useCreatable } from '../../dist/useCreatable-80ca1682.esm.js';
+import { u as useCreatable } from '../../dist/useCreatable-36230047.esm.js';
+export { u as useCreatable } from '../../dist/useCreatable-36230047.esm.js';
 import '@babel/runtime/helpers/objectSpread2';
@@ -14,8 +14,8 @@ import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/toConsumableArray';
-import '../../dist/index-827f44ad.esm.js';
+import '../../dist/index-a86253bb.esm.js';
 import '@emotion/react';
-import '@babel/runtime/helpers/taggedTemplateLiteral';
+import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/typeof';
+import '@babel/runtime/helpers/taggedTemplateLiteral';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,0 +22,0 @@ import 'react-dom';

dist/declarations/src/animated/index.d.ts

@@ -25,3 +25,3 @@ export declare const Input: (<Option, IsMulti extends boolean, Group extends import("..").GroupBase<Option>>(props: import("..").InputProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element) | undefined;
     MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends import("..").GroupBase<Option_10>>(props: import("..").MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
-    MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends import("..").GroupBase<Option_11>>({ appendTo, children, className, controlElement, cx, innerProps, menuPlacement, menuPosition, getStyles, }: import("../components/Menu").MenuPortalProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element | null;
+    MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends import("..").GroupBase<Option_11>>(props: import("../components/Menu").MenuPortalProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element | null;
     LoadingMessage: {
@@ -67,3 +67,3 @@ <Option_12, IsMulti_12 extends boolean, Group_12 extends import("..").GroupBase<Option_12>>(props: import("..").NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;
     MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends import("..").GroupBase<Option_10>>(props: import("..").MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
-    MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends import("..").GroupBase<Option_11>>({ appendTo, children, className, controlElement, cx, innerProps, menuPlacement, menuPosition, getStyles, }: import("../components/Menu").MenuPortalProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element | null;
+    MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends import("..").GroupBase<Option_11>>(props: import("../components/Menu").MenuPortalProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element | null;
     LoadingMessage: {
@@ -70,0 +70,0 @@ <Option_12, IsMulti_12 extends boolean, Group_12 extends import("..").GroupBase<Option_12>>(props: import("..").NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;

dist/declarations/src/components/containers.d.ts

@@ -23,3 +23,3 @@ /** @jsx jsx */
 }
-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 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 ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
@@ -26,0 +26,0 @@ export interface IndicatorsContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {

dist/declarations/src/components/Control.d.ts

@@ -18,4 +18,4 @@ /** @jsx jsx */
 }
-export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, theme: { colors, borderRadius, spacing }, }: ControlProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+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;
 declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export default Control;

dist/declarations/src/components/Group.d.ts

 /** @jsx jsx */
 import { ComponentType, ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-import { CommonPropsAndClassName, CSSObjectWithLabel, CX, GetStyles, GroupBase, Options, Theme } from '../types';
+import { CommonProps, CommonPropsAndClassName, CSSObjectWithLabel, CX, GetStyles, GroupBase, Options, Theme } from '../types';
 import { Props } from '../Select';
@@ -25,3 +25,3 @@ export interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
 }
-export declare const groupCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, }: GroupProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const groupCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing } }: GroupProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
 declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => jsx.JSX.Element;
@@ -33,7 +33,8 @@ interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
     getStyles: GetStyles<Option, IsMulti, Group>;
+    getClassNames: CommonProps<Option, IsMulti, Group>['getClassNames'];
     cx: CX;
 }
 export declare 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: { spacing }, }: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+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 GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export default Group;

dist/declarations/src/components/index.d.ts

@@ -60,3 +60,3 @@ import { ComponentType } from 'react';
     MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
-    MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>({ appendTo, children, className, controlElement, cx, innerProps, menuPlacement, menuPosition, getStyles, }: MenuPortalProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element | null;
+    MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: MenuPortalProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element | null;
     LoadingMessage: {
@@ -63,0 +63,0 @@ <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>(props: NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;

dist/declarations/src/components/indicators.d.ts

@@ -22,3 +22,3 @@ /** @jsx jsx */
 }
-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 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 DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
@@ -33,3 +33,3 @@ export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
 }
-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 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 ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
@@ -41,5 +41,5 @@ export interface IndicatorSeparatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
 }
-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 indicatorSeparatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing: { baseUnit }, colors, }, }: IndicatorSeparatorProps<Option, IsMulti, Group>, unstyled: boolean) => 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>) => CSSObjectWithLabel;
+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 interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
@@ -46,0 +46,0 @@ /** Props that will be passed on to the children. */

dist/declarations/src/components/Input.d.ts

@@ -18,4 +18,4 @@ /** @jsx jsx */
 export declare 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>) => CSSObjectWithLabel;
+export declare const inputCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, value, theme: { spacing, colors }, }: InputProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
 declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export default Input;

dist/declarations/src/components/Menu.d.ts

@@ -52,3 +52,3 @@ /** @jsx jsx */
 }
-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 menuCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ placement, theme: { borderRadius, spacing, colors }, }: MenuProps<Option, IsMulti, Group>, unstyled: boolean) => 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>>;
@@ -69,6 +69,6 @@ declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 }
-export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ maxHeight, theme: { spacing: { baseUnit }, }, }: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+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 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>) => CSSObjectWithLabel;
-export declare const loadingMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+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 interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
@@ -109,2 +109,2 @@ /** The children to be rendered. */
 export declare const menuPortalCSS: ({ rect, offset, position, }: PortalStyleArgs) => CSSObjectWithLabel;
-export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ appendTo, children, className, controlElement, cx, innerProps, menuPlacement, menuPosition, getStyles, }: MenuPortalProps<Option, IsMulti, Group>) => jsx.JSX.Element | null;
+export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => jsx.JSX.Element | null;

dist/declarations/src/components/MultiValue.d.ts

@@ -22,5 +22,5 @@ /** @jsx jsx */
 }
-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 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 interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
@@ -27,0 +27,0 @@ children: ReactNode;

dist/declarations/src/components/Option.d.ts

@@ -26,4 +26,4 @@ /** @jsx jsx */
 }
-export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, theme: { spacing, colors }, }: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+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;
 declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export default Option;

dist/declarations/src/components/Placeholder.d.ts

@@ -13,4 +13,4 @@ /** @jsx jsx */
 }
-export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, colors }, }: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, colors } }: PlaceholderProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
 declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export default Placeholder;

dist/declarations/src/components/SingleValue.d.ts

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

dist/declarations/src/index.d.ts

@@ -25,5 +25,5 @@ import Select from './Select';
 export type { ThemeConfig } from './theme';
-export type { StylesConfig } from './styles';
+export type { ClassNamesConfig, StylesConfig } from './styles';
 export * from './types';
 export type { OptionContext, GuidanceContext, AriaGuidanceProps, AriaOnChangeProps, AriaOnFilterProps, AriaOnFocusProps, AriaLiveMessages, AriaGuidance, AriaOnChange, AriaOnFilter, AriaOnFocus, } from './accessibility';
 export type { FormatOptionLabelContext, FormatOptionLabelMeta } from './Select';

dist/declarations/src/Select.d.ts

@@ -6,3 +6,3 @@ import * as React from 'react';
 import { SelectComponentsConfig } from './components/index';
-import { StylesConfig, StylesProps } from './styles';
+import { ClassNamesConfig, StylesConfig, StylesProps } from './styles';
 import { ThemeConfig } from './theme';
@@ -45,2 +45,6 @@ import { ActionMeta, FocusDirection, GetOptionLabel, GetOptionValue, GroupBase, InputActionMeta, MenuPlacement, MenuPosition, OnChangeValue, Options, OptionsOrGroups, PropsValue, SetValueAction } from './types';
     classNamePrefix?: string | null;
+    /**
+     * Provide classNames based on state for each inner component
+     */
+    classNames: ClassNamesConfig<Option, IsMulti, Group>;
     /** Close the select menu when the user selects an option */
@@ -203,2 +207,4 @@ closeMenuOnSelect: boolean;
     tabSelectsValue: boolean;
+    /** Remove all non-essential styles */
+    unstyled: boolean;
     /** The value of the select; reflected by the selected option */
@@ -216,2 +222,3 @@ value: PropsValue<Option>;
     captureMenuScroll: boolean;
+    classNames: {};
     closeMenuOnSelect: boolean;
@@ -252,2 +259,3 @@ closeMenuOnScroll: boolean;
     tabSelectsValue: boolean;
+    unstyled: boolean;
 };
@@ -288,2 +296,3 @@ interface State<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
         captureMenuScroll: boolean;
+        classNames: {};
         closeMenuOnSelect: boolean;
@@ -324,2 +333,3 @@ closeMenuOnScroll: boolean;
         tabSelectsValue: boolean;
+        unstyled: boolean;
     };
@@ -384,2 +394,3 @@ state: State<Option, IsMulti, Group>;
         getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => import("./types").CSSObjectWithLabel;
+        getClassNames: <Key_1 extends keyof StylesProps<Option, IsMulti, Group>>(key: Key_1, props: StylesProps<Option, IsMulti, Group>[Key_1]) => string | undefined;
         getValue: () => Options<Option>;
@@ -400,2 +411,3 @@ hasValue: boolean;
     getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => import("./types").CSSObjectWithLabel;
+    getClassNames: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => string | undefined;
     getElementId: (element: 'group' | 'input' | 'listbox' | 'option' | 'placeholder' | 'live-region') => string;
@@ -416,3 +428,3 @@ getComponents: () => {
             defaultProps: {
-                size: number; /** Name of the HTML Input (optional - without this, no input will be rendered) */
+                size: number;
             };
@@ -422,3 +434,3 @@ };
         MenuList: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: import("./components/Menu").MenuListProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element;
-        MenuPortal: <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>({ appendTo, children, className, controlElement, cx, innerProps, menuPlacement, menuPosition, getStyles, }: import("./components/Menu").MenuPortalProps<Option_12, IsMulti_12, Group_12>) => import("@emotion/react").jsx.JSX.Element | null;
+        MenuPortal: <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>(props: import("./components/Menu").MenuPortalProps<Option_12, IsMulti_12, Group_12>) => import("@emotion/react").jsx.JSX.Element | null;
         LoadingMessage: {
@@ -425,0 +437,0 @@ <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: import("./components/Menu").NoticeProps<Option_13, IsMulti_13, Group_13>): import("@emotion/react").jsx.JSX.Element;

dist/declarations/src/styles.d.ts

@@ -36,35 +36,34 @@ import { ContainerProps, IndicatorsContainerProps, ValueContainerProps } from './components/containers';
 }
-declare type StylesFunction<Props> = (props: Props) => CSSObjectWithLabel;
-export declare type StylesFunctions<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = {
-    [K in keyof StylesProps<Option, IsMulti, Group>]: StylesFunction<StylesProps<Option, IsMulti, Group>[K]>;
+export declare const defaultStyles: {
+    [K in keyof StylesProps<any, any, any>]: (props: StylesProps<unknown, boolean, GroupBase<unknown>>[K], unstyled: boolean) => CSSObjectWithLabel;
 };
-export declare type StylesConfigFunction<Props> = (base: CSSObjectWithLabel, props: Props) => CSSObjectWithLabel;
 export declare type StylesConfig<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = {
-    [K in keyof StylesProps<Option, IsMulti, Group>]?: StylesConfigFunction<StylesProps<Option, IsMulti, Group>[K]>;
+    [K in keyof StylesProps<Option, IsMulti, Group>]?: (base: CSSObjectWithLabel, props: StylesProps<Option, IsMulti, Group>[K]) => CSSObjectWithLabel;
 };
-export declare const defaultStyles: StylesFunctions<unknown, boolean, GroupBase<unknown>>;
+export declare type ClassNamesConfig<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = {
+    [K in keyof StylesProps<Option, IsMulti, Group>]?: (props: StylesProps<Option, IsMulti, Group>[K]) => string;
+};
 export declare function mergeStyles<Option, IsMulti extends boolean, Group extends GroupBase<Option>>(source: StylesConfig<Option, IsMulti, Group>, target?: StylesConfig<Option, IsMulti, Group>): {
-    clearIndicator?: StylesConfigFunction<ClearIndicatorProps<Option, IsMulti, Group>> | undefined;
-    container?: StylesConfigFunction<ContainerProps<Option, IsMulti, Group>> | undefined;
-    control?: StylesConfigFunction<ControlProps<Option, IsMulti, Group>> | undefined;
-    dropdownIndicator?: StylesConfigFunction<DropdownIndicatorProps<Option, IsMulti, Group>> | undefined;
-    group?: StylesConfigFunction<GroupProps<Option, IsMulti, Group>> | undefined;
-    groupHeading?: StylesConfigFunction<GroupHeadingProps<Option, IsMulti, Group>> | undefined;
-    indicatorsContainer?: StylesConfigFunction<IndicatorsContainerProps<Option, IsMulti, Group>> | undefined;
-    indicatorSeparator?: StylesConfigFunction<IndicatorSeparatorProps<Option, IsMulti, Group>> | undefined;
-    input?: StylesConfigFunction<InputProps<Option, IsMulti, Group>> | undefined;
-    loadingIndicator?: StylesConfigFunction<LoadingIndicatorProps<Option, IsMulti, Group>> | undefined;
-    loadingMessage?: StylesConfigFunction<NoticeProps<Option, IsMulti, Group>> | undefined;
-    menu?: StylesConfigFunction<MenuProps<Option, IsMulti, Group>> | undefined;
-    menuList?: StylesConfigFunction<MenuListProps<Option, IsMulti, Group>> | undefined;
-    menuPortal?: StylesConfigFunction<PortalStyleArgs> | undefined;
-    multiValue?: StylesConfigFunction<MultiValueProps<Option, IsMulti, Group>> | undefined;
-    multiValueLabel?: StylesConfigFunction<MultiValueProps<Option, IsMulti, Group>> | undefined;
-    multiValueRemove?: StylesConfigFunction<MultiValueProps<Option, IsMulti, Group>> | undefined;
-    noOptionsMessage?: StylesConfigFunction<NoticeProps<Option, IsMulti, Group>> | undefined;
-    option?: StylesConfigFunction<OptionProps<Option, IsMulti, Group>> | undefined;
-    placeholder?: StylesConfigFunction<PlaceholderProps<Option, IsMulti, Group>> | undefined;
-    singleValue?: StylesConfigFunction<SingleValueProps<Option, IsMulti, Group>> | undefined;
-    valueContainer?: StylesConfigFunction<ValueContainerProps<Option, IsMulti, Group>> | undefined;
+    clearIndicator?: ((base: CSSObjectWithLabel, props: ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    container?: ((base: CSSObjectWithLabel, props: ContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    control?: ((base: CSSObjectWithLabel, props: ControlProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    dropdownIndicator?: ((base: CSSObjectWithLabel, props: DropdownIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    group?: ((base: CSSObjectWithLabel, props: GroupProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    groupHeading?: ((base: CSSObjectWithLabel, props: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    indicatorsContainer?: ((base: CSSObjectWithLabel, props: IndicatorsContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    indicatorSeparator?: ((base: CSSObjectWithLabel, props: IndicatorSeparatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    input?: ((base: CSSObjectWithLabel, props: InputProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    loadingIndicator?: ((base: CSSObjectWithLabel, props: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    loadingMessage?: ((base: CSSObjectWithLabel, props: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    menu?: ((base: CSSObjectWithLabel, props: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    menuList?: ((base: CSSObjectWithLabel, props: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    menuPortal?: ((base: CSSObjectWithLabel, props: PortalStyleArgs) => CSSObjectWithLabel) | undefined;
+    multiValue?: ((base: CSSObjectWithLabel, props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    multiValueLabel?: ((base: CSSObjectWithLabel, props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    multiValueRemove?: ((base: CSSObjectWithLabel, props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    noOptionsMessage?: ((base: CSSObjectWithLabel, props: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    option?: ((base: CSSObjectWithLabel, props: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    placeholder?: ((base: CSSObjectWithLabel, props: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    singleValue?: ((base: CSSObjectWithLabel, props: SingleValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    valueContainer?: ((base: CSSObjectWithLabel, props: ValueContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
 };
-export {};

dist/declarations/src/types.d.ts

@@ -46,3 +46,3 @@ import { CSSObject } from '@emotion/react';
 };
-export declare type CX = (state: ClassNamesState, className?: string) => string;
+export declare type CX = (state: ClassNamesState, ...classNames: (string | undefined)[]) => string;
 export declare type GetStyles<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = <Key extends keyof StylesProps<Option, IsMulti, Group>>(propertyName: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => CSSObjectWithLabel;
@@ -58,2 +58,3 @@ export interface CommonProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
     getStyles: GetStyles<Option, IsMulti, Group>;
+    getClassNames: <Key extends keyof StylesProps<Option, IsMulti, Group>>(propertyName: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => string | undefined;
     getValue: () => Options<Option>;
@@ -60,0 +61,0 @@ hasValue: boolean;

dist/declarations/src/utils.d.ts

@@ -1,7 +0,12 @@
-import { ClassNamesState, CommonPropsAndClassName, GroupBase, InputActionMeta, MultiValue, OnChangeValue, Options, PropsValue, SingleValue } from './types';
+import type { StylesProps } from './styles';
+import type { ClassNamesState, CommonPropsAndClassName, GroupBase, InputActionMeta, MultiValue, OnChangeValue, Options, PropsValue, SingleValue } from './types';
 export declare const noop: () => void;
 export declare const emptyString: () => string;
-export declare function classNames(prefix?: string | null, state?: ClassNamesState, className?: string): string;
+export declare function classNames(prefix?: string | null, state?: ClassNamesState, ...classNameList: string[]): string;
 export declare const cleanValue: <Option>(value: PropsValue<Option>) => Options<Option>;
 export declare const cleanCommonProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>(props: Partial<CommonPropsAndClassName<Option, IsMulti, Group>> & AdditionalProps) => Omit<AdditionalProps, keyof CommonPropsAndClassName<Option, IsMulti, Group>>;
+export declare const getStyleProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, Key extends keyof StylesProps<Option, IsMulti, Group>>(props: Pick<CommonPropsAndClassName<Option, IsMulti, Group>, "getClassNames" | "className" | "getStyles" | "cx"> & StylesProps<Option, IsMulti, Group>[Key], name: Key, classNamesState?: ClassNamesState | undefined) => {
+    css: import("./types").CSSObjectWithLabel;
+    className: string;
+};
 export declare function handleInputChange(inputValue: string, actionMeta: InputActionMeta, onInputChange?: (newValue: string, actionMeta: InputActionMeta) => string | void): string;
@@ -8,0 +13,0 @@ export declare function isDocumentElement(el: HTMLElement | typeof window): el is typeof window;

dist/react-select.cjs.dev.js

@@ -8,6 +8,6 @@ 'use strict';
 var React = require('react');
-var Select = require('./Select-652c7f9f.cjs.dev.js');
+var Select = require('./Select-73d77d2c.cjs.dev.js');
 var react = require('@emotion/react');
 var createCache = require('@emotion/cache');
-var index = require('./index-d0712905.cjs.dev.js');
+var index = require('./index-5b950e59.cjs.dev.js');
 require('@babel/runtime/helpers/objectSpread2');
@@ -22,4 +22,4 @@ require('@babel/runtime/helpers/slicedToArray');
 require('memoize-one');
+require('@babel/runtime/helpers/typeof');
 require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@babel/runtime/helpers/typeof');
 require('@babel/runtime/helpers/defineProperty');
@@ -26,0 +26,0 @@ require('react-dom');

dist/react-select.cjs.prod.js

@@ -8,6 +8,6 @@ 'use strict';
 var React = require('react');
-var Select = require('./Select-e4a887ab.cjs.prod.js');
+var Select = require('./Select-a4b66b9e.cjs.prod.js');
 var react = require('@emotion/react');
 var createCache = require('@emotion/cache');
-var index = require('./index-75d60655.cjs.prod.js');
+var index = require('./index-78cf371e.cjs.prod.js');
 require('@babel/runtime/helpers/objectSpread2');
@@ -22,4 +22,4 @@ require('@babel/runtime/helpers/slicedToArray');
 require('memoize-one');
+require('@babel/runtime/helpers/typeof');
 require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@babel/runtime/helpers/typeof');
 require('@babel/runtime/helpers/defineProperty');
@@ -26,0 +26,0 @@ require('react-dom');

dist/react-select.esm.js

@@ -6,7 +6,7 @@ import { u as useStateManager } from './useStateManager-7e1e8489.esm.js';
 import { forwardRef, useMemo } from 'react';
-import { S as Select } from './Select-2497890d.esm.js';
-export { c as createFilter, d as defaultTheme, m as mergeStyles } from './Select-2497890d.esm.js';
+import { S as Select } from './Select-40119e12.esm.js';
+export { c as createFilter, d as defaultTheme, m as mergeStyles } from './Select-40119e12.esm.js';
 import { CacheProvider } from '@emotion/react';
 import createCache from '@emotion/cache';
-export { c as components } from './index-827f44ad.esm.js';
+export { c as components } from './index-a86253bb.esm.js';
 import '@babel/runtime/helpers/objectSpread2';
@@ -21,4 +21,4 @@ import '@babel/runtime/helpers/slicedToArray';
 import 'memoize-one';
+import '@babel/runtime/helpers/typeof';
 import '@babel/runtime/helpers/taggedTemplateLiteral';
-import '@babel/runtime/helpers/typeof';
 import '@babel/runtime/helpers/defineProperty';
@@ -25,0 +25,0 @@ import 'react-dom';

package.json

 {
   "name": "react-select",
-  "version": "5.6.1",
+  "version": "5.7.0",
   "description": "A Select control built with and for ReactJS",
@@ -5,0 +5,0 @@ "main": "dist/react-select.cjs.js",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

699121

increased by0.11%

Worsened metrics

Lines of code

16007

decreased by-1.07%

No dependency changes