From e26bbb6836a04b7abb770744199ef95f01812823 Mon Sep 17 00:00:00 2001 From: Lena Morita Date: Wed, 4 Dec 2024 04:48:18 +0900 Subject: [PATCH] Button: Add __next40pxDefaultSize to Markdown docs --- docs/contributors/code/coding-guidelines.md | 1 + docs/explanations/architecture/modularity.md | 4 ++-- .../data-basics/3-building-an-edit-form.md | 20 +++++++++------- .../4-building-a-create-page-form.md | 6 ++++- .../data-basics/5-adding-a-delete-button.md | 8 +++---- docs/how-to-guides/platform/README.md | 2 +- .../data/data-core-customize-widgets.md | 1 + .../data/data-core-notices.md | 13 ++++++++--- .../plugin-document-setting-panel.md | 2 ++ .../plugin-sidebar-more-menu-item.md | 2 +- .../slotfills/plugin-sidebar.md | 2 +- .../src/components/global-styles/README.md | 2 +- .../inspector-popover-header/README.md | 1 + .../src/components/link-control/README.md | 1 + .../src/components/media-upload/README.md | 2 +- .../publish-date-time-picker/README.md | 1 + .../src/components/url-popover/README.md | 3 ++- .../src/components/warning/README.md | 2 +- packages/blocks/README.md | 11 +++++++-- packages/components/README.md | 2 +- .../components/src/base-control/README.md | 4 ++-- .../components/src/button-group/README.md | 4 ++-- packages/components/src/button/README.md | 2 +- .../components/src/card/card-footer/README.md | 2 +- packages/components/src/disabled/README.md | 2 +- packages/components/src/dropdown/README.md | 1 + .../with-constrained-tabbing/README.md | 2 +- .../with-fallback-styles/README.md | 2 +- .../higher-order/with-focus-return/README.md | 2 +- .../src/higher-order/with-notices/README.md | 2 +- .../with-spoken-messages/README.md | 2 ++ packages/components/src/modal/README.md | 4 ++-- .../src/navigable-container/README.md | 23 +++++++++---------- packages/components/src/popover/README.md | 4 ++-- packages/components/src/scroll-lock/README.md | 2 +- packages/components/src/slot-fill/README.md | 2 +- packages/components/src/tree-grid/README.md | 18 +++++++-------- packages/compose/README.md | 12 +++++----- .../hooks/use-constrained-tabbing/README.md | 4 ++-- .../compose/src/hooks/use-dialog/README.md | 4 ++-- .../src/hooks/use-focus-on-mount/README.md | 4 ++-- .../src/hooks/use-focus-return/README.md | 4 ++-- packages/dataviews/README.md | 5 ++-- 43 files changed, 115 insertions(+), 82 deletions(-) diff --git a/docs/contributors/code/coding-guidelines.md b/docs/contributors/code/coding-guidelines.md index d8a5220c70ca2..d08f096ae9c41 100644 --- a/docs/contributors/code/coding-guidelines.md +++ b/docs/contributors/code/coding-guidelines.md @@ -25,6 +25,7 @@ export default function Notice( { children, onRemove } ) {
{ children }
; + return ; } ``` @@ -51,7 +51,7 @@ wp_register_script( 'myscript', 'pathtomyscript.js', array ('wp-components', "re const { Button } = wp.components; function MyApp() { - return ; + return ; } ``` diff --git a/docs/how-to-guides/data-basics/3-building-an-edit-form.md b/docs/how-to-guides/data-basics/3-building-an-edit-form.md index 1e2b4453e59ee..c7b828e2a57d2 100644 --- a/docs/how-to-guides/data-basics/3-building-an-edit-form.md +++ b/docs/how-to-guides/data-basics/3-building-an-edit-form.md @@ -13,7 +13,7 @@ import { Button } from '@wordpress/components'; import { decodeEntities } from '@wordpress/html-entities'; const PageEditButton = () => ( - ) @@ -69,10 +69,10 @@ function EditPageForm( { pageId, onCancel, onSaveFinished } ) { label='Page title:' />
- -
@@ -95,6 +95,7 @@ function PageEditButton({ pageId }) { @@ -246,10 +247,10 @@ function EditPageForm( { pageId, onCancel, onSaveFinished } ) { onChange={ handleChange } />
- -
@@ -298,7 +299,7 @@ function EditPageForm( { pageId, onCancel, onSaveFinished } ) {
{/* ... */}
- {/* ... */} @@ -426,7 +427,7 @@ function EditPageForm( { pageId, onSaveFinished } ) { return ( // ...
- @@ -470,7 +472,7 @@ function PageEditButton( { pageId } ) { const closeModal = () => setOpen( false ); return ( <> - { isOpen && ( @@ -525,6 +527,7 @@ function EditPageForm( { pageId, onCancel, onSaveFinished } ) { onClick={ handleSave } variant="primary" disabled={ ! hasEdits || isSaving } + __next40pxDefaultSize > { isSaving ? ( <> @@ -537,6 +540,7 @@ function EditPageForm( { pageId, onCancel, onSaveFinished } ) { onClick={ onCancel } variant="tertiary" disabled={ isSaving } + __next40pxDefaultSize > Cancel diff --git a/docs/how-to-guides/data-basics/4-building-a-create-page-form.md b/docs/how-to-guides/data-basics/4-building-a-create-page-form.md index c880a1a389748..bc3d625ac8ff4 100644 --- a/docs/how-to-guides/data-basics/4-building-a-create-page-form.md +++ b/docs/how-to-guides/data-basics/4-building-a-create-page-form.md @@ -18,7 +18,7 @@ function CreatePageButton() { const closeModal = () => setOpen( false ); return ( <> - { isOpen && ( @@ -103,6 +103,7 @@ function PageForm( { title, onChangeTitle, hasEdits, lastError, isSaving, onCanc onClick={ onSave } variant="primary" disabled={ !hasEdits || isSaving } + __next40pxDefaultSize > { isSaving ? ( <> @@ -115,6 +116,7 @@ function PageForm( { title, onChangeTitle, hasEdits, lastError, isSaving, onCanc onClick={ onCancel } variant="tertiary" disabled={ isSaving } + __next40pxDefaultSize > Cancel @@ -364,6 +366,7 @@ function PageForm( { title, onChangeTitle, hasEdits, lastError, isSaving, onCanc onClick={ onSave } variant="primary" disabled={ !hasEdits || isSaving } + __next40pxDefaultSize > { isSaving ? ( <> @@ -376,6 +379,7 @@ function PageForm( { title, onChangeTitle, hasEdits, lastError, isSaving, onCanc onClick={ onCancel } variant="tertiary" disabled={ isSaving } + __next40pxDefaultSize > Cancel diff --git a/docs/how-to-guides/data-basics/5-adding-a-delete-button.md b/docs/how-to-guides/data-basics/5-adding-a-delete-button.md index e0a0b0d1e9337..27833b3213ca0 100644 --- a/docs/how-to-guides/data-basics/5-adding-a-delete-button.md +++ b/docs/how-to-guides/data-basics/5-adding-a-delete-button.md @@ -16,7 +16,7 @@ import { Button } from '@wordpress/components'; import { decodeEntities } from '@wordpress/html-entities'; const DeletePageButton = () => ( - ) @@ -85,7 +85,7 @@ const DeletePageButton = ({ pageId }) => { const { deleteEntityRecord } = useDispatch( coreDataStore ); const handleDelete = () => deleteEntityRecord( 'postType', 'page', pageId ); return ( - ); @@ -108,7 +108,7 @@ const DeletePageButton = ({ pageId }) => { [ pageId ] ) return ( - ; + return ; } ``` diff --git a/docs/reference-guides/data/data-core-customize-widgets.md b/docs/reference-guides/data/data-core-customize-widgets.md index 8796f4cfea5dd..2741d7c38bb8a 100644 --- a/docs/reference-guides/data/data-core-customize-widgets.md +++ b/docs/reference-guides/data/data-core-customize-widgets.md @@ -66,6 +66,7 @@ const ExampleComponent = () => { setIsInserterOpened( ! isOpen ); setIsOpen( ! isOpen ); } } + __next40pxDefaultSize > { __( 'Open/close inserter' ) } diff --git a/docs/reference-guides/data/data-core-notices.md b/docs/reference-guides/data/data-core-notices.md index d36098429811d..ef7139bf0f98d 100644 --- a/docs/reference-guides/data/data-core-notices.md +++ b/docs/reference-guides/data/data-core-notices.md @@ -71,6 +71,7 @@ const ExampleComponent = () => { explicitDismiss: true, } ) } + __next40pxDefaultSize > { __( 'Generate an snackbar error notice with explicit dismiss button.' @@ -114,6 +115,7 @@ const ExampleComponent = () => { isDismissible: false, } ) } + __next40pxDefaultSize > { __( 'Generate a notice that cannot be dismissed.' ) } @@ -147,6 +149,7 @@ const ExampleComponent = () => { return ( @@ -199,6 +202,7 @@ const ExampleComponent = () => { icon: '🔥', } ) } + __next40pxDefaultSize > { __( 'Generate a snackbar success notice!' ) } @@ -245,6 +249,7 @@ const ExampleComponent = () => { }, } ) } + __next40pxDefaultSize > { __( 'Generates a warning notice with onDismiss callback' ) } @@ -285,10 +290,10 @@ export const ExampleComponent = () => {
  • { notice.content }
    • ) ) } - - { notices.length > 0 && ( - ) } @@ -384,6 +390,7 @@ const ExampleComponent = () => { onClick={ () => removeNotices( notices.map( ( { id } ) => id ) ) } + __next40pxDefaultSize > { __( 'Clear all notices' ) } diff --git a/docs/reference-guides/slotfills/plugin-document-setting-panel.md b/docs/reference-guides/slotfills/plugin-document-setting-panel.md index aa3e55abe2f7e..e84762382184e 100644 --- a/docs/reference-guides/slotfills/plugin-document-setting-panel.md +++ b/docs/reference-guides/slotfills/plugin-document-setting-panel.md @@ -65,6 +65,7 @@ const Example = () => { 'plugin-document-setting-panel-demo/custom-panel' ); } } + __next40pxDefaultSize > Toggle Panels @@ -92,6 +93,7 @@ const Example = () => { 'plugin-document-setting-panel-demo/custom-panel' ); } } + __next40pxDefaultSize > Toggle Panels diff --git a/docs/reference-guides/slotfills/plugin-sidebar-more-menu-item.md b/docs/reference-guides/slotfills/plugin-sidebar-more-menu-item.md index 1a1b2540b258b..e5cca7afdb2ed 100644 --- a/docs/reference-guides/slotfills/plugin-sidebar-more-menu-item.md +++ b/docs/reference-guides/slotfills/plugin-sidebar-more-menu-item.md @@ -61,7 +61,7 @@ const PluginSidebarMoreMenuItemTest = () => { ] } onChange={ ( newSelect ) => setSelect( newSelect ) } /> - diff --git a/docs/reference-guides/slotfills/plugin-sidebar.md b/docs/reference-guides/slotfills/plugin-sidebar.md index 7191b80e54e2d..e1e085940f997 100644 --- a/docs/reference-guides/slotfills/plugin-sidebar.md +++ b/docs/reference-guides/slotfills/plugin-sidebar.md @@ -54,7 +54,7 @@ const PluginSidebarExample = () => { ] } onChange={ ( newSelect ) => setSelect( newSelect ) } /> - + ); diff --git a/packages/block-editor/src/components/global-styles/README.md b/packages/block-editor/src/components/global-styles/README.md index 2ddb23cd01f70..4ac608cc12351 100644 --- a/packages/block-editor/src/components/global-styles/README.md +++ b/packages/block-editor/src/components/global-styles/README.md @@ -14,7 +14,7 @@ import { useGlobalStylesReset } from '@wordpress/block-editor'; function MyComponent() { const [ canReset, reset ] = useGlobalStylesReset(); - return canReset ? : null; + return canReset ? : null; } ``` diff --git a/packages/block-editor/src/components/inspector-popover-header/README.md b/packages/block-editor/src/components/inspector-popover-header/README.md index 697bbed72d973..ac1eab52d2bdd 100644 --- a/packages/block-editor/src/components/inspector-popover-header/README.md +++ b/packages/block-editor/src/components/inspector-popover-header/README.md @@ -15,6 +15,7 @@ const MyPostDatePopover = () => { diff --git a/packages/block-editor/src/components/link-control/README.md b/packages/block-editor/src/components/link-control/README.md index 5c31c4c14371c..fc06d9f2a635d 100644 --- a/packages/block-editor/src/components/link-control/README.md +++ b/packages/block-editor/src/components/link-control/README.md @@ -281,6 +281,7 @@ If passed, children are rendered after the input. label={ __( 'Submit' ) } icon={ keyboardReturn } className="block-editor-link-control__search-submit" + __next40pxDefaultSize /> diff --git a/packages/block-editor/src/components/media-upload/README.md b/packages/block-editor/src/components/media-upload/README.md index 27bbc93d8a2b6..d117bd1f25857 100644 --- a/packages/block-editor/src/components/media-upload/README.md +++ b/packages/block-editor/src/components/media-upload/README.md @@ -41,7 +41,7 @@ function MyMediaUploader() { allowedTypes={ ALLOWED_MEDIA_TYPES } value={ mediaId } render={ ( { open } ) => ( - + ) } /> diff --git a/packages/block-editor/src/components/publish-date-time-picker/README.md b/packages/block-editor/src/components/publish-date-time-picker/README.md index a7d92250c7cb0..cda3ee7d908e9 100644 --- a/packages/block-editor/src/components/publish-date-time-picker/README.md +++ b/packages/block-editor/src/components/publish-date-time-picker/README.md @@ -23,6 +23,7 @@ const MyDateTimePicker = () => { diff --git a/packages/block-editor/src/components/url-popover/README.md b/packages/block-editor/src/components/url-popover/README.md index 08b738eb4ec79..9689a4f39b274 100644 --- a/packages/block-editor/src/components/url-popover/README.md +++ b/packages/block-editor/src/components/url-popover/README.md @@ -58,7 +58,7 @@ class MyURLPopover extends Component { return ( <> - + { isVisible && ( diff --git a/packages/block-editor/src/components/warning/README.md b/packages/block-editor/src/components/warning/README.md index 17505fd616e30..e09e19c1cf534 100644 --- a/packages/block-editor/src/components/warning/README.md +++ b/packages/block-editor/src/components/warning/README.md @@ -28,7 +28,7 @@ All of the following are optional. ```js { __( 'Fix issue' ) } ] } + actions={ [ ] } secondaryActions={ [ { title: __( 'Get help' ), diff --git a/packages/blocks/README.md b/packages/blocks/README.md index f4805e1c60b38..d9cb180a4a4f6 100644 --- a/packages/blocks/README.md +++ b/packages/blocks/README.md @@ -606,6 +606,7 @@ const ExampleComponent = () => { label: __( 'Fancy Quote' ), } ); } } + __next40pxDefaultSize > { __( 'Add a new block style for core/quote' ) } @@ -669,6 +670,7 @@ const ExampleComponent = () => { attributes: { providerNameSlug: 'custom' }, } ); } } + __next40pxDefaultSize > __( 'Add a custom variation for core/embed' ) } @@ -742,6 +744,7 @@ const ExampleComponent = () => { { title: 'Custom Category', slug: 'custom-category' }, ] ); } } + __next40pxDefaultSize > { __( 'Add a new custom block category' ) } @@ -764,7 +767,7 @@ import { setDefaultBlockName } from '@wordpress/blocks'; const ExampleComponent = () => { return ( - ); @@ -796,7 +799,7 @@ import { setGroupingBlockName } from '@wordpress/blocks'; const ExampleComponent = () => { return ( - ); @@ -892,6 +895,7 @@ const ExampleComponent = () => { onClick={ () => { unregisterBlockStyle( 'core/quote', 'plain' ); } } + __next40pxDefaultSize > { __( 'Remove the "Plain" block style for core/quote' ) } @@ -918,6 +922,7 @@ const ExampleComponent = () => { return ( @@ -950,6 +955,7 @@ const ExampleComponent = () => { onClick={ () => { unregisterBlockVariation( 'core/embed', 'youtube' ); } } + __next40pxDefaultSize > { __( 'Remove the YouTube variation from core/embed' ) } @@ -979,6 +985,7 @@ const ExampleComponent = () => { onClick={ () => { updateCategory( 'text', { title: __( 'Written Word' ) } ); } } + __next40pxDefaultSize > { __( 'Update Text category title' ) } diff --git a/packages/components/README.md b/packages/components/README.md index df92e8db57be4..4007d1372f147 100644 --- a/packages/components/README.md +++ b/packages/components/README.md @@ -21,7 +21,7 @@ Within Gutenberg, these components can be accessed by importing from the `compon import { Button } from '@wordpress/components'; export default function MyButton() { - return ; + return ; } ``` diff --git a/packages/components/src/base-control/README.md b/packages/components/src/base-control/README.md index 839464b41260b..44a2506531779 100644 --- a/packages/components/src/base-control/README.md +++ b/packages/components/src/base-control/README.md @@ -101,7 +101,7 @@ e.g., a button, but we want an additional visual label for that section equivale otherwise use if the `label` prop was passed. ```jsx -import { BaseControl } from '@wordpress/components'; +import { BaseControl, Button } from '@wordpress/components'; const MyBaseControl = () => ( ( help="This button is already accessibly labeled." > Author - + ); ``` diff --git a/packages/components/src/button-group/README.md b/packages/components/src/button-group/README.md index 5c0179d6877af..7469b3bb9e0ae 100644 --- a/packages/components/src/button-group/README.md +++ b/packages/components/src/button-group/README.md @@ -45,8 +45,8 @@ import { Button, ButtonGroup } from '@wordpress/components'; const MyButtonGroup = () => ( - - + + ); ``` diff --git a/packages/components/src/button/README.md b/packages/components/src/button/README.md index d458771494a33..30ef6f779450a 100644 --- a/packages/components/src/button/README.md +++ b/packages/components/src/button/README.md @@ -106,7 +106,7 @@ Renders a button with default style. ```jsx import { Button } from '@wordpress/components'; -const MyButton = () => ; +const MyButton = () => ; ``` ### Props diff --git a/packages/components/src/card/card-footer/README.md b/packages/components/src/card/card-footer/README.md index e7f15d846b4fb..d6f3faac0848c 100644 --- a/packages/components/src/card/card-footer/README.md +++ b/packages/components/src/card/card-footer/README.md @@ -34,7 +34,7 @@ const Example = () => ( Content - + diff --git a/packages/components/src/disabled/README.md b/packages/components/src/disabled/README.md index e9eb6398554d9..3dec7ae9bc251 100644 --- a/packages/components/src/disabled/README.md +++ b/packages/components/src/disabled/README.md @@ -32,7 +32,7 @@ const MyDisabled = () => { return (
    { input } -
    diff --git a/packages/components/src/dropdown/README.md b/packages/components/src/dropdown/README.md index 5bb3ec2c3b6e0..44c2b79abc5ac 100644 --- a/packages/components/src/dropdown/README.md +++ b/packages/components/src/dropdown/README.md @@ -19,6 +19,7 @@ const MyDropdown = () => ( variant="primary" onClick={ onToggle } aria-expanded={ isOpen } + __next40pxDefaultSize > Toggle Popover! diff --git a/packages/components/src/higher-order/with-constrained-tabbing/README.md b/packages/components/src/higher-order/with-constrained-tabbing/README.md index 417ab7c133fea..44603c9ad2e02 100644 --- a/packages/components/src/higher-order/with-constrained-tabbing/README.md +++ b/packages/components/src/higher-order/with-constrained-tabbing/README.md @@ -47,7 +47,7 @@ const MyComponentWithConstrainedTabbing = () => { return (
    { form } - diff --git a/packages/components/src/higher-order/with-fallback-styles/README.md b/packages/components/src/higher-order/with-fallback-styles/README.md index 1ac16ad7c72be..f66080b4e17f7 100644 --- a/packages/components/src/higher-order/with-fallback-styles/README.md +++ b/packages/components/src/higher-order/with-fallback-styles/README.md @@ -18,7 +18,7 @@ const MyComponentWithFallbackStyles = withFallbackStyles( } )( ( { fallbackTextColor, fallbackBackgroundColor } ) => (
    - +
    Text color: { fallbackTextColor }
    Background color: { fallbackBackgroundColor }
    diff --git a/packages/components/src/higher-order/with-focus-return/README.md b/packages/components/src/higher-order/with-focus-return/README.md index 81cecad4310f1..9a0ee04dd7a9d 100644 --- a/packages/components/src/higher-order/with-focus-return/README.md +++ b/packages/components/src/higher-order/with-focus-return/README.md @@ -40,7 +40,7 @@ const MyComponentWithFocusReturn = () => { /> { text && } { text && ( - ) } diff --git a/packages/components/src/higher-order/with-notices/README.md b/packages/components/src/higher-order/with-notices/README.md index 17e1b0e12113b..c88a33e4bdb4f 100644 --- a/packages/components/src/higher-order/with-notices/README.md +++ b/packages/components/src/higher-order/with-notices/README.md @@ -49,7 +49,7 @@ const MyComponentWithNotices = withNotices( return (
    { noticeUI } -
    diff --git a/packages/components/src/higher-order/with-spoken-messages/README.md b/packages/components/src/higher-order/with-spoken-messages/README.md index 6142b0438b08f..77c72fce1a797 100644 --- a/packages/components/src/higher-order/with-spoken-messages/README.md +++ b/packages/components/src/higher-order/with-spoken-messages/README.md @@ -11,12 +11,14 @@ const MyComponentWithSpokenMessages = withSpokenMessages( diff --git a/packages/components/src/modal/README.md b/packages/components/src/modal/README.md index c7c0c8ec6d634..4603e94f2990e 100644 --- a/packages/components/src/modal/README.md +++ b/packages/components/src/modal/README.md @@ -124,12 +124,12 @@ const MyModal = () => { return ( <> - { isOpen && ( - diff --git a/packages/components/src/navigable-container/README.md b/packages/components/src/navigable-container/README.md index bbc1f16dcb8f6..0ae955ad06dab 100644 --- a/packages/components/src/navigable-container/README.md +++ b/packages/components/src/navigable-container/README.md @@ -62,7 +62,6 @@ A `TabbableContainer` will only be navigated using the `tab` key. Every intended import { NavigableMenu, TabbableContainer, - Button, } from '@wordpress/components'; function onNavigate( index, target ) { @@ -73,25 +72,25 @@ const MyNavigableContainer = () => (
    Navigable Menu: - - - + + + Tabbable Container: - - + - + - + +
    ); diff --git a/packages/components/src/popover/README.md b/packages/components/src/popover/README.md index 32648aa67edf7..61ab8c5b8af5f 100644 --- a/packages/components/src/popover/README.md +++ b/packages/components/src/popover/README.md @@ -21,7 +21,7 @@ const MyPopover = () => { }; return ( - @@ -46,7 +46,7 @@ const MyPopover = () => { return (

    Popover s anchor

    - { isVisible && ( diff --git a/packages/components/src/scroll-lock/README.md b/packages/components/src/scroll-lock/README.md index 4b8542966c366..7893448ce47a5 100644 --- a/packages/components/src/scroll-lock/README.md +++ b/packages/components/src/scroll-lock/README.md @@ -19,7 +19,7 @@ const MyScrollLock = () => { return (
    - { isScrollLocked && } diff --git a/packages/components/src/slot-fill/README.md b/packages/components/src/slot-fill/README.md index 3f14b9ccde9ee..230fc557847fd 100644 --- a/packages/components/src/slot-fill/README.md +++ b/packages/components/src/slot-fill/README.md @@ -109,7 +109,7 @@ const { Fill, Slot } = createSlotFill( 'Toolbar' ); const ToolbarItem = () => ( { ( { hideToolbar } ) => { - ; + ; } } ); diff --git a/packages/components/src/tree-grid/README.md b/packages/components/src/tree-grid/README.md index d6e861a7b9b18..ba3bc6b3a74b0 100644 --- a/packages/components/src/tree-grid/README.md +++ b/packages/components/src/tree-grid/README.md @@ -27,36 +27,36 @@ function TreeMenu() { { ( props ) => ( - + ) } { ( props ) => ( - + ) } { ( props ) => ( - + ) } { ( props ) => ( - + ) } { ( props ) => ( - + ) } { ( props ) => ( - + ) } @@ -134,7 +134,7 @@ function TreeMenu() { { ( props ) => ( - + ) } @@ -156,9 +156,9 @@ function TreeMenu() { ```jsx { ( props ) => ( - + ) } ``` diff --git a/packages/compose/README.md b/packages/compose/README.md index b4e20a79bab0c..b1eb3a314eb44 100644 --- a/packages/compose/README.md +++ b/packages/compose/README.md @@ -201,8 +201,8 @@ const ConstrainedTabbingExample = () => { const constrainedTabbingRef = useConstrainedTabbing(); return (
    -
    ); }; @@ -349,8 +349,8 @@ const WithFocusOnMount = () => { const ref = useFocusOnMount(); return (
    -
    ); }; @@ -377,8 +377,8 @@ const WithFocusReturn = () => { const ref = useFocusReturn(); return (
    -
    ); }; diff --git a/packages/compose/src/hooks/use-constrained-tabbing/README.md b/packages/compose/src/hooks/use-constrained-tabbing/README.md index 112d3fda7d0f1..d4248d161d44e 100644 --- a/packages/compose/src/hooks/use-constrained-tabbing/README.md +++ b/packages/compose/src/hooks/use-constrained-tabbing/README.md @@ -19,8 +19,8 @@ const ConstrainedTabbingExample = () => { const ref = useConstrainedTabbing(); return (
    -
    ); }; diff --git a/packages/compose/src/hooks/use-dialog/README.md b/packages/compose/src/hooks/use-dialog/README.md index 4af2588505d6a..69780f37767f5 100644 --- a/packages/compose/src/hooks/use-dialog/README.md +++ b/packages/compose/src/hooks/use-dialog/README.md @@ -35,8 +35,8 @@ const MyDialog = () => { return (
    -
    ); }; diff --git a/packages/compose/src/hooks/use-focus-on-mount/README.md b/packages/compose/src/hooks/use-focus-on-mount/README.md index 79cc5282f90c9..c1d231d51b8d0 100644 --- a/packages/compose/src/hooks/use-focus-on-mount/README.md +++ b/packages/compose/src/hooks/use-focus-on-mount/README.md @@ -19,8 +19,8 @@ const WithFocusOnMount = () => { const ref = useFocusOnMount(); return (
    -
    ); }; diff --git a/packages/compose/src/hooks/use-focus-return/README.md b/packages/compose/src/hooks/use-focus-return/README.md index 96a8191541ae8..0e3c3c286a167 100644 --- a/packages/compose/src/hooks/use-focus-return/README.md +++ b/packages/compose/src/hooks/use-focus-return/README.md @@ -19,8 +19,8 @@ const WithFocusReturn = () => { const ref = useFocusReturn(); return (
    -
    ); }; diff --git a/packages/dataviews/README.md b/packages/dataviews/README.md index 04b8a40ff3fa7..c6420b952dc83 100644 --- a/packages/dataviews/README.md +++ b/packages/dataviews/README.md @@ -335,6 +335,7 @@ const actions = [ onActionPerformed(); closeModal(); }} + __next40pxDefaultSize > Confirm Delete @@ -664,10 +665,10 @@ Component to render UI in a modal for the action.

    Modal UI

    - -