@atlaskit/react-select 2.7.5 → 3.0.0

package/dist/es2019/components/indicators.js

@@ -1,26 +1,24 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ClearIndicator as CompiledClearIndicator, clearIndicatorCSS as compiledClearIndicatorCSS, DropdownIndicator as CompiledDropdownIndicator, dropdownIndicatorCSS as compiledDropdownIndicatorCSS, LoadingIndicator as CompiledLoadingIndicator, loadingIndicatorCSS as compiledLoadingIndicatorCSS } from '../compiled/components/indicators';
-import { ClearIndicator as EmotionClearIndicator, clearIndicatorCSS as emotionClearIndicatorCSS, DropdownIndicator as EmotionDropdownIndicator, dropdownIndicatorCSS as emotionDropdownIndicatorCSS, LoadingIndicator as EmotionLoadingIndicator, loadingIndicatorCSS as emotionLoadingIndicatorCSS } from '../emotion/components/indicators';
 
 // ==============================
 // Dropdown & Clear Buttons
 // ==============================
 
-export const dropdownIndicatorCSS = props => fg('compiled-react-select') ? compiledDropdownIndicatorCSS() : emotionDropdownIndicatorCSS(props);
+export const dropdownIndicatorCSS = props => compiledDropdownIndicatorCSS();
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const DropdownIndicator = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledDropdownIndicator, props) : /*#__PURE__*/React.createElement(EmotionDropdownIndicator, props);
-export const clearIndicatorCSS = props => fg('compiled-react-select') ? compiledClearIndicatorCSS() : emotionClearIndicatorCSS(props);
+export const DropdownIndicator = props => /*#__PURE__*/React.createElement(CompiledDropdownIndicator, props);
+export const clearIndicatorCSS = props => compiledClearIndicatorCSS();
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const ClearIndicator = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledClearIndicator, props) : /*#__PURE__*/React.createElement(EmotionClearIndicator, props);
+export const ClearIndicator = props => /*#__PURE__*/React.createElement(CompiledClearIndicator, props);
 
 // ==============================
 // Loading
 // ==============================
 
-export const loadingIndicatorCSS = props => fg('compiled-react-select') ? compiledLoadingIndicatorCSS() : emotionLoadingIndicatorCSS(props);
+export const loadingIndicatorCSS = props => compiledLoadingIndicatorCSS();
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const LoadingIndicator = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledLoadingIndicator, props) : /*#__PURE__*/React.createElement(EmotionLoadingIndicator, props);
+export const LoadingIndicator = props => /*#__PURE__*/React.createElement(CompiledLoadingIndicator, props);

package/dist/es2019/components/input.js

@@ -1,10 +1,8 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled, { inputCSS as compiledInputCSS } from '../compiled/components/input';
-import Emotion, { inputCSS as emotionInputCSS } from '../emotion/components/input';
-export const inputCSS = props => fg('compiled-react-select') ? compiledInputCSS() : emotionInputCSS(props);
-const Input = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+export const inputCSS = props => compiledInputCSS();
+const Input = props => /*#__PURE__*/React.createElement(Compiled, props);
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default Input;

package/dist/es2019/components/internal/a11y-text.js

@@ -1,7 +1,5 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled from '../../compiled/components/internal/a11y-text';
-import Emotion from '../../emotion/components/internal/a11y-text';
-const A11yText = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+const A11yText = props => /*#__PURE__*/React.createElement(Compiled, props);
 export default A11yText;

package/dist/es2019/components/internal/dummy-input.js

@@ -1,8 +1,6 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled from '../../compiled/components/internal/dummy-input';
-import Emotion from '../../emotion/components/internal/dummy-input';
 export default function DummyInput(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+  return /*#__PURE__*/React.createElement(Compiled, props);
 }

package/dist/es2019/components/internal/required-input.js

@@ -1,9 +1,7 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled from '../../compiled/components/internal/required-input';
-import Emotion from '../../emotion/components/internal/required-input';
-const RequiredInput = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+const RequiredInput = props => /*#__PURE__*/React.createElement(Compiled, props);
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default RequiredInput;

package/dist/es2019/components/live-region.js

@@ -1,14 +1,12 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled from '../compiled/components/live-region';
-import Emotion from '../emotion/components/live-region';
 
 // ==============================
 // Root Container
 // ==============================
 
-const LiveRegion = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+const LiveRegion = props => /*#__PURE__*/React.createElement(Compiled, props);
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default LiveRegion;

package/dist/es2019/components/menu.js

@@ -1,18 +1,16 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled, { LoadingMessage as CompiledLoadingMessage, menuCSS as compiledMenuCSS, MenuList as CompiledMenuList, menuListCSS as compiledMenuListCSS, MenuPlacer as CompiledMenuPlacer, MenuPortal as CompiledMenuPortal, menuPortalCSS as compiledMenuPortalCSS, NoOptionsMessage as CompiledNoOptionsMessage } from '../compiled/components/menu';
-import Emotion, { LoadingMessage as EmotionLoadingMessage, menuCSS as emotionMenuCSS, MenuList as EmotionMenuList, menuListCSS as emotionMenuListCSS, MenuPlacer as EmotionMenuPlacer, MenuPortal as EmotionMenuPortal, menuPortalCSS as emotionMenuPortalCSS, NoOptionsMessage as EmotionNoOptionsMessage } from '../emotion/components/menu';
 
 // Menu Component
 // ------------------------------
 
-export const menuCSS = props => fg('compiled-react-select') ? compiledMenuCSS() : emotionMenuCSS(props);
+export const menuCSS = props => compiledMenuCSS();
 
 // NOTE: internal only
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const MenuPlacer = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledMenuPlacer, props) : /*#__PURE__*/React.createElement(EmotionMenuPlacer, props);
-const Menu = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+export const MenuPlacer = props => /*#__PURE__*/React.createElement(CompiledMenuPlacer, props);
+const Menu = props => /*#__PURE__*/React.createElement(Compiled, props);
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default Menu;
@@ -21,10 +19,10 @@ export default Menu;
 // Menu List
 // ==============================
 
-export const menuListCSS = props => fg('compiled-react-select') ? compiledMenuListCSS() : emotionMenuListCSS(props);
+export const menuListCSS = props => compiledMenuListCSS();
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const MenuList = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledMenuList, props) : /*#__PURE__*/React.createElement(EmotionMenuList, props);
+export const MenuList = props => /*#__PURE__*/React.createElement(CompiledMenuList, props);
 
 // ==============================
 // Menu Notices
@@ -37,16 +35,16 @@ const noticeCSS = ({}) => ({
 export const noOptionsMessageCSS = noticeCSS;
 export const loadingMessageCSS = noticeCSS;
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const NoOptionsMessage = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledNoOptionsMessage, props) : /*#__PURE__*/React.createElement(EmotionNoOptionsMessage, props);
+export const NoOptionsMessage = props => /*#__PURE__*/React.createElement(CompiledNoOptionsMessage, props);
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const LoadingMessage = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledLoadingMessage, props) : /*#__PURE__*/React.createElement(EmotionLoadingMessage, props);
+export const LoadingMessage = props => /*#__PURE__*/React.createElement(CompiledLoadingMessage, props);
 
 // ==============================
 // Menu Portal
 // ==============================
 
-export const menuPortalCSS = props => fg('compiled-react-select') ? compiledMenuPortalCSS() : emotionMenuPortalCSS(props);
+export const menuPortalCSS = props => compiledMenuPortalCSS();
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const MenuPortal = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledMenuPortal, props) : /*#__PURE__*/React.createElement(EmotionMenuPortal, props);
+export const MenuPortal = props => /*#__PURE__*/React.createElement(CompiledMenuPortal, props);

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

@@ -1,23 +1,18 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled, { MultiValueContainer as CompiledMultiValueContainer, multiValueCSS as CompiledMultiValueCSS, MultiValueLabel as CompiledMultiValueLabel, multiValueLabelCSS as CompiledMultiValueLabelCSS, MultiValueRemove as CompiledMultiValueRemove, multiValueRemoveCSS as CompiledMultiValueRemoveCSS } from '../compiled/components/multi-value';
-import Emotion, { MultiValueContainer as EmotionMultiValueContainer, multiValueCSS as EmotionMultiValueCSS, MultiValueLabel as EmotionMultiValueLabel, multiValueLabelCSS as EmotionMultiValueLabelCSS, MultiValueRemove as EmotionMultiValueRemove, multiValueRemoveCSS as EmotionMultiValueRemoveCSS } from '../emotion/components/multi-value';
-export const multiValueCSS = props => fg('compiled-react-select') ? CompiledMultiValueCSS() : EmotionMultiValueCSS(props);
-export const multiValueLabelCSS = props => fg('compiled-react-select') ? CompiledMultiValueLabelCSS() : EmotionMultiValueLabelCSS(props);
-export const multiValueRemoveCSS = props => fg('compiled-react-select') ? CompiledMultiValueRemoveCSS() : EmotionMultiValueRemoveCSS(props);
+export const multiValueCSS = props => CompiledMultiValueCSS();
+export const multiValueLabelCSS = props => CompiledMultiValueLabelCSS();
+export const multiValueRemoveCSS = props => CompiledMultiValueRemoveCSS();
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const MultiValueContainer = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledMultiValueContainer, props) : /*#__PURE__*/React.createElement(EmotionMultiValueContainer, props);
+export const MultiValueContainer = props => /*#__PURE__*/React.createElement(CompiledMultiValueContainer, props);
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const MultiValueLabel = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledMultiValueLabel, props) : /*#__PURE__*/React.createElement(EmotionMultiValueLabel, props);
+export const MultiValueLabel = props => /*#__PURE__*/React.createElement(CompiledMultiValueLabel, props);
 export function MultiValueRemove(props) {
-  return (
-    // The Remove button is intentionally excluded from the tab order, please avoid assigning a non-negative tabIndex to it. Context: https://hello.atlassian.net/wiki/spaces/A11YKB/pages/3031993460/Clear+Options+on+an+Input+Field
-    fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledMultiValueRemove, props) : /*#__PURE__*/React.createElement(EmotionMultiValueRemove, props)
-  );
+  return /*#__PURE__*/React.createElement(CompiledMultiValueRemove, props);
 }
-const MultiValue = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+const MultiValue = props => /*#__PURE__*/React.createElement(Compiled, props);
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default MultiValue;

package/dist/es2019/components/option.js

@@ -1,10 +1,8 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import CompiledOption, { optionCSS as compiledOptionCSS } from '../compiled/components/option';
-import EmotionOption, { optionCSS as emotionOptionCSS } from '../emotion/components/option';
-export const optionCSS = props => fg('compiled-react-select') ? compiledOptionCSS() : emotionOptionCSS(props);
-const Option = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledOption, props) : /*#__PURE__*/React.createElement(EmotionOption, props);
+export const optionCSS = props => compiledOptionCSS();
+const Option = props => /*#__PURE__*/React.createElement(CompiledOption, props);
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default Option;

package/dist/es2019/components/placeholder.js

@@ -1,10 +1,8 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled, { placeholderCSS as compiledPlaceholderCSS } from '../compiled/components/placeholder';
-import Emotion, { placeholderCSS as emotionPlaceholderCSS } from '../emotion/components/placeholder';
-export const placeholderCSS = props => fg('compiled-react-select') ? compiledPlaceholderCSS() : emotionPlaceholderCSS(props);
-const Placeholder = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+export const placeholderCSS = props => compiledPlaceholderCSS();
+const Placeholder = props => /*#__PURE__*/React.createElement(Compiled, props);
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default Placeholder;

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

@@ -1,10 +1,8 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled, { css as compiledCSS } from '../compiled/components/single-value';
-import Emotion, { css as emotionCSS } from '../emotion/components/single-value';
-export const css = props => fg('compiled-react-select') ? compiledCSS() : emotionCSS(props);
-const SingleValue = props => fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+export const css = props => compiledCSS();
+const SingleValue = props => /*#__PURE__*/React.createElement(Compiled, props);
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default SingleValue;

package/dist/es2019/emotion/components/containers.js

@@ -37,10 +37,14 @@ export const SelectContainer = props => {
     isDisabled,
     isRtl
   } = props;
-  return jsx("div", _extends({}, getStyleProps(props, 'container', {
+  const styles = getStyleProps(props, 'container', {
     '--is-disabled': isDisabled,
     '--is-rtl': isRtl
-  }), innerProps), children);
+  });
+  return jsx("div", _extends({}, styles, {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: styles.className || '-container'
+  }, innerProps), children);
 };
 
 // ==============================
@@ -82,7 +86,7 @@ export const ValueContainer = props => {
     css: styles.css
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: styles.className || 'value-container'
+    className: styles.className || '-ValueContainer'
   }, innerProps), children);
 };
 

package/dist/es2019/emotion/components/menu.js

@@ -263,9 +263,12 @@ const Menu = props => {
     innerRef,
     innerProps
   } = props;
-  return jsx("div", _extends({}, getStyleProps(props, 'menu', {
+  const styles = getStyleProps(props, 'menu', {
     menu: true
-  }), {
+  });
+  return jsx("div", _extends({}, styles, {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: styles.className || '-menu',
     ref: innerRef
   }, innerProps), children);
 };

package/dist/es2019/select.js

@@ -378,7 +378,7 @@ export default class Select extends Component {
       if (!custom) {
         return base;
       }
-      const customStyles = fg('compiled-react-select') ? filterUnsupportedSelectors(custom(base, props)) : custom(base, props);
+      const customStyles = filterUnsupportedSelectors(custom(base, props));
       return customStyles;
     });
     _defineProperty(this, "getClassNames", (key, props) => {

package/dist/esm/components/containers.js

@@ -2,19 +2,18 @@
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { containerCSS as compiledCSS, IndicatorsContainer as CompiledIndicatorsContainer, indicatorsContainerCSS as compiledIndicatorsContainerCSS, SelectContainer as CompiledSelectContainer, ValueContainer as CompiledValueContainer, valueContainerCSS as compiledValueContainerCSS } from '../compiled/components/containers';
-import { containerCSS as emotionCSS, IndicatorsContainer as EmotionIndicatorsContainer, indicatorsContainerCSS as emotionIndicatorsContainerCSS, SelectContainer as EmotionSelectContainer, ValueContainer as EmotionValueContainer, valueContainerCSS as emotionValueContainerCSS } from '../emotion/components/containers';
 
 // ==============================
 // Root Container
 // ==============================
 
 export var containerCSS = function containerCSS(props) {
-  return fg('compiled-react-select') ? compiledCSS() : emotionCSS(props);
+  return compiledCSS();
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var SelectContainer = function SelectContainer(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledSelectContainer, props) : /*#__PURE__*/React.createElement(EmotionSelectContainer, props);
+  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledSelectContainer, props) : /*#__PURE__*/React.createElement(CompiledSelectContainer, props);
 };
 
 // ==============================
@@ -22,12 +21,12 @@ export var SelectContainer = function SelectContainer(props) {
 // ==============================
 
 export var valueContainerCSS = function valueContainerCSS(props) {
-  return fg('compiled-react-select') ? compiledValueContainerCSS() : emotionValueContainerCSS(props);
+  return compiledValueContainerCSS();
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var ValueContainer = function ValueContainer(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledValueContainer, props) : /*#__PURE__*/React.createElement(EmotionValueContainer, props);
+  return /*#__PURE__*/React.createElement(CompiledValueContainer, props);
 };
 
 // ==============================
@@ -35,10 +34,10 @@ export var ValueContainer = function ValueContainer(props) {
 // ==============================
 
 export var indicatorsContainerCSS = function indicatorsContainerCSS() {
-  return fg('compiled-react-select') ? compiledIndicatorsContainerCSS() : emotionIndicatorsContainerCSS();
+  return compiledIndicatorsContainerCSS();
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var IndicatorsContainer = function IndicatorsContainer(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledIndicatorsContainer, props) : /*#__PURE__*/React.createElement(EmotionIndicatorsContainer, props);
+  return /*#__PURE__*/React.createElement(CompiledIndicatorsContainer, props);
 };

package/dist/esm/components/control.js

@@ -1,13 +1,11 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled, { css as compiledCSS } from '../compiled/components/control';
-import Emotion, { css as emotionCSS } from '../emotion/components/control';
 export var css = function css(props) {
-  return fg('compiled-react-select') ? compiledCSS() : emotionCSS(props);
+  return compiledCSS();
 };
 var Control = function Control(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+  return /*#__PURE__*/React.createElement(Compiled, props);
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/esm/components/group.js

@@ -1,21 +1,19 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled, { groupCSS as compiledGroupCSS, GroupHeading as CompiledGroupHeading, groupHeadingCSS as compiledGroupHeadingCSS } from '../compiled/components/group';
-import Emotion, { groupCSS as emotionGroupCSS, GroupHeading as EmotionGroupHeading, groupHeadingCSS as emotionGroupHeadingCSS } from '../emotion/components/group';
 export var groupCSS = function groupCSS(props) {
-  return fg('compiled-react-select') ? compiledGroupCSS() : emotionGroupCSS(props);
+  return compiledGroupCSS();
 };
 var Group = function Group(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+  return /*#__PURE__*/React.createElement(Compiled, props);
 };
 export var groupHeadingCSS = function groupHeadingCSS(props) {
-  return fg('compiled-react-select') ? compiledGroupHeadingCSS() : emotionGroupHeadingCSS(props);
+  return compiledGroupHeadingCSS();
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var GroupHeading = function GroupHeading(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledGroupHeading, props) : /*#__PURE__*/React.createElement(EmotionGroupHeading, props);
+  return /*#__PURE__*/React.createElement(CompiledGroupHeading, props);
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/esm/components/indicators.js

@@ -1,28 +1,26 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ClearIndicator as CompiledClearIndicator, clearIndicatorCSS as compiledClearIndicatorCSS, DropdownIndicator as CompiledDropdownIndicator, dropdownIndicatorCSS as compiledDropdownIndicatorCSS, LoadingIndicator as CompiledLoadingIndicator, loadingIndicatorCSS as compiledLoadingIndicatorCSS } from '../compiled/components/indicators';
-import { ClearIndicator as EmotionClearIndicator, clearIndicatorCSS as emotionClearIndicatorCSS, DropdownIndicator as EmotionDropdownIndicator, dropdownIndicatorCSS as emotionDropdownIndicatorCSS, LoadingIndicator as EmotionLoadingIndicator, loadingIndicatorCSS as emotionLoadingIndicatorCSS } from '../emotion/components/indicators';
 
 // ==============================
 // Dropdown & Clear Buttons
 // ==============================
 
 export var dropdownIndicatorCSS = function dropdownIndicatorCSS(props) {
-  return fg('compiled-react-select') ? compiledDropdownIndicatorCSS() : emotionDropdownIndicatorCSS(props);
+  return compiledDropdownIndicatorCSS();
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var DropdownIndicator = function DropdownIndicator(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledDropdownIndicator, props) : /*#__PURE__*/React.createElement(EmotionDropdownIndicator, props);
+  return /*#__PURE__*/React.createElement(CompiledDropdownIndicator, props);
 };
 export var clearIndicatorCSS = function clearIndicatorCSS(props) {
-  return fg('compiled-react-select') ? compiledClearIndicatorCSS() : emotionClearIndicatorCSS(props);
+  return compiledClearIndicatorCSS();
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var ClearIndicator = function ClearIndicator(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledClearIndicator, props) : /*#__PURE__*/React.createElement(EmotionClearIndicator, props);
+  return /*#__PURE__*/React.createElement(CompiledClearIndicator, props);
 };
 
 // ==============================
@@ -30,9 +28,9 @@ export var ClearIndicator = function ClearIndicator(props) {
 // ==============================
 
 export var loadingIndicatorCSS = function loadingIndicatorCSS(props) {
-  return fg('compiled-react-select') ? compiledLoadingIndicatorCSS() : emotionLoadingIndicatorCSS(props);
+  return compiledLoadingIndicatorCSS();
 };
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var LoadingIndicator = function LoadingIndicator(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledLoadingIndicator, props) : /*#__PURE__*/React.createElement(EmotionLoadingIndicator, props);
+  return /*#__PURE__*/React.createElement(CompiledLoadingIndicator, props);
 };

package/dist/esm/components/input.js

@@ -1,13 +1,11 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled, { inputCSS as compiledInputCSS } from '../compiled/components/input';
-import Emotion, { inputCSS as emotionInputCSS } from '../emotion/components/input';
 export var inputCSS = function inputCSS(props) {
-  return fg('compiled-react-select') ? compiledInputCSS() : emotionInputCSS(props);
+  return compiledInputCSS();
 };
 var Input = function Input(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+  return /*#__PURE__*/React.createElement(Compiled, props);
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/esm/components/internal/a11y-text.js

@@ -1,9 +1,7 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled from '../../compiled/components/internal/a11y-text';
-import Emotion from '../../emotion/components/internal/a11y-text';
 var A11yText = function A11yText(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+  return /*#__PURE__*/React.createElement(Compiled, props);
 };
 export default A11yText;

package/dist/esm/components/internal/dummy-input.js

@@ -1,8 +1,6 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled from '../../compiled/components/internal/dummy-input';
-import Emotion from '../../emotion/components/internal/dummy-input';
 export default function DummyInput(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+  return /*#__PURE__*/React.createElement(Compiled, props);
 }

package/dist/esm/components/internal/required-input.js

@@ -1,10 +1,8 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled from '../../compiled/components/internal/required-input';
-import Emotion from '../../emotion/components/internal/required-input';
 var RequiredInput = function RequiredInput(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+  return /*#__PURE__*/React.createElement(Compiled, props);
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/esm/components/live-region.js

@@ -1,15 +1,13 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled from '../compiled/components/live-region';
-import Emotion from '../emotion/components/live-region';
 
 // ==============================
 // Root Container
 // ==============================
 
 var LiveRegion = function LiveRegion(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+  return /*#__PURE__*/React.createElement(Compiled, props);
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/esm/components/menu.js

@@ -1,24 +1,22 @@
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled, { LoadingMessage as CompiledLoadingMessage, menuCSS as compiledMenuCSS, MenuList as CompiledMenuList, menuListCSS as compiledMenuListCSS, MenuPlacer as CompiledMenuPlacer, MenuPortal as CompiledMenuPortal, menuPortalCSS as compiledMenuPortalCSS, NoOptionsMessage as CompiledNoOptionsMessage } from '../compiled/components/menu';
-import Emotion, { LoadingMessage as EmotionLoadingMessage, menuCSS as emotionMenuCSS, MenuList as EmotionMenuList, menuListCSS as emotionMenuListCSS, MenuPlacer as EmotionMenuPlacer, MenuPortal as EmotionMenuPortal, menuPortalCSS as emotionMenuPortalCSS, NoOptionsMessage as EmotionNoOptionsMessage } from '../emotion/components/menu';
 
 // Menu Component
 // ------------------------------
 
 export var menuCSS = function menuCSS(props) {
-  return fg('compiled-react-select') ? compiledMenuCSS() : emotionMenuCSS(props);
+  return compiledMenuCSS();
 };
 
 // NOTE: internal only
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var MenuPlacer = function MenuPlacer(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledMenuPlacer, props) : /*#__PURE__*/React.createElement(EmotionMenuPlacer, props);
+  return /*#__PURE__*/React.createElement(CompiledMenuPlacer, props);
 };
 var Menu = function Menu(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+  return /*#__PURE__*/React.createElement(Compiled, props);
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
@@ -29,12 +27,12 @@ export default Menu;
 // ==============================
 
 export var menuListCSS = function menuListCSS(props) {
-  return fg('compiled-react-select') ? compiledMenuListCSS() : emotionMenuListCSS(props);
+  return compiledMenuListCSS();
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var MenuList = function MenuList(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledMenuList, props) : /*#__PURE__*/React.createElement(EmotionMenuList, props);
+  return /*#__PURE__*/React.createElement(CompiledMenuList, props);
 };
 
 // ==============================
@@ -52,12 +50,12 @@ export var noOptionsMessageCSS = noticeCSS;
 export var loadingMessageCSS = noticeCSS;
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var NoOptionsMessage = function NoOptionsMessage(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledNoOptionsMessage, props) : /*#__PURE__*/React.createElement(EmotionNoOptionsMessage, props);
+  return /*#__PURE__*/React.createElement(CompiledNoOptionsMessage, props);
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var LoadingMessage = function LoadingMessage(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledLoadingMessage, props) : /*#__PURE__*/React.createElement(EmotionLoadingMessage, props);
+  return /*#__PURE__*/React.createElement(CompiledLoadingMessage, props);
 };
 
 // ==============================
@@ -65,10 +63,10 @@ export var LoadingMessage = function LoadingMessage(props) {
 // ==============================
 
 export var menuPortalCSS = function menuPortalCSS(props) {
-  return fg('compiled-react-select') ? compiledMenuPortalCSS() : emotionMenuPortalCSS(props);
+  return compiledMenuPortalCSS();
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var MenuPortal = function MenuPortal(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledMenuPortal, props) : /*#__PURE__*/React.createElement(EmotionMenuPortal, props);
+  return /*#__PURE__*/React.createElement(CompiledMenuPortal, props);
 };

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

@@ -1,34 +1,29 @@
 /* eslint-disable @repo/internal/react/no-unsafe-spread-props */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Compiled, { MultiValueContainer as CompiledMultiValueContainer, multiValueCSS as CompiledMultiValueCSS, MultiValueLabel as CompiledMultiValueLabel, multiValueLabelCSS as CompiledMultiValueLabelCSS, MultiValueRemove as CompiledMultiValueRemove, multiValueRemoveCSS as CompiledMultiValueRemoveCSS } from '../compiled/components/multi-value';
-import Emotion, { MultiValueContainer as EmotionMultiValueContainer, multiValueCSS as EmotionMultiValueCSS, MultiValueLabel as EmotionMultiValueLabel, multiValueLabelCSS as EmotionMultiValueLabelCSS, MultiValueRemove as EmotionMultiValueRemove, multiValueRemoveCSS as EmotionMultiValueRemoveCSS } from '../emotion/components/multi-value';
 export var multiValueCSS = function multiValueCSS(props) {
-  return fg('compiled-react-select') ? CompiledMultiValueCSS() : EmotionMultiValueCSS(props);
+  return CompiledMultiValueCSS();
 };
 export var multiValueLabelCSS = function multiValueLabelCSS(props) {
-  return fg('compiled-react-select') ? CompiledMultiValueLabelCSS() : EmotionMultiValueLabelCSS(props);
+  return CompiledMultiValueLabelCSS();
 };
 export var multiValueRemoveCSS = function multiValueRemoveCSS(props) {
-  return fg('compiled-react-select') ? CompiledMultiValueRemoveCSS() : EmotionMultiValueRemoveCSS(props);
+  return CompiledMultiValueRemoveCSS();
 };
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var MultiValueContainer = function MultiValueContainer(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledMultiValueContainer, props) : /*#__PURE__*/React.createElement(EmotionMultiValueContainer, props);
+  return /*#__PURE__*/React.createElement(CompiledMultiValueContainer, props);
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var MultiValueLabel = function MultiValueLabel(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledMultiValueLabel, props) : /*#__PURE__*/React.createElement(EmotionMultiValueLabel, props);
+  return /*#__PURE__*/React.createElement(CompiledMultiValueLabel, props);
 };
 export function MultiValueRemove(props) {
-  return (
-    // The Remove button is intentionally excluded from the tab order, please avoid assigning a non-negative tabIndex to it. Context: https://hello.atlassian.net/wiki/spaces/A11YKB/pages/3031993460/Clear+Options+on+an+Input+Field
-    fg('compiled-react-select') ? /*#__PURE__*/React.createElement(CompiledMultiValueRemove, props) : /*#__PURE__*/React.createElement(EmotionMultiValueRemove, props)
-  );
+  return /*#__PURE__*/React.createElement(CompiledMultiValueRemove, props);
 }
 var MultiValue = function MultiValue(props) {
-  return fg('compiled-react-select') ? /*#__PURE__*/React.createElement(Compiled, props) : /*#__PURE__*/React.createElement(Emotion, props);
+  return /*#__PURE__*/React.createElement(Compiled, props);
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc