@duetds/components 8.1.5 → 8.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (616) hide show
  1. package/hydrate/index.js +114 -76
  2. package/lib/cjs/duet-action-button.cjs.entry.js +3 -3
  3. package/lib/cjs/duet-alert.cjs.entry.js +1 -1
  4. package/lib/cjs/duet-badge.cjs.entry.js +3 -3
  5. package/lib/cjs/duet-banner.cjs.entry.js +7 -5
  6. package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
  7. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
  8. package/lib/cjs/duet-button_2.cjs.entry.js +6 -6
  9. package/lib/cjs/duet-callout.cjs.entry.js +4 -3
  10. package/lib/cjs/duet-caption_4.cjs.entry.js +3 -3
  11. package/lib/cjs/duet-card.cjs.entry.js +3 -3
  12. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  13. package/lib/cjs/duet-checkmark.cjs.entry.js +1 -1
  14. package/lib/cjs/duet-chip.cjs.entry.js +22 -3
  15. package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
  16. package/lib/cjs/duet-collapsible.cjs.entry.js +2 -2
  17. package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
  18. package/lib/cjs/duet-contact-card.cjs.entry.js +1 -1
  19. package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
  20. package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
  21. package/lib/cjs/duet-divider_2.cjs.entry.js +3 -3
  22. package/lib/cjs/duet-editable-table_3.cjs.entry.js +3 -3
  23. package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
  24. package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
  25. package/lib/cjs/duet-file-chooser.cjs.entry.js +1 -1
  26. package/lib/cjs/duet-footer.cjs.entry.js +1 -1
  27. package/lib/cjs/duet-grid_2.cjs.entry.js +2 -2
  28. package/lib/cjs/duet-header_2.cjs.entry.js +3 -3
  29. package/lib/cjs/duet-hero.cjs.entry.js +3 -2
  30. package/lib/cjs/duet-icon.cjs.entry.js +5 -5
  31. package/lib/cjs/duet-input_2.cjs.entry.js +3 -3
  32. package/lib/cjs/duet-layout.cjs.entry.js +1 -1
  33. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  34. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +2 -2
  35. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +1 -1
  36. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +2 -2
  37. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +2 -2
  38. package/lib/cjs/duet-menu-bar.cjs.entry.js +2 -2
  39. package/lib/cjs/duet-modal.cjs.entry.js +3 -3
  40. package/lib/cjs/duet-multiselect.cjs.entry.js +1 -1
  41. package/lib/cjs/duet-nav.cjs.entry.js +1 -1
  42. package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
  43. package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
  44. package/lib/cjs/duet-page-heading.cjs.entry.js +1 -1
  45. package/lib/cjs/duet-pagination_2.cjs.entry.js +3 -3
  46. package/lib/cjs/duet-popup-menu-item.cjs.entry.js +3 -2
  47. package/lib/cjs/duet-popup-menu.cjs.entry.js +14 -13
  48. package/lib/cjs/duet-progress.cjs.entry.js +1 -1
  49. package/lib/cjs/duet-promo-card.cjs.entry.js +5 -4
  50. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  51. package/lib/cjs/duet-range-slider.cjs.entry.js +2 -2
  52. package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
  53. package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
  54. package/lib/cjs/duet-select.cjs.entry.js +1 -1
  55. package/lib/cjs/duet-shaped-image.cjs.entry.js +1 -1
  56. package/lib/cjs/duet-show-more.cjs.entry.js +1 -1
  57. package/lib/cjs/duet-slideout-lang.cjs.entry.js +1 -1
  58. package/lib/cjs/duet-slideout-link.cjs.entry.js +1 -1
  59. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +1 -1
  60. package/lib/cjs/duet-slideout-panel.cjs.entry.js +4 -4
  61. package/lib/cjs/duet-slideout.cjs.entry.js +32 -51
  62. package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
  63. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +1 -1
  64. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +2 -2
  65. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +2 -2
  66. package/lib/cjs/duet-submenu-bar.cjs.entry.js +2 -2
  67. package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
  68. package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
  69. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +1 -1
  70. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +1 -1
  71. package/lib/cjs/duet-toolbar-link.cjs.entry.js +1 -1
  72. package/lib/cjs/duet-toolbar.cjs.entry.js +1 -1
  73. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +2 -2
  74. package/lib/cjs/duet-tooltip.cjs.entry.js +2 -2
  75. package/lib/cjs/duet-tray.cjs.entry.js +2 -2
  76. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  77. package/lib/cjs/duet-upload-item.cjs.entry.js +1 -1
  78. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  79. package/lib/cjs/duet.cjs.js +2 -2
  80. package/lib/cjs/{focus-utils-ec077a62.js → focus-utils-1780ee53.js} +1 -1
  81. package/lib/cjs/{index-00f527af.js → index-8595e0c1.js} +1 -1
  82. package/lib/cjs/loader.cjs.js +2 -2
  83. package/lib/cjs/slot-utils-6c81bd09.js +20 -0
  84. package/lib/cjs/{token-utils-a5356b00.js → token-utils-c672402d.js} +1 -1
  85. package/lib/cjs/{tokens-51cfbe11.js → tokens-c3eecae6.js} +1 -1
  86. package/lib/cjs/{tokens.module-ce5f9579.js → tokens.module-bc323a09.js} +1 -1
  87. package/lib/collection/components/duet-badge/duet-badge.css +1 -0
  88. package/lib/collection/components/duet-badge/duet-badge.js +1 -1
  89. package/lib/collection/components/duet-banner/duet-banner.css +3 -0
  90. package/lib/collection/components/duet-banner/duet-banner.js +8 -1
  91. package/lib/collection/components/duet-button/duet-button.css +1 -0
  92. package/lib/collection/components/duet-button/duet-button.js +2 -2
  93. package/lib/collection/components/duet-callout/duet-callout.css +18 -1
  94. package/lib/collection/components/duet-callout/duet-callout.js +3 -2
  95. package/lib/collection/components/duet-chip/duet-chip.css +2 -2
  96. package/lib/collection/components/duet-chip/duet-chip.js +55 -1
  97. package/lib/collection/components/duet-hero/duet-hero.js +5 -4
  98. package/lib/collection/components/duet-icon/duet-icon.css +1 -0
  99. package/lib/collection/components/duet-icon/duet-icon.js +1 -1
  100. package/lib/collection/components/duet-modal/duet-modal.css +1 -1
  101. package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +43 -14
  102. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +20 -1
  103. package/lib/collection/components/duet-promo-card/duet-promo-card.js +8 -1
  104. package/lib/collection/components/duet-slideout/duet-slideout.js +32 -51
  105. package/lib/collection/utils/slot-utils.js +16 -0
  106. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  107. package/lib/dist-custom-elements/duet-alert.js +1 -1
  108. package/lib/dist-custom-elements/duet-badge.js +1 -1
  109. package/lib/dist-custom-elements/duet-banner.js +10 -14
  110. package/lib/dist-custom-elements/duet-breadcrumb.js +3 -3
  111. package/lib/dist-custom-elements/duet-breadcrumbs.js +1 -1
  112. package/lib/dist-custom-elements/duet-button.js +1 -1
  113. package/lib/dist-custom-elements/duet-callout.js +6 -11
  114. package/lib/dist-custom-elements/duet-caption.js +1 -1
  115. package/lib/dist-custom-elements/duet-card.js +4 -4
  116. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  117. package/lib/dist-custom-elements/duet-checkmark.js +1 -1
  118. package/lib/dist-custom-elements/duet-chip.js +25 -4
  119. package/lib/dist-custom-elements/duet-choice-group.js +8 -8
  120. package/lib/dist-custom-elements/duet-choice.js +5 -5
  121. package/lib/dist-custom-elements/duet-collapsible.js +3 -3
  122. package/lib/dist-custom-elements/duet-combobox.js +2 -2
  123. package/lib/dist-custom-elements/duet-contact-card.js +8 -8
  124. package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
  125. package/lib/dist-custom-elements/duet-date-picker.js +12 -12
  126. package/lib/dist-custom-elements/duet-divider.js +1 -1
  127. package/lib/dist-custom-elements/duet-editable-table.js +7 -7
  128. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  129. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  130. package/lib/dist-custom-elements/duet-file-chooser.js +2 -2
  131. package/lib/dist-custom-elements/duet-footer.js +4 -4
  132. package/lib/dist-custom-elements/duet-grid-item.js +1 -1
  133. package/lib/dist-custom-elements/duet-grid.js +1 -1
  134. package/lib/dist-custom-elements/duet-header.js +9 -9
  135. package/lib/dist-custom-elements/duet-heading.js +1 -1
  136. package/lib/dist-custom-elements/duet-hero.js +11 -10
  137. package/lib/dist-custom-elements/duet-icon.js +1 -1
  138. package/lib/dist-custom-elements/duet-input.js +1 -1
  139. package/lib/dist-custom-elements/duet-label.js +1 -1
  140. package/lib/dist-custom-elements/duet-layout.js +1 -1
  141. package/lib/dist-custom-elements/duet-link.js +1 -1
  142. package/lib/dist-custom-elements/duet-list-item.js +1 -1
  143. package/lib/dist-custom-elements/duet-list.js +1 -1
  144. package/lib/dist-custom-elements/duet-logo.js +1 -1
  145. package/lib/dist-custom-elements/duet-menu-bar-button.js +3 -3
  146. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +2 -2
  147. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +3 -3
  148. package/lib/dist-custom-elements/duet-menu-bar-link.js +3 -3
  149. package/lib/dist-custom-elements/duet-menu-bar.js +3 -3
  150. package/lib/dist-custom-elements/duet-modal.js +8 -8
  151. package/lib/dist-custom-elements/duet-multiselect.js +9 -9
  152. package/lib/dist-custom-elements/duet-nav.js +1 -1
  153. package/lib/dist-custom-elements/duet-notification-drawer.js +4 -4
  154. package/lib/dist-custom-elements/duet-notification.js +2 -2
  155. package/lib/dist-custom-elements/duet-number-input.js +11 -11
  156. package/lib/dist-custom-elements/duet-page-heading.js +2 -2
  157. package/lib/dist-custom-elements/duet-pagination.js +14 -14
  158. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  159. package/lib/dist-custom-elements/duet-popup-menu-item.js +5 -3
  160. package/lib/dist-custom-elements/duet-popup-menu.js +15 -13
  161. package/lib/dist-custom-elements/duet-progress.js +1 -1
  162. package/lib/dist-custom-elements/duet-promo-card.js +6 -5
  163. package/lib/dist-custom-elements/duet-radio-group.js +8 -8
  164. package/lib/dist-custom-elements/duet-radio.js +1 -1
  165. package/lib/dist-custom-elements/duet-range-slider.js +3 -3
  166. package/lib/dist-custom-elements/duet-range-stepper.js +4 -4
  167. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  168. package/lib/dist-custom-elements/duet-section-layout.js +1 -1
  169. package/lib/dist-custom-elements/duet-select.js +1 -1
  170. package/lib/dist-custom-elements/duet-shaped-image.js +1 -1
  171. package/lib/dist-custom-elements/duet-show-more.js +5 -5
  172. package/lib/dist-custom-elements/duet-slideout-lang.js +2 -2
  173. package/lib/dist-custom-elements/duet-slideout-link.js +2 -2
  174. package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +2 -2
  175. package/lib/dist-custom-elements/duet-slideout-panel.js +3 -3
  176. package/lib/dist-custom-elements/duet-slideout.js +35 -52
  177. package/lib/dist-custom-elements/duet-spacer.js +1 -1
  178. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  179. package/lib/dist-custom-elements/duet-step.js +4 -4
  180. package/lib/dist-custom-elements/duet-stepper.js +2 -2
  181. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +2 -2
  182. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +3 -3
  183. package/lib/dist-custom-elements/duet-submenu-bar-link.js +3 -3
  184. package/lib/dist-custom-elements/duet-submenu-bar.js +3 -3
  185. package/lib/dist-custom-elements/duet-tab-group.js +13 -13
  186. package/lib/dist-custom-elements/duet-tab.js +1 -1
  187. package/lib/dist-custom-elements/duet-table.js +1 -1
  188. package/lib/dist-custom-elements/duet-textarea.js +10 -10
  189. package/lib/dist-custom-elements/duet-toggle.js +2 -2
  190. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +2 -2
  191. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +2 -2
  192. package/lib/dist-custom-elements/duet-toolbar-link.js +2 -2
  193. package/lib/dist-custom-elements/duet-toolbar.js +1 -1
  194. package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
  195. package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
  196. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  197. package/lib/dist-custom-elements/duet-tray.js +4 -4
  198. package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
  199. package/lib/dist-custom-elements/duet-upload-item.js +1 -1
  200. package/lib/dist-custom-elements/duet-upload.js +18 -18
  201. package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
  202. package/lib/dist-custom-elements/index.js +1 -1
  203. package/lib/dist-custom-elements/{p-d517fc9a.js → p-0297efef.js} +10 -10
  204. package/lib/dist-custom-elements/{p-975a4689.js → p-0aef3ad3.js} +2 -2
  205. package/lib/dist-custom-elements/{p-583e21a8.js → p-13916d96.js} +2 -2
  206. package/lib/dist-custom-elements/p-15d5aa46.js +60 -0
  207. package/lib/dist-custom-elements/p-188d76d4.js +205 -0
  208. package/lib/dist-custom-elements/{p-3cc835d7.js → p-1b55b8aa.js} +1 -1
  209. package/lib/dist-custom-elements/{p-7bcdcf71.js → p-27efc5ff.js} +3 -3
  210. package/lib/dist-custom-elements/{p-7d7291bf.js → p-30fe9f1c.js} +8 -8
  211. package/lib/dist-custom-elements/{p-7bb90fcc.js → p-3bb00966.js} +10 -10
  212. package/lib/dist-custom-elements/{p-9b174e03.js → p-4086f5d7.js} +2 -2
  213. package/lib/dist-custom-elements/{p-6d0197c3.js → p-5c8435c6.js} +5 -5
  214. package/lib/dist-custom-elements/{p-a4605d27.js → p-63997028.js} +6 -6
  215. package/lib/dist-custom-elements/{p-d10e4492.js → p-679f9f84.js} +1 -1
  216. package/lib/dist-custom-elements/{p-1e82d8a1.js → p-6a6a112e.js} +2 -2
  217. package/lib/dist-custom-elements/{p-3d6047c0.js → p-7b59279f.js} +2 -2
  218. package/lib/dist-custom-elements/{p-9c2d3a9d.js → p-80cc1a6e.js} +2 -2
  219. package/lib/dist-custom-elements/{p-475baac7.js → p-811f6b14.js} +1 -1
  220. package/lib/dist-custom-elements/{p-bb1ac896.js → p-8313084c.js} +1 -1
  221. package/lib/dist-custom-elements/{p-4d3e1b52.js → p-8371f4c9.js} +4 -4
  222. package/lib/dist-custom-elements/{p-8735b4db.js → p-8aeece22.js} +2 -2
  223. package/lib/dist-custom-elements/{p-254a95d4.js → p-8f9c9ce8.js} +2 -2
  224. package/lib/dist-custom-elements/{p-0156b860.js → p-929cc9d5.js} +1 -1
  225. package/lib/dist-custom-elements/{p-3158e24f.js → p-98aea896.js} +1 -1
  226. package/lib/dist-custom-elements/{p-471a62cc.js → p-9e103db0.js} +1 -1
  227. package/lib/dist-custom-elements/{p-9a9a04bd.js → p-9f454015.js} +3 -3
  228. package/lib/dist-custom-elements/{p-66f15eba.js → p-a5057e42.js} +2 -2
  229. package/lib/dist-custom-elements/p-bb24a019.js +18 -0
  230. package/lib/dist-custom-elements/{p-6b977095.js → p-d072d3f7.js} +8 -8
  231. package/lib/dist-custom-elements/{p-4c5751cd.js → p-d07f9fcc.js} +1 -1
  232. package/lib/dist-custom-elements/{p-2b56c0d7.js → p-d37a3cec.js} +1 -1
  233. package/lib/{esm/tokens-04106a43.js → dist-custom-elements/p-d81ec707.js} +1 -1
  234. package/lib/dist-custom-elements/{p-b590a133.js → p-d87fd2f0.js} +3 -3
  235. package/lib/dist-custom-elements/{p-4a55dff3.js → p-dbaac77a.js} +5 -5
  236. package/lib/dist-custom-elements/{p-f3d25b08.js → p-e5e0a9d5.js} +2 -2
  237. package/lib/dist-custom-elements/{p-da8acaf1.js → p-e93fe17b.js} +2 -2
  238. package/lib/dist-custom-elements/{p-cab60e87.js → p-ee518783.js} +1 -1
  239. package/lib/dist-custom-elements/{p-e078836c.js → p-ef9c200e.js} +1 -1
  240. package/lib/dist-custom-elements/{p-fc6bb9ab.js → p-f992d96f.js} +2 -2
  241. package/lib/duet/duet.esm.js +1 -1
  242. package/lib/duet/duet.js +1 -1
  243. package/lib/duet/{p-de41a03b.entry.js → p-00af1839.entry.js} +1 -1
  244. package/lib/duet/{p-6216e282.entry.js → p-03504efc.entry.js} +1 -1
  245. package/lib/duet/{p-8b1b9953.system.entry.js → p-07639744.system.entry.js} +1 -1
  246. package/lib/duet/{p-d852ae7e.system.entry.js → p-0b1e9389.system.entry.js} +1 -1
  247. package/lib/duet/p-0b2e2097.system.entry.js +4 -0
  248. package/lib/duet/{p-ceb5b489.system.entry.js → p-0c4251d2.system.entry.js} +1 -1
  249. package/lib/duet/{p-757b1ab3.entry.js → p-0d546b56.entry.js} +1 -1
  250. package/lib/duet/{p-b012ba6c.entry.js → p-0ee8f124.entry.js} +1 -1
  251. package/lib/duet/p-0f6f152d.entry.js +4 -0
  252. package/lib/duet/{p-fdb9f8df.system.entry.js → p-0fb3d28c.system.entry.js} +1 -1
  253. package/lib/duet/{p-bac92652.entry.js → p-1069a865.entry.js} +1 -1
  254. package/lib/duet/{p-abbd8ae3.entry.js → p-10e05065.entry.js} +1 -1
  255. package/lib/duet/p-13241469.system.entry.js +4 -0
  256. package/lib/duet/{p-f6803f4c.entry.js → p-145de3e0.entry.js} +1 -1
  257. package/lib/duet/{p-e12b3d60.system.js → p-15fde8cc.system.js} +1 -1
  258. package/lib/duet/{p-0ec40046.entry.js → p-189f31b8.entry.js} +1 -1
  259. package/lib/duet/{p-8cfac25d.entry.js → p-1d3f4925.entry.js} +1 -1
  260. package/lib/duet/p-1ebb5d23.entry.js +4 -0
  261. package/lib/duet/{p-330db26d.entry.js → p-1fcccba8.entry.js} +1 -1
  262. package/lib/duet/{p-10f289cb.entry.js → p-204a1ab8.entry.js} +1 -1
  263. package/lib/duet/{p-c8c9fc58.system.entry.js → p-2073966b.system.entry.js} +1 -1
  264. package/lib/duet/{p-c0483523.system.entry.js → p-22df3386.system.entry.js} +1 -1
  265. package/lib/duet/{p-b2996b8c.system.entry.js → p-23043e9e.system.entry.js} +1 -1
  266. package/lib/duet/{p-9bd338fd.system.js → p-23354cf7.system.js} +1 -1
  267. package/lib/duet/{p-932be5dd.system.entry.js → p-26a30f41.system.entry.js} +1 -1
  268. package/lib/duet/{p-5d023790.system.entry.js → p-26e6c296.system.entry.js} +1 -1
  269. package/lib/duet/{p-15a4a165.system.entry.js → p-2975e980.system.entry.js} +1 -1
  270. package/lib/duet/{p-7dcdefb0.system.entry.js → p-2f2a6fbf.system.entry.js} +1 -1
  271. package/lib/duet/{p-9514ee57.system.entry.js → p-3120a193.system.entry.js} +1 -1
  272. package/lib/duet/{p-e4efc7ea.system.entry.js → p-31215119.system.entry.js} +1 -1
  273. package/lib/duet/{p-0440798d.entry.js → p-342a250d.entry.js} +1 -1
  274. package/lib/duet/{p-28a033de.system.entry.js → p-3809955c.system.entry.js} +1 -1
  275. package/lib/duet/{p-4adb4139.entry.js → p-39aac14c.entry.js} +1 -1
  276. package/lib/duet/{p-d92ad0d1.system.entry.js → p-3e7d63ff.system.entry.js} +1 -1
  277. package/lib/duet/{p-79f01df6.entry.js → p-414cc15d.entry.js} +1 -1
  278. package/lib/duet/{p-7d9cffe7.system.entry.js → p-4350eaaa.system.entry.js} +1 -1
  279. package/lib/duet/{p-b2a54e37.entry.js → p-462326bc.entry.js} +1 -1
  280. package/lib/duet/{p-65007ed4.system.entry.js → p-46bc086c.system.entry.js} +1 -1
  281. package/lib/duet/p-485f3748.system.entry.js +4 -0
  282. package/lib/duet/{p-c481631f.system.entry.js → p-508c6401.system.entry.js} +1 -1
  283. package/lib/duet/p-50ebc951.system.entry.js +4 -0
  284. package/lib/duet/{p-3bda5078.system.entry.js → p-51b802fe.system.entry.js} +1 -1
  285. package/lib/duet/{p-0198349d.entry.js → p-5224b8e7.entry.js} +1 -1
  286. package/lib/duet/{p-cea2cb32.entry.js → p-52811ee4.entry.js} +1 -1
  287. package/lib/duet/{p-0777ebba.entry.js → p-529b0ef8.entry.js} +1 -1
  288. package/lib/duet/{p-662da762.js → p-52bcdf36.js} +1 -1
  289. package/lib/duet/{p-67d8175e.system.entry.js → p-530dc869.system.entry.js} +1 -1
  290. package/lib/duet/{p-049d43f7.entry.js → p-531c259f.entry.js} +1 -1
  291. package/lib/duet/{p-17373631.entry.js → p-57a29655.entry.js} +1 -1
  292. package/lib/duet/{p-aab21f91.entry.js → p-57b54fc2.entry.js} +1 -1
  293. package/lib/duet/{p-930f8fe7.system.entry.js → p-5983c4c1.system.entry.js} +1 -1
  294. package/lib/duet/{p-1fbb9af9.entry.js → p-59d78e4a.entry.js} +1 -1
  295. package/lib/duet/p-5a5fb62b.system.entry.js +4 -0
  296. package/lib/duet/{p-cf1e1237.system.entry.js → p-5a8c6db7.system.entry.js} +1 -1
  297. package/lib/duet/{p-1e67f010.system.entry.js → p-5b2d1616.system.entry.js} +1 -1
  298. package/lib/duet/p-5b8477c2.system.js +4 -0
  299. package/lib/duet/{p-75eb9381.system.entry.js → p-5bd11cd6.system.entry.js} +1 -1
  300. package/lib/duet/{p-2f98c466.system.entry.js → p-5ed4cad9.system.entry.js} +1 -1
  301. package/lib/duet/{p-f1f7ee14.entry.js → p-600af4ae.entry.js} +1 -1
  302. package/lib/duet/{p-54cf9288.system.entry.js → p-6073f3e6.system.entry.js} +1 -1
  303. package/lib/duet/p-61a76b2b.system.js +4 -0
  304. package/lib/duet/p-61ab4c50.system.entry.js +4 -0
  305. package/lib/duet/{p-55e1e8e8.system.entry.js → p-62a1697f.system.entry.js} +1 -1
  306. package/lib/duet/{p-55f3f985.entry.js → p-62cd7e30.entry.js} +1 -1
  307. package/lib/duet/{p-e36f923b.entry.js → p-62d30a58.entry.js} +1 -1
  308. package/lib/duet/{p-eb790693.entry.js → p-6374b7ea.entry.js} +1 -1
  309. package/lib/duet/{p-a22130db.entry.js → p-641be297.entry.js} +1 -1
  310. package/lib/duet/{p-154ca6bb.entry.js → p-64737ee3.entry.js} +1 -1
  311. package/lib/duet/{p-9b62ef83.entry.js → p-6484d791.entry.js} +1 -1
  312. package/lib/duet/{p-4347cce6.system.entry.js → p-692d016e.system.entry.js} +1 -1
  313. package/lib/duet/{p-18b36a30.entry.js → p-697addd1.entry.js} +1 -1
  314. package/lib/duet/p-6e53e390.system.entry.js +4 -0
  315. package/lib/duet/{p-ddc7c96e.system.entry.js → p-73ec169a.system.entry.js} +1 -1
  316. package/lib/duet/{p-0081d434.system.entry.js → p-7576d859.system.entry.js} +1 -1
  317. package/lib/duet/{p-d350968c.system.entry.js → p-7694b9fa.system.entry.js} +2 -2
  318. package/lib/duet/{p-7ac648a3.system.entry.js → p-7b57105a.system.entry.js} +1 -1
  319. package/lib/duet/{p-dd7d3b2b.entry.js → p-7bced88e.entry.js} +1 -1
  320. package/lib/duet/{p-44ac28ab.entry.js → p-7ceb2a64.entry.js} +1 -1
  321. package/lib/duet/{p-afea9845.entry.js → p-7d4f3ee9.entry.js} +1 -1
  322. package/lib/duet/{p-576cd780.entry.js → p-7f06df0d.entry.js} +1 -1
  323. package/lib/duet/{p-174f2859.entry.js → p-7fed706e.entry.js} +1 -1
  324. package/lib/duet/{p-673fdacb.system.entry.js → p-7ff65dc0.system.entry.js} +1 -1
  325. package/lib/duet/{p-5f877026.system.entry.js → p-802d6f86.system.entry.js} +1 -1
  326. package/lib/duet/{p-16b80d3b.js → p-81c39b69.js} +1 -1
  327. package/lib/duet/{p-eac79871.entry.js → p-8214bafd.entry.js} +1 -1
  328. package/lib/duet/p-876456fd.entry.js +4 -0
  329. package/lib/duet/{p-d585ac25.entry.js → p-87653f71.entry.js} +1 -1
  330. package/lib/duet/{p-2c917cc6.entry.js → p-877c5c97.entry.js} +1 -1
  331. package/lib/duet/{p-b0fd435f.system.entry.js → p-89aa11c5.system.entry.js} +1 -1
  332. package/lib/duet/p-8a08dc1c.system.entry.js +4 -0
  333. package/lib/duet/{p-e2a0e33f.system.entry.js → p-8b7288e6.system.entry.js} +1 -1
  334. package/lib/duet/{p-ebd1b7ae.system.entry.js → p-8c8752c1.system.entry.js} +1 -1
  335. package/lib/duet/{p-71bd1c3c.entry.js → p-8c9f4ffd.entry.js} +1 -1
  336. package/lib/duet/{p-965f292c.system.entry.js → p-8ca7b2fa.system.entry.js} +1 -1
  337. package/lib/duet/{p-2e037205.system.entry.js → p-8dbc03c1.system.entry.js} +1 -1
  338. package/lib/duet/{p-ca21be58.entry.js → p-90f13f5e.entry.js} +1 -1
  339. package/lib/duet/p-9333f3f2.entry.js +4 -0
  340. package/lib/duet/{p-610b364b.system.js → p-95eca09b.system.js} +1 -1
  341. package/lib/duet/{p-73c27f4f.entry.js → p-97c30079.entry.js} +1 -1
  342. package/lib/duet/p-99269e38.system.js +4 -0
  343. package/lib/duet/p-9a43d193.entry.js +4 -0
  344. package/lib/duet/{p-65b45177.system.entry.js → p-9a5fd97c.system.entry.js} +1 -1
  345. package/lib/duet/p-9a7c25f2.entry.js +4 -0
  346. package/lib/duet/{p-196afde9.system.entry.js → p-9ad8c8d4.system.entry.js} +1 -1
  347. package/lib/duet/{p-e49e8a54.system.entry.js → p-9d328100.system.entry.js} +1 -1
  348. package/lib/duet/{p-d832433b.system.entry.js → p-9de27a8f.system.entry.js} +1 -1
  349. package/lib/duet/{p-e5c0b71a.js → p-9dff8650.js} +1 -1
  350. package/lib/duet/{p-8be10d34.entry.js → p-9f939b40.entry.js} +1 -1
  351. package/lib/duet/{p-563dfb63.system.entry.js → p-9fd8cf3b.system.entry.js} +1 -1
  352. package/lib/duet/{p-70dd63d2.entry.js → p-9fffb1b4.entry.js} +1 -1
  353. package/lib/duet/{p-9f29048f.entry.js → p-a13bb243.entry.js} +1 -1
  354. package/lib/duet/{p-780dd22d.entry.js → p-a37947f2.entry.js} +1 -1
  355. package/lib/duet/{p-e9928179.system.entry.js → p-a658fd46.system.entry.js} +1 -1
  356. package/lib/duet/{p-23548d24.entry.js → p-a6a7278c.entry.js} +1 -1
  357. package/lib/duet/{p-39a3beb3.entry.js → p-a71dfbc3.entry.js} +1 -1
  358. package/lib/duet/{p-a34e7225.entry.js → p-a7788ac6.entry.js} +1 -1
  359. package/lib/duet/{p-1fec3835.system.entry.js → p-a871d5b1.system.entry.js} +1 -1
  360. package/lib/duet/{p-7aff0f7c.entry.js → p-a904b928.entry.js} +1 -1
  361. package/lib/duet/{p-ae30e4ce.entry.js → p-a9fb2dad.entry.js} +1 -1
  362. package/lib/duet/{p-33666f2e.entry.js → p-a9fee462.entry.js} +1 -1
  363. package/lib/duet/{p-f5fee877.entry.js → p-aad8ab06.entry.js} +1 -1
  364. package/lib/duet/{p-5b528cd1.system.entry.js → p-ac10c490.system.entry.js} +1 -1
  365. package/lib/duet/{p-5908bf36.entry.js → p-ac607868.entry.js} +1 -1
  366. package/lib/duet/{p-dd5b17d0.system.entry.js → p-acad0f72.system.entry.js} +1 -1
  367. package/lib/duet/p-aefc858d.entry.js +4 -0
  368. package/lib/duet/{p-0c5ed102.entry.js → p-af1bc725.entry.js} +1 -1
  369. package/lib/duet/{p-f9b3965d.system.entry.js → p-af4af7bb.system.entry.js} +1 -1
  370. package/lib/duet/p-b099522e.system.entry.js +4 -0
  371. package/lib/duet/{p-4218b915.system.entry.js → p-b1afb239.system.entry.js} +1 -1
  372. package/lib/duet/{p-074fcd6b.system.entry.js → p-b1e84ea2.system.entry.js} +1 -1
  373. package/lib/duet/p-b2608fe2.system.entry.js +4 -0
  374. package/lib/duet/p-b2744aa5.entry.js +4 -0
  375. package/lib/duet/{p-b710add2.system.entry.js → p-b3a4cb83.system.entry.js} +1 -1
  376. package/lib/duet/{p-2abdfdf5.entry.js → p-b4ebdbc3.entry.js} +1 -1
  377. package/lib/duet/{p-753f2b28.entry.js → p-b61c49de.entry.js} +1 -1
  378. package/lib/duet/p-bb24a019.js +4 -0
  379. package/lib/duet/{p-bb35b92e.system.entry.js → p-bb507da0.system.entry.js} +1 -1
  380. package/lib/duet/{p-5339aeea.entry.js → p-c233d99d.entry.js} +1 -1
  381. package/lib/duet/{p-b9cb8ccb.system.entry.js → p-c2552968.system.entry.js} +1 -1
  382. package/lib/duet/{p-b9ea34d3.system.entry.js → p-c521eae3.system.entry.js} +1 -1
  383. package/lib/duet/{p-3f23694f.entry.js → p-d20b8b82.entry.js} +1 -1
  384. package/lib/duet/{p-d57d7d49.system.entry.js → p-d241457a.system.entry.js} +1 -1
  385. package/lib/duet/{p-b2b02430.entry.js → p-d577a8d9.entry.js} +1 -1
  386. package/lib/duet/{p-1498e92a.system.entry.js → p-d6b7c83c.system.entry.js} +1 -1
  387. package/lib/duet/{p-5e849463.js → p-d81ec707.js} +1 -1
  388. package/lib/duet/{p-639fd377.system.entry.js → p-d9af65c8.system.entry.js} +1 -1
  389. package/lib/duet/{p-3bfdf5dc.system.entry.js → p-db73a673.system.entry.js} +1 -1
  390. package/lib/duet/{p-94147b17.system.entry.js → p-def2db15.system.entry.js} +1 -1
  391. package/lib/duet/{p-b89fe252.entry.js → p-e006f206.entry.js} +1 -1
  392. package/lib/duet/{p-37b3c823.entry.js → p-e108f77f.entry.js} +1 -1
  393. package/lib/duet/{p-21774475.system.js → p-e1868c94.system.js} +1 -1
  394. package/lib/duet/{p-7fb66081.system.entry.js → p-e4cec0cd.system.entry.js} +1 -1
  395. package/lib/duet/{p-61b870ac.entry.js → p-e55b0091.entry.js} +1 -1
  396. package/lib/duet/{p-ca0f9f08.system.entry.js → p-e634de62.system.entry.js} +1 -1
  397. package/lib/duet/{p-762c0edb.system.entry.js → p-e87e976f.system.entry.js} +1 -1
  398. package/lib/duet/{p-ce88ecc6.entry.js → p-e9dc6d6c.entry.js} +1 -1
  399. package/lib/duet/{p-c7fdc7dc.system.entry.js → p-ebc55747.system.entry.js} +1 -1
  400. package/lib/duet/p-ecb2cbbf.entry.js +4 -0
  401. package/lib/duet/{p-f7f16a52.entry.js → p-efa1441d.entry.js} +1 -1
  402. package/lib/duet/p-f041d166.entry.js +4 -0
  403. package/lib/duet/{p-b9157c7e.js → p-f2aa1623.js} +1 -1
  404. package/lib/duet/{p-b8c89970.entry.js → p-f4551b33.entry.js} +1 -1
  405. package/lib/duet/{p-a70815fa.system.entry.js → p-f52a6fc5.system.entry.js} +1 -1
  406. package/lib/duet/p-f5909e7f.entry.js +4 -0
  407. package/lib/duet/{p-bf2fd03b.entry.js → p-f603773e.entry.js} +1 -1
  408. package/lib/duet/{p-a75b2646.system.entry.js → p-fd8935c8.system.entry.js} +1 -1
  409. package/lib/duet/{p-42b9b16c.system.entry.js → p-fef7a17b.system.entry.js} +1 -1
  410. package/lib/esm/duet-action-button.entry.js +3 -3
  411. package/lib/esm/duet-alert.entry.js +1 -1
  412. package/lib/esm/duet-badge.entry.js +3 -3
  413. package/lib/esm/duet-banner.entry.js +7 -5
  414. package/lib/esm/duet-breadcrumb.entry.js +1 -1
  415. package/lib/esm/duet-breadcrumbs.entry.js +1 -1
  416. package/lib/esm/duet-button_2.entry.js +6 -6
  417. package/lib/esm/duet-callout.entry.js +4 -3
  418. package/lib/esm/duet-caption_4.entry.js +3 -3
  419. package/lib/esm/duet-card.entry.js +3 -3
  420. package/lib/esm/duet-checkbox.entry.js +1 -1
  421. package/lib/esm/duet-checkmark.entry.js +1 -1
  422. package/lib/esm/duet-chip.entry.js +22 -3
  423. package/lib/esm/duet-choice_2.entry.js +2 -2
  424. package/lib/esm/duet-collapsible.entry.js +2 -2
  425. package/lib/esm/duet-combobox.entry.js +1 -1
  426. package/lib/esm/duet-contact-card.entry.js +1 -1
  427. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  428. package/lib/esm/duet-date-picker.entry.js +2 -2
  429. package/lib/esm/duet-divider_2.entry.js +3 -3
  430. package/lib/esm/duet-editable-table_3.entry.js +3 -3
  431. package/lib/esm/duet-empty-state.entry.js +1 -1
  432. package/lib/esm/duet-fieldset.entry.js +1 -1
  433. package/lib/esm/duet-file-chooser.entry.js +1 -1
  434. package/lib/esm/duet-footer.entry.js +1 -1
  435. package/lib/esm/duet-grid_2.entry.js +2 -2
  436. package/lib/esm/duet-header_2.entry.js +3 -3
  437. package/lib/esm/duet-hero.entry.js +3 -2
  438. package/lib/esm/duet-icon.entry.js +5 -5
  439. package/lib/esm/duet-input_2.entry.js +3 -3
  440. package/lib/esm/duet-layout.entry.js +1 -1
  441. package/lib/esm/duet-list_2.entry.js +1 -1
  442. package/lib/esm/duet-menu-bar-button.entry.js +2 -2
  443. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +1 -1
  444. package/lib/esm/duet-menu-bar-dropdown.entry.js +2 -2
  445. package/lib/esm/duet-menu-bar-link.entry.js +2 -2
  446. package/lib/esm/duet-menu-bar.entry.js +2 -2
  447. package/lib/esm/duet-modal.entry.js +3 -3
  448. package/lib/esm/duet-multiselect.entry.js +1 -1
  449. package/lib/esm/duet-nav.entry.js +1 -1
  450. package/lib/esm/duet-notification_2.entry.js +1 -1
  451. package/lib/esm/duet-number-input.entry.js +1 -1
  452. package/lib/esm/duet-page-heading.entry.js +1 -1
  453. package/lib/esm/duet-pagination_2.entry.js +3 -3
  454. package/lib/esm/duet-popup-menu-item.entry.js +3 -2
  455. package/lib/esm/duet-popup-menu.entry.js +14 -13
  456. package/lib/esm/duet-progress.entry.js +1 -1
  457. package/lib/esm/duet-promo-card.entry.js +5 -4
  458. package/lib/esm/duet-radio_2.entry.js +1 -1
  459. package/lib/esm/duet-range-slider.entry.js +2 -2
  460. package/lib/esm/duet-scrollable_3.entry.js +1 -1
  461. package/lib/esm/duet-section-layout.entry.js +1 -1
  462. package/lib/esm/duet-select.entry.js +1 -1
  463. package/lib/esm/duet-shaped-image.entry.js +1 -1
  464. package/lib/esm/duet-show-more.entry.js +1 -1
  465. package/lib/esm/duet-slideout-lang.entry.js +1 -1
  466. package/lib/esm/duet-slideout-link.entry.js +1 -1
  467. package/lib/esm/duet-slideout-panel-dropdown.entry.js +1 -1
  468. package/lib/esm/duet-slideout-panel.entry.js +4 -4
  469. package/lib/esm/duet-slideout.entry.js +33 -52
  470. package/lib/esm/duet-step_2.entry.js +1 -1
  471. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +1 -1
  472. package/lib/esm/duet-submenu-bar-dropdown.entry.js +2 -2
  473. package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
  474. package/lib/esm/duet-submenu-bar.entry.js +2 -2
  475. package/lib/esm/duet-textarea.entry.js +1 -1
  476. package/lib/esm/duet-toggle.entry.js +1 -1
  477. package/lib/esm/duet-toolbar-dropdown-link.entry.js +1 -1
  478. package/lib/esm/duet-toolbar-dropdown.entry.js +1 -1
  479. package/lib/esm/duet-toolbar-link.entry.js +1 -1
  480. package/lib/esm/duet-toolbar.entry.js +1 -1
  481. package/lib/esm/duet-tooltip-button_2.entry.js +2 -2
  482. package/lib/esm/duet-tooltip.entry.js +2 -2
  483. package/lib/esm/duet-tray.entry.js +2 -2
  484. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  485. package/lib/esm/duet-upload-item.entry.js +1 -1
  486. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  487. package/lib/esm/duet.js +3 -3
  488. package/lib/esm/{focus-utils-2a29f64e.js → focus-utils-d168d36c.js} +1 -1
  489. package/lib/esm/{index-909a963e.js → index-5c989c52.js} +1 -1
  490. package/lib/esm/loader.js +3 -3
  491. package/lib/esm/slot-utils-07ba4363.js +18 -0
  492. package/lib/esm/{token-utils-ece867a8.js → token-utils-d09165bc.js} +1 -1
  493. package/lib/{dist-custom-elements/p-5e849463.js → esm/tokens-30d01e1d.js} +1 -1
  494. package/lib/esm/{tokens.module-7a2f9c49.js → tokens.module-c9866649.js} +1 -1
  495. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  496. package/lib/esm-es5/duet-alert.entry.js +1 -1
  497. package/lib/esm-es5/duet-badge.entry.js +1 -1
  498. package/lib/esm-es5/duet-banner.entry.js +1 -1
  499. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  500. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  501. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  502. package/lib/esm-es5/duet-callout.entry.js +1 -1
  503. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  504. package/lib/esm-es5/duet-card.entry.js +1 -1
  505. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  506. package/lib/esm-es5/duet-checkmark.entry.js +1 -1
  507. package/lib/esm-es5/duet-chip.entry.js +1 -1
  508. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  509. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  510. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  511. package/lib/esm-es5/duet-contact-card.entry.js +1 -1
  512. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  513. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  514. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  515. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  516. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  517. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  518. package/lib/esm-es5/duet-file-chooser.entry.js +2 -2
  519. package/lib/esm-es5/duet-footer.entry.js +1 -1
  520. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  521. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  522. package/lib/esm-es5/duet-hero.entry.js +2 -2
  523. package/lib/esm-es5/duet-icon.entry.js +1 -1
  524. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  525. package/lib/esm-es5/duet-layout.entry.js +1 -1
  526. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  527. package/lib/esm-es5/duet-menu-bar-button.entry.js +1 -1
  528. package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
  529. package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
  530. package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
  531. package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
  532. package/lib/esm-es5/duet-modal.entry.js +1 -1
  533. package/lib/esm-es5/duet-multiselect.entry.js +1 -1
  534. package/lib/esm-es5/duet-nav.entry.js +1 -1
  535. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  536. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  537. package/lib/esm-es5/duet-page-heading.entry.js +1 -1
  538. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  539. package/lib/esm-es5/duet-popup-menu-item.entry.js +1 -1
  540. package/lib/esm-es5/duet-popup-menu.entry.js +2 -2
  541. package/lib/esm-es5/duet-progress.entry.js +1 -1
  542. package/lib/esm-es5/duet-promo-card.entry.js +1 -1
  543. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  544. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  545. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  546. package/lib/esm-es5/duet-section-layout.entry.js +1 -1
  547. package/lib/esm-es5/duet-select.entry.js +1 -1
  548. package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
  549. package/lib/esm-es5/duet-show-more.entry.js +1 -1
  550. package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
  551. package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
  552. package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +1 -1
  553. package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
  554. package/lib/esm-es5/duet-slideout.entry.js +1 -1
  555. package/lib/esm-es5/duet-step_2.entry.js +1 -1
  556. package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
  557. package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
  558. package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
  559. package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
  560. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  561. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  562. package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
  563. package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
  564. package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
  565. package/lib/esm-es5/duet-toolbar.entry.js +1 -1
  566. package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
  567. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  568. package/lib/esm-es5/duet-tray.entry.js +1 -1
  569. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  570. package/lib/esm-es5/duet-upload-item.entry.js +1 -1
  571. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  572. package/lib/esm-es5/duet.js +1 -1
  573. package/lib/esm-es5/focus-utils-d168d36c.js +4 -0
  574. package/lib/esm-es5/{index-909a963e.js → index-5c989c52.js} +1 -1
  575. package/lib/esm-es5/loader.js +1 -1
  576. package/lib/esm-es5/slot-utils-07ba4363.js +4 -0
  577. package/lib/esm-es5/{token-utils-ece867a8.js → token-utils-d09165bc.js} +1 -1
  578. package/lib/esm-es5/{tokens-04106a43.js → tokens-30d01e1d.js} +1 -1
  579. package/lib/esm-es5/{tokens.module-7a2f9c49.js → tokens.module-c9866649.js} +1 -1
  580. package/lib/types/components/duet-banner/duet-banner.d.ts +5 -0
  581. package/lib/types/components/duet-callout/duet-callout.d.ts +1 -1
  582. package/lib/types/components/duet-chip/duet-chip.d.ts +13 -1
  583. package/lib/types/components/duet-hero/duet-hero.d.ts +3 -3
  584. package/lib/types/components/duet-popup-menu/duet-popup-menu.d.ts +7 -3
  585. package/lib/types/components/duet-popup-menu-item/duet-popup-menu-item.d.ts +4 -0
  586. package/lib/types/components/duet-promo-card/duet-promo-card.d.ts +6 -0
  587. package/lib/types/components/duet-slideout/duet-slideout.d.ts +1 -3
  588. package/lib/types/components.d.ts +36 -2
  589. package/lib/types/utils/slot-utils.d.ts +2 -0
  590. package/package.json +7 -7
  591. package/lib/dist-custom-elements/p-1c7bd169.js +0 -60
  592. package/lib/dist-custom-elements/p-c493eecb.js +0 -205
  593. package/lib/duet/p-031b59ba.system.entry.js +0 -4
  594. package/lib/duet/p-05f62501.entry.js +0 -4
  595. package/lib/duet/p-12f3d121.system.entry.js +0 -4
  596. package/lib/duet/p-207544a2.entry.js +0 -4
  597. package/lib/duet/p-25109b90.system.entry.js +0 -4
  598. package/lib/duet/p-3fb7b966.entry.js +0 -4
  599. package/lib/duet/p-50a679f4.entry.js +0 -4
  600. package/lib/duet/p-50dbbb82.system.entry.js +0 -4
  601. package/lib/duet/p-6f806923.system.js +0 -4
  602. package/lib/duet/p-7bdbb023.entry.js +0 -4
  603. package/lib/duet/p-844e7c4c.entry.js +0 -4
  604. package/lib/duet/p-8a264125.system.entry.js +0 -4
  605. package/lib/duet/p-acfdeb70.entry.js +0 -4
  606. package/lib/duet/p-b0dfe576.system.entry.js +0 -4
  607. package/lib/duet/p-b0fa4550.system.js +0 -4
  608. package/lib/duet/p-cca98ade.entry.js +0 -4
  609. package/lib/duet/p-ce879ecd.system.entry.js +0 -4
  610. package/lib/duet/p-d038c90c.system.entry.js +0 -4
  611. package/lib/duet/p-d3141c64.entry.js +0 -4
  612. package/lib/duet/p-d54396be.system.entry.js +0 -4
  613. package/lib/duet/p-e91cced0.entry.js +0 -4
  614. package/lib/duet/p-ee815760.system.entry.js +0 -4
  615. package/lib/duet/p-f715214a.entry.js +0 -4
  616. package/lib/esm-es5/focus-utils-2a29f64e.js +0 -4
package/hydrate/index.js CHANGED
@@ -7932,7 +7932,7 @@ const fontSizeXSmall = "0.75rem";
7932
7932
  const radiusSharp = "0";
7933
7933
  const radiusDefault = "4px";
7934
7934
  const radiusMedium = "8px";
7935
- const radiusLarge = "20px";
7935
+ const radiusLarge = "16px";
7936
7936
  const radiusCircle = "50%";
7937
7937
  const radiusPill = "20rem";
7938
7938
  const shadowTooltipTurva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
@@ -8606,7 +8606,7 @@ class DuetAlert {
8606
8606
  }; }
8607
8607
  }
8608
8608
 
8609
- const duetBadgeCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-badge,*.sc-duet-badge::after,*.sc-duet-badge::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-badge-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}/*!@:host:last-child, :host:last-of-type*/.sc-duet-badge-h:last-child,.sc-duet-badge-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-badge-h{margin:0 !important}/*!@.duet-badge*/.duet-badge.sc-duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}/*!@.duet-badge.duet-p-0*/.duet-badge.duet-p-0.sc-duet-badge{padding:0 !important}/*!@.duet-badge.duet-m-0*/.duet-badge.duet-m-0.sc-duet-badge{margin:0 !important}/*!@.duet-badge.duet-theme-turva*/.duet-badge.duet-theme-turva.sc-duet-badge{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}/*!@.duet-badge.warning*/.duet-badge.warning.sc-duet-badge{background:#fdecc9}/*!@.duet-badge.warning.duet-theme-turva*/.duet-badge.warning.duet-theme-turva.sc-duet-badge{background:#fee8c3}/*!@.duet-badge.danger*/.duet-badge.danger.sc-duet-badge{background:#f8d3e0}/*!@.duet-badge.danger.duet-theme-turva*/.duet-badge.danger.duet-theme-turva.sc-duet-badge{background:#f9d4cf}/*!@.duet-badge.success*/.duet-badge.success.sc-duet-badge{background:#cce7de}/*!@.duet-badge.success.duet-theme-turva*/.duet-badge.success.duet-theme-turva.sc-duet-badge{background:#cee7dc}/*!@.duet-badge.subtle*/.duet-badge.subtle.sc-duet-badge{color:rgb(101, 119, 135);background:none;outline:1px solid rgb(225, 227, 230);outline-offset:-1px}/*!@.duet-badge.subtle.duet-theme-turva*/.duet-badge.subtle.duet-theme-turva.sc-duet-badge{color:rgb(68, 68, 69);background:none;outline-color:rgb(228, 228, 230)}/*!@.duet-badge.background-strong.default*/.duet-badge.background-strong.default.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}/*!@.duet-badge.background-strong.default.duet-theme-turva*/.duet-badge.background-strong.default.duet-theme-turva.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}/*!@.duet-badge.background-strong.warning*/.duet-badge.background-strong.warning.sc-duet-badge{background:#f9c153}/*!@.duet-badge.background-strong.warning.duet-theme-turva*/.duet-badge.background-strong.warning.duet-theme-turva.sc-duet-badge{background:#fbb63f}/*!@.duet-badge.background-strong.danger*/.duet-badge.background-strong.danger.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(222, 35, 98)}/*!@.duet-badge.background-strong.danger.duet-theme-turva*/.duet-badge.background-strong.danger.duet-theme-turva.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(224, 42, 13)}/*!@.duet-badge.background-strong.success*/.duet-badge.background-strong.success.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(0, 135, 90)}/*!@.duet-badge.background-strong.success.duet-theme-turva*/.duet-badge.background-strong.success.duet-theme-turva.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(8, 135, 78)}/*!@.duet-badge.background-strong.subtle*/.duet-badge.background-strong.subtle.sc-duet-badge{border-color:rgb(207, 210, 212);outline-color:rgb(0, 41, 77)}/*!@.duet-badge.background-strong.subtle.duet-theme-turva*/.duet-badge.background-strong.subtle.duet-theme-turva.sc-duet-badge{border-color:rgb(207, 207, 209);outline-color:rgb(23, 28, 58)}";
8609
+ const duetBadgeCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-badge,*.sc-duet-badge::after,*.sc-duet-badge::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-badge-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}/*!@:host:last-child, :host:last-of-type*/.sc-duet-badge-h:last-child,.sc-duet-badge-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-badge-h{margin:0 !important}/*!@.duet-badge*/.duet-badge.sc-duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}/*!@.duet-badge.duet-p-0*/.duet-badge.duet-p-0.sc-duet-badge{padding:0 !important}/*!@.duet-badge.duet-m-0*/.duet-badge.duet-m-0.sc-duet-badge{margin:0 !important}/*!@.duet-badge.duet-theme-turva*/.duet-badge.duet-theme-turva.sc-duet-badge{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}/*!@.duet-badge.warning*/.duet-badge.warning.sc-duet-badge{background:#fdecc9}/*!@.duet-badge.warning.duet-theme-turva*/.duet-badge.warning.duet-theme-turva.sc-duet-badge{background:#fee8c3}/*!@.duet-badge.danger*/.duet-badge.danger.sc-duet-badge{background:#f8d3e0}/*!@.duet-badge.danger.duet-theme-turva*/.duet-badge.danger.duet-theme-turva.sc-duet-badge{background:#f9d4cf}/*!@.duet-badge.success*/.duet-badge.success.sc-duet-badge{background:#cce7de}/*!@.duet-badge.success.duet-theme-turva*/.duet-badge.success.duet-theme-turva.sc-duet-badge{background:#cee7dc}/*!@.duet-badge.subtle*/.duet-badge.subtle.sc-duet-badge{color:rgb(101, 119, 135);background:none;outline:1px solid rgb(225, 227, 230);outline-offset:-1px}/*!@.duet-badge.subtle.duet-theme-turva*/.duet-badge.subtle.duet-theme-turva.sc-duet-badge{color:rgb(68, 68, 69);background:none;outline-color:rgb(228, 228, 230)}/*!@.duet-badge.background-strong.default*/.duet-badge.background-strong.default.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}/*!@.duet-badge.background-strong.default.duet-theme-turva*/.duet-badge.background-strong.default.duet-theme-turva.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}/*!@.duet-badge.background-strong.warning*/.duet-badge.background-strong.warning.sc-duet-badge{background:#f9c153}/*!@.duet-badge.background-strong.warning.duet-theme-turva*/.duet-badge.background-strong.warning.duet-theme-turva.sc-duet-badge{background:#fbb63f}/*!@.duet-badge.background-strong.danger*/.duet-badge.background-strong.danger.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(222, 35, 98)}/*!@.duet-badge.background-strong.danger.duet-theme-turva*/.duet-badge.background-strong.danger.duet-theme-turva.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(224, 42, 13)}/*!@.duet-badge.background-strong.success*/.duet-badge.background-strong.success.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(0, 135, 90)}/*!@.duet-badge.background-strong.success.duet-theme-turva*/.duet-badge.background-strong.success.duet-theme-turva.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(8, 135, 78)}/*!@.duet-badge.background-strong.subtle*/.duet-badge.background-strong.subtle.sc-duet-badge{border-color:rgb(207, 210, 212);outline-color:rgb(0, 41, 77)}/*!@.duet-badge.background-strong.subtle.duet-theme-turva*/.duet-badge.background-strong.subtle.duet-theme-turva.sc-duet-badge{border-color:rgb(207, 207, 209);outline-color:rgb(23, 28, 58)}";
8610
8610
 
8611
8611
  class DuetBadge {
8612
8612
  constructor(hostRef) {
@@ -8628,7 +8628,7 @@ class DuetBadge {
8628
8628
  */
8629
8629
  render() {
8630
8630
  const backgroundClass = `background-${this.background}`;
8631
- return (hAsync(Host, { class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { class: {
8631
+ return (hAsync(Host, { class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { class: {
8632
8632
  "duet-badge": true,
8633
8633
  [this.variation]: true,
8634
8634
  [backgroundClass]: true,
@@ -8659,8 +8659,27 @@ const DuetPicture = ({ img, sources }) => {
8659
8659
  hAsync("img", Object.assign({}, img))));
8660
8660
  };
8661
8661
 
8662
- const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner,*.sc-duet-banner::after,*.sc-duet-banner::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-banner-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child,.sc-duet-banner-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h{margin:0 !important}/*!@.duet-banner*/.duet-banner.sc-duet-banner{display:grid;width:100%;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;text-align:left;border-radius:24px}/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner{padding:0 !important}/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner{margin:0 !important}/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner{position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;width:400px;height:400px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{position:relative;top:20px;width:100%;height:100%;transform:rotate(-7deg);object-fit:cover}/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{position:absolute}/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner{display:flex;flex-direction:column;gap:8px;padding:0 20px 36px}/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-end;padding-top:16px}/*!@.duet-banner.small*/.duet-banner.small.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.small .visual*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.small .visual .image-container*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.small .visual .icon*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}/*!@.duet-banner.large*/.duet-banner.large.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.large .visual*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.large .visual .image-container*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-30px;left:-30px}/*!@.duet-banner.large .visual .image*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px}/*!@.duet-banner.large .visual .icon*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.large .content*/.duet-banner.large.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.large .action*/.duet-banner.large.sc-duet-banner .action.sc-duet-banner{flex-grow:0}/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}@media (min-width: 62em){/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-30px;left:-30px}/*!@.duet-banner.auto .visual .image*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.auto .content*/.duet-banner.auto.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.auto .action*/.duet-banner.auto.sc-duet-banner .action.sc-duet-banner{flex-grow:0}}/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-banner.duet-theme-turva .visual .image-container*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{width:526px;height:456px;transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}/*!@.duet-banner.duet-theme-turva .visual .image*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{transform:none}/*!@.duet-banner.duet-theme-turva.small .visual .image-container*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.small .visual .image*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.small .visual .icon*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}/*!@.duet-banner.duet-theme-turva.large .visual .image-container*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px}/*!@.duet-banner.duet-theme-turva.large .visual .image*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.large .visual .icon*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.auto .visual .icon*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}@media (min-width: 62em){/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.auto .visual .icon*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}}";
8662
+ const slotElementCheck = (evt, component, requiredTagName) => {
8663
+ var _a;
8664
+ const slot = evt.target;
8665
+ const slotDescription = slot.name ? `slot ${slot.name}` : "default slot";
8666
+ const slotElement = slot.assignedElements()[0];
8667
+ const slotTagName = slotElement === null || slotElement === void 0 ? void 0 : slotElement.tagName.toLowerCase();
8668
+ const componentTagName = (_a = component.element) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase();
8669
+ if (slotTagName && slotTagName !== requiredTagName) {
8670
+ console.warn(`Duet warning:
8671
+ Only <${requiredTagName}> should be used in <${componentTagName}> ${slotDescription}.
8672
+ Found: <${slotTagName}>`);
8673
+ }
8674
+ };
8675
+
8676
+ const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner,*.sc-duet-banner::after,*.sc-duet-banner::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-banner-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child,.sc-duet-banner-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h{margin:0 !important}/*!@.duet-banner*/.duet-banner.sc-duet-banner{display:grid;width:100%;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;text-align:left;border-radius:24px}/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner{padding:0 !important}/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner{margin:0 !important}/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner{position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;width:400px;height:400px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{position:relative;top:20px;width:100%;height:100%;transform:rotate(-7deg);object-fit:cover}/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{position:absolute}/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner{display:flex;flex-direction:column;gap:8px;padding:0 20px 36px}/*!@.duet-banner .content .description*/.duet-banner.sc-duet-banner .content.sc-duet-banner .description.sc-duet-banner{hyphens:auto}/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-end;padding-top:16px}/*!@.duet-banner.small*/.duet-banner.small.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.small .visual*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.small .visual .image-container*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.small .visual .icon*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}/*!@.duet-banner.large*/.duet-banner.large.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.large .visual*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.large .visual .image-container*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-30px;left:-30px}/*!@.duet-banner.large .visual .image*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px}/*!@.duet-banner.large .visual .icon*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.large .content*/.duet-banner.large.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.large .action*/.duet-banner.large.sc-duet-banner .action.sc-duet-banner{flex-grow:0}/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}@media (min-width: 62em){/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-30px;left:-30px}/*!@.duet-banner.auto .visual .image*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.auto .content*/.duet-banner.auto.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.auto .action*/.duet-banner.auto.sc-duet-banner .action.sc-duet-banner{flex-grow:0}}/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-banner.duet-theme-turva .visual .image-container*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{width:526px;height:456px;transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}/*!@.duet-banner.duet-theme-turva .visual .image*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{transform:none}/*!@.duet-banner.duet-theme-turva.small .visual .image-container*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.small .visual .image*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.small .visual .icon*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}/*!@.duet-banner.duet-theme-turva.large .visual .image-container*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px}/*!@.duet-banner.duet-theme-turva.large .visual .image*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.large .visual .icon*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.auto .visual .icon*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}@media (min-width: 62em){/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.auto .visual .icon*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}}";
8663
8677
 
8678
+ /**
8679
+ * @slot heading - Slot for heading content. Only span should be used in this slot.
8680
+ * @slot description - Slot for description content.
8681
+ * @slot action - Slot for action button.
8682
+ */
8664
8683
  class DuetBanner {
8665
8684
  constructor(hostRef) {
8666
8685
  registerInstance(this, hostRef);
@@ -8692,6 +8711,7 @@ class DuetBanner {
8692
8711
  render() {
8693
8712
  const backgroundColorTemp = this.theme === "turva" && this.backgroundColor === "primary-lighter" ? "gray-lighter" : this.backgroundColor;
8694
8713
  const backgroundColor = getColorByName(backgroundColorTemp, this.theme);
8714
+ const color = getColorByName(this.textColor, this.theme);
8695
8715
  const bannerStyles = {
8696
8716
  backgroundColor,
8697
8717
  };
@@ -8703,7 +8723,7 @@ class DuetBanner {
8703
8723
  "duet-banner": true,
8704
8724
  "duet-theme-turva": this.theme === "turva",
8705
8725
  [this.size]: true,
8706
- }, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), this.icon && (hAsync("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: "xx-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" }))), hAsync("div", { class: "content" }, this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": "h2", margin: "none", color: this.textColor }, hAsync("div", null, hAsync("slot", { name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description" }, hAsync("duet-paragraph", { theme: this.theme, margin: "none", color: this.textColor }, hAsync("div", null, hAsync("slot", { name: "description" }))))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" })))))));
8726
+ }, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), this.icon && (hAsync("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: "xx-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" }))), hAsync("div", { class: "content" }, this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": "h2", margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "heading", onSlotchange: ev => slotElementCheck(ev, this, "span") }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description", style: { color } }, hAsync("slot", { name: "description" }))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" })))))));
8707
8727
  }
8708
8728
  get element() { return getElement(this); }
8709
8729
  static get style() { return duetBannerCss; }
@@ -8867,7 +8887,7 @@ const DuetStringsLoadingDefaults = {
8867
8887
  en: "Loading…",
8868
8888
  };
8869
8889
 
8870
- const duetButtonCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-button,*.sc-duet-button::after,*.sc-duet-button::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-button-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}/*!@:host:last-child, :host:last-of-type*/.sc-duet-button-h:last-child,.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host*/.sc-duet-button-h{width:100%}}/*!@:host(.square)*/.square.sc-duet-button-h{margin-right:12px !important}/*!@:host(.square):last-child, :host(.square):last-of-type*/.square.sc-duet-button-h:last-child,.square.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.input-button)*/.input-button.sc-duet-button-h{z-index:250}/*!@:host(.duet-small),\n:host(.duet-x-small)*/.duet-small.sc-duet-button-h,.duet-x-small.sc-duet-button-h{margin-right:4px !important;margin-bottom:8px !important}/*!@:host(.duet-small):last-child, :host(.duet-small):last-of-type,\n:host(.duet-x-small):last-child,\n:host(.duet-x-small):last-of-type*/.duet-small.sc-duet-button-h:last-child,.duet-small.sc-duet-button-h:last-of-type,.duet-x-small.sc-duet-button-h:last-child,.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-small),\n :host(.duet-x-small)*/.duet-small.sc-duet-button-h,.duet-x-small.sc-duet-button-h{width:auto}}/*!@:host(.duet-x-small)*/.duet-x-small.sc-duet-button-h{margin-right:2px !important}/*!@:host(.duet-x-small):last-child, :host(.duet-x-small):last-of-type*/.duet-x-small.sc-duet-button-h:last-child,.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.square.duet-small),\n:host(.square.duet-x-small)*/.square.duet-small.sc-duet-button-h,.square.duet-x-small.sc-duet-button-h{margin-right:8px !important}/*!@:host(.square.duet-small):last-child, :host(.square.duet-small):last-of-type,\n:host(.square.duet-x-small):last-child,\n:host(.square.duet-x-small):last-of-type*/.square.duet-small.sc-duet-button-h:last-child,.square.duet-small.sc-duet-button-h:last-of-type,.square.duet-x-small.sc-duet-button-h:last-child,.square.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-expand)*/.duet-expand.sc-duet-button-h{width:100% !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-button-h{margin:0 !important}/*!@:host(.duet-fixed)*/.duet-fixed.sc-duet-button-h{width:auto !important}/*!@:host(:last-child)*/.sc-duet-button-h:last-child{margin-right:0 !important}/*!@.duet-button-container*/.duet-button-container.sc-duet-button{position:relative;width:100%}/*!@.duet-button*/.duet-button.sc-duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}/*!@.duet-button.duet-p-0*/.duet-button.duet-p-0.sc-duet-button{padding:0 !important}/*!@.duet-button.duet-m-0*/.duet-button.duet-m-0.sc-duet-button{margin:0 !important}/*!@.duet-button:focus*/.duet-button.sc-duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-button:focus, .duet-button:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button:focus,.duet-button.sc-duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-button.duet-button-size-medium*/.duet-button.duet-button-size-medium.sc-duet-button{height:50px;padding-right:24px;padding-left:24px;font-size:1rem;border-radius:12.5px}/*!@.duet-button.duet-button-size-medium.icon-left*/.duet-button.duet-button-size-medium.icon-left.sc-duet-button{padding-left:18px}/*!@.duet-button.duet-button-size-medium.icon-right*/.duet-button.duet-button-size-medium.icon-right.sc-duet-button{padding-right:18px}/*!@.duet-button.duet-button-size-small*/.duet-button.duet-button-size-small.sc-duet-button{height:40px;padding-right:18px;padding-left:18px;font-size:0.875rem;border-radius:10px}/*!@.duet-button.duet-button-size-small.icon-left*/.duet-button.duet-button-size-small.icon-left.sc-duet-button{padding-left:14px}/*!@.duet-button.duet-button-size-small.icon-right*/.duet-button.duet-button-size-small.icon-right.sc-duet-button{padding-right:14px}/*!@.duet-button.duet-button-size-x-small*/.duet-button.duet-button-size-x-small.sc-duet-button{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}/*!@.duet-button.duet-button-size-x-small.icon-left*/.duet-button.duet-button-size-x-small.icon-left.sc-duet-button{padding-left:10px}/*!@.duet-button.duet-button-size-x-small.icon-right*/.duet-button.duet-button-size-x-small.icon-right.sc-duet-button{padding-right:10px}/*!@.duet-button.plain.duet-p-0*/.duet-button.plain.duet-p-0.sc-duet-button{height:auto}/*!@.duet-button:not(.input-button-primary, .input-button-secondary, .input-button-embedded)*/.duet-button.sc-duet-button:not(.input-button-primary,.input-button-secondary.sc-duet-button,.input-button-embedded).sc-duet-button{font-variant-numeric:tabular-nums}/*!@.duet-button.duet-button-text-center*/.duet-button.duet-button-text-center.sc-duet-button{text-align:center !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only)*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only){min-width:48px}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).duet-p-0{padding:0 !important}/*!@.duet-theme-turva .duet-button*/.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48) !important}/*!@.duet-button .duet-button-contents*/.duet-button.sc-duet-button .duet-button-contents.sc-duet-button{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}/*!@.duet-button .duet-button-contents.icon-right*/.duet-button.sc-duet-button .duet-button-contents.icon-right.sc-duet-button{flex-direction:row-reverse}/*!@.duet-button .duet-button-contents .duet-button-contents-slot*/.duet-button.sc-duet-button .duet-button-contents.sc-duet-button .duet-button-contents-slot.sc-duet-button{position:relative;top:0}/*!@.duet-button.duet-no-wrap*/.duet-button.duet-no-wrap.sc-duet-button{white-space:nowrap}/*!@.duet-button svg*/.duet-button.sc-duet-button svg.sc-duet-button{width:100%;min-width:100%;fill:currentColor}/*!@.duet-button .duet-button-icon*/.duet-button.sc-duet-button .duet-button-icon.sc-duet-button{display:flex;align-items:center}/*!@.duet-button .duet-button-icon duet-icon*/.duet-button.sc-duet-button .duet-button-icon.sc-duet-button duet-icon.sc-duet-button{width:16px;height:16px}/*!@.duet-button .duet-button-icon.large duet-icon*/.duet-button.sc-duet-button .duet-button-icon.large.sc-duet-button duet-icon.sc-duet-button{width:20px;height:20px}/*!@.duet-button .duet-button-icon.medium-small duet-icon*/.duet-button.sc-duet-button .duet-button-icon.medium-small.sc-duet-button duet-icon.sc-duet-button{width:10px;height:10px}/*!@.duet-button .duet-button-icon.small duet-icon*/.duet-button.sc-duet-button .duet-button-icon.small.sc-duet-button duet-icon.sc-duet-button{width:7px;height:7px}/*!@.duet-button:active:not([disabled])*/.duet-button.sc-duet-button:active:not([disabled]){opacity:0.75;transition:none}/*!@.duet-button.default*/.duet-button.default.sc-duet-button{border-color:rgb(207, 210, 212)}/*!@.duet-theme-turva .duet-button.default*/.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button{color:rgb(198, 12, 48) !important;border-color:rgb(228, 228, 230)}/*!@.duet-button.default:hover*/.duet-button.default.sc-duet-button:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}/*!@.duet-theme-turva .duet-button.default:hover*/.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-button.default.duet-button-negative*/.duet-button.default.duet-button-negative.sc-duet-button{background-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.default.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.default.duet-button-negative.sc-duet-button{background-color:rgb(228, 228, 230) !important}/*!@.duet-button.default.duet-button-negative:hover*/.duet-button.default.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.default.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.default.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.primary, .duet-button.input-button-primary*/.duet-button.primary.sc-duet-button,.duet-button.input-button-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.primary, .duet-theme-turva .duet-button.input-button-primary*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}/*!@.duet-button.primary:hover, .duet-button.input-button-primary:hover*/.duet-button.primary.sc-duet-button:hover,.duet-button.input-button-primary.sc-duet-button:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}/*!@.duet-theme-turva .duet-button.primary:hover, .duet-theme-turva .duet-button.input-button-primary:hover*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button:hover{background:rgb(148, 9, 37);border-color:rgb(148, 9, 37)}/*!@.duet-button.primary:focus, .duet-button.input-button-primary:focus*/.duet-button.primary.sc-duet-button:focus,.duet-button.input-button-primary.sc-duet-button:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}/*!@.duet-theme-turva .duet-button.primary:focus, .duet-theme-turva .duet-button.input-button-primary:focus*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:focus,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}/*!@.duet-button.secondary, .duet-button.input-button-secondary, .duet-button.input-button-embedded*/.duet-button.secondary.sc-duet-button,.duet-button.input-button-secondary.sc-duet-button,.duet-button.input-button-embedded.sc-duet-button{color:rgb(0, 41, 77) !important;background:transparent;border-color:rgb(0, 41, 77)}/*!@.duet-theme-turva .duet-button.secondary, .duet-theme-turva .duet-button.input-button-secondary, .duet-theme-turva .duet-button.input-button-embedded*/.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.sc-duet-button{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}/*!@.duet-button.secondary:hover, .duet-button.input-button-secondary:hover, .duet-button.input-button-embedded:hover*/.duet-button.secondary.sc-duet-button:hover,.duet-button.input-button-secondary.sc-duet-button:hover,.duet-button.input-button-embedded.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.secondary:hover, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-theme-turva .duet-button.input-button-embedded:hover*/.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.secondary.duet-button-negative, .duet-button.input-button-secondary.duet-button-negative, .duet-button.input-button-embedded.duet-button-negative*/.duet-button.secondary.duet-button-negative.sc-duet-button,.duet-button.input-button-secondary.duet-button-negative.sc-duet-button,.duet-button.input-button-embedded.duet-button-negative.sc-duet-button{color:rgb(225, 227, 230) !important;border-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.secondary.duet-button-negative.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.duet-button-negative.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.duet-button-negative.sc-duet-button{color:rgb(228, 228, 230) !important}/*!@.duet-button.secondary.duet-button-negative:hover, .duet-button.input-button-secondary.duet-button-negative:hover, .duet-button.input-button-embedded.duet-button-negative:hover*/.duet-button.secondary.duet-button-negative.sc-duet-button:hover,.duet-button.input-button-secondary.duet-button-negative.sc-duet-button:hover,.duet-button.input-button-embedded.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.secondary.duet-button-negative.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.duet-button-negative.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.input-button-embedded*/.duet-button.input-button-embedded.sc-duet-button{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}/*!@.duet-button.input-button*/.duet-button.input-button.sc-duet-button{height:auto}/*!@.duet-button.negative*/.duet-button.negative.sc-duet-button{color:rgb(0, 41, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.negative*/.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button{color:rgb(23, 28, 58) !important}/*!@.duet-button.negative:hover*/.duet-button.negative.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}/*!@.duet-button.negative:focus*/.duet-button.negative.sc-duet-button:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}/*!@.duet-theme-turva .duet-button.negative:focus*/.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}/*!@.duet-button.destructive-primary*/.duet-button.destructive-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(222, 35, 98);border-color:rgb(222, 35, 98)}/*!@.duet-theme-turva .duet-button.destructive-primary*/.duet-theme-turva.sc-duet-button .duet-button.destructive-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(224, 42, 13);border-color:rgb(224, 42, 13)}/*!@.duet-button.destructive-primary:hover*/.duet-button.destructive-primary.sc-duet-button:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}/*!@.duet-theme-turva .duet-button.destructive-primary:hover*/.duet-theme-turva.sc-duet-button .duet-button.destructive-primary.sc-duet-button:hover{background:#b3220a}/*!@.duet-button.destructive, .duet-button.destructive-secondary*/.duet-button.destructive.sc-duet-button,.duet-button.destructive-secondary.sc-duet-button{color:rgb(222, 35, 98) !important;background:rgb(255, 255, 255);border-color:rgb(222, 35, 98)}/*!@.duet-theme-turva .duet-button.destructive, .duet-theme-turva .duet-button.destructive-secondary*/.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.destructive-secondary.sc-duet-button{color:rgb(224, 42, 13) !important;background:rgb(255, 255, 255);border-color:rgb(224, 42, 13)}/*!@.duet-button.destructive:hover, .duet-button.destructive-secondary:hover*/.duet-button.destructive.sc-duet-button:hover,.duet-button.destructive-secondary.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:#b21c4e;border-color:#b21c4e}/*!@.duet-theme-turva .duet-button.destructive:hover, .duet-theme-turva .duet-button.destructive-secondary:hover*/.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.destructive-secondary.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:#b3220a;border-color:#b3220a}/*!@.duet-button.plain*/.duet-button.plain.sc-duet-button{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}/*!@.duet-theme-turva .duet-button.plain*/.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}/*!@.duet-button.plain.duet-p-0 .duet-button-contents*/.duet-button.plain.duet-p-0.sc-duet-button .duet-button-contents.sc-duet-button{height:auto}/*!@.duet-button.plain[disabled]*/.duet-button.plain[disabled].sc-duet-button{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}/*!@.duet-theme-turva .duet-button.plain[disabled]*/.duet-theme-turva.sc-duet-button .duet-button.plain[disabled].sc-duet-button{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(228, 228, 230) !important}/*!@.duet-button.plain:hover*/.duet-button.plain.sc-duet-button:hover{color:rgb(0, 77, 128) !important;background:transparent !important}/*!@.duet-theme-turva .duet-button.plain:hover*/.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover{color:rgb(148, 9, 37) !important}/*!@.duet-button.plain.duet-button-negative*/.duet-button.plain.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important}/*!@.duet-theme-turva .duet-button.plain.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.plain.duet-button-negative.sc-duet-button{color:rgb(228, 228, 230) !important}/*!@.duet-button.plain.duet-button-negative:hover*/.duet-button.plain.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important}/*!@.duet-theme-turva .duet-button.plain.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.plain.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important}/*!@.duet-button.duet-button-icon-only*/.duet-button.duet-button-icon-only.sc-duet-button{min-width:48px;min-height:48px;padding:0 !important}/*!@.duet-button.duet-button-icon-only .duet-button-contents*/.duet-button.duet-button-icon-only.sc-duet-button .duet-button-contents.sc-duet-button{position:static}/*!@.duet-button.duet-button-icon-only .duet-button-icon.left.large,\n.duet-button.duet-button-icon-only .duet-button-icon.left.medium,\n.duet-button.duet-button-icon-only .duet-button-icon.left.small*/.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.small.sc-duet-button{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}/*!@.duet-button.duet-button.input-button-primary, .duet-button.duet-button.input-button-secondary, .duet-button.duet-button.input-button-embedded*/.duet-button.duet-button.input-button-primary.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}/*!@.duet-button.duet-button.input-button-primary .duet-button-contents, .duet-button.duet-button.input-button-secondary .duet-button-contents, .duet-button.duet-button.input-button-embedded .duet-button-contents*/.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-contents.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-contents.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-contents.sc-duet-button{position:static}/*!@.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-primary .duet-button-icon.left.small, .duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small, .duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small*/.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.small.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.small.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.small.sc-duet-button{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}/*!@.duet-button.duet-button.input-button-embedded*/.duet-button.duet-button.input-button-embedded.sc-duet-button{border-left-width:0}/*!@.duet-button.square*/.duet-button.square.sc-duet-button{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(207, 210, 212);border-width:1px}/*!@.duet-button.square.duet-button-size-small*/.duet-button.square.duet-button-size-small.sc-duet-button{width:42px;font-size:0.875rem}/*!@.duet-button.square.duet-button-size-x-small*/.duet-button.square.duet-button-size-x-small.sc-duet-button{width:34px;font-size:0.875rem}/*!@.duet-button.square.duet-button-negative*/.duet-button.square.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.square.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.square.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}/*!@.duet-theme-turva .duet-button.square*/.duet-theme-turva.sc-duet-button .duet-button.square.sc-duet-button{border-color:rgb(228, 228, 230)}/*!@.duet-button.square:hover*/.duet-button.square.sc-duet-button:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}/*!@.duet-theme-turva .duet-button.square:hover*/.duet-theme-turva.sc-duet-button .duet-button.square.sc-duet-button:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-button.square .duet-button-contents*/.duet-button.square.sc-duet-button .duet-button-contents.sc-duet-button{gap:0}/*!@.duet-button[disabled], .duet-button[disabled]:hover, .duet-button.duet-button-negative[disabled], .duet-button.duet-button-negative[disabled]:hover*/.duet-button[disabled].sc-duet-button,.duet-button[disabled].sc-duet-button:hover,.duet-button.duet-button-negative[disabled].sc-duet-button,.duet-button.duet-button-negative[disabled].sc-duet-button:hover{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important;box-shadow:none !important}/*!@.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button[disabled]:hover, .duet-theme-turva .duet-button.duet-button-negative [disabled], .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover*/.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.duet-button-negative.sc-duet-button [disabled].sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.duet-button-negative.sc-duet-button [disabled].sc-duet-button:hover{color:rgb(116, 116, 117) !important;cursor:not-allowed;background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}/*!@.duet-button-is-loading.primary, .duet-button-is-loading.input-button-primary*/.duet-button-is-loading.primary.sc-duet-button,.duet-button-is-loading.input-button-primary.sc-duet-button{color:rgb(255, 255, 255)}/*!@.duet-button-is-loading.default*/.duet-button-is-loading.default.sc-duet-button{color:rgb(0, 119, 179)}/*!@.duet-button-is-loading.default.duet-theme-turva*/.duet-button-is-loading.default.duet-theme-turva.sc-duet-button{color:rgb(198, 12, 48)}/*!@.duet-button-is-loading .duet-button-contents*/.duet-button-is-loading.sc-duet-button .duet-button-contents.sc-duet-button{visibility:hidden;opacity:0}";
8890
+ const duetButtonCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-button,*.sc-duet-button::after,*.sc-duet-button::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-button-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}/*!@:host:last-child, :host:last-of-type*/.sc-duet-button-h:last-child,.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host*/.sc-duet-button-h{width:100%}}/*!@:host(.square)*/.square.sc-duet-button-h{margin-right:12px !important}/*!@:host(.square):last-child, :host(.square):last-of-type*/.square.sc-duet-button-h:last-child,.square.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.input-button)*/.input-button.sc-duet-button-h{z-index:250}/*!@:host(.duet-small),\n:host(.duet-x-small)*/.duet-small.sc-duet-button-h,.duet-x-small.sc-duet-button-h{margin-right:4px !important;margin-bottom:8px !important}/*!@:host(.duet-small):last-child, :host(.duet-small):last-of-type,\n:host(.duet-x-small):last-child,\n:host(.duet-x-small):last-of-type*/.duet-small.sc-duet-button-h:last-child,.duet-small.sc-duet-button-h:last-of-type,.duet-x-small.sc-duet-button-h:last-child,.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-small),\n :host(.duet-x-small)*/.duet-small.sc-duet-button-h,.duet-x-small.sc-duet-button-h{width:auto}}/*!@:host(.duet-x-small)*/.duet-x-small.sc-duet-button-h{margin-right:2px !important}/*!@:host(.duet-x-small):last-child, :host(.duet-x-small):last-of-type*/.duet-x-small.sc-duet-button-h:last-child,.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.square.duet-small),\n:host(.square.duet-x-small)*/.square.duet-small.sc-duet-button-h,.square.duet-x-small.sc-duet-button-h{margin-right:8px !important}/*!@:host(.square.duet-small):last-child, :host(.square.duet-small):last-of-type,\n:host(.square.duet-x-small):last-child,\n:host(.square.duet-x-small):last-of-type*/.square.duet-small.sc-duet-button-h:last-child,.square.duet-small.sc-duet-button-h:last-of-type,.square.duet-x-small.sc-duet-button-h:last-child,.square.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-expand)*/.duet-expand.sc-duet-button-h{width:100% !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-button-h{margin:0 !important}/*!@:host(.duet-fixed)*/.duet-fixed.sc-duet-button-h{width:auto !important}/*!@:host(:last-child)*/.sc-duet-button-h:last-child{margin-right:0 !important}/*!@.duet-button-container*/.duet-button-container.sc-duet-button{position:relative;display:block;width:100%}/*!@.duet-button*/.duet-button.sc-duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}/*!@.duet-button.duet-p-0*/.duet-button.duet-p-0.sc-duet-button{padding:0 !important}/*!@.duet-button.duet-m-0*/.duet-button.duet-m-0.sc-duet-button{margin:0 !important}/*!@.duet-button:focus*/.duet-button.sc-duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-button:focus, .duet-button:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button:focus,.duet-button.sc-duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-button.duet-button-size-medium*/.duet-button.duet-button-size-medium.sc-duet-button{height:50px;padding-right:24px;padding-left:24px;font-size:1rem;border-radius:12.5px}/*!@.duet-button.duet-button-size-medium.icon-left*/.duet-button.duet-button-size-medium.icon-left.sc-duet-button{padding-left:18px}/*!@.duet-button.duet-button-size-medium.icon-right*/.duet-button.duet-button-size-medium.icon-right.sc-duet-button{padding-right:18px}/*!@.duet-button.duet-button-size-small*/.duet-button.duet-button-size-small.sc-duet-button{height:40px;padding-right:18px;padding-left:18px;font-size:0.875rem;border-radius:10px}/*!@.duet-button.duet-button-size-small.icon-left*/.duet-button.duet-button-size-small.icon-left.sc-duet-button{padding-left:14px}/*!@.duet-button.duet-button-size-small.icon-right*/.duet-button.duet-button-size-small.icon-right.sc-duet-button{padding-right:14px}/*!@.duet-button.duet-button-size-x-small*/.duet-button.duet-button-size-x-small.sc-duet-button{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}/*!@.duet-button.duet-button-size-x-small.icon-left*/.duet-button.duet-button-size-x-small.icon-left.sc-duet-button{padding-left:10px}/*!@.duet-button.duet-button-size-x-small.icon-right*/.duet-button.duet-button-size-x-small.icon-right.sc-duet-button{padding-right:10px}/*!@.duet-button.plain.duet-p-0*/.duet-button.plain.duet-p-0.sc-duet-button{height:auto}/*!@.duet-button:not(.input-button-primary, .input-button-secondary, .input-button-embedded)*/.duet-button.sc-duet-button:not(.input-button-primary,.input-button-secondary.sc-duet-button,.input-button-embedded).sc-duet-button{font-variant-numeric:tabular-nums}/*!@.duet-button.duet-button-text-center*/.duet-button.duet-button-text-center.sc-duet-button{text-align:center !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only)*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only){min-width:48px}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).duet-p-0{padding:0 !important}/*!@.duet-theme-turva .duet-button*/.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48) !important}/*!@.duet-button .duet-button-contents*/.duet-button.sc-duet-button .duet-button-contents.sc-duet-button{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}/*!@.duet-button .duet-button-contents.icon-right*/.duet-button.sc-duet-button .duet-button-contents.icon-right.sc-duet-button{flex-direction:row-reverse}/*!@.duet-button .duet-button-contents .duet-button-contents-slot*/.duet-button.sc-duet-button .duet-button-contents.sc-duet-button .duet-button-contents-slot.sc-duet-button{position:relative;top:0}/*!@.duet-button.duet-no-wrap*/.duet-button.duet-no-wrap.sc-duet-button{white-space:nowrap}/*!@.duet-button svg*/.duet-button.sc-duet-button svg.sc-duet-button{width:100%;min-width:100%;fill:currentColor}/*!@.duet-button .duet-button-icon*/.duet-button.sc-duet-button .duet-button-icon.sc-duet-button{display:flex;align-items:center}/*!@.duet-button .duet-button-icon duet-icon*/.duet-button.sc-duet-button .duet-button-icon.sc-duet-button duet-icon.sc-duet-button{width:16px;height:16px}/*!@.duet-button .duet-button-icon.large duet-icon*/.duet-button.sc-duet-button .duet-button-icon.large.sc-duet-button duet-icon.sc-duet-button{width:20px;height:20px}/*!@.duet-button .duet-button-icon.medium-small duet-icon*/.duet-button.sc-duet-button .duet-button-icon.medium-small.sc-duet-button duet-icon.sc-duet-button{width:10px;height:10px}/*!@.duet-button .duet-button-icon.small duet-icon*/.duet-button.sc-duet-button .duet-button-icon.small.sc-duet-button duet-icon.sc-duet-button{width:7px;height:7px}/*!@.duet-button:active:not([disabled])*/.duet-button.sc-duet-button:active:not([disabled]){opacity:0.75;transition:none}/*!@.duet-button.default*/.duet-button.default.sc-duet-button{border-color:rgb(207, 210, 212)}/*!@.duet-theme-turva .duet-button.default*/.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button{color:rgb(198, 12, 48) !important;border-color:rgb(228, 228, 230)}/*!@.duet-button.default:hover*/.duet-button.default.sc-duet-button:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}/*!@.duet-theme-turva .duet-button.default:hover*/.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-button.default.duet-button-negative*/.duet-button.default.duet-button-negative.sc-duet-button{background-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.default.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.default.duet-button-negative.sc-duet-button{background-color:rgb(228, 228, 230) !important}/*!@.duet-button.default.duet-button-negative:hover*/.duet-button.default.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.default.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.default.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.primary, .duet-button.input-button-primary*/.duet-button.primary.sc-duet-button,.duet-button.input-button-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.primary, .duet-theme-turva .duet-button.input-button-primary*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}/*!@.duet-button.primary:hover, .duet-button.input-button-primary:hover*/.duet-button.primary.sc-duet-button:hover,.duet-button.input-button-primary.sc-duet-button:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}/*!@.duet-theme-turva .duet-button.primary:hover, .duet-theme-turva .duet-button.input-button-primary:hover*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button:hover{background:rgb(148, 9, 37);border-color:rgb(148, 9, 37)}/*!@.duet-button.primary:focus, .duet-button.input-button-primary:focus*/.duet-button.primary.sc-duet-button:focus,.duet-button.input-button-primary.sc-duet-button:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}/*!@.duet-theme-turva .duet-button.primary:focus, .duet-theme-turva .duet-button.input-button-primary:focus*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:focus,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}/*!@.duet-button.secondary, .duet-button.input-button-secondary, .duet-button.input-button-embedded*/.duet-button.secondary.sc-duet-button,.duet-button.input-button-secondary.sc-duet-button,.duet-button.input-button-embedded.sc-duet-button{color:rgb(0, 41, 77) !important;background:transparent;border-color:rgb(0, 41, 77)}/*!@.duet-theme-turva .duet-button.secondary, .duet-theme-turva .duet-button.input-button-secondary, .duet-theme-turva .duet-button.input-button-embedded*/.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.sc-duet-button{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}/*!@.duet-button.secondary:hover, .duet-button.input-button-secondary:hover, .duet-button.input-button-embedded:hover*/.duet-button.secondary.sc-duet-button:hover,.duet-button.input-button-secondary.sc-duet-button:hover,.duet-button.input-button-embedded.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.secondary:hover, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-theme-turva .duet-button.input-button-embedded:hover*/.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.secondary.duet-button-negative, .duet-button.input-button-secondary.duet-button-negative, .duet-button.input-button-embedded.duet-button-negative*/.duet-button.secondary.duet-button-negative.sc-duet-button,.duet-button.input-button-secondary.duet-button-negative.sc-duet-button,.duet-button.input-button-embedded.duet-button-negative.sc-duet-button{color:rgb(225, 227, 230) !important;border-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.secondary.duet-button-negative.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.duet-button-negative.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.duet-button-negative.sc-duet-button{color:rgb(228, 228, 230) !important}/*!@.duet-button.secondary.duet-button-negative:hover, .duet-button.input-button-secondary.duet-button-negative:hover, .duet-button.input-button-embedded.duet-button-negative:hover*/.duet-button.secondary.duet-button-negative.sc-duet-button:hover,.duet-button.input-button-secondary.duet-button-negative.sc-duet-button:hover,.duet-button.input-button-embedded.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.secondary.duet-button-negative.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.duet-button-negative.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.input-button-embedded*/.duet-button.input-button-embedded.sc-duet-button{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}/*!@.duet-button.input-button*/.duet-button.input-button.sc-duet-button{height:auto}/*!@.duet-button.negative*/.duet-button.negative.sc-duet-button{color:rgb(0, 41, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.negative*/.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button{color:rgb(23, 28, 58) !important}/*!@.duet-button.negative:hover*/.duet-button.negative.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}/*!@.duet-button.negative:focus*/.duet-button.negative.sc-duet-button:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}/*!@.duet-theme-turva .duet-button.negative:focus*/.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}/*!@.duet-button.destructive-primary*/.duet-button.destructive-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(222, 35, 98);border-color:rgb(222, 35, 98)}/*!@.duet-theme-turva .duet-button.destructive-primary*/.duet-theme-turva.sc-duet-button .duet-button.destructive-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(224, 42, 13);border-color:rgb(224, 42, 13)}/*!@.duet-button.destructive-primary:hover*/.duet-button.destructive-primary.sc-duet-button:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}/*!@.duet-theme-turva .duet-button.destructive-primary:hover*/.duet-theme-turva.sc-duet-button .duet-button.destructive-primary.sc-duet-button:hover{background:#b3220a}/*!@.duet-button.destructive, .duet-button.destructive-secondary*/.duet-button.destructive.sc-duet-button,.duet-button.destructive-secondary.sc-duet-button{color:rgb(222, 35, 98) !important;background:rgb(255, 255, 255);border-color:rgb(222, 35, 98)}/*!@.duet-theme-turva .duet-button.destructive, .duet-theme-turva .duet-button.destructive-secondary*/.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.destructive-secondary.sc-duet-button{color:rgb(224, 42, 13) !important;background:rgb(255, 255, 255);border-color:rgb(224, 42, 13)}/*!@.duet-button.destructive:hover, .duet-button.destructive-secondary:hover*/.duet-button.destructive.sc-duet-button:hover,.duet-button.destructive-secondary.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:#b21c4e;border-color:#b21c4e}/*!@.duet-theme-turva .duet-button.destructive:hover, .duet-theme-turva .duet-button.destructive-secondary:hover*/.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.destructive-secondary.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:#b3220a;border-color:#b3220a}/*!@.duet-button.plain*/.duet-button.plain.sc-duet-button{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}/*!@.duet-theme-turva .duet-button.plain*/.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}/*!@.duet-button.plain.duet-p-0 .duet-button-contents*/.duet-button.plain.duet-p-0.sc-duet-button .duet-button-contents.sc-duet-button{height:auto}/*!@.duet-button.plain[disabled]*/.duet-button.plain[disabled].sc-duet-button{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}/*!@.duet-theme-turva .duet-button.plain[disabled]*/.duet-theme-turva.sc-duet-button .duet-button.plain[disabled].sc-duet-button{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(228, 228, 230) !important}/*!@.duet-button.plain:hover*/.duet-button.plain.sc-duet-button:hover{color:rgb(0, 77, 128) !important;background:transparent !important}/*!@.duet-theme-turva .duet-button.plain:hover*/.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover{color:rgb(148, 9, 37) !important}/*!@.duet-button.plain.duet-button-negative*/.duet-button.plain.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important}/*!@.duet-theme-turva .duet-button.plain.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.plain.duet-button-negative.sc-duet-button{color:rgb(228, 228, 230) !important}/*!@.duet-button.plain.duet-button-negative:hover*/.duet-button.plain.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important}/*!@.duet-theme-turva .duet-button.plain.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.plain.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important}/*!@.duet-button.duet-button-icon-only*/.duet-button.duet-button-icon-only.sc-duet-button{min-width:48px;min-height:48px;padding:0 !important}/*!@.duet-button.duet-button-icon-only .duet-button-contents*/.duet-button.duet-button-icon-only.sc-duet-button .duet-button-contents.sc-duet-button{position:static}/*!@.duet-button.duet-button-icon-only .duet-button-icon.left.large,\n.duet-button.duet-button-icon-only .duet-button-icon.left.medium,\n.duet-button.duet-button-icon-only .duet-button-icon.left.small*/.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.small.sc-duet-button{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}/*!@.duet-button.duet-button.input-button-primary, .duet-button.duet-button.input-button-secondary, .duet-button.duet-button.input-button-embedded*/.duet-button.duet-button.input-button-primary.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}/*!@.duet-button.duet-button.input-button-primary .duet-button-contents, .duet-button.duet-button.input-button-secondary .duet-button-contents, .duet-button.duet-button.input-button-embedded .duet-button-contents*/.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-contents.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-contents.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-contents.sc-duet-button{position:static}/*!@.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-primary .duet-button-icon.left.small, .duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small, .duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small*/.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.small.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.small.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.small.sc-duet-button{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}/*!@.duet-button.duet-button.input-button-embedded*/.duet-button.duet-button.input-button-embedded.sc-duet-button{border-left-width:0}/*!@.duet-button.square*/.duet-button.square.sc-duet-button{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(207, 210, 212);border-width:1px}/*!@.duet-button.square.duet-button-size-small*/.duet-button.square.duet-button-size-small.sc-duet-button{width:42px;font-size:0.875rem}/*!@.duet-button.square.duet-button-size-x-small*/.duet-button.square.duet-button-size-x-small.sc-duet-button{width:34px;font-size:0.875rem}/*!@.duet-button.square.duet-button-negative*/.duet-button.square.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.square.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.square.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}/*!@.duet-theme-turva .duet-button.square*/.duet-theme-turva.sc-duet-button .duet-button.square.sc-duet-button{border-color:rgb(228, 228, 230)}/*!@.duet-button.square:hover*/.duet-button.square.sc-duet-button:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}/*!@.duet-theme-turva .duet-button.square:hover*/.duet-theme-turva.sc-duet-button .duet-button.square.sc-duet-button:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-button.square .duet-button-contents*/.duet-button.square.sc-duet-button .duet-button-contents.sc-duet-button{gap:0}/*!@.duet-button[disabled], .duet-button[disabled]:hover, .duet-button.duet-button-negative[disabled], .duet-button.duet-button-negative[disabled]:hover*/.duet-button[disabled].sc-duet-button,.duet-button[disabled].sc-duet-button:hover,.duet-button.duet-button-negative[disabled].sc-duet-button,.duet-button.duet-button-negative[disabled].sc-duet-button:hover{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important;box-shadow:none !important}/*!@.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button[disabled]:hover, .duet-theme-turva .duet-button.duet-button-negative [disabled], .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover*/.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.duet-button-negative.sc-duet-button [disabled].sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.duet-button-negative.sc-duet-button [disabled].sc-duet-button:hover{color:rgb(116, 116, 117) !important;cursor:not-allowed;background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}/*!@.duet-button-is-loading.primary, .duet-button-is-loading.input-button-primary*/.duet-button-is-loading.primary.sc-duet-button,.duet-button-is-loading.input-button-primary.sc-duet-button{color:rgb(255, 255, 255)}/*!@.duet-button-is-loading.default*/.duet-button-is-loading.default.sc-duet-button{color:rgb(0, 119, 179)}/*!@.duet-button-is-loading.default.duet-theme-turva*/.duet-button-is-loading.default.duet-theme-turva.sc-duet-button{color:rgb(198, 12, 48)}/*!@.duet-button-is-loading .duet-button-contents*/.duet-button-is-loading.sc-duet-button .duet-button-contents.sc-duet-button{visibility:hidden;opacity:0}";
8871
8891
 
8872
8892
  class DuetButton {
8873
8893
  constructor(hostRef) {
@@ -9018,7 +9038,7 @@ class DuetButton {
9018
9038
  // enforce consistency for external links
9019
9039
  const icon = isExternalLink ? "action-new-window" : this.icon;
9020
9040
  const iconRight = isExternalLink ? true : this.iconRight;
9021
- const commonChildren = (hAsync("span", { class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (hAsync("div", { "aria-hidden": "true", class: {
9041
+ const commonChildren = (hAsync("span", { class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (hAsync("span", { "aria-hidden": "true", class: {
9022
9042
  "duet-button-icon": true,
9023
9043
  left: !iconRight,
9024
9044
  right: iconRight,
@@ -9065,7 +9085,7 @@ class DuetButton {
9065
9085
  "duet-expand": this.expand,
9066
9086
  [this.variation]: true,
9067
9087
  "input-button": (_b = this.variation) === null || _b === void 0 ? void 0 : _b.startsWith("input-button"),
9068
- } }, hAsync("div", { class: {
9088
+ } }, hAsync("span", { class: {
9069
9089
  "duet-button-container": true,
9070
9090
  "duet-button-is-loading": this.loading,
9071
9091
  "duet-theme-turva": this.theme === "turva",
@@ -9132,11 +9152,11 @@ class DuetButton {
9132
9152
  }; }
9133
9153
  }
9134
9154
 
9135
- const duetCalloutCss = "/*!@:host*/.sc-duet-callout-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}/*!@blockquote,\nfigure*/blockquote.sc-duet-callout,figure.sc-duet-callout{margin:0}/*!@.duet-callout*/.duet-callout.sc-duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-callout .container*/.duet-callout.sc-duet-callout .container.sc-duet-callout{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}/*!@.duet-callout .callout-icon*/.duet-callout.sc-duet-callout .callout-icon.sc-duet-callout{width:50px;padding-bottom:8px}/*!@.duet-callout .author*/.duet-callout.sc-duet-callout .author.sc-duet-callout{color:rgb(0, 41, 77)}/*!@.duet-callout.duet-theme-turva*/.duet-callout.duet-theme-turva.sc-duet-callout{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-callout.duet-theme-turva .author*/.duet-callout.duet-theme-turva.sc-duet-callout .author.sc-duet-callout{color:rgb(23, 28, 58)}/*!@.duet-callout.duet-m-0*/.duet-callout.duet-m-0.sc-duet-callout{margin:0 !important}";
9155
+ const duetCalloutCss = "/*!@:host*/.sc-duet-callout-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}/*!@blockquote,\nfigure*/blockquote.sc-duet-callout,figure.sc-duet-callout{margin:0}/*!@.duet-callout*/.duet-callout.sc-duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-callout .container*/.duet-callout.sc-duet-callout .container.sc-duet-callout{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}/*!@.duet-callout .callout-icon*/.duet-callout.sc-duet-callout .callout-icon.sc-duet-callout{width:50px;padding-bottom:8px}/*!@.duet-callout blockquote*/.duet-callout.sc-duet-callout blockquote.sc-duet-callout{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}@media (max-width: 37.037037037rem){/*!@.duet-callout blockquote*/.duet-callout.sc-duet-callout blockquote.sc-duet-callout{font-size:1rem}}@media (min-width: 46.2962962963rem){/*!@.duet-callout blockquote*/.duet-callout.sc-duet-callout blockquote.sc-duet-callout{font-size:1.25rem}}/*!@.duet-callout .author*/.duet-callout.sc-duet-callout .author.sc-duet-callout{color:rgb(0, 41, 77)}/*!@.duet-callout.duet-theme-turva*/.duet-callout.duet-theme-turva.sc-duet-callout{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-callout.duet-theme-turva .author,\n.duet-callout.duet-theme-turva blockquote*/.duet-callout.duet-theme-turva.sc-duet-callout .author.sc-duet-callout,.duet-callout.duet-theme-turva.sc-duet-callout blockquote.sc-duet-callout{color:rgb(23, 28, 58)}/*!@.duet-callout.duet-m-0*/.duet-callout.duet-m-0.sc-duet-callout{margin:0 !important}";
9136
9156
 
9137
9157
  /**
9138
9158
  * @slot default - Slot for text.
9139
- * @slot author - Slot for author information.
9159
+ * @slot author - Slot for author information. If provided, a dash will be prepended. Only span should be used in this slot.
9140
9160
  */
9141
9161
  class DuetCallout {
9142
9162
  constructor(hostRef) {
@@ -9165,7 +9185,7 @@ class DuetCallout {
9165
9185
  "duet-callout": true,
9166
9186
  "duet-theme-turva": this.theme === "turva",
9167
9187
  "duet-m-0": this.margin === "none",
9168
- } }, hAsync("figure", { class: "container" }, hAsync("duet-icon", { class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), hAsync("blockquote", null, hAsync("duet-paragraph", { variation: "intro", weight: "semi-bold", margin: "none", theme: this.theme }, hAsync("slot", null))), this.hasAuthorSlot && (hAsync("figcaption", { class: "author" }, hAsync("span", null, "\u2014 "), hAsync("span", null, hAsync("slot", { name: "author" }))))))));
9188
+ } }, hAsync("figure", { class: "container" }, hAsync("duet-icon", { class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), hAsync("blockquote", null, hAsync("slot", null)), this.hasAuthorSlot && (hAsync("figcaption", { class: "author" }, hAsync("span", null, "\u2014 "), hAsync("slot", { name: "author", onSlotchange: ev => slotElementCheck(ev, this, "span") })))))));
9169
9189
  }
9170
9190
  get element() { return getElement(this); }
9171
9191
  static get style() { return duetCalloutCss; }
@@ -9529,7 +9549,7 @@ class DuetCheckmark {
9529
9549
  }; }
9530
9550
  }
9531
9551
 
9532
- const duetChipCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-chip,*.sc-duet-chip::after,*.sc-duet-chip::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-chip-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}/*!@:host:last-child, :host:last-of-type*/.sc-duet-chip-h:last-child,.sc-duet-chip-h:last-of-type{margin-right:0 !important}/*!@.duet-chip-container*/.duet-chip-container.sc-duet-chip{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(144, 149, 153);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}/*!@.duet-chip-container.duet-p-0*/.duet-chip-container.duet-p-0.sc-duet-chip{padding:0 !important}/*!@.duet-chip-container.duet-m-0*/.duet-chip-container.duet-m-0.sc-duet-chip{margin:0 !important}/*!@.duet-chip-container.duet-theme-turva*/.duet-chip-container.duet-theme-turva.sc-duet-chip{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(23, 28, 58)}/*!@.duet-chip-container.duet-theme-turva:hover*/.duet-chip-container.duet-theme-turva.sc-duet-chip:hover{border-color:rgb(198, 12, 48)}/*!@.duet-chip-container:hover*/.duet-chip-container.sc-duet-chip:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}/*!@.duet-chip-container.duet-chip-disabled*/.duet-chip-container.duet-chip-disabled.sc-duet-chip{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}/*!@.duet-chip-container.duet-chip-disabled.duet-theme-turva*/.duet-chip-container.duet-chip-disabled.duet-theme-turva.sc-duet-chip{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-disabled:hover*/.duet-chip-container.duet-chip-disabled.sc-duet-chip:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}/*!@.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva*/.duet-chip-container.duet-chip-disabled.sc-duet-chip:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-disabled button,\n.duet-chip-container.duet-chip-disabled label*/.duet-chip-container.duet-chip-disabled.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-disabled.sc-duet-chip label.sc-duet-chip{cursor:default}/*!@.duet-chip-container button,\n.duet-chip-container label*/.duet-chip-container.sc-duet-chip button.sc-duet-chip,.duet-chip-container.sc-duet-chip label.sc-duet-chip{display:flex;align-items:center;width:100%;height:100%;padding:7px 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;color:rgb(0, 41, 77) !important;cursor:pointer}/*!@.duet-chip-container button:focus,\n.duet-chip-container label:focus*/.duet-chip-container.sc-duet-chip button.sc-duet-chip:focus,.duet-chip-container.sc-duet-chip label.sc-duet-chip:focus{outline:none}/*!@.duet-chip-container .duet-chip-icon-container*/.duet-chip-container.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}/*!@.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container*/.duet-chip-container.duet-chip-has-icon.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{width:24px;height:16px;padding-right:10px}/*!@.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container, .duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container*/.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{padding-right:11px;padding-left:3px}/*!@.duet-chip-container.duet-chip-has-icon button,\n.duet-chip-container.duet-chip-has-icon label*/.duet-chip-container.duet-chip-has-icon.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-has-icon.sc-duet-chip label.sc-duet-chip{padding-left:10px}/*!@.duet-chip-container.duet-chip-has-popup button,\n.duet-chip-container.duet-chip-has-popup label*/.duet-chip-container.duet-chip-has-popup.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-has-popup.sc-duet-chip label.sc-duet-chip{padding-right:8px}/*!@.duet-chip-container duet-icon:not(.check-mark)*/.duet-chip-container.sc-duet-chip duet-icon.sc-duet-chip:not(.check-mark){width:auto;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}/*!@.duet-chip-container duet-icon.check-mark*/.duet-chip-container.sc-duet-chip duet-icon.check-mark.sc-duet-chip{width:0;overflow:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}/*!@.duet-chip-container.duet-chip-filter-checked, .duet-chip-container.duet-chip-radio-checked*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip{background:rgb(230, 242, 248);border-color:rgb(230, 242, 248)}/*!@.duet-chip-container.duet-chip-filter-checked:hover, .duet-chip-container.duet-chip-radio-checked:hover*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip:hover,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip:hover{background:rgb(205, 229, 241);border-color:rgb(205, 229, 241)}/*!@.duet-chip-container.duet-chip-filter-checked button,\n.duet-chip-container.duet-chip-filter-checked label, .duet-chip-container.duet-chip-radio-checked button,\n.duet-chip-container.duet-chip-radio-checked label*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-filter-checked.sc-duet-chip label.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip label.sc-duet-chip{padding-left:10px}/*!@.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container, .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{padding-right:10px}/*!@.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark), .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark)*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.sc-duet-chip:not(.check-mark),.duet-chip-container.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.sc-duet-chip:not(.check-mark){width:0;overflow:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}/*!@.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark, .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.check-mark.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.check-mark.sc-duet-chip{width:auto;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}/*!@.duet-chip-container.duet-chip-filter-checked.duet-theme-turva, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva*/.duet-chip-container.duet-chip-filter-checked.duet-theme-turva.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva.sc-duet-chip{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover*/.duet-chip-container.duet-chip-filter-checked.duet-theme-turva.sc-duet-chip:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva.sc-duet-chip:hover{background:rgb(228, 228, 230);border-color:rgb(228, 228, 230)}/*!@.duet-chip-container div.duet-chip-popup-disclosure*/.duet-chip-container.sc-duet-chip div.duet-chip-popup-disclosure.sc-duet-chip{padding-right:4.5px;padding-left:12.5px}/*!@.duet-chip-container div.duet-chip-popup-disclosure duet-icon*/.duet-chip-container.sc-duet-chip div.duet-chip-popup-disclosure.sc-duet-chip duet-icon.sc-duet-chip{transition:transform 300ms ease}/*!@.duet-chip-container.duet-chip-filter-popup-open*/.duet-chip-container.duet-chip-filter-popup-open.sc-duet-chip{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}/*!@.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva*/.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva.sc-duet-chip{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon*/.duet-chip-container.duet-chip-filter-popup-open.sc-duet-chip .duet-chip-popup-disclosure.sc-duet-chip duet-icon.sc-duet-chip{transform:rotate(180deg)}/*!@.duet-chip-container.duet-chip-input*/.duet-chip-container.duet-chip-input.sc-duet-chip{display:flex;align-items:center;padding-right:0 !important}/*!@.duet-chip-container.duet-chip-input .duet-chip-input-button*/.duet-chip-container.duet-chip-input.sc-duet-chip .duet-chip-input-button.sc-duet-chip{flex-grow:1}/*!@.duet-chip-container.duet-chip-input .duet-chip-remove-button*/.duet-chip-container.duet-chip-input.sc-duet-chip .duet-chip-remove-button.sc-duet-chip{width:26px;padding:8px 16px 8px 0;margin:-8px 0}/*!@:host(.user-is-tabbing) .duet-chip-focus*/.user-is-tabbing.sc-duet-chip-h .duet-chip-focus.sc-duet-chip{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva*/.user-is-tabbing.sc-duet-chip-h .duet-chip-focus.duet-theme-turva.sc-duet-chip{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-chip-container input*/.duet-chip-container.sc-duet-chip input.sc-duet-chip{position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;cursor:pointer;opacity:0}";
9552
+ const duetChipCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-chip,*.sc-duet-chip::after,*.sc-duet-chip::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-chip-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}/*!@:host:last-child, :host:last-of-type*/.sc-duet-chip-h:last-child,.sc-duet-chip-h:last-of-type{margin-right:0 !important}/*!@.duet-chip-container*/.duet-chip-container.sc-duet-chip{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(144, 149, 153);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}/*!@.duet-chip-container.duet-p-0*/.duet-chip-container.duet-p-0.sc-duet-chip{padding:0 !important}/*!@.duet-chip-container.duet-m-0*/.duet-chip-container.duet-m-0.sc-duet-chip{margin:0 !important}/*!@.duet-chip-container.duet-theme-turva*/.duet-chip-container.duet-theme-turva.sc-duet-chip{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(23, 28, 58)}/*!@.duet-chip-container.duet-theme-turva:hover*/.duet-chip-container.duet-theme-turva.sc-duet-chip:hover{border-color:rgb(198, 12, 48)}/*!@.duet-chip-container:hover*/.duet-chip-container.sc-duet-chip:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}/*!@.duet-chip-container.duet-chip-disabled*/.duet-chip-container.duet-chip-disabled.sc-duet-chip{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}/*!@.duet-chip-container.duet-chip-disabled.duet-theme-turva*/.duet-chip-container.duet-chip-disabled.duet-theme-turva.sc-duet-chip{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-disabled:hover*/.duet-chip-container.duet-chip-disabled.sc-duet-chip:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}/*!@.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva*/.duet-chip-container.duet-chip-disabled.sc-duet-chip:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-disabled button,\n.duet-chip-container.duet-chip-disabled label*/.duet-chip-container.duet-chip-disabled.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-disabled.sc-duet-chip label.sc-duet-chip{cursor:default}/*!@.duet-chip-container button,\n.duet-chip-container label*/.duet-chip-container.sc-duet-chip button.sc-duet-chip,.duet-chip-container.sc-duet-chip label.sc-duet-chip{display:flex;align-items:center;width:100%;height:100%;padding:7px 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;color:rgb(0, 41, 77) !important;cursor:pointer}/*!@.duet-chip-container button:focus,\n.duet-chip-container label:focus*/.duet-chip-container.sc-duet-chip button.sc-duet-chip:focus,.duet-chip-container.sc-duet-chip label.sc-duet-chip:focus{outline:none}/*!@.duet-chip-container .duet-chip-icon-container*/.duet-chip-container.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}/*!@.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container*/.duet-chip-container.duet-chip-has-icon.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{width:24px;height:16px;padding-right:10px}/*!@.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container, .duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container*/.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{padding-right:11px;padding-left:3px}/*!@.duet-chip-container.duet-chip-has-icon button,\n.duet-chip-container.duet-chip-has-icon label*/.duet-chip-container.duet-chip-has-icon.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-has-icon.sc-duet-chip label.sc-duet-chip{padding-left:10px}/*!@.duet-chip-container.duet-chip-has-popup button,\n.duet-chip-container.duet-chip-has-popup label*/.duet-chip-container.duet-chip-has-popup.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-has-popup.sc-duet-chip label.sc-duet-chip{padding-right:8px}/*!@.duet-chip-container duet-icon:not(.check-mark)*/.duet-chip-container.sc-duet-chip duet-icon.sc-duet-chip:not(.check-mark){width:auto;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}/*!@.duet-chip-container duet-icon.check-mark*/.duet-chip-container.sc-duet-chip duet-icon.check-mark.sc-duet-chip{width:0;overflow:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}/*!@.duet-chip-container.duet-chip-filter-checked, .duet-chip-container.duet-chip-radio-checked*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip{background:rgb(230, 242, 248);border-color:rgb(230, 242, 248)}/*!@.duet-chip-container.duet-chip-filter-checked:hover, .duet-chip-container.duet-chip-radio-checked:hover*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip:hover,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip:hover{background:rgb(205, 229, 241);border-color:rgb(205, 229, 241)}/*!@.duet-chip-container.duet-chip-filter-checked button,\n.duet-chip-container.duet-chip-filter-checked label, .duet-chip-container.duet-chip-radio-checked button,\n.duet-chip-container.duet-chip-radio-checked label*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-filter-checked.sc-duet-chip label.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip label.sc-duet-chip{padding-left:10px}/*!@.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container, .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{padding-right:10px}/*!@.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark), .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark)*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.sc-duet-chip:not(.check-mark),.duet-chip-container.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.sc-duet-chip:not(.check-mark){width:0;overflow:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}/*!@.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark, .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.check-mark.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.check-mark.sc-duet-chip{width:auto;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}/*!@.duet-chip-container.duet-chip-filter-checked.duet-theme-turva, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva*/.duet-chip-container.duet-chip-filter-checked.duet-theme-turva.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva.sc-duet-chip{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover*/.duet-chip-container.duet-chip-filter-checked.duet-theme-turva.sc-duet-chip:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva.sc-duet-chip:hover{background:rgb(228, 228, 230);border-color:rgb(228, 228, 230)}/*!@.duet-chip-container .duet-chip-popup-disclosure*/.duet-chip-container.sc-duet-chip .duet-chip-popup-disclosure.sc-duet-chip{padding-right:4.5px;padding-left:12.5px}/*!@.duet-chip-container .duet-chip-popup-disclosure duet-icon*/.duet-chip-container.sc-duet-chip .duet-chip-popup-disclosure.sc-duet-chip duet-icon.sc-duet-chip{transition:transform 300ms ease}/*!@.duet-chip-container.duet-chip-filter-popup-open*/.duet-chip-container.duet-chip-filter-popup-open.sc-duet-chip{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}/*!@.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva*/.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva.sc-duet-chip{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon*/.duet-chip-container.duet-chip-filter-popup-open.sc-duet-chip .duet-chip-popup-disclosure.sc-duet-chip duet-icon.sc-duet-chip{transform:rotate(180deg)}/*!@.duet-chip-container.duet-chip-input*/.duet-chip-container.duet-chip-input.sc-duet-chip{display:flex;align-items:center;padding-right:0 !important}/*!@.duet-chip-container.duet-chip-input .duet-chip-input-button*/.duet-chip-container.duet-chip-input.sc-duet-chip .duet-chip-input-button.sc-duet-chip{flex-grow:1}/*!@.duet-chip-container.duet-chip-input .duet-chip-remove-button*/.duet-chip-container.duet-chip-input.sc-duet-chip .duet-chip-remove-button.sc-duet-chip{width:26px;padding:8px 16px 8px 0;margin:-8px 0}/*!@:host(.user-is-tabbing) .duet-chip-focus*/.user-is-tabbing.sc-duet-chip-h .duet-chip-focus.sc-duet-chip{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva*/.user-is-tabbing.sc-duet-chip-h .duet-chip-focus.duet-theme-turva.sc-duet-chip{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-chip-container input*/.duet-chip-container.sc-duet-chip input.sc-duet-chip{position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;cursor:pointer;opacity:0}";
9533
9553
 
9534
9554
  class DuetChip {
9535
9555
  constructor(hostRef) {
@@ -9670,6 +9690,8 @@ class DuetChip {
9670
9690
  this.name = undefined;
9671
9691
  this.checked = false;
9672
9692
  this.disabled = false;
9693
+ this.accessibleExpanded = undefined;
9694
+ this.accessiblePopup = "false";
9673
9695
  }
9674
9696
  clearOtherRadioButtons() {
9675
9697
  if (this.variation === "radio" && this.checked) {
@@ -9694,6 +9716,23 @@ class DuetChip {
9694
9716
  disconnectedCallback() {
9695
9717
  unsubscribeTabbingChange(this);
9696
9718
  }
9719
+ getAccessibleExpanded() {
9720
+ if (this.accessibleExpanded != null) {
9721
+ return (!!this.accessibleExpanded).toString();
9722
+ }
9723
+ if (this.popupElement) {
9724
+ return this.popupOpen ? "true" : "false";
9725
+ }
9726
+ return undefined;
9727
+ }
9728
+ getAccessiblePopup() {
9729
+ if (this.popupElement) {
9730
+ return "true";
9731
+ }
9732
+ else {
9733
+ return this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined;
9734
+ }
9735
+ }
9697
9736
  /**
9698
9737
  * Sets focus. Use this method instead of the global focus().
9699
9738
  */
@@ -9720,7 +9759,7 @@ class DuetChip {
9720
9759
  onBlur: this.onBlur,
9721
9760
  ref: el => (this.focusableElement = el),
9722
9761
  };
9723
- return (hAsync(Host, null, this.variation === "button" && (hAsync("div", { class: classes }, hAsync("button", Object.assign({ id: identifier, "aria-label": this.accessibleLabel, "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("div", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", null)))), this.variation === "input" && (hAsync("div", { class: classes }, hAsync("button", Object.assign({ id: identifier, class: "duet-chip-input-button", "aria-label": this.accessibleLabel }, focusHandlers), hAsync("div", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", null)), hAsync("button", { class: "duet-chip-remove-button", onClick: this.onRemoveClick }, hAsync("duet-icon", { name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("div", { class: classes }, hAsync("input", Object.assign({ "aria-haspopup": this.popupElement && "menu", "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.popupElement ? (this.popupOpen ? "true" : "false") : undefined, "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { htmlFor: identifier }, hAsync("div", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" })), hAsync("slot", null), this.popupElement && (hAsync("div", { class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("div", { class: classes }, hAsync("input", Object.assign({ "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "radio", name: this.name, value: this.value, checked: this.checked, onChange: this.onRadioChange, onClick: this.disabled ? evt => evt.preventDefault() : undefined }, focusHandlers)), hAsync("label", { htmlFor: identifier }, hAsync("div", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" })), hAsync("slot", null))))));
9762
+ return (hAsync(Host, null, this.variation === "button" && (hAsync("span", { class: classes }, hAsync("button", Object.assign({ id: identifier, "aria-label": this.accessibleLabel, "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("span", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", null)))), this.variation === "input" && (hAsync("span", { class: classes }, hAsync("button", Object.assign({ id: identifier, class: "duet-chip-input-button", "aria-label": this.accessibleLabel }, focusHandlers), hAsync("span", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", null)), hAsync("button", { class: "duet-chip-remove-button", onClick: this.onRemoveClick }, hAsync("duet-icon", { name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { class: classes }, hAsync("input", Object.assign({ "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { htmlFor: identifier }, hAsync("span", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" })), hAsync("slot", null), this.popupElement && (hAsync("span", { class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { class: classes }, hAsync("input", Object.assign({ "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "radio", name: this.name, value: this.value, checked: this.checked, onChange: this.onRadioChange, onClick: this.disabled ? evt => evt.preventDefault() : undefined }, focusHandlers)), hAsync("label", { htmlFor: identifier }, hAsync("span", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" })), hAsync("slot", null))))));
9724
9763
  }
9725
9764
  get element() { return getElement(this); }
9726
9765
  static get watchers() { return {
@@ -9741,6 +9780,8 @@ class DuetChip {
9741
9780
  "name": [1],
9742
9781
  "checked": [1540],
9743
9782
  "disabled": [4],
9783
+ "accessibleExpanded": [1540, "accessible-expanded"],
9784
+ "accessiblePopup": [1537, "accessible-popup"],
9744
9785
  "focus": [32],
9745
9786
  "popupElement": [32],
9746
9787
  "popupOpen": [32],
@@ -9748,7 +9789,7 @@ class DuetChip {
9748
9789
  },
9749
9790
  "$listeners$": undefined,
9750
9791
  "$lazyBundleId$": "-",
9751
- "$attrsToReflect$": [["checked", "checked"]]
9792
+ "$attrsToReflect$": [["checked", "checked"], ["accessibleExpanded", "accessible-expanded"], ["accessiblePopup", "accessible-popup"]]
9752
9793
  }; }
9753
9794
  }
9754
9795
 
@@ -10307,7 +10348,7 @@ const font_size_x_small = "0.75rem";
10307
10348
  const radius_sharp = "0";
10308
10349
  const radius_default = "4px";
10309
10350
  const radius_medium = "8px";
10310
- const radius_large = "20px";
10351
+ const radius_large = "16px";
10311
10352
  const radius_circle = "50%";
10312
10353
  const radius_pill = "20rem";
10313
10354
  const shadow_tooltip_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
@@ -13541,9 +13582,9 @@ const duetHeroCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-hero,*.sc-duet-hero
13541
13582
  * @slot default - This is an unamed slot for a text or extra button that is placed after any buttons (or list item)
13542
13583
  * @slot badge - This is a slot for a status badge that sits next to pre-heading inside the hero component.
13543
13584
  * @slot bottom - This is a slot for content under the main hero content.
13544
- * @slot pre-heading - This is a slot for pre-heading content inside the hero component.
13545
- * @slot heading - This is a slot for heading content inside the hero component.
13546
- * @slot subheading - This is a slot for heading content inside the hero component. Only usable with campaign, section variations.
13585
+ * @slot pre-heading - This is a slot for pre-heading content inside the hero component. Only usable with gray variation. Only span should be used in this slot.
13586
+ * @slot heading - This is a slot for heading content inside the hero component. Only span should be used in this slot.
13587
+ * @slot subheading - This is a slot for heading content inside the hero component. Only usable with campaign, section variations. Only span should be used in this slot.
13547
13588
  */
13548
13589
  class DuetHero {
13549
13590
  constructor(hostRef) {
@@ -13709,7 +13750,7 @@ class DuetHero {
13709
13750
  href: this.processedBack.href,
13710
13751
  id: this.processedBack.id,
13711
13752
  analyticsId: this.processedBack.analyticsId,
13712
- }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("div", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? (this.heading) : (hAsync("div", null, hAsync("slot", { name: "heading" }))))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("div", null, hAsync("slot", { name: "subheading" })))), this.description && (hAsync("duet-paragraph", { theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("span", { class: "duet-hero-slot-unnamed" }, hAsync("slot", null))), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
13753
+ }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading", onSlotchange: ev => slotElementCheck(ev, this, "span") }))))), hAsync("slot", { name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? (this.heading) : (hAsync("span", null, hAsync("slot", { name: "heading", onSlotchange: ev => slotElementCheck(ev, this, "span") }))))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("span", null, hAsync("slot", { name: "subheading", onSlotchange: ev => slotElementCheck(ev, this, "span") })))), this.description && (hAsync("duet-paragraph", { theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("span", { class: "duet-hero-slot-unnamed" }, hAsync("slot", null))), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
13713
13754
  this.variation !== "image" &&
13714
13755
  !campaignOrSection &&
13715
13756
  this.variation !== "product" &&
@@ -13764,7 +13805,7 @@ class DuetHero {
13764
13805
  }; }
13765
13806
  }
13766
13807
 
13767
- const duetIconCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-icon,*.sc-duet-icon::after,*.sc-duet-icon::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-icon-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-outline)*/.duet-icon-has-outline.sc-duet-icon-h{margin-bottom:0 !important}}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-background)*/.duet-icon-has-background.sc-duet-icon-h{margin-bottom:0 !important}}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}}/*!@.duet-icon*/.duet-icon.sc-duet-icon{-webkit-user-select:none;user-select:none;width:100%;height:100%;transform-origin:top center}/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background.duet-theme-turva, .duet-icon.duet-icon-has-background.duet-theme-default*/.duet-icon.duet-icon-has-background.duet-theme-turva.sc-duet-icon,.duet-icon.duet-icon-has-background.duet-theme-default.sc-duet-icon{color:rgb(255, 255, 255)}/*!@.duet-icon.duet-icon-shape-circle*/.duet-icon.duet-icon-shape-circle.sc-duet-icon{border-radius:50%}/*!@.duet-icon.duet-icon-shape-brand*/.duet-icon.duet-icon-shape-brand.sc-duet-icon{border-radius:25%}/*!@.duet-icon.duet-icon-has-background.xxx-small .duet-icon-svg, .duet-icon.duet-icon-has-outline.xxx-small .duet-icon-svg*/.duet-icon.duet-icon-has-background.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon,.duet-icon.duet-icon-has-outline.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@.duet-icon.duet-icon-has-background.xx-small .duet-icon-svg, .duet-icon.duet-icon-has-outline.xx-small .duet-icon-svg*/.duet-icon.duet-icon-has-background.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon,.duet-icon.duet-icon-has-outline.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-not-responsive*/.duet-icon.duet-icon-not-responsive.sc-duet-icon{transform:scale(1) !important}}/*!@.duet-icon.duet-theme-default*/.duet-icon.duet-theme-default.sc-duet-icon{color:rgb(0, 119, 179)}/*!@.duet-icon.duet-theme-turva*/.duet-icon.duet-theme-turva.sc-duet-icon{color:rgb(198, 12, 48)}/*!@.duet-icon.auto .duet-icon-svg*/.duet-icon.auto.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:100%;height:100%}/*!@.duet-icon.xxx-small .duet-icon-svg*/.duet-icon.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:7px;height:7px}/*!@.duet-icon.duet-icon-has-background.xxx-small*/.duet-icon.duet-icon-has-background.xxx-small.sc-duet-icon{padding:6px}/*!@.duet-icon.duet-icon-has-outline.xxx-small*/.duet-icon.duet-icon-has-outline.xxx-small.sc-duet-icon{padding:4px}/*!@.duet-icon.xx-small .duet-icon-svg*/.duet-icon.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@.duet-icon.duet-icon-has-background.xx-small*/.duet-icon.duet-icon-has-background.xx-small.sc-duet-icon{padding:8px}/*!@.duet-icon.duet-icon-has-outline.xx-small*/.duet-icon.duet-icon-has-outline.xx-small.sc-duet-icon{padding:7px}/*!@.duet-icon.x-small .duet-icon-svg*/.duet-icon.x-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@.duet-icon.duet-icon-has-outline.x-small*/.duet-icon.duet-icon-has-outline.x-small.sc-duet-icon{padding:10px}/*!@.duet-icon.duet-icon-has-background.x-small*/.duet-icon.duet-icon-has-background.x-small.sc-duet-icon{padding:12px}/*!@.duet-icon.small .duet-icon-svg*/.duet-icon.small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@.duet-icon.duet-icon-has-background.small*/.duet-icon.duet-icon-has-background.small.sc-duet-icon{padding:14px}/*!@.duet-icon.large .duet-icon-svg*/.duet-icon.large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@.duet-icon.x-large .duet-icon-svg*/.duet-icon.x-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@.duet-icon.xx-large .duet-icon-svg*/.duet-icon.xx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@.duet-icon.xxx-large .duet-icon-svg*/.duet-icon.xxx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}@media (min-width: 48em){/*!@.duet-icon.xxx-large .duet-icon-svg*/.duet-icon.xxx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:72px;height:72px}}/*!@.duet-icon.duet-icon-shape-brand.rotated*/.duet-icon.duet-icon-shape-brand.rotated.sc-duet-icon{transform:rotate(20deg) scale(0.875);transform-origin:center}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon{display:flex;align-items:center;justify-content:center;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");mask-repeat:no-repeat}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon .duet-icon-svg.sc-duet-icon{min-width:auto}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-small*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-small.sc-duet-icon{width:18px;height:15px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-small*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-small.sc-duet-icon{width:32px;height:30px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.small*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.small.sc-duet-icon{width:36px;height:34px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.medium*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.medium.sc-duet-icon{width:48px;height:44px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.large.sc-duet-icon{width:62px;height:56px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-large.sc-duet-icon{width:76px;height:68px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-large.sc-duet-icon{width:95px;height:86px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.xxx-large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.xxx-large.sc-duet-icon{width:144px;height:130px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.xxx-small*/.duet-icon.duet-icon-shape-brand.xxx-small.sc-duet-icon{padding:0}/*!@.duet-icon.duet-icon-shape-brand.xxx-small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:0;height:0}/*!@.duet-icon.duet-icon-shape-brand.xx-small*/.duet-icon.duet-icon-shape-brand.xx-small.sc-duet-icon{padding:4px}/*!@.duet-icon.duet-icon-shape-brand.xx-small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@.duet-icon.duet-icon-shape-brand.x-small*/.duet-icon.duet-icon-shape-brand.x-small.sc-duet-icon{padding:8px}/*!@.duet-icon.duet-icon-shape-brand.x-small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.x-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@.duet-icon.duet-icon-shape-brand.small*/.duet-icon.duet-icon-shape-brand.small.sc-duet-icon{padding:8px}/*!@.duet-icon.duet-icon-shape-brand.small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@.duet-icon.duet-icon-shape-brand.medium*/.duet-icon.duet-icon-shape-brand.medium.sc-duet-icon{padding:12px}/*!@.duet-icon.duet-icon-shape-brand.medium .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.medium.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:24px;height:24px}/*!@.duet-icon.duet-icon-shape-brand.large*/.duet-icon.duet-icon-shape-brand.large.sc-duet-icon{padding:16px}/*!@.duet-icon.duet-icon-shape-brand.large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@.duet-icon.duet-icon-shape-brand.x-large*/.duet-icon.duet-icon-shape-brand.x-large.sc-duet-icon{padding:20px}/*!@.duet-icon.duet-icon-shape-brand.x-large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.x-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@.duet-icon.duet-icon-shape-brand.xx-large*/.duet-icon.duet-icon-shape-brand.xx-large.sc-duet-icon{padding:24px}/*!@.duet-icon.duet-icon-shape-brand.xx-large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@.duet-icon.duet-icon-shape-brand.xxx-large*/.duet-icon.duet-icon-shape-brand.xxx-large.sc-duet-icon{padding:36px}/*!@.duet-icon.duet-icon-shape-brand.xxx-large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xxx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:72px;height:72px}/*!@.duet-icon .duet-icon-svg*/.duet-icon.sc-duet-icon .duet-icon-svg.sc-duet-icon{display:block;width:24px;min-width:100%;height:24px;font-size:0}/*!@.duet-icon .duet-icon-svg.rotated*/.duet-icon.sc-duet-icon .duet-icon-svg.rotated.sc-duet-icon{transform:rotate(-20deg) scale(1.14)}/*!@.duet-icon svg*/.duet-icon.sc-duet-icon svg.sc-duet-icon{width:100%;min-width:100%;fill:currentColor}";
13808
+ const duetIconCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-icon,*.sc-duet-icon::after,*.sc-duet-icon::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-icon-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-outline)*/.duet-icon-has-outline.sc-duet-icon-h{margin-bottom:0 !important}}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-background)*/.duet-icon-has-background.sc-duet-icon-h{margin-bottom:0 !important}}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}}/*!@.duet-icon*/.duet-icon.sc-duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background.duet-theme-turva, .duet-icon.duet-icon-has-background.duet-theme-default*/.duet-icon.duet-icon-has-background.duet-theme-turva.sc-duet-icon,.duet-icon.duet-icon-has-background.duet-theme-default.sc-duet-icon{color:rgb(255, 255, 255)}/*!@.duet-icon.duet-icon-shape-circle*/.duet-icon.duet-icon-shape-circle.sc-duet-icon{border-radius:50%}/*!@.duet-icon.duet-icon-shape-brand*/.duet-icon.duet-icon-shape-brand.sc-duet-icon{border-radius:25%}/*!@.duet-icon.duet-icon-has-background.xxx-small .duet-icon-svg, .duet-icon.duet-icon-has-outline.xxx-small .duet-icon-svg*/.duet-icon.duet-icon-has-background.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon,.duet-icon.duet-icon-has-outline.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@.duet-icon.duet-icon-has-background.xx-small .duet-icon-svg, .duet-icon.duet-icon-has-outline.xx-small .duet-icon-svg*/.duet-icon.duet-icon-has-background.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon,.duet-icon.duet-icon-has-outline.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-not-responsive*/.duet-icon.duet-icon-not-responsive.sc-duet-icon{transform:scale(1) !important}}/*!@.duet-icon.duet-theme-default*/.duet-icon.duet-theme-default.sc-duet-icon{color:rgb(0, 119, 179)}/*!@.duet-icon.duet-theme-turva*/.duet-icon.duet-theme-turva.sc-duet-icon{color:rgb(198, 12, 48)}/*!@.duet-icon.auto .duet-icon-svg*/.duet-icon.auto.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:100%;height:100%}/*!@.duet-icon.xxx-small .duet-icon-svg*/.duet-icon.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:7px;height:7px}/*!@.duet-icon.duet-icon-has-background.xxx-small*/.duet-icon.duet-icon-has-background.xxx-small.sc-duet-icon{padding:6px}/*!@.duet-icon.duet-icon-has-outline.xxx-small*/.duet-icon.duet-icon-has-outline.xxx-small.sc-duet-icon{padding:4px}/*!@.duet-icon.xx-small .duet-icon-svg*/.duet-icon.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@.duet-icon.duet-icon-has-background.xx-small*/.duet-icon.duet-icon-has-background.xx-small.sc-duet-icon{padding:8px}/*!@.duet-icon.duet-icon-has-outline.xx-small*/.duet-icon.duet-icon-has-outline.xx-small.sc-duet-icon{padding:7px}/*!@.duet-icon.x-small .duet-icon-svg*/.duet-icon.x-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@.duet-icon.duet-icon-has-outline.x-small*/.duet-icon.duet-icon-has-outline.x-small.sc-duet-icon{padding:10px}/*!@.duet-icon.duet-icon-has-background.x-small*/.duet-icon.duet-icon-has-background.x-small.sc-duet-icon{padding:12px}/*!@.duet-icon.small .duet-icon-svg*/.duet-icon.small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@.duet-icon.duet-icon-has-background.small*/.duet-icon.duet-icon-has-background.small.sc-duet-icon{padding:14px}/*!@.duet-icon.large .duet-icon-svg*/.duet-icon.large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@.duet-icon.x-large .duet-icon-svg*/.duet-icon.x-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@.duet-icon.xx-large .duet-icon-svg*/.duet-icon.xx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@.duet-icon.xxx-large .duet-icon-svg*/.duet-icon.xxx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}@media (min-width: 48em){/*!@.duet-icon.xxx-large .duet-icon-svg*/.duet-icon.xxx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:72px;height:72px}}/*!@.duet-icon.duet-icon-shape-brand.rotated*/.duet-icon.duet-icon-shape-brand.rotated.sc-duet-icon{transform:rotate(20deg) scale(0.875);transform-origin:center}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon{display:flex;align-items:center;justify-content:center;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");mask-repeat:no-repeat}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon .duet-icon-svg.sc-duet-icon{min-width:auto}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-small*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-small.sc-duet-icon{width:18px;height:15px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-small*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-small.sc-duet-icon{width:32px;height:30px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.small*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.small.sc-duet-icon{width:36px;height:34px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.medium*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.medium.sc-duet-icon{width:48px;height:44px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.large.sc-duet-icon{width:62px;height:56px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-large.sc-duet-icon{width:76px;height:68px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-large.sc-duet-icon{width:95px;height:86px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.xxx-large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.xxx-large.sc-duet-icon{width:144px;height:130px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.xxx-small*/.duet-icon.duet-icon-shape-brand.xxx-small.sc-duet-icon{padding:0}/*!@.duet-icon.duet-icon-shape-brand.xxx-small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:0;height:0}/*!@.duet-icon.duet-icon-shape-brand.xx-small*/.duet-icon.duet-icon-shape-brand.xx-small.sc-duet-icon{padding:4px}/*!@.duet-icon.duet-icon-shape-brand.xx-small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@.duet-icon.duet-icon-shape-brand.x-small*/.duet-icon.duet-icon-shape-brand.x-small.sc-duet-icon{padding:8px}/*!@.duet-icon.duet-icon-shape-brand.x-small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.x-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@.duet-icon.duet-icon-shape-brand.small*/.duet-icon.duet-icon-shape-brand.small.sc-duet-icon{padding:8px}/*!@.duet-icon.duet-icon-shape-brand.small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@.duet-icon.duet-icon-shape-brand.medium*/.duet-icon.duet-icon-shape-brand.medium.sc-duet-icon{padding:12px}/*!@.duet-icon.duet-icon-shape-brand.medium .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.medium.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:24px;height:24px}/*!@.duet-icon.duet-icon-shape-brand.large*/.duet-icon.duet-icon-shape-brand.large.sc-duet-icon{padding:16px}/*!@.duet-icon.duet-icon-shape-brand.large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@.duet-icon.duet-icon-shape-brand.x-large*/.duet-icon.duet-icon-shape-brand.x-large.sc-duet-icon{padding:20px}/*!@.duet-icon.duet-icon-shape-brand.x-large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.x-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@.duet-icon.duet-icon-shape-brand.xx-large*/.duet-icon.duet-icon-shape-brand.xx-large.sc-duet-icon{padding:24px}/*!@.duet-icon.duet-icon-shape-brand.xx-large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@.duet-icon.duet-icon-shape-brand.xxx-large*/.duet-icon.duet-icon-shape-brand.xxx-large.sc-duet-icon{padding:36px}/*!@.duet-icon.duet-icon-shape-brand.xxx-large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xxx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:72px;height:72px}/*!@.duet-icon .duet-icon-svg*/.duet-icon.sc-duet-icon .duet-icon-svg.sc-duet-icon{display:block;width:24px;min-width:100%;height:24px;font-size:0}/*!@.duet-icon .duet-icon-svg.rotated*/.duet-icon.sc-duet-icon .duet-icon-svg.rotated.sc-duet-icon{transform:rotate(-20deg) scale(1.14)}/*!@.duet-icon svg*/.duet-icon.sc-duet-icon svg.sc-duet-icon{width:100%;min-width:100%;fill:currentColor}";
13768
13809
 
13769
13810
  class DuetIcon {
13770
13811
  constructor(hostRef) {
@@ -13832,7 +13873,7 @@ class DuetIcon {
13832
13873
  "duet-m-0": this.margin === "none",
13833
13874
  "duet-icon-has-outline": !!this.outline,
13834
13875
  "duet-icon-has-background": !!this.background,
13835
- } }, hAsync("div", { "aria-hidden": "true", style: styles, class: {
13876
+ } }, hAsync("span", { "aria-hidden": "true", style: styles, class: {
13836
13877
  "duet-icon": true,
13837
13878
  [this.size]: true,
13838
13879
  "duet-theme-turva": this.theme === "turva",
@@ -15380,7 +15421,7 @@ class Teleport {
15380
15421
  }
15381
15422
  }
15382
15423
 
15383
- const duetModalCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-modal,*.sc-duet-modal::after,*.sc-duet-modal::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-modal-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@.duet-modal-overlay*/.duet-modal-overlay.sc-duet-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;background:rgba(0, 41, 77, 0.85);opacity:0;transition:300ms ease;transition-delay:200ms}/*!@.duet-modal-overlay.duet-theme-turva*/.duet-modal-overlay.duet-theme-turva.sc-duet-modal{background:rgba(23, 28, 58, 0.85)}/*!@.duet-modal-overlay.duet-modal-active*/.duet-modal-overlay.duet-modal-active.sc-duet-modal{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}/*!@.duet-modal-overlay.duet-disable-transitions*/.duet-modal-overlay.duet-disable-transitions.sc-duet-modal{transition:none}/*!@.duet-modal-overlay.duet-modal-slide-up*/.duet-modal-overlay.duet-modal-slide-up.sc-duet-modal{overflow:hidden}/*!@::slotted(img)*/.sc-duet-modal-s>img{width:100%}/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{padding:48px 16px}}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}/*!@.duet-modal-inner.duet-modal-slide-up::after*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:\"\";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}/*!@.duet-modal-inner.duet-modal-slide-up::after.small*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.small{max-width:545px}/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:100%}@media (min-width: 36em){/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:1110px}}@media (max-width: 35.9375em){/*!@.duet-modal-inner.large*/.duet-modal-inner.large.sc-duet-modal{padding-right:0;padding-left:0}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{padding:0;padding-top:28px}}/*!@.duet-modal*/.duet-modal.sc-duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}/*!@.duet-theme-turva .duet-modal*/.duet-theme-turva.sc-duet-modal .duet-modal.sc-duet-modal{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-modal-active .duet-modal*/.duet-modal-active.sc-duet-modal .duet-modal.sc-duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}/*!@.duet-modal-active .duet-modal.slide-up*/.duet-modal-active.sc-duet-modal .duet-modal.slide-up.sc-duet-modal{top:0;transition:top 600ms ease}/*!@.duet-disable-transitions .duet-modal*/.duet-disable-transitions.sc-duet-modal .duet-modal.sc-duet-modal{transition:none}/*!@.duet-modal.small*/.duet-modal.small.sc-duet-modal{max-width:545px}/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:100%}@media (min-width: 36em){/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:1110px}}/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{top:100vh;margin:0;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{border-radius:20px 20px 0 0}}/*!@.duet-modal.duet-modal-has-sticky-header*/.duet-modal.duet-modal-has-sticky-header.sc-duet-modal{height:100%;overflow:auto}/*!@.duet-modal:focus*/.duet-modal.sc-duet-modal:focus{outline:0}/*!@.duet-modal-body,\n.duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{width:100%;padding:36px 28px}/*!@.duet-modal-body.duet-modal-gutter-none,\n.duet-modal-sticky-header.duet-modal-gutter-none*/.duet-modal-body.duet-modal-gutter-none.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-none.sc-duet-modal{padding:0 !important}/*!@.duet-modal-body.duet-modal-gutter-small,\n.duet-modal-sticky-header.duet-modal-gutter-small*/.duet-modal-body.duet-modal-gutter-small.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-small.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n.duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}@media (max-width: 22.5em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 28px}}@media (max-width: 35.9375em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}}@media (min-width: 36em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:28px 72px}}@media (min-width: 48em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 72px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:36px 72px}}@media (min-width: 76.25em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 48px 48px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 94px}/*!@.small .duet-modal-body,\n .small .duet-modal-sticky-header*/.small.sc-duet-modal .duet-modal-body.sc-duet-modal,.small.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{padding:36px 48px}}/*!@.duet-modal-header*/.duet-modal-header.sc-duet-modal{text-align:center}/*!@.duet-modal-sticky-header*/.duet-modal-sticky-header.sc-duet-modal{position:sticky;top:0;z-index:200;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva .duet-modal-sticky-header*/.duet-theme-turva.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-modal-close*/.duet-modal-close.sc-duet-modal{position:absolute;top:12px;right:12px}/*!@.duet-modal-heading*/.duet-modal-heading.sc-duet-modal{width:100%;padding-right:60px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}/*!@.duet-modal-heading.duet-p-0*/.duet-modal-heading.duet-p-0.sc-duet-modal{padding:0 !important}/*!@.duet-modal-heading.duet-m-0*/.duet-modal-heading.duet-m-0.sc-duet-modal{margin:0 !important}";
15424
+ const duetModalCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-modal,*.sc-duet-modal::after,*.sc-duet-modal::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-modal-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@.duet-modal-overlay*/.duet-modal-overlay.sc-duet-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;background:rgba(0, 41, 77, 0.85);opacity:0;transition:300ms ease;transition-delay:200ms}/*!@.duet-modal-overlay.duet-theme-turva*/.duet-modal-overlay.duet-theme-turva.sc-duet-modal{background:rgba(23, 28, 58, 0.85)}/*!@.duet-modal-overlay.duet-modal-active*/.duet-modal-overlay.duet-modal-active.sc-duet-modal{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}/*!@.duet-modal-overlay.duet-disable-transitions*/.duet-modal-overlay.duet-disable-transitions.sc-duet-modal{transition:none}/*!@.duet-modal-overlay.duet-modal-slide-up*/.duet-modal-overlay.duet-modal-slide-up.sc-duet-modal{overflow:hidden}/*!@::slotted(img)*/.sc-duet-modal-s>img{width:100%}/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{padding:48px 16px}}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}/*!@.duet-modal-inner.duet-modal-slide-up::after*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:\"\";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}/*!@.duet-modal-inner.duet-modal-slide-up::after.small*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.small{max-width:545px}/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:100%}@media (min-width: 36em){/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:1110px}}@media (max-width: 35.9375em){/*!@.duet-modal-inner.large*/.duet-modal-inner.large.sc-duet-modal{padding-right:0;padding-left:0}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{padding:0;padding-top:28px}}/*!@.duet-modal*/.duet-modal.sc-duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}/*!@.duet-theme-turva .duet-modal*/.duet-theme-turva.sc-duet-modal .duet-modal.sc-duet-modal{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-modal-active .duet-modal*/.duet-modal-active.sc-duet-modal .duet-modal.sc-duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}/*!@.duet-modal-active .duet-modal.slide-up*/.duet-modal-active.sc-duet-modal .duet-modal.slide-up.sc-duet-modal{top:0;transition:top 600ms ease}/*!@.duet-disable-transitions .duet-modal*/.duet-disable-transitions.sc-duet-modal .duet-modal.sc-duet-modal{transition:none}/*!@.duet-modal.small*/.duet-modal.small.sc-duet-modal{max-width:545px}/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:100%}@media (min-width: 36em){/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:1110px}}/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{top:100vh;margin:0;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{border-radius:16px 16px 0 0}}/*!@.duet-modal.duet-modal-has-sticky-header*/.duet-modal.duet-modal-has-sticky-header.sc-duet-modal{height:100%;overflow:auto}/*!@.duet-modal:focus*/.duet-modal.sc-duet-modal:focus{outline:0}/*!@.duet-modal-body,\n.duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{width:100%;padding:36px 28px}/*!@.duet-modal-body.duet-modal-gutter-none,\n.duet-modal-sticky-header.duet-modal-gutter-none*/.duet-modal-body.duet-modal-gutter-none.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-none.sc-duet-modal{padding:0 !important}/*!@.duet-modal-body.duet-modal-gutter-small,\n.duet-modal-sticky-header.duet-modal-gutter-small*/.duet-modal-body.duet-modal-gutter-small.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-small.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n.duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}@media (max-width: 22.5em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 28px}}@media (max-width: 35.9375em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}}@media (min-width: 36em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:28px 72px}}@media (min-width: 48em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 72px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:36px 72px}}@media (min-width: 76.25em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 48px 48px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 94px}/*!@.small .duet-modal-body,\n .small .duet-modal-sticky-header*/.small.sc-duet-modal .duet-modal-body.sc-duet-modal,.small.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{padding:36px 48px}}/*!@.duet-modal-header*/.duet-modal-header.sc-duet-modal{text-align:center}/*!@.duet-modal-sticky-header*/.duet-modal-sticky-header.sc-duet-modal{position:sticky;top:0;z-index:200;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva .duet-modal-sticky-header*/.duet-theme-turva.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-modal-close*/.duet-modal-close.sc-duet-modal{position:absolute;top:12px;right:12px}/*!@.duet-modal-heading*/.duet-modal-heading.sc-duet-modal{width:100%;padding-right:60px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}/*!@.duet-modal-heading.duet-p-0*/.duet-modal-heading.duet-p-0.sc-duet-modal{padding:0 !important}/*!@.duet-modal-heading.duet-m-0*/.duet-modal-heading.duet-m-0.sc-duet-modal{margin:0 !important}";
15384
15425
 
15385
15426
  // The transition below is slightly higher than the actual CSS transition as VoiceOver on
15386
15427
  // iOS has otherwise problems moving the focus from modal back to the original element.
@@ -18261,7 +18302,7 @@ class DuetPopupMenu {
18261
18302
  if (!this.controller) {
18262
18303
  return;
18263
18304
  }
18264
- const coordinates = await computePosition(this.controller, this.element, {
18305
+ const coordinates = await computePosition(this.controller, this.menuElement, {
18265
18306
  middleware: [offset({ mainAxis: this.mainAxisOffset, crossAxis: this.crossAxisOffset }), flip()],
18266
18307
  placement: this.placement,
18267
18308
  strategy: this.position,
@@ -18273,6 +18314,7 @@ class DuetPopupMenu {
18273
18314
  this.menuY = undefined;
18274
18315
  this.menuX = undefined;
18275
18316
  this.accessibleLabel = undefined;
18317
+ this.accessibleRole = "menu";
18276
18318
  this.theme = "";
18277
18319
  this.controller = undefined;
18278
18320
  this.placement = "bottom-start";
@@ -18327,7 +18369,7 @@ class DuetPopupMenu {
18327
18369
  }
18328
18370
  }
18329
18371
  }
18330
- if (isTabKey(evt)) {
18372
+ if (isTabKey(evt) && this.accessibleRole === "menu") {
18331
18373
  evt.preventDefault();
18332
18374
  this.hide();
18333
18375
  }
@@ -18351,7 +18393,9 @@ class DuetPopupMenu {
18351
18393
  async show() {
18352
18394
  this.open = true;
18353
18395
  this.teleport.go();
18354
- this.itemElements[0].setFocus();
18396
+ if (this.accessibleRole === "menu") {
18397
+ this.itemElements[0].setFocus();
18398
+ }
18355
18399
  this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
18356
18400
  this.updatePlacement();
18357
18401
  }
@@ -18361,7 +18405,9 @@ class DuetPopupMenu {
18361
18405
  async hide() {
18362
18406
  this.open = false;
18363
18407
  this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
18364
- this.focusController();
18408
+ if (this.accessibleRole === "menu") {
18409
+ this.focusController();
18410
+ }
18365
18411
  this.teleport.resume(200);
18366
18412
  }
18367
18413
  /**
@@ -18377,16 +18423,11 @@ class DuetPopupMenu {
18377
18423
  }
18378
18424
  focusController() {
18379
18425
  if (this.controller) {
18380
- if ("setFocus" in this.controller) {
18381
- this.controller.setFocus();
18382
- }
18383
- else {
18384
- this.controller.focus();
18385
- }
18426
+ focusElement(this.controller);
18386
18427
  }
18387
18428
  }
18388
18429
  get itemElements() {
18389
- return Array.from(this.element.querySelectorAll(":scope > duet-popup-menu-item"));
18430
+ return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"));
18390
18431
  }
18391
18432
  async getFocusedItemIndex() {
18392
18433
  const items = this.itemElements;
@@ -18402,7 +18443,7 @@ class DuetPopupMenu {
18402
18443
  top: `${this.menuY}px`,
18403
18444
  left: `${this.menuX}px`,
18404
18445
  };
18405
- return (hAsync(Host, { class: this.position }, hAsync("div", { style: positionStyles, class: { open: this.open, "duet-popup-menu-list": true, "duet-theme-turva": this.theme === "turva" }, role: "menu", "aria-label": this.accessibleLabel }, hAsync("slot", null))));
18446
+ return (hAsync(Host, { class: this.position }, hAsync("div", { ref: element => (this.menuElement = element), style: positionStyles, class: { open: this.open, "duet-popup-menu-list": true, "duet-theme-turva": this.theme === "turva" }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, hAsync("slot", null))));
18406
18447
  }
18407
18448
  get element() { return getElement(this); }
18408
18449
  static get style() { return duetPopupMenuCss; }
@@ -18411,6 +18452,7 @@ class DuetPopupMenu {
18411
18452
  "$tagName$": "duet-popup-menu",
18412
18453
  "$members$": {
18413
18454
  "accessibleLabel": [1, "accessible-label"],
18455
+ "accessibleRole": [1, "accessible-role"],
18414
18456
  "theme": [1025],
18415
18457
  "controller": [16],
18416
18458
  "placement": [1],
@@ -18459,6 +18501,7 @@ class DuetPopupMenuItem {
18459
18501
  };
18460
18502
  this.focus = false;
18461
18503
  this.accessibleLabel = undefined;
18504
+ this.accessibleRole = "menuitem";
18462
18505
  this.theme = "";
18463
18506
  this.url = undefined;
18464
18507
  this.external = false;
@@ -18494,7 +18537,7 @@ class DuetPopupMenuItem {
18494
18537
  active: this.active,
18495
18538
  "duet-theme-turva": this.theme === "turva",
18496
18539
  };
18497
- return (hAsync(Host, null, hAsync(TagName, { ref: element => (this.itemElement = element), tabIndex: -1, onFocus: this.onFocus, onBlur: this.onBlur, role: "menuitem", "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { class: "duet-popup-menu-item-label" }, hAsync("slot", null)), this.trailingIcon && (hAsync("duet-icon", { name: this.trailingIcon, size: "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { class: "duet-popup-menu-item-trailing" }, this.trailingText))));
18540
+ return (hAsync(Host, null, hAsync(TagName, { ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "menuitem" ? -1 : 0, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"} ${this.accessibleRole}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { class: "duet-popup-menu-item-label" }, hAsync("slot", null)), this.trailingIcon && (hAsync("duet-icon", { name: this.trailingIcon, size: "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { class: "duet-popup-menu-item-trailing" }, this.trailingText))));
18498
18541
  }
18499
18542
  get element() { return getElement(this); }
18500
18543
  static get style() { return duetPopupMenuItemCss; }
@@ -18503,6 +18546,7 @@ class DuetPopupMenuItem {
18503
18546
  "$tagName$": "duet-popup-menu-item",
18504
18547
  "$members$": {
18505
18548
  "accessibleLabel": [1, "accessible-label"],
18549
+ "accessibleRole": [1, "accessible-role"],
18506
18550
  "theme": [1025],
18507
18551
  "url": [1],
18508
18552
  "external": [4],
@@ -18595,6 +18639,12 @@ class DuetProgress {
18595
18639
 
18596
18640
  const duetPromoCardCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-promo-card,*.sc-duet-promo-card::after,*.sc-duet-promo-card::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-promo-card-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}/*!@:host:last-child, :host:last-of-type*/.sc-duet-promo-card-h:last-child,.sc-duet-promo-card-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-promo-card-h{margin:0 !important}/*!@.duet-promo-card*/.duet-promo-card.sc-duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;color:rgb(0, 41, 77);text-align:left;border-radius:20px}/*!@.duet-promo-card.duet-p-0*/.duet-promo-card.duet-p-0.sc-duet-promo-card{padding:0 !important}/*!@.duet-promo-card.duet-m-0*/.duet-promo-card.duet-m-0.sc-duet-promo-card{margin:0 !important}/*!@.duet-promo-card .content-wrapper*/.duet-promo-card.sc-duet-promo-card .content-wrapper.sc-duet-promo-card{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}/*!@.duet-promo-card .image*/.duet-promo-card.sc-duet-promo-card .image.sc-duet-promo-card{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}/*!@.duet-promo-card .content*/.duet-promo-card.sc-duet-promo-card .content.sc-duet-promo-card{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){/*!@.duet-promo-card .content*/.duet-promo-card.sc-duet-promo-card .content.sc-duet-promo-card{padding:28px}}/*!@.duet-promo-card .action*/.duet-promo-card.sc-duet-promo-card .action.sc-duet-promo-card{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}/*!@.duet-promo-card.no-bg-color .content*/.duet-promo-card.no-bg-color.sc-duet-promo-card .content.sc-duet-promo-card{padding:20px 0 0}/*!@.duet-promo-card.no-bg-color .image*/.duet-promo-card.no-bg-color.sc-duet-promo-card .image.sc-duet-promo-card{border-radius:16px}/*!@.duet-promo-card.duet-theme-turva*/.duet-promo-card.duet-theme-turva.sc-duet-promo-card{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}";
18597
18641
 
18642
+ /**
18643
+ * @slot pre-heading - Slot for pre-heading content.
18644
+ * @slot heading - Slot for heading content. Only span should be used in this slot.
18645
+ * @slot description - Slot for description content. Only span should be used in this slot.
18646
+ * @slot action - Slot for action button.
18647
+ */
18598
18648
  class DuetPromoCard {
18599
18649
  constructor(hostRef) {
18600
18650
  registerInstance(this, hostRef);
@@ -18630,7 +18680,7 @@ class DuetPromoCard {
18630
18680
  "duet-promo-card": true,
18631
18681
  "duet-theme-turva": this.theme === "turva",
18632
18682
  "no-bg-color": !this.backgroundColor,
18633
- }, style: bannerStyles }, hAsync(TagName, { href: this.url, class: "content-wrapper" }, hAsync("img", { class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { class: "pre-heading" }, hAsync("slot", { name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("div", null, hAsync("slot", { name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description" }, hAsync("duet-paragraph", { theme: this.theme, margin: "none", color: this.textColor }, hAsync("div", null, hAsync("slot", { name: "description" }))))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" }))))))));
18683
+ }, style: bannerStyles }, hAsync(TagName, { href: this.url, class: "content-wrapper" }, hAsync("img", { class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { class: "pre-heading" }, hAsync("slot", { name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "heading", onSlotchange: ev => slotElementCheck(ev, this, "span") }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description" }, hAsync("duet-paragraph", { theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "description", onSlotchange: ev => slotElementCheck(ev, this, "span") }))))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" }))))))));
18634
18684
  }
18635
18685
  get element() { return getElement(this); }
18636
18686
  static get style() { return duetPromoCardCss; }
@@ -19862,14 +19912,6 @@ class DuetSlideout {
19862
19912
  };
19863
19913
  this.isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator === null || navigator === void 0 ? void 0 : navigator.userAgent);
19864
19914
  this.hasStickyHeaderSlot = false;
19865
- this.handleBodyScrolling = () => {
19866
- if (this.displaying && this.open) {
19867
- disableBodyScroll(this.dialog, { reserveScrollBarGap: true });
19868
- }
19869
- else {
19870
- enableBodyScroll(this.dialog);
19871
- }
19872
- };
19873
19915
  this.setOpenButton = (element) => {
19874
19916
  if (!element) {
19875
19917
  return;
@@ -19892,35 +19934,11 @@ class DuetSlideout {
19892
19934
  };
19893
19935
  this.toggleMenu = (e) => {
19894
19936
  this.open = !this.open;
19895
- if (this.openButton) {
19896
- this.openButton.accessibleExpanded = this.open;
19897
- }
19898
19937
  this.duetSlideoutEvent.emit({
19899
19938
  originalEvent: e,
19900
19939
  data: { element: this.element, open: this.open },
19901
19940
  component: "duet-slideout",
19902
19941
  });
19903
- if (this.open) {
19904
- const openPanel = this.getOpenPanel();
19905
- this.teleport.go(true);
19906
- if (openPanel) {
19907
- openPanel.setFocus();
19908
- this.handleBodyScrolling();
19909
- }
19910
- else {
19911
- setTimeout(() => {
19912
- this.closeButton.focus();
19913
- this.handleBodyScrolling();
19914
- }, 200);
19915
- }
19916
- }
19917
- else {
19918
- setTimeout(() => {
19919
- focusElement(this.openButton);
19920
- this.handleBodyScrolling();
19921
- this.teleport.resume();
19922
- }, 200);
19923
- }
19924
19942
  };
19925
19943
  this.bgOnClick = (e) => {
19926
19944
  if (this.open) {
@@ -19953,17 +19971,9 @@ class DuetSlideout {
19953
19971
  return;
19954
19972
  }
19955
19973
  }
19956
- componentDidRender() {
19957
- {
19958
- return;
19959
- }
19960
- }
19961
19974
  disconnectedCallback() {
19962
19975
  disconnectLanguageChangeObserver(this);
19963
19976
  enableBodyScroll(this.dialog);
19964
- if (this.intersectionObserver) {
19965
- this.intersectionObserver.disconnect();
19966
- }
19967
19977
  if (this.mutationObserver) {
19968
19978
  this.mutationObserver.disconnect();
19969
19979
  }
@@ -19971,6 +19981,31 @@ class DuetSlideout {
19971
19981
  this.openButton.removeEventListener("click", this.openButtonEventListener);
19972
19982
  }
19973
19983
  }
19984
+ handleOpenChange() {
19985
+ if (this.openButton) {
19986
+ this.openButton.accessibleExpanded = this.open;
19987
+ }
19988
+ if (this.open) {
19989
+ const openPanel = this.getOpenPanel();
19990
+ this.teleport.go(true);
19991
+ disableBodyScroll(this.dialog, { reserveScrollBarGap: true });
19992
+ if (openPanel) {
19993
+ openPanel.setFocus();
19994
+ }
19995
+ else {
19996
+ setTimeout(() => {
19997
+ this.closeButton.focus();
19998
+ }, 200);
19999
+ }
20000
+ }
20001
+ else {
20002
+ setTimeout(() => {
20003
+ focusElement(this.openButton);
20004
+ enableBodyScroll(this.dialog);
20005
+ this.teleport.resume();
20006
+ }, 200);
20007
+ }
20008
+ }
19974
20009
  /**
19975
20010
  * Component event handling.
19976
20011
  */
@@ -20045,6 +20080,9 @@ class DuetSlideout {
20045
20080
  } }, hAsync("slot", null)), hAsync(FocusGuard, { moveFocusTo: this.closeButton })))));
20046
20081
  }
20047
20082
  get element() { return getElement(this); }
20083
+ static get watchers() { return {
20084
+ "open": ["handleOpenChange"]
20085
+ }; }
20048
20086
  static get style() { return duetSlideoutCss; }
20049
20087
  static get cmpMeta() { return {
20050
20088
  "$flags$": 9,