decap-cms-widget-list 3.0.3 → 3.0.4

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 (10) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/decap-cms-widget-list.js +4 -4
  3. package/dist/decap-cms-widget-list.js.map +1 -1
  4. package/dist/esm/ListControl.js +42 -42
  5. package/dist/esm/index.js +4 -6
  6. package/dist/esm/schema.js +2 -3
  7. package/dist/esm/typedListHelpers.js +3 -6
  8. package/package.json +4 -4
  9. package/src/ListControl.js +1 -1
  10. package/src/__tests__/__snapshots__/ListControl.spec.js.snap +427 -418
package/src/__tests__/__snapshots__/ListControl.spec.js.snap CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  exports[`ListControl should add to list when add button is clicked 1`] = `
4
4
  <DocumentFragment>
5
- .emotion-18 {
5
+ .emotion-0 {
6
6
  padding: 0 14px 14px;
7
7
  }
8
8
 
9
- .emotion-12 {
9
+ .emotion-1 {
10
10
  -webkit-align-items: center;
11
11
  -webkit-box-align: center;
12
12
  -ms-flex-align: center;
@@ -18,13 +18,12 @@ exports[`ListControl should add to list when add button is clicked 1`] = `
18
18
  display: flex;
19
19
  -webkit-box-pack: justify;
20
20
  -webkit-justify-content: space-between;
21
- -ms-flex-pack: justify;
22
21
  justify-content: space-between;
23
22
  margin: 0 -14px;
24
23
  padding: 13px;
25
24
  }
26
25
 
27
- .emotion-5 {
26
+ .emotion-3 {
28
27
  display: -webkit-box;
29
28
  display: -webkit-flex;
30
29
  display: -ms-flexbox;
@@ -38,7 +37,7 @@ exports[`ListControl should add to list when add button is clicked 1`] = `
38
37
  line-height: 1;
39
38
  }
40
39
 
41
- .emotion-3 {
40
+ .emotion-5 {
42
41
  border: 0;
43
42
  border-radius: 5px;
44
43
  cursor: pointer;
@@ -47,10 +46,37 @@ exports[`ListControl should add to list when add button is clicked 1`] = `
47
46
  color: inherit;
48
47
  }
49
48
 
50
- .emotion-3:last-of-type {
49
+ .emotion-5:last-of-type {
51
50
  margin-right: 4px;
52
51
  }
53
52
 
53
+ .emotion-8 {
54
+ display: inline-block;
55
+ line-height: 0;
56
+ width: 18px;
57
+ height: 18px;
58
+ -webkit-transform: rotate(0deg);
59
+ -moz-transform: rotate(0deg);
60
+ -ms-transform: rotate(0deg);
61
+ transform: rotate(0deg);
62
+ }
63
+
64
+ .emotion-8 path:not(.no-fill),
65
+ .emotion-8 circle:not(.no-fill),
66
+ .emotion-8 polygon:not(.no-fill),
67
+ .emotion-8 rect:not(.no-fill) {
68
+ fill: currentColor;
69
+ }
70
+
71
+ .emotion-8 path.clipped {
72
+ fill: transparent;
73
+ }
74
+
75
+ .emotion-8 svg {
76
+ width: 100%;
77
+ height: 100%;
78
+ }
79
+
54
80
  .emotion-10 {
55
81
  border: 0;
56
82
  border-radius: 5px;
@@ -60,8 +86,8 @@ exports[`ListControl should add to list when add button is clicked 1`] = `
60
86
  display: -ms-flexbox;
61
87
  display: flex;
62
88
  -webkit-box-pack: center;
63
- -webkit-justify-content: center;
64
89
  -ms-flex-pack: center;
90
+ -webkit-justify-content: center;
65
91
  justify-content: center;
66
92
  -webkit-align-items: center;
67
93
  -webkit-box-align: center;
@@ -73,71 +99,46 @@ exports[`ListControl should add to list when add button is clicked 1`] = `
73
99
  border-radius: 3px;
74
100
  }
75
101
 
76
- .emotion-10 .emotion-0 {
102
+ .emotion-10 .emotion-7 {
77
103
  margin-left: 6px;
78
104
  }
79
105
 
80
- .emotion-8 {
106
+ .emotion-13 {
81
107
  display: inline-block;
82
108
  line-height: 0;
83
109
  width: 12px;
84
110
  height: 12px;
85
111
  -webkit-transform: rotate(0deg);
112
+ -moz-transform: rotate(0deg);
86
113
  -ms-transform: rotate(0deg);
87
114
  transform: rotate(0deg);
88
115
  }
89
116
 
90
- .emotion-8 path:not(.no-fill),
91
- .emotion-8 circle:not(.no-fill),
92
- .emotion-8 polygon:not(.no-fill),
93
- .emotion-8 rect:not(.no-fill) {
117
+ .emotion-13 path:not(.no-fill),
118
+ .emotion-13 circle:not(.no-fill),
119
+ .emotion-13 polygon:not(.no-fill),
120
+ .emotion-13 rect:not(.no-fill) {
94
121
  fill: currentColor;
95
122
  }
96
123
 
97
- .emotion-8 path.clipped {
124
+ .emotion-13 path.clipped {
98
125
  fill: transparent;
99
126
  }
100
127
 
101
- .emotion-8 svg {
128
+ .emotion-13 svg {
102
129
  width: 100%;
103
130
  height: 100%;
104
131
  }
105
132
 
106
- .emotion-16 {
133
+ .emotion-15 {
107
134
  margin-top: 18px;
108
135
  }
109
136
 
110
- .emotion-16:first-of-type {
137
+ .emotion-15:first-of-type {
111
138
  margin-top: 26px;
112
139
  }
113
140
 
114
- .emotion-1 {
115
- display: inline-block;
116
- line-height: 0;
117
- width: 18px;
118
- height: 18px;
119
- -webkit-transform: rotate(0deg);
120
- -ms-transform: rotate(0deg);
121
- transform: rotate(0deg);
122
- }
123
-
124
- .emotion-1 path:not(.no-fill),
125
- .emotion-1 circle:not(.no-fill),
126
- .emotion-1 polygon:not(.no-fill),
127
- .emotion-1 rect:not(.no-fill) {
128
- fill: currentColor;
129
- }
130
-
131
- .emotion-1 path.clipped {
132
- fill: transparent;
133
- }
134
-
135
- .emotion-1 svg {
136
- width: 100%;
137
- height: 100%;
138
- }
139
-
140
- .emotion-14 {
141
+ .emotion-17 {
141
142
  display: none;
142
143
  border-top: 0;
143
144
  color: inherit;
@@ -147,21 +148,21 @@ exports[`ListControl should add to list when add button is clicked 1`] = `
147
148
  }
148
149
 
149
150
  <div
150
- class="classNameWrapper emotion-18"
151
+ class="classNameWrapper emotion-0"
151
152
  id="forID"
152
153
  >
153
154
  <div
154
- class="emotion-12 emotion-13"
155
+ class="emotion-1 emotion-2"
155
156
  >
156
157
  <div
157
- class="emotion-5 emotion-6"
158
+ class="emotion-3 emotion-4"
158
159
  >
159
160
  <button
160
- class="emotion-3 emotion-4"
161
+ class="emotion-5 emotion-6"
161
162
  data-testid="expand-button"
162
163
  >
163
164
  <span
164
- class="emotion-0 emotion-1 emotion-2"
165
+ class="emotion-7 emotion-8 emotion-9"
165
166
  >
166
167
  <svg
167
168
  viewBox="0 0 24 24"
@@ -179,7 +180,7 @@ exports[`ListControl should add to list when add button is clicked 1`] = `
179
180
  >
180
181
  editor.editorWidgets.list.add
181
182
  <span
182
- class="emotion-0 emotion-8 emotion-2"
183
+ class="emotion-7 emotion-13 emotion-9"
183
184
  >
184
185
  <svg
185
186
  height="24"
@@ -196,7 +197,7 @@ exports[`ListControl should add to list when add button is clicked 1`] = `
196
197
  </div>
197
198
  <div>
198
199
  <div
199
- class="emotion-16 emotion-17"
200
+ class="emotion-15 emotion-16"
200
201
  >
201
202
  <mock-list-item-top-bar
202
203
  classname="css-1e1b0lr-StyledListItemTopBar e11zrb3c1"
@@ -209,7 +210,7 @@ exports[`ListControl should add to list when add button is clicked 1`] = `
209
210
  </button>
210
211
  </mock-list-item-top-bar>
211
212
  <div
212
- class="emotion-14 emotion-15"
213
+ class="emotion-17 emotion-18"
213
214
  >
214
215
  No string
215
216
  </div>
@@ -249,11 +250,11 @@ exports[`ListControl should add to list when add button is clicked 1`] = `
249
250
 
250
251
  exports[`ListControl should remove from list when remove button is clicked 1`] = `
251
252
  <DocumentFragment>
252
- .emotion-22 {
253
+ .emotion-0 {
253
254
  padding: 0 14px 14px;
254
255
  }
255
256
 
256
- .emotion-12 {
257
+ .emotion-1 {
257
258
  -webkit-align-items: center;
258
259
  -webkit-box-align: center;
259
260
  -ms-flex-align: center;
@@ -265,13 +266,12 @@ exports[`ListControl should remove from list when remove button is clicked 1`] =
265
266
  display: flex;
266
267
  -webkit-box-pack: justify;
267
268
  -webkit-justify-content: space-between;
268
- -ms-flex-pack: justify;
269
269
  justify-content: space-between;
270
270
  margin: 0 -14px;
271
271
  padding: 13px;
272
272
  }
273
273
 
274
- .emotion-5 {
274
+ .emotion-3 {
275
275
  display: -webkit-box;
276
276
  display: -webkit-flex;
277
277
  display: -ms-flexbox;
@@ -285,7 +285,7 @@ exports[`ListControl should remove from list when remove button is clicked 1`] =
285
285
  line-height: 1;
286
286
  }
287
287
 
288
- .emotion-3 {
288
+ .emotion-5 {
289
289
  border: 0;
290
290
  border-radius: 5px;
291
291
  cursor: pointer;
@@ -294,10 +294,37 @@ exports[`ListControl should remove from list when remove button is clicked 1`] =
294
294
  color: inherit;
295
295
  }
296
296
 
297
- .emotion-3:last-of-type {
297
+ .emotion-5:last-of-type {
298
298
  margin-right: 4px;
299
299
  }
300
300
 
301
+ .emotion-8 {
302
+ display: inline-block;
303
+ line-height: 0;
304
+ width: 18px;
305
+ height: 18px;
306
+ -webkit-transform: rotate(0deg);
307
+ -moz-transform: rotate(0deg);
308
+ -ms-transform: rotate(0deg);
309
+ transform: rotate(0deg);
310
+ }
311
+
312
+ .emotion-8 path:not(.no-fill),
313
+ .emotion-8 circle:not(.no-fill),
314
+ .emotion-8 polygon:not(.no-fill),
315
+ .emotion-8 rect:not(.no-fill) {
316
+ fill: currentColor;
317
+ }
318
+
319
+ .emotion-8 path.clipped {
320
+ fill: transparent;
321
+ }
322
+
323
+ .emotion-8 svg {
324
+ width: 100%;
325
+ height: 100%;
326
+ }
327
+
301
328
  .emotion-10 {
302
329
  border: 0;
303
330
  border-radius: 5px;
@@ -307,8 +334,8 @@ exports[`ListControl should remove from list when remove button is clicked 1`] =
307
334
  display: -ms-flexbox;
308
335
  display: flex;
309
336
  -webkit-box-pack: center;
310
- -webkit-justify-content: center;
311
337
  -ms-flex-pack: center;
338
+ -webkit-justify-content: center;
312
339
  justify-content: center;
313
340
  -webkit-align-items: center;
314
341
  -webkit-box-align: center;
@@ -320,71 +347,46 @@ exports[`ListControl should remove from list when remove button is clicked 1`] =
320
347
  border-radius: 3px;
321
348
  }
322
349
 
323
- .emotion-10 .emotion-0 {
350
+ .emotion-10 .emotion-7 {
324
351
  margin-left: 6px;
325
352
  }
326
353
 
327
- .emotion-8 {
354
+ .emotion-13 {
328
355
  display: inline-block;
329
356
  line-height: 0;
330
357
  width: 12px;
331
358
  height: 12px;
332
359
  -webkit-transform: rotate(0deg);
360
+ -moz-transform: rotate(0deg);
333
361
  -ms-transform: rotate(0deg);
334
362
  transform: rotate(0deg);
335
363
  }
336
364
 
337
- .emotion-8 path:not(.no-fill),
338
- .emotion-8 circle:not(.no-fill),
339
- .emotion-8 polygon:not(.no-fill),
340
- .emotion-8 rect:not(.no-fill) {
365
+ .emotion-13 path:not(.no-fill),
366
+ .emotion-13 circle:not(.no-fill),
367
+ .emotion-13 polygon:not(.no-fill),
368
+ .emotion-13 rect:not(.no-fill) {
341
369
  fill: currentColor;
342
370
  }
343
371
 
344
- .emotion-8 path.clipped {
372
+ .emotion-13 path.clipped {
345
373
  fill: transparent;
346
374
  }
347
375
 
348
- .emotion-8 svg {
376
+ .emotion-13 svg {
349
377
  width: 100%;
350
378
  height: 100%;
351
379
  }
352
380
 
353
- .emotion-16 {
381
+ .emotion-15 {
354
382
  margin-top: 18px;
355
383
  }
356
384
 
357
- .emotion-16:first-of-type {
385
+ .emotion-15:first-of-type {
358
386
  margin-top: 26px;
359
387
  }
360
388
 
361
- .emotion-1 {
362
- display: inline-block;
363
- line-height: 0;
364
- width: 18px;
365
- height: 18px;
366
- -webkit-transform: rotate(0deg);
367
- -ms-transform: rotate(0deg);
368
- transform: rotate(0deg);
369
- }
370
-
371
- .emotion-1 path:not(.no-fill),
372
- .emotion-1 circle:not(.no-fill),
373
- .emotion-1 polygon:not(.no-fill),
374
- .emotion-1 rect:not(.no-fill) {
375
- fill: currentColor;
376
- }
377
-
378
- .emotion-1 path.clipped {
379
- fill: transparent;
380
- }
381
-
382
- .emotion-1 svg {
383
- width: 100%;
384
- height: 100%;
385
- }
386
-
387
- .emotion-14 {
389
+ .emotion-17 {
388
390
  display: none;
389
391
  border-top: 0;
390
392
  color: inherit;
@@ -394,21 +396,21 @@ exports[`ListControl should remove from list when remove button is clicked 1`] =
394
396
  }
395
397
 
396
398
  <div
397
- class="classNameWrapper emotion-22"
399
+ class="classNameWrapper emotion-0"
398
400
  id="forID"
399
401
  >
400
402
  <div
401
- class="emotion-12 emotion-13"
403
+ class="emotion-1 emotion-2"
402
404
  >
403
405
  <div
404
- class="emotion-5 emotion-6"
406
+ class="emotion-3 emotion-4"
405
407
  >
406
408
  <button
407
- class="emotion-3 emotion-4"
409
+ class="emotion-5 emotion-6"
408
410
  data-testid="expand-button"
409
411
  >
410
412
  <span
411
- class="emotion-0 emotion-1 emotion-2"
413
+ class="emotion-7 emotion-8 emotion-9"
412
414
  >
413
415
  <svg
414
416
  viewBox="0 0 24 24"
@@ -426,7 +428,7 @@ exports[`ListControl should remove from list when remove button is clicked 1`] =
426
428
  >
427
429
  editor.editorWidgets.list.add
428
430
  <span
429
- class="emotion-0 emotion-8 emotion-2"
431
+ class="emotion-7 emotion-13 emotion-9"
430
432
  >
431
433
  <svg
432
434
  height="24"
@@ -443,7 +445,7 @@ exports[`ListControl should remove from list when remove button is clicked 1`] =
443
445
  </div>
444
446
  <div>
445
447
  <div
446
- class="emotion-16 emotion-17"
448
+ class="emotion-15 emotion-16"
447
449
  >
448
450
  <mock-list-item-top-bar
449
451
  classname="css-1e1b0lr-StyledListItemTopBar e11zrb3c1"
@@ -456,7 +458,7 @@ exports[`ListControl should remove from list when remove button is clicked 1`] =
456
458
  </button>
457
459
  </mock-list-item-top-bar>
458
460
  <div
459
- class="emotion-14 emotion-15"
461
+ class="emotion-17 emotion-18"
460
462
  >
461
463
  item 1
462
464
  </div>
@@ -473,7 +475,7 @@ exports[`ListControl should remove from list when remove button is clicked 1`] =
473
475
  />
474
476
  </div>
475
477
  <div
476
- class="emotion-16 emotion-17"
478
+ class="emotion-15 emotion-16"
477
479
  >
478
480
  <mock-list-item-top-bar
479
481
  classname="css-1e1b0lr-StyledListItemTopBar e11zrb3c1"
@@ -486,7 +488,7 @@ exports[`ListControl should remove from list when remove button is clicked 1`] =
486
488
  </button>
487
489
  </mock-list-item-top-bar>
488
490
  <div
489
- class="emotion-14 emotion-15"
491
+ class="emotion-17 emotion-18"
490
492
  >
491
493
  item 2
492
494
  </div>
@@ -526,11 +528,11 @@ exports[`ListControl should remove from list when remove button is clicked 1`] =
526
528
 
527
529
  exports[`ListControl should remove from list when remove button is clicked 2`] = `
528
530
  <DocumentFragment>
529
- .emotion-18 {
531
+ .emotion-0 {
530
532
  padding: 0 14px 14px;
531
533
  }
532
534
 
533
- .emotion-12 {
535
+ .emotion-1 {
534
536
  -webkit-align-items: center;
535
537
  -webkit-box-align: center;
536
538
  -ms-flex-align: center;
@@ -542,13 +544,12 @@ exports[`ListControl should remove from list when remove button is clicked 2`] =
542
544
  display: flex;
543
545
  -webkit-box-pack: justify;
544
546
  -webkit-justify-content: space-between;
545
- -ms-flex-pack: justify;
546
547
  justify-content: space-between;
547
548
  margin: 0 -14px;
548
549
  padding: 13px;
549
550
  }
550
551
 
551
- .emotion-5 {
552
+ .emotion-3 {
552
553
  display: -webkit-box;
553
554
  display: -webkit-flex;
554
555
  display: -ms-flexbox;
@@ -562,7 +563,7 @@ exports[`ListControl should remove from list when remove button is clicked 2`] =
562
563
  line-height: 1;
563
564
  }
564
565
 
565
- .emotion-3 {
566
+ .emotion-5 {
566
567
  border: 0;
567
568
  border-radius: 5px;
568
569
  cursor: pointer;
@@ -571,10 +572,37 @@ exports[`ListControl should remove from list when remove button is clicked 2`] =
571
572
  color: inherit;
572
573
  }
573
574
 
574
- .emotion-3:last-of-type {
575
+ .emotion-5:last-of-type {
575
576
  margin-right: 4px;
576
577
  }
577
578
 
579
+ .emotion-8 {
580
+ display: inline-block;
581
+ line-height: 0;
582
+ width: 18px;
583
+ height: 18px;
584
+ -webkit-transform: rotate(0deg);
585
+ -moz-transform: rotate(0deg);
586
+ -ms-transform: rotate(0deg);
587
+ transform: rotate(0deg);
588
+ }
589
+
590
+ .emotion-8 path:not(.no-fill),
591
+ .emotion-8 circle:not(.no-fill),
592
+ .emotion-8 polygon:not(.no-fill),
593
+ .emotion-8 rect:not(.no-fill) {
594
+ fill: currentColor;
595
+ }
596
+
597
+ .emotion-8 path.clipped {
598
+ fill: transparent;
599
+ }
600
+
601
+ .emotion-8 svg {
602
+ width: 100%;
603
+ height: 100%;
604
+ }
605
+
578
606
  .emotion-10 {
579
607
  border: 0;
580
608
  border-radius: 5px;
@@ -584,8 +612,8 @@ exports[`ListControl should remove from list when remove button is clicked 2`] =
584
612
  display: -ms-flexbox;
585
613
  display: flex;
586
614
  -webkit-box-pack: center;
587
- -webkit-justify-content: center;
588
615
  -ms-flex-pack: center;
616
+ -webkit-justify-content: center;
589
617
  justify-content: center;
590
618
  -webkit-align-items: center;
591
619
  -webkit-box-align: center;
@@ -597,45 +625,46 @@ exports[`ListControl should remove from list when remove button is clicked 2`] =
597
625
  border-radius: 3px;
598
626
  }
599
627
 
600
- .emotion-10 .emotion-0 {
628
+ .emotion-10 .emotion-7 {
601
629
  margin-left: 6px;
602
630
  }
603
631
 
604
- .emotion-8 {
632
+ .emotion-13 {
605
633
  display: inline-block;
606
634
  line-height: 0;
607
635
  width: 12px;
608
636
  height: 12px;
609
637
  -webkit-transform: rotate(0deg);
638
+ -moz-transform: rotate(0deg);
610
639
  -ms-transform: rotate(0deg);
611
640
  transform: rotate(0deg);
612
641
  }
613
642
 
614
- .emotion-8 path:not(.no-fill),
615
- .emotion-8 circle:not(.no-fill),
616
- .emotion-8 polygon:not(.no-fill),
617
- .emotion-8 rect:not(.no-fill) {
643
+ .emotion-13 path:not(.no-fill),
644
+ .emotion-13 circle:not(.no-fill),
645
+ .emotion-13 polygon:not(.no-fill),
646
+ .emotion-13 rect:not(.no-fill) {
618
647
  fill: currentColor;
619
648
  }
620
649
 
621
- .emotion-8 path.clipped {
650
+ .emotion-13 path.clipped {
622
651
  fill: transparent;
623
652
  }
624
653
 
625
- .emotion-8 svg {
654
+ .emotion-13 svg {
626
655
  width: 100%;
627
656
  height: 100%;
628
657
  }
629
658
 
630
- .emotion-16 {
659
+ .emotion-15 {
631
660
  margin-top: 18px;
632
661
  }
633
662
 
634
- .emotion-16:first-of-type {
663
+ .emotion-15:first-of-type {
635
664
  margin-top: 26px;
636
665
  }
637
666
 
638
- .emotion-14 {
667
+ .emotion-17 {
639
668
  display: block;
640
669
  border-top: 0;
641
670
  color: inherit;
@@ -644,48 +673,22 @@ exports[`ListControl should remove from list when remove button is clicked 2`] =
644
673
  border-radius: 0 0 5px 5px;
645
674
  }
646
675
 
647
- .emotion-1 {
648
- display: inline-block;
649
- line-height: 0;
650
- width: 18px;
651
- height: 18px;
652
- -webkit-transform: rotate(0deg);
653
- -ms-transform: rotate(0deg);
654
- transform: rotate(0deg);
655
- }
656
-
657
- .emotion-1 path:not(.no-fill),
658
- .emotion-1 circle:not(.no-fill),
659
- .emotion-1 polygon:not(.no-fill),
660
- .emotion-1 rect:not(.no-fill) {
661
- fill: currentColor;
662
- }
663
-
664
- .emotion-1 path.clipped {
665
- fill: transparent;
666
- }
667
-
668
- .emotion-1 svg {
669
- width: 100%;
670
- height: 100%;
671
- }
672
-
673
676
  <div
674
- class="classNameWrapper emotion-18"
677
+ class="classNameWrapper emotion-0"
675
678
  id="forID"
676
679
  >
677
680
  <div
678
- class="emotion-12 emotion-13"
681
+ class="emotion-1 emotion-2"
679
682
  >
680
683
  <div
681
- class="emotion-5 emotion-6"
684
+ class="emotion-3 emotion-4"
682
685
  >
683
686
  <button
684
- class="emotion-3 emotion-4"
687
+ class="emotion-5 emotion-6"
685
688
  data-testid="expand-button"
686
689
  >
687
690
  <span
688
- class="emotion-0 emotion-1 emotion-2"
691
+ class="emotion-7 emotion-8 emotion-9"
689
692
  >
690
693
  <svg
691
694
  viewBox="0 0 24 24"
@@ -703,7 +706,7 @@ exports[`ListControl should remove from list when remove button is clicked 2`] =
703
706
  >
704
707
  editor.editorWidgets.list.add
705
708
  <span
706
- class="emotion-0 emotion-8 emotion-2"
709
+ class="emotion-7 emotion-13 emotion-9"
707
710
  >
708
711
  <svg
709
712
  height="24"
@@ -720,7 +723,7 @@ exports[`ListControl should remove from list when remove button is clicked 2`] =
720
723
  </div>
721
724
  <div>
722
725
  <div
723
- class="emotion-16 emotion-17"
726
+ class="emotion-15 emotion-16"
724
727
  style="transition: transform 0ms linear;"
725
728
  >
726
729
  <mock-list-item-top-bar
@@ -734,7 +737,7 @@ exports[`ListControl should remove from list when remove button is clicked 2`] =
734
737
  </button>
735
738
  </mock-list-item-top-bar>
736
739
  <div
737
- class="emotion-14 emotion-15"
740
+ class="emotion-17 emotion-18"
738
741
  >
739
742
  item 2
740
743
  </div>
@@ -785,11 +788,11 @@ exports[`ListControl should render empty list 1`] = `
785
788
 
786
789
  exports[`ListControl should render list with fields with collapse = "false" and default minimize_collapsed ("false") 1`] = `
787
790
  <DocumentFragment>
788
- .emotion-22 {
791
+ .emotion-0 {
789
792
  padding: 0 14px 14px;
790
793
  }
791
794
 
792
- .emotion-12 {
795
+ .emotion-1 {
793
796
  -webkit-align-items: center;
794
797
  -webkit-box-align: center;
795
798
  -ms-flex-align: center;
@@ -801,13 +804,12 @@ exports[`ListControl should render list with fields with collapse = "false" and
801
804
  display: flex;
802
805
  -webkit-box-pack: justify;
803
806
  -webkit-justify-content: space-between;
804
- -ms-flex-pack: justify;
805
807
  justify-content: space-between;
806
808
  margin: 0 -14px;
807
809
  padding: 13px;
808
810
  }
809
811
 
810
- .emotion-5 {
812
+ .emotion-3 {
811
813
  display: -webkit-box;
812
814
  display: -webkit-flex;
813
815
  display: -ms-flexbox;
@@ -821,7 +823,7 @@ exports[`ListControl should render list with fields with collapse = "false" and
821
823
  line-height: 1;
822
824
  }
823
825
 
824
- .emotion-3 {
826
+ .emotion-5 {
825
827
  border: 0;
826
828
  border-radius: 5px;
827
829
  cursor: pointer;
@@ -830,10 +832,37 @@ exports[`ListControl should render list with fields with collapse = "false" and
830
832
  color: inherit;
831
833
  }
832
834
 
833
- .emotion-3:last-of-type {
835
+ .emotion-5:last-of-type {
834
836
  margin-right: 4px;
835
837
  }
836
838
 
839
+ .emotion-8 {
840
+ display: inline-block;
841
+ line-height: 0;
842
+ width: 18px;
843
+ height: 18px;
844
+ -webkit-transform: rotate(0deg);
845
+ -moz-transform: rotate(0deg);
846
+ -ms-transform: rotate(0deg);
847
+ transform: rotate(0deg);
848
+ }
849
+
850
+ .emotion-8 path:not(.no-fill),
851
+ .emotion-8 circle:not(.no-fill),
852
+ .emotion-8 polygon:not(.no-fill),
853
+ .emotion-8 rect:not(.no-fill) {
854
+ fill: currentColor;
855
+ }
856
+
857
+ .emotion-8 path.clipped {
858
+ fill: transparent;
859
+ }
860
+
861
+ .emotion-8 svg {
862
+ width: 100%;
863
+ height: 100%;
864
+ }
865
+
837
866
  .emotion-10 {
838
867
  border: 0;
839
868
  border-radius: 5px;
@@ -843,8 +872,8 @@ exports[`ListControl should render list with fields with collapse = "false" and
843
872
  display: -ms-flexbox;
844
873
  display: flex;
845
874
  -webkit-box-pack: center;
846
- -webkit-justify-content: center;
847
875
  -ms-flex-pack: center;
876
+ -webkit-justify-content: center;
848
877
  justify-content: center;
849
878
  -webkit-align-items: center;
850
879
  -webkit-box-align: center;
@@ -856,71 +885,46 @@ exports[`ListControl should render list with fields with collapse = "false" and
856
885
  border-radius: 3px;
857
886
  }
858
887
 
859
- .emotion-10 .emotion-0 {
888
+ .emotion-10 .emotion-7 {
860
889
  margin-left: 6px;
861
890
  }
862
891
 
863
- .emotion-8 {
892
+ .emotion-13 {
864
893
  display: inline-block;
865
894
  line-height: 0;
866
895
  width: 12px;
867
896
  height: 12px;
868
897
  -webkit-transform: rotate(0deg);
898
+ -moz-transform: rotate(0deg);
869
899
  -ms-transform: rotate(0deg);
870
900
  transform: rotate(0deg);
871
901
  }
872
902
 
873
- .emotion-8 path:not(.no-fill),
874
- .emotion-8 circle:not(.no-fill),
875
- .emotion-8 polygon:not(.no-fill),
876
- .emotion-8 rect:not(.no-fill) {
903
+ .emotion-13 path:not(.no-fill),
904
+ .emotion-13 circle:not(.no-fill),
905
+ .emotion-13 polygon:not(.no-fill),
906
+ .emotion-13 rect:not(.no-fill) {
877
907
  fill: currentColor;
878
908
  }
879
909
 
880
- .emotion-8 path.clipped {
910
+ .emotion-13 path.clipped {
881
911
  fill: transparent;
882
912
  }
883
913
 
884
- .emotion-8 svg {
914
+ .emotion-13 svg {
885
915
  width: 100%;
886
916
  height: 100%;
887
917
  }
888
918
 
889
- .emotion-16 {
919
+ .emotion-15 {
890
920
  margin-top: 18px;
891
921
  }
892
922
 
893
- .emotion-16:first-of-type {
923
+ .emotion-15:first-of-type {
894
924
  margin-top: 26px;
895
925
  }
896
926
 
897
- .emotion-1 {
898
- display: inline-block;
899
- line-height: 0;
900
- width: 18px;
901
- height: 18px;
902
- -webkit-transform: rotate(0deg);
903
- -ms-transform: rotate(0deg);
904
- transform: rotate(0deg);
905
- }
906
-
907
- .emotion-1 path:not(.no-fill),
908
- .emotion-1 circle:not(.no-fill),
909
- .emotion-1 polygon:not(.no-fill),
910
- .emotion-1 rect:not(.no-fill) {
911
- fill: currentColor;
912
- }
913
-
914
- .emotion-1 path.clipped {
915
- fill: transparent;
916
- }
917
-
918
- .emotion-1 svg {
919
- width: 100%;
920
- height: 100%;
921
- }
922
-
923
- .emotion-14 {
927
+ .emotion-17 {
924
928
  display: none;
925
929
  border-top: 0;
926
930
  color: inherit;
@@ -930,21 +934,21 @@ exports[`ListControl should render list with fields with collapse = "false" and
930
934
  }
931
935
 
932
936
  <div
933
- class="classNameWrapper emotion-22"
937
+ class="classNameWrapper emotion-0"
934
938
  id="forID"
935
939
  >
936
940
  <div
937
- class="emotion-12 emotion-13"
941
+ class="emotion-1 emotion-2"
938
942
  >
939
943
  <div
940
- class="emotion-5 emotion-6"
944
+ class="emotion-3 emotion-4"
941
945
  >
942
946
  <button
943
- class="emotion-3 emotion-4"
947
+ class="emotion-5 emotion-6"
944
948
  data-testid="expand-button"
945
949
  >
946
950
  <span
947
- class="emotion-0 emotion-1 emotion-2"
951
+ class="emotion-7 emotion-8 emotion-9"
948
952
  >
949
953
  <svg
950
954
  viewBox="0 0 24 24"
@@ -962,7 +966,7 @@ exports[`ListControl should render list with fields with collapse = "false" and
962
966
  >
963
967
  editor.editorWidgets.list.add
964
968
  <span
965
- class="emotion-0 emotion-8 emotion-2"
969
+ class="emotion-7 emotion-13 emotion-9"
966
970
  >
967
971
  <svg
968
972
  height="24"
@@ -979,7 +983,7 @@ exports[`ListControl should render list with fields with collapse = "false" and
979
983
  </div>
980
984
  <div>
981
985
  <div
982
- class="emotion-16 emotion-17"
986
+ class="emotion-15 emotion-16"
983
987
  >
984
988
  <mock-list-item-top-bar
985
989
  classname="css-1e1b0lr-StyledListItemTopBar e11zrb3c1"
@@ -992,7 +996,7 @@ exports[`ListControl should render list with fields with collapse = "false" and
992
996
  </button>
993
997
  </mock-list-item-top-bar>
994
998
  <div
995
- class="emotion-14 emotion-15"
999
+ class="emotion-17 emotion-18"
996
1000
  >
997
1001
  item 1
998
1002
  </div>
@@ -1009,7 +1013,7 @@ exports[`ListControl should render list with fields with collapse = "false" and
1009
1013
  />
1010
1014
  </div>
1011
1015
  <div
1012
- class="emotion-16 emotion-17"
1016
+ class="emotion-15 emotion-16"
1013
1017
  >
1014
1018
  <mock-list-item-top-bar
1015
1019
  classname="css-1e1b0lr-StyledListItemTopBar e11zrb3c1"
@@ -1022,7 +1026,7 @@ exports[`ListControl should render list with fields with collapse = "false" and
1022
1026
  </button>
1023
1027
  </mock-list-item-top-bar>
1024
1028
  <div
1025
- class="emotion-14 emotion-15"
1029
+ class="emotion-17 emotion-18"
1026
1030
  >
1027
1031
  item 2
1028
1032
  </div>
@@ -1062,11 +1066,11 @@ exports[`ListControl should render list with fields with collapse = "false" and
1062
1066
 
1063
1067
  exports[`ListControl should render list with fields with collapse = "false" and default minimize_collapsed = "true" 1`] = `
1064
1068
  <DocumentFragment>
1065
- .emotion-22 {
1069
+ .emotion-0 {
1066
1070
  padding: 0 14px 14px;
1067
1071
  }
1068
1072
 
1069
- .emotion-12 {
1073
+ .emotion-1 {
1070
1074
  -webkit-align-items: center;
1071
1075
  -webkit-box-align: center;
1072
1076
  -ms-flex-align: center;
@@ -1078,13 +1082,12 @@ exports[`ListControl should render list with fields with collapse = "false" and
1078
1082
  display: flex;
1079
1083
  -webkit-box-pack: justify;
1080
1084
  -webkit-justify-content: space-between;
1081
- -ms-flex-pack: justify;
1082
1085
  justify-content: space-between;
1083
1086
  margin: 0 -14px;
1084
1087
  padding: 13px;
1085
1088
  }
1086
1089
 
1087
- .emotion-5 {
1090
+ .emotion-3 {
1088
1091
  display: -webkit-box;
1089
1092
  display: -webkit-flex;
1090
1093
  display: -ms-flexbox;
@@ -1098,7 +1101,7 @@ exports[`ListControl should render list with fields with collapse = "false" and
1098
1101
  line-height: 1;
1099
1102
  }
1100
1103
 
1101
- .emotion-3 {
1104
+ .emotion-5 {
1102
1105
  border: 0;
1103
1106
  border-radius: 5px;
1104
1107
  cursor: pointer;
@@ -1107,10 +1110,37 @@ exports[`ListControl should render list with fields with collapse = "false" and
1107
1110
  color: inherit;
1108
1111
  }
1109
1112
 
1110
- .emotion-3:last-of-type {
1113
+ .emotion-5:last-of-type {
1111
1114
  margin-right: 4px;
1112
1115
  }
1113
1116
 
1117
+ .emotion-8 {
1118
+ display: inline-block;
1119
+ line-height: 0;
1120
+ width: 18px;
1121
+ height: 18px;
1122
+ -webkit-transform: rotate(0deg);
1123
+ -moz-transform: rotate(0deg);
1124
+ -ms-transform: rotate(0deg);
1125
+ transform: rotate(0deg);
1126
+ }
1127
+
1128
+ .emotion-8 path:not(.no-fill),
1129
+ .emotion-8 circle:not(.no-fill),
1130
+ .emotion-8 polygon:not(.no-fill),
1131
+ .emotion-8 rect:not(.no-fill) {
1132
+ fill: currentColor;
1133
+ }
1134
+
1135
+ .emotion-8 path.clipped {
1136
+ fill: transparent;
1137
+ }
1138
+
1139
+ .emotion-8 svg {
1140
+ width: 100%;
1141
+ height: 100%;
1142
+ }
1143
+
1114
1144
  .emotion-10 {
1115
1145
  border: 0;
1116
1146
  border-radius: 5px;
@@ -1120,8 +1150,8 @@ exports[`ListControl should render list with fields with collapse = "false" and
1120
1150
  display: -ms-flexbox;
1121
1151
  display: flex;
1122
1152
  -webkit-box-pack: center;
1123
- -webkit-justify-content: center;
1124
1153
  -ms-flex-pack: center;
1154
+ -webkit-justify-content: center;
1125
1155
  justify-content: center;
1126
1156
  -webkit-align-items: center;
1127
1157
  -webkit-box-align: center;
@@ -1133,71 +1163,46 @@ exports[`ListControl should render list with fields with collapse = "false" and
1133
1163
  border-radius: 3px;
1134
1164
  }
1135
1165
 
1136
- .emotion-10 .emotion-0 {
1166
+ .emotion-10 .emotion-7 {
1137
1167
  margin-left: 6px;
1138
1168
  }
1139
1169
 
1140
- .emotion-8 {
1170
+ .emotion-13 {
1141
1171
  display: inline-block;
1142
1172
  line-height: 0;
1143
1173
  width: 12px;
1144
1174
  height: 12px;
1145
1175
  -webkit-transform: rotate(0deg);
1176
+ -moz-transform: rotate(0deg);
1146
1177
  -ms-transform: rotate(0deg);
1147
1178
  transform: rotate(0deg);
1148
1179
  }
1149
1180
 
1150
- .emotion-8 path:not(.no-fill),
1151
- .emotion-8 circle:not(.no-fill),
1152
- .emotion-8 polygon:not(.no-fill),
1153
- .emotion-8 rect:not(.no-fill) {
1181
+ .emotion-13 path:not(.no-fill),
1182
+ .emotion-13 circle:not(.no-fill),
1183
+ .emotion-13 polygon:not(.no-fill),
1184
+ .emotion-13 rect:not(.no-fill) {
1154
1185
  fill: currentColor;
1155
1186
  }
1156
1187
 
1157
- .emotion-8 path.clipped {
1188
+ .emotion-13 path.clipped {
1158
1189
  fill: transparent;
1159
1190
  }
1160
1191
 
1161
- .emotion-8 svg {
1192
+ .emotion-13 svg {
1162
1193
  width: 100%;
1163
1194
  height: 100%;
1164
1195
  }
1165
1196
 
1166
- .emotion-16 {
1197
+ .emotion-15 {
1167
1198
  margin-top: 18px;
1168
1199
  }
1169
1200
 
1170
- .emotion-16:first-of-type {
1201
+ .emotion-15:first-of-type {
1171
1202
  margin-top: 26px;
1172
1203
  }
1173
1204
 
1174
- .emotion-1 {
1175
- display: inline-block;
1176
- line-height: 0;
1177
- width: 18px;
1178
- height: 18px;
1179
- -webkit-transform: rotate(0deg);
1180
- -ms-transform: rotate(0deg);
1181
- transform: rotate(0deg);
1182
- }
1183
-
1184
- .emotion-1 path:not(.no-fill),
1185
- .emotion-1 circle:not(.no-fill),
1186
- .emotion-1 polygon:not(.no-fill),
1187
- .emotion-1 rect:not(.no-fill) {
1188
- fill: currentColor;
1189
- }
1190
-
1191
- .emotion-1 path.clipped {
1192
- fill: transparent;
1193
- }
1194
-
1195
- .emotion-1 svg {
1196
- width: 100%;
1197
- height: 100%;
1198
- }
1199
-
1200
- .emotion-14 {
1205
+ .emotion-17 {
1201
1206
  display: none;
1202
1207
  border-top: 0;
1203
1208
  color: inherit;
@@ -1207,21 +1212,21 @@ exports[`ListControl should render list with fields with collapse = "false" and
1207
1212
  }
1208
1213
 
1209
1214
  <div
1210
- class="classNameWrapper emotion-22"
1215
+ class="classNameWrapper emotion-0"
1211
1216
  id="forID"
1212
1217
  >
1213
1218
  <div
1214
- class="emotion-12 emotion-13"
1219
+ class="emotion-1 emotion-2"
1215
1220
  >
1216
1221
  <div
1217
- class="emotion-5 emotion-6"
1222
+ class="emotion-3 emotion-4"
1218
1223
  >
1219
1224
  <button
1220
- class="emotion-3 emotion-4"
1225
+ class="emotion-5 emotion-6"
1221
1226
  data-testid="expand-button"
1222
1227
  >
1223
1228
  <span
1224
- class="emotion-0 emotion-1 emotion-2"
1229
+ class="emotion-7 emotion-8 emotion-9"
1225
1230
  >
1226
1231
  <svg
1227
1232
  viewBox="0 0 24 24"
@@ -1239,7 +1244,7 @@ exports[`ListControl should render list with fields with collapse = "false" and
1239
1244
  >
1240
1245
  editor.editorWidgets.list.add
1241
1246
  <span
1242
- class="emotion-0 emotion-8 emotion-2"
1247
+ class="emotion-7 emotion-13 emotion-9"
1243
1248
  >
1244
1249
  <svg
1245
1250
  height="24"
@@ -1256,7 +1261,7 @@ exports[`ListControl should render list with fields with collapse = "false" and
1256
1261
  </div>
1257
1262
  <div>
1258
1263
  <div
1259
- class="emotion-16 emotion-17"
1264
+ class="emotion-15 emotion-16"
1260
1265
  >
1261
1266
  <mock-list-item-top-bar
1262
1267
  classname="css-1e1b0lr-StyledListItemTopBar e11zrb3c1"
@@ -1269,7 +1274,7 @@ exports[`ListControl should render list with fields with collapse = "false" and
1269
1274
  </button>
1270
1275
  </mock-list-item-top-bar>
1271
1276
  <div
1272
- class="emotion-14 emotion-15"
1277
+ class="emotion-17 emotion-18"
1273
1278
  >
1274
1279
  item 1
1275
1280
  </div>
@@ -1286,7 +1291,7 @@ exports[`ListControl should render list with fields with collapse = "false" and
1286
1291
  />
1287
1292
  </div>
1288
1293
  <div
1289
- class="emotion-16 emotion-17"
1294
+ class="emotion-15 emotion-16"
1290
1295
  >
1291
1296
  <mock-list-item-top-bar
1292
1297
  classname="css-1e1b0lr-StyledListItemTopBar e11zrb3c1"
@@ -1299,7 +1304,7 @@ exports[`ListControl should render list with fields with collapse = "false" and
1299
1304
  </button>
1300
1305
  </mock-list-item-top-bar>
1301
1306
  <div
1302
- class="emotion-14 emotion-15"
1307
+ class="emotion-17 emotion-18"
1303
1308
  >
1304
1309
  item 2
1305
1310
  </div>
@@ -1339,11 +1344,11 @@ exports[`ListControl should render list with fields with collapse = "false" and
1339
1344
 
1340
1345
  exports[`ListControl should render list with fields with default collapse ("true") and minimize_collapsed ("false") 1`] = `
1341
1346
  <DocumentFragment>
1342
- .emotion-22 {
1347
+ .emotion-0 {
1343
1348
  padding: 0 14px 14px;
1344
1349
  }
1345
1350
 
1346
- .emotion-12 {
1351
+ .emotion-1 {
1347
1352
  -webkit-align-items: center;
1348
1353
  -webkit-box-align: center;
1349
1354
  -ms-flex-align: center;
@@ -1355,13 +1360,12 @@ exports[`ListControl should render list with fields with default collapse ("true
1355
1360
  display: flex;
1356
1361
  -webkit-box-pack: justify;
1357
1362
  -webkit-justify-content: space-between;
1358
- -ms-flex-pack: justify;
1359
1363
  justify-content: space-between;
1360
1364
  margin: 0 -14px;
1361
1365
  padding: 13px;
1362
1366
  }
1363
1367
 
1364
- .emotion-5 {
1368
+ .emotion-3 {
1365
1369
  display: -webkit-box;
1366
1370
  display: -webkit-flex;
1367
1371
  display: -ms-flexbox;
@@ -1375,7 +1379,7 @@ exports[`ListControl should render list with fields with default collapse ("true
1375
1379
  line-height: 1;
1376
1380
  }
1377
1381
 
1378
- .emotion-3 {
1382
+ .emotion-5 {
1379
1383
  border: 0;
1380
1384
  border-radius: 5px;
1381
1385
  cursor: pointer;
@@ -1384,32 +1388,33 @@ exports[`ListControl should render list with fields with default collapse ("true
1384
1388
  color: inherit;
1385
1389
  }
1386
1390
 
1387
- .emotion-3:last-of-type {
1391
+ .emotion-5:last-of-type {
1388
1392
  margin-right: 4px;
1389
1393
  }
1390
1394
 
1391
- .emotion-1 {
1395
+ .emotion-8 {
1392
1396
  display: inline-block;
1393
1397
  line-height: 0;
1394
1398
  width: 18px;
1395
1399
  height: 18px;
1396
1400
  -webkit-transform: rotate(-90deg);
1401
+ -moz-transform: rotate(-90deg);
1397
1402
  -ms-transform: rotate(-90deg);
1398
1403
  transform: rotate(-90deg);
1399
1404
  }
1400
1405
 
1401
- .emotion-1 path:not(.no-fill),
1402
- .emotion-1 circle:not(.no-fill),
1403
- .emotion-1 polygon:not(.no-fill),
1404
- .emotion-1 rect:not(.no-fill) {
1406
+ .emotion-8 path:not(.no-fill),
1407
+ .emotion-8 circle:not(.no-fill),
1408
+ .emotion-8 polygon:not(.no-fill),
1409
+ .emotion-8 rect:not(.no-fill) {
1405
1410
  fill: currentColor;
1406
1411
  }
1407
1412
 
1408
- .emotion-1 path.clipped {
1413
+ .emotion-8 path.clipped {
1409
1414
  fill: transparent;
1410
1415
  }
1411
1416
 
1412
- .emotion-1 svg {
1417
+ .emotion-8 svg {
1413
1418
  width: 100%;
1414
1419
  height: 100%;
1415
1420
  }
@@ -1423,8 +1428,8 @@ exports[`ListControl should render list with fields with default collapse ("true
1423
1428
  display: -ms-flexbox;
1424
1429
  display: flex;
1425
1430
  -webkit-box-pack: center;
1426
- -webkit-justify-content: center;
1427
1431
  -ms-flex-pack: center;
1432
+ -webkit-justify-content: center;
1428
1433
  justify-content: center;
1429
1434
  -webkit-align-items: center;
1430
1435
  -webkit-box-align: center;
@@ -1436,45 +1441,46 @@ exports[`ListControl should render list with fields with default collapse ("true
1436
1441
  border-radius: 3px;
1437
1442
  }
1438
1443
 
1439
- .emotion-10 .emotion-0 {
1444
+ .emotion-10 .emotion-7 {
1440
1445
  margin-left: 6px;
1441
1446
  }
1442
1447
 
1443
- .emotion-8 {
1448
+ .emotion-13 {
1444
1449
  display: inline-block;
1445
1450
  line-height: 0;
1446
1451
  width: 12px;
1447
1452
  height: 12px;
1448
1453
  -webkit-transform: rotate(0deg);
1454
+ -moz-transform: rotate(0deg);
1449
1455
  -ms-transform: rotate(0deg);
1450
1456
  transform: rotate(0deg);
1451
1457
  }
1452
1458
 
1453
- .emotion-8 path:not(.no-fill),
1454
- .emotion-8 circle:not(.no-fill),
1455
- .emotion-8 polygon:not(.no-fill),
1456
- .emotion-8 rect:not(.no-fill) {
1459
+ .emotion-13 path:not(.no-fill),
1460
+ .emotion-13 circle:not(.no-fill),
1461
+ .emotion-13 polygon:not(.no-fill),
1462
+ .emotion-13 rect:not(.no-fill) {
1457
1463
  fill: currentColor;
1458
1464
  }
1459
1465
 
1460
- .emotion-8 path.clipped {
1466
+ .emotion-13 path.clipped {
1461
1467
  fill: transparent;
1462
1468
  }
1463
1469
 
1464
- .emotion-8 svg {
1470
+ .emotion-13 svg {
1465
1471
  width: 100%;
1466
1472
  height: 100%;
1467
1473
  }
1468
1474
 
1469
- .emotion-16 {
1475
+ .emotion-15 {
1470
1476
  margin-top: 18px;
1471
1477
  }
1472
1478
 
1473
- .emotion-16:first-of-type {
1479
+ .emotion-15:first-of-type {
1474
1480
  margin-top: 26px;
1475
1481
  }
1476
1482
 
1477
- .emotion-14 {
1483
+ .emotion-17 {
1478
1484
  display: block;
1479
1485
  border-top: 0;
1480
1486
  color: inherit;
@@ -1484,21 +1490,21 @@ exports[`ListControl should render list with fields with default collapse ("true
1484
1490
  }
1485
1491
 
1486
1492
  <div
1487
- class="classNameWrapper emotion-22"
1493
+ class="classNameWrapper emotion-0"
1488
1494
  id="forID"
1489
1495
  >
1490
1496
  <div
1491
- class="emotion-12 emotion-13"
1497
+ class="emotion-1 emotion-2"
1492
1498
  >
1493
1499
  <div
1494
- class="emotion-5 emotion-6"
1500
+ class="emotion-3 emotion-4"
1495
1501
  >
1496
1502
  <button
1497
- class="emotion-3 emotion-4"
1503
+ class="emotion-5 emotion-6"
1498
1504
  data-testid="expand-button"
1499
1505
  >
1500
1506
  <span
1501
- class="emotion-0 emotion-1 emotion-2"
1507
+ class="emotion-7 emotion-8 emotion-9"
1502
1508
  >
1503
1509
  <svg
1504
1510
  viewBox="0 0 24 24"
@@ -1516,7 +1522,7 @@ exports[`ListControl should render list with fields with default collapse ("true
1516
1522
  >
1517
1523
  editor.editorWidgets.list.add
1518
1524
  <span
1519
- class="emotion-0 emotion-8 emotion-2"
1525
+ class="emotion-7 emotion-13 emotion-9"
1520
1526
  >
1521
1527
  <svg
1522
1528
  height="24"
@@ -1533,7 +1539,7 @@ exports[`ListControl should render list with fields with default collapse ("true
1533
1539
  </div>
1534
1540
  <div>
1535
1541
  <div
1536
- class="emotion-16 emotion-17"
1542
+ class="emotion-15 emotion-16"
1537
1543
  >
1538
1544
  <mock-list-item-top-bar
1539
1545
  classname="css-1e1b0lr-StyledListItemTopBar e11zrb3c1"
@@ -1546,7 +1552,7 @@ exports[`ListControl should render list with fields with default collapse ("true
1546
1552
  </button>
1547
1553
  </mock-list-item-top-bar>
1548
1554
  <div
1549
- class="emotion-14 emotion-15"
1555
+ class="emotion-17 emotion-18"
1550
1556
  >
1551
1557
  item 1
1552
1558
  </div>
@@ -1563,7 +1569,7 @@ exports[`ListControl should render list with fields with default collapse ("true
1563
1569
  />
1564
1570
  </div>
1565
1571
  <div
1566
- class="emotion-16 emotion-17"
1572
+ class="emotion-15 emotion-16"
1567
1573
  >
1568
1574
  <mock-list-item-top-bar
1569
1575
  classname="css-1e1b0lr-StyledListItemTopBar e11zrb3c1"
@@ -1576,7 +1582,7 @@ exports[`ListControl should render list with fields with default collapse ("true
1576
1582
  </button>
1577
1583
  </mock-list-item-top-bar>
1578
1584
  <div
1579
- class="emotion-14 emotion-15"
1585
+ class="emotion-17 emotion-18"
1580
1586
  >
1581
1587
  item 2
1582
1588
  </div>
@@ -1616,11 +1622,11 @@ exports[`ListControl should render list with fields with default collapse ("true
1616
1622
 
1617
1623
  exports[`ListControl should render list with fields with default collapse ("true") and minimize_collapsed = "true" 1`] = `
1618
1624
  <DocumentFragment>
1619
- .emotion-14 {
1625
+ .emotion-0 {
1620
1626
  padding: 0 14px 14px;
1621
1627
  }
1622
1628
 
1623
- .emotion-12 {
1629
+ .emotion-1 {
1624
1630
  -webkit-align-items: center;
1625
1631
  -webkit-box-align: center;
1626
1632
  -ms-flex-align: center;
@@ -1632,13 +1638,12 @@ exports[`ListControl should render list with fields with default collapse ("true
1632
1638
  display: flex;
1633
1639
  -webkit-box-pack: justify;
1634
1640
  -webkit-justify-content: space-between;
1635
- -ms-flex-pack: justify;
1636
1641
  justify-content: space-between;
1637
1642
  margin: 0 -14px;
1638
1643
  padding: 13px;
1639
1644
  }
1640
1645
 
1641
- .emotion-5 {
1646
+ .emotion-3 {
1642
1647
  display: -webkit-box;
1643
1648
  display: -webkit-flex;
1644
1649
  display: -ms-flexbox;
@@ -1652,7 +1657,7 @@ exports[`ListControl should render list with fields with default collapse ("true
1652
1657
  line-height: 1;
1653
1658
  }
1654
1659
 
1655
- .emotion-3 {
1660
+ .emotion-5 {
1656
1661
  border: 0;
1657
1662
  border-radius: 5px;
1658
1663
  cursor: pointer;
@@ -1661,32 +1666,33 @@ exports[`ListControl should render list with fields with default collapse ("true
1661
1666
  color: inherit;
1662
1667
  }
1663
1668
 
1664
- .emotion-3:last-of-type {
1669
+ .emotion-5:last-of-type {
1665
1670
  margin-right: 4px;
1666
1671
  }
1667
1672
 
1668
- .emotion-1 {
1673
+ .emotion-8 {
1669
1674
  display: inline-block;
1670
1675
  line-height: 0;
1671
1676
  width: 18px;
1672
1677
  height: 18px;
1673
1678
  -webkit-transform: rotate(-90deg);
1679
+ -moz-transform: rotate(-90deg);
1674
1680
  -ms-transform: rotate(-90deg);
1675
1681
  transform: rotate(-90deg);
1676
1682
  }
1677
1683
 
1678
- .emotion-1 path:not(.no-fill),
1679
- .emotion-1 circle:not(.no-fill),
1680
- .emotion-1 polygon:not(.no-fill),
1681
- .emotion-1 rect:not(.no-fill) {
1684
+ .emotion-8 path:not(.no-fill),
1685
+ .emotion-8 circle:not(.no-fill),
1686
+ .emotion-8 polygon:not(.no-fill),
1687
+ .emotion-8 rect:not(.no-fill) {
1682
1688
  fill: currentColor;
1683
1689
  }
1684
1690
 
1685
- .emotion-1 path.clipped {
1691
+ .emotion-8 path.clipped {
1686
1692
  fill: transparent;
1687
1693
  }
1688
1694
 
1689
- .emotion-1 svg {
1695
+ .emotion-8 svg {
1690
1696
  width: 100%;
1691
1697
  height: 100%;
1692
1698
  }
@@ -1700,8 +1706,8 @@ exports[`ListControl should render list with fields with default collapse ("true
1700
1706
  display: -ms-flexbox;
1701
1707
  display: flex;
1702
1708
  -webkit-box-pack: center;
1703
- -webkit-justify-content: center;
1704
1709
  -ms-flex-pack: center;
1710
+ -webkit-justify-content: center;
1705
1711
  justify-content: center;
1706
1712
  -webkit-align-items: center;
1707
1713
  -webkit-box-align: center;
@@ -1713,52 +1719,53 @@ exports[`ListControl should render list with fields with default collapse ("true
1713
1719
  border-radius: 3px;
1714
1720
  }
1715
1721
 
1716
- .emotion-10 .emotion-0 {
1722
+ .emotion-10 .emotion-7 {
1717
1723
  margin-left: 6px;
1718
1724
  }
1719
1725
 
1720
- .emotion-8 {
1726
+ .emotion-13 {
1721
1727
  display: inline-block;
1722
1728
  line-height: 0;
1723
1729
  width: 12px;
1724
1730
  height: 12px;
1725
1731
  -webkit-transform: rotate(0deg);
1732
+ -moz-transform: rotate(0deg);
1726
1733
  -ms-transform: rotate(0deg);
1727
1734
  transform: rotate(0deg);
1728
1735
  }
1729
1736
 
1730
- .emotion-8 path:not(.no-fill),
1731
- .emotion-8 circle:not(.no-fill),
1732
- .emotion-8 polygon:not(.no-fill),
1733
- .emotion-8 rect:not(.no-fill) {
1737
+ .emotion-13 path:not(.no-fill),
1738
+ .emotion-13 circle:not(.no-fill),
1739
+ .emotion-13 polygon:not(.no-fill),
1740
+ .emotion-13 rect:not(.no-fill) {
1734
1741
  fill: currentColor;
1735
1742
  }
1736
1743
 
1737
- .emotion-8 path.clipped {
1744
+ .emotion-13 path.clipped {
1738
1745
  fill: transparent;
1739
1746
  }
1740
1747
 
1741
- .emotion-8 svg {
1748
+ .emotion-13 svg {
1742
1749
  width: 100%;
1743
1750
  height: 100%;
1744
1751
  }
1745
1752
 
1746
1753
  <div
1747
- class="classNameWrapper emotion-14"
1754
+ class="classNameWrapper emotion-0"
1748
1755
  id="forID"
1749
1756
  >
1750
1757
  <div
1751
- class="emotion-12 emotion-13"
1758
+ class="emotion-1 emotion-2"
1752
1759
  >
1753
1760
  <div
1754
- class="emotion-5 emotion-6"
1761
+ class="emotion-3 emotion-4"
1755
1762
  >
1756
1763
  <button
1757
- class="emotion-3 emotion-4"
1764
+ class="emotion-5 emotion-6"
1758
1765
  data-testid="expand-button"
1759
1766
  >
1760
1767
  <span
1761
- class="emotion-0 emotion-1 emotion-2"
1768
+ class="emotion-7 emotion-8 emotion-9"
1762
1769
  >
1763
1770
  <svg
1764
1771
  viewBox="0 0 24 24"
@@ -1776,7 +1783,7 @@ exports[`ListControl should render list with fields with default collapse ("true
1776
1783
  >
1777
1784
  editor.editorWidgets.list.add
1778
1785
  <span
1779
- class="emotion-0 emotion-8 emotion-2"
1786
+ class="emotion-7 emotion-13 emotion-9"
1780
1787
  >
1781
1788
  <svg
1782
1789
  height="24"
@@ -1797,11 +1804,11 @@ exports[`ListControl should render list with fields with default collapse ("true
1797
1804
 
1798
1805
  exports[`ListControl should render list with nested object 1`] = `
1799
1806
  <DocumentFragment>
1800
- .emotion-22 {
1807
+ .emotion-0 {
1801
1808
  padding: 0 14px 14px;
1802
1809
  }
1803
1810
 
1804
- .emotion-12 {
1811
+ .emotion-1 {
1805
1812
  -webkit-align-items: center;
1806
1813
  -webkit-box-align: center;
1807
1814
  -ms-flex-align: center;
@@ -1813,13 +1820,12 @@ exports[`ListControl should render list with nested object 1`] = `
1813
1820
  display: flex;
1814
1821
  -webkit-box-pack: justify;
1815
1822
  -webkit-justify-content: space-between;
1816
- -ms-flex-pack: justify;
1817
1823
  justify-content: space-between;
1818
1824
  margin: 0 -14px;
1819
1825
  padding: 13px;
1820
1826
  }
1821
1827
 
1822
- .emotion-5 {
1828
+ .emotion-3 {
1823
1829
  display: -webkit-box;
1824
1830
  display: -webkit-flex;
1825
1831
  display: -ms-flexbox;
@@ -1833,7 +1839,7 @@ exports[`ListControl should render list with nested object 1`] = `
1833
1839
  line-height: 1;
1834
1840
  }
1835
1841
 
1836
- .emotion-3 {
1842
+ .emotion-5 {
1837
1843
  border: 0;
1838
1844
  border-radius: 5px;
1839
1845
  cursor: pointer;
@@ -1842,32 +1848,33 @@ exports[`ListControl should render list with nested object 1`] = `
1842
1848
  color: inherit;
1843
1849
  }
1844
1850
 
1845
- .emotion-3:last-of-type {
1851
+ .emotion-5:last-of-type {
1846
1852
  margin-right: 4px;
1847
1853
  }
1848
1854
 
1849
- .emotion-1 {
1855
+ .emotion-8 {
1850
1856
  display: inline-block;
1851
1857
  line-height: 0;
1852
1858
  width: 18px;
1853
1859
  height: 18px;
1854
1860
  -webkit-transform: rotate(-90deg);
1861
+ -moz-transform: rotate(-90deg);
1855
1862
  -ms-transform: rotate(-90deg);
1856
1863
  transform: rotate(-90deg);
1857
1864
  }
1858
1865
 
1859
- .emotion-1 path:not(.no-fill),
1860
- .emotion-1 circle:not(.no-fill),
1861
- .emotion-1 polygon:not(.no-fill),
1862
- .emotion-1 rect:not(.no-fill) {
1866
+ .emotion-8 path:not(.no-fill),
1867
+ .emotion-8 circle:not(.no-fill),
1868
+ .emotion-8 polygon:not(.no-fill),
1869
+ .emotion-8 rect:not(.no-fill) {
1863
1870
  fill: currentColor;
1864
1871
  }
1865
1872
 
1866
- .emotion-1 path.clipped {
1873
+ .emotion-8 path.clipped {
1867
1874
  fill: transparent;
1868
1875
  }
1869
1876
 
1870
- .emotion-1 svg {
1877
+ .emotion-8 svg {
1871
1878
  width: 100%;
1872
1879
  height: 100%;
1873
1880
  }
@@ -1881,8 +1888,8 @@ exports[`ListControl should render list with nested object 1`] = `
1881
1888
  display: -ms-flexbox;
1882
1889
  display: flex;
1883
1890
  -webkit-box-pack: center;
1884
- -webkit-justify-content: center;
1885
1891
  -ms-flex-pack: center;
1892
+ -webkit-justify-content: center;
1886
1893
  justify-content: center;
1887
1894
  -webkit-align-items: center;
1888
1895
  -webkit-box-align: center;
@@ -1894,45 +1901,46 @@ exports[`ListControl should render list with nested object 1`] = `
1894
1901
  border-radius: 3px;
1895
1902
  }
1896
1903
 
1897
- .emotion-10 .emotion-0 {
1904
+ .emotion-10 .emotion-7 {
1898
1905
  margin-left: 6px;
1899
1906
  }
1900
1907
 
1901
- .emotion-8 {
1908
+ .emotion-13 {
1902
1909
  display: inline-block;
1903
1910
  line-height: 0;
1904
1911
  width: 12px;
1905
1912
  height: 12px;
1906
1913
  -webkit-transform: rotate(0deg);
1914
+ -moz-transform: rotate(0deg);
1907
1915
  -ms-transform: rotate(0deg);
1908
1916
  transform: rotate(0deg);
1909
1917
  }
1910
1918
 
1911
- .emotion-8 path:not(.no-fill),
1912
- .emotion-8 circle:not(.no-fill),
1913
- .emotion-8 polygon:not(.no-fill),
1914
- .emotion-8 rect:not(.no-fill) {
1919
+ .emotion-13 path:not(.no-fill),
1920
+ .emotion-13 circle:not(.no-fill),
1921
+ .emotion-13 polygon:not(.no-fill),
1922
+ .emotion-13 rect:not(.no-fill) {
1915
1923
  fill: currentColor;
1916
1924
  }
1917
1925
 
1918
- .emotion-8 path.clipped {
1926
+ .emotion-13 path.clipped {
1919
1927
  fill: transparent;
1920
1928
  }
1921
1929
 
1922
- .emotion-8 svg {
1930
+ .emotion-13 svg {
1923
1931
  width: 100%;
1924
1932
  height: 100%;
1925
1933
  }
1926
1934
 
1927
- .emotion-16 {
1935
+ .emotion-15 {
1928
1936
  margin-top: 18px;
1929
1937
  }
1930
1938
 
1931
- .emotion-16:first-of-type {
1939
+ .emotion-15:first-of-type {
1932
1940
  margin-top: 26px;
1933
1941
  }
1934
1942
 
1935
- .emotion-14 {
1943
+ .emotion-17 {
1936
1944
  display: block;
1937
1945
  border-top: 0;
1938
1946
  color: inherit;
@@ -1942,21 +1950,21 @@ exports[`ListControl should render list with nested object 1`] = `
1942
1950
  }
1943
1951
 
1944
1952
  <div
1945
- class="classNameWrapper emotion-22"
1953
+ class="classNameWrapper emotion-0"
1946
1954
  id="forID"
1947
1955
  >
1948
1956
  <div
1949
- class="emotion-12 emotion-13"
1957
+ class="emotion-1 emotion-2"
1950
1958
  >
1951
1959
  <div
1952
- class="emotion-5 emotion-6"
1960
+ class="emotion-3 emotion-4"
1953
1961
  >
1954
1962
  <button
1955
- class="emotion-3 emotion-4"
1963
+ class="emotion-5 emotion-6"
1956
1964
  data-testid="expand-button"
1957
1965
  >
1958
1966
  <span
1959
- class="emotion-0 emotion-1 emotion-2"
1967
+ class="emotion-7 emotion-8 emotion-9"
1960
1968
  >
1961
1969
  <svg
1962
1970
  viewBox="0 0 24 24"
@@ -1974,7 +1982,7 @@ exports[`ListControl should render list with nested object 1`] = `
1974
1982
  >
1975
1983
  editor.editorWidgets.list.add
1976
1984
  <span
1977
- class="emotion-0 emotion-8 emotion-2"
1985
+ class="emotion-7 emotion-13 emotion-9"
1978
1986
  >
1979
1987
  <svg
1980
1988
  height="24"
@@ -1991,7 +1999,7 @@ exports[`ListControl should render list with nested object 1`] = `
1991
1999
  </div>
1992
2000
  <div>
1993
2001
  <div
1994
- class="emotion-16 emotion-17"
2002
+ class="emotion-15 emotion-16"
1995
2003
  >
1996
2004
  <mock-list-item-top-bar
1997
2005
  classname="css-1e1b0lr-StyledListItemTopBar e11zrb3c1"
@@ -2004,7 +2012,7 @@ exports[`ListControl should render list with nested object 1`] = `
2004
2012
  </button>
2005
2013
  </mock-list-item-top-bar>
2006
2014
  <div
2007
- class="emotion-14 emotion-15"
2015
+ class="emotion-17 emotion-18"
2008
2016
  >
2009
2017
  Object
2010
2018
  </div>
@@ -2021,7 +2029,7 @@ exports[`ListControl should render list with nested object 1`] = `
2021
2029
  />
2022
2030
  </div>
2023
2031
  <div
2024
- class="emotion-16 emotion-17"
2032
+ class="emotion-15 emotion-16"
2025
2033
  >
2026
2034
  <mock-list-item-top-bar
2027
2035
  classname="css-1e1b0lr-StyledListItemTopBar e11zrb3c1"
@@ -2034,7 +2042,7 @@ exports[`ListControl should render list with nested object 1`] = `
2034
2042
  </button>
2035
2043
  </mock-list-item-top-bar>
2036
2044
  <div
2037
- class="emotion-14 emotion-15"
2045
+ class="emotion-17 emotion-18"
2038
2046
  >
2039
2047
  Object
2040
2048
  </div>
@@ -2074,11 +2082,11 @@ exports[`ListControl should render list with nested object 1`] = `
2074
2082
 
2075
2083
  exports[`ListControl should render list with nested object with collapse = false 1`] = `
2076
2084
  <DocumentFragment>
2077
- .emotion-22 {
2085
+ .emotion-0 {
2078
2086
  padding: 0 14px 14px;
2079
2087
  }
2080
2088
 
2081
- .emotion-12 {
2089
+ .emotion-1 {
2082
2090
  -webkit-align-items: center;
2083
2091
  -webkit-box-align: center;
2084
2092
  -ms-flex-align: center;
@@ -2090,13 +2098,12 @@ exports[`ListControl should render list with nested object with collapse = false
2090
2098
  display: flex;
2091
2099
  -webkit-box-pack: justify;
2092
2100
  -webkit-justify-content: space-between;
2093
- -ms-flex-pack: justify;
2094
2101
  justify-content: space-between;
2095
2102
  margin: 0 -14px;
2096
2103
  padding: 13px;
2097
2104
  }
2098
2105
 
2099
- .emotion-5 {
2106
+ .emotion-3 {
2100
2107
  display: -webkit-box;
2101
2108
  display: -webkit-flex;
2102
2109
  display: -ms-flexbox;
@@ -2110,7 +2117,7 @@ exports[`ListControl should render list with nested object with collapse = false
2110
2117
  line-height: 1;
2111
2118
  }
2112
2119
 
2113
- .emotion-3 {
2120
+ .emotion-5 {
2114
2121
  border: 0;
2115
2122
  border-radius: 5px;
2116
2123
  cursor: pointer;
@@ -2119,10 +2126,37 @@ exports[`ListControl should render list with nested object with collapse = false
2119
2126
  color: inherit;
2120
2127
  }
2121
2128
 
2122
- .emotion-3:last-of-type {
2129
+ .emotion-5:last-of-type {
2123
2130
  margin-right: 4px;
2124
2131
  }
2125
2132
 
2133
+ .emotion-8 {
2134
+ display: inline-block;
2135
+ line-height: 0;
2136
+ width: 18px;
2137
+ height: 18px;
2138
+ -webkit-transform: rotate(0deg);
2139
+ -moz-transform: rotate(0deg);
2140
+ -ms-transform: rotate(0deg);
2141
+ transform: rotate(0deg);
2142
+ }
2143
+
2144
+ .emotion-8 path:not(.no-fill),
2145
+ .emotion-8 circle:not(.no-fill),
2146
+ .emotion-8 polygon:not(.no-fill),
2147
+ .emotion-8 rect:not(.no-fill) {
2148
+ fill: currentColor;
2149
+ }
2150
+
2151
+ .emotion-8 path.clipped {
2152
+ fill: transparent;
2153
+ }
2154
+
2155
+ .emotion-8 svg {
2156
+ width: 100%;
2157
+ height: 100%;
2158
+ }
2159
+
2126
2160
  .emotion-10 {
2127
2161
  border: 0;
2128
2162
  border-radius: 5px;
@@ -2132,8 +2166,8 @@ exports[`ListControl should render list with nested object with collapse = false
2132
2166
  display: -ms-flexbox;
2133
2167
  display: flex;
2134
2168
  -webkit-box-pack: center;
2135
- -webkit-justify-content: center;
2136
2169
  -ms-flex-pack: center;
2170
+ -webkit-justify-content: center;
2137
2171
  justify-content: center;
2138
2172
  -webkit-align-items: center;
2139
2173
  -webkit-box-align: center;
@@ -2145,71 +2179,46 @@ exports[`ListControl should render list with nested object with collapse = false
2145
2179
  border-radius: 3px;
2146
2180
  }
2147
2181
 
2148
- .emotion-10 .emotion-0 {
2182
+ .emotion-10 .emotion-7 {
2149
2183
  margin-left: 6px;
2150
2184
  }
2151
2185
 
2152
- .emotion-8 {
2186
+ .emotion-13 {
2153
2187
  display: inline-block;
2154
2188
  line-height: 0;
2155
2189
  width: 12px;
2156
2190
  height: 12px;
2157
2191
  -webkit-transform: rotate(0deg);
2192
+ -moz-transform: rotate(0deg);
2158
2193
  -ms-transform: rotate(0deg);
2159
2194
  transform: rotate(0deg);
2160
2195
  }
2161
2196
 
2162
- .emotion-8 path:not(.no-fill),
2163
- .emotion-8 circle:not(.no-fill),
2164
- .emotion-8 polygon:not(.no-fill),
2165
- .emotion-8 rect:not(.no-fill) {
2197
+ .emotion-13 path:not(.no-fill),
2198
+ .emotion-13 circle:not(.no-fill),
2199
+ .emotion-13 polygon:not(.no-fill),
2200
+ .emotion-13 rect:not(.no-fill) {
2166
2201
  fill: currentColor;
2167
2202
  }
2168
2203
 
2169
- .emotion-8 path.clipped {
2204
+ .emotion-13 path.clipped {
2170
2205
  fill: transparent;
2171
2206
  }
2172
2207
 
2173
- .emotion-8 svg {
2208
+ .emotion-13 svg {
2174
2209
  width: 100%;
2175
2210
  height: 100%;
2176
2211
  }
2177
2212
 
2178
- .emotion-16 {
2213
+ .emotion-15 {
2179
2214
  margin-top: 18px;
2180
2215
  }
2181
2216
 
2182
- .emotion-16:first-of-type {
2217
+ .emotion-15:first-of-type {
2183
2218
  margin-top: 26px;
2184
2219
  }
2185
2220
 
2186
- .emotion-1 {
2187
- display: inline-block;
2188
- line-height: 0;
2189
- width: 18px;
2190
- height: 18px;
2191
- -webkit-transform: rotate(0deg);
2192
- -ms-transform: rotate(0deg);
2193
- transform: rotate(0deg);
2194
- }
2195
-
2196
- .emotion-1 path:not(.no-fill),
2197
- .emotion-1 circle:not(.no-fill),
2198
- .emotion-1 polygon:not(.no-fill),
2199
- .emotion-1 rect:not(.no-fill) {
2200
- fill: currentColor;
2201
- }
2202
-
2203
- .emotion-1 path.clipped {
2204
- fill: transparent;
2205
- }
2206
-
2207
- .emotion-1 svg {
2208
- width: 100%;
2209
- height: 100%;
2210
- }
2211
-
2212
- .emotion-14 {
2221
+ .emotion-17 {
2213
2222
  display: none;
2214
2223
  border-top: 0;
2215
2224
  color: inherit;
@@ -2219,21 +2228,21 @@ exports[`ListControl should render list with nested object with collapse = false
2219
2228
  }
2220
2229
 
2221
2230
  <div
2222
- class="classNameWrapper emotion-22"
2231
+ class="classNameWrapper emotion-0"
2223
2232
  id="forID"
2224
2233
  >
2225
2234
  <div
2226
- class="emotion-12 emotion-13"
2235
+ class="emotion-1 emotion-2"
2227
2236
  >
2228
2237
  <div
2229
- class="emotion-5 emotion-6"
2238
+ class="emotion-3 emotion-4"
2230
2239
  >
2231
2240
  <button
2232
- class="emotion-3 emotion-4"
2241
+ class="emotion-5 emotion-6"
2233
2242
  data-testid="expand-button"
2234
2243
  >
2235
2244
  <span
2236
- class="emotion-0 emotion-1 emotion-2"
2245
+ class="emotion-7 emotion-8 emotion-9"
2237
2246
  >
2238
2247
  <svg
2239
2248
  viewBox="0 0 24 24"
@@ -2251,7 +2260,7 @@ exports[`ListControl should render list with nested object with collapse = false
2251
2260
  >
2252
2261
  editor.editorWidgets.list.add
2253
2262
  <span
2254
- class="emotion-0 emotion-8 emotion-2"
2263
+ class="emotion-7 emotion-13 emotion-9"
2255
2264
  >
2256
2265
  <svg
2257
2266
  height="24"
@@ -2268,7 +2277,7 @@ exports[`ListControl should render list with nested object with collapse = false
2268
2277
  </div>
2269
2278
  <div>
2270
2279
  <div
2271
- class="emotion-16 emotion-17"
2280
+ class="emotion-15 emotion-16"
2272
2281
  >
2273
2282
  <mock-list-item-top-bar
2274
2283
  classname="css-1e1b0lr-StyledListItemTopBar e11zrb3c1"
@@ -2281,7 +2290,7 @@ exports[`ListControl should render list with nested object with collapse = false
2281
2290
  </button>
2282
2291
  </mock-list-item-top-bar>
2283
2292
  <div
2284
- class="emotion-14 emotion-15"
2293
+ class="emotion-17 emotion-18"
2285
2294
  >
2286
2295
  Object
2287
2296
  </div>
@@ -2298,7 +2307,7 @@ exports[`ListControl should render list with nested object with collapse = false
2298
2307
  />
2299
2308
  </div>
2300
2309
  <div
2301
- class="emotion-16 emotion-17"
2310
+ class="emotion-15 emotion-16"
2302
2311
  >
2303
2312
  <mock-list-item-top-bar
2304
2313
  classname="css-1e1b0lr-StyledListItemTopBar e11zrb3c1"
@@ -2311,7 +2320,7 @@ exports[`ListControl should render list with nested object with collapse = false
2311
2320
  </button>
2312
2321
  </mock-list-item-top-bar>
2313
2322
  <div
2314
- class="emotion-14 emotion-15"
2323
+ class="emotion-17 emotion-18"
2315
2324
  >
2316
2325
  Object
2317
2326
  </div>