@wordpress/edit-post 6.12.1-next.d6164808d3.0 → 6.14.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 (44) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/build/components/block-manager/checklist.js +7 -7
  3. package/build/components/block-manager/checklist.js.map +1 -1
  4. package/build/components/sidebar/featured-image/index.js +7 -1
  5. package/build/components/sidebar/featured-image/index.js.map +1 -1
  6. package/build/components/sidebar/page-attributes/index.js +8 -1
  7. package/build/components/sidebar/page-attributes/index.js.map +1 -1
  8. package/build/components/visual-editor/index.js +4 -3
  9. package/build/components/visual-editor/index.js.map +1 -1
  10. package/build/editor.js +3 -1
  11. package/build/editor.js.map +1 -1
  12. package/build/index.js +4 -1
  13. package/build/index.js.map +1 -1
  14. package/build-module/components/block-manager/checklist.js +7 -6
  15. package/build-module/components/block-manager/checklist.js.map +1 -1
  16. package/build-module/components/sidebar/featured-image/index.js +8 -2
  17. package/build-module/components/sidebar/featured-image/index.js.map +1 -1
  18. package/build-module/components/sidebar/page-attributes/index.js +9 -2
  19. package/build-module/components/sidebar/page-attributes/index.js.map +1 -1
  20. package/build-module/components/visual-editor/index.js +4 -3
  21. package/build-module/components/visual-editor/index.js.map +1 -1
  22. package/build-module/editor.js +4 -2
  23. package/build-module/editor.js.map +1 -1
  24. package/build-module/index.js +4 -1
  25. package/build-module/index.js.map +1 -1
  26. package/build-style/style-rtl.css +9 -13
  27. package/build-style/style.css +9 -13
  28. package/package.json +27 -27
  29. package/src/components/block-manager/checklist.js +3 -6
  30. package/src/components/browser-url/test/index.js +23 -32
  31. package/src/components/header/test/index.js +21 -13
  32. package/src/components/preferences-modal/options/test/__snapshots__/enable-custom-fields.js.snap +192 -88
  33. package/src/components/preferences-modal/test/__snapshots__/index.js.snap +878 -255
  34. package/src/components/preferences-modal/test/__snapshots__/meta-boxes-section.js.snap +394 -35
  35. package/src/components/preferences-modal/test/index.js +13 -7
  36. package/src/components/preferences-modal/test/meta-boxes-section.js +15 -9
  37. package/src/components/sidebar/featured-image/index.js +3 -2
  38. package/src/components/sidebar/page-attributes/index.js +3 -2
  39. package/src/components/sidebar/plugin-post-publish-panel/test/__snapshots__/index.js.snap +1 -1
  40. package/src/components/sidebar/plugin-pre-publish-panel/test/__snapshots__/index.js.snap +1 -2
  41. package/src/components/visual-editor/index.js +7 -3
  42. package/src/editor.js +2 -2
  43. package/src/index.js +4 -0
  44. package/src/components/header/test/__snapshots__/index.js.snap +0 -31
package/src/components/preferences-modal/options/test/__snapshots__/enable-custom-fields.js.snap CHANGED
@@ -13,14 +13,34 @@ exports[`EnableCustomFieldsOption renders a checked checkbox and a confirmation
13
13
  box-sizing: inherit;
14
14
  }
15
15
 
16
- .emotion-2 {
17
- margin-bottom: calc(4px * 2);
18
- }
19
-
20
16
  .components-panel__row .emotion-2 {
21
17
  margin-bottom: inherit;
22
18
  }
23
19
 
20
+ .emotion-4 {
21
+ display: -webkit-box;
22
+ display: -webkit-flex;
23
+ display: -ms-flexbox;
24
+ display: flex;
25
+ -webkit-align-items: center;
26
+ -webkit-box-align: center;
27
+ -ms-flex-align: center;
28
+ align-items: center;
29
+ -webkit-flex-direction: row;
30
+ -ms-flex-direction: row;
31
+ flex-direction: row;
32
+ gap: calc(4px * 3);
33
+ -webkit-box-pack: start;
34
+ -ms-flex-pack: start;
35
+ -webkit-justify-content: flex-start;
36
+ justify-content: flex-start;
37
+ width: 100%;
38
+ }
39
+
40
+ .emotion-4>* {
41
+ min-width: 0;
42
+ }
43
+
24
44
  <div
25
45
  className="interface-preferences-modal__option"
26
46
  >
@@ -30,27 +50,33 @@ exports[`EnableCustomFieldsOption renders a checked checkbox and a confirmation
30
50
  <div
31
51
  className="components-base-control__field emotion-2 emotion-3"
32
52
  >
33
- <span
34
- className="components-form-toggle is-checked"
53
+ <div
54
+ className="components-flex components-h-stack emotion-4 emotion-5"
55
+ data-wp-c16t={true}
56
+ data-wp-component="HStack"
35
57
  >
36
- <input
37
- checked={true}
38
- className="components-form-toggle__input"
39
- id="inspector-toggle-control-3"
40
- onChange={[Function]}
41
- type="checkbox"
42
- />
43
- <span
44
- className="components-form-toggle__track"
45
- />
46
58
  <span
47
- className="components-form-toggle__thumb"
59
+ className="components-form-toggle is-checked"
60
+ >
61
+ <input
62
+ checked={true}
63
+ className="components-form-toggle__input"
64
+ id="inspector-toggle-control-3"
65
+ onChange={[Function]}
66
+ type="checkbox"
67
+ />
68
+ <span
69
+ className="components-form-toggle__track"
70
+ />
71
+ <span
72
+ className="components-form-toggle__thumb"
73
+ />
74
+ </span>
75
+ <label
76
+ className="components-toggle-control__label"
77
+ htmlFor="inspector-toggle-control-3"
48
78
  />
49
- </span>
50
- <label
51
- className="components-toggle-control__label"
52
- htmlFor="inspector-toggle-control-3"
53
- />
79
+ </div>
54
80
  </div>
55
81
  </div>
56
82
  <p
@@ -83,14 +109,34 @@ exports[`EnableCustomFieldsOption renders a checked checkbox when custom fields
83
109
  box-sizing: inherit;
84
110
  }
85
111
 
86
- .emotion-2 {
87
- margin-bottom: calc(4px * 2);
88
- }
89
-
90
112
  .components-panel__row .emotion-2 {
91
113
  margin-bottom: inherit;
92
114
  }
93
115
 
116
+ .emotion-4 {
117
+ display: -webkit-box;
118
+ display: -webkit-flex;
119
+ display: -ms-flexbox;
120
+ display: flex;
121
+ -webkit-align-items: center;
122
+ -webkit-box-align: center;
123
+ -ms-flex-align: center;
124
+ align-items: center;
125
+ -webkit-flex-direction: row;
126
+ -ms-flex-direction: row;
127
+ flex-direction: row;
128
+ gap: calc(4px * 3);
129
+ -webkit-box-pack: start;
130
+ -ms-flex-pack: start;
131
+ -webkit-justify-content: flex-start;
132
+ justify-content: flex-start;
133
+ width: 100%;
134
+ }
135
+
136
+ .emotion-4>* {
137
+ min-width: 0;
138
+ }
139
+
94
140
  <div
95
141
  className="interface-preferences-modal__option"
96
142
  >
@@ -100,27 +146,33 @@ exports[`EnableCustomFieldsOption renders a checked checkbox when custom fields
100
146
  <div
101
147
  className="components-base-control__field emotion-2 emotion-3"
102
148
  >
103
- <span
104
- className="components-form-toggle is-checked"
149
+ <div
150
+ className="components-flex components-h-stack emotion-4 emotion-5"
151
+ data-wp-c16t={true}
152
+ data-wp-component="HStack"
105
153
  >
106
- <input
107
- checked={true}
108
- className="components-form-toggle__input"
109
- id="inspector-toggle-control-0"
110
- onChange={[Function]}
111
- type="checkbox"
112
- />
113
- <span
114
- className="components-form-toggle__track"
115
- />
116
154
  <span
117
- className="components-form-toggle__thumb"
155
+ className="components-form-toggle is-checked"
156
+ >
157
+ <input
158
+ checked={true}
159
+ className="components-form-toggle__input"
160
+ id="inspector-toggle-control-0"
161
+ onChange={[Function]}
162
+ type="checkbox"
163
+ />
164
+ <span
165
+ className="components-form-toggle__track"
166
+ />
167
+ <span
168
+ className="components-form-toggle__thumb"
169
+ />
170
+ </span>
171
+ <label
172
+ className="components-toggle-control__label"
173
+ htmlFor="inspector-toggle-control-0"
118
174
  />
119
- </span>
120
- <label
121
- className="components-toggle-control__label"
122
- htmlFor="inspector-toggle-control-0"
123
- />
175
+ </div>
124
176
  </div>
125
177
  </div>
126
178
  </div>
@@ -139,14 +191,34 @@ exports[`EnableCustomFieldsOption renders an unchecked checkbox and a confirmati
139
191
  box-sizing: inherit;
140
192
  }
141
193
 
142
- .emotion-2 {
143
- margin-bottom: calc(4px * 2);
144
- }
145
-
146
194
  .components-panel__row .emotion-2 {
147
195
  margin-bottom: inherit;
148
196
  }
149
197
 
198
+ .emotion-4 {
199
+ display: -webkit-box;
200
+ display: -webkit-flex;
201
+ display: -ms-flexbox;
202
+ display: flex;
203
+ -webkit-align-items: center;
204
+ -webkit-box-align: center;
205
+ -ms-flex-align: center;
206
+ align-items: center;
207
+ -webkit-flex-direction: row;
208
+ -ms-flex-direction: row;
209
+ flex-direction: row;
210
+ gap: calc(4px * 3);
211
+ -webkit-box-pack: start;
212
+ -ms-flex-pack: start;
213
+ -webkit-justify-content: flex-start;
214
+ justify-content: flex-start;
215
+ width: 100%;
216
+ }
217
+
218
+ .emotion-4>* {
219
+ min-width: 0;
220
+ }
221
+
150
222
  <div
151
223
  className="interface-preferences-modal__option"
152
224
  >
@@ -156,27 +228,33 @@ exports[`EnableCustomFieldsOption renders an unchecked checkbox and a confirmati
156
228
  <div
157
229
  className="components-base-control__field emotion-2 emotion-3"
158
230
  >
159
- <span
160
- className="components-form-toggle"
231
+ <div
232
+ className="components-flex components-h-stack emotion-4 emotion-5"
233
+ data-wp-c16t={true}
234
+ data-wp-component="HStack"
161
235
  >
162
- <input
163
- checked={false}
164
- className="components-form-toggle__input"
165
- id="inspector-toggle-control-2"
166
- onChange={[Function]}
167
- type="checkbox"
168
- />
169
- <span
170
- className="components-form-toggle__track"
171
- />
172
236
  <span
173
- className="components-form-toggle__thumb"
237
+ className="components-form-toggle"
238
+ >
239
+ <input
240
+ checked={false}
241
+ className="components-form-toggle__input"
242
+ id="inspector-toggle-control-2"
243
+ onChange={[Function]}
244
+ type="checkbox"
245
+ />
246
+ <span
247
+ className="components-form-toggle__track"
248
+ />
249
+ <span
250
+ className="components-form-toggle__thumb"
251
+ />
252
+ </span>
253
+ <label
254
+ className="components-toggle-control__label"
255
+ htmlFor="inspector-toggle-control-2"
174
256
  />
175
- </span>
176
- <label
177
- className="components-toggle-control__label"
178
- htmlFor="inspector-toggle-control-2"
179
- />
257
+ </div>
180
258
  </div>
181
259
  </div>
182
260
  <p
@@ -209,14 +287,34 @@ exports[`EnableCustomFieldsOption renders an unchecked checkbox when custom fiel
209
287
  box-sizing: inherit;
210
288
  }
211
289
 
212
- .emotion-2 {
213
- margin-bottom: calc(4px * 2);
214
- }
215
-
216
290
  .components-panel__row .emotion-2 {
217
291
  margin-bottom: inherit;
218
292
  }
219
293
 
294
+ .emotion-4 {
295
+ display: -webkit-box;
296
+ display: -webkit-flex;
297
+ display: -ms-flexbox;
298
+ display: flex;
299
+ -webkit-align-items: center;
300
+ -webkit-box-align: center;
301
+ -ms-flex-align: center;
302
+ align-items: center;
303
+ -webkit-flex-direction: row;
304
+ -ms-flex-direction: row;
305
+ flex-direction: row;
306
+ gap: calc(4px * 3);
307
+ -webkit-box-pack: start;
308
+ -ms-flex-pack: start;
309
+ -webkit-justify-content: flex-start;
310
+ justify-content: flex-start;
311
+ width: 100%;
312
+ }
313
+
314
+ .emotion-4>* {
315
+ min-width: 0;
316
+ }
317
+
220
318
  <div
221
319
  className="interface-preferences-modal__option"
222
320
  >
@@ -226,27 +324,33 @@ exports[`EnableCustomFieldsOption renders an unchecked checkbox when custom fiel
226
324
  <div
227
325
  className="components-base-control__field emotion-2 emotion-3"
228
326
  >
229
- <span
230
- className="components-form-toggle"
327
+ <div
328
+ className="components-flex components-h-stack emotion-4 emotion-5"
329
+ data-wp-c16t={true}
330
+ data-wp-component="HStack"
231
331
  >
232
- <input
233
- checked={false}
234
- className="components-form-toggle__input"
235
- id="inspector-toggle-control-1"
236
- onChange={[Function]}
237
- type="checkbox"
238
- />
239
- <span
240
- className="components-form-toggle__track"
241
- />
242
332
  <span
243
- className="components-form-toggle__thumb"
333
+ className="components-form-toggle"
334
+ >
335
+ <input
336
+ checked={false}
337
+ className="components-form-toggle__input"
338
+ id="inspector-toggle-control-1"
339
+ onChange={[Function]}
340
+ type="checkbox"
341
+ />
342
+ <span
343
+ className="components-form-toggle__track"
344
+ />
345
+ <span
346
+ className="components-form-toggle__thumb"
347
+ />
348
+ </span>
349
+ <label
350
+ className="components-toggle-control__label"
351
+ htmlFor="inspector-toggle-control-1"
244
352
  />
245
- </span>
246
- <label
247
- className="components-toggle-control__label"
248
- htmlFor="inspector-toggle-control-1"
249
- />
353
+ </div>
250
354
  </div>
251
355
  </div>
252
356
  </div>