@scania/tegel 1.38.0 → 1.40.0-remove-table-footer-inner-state-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (446) hide show
  1. package/dist/cjs/getAriaInvalid-66a2eade.js +25 -0
  2. package/dist/cjs/index-ca8040ad.js +6 -10
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/tds-accordion-item.cjs.entry.js +1 -1
  5. package/dist/cjs/tds-body-cell.cjs.entry.js +2 -2
  6. package/dist/cjs/tds-button_2.cjs.entry.js +92 -0
  7. package/dist/cjs/tds-card.cjs.entry.js +10 -3
  8. package/dist/cjs/tds-chip.cjs.entry.js +1 -1
  9. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +4 -4
  10. package/dist/cjs/tds-datetime.cjs.entry.js +2 -2
  11. package/dist/cjs/tds-dropdown_2.cjs.entry.js +56 -23
  12. package/dist/cjs/tds-folder-tab.cjs.entry.js +2 -2
  13. package/dist/cjs/tds-folder-tabs.cjs.entry.js +2 -2
  14. package/dist/cjs/tds-footer-group.cjs.entry.js +4 -4
  15. package/dist/cjs/tds-footer-item.cjs.entry.js +2 -2
  16. package/dist/cjs/tds-footer.cjs.entry.js +2 -2
  17. package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
  18. package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
  19. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +3 -3
  20. package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
  21. package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +1 -1
  22. package/dist/cjs/tds-header-dropdown.cjs.entry.js +4 -4
  23. package/dist/cjs/tds-header-hamburger.cjs.entry.js +1 -1
  24. package/dist/cjs/tds-header-launcher-button.cjs.entry.js +1 -1
  25. package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
  26. package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
  27. package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
  28. package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +1 -1
  29. package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
  30. package/dist/cjs/tds-header-launcher-list.cjs.entry.js +1 -1
  31. package/dist/cjs/tds-header-launcher.cjs.entry.js +2 -2
  32. package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
  33. package/dist/cjs/tds-header.cjs.entry.js +1 -1
  34. package/dist/cjs/tds-icon.cjs.entry.js +1 -1
  35. package/dist/cjs/tds-inline-tab.cjs.entry.js +3 -3
  36. package/dist/cjs/tds-inline-tabs.cjs.entry.js +3 -3
  37. package/dist/cjs/tds-link.cjs.entry.js +3 -3
  38. package/dist/cjs/tds-message.cjs.entry.js +3 -3
  39. package/dist/cjs/tds-modal.cjs.entry.js +2 -2
  40. package/dist/cjs/tds-navigation-tab.cjs.entry.js +3 -3
  41. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +4 -4
  42. package/dist/cjs/tds-popover-canvas.cjs.entry.js +6 -3
  43. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  44. package/dist/cjs/tds-popover-menu-item.cjs.entry.js +2 -2
  45. package/dist/cjs/tds-popover-menu.cjs.entry.js +3 -3
  46. package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
  47. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
  48. package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +4 -6
  49. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +3 -3
  50. package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +2 -2
  51. package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +3 -3
  52. package/dist/cjs/tds-side-menu-item.cjs.entry.js +3 -3
  53. package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
  54. package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +2 -2
  55. package/dist/cjs/tds-side-menu-user.cjs.entry.js +1 -1
  56. package/dist/cjs/tds-slider.cjs.entry.js +39 -10
  57. package/dist/cjs/tds-spinner.cjs.entry.js +1 -1
  58. package/dist/cjs/tds-step.cjs.entry.js +1 -1
  59. package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +1 -1
  60. package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +7 -7
  61. package/dist/cjs/tds-table-body-row.cjs.entry.js +2 -2
  62. package/dist/cjs/tds-table-body.cjs.entry.js +2 -2
  63. package/dist/cjs/tds-table-footer.cjs.entry.js +14 -19
  64. package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +1 -1
  65. package/dist/cjs/tds-table-header.cjs.entry.js +2 -2
  66. package/dist/cjs/tds-table-toolbar.cjs.entry.js +2 -2
  67. package/dist/cjs/tds-tag.cjs.entry.js +1 -1
  68. package/dist/cjs/tds-text-field.cjs.entry.js +8 -5
  69. package/dist/cjs/tds-textarea.cjs.entry.js +5 -3
  70. package/dist/cjs/tds-toast.cjs.entry.js +4 -4
  71. package/dist/cjs/tds-toggle.cjs.entry.js +3 -3
  72. package/dist/cjs/tds-tooltip.cjs.entry.js +2 -2
  73. package/dist/cjs/tegel.cjs.js +1 -1
  74. package/dist/collection/components/accordion/accordion-item/accordion-item.css +9 -30
  75. package/dist/collection/components/button/button.css +14 -14
  76. package/dist/collection/components/card/card.css +12 -0
  77. package/dist/collection/components/card/card.js +45 -2
  78. package/dist/collection/components/chip/chip.css +23 -15
  79. package/dist/collection/components/datetime/datetime.css +21 -96
  80. package/dist/collection/components/datetime/datetime.js +1 -1
  81. package/dist/collection/components/divider/divider.js +1 -1
  82. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.css +1 -1
  83. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +13 -3
  84. package/dist/collection/components/dropdown/dropdown.js +56 -20
  85. package/dist/collection/components/footer/footer-group/footer-group.css +1 -4
  86. package/dist/collection/components/footer/footer-group/footer-group.js +3 -3
  87. package/dist/collection/components/footer/footer-item/footer-item.css +3 -3
  88. package/dist/collection/components/footer/footer-item/footer-item.js +1 -1
  89. package/dist/collection/components/footer/footer.js +2 -2
  90. package/dist/collection/components/header/core-header-item/core-header-item.js +1 -1
  91. package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +1 -1
  92. package/dist/collection/components/header/header-dropdown/header-dropdown.css +5 -0
  93. package/dist/collection/components/header/header-dropdown/header-dropdown.js +3 -3
  94. package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +1 -1
  95. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.css +5 -3
  96. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +2 -2
  97. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +1 -1
  98. package/dist/collection/components/header/header-hamburger/header-hamburger.js +1 -1
  99. package/dist/collection/components/header/header-item/header-item.css +15 -8
  100. package/dist/collection/components/header/header-item/header-item.js +2 -2
  101. package/dist/collection/components/header/header-launcher/header-launcher.js +2 -2
  102. package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +1 -1
  103. package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +1 -1
  104. package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.js +1 -1
  105. package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +1 -1
  106. package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +1 -1
  107. package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js +1 -1
  108. package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +1 -1
  109. package/dist/collection/components/header/header-title/header-title.js +1 -1
  110. package/dist/collection/components/header/header.js +1 -1
  111. package/dist/collection/components/icon/icon.js +1 -1
  112. package/dist/collection/components/link/link.css +13 -15
  113. package/dist/collection/components/link/link.js +2 -2
  114. package/dist/collection/components/message/message.css +9 -9
  115. package/dist/collection/components/message/message.js +2 -2
  116. package/dist/collection/components/modal/modal.js +2 -2
  117. package/dist/collection/components/popover-canvas/popover-canvas.css +1 -1
  118. package/dist/collection/components/popover-canvas/popover-canvas.js +26 -10
  119. package/dist/collection/components/popover-core/popover-core.js +1 -1
  120. package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +2 -2
  121. package/dist/collection/components/popover-menu/popover-menu.js +3 -3
  122. package/dist/collection/components/radio-button/radio-button.js +1 -1
  123. package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +1 -1
  124. package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +4 -6
  125. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +3 -3
  126. package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +2 -2
  127. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.css +84 -5
  128. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +2 -2
  129. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +82 -5
  130. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +2 -2
  131. package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js +1 -1
  132. package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +1 -1
  133. package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +1 -1
  134. package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +1 -1
  135. package/dist/collection/components/slider/slider.css +24 -28
  136. package/dist/collection/components/slider/slider.js +38 -9
  137. package/dist/collection/components/spinner/spinner.js +1 -1
  138. package/dist/collection/components/stepper/step/step.js +1 -1
  139. package/dist/collection/components/table/table-body/table-body.js +2 -2
  140. package/dist/collection/components/table/table-body-cell/table-body-cell.js +2 -2
  141. package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +1 -1
  142. package/dist/collection/components/table/table-body-row/table-body-row.js +2 -2
  143. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +7 -7
  144. package/dist/collection/components/table/table-footer/table-footer.js +15 -21
  145. package/dist/collection/components/table/table-header/table-header.js +2 -2
  146. package/dist/collection/components/table/table-header-cell/table-header-cell.js +1 -1
  147. package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +1 -1
  148. package/dist/collection/components/table/table-toolbar/table-toolbar.js +2 -2
  149. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +2 -2
  150. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +2 -2
  151. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.css +11 -12
  152. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +2 -2
  153. package/dist/collection/components/tabs/inline-tabs/inline-tabs.css +9 -2
  154. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +2 -2
  155. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.css +1 -1
  156. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +2 -2
  157. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -4
  158. package/dist/collection/components/tag/tag.js +1 -1
  159. package/dist/collection/components/text-field/text-field.js +46 -7
  160. package/dist/collection/components/textarea/textarea.js +5 -3
  161. package/dist/collection/components/toast/toast.css +7 -7
  162. package/dist/collection/components/toast/toast.js +3 -3
  163. package/dist/collection/components/toggle/toggle.js +3 -3
  164. package/dist/collection/components/tooltip/tooltip.js +2 -2
  165. package/dist/collection/utils/getAriaInvalid.js +21 -0
  166. package/dist/components/{p-40253725.js → p-04a014cf.js} +3 -3
  167. package/dist/components/{p-ea381f94.js → p-1dafdc8c.js} +3 -3
  168. package/dist/components/{p-94bfc9f4.js → p-2a2d66fe.js} +45 -21
  169. package/dist/components/{p-d3866be7.js → p-3308d5fa.js} +1 -1
  170. package/dist/components/{p-6eecf159.js → p-381677ec.js} +1 -1
  171. package/dist/components/p-3a7e4d0d.js +192 -0
  172. package/dist/components/{p-927cf777.js → p-3f2187a4.js} +1 -1
  173. package/dist/components/{p-df84759a.js → p-63552d0e.js} +8 -4
  174. package/dist/components/{p-d64878cb.js → p-6ef207b2.js} +15 -5
  175. package/dist/components/{p-6adb1ce3.js → p-7c3348eb.js} +4 -4
  176. package/dist/components/{p-d0cf68be.js → p-9336db16.js} +1 -1
  177. package/dist/components/p-bbf9492a.js +23 -0
  178. package/dist/components/{p-b609e7a7.js → p-bff614d5.js} +1 -1
  179. package/dist/components/p-c62b61fe.js +91 -0
  180. package/dist/components/{p-63437b77.js → p-d10d21bd.js} +4 -4
  181. package/dist/components/{p-71c3dfe9.js → p-de86852a.js} +3 -3
  182. package/dist/components/{p-9ad61cb5.js → p-e1622f4a.js} +1 -1
  183. package/dist/components/{p-b390ece5.js → p-f7d94947.js} +1 -1
  184. package/dist/components/tds-accordion-item.js +2 -2
  185. package/dist/components/tds-banner.js +1 -1
  186. package/dist/components/tds-body-cell.js +2 -2
  187. package/dist/components/tds-button.js +1 -89
  188. package/dist/components/tds-card.js +27 -6
  189. package/dist/components/tds-chip.js +1 -1
  190. package/dist/components/tds-core-header-item.js +1 -1
  191. package/dist/components/tds-datetime.js +3 -3
  192. package/dist/components/tds-divider.js +1 -1
  193. package/dist/components/tds-dropdown-option.js +1 -1
  194. package/dist/components/tds-dropdown.js +1 -1
  195. package/dist/components/tds-folder-tab.js +2 -2
  196. package/dist/components/tds-folder-tabs.js +3 -3
  197. package/dist/components/tds-footer-group.js +5 -5
  198. package/dist/components/tds-footer-item.js +2 -2
  199. package/dist/components/tds-footer.js +2 -2
  200. package/dist/components/tds-header-brand-symbol.js +3 -3
  201. package/dist/components/tds-header-cell.js +2 -2
  202. package/dist/components/tds-header-dropdown-list-item.js +1 -1
  203. package/dist/components/tds-header-dropdown-list-user.js +1 -1
  204. package/dist/components/tds-header-dropdown-list.js +1 -1
  205. package/dist/components/tds-header-dropdown.js +9 -9
  206. package/dist/components/tds-header-hamburger.js +4 -4
  207. package/dist/components/tds-header-item.js +1 -1
  208. package/dist/components/tds-header-launcher-button.js +1 -1
  209. package/dist/components/tds-header-launcher-grid-item.js +1 -1
  210. package/dist/components/tds-header-launcher-grid-title.js +1 -1
  211. package/dist/components/tds-header-launcher-grid.js +1 -1
  212. package/dist/components/tds-header-launcher-list-item.js +2 -2
  213. package/dist/components/tds-header-launcher-list-title.js +1 -1
  214. package/dist/components/tds-header-launcher-list.js +2 -2
  215. package/dist/components/tds-header-launcher.js +8 -8
  216. package/dist/components/tds-header-title.js +1 -1
  217. package/dist/components/tds-header.js +1 -1
  218. package/dist/components/tds-icon.js +1 -1
  219. package/dist/components/tds-inline-tab.js +3 -3
  220. package/dist/components/tds-inline-tabs.js +4 -4
  221. package/dist/components/tds-link.js +3 -3
  222. package/dist/components/tds-message.js +4 -4
  223. package/dist/components/tds-modal.js +3 -3
  224. package/dist/components/tds-navigation-tab.js +3 -3
  225. package/dist/components/tds-navigation-tabs.js +5 -5
  226. package/dist/components/tds-popover-canvas.js +1 -1
  227. package/dist/components/tds-popover-core.js +1 -1
  228. package/dist/components/tds-popover-menu-item.js +2 -2
  229. package/dist/components/tds-popover-menu.js +4 -4
  230. package/dist/components/tds-radio-button.js +1 -1
  231. package/dist/components/tds-side-menu-close-button.js +2 -2
  232. package/dist/components/tds-side-menu-collapse-button.js +5 -7
  233. package/dist/components/tds-side-menu-dropdown-list-item.js +3 -3
  234. package/dist/components/tds-side-menu-dropdown-list.js +2 -2
  235. package/dist/components/tds-side-menu-dropdown.js +5 -5
  236. package/dist/components/tds-side-menu-item.js +1 -1
  237. package/dist/components/tds-side-menu-overlay.js +1 -1
  238. package/dist/components/tds-side-menu-user-image.js +1 -1
  239. package/dist/components/tds-side-menu-user-label.js +1 -1
  240. package/dist/components/tds-side-menu-user.js +3 -3
  241. package/dist/components/tds-slider.js +59 -12
  242. package/dist/components/tds-spinner.js +1 -1
  243. package/dist/components/tds-step.js +2 -2
  244. package/dist/components/tds-table-body-input-wrapper.js +2 -2
  245. package/dist/components/tds-table-body-row-expandable.js +7 -7
  246. package/dist/components/tds-table-body-row.js +2 -2
  247. package/dist/components/tds-table-body.js +2 -2
  248. package/dist/components/tds-table-footer.js +18 -24
  249. package/dist/components/tds-table-header-input-wrapper.js +2 -2
  250. package/dist/components/tds-table-header.js +2 -2
  251. package/dist/components/tds-table-toolbar.js +3 -3
  252. package/dist/components/tds-tag.js +1 -1
  253. package/dist/components/tds-text-field.js +1 -185
  254. package/dist/components/tds-textarea.js +8 -6
  255. package/dist/components/tds-toast.js +5 -5
  256. package/dist/components/tds-toggle.js +3 -3
  257. package/dist/components/tds-tooltip.js +1 -1
  258. package/dist/esm/getAriaInvalid-a9944cb9.js +23 -0
  259. package/dist/esm/index-51d04e39.js +6 -10
  260. package/dist/esm/loader.js +1 -1
  261. package/dist/esm/tds-accordion-item.entry.js +1 -1
  262. package/dist/esm/tds-body-cell.entry.js +2 -2
  263. package/dist/esm/tds-button_2.entry.js +87 -0
  264. package/dist/esm/tds-card.entry.js +10 -3
  265. package/dist/esm/tds-chip.entry.js +1 -1
  266. package/dist/esm/tds-core-header-item_2.entry.js +4 -4
  267. package/dist/esm/tds-datetime.entry.js +2 -2
  268. package/dist/esm/tds-dropdown_2.entry.js +56 -23
  269. package/dist/esm/tds-folder-tab.entry.js +2 -2
  270. package/dist/esm/tds-folder-tabs.entry.js +2 -2
  271. package/dist/esm/tds-footer-group.entry.js +4 -4
  272. package/dist/esm/tds-footer-item.entry.js +2 -2
  273. package/dist/esm/tds-footer.entry.js +2 -2
  274. package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
  275. package/dist/esm/tds-header-cell.entry.js +1 -1
  276. package/dist/esm/tds-header-dropdown-list-item.entry.js +3 -3
  277. package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
  278. package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
  279. package/dist/esm/tds-header-dropdown.entry.js +4 -4
  280. package/dist/esm/tds-header-hamburger.entry.js +1 -1
  281. package/dist/esm/tds-header-launcher-button.entry.js +1 -1
  282. package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
  283. package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
  284. package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
  285. package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
  286. package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
  287. package/dist/esm/tds-header-launcher-list.entry.js +1 -1
  288. package/dist/esm/tds-header-launcher.entry.js +2 -2
  289. package/dist/esm/tds-header-title.entry.js +1 -1
  290. package/dist/esm/tds-header.entry.js +1 -1
  291. package/dist/esm/tds-icon.entry.js +1 -1
  292. package/dist/esm/tds-inline-tab.entry.js +3 -3
  293. package/dist/esm/tds-inline-tabs.entry.js +3 -3
  294. package/dist/esm/tds-link.entry.js +3 -3
  295. package/dist/esm/tds-message.entry.js +3 -3
  296. package/dist/esm/tds-modal.entry.js +2 -2
  297. package/dist/esm/tds-navigation-tab.entry.js +3 -3
  298. package/dist/esm/tds-navigation-tabs.entry.js +4 -4
  299. package/dist/esm/tds-popover-canvas.entry.js +6 -3
  300. package/dist/esm/tds-popover-core.entry.js +1 -1
  301. package/dist/esm/tds-popover-menu-item.entry.js +2 -2
  302. package/dist/esm/tds-popover-menu.entry.js +3 -3
  303. package/dist/esm/tds-radio-button.entry.js +1 -1
  304. package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
  305. package/dist/esm/tds-side-menu-collapse-button.entry.js +4 -6
  306. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +3 -3
  307. package/dist/esm/tds-side-menu-dropdown-list.entry.js +2 -2
  308. package/dist/esm/tds-side-menu-dropdown.entry.js +3 -3
  309. package/dist/esm/tds-side-menu-item.entry.js +3 -3
  310. package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
  311. package/dist/esm/tds-side-menu-user-image_2.entry.js +2 -2
  312. package/dist/esm/tds-side-menu-user.entry.js +1 -1
  313. package/dist/esm/tds-slider.entry.js +39 -10
  314. package/dist/esm/tds-spinner.entry.js +1 -1
  315. package/dist/esm/tds-step.entry.js +1 -1
  316. package/dist/esm/tds-table-body-input-wrapper.entry.js +1 -1
  317. package/dist/esm/tds-table-body-row-expandable.entry.js +7 -7
  318. package/dist/esm/tds-table-body-row.entry.js +2 -2
  319. package/dist/esm/tds-table-body.entry.js +2 -2
  320. package/dist/esm/tds-table-footer.entry.js +14 -19
  321. package/dist/esm/tds-table-header-input-wrapper.entry.js +1 -1
  322. package/dist/esm/tds-table-header.entry.js +2 -2
  323. package/dist/esm/tds-table-toolbar.entry.js +2 -2
  324. package/dist/esm/tds-tag.entry.js +1 -1
  325. package/dist/esm/tds-text-field.entry.js +8 -5
  326. package/dist/esm/tds-textarea.entry.js +6 -4
  327. package/dist/esm/tds-toast.entry.js +4 -4
  328. package/dist/esm/tds-toggle.entry.js +3 -3
  329. package/dist/esm/tds-tooltip.entry.js +2 -2
  330. package/dist/esm/tegel.js +1 -1
  331. package/dist/tegel/{p-aec3e4cf.entry.js → p-08ad6a21.entry.js} +1 -1
  332. package/dist/tegel/{p-3022d31d.entry.js → p-09cd056c.entry.js} +1 -1
  333. package/dist/tegel/p-0c9a51d9.entry.js +1 -0
  334. package/dist/tegel/p-0e772ad7.entry.js +1 -0
  335. package/dist/tegel/{p-5dd2aac8.entry.js → p-133351b5.entry.js} +1 -1
  336. package/dist/tegel/{p-d184a3f0.entry.js → p-17bc1e49.entry.js} +1 -1
  337. package/dist/tegel/p-1859156f.entry.js +1 -0
  338. package/dist/tegel/{p-9b0c886e.entry.js → p-1f4267a8.entry.js} +1 -1
  339. package/dist/tegel/{p-61a1dc59.entry.js → p-24a76927.entry.js} +1 -1
  340. package/dist/tegel/{p-6e57997e.entry.js → p-2766b46f.entry.js} +1 -1
  341. package/dist/tegel/p-28f85555.entry.js +1 -0
  342. package/dist/tegel/{p-bcdf13e0.entry.js → p-2faeb483.entry.js} +1 -1
  343. package/dist/tegel/p-304f5a5c.entry.js +1 -0
  344. package/dist/tegel/{p-a829417c.entry.js → p-354d3986.entry.js} +1 -1
  345. package/dist/tegel/p-3c348fcb.entry.js +1 -0
  346. package/dist/tegel/{p-f2232281.entry.js → p-3c97cb45.entry.js} +1 -1
  347. package/dist/tegel/{p-23fb4dee.entry.js → p-3e6d65ee.entry.js} +1 -1
  348. package/dist/tegel/p-445fa788.entry.js +1 -0
  349. package/dist/tegel/p-45859519.entry.js +1 -0
  350. package/dist/tegel/{p-c15eba7d.entry.js → p-464469fe.entry.js} +1 -1
  351. package/dist/tegel/p-4b5e15cc.entry.js +1 -0
  352. package/dist/tegel/p-4de2807c.entry.js +1 -0
  353. package/dist/tegel/p-51a17707.entry.js +1 -0
  354. package/dist/tegel/{p-a6238890.entry.js → p-52689019.entry.js} +1 -1
  355. package/dist/tegel/p-55f9c79a.entry.js +1 -0
  356. package/dist/tegel/{p-0cac9ea6.entry.js → p-57a28f62.entry.js} +1 -1
  357. package/dist/tegel/p-5c8fd75e.entry.js +1 -0
  358. package/dist/tegel/{p-1bbef1a5.entry.js → p-646d1df4.entry.js} +1 -1
  359. package/dist/tegel/p-655051b6.entry.js +1 -0
  360. package/dist/tegel/{p-7013249b.entry.js → p-6b340718.entry.js} +1 -1
  361. package/dist/tegel/p-743d4f07.entry.js +1 -0
  362. package/dist/tegel/p-771f53c2.entry.js +1 -0
  363. package/dist/tegel/p-77cfb0ef.entry.js +1 -0
  364. package/dist/tegel/p-7887bdbb.entry.js +1 -0
  365. package/dist/tegel/{p-86e99fdb.entry.js → p-7b598e60.entry.js} +1 -1
  366. package/dist/tegel/{p-a66a4a4e.entry.js → p-7ef50e7f.entry.js} +1 -1
  367. package/dist/tegel/p-88bb1059.entry.js +1 -0
  368. package/dist/tegel/{p-debd6adc.entry.js → p-8a4837ae.entry.js} +1 -1
  369. package/dist/tegel/{p-bb1d069f.entry.js → p-987f8f0f.entry.js} +1 -1
  370. package/dist/tegel/{p-bd935506.entry.js → p-9f187848.entry.js} +1 -1
  371. package/dist/tegel/{p-614bcd4b.entry.js → p-9fdc8fa5.entry.js} +1 -1
  372. package/dist/tegel/{p-c7b0253c.entry.js → p-a090bd2f.entry.js} +1 -1
  373. package/dist/tegel/p-a4cbb541.entry.js +1 -0
  374. package/dist/tegel/{p-25f4b4ca.entry.js → p-a56436c8.entry.js} +1 -1
  375. package/dist/tegel/{p-9b2257f3.entry.js → p-a8abc8d9.entry.js} +1 -1
  376. package/dist/tegel/p-ab00e6e4.entry.js +1 -0
  377. package/dist/tegel/p-b210d23c.entry.js +1 -0
  378. package/dist/tegel/{p-704682d6.entry.js → p-b7abb81f.entry.js} +1 -1
  379. package/dist/tegel/p-bbf9492a.js +1 -0
  380. package/dist/tegel/{p-7cb9790d.entry.js → p-c0cbc9f5.entry.js} +1 -1
  381. package/dist/tegel/p-c163d44f.entry.js +1 -0
  382. package/dist/tegel/{p-9099d978.entry.js → p-c23a3f12.entry.js} +1 -1
  383. package/dist/tegel/{p-db38b4f2.entry.js → p-c2e514b4.entry.js} +1 -1
  384. package/dist/tegel/{p-eff87481.entry.js → p-c6968db1.entry.js} +1 -1
  385. package/dist/tegel/p-ca16f1ed.entry.js +1 -0
  386. package/dist/tegel/p-ca32a270.entry.js +1 -0
  387. package/dist/tegel/p-cc962b6c.entry.js +1 -0
  388. package/dist/tegel/{p-525c81b1.entry.js → p-ceed0476.entry.js} +1 -1
  389. package/dist/tegel/p-cf717912.entry.js +1 -0
  390. package/dist/tegel/{p-bdc913a0.entry.js → p-cfd7ed1a.entry.js} +1 -1
  391. package/dist/tegel/{p-d0f09796.entry.js → p-d1d45942.entry.js} +1 -1
  392. package/dist/tegel/{p-f4b5e80b.entry.js → p-d7cdbc4e.entry.js} +1 -1
  393. package/dist/tegel/{p-6a615ac1.entry.js → p-e5b796e7.entry.js} +1 -1
  394. package/dist/tegel/{p-b2b9561f.entry.js → p-e6e9d11f.entry.js} +1 -1
  395. package/dist/tegel/p-e8b58680.entry.js +1 -0
  396. package/dist/tegel/{p-fbffe3aa.entry.js → p-f2318c88.entry.js} +1 -1
  397. package/dist/tegel/{p-3ec01fb3.entry.js → p-f31f56fe.entry.js} +1 -1
  398. package/dist/tegel/{p-84de314b.entry.js → p-f3c32d4d.entry.js} +1 -1
  399. package/dist/tegel/p-f8a37d39.entry.js +1 -0
  400. package/dist/tegel/{p-3a92d554.entry.js → p-fd15ced7.entry.js} +1 -1
  401. package/dist/tegel/tegel.css +4 -4
  402. package/dist/tegel/tegel.esm.js +1 -1
  403. package/dist/types/components/card/card.d.ts +10 -0
  404. package/dist/types/components/dropdown/dropdown.d.ts +4 -0
  405. package/dist/types/components/popover-canvas/popover-canvas.d.ts +3 -1
  406. package/dist/types/components/slider/slider.d.ts +2 -0
  407. package/dist/types/components/table/table-footer/table-footer.d.ts +0 -1
  408. package/dist/types/components/text-field/text-field.d.ts +5 -1
  409. package/dist/types/components/textarea/textarea.d.ts +1 -0
  410. package/dist/types/components.d.ts +44 -4
  411. package/dist/types/utils/getAriaInvalid.d.ts +14 -0
  412. package/package.json +4 -2
  413. package/dist/cjs/tds-button.cjs.entry.js +0 -67
  414. package/dist/cjs/tds-divider.cjs.entry.js +0 -31
  415. package/dist/esm/tds-button.entry.js +0 -63
  416. package/dist/esm/tds-divider.entry.js +0 -27
  417. package/dist/tegel/p-06d3490c.entry.js +0 -1
  418. package/dist/tegel/p-1c75f8a7.entry.js +0 -1
  419. package/dist/tegel/p-22b6223e.entry.js +0 -1
  420. package/dist/tegel/p-25d026a6.entry.js +0 -1
  421. package/dist/tegel/p-27c2f109.entry.js +0 -1
  422. package/dist/tegel/p-303acf88.entry.js +0 -1
  423. package/dist/tegel/p-397c8969.entry.js +0 -1
  424. package/dist/tegel/p-3ebe93ff.entry.js +0 -1
  425. package/dist/tegel/p-462a6049.entry.js +0 -1
  426. package/dist/tegel/p-46c9af0f.entry.js +0 -1
  427. package/dist/tegel/p-49364819.entry.js +0 -1
  428. package/dist/tegel/p-4a77edf1.entry.js +0 -1
  429. package/dist/tegel/p-5734c6ef.entry.js +0 -1
  430. package/dist/tegel/p-5bca9fe7.entry.js +0 -1
  431. package/dist/tegel/p-5c077bb9.entry.js +0 -1
  432. package/dist/tegel/p-601a74ad.entry.js +0 -1
  433. package/dist/tegel/p-7caad569.entry.js +0 -1
  434. package/dist/tegel/p-7d427dff.entry.js +0 -1
  435. package/dist/tegel/p-8ae4e03c.entry.js +0 -1
  436. package/dist/tegel/p-a0591e58.entry.js +0 -1
  437. package/dist/tegel/p-a74cb560.entry.js +0 -1
  438. package/dist/tegel/p-a98767ea.entry.js +0 -1
  439. package/dist/tegel/p-abad3489.entry.js +0 -1
  440. package/dist/tegel/p-ae438c2e.entry.js +0 -1
  441. package/dist/tegel/p-b20f250b.entry.js +0 -1
  442. package/dist/tegel/p-b994e7ac.entry.js +0 -1
  443. package/dist/tegel/p-bb9445ff.entry.js +0 -1
  444. package/dist/tegel/p-cd5103e3.entry.js +0 -1
  445. package/dist/tegel/p-cf7af8f2.entry.js +0 -1
  446. package/dist/tegel/p-f9c17612.entry.js +0 -1
package/dist/esm/tds-accordion-item.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-51d04e39.js';
2
2
  import { g as generateUniqueId } from './generateUniqueId-7934d315.js';
3
3
 
4
- const accordionItemCss = ".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon>tds-icon{display:block}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none;font:var(--tds-detail-03);letter-spacing:var(--tds-detail-03-ls)}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--tds-accordion-color-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--tds-accordion-color-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:first-child{margin-bottom:-1px;border-bottom:1px solid var(--tds-accordion-border)}.tds-accordion-item:has(.tds-accordion-header-icon-start:focus-visible),.tds-accordion-item:has(.tds-accordion-header-icon-end:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;background-color:var(--tds-accordion-background-focus)}.tds-accordion-item[disabled=true]:focus-visible{border-color:var(--tds-accordion-border)}:host(:hover) .tds-accordion-header-icon-start,:host(:hover) .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-hover)}.tds-accordion-item:has(:hover){background-color:var(--tds-accordion-background-hover)}.tds-accordion-item:has(.tds-accordion-header-icon-start:active),.tds-accordion-item:has(.tds-accordion-header-icon-end:active){background-color:var(--tds-accordion-background-active)}:host(:hover) .tds-accordion-item:has(.tds-accordion-header-icon-start:active) .tds-accordion-header-icon-start,:host(:hover) .tds-accordion-item:has(.tds-accordion-header-icon-end:active) .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-active)}.tds-accordion-header-icon-start:active,.tds-accordion-header-icon-end:active{outline:none}";
4
+ const accordionItemCss = ".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item:hover{background-color:var(--tds-accordion-background-hover);border-bottom:1px solid var(--tds-accordion-border-hover);border-top:1px solid var(--tds-accordion-border-hover);margin-bottom:-1px;z-index:1}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon>tds-icon{display:block}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none;font:var(--tds-detail-03);letter-spacing:var(--tds-detail-03-ls)}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--tds-accordion-color-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--tds-accordion-color-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:has(:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;z-index:2}.tds-accordion-item[disabled=true]:focus-visible{border-color:var(--tds-accordion-border)}";
5
5
  const TdsAccordionItemStyle0 = accordionItemCss;
6
6
 
7
7
  const TdsAccordionItem = class {
package/dist/esm/tds-body-cell.entry.js CHANGED
@@ -85,13 +85,13 @@ const TdsTableBodyCell = class {
85
85
  // Conditionally set padding style
86
86
  padding: paddingStyle,
87
87
  };
88
- return (h(Host, { key: '726912df89435650c3ad1f39729fdff7d2a497e3', class: {
88
+ return (h(Host, { key: 'cfabd07f5fb68862ec1afe31679d492593e5a579', class: {
89
89
  'tds-table__body-cell': true,
90
90
  'tds-table__body-cell--hover': this.activeSorting,
91
91
  'tds-table__compact': this.compactDesign,
92
92
  'tds-table--divider': this.verticalDividers,
93
93
  'tds-table--no-min-width': this.noMinWidth,
94
- }, style: dynamicStyles, role: "cell" }, this.cellValue, h("slot", { key: 'ff6fb6613f29e94552916cfa75932b670e22ea80' })));
94
+ }, style: dynamicStyles, role: "cell" }, this.cellValue, h("slot", { key: 'cb0466abad9e73f9daed8483304246deb79d37e8' })));
95
95
  }
96
96
  get host() { return getElement(this); }
97
97
  };
package/dist/esm/tds-button_2.entry.js ADDED
@@ -0,0 +1,87 @@
1
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-51d04e39.js';
2
+ import { h as hasSlot } from './hasSlot-d52114d0.js';
3
+
4
+ const buttonCss = ".sc-tds-button:root,.tds-mode-light.sc-tds-button{--tds-btn-primary-background:var(--background-clickable-primary-primary);--tds-btn-primary-background-hover:var(--background-clickable-primary-primary-hover);--tds-btn-primary-background-active:var(--background-clickable-primary-pressed);--tds-btn-primary-background-focus:var(--background-clickable-primary-focus);--tds-btn-primary-background-disabled-primary:var(--background-clickable-primary-disabled);--tds-btn-primary-background-disabled-secondary:var(--tds-white);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color:var(--tds-white);--tds-btn-primary-color-hover:var(--tds-white);--tds-btn-primary-color-active:var(--tds-white);--tds-btn-primary-color-focus:var(--tds-white);--tds-btn-primary-color-disabled:var(--tds-grey-250);--tds-btn-primary-border-color:transparent;--tds-btn-primary-border-color-hover:transparent;--tds-btn-primary-border-color-active:var(--tds-blue-700);--tds-btn-primary-border-color-focus:var(--tds-blue-700);--tds-btn-primary-outline-color-focus:var(--tds-blue-400);--tds-btn-primary-border-color-disabled:transparent;--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-black);--tds-btn-secondary-border-color:var(--tds-grey-350);--tds-btn-secondary-background-hover:var(--tds-blue-700);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-black);--tds-btn-secondary-border-color-active:var(--tds-grey-650);--tds-btn-secondary-background-focus:var(--tds-blue-700);--tds-btn-secondary-color-focus:var(--tds-white);--tds-btn-secondary-border-color-focus:var(--tds-white);--tds-btn-secondary-outline-color:var(--tds-grey-350);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:var(--tds-grey-250);--tds-btn-secondary-border-color-disabled:var(--tds-grey-250);--tds-btn-icon-secondary-color-focus:var(--tds-black);--tds-btn-icon-secondary-fill-focus:var(--tds-black);--tds-btn-icon-secondary-fill-active:var(--tds-grey-950);--tds-btn-icon-secondary-fill:var(--tds-grey-950);--tds-btn-icon-secondary-color:var(--tds-grey-950);--tds-btn-icon-secondary-fill-hover:var(--tds-grey-50);--tds-btn-icon-secondary-color-hover:var(--tds-grey-50);--tds-btn-icon-secondary-color-active:var(--tds-grey-950);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-grey-950);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-grey-950);--tds-btn-ghost-border-color-hover:var(--tds-grey-350);--tds-btn-ghost-outline-color-hover:var(--tds-grey-350);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-grey-950);--tds-btn-ghost-border-color-active:var(--tds-grey-650);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-grey-950);--tds-btn-ghost-border-color-focus:var(--tds-grey-350);--tds-btn-ghost-outline-color-focus:var(--tds-blue-400);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:var(--tds-grey-250);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-950);--tds-btn-icon-ghost-color:var(--tds-grey-950);--tds-btn-danger-background:var(--scania-extended-red-400);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--scania-extended-red-500);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--scania-extended-red-600);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:var(--tds-red-700);--tds-btn-danger-background-focus:var(--scania-extended-red-500);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-500);--tds-btn-danger-outline-color-focus:var(--tds-blue-400);--tds-btn-danger-background-disabled-primary:var(--tds-grey-50);--tds-btn-danger-background-disabled-secondary:var(--tds-white);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:var(--tds-grey-250);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-grey-50);--tds-btn-icon-danger-color:var(--tds-grey-50)}.sc-tds-button:root .tds-mode-variant-primary.sc-tds-button,.tds-mode-light.sc-tds-button .tds-mode-variant-primary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}.sc-tds-button:root .tds-mode-variant-secondary.sc-tds-button,.tds-mode-light.sc-tds-button .tds-mode-variant-secondary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}.tds-mode-dark.sc-tds-button{--tds-btn-primary-background:var(--scania-blue-400);--tds-btn-primary-background-hover:var(--scania-blue-500);--tds-btn-primary-background-active:var(--scania-blue-600);--tds-btn-primary-background-focus:var(--scania-blue-500);--tds-btn-primary-border-color-focus:var(--tds-white);--tds-btn-primary-border-color:transparent;--tds-btn-primary-border-color-hover:var(--tds-white);--tds-btn-primary-outline-color-focus:var(--tds-blue-300);--tds-btn-primary-background-disabled-primary:var(--tds-grey-900);--tds-btn-primary-background-disabled-secondary:var(--tds-grey-850);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--scania-neutral-transparent-inverse-500);--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-white);--tds-btn-secondary-border-color:var(--scania-neutral-transparent-inverse-400);--tds-btn-secondary-background-hover:var(--tds-blue-500);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-white);--tds-btn-secondary-background-active:var(--scania-blue-600);--tds-btn-secondary-color-active:var(--tds-white);--tds-btn-secondary-border-color-active:var(--tds-grey-200);--tds-btn-secondary-background-focus:var(--scania-blue-500);--tds-btn-secondary-color-focus:var(--tds-white);--tds-btn-secondary-border-color-focus:var(--tds-white);--tds-btn-secondary-outline-color-focus:var(--tds-blue-300);--tds-btn-secondary-outline-color:var(--tds-white);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:var(--tds-grey-500);--tds-btn-secondary-border-color-disabled:var(--tds-grey-500);--tds-btn-icon-secondary-color-focus:var(--tds-white);--tds-btn-icon-secondary-fill-focus:var(--tds-white);--tds-btn-icon-secondary-fill:var(--tds-grey-50);--tds-btn-icon-secondary-color:var(--tds-grey-50);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-white);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-white);--tds-btn-ghost-border-color-hover:var(--tds-grey-400);--tds-btn-ghost-outline-color-hover:var(--scania-neutral-transparent-inverse-400);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-white);--tds-btn-ghost-border-color-active:var(--tds-grey-200);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-white);--tds-btn-ghost-border-color-focus:var(--tds-white);--tds-btn-ghost-outline-color-focus:var(--tds-blue-300);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:var(--tds-grey-500);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-50);--tds-btn-icon-ghost-color:var(--tds-grey-50);--tds-btn-danger-background:var(--scania-extended-red-400);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--scania-extended-red-500);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:var(--tds-white);--tds-btn-danger-background-active:var(--scania-extended-red-600);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:transparent;--tds-btn-danger-background-focus:var(--scania-extended-red-500);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-white);--tds-btn-danger-outline-color-focus:var(--tds-blue-300);--tds-btn-danger-background-disabled-primary:var(--tds-grey-900);--tds-btn-danger-background-disabled-secondary:var(--tds-grey-850);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:var(--tds-grey-500);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-white);--tds-btn-icon-danger-color:var(--tds-white)}.tds-mode-dark.sc-tds-button .tds-mode-variant-primary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}.tds-mode-dark.sc-tds-button .tds-mode-variant-secondary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}button.sc-tds-button{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:4px;border:none;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;height:56px;padding:var(--tds-spacing-element-20);border:1px solid transparent}button.sc-tds-button *.sc-tds-button{box-sizing:border-box}button.sc-tds-button:focus{outline:1px solid var(--scania-blue-400)}button.sc-tds-button:focus-visible{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}button.xs.sc-tds-button{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:12px;border-radius:2px}button.sm.sc-tds-button{padding:var(--tds-spacing-element-12);height:40px}button.sm.icon.sc-tds-button{padding:10px var(--tds-spacing-element-12)}button.sm.only-icon.sc-tds-button{padding:11px}button.md.sc-tds-button{padding:var(--tds-spacing-element-16);height:48px}button.md.icon.sc-tds-button{padding:14px var(--tds-spacing-element-16)}button.md.only-icon.sc-tds-button{padding:13px}button.lg.sc-tds-button{padding:var(--tds-spacing-element-20);height:56px}button.lg.icon.sc-tds-button{padding:18px var(--tds-spacing-element-20)}button.lg.only-icon.sc-tds-button{padding:17px}button.fullbleed.sc-tds-button{width:100%;display:flex;justify-content:center}button.animation-fade.sc-tds-button{transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}button.primary.sc-tds-button{background:var(--tds-btn-primary-background);border-color:var(--tds-btn-primary-border-color);color:var(--tds-btn-primary-color);outline-color:var(--tds-btn-primary-outline-color)}button.primary.icon.sc-tds-button{fill:var(--tds-btn-icon-primary-fill);color:var(--tds-btn-icon-primary-fill);fill:var(--tds-btn-icon-primary-color);color:var(--tds-btn-icon-primary-color)}button.primary.sc-tds-button:hover{background:var(--tds-btn-primary-background-hover);border-color:var(--tds-btn-primary-border-color-hover);color:var(--tds-btn-primary-color-hover);outline-color:var(--tds-btn-primary-outline-color-hover)}button.primary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-hover);color:var(--tds-btn-icon-primary-fill-hover);fill:var(--tds-btn-icon-primary-color-hover);color:var(--tds-btn-icon-primary-color-hover)}button.primary.sc-tds-button:focus-visible{background:var(--tds-btn-primary-background-focus);border-color:var(--tds-btn-primary-border-color-focus);color:var(--tds-btn-primary-color-focus);outline-color:var(--tds-btn-primary-outline-color-focus)}button.primary:focus-visible.sc-tds-button-s>[slot=icon],button.primary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-focus);color:var(--tds-btn-icon-primary-fill-focus);fill:var(--tds-btn-icon-primary-color-focus);color:var(--tds-btn-icon-primary-color-focus)}button.primary.sc-tds-button:active,button.primary.active.sc-tds-button{background:var(--tds-btn-primary-background-active);border-color:var(--tds-btn-primary-border-color-active);color:var(--tds-btn-primary-color-active);outline-color:var(--tds-btn-primary-outline-color-active)}button.primary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-active);color:var(--tds-btn-icon-primary-fill-active);fill:var(--tds-btn-icon-primary-color-active);color:var(--tds-btn-icon-primary-color-active)}button.primary.disabled.sc-tds-button,button.primary.sc-tds-button:disabled{background:var(--tds-btn-primary-background-disabled);border-color:var(--tds-btn-primary-border-color-disabled);color:var(--tds-btn-primary-color-disabled);outline-color:var(--tds-btn-primary-outline-color-disabled)}button.secondary.sc-tds-button{background:var(--tds-btn-secondary-background);border-color:var(--tds-btn-secondary-border-color);color:var(--tds-btn-secondary-color);outline-color:var(--tds-btn-secondary-outline-color)}button.secondary.icon.sc-tds-button{fill:var(--tds-btn-icon-secondary-fill);color:var(--tds-btn-icon-secondary-fill);fill:var(--tds-btn-icon-secondary-color);color:var(--tds-btn-icon-secondary-color)}button.secondary.sc-tds-button:hover{background:var(--tds-btn-secondary-background-hover);border-color:var(--tds-btn-secondary-border-color-hover);color:var(--tds-btn-secondary-color-hover);outline-color:var(--tds-btn-secondary-outline-color-hover)}button.secondary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-hover);color:var(--tds-btn-icon-secondary-fill-hover);fill:var(--tds-btn-icon-secondary-color-hover);color:var(--tds-btn-icon-secondary-color-hover)}button.secondary.sc-tds-button:focus-visible{background:var(--tds-btn-secondary-background-focus);border-color:var(--tds-btn-secondary-border-color-focus);color:var(--tds-btn-secondary-color-focus);outline-color:var(--tds-btn-secondary-outline-color-focus)}button.secondary:focus-visible.sc-tds-button-s>[slot=icon],button.secondary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-focus);color:var(--tds-btn-icon-secondary-fill-focus);fill:var(--tds-btn-icon-secondary-color-focus);color:var(--tds-btn-icon-secondary-color-focus)}button.secondary.sc-tds-button:active,button.secondary.active.sc-tds-button{background:var(--tds-btn-secondary-background-active);border-color:var(--tds-btn-secondary-border-color-active);color:var(--tds-btn-secondary-color-active);outline-color:var(--tds-btn-secondary-outline-color-active)}button.secondary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-active);color:var(--tds-btn-icon-secondary-fill-active);fill:var(--tds-btn-icon-secondary-color-active);color:var(--tds-btn-icon-secondary-color-active)}button.secondary.disabled.sc-tds-button,button.secondary.sc-tds-button:disabled{background:var(--tds-btn-secondary-background-disabled);border-color:var(--tds-btn-secondary-border-color-disabled);color:var(--tds-btn-secondary-color-disabled);outline-color:var(--tds-btn-secondary-outline-color-disabled)}button.ghost.sc-tds-button{background:var(--tds-btn-ghost-background);border-color:var(--tds-btn-ghost-border-color);color:var(--tds-btn-ghost-color);outline-color:var(--tds-btn-ghost-outline-color)}button.ghost.icon.sc-tds-button{fill:var(--tds-btn-icon-ghost-fill);color:var(--tds-btn-icon-ghost-fill);fill:var(--tds-btn-icon-ghost-color);color:var(--tds-btn-icon-ghost-color)}button.ghost.sc-tds-button:hover{background:var(--tds-btn-ghost-background-hover);border-color:var(--tds-btn-ghost-border-color-hover);color:var(--tds-btn-ghost-color-hover);outline-color:var(--tds-btn-ghost-outline-color-hover)}button.ghost:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-hover);color:var(--tds-btn-icon-ghost-fill-hover);fill:var(--tds-btn-icon-ghost-color-hover);color:var(--tds-btn-icon-ghost-color-hover)}button.ghost.sc-tds-button:focus-visible{background:var(--tds-btn-ghost-background-focus);border-color:var(--tds-btn-ghost-border-color-focus);color:var(--tds-btn-ghost-color-focus);outline-color:var(--tds-btn-ghost-outline-color-focus)}button.ghost:focus-visible.sc-tds-button-s>[slot=icon],button.ghost:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-focus);color:var(--tds-btn-icon-ghost-fill-focus);fill:var(--tds-btn-icon-ghost-color-focus);color:var(--tds-btn-icon-ghost-color-focus)}button.ghost.sc-tds-button:active,button.ghost.active.sc-tds-button{background:var(--tds-btn-ghost-background-active);border-color:var(--tds-btn-ghost-border-color-active);color:var(--tds-btn-ghost-color-active);outline-color:var(--tds-btn-ghost-outline-color-active)}button.ghost:active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-active);color:var(--tds-btn-icon-ghost-fill-active);fill:var(--tds-btn-icon-ghost-color-active);color:var(--tds-btn-icon-ghost-color-active)}button.ghost.disabled.sc-tds-button,button.ghost.sc-tds-button:disabled{background:var(--tds-btn-ghost-background-disabled);border-color:var(--tds-btn-ghost-border-color-disabled);color:var(--tds-btn-ghost-color-disabled);outline-color:var(--tds-btn-ghost-outline-color-disabled)}button.danger.sc-tds-button{background:var(--tds-btn-danger-background);border-color:var(--tds-btn-danger-border-color);color:var(--tds-btn-danger-color);outline-color:var(--tds-btn-danger-outline-color)}button.danger.icon.sc-tds-button{fill:var(--tds-btn-icon-danger-fill);color:var(--tds-btn-icon-danger-fill);fill:var(--tds-btn-icon-danger-color);color:var(--tds-btn-icon-danger-color)}button.danger.sc-tds-button:hover{background:var(--tds-btn-danger-background-hover);border-color:var(--tds-btn-danger-border-color-hover);color:var(--tds-btn-danger-color-hover);outline-color:var(--tds-btn-danger-outline-color-hover)}button.danger:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-hover);color:var(--tds-btn-icon-danger-fill-hover);fill:var(--tds-btn-icon-danger-color-hover);color:var(--tds-btn-icon-danger-color-hover)}button.danger.sc-tds-button:focus-visible{background:var(--tds-btn-danger-background-focus);border-color:var(--tds-btn-danger-border-color-focus);color:var(--tds-btn-danger-color-focus);outline-color:var(--tds-btn-danger-outline-color-focus)}button.danger:focus-visible.sc-tds-button-s>[slot=icon],button.danger:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-focus);color:var(--tds-btn-icon-danger-fill-focus);fill:var(--tds-btn-icon-danger-color-focus);color:var(--tds-btn-icon-danger-color-focus)}button.danger.sc-tds-button:active,button.danger.active.sc-tds-button{background:var(--tds-btn-danger-background-active);border-color:var(--tds-btn-danger-border-color-active);color:var(--tds-btn-danger-color-active);outline-color:var(--tds-btn-danger-outline-color-active)}button.danger:active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-active);color:var(--tds-btn-icon-danger-fill-active);fill:var(--tds-btn-icon-danger-color-active);color:var(--tds-btn-icon-danger-color-active)}button.danger.disabled.sc-tds-button,button.danger.sc-tds-button:disabled{background:var(--tds-btn-danger-background-disabled);border-color:var(--tds-btn-danger-border-color-disabled);color:var(--tds-btn-danger-color-disabled);outline-color:var(--tds-btn-danger-outline-color-disabled)}tds-button.sc-tds-button-h{display:inline-flex;align-items:center}.sc-tds-button-htds-button.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}.sc-tds-button-htds-button .sm.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sm .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}.disabled.sc-tds-button-h:active{pointer-events:none}.disabled.sc-tds-button-h button.sc-tds-button{cursor:not-allowed}.fullbleed.sc-tds-button-h{width:100%;justify-content:center}tds-button.sc-tds-button button.sc-tds-button{display:inline-flex;align-items:center}tds-button button.sm.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-12);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}tds-button button.md.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-16);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.lg.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.only-icon.sc-tds-button-s>[slot=icon]{margin-left:0}";
5
+ const TdsButtonStyle0 = buttonCss;
6
+
7
+ const TdsButton = class {
8
+ constructor(hostRef) {
9
+ registerInstance(this, hostRef);
10
+ this.text = undefined;
11
+ this.type = 'button';
12
+ this.variant = 'primary';
13
+ this.size = 'lg';
14
+ this.disabled = false;
15
+ this.fullbleed = false;
16
+ this.modeVariant = null;
17
+ this.animation = 'none';
18
+ this.tdsAriaLabel = undefined;
19
+ this.name = undefined;
20
+ this.value = undefined;
21
+ this.onlyIcon = false;
22
+ }
23
+ handleKeyDown(event) {
24
+ if (event.key === 'Enter' && !this.disabled) {
25
+ this.host.querySelector('button').classList.add('active');
26
+ }
27
+ }
28
+ handleKeyUp(event) {
29
+ if (event.key === 'Enter' && !this.disabled) {
30
+ this.host.querySelector('button').classList.remove('active');
31
+ }
32
+ }
33
+ render() {
34
+ const hasLabelSlot = hasSlot('label', this.host);
35
+ const hasIconSlot = hasSlot('icon', this.host);
36
+ if (!this.text && !hasLabelSlot) {
37
+ this.onlyIcon = true;
38
+ }
39
+ return (h(Host, { key: '7358240d76e1b7a6df238b2a1e5f1702f9cd33d7', class: {
40
+ [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
41
+ disabled: Boolean(this.disabled),
42
+ fullbleed: Boolean(this.fullbleed),
43
+ }, disabled: this.disabled }, h("button", Object.assign({ key: '971f814b0b832e9b161c77812fb7668ed34312ab', type: this.type, name: this.name ? this.name : undefined, value: this.value ? this.value : undefined, disabled: this.disabled, class: {
44
+ 'primary': this.variant === 'primary',
45
+ 'secondary': this.variant === 'secondary',
46
+ 'ghost': this.variant === 'ghost',
47
+ 'danger': this.variant === 'danger',
48
+ 'lg': this.size === 'lg',
49
+ 'md': this.size === 'md',
50
+ 'sm': this.size === 'sm',
51
+ 'xs': this.size === 'xs',
52
+ 'disabled': this.disabled,
53
+ 'fullbleed': this.fullbleed,
54
+ 'icon': hasIconSlot,
55
+ 'only-icon': this.onlyIcon,
56
+ [`animation-${this.animation}`]: this.animation !== 'none',
57
+ } }, (this.onlyIcon && this.tdsAriaLabel && { 'aria-label': this.tdsAriaLabel })), this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: '2dc9400b032af40765d7ba1add85c09249dea64b', name: "label" }), hasIconSlot && h("slot", { key: '01af3eeaa00abc5dc824f4fa4633b2460fb4fe46', name: "icon" }))));
58
+ }
59
+ get host() { return getElement(this); }
60
+ };
61
+ TdsButton.style = TdsButtonStyle0;
62
+
63
+ const dividerCss = ".divider{box-sizing:border-box;background-color:var(--tds-divider-background)}.divider *{box-sizing:border-box}.divider.discrete{background-color:var(--tds-divider-background-discrete)}.divider.subtle{background-color:var(--tds-divider-background-subtle)}.divider.soft{background-color:var(--tds-divider-background-soft)}.divider.defined{background-color:var(--tds-divider-background-defined)}.divider.dark-blue{background-color:var(--tds-divider-background-dark-blue)}.divider.horizontal{width:100%;height:1px}.divider.vertical{height:100%;width:1px}";
64
+ const TdsDividerStyle0 = dividerCss;
65
+
66
+ const Divider = class {
67
+ constructor(hostRef) {
68
+ registerInstance(this, hostRef);
69
+ this.orientation = 'horizontal';
70
+ this.variant = 'subtle';
71
+ }
72
+ render() {
73
+ return (h(Host, { key: '286c212f733e5cac724b50b8cd1e99f12f6b6de3', role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { key: 'f6a3b9c516f7f072cad30d06b597d58728502b12', class: {
74
+ 'divider': true,
75
+ 'vertical': this.orientation === 'vertical',
76
+ 'horizontal': this.orientation === 'horizontal',
77
+ 'discrete': this.variant === 'discrete',
78
+ 'subtle': this.variant === 'subtle',
79
+ 'soft': this.variant === 'soft',
80
+ 'defined': this.variant === 'defined',
81
+ 'dark-blue': this.variant === 'dark-blue',
82
+ } })));
83
+ }
84
+ };
85
+ Divider.style = TdsDividerStyle0;
86
+
87
+ export { TdsButton as tds_button, Divider as tds_divider };
package/dist/esm/tds-card.entry.js CHANGED
@@ -2,13 +2,18 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
2
2
  import { g as generateUniqueId } from './generateUniqueId-7934d315.js';
3
3
  import { h as hasSlot } from './hasSlot-d52114d0.js';
4
4
 
5
- const cardCss = ".card{box-sizing:border-box;box-shadow:var(--tds-card-box);background-color:var(--tds-card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--tds-card-box-hover);cursor:pointer}.card .card-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);padding:16px;display:flex;align-items:center}.card .card-header slot[name=thumbnail]::slotted(*){width:36px;height:36px;border-radius:100%;margin-right:16px}.card .card-header .card-top-header{padding-left:16px;display:flex;flex-direction:column}.card .card-header .card-top-header.no-header-img{padding-left:0}.card .card-header.below{padding-top:16px}.card .header-subheader{display:flex;flex-direction:column;width:100%;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--tds-card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--tds-card-sub-headline)}.card .card-body-img{width:100%}.card .tds-divider{margin:16px 16px 0;background-color:var(--tds-card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font:var(--tds-detail-03) !important;letter-spacing:var(--tds-detail-03-ls) !important;color:var(--tds-card-body-color);padding:0 16px;margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=actions]::slotted(*){display:flex;padding:16px;color:var(--tds-card-icon-color)}button{width:100%;border:none;text-align:left;padding:0}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--tds-card-box-pressed)}.below-header-stretch,.above-header-stretch{display:flex;flex-direction:column}.below-header-stretch .stretch,.above-header-stretch .stretch{display:flex;flex-direction:column;flex-grow:1;width:100%}.below-header-stretch .card-body,.above-header-stretch .card-body{display:flex;flex-direction:column;flex-grow:1}.below-header-stretch .card-body slot[name=body]::slotted(*),.above-header-stretch .card-body slot[name=body]::slotted(*){max-width:unset;flex-grow:1}";
5
+ const cardCss = ".card{box-sizing:border-box;box-shadow:var(--tds-card-box);background-color:var(--tds-card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--tds-card-box-hover);cursor:pointer}.card .card-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);padding:16px;display:flex;align-items:center}.card .card-header slot[name=thumbnail]::slotted(*){width:36px;height:36px;border-radius:100%;margin-right:16px}.card .card-header .card-top-header{padding-left:16px;display:flex;flex-direction:column}.card .card-header .card-top-header.no-header-img{padding-left:0}.card .card-header.below{padding-top:16px}.card .card-header.expandable tds-icon{cursor:pointer;margin-left:auto;transition:transform 160ms ease-in-out, opacity 120ms ease-in-out}.card .card-header.expandable tds-icon.rotated{transform:rotate(180deg)}.card .header-subheader{display:flex;flex-direction:column;width:100%;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--tds-card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--tds-card-sub-headline)}.card .card-body-img{width:100%}.card .tds-divider{margin:16px 16px 0;background-color:var(--tds-card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font:var(--tds-detail-03) !important;letter-spacing:var(--tds-detail-03-ls) !important;color:var(--tds-card-body-color);padding:0 16px;margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=actions]::slotted(*){display:flex;padding:16px;color:var(--tds-card-icon-color)}button{width:100%;border:none;text-align:left;padding:0}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--tds-card-box-pressed)}.below-header-stretch,.above-header-stretch{display:flex;flex-direction:column}.below-header-stretch .stretch,.above-header-stretch .stretch{display:flex;flex-direction:column;flex-grow:1;width:100%}.below-header-stretch .card-body,.above-header-stretch .card-body{display:flex;flex-direction:column;flex-grow:1}.below-header-stretch .card-body slot[name=body]::slotted(*),.above-header-stretch .card-body slot[name=body]::slotted(*){max-width:unset;flex-grow:1}:host([expandable]:not([expanded])) .card-body slot[name=body]{display:none}";
6
6
  const TdsCardStyle0 = cardCss;
7
7
 
8
8
  const TdsCard = class {
9
9
  constructor(hostRef) {
10
10
  registerInstance(this, hostRef);
11
11
  this.tdsClick = createEvent(this, "tdsClick", 6);
12
+ this.toggleExpand = () => {
13
+ if (this.expandable) {
14
+ this.expanded = !this.expanded;
15
+ }
16
+ };
12
17
  this.handleClick = () => {
13
18
  this.tdsClick.emit({
14
19
  cardId: this.cardId,
@@ -18,7 +23,7 @@ const TdsCard = class {
18
23
  const usesHeaderSlot = hasSlot('header', this.host);
19
24
  const usesSubheaderSlot = hasSlot('subheader', this.host);
20
25
  const usesThumbnailSlot = hasSlot('thumbnail', this.host);
21
- return (h("div", { class: "card-header" }, usesThumbnailSlot && h("slot", { name: "thumbnail" }), h("div", { class: "header-subheader", id: `header-${this.cardId}` }, this.header && h("span", { class: "header" }, this.header), usesHeaderSlot && h("slot", { name: "header" }), this.subheader && h("span", { class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { name: "subheader" }))));
26
+ return (h("div", { class: { 'card-header': true, 'expandable': this.expandable, 'expanded': this.expanded } }, usesThumbnailSlot && h("slot", { name: "thumbnail" }), h("div", { class: "header-subheader", id: `header-${this.cardId}` }, this.header && h("span", { class: "header" }, this.header), usesHeaderSlot && h("slot", { name: "header" }), this.subheader && h("span", { class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { name: "subheader" })), this.expandable && (h("tds-button", { type: "button", variant: "ghost", size: "sm", "tds-aria-label": "Toggle card content", "aria-expanded": this.expanded ? 'true' : 'false', onClick: this.toggleExpand }, h("tds-icon", { slot: "icon", size: "16px", name: "chevron_down", svgTitle: "Chevron Down", class: { rotated: this.expanded } })))));
22
27
  };
23
28
  this.getCardContent = () => {
24
29
  const usesBodySlot = hasSlot('body', this.host);
@@ -37,6 +42,8 @@ const TdsCard = class {
37
42
  this.clickable = false;
38
43
  this.stretch = false;
39
44
  this.cardId = generateUniqueId();
45
+ this.expandable = false;
46
+ this.expanded = false;
40
47
  }
41
48
  render() {
42
49
  const cardStyle = {
@@ -46,7 +53,7 @@ const TdsCard = class {
46
53
  [`${this.imagePlacement}-stretch`]: this.stretch,
47
54
  };
48
55
  const ariaLabel = this.header ? this.header : `Card ${this.cardId}`;
49
- return (h(Host, { key: '39dde374a44320884af4b8a0da33e24c983417c5', class: this.modeVariant && `tds-mode-variant-${this.modeVariant}` }, this.clickable ? (h("button", { class: cardStyle, onClick: this.handleClick, "aria-label": ariaLabel, "aria-describedby": `header-${this.cardId}` }, this.getCardContent())) : (h("div", { class: cardStyle }, this.getCardContent()))));
56
+ return (h(Host, { key: '14e4d2ece54e021a186661c8dfef2dae78791782', class: this.modeVariant && `tds-mode-variant-${this.modeVariant}` }, this.clickable ? (h("button", { class: cardStyle, onClick: this.handleClick, "aria-label": ariaLabel, "aria-describedby": `header-${this.cardId}` }, this.getCardContent())) : (h("div", { class: cardStyle }, this.getCardContent()))));
50
57
  }
51
58
  get host() { return getElement(this); }
52
59
  };
package/dist/esm/tds-chip.entry.js CHANGED
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
2
2
  import { g as generateUniqueId } from './generateUniqueId-7934d315.js';
3
3
  import { h as hasSlot } from './hasSlot-d52114d0.js';
4
4
 
5
- const chipCss = ".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h.sc-tds-chip-s>[slot=label],.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip{display:inline-flex}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:16px;cursor:pointer;white-space:nowrap}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover)}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background-disabled);color:var(--tds-chips-text-disabled);cursor:default;pointer-events:none}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input.sc-tds-chip{pointer-events:none}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input[type=radio].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active-disabled);color:var(--tds-chips-text-checked-disabled)}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input[type=checkbox].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active-disabled);color:var(--tds-chips-text-checked-disabled)}.component.sc-tds-chip .tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:32px;padding:0 16px;gap:8px}.component.sc-tds-chip .tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:24px;padding:0 12px;gap:6px}.component.sc-tds-chip .tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:0 12px 0 6px}.component.sc-tds-chip .tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px 0 12px}.component.sc-tds-chip .tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:0 16px 0 8px}.component.sc-tds-chip .tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px 0 16px}.component.sc-tds-chip .tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px}.component.sc-tds-chip .tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;background-color:var(--tds-chips-background-focus)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover)}";
5
+ const chipCss = ".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h.sc-tds-chip-s>[slot=label],.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip{display:inline-flex}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:32px;border:1px solid var(--tds-chips-border);cursor:pointer;white-space:nowrap}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover);border-color:var(--tds-chips-border-hover)}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background-disabled);color:var(--tds-chips-text-disabled);border-color:transparent;cursor:default;pointer-events:none}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input.sc-tds-chip{pointer-events:none}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input[type=radio].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active-disabled);color:var(--tds-chips-text-checked-disabled);border-color:transparent}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input[type=checkbox].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active-disabled);color:var(--tds-chips-text-checked-disabled);border-color:transparent}.component.sc-tds-chip .tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:16px;padding:8px 16px;gap:6px}.component.sc-tds-chip .tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:16px;padding:4px 12px;gap:4px}.component.sc-tds-chip .tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:4px 12px 4px 8px}.component.sc-tds-chip .tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px 4px 12px}.component.sc-tds-chip .tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:8px 16px 8px 10px}.component.sc-tds-chip .tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px 8px 16px}.component.sc-tds-chip .tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px}.component.sc-tds-chip .tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;background-color:var(--tds-chips-background-focus);border-color:transparent}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active);border-color:var(--tds-chips-background-active)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover);border-color:var(--tds-chips-border-selected-hover)}";
6
6
  const TdsChipStyle0 = chipCss;
7
7
 
8
8
  const TdsChip = class {
package/dist/esm/tds-core-header-item_2.entry.js CHANGED
@@ -9,12 +9,12 @@ const TdsCoreHeaderItem = class {
9
9
  registerInstance(this, hostRef);
10
10
  }
11
11
  render() {
12
- return (h(Host, { key: '61b64a52364893a5b67de5797ae49b3c238086ac' }, h("div", { key: '29a46213b10ea291137b2fa7e2f28594177da0fb', class: "item" }, h("slot", { key: 'a844cb74962112475d6da8d1598f0fa7e1fa0b64' }))));
12
+ return (h(Host, { key: 'cdc1e1712659f82b9bbefd67977de93963dbc68e' }, h("div", { key: '1c39a69aa967c64941be3507d7e88f92cea58623', class: "item" }, h("slot", { key: '62576106bdb13d983e5a415421522bbcddd348bf' }))));
13
13
  }
14
14
  };
15
15
  TdsCoreHeaderItem.style = TdsCoreHeaderItemStyle0;
16
16
 
17
- const headerItemCss = ":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){background-color:var(--tds-header--basic-element-background-selected);padding-top:4px;border-bottom-style:solid;border-bottom-width:4px;border-bottom-color:var(--tds-nav-item-border-color-active)}";
17
+ const headerItemCss = ":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-hover)}:host ::slotted(button:active),:host ::slotted(a:active){background-color:var(--tds-header-item-active);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-active)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){border:none;margin-right:1px;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){box-shadow:inset 0 -4px 0 0 var(--tds-header-item-border-hover)}:host .component-selected:not(.component-active) ::slotted(button:focus-visible),:host .component-selected:not(.component-active) ::slotted(a:focus-visible){box-shadow:inset 0 0 0 3px var(--tds-white)}";
18
18
  const TdsHeaderItemStyle0 = headerItemCss;
19
19
 
20
20
  const TdsHeaderItem = class {
@@ -89,10 +89,10 @@ const TdsHeaderItem = class {
89
89
  }
90
90
  }
91
91
  render() {
92
- return (h(Host, { key: '4a9d013ab3abde506f9992453cae793db9a652cf' }, h("tds-core-header-item", { key: '359634d0bca7720c8a9bfd5c696a89c97df76a75', class: {
92
+ return (h(Host, { key: '8bf1f05e837866442a31d6079cebce9f3f4b6a01' }, h("tds-core-header-item", { key: '2000815259c320803ecc6bb71553d56187c40983', class: {
93
93
  'component-active': this.active,
94
94
  'component-selected': this.selected,
95
- } }, h("slot", { key: '7318ad6ea4d1dfa0f16b70c6f305ece087aeea2e' }))));
95
+ } }, h("slot", { key: '35753d03b2ca354b0054172079ac20cd87524538' }))));
96
96
  }
97
97
  get host() { return getElement(this); }
98
98
  };
package/dist/esm/tds-datetime.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-51d04e39.js';
2
2
  import { g as generateUniqueId } from './generateUniqueId-7934d315.js';
3
3
 
4
- const datetimeCss = ".tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-md.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-md.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-sm.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-sm.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-datetime-label-inside.iphone.sc-tds-datetime{left:8px !important}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-bar.sc-tds-datetime{position:absolute;width:100%}.tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-bar.sc-tds-datetime::after{content:\"\";height:2px;top:54px;width:0;position:absolute;background:var(--tds-datetime-bar);transition:0.35s ease all}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:46px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:40px}.tds-datetime-bar.sc-tds-datetime::before{left:50%}.tds-datetime-bar.sc-tds-datetime::after{right:50%}.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{width:50%}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-sucess)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-error)}.tds-form-datetime-error.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}@supports (-moz-appearance: none){.type-datetime-local.sc-tds-datetime .icon-datetime-local.sc-tds-datetime,.type-date.sc-tds-datetime .icon-datetime-local.sc-tds-datetime{display:none}}";
4
+ const datetimeCss = "@supports selector(input::-webkit-datetime-edit){.tds-datetime-input.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-md.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-sm.sc-tds-datetime:not(:focus)::-webkit-datetime-edit{color:var(--tds-datetime-placeholder-color)}}.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-datetime-label-inside.iphone.sc-tds-datetime{left:8px !important}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{border-radius:0;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}.tds-datetime-focus.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom:none}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-disabled)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}@supports (-moz-appearance: none){.type-datetime-local.sc-tds-datetime .icon-datetime-local.sc-tds-datetime,.type-date.sc-tds-datetime .icon-datetime-local.sc-tds-datetime{display:none}}";
5
5
  const TdsDatetimeStyle0 = datetimeCss;
6
6
 
7
7
  const TdsDatetime = class {
@@ -142,7 +142,7 @@ const TdsDatetime = class {
142
142
  }
143
143
  } }, this.labelPosition === 'outside' && this.label && (h("label", { key: 'e5dd50563ed2d464983016bc608d81b77c379add', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: 'b2c01f96bb7d8fa7279ac27048328204cc249547', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: 'e7002fc416e62d2c93c337aee1869aa817997df9', class: `tds-datetime-input-container type-${this.type}` }, h("input", { key: '3fdf8d55b15f5a00d4fb0755d5774fee93f100b9', ref: (inputEl) => {
144
144
  this.textInput = inputEl;
145
- }, class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, id: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label }), this.labelPosition === 'inside' && this.size !== 'sm' && this.label && (h("label", { key: '48d096356ad9f547bacbf407af12c4411d5dd45f', class: `tds-datetime-label-inside ${iphone && 'iphone'}`, htmlFor: this.name }, this.label)), h("div", { key: '0ea83c4003923ffed9b11ef22131000bb696a80f', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '6ab6fde60c3d8ce0ad212c0d248c597a23cc6ce7', size: "20px", name: "calendar", svgTitle: "Calendar" })), h("div", { key: '4c304db3c9e6159a7827b6a83c6f81d04cbf0d19', class: "datetime-icon icon-time" }, h("tds-icon", { key: '2a91a579dc5307d35ffbd47aa67616e2e692dd1c', size: "20px", name: "clock", svgTitle: "Clock" }))), h("div", { key: '80dec676d32fd856e7a7dcee7b7e6acbb8b66827', class: "tds-datetime-bar" })), this.helper && (h("div", { key: 'ff276d3c174c88c14081d7a5da689c278844422a', class: "tds-datetime-helper" }, h("div", { key: '9401ca569dd8c23e1bcbdccb39d9f8134fc027db', class: "tds-helper" }, this.state === 'error' && h("tds-icon", { key: 'dada47e75f30dac9b132477ffd73720d0e1a7530', name: "error", size: "16px", svgTitle: "error" }), this.helper)))));
145
+ }, class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, id: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label }), this.labelPosition === 'inside' && this.size !== 'sm' && this.label && (h("label", { key: '48d096356ad9f547bacbf407af12c4411d5dd45f', class: `tds-datetime-label-inside ${iphone && 'iphone'}`, htmlFor: this.name }, this.label)), h("div", { key: '0ea83c4003923ffed9b11ef22131000bb696a80f', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '6ab6fde60c3d8ce0ad212c0d248c597a23cc6ce7', size: "20px", name: "calendar", svgTitle: "Calendar" })), h("div", { key: '4c304db3c9e6159a7827b6a83c6f81d04cbf0d19', class: "datetime-icon icon-time" }, h("tds-icon", { key: '2a91a579dc5307d35ffbd47aa67616e2e692dd1c', size: "20px", name: "clock", svgTitle: "Clock" })))), this.helper && (h("div", { key: '4883298ade40b2177450f1af3cda0b02a9c24786', class: "tds-datetime-helper" }, h("div", { key: '5baaf00b0372f50341f1995c713e3cbece2c8a4d', class: "tds-helper" }, this.state === 'error' && h("tds-icon", { key: 'a8d4aedbbba2e083578825efadbeaede47d83055', name: "error", size: "16px", svgTitle: "error" }), this.helper)))));
146
146
  }
147
147
  };
148
148
  TdsDatetime.style = TdsDatetimeStyle0;
package/dist/esm/tds-dropdown_2.entry.js CHANGED
@@ -89,6 +89,7 @@ const TdsDropdown = class {
89
89
  this.tdsFocus = createEvent(this, "tdsFocus", 6);
90
90
  this.tdsBlur = createEvent(this, "tdsBlur", 6);
91
91
  this.tdsInput = createEvent(this, "tdsInput", 6);
92
+ this.hasFocus = false;
92
93
  this.setDefaultOption = () => {
93
94
  if (this.internalDefaultValue) {
94
95
  // Convert the internal default value to an array if it's not already
@@ -171,6 +172,7 @@ const TdsDropdown = class {
171
172
  this.handleFilter = (event) => {
172
173
  this.tdsInput.emit(event);
173
174
  const query = event.target.value.toLowerCase();
175
+ this.filterQuery = query;
174
176
  /* Check if the query is empty, and if so, show all options */
175
177
  const children = this.getChildren();
176
178
  if (query === '') {
@@ -196,26 +198,33 @@ const TdsDropdown = class {
196
198
  }
197
199
  };
198
200
  this.handleFilterReset = () => {
199
- this.reset();
201
+ // only reset selected values when filterquery is blank
202
+ if (!this.filterQuery.length) {
203
+ this.reset();
204
+ }
200
205
  this.inputElement.value = '';
201
206
  this.handleFilter({ target: { value: '' } });
202
207
  this.inputElement.focus();
203
208
  // Add this line to ensure internal value is cleared
204
209
  this.internalValue = '';
205
210
  };
206
- this.handleFocus = (event) => {
211
+ this.handleFocus = () => {
207
212
  this.open = true;
208
213
  this.filterFocus = true;
209
- if (this.multiselect && this.inputElement) {
214
+ if (this.inputElement) {
210
215
  this.inputElement.value = '';
211
216
  }
212
- this.tdsFocus.emit(event);
217
+ // Focus event is now handled by focusin listener
213
218
  if (this.filter) {
214
219
  this.handleFilter({ target: { value: '' } });
215
220
  }
216
221
  };
217
- this.handleBlur = (event) => {
218
- this.tdsBlur.emit(event);
222
+ this.handleBlur = () => {
223
+ // Handle internal state changes when component loses focus
224
+ this.filterFocus = false;
225
+ if (this.inputElement) {
226
+ this.inputElement.value = this.getValue();
227
+ }
219
228
  };
220
229
  this.resetInput = () => {
221
230
  const inputEl = this.host.querySelector('input');
@@ -247,6 +256,7 @@ const TdsDropdown = class {
247
256
  this.filterFocus = undefined;
248
257
  this.internalDefaultValue = undefined;
249
258
  this.selectedOptions = [];
259
+ this.filterQuery = '';
250
260
  }
251
261
  handleValueChange(newValue) {
252
262
  // Normalize to array
@@ -390,7 +400,7 @@ const TdsDropdown = class {
390
400
  }
391
401
  }
392
402
  // Always trigger the focus event to open the dropdown
393
- this.handleFocus({});
403
+ this.handleFocus();
394
404
  }
395
405
  /** Method for closing the Dropdown. */
396
406
  async close() {
@@ -412,6 +422,25 @@ const TdsDropdown = class {
412
422
  }
413
423
  }
414
424
  }
425
+ onFocusIn(event) {
426
+ // Check if the focus is within this dropdown component
427
+ if (this.host.contains(event.target)) {
428
+ if (!this.hasFocus) {
429
+ this.hasFocus = true;
430
+ this.tdsFocus.emit(event);
431
+ }
432
+ }
433
+ }
434
+ onFocusOut(event) {
435
+ // Only emit blur if focus is actually leaving the entire dropdown component
436
+ const relatedTarget = event.relatedTarget;
437
+ // If relatedTarget is null (focus going to body/window) or outside the component, emit blur
438
+ if (this.hasFocus && (!relatedTarget || !this.host.contains(relatedTarget))) {
439
+ this.hasFocus = false;
440
+ this.handleBlur();
441
+ this.tdsBlur.emit(event);
442
+ }
443
+ }
415
444
  async onKeyDown(event) {
416
445
  var _a;
417
446
  // Get the active element
@@ -531,9 +560,9 @@ const TdsDropdown = class {
531
560
  // Generate unique IDs for associating labels and helpers with the input/button
532
561
  const labelId = this.label ? `dropdown-label-${this.name || generateUniqueId()}` : undefined;
533
562
  const helperId = this.helper ? `dropdown-helper-${this.name || generateUniqueId()}` : undefined;
534
- return (h(Host, { key: '69cdc96b6983b9556b4a9133ef8a0d2fa1e9e18e', class: {
563
+ return (h(Host, { key: '8145c7b222a850157de5f328974f5c70b126b9e4', class: {
535
564
  [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
536
- } }, this.label && this.labelPosition === 'outside' && (h("div", { key: '1cc3f825bc81ca34af7bbe845bd900531f724172', id: labelId, class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '213f3149de4b9bc4c147ab658d6d5199d3360181', class: {
565
+ } }, this.label && this.labelPosition === 'outside' && (h("div", { key: 'af3ad647c3c5bbb86f12033821020a4ed484d9e1', id: labelId, class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '099777e28368c78c9eb05945328899334c674865', class: {
537
566
  'dropdown-select': true,
538
567
  [this.size]: true,
539
568
  'disabled': this.disabled,
@@ -550,13 +579,7 @@ const TdsDropdown = class {
550
579
  // eslint-disable-next-line no-return-assign
551
580
  ref: (inputEl) => (this.inputElement = inputEl), class: {
552
581
  placeholder: this.labelPosition === 'inside',
553
- }, type: "text", placeholder: this.filterFocus ? '' : this.placeholder, value: this.multiselect && this.filterFocus ? '' : this.getValue(), disabled: this.disabled, onInput: (event) => this.handleFilter(event), onBlur: (event) => {
554
- this.filterFocus = false;
555
- if (this.multiselect) {
556
- this.inputElement.value = this.getValue();
557
- }
558
- this.handleBlur(event);
559
- }, onFocus: (event) => this.handleFocus(event), onKeyDown: (event) => {
582
+ }, type: "text", placeholder: this.filterFocus ? '' : this.placeholder, value: this.multiselect && this.filterFocus ? this.filterQuery : this.getValue(), disabled: this.disabled, onInput: (event) => this.handleFilter(event), onFocus: () => this.handleFocus(), onKeyDown: (event) => {
560
583
  if (event.key === 'Escape') {
561
584
  this.open = false;
562
585
  }
@@ -583,7 +606,7 @@ const TdsDropdown = class {
583
606
  label-inside-as-placeholder
584
607
  ${this.size}
585
608
  ${this.selectedOptions.length ? 'selected' : ''}
586
- ` }, this.label)), h("div", { class: `placeholder ${this.size}` }, this.selectedOptions.length ? this.getValue() : this.placeholder), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: 'af7815b0cb8b36e37278965094d5198a9ff5aba9', role: "listbox", "aria-label": this.tdsAriaLabel, inert: !this.open, "aria-orientation": "vertical", "aria-multiselectable": this.multiselect, ref: (element) => {
609
+ ` }, this.label)), h("div", { class: `placeholder ${this.size}` }, this.selectedOptions.length ? this.getValue() : this.placeholder), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: 'f5427c41c1abe1c84164a030e69800fd48911c73', role: "listbox", "aria-label": this.tdsAriaLabel, inert: !this.open, "aria-orientation": "vertical", "aria-multiselectable": this.multiselect, ref: (element) => {
587
610
  this.dropdownList = element;
588
611
  }, class: {
589
612
  'dropdown-list': true,
@@ -594,11 +617,11 @@ const TdsDropdown = class {
594
617
  'closed': !this.open,
595
618
  [`animation-enter-${this.animation}`]: this.animation !== 'none' && this.open,
596
619
  [`animation-exit-${this.animation}`]: this.animation !== 'none' && !this.open,
597
- } }, h("slot", { key: '736b82b5f716fa818c17ae161341bc6b131d9cf2', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: 'f1c1471cbec4a6dd8830a8540f54e142c559d539', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: 'aa138a349c073158785ae1177c0879604f6b8d90', id: helperId, class: {
620
+ } }, h("slot", { key: '2e83898eec11f669c3477d5600dce1178b5c4f36', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: '0ff59cf47dbe302998ce72758b182e7565ddd210', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: '3a60427fe8ca05d6bf4ba42f95bd0bc753f04ebd', id: helperId, class: {
598
621
  helper: true,
599
622
  error: this.error,
600
623
  disabled: this.disabled,
601
- } }, this.error && h("tds-icon", { key: '936a8bd7db8a0ed994d6827c26bbb6732420fea4', name: "error", size: "16px" }), this.helper))));
624
+ } }, this.error && h("tds-icon", { key: 'bab7ba6449cb7cd62a149340f6de1fe13cfd49de', name: "error", size: "16px" }), this.helper))));
602
625
  }
603
626
  get host() { return getElement(this); }
604
627
  static get watchers() { return {
@@ -609,7 +632,7 @@ const TdsDropdown = class {
609
632
  };
610
633
  TdsDropdown.style = TdsDropdownStyle0;
611
634
 
612
- const dropdownOptionCss = ":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-dropdown-option-focus);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}";
635
+ const dropdownOptionCss = ":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}";
613
636
  const TdsDropdownOptionStyle0 = dropdownOptionCss;
614
637
 
615
638
  const TdsDropdownOption = class {
@@ -670,10 +693,18 @@ const TdsDropdownOption = class {
670
693
  }
671
694
  };
672
695
  this.handleFocus = (event) => {
673
- this.tdsFocus.emit(event);
696
+ // Focus events are now handled by the parent dropdown component
697
+ // Only emit if this is a standalone option (not within a dropdown)
698
+ if (!this.parentElement) {
699
+ this.tdsFocus.emit(event);
700
+ }
674
701
  };
675
702
  this.handleBlur = (event) => {
676
- this.tdsBlur.emit(event);
703
+ // Blur events are now handled by the parent dropdown component
704
+ // Only emit if this is a standalone option (not within a dropdown)
705
+ if (!this.parentElement) {
706
+ this.tdsBlur.emit(event);
707
+ }
677
708
  };
678
709
  this.value = undefined;
679
710
  this.internalValue = undefined;
@@ -694,7 +725,7 @@ const TdsDropdownOption = class {
694
725
  this.internalValue = convertToString(this.value);
695
726
  }
696
727
  render() {
697
- return (h(Host, { key: 'd35a3153be292b1656d0efca93f06bfc1357041b' }, h("div", { key: '384353f9868a3fb559ca4140d5cd4f5553e024ad', class: `dropdown-option
728
+ return (h(Host, { key: 'a92f443fccb282309c20c52b9214b6b03b03e7ee' }, h("div", { key: 'b5dcc6cb5cb846adfb79f1e80e39e84ab85022c5', class: `dropdown-option
698
729
  ${this.size}
699
730
  ${this.selected ? 'selected' : ''}
700
731
  ${this.disabled ? 'disabled' : ''}
@@ -704,6 +735,8 @@ const TdsDropdownOption = class {
704
735
  }
705
736
  } }, h("tds-checkbox", { onTdsChange: (event) => {
706
737
  this.handleMultiselect(event);
738
+ }, onTdsBlur: (event) => {
739
+ event.stopPropagation();
707
740
  }, disabled: this.disabled, checked: this.selected, tdsAriaLabel: this.tdsAriaLabel, class: {
708
741
  [this.size]: true,
709
742
  } }, h("div", { slot: "label" }, h("slot", null))))) : (h("button", { role: "option", "aria-disabled": this.disabled, "aria-selected": this.selected, "aria-label": this.tdsAriaLabel, onClick: () => {
package/dist/esm/tds-folder-tab.entry.js CHANGED
@@ -37,10 +37,10 @@ const TdsFolderTab = class {
37
37
  }
38
38
  }
39
39
  render() {
40
- return (h(Host, { key: '19a42f7143a8f32130642bd50dd6817f871fdf20', "aria-selected": this.selected }, h("div", { key: '51bef3bebff5e13d7c949529919865780d8b33de', class: {
40
+ return (h(Host, { key: '6e0c3e477f033d6d0038d61d55f87d818abcef6e', "aria-selected": this.selected }, h("div", { key: '06f1e0abdbb9bcce20807d67784a0c82754e4d8a', class: {
41
41
  selected: this.selected,
42
42
  disabled: this.disabled,
43
- }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: '2b661d3518f047f7bd0e50a121987eb62c5d42e8' }))));
43
+ }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: 'bef9798df6d9e27873ac28b481f1b61342dde861' }))));
44
44
  }
45
45
  get host() { return getElement(this); }
46
46
  };