@duetds/components 10.0.0-alpha.29 → 10.0.0-alpha.30

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 (472) hide show
  1. package/hydrate/index.js +416 -157
  2. package/hydrate/index.mjs +416 -157
  3. package/lib/cjs/{a11y-utils-C2urHioz.js → a11y-utils-D2e4DE4A.js} +1 -1
  4. package/lib/cjs/{app-globals-CiRzLcdj.js → app-globals-P2FPiN9v.js} +1 -1
  5. package/lib/cjs/duet-action-button.cjs.entry.js +6 -6
  6. package/lib/cjs/duet-alert.cjs.entry.js +12 -17
  7. package/lib/cjs/duet-badge.cjs.entry.js +4 -4
  8. package/lib/cjs/duet-banner.cjs.entry.js +6 -6
  9. package/lib/cjs/duet-breadcrumb.cjs.entry.js +3 -3
  10. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +6 -6
  11. package/lib/cjs/duet-button_2.cjs.entry.js +7 -7
  12. package/lib/cjs/duet-callout.cjs.entry.js +4 -4
  13. package/lib/cjs/duet-caption_4.cjs.entry.js +11 -11
  14. package/lib/cjs/duet-card.cjs.entry.js +12 -10
  15. package/lib/cjs/duet-checkbox.cjs.entry.js +3 -3
  16. package/lib/cjs/duet-checkmark.cjs.entry.js +3 -3
  17. package/lib/cjs/duet-chip.cjs.entry.js +4 -4
  18. package/lib/cjs/duet-choice_2.cjs.entry.js +6 -6
  19. package/lib/cjs/duet-collapsible.cjs.entry.js +17 -14
  20. package/lib/cjs/duet-combobox.cjs.entry.js +5 -5
  21. package/lib/cjs/duet-contact-card.cjs.entry.js +4 -4
  22. package/lib/cjs/duet-cookie-consent.cjs.entry.js +3 -3
  23. package/lib/cjs/duet-date-picker.cjs.entry.js +7 -7
  24. package/lib/cjs/duet-divider_2.cjs.entry.js +6 -6
  25. package/lib/cjs/duet-editable-table_3.cjs.entry.js +8 -8
  26. package/lib/cjs/duet-empty-state.cjs.entry.js +3 -3
  27. package/lib/cjs/duet-fieldset.cjs.entry.js +4 -4
  28. package/lib/cjs/duet-file-chooser.cjs.entry.js +3 -3
  29. package/lib/cjs/duet-footer.cjs.entry.js +5 -5
  30. package/lib/cjs/duet-grid_2.cjs.entry.js +4 -4
  31. package/lib/cjs/duet-header_2.cjs.entry.js +10 -9
  32. package/lib/cjs/duet-hero.cjs.entry.js +5 -5
  33. package/lib/cjs/duet-icon.cjs.entry.js +5 -5
  34. package/lib/cjs/duet-indicator.cjs.entry.js +3 -3
  35. package/lib/cjs/duet-input_2.cjs.entry.js +9 -9
  36. package/lib/cjs/duet-layout.cjs.entry.js +3 -3
  37. package/lib/cjs/duet-list_2.cjs.entry.js +4 -4
  38. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +3 -3
  39. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +3 -3
  40. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +3 -3
  41. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +6 -6
  42. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +3 -3
  43. package/lib/cjs/duet-menu-bar.cjs.entry.js +4 -4
  44. package/lib/cjs/duet-modal.cjs.entry.js +8 -8
  45. package/lib/cjs/duet-multiselect.cjs.entry.js +6 -6
  46. package/lib/cjs/duet-nav.cjs.entry.js +3 -3
  47. package/lib/cjs/duet-notification_2.cjs.entry.js +9 -6
  48. package/lib/cjs/duet-number-input.cjs.entry.js +5 -5
  49. package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
  50. package/lib/cjs/duet-page-heading.cjs.entry.js +3 -3
  51. package/lib/cjs/duet-pagination_2.cjs.entry.js +7 -7
  52. package/lib/cjs/duet-panel.cjs.entry.js +3 -3
  53. package/lib/cjs/duet-phone-input.cjs.entry.js +5 -5
  54. package/lib/cjs/duet-popup-menu_2.cjs.entry.js +7 -7
  55. package/lib/cjs/duet-progress.cjs.entry.js +4 -4
  56. package/lib/cjs/duet-promo-card.cjs.entry.js +7 -7
  57. package/lib/cjs/duet-radio_2.cjs.entry.js +5 -5
  58. package/lib/cjs/duet-range-slider.cjs.entry.js +6 -6
  59. package/lib/cjs/duet-scrollable_3.cjs.entry.js +14 -13
  60. package/lib/cjs/duet-section-layout.cjs.entry.js +2 -2
  61. package/lib/cjs/duet-select.cjs.entry.js +5 -5
  62. package/lib/cjs/duet-shaped-image.cjs.entry.js +3 -3
  63. package/lib/cjs/duet-share-chart-item.cjs.entry.js +1 -1
  64. package/lib/cjs/duet-share-chart.cjs.entry.js +7 -7
  65. package/lib/cjs/duet-show-more.cjs.entry.js +5 -5
  66. package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
  67. package/lib/cjs/duet-slideout-link.cjs.entry.js +6 -6
  68. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +8 -6
  69. package/lib/cjs/duet-slideout-panel.cjs.entry.js +15 -13
  70. package/lib/cjs/duet-slideout.cjs.entry.js +12 -11
  71. package/lib/cjs/duet-status-icon.cjs.entry.js +2 -2
  72. package/lib/cjs/duet-step_2.cjs.entry.js +5 -5
  73. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +3 -3
  74. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +4 -4
  75. package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +6 -6
  76. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
  77. package/lib/cjs/duet-submenu-bar.cjs.entry.js +4 -4
  78. package/lib/cjs/duet-textarea.cjs.entry.js +6 -6
  79. package/lib/cjs/duet-toggle.cjs.entry.js +5 -5
  80. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +3 -3
  81. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +3 -3
  82. package/lib/cjs/duet-toolbar-item.cjs.entry.js +6 -6
  83. package/lib/cjs/duet-toolbar-link.cjs.entry.js +3 -3
  84. package/lib/cjs/duet-toolbar.cjs.entry.js +3 -3
  85. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +9 -6
  86. package/lib/cjs/duet-tooltip.cjs.entry.js +6 -6
  87. package/lib/cjs/duet-tray.cjs.entry.js +5 -5
  88. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  89. package/lib/cjs/duet-upload-item.cjs.entry.js +4 -4
  90. package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
  91. package/lib/cjs/duet.cjs.js +2 -2
  92. package/lib/cjs/{errorcodes.utils-CT287Ycp.js → errorcodes.utils-B_Hqvx-5.js} +1 -1
  93. package/lib/cjs/{focus-utils-DYmtJ1FV.js → focus-utils-B7QfRXd-.js} +1 -1
  94. package/lib/cjs/{index-ULRMHMT6.js → index-B1t_Yumd.js} +1 -1
  95. package/lib/cjs/{label-Cw2Vvd6f.js → label-e--2ISFA.js} +1 -1
  96. package/lib/cjs/{language-utils-D_noDTNR.js → language-utils-Ce6b_uA3.js} +1 -1
  97. package/lib/cjs/loader.cjs.js +2 -2
  98. package/lib/cjs/{slot-utils-CuWfl8gF.js → slot-utils-C8k-6Rvc.js} +6 -1
  99. package/lib/cjs/{themeable-component-vXSpPXDS.js → themeable-component-DmPMm0Cz.js} +1 -1
  100. package/lib/cjs/{token-utils-b3aW02zZ.js → token-utils-COKjUxmn.js} +13 -13
  101. package/lib/cjs/{tokens-D7zqZKjQ.js → tokens-9aevMbB1.js} +144 -0
  102. package/lib/cjs/{tokens.module-7opSZfop.js → tokens.module-Bhh9B2g8.js} +96 -0
  103. package/lib/collection/components/duet-action-button/duet-action-button.css +18 -20
  104. package/lib/collection/components/duet-alert/duet-alert.css +12 -23
  105. package/lib/collection/components/duet-alert/duet-alert.js +17 -16
  106. package/lib/collection/components/duet-badge/duet-badge.css +12 -12
  107. package/lib/collection/components/duet-banner/duet-banner.css +6 -28
  108. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.css +9 -7
  109. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.css +7 -7
  110. package/lib/collection/components/duet-button/duet-button.css +68 -60
  111. package/lib/collection/components/duet-callout/duet-callout.css +3 -3
  112. package/lib/collection/components/duet-caption/duet-caption.css +4 -4
  113. package/lib/collection/components/duet-card/duet-card.css +25 -18
  114. package/lib/collection/components/duet-card/duet-card.js +6 -4
  115. package/lib/collection/components/duet-checkbox/duet-checkbox.css +19 -12
  116. package/lib/collection/components/duet-chip/duet-chip.css +33 -28
  117. package/lib/collection/components/duet-choice/duet-checkmark.css +2 -2
  118. package/lib/collection/components/duet-choice/duet-choice.css +51 -52
  119. package/lib/collection/components/duet-choice-group/duet-choice-group.css +4 -4
  120. package/lib/collection/components/duet-collapsible/duet-collapsible.css +26 -14
  121. package/lib/collection/components/duet-collapsible/duet-collapsible.js +14 -10
  122. package/lib/collection/components/duet-combobox/duet-combobox.css +4 -4
  123. package/lib/collection/components/duet-contact-card/duet-contact-card.css +5 -5
  124. package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.css +15 -15
  125. package/lib/collection/components/duet-date-picker/duet-date-picker.css +70 -53
  126. package/lib/collection/components/duet-divider/duet-divider.css +5 -5
  127. package/lib/collection/components/duet-editable-table/duet-editable-table.css +2 -2
  128. package/lib/collection/components/duet-empty-state/duet-empty-state.css +8 -8
  129. package/lib/collection/components/duet-fieldset/duet-fieldset.css +7 -7
  130. package/lib/collection/components/duet-file-chooser/duet-file-chooser.css +2 -2
  131. package/lib/collection/components/duet-footer/duet-footer.css +33 -19
  132. package/lib/collection/components/duet-grid/duet-grid.css +2 -6
  133. package/lib/collection/components/duet-grid-item/duet-grid-item.css +3 -3
  134. package/lib/collection/components/duet-header/duet-header.css +116 -88
  135. package/lib/collection/components/duet-heading/duet-heading.css +7 -7
  136. package/lib/collection/components/duet-hero/duet-hero.css +27 -24
  137. package/lib/collection/components/duet-icon/duet-icon.css +7 -7
  138. package/lib/collection/components/duet-indicator/duet-indicator.css +4 -4
  139. package/lib/collection/components/duet-input/duet-input.css +77 -83
  140. package/lib/collection/components/duet-label/duet-label.css +5 -5
  141. package/lib/collection/components/duet-layout/duet-layout.css +4 -4
  142. package/lib/collection/components/duet-link/duet-link.css +24 -24
  143. package/lib/collection/components/duet-list/duet-list.css +4 -4
  144. package/lib/collection/components/duet-list-item/duet-list-item.css +10 -10
  145. package/lib/collection/components/duet-logo/duet-logo.css +16 -8
  146. package/lib/collection/components/duet-logo/duet-logo.js +2 -1
  147. package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +13 -13
  148. package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.css +12 -9
  149. package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.css +19 -16
  150. package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.css +13 -10
  151. package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.css +17 -14
  152. package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.css +16 -13
  153. package/lib/collection/components/duet-modal/duet-modal.css +13 -13
  154. package/lib/collection/components/duet-multiselect/duet-multiselect.css +48 -40
  155. package/lib/collection/components/duet-nav/duet-nav.css +4 -4
  156. package/lib/collection/components/duet-notification/duet-notification.css +18 -16
  157. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.css +30 -26
  158. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +4 -1
  159. package/lib/collection/components/duet-number-input/duet-number-input.css +20 -15
  160. package/lib/collection/components/duet-overlay/duet-overlay.css +2 -2
  161. package/lib/collection/components/duet-page-heading/duet-page-heading.css +9 -9
  162. package/lib/collection/components/duet-pagination/duet-pagination.css +5 -5
  163. package/lib/collection/components/duet-panel/duet-panel.css +8 -9
  164. package/lib/collection/components/duet-paragraph/duet-paragraph.css +9 -9
  165. package/lib/collection/components/duet-phone-input/duet-phone-input.css +5 -5
  166. package/lib/collection/components/duet-popup-menu/duet-popup-menu.css +7 -7
  167. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.css +23 -15
  168. package/lib/collection/components/duet-progress/duet-progress.css +14 -14
  169. package/lib/collection/components/duet-promo-card/duet-promo-card.css +15 -12
  170. package/lib/collection/components/duet-promo-card/duet-promo-card.js +1 -1
  171. package/lib/collection/components/duet-radio/duet-radio.css +22 -15
  172. package/lib/collection/components/duet-radio-group/duet-radio-group.css +4 -4
  173. package/lib/collection/components/duet-range-slider/duet-range-slider.css +35 -30
  174. package/lib/collection/components/duet-range-stepper/duet-range-stepper.css +5 -5
  175. package/lib/collection/components/duet-scrollable/duet-scrollable.css +20 -20
  176. package/lib/collection/components/duet-section-layout/duet-section-layout.css +4 -4
  177. package/lib/collection/components/duet-select/duet-select.css +38 -33
  178. package/lib/collection/components/duet-shaped-image/duet-shaped-image.css +6 -6
  179. package/lib/collection/components/duet-share-chart/duet-share-chart.css +5 -5
  180. package/lib/collection/components/duet-show-more/duet-show-more.css +13 -10
  181. package/lib/collection/components/duet-show-more/duet-show-more.js +1 -1
  182. package/lib/collection/components/duet-slideout/duet-slideout.css +23 -23
  183. package/lib/collection/components/duet-slideout/duet-slideout.js +4 -3
  184. package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.css +5 -5
  185. package/lib/collection/components/duet-slideout-link/duet-slideout-link.css +14 -11
  186. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.css +34 -25
  187. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +7 -5
  188. package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.css +20 -20
  189. package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +5 -3
  190. package/lib/collection/components/duet-spacer/duet-spacer.css +2 -2
  191. package/lib/collection/components/duet-spinner/duet-spinner.css +5 -5
  192. package/lib/collection/components/duet-step/duet-step.css +17 -15
  193. package/lib/collection/components/duet-stepper/duet-stepper.css +4 -4
  194. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css +23 -23
  195. package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.css +24 -21
  196. package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.css +16 -13
  197. package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.css +20 -17
  198. package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.css +19 -16
  199. package/lib/collection/components/duet-tab/duet-tab.css +15 -11
  200. package/lib/collection/components/duet-tab-group/duet-tab-group.css +33 -25
  201. package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -4
  202. package/lib/collection/components/duet-textarea/duet-textarea.css +40 -33
  203. package/lib/collection/components/duet-toggle/duet-toggle.css +13 -11
  204. package/lib/collection/components/duet-toolbar/duet-toolbar.css +6 -6
  205. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.css +20 -17
  206. package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.css +14 -11
  207. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.css +23 -21
  208. package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.css +23 -15
  209. package/lib/collection/components/duet-tooltip/duet-tooltip-button.css +19 -16
  210. package/lib/collection/components/duet-tooltip/duet-tooltip-popup.css +32 -25
  211. package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +4 -1
  212. package/lib/collection/components/duet-tooltip/duet-tooltip.css +4 -4
  213. package/lib/collection/components/duet-tray/duet-tray.css +36 -32
  214. package/lib/collection/components/duet-upload/duet-upload.css +6 -6
  215. package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.css +3 -3
  216. package/lib/collection/utils/slot-utils.js +4 -0
  217. package/lib/collection/utils/turva2-color-tokens.js +36 -36
  218. package/lib/duet/duet.esm.js +1 -1
  219. package/lib/duet/p-05b44a92.entry.js +4 -0
  220. package/lib/duet/p-0c4bde0e.entry.js +4 -0
  221. package/lib/duet/p-0cf754a3.entry.js +4 -0
  222. package/lib/duet/{p-55905e75.entry.js → p-11303551.entry.js} +1 -1
  223. package/lib/duet/{p-22c91ab8.entry.js → p-11dc2ca3.entry.js} +1 -1
  224. package/lib/duet/p-14b9af85.entry.js +4 -0
  225. package/lib/duet/{p-0a9945d3.entry.js → p-17b2fad7.entry.js} +1 -1
  226. package/lib/duet/{p-a6eed3fb.entry.js → p-19c8adaa.entry.js} +1 -1
  227. package/lib/duet/p-1UeoYjt6.js +4 -0
  228. package/lib/duet/{p-f25c9b3a.entry.js → p-25bfc839.entry.js} +1 -1
  229. package/lib/duet/{p-4c421d4a.entry.js → p-2690a420.entry.js} +1 -1
  230. package/lib/duet/{p-366f6c75.entry.js → p-2f0a1808.entry.js} +1 -1
  231. package/lib/duet/p-2f34aa4c.entry.js +4 -0
  232. package/lib/duet/p-37bdc3b9.entry.js +4 -0
  233. package/lib/duet/p-39e7cc4b.entry.js +4 -0
  234. package/lib/duet/{p-22baa879.entry.js → p-3c5f5035.entry.js} +1 -1
  235. package/lib/duet/{p-eb7799de.entry.js → p-3e08bd06.entry.js} +1 -1
  236. package/lib/duet/p-3f932150.entry.js +4 -0
  237. package/lib/duet/{p-c6c2f1dc.entry.js → p-414f4b06.entry.js} +1 -1
  238. package/lib/duet/p-4457a9cc.entry.js +4 -0
  239. package/lib/duet/p-450983a5.entry.js +4 -0
  240. package/lib/duet/p-492d90a6.entry.js +4 -0
  241. package/lib/duet/p-4a743428.entry.js +4 -0
  242. package/lib/duet/{p-c3e002cb.entry.js → p-4b4d9bdc.entry.js} +1 -1
  243. package/lib/duet/{p-5eaf6164.entry.js → p-4d4f7a6e.entry.js} +1 -1
  244. package/lib/duet/{p-2defb00a.entry.js → p-4efa7172.entry.js} +1 -1
  245. package/lib/duet/{p-726b706a.entry.js → p-513683f8.entry.js} +1 -1
  246. package/lib/duet/p-51e85e15.entry.js +4 -0
  247. package/lib/duet/{p-01c80d5a.entry.js → p-52bb0826.entry.js} +1 -1
  248. package/lib/duet/{p-5175a2dd.entry.js → p-52e64670.entry.js} +1 -1
  249. package/lib/duet/{p-cc2fe910.entry.js → p-52f52f3f.entry.js} +1 -1
  250. package/lib/duet/{p-43417674.entry.js → p-559a54d1.entry.js} +1 -1
  251. package/lib/duet/p-56331c29.entry.js +4 -0
  252. package/lib/duet/p-5c4687b0.entry.js +4 -0
  253. package/lib/duet/{p-6b5e575b.entry.js → p-5f2507ee.entry.js} +1 -1
  254. package/lib/duet/{p-6442c2be.entry.js → p-625bf656.entry.js} +1 -1
  255. package/lib/duet/p-638d143f.entry.js +4 -0
  256. package/lib/duet/p-63d75040.entry.js +4 -0
  257. package/lib/duet/{p-4a0f1cdb.entry.js → p-64482bf0.entry.js} +1 -1
  258. package/lib/duet/{p-5ef0982d.entry.js → p-64db9820.entry.js} +1 -1
  259. package/lib/duet/p-653a4f52.entry.js +4 -0
  260. package/lib/duet/p-67cbf570.entry.js +4 -0
  261. package/lib/duet/{p-368f8b17.entry.js → p-6d0a6cef.entry.js} +1 -1
  262. package/lib/duet/p-7ab7b977.entry.js +4 -0
  263. package/lib/duet/{p-35d6644f.entry.js → p-7d8ba1c8.entry.js} +1 -1
  264. package/lib/duet/p-80157aab.entry.js +4 -0
  265. package/lib/duet/p-81fdf21e.entry.js +4 -0
  266. package/lib/duet/p-835532a3.entry.js +4 -0
  267. package/lib/duet/{p-10640c4f.entry.js → p-87d63c67.entry.js} +1 -1
  268. package/lib/duet/{p-a456687d.entry.js → p-88b2a4ab.entry.js} +1 -1
  269. package/lib/duet/p-89119c58.entry.js +4 -0
  270. package/lib/duet/p-8a22e0f7.entry.js +4 -0
  271. package/lib/duet/p-9278d908.entry.js +4 -0
  272. package/lib/duet/{p-4743f2de.entry.js → p-93d1d4cb.entry.js} +1 -1
  273. package/lib/duet/{p-7340a148.entry.js → p-963f5510.entry.js} +1 -1
  274. package/lib/duet/p-9bdedc1c.entry.js +4 -0
  275. package/lib/duet/p-9c452a9d.entry.js +4 -0
  276. package/lib/duet/p-9fd3fbde.entry.js +4 -0
  277. package/lib/duet/{p-0eb86bf1.entry.js → p-9fe9aaec.entry.js} +1 -1
  278. package/lib/duet/{p-994e0989.entry.js → p-9ff0f670.entry.js} +1 -1
  279. package/lib/duet/p-BW-c05c3.js +4 -0
  280. package/lib/duet/p-Bh9dkusU.js +4 -0
  281. package/lib/duet/{p-DNq3_6qZ.js → p-Bt_DCuTi.js} +1 -1
  282. package/lib/duet/{p-DhhvHRbK.js → p-CZ7vOBA_.js} +1 -1
  283. package/lib/duet/{p-B0lHdUDq.js → p-CcCc0HYj.js} +1 -1
  284. package/lib/duet/{p-Cg-Sy7Qf.js → p-CjRTMlgs.js} +1 -1
  285. package/lib/duet/p-DcQPCCbT.js +4 -0
  286. package/lib/duet/p-Df3Doz7n.js +4 -0
  287. package/lib/duet/{p-Bq8ssolA.js → p-DmZj36y3.js} +1 -1
  288. package/lib/duet/p-DzEPksgg.js +4 -0
  289. package/lib/duet/{p-218d8d0c.entry.js → p-a22b9c52.entry.js} +1 -1
  290. package/lib/duet/{p-7d682f0c.entry.js → p-a39af7a5.entry.js} +1 -1
  291. package/lib/duet/{p-a954bbc6.entry.js → p-a49e7633.entry.js} +1 -1
  292. package/lib/duet/{p-06ca53e7.entry.js → p-a5ebee52.entry.js} +1 -1
  293. package/lib/duet/p-ac7bf279.entry.js +4 -0
  294. package/lib/duet/p-ae22406a.entry.js +4 -0
  295. package/lib/duet/{p-d0fe1162.entry.js → p-b17749b1.entry.js} +1 -1
  296. package/lib/duet/p-b8e1621d.entry.js +4 -0
  297. package/lib/duet/p-ba0fc0f3.entry.js +4 -0
  298. package/lib/duet/{p-23cf09fc.entry.js → p-bba12747.entry.js} +1 -1
  299. package/lib/duet/{p-7dde6589.entry.js → p-bf4c10ea.entry.js} +1 -1
  300. package/lib/duet/{p-18674149.entry.js → p-c2afba51.entry.js} +1 -1
  301. package/lib/duet/p-c74cd476.entry.js +4 -0
  302. package/lib/duet/{p-40965806.entry.js → p-c8c7616a.entry.js} +1 -1
  303. package/lib/duet/{p-098d9160.entry.js → p-ca8ad275.entry.js} +1 -1
  304. package/lib/duet/p-cf054af5.entry.js +4 -0
  305. package/lib/duet/p-d27678ec.entry.js +4 -0
  306. package/lib/duet/p-d49e4c1a.entry.js +4 -0
  307. package/lib/duet/p-da90aae6.entry.js +4 -0
  308. package/lib/duet/{p-b8f14348.entry.js → p-dceb943b.entry.js} +1 -1
  309. package/lib/duet/{p-7c4b51bc.entry.js → p-df64aa65.entry.js} +1 -1
  310. package/lib/duet/p-e04410c6.entry.js +4 -0
  311. package/lib/duet/p-e057762a.entry.js +4 -0
  312. package/lib/duet/p-ea09620e.entry.js +4 -0
  313. package/lib/duet/p-ebd27669.entry.js +4 -0
  314. package/lib/duet/p-ec601f3c.entry.js +4 -0
  315. package/lib/duet/p-ec7bdfaf.entry.js +4 -0
  316. package/lib/duet/p-qH1epSqB.js +4 -0
  317. package/lib/esm/{a11y-utils-k-txkQIa.js → a11y-utils-CfJGGdQJ.js} +1 -1
  318. package/lib/esm/{app-globals-BL1PM4GK.js → app-globals-DGW8k4EA.js} +1 -1
  319. package/lib/esm/duet-action-button.entry.js +6 -6
  320. package/lib/esm/duet-alert.entry.js +12 -17
  321. package/lib/esm/duet-badge.entry.js +4 -4
  322. package/lib/esm/duet-banner.entry.js +6 -6
  323. package/lib/esm/duet-breadcrumb.entry.js +3 -3
  324. package/lib/esm/duet-breadcrumbs.entry.js +6 -6
  325. package/lib/esm/duet-button_2.entry.js +7 -7
  326. package/lib/esm/duet-callout.entry.js +4 -4
  327. package/lib/esm/duet-caption_4.entry.js +11 -11
  328. package/lib/esm/duet-card.entry.js +12 -10
  329. package/lib/esm/duet-checkbox.entry.js +3 -3
  330. package/lib/esm/duet-checkmark.entry.js +3 -3
  331. package/lib/esm/duet-chip.entry.js +4 -4
  332. package/lib/esm/duet-choice_2.entry.js +6 -6
  333. package/lib/esm/duet-collapsible.entry.js +17 -14
  334. package/lib/esm/duet-combobox.entry.js +5 -5
  335. package/lib/esm/duet-contact-card.entry.js +4 -4
  336. package/lib/esm/duet-cookie-consent.entry.js +3 -3
  337. package/lib/esm/duet-date-picker.entry.js +7 -7
  338. package/lib/esm/duet-divider_2.entry.js +6 -6
  339. package/lib/esm/duet-editable-table_3.entry.js +8 -8
  340. package/lib/esm/duet-empty-state.entry.js +3 -3
  341. package/lib/esm/duet-fieldset.entry.js +4 -4
  342. package/lib/esm/duet-file-chooser.entry.js +3 -3
  343. package/lib/esm/duet-footer.entry.js +5 -5
  344. package/lib/esm/duet-grid_2.entry.js +4 -4
  345. package/lib/esm/duet-header_2.entry.js +10 -9
  346. package/lib/esm/duet-hero.entry.js +5 -5
  347. package/lib/esm/duet-icon.entry.js +5 -5
  348. package/lib/esm/duet-indicator.entry.js +3 -3
  349. package/lib/esm/duet-input_2.entry.js +9 -9
  350. package/lib/esm/duet-layout.entry.js +3 -3
  351. package/lib/esm/duet-list_2.entry.js +4 -4
  352. package/lib/esm/duet-menu-bar-button.entry.js +3 -3
  353. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +3 -3
  354. package/lib/esm/duet-menu-bar-dropdown.entry.js +3 -3
  355. package/lib/esm/duet-menu-bar-item.entry.js +6 -6
  356. package/lib/esm/duet-menu-bar-link.entry.js +3 -3
  357. package/lib/esm/duet-menu-bar.entry.js +4 -4
  358. package/lib/esm/duet-modal.entry.js +8 -8
  359. package/lib/esm/duet-multiselect.entry.js +6 -6
  360. package/lib/esm/duet-nav.entry.js +3 -3
  361. package/lib/esm/duet-notification_2.entry.js +9 -6
  362. package/lib/esm/duet-number-input.entry.js +5 -5
  363. package/lib/esm/duet-overlay.entry.js +3 -3
  364. package/lib/esm/duet-page-heading.entry.js +3 -3
  365. package/lib/esm/duet-pagination_2.entry.js +7 -7
  366. package/lib/esm/duet-panel.entry.js +3 -3
  367. package/lib/esm/duet-phone-input.entry.js +5 -5
  368. package/lib/esm/duet-popup-menu_2.entry.js +7 -7
  369. package/lib/esm/duet-progress.entry.js +4 -4
  370. package/lib/esm/duet-promo-card.entry.js +7 -7
  371. package/lib/esm/duet-radio_2.entry.js +5 -5
  372. package/lib/esm/duet-range-slider.entry.js +6 -6
  373. package/lib/esm/duet-scrollable_3.entry.js +14 -13
  374. package/lib/esm/duet-section-layout.entry.js +2 -2
  375. package/lib/esm/duet-select.entry.js +5 -5
  376. package/lib/esm/duet-shaped-image.entry.js +3 -3
  377. package/lib/esm/duet-share-chart-item.entry.js +1 -1
  378. package/lib/esm/duet-share-chart.entry.js +7 -7
  379. package/lib/esm/duet-show-more.entry.js +5 -5
  380. package/lib/esm/duet-slideout-lang.entry.js +4 -4
  381. package/lib/esm/duet-slideout-link.entry.js +6 -6
  382. package/lib/esm/duet-slideout-panel-dropdown.entry.js +8 -6
  383. package/lib/esm/duet-slideout-panel.entry.js +15 -13
  384. package/lib/esm/duet-slideout.entry.js +12 -11
  385. package/lib/esm/duet-status-icon.entry.js +2 -2
  386. package/lib/esm/duet-step_2.entry.js +5 -5
  387. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +3 -3
  388. package/lib/esm/duet-submenu-bar-dropdown.entry.js +4 -4
  389. package/lib/esm/duet-submenu-bar-item.entry.js +6 -6
  390. package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
  391. package/lib/esm/duet-submenu-bar.entry.js +4 -4
  392. package/lib/esm/duet-textarea.entry.js +6 -6
  393. package/lib/esm/duet-toggle.entry.js +5 -5
  394. package/lib/esm/duet-toolbar-dropdown-link.entry.js +3 -3
  395. package/lib/esm/duet-toolbar-dropdown.entry.js +3 -3
  396. package/lib/esm/duet-toolbar-item.entry.js +6 -6
  397. package/lib/esm/duet-toolbar-link.entry.js +3 -3
  398. package/lib/esm/duet-toolbar.entry.js +3 -3
  399. package/lib/esm/duet-tooltip-button_2.entry.js +9 -6
  400. package/lib/esm/duet-tooltip.entry.js +6 -6
  401. package/lib/esm/duet-tray.entry.js +5 -5
  402. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  403. package/lib/esm/duet-upload-item.entry.js +4 -4
  404. package/lib/esm/duet-visually-hidden.entry.js +2 -2
  405. package/lib/esm/duet.js +3 -3
  406. package/lib/esm/{errorcodes.utils-DMBhYFft.js → errorcodes.utils-qEQnnnLR.js} +1 -1
  407. package/lib/esm/{focus-utils-CKJz94Qb.js → focus-utils-D7bOJ91T.js} +1 -1
  408. package/lib/esm/{index-Cg-Sy7Qf.js → index-CjRTMlgs.js} +1 -1
  409. package/lib/esm/{label-CiT_iRKt.js → label-DI1u_MFQ.js} +1 -1
  410. package/lib/esm/{language-utils-CQS4gIfI.js → language-utils-DMUadJDW.js} +1 -1
  411. package/lib/esm/loader.js +3 -3
  412. package/lib/esm/{slot-utils-BtxgUznn.js → slot-utils-DmMljwEF.js} +6 -2
  413. package/lib/esm/{themeable-component-C76K02P9.js → themeable-component-CULFNCJP.js} +1 -1
  414. package/lib/esm/{token-utils-C-c-tsXV.js → token-utils-Dw-GA7-4.js} +13 -13
  415. package/lib/esm/{tokens-DxV3RbmM.js → tokens-DcQPCCbT.js} +144 -0
  416. package/lib/esm/{tokens.module-Z0D6Gy9e.js → tokens.module-Bh9dkusU.js} +96 -0
  417. package/lib/types/components/duet-alert/duet-alert.d.ts +2 -4
  418. package/lib/types/components/duet-collapsible/duet-collapsible.d.ts +3 -1
  419. package/lib/types/components.d.ts +3 -3
  420. package/lib/types/utils/slot-utils.d.ts +1 -0
  421. package/package.json +8 -8
  422. package/lib/duet/p-01b28129.entry.js +0 -4
  423. package/lib/duet/p-01bfda23.entry.js +0 -4
  424. package/lib/duet/p-1d192423.entry.js +0 -4
  425. package/lib/duet/p-1e043a65.entry.js +0 -4
  426. package/lib/duet/p-242e8590.entry.js +0 -4
  427. package/lib/duet/p-3740d6a3.entry.js +0 -4
  428. package/lib/duet/p-38f1f411.entry.js +0 -4
  429. package/lib/duet/p-3a774155.entry.js +0 -4
  430. package/lib/duet/p-49bccc83.entry.js +0 -4
  431. package/lib/duet/p-4a4795be.entry.js +0 -4
  432. package/lib/duet/p-531ccf9e.entry.js +0 -4
  433. package/lib/duet/p-545fc3f7.entry.js +0 -4
  434. package/lib/duet/p-5689da45.entry.js +0 -4
  435. package/lib/duet/p-56fbb9c9.entry.js +0 -4
  436. package/lib/duet/p-6c1a7d2a.entry.js +0 -4
  437. package/lib/duet/p-73041240.entry.js +0 -4
  438. package/lib/duet/p-78f0104d.entry.js +0 -4
  439. package/lib/duet/p-80c2a22b.entry.js +0 -4
  440. package/lib/duet/p-86613005.entry.js +0 -4
  441. package/lib/duet/p-866d5fba.entry.js +0 -4
  442. package/lib/duet/p-878e745d.entry.js +0 -4
  443. package/lib/duet/p-89de527f.entry.js +0 -4
  444. package/lib/duet/p-8eb11318.entry.js +0 -4
  445. package/lib/duet/p-96179df4.entry.js +0 -4
  446. package/lib/duet/p-9d630f8d.entry.js +0 -4
  447. package/lib/duet/p-C-pON5qf.js +0 -4
  448. package/lib/duet/p-CmVjSa2G.js +0 -4
  449. package/lib/duet/p-D8Vx4GZo.js +0 -4
  450. package/lib/duet/p-Do6ugHz0.js +0 -4
  451. package/lib/duet/p-DxV3RbmM.js +0 -4
  452. package/lib/duet/p-Z0D6Gy9e.js +0 -4
  453. package/lib/duet/p-ac84994d.entry.js +0 -4
  454. package/lib/duet/p-ae830c4f.entry.js +0 -4
  455. package/lib/duet/p-c6c245d2.entry.js +0 -4
  456. package/lib/duet/p-ca1ac603.entry.js +0 -4
  457. package/lib/duet/p-cb5020b3.entry.js +0 -4
  458. package/lib/duet/p-d4c5c776.entry.js +0 -4
  459. package/lib/duet/p-d77d51df.entry.js +0 -4
  460. package/lib/duet/p-e03b4d6d.entry.js +0 -4
  461. package/lib/duet/p-e18ded3f.entry.js +0 -4
  462. package/lib/duet/p-e1997fb2.entry.js +0 -4
  463. package/lib/duet/p-e41e1570.entry.js +0 -4
  464. package/lib/duet/p-e443cf8a.entry.js +0 -4
  465. package/lib/duet/p-e6a4707d.entry.js +0 -4
  466. package/lib/duet/p-e9ff33aa.entry.js +0 -4
  467. package/lib/duet/p-ed4f565e.entry.js +0 -4
  468. package/lib/duet/p-ee8f51c9.entry.js +0 -4
  469. package/lib/duet/p-f950ae45.entry.js +0 -4
  470. package/lib/duet/p-fd19cbeb.entry.js +0 -4
  471. package/lib/duet/p-ffa644e6.entry.js +0 -4
  472. package/lib/duet/p-vLG7vkZg.js +0 -4
package/lib/cjs/{a11y-utils-C2urHioz.js → a11y-utils-D2e4DE4A.js} RENAMED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var slotUtils = require('./slot-utils-CuWfl8gF.js');
6
+ var slotUtils = require('./slot-utils-C8k-6Rvc.js');
7
7
 
8
8
  function getAccessibleLinkLabel(component) {
9
9
  const textContent = component.element.textContent;
package/lib/cjs/{app-globals-CiRzLcdj.js → app-globals-P2FPiN9v.js} RENAMED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- require('./index-ULRMHMT6.js');
6
+ require('./index-B1t_Yumd.js');
7
7
 
8
8
  const setupLoggers = () => {
9
9
  {
package/lib/cjs/duet-action-button.cjs.entry.js CHANGED
@@ -3,17 +3,17 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-ULRMHMT6.js');
7
- var themeableComponent = require('./themeable-component-vXSpPXDS.js');
6
+ var index = require('./index-B1t_Yumd.js');
7
+ var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
8
8
  var createId = require('./create-id-DtslnIOq.js');
9
9
  var jsUtils = require('./js-utils-hJ4A2edy.js');
10
10
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
11
- var languageUtils = require('./language-utils-D_noDTNR.js');
12
- var tokenUtils = require('./token-utils-b3aW02zZ.js');
11
+ var languageUtils = require('./language-utils-Ce6b_uA3.js');
12
+ var tokenUtils = require('./token-utils-COKjUxmn.js');
13
13
  require('./string-utils-B35hEUBv.js');
14
- require('./tokens.module-7opSZfop.js');
14
+ require('./tokens.module-Bhh9B2g8.js');
15
15
 
16
- const duetActionButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva{color:#172a3b;background:#fdf7f2}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:not(:disabled):hover{background:#f0ebe6}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:focus{box-shadow:0 0 0 2px #172a3b !important}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:active:focus{background:#e4deda !important;box-shadow:none}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:disabled{color:#7891a4;background:#f5f6f7}";
16
+ const duetActionButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-action-button:focus,.duet-action-button:focus.duet-theme-turva,.duet-theme-turva2 .duet-action-button:focus,.duet-action-button:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:active:focus{background:#dddfe1 !important}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:not(:disabled):hover{background:#f0ebe6}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:active:focus{background:#e4deda !important}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:disabled{color:rgb(120, 145, 164);background:rgb(245, 246, 247)}";
17
17
 
18
18
  const DuetActionButton = class {
19
19
  constructor(hostRef) {
package/lib/cjs/duet-alert.cjs.entry.js CHANGED
@@ -3,16 +3,15 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-ULRMHMT6.js');
6
+ var index = require('./index-B1t_Yumd.js');
7
7
  var commonStrings = require('./common-strings-CSqtNIxt.js');
8
- var themeableComponent = require('./themeable-component-vXSpPXDS.js');
8
+ var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
9
9
  var createId = require('./create-id-DtslnIOq.js');
10
- var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
11
- var languageUtils = require('./language-utils-D_noDTNR.js');
12
- var slotUtils = require('./slot-utils-CuWfl8gF.js');
10
+ var languageUtils = require('./language-utils-Ce6b_uA3.js');
11
+ var slotUtils = require('./slot-utils-C8k-6Rvc.js');
13
12
  require('./string-utils-B35hEUBv.js');
14
13
 
15
- const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;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\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{z-index:1;margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}";
14
+ const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:grid;grid-template-rows:1fr;width:100%;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, grid-template-rows 300ms ease}:host(.duet-alert-is-dismissed){visibility:hidden !important;grid-template-rows:0fr;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert,:host(.duet-alert-is-dismissed) .duet-alert-wrapper{margin:0 !important;border-width:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;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:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{z-index:1;margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}";
16
15
 
17
16
  const DuetAlert = class {
18
17
  constructor(hostRef) {
@@ -81,6 +80,7 @@ const DuetAlert = class {
81
80
  */
82
81
  this.dismissible = false;
83
82
  /**
83
+ * @deprecated - if you need to set focus, use a focusable element inside
84
84
  * Make alert focusable.
85
85
  */
86
86
  this.focusable = false;
@@ -130,14 +130,12 @@ const DuetAlert = class {
130
130
  }
131
131
  connectedCallback() {
132
132
  languageUtils.connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelDefaults" });
133
- keyboardUtils.subscribeTabbingChange(this);
134
133
  }
135
134
  disconnectedCallback() {
136
135
  if (this.timeoutID) {
137
136
  clearTimeout(this.timeoutID);
138
137
  }
139
138
  languageUtils.disconnectLanguageChangeObserver(this);
140
- keyboardUtils.unsubscribeTabbingChange(this);
141
139
  }
142
140
  /**
143
141
  * Show.
@@ -152,10 +150,7 @@ const DuetAlert = class {
152
150
  this.handleHide();
153
151
  }
154
152
  /**
155
- * Sets focus on the specified `duet-alert`.
156
- * Works only when focusable property is set to true.
157
- * Use this method instead of the global
158
- * `button.focus()`.
153
+ * @deprecated - if you need to set focus, use a focusable element inside
159
154
  */
160
155
  async setFocus(options) {
161
156
  this.alertContainer.focus(options);
@@ -174,17 +169,17 @@ const DuetAlert = class {
174
169
  ? this.variation
175
170
  : "default";
176
171
  const variationLabel = languageUtils.getLocaleString(commonStrings.DuetStatusLabels[variation]);
177
- return (index.h(index.Host, { key: 'b204a657de629955d04058f3c43813aa00980c1e', class: {
172
+ return (index.h(index.Host, { key: 'e8f6453951bdff6bcfebd3530d9cf0778842ad35', class: {
178
173
  "duet-theme-turva": this.theme === "turva",
179
174
  "duet-alert-is-dismissed": this.isDismissed,
180
- }, role: this.getRole() }, index.h("div", { key: '0d573c37ae4013f7fdef0d89a7d2cfff38157b44', class: {
175
+ }, role: this.getRole() }, index.h("div", { key: '2f8010d50d96097d66d0cef58d35cbb008f314f0', class: {
181
176
  "duet-alert-wrapper": true,
182
177
  "duet-p-0": this.padding === "none",
183
178
  "duet-m-0": this.margin === "none",
184
179
  [variation]: true,
185
180
  [this.position]: true,
186
181
  "duet-theme-turva": this.theme === "turva",
187
- } }, index.h("div", { key: 'ecb946bd29811c5ee207804498810a6cd3c83889', class: {
182
+ } }, index.h("div", { key: 'b0b1d04c9ef3baa460c1d8d30f18f5f3b4b96d9c', class: {
188
183
  "duet-alert": true,
189
184
  "duet-alert-expandable": !!this.expandingTitle,
190
185
  "duet-alert-expanded": this.isExpanded,
@@ -195,9 +190,9 @@ const DuetAlert = class {
195
190
  "duet-m-0": this.margin === "none",
196
191
  [variation]: true,
197
192
  "duet-theme-turva": this.theme === "turva",
198
- } }, index.h("div", { key: '88e63f17d9d316a933266a2d98be63f1cf6fa939', class: "duet-alert-container", ref: element => {
193
+ } }, index.h("div", { key: '1464c0cde46615a3e6b7b90a67b0713ba25cf002', class: "duet-alert-container", ref: element => {
199
194
  this.alertContainer = element;
200
- }, tabindex: this.focusable ? "0" : undefined }, this.position !== "below-nav" && (index.h("div", { key: 'd0e266b3c576ec9c2532053c292c3bfbbc9d92b0', class: "duet-alert-icon" }, (this.icon && index.h("duet-icon", { key: 'efa5d1133ba832aa3e88fb419b8f2b454b5536c1', size: "auto", name: this.icon, color: "currentColor" })) || (index.h("duet-status-icon", { key: '7e00c8f29fb7a33a041acfbd82d1c359eadaf605', strong: true, variation: variation, margin: "none", size: "auto" })))), this.position === "below-nav" && (index.h("div", { key: '0314c3a000a06a357a7850f6c72002df3d32a541', class: "duet-alert-icon below-nav" }, index.h("duet-status-icon", { key: 'aec093d7be9e0c0d8940a5e0813495f707daefc0', strong: true, variation: variation, margin: "none", size: "auto" }))), index.h("div", { key: '97522cbf67c23477ae71603418f85f3d1a13d3c2', class: "duet-alert-content", id: this.descriptiveId }, this.expandingTitle && (index.h("button", { key: '08d8a6d3b089bad3c54727907f6ba1df213a9103', "aria-expanded": this.isExpanded.toString(), "aria-controls": `${this.descriptiveId}-content`, class: "duet-alert-expander", onClick: this.handleExpandToggle }, index.h("span", { key: '4efe686cc2dff3077ea3efed7a52c79c3b8c090a', class: "expanding-title" }, this.expandingTitle), index.h("duet-icon", { key: '2da0cd85883d2e850d65e0682c391079bcce2001', name: "action-arrow-down", color: variation === "default" ? "lt-blue-800" : `${variation}-800`, margin: "none", size: "x-small" }))), (!this.expandingTitle || this.isExpanded) && (index.h("div", { key: 'dd67482dc47bb4b23d8ff7fdbc7f50a09fd7f355', id: `${this.descriptiveId}-content` }, index.h("duet-visually-hidden", { key: '0f892f87996b79076b9c04e9d66fadbe681cf913' }, variationLabel), index.h("slot", { key: 'fac36116e1b9128ad398c4cf997d8c0fd3bca795' }))))), this.hasShowMoreSlot && (index.h("duet-show-more", { key: '10530ff533c94cb9c85eb23cae9ed3475f3567f2', margin: "none", class: "duet-alert-show-more" }, index.h("slot", { key: '06e77a909ef86b0ae2e83e818e88c75b8caa9969', name: "show-more" }))), this.dismissible && !this.expandingTitle && (index.h("div", { key: '65f541e6bf54abcfa91757571cffb18013188c39', class: "duet-alert-dismiss" }, index.h("duet-button", { key: 'a2e00a7f2d07d04bf388544893ddb56d332c8929', variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", color: variation === "default" ? "lt-blue-800" : `${variation}-800`, theme: this.theme, onClick: this.handleDismiss, fixed: true })))))));
195
+ }, tabindex: this.focusable ? "-1" : undefined }, this.position !== "below-nav" && (index.h("div", { key: '924a50c915605a0fc653b2cd5a5a6341c7b9156f', class: "duet-alert-icon" }, (this.icon && index.h("duet-icon", { key: 'ccf3963fc3405034a7001e586397886ac586b504', size: "auto", name: this.icon, color: "currentColor" })) || (index.h("duet-status-icon", { key: '5adef94d4b80e48815a399928dee36d416caa3f8', strong: true, variation: variation, margin: "none", size: "auto" })))), this.position === "below-nav" && (index.h("div", { key: 'bb1d04fb4ad4d5668dfef4fab649c23d09832d07', class: "duet-alert-icon below-nav" }, index.h("duet-status-icon", { key: 'a9cedbe680d906a25dc159b5637a30ee66491f03', strong: true, variation: variation, margin: "none", size: "auto" }))), index.h("div", { key: '8f1df5b4082d396e964b00b56da99f77ec4d9437', class: "duet-alert-content", id: this.descriptiveId }, this.expandingTitle && (index.h("button", { key: 'ecc75f181b29ccce59576cdc8db496b02511c201', "aria-expanded": this.isExpanded.toString(), "aria-controls": `${this.descriptiveId}-content`, class: "duet-alert-expander", onClick: this.handleExpandToggle }, index.h("span", { key: 'eaaec58855ddf50c82d723f17056eef40d794ee4', class: "expanding-title" }, this.expandingTitle), index.h("duet-icon", { key: '4504fda244cb64041c316142ccffd971a4399e78', name: "action-arrow-down", color: variation === "default" ? "lt-blue-800" : `${variation}-800`, margin: "none", size: "x-small" }))), (!this.expandingTitle || this.isExpanded) && (index.h("div", { key: 'a29eb8175f93a97b7195c7c9800bc5d62bb66073', id: `${this.descriptiveId}-content` }, index.h("duet-visually-hidden", { key: 'c7cb9674adeb3d85568090d9b97cf692d1609ed1' }, variationLabel), index.h("slot", { key: '49d810ac06046de2cb02a0210e9ad6eff7397f2b' }))))), this.hasShowMoreSlot && (index.h("duet-show-more", { key: '7fd2463d982eecdbeeea603266e2190b9347b6d5', margin: "none", class: "duet-alert-show-more" }, index.h("slot", { key: 'a229f22d76731baf242bca5613a990fa7508e611', name: "show-more" }))), this.dismissible && !this.expandingTitle && (index.h("div", { key: '1e2f89c906c19cc8703eb1ce0ab643d550e94260', class: "duet-alert-dismiss" }, index.h("duet-button", { key: '80a86e22bd7b0317fbe4685879847f10d7598740', variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", color: variation === "default" ? "lt-blue-800" : `${variation}-800`, theme: this.theme, onClick: this.handleDismiss, fixed: true })))))));
201
196
  }
202
197
  get element() { return index.getElement(this); }
203
198
  };
package/lib/cjs/duet-badge.cjs.entry.js CHANGED
@@ -3,13 +3,13 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-ULRMHMT6.js');
6
+ var index = require('./index-B1t_Yumd.js');
7
7
  var commonStrings = require('./common-strings-CSqtNIxt.js');
8
- var themeableComponent = require('./themeable-component-vXSpPXDS.js');
9
- var languageUtils = require('./language-utils-D_noDTNR.js');
8
+ var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
9
+ var languageUtils = require('./language-utils-Ce6b_uA3.js');
10
10
  require('./string-utils-B35hEUBv.js');
11
11
 
12
- const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{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{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.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(8, 42, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{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{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fdecc9}.duet-badge.danger{background:#f7d2dc}.duet-badge.danger.duet-theme-turva{background:#f7d2dc}.duet-badge.success{background:#d6e6e1}.duet-badge.success.duet-theme-turva{background:#d6e6e1}.duet-badge.subtle{color:rgb(98, 121, 138);background:none;outline:1px solid rgb(212, 223, 229);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(113, 118, 132);background:none;outline-color:rgb(222, 224, 228)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#f9c153}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.subtle{border-color:rgb(181, 198, 208);outline-color:rgb(8, 42, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(199, 202, 207);outline-color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.default{color:#172a3b;background:#e8eaeb}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.default{color:rgb(255, 255, 255);background:#172a3b}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.subtle{outline-color:#172a3b}";
12
+ const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.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;vertical-align:middle;color:rgb(8, 42, 77);text-align:center;word-break:break-word;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{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{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fdecc9}.duet-badge.danger{background:#f7d2dc}.duet-badge.danger.duet-theme-turva{background:#f7d2dc}.duet-badge.success{background:#d6e6e1}.duet-badge.success.duet-theme-turva{background:#d6e6e1}.duet-badge.subtle{color:rgb(98, 121, 138);outline:1px solid rgb(212, 223, 229);outline-offset:-1px;background:none}.duet-badge.subtle.duet-theme-turva{color:rgb(113, 118, 132);outline-color:rgb(222, 224, 228);background:none}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#f9c153}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.subtle{outline-color:rgb(8, 42, 77);border-color:rgb(181, 198, 208)}.duet-badge.background-strong.subtle.duet-theme-turva{outline-color:rgb(23, 28, 58);border-color:rgb(199, 202, 207)}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.default{color:rgb(23, 42, 59);background:#e8eaeb}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.default{color:rgb(255, 255, 255);background:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.subtle{outline-color:rgb(23, 42, 59)}";
13
13
 
14
14
  const DuetBadge = class {
15
15
  constructor(hostRef) {
package/lib/cjs/duet-banner.cjs.entry.js CHANGED
@@ -3,12 +3,12 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-ULRMHMT6.js');
7
- var themeableComponent = require('./themeable-component-vXSpPXDS.js');
8
- var slotUtils = require('./slot-utils-CuWfl8gF.js');
6
+ var index = require('./index-B1t_Yumd.js');
7
+ var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
8
+ var slotUtils = require('./slot-utils-C8k-6Rvc.js');
9
9
  var stringUtils = require('./string-utils-B35hEUBv.js');
10
- var tokenUtils = require('./token-utils-b3aW02zZ.js');
11
- require('./tokens.module-7opSZfop.js');
10
+ var tokenUtils = require('./token-utils-COKjUxmn.js');
11
+ require('./tokens.module-Bhh9B2g8.js');
12
12
 
13
13
  const DuetPicture = ({ img, sources }) => {
14
14
  return (index.h("picture", null,
@@ -17,7 +17,7 @@ const DuetPicture = ({ img, sources }) => {
17
17
  index.h("img", Object.assign({}, img))));
18
18
  };
19
19
 
20
- const duetBannerCss = "*,\n*::after,\n*::before {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n:host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n margin: 0 !important;\n}\n\n.duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n margin: 0 !important;\n}\n.duet-banner .visual {\n position: relative;\n display: none;\n overflow: hidden;\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n .duet-banner .visual {\n /* stylelint-enable */\n display: block;\n }\n}\n.duet-banner .visual .image-container {\n position: relative;\n aspect-ratio: 2/1;\n overflow: hidden;\n}\n.duet-banner .visual .image {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n.duet-banner .visual .icon {\n position: absolute;\n}\n.duet-banner .visual .brand-shape {\n position: absolute;\n top: 0;\n left: 72%;\n display: none;\n width: 100%;\n height: 100%;\n mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n transform: scale(101%);\n}\n.duet-banner .content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n hyphens: auto;\n}\n.duet-banner .action {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-end;\n padding-top: 16px;\n}\n.duet-banner .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n width: 100%;\n height: auto;\n border-radius: 0;\n}\n.duet-banner .visual .icon {\n bottom: 30px;\n left: 15px;\n}\n.duet-banner.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-disable */\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n top: 36px;\n left: 168px;\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-medium .content, .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 28px 28px 28px 0;\n }\n .duet-banner.size-medium .action, .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n@container duet-banner-container (min-width: 586px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n left: 80%;\n }\n}\n.duet-banner.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-large .visual .icon {\n top: 40px;\n bottom: auto;\n left: 335px;\n }\n .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 48px 48px 48px 0;\n }\n .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n.duet-banner.no-image {\n display: flex;\n justify-content: center;\n padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n display: none;\n}\n.duet-banner.no-image .content {\n width: 100%;\n max-width: 720px;\n padding: 0;\n}\n.duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-enable */\n padding: 48px;\n }\n}\n\n:host(.duet-theme-turva2) .duet-banner {\n border-radius: 8px;\n}\n:host(.duet-theme-turva2) .duet-banner.size-medium, :host(.duet-theme-turva2) .duet-banner.size-large {\n /* stylelint-disable */\n}\n:host(.duet-theme-turva2) .duet-banner.size-medium .visual, :host(.duet-theme-turva2) .duet-banner.size-large .visual {\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\n:host(.duet-theme-turva2) .duet-banner.size-medium .visual .brand-shape, :host(.duet-theme-turva2) .duet-banner.size-large .visual .brand-shape {\n display: none;\n}\n@container duet-banner-container (min-width: 486px) {\n :host(.duet-theme-turva2) .duet-banner.size-medium, :host(.duet-theme-turva2) .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-columns: 1fr 1fr;\n gap: 28px;\n border-radius: 12px;\n }\n :host(.duet-theme-turva2) .duet-banner.size-medium .visual, :host(.duet-theme-turva2) .duet-banner.size-large .visual {\n border-top-left-radius: 12px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 12px;\n }\n}";
20
+ const duetBannerCss = "*,\n*::after,\n*::before {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n border: 0;\n}\n\n:host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n border: 0;\n margin-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n margin: 0 !important;\n}\n\n.duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n margin: 0 !important;\n}\n.duet-banner .visual {\n position: relative;\n display: none;\n overflow: hidden;\n}\n@container duet-banner-container (min-width: 0) {\n .duet-banner .visual {\n display: block;\n }\n}\n.duet-banner .visual .image-container {\n position: relative;\n aspect-ratio: 2/1;\n overflow: hidden;\n}\n.duet-banner .visual .image {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n.duet-banner .visual .icon {\n position: absolute;\n}\n.duet-banner .visual .brand-shape {\n position: absolute;\n top: 0;\n left: 72%;\n display: none;\n width: 100%;\n height: 100%;\n mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n transform: scale(101%);\n}\n.duet-banner .content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n hyphens: auto;\n}\n.duet-banner .action {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-end;\n padding-top: 16px;\n}\n.duet-banner .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n width: 100%;\n height: auto;\n border-radius: 0;\n}\n.duet-banner .visual .icon {\n bottom: 30px;\n left: 15px;\n}\n.duet-banner.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n top: 36px;\n left: 168px;\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-medium .content, .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 28px 28px 28px 0;\n }\n .duet-banner.size-medium .action, .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n@container duet-banner-container (min-width: 586px) {\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n left: 80%;\n }\n}\n@container duet-banner-container (min-width: 900px) {\n .duet-banner.size-large {\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-large .visual .icon {\n top: 40px;\n bottom: auto;\n left: 335px;\n }\n .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 48px 48px 48px 0;\n }\n .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n.duet-banner.no-image {\n display: flex;\n justify-content: center;\n padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n display: none;\n}\n.duet-banner.no-image .content {\n width: 100%;\n max-width: 720px;\n padding: 0;\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n padding: 48px;\n }\n}\n\n:host(.duet-theme-turva2) .duet-banner {\n border-radius: 8px;\n}\n:host(.duet-theme-turva2) .duet-banner.size-medium .visual, :host(.duet-theme-turva2) .duet-banner.size-large .visual {\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\n:host(.duet-theme-turva2) .duet-banner.size-medium .visual .brand-shape, :host(.duet-theme-turva2) .duet-banner.size-large .visual .brand-shape {\n display: none;\n}\n@container duet-banner-container (min-width: 486px) {\n :host(.duet-theme-turva2) .duet-banner.size-medium, :host(.duet-theme-turva2) .duet-banner.size-large {\n grid-template-columns: 1fr 1fr;\n gap: 28px;\n border-radius: 12px;\n }\n :host(.duet-theme-turva2) .duet-banner.size-medium .visual, :host(.duet-theme-turva2) .duet-banner.size-large .visual {\n border-top-left-radius: 12px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 12px;\n }\n}";
21
21
 
22
22
  const DuetBanner = class {
23
23
  constructor(hostRef) {
package/lib/cjs/duet-breadcrumb.cjs.entry.js CHANGED
@@ -3,9 +3,9 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-ULRMHMT6.js');
6
+ var index = require('./index-B1t_Yumd.js');
7
7
  var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
8
- var themeableComponent = require('./themeable-component-vXSpPXDS.js');
8
+ var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
9
9
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
10
10
 
11
11
  var actionArrowRightSmall;
@@ -21,7 +21,7 @@ function requireActionArrowRightSmall () {
21
21
  var actionArrowRightSmallExports = requireActionArrowRightSmall();
22
22
  var arrowRightSmallIcon = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(actionArrowRightSmallExports);
23
23
 
24
- const duetBreadcrumbCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:list-item;width:auto}.container{display:flex;align-items:center}.hide{display:none}.duet-breadrumbs-arrow{display:block;align-items:center;justify-content:center;width:0.375rem;min-width:0.375rem;height:0.375rem;min-height:0.375rem}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;padding:10px 8px;font-size:0.875rem;font-weight:inherit;line-height:1.25;color:inherit;text-decoration:none}.duet-breadcrumb:focus{outline:0}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
24
+ const duetBreadcrumbCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:list-item;width:auto}.container{display:flex;align-items:center}.hide{display:none}.duet-breadrumbs-arrow{display:block;align-items:center;justify-content:center;width:0.375rem;min-width:0.375rem;height:0.375rem;min-height:0.375rem}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;padding:10px 8px;font-size:0.875rem;font-weight:inherit;line-height:1.25;color:inherit;text-decoration:none}.duet-breadcrumb:focus{outline:0}:host(.user-is-tabbing) .duet-breadcrumb:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-breadcrumb:focus,:host(.user-is-tabbing) .duet-breadcrumb:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-breadcrumb:focus,:host(.user-is-tabbing) .duet-breadcrumb:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}";
25
25
 
26
26
  const DuetBreadcrumb = class {
27
27
  constructor(hostRef) {
package/lib/cjs/duet-breadcrumbs.cjs.entry.js CHANGED
@@ -3,14 +3,14 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-ULRMHMT6.js');
7
- var themeableComponent = require('./themeable-component-vXSpPXDS.js');
8
- var languageUtils = require('./language-utils-D_noDTNR.js');
9
- var tokenUtils = require('./token-utils-b3aW02zZ.js');
6
+ var index = require('./index-B1t_Yumd.js');
7
+ var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
8
+ var languageUtils = require('./language-utils-Ce6b_uA3.js');
9
+ var tokenUtils = require('./token-utils-COKjUxmn.js');
10
10
  require('./string-utils-B35hEUBv.js');
11
- require('./tokens.module-7opSZfop.js');
11
+ require('./tokens.module-Bhh9B2g8.js');
12
12
 
13
- const duetBreadcrumbsCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px 0 20px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;align-items:center;justify-content:flex-start;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 75, 129)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(212, 223, 229)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(8, 42, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header{color:#172a3b;background:#fdf7f2}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.footer{background:#e61740}";
13
+ const duetBreadcrumbsCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px 0 20px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;align-items:center;justify-content:flex-start;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 75, 129)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(212, 223, 229)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(8, 42, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header{color:rgb(23, 42, 59);background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.footer{background:rgb(230, 23, 64)}";
14
14
 
15
15
  const DuetBreadcrumbs = class {
16
16
  constructor(hostRef) {
package/lib/cjs/duet-button_2.cjs.entry.js CHANGED
@@ -3,15 +3,15 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-ULRMHMT6.js');
7
- var themeableComponent = require('./themeable-component-vXSpPXDS.js');
6
+ var index = require('./index-B1t_Yumd.js');
7
+ var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
8
8
  var commonStrings = require('./common-strings-CSqtNIxt.js');
9
- var languageUtils = require('./language-utils-D_noDTNR.js');
10
- var tokenUtils = require('./token-utils-b3aW02zZ.js');
9
+ var languageUtils = require('./language-utils-Ce6b_uA3.js');
10
+ var tokenUtils = require('./token-utils-COKjUxmn.js');
11
11
  require('./string-utils-B35hEUBv.js');
12
- require('./tokens.module-7opSZfop.js');
12
+ require('./tokens.module-Bhh9B2g8.js');
13
13
 
14
- const duetButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{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{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.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{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.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{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small: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{padding:0 !important}.duet-theme-turva .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{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{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 .duet-button.input-button-left-primary{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.input-button-left-primary: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 .duet-button.input-button-left-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus,.duet-button.input-button-left-primary: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 .duet-button.input-button-left-primary: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-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{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-left-secondary:hover,.duet-button.input-button-embedded: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-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded: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-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !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-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative: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-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{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{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative: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{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{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{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled],.duet-button.plain[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled],.duet-theme-turva .duet-button.plain[disabled]:hover{color:rgb(113, 118, 132) !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{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-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.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-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{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-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{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{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !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{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-button{border-radius:8px}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default{color:#e61740 !important;border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative{background-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded{color:#172a3b !important;border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative{color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative:hover{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain{color:#e61740 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain:hover{color:#8c001e !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled]:hover{color:#5f7a8f !important;background:transparent !important;border-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square{border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square.duet-button-negative{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button[disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button[disabled]:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button-negative [disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:#7891a4 !important;cursor:not-allowed;background:#d4dde2 !important;border-color:#d4dde2 !important;outline-color:#d4dde2 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button-is-loading.default{color:#e61740}";
14
+ const duetButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.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, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva,.duet-theme-turva2 .duet-button:focus,.duet-button:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small: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{padding:0 !important}.duet-theme-turva .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{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{outline:2px solid rgb(0, 119, 179);outline-offset:-2px;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default:hover{outline-color:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{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 .duet-button.input-button-left-primary{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.input-button-left-primary: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 .duet-button.input-button-left-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{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-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179);outline:2px solid;outline-color:rgb(98, 121, 138);outline-offset:-1px}.duet-theme-turva .duet-button.secondary:hover,.duet-button.secondary:hover.duet-theme-turva,.duet-theme-turva2 .duet-button.secondary:hover,.duet-button.secondary:hover.duet-theme-turva2,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-button.input-button-secondary:hover.duet-theme-turva,.duet-theme-turva2 .duet-button.input-button-secondary:hover,.duet-button.input-button-secondary:hover.duet-theme-turva2,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-button.input-button-left-secondary:hover.duet-theme-turva,.duet-theme-turva2 .duet-button.input-button-left-secondary:hover,.duet-button.input-button-left-secondary:hover.duet-theme-turva2,.duet-theme-turva .duet-button.input-button-embedded:hover,.duet-button.input-button-embedded:hover.duet-theme-turva,.duet-theme-turva2 .duet-button.input-button-embedded:hover,.duet-button.input-button-embedded:hover.duet-theme-turva2{outline-color:rgb(120, 145, 164)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded: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-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !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-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative: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-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{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{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{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{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled],.duet-button.plain[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled],.duet-theme-turva .duet-button.plain[disabled]:hover{color:rgb(113, 118, 132) !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.plain.duet-button-icon-only:focus{outline-offset:1px}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{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-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.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-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{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-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{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{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{outline:2px solid rgb(0, 119, 179);outline-offset:-2px;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square:hover{outline-color:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;outline:none !important;outline-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !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{color:rgb(143, 147, 158) !important;cursor:not-allowed;outline-color:rgb(222, 224, 228) !important;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-button{border-radius:8px}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default{color:rgb(230, 23, 64) !important;border-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default:hover{outline-color:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(251, 225, 209) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(230, 23, 64) !important;border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary{background:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 42, 59) !important;border-color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(230, 23, 64) !important;border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(251, 225, 209) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(230, 23, 64) !important;border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-bottom-left-radius:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-left-primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-left-secondary{border-top-right-radius:0;border-bottom-right-radius:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative{color:rgb(23, 42, 59) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative:hover{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain{color:rgb(230, 23, 64) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain:hover{color:rgb(140, 0, 30) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled]:hover{color:rgb(95, 122, 143) !important;background:transparent !important;border-color:rgb(251, 225, 209) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square{border-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square.duet-button-negative{background:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square:hover{outline-color:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva .duet-button[disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button[disabled]:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button-negative [disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(120, 145, 164) !important;cursor:not-allowed;outline-color:rgb(212, 221, 226) !important;background:rgb(212, 221, 226) !important;border-color:rgb(212, 221, 226) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button-is-loading.default{color:rgb(230, 23, 64)}";
15
15
 
16
16
  const DuetButton = class {
17
17
  constructor(hostRef) {
@@ -327,7 +327,7 @@ const DuetButton = class {
327
327
  };
328
328
  DuetButton.style = duetButtonCss;
329
329
 
330
- const duetSpinnerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}:host(.duet-theme-default) .duet-spinner{color:rgb(0, 119, 179) !important}:host(.duet-theme-turva) .duet-spinner{color:rgb(198, 12, 48) !important}:host(.duet-custom-color){color:inherit}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:rgb(0, 119, 179);border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:\"\";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}:host(.duet-theme-turva2) .duet-spinner{color:#e61740 !important}";
330
+ const duetSpinnerCss = ":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}:host(.duet-theme-default) .duet-spinner{color:rgb(0, 119, 179) !important}:host(.duet-theme-turva) .duet-spinner{color:rgb(198, 12, 48) !important}:host(.duet-custom-color){color:inherit}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:rgb(0, 119, 179);border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:\"\";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}:host(.duet-theme-turva2) .duet-spinner{color:rgb(230, 23, 64) !important}";
331
331
 
332
332
  const DuetSpinner = class {
333
333
  constructor(hostRef) {
package/lib/cjs/duet-callout.cjs.entry.js CHANGED
@@ -3,11 +3,11 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-ULRMHMT6.js');
7
- var themeableComponent = require('./themeable-component-vXSpPXDS.js');
8
- var slotUtils = require('./slot-utils-CuWfl8gF.js');
6
+ var index = require('./index-B1t_Yumd.js');
7
+ var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
8
+ var slotUtils = require('./slot-utils-C8k-6Rvc.js');
9
9
 
10
- const duetCalloutCss = ":host{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,figure{margin:0}.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{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(8, 42, 77)}.duet-callout.duet-theme-turva{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 blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}:host(.duet-theme-turva2) .duet-callout.duet-theme-turva .author,:host(.duet-theme-turva2) .duet-callout.duet-theme-turva blockquote{color:#172a3b}";
10
+ const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative;display:block;width:100%}blockquote,figure{margin:0}.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{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(8, 42, 77)}.duet-callout.duet-theme-turva{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 blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}:host(.duet-theme-turva2) .duet-callout.duet-theme-turva .author,:host(.duet-theme-turva2) .duet-callout.duet-theme-turva blockquote{color:rgb(23, 42, 59)}";
11
11
 
12
12
  const DuetCallout = class {
13
13
  constructor(hostRef) {