@scania/tegel 1.18.0-beta.0 → 1.18.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (510) hide show
  1. package/dist/cjs/findClosestComponent-64302a79.js +14 -0
  2. package/dist/cjs/getDirectChildHTMLElementOfKind-6e210da2.js +11 -0
  3. package/dist/cjs/index-ca8040ad.js +58 -46
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/tagName-3399a06c.js +120 -0
  6. package/dist/cjs/tds-accordion-item.cjs.entry.js +7 -4
  7. package/dist/cjs/tds-badge.cjs.entry.js +1 -1
  8. package/dist/cjs/tds-banner.cjs.entry.js +5 -3
  9. package/dist/cjs/tds-block.cjs.entry.js +2 -2
  10. package/dist/cjs/tds-body-cell.cjs.entry.js +5 -3
  11. package/dist/cjs/tds-breadcrumb.cjs.entry.js +1 -1
  12. package/dist/cjs/tds-breadcrumbs.cjs.entry.js +1 -1
  13. package/dist/cjs/tds-button.cjs.entry.js +3 -3
  14. package/dist/cjs/tds-card.cjs.entry.js +4 -2
  15. package/dist/cjs/tds-checkbox.cjs.entry.js +2 -2
  16. package/dist/cjs/tds-chip.cjs.entry.js +1 -1
  17. package/dist/cjs/tds-core-header-item.cjs.entry.js +20 -0
  18. package/dist/cjs/tds-datetime.cjs.entry.js +6 -3
  19. package/dist/cjs/tds-divider.cjs.entry.js +1 -1
  20. package/dist/cjs/tds-dropdown-option.cjs.entry.js +95 -0
  21. package/dist/cjs/{tds-dropdown_2.cjs.entry.js → tds-dropdown.cjs.entry.js} +12 -98
  22. package/dist/cjs/tds-folder-tabs.cjs.entry.js +4 -2
  23. package/dist/cjs/tds-footer-group.cjs.entry.js +6 -4
  24. package/dist/cjs/tds-footer-item.cjs.entry.js +6 -2
  25. package/dist/cjs/tds-footer.cjs.entry.js +1 -1
  26. package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +2 -2
  27. package/dist/cjs/tds-header-cell.cjs.entry.js +9 -4
  28. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +2 -2
  29. package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
  30. package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +4 -4
  31. package/dist/cjs/tds-header-dropdown.cjs.entry.js +5 -3
  32. package/dist/cjs/tds-header-hamburger.cjs.entry.js +4 -2
  33. package/dist/cjs/{tds-core-header-item_2.cjs.entry.js → tds-header-item.cjs.entry.js} +6 -17
  34. package/dist/cjs/tds-header-launcher-button.cjs.entry.js +4 -2
  35. package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
  36. package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
  37. package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +4 -4
  38. package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +4 -1
  39. package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
  40. package/dist/cjs/tds-header-launcher-list.cjs.entry.js +4 -1
  41. package/dist/cjs/tds-header-launcher.cjs.entry.js +6 -3
  42. package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
  43. package/dist/cjs/tds-header.cjs.entry.js +2 -15
  44. package/dist/cjs/tds-icon.cjs.entry.js +1 -1
  45. package/dist/cjs/tds-inline-tabs.cjs.entry.js +4 -2
  46. package/dist/cjs/tds-link.cjs.entry.js +2 -2
  47. package/dist/cjs/tds-message.cjs.entry.js +6 -3
  48. package/dist/cjs/tds-modal.cjs.entry.js +3 -1
  49. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +4 -2
  50. package/dist/cjs/tds-popover-canvas.cjs.entry.js +4 -2
  51. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  52. package/dist/cjs/tds-popover-menu-item.cjs.entry.js +3 -3
  53. package/dist/cjs/tds-popover-menu.cjs.entry.js +5 -3
  54. package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
  55. package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +3 -1
  56. package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +8 -5
  57. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +7 -5
  58. package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +5 -3
  59. package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +7 -4
  60. package/dist/cjs/tds-side-menu-item.cjs.entry.js +8 -5
  61. package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
  62. package/dist/cjs/tds-side-menu-user-image.cjs.entry.js +22 -0
  63. package/dist/cjs/tds-side-menu-user-label.cjs.entry.js +22 -0
  64. package/dist/cjs/tds-side-menu-user.cjs.entry.js +5 -2
  65. package/dist/cjs/tds-slider.cjs.entry.js +11 -8
  66. package/dist/cjs/tds-step.cjs.entry.js +7 -4
  67. package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +8 -5
  68. package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +12 -9
  69. package/dist/cjs/tds-table-body-row.cjs.entry.js +6 -3
  70. package/dist/cjs/tds-table-body.cjs.entry.js +12 -6
  71. package/dist/cjs/tds-table-footer.cjs.entry.js +12 -8
  72. package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +8 -5
  73. package/dist/cjs/tds-table-header.cjs.entry.js +13 -7
  74. package/dist/cjs/tds-table-toolbar.cjs.entry.js +6 -3
  75. package/dist/cjs/tds-table.cjs.entry.js +13 -9
  76. package/dist/cjs/tds-text-field.cjs.entry.js +8 -6
  77. package/dist/cjs/tds-textarea.cjs.entry.js +6 -3
  78. package/dist/cjs/tds-toast.cjs.entry.js +9 -6
  79. package/dist/cjs/tds-tooltip.cjs.entry.js +4 -2
  80. package/dist/cjs/tegel.cjs.js +1 -1
  81. package/dist/collection/components/accordion/accordion-item/accordion-item.css +1 -6
  82. package/dist/collection/components/accordion/accordion-item/accordion-item.js +6 -3
  83. package/dist/collection/components/badge/badge.js +1 -1
  84. package/dist/collection/components/banner/banner.css +1 -1
  85. package/dist/collection/components/banner/banner.js +4 -2
  86. package/dist/collection/components/block/block.js +2 -2
  87. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +1 -1
  88. package/dist/collection/components/breadcrumbs/breadcrumbs.js +1 -1
  89. package/dist/collection/components/button/button.css +58 -187
  90. package/dist/collection/components/button/button.js +2 -2
  91. package/dist/collection/components/card/card.js +4 -2
  92. package/dist/collection/components/checkbox/checkbox.js +2 -2
  93. package/dist/collection/components/chip/chip.js +1 -1
  94. package/dist/collection/components/datetime/datetime.css +2 -2
  95. package/dist/collection/components/datetime/datetime.js +6 -3
  96. package/dist/collection/components/divider/divider.js +1 -1
  97. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +7 -7
  98. package/dist/collection/components/dropdown/dropdown.css +3 -3
  99. package/dist/collection/components/dropdown/dropdown.js +11 -8
  100. package/dist/collection/components/footer/footer-group/footer-group.css +2 -2
  101. package/dist/collection/components/footer/footer-group/footer-group.js +5 -3
  102. package/dist/collection/components/footer/footer-item/footer-item.js +5 -2
  103. package/dist/collection/components/footer/footer.js +1 -1
  104. package/dist/collection/components/header/core-header-item/core-header-item.js +1 -1
  105. package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.css +3 -3
  106. package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +1 -1
  107. package/dist/collection/components/header/header-dropdown/header-dropdown.js +5 -3
  108. package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +2 -2
  109. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +2 -2
  110. package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +1 -1
  111. package/dist/collection/components/header/header-hamburger/header-hamburger.css +3 -3
  112. package/dist/collection/components/header/header-hamburger/header-hamburger.js +3 -1
  113. package/dist/collection/components/header/header-item/header-item.js +6 -3
  114. package/dist/collection/components/header/header-launcher/header-launcher.js +6 -3
  115. package/dist/collection/components/header/header-launcher-button/header-launcher-button.css +1 -1
  116. package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +3 -1
  117. package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +1 -1
  118. package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.js +1 -1
  119. package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +1 -1
  120. package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +4 -1
  121. package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js +4 -1
  122. package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +1 -1
  123. package/dist/collection/components/header/header-title/header-title.js +1 -1
  124. package/dist/collection/components/header/header.css +7 -7
  125. package/dist/collection/components/header/header.js +1 -14
  126. package/dist/collection/components/icon/icon.js +1 -1
  127. package/dist/collection/components/link/link.js +2 -2
  128. package/dist/collection/components/message/message.css +5 -5
  129. package/dist/collection/components/message/message.js +5 -2
  130. package/dist/collection/components/modal/modal.js +3 -1
  131. package/dist/collection/components/popover-canvas/popover-canvas.js +4 -2
  132. package/dist/collection/components/popover-core/popover-core.js +1 -1
  133. package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.css +2 -2
  134. package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +2 -2
  135. package/dist/collection/components/popover-menu/popover-menu.css +1 -5
  136. package/dist/collection/components/popover-menu/popover-menu.js +4 -2
  137. package/dist/collection/components/radio-button/radio-button.js +1 -1
  138. package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +3 -1
  139. package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +8 -5
  140. package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +7 -4
  141. package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +4 -3
  142. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +6 -5
  143. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +1 -1
  144. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +6 -4
  145. package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js +1 -1
  146. package/dist/collection/components/side-menu/side-menu-user/side-menu-user.css +1 -1
  147. package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +4 -1
  148. package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +1 -1
  149. package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +1 -1
  150. package/dist/collection/components/slider/slider.css +5 -5
  151. package/dist/collection/components/slider/slider.js +11 -8
  152. package/dist/collection/components/stepper/step/step.css +1 -1
  153. package/dist/collection/components/stepper/step/step.js +6 -3
  154. package/dist/collection/components/table/table/table.js +20 -9
  155. package/dist/collection/components/table/table-body/table-body.css +12 -12
  156. package/dist/collection/components/table/table-body/table-body.js +10 -5
  157. package/dist/collection/components/table/table-body-cell/table-body-cell.js +4 -3
  158. package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.css +3 -3
  159. package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +7 -4
  160. package/dist/collection/components/table/table-body-row/table-body-row.js +6 -3
  161. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +11 -9
  162. package/dist/collection/components/table/table-footer/table-footer.css +1 -1
  163. package/dist/collection/components/table/table-footer/table-footer.js +11 -7
  164. package/dist/collection/components/table/table-header/table-header.js +13 -7
  165. package/dist/collection/components/table/table-header-cell/table-header-cell.js +9 -4
  166. package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.css +3 -3
  167. package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +7 -4
  168. package/dist/collection/components/table/table-toolbar/table-toolbar.js +6 -3
  169. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +4 -2
  170. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +4 -2
  171. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -2
  172. package/dist/collection/components/text-field/text-field.css +3 -3
  173. package/dist/collection/components/text-field/text-field.js +7 -5
  174. package/dist/collection/components/textarea/textarea.js +6 -3
  175. package/dist/collection/components/toast/toast.css +6 -6
  176. package/dist/collection/components/toast/toast.js +8 -5
  177. package/dist/collection/components/tooltip/tooltip.js +4 -2
  178. package/dist/collection/utils/findClosestComponent.js +9 -0
  179. package/dist/collection/utils/getDirectChildHTMLElementOfKind.js +6 -0
  180. package/dist/collection/utils/tagName.js +29 -0
  181. package/dist/collection/utils/tagNames.js +91 -0
  182. package/dist/components/p-875e2e9c.js +12 -0
  183. package/dist/components/{p-0676aa23.js → p-93414e58.js} +7 -10
  184. package/dist/components/p-b33f8162.js +116 -0
  185. package/dist/components/p-d18575db.js +9 -0
  186. package/dist/components/tds-accordion-item.js +8 -11
  187. package/dist/components/tds-badge.js +1 -1
  188. package/dist/components/tds-banner.js +6 -10
  189. package/dist/components/tds-block.js +2 -2
  190. package/dist/components/tds-body-cell.js +4 -3
  191. package/dist/components/tds-breadcrumb.js +1 -1
  192. package/dist/components/tds-breadcrumbs.js +1 -1
  193. package/dist/components/tds-button.js +3 -3
  194. package/dist/components/tds-card.js +5 -9
  195. package/dist/components/tds-checkbox.js +89 -1
  196. package/dist/components/tds-chip.js +1 -1
  197. package/dist/components/tds-core-header-item.js +30 -1
  198. package/dist/components/tds-datetime.js +7 -10
  199. package/dist/components/tds-divider.js +33 -1
  200. package/dist/components/tds-dropdown-option.js +112 -1
  201. package/dist/components/tds-dropdown.js +516 -1
  202. package/dist/components/tds-folder-tabs.js +5 -9
  203. package/dist/components/tds-footer-group.js +7 -11
  204. package/dist/components/tds-footer-item.js +5 -2
  205. package/dist/components/tds-footer.js +1 -1
  206. package/dist/components/tds-header-brand-symbol.js +4 -10
  207. package/dist/components/tds-header-cell.js +10 -11
  208. package/dist/components/tds-header-dropdown-list-item.js +39 -1
  209. package/dist/components/tds-header-dropdown-list-user.js +1 -1
  210. package/dist/components/tds-header-dropdown-list.js +99 -1
  211. package/dist/components/tds-header-dropdown.js +6 -34
  212. package/dist/components/tds-header-hamburger.js +5 -21
  213. package/dist/components/tds-header-item.js +1 -1
  214. package/dist/components/tds-header-launcher-button.js +39 -1
  215. package/dist/components/tds-header-launcher-grid-item.js +1 -1
  216. package/dist/components/tds-header-launcher-grid-title.js +1 -1
  217. package/dist/components/tds-header-launcher-grid.js +1 -1
  218. package/dist/components/tds-header-launcher-list-item.js +5 -8
  219. package/dist/components/tds-header-launcher-list-title.js +1 -1
  220. package/dist/components/tds-header-launcher-list.js +5 -8
  221. package/dist/components/tds-header-launcher.js +7 -40
  222. package/dist/components/tds-header-title.js +1 -1
  223. package/dist/components/tds-header.js +2 -15
  224. package/dist/components/tds-icon.js +63 -1
  225. package/dist/components/tds-inline-tabs.js +5 -9
  226. package/dist/components/tds-link.js +2 -2
  227. package/dist/components/tds-message.js +7 -10
  228. package/dist/components/tds-modal.js +4 -8
  229. package/dist/components/tds-navigation-tabs.js +5 -9
  230. package/dist/components/tds-popover-canvas.js +66 -1
  231. package/dist/components/tds-popover-core.js +1998 -1
  232. package/dist/components/tds-popover-menu-item.js +3 -3
  233. package/dist/components/tds-popover-menu.js +6 -10
  234. package/dist/components/tds-radio-button.js +1 -1
  235. package/dist/components/tds-side-menu-close-button.js +4 -8
  236. package/dist/components/tds-side-menu-collapse-button.js +9 -12
  237. package/dist/components/tds-side-menu-dropdown-list-item.js +6 -5
  238. package/dist/components/tds-side-menu-dropdown-list.js +4 -3
  239. package/dist/components/tds-side-menu-dropdown.js +8 -17
  240. package/dist/components/tds-side-menu-item.js +90 -1
  241. package/dist/components/tds-side-menu-overlay.js +1 -1
  242. package/dist/components/tds-side-menu-user-image.js +35 -1
  243. package/dist/components/tds-side-menu-user-label.js +35 -1
  244. package/dist/components/tds-side-menu-user.js +6 -15
  245. package/dist/components/tds-slider.js +13 -16
  246. package/dist/components/tds-step.js +8 -11
  247. package/dist/components/tds-table-body-input-wrapper.js +9 -12
  248. package/dist/components/tds-table-body-row-expandable.js +11 -9
  249. package/dist/components/tds-table-body-row.js +7 -10
  250. package/dist/components/tds-table-body.js +11 -6
  251. package/dist/components/tds-table-footer.js +13 -33
  252. package/dist/components/tds-table-header-input-wrapper.js +9 -12
  253. package/dist/components/tds-table-header.js +14 -14
  254. package/dist/components/tds-table-toolbar.js +7 -10
  255. package/dist/components/tds-table.js +12 -9
  256. package/dist/components/tds-text-field.js +9 -13
  257. package/dist/components/tds-textarea.js +7 -10
  258. package/dist/components/tds-toast.js +10 -13
  259. package/dist/components/tds-tooltip.js +5 -9
  260. package/dist/esm/findClosestComponent-884d0262.js +12 -0
  261. package/dist/esm/getDirectChildHTMLElementOfKind-96e23d9f.js +9 -0
  262. package/dist/esm/index-51d04e39.js +58 -46
  263. package/dist/esm/loader.js +1 -1
  264. package/dist/esm/tagName-2e4b5836.js +116 -0
  265. package/dist/esm/tds-accordion-item.entry.js +8 -5
  266. package/dist/esm/tds-badge.entry.js +1 -1
  267. package/dist/esm/tds-banner.entry.js +5 -3
  268. package/dist/esm/tds-block.entry.js +2 -2
  269. package/dist/esm/tds-body-cell.entry.js +5 -3
  270. package/dist/esm/tds-breadcrumb.entry.js +1 -1
  271. package/dist/esm/tds-breadcrumbs.entry.js +1 -1
  272. package/dist/esm/tds-button.entry.js +3 -3
  273. package/dist/esm/tds-card.entry.js +4 -2
  274. package/dist/esm/tds-checkbox.entry.js +2 -2
  275. package/dist/esm/tds-chip.entry.js +1 -1
  276. package/dist/esm/tds-core-header-item.entry.js +16 -0
  277. package/dist/esm/tds-datetime.entry.js +7 -4
  278. package/dist/esm/tds-divider.entry.js +1 -1
  279. package/dist/{components/p-1c256b8d.js → esm/tds-dropdown-option.entry.js} +15 -50
  280. package/dist/{components/p-f5531179.js → esm/tds-dropdown.entry.js} +20 -66
  281. package/dist/esm/tds-folder-tabs.entry.js +4 -2
  282. package/dist/esm/tds-footer-group.entry.js +6 -4
  283. package/dist/esm/tds-footer-item.entry.js +6 -2
  284. package/dist/esm/tds-footer.entry.js +1 -1
  285. package/dist/esm/tds-header-brand-symbol.entry.js +2 -2
  286. package/dist/esm/tds-header-cell.entry.js +9 -4
  287. package/dist/esm/tds-header-dropdown-list-item.entry.js +2 -2
  288. package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
  289. package/dist/esm/tds-header-dropdown-list.entry.js +3 -3
  290. package/dist/esm/tds-header-dropdown.entry.js +5 -3
  291. package/dist/esm/tds-header-hamburger.entry.js +4 -2
  292. package/dist/esm/{tds-core-header-item_2.entry.js → tds-header-item.entry.js} +7 -17
  293. package/dist/esm/tds-header-launcher-button.entry.js +4 -2
  294. package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
  295. package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
  296. package/dist/esm/tds-header-launcher-grid.entry.js +2 -2
  297. package/dist/esm/tds-header-launcher-list-item.entry.js +5 -2
  298. package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
  299. package/dist/esm/tds-header-launcher-list.entry.js +5 -2
  300. package/dist/esm/tds-header-launcher.entry.js +6 -3
  301. package/dist/esm/tds-header-title.entry.js +1 -1
  302. package/dist/esm/tds-header.entry.js +2 -15
  303. package/dist/esm/tds-icon.entry.js +1 -1
  304. package/dist/esm/tds-inline-tabs.entry.js +4 -2
  305. package/dist/esm/tds-link.entry.js +2 -2
  306. package/dist/esm/tds-message.entry.js +7 -4
  307. package/dist/esm/tds-modal.entry.js +3 -1
  308. package/dist/esm/tds-navigation-tabs.entry.js +4 -2
  309. package/dist/esm/tds-popover-canvas.entry.js +4 -2
  310. package/dist/esm/tds-popover-core.entry.js +1 -1
  311. package/dist/esm/tds-popover-menu-item.entry.js +3 -3
  312. package/dist/esm/tds-popover-menu.entry.js +5 -3
  313. package/dist/esm/tds-radio-button.entry.js +1 -1
  314. package/dist/esm/tds-side-menu-close-button.entry.js +3 -1
  315. package/dist/esm/tds-side-menu-collapse-button.entry.js +8 -5
  316. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +7 -5
  317. package/dist/esm/tds-side-menu-dropdown-list.entry.js +5 -3
  318. package/dist/esm/tds-side-menu-dropdown.entry.js +7 -4
  319. package/dist/esm/tds-side-menu-item.entry.js +8 -5
  320. package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
  321. package/dist/esm/tds-side-menu-user-image.entry.js +18 -0
  322. package/dist/esm/tds-side-menu-user-label.entry.js +18 -0
  323. package/dist/esm/tds-side-menu-user.entry.js +6 -3
  324. package/dist/esm/tds-slider.entry.js +12 -9
  325. package/dist/esm/tds-step.entry.js +7 -4
  326. package/dist/esm/tds-table-body-input-wrapper.entry.js +8 -5
  327. package/dist/esm/tds-table-body-row-expandable.entry.js +12 -9
  328. package/dist/esm/tds-table-body-row.entry.js +6 -3
  329. package/dist/esm/tds-table-body.entry.js +12 -6
  330. package/dist/esm/tds-table-footer.entry.js +12 -8
  331. package/dist/esm/tds-table-header-input-wrapper.entry.js +8 -5
  332. package/dist/esm/tds-table-header.entry.js +13 -7
  333. package/dist/esm/tds-table-toolbar.entry.js +6 -3
  334. package/dist/esm/tds-table.entry.js +13 -9
  335. package/dist/esm/tds-text-field.entry.js +8 -6
  336. package/dist/esm/tds-textarea.entry.js +7 -4
  337. package/dist/esm/tds-toast.entry.js +9 -6
  338. package/dist/esm/tds-tooltip.entry.js +4 -2
  339. package/dist/esm/tegel.js +1 -1
  340. package/dist/tegel/p-01dc0370.entry.js +1 -0
  341. package/dist/tegel/p-06431096.entry.js +1 -0
  342. package/dist/tegel/p-07e3a645.entry.js +1 -0
  343. package/dist/tegel/p-082d6de9.entry.js +1 -0
  344. package/dist/tegel/p-0a228d69.entry.js +1 -0
  345. package/dist/tegel/p-0d80429b.entry.js +1 -0
  346. package/dist/tegel/p-136c978a.entry.js +1 -0
  347. package/dist/tegel/p-13f14f71.entry.js +1 -0
  348. package/dist/tegel/p-15638893.entry.js +1 -0
  349. package/dist/tegel/p-16d3d938.entry.js +1 -0
  350. package/dist/tegel/p-191a6e60.entry.js +1 -0
  351. package/dist/tegel/p-19cda6ca.entry.js +1 -0
  352. package/dist/tegel/p-1c4b7a7d.entry.js +1 -0
  353. package/dist/tegel/p-2094ccde.entry.js +1 -0
  354. package/dist/tegel/p-26603eef.entry.js +1 -0
  355. package/dist/tegel/p-2b5871d5.entry.js +1 -0
  356. package/dist/tegel/p-304a4c84.entry.js +1 -0
  357. package/dist/tegel/p-3cc3e9f1.entry.js +1 -0
  358. package/dist/tegel/p-3cf784a4.entry.js +1 -0
  359. package/dist/tegel/p-400d5972.entry.js +1 -0
  360. package/dist/tegel/p-4132bc7c.entry.js +1 -0
  361. package/dist/tegel/{p-de540cc0.entry.js → p-416d8080.entry.js} +1 -1
  362. package/dist/tegel/p-43a74ec0.entry.js +1 -0
  363. package/dist/tegel/p-448fef57.entry.js +1 -0
  364. package/dist/tegel/p-45aa4dca.entry.js +1 -0
  365. package/dist/tegel/p-48148b7d.entry.js +1 -0
  366. package/dist/tegel/p-4a2000f2.entry.js +1 -0
  367. package/dist/tegel/{p-f9325536.entry.js → p-4b23a02f.entry.js} +1 -1
  368. package/dist/tegel/p-4eea4c8f.entry.js +1 -0
  369. package/dist/tegel/p-54a87c06.entry.js +1 -0
  370. package/dist/tegel/p-5be505ca.entry.js +1 -0
  371. package/dist/tegel/p-5f5fb18b.entry.js +1 -0
  372. package/dist/tegel/p-62196862.entry.js +1 -0
  373. package/dist/tegel/p-6542a541.entry.js +1 -0
  374. package/dist/tegel/p-6aea533d.entry.js +1 -0
  375. package/dist/tegel/p-6bc339db.entry.js +1 -0
  376. package/dist/tegel/p-718a5428.entry.js +1 -0
  377. package/dist/tegel/{p-fe9b385f.entry.js → p-73d72704.entry.js} +1 -1
  378. package/dist/tegel/{p-ede11de8.entry.js → p-7639adea.entry.js} +1 -1
  379. package/dist/tegel/p-79a4da37.entry.js +1 -0
  380. package/dist/tegel/p-7e989008.entry.js +1 -0
  381. package/dist/tegel/p-807d3a4e.entry.js +1 -0
  382. package/dist/tegel/p-81dc1e2f.entry.js +1 -0
  383. package/dist/tegel/p-854dcbe4.entry.js +1 -0
  384. package/dist/tegel/p-859e3ebf.js +1 -0
  385. package/dist/tegel/p-875e2e9c.js +1 -0
  386. package/dist/tegel/p-876a3b13.entry.js +1 -0
  387. package/dist/tegel/p-8a5df7a0.entry.js +1 -0
  388. package/dist/tegel/{p-50fcdc56.entry.js → p-8ccf3a15.entry.js} +1 -1
  389. package/dist/tegel/p-91072613.entry.js +1 -0
  390. package/dist/tegel/{p-bda3d846.entry.js → p-938f3efa.entry.js} +1 -1
  391. package/dist/tegel/p-985a2d37.entry.js +1 -0
  392. package/dist/tegel/{p-6b405a0f.entry.js → p-9a120de1.entry.js} +1 -1
  393. package/dist/tegel/p-9ac97508.entry.js +1 -0
  394. package/dist/tegel/{p-1ce239bf.entry.js → p-9d00bc5e.entry.js} +1 -1
  395. package/dist/tegel/p-9e49e118.entry.js +1 -0
  396. package/dist/tegel/p-a056ecbf.entry.js +1 -0
  397. package/dist/tegel/p-a66dcbc0.entry.js +1 -0
  398. package/dist/tegel/p-abe194db.entry.js +1 -0
  399. package/dist/tegel/p-ae0d0422.entry.js +1 -0
  400. package/dist/tegel/{p-c3513f1f.entry.js → p-b1fcdbd1.entry.js} +1 -1
  401. package/dist/tegel/p-b33f8162.js +1 -0
  402. package/dist/tegel/{p-9bf7f5cd.entry.js → p-b36fafa5.entry.js} +1 -1
  403. package/dist/tegel/{p-e65dba91.entry.js → p-b7cb84d1.entry.js} +1 -1
  404. package/dist/tegel/{p-cd289e17.entry.js → p-c026cd40.entry.js} +1 -1
  405. package/dist/tegel/p-ca19d259.entry.js +1 -0
  406. package/dist/tegel/{p-0df92ce7.entry.js → p-cc2524ea.entry.js} +1 -1
  407. package/dist/tegel/p-cdd4acb0.entry.js +1 -0
  408. package/dist/tegel/p-d023830f.entry.js +1 -0
  409. package/dist/tegel/p-d18575db.js +1 -0
  410. package/dist/tegel/{p-a464920f.entry.js → p-db250bc9.entry.js} +1 -1
  411. package/dist/tegel/p-ddb96690.entry.js +1 -0
  412. package/dist/tegel/p-e455db38.entry.js +1 -0
  413. package/dist/tegel/p-ef49682d.entry.js +1 -0
  414. package/dist/tegel/p-efc72ccb.entry.js +1 -0
  415. package/dist/tegel/p-f7c4f098.entry.js +1 -0
  416. package/dist/tegel/{p-137929b7.entry.js → p-fb026b94.entry.js} +1 -1
  417. package/dist/tegel/p-fc844498.entry.js +1 -0
  418. package/dist/tegel/tegel.css +1 -1
  419. package/dist/tegel/tegel.esm.js +1 -1
  420. package/dist/types/components/accordion/accordion-item/accordion-item.d.ts +1 -0
  421. package/dist/types/components/datetime/datetime.d.ts +1 -0
  422. package/dist/types/components/header/header-launcher-list/header-launcher-list.d.ts +1 -0
  423. package/dist/types/components/header/header-launcher-list-item/header-launcher-list-item.d.ts +1 -0
  424. package/dist/types/components/header/header.d.ts +0 -2
  425. package/dist/types/components/message/message.d.ts +1 -0
  426. package/dist/types/components/side-menu/side-menu-user/side-menu-user.d.ts +1 -0
  427. package/dist/types/components/slider/slider.d.ts +1 -0
  428. package/dist/types/components/stepper/step/step.d.ts +1 -1
  429. package/dist/types/components/table/table/table.d.ts +1 -1
  430. package/dist/types/components/table/table-footer/table-footer.d.ts +1 -1
  431. package/dist/types/components/textarea/textarea.d.ts +1 -0
  432. package/dist/types/utils/findClosestComponent.d.ts +9 -0
  433. package/dist/types/utils/getDirectChildHTMLElementOfKind.d.ts +2 -0
  434. package/dist/types/utils/tagName.d.ts +6 -0
  435. package/dist/types/utils/tagNames.d.ts +4 -0
  436. package/package.json +1 -1
  437. package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +0 -38
  438. package/dist/components/p-09d36119.js +0 -37
  439. package/dist/components/p-0c3cab16.js +0 -90
  440. package/dist/components/p-30de8ac4.js +0 -32
  441. package/dist/components/p-3e74be57.js +0 -65
  442. package/dist/components/p-8e74bb22.js +0 -57
  443. package/dist/components/p-a9609e88.js +0 -72
  444. package/dist/components/p-cfb1b588.js +0 -41
  445. package/dist/components/p-dc461e7b.js +0 -2000
  446. package/dist/components/p-dddaa520.js +0 -37
  447. package/dist/components/p-e46088d9.js +0 -35
  448. package/dist/components/p-e4d7c655.js +0 -91
  449. package/dist/components/p-fcec766c.js +0 -101
  450. package/dist/esm/tds-dropdown_2.entry.js +0 -560
  451. package/dist/esm/tds-side-menu-user-image_2.entry.js +0 -33
  452. package/dist/tegel/p-06d2fa56.entry.js +0 -1
  453. package/dist/tegel/p-088bfcd4.entry.js +0 -1
  454. package/dist/tegel/p-0f38bea7.entry.js +0 -1
  455. package/dist/tegel/p-0f486a7c.entry.js +0 -1
  456. package/dist/tegel/p-1634247e.entry.js +0 -1
  457. package/dist/tegel/p-1a2f3852.entry.js +0 -1
  458. package/dist/tegel/p-1bc2c73c.entry.js +0 -1
  459. package/dist/tegel/p-285d7485.entry.js +0 -1
  460. package/dist/tegel/p-2b030cef.entry.js +0 -1
  461. package/dist/tegel/p-2e44b4e9.entry.js +0 -1
  462. package/dist/tegel/p-46fe6712.entry.js +0 -1
  463. package/dist/tegel/p-4ab7461e.entry.js +0 -1
  464. package/dist/tegel/p-4bab99d5.entry.js +0 -1
  465. package/dist/tegel/p-51e49417.entry.js +0 -1
  466. package/dist/tegel/p-52be41ce.entry.js +0 -1
  467. package/dist/tegel/p-54a105a4.entry.js +0 -1
  468. package/dist/tegel/p-588a05aa.entry.js +0 -1
  469. package/dist/tegel/p-5a891dd2.entry.js +0 -1
  470. package/dist/tegel/p-5d0e8f1e.entry.js +0 -1
  471. package/dist/tegel/p-6938329a.entry.js +0 -1
  472. package/dist/tegel/p-6aabf7e1.entry.js +0 -1
  473. package/dist/tegel/p-6c26e66f.entry.js +0 -1
  474. package/dist/tegel/p-73dd2dbb.entry.js +0 -1
  475. package/dist/tegel/p-7a83cf55.entry.js +0 -1
  476. package/dist/tegel/p-7d83ba98.entry.js +0 -1
  477. package/dist/tegel/p-831111e9.entry.js +0 -1
  478. package/dist/tegel/p-8ae952b6.entry.js +0 -1
  479. package/dist/tegel/p-91225c7a.entry.js +0 -1
  480. package/dist/tegel/p-91dcddd5.entry.js +0 -1
  481. package/dist/tegel/p-930e767e.entry.js +0 -1
  482. package/dist/tegel/p-9332c225.js +0 -1
  483. package/dist/tegel/p-959a6780.entry.js +0 -1
  484. package/dist/tegel/p-987084a5.entry.js +0 -1
  485. package/dist/tegel/p-9c2dfecc.entry.js +0 -1
  486. package/dist/tegel/p-9de400f4.entry.js +0 -1
  487. package/dist/tegel/p-a5a67770.entry.js +0 -1
  488. package/dist/tegel/p-a642c800.entry.js +0 -1
  489. package/dist/tegel/p-a9654cd4.entry.js +0 -1
  490. package/dist/tegel/p-aed1c5cf.entry.js +0 -1
  491. package/dist/tegel/p-b21eb276.entry.js +0 -1
  492. package/dist/tegel/p-b4c7099f.entry.js +0 -1
  493. package/dist/tegel/p-b9ac3122.entry.js +0 -1
  494. package/dist/tegel/p-b9e37cf2.entry.js +0 -1
  495. package/dist/tegel/p-bb129d43.entry.js +0 -1
  496. package/dist/tegel/p-bcae4d3a.entry.js +0 -1
  497. package/dist/tegel/p-c18b2746.entry.js +0 -1
  498. package/dist/tegel/p-c790ef93.entry.js +0 -1
  499. package/dist/tegel/p-c917d8be.entry.js +0 -1
  500. package/dist/tegel/p-cd5219ac.entry.js +0 -1
  501. package/dist/tegel/p-d1cbe5be.entry.js +0 -1
  502. package/dist/tegel/p-db00f607.entry.js +0 -1
  503. package/dist/tegel/p-dcbd977f.entry.js +0 -1
  504. package/dist/tegel/p-e7108828.entry.js +0 -1
  505. package/dist/tegel/p-ed02ad2b.entry.js +0 -1
  506. package/dist/tegel/p-f0d46e61.entry.js +0 -1
  507. package/dist/tegel/p-f841f094.entry.js +0 -1
  508. package/dist/tegel/p-ff5cd75f.entry.js +0 -1
  509. package/dist/cjs/{isHeadingElement-4f06b688.js → getPreviousNestedChildOfSiblingsMatching-4e700df1.js} +12 -12
  510. package/dist/esm/{isHeadingElement-8efea284.js → getPreviousNestedChildOfSiblingsMatching-a6fcb512.js} +12 -12
package/dist/esm/tds-button.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-51d04e39.js';
2
2
  import { h as hasSlot } from './hasSlot-d52114d0.js';
3
3
 
4
- const buttonCss = ".sc-tds-button:root,.tds-mode-light.sc-tds-button{--tds-btn-primary-background:var(--tds-blue-600);--tds-btn-primary-color:var(--tds-white);--tds-btn-primary-border-color:transparent;--tds-btn-primary-background-hover:var(--tds-blue-500);--tds-btn-primary-color-hover:var(--tds-white);--tds-btn-primary-border-color-hover:transparent;--tds-btn-primary-background-active:var(--tds-blue-700);--tds-btn-primary-color-active:var(--tds-white);--tds-btn-primary-border-color-active:var(--tds-blue-700);--tds-btn-primary-background-focus:var(--tds-blue-400);--tds-btn-primary-color-focus:var(--tds-white);--tds-btn-primary-border-color-focus:var(--tds-blue-600);--tds-btn-primary-outline-color-focus:var(--tds-blue-600);--tds-btn-primary-background-disabled-primary:var(--tds-grey-50);--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-disabled:var(--tds-grey-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-black-48);--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-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-black);--tds-btn-secondary-border-color-active:var(--tds-black-87);--tds-btn-secondary-background-focus:transparent;--tds-btn-secondary-color-focus:var(--tds-black);--tds-btn-secondary-border-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color:var(--tds-black-38);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:var(--tds-black-38);--tds-btn-secondary-border-color-disabled:var(--tds-black-38);--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-958);--tds-btn-icon-secondary-fill:var(--tds-grey-958);--tds-btn-icon-secondary-color:var(--tds-grey-958);--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-958);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-black);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-black);--tds-btn-ghost-border-color-hover:var(--tds-black-48);--tds-btn-ghost-outline-color-hover:var(--tds-black-48);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-black);--tds-btn-ghost-border-color-active:var(--tds-black-87);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-black);--tds-btn-ghost-border-color-focus:var(--tds-blue-400);--tds-btn-ghost-outline-color-focus:var(--tds-blue-400);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:var(--tds-black-38);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-958);--tds-btn-icon-ghost-color:var(--tds-grey-958);--tds-btn-danger-background:var(--tds-negative);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--tds-red-600);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--tds-red-700);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:var(--tds-red-700);--tds-btn-danger-background-focus:var(--tds-red-400);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-400);--tds-btn-danger-outline-color-focus:var(--tds-red-700);--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-black-38);--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(--tds-blue-400);--tds-btn-primary-background-hover:var(--tds-blue-500);--tds-btn-primary-background-active:var(--tds-blue-300);--tds-btn-primary-background-focus:var(--tds-blue-600);--tds-btn-primary-border-color-focus:var(--tds-blue-400);--tds-btn-primary-outline-color-focus:var(--tds-blue-400);--tds-btn-primary-background-disabled-primary:var(--tds-grey-900);--tds-btn-primary-background-disabled-secondary:var(--tds-grey-868);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--tds-white-38);--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(--tds-white-48);--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-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-white);--tds-btn-secondary-border-color-active:var(--tds-white-87);--tds-btn-secondary-background-focus:transparent;--tds-btn-secondary-color-focus:var(--tds-white);--tds-btn-secondary-border-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color:var(--tds-white);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:var(--tds-white-38);--tds-btn-secondary-border-color-disabled:var(--tds-white-38);--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-white-48);--tds-btn-ghost-outline-color-hover:var(--tds-white-48);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-white);--tds-btn-ghost-border-color-active:var(--tds-white-87);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-white);--tds-btn-ghost-border-color-focus:var(--tds-blue-300);--tds-btn-ghost-outline-color-focus:var(--tds-blue-300);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:var(--tds-white-38);--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(--tds-negative);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--tds-red-600);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--tds-red-700);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:transparent;--tds-btn-danger-background-focus:var(--tds-red-400);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-400);--tds-btn-danger-outline-color-focus:var(--tds-red-700);--tds-btn-danger-background-disabled-primary:var(--tds-grey-900);--tds-btn-danger-background-disabled-secondary:var(--tds-grey-868);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:var(--tds-white-38);--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}button.sc-tds-button *.sc-tds-button{box-sizing:border-box}button.sc-tds-button:disabled,button.disabled.sc-tds-button{cursor:unset}button.sc-tds-button:focus{outline:none}button.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}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.xs.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-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.sm.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}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.md.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}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.lg.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.fullbleed.sc-tds-button{width:100%;display:flex;justify-content:center}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{cursor:not-allowed;background:var(--tds-btn-primary-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-primary-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-primary-color-disabled);cursor:not-allowed;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{cursor:not-allowed;background:var(--tds-btn-secondary-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-secondary-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-secondary-color-disabled);cursor:not-allowed;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{cursor:not-allowed;background:var(--tds-btn-ghost-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-ghost-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-ghost-color-disabled);cursor:not-allowed;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{cursor:not-allowed;background:var(--tds-btn-danger-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-danger-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-danger-color-disabled);cursor:not-allowed;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)}tds-button[disabled=true].sc-tds-button-h{pointer-events:none}.sc-tds-button-htds-button[disabled=true].sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button[disabled=true] .sc-tds-button-s>[slot=icon]{pointer-events:none}tds-button[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}";
4
+ const buttonCss = ".sc-tds-button:root,.tds-mode-light.sc-tds-button{--tds-btn-primary-background:var(--tds-blue-600);--tds-btn-primary-color:var(--tds-white);--tds-btn-primary-border-color:transparent;--tds-btn-primary-background-hover:var(--tds-blue-500);--tds-btn-primary-color-hover:var(--tds-white);--tds-btn-primary-border-color-hover:transparent;--tds-btn-primary-background-active:var(--tds-blue-700);--tds-btn-primary-color-active:var(--tds-white);--tds-btn-primary-border-color-active:var(--tds-blue-700);--tds-btn-primary-background-focus:var(--tds-blue-400);--tds-btn-primary-color-focus:var(--tds-white);--tds-btn-primary-border-color-focus:var(--tds-blue-600);--tds-btn-primary-outline-color-focus:var(--tds-blue-600);--tds-btn-primary-background-disabled-primary:var(--tds-grey-50);--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-disabled:var(--tds-grey-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-black-48);--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-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-black);--tds-btn-secondary-border-color-active:var(--tds-black-87);--tds-btn-secondary-background-focus:transparent;--tds-btn-secondary-color-focus:var(--tds-black);--tds-btn-secondary-border-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color:var(--tds-black-38);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:var(--tds-black-38);--tds-btn-secondary-border-color-disabled:var(--tds-black-38);--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-958);--tds-btn-icon-secondary-fill:var(--tds-grey-958);--tds-btn-icon-secondary-color:var(--tds-grey-958);--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-958);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-black);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-black);--tds-btn-ghost-border-color-hover:var(--tds-black-48);--tds-btn-ghost-outline-color-hover:var(--tds-black-48);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-black);--tds-btn-ghost-border-color-active:var(--tds-black-87);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-black);--tds-btn-ghost-border-color-focus:var(--tds-blue-400);--tds-btn-ghost-outline-color-focus:var(--tds-blue-400);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:var(--tds-black-38);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-958);--tds-btn-icon-ghost-color:var(--tds-grey-958);--tds-btn-danger-background:var(--tds-negative);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--tds-red-600);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--tds-red-700);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:var(--tds-red-700);--tds-btn-danger-background-focus:var(--tds-red-400);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-400);--tds-btn-danger-outline-color-focus:var(--tds-red-700);--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-black-38);--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(--tds-blue-400);--tds-btn-primary-background-hover:var(--tds-blue-500);--tds-btn-primary-background-active:var(--tds-blue-300);--tds-btn-primary-background-focus:var(--tds-blue-600);--tds-btn-primary-border-color-focus:var(--tds-blue-400);--tds-btn-primary-outline-color-focus:var(--tds-blue-400);--tds-btn-primary-background-disabled-primary:var(--tds-grey-900);--tds-btn-primary-background-disabled-secondary:var(--tds-grey-868);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--tds-white-38);--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(--tds-white-48);--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-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-white);--tds-btn-secondary-border-color-active:var(--tds-white-87);--tds-btn-secondary-background-focus:transparent;--tds-btn-secondary-color-focus:var(--tds-white);--tds-btn-secondary-border-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color:var(--tds-white);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:var(--tds-white-38);--tds-btn-secondary-border-color-disabled:var(--tds-white-38);--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-white-48);--tds-btn-ghost-outline-color-hover:var(--tds-white-48);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-white);--tds-btn-ghost-border-color-active:var(--tds-white-87);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-white);--tds-btn-ghost-border-color-focus:var(--tds-blue-300);--tds-btn-ghost-outline-color-focus:var(--tds-blue-300);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:var(--tds-white-38);--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(--tds-negative);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--tds-red-600);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--tds-red-700);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:transparent;--tds-btn-danger-background-focus:var(--tds-red-400);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-400);--tds-btn-danger-outline-color-focus:var(--tds-red-700);--tds-btn-danger-background-disabled-primary:var(--tds-grey-900);--tds-btn-danger-background-disabled-secondary:var(--tds-grey-868);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:var(--tds-white-38);--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)}.sc-tds-button-h{box-sizing:border-box;display:inline-flex;align-items:center;border-radius:4px;text-decoration:none;cursor:pointer;position:relative}.sc-tds-button-h *.sc-tds-button{box-sizing:border-box}.sc-tds-button-h button.sc-tds-button{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:4px;border:1px solid;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;padding:var(--tds-spacing-element-20);height:56px;outline:none}.sc-tds-button-h button.sc-tds-button:disabled,.sc-tds-button-h button.disabled.sc-tds-button{cursor:not-allowed}.sc-tds-button-h button.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}.sc-tds-button-h button.xs.sc-tds-button{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:12px;border-radius:2px}.sc-tds-button-h button.sm.sc-tds-button{padding:var(--tds-spacing-element-12);height:40px}.sc-tds-button-h button.sm.icon.sc-tds-button{padding:10px var(--tds-spacing-element-12)}.sc-tds-button-h button.sm.only-icon.sc-tds-button{padding:11px}.sc-tds-button-h button.md.sc-tds-button{padding:var(--tds-spacing-element-16);height:48px}.sc-tds-button-h button.md.icon.sc-tds-button{padding:14px var(--tds-spacing-element-16)}.sc-tds-button-h button.md.only-icon.sc-tds-button{padding:13px}.sc-tds-button-h button.lg.sc-tds-button{padding:var(--tds-spacing-element-20);height:56px}.sc-tds-button-h button.lg.icon.sc-tds-button{padding:18px var(--tds-spacing-element-20)}.sc-tds-button-h button.lg.only-icon.sc-tds-button{padding:17px}.sc-tds-button-h button.fullbleed.sc-tds-button{width:100%;display:flex;justify-content:center}.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h button.primary.sc-tds-button:active,.sc-tds-button-h 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)}.sc-tds-button-h button.primary.disabled.sc-tds-button,.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h button.secondary.sc-tds-button:active,.sc-tds-button-h 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)}.sc-tds-button-h button.secondary.disabled.sc-tds-button,.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h button.ghost.sc-tds-button:active,.sc-tds-button-h 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)}.sc-tds-button-h button.ghost.disabled.sc-tds-button,.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h 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)}.sc-tds-button-h button.danger.sc-tds-button:active,.sc-tds-button-h 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)}.sc-tds-button-h button.danger.disabled.sc-tds-button,.sc-tds-button-h 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)}.sc-tds-button-h.sc-tds-button-s>[slot=icon],.sc-tds-button-h .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}.sc-tds-button-h .sm.sc-tds-button-s>[slot=icon],.sc-tds-button-h .sm .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}[disabled=true].sc-tds-button-h{pointer-events:none}.sc-tds-button-h[disabled=true].sc-tds-button-s>[slot=icon],.sc-tds-button-h[disabled=true] .sc-tds-button-s>[slot=icon]{pointer-events:none}[fullbleed].sc-tds-button-h{width:100%;justify-content:center}";
5
5
  const TdsButtonStyle0 = buttonCss;
6
6
 
7
7
  const TdsButton = class {
@@ -22,7 +22,7 @@ const TdsButton = class {
22
22
  if (!this.text && !hasLabelSlot) {
23
23
  this.onlyIcon = true;
24
24
  }
25
- return (h(Host, { key: '5a23d142b00352b282b888daac7ab1b319f2916b', class: `${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("button", { key: '7cef70a1d3c191304dc7c1c62f43184f45c6acf7', type: this.type, disabled: this.disabled, class: {
25
+ return (h(Host, { key: 'bc1016f248709a78c51b655ed9a7e6e5d1645a48', class: `${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("button", { key: 'b1968dfbbd3b2efb212833c32b1823a1b33680d2', type: this.type, disabled: this.disabled, class: {
26
26
  'primary': this.variant === 'primary',
27
27
  'secondary': this.variant === 'secondary',
28
28
  'ghost': this.variant === 'ghost',
@@ -35,7 +35,7 @@ const TdsButton = class {
35
35
  'fullbleed': this.fullbleed,
36
36
  'icon': hasIconSlot,
37
37
  'only-icon': this.onlyIcon,
38
- } }, this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: '206ad435a82571501e4eac3d2cc6e83b70261487', name: "label" }), hasIconSlot && h("slot", { key: '8fa3440787c237542fb2ab0005aa1cda79af70bf', name: "icon" }))));
38
+ } }, this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: '47b7c91724aaac51684bd990c4c6bb8304f2ffa8', name: "label" }), hasIconSlot && h("slot", { key: '17a004151ddd450efd4ebc74220aa6b449fc81cd', name: "icon" }))));
39
39
  }
40
40
  get host() { return getElement(this); }
41
41
  };
package/dist/esm/tds-card.entry.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-51d04e39.js';
2
2
  import { g as generateUniqueId } from './generateUniqueId-7934d315.js';
3
3
  import { h as hasSlot } from './hasSlot-d52114d0.js';
4
+ import { g as getPrefixedTagNames } from './tagName-2e4b5836.js';
4
5
 
5
6
  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;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}";
6
7
  const TdsCardStyle0 = cardCss;
@@ -24,7 +25,8 @@ const TdsCard = class {
24
25
  const usesBodySlot = hasSlot('body', this.host);
25
26
  const usesBodyImageSlot = hasSlot('body-image', this.host);
26
27
  const usesActionsSlot = hasSlot('actions', this.host);
27
- return (h("div", { class: this.stretch && 'stretch' }, this.imagePlacement === 'below-header' && this.getCardHeader(), h("div", { class: `card-body` }, usesBodyImageSlot && h("slot", { name: "body-image" }), this.bodyImg && h("img", { class: "card-body-img", src: this.bodyImg, alt: this.bodyImgAlt }), this.imagePlacement === 'above-header' && this.getCardHeader(), this.bodyDivider && h("tds-divider", null), usesBodySlot && h("slot", { name: "body" })), usesActionsSlot && h("slot", { name: `actions` })));
28
+ const prefixedTagNames = getPrefixedTagNames(this.host);
29
+ return (h("div", { class: this.stretch && 'stretch' }, this.imagePlacement === 'below-header' && this.getCardHeader(), h("div", { class: `card-body` }, usesBodyImageSlot && h("slot", { name: "body-image" }), this.bodyImg && h("img", { class: "card-body-img", src: this.bodyImg, alt: this.bodyImgAlt }), this.imagePlacement === 'above-header' && this.getCardHeader(), this.bodyDivider && h(prefixedTagNames.tdsDivider, null), usesBodySlot && h("slot", { name: "body" })), usesActionsSlot && h("slot", { name: `actions` })));
28
30
  };
29
31
  this.modeVariant = null;
30
32
  this.imagePlacement = 'below-header';
@@ -38,7 +40,7 @@ const TdsCard = class {
38
40
  this.cardId = generateUniqueId();
39
41
  }
40
42
  render() {
41
- return (h(Host, { key: 'd777b6ef9815b43c55749ff8a03ef5d8cb21cf74', class: this.modeVariant && `tds-mode-variant-${this.modeVariant}` }, this.clickable ? (h("button", { class: `card ${this.clickable ? 'clickable' : ''} ${this.stretch ? `${this.imagePlacement}-stretch` : this.imagePlacement}`, onClick: () => {
43
+ return (h(Host, { key: '7919fe89b0e312b6f75439d35382d86141f5f3e5', class: this.modeVariant && `tds-mode-variant-${this.modeVariant}` }, this.clickable ? (h("button", { class: `card ${this.clickable ? 'clickable' : ''} ${this.stretch ? `${this.imagePlacement}-stretch` : this.imagePlacement}`, onClick: () => {
42
44
  if (this.clickable) {
43
45
  this.handleClick();
44
46
  }
package/dist/esm/tds-checkbox.entry.js CHANGED
@@ -49,11 +49,11 @@ const TdsCheckbox = class {
49
49
  this.tdsBlur.emit(event);
50
50
  }
51
51
  render() {
52
- return (h("div", { key: '0efb982ab13c1d75681614675b649e010707b701', class: "tds-checkbox" }, h("input", { key: '834b29962978ea1cf7249018e6b7eea2417da5f4',
52
+ return (h("div", { key: '2dcea9f37f97567ee76642f57c5f6a8d906459bd', class: "tds-checkbox" }, h("input", { key: '65c80f9b2adf4ff01858cdb52dd22e99a0e35064',
53
53
  // eslint-disable-next-line no-return-assign
54
54
  ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
55
55
  this.handleChange();
56
- } }), h("label", { key: '2150346b336440768beac655de035bf470f9e492', htmlFor: this.checkboxId }, h("slot", { key: 'df61654810e46b8707709d86bae7bdfd627724ee', name: "label" }))));
56
+ } }), h("label", { key: '14c426721c7c13700b8f81428b048da05eeed964', htmlFor: this.checkboxId }, h("slot", { key: '79539b265977d9a4a73a2c397ed9722597c5dfc4', name: "label" }))));
57
57
  }
58
58
  get host() { return getElement(this); }
59
59
  static get watchers() { return {
package/dist/esm/tds-chip.entry.js CHANGED
@@ -67,7 +67,7 @@ const TdsChip = class {
67
67
  'suffix': hasSuffixSlot,
68
68
  'disabled': this.disabled,
69
69
  };
70
- return (h(Host, { key: '55b7fc609e99fb0fa5f5298306ca3aa0eed6a2f8' }, h("div", { key: '4b791c7f631c7dd60702148943bd6a8caa37d463', class: "component" }, h("div", { key: 'f119cfec2efac0f10e14b6af442ab420dbf4839a', class: chipClasses }, h("input", Object.assign({ key: 'f31ded36f63135c096ae85a8048bc195024b3347', type: this.type, id: this.chipId }, inputAttributes)), h("label", { key: '377c2a90bfbf870e1dafaf8f680ccad1a68ae91f', onClick: (event) => event.stopPropagation(), htmlFor: this.chipId }, hasPrefixSlot && h("slot", { key: 'ca26c5285118539e6ced83e8c2c3ae10618576e9', name: "prefix" }), hasLabelSlot && h("slot", { key: 'dee7bf1815cd513bf6531eb8b0d02ba20b738e9f', name: "label" }), hasSuffixSlot && h("slot", { key: '489d7d0ba260cb9ccacef37cb7f9125a1619e4d2', name: "suffix" }))))));
70
+ return (h(Host, { key: 'e200e4b70d546e6aa6afe5c5f3c1fd32b8592007' }, h("div", { key: 'd65350d24487c61af52d46343c6b0d6e69a87000', class: "component" }, h("div", { key: '688892e439a0c258d539b2391d7a63606409525d', class: chipClasses }, h("input", Object.assign({ key: '4cb5f915bb6c4ec9962daad0c7e969cd2fa06e2c', type: this.type, id: this.chipId }, inputAttributes)), h("label", { key: '103cb30a64c4eb294bd3d1f69cfc7ec931e635f6', onClick: (event) => event.stopPropagation(), htmlFor: this.chipId }, hasPrefixSlot && h("slot", { key: '8461ef357e4c27a202cc9f59b43fccf350974329', name: "prefix" }), hasLabelSlot && h("slot", { key: 'f707d5f78e01223d4493728e828abc104eb466d2', name: "label" }), hasSuffixSlot && h("slot", { key: '12caf12952cc7ba7ad6b71f55639696d798982dc', name: "suffix" }))))));
71
71
  }
72
72
  get host() { return getElement(this); }
73
73
  };
package/dist/esm/tds-core-header-item.entry.js ADDED
@@ -0,0 +1,16 @@
1
+ import { r as registerInstance, h, H as Host } from './index-51d04e39.js';
2
+
3
+ const coreHeaderItemCss = ":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}";
4
+ const TdsCoreHeaderItemStyle0 = coreHeaderItemCss;
5
+
6
+ const TdsCoreHeaderItem = class {
7
+ constructor(hostRef) {
8
+ registerInstance(this, hostRef);
9
+ }
10
+ render() {
11
+ return (h(Host, { key: 'e8885c807a38e63ef3f3f63f35b3206abeed40c8' }, h("div", { key: 'a0c9f17a4734f6b986ea5786d588584f046afae2', class: "item" }, h("slot", { key: 'f5c8f00bd84083437cd6568d338df99085b2f0c7' }))));
12
+ }
13
+ };
14
+ TdsCoreHeaderItem.style = TdsCoreHeaderItemStyle0;
15
+
16
+ export { TdsCoreHeaderItem as tds_core_header_item };
package/dist/esm/tds-datetime.entry.js CHANGED
@@ -1,6 +1,7 @@
1
- import { r as registerInstance, c as createEvent, h } from './index-51d04e39.js';
1
+ import { r as registerInstance, c as createEvent, h, g as getElement } from './index-51d04e39.js';
2
+ import { g as getPrefixedTagNames } from './tagName-2e4b5836.js';
2
3
 
3
- 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=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-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.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.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.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.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.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.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=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}";
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=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-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.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.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.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.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.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.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{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{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=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}";
4
5
  const TdsDatetimeStyle0 = datetimeCss;
5
6
 
6
7
  const TdsDatetime = class {
@@ -82,6 +83,7 @@ const TdsDatetime = class {
82
83
  this.tdsBlur.emit(e);
83
84
  }
84
85
  render() {
86
+ const prefixedTagNames = getPrefixedTagNames(this.host);
85
87
  let className = ' tds-datetime-input';
86
88
  if (this.size === 'md') {
87
89
  className += `${className}-md`;
@@ -89,7 +91,7 @@ const TdsDatetime = class {
89
91
  if (this.size === 'sm') {
90
92
  className += `${className}-sm`;
91
93
  }
92
- return (h("div", { key: 'bbf891d5e12a402775f253dc7010aa57ac0aa3b2', class: `
94
+ return (h("div", { key: '2133b5518351bb4b8a6a82e37b3ef64adc6e98e3', class: `
93
95
  ${this.noMinWidth ? 'tds-form-datetime-nomin' : ''}
94
96
  ${this.focusInput ? 'tds-form-datetime tds-datetime-focus' : ' tds-form-datetime'}
95
97
  ${this.value.length > 0 ? 'tds-datetime-data' : ''}
@@ -99,8 +101,9 @@ const TdsDatetime = class {
99
101
  ${this.state === 'error' || this.state === 'success'
100
102
  ? `tds-form-datetime-${this.state}`
101
103
  : ''}
102
- ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, this.label && (h("label", { key: '5d82dd3550ec13ee724f27ed351c825a68fef879', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: '6c33d37db85b9d2456bf798b5ebc3511278ed20c', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: '8180010cb4c1a486ca0ad38cf5e071dc2c3cdf8e', class: "tds-datetime-input-container" }, h("input", { key: '57ebc684980064f0e80c2098f6b4ecce43c51043', ref: (inputEl) => (this.textInput = inputEl), class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e) }), h("div", { key: '201c1a161d7a432c25fe950f1b0ab89b39661007', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '5d1d5507b58eefedbd4bb547749850649d73279b', size: "20px", name: "calendar" })), h("div", { key: '627fcb60cefc9652cd30234f300e77c5abd36934', class: "datetime-icon icon-time" }, h("tds-icon", { key: 'e44e6fc4e7eaf8979ecfcc69d57c36fd00bde8b6', size: "20px", name: "clock" }))), h("div", { key: 'c167492c99eb44ab832b70d9a814455c54a5135b', class: "tds-datetime-bar" })), this.helper && (h("div", { key: '67a91d166c2ef9653518add8f16d2d850dd1b4cf', class: "tds-datetime-helper" }, h("div", { key: '1dc9e8119c99d15a0f72cdf8320982e2edbe34d7', class: "tds-helper" }, this.state === 'error' && h("tds-icon", { key: 'fec21bee110bd7a4e83bf44b23961713d5d63511', name: "error", size: "16px" }), this.helper)))));
104
+ ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, this.label && (h("label", { key: 'a74df0aa8cfb210eb6d15dc3b1e0a2743ddfbb1b', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: 'b6beb7697e9aa94db692644c692790a6c80d18e8', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: 'b74e3ae0f6ef6bff8fcaa6603b4cb91b0753d16f', class: "tds-datetime-input-container" }, h("input", { key: 'c80f6949e442242b991712d8256435b3ea91d0fb', ref: (inputEl) => (this.textInput = inputEl), class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e) }), h("div", { key: '25fe9159c890b94f56bdbcef2167219af063093e', class: "datetime-icon icon-datetime-local" }, h(prefixedTagNames.tdsIcon, { key: 'b9adc2450c44f29fa8e1a84d16a3c999e314f84e', size: "20px", name: "calendar" })), h("div", { key: '3b883bc9fb956f3d53ebc0bb220243a3334baa51', class: "datetime-icon icon-time" }, h(prefixedTagNames.tdsIcon, { key: '1035445f66725caace6486e042435a6167bf31fb', size: "20px", name: "clock" }))), h("div", { key: '0c2852861c3a90677a060525217fee8348c5e037', class: "tds-datetime-bar" })), this.helper && (h("div", { key: '8bbfab83045c3d9151d5c5d6d17a9a39b8632f3a', class: "tds-datetime-helper" }, h("div", { key: 'cb4dbf4e14ec82c9c3eb279d427e24d38bf560ce', class: "tds-helper" }, this.state === 'error' && h(prefixedTagNames.tdsIcon, { key: '0ac05beaffc4bd473d9ee4f388f53383833b939b', name: "error", size: "16px" }), this.helper)))));
103
105
  }
106
+ get host() { return getElement(this); }
104
107
  };
105
108
  TdsDatetime.style = TdsDatetimeStyle0;
106
109
 
package/dist/esm/tds-divider.entry.js CHANGED
@@ -9,7 +9,7 @@ const Divider = class {
9
9
  this.orientation = 'horizontal';
10
10
  }
11
11
  render() {
12
- return (h(Host, { key: '52a57f6bab64f6329412bbab154f213864382e98', role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { key: '5ba2a5d20d84748b4b76e7ec24155f29cab69bc5', class: `divider ${this.orientation}` })));
12
+ return (h(Host, { key: '5954ae4e797bd954c8f63c185591525783bdd727', role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { key: '9729c0940d33b4ccf5b1c4cb6bc04f6a2804b30d', class: `divider ${this.orientation}` })));
13
13
  }
14
14
  };
15
15
  Divider.style = TdsDividerStyle0;
package/dist/{components/p-1c256b8d.js → esm/tds-dropdown-option.entry.js} RENAMED
@@ -1,23 +1,18 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
2
- import { d as defineCustomElement$2 } from './p-e4d7c655.js';
3
- import { d as defineCustomElement$1 } from './p-3e74be57.js';
1
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-51d04e39.js';
2
+ import { g as getPrefixedTagNames } from './tagName-2e4b5836.js';
3
+ import { f as findClosestComponent } from './findClosestComponent-884d0262.js';
4
4
 
5
5
  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}: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-blue-400);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{background-color:var(--tds-dropdown-option-background-hover);cursor:pointer}:host .dropdown-option:hover.disabled{background-color:var(--tds-dropdown-option-background);cursor:not-allowed}:host([hidden]){display:none}";
6
6
  const TdsDropdownOptionStyle0 = dropdownOptionCss;
7
7
 
8
- const TdsDropdownOption = /*@__PURE__*/ proxyCustomElement(class TdsDropdownOption extends H {
9
- constructor() {
10
- super();
11
- this.__registerHost();
12
- this.__attachShadow();
8
+ const TdsDropdownOption = class {
9
+ constructor(hostRef) {
10
+ registerInstance(this, hostRef);
13
11
  this.tdsSelect = createEvent(this, "tdsSelect", 6);
14
12
  this.tdsFocus = createEvent(this, "tdsFocus", 6);
15
13
  this.tdsBlur = createEvent(this, "tdsBlur", 6);
16
14
  this.componentWillRender = () => {
17
- this.parentElement =
18
- this.host.parentElement.tagName === 'TDS-DROPDOWN'
19
- ? this.host.parentElement
20
- : this.host.getRootNode().host;
15
+ this.parentElement = findClosestComponent(this.host, 'tdsDropdown');
21
16
  this.multiselect = this.parentElement.multiselect;
22
17
  this.size = this.parentElement.size;
23
18
  this.label = this.host.textContent.trim();
@@ -71,7 +66,8 @@ const TdsDropdownOption = /*@__PURE__*/ proxyCustomElement(class TdsDropdownOpti
71
66
  this.selected = selected;
72
67
  }
73
68
  render() {
74
- return (h(Host, { key: '1cb00a19c5dbcc47e1b2bc97d1d5ccc8ac5a532a', role: "option", "aria-disabled": this.disabled, "aria-selected": this.selected }, h("div", { key: '5deaf44c7306f4b1856200bf0a5640e99fcb449d', class: `dropdown-option
69
+ const prefixedTagNames = getPrefixedTagNames(this.host);
70
+ return (h(Host, { key: '1ae8430247cd5aaa9c1fbaa8a01220bb28352f7e', role: "option", "aria-disabled": this.disabled, "aria-selected": this.selected }, h("div", { key: 'b2bf323c6907de57720cfec607e1d53f6b951cdb', class: `dropdown-option
75
71
  ${this.size}
76
72
  ${this.selected ? 'selected' : ''}
77
73
  ${this.disabled ? 'disabled' : ''}
@@ -79,48 +75,17 @@ const TdsDropdownOption = /*@__PURE__*/ proxyCustomElement(class TdsDropdownOpti
79
75
  if (event.key === 'Escape') {
80
76
  this.parentElement.close();
81
77
  }
82
- } }, h("tds-checkbox", { onTdsChange: (event) => {
78
+ } }, h(prefixedTagNames.tdsCheckbox, { onTdsChange: (event) => {
83
79
  this.handleMultiselect(event);
84
80
  }, disabled: this.disabled, checked: this.selected, class: {
85
81
  [this.size]: true,
86
82
  } }, h("div", { slot: "label" }, h("slot", null))))) : (h("button", { onClick: () => {
87
83
  this.handleSingleSelect();
88
- }, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), disabled: this.disabled, class: this.size }, h("div", { class: "single-select" }, h("slot", null), this.selected && h("tds-icon", { name: "tick", size: "16px" })))))));
84
+ }, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), disabled: this.disabled, class: this.size }, h("div", { class: "single-select" }, h("slot", null), this.selected && h(prefixedTagNames.tdsIcon, { name: "tick", size: "16px" })))))));
89
85
  }
90
86
  static get delegatesFocus() { return true; }
91
- get host() { return this; }
92
- static get style() { return TdsDropdownOptionStyle0; }
93
- }, [17, "tds-dropdown-option", {
94
- "value": [1],
95
- "disabled": [4],
96
- "selected": [32],
97
- "multiselect": [32],
98
- "size": [32],
99
- "setSelected": [64]
100
- }]);
101
- function defineCustomElement() {
102
- if (typeof customElements === "undefined") {
103
- return;
104
- }
105
- const components = ["tds-dropdown-option", "tds-checkbox", "tds-icon"];
106
- components.forEach(tagName => { switch (tagName) {
107
- case "tds-dropdown-option":
108
- if (!customElements.get(tagName)) {
109
- customElements.define(tagName, TdsDropdownOption);
110
- }
111
- break;
112
- case "tds-checkbox":
113
- if (!customElements.get(tagName)) {
114
- defineCustomElement$2();
115
- }
116
- break;
117
- case "tds-icon":
118
- if (!customElements.get(tagName)) {
119
- defineCustomElement$1();
120
- }
121
- break;
122
- } });
123
- }
124
- defineCustomElement();
87
+ get host() { return getElement(this); }
88
+ };
89
+ TdsDropdownOption.style = TdsDropdownOptionStyle0;
125
90
 
126
- export { TdsDropdownOption as T, defineCustomElement as d };
91
+ export { TdsDropdownOption as tds_dropdown_option };
package/dist/{components/p-f5531179.js → esm/tds-dropdown.entry.js} RENAMED
@@ -1,5 +1,6 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
2
- import { d as defineCustomElement$1 } from './p-3e74be57.js';
1
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-51d04e39.js';
2
+ import { g as getPrefixedTagNames } from './tagName-2e4b5836.js';
3
+ import { g as getDirectChildHTMLElementOfKind } from './getDirectChildHTMLElementOfKind-96e23d9f.js';
3
4
 
4
5
  /**
5
6
  * Find the next focusable element index in a list of focusable elements.
@@ -59,21 +60,19 @@ const appendHiddenInput = (element, name, value, disabled, additionalAttributes)
59
60
  input.value = value || '';
60
61
  };
61
62
 
62
- const dropdownCss = "@charset \"UTF-8\";:host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius)}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom-color:var(--tds-dropdown-border-bottom-open)}:host button:focus::before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-border-bottom-open)}:host button.error{border-bottom:1px solid var(--tds-negative)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-negative)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom-color:transparent}:host .filter.focus::before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-dropdown-border-bottom-open)}:host .filter.error{border-bottom:1px solid var(--tds-negative)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-negative)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host .filter .clear-icon{margin:0 8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .filter .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button:focus{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-negative)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-negative)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;margin-top:1px;width:100%;transform-origin:top;transition:transform 0.2s ease-in-out;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:0 0 4px 4px;overflow-y:auto}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:4px 4px 0 0}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);visibility:hidden}:host .dropdown-list.open{transform:scaleY(1)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host tds-icon{transition:transform 0.2s ease-in-out}:host tds-icon.open{transform:rotateZ(180deg)}";
63
+ const dropdownCss = "@charset \"UTF-8\";:host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius)}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom-color:var(--tds-dropdown-border-bottom-open)}:host button:focus::before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-border-bottom-open)}:host button.error{border-bottom:1px solid var(--tds-negative)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-negative)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom-color:transparent}:host .filter.focus::before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-dropdown-border-bottom-open)}:host .filter.error{border-bottom:1px solid var(--tds-negative)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-negative)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter .icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host .filter .clear-icon{margin:0 8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .filter .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button:focus{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-negative)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-negative)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;margin-top:1px;width:100%;transform-origin:top;transition:transform 0.2s ease-in-out;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:0 0 4px 4px;overflow-y:auto}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:4px 4px 0 0}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);visibility:hidden}:host .dropdown-list.open{transform:scaleY(1)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host .icon{transition:transform 0.2s ease-in-out}:host .icon.open{transform:rotateZ(180deg)}";
63
64
  const TdsDropdownStyle0 = dropdownCss;
64
65
 
65
- const TdsDropdown = /*@__PURE__*/ proxyCustomElement(class TdsDropdown extends H {
66
- constructor() {
67
- super();
68
- this.__registerHost();
69
- this.__attachShadow();
66
+ const TdsDropdown = class {
67
+ constructor(hostRef) {
68
+ registerInstance(this, hostRef);
70
69
  this.tdsChange = createEvent(this, "tdsChange", 6);
71
70
  this.tdsFocus = createEvent(this, "tdsFocus", 6);
72
71
  this.tdsBlur = createEvent(this, "tdsBlur", 6);
73
72
  this.tdsInput = createEvent(this, "tdsInput", 6);
74
73
  this.setDefaultOption = () => {
75
74
  if (this.defaultValue) {
76
- const children = Array.from(this.host.children).filter((element) => element.tagName === 'TDS-DROPDOWN-OPTION');
75
+ const children = getDirectChildHTMLElementOfKind(this.host, 'tds-dropdown-option');
77
76
  if (children.length === 0) {
78
77
  console.warn('TDS DROPDOWN: No options found. Disregard if loading data asynchronously.');
79
78
  return;
@@ -101,7 +100,7 @@ const TdsDropdown = /*@__PURE__*/ proxyCustomElement(class TdsDropdown extends H
101
100
  };
102
101
  /* Returns a list of all children that are tds-dropdown-option elements */
103
102
  this.getChildren = () => {
104
- const tdsDropdownOptions = Array.from(this.host.children).filter((element) => element.tagName === 'TDS-DROPDOWN-OPTION');
103
+ const tdsDropdownOptions = getDirectChildHTMLElementOfKind(this.host, 'tds-dropdown-option');
105
104
  if (tdsDropdownOptions.length === 0) {
106
105
  console.warn('TDS DROPDOWN: Data missing. Disregard if loading data asynchronously.');
107
106
  }
@@ -409,7 +408,8 @@ const TdsDropdown = /*@__PURE__*/ proxyCustomElement(class TdsDropdown extends H
409
408
  render() {
410
409
  var _a, _b, _c, _d;
411
410
  appendHiddenInput(this.host, this.name, (_a = this.value) === null || _a === void 0 ? void 0 : _a.map((value) => value).toString(), this.disabled);
412
- return (h(Host, { key: 'c756dc7221c39b901524bd0c28938bd166e412bc', role: "select", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, this.label && this.labelPosition === 'outside' && (h("div", { key: '5184a8c84d24e0f13379c95fc7ceb7791f1e25ab', class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '601bc322ce765ed1ee52e1ee6a0894fcb335485b', class: `dropdown-select ${this.size} ${this.disabled ? 'disabled' : ''}` }, this.filter ? (h("div", { class: {
411
+ const prefixedTagNames = getPrefixedTagNames(this.host);
412
+ return (h(Host, { key: '88d3152b3fe61e1925de953b5dc9213ccd256da3', role: "select", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, this.label && this.labelPosition === 'outside' && (h("div", { key: '9c2168cff564dac81acf4b2920e58fd5a4b0dd5e', class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '5a95664b168f7525354ec6189883ccc26b17108f', class: `dropdown-select ${this.size} ${this.disabled ? 'disabled' : ''}` }, this.filter ? (h("div", { class: {
413
413
  filter: true,
414
414
  focus: this.filterFocus,
415
415
  disabled: this.disabled,
@@ -439,15 +439,15 @@ const TdsDropdown = /*@__PURE__*/ proxyCustomElement(class TdsDropdown extends H
439
439
  this.open = false;
440
440
  }
441
441
  }
442
- })), h("tds-icon", { tabIndex: 0, role: "button", "aria-label": "Clear filter", svgTitle: "Clear filter", onClick: this.handleFilterReset, onKeyDown: (event) => {
442
+ })), h(prefixedTagNames.tdsIcon, { tabIndex: 0, role: "button", "aria-label": "Clear filter", svgTitle: "Clear filter", onClick: this.handleFilterReset, onKeyDown: (event) => {
443
443
  if (event.key === 'Enter') {
444
444
  this.handleFilterReset();
445
445
  }
446
- }, class: `clear-icon ${this.open && this.inputElement.value !== '' ? '' : 'hide'}`, name: "cross", size: "16px" }), h("tds-icon", { tabIndex: 0, role: "button", "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", onClick: this.handleToggleOpen, onKeyDown: (event) => {
446
+ }, class: `icon clear-icon ${this.open && this.inputElement.value !== '' ? '' : 'hide'}`, name: "cross", size: "16px" }), h(prefixedTagNames.tdsIcon, { tabIndex: 0, role: "button", "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", onClick: this.handleToggleOpen, onKeyDown: (event) => {
447
447
  if (event.key === 'Enter') {
448
448
  this.handleToggleOpen();
449
449
  }
450
- }, class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))) : (h("button", { onClick: () => this.handleToggleOpen(), onKeyDown: (event) => {
450
+ }, class: `icon menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))) : (h("button", { onClick: () => this.handleToggleOpen(), onKeyDown: (event) => {
451
451
  if (event.key === 'Escape') {
452
452
  this.open = false;
453
453
  }
@@ -459,63 +459,17 @@ const TdsDropdown = /*@__PURE__*/ proxyCustomElement(class TdsDropdown extends H
459
459
  label-inside-as-placeholder
460
460
  ${this.size}
461
461
  ${((_c = this.value) === null || _c === void 0 ? void 0 : _c.length) ? 'selected' : ''}
462
- ` }, this.label)), h("div", { class: `placeholder ${this.size}` }, ((_d = this.value) === null || _d === void 0 ? void 0 : _d.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: '71042ce1a28e3598ee37977b86ae887c68caad1d', ref: (element) => (this.dropdownList = element), class: `dropdown-list
462
+ ` }, this.label)), h("div", { class: `placeholder ${this.size}` }, ((_d = this.value) === null || _d === void 0 ? void 0 : _d.length) ? this.getValue() : this.placeholder), h(prefixedTagNames.tdsIcon, { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `icon menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: 'aa14b7639e4024f42de1d289103bd62a928e30c2', ref: (element) => (this.dropdownList = element), class: `dropdown-list
463
463
  ${this.size}
464
464
  ${this.open ? 'open' : 'closed'}
465
465
  ${this.getOpenDirection()}
466
- ${this.label && this.labelPosition === 'outside' ? 'label-outside' : ''}` }, h("slot", { key: 'bf606ae5c67258fc04df20474cde59ff00ea90eb', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: '2a1b20c4ad0acf3f6c7de06ef3e6a84e7879f398', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: '1c4cb2ca717f28fe16306729ae6cf555358a1a65', class: `helper ${this.error ? 'error' : ''} ${this.disabled ? 'disabled' : ''}` }, this.error && h("tds-icon", { key: '6b3a6054fa2e1f1b77c8520cdfab20ef5e7a4bf9', name: "error", size: "16px" }), this.helper))));
466
+ ${this.label && this.labelPosition === 'outside' ? 'label-outside' : ''}` }, h("slot", { key: '4c9c5de6cd7ea30f3219dd223b05fd7db050b552', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: 'a97144f77f789287770552a79dbd65f4493eebb3', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: '0375133d3dcdc1d38ae01b201f0da965502312a6', class: `helper ${this.error ? 'error' : ''} ${this.disabled ? 'disabled' : ''}` }, this.error && h(prefixedTagNames.tdsIcon, { key: '783196d0c418c8d80a199c3c1ac979c93c63ba32', name: "error", size: "16px" }), this.helper))));
467
467
  }
468
- get host() { return this; }
468
+ get host() { return getElement(this); }
469
469
  static get watchers() { return {
470
470
  "open": ["handleOpenState"]
471
471
  }; }
472
- static get style() { return TdsDropdownStyle0; }
473
- }, [1, "tds-dropdown", {
474
- "name": [1],
475
- "disabled": [4],
476
- "helper": [1],
477
- "label": [1],
478
- "labelPosition": [1, "label-position"],
479
- "modeVariant": [1, "mode-variant"],
480
- "openDirection": [1, "open-direction"],
481
- "placeholder": [1],
482
- "size": [1],
483
- "error": [4],
484
- "multiselect": [4],
485
- "filter": [4],
486
- "normalizeText": [4, "normalize-text"],
487
- "noResultText": [1, "no-result-text"],
488
- "defaultValue": [1, "default-value"],
489
- "open": [32],
490
- "value": [32],
491
- "filterResult": [32],
492
- "filterFocus": [32],
493
- "reset": [64],
494
- "setValue": [64],
495
- "appendValue": [64],
496
- "removeValue": [64],
497
- "close": [64]
498
- }, [[9, "mousedown", "onAnyClick"], [0, "keydown", "onKeyDown"]], {
499
- "open": ["handleOpenState"]
500
- }]);
501
- function defineCustomElement() {
502
- if (typeof customElements === "undefined") {
503
- return;
504
- }
505
- const components = ["tds-dropdown", "tds-icon"];
506
- components.forEach(tagName => { switch (tagName) {
507
- case "tds-dropdown":
508
- if (!customElements.get(tagName)) {
509
- customElements.define(tagName, TdsDropdown);
510
- }
511
- break;
512
- case "tds-icon":
513
- if (!customElements.get(tagName)) {
514
- defineCustomElement$1();
515
- }
516
- break;
517
- } });
518
- }
519
- defineCustomElement();
472
+ };
473
+ TdsDropdown.style = TdsDropdownStyle0;
520
474
 
521
- export { TdsDropdown as T, defineCustomElement as d };
475
+ export { TdsDropdown as tds_dropdown };