@wavemaker/foundation-css 11.14.1-rc.6311 → 11.14.2-1.6423

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 +5811 -5462
  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-controls_form-controls_json.foundation-css.cjs +14 -0
  24. package/cjs/src_tokens_mobile_components_form-wrapper_form-wrapper_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_navbar_navbar_json.foundation-css.cjs +14 -0
  36. package/cjs/src_tokens_mobile_components_page-content_page-content_json.foundation-css.cjs +4 -4
  37. package/cjs/src_tokens_mobile_components_page-layout_page-layout_json.foundation-css.cjs +3 -3
  38. package/cjs/src_tokens_mobile_components_pagination_pagination_json.foundation-css.cjs +3 -3
  39. package/cjs/src_tokens_mobile_components_panel_panel_json.foundation-css.cjs +4 -4
  40. package/cjs/src_tokens_mobile_components_picture_picture_json.foundation-css.cjs +4 -4
  41. package/cjs/src_tokens_mobile_components_popover_popover_json.foundation-css.cjs +4 -4
  42. package/cjs/src_tokens_mobile_components_progress-bar_progress-bar_json.foundation-css.cjs +4 -4
  43. package/cjs/src_tokens_mobile_components_progress-circle_progress-circle_json.foundation-css.cjs +4 -4
  44. package/cjs/src_tokens_mobile_components_radioset_radioset_json.foundation-css.cjs +4 -4
  45. package/cjs/src_tokens_mobile_components_rating_rating_json.foundation-css.cjs +4 -4
  46. package/cjs/src_tokens_mobile_components_richtext-editor_richtext-editor_json.foundation-css.cjs +3 -3
  47. package/cjs/src_tokens_mobile_components_scrollbar_scrollbar_json.foundation-css.cjs +3 -3
  48. package/cjs/src_tokens_mobile_components_search_search_json.foundation-css.cjs +4 -4
  49. package/cjs/src_tokens_mobile_components_select_select_json.foundation-css.cjs +4 -4
  50. package/cjs/src_tokens_mobile_components_slider_slider_json.foundation-css.cjs +4 -4
  51. package/cjs/src_tokens_mobile_components_spinner_spinner_json.foundation-css.cjs +4 -4
  52. package/cjs/src_tokens_mobile_components_switch_switch_json.foundation-css.cjs +4 -4
  53. package/cjs/src_tokens_mobile_components_tabbar_tabbar_json.foundation-css.cjs +4 -4
  54. package/cjs/src_tokens_mobile_components_tabs_tabs_json.foundation-css.cjs +4 -4
  55. package/cjs/src_tokens_mobile_components_textarea_textarea_json.foundation-css.cjs +4 -4
  56. package/cjs/src_tokens_mobile_components_tile_tile_json.foundation-css.cjs +4 -4
  57. package/cjs/src_tokens_mobile_components_toast_toast_json.foundation-css.cjs +3 -3
  58. package/cjs/src_tokens_mobile_components_toggle_toggle_json.foundation-css.cjs +4 -4
  59. package/cjs/src_tokens_mobile_components_video_video_json.foundation-css.cjs +4 -4
  60. package/cjs/src_tokens_mobile_components_webview_webview_json.foundation-css.cjs +4 -4
  61. package/cjs/src_tokens_mobile_components_wizard_wizard_json.foundation-css.cjs +4 -4
  62. package/cjs/src_tokens_web_components_accordion_accordion_json.foundation-css.cjs +4 -4
  63. package/cjs/src_tokens_web_components_anchor_anchor_json.foundation-css.cjs +4 -4
  64. package/cjs/src_tokens_web_components_audio_audio_json.foundation-css.cjs +4 -4
  65. package/cjs/src_tokens_web_components_badge_badge_json.foundation-css.cjs +4 -4
  66. package/cjs/src_tokens_web_components_breadcrumb_breadcrumb_json.foundation-css.cjs +4 -4
  67. package/cjs/src_tokens_web_components_button-group_button-group_json.foundation-css.cjs +4 -4
  68. package/cjs/src_tokens_web_components_button_button_json.foundation-css.cjs +4 -4
  69. package/cjs/src_tokens_web_components_calendar_calendar_json.foundation-css.cjs +4 -4
  70. package/cjs/src_tokens_web_components_cards_cards_json.foundation-css.cjs +4 -4
  71. package/cjs/src_tokens_web_components_carousel_carousel_json.foundation-css.cjs +4 -4
  72. package/cjs/src_tokens_web_components_checkbox_checkbox_json.foundation-css.cjs +4 -4
  73. package/cjs/src_tokens_web_components_checkboxset_checkboxset_json.foundation-css.cjs +4 -4
  74. package/cjs/src_tokens_web_components_chips_chips_json.foundation-css.cjs +4 -4
  75. package/cjs/src_tokens_web_components_color-picker_color-picker_json.foundation-css.cjs +4 -4
  76. package/cjs/src_tokens_web_components_container_container_json.foundation-css.cjs +4 -4
  77. package/cjs/src_tokens_web_components_currency_currency_json.foundation-css.cjs +4 -4
  78. package/cjs/src_tokens_web_components_data-table_data-table_json.foundation-css.cjs +4 -4
  79. package/cjs/src_tokens_web_components_date_date_json.foundation-css.cjs +4 -4
  80. package/cjs/src_tokens_web_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs +4 -4
  81. package/cjs/src_tokens_web_components_fileupload_fileupload_json.foundation-css.cjs +4 -4
  82. package/cjs/src_tokens_web_components_form-controls_form-controls_json.foundation-css.cjs +4 -4
  83. package/cjs/src_tokens_web_components_grid-layout_grid-layout_json.foundation-css.cjs +4 -4
  84. package/cjs/src_tokens_web_components_icon_icon_json.foundation-css.cjs +4 -4
  85. package/cjs/src_tokens_web_components_iframe_iframe_json.foundation-css.cjs +4 -4
  86. package/cjs/src_tokens_web_components_label_label_json.foundation-css.cjs +4 -4
  87. package/cjs/src_tokens_web_components_list_list_json.foundation-css.cjs +4 -4
  88. package/cjs/src_tokens_web_components_message_message_json.foundation-css.cjs +4 -4
  89. package/cjs/src_tokens_web_components_modal-dialog_modal-dialog_json.foundation-css.cjs +4 -4
  90. package/cjs/src_tokens_web_components_nav_nav_json.foundation-css.cjs +4 -4
  91. package/cjs/src_tokens_web_components_page-content_page-content_json.foundation-css.cjs +4 -4
  92. package/cjs/src_tokens_web_components_page-footer_page-footer_json.foundation-css.cjs +4 -4
  93. package/cjs/src_tokens_web_components_page-header_page-header_json.foundation-css.cjs +4 -4
  94. package/cjs/src_tokens_web_components_page-left-nav_page-left-nav_json.foundation-css.cjs +4 -4
  95. package/cjs/src_tokens_web_components_page-right-nav_page-right-nav_json.foundation-css.cjs +4 -4
  96. package/cjs/src_tokens_web_components_page-top-nav_page-top-nav_json.foundation-css.cjs +4 -4
  97. package/cjs/src_tokens_web_components_pagination_pagination_json.foundation-css.cjs +4 -4
  98. package/cjs/src_tokens_web_components_panel_panel_json.foundation-css.cjs +4 -4
  99. package/cjs/src_tokens_web_components_picture_picture_json.foundation-css.cjs +4 -4
  100. package/cjs/src_tokens_web_components_popover_popover_json.foundation-css.cjs +4 -4
  101. package/cjs/src_tokens_web_components_progress-bar_progress-bar_json.foundation-css.cjs +4 -4
  102. package/cjs/src_tokens_web_components_progress-circle_progress-circle_json.foundation-css.cjs +4 -4
  103. package/cjs/src_tokens_web_components_radioset_radioset_json.foundation-css.cjs +4 -4
  104. package/cjs/src_tokens_web_components_rating_rating_json.foundation-css.cjs +4 -4
  105. package/cjs/src_tokens_web_components_richtext-editor_richtext-editor_json.foundation-css.cjs +4 -4
  106. package/cjs/src_tokens_web_components_scrollbar_scrollbar_json.foundation-css.cjs +4 -4
  107. package/cjs/src_tokens_web_components_search_search_json.foundation-css.cjs +4 -4
  108. package/cjs/src_tokens_web_components_spinner_spinner_json.foundation-css.cjs +4 -4
  109. package/cjs/src_tokens_web_components_switch_switch_json.foundation-css.cjs +4 -4
  110. package/cjs/src_tokens_web_components_tabs_tabs_json.foundation-css.cjs +4 -4
  111. package/cjs/src_tokens_web_components_tile_tile_json.foundation-css.cjs +4 -4
  112. package/cjs/src_tokens_web_components_time_time_json.foundation-css.cjs +4 -4
  113. package/cjs/src_tokens_web_components_toast_toast_json.foundation-css.cjs +4 -4
  114. package/cjs/src_tokens_web_components_toggle_toggle_json.foundation-css.cjs +4 -4
  115. package/cjs/src_tokens_web_components_video_video_json.foundation-css.cjs +4 -4
  116. package/cjs/src_tokens_web_components_wizard_wizard_json.foundation-css.cjs +4 -4
  117. package/foundation/foundation.css +2 -2
  118. package/foundation/foundation.min.css +1 -1
  119. package/native_mobile.index.d.ts +27 -2
  120. package/native_mobile.index.js +39 -5
  121. package/native_mobile.index.js.map +1 -1
  122. package/npm-shrinkwrap.json +409 -111
  123. package/package-lock.json +409 -111
  124. package/package.json +1 -1
  125. package/src/styles/mobile/components/basic/icon.less +4 -4
  126. package/src/styles/mobile/components/basic/progress-bar.less +2 -2
  127. package/src/styles/mobile/components/basic/progress-circle.less +3 -0
  128. package/src/styles/mobile/components/basic/search.less +3 -3
  129. package/src/styles/mobile/components/container/accordion.less +41 -17
  130. package/src/styles/mobile/components/container/panel.less +4 -1
  131. package/src/styles/mobile/components/container/tabs/tab-header.less +3 -6
  132. package/src/styles/mobile/components/container/tile.less +1 -1
  133. package/src/styles/mobile/components/container/wizard.less +2 -2
  134. package/src/styles/mobile/components/container.less +45 -6
  135. package/src/styles/mobile/components/data/card.less +1 -6
  136. package/src/styles/mobile/components/data/form.less +160 -104
  137. package/src/styles/mobile/components/data/list.less +10 -44
  138. package/src/styles/mobile/components/input/checkbox.less +3 -10
  139. package/src/styles/mobile/components/input/checkboxset.less +1 -9
  140. package/src/styles/mobile/components/input/chips.less +4 -4
  141. package/src/styles/mobile/components/input/radioset.less +2 -6
  142. package/src/styles/mobile/components/input/toggle.less +5 -5
  143. package/src/styles/mobile/components/navigation/appnavbar.less +53 -17
  144. package/src/styles/mobile/components/navigation/menu.less +5 -1
  145. package/src/styles/mobile/components/navigation/popover.less +26 -0
  146. package/src/styles/mobile/components/page/page-content.less +1 -1
  147. package/src/styles/mobile/components/tokens.light.css +135 -102
  148. package/src/styles/mobile/components/variables/accordion.variant.less +7 -1
  149. package/src/styles/mobile/components/variables/button.variant.less +1 -1
  150. package/src/styles/mobile/components/variables/checkbox.variant.less +3 -2
  151. package/src/styles/mobile/components/variables/checkboxset.variant.less +4 -1
  152. package/src/styles/mobile/components/variables/chips.variant.less +2 -1
  153. package/src/styles/mobile/components/variables/container.variant.less +6 -6
  154. package/src/styles/mobile/components/variables/form-controls.variant.less +14 -0
  155. package/src/styles/mobile/components/variables/radioset.variant.less +2 -1
  156. package/src/styles/mobile/components/variables/tabbar.variant.less +3 -1
  157. package/src/styles/mobile/components/variables/tabs.variant.less +7 -2
  158. package/src/styles/mobile/components/variables/toggle.variant.less +2 -1
  159. package/src/styles/mobile/components/variables/wizard.variant.less +4 -1
  160. package/src/styles/mobile/studio/advanced/login.less +8 -5
  161. package/src/styles/mobile/studio/advanced/styles.less +2 -0
  162. package/src/styles/mobile/studio/basic/anchor.less +15 -4
  163. package/src/styles/mobile/studio/basic/{buttongroup.less → button-group.less} +18 -19
  164. package/src/styles/mobile/studio/basic/button.less +20 -2
  165. package/src/styles/mobile/studio/basic/icon.less +21 -0
  166. package/src/styles/mobile/studio/basic/label.less +28 -0
  167. package/src/styles/mobile/studio/basic/message.less +34 -5
  168. package/src/styles/mobile/studio/basic/progress-bar.less +6 -0
  169. package/src/styles/mobile/studio/basic/progress-circle.less +9 -0
  170. package/src/styles/mobile/studio/basic/search.less +30 -6
  171. package/src/styles/mobile/studio/basic/spinner.less +6 -0
  172. package/src/styles/mobile/studio/basic/styles.less +11 -0
  173. package/src/styles/mobile/studio/container/accordion.less +26 -0
  174. package/src/styles/mobile/studio/container/container.less +18 -0
  175. package/src/styles/mobile/studio/container/grid.less +8 -0
  176. package/src/styles/mobile/studio/container/panel.less +46 -0
  177. package/src/styles/mobile/studio/container/styles.less +6 -0
  178. package/src/styles/mobile/studio/container/tabs.less +113 -0
  179. package/src/styles/mobile/studio/container/tile.less +7 -0
  180. package/src/styles/mobile/studio/container/wizard.less +3 -1
  181. package/src/styles/mobile/studio/data/card.less +25 -0
  182. package/src/styles/mobile/studio/data/form.less +22 -0
  183. package/src/styles/mobile/studio/data/list.less +3 -0
  184. package/src/styles/mobile/studio/data/styles.less +3 -0
  185. package/src/styles/mobile/studio/device/barcode.less +23 -0
  186. package/src/styles/mobile/studio/device/camera.less +4 -0
  187. package/src/styles/mobile/studio/device/styles.less +2 -0
  188. package/src/styles/mobile/studio/dialogs/alert-dialog.less +10 -0
  189. package/src/styles/mobile/studio/dialogs/base-dialog.less +31 -0
  190. package/src/styles/mobile/studio/dialogs/confirm-dialog.less +26 -0
  191. package/src/styles/mobile/studio/dialogs/styles.less +3 -0
  192. package/src/styles/mobile/studio/input/calendar.less +8 -0
  193. package/src/styles/mobile/studio/input/checkbox.less +64 -89
  194. package/src/styles/mobile/studio/input/checkboxset.less +61 -98
  195. package/src/styles/mobile/studio/input/chips.less +11 -0
  196. package/src/styles/mobile/studio/input/currency.less +16 -0
  197. package/src/styles/mobile/studio/input/date.less +7 -0
  198. package/src/styles/mobile/studio/input/epoch/datetime-picker-modal.less +7 -7
  199. package/src/styles/mobile/studio/input/form.less +143 -74
  200. package/src/styles/mobile/studio/input/number.less +6 -0
  201. package/src/styles/mobile/studio/input/radioset.less +1 -6
  202. package/src/styles/mobile/studio/input/rating.less +19 -12
  203. package/src/styles/mobile/studio/input/select.less +6 -0
  204. package/src/styles/mobile/studio/input/slider.less +49 -0
  205. package/src/styles/mobile/studio/input/styles.less +17 -0
  206. package/src/styles/mobile/studio/input/switch.less +12 -3
  207. package/src/styles/mobile/studio/input/text.less +6 -0
  208. package/src/styles/mobile/studio/input/textarea.less +5 -0
  209. package/src/styles/mobile/studio/input/toggle.less +10 -7
  210. package/src/styles/mobile/studio/layouts/appnavbar.less +71 -0
  211. package/src/styles/mobile/studio/layouts/content.less +5 -0
  212. package/src/styles/mobile/studio/layouts/page-content.less +11 -0
  213. package/src/styles/mobile/studio/layouts/page.less +5 -0
  214. package/src/styles/mobile/studio/layouts/styles.less +5 -0
  215. package/src/styles/mobile/studio/layouts/tabbar.less +36 -0
  216. package/src/styles/mobile/studio/navigation/menu.less +19 -17
  217. package/src/styles/mobile/studio/navigation/nav.less +3 -0
  218. package/src/styles/mobile/studio/navigation/popover.less +3 -0
  219. package/src/styles/mobile/studio/navigation/styles.less +3 -0
  220. package/src/styles/mobile/studio/styles.less +17 -24
  221. package/src/tokens/mobile/components/accordion/accordion.json +216 -36
  222. package/src/tokens/mobile/components/anchor/anchor.json +60 -12
  223. package/src/tokens/mobile/components/audio/audio.json +5 -1
  224. package/src/tokens/mobile/components/barcodescanner/barcodescanner.json +85 -17
  225. package/src/tokens/mobile/components/bottomsheet/bottomsheet.json +95 -19
  226. package/src/tokens/mobile/components/button/button.json +175 -36
  227. package/src/tokens/mobile/components/button-group/button-group.json +15 -3
  228. package/src/tokens/mobile/components/calendar/calendar.json +185 -37
  229. package/src/tokens/mobile/components/camera/camera.json +40 -8
  230. package/src/tokens/mobile/components/cards/cards.json +50 -10
  231. package/src/tokens/mobile/components/carousel/carousel.json +145 -29
  232. package/src/tokens/mobile/components/checkbox/checkbox.json +112 -24
  233. package/src/tokens/mobile/components/checkboxset/checkboxset.json +177 -33
  234. package/src/tokens/mobile/components/chips/chips.json +231 -47
  235. package/src/tokens/mobile/components/container/container.json +105 -29
  236. package/src/tokens/mobile/components/datetime/datetime.json +115 -23
  237. package/src/tokens/mobile/components/dropdown-menu/dropdown-menu.json +160 -25
  238. package/src/tokens/mobile/components/fileupload/fileupload.json +60 -12
  239. package/src/tokens/mobile/components/form-controls/form-controls.json +263 -0
  240. package/src/tokens/mobile/components/form-wrapper/form-wrapper.json +369 -0
  241. package/src/tokens/mobile/components/icon/icon.json +30 -6
  242. package/src/tokens/mobile/components/label/label.json +65 -13
  243. package/src/tokens/mobile/components/left-nav/left-nav.json +30 -6
  244. package/src/tokens/mobile/components/list/list.json +107 -145
  245. package/src/tokens/mobile/components/login/login.json +40 -8
  246. package/src/tokens/mobile/components/lottie/lottie.json +10 -2
  247. package/src/tokens/mobile/components/message/message.json +115 -23
  248. package/src/tokens/mobile/components/modal-dialog/modal-dialog.json +135 -27
  249. package/src/tokens/mobile/components/nav/nav.json +60 -12
  250. package/src/tokens/mobile/components/navbar/navbar.json +341 -0
  251. package/src/tokens/mobile/components/page-content/page-content.json +14 -2
  252. package/src/tokens/mobile/components/panel/panel.json +150 -54
  253. package/src/tokens/mobile/components/picture/picture.json +45 -9
  254. package/src/tokens/mobile/components/popover/popover.json +212 -25
  255. package/src/tokens/mobile/components/progress-bar/progress-bar.json +60 -12
  256. package/src/tokens/mobile/components/progress-circle/progress-circle.json +50 -4
  257. package/src/tokens/mobile/components/radioset/radioset.json +136 -28
  258. package/src/tokens/mobile/components/rating/rating.json +50 -10
  259. package/src/tokens/mobile/components/search/search.json +221 -45
  260. package/src/tokens/mobile/components/select/select.json +80 -16
  261. package/src/tokens/mobile/components/slider/slider.json +55 -11
  262. package/src/tokens/mobile/components/spinner/spinner.json +45 -9
  263. package/src/tokens/mobile/components/switch/switch.json +80 -16
  264. package/src/tokens/mobile/components/tabbar/tabbar.json +161 -33
  265. package/src/tokens/mobile/components/tabs/tabs.json +158 -36
  266. package/src/tokens/mobile/components/textarea/textarea.json +5 -1
  267. package/src/tokens/mobile/components/tile/tile.json +36 -8
  268. package/src/tokens/mobile/components/toggle/toggle.json +81 -17
  269. package/src/tokens/mobile/components/video/video.json +10 -2
  270. package/src/tokens/mobile/components/webview/webview.json +5 -1
  271. package/src/tokens/mobile/components/wizard/wizard.json +332 -64
  272. package/src/tokens/mobile/global/border-style/border-style.json +0 -42
  273. package/src/tokens/web/components/accordion/Token.Readme.md +30 -0
  274. package/src/tokens/web/components/accordion/accordion.json +113 -31
  275. package/src/tokens/web/components/anchor/Token.Readme.md +20 -0
  276. package/src/tokens/web/components/anchor/anchor.json +25 -13
  277. package/src/tokens/web/components/audio/Token.Readme.md +9 -0
  278. package/src/tokens/web/components/audio/audio.json +3 -2
  279. package/src/tokens/web/components/badge/Token.Readme.md +19 -0
  280. package/src/tokens/web/components/badge/badge.json +22 -11
  281. package/src/tokens/web/components/breadcrumb/Token.Readme.md +21 -0
  282. package/src/tokens/web/components/breadcrumb/breadcrumb.json +35 -22
  283. package/src/tokens/web/components/button/Token.Readme.md +29 -0
  284. package/src/tokens/web/components/button/button.json +53 -27
  285. package/src/tokens/web/components/button-group/Token.Readme.md +9 -0
  286. package/src/tokens/web/components/button-group/button-group.json +3 -2
  287. package/src/tokens/web/components/calendar/Token.Readme.md +30 -0
  288. package/src/tokens/web/components/calendar/calendar.json +45 -23
  289. package/src/tokens/web/components/cards/Token.Readme.md +22 -0
  290. package/src/tokens/web/components/cards/cards.json +29 -15
  291. package/src/tokens/web/components/carousel/Token.Readme.md +20 -0
  292. package/src/tokens/web/components/carousel/carousel.json +30 -15
  293. package/src/tokens/web/components/checkbox/Token.Readme.md +24 -0
  294. package/src/tokens/web/components/checkbox/checkbox.json +47 -24
  295. package/src/tokens/web/components/checkboxset/Token.Readme.md +9 -0
  296. package/src/tokens/web/components/checkboxset/checkboxset.json +2 -1
  297. package/src/tokens/web/components/chips/Token.Readme.md +43 -0
  298. package/src/tokens/web/components/chips/chips.json +71 -36
  299. package/src/tokens/web/components/color-picker/Token.Readme.md +10 -0
  300. package/src/tokens/web/components/color-picker/color-picker.json +5 -3
  301. package/src/tokens/web/components/container/Token.Readme.md +13 -0
  302. package/src/tokens/web/components/container/container.json +10 -5
  303. package/src/tokens/web/components/currency/Token.Readme.md +14 -0
  304. package/src/tokens/web/components/currency/currency.json +13 -7
  305. package/src/tokens/web/components/data-table/Token.Readme.md +54 -0
  306. package/src/tokens/web/components/data-table/data-table.json +95 -47
  307. package/src/tokens/web/components/date/Token.Readme.md +33 -0
  308. package/src/tokens/web/components/date/date.json +51 -26
  309. package/src/tokens/web/components/dropdown-menu/Token.Readme.md +25 -0
  310. package/src/tokens/web/components/dropdown-menu/dropdown-menu.json +34 -17
  311. package/src/tokens/web/components/fileupload/Token.Readme.md +44 -0
  312. package/src/tokens/web/components/fileupload/fileupload.json +73 -37
  313. package/src/tokens/web/components/form-controls/Token.Readme.md +47 -0
  314. package/src/tokens/web/components/form-controls/form-controls.json +81 -42
  315. package/src/tokens/web/components/grid-layout/Token.Readme.md +11 -0
  316. package/src/tokens/web/components/grid-layout/grid-layout.json +7 -4
  317. package/src/tokens/web/components/icon/Token.Readme.md +14 -0
  318. package/src/tokens/web/components/icon/icon.json +13 -7
  319. package/src/tokens/web/components/iframe/Token.Readme.md +10 -0
  320. package/src/tokens/web/components/iframe/iframe.json +5 -3
  321. package/src/tokens/web/components/label/Token.Readme.md +17 -0
  322. package/src/tokens/web/components/label/label.json +19 -10
  323. package/src/tokens/web/components/list/Token.Readme.md +19 -0
  324. package/src/tokens/web/components/list/list.json +25 -13
  325. package/src/tokens/web/components/message/Token.Readme.md +22 -0
  326. package/src/tokens/web/components/message/message.json +29 -15
  327. package/src/tokens/web/components/modal-dialog/Token.Readme.md +31 -0
  328. package/src/tokens/web/components/modal-dialog/modal-dialog.json +47 -24
  329. package/src/tokens/web/components/nav/Token.Readme.md +25 -0
  330. package/src/tokens/web/components/nav/nav.json +34 -17
  331. package/src/tokens/web/components/page-content/Token.Readme.md +9 -0
  332. package/src/tokens/web/components/page-content/page-content.json +3 -2
  333. package/src/tokens/web/components/page-footer/Token.Readme.md +18 -0
  334. package/src/tokens/web/components/page-footer/page-footer.json +21 -11
  335. package/src/tokens/web/components/page-header/Token.Readme.md +18 -0
  336. package/src/tokens/web/components/page-header/page-header.json +21 -11
  337. package/src/tokens/web/components/page-left-nav/Token.Readme.md +54 -0
  338. package/src/tokens/web/components/page-left-nav/page-left-nav.json +93 -47
  339. package/src/tokens/web/components/page-right-nav/Token.Readme.md +53 -0
  340. package/src/tokens/web/components/page-right-nav/page-right-nav.json +93 -47
  341. package/src/tokens/web/components/page-top-nav/Token.Readme.md +16 -0
  342. package/src/tokens/web/components/page-top-nav/page-top-nav.json +17 -9
  343. package/src/tokens/web/components/pagination/Token.Readme.md +35 -0
  344. package/src/tokens/web/components/pagination/pagination.json +61 -30
  345. package/src/tokens/web/components/panel/Token.Readme.md +39 -0
  346. package/src/tokens/web/components/panel/panel.json +75 -32
  347. package/src/tokens/web/components/picture/Token.Readme.md +16 -0
  348. package/src/tokens/web/components/picture/picture.json +17 -9
  349. package/src/tokens/web/components/popover/Token.Readme.md +33 -0
  350. package/src/tokens/web/components/popover/popover.json +51 -26
  351. package/src/tokens/web/components/progress-bar/Token.Readme.md +15 -0
  352. package/src/tokens/web/components/progress-bar/progress-bar.json +15 -8
  353. package/src/tokens/web/components/progress-circle/Token.Readme.md +11 -0
  354. package/src/tokens/web/components/progress-circle/progress-circle.json +7 -4
  355. package/src/tokens/web/components/radioset/Token.Readme.md +24 -0
  356. package/src/tokens/web/components/radioset/radioset.json +33 -17
  357. package/src/tokens/web/components/rating/Token.Readme.md +14 -0
  358. package/src/tokens/web/components/rating/rating.json +21 -11
  359. package/src/tokens/web/components/richtext-editor/Token.Readme.md +106 -0
  360. package/src/tokens/web/components/richtext-editor/richtext-editor.json +199 -99
  361. package/src/tokens/web/components/scrollbar/Token.Readme.md +15 -0
  362. package/src/tokens/web/components/scrollbar/scrollbar.json +15 -8
  363. package/src/tokens/web/components/search/Token.Readme.md +39 -0
  364. package/src/tokens/web/components/search/search.json +63 -32
  365. package/src/tokens/web/components/spinner/Token.Readme.md +15 -0
  366. package/src/tokens/web/components/spinner/spinner.json +15 -8
  367. package/src/tokens/web/components/switch/Token.Readme.md +20 -0
  368. package/src/tokens/web/components/switch/switch.json +25 -13
  369. package/src/tokens/web/components/tabs/Token.Readme.md +32 -0
  370. package/src/tokens/web/components/tabs/tabs.json +49 -25
  371. package/src/tokens/web/components/tile/Token.Readme.md +13 -0
  372. package/src/tokens/web/components/tile/tile.json +10 -5
  373. package/src/tokens/web/components/time/Token.Readme.md +37 -0
  374. package/src/tokens/web/components/time/time.json +63 -34
  375. package/src/tokens/web/components/toast/Token.Readme.md +35 -0
  376. package/src/tokens/web/components/toast/toast.json +55 -28
  377. package/src/tokens/web/components/toggle/Token.Readme.md +20 -0
  378. package/src/tokens/web/components/toggle/toggle.json +25 -13
  379. package/src/tokens/web/components/video/Token.Readme.md +10 -0
  380. package/src/tokens/web/components/video/video.json +5 -3
  381. package/src/tokens/web/components/wizard/Token.Readme.md +58 -0
  382. package/src/tokens/web/components/wizard/wizard.json +101 -51
  383. package/src/utils/style-dictionary-utils.d.ts +1 -1
  384. package/src/utils/style-dictionary-utils.js +44 -3
  385. package/src/utils/style-dictionary-utils.js.map +1 -1
  386. package/cjs/src_tokens_mobile_components_form-control_form-control_json.foundation-css.cjs +0 -14
  387. package/cjs/src_tokens_mobile_components_form-input_form-input_json.foundation-css.cjs +0 -14
  388. package/src/styles/mobile/components/variables/form-input.variant.less +0 -14
  389. package/src/styles/mobile/studio/container/tabs/tab-header.less +0 -34
  390. package/src/styles/mobile/studio/data/cards.less +0 -36
  391. package/src/styles/mobile/studio/device/barcodescanner.less +0 -3
  392. package/src/styles/mobile/studio/page/page-content.less +0 -4
  393. package/src/styles/mobile/studio/page/tabbar.less +0 -19
  394. package/src/styles/mobile/studio/slider.less +0 -27
  395. package/src/tokens/mobile/components/form-control/form-control.json +0 -217
  396. package/src/tokens/mobile/components/form-input/form-input.json +0 -153
  397. /package/src/styles/mobile/studio/advanced/{carousel/carousel.less → carousel.less} +0 -0
package/src/styles/mobile/components/navigation/menu.less CHANGED
@@ -1,6 +1,9 @@
1
1
 
2
2
  .app-menu {
3
3
  background-color: var(--wm-dropdown-menu-background);
4
+ border-radius: var(--wm-dropdown-menu-border-radius);
5
+ border-width: var(--wm-dropdown-menu-border-width);
6
+ border-color: var(--wm-dropdown-menu-border-color);
4
7
  }
5
8
 
6
9
  .app-menu-link-text {
@@ -16,7 +19,8 @@
16
19
  }
17
20
 
18
21
  .app-menu-trigger .app-anchor-icon .app-icon-shape {
19
- font-size: var(--wm-dropdown-menu-icon-size);
22
+ font-size: var(--wm-dropdown-menu-caret-size);
23
+ color: var(--wm-dropdown-menu-caret-color);
20
24
  }
21
25
 
22
26
  .app-menu-content {
package/src/styles/mobile/components/navigation/popover.less CHANGED
@@ -29,8 +29,34 @@
29
29
  line-height: var(--wm-popover-header-line-height);
30
30
  letter-spacing: var(--wm-popover-header-letter-spacing);
31
31
  color: var(--wm-popover-header-color);
32
+ background-color: var(--wm-popover-header-background-color);
32
33
  }
33
34
 
34
35
  //We don't have the support to add inline content for the popover body.
35
36
  //Content can only be added using partials, so there are no tokens available for the popover body.
36
37
 
38
+ .app-popover-link .app-anchor-icon .app-icon {
39
+ min-width: var(--wm-popover-link-icon-size);
40
+ width: var(--wm-popover-link-icon-size);
41
+ height: var(--wm-popover-link-icon-size);
42
+ }
43
+
44
+ .app-popover-link .app-anchor-icon .app-icon-shape {
45
+ color: var(--wm-popover-link-icon-color);
46
+ font-size: var(--wm-popover-link-icon-size);
47
+ min-width: var(--wm-popover-link-icon-size);
48
+ width: var(--wm-popover-link-icon-size);
49
+ height: var(--wm-popover-link-icon-size);
50
+ line-height: var(--wm-popover-link-icon-size);
51
+ }
52
+
53
+ .app-popover-link .app-anchor-text {
54
+ color: var(--wm-popover-link-text-color);
55
+ padding-left: var(--wm-space-2);
56
+ padding-right: var(--wm-space-2);
57
+ font-size: var(--wm-popover-link-font-size);
58
+ font-family: var(--wm-popover-link-font-family);
59
+ font-weight: var(--wm-popover-link-font-weight);
60
+ line-height: var(--wm-popover-link-line-height);
61
+ letter-spacing: var(--wm-popover-link-letter-spacing);
62
+ }
package/src/styles/mobile/components/page/page-content.less CHANGED
@@ -1,4 +1,4 @@
1
-
2
1
  .app-page-content {
3
2
  background-color: var(--wm-page-content-background);
3
+ padding: var(--wm-page-content-padding);
4
4
  }
package/src/styles/mobile/components/tokens.light.css CHANGED
@@ -11,6 +11,8 @@
11
11
  --wm-accordion-badge-border-width: 2px;
12
12
  --wm-accordion-badge-border-color: #cccccc;
13
13
  --wm-accordion-badge-background-color: transparent;
14
+ --wm-accordion-title-icon-color: #333333;
15
+ --wm-accordion-title-icon-size: 18px;
14
16
  --wm-anchor-text-transform: none;
15
17
  --wm-anchor-text-decoration: none;
16
18
  --wm-audio-width: 300px;
@@ -100,6 +102,9 @@
100
102
  --wm-chips-list-height: 70px;
101
103
  --wm-chips-item-height: 32px;
102
104
  --wm-container-border-color: transparent;
105
+ --wm-container-background-color: transparent;
106
+ --wm-container-box-shadow: none;
107
+ --wm-container-opacity: 1;
103
108
  --wm-currency-inputgroup-addon-width: 40px;
104
109
  --wm-datetime-cancel-button-background: transparent;
105
110
  --wm-datetime-button-ripple-color: transparent;
@@ -108,10 +113,11 @@
108
113
  --wm-dropdown-menu-text-decoration: none;
109
114
  --wm-dropdown-menu-content-width: 220px;
110
115
  --wm-dropdown-menu-content-background: #fff;
116
+ --wm-dropdown-menu-border-width: 0;
111
117
  --wm-fileupload-text-align: center;
112
118
  --wm-fileupload-ripple-color: transparent;
113
- --wm-form-input-opacity: 1;
114
- --wm-form-input-min-height: 48px;
119
+ --wm-form-controls-opacity: 1px;
120
+ --wm-form-controls-min-height: 48px;
115
121
  --wm-grid-layout-width: 100%;
116
122
  --wm-icon-size: 24px;
117
123
  --wm-icon-size-xs: 12px;
@@ -134,16 +140,10 @@
134
140
  --wm-left-panel-min-height: 100%;
135
141
  --wm-left-panel-background: #ffffff;
136
142
  --wm-left-panel-max-width: 360px;
137
- --wm-list-listicon-margin-top: 10px;
138
- --wm-list-group-heading-background-color: transparent;
139
- --wm-list-group-heading-line-height: 40px;
140
143
  --wm-list-heading-margin-bottom: 6px;
141
144
  --wm-list-heading-background-color: transparent;
142
- --wm-list-empty-message-line-height: 18px;
143
- --wm-list-on-demand-messsage-width: 100%;
144
- --wm-list-item-min-height: 56px;
145
145
  --wm-list-item-border-radius: 6px;
146
- --wm-list-item-border-color: transparent;
146
+ --wm-list-item-min-height: 56px;
147
147
  --wm-lottie-content-width: 100%;
148
148
  --wm-message-container-border-radius: 6px;
149
149
  --wm-message-icon-size: 20px;
@@ -162,6 +162,15 @@
162
162
  --wm-nav-item-background: #ffffff;
163
163
  --wm-nav-item-min-height: 44px;
164
164
  --wm-nav-item-color: #151420;
165
+ --wm-navbar-height: 80px;
166
+ --wm-navbar-image-width: 32px;
167
+ --wm-navbar-image-height: 32px;
168
+ --wm-navbar-badge-background-color: transparent;
169
+ --wm-navbar-badge-margin-left: 4px;
170
+ --wm-navbar-anchor-padding-right: 0px;
171
+ --wm-navbar-anchor-padding-left: 0px;
172
+ --wm-navbar-anchor-padding-top: 0px;
173
+ --wm-navbar-anchor-padding-bottom: 0px;
165
174
  --wm-app-font-smoothing: antialiased;
166
175
  --wm-app-text-transform: none;
167
176
  --wm-app-margin: 0;
@@ -207,12 +216,13 @@
207
216
  --wm-pagination-pagecount-input-height: 32px;
208
217
  --wm-pagination-pagecount-input-width: 48px;
209
218
  --wm-horizontal-page-slider-anchor-width: 32px;
210
- --wm-panel-help-message-background: #fffed0;
211
219
  --wm-picture-background: transparent;
212
220
  --wm-popover-position: absolute;
213
221
  --wm-popover-width: 100%;
214
222
  --wm-popover-min-height: 240px;
215
223
  --wm-progress-bar-height: 16px;
224
+ --wm-progress-circle-width: 150px;
225
+ --wm-progress-circle-height: 150px;
216
226
  --wm-radiobutton-size: 20px;
217
227
  --wm-radiobutton-indicator-size: 16px;
218
228
  --wm-radiobutton-color: transparent;
@@ -245,6 +255,7 @@
245
255
  --wm-search-dropdown-width: 90%;
246
256
  --wm-search-dropdown-border-color: transparent;
247
257
  --wm-search-dropdown-border-width: 0;
258
+ --wm-search-btn-ripple-color: rgba(255, 255, 255, 0.08);
248
259
  --wm-search-data-complete-background: transparent;
249
260
  --wm-search-item-separator-width: 0;
250
261
  --wm-select-arrow-button-height: 12px;
@@ -271,7 +282,7 @@
271
282
  --wm-tabs-item-icon-width: 1;
272
283
  --wm-tabs-min-height: 240px;
273
284
  --wm-textarea-height: 86px;
274
- --wm-tile-border-width: 1;
285
+ --wm-tile-border-width: 1px;
275
286
  --wm-tile-border-color: transparent;
276
287
  --wm-toast-container-width: 344px;
277
288
  --wm-toggle-width: 52px;
@@ -291,16 +302,9 @@
291
302
  --wm-wizard-step-indicator-size: 33px;
292
303
  --wm-wizard-step-indicator-background-color: transparent;
293
304
  --wm-wizard-step-connector-width: 1px;
294
- --wm-border-style-none: none;
295
305
  --wm-border-style-solid: solid;
296
306
  --wm-border-style-dotted: dotted;
297
307
  --wm-border-style-dashed: dashed;
298
- --wm-border-style-double: double;
299
- --wm-border-style-groove: groove;
300
- --wm-border-style-ridge: ridge;
301
- --wm-border-style-inset: inset;
302
- --wm-border-style-outset: outset;
303
- --wm-border-style-hidden: hidden;
304
308
  --wm-border-width-0: 0px;
305
309
  --wm-border-width-1: 1px;
306
310
  --wm-border-width-2: 2px;
@@ -663,8 +667,12 @@
663
667
  --wm-chips-item-letter-spacing: var(--wm-label-large-letter-spacing);
664
668
  --wm-chips-item-avatar-size: var(--wm-icon-size);
665
669
  --wm-chips-item-avatar-radius: var(--wm-radius-pill);
666
- --wm-container-border-radius: var(--wm-radius-none);
667
670
  --wm-container-border-width: var(--wm-border-width-0);
671
+ --wm-container-border-radius: var(--wm-radius-none);
672
+ --wm-container-padding-top: var(--wm-space-0);
673
+ --wm-container-padding-bottom: var(--wm-space-0);
674
+ --wm-container-padding-left: var(--wm-space-6);
675
+ --wm-container-padding-right: var(--wm-space-6);
668
676
  --wm-datetime-cancel-button-text-color: var(--wm-color-on-surface);
669
677
  --wm-datetime-cancel-button-text-size: var(--wm-body-medium-font-size);
670
678
  --wm-datetime-selected-button-background: var(--wm-color-primary);
@@ -689,6 +697,7 @@
689
697
  --wm-dropdown-menu-text-padding-left: var(--wm-space-2);
690
698
  --wm-dropdown-menu-text-padding-right: var(--wm-space-3);
691
699
  --wm-dropdown-menu-content-border-radius: var(--wm-radius-xs);
700
+ --wm-dropdown-menu-caret-color: var(--wm-color-on-surface-variant);
692
701
  --wm-dropdown-menu-caret-size: var(--wm-icon-size-sm);
693
702
  --wm-dropdown-menu-icon-size: var(--wm-icon-size-md);
694
703
  --wm-dropdown-menu-item-font-size: var(--wm-body-large-font-size);
@@ -699,6 +708,8 @@
699
708
  --wm-dropdown-menu-item-padding-left: var(--wm-space-4);
700
709
  --wm-dropdown-menu-item-padding-right: var(--wm-space-4);
701
710
  --wm-dropdown-menu-item-padding-top: var(--wm-space-3);
711
+ --wm-dropdown-menu-border-radius: var(--wm-radius-none);
712
+ --wm-dropdown-menu-border-color: var(--wm-color-on-surface-variant);
702
713
  --wm-fileupload-border-color: var(--wm-color-black);
703
714
  --wm-fileupload-border-width: var(--wm-border-width-base);
704
715
  --wm-fileupload-border-style: var(--wm-border-style-solid);
@@ -709,54 +720,55 @@
709
720
  --wm-fileupload-text-color: var(--wm-color-primary);
710
721
  --wm-fileupload-icon-font-size: var(--wm-body-large-font-size);
711
722
  --wm-fileupload-icon-color: var(--wm-color-primary);
712
- --wm-form-default-background: var(--wm-color-outline-variant);
713
- --wm-form-default-padding: var(--wm-space-3);
714
- --wm-form-default-margin: var(--wm-space-2);
715
- --wm-form-default-border-radius: var(--wm-radius-sm);
716
- --wm-form-default-border-width: var(--wm-border-width-base);
717
- --wm-form-default-border-color: var(--wm-color-transparent);
718
- --wm-form-default-header-padding-vertical: var(--wm-space-2);
719
- --wm-form-default-header-padding-horizontal: var(--wm-space-2);
720
- --wm-form-default-header-border-color: var(--wm-color-transparent);
721
- --wm-form-default-header-border-radius: var(--wm-radius-sm);
722
- --wm-form-default-header-border-width: var(--wm-border-width-base);
723
- --wm-form-default-header-title-color: var(--wm-color-on-surface);
724
- --wm-form-default-header-title-font-size: var(--wm-h4-font-size);
725
- --wm-form-default-header-title-font-weight: var(--wm-font-weight-700);
726
- --wm-form-default-header-title-font-family: var(--wm-font-family-brand);
727
- --wm-form-default-header-title-margin-vertical: var(--wm-space-1);
728
- --wm-form-default-header-title-margin-horizontal: var(--wm-space-1);
729
- --wm-form-default-header-sub-title-color: var(--wm-color-on-surface-variant);
730
- --wm-form-default-header-sub-title-font-size: var(--wm-h6-font-size);
731
- --wm-form-default-header-sub-title-font-weight: var(--wm-font-weight-500);
732
- --wm-form-default-header-sub-title-font-family: var(--wm-font-family-brand);
733
- --wm-form-default-header-sub-title-margin-vertical: var(--wm-space-1);
734
- --wm-form-default-header-sub-title-margin-horizontal: var(--wm-space-1);
735
- --wm-form-default-header-background: var(--wm-color-transparent);
736
- --wm-form-default-body-background: var(--wm-color-transparent);
737
- --wm-form-default-body-padding-vertical: var(--wm-space-1);
738
- --wm-form-default-body-padding-horizontal: var(--wm-space-1);
739
- --wm-form-default-body-border-color: var(--wm-color-transparent);
740
- --wm-form-default-body-border-radius: var(--wm-radius-sm);
741
- --wm-form-default-body-border-width: var(--wm-border-width-base);
742
- --wm-form-default-footer-background: var(--wm-color-transparent);
743
- --wm-form-default-footer-border-color: var(--wm-color-transparent);
744
- --wm-form-default-footer-border-radius: var(--wm-radius-sm);
745
- --wm-form-default-footer-border-width: var(--wm-border-width-base);
746
- --wm-form-default-footer-padding-vertical: var(--wm-space-1);
747
- --wm-form-default-footer-padding-horizontal: var(--wm-space-1);
748
- --wm-form-input-padding-vertical: var(--wm-space-2);
749
- --wm-form-input-padding-horizontal: var(--wm-space-2);
750
- --wm-form-input-border-color: var(--wm-color-outline);
751
- --wm-form-input-border-radius: var(--wm-radius-sm);
752
- --wm-form-input-border-width: var(--wm-border-width-base);
753
- --wm-form-input-placeholder-color: var(--wm-color-on-surface);
754
- --wm-form-input-background: var(--wm-color-outline-variant);
755
- --wm-form-input-label-color: var(--wm-color-on-surface);
756
- --wm-form-input-label-background: var(--wm-color-transparent);
757
- --wm-form-input-label-font-size: var(--wm-label-large-font-size);
758
- --wm-form-input-label-margin-vertical: var(--wm-space-1);
759
- --wm-form-input-label-margin-horizontal: var(--wm-space-1);
723
+ --wm-form-controls-padding-vertical: var(--wm-space-2);
724
+ --wm-form-controls-padding-horizontal: var(--wm-space-2);
725
+ --wm-form-controls-border-color: var(--wm-color-outline);
726
+ --wm-form-controls-border-radius: var(--wm-radius-sm);
727
+ --wm-form-controls-border-width: var(--wm-border-width-base);
728
+ --wm-form-controls-placeholder-color: var(--wm-color-on-surface);
729
+ --wm-form-controls-background: var(--wm-color-outline-variant);
730
+ --wm-form-controls-color: var(--wm-color-black);
731
+ --wm-form-controls-label-color: var(--wm-color-on-surface);
732
+ --wm-form-controls-label-background: var(--wm-color-transparent);
733
+ --wm-form-controls-label-font-size: var(--wm-label-large-font-size);
734
+ --wm-form-controls-label-margin-vertical: var(--wm-space-1);
735
+ --wm-form-controls-label-margin-horizontal: var(--wm-space-1);
736
+ --wm-form-background: var(--wm-color-outline-variant);
737
+ --wm-form-padding: var(--wm-space-3);
738
+ --wm-form-margin: var(--wm-space-2);
739
+ --wm-form-border-radius: var(--wm-radius-sm);
740
+ --wm-form-border-width: var(--wm-border-width-base);
741
+ --wm-form-border-color: var(--wm-color-transparent);
742
+ --wm-form-header-padding-vertical: var(--wm-space-2);
743
+ --wm-form-header-padding-horizontal: var(--wm-space-2);
744
+ --wm-form-header-border-color: var(--wm-color-transparent);
745
+ --wm-form-header-border-radius: var(--wm-radius-sm);
746
+ --wm-form-header-border-width: var(--wm-border-width-base);
747
+ --wm-form-header-title-color: var(--wm-color-on-surface);
748
+ --wm-form-header-title-font-size: var(--wm-h4-font-size);
749
+ --wm-form-header-title-font-weight: var(--wm-font-weight-700);
750
+ --wm-form-header-title-font-family: var(--wm-font-family-brand);
751
+ --wm-form-header-title-margin-vertical: var(--wm-space-1);
752
+ --wm-form-header-title-margin-horizontal: var(--wm-space-1);
753
+ --wm-form-header-sub-title-color: var(--wm-color-on-surface-variant);
754
+ --wm-form-header-sub-title-font-size: var(--wm-h6-font-size);
755
+ --wm-form-header-sub-title-font-weight: var(--wm-font-weight-500);
756
+ --wm-form-header-sub-title-font-family: var(--wm-font-family-brand);
757
+ --wm-form-header-sub-title-margin-vertical: var(--wm-space-1);
758
+ --wm-form-header-sub-title-margin-horizontal: var(--wm-space-1);
759
+ --wm-form-header-background: var(--wm-color-transparent);
760
+ --wm-form-body-background: var(--wm-color-transparent);
761
+ --wm-form-body-padding-vertical: var(--wm-space-1);
762
+ --wm-form-body-padding-horizontal: var(--wm-space-1);
763
+ --wm-form-body-border-color: var(--wm-color-transparent);
764
+ --wm-form-body-border-radius: var(--wm-radius-sm);
765
+ --wm-form-body-border-width: var(--wm-border-width-base);
766
+ --wm-form-footer-background: var(--wm-color-transparent);
767
+ --wm-form-footer-border-color: var(--wm-color-transparent);
768
+ --wm-form-footer-border-radius: var(--wm-radius-sm);
769
+ --wm-form-footer-border-width: var(--wm-border-width-base);
770
+ --wm-form-footer-padding-vertical: var(--wm-space-1);
771
+ --wm-form-footer-padding-horizontal: var(--wm-space-1);
760
772
  --wm-grid-layout-column-padding-top: var(--wm-space-2);
761
773
  --wm-grid-layout-column-padding-left: var(--wm-space-2);
762
774
  --wm-grid-layout-column-padding-right: var(--wm-space-2);
@@ -780,16 +792,6 @@
780
792
  --wm-label-small-font-weight: var(--wm-font-weight-500);
781
793
  --wm-left-panel-border-top-right-radius: var(--wm-radius-lg);
782
794
  --wm-left-panel-border-bottom-right-radius: var(--wm-radius-lg);
783
- --wm-list-select-icon-font-size: var(--wm-body-medium-font-size);
784
- --wm-list-select-icon-color: var(--wm-color-primary);
785
- --wm-list-listicon-margin-right: var(--wm-space-2);
786
- --wm-list-group-margin-bottom: var(--wm-space-4);
787
- --wm-list-group-heading-font-size: var(--wm-body-large-font-size);
788
- --wm-list-group-heading-padding-left: var(--wm-space-2);
789
- --wm-list-group-heading-padding-right: var(--wm-space-2);
790
- --wm-list-group-heading-font-family: var(--wm-font-family-plain);
791
- --wm-list-loading-icon-font-size: var(--wm-space-4);
792
- --wm-list-loading-icon-text-color: var(--wm-color-on-surface-variant);
793
795
  --wm-list-heading-padding: var(--wm-space-2);
794
796
  --wm-list-title-line-height: var(--wm-body-large-line-height);
795
797
  --wm-list-title-font-size: var(--wm-body-large-font-size);
@@ -799,14 +801,10 @@
799
801
  --wm-list-sub-heading-line-height: var(--wm-body-medium-line-height);
800
802
  --wm-list-sub-heading-color: var(--wm-color-on-surface);
801
803
  --wm-list-sub-heading-font-family: var(--wm-font-family-plain);
802
- --wm-list-empty-message-font-size: var(--wm-body-large-font-size);
803
- --wm-list-empty-message-color: var(--wm-color-on-surface);
804
- --wm-list-on-demand-messsage-padding-vertical: var(--wm-space-2);
805
- --wm-list-on-demand-messsage-text: var(--wm-color-on-surface);
806
- --wm-list-item-background-color-active: var(--wm-color-surface-container-high);
807
804
  --wm-list-item-padding: var(--wm-space-1);
808
805
  --wm-list-item-header-background-color: var(--wm-color-surface-container-lowest);
809
- --wm-list-item-header-color: var(--wm-color-on-surface);
806
+ --wm-list-select-icon-font-size: var(--wm-body-medium-font-size);
807
+ --wm-list-select-icon-color: var(--wm-color-primary);
810
808
  --wm-login-error-text-color: var(--wm-color-on-error);
811
809
  --wm-login-error-background-color: var(--wm-color-error);
812
810
  --wm-login-error-border-color: var(--wm-color-error);
@@ -854,7 +852,30 @@
854
852
  --wm-nav-item-padding-right: var(--wm-space-3);
855
853
  --wm-nav-item-padding-top: var(--wm-space-3);
856
854
  --wm-nav-item-padding-bottom: var(--wm-space-3);
857
- --wm-page-content-background: var(--wm-color-surface);
855
+ --wm-navbar-background-color: var(--wm-color-surface);
856
+ --wm-navbar-padding-left: var(--wm-space-3);
857
+ --wm-navbar-padding-right: var(--wm-space-3);
858
+ --wm-navbar-padding-top: var(--wm-space-3);
859
+ --wm-navbar-padding-bottom: var(--wm-space-3);
860
+ --wm-navbar-left-icon-color: var(--wm-color-on-surface);
861
+ --wm-navbar-left-icon-size: var(--wm-icon-size);
862
+ --wm-navbar-back-icon-color: var(--wm-color-on-surface);
863
+ --wm-navbar-back-icon-size: var(--wm-icon-size);
864
+ --wm-navbar-menu-icon-color: var(--wm-color-on-surface);
865
+ --wm-navbar-menu-icon-size: var(--wm-icon-size);
866
+ --wm-navbar-popover-icon-color: var(--wm-color-on-surface);
867
+ --wm-navbar-popover-icon-size: var(--wm-icon-size);
868
+ --wm-navbar-content-color: var(--wm-color-on-surface);
869
+ --wm-navbar-content-font-size: var(--wm-body-large-font-size);
870
+ --wm-navbar-badge-color: var(--wm-color-primary);
871
+ --wm-navbar-anchor-text-color: var(--wm-color-on-surface);
872
+ --wm-navbar-anchor-text-font-size: var(--wm-body-large-font-size);
873
+ --wm-navbar-anchor-icon-color: var(--wm-color-on-surface);
874
+ --wm-navbar-anchor-icon-size: var(--wm-icon-size);
875
+ --wm-navbar-button-color: var(--wm-color-on-surface);
876
+ --wm-navbar-button-font-size: var(--wm-body-large-font-size);
877
+ --wm-page-content-background: var(--wm-color-surface-variant);
878
+ --wm-page-content-padding: var(--wm-space-0);
858
879
  --wm-app-font-size: var(--wm-body-medium-font-size);
859
880
  --wm-app-line-height: var(--wm-body-medium-line-height);
860
881
  --wm-app-letter-spacing: var(--wm-body-medium-letter-spacing);
@@ -978,6 +999,8 @@
978
999
  --wm-horizontal-page-slider-anchor-icon-size: var(--wm-icon-size-sm);
979
1000
  --wm-panel-background: var(--wm-color-surface);
980
1001
  --wm-panel-radius: var(--wm-radius-xs);
1002
+ --wm-panel-border-color: var(--wm-color-transparent);
1003
+ --wm-panel-border-width: var(--wm-border-width-base);
981
1004
  --wm-panel-heading-gap: var(--wm-space-2);
982
1005
  --wm-panel-heading-padding-block: var(--wm-space-4);
983
1006
  --wm-panel-heading-padding-inline: var(--wm-space-4);
@@ -992,10 +1015,7 @@
992
1015
  --wm-panel-description-color: var(--wm-color-on-surface-variant);
993
1016
  --wm-panel-actions-gap: var(--wm-space-2);
994
1017
  --wm-panel-content-padding: var(--wm-space-4);
995
- --wm-panel-help-message-header-background: var(--wm-color-surface);
996
- --wm-panel-help-message-border-color: var(--wm-color-outline-variant);
997
- --wm-panel-help-message-border-width: var(--wm-border-width-base);
998
- --wm-panel-help-message-padding: var(--wm-space-2);
1018
+ --wm-panel-footer-background: var(--wm-color-surface);
999
1019
  --wm-panel-footer-padding: var(--wm-space-4);
1000
1020
  --wm-panel-footer-border-color: var(--wm-color-outline-variant);
1001
1021
  --wm-panel-footer-border-width: var(--wm-border-width-base);
@@ -1025,6 +1045,13 @@
1025
1045
  --wm-popover-header-font-size: var(--wm-h5-font-size);
1026
1046
  --wm-popover-header-line-height: var(--wm-h5-line-height);
1027
1047
  --wm-popover-header-letter-spacing: var(--wm-h5-letter-spacing);
1048
+ --wm-popover-header-background-color: var(--wm-color-on-surface);
1049
+ --wm-popover-link-text-color: var(--wm-color-secondary);
1050
+ --wm-popover-link-font-size: var(--wm-body-medium-font-size);
1051
+ --wm-popover-link-line-height: var(--wm-body-medium-line-height);
1052
+ --wm-popover-link-letter-spacing: var(--wm-body-medium-letter-spacing);
1053
+ --wm-popover-link-icon-size: var(--wm-icon-size);
1054
+ --wm-popover-link-icon-color: var(--wm-color-secondary);
1028
1055
  --wm-progress-bar-background-inactive: var(--wm-color-primary-container);
1029
1056
  --wm-progress-bar-background-active: var(--wm-color-primary);
1030
1057
  --wm-progress-bar-radius: var(--wm-radius-lg);
@@ -1039,6 +1066,8 @@
1039
1066
  --wm-progress-circle-sub-title-font-family: var(--wm-font-family-brand);
1040
1067
  --wm-progress-circle-sub-title-font-size: var(--wm-body-small-font-size);
1041
1068
  --wm-progress-circle-sub-title-color: var(--wm-color-scrim);
1069
+ --wm-progress-circle-stroke-inactive: var(--wm-color-primary-container);
1070
+ --wm-progress-circle-stroke-active: var(--wm-color-primary);
1042
1071
  --wm-radiobutton-gap: var(--wm-space-1);
1043
1072
  --wm-radiobutton-label-font-size: var(--wm-body-large-font-size);
1044
1073
  --wm-radiobutton-label-line-height: var(--wm-body-large-line-height);
@@ -1154,7 +1183,6 @@
1154
1183
  --wm-search-btn-background-color: var(--wm-color-surface);
1155
1184
  --wm-search-btn-icon-color: var(--wm-color-on-surface);
1156
1185
  --wm-search-btn-icon-size: var(--wm-icon-size);
1157
- --wm-search-btn-ripple-color: var(--wm-color-surface-container);
1158
1186
  --wm-search-placeholder-text-color: var(--wm-color-outline);
1159
1187
  --wm-search-data-complete-padding-top: var(--wm-space-2);
1160
1188
  --wm-search-data-complete-padding-bottom: var(--wm-space-2);
@@ -1221,21 +1249,20 @@
1221
1249
  --wm-tabbar-text-font-weight: var(--wm-font-weight-400);
1222
1250
  --wm-tabbar-text-color: var(--wm-color-on-surface-variant);
1223
1251
  --wm-tabbar-text-margin-top: var(--wm-space-rule);
1224
- --wm-tabs-background: var(--wm-color-primary-container);
1252
+ --wm-tabs-background: var(--wm-color-surface);
1225
1253
  --wm-tabs-border-radius: var(--wm-radius-sm);
1226
1254
  --wm-tabs-border-width: var(--wm-border-width-1);
1227
1255
  --wm-tabs-heading-background: var(--wm-color-surface);
1228
1256
  --wm-tabs-heading-border-radius: var(--wm-radius-sm);
1229
- --wm-tabs-heading-border-color: var(--wm-color-primary-container);
1257
+ --wm-tabs-heading-border-color: var(--wm-color-surface);
1230
1258
  --wm-tabs-heading-border-width: var(--wm-border-width-1);
1231
1259
  --wm-tabs-item-heading-padding: var(--wm-space-2);
1232
1260
  --wm-tabs-item-heading-font-size: var(--wm-h6-font-size);
1233
1261
  --wm-tabs-item-heading-line-height: var(--wm-h6-line-height);
1234
- --wm-tabs-item-heading-background: var(--wm-color-primary-container);
1262
+ --wm-tabs-item-heading-background: var(--wm-color-surface);
1235
1263
  --wm-tabs-item-heading-text: var(--wm-color-outline);
1236
1264
  --wm-tabs-item-heading-icon: var(--wm-color-outline);
1237
1265
  --wm-tabs-item-heading-indicator-background: var(--wm-color-primary);
1238
- --wm-tabs-item-icon-color: var(--wm-color-outline);
1239
1266
  --wm-tabs-item-icon-font-size: var(--wm-h6-font-size);
1240
1267
  --wm-tile-border-radius: var(--wm-radius-sm);
1241
1268
  --wm-tile-padding-top: var(--wm-space-4);
@@ -1396,19 +1423,18 @@
1396
1423
  --wm-datetime-selected-text-font-weight: var(--wm-body-medium-font-weight);
1397
1424
  --wm-dropdown-menu-item-font-family: var(--wm-body-large-font-family);
1398
1425
  --wm-dropdown-menu-item-font-weight: var(--wm-body-large-font-weight);
1399
- --wm-form-default-border-style: var(--wm-border-style-base);
1400
- --wm-form-default-header-border-style: var(--wm-border-style-base);
1401
- --wm-form-default-body-border-style: var(--wm-border-style-base);
1402
- --wm-form-default-footer-border-style: var(--wm-border-style-base);
1403
- --wm-form-input-border-style: var(--wm-border-style-base);
1404
- --wm-form-input-label-font-weight: var(--wm-label-large-font-weight);
1405
- --wm-form-input-label-font-family: var(--wm-label-large-font-family);
1426
+ --wm-form-controls-border-style: var(--wm-border-style-base);
1427
+ --wm-form-controls-label-font-weight: var(--wm-label-large-font-weight);
1428
+ --wm-form-controls-label-font-family: var(--wm-label-large-font-family);
1429
+ --wm-form-border-style: var(--wm-border-style-base);
1430
+ --wm-form-header-border-style: var(--wm-border-style-base);
1431
+ --wm-form-body-border-style: var(--wm-border-style-base);
1432
+ --wm-form-footer-border-style: var(--wm-border-style-base);
1406
1433
  --wm-label-font-weight: var(--wm-body-medium-font-weight);
1407
1434
  --wm-label-font-family: var(--wm-body-medium-font-family);
1408
1435
  --wm-left-panel-elevation: var(--wm-elevation-shadow-1);
1409
1436
  --wm-list-title-font-weight: var(--wm-body-large-font-weight);
1410
1437
  --wm-list-sub-heading-font-weight: var(--wm-body-medium-font-weight);
1411
- --wm-list-item-border-style: var(--wm-border-style-base);
1412
1438
  --wm-message-container-border-style: var(--wm-border-style-base);
1413
1439
  --wm-modal-header-border-style: var(--wm-border-style-base);
1414
1440
  --wm-modal-title-font-family: var(--wm-h3-font-family);
@@ -1416,6 +1442,12 @@
1416
1442
  --wm-modal-icon-font-weight: var(--wm-h4-font-weight);
1417
1443
  --wm-nav-item-font-family: var(--wm-label-large-font-family);
1418
1444
  --wm-nav-item-font-weight: var(--wm-label-large-font-weight);
1445
+ --wm-navbar-content-font-family: var(--wm-body-large-font-family);
1446
+ --wm-navbar-content-font-weight: var(--wm-body-large-font-weight);
1447
+ --wm-navbar-anchor-text-font-family: var(--wm-body-large-font-family);
1448
+ --wm-navbar-anchor-text-font-weight: var(--wm-body-large-font-weight);
1449
+ --wm-navbar-button-font-family: var(--wm-body-large-font-family);
1450
+ --wm-navbar-button-font-weight: var(--wm-body-large-font-weight);
1419
1451
  --wm-app-font-family: var(--wm-body-medium-font-family);
1420
1452
  --wm-app-font-weight: var(--wm-body-medium-font-weight);
1421
1453
  --wm-aside-nav-background: var(--wm-aside-panel-background);
@@ -1444,12 +1476,13 @@
1444
1476
  --wm-panel-heading-font-weight: var(--wm-h4-font-weight);
1445
1477
  --wm-panel-description-font-family: var(--wm-body-medium-font-family);
1446
1478
  --wm-panel-description-font-weight: var(--wm-body-medium-font-weight);
1447
- --wm-panel-help-message-border-style: var(--wm-border-style-base);
1448
1479
  --wm-panel-footer-border-style: var(--wm-border-style-base);
1449
1480
  --wm-picture-border-color: var(--wm-color-border);
1450
1481
  --wm-picture-border-style: var(--wm-border-style-base);
1451
1482
  --wm-popover-header-font-family: var(--wm-h5-font-family);
1452
1483
  --wm-popover-header-font-weight: var(--wm-h5-font-weight);
1484
+ --wm-popover-link-font-family: var(--wm-body-medium-font-family);
1485
+ --wm-popover-link-font-weight: var(--wm-body-medium-font-weight);
1453
1486
  --wm-radiobutton-label-font-family: var(--wm-body-large-font-family);
1454
1487
  --wm-radiobutton-label-font-weight: var(--wm-body-large-font-weight);
1455
1488
  --wm-radiobutton-title-font-family: var(--wm-body-large-font-family);
package/src/styles/mobile/components/variables/accordion.variant.less CHANGED
@@ -1,8 +1,14 @@
1
- .app-accordion-active {
1
+ .app-accordion-active-header,
2
+ .app-accordion-active-header-title,
3
+ .app-accordion-header-collapse-icon,
4
+ .app-accordion-active-header-badge,
5
+ .app-accordion-active-title-icon {
2
6
  --wm-accordion-header-border-color: var(--wm-color-primary);
3
7
  --wm-accordion-header-background-color: var(--wm-color-primary);
4
8
  --wm-accordion-text-color: var(--wm-color-white);
9
+ --wm-accordion-title-icon-color: var(--wm-color-white);
5
10
  --wm-accordion-icon-color: var(--wm-color-white);
6
11
  --wm-accordion-badge-border-color: var(--wm-color-white);
12
+ --wm-accordion-badge-background-color: transparent;
7
13
  --wm-accordion-badge-color: var(--wm-color-white);
8
14
  }
package/src/styles/mobile/components/variables/button.variant.less CHANGED
@@ -1,4 +1,4 @@
1
- .app-button-disabled-root {
1
+ .app-button-disabled {
2
2
  --wm-btn-color: var(--wm-color-on-surface);
3
3
  --wm-btn-background: var(--wm-color-surface-container-highest);
4
4
  --wm-btn-border-color: var(--wm-color-surface-container-highest);
package/src/styles/mobile/components/variables/checkbox.variant.less CHANGED
@@ -1,10 +1,11 @@
1
- .app-checkbox-checkicon {
1
+ .app-checkbox-checkicon,
2
+ .app-checkbox-selected-label {
2
3
  --wm-checkbox-background-color: var(--wm-color-primary);
3
4
  --wm-checkbox-border-color: var(--wm-color-primary);
4
5
  --wm-checkbox-icon-color: var(--wm-color-on-primary);
5
6
  --wm-checkbox-label-font-size: var(--wm-body-large-font-size);
6
7
  --wm-checkbox-label-font-family: var(--wm-body-large-font-family);
7
- --wm-checkbox-label-color: var(--wm-color-on-primary);
8
+ --wm-checkbox-label-color: var(--wm-color-on-surface-variant);
8
9
  }
9
10
 
10
11
  .app-checkbox-disabled {
package/src/styles/mobile/components/variables/checkboxset.variant.less CHANGED
@@ -1,4 +1,5 @@
1
- .app-checkboxset-checkicon {
1
+ .app-checkboxset-checkicon,
2
+ .app-checkboxset-selected-label {
2
3
  --wm-checkboxset-background-color: var(--wm-color-primary);
3
4
  --wm-checkboxset-border-color: var(--wm-color-primary);
4
5
  --wm-checkboxset-icon-color: var(--wm-color-on-primary);
@@ -10,6 +11,8 @@
10
11
 
11
12
  .app-checkboxset-disabled {
12
13
  --wm-checkboxset-opacity: 0.6;
14
+ --wm-checkboxset-border-width: 2px;
15
+ --wm-checkboxset-border-radius: var(--wm-radius-xxs);
13
16
  --wm-checkboxset-border-color: var(--wm-color-on-surface-variant);
14
17
  --wm-checkboxset-label-color: var(--wm-color-on-surface-variant);
15
18
  }
package/src/styles/mobile/components/variables/chips.variant.less CHANGED
@@ -3,7 +3,8 @@
3
3
  --wm-chips-pointer-events: none;
4
4
  }
5
5
 
6
- .app-chips-active {
6
+ .app-chips-active-item,
7
+ .app-chips-active-item-text {
7
8
  --wm-chips-color: var(--wm-color-on-surface-variant);
8
9
  --wm-chips-background-color: var(--wm-color-secondary-container);
9
10
  --wm-chips-item-border-color: var(--wm-color-secondary-container);
package/src/styles/mobile/components/variables/container.variant.less CHANGED
@@ -1,21 +1,21 @@
1
1
  .app-default-container {
2
+ --wm-container-border-style: var(--wm-border-style-base);
3
+ --wm-container-border-width: var(--wm-border-width-0);
2
4
  --wm-container-border-color: transparent;
3
5
  --wm-container-border-radius: var(--wm-radius-none);
4
- --wm-container-border-width: var(--wm-border-width-0);
5
- --wm-container-border-style: var(--wm-border-style-base);
6
6
  }
7
7
 
8
8
  .app-outlined-container {
9
- --wm-container-border-color: var(--wm-color-outline-variant);
10
- --wm-container-border-width: var(--wm-border-width-base);
11
9
  --wm-container-border-style: var(--wm-border-style-base);
10
+ --wm-container-border-width: var(--wm-border-width-base);
11
+ --wm-container-border-color: var(--wm-color-outline-variant);
12
12
  --wm-container-border-radius: 1px;
13
13
  }
14
14
 
15
15
  .app-elevated-container {
16
16
  --wm-container-box-shadow: var(--wm-elevation-shadow-1);
17
+ --wm-container-border-style: var(--wm-border-style-base);
17
18
  --wm-container-border-color: transparent;
18
- --wm-container-border-radius: var(--wm-radius-sm);
19
19
  --wm-container-border-width: var(--wm-border-width-base);
20
- --wm-container-border-style: var(--wm-border-style-base);
20
+ --wm-container-border-radius: var(--wm-radius-sm);
21
21
  }
package/src/styles/mobile/components/variables/form-controls.variant.less ADDED
@@ -0,0 +1,14 @@
1
+ .app-input-focused {
2
+ --wm-form-controls-border-color: var(--wm-color-primary);
3
+ --wm-form-controls-border-width: var(--wm-border-width-base);
4
+ --wm-form-controls-background: var(--wm-color-outline-variant);
5
+ --wm-form-controls-color: var(--wm-color-black);
6
+ }
7
+
8
+ .app-input-disabled {
9
+ --wm-form-controls-border-color: var(--wm-color-shadow);
10
+ --wm-form-controls-border-width: var(--wm-border-width-base);
11
+ --wm-form-controls-background: var(--wm-color-surface-dim);
12
+ --wm-form-controls-color: var(--wm-color-scrim);
13
+ --wm-form-controls-opacity: 0.67;
14
+ }
package/src/styles/mobile/components/variables/radioset.variant.less CHANGED
@@ -1,4 +1,5 @@
1
- .app-radioset-checked-icon {
1
+ .app-radioset-checked-icon,
2
+ .app-radioset-selected-label {
2
3
  --wm-radiobutton-label-color: var(--wm-color-on-surface);
3
4
  --wm-radiobutton-color: var(--wm-color-secondary);
4
5
  --wm-radiobutton-border-color: var(--wm-color-secondary);
package/src/styles/mobile/components/variables/tabbar.variant.less CHANGED
@@ -1,4 +1,6 @@
1
- .app-tabbar-active {
1
+ .app-tabbar-active-item,
2
+ .app-tabbar-active-icon,
3
+ .app-tabbar-active-label {
2
4
  --wm-tabbar-item-border-radius: 50px;
3
5
  --wm-tabbar-item-background-color: var(--wm-color-primary-container);
4
6
  --wm-tabbar-item-margin-bottom: -2;
package/src/styles/mobile/components/variables/tabs.variant.less CHANGED
@@ -1,5 +1,10 @@
1
- .app-tabheader-active {
2
- --wm-tabs-item-heading-background: var(--wm-color-primary-container);
1
+ .app-tabheader-active-item,
2
+ .app-tabheader-active-item-text,
3
+ .app-tabheader-active-item-icon,
4
+ .app-tabheader-active-indicator {
5
+ --wm-tabs-item-heading-indicator-height: 3px;
6
+ --wm-tabs-item-heading-indicator-background: var(--wm-color-primary);
7
+ --wm-tabs-item-heading-background: var(--wm-color-surface);
3
8
  --wm-tabs-item-heading-text: var(--wm-color-primary);
4
9
  --wm-tabs-item-heading-icon: var(--wm-color-primary);
5
10
  }