@duetds/components 10.0.0-alpha.23 → 10.0.0-alpha.25

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 (418) hide show
  1. package/hydrate/index.js +414 -261
  2. package/hydrate/index.mjs +414 -261
  3. package/lib/cjs/{a11y-utils-aMJTxbM9.js → a11y-utils-BeS3x4Hg.js} +1 -1
  4. package/lib/cjs/{app-globals-DN9e0v8L.js → app-globals-BvljEFtV.js} +1 -1
  5. package/lib/cjs/duet-action-button.cjs.entry.js +4 -4
  6. package/lib/cjs/duet-alert.cjs.entry.js +4 -4
  7. package/lib/cjs/duet-badge.cjs.entry.js +4 -4
  8. package/lib/cjs/duet-banner.cjs.entry.js +7 -7
  9. package/lib/cjs/duet-breadcrumb.cjs.entry.js +7 -7
  10. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +6 -6
  11. package/lib/cjs/duet-button_2.cjs.entry.js +12 -12
  12. package/lib/cjs/duet-callout.cjs.entry.js +5 -5
  13. package/lib/cjs/duet-caption_4.cjs.entry.js +13 -12
  14. package/lib/cjs/duet-card.cjs.entry.js +4 -4
  15. package/lib/cjs/duet-checkbox.cjs.entry.js +2 -2
  16. package/lib/cjs/duet-checkmark.cjs.entry.js +4 -4
  17. package/lib/cjs/duet-chip.cjs.entry.js +3 -3
  18. package/lib/cjs/duet-choice_2.cjs.entry.js +6 -6
  19. package/lib/cjs/duet-collapsible.cjs.entry.js +4 -4
  20. package/lib/cjs/duet-combobox.cjs.entry.js +4 -4
  21. package/lib/cjs/duet-contact-card.cjs.entry.js +5 -5
  22. package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
  23. package/lib/cjs/duet-date-picker.cjs.entry.js +6 -6
  24. package/lib/cjs/duet-divider_2.cjs.entry.js +4 -4
  25. package/lib/cjs/duet-editable-table_3.cjs.entry.js +9 -9
  26. package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
  27. package/lib/cjs/duet-fieldset.cjs.entry.js +6 -6
  28. package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
  29. package/lib/cjs/duet-footer.cjs.entry.js +4 -4
  30. package/lib/cjs/duet-grid_2.cjs.entry.js +4 -4
  31. package/lib/cjs/duet-header_2.cjs.entry.js +54 -12
  32. package/lib/cjs/duet-hero.cjs.entry.js +4 -4
  33. package/lib/cjs/duet-icon.cjs.entry.js +7 -7
  34. package/lib/cjs/duet-input_2.cjs.entry.js +7 -7
  35. package/lib/cjs/duet-layout.cjs.entry.js +2 -2
  36. package/lib/cjs/duet-list_2.cjs.entry.js +4 -4
  37. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +4 -4
  38. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +4 -4
  39. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +6 -6
  40. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +7 -7
  41. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +4 -4
  42. package/lib/cjs/duet-menu-bar.cjs.entry.js +10 -42
  43. package/lib/cjs/duet-modal.cjs.entry.js +37 -20
  44. package/lib/cjs/duet-multiselect.cjs.entry.js +10 -10
  45. package/lib/cjs/duet-nav.cjs.entry.js +3 -3
  46. package/lib/cjs/duet-notification_2.cjs.entry.js +7 -7
  47. package/lib/cjs/duet-number-input.cjs.entry.js +14 -9
  48. package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
  49. package/lib/cjs/duet-page-heading.cjs.entry.js +5 -5
  50. package/lib/cjs/duet-pagination_2.cjs.entry.js +17 -17
  51. package/lib/cjs/duet-panel.cjs.entry.js +53 -0
  52. package/lib/cjs/duet-phone-input.cjs.entry.js +4 -4
  53. package/lib/cjs/duet-popup-menu_2.cjs.entry.js +6 -6
  54. package/lib/cjs/duet-progress.cjs.entry.js +3 -3
  55. package/lib/cjs/duet-promo-card.cjs.entry.js +6 -6
  56. package/lib/cjs/duet-radio_2.cjs.entry.js +7 -7
  57. package/lib/cjs/duet-range-slider.cjs.entry.js +6 -6
  58. package/lib/cjs/duet-scrollable_3.cjs.entry.js +16 -16
  59. package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
  60. package/lib/cjs/duet-select.cjs.entry.js +9 -9
  61. package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
  62. package/lib/cjs/duet-share-chart-item.cjs.entry.js +2 -2
  63. package/lib/cjs/duet-share-chart.cjs.entry.js +7 -7
  64. package/lib/cjs/duet-show-more.cjs.entry.js +5 -5
  65. package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
  66. package/lib/cjs/duet-slideout-link.cjs.entry.js +7 -7
  67. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +6 -6
  68. package/lib/cjs/duet-slideout-panel.cjs.entry.js +12 -12
  69. package/lib/cjs/duet-slideout.cjs.entry.js +10 -10
  70. package/lib/cjs/duet-status-icon.cjs.entry.js +4 -4
  71. package/lib/cjs/duet-step_2.cjs.entry.js +6 -6
  72. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +4 -4
  73. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +7 -7
  74. package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +6 -6
  75. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
  76. package/lib/cjs/duet-submenu-bar.cjs.entry.js +8 -8
  77. package/lib/cjs/duet-textarea.cjs.entry.js +8 -8
  78. package/lib/cjs/duet-toggle.cjs.entry.js +6 -6
  79. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +4 -4
  80. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +6 -6
  81. package/lib/cjs/duet-toolbar-item.cjs.entry.js +8 -8
  82. package/lib/cjs/duet-toolbar-link.cjs.entry.js +4 -4
  83. package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
  84. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +8 -8
  85. package/lib/cjs/duet-tooltip.cjs.entry.js +5 -5
  86. package/lib/cjs/duet-tray.cjs.entry.js +5 -5
  87. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
  88. package/lib/cjs/duet-upload-item.cjs.entry.js +6 -6
  89. package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
  90. package/lib/cjs/duet.cjs.js +3 -3
  91. package/lib/cjs/{errorcodes.utils-CSxc4txc.js → errorcodes.utils-CwTzu57-.js} +1 -1
  92. package/lib/cjs/{focus-utils-R3gIGr8k.js → focus-utils-Dh4b8BiX.js} +1 -1
  93. package/lib/cjs/{index-cypK_uRu.js → index-D3O_5Hr7.js} +5 -1
  94. package/lib/cjs/{label-61f_b8fi.js → label-8AXhdqJy.js} +1 -1
  95. package/lib/cjs/{language-utils-DIDyCgUk.js → language-utils-CMK9eR4Q.js} +1 -1
  96. package/lib/cjs/loader.cjs.js +3 -3
  97. package/lib/cjs/{slot-utils-BC5Q3UDm.js → slot-utils-BIdgEejh.js} +1 -1
  98. package/lib/cjs/{themeable-component-BWW4XmUY.js → themeable-component-B3llZmjN.js} +14 -2
  99. package/lib/cjs/{token-utils-CHLLcMzU.js → token-utils-DsVwGXGM.js} +75 -7
  100. package/lib/cjs/{tokens-DYbf8HFV.js → tokens-D7zqZKjQ.js} +0 -1
  101. package/lib/collection/collection-manifest.json +1 -0
  102. package/lib/collection/common/themeable-component.js +13 -1
  103. package/lib/collection/components/duet-badge/duet-badge.js +2 -2
  104. package/lib/collection/components/duet-banner/duet-banner.css +1 -0
  105. package/lib/collection/components/duet-banner/duet-banner.js +3 -3
  106. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
  107. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
  108. package/lib/collection/components/duet-button/duet-button.css +19 -4
  109. package/lib/collection/components/duet-button/duet-button.js +5 -5
  110. package/lib/collection/components/duet-callout/duet-callout.js +2 -2
  111. package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
  112. package/lib/collection/components/duet-choice-group/duet-choice-group.js +2 -2
  113. package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
  114. package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
  115. package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
  116. package/lib/collection/components/duet-header/duet-header.css +3 -0
  117. package/lib/collection/components/duet-header/duet-header.js +3 -2
  118. package/lib/collection/components/duet-icon/duet-icon.css +5 -0
  119. package/lib/collection/components/duet-icon/duet-icon.js +3 -3
  120. package/lib/collection/components/duet-label/duet-label.js +1 -1
  121. package/lib/collection/components/duet-link/duet-link.js +5 -4
  122. package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
  123. package/lib/collection/components/duet-logo/duet-logo.css +8 -0
  124. package/lib/collection/components/duet-logo/duet-logo.js +74 -5
  125. package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +91 -0
  126. package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +27 -39
  127. package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
  128. package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
  129. package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
  130. package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
  131. package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
  132. package/lib/collection/components/duet-modal/duet-modal.js +96 -15
  133. package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
  134. package/lib/collection/components/duet-nav/duet-nav.js +1 -1
  135. package/lib/collection/components/duet-notification/duet-notification.js +2 -2
  136. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +2 -2
  137. package/lib/collection/components/duet-number-input/duet-number-input.js +11 -6
  138. package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
  139. package/lib/collection/components/duet-page-heading/duet-page-heading.css +12 -1
  140. package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
  141. package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
  142. package/lib/collection/components/duet-panel/duet-panel.css +98 -0
  143. package/lib/collection/components/duet-panel/duet-panel.js +234 -0
  144. package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
  145. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
  146. package/lib/collection/components/duet-promo-card/duet-promo-card.js +3 -3
  147. package/lib/collection/components/duet-radio/duet-radio.js +3 -3
  148. package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
  149. package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
  150. package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
  151. package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
  152. package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
  153. package/lib/collection/components/duet-select/duet-select.js +5 -5
  154. package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
  155. package/lib/collection/components/duet-share-chart/duet-share-chart.js +2 -2
  156. package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
  157. package/lib/collection/components/duet-show-more/duet-show-more.js +2 -2
  158. package/lib/collection/components/duet-slideout/duet-slideout.js +4 -4
  159. package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
  160. package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
  161. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
  162. package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
  163. package/lib/collection/components/duet-spacer/duet-spacer.js +1 -1
  164. package/lib/collection/components/duet-spinner/duet-spinner.js +2 -2
  165. package/lib/collection/components/duet-status-icon/duet-status-icon.js +2 -2
  166. package/lib/collection/components/duet-step/duet-step.js +2 -2
  167. package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
  168. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
  169. package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
  170. package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
  171. package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
  172. package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
  173. package/lib/collection/components/duet-tab/duet-tab.js +2 -2
  174. package/lib/collection/components/duet-tab-group/duet-tab-group.js +4 -4
  175. package/lib/collection/components/duet-table/duet-table.js +2 -2
  176. package/lib/collection/components/duet-textarea/duet-textarea.js +3 -3
  177. package/lib/collection/components/duet-toggle/duet-toggle.js +2 -2
  178. package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
  179. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
  180. package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
  181. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
  182. package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
  183. package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
  184. package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +2 -2
  185. package/lib/collection/components/duet-tray/duet-tray.js +2 -2
  186. package/lib/collection/components/duet-upload/duet-upload.js +2 -2
  187. package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
  188. package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
  189. package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
  190. package/lib/collection/utils/token-utils.js +59 -7
  191. package/lib/collection/utils/turva2-color-tokens.js +42 -0
  192. package/lib/duet/duet.esm.js +1 -1
  193. package/lib/duet/{p-2de0e6b5.entry.js → p-04ce95ba.entry.js} +1 -1
  194. package/lib/duet/{p-eafab2a1.entry.js → p-05766552.entry.js} +1 -1
  195. package/lib/duet/{p-3ea842ba.entry.js → p-065f7e81.entry.js} +1 -1
  196. package/lib/duet/{p-95dd811d.entry.js → p-06ed84cb.entry.js} +1 -1
  197. package/lib/duet/{p-625a23c2.entry.js → p-08ed76c2.entry.js} +1 -1
  198. package/lib/duet/{p-f3d5e40a.entry.js → p-0a448068.entry.js} +1 -1
  199. package/lib/duet/{p-44786477.entry.js → p-0dc4fe1d.entry.js} +1 -1
  200. package/lib/duet/{p-626e92a9.entry.js → p-0ebeee02.entry.js} +1 -1
  201. package/lib/duet/{p-9b9031cf.entry.js → p-106d3089.entry.js} +1 -1
  202. package/lib/duet/{p-32352972.entry.js → p-15593e3e.entry.js} +1 -1
  203. package/lib/duet/{p-54b978c0.entry.js → p-2057cc55.entry.js} +1 -1
  204. package/lib/duet/{p-061f484f.entry.js → p-2792ec0b.entry.js} +1 -1
  205. package/lib/duet/p-28a998f9.entry.js +4 -0
  206. package/lib/duet/{p-8057c9e5.entry.js → p-2d3d11db.entry.js} +1 -1
  207. package/lib/duet/{p-9d5be586.entry.js → p-2e34dd28.entry.js} +1 -1
  208. package/lib/duet/{p-f7782ce5.entry.js → p-30ade10d.entry.js} +1 -1
  209. package/lib/duet/{p-d5270614.entry.js → p-35ac072d.entry.js} +1 -1
  210. package/lib/duet/{p-70fd5cb5.entry.js → p-37222c50.entry.js} +1 -1
  211. package/lib/duet/{p-80f567c7.entry.js → p-39169420.entry.js} +1 -1
  212. package/lib/duet/{p-a544dcb2.entry.js → p-3dd4fbf1.entry.js} +1 -1
  213. package/lib/duet/{p-8ae3ba95.entry.js → p-402c8cd9.entry.js} +1 -1
  214. package/lib/duet/{p-2b2be1ce.entry.js → p-4628e002.entry.js} +1 -1
  215. package/lib/duet/{p-07cd31d4.entry.js → p-466ef37c.entry.js} +1 -1
  216. package/lib/duet/{p-f2e88086.entry.js → p-4aece4f9.entry.js} +1 -1
  217. package/lib/duet/{p-1b4e4213.entry.js → p-4ee576a2.entry.js} +1 -1
  218. package/lib/duet/p-500d799b.entry.js +4 -0
  219. package/lib/duet/{p-e8bf81e8.entry.js → p-5564a39c.entry.js} +1 -1
  220. package/lib/duet/p-5848a34c.entry.js +4 -0
  221. package/lib/duet/{p-1662ddb0.entry.js → p-5ab64521.entry.js} +1 -1
  222. package/lib/duet/{p-b3547427.entry.js → p-60be3836.entry.js} +1 -1
  223. package/lib/duet/p-625347d3.entry.js +4 -0
  224. package/lib/duet/{p-779380f8.entry.js → p-64ebf5e9.entry.js} +1 -1
  225. package/lib/duet/{p-48bcf197.entry.js → p-64f8d654.entry.js} +1 -1
  226. package/lib/duet/{p-73f38d13.entry.js → p-652eefa8.entry.js} +1 -1
  227. package/lib/duet/{p-85ddf215.entry.js → p-65a8dd89.entry.js} +1 -1
  228. package/lib/duet/{p-05cb3ef2.entry.js → p-66c7af01.entry.js} +1 -1
  229. package/lib/duet/{p-e8668d1a.entry.js → p-67290546.entry.js} +1 -1
  230. package/lib/duet/p-693fda6b.entry.js +4 -0
  231. package/lib/duet/{p-6fa05aeb.entry.js → p-6a6e4d82.entry.js} +1 -1
  232. package/lib/duet/{p-5c749aae.entry.js → p-6aa6ce7d.entry.js} +1 -1
  233. package/lib/duet/{p-e6a5676c.entry.js → p-71603edd.entry.js} +1 -1
  234. package/lib/duet/{p-c0721ad9.entry.js → p-71a6b137.entry.js} +1 -1
  235. package/lib/duet/{p-a40fbcac.entry.js → p-72c2ba6b.entry.js} +1 -1
  236. package/lib/duet/p-73290da8.entry.js +4 -0
  237. package/lib/duet/{p-2c2a8a28.entry.js → p-73ce0ef8.entry.js} +1 -1
  238. package/lib/duet/p-767afcf4.entry.js +4 -0
  239. package/lib/duet/{p-7ac87fc1.entry.js → p-774cf9f5.entry.js} +1 -1
  240. package/lib/duet/{p-89e9badf.entry.js → p-7a9f3475.entry.js} +1 -1
  241. package/lib/duet/{p-61da8d25.entry.js → p-7c814d9a.entry.js} +1 -1
  242. package/lib/duet/{p-1cc69291.entry.js → p-7f1fb1a9.entry.js} +1 -1
  243. package/lib/duet/{p-d154fb42.entry.js → p-83f6beb5.entry.js} +1 -1
  244. package/lib/duet/{p-5b2e8342.entry.js → p-8596c993.entry.js} +1 -1
  245. package/lib/duet/{p-e72e498d.entry.js → p-867aab83.entry.js} +1 -1
  246. package/lib/duet/{p-a854a83c.entry.js → p-86b74914.entry.js} +1 -1
  247. package/lib/duet/{p-11b6b71d.entry.js → p-8ed6f7c7.entry.js} +1 -1
  248. package/lib/duet/{p-b5cdfd48.entry.js → p-94e33308.entry.js} +1 -1
  249. package/lib/duet/p-960f95b4.entry.js +4 -0
  250. package/lib/duet/{p-5f437262.entry.js → p-9973c0dc.entry.js} +1 -1
  251. package/lib/duet/{p-e89f59fe.entry.js → p-9a1f29ac.entry.js} +1 -1
  252. package/lib/duet/{p-e3c9a33a.entry.js → p-9fade6a0.entry.js} +1 -1
  253. package/lib/duet/{p-0710ad83.entry.js → p-9fff2189.entry.js} +1 -1
  254. package/lib/duet/{p-CUNSbdt4.js → p-B_VBeM3r.js} +1 -1
  255. package/lib/duet/{p-B_RHZ7jo.js → p-BaR6ufr4.js} +1 -1
  256. package/lib/duet/p-BdUQgQFn.js +4 -0
  257. package/lib/duet/p-DdwVwK5C.js +4 -0
  258. package/lib/duet/p-Dr2j33H2.js +4 -0
  259. package/lib/duet/{p-Dvk6bntS.js → p-DxV3RbmM.js} +1 -1
  260. package/lib/duet/{p-fwfCVW-k.js → p-DyXNfxdT.js} +1 -1
  261. package/lib/duet/p-DzerL_yn.js +4 -0
  262. package/lib/duet/p-KocOARXM.js +4 -0
  263. package/lib/duet/p-OdY4DjJa.js +4 -0
  264. package/lib/duet/p-T5kkooky.js +4 -0
  265. package/lib/duet/{p-D5_4M8f7.js → p-Z0D6Gy9e.js} +1 -1
  266. package/lib/duet/{p-bd6f7e7b.entry.js → p-a09c6e42.entry.js} +1 -1
  267. package/lib/duet/{p-5956c71f.entry.js → p-a3a2e89e.entry.js} +1 -1
  268. package/lib/duet/{p-a94d6219.entry.js → p-a440c5b3.entry.js} +1 -1
  269. package/lib/duet/{p-835874ed.entry.js → p-a4a768bf.entry.js} +1 -1
  270. package/lib/duet/{p-e1715e1f.entry.js → p-a72b8cf4.entry.js} +1 -1
  271. package/lib/duet/{p-24f39c08.entry.js → p-ab0cd4e5.entry.js} +1 -1
  272. package/lib/duet/{p-a9353027.entry.js → p-aefcd222.entry.js} +1 -1
  273. package/lib/duet/p-b84ac47b.entry.js +4 -0
  274. package/lib/duet/{p-7cfcd244.entry.js → p-ba0fcce1.entry.js} +1 -1
  275. package/lib/duet/p-ba2b47d3.entry.js +4 -0
  276. package/lib/duet/{p-3d266d49.entry.js → p-baeb1090.entry.js} +1 -1
  277. package/lib/duet/{p-828a4e8b.entry.js → p-bcbe4d11.entry.js} +1 -1
  278. package/lib/duet/{p-fcb87d86.entry.js → p-bf5fae27.entry.js} +1 -1
  279. package/lib/duet/p-c6479694.entry.js +4 -0
  280. package/lib/duet/{p-c037858f.entry.js → p-c8308bec.entry.js} +1 -1
  281. package/lib/duet/p-d0f3a2e6.entry.js +4 -0
  282. package/lib/duet/{p-d29c6c90.entry.js → p-d28a8bc4.entry.js} +1 -1
  283. package/lib/duet/p-d2ceafd6.entry.js +4 -0
  284. package/lib/duet/{p-26ef0a2c.entry.js → p-d96af9c9.entry.js} +1 -1
  285. package/lib/duet/{p-a930cc2b.entry.js → p-dee8ff90.entry.js} +1 -1
  286. package/lib/duet/p-e9421a0e.entry.js +4 -0
  287. package/lib/duet/p-ec6e097b.entry.js +4 -0
  288. package/lib/duet/{p-b52c9aed.entry.js → p-effefdec.entry.js} +1 -1
  289. package/lib/duet/{p-9d16f09d.entry.js → p-fb3b8e0f.entry.js} +1 -1
  290. package/lib/esm/{a11y-utils-Do8wJ0uc.js → a11y-utils-CXqm1pj1.js} +1 -1
  291. package/lib/esm/{app-globals-CM7s1rys.js → app-globals-s-_CGo5t.js} +1 -1
  292. package/lib/esm/duet-action-button.entry.js +5 -5
  293. package/lib/esm/duet-alert.entry.js +4 -4
  294. package/lib/esm/duet-badge.entry.js +4 -4
  295. package/lib/esm/duet-banner.entry.js +8 -8
  296. package/lib/esm/duet-breadcrumb.entry.js +7 -7
  297. package/lib/esm/duet-breadcrumbs.entry.js +7 -7
  298. package/lib/esm/duet-button_2.entry.js +13 -13
  299. package/lib/esm/duet-callout.entry.js +5 -5
  300. package/lib/esm/duet-caption_4.entry.js +14 -13
  301. package/lib/esm/duet-card.entry.js +5 -5
  302. package/lib/esm/duet-checkbox.entry.js +2 -2
  303. package/lib/esm/duet-checkmark.entry.js +4 -4
  304. package/lib/esm/duet-chip.entry.js +3 -3
  305. package/lib/esm/duet-choice_2.entry.js +6 -6
  306. package/lib/esm/duet-collapsible.entry.js +4 -4
  307. package/lib/esm/duet-combobox.entry.js +4 -4
  308. package/lib/esm/duet-contact-card.entry.js +5 -5
  309. package/lib/esm/duet-cookie-consent.entry.js +2 -2
  310. package/lib/esm/duet-date-picker.entry.js +6 -6
  311. package/lib/esm/duet-divider_2.entry.js +5 -5
  312. package/lib/esm/duet-editable-table_3.entry.js +10 -10
  313. package/lib/esm/duet-empty-state.entry.js +2 -2
  314. package/lib/esm/duet-fieldset.entry.js +6 -6
  315. package/lib/esm/duet-file-chooser.entry.js +2 -2
  316. package/lib/esm/duet-footer.entry.js +4 -4
  317. package/lib/esm/duet-grid_2.entry.js +4 -4
  318. package/lib/esm/duet-header_2.entry.js +55 -13
  319. package/lib/esm/duet-hero.entry.js +4 -4
  320. package/lib/esm/duet-icon.entry.js +8 -8
  321. package/lib/esm/duet-input_2.entry.js +8 -8
  322. package/lib/esm/duet-layout.entry.js +2 -2
  323. package/lib/esm/duet-list_2.entry.js +4 -4
  324. package/lib/esm/duet-menu-bar-button.entry.js +4 -4
  325. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +4 -4
  326. package/lib/esm/duet-menu-bar-dropdown.entry.js +6 -6
  327. package/lib/esm/duet-menu-bar-item.entry.js +7 -7
  328. package/lib/esm/duet-menu-bar-link.entry.js +4 -4
  329. package/lib/esm/duet-menu-bar.entry.js +10 -42
  330. package/lib/esm/duet-modal.entry.js +37 -20
  331. package/lib/esm/duet-multiselect.entry.js +10 -10
  332. package/lib/esm/duet-nav.entry.js +3 -3
  333. package/lib/esm/duet-notification_2.entry.js +7 -7
  334. package/lib/esm/duet-number-input.entry.js +14 -9
  335. package/lib/esm/duet-overlay.entry.js +3 -3
  336. package/lib/esm/duet-page-heading.entry.js +5 -5
  337. package/lib/esm/duet-pagination_2.entry.js +18 -18
  338. package/lib/esm/duet-panel.entry.js +51 -0
  339. package/lib/esm/duet-phone-input.entry.js +4 -4
  340. package/lib/esm/duet-popup-menu_2.entry.js +7 -7
  341. package/lib/esm/duet-progress.entry.js +3 -3
  342. package/lib/esm/duet-promo-card.entry.js +7 -7
  343. package/lib/esm/duet-radio_2.entry.js +7 -7
  344. package/lib/esm/duet-range-slider.entry.js +7 -7
  345. package/lib/esm/duet-scrollable_3.entry.js +17 -17
  346. package/lib/esm/duet-section-layout.entry.js +4 -4
  347. package/lib/esm/duet-select.entry.js +9 -9
  348. package/lib/esm/duet-shaped-image.entry.js +4 -4
  349. package/lib/esm/duet-share-chart-item.entry.js +2 -2
  350. package/lib/esm/duet-share-chart.entry.js +8 -8
  351. package/lib/esm/duet-show-more.entry.js +5 -5
  352. package/lib/esm/duet-slideout-lang.entry.js +4 -4
  353. package/lib/esm/duet-slideout-link.entry.js +7 -7
  354. package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
  355. package/lib/esm/duet-slideout-panel.entry.js +13 -13
  356. package/lib/esm/duet-slideout.entry.js +11 -11
  357. package/lib/esm/duet-status-icon.entry.js +4 -4
  358. package/lib/esm/duet-step_2.entry.js +6 -6
  359. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +4 -4
  360. package/lib/esm/duet-submenu-bar-dropdown.entry.js +7 -7
  361. package/lib/esm/duet-submenu-bar-item.entry.js +6 -6
  362. package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
  363. package/lib/esm/duet-submenu-bar.entry.js +8 -8
  364. package/lib/esm/duet-textarea.entry.js +8 -8
  365. package/lib/esm/duet-toggle.entry.js +6 -6
  366. package/lib/esm/duet-toolbar-dropdown-link.entry.js +4 -4
  367. package/lib/esm/duet-toolbar-dropdown.entry.js +6 -6
  368. package/lib/esm/duet-toolbar-item.entry.js +8 -8
  369. package/lib/esm/duet-toolbar-link.entry.js +4 -4
  370. package/lib/esm/duet-toolbar.entry.js +4 -4
  371. package/lib/esm/duet-tooltip-button_2.entry.js +8 -8
  372. package/lib/esm/duet-tooltip.entry.js +5 -5
  373. package/lib/esm/duet-tray.entry.js +6 -6
  374. package/lib/esm/duet-upload-aria-status.entry.js +2 -2
  375. package/lib/esm/duet-upload-item.entry.js +6 -6
  376. package/lib/esm/duet-visually-hidden.entry.js +2 -2
  377. package/lib/esm/duet.js +4 -4
  378. package/lib/esm/{errorcodes.utils-jdmUflM5.js → errorcodes.utils-Bre55Njd.js} +1 -1
  379. package/lib/esm/{focus-utils-Fb4Hjq5k.js → focus-utils-vvgYykmM.js} +1 -1
  380. package/lib/esm/{index-CUNSbdt4.js → index-B_VBeM3r.js} +5 -1
  381. package/lib/esm/{label-CSouuUKb.js → label-l-Eza5H3.js} +1 -1
  382. package/lib/esm/{language-utils-fAqNRSrI.js → language-utils-B7PXWqpg.js} +1 -1
  383. package/lib/esm/loader.js +4 -4
  384. package/lib/esm/{slot-utils-CgXzS75x.js → slot-utils-aDCRCdc4.js} +1 -1
  385. package/lib/esm/{themeable-component-EVqsr6Ut.js → themeable-component-DPqozkF4.js} +14 -2
  386. package/lib/esm/{token-utils-orOLyKQw.js → token-utils-BGFYWQ6j.js} +76 -9
  387. package/lib/esm/{tokens-Dvk6bntS.js → tokens-DxV3RbmM.js} +1 -1
  388. package/lib/esm/{tokens.module-D5_4M8f7.js → tokens.module-Z0D6Gy9e.js} +1 -1
  389. package/lib/types/components/duet-logo/duet-logo.d.ts +8 -0
  390. package/lib/types/components/duet-menu-bar/duet-menu-bar.d.ts +5 -4
  391. package/lib/types/components/duet-modal/duet-modal.d.ts +17 -1
  392. package/lib/types/components/duet-number-input/duet-number-input.d.ts +3 -1
  393. package/lib/types/components/duet-panel/duet-panel.d.ts +47 -0
  394. package/lib/types/components.d.ts +123 -4
  395. package/lib/types/utils/token-utils.d.ts +4 -0
  396. package/lib/types/utils/turva2-color-tokens.d.ts +39 -0
  397. package/package.json +3 -3
  398. package/lib/duet/p-2354e2c1.entry.js +0 -4
  399. package/lib/duet/p-50Jw5Ir2.js +0 -4
  400. package/lib/duet/p-5432f24c.entry.js +0 -4
  401. package/lib/duet/p-710ae64d.entry.js +0 -4
  402. package/lib/duet/p-7a9e6423.entry.js +0 -4
  403. package/lib/duet/p-7c4f010e.entry.js +0 -4
  404. package/lib/duet/p-88773ebf.entry.js +0 -4
  405. package/lib/duet/p-89e6b8d0.entry.js +0 -4
  406. package/lib/duet/p-9d501c34.entry.js +0 -4
  407. package/lib/duet/p-BI7G8d3Z.js +0 -4
  408. package/lib/duet/p-Be6-farU.js +0 -4
  409. package/lib/duet/p-CF5Kkdym.js +0 -4
  410. package/lib/duet/p-DyjhCDQL.js +0 -4
  411. package/lib/duet/p-M3ljdQX1.js +0 -4
  412. package/lib/duet/p-b2c2a24e.entry.js +0 -4
  413. package/lib/duet/p-b314a75a.entry.js +0 -4
  414. package/lib/duet/p-b4569b01.entry.js +0 -4
  415. package/lib/duet/p-d2e1cef2.entry.js +0 -4
  416. package/lib/duet/p-e89e940b.entry.js +0 -4
  417. package/lib/duet/p-ekdrapBY.js +0 -4
  418. package/lib/duet/p-fc319c57.entry.js +0 -4
package/lib/cjs/{a11y-utils-aMJTxbM9.js → a11y-utils-BeS3x4Hg.js} RENAMED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var slotUtils = require('./slot-utils-BC5Q3UDm.js');
6
+ var slotUtils = require('./slot-utils-BIdgEejh.js');
7
7
 
8
8
  function getAccessibleLinkLabel(component) {
9
9
  const textContent = component.element.textContent;
package/lib/cjs/{app-globals-DN9e0v8L.js → app-globals-BvljEFtV.js} RENAMED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- require('./index-cypK_uRu.js');
6
+ require('./index-D3O_5Hr7.js');
7
7
 
8
8
  const setupLoggers = () => {
9
9
  {
package/lib/cjs/duet-action-button.cjs.entry.js CHANGED
@@ -3,13 +3,13 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-cypK_uRu.js');
7
- var themeableComponent = require('./themeable-component-BWW4XmUY.js');
6
+ var index = require('./index-D3O_5Hr7.js');
7
+ var themeableComponent = require('./themeable-component-B3llZmjN.js');
8
8
  var createId = require('./create-id-DtslnIOq.js');
9
9
  var jsUtils = require('./js-utils-hJ4A2edy.js');
10
10
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
11
- var languageUtils = require('./language-utils-DIDyCgUk.js');
12
- var tokenUtils = require('./token-utils-CHLLcMzU.js');
11
+ var languageUtils = require('./language-utils-CMK9eR4Q.js');
12
+ var tokenUtils = require('./token-utils-DsVwGXGM.js');
13
13
  require('./string-utils-B35hEUBv.js');
14
14
  require('./tokens.module-7opSZfop.js');
15
15
 
package/lib/cjs/duet-alert.cjs.entry.js CHANGED
@@ -3,12 +3,12 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-cypK_uRu.js');
7
- var themeableComponent = require('./themeable-component-BWW4XmUY.js');
6
+ var index = require('./index-D3O_5Hr7.js');
7
+ var themeableComponent = require('./themeable-component-B3llZmjN.js');
8
8
  var createId = require('./create-id-DtslnIOq.js');
9
9
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
10
- var languageUtils = require('./language-utils-DIDyCgUk.js');
11
- var slotUtils = require('./slot-utils-BC5Q3UDm.js');
10
+ var languageUtils = require('./language-utils-CMK9eR4Q.js');
11
+ var slotUtils = require('./slot-utils-BIdgEejh.js');
12
12
  require('./string-utils-B35hEUBv.js');
13
13
 
14
14
  const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}";
package/lib/cjs/duet-badge.cjs.entry.js CHANGED
@@ -3,8 +3,8 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-cypK_uRu.js');
7
- var themeableComponent = require('./themeable-component-BWW4XmUY.js');
6
+ var index = require('./index-D3O_5Hr7.js');
7
+ var themeableComponent = require('./themeable-component-B3llZmjN.js');
8
8
 
9
9
  const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fdecc9}.duet-badge.danger{background:#f7d2dc}.duet-badge.danger.duet-theme-turva{background:#f7d2dc}.duet-badge.success{background:#d6e6e1}.duet-badge.success.duet-theme-turva{background:#d6e6e1}.duet-badge.subtle{color:rgb(98, 121, 138);background:none;outline:1px solid rgb(212, 223, 229);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(113, 118, 132);background:none;outline-color:rgb(222, 224, 228)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#f9c153}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.subtle{border-color:rgb(181, 198, 208);outline-color:rgb(8, 42, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(199, 202, 207);outline-color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.default{color:#172a3b;background:#e8eaeb}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.default{color:rgb(255, 255, 255);background:#172a3b}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.subtle{outline-color:#172a3b}";
10
10
 
@@ -41,12 +41,12 @@ const DuetBadge = class {
41
41
  */
42
42
  render() {
43
43
  const backgroundClass = `background-${this.background}`;
44
- return (index.h(index.Host, { key: 'e45de553a457c5a4139b4be49e5301ace4e9110c', class: { "duet-m-0": this.margin === "none" } }, index.h("span", { key: 'de2bb7eca93c60e8123340016467914e04bc0e69', class: {
44
+ return (index.h(index.Host, { key: 'da159f6322336c9e29fe1f6fd62a1c856fee0a86', class: { "duet-m-0": this.margin === "none" } }, index.h("span", { key: '9e9e12f29c7a27a2c15be1e4e7aaffcacc81f053', class: {
45
45
  "duet-badge": true,
46
46
  [this.variation]: true,
47
47
  [backgroundClass]: true,
48
48
  "duet-theme-turva": this.theme === "turva",
49
- } }, index.h("slot", { key: '7d4fc480477f105c245a01952a7a27c2331b9bb5' }))));
49
+ } }, index.h("slot", { key: '97ed4f103d26ccf534b9eb10168a7855a958b466' }))));
50
50
  }
51
51
  get element() { return index.getElement(this); }
52
52
  };
package/lib/cjs/duet-banner.cjs.entry.js CHANGED
@@ -3,11 +3,11 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-cypK_uRu.js');
7
- var themeableComponent = require('./themeable-component-BWW4XmUY.js');
8
- var slotUtils = require('./slot-utils-BC5Q3UDm.js');
6
+ var index = require('./index-D3O_5Hr7.js');
7
+ var themeableComponent = require('./themeable-component-B3llZmjN.js');
8
+ var slotUtils = require('./slot-utils-BIdgEejh.js');
9
9
  var stringUtils = require('./string-utils-B35hEUBv.js');
10
- var tokenUtils = require('./token-utils-CHLLcMzU.js');
10
+ var tokenUtils = require('./token-utils-DsVwGXGM.js');
11
11
  require('./tokens.module-7opSZfop.js');
12
12
 
13
13
  const DuetPicture = ({ img, sources }) => {
@@ -17,7 +17,7 @@ const DuetPicture = ({ img, sources }) => {
17
17
  index.h("img", Object.assign({}, img))));
18
18
  };
19
19
 
20
- const duetBannerCss = "*,\n*::after,\n*::before {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n:host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n margin: 0 !important;\n}\n\n.duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n margin: 0 !important;\n}\n.duet-banner .visual {\n position: relative;\n display: none;\n overflow: hidden;\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n .duet-banner .visual {\n /* stylelint-enable */\n display: block;\n }\n}\n.duet-banner .visual .image-container {\n position: relative;\n aspect-ratio: 2/1;\n overflow: hidden;\n}\n.duet-banner .visual .image {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n.duet-banner .visual .icon {\n position: absolute;\n}\n.duet-banner .visual .brand-shape {\n position: absolute;\n top: 0;\n left: 72%;\n display: none;\n width: 100%;\n height: 100%;\n mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n.duet-banner .content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n hyphens: auto;\n}\n.duet-banner .action {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-end;\n padding-top: 16px;\n}\n.duet-banner .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n width: 100%;\n height: auto;\n border-radius: 0;\n}\n.duet-banner .visual .icon {\n bottom: 30px;\n left: 15px;\n}\n.duet-banner.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-disable */\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n top: 36px;\n left: 168px;\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-medium .content, .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 28px 28px 28px 0;\n }\n .duet-banner.size-medium .action, .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n@container duet-banner-container (min-width: 586px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n left: 80%;\n }\n}\n.duet-banner.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-large .visual .icon {\n top: 40px;\n bottom: auto;\n left: 335px;\n }\n .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 48px 48px 48px 0;\n }\n .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n.duet-banner.no-image {\n display: flex;\n justify-content: center;\n padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n display: none;\n}\n.duet-banner.no-image .content {\n width: 100%;\n max-width: 720px;\n padding: 0;\n}\n.duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-enable */\n padding: 48px;\n }\n}";
20
+ const duetBannerCss = "*,\n*::after,\n*::before {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n:host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n margin: 0 !important;\n}\n\n.duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n margin: 0 !important;\n}\n.duet-banner .visual {\n position: relative;\n display: none;\n overflow: hidden;\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n .duet-banner .visual {\n /* stylelint-enable */\n display: block;\n }\n}\n.duet-banner .visual .image-container {\n position: relative;\n aspect-ratio: 2/1;\n overflow: hidden;\n}\n.duet-banner .visual .image {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n.duet-banner .visual .icon {\n position: absolute;\n}\n.duet-banner .visual .brand-shape {\n position: absolute;\n top: 0;\n left: 72%;\n display: none;\n width: 100%;\n height: 100%;\n mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n transform: scale(101%);\n}\n.duet-banner .content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n hyphens: auto;\n}\n.duet-banner .action {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-end;\n padding-top: 16px;\n}\n.duet-banner .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n width: 100%;\n height: auto;\n border-radius: 0;\n}\n.duet-banner .visual .icon {\n bottom: 30px;\n left: 15px;\n}\n.duet-banner.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-disable */\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n top: 36px;\n left: 168px;\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-medium .content, .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 28px 28px 28px 0;\n }\n .duet-banner.size-medium .action, .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n@container duet-banner-container (min-width: 586px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n left: 80%;\n }\n}\n.duet-banner.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-large .visual .icon {\n top: 40px;\n bottom: auto;\n left: 335px;\n }\n .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 48px 48px 48px 0;\n }\n .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n.duet-banner.no-image {\n display: flex;\n justify-content: center;\n padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n display: none;\n}\n.duet-banner.no-image .content {\n width: 100%;\n max-width: 720px;\n padding: 0;\n}\n.duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-enable */\n padding: 48px;\n }\n}";
21
21
 
22
22
  const DuetBanner = class {
23
23
  constructor(hostRef) {
@@ -128,14 +128,14 @@ const DuetBanner = class {
128
128
  img: { src: this.image, alt: "", loading: "lazy", class: "image", role: "presentation" },
129
129
  sources: stringUtils.parsePossibleJSON(this.sources),
130
130
  };
131
- return (index.h(index.Host, { key: 'd279b27f54fba40d358a850d94118a0caa571737', class: { "duet-m-0": this.margin === "none" } }, index.h("aside", { key: 'fa270dd8231b5b22d2c0157105df3171fd56f450', class: {
131
+ return (index.h(index.Host, { key: '12cea619c3a29693b7bbb7189962468eee715f68', class: { "duet-m-0": this.margin === "none" } }, index.h("aside", { key: 'b4e70162ea52e299c8cc3481961e1354f7a348d0', class: {
132
132
  "duet-banner": true,
133
133
  "duet-theme-turva": this.theme === "turva",
134
134
  [this.currentSize]: true,
135
135
  "size-medium": this.size === "medium" || this.size === "large",
136
136
  "size-large": this.size === "large",
137
137
  "no-image": !this.image,
138
- }, style: bannerStyles }, index.h("div", { key: 'c3cbef43ed49f67f5c429692c0d673f65341cbf8', class: "visual" }, index.h("div", { key: '6e1defb61acf399734e5843f100d17a467acc52c', class: "image-container" }, this.image && index.h(DuetPicture, Object.assign({ key: '9b8cf3946c557db548bf9e4a63a9f77e1a528eca' }, pictureSource))), 1 > 2, index.h("div", { key: 'de431601a73be43d79f29e7e4cc4e943ae00e545', style: bannerStyles, class: "brand-shape" })), index.h("div", { key: '50f7a5fc5f4ade0905bc272e29e7d0c4912c1020', class: "content" }, this.hasHeadingSlot && (index.h("div", { key: '73cd6a4f3f4022f897df0ce57a2316043f403dba', class: "heading" }, index.h("duet-heading", { key: '1d7d47b81255653206534bb228d11e8eee154c2c', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, index.h("span", { key: 'f340c4b1e80fdd5a64ed8d61512879b290662b37' }, index.h("slot", { key: '2041e9d5b57a5adb5a325e4bf2052cece9d59d83', name: "heading" }))))), this.hasDescriptionSlot && (index.h("div", { key: '77bee71dfd8d16749a238336fb0ca182dc6da387', class: "description", style: { color } }, index.h("slot", { key: 'bc10b7a951bf3ca738bb2214d4f78a2258f373d3', name: "description" }))), this.hasActionSlot && (index.h("div", { key: 'c842a4bd1a20ff10617c0df53b0491e897de4371', class: "action" }, index.h("slot", { key: 'a17d57f164e2973eb0bdaa8902b93eaafdc3b96e', name: "action" })))))));
138
+ }, style: bannerStyles }, index.h("div", { key: '77b6658e115f6c6ad322e4d81607a842de28ad7f', class: "visual" }, index.h("div", { key: '1140037769c9615f7fc233d5ef7db5e93e5b1434', class: "image-container" }, this.image && index.h(DuetPicture, Object.assign({ key: '63b777ee272d5fe8c7df6f6a8bff7b84a44c9dff' }, pictureSource))), 1 > 2, index.h("div", { key: '5af78573b362552f7bdc061be9bed68373255aae', style: bannerStyles, class: "brand-shape" })), index.h("div", { key: '99f371a78ff9d7e85cff37c9c5eb2d49f51e7aaa', class: "content" }, this.hasHeadingSlot && (index.h("div", { key: '8684e9cbd15cd42e8bce73271543ce7fc91b63fc', class: "heading" }, index.h("duet-heading", { key: '2d3348662100fc98f088ac9dee4a5a38681ce9d7', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: tokenUtils.postfixTheme(this.textColor, this.theme) }, index.h("span", { key: '692332080a527df5d5ed15773ef34efbda983f15' }, index.h("slot", { key: '8a0a0e72edfcf4c55f66b8565fe90b948e86c4bc', name: "heading" }))))), this.hasDescriptionSlot && (index.h("div", { key: 'daba4eb6a51dc590ea3591132b8cddebb5cf9756', class: "description", style: { color } }, index.h("slot", { key: '5d8e3bc1324a170bf266b89e8815896c470a512a', name: "description" }))), this.hasActionSlot && (index.h("div", { key: 'c9d0e0f700ef91081cad82c8edb5db69ee38ef56', class: "action" }, index.h("slot", { key: 'e72dfb579efb7ad822de3f59d3d828fffd3ef015', name: "action" })))))));
139
139
  }
140
140
  get element() { return index.getElement(this); }
141
141
  };
package/lib/cjs/duet-breadcrumb.cjs.entry.js CHANGED
@@ -3,11 +3,11 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-cypK_uRu.js');
6
+ var index = require('./index-D3O_5Hr7.js');
7
7
  var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
8
- var themeableComponent = require('./themeable-component-BWW4XmUY.js');
8
+ var themeableComponent = require('./themeable-component-B3llZmjN.js');
9
9
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
10
- var languageUtils = require('./language-utils-DIDyCgUk.js');
10
+ var languageUtils = require('./language-utils-CMK9eR4Q.js');
11
11
  require('./string-utils-B35hEUBv.js');
12
12
 
13
13
  var actionArrowRightSmall;
@@ -73,14 +73,14 @@ const DuetBreadcrumb = class {
73
73
  */
74
74
  render() {
75
75
  var _a;
76
- return (index.h(index.Host, { key: '7194507758c2976af05092483e20590e29db18fa', role: "listitem" }, index.h("div", { key: '374e39bb1fa8204da40d6ed3e769ff342efcc186', class: "container" }, this.icon === "arrow-right-small-icon" && (index.h("duet-icon", { key: 'f2ec6918a8783ae7756616987690073deb2674ca', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), index.h("a", { key: 'aca45e2ad535926d21ad808020d03efe5611a9f4', class: {
76
+ return (index.h(index.Host, { key: '1ea751b77b703d6054db7aa48bdeb9ac2a7cf742', role: "listitem" }, index.h("div", { key: '147ae3c1a0ff6744d0d363ce2162b0acf8083535', class: "container" }, this.icon === "arrow-right-small-icon" && (index.h("duet-icon", { key: 'd1642e1065ca32cc3b05d2724fbb3a1fae48fe2d', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), index.h("a", { key: '43ab506c5a641b44b99b9589eb7afdf7dc12172e', class: {
77
77
  "duet-breadcrumb": true,
78
78
  "duet-theme-turva": this.theme === "turva",
79
79
  }, href: this.href ? this.href : undefined, "aria-label": `${!this.href ? `${languageUtils.getLocaleString(this.currentCrumb)} ` : ""}${(_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.element.innerHTML}`, role: "link" }, this.icon !== "arrow-right-small-icon" &&
80
80
  this.icon && [
81
- index.h("duet-icon", { key: 'e7d45f42e8ae3f1071999352e45030c57536fc07', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
82
- this.hasSlottedContent && index.h("duet-spacer", { key: 'f29d0e58ace81d0ea40bc1a4e8252bf3b0d965a6', size: "x-small", direction: "horizontal" }),
83
- ], index.h("slot", { key: '9bf27c8c6bb3400fe828e4e8e917fd244453eea2' })))));
81
+ index.h("duet-icon", { key: '73e448e620cf4284d620295ee791e8ebf8d8f491', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
82
+ this.hasSlottedContent && index.h("duet-spacer", { key: '9b0715738cc45d50d03a74f3310b654566fa0d59', size: "x-small", direction: "horizontal" }),
83
+ ], index.h("slot", { key: '67cd2c6250927322b997b23a199c5ea758e2829e' })))));
84
84
  }
85
85
  get element() { return index.getElement(this); }
86
86
  };
package/lib/cjs/duet-breadcrumbs.cjs.entry.js CHANGED
@@ -3,10 +3,10 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-cypK_uRu.js');
7
- var themeableComponent = require('./themeable-component-BWW4XmUY.js');
8
- var languageUtils = require('./language-utils-DIDyCgUk.js');
9
- var tokenUtils = require('./token-utils-CHLLcMzU.js');
6
+ var index = require('./index-D3O_5Hr7.js');
7
+ var themeableComponent = require('./themeable-component-B3llZmjN.js');
8
+ var languageUtils = require('./language-utils-CMK9eR4Q.js');
9
+ var tokenUtils = require('./token-utils-DsVwGXGM.js');
10
10
  require('./string-utils-B35hEUBv.js');
11
11
  require('./tokens.module-7opSZfop.js');
12
12
 
@@ -64,11 +64,11 @@ const DuetBreadcrumbs = class {
64
64
  */
65
65
  render() {
66
66
  const color = tokenUtils.getColorByName(this.color);
67
- return (index.h(index.Host, { key: 'fcaa6da538d472de9ef49a1da0cbf32d85e5f558' }, index.h("nav", { key: '54dfb6d38387be36de31194f85187dac77620c43', "aria-label": this.breadcrumbsAriaLabel, class: {
67
+ return (index.h(index.Host, { key: 'a33196239b9b8f6933f6e8b46df005591cd7234c' }, index.h("nav", { key: 'e132c17465eefb28d91c1a2a98fb6fa6bf812c92', "aria-label": this.breadcrumbsAriaLabel, class: {
68
68
  "duet-breadcrumbs": true,
69
69
  "duet-theme-turva": this.theme === "turva",
70
70
  [this.variation]: true,
71
- } }, index.h("div", { key: 'e0c10e3f3175cfe53baf88d3279785795394eb54', class: "container" }, index.h("div", { key: '490c08445579f837599571654281c1ea0f336f80', role: "list", class: "list", style: { color } }, index.h("slot", { key: 'bda3d6a84edc3c372360a215d090ae9d902297a1' })), index.h("div", { key: '280b605ac1160140dde18540efcc18c04c7449c2', class: "bottom-border bottom-border--container" })), index.h("div", { key: 'f4a30ee98a7540c7c8d260e8a3dae32a33a75b0a', class: "bottom-border bottom-border--nav" }))));
71
+ } }, index.h("div", { key: '515e61b4523d016aeaf79f9785f335793f3fd8a7', class: "container" }, index.h("div", { key: '5cc015e840532c3e5450d2f99ea6dbfe16da9e21', role: "list", class: "list", style: { color } }, index.h("slot", { key: '712824b51a9798d5df687a5146e7564c32e3b192' })), index.h("div", { key: '6c669b82b4d9bebfec76cd852e422df64fc378f7', class: "bottom-border bottom-border--container" })), index.h("div", { key: '04cb09bd7682b668fd9ca24ddd91efea24da9bf6', class: "bottom-border bottom-border--nav" }))));
72
72
  }
73
73
  get element() { return index.getElement(this); }
74
74
  };
package/lib/cjs/duet-button_2.cjs.entry.js CHANGED
@@ -3,15 +3,15 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-cypK_uRu.js');
7
- var themeableComponent = require('./themeable-component-BWW4XmUY.js');
6
+ var index = require('./index-D3O_5Hr7.js');
7
+ var themeableComponent = require('./themeable-component-B3llZmjN.js');
8
8
  var commonStrings = require('./common-strings-DQ3xONmA.js');
9
- var languageUtils = require('./language-utils-DIDyCgUk.js');
10
- var tokenUtils = require('./token-utils-CHLLcMzU.js');
9
+ var languageUtils = require('./language-utils-CMK9eR4Q.js');
10
+ var tokenUtils = require('./token-utils-DsVwGXGM.js');
11
11
  require('./string-utils-B35hEUBv.js');
12
12
  require('./tokens.module-7opSZfop.js');
13
13
 
14
- const duetButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary,.duet-theme-turva .duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover,.duet-button.input-button-left-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover,.duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus,.duet-button.input-button-left-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus,.duet-theme-turva .duet-button.input-button-left-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded,.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents,.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default{color:#e61740 !important;border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative{background-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded{color:#172a3b !important;border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative{color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative:hover{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain{color:#e61740 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled]{border-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square{border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square.duet-button-negative{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button-is-loading.default{color:#e61740}";
14
+ const duetButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary,.duet-theme-turva .duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover,.duet-button.input-button-left-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover,.duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus,.duet-button.input-button-left-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus,.duet-theme-turva .duet-button.input-button-left-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled],.duet-button.plain[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled],.duet-theme-turva .duet-button.plain[disabled]:hover{color:rgb(113, 118, 132) !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded,.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents,.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default{color:#e61740 !important;border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative{background-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded{color:#172a3b !important;border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative{color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative:hover{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain{color:#e61740 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain:hover{color:#8c001e !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled]:hover{color:#5f7a8f !important;background:transparent !important;border-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square{border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square.duet-button-negative{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button[disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button[disabled]:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button-negative [disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:#7891a4 !important;cursor:not-allowed;background:#d4dde2 !important;border-color:#d4dde2 !important;outline-color:#d4dde2 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button-is-loading.default{color:#e61740}";
15
15
 
16
16
  const DuetButton = class {
17
17
  constructor(hostRef) {
@@ -267,12 +267,12 @@ const DuetButton = class {
267
267
  // enforce consistency for external links
268
268
  const icon = isExternalLink ? "action-new-window" : this.icon;
269
269
  const iconRight = isExternalLink ? true : this.iconRight;
270
- const commonChildren = (index.h("span", { key: 'dad881c4e315cee7e2fa16020ab44f3b8518ce8b', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: tokenUtils.getColorByName(this.color) } }, icon && (index.h("span", { key: '08d196d1bc190ccb57d8f4961a78e1999f69a6f1', "aria-hidden": "true", class: {
270
+ const commonChildren = (index.h("span", { key: '4b6618222c037ec329c118f7ad247b9fd514e878', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: tokenUtils.getColorByName(this.color, this.theme) } }, icon && (index.h("span", { key: '67492c9b50231879ba232f7c6bcdadcb2d219875', "aria-hidden": "true", class: {
271
271
  "duet-button-icon": true,
272
272
  left: !iconRight,
273
273
  right: iconRight,
274
274
  [this.getButtonIconSize()]: true,
275
- } }, index.h("duet-icon", { key: '24ffeda883152bfe0123a828ed037aa7bdf365aa', size: "auto", margin: "none", name: icon, color: "currentColor" }))), index.h("span", { key: '60cbc950fc893b105e13e98769341697d3065e87', class: "duet-button-contents-slot" }, index.h("slot", { key: '236c0748e32a96046fe4bf1c79b6822ebf5c0b9d' }))));
275
+ } }, index.h("duet-icon", { key: 'fce0630d78df187c2a7f3946ff3d262c43e5ce95', size: "auto", margin: "none", name: icon, color: "currentColor" }))), index.h("span", { key: '34d608211bac6921c4aec51f71a9b33e2ac2b7b0', class: "duet-button-contents-slot" }, index.h("slot", { key: 'b2478d851993c148be6a83a76f9f725469bc9944' }))));
276
276
  const size = this.size == "medium" || this.size == "small" || this.size == "x-small" ? this.size : "medium";
277
277
  const commonProps = {
278
278
  onFocus: this.onFocus,
@@ -307,7 +307,7 @@ const DuetButton = class {
307
307
  "aria-details": this.accessibleDetails,
308
308
  "aria-description": this.accessibleDescription,
309
309
  };
310
- return (index.h(index.Host, { key: '2f71565d21679c2161cbebaa8b3bfaa7aa4183a0', class: {
310
+ return (index.h(index.Host, { key: 'c70e2d9cbe884c7b6cc3012721f01ce6d54b4555', class: {
311
311
  "duet-m-0": this.margin === "none",
312
312
  "duet-small": this.size === "small",
313
313
  "duet-x-small": this.size === "x-small",
@@ -315,13 +315,13 @@ const DuetButton = class {
315
315
  "duet-expand": this.expand,
316
316
  [this.variation]: true,
317
317
  "input-button": (_b = this.variation) === null || _b === void 0 ? void 0 : _b.startsWith("input-button"),
318
- } }, index.h("span", { key: '2a2d449975f67608f602eaca489e4ff865496ed8', onClick: this.handleClick, class: {
318
+ } }, index.h("span", { key: 'c8be7792d2ae572befbfbe921a3ec453c073637d', onClick: this.handleClick, class: {
319
319
  "duet-button-container": true,
320
320
  "duet-button-is-loading": this.loading,
321
321
  "duet-theme-turva": this.theme === "turva",
322
322
  "duet-button-negative": this.negative || this.variation === "negative",
323
323
  [this.variation]: true,
324
- } }, this.url ? (index.h("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (index.h("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren, this.loading && index.h("duet-visually-hidden", null, " ", this.accessibleLabelLoading, " "))), this.loading && index.h("duet-spinner", { key: 'e27fdd855b9191cdd22c9b74746f3144890d3837', color: "currentColor" })), index.h("slot", { key: '5f1fec755bfdf56ed261b893fa647308c1e21a7f', name: "proxybutton" })));
324
+ } }, this.url ? (index.h("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (index.h("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren, this.loading && index.h("duet-visually-hidden", null, " ", this.accessibleLabelLoading, " "))), this.loading && index.h("duet-spinner", { key: 'da956cda627d2afc5084ee69629b54ffabcb672b', color: "currentColor" })), index.h("slot", { key: '0ead01a475d6242c0049a259f9b9c725830d4b80', name: "proxybutton" })));
325
325
  }
326
326
  get element() { return index.getElement(this); }
327
327
  };
@@ -362,11 +362,11 @@ const DuetSpinner = class {
362
362
  */
363
363
  render() {
364
364
  const color = this.color === "currentColor" ? "currentColor" : tokenUtils.getColorByName(this.color);
365
- return (index.h(index.Host, { key: 'b1846d2b3067e80a6784df2181ab2c4721967844', class: {
365
+ return (index.h(index.Host, { key: '8e4d0ddb4abd8fb9c68b9f3935ca75fb65f63cf3', class: {
366
366
  "duet-custom-color": this.color !== "currentColor" && this.theme !== "turva" && this.theme !== "default",
367
367
  "duet-theme-turva": this.theme === "turva" && this.color !== "currentColor",
368
368
  "duet-theme-default": this.theme === "default" && this.color !== "currentColor",
369
- } }, index.h("div", { key: '8ec60dbbf140adbe8e24dd59f6c8db2340bda4c3', class: {
369
+ } }, index.h("div", { key: '4940f908c0ecdb401c361b0ab7dc2720d5c6a1a1', class: {
370
370
  "duet-spinner": true,
371
371
  [this.size]: true,
372
372
  }, style: { color }, "aria-label": this.accessibleLabel })));
package/lib/cjs/duet-callout.cjs.entry.js CHANGED
@@ -3,9 +3,9 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-cypK_uRu.js');
7
- var themeableComponent = require('./themeable-component-BWW4XmUY.js');
8
- var slotUtils = require('./slot-utils-BC5Q3UDm.js');
6
+ var index = require('./index-D3O_5Hr7.js');
7
+ var themeableComponent = require('./themeable-component-B3llZmjN.js');
8
+ var slotUtils = require('./slot-utils-BIdgEejh.js');
9
9
 
10
10
  const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(8, 42, 77)}.duet-callout.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout.duet-theme-turva .author,.duet-callout.duet-theme-turva blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}:host(.duet-theme-turva2) .duet-callout.duet-theme-turva .author,:host(.duet-theme-turva2) .duet-callout.duet-theme-turva blockquote{color:#172a3b}";
11
11
 
@@ -39,11 +39,11 @@ const DuetCallout = class {
39
39
  <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
40
40
  </svg>
41
41
  `;
42
- return (index.h(index.Host, { key: 'dd2f1fd88d16b07c38c22e1be1ba4c3c660ccc46' }, index.h("div", { key: 'f6dfced51062e5c3b5c557b797bd4d2fb18c7413', class: {
42
+ return (index.h(index.Host, { key: 'c491469b698a73c9a411cf3f660770be81879bd7' }, index.h("div", { key: '4c7e1af2f3c229e617d04c0aaf1355bce04a2d6d', class: {
43
43
  "duet-callout": true,
44
44
  "duet-theme-turva": this.theme === "turva",
45
45
  "duet-m-0": this.margin === "none",
46
- } }, index.h("figure", { key: '8b86c87b9a8e679696e1bdb4d3e60ac1814de56f', class: "container" }, index.h("duet-icon", { key: '7b1f65ce4124a8e87bf1ef4c6bb05b83778f9d44', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), index.h("blockquote", { key: 'd88a7a4cb73b03b0edce0b73d85d793a07f95809' }, index.h("slot", { key: 'e20a3393f6c921615280dc67bae58dd86c737849' })), this.hasAuthorSlot && (index.h("figcaption", { key: '3e77db76e9ffe2faf357f7d63e389f0a68aab8e3', class: "author" }, index.h("span", { key: '8d726ffb6c4ddaeb397e7b39ef2b75b4f1aad3a1' }, "\u2014 "), index.h("slot", { key: '60d48ada87a9b5e8bdcb703f99a508efc7e04bf9', name: "author" })))))));
46
+ } }, index.h("figure", { key: 'eb03690c450a0d767e18bffdbce24d83e3334e65', class: "container" }, index.h("duet-icon", { key: '1695f3f5c59f29b3497a9df3269e791bc19095a6', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), index.h("blockquote", { key: '6297aefa621ef90e3cb100bcfd07c798cf9b378a' }, index.h("slot", { key: '14186875763fbf1989d9de9cb90706be15de8508' })), this.hasAuthorSlot && (index.h("figcaption", { key: 'c17e4fe83fb3c067c4c91369ee6d80a2a6abf3a8', class: "author" }, index.h("span", { key: 'fac4c2303e1ff78e28fd1538ab43d1b19e84610f' }, "\u2014 "), index.h("slot", { key: '648acac653c20369d7d52a5537c43175cb4dbd5d', name: "author" })))))));
47
47
  }
48
48
  get element() { return index.getElement(this); }
49
49
  };
package/lib/cjs/duet-caption_4.cjs.entry.js CHANGED
@@ -3,18 +3,18 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-cypK_uRu.js');
7
- var themeableComponent = require('./themeable-component-BWW4XmUY.js');
6
+ var index = require('./index-D3O_5Hr7.js');
7
+ var themeableComponent = require('./themeable-component-B3llZmjN.js');
8
8
  var stringUtils = require('./string-utils-B35hEUBv.js');
9
- var tokenUtils = require('./token-utils-CHLLcMzU.js');
9
+ var tokenUtils = require('./token-utils-DsVwGXGM.js');
10
10
  var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
11
11
  var actionNewWindowSmall = require('./action-new-window-small-BWlVx6YN.js');
12
12
  var commonStrings = require('./common-strings-DQ3xONmA.js');
13
- var a11yUtils = require('./a11y-utils-aMJTxbM9.js');
14
- var languageUtils = require('./language-utils-DIDyCgUk.js');
13
+ var a11yUtils = require('./a11y-utils-BeS3x4Hg.js');
14
+ var languageUtils = require('./language-utils-CMK9eR4Q.js');
15
15
  var createId = require('./create-id-DtslnIOq.js');
16
16
  require('./tokens.module-7opSZfop.js');
17
- require('./slot-utils-BC5Q3UDm.js');
17
+ require('./slot-utils-BIdgEejh.js');
18
18
 
19
19
  const duetCaptionCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display: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;color:rgb(98, 121, 138);vertical-align:top}: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:#172a3b}";
20
20
 
@@ -335,12 +335,13 @@ const DuetLink = class {
335
335
  * Always the last one in the class.
336
336
  */
337
337
  render() {
338
- const Tag = !this.url ? "button" : "a";
338
+ const Tag = !this.url && this.variation !== "default" ? "button" : "a";
339
+ const role = !this.url && this.variation === "default" ? "button" : null;
339
340
  const isButton = Tag === "button";
340
- return (index.h(index.Host, { key: 'a9fddd138f64a17b494e02bcefc679cd1a0d4051', class: {
341
+ return (index.h(index.Host, { key: 'eae1c61afe3b8413b109313020b9757cfe7f2e42', class: {
341
342
  [`duet-link-${this.variation}`]: true,
342
343
  "duet-m-0": this.margin === "none",
343
- } }, index.h(Tag, { key: 'c8cbf018a9ab3660f0c32053503c82fe725d41cd', href: this.url, class: {
344
+ } }, index.h(Tag, { key: '973984aeb4ef7dd331df49218b1552a4955b80c2', href: this.url, class: {
344
345
  "duet-link": true,
345
346
  "duet-link-is-external": this.external,
346
347
  "duet-link-is-download": !!this.download,
@@ -351,7 +352,7 @@ const DuetLink = class {
351
352
  "duet-p-0": this.padding === "none",
352
353
  [this.padding]: true,
353
354
  [this.variation]: true,
354
- }, target: this.download || !this.url ? null : this.external ? "_blank" : "_self", download: this.resolvedDownload, "aria-label": this.ariaLabel, "aria-expanded": this.accessibleExpanded != null && isButton ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null && isButton ? this.accessiblePopup.toString() : undefined, id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.renderContent())));
355
+ }, target: this.download || !this.url ? null : this.external ? "_blank" : "_self", download: this.resolvedDownload, "aria-label": this.ariaLabel, "aria-expanded": this.accessibleExpanded != null && isButton ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null && isButton ? this.accessiblePopup.toString() : undefined, id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined, role: role }, this.renderContent())));
355
356
  }
356
357
  static get delegatesFocus() { return true; }
357
358
  get element() { return index.getElement(this); }
@@ -409,7 +410,7 @@ const DuetParagraph = class {
409
410
  const color = tokenUtils.getColorByName(this.color);
410
411
  // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
411
412
  // are not announced when placed inside duet-modal
412
- return (index.h(index.Host, { key: 'b7f1df2b017984133517a2742be5e5444f1e6894', "aria-describedby": this.id }, index.h("p", { key: '607059f9661102231b510b5923e0c71472f22804', id: this.id, class: {
413
+ return (index.h(index.Host, { key: '844328a8133f4abbbbd2424b38cc14b019fd23d4', "aria-describedby": this.id }, index.h("p", { key: 'dfd78aa829ee142323997f6bebde60ac47bb98e7', id: this.id, class: {
413
414
  "duet-paragraph": true,
414
415
  "duet-paragraph-small": this.size === "small",
415
416
  "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -417,7 +418,7 @@ const DuetParagraph = class {
417
418
  "duet-m-0": this.margin === "none",
418
419
  [this.variation]: true,
419
420
  "duet-theme-turva": this.theme === "turva",
420
- }, style: { color }, part: "duet-paragraph" }, index.h("slot", { key: 'e5e6da5cbb23f9fb7bfc3773c3b8e79666054878' }))));
421
+ }, style: { color }, part: "duet-paragraph" }, index.h("slot", { key: 'f014b5496f1b791cc2879b09bd12dd85649fb0e3' }))));
421
422
  }
422
423
  get element() { return index.getElement(this); }
423
424
  };
package/lib/cjs/duet-card.cjs.entry.js CHANGED
@@ -3,14 +3,14 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-cypK_uRu.js');
6
+ var index = require('./index-D3O_5Hr7.js');
7
7
  var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
8
- var themeableComponent = require('./themeable-component-BWW4XmUY.js');
8
+ var themeableComponent = require('./themeable-component-B3llZmjN.js');
9
9
  var createId = require('./create-id-DtslnIOq.js');
10
10
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
11
- var slotUtils = require('./slot-utils-BC5Q3UDm.js');
11
+ var slotUtils = require('./slot-utils-BIdgEejh.js');
12
12
  var stringUtils = require('./string-utils-B35hEUBv.js');
13
- var tokenUtils = require('./token-utils-CHLLcMzU.js');
13
+ var tokenUtils = require('./token-utils-DsVwGXGM.js');
14
14
  require('./tokens.module-7opSZfop.js');
15
15
 
16
16
  const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
package/lib/cjs/duet-checkbox.cjs.entry.js CHANGED
@@ -3,8 +3,8 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-cypK_uRu.js');
7
- var themeableComponent = require('./themeable-component-BWW4XmUY.js');
6
+ var index = require('./index-D3O_5Hr7.js');
7
+ var themeableComponent = require('./themeable-component-B3llZmjN.js');
8
8
  var createId = require('./create-id-DtslnIOq.js');
9
9
 
10
10
  const duetCheckboxCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:8px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host(:last-child:not(:only-child)){margin-bottom:0 !important}:host(.duet-m-0){margin:0 !important}.duet-label{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;color:rgb(8, 42, 77);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva .duet-label{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 span{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container{position:relative;width:100%;height:100%}.duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox+label::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 .duet-checkbox+label::before{border-color:rgb(23, 28, 58)}.duet-checkbox:checked+label::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-theme-turva .duet-checkbox:checked+label::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox:focus+label::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-checkbox:focus+label::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-checkbox+label{position:static}.duet-checkbox:checked+label::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]{cursor:default}.duet-checkbox[disabled]+label{color:rgb(98, 121, 138)}.duet-theme-turva .duet-checkbox[disabled]+label{color:rgb(143, 147, 158)}.duet-checkbox[disabled]+label::before{border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-checkbox[disabled]+label::before{border-color:rgb(199, 202, 207)}.duet-checkbox[disabled]:checked+label::before{background:rgb(127, 150, 165);border:1px solid rgb(127, 150, 165)}.duet-theme-turva .duet-checkbox[disabled]:checked+label::before{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}.duet-checkbox-error{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 .duet-checkbox-error{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 .duet-label span,.duet-label-hidden .duet-checkbox-error span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-label{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-checkbox+label::before{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-checkbox:checked+label::before{background:#172a3b;border-color:#172a3b}";