@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/data/form.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
- @import (optional) url('../variables/form-wrapper.variant.less');
3
- @import (optional) url('../variables/form-controls.variant.less');
2
+ @import (optional) url('../variables/form-control.variant.less');
3
+ @import (optional) url('../variables/form-input.variant.less');
4
4
 
5
5
  .app-form {
6
6
  background-color: var(--wm-form-background);
@@ -12,40 +12,49 @@
12
12
  border-color: var(--wm-form-border-color);
13
13
  }
14
14
 
15
+ .form-default{
16
+ background-color: var(--wm-form-background);
17
+ padding: var(--wm-form-padding);
18
+ margin: var(--wm-form-margin);
19
+ border-radius: var(--wm-form-border-radius);
20
+ border-width: var(--wm-form-border-width);
21
+ border-style: var(--wm-form-border-style);
22
+ border-color: var(--wm-form-border-color);
23
+ }
15
24
 
16
- .app-form-header {
17
- padding-top: var(--wm-form-header-padding-vertical);
18
- padding-bottom: var(--wm-form-header-padding-vertical);
19
- padding-left: var(--wm-form-header-padding-horizontal);
20
- padding-right: var(--wm-form-header-padding-horizontal);
21
- border-radius: var(--wm-form-header-border-radius);
22
- border-color: var(--wm-form-header-border-color);
23
- border-style: var(--wm-form-header-border-style);
24
- border-width: var(--wm-form-header-border-width);
25
- background-color: var(--wm-form-header-background);
26
- border-bottom-width: var(--wm-form-header-border-width);
25
+ .app-form-default-header {
26
+ padding-top: var(--wm-form-default-header-padding-vertical);
27
+ padding-bottom: var(--wm-form-default-header-padding-vertical);
28
+ padding-left: var(--wm-form-default-header-padding-horizontal);
29
+ padding-right: var(--wm-form-default-header-padding-horizontal);
30
+ border-radius: var(--wm-form-default-header-border-radius);
31
+ border-color: var(--wm-form-default-header-border-color);
32
+ border-style: var(--wm-form-default-header-border-style);
33
+ border-width: var(--wm-form-default-header-border-width);
34
+ background-color: var(--wm-form-default-header-background);
35
+ border-bottom-width: var(--wm-border-width-base);
27
36
  }
28
37
 
29
38
  .app-form-title {
30
- color: var(--wm-form-header-title-color);
31
- font-size: var(--wm-form-header-title-font-size);
32
- font-weight: var(--wm-form-header-title-font-weight);
33
- font-family: var(--wm-form-header-title-font-family);
34
- margin-top: var(--wm-form-header-title-margin-vertical);
35
- margin-bottom: var(--wm-form-header-title-margin-vertical);
36
- margin-left: var(--wm-form-header-title-margin-horizontal);
37
- margin-right: var(--wm-form-header-title-margin-horizontal);
39
+ color: var(--wm-form-default-header-title-color);
40
+ font-size: var(--wm-form-default-header-title-font-size);
41
+ font-weight: var(--wm-form-default-header-title-font-weight);
42
+ font-family: var(--wm-form-default-header-title-font-family);
43
+ margin-top: var(--wm-form-default-header-title-margin-vertical);
44
+ margin-bottom: var(--wm-form-default-header-title-margin-vertical);
45
+ margin-left: var(--wm-form-default-header-title-margin-horizontal);
46
+ margin-right: var(--wm-form-default-header-title-margin-horizontal);
38
47
  }
39
48
 
40
49
  .app-form-sub-title {
41
- color: var(--wm-form-header-sub-title-color);
42
- font-size: var(--wm-form-header-sub-title-font-size);
43
- font-weight: var(--wm-form-header-sub-title-font-weight);
44
- font-family: var(--wm-form-header-sub-title-font-family);
45
- margin-top: var(--wm-form-header-sub-title-margin-vertical);
46
- margin-bottom: var(--wm-form-header-sub-title-margin-vertical);
47
- margin-left: var(--wm-form-header-sub-title-margin-horizontal);
48
- margin-right: var(--wm-form-header-sub-title-margin-horizontal);
50
+ color: var(--wm-form-default-header-sub-title-color);
51
+ font-size: var(--wm-form-default-header-sub-title-font-size);
52
+ font-weight: var(--wm-form-default-header-sub-title-font-weight);
53
+ font-family: var(--wm-form-default-header-sub-title-font-family);
54
+ margin-top: var(--wm-form-default-header-sub-title-margin-vertical);
55
+ margin-bottom: var(--wm-form-default-header-sub-title-margin-vertical);
56
+ margin-left: var(--wm-form-default-header-sub-title-margin-horizontal);
57
+ margin-right: var(--wm-form-default-header-sub-title-margin-horizontal);
49
58
  }
50
59
 
51
60
 
@@ -54,16 +63,17 @@
54
63
  padding-right: var(--wm-form-body-padding-horizontal);
55
64
  padding-top: var(--wm-form-body-padding-vertical);
56
65
  padding-bottom: var(--wm-form-body-padding-vertical);
57
- border-width: var(--wm-form-body-border-width);
58
66
  border-color: var(--wm-form-body-border-color);
67
+ border-style: var(--wm-form-body-border-style);
68
+ border-width: var(--wm-form-body-border-width);
59
69
  border-radius: var(--wm-form-body-border-radius);
60
70
  background-color: var(--wm-form-body-background);
61
- border-style: var(--wm-form-body-border-style);
71
+ border-bottom-width: var(--wm-space-0);
62
72
  }
63
73
 
64
74
  .app-form-field {
65
75
  min-height: var(--wm-form-field-height); // hardcoded example
66
- // min-height: ~"calc(var(--wm-form-controls-min-height) + var(--wm-form-error-font-size) + var(--wm-form-error-padding-vertical) + 10px)";
76
+ // min-height: ~"calc(var(--wm-form-input-min-height) + var(--wm-form-error-font-size) + var(--wm-form-error-padding-vertical) + 10px)";
67
77
 
68
78
  margin-left: var(--wm-form-field-margin-horizontal);
69
79
  margin-right: var(--wm-form-field-margin-horizontal);
@@ -76,58 +86,21 @@
76
86
  }
77
87
 
78
88
  .form-label.app-label-text {
79
- color: var(--wm-form-controls-label-color);
80
- background-color: var(--wm-form-controls-label-background);
81
- font-size: var(--wm-form-controls-label-font-size);
82
- font-weight: var(--wm-form-controls-label-font-weight);
83
- font-family: var(--wm-form-controls-label-font-family);
84
- margin-top: var(--wm-form-controls-label-margin-vertical);
85
- margin-bottom: var(--wm-form-controls-label-margin-vertical);
86
- margin-left: var(--wm-form-controls-label-margin-horizontal);
87
- margin-right: var(--wm-form-controls-label-margin-horizontal);
89
+ color: var(--wm-form-input-label-color);
90
+ background-color: var(--wm-form-input-label-background);
91
+ font-size: var(--wm-form-input-label-font-size);
92
+ font-weight: var(--wm-form-input-label-font-weight);
93
+ font-family: var(--wm-form-input-label-font-family);
94
+ margin-top: var(--wm-form-input-label-margin-vertical);
95
+ margin-bottom: var(--wm-form-input-label-margin-vertical);
96
+ margin-left: var(--wm-form-input-label-margin-horizontal);
97
+ margin-right: var(--wm-form-input-label-margin-horizontal);
88
98
  }
89
99
 
90
100
  .app-text-place-holder-text{
91
- color: var(--wm-form-controls-placeholder-color);
92
- }
93
- .app-textarea-placeholder{
94
- color: var(--wm-form-controls-placeholder-color);
95
- }
96
- .app-number-placeholer{
97
- color: var(--wm-form-controls-placeholder-color);
101
+ color: var(--wm-form-input-placeholder-color);
98
102
  }
99
103
 
100
- .app-date-place-holder-text{
101
- color: var(--wm-form-controls-placeholder-color);
102
- }
103
-
104
- .app-datetime-place-holder-text{
105
- color: var(--wm-form-controls-placeholder-color);
106
- }
107
-
108
- .app-time-place-holder-text{
109
- color: var(--wm-form-controls-placeholder-color);
110
- }
111
-
112
- .app-currency-placeholder {
113
- color: var(--wm-form-controls-placeholder-color);
114
- }
115
-
116
- .app-select-placeholderText{
117
- color: var(--wm-form-controls-placeholder-color);
118
- }
119
-
120
- .control-label .app-label-text{
121
- color: var(--wm-form-controls-label-color);
122
- background-color: var(--wm-form-controls-label-background);
123
- font-size: var(--wm-form-controls-label-font-size);
124
- font-weight: var(--wm-form-controls-label-font-weight);
125
- font-family: var(--wm-form-controls-label-font-family);
126
- margin-top: var(--wm-form-controls-label-margin-vertical);
127
- margin-bottom: var(--wm-form-controls-label-margin-vertical);
128
- margin-left: var(--wm-form-controls-label-margin-horizontal);
129
- margin-right: var(--wm-form-controls-label-margin-horizontal);
130
- }
131
104
  .app-form-field-error-msg {
132
105
  color: var(--wm-form-error-color);
133
106
  font-size: var(--wm-form-error-font-size);
@@ -138,70 +111,70 @@
138
111
  }
139
112
 
140
113
  .app-input {
141
- min-height: var(--wm-form-controls-min-height);
142
- padding-top: var(--wm-form-controls-padding-vertical);
143
- padding-bottom: var(--wm-form-controls-padding-vertical);
144
- padding-left: var(--wm-form-controls-padding-horizontal);
145
- padding-right: var(--wm-form-controls-padding-horizontal);
146
- border-style: var(--wm-form-controls-border-style);
147
- border-width: var(--wm-form-controls-border-width);
148
- border-color: var(--wm-form-controls-border-color);
149
- border-radius: var(--wm-form-controls-border-radius);
150
- background-color: var(--wm-form-controls-background);
151
- color: var(--wm-form-controls-color);
152
- opacity: var(--wm-form-controls-opacity);
114
+ min-height: var(--wm-form-input-min-height);
115
+ padding-top: var(--wm-form-input-padding-vertical);
116
+ padding-bottom: var(--wm-form-input-padding-vertical);
117
+ padding-left: var(--wm-form-input-padding-horizontal);
118
+ padding-right: var(--wm-form-input-padding-horizontal);
119
+ border-style: var(--wm-form-input-border-style);
120
+ border-width: var(--wm-form-input-border-width);
121
+ border-color: var(--wm-form-input-border-color);
122
+ border-radius: var(--wm-form-input-border-radius);
123
+ background-color: var(--wm-form-input-background);
124
+ color: var(--wm-form-input-color);
125
+ opacity: var(--wm-form-input-opacity);
153
126
  }
154
127
 
155
128
  .app-input-focused {
156
- border-width: var(--wm-form-controls-border-width);
157
- border-color: var(--wm-form-controls-border-color);
158
- background-color: var(--wm-form-controls-background);
159
- color: var(--wm-form-controls-color);
160
- opacity: var(--wm-form-controls-opacity);
129
+ border-width: var(--wm-form-input-border-width);
130
+ border-color: var(--wm-form-input-border-color);
131
+ background-color: var(--wm-form-input-background);
132
+ color: var(--wm-form-input-color);
133
+ opacity: var(--wm-form-input-opacity);
161
134
  }
162
135
 
163
136
  .app-input-focused {
164
- min-height: var(--wm-form-controls-min-height);
165
- padding-top: var(--wm-form-controls-padding-vertical);
166
- padding-bottom: var(--wm-form-controls-padding-vertical);
167
- padding-left: var(--wm-form-controls-padding-horizontal);
168
- padding-right: var(--wm-form-controls-padding-horizontal);
169
- border-style: var(--wm-form-controls-border-style);
170
- border-width: var(--wm-form-controls-border-width);
171
- border-color: var(--wm-form-controls-border-color);
172
- border-radius: var(--wm-form-controls-border-radius);
173
- background-color: var(--wm-form-controls-background);
174
- color: var(--wm-form-controls-color);
175
- opacity: var(--wm-form-controls-opacity);
137
+ min-height: var(--wm-form-input-min-height);
138
+ padding-top: var(--wm-form-input-padding-vertical);
139
+ padding-bottom: var(--wm-form-input-padding-vertical);
140
+ padding-left: var(--wm-form-input-padding-horizontal);
141
+ padding-right: var(--wm-form-input-padding-horizontal);
142
+ border-style: var(--wm-form-input-border-style);
143
+ border-width: var(--wm-form-input-border-width);
144
+ border-color: var(--wm-form-input-border-color);
145
+ border-radius: var(--wm-form-input-border-radius);
146
+ background-color: var(--wm-form-input-background);
147
+ color: var(--wm-form-input-color);
148
+ opacity: var(--wm-form-input-opacity);
176
149
  }
177
150
 
178
151
  .app-input-disabled {
179
- min-height: var(--wm-form-controls-min-height);
180
- padding-top: var(--wm-form-controls-padding-vertical);
181
- padding-bottom: var(--wm-form-controls-padding-vertical);
182
- padding-left: var(--wm-form-controls-padding-horizontal);
183
- padding-right: var(--wm-form-controls-padding-horizontal);
184
- border-style: var(--wm-form-controls-border-style);
185
- border-width: var(--wm-form-controls-border-width);
186
- border-color: var(--wm-form-controls-border-color);
187
- border-radius: var(--wm-form-controls-border-radius);
188
- background-color: var(--wm-form-controls-background);
189
- color: var(--wm-form-controls-color);
190
- opacity: var(--wm-form-controls-opacity);
152
+ min-height: var(--wm-form-input-min-height);
153
+ padding-top: var(--wm-form-input-padding-vertical);
154
+ padding-bottom: var(--wm-form-input-padding-vertical);
155
+ padding-left: var(--wm-form-input-padding-horizontal);
156
+ padding-right: var(--wm-form-input-padding-horizontal);
157
+ border-style: var(--wm-form-input-border-style);
158
+ border-width: var(--wm-form-input-border-width);
159
+ border-color: var(--wm-form-input-border-color);
160
+ border-radius: var(--wm-form-input-border-radius);
161
+ background-color: var(--wm-form-input-background);
162
+ color: var(--wm-form-input-color);
163
+ opacity: var(--wm-form-input-opacity);
191
164
  }
192
165
 
193
166
  .app-select-disabled{
194
- min-height: var(--wm-form-controls-min-height);
195
- padding-top: var(--wm-form-controls-padding-vertical);
196
- padding-bottom: var(--wm-form-controls-padding-vertical);
197
- padding-left: var(--wm-form-controls-padding-horizontal);
198
- padding-right: var(--wm-form-controls-padding-horizontal);
199
- border-style: var(--wm-form-controls-border-style);
200
- border-width: var(--wm-form-controls-border-width);
201
- border-color: var(--wm-form-controls-border-color);
202
- background-color: var(--wm-form-controls-background);
203
- color: var(--wm-form-controls-color);
204
- opacity: var(--wm-form-controls-opacity);
167
+ min-height: var(--wm-form-input-min-height);
168
+ padding-top: var(--wm-form-input-padding-vertical);
169
+ padding-bottom: var(--wm-form-input-padding-vertical);
170
+ padding-left: var(--wm-form-input-padding-horizontal);
171
+ padding-right: var(--wm-form-input-padding-horizontal);
172
+ border-style: var(--wm-form-input-border-style);
173
+ border-width: var(--wm-form-input-border-width);
174
+ border-color: var(--wm-form-input-border-color);
175
+ background-color: var(--wm-form-input-background);
176
+ color: var(--wm-form-input-color);
177
+ opacity: var(--wm-form-input-opacity);
205
178
  }
206
179
 
207
180
  .app-input.floatingLabel {
@@ -212,32 +185,3 @@
212
185
  .app-input.activeFloatingLabel {
213
186
  // color: green;
214
187
  }
215
-
216
- .app-form-footer{
217
- padding-left: var(--wm-form-footer-padding-horizontal);
218
- padding-right: var(--wm-form-footer-padding-horizontal);
219
- padding-top: var(--wm-form-footer-padding-vertical);
220
- padding-bottom: var(--wm-form-footer-padding-vertical);
221
- border-width: var(--wm-form-footer-border-width);
222
- border-color: var(--wm-form-footer-border-color);
223
- border-radius: var(--wm-form-footer-border-radius);
224
- background-color: var(--wm-form-footer-background);
225
- border-style: var(--wm-form-footer-border-style);
226
- border-top-width: var(--wm-form-footer-border-width);
227
- }
228
-
229
- .app-form-header{
230
- border-style: var(--wm-form-header-border-style);
231
- background-color: var(--wm-form-header-background);
232
- border-width: var(--wm-form-header-border-width);
233
- border-radius: var(--wm-form-header-border-radius);
234
- border-color: var(--wm-form-header-border-color);
235
- padding-left: var(--wm-form-header-padding-horizontal);
236
- padding-right: var(--wm-form-header-padding-horizontal);
237
- padding-top: var(--wm-form-header-padding-vertical);
238
- padding-bottom: var(--wm-form-header-padding-vertical);
239
- }
240
-
241
- .app-currency{
242
- border-width: var(--wm-space-0);
243
- }
package/src/styles/mobile/components/data/list.less CHANGED
@@ -1,3 +1,25 @@
1
+ .app-list-icon {
2
+ margin-top: var(--wm-list-listicon-margin-top);
3
+ margin-right: var(--wm-list-listicon-margin-right);
4
+ }
5
+
6
+ .app-list-group-heading {
7
+ font-family: var(--wm-list-group-heading-font-family);
8
+ padding-right: var(--wm-list-group-heading-padding-right);
9
+ padding-left: var(--wm-list-group-heading-padding-left);
10
+ font-size: var(--wm-list-group-heading-font-size);
11
+ line-height: var(--wm-list-group-heading-line-height);
12
+ background-color: var(--wm-list-group-heading-background-color);
13
+ }
14
+
15
+ .app-list-loading-icon {
16
+ font-size: var(--wm-list-loading-icon-font-size);
17
+ }
18
+
19
+ .app-list-loading-icon .app-icon-text {
20
+ color: var(--wm-list-loading-icon-text-color);
21
+ }
22
+
1
23
  .app-list-heading {
2
24
  padding: var(--wm-list-heading-padding);
3
25
  background-color: var(--wm-list-heading-background-color);
@@ -20,17 +42,21 @@
20
42
  font-weight: var(--wm-list-sub-heading-font-weight);
21
43
  }
22
44
 
23
- .app-list-item {
24
- color: var(--wm-list-item-header-color);
25
- background-color: var(--wm-list-item-header-background-color);
26
- padding: var(--wm-list-item-padding);
27
- border-radius: var(--wm-list-item-border-radius);
28
- min-height: var(--wm-list-item-min-height);
29
- border-style: var(--wm-list-item-border-style);
30
- box-shadow: none;
45
+ .app-list-empty-message {
46
+ color: var(--wm-list-empty-message-color);
47
+ font-size: var(--wm-list-empty-message-font-size);
48
+ line-height: var(--wm-list-empty-message-line-height);
31
49
  }
32
50
 
33
- .app-list-template{
51
+ .app-list-on-demand-data-message {
52
+ color: var(--wm-list-on-demand-messsage-text);
53
+ padding-top: var(--wm-list-on-demand-messsage-padding-vertical);
54
+ padding-bottom: var(--wm-list-on-demand-messsage-padding-vertical);
55
+ width: var(--wm-list-on-demand-messsage-width);
56
+ }
57
+
58
+
59
+ .app-list-item {
34
60
  color: var(--wm-list-item-header-color);
35
61
  background-color: var(--wm-list-item-header-background-color);
36
62
  padding: var(--wm-list-item-padding);
@@ -40,7 +66,15 @@
40
66
  border-style: var(--wm-list-item-border-style);
41
67
  }
42
68
 
43
- .app-list-selected-icon-text{
69
+ .app-list-selected-icon {
70
+ font-size: var(--wm-list-select-icon-font-size);
71
+ }
72
+
73
+ .app-list-selected-icon-text {
44
74
  font-size: var(--wm-list-select-icon-font-size);
45
75
  color: var(--wm-list-select-icon-color);
76
+ }
77
+
78
+ .app-list-group {
79
+ margin-bottom: var(--wm-list-group-margin-bottom);
46
80
  }
package/src/styles/mobile/components/input/checkbox.less CHANGED
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  .app-checkbox-checkicon.icon {
20
- font-size: var(--wm-checkbox-icon-size);
20
+ font-size: var(--wm-checkboxset-icon-size);
21
21
  color: var(--wm-checkbox-icon-color);
22
22
  }
23
23
 
@@ -35,13 +35,20 @@
35
35
  }
36
36
 
37
37
  .app-checkbox-selected-label {
38
- margin-left: var(--wm-checkbox-label-margin-left);
39
38
  font-size: var(--wm-checkbox-label-font-size);
40
39
  font-family: var(--wm-checkbox-label-font-family);
40
+ }
41
+
42
+ .app-checkbox-checkicon.label {
41
43
  color: var(--wm-checkbox-label-color);
42
44
  }
43
45
 
44
- .app-checkbox-disabled .app-checkbox {
46
+ .app-checkbox-disabled.root {
45
47
  opacity: var(--wm-checkbox-opacity);
46
48
  border-color: var(--wm-checkbox-border-color);
47
49
  }
50
+
51
+ .app-checkbox-disabled.text {
52
+ opacity: var(--wm-checkbox-opacity);
53
+ color: var(--wm-checkbox-label-color);
54
+ }
package/src/styles/mobile/components/input/checkboxset.less CHANGED
@@ -54,10 +54,18 @@
54
54
  font-size: var(--wm-checkboxset-label-font-size);
55
55
  font-family: var(--wm-checkbox-label-font-family);
56
56
  margin-left: var(--wm-checkboxset-label-margin-left);
57
+ }
58
+
59
+ .app-checkboxset-checkicon.text {
57
60
  color: var(--wm-checkboxset-label-color);
58
61
  }
59
62
 
60
- .app-checkboxset-disabled .app-checkboxset {
63
+ .app-checkboxset-disabled.root {
61
64
  border-color: var(--wm-checkboxset-border-color);
62
65
  opacity: var(--wm-checkboxset-opacity);
63
66
  }
67
+
68
+ .app-checkboxset-disabled.text {
69
+ color: var(--wm-checkboxset-label-color);
70
+ opacity: var(--wm-checkboxset-opacity);
71
+ }
package/src/styles/mobile/components/input/chips.less CHANGED
@@ -18,7 +18,7 @@
18
18
  gap: var(--wm-chips-list-gap);
19
19
  }
20
20
 
21
- .app-chips-disabled .app-chips-item {
21
+ .app-chips-disabled {
22
22
  opacity: var(--wm-chips-opacity);
23
23
  pointer-events: var(--wm-chips-pointer-events);
24
24
  }
@@ -61,7 +61,7 @@
61
61
  box-shadow: var(--wm-chips-shadow);
62
62
  }
63
63
 
64
- .app-chips-item-text {
64
+ .app-chips-chip-label {
65
65
  color: var(--wm-chips-color);
66
66
  font-family: var(--wm-chips-item-font-family);
67
67
  font-weight: var(--wm-chips-item-font-weight);
@@ -90,13 +90,13 @@
90
90
  color: var(--wm-chips-list-place-holder-color);
91
91
  }
92
92
 
93
- .app-chips-done-icon .app-icon {
93
+ .app-chips-done-icon {
94
94
  font-size: var(--wm-chips-item-icon-size);
95
95
  padding-left: var(--wm-chips-item-icon-gap);
96
96
  color: var(--wm-chips-item-icon-color);
97
97
  }
98
98
 
99
- .app-chips-clear-icon .app-icon {
99
+ .app-chips-clear-icon {
100
100
  font-size: var(--wm-chips-item-icon-size);
101
101
  padding-right: var(--wm-chips-item-icon-gap);
102
102
  color: var(--wm-chips-item-icon-color);
package/src/styles/mobile/components/input/radioset.less CHANGED
@@ -56,7 +56,7 @@
56
56
  padding: 0;
57
57
  }
58
58
 
59
- .app-radioset-selected-label {
59
+ .app-radioset-checked-icon.text {
60
60
  color: var(--wm-radiobutton-label-color);
61
61
  }
62
62
 
@@ -70,7 +70,11 @@
70
70
  min-width: var(--wm-radiobutton-size);
71
71
  }
72
72
 
73
- .app-radioset-disabled .app-radioset {
73
+ .app-radioset-disabled-root {
74
74
  color: var(--wm-radiobutton-color);
75
75
  opacity: var(--wm-radiobutton-opacity);
76
76
  }
77
+
78
+ .app-radioset-disabled-root.text {
79
+ color: var(--wm-radiobutton-color);
80
+ }
package/src/styles/mobile/components/input/toggle.less CHANGED
@@ -1,6 +1,6 @@
1
1
  @import url('../variables/toggle.variant.less');
2
2
 
3
- .app-toggle-off .app-toggle {
3
+ .app-toggle-off.root{
4
4
  width: var(--wm-toggle-width);
5
5
  height: var(--wm-toggle-height);
6
6
  border-radius: var(--wm-toggle-border-radius);
@@ -8,7 +8,7 @@
8
8
  background-color: var(--wm-toggle-background-color);
9
9
  border-width: var(--wm-toggle-border-width);
10
10
  }
11
- .app-toggle-handle-off .app-toggle-handle {
11
+ .app-toggle-off.handle{
12
12
  width: var(--wm-toggle-handle-width);
13
13
  height: var(--wm-toggle-handle-height);
14
14
  border-radius: var(--wm-toggle-handle-radius);
@@ -16,13 +16,13 @@
16
16
  margin-right: var(--wm-toggle-handle-margin-right);
17
17
  background-color: var(--wm-toggle-handle-color);
18
18
  }
19
- .app-toggle-on .app-toggle {
19
+ .app-toggle-on.root{
20
20
  width: var(--wm-toggle-width);
21
21
  height: var(--wm-toggle-height);
22
22
  border-radius: var(--wm-toggle-border-radius);
23
23
  background-color: var(--wm-toggle-background-color);
24
24
  }
25
- .app-toggle-handle-on .app-toggle-handle {
25
+ .app-toggle-on.handle{
26
26
  width: var(--wm-toggle-handle-width);
27
27
  height: var(--wm-toggle-handle-height);
28
28
  border-radius: var(--wm-toggle-handle-radius);
@@ -31,7 +31,7 @@
31
31
  background-color: var(--wm-toggle-handle-color);
32
32
  }
33
33
 
34
- .app-toggle-disabled {
34
+ .app-toggle-disabled.root{
35
35
  opacity: var(--wm-toggle-opacity);
36
36
  }
37
37
  .app-toggle-disabled.handle{
package/src/styles/mobile/components/navigation/appnavbar.less CHANGED
@@ -1,102 +1,66 @@
1
1
 
2
2
  .app-appnavbar {
3
- height: var(--wm-navbar-height);
4
- padding-left: var(--wm-navbar-padding-left);
5
- padding-right: var(--wm-navbar-padding-right);
6
- padding-top: var(--wm-navbar-padding-top);
7
- padding-bottom: var(--wm-navbar-padding-bottom);
8
- background-color: var(--wm-navbar-background-color);
9
3
  }
10
4
 
5
+ .app-appnavbar-action {
6
+ }
7
+
8
+ .app-appnavbar-left-section {
9
+ }
10
+
11
+ .app-appnavbar-middle-section {
12
+ }
13
+
14
+ .app-appnavbar-right-section {
15
+ }
11
16
 
12
17
  .app-appnavbar-left-icon {
13
- color: var(--wm-navbar-left-icon-color);
14
- font-size: var(--wm-navbar-left-icon-size);
15
18
  }
16
19
 
17
- .app-appnavbar-left-icon .app-icon-shape {
18
- color: var(--wm-navbar-left-icon-color);
19
- font-size: var(--wm-navbar-left-icon-size);
20
+ .app-appnavbar-left-icon .app-icon {
20
21
  }
21
22
 
22
23
  .app-appnavbar-back-icon {
23
- color: var(--wm-navbar-back-icon-color);
24
- font-size: var(--wm-navbar-back-icon-size);
25
24
  }
26
25
 
27
- .app-appnavbar-back-icon .app-icon-shape {
28
- color: var(--wm-navbar-back-icon-color);
29
- font-size: var(--wm-navbar-back-icon-size);
26
+ .app-appnavbar-back-icon .app-icon {
30
27
  }
31
28
 
32
29
  .app-appnavbar-image {
33
- width: var(--wm-navbar-image-width);
34
- height: var(--wm-navbar-image-height);
35
30
  }
36
31
 
37
32
  .app-appnavbar-content {
38
- color: var(--wm-navbar-content-color);
39
- font-size: var(--wm-navbar-content-font-size);
40
- font-weight: var(--wm-navbar-content-font-weight);
41
- font-family: var(--wm-navbar-content-font-family);
42
-
43
33
  }
44
34
 
45
35
  .app-appnavbar-badge {
46
- background-color: var(--wm-navbar-badge-background-color);
47
- color: var(--wm-navbar-badge-color);
48
- margin-left: var(--wm-navbar-badge-margin-left);
49
36
  }
50
37
 
51
38
  .navbar-anchor {
52
- padding-right: var(--wm-navbar-anchor-padding-right);
53
- padding-left: var(--wm-navbar-anchor-padding-left);
54
- padding-top: var(--wm-navbar-anchor-padding-top);
55
- padding-bottom: var(--wm-navbar-anchor-padding-bottom);
56
-
57
39
  }
58
40
 
59
41
  .navbar-anchor-text {
60
- color: var(--wm-navbar-anchor-text-color);
61
- font-size: var(--wm-navbar-anchor-text-font-size);
62
- font-weight: var(--wm-navbar-anchor-text-font-weight);
63
- font-family: var(--wm-navbar-anchor-text-font-family);
64
42
  }
65
43
 
66
44
  .navbar-anchor-icon {
67
- color: var(--wm-navbar-anchor-icon-color);
68
- font-size: var(--wm-navbar-anchor-icon-size);
69
45
  }
70
46
 
71
47
  .navbar-button-icon {
72
- color: var(--wm-navbar-button-icon-color);
73
- font-size: var(--wm-navbar-button-icon-size);
74
48
  }
75
49
 
76
50
  .navbar-button-text {
77
- color: var(--wm-navbar-button-color);
78
- font-size: var(--wm-navbar-button-font-size);
79
- font-weight: var(--wm-navbar-button-font-weight);
80
- font-family: var(--wm-navbar-button-font-family);
51
+ }
81
52
 
53
+ .navbarMenu.app-menu-trigger {
82
54
  }
83
55
 
84
- .navbarMenu.app-menu-trigger .app-anchor-icon .app-icon-shape {
85
- color: var(--wm-navbar-menu-icon-color);
86
- font-size: var(--wm-navbar-menu-icon-size);
56
+ .navbarMenu.app-menu-trigger .app-anchor-icon .app-icon {
87
57
  }
88
58
 
89
59
  .navbarMenu.app-menu-trigger .app-anchor-text {
90
- color: var(--wm-navbar-menu-icon-color);
91
- font-size: var(--wm-navbar-menu-icon-size);
92
60
  }
93
61
 
94
- .navbarPopover.app-popover-link .app-anchor-icon .app-icon-shape {
95
- color: var(--wm-navbar-popover-icon-color);
96
- font-size: var(--wm-navbar-popover-icon-size);
62
+ .navbarPopover.app-popover-link .app-anchor-icon .app-icon {
97
63
  }
98
64
 
99
65
  .navbarPopover.app-popover-link .app-anchor-text {
100
- color: var(--wm-navbar-popover-icon-color);
101
- font-size: var(--wm-navbar-popover-icon-size);
102
66
  }