@wavemaker/foundation-css 11.14.2-rc.6311 → 11.14.4-rc.647538

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 (397) hide show
  1. package/cjs/foundation-css.cjs +5743 -5598
  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 +4 -4
  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 +4 -4
  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 +4 -4
  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 +4 -4
  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 +4 -4
  16. package/cjs/src_tokens_mobile_components_checkboxset_checkboxset_json.foundation-css.cjs +4 -4
  17. package/cjs/src_tokens_mobile_components_chips_chips_json.foundation-css.cjs +4 -4
  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 +4 -4
  21. package/cjs/src_tokens_mobile_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs +4 -4
  22. package/cjs/src_tokens_mobile_components_fileupload_fileupload_json.foundation-css.cjs +4 -4
  23. package/cjs/src_tokens_mobile_components_form-control_form-control_json.foundation-css.cjs +14 -0
  24. package/cjs/src_tokens_mobile_components_form-input_form-input_json.foundation-css.cjs +14 -0
  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 +4 -4
  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 +4 -4
  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 +4 -4
  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 +4 -4
  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_page-content_page-content_json.foundation-css.cjs +4 -4
  36. package/cjs/src_tokens_mobile_components_page-layout_page-layout_json.foundation-css.cjs +3 -3
  37. package/cjs/src_tokens_mobile_components_pagination_pagination_json.foundation-css.cjs +3 -3
  38. package/cjs/src_tokens_mobile_components_panel_panel_json.foundation-css.cjs +4 -4
  39. package/cjs/src_tokens_mobile_components_picture_picture_json.foundation-css.cjs +4 -4
  40. package/cjs/src_tokens_mobile_components_popover_popover_json.foundation-css.cjs +4 -4
  41. package/cjs/src_tokens_mobile_components_progress-bar_progress-bar_json.foundation-css.cjs +4 -4
  42. package/cjs/src_tokens_mobile_components_progress-circle_progress-circle_json.foundation-css.cjs +4 -4
  43. package/cjs/src_tokens_mobile_components_radioset_radioset_json.foundation-css.cjs +4 -4
  44. package/cjs/src_tokens_mobile_components_rating_rating_json.foundation-css.cjs +4 -4
  45. package/cjs/src_tokens_mobile_components_richtext-editor_richtext-editor_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 +4 -4
  49. package/cjs/src_tokens_mobile_components_slider_slider_json.foundation-css.cjs +4 -4
  50. package/cjs/src_tokens_mobile_components_spinner_spinner_json.foundation-css.cjs +4 -4
  51. package/cjs/src_tokens_mobile_components_switch_switch_json.foundation-css.cjs +4 -4
  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 +4 -4
  54. package/cjs/src_tokens_mobile_components_textarea_textarea_json.foundation-css.cjs +4 -4
  55. package/cjs/src_tokens_mobile_components_tile_tile_json.foundation-css.cjs +4 -4
  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 +4 -4
  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 +4 -4
  61. package/cjs/src_tokens_web_components_accordion_accordion_json.foundation-css.cjs +4 -4
  62. package/cjs/src_tokens_web_components_anchor_anchor_json.foundation-css.cjs +4 -4
  63. package/cjs/src_tokens_web_components_audio_audio_json.foundation-css.cjs +4 -4
  64. package/cjs/src_tokens_web_components_badge_badge_json.foundation-css.cjs +4 -4
  65. package/cjs/src_tokens_web_components_breadcrumb_breadcrumb_json.foundation-css.cjs +4 -4
  66. package/cjs/src_tokens_web_components_button-group_button-group_json.foundation-css.cjs +4 -4
  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 +4 -4
  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 +4 -4
  73. package/cjs/src_tokens_web_components_chips_chips_json.foundation-css.cjs +4 -4
  74. package/cjs/src_tokens_web_components_color-picker_color-picker_json.foundation-css.cjs +4 -4
  75. package/cjs/src_tokens_web_components_container_container_json.foundation-css.cjs +4 -4
  76. package/cjs/src_tokens_web_components_currency_currency_json.foundation-css.cjs +4 -4
  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 +4 -4
  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 +4 -4
  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 +4 -4
  83. package/cjs/src_tokens_web_components_icon_icon_json.foundation-css.cjs +4 -4
  84. package/cjs/src_tokens_web_components_iframe_iframe_json.foundation-css.cjs +4 -4
  85. package/cjs/src_tokens_web_components_label_label_json.foundation-css.cjs +4 -4
  86. package/cjs/src_tokens_web_components_list_list_json.foundation-css.cjs +4 -4
  87. package/cjs/src_tokens_web_components_message_message_json.foundation-css.cjs +4 -4
  88. package/cjs/src_tokens_web_components_modal-dialog_modal-dialog_json.foundation-css.cjs +4 -4
  89. package/cjs/src_tokens_web_components_nav_nav_json.foundation-css.cjs +4 -4
  90. package/cjs/src_tokens_web_components_page-content_page-content_json.foundation-css.cjs +4 -4
  91. package/cjs/src_tokens_web_components_page-footer_page-footer_json.foundation-css.cjs +4 -4
  92. package/cjs/src_tokens_web_components_page-header_page-header_json.foundation-css.cjs +4 -4
  93. package/cjs/src_tokens_web_components_page-left-nav_page-left-nav_json.foundation-css.cjs +4 -4
  94. package/cjs/src_tokens_web_components_page-right-nav_page-right-nav_json.foundation-css.cjs +4 -4
  95. package/cjs/src_tokens_web_components_page-top-nav_page-top-nav_json.foundation-css.cjs +4 -4
  96. package/cjs/src_tokens_web_components_pagination_pagination_json.foundation-css.cjs +4 -4
  97. package/cjs/src_tokens_web_components_panel_panel_json.foundation-css.cjs +4 -4
  98. package/cjs/src_tokens_web_components_picture_picture_json.foundation-css.cjs +4 -4
  99. package/cjs/src_tokens_web_components_popover_popover_json.foundation-css.cjs +4 -4
  100. package/cjs/src_tokens_web_components_progress-bar_progress-bar_json.foundation-css.cjs +4 -4
  101. package/cjs/src_tokens_web_components_progress-circle_progress-circle_json.foundation-css.cjs +4 -4
  102. package/cjs/src_tokens_web_components_radioset_radioset_json.foundation-css.cjs +4 -4
  103. package/cjs/src_tokens_web_components_rating_rating_json.foundation-css.cjs +4 -4
  104. package/cjs/src_tokens_web_components_richtext-editor_richtext-editor_json.foundation-css.cjs +4 -4
  105. package/cjs/src_tokens_web_components_scrollbar_scrollbar_json.foundation-css.cjs +4 -4
  106. package/cjs/src_tokens_web_components_search_search_json.foundation-css.cjs +4 -4
  107. package/cjs/src_tokens_web_components_spinner_spinner_json.foundation-css.cjs +4 -4
  108. package/cjs/src_tokens_web_components_switch_switch_json.foundation-css.cjs +4 -4
  109. package/cjs/src_tokens_web_components_tabs_tabs_json.foundation-css.cjs +4 -4
  110. package/cjs/src_tokens_web_components_tile_tile_json.foundation-css.cjs +4 -4
  111. package/cjs/src_tokens_web_components_time_time_json.foundation-css.cjs +4 -4
  112. package/cjs/src_tokens_web_components_toast_toast_json.foundation-css.cjs +4 -4
  113. package/cjs/src_tokens_web_components_toggle_toggle_json.foundation-css.cjs +4 -4
  114. package/cjs/src_tokens_web_components_video_video_json.foundation-css.cjs +4 -4
  115. package/cjs/src_tokens_web_components_wizard_wizard_json.foundation-css.cjs +4 -4
  116. package/foundation/foundation.css +2 -2
  117. package/foundation/foundation.min.css +1 -1
  118. package/native_mobile.index.d.ts +2 -27
  119. package/native_mobile.index.js +5 -39
  120. package/native_mobile.index.js.map +1 -1
  121. package/npm-shrinkwrap.json +498 -202
  122. package/package-lock.json +498 -202
  123. package/package.json +1 -1
  124. package/src/styles/mobile/components/basic/icon.less +4 -4
  125. package/src/styles/mobile/components/basic/progress-bar.less +2 -2
  126. package/src/styles/mobile/components/basic/progress-circle.less +0 -3
  127. package/src/styles/mobile/components/basic/search.less +3 -3
  128. package/src/styles/mobile/components/container/accordion.less +17 -41
  129. package/src/styles/mobile/components/container/panel.less +1 -4
  130. package/src/styles/mobile/components/container/tabs/tab-header.less +6 -3
  131. package/src/styles/mobile/components/container/tile.less +1 -1
  132. package/src/styles/mobile/components/container/wizard.less +2 -2
  133. package/src/styles/mobile/components/container.less +6 -45
  134. package/src/styles/mobile/components/data/card.less +6 -1
  135. package/src/styles/mobile/components/data/form.less +104 -160
  136. package/src/styles/mobile/components/data/list.less +44 -10
  137. package/src/styles/mobile/components/input/checkbox.less +10 -3
  138. package/src/styles/mobile/components/input/checkboxset.less +9 -1
  139. package/src/styles/mobile/components/input/chips.less +4 -4
  140. package/src/styles/mobile/components/input/radioset.less +6 -2
  141. package/src/styles/mobile/components/input/toggle.less +5 -5
  142. package/src/styles/mobile/components/navigation/appnavbar.less +17 -53
  143. package/src/styles/mobile/components/navigation/menu.less +1 -5
  144. package/src/styles/mobile/components/navigation/popover.less +0 -26
  145. package/src/styles/mobile/components/page/page-content.less +1 -1
  146. package/src/styles/mobile/components/tokens.light.css +102 -135
  147. package/src/styles/mobile/components/variables/accordion.variant.less +1 -7
  148. package/src/styles/mobile/components/variables/button.variant.less +1 -1
  149. package/src/styles/mobile/components/variables/checkbox.variant.less +2 -3
  150. package/src/styles/mobile/components/variables/checkboxset.variant.less +1 -4
  151. package/src/styles/mobile/components/variables/chips.variant.less +1 -2
  152. package/src/styles/mobile/components/variables/container.variant.less +6 -6
  153. package/src/styles/mobile/components/variables/form-input.variant.less +14 -0
  154. package/src/styles/mobile/components/variables/radioset.variant.less +1 -2
  155. package/src/styles/mobile/components/variables/tabbar.variant.less +1 -3
  156. package/src/styles/mobile/components/variables/tabs.variant.less +2 -7
  157. package/src/styles/mobile/components/variables/toggle.variant.less +1 -2
  158. package/src/styles/mobile/components/variables/wizard.variant.less +1 -4
  159. package/src/styles/mobile/studio/advanced/login.less +5 -8
  160. package/src/styles/mobile/studio/basic/anchor.less +4 -15
  161. package/src/styles/mobile/studio/basic/button.less +2 -20
  162. package/src/styles/mobile/studio/basic/{button-group.less → buttongroup.less} +19 -18
  163. package/src/styles/mobile/studio/basic/message.less +5 -34
  164. package/src/styles/mobile/studio/basic/search.less +6 -30
  165. package/src/styles/mobile/studio/container/tabs/tab-header.less +34 -0
  166. package/src/styles/mobile/studio/container/wizard.less +1 -3
  167. package/src/styles/mobile/studio/data/cards.less +36 -0
  168. package/src/styles/mobile/studio/device/barcodescanner.less +3 -0
  169. package/src/styles/mobile/studio/input/checkbox.less +89 -64
  170. package/src/styles/mobile/studio/input/checkboxset.less +98 -61
  171. package/src/styles/mobile/studio/input/epoch/datetime-picker-modal.less +7 -7
  172. package/src/styles/mobile/studio/input/form.less +74 -143
  173. package/src/styles/mobile/studio/input/radioset.less +6 -1
  174. package/src/styles/mobile/studio/input/rating.less +12 -19
  175. package/src/styles/mobile/studio/input/switch.less +3 -12
  176. package/src/styles/mobile/studio/input/toggle.less +7 -10
  177. package/src/styles/mobile/studio/navigation/menu.less +17 -19
  178. package/src/styles/mobile/studio/page/page-content.less +4 -0
  179. package/src/styles/mobile/studio/page/tabbar.less +19 -0
  180. package/src/styles/mobile/studio/slider.less +27 -0
  181. package/src/styles/mobile/studio/styles.less +24 -17
  182. package/src/tokens/mobile/components/accordion/accordion.json +36 -216
  183. package/src/tokens/mobile/components/anchor/anchor.json +12 -60
  184. package/src/tokens/mobile/components/audio/audio.json +1 -5
  185. package/src/tokens/mobile/components/barcodescanner/barcodescanner.json +17 -85
  186. package/src/tokens/mobile/components/bottomsheet/bottomsheet.json +19 -95
  187. package/src/tokens/mobile/components/button/button.json +36 -175
  188. package/src/tokens/mobile/components/button-group/button-group.json +3 -15
  189. package/src/tokens/mobile/components/calendar/calendar.json +37 -185
  190. package/src/tokens/mobile/components/camera/camera.json +8 -40
  191. package/src/tokens/mobile/components/cards/cards.json +10 -50
  192. package/src/tokens/mobile/components/carousel/carousel.json +29 -145
  193. package/src/tokens/mobile/components/checkbox/checkbox.json +24 -112
  194. package/src/tokens/mobile/components/checkboxset/checkboxset.json +33 -177
  195. package/src/tokens/mobile/components/chips/chips.json +47 -231
  196. package/src/tokens/mobile/components/container/container.json +29 -105
  197. package/src/tokens/mobile/components/datetime/datetime.json +23 -115
  198. package/src/tokens/mobile/components/dropdown-menu/dropdown-menu.json +25 -160
  199. package/src/tokens/mobile/components/fileupload/fileupload.json +12 -60
  200. package/src/tokens/mobile/components/form-control/form-control.json +217 -0
  201. package/src/tokens/mobile/components/form-input/form-input.json +153 -0
  202. package/src/tokens/mobile/components/icon/icon.json +6 -30
  203. package/src/tokens/mobile/components/label/label.json +13 -65
  204. package/src/tokens/mobile/components/left-nav/left-nav.json +6 -30
  205. package/src/tokens/mobile/components/list/list.json +145 -107
  206. package/src/tokens/mobile/components/login/login.json +8 -40
  207. package/src/tokens/mobile/components/lottie/lottie.json +2 -10
  208. package/src/tokens/mobile/components/message/message.json +23 -115
  209. package/src/tokens/mobile/components/modal-dialog/modal-dialog.json +27 -135
  210. package/src/tokens/mobile/components/nav/nav.json +12 -60
  211. package/src/tokens/mobile/components/page-content/page-content.json +2 -14
  212. package/src/tokens/mobile/components/panel/panel.json +54 -150
  213. package/src/tokens/mobile/components/picture/picture.json +9 -45
  214. package/src/tokens/mobile/components/popover/popover.json +25 -212
  215. package/src/tokens/mobile/components/progress-bar/progress-bar.json +12 -60
  216. package/src/tokens/mobile/components/progress-circle/progress-circle.json +4 -50
  217. package/src/tokens/mobile/components/radioset/radioset.json +28 -136
  218. package/src/tokens/mobile/components/rating/rating.json +10 -50
  219. package/src/tokens/mobile/components/search/search.json +45 -221
  220. package/src/tokens/mobile/components/select/select.json +16 -80
  221. package/src/tokens/mobile/components/slider/slider.json +11 -55
  222. package/src/tokens/mobile/components/spinner/spinner.json +9 -45
  223. package/src/tokens/mobile/components/switch/switch.json +16 -80
  224. package/src/tokens/mobile/components/tabbar/tabbar.json +33 -161
  225. package/src/tokens/mobile/components/tabs/tabs.json +36 -158
  226. package/src/tokens/mobile/components/textarea/textarea.json +1 -5
  227. package/src/tokens/mobile/components/tile/tile.json +8 -36
  228. package/src/tokens/mobile/components/toggle/toggle.json +17 -81
  229. package/src/tokens/mobile/components/video/video.json +2 -10
  230. package/src/tokens/mobile/components/webview/webview.json +1 -5
  231. package/src/tokens/mobile/components/wizard/wizard.json +64 -332
  232. package/src/tokens/mobile/global/border-style/border-style.json +42 -0
  233. package/src/tokens/web/components/accordion/accordion.json +31 -113
  234. package/src/tokens/web/components/anchor/anchor.json +13 -25
  235. package/src/tokens/web/components/audio/audio.json +2 -3
  236. package/src/tokens/web/components/badge/badge.json +11 -22
  237. package/src/tokens/web/components/breadcrumb/breadcrumb.json +22 -35
  238. package/src/tokens/web/components/button/button.json +27 -53
  239. package/src/tokens/web/components/button-group/button-group.json +2 -3
  240. package/src/tokens/web/components/calendar/calendar.json +23 -45
  241. package/src/tokens/web/components/cards/cards.json +15 -29
  242. package/src/tokens/web/components/carousel/carousel.json +15 -30
  243. package/src/tokens/web/components/checkbox/checkbox.json +24 -47
  244. package/src/tokens/web/components/checkboxset/checkboxset.json +1 -2
  245. package/src/tokens/web/components/chips/chips.json +36 -71
  246. package/src/tokens/web/components/color-picker/color-picker.json +3 -5
  247. package/src/tokens/web/components/container/container.json +5 -10
  248. package/src/tokens/web/components/currency/currency.json +7 -13
  249. package/src/tokens/web/components/data-table/data-table.json +47 -95
  250. package/src/tokens/web/components/date/date.json +26 -51
  251. package/src/tokens/web/components/dropdown-menu/dropdown-menu.json +17 -34
  252. package/src/tokens/web/components/fileupload/fileupload.json +37 -73
  253. package/src/tokens/web/components/form-controls/form-controls.json +42 -81
  254. package/src/tokens/web/components/grid-layout/grid-layout.json +4 -7
  255. package/src/tokens/web/components/icon/icon.json +7 -13
  256. package/src/tokens/web/components/iframe/iframe.json +3 -5
  257. package/src/tokens/web/components/label/label.json +10 -19
  258. package/src/tokens/web/components/list/list.json +13 -25
  259. package/src/tokens/web/components/message/message.json +15 -29
  260. package/src/tokens/web/components/modal-dialog/modal-dialog.json +24 -47
  261. package/src/tokens/web/components/nav/nav.json +17 -34
  262. package/src/tokens/web/components/page-content/page-content.json +2 -3
  263. package/src/tokens/web/components/page-footer/page-footer.json +11 -21
  264. package/src/tokens/web/components/page-header/page-header.json +11 -21
  265. package/src/tokens/web/components/page-left-nav/page-left-nav.json +47 -93
  266. package/src/tokens/web/components/page-right-nav/page-right-nav.json +47 -93
  267. package/src/tokens/web/components/page-top-nav/page-top-nav.json +9 -17
  268. package/src/tokens/web/components/pagination/pagination.json +30 -61
  269. package/src/tokens/web/components/panel/panel.json +32 -75
  270. package/src/tokens/web/components/picture/picture.json +9 -17
  271. package/src/tokens/web/components/popover/popover.json +26 -51
  272. package/src/tokens/web/components/progress-bar/progress-bar.json +8 -15
  273. package/src/tokens/web/components/progress-circle/progress-circle.json +4 -7
  274. package/src/tokens/web/components/radioset/radioset.json +17 -33
  275. package/src/tokens/web/components/rating/rating.json +11 -21
  276. package/src/tokens/web/components/richtext-editor/richtext-editor.json +99 -199
  277. package/src/tokens/web/components/scrollbar/scrollbar.json +8 -15
  278. package/src/tokens/web/components/search/search.json +32 -63
  279. package/src/tokens/web/components/spinner/spinner.json +8 -15
  280. package/src/tokens/web/components/switch/switch.json +13 -25
  281. package/src/tokens/web/components/tabs/tabs.json +25 -49
  282. package/src/tokens/web/components/tile/tile.json +5 -10
  283. package/src/tokens/web/components/time/time.json +34 -63
  284. package/src/tokens/web/components/toast/toast.json +28 -55
  285. package/src/tokens/web/components/toggle/toggle.json +13 -25
  286. package/src/tokens/web/components/video/video.json +3 -5
  287. package/src/tokens/web/components/wizard/wizard.json +51 -101
  288. package/src/utils/style-dictionary-utils.d.ts +1 -1
  289. package/src/utils/style-dictionary-utils.js +3 -44
  290. package/src/utils/style-dictionary-utils.js.map +1 -1
  291. package/cjs/src_tokens_mobile_components_form-controls_form-controls_json.foundation-css.cjs +0 -14
  292. package/cjs/src_tokens_mobile_components_form-wrapper_form-wrapper_json.foundation-css.cjs +0 -14
  293. package/cjs/src_tokens_mobile_components_navbar_navbar_json.foundation-css.cjs +0 -14
  294. package/src/styles/mobile/components/variables/form-controls.variant.less +0 -14
  295. package/src/styles/mobile/studio/advanced/styles.less +0 -2
  296. package/src/styles/mobile/studio/basic/icon.less +0 -21
  297. package/src/styles/mobile/studio/basic/label.less +0 -28
  298. package/src/styles/mobile/studio/basic/progress-bar.less +0 -6
  299. package/src/styles/mobile/studio/basic/progress-circle.less +0 -9
  300. package/src/styles/mobile/studio/basic/spinner.less +0 -6
  301. package/src/styles/mobile/studio/basic/styles.less +0 -11
  302. package/src/styles/mobile/studio/container/accordion.less +0 -26
  303. package/src/styles/mobile/studio/container/container.less +0 -18
  304. package/src/styles/mobile/studio/container/grid.less +0 -8
  305. package/src/styles/mobile/studio/container/panel.less +0 -46
  306. package/src/styles/mobile/studio/container/styles.less +0 -6
  307. package/src/styles/mobile/studio/container/tabs.less +0 -113
  308. package/src/styles/mobile/studio/container/tile.less +0 -7
  309. package/src/styles/mobile/studio/data/card.less +0 -25
  310. package/src/styles/mobile/studio/data/form.less +0 -22
  311. package/src/styles/mobile/studio/data/list.less +0 -3
  312. package/src/styles/mobile/studio/data/styles.less +0 -3
  313. package/src/styles/mobile/studio/device/barcode.less +0 -23
  314. package/src/styles/mobile/studio/device/camera.less +0 -4
  315. package/src/styles/mobile/studio/device/styles.less +0 -2
  316. package/src/styles/mobile/studio/dialogs/alert-dialog.less +0 -10
  317. package/src/styles/mobile/studio/dialogs/base-dialog.less +0 -31
  318. package/src/styles/mobile/studio/dialogs/confirm-dialog.less +0 -26
  319. package/src/styles/mobile/studio/dialogs/styles.less +0 -3
  320. package/src/styles/mobile/studio/input/calendar.less +0 -8
  321. package/src/styles/mobile/studio/input/chips.less +0 -11
  322. package/src/styles/mobile/studio/input/currency.less +0 -16
  323. package/src/styles/mobile/studio/input/date.less +0 -7
  324. package/src/styles/mobile/studio/input/number.less +0 -6
  325. package/src/styles/mobile/studio/input/select.less +0 -6
  326. package/src/styles/mobile/studio/input/slider.less +0 -49
  327. package/src/styles/mobile/studio/input/styles.less +0 -17
  328. package/src/styles/mobile/studio/input/text.less +0 -6
  329. package/src/styles/mobile/studio/input/textarea.less +0 -5
  330. package/src/styles/mobile/studio/layouts/appnavbar.less +0 -71
  331. package/src/styles/mobile/studio/layouts/content.less +0 -5
  332. package/src/styles/mobile/studio/layouts/page-content.less +0 -11
  333. package/src/styles/mobile/studio/layouts/page.less +0 -5
  334. package/src/styles/mobile/studio/layouts/styles.less +0 -5
  335. package/src/styles/mobile/studio/layouts/tabbar.less +0 -36
  336. package/src/styles/mobile/studio/navigation/nav.less +0 -3
  337. package/src/styles/mobile/studio/navigation/popover.less +0 -3
  338. package/src/styles/mobile/studio/navigation/styles.less +0 -3
  339. package/src/tokens/mobile/components/form-controls/form-controls.json +0 -263
  340. package/src/tokens/mobile/components/form-wrapper/form-wrapper.json +0 -369
  341. package/src/tokens/mobile/components/navbar/navbar.json +0 -341
  342. package/src/tokens/web/components/accordion/Token.Readme.md +0 -30
  343. package/src/tokens/web/components/anchor/Token.Readme.md +0 -20
  344. package/src/tokens/web/components/audio/Token.Readme.md +0 -9
  345. package/src/tokens/web/components/badge/Token.Readme.md +0 -19
  346. package/src/tokens/web/components/breadcrumb/Token.Readme.md +0 -21
  347. package/src/tokens/web/components/button/Token.Readme.md +0 -29
  348. package/src/tokens/web/components/button-group/Token.Readme.md +0 -9
  349. package/src/tokens/web/components/calendar/Token.Readme.md +0 -30
  350. package/src/tokens/web/components/cards/Token.Readme.md +0 -22
  351. package/src/tokens/web/components/carousel/Token.Readme.md +0 -20
  352. package/src/tokens/web/components/checkbox/Token.Readme.md +0 -24
  353. package/src/tokens/web/components/checkboxset/Token.Readme.md +0 -9
  354. package/src/tokens/web/components/chips/Token.Readme.md +0 -43
  355. package/src/tokens/web/components/color-picker/Token.Readme.md +0 -10
  356. package/src/tokens/web/components/container/Token.Readme.md +0 -13
  357. package/src/tokens/web/components/currency/Token.Readme.md +0 -14
  358. package/src/tokens/web/components/data-table/Token.Readme.md +0 -54
  359. package/src/tokens/web/components/date/Token.Readme.md +0 -33
  360. package/src/tokens/web/components/dropdown-menu/Token.Readme.md +0 -25
  361. package/src/tokens/web/components/fileupload/Token.Readme.md +0 -44
  362. package/src/tokens/web/components/form-controls/Token.Readme.md +0 -47
  363. package/src/tokens/web/components/grid-layout/Token.Readme.md +0 -11
  364. package/src/tokens/web/components/icon/Token.Readme.md +0 -14
  365. package/src/tokens/web/components/iframe/Token.Readme.md +0 -10
  366. package/src/tokens/web/components/label/Token.Readme.md +0 -17
  367. package/src/tokens/web/components/list/Token.Readme.md +0 -19
  368. package/src/tokens/web/components/message/Token.Readme.md +0 -22
  369. package/src/tokens/web/components/modal-dialog/Token.Readme.md +0 -31
  370. package/src/tokens/web/components/nav/Token.Readme.md +0 -25
  371. package/src/tokens/web/components/page-content/Token.Readme.md +0 -9
  372. package/src/tokens/web/components/page-footer/Token.Readme.md +0 -18
  373. package/src/tokens/web/components/page-header/Token.Readme.md +0 -18
  374. package/src/tokens/web/components/page-left-nav/Token.Readme.md +0 -54
  375. package/src/tokens/web/components/page-right-nav/Token.Readme.md +0 -53
  376. package/src/tokens/web/components/page-top-nav/Token.Readme.md +0 -16
  377. package/src/tokens/web/components/pagination/Token.Readme.md +0 -35
  378. package/src/tokens/web/components/panel/Token.Readme.md +0 -39
  379. package/src/tokens/web/components/picture/Token.Readme.md +0 -16
  380. package/src/tokens/web/components/popover/Token.Readme.md +0 -33
  381. package/src/tokens/web/components/progress-bar/Token.Readme.md +0 -15
  382. package/src/tokens/web/components/progress-circle/Token.Readme.md +0 -11
  383. package/src/tokens/web/components/radioset/Token.Readme.md +0 -24
  384. package/src/tokens/web/components/rating/Token.Readme.md +0 -14
  385. package/src/tokens/web/components/richtext-editor/Token.Readme.md +0 -106
  386. package/src/tokens/web/components/scrollbar/Token.Readme.md +0 -15
  387. package/src/tokens/web/components/search/Token.Readme.md +0 -39
  388. package/src/tokens/web/components/spinner/Token.Readme.md +0 -15
  389. package/src/tokens/web/components/switch/Token.Readme.md +0 -20
  390. package/src/tokens/web/components/tabs/Token.Readme.md +0 -32
  391. package/src/tokens/web/components/tile/Token.Readme.md +0 -13
  392. package/src/tokens/web/components/time/Token.Readme.md +0 -37
  393. package/src/tokens/web/components/toast/Token.Readme.md +0 -35
  394. package/src/tokens/web/components/toggle/Token.Readme.md +0 -20
  395. package/src/tokens/web/components/video/Token.Readme.md +0 -10
  396. package/src/tokens/web/components/wizard/Token.Readme.md +0 -58
  397. /package/src/styles/mobile/studio/advanced/{carousel.less → carousel/carousel.less} +0 -0
package/cjs/src_tokens_web_components_list_list_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_list_list_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/list/list.json":
4
+ /***/ "./src/tokens/web/components/list/list.json"
5
5
  /*!**************************************************!*\
6
6
  !*** ./src/tokens/web/components/list/list.json ***!
7
7
  \**************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"list":{"meta":{"mapping":{"selector":{"web":".app-list, .app-livelist"},"states":{"hover":{"selector":{"web":" .app-list-item:hover, .app-list-item.hover"}},"focus":{"selector":{"web":" .app-list-item:focus, .app-list-item.focus"}},"active":{"selector":{"web":" .app-list-item:active, .app-list-item.active"}},"disabled":{"selector":{"web":" .app-list-item.disable-item"}}}}},"mapping":{"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of lists (containers that hold multiple list items in a vertical or horizontal arrangement). This is the main background color that appears behind the list container.<br>CSS variable: --wm-list-background"}},"min-height":{"value":"6rem","type":"space","attributes":{"subtype":"space","description":"Controls the minimum height of lists (containers that hold multiple list items). This ensures the list is always tall enough to be visible and properly displayed, even when it has few items.<br>CSS variable: --wm-list-min-height"}},"opacity":{"value":"1","type":"radius","attributes":{"subtype":"radius","description":"Controls the transparency of lists (containers that hold multiple list items). When set to 1, the list is fully opaque. Lower values make the list more transparent, higher values make it more opaque.<br>CSS variable: --wm-list-opacity"}},"pointer-events":{"value":"all","type":"radius","attributes":{"subtype":"cursor","description":"Controls whether list items can receive mouse/touch interactions. \'all\' makes list items fully interactive (clickable, hoverable), \'none\' makes them ignore all mouse/touch events (like they\'re invisible to the mouse), and \'auto\' lets the browser decide. This is useful for enabling/disabling list functionality.<br>CSS variable: --wm-list-pointer-events"}},"state":{"layer":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the state layer that appears when users hover, focus, or interact with list items. This creates visual feedback to show that the list item is interactive and responsive to user actions.<br>CSS variable: --wm-list-state-layer-color"}},"opacity":{"value":"0","type":"radius","attributes":{"subtype":"opacity","description":"Controls the transparency of the state layer that appears during user interactions with list items (hover, focus, active). When set to 0, the state layer is invisible. Higher values make the interaction feedback more visible.<br>CSS variable: --wm-list-state-layer-opacity"}}}},"item":{"background":{"value":"{color.white.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of list items (individual entries in a list that users can interact with). This is the main background color that appears behind each list item content.<br>CSS variable: --wm-list-item-background"}},"padding":{"value":"{space.3.value} {space.4.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside list items (the space between the list item content and its borders). This creates breathing room around each list item content.<br>CSS variable: --wm-list-item-padding"}},"header":{"padding":{"value":"{space.3.value} {space.4.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside list item headers (section titles that group related list items). This creates breathing room around the header text.<br>CSS variable: --wm-list-item-header-padding"}},"background":{"value":"{color.surface.container.lowest.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of list item headers (section titles that group related list items). This is the main background color that appears behind the header text.<br>CSS variable: --wm-list-item-header-background"}},"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of list item headers (section titles that group related list items). This determines what color the header text appears in, which should contrast well with the background for readability.<br>CSS variable: --wm-list-item-header-color"}}}},"states":{"hover":{"state":{"layer":{"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"focus":{"state":{"layer":{"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"active":{"item":{"background":{"value":"{color.secondary.container.@.value}","type":"color","attributes":{"subtype":"color"}}},"state":{"layer":{"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"disabled":{"opacity":{"value":"0.38","type":"radius","attributes":{"subtype":"opacity"}},"pointer-events":{"value":"none","type":"radius","attributes":{"subtype":"cursor","description":"Disables mouse/touch interactions for disabled list items. When set to \'none\', disabled list items ignore all mouse/touch events, making them completely non-interactive. This prevents users from clicking or hovering over disabled items.<br>CSS variable: --wm-list-pointer-events (disabled state)"}}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"list":{"meta":{"mapping":{"selector":{"web":".app-list, .app-livelist"},"states":{"hover":{"selector":{"web":" .app-list-item:hover, .app-list-item.hover"}},"focus":{"selector":{"web":" .app-list-item:focus, .app-list-item.focus"}},"active":{"selector":{"web":" .app-list-item:active, .app-list-item.active"}},"disabled":{"selector":{"web":" .app-list-item.disable-item"}}}}},"mapping":{"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"min-height":{"value":"6rem","type":"space","attributes":{"subtype":"space"}},"opacity":{"value":"1","type":"radius","attributes":{"subtype":"radius"}},"pointer-events":{"value":"all","type":"radius","attributes":{"subtype":"cursor"}},"state":{"layer":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"0","type":"radius","attributes":{"subtype":"opacity"}}}},"item":{"background":{"value":"{color.white.@.value}","type":"color","attributes":{"subtype":"color"}},"padding":{"value":"{space.3.value} {space.4.value}","type":"space","attributes":{"subtype":"space"}},"header":{"padding":{"value":"{space.3.value} {space.4.value}","type":"space","attributes":{"subtype":"space"}},"background":{"value":"{color.surface.container.lowest.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}}}},"states":{"hover":{"state":{"layer":{"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"focus":{"state":{"layer":{"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"active":{"item":{"background":{"value":"{color.secondary.container.@.value}","type":"color","attributes":{"subtype":"color"}}},"state":{"layer":{"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"disabled":{"opacity":{"value":"0.38","type":"radius","attributes":{"subtype":"opacity"}},"pointer-events":{"value":"none","type":"radius","attributes":{"subtype":"cursor"}}}}}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_message_message_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_message_message_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/message/message.json":
4
+ /***/ "./src/tokens/web/components/message/message.json"
5
5
  /*!********************************************************!*\
6
6
  !*** ./src/tokens/web/components/message/message.json ***!
7
7
  \********************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"message":{"meta":{"appearances":{"filled":{"mapping":{"selector":{"web":".app-message","mobile":".app-message"}},"variantGroups":{"status":{"success":{"selector":{"mobile":".alert-success","web":".alert-success"}},"info":{"selector":{"mobile":".alert-info","web":".alert-info"}},"warning":{"selector":{"mobile":".alert-warning","web":".alert-warning"}},"danger":{"selector":{"mobile":".alert-danger","web":".alert-danger"}},"loading":{"selector":{"mobile":".alert-loading","web":".alert-loading"}}}}}}},"mapping":{"container":{"shadow":{"value":"{elevation.shadow.3.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow effect around message containers (notification boxes that show alerts, warnings, or success messages). This creates a subtle shadow that makes the message appear to float above the background.<br>CSS variable: --wm-message-container-shadow"}},"border":{"radius":{"value":"{radius.xs.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of message containers (notification boxes). This makes the message appear with rounded corners instead of sharp edges for a softer appearance.<br>CSS variable: --wm-message-container-border-radius"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of the outline around message containers (notification boxes). This creates a colored border around the message to define its boundaries.<br>CSS variable: --wm-message-container-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the style of the outline around message containers. \'solid\' creates a continuous line, \'dashed\' creates a dotted line, \'dotted\' creates small dots, \'none\' removes the border.<br>CSS variable: --wm-message-container-border-style"}},"color":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the outline around message containers (notification boxes). This creates a colored border around the message to define its boundaries.<br>CSS variable: --wm-message-container-border-color"}}},"padding":{"value":"{space.3.value} {space.4.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside message containers (the space between the message content and the container border). This creates breathing room around the message text and icons.<br>CSS variable: --wm-message-container-padding"}},"gap":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the spacing between elements within message containers (like between icons and text, or between text and close buttons). This creates visual separation between different parts of the message.<br>CSS variable: --wm-message-container-gap"}},"background":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of message containers (notification boxes). This is the main background color that appears behind the message content.<br>CSS variable: --wm-message-container-background"}},"color":{"value":"{color.on-primary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of message containers (the color of the message text). This should contrast well with the background color for readability.<br>CSS variable: --wm-message-container-color"}}},"font-family":{"value":"{label.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for message text. This determines whether the message text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-message-font-family"}},"font-weight":{"value":"{label.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold message text appears. \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-message-font-weight"}},"font-size":{"value":"{label.large.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large message text appears. Larger values make the message more prominent and easier to read, while smaller values make it more subtle.<br>CSS variable: --wm-message-font-size"}},"line-height":{"value":"{label.large.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when message text wraps to multiple lines. Higher values create more space between lines for better readability.<br>CSS variable: --wm-message-line-height"}},"letter-spacing":{"value":"{label.large.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing between individual letters in message text. Positive values spread letters apart, negative values bring them closer together.<br>CSS variable: --wm-message-letter-spacing"}}},"appearances":{"filled":{"mapping":{},"variantGroups":{"status":{"success":{"container":{"background":{"value":"{color.success.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-success.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.success.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"info":{"container":{"background":{"value":"{color.info.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-info.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.info.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"warning":{"container":{"background":{"value":"{color.warning.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-warning.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.warning.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"danger":{"container":{"background":{"value":"{color.error.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-error.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.error.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"loading":{"container":{"background":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-primary.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color"}}}}}}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"message":{"meta":{"appearances":{"filled":{"mapping":{"selector":{"web":".app-message","mobile":".app-message"}},"variantGroups":{"status":{"success":{"selector":{"mobile":".alert-success","web":".alert-success"}},"info":{"selector":{"mobile":".alert-info","web":".alert-info"}},"warning":{"selector":{"mobile":".alert-warning","web":".alert-warning"}},"danger":{"selector":{"mobile":".alert-danger","web":".alert-danger"}},"loading":{"selector":{"mobile":".alert-loading","web":".alert-loading"}}}}}}},"mapping":{"container":{"shadow":{"value":"{elevation.shadow.3.value}","type":"radius","attributes":{"subtype":"elevation"}},"border":{"radius":{"value":"{radius.xs.value}","type":"radius","attributes":{"subtype":"radius"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"color":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color"}}},"padding":{"value":"{space.3.value} {space.4.value}","type":"space","attributes":{"subtype":"space"}},"gap":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space"}},"background":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-primary.@.value}","type":"color","attributes":{"subtype":"color"}}},"font-family":{"value":"{label.large.font-family.value}","type":"font","attributes":{"subtype":"font-family"}},"font-weight":{"value":"{label.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}},"font-size":{"value":"{label.large.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"line-height":{"value":"{label.large.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"letter-spacing":{"value":"{label.large.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing"}}},"appearances":{"filled":{"mapping":{},"variantGroups":{"status":{"success":{"container":{"background":{"value":"{color.success.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-success.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.success.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"info":{"container":{"background":{"value":"{color.info.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-info.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.info.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"warning":{"container":{"background":{"value":"{color.warning.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-warning.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.warning.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"danger":{"container":{"background":{"value":"{color.error.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-error.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.error.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"loading":{"container":{"background":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-primary.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color"}}}}}}}}}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_modal-dialog_modal-dialog_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_modal-dialog_modal-dialog_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/modal-dialog/modal-dialog.json":
4
+ /***/ "./src/tokens/web/components/modal-dialog/modal-dialog.json"
5
5
  /*!******************************************************************!*\
6
6
  !*** ./src/tokens/web/components/modal-dialog/modal-dialog.json ***!
7
7
  \******************************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"modal":{"meta":{"appearances":{"default":{"mapping":{"selector":{"web":".modal-dialog"}},"variantGroups":{"size":{"xs":{"selector":{"web":".modal-xs"}},"sm":{"selector":{"web":".modal-sm"}},"md":{"selector":{"web":".modal-md"}},"lg":{"selector":{"web":".modal-lg"}},"xl":{"selector":{"web":".modal-xl"}},"full-screen":{"selector":{"web":".modal-full-screen"}}}}},"sheet":{"mapping":{"selector":{"web":".modal-dialog.modal-sheet"}},"variantGroups":{"position":{"top":{"selector":{"web":".sheet-position-top"}},"right":{"selector":{"web":".sheet-position-right"}},"bottom":{"selector":{"web":".sheet-position-bottom"}},"left":{"selector":{"web":".sheet-position-left"}}}}}}},"mapping":{"align-items":{"value":"center","type":"space","attributes":{"subtype":"space","description":"Controls the vertical alignment of modal dialogs (pop-up windows that appear over the main content). \'center\' positions the modal in the middle of the screen vertically, \'flex-start\' positions it at the top, \'flex-end\' positions it at the bottom, and \'stretch\' makes it fill the full height.<br>CSS variable: --wm-modal-align-items"}},"justify-content":{"value":"center","type":"space","attributes":{"subtype":"space","description":"Controls the horizontal alignment of modal dialogs (pop-up windows that appear over the main content). \'center\' positions the modal in the middle of the screen horizontally, \'flex-start\' positions it at the left, \'flex-end\' positions it at the right, and \'space-between\'/\'space-around\' distributes space around the modal.<br>CSS variable: --wm-modal-justify-content"}},"margin":{"value":"{space.6.value}","type":"space","attributes":{"subtype":"space","description":"Controls the margin around modal dialogs (pop-up windows that appear over the main content). This creates space between the modal and the edges of the screen, ensuring the modal doesn\'t touch the screen edges.<br>CSS variable: --wm-modal-margin"}},"backdrop":{"opacity":{"value":"50%","type":"radius","attributes":{"subtype":"radius","description":"Controls the transparency of the modal backdrop (the dark overlay that appears behind modal dialogs). This determines how much the background content is dimmed when a modal is open.<br>CSS variable: --wm-modal-backdrop-opacity"}},"background":{"value":"{color.scrim.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of the modal backdrop (the dark overlay that appears behind modal dialogs). This is the color that dims the background content when a modal is open.<br>CSS variable: --wm-modal-backdrop-background"}},"z-index":{"value":"999","type":"radius","attributes":{"subtype":"elevation","description":"Controls the stacking order of the modal backdrop (the dark overlay that appears behind modal dialogs). Higher values make the backdrop appear above other elements, ensuring it covers the background content.<br>CSS variable: --wm-modal-backdrop-z-index"}}},"z-index":{"value":"1000","type":"radius","attributes":{"subtype":"elevation","description":"Controls the stacking order of modal dialogs (pop-up windows that appear over the main content). Higher values make the modal appear above other elements, ensuring it\'s visible on top of all other content.<br>CSS variable: --wm-modal-z-index"}},"width":{"value":"600px","type":"space","attributes":{"subtype":"space","description":"Controls how wide modal dialogs appear (pop-up windows that appear over the main content). This determines the horizontal size of the modal window that users interact with.<br>CSS variable: --wm-modal-width"}},"height":{"value":"auto","type":"space","attributes":{"subtype":"space","description":"Controls how tall modal dialogs appear (pop-up windows that appear over the main content). \'auto\' lets the modal size itself based on its content, while specific values (px, %, em, rem, vh) set a fixed height.<br>CSS variable: --wm-modal-height"}},"background":{"value":"{color.surface.container.high.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of modal dialogs (pop-up windows that appear over the main content). This is the main background color that appears behind the modal content.<br>CSS variable: --wm-modal-background"}},"radius":{"value":"{radius.lg.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of modal dialogs (pop-up windows that appear over the main content). This makes the modal appear with rounded corners for a softer appearance.<br>CSS variable: --wm-modal-radius"}},"header":{"padding":{"value":"{space.6.value} {space.4.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside modal headers (the top section of modal dialogs that contains the title and close button). This creates breathing room around the header content.<br>CSS variable: --wm-modal-header-padding"}}},"title":{"gap":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the spacing between title elements in modal dialogs (like the space between the title text and any icons). This creates visual separation between different parts of the modal title.<br>CSS variable: --wm-modal-title-gap"}},"font-size":{"value":"{h3.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large the modal titles appear (the main heading text in modal dialogs). This affects the size of the title text that users see in the modal header.<br>CSS variable: --wm-modal-title-font-size"}},"font-family":{"value":"{h3.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for modal titles (the main heading text in modal dialogs). This determines whether the title text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-modal-title-font-family"}},"font-weight":{"value":"{h3.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the modal titles appear (the main heading text in modal dialogs). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-modal-title-font-weight"}},"line-height":{"value":"{h3.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when modal titles wrap to multiple lines. This ensures proper spacing for the title text displayed in the modal header.<br>CSS variable: --wm-modal-title-line-height"}},"letter-spacing":{"value":"{h3.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing between individual characters in modal titles. This can help make the title text more readable and properly spaced.<br>CSS variable: --wm-modal-title-letter-spacing"}}},"body":{"padding":{"value":"{space.6.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside modal body content (the main content area of modal dialogs). This creates breathing room around the modal content.<br>CSS variable: --wm-modal-body-padding"}}},"footer":{"padding":{"value":"{space.6.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside modal footers (the bottom section of modal dialogs that contains action buttons). This creates breathing room around the footer content.<br>CSS variable: --wm-modal-footer-padding"}},"gap":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the spacing between footer elements in modal dialogs (like the space between action buttons). This creates visual separation between different footer elements.<br>CSS variable: --wm-modal-footer-gap"}}},"login":{"dialog":{"form":{"body":{"padding":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls padding of login dialog form body.<br>CSS variable: --wm-modal-login-dialog-form-body-padding"}}},"elements":{"gap":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls spacing between login dialog form elements.<br>CSS variable: --wm-modal-login-dialog-form-elements-gap"}}}}}}},"appearances":{"default":{"variantGroups":{"size":{"xs":{"width":{"value":"440px","type":"space","attributes":{"subtype":"space"}}},"sm":{"width":{"value":"600px","type":"space","attributes":{"subtype":"space"}}},"md":{"width":{"value":"900px","type":"space","attributes":{"subtype":"space"}}},"lg":{"width":{"value":"1200px","type":"space","attributes":{"subtype":"space"}}},"xl":{"width":{"value":"1536px","type":"space","attributes":{"subtype":"space"}}},"full-screen":{"width":{"value":"100%","type":"space","attributes":{"subtype":"space"}},"height":{"value":"100%","type":"space","attributes":{"subtype":"space"}},"margin":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}}}}},"sheet":{"mapping":{"width":{"value":"400px","type":"space","attributes":{"subtype":"space"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}},"margin":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}}},"variantGroups":{"position":{"top":{"align-items":{"value":"flex-start","type":"space","attributes":{"subtype":"space"}},"width":{"value":"100%","type":"space","attributes":{"subtype":"space"}}},"right":{"justify-content":{"value":"flex-end","type":"space","attributes":{"subtype":"space"}},"height":{"value":"100%","type":"space","attributes":{"subtype":"space"}}},"bottom":{"align-items":{"value":"flex-end","type":"space","attributes":{"subtype":"space"}},"width":{"value":"100%","type":"space","attributes":{"subtype":"space"}}},"left":{"justify-content":{"value":"flex-start","type":"space","attributes":{"subtype":"space"}},"height":{"value":"100%","type":"space","attributes":{"subtype":"space"}}}}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"modal":{"meta":{"appearances":{"default":{"mapping":{"selector":{"web":".modal-dialog"}},"variantGroups":{"size":{"xs":{"selector":{"web":".modal-xs"}},"sm":{"selector":{"web":".modal-sm"}},"md":{"selector":{"web":".modal-md"}},"lg":{"selector":{"web":".modal-lg"}},"xl":{"selector":{"web":".modal-xl"}},"full-screen":{"selector":{"web":".modal-full-screen"}}}}},"sheet":{"mapping":{"selector":{"web":".modal-dialog.modal-sheet"}},"variantGroups":{"position":{"top":{"selector":{"web":".sheet-position-top"}},"right":{"selector":{"web":".sheet-position-right"}},"bottom":{"selector":{"web":".sheet-position-bottom"}},"left":{"selector":{"web":".sheet-position-left"}}}}}}},"mapping":{"align-items":{"value":"center","type":"space","attributes":{"subtype":"space"}},"justify-content":{"value":"center","type":"space","attributes":{"subtype":"space"}},"margin":{"value":"{space.6.value}","type":"space","attributes":{"subtype":"space"}},"backdrop":{"opacity":{"value":"50%","type":"radius","attributes":{"subtype":"radius"}},"background":{"value":"{color.scrim.@.value}","type":"color","attributes":{"subtype":"color"}},"z-index":{"value":"999","type":"radius","attributes":{"subtype":"elevation"}}},"z-index":{"value":"1000","type":"radius","attributes":{"subtype":"elevation"}},"width":{"value":"600px","type":"space","attributes":{"subtype":"space"}},"height":{"value":"auto","type":"space","attributes":{"subtype":"space"}},"background":{"value":"{color.surface.container.high.@.value}","type":"color","attributes":{"subtype":"color"}},"radius":{"value":"{radius.lg.value}","type":"radius","attributes":{"subtype":"radius"}},"header":{"padding":{"value":"{space.6.value} {space.4.value}","type":"space","attributes":{"subtype":"space"}}},"title":{"gap":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space"}},"font-size":{"value":"{h3.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"font-family":{"value":"{h3.font-family.value}","type":"font","attributes":{"subtype":"font-family"}},"font-weight":{"value":"{h3.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}},"line-height":{"value":"{h3.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"letter-spacing":{"value":"{h3.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing"}}},"body":{"padding":{"value":"{space.6.value}","type":"space","attributes":{"subtype":"space"}}},"footer":{"padding":{"value":"{space.6.value}","type":"space","attributes":{"subtype":"space"}},"gap":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space"}}},"login":{"dialog":{"form":{"body":{"padding":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space"}}},"elements":{"gap":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space"}}}}}}},"appearances":{"default":{"variantGroups":{"size":{"xs":{"width":{"value":"440px","type":"space","attributes":{"subtype":"space"}}},"sm":{"width":{"value":"600px","type":"space","attributes":{"subtype":"space"}}},"md":{"width":{"value":"900px","type":"space","attributes":{"subtype":"space"}}},"lg":{"width":{"value":"1200px","type":"space","attributes":{"subtype":"space"}}},"xl":{"width":{"value":"1536px","type":"space","attributes":{"subtype":"space"}}},"full-screen":{"width":{"value":"100%","type":"space","attributes":{"subtype":"space"}},"height":{"value":"100%","type":"space","attributes":{"subtype":"space"}},"margin":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}}}}},"sheet":{"mapping":{"width":{"value":"400px","type":"space","attributes":{"subtype":"space"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}},"margin":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}}},"variantGroups":{"position":{"top":{"align-items":{"value":"flex-start","type":"space","attributes":{"subtype":"space"}},"width":{"value":"100%","type":"space","attributes":{"subtype":"space"}}},"right":{"justify-content":{"value":"flex-end","type":"space","attributes":{"subtype":"space"}},"height":{"value":"100%","type":"space","attributes":{"subtype":"space"}}},"bottom":{"align-items":{"value":"flex-end","type":"space","attributes":{"subtype":"space"}},"width":{"value":"100%","type":"space","attributes":{"subtype":"space"}}},"left":{"justify-content":{"value":"flex-start","type":"space","attributes":{"subtype":"space"}},"height":{"value":"100%","type":"space","attributes":{"subtype":"space"}}}}}}}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_nav_nav_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_nav_nav_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/nav/nav.json":
4
+ /***/ "./src/tokens/web/components/nav/nav.json"
5
5
  /*!************************************************!*\
6
6
  !*** ./src/tokens/web/components/nav/nav.json ***!
7
7
  \************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"nav":{"meta":{"mapping":{"selector":{"web":".nav.app-nav"},"states":{"hover":{"selector":{"web":" .app-nav-item:has(:hover)"}},"active":{"selector":{"web":" .app-nav-item:has(:active), .app-nav-item.active"}},"focus":{"selector":{"web":" .app-nav-item:has(:focus)"}}}}},"mapping":{"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of navigation components (menus and navigation bars that help users move around the application). This is the main background color that appears behind the navigation items.<br>CSS variable: --wm-nav-background"}},"margin":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the external spacing around the navigation component (space outside the nav container). This separates the navigation from surrounding content.<br>CSS variable: --wm-nav-margin"}},"padding":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside navigation components (the space between the navigation content and its borders). This creates breathing room around the navigation items.<br>CSS variable: --wm-nav-padding"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of navigation items (individual menu options and links). This makes the navigation items appear with rounded corners for a softer appearance.<br>CSS variable: --wm-nav-item-radius"}},"width":{"value":"{border.width.0.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border thickness of the navigation container. Higher values create thicker borders.<br>CSS variable: --wm-nav-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the border style of the navigation container. Allowed values: solid, dashed, dotted, none.<br>CSS variable: --wm-nav-border-style"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color","description":"Sets the border color of the navigation container. Use a color that contrasts the background for visibility.<br>CSS variable: --wm-nav-border-color"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow of the navigation container to create depth. Use to lift the nav above the page background.<br>CSS variable: --wm-nav-shadow"}},"item":{"background":{"value":"{color.transparent.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of individual navigation items (links/menu options).<br>CSS variable: --wm-nav-item-background"}},"margin":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the external spacing around each navigation item (space between adjacent items).<br>CSS variable: --wm-nav-item-margin"}},"padding":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside each navigation item (space around the text/icon inside the item).<br>CSS variable: --wm-nav-item-padding"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of each navigation item. Use higher values for rounded chips/pills.<br>CSS variable: --wm-nav-item-border-radius"}},"width":{"value":"{border.width.0.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border thickness of each navigation item.<br>CSS variable: --wm-nav-item-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the border style of each navigation item. Allowed values: solid, dashed, dotted, none.<br>CSS variable: --wm-nav-item-border-style"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color","description":"Sets the border color of each navigation item.<br>CSS variable: --wm-nav-item-border-color"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow of navigation items to add depth and focus.<br>CSS variable: --wm-nav-item-shadow"}},"caret":{"size":{"value":"{icon.size.sm.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of the caret indicator shown on items that open a submenu (the small triangle/arrow).<br>CSS variable: --wm-nav-item-caret-size"}}}},"states":{"active":{"item":{"background":{"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%)","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color"}}}}},"hover":{"item":{"background":{"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%)","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color"}}}}},"focus":{"item":{"background":{"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%)","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color"}}}}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"nav":{"meta":{"mapping":{"selector":{"web":".nav.app-nav"},"states":{"hover":{"selector":{"web":" .app-nav-item:has(:hover)"}},"active":{"selector":{"web":" .app-nav-item:has(:active), .app-nav-item.active"}},"focus":{"selector":{"web":" .app-nav-item:has(:focus)"}}}}},"mapping":{"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"margin":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}},"padding":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}},"width":{"value":"{border.width.0.value}","type":"radius","attributes":{"subtype":"radius"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}},"item":{"background":{"value":"{color.transparent.value}","type":"color","attributes":{"subtype":"color"}},"margin":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}},"padding":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}},"width":{"value":"{border.width.0.value}","type":"radius","attributes":{"subtype":"radius"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}},"caret":{"size":{"value":"{icon.size.sm.value}","type":"space","attributes":{"subtype":"icon-size"}}}},"states":{"active":{"item":{"background":{"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%)","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color"}}}}},"hover":{"item":{"background":{"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%)","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color"}}}}},"focus":{"item":{"background":{"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%)","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color"}}}}}}}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_page-content_page-content_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_page-content_page-content_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/page-content/page-content.json":
4
+ /***/ "./src/tokens/web/components/page-content/page-content.json"
5
5
  /*!******************************************************************!*\
6
6
  !*** ./src/tokens/web/components/page-content/page-content.json ***!
7
7
  \******************************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"page":{"meta":{},"mapping":{"content":{"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside page content areas (the main content sections of web pages). This creates breathing room around the page content.<br>CSS variable: --wm-page-content-padding"}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"page":{"meta":{},"mapping":{"content":{"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}}}}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_page-footer_page-footer_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_page-footer_page-footer_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/page-footer/page-footer.json":
4
+ /***/ "./src/tokens/web/components/page-footer/page-footer.json"
5
5
  /*!****************************************************************!*\
6
6
  !*** ./src/tokens/web/components/page-footer/page-footer.json ***!
7
7
  \****************************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"footer":{"meta":{"mapping":{"selector":{"web":".app-footer"}}},"mapping":{"height":{"value":"auto","type":"space","attributes":{"subtype":"space","description":"Controls how tall page footers appear (the bottom sections of web pages that contain copyright, links, and other information). \'auto\' lets the footer size itself based on its content, while specific values (px, %, em, rem, vh) set a fixed height.<br>CSS variable: --wm-footer-height"}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of page footers (the bottom sections of web pages that contain copyright, links, and other information). This is the main background color that appears behind the footer content.<br>CSS variable: --wm-footer-background"}},"color":{"@":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the default text color of page footers (the bottom sections of web pages that contain copyright, links, and other information). This determines what color the footer text appears in, which should contrast well with the background for readability.<br>CSS variable: --wm-footer-color"}},"muted":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the muted text color of page footers (the bottom sections of web pages that contain copyright, links, and other information). This is used for secondary or less important text in the footer, making it appear more subtle.<br>CSS variable: --wm-footer-color-muted"}}},"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color","description":"Sets the border color of page footers (the bottom sections of web pages that contain copyright, links, and other information). This creates the outline that defines the footer boundaries.<br>CSS variable: --wm-footer-border-color"}},"style":{"value":"solid","type":"radius","attributes":{"subtype":"border-style","description":"Controls the border style of page footers (the bottom sections of web pages that contain copyright, links, and other information). \'solid\' creates a continuous line, \'dashed\' creates a broken line, \'dotted\' creates a dotted line, and \'none\' removes the border.<br>CSS variable: --wm-footer-border-style"}},"width":{"value":"1px 0px 0px 0px","type":"radius","attributes":{"subtype":"border-width","description":"Controls the border width of page footers (the bottom sections of web pages that contain copyright, links, and other information). This determines how thick the footer border appears.<br>CSS variable: --wm-footer-border-width"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of page footers (the bottom sections of web pages that contain copyright, links, and other information). This makes the footer appear with rounded corners for a softer appearance.<br>CSS variable: --wm-footer-border-radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow effect around page footers (the bottom sections of web pages that contain copyright, links, and other information). This creates a subtle shadow that makes the footer appear to float above the background, giving it depth and elevation.<br>CSS variable: --wm-footer-shadow"}},"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside page footers (the bottom sections of web pages that contain copyright, links, and other information). This creates breathing room around the footer content.<br>CSS variable: --wm-footer-padding"}}},"appearances":{}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"footer":{"meta":{"mapping":{"selector":{"web":".app-footer"}}},"mapping":{"height":{"value":"auto","type":"space","attributes":{"subtype":"space"}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"@":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}},"muted":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}}},"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color"}},"style":{"value":"solid","type":"radius","attributes":{"subtype":"border-style"}},"width":{"value":"1px 0px 0px 0px","type":"radius","attributes":{"subtype":"border-width"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}},"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}}},"appearances":{}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_page-header_page-header_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_page-header_page-header_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/page-header/page-header.json":
4
+ /***/ "./src/tokens/web/components/page-header/page-header.json"
5
5
  /*!****************************************************************!*\
6
6
  !*** ./src/tokens/web/components/page-header/page-header.json ***!
7
7
  \****************************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"header":{"meta":{},"mapping":{"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of page headers (the top sections of web pages that contain logos, navigation, and search). This is the main background color that appears behind the header content.<br>CSS variable: --wm-header-background"}},"color":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of page headers (the top sections of web pages that contain logos, navigation, and search). This determines what color the header text appears in, which should contrast well with the background for readability.<br>CSS variable: --wm-header-color"}},"height":{"value":"82px","type":"space","attributes":{"subtype":"space","description":"Controls how tall page headers appear (the top sections of web pages that contain logos, navigation, and search). This determines the vertical size of the header area.<br>CSS variable: --wm-header-height"}},"z-index":{"value":"2","type":"radius","attributes":{"subtype":"elevation","description":"Controls the stacking order of page headers (the top sections of web pages that contain logos, navigation, and search). Higher values make the header appear above other elements, ensuring it\'s visible on top of all other content.<br>CSS variable: --wm-header-z-index"}},"padding":{"value":"{space.2.value} {space.4.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside page headers (the top sections of web pages that contain logos, navigation, and search). This creates breathing room around the header content.<br>CSS variable: --wm-header-padding"}},"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color","description":"Sets the border color of page headers (the top sections of web pages that contain logos, navigation, and search). This creates the outline that defines the header boundaries.<br>CSS variable: --wm-header-border-color"}},"style":{"value":"solid","type":"radius","attributes":{"subtype":"border-style","description":"Controls the border style of page headers (the top sections of web pages that contain logos, navigation, and search). \'solid\' creates a continuous line, \'dashed\' creates a broken line, \'dotted\' creates a dotted line, and \'none\' removes the border.<br>CSS variable: --wm-header-border-style"}},"width":{"value":"0px 0px 1px 0px","type":"radius","attributes":{"subtype":"border-width","description":"Controls the border width of page headers (the top sections of web pages that contain logos, navigation, and search). This determines how thick the header border appears.<br>CSS variable: --wm-header-border-width"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of page headers (the top sections of web pages that contain logos, navigation, and search). This makes the header appear with rounded corners for a softer appearance.<br>CSS variable: --wm-header-border-radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow effect around page headers (the top sections of web pages that contain logos, navigation, and search). This creates a subtle shadow that makes the header appear to float above the background, giving it depth and elevation.<br>CSS variable: --wm-header-shadow"}}},"appearances":{}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"header":{"meta":{},"mapping":{"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"height":{"value":"82px","type":"space","attributes":{"subtype":"space"}},"z-index":{"value":"2","type":"radius","attributes":{"subtype":"elevation"}},"padding":{"value":"{space.2.value} {space.4.value}","type":"space","attributes":{"subtype":"space"}},"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color"}},"style":{"value":"solid","type":"radius","attributes":{"subtype":"border-style"}},"width":{"value":"0px 0px 1px 0px","type":"radius","attributes":{"subtype":"border-width"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}}},"appearances":{}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_page-left-nav_page-left-nav_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_page-left-nav_page-left-nav_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/page-left-nav/page-left-nav.json":
4
+ /***/ "./src/tokens/web/components/page-left-nav/page-left-nav.json"
5
5
  /*!********************************************************************!*\
6
6
  !*** ./src/tokens/web/components/page-left-nav/page-left-nav.json ***!
7
7
  \********************************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"aside-left":{"meta":{"mapping":{"selector":{"web":".app-left-panel"},"states":{"hover":{"selector":{"web":" .app-nav-item:has(:hover)"}},"active":{"selector":{"web":" .app-nav-item:has(:active),.app-left-panel .app-nav-item:has(.active), .app-nav-item.active"}},"focus":{"selector":{"web":" .app-nav-item:has(:focus)"}}}},"appearances":{"full":{"mapping":{"selector":{"web":".wm-app"}},"variantGroups":{"status":{"nav-drawer":{"selector":{"web":":has(.app-left-panel.app-nav-drawer.app-nav-full)"}},"nav-rail":{"selector":{"web":":has(.app-left-panel.app-nav-rail.app-nav-full)"}}}}},"clipped":{"mapping":{"selector":{"web":".wm-app"}},"variantGroups":{"status":{"nav-drawer":{"selector":{"web":":has(.app-left-panel.app-nav-drawer.app-nav-clipped)"}},"nav-rail":{"selector":{"web":":has(.app-left-panel.app-nav-rail.app-nav-clipped)"}}}}}}},"mapping":{"nav":{"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the left navigation panel border (the vertical sidebar that contains navigation menu items). This determines what color the border line appears in that separates the navigation from the main content.<br>CSS variable: --wm-aside-left-border-color"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Sets the visual style of the left navigation panel border. \'solid\' creates a continuous line, \'dashed\' creates a broken line, \'dotted\' creates a dotted line, \'none\' removes the border completely.<br>CSS variable: --wm-aside-left-border-style"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of the left navigation panel. This makes the navigation panel corners slightly rounded for a softer appearance, or keeps them square with \'none\'.<br>CSS variable: --wm-aside-left-border-radius"}},"width":{"value":"{border.width.0.value} {border.width.1.value} {border.width.0.value} {border.width.0.value}","type":"radius","attributes":{"subtype":"border-width","description":"Controls the thickness of the left navigation panel border. The format is \'top right bottom left\' - this setting creates a right border only to separate the navigation from the main content.<br>CSS variable: --wm-aside-left-border-width"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow effect around the left navigation panel (the vertical sidebar that contains navigation menu items). This creates a subtle shadow that makes the navigation appear to float above the background, giving it depth and elevation.<br>CSS variable: --wm-aside-left-shadow"}},"letter-spacing":{"value":"{label.medium.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing between individual characters in the left navigation panel text. This can help make the navigation text more readable and properly spaced.<br>CSS variable: --wm-aside-left-letter-spacing"}},"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside the left navigation panel (the space between the navigation content and its borders). This creates breathing room around the navigation menu items.<br>CSS variable: --wm-aside-left-padding"}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of the left navigation panel (the vertical sidebar that contains navigation menu items). This is the main background color that appears behind the navigation content.<br>CSS variable: --wm-aside-left-background"}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of the left navigation panel (the vertical sidebar that contains navigation menu items). This determines what color the navigation text appears in.<br>CSS variable: --wm-aside-left-color"}},"gap":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the spacing between navigation items in the left navigation panel (the vertical sidebar that contains navigation menu items). This creates visual separation between different menu options.<br>CSS variable: --wm-aside-left-nav-gap"}},"item":{"color":{"value":"none","type":"color","attributes":{"subtype":"color","description":"Sets the text color of navigation items in the left navigation panel (individual menu options like \'Home\', \'Settings\', \'Profile\'). This determines what color the menu item text appears in.<br>CSS variable: --wm-aside-left-nav-item-color"}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of navigation items in the left navigation panel (individual menu options like \'Home\', \'Settings\', \'Profile\'). This creates the background color behind each menu item.<br>CSS variable: --wm-aside-left-nav-item-background"}},"min":{"height":{"value":"44px","type":"space","attributes":{"subtype":"space","description":"Controls the minimum height of navigation items in the left navigation panel (individual menu options like \'Home\', \'Settings\', \'Profile\'). This ensures each menu item is tall enough to be easily clickable.<br>CSS variable: --wm-aside-left-nav-item-min-height"}}},"padding":{"value":"{space.2.value} {space.6.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside navigation items in the left navigation panel (the space between the menu item content and its borders). This creates breathing room around the menu item text and icons.<br>CSS variable: --wm-aside-left-nav-item-padding"}},"font":{"family":{"value":"{label.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for navigation item text in the left navigation panel (individual menu options like \'Home\', \'Settings\', \'Profile\'). This determines whether the menu item text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-aside-left-nav-item-font-family"}},"size":{"value":"{label.large.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large the navigation item text appears in the left navigation panel (individual menu options like \'Home\', \'Settings\', \'Profile\'). This affects the size of the text that users see in each menu option.<br>CSS variable: --wm-aside-left-nav-item-font-size"}},"weight":{"value":"{label.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the navigation item text appears in the left navigation panel (individual menu options like \'Home\', \'Settings\', \'Profile\'). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-aside-left-nav-item-font-weight"}}},"line-height":{"value":"{label.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when navigation item text wraps to multiple lines in the left navigation panel. This ensures proper spacing for the menu item text displayed in the navigation.<br>CSS variable: --wm-aside-left-nav-item-line-height"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius of navigation items.<br>CSS variable: --wm-aside-left-nav-item-border-radius"}}},"gap":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls spacing between elements within navigation items.<br>CSS variable: --wm-aside-left-nav-item-gap"}},"icon":{"size":{"value":"24px","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of navigation item icons.<br>CSS variable: --wm-aside-left-nav-item-icon-size"}},"width":{"value":"40px","type":"space","attributes":{"subtype":"space","description":"Controls the width of navigation item icons.<br>CSS variable: --wm-aside-left-nav-item-icon-width"}},"height":{"value":"40px","type":"space","attributes":{"subtype":"space","description":"Controls the height of navigation item icons.<br>CSS variable: --wm-aside-left-nav-item-icon-height"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius of navigation item icons.<br>CSS variable: --wm-aside-left-nav-item-icon-border-radius"}}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of navigation item icons.<br>CSS variable: --wm-aside-left-nav-item-icon-background"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of navigation item icons.<br>CSS variable: --wm-aside-left-nav-item-icon-color"}}},"indicator":{"color":{"value":"none","type":"color","attributes":{"subtype":"color","description":"Sets the color of navigation item indicators.<br>CSS variable: --wm-aside-left-nav-item-indicator-color"}},"width":{"value":"1px","type":"space","attributes":{"subtype":"space","description":"Controls the width of navigation item indicators.<br>CSS variable: --wm-aside-left-nav-item-indicator-width"}},"height":{"value":"100%","type":"space","attributes":{"subtype":"space","description":"Controls the height of navigation item indicators.<br>CSS variable: --wm-aside-left-nav-item-indicator-height"}},"position":{"value":" 0 0 0 auto","type":"space","attributes":{"subtype":"space","description":"Controls the positioning of navigation item indicators.<br>CSS variable: --wm-aside-left-nav-item-indicator-position"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius of navigation item indicators.<br>CSS variable: --wm-aside-left-nav-item-indicator-border-radius"}}}},"caret":{"size":{"value":"{icon.size.sm.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of navigation item caret icons.<br>CSS variable: --wm-aside-left-nav-item-caret-size"}}}},"submenu":{"padding":{"value":"{space.0.value} {space.0.value} {space.0.value} {space.3.value}","type":"space","attributes":{"subtype":"space","description":"Sets internal spacing within submenu containers.<br>CSS variable: --wm-aside-left-nav-submenu-padding"}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of submenu containers.<br>CSS variable: --wm-aside-left-nav-submenu-background"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius of submenu containers.<br>CSS variable: --wm-aside-left-nav-submenu-border-radius"}}},"box-shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow effect of submenu containers.<br>CSS variable: --wm-aside-left-nav-submenu-box-shadow"}},"item":{"color":{"value":"none","type":"color","attributes":{"subtype":"color","description":"Sets the text color of submenu items.<br>CSS variable: --wm-aside-left-nav-submenu-item-color"}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of submenu items.<br>CSS variable: --wm-aside-left-nav-submenu-item-background"}},"height":{"value":"44px","type":"space","attributes":{"subtype":"space","description":"Controls the height of submenu items.<br>CSS variable: --wm-aside-left-nav-submenu-item-height"}},"padding":{"value":"{space.2.value} {space.6.value}","type":"space","attributes":{"subtype":"space","description":"Sets internal spacing within submenu items.<br>CSS variable: --wm-aside-left-nav-submenu-item-padding"}},"font":{"size":{"value":"{label.large.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the size of submenu item text.<br>CSS variable: --wm-aside-left-nav-submenu-item-font-size"}},"family":{"value":"{label.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the font family for submenu item text.<br>CSS variable: --wm-aside-left-nav-submenu-item-font-family"}},"weight":{"value":"{label.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the weight of submenu item text.<br>CSS variable: --wm-aside-left-nav-submenu-item-font-weight"}}},"line-height":{"value":"{label.large.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Sets the line height for submenu item text.<br>CSS variable: --wm-aside-left-nav-submenu-item-line-height"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius of submenu items.<br>CSS variable: --wm-aside-left-nav-submenu-item-border-radius"}}},"gap":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls spacing between elements within submenu items.<br>CSS variable: --wm-aside-left-nav-submenu-item-gap"}}}}},"states":{"hover":{"nav":{"item":{"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"indicator":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}},"icon":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"value":"none","type":"radius","attributes":{"subtype":"radius"}},"style":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}},"anchor":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"state":{"layer":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"submenu":{"item":{"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}},"active":{"nav":{"item":{"background":{"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%)","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}},"indicator":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}},"icon":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"value":"none","type":"radius","attributes":{"subtype":"radius"}},"style":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}},"anchor":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"state":{"layer":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"submenu":{"item":{"background":{"value":"{color.secondary.container.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}}}},"focus":{"nav":{"item":{"background":{"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%)","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}},"indicator":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}},"icon":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"value":"none","type":"radius","attributes":{"subtype":"radius"}},"style":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}},"anchor":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"state":{"layer":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"submenu":{"item":{"background":{"value":"{color.secondary.container.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}}}}}},"appearances":{"full":{"mapping":{},"variantGroups":{"status":{"nav-drawer":{"nav":{"width":{"value":"220px","type":"space","attributes":{"subtype":"space"}}}},"nav-rail":{"nav":{"width":{"value":"120px","type":"space","attributes":{"subtype":"space"}},"submenu":{"box-shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation"}},"radius":{"value":"{radius.none.value} {radius.sm.value} {radius.sm.value} {radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"item":{"anchor-display":{"value":"block","type":"font","attributes":{"subtype":"font-family"}}}}}}}},"clipped":{"mapping":{},"variantGroups":{"status":{"nav-drawer":{"nav":{"width":{"value":"220px","type":"space","attributes":{"subtype":"space"}}}},"nav-rail":{"nav":{"width":{"value":"102px","type":"space","attributes":{"subtype":"space"}},"submenu":{"box-shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation"}},"radius":{"value":"{radius.none.value} {radius.sm.value} {radius.sm.value} {radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"item":{"anchor-display":{"value":"block","type":"font","attributes":{"subtype":"font-family"}}}}}}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"aside-left":{"meta":{"mapping":{"selector":{"web":".app-left-panel"},"states":{"hover":{"selector":{"web":" .app-nav-item:has(:hover)"}},"active":{"selector":{"web":" .app-nav-item:has(:active),.app-left-panel .app-nav-item:has(.active), .app-nav-item.active"}},"focus":{"selector":{"web":" .app-nav-item:has(:focus)"}}}},"appearances":{"full":{"mapping":{"selector":{"web":".wm-app"}},"variantGroups":{"status":{"nav-drawer":{"selector":{"web":":has(.app-left-panel.app-nav-drawer.app-nav-full)"}},"nav-rail":{"selector":{"web":":has(.app-left-panel.app-nav-rail.app-nav-full)"}}}}},"clipped":{"mapping":{"selector":{"web":".wm-app"}},"variantGroups":{"status":{"nav-drawer":{"selector":{"web":":has(.app-left-panel.app-nav-drawer.app-nav-clipped)"}},"nav-rail":{"selector":{"web":":has(.app-left-panel.app-nav-rail.app-nav-clipped)"}}}}}}},"mapping":{"nav":{"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}},"width":{"value":"{border.width.0.value} {border.width.1.value} {border.width.0.value} {border.width.0.value}","type":"radius","attributes":{"subtype":"border-width"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}},"letter-spacing":{"value":"{label.medium.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing"}},"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"gap":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space"}},"item":{"color":{"value":"none","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"min":{"height":{"value":"44px","type":"space","attributes":{"subtype":"space"}}},"padding":{"value":"{space.2.value} {space.6.value}","type":"space","attributes":{"subtype":"space"}},"font":{"family":{"value":"{label.large.font-family.value}","type":"font","attributes":{"subtype":"font-family"}},"size":{"value":"{label.large.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"weight":{"value":"{label.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}}},"line-height":{"value":"{label.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"gap":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space"}},"icon":{"size":{"value":"24px","type":"space","attributes":{"subtype":"icon-size"}},"width":{"value":"40px","type":"space","attributes":{"subtype":"space"}},"height":{"value":"40px","type":"space","attributes":{"subtype":"space"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"indicator":{"color":{"value":"none","type":"color","attributes":{"subtype":"color"}},"width":{"value":"1px","type":"space","attributes":{"subtype":"space"}},"height":{"value":"100%","type":"space","attributes":{"subtype":"space"}},"position":{"value":" 0 0 0 auto","type":"space","attributes":{"subtype":"space"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}}},"caret":{"size":{"value":"{icon.size.sm.value}","type":"space","attributes":{"subtype":"icon-size"}}}},"submenu":{"padding":{"value":"{space.0.value} {space.0.value} {space.0.value} {space.3.value}","type":"space","attributes":{"subtype":"space"}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"box-shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}},"item":{"color":{"value":"none","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"height":{"value":"44px","type":"space","attributes":{"subtype":"space"}},"padding":{"value":"{space.2.value} {space.6.value}","type":"space","attributes":{"subtype":"space"}},"font":{"size":{"value":"{label.large.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"family":{"value":"{label.large.font-family.value}","type":"font","attributes":{"subtype":"font-family"}},"weight":{"value":"{label.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}}},"line-height":{"value":"{label.large.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"gap":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space"}}}}},"states":{"hover":{"nav":{"item":{"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"indicator":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}},"icon":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"value":"none","type":"radius","attributes":{"subtype":"radius"}},"style":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}},"anchor":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"state":{"layer":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"submenu":{"item":{"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}},"active":{"nav":{"item":{"background":{"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%)","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}},"indicator":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}},"icon":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"value":"none","type":"radius","attributes":{"subtype":"radius"}},"style":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}},"anchor":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"state":{"layer":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"submenu":{"item":{"background":{"value":"{color.secondary.container.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}}}},"focus":{"nav":{"item":{"background":{"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%)","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}},"indicator":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}},"icon":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"value":"none","type":"radius","attributes":{"subtype":"radius"}},"style":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}},"anchor":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"state":{"layer":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"submenu":{"item":{"background":{"value":"{color.secondary.container.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}}}}}},"appearances":{"full":{"mapping":{},"variantGroups":{"status":{"nav-drawer":{"nav":{"width":{"value":"220px","type":"space","attributes":{"subtype":"space"}}}},"nav-rail":{"nav":{"width":{"value":"120px","type":"space","attributes":{"subtype":"space"}},"submenu":{"box-shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation"}},"radius":{"value":"{radius.none.value} {radius.sm.value} {radius.sm.value} {radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"item":{"anchor-display":{"value":"block","type":"font","attributes":{"subtype":"font-family"}}}}}}}},"clipped":{"mapping":{},"variantGroups":{"status":{"nav-drawer":{"nav":{"width":{"value":"220px","type":"space","attributes":{"subtype":"space"}}}},"nav-rail":{"nav":{"width":{"value":"102px","type":"space","attributes":{"subtype":"space"}},"submenu":{"box-shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation"}},"radius":{"value":"{radius.none.value} {radius.sm.value} {radius.sm.value} {radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"item":{"anchor-display":{"value":"block","type":"font","attributes":{"subtype":"font-family"}}}}}}}}}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_page-right-nav_page-right-nav_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_page-right-nav_page-right-nav_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/page-right-nav/page-right-nav.json":
4
+ /***/ "./src/tokens/web/components/page-right-nav/page-right-nav.json"
5
5
  /*!**********************************************************************!*\
6
6
  !*** ./src/tokens/web/components/page-right-nav/page-right-nav.json ***!
7
7
  \**********************************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"aside-right":{"meta":{"mapping":{"selector":{"web":".app-right-panel"},"states":{"hover":{"selector":{"web":" .app-nav-item:has(:hover)"}},"active":{"selector":{"web":" .app-nav-item:has(:active),.app-right-panel .app-nav-item:has(.active), .app-nav-item.active"}},"focus":{"selector":{"web":" .app-nav-item:has(:focus)"}}}},"appearances":{"full":{"mapping":{"selector":{"web":".wm-app"}},"variantGroups":{"status":{"nav-drawer":{"selector":{"web":":has(.app-right-panel.app-nav-drawer.app-nav-full)"}},"nav-rail":{"selector":{"web":":has(.app-right-panel.app-nav-rail.app-nav-full)"}}}}},"clipped":{"mapping":{"selector":{"web":".wm-app"}},"variantGroups":{"status":{"nav-drawer":{"selector":{"web":":has(.app-right-panel.app-nav-drawer.app-nav-clipped)"}},"nav-rail":{"selector":{"web":":has(.app-right-panel.app-nav-rail.app-nav-clipped)"}}}}}}},"mapping":{"nav":{"border":{"color":{"value":"{aside-left.mapping.nav.border.color.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the right navigation panel border (the vertical sidebar that contains navigation menu items). This determines what color the border line appears in that separates the navigation from the main content.<br>CSS variable: --wm-aside-right-nav-border-color"}},"style":{"value":"{aside-left.mapping.nav.border.style.value}","type":"radius","attributes":{"subtype":"border-style","description":"Sets the visual style of the right navigation panel border. \'solid\' creates a continuous line, \'dashed\' creates a broken line, \'dotted\' creates a dotted line, \'none\' removes the border completely.<br>CSS variable: --wm-aside-right-nav-border-style"}},"radius":{"value":"{aside-left.mapping.nav.border.radius.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of the right navigation panel. This makes the navigation panel corners slightly rounded for a softer appearance, or keeps them square with \'none\'.<br>CSS variable: --wm-aside-right-nav-border-radius"}},"width":{"value":"{border.width.0.value} {border.width.0.value} {border.width.0.value} {border.width.1.value}","type":"radius","attributes":{"subtype":"border-width","description":"Controls the thickness of the right navigation panel border. The format is \'top right bottom left\' - this setting creates a left border only to separate the navigation from the main content.<br>CSS variable: --wm-aside-right-nav-border-width"}}},"shadow":{"value":"{aside-left.mapping.nav.shadow.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow effect around the right navigation panel (the vertical sidebar that contains navigation menu items). This creates a subtle shadow that makes the navigation appear to float above the background, giving it depth and elevation.<br>CSS variable: --wm-aside-right-nav-shadow"}},"letter-spacing":{"value":"{aside-left.mapping.nav.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing between individual characters in the right navigation panel text. This can help make the navigation text more readable and properly spaced.<br>CSS variable: --wm-aside-right-nav-letter-spacing"}},"padding":{"value":"{aside-left.mapping.nav.padding.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside the right navigation panel (the space between the navigation content and its borders). This creates breathing room around the navigation menu items.<br>CSS variable: --wm-aside-right-nav-padding"}},"background":{"value":"{aside-left.mapping.nav.background.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of the right navigation panel (the vertical sidebar that contains navigation menu items). This is the main background color that appears behind the navigation content.<br>CSS variable: --wm-aside-right-nav-background"}},"color":{"value":"{aside-left.mapping.nav.color.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of the right navigation panel (the vertical sidebar that contains navigation menu items). This determines what color the navigation text appears in.<br>CSS variable: --wm-aside-right-nav-color"}},"gap":{"value":"{aside-left.mapping.nav.gap.value}","type":"space","attributes":{"subtype":"space","description":"Controls spacing between elements in right navigation panels.<br>CSS variable: --wm-aside-right-nav-gap"}},"item":{"color":{"value":"{aside-left.mapping.nav.item.color.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of right navigation items.<br>CSS variable: --wm-aside-right-nav-item-color"}},"background":{"value":"{aside-left.mapping.nav.item.background.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of right navigation items.<br>CSS variable: --wm-aside-right-nav-item-background"}},"min":{"height":{"value":"{aside-left.mapping.nav.item.min.height.value}","type":"space","attributes":{"subtype":"space","description":"Controls the minimum height of right navigation items. Acceptable units: px, em, rem.<br>CSS variable: --wm-aside-right-nav-item-min-height"}}},"padding":{"value":"{aside-left.mapping.nav.item.padding.value}","type":"space","attributes":{"subtype":"space","description":"Controls padding of right navigation items.<br>CSS variable: --wm-aside-right-nav-item-padding"}},"font":{"family":{"value":"{aside-left.mapping.nav.item.font.family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the font family of right navigation items.<br>CSS variable: --wm-aside-right-nav-item-font-family"}},"size":{"value":"{aside-left.mapping.nav.item.font.size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the font size of right navigation items.<br>CSS variable: --wm-aside-right-nav-item-font-size"}},"weight":{"value":"{aside-left.mapping.nav.item.font.weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the font weight of right navigation items. Acceptable values: normal, bold, 100-900.<br>CSS variable: --wm-aside-right-nav-item-font-weight"}}},"line-height":{"value":"{aside-left.mapping.nav.item.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the line height of right navigation items.<br>CSS variable: --wm-aside-right-nav-item-line-height"}},"border":{"radius":{"value":"{aside-left.mapping.nav.item.border.radius.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius of right navigation items.<br>CSS variable: --wm-aside-right-nav-item-border-radius"}}},"gap":{"value":"{aside-left.mapping.nav.item.gap.value}","type":"space","attributes":{"subtype":"space","description":"Controls spacing between elements in right navigation items.<br>CSS variable: --wm-aside-right-nav-item-gap"}},"icon":{"size":{"value":"{aside-left.mapping.nav.item.icon.size.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of icons in right navigation items.<br>CSS variable: --wm-aside-right-nav-item-icon-size"}},"width":{"value":"{aside-left.mapping.nav.item.icon.width.value}","type":"space","description":"Controls the width of icons in right navigation items.<br>CSS variable: --wm-aside-right-nav-item-icon-width"},"height":{"value":"{aside-left.mapping.nav.item.icon.height.value}","type":"space","attributes":{"subtype":"space","description":"Controls the height of icons in right navigation items.<br>CSS variable: --wm-aside-right-nav-item-icon-height"}},"border":{"radius":{"value":"{aside-left.mapping.nav.item.icon.border.radius.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius of icons in right navigation items.<br>CSS variable: --wm-aside-right-nav-item-icon-border-radius"}}},"background":{"value":"{aside-left.mapping.nav.item.icon.background.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of icons in right navigation items.<br>CSS variable: --wm-aside-right-nav-item-icon-background"}},"color":{"value":"{aside-left.mapping.nav.item.icon.color.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of icons in right navigation items.<br>CSS variable: --wm-aside-right-nav-item-icon-color"}}},"indicator":{"color":{"value":"{aside-left.mapping.nav.item.indicator.color.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of indicators in right navigation items.<br>CSS variable: --wm-aside-right-nav-item-indicator-color"}},"width":{"value":"{aside-left.mapping.nav.item.indicator.width.value}","type":"space","attributes":{"subtype":"space","description":"Controls the width of indicators in right navigation items.<br>CSS variable: --wm-aside-right-nav-item-indicator-width"}},"height":{"value":"{aside-left.mapping.nav.item.indicator.height.value}","type":"space","attributes":{"subtype":"space","description":"Controls the height of indicators in right navigation items.<br>CSS variable: --wm-aside-right-nav-item-indicator-height"}},"position":{"value":" auto 0 0 0","type":"space","attributes":{"subtype":"space","description":"Controls the position of indicators in right navigation items.<br>CSS variable: --wm-aside-right-nav-item-indicator-position"}},"border":{"radius":{"value":"{aside-left.mapping.nav.item.indicator.border.radius.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius of indicators in right navigation items.<br>CSS variable: --wm-aside-right-nav-item-indicator-radius"}}}},"caret":{"size":{"value":"{aside-left.mapping.nav.item.caret.size.value}","type":"space","attributes":{"subtype":"space","description":"Controls the size of caret icons in right navigation items.<br>CSS variable: --wm-aside-right-nav-item-caret-size"}}}},"submenu":{"padding":{"value":"{aside-left.mapping.nav.submenu.padding.value}","type":"space","attributes":{"subtype":"space","description":"Controls padding of right navigation submenus.<br>CSS variable: --wm-aside-right-nav-submenu-padding"}},"background":{"value":"{aside-left.mapping.nav.submenu.background.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of right navigation submenus.<br>CSS variable: --wm-aside-right-nav-submenu-background"}},"border":{"radius":{"value":"{aside-left.mapping.nav.submenu.border.radius.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius of right navigation submenus.<br>CSS variable: --wm-aside-right-nav-submenu-border-radius"}}},"box-shadow":{"value":"{aside-left.mapping.nav.submenu.box-shadow.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the box shadow of right navigation submenus.<br>CSS variable: --wm-aside-right-nav-submenu-box-shadow"}},"item":{"color":{"value":"{aside-left.mapping.nav.submenu.item.color.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of right navigation submenu items.<br>CSS variable: --wm-aside-right-nav-submenu-item-color"}},"background":{"value":"{aside-left.mapping.nav.submenu.item.background.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of right navigation submenu items.<br>CSS variable: --wm-aside-right-nav-submenu-item-background"}},"height":{"value":"{aside-left.mapping.nav.submenu.item.height.value}","type":"space","attributes":{"subtype":"space","description":"Controls the height of right navigation submenu items.<br>CSS variable: --wm-aside-right-nav-submenu-item-height"}},"padding":{"value":"{aside-left.mapping.nav.submenu.item.padding.value}","type":"space","attributes":{"subtype":"space","description":"Controls padding of right navigation submenu items.<br>CSS variable: --wm-aside-right-nav-submenu-item-padding"}},"font":{"size":{"value":"{aside-left.mapping.nav.submenu.item.font.size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the font size of right navigation submenu items.<br>CSS variable: --wm-aside-right-nav-submenu-item-font-size"}},"family":{"value":"{aside-left.mapping.nav.submenu.item.font.family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the font family of right navigation submenu items.<br>CSS variable: --wm-aside-right-nav-submenu-item-font-family"}},"weight":{"value":"{aside-left.mapping.nav.submenu.item.font.weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the font weight of right navigation submenu items. Acceptable values: normal, bold, 100-900.<br>CSS variable: --wm-aside-right-nav-submenu-item-font-weight"}}},"line-height":{"value":"{aside-left.mapping.nav.submenu.item.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the line height of right navigation submenu items.<br>CSS variable: --wm-aside-right-nav-submenu-item-line-height"}},"border":{"radius":{"value":"{aside-left.mapping.nav.submenu.item.border.radius.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius of right navigation submenu items.<br>CSS variable: --wm-aside-right-nav-submenu-item-border-radius"}}},"gap":{"value":"{aside-left.mapping.nav.submenu.item.gap.value}","type":"space","attributes":{"subtype":"space","description":"Controls spacing between elements in right navigation submenu items.<br>CSS variable: --wm-aside-right-nav-submenu-item-gap"}}}}},"states":{"hover":{"nav":{"item":{"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"indicator":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}},"icon":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"value":"none","type":"radius","attributes":{"subtype":"radius"}},"style":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}},"anchor":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"state":{"layer":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"submenu":{"item":{"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}},"active":{"nav":{"item":{"background":{"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%)","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}},"indicator":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}},"icon":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"value":"none","type":"radius","attributes":{"subtype":"radius"}},"style":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}},"anchor":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"state":{"layer":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"submenu":{"item":{"background":{"value":"{color.secondary.container.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}}}},"focus":{"nav":{"item":{"background":{"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%)","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}},"indicator":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}},"icon":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"value":"none","type":"radius","attributes":{"subtype":"radius"}},"style":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}},"anchor":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"state":{"layer":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"submenu":{"item":{"background":{"value":"{color.secondary.container.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}}}}}},"appearances":{"full":{"mapping":{},"variantGroups":{"status":{"nav-drawer":{"nav":{"width":{"value":"220px","type":"space","attributes":{"subtype":"space"}}}},"nav-rail":{"nav":{"width":{"value":"102px","type":"space","attributes":{"subtype":"space"}},"submenu":{"box-shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation"}},"radius":{"value":"{radius.none.value} {radius.sm.value} {radius.sm.value} {radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"item":{"anchor-display":{"value":"block","type":"font","attributes":{"subtype":"font-family"}}}}}}}},"clipped":{"mapping":{},"variantGroups":{"status":{"nav-drawer":{"nav":{"width":{"value":"220px","type":"space","attributes":{"subtype":"space"}}}},"nav-rail":{"nav":{"width":{"value":"102px","type":"space","attributes":{"subtype":"space"}},"submenu":{"box-shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation"}},"radius":{"value":"{radius.none.value} {radius.sm.value} {radius.sm.value} {radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"item":{"anchor-display":{"value":"block","type":"font","attributes":{"subtype":"font-family"}}}}}}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"aside-right":{"meta":{"mapping":{"selector":{"web":".app-right-panel"},"states":{"hover":{"selector":{"web":" .app-nav-item:has(:hover)"}},"active":{"selector":{"web":" .app-nav-item:has(:active),.app-right-panel .app-nav-item:has(.active), .app-nav-item.active"}},"focus":{"selector":{"web":" .app-nav-item:has(:focus)"}}}},"appearances":{"full":{"mapping":{"selector":{"web":".wm-app"}},"variantGroups":{"status":{"nav-drawer":{"selector":{"web":":has(.app-right-panel.app-nav-drawer.app-nav-full)"}},"nav-rail":{"selector":{"web":":has(.app-right-panel.app-nav-rail.app-nav-full)"}}}}},"clipped":{"mapping":{"selector":{"web":".wm-app"}},"variantGroups":{"status":{"nav-drawer":{"selector":{"web":":has(.app-right-panel.app-nav-drawer.app-nav-clipped)"}},"nav-rail":{"selector":{"web":":has(.app-right-panel.app-nav-rail.app-nav-clipped)"}}}}}}},"mapping":{"nav":{"border":{"color":{"value":"{aside-left.mapping.nav.border.color.value}","type":"color","attributes":{"subtype":"color"}},"style":{"value":"{aside-left.mapping.nav.border.style.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{aside-left.mapping.nav.border.radius.value}","type":"radius","attributes":{"subtype":"radius"}},"width":{"value":"{border.width.0.value} {border.width.0.value} {border.width.0.value} {border.width.1.value}","type":"radius","attributes":{"subtype":"border-width"}}},"shadow":{"value":"{aside-left.mapping.nav.shadow.value}","type":"radius","attributes":{"subtype":"elevation"}},"letter-spacing":{"value":"{aside-left.mapping.nav.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing"}},"padding":{"value":"{aside-left.mapping.nav.padding.value}","type":"space","attributes":{"subtype":"space"}},"background":{"value":"{aside-left.mapping.nav.background.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{aside-left.mapping.nav.color.value}","type":"color","attributes":{"subtype":"color"}},"gap":{"value":"{aside-left.mapping.nav.gap.value}","type":"space","attributes":{"subtype":"space"}},"item":{"color":{"value":"{aside-left.mapping.nav.item.color.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{aside-left.mapping.nav.item.background.value}","type":"color","attributes":{"subtype":"color"}},"min":{"height":{"value":"{aside-left.mapping.nav.item.min.height.value}","type":"space","attributes":{"subtype":"space"}}},"padding":{"value":"{aside-left.mapping.nav.item.padding.value}","type":"space","attributes":{"subtype":"space"}},"font":{"family":{"value":"{aside-left.mapping.nav.item.font.family.value}","type":"font","attributes":{"subtype":"font-family"}},"size":{"value":"{aside-left.mapping.nav.item.font.size.value}","type":"font","attributes":{"subtype":"font-size"}},"weight":{"value":"{aside-left.mapping.nav.item.font.weight.value}","type":"font","attributes":{"subtype":"font-weight"}}},"line-height":{"value":"{aside-left.mapping.nav.item.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"border":{"radius":{"value":"{aside-left.mapping.nav.item.border.radius.value}","type":"radius","attributes":{"subtype":"radius"}}},"gap":{"value":"{aside-left.mapping.nav.item.gap.value}","type":"space","attributes":{"subtype":"space"}},"icon":{"size":{"value":"{aside-left.mapping.nav.item.icon.size.value}","type":"space","attributes":{"subtype":"icon-size"}},"width":{"value":"{aside-left.mapping.nav.item.icon.width.value}","type":"space"},"height":{"value":"{aside-left.mapping.nav.item.icon.height.value}","type":"space","attributes":{"subtype":"space"}},"border":{"radius":{"value":"{aside-left.mapping.nav.item.icon.border.radius.value}","type":"radius","attributes":{"subtype":"radius"}}},"background":{"value":"{aside-left.mapping.nav.item.icon.background.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{aside-left.mapping.nav.item.icon.color.value}","type":"color","attributes":{"subtype":"color"}}},"indicator":{"color":{"value":"{aside-left.mapping.nav.item.indicator.color.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{aside-left.mapping.nav.item.indicator.width.value}","type":"space","attributes":{"subtype":"space"}},"height":{"value":"{aside-left.mapping.nav.item.indicator.height.value}","type":"space","attributes":{"subtype":"space"}},"position":{"value":" auto 0 0 0","type":"space","attributes":{"subtype":"space"}},"border":{"radius":{"value":"{aside-left.mapping.nav.item.indicator.border.radius.value}","type":"radius","attributes":{"subtype":"radius"}}}},"caret":{"size":{"value":"{aside-left.mapping.nav.item.caret.size.value}","type":"space","attributes":{"subtype":"space"}}}},"submenu":{"padding":{"value":"{aside-left.mapping.nav.submenu.padding.value}","type":"space","attributes":{"subtype":"space"}},"background":{"value":"{aside-left.mapping.nav.submenu.background.value}","type":"color","attributes":{"subtype":"color"}},"border":{"radius":{"value":"{aside-left.mapping.nav.submenu.border.radius.value}","type":"radius","attributes":{"subtype":"radius"}}},"box-shadow":{"value":"{aside-left.mapping.nav.submenu.box-shadow.value}","type":"radius","attributes":{"subtype":"elevation"}},"item":{"color":{"value":"{aside-left.mapping.nav.submenu.item.color.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{aside-left.mapping.nav.submenu.item.background.value}","type":"color","attributes":{"subtype":"color"}},"height":{"value":"{aside-left.mapping.nav.submenu.item.height.value}","type":"space","attributes":{"subtype":"space"}},"padding":{"value":"{aside-left.mapping.nav.submenu.item.padding.value}","type":"space","attributes":{"subtype":"space"}},"font":{"size":{"value":"{aside-left.mapping.nav.submenu.item.font.size.value}","type":"font","attributes":{"subtype":"font-size"}},"family":{"value":"{aside-left.mapping.nav.submenu.item.font.family.value}","type":"font","attributes":{"subtype":"font-family"}},"weight":{"value":"{aside-left.mapping.nav.submenu.item.font.weight.value}","type":"font","attributes":{"subtype":"font-weight"}}},"line-height":{"value":"{aside-left.mapping.nav.submenu.item.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"border":{"radius":{"value":"{aside-left.mapping.nav.submenu.item.border.radius.value}","type":"radius","attributes":{"subtype":"radius"}}},"gap":{"value":"{aside-left.mapping.nav.submenu.item.gap.value}","type":"space","attributes":{"subtype":"space"}}}}},"states":{"hover":{"nav":{"item":{"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"indicator":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}},"icon":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"value":"none","type":"radius","attributes":{"subtype":"radius"}},"style":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}},"anchor":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"state":{"layer":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"submenu":{"item":{"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}},"active":{"nav":{"item":{"background":{"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%)","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}},"indicator":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}},"icon":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"value":"none","type":"radius","attributes":{"subtype":"radius"}},"style":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}},"anchor":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"state":{"layer":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"submenu":{"item":{"background":{"value":"{color.secondary.container.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}}}},"focus":{"nav":{"item":{"background":{"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%)","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}},"indicator":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}},"icon":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"value":"none","type":"radius","attributes":{"subtype":"radius"}},"style":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}},"anchor":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}},"state":{"layer":{"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"submenu":{"item":{"background":{"value":"{color.secondary.container.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.inherit.value}","type":"color","attributes":{"subtype":"color"}}}}}}}},"appearances":{"full":{"mapping":{},"variantGroups":{"status":{"nav-drawer":{"nav":{"width":{"value":"220px","type":"space","attributes":{"subtype":"space"}}}},"nav-rail":{"nav":{"width":{"value":"102px","type":"space","attributes":{"subtype":"space"}},"submenu":{"box-shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation"}},"radius":{"value":"{radius.none.value} {radius.sm.value} {radius.sm.value} {radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"item":{"anchor-display":{"value":"block","type":"font","attributes":{"subtype":"font-family"}}}}}}}},"clipped":{"mapping":{},"variantGroups":{"status":{"nav-drawer":{"nav":{"width":{"value":"220px","type":"space","attributes":{"subtype":"space"}}}},"nav-rail":{"nav":{"width":{"value":"102px","type":"space","attributes":{"subtype":"space"}},"submenu":{"box-shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation"}},"radius":{"value":"{radius.none.value} {radius.sm.value} {radius.sm.value} {radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"item":{"anchor-display":{"value":"block","type":"font","attributes":{"subtype":"font-family"}}}}}}}}}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);