fix(Dropdown): rename combobox to root in dropdownSearchInputStyles

CHANGELOG.md

@@ -17,6 +17,9 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ## [Unreleased]
 
+### BREAKING CHANGES
+- Rename `combobox` to `root` in `dropdownSearchInputStyles` @layershifter ([#816](https://github.com/stardust-ui/react/pull/816))
+
 ### Features
 - Accessibility for menu divider @jurokapsiar ([#822](https://github.com/stardust-ui/react/pull/822))
 

packages/react/src/components/Dropdown/DropdownSearchInput.tsx

@@ -108,7 +108,7 @@ class DropdownSearchInput extends UIComponent<ReactProps<DropdownSearchInputProp
         onFocus={this.handleFocus}
         onKeyUp={this.handleKeyUp}
         wrapper={{
-          styles: styles.combobox,
+          styles: styles.root,
           ...accessibilityComboboxProps,
         }}
         input={{

packages/react/src/themes/teams/components/Dropdown/dropdownSearchInputStyles.ts

@@ -6,6 +6,11 @@ const dropdownSearchInputStyles: ComponentSlotStylesInput<
   DropdownSearchInputProps,
   DropdownVariables
 > = {
+  root: ({ variables: v }): ICSSInJSStyle => ({
+    flexBasis: v.comboboxFlexBasis,
+    flexGrow: 1,
+  }),
+
   input: ({ variables: v }): ICSSInJSStyle => ({
     width: '100%',
     backgroundColor: v.backgroundColor,
@@ -14,11 +19,6 @@ const dropdownSearchInputStyles: ComponentSlotStylesInput<
       borderBottomColor: 'transparent',
     },
   }),
-
-  combobox: ({ variables: v }): ICSSInJSStyle => ({
-    flexBasis: v.comboboxFlexBasis,
-    flexGrow: 1,
-  }),
 }
 
 export default dropdownSearchInputStyles