@duetds/components 5.1.1 → 5.1.4

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 (286) hide show
  1. package/hydrate/index.js +102 -12
  2. package/lib/cjs/action-arrow-right-small-a25eb475.js +8 -0
  3. package/lib/cjs/duet-action-button.cjs.entry.js +3 -3
  4. package/lib/cjs/duet-alert.cjs.entry.js +1 -1
  5. package/lib/cjs/duet-badge.cjs.entry.js +1 -1
  6. package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
  7. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +3 -4
  8. package/lib/cjs/duet-button_2.cjs.entry.js +5 -4
  9. package/lib/cjs/duet-caption_4.cjs.entry.js +3 -3
  10. package/lib/cjs/duet-card.cjs.entry.js +3 -3
  11. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  12. package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
  13. package/lib/cjs/duet-collapsible.cjs.entry.js +2 -2
  14. package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
  15. package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
  16. package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
  17. package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
  18. package/lib/cjs/duet-editable-table_3.cjs.entry.js +2 -2
  19. package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
  20. package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
  21. package/lib/cjs/duet-footer.cjs.entry.js +23 -4
  22. package/lib/cjs/duet-grid_2.cjs.entry.js +2 -2
  23. package/lib/cjs/duet-header_2.cjs.entry.js +12 -6
  24. package/lib/cjs/duet-hero.cjs.entry.js +1 -1
  25. package/lib/cjs/duet-icon.cjs.entry.js +3 -3
  26. package/lib/cjs/duet-input_2.cjs.entry.js +56 -4
  27. package/lib/cjs/duet-layout.cjs.entry.js +1 -1
  28. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  29. package/lib/cjs/duet-modal.cjs.entry.js +2 -2
  30. package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
  31. package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
  32. package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
  33. package/lib/cjs/duet-progress.cjs.entry.js +1 -1
  34. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  35. package/lib/cjs/duet-range-slider.cjs.entry.js +2 -2
  36. package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
  37. package/lib/cjs/duet-select.cjs.entry.js +1 -1
  38. package/lib/cjs/duet-step_2.cjs.entry.js +2 -2
  39. package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
  40. package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
  41. package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
  42. package/lib/cjs/duet-tray.cjs.entry.js +2 -2
  43. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  44. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  45. package/lib/cjs/duet.cjs.js +2 -2
  46. package/lib/cjs/{focus-utils-a03e60dd.js → focus-utils-9ac6d246.js} +1 -1
  47. package/lib/cjs/{index-e44f9b36.js → index-c417c983.js} +1 -1
  48. package/lib/cjs/loader.cjs.js +2 -2
  49. package/lib/cjs/{token-utils-f402e205.js → token-utils-d1f8069b.js} +1 -1
  50. package/lib/cjs/{tokens-8596cece.js → tokens-29450bcb.js} +3 -0
  51. package/lib/cjs/{tokens.module-6b2df1c2.js → tokens.module-ef598645.js} +2 -0
  52. package/lib/collection/components/duet-button/duet-button.css +48 -16
  53. package/lib/collection/components/duet-button/duet-button.js +2 -1
  54. package/lib/collection/components/duet-footer/duet-footer.css +154 -0
  55. package/lib/collection/components/duet-footer/duet-footer.js +135 -5
  56. package/lib/collection/components/duet-header/duet-header.js +27 -3
  57. package/lib/collection/components/duet-input/duet-input.css +49 -0
  58. package/lib/collection/components/duet-input/duet-input.js +132 -3
  59. package/lib/collection/components/duet-step/duet-step.js +1 -1
  60. package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
  61. package/lib/custom-elements-bundle/index.js +93 -15
  62. package/lib/duet/duet.esm.js +1 -1
  63. package/lib/duet/duet.js +1 -1
  64. package/lib/duet/{p-3fef06e6.entry.js → p-0356ed8e.entry.js} +1 -1
  65. package/lib/duet/{p-32c98e7e.system.entry.js → p-078fcf7c.system.entry.js} +1 -1
  66. package/lib/duet/{p-052a5743.system.entry.js → p-0e2e056f.system.entry.js} +1 -1
  67. package/lib/duet/p-1862208a.system.entry.js +4 -0
  68. package/lib/duet/p-18cc5627.system.js +4 -0
  69. package/lib/duet/{p-17261af2.system.entry.js → p-18d04f2e.system.entry.js} +1 -1
  70. package/lib/duet/{p-72919e6d.entry.js → p-1e5f2840.entry.js} +1 -1
  71. package/lib/duet/p-2000ef23.entry.js +4 -0
  72. package/lib/duet/{p-6d93203d.system.entry.js → p-20c86cc5.system.entry.js} +1 -1
  73. package/lib/duet/{p-c3cfb3d2.entry.js → p-212f7cf5.entry.js} +1 -1
  74. package/lib/duet/{p-ea85a070.entry.js → p-24c8d0df.entry.js} +1 -1
  75. package/lib/duet/{p-a682460b.system.entry.js → p-24f41cb3.system.entry.js} +1 -1
  76. package/lib/duet/{p-71e1ff1e.system.entry.js → p-29b73b1b.system.entry.js} +1 -1
  77. package/lib/duet/{p-eafe466d.system.entry.js → p-2aeb9bd2.system.entry.js} +1 -1
  78. package/lib/duet/{p-4b9eb6dd.system.entry.js → p-2e959285.system.entry.js} +1 -1
  79. package/lib/duet/{p-0958486a.entry.js → p-2fd66459.entry.js} +1 -1
  80. package/lib/duet/{p-3b6ba9be.entry.js → p-30371492.entry.js} +1 -1
  81. package/lib/duet/{p-ca07f766.system.entry.js → p-32774c23.system.entry.js} +1 -1
  82. package/lib/duet/{p-3e6b24df.entry.js → p-3474c348.entry.js} +1 -1
  83. package/lib/duet/p-37217e63.entry.js +4 -0
  84. package/lib/duet/{p-dc6f6251.entry.js → p-37a36786.entry.js} +1 -1
  85. package/lib/duet/{p-33eef64b.system.entry.js → p-3956c0b8.system.entry.js} +1 -1
  86. package/lib/duet/{p-ad07f399.js → p-398a79a0.js} +1 -1
  87. package/lib/duet/{p-a3e84a0c.entry.js → p-3f4ea241.entry.js} +1 -1
  88. package/lib/duet/{p-b8423556.entry.js → p-41e4f10e.entry.js} +1 -1
  89. package/lib/duet/{p-f8d42b1d.entry.js → p-445d538d.entry.js} +1 -1
  90. package/lib/duet/{p-cde3dddb.system.entry.js → p-460e6137.system.entry.js} +1 -1
  91. package/lib/duet/{p-7312120a.entry.js → p-47053a5e.entry.js} +1 -1
  92. package/lib/duet/{p-1a1c2f04.system.entry.js → p-472da63a.system.entry.js} +1 -1
  93. package/lib/duet/{p-d56fcc0f.system.entry.js → p-4a1a4d2d.system.entry.js} +1 -1
  94. package/lib/duet/{p-e3bb4d0d.entry.js → p-4ae75bd5.entry.js} +1 -1
  95. package/lib/duet/{p-6b915701.entry.js → p-4bbd7a9c.entry.js} +1 -1
  96. package/lib/duet/{p-c363cb4b.system.entry.js → p-4c74be13.system.entry.js} +1 -1
  97. package/lib/duet/{p-f2dda559.system.entry.js → p-4cab1ba4.system.entry.js} +1 -1
  98. package/lib/duet/{p-6c94b74c.entry.js → p-4d95a973.entry.js} +1 -1
  99. package/lib/duet/{p-21711099.system.entry.js → p-4dace9be.system.entry.js} +1 -1
  100. package/lib/duet/{p-e7d06e4b.system.entry.js → p-4df9144d.system.entry.js} +1 -1
  101. package/lib/duet/p-50363944.js +4 -0
  102. package/lib/duet/{p-79af737e.entry.js → p-553366aa.entry.js} +1 -1
  103. package/lib/duet/p-5ff75ab0.entry.js +4 -0
  104. package/lib/duet/{p-434eb761.system.entry.js → p-6144a827.system.entry.js} +1 -1
  105. package/lib/duet/{p-bfbc45ac.entry.js → p-6440fa65.entry.js} +1 -1
  106. package/lib/duet/p-64611b86.entry.js +4 -0
  107. package/lib/duet/{p-854b2669.entry.js → p-71d151e6.entry.js} +1 -1
  108. package/lib/duet/{p-77c8ae06.entry.js → p-7212c87c.entry.js} +1 -1
  109. package/lib/duet/p-78ccd8fa.entry.js +4 -0
  110. package/lib/duet/{p-3f781b16.system.entry.js → p-78d2dfc8.system.entry.js} +1 -1
  111. package/lib/duet/p-7af28ef6.entry.js +4 -0
  112. package/lib/duet/p-7cbb6eba.js +4 -0
  113. package/lib/duet/{p-aee18e71.system.entry.js → p-81ccf6d6.system.entry.js} +1 -1
  114. package/lib/duet/{p-cbee7eb0.system.entry.js → p-85e8d34e.system.entry.js} +1 -1
  115. package/lib/duet/{p-14883a40.entry.js → p-87900286.entry.js} +1 -1
  116. package/lib/duet/p-89042509.system.entry.js +4 -0
  117. package/lib/duet/{p-e6217a66.system.entry.js → p-8a684ac7.system.entry.js} +1 -1
  118. package/lib/duet/{p-ebc287fb.system.entry.js → p-8fa8bdab.system.entry.js} +1 -1
  119. package/lib/duet/{p-314a8dce.system.entry.js → p-9903055f.system.entry.js} +1 -1
  120. package/lib/duet/{p-fad9218e.system.js → p-99187a3a.system.js} +1 -1
  121. package/lib/duet/{p-2963573e.entry.js → p-9bf95a5d.entry.js} +1 -1
  122. package/lib/duet/{p-3e21a552.entry.js → p-9c9947a8.entry.js} +1 -1
  123. package/lib/duet/{p-b03047e2.system.entry.js → p-9ce054f9.system.entry.js} +1 -1
  124. package/lib/duet/{p-82bfc46e.system.entry.js → p-9d681426.system.entry.js} +1 -1
  125. package/lib/duet/{p-4e2532c7.system.js → p-9eaccbf3.system.js} +1 -1
  126. package/lib/duet/{p-2673743a.system.entry.js → p-9f3c3af5.system.entry.js} +1 -1
  127. package/lib/duet/p-a93a04b9.system.js +4 -0
  128. package/lib/duet/{p-ef63e6b7.system.entry.js → p-a980e270.system.entry.js} +1 -1
  129. package/lib/duet/{p-489173a9.entry.js → p-ab84084f.entry.js} +1 -1
  130. package/lib/duet/{p-4600e39d.system.entry.js → p-b1039960.system.entry.js} +1 -1
  131. package/lib/duet/{p-e2e9c1c6.entry.js → p-b1375931.entry.js} +1 -1
  132. package/lib/duet/p-b2dfc5bd.system.entry.js +4 -0
  133. package/lib/duet/{p-28f204ff.system.entry.js → p-b49f89cf.system.entry.js} +1 -1
  134. package/lib/duet/{p-53d51490.entry.js → p-b6e0ea1d.entry.js} +1 -1
  135. package/lib/duet/{p-d3a21d3a.system.js → p-b78ab2f5.system.js} +1 -1
  136. package/lib/duet/{p-d15456a9.entry.js → p-b7e592bf.entry.js} +1 -1
  137. package/lib/duet/p-b8e8a024.entry.js +4 -0
  138. package/lib/duet/{p-8e7b2349.entry.js → p-bd8c5946.entry.js} +1 -1
  139. package/lib/duet/{p-e9d62935.system.entry.js → p-be6e164e.system.entry.js} +1 -1
  140. package/lib/duet/{p-6f339dd4.entry.js → p-bf95adc2.entry.js} +1 -1
  141. package/lib/duet/p-d1746325.js +4 -0
  142. package/lib/duet/{p-2f6e0663.entry.js → p-d4d7c619.entry.js} +1 -1
  143. package/lib/duet/{p-cf2cd5b6.js → p-e0e35d41.js} +1 -1
  144. package/lib/duet/p-e15afaf5.system.entry.js +4 -0
  145. package/lib/duet/p-e2074848.system.js +4 -0
  146. package/lib/duet/{p-7d8ee301.entry.js → p-e6aa9737.entry.js} +1 -1
  147. package/lib/duet/{p-c3248b49.system.entry.js → p-e6eb55cf.system.entry.js} +2 -2
  148. package/lib/duet/{p-3c09dfc7.system.entry.js → p-e7f60c95.system.entry.js} +1 -1
  149. package/lib/duet/{p-6ac8a774.entry.js → p-e8340671.entry.js} +1 -1
  150. package/lib/duet/{p-cb445018.js → p-e918a990.js} +1 -1
  151. package/lib/duet/{p-bfacc4ba.system.entry.js → p-ec06dc8c.system.entry.js} +1 -1
  152. package/lib/duet/{p-1beddade.entry.js → p-ec1797d8.entry.js} +1 -1
  153. package/lib/duet/{p-0bfa4901.entry.js → p-ecf2860f.entry.js} +1 -1
  154. package/lib/duet/{p-eacb0a3c.entry.js → p-efeac1a1.entry.js} +1 -1
  155. package/lib/duet/{p-2999bd13.system.entry.js → p-f2f17151.system.entry.js} +1 -1
  156. package/lib/duet/p-f476cb84.system.js +4 -0
  157. package/lib/duet/{p-442a290e.system.entry.js → p-f4943cc5.system.entry.js} +1 -1
  158. package/lib/duet/{p-d4f6977d.system.entry.js → p-f597ccbb.system.entry.js} +1 -1
  159. package/lib/duet/{p-8afcef6d.entry.js → p-f650fa99.entry.js} +1 -1
  160. package/lib/duet/p-f8b1afeb.system.entry.js +4 -0
  161. package/lib/esm/action-arrow-right-small-f9d2ba83.js +6 -0
  162. package/lib/esm/duet-action-button.entry.js +3 -3
  163. package/lib/esm/duet-alert.entry.js +1 -1
  164. package/lib/esm/duet-badge.entry.js +1 -1
  165. package/lib/esm/duet-breadcrumb.entry.js +1 -1
  166. package/lib/esm/duet-breadcrumbs.entry.js +2 -3
  167. package/lib/esm/duet-button_2.entry.js +5 -4
  168. package/lib/esm/duet-caption_4.entry.js +3 -3
  169. package/lib/esm/duet-card.entry.js +3 -3
  170. package/lib/esm/duet-checkbox.entry.js +1 -1
  171. package/lib/esm/duet-choice_2.entry.js +2 -2
  172. package/lib/esm/duet-collapsible.entry.js +2 -2
  173. package/lib/esm/duet-combobox.entry.js +1 -1
  174. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  175. package/lib/esm/duet-date-picker.entry.js +2 -2
  176. package/lib/esm/duet-divider_2.entry.js +1 -1
  177. package/lib/esm/duet-editable-table_3.entry.js +2 -2
  178. package/lib/esm/duet-empty-state.entry.js +1 -1
  179. package/lib/esm/duet-fieldset.entry.js +1 -1
  180. package/lib/esm/duet-footer.entry.js +23 -4
  181. package/lib/esm/duet-grid_2.entry.js +2 -2
  182. package/lib/esm/duet-header_2.entry.js +12 -6
  183. package/lib/esm/duet-hero.entry.js +1 -1
  184. package/lib/esm/duet-icon.entry.js +3 -3
  185. package/lib/esm/duet-input_2.entry.js +56 -4
  186. package/lib/esm/duet-layout.entry.js +1 -1
  187. package/lib/esm/duet-list_2.entry.js +1 -1
  188. package/lib/esm/duet-modal.entry.js +2 -2
  189. package/lib/esm/duet-notification_2.entry.js +1 -1
  190. package/lib/esm/duet-number-input.entry.js +1 -1
  191. package/lib/esm/duet-pagination_2.entry.js +1 -1
  192. package/lib/esm/duet-progress.entry.js +1 -1
  193. package/lib/esm/duet-radio_2.entry.js +1 -1
  194. package/lib/esm/duet-range-slider.entry.js +2 -2
  195. package/lib/esm/duet-scrollable_3.entry.js +1 -1
  196. package/lib/esm/duet-select.entry.js +1 -1
  197. package/lib/esm/duet-step_2.entry.js +2 -2
  198. package/lib/esm/duet-textarea.entry.js +1 -1
  199. package/lib/esm/duet-toggle.entry.js +1 -1
  200. package/lib/esm/duet-tooltip.entry.js +1 -1
  201. package/lib/esm/duet-tray.entry.js +2 -2
  202. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  203. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  204. package/lib/esm/duet.js +2 -2
  205. package/lib/esm/{focus-utils-ea33cb8a.js → focus-utils-bcb5b759.js} +1 -1
  206. package/lib/esm/{index-54e0bce3.js → index-7dc1fa94.js} +1 -1
  207. package/lib/esm/loader.js +2 -2
  208. package/lib/esm/{token-utils-e9a69acf.js → token-utils-f3b5f7a8.js} +1 -1
  209. package/lib/esm/{tokens-e110dc89.js → tokens-8ff8c570.js} +3 -0
  210. package/lib/esm/{tokens.module-49cbf963.js → tokens.module-f4572ed7.js} +2 -0
  211. package/lib/esm-es5/action-arrow-right-small-f9d2ba83.js +4 -0
  212. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  213. package/lib/esm-es5/duet-alert.entry.js +1 -1
  214. package/lib/esm-es5/duet-badge.entry.js +1 -1
  215. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  216. package/lib/esm-es5/duet-breadcrumbs.entry.js +2 -2
  217. package/lib/esm-es5/duet-button_2.entry.js +2 -2
  218. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  219. package/lib/esm-es5/duet-card.entry.js +1 -1
  220. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  221. package/lib/esm-es5/duet-choice_2.entry.js +2 -2
  222. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  223. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  224. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  225. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  226. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  227. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  228. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  229. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  230. package/lib/esm-es5/duet-footer.entry.js +2 -2
  231. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  232. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  233. package/lib/esm-es5/duet-hero.entry.js +1 -1
  234. package/lib/esm-es5/duet-icon.entry.js +1 -1
  235. package/lib/esm-es5/duet-input_2.entry.js +2 -2
  236. package/lib/esm-es5/duet-layout.entry.js +1 -1
  237. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  238. package/lib/esm-es5/duet-modal.entry.js +1 -1
  239. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  240. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  241. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  242. package/lib/esm-es5/duet-progress.entry.js +1 -1
  243. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  244. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  245. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  246. package/lib/esm-es5/duet-select.entry.js +1 -1
  247. package/lib/esm-es5/duet-step_2.entry.js +2 -2
  248. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  249. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  250. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  251. package/lib/esm-es5/duet-tray.entry.js +1 -1
  252. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  253. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  254. package/lib/esm-es5/duet.js +1 -1
  255. package/lib/esm-es5/focus-utils-bcb5b759.js +4 -0
  256. package/lib/esm-es5/{index-54e0bce3.js → index-7dc1fa94.js} +1 -1
  257. package/lib/esm-es5/loader.js +1 -1
  258. package/lib/esm-es5/{token-utils-e9a69acf.js → token-utils-f3b5f7a8.js} +1 -1
  259. package/lib/esm-es5/tokens-8ff8c570.js +4 -0
  260. package/lib/esm-es5/{tokens.module-49cbf963.js → tokens.module-f4572ed7.js} +1 -1
  261. package/lib/html.html-data.json +42 -1
  262. package/lib/types/components/duet-button/duet-button.d.ts +1 -1
  263. package/lib/types/components/duet-footer/duet-footer.d.ts +30 -1
  264. package/lib/types/components/duet-header/duet-header.d.ts +8 -0
  265. package/lib/types/components/duet-input/duet-input.d.ts +23 -0
  266. package/lib/types/components.d.ts +62 -2
  267. package/package.json +5 -5
  268. package/lib/duet/p-1676ed71.system.entry.js +0 -4
  269. package/lib/duet/p-202bedcb.system.entry.js +0 -4
  270. package/lib/duet/p-25edad4a.system.entry.js +0 -4
  271. package/lib/duet/p-8143f3de.js +0 -4
  272. package/lib/duet/p-8ca12f86.entry.js +0 -4
  273. package/lib/duet/p-976d65bc.entry.js +0 -4
  274. package/lib/duet/p-bdbf8f12.system.js +0 -4
  275. package/lib/duet/p-c4b8dbcc.entry.js +0 -4
  276. package/lib/duet/p-ca61da84.entry.js +0 -4
  277. package/lib/duet/p-cc557ff2.entry.js +0 -4
  278. package/lib/duet/p-d75cb9b3.entry.js +0 -4
  279. package/lib/duet/p-ddb6344c.system.js +0 -4
  280. package/lib/duet/p-eafce13a.system.entry.js +0 -4
  281. package/lib/duet/p-ef60173e.js +0 -4
  282. package/lib/duet/p-f357091a.entry.js +0 -4
  283. package/lib/duet/p-f6d4c0e2.system.entry.js +0 -4
  284. package/lib/duet/p-fa99eaa4.system.js +0 -4
  285. package/lib/esm-es5/focus-utils-ea33cb8a.js +0 -4
  286. package/lib/esm-es5/tokens-e110dc89.js +0 -4
package/lib/esm/duet-button_2.entry.js CHANGED
@@ -1,15 +1,15 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-54e0bce3.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7dc1fa94.js';
5
5
  import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
6
6
  import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
7
7
  import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
8
- import { g as getColorByName } from './token-utils-e9a69acf.js';
8
+ import { g as getColorByName } from './token-utils-f3b5f7a8.js';
9
9
  import './string-utils-5954f458.js';
10
- import './tokens.module-49cbf963.js';
10
+ import './tokens.module-f4572ed7.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(.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;font-variant-numeric:tabular-nums;-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.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{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{color:white !important;background:#0077b3;border-color:#0077b3}.duet-theme-turva .duet-button.primary{color:white !important;background:#c60c30;border-color:#c60c30}.duet-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{background:#940925;border-color:#940925}.duet-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{box-shadow:0 0 0 1px white, 0 0 0 4px rgba(23, 28, 58, 0.7)}.duet-button.secondary{color:#00294d !important;background:transparent;border-color:#00294d}.duet-theme-turva .duet-button.secondary{color:#171c3a !important;border-color:#171c3a}.duet-button.secondary:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.secondary.duet-button-negative{color:#e1e3e6 !important;border-color:white}.duet-theme-turva .duet-button.secondary.duet-button-negative{color:#e4e4e6 !important}.duet-button.secondary.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-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;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;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[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:#657787 !important;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;background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-button-is-loading.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){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{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;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;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;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;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) {
@@ -234,6 +234,7 @@ const DuetButton = class {
234
234
  "duet-small": this.size === "small",
235
235
  "duet-fixed": this.fixed,
236
236
  "duet-expand": this.expand,
237
+ "input-button": this.variation === "input-button-primary" || this.variation === "input-button-secondary",
237
238
  } }, h("div", { class: {
238
239
  "duet-button-container": true,
239
240
  "duet-button-is-loading": this.loading,
package/lib/esm/duet-caption_4.entry.js CHANGED
@@ -1,14 +1,14 @@
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-54e0bce3.js';
4
+ import { r as registerInstance, h, H as Host, g as getElement, F as Fragment } from './index-7dc1fa94.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
6
6
  import { s as sanitizeString } from './string-utils-5954f458.js';
7
- import { g as getColorByName } from './token-utils-e9a69acf.js';
7
+ import { g as getColorByName } from './token-utils-f3b5f7a8.js';
8
8
  import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
9
9
  import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
10
10
  import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
11
- import './tokens.module-49cbf963.js';
11
+ import './tokens.module-f4572ed7.js';
12
12
 
13
13
  const duetCaptionCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:flex;flex:0 0 100%;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:#657787;vertical-align:top}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.duet-caption-small){font-size:0.875rem;line-height:1.25}:host(.duet-theme-turva){font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#747475}:host(.duet-caption-selected){color:#0077b3}:host(.duet-caption-selected.duet-theme-turva){color:#171c3a}:host(.duet-m-0){margin:0 !important}";
14
14
 
package/lib/esm/duet-card.entry.js CHANGED
@@ -1,13 +1,13 @@
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-54e0bce3.js';
4
+ import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-7dc1fa94.js';
5
5
  import { c as createID } from './create-id-981107da.js';
6
6
  import { i as isKeyboardClick } from './keyboard-utils-88ea1007.js';
7
7
  import { s as sanitizeString } from './string-utils-5954f458.js';
8
8
  import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
9
- import { g as getColorByName } from './token-utils-e9a69acf.js';
10
- import './tokens.module-49cbf963.js';
9
+ import { g as getColorByName } from './token-utils-f3b5f7a8.js';
10
+ import './tokens.module-f4572ed7.js';
11
11
 
12
12
  var actionArrowUp={"title":"action-arrow-up","tags":"action arrow up caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z\"/></svg>"};
13
13
 
package/lib/esm/duet-checkbox.entry.js CHANGED
@@ -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-54e0bce3.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7dc1fa94.js';
5
5
  import { c as createID } from './create-id-981107da.js';
6
6
  import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
7
7
 
package/lib/esm/duet-choice_2.entry.js CHANGED
@@ -1,10 +1,10 @@
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-54e0bce3.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7dc1fa94.js';
5
5
  import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
6
6
  import { c as createID } from './create-id-981107da.js';
7
- import { F as FocusGuard } from './focus-utils-ea33cb8a.js';
7
+ import { F as FocusGuard } from './focus-utils-bcb5b759.js';
8
8
  import { i as isKeyboardClick, h as isQuestionKey, f as isEscapeKey } from './keyboard-utils-88ea1007.js';
9
9
  import { g as getLocaleString, a as getLanguage } from './language-utils-bf701d37.js';
10
10
  import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
package/lib/esm/duet-collapsible.entry.js CHANGED
@@ -1,9 +1,9 @@
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-54e0bce3.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7dc1fa94.js';
5
5
  import { a as actionArrowDownSmall } from './action-arrow-down-small-82273dc8.js';
6
- import { f as font_size_medium, t as tokens } from './tokens-e110dc89.js';
6
+ import { f as font_size_medium, t as tokens } from './tokens-8ff8c570.js';
7
7
  import { c as createID } from './create-id-981107da.js';
8
8
  import { i as isKeyboardClick } from './keyboard-utils-88ea1007.js';
9
9
  import { s as sanitizeString } from './string-utils-5954f458.js';
package/lib/esm/duet-combobox.entry.js CHANGED
@@ -1,7 +1,7 @@
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-54e0bce3.js';
4
+ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-7dc1fa94.js';
5
5
  import { d as debounce } from './js-utils-52e0944c.js';
6
6
  import { n as isEnterKey, f as isEscapeKey, o as isTabKey, b as isArrowUpKey, c as isArrowDownKey } from './keyboard-utils-88ea1007.js';
7
7
  import { g as getLocaleString, a as getLanguage } from './language-utils-bf701d37.js';
package/lib/esm/duet-cookie-consent.entry.js CHANGED
@@ -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-54e0bce3.js';
4
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7dc1fa94.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.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}";
package/lib/esm/duet-date-picker.entry.js CHANGED
@@ -1,9 +1,9 @@
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-54e0bce3.js';
4
+ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-7dc1fa94.js';
5
5
  import { c as createID } from './create-id-981107da.js';
6
- import { F as FocusGuard } from './focus-utils-ea33cb8a.js';
6
+ import { F as FocusGuard } from './focus-utils-bcb5b759.js';
7
7
  import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
8
8
  import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
9
9
  import './string-utils-5954f458.js';
package/lib/esm/duet-divider_2.entry.js CHANGED
@@ -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-54e0bce3.js';
4
+ import { r as registerInstance, h, g as getElement, H as Host } from './index-7dc1fa94.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
6
6
 
7
7
  const duetDividerCss = "*,*::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-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:#e1e3e6}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:#e4e4e6}";
package/lib/esm/duet-editable-table_3.entry.js CHANGED
@@ -1,12 +1,12 @@
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-54e0bce3.js';
4
+ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-7dc1fa94.js';
5
5
  import { f as fieldSorter, d as debounce } from './js-utils-52e0944c.js';
6
6
  import { i as isKeyboardClick } from './keyboard-utils-88ea1007.js';
7
7
  import { g as getLocaleString, s as sanitizeString } from './language-utils-bf701d37.js';
8
8
  import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
9
- import { m as mediaQueryMedium, h as mediaQueryLarge, i as mediaQueryXLarge, j as mediaQueryXxLarge, k as mediaQueryXxxLarge, l as mediaQuerySmall, n as sizeNavigation, s as sizeHeader } from './tokens.module-49cbf963.js';
9
+ import { m as mediaQueryMedium, h as mediaQueryLarge, i as mediaQueryXLarge, j as mediaQueryXxLarge, k as mediaQueryXxxLarge, l as mediaQuerySmall, n as sizeNavigation, s as sizeHeader } from './tokens.module-f4572ed7.js';
10
10
  import { c as createID } from './create-id-981107da.js';
11
11
  import './string-utils-5954f458.js';
12
12
 
package/lib/esm/duet-empty-state.entry.js CHANGED
@@ -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-54e0bce3.js';
4
+ import { r as registerInstance, h, H as Host } from './index-7dc1fa94.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.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}";
package/lib/esm/duet-fieldset.entry.js CHANGED
@@ -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-54e0bce3.js';
4
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-7dc1fa94.js';
5
5
  import { c as createID } from './create-id-981107da.js';
6
6
  import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
7
7
 
package/lib/esm/duet-footer.entry.js CHANGED
@@ -1,7 +1,9 @@
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-54e0bce3.js';
4
+ import { r as registerInstance, c as createEvent$1, h, F as Fragment, g as getElement } from './index-7dc1fa94.js';
5
+ import { a as actionArrowDownSmall } from './action-arrow-down-small-82273dc8.js';
6
+ import { a as actionArrowRightSmall } from './action-arrow-right-small-f9d2ba83.js';
5
7
  import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
6
8
  import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
7
9
  import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
@@ -12,13 +14,18 @@ var actionArrowRight={"title":"action-arrow-right","tags":"action arrow right ca
12
14
 
13
15
  var actionNewWindow={"title":"action-new-window","tags":"arrow open new window tab external link square box rectangle action","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M10.25 2a.75.75 0 1 1 0 1.5h-6.5A2.252 2.252 0 0 0 1.5 5.75v14.5a2.252 2.252 0 0 0 2.25 2.25h14.5a2.252 2.252 0 0 0 2.25-2.25v-6.5a.75.75 0 0 1 1.5 0v6.5A3.754 3.754 0 0 1 18.25 24H3.75A3.754 3.754 0 0 1 0 20.25V5.75A3.754 3.754 0 0 1 3.75 2zm12.985-2c.1 0 .198.02.29.058l.025.011a.726.726 0 0 1 .15.091l.066.059a.755.755 0 0 1 .109.138l.051.1c.04.092.06.192.06.293l-.001 6.363c0 .2-.078.389-.22.53a.743.743 0 0 1-.53.22.743.743 0 0 1-.53-.22.743.743 0 0 1-.22-.53V2.559L15.28 9.764a.75.75 0 0 1-1.06-1.06l7.204-7.205h-4.553a.744.744 0 0 1-.75-.75c0-.2.078-.388.22-.53A.743.743 0 0 1 16.87 0z\"/></svg>"};
14
16
 
15
- const duetFooterCss = "*,*::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-shrink:0;width:100%}.duet-footer{display:block;width:100%;padding-top:20px;padding-bottom:16px;margin-top:48px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:white;text-align:left;background:#00294d}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 36em){.duet-footer{padding-top:36px}}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer.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:#c60c30}.duet-footer a{color:white;text-decoration:none}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva a:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between}}duet-logo{margin-left:16px !important}@media (min-width: 36em){duet-logo{margin-left:28px !important}}@media (min-width: 62em){duet-logo{margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-icon{display:flex;align-items:center;justify-content:center;padding:12px;margin-right:16px;background:#0077b3;border-radius:50%;transition:300ms ease}.duet-theme-turva .duet-footer-icon{background:transparent;box-shadow:0 0 0 1px white}a:hover .duet-footer-icon{background:#006ba1}.duet-theme-turva a:hover .duet-footer-icon{background:transparent}.duet-footer-arrow{display:flex;align-items:center;justify-content:center;width:20px;min-width:20px;max-width:20px;height:20px;max-height:20px;margin-left:auto;color:white;transition:transform 300ms ease}@media (min-width: 62em){.duet-footer-arrow{width:10px;min-width:10px;margin-top:3px;margin-left:8px}}@media (min-width: 62em){.duet-footer-arrow{margin-right:0}}a:hover .duet-footer-arrow{transform:translateX(4px)}.duet-footer-arrow duet-icon{width:20px;height:20px}@media (min-width: 62em){.duet-footer-arrow duet-icon{width:10px;height:10px}}.duet-footer-menu{padding:20px !important;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-left:8px !important}}.duet-footer-menu a{display:inline-block;text-decoration:none;word-break:break-all}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{color:white}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:#00294d;background:transparent !important;border-top:1px solid #e1e3e6}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:#00294d}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple.duet-theme-turva{color:#171c3a;border-color:#e4e4e6}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:#171c3a}.duet-footer-external{display:inline-block;margin-left:4px;color:#0077b3}.duet-theme-turva .duet-footer-external{color:white}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:#c60c30}";
17
+ const duetFooterCss = "*,*::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-shrink:0;width:100%}.duet-footer{display:block;width:100%;padding-top:20px;padding-bottom:16px;margin-top:48px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:white;text-align:left;background:#00294d}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 36em){.duet-footer{padding-top:36px}}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer.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:#c60c30}.duet-footer a{color:white;text-decoration:none}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva a:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between}}duet-logo{margin-left:16px !important}@media (min-width: 36em){duet-logo{margin-left:28px !important}}@media (min-width: 62em){duet-logo{margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-icon{display:flex;align-items:center;justify-content:center;padding:12px;margin-right:16px;background:#0077b3;border-radius:50%;transition:300ms ease}.duet-theme-turva .duet-footer-icon{background:transparent;box-shadow:0 0 0 1px white}a:hover .duet-footer-icon{background:#006ba1}.duet-theme-turva a:hover .duet-footer-icon{background:transparent}.duet-footer-arrow{display:flex;align-items:center;justify-content:center;width:20px;min-width:20px;max-width:20px;height:20px;max-height:20px;margin-left:auto;color:white;transition:transform 300ms ease}@media (min-width: 62em){.duet-footer-arrow{width:10px;min-width:10px;margin-top:3px;margin-left:8px}}@media (min-width: 62em){.duet-footer-arrow{margin-right:0}}a:hover .duet-footer-arrow{transform:translateX(4px)}.duet-footer-arrow duet-icon{width:20px;height:20px}@media (min-width: 62em){.duet-footer-arrow duet-icon{width:10px;height:10px}}.duet-footer-menu{padding:20px !important;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-left:8px !important}}.duet-footer-menu a{display:inline-block;text-decoration:none;word-break:break-all}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{color:white}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:#00294d;background:transparent !important;border-top:1px solid #e1e3e6}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:#00294d}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple.duet-theme-turva{color:#171c3a;border-color:#e4e4e6}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:#171c3a}.duet-footer-multilevel duet-logo{margin-left:0.5rem !important}@media (min-width: 62em){.duet-footer-multilevel duet-logo{margin-left:-0.5rem !important}}.duet-footer-multilevel .duet-footer-link{padding:0.5rem 1.25rem !important;border:0}.duet-footer-multilevel .duet-footer-link:first-of-type{margin:0}.duet-footer-multilevel .duet-footer-link .duet-footer-arrow{margin-left:0.5rem}.duet-footer-multilevel .duet-footer-link .duet-footer-arrow duet-icon{width:0.75rem;height:0.75rem}@media (min-width: 62em){.duet-footer-multilevel .duet-footer-link{padding:0.75rem 0 !important}}.duet-footer-multilevel .duet-footer-top{flex-direction:column;gap:1rem 0;align-items:flex-start}@media (min-width: 62em){.duet-footer-multilevel .multilevel{display:flex;justify-content:space-between;width:100%}}.duet-footer-multilevel .multilevel-main-item{margin-top:1.25rem}@media (min-width: 62em){.duet-footer-multilevel .multilevel-main-item{margin-top:0}}.duet-footer-multilevel .multilevel-main-item .duet-footer-link{padding:0 0.5 1.25rem !important;font-weight:700}@media (min-width: 62em){.duet-footer-multilevel .multilevel-main-item .duet-footer-link{padding:0 0 0.5rem !important}}@media (min-width: 62em){.duet-footer-multilevel .multilevel-primary-items{column-gap:0;width:100%;columns:3}.duet-footer-multilevel .multilevel-primary-items .duet-footer-link{display:inline-flex}}.duet-footer-multilevel .multilevel-secondary-items .duet-footer-link{padding:0.875rem 1.25rem !important;font-weight:700}.duet-footer-multilevel .multilevel-secondary-items .duet-footer-link:first-child{padding:1.25rem 1.25rem 0.875rem !important}@media (min-width: 62em){.duet-footer-multilevel .multilevel-secondary-items{display:grid;grid-template-columns:repeat(3, 1fr);width:100%}.duet-footer-multilevel .multilevel-secondary-items .duet-footer-link,.duet-footer-multilevel .multilevel-secondary-items .duet-footer-link:first-child{display:inline-flex;padding:1rem 0 !important}}.duet-footer-multilevel .multilevel-right .duet-footer-link:first-child{padding-top:0.875rem !important;font-weight:700}@media (min-width: 62em){.duet-footer-multilevel .multilevel-right .duet-footer-link{padding:0.375rem 0 !important;font-size:0.875rem;font-weight:400}.duet-footer-multilevel .multilevel-right .duet-footer-link:first-child{padding-top:0 !important;font-size:1rem;font-weight:600}.duet-footer-multilevel .multilevel-right .tertiary-main-item .duet-footer-arrow{display:none}}.duet-footer-multilevel .duet-footer-menu{padding:1.25rem !important;line-height:2.5}@media (min-width: 62em){.duet-footer-multilevel .duet-footer-menu{padding-right:0 !important;padding-left:0 !important;text-align:right}}.duet-footer-multilevel .duet-footer-copyright{display:none;font-size:0.875rem}@media (min-width: 62em){.duet-footer-multilevel .duet-footer-copyright{position:absolute;left:48px;display:inline}}@media (min-width: 76.25em){.duet-footer-multilevel .duet-footer-copyright{left:0}}.duet-footer-multilevel .duet-footer-copyright.duet-footer-copyright-mobile{display:block;padding-top:0.5rem;padding-bottom:1.25rem;text-align:center}@media (min-width: 62em){.duet-footer-multilevel .duet-footer-copyright.duet-footer-copyright-mobile{display:none}}.duet-footer-multilevel.duet-theme-turva .duet-footer-copyright-mobile{padding-left:1.25rem;text-align:left}.duet-footer-multilevel.duet-theme-turva .duet-footer-icon{color:#171c3a;background:white}.duet-footer-multilevel.duet-theme-turva a:hover .duet-footer-icon{background:#e6e6e6}.duet-footer-external{display:inline-block;margin-left:4px;color:#0077b3}.duet-theme-turva .duet-footer-external{color:white}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:#c60c30}";
16
18
 
17
19
  const i18n = {
18
20
  fi: { lahi: "© LähiTapiola", turva: "© Turva" },
19
21
  sv: { lahi: "© LokalTapiola", turva: "© Turva" },
20
22
  en: { lahi: "© LocalTapiola", turva: "© Turva" },
21
23
  };
24
+ const i18nMultilevel = {
25
+ fi: { lahi: "© LähiTapiola", turva: "© Keskinäinen Vakuutusyhtiö Turva" },
26
+ sv: { lahi: "© LokalTapiola", turva: "© Keskinäinen Vakuutusyhtiö Turva" },
27
+ en: { lahi: "© LocalTapiola", turva: "© Keskinäinen Vakuutusyhtiö Turva" },
28
+ };
22
29
  const createEvent = (ev, data) => ({
23
30
  component: "duet-footer",
24
31
  data,
@@ -36,7 +43,11 @@ const DuetFooter = class {
36
43
  * State() variables
37
44
  * Inlined decorator, alphabetical order.
38
45
  */
46
+ this.processedMainItem = null;
39
47
  this.processedItems = null;
48
+ this.processedSecondaryItems = null;
49
+ this.processedTertiaryMainItem = null;
50
+ this.processedTertiaryItems = null;
40
51
  this.processedMenu = null;
41
52
  /**
42
53
  * Theme of the navigation.
@@ -111,7 +122,11 @@ const DuetFooter = class {
111
122
  * Local methods
112
123
  */
113
124
  async refresh() {
125
+ this.processedMainItem = parsePossibleJSON(this.mainItem);
114
126
  this.processedItems = parsePossibleJSON(this.items);
127
+ this.processedSecondaryItems = parsePossibleJSON(this.secondaryItems);
128
+ this.processedTertiaryMainItem = parsePossibleJSON(this.tertiaryMainItem);
129
+ this.processedTertiaryItems = parsePossibleJSON(this.tertiaryItems);
115
130
  this.processedMenu = parsePossibleJSON(this.menu);
116
131
  }
117
132
  /**
@@ -119,16 +134,20 @@ const DuetFooter = class {
119
134
  * Always the last one in the class.
120
135
  */
121
136
  render() {
122
- const text = getLocaleString(i18n);
137
+ const text = this.variation === "multilevel" ? getLocaleString(i18nMultilevel) : getLocaleString(i18n);
123
138
  const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
124
139
  return (h("footer", { class: {
125
140
  "duet-footer": true,
126
141
  "duet-m-0": this.margin === "none",
127
142
  "duet-theme-turva": this.theme === "turva",
128
143
  "duet-footer-simple": this.variation === "simple",
144
+ "duet-footer-multilevel": this.variation === "multilevel",
129
145
  } }, h("div", { class: "duet-footer-wrapper" }, h("div", { class: "duet-footer-top", part: "top" }, this.variation !== "simple" && (h("duet-logo", { href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), this.processedItems &&
130
146
  this.variation !== "simple" &&
131
- this.processedItems.map(item => (h("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, h("div", { class: "duet-footer-icon" }, h("duet-icon", { size: "medium", margin: "none", name: item.icon, color: "currentColor" })), h("span", null, item.label), item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("div", { class: "duet-footer-arrow" }, item.external ? (h("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })) : (h("duet-icon", { icon: actionArrowRight.svg, size: "auto", margin: "none", color: "currentColor" }))))))), h("p", { class: "duet-footer-menu", part: "menu" }, h("span", { class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), this.processedMenu && (h(Fragment, null, h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/"), this.processedMenu.map(item => (h("a", { href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("div", { class: "duet-footer-external" }, h("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/"))))))))));
147
+ this.variation !== "multilevel" &&
148
+ this.processedItems.map(item => (h("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, h("div", { class: "duet-footer-icon" }, h("duet-icon", { size: "medium", margin: "none", name: item.icon, color: "currentColor" })), h("span", null, item.label), item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("div", { class: "duet-footer-arrow" }, item.external ? (h("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })) : (h("duet-icon", { icon: actionArrowRight.svg, size: "auto", margin: "none", color: "currentColor" })))))), this.processedItems && this.variation === "multilevel" && (h("div", { class: "multilevel" }, h("div", { class: "multilevel-left" }, h("div", { class: "multilevel-main-item" }, this.processedMainItem && (h("a", { class: "duet-footer-link", href: this.processedMainItem.href, id: this.processedMainItem.id, target: this.processedMainItem.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, this.processedMainItem) }, h("span", null, this.processedMainItem.label), this.processedMainItem.external && (h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal)), h("div", { class: "duet-footer-arrow" }, this.processedMainItem.external && (h("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })))))), h("div", { class: "multilevel-primary-items" }, this.processedItems.map(item => (h("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, h("div", { class: "duet-footer-icon" }, h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor" })), h("span", null, item.label), item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("div", { class: "duet-footer-arrow" }, item.external && (h("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" }))))))), h("div", { class: "multilevel-secondary-items" }, this.processedSecondaryItems &&
149
+ this.processedSecondaryItems.map(item => (h("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, h("span", null, item.label), item.external && (h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal)), h("div", { class: "duet-footer-arrow" }, item.external ? (h("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })) : (h("duet-icon", { icon: actionArrowRightSmall.svg, size: "auto", margin: "none", color: "currentColor" })))))))), h("div", { class: "multilevel-right" }, this.processedTertiaryMainItem && (h("span", { class: "duet-footer-link tertiary-main-item", id: this.processedTertiaryMainItem.id }, h("span", null, this.processedTertiaryMainItem.label), this.processedTertiaryMainItem.external && (h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal)), h("div", { class: "duet-footer-arrow" }, h("duet-icon", { icon: actionArrowDownSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), this.processedTertiaryItems &&
150
+ this.processedTertiaryItems.map(item => (h("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, h("span", null, item.label), item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("div", { class: "duet-footer-arrow" }, item.external && (h("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))))), h("slot", { name: "extra" }), h("p", { class: "duet-footer-menu", part: "menu" }, h("span", { class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), this.processedMenu && (h(Fragment, null, this.variation !== "multilevel" && (h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")), this.processedMenu.map(item => (h("a", { href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("div", { class: "duet-footer-external" }, h("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/"))))))), this.variation === "multilevel" && (h("p", { class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`)))));
132
151
  }
133
152
  get element() { return getElement(this); }
134
153
  static get watchers() { return {
package/lib/esm/duet-grid_2.entry.js CHANGED
@@ -1,8 +1,8 @@
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-54e0bce3.js';
5
- import { m as media_query_large, a as media_query_medium, b as media_query_small } from './tokens-e110dc89.js';
4
+ import { r as registerInstance, h, g as getElement, H as Host } from './index-7dc1fa94.js';
5
+ import { m as media_query_large, a as media_query_medium, b as media_query_small } from './tokens-8ff8c570.js';
6
6
  import { w as watchForOptions, a as watchForElement } from './watch-options-dd55bce8.js';
7
7
  import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
8
8
 
package/lib/esm/duet-header_2.entry.js CHANGED
@@ -1,9 +1,9 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { h, r as registerInstance, c as createEvent$1, F as Fragment, H as Host, g as getElement } from './index-54e0bce3.js';
4
+ import { h, r as registerInstance, c as createEvent$1, F as Fragment, H as Host, g as getElement } from './index-7dc1fa94.js';
5
5
  import { f as formSearch } from './form-search-ea8e19ae.js';
6
- import { m as media_query_large } from './tokens-e110dc89.js';
6
+ import { m as media_query_large } from './tokens-8ff8c570.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 { f as isEscapeKey, g as isSpaceKey, d as isArrowLeftKey, b as isArrowUpKey, a as isArrowRightKey, c as isArrowDownKey } from './keyboard-utils-88ea1007.js';
@@ -11,7 +11,7 @@ import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d3
11
11
  import { p as parsePossibleJSON } from './string-utils-5954f458.js';
12
12
  import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
13
13
  import { a as actionArrowDownSmall } from './action-arrow-down-small-82273dc8.js';
14
- import { e as colorGrayLightest, f as colorBrandGrayTurva, c as colorPrimaryTurva, g as colorBrandBlue } from './tokens.module-49cbf963.js';
14
+ import { e as colorGrayLightest, f as colorBrandGrayTurva, c as colorPrimaryTurva, g as colorBrandBlue } from './tokens.module-f4572ed7.js';
15
15
  import { c as createID } from './create-id-981107da.js';
16
16
 
17
17
  var navigationContactDropdown={"title":"navigation-contact-dropdown","tags":"navigation contact dropdown speech bubbles","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M20.247 24a.743.743 0 0 1-.53-.22l-4.28-4.28h-.439c-3.308 0-6-2.692-6-6s2.692-6 6-6h3c3.309.001 6 2.692 6 6a5.974 5.974 0 0 1-3 5.179v4.571a.75.75 0 0 1-.751.75zm-5.25-15c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5h.75c.198 0 .391.08.53.22l3.22 3.22v-3.213c0-.289.169-.555.429-.678a4.51 4.51 0 0 0 2.571-4.049 4.504 4.504 0 0 0-4.498-4.499h-3.002z\"/><path d=\"M3.747 16.5a.747.747 0 0 1-.75-.75v-4.57a5.967 5.967 0 0 1-2.65-3.171A5.948 5.948 0 0 1 .57 3.431 6.014 6.014 0 0 1 5.985 0h3.012a6.04 6.04 0 0 1 5.752 4.286.751.751 0 0 1-.718.964.755.755 0 0 1-.719-.536A4.531 4.531 0 0 0 8.997 1.5h-3a4.511 4.511 0 0 0-4.071 2.572c-.512 1.084-.571 2.302-.167 3.431s1.224 2.032 2.308 2.545c.261.123.43.39.43.678v3.214l1.72-1.72a.744.744 0 0 1 1.06 0 .752.752 0 0 1 0 1.061l-3 3a.744.744 0 0 1-.53.219z\"/></svg>"};
@@ -79,6 +79,7 @@ const DuetHeader = class {
79
79
  this.duetItemClick = createEvent$1(this, "duetItemClick", 7);
80
80
  this.duetSkipClick = createEvent$1(this, "duetSkipClick", 7);
81
81
  this.duetAnalytics = createEvent$1(this, "duetAnalytics", 7);
82
+ this.duetMobileNavToggle = createEvent$1(this, "duetMobileNavToggle", 7);
82
83
  var _a;
83
84
  /**
84
85
  * Own Properties
@@ -339,7 +340,9 @@ const DuetHeader = class {
339
340
  this.isSegmentOpen = false;
340
341
  this.isSessionOpen = false;
341
342
  el = this.navigationEl;
342
- this.isSlideOutOpen = !this.isSlideOutOpen;
343
+ const toggle = !this.isSlideOutOpen;
344
+ this.isSlideOutOpen = toggle;
345
+ this.duetMobileNavToggle.emit({ originalEvent: ev, open: toggle });
343
346
  if (this.isSlideOutOpen) {
344
347
  disableBodyScroll(this.navigationEl, { reserveScrollBarGap: true });
345
348
  }
@@ -468,6 +471,9 @@ const DuetHeader = class {
468
471
  if (this.renderDesktopNav !== this.mql[0].matches) {
469
472
  this.renderDesktopNav = this.mql[0].matches;
470
473
  this.openMenu = null;
474
+ if (this.isSlideOutOpen) {
475
+ this.toggleMenu(document.createEvent("UIEvents"), "mobile");
476
+ }
471
477
  }
472
478
  this.processedItems = parsePossibleJSON(this.items);
473
479
  this.processedLanguageItems = parsePossibleJSON(this.languageItems);
@@ -571,7 +577,7 @@ const DuetHeader = class {
571
577
  "duet-header": true,
572
578
  "duet-theme-turva": this.theme === "turva",
573
579
  "duet-header-inactive": !this.processedItems,
574
- }, part: "header" }, h("div", { class: "duet-header-top" }, skipToLabel, h("div", { class: "logo-and-segment" }, largeLogo, this.processedItems && (h(DuetHeaderDropdown, { id: segmentId, label: activeSegment.label, active: this.isSegmentOpen, isOpen: this.isSegmentOpen, badge: false, toggleRef: el => (this.segmentItemsButtonEl = el), itemsRef: el => (this.segmentItemsEl = el), onToggle: event => this.toggleMenu(event, "segment") }, this.processedItems.map(item => (h("a", { class: { active: activeSegment === item }, role: "menuitem", href: item.href || "#", id: item.id, onClick: event => this.handleItemClick(event, item), onKeyDown: ev => this.handleArrowKeys(ev), target: item.external ? "_blank" : "_self" }, item.icon && (h("div", { class: "duet-header-icon" }, h("duet-icon", { margin: "none", size: "x-small", name: item.icon, color: "currentColor" }))), h("span", null, item.label), item.badge && h("div", { class: "duet-header-badge" }))))))), h("nav", { class: "duet-header-multi-level-desktop-nav" }, activeSegment.items &&
580
+ }, part: "header" }, h("div", { class: "duet-header-top" }, skipToLabel, h("div", { class: "logo-and-segment" }, h("div", null, largeLogo), this.processedItems && (h(DuetHeaderDropdown, { id: segmentId, label: activeSegment.label, active: this.isSegmentOpen, isOpen: this.isSegmentOpen, badge: false, toggleRef: el => (this.segmentItemsButtonEl = el), itemsRef: el => (this.segmentItemsEl = el), onToggle: event => this.toggleMenu(event, "segment") }, this.processedItems.map(item => (h("a", { class: { active: activeSegment === item }, role: "menuitem", href: item.href || "#", id: item.id, onClick: event => this.handleItemClick(event, item), onKeyDown: ev => this.handleArrowKeys(ev), target: item.external ? "_blank" : "_self" }, item.icon && (h("div", { class: "duet-header-icon" }, h("duet-icon", { margin: "none", size: "x-small", name: item.icon, color: "currentColor" }))), h("span", null, item.label), item.badge && h("div", { class: "duet-header-badge" }))))))), h("nav", { class: "duet-header-multi-level-desktop-nav" }, activeSegment.items &&
575
581
  activeSegment.items
576
582
  .filter(secondLevelItem => secondLevelItem.items && secondLevelItem.items.length > 0)
577
583
  .map((secondLevelItem, secondLevelItemIndex) => {
@@ -632,7 +638,7 @@ const DuetHeader = class {
632
638
  secondLevelItem.items.map(thirdLevelItem => (h("a", { class: {
633
639
  "duet-header-item": true,
634
640
  active: thirdLevelItem.active === true,
635
- }, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, item), onKeyDown: ev => this.handleArrowKeys(ev), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (h("div", { class: "duet-header-icon" }, h("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), h("span", null, thirdLevelItem.label), thirdLevelItem.badge && h("div", { class: "duet-header-badge" })))))));
641
+ }, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, thirdLevelItem), onKeyDown: ev => this.handleArrowKeys(ev), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (h("div", { class: "duet-header-icon" }, h("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), h("span", null, thirdLevelItem.label), thirdLevelItem.badge && h("div", { class: "duet-header-badge" })))))));
636
642
  }))))), h("div", { class: "duet-header-bottom-utils" }, h("slot", { name: "utility" })), h("div", { class: "duet-header-utils" }, !itemsHaveSubItems && contactDropdown, languageDropdown, !itemsHaveSubItems && (h(Fragment, null, processedUserWithLink, processedUserWithoutLink)), processedSearch, processedSession))))));
637
643
  }
638
644
  get element() { return getElement(this); }
package/lib/esm/duet-hero.entry.js CHANGED
@@ -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-54e0bce3.js';
4
+ import { r as registerInstance, c as createEvent, h, g as getElement } from './index-7dc1fa94.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 { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
package/lib/esm/duet-icon.entry.js CHANGED
@@ -1,10 +1,10 @@
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-54e0bce3.js';
4
+ import { E as Env, r as registerInstance, h, H as Host, g as getElement } from './index-7dc1fa94.js';
5
5
  import { i as inheritGlobalTheme } from './themeable-component-e8fc98bf.js';
6
- import { g as getColorByName } from './token-utils-e9a69acf.js';
7
- import './tokens.module-49cbf963.js';
6
+ import { g as getColorByName } from './token-utils-f3b5f7a8.js';
7
+ import './tokens.module-f4572ed7.js';
8
8
 
9
9
  const cleanupSvg = (svgContent) => {
10
10
  if (typeof document === "undefined" || !svgContent) {