diff --git a/.eslintrc.js b/.eslintrc.js index eb2d2db47e4cab..0ee92a10b88afc 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -323,13 +323,15 @@ module.exports = { ' should have the `__next40pxDefaultSize` prop to opt-in to the new default size.', } ) ), // Temporary rules until all existing components have the `__next40pxDefaultSize` prop. - ...[ 'TextControl' ].map( ( componentName ) => ( { - // Not strict. Allows pre-existing __next40pxDefaultSize={ false } usage until they are all manually updated. - selector: `JSXOpeningElement[name.name="${ componentName }"]:not(:has(JSXAttribute[name.name="__next40pxDefaultSize"])):not(:has(JSXAttribute[name.name="size"]))`, - message: - componentName + - ' should have the `__next40pxDefaultSize` prop to opt-in to the new default size.', - } ) ), + ...[ 'SelectControl', 'TextControl' ].map( + ( componentName ) => ( { + // Not strict. Allows pre-existing __next40pxDefaultSize={ false } usage until they are all manually updated. + selector: `JSXOpeningElement[name.name="${ componentName }"]:not(:has(JSXAttribute[name.name="__next40pxDefaultSize"])):not(:has(JSXAttribute[name.name="size"]))`, + message: + componentName + + ' should have the `__next40pxDefaultSize` prop to opt-in to the new default size.', + } ) + ), ], }, }, diff --git a/packages/block-editor/src/components/font-family/README.md b/packages/block-editor/src/components/font-family/README.md index 6b37459fd127e7..63965f509ba534 100644 --- a/packages/block-editor/src/components/font-family/README.md +++ b/packages/block-editor/src/components/font-family/README.md @@ -71,9 +71,18 @@ The current font family value. The rest of the props are passed down to the underlying `` instance. +#### `__next40pxDefaultSize` + +- Type: `boolean` +- Required: No +- Default: `false` + +Start opting into the larger default height that will become the default size in a future version. + #### `__nextHasNoMarginBottom` -- **Type:** `boolean` -- **Default:** `false` +- Type: `boolean` +- Required: No +- Default: `false` Start opting into the new margin-free styles that will become the default in a future version. diff --git a/packages/block-editor/src/components/font-family/index.js b/packages/block-editor/src/components/font-family/index.js index 90a0412463b3ef..c87a52b4c676d2 100644 --- a/packages/block-editor/src/components/font-family/index.js +++ b/packages/block-editor/src/components/font-family/index.js @@ -11,6 +11,8 @@ import { __ } from '@wordpress/i18n'; import { useSettings } from '../use-settings'; export default function FontFamilyControl( { + /** Start opting into the larger default height that will become the default size in a future version. */ + __next40pxDefaultSize = false, /** Start opting into the new margin-free styles that will become the default in a future version. */ __nextHasNoMarginBottom = false, value = '', @@ -50,6 +52,7 @@ export default function FontFamilyControl( { return ( { return ( <>
{ /* - Disable the audio tag if the block is not selected - so the user clicking on it won't play the - file or change the position slider when the controls are enabled. + Disable the audio tag if the block is not selected + so the user clicking on it won't play the + file or change the position slider when the controls are enabled. */ }