Skip to content
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

Jump to bottom

Button: Replace remaining 40px default size violations #65018

Closed
21 tasks done
mirka opened this issue Sep 3, 2024 · 25 comments · Fixed by #65840
Closed
21 tasks done

Button: Replace remaining 40px default size violations #65018

mirka opened this issue Sep 3, 2024 · 25 comments · Fixed by #65840
Assignees
@mirka @jsnajdr @ciampo @tyxla @DaniGuardiola
Labels
[Feature] UI Components Impacts or related to the UI component system Good First Issue An issue that's suitable for someone looking to contribute for the first time [Type] Tracking Issue Tactical breakdown of efforts across the codebase and/or tied to Overview issues.

Comments

@mirka
Copy link
Member

mirka commented Sep 3, 2024 •
edited
Loading

Part of #63871

Throughout the app, there are still 167 instances of Button that use the old 36px default size. For consistency, we need to switch all these to the new 40px size.

Since this is a manual process requiring visual inspection of all instances, I broke the task down into manageable chunks so multiple people can work on it in parallel.

How to submit PRs

In the PR, post a review comment for each changed file including brief testing instructions and before/after screenshots.

See #64524 for an example.

Chunked tasks by package

To pick up a task, write your name by the checklist item or post a comment to this issue.

  • block-directory (@vipul0425 Fix: Button Replace remaining 40px default size violations [Block Directory] #65467)

    Details 

    packages/block-directory/src/components/downloadable-block-list-item/index.js
  98:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-directory/src/plugins/get-install-missing/index.js
  103:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-directory/src/plugins/get-install-missing/install-button.js
  24:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • block-editor 1 (@vipul0425 Fix: Button Replace remaining 40px default size violations [Block Editor 1]. #65034 )

    Details 

    packages/block-editor/src/components/block-breadcrumb/index.js
  68:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  98:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/block-compare/block-view.js
  33:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/block-edit/multiple-usage-warning.js
  26:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  35:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/block-list/block-invalid-warning.js
  103:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/block-mover/button.js
  131:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/block-mover/index.js
  89:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • block-editor 2 (@dhruvang21 Fix: Button Replace remaining 40px default size violations [Block Editor 2] #65308)

    Details 

    packages/block-editor/src/components/block-navigation/dropdown.js
  29:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/block-pattern-setup/setup-toolbar.js
  20:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  38:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  47:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  71:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  79:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/block-patterns-paging/index.js
  40:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  51:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  76:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  87:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/block-quick-navigation/index.js
  61:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/block-tools/block-selection-button.js
  259:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  276:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • block-editor 3 (@vipul0425 Fix: Button Replace remaining 40px default size violations [Block Editor 3] #65225)

    Details 

    packages/block-editor/src/components/block-variation-picker/index.js
  66:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/block-variation-transforms/index.js
  37:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/button-block-appender/index.js
  62:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/colors-gradients/dropdown.js
  91:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/global-styles/color-panel.js
  242:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/global-styles/filters-panel.js
  192:10  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/global-styles/shadow-panel-components.js
   54:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  103:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  158:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • block-editor 4 (@vipul0425 Fix: Button Replace remaining 40px default size violations [Block Editor 4] #65257)

    Details 

    packages/block-editor/src/components/inserter-listbox/item.js
  46:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/inserter/block-patterns-explorer/pattern-explorer-sidebar.js
  17:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/inserter/block-patterns-tab/index.js
  63:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/inserter/media-tab/media-preview.js
  105:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  115:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/inserter/media-tab/media-tab.js
  73:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/inserter/quick-inserter.js
  143:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • block-editor 5 (@PARTHVATALIYA Fix: Button Replace remaining 40px default size violations [Block Editor 5] #65361)

    Details 

    packages/block-editor/src/components/inspector-controls-tabs/index.js
  51:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/inspector-popover-header/index.js
  33:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  47:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/link-control/index.js
  410:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  472:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  480:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/link-control/settings-drawer.js
  27:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/list-view/block-select-button.js
  85:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/media-placeholder/index.js
   53:4   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   89:4   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  388:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  418:6   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  435:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  476:10  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  507:8   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • block-editor 6 (@mirka Button: Add __next40pxDefaultSize in block-editor 6 #65742)

    Details 

    packages/block-editor/src/components/skip-to-selected-block/index.js
  30:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/tool-selector/index.js
  43:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/url-input/button.js
  40:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  55:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  67:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/components/url-input/index.js
  541:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/hooks/layout.js
  322:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-editor/src/layouts/flex.js
  248:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • block-library 1 (@hbhalodia Fix: Button: Replace remaining 40px default size violations [Block library 1] #65033)

    Details 

    packages/block-library/src/comments/edit/comments-legacy.js
  31:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/embed/embed-placeholder.js
  68:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  76:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/freeform/modal.js
   27:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  125:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  135:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/missing/edit.js
  52:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • block-library 2 (@hbhalodia Fix: Button: Replace remaining 40px default size violation [Block library] #65075)

    Details 

    packages/block-library/src/navigation-link/link-ui.js
  312:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/navigation/edit/deleted-navigation-warning.js
  18:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/navigation/edit/index.js
  593:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/navigation/edit/navigation-menu-delete-control.js
  21:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/navigation/edit/placeholder/index.js
  78:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/navigation/edit/responsive-wrapper.js
   81:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  104:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • block-library 3 (@hbhalodia , Fix: Button: Replace remaining 40px default size violation [Block library 3] #65110)

    Details 

    packages/block-library/src/page-list/convert-to-links-modal.js
  34:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  42:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/page-list/edit.js
  344:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/post-comments-form/form.js
  86:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/post-featured-image/edit.js
  310:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/site-logo/edit.js
  629:11  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  676:8   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/social-link/edit.js
  83:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • block-library 4 (@hbhalodia Fix: Button: Replace remaining 40px default size violation [Block library 4] #65143)

    Details 

    packages/block-library/src/query/edit/enhanced-pagination-modal.js
  78:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/query/edit/query-placeholder.js
  81:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  91:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/template-part/edit/placeholder.js
  77:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  88:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/video/edit.js
  234:10  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  264:9   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/block-library/src/video/tracks-editor.js
   60:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  149:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  179:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • customize-widgets, edit-post (@ciampo Customize widgets, edit post: refactor Button to new sizes #65807)

    Details 

    packages/customize-widgets/src/components/error-boundary/index.js
  14:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/customize-widgets/src/components/inserter/index.js
  39:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/customize-widgets/src/components/welcome-guide/index.js
  45:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-post/src/components/back-button/fullscreen-mode-close.js
  93:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-post/src/components/init-pattern-modal/index.js
  90:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-post/src/components/preferences-modal/enable-custom-fields.js
  41:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • edit-site 1 (@hbhalodia Fix: Button: Replace remaining 40px default size violation [Edit Site 1] #65226)

    Details 

    packages/edit-site/src/components/add-new-template/add-custom-template-modal-content.js
  45:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-site/src/components/add-new-template/index.js
  109:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-site/src/components/editor-canvas-container/index.js
  138:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-site/src/components/editor/index.js
  260:11  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-site/src/components/error-boundary/warning.js
  12:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • edit-site 2 (@hbhalodia Fix: Button: Replace remaining 40px default size violation [Edit Site 2] #65258)

    Details 

    packages/edit-site/src/components/global-styles/font-library-modal/font-card.js
  30:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-site/src/components/global-styles/font-library-modal/font-collection.js
  474:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-site/src/components/global-styles/font-library-modal/installed-fonts.js
  439:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  449:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-site/src/components/global-styles/font-library-modal/upload-fonts.js
  232:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-site/src/components/global-styles/palette.js
  89:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-site/src/components/global-styles/screen-revisions/revisions-buttons.js
  164:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-site/src/components/global-styles/shadows-edit-panel.js
  236:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  248:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  383:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  396:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • edit-site 3 (@hbhalodia Fix: Button: Replace remaining 40px default size violation [Edit Site 3] #65309)

    Details 

    packages/edit-site/src/components/page-patterns/fields.js
  135:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-site/src/components/save-panel/index.js
  152:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-site/src/components/sidebar-button/index.js
  13:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-site/src/components/sidebar-dataviews/add-new-view.js
   90:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  101:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-site/src/components/site-hub/index.js
   64:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   82:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  103:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  151:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  172:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  188:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • edit-widgets (@dhruvang21 Fix: Button Replace remaining 40px default size violations [Edit widgets] #65367)

    Details 

    packages/edit-widgets/src/components/error-boundary/index.js
  14:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-widgets/src/components/secondary-sidebar/inserter-sidebar.js
  46:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-widgets/src/components/secondary-sidebar/list-view-sidebar.js
  53:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/edit-widgets/src/components/sidebar/widget-areas.js
  68:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • editor 1 (@AKSHAT2802 Add props for buttons in editor 1 #65068)

    Details 

    packages/editor/src/components/block-manager/index.js
  69:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/editor-history/redo.js
  27:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/editor-history/undo.js
  23:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/error-boundary/index.js
  32:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/post-excerpt/panel.js
  200:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/post-featured-image/index.js
  162:9   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  204:11  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  213:11  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • editor 2 (@AKSHAT2802 Add props for buttons in editor 2 #65083)

    Details 

    packages/editor/src/components/post-format/index.js
  102:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/post-last-revision/index.js
  38:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/post-locked-modal/index.js
  259:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  268:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/post-publish-panel/index.js
  80:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/post-publish-panel/maybe-post-format-panel.js
  27:2  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/post-publish-panel/maybe-upload-media.js
  157:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • editor 3 (@AKSHAT2802 Add __next40pxDefaultSize for files in editor 3 #65139)

    Details 

    packages/editor/src/components/post-taxonomies/hierarchical-term-selector.js
  430:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/post-taxonomies/most-used-terms.js
  64:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/post-template/classic-theme.js
  179:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/post-url/index.js
  112:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/save-publish-panels/index.js
  73:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  88:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • editor 4 (@AKSHAT2802 Add __next40pxDefaultSize for files in editor 4 #65140)

    Details 

    packages/editor/src/components/start-template-options/index.js
  158:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/table-of-contents/index.js
  32:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/components/text-editor/index.js
  42:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/dataviews/actions/reset-post.tsx
  116:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  126:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/editor/src/dataviews/actions/trash-post.tsx
  69:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  79:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

  • dataviews, list-reusable-blocks, nux, reusable-blocks (@mirka Button: Add __next40pxDefaultSize in dataviews, reusable-blocks, etc. #65715)

    Details 

    packages/dataviews/src/dataforms-layouts/panel/index.tsx
  46:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax


packages/list-reusable-blocks/src/components/import-dropdown/index.js
  19:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

packages/list-reusable-blocks/src/components/import-form/index.js
  86:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax


packages/nux/src/components/dot-tip/index.js
  59:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  68:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax


packages/reusable-blocks/src/components/reusable-blocks-menu-items/reusable-block-convert-button.js
  193:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  205:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

@mirka mirka added the [Type] Tracking Issue Tactical breakdown of efforts across the codebase and/or tied to Overview issues. label Sep 3, 2024
@mirka mirka mentioned this issue Sep 3, 2024
Closed
28 tasks
@hbhalodia
Copy link
Contributor

hbhalodia commented Sep 4, 2024 •
edited
Loading

Hi @mirka, I would like to pick up the task related to block-library 1 to start with, I would raise the PR for the same.

Update: Here is the PR for updating the Button for block-library 1 - #65033,

Thank You,

I would like to pick block-library 2, block-library 3, block-library 4 as well. Would be working and raising PR for the same.

@hbhalodia hbhalodia mentioned this issue Sep 4, 2024
Merged
@vipul0425
Copy link
Contributor

vipul0425 commented Sep 4, 2024 •
edited
Loading

Hi @mirka, I would like to pick up the task related to block-editor 1. PR link : #65034

@vipul0425 vipul0425 mentioned this issue Sep 4, 2024
Merged
@AKSHAT2802 AKSHAT2802 mentioned this issue Sep 4, 2024
Merged
@AKSHAT2802
Copy link
Contributor

Hi @mirka, I would like to pick up the task related to editor 1. PR link : #65068

@mirka
Copy link
Member Author

mirka commented Sep 4, 2024

Thank you so much for all your help, everyone! 🥹 It's super helpful because we'd like to land all these in time for WP 6.7. We'll get your PRs reviewed promptly.

@hbhalodia hbhalodia mentioned this issue Sep 5, 2024
Merged
@hbhalodia
Copy link
Contributor

Hi @mirka, Here is the PR to update the button components used in the chunk, Block Library 2 mentioned in the description - #65075.

Thank You,

@AKSHAT2802 AKSHAT2802 mentioned this issue Sep 5, 2024
Merged
@AKSHAT2802
Copy link
Contributor

Hi @mirka,
update the button components for editor 2 PR Link: #65083

Thanks

@hbhalodia hbhalodia mentioned this issue Sep 6, 2024
Merged
@hbhalodia
Copy link
Contributor

Hi @mirka, Here is the PR to update the button components used in the chunk, Block Library 3 mentioned in the description - #65110.

Thank You,

This was referenced Sep 8, 2024
Merged
Merged
@hbhalodia hbhalodia mentioned this issue Sep 9, 2024
Merged
@hbhalodia
Copy link
Contributor

Hi @mirka, Here is the PR to update the button components used in the chunk, Block Library 4 mentioned in the description - #65143.

Thank You,

@mirka mirka added the Good First Issue An issue that's suitable for someone looking to contribute for the first time label Sep 10, 2024
@hbhalodia
Copy link
Contributor

Hi @mirka, I am picking edit-site mentioned issue and would raise the PRs for the same.

Thank You,

@vipul0425 vipul0425 mentioned this issue Sep 11, 2024
Merged
@hbhalodia hbhalodia mentioned this issue Sep 11, 2024
Merged
@vipul0425
Copy link
Contributor

vipul0425 commented Sep 11, 2024 •
edited
Loading

Hi @mirka I have raised PR for block-editor-3 task : #65225

@vipul0425 vipul0425 mentioned this issue Sep 12, 2024
Merged
@hbhalodia hbhalodia mentioned this issue Sep 12, 2024
Merged
@hbhalodia
Copy link
Contributor

Hi @mirka @ciampo, Have raised the PR for edit site 2 - #65258

Thank You,

@tyxla tyxla mentioned this issue Sep 12, 2024
Draft
@tyxla
Copy link
Member

tyxla commented Sep 12, 2024 •
edited
Loading

I just noticed that the 40px size warning doesn't seem to be applied to the components package.

For example, here we have a Button component that doesn't have either the __next40pxDefaultSize or size prop defined, but it doesn't trigger a warning.

If I comment out this rule, the 40px size warning seems to apply to the components package as well.

Is it intentional that the warning doesn't appear in the components package?

Hmm, this actually looks unintended, as if the theme var rules unintentionally overwrote the temp migration ones.

Here's what happens when we enable the temp rules for the components package:

/Users/marin/Projects/gutenberg/packages/components/src/autocomplete/autocompleter-ui.tsx
  56:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/base-control/stories/index.story.tsx
  31:3  error  BaseControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  61:3  error  BaseControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  64:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size               no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/border-box-control/border-box-control-split-controls/component.tsx
   77:4  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   86:4  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   94:4  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  103:4  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/border-box-control/stories/index.story.tsx
  55:4  error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  73:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size            no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/border-box-control/test/index.tsx
   55:12  error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   80:12  error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   94:12  error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  105:5   error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  118:12  error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  157:5   error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  195:12  error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  222:12  error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  244:12  error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  260:5   error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  285:6   error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  320:6   error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  334:6   error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  353:6   error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  386:6   error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  405:6   error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  427:6   error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  466:13  error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  490:13  error  BorderBoxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/border-control/border-control-dropdown/component.tsx
  233:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/border-control/stories/index.story.tsx
  84:3  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/border-control/test/index.js
   77:12  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   98:12  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  112:12  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  120:12  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  129:12  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  154:12  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  167:12  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  186:13  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  195:13  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  206:13  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  219:13  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  232:13  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  248:13  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  260:13  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  274:13  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  288:33  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  302:14  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  311:12  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  324:12  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  337:12  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  350:12  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  360:12  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  374:33  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  376:14  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  388:33  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  390:14  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  404:12  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  423:33  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  426:14  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  428:14  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  449:33  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  461:14  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  478:33  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  490:14  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/button-group/stories/index.story.tsx
  29:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  32:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/button/deprecated.tsx
  36:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/button/stories/e2e/index.story.tsx
   55:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  152:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  153:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  154:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  157:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  158:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/button/stories/index.story.tsx
   59:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  110:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  111:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  112:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/button/test/index.tsx
   25:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   38:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   56:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   66:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   76:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   85:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   93:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  105:6   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  117:7   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  119:6   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  154:7   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  156:6   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  196:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  212:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  222:14  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  237:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  246:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  254:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  260:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  269:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  277:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  286:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  302:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  313:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  322:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  332:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  351:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  380:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  401:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  416:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  431:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  448:13  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  456:13  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  464:13  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  472:13  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  480:13  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  488:13  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  499:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  508:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  526:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  542:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  550:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  555:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  562:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  567:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  572:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  580:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  598:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  607:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  626:4   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  628:4   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  635:4   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  637:4   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  639:4   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  641:4   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/card/stories/index.story.tsx
  69:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/checkbox-control/stories/index.story.tsx
   47:3  error  CheckboxControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
   79:4  error  CheckboxControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  139:4  error  CheckboxControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/checkbox-control/test/index.tsx
  49:12  error  CheckboxControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  54:12  error  CheckboxControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  59:12  error  CheckboxControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  64:12  error  CheckboxControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  71:12  error  CheckboxControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  78:12  error  CheckboxControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  84:5   error  CheckboxControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  88:5   error  CheckboxControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  98:12  error  CheckboxControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/circular-option-picker/circular-option-picker-actions.tsx
  28:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  49:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/circular-option-picker/circular-option-picker-option.tsx
  33:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  67:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/clipboard-button/index.tsx
  66:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/color-picker/component.tsx
  88:6  error  SelectControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/combobox-control/index.tsx
  357:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/combobox-control/stories/index.story.tsx
  66:4  error  ComboboxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  66:4  error  ComboboxControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/combobox-control/test/index.tsx
  76:4  error  ComboboxControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  76:4  error  ComboboxControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/confirm-dialog/stories/index.story.tsx
  55:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/custom-gradient-picker/gradient-bar/control-points.tsx
   57:4   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  301:13  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  351:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/custom-gradient-picker/index.native.js
  97:6  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  97:6  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/custom-select-control/stories/index.story.tsx
  55:3  error  CustomSelectControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/date-time/date/index.tsx
  114:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  139:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/dimension-control/stories/index.story.tsx
  47:2  error  DimensionControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  47:2  error  DimensionControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/dimension-control/test/index.test.js
   32:5  error  DimensionControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   32:5  error  DimensionControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
   40:5  error  DimensionControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   40:5  error  DimensionControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
   51:5  error  DimensionControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   51:5  error  DimensionControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
   81:5  error  DimensionControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   81:5  error  DimensionControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
   96:5  error  DimensionControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   96:5  error  DimensionControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  118:5  error  DimensionControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  118:5  error  DimensionControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/disabled/stories/index.story.tsx
  42:4  error  TextControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size    no-restricted-syntax
  54:4  error  SelectControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/dropdown-menu-v2/stories/index.story.tsx
  624:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/dropdown-menu/index.native.js
  86:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/dropdown-menu/index.tsx
  166:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/dropdown/stories/index.story.tsx
  47:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/duotone-picker/color-list-picker/index.tsx
  34:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/focal-point-picker/index.native.js
  256:5  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  266:5  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/focal-point-picker/stories/index.story.tsx
  40:3  error  FocalPointPicker should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/font-size-picker/index.native.js
  165:7  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/font-size-picker/stories/e2e/index.story.tsx
  27:3  error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/font-size-picker/stories/index.story.tsx
  37:3  error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/font-size-picker/test/index.tsx
   26:3   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   49:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   70:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  121:18  error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  145:6   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  168:6   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  225:18  error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  249:6   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  268:6   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  309:6   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  360:18  error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  383:6   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  393:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  429:18  error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  455:6   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  478:6   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  498:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  512:6   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  527:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  543:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  550:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  555:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  568:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  573:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  585:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  619:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  631:18  error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  644:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  665:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  682:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  700:5   error  FontSizePicker should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/form-file-upload/index.tsx
  46:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/form-file-upload/stories/index.story.tsx
  32:9  error  FormFileUpload should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/form-file-upload/test/index.tsx
  27:4  error  FormFileUpload should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  44:4  error  FormFileUpload should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  69:4  error  FormFileUpload should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/form-token-field/stories/index.story.tsx
  51:3  error  FormTokenField should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  91:3  error  FormTokenField should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/form-token-field/test/index.tsx
  40:3  error  FormTokenField should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/form-token-field/token.tsx
  73:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/guide/index.tsx
  163:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/guide/page-control.tsx
  29:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/guide/stories/index.story.tsx
  36:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/input-control/stories/index.story.tsx
  41:2  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/input-control/test/index.js
   26:12  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   34:12  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   42:12  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   50:12  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   57:12  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   73:12  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   91:5   error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  126:6   error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  160:5   error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  165:14  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  170:14  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  180:5   error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  200:5   error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/menu-item/index.tsx
  58:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/mobile/bottom-sheet/nav-bar/back-button.native.js
  70:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  88:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/mobile/focal-point-settings-panel/index.native.js
  58:5  error  FocalPointPicker should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/mobile/link-settings/index.native.js
  262:7  error  TextControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size            no-restricted-syntax
  262:7  error  TextControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles    no-restricted-syntax
  279:6  error  TextControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size            no-restricted-syntax
  279:6  error  TextControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles    no-restricted-syntax
  289:8  error  ToggleControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  297:8  error  TextControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size            no-restricted-syntax
  297:8  error  TextControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles    no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/mobile/picker/index.android.js
  94:7  error  TextControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  94:7  error  TextControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/mobile/utils/test/get-px-from-css-unit.native.js
  153:2  warning  Disabled test  jest/no-disabled-tests

/Users/marin/Projects/gutenberg/packages/components/src/modal/stories/index.story.tsx
  60:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size        no-restricted-syntax
  77:6  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  79:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size        no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/navigation/stories/utils/controlled-state.tsx
   34:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  123:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  133:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/navigator/stories/index.story.tsx
  145:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/navigator/test/index.tsx
  103:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  123:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/notice/index.tsx
  144:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  162:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/notice/stories/index.story.tsx
  112:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/number-control/stories/index.story.tsx
  44:4  error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/number-control/test/index.tsx
   23:3   error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   34:12  error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   39:12  error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   50:5   error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   65:5   error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  108:5   error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  150:12  error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  168:12  error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  187:12  error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  200:12  error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  219:12  error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  234:12  error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  559:13  error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  586:6   error  NumberControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/palette-edit/index.tsx
  197:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  479:13  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  491:13  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  513:13  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/panel/actions.native.js
  23:5  error  TextControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  23:5  error  TextControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/panel/body.tsx
  118:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/panel/stories/index.story.tsx
  76:5  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  77:5  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  81:6  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/placeholder/stories/index.story.tsx
  46:5  error  TextControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/popover/index.tsx
  420:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/popover/stories/index.story.tsx
  107:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  202:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  212:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/query-controls/index.native.js
  68:6  error  SelectControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  68:6  error  SelectControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  87:6  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles   no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/radio-group/radio.tsx
  40:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/range-control/stories/index.story.tsx
   60:3  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   60:3  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
   94:4  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   94:4  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  124:4  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  124:4  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  134:4  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  134:4  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/range-control/test/index.tsx
   29:12  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   29:12  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
   46:5   error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   46:5   error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
   68:12  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   68:12  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
   80:12  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   80:12  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
   94:5   error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   94:5   error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  108:5   error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  108:5   error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  126:12  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  126:12  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  139:12  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  139:12  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  159:5   error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  159:5   error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  184:12  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  184:12  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  192:12  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  192:12  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  200:12  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  200:12  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  209:5   error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  209:5   error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  240:12  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  240:12  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  248:12  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  248:12  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  256:12  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  256:12  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  266:12  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  266:12  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  285:12  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  285:12  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  303:12  error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  303:12  error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  328:5   error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  328:5   error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  357:5   error  RangeControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  357:5   error  RangeControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/scroll-lock/stories/index.story.tsx
  83:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/search-control/index.native.js
  187:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  214:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/search-control/stories/index.story.tsx
  37:3  error  SearchControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/select-control/stories/index.story.tsx
  39:4  error  SelectControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  39:4  error  SelectControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  52:3  error  SelectControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  52:3  error  SelectControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/select-control/test/select-control.tsx
   20:11  error  SelectControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   20:11  error  SelectControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
   31:4   error  SelectControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   31:4   error  SelectControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
   60:4   error  SelectControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   60:4   error  SelectControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
   93:4   error  SelectControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
   93:4   error  SelectControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  116:5   error  SelectControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  116:5   error  SelectControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/snackbar/index.tsx
  152:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/tab-panel/index.tsx
  220:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/tabs/stories/index.story.tsx
   65:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  225:8  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  248:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  326:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  360:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/text-control/stories/index.story.tsx
  41:3  error  TextControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  41:3  error  TextControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/text-control/test/text-control.tsx
  20:12  error  TextControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  20:12  error  TextControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  31:5   error  TextControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  31:5   error  TextControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  44:12  error  TextControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  44:12  error  TextControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  52:5   error  TextControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  52:5   error  TextControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/textarea-control/index.native.js
  13:3  error  BaseControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/textarea-control/stories/index.story.tsx
  41:3  error  TextareaControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/toggle-control/stories/index.story.tsx
  38:3  error  ToggleControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/toggle-control/test/index.tsx
  19:11  error  ToggleControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  29:11  error  ToggleControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  40:12  error  ToggleControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  48:5   error  ToggleControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/toggle-group-control/stories/index.story.tsx
  51:3  error  ToggleGroupControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/toggle-group-control/test/index.tsx
  46:4  error  ToggleGroupControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  46:4  error  ToggleGroupControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax
  54:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size                      no-restricted-syntax
  56:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size                      no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/toolbar/toolbar-button/index.tsx
  54:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  99:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/tools-panel/stories/index.story.tsx
   76:7  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size         no-restricted-syntax
   88:7  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size         no-restricted-syntax
  100:7  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size         no-restricted-syntax
  111:7  error  ToggleGroupControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  168:7  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size         no-restricted-syntax
  180:7  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size         no-restricted-syntax
  238:8  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size         no-restricted-syntax
  250:8  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size         no-restricted-syntax
  262:8  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size         no-restricted-syntax
  342:6  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size         no-restricted-syntax
  357:6  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size         no-restricted-syntax
  442:6  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size         no-restricted-syntax
  458:6  error  ToggleGroupControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  541:6  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size         no-restricted-syntax
  560:7  error  ToggleGroupControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/tooltip/stories/index.story.tsx
  48:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  54:12  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  72:4   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/tree-grid/stories/index.story.tsx
  101:11  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size        no-restricted-syntax
  109:10  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  119:10  error  InputControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/tree-select/index.tsx
  104:4  error  SelectControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  104:4  error  SelectControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/tree-select/stories/index.story.tsx
  41:3  error  TreeSelect should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/unit-control/stories/index.story.tsx
   45:3  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  111:3  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/unit-control/test/index.tsx
   72:4   error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   77:4   error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   89:12  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   98:52  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  101:5   error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  115:12  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  126:12  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  141:12  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  162:12  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  178:12  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  194:12  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  210:12  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  227:5   error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  255:5   error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  284:5   error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  317:6   error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  350:5   error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  380:12  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  403:5   error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  439:5   error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  470:5   error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  530:12  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  548:5   error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  573:33  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  579:14  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  585:12  error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  592:5   error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  618:6   error  UnitControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

✖ 463 problems (462 errors, 1 warning)

Except tests, stories and native files, we have these errors:

/Users/marin/Projects/gutenberg/packages/components/src/autocomplete/autocompleter-ui.tsx
  56:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/border-box-control/border-box-control-split-controls/component.tsx
   77:4  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   86:4  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
   94:4  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  103:4  error  BorderControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/border-control/border-control-dropdown/component.tsx
  233:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/button/deprecated.tsx
  36:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/circular-option-picker/circular-option-picker-actions.tsx
  28:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  49:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/circular-option-picker/circular-option-picker-option.tsx
  33:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  67:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/clipboard-button/index.tsx
  66:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/color-picker/component.tsx
  88:6  error  SelectControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/combobox-control/index.tsx
  357:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/custom-gradient-picker/gradient-bar/control-points.tsx
   57:4   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  301:13  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  351:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/date-time/date/index.tsx
  114:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  139:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/dropdown-menu/index.tsx
  166:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/duotone-picker/color-list-picker/index.tsx
  34:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/form-file-upload/index.tsx
  46:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/form-token-field/token.tsx
  73:4  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/guide/index.tsx
  163:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/guide/page-control.tsx
  29:6  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/menu-item/index.tsx
  58:3  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/notice/index.tsx
  144:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  162:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/palette-edit/index.tsx
  197:5   error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  479:13  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  491:13  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  513:13  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/panel/body.tsx
  118:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/radio-group/radio.tsx
  40:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/snackbar/index.tsx
  152:7  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/tab-panel/index.tsx
  220:9  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/toolbar/toolbar-button/index.tsx
  54:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax
  99:5  error  Button should have the `__next40pxDefaultSize` prop to opt-in to the new default size  no-restricted-syntax

/Users/marin/Projects/gutenberg/packages/components/src/tree-select/index.tsx
  104:4  error  SelectControl should have the `__next40pxDefaultSize` prop to opt-in to the new default size          no-restricted-syntax
  104:4  error  SelectControl should have the `__nextHasNoMarginBottom` prop to opt-in to the new margin-free styles  no-restricted-syntax

Opening #65270 to consider this, cc @mirka

@dhruvang21 dhruvang21 mentioned this issue Sep 13, 2024
Merged
@hbhalodia hbhalodia mentioned this issue Sep 13, 2024
Merged
@dhruvang21
Copy link
Contributor

Hi @mirka, I have raised PR for block-editor-2 task: #65308

@hbhalodia
Copy link
Contributor

Hi @mirka, Raised the PR for Edit Site 3 - #65309,

Thank You,

@PARTHVATALIYA PARTHVATALIYA mentioned this issue Sep 16, 2024
Merged
@PARTHVATALIYA
Copy link
Contributor

PARTHVATALIYA commented Sep 16, 2024 •
edited
Loading

Hi @mirka, I have raised PR for block-editor-5 task: #65361

@dhruvang21 dhruvang21 mentioned this issue Sep 16, 2024
Merged
@dhruvang21
Copy link
Contributor

Hi @mirka, I have raised PR for edit-widgets task: #65367

@ciampo
Copy link
Contributor

ciampo commented Sep 16, 2024

Inspired by #65140 (comment), after all PRs are merged, we should also check that there are no usages left of $button-size

@draganescu draganescu added the [Feature] UI Components Impacts or related to the UI component system label Sep 17, 2024
@vipul0425
Copy link
Contributor

Hi @mirka, I have added PR for block-directory, #65467

@ciampo ciampo mentioned this issue Sep 25, 2024
Merged
This was referenced Sep 25, 2024
Merged
Merged
Merged
This was referenced Sep 28, 2024
Merged
Merged
Open
@ciampo ciampo mentioned this issue Oct 1, 2024
Merged
@ciampo
Copy link
Contributor

ciampo commented Oct 1, 2024

Last PR here: #65807

Also, there may be a couple more usages left to migrate

@mirka
Copy link
Member Author

mirka commented Oct 2, 2024

Last bit: #65840

@mirka mirka mentioned this issue Oct 2, 2024
Merged
@mirka
Copy link
Member Author

mirka commented Oct 3, 2024

All done 🎉 Thanks again to everyone who helped out! 💛

@ciampo
Copy link
Contributor

ciampo commented Oct 4, 2024 •
edited
Loading

I also wanted to thank everyone who helped with this huge task, thank you!

@ciampo ciampo mentioned this issue Oct 10, 2024
Draft
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@mirka mirka

@jsnajdr jsnajdr

@ciampo ciampo

@tyxla tyxla

@DaniGuardiola DaniGuardiola

Labels
[Feature] UI Components Impacts or related to the UI component system Good First Issue An issue that's suitable for someone looking to contribute for the first time [Type] Tracking Issue Tactical breakdown of efforts across the codebase and/or tied to Overview issues.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Button: Move to stricter lint rule for 40px size adherence WordPress/gutenberg