@narmi/design_system 3.48.0-beta.1 → 3.48.0-beta.2

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 (36) hide show
  1. package/README.md +4 -4
  2. package/package.json +1 -1
  3. package/dist/deprecations.json +0 -16
  4. package/dist/docs/Formatters.md +0 -55
  5. package/dist/docs/classManifest.json +0 -1342
  6. package/dist/fonts/8b53d5067b416b155cc8.woff +0 -0
  7. package/dist/fonts/d819207ee2e092cc2735.woff2 +0 -0
  8. package/dist/icons/Icons.stories.jsx +0 -74
  9. package/dist/icons/README.md +0 -29
  10. package/dist/icons/compat-icons.json +0 -327
  11. package/dist/icons/fonts/icomoon.svg +0 -343
  12. package/dist/icons/fonts/icomoon.ttf +0 -0
  13. package/dist/icons/fonts/icomoon.woff +0 -0
  14. package/dist/icons/fonts/icomoon.woff2 +0 -0
  15. package/dist/icons/selection.json +0 -1
  16. package/dist/icons/style.css +0 -1037
  17. package/dist/index.js +0 -3
  18. package/dist/index.js.LICENSE.txt +0 -34
  19. package/dist/index.js.map +0 -1
  20. package/dist/style.css +0 -2122
  21. package/dist/style.css.map +0 -1
  22. package/dist/tokens/css/rgbColors.css +0 -38
  23. package/dist/tokens/css/tokens.css +0 -146
  24. package/dist/tokens/js/colors.js +0 -98
  25. package/dist/tokens/js/manifest.js +0 -2688
  26. package/dist/tokens/js/reactNativeWeb.js +0 -190
  27. package/dist/types/SeparatorList/index.d.ts +0 -13
  28. package/dist/types/SeparatorList/index.d.ts.map +0 -1
  29. package/dist/types/Slider/Thumbs.d.ts +0 -3
  30. package/dist/types/Slider/Thumbs.d.ts.map +0 -1
  31. package/dist/types/Slider/index.d.ts +0 -30
  32. package/dist/types/Slider/index.d.ts.map +0 -1
  33. package/dist/types/index.d.ts +0 -5
  34. package/dist/types/index.d.ts.map +0 -1
  35. package/dist/types/types/Icon.types.d.ts +0 -5
  36. package/dist/types/types/Icon.types.d.ts.map +0 -1
@@ -1,1342 +0,0 @@
1
- {
2
- "bgColor": [
3
- {
4
- "className": "bgColor--blueGrey",
5
- "base": "bgColor",
6
- "variant1": "blueGrey"
7
- },
8
- {
9
- "className": "bgColor--cloudGrey",
10
- "base": "bgColor",
11
- "variant1": "cloudGrey"
12
- },
13
- {
14
- "className": "bgColor--neutralGrey",
15
- "base": "bgColor",
16
- "variant1": "neutralGrey"
17
- },
18
- {
19
- "className": "bgColor--smokeGrey",
20
- "base": "bgColor",
21
- "variant1": "smokeGrey"
22
- },
23
- {
24
- "className": "bgColor--snowGrey",
25
- "base": "bgColor",
26
- "variant1": "snowGrey"
27
- },
28
- {
29
- "className": "bgColor--white",
30
- "base": "bgColor",
31
- "variant1": "white"
32
- },
33
- {
34
- "className": "bgColor--moss",
35
- "base": "bgColor",
36
- "variant1": "moss"
37
- },
38
- {
39
- "className": "bgColor--pine",
40
- "base": "bgColor",
41
- "variant1": "pine"
42
- },
43
- {
44
- "className": "bgColor--cove",
45
- "base": "bgColor",
46
- "variant1": "cove"
47
- },
48
- {
49
- "className": "bgColor--azul",
50
- "base": "bgColor",
51
- "variant1": "azul"
52
- },
53
- {
54
- "className": "bgColor--pistachio",
55
- "base": "bgColor",
56
- "variant1": "pistachio"
57
- },
58
- {
59
- "className": "bgColor--cactus",
60
- "base": "bgColor",
61
- "variant1": "cactus"
62
- },
63
- {
64
- "className": "bgColor--sand",
65
- "base": "bgColor",
66
- "variant1": "sand"
67
- },
68
- {
69
- "className": "bgColor--success",
70
- "base": "bgColor",
71
- "variant1": "success"
72
- },
73
- {
74
- "className": "bgColor--warn",
75
- "base": "bgColor",
76
- "variant1": "warn"
77
- },
78
- {
79
- "className": "bgColor--error",
80
- "base": "bgColor",
81
- "variant1": "error"
82
- },
83
- {
84
- "className": "bgColor--theme--primary",
85
- "base": "bgColor",
86
- "variant1": "theme",
87
- "variant2": "primary"
88
- },
89
- {
90
- "className": "bgColor--theme--secondary",
91
- "base": "bgColor",
92
- "variant1": "theme",
93
- "variant2": "secondary"
94
- },
95
- {
96
- "className": "bgColor--theme--tertiary",
97
- "base": "bgColor",
98
- "variant1": "theme",
99
- "variant2": "tertiary"
100
- }
101
- ],
102
- "scrim": [
103
- {
104
- "className": "scrim--light",
105
- "base": "scrim",
106
- "variant1": "light"
107
- },
108
- {
109
- "className": "scrim--dark",
110
- "base": "scrim",
111
- "variant1": "dark"
112
- }
113
- ],
114
- "border": [
115
- {
116
- "className": "border--all",
117
- "base": "border",
118
- "variant1": "all"
119
- },
120
- {
121
- "className": "border--top",
122
- "base": "border",
123
- "variant1": "top"
124
- },
125
- {
126
- "className": "border--right",
127
- "base": "border",
128
- "variant1": "right"
129
- },
130
- {
131
- "className": "border--bottom",
132
- "base": "border",
133
- "variant1": "bottom"
134
- },
135
- {
136
- "className": "border--left",
137
- "base": "border",
138
- "variant1": "left"
139
- }
140
- ],
141
- "rounded": [
142
- {
143
- "className": "rounded--all",
144
- "base": "rounded",
145
- "variant1": "all"
146
- },
147
- {
148
- "className": "rounded--top",
149
- "base": "rounded",
150
- "variant1": "top"
151
- },
152
- {
153
- "className": "rounded--right",
154
- "base": "rounded",
155
- "variant1": "right"
156
- },
157
- {
158
- "className": "rounded--bottom",
159
- "base": "rounded",
160
- "variant1": "bottom"
161
- },
162
- {
163
- "className": "rounded--left",
164
- "base": "rounded",
165
- "variant1": "left"
166
- },
167
- {
168
- "className": "rounded--all--s",
169
- "base": "rounded",
170
- "variant1": "all",
171
- "variant2": "s"
172
- },
173
- {
174
- "className": "rounded--top--s",
175
- "base": "rounded",
176
- "variant1": "top",
177
- "variant2": "s"
178
- },
179
- {
180
- "className": "rounded--right--s",
181
- "base": "rounded",
182
- "variant1": "right",
183
- "variant2": "s"
184
- },
185
- {
186
- "className": "rounded--bottom--s",
187
- "base": "rounded",
188
- "variant1": "bottom",
189
- "variant2": "s"
190
- },
191
- {
192
- "className": "rounded--left--s",
193
- "base": "rounded",
194
- "variant1": "left",
195
- "variant2": "s"
196
- },
197
- {
198
- "className": "rounded--all--m",
199
- "base": "rounded",
200
- "variant1": "all",
201
- "variant2": "m"
202
- },
203
- {
204
- "className": "rounded--top--m",
205
- "base": "rounded",
206
- "variant1": "top",
207
- "variant2": "m"
208
- },
209
- {
210
- "className": "rounded--right--m",
211
- "base": "rounded",
212
- "variant1": "right",
213
- "variant2": "m"
214
- },
215
- {
216
- "className": "rounded--bottom--m",
217
- "base": "rounded",
218
- "variant1": "bottom",
219
- "variant2": "m"
220
- },
221
- {
222
- "className": "rounded--left--m",
223
- "base": "rounded",
224
- "variant1": "left",
225
- "variant2": "m"
226
- },
227
- {
228
- "className": "rounded--all--l",
229
- "base": "rounded",
230
- "variant1": "all",
231
- "variant2": "l"
232
- },
233
- {
234
- "className": "rounded--top--l",
235
- "base": "rounded",
236
- "variant1": "top",
237
- "variant2": "l"
238
- },
239
- {
240
- "className": "rounded--right--l",
241
- "base": "rounded",
242
- "variant1": "right",
243
- "variant2": "l"
244
- },
245
- {
246
- "className": "rounded--bottom--l",
247
- "base": "rounded",
248
- "variant1": "bottom",
249
- "variant2": "l"
250
- },
251
- {
252
- "className": "rounded--left--l",
253
- "base": "rounded",
254
- "variant1": "left",
255
- "variant2": "l"
256
- }
257
- ],
258
- "fontColor": [
259
- {
260
- "className": "fontColor--heading",
261
- "base": "fontColor",
262
- "variant1": "heading"
263
- },
264
- {
265
- "className": "fontColor--primary",
266
- "base": "fontColor",
267
- "variant1": "primary"
268
- },
269
- {
270
- "className": "fontColor--secondary",
271
- "base": "fontColor",
272
- "variant1": "secondary"
273
- },
274
- {
275
- "className": "fontColor--hint",
276
- "base": "fontColor",
277
- "variant1": "hint"
278
- },
279
- {
280
- "className": "fontColor--default",
281
- "base": "fontColor",
282
- "variant1": "default"
283
- },
284
- {
285
- "className": "fontColor--moss",
286
- "base": "fontColor",
287
- "variant1": "moss"
288
- },
289
- {
290
- "className": "fontColor--pine",
291
- "base": "fontColor",
292
- "variant1": "pine"
293
- },
294
- {
295
- "className": "fontColor--cove",
296
- "base": "fontColor",
297
- "variant1": "cove"
298
- },
299
- {
300
- "className": "fontColor--azul",
301
- "base": "fontColor",
302
- "variant1": "azul"
303
- },
304
- {
305
- "className": "fontColor--pistachio",
306
- "base": "fontColor",
307
- "variant1": "pistachio"
308
- },
309
- {
310
- "className": "fontColor--cactus",
311
- "base": "fontColor",
312
- "variant1": "cactus"
313
- },
314
- {
315
- "className": "fontColor--sand",
316
- "base": "fontColor",
317
- "variant1": "sand"
318
- },
319
- {
320
- "className": "fontColor--white",
321
- "base": "fontColor",
322
- "variant1": "white"
323
- },
324
- {
325
- "className": "fontColor--theme--primary",
326
- "base": "fontColor",
327
- "variant1": "theme",
328
- "variant2": "primary"
329
- },
330
- {
331
- "className": "fontColor--theme--secondary",
332
- "base": "fontColor",
333
- "variant1": "theme",
334
- "variant2": "secondary"
335
- },
336
- {
337
- "className": "fontColor--theme--tertiary",
338
- "base": "fontColor",
339
- "variant1": "theme",
340
- "variant2": "tertiary"
341
- },
342
- {
343
- "className": "fontColor--success",
344
- "base": "fontColor",
345
- "variant1": "success"
346
- },
347
- {
348
- "className": "fontColor--warn",
349
- "base": "fontColor",
350
- "variant1": "warn"
351
- },
352
- {
353
- "className": "fontColor--error",
354
- "base": "fontColor",
355
- "variant1": "error"
356
- }
357
- ],
358
- "fontSize": [
359
- {
360
- "className": "fontSize--xxs",
361
- "base": "fontSize",
362
- "variant1": "xxs"
363
- },
364
- {
365
- "className": "fontSize--xs",
366
- "base": "fontSize",
367
- "variant1": "xs"
368
- },
369
- {
370
- "className": "fontSize--s",
371
- "base": "fontSize",
372
- "variant1": "s"
373
- },
374
- {
375
- "className": "fontSize--m",
376
- "base": "fontSize",
377
- "variant1": "m"
378
- },
379
- {
380
- "className": "fontSize--l",
381
- "base": "fontSize",
382
- "variant1": "l"
383
- },
384
- {
385
- "className": "fontSize--heading0",
386
- "base": "fontSize",
387
- "variant1": "heading0"
388
- },
389
- {
390
- "className": "fontSize--heading1",
391
- "base": "fontSize",
392
- "variant1": "heading1"
393
- },
394
- {
395
- "className": "fontSize--heading2",
396
- "base": "fontSize",
397
- "variant1": "heading2"
398
- },
399
- {
400
- "className": "fontSize--heading3",
401
- "base": "fontSize",
402
- "variant1": "heading3"
403
- },
404
- {
405
- "className": "fontSize--default",
406
- "base": "fontSize",
407
- "variant1": "default"
408
- }
409
- ],
410
- "fontFamily": [
411
- {
412
- "className": "fontFamily--heading",
413
- "base": "fontFamily",
414
- "variant1": "heading"
415
- },
416
- {
417
- "className": "fontFamily--body",
418
- "base": "fontFamily",
419
- "variant1": "body"
420
- },
421
- {
422
- "className": "fontFamily--default",
423
- "base": "fontFamily",
424
- "variant1": "default"
425
- }
426
- ],
427
- "fontWeight": [
428
- {
429
- "className": "fontWeight--thin",
430
- "base": "fontWeight",
431
- "variant1": "thin"
432
- },
433
- {
434
- "className": "fontWeight--normal",
435
- "base": "fontWeight",
436
- "variant1": "normal"
437
- },
438
- {
439
- "className": "fontWeight--semibold",
440
- "base": "fontWeight",
441
- "variant1": "semibold"
442
- },
443
- {
444
- "className": "fontWeight--bold",
445
- "base": "fontWeight",
446
- "variant1": "bold"
447
- },
448
- {
449
- "className": "fontWeight--default",
450
- "base": "fontWeight",
451
- "variant1": "default"
452
- }
453
- ],
454
- "whiteSpace": [
455
- {
456
- "className": "whiteSpace--singleLine",
457
- "base": "whiteSpace",
458
- "variant1": "singleLine"
459
- },
460
- {
461
- "className": "whiteSpace--truncate",
462
- "base": "whiteSpace",
463
- "variant1": "truncate"
464
- },
465
- {
466
- "className": "whiteSpace--truncate--multiLine--4",
467
- "base": "whiteSpace",
468
- "variant1": "truncate",
469
- "variant2": "multiLine"
470
- },
471
- {
472
- "className": "whiteSpace--truncate--multiLine--3",
473
- "base": "whiteSpace",
474
- "variant1": "truncate",
475
- "variant2": "multiLine"
476
- },
477
- {
478
- "className": "whiteSpace--truncate--multiLine--2",
479
- "base": "whiteSpace",
480
- "variant1": "truncate",
481
- "variant2": "multiLine"
482
- }
483
- ],
484
- "button": [
485
- {
486
- "className": "button--reset",
487
- "base": "button",
488
- "variant1": "reset"
489
- }
490
- ],
491
- "list": [
492
- {
493
- "className": "list--reset",
494
- "base": "list",
495
- "variant1": "reset"
496
- }
497
- ],
498
- "alignChild": [
499
- {
500
- "className": "alignChild--left--top",
501
- "base": "alignChild",
502
- "variant1": "left",
503
- "variant2": "top"
504
- },
505
- {
506
- "className": "alignChild--left--center",
507
- "base": "alignChild",
508
- "variant1": "left",
509
- "variant2": "center"
510
- },
511
- {
512
- "className": "alignChild--left--bottom",
513
- "base": "alignChild",
514
- "variant1": "left",
515
- "variant2": "bottom"
516
- },
517
- {
518
- "className": "alignChild--center--top",
519
- "base": "alignChild",
520
- "variant1": "center",
521
- "variant2": "top"
522
- },
523
- {
524
- "className": "alignChild--center--center",
525
- "base": "alignChild",
526
- "variant1": "center",
527
- "variant2": "center"
528
- },
529
- {
530
- "className": "alignChild--center--bottom",
531
- "base": "alignChild",
532
- "variant1": "center",
533
- "variant2": "bottom"
534
- },
535
- {
536
- "className": "alignChild--right--top",
537
- "base": "alignChild",
538
- "variant1": "right",
539
- "variant2": "top"
540
- },
541
- {
542
- "className": "alignChild--right--center",
543
- "base": "alignChild",
544
- "variant1": "right",
545
- "variant2": "center"
546
- },
547
- {
548
- "className": "alignChild--right--bottom",
549
- "base": "alignChild",
550
- "variant1": "right",
551
- "variant2": "bottom"
552
- }
553
- ],
554
- "rotate": [
555
- {
556
- "className": "rotate--45",
557
- "base": "rotate",
558
- "variant1": "45"
559
- },
560
- {
561
- "className": "rotate--90",
562
- "base": "rotate",
563
- "variant1": "90"
564
- },
565
- {
566
- "className": "rotate--180",
567
- "base": "rotate",
568
- "variant1": "180"
569
- },
570
- {
571
- "className": "rotate--225",
572
- "base": "rotate",
573
- "variant1": "225"
574
- },
575
- {
576
- "className": "rotate--270",
577
- "base": "rotate",
578
- "variant1": "270"
579
- },
580
- {
581
- "className": "rotate--315",
582
- "base": "rotate",
583
- "variant1": "315"
584
- }
585
- ],
586
- "overflow": [
587
- {
588
- "className": "overflow--hidden",
589
- "base": "overflow",
590
- "variant1": "hidden"
591
- },
592
- {
593
- "className": "overflow--scroll",
594
- "base": "overflow",
595
- "variant1": "scroll"
596
- }
597
- ],
598
- "padding": [
599
- {
600
- "className": "padding--all",
601
- "base": "padding",
602
- "variant1": "all"
603
- },
604
- {
605
- "className": "padding--none",
606
- "base": "padding",
607
- "variant1": "none"
608
- },
609
- {
610
- "className": "padding--x",
611
- "base": "padding",
612
- "variant1": "x"
613
- },
614
- {
615
- "className": "padding--y",
616
- "base": "padding",
617
- "variant1": "y"
618
- },
619
- {
620
- "className": "padding--x--none",
621
- "base": "padding",
622
- "variant1": "x",
623
- "variant2": "none"
624
- },
625
- {
626
- "className": "padding--y--none",
627
- "base": "padding",
628
- "variant1": "y",
629
- "variant2": "none"
630
- },
631
- {
632
- "className": "padding--top",
633
- "base": "padding",
634
- "variant1": "top"
635
- },
636
- {
637
- "className": "padding--top--none",
638
- "base": "padding",
639
- "variant1": "top",
640
- "variant2": "none"
641
- },
642
- {
643
- "className": "padding--top--xxs",
644
- "base": "padding",
645
- "variant1": "top",
646
- "variant2": "xxs"
647
- },
648
- {
649
- "className": "padding--all--xxs",
650
- "base": "padding",
651
- "variant1": "all",
652
- "variant2": "xxs"
653
- },
654
- {
655
- "className": "padding--top--xs",
656
- "base": "padding",
657
- "variant1": "top",
658
- "variant2": "xs"
659
- },
660
- {
661
- "className": "padding--all--xs",
662
- "base": "padding",
663
- "variant1": "all",
664
- "variant2": "xs"
665
- },
666
- {
667
- "className": "padding--top--s",
668
- "base": "padding",
669
- "variant1": "top",
670
- "variant2": "s"
671
- },
672
- {
673
- "className": "padding--all--s",
674
- "base": "padding",
675
- "variant1": "all",
676
- "variant2": "s"
677
- },
678
- {
679
- "className": "padding--top--m",
680
- "base": "padding",
681
- "variant1": "top",
682
- "variant2": "m"
683
- },
684
- {
685
- "className": "padding--all--m",
686
- "base": "padding",
687
- "variant1": "all",
688
- "variant2": "m"
689
- },
690
- {
691
- "className": "padding--top--l",
692
- "base": "padding",
693
- "variant1": "top",
694
- "variant2": "l"
695
- },
696
- {
697
- "className": "padding--all--l",
698
- "base": "padding",
699
- "variant1": "all",
700
- "variant2": "l"
701
- },
702
- {
703
- "className": "padding--top--xl",
704
- "base": "padding",
705
- "variant1": "top",
706
- "variant2": "xl"
707
- },
708
- {
709
- "className": "padding--all--xl",
710
- "base": "padding",
711
- "variant1": "all",
712
- "variant2": "xl"
713
- },
714
- {
715
- "className": "padding--top--xxl",
716
- "base": "padding",
717
- "variant1": "top",
718
- "variant2": "xxl"
719
- },
720
- {
721
- "className": "padding--all--xxl",
722
- "base": "padding",
723
- "variant1": "all",
724
- "variant2": "xxl"
725
- },
726
- {
727
- "className": "padding--right",
728
- "base": "padding",
729
- "variant1": "right"
730
- },
731
- {
732
- "className": "padding--right--none",
733
- "base": "padding",
734
- "variant1": "right",
735
- "variant2": "none"
736
- },
737
- {
738
- "className": "padding--right--xxs",
739
- "base": "padding",
740
- "variant1": "right",
741
- "variant2": "xxs"
742
- },
743
- {
744
- "className": "padding--right--xs",
745
- "base": "padding",
746
- "variant1": "right",
747
- "variant2": "xs"
748
- },
749
- {
750
- "className": "padding--right--s",
751
- "base": "padding",
752
- "variant1": "right",
753
- "variant2": "s"
754
- },
755
- {
756
- "className": "padding--right--m",
757
- "base": "padding",
758
- "variant1": "right",
759
- "variant2": "m"
760
- },
761
- {
762
- "className": "padding--right--l",
763
- "base": "padding",
764
- "variant1": "right",
765
- "variant2": "l"
766
- },
767
- {
768
- "className": "padding--right--xl",
769
- "base": "padding",
770
- "variant1": "right",
771
- "variant2": "xl"
772
- },
773
- {
774
- "className": "padding--right--xxl",
775
- "base": "padding",
776
- "variant1": "right",
777
- "variant2": "xxl"
778
- },
779
- {
780
- "className": "padding--bottom",
781
- "base": "padding",
782
- "variant1": "bottom"
783
- },
784
- {
785
- "className": "padding--bottom--none",
786
- "base": "padding",
787
- "variant1": "bottom",
788
- "variant2": "none"
789
- },
790
- {
791
- "className": "padding--bottom--xxs",
792
- "base": "padding",
793
- "variant1": "bottom",
794
- "variant2": "xxs"
795
- },
796
- {
797
- "className": "padding--bottom--xs",
798
- "base": "padding",
799
- "variant1": "bottom",
800
- "variant2": "xs"
801
- },
802
- {
803
- "className": "padding--bottom--s",
804
- "base": "padding",
805
- "variant1": "bottom",
806
- "variant2": "s"
807
- },
808
- {
809
- "className": "padding--bottom--m",
810
- "base": "padding",
811
- "variant1": "bottom",
812
- "variant2": "m"
813
- },
814
- {
815
- "className": "padding--bottom--l",
816
- "base": "padding",
817
- "variant1": "bottom",
818
- "variant2": "l"
819
- },
820
- {
821
- "className": "padding--bottom--xl",
822
- "base": "padding",
823
- "variant1": "bottom",
824
- "variant2": "xl"
825
- },
826
- {
827
- "className": "padding--bottom--xxl",
828
- "base": "padding",
829
- "variant1": "bottom",
830
- "variant2": "xxl"
831
- },
832
- {
833
- "className": "padding--left",
834
- "base": "padding",
835
- "variant1": "left"
836
- },
837
- {
838
- "className": "padding--left--none",
839
- "base": "padding",
840
- "variant1": "left",
841
- "variant2": "none"
842
- },
843
- {
844
- "className": "padding--left--xxs",
845
- "base": "padding",
846
- "variant1": "left",
847
- "variant2": "xxs"
848
- },
849
- {
850
- "className": "padding--left--xs",
851
- "base": "padding",
852
- "variant1": "left",
853
- "variant2": "xs"
854
- },
855
- {
856
- "className": "padding--left--s",
857
- "base": "padding",
858
- "variant1": "left",
859
- "variant2": "s"
860
- },
861
- {
862
- "className": "padding--left--m",
863
- "base": "padding",
864
- "variant1": "left",
865
- "variant2": "m"
866
- },
867
- {
868
- "className": "padding--left--l",
869
- "base": "padding",
870
- "variant1": "left",
871
- "variant2": "l"
872
- },
873
- {
874
- "className": "padding--left--xl",
875
- "base": "padding",
876
- "variant1": "left",
877
- "variant2": "xl"
878
- },
879
- {
880
- "className": "padding--left--xxl",
881
- "base": "padding",
882
- "variant1": "left",
883
- "variant2": "xxl"
884
- },
885
- {
886
- "className": "padding--x--xxs",
887
- "base": "padding",
888
- "variant1": "x",
889
- "variant2": "xxs"
890
- },
891
- {
892
- "className": "padding--y--xxs",
893
- "base": "padding",
894
- "variant1": "y",
895
- "variant2": "xxs"
896
- },
897
- {
898
- "className": "padding--x--xs",
899
- "base": "padding",
900
- "variant1": "x",
901
- "variant2": "xs"
902
- },
903
- {
904
- "className": "padding--y--xs",
905
- "base": "padding",
906
- "variant1": "y",
907
- "variant2": "xs"
908
- },
909
- {
910
- "className": "padding--x--s",
911
- "base": "padding",
912
- "variant1": "x",
913
- "variant2": "s"
914
- },
915
- {
916
- "className": "padding--y--s",
917
- "base": "padding",
918
- "variant1": "y",
919
- "variant2": "s"
920
- },
921
- {
922
- "className": "padding--x--m",
923
- "base": "padding",
924
- "variant1": "x",
925
- "variant2": "m"
926
- },
927
- {
928
- "className": "padding--y--m",
929
- "base": "padding",
930
- "variant1": "y",
931
- "variant2": "m"
932
- },
933
- {
934
- "className": "padding--x--l",
935
- "base": "padding",
936
- "variant1": "x",
937
- "variant2": "l"
938
- },
939
- {
940
- "className": "padding--y--l",
941
- "base": "padding",
942
- "variant1": "y",
943
- "variant2": "l"
944
- },
945
- {
946
- "className": "padding--x--xl",
947
- "base": "padding",
948
- "variant1": "x",
949
- "variant2": "xl"
950
- },
951
- {
952
- "className": "padding--y--xl",
953
- "base": "padding",
954
- "variant1": "y",
955
- "variant2": "xl"
956
- },
957
- {
958
- "className": "padding--x--xxl",
959
- "base": "padding",
960
- "variant1": "x",
961
- "variant2": "xxl"
962
- },
963
- {
964
- "className": "padding--y--xxl",
965
- "base": "padding",
966
- "variant1": "y",
967
- "variant2": "xxl"
968
- }
969
- ],
970
- "margin": [
971
- {
972
- "className": "margin--all",
973
- "base": "margin",
974
- "variant1": "all"
975
- },
976
- {
977
- "className": "margin--none",
978
- "base": "margin",
979
- "variant1": "none"
980
- },
981
- {
982
- "className": "margin--x",
983
- "base": "margin",
984
- "variant1": "x"
985
- },
986
- {
987
- "className": "margin--y",
988
- "base": "margin",
989
- "variant1": "y"
990
- },
991
- {
992
- "className": "margin--x--none",
993
- "base": "margin",
994
- "variant1": "x",
995
- "variant2": "none"
996
- },
997
- {
998
- "className": "margin--y--none",
999
- "base": "margin",
1000
- "variant1": "y",
1001
- "variant2": "none"
1002
- },
1003
- {
1004
- "className": "margin--top",
1005
- "base": "margin",
1006
- "variant1": "top"
1007
- },
1008
- {
1009
- "className": "margin--top--none",
1010
- "base": "margin",
1011
- "variant1": "top",
1012
- "variant2": "none"
1013
- },
1014
- {
1015
- "className": "margin--top--xxs",
1016
- "base": "margin",
1017
- "variant1": "top",
1018
- "variant2": "xxs"
1019
- },
1020
- {
1021
- "className": "margin--all--xxs",
1022
- "base": "margin",
1023
- "variant1": "all",
1024
- "variant2": "xxs"
1025
- },
1026
- {
1027
- "className": "margin--top--xs",
1028
- "base": "margin",
1029
- "variant1": "top",
1030
- "variant2": "xs"
1031
- },
1032
- {
1033
- "className": "margin--all--xs",
1034
- "base": "margin",
1035
- "variant1": "all",
1036
- "variant2": "xs"
1037
- },
1038
- {
1039
- "className": "margin--top--s",
1040
- "base": "margin",
1041
- "variant1": "top",
1042
- "variant2": "s"
1043
- },
1044
- {
1045
- "className": "margin--all--s",
1046
- "base": "margin",
1047
- "variant1": "all",
1048
- "variant2": "s"
1049
- },
1050
- {
1051
- "className": "margin--top--m",
1052
- "base": "margin",
1053
- "variant1": "top",
1054
- "variant2": "m"
1055
- },
1056
- {
1057
- "className": "margin--all--m",
1058
- "base": "margin",
1059
- "variant1": "all",
1060
- "variant2": "m"
1061
- },
1062
- {
1063
- "className": "margin--top--l",
1064
- "base": "margin",
1065
- "variant1": "top",
1066
- "variant2": "l"
1067
- },
1068
- {
1069
- "className": "margin--all--l",
1070
- "base": "margin",
1071
- "variant1": "all",
1072
- "variant2": "l"
1073
- },
1074
- {
1075
- "className": "margin--top--xl",
1076
- "base": "margin",
1077
- "variant1": "top",
1078
- "variant2": "xl"
1079
- },
1080
- {
1081
- "className": "margin--all--xl",
1082
- "base": "margin",
1083
- "variant1": "all",
1084
- "variant2": "xl"
1085
- },
1086
- {
1087
- "className": "margin--top--xxl",
1088
- "base": "margin",
1089
- "variant1": "top",
1090
- "variant2": "xxl"
1091
- },
1092
- {
1093
- "className": "margin--all--xxl",
1094
- "base": "margin",
1095
- "variant1": "all",
1096
- "variant2": "xxl"
1097
- },
1098
- {
1099
- "className": "margin--right",
1100
- "base": "margin",
1101
- "variant1": "right"
1102
- },
1103
- {
1104
- "className": "margin--right--none",
1105
- "base": "margin",
1106
- "variant1": "right",
1107
- "variant2": "none"
1108
- },
1109
- {
1110
- "className": "margin--right--xxs",
1111
- "base": "margin",
1112
- "variant1": "right",
1113
- "variant2": "xxs"
1114
- },
1115
- {
1116
- "className": "margin--right--xs",
1117
- "base": "margin",
1118
- "variant1": "right",
1119
- "variant2": "xs"
1120
- },
1121
- {
1122
- "className": "margin--right--s",
1123
- "base": "margin",
1124
- "variant1": "right",
1125
- "variant2": "s"
1126
- },
1127
- {
1128
- "className": "margin--right--m",
1129
- "base": "margin",
1130
- "variant1": "right",
1131
- "variant2": "m"
1132
- },
1133
- {
1134
- "className": "margin--right--l",
1135
- "base": "margin",
1136
- "variant1": "right",
1137
- "variant2": "l"
1138
- },
1139
- {
1140
- "className": "margin--right--xl",
1141
- "base": "margin",
1142
- "variant1": "right",
1143
- "variant2": "xl"
1144
- },
1145
- {
1146
- "className": "margin--right--xxl",
1147
- "base": "margin",
1148
- "variant1": "right",
1149
- "variant2": "xxl"
1150
- },
1151
- {
1152
- "className": "margin--bottom",
1153
- "base": "margin",
1154
- "variant1": "bottom"
1155
- },
1156
- {
1157
- "className": "margin--bottom--none",
1158
- "base": "margin",
1159
- "variant1": "bottom",
1160
- "variant2": "none"
1161
- },
1162
- {
1163
- "className": "margin--bottom--xxs",
1164
- "base": "margin",
1165
- "variant1": "bottom",
1166
- "variant2": "xxs"
1167
- },
1168
- {
1169
- "className": "margin--bottom--xs",
1170
- "base": "margin",
1171
- "variant1": "bottom",
1172
- "variant2": "xs"
1173
- },
1174
- {
1175
- "className": "margin--bottom--s",
1176
- "base": "margin",
1177
- "variant1": "bottom",
1178
- "variant2": "s"
1179
- },
1180
- {
1181
- "className": "margin--bottom--m",
1182
- "base": "margin",
1183
- "variant1": "bottom",
1184
- "variant2": "m"
1185
- },
1186
- {
1187
- "className": "margin--bottom--l",
1188
- "base": "margin",
1189
- "variant1": "bottom",
1190
- "variant2": "l"
1191
- },
1192
- {
1193
- "className": "margin--bottom--xl",
1194
- "base": "margin",
1195
- "variant1": "bottom",
1196
- "variant2": "xl"
1197
- },
1198
- {
1199
- "className": "margin--bottom--xxl",
1200
- "base": "margin",
1201
- "variant1": "bottom",
1202
- "variant2": "xxl"
1203
- },
1204
- {
1205
- "className": "margin--left",
1206
- "base": "margin",
1207
- "variant1": "left"
1208
- },
1209
- {
1210
- "className": "margin--left--none",
1211
- "base": "margin",
1212
- "variant1": "left",
1213
- "variant2": "none"
1214
- },
1215
- {
1216
- "className": "margin--left--xxs",
1217
- "base": "margin",
1218
- "variant1": "left",
1219
- "variant2": "xxs"
1220
- },
1221
- {
1222
- "className": "margin--left--xs",
1223
- "base": "margin",
1224
- "variant1": "left",
1225
- "variant2": "xs"
1226
- },
1227
- {
1228
- "className": "margin--left--s",
1229
- "base": "margin",
1230
- "variant1": "left",
1231
- "variant2": "s"
1232
- },
1233
- {
1234
- "className": "margin--left--m",
1235
- "base": "margin",
1236
- "variant1": "left",
1237
- "variant2": "m"
1238
- },
1239
- {
1240
- "className": "margin--left--l",
1241
- "base": "margin",
1242
- "variant1": "left",
1243
- "variant2": "l"
1244
- },
1245
- {
1246
- "className": "margin--left--xl",
1247
- "base": "margin",
1248
- "variant1": "left",
1249
- "variant2": "xl"
1250
- },
1251
- {
1252
- "className": "margin--left--xxl",
1253
- "base": "margin",
1254
- "variant1": "left",
1255
- "variant2": "xxl"
1256
- },
1257
- {
1258
- "className": "margin--x--xxs",
1259
- "base": "margin",
1260
- "variant1": "x",
1261
- "variant2": "xxs"
1262
- },
1263
- {
1264
- "className": "margin--y--xxs",
1265
- "base": "margin",
1266
- "variant1": "y",
1267
- "variant2": "xxs"
1268
- },
1269
- {
1270
- "className": "margin--x--xs",
1271
- "base": "margin",
1272
- "variant1": "x",
1273
- "variant2": "xs"
1274
- },
1275
- {
1276
- "className": "margin--y--xs",
1277
- "base": "margin",
1278
- "variant1": "y",
1279
- "variant2": "xs"
1280
- },
1281
- {
1282
- "className": "margin--x--s",
1283
- "base": "margin",
1284
- "variant1": "x",
1285
- "variant2": "s"
1286
- },
1287
- {
1288
- "className": "margin--y--s",
1289
- "base": "margin",
1290
- "variant1": "y",
1291
- "variant2": "s"
1292
- },
1293
- {
1294
- "className": "margin--x--m",
1295
- "base": "margin",
1296
- "variant1": "x",
1297
- "variant2": "m"
1298
- },
1299
- {
1300
- "className": "margin--y--m",
1301
- "base": "margin",
1302
- "variant1": "y",
1303
- "variant2": "m"
1304
- },
1305
- {
1306
- "className": "margin--x--l",
1307
- "base": "margin",
1308
- "variant1": "x",
1309
- "variant2": "l"
1310
- },
1311
- {
1312
- "className": "margin--y--l",
1313
- "base": "margin",
1314
- "variant1": "y",
1315
- "variant2": "l"
1316
- },
1317
- {
1318
- "className": "margin--x--xl",
1319
- "base": "margin",
1320
- "variant1": "x",
1321
- "variant2": "xl"
1322
- },
1323
- {
1324
- "className": "margin--y--xl",
1325
- "base": "margin",
1326
- "variant1": "y",
1327
- "variant2": "xl"
1328
- },
1329
- {
1330
- "className": "margin--x--xxl",
1331
- "base": "margin",
1332
- "variant1": "x",
1333
- "variant2": "xxl"
1334
- },
1335
- {
1336
- "className": "margin--y--xxl",
1337
- "base": "margin",
1338
- "variant1": "y",
1339
- "variant2": "xxl"
1340
- }
1341
- ]
1342
- }