@wavemaker/foundation-css 12.0.0-next.25480 → 12.0.0-next.28533

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 (236) hide show
  1. package/cjs/foundation-css.cjs +5749 -5466
  2. package/cjs/src_tokens_mobile_components_accordion_accordion_json.foundation-css.cjs +4 -4
  3. package/cjs/src_tokens_mobile_components_anchor_anchor_json.foundation-css.cjs +4 -4
  4. package/cjs/src_tokens_mobile_components_audio_audio_json.foundation-css.cjs +3 -3
  5. package/cjs/src_tokens_mobile_components_badge_badge_json.foundation-css.cjs +3 -3
  6. package/cjs/src_tokens_mobile_components_barcodescanner_barcodescanner_json.foundation-css.cjs +3 -3
  7. package/cjs/src_tokens_mobile_components_bottomsheet_bottomsheet_json.foundation-css.cjs +4 -4
  8. package/cjs/src_tokens_mobile_components_breadcrumb_breadcrumb_json.foundation-css.cjs +3 -3
  9. package/cjs/src_tokens_mobile_components_button-group_button-group_json.foundation-css.cjs +3 -3
  10. package/cjs/src_tokens_mobile_components_button_button_json.foundation-css.cjs +4 -4
  11. package/cjs/src_tokens_mobile_components_calendar_calendar_json.foundation-css.cjs +3 -3
  12. package/cjs/src_tokens_mobile_components_camera_camera_json.foundation-css.cjs +4 -4
  13. package/cjs/src_tokens_mobile_components_cards_cards_json.foundation-css.cjs +4 -4
  14. package/cjs/src_tokens_mobile_components_carousel_carousel_json.foundation-css.cjs +4 -4
  15. package/cjs/src_tokens_mobile_components_checkbox_checkbox_json.foundation-css.cjs +3 -3
  16. package/cjs/src_tokens_mobile_components_checkboxset_checkboxset_json.foundation-css.cjs +3 -3
  17. package/cjs/src_tokens_mobile_components_chips_chips_json.foundation-css.cjs +3 -3
  18. package/cjs/src_tokens_mobile_components_container_container_json.foundation-css.cjs +4 -4
  19. package/cjs/src_tokens_mobile_components_currency_currency_json.foundation-css.cjs +3 -3
  20. package/cjs/src_tokens_mobile_components_datetime_datetime_json.foundation-css.cjs +3 -3
  21. package/cjs/src_tokens_mobile_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs +3 -3
  22. package/cjs/src_tokens_mobile_components_fileupload_fileupload_json.foundation-css.cjs +3 -3
  23. package/cjs/src_tokens_mobile_components_form-controls_form-controls_json.foundation-css.cjs +4 -4
  24. package/cjs/src_tokens_mobile_components_form-wrapper_form-wrapper_json.foundation-css.cjs +3 -3
  25. package/cjs/src_tokens_mobile_components_grid-layout_grid-layout_json.foundation-css.cjs +3 -3
  26. package/cjs/src_tokens_mobile_components_icon_icon_json.foundation-css.cjs +3 -3
  27. package/cjs/src_tokens_mobile_components_label_label_json.foundation-css.cjs +4 -4
  28. package/cjs/src_tokens_mobile_components_left-nav_left-nav_json.foundation-css.cjs +3 -3
  29. package/cjs/src_tokens_mobile_components_list_list_json.foundation-css.cjs +4 -4
  30. package/cjs/src_tokens_mobile_components_login_login_json.foundation-css.cjs +3 -3
  31. package/cjs/src_tokens_mobile_components_lottie_lottie_json.foundation-css.cjs +4 -4
  32. package/cjs/src_tokens_mobile_components_message_message_json.foundation-css.cjs +3 -3
  33. package/cjs/src_tokens_mobile_components_modal-dialog_modal-dialog_json.foundation-css.cjs +4 -4
  34. package/cjs/src_tokens_mobile_components_nav_nav_json.foundation-css.cjs +4 -4
  35. package/cjs/src_tokens_mobile_components_navbar_navbar_json.foundation-css.cjs +4 -4
  36. package/cjs/src_tokens_mobile_components_navitem_navitem_json.foundation-css.cjs +14 -0
  37. package/cjs/src_tokens_mobile_components_page-content_page-content_json.foundation-css.cjs +3 -3
  38. package/cjs/src_tokens_mobile_components_panel-footer_panel-footer_json.foundation-css.cjs +14 -0
  39. package/cjs/src_tokens_mobile_components_panel_panel_json.foundation-css.cjs +4 -4
  40. package/cjs/src_tokens_mobile_components_picture_picture_json.foundation-css.cjs +3 -3
  41. package/cjs/src_tokens_mobile_components_popover_popover_json.foundation-css.cjs +4 -4
  42. package/cjs/src_tokens_mobile_components_progress-bar_progress-bar_json.foundation-css.cjs +3 -3
  43. package/cjs/src_tokens_mobile_components_progress-circle_progress-circle_json.foundation-css.cjs +3 -3
  44. package/cjs/src_tokens_mobile_components_radioset_radioset_json.foundation-css.cjs +3 -3
  45. package/cjs/src_tokens_mobile_components_rating_rating_json.foundation-css.cjs +3 -3
  46. package/cjs/src_tokens_mobile_components_scrollbar_scrollbar_json.foundation-css.cjs +3 -3
  47. package/cjs/src_tokens_mobile_components_search_search_json.foundation-css.cjs +4 -4
  48. package/cjs/src_tokens_mobile_components_select_select_json.foundation-css.cjs +3 -3
  49. package/cjs/src_tokens_mobile_components_slider_slider_json.foundation-css.cjs +3 -3
  50. package/cjs/src_tokens_mobile_components_spinner_spinner_json.foundation-css.cjs +3 -3
  51. package/cjs/src_tokens_mobile_components_switch_switch_json.foundation-css.cjs +3 -3
  52. package/cjs/src_tokens_mobile_components_tabbar_tabbar_json.foundation-css.cjs +4 -4
  53. package/cjs/src_tokens_mobile_components_tabs_tabs_json.foundation-css.cjs +3 -3
  54. package/cjs/src_tokens_mobile_components_textarea_textarea_json.foundation-css.cjs +3 -3
  55. package/cjs/src_tokens_mobile_components_tile_tile_json.foundation-css.cjs +3 -3
  56. package/cjs/src_tokens_mobile_components_toast_toast_json.foundation-css.cjs +3 -3
  57. package/cjs/src_tokens_mobile_components_toggle_toggle_json.foundation-css.cjs +4 -4
  58. package/cjs/src_tokens_mobile_components_video_video_json.foundation-css.cjs +3 -3
  59. package/cjs/src_tokens_mobile_components_webview_webview_json.foundation-css.cjs +4 -4
  60. package/cjs/src_tokens_mobile_components_wizard_wizard_json.foundation-css.cjs +3 -3
  61. package/cjs/src_tokens_web_components_accordion_accordion_json.foundation-css.cjs +3 -3
  62. package/cjs/src_tokens_web_components_anchor_anchor_json.foundation-css.cjs +3 -3
  63. package/cjs/src_tokens_web_components_audio_audio_json.foundation-css.cjs +3 -3
  64. package/cjs/src_tokens_web_components_badge_badge_json.foundation-css.cjs +3 -3
  65. package/cjs/src_tokens_web_components_breadcrumb_breadcrumb_json.foundation-css.cjs +3 -3
  66. package/cjs/src_tokens_web_components_button-group_button-group_json.foundation-css.cjs +3 -3
  67. package/cjs/src_tokens_web_components_button_button_json.foundation-css.cjs +4 -4
  68. package/cjs/src_tokens_web_components_calendar_calendar_json.foundation-css.cjs +4 -4
  69. package/cjs/src_tokens_web_components_cards_cards_json.foundation-css.cjs +4 -4
  70. package/cjs/src_tokens_web_components_carousel_carousel_json.foundation-css.cjs +3 -3
  71. package/cjs/src_tokens_web_components_checkbox_checkbox_json.foundation-css.cjs +4 -4
  72. package/cjs/src_tokens_web_components_checkboxset_checkboxset_json.foundation-css.cjs +3 -3
  73. package/cjs/src_tokens_web_components_chips_chips_json.foundation-css.cjs +3 -3
  74. package/cjs/src_tokens_web_components_color-picker_color-picker_json.foundation-css.cjs +3 -3
  75. package/cjs/src_tokens_web_components_container_container_json.foundation-css.cjs +3 -3
  76. package/cjs/src_tokens_web_components_currency_currency_json.foundation-css.cjs +3 -3
  77. package/cjs/src_tokens_web_components_data-table_data-table_json.foundation-css.cjs +4 -4
  78. package/cjs/src_tokens_web_components_date_date_json.foundation-css.cjs +3 -3
  79. package/cjs/src_tokens_web_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs +4 -4
  80. package/cjs/src_tokens_web_components_fileupload_fileupload_json.foundation-css.cjs +3 -3
  81. package/cjs/src_tokens_web_components_form-controls_form-controls_json.foundation-css.cjs +4 -4
  82. package/cjs/src_tokens_web_components_grid-layout_grid-layout_json.foundation-css.cjs +3 -3
  83. package/cjs/src_tokens_web_components_icon_icon_json.foundation-css.cjs +3 -3
  84. package/cjs/src_tokens_web_components_iconbutton-toggleable_iconbutton-toggleable_json.foundation-css.cjs +14 -0
  85. package/cjs/src_tokens_web_components_iframe_iframe_json.foundation-css.cjs +3 -3
  86. package/cjs/src_tokens_web_components_label_label_json.foundation-css.cjs +3 -3
  87. package/cjs/src_tokens_web_components_list_list_json.foundation-css.cjs +3 -3
  88. package/cjs/src_tokens_web_components_message_message_json.foundation-css.cjs +3 -3
  89. package/cjs/src_tokens_web_components_modal-dialog_modal-dialog_json.foundation-css.cjs +3 -3
  90. package/cjs/src_tokens_web_components_nav_nav_json.foundation-css.cjs +3 -3
  91. package/cjs/src_tokens_web_components_page-content_page-content_json.foundation-css.cjs +4 -4
  92. package/cjs/src_tokens_web_components_page-footer_page-footer_json.foundation-css.cjs +3 -3
  93. package/cjs/src_tokens_web_components_page-header_page-header_json.foundation-css.cjs +3 -3
  94. package/cjs/src_tokens_web_components_page-left-nav_page-left-nav_json.foundation-css.cjs +4 -4
  95. package/cjs/src_tokens_web_components_page-right-nav_page-right-nav_json.foundation-css.cjs +4 -4
  96. package/cjs/src_tokens_web_components_page-top-nav_page-top-nav_json.foundation-css.cjs +3 -3
  97. package/cjs/src_tokens_web_components_pagination_pagination_json.foundation-css.cjs +3 -3
  98. package/cjs/src_tokens_web_components_panel_panel_json.foundation-css.cjs +3 -3
  99. package/cjs/src_tokens_web_components_picture_picture_json.foundation-css.cjs +3 -3
  100. package/cjs/src_tokens_web_components_popover_popover_json.foundation-css.cjs +4 -4
  101. package/cjs/src_tokens_web_components_progress-bar_progress-bar_json.foundation-css.cjs +3 -3
  102. package/cjs/src_tokens_web_components_progress-circle_progress-circle_json.foundation-css.cjs +4 -4
  103. package/cjs/src_tokens_web_components_radioset_radioset_json.foundation-css.cjs +3 -3
  104. package/cjs/src_tokens_web_components_rating_rating_json.foundation-css.cjs +4 -4
  105. package/cjs/src_tokens_web_components_richtext-editor_richtext-editor_json.foundation-css.cjs +3 -3
  106. package/cjs/src_tokens_web_components_scrollbar_scrollbar_json.foundation-css.cjs +3 -3
  107. package/cjs/src_tokens_web_components_search_search_json.foundation-css.cjs +3 -3
  108. package/cjs/src_tokens_web_components_slider_slider_json.foundation-css.cjs +14 -0
  109. package/cjs/src_tokens_web_components_spinner_spinner_json.foundation-css.cjs +3 -3
  110. package/cjs/src_tokens_web_components_switch_switch_json.foundation-css.cjs +4 -4
  111. package/cjs/src_tokens_web_components_tabs_tabs_json.foundation-css.cjs +4 -4
  112. package/cjs/src_tokens_web_components_tile_tile_json.foundation-css.cjs +3 -3
  113. package/cjs/src_tokens_web_components_time_time_json.foundation-css.cjs +3 -3
  114. package/cjs/src_tokens_web_components_toast_toast_json.foundation-css.cjs +3 -3
  115. package/cjs/src_tokens_web_components_toggle_toggle_json.foundation-css.cjs +3 -3
  116. package/cjs/src_tokens_web_components_video_video_json.foundation-css.cjs +3 -3
  117. package/cjs/src_tokens_web_components_wizard_wizard_json.foundation-css.cjs +3 -3
  118. package/foundation/foundation.css +668 -179
  119. package/foundation/foundation.min.css +1 -1
  120. package/native_mobile.index.d.ts +25 -0
  121. package/native_mobile.index.js +29 -3
  122. package/native_mobile.index.js.map +1 -1
  123. package/npm-shrinkwrap.json +359 -49
  124. package/package-lock.json +359 -49
  125. package/package.json +8 -7
  126. package/src/styles/mobile/components/advanced/carousel.less +10 -0
  127. package/src/styles/mobile/components/advanced/webview.less +6 -2
  128. package/src/styles/mobile/components/basic/anchor.less +2 -2
  129. package/src/styles/mobile/components/basic/bottomsheet.less +6 -0
  130. package/src/styles/mobile/components/basic/button.less +17 -5
  131. package/src/styles/mobile/components/basic/label.less +150 -15
  132. package/src/styles/mobile/components/basic/lottie.less +6 -3
  133. package/src/styles/mobile/components/basic/search.less +21 -2
  134. package/src/styles/mobile/components/container/panel/panel-footer.less +13 -1
  135. package/src/styles/mobile/components/container/panel.less +31 -34
  136. package/src/styles/mobile/components/container/tabs.less +1 -0
  137. package/src/styles/mobile/components/container.less +16 -4
  138. package/src/styles/mobile/components/data/card.less +4 -1
  139. package/src/styles/mobile/components/data/form.less +72 -27
  140. package/src/styles/mobile/components/data/list.less +10 -45
  141. package/src/styles/mobile/components/device/camera.less +4 -3
  142. package/src/styles/mobile/components/dialogs/dialog.less +56 -12
  143. package/src/styles/mobile/components/input/toggle.less +2 -0
  144. package/src/styles/mobile/components/navigation/appnavbar.less +12 -4
  145. package/src/styles/mobile/components/navigation/navitem.less +78 -17
  146. package/src/styles/mobile/components/navigation/popover.less +19 -4
  147. package/src/styles/mobile/components/page/tabbar.less +13 -2
  148. package/src/styles/mobile/components/tokens.light.css +192 -374
  149. package/src/styles/mobile/components/variables/carousel.variant.less +8 -0
  150. package/src/styles/mobile/components/variables/container.variant.less +26 -3
  151. package/src/styles/mobile/components/variables/form-controls.variant.less +8 -2
  152. package/src/styles/mobile/components/variables/label.variant.less +35 -4
  153. package/src/styles/mobile/components/variables/navitem.variant.less +14 -0
  154. package/src/styles/mobile/components/variables/toggle.variant.less +8 -0
  155. package/src/styles/mobile/studio/advanced/styles.less +1 -0
  156. package/src/styles/mobile/studio/advanced/webview.less +7 -0
  157. package/src/styles/mobile/studio/basic/label.less +22 -7
  158. package/src/styles/mobile/studio/basic/picture.less +6 -0
  159. package/src/styles/mobile/studio/basic/search.less +8 -0
  160. package/src/styles/mobile/studio/container/container.less +10 -3
  161. package/src/styles/mobile/studio/container/linearlayout.less +8 -0
  162. package/src/styles/mobile/studio/container/panel.less +3 -7
  163. package/src/styles/mobile/studio/container/styles.less +2 -1
  164. package/src/styles/mobile/studio/container/tabs.less +2 -1
  165. package/src/styles/mobile/studio/data/list.less +22 -0
  166. package/src/styles/mobile/studio/dialogs/base-dialog.less +152 -3
  167. package/src/styles/mobile/studio/input/form.less +61 -26
  168. package/src/styles/mobile/studio/layouts/appnavbar.less +11 -4
  169. package/src/styles/mobile/studio/layouts/page-content.less +1 -1
  170. package/src/styles/mobile/studio/layouts/tabbar.less +10 -2
  171. package/src/styles/mobile/studio/navigation/nav.less +19 -1
  172. package/src/styles/mobile/studio/navigation/popover.less +32 -1
  173. package/src/tokens/mobile/components/accordion/accordion.json +0 -28
  174. package/src/tokens/mobile/components/anchor/anchor.json +18 -0
  175. package/src/tokens/mobile/components/bottomsheet/bottomsheet.json +39 -5
  176. package/src/tokens/mobile/components/button/button.json +1 -3
  177. package/src/tokens/mobile/components/camera/camera.json +34 -8
  178. package/src/tokens/mobile/components/cards/cards.json +34 -8
  179. package/src/tokens/mobile/components/carousel/carousel.json +74 -2
  180. package/src/tokens/mobile/components/container/container.json +142 -12
  181. package/src/tokens/mobile/components/form-controls/form-controls.json +200 -56
  182. package/src/tokens/mobile/components/label/label.json +219 -21
  183. package/src/tokens/mobile/components/list/list.json +45 -135
  184. package/src/tokens/mobile/components/lottie/lottie.json +40 -7
  185. package/src/tokens/mobile/components/modal-dialog/modal-dialog.json +116 -54
  186. package/src/tokens/mobile/components/nav/nav.json +38 -83
  187. package/src/tokens/mobile/components/navbar/navbar.json +61 -0
  188. package/src/tokens/mobile/components/navitem/navitem.json +521 -0
  189. package/src/tokens/mobile/components/panel/panel.json +26 -60
  190. package/src/tokens/mobile/components/panel-footer/panel-footer.json +116 -0
  191. package/src/tokens/mobile/components/popover/popover.json +102 -18
  192. package/src/tokens/mobile/components/search/search.json +133 -9
  193. package/src/tokens/mobile/components/tabbar/tabbar.json +29 -11
  194. package/src/tokens/mobile/components/toggle/toggle.json +68 -0
  195. package/src/tokens/mobile/components/webview/webview.json +45 -4
  196. package/src/tokens/mobile/global/box-shadow/box-shadow.json +6 -0
  197. package/src/tokens/mobile/global/font/font.json +33 -0
  198. package/src/tokens/mobile/global/opacity/opacity.json +2 -3
  199. package/src/tokens/web/components/button/button.json +1 -1
  200. package/src/tokens/web/components/calendar/Token.Readme.md +55 -22
  201. package/src/tokens/web/components/calendar/calendar.json +422 -152
  202. package/src/tokens/web/components/cards/cards.json +5 -5
  203. package/src/tokens/web/components/checkbox/Token.Readme.md +1 -0
  204. package/src/tokens/web/components/checkbox/checkbox.json +8 -0
  205. package/src/tokens/web/components/data-table/data-table.json +27 -2
  206. package/src/tokens/web/components/dropdown-menu/dropdown-menu.json +2 -2
  207. package/src/tokens/web/components/form-controls/Token.Readme.md +1 -0
  208. package/src/tokens/web/components/form-controls/form-controls.json +19 -2
  209. package/src/tokens/web/components/iconbutton-toggleable/Readme.md +17 -0
  210. package/src/tokens/web/components/iconbutton-toggleable/Token.Readme.md +19 -0
  211. package/src/tokens/web/components/iconbutton-toggleable/iconbutton-toggleable.json +557 -0
  212. package/src/tokens/web/components/page-content/page-content.json +1 -1
  213. package/src/tokens/web/components/page-left-nav/page-left-nav.json +1 -1
  214. package/src/tokens/web/components/page-right-nav/Readme.md +4 -4
  215. package/src/tokens/web/components/page-right-nav/page-right-nav.json +4 -4
  216. package/src/tokens/web/components/popover/Token.Readme.md +3 -2
  217. package/src/tokens/web/components/popover/popover.json +26 -16
  218. package/src/tokens/web/components/progress-circle/Token.Readme.md +6 -1
  219. package/src/tokens/web/components/progress-circle/progress-circle.json +40 -0
  220. package/src/tokens/web/components/rating/rating.json +2 -2
  221. package/src/tokens/web/components/slider/Token.Readme.md +24 -0
  222. package/src/tokens/web/components/slider/slider.json +153 -0
  223. package/src/tokens/web/components/switch/switch.json +1 -1
  224. package/src/tokens/web/components/tabs/Token.Readme.md +4 -0
  225. package/src/tokens/web/components/tabs/tabs.json +33 -1
  226. package/src/tokens/web/global/elevation/elevation.json +5 -5
  227. package/src/utils/style-dictionary-utils.js +25 -40
  228. package/src/utils/style-dictionary-utils.js.map +1 -1
  229. package/web.index.js +21 -2
  230. package/web.index.js.map +1 -1
  231. package/cjs/src_tokens_mobile_components_page-layout_page-layout_json.foundation-css.cjs +0 -14
  232. package/cjs/src_tokens_mobile_components_pagination_pagination_json.foundation-css.cjs +0 -14
  233. package/cjs/src_tokens_mobile_components_richtext-editor_richtext-editor_json.foundation-css.cjs +0 -14
  234. package/src/tokens/mobile/components/page-layout/page-layout.json +0 -738
  235. package/src/tokens/mobile/components/pagination/pagination.json +0 -250
  236. 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
- }