@wordpress/edit-post 7.18.0 → 7.19.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 (51) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build/components/header/index.js +6 -0
  3. package/build/components/header/index.js.map +1 -1
  4. package/build/components/keyboard-shortcuts/index.js +4 -23
  5. package/build/components/keyboard-shortcuts/index.js.map +1 -1
  6. package/build/components/layout/index.js +9 -3
  7. package/build/components/layout/index.js.map +1 -1
  8. package/build/components/start-page-options/index.js +2 -3
  9. package/build/components/start-page-options/index.js.map +1 -1
  10. package/build/components/visual-editor/index.js +34 -44
  11. package/build/components/visual-editor/index.js.map +1 -1
  12. package/build/editor.js +2 -3
  13. package/build/editor.js.map +1 -1
  14. package/build/hooks/commands/use-common-commands.js +10 -4
  15. package/build/hooks/commands/use-common-commands.js.map +1 -1
  16. package/build/store/actions.js +53 -7
  17. package/build/store/actions.js.map +1 -1
  18. package/build-module/components/header/index.js +6 -0
  19. package/build-module/components/header/index.js.map +1 -1
  20. package/build-module/components/keyboard-shortcuts/index.js +4 -23
  21. package/build-module/components/keyboard-shortcuts/index.js.map +1 -1
  22. package/build-module/components/layout/index.js +9 -3
  23. package/build-module/components/layout/index.js.map +1 -1
  24. package/build-module/components/start-page-options/index.js +2 -3
  25. package/build-module/components/start-page-options/index.js.map +1 -1
  26. package/build-module/components/visual-editor/index.js +35 -45
  27. package/build-module/components/visual-editor/index.js.map +1 -1
  28. package/build-module/editor.js +2 -3
  29. package/build-module/editor.js.map +1 -1
  30. package/build-module/hooks/commands/use-common-commands.js +10 -4
  31. package/build-module/hooks/commands/use-common-commands.js.map +1 -1
  32. package/build-module/store/actions.js +50 -5
  33. package/build-module/store/actions.js.map +1 -1
  34. package/build-style/style-rtl.css +94 -8
  35. package/build-style/style.css +94 -8
  36. package/package.json +32 -32
  37. package/src/components/header/index.js +2 -0
  38. package/src/components/keyboard-shortcut-help-modal/test/index.js +4 -5
  39. package/src/components/keyboard-shortcuts/index.js +5 -31
  40. package/src/components/layout/index.js +9 -2
  41. package/src/components/preferences-modal/test/index.js +35 -8
  42. package/src/components/start-page-options/index.js +4 -5
  43. package/src/components/visual-editor/index.js +49 -55
  44. package/src/components/visual-editor/style.scss +89 -0
  45. package/src/editor.js +17 -20
  46. package/src/hooks/commands/use-common-commands.js +10 -1
  47. package/src/store/actions.js +74 -7
  48. package/src/store/test/actions.js +75 -0
  49. package/src/store/test/reducer.js +21 -9
  50. package/src/style.scss +0 -9
  51. package/src/components/preferences-modal/test/__snapshots__/index.js.snap +0 -942
package/src/components/preferences-modal/test/__snapshots__/index.js.snap DELETED
@@ -1,942 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`EditPostPreferencesModal should match snapshot when the modal is active large viewports 1`] = `
4
- .emotion-0 {
5
- font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
6
- font-size: 13px;
7
- box-sizing: border-box;
8
- }
9
-
10
- .emotion-0 *,
11
- .emotion-0 *::before,
12
- .emotion-0 *::after {
13
- box-sizing: inherit;
14
- }
15
-
16
- .components-panel__row .emotion-2 {
17
- margin-bottom: inherit;
18
- }
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
-
44
- .emotion-6 {
45
- display: block;
46
- max-height: 100%;
47
- max-width: 100%;
48
- min-height: 0;
49
- min-width: 0;
50
- -webkit-flex: 1;
51
- -ms-flex: 1;
52
- flex: 1;
53
- }
54
-
55
- .emotion-8 {
56
- margin-top: calc(4px * 2);
57
- margin-bottom: 0;
58
- font-size: 12px;
59
- font-style: normal;
60
- color: #757575;
61
- }
62
-
63
- <div
64
- aria-labelledby="components-modal-header-0"
65
- class="components-modal__frame interface-preferences-modal"
66
- role="dialog"
67
- tabindex="-1"
68
- >
69
- <div
70
- class="components-modal__content"
71
- role="document"
72
- >
73
- <div
74
- class="components-modal__header"
75
- >
76
- <div
77
- class="components-modal__header-heading-container"
78
- >
79
- <h1
80
- class="components-modal__header-heading"
81
- id="components-modal-header-0"
82
- >
83
- Preferences
84
- </h1>
85
- </div>
86
- <button
87
- aria-label="Close"
88
- class="components-button has-icon"
89
- type="button"
90
- >
91
- <svg
92
- aria-hidden="true"
93
- focusable="false"
94
- height="24"
95
- viewBox="0 0 24 24"
96
- width="24"
97
- xmlns="http://www.w3.org/2000/svg"
98
- >
99
- <path
100
- d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"
101
- />
102
- </svg>
103
- </button>
104
- </div>
105
- <div>
106
- <div
107
- class="interface-preferences__tabs"
108
- >
109
- <div
110
- aria-orientation="vertical"
111
- class="components-tab-panel__tabs"
112
- role="tablist"
113
- >
114
- <button
115
- aria-controls="tab-panel-0-general-view"
116
- aria-selected="true"
117
- class="components-button components-tab-panel__tabs-item is-active"
118
- data-active-item=""
119
- data-command=""
120
- id="tab-panel-0-general"
121
- role="tab"
122
- type="button"
123
- >
124
- General
125
- </button>
126
- <button
127
- aria-controls="tab-panel-0-blocks-view"
128
- aria-selected="false"
129
- class="components-button components-tab-panel__tabs-item"
130
- data-command=""
131
- id="tab-panel-0-blocks"
132
- role="tab"
133
- type="button"
134
- >
135
- Blocks
136
- </button>
137
- <button
138
- aria-controls="tab-panel-0-panels-view"
139
- aria-selected="false"
140
- class="components-button components-tab-panel__tabs-item"
141
- data-command=""
142
- id="tab-panel-0-panels"
143
- role="tab"
144
- type="button"
145
- >
146
- Panels
147
- </button>
148
- </div>
149
- <div
150
- aria-labelledby="tab-panel-0-general"
151
- class="components-tab-panel__tab-content"
152
- id="tab-panel-0-general-view"
153
- role="tabpanel"
154
- tabindex="0"
155
- >
156
- <fieldset
157
- class="interface-preferences-modal__section"
158
- >
159
- <legend
160
- class="interface-preferences-modal__section-legend"
161
- >
162
- <h2
163
- class="interface-preferences-modal__section-title"
164
- >
165
- Publishing
166
- </h2>
167
- <p
168
- class="interface-preferences-modal__section-description"
169
- >
170
- Change options related to publishing.
171
- </p>
172
- </legend>
173
- <div
174
- class="interface-preferences-modal__option"
175
- >
176
- <div
177
- class="components-base-control components-toggle-control emotion-0 emotion-1"
178
- >
179
- <div
180
- class="components-base-control__field emotion-2 emotion-3"
181
- >
182
- <div
183
- class="components-flex components-h-stack emotion-4 emotion-5"
184
- data-wp-c16t="true"
185
- data-wp-component="HStack"
186
- >
187
- <span
188
- class="components-form-toggle"
189
- >
190
- <input
191
- aria-describedby="inspector-toggle-control-0__help"
192
- class="components-form-toggle__input"
193
- id="inspector-toggle-control-0"
194
- type="checkbox"
195
- />
196
- <span
197
- class="components-form-toggle__track"
198
- />
199
- <span
200
- class="components-form-toggle__thumb"
201
- />
202
- </span>
203
- <label
204
- class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
205
- data-wp-c16t="true"
206
- data-wp-component="FlexBlock"
207
- for="inspector-toggle-control-0"
208
- >
209
- Include pre-publish checklist
210
- </label>
211
- </div>
212
- </div>
213
- <p
214
- class="components-base-control__help emotion-8 emotion-9"
215
- id="inspector-toggle-control-0__help"
216
- >
217
- Review settings, such as visibility and tags.
218
- </p>
219
- </div>
220
- </div>
221
- </fieldset>
222
- <fieldset
223
- class="interface-preferences-modal__section"
224
- >
225
- <legend
226
- class="interface-preferences-modal__section-legend"
227
- >
228
- <h2
229
- class="interface-preferences-modal__section-title"
230
- >
231
- Appearance
232
- </h2>
233
- <p
234
- class="interface-preferences-modal__section-description"
235
- >
236
- Customize options related to the block editor interface and editing flow.
237
- </p>
238
- </legend>
239
- <div
240
- class="interface-preferences-modal__option"
241
- >
242
- <div
243
- class="components-base-control components-toggle-control emotion-0 emotion-1"
244
- >
245
- <div
246
- class="components-base-control__field emotion-2 emotion-3"
247
- >
248
- <div
249
- class="components-flex components-h-stack emotion-4 emotion-5"
250
- data-wp-c16t="true"
251
- data-wp-component="HStack"
252
- >
253
- <span
254
- class="components-form-toggle"
255
- >
256
- <input
257
- aria-describedby="inspector-toggle-control-1__help"
258
- class="components-form-toggle__input"
259
- id="inspector-toggle-control-1"
260
- type="checkbox"
261
- />
262
- <span
263
- class="components-form-toggle__track"
264
- />
265
- <span
266
- class="components-form-toggle__thumb"
267
- />
268
- </span>
269
- <label
270
- class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
271
- data-wp-c16t="true"
272
- data-wp-component="FlexBlock"
273
- for="inspector-toggle-control-1"
274
- >
275
- Distraction free
276
- </label>
277
- </div>
278
- </div>
279
- <p
280
- class="components-base-control__help emotion-8 emotion-9"
281
- id="inspector-toggle-control-1__help"
282
- >
283
- Reduce visual distractions by hiding the toolbar and other elements to focus on writing.
284
- </p>
285
- </div>
286
- </div>
287
- <div
288
- class="interface-preferences-modal__option"
289
- >
290
- <div
291
- class="components-base-control components-toggle-control emotion-0 emotion-1"
292
- >
293
- <div
294
- class="components-base-control__field emotion-2 emotion-3"
295
- >
296
- <div
297
- class="components-flex components-h-stack emotion-4 emotion-5"
298
- data-wp-c16t="true"
299
- data-wp-component="HStack"
300
- >
301
- <span
302
- class="components-form-toggle"
303
- >
304
- <input
305
- aria-describedby="inspector-toggle-control-2__help"
306
- class="components-form-toggle__input"
307
- id="inspector-toggle-control-2"
308
- type="checkbox"
309
- />
310
- <span
311
- class="components-form-toggle__track"
312
- />
313
- <span
314
- class="components-form-toggle__thumb"
315
- />
316
- </span>
317
- <label
318
- class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
319
- data-wp-c16t="true"
320
- data-wp-component="FlexBlock"
321
- for="inspector-toggle-control-2"
322
- >
323
- Spotlight mode
324
- </label>
325
- </div>
326
- </div>
327
- <p
328
- class="components-base-control__help emotion-8 emotion-9"
329
- id="inspector-toggle-control-2__help"
330
- >
331
- Highlights the current block and fades other content.
332
- </p>
333
- </div>
334
- </div>
335
- <div
336
- class="interface-preferences-modal__option"
337
- >
338
- <div
339
- class="components-base-control components-toggle-control emotion-0 emotion-1"
340
- >
341
- <div
342
- class="components-base-control__field emotion-2 emotion-3"
343
- >
344
- <div
345
- class="components-flex components-h-stack emotion-4 emotion-5"
346
- data-wp-c16t="true"
347
- data-wp-component="HStack"
348
- >
349
- <span
350
- class="components-form-toggle"
351
- >
352
- <input
353
- aria-describedby="inspector-toggle-control-3__help"
354
- class="components-form-toggle__input"
355
- id="inspector-toggle-control-3"
356
- type="checkbox"
357
- />
358
- <span
359
- class="components-form-toggle__track"
360
- />
361
- <span
362
- class="components-form-toggle__thumb"
363
- />
364
- </span>
365
- <label
366
- class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
367
- data-wp-c16t="true"
368
- data-wp-component="FlexBlock"
369
- for="inspector-toggle-control-3"
370
- >
371
- Show button text labels
372
- </label>
373
- </div>
374
- </div>
375
- <p
376
- class="components-base-control__help emotion-8 emotion-9"
377
- id="inspector-toggle-control-3__help"
378
- >
379
- Show text instead of icons on buttons.
380
- </p>
381
- </div>
382
- </div>
383
- <div
384
- class="interface-preferences-modal__option"
385
- >
386
- <div
387
- class="components-base-control components-toggle-control emotion-0 emotion-1"
388
- >
389
- <div
390
- class="components-base-control__field emotion-2 emotion-3"
391
- >
392
- <div
393
- class="components-flex components-h-stack emotion-4 emotion-5"
394
- data-wp-c16t="true"
395
- data-wp-component="HStack"
396
- >
397
- <span
398
- class="components-form-toggle"
399
- >
400
- <input
401
- aria-describedby="inspector-toggle-control-4__help"
402
- class="components-form-toggle__input"
403
- id="inspector-toggle-control-4"
404
- type="checkbox"
405
- />
406
- <span
407
- class="components-form-toggle__track"
408
- />
409
- <span
410
- class="components-form-toggle__thumb"
411
- />
412
- </span>
413
- <label
414
- class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
415
- data-wp-c16t="true"
416
- data-wp-component="FlexBlock"
417
- for="inspector-toggle-control-4"
418
- >
419
- Always open list view
420
- </label>
421
- </div>
422
- </div>
423
- <p
424
- class="components-base-control__help emotion-8 emotion-9"
425
- id="inspector-toggle-control-4__help"
426
- >
427
- Opens the block list view sidebar by default.
428
- </p>
429
- </div>
430
- </div>
431
- <div
432
- class="interface-preferences-modal__option"
433
- >
434
- <div
435
- class="components-base-control components-toggle-control emotion-0 emotion-1"
436
- >
437
- <div
438
- class="components-base-control__field emotion-2 emotion-3"
439
- >
440
- <div
441
- class="components-flex components-h-stack emotion-4 emotion-5"
442
- data-wp-c16t="true"
443
- data-wp-component="HStack"
444
- >
445
- <span
446
- class="components-form-toggle"
447
- >
448
- <input
449
- aria-describedby="inspector-toggle-control-5__help"
450
- class="components-form-toggle__input"
451
- id="inspector-toggle-control-5"
452
- type="checkbox"
453
- />
454
- <span
455
- class="components-form-toggle__track"
456
- />
457
- <span
458
- class="components-form-toggle__thumb"
459
- />
460
- </span>
461
- <label
462
- class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
463
- data-wp-c16t="true"
464
- data-wp-component="FlexBlock"
465
- for="inspector-toggle-control-5"
466
- >
467
- Use theme styles
468
- </label>
469
- </div>
470
- </div>
471
- <p
472
- class="components-base-control__help emotion-8 emotion-9"
473
- id="inspector-toggle-control-5__help"
474
- >
475
- Make the editor look like your theme.
476
- </p>
477
- </div>
478
- </div>
479
- <div
480
- class="interface-preferences-modal__option"
481
- >
482
- <div
483
- class="components-base-control components-toggle-control emotion-0 emotion-1"
484
- >
485
- <div
486
- class="components-base-control__field emotion-2 emotion-3"
487
- >
488
- <div
489
- class="components-flex components-h-stack emotion-4 emotion-5"
490
- data-wp-c16t="true"
491
- data-wp-component="HStack"
492
- >
493
- <span
494
- class="components-form-toggle"
495
- >
496
- <input
497
- aria-describedby="inspector-toggle-control-6__help"
498
- class="components-form-toggle__input"
499
- id="inspector-toggle-control-6"
500
- type="checkbox"
501
- />
502
- <span
503
- class="components-form-toggle__track"
504
- />
505
- <span
506
- class="components-form-toggle__thumb"
507
- />
508
- </span>
509
- <label
510
- class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
511
- data-wp-c16t="true"
512
- data-wp-component="FlexBlock"
513
- for="inspector-toggle-control-6"
514
- >
515
- Display block breadcrumbs
516
- </label>
517
- </div>
518
- </div>
519
- <p
520
- class="components-base-control__help emotion-8 emotion-9"
521
- id="inspector-toggle-control-6__help"
522
- >
523
- Shows block breadcrumbs at the bottom of the editor.
524
- </p>
525
- </div>
526
- </div>
527
- </fieldset>
528
- </div>
529
- </div>
530
- </div>
531
- </div>
532
- </div>
533
- `;
534
-
535
- exports[`EditPostPreferencesModal should match snapshot when the modal is active small viewports 1`] = `
536
- .emotion-0 {
537
- overflow-x: hidden;
538
- }
539
-
540
- .emotion-2 {
541
- overflow-x: auto;
542
- max-height: 100%;
543
- }
544
-
545
- .emotion-3 {
546
- background-color: #fff;
547
- color: #1e1e1e;
548
- position: relative;
549
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
550
- outline: none;
551
- box-shadow: none;
552
- border-radius: calc(2px - 1px);
553
- }
554
-
555
- .emotion-5 {
556
- height: 100%;
557
- }
558
-
559
- .emotion-7 {
560
- box-sizing: border-box;
561
- height: auto;
562
- max-height: 100%;
563
- padding: calc(4px * 4);
564
- }
565
-
566
- .emotion-7:first-of-type {
567
- border-top-left-radius: calc(2px - 1px);
568
- border-top-right-radius: calc(2px - 1px);
569
- }
570
-
571
- .emotion-7:last-of-type {
572
- border-bottom-left-radius: calc(2px - 1px);
573
- border-bottom-right-radius: calc(2px - 1px);
574
- }
575
-
576
- .emotion-9 {
577
- border-radius: 2px;
578
- }
579
-
580
- .emotion-9>*:first-of-type>* {
581
- border-top-left-radius: 2px;
582
- border-top-right-radius: 2px;
583
- }
584
-
585
- .emotion-9>*:last-of-type>* {
586
- border-bottom-left-radius: 2px;
587
- border-bottom-right-radius: 2px;
588
- }
589
-
590
- .emotion-11 {
591
- width: 100%;
592
- display: block;
593
- }
594
-
595
- .emotion-13 {
596
- font-size: 13px;
597
- font-family: inherit;
598
- -webkit-appearance: none;
599
- -moz-appearance: none;
600
- -ms-appearance: none;
601
- appearance: none;
602
- border: 1px solid transparent;
603
- cursor: pointer;
604
- background: none;
605
- text-align: start;
606
- padding: calc((36px - calc(13px * 1.2) - 2px) / 2) 12px;
607
- box-sizing: border-box;
608
- width: 100%;
609
- display: block;
610
- margin: 0;
611
- color: inherit;
612
- border-radius: 2px;
613
- }
614
-
615
- .emotion-13 svg,
616
- .emotion-13 path {
617
- fill: currentColor;
618
- }
619
-
620
- .emotion-13:hover {
621
- color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
622
- }
623
-
624
- .emotion-13:focus {
625
- box-shadow: none;
626
- outline: none;
627
- }
628
-
629
- .emotion-13:focus-visible {
630
- box-shadow: 0 0 0 var( --wp-admin-border-width-focus ) var(
631
- --wp-components-color-accent,
632
- var( --wp-admin-theme-color, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) )
633
- );
634
- outline: 2px solid transparent;
635
- outline-offset: 0;
636
- }
637
-
638
- .emotion-15 {
639
- display: -webkit-box;
640
- display: -webkit-flex;
641
- display: -ms-flexbox;
642
- display: flex;
643
- -webkit-align-items: center;
644
- -webkit-box-align: center;
645
- -ms-flex-align: center;
646
- align-items: center;
647
- -webkit-flex-direction: row;
648
- -ms-flex-direction: row;
649
- flex-direction: row;
650
- gap: calc(4px * 2);
651
- -webkit-box-pack: justify;
652
- -webkit-justify-content: space-between;
653
- justify-content: space-between;
654
- width: 100%;
655
- }
656
-
657
- .emotion-15>* {
658
- min-width: 0;
659
- }
660
-
661
- .emotion-17 {
662
- display: block;
663
- max-height: 100%;
664
- max-width: 100%;
665
- min-height: 0;
666
- min-width: 0;
667
- }
668
-
669
- .emotion-19 {
670
- display: block;
671
- overflow: hidden;
672
- text-overflow: ellipsis;
673
- white-space: nowrap;
674
- }
675
-
676
- .emotion-47 {
677
- background: transparent;
678
- display: block;
679
- margin: 0!important;
680
- pointer-events: none;
681
- position: absolute;
682
- will-change: box-shadow;
683
- border-radius: inherit;
684
- bottom: 0;
685
- box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
686
- opacity: 1;
687
- left: 0;
688
- right: 0;
689
- top: 0;
690
- -webkit-transition: box-shadow 200ms cubic-bezier(0.08, 0.52, 0.52, 1);
691
- transition: box-shadow 200ms cubic-bezier(0.08, 0.52, 0.52, 1);
692
- border-radius: 2px;
693
- }
694
-
695
- @media ( prefers-reduced-motion: reduce ) {
696
- .emotion-47 {
697
- transition-duration: 0ms;
698
- }
699
- }
700
-
701
- <div
702
- aria-labelledby="components-modal-header-1"
703
- class="components-modal__frame interface-preferences-modal"
704
- role="dialog"
705
- tabindex="-1"
706
- >
707
- <div
708
- class="components-modal__content"
709
- role="document"
710
- >
711
- <div
712
- class="components-modal__header"
713
- >
714
- <div
715
- class="components-modal__header-heading-container"
716
- >
717
- <h1
718
- class="components-modal__header-heading"
719
- id="components-modal-header-1"
720
- >
721
- Preferences
722
- </h1>
723
- </div>
724
- <button
725
- aria-label="Close"
726
- class="components-button has-icon"
727
- type="button"
728
- >
729
- <svg
730
- aria-hidden="true"
731
- focusable="false"
732
- height="24"
733
- viewBox="0 0 24 24"
734
- width="24"
735
- xmlns="http://www.w3.org/2000/svg"
736
- >
737
- <path
738
- d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"
739
- />
740
- </svg>
741
- </button>
742
- </div>
743
- <div>
744
- <div
745
- class="components-navigator-provider interface-preferences__provider emotion-0 emotion-1"
746
- data-wp-c16t="true"
747
- data-wp-component="NavigatorProvider"
748
- >
749
- <div
750
- class="emotion-2 components-navigator-screen"
751
- data-wp-c16t="true"
752
- data-wp-component="NavigatorScreen"
753
- style="opacity: 1; transform: none;"
754
- >
755
- <div
756
- class="components-surface components-card emotion-3 emotion-1"
757
- data-wp-c16t="true"
758
- data-wp-component="Card"
759
- >
760
- <div
761
- class="emotion-5 emotion-1"
762
- >
763
- <div
764
- class="components-card__body components-card-body emotion-7 emotion-1"
765
- data-wp-c16t="true"
766
- data-wp-component="CardBody"
767
- >
768
- <div
769
- class="components-item-group emotion-9 emotion-1"
770
- data-wp-c16t="true"
771
- data-wp-component="ItemGroup"
772
- role="list"
773
- >
774
- <div
775
- class="emotion-11"
776
- role="listitem"
777
- >
778
- <button
779
- class="components-item components-navigator-button emotion-1 emotion-13 emotion-1"
780
- data-wp-c16t="true"
781
- data-wp-component="NavigatorButton"
782
- id="general"
783
- >
784
- <div
785
- class="components-flex components-h-stack emotion-15 emotion-1"
786
- data-wp-c16t="true"
787
- data-wp-component="HStack"
788
- >
789
- <div
790
- class="components-flex-item emotion-17 emotion-1"
791
- data-wp-c16t="true"
792
- data-wp-component="FlexItem"
793
- >
794
- <span
795
- class="components-truncate emotion-19 emotion-1"
796
- data-wp-c16t="true"
797
- data-wp-component="Truncate"
798
- >
799
- General
800
- </span>
801
- </div>
802
- <div
803
- class="components-flex-item emotion-17 emotion-1"
804
- data-wp-c16t="true"
805
- data-wp-component="FlexItem"
806
- >
807
- <svg
808
- aria-hidden="true"
809
- focusable="false"
810
- height="24"
811
- viewBox="0 0 24 24"
812
- width="24"
813
- xmlns="http://www.w3.org/2000/svg"
814
- >
815
- <path
816
- d="M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
817
- />
818
- </svg>
819
- </div>
820
- </div>
821
- </button>
822
- </div>
823
- <div
824
- class="emotion-11"
825
- role="listitem"
826
- >
827
- <button
828
- class="components-item components-navigator-button emotion-1 emotion-13 emotion-1"
829
- data-wp-c16t="true"
830
- data-wp-component="NavigatorButton"
831
- id="blocks"
832
- >
833
- <div
834
- class="components-flex components-h-stack emotion-15 emotion-1"
835
- data-wp-c16t="true"
836
- data-wp-component="HStack"
837
- >
838
- <div
839
- class="components-flex-item emotion-17 emotion-1"
840
- data-wp-c16t="true"
841
- data-wp-component="FlexItem"
842
- >
843
- <span
844
- class="components-truncate emotion-19 emotion-1"
845
- data-wp-c16t="true"
846
- data-wp-component="Truncate"
847
- >
848
- Blocks
849
- </span>
850
- </div>
851
- <div
852
- class="components-flex-item emotion-17 emotion-1"
853
- data-wp-c16t="true"
854
- data-wp-component="FlexItem"
855
- >
856
- <svg
857
- aria-hidden="true"
858
- focusable="false"
859
- height="24"
860
- viewBox="0 0 24 24"
861
- width="24"
862
- xmlns="http://www.w3.org/2000/svg"
863
- >
864
- <path
865
- d="M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
866
- />
867
- </svg>
868
- </div>
869
- </div>
870
- </button>
871
- </div>
872
- <div
873
- class="emotion-11"
874
- role="listitem"
875
- >
876
- <button
877
- class="components-item components-navigator-button emotion-1 emotion-13 emotion-1"
878
- data-wp-c16t="true"
879
- data-wp-component="NavigatorButton"
880
- id="panels"
881
- >
882
- <div
883
- class="components-flex components-h-stack emotion-15 emotion-1"
884
- data-wp-c16t="true"
885
- data-wp-component="HStack"
886
- >
887
- <div
888
- class="components-flex-item emotion-17 emotion-1"
889
- data-wp-c16t="true"
890
- data-wp-component="FlexItem"
891
- >
892
- <span
893
- class="components-truncate emotion-19 emotion-1"
894
- data-wp-c16t="true"
895
- data-wp-component="Truncate"
896
- >
897
- Panels
898
- </span>
899
- </div>
900
- <div
901
- class="components-flex-item emotion-17 emotion-1"
902
- data-wp-c16t="true"
903
- data-wp-component="FlexItem"
904
- >
905
- <svg
906
- aria-hidden="true"
907
- focusable="false"
908
- height="24"
909
- viewBox="0 0 24 24"
910
- width="24"
911
- xmlns="http://www.w3.org/2000/svg"
912
- >
913
- <path
914
- d="M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
915
- />
916
- </svg>
917
- </div>
918
- </div>
919
- </button>
920
- </div>
921
- </div>
922
- </div>
923
- </div>
924
- <div
925
- aria-hidden="true"
926
- class="components-elevation emotion-47 emotion-1"
927
- data-wp-c16t="true"
928
- data-wp-component="Elevation"
929
- />
930
- <div
931
- aria-hidden="true"
932
- class="components-elevation emotion-47 emotion-1"
933
- data-wp-c16t="true"
934
- data-wp-component="Elevation"
935
- />
936
- </div>
937
- </div>
938
- </div>
939
- </div>
940
- </div>
941
- </div>
942
- `;