@duetds/components 9.19.1 → 9.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (711) hide show
  1. package/hydrate/index.js +170 -91
  2. package/lib/cjs/a11y-utils-13737afd.js +46 -0
  3. package/lib/cjs/{app-globals-2b37fc0d.js → app-globals-dbb64a81.js} +1 -1
  4. package/lib/cjs/{common-strings-92c2f034.js → common-strings-ed188f52.js} +5 -4
  5. package/lib/cjs/duet-action-button.cjs.entry.js +3 -3
  6. package/lib/cjs/duet-alert.cjs.entry.js +15 -12
  7. package/lib/cjs/duet-badge.cjs.entry.js +4 -4
  8. package/lib/cjs/duet-banner.cjs.entry.js +4 -4
  9. package/lib/cjs/duet-breadcrumb.cjs.entry.js +2 -2
  10. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +3 -3
  11. package/lib/cjs/duet-button_2.cjs.entry.js +5 -5
  12. package/lib/cjs/duet-callout.cjs.entry.js +3 -3
  13. package/lib/cjs/duet-caption_4.cjs.entry.js +6 -6
  14. package/lib/cjs/duet-card.cjs.entry.js +3 -3
  15. package/lib/cjs/duet-checkbox.cjs.entry.js +2 -2
  16. package/lib/cjs/duet-checkmark.cjs.entry.js +2 -2
  17. package/lib/cjs/duet-chip.cjs.entry.js +3 -3
  18. package/lib/cjs/duet-choice_2.cjs.entry.js +9 -8
  19. package/lib/cjs/duet-collapsible.cjs.entry.js +13 -8
  20. package/lib/cjs/duet-combobox.cjs.entry.js +20 -15
  21. package/lib/cjs/duet-contact-card.cjs.entry.js +3 -3
  22. package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
  23. package/lib/cjs/duet-date-picker.cjs.entry.js +5 -5
  24. package/lib/cjs/duet-divider_2.cjs.entry.js +2 -2
  25. package/lib/cjs/duet-editable-table_3.cjs.entry.js +4 -4
  26. package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
  27. package/lib/cjs/duet-fieldset.cjs.entry.js +3 -3
  28. package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
  29. package/lib/cjs/duet-footer.cjs.entry.js +5 -5
  30. package/lib/cjs/duet-grid_2.cjs.entry.js +2 -2
  31. package/lib/cjs/duet-header_2.cjs.entry.js +4 -4
  32. package/lib/cjs/duet-hero.cjs.entry.js +18 -17
  33. package/lib/cjs/duet-icon.cjs.entry.js +2 -2
  34. package/lib/cjs/duet-indicator.cjs.entry.js +3 -3
  35. package/lib/cjs/duet-input_2.cjs.entry.js +29 -5
  36. package/lib/cjs/duet-layout.cjs.entry.js +2 -2
  37. package/lib/cjs/duet-list_2.cjs.entry.js +3 -3
  38. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +2 -2
  39. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +2 -2
  40. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +2 -2
  41. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +6 -6
  42. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +2 -2
  43. package/lib/cjs/duet-menu-bar.cjs.entry.js +3 -3
  44. package/lib/cjs/duet-modal.cjs.entry.js +6 -6
  45. package/lib/cjs/duet-multiselect.cjs.entry.js +4 -4
  46. package/lib/cjs/duet-nav.cjs.entry.js +2 -2
  47. package/lib/cjs/duet-notification_2.cjs.entry.js +4 -4
  48. package/lib/cjs/duet-number-input.cjs.entry.js +15 -11
  49. package/lib/cjs/duet-overlay.cjs.entry.js +2 -2
  50. package/lib/cjs/duet-page-heading.cjs.entry.js +2 -2
  51. package/lib/cjs/duet-pagination_2.cjs.entry.js +3 -3
  52. package/lib/cjs/duet-panel.cjs.entry.js +5 -6
  53. package/lib/cjs/duet-phone-input.cjs.entry.js +6 -6
  54. package/lib/cjs/duet-popup-menu_2.cjs.entry.js +13 -15
  55. package/lib/cjs/duet-progress.cjs.entry.js +3 -3
  56. package/lib/cjs/duet-promo-card.cjs.entry.js +3 -3
  57. package/lib/cjs/duet-radio_2.cjs.entry.js +3 -3
  58. package/lib/cjs/duet-range-slider.cjs.entry.js +2 -2
  59. package/lib/cjs/duet-scrollable_3.cjs.entry.js +29 -10
  60. package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
  61. package/lib/cjs/duet-select.cjs.entry.js +4 -7
  62. package/lib/cjs/duet-shaped-image.cjs.entry.js +2 -2
  63. package/lib/cjs/duet-share-chart-item.cjs.entry.js +1 -1
  64. package/lib/cjs/duet-share-chart.cjs.entry.js +4 -4
  65. package/lib/cjs/duet-show-more.cjs.entry.js +3 -3
  66. package/lib/cjs/duet-slideout-lang.cjs.entry.js +3 -3
  67. package/lib/cjs/duet-slideout-link.cjs.entry.js +6 -6
  68. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +2 -2
  69. package/lib/cjs/duet-slideout-panel.cjs.entry.js +5 -5
  70. package/lib/cjs/duet-slideout.cjs.entry.js +13 -13
  71. package/lib/cjs/duet-status-icon.cjs.entry.js +1 -1
  72. package/lib/cjs/duet-step_2.cjs.entry.js +4 -4
  73. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +2 -2
  74. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +2 -2
  75. package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +6 -6
  76. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +2 -2
  77. package/lib/cjs/duet-submenu-bar.cjs.entry.js +2 -2
  78. package/lib/cjs/duet-textarea.cjs.entry.js +7 -6
  79. package/lib/cjs/duet-toggle.cjs.entry.js +2 -2
  80. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +2 -2
  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 +2 -2
  85. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +3 -3
  86. package/lib/cjs/duet-tooltip.cjs.entry.js +3 -3
  87. package/lib/cjs/duet-tray.cjs.entry.js +3 -3
  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 +1 -1
  91. package/lib/cjs/duet.cjs.js +3 -3
  92. package/lib/cjs/{errorcodes.utils-1866faa9.js → errorcodes.utils-081cbf12.js} +1 -1
  93. package/lib/cjs/{focus-utils-3a78068c.js → focus-utils-30936141.js} +1 -1
  94. package/lib/cjs/{index-8689e0f0.js → index-3e2cb13d.js} +1 -1
  95. package/lib/cjs/{language-utils-82c441a5.js → language-utils-577f9daf.js} +1 -1
  96. package/lib/cjs/loader.cjs.js +3 -3
  97. package/lib/cjs/{slot-utils-6f9e2d2b.js → slot-utils-1e7a8d85.js} +1 -1
  98. package/lib/cjs/{themeable-component-b663d703.js → themeable-component-32848c09.js} +1 -1
  99. package/lib/collection/common-strings.js +5 -4
  100. package/lib/collection/components/duet-alert/duet-alert.css +15 -6
  101. package/lib/collection/components/duet-alert/duet-alert.js +9 -6
  102. package/lib/collection/components/duet-banner/duet-banner.css +1 -0
  103. package/lib/collection/components/duet-button/duet-button.css +4 -0
  104. package/lib/collection/components/duet-choice/duet-choice.css +65 -3
  105. package/lib/collection/components/duet-choice/duet-choice.js +13 -6
  106. package/lib/collection/components/duet-choice-group/duet-choice-group.js +1 -1
  107. package/lib/collection/components/duet-collapsible/duet-collapsible.js +12 -7
  108. package/lib/collection/components/duet-combobox/duet-combobox.js +17 -11
  109. package/lib/collection/components/duet-hero/duet-hero.js +13 -12
  110. package/lib/collection/components/duet-input/duet-input.js +78 -5
  111. package/lib/collection/components/duet-list-item/duet-list-item.css +6 -6
  112. package/lib/collection/components/duet-number-input/duet-number-input.js +19 -15
  113. package/lib/collection/components/duet-panel/duet-panel.css +3 -2
  114. package/lib/collection/components/duet-panel/duet-panel.js +2 -3
  115. package/lib/collection/components/duet-phone-input/duet-phone-input.js +3 -3
  116. package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +20 -23
  117. package/lib/collection/components/duet-scrollable/duet-scrollable.js +87 -6
  118. package/lib/collection/components/duet-select/duet-select.js +1 -4
  119. package/lib/collection/components/duet-slideout/duet-slideout.js +12 -12
  120. package/lib/collection/components/duet-textarea/duet-textarea.css +3 -0
  121. package/lib/collection/components/duet-textarea/duet-textarea.js +21 -1
  122. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.css +6 -0
  123. package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.css +18 -0
  124. package/lib/collection/utils/a11y-utils.js +20 -0
  125. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  126. package/lib/dist-custom-elements/duet-alert.js +1 -1
  127. package/lib/dist-custom-elements/duet-badge.js +1 -1
  128. package/lib/dist-custom-elements/duet-banner.js +4 -4
  129. package/lib/dist-custom-elements/duet-breadcrumb.js +3 -3
  130. package/lib/dist-custom-elements/duet-breadcrumbs.js +1 -1
  131. package/lib/dist-custom-elements/duet-button.js +1 -1
  132. package/lib/dist-custom-elements/duet-callout.js +2 -2
  133. package/lib/dist-custom-elements/duet-caption.js +1 -1
  134. package/lib/dist-custom-elements/duet-card.js +3 -3
  135. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  136. package/lib/dist-custom-elements/duet-checkmark.js +1 -1
  137. package/lib/dist-custom-elements/duet-chip.js +1 -1
  138. package/lib/dist-custom-elements/duet-choice-group.js +9 -9
  139. package/lib/dist-custom-elements/duet-choice.js +9 -8
  140. package/lib/dist-custom-elements/duet-collapsible.js +15 -10
  141. package/lib/dist-custom-elements/duet-combobox.js +32 -26
  142. package/lib/dist-custom-elements/duet-contact-card.js +8 -8
  143. package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
  144. package/lib/dist-custom-elements/duet-date-picker.js +13 -13
  145. package/lib/dist-custom-elements/duet-divider.js +1 -1
  146. package/lib/dist-custom-elements/duet-editable-table.js +7 -7
  147. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  148. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  149. package/lib/dist-custom-elements/duet-file-chooser.js +2 -2
  150. package/lib/dist-custom-elements/duet-footer.js +8 -8
  151. package/lib/dist-custom-elements/duet-grid-item.js +1 -1
  152. package/lib/dist-custom-elements/duet-grid.js +1 -1
  153. package/lib/dist-custom-elements/duet-header.js +9 -9
  154. package/lib/dist-custom-elements/duet-heading.js +1 -1
  155. package/lib/dist-custom-elements/duet-hero.js +23 -22
  156. package/lib/dist-custom-elements/duet-icon.js +1 -1
  157. package/lib/dist-custom-elements/duet-indicator.js +1 -1
  158. package/lib/dist-custom-elements/duet-input.js +1 -1
  159. package/lib/dist-custom-elements/duet-label.js +1 -1
  160. package/lib/dist-custom-elements/duet-layout.js +1 -1
  161. package/lib/dist-custom-elements/duet-link.js +1 -1
  162. package/lib/dist-custom-elements/duet-list-item.js +1 -1
  163. package/lib/dist-custom-elements/duet-list.js +1 -1
  164. package/lib/dist-custom-elements/duet-logo.js +1 -1
  165. package/lib/dist-custom-elements/duet-menu-bar-button.js +2 -2
  166. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +2 -2
  167. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +2 -2
  168. package/lib/dist-custom-elements/duet-menu-bar-item.js +4 -4
  169. package/lib/dist-custom-elements/duet-menu-bar-link.js +2 -2
  170. package/lib/dist-custom-elements/duet-menu-bar.js +2 -2
  171. package/lib/dist-custom-elements/duet-modal.js +9 -9
  172. package/lib/dist-custom-elements/duet-multiselect.js +9 -9
  173. package/lib/dist-custom-elements/duet-nav.js +1 -1
  174. package/lib/dist-custom-elements/duet-notification-drawer.js +6 -6
  175. package/lib/dist-custom-elements/duet-notification.js +3 -3
  176. package/lib/dist-custom-elements/duet-number-input.js +22 -18
  177. package/lib/dist-custom-elements/duet-overlay.js +1 -1
  178. package/lib/dist-custom-elements/duet-page-heading.js +3 -3
  179. package/lib/dist-custom-elements/duet-pagination.js +13 -13
  180. package/lib/dist-custom-elements/duet-panel.js +4 -5
  181. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  182. package/lib/dist-custom-elements/duet-phone-input.js +19 -19
  183. package/lib/dist-custom-elements/duet-popup-menu-item.js +1 -1
  184. package/lib/dist-custom-elements/duet-popup-menu.js +1 -1
  185. package/lib/dist-custom-elements/duet-progress.js +1 -1
  186. package/lib/dist-custom-elements/duet-promo-card.js +3 -3
  187. package/lib/dist-custom-elements/duet-radio-group.js +8 -8
  188. package/lib/dist-custom-elements/duet-radio.js +1 -1
  189. package/lib/dist-custom-elements/duet-range-slider.js +2 -2
  190. package/lib/dist-custom-elements/duet-range-stepper.js +4 -4
  191. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  192. package/lib/dist-custom-elements/duet-section-layout.js +1 -1
  193. package/lib/dist-custom-elements/duet-select.js +1 -1
  194. package/lib/dist-custom-elements/duet-shaped-image.js +1 -1
  195. package/lib/dist-custom-elements/duet-share-chart-item.js +1 -1
  196. package/lib/dist-custom-elements/duet-share-chart.js +2 -2
  197. package/lib/dist-custom-elements/duet-show-more.js +1 -1
  198. package/lib/dist-custom-elements/duet-slideout-lang.js +2 -2
  199. package/lib/dist-custom-elements/duet-slideout-link.js +4 -4
  200. package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +2 -2
  201. package/lib/dist-custom-elements/duet-slideout-panel.js +4 -4
  202. package/lib/dist-custom-elements/duet-slideout.js +11 -11
  203. package/lib/dist-custom-elements/duet-spacer.js +1 -1
  204. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  205. package/lib/dist-custom-elements/duet-status-icon.js +1 -1
  206. package/lib/dist-custom-elements/duet-step.js +4 -4
  207. package/lib/dist-custom-elements/duet-stepper.js +3 -3
  208. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +2 -2
  209. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +2 -2
  210. package/lib/dist-custom-elements/duet-submenu-bar-item.js +4 -4
  211. package/lib/dist-custom-elements/duet-submenu-bar-link.js +2 -2
  212. package/lib/dist-custom-elements/duet-submenu-bar.js +3 -3
  213. package/lib/dist-custom-elements/duet-tab-group.js +8 -8
  214. package/lib/dist-custom-elements/duet-tab.js +1 -1
  215. package/lib/dist-custom-elements/duet-table.js +1 -1
  216. package/lib/dist-custom-elements/duet-textarea.js +14 -12
  217. package/lib/dist-custom-elements/duet-toggle.js +2 -2
  218. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +2 -2
  219. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +3 -3
  220. package/lib/dist-custom-elements/duet-toolbar-item.js +6 -6
  221. package/lib/dist-custom-elements/duet-toolbar-link.js +3 -3
  222. package/lib/dist-custom-elements/duet-toolbar.js +1 -1
  223. package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
  224. package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
  225. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  226. package/lib/dist-custom-elements/duet-tray.js +3 -3
  227. package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
  228. package/lib/dist-custom-elements/duet-upload-item.js +1 -1
  229. package/lib/dist-custom-elements/duet-upload.js +20 -20
  230. package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
  231. package/lib/dist-custom-elements/index.js +1 -1
  232. package/lib/dist-custom-elements/{p-25acb470.js → p-04819623.js} +2 -2
  233. package/lib/dist-custom-elements/{p-2967d610.js → p-05128e11.js} +18 -15
  234. package/lib/dist-custom-elements/{p-c4b6f5d6.js → p-06deb63a.js} +2 -2
  235. package/lib/dist-custom-elements/{p-0ec15ba7.js → p-0af6662f.js} +9 -12
  236. package/lib/dist-custom-elements/p-0d607aa5.js +43 -0
  237. package/lib/dist-custom-elements/{p-4b13a990.js → p-0dca88bc.js} +2 -2
  238. package/lib/dist-custom-elements/{p-7bed73a7.js → p-13d994c2.js} +39 -12
  239. package/lib/dist-custom-elements/{p-e29db94f.js → p-1a349415.js} +5 -5
  240. package/lib/dist-custom-elements/{p-df469213.js → p-20af19f0.js} +2 -2
  241. package/lib/dist-custom-elements/{p-b7a93f1c.js → p-2fc2a0b6.js} +5 -4
  242. package/lib/dist-custom-elements/{p-cb129f84.js → p-32b35eb2.js} +3 -3
  243. package/lib/dist-custom-elements/{p-6327d4e2.js → p-3b89d7ab.js} +1 -1
  244. package/lib/dist-custom-elements/{p-620ac0f8.js → p-46206871.js} +1 -1
  245. package/lib/dist-custom-elements/{p-f1b9fb2c.js → p-509dca55.js} +1 -1
  246. package/lib/dist-custom-elements/{p-9dd5b1ab.js → p-515dedd9.js} +1 -1
  247. package/lib/dist-custom-elements/{p-b978a5e4.js → p-575b998e.js} +1 -1
  248. package/lib/dist-custom-elements/{p-be9c3f20.js → p-5957bf62.js} +3 -3
  249. package/lib/dist-custom-elements/{p-f5035d0a.js → p-5a5372db.js} +1 -1
  250. package/lib/dist-custom-elements/{p-77cd5d74.js → p-659b46dc.js} +2 -2
  251. package/lib/dist-custom-elements/{p-ce458f25.js → p-6d3db687.js} +1 -1
  252. package/lib/dist-custom-elements/{p-656cb1fd.js → p-721934fb.js} +1 -1
  253. package/lib/dist-custom-elements/{p-d0d1c5a0.js → p-7f5a8d4f.js} +10 -10
  254. package/lib/dist-custom-elements/{p-f7d27c78.js → p-7fae118b.js} +6 -6
  255. package/lib/dist-custom-elements/{p-5b72a3b0.js → p-856877ce.js} +1 -1
  256. package/lib/dist-custom-elements/{p-0eec21d3.js → p-92614803.js} +2 -2
  257. package/lib/dist-custom-elements/{p-3caafb9d.js → p-94bcb496.js} +1 -1
  258. package/lib/dist-custom-elements/{p-2b66b8d4.js → p-9c152299.js} +1 -1
  259. package/lib/dist-custom-elements/{p-cee4b98f.js → p-9cc4be6b.js} +1 -1
  260. package/lib/dist-custom-elements/{p-1385415a.js → p-9ff3d312.js} +3 -3
  261. package/lib/dist-custom-elements/{p-d3180cfc.js → p-a2165a78.js} +1 -1
  262. package/lib/dist-custom-elements/p-a9d05a66.js +58 -0
  263. package/lib/dist-custom-elements/{p-48cbe41a.js → p-af66a878.js} +1 -1
  264. package/lib/dist-custom-elements/{p-f3726f3b.js → p-b1dab6b7.js} +1 -1
  265. package/lib/dist-custom-elements/{p-8b2e0122.js → p-b5757906.js} +2 -2
  266. package/lib/dist-custom-elements/{p-039d4ba6.js → p-b9dfe8fb.js} +2 -2
  267. package/lib/dist-custom-elements/{p-a6205f48.js → p-c00e6485.js} +34 -12
  268. package/lib/dist-custom-elements/{p-0defe821.js → p-c9b0406e.js} +2 -2
  269. package/lib/dist-custom-elements/{p-6237da28.js → p-cd6aad6d.js} +4 -4
  270. package/lib/dist-custom-elements/{p-32d33753.js → p-d2461d13.js} +1 -1
  271. package/lib/dist-custom-elements/{p-884ae25a.js → p-e8f9e11c.js} +5 -5
  272. package/lib/dist-custom-elements/{p-30456bad.js → p-f6889d60.js} +1 -1
  273. package/lib/dist-custom-elements/{p-c97f4a6a.js → p-fc39349f.js} +20 -23
  274. package/lib/dist-custom-elements/{p-4c473784.js → p-ffd3c3bf.js} +1 -1
  275. package/lib/duet/duet.esm.js +1 -1
  276. package/lib/duet/duet.js +1 -1
  277. package/lib/duet/p-0117fffd.js +4 -0
  278. package/lib/duet/{p-cee2f369.system.entry.js → p-0196e419.system.entry.js} +1 -1
  279. package/lib/duet/{p-ed24b370.entry.js → p-01bfa80a.entry.js} +1 -1
  280. package/lib/duet/{p-3469aaaf.entry.js → p-01c4784d.entry.js} +1 -1
  281. package/lib/duet/{p-eacf7ed7.entry.js → p-021aad93.entry.js} +1 -1
  282. package/lib/duet/{p-d72ec8fd.system.entry.js → p-02b0b46e.system.entry.js} +1 -1
  283. package/lib/duet/{p-a65da7a4.entry.js → p-08a6fe81.entry.js} +1 -1
  284. package/lib/duet/{p-a543a9f0.entry.js → p-08bafedd.entry.js} +1 -1
  285. package/lib/duet/{p-e1bd6791.system.entry.js → p-0a04f223.system.entry.js} +1 -1
  286. package/lib/duet/{p-570ec400.system.entry.js → p-0a55a31e.system.entry.js} +1 -1
  287. package/lib/duet/{p-b17f976c.entry.js → p-0a5bad04.entry.js} +1 -1
  288. package/lib/duet/{p-d0f03726.entry.js → p-0b393b45.entry.js} +1 -1
  289. package/lib/duet/{p-15c9f74e.system.entry.js → p-0b4d95a3.system.entry.js} +1 -1
  290. package/lib/duet/{p-1fe8dc67.entry.js → p-0d93d5d6.entry.js} +1 -1
  291. package/lib/duet/{p-8d6f3089.system.entry.js → p-0dd9cb8f.system.entry.js} +1 -1
  292. package/lib/duet/{p-b93a8d60.system.entry.js → p-0ea89bc3.system.entry.js} +1 -1
  293. package/lib/duet/{p-c8859716.entry.js → p-108a8449.entry.js} +1 -1
  294. package/lib/duet/{p-f86398eb.entry.js → p-11484af4.entry.js} +1 -1
  295. package/lib/duet/{p-81136f12.system.entry.js → p-1188bd88.system.entry.js} +1 -1
  296. package/lib/duet/{p-679272b4.entry.js → p-1255ca3c.entry.js} +1 -1
  297. package/lib/duet/{p-f6abc74d.system.entry.js → p-147036df.system.entry.js} +1 -1
  298. package/lib/duet/p-1640e9ef.system.entry.js +4 -0
  299. package/lib/duet/{p-b7bbc0ac.entry.js → p-171fef9f.entry.js} +1 -1
  300. package/lib/duet/{p-b3abe719.system.js → p-17b4723d.system.js} +1 -1
  301. package/lib/duet/{p-f71d7b6d.system.entry.js → p-1c7c636b.system.entry.js} +1 -1
  302. package/lib/duet/{p-923aa342.system.entry.js → p-1ca77377.system.entry.js} +1 -1
  303. package/lib/duet/{p-7609e7e5.system.entry.js → p-1e748fe7.system.entry.js} +1 -1
  304. package/lib/duet/{p-a54076ef.entry.js → p-1fc499eb.entry.js} +1 -1
  305. package/lib/duet/{p-4275cecd.entry.js → p-2072e2e3.entry.js} +1 -1
  306. package/lib/duet/p-218f197d.entry.js +4 -0
  307. package/lib/duet/{p-ae8b02f9.entry.js → p-295d819b.entry.js} +1 -1
  308. package/lib/duet/{p-e5dfecab.entry.js → p-29620cb8.entry.js} +1 -1
  309. package/lib/duet/{p-49eb852a.entry.js → p-2bbce6ff.entry.js} +1 -1
  310. package/lib/duet/{p-292150a9.system.entry.js → p-2d09e690.system.entry.js} +1 -1
  311. package/lib/duet/p-2dad2417.system.entry.js +4 -0
  312. package/lib/duet/{p-629ca254.system.entry.js → p-2ed33090.system.entry.js} +1 -1
  313. package/lib/duet/{p-7b87a422.entry.js → p-2f4670b2.entry.js} +1 -1
  314. package/lib/duet/p-2f938e05.js +4 -0
  315. package/lib/duet/{p-6dae863c.system.entry.js → p-32672a70.system.entry.js} +1 -1
  316. package/lib/duet/{p-1a70c103.system.entry.js → p-32c11792.system.entry.js} +1 -1
  317. package/lib/duet/{p-0c25b7a5.system.entry.js → p-34679792.system.entry.js} +1 -1
  318. package/lib/duet/p-3639064f.entry.js +4 -0
  319. package/lib/duet/{p-8016efed.system.entry.js → p-364bf8a5.system.entry.js} +1 -1
  320. package/lib/duet/p-3682e272.entry.js +4 -0
  321. package/lib/duet/{p-8ce9049d.system.entry.js → p-3707f843.system.entry.js} +1 -1
  322. package/lib/duet/{p-96bf7e64.entry.js → p-37558e94.entry.js} +1 -1
  323. package/lib/duet/{p-485e347b.system.entry.js → p-37a2bf8f.system.entry.js} +1 -1
  324. package/lib/duet/p-38209530.system.entry.js +4 -0
  325. package/lib/duet/{p-5866fd3c.entry.js → p-3aa1dda7.entry.js} +1 -1
  326. package/lib/duet/{p-58cb1e7b.js → p-3aa7b734.js} +1 -1
  327. package/lib/duet/p-3ae93bdc.entry.js +4 -0
  328. package/lib/duet/{p-b7e41270.entry.js → p-3e04b125.entry.js} +1 -1
  329. package/lib/duet/{p-b5a24ec4.entry.js → p-3f51641e.entry.js} +1 -1
  330. package/lib/duet/p-430e0441.entry.js +4 -0
  331. package/lib/duet/{p-d06624f9.system.entry.js → p-442b1388.system.entry.js} +1 -1
  332. package/lib/duet/{p-6455d4e2.system.entry.js → p-47ae2ce5.system.entry.js} +1 -1
  333. package/lib/duet/{p-3679fdf8.entry.js → p-488d5317.entry.js} +1 -1
  334. package/lib/duet/p-4b688090.js +4 -0
  335. package/lib/duet/{p-5a973232.entry.js → p-4c3e8006.entry.js} +1 -1
  336. package/lib/duet/{p-c99709d4.system.entry.js → p-4d3b8094.system.entry.js} +1 -1
  337. package/lib/duet/{p-da039779.entry.js → p-4d584eba.entry.js} +1 -1
  338. package/lib/duet/{p-b54d5edb.entry.js → p-5075f682.entry.js} +1 -1
  339. package/lib/duet/{p-36478f3d.entry.js → p-528f9e22.entry.js} +1 -1
  340. package/lib/duet/{p-a60ba7fb.system.entry.js → p-5298d270.system.entry.js} +1 -1
  341. package/lib/duet/{p-8ee40bae.js → p-56def387.js} +1 -1
  342. package/lib/duet/{p-cebe051e.system.entry.js → p-57e55fe5.system.entry.js} +1 -1
  343. package/lib/duet/p-59cee476.js +4 -0
  344. package/lib/duet/{p-0c9e9925.entry.js → p-5b094a81.entry.js} +1 -1
  345. package/lib/duet/{p-cfe7483c.entry.js → p-5b7b0c49.entry.js} +1 -1
  346. package/lib/duet/{p-ba1170fc.system.entry.js → p-5d078192.system.entry.js} +1 -1
  347. package/lib/duet/p-620790ec.entry.js +4 -0
  348. package/lib/duet/{p-1f01bee2.js → p-6251429e.js} +1 -1
  349. package/lib/duet/{p-bc2dfc8f.entry.js → p-62d45619.entry.js} +1 -1
  350. package/lib/duet/{p-95c12be6.system.entry.js → p-646fb027.system.entry.js} +1 -1
  351. package/lib/duet/{p-95933d17.system.entry.js → p-64714348.system.entry.js} +2 -2
  352. package/lib/duet/{p-bf901d0f.entry.js → p-67150100.entry.js} +1 -1
  353. package/lib/duet/{p-d04f0720.system.js → p-6746f86c.system.js} +1 -1
  354. package/lib/duet/{p-8f5bbc88.system.entry.js → p-68b94462.system.entry.js} +1 -1
  355. package/lib/duet/{p-51e4be9b.entry.js → p-693c2594.entry.js} +1 -1
  356. package/lib/duet/{p-854d1f8e.system.entry.js → p-69a0ce45.system.entry.js} +1 -1
  357. package/lib/duet/{p-b8427cfa.system.entry.js → p-6f677d93.system.entry.js} +1 -1
  358. package/lib/duet/{p-94379df1.system.entry.js → p-6fe0a923.system.entry.js} +1 -1
  359. package/lib/duet/{p-c54c650f.system.entry.js → p-7013d95e.system.entry.js} +1 -1
  360. package/lib/duet/{p-a53b0c61.entry.js → p-71be2ee6.entry.js} +1 -1
  361. package/lib/duet/{p-d72625ca.system.js → p-7231eb9d.system.js} +1 -1
  362. package/lib/duet/{p-8b744c14.system.entry.js → p-742e23f2.system.entry.js} +1 -1
  363. package/lib/duet/p-743372d1.system.entry.js +4 -0
  364. package/lib/duet/{p-5f34fc36.system.entry.js → p-74a10d90.system.entry.js} +1 -1
  365. package/lib/duet/{p-545d740f.entry.js → p-765ce7e2.entry.js} +1 -1
  366. package/lib/duet/{p-f5fc750d.entry.js → p-76f86b9a.entry.js} +1 -1
  367. package/lib/duet/{p-a1e4a928.entry.js → p-77b52060.entry.js} +1 -1
  368. package/lib/duet/{p-9c4b48e8.entry.js → p-7948f709.entry.js} +1 -1
  369. package/lib/duet/{p-1dc59447.system.entry.js → p-7d56359b.system.entry.js} +1 -1
  370. package/lib/duet/p-81dc0c8c.system.js +4 -0
  371. package/lib/duet/{p-87633fff.system.js → p-83cfc05d.system.js} +1 -1
  372. package/lib/duet/{p-7caeb4e4.system.entry.js → p-850c54b0.system.entry.js} +1 -1
  373. package/lib/duet/p-88c60955.entry.js +4 -0
  374. package/lib/duet/{p-75030665.entry.js → p-8a10a26e.entry.js} +1 -1
  375. package/lib/duet/{p-ceb8f2cd.entry.js → p-8cb64ea1.entry.js} +1 -1
  376. package/lib/duet/{p-77984d20.system.entry.js → p-8ccbbbc7.system.entry.js} +1 -1
  377. package/lib/duet/{p-034e1b79.system.entry.js → p-8d28efb9.system.entry.js} +1 -1
  378. package/lib/duet/{p-2f8ee1a5.entry.js → p-8e21ea72.entry.js} +1 -1
  379. package/lib/duet/{p-fc8ac479.system.entry.js → p-8e6085d1.system.entry.js} +1 -1
  380. package/lib/duet/{p-6000271f.system.entry.js → p-8f7fcfb5.system.entry.js} +1 -1
  381. package/lib/duet/{p-56cc31e0.entry.js → p-8fe2a9bf.entry.js} +1 -1
  382. package/lib/duet/{p-9e37e183.system.entry.js → p-8fe65a80.system.entry.js} +1 -1
  383. package/lib/duet/{p-d3b6137d.system.entry.js → p-90157004.system.entry.js} +1 -1
  384. package/lib/duet/{p-79570700.system.entry.js → p-90fcd0a4.system.entry.js} +1 -1
  385. package/lib/duet/{p-c9063437.system.entry.js → p-9220dbb1.system.entry.js} +1 -1
  386. package/lib/duet/{p-ec919d45.entry.js → p-9277533c.entry.js} +1 -1
  387. package/lib/duet/{p-1e126580.entry.js → p-94341565.entry.js} +1 -1
  388. package/lib/duet/{p-093a5aaa.system.entry.js → p-9453fcb3.system.entry.js} +1 -1
  389. package/lib/duet/{p-cc5d55c9.entry.js → p-97d956fb.entry.js} +1 -1
  390. package/lib/duet/{p-c3755b07.entry.js → p-9bfd9d0e.entry.js} +1 -1
  391. package/lib/duet/p-9f3b0efe.entry.js +4 -0
  392. package/lib/duet/{p-1af82a3a.system.entry.js → p-9f6855fa.system.entry.js} +1 -1
  393. package/lib/duet/{p-4c164015.system.entry.js → p-a2173e10.system.entry.js} +2 -2
  394. package/lib/duet/{p-e61fdd1f.system.entry.js → p-a44268b2.system.entry.js} +1 -1
  395. package/lib/duet/{p-eedacfa7.entry.js → p-a579ae4d.entry.js} +1 -1
  396. package/lib/duet/{p-15f1493c.system.js → p-a71f0bcb.system.js} +1 -1
  397. package/lib/duet/{p-45664da0.entry.js → p-a744d677.entry.js} +1 -1
  398. package/lib/duet/{p-a1a46dc8.entry.js → p-a9d0200d.entry.js} +1 -1
  399. package/lib/duet/{p-427293b9.system.entry.js → p-ab79bc5b.system.entry.js} +1 -1
  400. package/lib/duet/{p-99915f28.system.entry.js → p-ae03cb6d.system.entry.js} +1 -1
  401. package/lib/duet/{p-5e7bfe5a.entry.js → p-ae220bba.entry.js} +1 -1
  402. package/lib/duet/p-af9c927e.system.entry.js +4 -0
  403. package/lib/duet/{p-0024a14a.system.entry.js → p-b0b59b81.system.entry.js} +1 -1
  404. package/lib/duet/p-b1e60f97.system.js +4 -0
  405. package/lib/duet/p-b52a7760.entry.js +4 -0
  406. package/lib/duet/p-b9aec534.js +4 -0
  407. package/lib/duet/{p-46e3ea75.system.js → p-bb332c66.system.js} +1 -1
  408. package/lib/duet/{p-bed81853.entry.js → p-bb8ae835.entry.js} +1 -1
  409. package/lib/duet/{p-bfed7d1f.system.entry.js → p-bd56c1a2.system.entry.js} +1 -1
  410. package/lib/duet/p-c2040676.entry.js +4 -0
  411. package/lib/duet/{p-c155c203.entry.js → p-c33b42c3.entry.js} +1 -1
  412. package/lib/duet/p-c38c24d6.entry.js +4 -0
  413. package/lib/duet/{p-ec88c131.entry.js → p-c3c20651.entry.js} +1 -1
  414. package/lib/duet/{p-63347221.system.entry.js → p-c3dc699e.system.entry.js} +1 -1
  415. package/lib/duet/p-c4b5fabf.system.entry.js +4 -0
  416. package/lib/duet/{p-488db8d3.system.entry.js → p-c5415db0.system.entry.js} +1 -1
  417. package/lib/duet/{p-babcf111.system.entry.js → p-c6e2ee1a.system.entry.js} +1 -1
  418. package/lib/duet/{p-1399801a.entry.js → p-c754edc5.entry.js} +1 -1
  419. package/lib/duet/{p-30c4c974.system.js → p-c801dc04.system.js} +1 -1
  420. package/lib/duet/{p-fdedb49b.entry.js → p-c842f2d4.entry.js} +1 -1
  421. package/lib/duet/{p-b023c816.system.entry.js → p-c908691b.system.entry.js} +1 -1
  422. package/lib/duet/{p-5186598c.entry.js → p-c9d80470.entry.js} +1 -1
  423. package/lib/duet/{p-9f82677f.entry.js → p-cb31529a.entry.js} +1 -1
  424. package/lib/duet/{p-b11ec474.system.entry.js → p-cb9b90ca.system.entry.js} +1 -1
  425. package/lib/duet/{p-71699fd9.system.entry.js → p-cd2b9ea5.system.entry.js} +1 -1
  426. package/lib/duet/{p-74ffcc62.system.entry.js → p-cda010aa.system.entry.js} +1 -1
  427. package/lib/duet/{p-1c28fbe6.entry.js → p-ce1092fb.entry.js} +1 -1
  428. package/lib/duet/{p-5eacc131.system.entry.js → p-ceb72dbf.system.entry.js} +1 -1
  429. package/lib/duet/{p-d2a1b1fd.entry.js → p-cec33ac2.entry.js} +1 -1
  430. package/lib/duet/{p-90e6b35a.entry.js → p-ceef0aa6.entry.js} +1 -1
  431. package/lib/duet/p-cf597b70.js +4 -0
  432. package/lib/duet/{p-9eb323ce.system.entry.js → p-cf7c7b31.system.entry.js} +2 -2
  433. package/lib/duet/{p-fcad9137.entry.js → p-d049d71c.entry.js} +1 -1
  434. package/lib/duet/{p-18076536.entry.js → p-d1b57119.entry.js} +1 -1
  435. package/lib/duet/{p-526c13d3.system.entry.js → p-d2bbf06d.system.entry.js} +1 -1
  436. package/lib/duet/{p-19e02960.system.entry.js → p-d402bc88.system.entry.js} +1 -1
  437. package/lib/duet/{p-3833ae7b.system.entry.js → p-d8c928d7.system.entry.js} +1 -1
  438. package/lib/duet/p-da78c7c2.system.entry.js +4 -0
  439. package/lib/duet/{p-3a2a2ec5.system.entry.js → p-db051207.system.entry.js} +1 -1
  440. package/lib/duet/{p-a5757e21.system.entry.js → p-dbd06bd8.system.entry.js} +1 -1
  441. package/lib/duet/p-dcfc4c0f.system.entry.js +4 -0
  442. package/lib/duet/{p-b9133310.entry.js → p-deb9517b.entry.js} +1 -1
  443. package/lib/duet/{p-4787b506.system.entry.js → p-df506bc2.system.entry.js} +1 -1
  444. package/lib/duet/{p-976353c6.entry.js → p-e06917a1.entry.js} +1 -1
  445. package/lib/duet/{p-a48e2a76.system.entry.js → p-e124a98d.system.entry.js} +1 -1
  446. package/lib/duet/{p-c3f5f64f.system.entry.js → p-e32bf9f7.system.entry.js} +1 -1
  447. package/lib/duet/{p-94593336.entry.js → p-e57b46d9.entry.js} +1 -1
  448. package/lib/duet/{p-ba05fe4e.entry.js → p-e5e9d602.entry.js} +1 -1
  449. package/lib/duet/p-e68bc090.system.entry.js +4 -0
  450. package/lib/duet/p-e6ea7449.entry.js +4 -0
  451. package/lib/duet/p-ed178fc9.system.entry.js +4 -0
  452. package/lib/duet/{p-1c2890e1.entry.js → p-ed7e4450.entry.js} +1 -1
  453. package/lib/duet/{p-f9e9a571.entry.js → p-edb2b160.entry.js} +1 -1
  454. package/lib/duet/{p-ed39c72b.entry.js → p-ef15807a.entry.js} +1 -1
  455. package/lib/duet/{p-fde30afe.system.entry.js → p-f0ae8c0f.system.entry.js} +1 -1
  456. package/lib/duet/{p-1bd0222c.entry.js → p-f3098989.entry.js} +1 -1
  457. package/lib/duet/{p-e33b7b4f.system.entry.js → p-f37dae2f.system.entry.js} +1 -1
  458. package/lib/duet/{p-5a34eb53.system.js → p-f392387c.system.js} +1 -1
  459. package/lib/duet/{p-1dd85611.system.entry.js → p-f3f34fe0.system.entry.js} +1 -1
  460. package/lib/duet/{p-687b20eb.system.entry.js → p-f4939b4a.system.entry.js} +1 -1
  461. package/lib/duet/{p-bd0152ae.entry.js → p-f49c6050.entry.js} +1 -1
  462. package/lib/duet/{p-bf0218de.entry.js → p-f8bfbd2d.entry.js} +1 -1
  463. package/lib/duet/p-f8c7cc95.entry.js +4 -0
  464. package/lib/duet/{p-eeb02f96.system.entry.js → p-fa06e91a.system.entry.js} +1 -1
  465. package/lib/duet/{p-faa08662.system.entry.js → p-fe0a02b8.system.entry.js} +1 -1
  466. package/lib/duet/{p-a0893754.entry.js → p-fe5a2b41.entry.js} +1 -1
  467. package/lib/duet/{p-a34a7a64.entry.js → p-fedc902d.entry.js} +1 -1
  468. package/lib/esm/a11y-utils-04e1285d.js +43 -0
  469. package/lib/esm/{app-globals-2222efbc.js → app-globals-1de03b2e.js} +1 -1
  470. package/lib/esm/{common-strings-1274857d.js → common-strings-5f78fe4e.js} +5 -4
  471. package/lib/esm/duet-action-button.entry.js +3 -3
  472. package/lib/esm/duet-alert.entry.js +15 -12
  473. package/lib/esm/duet-badge.entry.js +4 -4
  474. package/lib/esm/duet-banner.entry.js +4 -4
  475. package/lib/esm/duet-breadcrumb.entry.js +2 -2
  476. package/lib/esm/duet-breadcrumbs.entry.js +3 -3
  477. package/lib/esm/duet-button_2.entry.js +5 -5
  478. package/lib/esm/duet-callout.entry.js +3 -3
  479. package/lib/esm/duet-caption_4.entry.js +6 -6
  480. package/lib/esm/duet-card.entry.js +3 -3
  481. package/lib/esm/duet-checkbox.entry.js +2 -2
  482. package/lib/esm/duet-checkmark.entry.js +2 -2
  483. package/lib/esm/duet-chip.entry.js +3 -3
  484. package/lib/esm/duet-choice_2.entry.js +9 -8
  485. package/lib/esm/duet-collapsible.entry.js +13 -8
  486. package/lib/esm/duet-combobox.entry.js +20 -15
  487. package/lib/esm/duet-contact-card.entry.js +3 -3
  488. package/lib/esm/duet-cookie-consent.entry.js +2 -2
  489. package/lib/esm/duet-date-picker.entry.js +5 -5
  490. package/lib/esm/duet-divider_2.entry.js +2 -2
  491. package/lib/esm/duet-editable-table_3.entry.js +4 -4
  492. package/lib/esm/duet-empty-state.entry.js +2 -2
  493. package/lib/esm/duet-fieldset.entry.js +3 -3
  494. package/lib/esm/duet-file-chooser.entry.js +2 -2
  495. package/lib/esm/duet-footer.entry.js +5 -5
  496. package/lib/esm/duet-grid_2.entry.js +2 -2
  497. package/lib/esm/duet-header_2.entry.js +4 -4
  498. package/lib/esm/duet-hero.entry.js +18 -17
  499. package/lib/esm/duet-icon.entry.js +2 -2
  500. package/lib/esm/duet-indicator.entry.js +3 -3
  501. package/lib/esm/duet-input_2.entry.js +29 -5
  502. package/lib/esm/duet-layout.entry.js +2 -2
  503. package/lib/esm/duet-list_2.entry.js +3 -3
  504. package/lib/esm/duet-menu-bar-button.entry.js +2 -2
  505. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +2 -2
  506. package/lib/esm/duet-menu-bar-dropdown.entry.js +2 -2
  507. package/lib/esm/duet-menu-bar-item.entry.js +6 -6
  508. package/lib/esm/duet-menu-bar-link.entry.js +2 -2
  509. package/lib/esm/duet-menu-bar.entry.js +3 -3
  510. package/lib/esm/duet-modal.entry.js +6 -6
  511. package/lib/esm/duet-multiselect.entry.js +4 -4
  512. package/lib/esm/duet-nav.entry.js +2 -2
  513. package/lib/esm/duet-notification_2.entry.js +4 -4
  514. package/lib/esm/duet-number-input.entry.js +15 -11
  515. package/lib/esm/duet-overlay.entry.js +2 -2
  516. package/lib/esm/duet-page-heading.entry.js +2 -2
  517. package/lib/esm/duet-pagination_2.entry.js +3 -3
  518. package/lib/esm/duet-panel.entry.js +5 -6
  519. package/lib/esm/duet-phone-input.entry.js +6 -6
  520. package/lib/esm/duet-popup-menu_2.entry.js +13 -15
  521. package/lib/esm/duet-progress.entry.js +3 -3
  522. package/lib/esm/duet-promo-card.entry.js +3 -3
  523. package/lib/esm/duet-radio_2.entry.js +3 -3
  524. package/lib/esm/duet-range-slider.entry.js +2 -2
  525. package/lib/esm/duet-scrollable_3.entry.js +29 -10
  526. package/lib/esm/duet-section-layout.entry.js +1 -1
  527. package/lib/esm/duet-select.entry.js +4 -7
  528. package/lib/esm/duet-shaped-image.entry.js +2 -2
  529. package/lib/esm/duet-share-chart-item.entry.js +1 -1
  530. package/lib/esm/duet-share-chart.entry.js +4 -4
  531. package/lib/esm/duet-show-more.entry.js +3 -3
  532. package/lib/esm/duet-slideout-lang.entry.js +3 -3
  533. package/lib/esm/duet-slideout-link.entry.js +6 -6
  534. package/lib/esm/duet-slideout-panel-dropdown.entry.js +2 -2
  535. package/lib/esm/duet-slideout-panel.entry.js +5 -5
  536. package/lib/esm/duet-slideout.entry.js +13 -13
  537. package/lib/esm/duet-status-icon.entry.js +1 -1
  538. package/lib/esm/duet-step_2.entry.js +4 -4
  539. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +2 -2
  540. package/lib/esm/duet-submenu-bar-dropdown.entry.js +2 -2
  541. package/lib/esm/duet-submenu-bar-item.entry.js +6 -6
  542. package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
  543. package/lib/esm/duet-submenu-bar.entry.js +2 -2
  544. package/lib/esm/duet-textarea.entry.js +7 -6
  545. package/lib/esm/duet-toggle.entry.js +2 -2
  546. package/lib/esm/duet-toolbar-dropdown-link.entry.js +2 -2
  547. package/lib/esm/duet-toolbar-dropdown.entry.js +3 -3
  548. package/lib/esm/duet-toolbar-item.entry.js +6 -6
  549. package/lib/esm/duet-toolbar-link.entry.js +3 -3
  550. package/lib/esm/duet-toolbar.entry.js +2 -2
  551. package/lib/esm/duet-tooltip-button_2.entry.js +3 -3
  552. package/lib/esm/duet-tooltip.entry.js +3 -3
  553. package/lib/esm/duet-tray.entry.js +3 -3
  554. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  555. package/lib/esm/duet-upload-item.entry.js +4 -4
  556. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  557. package/lib/esm/duet.js +4 -4
  558. package/lib/esm/{errorcodes.utils-454fa730.js → errorcodes.utils-e3c3fbe7.js} +1 -1
  559. package/lib/esm/{focus-utils-7af43257.js → focus-utils-8dcbe898.js} +1 -1
  560. package/lib/esm/{index-ddbf3a7a.js → index-e0645409.js} +1 -1
  561. package/lib/esm/{language-utils-1387fba1.js → language-utils-5c6108e9.js} +1 -1
  562. package/lib/esm/loader.js +4 -4
  563. package/lib/esm/{slot-utils-53835bd7.js → slot-utils-0bb6f129.js} +1 -1
  564. package/lib/esm/{themeable-component-ae3def9c.js → themeable-component-f1c77a5d.js} +1 -1
  565. package/lib/esm-es5/a11y-utils-04e1285d.js +4 -0
  566. package/lib/esm-es5/{app-globals-2222efbc.js → app-globals-1de03b2e.js} +1 -1
  567. package/lib/esm-es5/{common-strings-1274857d.js → common-strings-5f78fe4e.js} +1 -1
  568. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  569. package/lib/esm-es5/duet-alert.entry.js +2 -2
  570. package/lib/esm-es5/duet-badge.entry.js +1 -1
  571. package/lib/esm-es5/duet-banner.entry.js +1 -1
  572. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  573. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  574. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  575. package/lib/esm-es5/duet-callout.entry.js +1 -1
  576. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  577. package/lib/esm-es5/duet-card.entry.js +1 -1
  578. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  579. package/lib/esm-es5/duet-checkmark.entry.js +1 -1
  580. package/lib/esm-es5/duet-chip.entry.js +1 -1
  581. package/lib/esm-es5/duet-choice_2.entry.js +2 -2
  582. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  583. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  584. package/lib/esm-es5/duet-contact-card.entry.js +1 -1
  585. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  586. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  587. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  588. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  589. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  590. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  591. package/lib/esm-es5/duet-file-chooser.entry.js +1 -1
  592. package/lib/esm-es5/duet-footer.entry.js +1 -1
  593. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  594. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  595. package/lib/esm-es5/duet-hero.entry.js +1 -1
  596. package/lib/esm-es5/duet-icon.entry.js +1 -1
  597. package/lib/esm-es5/duet-indicator.entry.js +1 -1
  598. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  599. package/lib/esm-es5/duet-layout.entry.js +1 -1
  600. package/lib/esm-es5/duet-list_2.entry.js +2 -2
  601. package/lib/esm-es5/duet-menu-bar-button.entry.js +1 -1
  602. package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
  603. package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
  604. package/lib/esm-es5/duet-menu-bar-item.entry.js +1 -1
  605. package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
  606. package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
  607. package/lib/esm-es5/duet-modal.entry.js +1 -1
  608. package/lib/esm-es5/duet-multiselect.entry.js +2 -2
  609. package/lib/esm-es5/duet-nav.entry.js +1 -1
  610. package/lib/esm-es5/duet-notification_2.entry.js +2 -2
  611. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  612. package/lib/esm-es5/duet-overlay.entry.js +1 -1
  613. package/lib/esm-es5/duet-page-heading.entry.js +1 -1
  614. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  615. package/lib/esm-es5/duet-panel.entry.js +1 -1
  616. package/lib/esm-es5/duet-phone-input.entry.js +1 -1
  617. package/lib/esm-es5/duet-popup-menu_2.entry.js +2 -2
  618. package/lib/esm-es5/duet-progress.entry.js +1 -1
  619. package/lib/esm-es5/duet-promo-card.entry.js +2 -2
  620. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  621. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  622. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  623. package/lib/esm-es5/duet-section-layout.entry.js +1 -1
  624. package/lib/esm-es5/duet-select.entry.js +2 -2
  625. package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
  626. package/lib/esm-es5/duet-share-chart-item.entry.js +1 -1
  627. package/lib/esm-es5/duet-share-chart.entry.js +1 -1
  628. package/lib/esm-es5/duet-show-more.entry.js +1 -1
  629. package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
  630. package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
  631. package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +1 -1
  632. package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
  633. package/lib/esm-es5/duet-slideout.entry.js +1 -1
  634. package/lib/esm-es5/duet-status-icon.entry.js +1 -1
  635. package/lib/esm-es5/duet-step_2.entry.js +1 -1
  636. package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
  637. package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
  638. package/lib/esm-es5/duet-submenu-bar-item.entry.js +2 -2
  639. package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
  640. package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
  641. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  642. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  643. package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
  644. package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
  645. package/lib/esm-es5/duet-toolbar-item.entry.js +1 -1
  646. package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
  647. package/lib/esm-es5/duet-toolbar.entry.js +1 -1
  648. package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
  649. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  650. package/lib/esm-es5/duet-tray.entry.js +1 -1
  651. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  652. package/lib/esm-es5/duet-upload-item.entry.js +2 -2
  653. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  654. package/lib/esm-es5/duet.js +1 -1
  655. package/lib/esm-es5/{errorcodes.utils-454fa730.js → errorcodes.utils-e3c3fbe7.js} +1 -1
  656. package/lib/esm-es5/focus-utils-8dcbe898.js +4 -0
  657. package/lib/esm-es5/{index-ddbf3a7a.js → index-e0645409.js} +1 -1
  658. package/lib/esm-es5/{language-utils-1387fba1.js → language-utils-5c6108e9.js} +1 -1
  659. package/lib/esm-es5/loader.js +1 -1
  660. package/lib/esm-es5/{slot-utils-53835bd7.js → slot-utils-0bb6f129.js} +1 -1
  661. package/lib/esm-es5/{themeable-component-ae3def9c.js → themeable-component-f1c77a5d.js} +1 -1
  662. package/lib/types/components/duet-choice/duet-choice.d.ts +3 -3
  663. package/lib/types/components/duet-collapsible/duet-collapsible.d.ts +1 -0
  664. package/lib/types/components/duet-combobox/duet-combobox.d.ts +1 -0
  665. package/lib/types/components/duet-input/duet-input.d.ts +12 -1
  666. package/lib/types/components/duet-number-input/duet-number-input.d.ts +8 -6
  667. package/lib/types/components/duet-popup-menu/duet-popup-menu.d.ts +4 -4
  668. package/lib/types/components/duet-scrollable/duet-scrollable.d.ts +13 -0
  669. package/lib/types/components/duet-select/duet-select.d.ts +0 -1
  670. package/lib/types/components/duet-slideout/duet-slideout.d.ts +4 -4
  671. package/lib/types/components/duet-textarea/duet-textarea.d.ts +4 -0
  672. package/lib/types/components.d.ts +56 -23
  673. package/lib/types/utils/a11y-utils.d.ts +11 -0
  674. package/package.json +5 -5
  675. package/lib/cjs/a11y-utils-f8e4367b.js +0 -25
  676. package/lib/dist-custom-elements/p-745a4e07.js +0 -58
  677. package/lib/dist-custom-elements/p-f8d1e874.js +0 -23
  678. package/lib/duet/p-12899787.system.entry.js +0 -4
  679. package/lib/duet/p-1bdc5408.entry.js +0 -4
  680. package/lib/duet/p-23878f2f.system.entry.js +0 -4
  681. package/lib/duet/p-24954951.js +0 -4
  682. package/lib/duet/p-329da927.js +0 -4
  683. package/lib/duet/p-3704f63a.system.entry.js +0 -4
  684. package/lib/duet/p-37136593.system.entry.js +0 -4
  685. package/lib/duet/p-3a0756e2.js +0 -4
  686. package/lib/duet/p-3a793df8.entry.js +0 -4
  687. package/lib/duet/p-3af12511.entry.js +0 -4
  688. package/lib/duet/p-3c583c14.entry.js +0 -4
  689. package/lib/duet/p-40ec37e0.system.entry.js +0 -4
  690. package/lib/duet/p-41ffd369.entry.js +0 -4
  691. package/lib/duet/p-4ff5a3ed.system.js +0 -4
  692. package/lib/duet/p-50dd94b8.system.js +0 -4
  693. package/lib/duet/p-61f93b06.js +0 -4
  694. package/lib/duet/p-6484efcc.entry.js +0 -4
  695. package/lib/duet/p-7f286bc3.entry.js +0 -4
  696. package/lib/duet/p-80694bcb.entry.js +0 -4
  697. package/lib/duet/p-8df7c962.entry.js +0 -4
  698. package/lib/duet/p-944f5ee9.system.entry.js +0 -4
  699. package/lib/duet/p-9481e189.js +0 -4
  700. package/lib/duet/p-a7cb778c.system.entry.js +0 -4
  701. package/lib/duet/p-ac6e2668.system.entry.js +0 -4
  702. package/lib/duet/p-bc9888d4.entry.js +0 -4
  703. package/lib/duet/p-c7f65120.js +0 -4
  704. package/lib/duet/p-d0d1667e.entry.js +0 -4
  705. package/lib/duet/p-e36e78ea.system.entry.js +0 -4
  706. package/lib/duet/p-e9454352.system.entry.js +0 -4
  707. package/lib/duet/p-f240daa0.entry.js +0 -4
  708. package/lib/duet/p-f25d359d.entry.js +0 -4
  709. package/lib/esm/a11y-utils-ac6ae502.js +0 -23
  710. package/lib/esm-es5/a11y-utils-ac6ae502.js +0 -4
  711. package/lib/esm-es5/focus-utils-7af43257.js +0 -4
package/lib/esm/duet-banner.entry.js CHANGED
@@ -1,9 +1,9 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { h, r as registerInstance, H as Host, g as getElement } from './index-ddbf3a7a.js';
5
- import { i as inheritGlobalTheme } from './themeable-component-ae3def9c.js';
6
- import { h as hasSlot, c as checkNamedSlotElement } from './slot-utils-53835bd7.js';
4
+ import { h, r as registerInstance, H as Host, g as getElement } from './index-e0645409.js';
5
+ import { i as inheritGlobalTheme } from './themeable-component-f1c77a5d.js';
6
+ import { h as hasSlot, c as checkNamedSlotElement } from './slot-utils-0bb6f129.js';
7
7
  import { p as parsePossibleJSON } from './string-utils-192eb3c8.js';
8
8
  import { g as getColorByName, p as postfixTheme } from './token-utils-0d5e28a7.js';
9
9
  import './tokens.module-7ae22e26.js';
@@ -15,7 +15,7 @@ const DuetPicture = ({ img, sources }) => {
15
15
  h("img", Object.assign({}, img))));
16
16
  };
17
17
 
18
- 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[alignment=form-distribute] > :host:last-of-type:not(:last-child) {\n margin-right: 36px !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: 12px;\n}\n:host(.duet-theme-turva2) .duet-banner .visual .brand-shape {\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n mask-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%22540%22%20height%3D%2258%22%20viewBox%3D%220%200%20540%2058%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M540%2018.0729L540%2057.6749H0L0.000139455%2011.2563C0.000139455%202.85822%208.31858%20-2.59156%2015.3307%201.26796C33.6821%2011.3367%2055.6983%2020.0831%2080.3633%2027.3465C134.438%2043.276%20201.239%2052.0939%20270%2052.0939C338.761%2052.0939%20405.572%2043.276%20459.637%2027.3465C484.302%2020.0742%20506.318%2011.3277%20524.669%201.25902C531.682%20-2.59156%20540%202.85822%20540%2011.2563V18.0729Z%22%20fill%3D%22%23FBEBE1%22%2F%3E%0A%3C%2Fsvg%3E%0A\");\n mask-repeat: no-repeat;\n mask-position: bottom;\n mask-size: contain;\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@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 :host(.duet-theme-turva2) .duet-banner.size-medium .visual .image-container, :host(.duet-theme-turva2) .duet-banner.size-large .visual .image-container {\n padding: 20px;\n padding-right: 0;\n }\n :host(.duet-theme-turva2) .duet-banner.size-medium .visual .image, :host(.duet-theme-turva2) .duet-banner.size-large .visual .image {\n border-radius: 12px;\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}";
18
+ 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[alignment=form-distribute] > :host:last-of-type:not(:last-child) {\n margin-right: 36px !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: 12px;\n}\n:host(.duet-theme-turva2) .duet-banner .visual .brand-shape {\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n mask-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%22540%22%20height%3D%2258%22%20viewBox%3D%220%200%20540%2058%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M540%2018.0729L540%2057.6749H0L0.000139455%2011.2563C0.000139455%202.85822%208.31858%20-2.59156%2015.3307%201.26796C33.6821%2011.3367%2055.6983%2020.0831%2080.3633%2027.3465C134.438%2043.276%20201.239%2052.0939%20270%2052.0939C338.761%2052.0939%20405.572%2043.276%20459.637%2027.3465C484.302%2020.0742%20506.318%2011.3277%20524.669%201.25902C531.682%20-2.59156%20540%202.85822%20540%2011.2563V18.0729Z%22%20fill%3D%22%23FBEBE1%22%2F%3E%0A%3C%2Fsvg%3E%0A\");\n mask-repeat: no-repeat;\n mask-position: bottom;\n mask-size: contain;\n scale: 101%;\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@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 :host(.duet-theme-turva2) .duet-banner.size-medium .visual .image-container, :host(.duet-theme-turva2) .duet-banner.size-large .visual .image-container {\n padding: 20px;\n padding-right: 0;\n }\n :host(.duet-theme-turva2) .duet-banner.size-medium .visual .image, :host(.duet-theme-turva2) .duet-banner.size-large .visual .image {\n border-radius: 12px;\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}";
19
19
  const DuetBannerStyle0 = duetBannerCss;
20
20
 
21
21
  const DuetBanner = class {
package/lib/esm/duet-breadcrumb.entry.js CHANGED
@@ -1,8 +1,8 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, H as Host, g as getElement } from './index-ddbf3a7a.js';
5
- import { i as inheritGlobalTheme } from './themeable-component-ae3def9c.js';
4
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-e0645409.js';
5
+ import { i as inheritGlobalTheme } from './themeable-component-f1c77a5d.js';
6
6
  import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-daf80d44.js';
7
7
 
8
8
  var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
package/lib/esm/duet-breadcrumbs.entry.js CHANGED
@@ -1,9 +1,9 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, H as Host, g as getElement } from './index-ddbf3a7a.js';
5
- import { i as inheritGlobalTheme } from './themeable-component-ae3def9c.js';
6
- import { g as getLocaleString } from './language-utils-1387fba1.js';
4
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-e0645409.js';
5
+ import { i as inheritGlobalTheme } from './themeable-component-f1c77a5d.js';
6
+ import { g as getLocaleString } from './language-utils-5c6108e9.js';
7
7
  import { g as getColorByName } from './token-utils-0d5e28a7.js';
8
8
  import './string-utils-192eb3c8.js';
9
9
  import './tokens.module-7ae22e26.js';
package/lib/esm/duet-button_2.entry.js CHANGED
@@ -1,15 +1,15 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ddbf3a7a.js';
5
- import { i as inheritGlobalTheme } from './themeable-component-ae3def9c.js';
6
- import { a as DuetStringsExternalDefaults, c as DuetStringsLoadingDefaults } from './common-strings-1274857d.js';
7
- import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-1387fba1.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e0645409.js';
5
+ import { i as inheritGlobalTheme } from './themeable-component-f1c77a5d.js';
6
+ import { a as DuetStringsExternalDefaults, c as DuetStringsLoadingDefaults } from './common-strings-5f78fe4e.js';
7
+ import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-5c6108e9.js';
8
8
  import { g as getColorByName } from './token-utils-0d5e28a7.js';
9
9
  import './string-utils-192eb3c8.js';
10
10
  import './tokens.module-7ae22e26.js';
11
11
 
12
- 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}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:8px !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}[alignment=form-distribute]>:host(.square):last-of-type:not(:last-child){margin-right:12px !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}[alignment=form-distribute]>:host(.duet-small):last-of-type:not(:last-child),[alignment=form-distribute]>:host(.duet-x-small):last-of-type:not(:last-child){margin-right:4px !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}[alignment=form-distribute]>:host(.duet-x-small):last-of-type:not(:last-child){margin-right:2px !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}[alignment=form-distribute]>:host(.square.duet-small):last-of-type:not(:last-child),[alignment=form-distribute]>:host(.square.duet-x-small):last-of-type:not(:last-child){margin-right:8px !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(212, 221, 226)}: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(212, 221, 226)}: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)}";
12
+ 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}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:8px !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}[alignment=form-distribute]>:host(.square):last-of-type:not(:last-child){margin-right:12px !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}[alignment=form-distribute]>:host(.duet-small):last-of-type:not(:last-child),[alignment=form-distribute]>:host(.duet-x-small):last-of-type:not(:last-child){margin-right:4px !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}[alignment=form-distribute]>:host(.duet-x-small):last-of-type:not(:last-child){margin-right:2px !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}[alignment=form-distribute]>:host(.square.duet-small):last-of-type:not(:last-child),[alignment=form-distribute]>:host(.square.duet-x-small):last-of-type:not(:last-child){margin-right:8px !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(212, 221, 226)}: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.primary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(140, 0, 30);border-color:rgb(140, 0, 30)}: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(212, 221, 226)}: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)}";
13
13
  const DuetButtonStyle0 = duetButtonCss;
14
14
 
15
15
  const DuetButton = class {
package/lib/esm/duet-callout.entry.js CHANGED
@@ -1,9 +1,9 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, H as Host, g as getElement } from './index-ddbf3a7a.js';
5
- import { i as inheritGlobalTheme } from './themeable-component-ae3def9c.js';
6
- import { h as hasSlot, c as checkNamedSlotElement } from './slot-utils-53835bd7.js';
4
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-e0645409.js';
5
+ import { i as inheritGlobalTheme } from './themeable-component-f1c77a5d.js';
6
+ import { h as hasSlot, c as checkNamedSlotElement } from './slot-utils-0bb6f129.js';
7
7
 
8
8
  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)}";
9
9
  const DuetCalloutStyle0 = duetCalloutCss;
package/lib/esm/duet-caption_4.entry.js CHANGED
@@ -1,17 +1,17 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, H as Host, g as getElement, F as Fragment } from './index-ddbf3a7a.js';
5
- import { i as inheritGlobalTheme } from './themeable-component-ae3def9c.js';
4
+ import { r as registerInstance, h, H as Host, g as getElement, F as Fragment } from './index-e0645409.js';
5
+ import { i as inheritGlobalTheme } from './themeable-component-f1c77a5d.js';
6
6
  import { s as sanitizeString } from './string-utils-192eb3c8.js';
7
7
  import { g as getColorByName } from './token-utils-0d5e28a7.js';
8
8
  import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
9
- import { a as DuetStringsExternalDefaults, e as DuetStringsDownloadLinkDefaults } from './common-strings-1274857d.js';
10
- import { g as getAccessibleLinkLabel } from './a11y-utils-ac6ae502.js';
11
- import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-1387fba1.js';
9
+ import { a as DuetStringsExternalDefaults, e as DuetStringsDownloadLinkDefaults } from './common-strings-5f78fe4e.js';
10
+ import { g as getAccessibleLinkLabel } from './a11y-utils-04e1285d.js';
11
+ import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-5c6108e9.js';
12
12
  import { c as createID } from './create-id-149a1b6d.js';
13
13
  import './tokens.module-7ae22e26.js';
14
- import './slot-utils-53835bd7.js';
14
+ import './slot-utils-0bb6f129.js';
15
15
 
16
16
  const duetCaptionCss = ":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:flex;flex:0 0 100%;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.5;vertical-align:top;color:rgb(98, 121, 138)}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.duet-caption-small){font-size:0.875rem;line-height:1.25}:host(.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\";color:rgb(143, 147, 158)}:host(.duet-caption-selected){color:rgb(0, 119, 179)}:host(.duet-caption-selected.duet-theme-turva){color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}:host(.duet-theme-turva2.duet-caption-selected.duet-theme-turva){color:rgb(23, 42, 59)}";
17
17
  const DuetCaptionStyle0 = duetCaptionCss;
package/lib/esm/duet-card.entry.js CHANGED
@@ -1,11 +1,11 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-ddbf3a7a.js';
5
- import { i as inheritGlobalTheme } from './themeable-component-ae3def9c.js';
4
+ import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-e0645409.js';
5
+ import { i as inheritGlobalTheme } from './themeable-component-f1c77a5d.js';
6
6
  import { c as createID } from './create-id-149a1b6d.js';
7
7
  import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-daf80d44.js';
8
- import { g as getElementsFromNamedSlot } from './slot-utils-53835bd7.js';
8
+ import { g as getElementsFromNamedSlot } from './slot-utils-0bb6f129.js';
9
9
  import { s as sanitizeString } from './string-utils-192eb3c8.js';
10
10
  import { g as getColorByName } from './token-utils-0d5e28a7.js';
11
11
  import './tokens.module-7ae22e26.js';
package/lib/esm/duet-checkbox.entry.js CHANGED
@@ -1,8 +1,8 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ddbf3a7a.js';
5
- import { i as inheritGlobalTheme } from './themeable-component-ae3def9c.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e0645409.js';
5
+ import { i as inheritGlobalTheme } from './themeable-component-f1c77a5d.js';
6
6
  import { c as createID } from './create-id-149a1b6d.js';
7
7
 
8
8
  const duetCheckboxCss = "*.sc-duet-checkbox,*.sc-duet-checkbox::after,*.sc-duet-checkbox::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.sc-duet-checkbox-h{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;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-checkbox-h:last-child,.sc-duet-checkbox-h:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.sc-duet-checkbox-h:last-of-type:not(:last-child){margin-right:8px !important}.sc-duet-checkbox-h:last-child:not(:only-child){margin-bottom:0 !important}.duet-m-0.sc-duet-checkbox-h{margin:0 !important}.duet-label.sc-duet-checkbox{position:relative;z-index:100;display:inline;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.5;vertical-align:top;color:rgb(8, 42, 77);cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva.sc-duet-checkbox .duet-label.sc-duet-checkbox{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label.sc-duet-checkbox span.sc-duet-checkbox{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container.sc-duet-checkbox{position:relative;width:100%;height:100%}.duet-checkbox.sc-duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before,.duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before.duet-theme-turva,.duet-theme-turva2.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before,.duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox{position:static}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:\"\";background:transparent url(\"data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E\") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled].sc-duet-checkbox{cursor:default}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(143, 147, 158)}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(199, 202, 207)}.duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(127, 150, 165);border:1px solid rgb(127, 150, 165)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}.duet-checkbox-error.sc-duet-checkbox{margin-left:31px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(214, 28, 82);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox{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(214, 28, 82)}.duet-label-hidden.sc-duet-checkbox .duet-label.sc-duet-checkbox span.sc-duet-checkbox,.duet-label-hidden.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox span.sc-duet-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-theme-turva2.sc-duet-checkbox-h .duet-theme-turva.sc-duet-checkbox .duet-label.sc-duet-checkbox{color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-checkbox-h .duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-checkbox-h .duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59)}";
package/lib/esm/duet-checkmark.entry.js CHANGED
@@ -1,8 +1,8 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, H as Host } from './index-ddbf3a7a.js';
5
- import { i as inheritGlobalTheme } from './themeable-component-ae3def9c.js';
4
+ import { r as registerInstance, h, H as Host } from './index-e0645409.js';
5
+ import { i as inheritGlobalTheme } from './themeable-component-f1c77a5d.js';
6
6
 
7
7
  const duetCheckmarkCss = ".duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.duet-checkmark-container.center{margin-right:auto}.duet-theme-turva .duet-checkmark-container{border-color:rgb(143, 147, 158)}.checked .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}[disabled]+label .duet-checkmark-container{border-color:rgb(181, 198, 208) !important}.duet-theme-turva [disabled]+label .duet-checkmark-container{border-color:rgb(199, 202, 207) !important}.checked [disabled]+label .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-theme-turva .checked [disabled]+label .duet-checkmark-container{background:rgb(199, 202, 207) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}:host(.duet-theme-turva2.duet-theme-turva) .checked .duet-checkmark-container{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}";
8
8
  const DuetCheckmarkStyle0 = duetCheckmarkCss;
package/lib/esm/duet-chip.entry.js CHANGED
@@ -1,11 +1,11 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ddbf3a7a.js';
5
- import { i as inheritGlobalTheme } from './themeable-component-ae3def9c.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e0645409.js';
5
+ import { i as inheritGlobalTheme } from './themeable-component-f1c77a5d.js';
6
6
  import { c as createID } from './create-id-149a1b6d.js';
7
7
  import { s as subscribeTabbingChange, u as unsubscribeTabbingChange, q as enableUserIsTabbing } from './keyboard-utils-daf80d44.js';
8
- import { g as getLocaleString } from './language-utils-1387fba1.js';
8
+ import { g as getLocaleString } from './language-utils-5c6108e9.js';
9
9
  import './string-utils-192eb3c8.js';
10
10
 
11
11
  const duetChipCss = "*,*::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;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:8px !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;hyphens:none;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(199, 202, 207)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:8px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:12px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:12px}.duet-chip-container duet-icon:not(.check-mark){visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container duet-icon.check-mark{visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(255, 241, 241);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(255, 213, 215)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(255, 241, 241);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 18px}.duet-chip-container.large.duet-chip-has-icon .duet-chip-icon-container{width:30px;padding-right:10px}.duet-chip-container.large .duet-chip-popup-disclosure{padding-right:6.5px;padding-left:14.5px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva2,.duet-theme-turva :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;appearance:none;cursor:pointer;border-width:2px;border-radius:8px;opacity:0}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva{color:rgb(23, 42, 59) !important;border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva:hover{border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked{background:rgb(253, 247, 242);border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover{background:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open{background:rgb(253, 247, 242);border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover{border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{border-color:rgb(230, 23, 64)}";
package/lib/esm/duet-choice_2.entry.js CHANGED
@@ -1,18 +1,18 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ddbf3a7a.js';
5
- import { i as inheritGlobalTheme } from './themeable-component-ae3def9c.js';
6
- import { a as DuetStringsExternalDefaults } from './common-strings-1274857d.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e0645409.js';
5
+ import { i as inheritGlobalTheme } from './themeable-component-f1c77a5d.js';
6
+ import { a as DuetStringsExternalDefaults } from './common-strings-5f78fe4e.js';
7
7
  import { c as createID } from './create-id-149a1b6d.js';
8
8
  import { i as isKeyboardClick, h as isQuestionKey, s as subscribeTabbingChange, u as unsubscribeTabbingChange, f as isEscapeKey } from './keyboard-utils-daf80d44.js';
9
- import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-1387fba1.js';
10
- import { h as hasSlot, c as checkNamedSlotElement } from './slot-utils-53835bd7.js';
9
+ import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-5c6108e9.js';
10
+ import { h as hasSlot, c as checkNamedSlotElement } from './slot-utils-0bb6f129.js';
11
11
  import './string-utils-192eb3c8.js';
12
12
 
13
13
  var messagingInfo={"title":"messaging-info","tags":"messaging info information circle","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z\"/><circle cx=\"11.625\" cy=\"7.125\" r=\"1.125\"/><path d=\"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z\"/></svg>"};
14
14
 
15
- const duetChoiceCss = "*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.sc-duet-choice-h{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.sc-duet-choice-h:last-of-type:not(:last-child){margin-right:16px !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}@media (min-width: 48em){.horizontal.sc-duet-choice-h{margin-bottom:0 !important}}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.horizontal-responsive.sc-duet-choice-h:last-of-type:not(:last-child){margin-right:16px !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;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:400;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:left;-webkit-hyphens:auto;hyphens:auto;background:rgb(255, 255, 255);border-width:1px;border-radius:8px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58) !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;word-break:break-word;text-decoration:none;cursor:pointer;border:1px solid rgb(212, 223, 229);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding:1rem;background:rgb(240, 247, 250);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice,.collapsible-force-expanded.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(127, 150, 165)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(23, 28, 58)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(143, 147, 158)}.duet-theme-turva .info .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(143, 147, 158)}.sc-duet-choice-h:not(.no-hover):not(.disabled):not([checked]):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){padding:1rem}input.sc-duet-choice:focus{outline:0}input.sc-duet-choice:focus+.duet-choice-label.sc-duet-choice{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva.sc-duet-choice input.sc-duet-choice:focus+.duet-choice-label.sc-duet-choice,input.sc-duet-choice:focus+.duet-choice-label.duet-theme-turva.sc-duet-choice,.duet-theme-turva2.sc-duet-choice input.sc-duet-choice:focus+.duet-choice-label.sc-duet-choice,input.sc-duet-choice:focus+.duet-choice-label.duet-theme-turva2.sc-duet-choice{outline-color:rgba(53, 79, 101, 0.8)}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(98, 121, 138) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(143, 147, 158)}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(98, 121, 138) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:hover,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:active,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:focus{outline:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(143, 147, 158) !important}.checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(127, 150, 165) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(143, 147, 158) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(143, 147, 158)}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(181, 198, 208) !important;border-color:rgb(181, 198, 208) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(199, 202, 207) !important}.checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(181, 198, 208) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(199, 202, 207) !important;border-color:rgb(199, 202, 207) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative;color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(164, 4, 40)}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(8, 42, 77);border:1px solid rgb(212, 223, 229);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice>.duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice>.duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible.checked.sc-duet-choice{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked.sc-duet-choice{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible.checked.duet-theme-turva.sc-duet-choice{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.checked.sc-duet-choice{border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container.sc-duet-choice-s>*,.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container .sc-duet-choice-s>*{display:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);display:block}.duet-theme-turva .user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus,.user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus.duet-theme-turva,.duet-theme-turva2 .user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus,.user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.disabled.sc-duet-choice-h .duet-choice-card-collapsible.sc-duet-choice{border-color:rgb(127, 150, 165)}.disabled.sc-duet-choice-h .duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{border-color:rgb(143, 147, 158)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(143, 147, 158)}[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px}.duet-choice-info-toggle.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus,.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus.duet-theme-turva,.duet-theme-turva2 .user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus,.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 247, 250)}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(127, 150, 165) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(143, 147, 158) !important}.checked.sc-duet-choice+.duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(127, 150, 165)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(143, 147, 158)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{color:rgb(23, 42, 59) !important}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(178, 194, 205)}.info .duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{background:rgb(245, 246, 247);border-color:rgb(23, 42, 59) !important}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(230, 23, 64)}.duet-choice-label .duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-info.sc-duet-choice,.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 42, 59);border-color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-collapsible.sc-duet-choice{border-color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-collapsible.checked.sc-duet-choice{border-color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-info.sc-duet-choice{background:rgb(245, 246, 247);border-color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(120, 145, 164)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-info-toggle.sc-duet-choice{border-color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 246, 247);border-bottom-color:transparent}.duet-theme-turva2.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-theme-turva.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-theme-turva.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(120, 145, 164)}";
15
+ const duetChoiceCss = "*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.sc-duet-choice-h{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.sc-duet-choice-h:last-of-type:not(:last-child){margin-right:16px !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}@media (min-width: 48em){.horizontal.sc-duet-choice-h{margin-bottom:0 !important}}@media (min-width: 22.5em){.horizontal-responsive-x-small.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive-x-small.sc-duet-choice-h:last-child,.horizontal-responsive-x-small.sc-duet-choice-h:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.horizontal-responsive-x-small.sc-duet-choice-h:last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 36em){.horizontal-responsive-small.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive-small.sc-duet-choice-h:last-child,.horizontal-responsive-small.sc-duet-choice-h:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.horizontal-responsive-small.sc-duet-choice-h:last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 48em){.horizontal-responsive-medium.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive-medium.sc-duet-choice-h:last-child,.horizontal-responsive-medium.sc-duet-choice-h:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.horizontal-responsive-medium.sc-duet-choice-h:last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 62em){.horizontal-responsive-large.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive-large.sc-duet-choice-h:last-child,.horizontal-responsive-large.sc-duet-choice-h:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.horizontal-responsive-large.sc-duet-choice-h:last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 64.0625em){.horizontal-responsive-x-large.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive-x-large.sc-duet-choice-h:last-child,.horizontal-responsive-x-large.sc-duet-choice-h:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.horizontal-responsive-x-large.sc-duet-choice-h:last-of-type:not(:last-child){margin-right:16px !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.vertical-stretch.sc-duet-choice-h .duet-choice-card-flextainer.sc-duet-choice{height:100%}.vertical-stretch.sc-duet-choice-h .duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice{align-items:flex-start}.vertical-stretch.sc-duet-choice-h .duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice>div.sc-duet-choice{margin-top:0.25rem}.duet-choice-card.sc-duet-choice{position:relative;display:block;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:400;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:left;-webkit-hyphens:auto;hyphens:auto;background:rgb(255, 255, 255);border-width:1px;border-radius:8px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58) !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;word-break:break-word;text-decoration:none;cursor:pointer;border:1px solid rgb(212, 223, 229);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding:1rem;background:rgb(240, 247, 250);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice,.collapsible-force-expanded.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(127, 150, 165)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(23, 28, 58)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(143, 147, 158)}.duet-theme-turva .info .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(143, 147, 158)}.sc-duet-choice-h:not(.no-hover):not(.disabled):not([checked]):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){padding:1rem}input.sc-duet-choice:focus{outline:0}input.sc-duet-choice:focus+.duet-choice-label.sc-duet-choice{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva.sc-duet-choice input.sc-duet-choice:focus+.duet-choice-label.sc-duet-choice,input.sc-duet-choice:focus+.duet-choice-label.duet-theme-turva.sc-duet-choice,.duet-theme-turva2.sc-duet-choice input.sc-duet-choice:focus+.duet-choice-label.sc-duet-choice,input.sc-duet-choice:focus+.duet-choice-label.duet-theme-turva2.sc-duet-choice{outline-color:rgba(53, 79, 101, 0.8)}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(98, 121, 138) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(143, 147, 158)}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(98, 121, 138) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:hover,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:active,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:focus{outline:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(143, 147, 158) !important}.checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(127, 150, 165) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(143, 147, 158) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(143, 147, 158)}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(181, 198, 208) !important;border-color:rgb(181, 198, 208) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(199, 202, 207) !important}.checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(181, 198, 208) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(199, 202, 207) !important;border-color:rgb(199, 202, 207) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative;color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(164, 4, 40)}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(8, 42, 77);border:1px solid rgb(212, 223, 229);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice>.duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice>.duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible.checked.sc-duet-choice{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked.sc-duet-choice{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible.checked.duet-theme-turva.sc-duet-choice{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.checked.sc-duet-choice{border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container.sc-duet-choice-s>*,.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container .sc-duet-choice-s>*{display:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);display:block}.duet-theme-turva .user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus,.user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus.duet-theme-turva,.duet-theme-turva2 .user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus,.user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.disabled.sc-duet-choice-h .duet-choice-card-collapsible.sc-duet-choice{border-color:rgb(127, 150, 165)}.disabled.sc-duet-choice-h .duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{border-color:rgb(143, 147, 158)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(143, 147, 158)}[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px}.duet-choice-info-toggle.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus,.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus.duet-theme-turva,.duet-theme-turva2 .user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus,.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 247, 250)}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(127, 150, 165) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(143, 147, 158) !important}.checked.sc-duet-choice+.duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(127, 150, 165)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(143, 147, 158)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{color:rgb(23, 42, 59) !important}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(178, 194, 205)}.info .duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{background:rgb(245, 246, 247);border-color:rgb(23, 42, 59) !important}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(230, 23, 64)}.duet-choice-label .duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-info.sc-duet-choice,.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 42, 59);border-color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-collapsible.sc-duet-choice{border-color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-collapsible.checked.sc-duet-choice{border-color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-info.sc-duet-choice{background:rgb(245, 246, 247);border-color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(120, 145, 164)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-info-toggle.sc-duet-choice{border-color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 246, 247);border-bottom-color:transparent}.duet-theme-turva2.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-theme-turva.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-theme-turva.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(120, 145, 164)}";
16
16
  const DuetChoiceStyle0 = duetChoiceCss;
17
17
 
18
18
  const DuetChoice = class {
@@ -260,7 +260,8 @@ const DuetChoice = class {
260
260
  const identifier = this.identifier || this.choiceId;
261
261
  return (h(Host, { class: {
262
262
  horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
263
- "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
263
+ [`horizontal-responsive-${this.groupResponsive}`]: this.groupDirection === "horizontal" && !!this.groupResponsive,
264
+ "vertical-stretch": this.groupDirection === "horizontal",
264
265
  "duet-m-0": this.margin === "none",
265
266
  "duet-expand": this.expand,
266
267
  "duet-theme-turva": this.theme === "turva",
@@ -396,7 +397,7 @@ const DuetChoiceGroup = class {
396
397
  choice.required = this.required;
397
398
  choice.groupDisabled = this.disabled;
398
399
  choice.groupDirection = this.direction;
399
- choice.groupResponsive = this.responsive;
400
+ choice.groupResponsive = this.responsive ? this.breakpoint : undefined;
400
401
  if (!hasChecked && choice.value === value) {
401
402
  // Correct value for this choice, but this choice isn't checked yet
402
403
  // and we haven't found a checked yet
package/lib/esm/duet-collapsible.entry.js CHANGED
@@ -1,14 +1,13 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ddbf3a7a.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e0645409.js';
5
5
  import { a as actionArrowDownSmall } from './action-arrow-down-small-82273dc8.js';
6
6
  import { f as font_size_medium, t as tokens } from './tokens-1702323a.js';
7
- import { i as inheritGlobalTheme } from './themeable-component-ae3def9c.js';
7
+ import { i as inheritGlobalTheme } from './themeable-component-f1c77a5d.js';
8
8
  import { c as createID } from './create-id-149a1b6d.js';
9
9
  import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-daf80d44.js';
10
- import { a as getSlotTextContent, h as hasSlot, c as checkNamedSlotElement } from './slot-utils-53835bd7.js';
11
- import { s as sanitizeString } from './string-utils-192eb3c8.js';
10
+ import { a as getSlotTextContent, h as hasSlot, c as checkNamedSlotElement, g as getElementsFromNamedSlot } from './slot-utils-0bb6f129.js';
12
11
 
13
12
  const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:block;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.5;color:rgb(8, 42, 77)}:host(.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\";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;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;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);-webkit-hyphens:auto;hyphens:auto}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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\";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;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.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-collapsible-heading:focus,:host(.user-is-tabbing) .duet-collapsible-heading:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-collapsible-heading:focus,:host(.user-is-tabbing) .duet-collapsible-heading:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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\";color:rgb(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading .duet-collapsible-heading-content ::slotted(*){padding:0;margin:0;font-family:inherit !important;font-size:inherit !important;font-weight:inherit !important;color:inherit !important}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.duet-collapsible-heading-icon:last-of-type:not(:last-child){margin-right:8px !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}:host(.duet-theme-turva2){color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-collapsible-content.duet-theme-turva,:host(.duet-theme-turva2) .duet-collapsible-heading.duet-theme-turva{color:rgb(23, 28, 58)}";
14
13
  const DuetCollapsibleStyle0 = duetCollapsibleCss;
@@ -18,6 +17,7 @@ const DuetCollapsible = class {
18
17
  registerInstance(this, hostRef);
19
18
  this.duetToggle = createEvent(this, "duetToggle", 7);
20
19
  this.id = createID("DuetCollapsible");
20
+ this.headingTags = ["h1", "h2", "h3", "h4", "h5", "h6"];
21
21
  this.handleKeyDown = (e) => {
22
22
  if (isKeyboardClick(e)) {
23
23
  this.handleClick(e);
@@ -103,7 +103,12 @@ const DuetCollapsible = class {
103
103
  inheritGlobalTheme(this);
104
104
  this.hasAfterHeadingSlot = hasSlot(this.element, "after-heading");
105
105
  this.hasHeadingSlot = hasSlot(this.element, "heading");
106
- checkNamedSlotElement(this.element, "heading", "h1, h2, h3, h4, h5, h6");
106
+ checkNamedSlotElement(this.element, "heading", this.headingTags.join(","));
107
+ // As the slotted heading is inside a button it is assigned a presentational role. To provide the correct
108
+ // level to assistive technologies we copy the slotted heading's level for the heading wrapping the button.
109
+ if (this.hasHeadingSlot) {
110
+ this.headingLevel = getElementsFromNamedSlot(this.element, "heading")[0].tagName.toLowerCase();
111
+ }
107
112
  }
108
113
  connectedCallback() {
109
114
  subscribeTabbingChange(this);
@@ -126,8 +131,8 @@ const DuetCollapsible = class {
126
131
  * Always the last one in the class.
127
132
  */
128
133
  render() {
129
- const HeadingTagName = this.headingLevel && !this.hasHeadingSlot ? sanitizeString(this.headingLevel) : "div";
130
- return (h(Host, { key: '491c8d50564fe200f63bce1926984df56d988340', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '5b4014c7cd9911d38bb99f5552107244afb856b1' }, h("button", { key: 'a24f83bd274bd9b20ba6132da1a7a2859103eba6', class: {
134
+ const HeadingTagName = this.headingTags.includes(this.headingLevel) ? this.headingLevel : "div";
135
+ return (h(Host, { key: 'd4e3f686937d93bdf484ffae863443fe77c210be', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: 'e7ba14607b1e4d73d5f6272c00e2ceb0b8aa07ba' }, h("button", { key: '351d29316e93e66753701bbef469b6ec45518ead', class: {
131
136
  "duet-collapsible-heading": true,
132
137
  "duet-collapsible-heading-centered": this.centerHeading,
133
138
  "duet-theme-turva": this.theme === "turva",
@@ -135,7 +140,7 @@ const DuetCollapsible = class {
135
140
  "has-after-heading": this.hasAfterHeadingSlot,
136
141
  "full-width": this.headingFullWidth,
137
142
  "has-caption": !!this.caption,
138
- }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'b748199f0715c1236573441ac601a174a104a89c', class: "duet-collapsible-heading-wrapper" }, h("div", { key: '5abc89da39733fcf24605f919971b87053f2c3b5', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: '4ad7a599fcf2198838b85fe531ab32eae005c235', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: '19b333d50cf04db0aefffd763ecdbfd487884069', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading ? this.heading : h("slot", { name: "heading" })), this.hasAfterHeadingSlot && (h("div", { key: '0bccd472b3eb373b2a2d725e4c40aa8ee2705706', part: "duet-collapsible-after-heading" }, h("slot", { key: '39f90f69cd933d6f7d7657e593126a01589f63b7', name: "after-heading" })))), this.caption && (h("div", { key: '5fc18d8f1e8010c368d49770ed89371ed2e09457', class: "duet-collapsible-heading-caption" }, h("duet-caption", { key: 'd83d5d514cd020a7f97b0e19d0afe7e61b500582', size: "small", margin: "none" }, this.caption))))), h("div", { key: 'd9687fa0fb07e389ea350ec3448f935d3fc8e332', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: '423d7640d82b84912f65637ff6f9d490502373a6' }))));
143
+ }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '1e209486bb08e851fb98f60b4d24e4db0d6b3d87', class: "duet-collapsible-heading-wrapper" }, h("div", { key: '40b9e2fb2b7b5967c46fca245b772404ed8d274f', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: '07f471ddd35c31014d5fd6b02698b7061daafc54', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: 'b6ff01c3e226758716fe24ad0a9b911ccc09b145', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading ? this.heading : h("slot", { name: "heading" })), this.hasAfterHeadingSlot && (h("div", { key: 'ff88bb6f7c9a581479a698927e0240cbc4602356', part: "duet-collapsible-after-heading" }, h("slot", { key: '38ec3c75fa1328af535bf7fd07a3c4fdc41fbb8c', name: "after-heading" })))), this.caption && (h("div", { key: '49ca6eedead259a8a78fd043a62482248b047db9', class: "duet-collapsible-heading-caption" }, h("duet-caption", { key: 'fe7690a05a479010d8b5fdb325959ab6f9aed226', size: "small", margin: "none" }, this.caption))))), h("div", { key: 'f0e833d4d0987a5b05f5daf1e098c633adae5e11', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: '1a2ffd5f9b35957a876cc1ce0940e10274037476' }))));
139
144
  }
140
145
  get element() { return getElement(this); }
141
146
  };