@atlaskit/react-select 2.7.6 → 3.0.1

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

@@ -1,8 +1,12 @@
-import React, { type ComponentType, type CSSProperties, type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ComponentType, type CSSProperties, type ReactNode } from 'react';
 import { type XCSSProp } from '@compiled/react';
 import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
 import { type SelectProps } from '../select';
-import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+import { type CommonPropsAndClassName, type GroupBase } from '../types';
 interface MultiValueComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
     Container: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
     Label: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
@@ -19,9 +23,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>>(props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-export declare const multiValueLabelCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-export declare const multiValueRemoveCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const multiValueCSS: () => {};
+export declare const multiValueLabelCSS: () => {};
+export declare const multiValueRemoveCSS: () => {};
 export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
     children: ReactNode;
     data: any;
@@ -36,8 +40,8 @@ export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolea
     className?: string | undefined;
     xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
 }
-export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueGenericProps<Option, IsMulti, Group>) => React.JSX.Element;
-export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueGenericProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isFocused, isDisabled, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;
+export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isDisabled, hasEllipsis, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;
 export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
     children?: ReactNode;
     data: Option;
@@ -48,6 +52,6 @@ export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean
     className?: string | undefined;
     xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
 }
-export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueRemoveProps<Option, IsMulti, Group>): React.JSX.Element;
-declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, innerProps, className, xcss, }: MultiValueRemoveProps<Option, IsMulti, Group>): JSX.Element;
+declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => JSX.Element;
 export default MultiValue;

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

@@ -1,5 +1,9 @@
-import React, { type ReactNode, type RefCallback } from 'react';
-import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode, type RefCallback } from 'react';
+import { type CommonPropsAndClassName, type GroupBase } from '../types';
 export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * The children to be rendered.
@@ -39,6 +43,6 @@ export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean
      */
     isSelected: boolean;
 }
-export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const optionCSS: () => {};
+declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => JSX.Element;
 export default Option;

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

@@ -1,5 +1,9 @@
-import React, { type ReactNode } from 'react';
-import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { type CommonPropsAndClassName, type GroupBase } from '../types';
 export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * The children to be rendered.
@@ -12,6 +16,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>>(props: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const placeholderCSS: () => {};
+declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => JSX.Element;
 export default Placeholder;

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

@@ -1,5 +1,9 @@
-import React, { type ReactNode } from 'react';
-import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { type CommonPropsAndClassName, type GroupBase } from '../types';
 export interface SingleValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * The children to be rendered.
@@ -18,6 +22,6 @@ export interface SingleValueProps<Option = unknown, IsMulti extends boolean = bo
      */
     isDisabled: boolean;
 }
-export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const css: () => {};
+declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => JSX.Element;
 export default SingleValue;

package/dist/types-ts4.5/select.d.ts

@@ -119,11 +119,9 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
     /**
      * This complex object includes all the compositional components that are used
      * in `react-select`. If you wish to overwrite a component, pass in an object
-     * with the appropriate namespace.
+     * with the appropriate namespace. If you wish to restyle a component, we recommend
+     * using this prop with the `xcss` prop.
      *
-     * If you only wish to restyle a component, we recommend using the `styles` prop
-     * instead. For a list of the components that can be passed in, and the shape
-     * that will be passed to them, see [the components docs](/components)
      */
     components: SelectComponentsConfig<Option, IsMulti, Group>;
     /**
@@ -623,28 +621,28 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
     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' | 'multi-message' | 'single-value' | 'selected-value') => string;
     getComponents: () => {
-        ClearIndicator: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ClearIndicatorProps<Option_1, IsMulti_1, Group_1>) => React.JSX.Element;
-        Control: <Option_2, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: import(".").ControlProps<Option_2, IsMulti_2, Group_2>) => React.JSX.Element;
-        DropdownIndicator: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: import(".").DropdownIndicatorProps<Option_3, IsMulti_3, Group_3>) => React.JSX.Element;
-        Group: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: import(".").GroupProps<Option_4, IsMulti_4, Group_4>) => React.JSX.Element;
-        GroupHeading: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: import(".").GroupHeadingProps<Option_5, IsMulti_5, Group_5>) => React.JSX.Element;
-        IndicatorsContainer: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: import(".").IndicatorsContainerProps<Option_6, IsMulti_6, Group_6>) => React.JSX.Element;
-        Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>(props: import(".").InputProps<Option_7, IsMulti_7, Group_7>) => React.JSX.Element;
-        LoadingIndicator: <Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>(props: import(".").LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>) => React.JSX.Element;
-        Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: import("./components/menu").MenuProps<Option_9, IsMulti_9, Group_9>) => React.JSX.Element;
-        MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: import("./components/menu").MenuListProps<Option_10, IsMulti_10, Group_10>) => React.JSX.Element;
-        MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: import("./components/menu").MenuPortalProps<Option_11, IsMulti_11, Group_11>) => React.JSX.Element;
-        LoadingMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>(props: import("./components/menu").NoticeProps<Option_12, IsMulti_12, Group_12>) => React.JSX.Element;
-        NoOptionsMessage: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: import("./components/menu").NoticeProps<Option_13, IsMulti_13, Group_13>) => React.JSX.Element;
-        MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>(props: import(".").MultiValueProps<Option_14, IsMulti_14, Group_14>) => React.JSX.Element;
-        MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>(props: import(".").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => React.JSX.Element;
-        MultiValueLabel: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: import(".").MultiValueGenericProps<Option_16, IsMulti_16, Group_16>) => React.JSX.Element;
+        ClearIndicator: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ClearIndicatorProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
+        Control: <Option_2, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: import(".").ControlProps<Option_2, IsMulti_2, Group_2>) => JSX.Element;
+        DropdownIndicator: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: import(".").DropdownIndicatorProps<Option_3, IsMulti_3, Group_3>) => JSX.Element;
+        Group: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: import(".").GroupProps<Option_4, IsMulti_4, Group_4>) => JSX.Element;
+        GroupHeading: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: import(".").GroupHeadingProps<Option_5, IsMulti_5, Group_5>) => JSX.Element;
+        IndicatorsContainer: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: import(".").IndicatorsContainerProps<Option_6, IsMulti_6, Group_6>) => JSX.Element;
+        Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>(props: import(".").InputProps<Option_7, IsMulti_7, Group_7>) => JSX.Element;
+        LoadingIndicator: <Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>({ innerProps, isRtl, size, isCompact, xcss, ...restProps }: import(".").LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>) => JSX.Element;
+        Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: import("./components/menu").MenuProps<Option_9, IsMulti_9, Group_9>) => JSX.Element;
+        MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: import("./components/menu").MenuListProps<Option_10, IsMulti_10, Group_10>) => JSX.Element;
+        MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: import("./components/menu").MenuPortalProps<Option_11, IsMulti_11, Group_11>) => JSX.Element | null;
+        LoadingMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>({ children, innerProps, xcss, ...restProps }: import("./components/menu").NoticeProps<Option_12, IsMulti_12, Group_12>) => JSX.Element;
+        NoOptionsMessage: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>({ children, innerProps, xcss, ...restProps }: import("./components/menu").NoticeProps<Option_13, IsMulti_13, Group_13>) => JSX.Element;
+        MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>(props: import(".").MultiValueProps<Option_14, IsMulti_14, Group_14>) => JSX.Element;
+        MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, isFocused, isDisabled, className, xcss, }: import(".").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => JSX.Element;
+        MultiValueLabel: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>({ children, innerProps, isDisabled, hasEllipsis, className, xcss, }: import(".").MultiValueGenericProps<Option_16, IsMulti_16, Group_16>) => JSX.Element;
         MultiValueRemove: typeof import("./components/multi-value").MultiValueRemove;
-        Option: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: import(".").OptionProps<Option_17, IsMulti_17, Group_17>) => React.JSX.Element;
-        Placeholder: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: import(".").PlaceholderProps<Option_18, IsMulti_18, Group_18>) => React.JSX.Element;
-        SelectContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: import(".").ContainerProps<Option_19, IsMulti_19, Group_19>) => React.JSX.Element;
-        SingleValue: <Option_20, IsMulti_20 extends boolean, Group_20 extends GroupBase<Option_20>>(props: import(".").SingleValueProps<Option_20, IsMulti_20, Group_20>) => React.JSX.Element;
-        ValueContainer: <Option_21, IsMulti_21 extends boolean, Group_21 extends GroupBase<Option_21>>(props: import(".").ValueContainerProps<Option_21, IsMulti_21, Group_21>) => React.JSX.Element;
+        Option: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: import(".").OptionProps<Option_17, IsMulti_17, Group_17>) => JSX.Element;
+        Placeholder: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: import(".").PlaceholderProps<Option_18, IsMulti_18, Group_18>) => JSX.Element;
+        SelectContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: import(".").ContainerProps<Option_19, IsMulti_19, Group_19>) => JSX.Element;
+        SingleValue: <Option_20, IsMulti_20 extends boolean, Group_20 extends GroupBase<Option_20>>(props: import(".").SingleValueProps<Option_20, IsMulti_20, Group_20>) => JSX.Element;
+        ValueContainer: <Option_21, IsMulti_21 extends boolean, Group_21 extends GroupBase<Option_21>>(props: import(".").ValueContainerProps<Option_21, IsMulti_21, Group_21>) => JSX.Element;
     };
     buildCategorizedOptions: () => CategorizedGroupOrOption<Option, Group>[];
     getCategorizedOptions: () => CategorizedGroupOrOption<Option, Group>[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-select",
-	"version": "2.7.6",
+	"version": "3.0.1",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,10 +30,10 @@
 	},
 	"dependencies": {
 		"@atlaskit/ds-lib": "^4.0.0",
-		"@atlaskit/icon": "^27.1.0",
+		"@atlaskit/icon": "^27.2.0",
 		"@atlaskit/layering": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.9.0",
+		"@atlaskit/primitives": "^14.10.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/tokens": "^5.4.0",
 		"@babel/runtime": "^7.0.0",

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

@@ -1,65 +0,0 @@
-/* control.tsx generated by @compiled/babel-plugin v0.36.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.css = void 0;
-require("./control.compiled.css");
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react2 = require("@compiled/react");
-var _utils = require("../../utils");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
-var styles = {
-  default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkosqtm _v564r5cv _1h6d1elr _1dqonqa1 _189ee4h9 _4cvr1h6o _80om73ad _1e0c1txw _1n261g80 _1bah1yb4 _kqswh2mm _bfhk1j9a _1tke1ylp _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _15peftgi _1ke8ftgi _jaboglyw _1u6l1bml _4cvx1elr _123byq51 _d0altlke _irr31d5g _1ogl1caj",
-  compact: "_1tkezwfg",
-  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
-  focusedInvalid: "_16qsq049",
-  disabled: "_1h6dsyzs _lcxvglyw _bfhksyzs _1u6llkwx",
-  focused: "_1h6d1p6i _bfhkr01l _16qsq049 _1u6lq049 _4cvx1p6i _irr3r01l",
-  subtle: "_1h6d1j28 _bfhk1j28 _1u6l3sij",
-  subtleFocused: "_bfhkvuon",
-  none: "_1h6d1j28 _bfhk1j28 _1u6l3sij _4cvx1j28 _irr31j28"
-};
-var css = exports.css = function css() {
-  return {};
-};
-var Control = function Control(props) {
-  var children = props.children,
-    appearance = props.appearance,
-    isCompact = props.isCompact,
-    isDisabled = props.isDisabled,
-    isFocused = props.isFocused,
-    isInvalid = props.isInvalid,
-    innerRef = props.innerRef,
-    innerProps = props.innerProps,
-    menuIsOpen = props.menuIsOpen,
-    xcss = props.xcss;
-  var _getStyleProps = (0, _utils.getStyleProps)(props, 'control', {
-      control: true,
-      'control--is-disabled': isDisabled,
-      'control--is-focused': isFocused,
-      'control--menu-is-open': menuIsOpen
-    }),
-    css = _getStyleProps.css,
-    className = _getStyleProps.className;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    ref: innerRef
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    ,
-    className: (0, _runtime.ax)([styles.default, isDisabled && styles.disabled, isInvalid && styles.invalid, isCompact && styles.compact, appearance === 'subtle' && styles.subtle, appearance === 'subtle' && isFocused && styles.subtleFocused, isFocused && styles.focused, appearance === 'none' && styles.none, (0, _react2.cx)(className, xcss, '-control')])
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: css
-  }, innerProps, {
-    "aria-disabled": isDisabled || undefined
-  }), children);
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var _default = exports.default = Control;

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

@@ -1,80 +0,0 @@
-/* group.tsx generated by @compiled/babel-plugin v0.36.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.groupHeadingCSS = exports.groupCSS = exports.default = exports.GroupHeading = void 0;
-require("./group.compiled.css");
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react2 = require("@compiled/react");
-var _utils = require("../../utils");
-var _excluded = ["data"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var styles = {
-  root: "_n3tdu2gc _ca0qu2gc"
-};
-var groupCSS = exports.groupCSS = function groupCSS() {
-  return {};
-};
-var Group = function Group(props) {
-  var children = props.children,
-    builtinCX = props.cx,
-    getStyles = props.getStyles,
-    getClassNames = props.getClassNames,
-    Heading = props.Heading,
-    headingProps = props.headingProps,
-    innerProps = props.innerProps,
-    label = props.label,
-    selectProps = props.selectProps,
-    xcss = props.xcss;
-  var _getStyleProps = (0, _utils.getStyleProps)(props, 'group', {
-      group: true
-    }),
-    css = _getStyleProps.css,
-    className = _getStyleProps.className;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: css
-  }, innerProps, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    className: (0, _runtime.ax)([styles.root, (0, _react2.cx)(className, xcss, innerProps === null || innerProps === void 0 ? void 0 : innerProps.className, '-Group')])
-  }), label && /*#__PURE__*/React.createElement(Heading, (0, _extends2.default)({}, headingProps, {
-    selectProps: selectProps,
-    getStyles: getStyles,
-    getClassNames: getClassNames,
-    cx: builtinCX
-  }), label), /*#__PURE__*/React.createElement("div", null, children));
-};
-var headingStyles = null;
-var groupHeadingCSS = exports.groupHeadingCSS = function groupHeadingCSS() {
-  return {};
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var GroupHeading = exports.GroupHeading = function GroupHeading(props) {
-  var xcss = props.xcss;
-  var _cleanCommonProps = (0, _utils.cleanCommonProps)(props),
-    data = _cleanCommonProps.data,
-    innerProps = (0, _objectWithoutProperties2.default)(_cleanCommonProps, _excluded);
-  var _getStyleProps2 = (0, _utils.getStyleProps)(props, 'groupHeading', {
-      'group-heading': true
-    }),
-    css = _getStyleProps2.css,
-    className = _getStyleProps2.className;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    className: (0, _runtime.ax)(["_11c81o8v _1e0c1ule _syaz1gjq _80om73ad _k48pmoej _6rthpd1z _y4tiutpp _bozgutpp _1p1dglyw", (0, _react2.cx)(className, xcss, '-group')])
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: css
-  }, innerProps));
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var _default = exports.default = Group;

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

@@ -1,158 +0,0 @@
-/* indicators.tsx generated by @compiled/babel-plugin v0.36.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.loadingIndicatorCSS = exports.dropdownIndicatorCSS = exports.clearIndicatorCSS = exports.LoadingIndicator = exports.DropdownIndicator = exports.ClearIndicator = void 0;
-require("./indicators.compiled.css");
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react2 = require("@compiled/react");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
-var _crossCircleSelectClear = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle--select-clear"));
-var _compiled = require("@atlaskit/primitives/compiled");
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _utils = require("../../utils");
-var _excluded = ["innerProps", "isRtl", "size", "isCompact", "xcss"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-// ==============================
-// Dropdown & Clear Icons
-// ==============================
-
-var iconContainerStyles = {
-  root: "_kkk2n7od _12ji1r31 _1qu219ly _12y31o36 _1e0c1txw _4cvr1h6o _1bah1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o"
-};
-var dropdownWrapperStyles = {
-  root: "_ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7"
-};
-
-// ==============================
-// Dropdown & Clear Buttons
-// ==============================
-
-var dropdownStyles = {
-  default: "_v564vrg3 _1e0c1txw _syaz1gjq _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l31gjq",
-  compact: "_ca0qidpf _n3tdidpf",
-  disabled: "_syaz1lh4"
-};
-var dropdownIndicatorCSS = exports.dropdownIndicatorCSS = function dropdownIndicatorCSS() {
-  return {};
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var DropdownIndicator = exports.DropdownIndicator = function DropdownIndicator(props) {
-  var innerProps = props.innerProps,
-    children = props.children,
-    isDisabled = props.isDisabled,
-    isCompact = props.isCompact,
-    xcss = props.xcss;
-  var _getStyleProps = (0, _utils.getStyleProps)(props, 'dropdownIndicator', {
-      indicator: true,
-      'dropdown-indicator': true
-    }),
-    css = _getStyleProps.css,
-    className = _getStyleProps.className;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: css
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    ,
-    className: (0, _runtime.ax)([dropdownStyles.default, isDisabled && dropdownStyles.disabled, isCompact && dropdownStyles.compact, (0, _react2.cx)(className, xcss, '-indicatorContainer')])
-  }, innerProps), children ? children : /*#__PURE__*/React.createElement(_compiled.Inline, {
-    as: "span",
-    xcss: dropdownWrapperStyles.root
-  }, /*#__PURE__*/React.createElement(_chevronDown.default, {
-    color: "currentColor",
-    label: "open",
-    LEGACY_margin: "var(--ds-space-negative-075, -0.375rem)",
-    size: "small"
-  })));
-};
-var clearIndicatorCSS = exports.clearIndicatorCSS = function clearIndicatorCSS() {
-  return {};
-};
-var clearIndicatorStyles = {
-  default: "_v564vrg3 _1e0c1txw _syaz131l _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l31gjq",
-  compact: "_ca0qidpf _n3tdidpf"
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var ClearIndicator = exports.ClearIndicator = function ClearIndicator(props) {
-  var innerProps = props.innerProps,
-    _props$clearControlLa = props.clearControlLabel,
-    clearControlLabel = _props$clearControlLa === void 0 ? 'clear' : _props$clearControlLa,
-    isCompact = props.isCompact,
-    xcss = props.xcss;
-  var _getStyleProps2 = (0, _utils.getStyleProps)(props, 'clearIndicator', {
-      indicator: true,
-      'clear-indicator': true
-    }),
-    css = _getStyleProps2.css,
-    className = _getStyleProps2.className;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: css
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    ,
-    className: (0, _runtime.ax)([clearIndicatorStyles.default, isCompact && clearIndicatorStyles.compact, (0, _react2.cx)(className, xcss, '-indicatorContainer')])
-  }, innerProps), /*#__PURE__*/React.createElement(_compiled.Pressable, {
-    xcss: iconContainerStyles.root,
-    tabIndex: -1,
-    "aria-label": clearControlLabel
-  }, /*#__PURE__*/React.createElement(_crossCircleSelectClear.default, {
-    label: "",
-    color: "currentColor",
-    LEGACY_size: "small",
-    LEGACY_margin: "var(--ds-space-negative-025, -0.125rem)",
-    size: "small"
-  })));
-};
-
-// ==============================
-// Loading
-// ==============================
-
-var loadingIndicatorCSS = exports.loadingIndicatorCSS = function loadingIndicatorCSS() {
-  return {};
-};
-var loadingIndicatorStyles = {
-  default: "_ca0q12x7 _u5f3u2gc _n3td12x7 _19bvu2gc",
-  compact: "_ca0qidpf _n3tdidpf"
-};
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var LoadingIndicator = exports.LoadingIndicator = function LoadingIndicator(_ref) {
-  var innerProps = _ref.innerProps,
-    isRtl = _ref.isRtl,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 4 : _ref$size,
-    isCompact = _ref.isCompact,
-    xcss = _ref.xcss,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _getStyleProps3 = (0, _utils.getStyleProps)(_objectSpread(_objectSpread({}, restProps), {}, {
-      innerProps: innerProps,
-      isRtl: isRtl,
-      size: size
-    }), 'loadingIndicator', {
-      indicator: true,
-      'loading-indicator': true
-    }),
-    css = _getStyleProps3.css,
-    className = _getStyleProps3.className;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: css
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    ,
-    className: (0, _runtime.ax)([loadingIndicatorStyles.default, isCompact && loadingIndicatorStyles.compact, (0, _react2.cx)(className, xcss, '-loadingIndicator')])
-  }, innerProps), /*#__PURE__*/React.createElement(_spinner.default, {
-    size: "small"
-  }));
-};

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

@@ -1,65 +0,0 @@
-/* input.tsx generated by @compiled/babel-plugin v0.36.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.inputCSS = exports.default = void 0;
-require("./input.compiled.css");
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react2 = require("@compiled/react");
-var _utils = require("../../utils");
-var _excluded = ["innerRef", "isDisabled", "isHidden", "inputClassName", "testId"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var inputCSS = exports.inputCSS = function inputCSS() {
-  return {};
-};
-var inputStyles = {
-  root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _1e0c1n7u _yv0e12qd _syaz1fxt _j8d6idpf _1av2idpf _1doyidpf _pfztidpf _uoe3idpf _1recidpf _70xridpf _1k96idpf _eq43idpf _1h9u1kw7 _ckog1yjy _1x651r31 _1nn4glyw _1rzeidpf _1yd8yh40 _aetr11ps _uy7x15vq _1qjlqvpr",
-  disabled: "_3um015vq"
-};
-var nativeInnputStyles = null;
-var hidden = null;
-var Input = function Input(props) {
-  var builtinCX = props.cx,
-    value = props.value,
-    xcss = props.xcss;
-  var _cleanCommonProps = (0, _utils.cleanCommonProps)(props),
-    innerRef = _cleanCommonProps.innerRef,
-    isDisabled = _cleanCommonProps.isDisabled,
-    isHidden = _cleanCommonProps.isHidden,
-    inputClassName = _cleanCommonProps.inputClassName,
-    testId = _cleanCommonProps.testId,
-    innerProps = (0, _objectWithoutProperties2.default)(_cleanCommonProps, _excluded);
-  var dataId = testId ? "".concat(testId, "-select--input") : null;
-  var _getStyleProps = (0, _utils.getStyleProps)(props, 'input', {
-      'input-container': true
-    }),
-    css = _getStyleProps.css,
-    className = _getStyleProps.className;
-  return /*#__PURE__*/React.createElement("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: css
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    ,
-    className: (0, _runtime.ax)([inputStyles.root, isDisabled && inputStyles.disabled, (0, _react2.cx)(className, xcss, '-Input')]),
-    "data-value": value || '',
-    "data-testid": dataId && "".concat(dataId, "-container")
-  }, /*#__PURE__*/React.createElement("input", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _11q7idpf _19itidpf _11c81kw7 _nd5l1yjy _12ji1r31 _1qu2glyw _12y3idpf _1bsb1osq _1ul9yh40 _syaz1kw7 _tzy4kb7n", isHidden && "_tzy4idpf", builtinCX({
-      input: true
-    }, inputClassName, '-input')]),
-    ref: innerRef,
-    disabled: isDisabled,
-    "data-testid": dataId
-  }, innerProps)));
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var _default = exports.default = Input;

package/dist/cjs/compiled/components/internal/a11y-text.js

@@ -1,24 +0,0 @@
-/* a11y-text.tsx generated by @compiled/babel-plugin v0.36.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("./a11y-text.compiled.css");
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-// Assistive text to describe visual elements. Hidden for sighted users.
-var styles = null;
-var A11yText = function A11yText(props) {
-  return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({
-    // eslint-disable-next-line  @atlaskit/ui-styling-standard/no-classname-prop
-    className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19itidpf _1reo15vq _18m915vq _1bsbt94y _4t3it94y _kqswstnw _1pbydx66 _ogto7mnp _jqf6ydhy _uiztglyw _o5721q9c", "-a11yText"])
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, props));
-};
-var _default = exports.default = A11yText;