@wavemaker/foundation-css 11.10.5-next.27872 → 11.10.5-rc.207

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 (79) hide show
  1. package/foundation/foundation.css +1278 -1063
  2. package/foundation/foundation.min.css +1 -1
  3. package/index.d.ts +18 -27
  4. package/index.js +92 -42
  5. package/index.js.map +1 -0
  6. package/npm-shrinkwrap.json +225 -8
  7. package/package-lock.json +225 -8
  8. package/package.json +10 -3
  9. package/tokens/components/accordion/accordion.json +10 -0
  10. package/tokens/components/anchor/anchor.json +86 -0
  11. package/tokens/components/badge/badge.json +52 -0
  12. package/tokens/components/breadcrumb/breadcrumb.json +98 -0
  13. package/tokens/components/button/button.json +710 -0
  14. package/tokens/components/button-group/button-group.json +18 -0
  15. package/tokens/components/calendar/calendar.json +274 -0
  16. package/tokens/components/cards/cards.json +176 -0
  17. package/tokens/components/carousel/carousel.json +46 -0
  18. package/tokens/components/checkbox/checkbox.json +106 -0
  19. package/tokens/components/checkboxset/checkboxset.json +10 -0
  20. package/tokens/components/chips/chips.json +202 -0
  21. package/tokens/components/composite/composite.json +202 -0
  22. package/tokens/components/container/container.json +32 -0
  23. package/tokens/components/currency/currency.json +32 -0
  24. package/tokens/components/data-table/data-table.json +170 -0
  25. package/tokens/components/date/date.json +146 -0
  26. package/tokens/components/dropdown-menu/dropdown-menu.json +116 -0
  27. package/tokens/components/fileupload/fileupload.json +180 -0
  28. package/tokens/components/grid-layout/grid-layout.json +18 -0
  29. package/tokens/components/icon/icon.json +8 -0
  30. package/tokens/components/label/label.json +8 -0
  31. package/tokens/components/list/list.json +72 -0
  32. package/tokens/components/message/message.json +144 -0
  33. package/tokens/components/modal-dialog/modal-dialog.json +176 -0
  34. package/tokens/components/nav/nav.json +222 -0
  35. package/tokens/components/page-layout/page-layout.json +842 -0
  36. package/tokens/components/pagination/pagination.json +250 -0
  37. package/tokens/components/panel/panel.json +218 -0
  38. package/tokens/components/picture/picture.json +42 -0
  39. package/tokens/components/popover/popover.json +102 -0
  40. package/tokens/components/progress-bar/progress-bar.json +122 -0
  41. package/tokens/components/progress-circle/progress-circle.json +64 -0
  42. package/tokens/components/radioset/radioset.json +116 -0
  43. package/tokens/components/rating/rating.json +42 -0
  44. package/tokens/components/richtext-editor/richtext-editor.json +546 -0
  45. package/tokens/components/scrollbar/scrollbar.json +38 -0
  46. package/tokens/components/search/search.json +200 -0
  47. package/tokens/components/spinner/spinner.json +44 -0
  48. package/tokens/components/switch/switch.json +106 -0
  49. package/tokens/components/tabs/tabs.json +136 -0
  50. package/tokens/components/tile/tile.json +186 -0
  51. package/tokens/components/time/time.json +90 -0
  52. package/tokens/components/toast/toast.json +214 -0
  53. package/tokens/components/toggle/toggle.json +98 -0
  54. package/tokens/components/wizard/wizard.json +232 -0
  55. package/tokens/global/border/border.json +96 -0
  56. package/tokens/global/box-shadow/box-shadow.json +9 -0
  57. package/tokens/{primitives → global}/colors/color.dark.json +12 -3
  58. package/tokens/global/colors/color.json +343 -0
  59. package/tokens/{semantics → global}/font/font.json +74 -20
  60. package/tokens/global/gap/gap.json +58 -0
  61. package/tokens/{semantics → global}/icon/icon.json +1 -1
  62. package/tokens/global/margin/margin.json +57 -0
  63. package/tokens/global/radius/radius.json +45 -0
  64. package/tokens/global/shadow/shadow.json +74 -0
  65. package/tokens/global/space/space.json +57 -0
  66. package/tokens/global/spacer/spacer.json +46 -0
  67. package/utils/style-dictionary-utils.d.ts +7 -0
  68. package/utils/style-dictionary-utils.js +65 -0
  69. package/utils/style-dictionary-utils.js.map +1 -0
  70. package/tokens/primitives/border/border.json +0 -10
  71. package/tokens/primitives/colors/color.json +0 -163
  72. package/tokens/primitives/font/font.json +0 -20
  73. package/tokens/primitives/radius/radius.json +0 -14
  74. package/tokens/primitives/space/space.json +0 -57
  75. package/tokens/primitives/spacer/spacer.json +0 -45
  76. package/tokens/semantics/box-shadow/box-shadow.json +0 -8
  77. package/tokens/semantics/colors/color.json +0 -948
  78. /package/tokens/{primitives → global}/colors/color.light.json +0 -0
  79. /package/tokens/{semantics → global}/opacity/opacity.json +0 -0
package/tokens/components/page-layout/page-layout.json ADDED
@@ -0,0 +1,842 @@
1
+ {
2
+ "app": {
3
+ "font-family": {
4
+ "value": "{body.medium.font-family.value}",
5
+ "type": "font"
6
+ },
7
+ "font-size": {
8
+ "value": "{body.medium.font-size.value}",
9
+ "type": "font"
10
+ },
11
+ "font-weight": {
12
+ "value": "{body.medium.font-weight.value}",
13
+ "type": "font"
14
+ },
15
+ "line-height": {
16
+ "value": "{body.medium.line-height.value}",
17
+ "type": "font"
18
+ },
19
+ "letter-spacing": {
20
+ "value": "{body.medium.letter-spacing.value}",
21
+ "type": "font"
22
+ },
23
+ "font-smoothing": {
24
+ "value": "antialiased",
25
+ "type": "font"
26
+ },
27
+ "background": {
28
+ "value": "{color.surface.@.value}",
29
+ "type": "color"
30
+ },
31
+ "color": {
32
+ "value": "{color.on-background.@.value}",
33
+ "type": "color"
34
+ },
35
+ "text": {
36
+ "transform": {
37
+ "value": "none",
38
+ "type": "radius"
39
+ }
40
+ },
41
+ "margin": {
42
+ "value": "0",
43
+ "type": "space"
44
+ },
45
+ "padding": {
46
+ "value": "0",
47
+ "type": "space"
48
+ }
49
+ },
50
+ "header": {
51
+ "background": {
52
+ "value": "{color.white.@.value}",
53
+ "type": "color"
54
+ },
55
+ "color": {
56
+ "value": "{color.on-surface.variant.@.value}",
57
+ "type": "color"
58
+ },
59
+ "height": {
60
+ "value": "82px",
61
+ "type": "space"
62
+ },
63
+ "zindex": {
64
+ "value": "2",
65
+ "type": "radius"
66
+ },
67
+ "padding": {
68
+ "value": "{space.2.value} {space.4.value}",
69
+ "type": "space"
70
+ },
71
+ "border": {
72
+ "value": "1px solid {color.outline.variant.value}",
73
+ "type": "radius"
74
+ },
75
+ "shadow": {
76
+ "value": "{elevation.shadow.none.value}",
77
+ "type": "radius"
78
+ },
79
+ "logo": {
80
+ "height": {
81
+ "value": "42px",
82
+ "type": "space"
83
+ }
84
+ },
85
+ "link": {
86
+ "size": {
87
+ "value": "{h4.font-size.value}",
88
+ "type": "font"
89
+ },
90
+ "color": {
91
+ "@": {
92
+ "value": "{color.secondary.@.value}",
93
+ "type": "color"
94
+ },
95
+ "hover": {
96
+ "value": "{color.secondary.@.value}",
97
+ "type": "color"
98
+ },
99
+ "active": {
100
+ "value": "{color.secondary.@.value}",
101
+ "type": "color"
102
+ }
103
+ }
104
+ },
105
+ "leftnav": {
106
+ "toggle": {
107
+ "width": {
108
+ "value": "50px",
109
+ "type": "space"
110
+ }
111
+ }
112
+ }
113
+ },
114
+ "top": {
115
+ "nav": {
116
+ "background": {
117
+ "value": "none",
118
+ "type": "color"
119
+ },
120
+ "color": {
121
+ "value": "none",
122
+ "type": "color"
123
+ },
124
+ "box": {
125
+ "shadow": {
126
+ "value": "none",
127
+ "type": "radius"
128
+ }
129
+ },
130
+ "z": {
131
+ "index": {
132
+ "value": "3",
133
+ "type": "radius"
134
+ }
135
+ }
136
+ }
137
+ },
138
+ "aside": {
139
+ "panel": {
140
+ "width": {
141
+ "value": "220px",
142
+ "type": "space"
143
+ },
144
+ "background": {
145
+ "value": "{color.surface.@.value}",
146
+ "type": "color"
147
+ },
148
+ "color": {
149
+ "value": "{color.on-surface.variant.@.value}",
150
+ "type": "color"
151
+ },
152
+ "border": {
153
+ "value": "1px solid {color.outline.variant.value}",
154
+ "type": "radius"
155
+ },
156
+ "shadow": {
157
+ "value": "{elevation.shadow.none.value}",
158
+ "type": "radius"
159
+ },
160
+ "padding": {
161
+ "top": {
162
+ "value": "{space.5.value}",
163
+ "type": "space"
164
+ },
165
+ "right": {
166
+ "value": "{space.0.value}",
167
+ "type": "space"
168
+ },
169
+ "bottom": {
170
+ "value": "{space.0.value}",
171
+ "type": "space"
172
+ },
173
+ "left": {
174
+ "value": "{space.0.value}",
175
+ "type": "space"
176
+ }
177
+ },
178
+ "rail": {
179
+ "width": {
180
+ "value": "102px",
181
+ "type": "space"
182
+ },
183
+ "background": {
184
+ "value": "{color.surface.@.value}",
185
+ "type": "color"
186
+ },
187
+ "color": {
188
+ "value": "{color.on-surface.variant.@.value}",
189
+ "type": "color"
190
+ },
191
+ "border": {
192
+ "value": "1px solid {color.outline.variant.value}",
193
+ "type": "radius"
194
+ },
195
+ "shadow": {
196
+ "value": "{elevation.shadow.none.value}",
197
+ "type": "radius"
198
+ },
199
+ "padding": {
200
+ "top": {
201
+ "value": "{space.7.value}",
202
+ "type": "space"
203
+ },
204
+ "right": {
205
+ "value": "{space.0.value}",
206
+ "type": "space"
207
+ },
208
+ "bottom": {
209
+ "value": "{space.0.value}",
210
+ "type": "space"
211
+ },
212
+ "left": {
213
+ "value": "{space.0.value}",
214
+ "type": "space"
215
+ }
216
+ }
217
+ }
218
+ },
219
+ "nav": {
220
+ "padding": {
221
+ "value": "{space.0.value}",
222
+ "type": "space"
223
+ },
224
+ "background": {
225
+ "value": "{aside.panel.background.value}",
226
+ "type": "color"
227
+ },
228
+ "color": {
229
+ "value": "{aside.panel.color.value}",
230
+ "type": "color"
231
+ },
232
+ "gap": {
233
+ "value": "{space.1.value}",
234
+ "type": "space"
235
+ },
236
+ "item": {
237
+ "min": {
238
+ "height": {
239
+ "value": "56px",
240
+ "type": "space"
241
+ }
242
+ },
243
+ "padding": {
244
+ "value": "{space.2.value} {space.6.value}",
245
+ "type": "space"
246
+ },
247
+ "font-size": {
248
+ "value": "{label.large.font-size.value}",
249
+ "type": "font"
250
+ },
251
+ "font-family": {
252
+ "value": "{label.large.font-family.value}",
253
+ "type": "font"
254
+ },
255
+ "font-weight": {
256
+ "value": "{label.large.font-weight.value}",
257
+ "type": "font"
258
+ },
259
+ "line-height": {
260
+ "value": "{label.large.line-height.value}",
261
+ "type": "font"
262
+ },
263
+ "letter-spacing": {
264
+ "value": "{label.large.letter-spacing.value}",
265
+ "type": "font"
266
+ },
267
+ "radius": {
268
+ "value": "{radius.none.value}",
269
+ "type": "radius"
270
+ },
271
+ "icon": {
272
+ "size": {
273
+ "value": "{icon.size.@.value}",
274
+ "type": "space"
275
+ },
276
+ "width": {
277
+ "value": "{icon.size.@.value}",
278
+ "type": "space"
279
+ },
280
+ "height": {
281
+ "value": "{icon.size.@.value}",
282
+ "type": "space"
283
+ },
284
+ "radius": {
285
+ "value": "~\"calc({radius.sm.value} * 0.75)\"",
286
+ "type": "radius"
287
+ },
288
+ "background": {
289
+ "@": {
290
+ "value": "inherit",
291
+ "type": "color"
292
+ },
293
+ "active": {
294
+ "value": "inherit",
295
+ "type": "color"
296
+ }
297
+ },
298
+ "color": {
299
+ "@": {
300
+ "value": "inherit",
301
+ "type": "color"
302
+ },
303
+ "active": {
304
+ "value": "inherit",
305
+ "type": "color"
306
+ }
307
+ }
308
+ },
309
+ "gap": {
310
+ "value": "{space.2.value}",
311
+ "type": "space"
312
+ },
313
+ "color": {
314
+ "@": {
315
+ "value": "{aside.nav.color.value}",
316
+ "type": "color"
317
+ },
318
+ "active": {
319
+ "value": "{color.secondary.@.value}",
320
+ "type": "color"
321
+ }
322
+ },
323
+ "background": {
324
+ "@": {
325
+ "value": "none",
326
+ "type": "color"
327
+ },
328
+ "active": {
329
+ "value": "linear-gradient(106deg, ~\"color-mix(in srgb, {color.secondary.@.value}, transparent calc(100% - {opacity.hover.value}))\" 44.21%, ~\"color-mix(in srgb, {color.primary.@.value}, transparent calc(100% - {opacity.hover.value}))\" 103.73%)",
330
+ "type": "color"
331
+ }
332
+ },
333
+ "state": {
334
+ "layer": {
335
+ "color": {
336
+ "value": "{color.on-surface.@.value}",
337
+ "type": "color"
338
+ },
339
+ "opacity": {
340
+ "hover": {
341
+ "value": "{opacity.hover.value}",
342
+ "type": "radius"
343
+ },
344
+ "focus": {
345
+ "value": "{opacity.focus.value}",
346
+ "type": "radius"
347
+ },
348
+ "active": {
349
+ "value": "{opacity.active.value}",
350
+ "type": "radius"
351
+ }
352
+ }
353
+ }
354
+ },
355
+ "caret": {
356
+ "size": {
357
+ "value": "{icon.size.sm.value}",
358
+ "type": "space"
359
+ }
360
+ },
361
+ "indicator": {
362
+ "width": {
363
+ "value": "1px",
364
+ "type": "space"
365
+ },
366
+ "height": {
367
+ "value": "100%",
368
+ "type": "space"
369
+ },
370
+ "position": {
371
+ "top": {
372
+ "value": "0",
373
+ "type": "space"
374
+ },
375
+ "right": {
376
+ "value": "0",
377
+ "type": "space"
378
+ },
379
+ "bottom": {
380
+ "value": "0",
381
+ "type": "space"
382
+ },
383
+ "left": {
384
+ "value": "auto",
385
+ "type": "space"
386
+ }
387
+ },
388
+ "radius": {
389
+ "value": "0",
390
+ "type": "radius"
391
+ },
392
+ "color": {
393
+ "@": {
394
+ "value": "none",
395
+ "type": "color"
396
+ },
397
+ "active": {
398
+ "value": "{color.secondary.@.value}",
399
+ "type": "color"
400
+ }
401
+ }
402
+ }
403
+ },
404
+ "submenu": {
405
+ "padding": {
406
+ "value": "{space.0.value} {space.0.value} {space.0.value} {space.3.value}",
407
+ "type": "space"
408
+ },
409
+ "background": {
410
+ "value": "{aside.nav.item.background.@.value}",
411
+ "type": "color"
412
+ },
413
+ "color": {
414
+ "value": "{aside.nav.item.color.@.value}",
415
+ "type": "color"
416
+ },
417
+ "box": {
418
+ "shadow": {
419
+ "value": "none",
420
+ "type": "radius"
421
+ }
422
+ },
423
+ "radius": {
424
+ "value": "{radius.none.value} {radius.sm.value} {radius.sm.value} {radius.none.value}",
425
+ "type": "radius"
426
+ },
427
+ "item": {
428
+ "min": {
429
+ "height": {
430
+ "value": "44px",
431
+ "type": "space"
432
+ }
433
+ },
434
+ "padding": {
435
+ "value": "{space.2.value} {space.6.value}",
436
+ "type": "space"
437
+ },
438
+ "font-size": {
439
+ "value": "{label.large.font-size.value}",
440
+ "type": "font"
441
+ },
442
+ "font-family": {
443
+ "value": "{label.large.font-family.value}",
444
+ "type": "font"
445
+ },
446
+ "font-weight": {
447
+ "value": "{label.large.font-weight.value}",
448
+ "type": "font"
449
+ },
450
+ "line-height": {
451
+ "value": "{label.large.line-height.value}",
452
+ "type": "font"
453
+ },
454
+ "letter-spacing": {
455
+ "value": "{label.large.letter-spacing.value}",
456
+ "type": "font"
457
+ },
458
+ "radius": {
459
+ "value": "{aside.nav.item.radius.value}",
460
+ "type": "radius"
461
+ },
462
+ "gap": {
463
+ "value": "{space.2.value}",
464
+ "type": "space"
465
+ },
466
+ "color": {
467
+ "@": {
468
+ "value": "{aside.nav.submenu.color.value}",
469
+ "type": "color"
470
+ },
471
+ "active": {
472
+ "value": "{color.on-secondary.container.@.value}",
473
+ "type": "color"
474
+ }
475
+ },
476
+ "background": {
477
+ "@": {
478
+ "value": "{aside.nav.submenu.background.value}",
479
+ "type": "color"
480
+ },
481
+ "active": {
482
+ "value": "{color.secondary.container.@.value}",
483
+ "type": "color"
484
+ }
485
+ }
486
+ }
487
+ },
488
+ "rail": {
489
+ "padding": {
490
+ "value": "{space.0.value}",
491
+ "type": "space"
492
+ },
493
+ "background": {
494
+ "value": "{aside.panel.rail.background.value}",
495
+ "type": "color"
496
+ },
497
+ "color": {
498
+ "value": "{aside.panel.rail.color.value}",
499
+ "type": "color"
500
+ },
501
+ "gap": {
502
+ "value": "{space.3.value}",
503
+ "type": "space"
504
+ },
505
+ "item": {
506
+ "height": {
507
+ "value": "90px",
508
+ "type": "space"
509
+ },
510
+ "padding": {
511
+ "value": "{space.3.value} {space.0.value}",
512
+ "type": "space"
513
+ },
514
+ "font-size": {
515
+ "value": "{label.medium.font-size.value}",
516
+ "type": "font"
517
+ },
518
+ "font-family": {
519
+ "value": "{label.medium.font-family.value}",
520
+ "type": "font"
521
+ },
522
+ "font-weight": {
523
+ "@": {
524
+ "value": "{label.medium.font-weight.value}",
525
+ "type": "font"
526
+ },
527
+ "active": {
528
+ "value": "{font.weight.semibold.value}",
529
+ "type": "font"
530
+ }
531
+ },
532
+ "line-height": {
533
+ "value": "{label.medium.line-height.value}",
534
+ "type": "font"
535
+ },
536
+ "letter-spacing": {
537
+ "value": "{label.medium.letter-spacing.value}",
538
+ "type": "font"
539
+ },
540
+ "color": {
541
+ "@": {
542
+ "value": "{aside.nav.rail.color.value}",
543
+ "type": "color"
544
+ },
545
+ "active": {
546
+ "value": "{color.secondary.@.value}",
547
+ "type": "color"
548
+ }
549
+ },
550
+ "background": {
551
+ "@": {
552
+ "value": "{aside.nav.rail.background.value}",
553
+ "type": "color"
554
+ },
555
+ "active": {
556
+ "value": "linear-gradient(106deg, {color.secondary.@.value} 44.21%, {color.primary.@.value} 103.73%)",
557
+ "type": "color"
558
+ }
559
+ },
560
+ "radius": {
561
+ "value": "{radius.none.value}",
562
+ "type": "radius"
563
+ },
564
+ "gap": {
565
+ "value": "{space.1.value}",
566
+ "type": "space"
567
+ },
568
+ "state": {
569
+ "layer": {
570
+ "color": {
571
+ "value": "{color.on-surface.@.value}",
572
+ "type": "color"
573
+ },
574
+ "opacity": {
575
+ "hover": {
576
+ "value": "{opacity.hover.value}",
577
+ "type": "radius"
578
+ },
579
+ "focus": {
580
+ "value": "{opacity.focus.value}",
581
+ "type": "radius"
582
+ },
583
+ "active": {
584
+ "value": "{opacity.active.value}",
585
+ "type": "radius"
586
+ }
587
+ }
588
+ }
589
+ },
590
+ "icon": {
591
+ "size": {
592
+ "value": "24px",
593
+ "type": "space"
594
+ },
595
+ "width": {
596
+ "value": "40px",
597
+ "type": "space"
598
+ },
599
+ "height": {
600
+ "value": "40px",
601
+ "type": "space"
602
+ },
603
+ "radius": {
604
+ "@": {
605
+ "value": "{radius.none.value}",
606
+ "type": "radius"
607
+ },
608
+ "active": {
609
+ "value": "{radius.none.value}",
610
+ "type": "radius"
611
+ }
612
+ },
613
+ "color": {
614
+ "@": {
615
+ "value": "{aside.nav.rail.item.color.@.value}",
616
+ "type": "color"
617
+ },
618
+ "active": {
619
+ "value": "{aside.nav.rail.item.color.active.value}",
620
+ "type": "color"
621
+ }
622
+ },
623
+ "background": {
624
+ "@": {
625
+ "value": "none",
626
+ "type": "color"
627
+ },
628
+ "active": {
629
+ "value": "none",
630
+ "type": "color"
631
+ }
632
+ },
633
+ "state": {
634
+ "layer": {
635
+ "color": {
636
+ "value": "none",
637
+ "type": "color"
638
+ },
639
+ "opacity": {
640
+ "hover": {
641
+ "value": "{opacity.hover.value}",
642
+ "type": "radius"
643
+ },
644
+ "focus": {
645
+ "value": "{opacity.focus.value}",
646
+ "type": "radius"
647
+ },
648
+ "active": {
649
+ "value": "{opacity.active.value}",
650
+ "type": "radius"
651
+ }
652
+ }
653
+ }
654
+ }
655
+ },
656
+ "indicator": {
657
+ "width": {
658
+ "value": "{aside.nav.item.indicator.width.value}",
659
+ "type": "space"
660
+ },
661
+ "height": {
662
+ "value": "{aside.nav.item.indicator.height.value}",
663
+ "type": "space"
664
+ },
665
+ "position": {
666
+ "top": {
667
+ "value": "{aside.nav.item.indicator.position.top.value}",
668
+ "type": "space"
669
+ },
670
+ "right": {
671
+ "value": "{aside.nav.item.indicator.position.right.value}",
672
+ "type": "space"
673
+ },
674
+ "bottom": {
675
+ "value": "{aside.nav.item.indicator.position.bottom.value}",
676
+ "type": "space"
677
+ },
678
+ "left": {
679
+ "value": "{aside.nav.item.indicator.position.left.value}",
680
+ "type": "space"
681
+ }
682
+ },
683
+ "radius": {
684
+ "value": "{aside.nav.item.indicator.radius.value}",
685
+ "type": "radius"
686
+ },
687
+ "color": {
688
+ "@": {
689
+ "value": "{aside.nav.item.indicator.color.@.value}",
690
+ "type": "color"
691
+ },
692
+ "active": {
693
+ "value": "{aside.nav.item.indicator.color.active.value}",
694
+ "type": "color"
695
+ }
696
+ }
697
+ }
698
+ },
699
+ "submenu": {
700
+ "padding": {
701
+ "value": "{space.2.value}",
702
+ "type": "space"
703
+ },
704
+ "background": {
705
+ "value": "{aside.nav.rail.background.value}",
706
+ "type": "color"
707
+ },
708
+ "color": {
709
+ "value": "{aside.nav.rail.color.value}",
710
+ "type": "color"
711
+ },
712
+ "box": {
713
+ "shadow": {
714
+ "value": "{elevation.shadow.1.value}",
715
+ "type": "radius"
716
+ }
717
+ },
718
+ "radius": {
719
+ "value": "{aside.nav.submenu.radius.value}",
720
+ "type": "radius"
721
+ },
722
+ "width": {
723
+ "value": "260px",
724
+ "type": "space"
725
+ },
726
+ "item": {
727
+ "min": {
728
+ "height": {
729
+ "value": "44px",
730
+ "type": "space"
731
+ }
732
+ },
733
+ "padding": {
734
+ "value": "{space.2.value} {space.6.value}",
735
+ "type": "space"
736
+ },
737
+ "font-size": {
738
+ "value": "{label.large.font-size.value}",
739
+ "type": "font"
740
+ },
741
+ "font-family": {
742
+ "value": "{label.large.font-family.value}",
743
+ "type": "font"
744
+ },
745
+ "font-weight": {
746
+ "value": "{label.large.font-weight.value}",
747
+ "type": "font"
748
+ },
749
+ "line-height": {
750
+ "value": "{label.large.line-height.value}",
751
+ "type": "font"
752
+ },
753
+ "letter-spacing": {
754
+ "value": "{label.large.letter-spacing.value}",
755
+ "type": "font"
756
+ },
757
+ "radius": {
758
+ "value": "{aside.nav.rail.item.radius.value}",
759
+ "type": "radius"
760
+ },
761
+ "gap": {
762
+ "value": "{space.2.value}",
763
+ "type": "space"
764
+ },
765
+ "color": {
766
+ "@": {
767
+ "value": "{aside.nav.rail.submenu.color.value}",
768
+ "type": "color"
769
+ },
770
+ "active": {
771
+ "value": "{color.on-secondary.container.@.value}",
772
+ "type": "color"
773
+ }
774
+ },
775
+ "background": {
776
+ "@": {
777
+ "value": "{aside.nav.rail.submenu.background.value}",
778
+ "type": "color"
779
+ },
780
+ "active": {
781
+ "value": "{color.secondary.container.@.value}",
782
+ "type": "color"
783
+ }
784
+ }
785
+ }
786
+ }
787
+ }
788
+ },
789
+ "right": {
790
+ "nav": {
791
+ "rail": {
792
+ "submenu": {
793
+ "radius": {
794
+ "value": "{radius.sm.value} {radius.none.value} {radius.none.value} {radius.sm.value}",
795
+ "type": "radius"
796
+ }
797
+ }
798
+ }
799
+ }
800
+ }
801
+ },
802
+ "page": {
803
+ "content": {
804
+ "padding": {
805
+ "value": "{space.0.value}",
806
+ "type": "space"
807
+ }
808
+ }
809
+ },
810
+ "footer": {
811
+ "height": {
812
+ "value": "auto",
813
+ "type": "space"
814
+ },
815
+ "background": {
816
+ "value": "{color.white.@.value}",
817
+ "type": "color"
818
+ },
819
+ "color": {
820
+ "@": {
821
+ "value": "{color.on-surface.@.value}",
822
+ "type": "color"
823
+ },
824
+ "muted": {
825
+ "value": "{color.on-surface.variant.@.value}",
826
+ "type": "color"
827
+ }
828
+ },
829
+ "border": {
830
+ "value": "1px solid {color.outline.variant.value}",
831
+ "type": "radius"
832
+ },
833
+ "shadow": {
834
+ "value": "{elevation.shadow.none.value}",
835
+ "type": "radius"
836
+ },
837
+ "padding": {
838
+ "value": "{space.0.value}",
839
+ "type": "space"
840
+ }
841
+ }
842
+ }