@wordpress/block-editor 14.2.1-next.5368f64a9.0 → 14.3.1

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 (144) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build/components/background-image-control/index.js +566 -0
  3. package/build/components/background-image-control/index.js.map +1 -0
  4. package/build/components/block-card/index.js +5 -2
  5. package/build/components/block-card/index.js.map +1 -1
  6. package/build/components/block-list/use-block-props/use-zoom-out-mode-exit.js +4 -2
  7. package/build/components/block-list/use-block-props/use-zoom-out-mode-exit.js.map +1 -1
  8. package/build/components/global-styles/background-panel.js +20 -545
  9. package/build/components/global-styles/background-panel.js.map +1 -1
  10. package/build/components/global-styles/dimensions-panel.js +3 -0
  11. package/build/components/global-styles/dimensions-panel.js.map +1 -1
  12. package/build/components/grid/grid-item-resizer.js +2 -2
  13. package/build/components/grid/grid-item-resizer.js.map +1 -1
  14. package/build/components/iframe/index.js +1 -0
  15. package/build/components/iframe/index.js.map +1 -1
  16. package/build/components/image-editor/use-save-image.js +6 -0
  17. package/build/components/image-editor/use-save-image.js.map +1 -1
  18. package/build/components/image-editor/use-transform-image.js +1 -0
  19. package/build/components/image-editor/use-transform-image.js.map +1 -1
  20. package/build/components/inserter/block-patterns-explorer/pattern-explorer-sidebar.js +2 -4
  21. package/build/components/inserter/block-patterns-explorer/pattern-explorer-sidebar.js.map +1 -1
  22. package/build/components/inserter/block-patterns-tab/index.js +2 -4
  23. package/build/components/inserter/block-patterns-tab/index.js.map +1 -1
  24. package/build/components/inserter/media-tab/media-preview.js +4 -8
  25. package/build/components/inserter/media-tab/media-preview.js.map +1 -1
  26. package/build/components/inserter/media-tab/media-tab.js +2 -4
  27. package/build/components/inserter/media-tab/media-tab.js.map +1 -1
  28. package/build/components/inserter/quick-inserter.js +2 -4
  29. package/build/components/inserter/quick-inserter.js.map +1 -1
  30. package/build/components/inserter-listbox/item.js +2 -4
  31. package/build/components/inserter-listbox/item.js.map +1 -1
  32. package/build/components/link-control/index.js +14 -14
  33. package/build/components/link-control/index.js.map +1 -1
  34. package/build/components/link-control/search-input.js +4 -2
  35. package/build/components/link-control/search-input.js.map +1 -1
  36. package/build/components/rich-text/index.js +10 -4
  37. package/build/components/rich-text/index.js.map +1 -1
  38. package/build/components/spacing-sizes-control/index.js +8 -9
  39. package/build/components/spacing-sizes-control/index.js.map +1 -1
  40. package/build/components/spacing-sizes-control/linked-button.js +35 -0
  41. package/build/components/spacing-sizes-control/linked-button.js.map +1 -0
  42. package/build/components/spacing-sizes-control/utils.js +3 -2
  43. package/build/components/spacing-sizes-control/utils.js.map +1 -1
  44. package/build/components/url-input/index.js +7 -6
  45. package/build/components/url-input/index.js.map +1 -1
  46. package/build/hooks/block-bindings.js +65 -53
  47. package/build/hooks/block-bindings.js.map +1 -1
  48. package/build/hooks/block-hooks.js +1 -8
  49. package/build/hooks/block-hooks.js.map +1 -1
  50. package/build/store/private-selectors.js +10 -0
  51. package/build/store/private-selectors.js.map +1 -1
  52. package/build-module/components/background-image-control/index.js +556 -0
  53. package/build-module/components/background-image-control/index.js.map +1 -0
  54. package/build-module/components/block-card/index.js +6 -3
  55. package/build-module/components/block-card/index.js.map +1 -1
  56. package/build-module/components/block-list/use-block-props/use-zoom-out-mode-exit.js +4 -2
  57. package/build-module/components/block-list/use-block-props/use-zoom-out-mode-exit.js.map +1 -1
  58. package/build-module/components/global-styles/background-panel.js +22 -546
  59. package/build-module/components/global-styles/background-panel.js.map +1 -1
  60. package/build-module/components/global-styles/dimensions-panel.js +3 -0
  61. package/build-module/components/global-styles/dimensions-panel.js.map +1 -1
  62. package/build-module/components/grid/grid-item-resizer.js +2 -2
  63. package/build-module/components/grid/grid-item-resizer.js.map +1 -1
  64. package/build-module/components/iframe/index.js +1 -0
  65. package/build-module/components/iframe/index.js.map +1 -1
  66. package/build-module/components/image-editor/use-save-image.js +6 -0
  67. package/build-module/components/image-editor/use-save-image.js.map +1 -1
  68. package/build-module/components/image-editor/use-transform-image.js +1 -0
  69. package/build-module/components/image-editor/use-transform-image.js.map +1 -1
  70. package/build-module/components/inserter/block-patterns-explorer/pattern-explorer-sidebar.js +2 -4
  71. package/build-module/components/inserter/block-patterns-explorer/pattern-explorer-sidebar.js.map +1 -1
  72. package/build-module/components/inserter/block-patterns-tab/index.js +2 -4
  73. package/build-module/components/inserter/block-patterns-tab/index.js.map +1 -1
  74. package/build-module/components/inserter/media-tab/media-preview.js +4 -8
  75. package/build-module/components/inserter/media-tab/media-preview.js.map +1 -1
  76. package/build-module/components/inserter/media-tab/media-tab.js +2 -4
  77. package/build-module/components/inserter/media-tab/media-tab.js.map +1 -1
  78. package/build-module/components/inserter/quick-inserter.js +2 -4
  79. package/build-module/components/inserter/quick-inserter.js.map +1 -1
  80. package/build-module/components/inserter-listbox/item.js +2 -4
  81. package/build-module/components/inserter-listbox/item.js.map +1 -1
  82. package/build-module/components/link-control/index.js +15 -15
  83. package/build-module/components/link-control/index.js.map +1 -1
  84. package/build-module/components/link-control/search-input.js +4 -2
  85. package/build-module/components/link-control/search-input.js.map +1 -1
  86. package/build-module/components/rich-text/index.js +10 -4
  87. package/build-module/components/rich-text/index.js.map +1 -1
  88. package/build-module/components/spacing-sizes-control/index.js +9 -10
  89. package/build-module/components/spacing-sizes-control/index.js.map +1 -1
  90. package/build-module/components/spacing-sizes-control/linked-button.js +28 -0
  91. package/build-module/components/spacing-sizes-control/linked-button.js.map +1 -0
  92. package/build-module/components/spacing-sizes-control/utils.js +3 -2
  93. package/build-module/components/spacing-sizes-control/utils.js.map +1 -1
  94. package/build-module/components/url-input/index.js +8 -7
  95. package/build-module/components/url-input/index.js.map +1 -1
  96. package/build-module/hooks/block-bindings.js +65 -53
  97. package/build-module/hooks/block-bindings.js.map +1 -1
  98. package/build-module/hooks/block-hooks.js +3 -10
  99. package/build-module/hooks/block-hooks.js.map +1 -1
  100. package/build-module/store/private-selectors.js +10 -0
  101. package/build-module/store/private-selectors.js.map +1 -1
  102. package/build-style/style-rtl.css +152 -285
  103. package/build-style/style.css +152 -285
  104. package/package.json +32 -32
  105. package/src/components/background-image-control/index.js +741 -0
  106. package/src/components/background-image-control/style.scss +170 -0
  107. package/src/components/background-image-control/test/index.js +47 -0
  108. package/src/components/block-card/index.js +12 -3
  109. package/src/components/block-list/use-block-props/use-zoom-out-mode-exit.js +2 -5
  110. package/src/components/global-styles/background-panel.js +19 -730
  111. package/src/components/global-styles/dimensions-panel.js +3 -0
  112. package/src/components/global-styles/style.scss +0 -168
  113. package/src/components/global-styles/test/background-panel.js +1 -47
  114. package/src/components/grid/grid-item-resizer.js +2 -2
  115. package/src/components/image-editor/use-save-image.js +7 -0
  116. package/src/components/inserter/block-patterns-explorer/pattern-explorer-sidebar.js +1 -2
  117. package/src/components/inserter/block-patterns-tab/index.js +1 -2
  118. package/src/components/inserter/media-tab/media-preview.js +2 -4
  119. package/src/components/inserter/media-tab/media-tab.js +1 -2
  120. package/src/components/inserter/quick-inserter.js +1 -2
  121. package/src/components/inserter/style.scss +0 -10
  122. package/src/components/inserter-listbox/item.js +1 -5
  123. package/src/components/link-control/index.js +19 -14
  124. package/src/components/link-control/search-input.js +2 -0
  125. package/src/components/link-control/style.scss +0 -22
  126. package/src/components/list-view/style.scss +1 -1
  127. package/src/components/rich-text/index.js +20 -5
  128. package/src/components/spacing-sizes-control/index.js +10 -13
  129. package/src/components/spacing-sizes-control/linked-button.js +32 -0
  130. package/src/components/spacing-sizes-control/test/utils.js +22 -30
  131. package/src/components/spacing-sizes-control/utils.js +6 -2
  132. package/src/components/url-input/index.js +5 -4
  133. package/src/components/url-input/style.scss +3 -26
  134. package/src/hooks/block-bindings.js +64 -50
  135. package/src/hooks/block-hooks.js +3 -14
  136. package/src/hooks/block-hooks.scss +0 -9
  137. package/src/store/private-selectors.js +9 -0
  138. package/src/style.scss +1 -0
  139. package/src/utils/test/transform-styles.js +1 -1
  140. package/build/components/spacing-sizes-control/sides-dropdown/index.js +0 -86
  141. package/build/components/spacing-sizes-control/sides-dropdown/index.js.map +0 -1
  142. package/build-module/components/spacing-sizes-control/sides-dropdown/index.js +0 -81
  143. package/build-module/components/spacing-sizes-control/sides-dropdown/index.js.map +0 -1
  144. package/src/components/spacing-sizes-control/sides-dropdown/index.js +0 -91
@@ -124,6 +124,142 @@
124
124
  margin-right: 8px;
125
125
  }
126
126
 
127
+ .block-editor-global-styles-background-panel__inspector-media-replace-container {
128
+ border: 1px solid #ddd;
129
+ border-radius: 2px;
130
+ grid-column: 1/-1;
131
+ }
132
+ .block-editor-global-styles-background-panel__inspector-media-replace-container.is-open {
133
+ background-color: #f0f0f0;
134
+ }
135
+ .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item {
136
+ flex-grow: 1;
137
+ border: 0;
138
+ }
139
+ .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown {
140
+ display: block;
141
+ }
142
+ .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__inspector-preview-inner {
143
+ height: 100%;
144
+ }
145
+ .block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown {
146
+ display: block;
147
+ height: 36px;
148
+ }
149
+
150
+ .block-editor-global-styles-background-panel__image-tools-panel-item {
151
+ border: 1px solid #ddd;
152
+ grid-column: 1/-1;
153
+ position: relative;
154
+ }
155
+ .block-editor-global-styles-background-panel__image-tools-panel-item .components-drop-zone__content-icon {
156
+ display: none;
157
+ }
158
+ .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown {
159
+ display: block;
160
+ height: 36px;
161
+ }
162
+ .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button {
163
+ color: #1e1e1e;
164
+ width: 100%;
165
+ display: block;
166
+ }
167
+ .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:hover {
168
+ color: var(--wp-admin-theme-color);
169
+ }
170
+ .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:focus {
171
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
172
+ }
173
+ .block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading {
174
+ height: 100%;
175
+ position: absolute;
176
+ z-index: 1;
177
+ width: 100%;
178
+ padding: 10px 0 0 0;
179
+ }
180
+ .block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading svg {
181
+ margin: 0;
182
+ }
183
+
184
+ .block-editor-global-styles-background-panel__image-preview-content,
185
+ .block-editor-global-styles-background-panel__dropdown-toggle {
186
+ height: 100%;
187
+ width: 100%;
188
+ padding-left: 12px;
189
+ }
190
+
191
+ .block-editor-global-styles-background-panel__dropdown-toggle {
192
+ cursor: pointer;
193
+ background: transparent;
194
+ border: none;
195
+ }
196
+
197
+ .block-editor-global-styles-background-panel__inspector-media-replace-title {
198
+ word-break: break-all;
199
+ white-space: normal;
200
+ text-align: start;
201
+ text-align-last: center;
202
+ }
203
+
204
+ .block-editor-global-styles-background-panel__inspector-preview-inner .block-editor-global-styles-background-panel__inspector-image-indicator-wrapper {
205
+ width: 20px;
206
+ height: 20px;
207
+ min-width: auto;
208
+ }
209
+
210
+ .block-editor-global-styles-background-panel__inspector-image-indicator {
211
+ background-size: cover;
212
+ border-radius: 50%;
213
+ width: 20px;
214
+ height: 20px;
215
+ display: block;
216
+ position: relative;
217
+ }
218
+
219
+ .block-editor-global-styles-background-panel__inspector-image-indicator::after {
220
+ content: "";
221
+ position: absolute;
222
+ top: -1px;
223
+ left: -1px;
224
+ bottom: -1px;
225
+ right: -1px;
226
+ border-radius: 50%;
227
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
228
+ border: 1px solid transparent;
229
+ box-sizing: inherit;
230
+ }
231
+
232
+ .block-editor-global-styles-background-panel__dropdown-content-wrapper {
233
+ min-width: 260px;
234
+ overflow-x: hidden;
235
+ }
236
+ .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker-wrapper {
237
+ background-color: #f0f0f0;
238
+ width: 100%;
239
+ border-radius: 2px;
240
+ border: 1px solid #ddd;
241
+ }
242
+ .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker__media--image {
243
+ max-height: 180px;
244
+ }
245
+ .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker::after {
246
+ content: none;
247
+ }
248
+
249
+ .modal-open .block-editor-global-styles-background-panel__popover {
250
+ z-index: 159890;
251
+ }
252
+
253
+ .block-editor-global-styles-background-panel__media-replace-popover .components-popover__content {
254
+ width: 226px;
255
+ }
256
+ .block-editor-global-styles-background-panel__media-replace-popover .components-button {
257
+ padding: 0 8px;
258
+ }
259
+ .block-editor-global-styles-background-panel__media-replace-popover .components-button .components-menu-items__item-icon.has-icon-right {
260
+ margin-left: 16px;
261
+ }
262
+
127
263
  .block-editor-block-alignment-control__menu-group .components-menu-item__info {
128
264
  margin-top: 0;
129
265
  }
@@ -1560,142 +1696,6 @@ iframe[name=editor-canvas] {
1560
1696
  direction: ltr;
1561
1697
  }
1562
1698
 
1563
- .block-editor-global-styles-background-panel__inspector-media-replace-container {
1564
- border: 1px solid #ddd;
1565
- border-radius: 2px;
1566
- grid-column: 1/-1;
1567
- }
1568
- .block-editor-global-styles-background-panel__inspector-media-replace-container.is-open {
1569
- background-color: #f0f0f0;
1570
- }
1571
- .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item {
1572
- flex-grow: 1;
1573
- border: 0;
1574
- }
1575
- .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown {
1576
- display: block;
1577
- }
1578
- .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__inspector-preview-inner {
1579
- height: 100%;
1580
- }
1581
- .block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown {
1582
- display: block;
1583
- height: 36px;
1584
- }
1585
-
1586
- .block-editor-global-styles-background-panel__image-tools-panel-item {
1587
- border: 1px solid #ddd;
1588
- grid-column: 1/-1;
1589
- position: relative;
1590
- }
1591
- .block-editor-global-styles-background-panel__image-tools-panel-item .components-drop-zone__content-icon {
1592
- display: none;
1593
- }
1594
- .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown {
1595
- display: block;
1596
- height: 36px;
1597
- }
1598
- .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button {
1599
- color: #1e1e1e;
1600
- width: 100%;
1601
- display: block;
1602
- }
1603
- .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:hover {
1604
- color: var(--wp-admin-theme-color);
1605
- }
1606
- .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:focus {
1607
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1608
- }
1609
- .block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading {
1610
- height: 100%;
1611
- position: absolute;
1612
- z-index: 1;
1613
- width: 100%;
1614
- padding: 10px 0 0 0;
1615
- }
1616
- .block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading svg {
1617
- margin: 0;
1618
- }
1619
-
1620
- .block-editor-global-styles-background-panel__image-preview-content,
1621
- .block-editor-global-styles-background-panel__dropdown-toggle {
1622
- height: 100%;
1623
- width: 100%;
1624
- padding-left: 12px;
1625
- }
1626
-
1627
- .block-editor-global-styles-background-panel__dropdown-toggle {
1628
- cursor: pointer;
1629
- background: transparent;
1630
- border: none;
1631
- }
1632
-
1633
- .block-editor-global-styles-background-panel__inspector-media-replace-title {
1634
- word-break: break-all;
1635
- white-space: normal;
1636
- text-align: start;
1637
- text-align-last: center;
1638
- }
1639
-
1640
- .block-editor-global-styles-background-panel__inspector-preview-inner .block-editor-global-styles-background-panel__inspector-image-indicator-wrapper {
1641
- width: 20px;
1642
- height: 20px;
1643
- min-width: auto;
1644
- }
1645
-
1646
- .block-editor-global-styles-background-panel__inspector-image-indicator {
1647
- background-size: cover;
1648
- border-radius: 50%;
1649
- width: 20px;
1650
- height: 20px;
1651
- display: block;
1652
- position: relative;
1653
- }
1654
-
1655
- .block-editor-global-styles-background-panel__inspector-image-indicator::after {
1656
- content: "";
1657
- position: absolute;
1658
- top: -1px;
1659
- left: -1px;
1660
- bottom: -1px;
1661
- right: -1px;
1662
- border-radius: 50%;
1663
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
1664
- border: 1px solid transparent;
1665
- box-sizing: inherit;
1666
- }
1667
-
1668
- .block-editor-global-styles-background-panel__dropdown-content-wrapper {
1669
- min-width: 260px;
1670
- overflow-x: hidden;
1671
- }
1672
- .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker-wrapper {
1673
- background-color: #f0f0f0;
1674
- width: 100%;
1675
- border-radius: 2px;
1676
- border: 1px solid #ddd;
1677
- }
1678
- .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker__media--image {
1679
- max-height: 180px;
1680
- }
1681
- .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker::after {
1682
- content: none;
1683
- }
1684
-
1685
- .modal-open .block-editor-global-styles-background-panel__popover {
1686
- z-index: 159890;
1687
- }
1688
-
1689
- .block-editor-global-styles-background-panel__media-replace-popover .components-popover__content {
1690
- width: 226px;
1691
- }
1692
- .block-editor-global-styles-background-panel__media-replace-popover .components-button {
1693
- padding: 0 8px;
1694
- }
1695
- .block-editor-global-styles-background-panel__media-replace-popover .components-button .components-menu-items__item-icon.has-icon-right {
1696
- margin-left: 16px;
1697
- }
1698
-
1699
1699
  .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer {
1700
1700
  z-index: 30;
1701
1701
  }
@@ -2119,67 +2119,11 @@ iframe[name=editor-canvas] {
2119
2119
  .block-editor-link-control__field .components-base-control__label {
2120
2120
  color: #1e1e1e;
2121
2121
  }
2122
- .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 {
2123
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2124
- padding: 6px 8px;
2125
- box-shadow: 0 0 0 transparent;
2126
- transition: box-shadow 0.1s linear;
2127
- border-radius: 2px;
2128
- border: 1px solid #949494;
2129
- /* Fonts smaller than 16px causes mobile safari to zoom. */
2130
- font-size: 16px;
2131
- /* Override core line-height. To be reviewed. */
2132
- line-height: normal;
2133
- display: block;
2134
- border: 1px solid #949494;
2135
- height: 40px;
2136
- margin: 0;
2137
- padding: 8px 40px 8px 16px;
2138
- position: relative;
2139
- width: 100%;
2140
- }
2141
- @media (prefers-reduced-motion: reduce) {
2142
- .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 {
2143
- transition-duration: 0s;
2144
- transition-delay: 0s;
2145
- }
2146
- }
2147
- @media (min-width: 600px) {
2148
- .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 {
2149
- font-size: 13px;
2150
- /* Override core line-height. To be reviewed. */
2151
- line-height: normal;
2152
- }
2153
- }
2154
- .block-editor-link-control__field input[type=text]:focus, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus {
2155
- border-color: var(--wp-admin-theme-color);
2156
- box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
2157
- outline: 2px solid transparent;
2158
- }
2159
- .block-editor-link-control__field input[type=text]::-webkit-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder {
2160
- color: rgba(30, 30, 30, 0.62);
2161
- }
2162
- .block-editor-link-control__field input[type=text]::-moz-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder {
2163
- opacity: 1;
2164
- color: rgba(30, 30, 30, 0.62);
2165
- }
2166
- .block-editor-link-control__field input[type=text]:-ms-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder {
2167
- color: rgba(30, 30, 30, 0.62);
2168
- }
2169
- .has-actions .block-editor-link-control__field input[type=text], .has-actions .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input {
2170
- padding-right: 16px;
2171
- }
2172
2122
 
2173
2123
  .block-editor-link-control__search-error {
2174
2124
  margin: -8px 16px 16px;
2175
2125
  }
2176
2126
 
2177
- .block-editor-link-control__search-enter {
2178
- position: absolute;
2179
- right: 19px;
2180
- top: 3px;
2181
- }
2182
-
2183
2127
  .block-editor-link-control__search-actions {
2184
2128
  padding: 8px 16px 16px;
2185
2129
  }
@@ -2673,9 +2617,17 @@ iframe[name=editor-canvas] {
2673
2617
  }
2674
2618
  .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
2675
2619
  opacity: 1;
2676
- animation: edit-post__fade-in-animation 0.08s linear 0s;
2620
+ animation: __wp-base-styles-fade-in 0.08s linear 0s;
2677
2621
  animation-fill-mode: forwards;
2678
2622
  }
2623
+ @keyframes __wp-base-styles-fade-in {
2624
+ from {
2625
+ opacity: 0;
2626
+ }
2627
+ to {
2628
+ opacity: 1;
2629
+ }
2630
+ }
2679
2631
  @media (prefers-reduced-motion: reduce) {
2680
2632
  .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
2681
2633
  animation-duration: 1ms;
@@ -3194,45 +3146,19 @@ iframe[name=editor-canvas] {
3194
3146
  position: relative;
3195
3147
  padding: 1px;
3196
3148
  }
3197
- .block-editor-block-list__block .block-editor-url-input input[type=text],
3198
- .components-popover .block-editor-url-input input[type=text],
3199
- .block-editor-url-input input[type=text] {
3200
- width: 100%;
3201
- padding: 8px 8px 8px 12px;
3202
- margin-left: 0;
3203
- margin-right: 0;
3204
- /* Fonts smaller than 16px causes mobile safari to zoom. */
3205
- font-size: 16px;
3206
- }
3207
3149
  @media (min-width: 600px) {
3208
- .block-editor-block-list__block .block-editor-url-input input[type=text],
3209
- .components-popover .block-editor-url-input input[type=text],
3210
- .block-editor-url-input input[type=text] {
3211
- width: 300px;
3212
- }
3213
- }
3214
- @media (min-width: 600px) {
3215
- .block-editor-block-list__block .block-editor-url-input input[type=text],
3216
- .components-popover .block-editor-url-input input[type=text],
3217
- .block-editor-url-input input[type=text] {
3218
- font-size: 13px;
3150
+ .block-editor-block-list__block .block-editor-url-input,
3151
+ .components-popover .block-editor-url-input,
3152
+ .block-editor-url-input {
3153
+ min-width: 300px;
3154
+ width: auto;
3219
3155
  }
3220
3156
  }
3221
- .block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,
3222
- .components-popover .block-editor-url-input input[type=text]::-ms-clear,
3223
- .block-editor-url-input input[type=text]::-ms-clear {
3224
- display: none;
3225
- }
3226
3157
  .block-editor-block-list__block .block-editor-url-input.is-full-width,
3227
3158
  .components-popover .block-editor-url-input.is-full-width,
3228
3159
  .block-editor-url-input.is-full-width {
3229
3160
  width: 100%;
3230
3161
  }
3231
- .block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],
3232
- .components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],
3233
- .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text] {
3234
- width: 100%;
3235
- }
3236
3162
  .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,
3237
3163
  .components-popover .block-editor-url-input.is-full-width__suggestions,
3238
3164
  .block-editor-url-input.is-full-width__suggestions {
@@ -3247,47 +3173,6 @@ iframe[name=editor-canvas] {
3247
3173
  right: 8px;
3248
3174
  }
3249
3175
 
3250
- .block-editor-url-input__input[type=text] {
3251
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
3252
- padding: 6px 8px;
3253
- box-shadow: 0 0 0 transparent;
3254
- transition: box-shadow 0.1s linear;
3255
- border-radius: 2px;
3256
- border: 1px solid #949494;
3257
- /* Fonts smaller than 16px causes mobile safari to zoom. */
3258
- font-size: 16px;
3259
- /* Override core line-height. To be reviewed. */
3260
- line-height: normal;
3261
- }
3262
- @media (prefers-reduced-motion: reduce) {
3263
- .block-editor-url-input__input[type=text] {
3264
- transition-duration: 0s;
3265
- transition-delay: 0s;
3266
- }
3267
- }
3268
- @media (min-width: 600px) {
3269
- .block-editor-url-input__input[type=text] {
3270
- font-size: 13px;
3271
- /* Override core line-height. To be reviewed. */
3272
- line-height: normal;
3273
- }
3274
- }
3275
- .block-editor-url-input__input[type=text]:focus {
3276
- border-color: var(--wp-admin-theme-color);
3277
- box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
3278
- outline: 2px solid transparent;
3279
- }
3280
- .block-editor-url-input__input[type=text]::-webkit-input-placeholder {
3281
- color: rgba(30, 30, 30, 0.62);
3282
- }
3283
- .block-editor-url-input__input[type=text]::-moz-placeholder {
3284
- opacity: 1;
3285
- color: rgba(30, 30, 30, 0.62);
3286
- }
3287
- .block-editor-url-input__input[type=text]:-ms-input-placeholder {
3288
- color: rgba(30, 30, 30, 0.62);
3289
- }
3290
-
3291
3176
  .block-editor-url-input__suggestions {
3292
3177
  max-height: 200px;
3293
3178
  transition: all 0.15s ease-in-out;
@@ -3355,7 +3240,7 @@ iframe[name=editor-canvas] {
3355
3240
  }
3356
3241
 
3357
3242
  .block-editor-url-input__button-modal {
3358
- box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1);
3243
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
3359
3244
  border: 1px solid #ddd;
3360
3245
  background: #fff;
3361
3246
  }
@@ -3457,18 +3342,10 @@ iframe[name=editor-canvas] {
3457
3342
  }
3458
3343
 
3459
3344
  .block-editor-hooks__block-hooks {
3460
- /**
3461
- * Since we're displaying the block icon alongside the block name,
3462
- * we need to right-align the toggle.
3463
- */
3464
3345
  /**
3465
3346
  * Un-reverse the flex direction for the toggle's label.
3466
3347
  */
3467
3348
  }
3468
- .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack {
3469
- /* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
3470
- flex-direction: row-reverse;
3471
- }
3472
3349
  .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack {
3473
3350
  flex-direction: row;
3474
3351
  }
@@ -3812,7 +3689,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
3812
3689
  .block-editor-inserter__popover.is-quick .components-popover__content {
3813
3690
  border: none;
3814
3691
  outline: none;
3815
- box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1);
3692
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
3816
3693
  }
3817
3694
  .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * {
3818
3695
  border-left: 1px solid #ccc;
@@ -3926,15 +3803,6 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
3926
3803
  text-align: right;
3927
3804
  }
3928
3805
 
3929
- .block-editor-inserter__manage-reusable-blocks-container {
3930
- margin: auto 16px 16px;
3931
- }
3932
-
3933
- .block-editor-inserter__manage-reusable-blocks {
3934
- justify-content: center;
3935
- width: 100%;
3936
- }
3937
-
3938
3806
  .block-editor-inserter__no-results,
3939
3807
  .block-editor-inserter__patterns-loading {
3940
3808
  padding: 32px;
@@ -4169,7 +4037,6 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
4169
4037
  background: #1e1e1e;
4170
4038
  color: #fff;
4171
4039
  width: 100%;
4172
- height: 44px;
4173
4040
  border-radius: 0;
4174
4041
  }
4175
4042
  .block-editor-inserter__quick-inserter-expand.components-button:hover {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/block-editor",
3
- "version": "14.2.1-next.5368f64a9.0",
3
+ "version": "14.3.1",
4
4
  "description": "Generic block editor.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -36,36 +36,36 @@
36
36
  "@emotion/react": "^11.7.1",
37
37
  "@emotion/styled": "^11.6.0",
38
38
  "@react-spring/web": "^9.4.5",
39
- "@wordpress/a11y": "^4.7.1-next.5368f64a9.0",
40
- "@wordpress/api-fetch": "^7.7.1-next.5368f64a9.0",
41
- "@wordpress/blob": "^4.7.1-next.5368f64a9.0",
42
- "@wordpress/block-serialization-default-parser": "^5.7.1-next.5368f64a9.0",
43
- "@wordpress/blocks": "^13.7.1-next.5368f64a9.0",
44
- "@wordpress/commands": "^1.7.1-next.5368f64a9.0",
45
- "@wordpress/components": "^28.8.1-next.5368f64a9.0",
46
- "@wordpress/compose": "^7.8.1-next.5368f64a9.0",
47
- "@wordpress/data": "^10.7.1-next.5368f64a9.0",
48
- "@wordpress/date": "^5.7.1-next.5368f64a9.0",
49
- "@wordpress/deprecated": "^4.7.1-next.5368f64a9.0",
50
- "@wordpress/dom": "^4.7.1-next.5368f64a9.0",
51
- "@wordpress/element": "^6.7.1-next.5368f64a9.0",
52
- "@wordpress/escape-html": "^3.7.1-next.5368f64a9.0",
53
- "@wordpress/hooks": "^4.7.1-next.5368f64a9.0",
54
- "@wordpress/html-entities": "^4.7.1-next.5368f64a9.0",
55
- "@wordpress/i18n": "^5.7.1-next.5368f64a9.0",
56
- "@wordpress/icons": "^10.7.1-next.5368f64a9.0",
57
- "@wordpress/is-shallow-equal": "^5.7.1-next.5368f64a9.0",
58
- "@wordpress/keyboard-shortcuts": "^5.7.1-next.5368f64a9.0",
59
- "@wordpress/keycodes": "^4.7.1-next.5368f64a9.0",
60
- "@wordpress/notices": "^5.7.1-next.5368f64a9.0",
61
- "@wordpress/preferences": "^4.7.1-next.5368f64a9.0",
62
- "@wordpress/private-apis": "^1.7.1-next.5368f64a9.0",
63
- "@wordpress/rich-text": "^7.7.1-next.5368f64a9.0",
64
- "@wordpress/style-engine": "^2.7.1-next.5368f64a9.0",
65
- "@wordpress/token-list": "^3.7.1-next.5368f64a9.0",
66
- "@wordpress/url": "^4.7.1-next.5368f64a9.0",
67
- "@wordpress/warning": "^3.7.1-next.5368f64a9.0",
68
- "@wordpress/wordcount": "^4.7.1-next.5368f64a9.0",
39
+ "@wordpress/a11y": "^4.8.1",
40
+ "@wordpress/api-fetch": "^7.8.1",
41
+ "@wordpress/blob": "^4.8.1",
42
+ "@wordpress/block-serialization-default-parser": "^5.8.1",
43
+ "@wordpress/blocks": "^13.8.1",
44
+ "@wordpress/commands": "^1.8.1",
45
+ "@wordpress/components": "^28.8.1",
46
+ "@wordpress/compose": "^7.8.1",
47
+ "@wordpress/data": "^10.8.1",
48
+ "@wordpress/date": "^5.8.1",
49
+ "@wordpress/deprecated": "^4.8.1",
50
+ "@wordpress/dom": "^4.8.1",
51
+ "@wordpress/element": "^6.8.1",
52
+ "@wordpress/escape-html": "^3.8.1",
53
+ "@wordpress/hooks": "^4.8.1",
54
+ "@wordpress/html-entities": "^4.8.1",
55
+ "@wordpress/i18n": "^5.8.1",
56
+ "@wordpress/icons": "^10.8.1",
57
+ "@wordpress/is-shallow-equal": "^5.8.1",
58
+ "@wordpress/keyboard-shortcuts": "^5.8.1",
59
+ "@wordpress/keycodes": "^4.8.1",
60
+ "@wordpress/notices": "^5.8.1",
61
+ "@wordpress/preferences": "^4.8.1",
62
+ "@wordpress/private-apis": "^1.8.1",
63
+ "@wordpress/rich-text": "^7.8.1",
64
+ "@wordpress/style-engine": "^2.8.1",
65
+ "@wordpress/token-list": "^3.8.1",
66
+ "@wordpress/url": "^4.8.1",
67
+ "@wordpress/warning": "^3.8.1",
68
+ "@wordpress/wordcount": "^4.8.1",
69
69
  "change-case": "^4.1.2",
70
70
  "clsx": "^2.1.1",
71
71
  "colord": "^2.7.0",
@@ -88,5 +88,5 @@
88
88
  "publishConfig": {
89
89
  "access": "public"
90
90
  },
91
- "gitHead": "24934a1f5251bbee15045d1fd953d9c5650317cd"
91
+ "gitHead": "cf707c1f25a2716e310cc8f9afcc8554405c79ac"
92
92
  }