@watermarkinsights/ripple 5.10.0-1 → 5.10.0-10

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 (281) hide show
  1. package/dist/cjs/{chartFunctions-995023b1.js → chartFunctions-75178263.js} +10 -4
  2. package/dist/cjs/{global-f8dc67a7.js → global-b5ff0a3f.js} +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/priv-calendar.cjs.entry.js +1 -1
  5. package/dist/cjs/priv-chart-popover.cjs.entry.js +1 -1
  6. package/dist/cjs/priv-navigator-button.cjs.entry.js +1 -1
  7. package/dist/cjs/priv-navigator-item.cjs.entry.js +1 -1
  8. package/dist/cjs/priv-option-list.cjs.entry.js +1 -1
  9. package/dist/cjs/ripple.cjs.js +1 -1
  10. package/dist/cjs/wm-action-menu_2.cjs.entry.js +5 -4
  11. package/dist/cjs/wm-button.cjs.entry.js +13 -11
  12. package/dist/cjs/wm-chart.cjs.entry.js +2 -2
  13. package/dist/cjs/wm-date-range.cjs.entry.js +1 -1
  14. package/dist/cjs/wm-datepicker.cjs.entry.js +1 -1
  15. package/dist/cjs/wm-file-list.cjs.entry.js +1 -1
  16. package/dist/cjs/wm-file.cjs.entry.js +1 -1
  17. package/dist/cjs/wm-input.cjs.entry.js +1 -1
  18. package/dist/cjs/wm-line-chart.cjs.entry.js +2 -2
  19. package/dist/cjs/wm-modal-pss_3.cjs.entry.js +3 -3
  20. package/dist/cjs/wm-modal_3.cjs.entry.js +3 -3
  21. package/dist/cjs/wm-navigation_3.cjs.entry.js +3 -3
  22. package/dist/cjs/wm-navigator.cjs.entry.js +1 -1
  23. package/dist/cjs/wm-nested-select.cjs.entry.js +1 -1
  24. package/dist/cjs/wm-optgroup.cjs.entry.js +1 -1
  25. package/dist/cjs/wm-option_2.cjs.entry.js +2 -2
  26. package/dist/cjs/wm-pagination.cjs.entry.js +1 -1
  27. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +3 -3
  28. package/dist/cjs/wm-search.cjs.entry.js +1 -1
  29. package/dist/cjs/wm-snackbar.cjs.entry.js +1 -1
  30. package/dist/cjs/wm-tab-item_3.cjs.entry.js +3 -3
  31. package/dist/cjs/wm-tag-input.cjs.entry.js +1 -1
  32. package/dist/cjs/wm-textarea.cjs.entry.js +1 -1
  33. package/dist/cjs/wm-timepicker.cjs.entry.js +1 -1
  34. package/dist/cjs/wm-toggletip.cjs.entry.js +1 -1
  35. package/dist/cjs/wm-uploader.cjs.entry.js +4 -3
  36. package/dist/collection/components/charts/chartFunctions.js +10 -4
  37. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +8 -8
  38. package/dist/collection/components/charts/wm-chart/wm-chart.css +8 -8
  39. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +10 -10
  40. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +8 -8
  41. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +8 -8
  42. package/dist/collection/components/datepickers/datepicker.css +9 -9
  43. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css +11 -11
  44. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +10 -10
  45. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +12 -12
  46. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css +8 -8
  47. package/dist/collection/components/selects/wm-option/wm-option.css +10 -10
  48. package/dist/collection/components/selects/wm-select/wm-select.css +10 -10
  49. package/dist/collection/components/wm-action-menu/wm-action-menu.css +8 -8
  50. package/dist/collection/components/wm-button/wm-button.css +14 -12
  51. package/dist/collection/components/wm-button/wm-button.js +12 -10
  52. package/dist/collection/components/wm-file/wm-file.css +9 -9
  53. package/dist/collection/components/wm-file-list/wm-file-list.css +8 -8
  54. package/dist/collection/components/wm-input/wm-input.css +9 -9
  55. package/dist/collection/components/wm-menuitem/wm-menuitem.css +9 -9
  56. package/dist/collection/components/wm-menuitem/wm-menuitem.js +3 -2
  57. package/dist/collection/components/wm-modal/wm-modal-footer.css +8 -8
  58. package/dist/collection/components/wm-modal/wm-modal-header.css +8 -8
  59. package/dist/collection/components/wm-modal/wm-modal.css +8 -8
  60. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +8 -8
  61. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +8 -8
  62. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +8 -8
  63. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +9 -9
  64. package/dist/collection/components/wm-navigation/wm-navigation-item.css +8 -8
  65. package/dist/collection/components/wm-navigation/wm-navigation.css +8 -8
  66. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +8 -8
  67. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +8 -8
  68. package/dist/collection/components/wm-navigator/wm-navigator.css +8 -8
  69. package/dist/collection/components/wm-pagination/wm-pagination.css +8 -8
  70. package/dist/collection/components/wm-search/wm-search.css +9 -9
  71. package/dist/collection/components/wm-snackbar/wm-snackbar.css +10 -10
  72. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +8 -8
  73. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +8 -8
  74. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +8 -8
  75. package/dist/collection/components/wm-tag-input/wm-tag-input.css +13 -13
  76. package/dist/collection/components/wm-textarea/wm-textarea.css +9 -9
  77. package/dist/collection/components/wm-timepicker/wm-timepicker.css +10 -10
  78. package/dist/collection/components/wm-toggletip/wm-toggletip.css +9 -9
  79. package/dist/collection/components/wm-uploader/wm-uploader.css +15 -13
  80. package/dist/collection/components/wm-uploader/wm-uploader.js +3 -2
  81. package/dist/esm/{chartFunctions-34f19953.js → chartFunctions-3f5f0c99.js} +10 -4
  82. package/dist/esm/{global-2ee184fa.js → global-22b7c9ea.js} +1 -1
  83. package/dist/esm/loader.js +1 -1
  84. package/dist/esm/priv-calendar.entry.js +1 -1
  85. package/dist/esm/priv-chart-popover.entry.js +1 -1
  86. package/dist/esm/priv-navigator-button.entry.js +1 -1
  87. package/dist/esm/priv-navigator-item.entry.js +1 -1
  88. package/dist/esm/priv-option-list.entry.js +1 -1
  89. package/dist/esm/ripple.js +1 -1
  90. package/dist/esm/wm-action-menu_2.entry.js +5 -4
  91. package/dist/esm/wm-button.entry.js +13 -11
  92. package/dist/esm/wm-chart.entry.js +2 -2
  93. package/dist/esm/wm-date-range.entry.js +1 -1
  94. package/dist/esm/wm-datepicker.entry.js +1 -1
  95. package/dist/esm/wm-file-list.entry.js +1 -1
  96. package/dist/esm/wm-file.entry.js +1 -1
  97. package/dist/esm/wm-input.entry.js +1 -1
  98. package/dist/esm/wm-line-chart.entry.js +2 -2
  99. package/dist/esm/wm-modal-pss_3.entry.js +3 -3
  100. package/dist/esm/wm-modal_3.entry.js +3 -3
  101. package/dist/esm/wm-navigation_3.entry.js +3 -3
  102. package/dist/esm/wm-navigator.entry.js +1 -1
  103. package/dist/esm/wm-nested-select.entry.js +1 -1
  104. package/dist/esm/wm-optgroup.entry.js +1 -1
  105. package/dist/esm/wm-option_2.entry.js +2 -2
  106. package/dist/esm/wm-pagination.entry.js +1 -1
  107. package/dist/esm/wm-progress-indicator_3.entry.js +3 -3
  108. package/dist/esm/wm-search.entry.js +1 -1
  109. package/dist/esm/wm-snackbar.entry.js +1 -1
  110. package/dist/esm/wm-tab-item_3.entry.js +3 -3
  111. package/dist/esm/wm-tag-input.entry.js +1 -1
  112. package/dist/esm/wm-textarea.entry.js +1 -1
  113. package/dist/esm/wm-timepicker.entry.js +1 -1
  114. package/dist/esm/wm-toggletip.entry.js +1 -1
  115. package/dist/esm/wm-uploader.entry.js +4 -3
  116. package/dist/esm-es5/chartFunctions-3f5f0c99.js +1 -0
  117. package/dist/esm-es5/global-22b7c9ea.js +1 -0
  118. package/dist/esm-es5/loader.js +1 -1
  119. package/dist/esm-es5/priv-calendar.entry.js +1 -1
  120. package/dist/esm-es5/priv-chart-popover.entry.js +1 -1
  121. package/dist/esm-es5/priv-navigator-button.entry.js +1 -1
  122. package/dist/esm-es5/priv-navigator-item.entry.js +1 -1
  123. package/dist/esm-es5/priv-option-list.entry.js +1 -1
  124. package/dist/esm-es5/ripple.js +1 -1
  125. package/dist/esm-es5/wm-action-menu_2.entry.js +1 -1
  126. package/dist/esm-es5/wm-button.entry.js +1 -1
  127. package/dist/esm-es5/wm-chart.entry.js +1 -1
  128. package/dist/esm-es5/wm-date-range.entry.js +1 -1
  129. package/dist/esm-es5/wm-datepicker.entry.js +1 -1
  130. package/dist/esm-es5/wm-file-list.entry.js +1 -1
  131. package/dist/esm-es5/wm-file.entry.js +1 -1
  132. package/dist/esm-es5/wm-input.entry.js +1 -1
  133. package/dist/esm-es5/wm-line-chart.entry.js +1 -1
  134. package/dist/esm-es5/wm-modal-pss_3.entry.js +1 -1
  135. package/dist/esm-es5/wm-modal_3.entry.js +1 -1
  136. package/dist/esm-es5/wm-navigation_3.entry.js +1 -1
  137. package/dist/esm-es5/wm-navigator.entry.js +1 -1
  138. package/dist/esm-es5/wm-nested-select.entry.js +1 -1
  139. package/dist/esm-es5/wm-optgroup.entry.js +1 -1
  140. package/dist/esm-es5/wm-option_2.entry.js +1 -1
  141. package/dist/esm-es5/wm-pagination.entry.js +1 -1
  142. package/dist/esm-es5/wm-progress-indicator_3.entry.js +1 -1
  143. package/dist/esm-es5/wm-search.entry.js +1 -1
  144. package/dist/esm-es5/wm-snackbar.entry.js +1 -1
  145. package/dist/esm-es5/wm-tab-item_3.entry.js +1 -1
  146. package/dist/esm-es5/wm-tag-input.entry.js +1 -1
  147. package/dist/esm-es5/wm-textarea.entry.js +1 -1
  148. package/dist/esm-es5/wm-timepicker.entry.js +1 -1
  149. package/dist/esm-es5/wm-toggletip.entry.js +1 -1
  150. package/dist/esm-es5/wm-uploader.entry.js +1 -1
  151. package/dist/ripple/p-04c6d049.entry.js +1 -0
  152. package/dist/ripple/p-0aded1ad.system.entry.js +1 -0
  153. package/dist/ripple/p-10cfa4f1.system.entry.js +1 -0
  154. package/dist/ripple/p-1465e576.system.entry.js +1 -0
  155. package/dist/ripple/p-1bd2cb0c.system.entry.js +1 -0
  156. package/dist/ripple/p-214ae691.entry.js +1 -0
  157. package/dist/ripple/p-2b783e04.entry.js +1 -0
  158. package/dist/ripple/p-2f49268a.entry.js +1 -0
  159. package/dist/ripple/p-32867e2e.entry.js +1 -0
  160. package/dist/ripple/p-3a9a98ff.entry.js +1 -0
  161. package/dist/ripple/p-3e854aad.system.entry.js +1 -0
  162. package/dist/ripple/p-40ce8220.system.entry.js +1 -0
  163. package/dist/ripple/p-414032d3.entry.js +1 -0
  164. package/dist/ripple/p-41476faa.system.entry.js +1 -0
  165. package/dist/ripple/p-42bc7675.system.js +1 -0
  166. package/dist/ripple/p-43f68b56.system.entry.js +1 -0
  167. package/dist/ripple/p-4bde7781.js +1 -0
  168. package/dist/ripple/p-4de1777b.system.entry.js +1 -0
  169. package/dist/ripple/p-50010933.entry.js +1 -0
  170. package/dist/ripple/p-50c2bb00.entry.js +1 -0
  171. package/dist/ripple/p-56cdd9af.system.entry.js +1 -0
  172. package/dist/ripple/p-5a216138.system.entry.js +1 -0
  173. package/dist/ripple/p-63c226a0.system.entry.js +1 -0
  174. package/dist/ripple/p-64461414.entry.js +1 -0
  175. package/dist/ripple/{p-47719c70.entry.js → p-6832410b.entry.js} +1 -1
  176. package/dist/ripple/{p-52ac4efc.entry.js → p-6a47a797.entry.js} +1 -1
  177. package/dist/ripple/p-6ec29925.js +1 -0
  178. package/dist/ripple/p-6f18ff34.entry.js +1 -0
  179. package/dist/ripple/p-73e4e23a.entry.js +1 -0
  180. package/dist/ripple/p-78176eec.system.entry.js +1 -0
  181. package/dist/ripple/p-7985f04b.entry.js +1 -0
  182. package/dist/ripple/p-7ea2523a.system.entry.js +1 -0
  183. package/dist/ripple/{p-02ff9d9a.system.entry.js → p-84bde80d.system.entry.js} +1 -1
  184. package/dist/ripple/{p-d7312723.entry.js → p-85962691.entry.js} +1 -1
  185. package/dist/ripple/p-98cc1aae.system.entry.js +1 -0
  186. package/dist/ripple/p-a118292d.entry.js +1 -0
  187. package/dist/ripple/{p-9ac65a33.entry.js → p-a7e55fb6.entry.js} +1 -1
  188. package/dist/ripple/{p-d3adb7db.system.js → p-a8156c34.system.js} +1 -1
  189. package/dist/ripple/p-a9bdc8ed.entry.js +1 -0
  190. package/dist/ripple/p-ab254e2b.entry.js +1 -0
  191. package/dist/ripple/p-b2c2245e.entry.js +1 -0
  192. package/dist/ripple/p-b75b811f.entry.js +1 -0
  193. package/dist/ripple/p-b77706d6.entry.js +1 -0
  194. package/dist/ripple/p-b80a3bf5.entry.js +1 -0
  195. package/dist/ripple/p-bca4b4b6.system.entry.js +1 -0
  196. package/dist/ripple/p-be22192b.system.entry.js +1 -0
  197. package/dist/ripple/p-cf2a23e8.system.entry.js +1 -0
  198. package/dist/ripple/p-cfff64c2.system.js +1 -0
  199. package/dist/ripple/{p-b1887b90.entry.js → p-d3eb9335.entry.js} +1 -1
  200. package/dist/ripple/p-d412aa02.system.entry.js +1 -0
  201. package/dist/ripple/p-d6da12dc.system.entry.js +1 -0
  202. package/dist/ripple/p-deb96326.entry.js +1 -0
  203. package/dist/ripple/p-dee79f8c.system.entry.js +1 -0
  204. package/dist/ripple/p-df253834.system.entry.js +1 -0
  205. package/dist/ripple/p-e14233fd.entry.js +1 -0
  206. package/dist/ripple/{p-891a5937.system.entry.js → p-e2530233.system.entry.js} +1 -1
  207. package/dist/ripple/p-e77ac9d0.entry.js +1 -0
  208. package/dist/ripple/p-e963cbc7.system.entry.js +1 -0
  209. package/dist/ripple/p-ebe2b432.system.entry.js +1 -0
  210. package/dist/ripple/p-ecd3ac6e.system.entry.js +1 -0
  211. package/dist/ripple/p-f14d1a31.system.entry.js +1 -0
  212. package/dist/ripple/p-f1a400a3.system.entry.js +1 -0
  213. package/dist/ripple/{p-c232f2de.entry.js → p-f394a24f.entry.js} +1 -1
  214. package/dist/ripple/{p-ddcdf330.entry.js → p-f42e1ea9.entry.js} +1 -1
  215. package/dist/ripple/p-faad130f.entry.js +1 -0
  216. package/dist/ripple/p-fb3d7911.system.entry.js +1 -0
  217. package/dist/ripple/p-ff0dba4e.system.entry.js +1 -0
  218. package/dist/ripple/ripple.css +1 -1
  219. package/dist/ripple/ripple.esm.js +1 -1
  220. package/dist/ripple/ripple.js +1 -1
  221. package/dist/types/components/wm-button/wm-button.d.ts +0 -4
  222. package/package.json +1 -1
  223. package/dist/esm-es5/chartFunctions-34f19953.js +0 -1
  224. package/dist/esm-es5/global-2ee184fa.js +0 -1
  225. package/dist/ripple/p-056f9114.system.entry.js +0 -1
  226. package/dist/ripple/p-0c66ecba.entry.js +0 -1
  227. package/dist/ripple/p-0e6fc5a0.system.entry.js +0 -1
  228. package/dist/ripple/p-0eaa5f28.system.entry.js +0 -1
  229. package/dist/ripple/p-1664fdca.entry.js +0 -1
  230. package/dist/ripple/p-1d05f67b.system.entry.js +0 -1
  231. package/dist/ripple/p-1d8a56df.entry.js +0 -1
  232. package/dist/ripple/p-28b03c72.entry.js +0 -1
  233. package/dist/ripple/p-33143ee5.entry.js +0 -1
  234. package/dist/ripple/p-39edbc9c.entry.js +0 -1
  235. package/dist/ripple/p-3cbe36c5.system.entry.js +0 -1
  236. package/dist/ripple/p-3f8f2a25.entry.js +0 -1
  237. package/dist/ripple/p-40defee8.entry.js +0 -1
  238. package/dist/ripple/p-4378b6b9.system.js +0 -1
  239. package/dist/ripple/p-45d9682c.system.entry.js +0 -1
  240. package/dist/ripple/p-4e741c68.system.entry.js +0 -1
  241. package/dist/ripple/p-4edaeeeb.system.entry.js +0 -1
  242. package/dist/ripple/p-5782584c.system.entry.js +0 -1
  243. package/dist/ripple/p-5943c8b1.js +0 -1
  244. package/dist/ripple/p-6837e730.entry.js +0 -1
  245. package/dist/ripple/p-6be637a4.system.entry.js +0 -1
  246. package/dist/ripple/p-6e6f0bb6.system.entry.js +0 -1
  247. package/dist/ripple/p-73cba751.entry.js +0 -1
  248. package/dist/ripple/p-79dd2d45.entry.js +0 -1
  249. package/dist/ripple/p-7f6bdd09.entry.js +0 -1
  250. package/dist/ripple/p-8454039b.system.entry.js +0 -1
  251. package/dist/ripple/p-87f0b9e4.system.entry.js +0 -1
  252. package/dist/ripple/p-897995da.system.entry.js +0 -1
  253. package/dist/ripple/p-8a8f341e.entry.js +0 -1
  254. package/dist/ripple/p-8dfff1de.entry.js +0 -1
  255. package/dist/ripple/p-94283558.system.entry.js +0 -1
  256. package/dist/ripple/p-9cf3201c.system.entry.js +0 -1
  257. package/dist/ripple/p-9e5e84ff.system.entry.js +0 -1
  258. package/dist/ripple/p-b0ccd8f7.entry.js +0 -1
  259. package/dist/ripple/p-b670af1d.entry.js +0 -1
  260. package/dist/ripple/p-b7d6a53d.system.entry.js +0 -1
  261. package/dist/ripple/p-b9954d05.js +0 -1
  262. package/dist/ripple/p-bf45953e.system.entry.js +0 -1
  263. package/dist/ripple/p-ccfffedb.entry.js +0 -1
  264. package/dist/ripple/p-ce73934e.system.entry.js +0 -1
  265. package/dist/ripple/p-d16fcb24.entry.js +0 -1
  266. package/dist/ripple/p-d1a46a3d.entry.js +0 -1
  267. package/dist/ripple/p-d2933cff.system.entry.js +0 -1
  268. package/dist/ripple/p-d2e3b0dd.system.js +0 -1
  269. package/dist/ripple/p-da3003ab.entry.js +0 -1
  270. package/dist/ripple/p-dbda39c7.system.entry.js +0 -1
  271. package/dist/ripple/p-e19a8330.entry.js +0 -1
  272. package/dist/ripple/p-e8e6c4cf.system.entry.js +0 -1
  273. package/dist/ripple/p-e9588527.entry.js +0 -1
  274. package/dist/ripple/p-e9ec2446.system.entry.js +0 -1
  275. package/dist/ripple/p-f22a2dcd.system.entry.js +0 -1
  276. package/dist/ripple/p-f3e19729.entry.js +0 -1
  277. package/dist/ripple/p-f56f2911.system.entry.js +0 -1
  278. package/dist/ripple/p-f657216e.system.entry.js +0 -1
  279. package/dist/ripple/p-f6a40173.system.entry.js +0 -1
  280. package/dist/ripple/p-fe00606b.entry.js +0 -1
  281. package/dist/ripple/p-ff7df52d.system.entry.js +0 -1
package/dist/collection/components/wm-file/wm-file.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 0.875rem);
35
+ height: var(--icon-size, 0.875rem);
36
+ vertical-align: bottom;
34
37
  }
35
38
  .svg-icon:before {
36
39
  content: "";
40
+ display: inline-block;
37
41
  background-color: var(--icon-fill, currentColor);
38
- width: var(--icon-size, 14px);
39
- height: var(--icon-size, 14px);
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-mask-size: 100%;
45
+ mask-size: 100%;
40
46
  }
41
47
  .svg-icon.horizontal {
42
48
  transform: scaleX(-1);
@@ -47,16 +53,10 @@
47
53
  .svg-icon.svg-pencil:before {
48
54
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
49
55
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
50
- -webkit-mask-size: 100%;
51
- mask-size: 100%;
52
- display: block;
53
56
  }
54
57
  .svg-icon.svg-rotate-right:before {
55
58
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
56
59
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
57
- -webkit-mask-size: 100%;
58
- mask-size: 100%;
59
- display: block;
60
60
  }
61
61
 
62
62
  :host {
@@ -137,7 +137,7 @@
137
137
  font: normal normal normal 24px/1 "Material Design Icons";
138
138
  font-size: inherit;
139
139
  text-rendering: auto;
140
- line-height: inherit;
140
+ line-height: 1;
141
141
  -webkit-font-smoothing: antialiased;
142
142
  -moz-osx-font-smoothing: grayscale;
143
143
  content: "\f133";
package/dist/collection/components/wm-file-list/wm-file-list.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 0.875rem);
35
+ height: var(--icon-size, 0.875rem);
36
+ vertical-align: bottom;
34
37
  }
35
38
  .svg-icon:before {
36
39
  content: "";
40
+ display: inline-block;
37
41
  background-color: var(--icon-fill, currentColor);
38
- width: var(--icon-size, 14px);
39
- height: var(--icon-size, 14px);
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-mask-size: 100%;
45
+ mask-size: 100%;
40
46
  }
41
47
  .svg-icon.horizontal {
42
48
  transform: scaleX(-1);
@@ -47,16 +53,10 @@
47
53
  .svg-icon.svg-pencil:before {
48
54
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
49
55
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
50
- -webkit-mask-size: 100%;
51
- mask-size: 100%;
52
- display: block;
53
56
  }
54
57
  .svg-icon.svg-rotate-right:before {
55
58
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
56
59
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
57
- -webkit-mask-size: 100%;
58
- mask-size: 100%;
59
- display: block;
60
60
  }
61
61
 
62
62
  :host {
package/dist/collection/components/wm-input/wm-input.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 0.875rem);
35
+ height: var(--icon-size, 0.875rem);
36
+ vertical-align: bottom;
34
37
  }
35
38
  .svg-icon:before {
36
39
  content: "";
40
+ display: inline-block;
37
41
  background-color: var(--icon-fill, currentColor);
38
- width: var(--icon-size, 14px);
39
- height: var(--icon-size, 14px);
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-mask-size: 100%;
45
+ mask-size: 100%;
40
46
  }
41
47
  .svg-icon.horizontal {
42
48
  transform: scaleX(-1);
@@ -47,16 +53,10 @@
47
53
  .svg-icon.svg-pencil:before {
48
54
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
49
55
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
50
- -webkit-mask-size: 100%;
51
- mask-size: 100%;
52
- display: block;
53
56
  }
54
57
  .svg-icon.svg-rotate-right:before {
55
58
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
56
59
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
57
- -webkit-mask-size: 100%;
58
- mask-size: 100%;
59
- display: block;
60
60
  }
61
61
 
62
62
  :host {
@@ -118,7 +118,7 @@
118
118
  font: normal normal normal 24px/1 "Material Design Icons";
119
119
  font-size: inherit;
120
120
  text-rendering: auto;
121
- line-height: inherit;
121
+ line-height: 1;
122
122
  -webkit-font-smoothing: antialiased;
123
123
  -moz-osx-font-smoothing: grayscale;
124
124
  content: "\f026";
package/dist/collection/components/wm-menuitem/wm-menuitem.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 0.875rem);
35
+ height: var(--icon-size, 0.875rem);
36
+ vertical-align: bottom;
34
37
  }
35
38
  .svg-icon:before {
36
39
  content: "";
40
+ display: inline-block;
37
41
  background-color: var(--icon-fill, currentColor);
38
- width: var(--icon-size, 14px);
39
- height: var(--icon-size, 14px);
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-mask-size: 100%;
45
+ mask-size: 100%;
40
46
  }
41
47
  .svg-icon.horizontal {
42
48
  transform: scaleX(-1);
@@ -47,16 +53,10 @@
47
53
  .svg-icon.svg-pencil:before {
48
54
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
49
55
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
50
- -webkit-mask-size: 100%;
51
- mask-size: 100%;
52
- display: block;
53
56
  }
54
57
  .svg-icon.svg-rotate-right:before {
55
58
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
56
59
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
57
- -webkit-mask-size: 100%;
58
- mask-size: 100%;
59
- display: block;
60
60
  }
61
61
 
62
62
  :host {
@@ -112,7 +112,7 @@
112
112
  font: normal normal normal 24px/1 "Material Design Icons";
113
113
  font-size: inherit;
114
114
  text-rendering: auto;
115
- line-height: inherit;
115
+ line-height: 1;
116
116
  -webkit-font-smoothing: antialiased;
117
117
  -moz-osx-font-smoothing: grayscale;
118
118
  font-size: 1.12rem;
package/dist/collection/components/wm-menuitem/wm-menuitem.js CHANGED
@@ -82,14 +82,15 @@ export class Menuitem {
82
82
  this.setOnClick();
83
83
  }
84
84
  renderIcon() {
85
+ const defaultIconSize = "1.125rem";
85
86
  if (this.icon.match(/^#/)) {
86
87
  // Icon ID
87
- return h("span", { class: `svg-icon svg-${this.icon.slice(1)}` });
88
+ return h("span", { class: `svg-icon svg-${this.icon.slice(1)}`, style: { "--icon-size": defaultIconSize } });
88
89
  }
89
90
  else if (this.icon.match(/^\/\S*[#]\S*/)) {
90
91
  // starts with /, any number of non-whitespace characters, followed by #, followed by any non-whitespace characters
91
92
  // Relative Path & Symbol
92
- return (h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "svg-icon", width: "14px", height: "14px" }, h("use", { href: this.icon })));
93
+ return (h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "svg-icon", style: { "--icon-fill": "currentColor", "--icon-size": defaultIconSize }, fill: "currentColor" }, h("use", { href: this.icon })));
93
94
  }
94
95
  else {
95
96
  // MDI
package/dist/collection/components/wm-modal/wm-modal-footer.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 0.875rem);
35
+ height: var(--icon-size, 0.875rem);
36
+ vertical-align: bottom;
34
37
  }
35
38
  .svg-icon:before {
36
39
  content: "";
40
+ display: inline-block;
37
41
  background-color: var(--icon-fill, currentColor);
38
- width: var(--icon-size, 14px);
39
- height: var(--icon-size, 14px);
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-mask-size: 100%;
45
+ mask-size: 100%;
40
46
  }
41
47
  .svg-icon.horizontal {
42
48
  transform: scaleX(-1);
@@ -47,16 +53,10 @@
47
53
  .svg-icon.svg-pencil:before {
48
54
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
49
55
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
50
- -webkit-mask-size: 100%;
51
- mask-size: 100%;
52
- display: block;
53
56
  }
54
57
  .svg-icon.svg-rotate-right:before {
55
58
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
56
59
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
57
- -webkit-mask-size: 100%;
58
- mask-size: 100%;
59
- display: block;
60
60
  }
61
61
 
62
62
  wm-modal-footer {
package/dist/collection/components/wm-modal/wm-modal-header.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 0.875rem);
35
+ height: var(--icon-size, 0.875rem);
36
+ vertical-align: bottom;
34
37
  }
35
38
  .svg-icon:before {
36
39
  content: "";
40
+ display: inline-block;
37
41
  background-color: var(--icon-fill, currentColor);
38
- width: var(--icon-size, 14px);
39
- height: var(--icon-size, 14px);
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-mask-size: 100%;
45
+ mask-size: 100%;
40
46
  }
41
47
  .svg-icon.horizontal {
42
48
  transform: scaleX(-1);
@@ -47,16 +53,10 @@
47
53
  .svg-icon.svg-pencil:before {
48
54
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
49
55
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
50
- -webkit-mask-size: 100%;
51
- mask-size: 100%;
52
- display: block;
53
56
  }
54
57
  .svg-icon.svg-rotate-right:before {
55
58
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
56
59
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
57
- -webkit-mask-size: 100%;
58
- mask-size: 100%;
59
- display: block;
60
60
  }
61
61
 
62
62
  wm-modal-header {
package/dist/collection/components/wm-modal/wm-modal.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 0.875rem);
35
+ height: var(--icon-size, 0.875rem);
36
+ vertical-align: bottom;
34
37
  }
35
38
  .svg-icon:before {
36
39
  content: "";
40
+ display: inline-block;
37
41
  background-color: var(--icon-fill, currentColor);
38
- width: var(--icon-size, 14px);
39
- height: var(--icon-size, 14px);
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-mask-size: 100%;
45
+ mask-size: 100%;
40
46
  }
41
47
  .svg-icon.horizontal {
42
48
  transform: scaleX(-1);
@@ -47,16 +53,10 @@
47
53
  .svg-icon.svg-pencil:before {
48
54
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
49
55
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
50
- -webkit-mask-size: 100%;
51
- mask-size: 100%;
52
- display: block;
53
56
  }
54
57
  .svg-icon.svg-rotate-right:before {
55
58
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
56
59
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
57
- -webkit-mask-size: 100%;
58
- mask-size: 100%;
59
- display: block;
60
60
  }
61
61
 
62
62
  wm-modal {
package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 0.875rem);
35
+ height: var(--icon-size, 0.875rem);
36
+ vertical-align: bottom;
34
37
  }
35
38
  .svg-icon:before {
36
39
  content: "";
40
+ display: inline-block;
37
41
  background-color: var(--icon-fill, currentColor);
38
- width: var(--icon-size, 14px);
39
- height: var(--icon-size, 14px);
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-mask-size: 100%;
45
+ mask-size: 100%;
40
46
  }
41
47
  .svg-icon.horizontal {
42
48
  transform: scaleX(-1);
@@ -47,16 +53,10 @@
47
53
  .svg-icon.svg-pencil:before {
48
54
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
49
55
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
50
- -webkit-mask-size: 100%;
51
- mask-size: 100%;
52
- display: block;
53
56
  }
54
57
  .svg-icon.svg-rotate-right:before {
55
58
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
56
59
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
57
- -webkit-mask-size: 100%;
58
- mask-size: 100%;
59
- display: block;
60
60
  }
61
61
 
62
62
  wm-modal-pss-footer {
package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 0.875rem);
35
+ height: var(--icon-size, 0.875rem);
36
+ vertical-align: bottom;
34
37
  }
35
38
  .svg-icon:before {
36
39
  content: "";
40
+ display: inline-block;
37
41
  background-color: var(--icon-fill, currentColor);
38
- width: var(--icon-size, 14px);
39
- height: var(--icon-size, 14px);
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-mask-size: 100%;
45
+ mask-size: 100%;
40
46
  }
41
47
  .svg-icon.horizontal {
42
48
  transform: scaleX(-1);
@@ -47,16 +53,10 @@
47
53
  .svg-icon.svg-pencil:before {
48
54
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
49
55
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
50
- -webkit-mask-size: 100%;
51
- mask-size: 100%;
52
- display: block;
53
56
  }
54
57
  .svg-icon.svg-rotate-right:before {
55
58
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
56
59
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
57
- -webkit-mask-size: 100%;
58
- mask-size: 100%;
59
- display: block;
60
60
  }
61
61
 
62
62
  wm-modal-pss-header {
package/dist/collection/components/wm-modal-pss/wm-modal-pss.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 0.875rem);
35
+ height: var(--icon-size, 0.875rem);
36
+ vertical-align: bottom;
34
37
  }
35
38
  .svg-icon:before {
36
39
  content: "";
40
+ display: inline-block;
37
41
  background-color: var(--icon-fill, currentColor);
38
- width: var(--icon-size, 14px);
39
- height: var(--icon-size, 14px);
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-mask-size: 100%;
45
+ mask-size: 100%;
40
46
  }
41
47
  .svg-icon.horizontal {
42
48
  transform: scaleX(-1);
@@ -47,16 +53,10 @@
47
53
  .svg-icon.svg-pencil:before {
48
54
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
49
55
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
50
- -webkit-mask-size: 100%;
51
- mask-size: 100%;
52
- display: block;
53
56
  }
54
57
  .svg-icon.svg-rotate-right:before {
55
58
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
56
59
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
57
- -webkit-mask-size: 100%;
58
- mask-size: 100%;
59
- display: block;
60
60
  }
61
61
 
62
62
  wm-modal-pss {
package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 0.875rem);
35
+ height: var(--icon-size, 0.875rem);
36
+ vertical-align: bottom;
34
37
  }
35
38
  .svg-icon:before {
36
39
  content: "";
40
+ display: inline-block;
37
41
  background-color: var(--icon-fill, currentColor);
38
- width: var(--icon-size, 14px);
39
- height: var(--icon-size, 14px);
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-mask-size: 100%;
45
+ mask-size: 100%;
40
46
  }
41
47
  .svg-icon.horizontal {
42
48
  transform: scaleX(-1);
@@ -47,16 +53,10 @@
47
53
  .svg-icon.svg-pencil:before {
48
54
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
49
55
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
50
- -webkit-mask-size: 100%;
51
- mask-size: 100%;
52
- display: block;
53
56
  }
54
57
  .svg-icon.svg-rotate-right:before {
55
58
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
56
59
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
57
- -webkit-mask-size: 100%;
58
- mask-size: 100%;
59
- display: block;
60
60
  }
61
61
 
62
62
  button {
@@ -85,7 +85,7 @@ button:hover {
85
85
  font: normal normal normal 24px/1 "Material Design Icons";
86
86
  font-size: inherit;
87
87
  text-rendering: auto;
88
- line-height: inherit;
88
+ line-height: 1;
89
89
  -webkit-font-smoothing: antialiased;
90
90
  -moz-osx-font-smoothing: grayscale;
91
91
  content: "\f35c";
package/dist/collection/components/wm-navigation/wm-navigation-item.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 0.875rem);
35
+ height: var(--icon-size, 0.875rem);
36
+ vertical-align: bottom;
34
37
  }
35
38
  .svg-icon:before {
36
39
  content: "";
40
+ display: inline-block;
37
41
  background-color: var(--icon-fill, currentColor);
38
- width: var(--icon-size, 14px);
39
- height: var(--icon-size, 14px);
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-mask-size: 100%;
45
+ mask-size: 100%;
40
46
  }
41
47
  .svg-icon.horizontal {
42
48
  transform: scaleX(-1);
@@ -47,16 +53,10 @@
47
53
  .svg-icon.svg-pencil:before {
48
54
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
49
55
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
50
- -webkit-mask-size: 100%;
51
- mask-size: 100%;
52
- display: block;
53
56
  }
54
57
  .svg-icon.svg-rotate-right:before {
55
58
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
56
59
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
57
- -webkit-mask-size: 100%;
58
- mask-size: 100%;
59
- display: block;
60
60
  }
61
61
 
62
62
  .link {
package/dist/collection/components/wm-navigation/wm-navigation.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 0.875rem);
35
+ height: var(--icon-size, 0.875rem);
36
+ vertical-align: bottom;
34
37
  }
35
38
  .svg-icon:before {
36
39
  content: "";
40
+ display: inline-block;
37
41
  background-color: var(--icon-fill, currentColor);
38
- width: var(--icon-size, 14px);
39
- height: var(--icon-size, 14px);
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-mask-size: 100%;
45
+ mask-size: 100%;
40
46
  }
41
47
  .svg-icon.horizontal {
42
48
  transform: scaleX(-1);
@@ -47,16 +53,10 @@
47
53
  .svg-icon.svg-pencil:before {
48
54
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
49
55
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
50
- -webkit-mask-size: 100%;
51
- mask-size: 100%;
52
- display: block;
53
56
  }
54
57
  .svg-icon.svg-rotate-right:before {
55
58
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
56
59
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
57
- -webkit-mask-size: 100%;
58
- mask-size: 100%;
59
- display: block;
60
60
  }
61
61
 
62
62
  :host {
package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 0.875rem);
35
+ height: var(--icon-size, 0.875rem);
36
+ vertical-align: bottom;
34
37
  }
35
38
  .svg-icon:before {
36
39
  content: "";
40
+ display: inline-block;
37
41
  background-color: var(--icon-fill, currentColor);
38
- width: var(--icon-size, 14px);
39
- height: var(--icon-size, 14px);
42
+ width: 100%;
43
+ height: 100%;
44
+ -webkit-mask-size: 100%;
45
+ mask-size: 100%;
40
46
  }
41
47
  .svg-icon.horizontal {
42
48
  transform: scaleX(-1);
@@ -47,16 +53,10 @@
47
53
  .svg-icon.svg-pencil:before {
48
54
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
49
55
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
50
- -webkit-mask-size: 100%;
51
- mask-size: 100%;
52
- display: block;
53
56
  }
54
57
  .svg-icon.svg-rotate-right:before {
55
58
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
56
59
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
57
- -webkit-mask-size: 100%;
58
- mask-size: 100%;
59
- display: block;
60
60
  }
61
61
 
62
62
  :host * {