Skip to content

TextControl: Hard deprecate 40px default size #79386

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mirka merged 7 commits into from
Jun 23, 2026
Merged

TextControl: Hard deprecate 40px default size #79386

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
5c0fd43
Hard deprecate 40px default size on TextControl.
mirka Jun 22, 2026
4ce2d29
Add changelog.
mirka Jun 22, 2026
0bc5b6c
Remove accidentally committed husky file.
mirka Jun 22, 2026
612f73e
Fix up
mirka Jun 22, 2026
a8469b0
Tweak comment
mirka Jun 22, 2026
62cee1a
Update post-publish-panel snapshots.
mirka Jun 22, 2026
48835ee
Remove remaining TextControl 40px props.
mirka Jun 22, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion docs/getting-started/fundamentals/block-in-the-editor.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -139,7 +139,6 @@ export default function Edit( { attributes, setAttributes } ) {
</div>
</InspectorControls>
<TextControl
__next40pxDefaultSize
value={ attributes.message }
onChange={ ( val ) => setAttributes( { message: val } ) }
style={ {
Expand Down
2 changes: 0 additions & 2 deletions docs/getting-started/tutorial.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -480,7 +480,6 @@ export default function Edit( { attributes, setAttributes } ) {
<InspectorControls>
<PanelBody title={ __( 'Settings', 'copyright-date-block' ) }>
<TextControl
__next40pxDefaultSize
label={ __(
'Starting year',
'copyright-date-block'
Expand Down Expand Up @@ -541,7 +540,6 @@ export default function Edit( { attributes, setAttributes } ) {
/>
{ showStartingYear && (
<TextControl
__next40pxDefaultSize
label={ __(
'Starting year',
'copyright-date-block'
Expand Down
5 changes: 0 additions & 5 deletions docs/how-to-guides/data-basics/3-building-an-edit-form.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,6 @@ function EditPageForm( { pageId, onCancel, onSaveFinished } ) {
return (
<div className="my-gutenberg-form">
<TextControl
__next40pxDefaultSize
value=''
label='Page title:'
/>
Expand Down Expand Up @@ -140,7 +139,6 @@ function EditPageForm( { pageId, onCancel, onSaveFinished } ) {
return (
<div className="my-gutenberg-form">
<TextControl
__next40pxDefaultSize
label='Page title:'
value={ page.title.rendered }
/>
Expand All @@ -166,7 +164,6 @@ function VanillaReactForm({ initialTitle }) {
const [title, setTitle] = useState( initialTitle );
return (
<TextControl
__next40pxDefaultSize
value={ title }
onChange={ setTitle }
/>
Expand Down Expand Up @@ -236,7 +233,6 @@ function EditPageForm( { pageId, onCancel, onSaveFinished } ) {
return (
<div className="my-gutenberg-form">
<TextControl
__next40pxDefaultSize
label="Page title:"
value={ page.title }
onChange={ handleChange }
Expand Down Expand Up @@ -505,7 +501,6 @@ function EditPageForm( { pageId, onCancel, onSaveFinished } ) {
return (
<div className="my-gutenberg-form">
<TextControl
__next40pxDefaultSize
label="Page title:"
value={ page.title }
onChange={ handleChange }
Expand Down
2 changes: 0 additions & 2 deletions docs/how-to-guides/data-basics/4-building-a-create-page-form.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,6 @@ function PageForm( { title, onChangeTitle, hasEdits, lastError, isSaving, onCanc
return (
<div className="my-gutenberg-form">
<TextControl
__next40pxDefaultSize
label="Page title:"
value={ title }
onChange={ onChangeTitle }
Expand Down Expand Up @@ -347,7 +346,6 @@ function PageForm( { title, onChangeTitle, hasEdits, lastError, isSaving, onCanc
return (
<div className="my-gutenberg-form">
<TextControl
__next40pxDefaultSize
label="Page title:"
value={ title }
onChange={ onChangeTitle }
Expand Down
1 change: 0 additions & 1 deletion docs/how-to-guides/metabox.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,6 @@ registerBlockType( 'myguten/meta-block', {
return (
<div { ...blockProps }>
<TextControl
__next40pxDefaultSize
label="Meta Block Field"
value={ metaFieldValue }
onChange={ updateMetaValue }
Expand Down
1 change: 0 additions & 1 deletion docs/reference-guides/block-api/block-context.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -142,7 +142,6 @@ export default function Edit( props ) {
return (
<div>
<TextControl
__next40pxDefaultSize
label={ __( 'Record ID' ) }
value={ recordId }
onChange={ ( val ) =>
Expand Down
2 changes: 0 additions & 2 deletions docs/reference-guides/block-api/block-edit-save.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -253,7 +253,6 @@ edit: ( { attributes, setAttributes } ) => {
return (
<div { ...blockProps }>
<TextControl
__next40pxDefaultSize
label='My Text Field'
value={ attributes.content }
onChange={ updateFieldValue }
Expand Down Expand Up @@ -290,7 +289,6 @@ edit: ( { attributes, setAttributes } ) => {
return (
<div { ...blockProps }>
<TextControl
__next40pxDefaultSize
label='Number Posts to Show'
value={ attributes.postsToShow }
onChange={ ( val ) => {
Expand Down
1 change: 0 additions & 1 deletion docs/reference-guides/slotfills/plugin-sidebar-more-menu-item.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,6 @@ const PluginSidebarMoreMenuItemTest = () => {
) }
</p>
<TextControl
__next40pxDefaultSize
label={ __( 'Text Control' ) }
value={ text }
onChange={ ( newText ) => setText( newText ) }
Expand Down
1 change: 0 additions & 1 deletion docs/reference-guides/slotfills/plugin-sidebar.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,6 @@ const PluginSidebarExample = () => {
) }
</p>
<TextControl
__next40pxDefaultSize
label={ __( 'Text Control' ) }
value={ text }
onChange={ ( newText ) => setText( newText ) }
Expand Down
1 change: 0 additions & 1 deletion packages/block-editor/src/components/block-rename/modal.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -107,7 +107,6 @@ export default function BlockRenameModal( { clientId, onClose } ) {
>
<VStack spacing="3">
<TextControl
__next40pxDefaultSize
value={ editedBlockName ?? blockName }
label={ __( 'Name' ) }
help={
Expand Down
1 change: 0 additions & 1 deletion packages/block-editor/src/components/date-format-picker/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -144,7 +144,6 @@ function NonDefaultControls( { format, onChange } ) {
/>
{ isCustom && (
<TextControl
__next40pxDefaultSize
label={ __( 'Custom format' ) }
hideLabelFromVision
help={ createInterpolateElement(
Expand Down
2 changes: 0 additions & 2 deletions packages/block-editor/src/components/inspector-controls/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -114,7 +114,6 @@ registerBlockType( 'my-plugin/inspector-controls-example', {
/>

<TextControl
__next40pxDefaultSize
label="Text Field"
help="Additional help text"
value={ textField }
Expand Down Expand Up @@ -204,7 +203,6 @@ function MyBlockEdit( { attributes, setAttributes } ) {
</InspectorControls>
<InspectorAdvancedControls>
<TextControl
__next40pxDefaultSize
label="HTML anchor"
value={ attributes.anchor }
onChange={ ( nextValue ) => {
Expand Down
1 change: 0 additions & 1 deletion packages/block-editor/src/components/link-control/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -677,7 +677,6 @@ function LinkControl( {
value={ internalControlValue?.title }
onChange={ setInternalTextInputValue }
onKeyDown={ handleSubmitWithEnter }
__next40pxDefaultSize
/>
) }
<LinkControlSearchInput
Expand Down
2 changes: 0 additions & 2 deletions packages/block-editor/src/components/url-popover/image-url-input-ui.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -233,7 +233,6 @@ const ImageURLInputUI = ( {
checked={ linkTarget === '_blank' }
/>
<TextControl
__next40pxDefaultSize
label={ __( 'Link relation' ) }
value={ rel ?? '' }
onChange={ onSetLinkRel }
Expand All @@ -249,7 +248,6 @@ const ImageURLInputUI = ( {
) }
/>
<TextControl
__next40pxDefaultSize
label={ __( 'Link CSS class' ) }
value={ linkClass || '' }
onChange={ onSetLinkClass }
Expand Down
1 change: 0 additions & 1 deletion packages/block-editor/src/hooks/anchor.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,6 @@ function BlockEditAnchorControlPure( { anchor, setAttributes } ) {
return (
<InspectorControls group="advanced">
<TextControl
__next40pxDefaultSize
className="html-anchor-control"
label={ __( 'HTML anchor' ) }
help={
Expand Down
1 change: 0 additions & 1 deletion packages/block-editor/src/hooks/custom-class-name.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,6 @@ function CustomClassNameControlsPure( { className, setAttributes } ) {
return (
<InspectorControls group="advanced">
<TextControl
__next40pxDefaultSize
autoComplete="off"
label={ __( 'Additional CSS class(es)' ) }
value={ className || '' }
Expand Down
1 change: 0 additions & 1 deletion packages/block-library/src/breadcrumbs/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -264,7 +264,6 @@ export default function BreadcrumbEdit( {
}
>
<TextControl
__next40pxDefaultSize
autoComplete="off"
label={ __( 'Separator' ) }
value={ separator }
Expand Down
1 change: 0 additions & 1 deletion packages/block-library/src/button/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -449,7 +449,6 @@ function ButtonEdit( props ) {
/>
{ isLinkTag && (
<TextControl
__next40pxDefaultSize
label={ __( 'Link relation' ) }
help={ createInterpolateElement(
__(
Expand Down
1 change: 0 additions & 1 deletion packages/block-library/src/cover/edit/embed-video-url-input.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,6 @@ export default function EmbedVideoUrlInput( {
) }
<TextControl
type="url"
__next40pxDefaultSize
label={ __( 'Video URL' ) }
value={ url }
onChange={ ( value ) => {
Expand Down
1 change: 0 additions & 1 deletion packages/block-library/src/details/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -105,7 +105,6 @@ function DetailsEdit( { attributes, setAttributes, clientId } ) {
</InspectorControls>
<InspectorControls group="advanced">
<TextControl
__next40pxDefaultSize
label={ __( 'Name attribute' ) }
value={ name || '' }
onChange={ ( newName ) =>
Expand Down
2 changes: 0 additions & 2 deletions packages/block-library/src/form-input/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -102,7 +102,6 @@ function InputFieldBlock( { attributes, setAttributes, className } ) {
) }
<InspectorControls group="advanced">
<TextControl
__next40pxDefaultSize
autoComplete="off"
label={ __( 'Name' ) }
value={ name }
Expand All @@ -117,7 +116,6 @@ function InputFieldBlock( { attributes, setAttributes, className } ) {
/>
{ 'hidden' === type && (
<TextControl
__next40pxDefaultSize
autoComplete="off"
label={ __( 'Value' ) }
value={ value }
Expand Down
2 changes: 0 additions & 2 deletions packages/block-library/src/form/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -150,7 +150,6 @@ const Edit = ( { attributes, setAttributes, clientId } ) => {
isShownByDefault
>
<TextControl
__next40pxDefaultSize
autoComplete="off"
label={ __( 'Email for form submissions' ) }
value={ email || '' }
Expand Down Expand Up @@ -189,7 +188,6 @@ const Edit = ( { attributes, setAttributes, clientId } ) => {
) }
/>
<TextControl
__next40pxDefaultSize
autoComplete="off"
label={ __( 'Form action' ) }
value={ action }
Expand Down
1 change: 0 additions & 1 deletion packages/block-library/src/home-link/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,6 @@ export default function HomeEdit( { attributes, setAttributes, context } ) {
isShownByDefault
>
<TextControl
__next40pxDefaultSize
label={ __( 'Text' ) }
value={ label ? stripHTML( label ) : '' }
onChange={ ( labelValue ) => {
Expand Down
2 changes: 0 additions & 2 deletions packages/block-library/src/icon/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -169,7 +169,6 @@ export function Edit( { attributes, setAttributes } ) {
help={ __(
'Briefly describe the icon to help screen reader users. Leave blank for decorative icons.'
) }
__next40pxDefaultSize
/>
) }
</DropdownMenu>
Expand Down Expand Up @@ -207,7 +206,6 @@ export function Edit( { attributes, setAttributes } ) {
onChange={ ( value ) =>
setAttributes( { ariaLabel: value } )
}
__next40pxDefaultSize
/>
</ToolsPanelItem>
</ToolsPanel>
Expand Down
2 changes: 0 additions & 2 deletions packages/block-library/src/image/image.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -236,7 +236,6 @@ function ContentOnlyControls( {
>
<div className="wp-block-image__toolbar_content_textarea__container">
<TextControl
__next40pxDefaultSize
className="wp-block-image__toolbar_content_textarea"
label={ __( 'Title attribute' ) }
value={ attributes.title || '' }
Expand Down Expand Up @@ -1143,7 +1142,6 @@ export default function Image( {
) }
<InspectorControls group="advanced">
<TextControl
__next40pxDefaultSize
label={ __( 'Title attribute' ) }
value={ title || '' }
onChange={ onSetTitle }
Expand Down
1 change: 0 additions & 1 deletion packages/block-library/src/list/ordered-list-settings.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,6 @@ const OrderedListSettings = ( { setAttributes, reversed, start, type } ) => {
}
>
<TextControl
__next40pxDefaultSize
label={ __( 'Start value' ) }
type="number"
onChange={ ( value ) => {
Expand Down
1 change: 0 additions & 1 deletion packages/block-library/src/navigation-link/link-ui/page-creator.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -128,7 +128,6 @@ export function LinkUIPageCreator( {
<form onSubmit={ createPage }>
<VStack spacing={ 4 }>
<TextControl
__next40pxDefaultSize
label={ __( 'Title' ) }
onChange={ setTitle }
placeholder={ __( 'No title' ) }
Expand Down
2 changes: 0 additions & 2 deletions packages/block-library/src/navigation-link/shared/controls.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -178,7 +178,6 @@ export function Controls( {
isShownByDefault
>
<TextControl
__next40pxDefaultSize
label={ __( 'Text' ) }
value={ label ? stripHTML( label ) : '' }
onChange={ ( labelValue ) => {
Expand Down Expand Up @@ -292,7 +291,6 @@ export function Controls( {
isShownByDefault={ ! isContentOnly }
>
<TextControl
__next40pxDefaultSize
label={ __( 'Rel attribute' ) }
value={ rel || '' }
onChange={ ( relValue ) => {
Expand Down
1 change: 0 additions & 1 deletion packages/block-library/src/navigation/edit/navigation-menu-name-control.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,6 @@ export default function NavigationMenuNameControl() {

return (
<TextControl
__next40pxDefaultSize
label={ __( 'Menu name' ) }
value={ title }
onChange={ updateTitle }
Expand Down
3 changes: 0 additions & 3 deletions packages/block-library/src/playlist-track/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -161,23 +161,20 @@ const PlaylistTrackEdit = ( { attributes, setAttributes, context } ) => {
<InspectorControls>
<PanelBody title={ __( 'Settings' ) }>
<TextControl
__next40pxDefaultSize
label={ __( 'Artist' ) }
value={ artist ? stripHTML( artist ) : '' }
onChange={ ( artistValue ) => {
setAttributes( { artist: artistValue } );
} }
/>
<TextControl
__next40pxDefaultSize
label={ __( 'Album' ) }
value={ album ? stripHTML( album ) : '' }
onChange={ ( albumValue ) => {
setAttributes( { album: albumValue } );
} }
/>
<TextControl
__next40pxDefaultSize
label={ __( 'Title' ) }
value={ title ? stripHTML( title ) : '' }
onChange={ ( titleValue ) => {
Expand Down
1 change: 0 additions & 1 deletion packages/block-library/src/post-comment/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,6 @@ export default function Edit( { attributes: { commentId }, setAttributes } ) {
) }
>
<TextControl
__next40pxDefaultSize
value={ commentId }
onChange={ ( val ) =>
setCommentIdInput( parseInt( val ) )
Expand Down
1 change: 0 additions & 1 deletion packages/block-library/src/post-featured-image/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -356,7 +356,6 @@ export default function PostFeaturedImageEdit( {
}
>
<TextControl
__next40pxDefaultSize
label={ __( 'Link relation' ) }
help={ createInterpolateElement(
__(
Expand Down
1 change: 0 additions & 1 deletion packages/block-library/src/post-terms/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,6 @@ export default function PostTermsEdit( {
<>
<InspectorControls group="advanced">
<TextControl
__next40pxDefaultSize
autoComplete="off"
label={ __( 'Separator' ) }
value={ separator || '' }
Expand Down
1 change: 0 additions & 1 deletion packages/block-library/src/post-title/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -203,7 +203,6 @@ export default function PostTitleEdit( {
}
>
<TextControl
__next40pxDefaultSize
label={ __( 'Link relation' ) }
help={ createInterpolateElement(
__(
Expand Down
Loading
Loading