@duetds/components 6.5.1 → 6.5.2

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 (479) hide show
  1. package/hydrate/index.js +74 -19
  2. package/lib/cjs/duet-action-button.cjs.entry.js +1 -1
  3. package/lib/cjs/duet-alert.cjs.entry.js +1 -1
  4. package/lib/cjs/duet-badge.cjs.entry.js +1 -1
  5. package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
  6. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
  7. package/lib/cjs/duet-button_2.cjs.entry.js +3 -3
  8. package/lib/cjs/duet-caption_4.cjs.entry.js +1 -1
  9. package/lib/cjs/duet-card.cjs.entry.js +1 -1
  10. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  11. package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
  12. package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
  13. package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
  14. package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
  15. package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
  16. package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
  17. package/lib/cjs/duet-editable-table_3.cjs.entry.js +1 -1
  18. package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
  19. package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
  20. package/lib/cjs/duet-footer.cjs.entry.js +1 -1
  21. package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
  22. package/lib/cjs/duet-header_2.cjs.entry.js +1 -1
  23. package/lib/cjs/duet-hero.cjs.entry.js +1 -1
  24. package/lib/cjs/duet-icon.cjs.entry.js +1 -1
  25. package/lib/cjs/duet-input_2.cjs.entry.js +52 -7
  26. package/lib/cjs/duet-layout.cjs.entry.js +1 -1
  27. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  28. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +1 -1
  29. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +1 -2
  30. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +1 -1
  31. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +1 -1
  32. package/lib/cjs/duet-menu-bar.cjs.entry.js +1 -1
  33. package/lib/cjs/duet-modal.cjs.entry.js +2 -2
  34. package/lib/cjs/duet-multiselect.cjs.entry.js +1 -1
  35. package/lib/cjs/duet-nav.cjs.entry.js +1 -1
  36. package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
  37. package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
  38. package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
  39. package/lib/cjs/duet-progress.cjs.entry.js +1 -1
  40. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  41. package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
  42. package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
  43. package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
  44. package/lib/cjs/duet-select.cjs.entry.js +1 -1
  45. package/lib/cjs/duet-slideout-lang.cjs.entry.js +1 -1
  46. package/lib/cjs/duet-slideout-link.cjs.entry.js +4 -3
  47. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +1 -1
  48. package/lib/cjs/duet-slideout-panel.cjs.entry.js +2 -2
  49. package/lib/cjs/duet-slideout.cjs.entry.js +17 -7
  50. package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
  51. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +1 -1
  52. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +1 -1
  53. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +1 -1
  54. package/lib/cjs/duet-submenu-bar.cjs.entry.js +1 -1
  55. package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
  56. package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
  57. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +1 -1
  58. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +1 -1
  59. package/lib/cjs/duet-toolbar-link.cjs.entry.js +1 -1
  60. package/lib/cjs/duet-toolbar.cjs.entry.js +1 -1
  61. package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
  62. package/lib/cjs/duet-tray.cjs.entry.js +1 -1
  63. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  64. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  65. package/lib/cjs/duet.cjs.js +2 -2
  66. package/lib/cjs/{focus-utils-51b5276c.js → focus-utils-e463fcd1.js} +1 -1
  67. package/lib/cjs/{index-64cbfac2.js → index-d28eaddf.js} +1 -1
  68. package/lib/cjs/loader.cjs.js +2 -2
  69. package/lib/collection/components/duet-button/duet-button.css +25 -12
  70. package/lib/collection/components/duet-button/duet-button.js +2 -2
  71. package/lib/collection/components/duet-input/duet-input.css +66 -0
  72. package/lib/collection/components/duet-input/duet-input.js +59 -8
  73. package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +0 -19
  74. package/lib/collection/components/duet-slideout/duet-slideout.css +41 -2
  75. package/lib/collection/components/duet-slideout/duet-slideout.js +18 -9
  76. package/lib/collection/components/duet-slideout-link/duet-slideout-link.css +12 -0
  77. package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +21 -2
  78. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  79. package/lib/dist-custom-elements/duet-alert.js +1 -1
  80. package/lib/dist-custom-elements/duet-badge.js +1 -1
  81. package/lib/dist-custom-elements/duet-breadcrumb.js +2 -2
  82. package/lib/dist-custom-elements/duet-breadcrumbs.js +2 -2
  83. package/lib/dist-custom-elements/duet-button.js +1 -1
  84. package/lib/dist-custom-elements/duet-caption.js +1 -1
  85. package/lib/dist-custom-elements/duet-card.js +3 -3
  86. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  87. package/lib/dist-custom-elements/duet-choice-group.js +6 -6
  88. package/lib/dist-custom-elements/duet-choice.js +5 -5
  89. package/lib/dist-custom-elements/duet-collapsible.js +2 -2
  90. package/lib/dist-custom-elements/duet-combobox.js +2 -2
  91. package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
  92. package/lib/dist-custom-elements/duet-date-picker.js +25 -13
  93. package/lib/dist-custom-elements/duet-divider.js +1 -1
  94. package/lib/dist-custom-elements/duet-editable-table.js +1 -1
  95. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  96. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  97. package/lib/dist-custom-elements/duet-footer.js +4 -4
  98. package/lib/dist-custom-elements/duet-grid-item.js +1 -1
  99. package/lib/dist-custom-elements/duet-grid.js +1 -1
  100. package/lib/dist-custom-elements/duet-header.js +8 -8
  101. package/lib/dist-custom-elements/duet-heading.js +1 -1
  102. package/lib/dist-custom-elements/duet-hero.js +9 -9
  103. package/lib/dist-custom-elements/duet-icon.js +1 -1
  104. package/lib/dist-custom-elements/duet-input.js +1 -1
  105. package/lib/dist-custom-elements/duet-label.js +1 -1
  106. package/lib/dist-custom-elements/duet-layout.js +1 -1
  107. package/lib/dist-custom-elements/duet-link.js +1 -1
  108. package/lib/dist-custom-elements/duet-list-item.js +1 -1
  109. package/lib/dist-custom-elements/duet-list.js +1 -1
  110. package/lib/dist-custom-elements/duet-logo.js +1 -1
  111. package/lib/dist-custom-elements/duet-menu-bar-button.js +2 -2
  112. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +3 -5
  113. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +2 -2
  114. package/lib/dist-custom-elements/duet-menu-bar-link.js +2 -2
  115. package/lib/dist-custom-elements/duet-menu-bar.js +2 -2
  116. package/lib/dist-custom-elements/duet-modal.js +7 -7
  117. package/lib/dist-custom-elements/duet-multiselect.js +8 -8
  118. package/lib/dist-custom-elements/duet-nav.js +1 -1
  119. package/lib/dist-custom-elements/duet-notification-drawer.js +4 -4
  120. package/lib/dist-custom-elements/duet-notification.js +2 -2
  121. package/lib/dist-custom-elements/duet-number-input.js +23 -11
  122. package/lib/dist-custom-elements/duet-pagination.js +7 -7
  123. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  124. package/lib/dist-custom-elements/duet-progress.js +1 -1
  125. package/lib/dist-custom-elements/duet-radio-group.js +6 -6
  126. package/lib/dist-custom-elements/duet-radio.js +1 -1
  127. package/lib/dist-custom-elements/duet-range-slider.js +2 -2
  128. package/lib/dist-custom-elements/duet-range-stepper.js +4 -4
  129. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  130. package/lib/dist-custom-elements/duet-section-layout.js +1 -1
  131. package/lib/dist-custom-elements/duet-select.js +1 -1
  132. package/lib/dist-custom-elements/duet-slideout-lang.js +3 -3
  133. package/lib/dist-custom-elements/duet-slideout-link.js +6 -4
  134. package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +2 -2
  135. package/lib/dist-custom-elements/duet-slideout-panel.js +2 -2
  136. package/lib/dist-custom-elements/duet-slideout.js +17 -8
  137. package/lib/dist-custom-elements/duet-spacer.js +1 -1
  138. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  139. package/lib/dist-custom-elements/duet-step.js +4 -4
  140. package/lib/dist-custom-elements/duet-stepper.js +2 -2
  141. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +2 -2
  142. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +2 -2
  143. package/lib/dist-custom-elements/duet-submenu-bar-link.js +2 -2
  144. package/lib/dist-custom-elements/duet-submenu-bar.js +2 -2
  145. package/lib/dist-custom-elements/duet-tab-group.js +8 -8
  146. package/lib/dist-custom-elements/duet-tab.js +1 -1
  147. package/lib/dist-custom-elements/duet-table.js +1 -1
  148. package/lib/dist-custom-elements/duet-textarea.js +8 -8
  149. package/lib/dist-custom-elements/duet-toggle.js +2 -2
  150. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +2 -2
  151. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +2 -2
  152. package/lib/dist-custom-elements/duet-toolbar-link.js +2 -2
  153. package/lib/dist-custom-elements/duet-toolbar.js +1 -1
  154. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  155. package/lib/dist-custom-elements/duet-tray.js +3 -3
  156. package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
  157. package/lib/dist-custom-elements/duet-upload.js +18 -18
  158. package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
  159. package/lib/dist-custom-elements/index.js +1 -1
  160. package/lib/dist-custom-elements/{p-59d01811.js → p-15968e9a.js} +1 -1
  161. package/lib/dist-custom-elements/{p-dd54924c.js → p-246bd550.js} +1 -1
  162. package/lib/dist-custom-elements/{p-c5a072f2.js → p-25b67c58.js} +2 -2
  163. package/lib/dist-custom-elements/{p-ef91ff76.js → p-2646bc44.js} +7 -7
  164. package/lib/dist-custom-elements/{p-8ef57d6b.js → p-43343a18.js} +2 -2
  165. package/lib/dist-custom-elements/{p-fe6b0ed3.js → p-4a9c90b4.js} +1 -1
  166. package/lib/dist-custom-elements/{p-0df84707.js → p-4cf27349.js} +1 -1
  167. package/lib/dist-custom-elements/{p-a7fc05d9.js → p-68604dde.js} +1 -1
  168. package/lib/dist-custom-elements/{p-f0803854.js → p-8cc35bc1.js} +1 -1
  169. package/lib/dist-custom-elements/{p-688a047d.js → p-9112f395.js} +3 -3
  170. package/lib/dist-custom-elements/{p-6775ca86.js → p-95e95871.js} +6 -6
  171. package/lib/dist-custom-elements/{p-2cae1940.js → p-98ae1730.js} +1 -1
  172. package/lib/dist-custom-elements/{p-cb5e8149.js → p-99260df6.js} +1 -1
  173. package/lib/dist-custom-elements/{p-8ece8544.js → p-9e3ea8a4.js} +1 -1
  174. package/lib/dist-custom-elements/{p-19125b3a.js → p-a3dc0179.js} +1 -1
  175. package/lib/dist-custom-elements/{p-012ce9cd.js → p-a515e4af.js} +1 -1
  176. package/lib/dist-custom-elements/{p-aa118c82.js → p-a623d58c.js} +3 -3
  177. package/lib/dist-custom-elements/{p-f04e8a3b.js → p-ab0944f2.js} +2 -2
  178. package/lib/dist-custom-elements/{p-21cfd55b.js → p-b0973ee5.js} +1 -1
  179. package/lib/dist-custom-elements/{p-1287c9f0.js → p-b49b6dfe.js} +3 -3
  180. package/lib/dist-custom-elements/{p-e36e0709.js → p-b80f18af.js} +1 -1
  181. package/lib/dist-custom-elements/{p-9c0459ca.js → p-b93d2f59.js} +1 -1
  182. package/lib/dist-custom-elements/p-bed64271.js +265 -0
  183. package/lib/dist-custom-elements/{p-84e4317d.js → p-c2cb9c20.js} +2 -2
  184. package/lib/dist-custom-elements/{p-788c36f2.js → p-c933203e.js} +5 -5
  185. package/lib/dist-custom-elements/{p-667f368c.js → p-cae5ee62.js} +75 -16
  186. package/lib/dist-custom-elements/{p-1cfd49ee.js → p-d2ba9048.js} +2 -2
  187. package/lib/dist-custom-elements/{p-0d44f43d.js → p-d7d50d4f.js} +1 -1
  188. package/lib/dist-custom-elements/{p-ea4a0707.js → p-dda23bd9.js} +1 -1
  189. package/lib/dist-custom-elements/{p-a7331687.js → p-e4516cf4.js} +1 -1
  190. package/lib/dist-custom-elements/{p-14c4ae63.js → p-f3ac9547.js} +1 -1
  191. package/lib/duet/duet.esm.js +1 -1
  192. package/lib/duet/duet.js +1 -1
  193. package/lib/duet/{p-6afd7b03.entry.js → p-00fd4357.entry.js} +1 -1
  194. package/lib/duet/{p-525687a7.system.entry.js → p-03c19b62.system.entry.js} +1 -1
  195. package/lib/duet/{p-555192b0.system.entry.js → p-074fa88a.system.entry.js} +1 -1
  196. package/lib/duet/{p-99e33456.system.entry.js → p-076d8525.system.entry.js} +1 -1
  197. package/lib/duet/{p-e68499ea.entry.js → p-0eceb1fe.entry.js} +1 -1
  198. package/lib/duet/p-10bb0906.entry.js +4 -0
  199. package/lib/duet/{p-c1f14850.system.entry.js → p-111f753f.system.entry.js} +1 -1
  200. package/lib/duet/{p-d15c8354.system.entry.js → p-13d603f4.system.entry.js} +1 -1
  201. package/lib/duet/{p-593f2330.system.entry.js → p-15529d9c.system.entry.js} +1 -1
  202. package/lib/duet/{p-7d54d6e1.entry.js → p-172bc679.entry.js} +1 -1
  203. package/lib/duet/{p-77e3c513.system.entry.js → p-172ff1de.system.entry.js} +1 -1
  204. package/lib/duet/{p-ac1eaf2d.entry.js → p-186a18d8.entry.js} +1 -1
  205. package/lib/duet/{p-a3047a26.entry.js → p-1aa70bf3.entry.js} +1 -1
  206. package/lib/duet/{p-fd2c782d.system.entry.js → p-1bb2ca48.system.entry.js} +1 -1
  207. package/lib/duet/{p-ab11408b.js → p-1da6954c.js} +1 -1
  208. package/lib/duet/{p-91893eb4.system.entry.js → p-2089a333.system.entry.js} +1 -1
  209. package/lib/duet/p-28280afb.system.js +4 -0
  210. package/lib/duet/{p-59d13b8d.system.entry.js → p-29749e15.system.entry.js} +1 -1
  211. package/lib/duet/{p-4c12d8ba.system.entry.js → p-2be1feb2.system.entry.js} +1 -1
  212. package/lib/duet/{p-80c05a0f.entry.js → p-2c6c9c16.entry.js} +1 -1
  213. package/lib/duet/{p-3937796f.system.entry.js → p-2db45e2b.system.entry.js} +1 -1
  214. package/lib/duet/{p-672dcefc.system.entry.js → p-3295c503.system.entry.js} +1 -1
  215. package/lib/duet/{p-64d1cc95.entry.js → p-337d152b.entry.js} +1 -1
  216. package/lib/duet/{p-d6b7e4e9.entry.js → p-351daa15.entry.js} +1 -1
  217. package/lib/duet/{p-e4eb67fa.system.entry.js → p-35206dee.system.entry.js} +1 -1
  218. package/lib/duet/{p-341a9eb0.system.entry.js → p-357f64e4.system.entry.js} +1 -1
  219. package/lib/duet/{p-2afce187.entry.js → p-3669cb32.entry.js} +1 -1
  220. package/lib/duet/{p-44d2a1b5.entry.js → p-385d60a2.entry.js} +1 -1
  221. package/lib/duet/{p-4ce3c6a6.system.entry.js → p-3a31f9c0.system.entry.js} +1 -1
  222. package/lib/duet/{p-f6a3085c.system.entry.js → p-3b941474.system.entry.js} +1 -1
  223. package/lib/duet/{p-4e37aedf.entry.js → p-3cc241bf.entry.js} +1 -1
  224. package/lib/duet/{p-6921cfa6.system.entry.js → p-3d53ec4a.system.entry.js} +2 -2
  225. package/lib/duet/{p-ab4e81ca.entry.js → p-41bc24a5.entry.js} +1 -1
  226. package/lib/duet/{p-f9be45b3.entry.js → p-433565c9.entry.js} +1 -1
  227. package/lib/duet/{p-85658cea.system.entry.js → p-4544887e.system.entry.js} +1 -1
  228. package/lib/duet/{p-8f69d87b.entry.js → p-45970c94.entry.js} +1 -1
  229. package/lib/duet/{p-e781e62c.entry.js → p-4649ec1d.entry.js} +1 -1
  230. package/lib/duet/{p-2fdbd2c6.system.entry.js → p-491611e0.system.entry.js} +1 -1
  231. package/lib/duet/p-50827bbe.system.entry.js +4 -0
  232. package/lib/duet/{p-a63f753e.system.js → p-51721695.system.js} +1 -1
  233. package/lib/duet/{p-16911df0.system.entry.js → p-54a98fee.system.entry.js} +1 -1
  234. package/lib/duet/{p-b94a478a.system.entry.js → p-55ec59ba.system.entry.js} +1 -1
  235. package/lib/duet/{p-4ab49eb4.js → p-5687713d.js} +1 -1
  236. package/lib/duet/{p-8e05ca49.system.entry.js → p-576b1a97.system.entry.js} +1 -1
  237. package/lib/duet/{p-890aabd1.entry.js → p-57d581a0.entry.js} +1 -1
  238. package/lib/duet/{p-01b63777.system.entry.js → p-584a9687.system.entry.js} +1 -1
  239. package/lib/duet/{p-1ab5cbbc.entry.js → p-5a72573d.entry.js} +1 -1
  240. package/lib/duet/p-5cc1dae6.entry.js +4 -0
  241. package/lib/duet/{p-e53e892f.system.entry.js → p-5d6e4a9e.system.entry.js} +1 -1
  242. package/lib/duet/{p-97816dce.system.entry.js → p-5ec2343b.system.entry.js} +1 -1
  243. package/lib/duet/{p-e3165e41.entry.js → p-5f4090c2.entry.js} +1 -1
  244. package/lib/duet/{p-9884486c.entry.js → p-6181ec36.entry.js} +1 -1
  245. package/lib/duet/{p-1d2a9cf6.system.entry.js → p-63c45943.system.entry.js} +1 -1
  246. package/lib/duet/{p-6cf7ebc2.entry.js → p-67718cc3.entry.js} +1 -1
  247. package/lib/duet/{p-d30d6c41.system.entry.js → p-6869a12b.system.entry.js} +1 -1
  248. package/lib/duet/p-6b6fd2dd.system.entry.js +4 -0
  249. package/lib/duet/{p-75c38aee.system.entry.js → p-6c473cbf.system.entry.js} +1 -1
  250. package/lib/duet/{p-5983d1b7.system.entry.js → p-6cc4b6bd.system.entry.js} +1 -1
  251. package/lib/duet/{p-b519684f.entry.js → p-7034d814.entry.js} +1 -1
  252. package/lib/duet/{p-1f745490.system.entry.js → p-70b6d01c.system.entry.js} +1 -1
  253. package/lib/duet/{p-b8decc75.system.entry.js → p-7309e6ea.system.entry.js} +1 -1
  254. package/lib/duet/{p-a9f36246.entry.js → p-732b050a.entry.js} +1 -1
  255. package/lib/duet/{p-3d4aa492.system.entry.js → p-7ce5f24c.system.entry.js} +1 -1
  256. package/lib/duet/{p-fb74bd6a.system.entry.js → p-7d6d0a89.system.entry.js} +1 -1
  257. package/lib/duet/{p-2e49d057.entry.js → p-805c34c6.entry.js} +1 -1
  258. package/lib/duet/{p-6e75fbd6.system.entry.js → p-83b45db7.system.entry.js} +1 -1
  259. package/lib/duet/{p-f54e0616.entry.js → p-8422b441.entry.js} +1 -1
  260. package/lib/duet/{p-781aa86e.system.entry.js → p-867d4e87.system.entry.js} +1 -1
  261. package/lib/duet/{p-6d7d186f.entry.js → p-87ffe2f3.entry.js} +1 -1
  262. package/lib/duet/{p-437083ed.system.entry.js → p-8d019ca0.system.entry.js} +1 -1
  263. package/lib/duet/{p-1c82d61e.entry.js → p-8d8d820a.entry.js} +1 -1
  264. package/lib/duet/{p-3f2d8fe4.entry.js → p-8ebf07a2.entry.js} +1 -1
  265. package/lib/duet/{p-933256d2.system.entry.js → p-8ed60a7f.system.entry.js} +1 -1
  266. package/lib/duet/{p-ba93a403.system.entry.js → p-8f6a5e2c.system.entry.js} +1 -1
  267. package/lib/duet/{p-5ce46c84.entry.js → p-8f72abcb.entry.js} +1 -1
  268. package/lib/duet/{p-1d08b9ed.entry.js → p-8fcb7700.entry.js} +1 -1
  269. package/lib/duet/{p-2cea3fdb.entry.js → p-90c2dd61.entry.js} +1 -1
  270. package/lib/duet/{p-da31f5fc.entry.js → p-90e005cc.entry.js} +1 -1
  271. package/lib/duet/p-90f46d58.entry.js +4 -0
  272. package/lib/duet/{p-5bfb6d98.entry.js → p-9335c92f.entry.js} +1 -1
  273. package/lib/duet/{p-2b73dd59.system.entry.js → p-945de64d.system.entry.js} +1 -1
  274. package/lib/duet/{p-01fcb80e.system.js → p-94fca55e.system.js} +1 -1
  275. package/lib/duet/{p-9c7ecd2a.system.entry.js → p-964c9e93.system.entry.js} +1 -1
  276. package/lib/duet/{p-17e21461.system.entry.js → p-97e2494e.system.entry.js} +1 -1
  277. package/lib/duet/{p-d39cf5b1.entry.js → p-98542cf6.entry.js} +1 -1
  278. package/lib/duet/{p-ec91cdca.system.entry.js → p-9864f91b.system.entry.js} +1 -1
  279. package/lib/duet/{p-9b4de80f.entry.js → p-990418d6.entry.js} +1 -1
  280. package/lib/duet/{p-7c4798b2.entry.js → p-a198ec6f.entry.js} +1 -1
  281. package/lib/duet/{p-6cde8c43.entry.js → p-a8f0d3a9.entry.js} +1 -1
  282. package/lib/duet/{p-42e7aa32.entry.js → p-a92b5519.entry.js} +1 -1
  283. package/lib/duet/{p-2deda672.system.entry.js → p-ae69645e.system.entry.js} +1 -1
  284. package/lib/duet/{p-0590a8c0.system.entry.js → p-aeacd894.system.entry.js} +1 -1
  285. package/lib/duet/{p-2b5f338b.entry.js → p-b277f3c9.entry.js} +1 -1
  286. package/lib/duet/{p-362174cc.entry.js → p-b3a0b737.entry.js} +1 -1
  287. package/lib/duet/{p-26d917a0.entry.js → p-b9e81db8.entry.js} +1 -1
  288. package/lib/duet/{p-de635e2e.entry.js → p-ba29d84e.entry.js} +1 -1
  289. package/lib/duet/{p-276895fe.entry.js → p-bcb088de.entry.js} +1 -1
  290. package/lib/duet/{p-4b838a9c.system.entry.js → p-bcd2526b.system.entry.js} +1 -1
  291. package/lib/duet/{p-3f375bef.entry.js → p-c485773b.entry.js} +1 -1
  292. package/lib/duet/{p-6c5f600b.system.entry.js → p-c53f21c9.system.entry.js} +1 -1
  293. package/lib/duet/{p-942e7a28.entry.js → p-c5b583e5.entry.js} +1 -1
  294. package/lib/duet/{p-f36dc895.entry.js → p-c5d9ca19.entry.js} +1 -1
  295. package/lib/duet/p-c606f454.entry.js +4 -0
  296. package/lib/duet/p-c9e2607d.entry.js +4 -0
  297. package/lib/duet/{p-e7a8d51f.system.entry.js → p-cd5055a1.system.entry.js} +1 -1
  298. package/lib/duet/{p-98c780ad.system.entry.js → p-ce8d53d6.system.entry.js} +1 -1
  299. package/lib/duet/{p-3e5839c6.entry.js → p-d032551e.entry.js} +1 -1
  300. package/lib/duet/{p-4e3e91fd.system.entry.js → p-d567cab7.system.entry.js} +1 -1
  301. package/lib/duet/{p-704eb099.entry.js → p-d6f2d26c.entry.js} +1 -1
  302. package/lib/duet/{p-233e91ea.entry.js → p-da79ce12.entry.js} +1 -1
  303. package/lib/duet/{p-408a536f.entry.js → p-da8b3bee.entry.js} +1 -1
  304. package/lib/duet/{p-ae39325e.entry.js → p-dc282755.entry.js} +1 -1
  305. package/lib/duet/{p-f3301cbc.entry.js → p-dd383dac.entry.js} +1 -1
  306. package/lib/duet/{p-2aed3283.system.entry.js → p-de97a5a0.system.entry.js} +1 -1
  307. package/lib/duet/p-e06581ab.system.entry.js +4 -0
  308. package/lib/duet/{p-48aa12e2.entry.js → p-e27c8c99.entry.js} +1 -1
  309. package/lib/duet/{p-03ee21a3.entry.js → p-e57b9976.entry.js} +1 -1
  310. package/lib/duet/{p-09be550b.system.entry.js → p-e5b23434.system.entry.js} +1 -1
  311. package/lib/duet/p-e800bb84.entry.js +4 -0
  312. package/lib/duet/{p-054a2d07.system.entry.js → p-e91b40e2.system.entry.js} +1 -1
  313. package/lib/duet/{p-2c67137b.system.js → p-eaae6b36.system.js} +1 -1
  314. package/lib/duet/{p-401a0998.system.entry.js → p-eacc99e2.system.entry.js} +1 -1
  315. package/lib/duet/{p-ec7699f0.system.entry.js → p-ec8178ca.system.entry.js} +1 -1
  316. package/lib/duet/{p-823de698.system.entry.js → p-ed67528b.system.entry.js} +1 -1
  317. package/lib/duet/{p-31e877bf.system.entry.js → p-edbf0850.system.entry.js} +1 -1
  318. package/lib/duet/{p-54f35a79.js → p-f077c646.js} +1 -1
  319. package/lib/duet/{p-40ac94f6.entry.js → p-f3a000ac.entry.js} +1 -1
  320. package/lib/duet/{p-9b4402ef.entry.js → p-f51f0dae.entry.js} +1 -1
  321. package/lib/duet/{p-0b415c31.entry.js → p-f5bf2165.entry.js} +1 -1
  322. package/lib/duet/{p-4970d360.system.entry.js → p-f692b21a.system.entry.js} +1 -1
  323. package/lib/duet/{p-66f2c12f.system.entry.js → p-f7a9305b.system.entry.js} +1 -1
  324. package/lib/duet/{p-87f2c5d4.system.entry.js → p-f82d3ee5.system.entry.js} +1 -1
  325. package/lib/duet/{p-da71d66d.entry.js → p-ff76aad3.entry.js} +1 -1
  326. package/lib/esm/duet-action-button.entry.js +2 -2
  327. package/lib/esm/duet-alert.entry.js +1 -1
  328. package/lib/esm/duet-badge.entry.js +1 -1
  329. package/lib/esm/duet-breadcrumb.entry.js +1 -1
  330. package/lib/esm/duet-breadcrumbs.entry.js +1 -1
  331. package/lib/esm/duet-button_2.entry.js +3 -3
  332. package/lib/esm/duet-caption_4.entry.js +1 -1
  333. package/lib/esm/duet-card.entry.js +2 -2
  334. package/lib/esm/duet-checkbox.entry.js +1 -1
  335. package/lib/esm/duet-choice_2.entry.js +3 -3
  336. package/lib/esm/duet-collapsible.entry.js +2 -2
  337. package/lib/esm/duet-combobox.entry.js +2 -2
  338. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  339. package/lib/esm/duet-date-picker.entry.js +2 -2
  340. package/lib/esm/duet-divider_2.entry.js +1 -1
  341. package/lib/esm/duet-editable-table_3.entry.js +2 -2
  342. package/lib/esm/duet-empty-state.entry.js +1 -1
  343. package/lib/esm/duet-fieldset.entry.js +1 -1
  344. package/lib/esm/duet-footer.entry.js +1 -1
  345. package/lib/esm/duet-grid_2.entry.js +1 -1
  346. package/lib/esm/duet-header_2.entry.js +2 -2
  347. package/lib/esm/duet-hero.entry.js +1 -1
  348. package/lib/esm/duet-icon.entry.js +1 -1
  349. package/lib/esm/duet-input_2.entry.js +53 -8
  350. package/lib/esm/duet-layout.entry.js +1 -1
  351. package/lib/esm/duet-list_2.entry.js +1 -1
  352. package/lib/esm/duet-menu-bar-button.entry.js +1 -1
  353. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +1 -2
  354. package/lib/esm/duet-menu-bar-dropdown.entry.js +1 -1
  355. package/lib/esm/duet-menu-bar-link.entry.js +1 -1
  356. package/lib/esm/duet-menu-bar.entry.js +1 -1
  357. package/lib/esm/duet-modal.entry.js +3 -3
  358. package/lib/esm/duet-multiselect.entry.js +2 -2
  359. package/lib/esm/duet-nav.entry.js +1 -1
  360. package/lib/esm/duet-notification_2.entry.js +1 -1
  361. package/lib/esm/duet-number-input.entry.js +2 -2
  362. package/lib/esm/duet-pagination_2.entry.js +2 -2
  363. package/lib/esm/duet-progress.entry.js +1 -1
  364. package/lib/esm/duet-radio_2.entry.js +1 -1
  365. package/lib/esm/duet-range-slider.entry.js +1 -1
  366. package/lib/esm/duet-scrollable_3.entry.js +2 -2
  367. package/lib/esm/duet-section-layout.entry.js +1 -1
  368. package/lib/esm/duet-select.entry.js +1 -1
  369. package/lib/esm/duet-slideout-lang.entry.js +1 -1
  370. package/lib/esm/duet-slideout-link.entry.js +4 -3
  371. package/lib/esm/duet-slideout-panel-dropdown.entry.js +1 -1
  372. package/lib/esm/duet-slideout-panel.entry.js +2 -2
  373. package/lib/esm/duet-slideout.entry.js +17 -7
  374. package/lib/esm/duet-step_2.entry.js +2 -2
  375. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +1 -1
  376. package/lib/esm/duet-submenu-bar-dropdown.entry.js +1 -1
  377. package/lib/esm/duet-submenu-bar-link.entry.js +1 -1
  378. package/lib/esm/duet-submenu-bar.entry.js +1 -1
  379. package/lib/esm/duet-textarea.entry.js +1 -1
  380. package/lib/esm/duet-toggle.entry.js +1 -1
  381. package/lib/esm/duet-toolbar-dropdown-link.entry.js +1 -1
  382. package/lib/esm/duet-toolbar-dropdown.entry.js +1 -1
  383. package/lib/esm/duet-toolbar-link.entry.js +1 -1
  384. package/lib/esm/duet-toolbar.entry.js +1 -1
  385. package/lib/esm/duet-tooltip.entry.js +1 -1
  386. package/lib/esm/duet-tray.entry.js +1 -1
  387. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  388. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  389. package/lib/esm/duet.js +2 -2
  390. package/lib/esm/{focus-utils-f1a08e01.js → focus-utils-1131b2e1.js} +1 -1
  391. package/lib/esm/{index-bcdc5466.js → index-0d301ddd.js} +1 -1
  392. package/lib/esm/{keyboard-utils-88ea1007.js → keyboard-utils-d237bd5a.js} +1 -1
  393. package/lib/esm/loader.js +2 -2
  394. package/lib/esm-es5/duet-action-button.entry.js +2 -2
  395. package/lib/esm-es5/duet-alert.entry.js +1 -1
  396. package/lib/esm-es5/duet-badge.entry.js +1 -1
  397. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  398. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  399. package/lib/esm-es5/duet-button_2.entry.js +2 -2
  400. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  401. package/lib/esm-es5/duet-card.entry.js +1 -1
  402. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  403. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  404. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  405. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  406. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  407. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  408. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  409. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  410. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  411. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  412. package/lib/esm-es5/duet-footer.entry.js +1 -1
  413. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  414. package/lib/esm-es5/duet-header_2.entry.js +2 -2
  415. package/lib/esm-es5/duet-hero.entry.js +1 -1
  416. package/lib/esm-es5/duet-icon.entry.js +1 -1
  417. package/lib/esm-es5/duet-input_2.entry.js +2 -2
  418. package/lib/esm-es5/duet-layout.entry.js +1 -1
  419. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  420. package/lib/esm-es5/duet-menu-bar-button.entry.js +1 -1
  421. package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
  422. package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
  423. package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
  424. package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
  425. package/lib/esm-es5/duet-modal.entry.js +1 -1
  426. package/lib/esm-es5/duet-multiselect.entry.js +1 -1
  427. package/lib/esm-es5/duet-nav.entry.js +1 -1
  428. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  429. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  430. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  431. package/lib/esm-es5/duet-progress.entry.js +1 -1
  432. package/lib/esm-es5/duet-radio_2.entry.js +2 -2
  433. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  434. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  435. package/lib/esm-es5/duet-section-layout.entry.js +1 -1
  436. package/lib/esm-es5/duet-select.entry.js +1 -1
  437. package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
  438. package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
  439. package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +1 -1
  440. package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
  441. package/lib/esm-es5/duet-slideout.entry.js +2 -2
  442. package/lib/esm-es5/duet-step_2.entry.js +2 -2
  443. package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
  444. package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
  445. package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
  446. package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
  447. package/lib/esm-es5/duet-textarea.entry.js +2 -2
  448. package/lib/esm-es5/duet-toggle.entry.js +2 -2
  449. package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
  450. package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
  451. package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
  452. package/lib/esm-es5/duet-toolbar.entry.js +1 -1
  453. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  454. package/lib/esm-es5/duet-tray.entry.js +1 -1
  455. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  456. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  457. package/lib/esm-es5/duet.js +1 -1
  458. package/lib/esm-es5/{focus-utils-f1a08e01.js → focus-utils-1131b2e1.js} +1 -1
  459. package/lib/esm-es5/{index-bcdc5466.js → index-0d301ddd.js} +1 -1
  460. package/lib/esm-es5/{keyboard-utils-88ea1007.js → keyboard-utils-d237bd5a.js} +1 -1
  461. package/lib/esm-es5/loader.js +1 -1
  462. package/lib/types/components/duet-button/duet-button.d.ts +1 -1
  463. package/lib/types/components/duet-input/duet-input.d.ts +22 -4
  464. package/lib/types/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.d.ts +0 -4
  465. package/lib/types/components/duet-slideout/duet-slideout.d.ts +4 -3
  466. package/lib/types/components/duet-slideout-link/duet-slideout-link.d.ts +5 -1
  467. package/lib/types/components.d.ts +16 -16
  468. package/package.json +5 -5
  469. package/lib/dist-custom-elements/p-45377b84.js +0 -265
  470. package/lib/duet/p-0112579c.entry.js +0 -4
  471. package/lib/duet/p-24cb9a5c.entry.js +0 -4
  472. package/lib/duet/p-3211450e.entry.js +0 -4
  473. package/lib/duet/p-35bb4ee9.entry.js +0 -4
  474. package/lib/duet/p-37de9a2f.entry.js +0 -4
  475. package/lib/duet/p-5feb0657.system.entry.js +0 -4
  476. package/lib/duet/p-64cca33a.entry.js +0 -4
  477. package/lib/duet/p-6ab272dd.system.entry.js +0 -4
  478. package/lib/duet/p-7bd6683a.system.entry.js +0 -4
  479. package/lib/duet/p-c87eeeb5.system.js +0 -4
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, H as Host } from './index-bcdc5466.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
  import { c as createID } from './create-id-981107da.js';
7
7
  import { g as getLocaleString } from './language-utils-bf701d37.js';
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, H as Host } from './index-bcdc5466.js';
4
+ import { r as registerInstance, h, H as Host } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
 
7
7
  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{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:#00294d;text-align:center;word-break:break-word;vertical-align:middle;background:#e6f1f7;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:#171c3a;background:#e8e8eb}.duet-badge.warning{background:#fef3df}.duet-badge.warning.duet-theme-turva{background:#fef1db}.duet-badge.danger{background:#fce9ef}.duet-badge.danger.duet-theme-turva{background:#fceae7}.duet-badge.success{background:#e6f3ef}.duet-badge.success.duet-theme-turva{background:#e6f3ed}";
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, H as Host } from './index-bcdc5466.js';
4
+ import { r as registerInstance, h, H as Host } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
 
7
7
  const duetBreadcrumbCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;color:#00294d;text-decoration:none}.duet-breadcrumb:hover{color:#004d80}.duet-breadcrumb.duet-theme-turva{color:#171c3a}.duet-breadcrumb.duet-theme-turva:hover{color:#940925}.duet-breadcrumb:focus{outline:0}.duet-breadcrumb:active{opacity:0.75}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
  import { g as getLocaleString } from './language-utils-bf701d37.js';
7
7
  import './string-utils-5954f458.js';
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
  import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
7
7
  import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
@@ -9,7 +9,7 @@ import { g as getColorByName } from './token-utils-b531747a.js';
9
9
  import './string-utils-5954f458.js';
10
10
  import './tokens.module-d3321092.js';
11
11
 
12
- 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%;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(.input-button){z-index:250}:host(.duet-small){margin-right:2px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small){width:auto}}: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;width:100%}.duet-button{padding:14px 27px 15px !important;-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:#0077b3 !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:2px;border-radius:20rem;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:not(.input-button-primary,.input-button-secondary){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){padding:9px 19px 10px !important;min-width:5.3333333333rem;font-size:0.875rem}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon{padding-left:48px !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon-right{padding-right:48px !important;padding-left:20px !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:#c60c30 !important}.duet-button .duet-button-contents{position:relative;display:inline-block;margin:0 auto;pointer-events:none}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button.icon{padding-left:52px !important}.duet-button.icon-right{padding-right:52px !important;padding-left:28px !important}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{position:absolute;top:50%;left:-28px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 !important;transform:translateY(-50%)}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.right{right:-28px;left:auto}.duet-button .duet-button-icon.large{left:-32px;width:20px;height:20px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.large.right{right:-32px;left:auto}.duet-button .duet-button-icon.medium-small{left:-16px;width:10px;height:10px;padding-top:1px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.medium-small.right{right:-16px;left:auto}.duet-button .duet-button-icon.small{left:-16px;width:7px;height:7px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button .duet-button-icon.small.right{right:-16px;left:auto}.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{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{border-color:#e1e3e6}.duet-theme-turva .duet-button.default{color:#c60c30 !important;border-color:#e4e4e6}.duet-button.default:hover{border-color:#0077b3}.duet-theme-turva .duet-button.default:hover{border-color:#c60c30}.duet-button.default.duet-button-negative{background-color:white}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:#e4e4e6 !important}.duet-button.default.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.primary,.duet-button.input-button-primary{color:white !important;background:#0077b3;border-color:#0077b3}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:white !important;background:#c60c30;border-color:#c60c30}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:#940925;border-color:#940925}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px white, 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{box-shadow:0 0 0 1px white, 0 0 0 4px rgba(23, 28, 58, 0.7)}.duet-button.secondary,.duet-button.input-button-secondary{color:#00294d !important;background:transparent;border-color:#00294d}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary{color:#171c3a !important;border-color:#171c3a}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative{color:#e1e3e6 !important;border-color:white}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative{color:#e4e4e6 !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.negative{color:#00294d !important;background:white;border-color:white}.duet-theme-turva .duet-button.negative{color:#171c3a !important}.duet-button.negative:hover{color:white !important;background:transparent;border-color:white}.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 #171c3a, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:white !important;background:#de2362;border-color:#de2362}.duet-theme-turva .duet-button.destructive-primary{color:white !important;background:#e02a0d;border-color:#e02a0d}.duet-button.destructive-primary:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#b3220a}.duet-button.destructive,.duet-button.destructive-secondary{color:#de2362 !important;background:white;border-color:#de2362}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:#e02a0d !important;background:white;border-color:#e02a0d}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:white !important;background:#b21c4e;border-color:#b21c4e}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:white !important;background:#b3220a;border-color:#b3220a}.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:#c60c30 !important;background:transparent;border-color:transparent}.duet-button.plain.icon{padding-left:20px !important}.duet-button.plain.icon.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.medium{padding-left:24px !important}.duet-button.plain.icon.medium.icon-right{padding-right:24px !important;padding-left:0 !important}.duet-button.plain.icon.large{padding-left:30px !important}.duet-button.plain.icon.large.icon-right{padding-right:30px !important;padding-left:0 !important}.duet-button.plain .duet-button-icon.left{left:-16.6666666667px !important}.duet-button.plain .duet-button-icon.left.medium{left:-24px !important}.duet-button.plain .duet-button-icon.left.large{left:-30px !important}.duet-button.plain .duet-button-icon.right{right:-16.6666666667px !important}.duet-button.plain .duet-button-icon.right.medium{right:-24px !important}.duet-button.plain .duet-button-icon.right.large{right:-30px !important}.duet-button.plain[disabled]{color:#657787 !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:#e4e4e6 !important}.duet-button.plain:hover{color:#004d80 !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:#940925 !important}.duet-button.plain.duet-button-negative{color:white !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:#e4e4e6 !important}.duet-button.plain.duet-button-negative:hover{color:#0077b3 !important}.duet-theme-turva .duet-button.plain.duet-button-negative:hover{color:#c60c30 !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{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents{position:static}.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{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:#657787 !important;cursor:not-allowed;background:#e1e3e6 !important;border-color:#e1e3e6 !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:#747475 !important;cursor:not-allowed;background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:white}.duet-button-is-loading.default{color:#0077b3}.duet-button-is-loading.default.duet-theme-turva{color:#c60c30}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}";
12
+ 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%;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(.input-button){z-index:250}:host(.duet-small){margin-right:2px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small){width:auto}}: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;width:100%}.duet-button{padding:14px 27px 15px !important;-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:#0077b3 !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:2px;border-radius:20rem;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.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){padding:9px 19px 10px !important;min-width:5.3333333333rem;font-size:0.875rem}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon{padding-left:48px !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon-right{padding-right:48px !important;padding-left:20px !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:#c60c30 !important}.duet-button .duet-button-contents{position:relative;display:inline-block;margin:0 auto;pointer-events:none}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button.icon{padding-left:52px !important}.duet-button.icon-right{padding-right:52px !important;padding-left:28px !important}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{position:absolute;top:50%;left:-28px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 !important;transform:translateY(-50%)}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.right{right:-28px;left:auto}.duet-button .duet-button-icon.large{left:-32px;width:20px;height:20px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.large.right{right:-32px;left:auto}.duet-button .duet-button-icon.medium-small{left:-16px;width:10px;height:10px;padding-top:1px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.medium-small.right{right:-16px;left:auto}.duet-button .duet-button-icon.small{left:-16px;width:7px;height:7px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button .duet-button-icon.small.right{right:-16px;left:auto}.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{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{border-color:#e1e3e6}.duet-theme-turva .duet-button.default{color:#c60c30 !important;border-color:#e4e4e6}.duet-button.default:hover{border-color:#0077b3}.duet-theme-turva .duet-button.default:hover{border-color:#c60c30}.duet-button.default.duet-button-negative{background-color:white}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:#e4e4e6 !important}.duet-button.default.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.primary,.duet-button.input-button-primary{color:white !important;background:#0077b3;border-color:#0077b3}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:white !important;background:#c60c30;border-color:#c60c30}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:#940925;border-color:#940925}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px white, 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{box-shadow:0 0 0 1px white, 0 0 0 4px rgba(23, 28, 58, 0.7)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-embedded{color:#00294d !important;background:transparent;border-color:#00294d}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:#171c3a !important;border-color:#171c3a}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-embedded:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:#e1e3e6 !important;border-color:white}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:#e4e4e6 !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.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.negative{color:#00294d !important;background:white;border-color:white}.duet-theme-turva .duet-button.negative{color:#171c3a !important}.duet-button.negative:hover{color:white !important;background:transparent;border-color:white}.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 #171c3a, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:white !important;background:#de2362;border-color:#de2362}.duet-theme-turva .duet-button.destructive-primary{color:white !important;background:#e02a0d;border-color:#e02a0d}.duet-button.destructive-primary:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#b3220a}.duet-button.destructive,.duet-button.destructive-secondary{color:#de2362 !important;background:white;border-color:#de2362}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:#e02a0d !important;background:white;border-color:#e02a0d}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:white !important;background:#b21c4e;border-color:#b21c4e}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:white !important;background:#b3220a;border-color:#b3220a}.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:#c60c30 !important;background:transparent;border-color:transparent}.duet-button.plain.icon{padding-left:20px !important}.duet-button.plain.icon.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.medium{padding-left:24px !important}.duet-button.plain.icon.medium.icon-right{padding-right:24px !important;padding-left:0 !important}.duet-button.plain.icon.large{padding-left:30px !important}.duet-button.plain.icon.large.icon-right{padding-right:30px !important;padding-left:0 !important}.duet-button.plain .duet-button-icon.left{left:-16.6666666667px !important}.duet-button.plain .duet-button-icon.left.medium{left:-24px !important}.duet-button.plain .duet-button-icon.left.large{left:-30px !important}.duet-button.plain .duet-button-icon.right{right:-16.6666666667px !important}.duet-button.plain .duet-button-icon.right.medium{right:-24px !important}.duet-button.plain .duet-button-icon.right.large{right:-30px !important}.duet-button.plain[disabled]{color:#657787 !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:#e4e4e6 !important}.duet-button.plain:hover{color:#004d80 !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:#940925 !important}.duet-button.plain.duet-button-negative{color:white !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:#e4e4e6 !important}.duet-button.plain.duet-button-negative:hover{color:#0077b3 !important}.duet-theme-turva .duet-button.plain.duet-button-negative:hover{color:#c60c30 !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{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents{position:static}.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[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:#657787 !important;cursor:not-allowed;background:#e1e3e6 !important;border-color:#e1e3e6 !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:#747475 !important;cursor:not-allowed;background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:white}.duet-button-is-loading.default{color:#0077b3}.duet-button-is-loading.default.duet-theme-turva{color:#c60c30}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}";
13
13
 
14
14
  const DuetButton = class {
15
15
  constructor(hostRef) {
@@ -173,7 +173,7 @@ const DuetButton = class {
173
173
  "duet-small": this.size === "small",
174
174
  "duet-fixed": this.fixed,
175
175
  "duet-expand": this.expand,
176
- "input-button": this.variation === "input-button-primary" || this.variation === "input-button-secondary",
176
+ "input-button": this.variation.startsWith("input-button"),
177
177
  } }, h("div", { class: {
178
178
  "duet-button-container": true,
179
179
  "duet-button-is-loading": this.loading,
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, H as Host, g as getElement, F as Fragment } from './index-bcdc5466.js';
4
+ import { r as registerInstance, h, H as Host, g as getElement, F as Fragment } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
  import { s as sanitizeString } from './string-utils-5954f458.js';
7
7
  import { g as getColorByName } from './token-utils-b531747a.js';
@@ -1,10 +1,10 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
  import { c as createID } from './create-id-981107da.js';
7
- import { i as isKeyboardClick } from './keyboard-utils-88ea1007.js';
7
+ import { i as isKeyboardClick } from './keyboard-utils-d237bd5a.js';
8
8
  import { s as sanitizeString } from './string-utils-5954f458.js';
9
9
  import { g as getColorByName } from './token-utils-b531747a.js';
10
10
  import './tokens.module-d3321092.js';
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
  import { c as createID } from './create-id-981107da.js';
7
7
 
@@ -1,12 +1,12 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
  import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
7
7
  import { c as createID } from './create-id-981107da.js';
8
- import { F as FocusGuard } from './focus-utils-f1a08e01.js';
9
- import { i as isKeyboardClick, h as isQuestionKey, f as isEscapeKey } from './keyboard-utils-88ea1007.js';
8
+ import { F as FocusGuard } from './focus-utils-1131b2e1.js';
9
+ import { i as isKeyboardClick, h as isQuestionKey, f as isEscapeKey } from './keyboard-utils-d237bd5a.js';
10
10
  import { g as getLocaleString, a as getLanguage } from './language-utils-bf701d37.js';
11
11
  import { f as findCheckedOption, w as watchForOptions } from './watch-options-dd55bce8.js';
12
12
  import './string-utils-5954f458.js';
@@ -1,12 +1,12 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { a as actionArrowDownSmall } from './action-arrow-down-small-82273dc8.js';
6
6
  import { f as font_size_medium, t as tokens } from './tokens-0963dc8b.js';
7
7
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
8
8
  import { c as createID } from './create-id-981107da.js';
9
- import { i as isKeyboardClick } from './keyboard-utils-88ea1007.js';
9
+ import { i as isKeyboardClick } from './keyboard-utils-d237bd5a.js';
10
10
  import { s as sanitizeString } from './string-utils-5954f458.js';
11
11
 
12
12
  const duetCollapsibleCss = "*.sc-duet-collapsible,*.sc-duet-collapsible::after,*.sc-duet-collapsible::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-collapsible-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d}.duet-theme-turva.sc-duet-collapsible-h{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-m-0.sc-duet-collapsible-h{margin:0 !important}.duet-collapsible-content.sc-duet-collapsible{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content.sc-duet-collapsible{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva.sc-duet-collapsible{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}[open].sc-duet-collapsible-h>.duet-collapsible-content.sc-duet-collapsible{display:block}.duet-collapsible-heading.sc-duet-collapsible{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight.sc-duet-collapsible{font-weight:400}.duet-collapsible-heading.duet-theme-turva.sc-duet-collapsible{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-collapsible-heading.sc-duet-collapsible .duet-collapsible-heading-content.sc-duet-collapsible{flex:1}.duet-collapsible-heading.sc-duet-collapsible:focus{outline:0}.user-is-tabbing.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon.sc-duet-collapsible{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon.sc-duet-collapsible:last-child,.duet-collapsible-heading-icon.sc-duet-collapsible:last-of-type{margin-right:0 !important}[aria-expanded=true].sc-duet-collapsible .duet-collapsible-heading-icon.sc-duet-collapsible{transform:rotate(180deg)}";
@@ -1,10 +1,10 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
  import { d as debounce } from './js-utils-fa98b8cd.js';
7
- import { n as isEnterKey, f as isEscapeKey, o as isTabKey, b as isArrowUpKey, c as isArrowDownKey } from './keyboard-utils-88ea1007.js';
7
+ import { j as isEnterKey, f as isEscapeKey, o as isTabKey, b as isArrowUpKey, c as isArrowDownKey } from './keyboard-utils-d237bd5a.js';
8
8
  import { g as getLocaleString, a as getLanguage } from './language-utils-bf701d37.js';
9
9
  import { p as parsePossibleJSON } from './string-utils-5954f458.js';
10
10
 
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
 
7
7
  const duetCookieConsentCss = "*,*::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;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}: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}.duet-cookie-consent{padding:20px;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;color:white !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:white !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
@@ -1,10 +1,10 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
  import { c as createID } from './create-id-981107da.js';
7
- import { F as FocusGuard } from './focus-utils-f1a08e01.js';
7
+ import { F as FocusGuard } from './focus-utils-1131b2e1.js';
8
8
  import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
9
9
  import './string-utils-5954f458.js';
10
10
 
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, g as getElement, H as Host } from './index-bcdc5466.js';
4
+ import { r as registerInstance, h, g as getElement, H as Host } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
  import { g as getColorByName } from './token-utils-b531747a.js';
7
7
  import './tokens.module-d3321092.js';
@@ -1,10 +1,10 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
  import { f as fieldSorter, d as debounce } from './js-utils-fa98b8cd.js';
7
- import { i as isKeyboardClick } from './keyboard-utils-88ea1007.js';
7
+ import { i as isKeyboardClick } from './keyboard-utils-d237bd5a.js';
8
8
  import { g as getLocaleString, s as sanitizeString } from './language-utils-bf701d37.js';
9
9
  import { q as sizeNavigation, s as sizeHeader } from './tokens.module-d3321092.js';
10
10
  import { b as breakpointToToken } from './token-utils-b531747a.js';
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, H as Host } from './index-bcdc5466.js';
4
+ import { r as registerInstance, h, H as Host } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
 
7
7
  const duetEmptyStateCss = "*,*::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%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:#00294d;text-align:center;background:#f5f8fa;border-radius:4px}.duet-empty-state.duet-theme-turva{color:#171c3a;background:#f5f5f7}";
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
  import { c as createID } from './create-id-981107da.js';
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent$1, h, F as Fragment, g as getElement } from './index-bcdc5466.js';
4
+ import { r as registerInstance, c as createEvent$1, h, F as Fragment, g as getElement } from './index-0d301ddd.js';
5
5
  import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
6
6
  import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
7
7
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, g as getElement, H as Host } from './index-bcdc5466.js';
4
+ import { r as registerInstance, h, g as getElement, H as Host } from './index-0d301ddd.js';
5
5
  import { m as media_query_large, a as media_query_medium, b as media_query_small } from './tokens-0963dc8b.js';
6
6
  import { w as watchForOptions, a as watchForElement } from './watch-options-dd55bce8.js';
7
7
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
@@ -1,13 +1,13 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { h, r as registerInstance, c as createEvent$1, B as Build, H as Host, F as Fragment, g as getElement } from './index-bcdc5466.js';
4
+ import { h, r as registerInstance, c as createEvent$1, B as Build, H as Host, F as Fragment, g as getElement } from './index-0d301ddd.js';
5
5
  import { f as formSearch } from './form-search-ea8e19ae.js';
6
6
  import { m as media_query_large } from './tokens-0963dc8b.js';
7
7
  import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.es6-61b5e9a4.js';
8
8
  import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
9
9
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
10
- import { f as isEscapeKey, g as isSpaceKey, d as isArrowLeftKey, b as isArrowUpKey, a as isArrowRightKey, c as isArrowDownKey } from './keyboard-utils-88ea1007.js';
10
+ import { f as isEscapeKey, g as isSpaceKey, d as isArrowLeftKey, b as isArrowUpKey, a as isArrowRightKey, c as isArrowDownKey } from './keyboard-utils-d237bd5a.js';
11
11
  import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
12
12
  import { p as parsePossibleJSON } from './string-utils-5954f458.js';
13
13
  import { a as actionArrowDownSmall } from './action-arrow-down-small-82273dc8.js';
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, g as getElement } from './index-bcdc5466.js';
4
+ import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0d301ddd.js';
5
5
  import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
6
6
  import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
7
7
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { E as Env, r as registerInstance, h, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { E as Env, r as registerInstance, h, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
  import { g as getColorByName } from './token-utils-b531747a.js';
7
7
  import './tokens.module-d3321092.js';
@@ -1,18 +1,18 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { f as formSearch } from './form-search-ea8e19ae.js';
6
6
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
7
7
  import { c as createID } from './create-id-981107da.js';
8
8
  import { c as cleanValue, r as resetCursor } from './input-utils-de45e099.js';
9
- import { f as isEscapeKey } from './keyboard-utils-88ea1007.js';
9
+ import { f as isEscapeKey, j as isEnterKey } from './keyboard-utils-d237bd5a.js';
10
10
  import { g as getLocaleString } from './language-utils-bf701d37.js';
11
11
  import './string-utils-5954f458.js';
12
12
 
13
13
  var formEmail={"title":"form-email","tags":"form email","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z\"/></svg>"};
14
14
 
15
- const duetInputCss = "*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input{position:relative;top:4px;right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:white}.duet-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:#00294d;pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:#171c3a}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:#004d80}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:#00294d}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;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 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:#00294d !important;cursor:initial !important;background:white !important;background-clip:initial !important;border:1px solid #909599 !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:#de2362 !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:#de2362 !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:#e02a0d !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:#e02a0d !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a !important;border-color:#747475 !important}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:#657787;opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:#747475}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:#cfcfd1}.duet-input.sc-duet-input::-moz-placeholder{color:#657787;opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:#747475}.duet-input.sc-duet-input:focus::-moz-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:#cfcfd1}.duet-input.sc-duet-input:-ms-input-placeholder{color:#657787}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:#747475}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:#cfcfd1}.duet-input[disabled].sc-duet-input{color:#00294d !important;cursor:text !important;background:#f5f8fa !important;border-color:#f5f8fa !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:#00294d !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:#171c3a !important;background:#f5f5f7 !important;border-color:#f5f5f7 !important;-webkit-text-fill-color:#171c3a !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e02a0d}.duet-input.sc-duet-input:focus{border-color:#0077b3 !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:#171c3a !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:#171c3a}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e02a0d}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:#0077b3}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-label-has-tooltip.sc-duet-input{display:inline-flex}@media (min-width: 48em){.duet-label-has-tooltip.sc-duet-input{display:inline}}.duet-label-has-tooltip.sc-duet-input::before{display:block;margin-top:7px;content:\" \"}.duet-input-tooltip.sc-duet-input::after{display:block;height:49px;content:\" \"}.duet-input-help.sc-duet-input{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:#657787;border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#747475}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:#de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:#e02a0d}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}";
15
+ const duetInputCss = "*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input{position:relative;top:4px;right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:white}.duet-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:#00294d;pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:#171c3a}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:#004d80}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:#00294d}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;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 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:#00294d !important;cursor:initial !important;background:white !important;background-clip:initial !important;border:1px solid #909599 !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:#de2362 !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:#de2362 !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:#e02a0d !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:#e02a0d !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a !important;border-color:#747475 !important}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:#657787;opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:#747475}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:#cfcfd1}.duet-input.sc-duet-input::-moz-placeholder{color:#657787;opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:#747475}.duet-input.sc-duet-input:focus::-moz-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:#cfcfd1}.duet-input.sc-duet-input:-ms-input-placeholder{color:#657787}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:#747475}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:#cfcfd1}.duet-input[disabled].sc-duet-input{color:#00294d !important;cursor:text !important;background:#f5f8fa !important;border-color:#f5f8fa !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:#00294d !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:#171c3a !important;background:#f5f5f7 !important;border-color:#f5f5f7 !important;-webkit-text-fill-color:#171c3a !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e02a0d}.duet-input.sc-duet-input:focus{border-color:#0077b3 !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:#171c3a !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:#171c3a}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e02a0d}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:#0077b3}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-label-has-tooltip.sc-duet-input{display:inline-flex}@media (min-width: 48em){.duet-label-has-tooltip.sc-duet-input{display:inline}}.duet-label-has-tooltip.sc-duet-input::before{display:block;margin-top:7px;content:\" \"}.duet-input-tooltip.sc-duet-input::after{display:block;height:49px;content:\" \"}.duet-input-help.sc-duet-input{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:#657787;border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#747475}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:#de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:#e02a0d}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-revealable.sc-duet-input{position:relative;width:100%}.duet-input-variation-revealable.sc-duet-input .sc-duet-input::-ms-reveal{display:none}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid #909599;border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:#747475}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:#f5f8fa;border-color:#e1e3e6;box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:#de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:#e02a0d}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:#0077b3;box-shadow:0 0 0 1px #0077b3}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:#171c3a;box-shadow:0 0 0 1px #171c3a}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #e02a0d}";
16
16
 
17
17
  const icons = {
18
18
  search: formSearch,
@@ -46,6 +46,26 @@ const DuetInput = class {
46
46
  fi: "Aika",
47
47
  sv: "Tid",
48
48
  });
49
+ this.showPasswordLabel = getLocaleString({
50
+ en: "Show password",
51
+ fi: "Näytä salasana",
52
+ sv: "Visa lösenord",
53
+ });
54
+ this.hidePasswordLabel = getLocaleString({
55
+ en: "Hide password",
56
+ fi: "Piilota salasana",
57
+ sv: "Dölj lösenord",
58
+ });
59
+ this.passwordShownAriaAnnouncement = getLocaleString({
60
+ en: "Password is shown",
61
+ fi: "Salasana näytetään",
62
+ sv: "Lösenordet visas",
63
+ });
64
+ this.passwordHiddenAriaAnnouncement = getLocaleString({
65
+ en: "Password is hidden",
66
+ fi: "Salasana on piilotettu",
67
+ sv: "Lösenordet är dolt",
68
+ });
49
69
  /**
50
70
  * Component event handling.
51
71
  */
@@ -61,6 +81,7 @@ const DuetInput = class {
61
81
  });
62
82
  };
63
83
  this.onBlur = (ev) => {
84
+ this.isFocused = false;
64
85
  this.duetBlur.emit({
65
86
  originalEvent: ev,
66
87
  value: this.value,
@@ -68,6 +89,7 @@ const DuetInput = class {
68
89
  });
69
90
  };
70
91
  this.onFocus = (ev) => {
92
+ this.isFocused = true;
71
93
  this.duetFocus.emit({
72
94
  originalEvent: ev,
73
95
  value: this.value,
@@ -81,8 +103,8 @@ const DuetInput = class {
81
103
  component: "duet-input",
82
104
  });
83
105
  };
84
- /** Private functions
85
- *
106
+ /**
107
+ * Private functions
86
108
  */
87
109
  this.getDescribedBy = () => {
88
110
  let describedBy = "";
@@ -109,8 +131,22 @@ const DuetInput = class {
109
131
  if (isEscapeKey(event) && this.clear) {
110
132
  this.handleClearClick(event);
111
133
  }
134
+ if (isEnterKey(event) && this.variation === "revealable") {
135
+ this.isPasswordRevealed = false;
136
+ }
112
137
  return event;
113
138
  };
139
+ this.togglePasswordRevealed = () => {
140
+ this.isPasswordRevealed = !this.isPasswordRevealed;
141
+ };
142
+ this.getInputType = () => {
143
+ if (this.variation === "revealable") {
144
+ return this.isPasswordRevealed ? "text" : "password";
145
+ }
146
+ return this.type;
147
+ };
148
+ this.isPasswordRevealed = false;
149
+ this.isFocused = false;
114
150
  this.accessibleActiveDescendant = undefined;
115
151
  this.accessibleAutocomplete = undefined;
116
152
  this.accessibleControls = undefined;
@@ -184,6 +220,13 @@ const DuetInput = class {
184
220
  this.disallowedPatternChange();
185
221
  this.isCaptionVisible = !!this.caption;
186
222
  }
223
+ componentDidLoad() {
224
+ if (this.variation === "revealable" && this.nativeInput.form) {
225
+ this.nativeInput.form.addEventListener("submit", () => {
226
+ this.isPasswordRevealed = false;
227
+ });
228
+ }
229
+ }
187
230
  /**
188
231
  * Sets focus on the specified `duet-input`. Use this method instead of the global
189
232
  * `input.focus()`.
@@ -259,19 +302,21 @@ const DuetInput = class {
259
302
  (this.type !== "text" && this.type !== "tel" && this.type !== "password" && this.type !== "time")),
260
303
  "has-error": !!this.error,
261
304
  "has-clear": this.clear,
262
- } }, h("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-label-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (h("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (h("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), h("input", Object.assign({ ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.type, class: {
305
+ "has-focus": this.isFocused,
306
+ disabled: this.disabled,
307
+ } }, h("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-label-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (h("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (h("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), h("input", Object.assign({ ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
263
308
  "duet-input": true,
264
309
  disabled: this.disabled,
265
310
  "is-number": this.component === "number",
266
311
  "is-date": this.component === "date",
267
312
  }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy
268
313
  ? `${this.errorId} ${this.labelId} ${this.accessibleLabelledBy}`
269
- : `${this.errorId} ${this.labelId}`, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-errormessage": this.error ? this.errorId : null, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (h("div", { class: "duet-input-icon" }, h("duet-icon", { margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (h("div", { class: {
314
+ : `${this.errorId} ${this.labelId}`, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-errormessage": this.error ? this.errorId : null, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (h("div", { class: "duet-input-icon" }, h("duet-icon", { margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (h("div", { class: {
270
315
  "duet-input-clear-icon": true,
271
316
  "duet-input-clear-icon-single": !hasInputIcon,
272
317
  "duet-input-clear-icon-double": !!this.icon,
273
318
  "duet-input-clear-icon-button": this.variation === "button",
274
- } }, h("button", { onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel, "aria-keyshortcuts": "Escape" }, h("duet-icon", { margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (h("div", { class: "duet-input-icon" }, h("duet-icon", { margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && h("slot", { name: "button" }), h("slot", null)), h("span", { class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": "polite", "aria-relevant": "additions removals" }, this.error && h("span", { class: "duet-input-error" }, this.error)))));
319
+ } }, h("button", { onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel, "aria-keyshortcuts": "Escape" }, h("duet-icon", { margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (h("div", { class: "duet-input-icon" }, h("duet-icon", { margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && h("slot", { name: "button" }), this.variation === "revealable" && (h("duet-button", { onClick: this.togglePasswordRevealed, icon: this.isPasswordRevealed ? "action-hide" : "action-show", accessibleLabel: this.isPasswordRevealed ? this.hidePasswordLabel : this.showPasswordLabel, margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && (h("duet-visually-hidden", null, h("span", { "aria-live": "polite" }, this.isPasswordRevealed ? this.passwordShownAriaAnnouncement : this.passwordHiddenAriaAnnouncement))), h("slot", null)), h("span", { class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": "polite", "aria-relevant": "additions removals" }, this.error && h("span", { class: "duet-input-error" }, this.error)))));
275
320
  }
276
321
  get element() { return getElement(this); }
277
322
  static get watchers() { return {
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { i as isInternetExplorer } from './is-internet-explorer-62b3bdbd.js';
6
6
 
7
7
  const duetLayoutCss = "*,*::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;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, g as getElement, H as Host } from './index-bcdc5466.js';
4
+ import { r as registerInstance, h, g as getElement, H as Host } from './index-0d301ddd.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
6
6
  import { w as watchForOptions } from './watch-options-dd55bce8.js';
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, h, H as Host, g as getElement } from './index-bcdc5466.js';
4
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-0d301ddd.js';
5
5
  import { m as media_query_large } from './tokens-0963dc8b.js';
6
6
  import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
7
7