@narmi/design_system 3.48.0-beta.2 → 3.48.0-beta.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 (35) hide show
  1. package/dist/deprecations.json +16 -0
  2. package/dist/docs/Formatters.md +55 -0
  3. package/dist/docs/classManifest.json +1342 -0
  4. package/dist/fonts/8b53d5067b416b155cc8.woff +0 -0
  5. package/dist/fonts/d819207ee2e092cc2735.woff2 +0 -0
  6. package/dist/icons/Icons.stories.jsx +74 -0
  7. package/dist/icons/README.md +29 -0
  8. package/dist/icons/compat-icons.json +327 -0
  9. package/dist/icons/fonts/icomoon.svg +343 -0
  10. package/dist/icons/fonts/icomoon.ttf +0 -0
  11. package/dist/icons/fonts/icomoon.woff +0 -0
  12. package/dist/icons/fonts/icomoon.woff2 +0 -0
  13. package/dist/icons/selection.json +1 -0
  14. package/dist/icons/style.css +1037 -0
  15. package/dist/index.js +3 -0
  16. package/dist/index.js.LICENSE.txt +34 -0
  17. package/dist/index.js.map +1 -0
  18. package/dist/style.css +2122 -0
  19. package/dist/style.css.map +1 -0
  20. package/dist/tokens/css/rgbColors.css +38 -0
  21. package/dist/tokens/css/tokens.css +146 -0
  22. package/dist/tokens/js/colors.js +98 -0
  23. package/dist/tokens/js/manifest.js +2688 -0
  24. package/dist/tokens/js/reactNativeWeb.js +190 -0
  25. package/dist/types/SeparatorList/index.d.ts +13 -0
  26. package/dist/types/SeparatorList/index.d.ts.map +1 -0
  27. package/dist/types/Slider/Thumbs.d.ts +3 -0
  28. package/dist/types/Slider/Thumbs.d.ts.map +1 -0
  29. package/dist/types/Slider/index.d.ts +30 -0
  30. package/dist/types/Slider/index.d.ts.map +1 -0
  31. package/dist/types/index.d.ts +6 -0
  32. package/dist/types/index.d.ts.map +1 -0
  33. package/dist/types/types/Icon.types.d.ts +5 -0
  34. package/dist/types/types/Icon.types.d.ts.map +1 -0
  35. package/package.json +1 -1
@@ -0,0 +1,1342 @@
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
+ }