@solid-design-system/components 5.15.0 → 5.15.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 (267) hide show
  1. package/cdn/chunks/{chunk.P46TXTLQ.js → chunk.N2QTZPQZ.js} +1 -1
  2. package/cdn/chunks/{chunk.QEIRLXKH.js → chunk.Y6QP3CKR.js} +1 -1
  3. package/cdn/components/checkbox/checkbox.js +1 -1
  4. package/cdn/components/navigation-item/navigation-item.js +1 -1
  5. package/cdn/custom-elements.json +224 -224
  6. package/cdn/solid-components.bundle.js +2 -2
  7. package/cdn/solid-components.iife.js +2 -2
  8. package/cdn/solid-components.js +1 -1
  9. package/cdn/vscode.html-custom-data.json +42 -42
  10. package/cdn/web-types.json +66 -66
  11. package/cdn-versioned/chunks/chunk.2FN4O4QC.js +1 -1
  12. package/cdn-versioned/chunks/chunk.35Q2HMDE.js +1 -1
  13. package/cdn-versioned/chunks/chunk.3G25QQJC.js +1 -1
  14. package/cdn-versioned/chunks/chunk.3HSQ2Z2H.js +1 -1
  15. package/cdn-versioned/chunks/chunk.3NXEOOQY.js +1 -1
  16. package/cdn-versioned/chunks/chunk.3QQBA7ZB.js +1 -1
  17. package/cdn-versioned/chunks/chunk.5NCRVBOH.js +1 -1
  18. package/cdn-versioned/chunks/chunk.5WKY435J.js +1 -1
  19. package/cdn-versioned/chunks/chunk.64FNEKLV.js +1 -1
  20. package/cdn-versioned/chunks/chunk.75YRQDIX.js +1 -1
  21. package/cdn-versioned/chunks/chunk.7JV32P5Q.js +1 -1
  22. package/cdn-versioned/chunks/chunk.A3ATIGVC.js +1 -1
  23. package/cdn-versioned/chunks/chunk.AVDTGVC2.js +1 -1
  24. package/cdn-versioned/chunks/chunk.B3ARBH5A.js +4 -4
  25. package/cdn-versioned/chunks/chunk.BUJEQKP4.js +1 -1
  26. package/cdn-versioned/chunks/chunk.BVQEQFOI.js +1 -1
  27. package/cdn-versioned/chunks/chunk.CBATEBTB.js +1 -1
  28. package/cdn-versioned/chunks/chunk.CEVVDV52.js +1 -1
  29. package/cdn-versioned/chunks/chunk.CLJGWFHA.js +1 -1
  30. package/cdn-versioned/chunks/chunk.DKI2UXRQ.js +1 -1
  31. package/cdn-versioned/chunks/chunk.F4HX43DG.js +1 -1
  32. package/cdn-versioned/chunks/chunk.FT6CHNH7.js +1 -1
  33. package/cdn-versioned/chunks/chunk.FVYMXJRE.js +1 -1
  34. package/cdn-versioned/chunks/chunk.GKULTMOH.js +1 -1
  35. package/cdn-versioned/chunks/chunk.GYYHNTEP.js +1 -1
  36. package/cdn-versioned/chunks/chunk.HMHMBWUC.js +1 -1
  37. package/cdn-versioned/chunks/chunk.IARZ5WX7.js +2 -2
  38. package/cdn-versioned/chunks/chunk.IHKACSKZ.js +1 -1
  39. package/cdn-versioned/chunks/chunk.KD5YA4NW.js +1 -1
  40. package/cdn-versioned/chunks/chunk.KEJGWWON.js +1 -1
  41. package/cdn-versioned/chunks/chunk.KTS2L7KB.js +1 -1
  42. package/cdn-versioned/chunks/chunk.KUNW6IVR.js +1 -1
  43. package/cdn-versioned/chunks/chunk.KVLS3OE7.js +1 -1
  44. package/cdn-versioned/chunks/chunk.LMYU4GM4.js +1 -1
  45. package/cdn-versioned/chunks/chunk.MCRPEKBH.js +1 -1
  46. package/cdn-versioned/chunks/{chunk.P46TXTLQ.js → chunk.N2QTZPQZ.js} +1 -1
  47. package/cdn-versioned/chunks/chunk.N7TPWVK3.js +1 -1
  48. package/cdn-versioned/chunks/chunk.NMJKLBZG.js +1 -1
  49. package/cdn-versioned/chunks/chunk.NMZIXMMF.js +1 -1
  50. package/cdn-versioned/chunks/chunk.NOCXFEZL.js +1 -1
  51. package/cdn-versioned/chunks/chunk.NQF6SSZQ.js +1 -1
  52. package/cdn-versioned/chunks/chunk.O7S6H4U5.js +1 -1
  53. package/cdn-versioned/chunks/chunk.OGCPYUUV.js +1 -1
  54. package/cdn-versioned/chunks/chunk.PM5HD6JE.js +1 -1
  55. package/cdn-versioned/chunks/chunk.QHS7ZRVI.js +1 -1
  56. package/cdn-versioned/chunks/chunk.QY23RB35.js +1 -1
  57. package/cdn-versioned/chunks/chunk.R4E7AJDS.js +1 -1
  58. package/cdn-versioned/chunks/chunk.S2746Y7L.js +1 -1
  59. package/cdn-versioned/chunks/chunk.SX7AMKP2.js +2 -2
  60. package/cdn-versioned/chunks/chunk.TPVQ7ZU3.js +1 -1
  61. package/cdn-versioned/chunks/chunk.VINV25A7.js +1 -1
  62. package/cdn-versioned/chunks/chunk.VPECZPLY.js +1 -1
  63. package/cdn-versioned/chunks/chunk.VVM6Q5W5.js +4 -4
  64. package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
  65. package/cdn-versioned/chunks/chunk.WOVNF4UB.js +1 -1
  66. package/cdn-versioned/chunks/chunk.X67M4VEV.js +1 -1
  67. package/cdn-versioned/chunks/{chunk.QEIRLXKH.js → chunk.Y6QP3CKR.js} +1 -1
  68. package/cdn-versioned/chunks/chunk.YGMAKCAO.js +1 -1
  69. package/cdn-versioned/chunks/chunk.Z2YNXRLX.js +1 -1
  70. package/cdn-versioned/chunks/chunk.Z5LJ5HLC.js +1 -1
  71. package/cdn-versioned/chunks/chunk.ZEI6MVG3.js +1 -1
  72. package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
  73. package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  74. package/cdn-versioned/components/animation/animation.d.ts +1 -1
  75. package/cdn-versioned/components/audio/audio.d.ts +1 -1
  76. package/cdn-versioned/components/badge/badge.d.ts +1 -1
  77. package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
  78. package/cdn-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
  79. package/cdn-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  80. package/cdn-versioned/components/button/button.d.ts +1 -1
  81. package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
  82. package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
  83. package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  84. package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
  85. package/cdn-versioned/components/checkbox/checkbox.js +1 -1
  86. package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  87. package/cdn-versioned/components/combobox/combobox.d.ts +1 -1
  88. package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
  89. package/cdn-versioned/components/divider/divider.d.ts +1 -1
  90. package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
  91. package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
  92. package/cdn-versioned/components/expandable/expandable.d.ts +1 -1
  93. package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
  94. package/cdn-versioned/components/header/header.d.ts +1 -1
  95. package/cdn-versioned/components/icon/icon.d.ts +1 -1
  96. package/cdn-versioned/components/include/include.d.ts +1 -1
  97. package/cdn-versioned/components/input/input.d.ts +1 -1
  98. package/cdn-versioned/components/link/link.d.ts +1 -1
  99. package/cdn-versioned/components/loader/loader.d.ts +1 -1
  100. package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
  101. package/cdn-versioned/components/menu/menu.d.ts +1 -1
  102. package/cdn-versioned/components/menu-item/menu-item.d.ts +1 -1
  103. package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  104. package/cdn-versioned/components/navigation-item/navigation-item.js +1 -1
  105. package/cdn-versioned/components/notification/notification.d.ts +1 -1
  106. package/cdn-versioned/components/optgroup/optgroup.d.ts +1 -1
  107. package/cdn-versioned/components/option/option.d.ts +1 -1
  108. package/cdn-versioned/components/popup/popup.d.ts +1 -1
  109. package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
  110. package/cdn-versioned/components/radio/radio.d.ts +1 -1
  111. package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
  112. package/cdn-versioned/components/radio-group/radio-group.d.ts +1 -1
  113. package/cdn-versioned/components/range/range.d.ts +1 -1
  114. package/cdn-versioned/components/range-tick/range-tick.d.ts +1 -1
  115. package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
  116. package/cdn-versioned/components/select/select.d.ts +1 -1
  117. package/cdn-versioned/components/spinner/spinner.d.ts +1 -1
  118. package/cdn-versioned/components/step/step.d.ts +1 -1
  119. package/cdn-versioned/components/step-group/step-group.d.ts +1 -1
  120. package/cdn-versioned/components/switch/switch.d.ts +1 -1
  121. package/cdn-versioned/components/tab/tab.d.ts +1 -1
  122. package/cdn-versioned/components/tab-group/tab-group.d.ts +1 -1
  123. package/cdn-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  124. package/cdn-versioned/components/tag/tag.d.ts +1 -1
  125. package/cdn-versioned/components/textarea/textarea.d.ts +1 -1
  126. package/cdn-versioned/components/tooltip/tooltip.d.ts +1 -1
  127. package/cdn-versioned/components/video/video.d.ts +1 -1
  128. package/cdn-versioned/custom-elements.json +457 -457
  129. package/cdn-versioned/internal/form.js +3 -3
  130. package/cdn-versioned/solid-components.bundle.js +14 -14
  131. package/cdn-versioned/solid-components.css +2 -2
  132. package/cdn-versioned/solid-components.iife.js +14 -14
  133. package/cdn-versioned/solid-components.js +1 -1
  134. package/cdn-versioned/vscode.html-custom-data.json +131 -131
  135. package/cdn-versioned/web-types.json +217 -217
  136. package/dist/chunks/{chunk.RQVQQ7ZE.js → chunk.T5YQM2UK.js} +1 -1
  137. package/dist/chunks/{chunk.JQJXSQKT.js → chunk.ZOGRR75S.js} +4 -1
  138. package/dist/components/checkbox/checkbox.js +1 -1
  139. package/dist/components/navigation-item/navigation-item.js +1 -1
  140. package/dist/custom-elements.json +224 -224
  141. package/dist/solid-components.js +2 -2
  142. package/dist/vscode.html-custom-data.json +42 -42
  143. package/dist/web-types.json +66 -66
  144. package/dist-versioned/chunks/chunk.26VYQIOD.js +3 -3
  145. package/dist-versioned/chunks/chunk.2MJJHZR4.js +24 -24
  146. package/dist-versioned/chunks/chunk.32WTYFY6.js +4 -4
  147. package/dist-versioned/chunks/chunk.37LBEMXS.js +12 -12
  148. package/dist-versioned/chunks/chunk.37TNCACC.js +2 -2
  149. package/dist-versioned/chunks/chunk.3EQ2WOVC.js +2 -2
  150. package/dist-versioned/chunks/chunk.4FYYKKBL.js +3 -3
  151. package/dist-versioned/chunks/chunk.4I4QBVGB.js +3 -3
  152. package/dist-versioned/chunks/chunk.5KQPPIBZ.js +2 -2
  153. package/dist-versioned/chunks/chunk.5LLVB6R3.js +5 -5
  154. package/dist-versioned/chunks/chunk.5PM33S4N.js +2 -2
  155. package/dist-versioned/chunks/chunk.6DKXZWRN.js +4 -4
  156. package/dist-versioned/chunks/chunk.7YQJWIYJ.js +1 -1
  157. package/dist-versioned/chunks/chunk.AE3WPKVR.js +1 -1
  158. package/dist-versioned/chunks/chunk.AHMEVJMX.js +1 -1
  159. package/dist-versioned/chunks/chunk.ALVVYYIR.js +1 -1
  160. package/dist-versioned/chunks/chunk.ANOMYZE3.js +11 -11
  161. package/dist-versioned/chunks/chunk.B3PDWSAO.js +2 -2
  162. package/dist-versioned/chunks/chunk.B4AW33FC.js +1 -1
  163. package/dist-versioned/chunks/chunk.B6FL47S6.js +2 -2
  164. package/dist-versioned/chunks/chunk.BA3MSKPQ.js +5 -5
  165. package/dist-versioned/chunks/chunk.BDUEFRPO.js +2 -2
  166. package/dist-versioned/chunks/chunk.BJ6QDKVA.js +4 -4
  167. package/dist-versioned/chunks/chunk.BMFACTFH.js +3 -3
  168. package/dist-versioned/chunks/chunk.C332XERU.js +2 -2
  169. package/dist-versioned/chunks/chunk.CNDCBFFV.js +1 -1
  170. package/dist-versioned/chunks/chunk.CS6G3MPN.js +2 -2
  171. package/dist-versioned/chunks/chunk.DIXRYCRP.js +1 -1
  172. package/dist-versioned/chunks/chunk.EYGJ6QWJ.js +1 -1
  173. package/dist-versioned/chunks/chunk.GGCTLJ4D.js +2 -2
  174. package/dist-versioned/chunks/chunk.GIS5TWPR.js +1 -1
  175. package/dist-versioned/chunks/chunk.HMK6KRAR.js +6 -6
  176. package/dist-versioned/chunks/chunk.HV3AJIJO.js +1 -1
  177. package/dist-versioned/chunks/chunk.I2LO4IGY.js +3 -3
  178. package/dist-versioned/chunks/chunk.JW5YX4GK.js +2 -2
  179. package/dist-versioned/chunks/chunk.K2DJQDJ4.js +1 -1
  180. package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
  181. package/dist-versioned/chunks/chunk.KNWAH4Z5.js +1 -1
  182. package/dist-versioned/chunks/chunk.KPWKRZGL.js +14 -14
  183. package/dist-versioned/chunks/chunk.KQLO4TZ5.js +2 -2
  184. package/dist-versioned/chunks/chunk.LGELFCZP.js +2 -2
  185. package/dist-versioned/chunks/chunk.MHLZ7GKR.js +12 -12
  186. package/dist-versioned/chunks/chunk.NAFCDIL3.js +26 -26
  187. package/dist-versioned/chunks/chunk.NFY6NE6Z.js +2 -2
  188. package/dist-versioned/chunks/chunk.NXS7DO7N.js +1 -1
  189. package/dist-versioned/chunks/chunk.PBEPE2U7.js +2 -2
  190. package/dist-versioned/chunks/chunk.QCA2GRRO.js +5 -5
  191. package/dist-versioned/chunks/chunk.RUNTBTHS.js +1 -1
  192. package/dist-versioned/chunks/chunk.SGJLP4HM.js +2 -2
  193. package/dist-versioned/chunks/chunk.SMMMT4SZ.js +8 -8
  194. package/dist-versioned/chunks/chunk.SRLNYSZB.js +5 -5
  195. package/dist-versioned/chunks/chunk.SV7PKNLF.js +4 -4
  196. package/dist-versioned/chunks/{chunk.RQVQQ7ZE.js → chunk.T5YQM2UK.js} +7 -7
  197. package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
  198. package/dist-versioned/chunks/chunk.VGC5A42Q.js +1 -1
  199. package/dist-versioned/chunks/chunk.WFIIU6PJ.js +3 -3
  200. package/dist-versioned/chunks/chunk.WUIOLD72.js +6 -6
  201. package/dist-versioned/chunks/chunk.XCQC3F3H.js +3 -3
  202. package/dist-versioned/chunks/chunk.XWZNY4BH.js +3 -3
  203. package/dist-versioned/chunks/chunk.ZK4EFZJB.js +1 -1
  204. package/dist-versioned/chunks/{chunk.JQJXSQKT.js → chunk.ZOGRR75S.js} +7 -4
  205. package/dist-versioned/components/accordion/accordion.d.ts +1 -1
  206. package/dist-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  207. package/dist-versioned/components/animation/animation.d.ts +1 -1
  208. package/dist-versioned/components/audio/audio.d.ts +1 -1
  209. package/dist-versioned/components/badge/badge.d.ts +1 -1
  210. package/dist-versioned/components/brandshape/brandshape.d.ts +1 -1
  211. package/dist-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
  212. package/dist-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  213. package/dist-versioned/components/button/button.d.ts +1 -1
  214. package/dist-versioned/components/button-group/button-group.d.ts +1 -1
  215. package/dist-versioned/components/carousel/carousel.d.ts +1 -1
  216. package/dist-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  217. package/dist-versioned/components/checkbox/checkbox.d.ts +1 -1
  218. package/dist-versioned/components/checkbox/checkbox.js +1 -1
  219. package/dist-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  220. package/dist-versioned/components/combobox/combobox.d.ts +1 -1
  221. package/dist-versioned/components/dialog/dialog.d.ts +1 -1
  222. package/dist-versioned/components/divider/divider.d.ts +1 -1
  223. package/dist-versioned/components/drawer/drawer.d.ts +1 -1
  224. package/dist-versioned/components/dropdown/dropdown.d.ts +1 -1
  225. package/dist-versioned/components/expandable/expandable.d.ts +1 -1
  226. package/dist-versioned/components/flipcard/flipcard.d.ts +1 -1
  227. package/dist-versioned/components/header/header.d.ts +1 -1
  228. package/dist-versioned/components/icon/icon.d.ts +1 -1
  229. package/dist-versioned/components/include/include.d.ts +1 -1
  230. package/dist-versioned/components/input/input.d.ts +1 -1
  231. package/dist-versioned/components/link/link.d.ts +1 -1
  232. package/dist-versioned/components/loader/loader.d.ts +1 -1
  233. package/dist-versioned/components/map-marker/map-marker.d.ts +1 -1
  234. package/dist-versioned/components/menu/menu.d.ts +1 -1
  235. package/dist-versioned/components/menu-item/menu-item.d.ts +1 -1
  236. package/dist-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  237. package/dist-versioned/components/navigation-item/navigation-item.js +1 -1
  238. package/dist-versioned/components/notification/notification.d.ts +1 -1
  239. package/dist-versioned/components/optgroup/optgroup.d.ts +1 -1
  240. package/dist-versioned/components/option/option.d.ts +1 -1
  241. package/dist-versioned/components/popup/popup.d.ts +1 -1
  242. package/dist-versioned/components/quickfact/quickfact.d.ts +1 -1
  243. package/dist-versioned/components/radio/radio.d.ts +1 -1
  244. package/dist-versioned/components/radio-button/radio-button.d.ts +1 -1
  245. package/dist-versioned/components/radio-group/radio-group.d.ts +1 -1
  246. package/dist-versioned/components/range/range.d.ts +1 -1
  247. package/dist-versioned/components/range-tick/range-tick.d.ts +1 -1
  248. package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
  249. package/dist-versioned/components/select/select.d.ts +1 -1
  250. package/dist-versioned/components/spinner/spinner.d.ts +1 -1
  251. package/dist-versioned/components/step/step.d.ts +1 -1
  252. package/dist-versioned/components/step-group/step-group.d.ts +1 -1
  253. package/dist-versioned/components/switch/switch.d.ts +1 -1
  254. package/dist-versioned/components/tab/tab.d.ts +1 -1
  255. package/dist-versioned/components/tab-group/tab-group.d.ts +1 -1
  256. package/dist-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  257. package/dist-versioned/components/tag/tag.d.ts +1 -1
  258. package/dist-versioned/components/textarea/textarea.d.ts +1 -1
  259. package/dist-versioned/components/tooltip/tooltip.d.ts +1 -1
  260. package/dist-versioned/components/video/video.d.ts +1 -1
  261. package/dist-versioned/custom-elements.json +457 -457
  262. package/dist-versioned/internal/form.js +3 -3
  263. package/dist-versioned/solid-components.css +2 -2
  264. package/dist-versioned/solid-components.js +2 -2
  265. package/dist-versioned/vscode.html-custom-data.json +131 -131
  266. package/dist-versioned/web-types.json +217 -217
  267. package/package.json +1 -1
@@ -53,7 +53,7 @@ var SdNavigationItem = class extends SolidElement {
53
53
  }
54
54
  if (node.nodeType === Node.ELEMENT_NODE) {
55
55
  const element = node;
56
- return element.tagName.toLowerCase() === "sd-5-15-0-icon";
56
+ return element.tagName.toLowerCase() === "sd-5-15-2-icon";
57
57
  }
58
58
  return false;
59
59
  });
@@ -143,19 +143,19 @@ var SdNavigationItem = class extends SolidElement {
143
143
  slots["description"] && "pt-3",
144
144
  !slots["description"] && !this.separated && horizontalPadding,
145
145
  this.calculatePaddingX
146
- )}">${this.divider && this.vertical ? html`<sd-5-15-0-divider part="divider" class="${cx("w-full transition-all absolute -top-0.25 left-0", this.calculatePaddingX)}"></sd-5-15-0-divider>` : ""} <span id="content" part="content-container" class="inline-flex items-center flex-auto"><slot part="content" class="inline-flex text-start"></slot></span>${this.chevron || slots["children"] && this.vertical && !this.separated ? html`<sd-5-15-0-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
146
+ )}">${this.divider && this.vertical ? html`<sd-5-15-2-divider part="divider" class="${cx("w-full transition-all absolute -top-0.25 left-0", this.calculatePaddingX)}"></sd-5-15-2-divider>` : ""} <span id="content" part="content-container" class="inline-flex items-center flex-auto"><slot part="content" class="inline-flex text-start"></slot></span>${this.chevron || slots["children"] && this.vertical && !this.separated ? html`<sd-5-15-2-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
147
147
  "h-6 w-6 ml-2 transition-all",
148
148
  isAccordion ? this.open ? "rotate-180" : "rotate-0" : "rotate-[270deg]"
149
- )}"></sd-5-15-0-icon>` : ""} </span>${slots["description"] && this.vertical ? html`<slot id="description" name="description" part="description" class="${cx(
149
+ )}"></sd-5-15-2-icon>` : ""} </span>${slots["description"] && this.vertical ? html`<slot id="description" name="description" part="description" class="${cx(
150
150
  "inline-block text-sm text-left font-normal text-black pb-3",
151
151
  isAccordion || this.separated ? "grow" : "w-full",
152
152
  this.calculatePaddingX
153
153
  )}"></slot>` : ""}</div></${tag}>`;
154
154
  if (this.separated) {
155
- return html`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${root} ${slots["children"] && this.vertical ? html`<button type="button" title="${this.open ? this.localize.term("collapseNavigationItem") : this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-5-15-0-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
155
+ return html`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${root} ${slots["children"] && this.vertical ? html`<button type="button" title="${this.open ? this.localize.term("collapseNavigationItem") : this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-5-15-2-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
156
156
  "m-4 h-6 w-6 transition-all",
157
157
  isAccordion || this.separated ? this.open ? "rotate-180" : "rotate-0" : "rotate-[270deg]"
158
- )}"></sd-5-15-0-icon></button>` : ""}</div>${this.open ? html`<slot name="children"></slot>` : ""}</div>`;
158
+ )}"></sd-5-15-2-icon></button>` : ""}</div>${this.open ? html`<slot name="children"></slot>` : ""}</div>`;
159
159
  }
160
160
  if (isAccordion) {
161
161
  return html`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${root}<slot name="children"></slot></details>`;
@@ -171,7 +171,7 @@ SdNavigationItem.styles = [
171
171
  css`:host{box-sizing:border-box;display:inline-block;position:relative}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0;--tw-scale-y:0;opacity:var(--sd-opacity-0,0);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:var(--sd-duration-fast,.15s);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:1;--tw-scale-y:1;opacity:var(--sd-opacity-100,1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}`
172
172
  ];
173
173
  __decorateClass([
174
- query('a[part="base"], button[part="base"]')
174
+ query('[part="base"]')
175
175
  ], SdNavigationItem.prototype, "button", 2);
176
176
  __decorateClass([
177
177
  query("slot:not([name])")
@@ -216,7 +216,7 @@ __decorateClass([
216
216
  property({ type: Boolean, reflect: true })
217
217
  ], SdNavigationItem.prototype, "separated", 2);
218
218
  SdNavigationItem = __decorateClass([
219
- customElement("sd-5-15-0-navigation-item")
219
+ customElement("sd-5-15-2-navigation-item")
220
220
  ], SdNavigationItem);
221
221
 
222
222
  export {
@@ -1,7 +1,7 @@
1
1
  // src/components/combobox/utils.ts
2
2
  var getAssignedElementsForSlot = (slot) => Array.from(slot.assignedElements({ flatten: true }));
3
- var getOptionOrNestedOptions = (item) => item.tagName.toLocaleLowerCase() === "sd-5-15-0-option" ? item : Array.from(item.querySelectorAll(":scope > sd-5-15-0-option"));
4
- var isOptgroup = (item) => item.tagName.toLocaleLowerCase() === "sd-5-15-0-optgroup";
3
+ var getOptionOrNestedOptions = (item) => item.tagName.toLocaleLowerCase() === "sd-5-15-2-option" ? item : Array.from(item.querySelectorAll(":scope > sd-5-15-2-option"));
4
+ var isOptgroup = (item) => item.tagName.toLocaleLowerCase() === "sd-5-15-2-optgroup";
5
5
  var getAllOptions = (items) => items.map(getOptionOrNestedOptions);
6
6
  var filterOnlyOptgroups = (items) => items.filter(isOptgroup);
7
7
  var normalizeString = (str) => str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
@@ -55,7 +55,7 @@ __decorateClass([
55
55
  property({ type: String, reflect: true })
56
56
  ], SdLoader.prototype, "color", 2);
57
57
  SdLoader = __decorateClass([
58
- customElement("sd-5-15-0-loader")
58
+ customElement("sd-5-15-2-loader")
59
59
  ], SdLoader);
60
60
 
61
61
  export {
@@ -385,7 +385,7 @@ var SdInput = class extends SolidElement {
385
385
  this.size === "sm" ? "h-6" : "h-8",
386
386
  textSize
387
387
  )}" type="${this.type === "password" && this.passwordVisible ? "text" : this.type}" title="${this.title}" name="${ifDefined(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${ifDefined(this.placeholder)}" minlength="${ifDefined(this.minlength)}" maxlength="${ifDefined(this.maxlength)}" min="${ifDefined(this.min)}" max="${ifDefined(this.max)}" step="${ifDefined(this.step)}" .value="${live(this.value)}" autocapitalize="${ifDefined(this.type === "password" ? "off" : this.autocapitalize)}" autocomplete="${// eslint-disable-next-line @typescript-eslint/no-explicit-any
388
- ifDefined(this.autocomplete)}" autocorrect="${ifDefined(this.type === "password" ? "off" : this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${ifDefined(this.pattern)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled || this.disabled ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx("flex justify-center", iconMarginLeft)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-5-15-0-icon class="${cx("text-neutral-700", iconSize)}" library="_internal" name="closing-round"></sd-5-15-0-icon></slot></button>` : ""} ${this.passwordToggle && this.type === "password" ? html`<button aria-label="${this.localize.term(this.passwordVisible ? "hidePassword" : "showPassword")}" part="password-toggle-button" class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible ? html`<slot name="show-password-icon"><sd-5-15-0-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye"></sd-5-15-0-icon></slot>` : html`<slot name="hide-password-icon"><sd-5-15-0-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye-crossed-out"></sd-5-15-0-icon></slot>`}</button>` : ""} ${(this.type === "date" || this.type === "datetime-local") && !isFirefox ? html`<sd-5-15-0-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="calendar"></sd-5-15-0-icon>` : ""} ${this.type === "time" ? html`<sd-5-15-0-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="clock"></sd-5-15-0-icon>` : ""} ${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handleSearchClick}"><sd-5-15-0-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-5-15-0-icon></button>` : ""} ${this.showInvalidStyle ? html`<sd-5-15-0-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-5-15-0-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-5-15-0-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="status-check" part="valid-icon"></sd-5-15-0-icon>` : ""} ${slots["right"] ? html`<slot name="right" part="right" class="${cx("inline-flex", iconColor, iconMarginLeft, iconSize)}"></slot>` : ""} ${this.type === "number" && this.spinButtons ? html`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepDown(), end: () => this.handleChange() })} tabindex="-1"><slot name="decrement-number-stepper"><sd-5-15-0-icon name="system/minus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-5-15-0-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange() })} tabindex="-1"><slot name="increment-number-stepper"><sd-5-15-0-icon name="system/plus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-5-15-0-icon></slot></button></div>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-1", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`;
388
+ ifDefined(this.autocomplete)}" autocorrect="${ifDefined(this.type === "password" ? "off" : this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${ifDefined(this.pattern)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled || this.disabled ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx("flex justify-center", iconMarginLeft)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-5-15-2-icon class="${cx("text-neutral-700", iconSize)}" library="_internal" name="closing-round"></sd-5-15-2-icon></slot></button>` : ""} ${this.passwordToggle && this.type === "password" ? html`<button aria-label="${this.localize.term(this.passwordVisible ? "hidePassword" : "showPassword")}" part="password-toggle-button" class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible ? html`<slot name="show-password-icon"><sd-5-15-2-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye"></sd-5-15-2-icon></slot>` : html`<slot name="hide-password-icon"><sd-5-15-2-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye-crossed-out"></sd-5-15-2-icon></slot>`}</button>` : ""} ${(this.type === "date" || this.type === "datetime-local") && !isFirefox ? html`<sd-5-15-2-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="calendar"></sd-5-15-2-icon>` : ""} ${this.type === "time" ? html`<sd-5-15-2-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="clock"></sd-5-15-2-icon>` : ""} ${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handleSearchClick}"><sd-5-15-2-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-5-15-2-icon></button>` : ""} ${this.showInvalidStyle ? html`<sd-5-15-2-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-5-15-2-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-5-15-2-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="status-check" part="valid-icon"></sd-5-15-2-icon>` : ""} ${slots["right"] ? html`<slot name="right" part="right" class="${cx("inline-flex", iconColor, iconMarginLeft, iconSize)}"></slot>` : ""} ${this.type === "number" && this.spinButtons ? html`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepDown(), end: () => this.handleChange() })} tabindex="-1"><slot name="decrement-number-stepper"><sd-5-15-2-icon name="system/minus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-5-15-2-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange() })} tabindex="-1"><slot name="increment-number-stepper"><sd-5-15-2-icon name="system/plus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-5-15-2-icon></slot></button></div>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-1", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`;
389
389
  }
390
390
  };
391
391
  /**
@@ -393,7 +393,7 @@ var SdInput = class extends SolidElement {
393
393
  */
394
394
  SdInput.styles = [
395
395
  ...SolidElement.styles,
396
- css`:host{box-sizing:border-box;display:inline-block;position:relative;text-align:left;width:100%}:host([vertical]){display:block}:host([required]) #label:after{content:" *"}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-5-15-0-icon{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}`
396
+ css`:host{box-sizing:border-box;display:inline-block;position:relative;text-align:left;width:100%}:host([vertical]){display:block}:host([required]) #label:after{content:" *"}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-5-15-2-icon{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}`
397
397
  ];
398
398
  __decorateClass([
399
399
  query("#input")
@@ -523,7 +523,7 @@ __decorateClass([
523
523
  watch("value", { waitUntilFirstUpdate: true })
524
524
  ], SdInput.prototype, "handleValueChange", 1);
525
525
  SdInput = __decorateClass([
526
- customElement("sd-5-15-0-input")
526
+ customElement("sd-5-15-2-input")
527
527
  ], SdInput);
528
528
 
529
529
  export {
@@ -22,7 +22,7 @@ var SdBreadcrumb = class extends SolidElement {
22
22
  this.isTruncated = false;
23
23
  }
24
24
  get items() {
25
- return this.querySelectorAll("sd-5-15-0-breadcrumb-item");
25
+ return this.querySelectorAll("sd-5-15-2-breadcrumb-item");
26
26
  }
27
27
  cacheItemPositions() {
28
28
  this.items.forEach((item) => {
@@ -67,12 +67,12 @@ var SdBreadcrumb = class extends SolidElement {
67
67
  }
68
68
  handleMobileChevron() {
69
69
  var _a, _b, _c;
70
- const icon = document.createElement("sd-5-15-0-icon");
70
+ const icon = document.createElement("sd-5-15-2-icon");
71
71
  icon.setAttribute("slot", "icon-left");
72
72
  icon.setAttribute("library", "_internal");
73
73
  icon.setAttribute("name", "chevron-left");
74
74
  icon.setAttribute("class", "text-base me-1 lg:hidden");
75
- (_c = (_b = (_a = Array.from(this.items).at(-2)) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelector("sd-5-15-0-link")) == null ? void 0 : _c.appendChild(icon);
75
+ (_c = (_b = (_a = Array.from(this.items).at(-2)) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelector("sd-5-15-2-link")) == null ? void 0 : _c.appendChild(icon);
76
76
  }
77
77
  handleSlotChange() {
78
78
  this.handleMobileChevron();
@@ -87,12 +87,12 @@ var SdBreadcrumb = class extends SolidElement {
87
87
  this.resizeObserver.unobserve(this);
88
88
  }
89
89
  render() {
90
- return html`<nav part="base" class="flex items-center pb-1" aria-label="${this.label}"><sd-5-15-0-dropdown part="truncated" class="${cx(!this.isTruncated && "absolute opacity-0 pointer-events-none")}"><button slot="trigger" tabindex="${this.isTruncated ? "0" : "-1"}" aria-label="${this.localize.term("truncatedBreadcrumbs")}" aria-expanded="false" aria-haspopup="true" class="flex sd-interactive">[...]</button><ol part="truncated-dropdown" class="flex flex-col gap-4 px-2 py-3 min-w-40"></ol></sd-5-15-0-dropdown><ol part="list" class="flex items-center"><slot @slotchange="${this.handleSlotChange}"></slot></ol></nav>`;
90
+ return html`<nav part="base" class="flex items-center pb-1" aria-label="${this.label}"><sd-5-15-2-dropdown part="truncated" class="${cx(!this.isTruncated && "absolute opacity-0 pointer-events-none")}"><button slot="trigger" tabindex="${this.isTruncated ? "0" : "-1"}" aria-label="${this.localize.term("truncatedBreadcrumbs")}" aria-expanded="false" aria-haspopup="true" class="flex sd-interactive">[...]</button><ol part="truncated-dropdown" class="flex flex-col gap-4 px-2 py-3 min-w-40"></ol></sd-5-15-2-dropdown><ol part="list" class="flex items-center"><slot @slotchange="${this.handleSlotChange}"></slot></ol></nav>`;
91
91
  }
92
92
  };
93
93
  SdBreadcrumb.styles = [
94
94
  ...SolidElement.styles,
95
- css`:host{display:block;position:relative}::slotted(sd-5-15-0-breadcrumb-item:not(:last-of-type)):after,sd-5-15-0-dropdown:after{border-radius:var(--sd-border-radius-full,9999px);content:var(--tw-content);display:none;height:var(--sd-spacing-1,.25rem);margin-left:var(--sd-spacing-2,.5rem);margin-right:var(--sd-spacing-2,.5rem);width:var(--sd-spacing-1,.25rem);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-bg-opacity,1))}@media (min-width:1024px){::slotted(sd-5-15-0-breadcrumb-item:not(:last-of-type)):after,sd-5-15-0-dropdown:after{content:var(--tw-content);display:inline-block}}::slotted(sd-5-15-0-breadcrumb-item:nth-last-child(2)){display:flex}@media (min-width:1024px){::slotted(sd-5-15-0-breadcrumb-item:nth-last-child(2)):after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-bg-opacity,1))}}::slotted(sd-5-15-0-breadcrumb-item),sd-5-15-0-dropdown{align-items:center;display:none}@media (min-width:1024px){::slotted(sd-5-15-0-breadcrumb-item),sd-5-15-0-dropdown{display:flex}}`
95
+ css`:host{display:block;position:relative}::slotted(sd-5-15-2-breadcrumb-item:not(:last-of-type)):after,sd-5-15-2-dropdown:after{border-radius:var(--sd-border-radius-full,9999px);content:var(--tw-content);display:none;height:var(--sd-spacing-1,.25rem);margin-left:var(--sd-spacing-2,.5rem);margin-right:var(--sd-spacing-2,.5rem);width:var(--sd-spacing-1,.25rem);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-bg-opacity,1))}@media (min-width:1024px){::slotted(sd-5-15-2-breadcrumb-item:not(:last-of-type)):after,sd-5-15-2-dropdown:after{content:var(--tw-content);display:inline-block}}::slotted(sd-5-15-2-breadcrumb-item:nth-last-child(2)){display:flex}@media (min-width:1024px){::slotted(sd-5-15-2-breadcrumb-item:nth-last-child(2)):after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-bg-opacity,1))}}::slotted(sd-5-15-2-breadcrumb-item),sd-5-15-2-dropdown{align-items:center;display:none}@media (min-width:1024px){::slotted(sd-5-15-2-breadcrumb-item),sd-5-15-2-dropdown{display:flex}}`
96
96
  ];
97
97
  __decorateClass([
98
98
  query('[part="base"]')
@@ -116,7 +116,7 @@ __decorateClass([
116
116
  state()
117
117
  ], SdBreadcrumb.prototype, "isTruncated", 2);
118
118
  SdBreadcrumb = __decorateClass([
119
- customElement("sd-5-15-0-breadcrumb")
119
+ customElement("sd-5-15-2-breadcrumb")
120
120
  ], SdBreadcrumb);
121
121
 
122
122
  export {
@@ -15,7 +15,7 @@ var FormControlController = class {
15
15
  const disabled = this.options.disabled(this.host);
16
16
  const name = this.options.name(this.host);
17
17
  const value = this.options.value(this.host);
18
- const isButton = this.host.tagName.toLowerCase() === "sd-5-15-0-button";
18
+ const isButton = this.host.tagName.toLowerCase() === "sd-5-15-2-button";
19
19
  if (!disabled && !isButton && typeof name === "string" && name.length > 0 && typeof value !== "undefined") {
20
20
  if (Array.isArray(value)) {
21
21
  value.forEach((val) => {
@@ -40,7 +40,7 @@ var FormControlController = class {
40
40
  event.stopImmediatePropagation();
41
41
  const invalidElements = (_b = this.form) == null ? void 0 : _b.querySelectorAll("[data-invalid]");
42
42
  const sdRadioGroups = Array.from(invalidElements).filter(
43
- (element) => element.tagName.toLowerCase() === "sd-5-15-0-radio-group"
43
+ (element) => element.tagName.toLowerCase() === "sd-5-15-2-radio-group"
44
44
  );
45
45
  sdRadioGroups.forEach((radioGroup) => {
46
46
  var _a2, _b2;
@@ -88,7 +88,7 @@ var FormControlController = class {
88
88
  },
89
89
  reportValidity: (input) => typeof input.reportValidity === "function" ? input.reportValidity() : true,
90
90
  setValue: (input, value) => input.value = value,
91
- assumeInteractionOn: ["sd-5-15-0-input"]
91
+ assumeInteractionOn: ["sd-5-15-2-input"]
92
92
  }, options);
93
93
  }
94
94
  hostConnected() {
@@ -107,12 +107,12 @@ var SdMenuItem = class extends SolidElement {
107
107
  )}" .disabled="${this.disabled}" ?aria-haspopup="${this.isSubmenu()}" ?aria-expanded="${isSubmenuExpanded ? true : false}">${this.type === "checkbox" ? html`<span part="checked-icon" class="${cx(
108
108
  "flex items-center justify-center grow-0 shrink-0 basis-auto",
109
109
  this.checked ? "visible" : "invisible"
110
- )}"><sd-5-15-0-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-5-15-0-icon></span>` : ""} ${slots.iconIndent ? html`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>` : ""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron || this.isSubmenu() ? html`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-5-15-0-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-5-15-0-icon></span>` : ""} ${this.submenuController.renderSubmenu()}</div>`;
110
+ )}"><sd-5-15-2-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-5-15-2-icon></span>` : ""} ${slots.iconIndent ? html`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>` : ""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron || this.isSubmenu() ? html`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-5-15-2-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-5-15-2-icon></span>` : ""} ${this.submenuController.renderSubmenu()}</div>`;
111
111
  }
112
112
  };
113
113
  SdMenuItem.styles = [
114
114
  ...SolidElement.styles,
115
- css`:host{--submenu-offset:-6px;display:block}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}::slotted(sd-5-15-0-icon){height:var(--sd-spacing-6,1.5rem);width:var(--sd-spacing-6,1.5rem)}[part=checked-icon]{margin-right:var(--sd-spacing-3,.75rem)}.submenu-expanded:after{bottom:var(--sd-spacing-0,0);left:var(--sd-spacing-0,0);position:fixed;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);z-index:calc(var(z-dropdown) - 1);--tw-content:"";clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));content:var(--tw-content)}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1));outline:2px solid transparent;outline-offset:2px}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:-2px;outline-style:solid;outline-width:2px}:host(:hover) [part=base]{outline:2px solid transparent;outline-offset:2px}sd-5-15-0-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));margin-left:var(--submenu-offset)}::slotted(sd-5-15-0-menu){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important}`
115
+ css`:host{--submenu-offset:-6px;display:block}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}::slotted(sd-5-15-2-icon){height:var(--sd-spacing-6,1.5rem);width:var(--sd-spacing-6,1.5rem)}[part=checked-icon]{margin-right:var(--sd-spacing-3,.75rem)}.submenu-expanded:after{bottom:var(--sd-spacing-0,0);left:var(--sd-spacing-0,0);position:fixed;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);z-index:calc(var(z-dropdown) - 1);--tw-content:"";clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));content:var(--tw-content)}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1));outline:2px solid transparent;outline-offset:2px}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:-2px;outline-style:solid;outline-width:2px}:host(:hover) [part=base]{outline:2px solid transparent;outline-offset:2px}sd-5-15-2-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));margin-left:var(--submenu-offset)}::slotted(sd-5-15-2-menu){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important}`
116
116
  ];
117
117
  __decorateClass([
118
118
  query("slot:not([name])")
@@ -145,7 +145,7 @@ __decorateClass([
145
145
  watch("type")
146
146
  ], SdMenuItem.prototype, "handleTypeChange", 1);
147
147
  SdMenuItem = __decorateClass([
148
- customElement("sd-5-15-0-menu-item")
148
+ customElement("sd-5-15-2-menu-item")
149
149
  ], SdMenuItem);
150
150
 
151
151
  export {
@@ -172,7 +172,7 @@ __decorateClass([
172
172
  watch(["checked"], { waitUntilFirstUpdate: true })
173
173
  ], SdSwitch.prototype, "handleStateChange", 1);
174
174
  SdSwitch = __decorateClass([
175
- customElement("sd-5-15-0-switch")
175
+ customElement("sd-5-15-2-switch")
176
176
  ], SdSwitch);
177
177
 
178
178
  export {
@@ -118,7 +118,7 @@ var SdCheckbox = class extends SolidElement {
118
118
  render() {
119
119
  const checkboxState = this.disabled && this.indeterminate ? "disabledIndeterminate" : this.disabled && this.checked ? "disabledChecked" : this.disabled ? "disabled" : this.visuallyDisabled ? "visuallyDisabled" : this.showInvalidStyle && this.indeterminate ? "invalidIndeterminate" : this.showInvalidStyle ? "invalid" : this.checked || this.indeterminate ? "filled" : "default";
120
120
  return html`<label part="base" class="${cx(
121
- "sd-5-15-0-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",
121
+ "sd-5-15-2-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",
122
122
  (this.disabled || this.visuallyDisabled) && "hover:cursor-not-allowed",
123
123
  {
124
124
  /* sizes, fonts */
@@ -145,7 +145,10 @@ var SdCheckbox = class extends SolidElement {
145
145
  filled: "border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",
146
146
  default: "border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"
147
147
  }[checkboxState]
148
- )}"><div class="${cx("absolute h-3 transition-[width] right-0.25 duration-medium", this.checked ? "w-0" : "w-3")}"><div class="${cx(
148
+ )}"><div class="${cx(
149
+ "absolute h-3 transition-[width] right-0.25 duration-medium",
150
+ this.checked || this.indeterminate ? "w-0" : "w-3"
151
+ )}"><div class="${cx(
149
152
  "w-full h-full transition-colors duration-medium ease-in-out group-hover:duration-fast",
150
153
  {
151
154
  disabledIndeterminate: "bg-neutral-500",
@@ -157,7 +160,7 @@ var SdCheckbox = class extends SolidElement {
157
160
  filled: "bg-accent group-hover:bg-accent-550",
158
161
  default: "hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"
159
162
  }[checkboxState]
160
- )}"></div></div>${this.checked ? html`<sd-5-15-0-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-5-15-0-icon>` : ""} ${!this.checked && this.indeterminate ? html`<sd-5-15-0-icon part="indeterminate-icon" class="text-white w-3 h-3" library="_internal" name="status-minus"></sd-5-15-0-icon>` : ""} </span><span part="label" id="label" class="${cx(
163
+ )}"></div></div>${this.checked ? html`<sd-5-15-2-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-5-15-2-icon>` : ""} ${!this.checked && this.indeterminate ? html`<sd-5-15-2-icon part="indeterminate-icon" class="text-white w-3 h-3" library="_internal" name="status-minus"></sd-5-15-2-icon>` : ""} </span><span part="label" id="label" class="${cx(
161
164
  "select-none inline-block ml-2",
162
165
  this.disabled || this.visuallyDisabled ? "text-neutral-500" : this.showInvalidStyle ? "text-error" : "text-black"
163
166
  )}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`;
@@ -219,7 +222,7 @@ __decorateClass([
219
222
  watch(["checked", "indeterminate"], { waitUntilFirstUpdate: true })
220
223
  ], SdCheckbox.prototype, "handleStateChange", 1);
221
224
  SdCheckbox = __decorateClass([
222
- customElement("sd-5-15-0-checkbox")
225
+ customElement("sd-5-15-2-checkbox")
223
226
  ], SdCheckbox);
224
227
 
225
228
  export {
@@ -21,6 +21,6 @@ export default class SdAccordion extends SolidElement {
21
21
  }
22
22
  declare global {
23
23
  interface HTMLElementTagNameMap {
24
- 'sd-5-15-0-accordion': SdAccordion;
24
+ 'sd-5-15-2-accordion': SdAccordion;
25
25
  }
26
26
  }
@@ -11,6 +11,6 @@ export default class SdAccordionGroup extends SolidElement {
11
11
  }
12
12
  declare global {
13
13
  interface HTMLElementTagNameMap {
14
- 'sd-5-15-0-accordion-group': SdAccordionGroup;
14
+ 'sd-5-15-2-accordion-group': SdAccordionGroup;
15
15
  }
16
16
  }
@@ -34,6 +34,6 @@ export default class SdAnimation extends SolidElement {
34
34
  }
35
35
  declare global {
36
36
  interface HTMLElementTagNameMap {
37
- 'sd-5-15-0-animation': SdAnimation;
37
+ 'sd-5-15-2-animation': SdAnimation;
38
38
  }
39
39
  }
@@ -57,6 +57,6 @@ export default class SdAudio extends SolidElement {
57
57
  }
58
58
  declare global {
59
59
  interface HTMLElementTagNameMap {
60
- 'sd-5-15-0-audio': SdAudio;
60
+ 'sd-5-15-2-audio': SdAudio;
61
61
  }
62
62
  }
@@ -8,6 +8,6 @@ export default class SdBadge extends SolidElement {
8
8
  }
9
9
  declare global {
10
10
  interface HTMLElementTagNameMap {
11
- 'sd-5-15-0-badge': SdBadge;
11
+ 'sd-5-15-2-badge': SdBadge;
12
12
  }
13
13
  }
@@ -25,7 +25,7 @@ export default class SdBrandshape extends SolidElement {
25
25
  }
26
26
  declare global {
27
27
  interface HTMLElementTagNameMap {
28
- 'sd-5-15-0-brandshape': SdBrandshape;
28
+ 'sd-5-15-2-brandshape': SdBrandshape;
29
29
  }
30
30
  }
31
31
  export {};
@@ -22,6 +22,6 @@ export default class SdBreadcrumb extends SolidElement {
22
22
  }
23
23
  declare global {
24
24
  interface HTMLElementTagNameMap {
25
- 'sd-5-15-0-breadcrumb': SdBreadcrumb;
25
+ 'sd-5-15-2-breadcrumb': SdBreadcrumb;
26
26
  }
27
27
  }
@@ -14,6 +14,6 @@ export default class SdBreadcrumbItem extends SolidElement {
14
14
  }
15
15
  declare global {
16
16
  interface HTMLElementTagNameMap {
17
- 'sd-5-15-0-breadcrumb-item': SdBreadcrumbItem;
17
+ 'sd-5-15-2-breadcrumb-item': SdBreadcrumbItem;
18
18
  }
19
19
  }
@@ -48,6 +48,6 @@ export default class SdButton extends SolidElement implements SolidFormControl {
48
48
  }
49
49
  declare global {
50
50
  interface HTMLElementTagNameMap {
51
- 'sd-5-15-0-button': SdButton;
51
+ 'sd-5-15-2-button': SdButton;
52
52
  }
53
53
  }
@@ -13,6 +13,6 @@ export default class SdButtonGroup extends SolidElement {
13
13
  }
14
14
  declare global {
15
15
  interface HTMLElementTagNameMap {
16
- 'sd-5-15-0-button-group': SdButtonGroup;
16
+ 'sd-5-15-2-button-group': SdButtonGroup;
17
17
  }
18
18
  }
@@ -61,6 +61,6 @@ export default class SdCarousel extends SolidElement {
61
61
  }
62
62
  declare global {
63
63
  interface HTMLElementTagNameMap {
64
- 'sd-5-15-0-carousel': SdCarousel;
64
+ 'sd-5-15-2-carousel': SdCarousel;
65
65
  }
66
66
  }
@@ -7,6 +7,6 @@ export default class SdCarouselItem extends SolidElement {
7
7
  }
8
8
  declare global {
9
9
  interface HTMLElementTagNameMap {
10
- 'sd-5-15-0-carousel-item': SdCarouselItem;
10
+ 'sd-5-15-2-carousel-item': SdCarouselItem;
11
11
  }
12
12
  }
@@ -38,6 +38,6 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
38
38
  }
39
39
  declare global {
40
40
  interface HTMLElementTagNameMap {
41
- 'sd-5-15-0-checkbox': SdCheckbox;
41
+ 'sd-5-15-2-checkbox': SdCheckbox;
42
42
  }
43
43
  }
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SdCheckbox
3
- } from "../../chunks/chunk.JQJXSQKT.js";
3
+ } from "../../chunks/chunk.ZOGRR75S.js";
4
4
  import "../../chunks/chunk.GI7VDIWX.js";
5
5
  import "../../chunks/chunk.XCQC3F3H.js";
6
6
  import "../../chunks/chunk.DIXRYCRP.js";
@@ -16,6 +16,6 @@ export default class SdCheckboxGroup extends SolidElement {
16
16
  }
17
17
  declare global {
18
18
  interface HTMLElementTagNameMap {
19
- 'sd-5-15-0-checkbox-group': SdCheckboxGroup;
19
+ 'sd-5-15-2-checkbox-group': SdCheckboxGroup;
20
20
  }
21
21
  }
@@ -121,6 +121,6 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
121
121
  }
122
122
  declare global {
123
123
  interface HTMLElementTagNameMap {
124
- 'sd-5-15-0-combobox': SdCombobox;
124
+ 'sd-5-15-2-combobox': SdCombobox;
125
125
  }
126
126
  }
@@ -29,6 +29,6 @@ export default class SdDialog extends SolidElement {
29
29
  }
30
30
  declare global {
31
31
  interface HTMLElementTagNameMap {
32
- 'sd-5-15-0-dialog': SdDialog;
32
+ 'sd-5-15-2-dialog': SdDialog;
33
33
  }
34
34
  }
@@ -8,6 +8,6 @@ export default class SdDivider extends SolidElement {
8
8
  }
9
9
  declare global {
10
10
  interface HTMLElementTagNameMap {
11
- 'sd-5-15-0-divider': SdDivider;
11
+ 'sd-5-15-2-divider': SdDivider;
12
12
  }
13
13
  }
@@ -31,6 +31,6 @@ export default class SdDrawer extends SolidElement {
31
31
  }
32
32
  declare global {
33
33
  interface HTMLElementTagNameMap {
34
- 'sd-5-15-0-drawer': SdDrawer;
34
+ 'sd-5-15-2-drawer': SdDrawer;
35
35
  }
36
36
  }
@@ -46,6 +46,6 @@ export default class SdDropdown extends SolidElement {
46
46
  }
47
47
  declare global {
48
48
  interface HTMLElementTagNameMap {
49
- 'sd-5-15-0-dropdown': SdDropdown;
49
+ 'sd-5-15-2-dropdown': SdDropdown;
50
50
  }
51
51
  }
@@ -20,6 +20,6 @@ export default class SdExpandable extends SolidElement {
20
20
  }
21
21
  declare global {
22
22
  interface HTMLElementTagNameMap {
23
- 'sd-5-15-0-expandable': SdExpandable;
23
+ 'sd-5-15-2-expandable': SdExpandable;
24
24
  }
25
25
  }
@@ -19,6 +19,6 @@ export default class SdFlipcard extends SolidElement {
19
19
  }
20
20
  declare global {
21
21
  interface HTMLElementTagNameMap {
22
- 'sd-5-15-0-flipcard': SdFlipcard;
22
+ 'sd-5-15-2-flipcard': SdFlipcard;
23
23
  }
24
24
  }
@@ -15,6 +15,6 @@ export default class SdHeader extends SolidElement {
15
15
  }
16
16
  declare global {
17
17
  interface HTMLElementTagNameMap {
18
- 'sd-5-15-0-header': SdHeader;
18
+ 'sd-5-15-2-header': SdHeader;
19
19
  }
20
20
  }
@@ -17,6 +17,6 @@ export default class SdIcon extends SolidElement {
17
17
  }
18
18
  declare global {
19
19
  interface HTMLElementTagNameMap {
20
- 'sd-5-15-0-icon': SdIcon;
20
+ 'sd-5-15-2-icon': SdIcon;
21
21
  }
22
22
  }
@@ -10,6 +10,6 @@ export default class SdInclude extends SolidElement {
10
10
  }
11
11
  declare global {
12
12
  interface HTMLElementTagNameMap {
13
- 'sd-5-15-0-include': SdInclude;
13
+ 'sd-5-15-2-include': SdInclude;
14
14
  }
15
15
  }
@@ -83,6 +83,6 @@ export default class SdInput extends SolidElement implements SolidFormControl {
83
83
  }
84
84
  declare global {
85
85
  interface HTMLElementTagNameMap {
86
- 'sd-5-15-0-input': SdInput;
86
+ 'sd-5-15-2-input': SdInput;
87
87
  }
88
88
  }
@@ -19,6 +19,6 @@ export default class SdLink extends SolidElement {
19
19
  }
20
20
  declare global {
21
21
  interface HTMLElementTagNameMap {
22
- 'sd-5-15-0-link': SdLink;
22
+ 'sd-5-15-2-link': SdLink;
23
23
  }
24
24
  }
@@ -8,6 +8,6 @@ export default class SdLoader extends SolidElement {
8
8
  }
9
9
  declare global {
10
10
  interface HTMLElementTagNameMap {
11
- 'sd-5-15-0-loader': SdLoader;
11
+ 'sd-5-15-2-loader': SdLoader;
12
12
  }
13
13
  }
@@ -18,6 +18,6 @@ export default class SdMapMarker extends SolidElement {
18
18
  }
19
19
  declare global {
20
20
  interface HTMLElementTagNameMap {
21
- 'sd-5-15-0-map-marker': SdMapMarker;
21
+ 'sd-5-15-2-map-marker': SdMapMarker;
22
22
  }
23
23
  }
@@ -18,6 +18,6 @@ export default class SdMenu extends SolidElement {
18
18
  }
19
19
  declare global {
20
20
  interface HTMLElementTagNameMap {
21
- 'sd-5-15-0-menu': SdMenu;
21
+ 'sd-5-15-2-menu': SdMenu;
22
22
  }
23
23
  }
@@ -25,6 +25,6 @@ export default class SdMenuItem extends SolidElement {
25
25
  }
26
26
  declare global {
27
27
  interface HTMLElementTagNameMap {
28
- 'sd-5-15-0-menu-item': SdMenuItem;
28
+ 'sd-5-15-2-menu-item': SdMenuItem;
29
29
  }
30
30
  }
@@ -36,6 +36,6 @@ export default class SdNavigationItem extends SolidElement {
36
36
  }
37
37
  declare global {
38
38
  interface HTMLElementTagNameMap {
39
- 'sd-5-15-0-navigation-item': SdNavigationItem;
39
+ 'sd-5-15-2-navigation-item': SdNavigationItem;
40
40
  }
41
41
  }
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SdNavigationItem
3
- } from "../../chunks/chunk.RQVQQ7ZE.js";
3
+ } from "../../chunks/chunk.T5YQM2UK.js";
4
4
  import "../../chunks/chunk.3EQ2WOVC.js";
5
5
  import "../../chunks/chunk.IVMQWO2L.js";
6
6
  import "../../chunks/chunk.DIXRYCRP.js";
@@ -35,6 +35,6 @@ export default class SdNotification extends SolidElement {
35
35
  }
36
36
  declare global {
37
37
  interface HTMLElementTagNameMap {
38
- 'sd-5-15-0-notification': SdNotification;
38
+ 'sd-5-15-2-notification': SdNotification;
39
39
  }
40
40
  }