@watermarkinsights/ripple 5.10.0-3 → 5.10.0-5

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 (253) hide show
  1. package/dist/cjs/{global-f153d3a9.js → global-d4582496.js} +1 -1
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/priv-calendar.cjs.entry.js +1 -1
  4. package/dist/cjs/priv-chart-popover.cjs.entry.js +1 -1
  5. package/dist/cjs/priv-navigator-button.cjs.entry.js +1 -1
  6. package/dist/cjs/priv-navigator-item.cjs.entry.js +1 -1
  7. package/dist/cjs/priv-option-list.cjs.entry.js +1 -1
  8. package/dist/cjs/ripple.cjs.js +1 -1
  9. package/dist/cjs/wm-action-menu_2.cjs.entry.js +5 -4
  10. package/dist/cjs/wm-button.cjs.entry.js +13 -11
  11. package/dist/cjs/wm-chart.cjs.entry.js +1 -1
  12. package/dist/cjs/wm-date-range.cjs.entry.js +1 -1
  13. package/dist/cjs/wm-datepicker.cjs.entry.js +1 -1
  14. package/dist/cjs/wm-file-list.cjs.entry.js +1 -1
  15. package/dist/cjs/wm-file.cjs.entry.js +1 -1
  16. package/dist/cjs/wm-input.cjs.entry.js +1 -1
  17. package/dist/cjs/wm-line-chart.cjs.entry.js +1 -1
  18. package/dist/cjs/wm-modal-pss_3.cjs.entry.js +3 -3
  19. package/dist/cjs/wm-modal_3.cjs.entry.js +3 -3
  20. package/dist/cjs/wm-navigation_3.cjs.entry.js +3 -3
  21. package/dist/cjs/wm-navigator.cjs.entry.js +1 -1
  22. package/dist/cjs/wm-nested-select.cjs.entry.js +1 -1
  23. package/dist/cjs/wm-optgroup.cjs.entry.js +1 -1
  24. package/dist/cjs/wm-option_2.cjs.entry.js +2 -2
  25. package/dist/cjs/wm-pagination.cjs.entry.js +1 -1
  26. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +2 -2
  27. package/dist/cjs/wm-search.cjs.entry.js +1 -1
  28. package/dist/cjs/wm-snackbar.cjs.entry.js +1 -1
  29. package/dist/cjs/wm-tab-item_3.cjs.entry.js +3 -3
  30. package/dist/cjs/wm-tag-input.cjs.entry.js +1 -1
  31. package/dist/cjs/wm-textarea.cjs.entry.js +1 -1
  32. package/dist/cjs/wm-timepicker.cjs.entry.js +1 -1
  33. package/dist/cjs/wm-toggletip.cjs.entry.js +1 -1
  34. package/dist/cjs/wm-uploader.cjs.entry.js +4 -3
  35. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +8 -8
  36. package/dist/collection/components/charts/wm-chart/wm-chart.css +8 -8
  37. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +10 -10
  38. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +8 -8
  39. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +8 -8
  40. package/dist/collection/components/datepickers/datepicker.css +9 -9
  41. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css +11 -11
  42. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +10 -10
  43. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +12 -12
  44. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css +8 -8
  45. package/dist/collection/components/selects/wm-option/wm-option.css +10 -10
  46. package/dist/collection/components/selects/wm-select/wm-select.css +10 -10
  47. package/dist/collection/components/wm-action-menu/wm-action-menu.css +8 -8
  48. package/dist/collection/components/wm-button/wm-button.css +14 -12
  49. package/dist/collection/components/wm-button/wm-button.js +12 -10
  50. package/dist/collection/components/wm-file/wm-file.css +9 -9
  51. package/dist/collection/components/wm-file-list/wm-file-list.css +8 -8
  52. package/dist/collection/components/wm-input/wm-input.css +9 -9
  53. package/dist/collection/components/wm-menuitem/wm-menuitem.css +9 -9
  54. package/dist/collection/components/wm-menuitem/wm-menuitem.js +3 -2
  55. package/dist/collection/components/wm-modal/wm-modal-footer.css +8 -8
  56. package/dist/collection/components/wm-modal/wm-modal-header.css +8 -8
  57. package/dist/collection/components/wm-modal/wm-modal.css +8 -8
  58. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +8 -8
  59. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +8 -8
  60. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +8 -8
  61. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +9 -9
  62. package/dist/collection/components/wm-navigation/wm-navigation-item.css +8 -8
  63. package/dist/collection/components/wm-navigation/wm-navigation.css +8 -8
  64. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +8 -8
  65. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +8 -8
  66. package/dist/collection/components/wm-navigator/wm-navigator.css +8 -8
  67. package/dist/collection/components/wm-pagination/wm-pagination.css +8 -8
  68. package/dist/collection/components/wm-search/wm-search.css +9 -9
  69. package/dist/collection/components/wm-snackbar/wm-snackbar.css +10 -10
  70. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +8 -8
  71. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +8 -8
  72. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +8 -8
  73. package/dist/collection/components/wm-tag-input/wm-tag-input.css +13 -13
  74. package/dist/collection/components/wm-textarea/wm-textarea.css +9 -9
  75. package/dist/collection/components/wm-timepicker/wm-timepicker.css +10 -10
  76. package/dist/collection/components/wm-toggletip/wm-toggletip.css +9 -9
  77. package/dist/collection/components/wm-uploader/wm-uploader.css +15 -13
  78. package/dist/collection/components/wm-uploader/wm-uploader.js +3 -2
  79. package/dist/esm/{global-dec87afa.js → global-22a0d586.js} +1 -1
  80. package/dist/esm/loader.js +1 -1
  81. package/dist/esm/priv-calendar.entry.js +1 -1
  82. package/dist/esm/priv-chart-popover.entry.js +1 -1
  83. package/dist/esm/priv-navigator-button.entry.js +1 -1
  84. package/dist/esm/priv-navigator-item.entry.js +1 -1
  85. package/dist/esm/priv-option-list.entry.js +1 -1
  86. package/dist/esm/ripple.js +1 -1
  87. package/dist/esm/wm-action-menu_2.entry.js +5 -4
  88. package/dist/esm/wm-button.entry.js +13 -11
  89. package/dist/esm/wm-chart.entry.js +1 -1
  90. package/dist/esm/wm-date-range.entry.js +1 -1
  91. package/dist/esm/wm-datepicker.entry.js +1 -1
  92. package/dist/esm/wm-file-list.entry.js +1 -1
  93. package/dist/esm/wm-file.entry.js +1 -1
  94. package/dist/esm/wm-input.entry.js +1 -1
  95. package/dist/esm/wm-line-chart.entry.js +1 -1
  96. package/dist/esm/wm-modal-pss_3.entry.js +3 -3
  97. package/dist/esm/wm-modal_3.entry.js +3 -3
  98. package/dist/esm/wm-navigation_3.entry.js +3 -3
  99. package/dist/esm/wm-navigator.entry.js +1 -1
  100. package/dist/esm/wm-nested-select.entry.js +1 -1
  101. package/dist/esm/wm-optgroup.entry.js +1 -1
  102. package/dist/esm/wm-option_2.entry.js +2 -2
  103. package/dist/esm/wm-pagination.entry.js +1 -1
  104. package/dist/esm/wm-progress-indicator_3.entry.js +2 -2
  105. package/dist/esm/wm-search.entry.js +1 -1
  106. package/dist/esm/wm-snackbar.entry.js +1 -1
  107. package/dist/esm/wm-tab-item_3.entry.js +3 -3
  108. package/dist/esm/wm-tag-input.entry.js +1 -1
  109. package/dist/esm/wm-textarea.entry.js +1 -1
  110. package/dist/esm/wm-timepicker.entry.js +1 -1
  111. package/dist/esm/wm-toggletip.entry.js +1 -1
  112. package/dist/esm/wm-uploader.entry.js +4 -3
  113. package/dist/esm-es5/{global-dec87afa.js → global-22a0d586.js} +1 -1
  114. package/dist/esm-es5/loader.js +1 -1
  115. package/dist/esm-es5/priv-calendar.entry.js +1 -1
  116. package/dist/esm-es5/priv-chart-popover.entry.js +1 -1
  117. package/dist/esm-es5/priv-navigator-button.entry.js +1 -1
  118. package/dist/esm-es5/priv-navigator-item.entry.js +1 -1
  119. package/dist/esm-es5/priv-option-list.entry.js +1 -1
  120. package/dist/esm-es5/ripple.js +1 -1
  121. package/dist/esm-es5/wm-action-menu_2.entry.js +1 -1
  122. package/dist/esm-es5/wm-button.entry.js +1 -1
  123. package/dist/esm-es5/wm-chart.entry.js +1 -1
  124. package/dist/esm-es5/wm-date-range.entry.js +1 -1
  125. package/dist/esm-es5/wm-datepicker.entry.js +1 -1
  126. package/dist/esm-es5/wm-file-list.entry.js +1 -1
  127. package/dist/esm-es5/wm-file.entry.js +1 -1
  128. package/dist/esm-es5/wm-input.entry.js +1 -1
  129. package/dist/esm-es5/wm-line-chart.entry.js +1 -1
  130. package/dist/esm-es5/wm-modal-pss_3.entry.js +1 -1
  131. package/dist/esm-es5/wm-modal_3.entry.js +1 -1
  132. package/dist/esm-es5/wm-navigation_3.entry.js +1 -1
  133. package/dist/esm-es5/wm-navigator.entry.js +1 -1
  134. package/dist/esm-es5/wm-nested-select.entry.js +1 -1
  135. package/dist/esm-es5/wm-optgroup.entry.js +1 -1
  136. package/dist/esm-es5/wm-option_2.entry.js +1 -1
  137. package/dist/esm-es5/wm-pagination.entry.js +1 -1
  138. package/dist/esm-es5/wm-progress-indicator_3.entry.js +1 -1
  139. package/dist/esm-es5/wm-search.entry.js +1 -1
  140. package/dist/esm-es5/wm-snackbar.entry.js +1 -1
  141. package/dist/esm-es5/wm-tab-item_3.entry.js +1 -1
  142. package/dist/esm-es5/wm-tag-input.entry.js +1 -1
  143. package/dist/esm-es5/wm-textarea.entry.js +1 -1
  144. package/dist/esm-es5/wm-timepicker.entry.js +1 -1
  145. package/dist/esm-es5/wm-toggletip.entry.js +1 -1
  146. package/dist/esm-es5/wm-uploader.entry.js +1 -1
  147. package/dist/ripple/p-014a441f.entry.js +1 -0
  148. package/dist/ripple/p-028c82cb.system.entry.js +1 -0
  149. package/dist/ripple/p-082076b7.entry.js +1 -0
  150. package/dist/ripple/p-09cab68e.system.entry.js +1 -0
  151. package/dist/ripple/p-0ac7e29c.entry.js +1 -0
  152. package/dist/ripple/p-0b3ae9a2.system.entry.js +1 -0
  153. package/dist/ripple/{p-a44a39f7.system.js → p-0e05e416.system.js} +1 -1
  154. package/dist/ripple/p-0e778415.system.entry.js +1 -0
  155. package/dist/ripple/p-1118b655.system.entry.js +1 -0
  156. package/dist/ripple/p-1f345795.entry.js +1 -0
  157. package/dist/ripple/{p-8454039b.system.entry.js → p-1ffb64d2.system.entry.js} +1 -1
  158. package/dist/ripple/p-22fba38d.entry.js +1 -0
  159. package/dist/ripple/{p-02ff9d9a.system.entry.js → p-2a75bde3.system.entry.js} +1 -1
  160. package/dist/ripple/p-31afae21.system.entry.js +1 -0
  161. package/dist/ripple/{p-9e5e84ff.system.entry.js → p-324d7114.system.entry.js} +1 -1
  162. package/dist/ripple/p-3324b639.system.entry.js +1 -0
  163. package/dist/ripple/p-37b83daf.system.entry.js +1 -0
  164. package/dist/ripple/p-3a7af097.entry.js +1 -0
  165. package/dist/ripple/p-3b539334.entry.js +1 -0
  166. package/dist/ripple/p-3cdf30b0.system.entry.js +1 -0
  167. package/dist/ripple/{p-7f6bdd09.entry.js → p-476e112b.entry.js} +1 -1
  168. package/dist/ripple/p-4b46df6e.system.entry.js +1 -0
  169. package/dist/ripple/{p-d7312723.entry.js → p-55421d9c.entry.js} +1 -1
  170. package/dist/ripple/{p-9ac65a33.entry.js → p-5874c8b4.entry.js} +1 -1
  171. package/dist/ripple/p-5d0f9808.system.entry.js +1 -0
  172. package/dist/ripple/{p-b1887b90.entry.js → p-5f689406.entry.js} +1 -1
  173. package/dist/ripple/{p-b670af1d.entry.js → p-6389f33c.entry.js} +1 -1
  174. package/dist/ripple/{p-fe00606b.entry.js → p-6c407b3a.entry.js} +1 -1
  175. package/dist/ripple/p-6de9a728.system.entry.js +1 -0
  176. package/dist/ripple/{p-e9588527.entry.js → p-7b28dbb1.entry.js} +1 -1
  177. package/dist/ripple/p-803552bb.system.entry.js +1 -0
  178. package/dist/ripple/{p-3f8f2a25.entry.js → p-8313c0a6.entry.js} +1 -1
  179. package/dist/ripple/p-8ae4c3ae.entry.js +1 -0
  180. package/dist/ripple/p-8c6796eb.system.entry.js +1 -0
  181. package/dist/ripple/{p-6e6f0bb6.system.entry.js → p-8e376a4f.system.entry.js} +1 -1
  182. package/dist/ripple/{p-6837e730.entry.js → p-9234e3ab.entry.js} +1 -1
  183. package/dist/ripple/{p-52ac4efc.entry.js → p-9666ac59.entry.js} +1 -1
  184. package/dist/ripple/{p-f36a21d9.system.js → p-98ad67fb.system.js} +1 -1
  185. package/dist/ripple/{p-8a8f341e.entry.js → p-9d1b058b.entry.js} +1 -1
  186. package/dist/ripple/p-a2d4489c.entry.js +1 -0
  187. package/dist/ripple/p-a353df1e.system.entry.js +1 -0
  188. package/dist/ripple/{p-47719c70.entry.js → p-a4c7bad4.entry.js} +1 -1
  189. package/dist/ripple/{p-36df9054.js → p-a559c0a9.js} +1 -1
  190. package/dist/ripple/{p-891a5937.system.entry.js → p-a8c1a2a5.system.entry.js} +1 -1
  191. package/dist/ripple/{p-ddcdf330.entry.js → p-b222d2d2.entry.js} +1 -1
  192. package/dist/ripple/{p-897995da.system.entry.js → p-b4371a9a.system.entry.js} +1 -1
  193. package/dist/ripple/{p-45d9682c.system.entry.js → p-ba5b543b.system.entry.js} +1 -1
  194. package/dist/ripple/p-bf598dfd.system.entry.js +1 -0
  195. package/dist/ripple/p-c0be5d3e.system.entry.js +1 -0
  196. package/dist/ripple/p-c67b6f3c.system.entry.js +1 -0
  197. package/dist/ripple/p-c8c4fa4a.system.entry.js +1 -0
  198. package/dist/ripple/{p-c232f2de.entry.js → p-c9648df9.entry.js} +1 -1
  199. package/dist/ripple/p-c9d28c34.entry.js +1 -0
  200. package/dist/ripple/p-cc1528b5.entry.js +1 -0
  201. package/dist/ripple/p-d2533b64.entry.js +1 -0
  202. package/dist/ripple/{p-ccfffedb.entry.js → p-d525368f.entry.js} +1 -1
  203. package/dist/ripple/p-d900852a.entry.js +1 -0
  204. package/dist/ripple/{p-40defee8.entry.js → p-dd2f9afe.entry.js} +1 -1
  205. package/dist/ripple/p-e4e40919.system.entry.js +1 -0
  206. package/dist/ripple/p-e5424580.system.entry.js +1 -0
  207. package/dist/ripple/p-ec34974a.entry.js +1 -0
  208. package/dist/ripple/p-f076de31.entry.js +1 -0
  209. package/dist/ripple/p-f14f7116.system.entry.js +1 -0
  210. package/dist/ripple/{p-4e741c68.system.entry.js → p-f1976ed6.system.entry.js} +1 -1
  211. package/dist/ripple/{p-e6251fc6.system.entry.js → p-fcd0681d.system.entry.js} +1 -1
  212. package/dist/ripple/ripple.css +1 -1
  213. package/dist/ripple/ripple.esm.js +1 -1
  214. package/dist/ripple/ripple.js +1 -1
  215. package/dist/types/components/wm-button/wm-button.d.ts +0 -5
  216. package/package.json +1 -1
  217. package/dist/ripple/p-056f9114.system.entry.js +0 -1
  218. package/dist/ripple/p-0c66ecba.entry.js +0 -1
  219. package/dist/ripple/p-0e6fc5a0.system.entry.js +0 -1
  220. package/dist/ripple/p-0eaa5f28.system.entry.js +0 -1
  221. package/dist/ripple/p-1664fdca.entry.js +0 -1
  222. package/dist/ripple/p-1d05f67b.system.entry.js +0 -1
  223. package/dist/ripple/p-1d8a56df.entry.js +0 -1
  224. package/dist/ripple/p-1e43b4cc.system.entry.js +0 -1
  225. package/dist/ripple/p-267c761d.entry.js +0 -1
  226. package/dist/ripple/p-28b03c72.entry.js +0 -1
  227. package/dist/ripple/p-39edbc9c.entry.js +0 -1
  228. package/dist/ripple/p-3cbe36c5.system.entry.js +0 -1
  229. package/dist/ripple/p-4edaeeeb.system.entry.js +0 -1
  230. package/dist/ripple/p-5782584c.system.entry.js +0 -1
  231. package/dist/ripple/p-6483c620.entry.js +0 -1
  232. package/dist/ripple/p-6be637a4.system.entry.js +0 -1
  233. package/dist/ripple/p-73cba751.entry.js +0 -1
  234. package/dist/ripple/p-87f0b9e4.system.entry.js +0 -1
  235. package/dist/ripple/p-8dfff1de.entry.js +0 -1
  236. package/dist/ripple/p-94283558.system.entry.js +0 -1
  237. package/dist/ripple/p-9cf3201c.system.entry.js +0 -1
  238. package/dist/ripple/p-b7d6a53d.system.entry.js +0 -1
  239. package/dist/ripple/p-bf45953e.system.entry.js +0 -1
  240. package/dist/ripple/p-d16fcb24.entry.js +0 -1
  241. package/dist/ripple/p-d1a46a3d.entry.js +0 -1
  242. package/dist/ripple/p-da3003ab.entry.js +0 -1
  243. package/dist/ripple/p-dbda39c7.system.entry.js +0 -1
  244. package/dist/ripple/p-e19a8330.entry.js +0 -1
  245. package/dist/ripple/p-e60b5c6e.entry.js +0 -1
  246. package/dist/ripple/p-e8e6c4cf.system.entry.js +0 -1
  247. package/dist/ripple/p-e9ec2446.system.entry.js +0 -1
  248. package/dist/ripple/p-f128a700.system.entry.js +0 -1
  249. package/dist/ripple/p-f22a2dcd.system.entry.js +0 -1
  250. package/dist/ripple/p-f3e19729.entry.js +0 -1
  251. package/dist/ripple/p-f56f2911.system.entry.js +0 -1
  252. package/dist/ripple/p-f657216e.system.entry.js +0 -1
  253. package/dist/ripple/p-ff7df52d.system.entry.js +0 -1
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 = "18px";
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", style: { "--icon-fill": "currentColor" } }, 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 } }, 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, 14px);
35
+ height: var(--icon-size, 14px);
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, 14px);
35
+ height: var(--icon-size, 14px);
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, 14px);
35
+ height: var(--icon-size, 14px);
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, 14px);
35
+ height: var(--icon-size, 14px);
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, 14px);
35
+ height: var(--icon-size, 14px);
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, 14px);
35
+ height: var(--icon-size, 14px);
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, 14px);
35
+ height: var(--icon-size, 14px);
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, 14px);
35
+ height: var(--icon-size, 14px);
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, 14px);
35
+ height: var(--icon-size, 14px);
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, 14px);
35
+ height: var(--icon-size, 14px);
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-item/priv-navigator-item.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 14px);
35
+ height: var(--icon-size, 14px);
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/wm-navigator.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 14px);
35
+ height: var(--icon-size, 14px);
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-pagination/wm-pagination.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 14px);
35
+ height: var(--icon-size, 14px);
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-search/wm-search.css CHANGED
@@ -31,12 +31,18 @@
31
31
  -------------------------------------- */
32
32
  .svg-icon {
33
33
  display: inline-block;
34
+ width: var(--icon-size, 14px);
35
+ height: var(--icon-size, 14px);
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 {
@@ -83,7 +83,7 @@
83
83
  font: normal normal normal 24px/1 "Material Design Icons";
84
84
  font-size: inherit;
85
85
  text-rendering: auto;
86
- line-height: inherit;
86
+ line-height: 1;
87
87
  -webkit-font-smoothing: antialiased;
88
88
  -moz-osx-font-smoothing: grayscale;
89
89
  font-size: 1.12rem;