@wordpress/edit-post 7.3.3 → 7.4.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.
@@ -102,425 +102,427 @@ exports[`EditPostPreferencesModal should match snapshot when the modal is active
102
102
  </svg>
103
103
  </button>
104
104
  </div>
105
- <div
106
- class="interface-preferences__tabs"
107
- >
105
+ <div>
108
106
  <div
109
- aria-orientation="vertical"
110
- class="components-tab-panel__tabs"
111
- role="tablist"
107
+ class="interface-preferences__tabs"
112
108
  >
113
- <button
114
- aria-controls="tab-panel-0-general-view"
115
- aria-selected="true"
116
- class="components-button components-tab-panel__tabs-item is-active"
117
- id="tab-panel-0-general"
118
- role="tab"
119
- type="button"
120
- >
121
- General
122
- </button>
123
- <button
124
- aria-controls="tab-panel-0-blocks-view"
125
- aria-selected="false"
126
- class="components-button components-tab-panel__tabs-item"
127
- id="tab-panel-0-blocks"
128
- role="tab"
129
- tabindex="-1"
130
- type="button"
131
- >
132
- Blocks
133
- </button>
134
- <button
135
- aria-controls="tab-panel-0-panels-view"
136
- aria-selected="false"
137
- class="components-button components-tab-panel__tabs-item"
138
- id="tab-panel-0-panels"
139
- role="tab"
140
- tabindex="-1"
141
- type="button"
109
+ <div
110
+ aria-orientation="vertical"
111
+ class="components-tab-panel__tabs"
112
+ role="tablist"
142
113
  >
143
- Panels
144
- </button>
145
- </div>
146
- <div
147
- aria-labelledby="tab-panel-0-general"
148
- class="components-tab-panel__tab-content"
149
- id="tab-panel-0-general-view"
150
- role="tabpanel"
151
- >
152
- <fieldset
153
- class="interface-preferences-modal__section"
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
+ id="tab-panel-0-general"
119
+ role="tab"
120
+ type="button"
121
+ >
122
+ General
123
+ </button>
124
+ <button
125
+ aria-controls="tab-panel-0-blocks-view"
126
+ aria-selected="false"
127
+ class="components-button components-tab-panel__tabs-item"
128
+ id="tab-panel-0-blocks"
129
+ role="tab"
130
+ tabindex="-1"
131
+ type="button"
132
+ >
133
+ Blocks
134
+ </button>
135
+ <button
136
+ aria-controls="tab-panel-0-panels-view"
137
+ aria-selected="false"
138
+ class="components-button components-tab-panel__tabs-item"
139
+ id="tab-panel-0-panels"
140
+ role="tab"
141
+ tabindex="-1"
142
+ type="button"
143
+ >
144
+ Panels
145
+ </button>
146
+ </div>
147
+ <div
148
+ aria-labelledby="tab-panel-0-general"
149
+ class="components-tab-panel__tab-content"
150
+ id="tab-panel-0-general-view"
151
+ role="tabpanel"
154
152
  >
155
- <legend
156
- class="interface-preferences-modal__section-legend"
153
+ <fieldset
154
+ class="interface-preferences-modal__section"
157
155
  >
158
- <h2
159
- class="interface-preferences-modal__section-title"
160
- >
161
- Publishing
162
- </h2>
163
- <p
164
- class="interface-preferences-modal__section-description"
156
+ <legend
157
+ class="interface-preferences-modal__section-legend"
165
158
  >
166
- Change options related to publishing.
167
- </p>
168
- </legend>
169
- <div
170
- class="interface-preferences-modal__option"
171
- >
159
+ <h2
160
+ class="interface-preferences-modal__section-title"
161
+ >
162
+ Publishing
163
+ </h2>
164
+ <p
165
+ class="interface-preferences-modal__section-description"
166
+ >
167
+ Change options related to publishing.
168
+ </p>
169
+ </legend>
172
170
  <div
173
- class="components-base-control components-toggle-control emotion-0 emotion-1"
171
+ class="interface-preferences-modal__option"
174
172
  >
175
173
  <div
176
- class="components-base-control__field emotion-2 emotion-3"
174
+ class="components-base-control components-toggle-control emotion-0 emotion-1"
177
175
  >
178
176
  <div
179
- class="components-flex components-h-stack emotion-4 emotion-5"
180
- data-wp-c16t="true"
181
- data-wp-component="HStack"
177
+ class="components-base-control__field emotion-2 emotion-3"
182
178
  >
183
- <span
184
- class="components-form-toggle"
185
- >
186
- <input
187
- aria-describedby="inspector-toggle-control-0__help"
188
- class="components-form-toggle__input"
189
- id="inspector-toggle-control-0"
190
- type="checkbox"
191
- />
192
- <span
193
- class="components-form-toggle__track"
194
- />
195
- <span
196
- class="components-form-toggle__thumb"
197
- />
198
- </span>
199
- <label
200
- class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
179
+ <div
180
+ class="components-flex components-h-stack emotion-4 emotion-5"
201
181
  data-wp-c16t="true"
202
- data-wp-component="FlexBlock"
203
- for="inspector-toggle-control-0"
182
+ data-wp-component="HStack"
204
183
  >
205
- Include pre-publish checklist
206
- </label>
184
+ <span
185
+ class="components-form-toggle"
186
+ >
187
+ <input
188
+ aria-describedby="inspector-toggle-control-0__help"
189
+ class="components-form-toggle__input"
190
+ id="inspector-toggle-control-0"
191
+ type="checkbox"
192
+ />
193
+ <span
194
+ class="components-form-toggle__track"
195
+ />
196
+ <span
197
+ class="components-form-toggle__thumb"
198
+ />
199
+ </span>
200
+ <label
201
+ class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
202
+ data-wp-c16t="true"
203
+ data-wp-component="FlexBlock"
204
+ for="inspector-toggle-control-0"
205
+ >
206
+ Include pre-publish checklist
207
+ </label>
208
+ </div>
207
209
  </div>
210
+ <p
211
+ class="components-base-control__help emotion-8 emotion-9"
212
+ id="inspector-toggle-control-0__help"
213
+ >
214
+ Review settings, such as visibility and tags.
215
+ </p>
208
216
  </div>
209
- <p
210
- class="components-base-control__help emotion-8 emotion-9"
211
- id="inspector-toggle-control-0__help"
212
- >
213
- Review settings, such as visibility and tags.
214
- </p>
215
217
  </div>
216
- </div>
217
- </fieldset>
218
- <fieldset
219
- class="interface-preferences-modal__section"
220
- >
221
- <legend
222
- class="interface-preferences-modal__section-legend"
218
+ </fieldset>
219
+ <fieldset
220
+ class="interface-preferences-modal__section"
223
221
  >
224
- <h2
225
- class="interface-preferences-modal__section-title"
226
- >
227
- Appearance
228
- </h2>
229
- <p
230
- class="interface-preferences-modal__section-description"
222
+ <legend
223
+ class="interface-preferences-modal__section-legend"
231
224
  >
232
- Customize options related to the block editor interface and editing flow.
233
- </p>
234
- </legend>
235
- <div
236
- class="interface-preferences-modal__option"
237
- >
225
+ <h2
226
+ class="interface-preferences-modal__section-title"
227
+ >
228
+ Appearance
229
+ </h2>
230
+ <p
231
+ class="interface-preferences-modal__section-description"
232
+ >
233
+ Customize options related to the block editor interface and editing flow.
234
+ </p>
235
+ </legend>
238
236
  <div
239
- class="components-base-control components-toggle-control emotion-0 emotion-1"
237
+ class="interface-preferences-modal__option"
240
238
  >
241
239
  <div
242
- class="components-base-control__field emotion-2 emotion-3"
240
+ class="components-base-control components-toggle-control emotion-0 emotion-1"
243
241
  >
244
242
  <div
245
- class="components-flex components-h-stack emotion-4 emotion-5"
246
- data-wp-c16t="true"
247
- data-wp-component="HStack"
243
+ class="components-base-control__field emotion-2 emotion-3"
248
244
  >
249
- <span
250
- class="components-form-toggle"
251
- >
252
- <input
253
- aria-describedby="inspector-toggle-control-1__help"
254
- class="components-form-toggle__input"
255
- id="inspector-toggle-control-1"
256
- type="checkbox"
257
- />
258
- <span
259
- class="components-form-toggle__track"
260
- />
261
- <span
262
- class="components-form-toggle__thumb"
263
- />
264
- </span>
265
- <label
266
- class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
245
+ <div
246
+ class="components-flex components-h-stack emotion-4 emotion-5"
267
247
  data-wp-c16t="true"
268
- data-wp-component="FlexBlock"
269
- for="inspector-toggle-control-1"
248
+ data-wp-component="HStack"
270
249
  >
271
- Distraction free
272
- </label>
250
+ <span
251
+ class="components-form-toggle"
252
+ >
253
+ <input
254
+ aria-describedby="inspector-toggle-control-1__help"
255
+ class="components-form-toggle__input"
256
+ id="inspector-toggle-control-1"
257
+ type="checkbox"
258
+ />
259
+ <span
260
+ class="components-form-toggle__track"
261
+ />
262
+ <span
263
+ class="components-form-toggle__thumb"
264
+ />
265
+ </span>
266
+ <label
267
+ class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
268
+ data-wp-c16t="true"
269
+ data-wp-component="FlexBlock"
270
+ for="inspector-toggle-control-1"
271
+ >
272
+ Distraction free
273
+ </label>
274
+ </div>
273
275
  </div>
276
+ <p
277
+ class="components-base-control__help emotion-8 emotion-9"
278
+ id="inspector-toggle-control-1__help"
279
+ >
280
+ Reduce visual distractions by hiding the toolbar and other elements to focus on writing.
281
+ </p>
274
282
  </div>
275
- <p
276
- class="components-base-control__help emotion-8 emotion-9"
277
- id="inspector-toggle-control-1__help"
278
- >
279
- Reduce visual distractions by hiding the toolbar and other elements to focus on writing.
280
- </p>
281
283
  </div>
282
- </div>
283
- <div
284
- class="interface-preferences-modal__option"
285
- >
286
284
  <div
287
- class="components-base-control components-toggle-control emotion-0 emotion-1"
285
+ class="interface-preferences-modal__option"
288
286
  >
289
287
  <div
290
- class="components-base-control__field emotion-2 emotion-3"
288
+ class="components-base-control components-toggle-control emotion-0 emotion-1"
291
289
  >
292
290
  <div
293
- class="components-flex components-h-stack emotion-4 emotion-5"
294
- data-wp-c16t="true"
295
- data-wp-component="HStack"
291
+ class="components-base-control__field emotion-2 emotion-3"
296
292
  >
297
- <span
298
- class="components-form-toggle"
299
- >
300
- <input
301
- aria-describedby="inspector-toggle-control-2__help"
302
- class="components-form-toggle__input"
303
- id="inspector-toggle-control-2"
304
- type="checkbox"
305
- />
306
- <span
307
- class="components-form-toggle__track"
308
- />
309
- <span
310
- class="components-form-toggle__thumb"
311
- />
312
- </span>
313
- <label
314
- class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
293
+ <div
294
+ class="components-flex components-h-stack emotion-4 emotion-5"
315
295
  data-wp-c16t="true"
316
- data-wp-component="FlexBlock"
317
- for="inspector-toggle-control-2"
296
+ data-wp-component="HStack"
318
297
  >
319
- Spotlight mode
320
- </label>
298
+ <span
299
+ class="components-form-toggle"
300
+ >
301
+ <input
302
+ aria-describedby="inspector-toggle-control-2__help"
303
+ class="components-form-toggle__input"
304
+ id="inspector-toggle-control-2"
305
+ type="checkbox"
306
+ />
307
+ <span
308
+ class="components-form-toggle__track"
309
+ />
310
+ <span
311
+ class="components-form-toggle__thumb"
312
+ />
313
+ </span>
314
+ <label
315
+ class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
316
+ data-wp-c16t="true"
317
+ data-wp-component="FlexBlock"
318
+ for="inspector-toggle-control-2"
319
+ >
320
+ Spotlight mode
321
+ </label>
322
+ </div>
321
323
  </div>
324
+ <p
325
+ class="components-base-control__help emotion-8 emotion-9"
326
+ id="inspector-toggle-control-2__help"
327
+ >
328
+ Highlights the current block and fades other content.
329
+ </p>
322
330
  </div>
323
- <p
324
- class="components-base-control__help emotion-8 emotion-9"
325
- id="inspector-toggle-control-2__help"
326
- >
327
- Highlights the current block and fades other content.
328
- </p>
329
331
  </div>
330
- </div>
331
- <div
332
- class="interface-preferences-modal__option"
333
- >
334
332
  <div
335
- class="components-base-control components-toggle-control emotion-0 emotion-1"
333
+ class="interface-preferences-modal__option"
336
334
  >
337
335
  <div
338
- class="components-base-control__field emotion-2 emotion-3"
336
+ class="components-base-control components-toggle-control emotion-0 emotion-1"
339
337
  >
340
338
  <div
341
- class="components-flex components-h-stack emotion-4 emotion-5"
342
- data-wp-c16t="true"
343
- data-wp-component="HStack"
339
+ class="components-base-control__field emotion-2 emotion-3"
344
340
  >
345
- <span
346
- class="components-form-toggle"
347
- >
348
- <input
349
- aria-describedby="inspector-toggle-control-3__help"
350
- class="components-form-toggle__input"
351
- id="inspector-toggle-control-3"
352
- type="checkbox"
353
- />
354
- <span
355
- class="components-form-toggle__track"
356
- />
357
- <span
358
- class="components-form-toggle__thumb"
359
- />
360
- </span>
361
- <label
362
- class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
341
+ <div
342
+ class="components-flex components-h-stack emotion-4 emotion-5"
363
343
  data-wp-c16t="true"
364
- data-wp-component="FlexBlock"
365
- for="inspector-toggle-control-3"
344
+ data-wp-component="HStack"
366
345
  >
367
- Show button text labels
368
- </label>
346
+ <span
347
+ class="components-form-toggle"
348
+ >
349
+ <input
350
+ aria-describedby="inspector-toggle-control-3__help"
351
+ class="components-form-toggle__input"
352
+ id="inspector-toggle-control-3"
353
+ type="checkbox"
354
+ />
355
+ <span
356
+ class="components-form-toggle__track"
357
+ />
358
+ <span
359
+ class="components-form-toggle__thumb"
360
+ />
361
+ </span>
362
+ <label
363
+ class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
364
+ data-wp-c16t="true"
365
+ data-wp-component="FlexBlock"
366
+ for="inspector-toggle-control-3"
367
+ >
368
+ Show button text labels
369
+ </label>
370
+ </div>
369
371
  </div>
372
+ <p
373
+ class="components-base-control__help emotion-8 emotion-9"
374
+ id="inspector-toggle-control-3__help"
375
+ >
376
+ Show text instead of icons on buttons.
377
+ </p>
370
378
  </div>
371
- <p
372
- class="components-base-control__help emotion-8 emotion-9"
373
- id="inspector-toggle-control-3__help"
374
- >
375
- Show text instead of icons on buttons.
376
- </p>
377
379
  </div>
378
- </div>
379
- <div
380
- class="interface-preferences-modal__option"
381
- >
382
380
  <div
383
- class="components-base-control components-toggle-control emotion-0 emotion-1"
381
+ class="interface-preferences-modal__option"
384
382
  >
385
383
  <div
386
- class="components-base-control__field emotion-2 emotion-3"
384
+ class="components-base-control components-toggle-control emotion-0 emotion-1"
387
385
  >
388
386
  <div
389
- class="components-flex components-h-stack emotion-4 emotion-5"
390
- data-wp-c16t="true"
391
- data-wp-component="HStack"
387
+ class="components-base-control__field emotion-2 emotion-3"
392
388
  >
393
- <span
394
- class="components-form-toggle"
395
- >
396
- <input
397
- aria-describedby="inspector-toggle-control-4__help"
398
- class="components-form-toggle__input"
399
- id="inspector-toggle-control-4"
400
- type="checkbox"
401
- />
402
- <span
403
- class="components-form-toggle__track"
404
- />
405
- <span
406
- class="components-form-toggle__thumb"
407
- />
408
- </span>
409
- <label
410
- class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
389
+ <div
390
+ class="components-flex components-h-stack emotion-4 emotion-5"
411
391
  data-wp-c16t="true"
412
- data-wp-component="FlexBlock"
413
- for="inspector-toggle-control-4"
392
+ data-wp-component="HStack"
414
393
  >
415
- Always open list view
416
- </label>
394
+ <span
395
+ class="components-form-toggle"
396
+ >
397
+ <input
398
+ aria-describedby="inspector-toggle-control-4__help"
399
+ class="components-form-toggle__input"
400
+ id="inspector-toggle-control-4"
401
+ type="checkbox"
402
+ />
403
+ <span
404
+ class="components-form-toggle__track"
405
+ />
406
+ <span
407
+ class="components-form-toggle__thumb"
408
+ />
409
+ </span>
410
+ <label
411
+ class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
412
+ data-wp-c16t="true"
413
+ data-wp-component="FlexBlock"
414
+ for="inspector-toggle-control-4"
415
+ >
416
+ Always open list view
417
+ </label>
418
+ </div>
417
419
  </div>
420
+ <p
421
+ class="components-base-control__help emotion-8 emotion-9"
422
+ id="inspector-toggle-control-4__help"
423
+ >
424
+ Opens the block list view sidebar by default.
425
+ </p>
418
426
  </div>
419
- <p
420
- class="components-base-control__help emotion-8 emotion-9"
421
- id="inspector-toggle-control-4__help"
422
- >
423
- Opens the block list view sidebar by default.
424
- </p>
425
427
  </div>
426
- </div>
427
- <div
428
- class="interface-preferences-modal__option"
429
- >
430
428
  <div
431
- class="components-base-control components-toggle-control emotion-0 emotion-1"
429
+ class="interface-preferences-modal__option"
432
430
  >
433
431
  <div
434
- class="components-base-control__field emotion-2 emotion-3"
432
+ class="components-base-control components-toggle-control emotion-0 emotion-1"
435
433
  >
436
434
  <div
437
- class="components-flex components-h-stack emotion-4 emotion-5"
438
- data-wp-c16t="true"
439
- data-wp-component="HStack"
435
+ class="components-base-control__field emotion-2 emotion-3"
440
436
  >
441
- <span
442
- class="components-form-toggle"
443
- >
444
- <input
445
- aria-describedby="inspector-toggle-control-5__help"
446
- class="components-form-toggle__input"
447
- id="inspector-toggle-control-5"
448
- type="checkbox"
449
- />
450
- <span
451
- class="components-form-toggle__track"
452
- />
453
- <span
454
- class="components-form-toggle__thumb"
455
- />
456
- </span>
457
- <label
458
- class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
437
+ <div
438
+ class="components-flex components-h-stack emotion-4 emotion-5"
459
439
  data-wp-c16t="true"
460
- data-wp-component="FlexBlock"
461
- for="inspector-toggle-control-5"
440
+ data-wp-component="HStack"
462
441
  >
463
- Use theme styles
464
- </label>
442
+ <span
443
+ class="components-form-toggle"
444
+ >
445
+ <input
446
+ aria-describedby="inspector-toggle-control-5__help"
447
+ class="components-form-toggle__input"
448
+ id="inspector-toggle-control-5"
449
+ type="checkbox"
450
+ />
451
+ <span
452
+ class="components-form-toggle__track"
453
+ />
454
+ <span
455
+ class="components-form-toggle__thumb"
456
+ />
457
+ </span>
458
+ <label
459
+ class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
460
+ data-wp-c16t="true"
461
+ data-wp-component="FlexBlock"
462
+ for="inspector-toggle-control-5"
463
+ >
464
+ Use theme styles
465
+ </label>
466
+ </div>
465
467
  </div>
468
+ <p
469
+ class="components-base-control__help emotion-8 emotion-9"
470
+ id="inspector-toggle-control-5__help"
471
+ >
472
+ Make the editor look like your theme.
473
+ </p>
466
474
  </div>
467
- <p
468
- class="components-base-control__help emotion-8 emotion-9"
469
- id="inspector-toggle-control-5__help"
470
- >
471
- Make the editor look like your theme.
472
- </p>
473
475
  </div>
474
- </div>
475
- <div
476
- class="interface-preferences-modal__option"
477
- >
478
476
  <div
479
- class="components-base-control components-toggle-control emotion-0 emotion-1"
477
+ class="interface-preferences-modal__option"
480
478
  >
481
479
  <div
482
- class="components-base-control__field emotion-2 emotion-3"
480
+ class="components-base-control components-toggle-control emotion-0 emotion-1"
483
481
  >
484
482
  <div
485
- class="components-flex components-h-stack emotion-4 emotion-5"
486
- data-wp-c16t="true"
487
- data-wp-component="HStack"
483
+ class="components-base-control__field emotion-2 emotion-3"
488
484
  >
489
- <span
490
- class="components-form-toggle"
491
- >
492
- <input
493
- aria-describedby="inspector-toggle-control-6__help"
494
- class="components-form-toggle__input"
495
- id="inspector-toggle-control-6"
496
- type="checkbox"
497
- />
498
- <span
499
- class="components-form-toggle__track"
500
- />
501
- <span
502
- class="components-form-toggle__thumb"
503
- />
504
- </span>
505
- <label
506
- class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
485
+ <div
486
+ class="components-flex components-h-stack emotion-4 emotion-5"
507
487
  data-wp-c16t="true"
508
- data-wp-component="FlexBlock"
509
- for="inspector-toggle-control-6"
488
+ data-wp-component="HStack"
510
489
  >
511
- Display block breadcrumbs
512
- </label>
490
+ <span
491
+ class="components-form-toggle"
492
+ >
493
+ <input
494
+ aria-describedby="inspector-toggle-control-6__help"
495
+ class="components-form-toggle__input"
496
+ id="inspector-toggle-control-6"
497
+ type="checkbox"
498
+ />
499
+ <span
500
+ class="components-form-toggle__track"
501
+ />
502
+ <span
503
+ class="components-form-toggle__thumb"
504
+ />
505
+ </span>
506
+ <label
507
+ class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
508
+ data-wp-c16t="true"
509
+ data-wp-component="FlexBlock"
510
+ for="inspector-toggle-control-6"
511
+ >
512
+ Display block breadcrumbs
513
+ </label>
514
+ </div>
513
515
  </div>
516
+ <p
517
+ class="components-base-control__help emotion-8 emotion-9"
518
+ id="inspector-toggle-control-6__help"
519
+ >
520
+ Shows block breadcrumbs at the bottom of the editor.
521
+ </p>
514
522
  </div>
515
- <p
516
- class="components-base-control__help emotion-8 emotion-9"
517
- id="inspector-toggle-control-6__help"
518
- >
519
- Shows block breadcrumbs at the bottom of the editor.
520
- </p>
521
523
  </div>
522
- </div>
523
- </fieldset>
524
+ </fieldset>
525
+ </div>
524
526
  </div>
525
527
  </div>
526
528
  </div>
@@ -721,198 +723,200 @@ exports[`EditPostPreferencesModal should match snapshot when the modal is active
721
723
  </svg>
722
724
  </button>
723
725
  </div>
724
- <div
725
- class="components-navigator-provider interface-preferences__provider emotion-0 emotion-1"
726
- data-wp-c16t="true"
727
- data-wp-component="NavigatorProvider"
728
- >
726
+ <div>
729
727
  <div
730
- class="emotion-2 components-navigator-screen"
728
+ class="components-navigator-provider interface-preferences__provider emotion-0 emotion-1"
731
729
  data-wp-c16t="true"
732
- data-wp-component="NavigatorScreen"
733
- style="opacity: 0; transform: translateX(50px) translateZ(0);"
730
+ data-wp-component="NavigatorProvider"
734
731
  >
735
732
  <div
736
- class="components-surface components-card emotion-3 emotion-1"
733
+ class="emotion-2 components-navigator-screen"
737
734
  data-wp-c16t="true"
738
- data-wp-component="Card"
735
+ data-wp-component="NavigatorScreen"
736
+ style="opacity: 0; transform: translateX(50px) translateZ(0);"
739
737
  >
740
738
  <div
741
- class="emotion-5 emotion-1"
739
+ class="components-surface components-card emotion-3 emotion-1"
740
+ data-wp-c16t="true"
741
+ data-wp-component="Card"
742
742
  >
743
743
  <div
744
- class="components-card__body components-card-body emotion-7 emotion-1"
745
- data-wp-c16t="true"
746
- data-wp-component="CardBody"
744
+ class="emotion-5 emotion-1"
747
745
  >
748
746
  <div
749
- class="components-item-group emotion-9 emotion-1"
747
+ class="components-card__body components-card-body emotion-7 emotion-1"
750
748
  data-wp-c16t="true"
751
- data-wp-component="ItemGroup"
752
- role="list"
749
+ data-wp-component="CardBody"
753
750
  >
754
751
  <div
755
- class="emotion-11"
756
- role="listitem"
752
+ class="components-item-group emotion-9 emotion-1"
753
+ data-wp-c16t="true"
754
+ data-wp-component="ItemGroup"
755
+ role="list"
757
756
  >
758
- <button
759
- class="components-item components-navigator-button emotion-1 emotion-13 emotion-1"
760
- data-wp-c16t="true"
761
- data-wp-component="NavigatorButton"
762
- id="general"
757
+ <div
758
+ class="emotion-11"
759
+ role="listitem"
763
760
  >
764
- <div
765
- class="components-flex components-h-stack emotion-15 emotion-1"
761
+ <button
762
+ class="components-item components-navigator-button emotion-1 emotion-13 emotion-1"
766
763
  data-wp-c16t="true"
767
- data-wp-component="HStack"
764
+ data-wp-component="NavigatorButton"
765
+ id="general"
768
766
  >
769
767
  <div
770
- class="components-flex-item emotion-17 emotion-1"
768
+ class="components-flex components-h-stack emotion-15 emotion-1"
771
769
  data-wp-c16t="true"
772
- data-wp-component="FlexItem"
770
+ data-wp-component="HStack"
773
771
  >
774
- <span
775
- class="components-truncate emotion-19 emotion-1"
772
+ <div
773
+ class="components-flex-item emotion-17 emotion-1"
776
774
  data-wp-c16t="true"
777
- data-wp-component="Truncate"
775
+ data-wp-component="FlexItem"
778
776
  >
779
- General
780
- </span>
781
- </div>
782
- <div
783
- class="components-flex-item emotion-17 emotion-1"
784
- data-wp-c16t="true"
785
- data-wp-component="FlexItem"
786
- >
787
- <svg
788
- aria-hidden="true"
789
- focusable="false"
790
- height="24"
791
- viewBox="0 0 24 24"
792
- width="24"
793
- xmlns="http://www.w3.org/2000/svg"
777
+ <span
778
+ class="components-truncate emotion-19 emotion-1"
779
+ data-wp-c16t="true"
780
+ data-wp-component="Truncate"
781
+ >
782
+ General
783
+ </span>
784
+ </div>
785
+ <div
786
+ class="components-flex-item emotion-17 emotion-1"
787
+ data-wp-c16t="true"
788
+ data-wp-component="FlexItem"
794
789
  >
795
- <path
796
- d="M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
797
- />
798
- </svg>
790
+ <svg
791
+ aria-hidden="true"
792
+ focusable="false"
793
+ height="24"
794
+ viewBox="0 0 24 24"
795
+ width="24"
796
+ xmlns="http://www.w3.org/2000/svg"
797
+ >
798
+ <path
799
+ d="M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
800
+ />
801
+ </svg>
802
+ </div>
799
803
  </div>
800
- </div>
801
- </button>
802
- </div>
803
- <div
804
- class="emotion-11"
805
- role="listitem"
806
- >
807
- <button
808
- class="components-item components-navigator-button emotion-1 emotion-13 emotion-1"
809
- data-wp-c16t="true"
810
- data-wp-component="NavigatorButton"
811
- id="blocks"
804
+ </button>
805
+ </div>
806
+ <div
807
+ class="emotion-11"
808
+ role="listitem"
812
809
  >
813
- <div
814
- class="components-flex components-h-stack emotion-15 emotion-1"
810
+ <button
811
+ class="components-item components-navigator-button emotion-1 emotion-13 emotion-1"
815
812
  data-wp-c16t="true"
816
- data-wp-component="HStack"
813
+ data-wp-component="NavigatorButton"
814
+ id="blocks"
817
815
  >
818
816
  <div
819
- class="components-flex-item emotion-17 emotion-1"
817
+ class="components-flex components-h-stack emotion-15 emotion-1"
820
818
  data-wp-c16t="true"
821
- data-wp-component="FlexItem"
819
+ data-wp-component="HStack"
822
820
  >
823
- <span
824
- class="components-truncate emotion-19 emotion-1"
821
+ <div
822
+ class="components-flex-item emotion-17 emotion-1"
825
823
  data-wp-c16t="true"
826
- data-wp-component="Truncate"
824
+ data-wp-component="FlexItem"
827
825
  >
828
- Blocks
829
- </span>
830
- </div>
831
- <div
832
- class="components-flex-item emotion-17 emotion-1"
833
- data-wp-c16t="true"
834
- data-wp-component="FlexItem"
835
- >
836
- <svg
837
- aria-hidden="true"
838
- focusable="false"
839
- height="24"
840
- viewBox="0 0 24 24"
841
- width="24"
842
- xmlns="http://www.w3.org/2000/svg"
826
+ <span
827
+ class="components-truncate emotion-19 emotion-1"
828
+ data-wp-c16t="true"
829
+ data-wp-component="Truncate"
830
+ >
831
+ Blocks
832
+ </span>
833
+ </div>
834
+ <div
835
+ class="components-flex-item emotion-17 emotion-1"
836
+ data-wp-c16t="true"
837
+ data-wp-component="FlexItem"
843
838
  >
844
- <path
845
- d="M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
846
- />
847
- </svg>
839
+ <svg
840
+ aria-hidden="true"
841
+ focusable="false"
842
+ height="24"
843
+ viewBox="0 0 24 24"
844
+ width="24"
845
+ xmlns="http://www.w3.org/2000/svg"
846
+ >
847
+ <path
848
+ d="M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
849
+ />
850
+ </svg>
851
+ </div>
848
852
  </div>
849
- </div>
850
- </button>
851
- </div>
852
- <div
853
- class="emotion-11"
854
- role="listitem"
855
- >
856
- <button
857
- class="components-item components-navigator-button emotion-1 emotion-13 emotion-1"
858
- data-wp-c16t="true"
859
- data-wp-component="NavigatorButton"
860
- id="panels"
853
+ </button>
854
+ </div>
855
+ <div
856
+ class="emotion-11"
857
+ role="listitem"
861
858
  >
862
- <div
863
- class="components-flex components-h-stack emotion-15 emotion-1"
859
+ <button
860
+ class="components-item components-navigator-button emotion-1 emotion-13 emotion-1"
864
861
  data-wp-c16t="true"
865
- data-wp-component="HStack"
862
+ data-wp-component="NavigatorButton"
863
+ id="panels"
866
864
  >
867
865
  <div
868
- class="components-flex-item emotion-17 emotion-1"
866
+ class="components-flex components-h-stack emotion-15 emotion-1"
869
867
  data-wp-c16t="true"
870
- data-wp-component="FlexItem"
868
+ data-wp-component="HStack"
871
869
  >
872
- <span
873
- class="components-truncate emotion-19 emotion-1"
870
+ <div
871
+ class="components-flex-item emotion-17 emotion-1"
874
872
  data-wp-c16t="true"
875
- data-wp-component="Truncate"
873
+ data-wp-component="FlexItem"
876
874
  >
877
- Panels
878
- </span>
879
- </div>
880
- <div
881
- class="components-flex-item emotion-17 emotion-1"
882
- data-wp-c16t="true"
883
- data-wp-component="FlexItem"
884
- >
885
- <svg
886
- aria-hidden="true"
887
- focusable="false"
888
- height="24"
889
- viewBox="0 0 24 24"
890
- width="24"
891
- xmlns="http://www.w3.org/2000/svg"
875
+ <span
876
+ class="components-truncate emotion-19 emotion-1"
877
+ data-wp-c16t="true"
878
+ data-wp-component="Truncate"
879
+ >
880
+ Panels
881
+ </span>
882
+ </div>
883
+ <div
884
+ class="components-flex-item emotion-17 emotion-1"
885
+ data-wp-c16t="true"
886
+ data-wp-component="FlexItem"
892
887
  >
893
- <path
894
- d="M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
895
- />
896
- </svg>
888
+ <svg
889
+ aria-hidden="true"
890
+ focusable="false"
891
+ height="24"
892
+ viewBox="0 0 24 24"
893
+ width="24"
894
+ xmlns="http://www.w3.org/2000/svg"
895
+ >
896
+ <path
897
+ d="M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
898
+ />
899
+ </svg>
900
+ </div>
897
901
  </div>
898
- </div>
899
- </button>
902
+ </button>
903
+ </div>
900
904
  </div>
901
905
  </div>
902
906
  </div>
907
+ <div
908
+ aria-hidden="true"
909
+ class="components-elevation emotion-47 emotion-1"
910
+ data-wp-c16t="true"
911
+ data-wp-component="Elevation"
912
+ />
913
+ <div
914
+ aria-hidden="true"
915
+ class="components-elevation emotion-47 emotion-1"
916
+ data-wp-c16t="true"
917
+ data-wp-component="Elevation"
918
+ />
903
919
  </div>
904
- <div
905
- aria-hidden="true"
906
- class="components-elevation emotion-47 emotion-1"
907
- data-wp-c16t="true"
908
- data-wp-component="Elevation"
909
- />
910
- <div
911
- aria-hidden="true"
912
- class="components-elevation emotion-47 emotion-1"
913
- data-wp-c16t="true"
914
- data-wp-component="Elevation"
915
- />
916
920
  </div>
917
921
  </div>
918
922
  </div>