@wavemaker/foundation-css 12.0.0-next.25480 → 12.0.0-next.28533

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (236) hide show
  1. package/cjs/foundation-css.cjs +5749 -5466
  2. package/cjs/src_tokens_mobile_components_accordion_accordion_json.foundation-css.cjs +4 -4
  3. package/cjs/src_tokens_mobile_components_anchor_anchor_json.foundation-css.cjs +4 -4
  4. package/cjs/src_tokens_mobile_components_audio_audio_json.foundation-css.cjs +3 -3
  5. package/cjs/src_tokens_mobile_components_badge_badge_json.foundation-css.cjs +3 -3
  6. package/cjs/src_tokens_mobile_components_barcodescanner_barcodescanner_json.foundation-css.cjs +3 -3
  7. package/cjs/src_tokens_mobile_components_bottomsheet_bottomsheet_json.foundation-css.cjs +4 -4
  8. package/cjs/src_tokens_mobile_components_breadcrumb_breadcrumb_json.foundation-css.cjs +3 -3
  9. package/cjs/src_tokens_mobile_components_button-group_button-group_json.foundation-css.cjs +3 -3
  10. package/cjs/src_tokens_mobile_components_button_button_json.foundation-css.cjs +4 -4
  11. package/cjs/src_tokens_mobile_components_calendar_calendar_json.foundation-css.cjs +3 -3
  12. package/cjs/src_tokens_mobile_components_camera_camera_json.foundation-css.cjs +4 -4
  13. package/cjs/src_tokens_mobile_components_cards_cards_json.foundation-css.cjs +4 -4
  14. package/cjs/src_tokens_mobile_components_carousel_carousel_json.foundation-css.cjs +4 -4
  15. package/cjs/src_tokens_mobile_components_checkbox_checkbox_json.foundation-css.cjs +3 -3
  16. package/cjs/src_tokens_mobile_components_checkboxset_checkboxset_json.foundation-css.cjs +3 -3
  17. package/cjs/src_tokens_mobile_components_chips_chips_json.foundation-css.cjs +3 -3
  18. package/cjs/src_tokens_mobile_components_container_container_json.foundation-css.cjs +4 -4
  19. package/cjs/src_tokens_mobile_components_currency_currency_json.foundation-css.cjs +3 -3
  20. package/cjs/src_tokens_mobile_components_datetime_datetime_json.foundation-css.cjs +3 -3
  21. package/cjs/src_tokens_mobile_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs +3 -3
  22. package/cjs/src_tokens_mobile_components_fileupload_fileupload_json.foundation-css.cjs +3 -3
  23. package/cjs/src_tokens_mobile_components_form-controls_form-controls_json.foundation-css.cjs +4 -4
  24. package/cjs/src_tokens_mobile_components_form-wrapper_form-wrapper_json.foundation-css.cjs +3 -3
  25. package/cjs/src_tokens_mobile_components_grid-layout_grid-layout_json.foundation-css.cjs +3 -3
  26. package/cjs/src_tokens_mobile_components_icon_icon_json.foundation-css.cjs +3 -3
  27. package/cjs/src_tokens_mobile_components_label_label_json.foundation-css.cjs +4 -4
  28. package/cjs/src_tokens_mobile_components_left-nav_left-nav_json.foundation-css.cjs +3 -3
  29. package/cjs/src_tokens_mobile_components_list_list_json.foundation-css.cjs +4 -4
  30. package/cjs/src_tokens_mobile_components_login_login_json.foundation-css.cjs +3 -3
  31. package/cjs/src_tokens_mobile_components_lottie_lottie_json.foundation-css.cjs +4 -4
  32. package/cjs/src_tokens_mobile_components_message_message_json.foundation-css.cjs +3 -3
  33. package/cjs/src_tokens_mobile_components_modal-dialog_modal-dialog_json.foundation-css.cjs +4 -4
  34. package/cjs/src_tokens_mobile_components_nav_nav_json.foundation-css.cjs +4 -4
  35. package/cjs/src_tokens_mobile_components_navbar_navbar_json.foundation-css.cjs +4 -4
  36. package/cjs/src_tokens_mobile_components_navitem_navitem_json.foundation-css.cjs +14 -0
  37. package/cjs/src_tokens_mobile_components_page-content_page-content_json.foundation-css.cjs +3 -3
  38. package/cjs/src_tokens_mobile_components_panel-footer_panel-footer_json.foundation-css.cjs +14 -0
  39. package/cjs/src_tokens_mobile_components_panel_panel_json.foundation-css.cjs +4 -4
  40. package/cjs/src_tokens_mobile_components_picture_picture_json.foundation-css.cjs +3 -3
  41. package/cjs/src_tokens_mobile_components_popover_popover_json.foundation-css.cjs +4 -4
  42. package/cjs/src_tokens_mobile_components_progress-bar_progress-bar_json.foundation-css.cjs +3 -3
  43. package/cjs/src_tokens_mobile_components_progress-circle_progress-circle_json.foundation-css.cjs +3 -3
  44. package/cjs/src_tokens_mobile_components_radioset_radioset_json.foundation-css.cjs +3 -3
  45. package/cjs/src_tokens_mobile_components_rating_rating_json.foundation-css.cjs +3 -3
  46. package/cjs/src_tokens_mobile_components_scrollbar_scrollbar_json.foundation-css.cjs +3 -3
  47. package/cjs/src_tokens_mobile_components_search_search_json.foundation-css.cjs +4 -4
  48. package/cjs/src_tokens_mobile_components_select_select_json.foundation-css.cjs +3 -3
  49. package/cjs/src_tokens_mobile_components_slider_slider_json.foundation-css.cjs +3 -3
  50. package/cjs/src_tokens_mobile_components_spinner_spinner_json.foundation-css.cjs +3 -3
  51. package/cjs/src_tokens_mobile_components_switch_switch_json.foundation-css.cjs +3 -3
  52. package/cjs/src_tokens_mobile_components_tabbar_tabbar_json.foundation-css.cjs +4 -4
  53. package/cjs/src_tokens_mobile_components_tabs_tabs_json.foundation-css.cjs +3 -3
  54. package/cjs/src_tokens_mobile_components_textarea_textarea_json.foundation-css.cjs +3 -3
  55. package/cjs/src_tokens_mobile_components_tile_tile_json.foundation-css.cjs +3 -3
  56. package/cjs/src_tokens_mobile_components_toast_toast_json.foundation-css.cjs +3 -3
  57. package/cjs/src_tokens_mobile_components_toggle_toggle_json.foundation-css.cjs +4 -4
  58. package/cjs/src_tokens_mobile_components_video_video_json.foundation-css.cjs +3 -3
  59. package/cjs/src_tokens_mobile_components_webview_webview_json.foundation-css.cjs +4 -4
  60. package/cjs/src_tokens_mobile_components_wizard_wizard_json.foundation-css.cjs +3 -3
  61. package/cjs/src_tokens_web_components_accordion_accordion_json.foundation-css.cjs +3 -3
  62. package/cjs/src_tokens_web_components_anchor_anchor_json.foundation-css.cjs +3 -3
  63. package/cjs/src_tokens_web_components_audio_audio_json.foundation-css.cjs +3 -3
  64. package/cjs/src_tokens_web_components_badge_badge_json.foundation-css.cjs +3 -3
  65. package/cjs/src_tokens_web_components_breadcrumb_breadcrumb_json.foundation-css.cjs +3 -3
  66. package/cjs/src_tokens_web_components_button-group_button-group_json.foundation-css.cjs +3 -3
  67. package/cjs/src_tokens_web_components_button_button_json.foundation-css.cjs +4 -4
  68. package/cjs/src_tokens_web_components_calendar_calendar_json.foundation-css.cjs +4 -4
  69. package/cjs/src_tokens_web_components_cards_cards_json.foundation-css.cjs +4 -4
  70. package/cjs/src_tokens_web_components_carousel_carousel_json.foundation-css.cjs +3 -3
  71. package/cjs/src_tokens_web_components_checkbox_checkbox_json.foundation-css.cjs +4 -4
  72. package/cjs/src_tokens_web_components_checkboxset_checkboxset_json.foundation-css.cjs +3 -3
  73. package/cjs/src_tokens_web_components_chips_chips_json.foundation-css.cjs +3 -3
  74. package/cjs/src_tokens_web_components_color-picker_color-picker_json.foundation-css.cjs +3 -3
  75. package/cjs/src_tokens_web_components_container_container_json.foundation-css.cjs +3 -3
  76. package/cjs/src_tokens_web_components_currency_currency_json.foundation-css.cjs +3 -3
  77. package/cjs/src_tokens_web_components_data-table_data-table_json.foundation-css.cjs +4 -4
  78. package/cjs/src_tokens_web_components_date_date_json.foundation-css.cjs +3 -3
  79. package/cjs/src_tokens_web_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs +4 -4
  80. package/cjs/src_tokens_web_components_fileupload_fileupload_json.foundation-css.cjs +3 -3
  81. package/cjs/src_tokens_web_components_form-controls_form-controls_json.foundation-css.cjs +4 -4
  82. package/cjs/src_tokens_web_components_grid-layout_grid-layout_json.foundation-css.cjs +3 -3
  83. package/cjs/src_tokens_web_components_icon_icon_json.foundation-css.cjs +3 -3
  84. package/cjs/src_tokens_web_components_iconbutton-toggleable_iconbutton-toggleable_json.foundation-css.cjs +14 -0
  85. package/cjs/src_tokens_web_components_iframe_iframe_json.foundation-css.cjs +3 -3
  86. package/cjs/src_tokens_web_components_label_label_json.foundation-css.cjs +3 -3
  87. package/cjs/src_tokens_web_components_list_list_json.foundation-css.cjs +3 -3
  88. package/cjs/src_tokens_web_components_message_message_json.foundation-css.cjs +3 -3
  89. package/cjs/src_tokens_web_components_modal-dialog_modal-dialog_json.foundation-css.cjs +3 -3
  90. package/cjs/src_tokens_web_components_nav_nav_json.foundation-css.cjs +3 -3
  91. package/cjs/src_tokens_web_components_page-content_page-content_json.foundation-css.cjs +4 -4
  92. package/cjs/src_tokens_web_components_page-footer_page-footer_json.foundation-css.cjs +3 -3
  93. package/cjs/src_tokens_web_components_page-header_page-header_json.foundation-css.cjs +3 -3
  94. package/cjs/src_tokens_web_components_page-left-nav_page-left-nav_json.foundation-css.cjs +4 -4
  95. package/cjs/src_tokens_web_components_page-right-nav_page-right-nav_json.foundation-css.cjs +4 -4
  96. package/cjs/src_tokens_web_components_page-top-nav_page-top-nav_json.foundation-css.cjs +3 -3
  97. package/cjs/src_tokens_web_components_pagination_pagination_json.foundation-css.cjs +3 -3
  98. package/cjs/src_tokens_web_components_panel_panel_json.foundation-css.cjs +3 -3
  99. package/cjs/src_tokens_web_components_picture_picture_json.foundation-css.cjs +3 -3
  100. package/cjs/src_tokens_web_components_popover_popover_json.foundation-css.cjs +4 -4
  101. package/cjs/src_tokens_web_components_progress-bar_progress-bar_json.foundation-css.cjs +3 -3
  102. package/cjs/src_tokens_web_components_progress-circle_progress-circle_json.foundation-css.cjs +4 -4
  103. package/cjs/src_tokens_web_components_radioset_radioset_json.foundation-css.cjs +3 -3
  104. package/cjs/src_tokens_web_components_rating_rating_json.foundation-css.cjs +4 -4
  105. package/cjs/src_tokens_web_components_richtext-editor_richtext-editor_json.foundation-css.cjs +3 -3
  106. package/cjs/src_tokens_web_components_scrollbar_scrollbar_json.foundation-css.cjs +3 -3
  107. package/cjs/src_tokens_web_components_search_search_json.foundation-css.cjs +3 -3
  108. package/cjs/src_tokens_web_components_slider_slider_json.foundation-css.cjs +14 -0
  109. package/cjs/src_tokens_web_components_spinner_spinner_json.foundation-css.cjs +3 -3
  110. package/cjs/src_tokens_web_components_switch_switch_json.foundation-css.cjs +4 -4
  111. package/cjs/src_tokens_web_components_tabs_tabs_json.foundation-css.cjs +4 -4
  112. package/cjs/src_tokens_web_components_tile_tile_json.foundation-css.cjs +3 -3
  113. package/cjs/src_tokens_web_components_time_time_json.foundation-css.cjs +3 -3
  114. package/cjs/src_tokens_web_components_toast_toast_json.foundation-css.cjs +3 -3
  115. package/cjs/src_tokens_web_components_toggle_toggle_json.foundation-css.cjs +3 -3
  116. package/cjs/src_tokens_web_components_video_video_json.foundation-css.cjs +3 -3
  117. package/cjs/src_tokens_web_components_wizard_wizard_json.foundation-css.cjs +3 -3
  118. package/foundation/foundation.css +668 -179
  119. package/foundation/foundation.min.css +1 -1
  120. package/native_mobile.index.d.ts +25 -0
  121. package/native_mobile.index.js +29 -3
  122. package/native_mobile.index.js.map +1 -1
  123. package/npm-shrinkwrap.json +359 -49
  124. package/package-lock.json +359 -49
  125. package/package.json +8 -7
  126. package/src/styles/mobile/components/advanced/carousel.less +10 -0
  127. package/src/styles/mobile/components/advanced/webview.less +6 -2
  128. package/src/styles/mobile/components/basic/anchor.less +2 -2
  129. package/src/styles/mobile/components/basic/bottomsheet.less +6 -0
  130. package/src/styles/mobile/components/basic/button.less +17 -5
  131. package/src/styles/mobile/components/basic/label.less +150 -15
  132. package/src/styles/mobile/components/basic/lottie.less +6 -3
  133. package/src/styles/mobile/components/basic/search.less +21 -2
  134. package/src/styles/mobile/components/container/panel/panel-footer.less +13 -1
  135. package/src/styles/mobile/components/container/panel.less +31 -34
  136. package/src/styles/mobile/components/container/tabs.less +1 -0
  137. package/src/styles/mobile/components/container.less +16 -4
  138. package/src/styles/mobile/components/data/card.less +4 -1
  139. package/src/styles/mobile/components/data/form.less +72 -27
  140. package/src/styles/mobile/components/data/list.less +10 -45
  141. package/src/styles/mobile/components/device/camera.less +4 -3
  142. package/src/styles/mobile/components/dialogs/dialog.less +56 -12
  143. package/src/styles/mobile/components/input/toggle.less +2 -0
  144. package/src/styles/mobile/components/navigation/appnavbar.less +12 -4
  145. package/src/styles/mobile/components/navigation/navitem.less +78 -17
  146. package/src/styles/mobile/components/navigation/popover.less +19 -4
  147. package/src/styles/mobile/components/page/tabbar.less +13 -2
  148. package/src/styles/mobile/components/tokens.light.css +192 -374
  149. package/src/styles/mobile/components/variables/carousel.variant.less +8 -0
  150. package/src/styles/mobile/components/variables/container.variant.less +26 -3
  151. package/src/styles/mobile/components/variables/form-controls.variant.less +8 -2
  152. package/src/styles/mobile/components/variables/label.variant.less +35 -4
  153. package/src/styles/mobile/components/variables/navitem.variant.less +14 -0
  154. package/src/styles/mobile/components/variables/toggle.variant.less +8 -0
  155. package/src/styles/mobile/studio/advanced/styles.less +1 -0
  156. package/src/styles/mobile/studio/advanced/webview.less +7 -0
  157. package/src/styles/mobile/studio/basic/label.less +22 -7
  158. package/src/styles/mobile/studio/basic/picture.less +6 -0
  159. package/src/styles/mobile/studio/basic/search.less +8 -0
  160. package/src/styles/mobile/studio/container/container.less +10 -3
  161. package/src/styles/mobile/studio/container/linearlayout.less +8 -0
  162. package/src/styles/mobile/studio/container/panel.less +3 -7
  163. package/src/styles/mobile/studio/container/styles.less +2 -1
  164. package/src/styles/mobile/studio/container/tabs.less +2 -1
  165. package/src/styles/mobile/studio/data/list.less +22 -0
  166. package/src/styles/mobile/studio/dialogs/base-dialog.less +152 -3
  167. package/src/styles/mobile/studio/input/form.less +61 -26
  168. package/src/styles/mobile/studio/layouts/appnavbar.less +11 -4
  169. package/src/styles/mobile/studio/layouts/page-content.less +1 -1
  170. package/src/styles/mobile/studio/layouts/tabbar.less +10 -2
  171. package/src/styles/mobile/studio/navigation/nav.less +19 -1
  172. package/src/styles/mobile/studio/navigation/popover.less +32 -1
  173. package/src/tokens/mobile/components/accordion/accordion.json +0 -28
  174. package/src/tokens/mobile/components/anchor/anchor.json +18 -0
  175. package/src/tokens/mobile/components/bottomsheet/bottomsheet.json +39 -5
  176. package/src/tokens/mobile/components/button/button.json +1 -3
  177. package/src/tokens/mobile/components/camera/camera.json +34 -8
  178. package/src/tokens/mobile/components/cards/cards.json +34 -8
  179. package/src/tokens/mobile/components/carousel/carousel.json +74 -2
  180. package/src/tokens/mobile/components/container/container.json +142 -12
  181. package/src/tokens/mobile/components/form-controls/form-controls.json +200 -56
  182. package/src/tokens/mobile/components/label/label.json +219 -21
  183. package/src/tokens/mobile/components/list/list.json +45 -135
  184. package/src/tokens/mobile/components/lottie/lottie.json +40 -7
  185. package/src/tokens/mobile/components/modal-dialog/modal-dialog.json +116 -54
  186. package/src/tokens/mobile/components/nav/nav.json +38 -83
  187. package/src/tokens/mobile/components/navbar/navbar.json +61 -0
  188. package/src/tokens/mobile/components/navitem/navitem.json +521 -0
  189. package/src/tokens/mobile/components/panel/panel.json +26 -60
  190. package/src/tokens/mobile/components/panel-footer/panel-footer.json +116 -0
  191. package/src/tokens/mobile/components/popover/popover.json +102 -18
  192. package/src/tokens/mobile/components/search/search.json +133 -9
  193. package/src/tokens/mobile/components/tabbar/tabbar.json +29 -11
  194. package/src/tokens/mobile/components/toggle/toggle.json +68 -0
  195. package/src/tokens/mobile/components/webview/webview.json +45 -4
  196. package/src/tokens/mobile/global/box-shadow/box-shadow.json +6 -0
  197. package/src/tokens/mobile/global/font/font.json +33 -0
  198. package/src/tokens/mobile/global/opacity/opacity.json +2 -3
  199. package/src/tokens/web/components/button/button.json +1 -1
  200. package/src/tokens/web/components/calendar/Token.Readme.md +55 -22
  201. package/src/tokens/web/components/calendar/calendar.json +422 -152
  202. package/src/tokens/web/components/cards/cards.json +5 -5
  203. package/src/tokens/web/components/checkbox/Token.Readme.md +1 -0
  204. package/src/tokens/web/components/checkbox/checkbox.json +8 -0
  205. package/src/tokens/web/components/data-table/data-table.json +27 -2
  206. package/src/tokens/web/components/dropdown-menu/dropdown-menu.json +2 -2
  207. package/src/tokens/web/components/form-controls/Token.Readme.md +1 -0
  208. package/src/tokens/web/components/form-controls/form-controls.json +19 -2
  209. package/src/tokens/web/components/iconbutton-toggleable/Readme.md +17 -0
  210. package/src/tokens/web/components/iconbutton-toggleable/Token.Readme.md +19 -0
  211. package/src/tokens/web/components/iconbutton-toggleable/iconbutton-toggleable.json +557 -0
  212. package/src/tokens/web/components/page-content/page-content.json +1 -1
  213. package/src/tokens/web/components/page-left-nav/page-left-nav.json +1 -1
  214. package/src/tokens/web/components/page-right-nav/Readme.md +4 -4
  215. package/src/tokens/web/components/page-right-nav/page-right-nav.json +4 -4
  216. package/src/tokens/web/components/popover/Token.Readme.md +3 -2
  217. package/src/tokens/web/components/popover/popover.json +26 -16
  218. package/src/tokens/web/components/progress-circle/Token.Readme.md +6 -1
  219. package/src/tokens/web/components/progress-circle/progress-circle.json +40 -0
  220. package/src/tokens/web/components/rating/rating.json +2 -2
  221. package/src/tokens/web/components/slider/Token.Readme.md +24 -0
  222. package/src/tokens/web/components/slider/slider.json +153 -0
  223. package/src/tokens/web/components/switch/switch.json +1 -1
  224. package/src/tokens/web/components/tabs/Token.Readme.md +4 -0
  225. package/src/tokens/web/components/tabs/tabs.json +33 -1
  226. package/src/tokens/web/global/elevation/elevation.json +5 -5
  227. package/src/utils/style-dictionary-utils.js +25 -40
  228. package/src/utils/style-dictionary-utils.js.map +1 -1
  229. package/web.index.js +21 -2
  230. package/web.index.js.map +1 -1
  231. package/cjs/src_tokens_mobile_components_page-layout_page-layout_json.foundation-css.cjs +0 -14
  232. package/cjs/src_tokens_mobile_components_pagination_pagination_json.foundation-css.cjs +0 -14
  233. package/cjs/src_tokens_mobile_components_richtext-editor_richtext-editor_json.foundation-css.cjs +0 -14
  234. package/src/tokens/mobile/components/page-layout/page-layout.json +0 -738
  235. package/src/tokens/mobile/components/pagination/pagination.json +0 -250
  236. package/src/tokens/mobile/components/richtext-editor/richtext-editor.json +0 -546
@@ -23,7 +23,6 @@
23
23
  --wm-barcodescanner-padding-top: 10px;
24
24
  --wm-barcodescanner-ripple-color: transparent;
25
25
  --wm-bottomsheet-backdrop-background: rgba(0,0,0,0.1);
26
- --wm-bottomsheet-border-width: 1;
27
26
  --wm-bottomsheet-border-color: transparent;
28
27
  --wm-bottomsheet-handle-border-width: 1;
29
28
  --wm-bottomsheet-handle-border-color: transparent;
@@ -63,7 +62,6 @@
63
62
  --wm-camera-border-radius: 20px;
64
63
  --wm-camera-min-height: 30px;
65
64
  --wm-camera-min-width: 40px;
66
- --wm-camera-padding: 0;
67
65
  --wm-card-header-width: 100%;
68
66
  --wm-card-header-background-color: transparent;
69
67
  --wm-card-border-radius: 6px;
@@ -115,8 +113,8 @@
115
113
  --wm-dropdown-menu-border-width: 0;
116
114
  --wm-fileupload-text-align: center;
117
115
  --wm-fileupload-ripple-color: transparent;
118
- --wm-form-controls-opacity: 1px;
119
116
  --wm-form-controls-min-height: 48px;
117
+ --wm-form-controls-min-width: 160px;
120
118
  --wm-grid-layout-width: 100%;
121
119
  --wm-icon-size: 24px;
122
120
  --wm-icon-size-xs: 12px;
@@ -127,6 +125,7 @@
127
125
  --wm-icon-size-3x: 42px;
128
126
  --wm-icon-size-4x: 48px;
129
127
  --wm-icon-size-5x: 54px;
128
+ --wm-label-background-color: none;
130
129
  --wm-label-large-font-size: 14px;
131
130
  --wm-label-large-line-height: 20px;
132
131
  --wm-label-large-letter-spacing: 0.1px;
@@ -139,11 +138,8 @@
139
138
  --wm-left-panel-min-height: 100%;
140
139
  --wm-left-panel-background: #ffffff;
141
140
  --wm-left-panel-max-width: 360px;
142
- --wm-list-heading-margin-bottom: 6px;
143
- --wm-list-heading-background-color: transparent;
144
- --wm-list-item-border-radius: 6px;
145
- --wm-list-item-min-height: 56px;
146
- --wm-lottie-content-width: 100%;
141
+ --wm-list-background-color: transparent;
142
+ --wm-list-border-color: transparent;
147
143
  --wm-message-container-border-radius: 6px;
148
144
  --wm-message-icon-size: 20px;
149
145
  --wm-message-close-btn-border-radius: 6px;
@@ -152,15 +148,15 @@
152
148
  --wm-message-close-btn-ripple-color: transparent;
153
149
  --wm-modal-z-index: 1000;
154
150
  --wm-modal-min-width: 320px;
155
- --wm-modal-max-height: 793px;
156
151
  --wm-modal-header-border-color: #cccccc;
157
- --wm-modal-header-close-btn-margin: 0;
158
152
  --wm-modal-header-close-btn-border-width: 0;
153
+ --wm-modal-header-close-btn-border-color: #cccccc;
159
154
  --wm-modal-header-close-btn-font-size: 14px;
160
155
  --wm-modal-header-close-btn-color: #aaaaaa;
161
- --wm-nav-item-background: #ffffff;
162
- --wm-nav-item-min-height: 44px;
163
- --wm-nav-item-color: #151420;
156
+ --wm-modal-title-color: #000000;
157
+ --wm-modal-icon-color: #000000;
158
+ --wm-modal-description-color: #000000;
159
+ --wm-nav-partial-container-background: transparent;
164
160
  --wm-navbar-height: 80px;
165
161
  --wm-navbar-image-width: 32px;
166
162
  --wm-navbar-image-height: 32px;
@@ -170,54 +166,19 @@
170
166
  --wm-navbar-anchor-padding-left: 0px;
171
167
  --wm-navbar-anchor-padding-top: 0px;
172
168
  --wm-navbar-anchor-padding-bottom: 0px;
173
- --wm-app-font-smoothing: antialiased;
174
- --wm-app-text-transform: none;
175
- --wm-app-margin: 0;
176
- --wm-app-padding: 0;
177
- --wm-aside-panel-width: 220px;
178
- --wm-aside-panel-border-style: solid;
179
- --wm-aside-panel-border-width: 0px 1px 0px 0px;
180
- --wm-aside-panel-rail-width: 102px;
181
- --wm-aside-panel-rail-border-style: solid;
182
- --wm-aside-panel-rail-border-width: 0px 1px 0px 0px;
183
- --wm-aside-nav-item-min-height: 56px;
184
- --wm-aside-nav-item-icon-background: inherit;
185
- --wm-aside-nav-item-icon-background-active: inherit;
186
- --wm-aside-nav-item-icon-color: inherit;
187
- --wm-aside-nav-item-icon-color-active: inherit;
188
- --wm-aside-nav-item-background: none;
189
- --wm-aside-nav-item-indicator-width: 1px;
190
- --wm-aside-nav-item-indicator-height: 100%;
191
- --wm-aside-nav-item-indicator-position-top: 0;
192
- --wm-aside-nav-item-indicator-position-right: 0;
193
- --wm-aside-nav-item-indicator-position-bottom: 0;
194
- --wm-aside-nav-item-indicator-position-left: auto;
195
- --wm-aside-nav-item-indicator-radius: 0;
196
- --wm-aside-nav-item-indicator-color: none;
197
- --wm-aside-nav-submenu-box-shadow: none;
198
- --wm-aside-nav-submenu-item-min-height: 44px;
199
- --wm-aside-nav-rail-item-height: 90px;
200
- --wm-aside-nav-rail-item-icon-size: 24px;
201
- --wm-aside-nav-rail-item-icon-width: 40px;
202
- --wm-aside-nav-rail-item-icon-height: 40px;
203
- --wm-aside-nav-rail-item-icon-background: none;
204
- --wm-aside-nav-rail-item-icon-background-active: none;
205
- --wm-aside-nav-rail-item-icon-state-layer-color: none;
206
- --wm-aside-nav-rail-submenu-width: 260px;
207
- --wm-aside-nav-rail-submenu-item-min-height: 44px;
208
- --wm-pagination-page-item-link-height: 32px;
209
- --wm-pagination-page-item-link-width: 32px;
210
- --wm-pagination-pager-link-elevation: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
211
- --wm-pagination-pager-link-background: transparent;
212
- --wm-pagination-pager-link-min-width: auto;
213
- --wm-pagination-pager-link-min-height: 32px;
214
- --wm-pagination-pager-previous-link-background: transparent;
215
- --wm-pagination-pagecount-input-height: 32px;
216
- --wm-pagination-pagecount-input-width: 48px;
217
- --wm-horizontal-page-slider-anchor-width: 32px;
218
- --wm-popover-position: absolute;
169
+ --wm-navbar-border-radius: 0px;
170
+ --wm-navitem-badge-text-align: center;
171
+ --wm-navitem-badge-align-self: unset;
172
+ --wm-navitem-text-decoration: none;
173
+ --wm-navitem-text-flex: 1;
174
+ --wm-panel-footer-border-radius: 6px;
175
+ --wm-panel-footer-min-height: 64px;
219
176
  --wm-popover-width: 100%;
220
177
  --wm-popover-min-height: 240px;
178
+ --wm-popover-link-background-color: transparent;
179
+ --wm-popover-link-height: auto;
180
+ --wm-popover-link-width: auto;
181
+ --wm-popover-link-min-height: auto;
221
182
  --wm-progress-bar-height: 16px;
222
183
  --wm-progress-circle-width: 150px;
223
184
  --wm-progress-circle-height: 150px;
@@ -230,22 +191,6 @@
230
191
  --wm-rating-opacity: 1;
231
192
  --wm-rating-icon-size: 32px;
232
193
  --wm-rating-text-size: 32px;
233
- --wm-note-editor-note-code-font-family: Menlo, Monaco, monospace, sans-serif;
234
- --wm-note-editor-btn-min-height: 28px;
235
- --wm-note-editor-btn-width: 28px;
236
- --wm-note-editor-dropdown-menu-width: 200px;
237
- --wm-note-editor-dropdown-menu-max-height: 250px;
238
- --wm-note-editor-dropdown-menu-min-width: 180px;
239
- --wm-note-editor-blockquote-border-width: 4px;
240
- --wm-note-editor-tooltip-content-max-width: 200px;
241
- --wm-note-editor-tooltip-arrow-border-width: 5px;
242
- --wm-note-editor-color-btn-size: 16px;
243
- --wm-note-editor-color-select-btn-width: 40px;
244
- --wm-note-editor-color-select-btn-height: 14px;
245
- --wm-note-editor-color-select-btn-min-height: 14px;
246
- --wm-note-editor-palette-width: 160px;
247
- --wm-note-editor-popover-content-min-width: 100px;
248
- --wm-note-editor-popover-content-min-height: 30px;
249
194
  --wm-scroll-bar-width: 6px;
250
195
  --wm-scroll-bar-height: 6px;
251
196
  --wm-scroll-bar-track-radius: 6px;
@@ -254,6 +199,7 @@
254
199
  --wm-search-dropdown-border-color: transparent;
255
200
  --wm-search-dropdown-border-width: 0;
256
201
  --wm-search-btn-ripple-color: rgba(255, 255, 255, 0.08);
202
+ --wm-search-btn-width: auto;
257
203
  --wm-search-data-complete-background: transparent;
258
204
  --wm-search-item-separator-width: 0;
259
205
  --wm-select-arrow-button-height: 12px;
@@ -296,7 +242,6 @@
296
242
  --wm-toggle-opacity: 1;
297
243
  --wm-video-width: 340px;
298
244
  --wm-video-height: 300px;
299
- --wm-webview-container-min-height: 100px;
300
245
  --wm-wizard-body-height: 50vh;
301
246
  --wm-wizard-step-indicator-size: 33px;
302
247
  --wm-wizard-step-indicator-background-color: transparent;
@@ -323,6 +268,7 @@
323
268
  --wm-box-shadow-3: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
324
269
  --wm-box-shadow-4: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.30);
325
270
  --wm-box-shadow-5: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.30);
271
+ --wm-box-shadow-none: none;
326
272
  --wm-color-primary: #FF7250;
327
273
  --wm-color-primary-container: #ffe3dc;
328
274
  --wm-color-primary-fixed: #ffe8e2;
@@ -428,6 +374,9 @@
428
374
  --wm-h6-font-size: 14px;
429
375
  --wm-h6-line-height: 20px;
430
376
  --wm-h6-letter-spacing: 0.1px;
377
+ --wm-p-font-size: 12px;
378
+ --wm-p-line-height: 18px;
379
+ --wm-p-letter-spacing: 0.1px;
431
380
  --wm-display-large-font-size: 57px;
432
381
  --wm-display-large-line-height: 64px;
433
382
  --wm-display-large-letter-spacing: -0.25px;
@@ -439,9 +388,8 @@
439
388
  --wm-display-small-letter-spacing: 0px;
440
389
  --wm-gap-base: 4px;
441
390
  --wm-margin-base: 4px;
442
- --wm-opacity-hover: 8%;
443
391
  --wm-opacity-focus: 12%;
444
- --wm-opacity-active: 16%;
392
+ --wm-opacity-active: 100%;
445
393
  --wm-radius-base: 2px;
446
394
  --wm-radius-none: 0px;
447
395
  --wm-radius-xxs: 2px;
@@ -483,9 +431,6 @@
483
431
  --wm-accordion-header-border-bottom-width: var(--wm-border-width-1);
484
432
  --wm-accordion-header-background-color: var(--wm-color-white);
485
433
  --wm-accordion-header-padding: var(--wm-space-2);
486
- --wm-accordion-icon-root-width: var(--wm-space-6);
487
- --wm-accordion-icon-root-height: var(--wm-space-6);
488
- --wm-accordion-icon-root-border-radius: var(--wm-space-6);
489
434
  --wm-accordion-icon-color: var(--wm-color-on-background);
490
435
  --wm-accordion-icon-font-size: var(--wm-spacer);
491
436
  --wm-accordion-icon-font-weight: var(--wm-font-weight-700);
@@ -499,6 +444,8 @@
499
444
  --wm-anchor-font-size: var(--wm-body-medium-font-size);
500
445
  --wm-anchor-line-height: var(--wm-body-medium-line-height);
501
446
  --wm-anchor-letter-spacing: var(--wm-body-medium-letter-spacing);
447
+ --wm-anchor-text-padding-left: var(--wm-space-2);
448
+ --wm-anchor-text-padding-right: var(--wm-space-2);
502
449
  --wm-anchor-gap: var(--wm-space-1);
503
450
  --wm-anchor-icon-size: var(--wm-icon-size);
504
451
  --wm-anchor-image-size: var(--wm-icon-size);
@@ -540,6 +487,10 @@
540
487
  --wm-barcodescanner-border-radius: var(--wm-space-5);
541
488
  --wm-bottomsheet-background: var(--wm-color-surface-bright);
542
489
  --wm-bottomsheet-border-radius: var(--wm-radius-lg);
490
+ --wm-bottomsheet-border-width-top: var(--wm-border-width-0);
491
+ --wm-bottomsheet-border-width-bottom: var(--wm-border-width-0);
492
+ --wm-bottomsheet-border-width-left: var(--wm-border-width-0);
493
+ --wm-bottomsheet-border-width-right: var(--wm-border-width-0);
543
494
  --wm-bottomsheet-margin-left: var(--wm-space-0);
544
495
  --wm-bottomsheet-margin-right: var(--wm-space-0);
545
496
  --wm-bottomsheet-handle-background: var(--wm-color-surface-bright);
@@ -600,7 +551,14 @@
600
551
  --wm-calendar-header-skeleton-margin-bottom: var(--wm-space-4);
601
552
  --wm-camera-background: var(--wm-color-white);
602
553
  --wm-camera-border-width: var(--wm-border-width-1);
603
- --wm-card-header-padding: var(--wm-space-2);
554
+ --wm-camera-padding-top: var(--wm-space-3);
555
+ --wm-camera-padding-bottom: var(--wm-space-3);
556
+ --wm-camera-padding-left: var(--wm-space-3);
557
+ --wm-camera-padding-right: var(--wm-space-3);
558
+ --wm-card-header-padding-left: var(--wm-space-2);
559
+ --wm-card-header-padding-right: var(--wm-space-2);
560
+ --wm-card-header-padding-top: var(--wm-space-2);
561
+ --wm-card-header-padding-bottom: var(--wm-space-2);
604
562
  --wm-card-border-width: var(--wm-border-width-base);
605
563
  --wm-card-border-color: var(--wm-color-outline-variant);
606
564
  --wm-carousel-slide-padding-horizontal: var(--wm-space-4);
@@ -668,7 +626,10 @@
668
626
  --wm-chips-item-letter-spacing: var(--wm-label-large-letter-spacing);
669
627
  --wm-chips-item-avatar-size: var(--wm-icon-size);
670
628
  --wm-chips-item-avatar-radius: var(--wm-radius-pill);
671
- --wm-container-border-width: var(--wm-border-width-0);
629
+ --wm-container-border-width-top: var(--wm-border-width-0);
630
+ --wm-container-border-width-bottom: var(--wm-border-width-0);
631
+ --wm-container-border-width-left: var(--wm-border-width-0);
632
+ --wm-container-border-width-right: var(--wm-border-width-0);
672
633
  --wm-container-border-radius: var(--wm-radius-none);
673
634
  --wm-container-padding-top: var(--wm-space-0);
674
635
  --wm-container-padding-bottom: var(--wm-space-0);
@@ -721,11 +682,18 @@
721
682
  --wm-fileupload-text-color: var(--wm-color-primary);
722
683
  --wm-fileupload-icon-font-size: var(--wm-body-large-font-size);
723
684
  --wm-fileupload-icon-color: var(--wm-color-primary);
724
- --wm-form-controls-padding-vertical: var(--wm-space-2);
725
- --wm-form-controls-padding-horizontal: var(--wm-space-2);
685
+ --wm-form-controls-opacity: var(--wm-border-width-1);
686
+ --wm-form-controls-font-size: var(--wm-body-large-font-size);
687
+ --wm-form-controls-padding-top: var(--wm-space-2);
688
+ --wm-form-controls-padding-left: var(--wm-space-2);
689
+ --wm-form-controls-padding-right: var(--wm-space-2);
690
+ --wm-form-controls-padding-bottom: var(--wm-space-2);
726
691
  --wm-form-controls-border-color: var(--wm-color-outline);
727
692
  --wm-form-controls-border-radius: var(--wm-radius-sm);
728
- --wm-form-controls-border-width: var(--wm-border-width-base);
693
+ --wm-form-controls-border-top-width: var(--wm-border-width-1);
694
+ --wm-form-controls-border-left-width: var(--wm-border-width-1);
695
+ --wm-form-controls-border-right-width: var(--wm-border-width-1);
696
+ --wm-form-controls-border-bottom-width: var(--wm-border-width-1);
729
697
  --wm-form-controls-placeholder-color: var(--wm-color-on-surface);
730
698
  --wm-form-controls-background: var(--wm-color-outline-variant);
731
699
  --wm-form-controls-color: var(--wm-color-black);
@@ -781,10 +749,21 @@
781
749
  --wm-icon-height: var(--wm-icon-size);
782
750
  --wm-icon-gap: var(--wm-space-1);
783
751
  --wm-label-color: var(--wm-color-on-surface);
784
- --wm-label-margin: var(--wm-space-0);
752
+ --wm-label-line-height: var(--wm-body-medium-line-height);
753
+ --wm-label-letter-spacing: var(--wm-body-medium-letter-spacing);
754
+ --wm-label-margin-left: var(--wm-space-0);
755
+ --wm-label-margin-right: var(--wm-space-0);
756
+ --wm-label-margin-top: var(--wm-space-0);
757
+ --wm-label-margin-bottom: var(--wm-space-0);
785
758
  --wm-label-asterisk-color: var(--wm-color-error);
786
- --wm-label-padding: var(--wm-space-0);
759
+ --wm-label-padding-left: var(--wm-space-0);
760
+ --wm-label-padding-right: var(--wm-space-0);
761
+ --wm-label-padding-top: var(--wm-space-0);
762
+ --wm-label-padding-bottom: var(--wm-space-0);
787
763
  --wm-label-font-size: var(--wm-body-large-font-size);
764
+ --wm-label-border-radius: var(--wm-border-width-0);
765
+ --wm-label-border-width: var(--wm-border-width-0);
766
+ --wm-label-border-color: var(--wm-color-primary);
788
767
  --wm-label-large-font-family: var(--wm-font-family-brand);
789
768
  --wm-label-large-font-weight: var(--wm-font-weight-500);
790
769
  --wm-label-medium-font-family: var(--wm-font-family-brand);
@@ -793,19 +772,12 @@
793
772
  --wm-label-small-font-weight: var(--wm-font-weight-500);
794
773
  --wm-left-panel-border-top-right-radius: var(--wm-radius-lg);
795
774
  --wm-left-panel-border-bottom-right-radius: var(--wm-radius-lg);
796
- --wm-list-heading-padding: var(--wm-space-2);
797
- --wm-list-title-line-height: var(--wm-body-large-line-height);
798
- --wm-list-title-font-size: var(--wm-body-large-font-size);
799
- --wm-list-title-color: var(--wm-color-on-surface);
800
- --wm-list-title-font-family: var(--wm-font-family-plain);
801
- --wm-list-sub-heading-font-size: var(--wm-body-medium-font-size);
802
- --wm-list-sub-heading-line-height: var(--wm-body-medium-line-height);
803
- --wm-list-sub-heading-color: var(--wm-color-on-surface);
804
- --wm-list-sub-heading-font-family: var(--wm-font-family-plain);
805
- --wm-list-item-padding: var(--wm-space-1);
806
- --wm-list-item-header-background-color: var(--wm-color-surface-container-lowest);
807
- --wm-list-select-icon-font-size: var(--wm-body-medium-font-size);
808
- --wm-list-select-icon-color: var(--wm-color-primary);
775
+ --wm-list-padding-top: var(--wm-space-0);
776
+ --wm-list-padding-bottom: var(--wm-space-0);
777
+ --wm-list-padding-left: var(--wm-space-0);
778
+ --wm-list-padding-right: var(--wm-space-0);
779
+ --wm-list-border-width: var(--wm-border-width-0);
780
+ --wm-list-border-radius: var(--wm-radius-none);
809
781
  --wm-login-error-text-color: var(--wm-color-on-error);
810
782
  --wm-login-error-background-color: var(--wm-color-error);
811
783
  --wm-login-error-border-color: var(--wm-color-error);
@@ -814,7 +786,11 @@
814
786
  --wm-login-form-padding-bottom: var(--wm-space-9);
815
787
  --wm-login-form-padding-left: var(--wm-space-9);
816
788
  --wm-login-form-padding-right: var(--wm-space-9);
817
- --wm-lottie-content-height: var(--wm-spacer-7);
789
+ --wm-lottie-background-color: var(--wm-color-white);
790
+ --wm-lottie-padding-top: var(--wm-space-0);
791
+ --wm-lottie-padding-bottom: var(--wm-space-0);
792
+ --wm-lottie-padding-left: var(--wm-space-2);
793
+ --wm-lottie-padding-right: var(--wm-space-2);
818
794
  --wm-message-container-border-width: var(--wm-border-width-base);
819
795
  --wm-message-container-border-color: var(--wm-color-primary);
820
796
  --wm-message-container-background: var(--wm-color-primary);
@@ -835,24 +811,24 @@
835
811
  --wm-modal-background: var(--wm-color-surface-container-high);
836
812
  --wm-modal-radius: var(--wm-radius-lg);
837
813
  --wm-modal-header-padding: var(--wm-space-4);
838
- --wm-modal-header-border-width: var(--wm-border-width-base);
839
- --wm-modal-title-gap: var(--wm-space-1);
840
- --wm-modal-title-font-size: var(--wm-h3-font-size);
814
+ --wm-modal-header-border-width: var(--wm-border-width-0);
815
+ --wm-modal-header-close-btn-background: var(--wm-color-transparent);
816
+ --wm-modal-header-background: var(--wm-color-surface-container-high);
817
+ --wm-modal-title-font-size: var(--wm-h4-font-size);
841
818
  --wm-modal-title-line-height: var(--wm-h3-line-height);
842
819
  --wm-modal-title-letter-spacing: var(--wm-h3-letter-spacing);
843
820
  --wm-modal-body-padding: var(--wm-space-6);
844
821
  --wm-modal-footer-padding: var(--wm-space-6);
845
- --wm-modal-footer-gap: var(--wm-space-3);
846
- --wm-modal-footer-btn-padding-vertical: var(--wm-space-3);
847
- --wm-modal-footer-btn-padding-horizontal: var(--wm-space-6);
848
822
  --wm-modal-icon-font-size: var(--wm-h4-font-size);
849
- --wm-nav-item-font-size: var(--wm-label-large-font-size);
850
- --wm-nav-item-line-height: var(--wm-label-large-line-height);
851
- --wm-nav-item-letter-spacing: var(--wm-label-large-letter-spacing);
852
- --wm-nav-item-padding-left: var(--wm-space-3);
853
- --wm-nav-item-padding-right: var(--wm-space-3);
854
- --wm-nav-item-padding-top: var(--wm-space-3);
855
- --wm-nav-item-padding-bottom: var(--wm-space-3);
823
+ --wm-modal-description-font-size: var(--wm-body-medium-font-size);
824
+ --wm-modal-btn-ok-background: var(--wm-color-secondary);
825
+ --wm-modal-btn-ok-color: var(--wm-color-on-secondary);
826
+ --wm-modal-btn-cancel-background: var(--wm-color-on-secondary);
827
+ --wm-modal-btn-cancel-color: var(--wm-color-on-secondary-container);
828
+ --wm-nav-background: var(--wm-color-surface-container-lowest);
829
+ --wm-nav-left-panel-background: var(--wm-color-surface-container-lowest);
830
+ --wm-nav-partial-background: var(--wm-color-transparent);
831
+ --wm-nav-navbar-background: var(--wm-color-surface-container-lowest);
856
832
  --wm-navbar-background-color: var(--wm-color-surface);
857
833
  --wm-navbar-padding-left: var(--wm-space-3);
858
834
  --wm-navbar-padding-right: var(--wm-space-3);
@@ -875,129 +851,62 @@
875
851
  --wm-navbar-anchor-icon-size: var(--wm-icon-size);
876
852
  --wm-navbar-button-color: var(--wm-color-on-surface);
877
853
  --wm-navbar-button-font-size: var(--wm-body-large-font-size);
854
+ --wm-navbar-border-color: var(--wm-color-surface);
855
+ --wm-navbar-border-width-top: var(--wm-border-width-0);
856
+ --wm-navbar-border-width-bottom: var(--wm-border-width-0);
857
+ --wm-navbar-border-width-left: var(--wm-border-width-0);
858
+ --wm-navbar-border-width-right: var(--wm-border-width-0);
859
+ --wm-navitem-background: var(--wm-color-surface-container-lowest);
860
+ --wm-navitem-font-size: var(--wm-label-large-font-size);
861
+ --wm-navitem-font-weight: var(--wm-font-weight-600);
862
+ --wm-navitem-line-height: var(--wm-label-large-line-height);
863
+ --wm-navitem-letter-spacing: var(--wm-label-large-letter-spacing);
864
+ --wm-navitem-color: var(--wm-color-on-secondary-fixed);
865
+ --wm-navitem-icon-size: var(--wm-icon-size);
866
+ --wm-navitem-icon-color: var(--wm-color-on-secondary-container);
867
+ --wm-navitem-icon-padding-left: var(--wm-space-0);
868
+ --wm-navitem-icon-padding-right: var(--wm-space-0);
869
+ --wm-navitem-icon-padding-top: var(--wm-space-0);
870
+ --wm-navitem-icon-padding-bottom: var(--wm-space-0);
871
+ --wm-navitem-padding-left: var(--wm-space-4);
872
+ --wm-navitem-padding-right: var(--wm-space-4);
873
+ --wm-navitem-padding-top: var(--wm-space-4);
874
+ --wm-navitem-padding-bottom: var(--wm-space-4);
875
+ --wm-navitem-margin-left: var(--wm-space-3);
876
+ --wm-navitem-margin-right: var(--wm-space-3);
877
+ --wm-navitem-margin-top: var(--wm-space-0);
878
+ --wm-navitem-margin-bottom: var(--wm-space-0);
879
+ --wm-navitem-border-radius: var(--wm-radius-pill);
880
+ --wm-navitem-badge-margin-left: var(--wm-space-0);
881
+ --wm-navitem-badge-margin-right: var(--wm-space-1);
882
+ --wm-navitem-badge-margin-top: var(--wm-space-0);
883
+ --wm-navitem-badge-margin-bottom: var(--wm-space-0);
884
+ --wm-navitem-badge-background: var(--wm-color-secondary-fixed-dim);
885
+ --wm-navitem-badge-font-size: var(--wm-label-large-font-size);
886
+ --wm-navitem-badge-font-weight: var(--wm-font-weight-600);
887
+ --wm-navitem-badge-border-radius: var(--wm-radius-circle);
888
+ --wm-navitem-badge-min-width: var(--wm-space-6);
889
+ --wm-navitem-badge-min-height: var(--wm-space-6);
890
+ --wm-navitem-badge-line-height: var(--wm-space-6);
891
+ --wm-navitem-badge-color: var(--wm-color-on-secondary-fixed);
892
+ --wm-navitem-text-padding-left: var(--wm-space-2);
893
+ --wm-navitem-text-padding-right: var(--wm-space-2);
894
+ --wm-navitem-text-padding-top: var(--wm-space-0);
895
+ --wm-navitem-text-padding-bottom: var(--wm-space-0);
896
+ --wm-navitem-child-background-color: var(--wm-color-surface-container-lowest);
897
+ --wm-navitem-child-color: var(--wm-color-on-secondary-fixed);
898
+ --wm-navitem-caret-color: var(--wm-color-on-secondary-fixed);
878
899
  --wm-page-content-background: var(--wm-color-surface-variant);
879
900
  --wm-page-content-padding: var(--wm-space-0);
880
- --wm-app-font-size: var(--wm-body-medium-font-size);
881
- --wm-app-line-height: var(--wm-body-medium-line-height);
882
- --wm-app-letter-spacing: var(--wm-body-medium-letter-spacing);
883
- --wm-app-background: var(--wm-color-surface);
884
- --wm-app-color: var(--wm-color-on-background);
885
- --wm-aside-panel-background: var(--wm-color-surface);
886
- --wm-aside-panel-color: var(--wm-color-on-surface-variant);
887
- --wm-aside-panel-border-color: var(--wm-color-outline-variant);
888
- --wm-aside-panel-border-radius: var(--wm-radius-none);
889
- --wm-aside-panel-shadow: var(--wm-elevation-shadow-none);
890
- --wm-aside-panel-padding-top: var(--wm-space-5);
891
- --wm-aside-panel-padding-right: var(--wm-space-0);
892
- --wm-aside-panel-padding-bottom: var(--wm-space-0);
893
- --wm-aside-panel-padding-left: var(--wm-space-0);
894
- --wm-aside-panel-rail-background: var(--wm-color-surface);
895
- --wm-aside-panel-rail-color: var(--wm-color-on-surface-variant);
896
- --wm-aside-panel-rail-border-color: var(--wm-color-outline-variant);
897
- --wm-aside-panel-rail-border-radius: var(--wm-radius-none);
898
- --wm-aside-panel-rail-shadow: var(--wm-elevation-shadow-none);
899
- --wm-aside-panel-rail-padding-top: var(--wm-space-7);
900
- --wm-aside-panel-rail-padding-right: var(--wm-space-0);
901
- --wm-aside-panel-rail-padding-bottom: var(--wm-space-0);
902
- --wm-aside-panel-rail-padding-left: var(--wm-space-0);
903
- --wm-aside-nav-padding: var(--wm-space-0);
904
- --wm-aside-nav-gap: var(--wm-space-1);
905
- --wm-aside-nav-item-padding: var(--wm-space-2) var(--wm-space-6);
906
- --wm-aside-nav-item-font-size: var(--wm-label-large-font-size);
907
- --wm-aside-nav-item-line-height: var(--wm-label-large-line-height);
908
- --wm-aside-nav-item-letter-spacing: var(--wm-label-large-letter-spacing);
909
- --wm-aside-nav-item-radius: var(--wm-radius-none);
910
- --wm-aside-nav-item-icon-size: var(--wm-icon-size);
911
- --wm-aside-nav-item-icon-width: var(--wm-icon-size);
912
- --wm-aside-nav-item-icon-height: var(--wm-icon-size);
913
- --wm-aside-nav-item-gap: var(--wm-space-2);
914
- --wm-aside-nav-item-color-active: var(--wm-color-secondary);
915
- --wm-aside-nav-item-background-active: linear-gradient(105.79deg, ~"color-mix(in srgb, var(--wm-color-secondary), transparent calc(100% - var(--wm-opacity-hover)))" 44.21%, ~"color-mix(in srgb, var(--wm-color-white), transparent calc(100% - var(--wm-opacity-hover)))" 103.73%);
916
- --wm-aside-nav-item-state-layer-color: var(--wm-color-on-surface);
917
- --wm-aside-nav-item-state-layer-opacity-hover: var(--wm-opacity-hover);
918
- --wm-aside-nav-item-state-layer-opacity-focus: var(--wm-opacity-focus);
919
- --wm-aside-nav-item-state-layer-opacity-active: var(--wm-opacity-active);
920
- --wm-aside-nav-item-caret-size: var(--wm-icon-size-sm);
921
- --wm-aside-nav-item-indicator-color-active: var(--wm-color-secondary);
922
- --wm-aside-nav-submenu-padding: var(--wm-space-0) var(--wm-space-0) var(--wm-space-0) var(--wm-space-3);
923
- --wm-aside-nav-submenu-background: var(--wm-aside-nav-item-background);
924
- --wm-aside-nav-submenu-radius: var(--wm-radius-none) var(--wm-radius-sm) var(--wm-radius-sm) var(--wm-radius-none);
925
- --wm-aside-nav-submenu-item-padding: var(--wm-space-2) var(--wm-space-6);
926
- --wm-aside-nav-submenu-item-font-size: var(--wm-label-large-font-size);
927
- --wm-aside-nav-submenu-item-line-height: var(--wm-label-large-line-height);
928
- --wm-aside-nav-submenu-item-letter-spacing: var(--wm-label-large-letter-spacing);
929
- --wm-aside-nav-submenu-item-gap: var(--wm-space-2);
930
- --wm-aside-nav-submenu-item-color-active: var(--wm-color-on-secondary-container);
931
- --wm-aside-nav-submenu-item-background-active: var(--wm-color-secondary-container);
932
- --wm-aside-nav-rail-padding: var(--wm-space-0);
933
- --wm-aside-nav-rail-gap: var(--wm-space-3);
934
- --wm-aside-nav-rail-item-padding: var(--wm-space-3) var(--wm-space-0);
935
- --wm-aside-nav-rail-item-font-size: var(--wm-label-medium-font-size);
936
- --wm-aside-nav-rail-item-font-weight-active: var(--wm-font-weight-600);
937
- --wm-aside-nav-rail-item-line-height: var(--wm-label-medium-line-height);
938
- --wm-aside-nav-rail-item-letter-spacing: var(--wm-label-medium-letter-spacing);
939
- --wm-aside-nav-rail-item-color-active: var(--wm-color-secondary);
940
- --wm-aside-nav-rail-item-background-active: linear-gradient(105.79deg, ~"color-mix(in srgb, var(--wm-color-secondary), transparent calc(100% - var(--wm-opacity-hover)))" 44.21%, ~"color-mix(in srgb, var(--wm-color-white), transparent calc(100% - var(--wm-opacity-hover)))" 103.73%);
941
- --wm-aside-nav-rail-item-radius: var(--wm-radius-none);
942
- --wm-aside-nav-rail-item-gap: var(--wm-space-1);
943
- --wm-aside-nav-rail-item-state-layer-color: var(--wm-color-on-surface);
944
- --wm-aside-nav-rail-item-state-layer-opacity-hover: var(--wm-opacity-hover);
945
- --wm-aside-nav-rail-item-state-layer-opacity-focus: var(--wm-opacity-focus);
946
- --wm-aside-nav-rail-item-state-layer-opacity-active: var(--wm-opacity-active);
947
- --wm-aside-nav-rail-item-icon-radius: var(--wm-radius-none);
948
- --wm-aside-nav-rail-item-icon-radius-active: var(--wm-radius-none);
949
- --wm-aside-nav-rail-item-icon-state-layer-opacity-hover: var(--wm-opacity-hover);
950
- --wm-aside-nav-rail-item-icon-state-layer-opacity-focus: var(--wm-opacity-focus);
951
- --wm-aside-nav-rail-item-icon-state-layer-opacity-active: var(--wm-opacity-active);
952
- --wm-aside-nav-rail-item-indicator-width: var(--wm-aside-nav-item-indicator-width);
953
- --wm-aside-nav-rail-item-indicator-height: var(--wm-aside-nav-item-indicator-height);
954
- --wm-aside-nav-rail-item-indicator-position-top: var(--wm-aside-nav-item-indicator-position-top);
955
- --wm-aside-nav-rail-item-indicator-position-right: var(--wm-aside-nav-item-indicator-position-right);
956
- --wm-aside-nav-rail-item-indicator-position-bottom: var(--wm-aside-nav-item-indicator-position-bottom);
957
- --wm-aside-nav-rail-item-indicator-position-left: var(--wm-aside-nav-item-indicator-position-left);
958
- --wm-aside-nav-rail-item-indicator-radius: var(--wm-aside-nav-item-indicator-radius);
959
- --wm-aside-nav-rail-item-indicator-color: var(--wm-aside-nav-item-indicator-color);
960
- --wm-aside-nav-rail-submenu-padding: var(--wm-space-2);
961
- --wm-aside-nav-rail-submenu-item-padding: var(--wm-space-2) var(--wm-space-6);
962
- --wm-aside-nav-rail-submenu-item-font-size: var(--wm-label-large-font-size);
963
- --wm-aside-nav-rail-submenu-item-line-height: var(--wm-label-large-line-height);
964
- --wm-aside-nav-rail-submenu-item-letter-spacing: var(--wm-label-large-letter-spacing);
965
- --wm-aside-nav-rail-submenu-item-gap: var(--wm-space-2);
966
- --wm-aside-nav-rail-submenu-item-color-active: var(--wm-color-on-secondary-container);
967
- --wm-aside-nav-rail-submenu-item-background-active: var(--wm-color-secondary-container);
968
- --wm-aside-right-nav-rail-submenu-radius: var(--wm-radius-sm) var(--wm-radius-none) var(--wm-radius-none) var(--wm-radius-sm);
969
- --wm-pagination-item-padding: var(--wm-space-1) var(--wm-space-1);
970
- --wm-pagination-item-gap: var(--wm-space-1);
971
- --wm-pagination-page-item-link-color: var(--wm-color-on-surface);
972
- --wm-pagination-page-item-link-padding: var(--wm-space-2);
973
- --wm-pagination-page-item-link-radius: var(--wm-radius-xs);
974
- --wm-pagination-page-item-link-active-background: var(--wm-color-primary);
975
- --wm-pagination-page-item-link-active-color: var(--wm-color-on-primary);
976
- --wm-pagination-page-item-link-hover-background: var(--wm-color-primary-container);
977
- --wm-pagination-page-item-icon-size: var(--wm-icon-size-sm);
978
- --wm-pagination-page-item-totalcount-color: var(--wm-color-on-surface);
979
- --wm-pagination-pager-link-radius: var(--wm-radius-pill);
980
- --wm-pagination-pager-link-padding: var(--wm-space-2) var(--wm-space-6);
981
- --wm-pagination-pager-link-border-color: var(--wm-color-primary);
982
- --wm-pagination-pager-link-border-width: var(--wm-border-width-base);
983
- --wm-pagination-pager-link-gap: var(--wm-space-2);
984
- --wm-pagination-pager-link-color: var(--wm-color-on-surface);
985
- --wm-pagination-pager-previous-link-color: var(--wm-color-primary);
986
- --wm-pagination-pager-next-link-color: var(--wm-color-on-primary);
987
- --wm-pagination-pager-next-link-background: var(--wm-color-primary);
988
- --wm-pagination-pager-state-previous-link-background: var(--wm-color-primary);
989
- --wm-pagination-pager-state-previous-link-focus-background: var(--wm-opacity-focus);
990
- --wm-pagination-pager-state-previous-link-hover-background: var(--wm-opacity-hover);
991
- --wm-pagination-pager-state-previous-link-active-background: var(--wm-opacity-active);
992
- --wm-pagination-pager-state-next-link-focus-background: var(--wm-opacity-focus);
993
- --wm-pagination-pager-state-next-link-hover-background: var(--wm-opacity-hover);
994
- --wm-pagination-pager-state-next-link-active-background: var(--wm-opacity-active);
995
- --wm-pagination-pager-state-next-link-background: var(--wm-color-on-primary);
996
- --wm-pagination-pager-gap: var(--wm-space-2);
997
- --wm-pagination-pagecount-input-padding: var(--wm-space-1);
998
- --wm-horizontal-page-slider-padding: var(--wm-space-1);
999
- --wm-horizontal-page-slider-gap: var(--wm-space-1);
1000
- --wm-horizontal-page-slider-anchor-icon-size: var(--wm-icon-size-sm);
901
+ --wm-panel-footer-background: var(--wm-color-surface);
902
+ --wm-panel-footer-margin-top: var(--wm-space-2);
903
+ --wm-panel-footer-margin-bottom: var(--wm-space-0);
904
+ --wm-panel-footer-margin-left: var(--wm-space-0);
905
+ --wm-panel-footer-margin-right: var(--wm-space-0);
906
+ --wm-panel-footer-padding-inline: var(--wm-space-4);
907
+ --wm-panel-footer-padding-block: var(--wm-space-4);
908
+ --wm-panel-footer-border-color: var(--wm-color-outline-variant);
909
+ --wm-panel-footer-border-width: var(--wm-border-width-base);
1001
910
  --wm-panel-background: var(--wm-color-surface);
1002
911
  --wm-panel-radius: var(--wm-radius-xs);
1003
912
  --wm-panel-border-color: var(--wm-color-transparent);
@@ -1008,18 +917,15 @@
1008
917
  --wm-panel-heading-font-size: var(--wm-h4-font-size);
1009
918
  --wm-panel-heading-line-height: var(--wm-h4-line-height);
1010
919
  --wm-panel-heading-letter-spacing: var(--wm-h4-letter-spacing);
1011
- --wm-panel-heading-color: var(--wm-color-on-surface);
920
+ --wm-panel-heading-icon-size: var(--wm-icon-size-md);
921
+ --wm-panel-heading-icon-color: var(--wm-color-on-surface);
922
+ --wm-panel-heading-text-color: var(--wm-color-on-surface);
1012
923
  --wm-panel-heading-background: var(--wm-color-surface);
1013
924
  --wm-panel-description-font-size: var(--wm-body-medium-font-size);
1014
925
  --wm-panel-description-line-height: var(--wm-body-medium-line-height);
1015
926
  --wm-panel-description-letter-spacing: var(--wm-body-medium-letter-spacing);
1016
927
  --wm-panel-description-color: var(--wm-color-on-surface-variant);
1017
- --wm-panel-actions-gap: var(--wm-space-2);
1018
928
  --wm-panel-content-padding: var(--wm-space-4);
1019
- --wm-panel-footer-background: var(--wm-color-surface);
1020
- --wm-panel-footer-padding: var(--wm-space-4);
1021
- --wm-panel-footer-border-color: var(--wm-color-outline-variant);
1022
- --wm-panel-footer-border-width: var(--wm-border-width-base);
1023
929
  --wm-picture-radius: var(--wm-radius-none);
1024
930
  --wm-picture-padding-top: var(--wm-space-0);
1025
931
  --wm-picture-padding-bottom: var(--wm-space-0);
@@ -1029,7 +935,6 @@
1029
935
  --wm-picture-background: var(--wm-color-transparent);
1030
936
  --wm-popover-left: var(--wm-space-1);
1031
937
  --wm-popover-bottom: var(--wm-space-1);
1032
- --wm-popover-elevation: var(--wm-elevation-shadow-none);
1033
938
  --wm-popover-padding-top: var(--wm-space-0);
1034
939
  --wm-popover-padding-left: var(--wm-space-0);
1035
940
  --wm-popover-padding-right: var(--wm-space-0);
@@ -1048,7 +953,14 @@
1048
953
  --wm-popover-header-line-height: var(--wm-h5-line-height);
1049
954
  --wm-popover-header-letter-spacing: var(--wm-h5-letter-spacing);
1050
955
  --wm-popover-header-background-color: var(--wm-color-on-surface);
1051
- --wm-popover-link-text-color: var(--wm-color-secondary);
956
+ --wm-popover-link-color: var(--wm-color-secondary);
957
+ --wm-popover-link-border-width: var(--wm-border-width-0);
958
+ --wm-popover-link-border-color: var(--wm-color-secondary);
959
+ --wm-popover-link-border-radius: var(--wm-radius-none);
960
+ --wm-popover-link-padding-top: var(--wm-space-2);
961
+ --wm-popover-link-padding-left: var(--wm-space-2);
962
+ --wm-popover-link-padding-right: var(--wm-space-2);
963
+ --wm-popover-link-padding-bottom: var(--wm-space-2);
1052
964
  --wm-popover-link-font-size: var(--wm-body-medium-font-size);
1053
965
  --wm-popover-link-line-height: var(--wm-body-medium-line-height);
1054
966
  --wm-popover-link-letter-spacing: var(--wm-body-medium-letter-spacing);
@@ -1086,85 +998,6 @@
1086
998
  --wm-rating-icon-color: var(--wm-color-on-surface);
1087
999
  --wm-rating-text-padding-left: var(--wm-space-2);
1088
1000
  --wm-rating-text-color: var(--wm-color-warning);
1089
- --wm-note-editor-toolbar-border: var(--wm-color-border-translucent);
1090
- --wm-note-editor-toolbar-border-width: var(--wm-border-width-base);
1091
- --wm-note-editor-toolbar-border-gap: var(--wm-space-1);
1092
- --wm-note-editor-toolbar-background: var(--wm-color-white);
1093
- --wm-note-editor-toolbar-padding: var(--wm-space-2);
1094
- --wm-note-editor-toolbar-gap: var(--wm-space-3);
1095
- --wm-note-editor-radius: var(--wm-radius-sm);
1096
- --wm-note-editor-border: var(--wm-color-border-translucent);
1097
- --wm-note-editor-border-width: var(--wm-border-width-base);
1098
- --wm-note-editor-note-placeholder-pdding: var(--wm-space-3);
1099
- --wm-note-editor-note-code-padding: var(--wm-space-3);
1100
- --wm-note-editor-note-code-background: var(--wm-color-on-warning);
1101
- --wm-note-editor-note-code-color: var(--wm-color-surface);
1102
- --wm-note-editor-note-code-font-size: var(--wm-body-medium-font-size);
1103
- --wm-note-editor-btn-group-gap: var(--wm-space-2);
1104
- --wm-note-editor-btn-padding: var(--wm-space-1);
1105
- --wm-note-editor-btn-radius: var(--wm-radius-xs);
1106
- --wm-note-editor-dropdown-menu-background: var(--wm-color-surface);
1107
- --wm-note-editor-dropdown-menu-border-radius: var(--wm-radius-xs);
1108
- --wm-note-editor-dropdown-menu-padding: var(--wm-space-2);
1109
- --wm-note-editor-dropdown-menu-item-font-size: var(--wm-body-large-font-size);
1110
- --wm-note-editor-dropdown-menu-item-line-height: var(--wm-body-large-line-height);
1111
- --wm-note-editor-dropdown-menu-item-letter-spacing: var(--wm-body-large-letter-spacing);
1112
- --wm-note-editor-dropdown-menu-item-color: var(--wm-color-on-surface);
1113
- --wm-note-editor-dropdown-menu-item-state-layer-opacity-focus: var(--wm-opacity-focus);
1114
- --wm-note-editor-dropdown-menu-item-state-layer-opacity-hover: var(--wm-opacity-hover);
1115
- --wm-note-editor-dropdown-menu-item-state-layer-opacity-active: var(--wm-opacity-active);
1116
- --wm-note-editor-pre-border-color: var(--wm-color-secondary-fixed);
1117
- --wm-note-editor-pre-border-width: var(--wm-border-width-base);
1118
- --wm-note-editor-pre-background: var(--wm-color-surface);
1119
- --wm-note-editor-pre-padding: var(--wm-space-2);
1120
- --wm-note-editor-pre-radius: var(--wm-radius-xs);
1121
- --wm-note-editor-pre-font-size: var(--wm-body-small-font-size);
1122
- --wm-note-editor-pre-line-height: var(--wm-body-small-line-height);
1123
- --wm-note-editor-pre-color: var(--wm-color-on-secondary-fixed-variant);
1124
- --wm-note-editor-blockquote-border-color: var(--wm-color-primary-container);
1125
- --wm-note-editor-blockquote-border-hover-color: var(--wm-color-primary);
1126
- --wm-note-editor-blockquote-margin: var(--wm-space-3);
1127
- --wm-note-editor-blockquote-inline-padding: var(--wm-space-3);
1128
- --wm-note-editor-blockquote-block-padding: var(--wm-space-2);
1129
- --wm-note-editor-para-dropdown-padding: var(--wm-space-1);
1130
- --wm-note-editor-tooltip-border-color: var(--wm-color-black);
1131
- --wm-note-editor-tooltip-content-color: var(--wm-color-white);
1132
- --wm-note-editor-tooltip-content-background: var(--wm-color-black);
1133
- --wm-note-editor-tooltip-content-padding: var(--wm-space-1) var(--wm-space-2);
1134
- --wm-note-editor-tooltip-arrow-margin: var(--wm-space-1);
1135
- --wm-note-editor-tooltip-radius: var(--wm-radius-xs);
1136
- --wm-note-editor-tooltip-font-size: var(--wm-body-medium-font-size);
1137
- --wm-note-editor-tooltip-padding: var(--wm-space-1);
1138
- --wm-note-editor-tooltip-margin: var(--wm-space-1);
1139
- --wm-note-editor-color-reset-background: var(--wm-color-white);
1140
- --wm-note-editor-color-select-background: var(--wm-color-white);
1141
- --wm-note-editor-color-dropdown-gap: var(--wm-space-3);
1142
- --wm-note-editor-color-dropdown-padding: var(--wm-space-3);
1143
- --wm-note-editor-color-palette-gap-xs: var(--wm-space-1);
1144
- --wm-note-editor-color-row-gap: var(--wm-space-1);
1145
- --wm-note-editor-palette-gap: var(--wm-space-2);
1146
- --wm-note-editor-dropzone-color: var(--wm-color-primary);
1147
- --wm-note-editor-dropzone-background: var(--wm-color-white);
1148
- --wm-note-editor-dropzone-hover-color: var(--wm-color-primary-container);
1149
- --wm-note-editor-td-border-color: var(--wm-color-border-translucent);
1150
- --wm-note-editor-td-border-width: var(--wm-border-width-base);
1151
- --wm-note-editor-td-padding: var(--wm-space-1);
1152
- --wm-note-editor-popover-arrow-margin: var(--wm-space-2);
1153
- --wm-note-editor-popover-arrow-background: var(--wm-color-white);
1154
- --wm-note-editor-popover-margin: var(--wm-space-1);
1155
- --wm-note-editor-popover-background: var(--wm-color-white);
1156
- --wm-note-editor-popover-radius: var(--wm-radius-xs);
1157
- --wm-note-editor-popover-padding: var(--wm-space-1);
1158
- --wm-note-editor-popover-padding-container: var(--wm-space-2);
1159
- --wm-note-editor-popover-content-color: var(--wm-color-black);
1160
- --wm-note-editor-popover-content-background: var(--wm-color-white);
1161
- --wm-note-editor-popover-content-padding: var(--wm-space-1) var(--wm-space-2);
1162
- --wm-note-editor-popover-border: var(--wm-color-outline-variant);
1163
- --wm-note-editor-popover-btn-group-gap: var(--wm-space-2);
1164
- --wm-note-editable-background: var(--wm-color-surface-container-low);
1165
- --wm-note-editable-padding: var(--wm-space-3);
1166
- --wm-note-editable-color: var(--wm-color-black);
1167
- --wm-note-editable-hr-color: var(--wm-color-inverse-on-surface);
1168
1001
  --wm-scroll-bar-track-bg: var(--wm-color-surface);
1169
1002
  --wm-scroll-bar-thumb-bg: var(--wm-color-surface-container-high);
1170
1003
  --wm-scroll-bar-thumb-hover: var(--wm-color-surface-container-highest);
@@ -1185,6 +1018,10 @@
1185
1018
  --wm-search-btn-background-color: var(--wm-color-surface);
1186
1019
  --wm-search-btn-icon-color: var(--wm-color-on-surface);
1187
1020
  --wm-search-btn-icon-size: var(--wm-icon-size);
1021
+ --wm-search-btn-padding-top: var(--wm-space-0);
1022
+ --wm-search-btn-padding-bottom: var(--wm-space-0);
1023
+ --wm-search-btn-padding-left: var(--wm-space-6);
1024
+ --wm-search-btn-padding-right: var(--wm-space-6);
1188
1025
  --wm-search-placeholder-text-color: var(--wm-color-outline);
1189
1026
  --wm-search-data-complete-padding-top: var(--wm-space-2);
1190
1027
  --wm-search-data-complete-padding-bottom: var(--wm-space-2);
@@ -1200,6 +1037,15 @@
1200
1037
  --wm-search-item-separator-color: var(--wm-color-outline);
1201
1038
  --wm-search-item-text-color: var(--wm-color-on-surface);
1202
1039
  --wm-search-item-text-font-size: var(--wm-body-medium-font-size);
1040
+ --wm-search-clear-btn-icon-color: var(--wm-color-on-surface);
1041
+ --wm-search-clear-btn-icon-size: var(--wm-icon-size);
1042
+ --wm-search-clear-btn-padding-top: var(--wm-space-0);
1043
+ --wm-search-clear-btn-padding-bottom: var(--wm-space-0);
1044
+ --wm-search-clear-btn-padding-left: var(--wm-space-0);
1045
+ --wm-search-clear-btn-padding-right: var(--wm-space-0);
1046
+ --wm-search-clear-btn-border-radius: var(--wm-radius-sm);
1047
+ --wm-search-clear-btn-background-color: var(--wm-color-transparent);
1048
+ --wm-search-clear-btn-width: var(--wm-space-9);
1203
1049
  --wm-select-arrow-button-border-color: var(--wm-color-transparent);
1204
1050
  --wm-select-arrow-button-border-width: var(--wm-border-width-base);
1205
1051
  --wm-select-arrow-button-border-radius: var(--wm-radius-base);
@@ -1235,13 +1081,15 @@
1235
1081
  --wm-switch-button-border-radius: var(--wm-radius-lg);
1236
1082
  --wm-switch-button-padding-left: var(--wm-space-4);
1237
1083
  --wm-switch-button-padding-right: var(--wm-space-4);
1084
+ --wm-tabbar-border-top-width: var(--wm-border-width-0);
1085
+ --wm-tabbar-border-top-color: var(--wm-color-scrim);
1086
+ --wm-tabbar-border-top-style: var(--wm-border-style-solid);
1238
1087
  --wm-tabbar-menu-background: var(--wm-color-surface);
1239
1088
  --wm-tabbar-more-menu-background: var(--wm-color-surface);
1240
1089
  --wm-tabbar-more-menu-row-padding-top: var(--wm-space-1);
1241
1090
  --wm-tabbar-more-menu-row-padding-bottom: var(--wm-space-1);
1242
1091
  --wm-tabbar-item-min-height: var(--wm-space-8);
1243
1092
  --wm-tabbar-item-min-width: var(--wm-spacer-7);
1244
- --wm-tabbar-item-margin-bottom: var(--wm-space-4);
1245
1093
  --wm-tabbar-icon-size: var(--wm-space-6);
1246
1094
  --wm-tabbar-icon-color: var(--wm-color-on-surface-variant);
1247
1095
  --wm-tabbar-icon-padding-right: var(--wm-space-0);
@@ -1307,6 +1155,11 @@
1307
1155
  --wm-toggle-background-color: var(--wm-color-secondary-container);
1308
1156
  --wm-toggle-handle-color: var(--wm-color-on-secondary-fixed-variant);
1309
1157
  --wm-toggle-border-color: var(--wm-color-outline);
1158
+ --wm-webview-background-color: var(--wm-color-white);
1159
+ --wm-webview-padding-top: var(--wm-space-0);
1160
+ --wm-webview-padding-bottom: var(--wm-space-0);
1161
+ --wm-webview-padding-left: var(--wm-space-2);
1162
+ --wm-webview-padding-right: var(--wm-space-2);
1310
1163
  --wm-wizard-background-color: var(--wm-color-surface);
1311
1164
  --wm-wizard-border-radius: var(--wm-radius-xs);
1312
1165
  --wm-wizard-padding-top: var(--wm-space-1);
@@ -1368,6 +1221,8 @@
1368
1221
  --wm-h5-font-weight: var(--wm-font-weight-500);
1369
1222
  --wm-h6-font-family: var(--wm-font-family-brand);
1370
1223
  --wm-h6-font-weight: var(--wm-font-weight-500);
1224
+ --wm-p-font-family: var(--wm-font-family-brand);
1225
+ --wm-p-font-weight: var(--wm-font-weight-500);
1371
1226
  --wm-display-large-font-family: var(--wm-font-family-brand);
1372
1227
  --wm-display-large-font-weight: var(--wm-font-weight-400);
1373
1228
  --wm-display-medium-font-family: var(--wm-font-family-brand);
@@ -1403,6 +1258,7 @@
1403
1258
  --wm-anchor-font-family: var(--wm-body-medium-font-family);
1404
1259
  --wm-anchor-font-weight: var(--wm-body-medium-font-weight);
1405
1260
  --wm-badge-font-family: var(--wm-body-small-font-family);
1261
+ --wm-bottomsheet-border-style: var(--wm-border-style-base);
1406
1262
  --wm-breadcrumb-item-font-family: var(--wm-body-large-font-family);
1407
1263
  --wm-breadcrumb-item-font-weight: var(--wm-body-large-font-weight);
1408
1264
  --wm-button-group-border-style: var(--wm-border-style-base);
@@ -1428,6 +1284,8 @@
1428
1284
  --wm-datetime-selected-text-font-weight: var(--wm-body-medium-font-weight);
1429
1285
  --wm-dropdown-menu-item-font-family: var(--wm-body-large-font-family);
1430
1286
  --wm-dropdown-menu-item-font-weight: var(--wm-body-large-font-weight);
1287
+ --wm-form-controls-font-weight: var(--wm-body-large-font-weight);
1288
+ --wm-form-controls-font-family: var(--wm-body-large-font-family);
1431
1289
  --wm-form-controls-border-style: var(--wm-border-style-base);
1432
1290
  --wm-form-controls-label-font-weight: var(--wm-label-large-font-weight);
1433
1291
  --wm-form-controls-label-font-family: var(--wm-label-large-font-family);
@@ -1437,71 +1295,41 @@
1437
1295
  --wm-form-footer-border-style: var(--wm-border-style-base);
1438
1296
  --wm-label-font-weight: var(--wm-body-medium-font-weight);
1439
1297
  --wm-label-font-family: var(--wm-body-medium-font-family);
1298
+ --wm-label-border-style: var(--wm-border-style-base);
1440
1299
  --wm-left-panel-elevation: var(--wm-elevation-shadow-1);
1441
- --wm-list-title-font-weight: var(--wm-body-large-font-weight);
1442
- --wm-list-sub-heading-font-weight: var(--wm-body-medium-font-weight);
1300
+ --wm-list-border-style: var(--wm-border-style-base);
1443
1301
  --wm-message-container-border-style: var(--wm-border-style-base);
1444
1302
  --wm-modal-header-border-style: var(--wm-border-style-base);
1303
+ --wm-modal-header-close-btn-border-style: var(--wm-border-style-base);
1445
1304
  --wm-modal-title-font-family: var(--wm-h3-font-family);
1446
1305
  --wm-modal-title-font-weight: var(--wm-h3-font-weight);
1447
- --wm-modal-icon-font-weight: var(--wm-h4-font-weight);
1448
- --wm-nav-item-font-family: var(--wm-label-large-font-family);
1449
- --wm-nav-item-font-weight: var(--wm-label-large-font-weight);
1306
+ --wm-modal-description-font-family: var(--wm-h5-font-family);
1307
+ --wm-modal-description-font-weight: var(--wm-body-small-font-weight);
1450
1308
  --wm-navbar-content-font-family: var(--wm-body-large-font-family);
1451
1309
  --wm-navbar-content-font-weight: var(--wm-body-large-font-weight);
1452
1310
  --wm-navbar-anchor-text-font-family: var(--wm-body-large-font-family);
1453
1311
  --wm-navbar-anchor-text-font-weight: var(--wm-body-large-font-weight);
1454
1312
  --wm-navbar-button-font-family: var(--wm-body-large-font-family);
1455
1313
  --wm-navbar-button-font-weight: var(--wm-body-large-font-weight);
1456
- --wm-app-font-family: var(--wm-body-medium-font-family);
1457
- --wm-app-font-weight: var(--wm-body-medium-font-weight);
1458
- --wm-aside-nav-background: var(--wm-aside-panel-background);
1459
- --wm-aside-nav-color: var(--wm-aside-panel-color);
1460
- --wm-aside-nav-item-font-family: var(--wm-label-large-font-family);
1461
- --wm-aside-nav-item-font-weight: var(--wm-label-large-font-weight);
1462
- --wm-aside-nav-submenu-item-font-family: var(--wm-label-large-font-family);
1463
- --wm-aside-nav-submenu-item-font-weight: var(--wm-label-large-font-weight);
1464
- --wm-aside-nav-submenu-item-radius: var(--wm-aside-nav-item-radius);
1465
- --wm-aside-nav-submenu-item-background: var(--wm-aside-nav-submenu-background);
1466
- --wm-aside-nav-rail-background: var(--wm-aside-panel-rail-background);
1467
- --wm-aside-nav-rail-color: var(--wm-aside-panel-rail-color);
1468
- --wm-aside-nav-rail-item-font-family: var(--wm-label-medium-font-family);
1469
- --wm-aside-nav-rail-item-font-weight: var(--wm-label-medium-font-weight);
1470
- --wm-aside-nav-rail-item-icon-color-active: var(--wm-aside-nav-rail-item-color-active);
1471
- --wm-aside-nav-rail-item-indicator-color-active: var(--wm-aside-nav-item-indicator-color-active);
1472
- --wm-aside-nav-rail-submenu-box-shadow: var(--wm-elevation-shadow-1);
1473
- --wm-aside-nav-rail-submenu-radius: var(--wm-aside-nav-submenu-radius);
1474
- --wm-aside-nav-rail-submenu-item-font-family: var(--wm-label-large-font-family);
1475
- --wm-aside-nav-rail-submenu-item-font-weight: var(--wm-label-large-font-weight);
1476
- --wm-aside-nav-rail-submenu-item-radius: var(--wm-aside-nav-rail-item-radius);
1477
- --wm-pagination-page-item-link-active-font-weight: var(--wm-label-medium-font-weight);
1478
- --wm-pagination-pager-link-border-style: var(--wm-border-style-base);
1314
+ --wm-navbar-border-style: var(--wm-border-style-base);
1315
+ --wm-navitem-font-family: var(--wm-label-large-font-family);
1316
+ --wm-navitem-badge-font-family: var(--wm-label-large-font-family);
1317
+ --wm-panel-footer-border-style: var(--wm-border-style-base);
1479
1318
  --wm-panel-shadow: var(--wm-elevation-shadow-1);
1480
1319
  --wm-panel-heading-font-family: var(--wm-h4-font-family);
1481
1320
  --wm-panel-heading-font-weight: var(--wm-h4-font-weight);
1482
1321
  --wm-panel-description-font-family: var(--wm-body-medium-font-family);
1483
1322
  --wm-panel-description-font-weight: var(--wm-body-medium-font-weight);
1484
- --wm-panel-footer-border-style: var(--wm-border-style-base);
1485
1323
  --wm-picture-border-color: var(--wm-color-border);
1486
1324
  --wm-picture-border-style: var(--wm-border-style-base);
1487
1325
  --wm-popover-header-font-family: var(--wm-h5-font-family);
1488
1326
  --wm-popover-header-font-weight: var(--wm-h5-font-weight);
1327
+ --wm-popover-link-border-style: var(--wm-border-style-base);
1489
1328
  --wm-popover-link-font-family: var(--wm-body-medium-font-family);
1490
1329
  --wm-popover-link-font-weight: var(--wm-body-medium-font-weight);
1491
1330
  --wm-radiobutton-label-font-family: var(--wm-body-large-font-family);
1492
1331
  --wm-radiobutton-label-font-weight: var(--wm-body-large-font-weight);
1493
1332
  --wm-radiobutton-title-font-family: var(--wm-body-large-font-family);
1494
- --wm-note-editor-toolbar-border-style: var(--wm-border-style-base);
1495
- --wm-note-editor-border-style: var(--wm-border-style-base);
1496
- --wm-note-editor-note-code-font-weight: var(--wm-body-medium-font-weight);
1497
- --wm-note-editor-dropdown-menu-box-shadow: var(--wm-elevation-shadow-2);
1498
- --wm-note-editor-dropdown-menu-item-font-family: var(--wm-body-large-font-family);
1499
- --wm-note-editor-dropdown-menu-item-font-weight: var(--wm-body-large-font-weight);
1500
- --wm-note-editor-pre-font-family: var(--wm-body-small-font-family);
1501
- --wm-note-editor-pre-font-weight: var(--wm-body-small-font-weight);
1502
- --wm-note-editor-tooltip-font-weight: var(--wm-body-medium-font-weight);
1503
- --wm-note-editor-tooltip-font-family: var(--wm-body-medium-font-family);
1504
- --wm-note-editor-td-border-style: var(--wm-border-style-base);
1505
1333
  --wm-search-text-font-family: var(--wm-body-medium-font-family);
1506
1334
  --wm-search-text-font-weight: var(--wm-body-medium-font-weight);
1507
1335
  --wm-search-data-complete-text-font-family: var(--wm-body-small-font-family);
@@ -1527,14 +1355,4 @@
1527
1355
  --wm-wizard-step-description-font-family: var(--wm-label-medium-font-family);
1528
1356
  --wm-wizard-step-indicator-border-style: var(--wm-border-style-base);
1529
1357
  --wm-wizard-step-count-font-family: var(--wm-label-large-font-family);
1530
- --wm-aside-nav-item-color: var(--wm-aside-nav-color);
1531
- --wm-aside-nav-rail-item-color: var(--wm-aside-nav-rail-color);
1532
- --wm-aside-nav-rail-item-background: var(--wm-aside-nav-rail-background);
1533
- --wm-aside-nav-rail-submenu-background: var(--wm-aside-nav-rail-background);
1534
- --wm-aside-nav-rail-submenu-color: var(--wm-aside-nav-rail-color);
1535
- --wm-aside-nav-submenu-color: var(--wm-aside-nav-item-color);
1536
- --wm-aside-nav-rail-item-icon-color: var(--wm-aside-nav-rail-item-color);
1537
- --wm-aside-nav-rail-submenu-item-color: var(--wm-aside-nav-rail-submenu-color);
1538
- --wm-aside-nav-rail-submenu-item-background: var(--wm-aside-nav-rail-submenu-background);
1539
- --wm-aside-nav-submenu-item-color: var(--wm-aside-nav-submenu-color);
1540
1358
  }