@wavemaker/foundation-css 11.14.3-rc.6401 → 11.15.0-2.247

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 (188) hide show
  1. package/cjs/foundation-css.cjs +92 -33
  2. package/cjs/src_tokens_mobile_components_accordion_accordion_json.foundation-css.cjs +1 -1
  3. package/cjs/src_tokens_mobile_components_anchor_anchor_json.foundation-css.cjs +1 -1
  4. package/cjs/src_tokens_mobile_components_bottomsheet_bottomsheet_json.foundation-css.cjs +1 -1
  5. package/cjs/src_tokens_mobile_components_button-group_button-group_json.foundation-css.cjs +1 -1
  6. package/cjs/src_tokens_mobile_components_button_button_json.foundation-css.cjs +1 -1
  7. package/cjs/src_tokens_mobile_components_calendar_calendar_json.foundation-css.cjs +1 -1
  8. package/cjs/src_tokens_mobile_components_camera_camera_json.foundation-css.cjs +1 -1
  9. package/cjs/src_tokens_mobile_components_cards_cards_json.foundation-css.cjs +1 -1
  10. package/cjs/src_tokens_mobile_components_carousel_carousel_json.foundation-css.cjs +1 -1
  11. package/cjs/src_tokens_mobile_components_container_container_json.foundation-css.cjs +1 -1
  12. package/cjs/src_tokens_mobile_components_fileupload_fileupload_json.foundation-css.cjs +1 -1
  13. package/cjs/src_tokens_mobile_components_form-controls_form-controls_json.foundation-css.cjs +1 -1
  14. package/cjs/src_tokens_mobile_components_label_label_json.foundation-css.cjs +1 -1
  15. package/cjs/src_tokens_mobile_components_list_list_json.foundation-css.cjs +1 -1
  16. package/cjs/src_tokens_mobile_components_lottie_lottie_json.foundation-css.cjs +1 -1
  17. package/cjs/src_tokens_mobile_components_modal-dialog_modal-dialog_json.foundation-css.cjs +1 -1
  18. package/cjs/src_tokens_mobile_components_nav_nav_json.foundation-css.cjs +1 -1
  19. package/cjs/src_tokens_mobile_components_navbar_navbar_json.foundation-css.cjs +1 -1
  20. package/cjs/src_tokens_mobile_components_navitem_navitem_json.foundation-css.cjs +14 -0
  21. package/cjs/src_tokens_mobile_components_panel-footer_panel-footer_json.foundation-css.cjs +14 -0
  22. package/cjs/src_tokens_mobile_components_panel_panel_json.foundation-css.cjs +1 -1
  23. package/cjs/src_tokens_mobile_components_picture_picture_json.foundation-css.cjs +1 -1
  24. package/cjs/src_tokens_mobile_components_popover_popover_json.foundation-css.cjs +1 -1
  25. package/cjs/src_tokens_mobile_components_search_search_json.foundation-css.cjs +1 -1
  26. package/cjs/src_tokens_mobile_components_switch_switch_json.foundation-css.cjs +1 -1
  27. package/cjs/src_tokens_mobile_components_tabbar_tabbar_json.foundation-css.cjs +1 -1
  28. package/cjs/src_tokens_mobile_components_tabs_tabs_json.foundation-css.cjs +1 -1
  29. package/cjs/src_tokens_mobile_components_tile_tile_json.foundation-css.cjs +1 -1
  30. package/cjs/src_tokens_mobile_components_toggle_toggle_json.foundation-css.cjs +1 -1
  31. package/cjs/src_tokens_mobile_components_webview_webview_json.foundation-css.cjs +1 -1
  32. package/cjs/src_tokens_web_components_button_button_json.foundation-css.cjs +1 -1
  33. package/cjs/src_tokens_web_components_calendar_calendar_json.foundation-css.cjs +1 -1
  34. package/cjs/src_tokens_web_components_cards_cards_json.foundation-css.cjs +1 -1
  35. package/cjs/src_tokens_web_components_checkbox_checkbox_json.foundation-css.cjs +1 -1
  36. package/cjs/src_tokens_web_components_data-table_data-table_json.foundation-css.cjs +1 -1
  37. package/cjs/src_tokens_web_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs +1 -1
  38. package/cjs/src_tokens_web_components_form-controls_form-controls_json.foundation-css.cjs +1 -1
  39. package/cjs/src_tokens_web_components_iconbutton-toggleable_iconbutton-toggleable_json.foundation-css.cjs +14 -0
  40. package/cjs/src_tokens_web_components_page-content_page-content_json.foundation-css.cjs +1 -1
  41. package/cjs/src_tokens_web_components_page-left-nav_page-left-nav_json.foundation-css.cjs +1 -1
  42. package/cjs/src_tokens_web_components_page-right-nav_page-right-nav_json.foundation-css.cjs +1 -1
  43. package/cjs/src_tokens_web_components_popover_popover_json.foundation-css.cjs +1 -1
  44. package/cjs/src_tokens_web_components_progress-circle_progress-circle_json.foundation-css.cjs +1 -1
  45. package/cjs/src_tokens_web_components_rating_rating_json.foundation-css.cjs +1 -1
  46. package/cjs/src_tokens_web_components_slider_slider_json.foundation-css.cjs +14 -0
  47. package/cjs/src_tokens_web_components_switch_switch_json.foundation-css.cjs +1 -1
  48. package/cjs/src_tokens_web_components_tabs_tabs_json.foundation-css.cjs +1 -1
  49. package/foundation/foundation.css +669 -179
  50. package/foundation/foundation.min.css +1 -1
  51. package/native_mobile.index.d.ts +20 -0
  52. package/native_mobile.index.js +29 -3
  53. package/native_mobile.index.js.map +1 -1
  54. package/npm-shrinkwrap.json +44 -50
  55. package/package-lock.json +44 -50
  56. package/package.json +8 -7
  57. package/src/styles/mobile/components/advanced/carousel.less +10 -0
  58. package/src/styles/mobile/components/advanced/webview.less +6 -2
  59. package/src/styles/mobile/components/basic/anchor.less +2 -2
  60. package/src/styles/mobile/components/basic/bottomsheet.less +6 -0
  61. package/src/styles/mobile/components/basic/button.less +17 -5
  62. package/src/styles/mobile/components/basic/buttongroup.less +22 -6
  63. package/src/styles/mobile/components/basic/label.less +150 -15
  64. package/src/styles/mobile/components/basic/lottie.less +6 -3
  65. package/src/styles/mobile/components/basic/picture.less +9 -0
  66. package/src/styles/mobile/components/basic/search.less +21 -2
  67. package/src/styles/mobile/components/container/panel/panel-footer.less +13 -1
  68. package/src/styles/mobile/components/container/panel.less +31 -34
  69. package/src/styles/mobile/components/container/tabs/tab-header.less +11 -5
  70. package/src/styles/mobile/components/container/tabs.less +2 -0
  71. package/src/styles/mobile/components/container.less +16 -4
  72. package/src/styles/mobile/components/data/card.less +4 -1
  73. package/src/styles/mobile/components/data/form.less +75 -30
  74. package/src/styles/mobile/components/data/list.less +10 -45
  75. package/src/styles/mobile/components/device/camera.less +4 -3
  76. package/src/styles/mobile/components/dialogs/dialog.less +56 -12
  77. package/src/styles/mobile/components/input/calendar.less +0 -1
  78. package/src/styles/mobile/components/input/fileupload.less +1 -0
  79. package/src/styles/mobile/components/input/switch.less +8 -0
  80. package/src/styles/mobile/components/input/toggle.less +2 -0
  81. package/src/styles/mobile/components/navigation/appnavbar.less +12 -4
  82. package/src/styles/mobile/components/navigation/navitem.less +78 -17
  83. package/src/styles/mobile/components/navigation/popover.less +19 -4
  84. package/src/styles/mobile/components/page/tabbar.less +13 -2
  85. package/src/styles/mobile/components/tokens.light.css +206 -383
  86. package/src/styles/mobile/components/variables/carousel.variant.less +8 -0
  87. package/src/styles/mobile/components/variables/container.variant.less +26 -3
  88. package/src/styles/mobile/components/variables/form-controls.variant.less +8 -2
  89. package/src/styles/mobile/components/variables/label.variant.less +35 -4
  90. package/src/styles/mobile/components/variables/navitem.variant.less +14 -0
  91. package/src/styles/mobile/components/variables/panel.variant.less +16 -8
  92. package/src/styles/mobile/components/variables/picture.variant.less +2 -2
  93. package/src/styles/mobile/components/variables/switch.variant.less +6 -1
  94. package/src/styles/mobile/components/variables/tabs.variant.less +6 -2
  95. package/src/styles/mobile/components/variables/toggle.variant.less +8 -0
  96. package/src/styles/mobile/studio/advanced/styles.less +1 -0
  97. package/src/styles/mobile/studio/advanced/webview.less +7 -0
  98. package/src/styles/mobile/studio/basic/button-group.less +3 -1
  99. package/src/styles/mobile/studio/basic/label.less +22 -7
  100. package/src/styles/mobile/studio/basic/message.less +6 -0
  101. package/src/styles/mobile/studio/basic/picture.less +6 -0
  102. package/src/styles/mobile/studio/basic/search.less +8 -0
  103. package/src/styles/mobile/studio/container/container.less +10 -3
  104. package/src/styles/mobile/studio/container/linearlayout.less +8 -0
  105. package/src/styles/mobile/studio/container/panel.less +3 -7
  106. package/src/styles/mobile/studio/container/styles.less +2 -1
  107. package/src/styles/mobile/studio/container/tabs.less +8 -7
  108. package/src/styles/mobile/studio/data/list.less +22 -0
  109. package/src/styles/mobile/studio/dialogs/base-dialog.less +152 -3
  110. package/src/styles/mobile/studio/input/form.less +61 -26
  111. package/src/styles/mobile/studio/input/switch.less +2 -1
  112. package/src/styles/mobile/studio/layouts/appnavbar.less +12 -5
  113. package/src/styles/mobile/studio/layouts/page-content.less +1 -1
  114. package/src/styles/mobile/studio/layouts/tabbar.less +10 -2
  115. package/src/styles/mobile/studio/navigation/nav.less +19 -1
  116. package/src/styles/mobile/studio/navigation/popover.less +32 -1
  117. package/src/tokens/mobile/components/accordion/accordion.json +1 -29
  118. package/src/tokens/mobile/components/anchor/anchor.json +18 -0
  119. package/src/tokens/mobile/components/bottomsheet/bottomsheet.json +39 -5
  120. package/src/tokens/mobile/components/button/button.json +1 -3
  121. package/src/tokens/mobile/components/button-group/button-group.json +25 -41
  122. package/src/tokens/mobile/components/calendar/calendar.json +0 -8
  123. package/src/tokens/mobile/components/camera/camera.json +34 -8
  124. package/src/tokens/mobile/components/cards/cards.json +34 -8
  125. package/src/tokens/mobile/components/carousel/carousel.json +74 -2
  126. package/src/tokens/mobile/components/container/container.json +144 -14
  127. package/src/tokens/mobile/components/fileupload/fileupload.json +1 -1
  128. package/src/tokens/mobile/components/form-controls/form-controls.json +200 -56
  129. package/src/tokens/mobile/components/label/label.json +219 -21
  130. package/src/tokens/mobile/components/list/list.json +45 -135
  131. package/src/tokens/mobile/components/lottie/lottie.json +40 -7
  132. package/src/tokens/mobile/components/modal-dialog/modal-dialog.json +116 -54
  133. package/src/tokens/mobile/components/nav/nav.json +38 -83
  134. package/src/tokens/mobile/components/navbar/navbar.json +61 -0
  135. package/src/tokens/mobile/components/navitem/navitem.json +521 -0
  136. package/src/tokens/mobile/components/panel/panel.json +114 -84
  137. package/src/tokens/mobile/components/panel-footer/panel-footer.json +116 -0
  138. package/src/tokens/mobile/components/picture/picture.json +2 -6
  139. package/src/tokens/mobile/components/popover/popover.json +102 -18
  140. package/src/tokens/mobile/components/search/search.json +133 -9
  141. package/src/tokens/mobile/components/switch/switch.json +47 -2
  142. package/src/tokens/mobile/components/tabbar/tabbar.json +29 -11
  143. package/src/tokens/mobile/components/tabs/tabs.json +72 -32
  144. package/src/tokens/mobile/components/tile/tile.json +18 -2
  145. package/src/tokens/mobile/components/toggle/toggle.json +68 -0
  146. package/src/tokens/mobile/components/webview/webview.json +45 -4
  147. package/src/tokens/mobile/global/box-shadow/box-shadow.json +6 -0
  148. package/src/tokens/mobile/global/font/font.json +33 -0
  149. package/src/tokens/mobile/global/opacity/opacity.json +2 -3
  150. package/src/tokens/web/components/button/button.json +1 -1
  151. package/src/tokens/web/components/calendar/Token.Readme.md +55 -22
  152. package/src/tokens/web/components/calendar/calendar.json +422 -152
  153. package/src/tokens/web/components/cards/cards.json +5 -5
  154. package/src/tokens/web/components/checkbox/Token.Readme.md +1 -0
  155. package/src/tokens/web/components/checkbox/checkbox.json +8 -0
  156. package/src/tokens/web/components/data-table/data-table.json +27 -2
  157. package/src/tokens/web/components/dropdown-menu/dropdown-menu.json +2 -2
  158. package/src/tokens/web/components/form-controls/Token.Readme.md +1 -0
  159. package/src/tokens/web/components/form-controls/form-controls.json +19 -2
  160. package/src/tokens/web/components/iconbutton-toggleable/Readme.md +17 -0
  161. package/src/tokens/web/components/iconbutton-toggleable/Token.Readme.md +19 -0
  162. package/src/tokens/web/components/iconbutton-toggleable/iconbutton-toggleable.json +557 -0
  163. package/src/tokens/web/components/page-content/page-content.json +1 -1
  164. package/src/tokens/web/components/page-left-nav/page-left-nav.json +1 -1
  165. package/src/tokens/web/components/page-right-nav/Readme.md +4 -4
  166. package/src/tokens/web/components/page-right-nav/page-right-nav.json +4 -4
  167. package/src/tokens/web/components/popover/Token.Readme.md +3 -2
  168. package/src/tokens/web/components/popover/popover.json +26 -16
  169. package/src/tokens/web/components/progress-circle/Token.Readme.md +6 -1
  170. package/src/tokens/web/components/progress-circle/progress-circle.json +40 -0
  171. package/src/tokens/web/components/rating/rating.json +2 -2
  172. package/src/tokens/web/components/slider/Token.Readme.md +24 -0
  173. package/src/tokens/web/components/slider/slider.json +153 -0
  174. package/src/tokens/web/components/switch/switch.json +1 -1
  175. package/src/tokens/web/components/tabs/Token.Readme.md +4 -0
  176. package/src/tokens/web/components/tabs/tabs.json +33 -1
  177. package/src/tokens/web/global/elevation/elevation.json +5 -5
  178. package/src/utils/style-dictionary-utils.js +25 -40
  179. package/src/utils/style-dictionary-utils.js.map +1 -1
  180. package/web.index.js +21 -2
  181. package/web.index.js.map +1 -1
  182. package/cjs/src_tokens_mobile_components_page-layout_page-layout_json.foundation-css.cjs +0 -14
  183. package/cjs/src_tokens_mobile_components_pagination_pagination_json.foundation-css.cjs +0 -14
  184. package/cjs/src_tokens_mobile_components_richtext-editor_richtext-editor_json.foundation-css.cjs +0 -14
  185. package/src/styles/mobile/components/variables/button-group.variant.less +0 -7
  186. package/src/tokens/mobile/components/page-layout/page-layout.json +0 -738
  187. package/src/tokens/mobile/components/pagination/pagination.json +0 -250
  188. package/src/tokens/mobile/components/richtext-editor/richtext-editor.json +0 -546
package/src/tokens/mobile/components/page-layout/page-layout.json DELETED
@@ -1,738 +0,0 @@
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
- "aside": {
51
- "panel": {
52
- "width": {
53
- "value": "220px",
54
- "type": "space"
55
- },
56
- "background": {
57
- "value": "{color.surface.@.value}",
58
- "type": "color"
59
- },
60
- "color": {
61
- "value": "{color.on-surface.variant.@.value}",
62
- "type": "color"
63
- },
64
- "border": {
65
- "color": {
66
- "value": "{color.outline.variant.value}",
67
- "type": "color"
68
- },
69
- "style": {
70
- "value": "solid",
71
- "type": "radius"
72
- },
73
- "width": {
74
- "value": "0px 1px 0px 0px",
75
- "type":"radius"
76
- },
77
- "radius":{
78
- "value": "{radius.none.value}",
79
- "type": "radius"
80
- }
81
- },
82
- "shadow": {
83
- "value": "{elevation.shadow.none.value}",
84
- "type": "radius"
85
- },
86
- "padding": {
87
- "top": {
88
- "value": "{space.5.value}",
89
- "type": "space"
90
- },
91
- "right": {
92
- "value": "{space.0.value}",
93
- "type": "space"
94
- },
95
- "bottom": {
96
- "value": "{space.0.value}",
97
- "type": "space"
98
- },
99
- "left": {
100
- "value": "{space.0.value}",
101
- "type": "space"
102
- }
103
- },
104
- "rail": {
105
- "width": {
106
- "value": "102px",
107
- "type": "space"
108
- },
109
- "background": {
110
- "value": "{color.surface.@.value}",
111
- "type": "color"
112
- },
113
- "color": {
114
- "value": "{color.on-surface.variant.@.value}",
115
- "type": "color"
116
- },
117
- "border": {
118
- "color": {
119
- "value": "{color.outline.variant.value}",
120
- "type": "color"
121
- },
122
- "style": {
123
- "value": "solid",
124
- "type": "radius"
125
- },
126
- "width": {
127
- "value": "0px 1px 0px 0px",
128
- "type":"radius"
129
- },
130
- "radius": {
131
- "value": "{radius.none.value}",
132
- "type": "radius"
133
- }
134
- },
135
- "shadow": {
136
- "value": "{elevation.shadow.none.value}",
137
- "type": "radius"
138
- },
139
- "padding": {
140
- "top": {
141
- "value": "{space.7.value}",
142
- "type": "space"
143
- },
144
- "right": {
145
- "value": "{space.0.value}",
146
- "type": "space"
147
- },
148
- "bottom": {
149
- "value": "{space.0.value}",
150
- "type": "space"
151
- },
152
- "left": {
153
- "value": "{space.0.value}",
154
- "type": "space"
155
- }
156
- }
157
- }
158
- },
159
- "nav": {
160
- "padding": {
161
- "value": "{space.0.value}",
162
- "type": "space"
163
- },
164
- "background": {
165
- "value": "{aside.panel.background.value}",
166
- "type": "color"
167
- },
168
- "color": {
169
- "value": "{aside.panel.color.value}",
170
- "type": "color"
171
- },
172
- "gap": {
173
- "value": "{space.1.value}",
174
- "type": "space"
175
- },
176
- "item": {
177
- "min": {
178
- "height": {
179
- "value": "56px",
180
- "type": "space"
181
- }
182
- },
183
- "padding": {
184
- "value": "{space.2.value} {space.6.value}",
185
- "type": "space"
186
- },
187
- "font-size": {
188
- "value": "{label.large.font-size.value}",
189
- "type": "font"
190
- },
191
- "font-family": {
192
- "value": "{label.large.font-family.value}",
193
- "type": "font"
194
- },
195
- "font-weight": {
196
- "value": "{label.large.font-weight.value}",
197
- "type": "font"
198
- },
199
- "line-height": {
200
- "value": "{label.large.line-height.value}",
201
- "type": "font"
202
- },
203
- "letter-spacing": {
204
- "value": "{label.large.letter-spacing.value}",
205
- "type": "font"
206
- },
207
- "radius": {
208
- "value": "{radius.none.value}",
209
- "type": "radius"
210
- },
211
- "icon": {
212
- "size": {
213
- "value": "{icon.size.@.value}",
214
- "type": "space"
215
- },
216
- "width": {
217
- "value": "{icon.size.@.value}",
218
- "type": "space"
219
- },
220
- "height": {
221
- "value": "{icon.size.@.value}",
222
- "type": "space"
223
- },
224
- "background": {
225
- "@": {
226
- "value": "inherit",
227
- "type": "color"
228
- },
229
- "active": {
230
- "value": "inherit",
231
- "type": "color"
232
- }
233
- },
234
- "color": {
235
- "@": {
236
- "value": "inherit",
237
- "type": "color"
238
- },
239
- "active": {
240
- "value": "inherit",
241
- "type": "color"
242
- }
243
- }
244
- },
245
- "gap": {
246
- "value": "{space.2.value}",
247
- "type": "space"
248
- },
249
- "color": {
250
- "@": {
251
- "value": "{aside.nav.color.value}",
252
- "type": "color"
253
- },
254
- "active": {
255
- "value": "{color.secondary.@.value}",
256
- "type": "color"
257
- }
258
- },
259
- "background": {
260
- "@": {
261
- "value": "none",
262
- "type": "color"
263
- },
264
- "active": {
265
- "value": "linear-gradient(105.79deg, ~\"color-mix(in srgb, {color.secondary.@.value}, transparent calc(100% - {opacity.hover.value}))\" 44.21%, ~\"color-mix(in srgb, {color.white.@.value}, transparent calc(100% - {opacity.hover.value}))\" 103.73%)",
266
- "type": "color"
267
- }
268
- },
269
- "state": {
270
- "layer": {
271
- "color": {
272
- "value": "{color.on-surface.@.value}",
273
- "type": "color"
274
- },
275
- "opacity": {
276
- "hover": {
277
- "value": "{opacity.hover.value}",
278
- "type": "radius"
279
- },
280
- "focus": {
281
- "value": "{opacity.focus.value}",
282
- "type": "radius"
283
- },
284
- "active": {
285
- "value": "{opacity.active.value}",
286
- "type": "radius"
287
- }
288
- }
289
- }
290
- },
291
- "caret": {
292
- "size": {
293
- "value": "{icon.size.sm.value}",
294
- "type": "space"
295
- }
296
- },
297
- "indicator": {
298
- "width": {
299
- "value": "1px",
300
- "type": "space"
301
- },
302
- "height": {
303
- "value": "100%",
304
- "type": "space"
305
- },
306
- "position": {
307
- "top": {
308
- "value": "0",
309
- "type": "space"
310
- },
311
- "right": {
312
- "value": "0",
313
- "type": "space"
314
- },
315
- "bottom": {
316
- "value": "0",
317
- "type": "space"
318
- },
319
- "left": {
320
- "value": "auto",
321
- "type": "space"
322
- }
323
- },
324
- "radius": {
325
- "value": "0",
326
- "type": "radius"
327
- },
328
- "color": {
329
- "@": {
330
- "value": "none",
331
- "type": "color"
332
- },
333
- "active": {
334
- "value": "{color.secondary.@.value}",
335
- "type": "color"
336
- }
337
- }
338
- }
339
- },
340
- "submenu": {
341
- "padding": {
342
- "value": "{space.0.value} {space.0.value} {space.0.value} {space.3.value}",
343
- "type": "space"
344
- },
345
- "background": {
346
- "value": "{aside.nav.item.background.@.value}",
347
- "type": "color"
348
- },
349
- "color": {
350
- "value": "{aside.nav.item.color.@.value}",
351
- "type": "color"
352
- },
353
- "box": {
354
- "shadow": {
355
- "value": "none",
356
- "type": "radius"
357
- }
358
- },
359
- "radius": {
360
- "value": "{radius.none.value} {radius.sm.value} {radius.sm.value} {radius.none.value}",
361
- "type": "radius"
362
- },
363
- "item": {
364
- "min": {
365
- "height": {
366
- "value": "44px",
367
- "type": "space"
368
- }
369
- },
370
- "padding": {
371
- "value": "{space.2.value} {space.6.value}",
372
- "type": "space"
373
- },
374
- "font-size": {
375
- "value": "{label.large.font-size.value}",
376
- "type": "font"
377
- },
378
- "font-family": {
379
- "value": "{label.large.font-family.value}",
380
- "type": "font"
381
- },
382
- "font-weight": {
383
- "value": "{label.large.font-weight.value}",
384
- "type": "font"
385
- },
386
- "line-height": {
387
- "value": "{label.large.line-height.value}",
388
- "type": "font"
389
- },
390
- "letter-spacing": {
391
- "value": "{label.large.letter-spacing.value}",
392
- "type": "font"
393
- },
394
- "radius": {
395
- "value": "{aside.nav.item.radius.value}",
396
- "type": "radius"
397
- },
398
- "gap": {
399
- "value": "{space.2.value}",
400
- "type": "space"
401
- },
402
- "color": {
403
- "@": {
404
- "value": "{aside.nav.submenu.color.value}",
405
- "type": "color"
406
- },
407
- "active": {
408
- "value": "{color.on-secondary.container.@.value}",
409
- "type": "color"
410
- }
411
- },
412
- "background": {
413
- "@": {
414
- "value": "{aside.nav.submenu.background.value}",
415
- "type": "color"
416
- },
417
- "active": {
418
- "value": "{color.secondary.container.@.value}",
419
- "type": "color"
420
- }
421
- }
422
- }
423
- },
424
- "rail": {
425
- "padding": {
426
- "value": "{space.0.value}",
427
- "type": "space"
428
- },
429
- "background": {
430
- "value": "{aside.panel.rail.background.value}",
431
- "type": "color"
432
- },
433
- "color": {
434
- "value": "{aside.panel.rail.color.value}",
435
- "type": "color"
436
- },
437
- "gap": {
438
- "value": "{space.3.value}",
439
- "type": "space"
440
- },
441
- "item": {
442
- "height": {
443
- "value": "90px",
444
- "type": "space"
445
- },
446
- "padding": {
447
- "value": "{space.3.value} {space.0.value}",
448
- "type": "space"
449
- },
450
- "font-size": {
451
- "value": "{label.medium.font-size.value}",
452
- "type": "font"
453
- },
454
- "font-family": {
455
- "value": "{label.medium.font-family.value}",
456
- "type": "font"
457
- },
458
- "font-weight": {
459
- "@": {
460
- "value": "{label.medium.font-weight.value}",
461
- "type": "font"
462
- },
463
- "active": {
464
- "value": "{font.weight.600.value}",
465
- "type": "font"
466
- }
467
- },
468
- "line-height": {
469
- "value": "{label.medium.line-height.value}",
470
- "type": "font"
471
- },
472
- "letter-spacing": {
473
- "value": "{label.medium.letter-spacing.value}",
474
- "type": "font"
475
- },
476
- "color": {
477
- "@": {
478
- "value": "{aside.nav.rail.color.value}",
479
- "type": "color"
480
- },
481
- "active": {
482
- "value": "{color.secondary.@.value}",
483
- "type": "color"
484
- }
485
- },
486
- "background": {
487
- "@": {
488
- "value": "{aside.nav.rail.background.value}",
489
- "type": "color"
490
- },
491
- "active": {
492
- "value": "linear-gradient(105.79deg, ~\"color-mix(in srgb, {color.secondary.@.value}, transparent calc(100% - {opacity.hover.value}))\" 44.21%, ~\"color-mix(in srgb, {color.white.@.value}, transparent calc(100% - {opacity.hover.value}))\" 103.73%)",
493
- "type": "color"
494
- }
495
- },
496
- "radius": {
497
- "value": "{radius.none.value}",
498
- "type": "radius"
499
- },
500
- "gap": {
501
- "value": "{space.1.value}",
502
- "type": "space"
503
- },
504
- "state": {
505
- "layer": {
506
- "color": {
507
- "value": "{color.on-surface.@.value}",
508
- "type": "color"
509
- },
510
- "opacity": {
511
- "hover": {
512
- "value": "{opacity.hover.value}",
513
- "type": "radius"
514
- },
515
- "focus": {
516
- "value": "{opacity.focus.value}",
517
- "type": "radius"
518
- },
519
- "active": {
520
- "value": "{opacity.active.value}",
521
- "type": "radius"
522
- }
523
- }
524
- }
525
- },
526
- "icon": {
527
- "size": {
528
- "value": "24px",
529
- "type": "space"
530
- },
531
- "width": {
532
- "value": "40px",
533
- "type": "space"
534
- },
535
- "height": {
536
- "value": "40px",
537
- "type": "space"
538
- },
539
- "radius": {
540
- "@": {
541
- "value": "{radius.none.value}",
542
- "type": "radius"
543
- },
544
- "active": {
545
- "value": "{radius.none.value}",
546
- "type": "radius"
547
- }
548
- },
549
- "color": {
550
- "@": {
551
- "value": "{aside.nav.rail.item.color.@.value}",
552
- "type": "color"
553
- },
554
- "active": {
555
- "value": "{aside.nav.rail.item.color.active.value}",
556
- "type": "color"
557
- }
558
- },
559
- "background": {
560
- "@": {
561
- "value": "none",
562
- "type": "color"
563
- },
564
- "active": {
565
- "value": "none",
566
- "type": "color"
567
- }
568
- },
569
- "state": {
570
- "layer": {
571
- "color": {
572
- "value": "none",
573
- "type": "color"
574
- },
575
- "opacity": {
576
- "hover": {
577
- "value": "{opacity.hover.value}",
578
- "type": "radius"
579
- },
580
- "focus": {
581
- "value": "{opacity.focus.value}",
582
- "type": "radius"
583
- },
584
- "active": {
585
- "value": "{opacity.active.value}",
586
- "type": "radius"
587
- }
588
- }
589
- }
590
- }
591
- },
592
- "indicator": {
593
- "width": {
594
- "value": "{aside.nav.item.indicator.width.value}",
595
- "type": "space"
596
- },
597
- "height": {
598
- "value": "{aside.nav.item.indicator.height.value}",
599
- "type": "space"
600
- },
601
- "position": {
602
- "top": {
603
- "value": "{aside.nav.item.indicator.position.top.value}",
604
- "type": "space"
605
- },
606
- "right": {
607
- "value": "{aside.nav.item.indicator.position.right.value}",
608
- "type": "space"
609
- },
610
- "bottom": {
611
- "value": "{aside.nav.item.indicator.position.bottom.value}",
612
- "type": "space"
613
- },
614
- "left": {
615
- "value": "{aside.nav.item.indicator.position.left.value}",
616
- "type": "space"
617
- }
618
- },
619
- "radius": {
620
- "value": "{aside.nav.item.indicator.radius.value}",
621
- "type": "radius"
622
- },
623
- "color": {
624
- "@": {
625
- "value": "{aside.nav.item.indicator.color.@.value}",
626
- "type": "color"
627
- },
628
- "active": {
629
- "value": "{aside.nav.item.indicator.color.active.value}",
630
- "type": "color"
631
- }
632
- }
633
- }
634
- },
635
- "submenu": {
636
- "padding": {
637
- "value": "{space.2.value}",
638
- "type": "space"
639
- },
640
- "background": {
641
- "value": "{aside.nav.rail.background.value}",
642
- "type": "color"
643
- },
644
- "color": {
645
- "value": "{aside.nav.rail.color.value}",
646
- "type": "color"
647
- },
648
- "box": {
649
- "shadow": {
650
- "value": "{elevation.shadow.1.value}",
651
- "type": "radius"
652
- }
653
- },
654
- "radius": {
655
- "value": "{aside.nav.submenu.radius.value}",
656
- "type": "radius"
657
- },
658
- "width": {
659
- "value": "260px",
660
- "type": "space"
661
- },
662
- "item": {
663
- "min": {
664
- "height": {
665
- "value": "44px",
666
- "type": "space"
667
- }
668
- },
669
- "padding": {
670
- "value": "{space.2.value} {space.6.value}",
671
- "type": "space"
672
- },
673
- "font-size": {
674
- "value": "{label.large.font-size.value}",
675
- "type": "font"
676
- },
677
- "font-family": {
678
- "value": "{label.large.font-family.value}",
679
- "type": "font"
680
- },
681
- "font-weight": {
682
- "value": "{label.large.font-weight.value}",
683
- "type": "font"
684
- },
685
- "line-height": {
686
- "value": "{label.large.line-height.value}",
687
- "type": "font"
688
- },
689
- "letter-spacing": {
690
- "value": "{label.large.letter-spacing.value}",
691
- "type": "font"
692
- },
693
- "radius": {
694
- "value": "{aside.nav.rail.item.radius.value}",
695
- "type": "radius"
696
- },
697
- "gap": {
698
- "value": "{space.2.value}",
699
- "type": "space"
700
- },
701
- "color": {
702
- "@": {
703
- "value": "{aside.nav.rail.submenu.color.value}",
704
- "type": "color"
705
- },
706
- "active": {
707
- "value": "{color.on-secondary.container.@.value}",
708
- "type": "color"
709
- }
710
- },
711
- "background": {
712
- "@": {
713
- "value": "{aside.nav.rail.submenu.background.value}",
714
- "type": "color"
715
- },
716
- "active": {
717
- "value": "{color.secondary.container.@.value}",
718
- "type": "color"
719
- }
720
- }
721
- }
722
- }
723
- }
724
- },
725
- "right": {
726
- "nav": {
727
- "rail": {
728
- "submenu": {
729
- "radius": {
730
- "value": "{radius.sm.value} {radius.none.value} {radius.none.value} {radius.sm.value}",
731
- "type": "radius"
732
- }
733
- }
734
- }
735
- }
736
- }
737
- }
738
- }