@wordpress/block-editor 11.1.0 → 11.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (201) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/LICENSE.md +1 -1
  3. package/build/components/block-actions/index.js +9 -0
  4. package/build/components/block-actions/index.js.map +1 -1
  5. package/build/components/block-inspector/index.js +4 -2
  6. package/build/components/block-inspector/index.js.map +1 -1
  7. package/build/components/block-preview/auto.js +1 -4
  8. package/build/components/block-preview/auto.js.map +1 -1
  9. package/build/components/block-settings-menu/block-settings-dropdown.js +4 -1
  10. package/build/components/block-settings-menu/block-settings-dropdown.js.map +1 -1
  11. package/build/components/block-styles/index.js +3 -1
  12. package/build/components/block-styles/index.js.map +1 -1
  13. package/build/components/block-tools/use-block-toolbar-popover-props.js +43 -10
  14. package/build/components/block-tools/use-block-toolbar-popover-props.js.map +1 -1
  15. package/build/components/default-style-picker/index.js +1 -0
  16. package/build/components/default-style-picker/index.js.map +1 -1
  17. package/build/components/font-sizes/with-font-sizes.js +5 -8
  18. package/build/components/font-sizes/with-font-sizes.js.map +1 -1
  19. package/build/components/iframe/index.js +37 -8
  20. package/build/components/iframe/index.js.map +1 -1
  21. package/build/components/iframe/use-compatibility-styles.js +6 -1
  22. package/build/components/iframe/use-compatibility-styles.js.map +1 -1
  23. package/build/components/image-size-control/index.js +1 -0
  24. package/build/components/image-size-control/index.js.map +1 -1
  25. package/build/components/inserter/block-patterns-tab.js +4 -4
  26. package/build/components/inserter/block-patterns-tab.js.map +1 -1
  27. package/build/components/inserter/index.js +3 -2
  28. package/build/components/inserter/index.js.map +1 -1
  29. package/build/components/inserter/menu.js +11 -5
  30. package/build/components/inserter/menu.js.map +1 -1
  31. package/build/components/inspector-controls/groups.js +3 -1
  32. package/build/components/inspector-controls/groups.js.map +1 -1
  33. package/build/components/inspector-controls-tabs/position-controls-panel.js +46 -0
  34. package/build/components/inspector-controls-tabs/position-controls-panel.js.map +1 -0
  35. package/build/components/inspector-controls-tabs/settings-tab.js +3 -1
  36. package/build/components/inspector-controls-tabs/settings-tab.js.map +1 -1
  37. package/build/components/inspector-controls-tabs/use-inspector-controls-tabs.js +4 -11
  38. package/build/components/inspector-controls-tabs/use-inspector-controls-tabs.js.map +1 -1
  39. package/build/components/link-control/search-input.js +1 -0
  40. package/build/components/link-control/search-input.js.map +1 -1
  41. package/build/components/off-canvas-editor/appender.js +2 -38
  42. package/build/components/off-canvas-editor/appender.js.map +1 -1
  43. package/build/components/off-canvas-editor/block-contents.js +38 -5
  44. package/build/components/off-canvas-editor/block-contents.js.map +1 -1
  45. package/build/components/off-canvas-editor/block.js +7 -25
  46. package/build/components/off-canvas-editor/block.js.map +1 -1
  47. package/build/components/off-canvas-editor/index.js +7 -4
  48. package/build/components/off-canvas-editor/index.js.map +1 -1
  49. package/build/components/provider/index.js +3 -1
  50. package/build/components/provider/index.js.map +1 -1
  51. package/build/components/rich-text/use-enter.js +4 -5
  52. package/build/components/rich-text/use-enter.js.map +1 -1
  53. package/build/components/url-input/button.js +1 -0
  54. package/build/components/url-input/button.js.map +1 -1
  55. package/build/components/url-input/index.js +15 -1
  56. package/build/components/url-input/index.js.map +1 -1
  57. package/build/components/url-popover/link-editor.js +1 -0
  58. package/build/components/url-popover/link-editor.js.map +1 -1
  59. package/build/components/use-paste-styles/index.js +188 -0
  60. package/build/components/use-paste-styles/index.js.map +1 -0
  61. package/build/components/writing-flow/use-arrow-nav.js +22 -29
  62. package/build/components/writing-flow/use-arrow-nav.js.map +1 -1
  63. package/build/hooks/index.js +2 -0
  64. package/build/hooks/index.js.map +1 -1
  65. package/build/hooks/metadata.js +1 -1
  66. package/build/hooks/metadata.js.map +1 -1
  67. package/build/hooks/position.js +376 -0
  68. package/build/hooks/position.js.map +1 -0
  69. package/build/hooks/supports.js +328 -0
  70. package/build/hooks/supports.js.map +1 -0
  71. package/build/store/reducer.js +6 -2
  72. package/build/store/reducer.js.map +1 -1
  73. package/build/store/selectors.js +8 -6
  74. package/build/store/selectors.js.map +1 -1
  75. package/build-module/components/block-actions/index.js +6 -0
  76. package/build-module/components/block-actions/index.js.map +1 -1
  77. package/build-module/components/block-inspector/index.js +3 -2
  78. package/build-module/components/block-inspector/index.js.map +1 -1
  79. package/build-module/components/block-preview/auto.js +1 -4
  80. package/build-module/components/block-preview/auto.js.map +1 -1
  81. package/build-module/components/block-settings-menu/block-settings-dropdown.js +4 -1
  82. package/build-module/components/block-settings-menu/block-settings-dropdown.js.map +1 -1
  83. package/build-module/components/block-styles/index.js +2 -1
  84. package/build-module/components/block-styles/index.js.map +1 -1
  85. package/build-module/components/block-tools/use-block-toolbar-popover-props.js +42 -11
  86. package/build-module/components/block-tools/use-block-toolbar-popover-props.js.map +1 -1
  87. package/build-module/components/default-style-picker/index.js +1 -0
  88. package/build-module/components/default-style-picker/index.js.map +1 -1
  89. package/build-module/components/font-sizes/with-font-sizes.js +5 -7
  90. package/build-module/components/font-sizes/with-font-sizes.js.map +1 -1
  91. package/build-module/components/iframe/index.js +36 -9
  92. package/build-module/components/iframe/index.js.map +1 -1
  93. package/build-module/components/iframe/use-compatibility-styles.js +6 -1
  94. package/build-module/components/iframe/use-compatibility-styles.js.map +1 -1
  95. package/build-module/components/image-size-control/index.js +1 -0
  96. package/build-module/components/image-size-control/index.js.map +1 -1
  97. package/build-module/components/inserter/block-patterns-tab.js +4 -4
  98. package/build-module/components/inserter/block-patterns-tab.js.map +1 -1
  99. package/build-module/components/inserter/index.js +3 -2
  100. package/build-module/components/inserter/index.js.map +1 -1
  101. package/build-module/components/inserter/menu.js +11 -5
  102. package/build-module/components/inserter/menu.js.map +1 -1
  103. package/build-module/components/inspector-controls/groups.js +3 -1
  104. package/build-module/components/inspector-controls/groups.js.map +1 -1
  105. package/build-module/components/inspector-controls-tabs/position-controls-panel.js +33 -0
  106. package/build-module/components/inspector-controls-tabs/position-controls-panel.js.map +1 -0
  107. package/build-module/components/inspector-controls-tabs/settings-tab.js +2 -1
  108. package/build-module/components/inspector-controls-tabs/settings-tab.js.map +1 -1
  109. package/build-module/components/inspector-controls-tabs/use-inspector-controls-tabs.js +4 -11
  110. package/build-module/components/inspector-controls-tabs/use-inspector-controls-tabs.js.map +1 -1
  111. package/build-module/components/link-control/search-input.js +1 -0
  112. package/build-module/components/link-control/search-input.js.map +1 -1
  113. package/build-module/components/off-canvas-editor/appender.js +3 -36
  114. package/build-module/components/off-canvas-editor/appender.js.map +1 -1
  115. package/build-module/components/off-canvas-editor/block-contents.js +37 -7
  116. package/build-module/components/off-canvas-editor/block-contents.js.map +1 -1
  117. package/build-module/components/off-canvas-editor/block.js +9 -27
  118. package/build-module/components/off-canvas-editor/block.js.map +1 -1
  119. package/build-module/components/off-canvas-editor/index.js +7 -4
  120. package/build-module/components/off-canvas-editor/index.js.map +1 -1
  121. package/build-module/components/provider/index.js +3 -1
  122. package/build-module/components/provider/index.js.map +1 -1
  123. package/build-module/components/rich-text/use-enter.js +4 -5
  124. package/build-module/components/rich-text/use-enter.js.map +1 -1
  125. package/build-module/components/url-input/button.js +1 -0
  126. package/build-module/components/url-input/button.js.map +1 -1
  127. package/build-module/components/url-input/index.js +14 -1
  128. package/build-module/components/url-input/index.js.map +1 -1
  129. package/build-module/components/url-popover/link-editor.js +1 -0
  130. package/build-module/components/url-popover/link-editor.js.map +1 -1
  131. package/build-module/components/use-paste-styles/index.js +174 -0
  132. package/build-module/components/use-paste-styles/index.js.map +1 -0
  133. package/build-module/components/writing-flow/use-arrow-nav.js +22 -29
  134. package/build-module/components/writing-flow/use-arrow-nav.js.map +1 -1
  135. package/build-module/hooks/index.js +1 -0
  136. package/build-module/hooks/index.js.map +1 -1
  137. package/build-module/hooks/metadata.js +1 -1
  138. package/build-module/hooks/metadata.js.map +1 -1
  139. package/build-module/hooks/position.js +337 -0
  140. package/build-module/hooks/position.js.map +1 -0
  141. package/build-module/hooks/supports.js +257 -0
  142. package/build-module/hooks/supports.js.map +1 -0
  143. package/build-module/store/reducer.js +6 -2
  144. package/build-module/store/reducer.js.map +1 -1
  145. package/build-module/store/selectors.js +7 -5
  146. package/build-module/store/selectors.js.map +1 -1
  147. package/build-style/content-rtl.css +57 -0
  148. package/build-style/content.css +57 -0
  149. package/build-style/style-rtl.css +27 -58
  150. package/build-style/style.css +27 -58
  151. package/package.json +29 -29
  152. package/src/components/block-actions/index.js +5 -0
  153. package/src/components/block-inspector/index.js +3 -1
  154. package/src/components/block-preview/auto.js +2 -4
  155. package/src/components/block-settings-menu/block-settings-dropdown.js +4 -0
  156. package/src/components/block-styles/index.js +4 -1
  157. package/src/components/block-tools/use-block-toolbar-popover-props.js +68 -12
  158. package/src/components/button-block-appender/{style.scss → content.scss} +0 -0
  159. package/src/components/default-style-picker/index.js +1 -0
  160. package/src/components/font-sizes/with-font-sizes.js +33 -33
  161. package/src/components/iframe/index.js +52 -19
  162. package/src/components/iframe/use-compatibility-styles.js +6 -0
  163. package/src/components/image-size-control/index.js +1 -0
  164. package/src/components/inserter/block-patterns-tab.js +7 -4
  165. package/src/components/inserter/index.js +46 -41
  166. package/src/components/inserter/menu.js +8 -4
  167. package/src/components/inserter/test/__snapshots__/index.native.js.snap +117 -0
  168. package/src/components/inserter/test/index.native.js +255 -1
  169. package/src/components/inspector-controls/groups.js +2 -0
  170. package/src/components/inspector-controls-tabs/position-controls-panel.js +37 -0
  171. package/src/components/inspector-controls-tabs/settings-tab.js +2 -0
  172. package/src/components/inspector-controls-tabs/style.scss +15 -0
  173. package/src/components/inspector-controls-tabs/use-inspector-controls-tabs.js +3 -8
  174. package/src/components/link-control/search-input.js +1 -0
  175. package/src/components/link-control/style.scss +1 -0
  176. package/src/components/list-view/style.scss +13 -3
  177. package/src/components/off-canvas-editor/appender.js +2 -52
  178. package/src/components/off-canvas-editor/block-contents.js +84 -23
  179. package/src/components/off-canvas-editor/block.js +28 -60
  180. package/src/components/off-canvas-editor/index.js +12 -2
  181. package/src/components/provider/index.js +4 -1
  182. package/src/components/rich-text/use-enter.js +4 -4
  183. package/src/components/url-input/README.md +5 -0
  184. package/src/components/url-input/button.js +1 -0
  185. package/src/components/url-input/index.js +15 -1
  186. package/src/components/url-popover/link-editor.js +1 -0
  187. package/src/components/use-paste-styles/index.js +230 -0
  188. package/src/components/writing-flow/use-arrow-nav.js +20 -28
  189. package/src/content.scss +1 -0
  190. package/src/hooks/index.js +1 -0
  191. package/src/hooks/metadata.js +1 -2
  192. package/src/hooks/position.js +375 -0
  193. package/src/hooks/position.scss +18 -0
  194. package/src/hooks/supports.js +302 -0
  195. package/src/hooks/test/__snapshots__/align.native.js.snap +73 -0
  196. package/src/hooks/test/align.native.js +133 -0
  197. package/src/store/reducer.js +7 -2
  198. package/src/store/selectors.js +5 -5
  199. package/src/store/test/reducer.js +45 -3
  200. package/src/store/test/selectors.js +12 -9
  201. package/src/style.scss +2 -1
@@ -510,6 +510,63 @@
510
510
  display: none;
511
511
  }
512
512
 
513
+ .block-editor-button-block-appender {
514
+ display: flex;
515
+ flex-direction: column;
516
+ align-items: center;
517
+ justify-content: center;
518
+ width: 100%;
519
+ height: auto;
520
+ color: #1e1e1e;
521
+ box-shadow: inset 0 0 0 1px #1e1e1e;
522
+ }
523
+ .block-editor-button-block-appender.components-button.components-button {
524
+ padding: 12px;
525
+ }
526
+ .is-dark-theme .block-editor-button-block-appender {
527
+ color: rgba(255, 255, 255, 0.65);
528
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
529
+ }
530
+ .block-editor-button-block-appender:hover {
531
+ color: var(--wp-admin-theme-color);
532
+ box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
533
+ }
534
+ .block-editor-button-block-appender:focus {
535
+ box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color);
536
+ }
537
+ .block-editor-button-block-appender:active {
538
+ color: #000;
539
+ }
540
+
541
+ .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child {
542
+ pointer-events: none;
543
+ }
544
+ .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after {
545
+ content: "";
546
+ position: absolute;
547
+ top: 0;
548
+ left: 0;
549
+ bottom: 0;
550
+ right: 0;
551
+ pointer-events: none;
552
+ border: 1px dashed currentColor;
553
+ border-radius: 2px;
554
+ }
555
+ .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after::before, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after::before, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after::before, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after::before {
556
+ content: "";
557
+ position: absolute;
558
+ top: 0;
559
+ left: 0;
560
+ bottom: 0;
561
+ right: 0;
562
+ pointer-events: none;
563
+ background: currentColor;
564
+ opacity: 0.1;
565
+ }
566
+ .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter {
567
+ visibility: hidden;
568
+ }
569
+
513
570
  /**
514
571
  * Default block appender.
515
572
  *
@@ -510,6 +510,63 @@
510
510
  display: none;
511
511
  }
512
512
 
513
+ .block-editor-button-block-appender {
514
+ display: flex;
515
+ flex-direction: column;
516
+ align-items: center;
517
+ justify-content: center;
518
+ width: 100%;
519
+ height: auto;
520
+ color: #1e1e1e;
521
+ box-shadow: inset 0 0 0 1px #1e1e1e;
522
+ }
523
+ .block-editor-button-block-appender.components-button.components-button {
524
+ padding: 12px;
525
+ }
526
+ .is-dark-theme .block-editor-button-block-appender {
527
+ color: rgba(255, 255, 255, 0.65);
528
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
529
+ }
530
+ .block-editor-button-block-appender:hover {
531
+ color: var(--wp-admin-theme-color);
532
+ box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
533
+ }
534
+ .block-editor-button-block-appender:focus {
535
+ box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color);
536
+ }
537
+ .block-editor-button-block-appender:active {
538
+ color: #000;
539
+ }
540
+
541
+ .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child {
542
+ pointer-events: none;
543
+ }
544
+ .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after {
545
+ content: "";
546
+ position: absolute;
547
+ top: 0;
548
+ right: 0;
549
+ bottom: 0;
550
+ left: 0;
551
+ pointer-events: none;
552
+ border: 1px dashed currentColor;
553
+ border-radius: 2px;
554
+ }
555
+ .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after::before, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after::before, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after::before, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after::before {
556
+ content: "";
557
+ position: absolute;
558
+ top: 0;
559
+ right: 0;
560
+ bottom: 0;
561
+ left: 0;
562
+ pointer-events: none;
563
+ background: currentColor;
564
+ opacity: 0.1;
565
+ }
566
+ .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter {
567
+ visibility: hidden;
568
+ }
569
+
513
570
  /**
514
571
  * Default block appender.
515
572
  *
@@ -1384,63 +1384,6 @@
1384
1384
  margin-left: 0;
1385
1385
  }
1386
1386
 
1387
- .block-editor-button-block-appender {
1388
- display: flex;
1389
- flex-direction: column;
1390
- align-items: center;
1391
- justify-content: center;
1392
- width: 100%;
1393
- height: auto;
1394
- color: #1e1e1e;
1395
- box-shadow: inset 0 0 0 1px #1e1e1e;
1396
- }
1397
- .block-editor-button-block-appender.components-button.components-button {
1398
- padding: 12px;
1399
- }
1400
- .is-dark-theme .block-editor-button-block-appender {
1401
- color: rgba(255, 255, 255, 0.65);
1402
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
1403
- }
1404
- .block-editor-button-block-appender:hover {
1405
- color: var(--wp-admin-theme-color);
1406
- box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
1407
- }
1408
- .block-editor-button-block-appender:focus {
1409
- box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color);
1410
- }
1411
- .block-editor-button-block-appender:active {
1412
- color: #000;
1413
- }
1414
-
1415
- .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child {
1416
- pointer-events: none;
1417
- }
1418
- .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after {
1419
- content: "";
1420
- position: absolute;
1421
- top: 0;
1422
- left: 0;
1423
- bottom: 0;
1424
- right: 0;
1425
- pointer-events: none;
1426
- border: 1px dashed currentColor;
1427
- border-radius: 2px;
1428
- }
1429
- .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after::before, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after::before, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after::before, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after::before {
1430
- content: "";
1431
- position: absolute;
1432
- top: 0;
1433
- left: 0;
1434
- bottom: 0;
1435
- right: 0;
1436
- pointer-events: none;
1437
- background: currentColor;
1438
- opacity: 0.1;
1439
- }
1440
- .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter {
1441
- visibility: hidden;
1442
- }
1443
-
1444
1387
  .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator {
1445
1388
  margin-bottom: 12px;
1446
1389
  }
@@ -1727,6 +1670,13 @@
1727
1670
  font-size: 12px;
1728
1671
  }
1729
1672
 
1673
+ .show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon svg {
1674
+ display: none;
1675
+ }
1676
+ .show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon::before {
1677
+ content: attr(aria-label);
1678
+ }
1679
+
1730
1680
  .block-editor-inspector-popover-header {
1731
1681
  margin-bottom: 16px;
1732
1682
  }
@@ -1802,6 +1752,7 @@
1802
1752
  .block-editor-link-control__field .components-base-control__label {
1803
1753
  margin-left: 16px;
1804
1754
  margin-bottom: 0;
1755
+ min-width: 29px;
1805
1756
  }
1806
1757
  .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input {
1807
1758
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -2228,9 +2179,13 @@
2228
2179
  .block-editor-list-view-leaf.is-selected.is-synced td {
2229
2180
  background: var(--wp-block-synced-color);
2230
2181
  }
2182
+ .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover, .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus,
2231
2183
  .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon {
2232
2184
  color: var(--wp-block-synced-color);
2233
2185
  }
2186
+ .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus::after {
2187
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
2188
+ }
2234
2189
  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon {
2235
2190
  color: #fff;
2236
2191
  }
@@ -2265,7 +2220,7 @@
2265
2220
  .block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch) {
2266
2221
  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
2267
2222
  }
2268
- .block-editor-list-view-leaf.is-synced-branch:not(.is-selected) {
2223
+ .block-editor-list-view-leaf.is-synced-branch.is-branch-selected {
2269
2224
  background: rgba(var(--wp-block-synced-color--rgb), 0.04);
2270
2225
  }
2271
2226
  .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child {
@@ -3189,6 +3144,20 @@
3189
3144
  grid-column: span 1;
3190
3145
  }
3191
3146
 
3147
+ .block-editor-hooks__position-selection__select-control .components-custom-select-control__hint {
3148
+ display: none;
3149
+ }
3150
+
3151
+ .block-editor-hooks__position-selection__select-control__option.has-hint {
3152
+ grid-template-columns: auto 30px;
3153
+ line-height: 1.4;
3154
+ margin-bottom: 0;
3155
+ }
3156
+ .block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint {
3157
+ grid-row: 2;
3158
+ text-align: right;
3159
+ }
3160
+
3192
3161
  .typography-block-support-panel .single-column {
3193
3162
  grid-column: span 1;
3194
3163
  }
@@ -1384,63 +1384,6 @@
1384
1384
  margin-right: 0;
1385
1385
  }
1386
1386
 
1387
- .block-editor-button-block-appender {
1388
- display: flex;
1389
- flex-direction: column;
1390
- align-items: center;
1391
- justify-content: center;
1392
- width: 100%;
1393
- height: auto;
1394
- color: #1e1e1e;
1395
- box-shadow: inset 0 0 0 1px #1e1e1e;
1396
- }
1397
- .block-editor-button-block-appender.components-button.components-button {
1398
- padding: 12px;
1399
- }
1400
- .is-dark-theme .block-editor-button-block-appender {
1401
- color: rgba(255, 255, 255, 0.65);
1402
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
1403
- }
1404
- .block-editor-button-block-appender:hover {
1405
- color: var(--wp-admin-theme-color);
1406
- box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
1407
- }
1408
- .block-editor-button-block-appender:focus {
1409
- box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color);
1410
- }
1411
- .block-editor-button-block-appender:active {
1412
- color: #000;
1413
- }
1414
-
1415
- .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child {
1416
- pointer-events: none;
1417
- }
1418
- .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after {
1419
- content: "";
1420
- position: absolute;
1421
- top: 0;
1422
- right: 0;
1423
- bottom: 0;
1424
- left: 0;
1425
- pointer-events: none;
1426
- border: 1px dashed currentColor;
1427
- border-radius: 2px;
1428
- }
1429
- .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after::before, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after::before, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after::before, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after::before {
1430
- content: "";
1431
- position: absolute;
1432
- top: 0;
1433
- right: 0;
1434
- bottom: 0;
1435
- left: 0;
1436
- pointer-events: none;
1437
- background: currentColor;
1438
- opacity: 0.1;
1439
- }
1440
- .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter {
1441
- visibility: hidden;
1442
- }
1443
-
1444
1387
  .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator {
1445
1388
  margin-bottom: 12px;
1446
1389
  }
@@ -1727,6 +1670,13 @@
1727
1670
  font-size: 12px;
1728
1671
  }
1729
1672
 
1673
+ .show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon svg {
1674
+ display: none;
1675
+ }
1676
+ .show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon::before {
1677
+ content: attr(aria-label);
1678
+ }
1679
+
1730
1680
  .block-editor-inspector-popover-header {
1731
1681
  margin-bottom: 16px;
1732
1682
  }
@@ -1802,6 +1752,7 @@
1802
1752
  .block-editor-link-control__field .components-base-control__label {
1803
1753
  margin-right: 16px;
1804
1754
  margin-bottom: 0;
1755
+ min-width: 29px;
1805
1756
  }
1806
1757
  .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input {
1807
1758
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -2228,9 +2179,13 @@
2228
2179
  .block-editor-list-view-leaf.is-selected.is-synced td {
2229
2180
  background: var(--wp-block-synced-color);
2230
2181
  }
2182
+ .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover, .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus,
2231
2183
  .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon {
2232
2184
  color: var(--wp-block-synced-color);
2233
2185
  }
2186
+ .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus::after {
2187
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
2188
+ }
2234
2189
  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon {
2235
2190
  color: #fff;
2236
2191
  }
@@ -2265,7 +2220,7 @@
2265
2220
  .block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch) {
2266
2221
  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
2267
2222
  }
2268
- .block-editor-list-view-leaf.is-synced-branch:not(.is-selected) {
2223
+ .block-editor-list-view-leaf.is-synced-branch.is-branch-selected {
2269
2224
  background: rgba(var(--wp-block-synced-color--rgb), 0.04);
2270
2225
  }
2271
2226
  .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child {
@@ -3189,6 +3144,20 @@
3189
3144
  grid-column: span 1;
3190
3145
  }
3191
3146
 
3147
+ .block-editor-hooks__position-selection__select-control .components-custom-select-control__hint {
3148
+ display: none;
3149
+ }
3150
+
3151
+ .block-editor-hooks__position-selection__select-control__option.has-hint {
3152
+ grid-template-columns: auto 30px;
3153
+ line-height: 1.4;
3154
+ margin-bottom: 0;
3155
+ }
3156
+ .block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint {
3157
+ grid-row: 2;
3158
+ text-align: left;
3159
+ }
3160
+
3192
3161
  .typography-block-support-panel .single-column {
3193
3162
  grid-column: span 1;
3194
3163
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/block-editor",
3
- "version": "11.1.0",
3
+ "version": "11.2.0",
4
4
  "description": "Generic block editor.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -33,33 +33,33 @@
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.16.0",
35
35
  "@react-spring/web": "^9.4.5",
36
- "@wordpress/a11y": "^3.24.0",
37
- "@wordpress/api-fetch": "^6.21.0",
38
- "@wordpress/blob": "^3.24.0",
39
- "@wordpress/blocks": "^12.1.0",
40
- "@wordpress/components": "^23.1.0",
41
- "@wordpress/compose": "^6.1.0",
42
- "@wordpress/data": "^8.1.0",
43
- "@wordpress/date": "^4.24.0",
44
- "@wordpress/deprecated": "^3.24.0",
45
- "@wordpress/dom": "^3.24.0",
46
- "@wordpress/element": "^5.1.0",
47
- "@wordpress/escape-html": "^2.24.0",
48
- "@wordpress/hooks": "^3.24.0",
49
- "@wordpress/html-entities": "^3.24.0",
50
- "@wordpress/i18n": "^4.24.0",
51
- "@wordpress/icons": "^9.15.0",
52
- "@wordpress/is-shallow-equal": "^4.24.0",
53
- "@wordpress/keyboard-shortcuts": "^4.1.0",
54
- "@wordpress/keycodes": "^3.24.0",
55
- "@wordpress/notices": "^3.24.0",
56
- "@wordpress/rich-text": "^6.1.0",
57
- "@wordpress/shortcode": "^3.24.0",
58
- "@wordpress/style-engine": "^1.7.0",
59
- "@wordpress/token-list": "^2.24.0",
60
- "@wordpress/url": "^3.25.0",
61
- "@wordpress/warning": "^2.24.0",
62
- "@wordpress/wordcount": "^3.24.0",
36
+ "@wordpress/a11y": "^3.25.0",
37
+ "@wordpress/api-fetch": "^6.22.0",
38
+ "@wordpress/blob": "^3.25.0",
39
+ "@wordpress/blocks": "^12.2.0",
40
+ "@wordpress/components": "^23.2.0",
41
+ "@wordpress/compose": "^6.2.0",
42
+ "@wordpress/data": "^8.2.0",
43
+ "@wordpress/date": "^4.25.0",
44
+ "@wordpress/deprecated": "^3.25.0",
45
+ "@wordpress/dom": "^3.25.0",
46
+ "@wordpress/element": "^5.2.0",
47
+ "@wordpress/escape-html": "^2.25.0",
48
+ "@wordpress/hooks": "^3.25.0",
49
+ "@wordpress/html-entities": "^3.25.0",
50
+ "@wordpress/i18n": "^4.25.0",
51
+ "@wordpress/icons": "^9.16.0",
52
+ "@wordpress/is-shallow-equal": "^4.25.0",
53
+ "@wordpress/keyboard-shortcuts": "^4.2.0",
54
+ "@wordpress/keycodes": "^3.25.0",
55
+ "@wordpress/notices": "^3.25.0",
56
+ "@wordpress/rich-text": "^6.2.0",
57
+ "@wordpress/shortcode": "^3.25.0",
58
+ "@wordpress/style-engine": "^1.8.0",
59
+ "@wordpress/token-list": "^2.25.0",
60
+ "@wordpress/url": "^3.26.0",
61
+ "@wordpress/warning": "^2.25.0",
62
+ "@wordpress/wordcount": "^3.25.0",
63
63
  "change-case": "^4.1.2",
64
64
  "classnames": "^2.3.1",
65
65
  "colord": "^2.7.0",
@@ -81,5 +81,5 @@
81
81
  "publishConfig": {
82
82
  "access": "public"
83
83
  },
84
- "gitHead": "200bee7b06b15f6fa655e25b6ab69cbd6b49a357"
84
+ "gitHead": "204c880ff65295768e9695dfee6c7a9fee1fdd05"
85
85
  }
@@ -12,6 +12,7 @@ import {
12
12
  * Internal dependencies
13
13
  */
14
14
  import { useNotifyCopy } from '../copy-handler';
15
+ import usePasteStyles from '../use-paste-styles';
15
16
  import { store as blockEditorStore } from '../../store';
16
17
 
17
18
  export default function BlockActions( {
@@ -60,6 +61,7 @@ export default function BlockActions( {
60
61
  } = useDispatch( blockEditorStore );
61
62
 
62
63
  const notifyCopy = useNotifyCopy();
64
+ const pasteStyles = usePasteStyles();
63
65
 
64
66
  return children( {
65
67
  canDuplicate,
@@ -128,5 +130,8 @@ export default function BlockActions( {
128
130
  }
129
131
  notifyCopy( 'copy', selectedBlockClientIds );
130
132
  },
133
+ async onPasteStyles() {
134
+ await pasteStyles( blocks );
135
+ },
131
136
  } );
132
137
  }
@@ -35,6 +35,7 @@ import { default as InspectorControls } from '../inspector-controls';
35
35
  import { default as InspectorControlsTabs } from '../inspector-controls-tabs';
36
36
  import useInspectorControlsTabs from '../inspector-controls-tabs/use-inspector-controls-tabs';
37
37
  import AdvancedControls from '../inspector-controls-tabs/advanced-controls-panel';
38
+ import PositionControls from '../inspector-controls-tabs/position-controls-panel';
38
39
 
39
40
  function useContentBlocks( blockTypes, block ) {
40
41
  const contentBlocksObjectAux = useMemo( () => {
@@ -177,7 +178,7 @@ const BlockInspector = ( { showNoBlockSelectedMessage = true } ) => {
177
178
 
178
179
  const blockInspectorAnimationSettings = useSelect(
179
180
  ( select ) => {
180
- if ( isOffCanvasNavigationEditorEnabled ) {
181
+ if ( isOffCanvasNavigationEditorEnabled && blockType ) {
181
182
  const globalBlockInspectorAnimationSettings =
182
183
  select( blockEditorStore ).getSettings()
183
184
  .__experimentalBlockInspectorAnimation;
@@ -377,6 +378,7 @@ const BlockInspectorSingleBlock = ( { clientId, blockName } ) => {
377
378
  __experimentalGroup="border"
378
379
  label={ __( 'Border' ) }
379
380
  />
381
+ <PositionControls />
380
382
  <div>
381
383
  <AdvancedControls />
382
384
  </div>
@@ -33,11 +33,10 @@ function ScaledBlockPreview( {
33
33
 
34
34
  const [ contentResizeListener, { height: contentHeight } ] =
35
35
  useResizeObserver();
36
- const { styles, assets, duotone } = useSelect( ( select ) => {
36
+ const { styles, duotone } = useSelect( ( select ) => {
37
37
  const settings = select( store ).getSettings();
38
38
  return {
39
39
  styles: settings.styles,
40
- assets: settings.__unstableResolvedAssets,
41
40
  duotone: settings.__experimentalFeatures?.color?.duotone,
42
41
  };
43
42
  }, [] );
@@ -49,7 +48,7 @@ function ScaledBlockPreview( {
49
48
  ...styles,
50
49
  ...__experimentalStyles,
51
50
  {
52
- css: 'body{height:auto;overflow:hidden;}',
51
+ css: 'body{height:auto;overflow:hidden;border:none;}',
53
52
  __unstableType: 'presets',
54
53
  },
55
54
  ];
@@ -79,7 +78,6 @@ function ScaledBlockPreview( {
79
78
  >
80
79
  <Iframe
81
80
  head={ <EditorStyles styles={ editorStyles } /> }
82
- assets={ assets }
83
81
  contentRef={ useRefEffect( ( bodyElement ) => {
84
82
  const {
85
83
  ownerDocument: { documentElement },
@@ -209,6 +209,7 @@ export function BlockSettingsDropdown( {
209
209
  onInsertBefore,
210
210
  onRemove,
211
211
  onCopy,
212
+ onPasteStyles,
212
213
  onMoveTo,
213
214
  blocks,
214
215
  } ) => (
@@ -262,6 +263,9 @@ export function BlockSettingsDropdown( {
262
263
  blocks={ blocks }
263
264
  onCopy={ onCopy }
264
265
  />
266
+ <MenuItem onClick={ onPasteStyles }>
267
+ { __( 'Paste styles' ) }
268
+ </MenuItem>
265
269
  { canDuplicate && (
266
270
  <MenuItem
267
271
  onClick={ pipe(
@@ -14,6 +14,7 @@ import {
14
14
  Popover,
15
15
  } from '@wordpress/components';
16
16
  import deprecated from '@wordpress/deprecated';
17
+ import { __ } from '@wordpress/i18n';
17
18
 
18
19
  /**
19
20
  * Internal dependencies
@@ -64,7 +65,9 @@ function BlockStyles( { clientId, onSwitch = noop, onHoverClassName = noop } ) {
64
65
  <div className="block-editor-block-styles">
65
66
  <div className="block-editor-block-styles__variants">
66
67
  { stylesToRender.map( ( style ) => {
67
- const buttonText = style.label || style.name;
68
+ const buttonText = style.isDefault
69
+ ? __( 'Default' )
70
+ : style.label || style.name;
68
71
 
69
72
  return (
70
73
  <Button