@baloise/ds-core 20.0.0-next.6 → 20.0.0-next.7

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 (460) hide show
  1. package/components/all.d.ts +2 -0
  2. package/components/all.js +3 -0
  3. package/components/ds-accordion.js +1 -1
  4. package/components/ds-badge.js +1 -1
  5. package/components/ds-button.js +1 -1
  6. package/components/ds-card-content.js +1 -1
  7. package/components/ds-card-title.js +1 -1
  8. package/components/ds-card.js +1 -1
  9. package/components/ds-carousel.js +1 -1
  10. package/components/ds-checkbox-group.js +1 -1
  11. package/components/ds-checkbox.js +1 -1
  12. package/components/ds-close.js +1 -1
  13. package/components/ds-data-item.js +1 -1
  14. package/components/ds-date.js +1 -1
  15. package/components/ds-drawer.js +1 -1
  16. package/components/ds-file-upload.js +1 -1
  17. package/components/ds-footer.js +1 -1
  18. package/components/ds-heading.js +1 -1
  19. package/components/ds-hint.js +1 -1
  20. package/components/ds-input-slider.d.ts +11 -0
  21. package/components/ds-input-slider.js +4 -0
  22. package/components/ds-input.js +1 -1
  23. package/components/ds-item.js +1 -1
  24. package/components/ds-label.js +1 -1
  25. package/components/ds-list.js +1 -1
  26. package/components/ds-logo.js +1 -1
  27. package/components/ds-modal-body.js +1 -1
  28. package/components/ds-modal-header.js +1 -1
  29. package/components/ds-modal.js +1 -1
  30. package/components/ds-navbar.js +1 -1
  31. package/components/ds-notification.js +1 -1
  32. package/components/ds-number-input.js +1 -1
  33. package/components/ds-pagination.js +1 -1
  34. package/components/ds-popup.js +1 -1
  35. package/components/ds-progress-bar.js +1 -1
  36. package/components/ds-radio-group.js +1 -1
  37. package/components/ds-radio.js +1 -1
  38. package/components/ds-segment-item.js +1 -1
  39. package/components/ds-segment.js +1 -1
  40. package/components/ds-select-optgroup.js +1 -1
  41. package/components/ds-select-option.js +1 -1
  42. package/components/ds-select.js +1 -1
  43. package/components/ds-shape.js +1 -1
  44. package/components/ds-snackbar.js +1 -1
  45. package/components/ds-spinner.js +1 -1
  46. package/components/ds-stack.js +1 -1
  47. package/components/ds-step-panel.js +1 -1
  48. package/components/ds-tab-panel.js +1 -1
  49. package/components/ds-tabs.js +1 -1
  50. package/components/ds-tag-group.js +1 -1
  51. package/components/ds-tag.js +1 -1
  52. package/components/ds-text.js +1 -1
  53. package/components/ds-textarea.js +1 -1
  54. package/components/ds-toast.js +1 -1
  55. package/components/ds-toggle.js +1 -1
  56. package/components/ds-tooltip.js +1 -1
  57. package/components/index.js +1 -1
  58. package/components/p--EKmxaBS.js +4 -0
  59. package/components/{p-BfXZJ1Fe.js → p-ABj0eATe.js} +1 -1
  60. package/components/{p-BU0dY8pq.js → p-BwwAKEvn.js} +1 -1
  61. package/components/{p-B1gnrQ9b.js → p-CWDuQL1i.js} +1 -1
  62. package/components/{p-bGV2P6rT.js → p-D5zw5ezD.js} +1 -1
  63. package/components/{p-CjIxf5zy.js → p-DSeYzuO7.js} +1 -1
  64. package/components/{p-Ctnm_MBD.js → p-DY0y8uLL.js} +1 -1
  65. package/components/{p-DokkRjWC.js → p-VsWv65bD.js} +1 -1
  66. package/components/p-gz0Nxl39.js +4 -0
  67. package/components/{p-CYWn3X22.js → p-qaSW94OG.js} +1 -1
  68. package/components/{p-Btdh3fq7.js → p-u5aa74vh.js} +1 -1
  69. package/dist/cjs/{_getTag-B468r9bu.js → _getTag-DxZgmSPS.js} +1 -1
  70. package/dist/cjs/{array-CioNm_V1.js → array-CYn4ALBt.js} +10 -9
  71. package/dist/cjs/{breakpoints.decorator-C-Qm21UK.js → breakpoints.decorator-DY5iYsA5.js} +1 -1
  72. package/dist/cjs/{breakpoints.subject-XNcGwhzh.js → breakpoints.subject-CzhLlIwN.js} +3 -3
  73. package/dist/cjs/{config.decorator-ThGLtT-3.js → config.decorator-C64wi-MA.js} +1 -1
  74. package/dist/cjs/{config.utils-MhZvq4Qm.js → config.utils-BhWbrVRz.js} +1 -1
  75. package/dist/cjs/{create-validator-decorator-BIgFqrMJ.js → create-validator-decorator-Ctd288ve.js} +1 -1
  76. package/dist/cjs/design-system.cjs.js +2 -2
  77. package/dist/cjs/{device-BnjBOLnP.js → device-CIliLOe9.js} +1 -1
  78. package/dist/cjs/ds-accordion.cjs.entry.js +9 -9
  79. package/dist/cjs/ds-alert-container.cjs.entry.js +6 -6
  80. package/dist/cjs/ds-app.cjs.entry.js +6 -6
  81. package/dist/cjs/ds-badge.cjs.entry.js +7 -7
  82. package/dist/cjs/ds-button-group.cjs.entry.js +6 -6
  83. package/dist/cjs/ds-button_2.cjs.entry.js +9 -9
  84. package/dist/cjs/ds-card-actions.cjs.entry.js +4 -4
  85. package/dist/cjs/ds-card-content.cjs.entry.js +3 -3
  86. package/dist/cjs/ds-card-header.cjs.entry.js +5 -5
  87. package/dist/cjs/ds-card-subtitle.cjs.entry.js +6 -6
  88. package/dist/cjs/ds-card-title.cjs.entry.js +6 -6
  89. package/dist/cjs/ds-card.cjs.entry.js +14 -13
  90. package/dist/cjs/ds-carousel-item.cjs.entry.js +6 -6
  91. package/dist/cjs/ds-carousel.cjs.entry.js +8 -8
  92. package/dist/cjs/ds-checkbox-group.cjs.entry.js +34 -16
  93. package/dist/cjs/ds-checkbox.cjs.entry.js +19 -10
  94. package/dist/cjs/ds-content_2.cjs.entry.js +8 -8
  95. package/dist/cjs/ds-data-item.cjs.entry.js +6 -6
  96. package/dist/cjs/ds-data-label.cjs.entry.js +4 -4
  97. package/dist/cjs/ds-data-value.cjs.entry.js +2 -2
  98. package/dist/cjs/ds-data.cjs.entry.js +4 -4
  99. package/dist/cjs/ds-date.cjs.entry.js +10 -10
  100. package/dist/cjs/ds-divider_2.cjs.entry.js +14 -14
  101. package/dist/cjs/ds-drawer_2.cjs.entry.js +10 -10
  102. package/dist/cjs/ds-file-upload.cjs.entry.js +13 -12
  103. package/dist/cjs/ds-footer.cjs.entry.js +7 -7
  104. package/dist/cjs/ds-heading.cjs.entry.js +7 -7
  105. package/dist/cjs/ds-hint-text.cjs.entry.js +2 -2
  106. package/dist/cjs/ds-hint-title.cjs.entry.js +2 -2
  107. package/dist/cjs/ds-hint.cjs.entry.js +11 -11
  108. package/dist/cjs/ds-icon_2.cjs.entry.js +14 -13
  109. package/dist/cjs/ds-input-slider.cjs.entry.js +2885 -0
  110. package/dist/cjs/ds-input.cjs.entry.js +10 -10
  111. package/dist/cjs/ds-item.cjs.entry.js +6 -6
  112. package/dist/cjs/ds-label.cjs.entry.js +11 -11
  113. package/dist/cjs/ds-list.cjs.entry.js +5 -5
  114. package/dist/cjs/ds-modal-body.cjs.entry.js +3 -3
  115. package/dist/cjs/ds-modal-header.cjs.entry.js +3 -3
  116. package/dist/cjs/ds-modal.cjs.entry.js +9 -9
  117. package/dist/cjs/ds-navbar.cjs.entry.js +17 -17
  118. package/dist/cjs/ds-notification.cjs.entry.js +11 -11
  119. package/dist/cjs/ds-number-input.cjs.entry.js +22 -117
  120. package/dist/cjs/ds-pagination.cjs.entry.js +17 -17
  121. package/dist/cjs/ds-progress-bar.cjs.entry.js +14 -14
  122. package/dist/cjs/ds-radio-group.cjs.entry.js +29 -12
  123. package/dist/cjs/ds-radio.cjs.entry.js +19 -10
  124. package/dist/cjs/ds-segment-item.cjs.entry.js +5 -5
  125. package/dist/cjs/ds-segment.cjs.entry.js +13 -13
  126. package/dist/cjs/ds-select-optgroup.cjs.entry.js +5 -5
  127. package/dist/cjs/ds-select-option.cjs.entry.js +5 -5
  128. package/dist/cjs/ds-select.cjs.entry.js +11 -11
  129. package/dist/cjs/ds-shape.cjs.entry.js +5 -5
  130. package/dist/cjs/ds-snackbar.cjs.entry.js +12 -12
  131. package/dist/cjs/ds-step-panel.cjs.entry.js +6 -6
  132. package/dist/cjs/ds-step.cjs.entry.js +5 -5
  133. package/dist/cjs/ds-steps.cjs.entry.js +6 -6
  134. package/dist/cjs/ds-tab-panel.cjs.entry.js +6 -6
  135. package/dist/cjs/ds-tab.cjs.entry.js +5 -5
  136. package/dist/cjs/ds-tabs.cjs.entry.js +12 -12
  137. package/dist/cjs/ds-tag-group.cjs.entry.js +3 -3
  138. package/dist/cjs/ds-tag.cjs.entry.js +8 -8
  139. package/dist/cjs/ds-text.cjs.entry.js +10 -10
  140. package/dist/cjs/ds-textarea.cjs.entry.js +10 -10
  141. package/dist/cjs/ds-toast.cjs.entry.js +11 -11
  142. package/dist/cjs/ds-toggle.cjs.entry.js +7 -7
  143. package/dist/cjs/ds-tooltip.cjs.entry.js +5 -5
  144. package/dist/cjs/{field.util-L-DkeMVk.js → field.util-g9nhtuZH.js} +1 -1
  145. package/dist/cjs/{focus-D3VVgpM7.js → focus-BUszBnbl.js} +1 -1
  146. package/dist/cjs/{form-control-CtMcJUuC.js → form-control-B4Qf8fg-.js} +1 -1
  147. package/dist/cjs/{has-value-DK0oRqXI.js → has-value-rj502MLA.js} +1 -1
  148. package/dist/cjs/{index-sC3JnTlJ.js → index-CqInh7Vc.js} +6 -1
  149. package/dist/cjs/index.cjs.js +7 -7
  150. package/dist/cjs/isArray-DvQst6zQ.js +42 -0
  151. package/dist/cjs/isNaN-DOSPWDkt.js +106 -0
  152. package/dist/cjs/{isObjectLike-h-ta_ikf.js → isObjectLike-BNz6hnAu.js} +0 -37
  153. package/dist/cjs/{listener-BwB_xent.js → listener-1PZJDuOW.js} +1 -1
  154. package/dist/cjs/loader.cjs.js +2 -2
  155. package/dist/cjs/{one-of-BZGRIMtQ.js → one-of-BotLfpAZ.js} +1 -1
  156. package/dist/cjs/{required-COz3Unzu.js → required-BAhZ8oRM.js} +1 -1
  157. package/dist/cjs/{resize.decorator-DWM_fQgv.js → resize.decorator-Sqefy8ta.js} +2 -2
  158. package/dist/cjs/{scroll-CUuEh4xd.js → scroll--5tnvpG1.js} +1 -1
  159. package/dist/cjs/{tslib.es6-CxyosZMg.js → tslib.es6-BIB10hMZ.js} +1 -1
  160. package/dist/cjs/{type-hmc4CJcO.js → type-Br_NbeTX.js} +1 -1
  161. package/dist/collection/collection-manifest.json +1 -0
  162. package/dist/collection/components/accordion/accordion.host.css +1 -1
  163. package/dist/collection/components/alert/snackbar/snackbar.host.css +1 -1
  164. package/dist/collection/components/alert/toast/toast.host.css +1 -1
  165. package/dist/collection/components/badge/badge.host.css +1 -1
  166. package/dist/collection/components/card/card-content/card-content.host.css +1 -1
  167. package/dist/collection/components/card/card.host.css +1 -1
  168. package/dist/collection/components/card/card.js +10 -9
  169. package/dist/collection/components/checkbox/checkbox-group/checkbox-group.js +40 -3
  170. package/dist/collection/components/checkbox/checkbox.host.css +1 -1
  171. package/dist/collection/components/checkbox/checkbox.js +31 -2
  172. package/dist/collection/components/checkbox/test/checkbox.visual.play.js +3 -0
  173. package/dist/collection/components/heading/heading.host.css +1 -1
  174. package/dist/collection/components/input-slider/input-slider.host.css +1 -0
  175. package/dist/collection/components/input-slider/input-slider.interfaces.js +4 -0
  176. package/dist/collection/components/input-slider/input-slider.js +961 -0
  177. package/dist/collection/components/input-slider/input-slider.picker.js +124 -0
  178. package/dist/collection/components/input-slider/input-slider.utils.js +32 -0
  179. package/dist/collection/components/input-slider/test/input-slider.a11y.play.js +36 -0
  180. package/dist/collection/components/input-slider/test/input-slider.component.play.js +87 -0
  181. package/dist/collection/components/input-slider/test/input-slider.visual.play.js +27 -0
  182. package/dist/collection/components/label/label.host.css +1 -1
  183. package/dist/collection/components/label/label.js +2 -2
  184. package/dist/collection/components/list/item/item.host.css +1 -1
  185. package/dist/collection/components/list/list.js +1 -1
  186. package/dist/collection/components/logo/logo.js +2 -2
  187. package/dist/collection/components/modal/modal-body/modal-body.js +1 -1
  188. package/dist/collection/components/modal/modal-header/modal-header.js +1 -1
  189. package/dist/collection/components/modal/modal.js +2 -2
  190. package/dist/collection/components/navbar/navbar.js +3 -3
  191. package/dist/collection/components/notification/notification.host.css +1 -1
  192. package/dist/collection/components/notification/notification.js +3 -3
  193. package/dist/collection/components/number-input/number-input.js +1 -1
  194. package/dist/collection/components/pagination/pagination.js +5 -5
  195. package/dist/collection/components/popup/popup.js +1 -1
  196. package/dist/collection/components/progress-bar/progress-bar.js +2 -2
  197. package/dist/collection/components/radio/radio-group/radio-group.js +40 -3
  198. package/dist/collection/components/radio/radio.host.css +1 -1
  199. package/dist/collection/components/radio/radio.js +31 -2
  200. package/dist/collection/components/radio/test/radio.visual.play.js +3 -0
  201. package/dist/collection/components/segment/segment/segment.js +3 -3
  202. package/dist/collection/components/segment/segment-item.js +1 -1
  203. package/dist/collection/components/select/select-optgroup.js +1 -1
  204. package/dist/collection/components/select/select-option.js +1 -1
  205. package/dist/collection/components/select/select.js +2 -2
  206. package/dist/collection/components/shape/shape.js +1 -1
  207. package/dist/collection/components/spinner/spinner.js +2 -2
  208. package/dist/collection/components/stack/stack.js +2 -2
  209. package/dist/collection/components/steps/step-panel/step-panel.js +1 -1
  210. package/dist/collection/components/tabs/tab-panel/tab-panel.js +1 -1
  211. package/dist/collection/components/tabs/tabs/tabs.js +4 -4
  212. package/dist/collection/components/tag/tag-group/tag-group.js +1 -1
  213. package/dist/collection/components/tag/tag.js +2 -2
  214. package/dist/collection/components/text/text.host.css +1 -1
  215. package/dist/collection/components/text/text.js +3 -3
  216. package/dist/collection/components/textarea/textarea.js +1 -1
  217. package/dist/collection/components/toggle/toggle.js +2 -2
  218. package/dist/collection/components/tooltip/tooltip.js +1 -1
  219. package/dist/collection/global/constants/tags.constant.js +1 -0
  220. package/dist/collection/global/constants/version.constant.js +1 -1
  221. package/dist/design-system/design-system.esm.js +1 -1
  222. package/dist/design-system/index.esm.js +1 -1
  223. package/dist/design-system/{p-afd8bbe699.entry.js → p-00e6b1b780.entry.js} +1 -1
  224. package/dist/design-system/{p-774b89ed0b.entry.js → p-0bf3d4d939.entry.js} +1 -1
  225. package/dist/design-system/{p-dcb749efc7.entry.js → p-0ea6cdd218.entry.js} +1 -1
  226. package/dist/design-system/{p-9f2dd0b55b.entry.js → p-0f2a87fa39.entry.js} +1 -1
  227. package/dist/design-system/{p-0ff0be5b83.entry.js → p-138be1f0cc.entry.js} +1 -1
  228. package/dist/design-system/{p-650289138a.entry.js → p-16b03e0b02.entry.js} +1 -1
  229. package/dist/design-system/{p-d5f8d8f5e1.entry.js → p-1750b3c4f1.entry.js} +1 -1
  230. package/dist/design-system/{p-BkTv_bQR.js → p-1A9jKraP.js} +1 -1
  231. package/dist/design-system/{p-3134821ac6.entry.js → p-1b1e3ad99c.entry.js} +1 -1
  232. package/dist/design-system/p-24c85e99f5.entry.js +4 -0
  233. package/dist/design-system/p-2b038255c5.entry.js +4 -0
  234. package/dist/design-system/{p-6b6531379b.entry.js → p-2bb98dfa2f.entry.js} +1 -1
  235. package/dist/design-system/{p-c37f266740.entry.js → p-2eb6067210.entry.js} +1 -1
  236. package/dist/design-system/p-32e156bc72.entry.js +4 -0
  237. package/dist/design-system/p-3824068ae7.entry.js +4 -0
  238. package/dist/design-system/{p-ad2b17b0a0.entry.js → p-3aa3841834.entry.js} +1 -1
  239. package/dist/design-system/{p-53dda5d400.entry.js → p-3d2539929c.entry.js} +1 -1
  240. package/dist/design-system/{p-372bf379f9.entry.js → p-3d675c6507.entry.js} +1 -1
  241. package/dist/design-system/{p-e7472337ed.entry.js → p-3e3a6799d6.entry.js} +1 -1
  242. package/dist/design-system/{p-7e702193fc.entry.js → p-3e43fa2bc6.entry.js} +1 -1
  243. package/dist/design-system/{p-2f51e1d39b.entry.js → p-4284d6d646.entry.js} +1 -1
  244. package/dist/design-system/{p-8406f6faf1.entry.js → p-44981aaf8d.entry.js} +1 -1
  245. package/dist/design-system/{p-df5899b930.entry.js → p-4b2a59576c.entry.js} +1 -1
  246. package/dist/design-system/{p-0663d7c0f1.entry.js → p-4bfc094a03.entry.js} +1 -1
  247. package/dist/design-system/p-53d9a40010.entry.js +4 -0
  248. package/dist/design-system/p-564ee4d78f.entry.js +4 -0
  249. package/dist/design-system/{p-a62b7985a0.entry.js → p-599a693db3.entry.js} +1 -1
  250. package/dist/design-system/p-5a6c6959fa.entry.js +4 -0
  251. package/dist/design-system/{p-0bd2ce2da3.entry.js → p-5d4a5d0b61.entry.js} +1 -1
  252. package/dist/design-system/{p-13d1ce3158.entry.js → p-5ded2b6438.entry.js} +1 -1
  253. package/dist/design-system/{p-f0119fe693.entry.js → p-5f1a8be21c.entry.js} +1 -1
  254. package/dist/design-system/p-5f28436626.entry.js +4 -0
  255. package/dist/design-system/p-6c60833550.entry.js +4 -0
  256. package/dist/design-system/{p-01430d5c28.entry.js → p-7246bfb9a0.entry.js} +1 -1
  257. package/dist/design-system/p-77e7a6a068.entry.js +4 -0
  258. package/dist/design-system/{p-a8de98dd7b.entry.js → p-78112e7b35.entry.js} +1 -1
  259. package/dist/design-system/p-7ebdd14afc.entry.js +4 -0
  260. package/dist/design-system/p-7f42c18249.entry.js +4 -0
  261. package/dist/design-system/p-85bf3794f9.entry.js +4 -0
  262. package/dist/design-system/p-8a9d617f75.entry.js +4 -0
  263. package/dist/design-system/p-908e7b073a.entry.js +4 -0
  264. package/dist/design-system/{p-7c353652a9.entry.js → p-9f9364d7df.entry.js} +1 -1
  265. package/dist/design-system/p-B-v2Wm-V.js +5 -0
  266. package/dist/design-system/{p-BhdSNuGP.js → p-B8PCdo6e.js} +1 -1
  267. package/dist/design-system/{p-C7i6xLTJ.js → p-C5Rtikeh.js} +1 -1
  268. package/dist/design-system/p-CDhvZoCt.js +4 -0
  269. package/dist/design-system/p-CGHN-3RC.js +4 -0
  270. package/dist/design-system/{p-Dm2lqE3-.js → p-CfgwSore.js} +1 -1
  271. package/dist/design-system/p-ChSKXFK5.js +4 -0
  272. package/dist/design-system/{p-hLAmwHiq.js → p-Chgme2NJ.js} +1 -1
  273. package/dist/design-system/{p-DTxLRTYr.js → p-CrYAd3JT.js} +1 -1
  274. package/dist/design-system/p-CziF75uh.js +4 -0
  275. package/dist/design-system/{p-B1e0kNRJ.js → p-DJBD4skP.js} +2 -2
  276. package/dist/design-system/{p-78NZc8PM.js → p-DOvdnojj.js} +1 -1
  277. package/dist/design-system/p-DYPX3A8m.js +4 -0
  278. package/dist/design-system/p-DiUgZKWs.js +4 -0
  279. package/dist/design-system/{p-HwbqEzpk.js → p-Dk0GEN2t.js} +1 -1
  280. package/dist/design-system/p-DkhJaoXg.js +4 -0
  281. package/dist/design-system/{p-CvTcEsXg.js → p-DoHCSvjl.js} +1 -1
  282. package/dist/design-system/p-DypNSUAh.js +4 -0
  283. package/dist/design-system/{p-DgVaaZT_.js → p-Y0rKqVvm.js} +1 -1
  284. package/dist/design-system/p-Z0zrglhd.js +4 -0
  285. package/dist/design-system/p-a42ecb68a0.entry.js +4 -0
  286. package/dist/design-system/{p-dd38f8f206.entry.js → p-a782c877ea.entry.js} +1 -1
  287. package/dist/design-system/p-a8df8f067b.entry.js +4 -0
  288. package/dist/design-system/{p-a465c1acce.entry.js → p-aa3aee2591.entry.js} +1 -1
  289. package/dist/design-system/p-aa3c0ff536.entry.js +4 -0
  290. package/dist/design-system/{p-6ef31a3c07.entry.js → p-ab8bee7022.entry.js} +1 -1
  291. package/dist/design-system/p-adc58b2821.entry.js +4 -0
  292. package/dist/design-system/{p-8353961d39.entry.js → p-b390490b0d.entry.js} +1 -1
  293. package/dist/design-system/p-b44641ec28.entry.js +4 -0
  294. package/dist/design-system/{p-5d17209d91.entry.js → p-b4738dc266.entry.js} +1 -1
  295. package/dist/design-system/p-b851a43fff.entry.js +4 -0
  296. package/dist/design-system/{p-4e6638d14e.entry.js → p-b8669a617c.entry.js} +1 -1
  297. package/dist/design-system/p-b8f626bf28.entry.js +4 -0
  298. package/dist/design-system/{p-202ecb8f01.entry.js → p-bd543e1baf.entry.js} +1 -1
  299. package/dist/design-system/p-ce67cbbed5.entry.js +4 -0
  300. package/dist/design-system/{p-60d29d8b8e.entry.js → p-d3a80b8422.entry.js} +1 -1
  301. package/dist/design-system/p-d4d9205dda.entry.js +4 -0
  302. package/dist/design-system/p-dbd3d3b3d3.entry.js +4 -0
  303. package/dist/design-system/{p-BATOumsf.js → p-dziB1ufg.js} +1 -1
  304. package/dist/design-system/{p-014d464627.entry.js → p-e0b2d6e296.entry.js} +1 -1
  305. package/dist/design-system/p-e94ee7391c.entry.js +4 -0
  306. package/dist/design-system/{p-10c136d00d.entry.js → p-ee76bf354e.entry.js} +1 -1
  307. package/dist/design-system/p-f7be5b6114.entry.js +4 -0
  308. package/dist/design-system/{p-f4958b9e97.entry.js → p-fa613cd0d1.entry.js} +1 -1
  309. package/dist/design-system/p-faf75173db.entry.js +4 -0
  310. package/dist/design-system/{p-68c9f4f630.entry.js → p-fff38e1ca7.entry.js} +1 -1
  311. package/dist/design-system/{p-LCY5n5tq.js → p-x2KazRjl.js} +1 -1
  312. package/dist/esm/{_getTag-DFxL3s3h.js → _getTag-BkweuRJc.js} +1 -1
  313. package/dist/esm/{array-dJH4dfMr.js → array-BJZA868l.js} +3 -2
  314. package/dist/esm/{breakpoints.decorator-DZ0xN4Np.js → breakpoints.decorator-D9M4v98c.js} +1 -1
  315. package/dist/esm/{breakpoints.subject-BNnXcKMw.js → breakpoints.subject-DHZ7TzYV.js} +3 -3
  316. package/dist/esm/{config.decorator-ZQ0_Zx5y.js → config.decorator-CRYVBTkX.js} +1 -1
  317. package/dist/esm/{config.utils-D9o7rffC.js → config.utils-CR4Xudpz.js} +1 -1
  318. package/dist/esm/{create-validator-decorator-DovxquEu.js → create-validator-decorator-fUav5byo.js} +1 -1
  319. package/dist/esm/design-system.js +3 -3
  320. package/dist/esm/{device-CRuIJzXR.js → device-CapioAfe.js} +1 -1
  321. package/dist/esm/ds-accordion.entry.js +9 -9
  322. package/dist/esm/ds-alert-container.entry.js +6 -6
  323. package/dist/esm/ds-app.entry.js +6 -6
  324. package/dist/esm/ds-badge.entry.js +7 -7
  325. package/dist/esm/ds-button-group.entry.js +6 -6
  326. package/dist/esm/ds-button_2.entry.js +9 -9
  327. package/dist/esm/ds-card-actions.entry.js +4 -4
  328. package/dist/esm/ds-card-content.entry.js +3 -3
  329. package/dist/esm/ds-card-header.entry.js +5 -5
  330. package/dist/esm/ds-card-subtitle.entry.js +6 -6
  331. package/dist/esm/ds-card-title.entry.js +6 -6
  332. package/dist/esm/ds-card.entry.js +14 -13
  333. package/dist/esm/ds-carousel-item.entry.js +6 -6
  334. package/dist/esm/ds-carousel.entry.js +8 -8
  335. package/dist/esm/ds-checkbox-group.entry.js +34 -16
  336. package/dist/esm/ds-checkbox.entry.js +19 -10
  337. package/dist/esm/ds-content_2.entry.js +8 -8
  338. package/dist/esm/ds-data-item.entry.js +6 -6
  339. package/dist/esm/ds-data-label.entry.js +4 -4
  340. package/dist/esm/ds-data-value.entry.js +2 -2
  341. package/dist/esm/ds-data.entry.js +4 -4
  342. package/dist/esm/ds-date.entry.js +10 -10
  343. package/dist/esm/ds-divider_2.entry.js +14 -14
  344. package/dist/esm/ds-drawer_2.entry.js +10 -10
  345. package/dist/esm/ds-file-upload.entry.js +13 -12
  346. package/dist/esm/ds-footer.entry.js +7 -7
  347. package/dist/esm/ds-heading.entry.js +7 -7
  348. package/dist/esm/ds-hint-text.entry.js +2 -2
  349. package/dist/esm/ds-hint-title.entry.js +2 -2
  350. package/dist/esm/ds-hint.entry.js +11 -11
  351. package/dist/esm/ds-icon_2.entry.js +12 -11
  352. package/dist/esm/ds-input-slider.entry.js +2883 -0
  353. package/dist/esm/ds-input.entry.js +10 -10
  354. package/dist/esm/ds-item.entry.js +6 -6
  355. package/dist/esm/ds-label.entry.js +11 -11
  356. package/dist/esm/ds-list.entry.js +5 -5
  357. package/dist/esm/ds-modal-body.entry.js +3 -3
  358. package/dist/esm/ds-modal-header.entry.js +3 -3
  359. package/dist/esm/ds-modal.entry.js +9 -9
  360. package/dist/esm/ds-navbar.entry.js +17 -17
  361. package/dist/esm/ds-notification.entry.js +11 -11
  362. package/dist/esm/ds-number-input.entry.js +15 -110
  363. package/dist/esm/ds-pagination.entry.js +17 -17
  364. package/dist/esm/ds-progress-bar.entry.js +14 -14
  365. package/dist/esm/ds-radio-group.entry.js +29 -12
  366. package/dist/esm/ds-radio.entry.js +19 -10
  367. package/dist/esm/ds-segment-item.entry.js +5 -5
  368. package/dist/esm/ds-segment.entry.js +13 -13
  369. package/dist/esm/ds-select-optgroup.entry.js +5 -5
  370. package/dist/esm/ds-select-option.entry.js +5 -5
  371. package/dist/esm/ds-select.entry.js +11 -11
  372. package/dist/esm/ds-shape.entry.js +5 -5
  373. package/dist/esm/ds-snackbar.entry.js +12 -12
  374. package/dist/esm/ds-step-panel.entry.js +6 -6
  375. package/dist/esm/ds-step.entry.js +5 -5
  376. package/dist/esm/ds-steps.entry.js +6 -6
  377. package/dist/esm/ds-tab-panel.entry.js +6 -6
  378. package/dist/esm/ds-tab.entry.js +5 -5
  379. package/dist/esm/ds-tabs.entry.js +12 -12
  380. package/dist/esm/ds-tag-group.entry.js +3 -3
  381. package/dist/esm/ds-tag.entry.js +8 -8
  382. package/dist/esm/ds-text.entry.js +10 -10
  383. package/dist/esm/ds-textarea.entry.js +10 -10
  384. package/dist/esm/ds-toast.entry.js +11 -11
  385. package/dist/esm/ds-toggle.entry.js +7 -7
  386. package/dist/esm/ds-tooltip.entry.js +5 -5
  387. package/dist/esm/{field.util-BjZzAi09.js → field.util-neIQBS-h.js} +1 -1
  388. package/dist/esm/{focus-ZxHImoOj.js → focus-6OAqvfus.js} +1 -1
  389. package/dist/esm/{form-control-DvJo0GKN.js → form-control-DhinyMa9.js} +1 -1
  390. package/dist/esm/{has-value-DU9L2JaI.js → has-value-Dmsj8ZQw.js} +1 -1
  391. package/dist/esm/{index-C6MVahkC.js → index-B-v2Wm-V.js} +6 -1
  392. package/dist/esm/index.js +10 -10
  393. package/dist/esm/isArray-B8PCdo6e.js +40 -0
  394. package/dist/esm/isNaN-BrbqGXXw.js +104 -0
  395. package/dist/esm/{isObjectLike-BAYao9w7.js → isObjectLike-BnBXjF_n.js} +1 -37
  396. package/dist/esm/{listener-DHP2OPMZ.js → listener-DIZDQOuO.js} +1 -1
  397. package/dist/esm/loader.js +3 -3
  398. package/dist/esm/{one-of-CKPv0Nqm.js → one-of-CjRvS2Tk.js} +1 -1
  399. package/dist/esm/{required-Dqsbx5fH.js → required-Dtml5IID.js} +1 -1
  400. package/dist/esm/{resize.decorator-B8h8D676.js → resize.decorator-eogZBBk6.js} +2 -2
  401. package/dist/esm/{scroll-CsH7NHo5.js → scroll-v2MaEkiZ.js} +1 -1
  402. package/dist/esm/{tslib.es6-C9GKXw-5.js → tslib.es6-n47B6oUi.js} +1 -1
  403. package/dist/esm/{type-DzkhLOG_.js → type-7qEQcw90.js} +1 -1
  404. package/dist/types/components/card/card.d.ts +1 -1
  405. package/dist/types/components/checkbox/checkbox-group/checkbox-group.d.ts +6 -0
  406. package/dist/types/components/checkbox/checkbox.d.ts +4 -0
  407. package/dist/types/components/input-slider/input-slider.d.ts +186 -0
  408. package/dist/types/components/input-slider/input-slider.interfaces.d.ts +18 -0
  409. package/dist/types/components/input-slider/input-slider.picker.d.ts +37 -0
  410. package/dist/types/components/input-slider/input-slider.utils.d.ts +18 -0
  411. package/dist/types/components/input-slider/test/input-slider.a11y.play.d.ts +1 -0
  412. package/dist/types/components/input-slider/test/input-slider.component.play.d.ts +1 -0
  413. package/dist/types/components/input-slider/test/input-slider.visual.play.d.ts +1 -0
  414. package/dist/types/components/radio/radio-group/radio-group.d.ts +6 -0
  415. package/dist/types/components/radio/radio.d.ts +4 -0
  416. package/dist/types/components.d.ts +308 -3
  417. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/index.d.ts +1 -0
  418. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/input-slider.po.d.ts +18 -0
  419. package/docs/cem.json +573 -4
  420. package/docs/components.json +1471 -448
  421. package/docs/html.html-data.json +123 -0
  422. package/docs/tags.json +1 -0
  423. package/package.json +9 -8
  424. package/sbom.cdx.json +10768 -6272
  425. package/components/p-DsvYY32v.js +0 -4
  426. package/dist/design-system/p-11f34d0c7d.entry.js +0 -4
  427. package/dist/design-system/p-163d606781.entry.js +0 -4
  428. package/dist/design-system/p-1VXOIrN2.js +0 -4
  429. package/dist/design-system/p-27d181c5ac.entry.js +0 -4
  430. package/dist/design-system/p-2a35e0b9b0.entry.js +0 -4
  431. package/dist/design-system/p-3292ae6a05.entry.js +0 -4
  432. package/dist/design-system/p-3895178b39.entry.js +0 -4
  433. package/dist/design-system/p-3c6b7a2967.entry.js +0 -4
  434. package/dist/design-system/p-3ef4bd1c59.entry.js +0 -4
  435. package/dist/design-system/p-493b18cc46.entry.js +0 -4
  436. package/dist/design-system/p-4a99464dae.entry.js +0 -4
  437. package/dist/design-system/p-5e51fa8df4.entry.js +0 -4
  438. package/dist/design-system/p-62cb503015.entry.js +0 -4
  439. package/dist/design-system/p-65c221261c.entry.js +0 -4
  440. package/dist/design-system/p-68ebed7eee.entry.js +0 -4
  441. package/dist/design-system/p-6d168ba9ad.entry.js +0 -4
  442. package/dist/design-system/p-787bd92bcc.entry.js +0 -4
  443. package/dist/design-system/p-7c8bf0f33e.entry.js +0 -4
  444. package/dist/design-system/p-BLGVE-7Z.js +0 -4
  445. package/dist/design-system/p-BvEM6oCl.js +0 -4
  446. package/dist/design-system/p-C6MVahkC.js +0 -5
  447. package/dist/design-system/p-CwCAiaMq.js +0 -4
  448. package/dist/design-system/p-DHeVI6dR.js +0 -4
  449. package/dist/design-system/p-b68bc14064.entry.js +0 -4
  450. package/dist/design-system/p-b955a93959.entry.js +0 -4
  451. package/dist/design-system/p-caad93b943.entry.js +0 -4
  452. package/dist/design-system/p-cca79bfeb1.entry.js +0 -4
  453. package/dist/design-system/p-ddf2a7dfee.entry.js +0 -4
  454. package/dist/design-system/p-e85c92ca1a.entry.js +0 -4
  455. package/dist/design-system/p-f62643c33d.entry.js +0 -4
  456. package/dist/design-system/p-fa9568abce.entry.js +0 -4
  457. package/dist/design-system/p-fcd98f22b7.entry.js +0 -4
  458. package/dist/design-system/p-feeef4a8cb.entry.js +0 -4
  459. package/dist/design-system/p-ij4OEkzJ.js +0 -4
  460. package/dist/design-system/p-tl_BegdE.js +0 -4
package/dist/esm/{device-CRuIJzXR.js → device-CapioAfe.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { d as dsBrowser } from './index-C6MVahkC.js';
4
+ import { d as dsBrowser } from './index-B-v2Wm-V.js';
5
5
 
6
6
  class DsOrientation {
7
7
  /**
package/dist/esm/ds-accordion.entry.js CHANGED
@@ -1,18 +1,18 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { B as registerInstance, I as createEvent, E as h, F as Host, G as getElement } from './index-C6MVahkC.js';
5
- import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-C9GKXw-5.js';
4
+ import { B as registerInstance, I as createEvent, E as h, F as Host, G as getElement } from './index-B-v2Wm-V.js';
5
+ import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-n47B6oUi.js';
6
6
  import { a as ariaBooleanToString } from './aria-DYfTMCkl.js';
7
- import { h as hasValue } from './has-value-DU9L2JaI.js';
7
+ import { h as hasValue } from './has-value-Dmsj8ZQw.js';
8
8
  import { b as ACCORDION_SUMMARY_LEVELS, A as ACCORDION_MARKERS, a as ACCORDION_MARKER_POSITIONS, c as ACCORDION_BUTTON_COLORS, d as ACCORDION_BUTTON_SIZES } from './accordion.interfaces-C7u0gyLh.js';
9
- import { T as Type } from './type-DzkhLOG_.js';
10
- import { O as OneOf } from './one-of-CKPv0Nqm.js';
11
- import { L as ListenToConfig } from './config.decorator-ZQ0_Zx5y.js';
12
- import './create-validator-decorator-DovxquEu.js';
13
- import './config.utils-D9o7rffC.js';
9
+ import { T as Type } from './type-7qEQcw90.js';
10
+ import { O as OneOf } from './one-of-CjRvS2Tk.js';
11
+ import { L as ListenToConfig } from './config.decorator-CRYVBTkX.js';
12
+ import './create-validator-decorator-fUav5byo.js';
13
+ import './config.utils-CR4Xudpz.js';
14
14
 
15
- const accordionHostCss = () => `.button{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.button{display:none !important}}.button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}.button::-moz-focus-inner{border:0}.button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}.button:focus,.button:active{outline:none}@media (hover: hover)and (pointer: fine){.button:focus-visible:not(:active),.button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){.button:hover,.button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}.button:active,.button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}.button.is-wide{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}.button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}.button .badge,.button ds-badge{--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}.button.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}.button.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}.button.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}.button.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}.button.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}.button.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}.button.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}.button.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}.button.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}.button.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}.button.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}.button.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}.button.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}.button.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}.button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}.button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}.button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}.button.is-sm,.button.is-small{--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}.button.is-lg,.button.is-large{--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}.button.is-xl{--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}.button.is-flat{--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}.button.is-rounded{--mod-button-radius:var(--ds-button-radius-rounded)}.button.is-square:not(.is-sm),.button.is-square:not(.is-small){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-square.is-sm,.button.is-square.is-small{--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-circle:not(.is-sm),.button.is-circle:not(.is-small){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-circle.is-small,.button.is-circle.is-sm{--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-tertiary-purple.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}.button.is-tertiary-red.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}.button.is-tertiary-green.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}.button.is-tertiary-yellow.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}.button.has-shadow:not(.is-link,.is-text){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}.button.is-text.has-shadow,.button.is-link.has-shadow{--mod-button-text-shadow:var(--ds-alias-shadow-text)}.button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content:attr(aria-label);content:var(--_button-content)}.button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .button,fieldset[disabled] .button:hover,fieldset[disabled] .button.is-hovered,fieldset[disabled] .button:active,fieldset[disabled] .button.is-pressed,fieldset[disabled] .button:focus,fieldset[disabled] .button.is-focused,.button.is-loading,.button.is-loading:hover,.button.is-loading.is-hovered,.button.is-loading:active,.button.is-loading.is-pressed,.button.is-loading:focus,.button.is-loading.is-focused,.button.is-disabled,.button.is-disabled:hover,.button.is-disabled.is-hovered,.button.is-disabled:active,.button.is-disabled.is-pressed,.button.is-disabled:focus,.button.is-disabled.is-focused,.button.is-inverted.is-disabled,.button.is-inverted.is-disabled:hover,.button.is-inverted.is-disabled.is-hovered,.button.is-inverted.is-disabled:active,.button.is-inverted.is-disabled.is-pressed,.button.is-inverted.is-disabled:focus,.button.is-inverted.is-disabled.is-focused,.button[disabled],.button[disabled]:hover,.button[disabled].is-hovered,.button[disabled]:active,.button[disabled].is-pressed,.button[disabled]:focus,.button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-icon,fieldset[disabled] .button:hover>ds-icon,fieldset[disabled] .button.is-hovered>ds-icon,fieldset[disabled] .button:active>ds-icon,fieldset[disabled] .button.is-pressed>ds-icon,fieldset[disabled] .button:focus>ds-icon,fieldset[disabled] .button.is-focused>ds-icon,.button.is-loading>ds-icon,.button.is-loading:hover>ds-icon,.button.is-loading.is-hovered>ds-icon,.button.is-loading:active>ds-icon,.button.is-loading.is-pressed>ds-icon,.button.is-loading:focus>ds-icon,.button.is-loading.is-focused>ds-icon,.button.is-disabled>ds-icon,.button.is-disabled:hover>ds-icon,.button.is-disabled.is-hovered>ds-icon,.button.is-disabled:active>ds-icon,.button.is-disabled.is-pressed>ds-icon,.button.is-disabled:focus>ds-icon,.button.is-disabled.is-focused>ds-icon,.button.is-inverted.is-disabled>ds-icon,.button.is-inverted.is-disabled:hover>ds-icon,.button.is-inverted.is-disabled.is-hovered>ds-icon,.button.is-inverted.is-disabled:active>ds-icon,.button.is-inverted.is-disabled.is-pressed>ds-icon,.button.is-inverted.is-disabled:focus>ds-icon,.button.is-inverted.is-disabled.is-focused>ds-icon,.button[disabled]>ds-icon,.button[disabled]:hover>ds-icon,.button[disabled].is-hovered>ds-icon,.button[disabled]:active>ds-icon,.button[disabled].is-pressed>ds-icon,.button[disabled]:focus>ds-icon,.button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner,fieldset[disabled] .button:hover>ds-spinner,fieldset[disabled] .button.is-hovered>ds-spinner,fieldset[disabled] .button:active>ds-spinner,fieldset[disabled] .button.is-pressed>ds-spinner,fieldset[disabled] .button:focus>ds-spinner,fieldset[disabled] .button.is-focused>ds-spinner,.button.is-loading>ds-spinner,.button.is-loading:hover>ds-spinner,.button.is-loading.is-hovered>ds-spinner,.button.is-loading:active>ds-spinner,.button.is-loading.is-pressed>ds-spinner,.button.is-loading:focus>ds-spinner,.button.is-loading.is-focused>ds-spinner,.button.is-disabled>ds-spinner,.button.is-disabled:hover>ds-spinner,.button.is-disabled.is-hovered>ds-spinner,.button.is-disabled:active>ds-spinner,.button.is-disabled.is-pressed>ds-spinner,.button.is-disabled:focus>ds-spinner,.button.is-disabled.is-focused>ds-spinner,.button.is-inverted.is-disabled>ds-spinner,.button.is-inverted.is-disabled:hover>ds-spinner,.button.is-inverted.is-disabled.is-hovered>ds-spinner,.button.is-inverted.is-disabled:active>ds-spinner,.button.is-inverted.is-disabled.is-pressed>ds-spinner,.button.is-inverted.is-disabled:focus>ds-spinner,.button.is-inverted.is-disabled.is-focused>ds-spinner,.button[disabled]>ds-spinner,.button[disabled]:hover>ds-spinner,.button[disabled].is-hovered>ds-spinner,.button[disabled]:active>ds-spinner,.button[disabled].is-pressed>ds-spinner,.button[disabled]:focus>ds-spinner,.button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner.is-circle,fieldset[disabled] .button:hover>ds-spinner.is-circle,fieldset[disabled] .button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .button:active>ds-spinner.is-circle,fieldset[disabled] .button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .button:focus>ds-spinner.is-circle,fieldset[disabled] .button.is-focused>ds-spinner.is-circle,.button.is-loading>ds-spinner.is-circle,.button.is-loading:hover>ds-spinner.is-circle,.button.is-loading.is-hovered>ds-spinner.is-circle,.button.is-loading:active>ds-spinner.is-circle,.button.is-loading.is-pressed>ds-spinner.is-circle,.button.is-loading:focus>ds-spinner.is-circle,.button.is-loading.is-focused>ds-spinner.is-circle,.button.is-disabled>ds-spinner.is-circle,.button.is-disabled:hover>ds-spinner.is-circle,.button.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-disabled:active>ds-spinner.is-circle,.button.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-disabled:focus>ds-spinner.is-circle,.button.is-disabled.is-focused>ds-spinner.is-circle,.button.is-inverted.is-disabled>ds-spinner.is-circle,.button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-inverted.is-disabled:active>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.button[disabled]>ds-spinner.is-circle,.button[disabled]:hover>ds-spinner.is-circle,.button[disabled].is-hovered>ds-spinner.is-circle,.button[disabled]:active>ds-spinner.is-circle,.button[disabled].is-pressed>ds-spinner.is-circle,.button[disabled]:focus>ds-spinner.is-circle,.button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}.buttons{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){.buttons ::slotted(.button:not(.is-square,.is-circle)),.buttons .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}.buttons ::slotted(ds-button:not(.is-square,.is-circle)),.buttons ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}.buttons.as-col-reverse{--mod-buttons-direction:column-reverse}.buttons.as-row-reverse{--mod-buttons-direction:row-reverse}.buttons.as-row{--mod-buttons-direction:row}.buttons.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){.buttons.as-col ::slotted(.button),.buttons.as-col .button,.buttons.as-col ::slotted(ds-button),.buttons.as-col ds-button,.buttons.as-col-reverse ::slotted(.button),.buttons.as-col-reverse .button,.buttons.as-col-reverse ::slotted(ds-button),.buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.buttons.as-col.is-center,.buttons.as-col.is-centered,.buttons.as-col-reverse.is-center,.buttons.as-col-reverse.is-centered{--mod-buttons-align-items:center}.buttons.as-col.is-left,.buttons.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}.buttons.as-col.is-right,.buttons.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){.buttons.as-row.is-center,.buttons.as-row.is-centered,.buttons.is-center:not(.as-col),.buttons.is-centered:not(.as-col){--mod-buttons-justify-content:center}.buttons.as-row.is-left,.buttons.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}.buttons.as-row.is-right,.buttons.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){.buttons.is-wide ::slotted(.button:not(.is-square,.is-circle)),.buttons.is-wide .button:not(.is-square,.is-circle),.buttons.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),.buttons.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host{--_accordion-focus:var(--accordion-focus, var(--mod-accordion-focus, var(--ds-alias-interaction-focus-color-base)));--_accordion-marker-size:var(--accordion-marker-size, var(--mod-accordion-marker-size, 1rem));--_accordion-summary-color:var(--accordion-summary-color, var(--mod-accordion-summary-color, var(--ds-accordion-summary-color-base)));--_accordion-summary-font-family:var(--accordion-summary-font-family, var(--mod-accordion-summary-font-family, var(--ds-accordion-summary-font-family)));--_accordion-summary-font-weight:var(--accordion-summary-font-weight, var(--mod-accordion-summary-font-weight, var(--ds-accordion-summary-font-weight)));--_accordion-summary-font-line-height:var(--accordion-summary-font-line-height, var(--mod-accordion-summary-font-line-height, var(--ds-accordion-summary-font-line-height)));--_accordion-summary-font-size:var(--accordion-summary-font-size, var(--mod-accordion-summary-font-size, var(--ds-accordion-summary-font-size-device)));--_accordion-summary-color-hover:var(--accordion-summary-color-hover, var(--mod-accordion-summary-color-hover, var(--ds-accordion-summary-color-hover)));--_accordion-summary-color-active:var(--accordion-summary-color-active, var(--mod-accordion-summary-color-active, var(--ds-accordion-summary-color-active)));--_accordion-radius:var(--accordion-radius, var(--mod-accordion-radius, var(--ds-accordion-radius-base)))}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative}:host #header{min-height:2.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host #summary:not(.button){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;cursor:pointer;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:.5rem;background:inherit;border:none;width:100%;padding:0;margin:0;outline:none;color:var(--_accordion-summary-color);font-family:var(--_accordion-summary-font-family);font-weight:var(--_accordion-summary-font-weight);line-height:var(--_accordion-summary-font-line-height);font-size:var(--_accordion-summary-font-size)}:host #summary:not(.button).has-marker-left #marker{-ms-flex-order:-1;order:-1}@media (hover: hover)and (pointer: fine){:host #summary:not(.button):hover,:host #summary:not(.button).is-hovered{color:var(--_accordion-summary-color-hover)}:host #summary:not(.button):hover ds-icon,:host #summary:not(.button).is-hovered ds-icon{--icon-color:var(--_accordion-summary-color-hover)}}:host #summary:not(.button):active,:host #summary:not(.button).is-pressed{color:var(--_accordion-summary-color-active)}:host #summary:not(.button):active ds-icon,:host #summary:not(.button).is-pressed ds-icon{--icon-color:var(--_accordion-summary-color-active)}:host #summary:not(.button):focus-visible:not(:active):before,:host #summary:not(.button).is-focused:not(:active):before{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_accordion-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_accordion-focus) 0 0 0 5px !important;content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:var(--_accordion-radius)}:host #label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block}:host #label:not(.is-button){-ms-flex:1;flex:1;text-align:left}:host(.is-title){--mod-accordion-summary-font-family:var(--ds-heading-family);--mod-accordion-summary-font-weight:var(--ds-heading-weight);--mod-accordion-summary-font-line-height:var(--ds-heading-line-height)}:host(.is-h1){--mod-accordion-summary-font-size:var(--ds-heading-1-size-device)}:host(.is-h2){--mod-accordion-summary-font-size:var(--ds-heading-2-size-device)}:host(.is-h3){--mod-accordion-summary-font-size:var(--ds-heading-3-size-device)}:host(.is-h4){--mod-accordion-summary-font-size:var(--ds-heading-4-size-device)}:host(.is-h5){--mod-accordion-summary-font-size:var(--ds-heading-5-size-device)}:host(:not(.is-button)) #marker{min-width:var(--_accordion-marker-size);width:1.5rem;height:var(--_accordion-marker-size);cursor:pointer}:host(:not(.is-button)[open]:not([open=" false "])) #marker{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(:not(.is-button)[open]:not([open=" false "])) #marker.has-marker-plus{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:root{interpolate-size:allow-keywords}@media (prefers-reduced-motion: no-preference){:host(.is-animated) #marker{-webkit-transition:-webkit-transform 300ms ease;transition:-webkit-transform 300ms ease;transition:transform 300ms ease;transition:transform 300ms ease, -webkit-transform 300ms ease}:host(.is-animated) #content{display:grid;grid-template-rows:0fr;overflow:hidden;-webkit-transition:content-visibility .3s,grid-template-rows .3s;transition:content-visibility .3s,grid-template-rows .3s;transition:content-visibility .3s,grid-template-rows .3s,-ms-grid-rows .3s;transition-behavior:allow-discrete}:host(.is-animated) #content>#inner{min-height:0;-webkit-transition:visibility .3s;transition:visibility .3s;visibility:hidden}:host(.is-animated[open]:not([open=" false "])) #content{grid-template-rows:1fr}:host(.is-animated[open]:not([open=" false "])) #content>#inner{visibility:visible}:host(.is-animated[open]:not([open=" false "]):not(.is-animating)) #content{overflow:visible}:host(.is-animated.is-animating) #content{overflow:hidden}}`;
15
+ const accordionHostCss = () => `.button{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.button{display:none !important}}.button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}.button::-moz-focus-inner{border:0}.button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}.button:focus,.button:active{outline:none}@media (hover: hover)and (pointer: fine){.button:focus-visible:not(:active),.button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){.button:hover,.button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}.button:active,.button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}.button.is-wide{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}.button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}.button .badge,.button ds-badge{--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}.button.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}.button.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}.button.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}.button.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}.button.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}.button.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}.button.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}.button.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}.button.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}.button.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}.button.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}.button.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}.button.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}.button.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}.button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}.button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}.button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}.button.is-sm,.button.is-small{--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}.button.is-lg,.button.is-large{--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}.button.is-xl{--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}.button.is-flat{--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}.button.is-rounded{--mod-button-radius:var(--ds-button-radius-rounded)}.button.is-square:not(.is-sm),.button.is-square:not(.is-small){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-square.is-sm,.button.is-square.is-small{--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-circle:not(.is-sm),.button.is-circle:not(.is-small){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-circle.is-small,.button.is-circle.is-sm{--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-tertiary-purple.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}.button.is-tertiary-red.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}.button.is-tertiary-green.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}.button.is-tertiary-yellow.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}.button.has-shadow:not(.is-link,.is-text){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}.button.is-text.has-shadow,.button.is-link.has-shadow{--mod-button-text-shadow:var(--ds-alias-shadow-text)}.button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content:attr(aria-label);content:var(--_button-content)}.button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .button,fieldset[disabled] .button:hover,fieldset[disabled] .button.is-hovered,fieldset[disabled] .button:active,fieldset[disabled] .button.is-pressed,fieldset[disabled] .button:focus,fieldset[disabled] .button.is-focused,.button.is-loading,.button.is-loading:hover,.button.is-loading.is-hovered,.button.is-loading:active,.button.is-loading.is-pressed,.button.is-loading:focus,.button.is-loading.is-focused,.button.is-disabled,.button.is-disabled:hover,.button.is-disabled.is-hovered,.button.is-disabled:active,.button.is-disabled.is-pressed,.button.is-disabled:focus,.button.is-disabled.is-focused,.button.is-inverted.is-disabled,.button.is-inverted.is-disabled:hover,.button.is-inverted.is-disabled.is-hovered,.button.is-inverted.is-disabled:active,.button.is-inverted.is-disabled.is-pressed,.button.is-inverted.is-disabled:focus,.button.is-inverted.is-disabled.is-focused,.button[disabled],.button[disabled]:hover,.button[disabled].is-hovered,.button[disabled]:active,.button[disabled].is-pressed,.button[disabled]:focus,.button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-icon,fieldset[disabled] .button:hover>ds-icon,fieldset[disabled] .button.is-hovered>ds-icon,fieldset[disabled] .button:active>ds-icon,fieldset[disabled] .button.is-pressed>ds-icon,fieldset[disabled] .button:focus>ds-icon,fieldset[disabled] .button.is-focused>ds-icon,.button.is-loading>ds-icon,.button.is-loading:hover>ds-icon,.button.is-loading.is-hovered>ds-icon,.button.is-loading:active>ds-icon,.button.is-loading.is-pressed>ds-icon,.button.is-loading:focus>ds-icon,.button.is-loading.is-focused>ds-icon,.button.is-disabled>ds-icon,.button.is-disabled:hover>ds-icon,.button.is-disabled.is-hovered>ds-icon,.button.is-disabled:active>ds-icon,.button.is-disabled.is-pressed>ds-icon,.button.is-disabled:focus>ds-icon,.button.is-disabled.is-focused>ds-icon,.button.is-inverted.is-disabled>ds-icon,.button.is-inverted.is-disabled:hover>ds-icon,.button.is-inverted.is-disabled.is-hovered>ds-icon,.button.is-inverted.is-disabled:active>ds-icon,.button.is-inverted.is-disabled.is-pressed>ds-icon,.button.is-inverted.is-disabled:focus>ds-icon,.button.is-inverted.is-disabled.is-focused>ds-icon,.button[disabled]>ds-icon,.button[disabled]:hover>ds-icon,.button[disabled].is-hovered>ds-icon,.button[disabled]:active>ds-icon,.button[disabled].is-pressed>ds-icon,.button[disabled]:focus>ds-icon,.button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner,fieldset[disabled] .button:hover>ds-spinner,fieldset[disabled] .button.is-hovered>ds-spinner,fieldset[disabled] .button:active>ds-spinner,fieldset[disabled] .button.is-pressed>ds-spinner,fieldset[disabled] .button:focus>ds-spinner,fieldset[disabled] .button.is-focused>ds-spinner,.button.is-loading>ds-spinner,.button.is-loading:hover>ds-spinner,.button.is-loading.is-hovered>ds-spinner,.button.is-loading:active>ds-spinner,.button.is-loading.is-pressed>ds-spinner,.button.is-loading:focus>ds-spinner,.button.is-loading.is-focused>ds-spinner,.button.is-disabled>ds-spinner,.button.is-disabled:hover>ds-spinner,.button.is-disabled.is-hovered>ds-spinner,.button.is-disabled:active>ds-spinner,.button.is-disabled.is-pressed>ds-spinner,.button.is-disabled:focus>ds-spinner,.button.is-disabled.is-focused>ds-spinner,.button.is-inverted.is-disabled>ds-spinner,.button.is-inverted.is-disabled:hover>ds-spinner,.button.is-inverted.is-disabled.is-hovered>ds-spinner,.button.is-inverted.is-disabled:active>ds-spinner,.button.is-inverted.is-disabled.is-pressed>ds-spinner,.button.is-inverted.is-disabled:focus>ds-spinner,.button.is-inverted.is-disabled.is-focused>ds-spinner,.button[disabled]>ds-spinner,.button[disabled]:hover>ds-spinner,.button[disabled].is-hovered>ds-spinner,.button[disabled]:active>ds-spinner,.button[disabled].is-pressed>ds-spinner,.button[disabled]:focus>ds-spinner,.button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner.is-circle,fieldset[disabled] .button:hover>ds-spinner.is-circle,fieldset[disabled] .button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .button:active>ds-spinner.is-circle,fieldset[disabled] .button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .button:focus>ds-spinner.is-circle,fieldset[disabled] .button.is-focused>ds-spinner.is-circle,.button.is-loading>ds-spinner.is-circle,.button.is-loading:hover>ds-spinner.is-circle,.button.is-loading.is-hovered>ds-spinner.is-circle,.button.is-loading:active>ds-spinner.is-circle,.button.is-loading.is-pressed>ds-spinner.is-circle,.button.is-loading:focus>ds-spinner.is-circle,.button.is-loading.is-focused>ds-spinner.is-circle,.button.is-disabled>ds-spinner.is-circle,.button.is-disabled:hover>ds-spinner.is-circle,.button.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-disabled:active>ds-spinner.is-circle,.button.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-disabled:focus>ds-spinner.is-circle,.button.is-disabled.is-focused>ds-spinner.is-circle,.button.is-inverted.is-disabled>ds-spinner.is-circle,.button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-inverted.is-disabled:active>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.button[disabled]>ds-spinner.is-circle,.button[disabled]:hover>ds-spinner.is-circle,.button[disabled].is-hovered>ds-spinner.is-circle,.button[disabled]:active>ds-spinner.is-circle,.button[disabled].is-pressed>ds-spinner.is-circle,.button[disabled]:focus>ds-spinner.is-circle,.button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}.buttons{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){.buttons ::slotted(.button:not(.is-square,.is-circle)),.buttons .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}.buttons ::slotted(ds-button:not(.is-square,.is-circle)),.buttons ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}.buttons.as-col-reverse{--mod-buttons-direction:column-reverse}.buttons.as-row-reverse{--mod-buttons-direction:row-reverse}.buttons.as-row{--mod-buttons-direction:row}.buttons.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){.buttons.as-col ::slotted(.button),.buttons.as-col .button,.buttons.as-col ::slotted(ds-button),.buttons.as-col ds-button,.buttons.as-col-reverse ::slotted(.button),.buttons.as-col-reverse .button,.buttons.as-col-reverse ::slotted(ds-button),.buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.buttons.as-col.is-center,.buttons.as-col.is-centered,.buttons.as-col-reverse.is-center,.buttons.as-col-reverse.is-centered{--mod-buttons-align-items:center}.buttons.as-col.is-left,.buttons.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}.buttons.as-col.is-right,.buttons.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){.buttons.as-row.is-center,.buttons.as-row.is-centered,.buttons.is-center:not(.as-col),.buttons.is-centered:not(.as-col){--mod-buttons-justify-content:center}.buttons.as-row.is-left,.buttons.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}.buttons.as-row.is-right,.buttons.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){.buttons.is-wide ::slotted(.button:not(.is-square,.is-circle)),.buttons.is-wide .button:not(.is-square,.is-circle),.buttons.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),.buttons.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host{--_accordion-focus:var(--accordion-focus, var(--mod-accordion-focus, var(--ds-alias-interaction-focus-color-base)));--_accordion-marker-size:var(--accordion-marker-size, var(--mod-accordion-marker-size, 1rem));--_accordion-summary-color:var(--accordion-summary-color, var(--mod-accordion-summary-color, var(--ds-accordion-summary-color-base)));--_accordion-summary-font-family:var(--accordion-summary-font-family, var(--mod-accordion-summary-font-family, var(--ds-accordion-summary-font-family)));--_accordion-summary-font-weight:var(--accordion-summary-font-weight, var(--mod-accordion-summary-font-weight, var(--ds-accordion-summary-font-weight)));--_accordion-summary-font-line-height:var(--accordion-summary-font-line-height, var(--mod-accordion-summary-font-line-height, var(--ds-accordion-summary-font-line-height)));--_accordion-summary-font-size:var(--accordion-summary-font-size, var(--mod-accordion-summary-font-size, var(--ds-accordion-summary-font-size-device)));--_accordion-summary-color-hover:var(--accordion-summary-color-hover, var(--mod-accordion-summary-color-hover, var(--ds-accordion-summary-color-hover)));--_accordion-summary-color-active:var(--accordion-summary-color-active, var(--mod-accordion-summary-color-active, var(--ds-accordion-summary-color-active)));--_accordion-radius:var(--accordion-radius, var(--mod-accordion-radius, var(--ds-accordion-radius-base)))}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative}:host #header{min-height:2.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host #summary:not(.button){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;cursor:pointer;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:.5rem;background:inherit;border:none;width:100%;padding:0;margin:0;outline:none;color:var(--_accordion-summary-color);font-family:var(--_accordion-summary-font-family);font-weight:var(--_accordion-summary-font-weight);line-height:var(--_accordion-summary-font-line-height);font-size:var(--_accordion-summary-font-size)}:host #summary:not(.button).has-marker-left #marker{-ms-flex-order:-1;order:-1}@media (hover: hover)and (pointer: fine){:host #summary:not(.button):hover,:host #summary:not(.button).is-hovered{color:var(--_accordion-summary-color-hover)}:host #summary:not(.button):hover ds-icon,:host #summary:not(.button).is-hovered ds-icon{--icon-color:var(--_accordion-summary-color-hover)}}:host #summary:not(.button):active,:host #summary:not(.button).is-pressed{color:var(--_accordion-summary-color-active)}:host #summary:not(.button):active ds-icon,:host #summary:not(.button).is-pressed ds-icon{--icon-color:var(--_accordion-summary-color-active)}:host #summary:not(.button):focus-visible:not(:active):before,:host #summary:not(.button).is-focused:not(:active):before{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_accordion-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_accordion-focus) 0 0 0 5px !important;content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:var(--_accordion-radius)}:host #label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block}:host #label:not(.is-button){-ms-flex:1;flex:1;text-align:left}:host(.is-title){--mod-accordion-summary-font-family:var(--ds-alias-text-family-heading);--mod-accordion-summary-font-weight:var(--ds-heading-weight);--mod-accordion-summary-font-line-height:var(--ds-heading-line-height)}:host(.is-h1){--mod-accordion-summary-font-size:var(--ds-heading-1-size-device)}:host(.is-h2){--mod-accordion-summary-font-size:var(--ds-heading-2-size-device)}:host(.is-h3){--mod-accordion-summary-font-size:var(--ds-heading-3-size-device)}:host(.is-h4){--mod-accordion-summary-font-size:var(--ds-heading-4-size-device)}:host(.is-h5){--mod-accordion-summary-font-size:var(--ds-heading-5-size-device)}:host(:not(.is-button)) #marker{min-width:var(--_accordion-marker-size);width:1.5rem;height:var(--_accordion-marker-size);cursor:pointer}:host(:not(.is-button)[open]:not([open=" false "])) #marker{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(:not(.is-button)[open]:not([open=" false "])) #marker.has-marker-plus{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:root{interpolate-size:allow-keywords}@media (prefers-reduced-motion: no-preference){:host(.is-animated) #marker{-webkit-transition:-webkit-transform 300ms ease;transition:-webkit-transform 300ms ease;transition:transform 300ms ease;transition:transform 300ms ease, -webkit-transform 300ms ease}:host(.is-animated) #content{display:grid;grid-template-rows:0fr;overflow:hidden;-webkit-transition:content-visibility .3s,grid-template-rows .3s;transition:content-visibility .3s,grid-template-rows .3s;transition:content-visibility .3s,grid-template-rows .3s,-ms-grid-rows .3s;transition-behavior:allow-discrete}:host(.is-animated) #content>#inner{min-height:0;-webkit-transition:visibility .3s;transition:visibility .3s;visibility:hidden}:host(.is-animated[open]:not([open=" false "])) #content{grid-template-rows:1fr}:host(.is-animated[open]:not([open=" false "])) #content>#inner{visibility:visible}:host(.is-animated[open]:not([open=" false "]):not(.is-animating)) #content{overflow:visible}:host(.is-animated.is-animating) #content{overflow:hidden}}`;
16
16
 
17
17
  const Accordion = class {
18
18
  constructor(hostRef) {
package/dist/esm/ds-alert-container.entry.js CHANGED
@@ -1,12 +1,12 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { B as registerInstance, w as wait, D as raf, E as h, F as Host, G as getElement } from './index-C6MVahkC.js';
5
- import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-C9GKXw-5.js';
6
- import { T as Type } from './type-DzkhLOG_.js';
7
- import { O as OneOf } from './one-of-CKPv0Nqm.js';
8
- import { R as Required } from './required-Dqsbx5fH.js';
9
- import './create-validator-decorator-DovxquEu.js';
4
+ import { B as registerInstance, w as wait, D as raf, E as h, F as Host, G as getElement } from './index-B-v2Wm-V.js';
5
+ import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-n47B6oUi.js';
6
+ import { T as Type } from './type-7qEQcw90.js';
7
+ import { O as OneOf } from './one-of-CjRvS2Tk.js';
8
+ import { R as Required } from './required-Dtml5IID.js';
9
+ import './create-validator-decorator-fUav5byo.js';
10
10
 
11
11
  function createPausableTimer(callback, delay) {
12
12
  let timerId;
package/dist/esm/ds-app.entry.js CHANGED
@@ -1,13 +1,13 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { B as registerInstance, I as createEvent, J as debounce, d as dsBrowser, K as rIC, L as rOnLoad, E as h, F as Host, G as getElement } from './index-C6MVahkC.js';
5
- import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-C9GKXw-5.js';
6
- import { d as dsDevice } from './device-CRuIJzXR.js';
4
+ import { B as registerInstance, I as createEvent, J as debounce, d as dsBrowser, K as rIC, L as rOnLoad, E as h, F as Host, G as getElement } from './index-B-v2Wm-V.js';
5
+ import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-n47B6oUi.js';
6
+ import { d as dsDevice } from './device-CapioAfe.js';
7
7
  import { s as startFocusVisible } from './app.focus.util-BTyFgjT3.js';
8
- import { i as updateDsAnimated, j as updateDsLogger } from './config.utils-D9o7rffC.js';
9
- import { T as Type } from './type-DzkhLOG_.js';
10
- import './create-validator-decorator-DovxquEu.js';
8
+ import { i as updateDsAnimated, j as updateDsLogger } from './config.utils-CR4Xudpz.js';
9
+ import { T as Type } from './type-7qEQcw90.js';
10
+ import './create-validator-decorator-fUav5byo.js';
11
11
 
12
12
  const appCss = () => `:root{--ds-app-height:100%}.ds-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}`;
13
13
 
package/dist/esm/ds-badge.entry.js CHANGED
@@ -1,19 +1,19 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { B as registerInstance, E as h, F as Host, G as getElement } from './index-C6MVahkC.js';
5
- import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-C9GKXw-5.js';
6
- import { h as hasValue } from './has-value-DU9L2JaI.js';
4
+ import { B as registerInstance, E as h, F as Host, G as getElement } from './index-B-v2Wm-V.js';
5
+ import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-n47B6oUi.js';
6
+ import { h as hasValue } from './has-value-Dmsj8ZQw.js';
7
7
  import { n as normalizeDeprecatedTShirtSize } from './t-shirt-DR5LIaCn.js';
8
- import { T as Type } from './type-DzkhLOG_.js';
9
- import { O as OneOf } from './one-of-CKPv0Nqm.js';
10
- import './create-validator-decorator-DovxquEu.js';
8
+ import { T as Type } from './type-7qEQcw90.js';
9
+ import { O as OneOf } from './one-of-CjRvS2Tk.js';
10
+ import './create-validator-decorator-fUav5byo.js';
11
11
 
12
12
  const BADGE_SIZES = ['sm', 'lg', 'small', 'large', ''];
13
13
  const BADGE_COLORS = ['grey', 'danger', 'warning', 'success', 'red', 'yellow', 'green', 'purple', ''];
14
14
  const BADGE_POSITIONS = ['card', 'button', 'tabs', ''];
15
15
 
16
- const badgeHostCss = () => `:host{--_badge-position:var(--badge-position, var(--mod-badge-position, static));--_badge-top:var(--badge-top, var(--mod-badge-top));--_badge-right:var(--badge-right, var(--mod-badge-right));--_badge-bottom:var(--badge-bottom, var(--mod-badge-bottom));--_badge-left:var(--badge-left, var(--mod-badge-left));position:var(--_badge-position);top:var(--_badge-top);right:var(--_badge-right);bottom:var(--_badge-bottom);left:var(--_badge-left);--_badge-m:var(--badge-m, var(--mod-badge-m, 0));--_badge-my:var(--badge-my, var(--mod-badge-my));--_badge-mx:var(--badge-mx, var(--mod-badge-mx));--_badge-ml:var(--badge-ml, var(--mod-badge-ml));--_badge-mr:var(--badge-mr, var(--mod-badge-mr));--_badge-mt:var(--badge-mt, var(--mod-badge-mt));--_badge-mb:var(--badge-mb, var(--mod-badge-mb));margin:var(--_badge-m);margin-inline:var(--_badge-mx);margin-block:var(--_badge-my);margin-left:var(--_badge-ml);margin-right:var(--_badge-mr);margin-top:var(--_badge-mt);margin-bottom:var(--_badge-mb);--_badge-font-family:var(--badge-font-family, var(--mod-badge-font-family, var(--ds-badge-text-family)));--_badge-font-weight:var(--badge-font-weight, var(--mod-badge-font-weight, var(--ds-badge-text-weight)));--_badge-min-width:var(--badge-min-width, var(--mod-badge-min-width, var(--ds-badge-size-base)));--_badge-height:var(--badge-height, var(--mod-badge-height, var(--ds-badge-size-base)));--_badge-radius:var(--badge-radius, var(--mod-badge-radius, calc(var(--ds-badge-size-base) / 2)));--_badge-color-background:var(--badge-color-background, var(--mod-badge-color-background, var(--ds-badge-color-base-background)));--_badge-color-text:var(--badge-color-text, var(--mod-badge-color-text, var(--ds-badge-color-base-text)));--_badge-pulse-color:var(--badge-pulse-color, var(--mod-badge-pulse-color, var(--ds-badge-color-base-background)));--_badge-font-size:var(--badge-font-size, var(--mod-badge-font-size, 85%));--_badge-icon-size:var(--badge-icon-size, var(--mod-badge-icon-size, 0.875rem));--_badge-icon-color:var(--badge-icon-color, var(--mod-badge-icon-color, var(--ds-badge-color-base-text)));--_badge-gap:var(--badge-gap, var(--mod-badge-gap, 4px));--_badge-padding-inline:var(--badge-padding-inline, var(--mod-badge-padding-inline, 4px));--_badge-padding-block:var(--badge-padding-block, var(--mod-badge-padding-block, 4px))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--_badge-font-size);white-space:nowrap;line-height:1;z-index:1;cursor:inherit;min-width:var(--_badge-min-width);height:var(--_badge-height);border-radius:var(--_badge-radius);background:var(--_badge-color-background);color:var(--_badge-color-text);font-family:var(--_badge-font-family);font-weight:var(--_badge-font-weight);gap:var(--_badge-gap);padding-inline:var(--_badge-padding-inline);padding-block:var(--_badge-padding-block)}:host>ds-icon{--icon-size:var(--_badge-icon-size);--icon-color:var(--_badge-icon-color)}:host(.is-red){--mod-badge-color-text:var(--ds-badge-color-red-text);--mod-badge-color-background:var(--ds-badge-color-red-background);--mod-badge-pulse-color:var(--ds-badge-color-red-background);--mod-badge-icon-color:var(--ds-badge-color-red-text)}:host(.is-green){--mod-badge-color-text:var(--ds-badge-color-green-text);--mod-badge-color-background:var(--ds-badge-color-green-background);--mod-badge-pulse-color:var(--ds-badge-color-green-background);--mod-badge-icon-color:var(--ds-badge-color-green-text)}:host(.is-yellow){--mod-badge-color-text:var(--ds-badge-color-yellow-text);--mod-badge-color-background:var(--ds-badge-color-yellow-background);--mod-badge-pulse-color:var(--ds-badge-color-yellow-background);--mod-badge-icon-color:var(--ds-badge-color-yellow-text)}:host(.is-purple){--mod-badge-color-text:var(--ds-badge-color-purple-text);--mod-badge-color-background:var(--ds-badge-color-purple-background);--mod-badge-pulse-color:var(--ds-badge-color-purple-background);--mod-badge-icon-color:var(--ds-badge-color-purple-text)}:host(.is-grey){--mod-badge-color-text:var(--ds-badge-color-grey-text);--mod-badge-color-background:var(--ds-badge-color-grey-background);--mod-badge-pulse-color:var(--ds-badge-color-grey-background);--mod-badge-icon-color:var(--ds-badge-color-grey-text)}:host(.is-success){--mod-badge-color-text:var(--ds-badge-color-success-text);--mod-badge-color-background:var(--ds-badge-color-success-background);--mod-badge-pulse-color:var(--ds-badge-color-success-background);--mod-badge-icon-color:var(--ds-badge-color-success-text)}:host(.is-warning){--mod-badge-color-text:var(--ds-badge-color-warning-text);--mod-badge-color-background:var(--ds-badge-color-warning-background);--mod-badge-pulse-color:var(--ds-badge-color-warning-background);--mod-badge-icon-color:var(--ds-badge-color-warning-text)}:host(.is-danger){--mod-badge-color-text:var(--ds-badge-color-danger-text);--mod-badge-color-background:var(--ds-badge-color-danger-background);--mod-badge-pulse-color:var(--ds-badge-color-danger-background);--mod-badge-icon-color:var(--ds-badge-color-danger-text)}:host(.is-sm){--mod-badge-radius:calc(var(--ds-badge-size-sm) / 2);--mod-badge-height:var(--ds-badge-size-sm);--mod-badge-min-width:var(--ds-badge-size-sm);--mod-badge-padding-inline:0;--mod-badge-padding-block:0;--mod-badge-font-size:0;max-width:var(--ds-badge-size-sm);padding:0;overflow:hidden}:host(.is-sm)>*{display:none}:host(.is-lg){--mod-badge-min-width:var(--ds-badge-size-lg);--mod-badge-height:var(--ds-badge-size-lg);--mod-badge-radius:calc(var(--ds-badge-size-lg) / 2);--mod-badge-font-size:1rem;--mod-badge-icon-size:1.125rem}:host(.is-pulse){-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}`;
16
+ const badgeHostCss = () => `:host{--_badge-position:var(--badge-position, var(--mod-badge-position, static));--_badge-top:var(--badge-top, var(--mod-badge-top));--_badge-right:var(--badge-right, var(--mod-badge-right));--_badge-bottom:var(--badge-bottom, var(--mod-badge-bottom));--_badge-left:var(--badge-left, var(--mod-badge-left));position:var(--_badge-position);top:var(--_badge-top);right:var(--_badge-right);bottom:var(--_badge-bottom);left:var(--_badge-left);--_badge-m:var(--badge-m, var(--mod-badge-m, 0));--_badge-my:var(--badge-my, var(--mod-badge-my));--_badge-mx:var(--badge-mx, var(--mod-badge-mx));--_badge-ml:var(--badge-ml, var(--mod-badge-ml));--_badge-mr:var(--badge-mr, var(--mod-badge-mr));--_badge-mt:var(--badge-mt, var(--mod-badge-mt));--_badge-mb:var(--badge-mb, var(--mod-badge-mb));margin:var(--_badge-m);margin-inline:var(--_badge-mx);margin-block:var(--_badge-my);margin-left:var(--_badge-ml);margin-right:var(--_badge-mr);margin-top:var(--_badge-mt);margin-bottom:var(--_badge-mb);--_badge-font-family:var(--badge-font-family, var(--mod-badge-font-family, var(--ds-badge-text-family)));--_badge-font-weight:var(--badge-font-weight, var(--mod-badge-font-weight, var(--ds-badge-text-weight)));--_badge-min-width:var(--badge-min-width, var(--mod-badge-min-width, var(--ds-badge-size-base)));--_badge-height:var(--badge-height, var(--mod-badge-height, var(--ds-badge-size-base)));--_badge-radius:var(--badge-radius, var(--mod-badge-radius, calc(var(--ds-badge-size-base) / 2)));--_badge-color-background:var(--badge-color-background, var(--mod-badge-color-background, var(--ds-badge-color-base-background)));--_badge-color-text:var(--badge-color-text, var(--mod-badge-color-text, var(--ds-badge-color-base-text)));--_badge-pulse-color:var(--badge-pulse-color, var(--mod-badge-pulse-color, var(--ds-badge-color-base-background)));--_badge-font-size:var(--badge-font-size, var(--mod-badge-font-size, 85%));--_badge-icon-size:var(--badge-icon-size, var(--mod-badge-icon-size, 0.75rem));--_badge-icon-color:var(--badge-icon-color, var(--mod-badge-icon-color, var(--ds-badge-color-base-text)));--_badge-gap:var(--badge-gap, var(--mod-badge-gap, 4px));--_badge-padding-inline:var(--badge-padding-inline, var(--mod-badge-padding-inline, 4px));--_badge-padding-block:var(--badge-padding-block, var(--mod-badge-padding-block, 4px))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--_badge-font-size);white-space:nowrap;line-height:1;z-index:1;cursor:inherit;min-width:var(--_badge-min-width);height:var(--_badge-height);border-radius:var(--_badge-radius);background:var(--_badge-color-background);color:var(--_badge-color-text);font-family:var(--_badge-font-family);font-weight:var(--_badge-font-weight);gap:var(--_badge-gap);padding-inline:var(--_badge-padding-inline);padding-block:var(--_badge-padding-block)}:host ds-icon{--icon-size:var(--_badge-icon-size);--icon-inner-size:var(--_badge-icon-size);--icon-color:var(--_badge-icon-color)}:host(.is-red){--mod-badge-color-text:var(--ds-badge-color-red-text);--mod-badge-color-background:var(--ds-badge-color-red-background);--mod-badge-pulse-color:var(--ds-badge-color-red-background);--mod-badge-icon-color:var(--ds-badge-color-red-text);--icon-color:var(--ds-badge-color-red-text)}:host(.is-green){--mod-badge-color-text:var(--ds-badge-color-green-text);--mod-badge-color-background:var(--ds-badge-color-green-background);--mod-badge-pulse-color:var(--ds-badge-color-green-background);--mod-badge-icon-color:var(--ds-badge-color-green-text);--icon-color:var(--ds-badge-color-green-text)}:host(.is-yellow){--mod-badge-color-text:var(--ds-badge-color-yellow-text);--mod-badge-color-background:var(--ds-badge-color-yellow-background);--mod-badge-pulse-color:var(--ds-badge-color-yellow-background);--mod-badge-icon-color:var(--ds-badge-color-yellow-text);--icon-color:var(--ds-badge-color-yellow-text)}:host(.is-purple){--mod-badge-color-text:var(--ds-badge-color-purple-text);--mod-badge-color-background:var(--ds-badge-color-purple-background);--mod-badge-pulse-color:var(--ds-badge-color-purple-background);--mod-badge-icon-color:var(--ds-badge-color-purple-text);--icon-color:var(--ds-badge-color-purple-text)}:host(.is-grey){--mod-badge-color-text:var(--ds-badge-color-grey-text);--mod-badge-color-background:var(--ds-badge-color-grey-background);--mod-badge-pulse-color:var(--ds-badge-color-grey-background);--mod-badge-icon-color:var(--ds-badge-color-grey-text);--icon-color:var(--ds-badge-color-grey-text)}:host(.is-success){--mod-badge-color-text:var(--ds-badge-color-success-text);--mod-badge-color-background:var(--ds-badge-color-success-background);--mod-badge-pulse-color:var(--ds-badge-color-success-background);--mod-badge-icon-color:var(--ds-badge-color-success-text);--icon-color:var(--ds-badge-color-success-text)}:host(.is-warning){--mod-badge-color-text:var(--ds-badge-color-warning-text);--mod-badge-color-background:var(--ds-badge-color-warning-background);--mod-badge-pulse-color:var(--ds-badge-color-warning-background);--mod-badge-icon-color:var(--ds-badge-color-warning-text);--icon-color:var(--ds-badge-color-warning-text)}:host(.is-danger){--mod-badge-color-text:var(--ds-badge-color-danger-text);--mod-badge-color-background:var(--ds-badge-color-danger-background);--mod-badge-pulse-color:var(--ds-badge-color-danger-background);--mod-badge-icon-color:var(--ds-badge-color-danger-text);--icon-color:var(--ds-badge-color-danger-text)}:host(.is-sm){--mod-badge-radius:calc(var(--ds-badge-size-sm) / 2);--mod-badge-height:var(--ds-badge-size-sm);--mod-badge-min-width:var(--ds-badge-size-sm);--mod-badge-padding-inline:0;--mod-badge-padding-block:0;--mod-badge-font-size:0;max-width:var(--ds-badge-size-sm);padding:0;overflow:hidden}:host(.is-sm)>*{display:none}:host(.is-lg){--mod-badge-min-width:var(--ds-badge-size-lg);--mod-badge-height:var(--ds-badge-size-lg);--mod-badge-radius:calc(var(--ds-badge-size-lg) / 2);--mod-badge-font-size:1rem;--mod-badge-icon-size:1.125rem}:host(.is-pulse){-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}`;
17
17
 
18
18
  const Badge = class {
19
19
  constructor(hostRef) {
package/dist/esm/ds-button-group.entry.js CHANGED
@@ -1,13 +1,13 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { B as registerInstance, E as h, F as Host, G as getElement } from './index-C6MVahkC.js';
5
- import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-C9GKXw-5.js';
4
+ import { B as registerInstance, E as h, F as Host, G as getElement } from './index-B-v2Wm-V.js';
5
+ import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-n47B6oUi.js';
6
6
  import { a as BUTTON_GROUP_ALIGNMENTS, b as BUTTON_GROUP_DIRECTIONS } from './button.interfaces-BPGfTrrM.js';
7
- import { O as OneOf } from './one-of-CKPv0Nqm.js';
8
- import { R as Required } from './required-Dqsbx5fH.js';
9
- import { T as Type } from './type-DzkhLOG_.js';
10
- import './create-validator-decorator-DovxquEu.js';
7
+ import { O as OneOf } from './one-of-CjRvS2Tk.js';
8
+ import { R as Required } from './required-Dtml5IID.js';
9
+ import { T as Type } from './type-7qEQcw90.js';
10
+ import './create-validator-decorator-fUav5byo.js';
11
11
 
12
12
  const buttonGroupHostCss = () => `:host{--_button-group-position:var(--button-group-position, var(--mod-button-group-position, static));--_button-group-top:var(--button-group-top, var(--mod-button-group-top));--_button-group-right:var(--button-group-right, var(--mod-button-group-right));--_button-group-bottom:var(--button-group-bottom, var(--mod-button-group-bottom));--_button-group-left:var(--button-group-left, var(--mod-button-group-left));position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left);--_button-group-m:var(--button-group-m, var(--mod-button-group-m, 0));--_button-group-my:var(--button-group-my, var(--mod-button-group-my));--_button-group-mx:var(--button-group-mx, var(--mod-button-group-mx));--_button-group-ml:var(--button-group-ml, var(--mod-button-group-ml));--_button-group-mr:var(--button-group-mr, var(--mod-button-group-mr));--_button-group-mt:var(--button-group-mt, var(--mod-button-group-mt));--_button-group-mb:var(--button-group-mb, var(--mod-button-group-mb));margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);display:block;margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left)}:host #group{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){:host #group ::slotted(.button:not(.is-square,.is-circle)),:host #group .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}:host #group ::slotted(ds-button:not(.is-square,.is-circle)),:host #group ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host #group.as-col-reverse{--mod-buttons-direction:column-reverse}:host #group.as-row-reverse{--mod-buttons-direction:row-reverse}:host #group.as-row{--mod-buttons-direction:row}:host #group.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){:host #group.as-col ::slotted(.button),:host #group.as-col .button,:host #group.as-col ::slotted(ds-button),:host #group.as-col ds-button,:host #group.as-col-reverse ::slotted(.button),:host #group.as-col-reverse .button,:host #group.as-col-reverse ::slotted(ds-button),:host #group.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){:host #group.as-col.is-center,:host #group.as-col.is-centered,:host #group.as-col-reverse.is-center,:host #group.as-col-reverse.is-centered{--mod-buttons-align-items:center}:host #group.as-col.is-left,:host #group.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}:host #group.as-col.is-right,:host #group.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){:host #group.as-row.is-center,:host #group.as-row.is-centered,:host #group.is-center:not(.as-col),:host #group.is-centered:not(.as-col){--mod-buttons-justify-content:center}:host #group.as-row.is-left,:host #group.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}:host #group.as-row.is-right,:host #group.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){:host #group.is-wide ::slotted(.button:not(.is-square,.is-circle)),:host #group.is-wide .button:not(.is-square,.is-circle),:host #group.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),:host #group.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}`;
13
13
 
package/dist/esm/ds-button_2.entry.js CHANGED
@@ -1,20 +1,20 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { B as registerInstance, I as createEvent, E as h, F as Host, G as getElement, v as defaultConfig } from './index-C6MVahkC.js';
5
- import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-C9GKXw-5.js';
4
+ import { B as registerInstance, I as createEvent, E as h, F as Host, G as getElement, v as defaultConfig } from './index-B-v2Wm-V.js';
5
+ import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-n47B6oUi.js';
6
6
  import { a as ariaBooleanToString } from './aria-DYfTMCkl.js';
7
7
  import { i as inheritAttributes } from './attributes-B62ocg4Q.js';
8
- import { h as hasValue } from './has-value-DU9L2JaI.js';
8
+ import { h as hasValue } from './has-value-Dmsj8ZQw.js';
9
9
  import { n as normalizeDeprecatedTShirtSize } from './t-shirt-DR5LIaCn.js';
10
10
  import { c as BUTTON_COLORS, d as BUTTON_ELEMENT_TYPES, e as BUTTON_SIZES, B as BUTTON_TARGETS } from './button.interfaces-BPGfTrrM.js';
11
- import { O as OneOf } from './one-of-CKPv0Nqm.js';
12
- import { R as Required } from './required-Dqsbx5fH.js';
13
- import { T as Type } from './type-DzkhLOG_.js';
11
+ import { O as OneOf } from './one-of-CjRvS2Tk.js';
12
+ import { R as Required } from './required-Dtml5IID.js';
13
+ import { T as Type } from './type-7qEQcw90.js';
14
14
  import { i as i18nDsClose } from './close.i18n-Bbn3sYo5.js';
15
- import { L as ListenToConfig } from './config.decorator-ZQ0_Zx5y.js';
16
- import './create-validator-decorator-DovxquEu.js';
17
- import './config.utils-D9o7rffC.js';
15
+ import { L as ListenToConfig } from './config.decorator-CRYVBTkX.js';
16
+ import './create-validator-decorator-fUav5byo.js';
17
+ import './config.utils-CR4Xudpz.js';
18
18
 
19
19
  const buttonHostCss = () => `:host{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}#button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{#button{display:none !important}}#button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}#button::-moz-focus-inner{border:0}#button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}#button:focus,#button:active{outline:none}@media (hover: hover)and (pointer: fine){#button:focus-visible:not(:active),#button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){#button:hover,#button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}#button:active,#button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}:host(.is-wide){width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-wide) #button{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-link) #button{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}:host ::slotted(ds-badge),:host ::slotted(.badge){--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}:host(.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}:host(.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}:host(.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}:host(.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}:host(.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}:host(.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}:host(.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}:host(.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}:host(.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}:host(.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}:host(.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}:host(.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}:host(.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}:host(.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-secondary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}:host(.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}:host(.is-text.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}:host(.is-link.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}:host(.is-sm){--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}:host(.is-lg){--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}:host(.is-xl){--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}:host(.is-flat){--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}:host(.is-rounded){--mod-button-radius:var(--ds-button-radius-rounded)}:host(.is-square:not(.is-sm)){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}:host(.is-square.is-sm){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.is-circle:not(.is-sm)){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}:host(.is-circle.is-sm){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.is-tertiary-purple.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}:host(.is-tertiary-red.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}:host(.is-tertiary-green.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}:host(.is-tertiary-yellow.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}:host(.has-shadow:not(.is-link):not(.is-text)){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}:host(.is-text.has-shadow),:host(.is-link.has-shadow){--mod-button-text-shadow:var(--ds-alias-shadow-text)}:host(.has-no-wrap){max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host(.has-no-wrap) #button{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host #button[disabled],:host #button[disabled]:hover,:host #button[disabled].is-hovered,:host #button[disabled]:active,:host #button[disabled].is-pressed,:host #button[disabled]:focus,:host #button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-icon,:host #button[disabled]:hover>ds-icon,:host #button[disabled].is-hovered>ds-icon,:host #button[disabled]:active>ds-icon,:host #button[disabled].is-pressed>ds-icon,:host #button[disabled]:focus>ds-icon,:host #button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner,:host #button[disabled]:hover>ds-spinner,:host #button[disabled].is-hovered>ds-spinner,:host #button[disabled]:active>ds-spinner,:host #button[disabled].is-pressed>ds-spinner,:host #button[disabled]:focus>ds-spinner,:host #button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner.is-circle,:host #button[disabled]:hover>ds-spinner.is-circle,:host #button[disabled].is-hovered>ds-spinner.is-circle,:host #button[disabled]:active>ds-spinner.is-circle,:host #button[disabled].is-pressed>ds-spinner.is-circle,:host #button[disabled]:focus>ds-spinner.is-circle,:host #button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button,:host(.is-loading) #button:hover,:host(.is-loading) #button.is-hovered,:host(.is-loading) #button:active,:host(.is-loading) #button.is-pressed,:host(.is-loading) #button:focus,:host(.is-loading) #button.is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-icon,:host(.is-loading) #button:hover>ds-icon,:host(.is-loading) #button.is-hovered>ds-icon,:host(.is-loading) #button:active>ds-icon,:host(.is-loading) #button.is-pressed>ds-icon,:host(.is-loading) #button:focus>ds-icon,:host(.is-loading) #button.is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner,:host(.is-loading) #button:hover>ds-spinner,:host(.is-loading) #button.is-hovered>ds-spinner,:host(.is-loading) #button:active>ds-spinner,:host(.is-loading) #button.is-pressed>ds-spinner,:host(.is-loading) #button:focus>ds-spinner,:host(.is-loading) #button.is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner.is-circle,:host(.is-loading) #button:hover>ds-spinner.is-circle,:host(.is-loading) #button.is-hovered>ds-spinner.is-circle,:host(.is-loading) #button:active>ds-spinner.is-circle,:host(.is-loading) #button.is-pressed>ds-spinner.is-circle,:host(.is-loading) #button:focus>ds-spinner.is-circle,:host(.is-loading) #button.is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}:host{display:inline-block;width:var(--ds-button-width, -webkit-fit-content);width:var(--ds-button-width, -moz-fit-content);width:var(--ds-button-width, fit-content)}:host #button{margin:0 !important}`;
20
20
 
package/dist/esm/ds-card-actions.entry.js CHANGED
@@ -1,11 +1,11 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { B as registerInstance, E as h, F as Host, G as getElement } from './index-C6MVahkC.js';
5
- import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-C9GKXw-5.js';
4
+ import { B as registerInstance, E as h, F as Host, G as getElement } from './index-B-v2Wm-V.js';
5
+ import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-n47B6oUi.js';
6
6
  import { d as CARD_ACTIONS_ALIGNMENTS } from './card.interfaces-BlyIAln5.js';
7
- import { O as OneOf } from './one-of-CKPv0Nqm.js';
8
- import './create-validator-decorator-DovxquEu.js';
7
+ import { O as OneOf } from './one-of-CjRvS2Tk.js';
8
+ import './create-validator-decorator-fUav5byo.js';
9
9
 
10
10
  const CardActions = class {
11
11
  constructor(hostRef) {
package/dist/esm/ds-card-content.entry.js CHANGED
@@ -1,10 +1,10 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { B as registerInstance, E as h, F as Host, G as getElement } from './index-C6MVahkC.js';
5
- import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-C9GKXw-5.js';
4
+ import { B as registerInstance, E as h, F as Host, G as getElement } from './index-B-v2Wm-V.js';
5
+ import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-n47B6oUi.js';
6
6
 
7
- const cardContentHostCss = () => `:host{--_card-content-position:var(--card-content-position, var(--mod-card-content-position, static));--_card-content-top:var(--card-content-top, var(--mod-card-content-top));--_card-content-right:var(--card-content-right, var(--mod-card-content-right));--_card-content-bottom:var(--card-content-bottom, var(--mod-card-content-bottom));--_card-content-left:var(--card-content-left, var(--mod-card-content-left));position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left);--_card-content-m:var(--card-content-m, var(--mod-card-content-m, 0));--_card-content-my:var(--card-content-my, var(--mod-card-content-my));--_card-content-mx:var(--card-content-mx, var(--mod-card-content-mx));--_card-content-ml:var(--card-content-ml, var(--mod-card-content-ml));--_card-content-mr:var(--card-content-mr, var(--mod-card-content-mr));--_card-content-mt:var(--card-content-mt, var(--mod-card-content-mt));--_card-content-mb:var(--card-content-mb, var(--mod-card-content-mb));margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);display:block;margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left)}:host{font-family:var(--ds-text-family-body);font-weight:var(--ds-text-weight-regular)}:host strong,:host b{font-weight:var(--ds-text-weight-bold)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host ds-heading{font-family:var(--ds-heading-family);font-weight:var(--ds-heading-weight)}:host h1,:host [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}:host h2,:host [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}:host h3,:host [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}:host h4,:host [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}:host h5,:host [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}:host ds-heading:not(:last-child),:host h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}:host h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}:host ds-text:not(:last-child),:host p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}:host p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}`;
7
+ const cardContentHostCss = () => `:host{--_card-content-position:var(--card-content-position, var(--mod-card-content-position, static));--_card-content-top:var(--card-content-top, var(--mod-card-content-top));--_card-content-right:var(--card-content-right, var(--mod-card-content-right));--_card-content-bottom:var(--card-content-bottom, var(--mod-card-content-bottom));--_card-content-left:var(--card-content-left, var(--mod-card-content-left));position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left);--_card-content-m:var(--card-content-m, var(--mod-card-content-m, 0));--_card-content-my:var(--card-content-my, var(--mod-card-content-my));--_card-content-mx:var(--card-content-mx, var(--mod-card-content-mx));--_card-content-ml:var(--card-content-ml, var(--mod-card-content-ml));--_card-content-mr:var(--card-content-mr, var(--mod-card-content-mr));--_card-content-mt:var(--card-content-mt, var(--mod-card-content-mt));--_card-content-mb:var(--card-content-mb, var(--mod-card-content-mb));margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);display:block;margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left)}:host{font-family:var(--ds-alias-text-family-body);font-weight:var(--ds-alias-text-weight-regular)}:host strong,:host b{font-weight:var(--ds-alias-text-weight-bold)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-heading-weight)}:host h1,:host [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}:host h2,:host [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}:host h3,:host [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}:host h4,:host [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}:host h5,:host [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}:host ds-heading:not(:last-child),:host h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}:host h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}:host ds-text:not(:last-child),:host p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}:host p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}`;
8
8
 
9
9
  const CardContent = class {
10
10
  constructor(hostRef) {
package/dist/esm/ds-card-header.entry.js CHANGED
@@ -1,12 +1,12 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { B as registerInstance, E as h, F as Host, G as getElement } from './index-C6MVahkC.js';
5
- import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-C9GKXw-5.js';
4
+ import { B as registerInstance, E as h, F as Host, G as getElement } from './index-B-v2Wm-V.js';
5
+ import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-n47B6oUi.js';
6
6
  import { e as CARD_HEADER_DIRECTIONS } from './card.interfaces-BlyIAln5.js';
7
- import { R as Required } from './required-Dqsbx5fH.js';
8
- import { O as OneOf } from './one-of-CKPv0Nqm.js';
9
- import './create-validator-decorator-DovxquEu.js';
7
+ import { R as Required } from './required-Dtml5IID.js';
8
+ import { O as OneOf } from './one-of-CjRvS2Tk.js';
9
+ import './create-validator-decorator-fUav5byo.js';
10
10
 
11
11
  const cardHeaderHostCss = () => `:host{--_card-header-position:var(--card-header-position, var(--mod-card-header-position, static));--_card-header-top:var(--card-header-top, var(--mod-card-header-top));--_card-header-right:var(--card-header-right, var(--mod-card-header-right));--_card-header-bottom:var(--card-header-bottom, var(--mod-card-header-bottom));--_card-header-left:var(--card-header-left, var(--mod-card-header-left));position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left);--_card-header-m:var(--card-header-m, var(--mod-card-header-m, 0));--_card-header-my:var(--card-header-my, var(--mod-card-header-my));--_card-header-mx:var(--card-header-mx, var(--mod-card-header-mx));--_card-header-ml:var(--card-header-ml, var(--mod-card-header-ml));--_card-header-mr:var(--card-header-mr, var(--mod-card-header-mr));--_card-header-mt:var(--card-header-mt, var(--mod-card-header-mt));--_card-header-mb:var(--card-header-mb, var(--mod-card-header-mb));margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);display:-ms-flexbox;display:flex;margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left)}:host{--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem;--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){:host{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}:host{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}:host ds-icon,:host ::slotted(ds-icon){grid-area:icon}:host>.tag,:host>.tags,:host>ds-tag,:host>ds-tag-group,:host ::slotted(ds-tag),:host ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}:host .title,:host ds-card-title{grid-area:title}:host>p,:host .subtitle,:host ds-card-subtitle{grid-area:subtitle}:host .title,:host .subtitle,:host .heading{margin:0}`;
12
12