@watermarkinsights/ripple 5.18.0 → 5.19.0-alpha.0

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-e50b9802.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 +13 -0
  44. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +13 -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 +13 -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 +44 -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-17f6612b.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-17f6612b.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-bdb7575c.entry.js → p-047e510d.entry.js} +1 -1
  155. package/dist/ripple/{p-573116c7.entry.js → p-1eb2ec31.system.entry.js} +1 -1
  156. package/dist/ripple/p-1efa25b5.system.entry.js +1 -0
  157. package/dist/ripple/{p-21a865c7.entry.js → p-21c100d8.entry.js} +1 -1
  158. package/dist/ripple/{p-e0a435c8.entry.js → p-222624ae.entry.js} +1 -1
  159. package/dist/ripple/{p-a715a296.system.entry.js → p-22d4c7e0.system.entry.js} +1 -1
  160. package/dist/ripple/{p-4a59651f.system.entry.js → p-24bce598.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-bfeb1d2b.system.entry.js → p-2c112c06.system.entry.js} +1 -1
  164. package/dist/ripple/{p-edb505bc.system.entry.js → p-33cde644.system.entry.js} +1 -1
  165. package/dist/ripple/{p-338be771.system.entry.js → p-350f9314.system.entry.js} +1 -1
  166. package/dist/ripple/{p-17b798d5.entry.js → p-39cf240f.entry.js} +1 -1
  167. package/dist/ripple/{p-5e027ae8.system.entry.js → p-3c9972a6.system.entry.js} +1 -1
  168. package/dist/ripple/{p-e2433096.system.entry.js → p-4175c4b0.system.entry.js} +1 -1
  169. package/dist/ripple/{p-cf7275ff.entry.js → p-443b7113.entry.js} +1 -1
  170. package/dist/ripple/{p-a23db8ef.system.entry.js → p-561d1898.system.entry.js} +1 -1
  171. package/dist/ripple/{p-272c153a.system.entry.js → p-5bf2eb50.system.entry.js} +1 -1
  172. package/dist/ripple/{p-76aef56f.entry.js → p-5e7893f0.entry.js} +1 -1
  173. package/dist/ripple/{p-34808b52.system.entry.js → p-5ecdb43e.system.entry.js} +1 -1
  174. package/dist/ripple/p-5fa82732.system.js +1 -0
  175. package/dist/ripple/{p-10f90e83.entry.js → p-602ea108.entry.js} +1 -1
  176. package/dist/ripple/{p-3bc9fa11.entry.js → p-66489ded.entry.js} +1 -1
  177. package/dist/ripple/{p-a6411a2c.system.entry.js → p-68e90b50.system.entry.js} +1 -1
  178. package/dist/ripple/{p-bd07fa39.entry.js → p-69b38da5.entry.js} +1 -1
  179. package/dist/ripple/{p-6ed0c6a1.system.entry.js → p-6a40014e.system.entry.js} +1 -1
  180. package/dist/ripple/{p-e577e77b.system.entry.js → p-6d32911c.system.entry.js} +1 -1
  181. package/dist/ripple/{p-7e235da0.entry.js → p-71cc21a4.entry.js} +1 -1
  182. package/dist/ripple/{p-ecf49d3d.system.entry.js → p-7394f4e9.system.entry.js} +1 -1
  183. package/dist/ripple/{p-2f977fe1.entry.js → p-7a21aa55.entry.js} +1 -1
  184. package/dist/ripple/{p-10bd6a07.system.entry.js → p-7ca13016.system.entry.js} +1 -1
  185. package/dist/ripple/{p-1cd08fba.entry.js → p-8056a4c2.entry.js} +1 -1
  186. package/dist/ripple/{p-f388b344.system.entry.js → p-8a32bd08.system.entry.js} +1 -1
  187. package/dist/ripple/{p-5f6abf7c.entry.js → p-8e694216.entry.js} +1 -1
  188. package/dist/ripple/p-91b9c811.js +1 -0
  189. package/dist/ripple/{p-e652d344.entry.js → p-91c12b65.entry.js} +1 -1
  190. package/dist/ripple/{p-5a5d5833.system.entry.js → p-91c5b14e.system.entry.js} +1 -1
  191. package/dist/ripple/{p-89e6ac6b.entry.js → p-95ce8c39.entry.js} +1 -1
  192. package/dist/ripple/{p-6157e71f.entry.js → p-9ac6957b.entry.js} +1 -1
  193. package/dist/ripple/{p-96593625.entry.js → p-9b04ddfe.entry.js} +1 -1
  194. package/dist/ripple/{p-949ea8b9.entry.js → p-a0ef456d.entry.js} +1 -1
  195. package/dist/ripple/{p-44aa37cf.system.js → p-a1d63248.system.js} +1 -1
  196. package/dist/ripple/{p-814b2e63.system.entry.js → p-a6f4dd01.system.entry.js} +1 -1
  197. package/dist/ripple/{p-d01cc142.system.entry.js → p-acb4d87c.system.entry.js} +1 -1
  198. package/dist/ripple/{p-ee17087e.entry.js → p-ae2520e4.entry.js} +1 -1
  199. package/dist/ripple/{p-e93b92ab.entry.js → p-b40454d2.entry.js} +1 -1
  200. package/dist/ripple/p-b49cebaf.system.entry.js +1 -0
  201. package/dist/ripple/{p-b3b0c8ab.entry.js → p-b55883ee.entry.js} +1 -1
  202. package/dist/ripple/{p-8b96a43f.system.entry.js → p-bb364d6b.entry.js} +1 -1
  203. package/dist/ripple/{p-ec45aafa.entry.js → p-bb745e54.entry.js} +1 -1
  204. package/dist/ripple/{p-0a9e6b59.system.entry.js → p-c0f4f1ea.system.entry.js} +1 -1
  205. package/dist/ripple/{p-7e6410dc.entry.js → p-c70fa14f.entry.js} +1 -1
  206. package/dist/ripple/p-c85dae6b.entry.js +1 -0
  207. package/dist/ripple/{p-e3b917c2.system.entry.js → p-c8dfc321.system.entry.js} +1 -1
  208. package/dist/ripple/{p-8c33cb29.entry.js → p-cf12dd5f.entry.js} +1 -1
  209. package/dist/ripple/{p-1e19e19b.entry.js → p-d919000d.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-0eab9da6.entry.js → p-ebfa5876.entry.js} +1 -1
  215. package/dist/ripple/p-ec9f782e.entry.js +1 -0
  216. package/dist/ripple/{p-6b4e1fe9.entry.js → p-ee96cea8.entry.js} +1 -1
  217. package/dist/ripple/{p-ff3577d4.system.entry.js → p-f65a91ab.system.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
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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
  }
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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);
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;