@watermarkinsights/ripple 5.18.0 → 5.19.0-alpha.1

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 (231) hide show
  1. package/dist/cjs/{app-globals-6fe4a21a.js → app-globals-c7500647.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 +2 -2
  10. package/dist/cjs/wm-button.cjs.entry.js +1 -1
  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-flyout.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 +1 -1
  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 +2 -2
  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 +1 -1
  36. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +13 -0
  37. package/dist/collection/components/charts/wm-chart/wm-chart.css +13 -0
  38. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +13 -0
  39. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +13 -0
  40. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +13 -0
  41. package/dist/collection/components/datepickers/datepicker.css +44 -0
  42. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css +13 -0
  43. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +14 -0
  44. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +15 -0
  45. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css +13 -0
  46. package/dist/collection/components/selects/wm-option/wm-option.css +35 -0
  47. package/dist/collection/components/selects/wm-select/wm-select.css +13 -0
  48. package/dist/collection/components/wm-action-menu/wm-action-menu.css +13 -0
  49. package/dist/collection/components/wm-button/wm-button.css +13 -0
  50. package/dist/collection/components/wm-file/wm-file.css +13 -0
  51. package/dist/collection/components/wm-file-list/wm-file-list.css +13 -0
  52. package/dist/collection/components/wm-flyout/wm-flyout.css +13 -0
  53. package/dist/collection/components/wm-input/wm-input.css +13 -0
  54. package/dist/collection/components/wm-menuitem/wm-menuitem.css +48 -0
  55. package/dist/collection/components/wm-modal/wm-modal-footer.css +13 -0
  56. package/dist/collection/components/wm-modal/wm-modal-header.css +13 -0
  57. package/dist/collection/components/wm-modal/wm-modal.css +13 -0
  58. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +13 -0
  59. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +13 -0
  60. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +13 -0
  61. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +13 -0
  62. package/dist/collection/components/wm-navigation/wm-navigation-item.css +13 -0
  63. package/dist/collection/components/wm-navigation/wm-navigation.css +13 -0
  64. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +44 -0
  65. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +13 -0
  66. package/dist/collection/components/wm-navigator/wm-navigator.css +13 -0
  67. package/dist/collection/components/wm-pagination/wm-pagination.css +44 -0
  68. package/dist/collection/components/wm-search/wm-search.css +44 -0
  69. package/dist/collection/components/wm-snackbar/wm-snackbar.css +44 -0
  70. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +13 -0
  71. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +13 -0
  72. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +13 -0
  73. package/dist/collection/components/wm-tag-input/wm-tag-input.css +13 -0
  74. package/dist/collection/components/wm-textarea/wm-textarea.css +13 -0
  75. package/dist/collection/components/wm-timepicker/wm-timepicker.css +44 -0
  76. package/dist/collection/components/wm-toggletip/wm-toggletip.css +13 -0
  77. package/dist/collection/components/wm-uploader/wm-uploader.css +44 -0
  78. package/dist/esm/{app-globals-a7a4432a.js → app-globals-f089afb3.js} +1 -1
  79. package/dist/esm/loader.js +1 -1
  80. package/dist/esm/polyfills/core-js.js +0 -0
  81. package/dist/esm/polyfills/dom.js +0 -0
  82. package/dist/esm/polyfills/es5-html-element.js +0 -0
  83. package/dist/esm/polyfills/index.js +0 -0
  84. package/dist/esm/polyfills/system.js +0 -0
  85. package/dist/esm/priv-calendar.entry.js +1 -1
  86. package/dist/esm/priv-chart-popover.entry.js +1 -1
  87. package/dist/esm/priv-navigator-button.entry.js +1 -1
  88. package/dist/esm/priv-navigator-item.entry.js +1 -1
  89. package/dist/esm/priv-option-list.entry.js +1 -1
  90. package/dist/esm/ripple.js +1 -1
  91. package/dist/esm/wm-action-menu_2.entry.js +2 -2
  92. package/dist/esm/wm-button.entry.js +1 -1
  93. package/dist/esm/wm-chart.entry.js +1 -1
  94. package/dist/esm/wm-date-range.entry.js +1 -1
  95. package/dist/esm/wm-datepicker.entry.js +1 -1
  96. package/dist/esm/wm-file-list.entry.js +1 -1
  97. package/dist/esm/wm-file.entry.js +1 -1
  98. package/dist/esm/wm-flyout.entry.js +1 -1
  99. package/dist/esm/wm-input.entry.js +1 -1
  100. package/dist/esm/wm-line-chart.entry.js +1 -1
  101. package/dist/esm/wm-modal-pss_3.entry.js +3 -3
  102. package/dist/esm/wm-modal_3.entry.js +3 -3
  103. package/dist/esm/wm-navigation_3.entry.js +3 -3
  104. package/dist/esm/wm-navigator.entry.js +1 -1
  105. package/dist/esm/wm-nested-select.entry.js +1 -1
  106. package/dist/esm/wm-optgroup.entry.js +1 -1
  107. package/dist/esm/wm-option_2.entry.js +2 -2
  108. package/dist/esm/wm-pagination.entry.js +1 -1
  109. package/dist/esm/wm-progress-indicator_3.entry.js +2 -2
  110. package/dist/esm/wm-search.entry.js +1 -1
  111. package/dist/esm/wm-snackbar.entry.js +1 -1
  112. package/dist/esm/wm-tab-item_3.entry.js +3 -3
  113. package/dist/esm/wm-tag-input.entry.js +1 -1
  114. package/dist/esm/wm-textarea.entry.js +1 -1
  115. package/dist/esm/wm-timepicker.entry.js +1 -1
  116. package/dist/esm/wm-toggletip.entry.js +1 -1
  117. package/dist/esm/wm-uploader.entry.js +1 -1
  118. package/dist/esm-es5/app-globals-f089afb3.js +1 -0
  119. package/dist/esm-es5/loader.js +1 -1
  120. package/dist/esm-es5/priv-calendar.entry.js +1 -1
  121. package/dist/esm-es5/priv-chart-popover.entry.js +1 -1
  122. package/dist/esm-es5/priv-navigator-button.entry.js +1 -1
  123. package/dist/esm-es5/priv-navigator-item.entry.js +1 -1
  124. package/dist/esm-es5/priv-option-list.entry.js +1 -1
  125. package/dist/esm-es5/ripple.js +1 -1
  126. package/dist/esm-es5/wm-action-menu_2.entry.js +1 -1
  127. package/dist/esm-es5/wm-button.entry.js +1 -1
  128. package/dist/esm-es5/wm-chart.entry.js +1 -1
  129. package/dist/esm-es5/wm-date-range.entry.js +1 -1
  130. package/dist/esm-es5/wm-datepicker.entry.js +1 -1
  131. package/dist/esm-es5/wm-file-list.entry.js +1 -1
  132. package/dist/esm-es5/wm-file.entry.js +1 -1
  133. package/dist/esm-es5/wm-flyout.entry.js +1 -1
  134. package/dist/esm-es5/wm-input.entry.js +1 -1
  135. package/dist/esm-es5/wm-line-chart.entry.js +1 -1
  136. package/dist/esm-es5/wm-modal-pss_3.entry.js +1 -1
  137. package/dist/esm-es5/wm-modal_3.entry.js +1 -1
  138. package/dist/esm-es5/wm-navigation_3.entry.js +1 -1
  139. package/dist/esm-es5/wm-navigator.entry.js +1 -1
  140. package/dist/esm-es5/wm-nested-select.entry.js +1 -1
  141. package/dist/esm-es5/wm-optgroup.entry.js +1 -1
  142. package/dist/esm-es5/wm-option_2.entry.js +1 -1
  143. package/dist/esm-es5/wm-pagination.entry.js +1 -1
  144. package/dist/esm-es5/wm-progress-indicator_3.entry.js +1 -1
  145. package/dist/esm-es5/wm-search.entry.js +1 -1
  146. package/dist/esm-es5/wm-snackbar.entry.js +1 -1
  147. package/dist/esm-es5/wm-tab-item_3.entry.js +1 -1
  148. package/dist/esm-es5/wm-tag-input.entry.js +1 -1
  149. package/dist/esm-es5/wm-textarea.entry.js +1 -1
  150. package/dist/esm-es5/wm-timepicker.entry.js +1 -1
  151. package/dist/esm-es5/wm-toggletip.entry.js +1 -1
  152. package/dist/esm-es5/wm-uploader.entry.js +1 -1
  153. package/dist/ripple/{p-421c9f1c.entry.js → p-009a6e5a.entry.js} +1 -1
  154. package/dist/ripple/{p-44aa37cf.system.js → p-00a48988.system.js} +1 -1
  155. package/dist/ripple/{p-bdb7575c.entry.js → p-047e510d.entry.js} +1 -1
  156. package/dist/ripple/{p-573116c7.entry.js → p-1eb2ec31.system.entry.js} +1 -1
  157. package/dist/ripple/p-1efa25b5.system.entry.js +1 -0
  158. package/dist/ripple/{p-21a865c7.entry.js → p-21c100d8.entry.js} +1 -1
  159. package/dist/ripple/{p-e0a435c8.entry.js → p-222624ae.entry.js} +1 -1
  160. package/dist/ripple/{p-a715a296.system.entry.js → p-22d4c7e0.system.entry.js} +1 -1
  161. package/dist/ripple/p-25c17efe.system.entry.js +1 -0
  162. package/dist/ripple/{p-ccfa2912.system.entry.js → p-26ab5004.system.entry.js} +1 -1
  163. package/dist/ripple/{p-96593625.entry.js → p-2763a193.entry.js} +1 -1
  164. package/dist/ripple/{p-bfeb1d2b.system.entry.js → p-2c112c06.system.entry.js} +1 -1
  165. package/dist/ripple/{p-4a59651f.system.entry.js → p-2d9328dd.system.entry.js} +1 -1
  166. package/dist/ripple/{p-338be771.system.entry.js → p-350f9314.system.entry.js} +1 -1
  167. package/dist/ripple/{p-1cd08fba.entry.js → p-386d990c.entry.js} +1 -1
  168. package/dist/ripple/{p-17b798d5.entry.js → p-39cf240f.entry.js} +1 -1
  169. package/dist/ripple/{p-5e027ae8.system.entry.js → p-3c9972a6.system.entry.js} +1 -1
  170. package/dist/ripple/{p-e2433096.system.entry.js → p-4175c4b0.system.entry.js} +1 -1
  171. package/dist/ripple/p-494d52b3.js +1 -0
  172. package/dist/ripple/{p-a23db8ef.system.entry.js → p-561d1898.system.entry.js} +1 -1
  173. package/dist/ripple/{p-272c153a.system.entry.js → p-5bf2eb50.system.entry.js} +1 -1
  174. package/dist/ripple/{p-76aef56f.entry.js → p-5e7893f0.entry.js} +1 -1
  175. package/dist/ripple/{p-34808b52.system.entry.js → p-5ecdb43e.system.entry.js} +1 -1
  176. package/dist/ripple/{p-10f90e83.entry.js → p-602ea108.entry.js} +1 -1
  177. package/dist/ripple/{p-3bc9fa11.entry.js → p-66489ded.entry.js} +1 -1
  178. package/dist/ripple/{p-a6411a2c.system.entry.js → p-68e90b50.system.entry.js} +1 -1
  179. package/dist/ripple/{p-bd07fa39.entry.js → p-69b38da5.entry.js} +1 -1
  180. package/dist/ripple/{p-6ed0c6a1.system.entry.js → p-6a40014e.system.entry.js} +1 -1
  181. package/dist/ripple/{p-e577e77b.system.entry.js → p-6d32911c.system.entry.js} +1 -1
  182. package/dist/ripple/{p-ff3577d4.system.entry.js → p-6e331d01.system.entry.js} +1 -1
  183. package/dist/ripple/{p-7e235da0.entry.js → p-71cc21a4.entry.js} +1 -1
  184. package/dist/ripple/{p-ecf49d3d.system.entry.js → p-7394f4e9.system.entry.js} +1 -1
  185. package/dist/ripple/{p-2f977fe1.entry.js → p-7a21aa55.entry.js} +1 -1
  186. package/dist/ripple/{p-10bd6a07.system.entry.js → p-7ca13016.system.entry.js} +1 -1
  187. package/dist/ripple/{p-edb505bc.system.entry.js → p-85ac07c7.system.entry.js} +1 -1
  188. package/dist/ripple/{p-f388b344.system.entry.js → p-8a32bd08.system.entry.js} +1 -1
  189. package/dist/ripple/{p-5f6abf7c.entry.js → p-8e694216.entry.js} +1 -1
  190. package/dist/ripple/{p-cf7275ff.entry.js → p-8fb8253e.entry.js} +1 -1
  191. package/dist/ripple/{p-e652d344.entry.js → p-91c12b65.entry.js} +1 -1
  192. package/dist/ripple/{p-5a5d5833.system.entry.js → p-91c5b14e.system.entry.js} +1 -1
  193. package/dist/ripple/{p-89e6ac6b.entry.js → p-95ce8c39.entry.js} +1 -1
  194. package/dist/ripple/p-99e4e12d.system.entry.js +1 -0
  195. package/dist/ripple/{p-6157e71f.entry.js → p-9ac6957b.entry.js} +1 -1
  196. package/dist/ripple/{p-949ea8b9.entry.js → p-a0ef456d.entry.js} +1 -1
  197. package/dist/ripple/{p-814b2e63.system.entry.js → p-a6f4dd01.system.entry.js} +1 -1
  198. package/dist/ripple/{p-d01cc142.system.entry.js → p-acb4d87c.system.entry.js} +1 -1
  199. package/dist/ripple/{p-ee17087e.entry.js → p-ae2520e4.entry.js} +1 -1
  200. package/dist/ripple/{p-1e19e19b.entry.js → p-b29393d0.entry.js} +1 -1
  201. package/dist/ripple/{p-e93b92ab.entry.js → p-b40454d2.entry.js} +1 -1
  202. package/dist/ripple/{p-b3b0c8ab.entry.js → p-b55883ee.entry.js} +1 -1
  203. package/dist/ripple/{p-8b96a43f.system.entry.js → p-bb364d6b.entry.js} +1 -1
  204. package/dist/ripple/{p-ec45aafa.entry.js → p-bb745e54.entry.js} +1 -1
  205. package/dist/ripple/{p-0a9e6b59.system.entry.js → p-c0f4f1ea.system.entry.js} +1 -1
  206. package/dist/ripple/{p-7e6410dc.entry.js → p-c70fa14f.entry.js} +1 -1
  207. package/dist/ripple/p-c85dae6b.entry.js +1 -0
  208. package/dist/ripple/{p-e3b917c2.system.entry.js → p-c8dfc321.system.entry.js} +1 -1
  209. package/dist/ripple/{p-8c33cb29.entry.js → p-cf12dd5f.entry.js} +1 -1
  210. package/dist/ripple/{p-324aed64.system.entry.js → p-d9c7206b.system.entry.js} +1 -1
  211. package/dist/ripple/{p-a545010d.system.entry.js → p-daac445c.system.entry.js} +1 -1
  212. package/dist/ripple/{p-d5ca4c2f.entry.js → p-dfa30c3d.entry.js} +1 -1
  213. package/dist/ripple/{p-836f04c7.system.entry.js → p-e1a15515.system.entry.js} +1 -1
  214. package/dist/ripple/p-eb8461e0.system.js +1 -0
  215. package/dist/ripple/{p-0eab9da6.entry.js → p-ebfa5876.entry.js} +1 -1
  216. package/dist/ripple/p-ec9f782e.entry.js +1 -0
  217. package/dist/ripple/{p-6b4e1fe9.entry.js → p-ee96cea8.entry.js} +1 -1
  218. package/dist/ripple/{p-5c3404d2.system.entry.js → p-fb61a10e.system.entry.js} +1 -1
  219. package/dist/ripple/p-ff6b7376.system.entry.js +1 -0
  220. package/dist/ripple/ripple.esm.js +1 -1
  221. package/dist/ripple/ripple.js +1 -1
  222. package/package.json +2 -2
  223. package/dist/esm-es5/app-globals-a7a4432a.js +0 -1
  224. package/dist/ripple/p-5d13a319.system.js +0 -1
  225. package/dist/ripple/p-710cbe57.entry.js +0 -1
  226. package/dist/ripple/p-a7744ac7.system.entry.js +0 -1
  227. package/dist/ripple/p-abf3211f.system.entry.js +0 -1
  228. package/dist/ripple/p-aec8daa3.system.entry.js +0 -1
  229. package/dist/ripple/p-af5db493.system.entry.js +0 -1
  230. package/dist/ripple/p-c929e94e.js +0 -1
  231. package/dist/ripple/p-e95f35bd.entry.js +0 -1
package/dist/collection/components/charts/wm-chart/wm-chart.css CHANGED
@@ -1234,6 +1234,19 @@
1234
1234
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
1235
1235
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
1236
1236
  }
1237
+ .svg-icon.svg-sort-column:before {
1238
+ content: "";
1239
+ display: block;
1240
+ background-color: var(--icon-fill, currentColor);
1241
+ width: var(--icon-size, 0.875rem);
1242
+ height: var(--icon-size, 0.875rem);
1243
+ -webkit-mask-size: 100%;
1244
+ mask-size: 100%;
1245
+ }
1246
+ .svg-icon.svg-sort-column:before {
1247
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
1248
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
1249
+ }
1237
1250
  .svg-icon.svg-sort-z-to-a:before {
1238
1251
  content: "";
1239
1252
  display: block;
package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css CHANGED
@@ -1234,6 +1234,19 @@
1234
1234
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
1235
1235
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
1236
1236
  }
1237
+ .svg-icon.svg-sort-column:before {
1238
+ content: "";
1239
+ display: block;
1240
+ background-color: var(--icon-fill, currentColor);
1241
+ width: var(--icon-size, 0.875rem);
1242
+ height: var(--icon-size, 0.875rem);
1243
+ -webkit-mask-size: 100%;
1244
+ mask-size: 100%;
1245
+ }
1246
+ .svg-icon.svg-sort-column:before {
1247
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
1248
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
1249
+ }
1237
1250
  .svg-icon.svg-sort-z-to-a:before {
1238
1251
  content: "";
1239
1252
  display: block;
package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css CHANGED
@@ -844,6 +844,19 @@
844
844
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
845
845
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
846
846
  }
847
+ .svg-icon.svg-sort-column:before {
848
+ content: "";
849
+ display: block;
850
+ background-color: var(--icon-fill, currentColor);
851
+ width: var(--icon-size, 0.875rem);
852
+ height: var(--icon-size, 0.875rem);
853
+ -webkit-mask-size: 100%;
854
+ mask-size: 100%;
855
+ }
856
+ .svg-icon.svg-sort-column:before {
857
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
858
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
859
+ }
847
860
  .svg-icon.svg-sort-z-to-a:before {
848
861
  content: "";
849
862
  display: block;
package/dist/collection/components/datepickers/datepicker.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
@@ -847,6 +860,37 @@
847
860
  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='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/%3E%3C/svg%3E%0A");
848
861
  }
849
862
 
863
+ /* --------------------------------------
864
+ 1. Box-shadow
865
+ -------------------------------------- */
866
+ /* --------------------------------------
867
+ 2. Border-radius
868
+ -------------------------------------- */
869
+ /* --------------------------------------
870
+ 3. Transforms
871
+ -------------------------------------- */
872
+ /* --------------------------------------
873
+ 4. Button Focus
874
+ -------------------------------------- */
875
+ /* --------------------------------------
876
+ 5. Flex
877
+ -------------------------------------- */
878
+ /* --------------------------------------
879
+ 7. Screen Reader Only
880
+ -------------------------------------- */
881
+ /* --------------------------------------
882
+ 8. Label styles
883
+ this mixin includes all the styles for the label
884
+ + flex rules on the parent container to switch between top and left position
885
+ + srOnly when label is hidden
886
+ Assumes the following markup:
887
+ div.wrapper[.label-left.invalid] > div.label-wrapper > label.label > span.required
888
+ .wrapper is for the flex rules
889
+ .label-wrapper is to set the height of the label when positioned left so it's the same height as
890
+ the input. It can't be done directly on .label because of possible line wrapping.
891
+ When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
892
+ (they can't be aligned on the baseline because of possible description text and error message)
893
+ -------------------------------------- */
850
894
  :host * {
851
895
  box-sizing: border-box;
852
896
  }
package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
package/dist/collection/components/selects/priv-option-list/priv-option-list.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
@@ -913,6 +926,7 @@
913
926
  .select-all:focus {
914
927
  outline: none;
915
928
  background: var(--wmcolor-select-option-background-focus);
929
+ color: #fff;
916
930
  }
917
931
 
918
932
  .return-btn,
package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
@@ -1168,10 +1181,12 @@
1168
1181
  .menu .menuitem:focus-visible {
1169
1182
  outline: none;
1170
1183
  background: var(--wmcolor-interactive-background-focus);
1184
+ color: #fff;
1171
1185
  }
1172
1186
  .menu .menuitem:hover {
1173
1187
  background: var(--wmcolor-select-option-background-hover);
1174
1188
  outline: none;
1189
+ color: var(--wmcolor-select-option-text);
1175
1190
  }
1176
1191
 
1177
1192
  .group-btn .option-text {
package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
package/dist/collection/components/selects/wm-option/wm-option.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
@@ -866,6 +879,7 @@
866
879
  :host:focus, :host.focus {
867
880
  outline: none;
868
881
  background: var(--wmcolor-select-option-background-focus);
882
+ color: #fff;
869
883
  }
870
884
  :host.icon {
871
885
  color: var(--wmcolor-interactive);
@@ -895,6 +909,21 @@
895
909
  font-weight: 500;
896
910
  }
897
911
 
912
+ :host([aria-selected=true]:not(.multi-option)) .option-wrapper {
913
+ align-items: center;
914
+ gap: 0.25rem;
915
+ }
916
+ :host([aria-selected=true]:not(.multi-option)) .option-wrapper::before {
917
+ content: "";
918
+ display: block;
919
+ background-color: var(--icon-fill, currentColor);
920
+ width: 1.125rem;
921
+ height: 1.125rem;
922
+ mask-size: 100%;
923
+ -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='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E%0A");
924
+ 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='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E%0A");
925
+ }
926
+
898
927
  :host([aria-disabled=true]) {
899
928
  color: var(--wmcolor-select-option-text-disabled);
900
929
  background: var(--wmcolor-select-option-background-disabled);
@@ -967,9 +996,15 @@
967
996
  :host(:focus-visible) {
968
997
  outline: none;
969
998
  background: var(--wmcolor-select-option-background-focus);
999
+ color: #fff;
1000
+ }
1001
+ :host(:focus-visible) .checkbox.svg-checkbox-blank,
1002
+ :host(:focus-visible) .checkbox.svg-checkbox-selected {
1003
+ --icon-fill: #fff;
970
1004
  }
971
1005
 
972
1006
  :host(:hover) {
973
1007
  background: var(--wmcolor-select-option-background-hover);
1008
+ color: var(--wmcolor-select-option-text);
974
1009
  outline: none;
975
1010
  }
package/dist/collection/components/selects/wm-select/wm-select.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
package/dist/collection/components/wm-action-menu/wm-action-menu.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
package/dist/collection/components/wm-button/wm-button.css CHANGED
@@ -1464,6 +1464,19 @@
1464
1464
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
1465
1465
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
1466
1466
  }
1467
+ .svg-icon.svg-sort-column:before {
1468
+ content: "";
1469
+ display: block;
1470
+ background-color: var(--icon-fill, currentColor);
1471
+ width: var(--icon-size, 0.875rem);
1472
+ height: var(--icon-size, 0.875rem);
1473
+ -webkit-mask-size: 100%;
1474
+ mask-size: 100%;
1475
+ }
1476
+ .svg-icon.svg-sort-column:before {
1477
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
1478
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
1479
+ }
1467
1480
  .svg-icon.svg-sort-z-to-a:before {
1468
1481
  content: "";
1469
1482
  display: block;
package/dist/collection/components/wm-file/wm-file.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
package/dist/collection/components/wm-file-list/wm-file-list.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
package/dist/collection/components/wm-flyout/wm-flyout.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
package/dist/collection/components/wm-input/wm-input.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
package/dist/collection/components/wm-menuitem/wm-menuitem.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
@@ -847,6 +860,37 @@
847
860
  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='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/%3E%3C/svg%3E%0A");
848
861
  }
849
862
 
863
+ /* --------------------------------------
864
+ 1. Box-shadow
865
+ -------------------------------------- */
866
+ /* --------------------------------------
867
+ 2. Border-radius
868
+ -------------------------------------- */
869
+ /* --------------------------------------
870
+ 3. Transforms
871
+ -------------------------------------- */
872
+ /* --------------------------------------
873
+ 4. Button Focus
874
+ -------------------------------------- */
875
+ /* --------------------------------------
876
+ 5. Flex
877
+ -------------------------------------- */
878
+ /* --------------------------------------
879
+ 7. Screen Reader Only
880
+ -------------------------------------- */
881
+ /* --------------------------------------
882
+ 8. Label styles
883
+ this mixin includes all the styles for the label
884
+ + flex rules on the parent container to switch between top and left position
885
+ + srOnly when label is hidden
886
+ Assumes the following markup:
887
+ div.wrapper[.label-left.invalid] > div.label-wrapper > label.label > span.required
888
+ .wrapper is for the flex rules
889
+ .label-wrapper is to set the height of the label when positioned left so it's the same height as
890
+ the input. It can't be done directly on .label because of possible line wrapping.
891
+ When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
892
+ (they can't be aligned on the baseline because of possible description text and error message)
893
+ -------------------------------------- */
850
894
  :host {
851
895
  --wmcolor-actionmenu-item-background-hover: var(--wmcolor-option-background-hover);
852
896
  --wmcolor-actionmenu-item-background-focus: var(--wmcolor-option-background-focus);
@@ -916,6 +960,10 @@
916
960
  :host(:focus-visible) .wrapper {
917
961
  outline: none;
918
962
  background: var(--wmcolor-actionmenu-item-background-focus);
963
+ color: #fff;
964
+ }
965
+ :host(:focus-visible) .wrapper .description {
966
+ color: #fff;
919
967
  }
920
968
 
921
969
  :host([aria-disabled=true]) {
package/dist/collection/components/wm-modal/wm-modal-footer.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
package/dist/collection/components/wm-modal/wm-modal-header.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
package/dist/collection/components/wm-modal/wm-modal.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;
package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css CHANGED
@@ -768,6 +768,19 @@
768
768
  -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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
769
769
  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='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
770
770
  }
771
+ .svg-icon.svg-sort-column:before {
772
+ content: "";
773
+ display: block;
774
+ background-color: var(--icon-fill, currentColor);
775
+ width: var(--icon-size, 0.875rem);
776
+ height: var(--icon-size, 0.875rem);
777
+ -webkit-mask-size: 100%;
778
+ mask-size: 100%;
779
+ }
780
+ .svg-icon.svg-sort-column:before {
781
+ -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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
782
+ 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='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A");
783
+ }
771
784
  .svg-icon.svg-sort-z-to-a:before {
772
785
  content: "";
773
786
  display: block;