@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
@@ -1,546 +0,0 @@
1
- {
2
- "note": {
3
- "editor": {
4
- "toolbar": {
5
- "border": {
6
- "@": {
7
- "value": "{color.border.translucent.value}",
8
- "type": "color"
9
- },
10
- "style": {
11
- "value": "{border.style.base.value}",
12
- "type": "radius"
13
- },
14
- "width": {
15
- "value": "{border.width.base.value}",
16
- "type": "space"
17
- },
18
- "gap": {
19
- "value": "{space.1.value}",
20
- "type": "space"
21
- }
22
- },
23
- "background": {
24
- "value": "{color.white.@.value}",
25
- "type": "color"
26
- },
27
- "padding": {
28
- "value": "{space.2.value}",
29
- "type": "space"
30
- },
31
- "gap": {
32
- "value": "{space.3.value}",
33
- "type": "space"
34
- }
35
- },
36
- "radius": {
37
- "value": "{radius.sm.value}",
38
- "type": "radius"
39
- },
40
- "border": {
41
- "@": {
42
- "value": "{color.border.translucent.value}",
43
- "type": "color"
44
- },
45
- "style": {
46
- "value": "{border.style.base.value}",
47
- "type": "radius"
48
- },
49
- "width": {
50
- "value": "{border.width.base.value}",
51
- "type": "space"
52
- }
53
- },
54
- "note": {
55
- "placeholder": {
56
- "pdding": {
57
- "value": "{space.3.value}",
58
- "type": "space"
59
- }
60
- },
61
- "code": {
62
- "padding": {
63
- "value": "{space.3.value}",
64
- "type": "space"
65
- },
66
- "background": {
67
- "value": "{color.on-warning.@.value}",
68
- "type": "color"
69
- },
70
- "color": {
71
- "value": "{color.surface.@.value}",
72
- "type": "color"
73
- },
74
- "font-size": {
75
- "value": "{body.medium.font-size.value}",
76
- "type": "font"
77
- },
78
- "font-weight": {
79
- "value": "{body.medium.font-weight.value}",
80
- "type": "font"
81
- },
82
- "font-family": {
83
- "value": "Menlo, Monaco, monospace, sans-serif",
84
- "type": "font"
85
- }
86
- }
87
- },
88
- "btn": {
89
- "group": {
90
- "gap": {
91
- "value": "{space.2.value}",
92
- "type": "space"
93
- }
94
- },
95
- "padding": {
96
- "value": "{space.1.value}",
97
- "type": "space"
98
- },
99
- "min": {
100
- "height": {
101
- "value": "28px",
102
- "type": "space"
103
- }
104
- },
105
- "width": {
106
- "value": "28px",
107
- "type": "space"
108
- },
109
- "radius": {
110
- "value": "{radius.xs.value}",
111
- "type": "radius"
112
- }
113
- },
114
- "dropdown": {
115
- "menu": {
116
- "background": {
117
- "value": "{color.surface.@.value}",
118
- "type": "color"
119
- },
120
- "border": {
121
- "radius": {
122
- "value": "{radius.xs.value}",
123
- "type": "radius"
124
- }
125
- },
126
- "box": {
127
- "shadow": {
128
- "value": "{elevation.shadow.2.value}",
129
- "type": "radius"
130
- }
131
- },
132
- "width": {
133
- "value": "200px",
134
- "type": "space"
135
- },
136
- "max": {
137
- "height": {
138
- "value": "250px",
139
- "type": "space"
140
- }
141
- },
142
- "padding": {
143
- "value": "{space.2.value}",
144
- "type": "space"
145
- },
146
- "item": {
147
- "font-family": {
148
- "value": "{body.large.font-family.value}",
149
- "type": "font"
150
- },
151
- "font-size": {
152
- "value": "{body.large.font-size.value}",
153
- "type": "font"
154
- },
155
- "font-weight": {
156
- "value": "{body.large.font-weight.value}",
157
- "type": "font"
158
- },
159
- "line-height": {
160
- "value": "{body.large.line-height.value}",
161
- "type": "font"
162
- },
163
- "letter-spacing": {
164
- "value": "{body.large.letter-spacing.value}",
165
- "type": "font"
166
- },
167
- "color": {
168
- "value": "{color.on-surface.@.value}",
169
- "type": "color"
170
- },
171
- "state": {
172
- "layer": {
173
- "opacity": {
174
- "focus": {
175
- "value": "{opacity.focus.value}",
176
- "type": "radius"
177
- },
178
- "hover": {
179
- "value": "{opacity.hover.value}",
180
- "type": "radius"
181
- },
182
- "active": {
183
- "value": "{opacity.active.value}",
184
- "type": "radius"
185
- }
186
- }
187
- }
188
- }
189
- },
190
- "min": {
191
- "width": {
192
- "value": "180px",
193
- "type": "space"
194
- }
195
- }
196
- }
197
- },
198
- "pre": {
199
- "border": {
200
- "color": {
201
- "value": "{color.secondary.fixed.@.value}",
202
- "type": "color"
203
- },
204
- "width": {
205
- "value": "{border.width.base.value}",
206
- "type": "space"
207
- }
208
- },
209
- "background": {
210
- "value": "{color.surface.@.value}",
211
- "type": "color"
212
- },
213
- "padding": {
214
- "value": "{space.2.value}",
215
- "type": "space"
216
- },
217
- "radius": {
218
- "value": "{radius.xs.value}",
219
- "type": "radius"
220
- },
221
- "font-family": {
222
- "value": "{body.small.font-family.value}",
223
- "type": "font"
224
- },
225
- "font-size": {
226
- "value": "{body.small.font-size.value}",
227
- "type": "font"
228
- },
229
- "font-weight": {
230
- "value": "{body.small.font-weight.value}",
231
- "type": "font"
232
- },
233
- "line-height": {
234
- "value": "{body.small.line-height.value}",
235
- "type": "font"
236
- },
237
- "color": {
238
- "value": "{color.on-secondary.fixed.variant.value}",
239
- "type": "color"
240
- }
241
- },
242
- "blockquote": {
243
- "border": {
244
- "color": {
245
- "value": "{color.primary.container.@.value}",
246
- "type": "color"
247
- },
248
- "width": {
249
- "value": "4px",
250
- "type": "space"
251
- },
252
- "hover": {
253
- "color": {
254
- "value": "{color.primary.@.value}",
255
- "type": "color"
256
- }
257
- }
258
- },
259
- "margin": {
260
- "value": "{space.3.value}",
261
- "type": "space"
262
- },
263
- "inline": {
264
- "padding": {
265
- "value": "{space.3.value}",
266
- "type": "space"
267
- }
268
- },
269
- "block": {
270
- "padding": {
271
- "value": "{space.2.value}",
272
- "type": "space"
273
- }
274
- }
275
- },
276
- "para": {
277
- "dropdown": {
278
- "padding": {
279
- "value": "{space.1.value}",
280
- "type": "space"
281
- }
282
- }
283
- },
284
- "tooltip": {
285
- "border": {
286
- "color": {
287
- "value": "{color.black.@.value}",
288
- "type": "color"
289
- }
290
- },
291
- "content": {
292
- "color": {
293
- "value": "{color.white.@.value}",
294
- "type": "color"
295
- },
296
- "background": {
297
- "value": "{color.black.@.value}",
298
- "type": "color"
299
- },
300
- "padding": {
301
- "value": "{space.1.value} {space.2.value}",
302
- "type": "space"
303
- },
304
- "max": {
305
- "width": {
306
- "value": "200px",
307
- "type": "space"
308
- }
309
- }
310
- },
311
- "arrow": {
312
- "border": {
313
- "width": {
314
- "value": "5px",
315
- "type": "space"
316
- }
317
- },
318
- "margin": {
319
- "value": "{space.1.value}",
320
- "type": "space"
321
- }
322
- },
323
- "radius": {
324
- "value": "{radius.xs.value}",
325
- "type": "radius"
326
- },
327
- "font-size": {
328
- "value": "{body.medium.font-size.value}",
329
- "type": "font"
330
- },
331
- "font-weight": {
332
- "value": "{body.medium.font-weight.value}",
333
- "type": "font"
334
- },
335
- "font-family": {
336
- "value": "{body.medium.font-family.value}",
337
- "type": "font"
338
- },
339
- "padding": {
340
- "value": "{space.1.value}",
341
- "type": "space"
342
- },
343
- "margin": {
344
- "value": "{space.1.value}",
345
- "type": "space"
346
- }
347
- },
348
- "color": {
349
- "btn": {
350
- "size": {
351
- "value": "16px",
352
- "type": "space"
353
- }
354
- },
355
- "reset": {
356
- "background": {
357
- "value": "{color.white.@.value}",
358
- "type": "color"
359
- }
360
- },
361
- "select": {
362
- "background": {
363
- "value": "{color.white.@.value}",
364
- "type": "color"
365
- },
366
- "btn": {
367
- "width": {
368
- "value": "40px",
369
- "type": "space"
370
- },
371
- "height": {
372
- "value": "14px",
373
- "type": "space"
374
- },
375
- "min": {
376
- "height": {
377
- "value": "14px",
378
- "type": "space"
379
- }
380
- }
381
- }
382
- },
383
- "dropdown": {
384
- "gap": {
385
- "value": "{space.3.value}",
386
- "type": "space"
387
- },
388
- "padding": {
389
- "value": "{space.3.value}",
390
- "type": "space"
391
- }
392
- },
393
- "palette": {
394
- "gap": {
395
- "xs": {
396
- "value": "{space.1.value}",
397
- "type": "space"
398
- }
399
- }
400
- },
401
- "row": {
402
- "gap": {
403
- "value": "{space.1.value}",
404
- "type": "space"
405
- }
406
- }
407
- },
408
- "palette": {
409
- "width": {
410
- "value": "160px",
411
- "type": "space"
412
- },
413
- "gap": {
414
- "value": "{space.2.value}",
415
- "type": "space"
416
- }
417
- },
418
- "dropzone": {
419
- "color": {
420
- "value": "{color.primary.@.value}",
421
- "type": "color"
422
- },
423
- "background": {
424
- "value": "{color.white.@.value}",
425
- "type": "color"
426
- },
427
- "hover": {
428
- "color": {
429
- "value": "{color.primary.container.@.value}",
430
- "type": "color"
431
- }
432
- }
433
- },
434
- "td": {
435
- "border": {
436
- "color": {
437
- "value": "{color.border.translucent.value}",
438
- "type": "color"
439
- },
440
- "width": {
441
- "value": "{border.width.base.value}",
442
- "type": "space"
443
- },
444
- "style": {
445
- "value": "{border.style.base.value}",
446
- "type": "radius"
447
- }
448
- },
449
- "padding": {
450
- "value": "{space.1.value}",
451
- "type": "space"
452
- }
453
- },
454
- "popover": {
455
- "arrow": {
456
- "margin": {
457
- "value": "{space.2.value}",
458
- "type": "space"
459
- },
460
- "background": {
461
- "value": "{color.white.@.value}",
462
- "type": "color"
463
- }
464
- },
465
- "margin": {
466
- "value": "{space.1.value}",
467
- "type": "space"
468
- },
469
- "background": {
470
- "value": "{color.white.@.value}",
471
- "type": "color"
472
- },
473
- "radius": {
474
- "value": "{radius.xs.value}",
475
- "type": "radius"
476
- },
477
- "padding": {
478
- "@": {
479
- "value": "{space.1.value}",
480
- "type": "space"
481
- },
482
- "container": {
483
- "value": "{space.2.value}",
484
- "type": "space"
485
- }
486
- },
487
- "content": {
488
- "color": {
489
- "value": "{color.black.@.value}",
490
- "type": "color"
491
- },
492
- "background": {
493
- "value": "{color.white.@.value}",
494
- "type": "color"
495
- },
496
- "min": {
497
- "width": {
498
- "value": "100px",
499
- "type": "space"
500
- },
501
- "height": {
502
- "value": "30px",
503
- "type": "space"
504
- }
505
- },
506
- "padding": {
507
- "value": "{space.1.value} {space.2.value}",
508
- "type": "space"
509
- }
510
- },
511
- "border": {
512
- "value": "{color.outline.variant.value}",
513
- "type": "color"
514
- },
515
- "btn": {
516
- "group": {
517
- "gap": {
518
- "value": "{space.2.value}",
519
- "type": "space"
520
- }
521
- }
522
- }
523
- }
524
- },
525
- "editable": {
526
- "background": {
527
- "value": "{color.surface.container.low.@.value}",
528
- "type": "color"
529
- },
530
- "padding": {
531
- "value": "{space.3.value}",
532
- "type": "space"
533
- },
534
- "color": {
535
- "value": "{color.black.@.value}",
536
- "type": "color"
537
- },
538
- "hr": {
539
- "color": {
540
- "value": "{color.inverse.on-surface.@.value}",
541
- "type": "color"
542
- }
543
- }
544
- }
545
- }
546
- }