diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 93b191bff269d6..e1c75dcb84f666 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -5,6 +5,7 @@ ### Deprecations - `Radio`: Deprecate 36px default size ([#66572](https://github.com/WordPress/gutenberg/pull/66572)). +- `ComboboxControl`: Deprecate 36px default size ([#66900](https://github.com/WordPress/gutenberg/pull/66900)). ### Enhancements diff --git a/packages/components/src/combobox-control/README.md b/packages/components/src/combobox-control/README.md index 5831c5ec2832c2..4089cf9c56e9b5 100644 --- a/packages/components/src/combobox-control/README.md +++ b/packages/components/src/combobox-control/README.md @@ -34,6 +34,7 @@ function MyComboboxControl() { const [ filteredOptions, setFilteredOptions ] = useState( options ); return ( {}; @@ -92,6 +93,7 @@ const getIndexOfMatchingSuggestion = ( * const [ filteredOptions, setFilteredOptions ] = useState( options ); * return ( * = ( { }; export const Default = Template.bind( {} ); Default.args = { + __next40pxDefaultSize: true, __nextHasNoMarginBottom: true, allowReset: false, label: 'Select a country', diff --git a/packages/components/src/combobox-control/test/index.tsx b/packages/components/src/combobox-control/test/index.tsx index 639407ac998ed2..8f569ed381a844 100644 --- a/packages/components/src/combobox-control/test/index.tsx +++ b/packages/components/src/combobox-control/test/index.tsx @@ -58,7 +58,13 @@ const getOptionSearchString = ( option: ComboboxControlOption ) => option.label.substring( 0, 11 ); const ComboboxControl = ( props: ComboboxControlProps ) => { - return <_ComboboxControl { ...props } __nextHasNoMarginBottom />; + return ( + <_ComboboxControl + { ...props } + __next40pxDefaultSize + __nextHasNoMarginBottom + /> + ); }; const ControlledComboboxControl = ( {