@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/src/styles/mobile/components/navigation/menu.less CHANGED
@@ -1,9 +1,6 @@
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);
7
4
  }
8
5
 
9
6
  .app-menu-link-text {
@@ -19,8 +16,7 @@
19
16
  }
20
17
 
21
18
  .app-menu-trigger .app-anchor-icon .app-icon-shape {
22
- font-size: var(--wm-dropdown-menu-caret-size);
23
- color: var(--wm-dropdown-menu-caret-color);
19
+ font-size: var(--wm-dropdown-menu-icon-size);
24
20
  }
25
21
 
26
22
  .app-menu-content {
package/src/styles/mobile/components/navigation/popover.less CHANGED
@@ -29,34 +29,8 @@
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);
33
32
  }
34
33
 
35
34
  //We don't have the support to add inline content for the popover body.
36
35
  //Content can only be added using partials, so there are no tokens available for the popover body.
37
36
 
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
+
1
2
  .app-page-content {
2
3
  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,8 +11,6 @@
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;
16
14
  --wm-anchor-text-transform: none;
17
15
  --wm-anchor-text-decoration: none;
18
16
  --wm-audio-width: 300px;
@@ -102,9 +100,6 @@
102
100
  --wm-chips-list-height: 70px;
103
101
  --wm-chips-item-height: 32px;
104
102
  --wm-container-border-color: transparent;
105
- --wm-container-background-color: transparent;
106
- --wm-container-box-shadow: none;
107
- --wm-container-opacity: 1;
108
103
  --wm-currency-inputgroup-addon-width: 40px;
109
104
  --wm-datetime-cancel-button-background: transparent;
110
105
  --wm-datetime-button-ripple-color: transparent;
@@ -113,11 +108,10 @@
113
108
  --wm-dropdown-menu-text-decoration: none;
114
109
  --wm-dropdown-menu-content-width: 220px;
115
110
  --wm-dropdown-menu-content-background: #fff;
116
- --wm-dropdown-menu-border-width: 0;
117
111
  --wm-fileupload-text-align: center;
118
112
  --wm-fileupload-ripple-color: transparent;
119
- --wm-form-controls-opacity: 1px;
120
- --wm-form-controls-min-height: 48px;
113
+ --wm-form-input-opacity: 1;
114
+ --wm-form-input-min-height: 48px;
121
115
  --wm-grid-layout-width: 100%;
122
116
  --wm-icon-size: 24px;
123
117
  --wm-icon-size-xs: 12px;
@@ -140,10 +134,16 @@
140
134
  --wm-left-panel-min-height: 100%;
141
135
  --wm-left-panel-background: #ffffff;
142
136
  --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;
143
140
  --wm-list-heading-margin-bottom: 6px;
144
141
  --wm-list-heading-background-color: transparent;
145
- --wm-list-item-border-radius: 6px;
142
+ --wm-list-empty-message-line-height: 18px;
143
+ --wm-list-on-demand-messsage-width: 100%;
146
144
  --wm-list-item-min-height: 56px;
145
+ --wm-list-item-border-radius: 6px;
146
+ --wm-list-item-border-color: transparent;
147
147
  --wm-lottie-content-width: 100%;
148
148
  --wm-message-container-border-radius: 6px;
149
149
  --wm-message-icon-size: 20px;
@@ -162,15 +162,6 @@
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;
174
165
  --wm-app-font-smoothing: antialiased;
175
166
  --wm-app-text-transform: none;
176
167
  --wm-app-margin: 0;
@@ -216,13 +207,12 @@
216
207
  --wm-pagination-pagecount-input-height: 32px;
217
208
  --wm-pagination-pagecount-input-width: 48px;
218
209
  --wm-horizontal-page-slider-anchor-width: 32px;
210
+ --wm-panel-help-message-background: #fffed0;
219
211
  --wm-picture-background: transparent;
220
212
  --wm-popover-position: absolute;
221
213
  --wm-popover-width: 100%;
222
214
  --wm-popover-min-height: 240px;
223
215
  --wm-progress-bar-height: 16px;
224
- --wm-progress-circle-width: 150px;
225
- --wm-progress-circle-height: 150px;
226
216
  --wm-radiobutton-size: 20px;
227
217
  --wm-radiobutton-indicator-size: 16px;
228
218
  --wm-radiobutton-color: transparent;
@@ -255,7 +245,6 @@
255
245
  --wm-search-dropdown-width: 90%;
256
246
  --wm-search-dropdown-border-color: transparent;
257
247
  --wm-search-dropdown-border-width: 0;
258
- --wm-search-btn-ripple-color: rgba(255, 255, 255, 0.08);
259
248
  --wm-search-data-complete-background: transparent;
260
249
  --wm-search-item-separator-width: 0;
261
250
  --wm-select-arrow-button-height: 12px;
@@ -282,7 +271,7 @@
282
271
  --wm-tabs-item-icon-width: 1;
283
272
  --wm-tabs-min-height: 240px;
284
273
  --wm-textarea-height: 86px;
285
- --wm-tile-border-width: 1px;
274
+ --wm-tile-border-width: 1;
286
275
  --wm-tile-border-color: transparent;
287
276
  --wm-toast-container-width: 344px;
288
277
  --wm-toggle-width: 52px;
@@ -302,9 +291,16 @@
302
291
  --wm-wizard-step-indicator-size: 33px;
303
292
  --wm-wizard-step-indicator-background-color: transparent;
304
293
  --wm-wizard-step-connector-width: 1px;
294
+ --wm-border-style-none: none;
305
295
  --wm-border-style-solid: solid;
306
296
  --wm-border-style-dotted: dotted;
307
297
  --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;
308
304
  --wm-border-width-0: 0px;
309
305
  --wm-border-width-1: 1px;
310
306
  --wm-border-width-2: 2px;
@@ -667,12 +663,8 @@
667
663
  --wm-chips-item-letter-spacing: var(--wm-label-large-letter-spacing);
668
664
  --wm-chips-item-avatar-size: var(--wm-icon-size);
669
665
  --wm-chips-item-avatar-radius: var(--wm-radius-pill);
670
- --wm-container-border-width: var(--wm-border-width-0);
671
666
  --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);
667
+ --wm-container-border-width: var(--wm-border-width-0);
676
668
  --wm-datetime-cancel-button-text-color: var(--wm-color-on-surface);
677
669
  --wm-datetime-cancel-button-text-size: var(--wm-body-medium-font-size);
678
670
  --wm-datetime-selected-button-background: var(--wm-color-primary);
@@ -697,7 +689,6 @@
697
689
  --wm-dropdown-menu-text-padding-left: var(--wm-space-2);
698
690
  --wm-dropdown-menu-text-padding-right: var(--wm-space-3);
699
691
  --wm-dropdown-menu-content-border-radius: var(--wm-radius-xs);
700
- --wm-dropdown-menu-caret-color: var(--wm-color-on-surface-variant);
701
692
  --wm-dropdown-menu-caret-size: var(--wm-icon-size-sm);
702
693
  --wm-dropdown-menu-icon-size: var(--wm-icon-size-md);
703
694
  --wm-dropdown-menu-item-font-size: var(--wm-body-large-font-size);
@@ -708,8 +699,6 @@
708
699
  --wm-dropdown-menu-item-padding-left: var(--wm-space-4);
709
700
  --wm-dropdown-menu-item-padding-right: var(--wm-space-4);
710
701
  --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);
713
702
  --wm-fileupload-border-color: var(--wm-color-black);
714
703
  --wm-fileupload-border-width: var(--wm-border-width-base);
715
704
  --wm-fileupload-border-style: var(--wm-border-style-solid);
@@ -720,55 +709,54 @@
720
709
  --wm-fileupload-text-color: var(--wm-color-primary);
721
710
  --wm-fileupload-icon-font-size: var(--wm-body-large-font-size);
722
711
  --wm-fileupload-icon-color: var(--wm-color-primary);
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);
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);
772
760
  --wm-grid-layout-column-padding-top: var(--wm-space-2);
773
761
  --wm-grid-layout-column-padding-left: var(--wm-space-2);
774
762
  --wm-grid-layout-column-padding-right: var(--wm-space-2);
@@ -792,6 +780,16 @@
792
780
  --wm-label-small-font-weight: var(--wm-font-weight-500);
793
781
  --wm-left-panel-border-top-right-radius: var(--wm-radius-lg);
794
782
  --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);
795
793
  --wm-list-heading-padding: var(--wm-space-2);
796
794
  --wm-list-title-line-height: var(--wm-body-large-line-height);
797
795
  --wm-list-title-font-size: var(--wm-body-large-font-size);
@@ -801,10 +799,14 @@
801
799
  --wm-list-sub-heading-line-height: var(--wm-body-medium-line-height);
802
800
  --wm-list-sub-heading-color: var(--wm-color-on-surface);
803
801
  --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);
804
807
  --wm-list-item-padding: var(--wm-space-1);
805
808
  --wm-list-item-header-background-color: var(--wm-color-surface-container-lowest);
806
- --wm-list-select-icon-font-size: var(--wm-body-medium-font-size);
807
- --wm-list-select-icon-color: var(--wm-color-primary);
809
+ --wm-list-item-header-color: var(--wm-color-on-surface);
808
810
  --wm-login-error-text-color: var(--wm-color-on-error);
809
811
  --wm-login-error-background-color: var(--wm-color-error);
810
812
  --wm-login-error-border-color: var(--wm-color-error);
@@ -852,30 +854,7 @@
852
854
  --wm-nav-item-padding-right: var(--wm-space-3);
853
855
  --wm-nav-item-padding-top: var(--wm-space-3);
854
856
  --wm-nav-item-padding-bottom: var(--wm-space-3);
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);
857
+ --wm-page-content-background: var(--wm-color-surface);
879
858
  --wm-app-font-size: var(--wm-body-medium-font-size);
880
859
  --wm-app-line-height: var(--wm-body-medium-line-height);
881
860
  --wm-app-letter-spacing: var(--wm-body-medium-letter-spacing);
@@ -999,8 +978,6 @@
999
978
  --wm-horizontal-page-slider-anchor-icon-size: var(--wm-icon-size-sm);
1000
979
  --wm-panel-background: var(--wm-color-surface);
1001
980
  --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);
1004
981
  --wm-panel-heading-gap: var(--wm-space-2);
1005
982
  --wm-panel-heading-padding-block: var(--wm-space-4);
1006
983
  --wm-panel-heading-padding-inline: var(--wm-space-4);
@@ -1015,7 +992,10 @@
1015
992
  --wm-panel-description-color: var(--wm-color-on-surface-variant);
1016
993
  --wm-panel-actions-gap: var(--wm-space-2);
1017
994
  --wm-panel-content-padding: var(--wm-space-4);
1018
- --wm-panel-footer-background: var(--wm-color-surface);
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);
1019
999
  --wm-panel-footer-padding: var(--wm-space-4);
1020
1000
  --wm-panel-footer-border-color: var(--wm-color-outline-variant);
1021
1001
  --wm-panel-footer-border-width: var(--wm-border-width-base);
@@ -1045,13 +1025,6 @@
1045
1025
  --wm-popover-header-font-size: var(--wm-h5-font-size);
1046
1026
  --wm-popover-header-line-height: var(--wm-h5-line-height);
1047
1027
  --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);
1055
1028
  --wm-progress-bar-background-inactive: var(--wm-color-primary-container);
1056
1029
  --wm-progress-bar-background-active: var(--wm-color-primary);
1057
1030
  --wm-progress-bar-radius: var(--wm-radius-lg);
@@ -1066,8 +1039,6 @@
1066
1039
  --wm-progress-circle-sub-title-font-family: var(--wm-font-family-brand);
1067
1040
  --wm-progress-circle-sub-title-font-size: var(--wm-body-small-font-size);
1068
1041
  --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);
1071
1042
  --wm-radiobutton-gap: var(--wm-space-1);
1072
1043
  --wm-radiobutton-label-font-size: var(--wm-body-large-font-size);
1073
1044
  --wm-radiobutton-label-line-height: var(--wm-body-large-line-height);
@@ -1183,6 +1154,7 @@
1183
1154
  --wm-search-btn-background-color: var(--wm-color-surface);
1184
1155
  --wm-search-btn-icon-color: var(--wm-color-on-surface);
1185
1156
  --wm-search-btn-icon-size: var(--wm-icon-size);
1157
+ --wm-search-btn-ripple-color: var(--wm-color-surface-container);
1186
1158
  --wm-search-placeholder-text-color: var(--wm-color-outline);
1187
1159
  --wm-search-data-complete-padding-top: var(--wm-space-2);
1188
1160
  --wm-search-data-complete-padding-bottom: var(--wm-space-2);
@@ -1249,20 +1221,21 @@
1249
1221
  --wm-tabbar-text-font-weight: var(--wm-font-weight-400);
1250
1222
  --wm-tabbar-text-color: var(--wm-color-on-surface-variant);
1251
1223
  --wm-tabbar-text-margin-top: var(--wm-space-rule);
1252
- --wm-tabs-background: var(--wm-color-surface);
1224
+ --wm-tabs-background: var(--wm-color-primary-container);
1253
1225
  --wm-tabs-border-radius: var(--wm-radius-sm);
1254
1226
  --wm-tabs-border-width: var(--wm-border-width-1);
1255
1227
  --wm-tabs-heading-background: var(--wm-color-surface);
1256
1228
  --wm-tabs-heading-border-radius: var(--wm-radius-sm);
1257
- --wm-tabs-heading-border-color: var(--wm-color-surface);
1229
+ --wm-tabs-heading-border-color: var(--wm-color-primary-container);
1258
1230
  --wm-tabs-heading-border-width: var(--wm-border-width-1);
1259
1231
  --wm-tabs-item-heading-padding: var(--wm-space-2);
1260
1232
  --wm-tabs-item-heading-font-size: var(--wm-h6-font-size);
1261
1233
  --wm-tabs-item-heading-line-height: var(--wm-h6-line-height);
1262
- --wm-tabs-item-heading-background: var(--wm-color-surface);
1234
+ --wm-tabs-item-heading-background: var(--wm-color-primary-container);
1263
1235
  --wm-tabs-item-heading-text: var(--wm-color-outline);
1264
1236
  --wm-tabs-item-heading-icon: var(--wm-color-outline);
1265
1237
  --wm-tabs-item-heading-indicator-background: var(--wm-color-primary);
1238
+ --wm-tabs-item-icon-color: var(--wm-color-outline);
1266
1239
  --wm-tabs-item-icon-font-size: var(--wm-h6-font-size);
1267
1240
  --wm-tile-border-radius: var(--wm-radius-sm);
1268
1241
  --wm-tile-padding-top: var(--wm-space-4);
@@ -1423,18 +1396,19 @@
1423
1396
  --wm-datetime-selected-text-font-weight: var(--wm-body-medium-font-weight);
1424
1397
  --wm-dropdown-menu-item-font-family: var(--wm-body-large-font-family);
1425
1398
  --wm-dropdown-menu-item-font-weight: var(--wm-body-large-font-weight);
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);
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);
1433
1406
  --wm-label-font-weight: var(--wm-body-medium-font-weight);
1434
1407
  --wm-label-font-family: var(--wm-body-medium-font-family);
1435
1408
  --wm-left-panel-elevation: var(--wm-elevation-shadow-1);
1436
1409
  --wm-list-title-font-weight: var(--wm-body-large-font-weight);
1437
1410
  --wm-list-sub-heading-font-weight: var(--wm-body-medium-font-weight);
1411
+ --wm-list-item-border-style: var(--wm-border-style-base);
1438
1412
  --wm-message-container-border-style: var(--wm-border-style-base);
1439
1413
  --wm-modal-header-border-style: var(--wm-border-style-base);
1440
1414
  --wm-modal-title-font-family: var(--wm-h3-font-family);
@@ -1442,12 +1416,6 @@
1442
1416
  --wm-modal-icon-font-weight: var(--wm-h4-font-weight);
1443
1417
  --wm-nav-item-font-family: var(--wm-label-large-font-family);
1444
1418
  --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);
1451
1419
  --wm-app-font-family: var(--wm-body-medium-font-family);
1452
1420
  --wm-app-font-weight: var(--wm-body-medium-font-weight);
1453
1421
  --wm-aside-nav-background: var(--wm-aside-panel-background);
@@ -1476,13 +1444,12 @@
1476
1444
  --wm-panel-heading-font-weight: var(--wm-h4-font-weight);
1477
1445
  --wm-panel-description-font-family: var(--wm-body-medium-font-family);
1478
1446
  --wm-panel-description-font-weight: var(--wm-body-medium-font-weight);
1447
+ --wm-panel-help-message-border-style: var(--wm-border-style-base);
1479
1448
  --wm-panel-footer-border-style: var(--wm-border-style-base);
1480
1449
  --wm-picture-border-color: var(--wm-color-border);
1481
1450
  --wm-picture-border-style: var(--wm-border-style-base);
1482
1451
  --wm-popover-header-font-family: var(--wm-h5-font-family);
1483
1452
  --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);
1486
1453
  --wm-radiobutton-label-font-family: var(--wm-body-large-font-family);
1487
1454
  --wm-radiobutton-label-font-weight: var(--wm-body-large-font-weight);
1488
1455
  --wm-radiobutton-title-font-family: var(--wm-body-large-font-family);
package/src/styles/mobile/components/variables/accordion.variant.less CHANGED
@@ -1,14 +1,8 @@
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 {
1
+ .app-accordion-active {
6
2
  --wm-accordion-header-border-color: var(--wm-color-primary);
7
3
  --wm-accordion-header-background-color: var(--wm-color-primary);
8
4
  --wm-accordion-text-color: var(--wm-color-white);
9
- --wm-accordion-title-icon-color: var(--wm-color-white);
10
5
  --wm-accordion-icon-color: var(--wm-color-white);
11
6
  --wm-accordion-badge-border-color: var(--wm-color-white);
12
- --wm-accordion-badge-background-color: transparent;
13
7
  --wm-accordion-badge-color: var(--wm-color-white);
14
8
  }
package/src/styles/mobile/components/variables/button.variant.less CHANGED
@@ -1,4 +1,4 @@
1
- .app-button-disabled {
1
+ .app-button-disabled-root {
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,11 +1,10 @@
1
- .app-checkbox-checkicon,
2
- .app-checkbox-selected-label {
1
+ .app-checkbox-checkicon {
3
2
  --wm-checkbox-background-color: var(--wm-color-primary);
4
3
  --wm-checkbox-border-color: var(--wm-color-primary);
5
4
  --wm-checkbox-icon-color: var(--wm-color-on-primary);
6
5
  --wm-checkbox-label-font-size: var(--wm-body-large-font-size);
7
6
  --wm-checkbox-label-font-family: var(--wm-body-large-font-family);
8
- --wm-checkbox-label-color: var(--wm-color-on-surface-variant);
7
+ --wm-checkbox-label-color: var(--wm-color-on-primary);
9
8
  }
10
9
 
11
10
  .app-checkbox-disabled {
package/src/styles/mobile/components/variables/checkboxset.variant.less CHANGED
@@ -1,5 +1,4 @@
1
- .app-checkboxset-checkicon,
2
- .app-checkboxset-selected-label {
1
+ .app-checkboxset-checkicon {
3
2
  --wm-checkboxset-background-color: var(--wm-color-primary);
4
3
  --wm-checkboxset-border-color: var(--wm-color-primary);
5
4
  --wm-checkboxset-icon-color: var(--wm-color-on-primary);
@@ -11,8 +10,6 @@
11
10
 
12
11
  .app-checkboxset-disabled {
13
12
  --wm-checkboxset-opacity: 0.6;
14
- --wm-checkboxset-border-width: 2px;
15
- --wm-checkboxset-border-radius: var(--wm-radius-xxs);
16
13
  --wm-checkboxset-border-color: var(--wm-color-on-surface-variant);
17
14
  --wm-checkboxset-label-color: var(--wm-color-on-surface-variant);
18
15
  }
package/src/styles/mobile/components/variables/chips.variant.less CHANGED
@@ -3,8 +3,7 @@
3
3
  --wm-chips-pointer-events: none;
4
4
  }
5
5
 
6
- .app-chips-active-item,
7
- .app-chips-active-item-text {
6
+ .app-chips-active {
8
7
  --wm-chips-color: var(--wm-color-on-surface-variant);
9
8
  --wm-chips-background-color: var(--wm-color-secondary-container);
10
9
  --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);
4
2
  --wm-container-border-color: transparent;
5
3
  --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-style: var(--wm-border-style-base);
10
- --wm-container-border-width: var(--wm-border-width-base);
11
9
  --wm-container-border-color: var(--wm-color-outline-variant);
10
+ --wm-container-border-width: var(--wm-border-width-base);
11
+ --wm-container-border-style: var(--wm-border-style-base);
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);
18
17
  --wm-container-border-color: transparent;
19
- --wm-container-border-width: var(--wm-border-width-base);
20
18
  --wm-container-border-radius: var(--wm-radius-sm);
19
+ --wm-container-border-width: var(--wm-border-width-base);
20
+ --wm-container-border-style: var(--wm-border-style-base);
21
21
  }
package/src/styles/mobile/components/variables/form-input.variant.less ADDED
@@ -0,0 +1,14 @@
1
+ .app-input-focused {
2
+ --wm-form-input-border-color: var(--wm-color-primary);
3
+ --wm-form-input-border-width: var(--wm-border-width-base);
4
+ --wm-form-input-background: var(--wm-color-on-primary);
5
+ --wm-form-input-color: var(--wm-color-on-primary);
6
+ }
7
+
8
+ .app-input-disabled {
9
+ --wm-form-input-border-color: var(--wm-color-shadow);
10
+ --wm-form-input-border-width: var(--wm-border-width-base);
11
+ --wm-form-input-background: var(--wm-color-surface-dim);
12
+ --wm-form-input-color: var(--wm-color-scrim);
13
+ --wm-form-input-opacity: 0.67;
14
+ }
package/src/styles/mobile/components/variables/radioset.variant.less CHANGED
@@ -1,5 +1,4 @@
1
- .app-radioset-checked-icon,
2
- .app-radioset-selected-label {
1
+ .app-radioset-checked-icon {
3
2
  --wm-radiobutton-label-color: var(--wm-color-on-surface);
4
3
  --wm-radiobutton-color: var(--wm-color-secondary);
5
4
  --wm-radiobutton-border-color: var(--wm-color-secondary);
package/src/styles/mobile/components/variables/tabbar.variant.less CHANGED
@@ -1,6 +1,4 @@
1
- .app-tabbar-active-item,
2
- .app-tabbar-active-icon,
3
- .app-tabbar-active-label {
1
+ .app-tabbar-active {
4
2
  --wm-tabbar-item-border-radius: 50px;
5
3
  --wm-tabbar-item-background-color: var(--wm-color-primary-container);
6
4
  --wm-tabbar-item-margin-bottom: -2;
package/src/styles/mobile/components/variables/tabs.variant.less CHANGED
@@ -1,10 +1,5 @@
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);
1
+ .app-tabheader-active {
2
+ --wm-tabs-item-heading-background: var(--wm-color-primary-container);
8
3
  --wm-tabs-item-heading-text: var(--wm-color-primary);
9
4
  --wm-tabs-item-heading-icon: var(--wm-color-primary);
10
5
  }