@db-ux/wc-core-components 4.12.0 → 4.13.0-shell-f221975

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 (548) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/agent/ControlPanelBrand.md +9 -0
  3. package/agent/ControlPanelDesktop.md +46 -0
  4. package/agent/ControlPanelMeta.md +13 -0
  5. package/agent/ControlPanelMobile.md +37 -0
  6. package/agent/ControlPanelNavigation.md +19 -0
  7. package/agent/ControlPanelNavigationItem.md +33 -0
  8. package/agent/ControlPanelPrimaryActions.md +13 -0
  9. package/agent/ControlPanelSecondaryActions.md +19 -0
  10. package/agent/Drawer.md +0 -8
  11. package/agent/Shell.md +24 -0
  12. package/agent/ShellSubNavigation.md +6 -0
  13. package/agent/_instructions.md +11 -6
  14. package/bundle/db-accordion-item.js +1 -1
  15. package/bundle/db-accordion.js +1 -1
  16. package/bundle/db-badge.js +1 -1
  17. package/bundle/db-button.js +1 -1
  18. package/bundle/db-card.js +1 -1
  19. package/bundle/db-checkbox.js +1 -1
  20. package/bundle/db-control-panel-brand.d.ts +11 -0
  21. package/bundle/db-control-panel-brand.js +1 -0
  22. package/bundle/db-control-panel-desktop.d.ts +11 -0
  23. package/bundle/db-control-panel-desktop.js +1 -0
  24. package/bundle/db-control-panel-flat-icon.d.ts +11 -0
  25. package/bundle/db-control-panel-flat-icon.js +1 -0
  26. package/bundle/{db-navigation-item.d.ts → db-control-panel-meta.d.ts} +4 -4
  27. package/bundle/db-control-panel-meta.js +1 -0
  28. package/bundle/db-control-panel-mobile.d.ts +11 -0
  29. package/bundle/db-control-panel-mobile.js +1 -0
  30. package/bundle/db-control-panel-navigation-item-group.d.ts +11 -0
  31. package/bundle/db-control-panel-navigation-item-group.js +1 -0
  32. package/bundle/db-control-panel-navigation-item.d.ts +11 -0
  33. package/bundle/db-control-panel-navigation-item.js +1 -0
  34. package/bundle/db-control-panel-navigation.d.ts +11 -0
  35. package/bundle/db-control-panel-navigation.js +1 -0
  36. package/bundle/db-control-panel-primary-actions.d.ts +11 -0
  37. package/bundle/db-control-panel-primary-actions.js +1 -0
  38. package/bundle/db-control-panel-secondary-actions.d.ts +11 -0
  39. package/bundle/db-control-panel-secondary-actions.js +1 -0
  40. package/bundle/db-control-panel-skip-navigation.d.ts +11 -0
  41. package/bundle/db-control-panel-skip-navigation.js +1 -0
  42. package/bundle/db-custom-button.js +1 -1
  43. package/bundle/db-custom-select-dropdown.js +1 -1
  44. package/bundle/db-custom-select-form-field.js +1 -1
  45. package/bundle/db-custom-select-list-item.js +1 -1
  46. package/bundle/db-custom-select-list.js +1 -1
  47. package/bundle/db-custom-select.js +1 -1
  48. package/bundle/db-divider.js +1 -1
  49. package/bundle/{db-navigation.d.ts → db-drawer-footer.d.ts} +4 -4
  50. package/bundle/db-drawer-footer.js +1 -0
  51. package/bundle/{db-page.d.ts → db-drawer-header.d.ts} +4 -4
  52. package/bundle/db-drawer-header.js +1 -0
  53. package/bundle/db-drawer.js +1 -1
  54. package/bundle/db-icon.js +1 -1
  55. package/bundle/db-infotext.js +1 -1
  56. package/bundle/db-input.js +1 -1
  57. package/bundle/db-link.js +1 -1
  58. package/bundle/db-notification.js +1 -1
  59. package/bundle/db-popover.js +1 -1
  60. package/bundle/db-radio.js +1 -1
  61. package/bundle/db-section.js +1 -1
  62. package/bundle/db-select.js +1 -1
  63. package/bundle/{db-header.d.ts → db-shell-content.d.ts} +4 -4
  64. package/bundle/db-shell-content.js +1 -0
  65. package/bundle/db-shell-sub-navigation.d.ts +11 -0
  66. package/bundle/db-shell-sub-navigation.js +1 -0
  67. package/bundle/{db-brand.d.ts → db-shell.d.ts} +4 -4
  68. package/bundle/db-shell.js +1 -0
  69. package/bundle/db-stack.js +1 -1
  70. package/bundle/db-switch.js +1 -1
  71. package/bundle/db-tab-item.js +1 -1
  72. package/bundle/db-tab-list.js +1 -1
  73. package/bundle/db-tab-panel.js +1 -1
  74. package/bundle/db-table-body.js +1 -1
  75. package/bundle/db-table-caption.js +1 -1
  76. package/bundle/db-table-data-cell.js +1 -1
  77. package/bundle/db-table-footer.js +1 -1
  78. package/bundle/db-table-head.js +1 -1
  79. package/bundle/db-table-header-cell.js +1 -1
  80. package/bundle/db-table-row.js +1 -1
  81. package/bundle/db-table.js +1 -1
  82. package/bundle/db-tabs.js +1 -1
  83. package/bundle/db-tag.js +1 -1
  84. package/bundle/db-textarea.js +1 -1
  85. package/bundle/db-tooltip.js +1 -1
  86. package/bundle/index.js +1 -1
  87. package/bundle/p-6eFmbk2q.js +1 -0
  88. package/bundle/p-9FBjLlz8.js +1 -0
  89. package/bundle/p-B2-mqMAV.js +1 -0
  90. package/bundle/{p-G57oLrr4.js → p-B3HO0pCt.js} +1 -1
  91. package/bundle/p-B5p2TBcA.js +1 -0
  92. package/bundle/{p-BQov9sQb.js → p-BSn68Z6b.js} +1 -1
  93. package/bundle/p-BT3wZY6f.js +1 -0
  94. package/bundle/p-BWWm2aVB.js +1 -0
  95. package/bundle/{p-Cc5hdI0x.js → p-B_cQ652T.js} +1 -1
  96. package/bundle/{p-DcgghWWs.js → p-BbEdAR4o.js} +1 -1
  97. package/bundle/{p-C0JLpZ9Q.js → p-BtQh3jbl.js} +1 -1
  98. package/bundle/p-C3NPZvho.js +1 -0
  99. package/bundle/p-CGLknNHl.js +1 -0
  100. package/bundle/p-COv1iCFP.js +1 -0
  101. package/bundle/p-C_xaJ8Kg.js +1 -0
  102. package/bundle/p-CjeAJfEo.js +1 -0
  103. package/bundle/{p-to845Mg2.js → p-Cr4l4OlK.js} +1 -1
  104. package/bundle/p-CtoC6vGL.js +1 -0
  105. package/bundle/p-D2lYeElK.js +1 -0
  106. package/bundle/{p-BvgvWjGH.js → p-D9qEmJkQ.js} +1 -1
  107. package/bundle/p-DAr8BCe0.js +1 -0
  108. package/bundle/{p-CYYSsu3p.js → p-DEicAzan.js} +1 -1
  109. package/bundle/{p-C9llbu6g.js → p-DKhSQnne.js} +1 -1
  110. package/bundle/{p-BpO8Ok-r.js → p-DTmum76Y.js} +1 -1
  111. package/bundle/p-DtqySxCV.js +1 -0
  112. package/bundle/p-Nyi3Ccqz.js +1 -0
  113. package/bundle/p-V6Dppnfj.js +1 -0
  114. package/bundle/p-WOdZHiUh.js +1 -0
  115. package/bundle/p-_kvIQ0Iy.js +1 -0
  116. package/bundle/{p-fu0VCCbW.js → p-mf371GRo.js} +1 -1
  117. package/dist/cjs/{constants-bMY2_d8A.js → constants-BM1EltPT.js} +12 -3
  118. package/dist/cjs/db-accordion-item.cjs.entry.js +3 -3
  119. package/dist/cjs/db-accordion.cjs.entry.js +2 -2
  120. package/dist/cjs/db-badge.cjs.entry.js +4 -4
  121. package/dist/cjs/db-button.cjs.entry.js +6 -3
  122. package/dist/cjs/db-card.cjs.entry.js +3 -3
  123. package/dist/cjs/db-checkbox.cjs.entry.js +5 -5
  124. package/dist/cjs/{db-brand.cjs.entry.js → db-control-panel-brand.cjs.entry.js} +9 -10
  125. package/dist/cjs/db-control-panel-desktop.cjs.entry.js +148 -0
  126. package/dist/cjs/db-control-panel-flat-icon.cjs.entry.js +134 -0
  127. package/dist/cjs/{db-navigation.cjs.entry.js → db-control-panel-meta.cjs.entry.js} +8 -8
  128. package/dist/cjs/db-control-panel-mobile.cjs.entry.js +124 -0
  129. package/dist/cjs/db-control-panel-navigation-item-group.cjs.entry.js +420 -0
  130. package/dist/cjs/db-control-panel-navigation-item.cjs.entry.js +235 -0
  131. package/dist/cjs/db-control-panel-navigation.cjs.entry.js +579 -0
  132. package/dist/cjs/db-control-panel-primary-actions.cjs.entry.js +95 -0
  133. package/dist/cjs/db-control-panel-secondary-actions.cjs.entry.js +95 -0
  134. package/dist/cjs/db-control-panel-skip-navigation.cjs.entry.js +96 -0
  135. package/dist/cjs/db-custom-button.cjs.entry.js +3 -3
  136. package/dist/cjs/db-custom-select-dropdown_5.cjs.entry.js +14 -14
  137. package/dist/cjs/db-custom-select-form-field.cjs.entry.js +3 -3
  138. package/dist/cjs/db-custom-select.cjs.entry.js +50 -26
  139. package/dist/cjs/db-divider.cjs.entry.js +2 -2
  140. package/dist/cjs/db-drawer_3.cjs.entry.js +457 -0
  141. package/dist/cjs/db-icon.cjs.entry.js +3 -3
  142. package/dist/cjs/db-infotext.cjs.entry.js +3 -3
  143. package/dist/cjs/db-link_4.cjs.entry.js +12 -10
  144. package/dist/cjs/db-notification.cjs.entry.js +4 -4
  145. package/dist/cjs/db-popover.cjs.entry.js +50 -22
  146. package/dist/cjs/db-radio.cjs.entry.js +4 -4
  147. package/dist/cjs/db-section.cjs.entry.js +3 -3
  148. package/dist/cjs/db-select.cjs.entry.js +5 -5
  149. package/dist/cjs/db-shell-content.cjs.entry.js +97 -0
  150. package/dist/cjs/db-shell-sub-navigation.cjs.entry.js +110 -0
  151. package/dist/cjs/{db-page.cjs.entry.js → db-shell.cjs.entry.js} +16 -17
  152. package/dist/cjs/db-stack.cjs.entry.js +3 -3
  153. package/dist/cjs/db-switch.cjs.entry.js +5 -5
  154. package/dist/cjs/db-tab-item_3.cjs.entry.js +8 -8
  155. package/dist/cjs/db-table-body_3.cjs.entry.js +10 -10
  156. package/dist/cjs/db-table-caption.cjs.entry.js +4 -3
  157. package/dist/cjs/db-table.cjs.entry.js +4 -4
  158. package/dist/cjs/db-tabs.cjs.entry.js +23 -18
  159. package/dist/cjs/db-textarea.cjs.entry.js +5 -5
  160. package/dist/cjs/db-tooltip.cjs.entry.js +39 -26
  161. package/dist/cjs/db-ux.cjs.js +1 -1
  162. package/dist/cjs/{document-click-listener-DdNXbErU.js → document-click-listener-D_0Q6lvb.js} +5 -9
  163. package/dist/cjs/{document-scroll-listener-CvAZ6uPr.js → document-scroll-listener-CgyYRmvZ.js} +29 -9
  164. package/dist/cjs/{floating-components-DlstoCKH.js → floating-components-B3bpFI90.js} +193 -115
  165. package/dist/cjs/{form-components-CmQlkARp.js → form-components-XNiwIGq8.js} +1 -1
  166. package/dist/cjs/{index-spuu3sXz.js → index-Df-6pBQf.js} +41 -2
  167. package/dist/cjs/index.cjs.js +34 -17
  168. package/dist/cjs/intersection-observer-listener-DlrHabJb.js +41 -0
  169. package/dist/cjs/loader.cjs.js +1 -1
  170. package/dist/cjs/navigation-CHCtasZv.js +178 -0
  171. package/dist/cjs/resize-observer-listener-CmPDfoZs.js +103 -0
  172. package/dist/collection/collection-manifest.json +18 -7
  173. package/dist/collection/components/accordion/accordion.js +1 -1
  174. package/dist/collection/components/accordion/model.js +0 -1
  175. package/dist/collection/components/accordion-item/accordion-item.js +2 -2
  176. package/dist/collection/components/badge/badge.js +2 -2
  177. package/dist/collection/components/button/button.js +57 -2
  178. package/dist/collection/components/card/card.js +2 -2
  179. package/dist/collection/components/checkbox/checkbox.js +2 -2
  180. package/dist/collection/components/control-panel-brand/control-panel-brand.js +179 -0
  181. package/dist/collection/components/control-panel-brand/index.js +2 -0
  182. package/dist/collection/components/control-panel-desktop/control-panel-desktop.js +343 -0
  183. package/dist/collection/components/control-panel-desktop/index.js +2 -0
  184. package/dist/collection/components/control-panel-flat-icon/control-panel-flat-icon.js +246 -0
  185. package/dist/collection/components/control-panel-flat-icon/index.js +2 -0
  186. package/dist/collection/components/control-panel-meta/control-panel-meta.js +179 -0
  187. package/dist/collection/components/control-panel-meta/index.js +2 -0
  188. package/dist/collection/components/control-panel-mobile/control-panel-mobile.js +307 -0
  189. package/dist/collection/components/control-panel-mobile/index.js +2 -0
  190. package/dist/collection/components/control-panel-mobile/model.js +1 -0
  191. package/dist/collection/components/control-panel-navigation/control-panel-navigation.js +829 -0
  192. package/dist/collection/components/control-panel-navigation/index.js +2 -0
  193. package/dist/collection/components/control-panel-navigation/model.js +1 -0
  194. package/dist/collection/components/control-panel-navigation-item/control-panel-navigation-item.js +484 -0
  195. package/dist/collection/components/control-panel-navigation-item/index.js +2 -0
  196. package/dist/collection/components/control-panel-navigation-item/model.js +1 -0
  197. package/dist/collection/components/control-panel-navigation-item-group/control-panel-navigation-item-group.js +772 -0
  198. package/dist/collection/components/control-panel-navigation-item-group/index.js +2 -0
  199. package/dist/collection/components/control-panel-navigation-item-group/model.js +1 -0
  200. package/dist/collection/components/control-panel-primary-actions/control-panel-primary-actions.js +179 -0
  201. package/dist/collection/components/control-panel-primary-actions/index.js +2 -0
  202. package/dist/collection/components/control-panel-primary-actions/model.js +1 -0
  203. package/dist/collection/components/control-panel-secondary-actions/control-panel-secondary-actions.js +179 -0
  204. package/dist/collection/components/control-panel-secondary-actions/index.js +2 -0
  205. package/dist/collection/components/control-panel-secondary-actions/model.js +1 -0
  206. package/dist/collection/components/control-panel-skip-navigation/control-panel-skip-navigation.js +232 -0
  207. package/dist/collection/components/control-panel-skip-navigation/index.js +2 -0
  208. package/dist/collection/components/control-panel-skip-navigation/model.js +1 -0
  209. package/dist/collection/components/custom-button/custom-button.js +2 -2
  210. package/dist/collection/components/custom-select/custom-select.js +46 -21
  211. package/dist/collection/components/custom-select-dropdown/custom-select-dropdown.js +2 -2
  212. package/dist/collection/components/custom-select-form-field/custom-select-form-field.js +2 -2
  213. package/dist/collection/components/custom-select-list/custom-select-list.js +2 -2
  214. package/dist/collection/components/custom-select-list-item/custom-select-list-item.js +2 -2
  215. package/dist/collection/components/divider/divider.js +1 -1
  216. package/dist/collection/components/drawer/drawer.js +71 -75
  217. package/dist/collection/components/drawer/model.js +1 -0
  218. package/dist/collection/components/{navigation/navigation.js → drawer-footer/drawer-footer.js} +19 -19
  219. package/dist/collection/components/drawer-footer/index.js +2 -0
  220. package/dist/collection/components/drawer-footer/model.js +1 -0
  221. package/dist/collection/components/{brand/brand.js → drawer-header/drawer-header.js} +83 -79
  222. package/dist/collection/components/drawer-header/index.js +2 -0
  223. package/dist/collection/components/drawer-header/model.js +1 -0
  224. package/dist/collection/components/icon/icon.js +2 -2
  225. package/dist/collection/components/infotext/infotext.js +2 -2
  226. package/dist/collection/components/input/input.js +3 -3
  227. package/dist/collection/components/link/link.js +2 -2
  228. package/dist/collection/components/notification/notification.js +2 -2
  229. package/dist/collection/components/popover/popover.js +75 -46
  230. package/dist/collection/components/radio/radio.js +2 -2
  231. package/dist/collection/components/section/section.js +2 -2
  232. package/dist/collection/components/select/select.js +2 -2
  233. package/dist/collection/components/shell/index.js +2 -0
  234. package/dist/collection/components/shell/model.js +1 -0
  235. package/dist/collection/components/{header/header.js → shell/shell.js} +92 -143
  236. package/dist/collection/components/shell-content/index.js +2 -0
  237. package/dist/collection/components/shell-content/model.js +1 -0
  238. package/dist/collection/components/{page/page.js → shell-content/shell-content.js} +67 -86
  239. package/dist/collection/components/shell-sub-navigation/index.js +2 -0
  240. package/dist/collection/components/shell-sub-navigation/model.js +1 -0
  241. package/dist/collection/components/shell-sub-navigation/shell-sub-navigation.js +248 -0
  242. package/dist/collection/components/stack/stack.js +2 -2
  243. package/dist/collection/components/switch/switch.js +2 -2
  244. package/dist/collection/components/tab-item/tab-item.js +3 -3
  245. package/dist/collection/components/tab-list/tab-list.js +2 -2
  246. package/dist/collection/components/tab-panel/tab-panel.js +2 -2
  247. package/dist/collection/components/table/table.js +27 -3
  248. package/dist/collection/components/table-body/table-body.js +27 -3
  249. package/dist/collection/components/table-caption/table-caption.js +27 -2
  250. package/dist/collection/components/table-data-cell/table-data-cell.js +27 -2
  251. package/dist/collection/components/table-footer/table-footer.js +27 -3
  252. package/dist/collection/components/table-head/table-head.js +27 -3
  253. package/dist/collection/components/table-header-cell/table-header-cell.js +27 -2
  254. package/dist/collection/components/table-row/table-row.js +27 -3
  255. package/dist/collection/components/tabs/tabs.js +75 -18
  256. package/dist/collection/components/tag/tag.js +2 -2
  257. package/dist/collection/components/textarea/textarea.js +2 -2
  258. package/dist/collection/components/tooltip/tooltip.js +63 -49
  259. package/dist/collection/index.js +32 -10
  260. package/dist/collection/shared/constants.js +7 -2
  261. package/dist/collection/shared/model.js +4 -0
  262. package/dist/collection/utils/abstract-document-listener.js +23 -0
  263. package/dist/collection/utils/abstract-observer-listener.js +61 -0
  264. package/dist/collection/utils/document-click-listener.js +5 -9
  265. package/dist/collection/utils/document-scroll-listener.js +5 -9
  266. package/dist/collection/utils/floating-components.js +193 -115
  267. package/dist/collection/utils/index.js +40 -2
  268. package/dist/collection/utils/intersection-observer-listener.js +36 -0
  269. package/dist/collection/utils/navigation.js +113 -74
  270. package/dist/collection/utils/resize-observer-listener.js +36 -0
  271. package/dist/custom-elements.json +11897 -8400
  272. package/dist/db-ux/db-ux.esm.js +1 -1
  273. package/dist/db-ux/index.esm.js +1 -1
  274. package/dist/db-ux/{p-d9d006e7.entry.js → p-158c64e0.entry.js} +1 -1
  275. package/dist/db-ux/p-1fa944fd.entry.js +1 -0
  276. package/dist/db-ux/{p-a176424b.entry.js → p-2012c72a.entry.js} +1 -1
  277. package/dist/db-ux/p-234fee81.entry.js +1 -0
  278. package/dist/db-ux/{p-6b8375e8.entry.js → p-3566a5b2.entry.js} +1 -1
  279. package/dist/db-ux/p-3b61c223.entry.js +1 -0
  280. package/dist/db-ux/p-3d5fc4b6.entry.js +1 -0
  281. package/dist/db-ux/p-3e113cfe.entry.js +1 -0
  282. package/dist/db-ux/p-42644385.entry.js +1 -0
  283. package/dist/db-ux/p-42fd6a5c.entry.js +1 -0
  284. package/dist/db-ux/p-441d444e.entry.js +1 -0
  285. package/dist/db-ux/{p-a8556349.entry.js → p-4ecd501a.entry.js} +1 -1
  286. package/dist/db-ux/{p-77a47225.entry.js → p-53f827e1.entry.js} +1 -1
  287. package/dist/db-ux/{p-eedf08e0.entry.js → p-5696a8d3.entry.js} +1 -1
  288. package/dist/db-ux/p-56b2a25d.entry.js +1 -0
  289. package/dist/db-ux/{p-68f00121.entry.js → p-5a1a7588.entry.js} +1 -1
  290. package/dist/db-ux/p-5c5dce95.entry.js +1 -0
  291. package/dist/db-ux/p-5ce9ac6d.entry.js +1 -0
  292. package/dist/db-ux/{p-57527cef.entry.js → p-636e6a6d.entry.js} +1 -1
  293. package/dist/db-ux/p-6aac51bf.entry.js +1 -0
  294. package/dist/db-ux/p-6fc31876.entry.js +1 -0
  295. package/dist/db-ux/p-7d3541c6.entry.js +1 -0
  296. package/dist/db-ux/p-8f288b5e.entry.js +1 -0
  297. package/dist/db-ux/{p-37bf8d87.entry.js → p-9174a1f8.entry.js} +1 -1
  298. package/dist/db-ux/p-92d1d118.entry.js +1 -0
  299. package/dist/db-ux/p-94806e39.entry.js +1 -0
  300. package/dist/db-ux/p-95afbd4b.entry.js +1 -0
  301. package/dist/db-ux/p-BNNa1bIH.js +1 -0
  302. package/dist/db-ux/p-BT3wZY6f.js +1 -0
  303. package/dist/db-ux/p-Bs6e6rEa.js +1 -0
  304. package/dist/db-ux/p-Bu2uTpuB.js +1 -0
  305. package/dist/db-ux/p-CHtd83tf.js +1 -0
  306. package/dist/db-ux/p-COv1iCFP.js +1 -0
  307. package/dist/db-ux/p-D-LMtTru.js +1 -0
  308. package/dist/db-ux/p-DB8jc8lh.js +1 -0
  309. package/dist/db-ux/p-a2fd6f02.entry.js +1 -0
  310. package/dist/db-ux/p-a526be72.entry.js +1 -0
  311. package/dist/db-ux/{p-db1b9f5d.entry.js → p-aa0d6af7.entry.js} +1 -1
  312. package/dist/db-ux/p-ab2ca4f9.entry.js +1 -0
  313. package/dist/db-ux/p-b124f5d7.entry.js +1 -0
  314. package/dist/db-ux/p-b4069c07.entry.js +1 -0
  315. package/dist/db-ux/p-b90adbf2.entry.js +1 -0
  316. package/dist/db-ux/p-bbqCwwgU.js +1 -0
  317. package/dist/db-ux/p-c36731c4.entry.js +1 -0
  318. package/dist/db-ux/p-c6e965b9.entry.js +1 -0
  319. package/dist/db-ux/p-d0340bf6.entry.js +1 -0
  320. package/dist/db-ux/p-d354d861.entry.js +1 -0
  321. package/dist/db-ux/{p-6d41baf1.entry.js → p-d7ffa767.entry.js} +1 -1
  322. package/dist/db-ux/{p-70b6ebcd.entry.js → p-da34c367.entry.js} +1 -1
  323. package/dist/db-ux/{p-81edb316.entry.js → p-eb18be29.entry.js} +1 -1
  324. package/dist/db-ux/p-eee0f32c.entry.js +1 -0
  325. package/dist/db-ux/p-f1f23724.entry.js +1 -0
  326. package/dist/esm/{constants-BdL-nI5y.js → constants-COv1iCFP.js} +8 -3
  327. package/dist/esm/db-accordion-item.entry.js +3 -3
  328. package/dist/esm/db-accordion.entry.js +2 -2
  329. package/dist/esm/db-badge.entry.js +4 -4
  330. package/dist/esm/db-button.entry.js +6 -3
  331. package/dist/esm/db-card.entry.js +3 -3
  332. package/dist/esm/db-checkbox.entry.js +5 -5
  333. package/dist/esm/db-control-panel-brand.entry.js +93 -0
  334. package/dist/esm/db-control-panel-desktop.entry.js +146 -0
  335. package/dist/esm/db-control-panel-flat-icon.entry.js +132 -0
  336. package/dist/esm/{db-navigation.entry.js → db-control-panel-meta.entry.js} +8 -8
  337. package/dist/esm/db-control-panel-mobile.entry.js +122 -0
  338. package/dist/esm/db-control-panel-navigation-item-group.entry.js +418 -0
  339. package/dist/esm/db-control-panel-navigation-item.entry.js +233 -0
  340. package/dist/esm/db-control-panel-navigation.entry.js +577 -0
  341. package/dist/esm/db-control-panel-primary-actions.entry.js +93 -0
  342. package/dist/esm/db-control-panel-secondary-actions.entry.js +93 -0
  343. package/dist/esm/{db-brand.entry.js → db-control-panel-skip-navigation.entry.js} +9 -9
  344. package/dist/esm/db-custom-button.entry.js +3 -3
  345. package/dist/esm/db-custom-select-dropdown_5.entry.js +14 -14
  346. package/dist/esm/db-custom-select-form-field.entry.js +3 -3
  347. package/dist/esm/db-custom-select.entry.js +50 -26
  348. package/dist/esm/db-divider.entry.js +2 -2
  349. package/dist/esm/db-drawer_3.entry.js +453 -0
  350. package/dist/esm/db-icon.entry.js +3 -3
  351. package/dist/esm/db-infotext.entry.js +3 -3
  352. package/dist/esm/db-link_4.entry.js +12 -10
  353. package/dist/esm/db-notification.entry.js +4 -4
  354. package/dist/esm/db-popover.entry.js +50 -22
  355. package/dist/esm/db-radio.entry.js +4 -4
  356. package/dist/esm/db-section.entry.js +3 -3
  357. package/dist/esm/db-select.entry.js +5 -5
  358. package/dist/esm/db-shell-content.entry.js +95 -0
  359. package/dist/esm/db-shell-sub-navigation.entry.js +108 -0
  360. package/dist/esm/{db-page.entry.js → db-shell.entry.js} +16 -17
  361. package/dist/esm/db-stack.entry.js +3 -3
  362. package/dist/esm/db-switch.entry.js +5 -5
  363. package/dist/esm/db-tab-item_3.entry.js +8 -8
  364. package/dist/esm/db-table-body_3.entry.js +10 -10
  365. package/dist/esm/db-table-caption.entry.js +4 -3
  366. package/dist/esm/db-table.entry.js +4 -4
  367. package/dist/esm/db-tabs.entry.js +23 -18
  368. package/dist/esm/db-textarea.entry.js +5 -5
  369. package/dist/esm/db-tooltip.entry.js +39 -26
  370. package/dist/esm/db-ux.js +1 -1
  371. package/dist/esm/{document-click-listener-9wJfRcvz.js → document-click-listener-BEYsNvC5.js} +5 -9
  372. package/dist/esm/{document-scroll-listener-4F0ZAg9p.js → document-scroll-listener-B8lkAL-m.js} +29 -10
  373. package/dist/esm/{floating-components-DOPXnIzL.js → floating-components-BT3wZY6f.js} +194 -116
  374. package/dist/esm/{form-components-ZV7IN0oG.js → form-components-zJeL8XMn.js} +1 -1
  375. package/dist/esm/{index-fumiz06Y.js → index-DB8jc8lh.js} +41 -3
  376. package/dist/esm/index.js +17 -10
  377. package/dist/esm/intersection-observer-listener-DQ4WWSLe.js +39 -0
  378. package/dist/esm/loader.js +1 -1
  379. package/dist/esm/navigation-Cc_Ln-dl.js +174 -0
  380. package/dist/esm/resize-observer-listener-z8XjzxC9.js +100 -0
  381. package/dist/types/components/accordion/model.d.ts +2 -8
  382. package/dist/types/components/button/button.d.ts +2 -0
  383. package/dist/types/components/button/model.d.ts +8 -0
  384. package/dist/types/components/{brand/brand.d.ts → control-panel-brand/control-panel-brand.d.ts} +5 -9
  385. package/dist/types/components/control-panel-brand/index.d.ts +2 -0
  386. package/dist/types/components/control-panel-brand/model.d.ts +5 -0
  387. package/dist/types/components/control-panel-desktop/control-panel-desktop.d.ts +41 -0
  388. package/dist/types/components/control-panel-desktop/index.d.ts +2 -0
  389. package/dist/types/components/control-panel-desktop/model.d.ts +5 -0
  390. package/dist/types/components/{page/page.d.ts → control-panel-flat-icon/control-panel-flat-icon.d.ts} +10 -12
  391. package/dist/types/components/control-panel-flat-icon/index.d.ts +2 -0
  392. package/dist/types/components/control-panel-flat-icon/model.d.ts +12 -0
  393. package/dist/types/components/control-panel-meta/control-panel-meta.d.ts +23 -0
  394. package/dist/types/components/control-panel-meta/index.d.ts +2 -0
  395. package/dist/types/components/control-panel-meta/model.d.ts +5 -0
  396. package/dist/types/components/control-panel-mobile/control-panel-mobile.d.ts +36 -0
  397. package/dist/types/components/control-panel-mobile/index.d.ts +2 -0
  398. package/dist/types/components/control-panel-mobile/model.d.ts +21 -0
  399. package/dist/types/components/control-panel-navigation/control-panel-navigation.d.ts +54 -0
  400. package/dist/types/components/control-panel-navigation/index.d.ts +2 -0
  401. package/dist/types/components/control-panel-navigation/model.d.ts +25 -0
  402. package/dist/types/components/control-panel-navigation-item/control-panel-navigation-item.d.ts +42 -0
  403. package/dist/types/components/control-panel-navigation-item/index.d.ts +2 -0
  404. package/dist/types/components/control-panel-navigation-item/model.d.ts +20 -0
  405. package/dist/types/components/control-panel-navigation-item-group/control-panel-navigation-item-group.d.ts +74 -0
  406. package/dist/types/components/control-panel-navigation-item-group/index.d.ts +2 -0
  407. package/dist/types/components/control-panel-navigation-item-group/model.d.ts +44 -0
  408. package/dist/types/components/control-panel-primary-actions/control-panel-primary-actions.d.ts +23 -0
  409. package/dist/types/components/control-panel-primary-actions/index.d.ts +2 -0
  410. package/dist/types/components/control-panel-primary-actions/model.d.ts +5 -0
  411. package/dist/types/components/control-panel-secondary-actions/control-panel-secondary-actions.d.ts +23 -0
  412. package/dist/types/components/control-panel-secondary-actions/index.d.ts +2 -0
  413. package/dist/types/components/control-panel-secondary-actions/model.d.ts +5 -0
  414. package/dist/types/components/control-panel-skip-navigation/control-panel-skip-navigation.d.ts +25 -0
  415. package/dist/types/components/control-panel-skip-navigation/index.d.ts +2 -0
  416. package/dist/types/components/control-panel-skip-navigation/model.d.ts +16 -0
  417. package/dist/types/components/custom-select/custom-select.d.ts +2 -1
  418. package/dist/types/components/custom-select/model.d.ts +5 -1
  419. package/dist/types/components/drawer/drawer.d.ts +9 -6
  420. package/dist/types/components/drawer/model.d.ts +21 -3
  421. package/dist/types/components/{navigation/navigation.d.ts → drawer-footer/drawer-footer.d.ts} +5 -5
  422. package/dist/types/components/drawer-footer/index.d.ts +2 -0
  423. package/dist/types/components/drawer-footer/model.d.ts +5 -0
  424. package/dist/types/components/drawer-header/drawer-header.d.ts +30 -0
  425. package/dist/types/components/drawer-header/index.d.ts +2 -0
  426. package/dist/types/components/drawer-header/model.d.ts +9 -0
  427. package/dist/types/components/popover/popover.d.ts +3 -2
  428. package/dist/types/components/shell/index.d.ts +2 -0
  429. package/dist/types/components/shell/model.d.ts +34 -0
  430. package/dist/types/components/shell/shell.d.ts +30 -0
  431. package/dist/types/components/shell-content/index.d.ts +2 -0
  432. package/dist/types/components/shell-content/model.d.ts +28 -0
  433. package/dist/types/components/shell-content/shell-content.d.ts +28 -0
  434. package/dist/types/components/shell-sub-navigation/index.d.ts +2 -0
  435. package/dist/types/components/shell-sub-navigation/model.d.ts +5 -0
  436. package/dist/types/components/shell-sub-navigation/shell-sub-navigation.d.ts +29 -0
  437. package/dist/types/components/table/table.d.ts +1 -0
  438. package/dist/types/components/table-body/table-body.d.ts +1 -0
  439. package/dist/types/components/table-caption/table-caption.d.ts +1 -0
  440. package/dist/types/components/table-data-cell/table-data-cell.d.ts +1 -0
  441. package/dist/types/components/table-footer/table-footer.d.ts +1 -0
  442. package/dist/types/components/table-head/table-head.d.ts +1 -0
  443. package/dist/types/components/table-header-cell/table-header-cell.d.ts +1 -0
  444. package/dist/types/components/table-row/table-row.d.ts +1 -0
  445. package/dist/types/components/tabs/model.d.ts +4 -12
  446. package/dist/types/components/tabs/tabs.d.ts +3 -1
  447. package/dist/types/components/tooltip/tooltip.d.ts +3 -2
  448. package/dist/types/components.d.ts +621 -243
  449. package/dist/types/index.d.ts +32 -10
  450. package/dist/types/shared/constants.d.ts +44 -39
  451. package/dist/types/shared/figma.d.ts +11 -4
  452. package/dist/types/shared/model.d.ts +109 -7
  453. package/dist/types/utils/abstract-document-listener.d.ts +18 -0
  454. package/dist/types/utils/abstract-observer-listener.d.ts +39 -0
  455. package/dist/types/utils/document-click-listener.d.ts +3 -3
  456. package/dist/types/utils/document-scroll-listener.d.ts +3 -3
  457. package/dist/types/utils/floating-components.d.ts +29 -6
  458. package/dist/types/utils/index.d.ts +11 -0
  459. package/dist/types/utils/intersection-observer-listener.d.ts +15 -0
  460. package/dist/types/utils/navigation.d.ts +12 -11
  461. package/dist/types/utils/resize-observer-listener.d.ts +15 -0
  462. package/dist/vscode.html-custom-data.json +998 -540
  463. package/dist/web-types.json +2176 -1176
  464. package/package.json +5 -5
  465. package/agent/Brand.md +0 -13
  466. package/agent/Header.md +0 -29
  467. package/agent/Navigation.md +0 -19
  468. package/agent/NavigationItem.md +0 -29
  469. package/agent/Page.md +0 -27
  470. package/bundle/db-brand.js +0 -1
  471. package/bundle/db-header.js +0 -1
  472. package/bundle/db-navigation-item.js +0 -1
  473. package/bundle/db-navigation.js +0 -1
  474. package/bundle/db-page.js +0 -1
  475. package/bundle/p-2eQDIPlF.js +0 -1
  476. package/bundle/p-BdL-nI5y.js +0 -1
  477. package/bundle/p-BuBrj57D.js +0 -1
  478. package/bundle/p-C2w7ILj8.js +0 -1
  479. package/bundle/p-C47AKJPy.js +0 -1
  480. package/bundle/p-Cn5NdjPW.js +0 -1
  481. package/bundle/p-D6L0n3gO.js +0 -1
  482. package/bundle/p-DFypNnh0.js +0 -1
  483. package/bundle/p-DJTpgiBy.js +0 -1
  484. package/bundle/p-DOPXnIzL.js +0 -1
  485. package/bundle/p-DTM6Wcbf.js +0 -1
  486. package/bundle/p-DVuZmW_J.js +0 -1
  487. package/bundle/p-DW47OZNu.js +0 -1
  488. package/bundle/p-DiEfz0o1.js +0 -1
  489. package/bundle/p-n2qePi9e.js +0 -1
  490. package/dist/cjs/db-drawer.cjs.entry.js +0 -204
  491. package/dist/cjs/db-header.cjs.entry.js +0 -145
  492. package/dist/cjs/db-navigation-item.cjs.entry.js +0 -182
  493. package/dist/cjs/navigation-Bah882nU.js +0 -138
  494. package/dist/collection/components/brand/index.js +0 -2
  495. package/dist/collection/components/header/index.js +0 -2
  496. package/dist/collection/components/navigation/index.js +0 -2
  497. package/dist/collection/components/navigation-item/index.js +0 -2
  498. package/dist/collection/components/navigation-item/navigation-item.js +0 -577
  499. package/dist/collection/components/page/index.js +0 -2
  500. package/dist/collection/components/page/model.js +0 -2
  501. package/dist/db-ux/p-0758418a.entry.js +0 -1
  502. package/dist/db-ux/p-1e70d93f.entry.js +0 -1
  503. package/dist/db-ux/p-2c23efe2.entry.js +0 -1
  504. package/dist/db-ux/p-38c55e9c.entry.js +0 -1
  505. package/dist/db-ux/p-4a94fbc9.entry.js +0 -1
  506. package/dist/db-ux/p-5706f20a.entry.js +0 -1
  507. package/dist/db-ux/p-6ce4a109.entry.js +0 -1
  508. package/dist/db-ux/p-6fd70ba4.entry.js +0 -1
  509. package/dist/db-ux/p-6fdc00bd.entry.js +0 -1
  510. package/dist/db-ux/p-71399ee3.entry.js +0 -1
  511. package/dist/db-ux/p-88dcff6a.entry.js +0 -1
  512. package/dist/db-ux/p-90e9ec2d.entry.js +0 -1
  513. package/dist/db-ux/p-96978a7f.entry.js +0 -1
  514. package/dist/db-ux/p-BdL-nI5y.js +0 -1
  515. package/dist/db-ux/p-BihrW11j.js +0 -1
  516. package/dist/db-ux/p-BtImZ8Nt.js +0 -1
  517. package/dist/db-ux/p-BuBrj57D.js +0 -1
  518. package/dist/db-ux/p-DOPXnIzL.js +0 -1
  519. package/dist/db-ux/p-OOIf-5XP.js +0 -1
  520. package/dist/db-ux/p-a07e33e7.entry.js +0 -1
  521. package/dist/db-ux/p-a4fb4782.entry.js +0 -1
  522. package/dist/db-ux/p-bb5149a9.entry.js +0 -1
  523. package/dist/db-ux/p-e58fbd4d.entry.js +0 -1
  524. package/dist/db-ux/p-e66aa9d8.entry.js +0 -1
  525. package/dist/db-ux/p-ef63c591.entry.js +0 -1
  526. package/dist/db-ux/p-f0b5c785.entry.js +0 -1
  527. package/dist/db-ux/p-f964d5f5.entry.js +0 -1
  528. package/dist/db-ux/p-fumiz06Y.js +0 -1
  529. package/dist/esm/db-drawer.entry.js +0 -202
  530. package/dist/esm/db-header.entry.js +0 -143
  531. package/dist/esm/db-navigation-item.entry.js +0 -180
  532. package/dist/esm/navigation-Jh6m0eMk.js +0 -135
  533. package/dist/types/components/brand/index.d.ts +0 -2
  534. package/dist/types/components/brand/model.d.ts +0 -10
  535. package/dist/types/components/header/header.d.ts +0 -40
  536. package/dist/types/components/header/index.d.ts +0 -2
  537. package/dist/types/components/header/model.d.ts +0 -44
  538. package/dist/types/components/navigation/index.d.ts +0 -2
  539. package/dist/types/components/navigation/model.d.ts +0 -5
  540. package/dist/types/components/navigation-item/index.d.ts +0 -2
  541. package/dist/types/components/navigation-item/model.d.ts +0 -39
  542. package/dist/types/components/navigation-item/navigation-item.d.ts +0 -52
  543. package/dist/types/components/page/index.d.ts +0 -2
  544. package/dist/types/components/page/model.d.ts +0 -36
  545. /package/dist/collection/components/{brand → control-panel-brand}/model.js +0 -0
  546. /package/dist/collection/components/{header → control-panel-desktop}/model.js +0 -0
  547. /package/dist/collection/components/{navigation-item → control-panel-flat-icon}/model.js +0 -0
  548. /package/dist/collection/components/{navigation → control-panel-meta}/model.js +0 -0
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@db-ux/wc-core-components",
4
- "version": "4.12.0",
4
+ "version": "4.13.0",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -131,7 +131,7 @@
131
131
  {
132
132
  "name": "behavior",
133
133
  "description": "To allow multiple items open at the same time or only 1 item",
134
- "value": { "type": "\"multiple\" | \"single\"" }
134
+ "value": { "type": "\"single\" | \"multiple\"" }
135
135
  },
136
136
  {
137
137
  "name": "init-open-index",
@@ -176,7 +176,7 @@
176
176
  {
177
177
  "name": "behavior",
178
178
  "description": "To allow multiple items open at the same time or only 1 item",
179
- "type": "\"multiple\" | \"single\""
179
+ "type": "\"single\" | \"multiple\""
180
180
  },
181
181
  {
182
182
  "name": "initOpenIndex",
@@ -321,78 +321,6 @@
321
321
  "events": []
322
322
  }
323
323
  },
324
- {
325
- "name": "db-brand",
326
- "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
327
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/brand/properties",
328
- "attributes": [
329
- {
330
- "name": "hide-logo",
331
- "description": "",
332
- "value": { "type": "boolean" }
333
- },
334
- {
335
- "name": "icon",
336
- "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
337
- "value": { "type": "IconTypes" }
338
- },
339
- {
340
- "name": "show-icon",
341
- "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
342
- "value": { "type": "boolean | string" }
343
- },
344
- { "name": "id", "value": { "type": "DBBrandProps[\"id\"]" } },
345
- {
346
- "name": "prop-overrides",
347
- "value": { "type": "DBBrandProps[\"propOverrides\"]" }
348
- },
349
- {
350
- "name": "classname",
351
- "value": { "type": "DBBrandProps[\"className\"]" }
352
- },
353
- {
354
- "name": "text",
355
- "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
356
- "value": { "type": "string" }
357
- }
358
- ],
359
- "slots": [
360
- {
361
- "name": "children",
362
- "description": "This is a default/unnamed slot"
363
- }
364
- ],
365
- "events": [],
366
- "js": {
367
- "properties": [
368
- { "name": "rootElement", "type": "HTMLElement" },
369
- { "name": "hideLogo", "description": "", "type": "boolean" },
370
- {
371
- "name": "icon",
372
- "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
373
- "type": "IconTypes"
374
- },
375
- {
376
- "name": "showIcon",
377
- "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
378
- "type": "boolean | string"
379
- },
380
- { "name": "id", "type": "DBBrandProps[\"id\"]" },
381
- {
382
- "name": "propOverrides",
383
- "type": "DBBrandProps[\"propOverrides\"]"
384
- },
385
- { "name": "className", "type": "DBBrandProps[\"className\"]" },
386
- {
387
- "name": "text",
388
- "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
389
- "type": "string"
390
- },
391
- { "name": "observer" }
392
- ],
393
- "events": []
394
- }
395
- },
396
324
  {
397
325
  "name": "db-button",
398
326
  "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
@@ -403,6 +331,11 @@
403
331
  "description": "The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).",
404
332
  "value": { "type": "\"button\" | \"reset\" | \"submit\"" }
405
333
  },
334
+ {
335
+ "name": "commandfor",
336
+ "description": "The [commandfor](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#commandfor) attribute turns a `<button>` into a command button that controls the given interactive element referenced by `id`.",
337
+ "value": { "type": "string" }
338
+ },
406
339
  { "name": "id", "value": { "type": "DBButtonProps[\"id\"]" } },
407
340
  {
408
341
  "name": "prop-overrides",
@@ -489,6 +422,11 @@
489
422
  "description": "The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).",
490
423
  "value": { "type": "string" }
491
424
  },
425
+ {
426
+ "name": "command",
427
+ "description": "The [command](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#command) attribute specifies the action to perform on the element controlled by a `<button>` element.",
428
+ "value": { "type": "string" }
429
+ },
492
430
  {
493
431
  "name": "text",
494
432
  "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
@@ -515,6 +453,11 @@
515
453
  "description": "The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).",
516
454
  "type": "\"button\" | \"reset\" | \"submit\""
517
455
  },
456
+ {
457
+ "name": "commandfor",
458
+ "description": "The [commandfor](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#commandfor) attribute turns a `<button>` into a command button that controls the given interactive element referenced by `id`.",
459
+ "type": "string"
460
+ },
518
461
  { "name": "id", "type": "DBButtonProps[\"id\"]" },
519
462
  {
520
463
  "name": "propOverrides",
@@ -596,6 +539,11 @@
596
539
  "description": "The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).",
597
540
  "type": "string"
598
541
  },
542
+ {
543
+ "name": "command",
544
+ "description": "The [command](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#command) attribute specifies the action to perform on the element controlled by a `<button>` element.",
545
+ "type": "string"
546
+ },
599
547
  {
600
548
  "name": "text",
601
549
  "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
@@ -863,7 +811,7 @@
863
811
  },
864
812
  {
865
813
  "name": "disabled",
866
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
814
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
867
815
  "value": { "type": "boolean | string" }
868
816
  },
869
817
  {
@@ -973,12 +921,11 @@
973
921
  },
974
922
  {
975
923
  "name": "name",
976
- "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
977
- "type": "string"
924
+ "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."
978
925
  },
979
926
  {
980
927
  "name": "disabled",
981
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
928
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
982
929
  "type": "boolean | string"
983
930
  },
984
931
  {
@@ -993,8 +940,7 @@
993
940
  },
994
941
  {
995
942
  "name": "label",
996
- "description": "The label attribute specifies the caption of the form element.",
997
- "type": "string"
943
+ "description": "The label attribute specifies the caption of the form element."
998
944
  },
999
945
  {
1000
946
  "name": "messageIcon",
@@ -1029,73 +975,105 @@
1029
975
  }
1030
976
  },
1031
977
  {
1032
- "name": "db-custom-button",
978
+ "name": "db-control-panel-brand",
1033
979
  "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
1034
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/custom-button/properties",
980
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-brand/properties",
1035
981
  "attributes": [
1036
982
  {
1037
983
  "name": "id",
1038
- "value": { "type": "DBCustomButtonProps[\"id\"]" }
984
+ "value": { "type": "DBControlPanelBrandProps[\"id\"]" }
1039
985
  },
1040
986
  {
1041
987
  "name": "prop-overrides",
1042
- "value": { "type": "DBCustomButtonProps[\"propOverrides\"]" }
988
+ "value": { "type": "DBControlPanelBrandProps[\"propOverrides\"]" }
1043
989
  },
1044
990
  {
1045
991
  "name": "classname",
1046
- "value": { "type": "DBCustomButtonProps[\"className\"]" }
1047
- },
992
+ "value": { "type": "DBControlPanelBrandProps[\"className\"]" }
993
+ }
994
+ ],
995
+ "slots": [
1048
996
  {
1049
- "name": "icon-leading",
1050
- "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
1051
- "value": { "type": "IconTypes" }
997
+ "name": "children",
998
+ "description": "This is a default/unnamed slot"
999
+ }
1000
+ ],
1001
+ "events": [],
1002
+ "js": {
1003
+ "properties": [
1004
+ { "name": "rootElement", "type": "HTMLElement" },
1005
+ { "name": "id", "type": "DBControlPanelBrandProps[\"id\"]" },
1006
+ {
1007
+ "name": "propOverrides",
1008
+ "type": "DBControlPanelBrandProps[\"propOverrides\"]"
1009
+ },
1010
+ {
1011
+ "name": "className",
1012
+ "type": "DBControlPanelBrandProps[\"className\"]"
1013
+ },
1014
+ { "name": "observer" }
1015
+ ],
1016
+ "events": []
1017
+ }
1018
+ },
1019
+ {
1020
+ "name": "db-tooltip",
1021
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
1022
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip/properties",
1023
+ "attributes": [
1024
+ { "name": "id", "value": { "type": "DBTooltipProps[\"id\"]" } },
1025
+ {
1026
+ "name": "prop-overrides",
1027
+ "value": { "type": "DBTooltipProps[\"propOverrides\"]" }
1052
1028
  },
1053
1029
  {
1054
- "name": "icon",
1055
- "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
1056
- "value": { "type": "IconTypes" }
1030
+ "name": "variant",
1031
+ "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
1032
+ "value": { "type": "\"description\" | \"label\"" }
1057
1033
  },
1058
1034
  {
1059
- "name": "show-icon-leading",
1060
- "description": "Enables or disables the visibility of the leading icon.\nFor many components this property is optional to reflect Figma properties.",
1061
- "value": { "type": "boolean | string" }
1035
+ "name": "classname",
1036
+ "value": { "type": "DBTooltipProps[\"className\"]" }
1062
1037
  },
1063
1038
  {
1064
- "name": "show-icon",
1065
- "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
1066
- "value": { "type": "boolean | string" }
1039
+ "name": "emphasis",
1040
+ "description": "The emphasis attribute divides in between a weak or strong importance.",
1041
+ "value": { "type": "\"weak\" | \"strong\"" }
1067
1042
  },
1068
1043
  {
1069
- "name": "icon-trailing",
1070
- "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
1071
- "value": { "type": "IconTypes" }
1044
+ "name": "wrap",
1045
+ "description": "Determines whether the text should wrap when its parent container is too small, preventing overflow.",
1046
+ "value": { "type": "boolean | string" }
1072
1047
  },
1073
1048
  {
1074
- "name": "show-icon-trailing",
1075
- "description": "Enables or disables the visibility of the trailing icon.\nFor many components this property is optional to reflect Figma properties.",
1049
+ "name": "animation",
1050
+ "description": "Disable animation",
1076
1051
  "value": { "type": "boolean | string" }
1077
1052
  },
1078
1053
  {
1079
- "name": "size",
1080
- "description": "The size attribute changes the font-size and other related sizes of the component.",
1081
- "value": { "type": "\"small\" | \"medium\"" }
1054
+ "name": "delay",
1055
+ "description": "Add a delay before showing the tooltip",
1056
+ "value": { "type": "\"none\" | \"slow\" | \"fast\"" }
1082
1057
  },
1083
1058
  {
1084
1059
  "name": "width",
1085
- "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
1086
- "value": { "type": "\"full\" | \"auto\" | string" }
1060
+ "description": "Use fixed with for default max-width",
1061
+ "value": { "type": "\"auto\" | \"fixed\"" }
1087
1062
  },
1088
1063
  {
1089
- "name": "variant",
1090
- "description": "Variant of the button. Only use one primary button as a CTA on a page; otherwise, use one of the adaptive buttons.",
1091
- "value": {
1092
- "type": "\"outlined\" | \"brand\" | \"filled\" | \"ghost\" | string"
1093
- }
1064
+ "name": "show-arrow",
1065
+ "description": "Show/Hides arrow",
1066
+ "value": { "type": "boolean | string" }
1094
1067
  },
1095
1068
  {
1096
- "name": "no-text",
1097
- "description": "Define the text next to the icon specified via the icon Property to get hidden.",
1098
- "value": { "type": "boolean | string" }
1069
+ "name": "placement",
1070
+ "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
1071
+ "value": { "type": "\"undefined\" | \"undefined\"" }
1072
+ },
1073
+ {
1074
+ "name": "text",
1075
+ "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
1076
+ "value": { "type": "string" }
1099
1077
  }
1100
1078
  ],
1101
1079
  "slots": [
@@ -1108,92 +1086,1381 @@
1108
1086
  "js": {
1109
1087
  "properties": [
1110
1088
  { "name": "rootElement", "type": "HTMLElement" },
1111
- { "name": "id", "type": "DBCustomButtonProps[\"id\"]" },
1089
+ { "name": "id", "type": "DBTooltipProps[\"id\"]" },
1112
1090
  {
1113
1091
  "name": "propOverrides",
1114
- "type": "DBCustomButtonProps[\"propOverrides\"]"
1115
- },
1116
- {
1117
- "name": "className",
1118
- "type": "DBCustomButtonProps[\"className\"]"
1092
+ "type": "DBTooltipProps[\"propOverrides\"]"
1119
1093
  },
1120
1094
  {
1121
- "name": "iconLeading",
1122
- "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
1123
- "type": "IconTypes"
1095
+ "name": "variant",
1096
+ "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
1097
+ "type": "\"description\" | \"label\""
1124
1098
  },
1099
+ { "name": "className", "type": "DBTooltipProps[\"className\"]" },
1125
1100
  {
1126
- "name": "icon",
1127
- "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
1128
- "type": "IconTypes"
1101
+ "name": "emphasis",
1102
+ "description": "The emphasis attribute divides in between a weak or strong importance.",
1103
+ "type": "\"weak\" | \"strong\""
1129
1104
  },
1130
1105
  {
1131
- "name": "showIconLeading",
1132
- "description": "Enables or disables the visibility of the leading icon.\nFor many components this property is optional to reflect Figma properties.",
1106
+ "name": "wrap",
1107
+ "description": "Determines whether the text should wrap when its parent container is too small, preventing overflow.",
1133
1108
  "type": "boolean | string"
1134
1109
  },
1135
1110
  {
1136
- "name": "showIcon",
1137
- "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
1111
+ "name": "animation",
1112
+ "description": "Disable animation",
1138
1113
  "type": "boolean | string"
1139
1114
  },
1140
1115
  {
1141
- "name": "iconTrailing",
1142
- "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
1143
- "type": "IconTypes"
1144
- },
1145
- {
1146
- "name": "showIconTrailing",
1147
- "description": "Enables or disables the visibility of the trailing icon.\nFor many components this property is optional to reflect Figma properties.",
1148
- "type": "boolean | string"
1116
+ "name": "delay",
1117
+ "description": "Add a delay before showing the tooltip",
1118
+ "type": "\"none\" | \"slow\" | \"fast\""
1149
1119
  },
1150
1120
  {
1151
- "name": "size",
1152
- "description": "The size attribute changes the font-size and other related sizes of the component.",
1153
- "type": "\"small\" | \"medium\""
1121
+ "name": "width",
1122
+ "description": "Use fixed with for default max-width",
1123
+ "type": "\"auto\" | \"fixed\""
1154
1124
  },
1155
1125
  {
1156
- "name": "width",
1157
- "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
1158
- "type": "\"full\" | \"auto\" | string"
1126
+ "name": "showArrow",
1127
+ "description": "Show/Hides arrow",
1128
+ "type": "boolean | string"
1159
1129
  },
1160
1130
  {
1161
- "name": "variant",
1162
- "description": "Variant of the button. Only use one primary button as a CTA on a page; otherwise, use one of the adaptive buttons.",
1163
- "type": "\"outlined\" | \"brand\" | \"filled\" | \"ghost\" | string"
1131
+ "name": "placement",
1132
+ "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
1133
+ "type": "\"undefined\" | \"undefined\""
1164
1134
  },
1165
1135
  {
1166
- "name": "noText",
1167
- "description": "Define the text next to the icon specified via the icon Property to get hidden.",
1168
- "type": "boolean | string"
1136
+ "name": "text",
1137
+ "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
1138
+ "type": "string"
1169
1139
  },
1140
+ { "name": "_id" },
1141
+ { "name": "initialized", "type": "boolean" },
1142
+ { "name": "_documentScrollListenerCallbackId" },
1143
+ { "name": "_intersectionObserverCallbackId" },
1144
+ { "name": "_resizeObserverCallbackId" },
1145
+ { "name": "_attachedParent" },
1146
+ { "name": "_attachedId" },
1147
+ { "name": "_activeTriggerCount", "type": "number" },
1148
+ { "name": "_boundListeners", "type": "array" },
1170
1149
  { "name": "observer" }
1171
1150
  ],
1172
1151
  "events": []
1173
1152
  }
1174
1153
  },
1175
1154
  {
1176
- "name": "db-custom-select-dropdown",
1177
- "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
1178
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/custom-select-dropdown/properties",
1155
+ "name": "db-control-panel-desktop",
1156
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **skipNavigation** - Slot to pass an anchor or link to skip the navigation and jump to main content.\n- **brand** - Slot to pass in the DBControlPanelBrand component\n- **metaNavigation** - Slot to pass in a meta navigation.\nDesktop: Above the regular control-panel-desktop\nMobile: Inside the drawer\n- **primaryActions** - Slot to pass one or more elements like DBButton (e.g. search) as primary action.\nDesktop: Shown next to the main-navigation\nMobile: Shown next to the control-panel-brand\n- **secondaryActions** - Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\nDesktop: Shown separated by divider at the end of the control-panel-desktop\nMobile: Shown inside the drawer at the bottom.",
1157
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-desktop/properties",
1179
1158
  "attributes": [
1180
1159
  {
1181
1160
  "name": "id",
1182
- "value": { "type": "DBCustomSelectDropdownProps[\"id\"]" }
1161
+ "value": { "type": "DBControlPanelDesktopProps[\"id\"]" }
1183
1162
  },
1184
1163
  {
1185
1164
  "name": "prop-overrides",
1186
1165
  "value": {
1187
- "type": "DBCustomSelectDropdownProps[\"propOverrides\"]"
1166
+ "type": "DBControlPanelDesktopProps[\"propOverrides\"]"
1188
1167
  }
1189
1168
  },
1169
+ {
1170
+ "name": "expanded",
1171
+ "description": "Set the expanded/collapsed state initially for the left sidebar",
1172
+ "value": { "type": "boolean | string" }
1173
+ },
1174
+ {
1175
+ "name": "expand-button-tooltip",
1176
+ "description": "Set the tooltip for the expand/collapse button",
1177
+ "value": { "type": "string" }
1178
+ },
1190
1179
  {
1191
1180
  "name": "classname",
1192
- "value": { "type": "DBCustomSelectDropdownProps[\"className\"]" }
1181
+ "value": { "type": "DBControlPanelDesktopProps[\"className\"]" }
1193
1182
  },
1194
1183
  {
1195
1184
  "name": "width",
1196
- "description": "Changes the behavior of the dropdown with.\nDefault: fixed 328px\nFull: Based on the size of the form-field\nAuto: Based on the size of the largest list item",
1185
+ "description": "Set max width for the component",
1186
+ "value": {
1187
+ "type": "\"full\" | \"medium\" | \"large\" | \"small\""
1188
+ }
1189
+ },
1190
+ {
1191
+ "name": "orientation",
1192
+ "description": "Change the orientation. Defaults to horizontal.",
1193
+ "value": { "type": "\"horizontal\" | \"vertical\"" }
1194
+ }
1195
+ ],
1196
+ "slots": [
1197
+ {
1198
+ "name": "children",
1199
+ "description": "This is a default/unnamed slot"
1200
+ },
1201
+ {
1202
+ "name": "skipNavigation",
1203
+ "description": "Slot to pass an anchor or link to skip the navigation and jump to main content."
1204
+ },
1205
+ {
1206
+ "name": "brand",
1207
+ "description": "Slot to pass in the DBControlPanelBrand component"
1208
+ },
1209
+ {
1210
+ "name": "metaNavigation",
1211
+ "description": "Slot to pass in a meta navigation.\nDesktop: Above the regular control-panel-desktop\nMobile: Inside the drawer"
1212
+ },
1213
+ {
1214
+ "name": "primaryActions",
1215
+ "description": "Slot to pass one or more elements like DBButton (e.g. search) as primary action.\nDesktop: Shown next to the main-navigation\nMobile: Shown next to the control-panel-brand"
1216
+ },
1217
+ {
1218
+ "name": "secondaryActions",
1219
+ "description": "Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\nDesktop: Shown separated by divider at the end of the control-panel-desktop\nMobile: Shown inside the drawer at the bottom."
1220
+ }
1221
+ ],
1222
+ "events": [],
1223
+ "js": {
1224
+ "properties": [
1225
+ { "name": "rootElement", "type": "HTMLElement" },
1226
+ { "name": "id", "type": "DBControlPanelDesktopProps[\"id\"]" },
1227
+ {
1228
+ "name": "propOverrides",
1229
+ "type": "DBControlPanelDesktopProps[\"propOverrides\"]"
1230
+ },
1231
+ {
1232
+ "name": "expanded",
1233
+ "description": "Set the expanded/collapsed state initially for the left sidebar",
1234
+ "type": "boolean | string"
1235
+ },
1236
+ {
1237
+ "name": "expandButtonTooltip",
1238
+ "description": "Set the tooltip for the expand/collapse button",
1239
+ "type": "string"
1240
+ },
1241
+ {
1242
+ "name": "className",
1243
+ "type": "DBControlPanelDesktopProps[\"className\"]"
1244
+ },
1245
+ {
1246
+ "name": "width",
1247
+ "description": "Set max width for the component",
1248
+ "type": "\"full\" | \"medium\" | \"large\" | \"small\""
1249
+ },
1250
+ {
1251
+ "name": "orientation",
1252
+ "description": "Change the orientation. Defaults to horizontal.",
1253
+ "type": "\"horizontal\" | \"vertical\""
1254
+ },
1255
+ { "name": "_id" },
1256
+ { "name": "_open", "type": "boolean" },
1257
+ { "name": "observer" }
1258
+ ],
1259
+ "events": []
1260
+ }
1261
+ },
1262
+ {
1263
+ "name": "db-control-panel-flat-icon",
1264
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **skipNavigation** - Slot to pass an anchor or link to skip the navigation and jump to main content.",
1265
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-flat-icon/properties",
1266
+ "attributes": [
1267
+ {
1268
+ "name": "id",
1269
+ "value": { "type": "DBControlPanelFlatIconProps[\"id\"]" }
1270
+ },
1271
+ {
1272
+ "name": "prop-overrides",
1273
+ "value": {
1274
+ "type": "DBControlPanelFlatIconProps[\"propOverrides\"]"
1275
+ }
1276
+ },
1277
+ {
1278
+ "name": "no-text",
1279
+ "description": "Define the text next to the icon specified via the icon Property to get hidden.",
1280
+ "value": { "type": "boolean | string" }
1281
+ },
1282
+ {
1283
+ "name": "classname",
1284
+ "value": { "type": "DBControlPanelFlatIconProps[\"className\"]" }
1285
+ }
1286
+ ],
1287
+ "slots": [
1288
+ {
1289
+ "name": "children",
1290
+ "description": "This is a default/unnamed slot"
1291
+ },
1292
+ {
1293
+ "name": "skipNavigation",
1294
+ "description": "Slot to pass an anchor or link to skip the navigation and jump to main content."
1295
+ }
1296
+ ],
1297
+ "events": [],
1298
+ "js": {
1299
+ "properties": [
1300
+ { "name": "rootElement", "type": "HTMLElement" },
1301
+ { "name": "id", "type": "DBControlPanelFlatIconProps[\"id\"]" },
1302
+ {
1303
+ "name": "propOverrides",
1304
+ "type": "DBControlPanelFlatIconProps[\"propOverrides\"]"
1305
+ },
1306
+ {
1307
+ "name": "noText",
1308
+ "description": "Define the text next to the icon specified via the icon Property to get hidden.",
1309
+ "type": "boolean | string"
1310
+ },
1311
+ {
1312
+ "name": "className",
1313
+ "type": "DBControlPanelFlatIconProps[\"className\"]"
1314
+ },
1315
+ { "name": "_resizeObserverCallbackId" },
1316
+ { "name": "observer" }
1317
+ ],
1318
+ "events": []
1319
+ }
1320
+ },
1321
+ {
1322
+ "name": "db-control-panel-meta",
1323
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
1324
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-meta/properties",
1325
+ "attributes": [
1326
+ {
1327
+ "name": "id",
1328
+ "value": { "type": "DBControlPanelMetaProps[\"id\"]" }
1329
+ },
1330
+ {
1331
+ "name": "prop-overrides",
1332
+ "value": { "type": "DBControlPanelMetaProps[\"propOverrides\"]" }
1333
+ },
1334
+ {
1335
+ "name": "classname",
1336
+ "value": { "type": "DBControlPanelMetaProps[\"className\"]" }
1337
+ }
1338
+ ],
1339
+ "slots": [
1340
+ {
1341
+ "name": "children",
1342
+ "description": "This is a default/unnamed slot"
1343
+ }
1344
+ ],
1345
+ "events": [],
1346
+ "js": {
1347
+ "properties": [
1348
+ { "name": "rootElement", "type": "HTMLElement" },
1349
+ { "name": "id", "type": "DBControlPanelMetaProps[\"id\"]" },
1350
+ {
1351
+ "name": "propOverrides",
1352
+ "type": "DBControlPanelMetaProps[\"propOverrides\"]"
1353
+ },
1354
+ {
1355
+ "name": "className",
1356
+ "type": "DBControlPanelMetaProps[\"className\"]"
1357
+ },
1358
+ { "name": "observer" }
1359
+ ],
1360
+ "events": []
1361
+ }
1362
+ },
1363
+ {
1364
+ "name": "db-drawer-footer",
1365
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
1366
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/drawer-footer/properties",
1367
+ "attributes": [
1368
+ {
1369
+ "name": "id",
1370
+ "value": { "type": "DBDrawerFooterProps[\"id\"]" }
1371
+ },
1372
+ {
1373
+ "name": "prop-overrides",
1374
+ "value": { "type": "DBDrawerFooterProps[\"propOverrides\"]" }
1375
+ },
1376
+ {
1377
+ "name": "classname",
1378
+ "value": { "type": "DBDrawerFooterProps[\"className\"]" }
1379
+ }
1380
+ ],
1381
+ "slots": [
1382
+ {
1383
+ "name": "children",
1384
+ "description": "This is a default/unnamed slot"
1385
+ }
1386
+ ],
1387
+ "events": [],
1388
+ "js": {
1389
+ "properties": [
1390
+ { "name": "rootElement", "type": "HTMLElement" },
1391
+ { "name": "id", "type": "DBDrawerFooterProps[\"id\"]" },
1392
+ {
1393
+ "name": "propOverrides",
1394
+ "type": "DBDrawerFooterProps[\"propOverrides\"]"
1395
+ },
1396
+ {
1397
+ "name": "className",
1398
+ "type": "DBDrawerFooterProps[\"className\"]"
1399
+ },
1400
+ { "name": "observer" }
1401
+ ],
1402
+ "events": []
1403
+ }
1404
+ },
1405
+ {
1406
+ "name": "db-drawer-header",
1407
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **startSlot** - Slot for start content, for example add a custom component between an icon and a label.\n- **endSlot** - Slot for end content, for example add a custom component between an icon and a label.",
1408
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/drawer-header/properties",
1409
+ "attributes": [
1410
+ {
1411
+ "name": "text",
1412
+ "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
1413
+ "value": { "type": "string" }
1414
+ },
1415
+ {
1416
+ "name": "id",
1417
+ "value": { "type": "DBDrawerHeaderProps[\"id\"]" }
1418
+ },
1419
+ {
1420
+ "name": "prop-overrides",
1421
+ "value": { "type": "DBDrawerHeaderProps[\"propOverrides\"]" }
1422
+ },
1423
+ {
1424
+ "name": "classname",
1425
+ "value": { "type": "DBDrawerHeaderProps[\"className\"]" }
1426
+ },
1427
+ {
1428
+ "name": "close-button-id",
1429
+ "description": "The closeButtonId attribute changes the id inside the close button.",
1430
+ "value": { "type": "string" }
1431
+ },
1432
+ {
1433
+ "name": "close-button-text",
1434
+ "description": "The closeButtonText attribute changes the text inside the close button.",
1435
+ "value": { "type": "string", "default": "DEFAULT_CLOSE_BUTTON" }
1436
+ }
1437
+ ],
1438
+ "slots": [
1439
+ {
1440
+ "name": "children",
1441
+ "description": "This is a default/unnamed slot"
1442
+ },
1443
+ {
1444
+ "name": "startSlot",
1445
+ "description": "Slot for start content, for example add a custom component between an icon and a label."
1446
+ },
1447
+ {
1448
+ "name": "endSlot",
1449
+ "description": "Slot for end content, for example add a custom component between an icon and a label."
1450
+ }
1451
+ ],
1452
+ "events": [],
1453
+ "js": {
1454
+ "properties": [
1455
+ { "name": "rootElement", "type": "HTMLElement" },
1456
+ {
1457
+ "name": "text",
1458
+ "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
1459
+ "type": "string"
1460
+ },
1461
+ { "name": "id", "type": "DBDrawerHeaderProps[\"id\"]" },
1462
+ {
1463
+ "name": "propOverrides",
1464
+ "type": "DBDrawerHeaderProps[\"propOverrides\"]"
1465
+ },
1466
+ {
1467
+ "name": "className",
1468
+ "type": "DBDrawerHeaderProps[\"className\"]"
1469
+ },
1470
+ {
1471
+ "name": "closeButtonId",
1472
+ "description": "The closeButtonId attribute changes the id inside the close button.",
1473
+ "type": "string"
1474
+ },
1475
+ {
1476
+ "name": "closeButtonText",
1477
+ "description": "The closeButtonText attribute changes the text inside the close button.",
1478
+ "type": "string"
1479
+ },
1480
+ { "name": "_headingId" },
1481
+ { "name": "observer" }
1482
+ ],
1483
+ "events": []
1484
+ }
1485
+ },
1486
+ {
1487
+ "name": "db-drawer",
1488
+ "description": "\n---\n\n\n### **Events:**\n - **close**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **header** - Slot for changing the header of the drawer.\n- **footer** - Slot for changing the footer of the drawer.",
1489
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/drawer/properties",
1490
+ "attributes": [
1491
+ {
1492
+ "name": "open",
1493
+ "description": "The open attribute opens or closes the drawer based on the state.",
1494
+ "value": { "type": "boolean | string" }
1495
+ },
1496
+ {
1497
+ "name": "position",
1498
+ "description": "The position attribute changes the css-position (fixed or absolute) of the drawer.\n\n- `fixed` (default): Renders with `showModal()`, creating a true modal with a focus trap.\n- `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.",
1499
+ "value": { "type": "\"fixed\" | \"absolute\"" }
1500
+ },
1501
+ {
1502
+ "name": "backdrop",
1503
+ "description": "The backdrop attribute changes the opacity of the backdrop.\nThe backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`",
1504
+ "value": {
1505
+ "type": "\"none\" | \"strong\" | \"weak\" | \"invisible\""
1506
+ }
1507
+ },
1508
+ {
1509
+ "name": "variant",
1510
+ "description": "Set the variant modal|inside. Defaults to modal.",
1511
+ "value": { "type": "\"modal\" | \"inside\"" }
1512
+ },
1513
+ { "name": "id", "value": { "type": "DBDrawerProps[\"id\"]" } },
1514
+ {
1515
+ "name": "prop-overrides",
1516
+ "value": { "type": "DBDrawerProps[\"propOverrides\"]" }
1517
+ },
1518
+ {
1519
+ "name": "direction",
1520
+ "description": "The direction attribute changes the position & animation of the drawer.\nE.g. \"left\" slides from left screen border to the right.",
1521
+ "value": { "type": "\"left\" | \"right\" | \"up\" | \"down\"" }
1522
+ },
1523
+ {
1524
+ "name": "classname",
1525
+ "value": { "type": "DBDrawerProps[\"className\"]" }
1526
+ },
1527
+ {
1528
+ "name": "container-size",
1529
+ "description": "Change the size of the drawer container.",
1530
+ "value": {
1531
+ "type": "\"small\" | \"medium\" | \"large\" | \"full\""
1532
+ }
1533
+ },
1534
+ {
1535
+ "name": "show-spacing",
1536
+ "description": "Shows a spacing between screen and drawer-content to provide enough space for the backdrop",
1537
+ "value": { "type": "boolean | string" }
1538
+ },
1539
+ {
1540
+ "name": "rounded",
1541
+ "description": "The rounded attribute changes the border radius of the corners on the \"end\" of the drawer.\nThe \"end\" depends on which direction you use.",
1542
+ "value": { "type": "boolean | string" }
1543
+ }
1544
+ ],
1545
+ "slots": [
1546
+ {
1547
+ "name": "children",
1548
+ "description": "This is a default/unnamed slot"
1549
+ },
1550
+ {
1551
+ "name": "header",
1552
+ "description": "Slot for changing the header of the drawer."
1553
+ },
1554
+ {
1555
+ "name": "footer",
1556
+ "description": "Slot for changing the footer of the drawer."
1557
+ }
1558
+ ],
1559
+ "events": [
1560
+ {
1561
+ "name": "close",
1562
+ "type": "EventEmitter<\n Parameters<Required<DBDrawerProps>[\"onClose\"]>[number]\n > | void"
1563
+ }
1564
+ ],
1565
+ "js": {
1566
+ "properties": [
1567
+ { "name": "rootElement", "type": "HTMLElement" },
1568
+ {
1569
+ "name": "open",
1570
+ "description": "The open attribute opens or closes the drawer based on the state.",
1571
+ "type": "boolean | string"
1572
+ },
1573
+ {
1574
+ "name": "position",
1575
+ "description": "The position attribute changes the css-position (fixed or absolute) of the drawer.\n\n- `fixed` (default): Renders with `showModal()`, creating a true modal with a focus trap.\n- `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.",
1576
+ "type": "\"fixed\" | \"absolute\""
1577
+ },
1578
+ {
1579
+ "name": "backdrop",
1580
+ "description": "The backdrop attribute changes the opacity of the backdrop.\nThe backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`",
1581
+ "type": "\"none\" | \"strong\" | \"weak\" | \"invisible\""
1582
+ },
1583
+ {
1584
+ "name": "variant",
1585
+ "description": "Set the variant modal|inside. Defaults to modal.",
1586
+ "type": "\"modal\" | \"inside\""
1587
+ },
1588
+ { "name": "id", "type": "DBDrawerProps[\"id\"]" },
1589
+ {
1590
+ "name": "propOverrides",
1591
+ "type": "DBDrawerProps[\"propOverrides\"]"
1592
+ },
1593
+ {
1594
+ "name": "direction",
1595
+ "description": "The direction attribute changes the position & animation of the drawer.\nE.g. \"left\" slides from left screen border to the right.",
1596
+ "type": "\"left\" | \"right\" | \"up\" | \"down\""
1597
+ },
1598
+ { "name": "className", "type": "DBDrawerProps[\"className\"]" },
1599
+ {
1600
+ "name": "containerSize",
1601
+ "description": "Change the size of the drawer container.",
1602
+ "type": "\"small\" | \"medium\" | \"large\" | \"full\""
1603
+ },
1604
+ {
1605
+ "name": "showSpacing",
1606
+ "description": "Shows a spacing between screen and drawer-content to provide enough space for the backdrop",
1607
+ "type": "boolean | string"
1608
+ },
1609
+ {
1610
+ "name": "rounded",
1611
+ "description": "The rounded attribute changes the border radius of the corners on the \"end\" of the drawer.\nThe \"end\" depends on which direction you use.",
1612
+ "type": "boolean | string"
1613
+ },
1614
+ { "name": "initialized", "type": "boolean" },
1615
+ { "name": "backdropPointerDown", "type": "boolean" },
1616
+ { "name": "_closeTimeoutId" },
1617
+ { "name": "observer" }
1618
+ ],
1619
+ "events": [
1620
+ {
1621
+ "name": "close",
1622
+ "type": "EventEmitter<\n Parameters<Required<DBDrawerProps>[\"onClose\"]>[number]\n > | void"
1623
+ }
1624
+ ]
1625
+ }
1626
+ },
1627
+ {
1628
+ "name": "db-control-panel-mobile",
1629
+ "description": "\n---\n\n\n### **Events:**\n - **toggle**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **skipNavigation** - Slot to pass an anchor or link to skip the navigation and jump to main content.\n- **metaNavigation** - Slot to pass in a meta navigation.\nDesktop: Above the regular control-panel-desktop\nMobile: Inside the drawer\n- **secondaryActions** - Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\nDesktop: Shown separated by divider at the end of the control-panel-desktop\nMobile: Shown inside the drawer at the bottom.\n- **brand** - Slot to pass in the DBControlPanelBrand component\n- **primaryActions** - Slot to pass one or more elements like DBButton (e.g. search) as primary action.\nDesktop: Shown next to the main-navigation\nMobile: Shown next to the control-panel-brand",
1630
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-mobile/properties",
1631
+ "attributes": [
1632
+ {
1633
+ "name": "id",
1634
+ "value": { "type": "DBControlPanelMobileProps[\"id\"]" }
1635
+ },
1636
+ {
1637
+ "name": "prop-overrides",
1638
+ "value": {
1639
+ "type": "DBControlPanelMobileProps[\"propOverrides\"]"
1640
+ }
1641
+ },
1642
+ {
1643
+ "name": "position",
1644
+ "description": "Change the position of the mobile content panel",
1645
+ "value": { "type": "\"top\" | \"bottom\"" }
1646
+ },
1647
+ {
1648
+ "name": "classname",
1649
+ "value": { "type": "DBControlPanelMobileProps[\"className\"]" }
1650
+ },
1651
+ {
1652
+ "name": "drawer-header-text",
1653
+ "description": "Text to pass in a headline for the drawer header.",
1654
+ "value": { "type": "string" }
1655
+ },
1656
+ {
1657
+ "name": "burger-menu-label",
1658
+ "description": "Sets the accessible label for the burger menu button of the mobile control panel.",
1659
+ "value": { "type": "string" }
1660
+ }
1661
+ ],
1662
+ "slots": [
1663
+ {
1664
+ "name": "children",
1665
+ "description": "This is a default/unnamed slot"
1666
+ },
1667
+ {
1668
+ "name": "skipNavigation",
1669
+ "description": "Slot to pass an anchor or link to skip the navigation and jump to main content."
1670
+ },
1671
+ {
1672
+ "name": "metaNavigation",
1673
+ "description": "Slot to pass in a meta navigation.\nDesktop: Above the regular control-panel-desktop\nMobile: Inside the drawer"
1674
+ },
1675
+ {
1676
+ "name": "secondaryActions",
1677
+ "description": "Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\nDesktop: Shown separated by divider at the end of the control-panel-desktop\nMobile: Shown inside the drawer at the bottom."
1678
+ },
1679
+ {
1680
+ "name": "brand",
1681
+ "description": "Slot to pass in the DBControlPanelBrand component"
1682
+ },
1683
+ {
1684
+ "name": "primaryActions",
1685
+ "description": "Slot to pass one or more elements like DBButton (e.g. search) as primary action.\nDesktop: Shown next to the main-navigation\nMobile: Shown next to the control-panel-brand"
1686
+ }
1687
+ ],
1688
+ "events": [
1689
+ {
1690
+ "name": "toggle",
1691
+ "type": "EventEmitter<\n Parameters<Required<DBControlPanelMobileProps>[\"onToggle\"]>[number]\n > | void"
1692
+ }
1693
+ ],
1694
+ "js": {
1695
+ "properties": [
1696
+ { "name": "rootElement", "type": "HTMLElement" },
1697
+ { "name": "id", "type": "DBControlPanelMobileProps[\"id\"]" },
1698
+ {
1699
+ "name": "propOverrides",
1700
+ "type": "DBControlPanelMobileProps[\"propOverrides\"]"
1701
+ },
1702
+ {
1703
+ "name": "position",
1704
+ "description": "Change the position of the mobile content panel",
1705
+ "type": "\"top\" | \"bottom\""
1706
+ },
1707
+ {
1708
+ "name": "className",
1709
+ "type": "DBControlPanelMobileProps[\"className\"]"
1710
+ },
1711
+ {
1712
+ "name": "drawerHeaderText",
1713
+ "description": "Text to pass in a headline for the drawer header.",
1714
+ "type": "string"
1715
+ },
1716
+ {
1717
+ "name": "burgerMenuLabel",
1718
+ "description": "Sets the accessible label for the burger menu button of the mobile control panel.",
1719
+ "type": "string"
1720
+ },
1721
+ { "name": "open", "type": "boolean" },
1722
+ { "name": "observer" }
1723
+ ],
1724
+ "events": [
1725
+ {
1726
+ "name": "toggle",
1727
+ "type": "EventEmitter<\n Parameters<Required<DBControlPanelMobileProps>[\"onToggle\"]>[number]\n > | void"
1728
+ }
1729
+ ]
1730
+ }
1731
+ },
1732
+ {
1733
+ "name": "db-control-panel-navigation",
1734
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
1735
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-navigation/properties",
1736
+ "attributes": [
1737
+ {
1738
+ "name": "variant",
1739
+ "description": "Selects the navigation interaction model: `popover` shows sub-items\nin a flyout menu, `tree` shows a collapsible tree structure.\nNote: This selects an interaction model, not just a visual variant.",
1740
+ "value": { "type": "\"popover\" | \"tree\"" }
1741
+ },
1742
+ {
1743
+ "name": "behavior",
1744
+ "description": "To allow multiple items open at the same time or only 1 item",
1745
+ "value": {
1746
+ "type": "\"single\" | \"multiple\"",
1747
+ "default": "\"multiple\""
1748
+ }
1749
+ },
1750
+ {
1751
+ "name": "arrow-scroll-distance",
1752
+ "description": "Change amount of scroll distance when clicking on an overflow scroll arrow button.",
1753
+ "value": { "type": "number | string" }
1754
+ },
1755
+ {
1756
+ "name": "id",
1757
+ "value": { "type": "DBControlPanelNavigationProps[\"id\"]" }
1758
+ },
1759
+ {
1760
+ "name": "prop-overrides",
1761
+ "value": {
1762
+ "type": "DBControlPanelNavigationProps[\"propOverrides\"]"
1763
+ }
1764
+ },
1765
+ {
1766
+ "name": "show-tree-line",
1767
+ "description": "Show or hide the tree line connecting nested navigation items in tree variant.",
1768
+ "value": { "type": "boolean | string" }
1769
+ },
1770
+ {
1771
+ "name": "classname",
1772
+ "value": {
1773
+ "type": "DBControlPanelNavigationProps[\"className\"]"
1774
+ }
1775
+ },
1776
+ {
1777
+ "name": "scroll-left-text",
1778
+ "description": "Set the text for the scroll left button",
1779
+ "value": { "type": "string" }
1780
+ },
1781
+ {
1782
+ "name": "scroll-right-text",
1783
+ "description": "Set the text for the scroll right button",
1784
+ "value": { "type": "string" }
1785
+ }
1786
+ ],
1787
+ "slots": [
1788
+ {
1789
+ "name": "children",
1790
+ "description": "This is a default/unnamed slot"
1791
+ }
1792
+ ],
1793
+ "events": [],
1794
+ "js": {
1795
+ "properties": [
1796
+ { "name": "rootElement", "type": "HTMLElement" },
1797
+ {
1798
+ "name": "variant",
1799
+ "description": "Selects the navigation interaction model: `popover` shows sub-items\nin a flyout menu, `tree` shows a collapsible tree structure.\nNote: This selects an interaction model, not just a visual variant.",
1800
+ "type": "\"popover\" | \"tree\""
1801
+ },
1802
+ {
1803
+ "name": "behavior",
1804
+ "description": "To allow multiple items open at the same time or only 1 item",
1805
+ "type": "\"single\" | \"multiple\""
1806
+ },
1807
+ {
1808
+ "name": "arrowScrollDistance",
1809
+ "description": "Change amount of scroll distance when clicking on an overflow scroll arrow button.",
1810
+ "type": "number | string"
1811
+ },
1812
+ { "name": "id", "type": "DBControlPanelNavigationProps[\"id\"]" },
1813
+ {
1814
+ "name": "propOverrides",
1815
+ "type": "DBControlPanelNavigationProps[\"propOverrides\"]"
1816
+ },
1817
+ {
1818
+ "name": "showTreeLine",
1819
+ "description": "Show or hide the tree line connecting nested navigation items in tree variant.",
1820
+ "type": "boolean | string"
1821
+ },
1822
+ {
1823
+ "name": "className",
1824
+ "type": "DBControlPanelNavigationProps[\"className\"]"
1825
+ },
1826
+ {
1827
+ "name": "scrollLeftText",
1828
+ "description": "Set the text for the scroll left button",
1829
+ "type": "string"
1830
+ },
1831
+ {
1832
+ "name": "scrollRightText",
1833
+ "description": "Set the text for the scroll right button",
1834
+ "type": "string"
1835
+ },
1836
+ { "name": "showScrollLeft", "type": "boolean" },
1837
+ { "name": "showScrollRight", "type": "boolean" },
1838
+ { "name": "_shellMobile", "type": "boolean" },
1839
+ { "name": "_shellDesktopPosition" },
1840
+ { "name": "initialized", "type": "boolean" },
1841
+ { "name": "_resizeObserverCallbackId" },
1842
+ { "name": "_singleBehaviorObserver" },
1843
+ { "name": "observer" }
1844
+ ],
1845
+ "events": []
1846
+ }
1847
+ },
1848
+ {
1849
+ "name": "db-control-panel-navigation-item",
1850
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **endSlot** - Slot for end content, for example add a custom component between an icon and a label.",
1851
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-navigation-item/properties",
1852
+ "attributes": [
1853
+ {
1854
+ "name": "tooltip",
1855
+ "description": "If you use DBShell with controlPanelDesktopPosition=\"left\" or DBControlPanelFlatIcon\nyou need to add a tooltip for collapsed navigation",
1856
+ "value": { "type": "string" }
1857
+ },
1858
+ {
1859
+ "name": "text",
1860
+ "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
1861
+ "value": { "type": "string" }
1862
+ },
1863
+ {
1864
+ "name": "disabled",
1865
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
1866
+ "value": { "type": "boolean | string" }
1867
+ },
1868
+ {
1869
+ "name": "active",
1870
+ "description": "Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current=\"page\" on the contained anchor, this does not guarantee correct a11y.",
1871
+ "value": { "type": "string" }
1872
+ },
1873
+ {
1874
+ "name": "id",
1875
+ "value": { "type": "DBControlPanelNavigationItemProps[\"id\"]" }
1876
+ },
1877
+ {
1878
+ "name": "prop-overrides",
1879
+ "value": {
1880
+ "type": "DBControlPanelNavigationItemProps[\"propOverrides\"]"
1881
+ }
1882
+ },
1883
+ {
1884
+ "name": "classname",
1885
+ "value": {
1886
+ "type": "DBControlPanelNavigationItemProps[\"className\"]"
1887
+ }
1888
+ },
1889
+ {
1890
+ "name": "icon",
1891
+ "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
1892
+ "value": { "type": "IconTypes" }
1893
+ },
1894
+ {
1895
+ "name": "show-icon",
1896
+ "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
1897
+ "value": { "type": "boolean | string" }
1898
+ }
1899
+ ],
1900
+ "slots": [
1901
+ {
1902
+ "name": "children",
1903
+ "description": "This is a default/unnamed slot"
1904
+ },
1905
+ {
1906
+ "name": "endSlot",
1907
+ "description": "Slot for end content, for example add a custom component between an icon and a label."
1908
+ }
1909
+ ],
1910
+ "events": [],
1911
+ "js": {
1912
+ "properties": [
1913
+ { "name": "rootElement", "type": "HTMLElement" },
1914
+ {
1915
+ "name": "tooltip",
1916
+ "description": "If you use DBShell with controlPanelDesktopPosition=\"left\" or DBControlPanelFlatIcon\nyou need to add a tooltip for collapsed navigation"
1917
+ },
1918
+ {
1919
+ "name": "text",
1920
+ "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
1921
+ "type": "string"
1922
+ },
1923
+ {
1924
+ "name": "disabled",
1925
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
1926
+ "type": "boolean | string"
1927
+ },
1928
+ {
1929
+ "name": "active",
1930
+ "description": "Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current=\"page\" on the contained anchor, this does not guarantee correct a11y."
1931
+ },
1932
+ {
1933
+ "name": "id",
1934
+ "type": "DBControlPanelNavigationItemProps[\"id\"]"
1935
+ },
1936
+ {
1937
+ "name": "propOverrides",
1938
+ "type": "DBControlPanelNavigationItemProps[\"propOverrides\"]"
1939
+ },
1940
+ {
1941
+ "name": "className",
1942
+ "type": "DBControlPanelNavigationItemProps[\"className\"]"
1943
+ },
1944
+ {
1945
+ "name": "icon",
1946
+ "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
1947
+ "type": "IconTypes"
1948
+ },
1949
+ {
1950
+ "name": "showIcon",
1951
+ "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
1952
+ "type": "boolean | string"
1953
+ },
1954
+ { "name": "_tooltip" },
1955
+ { "name": "_savedHref" },
1956
+ { "name": "_role" },
1957
+ { "name": "_attributeObserver" },
1958
+ { "name": "initialized", "type": "boolean" },
1959
+ { "name": "observer" }
1960
+ ],
1961
+ "events": []
1962
+ }
1963
+ },
1964
+ {
1965
+ "name": "db-control-panel-navigation-item-group",
1966
+ "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **endSlot** - Slot for end content, for example add a custom component between an icon and a label.",
1967
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-navigation-item-group/properties",
1968
+ "attributes": [
1969
+ {
1970
+ "name": "expanded",
1971
+ "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
1972
+ "value": { "type": "boolean | string" }
1973
+ },
1974
+ {
1975
+ "name": "id",
1976
+ "value": {
1977
+ "type": "DBControlPanelNavigationItemGroupProps[\"id\"]"
1978
+ }
1979
+ },
1980
+ {
1981
+ "name": "prop-overrides",
1982
+ "value": {
1983
+ "type": "DBControlPanelNavigationItemGroupProps[\"propOverrides\"]"
1984
+ }
1985
+ },
1986
+ {
1987
+ "name": "classname",
1988
+ "value": {
1989
+ "type": "DBControlPanelNavigationItemGroupProps[\"className\"]"
1990
+ }
1991
+ },
1992
+ {
1993
+ "name": "icon",
1994
+ "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
1995
+ "value": { "type": "IconTypes" }
1996
+ },
1997
+ {
1998
+ "name": "show-icon",
1999
+ "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
2000
+ "value": { "type": "boolean | string" }
2001
+ },
2002
+ {
2003
+ "name": "active",
2004
+ "description": "Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current=\"page\" on the contained anchor, this does not guarantee correct a11y.",
2005
+ "value": { "type": "string" }
2006
+ },
2007
+ {
2008
+ "name": "disabled",
2009
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
2010
+ "value": { "type": "boolean | string" }
2011
+ },
2012
+ {
2013
+ "name": "menu-id",
2014
+ "description": "Change id for db-control-panel-navigation-item-group-menu",
2015
+ "value": { "type": "string" }
2016
+ },
2017
+ {
2018
+ "name": "text",
2019
+ "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
2020
+ "value": { "type": "string" }
2021
+ },
2022
+ {
2023
+ "name": "back-button-id",
2024
+ "description": "The backButtonId attribute changes the id inside the back button.",
2025
+ "value": { "type": "string" }
2026
+ },
2027
+ {
2028
+ "name": "back-button-text",
2029
+ "description": "The backButtonText attribute changes the text inside the back button.",
2030
+ "value": { "type": "string" }
2031
+ }
2032
+ ],
2033
+ "slots": [
2034
+ {
2035
+ "name": "children",
2036
+ "description": "This is a default/unnamed slot"
2037
+ },
2038
+ {
2039
+ "name": "endSlot",
2040
+ "description": "Slot for end content, for example add a custom component between an icon and a label."
2041
+ }
2042
+ ],
2043
+ "events": [
2044
+ {
2045
+ "name": "click",
2046
+ "type": "EventEmitter<\n Parameters<\n Required<DBControlPanelNavigationItemGroupProps>[\"onClick\"]\n >[number]\n > | void"
2047
+ }
2048
+ ],
2049
+ "js": {
2050
+ "properties": [
2051
+ { "name": "rootElement", "type": "HTMLElement" },
2052
+ {
2053
+ "name": "expanded",
2054
+ "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
2055
+ "type": "boolean | string"
2056
+ },
2057
+ {
2058
+ "name": "id",
2059
+ "type": "DBControlPanelNavigationItemGroupProps[\"id\"]"
2060
+ },
2061
+ {
2062
+ "name": "propOverrides",
2063
+ "type": "DBControlPanelNavigationItemGroupProps[\"propOverrides\"]"
2064
+ },
2065
+ {
2066
+ "name": "className",
2067
+ "type": "DBControlPanelNavigationItemGroupProps[\"className\"]"
2068
+ },
2069
+ {
2070
+ "name": "icon",
2071
+ "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
2072
+ "type": "IconTypes"
2073
+ },
2074
+ {
2075
+ "name": "showIcon",
2076
+ "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
2077
+ "type": "boolean | string"
2078
+ },
2079
+ {
2080
+ "name": "active",
2081
+ "description": "Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current=\"page\" on the contained anchor, this does not guarantee correct a11y."
2082
+ },
2083
+ {
2084
+ "name": "disabled",
2085
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
2086
+ "type": "boolean | string"
2087
+ },
2088
+ {
2089
+ "name": "menuId",
2090
+ "description": "Change id for db-control-panel-navigation-item-group-menu",
2091
+ "type": "string"
2092
+ },
2093
+ {
2094
+ "name": "text",
2095
+ "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
2096
+ "type": "string"
2097
+ },
2098
+ {
2099
+ "name": "backButtonId",
2100
+ "description": "The backButtonId attribute changes the id inside the back button.",
2101
+ "type": "string"
2102
+ },
2103
+ {
2104
+ "name": "backButtonText",
2105
+ "description": "The backButtonText attribute changes the text inside the back button.",
2106
+ "type": "string"
2107
+ },
2108
+ { "name": "hasSubNavigation", "type": "boolean" },
2109
+ { "name": "isSubNavigationExpanded", "type": "boolean" },
2110
+ { "name": "autoClose", "type": "boolean" },
2111
+ { "name": "hasPopup", "type": "boolean" },
2112
+ { "name": "initialized", "type": "boolean" },
2113
+ { "name": "_isMobile", "type": "boolean" },
2114
+ { "name": "_role" },
2115
+ { "name": "_attributeObserver" },
2116
+ { "name": "_itemGroupMenuId" },
2117
+ { "name": "_intersectionObserverCallbackId" },
2118
+ { "name": "_resizeObserverCallbackId" },
2119
+ { "name": "_popoverListenersAttached", "type": "boolean" },
2120
+ { "name": "navigationItemSafeTriangle" },
2121
+ { "name": "observer" }
2122
+ ],
2123
+ "events": [
2124
+ {
2125
+ "name": "click",
2126
+ "type": "EventEmitter<\n Parameters<\n Required<DBControlPanelNavigationItemGroupProps>[\"onClick\"]\n >[number]\n > | void"
2127
+ }
2128
+ ]
2129
+ }
2130
+ },
2131
+ {
2132
+ "name": "db-control-panel-primary-actions",
2133
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
2134
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-primary-actions/properties",
2135
+ "attributes": [
2136
+ {
2137
+ "name": "id",
2138
+ "value": { "type": "DBControlPanelPrimaryActionsProps[\"id\"]" }
2139
+ },
2140
+ {
2141
+ "name": "prop-overrides",
2142
+ "value": {
2143
+ "type": "DBControlPanelPrimaryActionsProps[\"propOverrides\"]"
2144
+ }
2145
+ },
2146
+ {
2147
+ "name": "classname",
2148
+ "value": {
2149
+ "type": "DBControlPanelPrimaryActionsProps[\"className\"]"
2150
+ }
2151
+ }
2152
+ ],
2153
+ "slots": [
2154
+ {
2155
+ "name": "children",
2156
+ "description": "This is a default/unnamed slot"
2157
+ }
2158
+ ],
2159
+ "events": [],
2160
+ "js": {
2161
+ "properties": [
2162
+ { "name": "rootElement", "type": "HTMLElement" },
2163
+ {
2164
+ "name": "id",
2165
+ "type": "DBControlPanelPrimaryActionsProps[\"id\"]"
2166
+ },
2167
+ {
2168
+ "name": "propOverrides",
2169
+ "type": "DBControlPanelPrimaryActionsProps[\"propOverrides\"]"
2170
+ },
2171
+ {
2172
+ "name": "className",
2173
+ "type": "DBControlPanelPrimaryActionsProps[\"className\"]"
2174
+ },
2175
+ { "name": "observer" }
2176
+ ],
2177
+ "events": []
2178
+ }
2179
+ },
2180
+ {
2181
+ "name": "db-control-panel-secondary-actions",
2182
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
2183
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-secondary-actions/properties",
2184
+ "attributes": [
2185
+ {
2186
+ "name": "id",
2187
+ "value": { "type": "DBControlPanelSecondaryActionsProps[\"id\"]" }
2188
+ },
2189
+ {
2190
+ "name": "prop-overrides",
2191
+ "value": {
2192
+ "type": "DBControlPanelSecondaryActionsProps[\"propOverrides\"]"
2193
+ }
2194
+ },
2195
+ {
2196
+ "name": "classname",
2197
+ "value": {
2198
+ "type": "DBControlPanelSecondaryActionsProps[\"className\"]"
2199
+ }
2200
+ }
2201
+ ],
2202
+ "slots": [
2203
+ {
2204
+ "name": "children",
2205
+ "description": "This is a default/unnamed slot"
2206
+ }
2207
+ ],
2208
+ "events": [],
2209
+ "js": {
2210
+ "properties": [
2211
+ { "name": "rootElement", "type": "HTMLElement" },
2212
+ {
2213
+ "name": "id",
2214
+ "type": "DBControlPanelSecondaryActionsProps[\"id\"]"
2215
+ },
2216
+ {
2217
+ "name": "propOverrides",
2218
+ "type": "DBControlPanelSecondaryActionsProps[\"propOverrides\"]"
2219
+ },
2220
+ {
2221
+ "name": "className",
2222
+ "type": "DBControlPanelSecondaryActionsProps[\"className\"]"
2223
+ },
2224
+ { "name": "observer" }
2225
+ ],
2226
+ "events": []
2227
+ }
2228
+ },
2229
+ {
2230
+ "name": "db-control-panel-skip-navigation",
2231
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
2232
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-skip-navigation/properties",
2233
+ "attributes": [
2234
+ {
2235
+ "name": "id",
2236
+ "value": { "type": "DBControlPanelSkipNavigationProps[\"id\"]" }
2237
+ },
2238
+ {
2239
+ "name": "prop-overrides",
2240
+ "value": {
2241
+ "type": "DBControlPanelSkipNavigationProps[\"propOverrides\"]"
2242
+ }
2243
+ },
2244
+ {
2245
+ "name": "classname",
2246
+ "value": {
2247
+ "type": "DBControlPanelSkipNavigationProps[\"className\"]"
2248
+ }
2249
+ },
2250
+ {
2251
+ "name": "text",
2252
+ "description": "Change the text for the link providing a skip for navigation jumping to main content",
2253
+ "value": { "type": "string" }
2254
+ },
2255
+ {
2256
+ "name": "target",
2257
+ "description": "Target id for the skip-navigation link. Must match the `mainId` prop\non `DBShellContent` if you override it. Only one shell should exist per page.",
2258
+ "value": { "type": "string" }
2259
+ }
2260
+ ],
2261
+ "slots": [
2262
+ {
2263
+ "name": "children",
2264
+ "description": "This is a default/unnamed slot"
2265
+ }
2266
+ ],
2267
+ "events": [],
2268
+ "js": {
2269
+ "properties": [
2270
+ { "name": "rootElement", "type": "HTMLElement" },
2271
+ {
2272
+ "name": "id",
2273
+ "type": "DBControlPanelSkipNavigationProps[\"id\"]"
2274
+ },
2275
+ {
2276
+ "name": "propOverrides",
2277
+ "type": "DBControlPanelSkipNavigationProps[\"propOverrides\"]"
2278
+ },
2279
+ {
2280
+ "name": "className",
2281
+ "type": "DBControlPanelSkipNavigationProps[\"className\"]"
2282
+ },
2283
+ {
2284
+ "name": "text",
2285
+ "description": "Change the text for the link providing a skip for navigation jumping to main content",
2286
+ "type": "string"
2287
+ },
2288
+ {
2289
+ "name": "target",
2290
+ "description": "Target id for the skip-navigation link. Must match the `mainId` prop\non `DBShellContent` if you override it. Only one shell should exist per page.",
2291
+ "type": "string"
2292
+ },
2293
+ { "name": "observer" }
2294
+ ],
2295
+ "events": []
2296
+ }
2297
+ },
2298
+ {
2299
+ "name": "db-custom-button",
2300
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
2301
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/custom-button/properties",
2302
+ "attributes": [
2303
+ {
2304
+ "name": "id",
2305
+ "value": { "type": "DBCustomButtonProps[\"id\"]" }
2306
+ },
2307
+ {
2308
+ "name": "prop-overrides",
2309
+ "value": { "type": "DBCustomButtonProps[\"propOverrides\"]" }
2310
+ },
2311
+ {
2312
+ "name": "classname",
2313
+ "value": { "type": "DBCustomButtonProps[\"className\"]" }
2314
+ },
2315
+ {
2316
+ "name": "icon-leading",
2317
+ "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
2318
+ "value": { "type": "IconTypes" }
2319
+ },
2320
+ {
2321
+ "name": "icon",
2322
+ "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
2323
+ "value": { "type": "IconTypes" }
2324
+ },
2325
+ {
2326
+ "name": "show-icon-leading",
2327
+ "description": "Enables or disables the visibility of the leading icon.\nFor many components this property is optional to reflect Figma properties.",
2328
+ "value": { "type": "boolean | string" }
2329
+ },
2330
+ {
2331
+ "name": "show-icon",
2332
+ "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
2333
+ "value": { "type": "boolean | string" }
2334
+ },
2335
+ {
2336
+ "name": "icon-trailing",
2337
+ "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
2338
+ "value": { "type": "IconTypes" }
2339
+ },
2340
+ {
2341
+ "name": "show-icon-trailing",
2342
+ "description": "Enables or disables the visibility of the trailing icon.\nFor many components this property is optional to reflect Figma properties.",
2343
+ "value": { "type": "boolean | string" }
2344
+ },
2345
+ {
2346
+ "name": "size",
2347
+ "description": "The size attribute changes the font-size and other related sizes of the component.",
2348
+ "value": { "type": "\"small\" | \"medium\"" }
2349
+ },
2350
+ {
2351
+ "name": "width",
2352
+ "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
2353
+ "value": { "type": "\"full\" | \"auto\" | string" }
2354
+ },
2355
+ {
2356
+ "name": "variant",
2357
+ "description": "Variant of the button. Only use one primary button as a CTA on a page; otherwise, use one of the adaptive buttons.",
2358
+ "value": {
2359
+ "type": "\"outlined\" | \"brand\" | \"filled\" | \"ghost\" | string"
2360
+ }
2361
+ },
2362
+ {
2363
+ "name": "no-text",
2364
+ "description": "Define the text next to the icon specified via the icon Property to get hidden.",
2365
+ "value": { "type": "boolean | string" }
2366
+ }
2367
+ ],
2368
+ "slots": [
2369
+ {
2370
+ "name": "children",
2371
+ "description": "This is a default/unnamed slot"
2372
+ }
2373
+ ],
2374
+ "events": [],
2375
+ "js": {
2376
+ "properties": [
2377
+ { "name": "rootElement", "type": "HTMLElement" },
2378
+ { "name": "id", "type": "DBCustomButtonProps[\"id\"]" },
2379
+ {
2380
+ "name": "propOverrides",
2381
+ "type": "DBCustomButtonProps[\"propOverrides\"]"
2382
+ },
2383
+ {
2384
+ "name": "className",
2385
+ "type": "DBCustomButtonProps[\"className\"]"
2386
+ },
2387
+ {
2388
+ "name": "iconLeading",
2389
+ "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
2390
+ "type": "IconTypes"
2391
+ },
2392
+ {
2393
+ "name": "icon",
2394
+ "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
2395
+ "type": "IconTypes"
2396
+ },
2397
+ {
2398
+ "name": "showIconLeading",
2399
+ "description": "Enables or disables the visibility of the leading icon.\nFor many components this property is optional to reflect Figma properties.",
2400
+ "type": "boolean | string"
2401
+ },
2402
+ {
2403
+ "name": "showIcon",
2404
+ "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
2405
+ "type": "boolean | string"
2406
+ },
2407
+ {
2408
+ "name": "iconTrailing",
2409
+ "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
2410
+ "type": "IconTypes"
2411
+ },
2412
+ {
2413
+ "name": "showIconTrailing",
2414
+ "description": "Enables or disables the visibility of the trailing icon.\nFor many components this property is optional to reflect Figma properties.",
2415
+ "type": "boolean | string"
2416
+ },
2417
+ {
2418
+ "name": "size",
2419
+ "description": "The size attribute changes the font-size and other related sizes of the component.",
2420
+ "type": "\"small\" | \"medium\""
2421
+ },
2422
+ {
2423
+ "name": "width",
2424
+ "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
2425
+ "type": "\"full\" | \"auto\" | string"
2426
+ },
2427
+ {
2428
+ "name": "variant",
2429
+ "description": "Variant of the button. Only use one primary button as a CTA on a page; otherwise, use one of the adaptive buttons.",
2430
+ "type": "\"outlined\" | \"brand\" | \"filled\" | \"ghost\" | string"
2431
+ },
2432
+ {
2433
+ "name": "noText",
2434
+ "description": "Define the text next to the icon specified via the icon Property to get hidden.",
2435
+ "type": "boolean | string"
2436
+ },
2437
+ { "name": "observer" }
2438
+ ],
2439
+ "events": []
2440
+ }
2441
+ },
2442
+ {
2443
+ "name": "db-custom-select-dropdown",
2444
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
2445
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/custom-select-dropdown/properties",
2446
+ "attributes": [
2447
+ {
2448
+ "name": "id",
2449
+ "value": { "type": "DBCustomSelectDropdownProps[\"id\"]" }
2450
+ },
2451
+ {
2452
+ "name": "prop-overrides",
2453
+ "value": {
2454
+ "type": "DBCustomSelectDropdownProps[\"propOverrides\"]"
2455
+ }
2456
+ },
2457
+ {
2458
+ "name": "classname",
2459
+ "value": { "type": "DBCustomSelectDropdownProps[\"className\"]" }
2460
+ },
2461
+ {
2462
+ "name": "width",
2463
+ "description": "Changes the behavior of the dropdown with.\nDefault: fixed 328px\nFull: Based on the size of the form-field\nAuto: Based on the size of the largest list item",
1197
2464
  "value": {
1198
2465
  "type": "\"fixed\" | \"auto\" | \"full\" | string",
1199
2466
  "default": "\"fixed\""
@@ -1290,7 +2557,7 @@
1290
2557
  },
1291
2558
  {
1292
2559
  "name": "disabled",
1293
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
2560
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
1294
2561
  "value": { "type": "boolean | string" }
1295
2562
  },
1296
2563
  {
@@ -1363,12 +2630,11 @@
1363
2630
  },
1364
2631
  {
1365
2632
  "name": "name",
1366
- "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
1367
- "type": "string"
2633
+ "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."
1368
2634
  },
1369
2635
  {
1370
2636
  "name": "disabled",
1371
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
2637
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
1372
2638
  "type": "boolean | string"
1373
2639
  },
1374
2640
  {
@@ -1378,8 +2644,7 @@
1378
2644
  },
1379
2645
  {
1380
2646
  "name": "label",
1381
- "description": "The label attribute specifies the caption of the form element.",
1382
- "type": "string"
2647
+ "description": "The label attribute specifies the caption of the form element."
1383
2648
  },
1384
2649
  { "name": "hasDivider", "type": "boolean" },
1385
2650
  { "name": "observer" }
@@ -1596,7 +2861,7 @@
1596
2861
  },
1597
2862
  {
1598
2863
  "name": "disabled",
1599
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
2864
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
1600
2865
  "value": { "type": "boolean | string" }
1601
2866
  },
1602
2867
  {
@@ -1835,8 +3100,7 @@
1835
3100
  },
1836
3101
  {
1837
3102
  "name": "label",
1838
- "description": "The label attribute specifies the caption of the form element.",
1839
- "type": "string"
3103
+ "description": "The label attribute specifies the caption of the form element."
1840
3104
  },
1841
3105
  {
1842
3106
  "name": "fieldSizing",
@@ -1845,8 +3109,7 @@
1845
3109
  },
1846
3110
  {
1847
3111
  "name": "name",
1848
- "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
1849
- "type": "string"
3112
+ "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."
1850
3113
  },
1851
3114
  {
1852
3115
  "name": "type",
@@ -1870,7 +3133,7 @@
1870
3133
  },
1871
3134
  {
1872
3135
  "name": "disabled",
1873
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
3136
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
1874
3137
  "type": "boolean | string"
1875
3138
  },
1876
3139
  {
@@ -1986,143 +3249,9 @@
1986
3249
  },
1987
3250
  {
1988
3251
  "name": "focus",
1989
- "type": "EventEmitter<\n Parameters<Required<DBInputProps>[\"onFocus\"]>[number]\n > | void"
1990
- }
1991
- ]
1992
- }
1993
- },
1994
- {
1995
- "name": "db-tooltip",
1996
- "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
1997
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip/properties",
1998
- "attributes": [
1999
- { "name": "id", "value": { "type": "DBTooltipProps[\"id\"]" } },
2000
- {
2001
- "name": "prop-overrides",
2002
- "value": { "type": "DBTooltipProps[\"propOverrides\"]" }
2003
- },
2004
- {
2005
- "name": "variant",
2006
- "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
2007
- "value": { "type": "\"description\" | \"label\"" }
2008
- },
2009
- {
2010
- "name": "placement",
2011
- "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
2012
- "value": { "type": "\"undefined\" | \"undefined\"" }
2013
- },
2014
- {
2015
- "name": "classname",
2016
- "value": { "type": "DBTooltipProps[\"className\"]" }
2017
- },
2018
- {
2019
- "name": "emphasis",
2020
- "description": "The emphasis attribute divides in between a weak or strong importance.",
2021
- "value": { "type": "\"weak\" | \"strong\"" }
2022
- },
2023
- {
2024
- "name": "wrap",
2025
- "description": "Determines whether the text should wrap when its parent container is too small, preventing overflow.",
2026
- "value": { "type": "boolean | string" }
2027
- },
2028
- {
2029
- "name": "animation",
2030
- "description": "Disable animation",
2031
- "value": { "type": "boolean | string" }
2032
- },
2033
- {
2034
- "name": "delay",
2035
- "description": "Add a delay before showing the tooltip",
2036
- "value": { "type": "\"none\" | \"slow\" | \"fast\"" }
2037
- },
2038
- {
2039
- "name": "width",
2040
- "description": "Use fixed with for default max-width",
2041
- "value": { "type": "\"auto\" | \"fixed\"" }
2042
- },
2043
- {
2044
- "name": "show-arrow",
2045
- "description": "Show/Hides arrow",
2046
- "value": { "type": "boolean | string" }
2047
- },
2048
- {
2049
- "name": "text",
2050
- "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
2051
- "value": { "type": "string" }
2052
- }
2053
- ],
2054
- "slots": [
2055
- {
2056
- "name": "children",
2057
- "description": "This is a default/unnamed slot"
2058
- }
2059
- ],
2060
- "events": [],
2061
- "js": {
2062
- "properties": [
2063
- { "name": "rootElement", "type": "HTMLElement" },
2064
- { "name": "id", "type": "DBTooltipProps[\"id\"]" },
2065
- {
2066
- "name": "propOverrides",
2067
- "type": "DBTooltipProps[\"propOverrides\"]"
2068
- },
2069
- {
2070
- "name": "variant",
2071
- "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
2072
- "type": "\"description\" | \"label\""
2073
- },
2074
- {
2075
- "name": "placement",
2076
- "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
2077
- "type": "\"undefined\" | \"undefined\""
2078
- },
2079
- { "name": "className", "type": "DBTooltipProps[\"className\"]" },
2080
- {
2081
- "name": "emphasis",
2082
- "description": "The emphasis attribute divides in between a weak or strong importance.",
2083
- "type": "\"weak\" | \"strong\""
2084
- },
2085
- {
2086
- "name": "wrap",
2087
- "description": "Determines whether the text should wrap when its parent container is too small, preventing overflow.",
2088
- "type": "boolean | string"
2089
- },
2090
- {
2091
- "name": "animation",
2092
- "description": "Disable animation",
2093
- "type": "boolean | string"
2094
- },
2095
- {
2096
- "name": "delay",
2097
- "description": "Add a delay before showing the tooltip",
2098
- "type": "\"none\" | \"slow\" | \"fast\""
2099
- },
2100
- {
2101
- "name": "width",
2102
- "description": "Use fixed with for default max-width",
2103
- "type": "\"auto\" | \"fixed\""
2104
- },
2105
- {
2106
- "name": "showArrow",
2107
- "description": "Show/Hides arrow",
2108
- "type": "boolean | string"
2109
- },
2110
- {
2111
- "name": "text",
2112
- "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
2113
- "type": "string"
2114
- },
2115
- { "name": "_id" },
2116
- { "name": "initialized", "type": "boolean" },
2117
- { "name": "_documentScrollListenerCallbackId" },
2118
- { "name": "_observer" },
2119
- { "name": "_attachedParent" },
2120
- { "name": "_attachedId" },
2121
- { "name": "_activeTriggerCount", "type": "number" },
2122
- { "name": "_boundListeners", "type": "array" },
2123
- { "name": "observer" }
2124
- ],
2125
- "events": []
3252
+ "type": "EventEmitter<\n Parameters<Required<DBInputProps>[\"onFocus\"]>[number]\n > | void"
3253
+ }
3254
+ ]
2126
3255
  }
2127
3256
  },
2128
3257
  {
@@ -2458,7 +3587,7 @@
2458
3587
  },
2459
3588
  {
2460
3589
  "name": "disabled",
2461
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
3590
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
2462
3591
  "value": { "type": "boolean | string" }
2463
3592
  },
2464
3593
  {
@@ -2710,8 +3839,7 @@
2710
3839
  },
2711
3840
  {
2712
3841
  "name": "label",
2713
- "description": "The label attribute specifies the caption of the form element.",
2714
- "type": "string"
3842
+ "description": "The label attribute specifies the caption of the form element."
2715
3843
  },
2716
3844
  {
2717
3845
  "name": "form",
@@ -2720,12 +3848,11 @@
2720
3848
  },
2721
3849
  {
2722
3850
  "name": "name",
2723
- "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
2724
- "type": "string"
3851
+ "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."
2725
3852
  },
2726
3853
  {
2727
3854
  "name": "disabled",
2728
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
3855
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
2729
3856
  "type": "boolean | string"
2730
3857
  },
2731
3858
  {
@@ -2820,7 +3947,8 @@
2820
3947
  { "name": "_documentClickListenerCallbackId" },
2821
3948
  { "name": "_internalChangeTimestamp", "type": "number" },
2822
3949
  { "name": "_documentScrollListenerCallbackId" },
2823
- { "name": "_observer" },
3950
+ { "name": "_intersectionObserverCallbackId" },
3951
+ { "name": "_resizeObserverCallbackId" },
2824
3952
  { "name": "_searchValue" },
2825
3953
  { "name": "selectAllChecked", "type": "boolean" },
2826
3954
  { "name": "selectAllIndeterminate", "type": "boolean" },
@@ -2967,287 +4095,6 @@
2967
4095
  "events": []
2968
4096
  }
2969
4097
  },
2970
- {
2971
- "name": "db-drawer",
2972
- "description": "\n---\n\n\n### **Events:**\n - **close**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **drawerHeader** - Slot for changing the header of the drawer.",
2973
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/drawer/properties",
2974
- "attributes": [
2975
- {
2976
- "name": "open",
2977
- "description": "The open attribute opens or closes the drawer based on the state.",
2978
- "value": { "type": "boolean | string" }
2979
- },
2980
- {
2981
- "name": "position",
2982
- "description": "The position attribute changes the css-position (fixed or absolute) of the drawer.\n\n- `fixed` (default): Renders with `showModal()`, creating a true modal with a focus trap.\n- `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.",
2983
- "value": { "type": "\"fixed\" | \"absolute\"" }
2984
- },
2985
- {
2986
- "name": "backdrop",
2987
- "description": "The backdrop attribute changes the opacity of the backdrop.\nThe backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`",
2988
- "value": {
2989
- "type": "\"none\" | \"strong\" | \"weak\" | \"invisible\""
2990
- }
2991
- },
2992
- {
2993
- "name": "variant",
2994
- "description": "Set the variant modal|inside. Defaults to modal.",
2995
- "value": { "type": "\"modal\" | \"inside\"" }
2996
- },
2997
- { "name": "id", "value": { "type": "DBDrawerProps[\"id\"]" } },
2998
- {
2999
- "name": "prop-overrides",
3000
- "value": { "type": "DBDrawerProps[\"propOverrides\"]" }
3001
- },
3002
- {
3003
- "name": "direction",
3004
- "description": "The direction attribute changes the position & animation of the drawer.\nE.g. \"left\" slides from left screen border to the right.",
3005
- "value": { "type": "\"left\" | \"right\" | \"up\" | \"down\"" }
3006
- },
3007
- {
3008
- "name": "classname",
3009
- "value": { "type": "DBDrawerProps[\"className\"]" }
3010
- },
3011
- {
3012
- "name": "spacing",
3013
- "description": "The spacing attribute changes the padding of the component.",
3014
- "value": {
3015
- "type": "\"medium\" | \"small\" | \"large\" | \"none\" | string"
3016
- }
3017
- },
3018
- {
3019
- "name": "width",
3020
- "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
3021
- "value": { "type": "\"full\" | \"auto\" | string" }
3022
- },
3023
- {
3024
- "name": "rounded",
3025
- "description": "The rounded attribute changes the border radius of the corners on the \"end\" of the drawer.\nThe \"end\" depends on which direction you use.",
3026
- "value": { "type": "boolean | string" }
3027
- },
3028
- {
3029
- "name": "close-button-id",
3030
- "description": "The closeButtonId attribute changes the id inside the close button.",
3031
- "value": { "type": "string" }
3032
- },
3033
- {
3034
- "name": "close-button-text",
3035
- "description": "The closeButtonText attribute changes the text inside the close button.",
3036
- "value": { "type": "string" }
3037
- }
3038
- ],
3039
- "slots": [
3040
- {
3041
- "name": "children",
3042
- "description": "This is a default/unnamed slot"
3043
- },
3044
- {
3045
- "name": "drawerHeader",
3046
- "description": "Slot for changing the header of the drawer."
3047
- }
3048
- ],
3049
- "events": [
3050
- {
3051
- "name": "close",
3052
- "type": "EventEmitter<\n Parameters<Required<DBDrawerProps>[\"onClose\"]>[number]\n > | void"
3053
- }
3054
- ],
3055
- "js": {
3056
- "properties": [
3057
- { "name": "rootElement", "type": "HTMLElement" },
3058
- {
3059
- "name": "open",
3060
- "description": "The open attribute opens or closes the drawer based on the state.",
3061
- "type": "boolean | string"
3062
- },
3063
- {
3064
- "name": "position",
3065
- "description": "The position attribute changes the css-position (fixed or absolute) of the drawer.\n\n- `fixed` (default): Renders with `showModal()`, creating a true modal with a focus trap.\n- `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.",
3066
- "type": "\"fixed\" | \"absolute\""
3067
- },
3068
- {
3069
- "name": "backdrop",
3070
- "description": "The backdrop attribute changes the opacity of the backdrop.\nThe backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`",
3071
- "type": "\"none\" | \"strong\" | \"weak\" | \"invisible\""
3072
- },
3073
- {
3074
- "name": "variant",
3075
- "description": "Set the variant modal|inside. Defaults to modal.",
3076
- "type": "\"modal\" | \"inside\""
3077
- },
3078
- { "name": "id", "type": "DBDrawerProps[\"id\"]" },
3079
- {
3080
- "name": "propOverrides",
3081
- "type": "DBDrawerProps[\"propOverrides\"]"
3082
- },
3083
- {
3084
- "name": "direction",
3085
- "description": "The direction attribute changes the position & animation of the drawer.\nE.g. \"left\" slides from left screen border to the right.",
3086
- "type": "\"left\" | \"right\" | \"up\" | \"down\""
3087
- },
3088
- { "name": "className", "type": "DBDrawerProps[\"className\"]" },
3089
- {
3090
- "name": "spacing",
3091
- "description": "The spacing attribute changes the padding of the component.",
3092
- "type": "\"medium\" | \"small\" | \"large\" | \"none\" | string"
3093
- },
3094
- {
3095
- "name": "width",
3096
- "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
3097
- "type": "\"full\" | \"auto\" | string"
3098
- },
3099
- {
3100
- "name": "rounded",
3101
- "description": "The rounded attribute changes the border radius of the corners on the \"end\" of the drawer.\nThe \"end\" depends on which direction you use.",
3102
- "type": "boolean | string"
3103
- },
3104
- {
3105
- "name": "closeButtonId",
3106
- "description": "The closeButtonId attribute changes the id inside the close button.",
3107
- "type": "string"
3108
- },
3109
- {
3110
- "name": "closeButtonText",
3111
- "description": "The closeButtonText attribute changes the text inside the close button.",
3112
- "type": "string"
3113
- },
3114
- { "name": "initialized", "type": "boolean" },
3115
- { "name": "observer" }
3116
- ],
3117
- "events": [
3118
- {
3119
- "name": "close",
3120
- "type": "EventEmitter<\n Parameters<Required<DBDrawerProps>[\"onClose\"]>[number]\n > | void"
3121
- }
3122
- ]
3123
- }
3124
- },
3125
- {
3126
- "name": "db-header",
3127
- "description": "\n---\n\n\n### **Events:**\n - **toggle**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **metaNavigation** - Slot to pass in a meta navigation.\n- Desktop: Above the regular header\n- Mobile: Inside the drawer\n- **brand** - Slot to pass in the DBBrand component\n- **primaryAction** - Slot to pass one or more elements like DBButton (e.g. search) as primary action.\n- Desktop: Shown next to the main-navigation\n- Mobile: Shown next to the brand\n- **secondaryAction** - Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\n- Desktop: Shown separated by divider at the end of the header\n- Mobile: Shown inside the drawer at the bottom.",
3128
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/header/properties",
3129
- "attributes": [
3130
- {
3131
- "name": "force-mobile",
3132
- "description": "Forces the header to use mobile layout for desktop as well.\nYou should only use this setting if you really can't provide a smaller navigation.\nOverwrite size of the drawer with '--db-drawer-max-width: xxx'",
3133
- "value": { "type": "boolean | string" }
3134
- },
3135
- {
3136
- "name": "drawer-open",
3137
- "description": "Open/closes the drawer for mobile header or if `forceMobile` is true.",
3138
- "value": { "type": "boolean | string" }
3139
- },
3140
- {
3141
- "name": "classname",
3142
- "value": { "type": "DBHeaderProps[\"className\"]" }
3143
- },
3144
- { "name": "id", "value": { "type": "DBHeaderProps[\"id\"]" } },
3145
- {
3146
- "name": "prop-overrides",
3147
- "value": { "type": "DBHeaderProps[\"propOverrides\"]" }
3148
- },
3149
- {
3150
- "name": "width",
3151
- "description": "Set max width for the component",
3152
- "value": {
3153
- "type": "\"full\" | \"medium\" | \"large\" | \"small\""
3154
- }
3155
- },
3156
- {
3157
- "name": "burger-menu-label",
3158
- "description": "This attribute sets the label for the burger menu button for mobile headers.",
3159
- "value": { "type": "string" }
3160
- },
3161
- {
3162
- "name": "close-button-id",
3163
- "description": "The closeButtonId attribute changes the id inside the close button.",
3164
- "value": { "type": "string" }
3165
- },
3166
- {
3167
- "name": "close-button-text",
3168
- "description": "The closeButtonText attribute changes the text inside the close button.",
3169
- "value": { "type": "string" }
3170
- }
3171
- ],
3172
- "slots": [
3173
- {
3174
- "name": "children",
3175
- "description": "This is a default/unnamed slot"
3176
- },
3177
- {
3178
- "name": "metaNavigation",
3179
- "description": "Slot to pass in a meta navigation.\n- Desktop: Above the regular header\n- Mobile: Inside the drawer"
3180
- },
3181
- {
3182
- "name": "brand",
3183
- "description": "Slot to pass in the DBBrand component"
3184
- },
3185
- {
3186
- "name": "primaryAction",
3187
- "description": "Slot to pass one or more elements like DBButton (e.g. search) as primary action.\n- Desktop: Shown next to the main-navigation\n- Mobile: Shown next to the brand"
3188
- },
3189
- {
3190
- "name": "secondaryAction",
3191
- "description": "Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\n- Desktop: Shown separated by divider at the end of the header\n- Mobile: Shown inside the drawer at the bottom."
3192
- }
3193
- ],
3194
- "events": [
3195
- {
3196
- "name": "toggle",
3197
- "type": "EventEmitter<\n Parameters<Required<DBHeaderProps>[\"onToggle\"]>[number]\n > | void"
3198
- }
3199
- ],
3200
- "js": {
3201
- "properties": [
3202
- { "name": "rootElement", "type": "HTMLElement" },
3203
- {
3204
- "name": "forceMobile",
3205
- "description": "Forces the header to use mobile layout for desktop as well.\nYou should only use this setting if you really can't provide a smaller navigation.\nOverwrite size of the drawer with '--db-drawer-max-width: xxx'",
3206
- "type": "boolean | string"
3207
- },
3208
- {
3209
- "name": "drawerOpen",
3210
- "description": "Open/closes the drawer for mobile header or if `forceMobile` is true.",
3211
- "type": "boolean | string"
3212
- },
3213
- { "name": "className", "type": "DBHeaderProps[\"className\"]" },
3214
- { "name": "id", "type": "DBHeaderProps[\"id\"]" },
3215
- {
3216
- "name": "propOverrides",
3217
- "type": "DBHeaderProps[\"propOverrides\"]"
3218
- },
3219
- {
3220
- "name": "width",
3221
- "description": "Set max width for the component",
3222
- "type": "\"full\" | \"medium\" | \"large\" | \"small\""
3223
- },
3224
- {
3225
- "name": "burgerMenuLabel",
3226
- "description": "This attribute sets the label for the burger menu button for mobile headers.",
3227
- "type": "string"
3228
- },
3229
- {
3230
- "name": "closeButtonId",
3231
- "description": "The closeButtonId attribute changes the id inside the close button.",
3232
- "type": "string"
3233
- },
3234
- {
3235
- "name": "closeButtonText",
3236
- "description": "The closeButtonText attribute changes the text inside the close button.",
3237
- "type": "string"
3238
- },
3239
- { "name": "initialized", "type": "boolean" },
3240
- { "name": "forcedToMobile", "type": "boolean" },
3241
- { "name": "observer" }
3242
- ],
3243
- "events": [
3244
- {
3245
- "name": "toggle",
3246
- "type": "EventEmitter<\n Parameters<Required<DBHeaderProps>[\"onToggle\"]>[number]\n > | void"
3247
- }
3248
- ]
3249
- }
3250
- },
3251
4098
  {
3252
4099
  "name": "db-icon",
3253
4100
  "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
@@ -3498,219 +4345,6 @@
3498
4345
  "events": []
3499
4346
  }
3500
4347
  },
3501
- {
3502
- "name": "db-navigation",
3503
- "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
3504
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation/properties",
3505
- "attributes": [
3506
- { "name": "id", "value": { "type": "DBNavigationProps[\"id\"]" } },
3507
- {
3508
- "name": "prop-overrides",
3509
- "value": { "type": "DBNavigationProps[\"propOverrides\"]" }
3510
- },
3511
- {
3512
- "name": "classname",
3513
- "value": { "type": "DBNavigationProps[\"className\"]" }
3514
- }
3515
- ],
3516
- "slots": [
3517
- {
3518
- "name": "children",
3519
- "description": "This is a default/unnamed slot"
3520
- }
3521
- ],
3522
- "events": [],
3523
- "js": {
3524
- "properties": [
3525
- { "name": "rootElement", "type": "HTMLElement" },
3526
- { "name": "id", "type": "DBNavigationProps[\"id\"]" },
3527
- {
3528
- "name": "propOverrides",
3529
- "type": "DBNavigationProps[\"propOverrides\"]"
3530
- },
3531
- {
3532
- "name": "className",
3533
- "type": "DBNavigationProps[\"className\"]"
3534
- },
3535
- { "name": "observer" }
3536
- ],
3537
- "events": []
3538
- }
3539
- },
3540
- {
3541
- "name": "db-navigation-item",
3542
- "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **subNavigation** - React-specific property to pass in a slot for sub-navigation",
3543
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-item/properties",
3544
- "attributes": [
3545
- {
3546
- "name": "id",
3547
- "value": { "type": "DBNavigationItemProps[\"id\"]" }
3548
- },
3549
- {
3550
- "name": "sub-navigation-expanded",
3551
- "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
3552
- "value": { "type": "boolean | string" }
3553
- },
3554
- {
3555
- "name": "prop-overrides",
3556
- "value": { "type": "DBNavigationItemProps[\"propOverrides\"]" }
3557
- },
3558
- {
3559
- "name": "classname",
3560
- "value": { "type": "DBNavigationItemProps[\"className\"]" }
3561
- },
3562
- {
3563
- "name": "width",
3564
- "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
3565
- "value": { "type": "\"full\" | \"auto\" | string" }
3566
- },
3567
- {
3568
- "name": "icon",
3569
- "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
3570
- "value": { "type": "IconTypes" }
3571
- },
3572
- {
3573
- "name": "show-icon",
3574
- "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
3575
- "value": { "type": "boolean | string" }
3576
- },
3577
- {
3578
- "name": "active",
3579
- "description": "Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current=\"page\" on the contained anchor, this does not guarantee correct a11y.",
3580
- "value": { "type": "boolean" }
3581
- },
3582
- {
3583
- "name": "wrap",
3584
- "description": "Determines whether the text should wrap when its parent container is too small, preventing overflow.",
3585
- "value": { "type": "boolean | string" }
3586
- },
3587
- {
3588
- "name": "disabled",
3589
- "description": "The disabled attribute can be set to [keep a user from clicking on the item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).",
3590
- "value": { "type": "boolean | string" }
3591
- },
3592
- {
3593
- "name": "hide-sub-navigation",
3594
- "description": "Force hide sub-navigation - for web component output",
3595
- "value": { "type": "boolean | string" }
3596
- },
3597
- {
3598
- "name": "text",
3599
- "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
3600
- "value": { "type": "string" }
3601
- },
3602
- {
3603
- "name": "back-button-id",
3604
- "description": "The backButtonId attribute changes the id inside the back button.",
3605
- "value": { "type": "string" }
3606
- },
3607
- {
3608
- "name": "back-button-text",
3609
- "description": "The backButtonText attribute changes the text inside the back button.",
3610
- "value": { "type": "string" }
3611
- }
3612
- ],
3613
- "slots": [
3614
- {
3615
- "name": "children",
3616
- "description": "This is a default/unnamed slot"
3617
- },
3618
- {
3619
- "name": "subNavigation",
3620
- "description": "React-specific property to pass in a slot for sub-navigation"
3621
- }
3622
- ],
3623
- "events": [
3624
- {
3625
- "name": "click",
3626
- "type": "EventEmitter<\n Parameters<Required<DBNavigationItemProps>[\"onClick\"]>[number]\n > | void"
3627
- }
3628
- ],
3629
- "js": {
3630
- "properties": [
3631
- { "name": "rootElement", "type": "HTMLElement" },
3632
- { "name": "id", "type": "DBNavigationItemProps[\"id\"]" },
3633
- {
3634
- "name": "subNavigationExpanded",
3635
- "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
3636
- "type": "boolean | string"
3637
- },
3638
- {
3639
- "name": "propOverrides",
3640
- "type": "DBNavigationItemProps[\"propOverrides\"]"
3641
- },
3642
- {
3643
- "name": "className",
3644
- "type": "DBNavigationItemProps[\"className\"]"
3645
- },
3646
- {
3647
- "name": "width",
3648
- "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
3649
- "type": "\"full\" | \"auto\" | string"
3650
- },
3651
- {
3652
- "name": "icon",
3653
- "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
3654
- "type": "IconTypes"
3655
- },
3656
- {
3657
- "name": "showIcon",
3658
- "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
3659
- "type": "boolean | string"
3660
- },
3661
- {
3662
- "name": "active",
3663
- "description": "Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current=\"page\" on the contained anchor, this does not guarantee correct a11y.",
3664
- "type": "boolean"
3665
- },
3666
- {
3667
- "name": "wrap",
3668
- "description": "Determines whether the text should wrap when its parent container is too small, preventing overflow.",
3669
- "type": "boolean | string"
3670
- },
3671
- {
3672
- "name": "disabled",
3673
- "description": "The disabled attribute can be set to [keep a user from clicking on the item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).",
3674
- "type": "boolean | string"
3675
- },
3676
- {
3677
- "name": "hideSubNavigation",
3678
- "description": "Force hide sub-navigation - for web component output",
3679
- "type": "boolean | string"
3680
- },
3681
- {
3682
- "name": "text",
3683
- "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
3684
- "type": "string"
3685
- },
3686
- {
3687
- "name": "backButtonId",
3688
- "description": "The backButtonId attribute changes the id inside the back button.",
3689
- "type": "string"
3690
- },
3691
- {
3692
- "name": "backButtonText",
3693
- "description": "The backButtonText attribute changes the text inside the back button.",
3694
- "type": "string"
3695
- },
3696
- { "name": "initialized", "type": "boolean" },
3697
- { "name": "hasAreaPopup", "type": "boolean" },
3698
- { "name": "hasSubNavigation", "type": "boolean" },
3699
- { "name": "isSubNavigationExpanded", "type": "boolean" },
3700
- { "name": "autoClose", "type": "boolean" },
3701
- { "name": "navigationItemSafeTriangle" },
3702
- { "name": "subNavigationId" },
3703
- { "name": "subNavigationToggleId" },
3704
- { "name": "observer" }
3705
- ],
3706
- "events": [
3707
- {
3708
- "name": "click",
3709
- "type": "EventEmitter<\n Parameters<Required<DBNavigationItemProps>[\"onClick\"]>[number]\n > | void"
3710
- }
3711
- ]
3712
- }
3713
- },
3714
4348
  {
3715
4349
  "name": "db-notification",
3716
4350
  "description": "\n---\n\n\n### **Events:**\n - **close**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **image** - The slotImage can be set instead of an icon.\n- **link** - The slotLink can be set for non overlay-notifications",
@@ -3899,123 +4533,38 @@
3899
4533
  "type": "string"
3900
4534
  },
3901
4535
  {
3902
- "name": "showTimestamp",
3903
- "description": "Enables or disables the visibility of the timestamp.",
3904
- "type": "boolean | string"
3905
- },
3906
- {
3907
- "name": "timestampDatetime",
3908
- "description": "Machine-readable value for the `datetime` attribute of the rendered `<time>` element.\n\nAccepts any valid HTML datetime string:\n- Absolute moment: ISO 8601 date/time, e.g. `\"2024-06-01T12:30:00\"`\n- Duration: ISO 8601 duration, e.g. `\"PT5M\"` (5 minutes), `\"PT1H30M\"` (1 h 30 min)\n\nWhen omitted the `datetime` attribute is not rendered and assistive technologies\nfall back to the visible `timestamp` text.",
3909
- "type": "string"
3910
- },
3911
- {
3912
- "name": "closeable",
3913
- "description": "The closeable attribute shows/hides the close button on the top right.",
3914
- "type": "boolean | string"
3915
- },
3916
- {
3917
- "name": "closeButtonId",
3918
- "description": "The closeButtonId attribute changes the id inside the close button.",
3919
- "type": "string"
3920
- },
3921
- {
3922
- "name": "closeButtonText",
3923
- "description": "The closeButtonText attribute changes the text inside the close button.",
3924
- "type": "string"
3925
- },
3926
- { "name": "observer" }
3927
- ],
3928
- "events": [
3929
- {
3930
- "name": "close",
3931
- "type": "EventEmitter<\n Parameters<Required<DBNotificationProps>[\"onClose\"]>[number]\n > | void"
3932
- }
3933
- ]
3934
- }
3935
- },
3936
- {
3937
- "name": "db-page",
3938
- "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **header** - The slot can be used for React to set a header.\n- **footer** - The slot can be used for React to set a footer.",
3939
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/page/properties",
3940
- "attributes": [
3941
- {
3942
- "name": "fade-in",
3943
- "description": "Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/",
3944
- "value": { "type": "boolean | string" }
3945
- },
3946
- {
3947
- "name": "document-overflow",
3948
- "description": "The documentOverflow sets the overflow:hidden/auto to the root document",
3949
- "value": { "type": "\"hidden\" | \"auto\"" }
3950
- },
3951
- {
3952
- "name": "variant",
3953
- "description": "The variant=fixed uses flex-box to make header and footer static",
3954
- "value": { "type": "\"auto\" | \"fixed\"" }
3955
- },
3956
- { "name": "id", "value": { "type": "DBPageProps[\"id\"]" } },
3957
- {
3958
- "name": "prop-overrides",
3959
- "value": { "type": "DBPageProps[\"propOverrides\"]" }
3960
- },
3961
- {
3962
- "name": "classname",
3963
- "value": { "type": "DBPageProps[\"className\"]" }
3964
- },
3965
- {
3966
- "name": "main-class",
3967
- "description": "Adds `class` to `<main>` element",
3968
- "value": { "type": "string" }
3969
- }
3970
- ],
3971
- "slots": [
3972
- {
3973
- "name": "children",
3974
- "description": "This is a default/unnamed slot"
3975
- },
3976
- {
3977
- "name": "header",
3978
- "description": "The slot can be used for React to set a header."
3979
- },
3980
- {
3981
- "name": "footer",
3982
- "description": "The slot can be used for React to set a footer."
3983
- }
3984
- ],
3985
- "events": [],
3986
- "js": {
3987
- "properties": [
3988
- { "name": "rootElement", "type": "HTMLElement" },
3989
- {
3990
- "name": "fadeIn",
3991
- "description": "Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/",
4536
+ "name": "showTimestamp",
4537
+ "description": "Enables or disables the visibility of the timestamp.",
3992
4538
  "type": "boolean | string"
3993
4539
  },
3994
4540
  {
3995
- "name": "documentOverflow",
3996
- "description": "The documentOverflow sets the overflow:hidden/auto to the root document",
3997
- "type": "\"hidden\" | \"auto\""
4541
+ "name": "timestampDatetime",
4542
+ "description": "Machine-readable value for the `datetime` attribute of the rendered `<time>` element.\n\nAccepts any valid HTML datetime string:\n- Absolute moment: ISO 8601 date/time, e.g. `\"2024-06-01T12:30:00\"`\n- Duration: ISO 8601 duration, e.g. `\"PT5M\"` (5 minutes), `\"PT1H30M\"` (1 h 30 min)\n\nWhen omitted the `datetime` attribute is not rendered and assistive technologies\nfall back to the visible `timestamp` text.",
4543
+ "type": "string"
3998
4544
  },
3999
4545
  {
4000
- "name": "variant",
4001
- "description": "The variant=fixed uses flex-box to make header and footer static",
4002
- "type": "\"auto\" | \"fixed\""
4546
+ "name": "closeable",
4547
+ "description": "The closeable attribute shows/hides the close button on the top right.",
4548
+ "type": "boolean | string"
4003
4549
  },
4004
- { "name": "id", "type": "DBPageProps[\"id\"]" },
4005
4550
  {
4006
- "name": "propOverrides",
4007
- "type": "DBPageProps[\"propOverrides\"]"
4551
+ "name": "closeButtonId",
4552
+ "description": "The closeButtonId attribute changes the id inside the close button.",
4553
+ "type": "string"
4008
4554
  },
4009
- { "name": "className", "type": "DBPageProps[\"className\"]" },
4010
4555
  {
4011
- "name": "mainClass",
4012
- "description": "Adds `class` to `<main>` element",
4556
+ "name": "closeButtonText",
4557
+ "description": "The closeButtonText attribute changes the text inside the close button.",
4013
4558
  "type": "string"
4014
4559
  },
4015
- { "name": "fontsLoaded", "type": "boolean" },
4016
4560
  { "name": "observer" }
4017
4561
  ],
4018
- "events": []
4562
+ "events": [
4563
+ {
4564
+ "name": "close",
4565
+ "type": "EventEmitter<\n Parameters<Required<DBNotificationProps>[\"onClose\"]>[number]\n > | void"
4566
+ }
4567
+ ]
4019
4568
  }
4020
4569
  },
4021
4570
  {
@@ -4023,11 +4572,6 @@
4023
4572
  "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **trigger** - The trigger to open the popover e.g. a button",
4024
4573
  "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/popover/properties",
4025
4574
  "attributes": [
4026
- {
4027
- "name": "placement",
4028
- "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
4029
- "value": { "type": "\"undefined\" | \"undefined\"" }
4030
- },
4031
4575
  { "name": "id", "value": { "type": "DBPopoverProps[\"id\"]" } },
4032
4576
  {
4033
4577
  "name": "prop-overrides",
@@ -4068,6 +4612,11 @@
4068
4612
  "name": "width",
4069
4613
  "description": "Use fixed with for default max-width",
4070
4614
  "value": { "type": "\"auto\" | \"fixed\"" }
4615
+ },
4616
+ {
4617
+ "name": "placement",
4618
+ "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
4619
+ "value": { "type": "\"undefined\" | \"undefined\"" }
4071
4620
  }
4072
4621
  ],
4073
4622
  "slots": [
@@ -4084,11 +4633,6 @@
4084
4633
  "js": {
4085
4634
  "properties": [
4086
4635
  { "name": "rootElement", "type": "HTMLElement" },
4087
- {
4088
- "name": "placement",
4089
- "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
4090
- "type": "\"undefined\" | \"undefined\""
4091
- },
4092
4636
  { "name": "id", "type": "DBPopoverProps[\"id\"]" },
4093
4637
  {
4094
4638
  "name": "propOverrides",
@@ -4125,10 +4669,16 @@
4125
4669
  "description": "Use fixed with for default max-width",
4126
4670
  "type": "\"auto\" | \"fixed\""
4127
4671
  },
4672
+ {
4673
+ "name": "placement",
4674
+ "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
4675
+ "type": "\"undefined\" | \"undefined\""
4676
+ },
4128
4677
  { "name": "initialized", "type": "boolean" },
4129
4678
  { "name": "isExpanded", "type": "boolean" },
4130
4679
  { "name": "_documentScrollListenerCallbackId" },
4131
- { "name": "_observer" },
4680
+ { "name": "_intersectionObserverCallbackId" },
4681
+ { "name": "_resizeObserverCallbackId" },
4132
4682
  { "name": "observer" }
4133
4683
  ],
4134
4684
  "events": []
@@ -4180,7 +4730,7 @@
4180
4730
  },
4181
4731
  {
4182
4732
  "name": "disabled",
4183
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
4733
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
4184
4734
  "value": { "type": "boolean | string" }
4185
4735
  },
4186
4736
  {
@@ -4259,12 +4809,11 @@
4259
4809
  },
4260
4810
  {
4261
4811
  "name": "name",
4262
- "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
4263
- "type": "string"
4812
+ "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."
4264
4813
  },
4265
4814
  {
4266
4815
  "name": "disabled",
4267
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
4816
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
4268
4817
  "type": "boolean | string"
4269
4818
  },
4270
4819
  {
@@ -4279,8 +4828,7 @@
4279
4828
  },
4280
4829
  {
4281
4830
  "name": "label",
4282
- "description": "The label attribute specifies the caption of the form element.",
4283
- "type": "string"
4831
+ "description": "The label attribute specifies the caption of the form element."
4284
4832
  },
4285
4833
  { "name": "initialized", "type": "boolean" },
4286
4834
  { "name": "_id" },
@@ -4458,7 +5006,7 @@
4458
5006
  },
4459
5007
  {
4460
5008
  "name": "disabled",
4461
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
5009
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
4462
5010
  "value": { "type": "boolean | string" }
4463
5011
  },
4464
5012
  {
@@ -4608,18 +5156,16 @@
4608
5156
  },
4609
5157
  {
4610
5158
  "name": "label",
4611
- "description": "The label attribute specifies the caption of the form element.",
4612
- "type": "string"
5159
+ "description": "The label attribute specifies the caption of the form element."
4613
5160
  },
4614
5161
  {
4615
5162
  "name": "disabled",
4616
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
5163
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
4617
5164
  "type": "boolean | string"
4618
5165
  },
4619
5166
  {
4620
5167
  "name": "name",
4621
- "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
4622
- "type": "string"
5168
+ "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."
4623
5169
  },
4624
5170
  {
4625
5171
  "name": "size",
@@ -4684,6 +5230,259 @@
4684
5230
  ]
4685
5231
  }
4686
5232
  },
5233
+ {
5234
+ "name": "db-shell",
5235
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
5236
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/shell/properties",
5237
+ "attributes": [
5238
+ {
5239
+ "name": "fade-in",
5240
+ "description": "Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/",
5241
+ "value": { "type": "boolean | string" }
5242
+ },
5243
+ { "name": "id", "value": { "type": "DBShellProps[\"id\"]" } },
5244
+ {
5245
+ "name": "prop-overrides",
5246
+ "value": { "type": "DBShellProps[\"propOverrides\"]" }
5247
+ },
5248
+ {
5249
+ "name": "classname",
5250
+ "value": { "type": "DBShellProps[\"className\"]" }
5251
+ },
5252
+ {
5253
+ "name": "control-panel-desktop-position",
5254
+ "description": "Change the position of the desktop content panel",
5255
+ "value": { "type": "\"top\" | \"left\"" }
5256
+ },
5257
+ {
5258
+ "name": "control-panel-mobile-position",
5259
+ "description": "Change the position of the mobile content panel",
5260
+ "value": { "type": "\"top\" | \"bottom\"" }
5261
+ },
5262
+ {
5263
+ "name": "sub-navigation-desktop-position",
5264
+ "description": "Change the position of the optional sub navigation for desktop",
5265
+ "value": { "type": "\"top\" | \"left\"" }
5266
+ },
5267
+ {
5268
+ "name": "sub-navigation-mobile-position",
5269
+ "description": "Change the position of the optional sub navigation for mobile",
5270
+ "value": { "type": "\"top\" | \"bottom\" | \"none\"" }
5271
+ },
5272
+ {
5273
+ "name": "show-sub-navigation",
5274
+ "description": "Shows sub-navigation",
5275
+ "value": { "type": "boolean | string" }
5276
+ }
5277
+ ],
5278
+ "slots": [
5279
+ {
5280
+ "name": "children",
5281
+ "description": "This is a default/unnamed slot"
5282
+ }
5283
+ ],
5284
+ "events": [],
5285
+ "js": {
5286
+ "properties": [
5287
+ { "name": "rootElement", "type": "HTMLElement" },
5288
+ {
5289
+ "name": "fadeIn",
5290
+ "description": "Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/",
5291
+ "type": "boolean | string"
5292
+ },
5293
+ { "name": "id", "type": "DBShellProps[\"id\"]" },
5294
+ {
5295
+ "name": "propOverrides",
5296
+ "type": "DBShellProps[\"propOverrides\"]"
5297
+ },
5298
+ { "name": "className", "type": "DBShellProps[\"className\"]" },
5299
+ {
5300
+ "name": "controlPanelDesktopPosition",
5301
+ "description": "Change the position of the desktop content panel",
5302
+ "type": "\"top\" | \"left\""
5303
+ },
5304
+ {
5305
+ "name": "controlPanelMobilePosition",
5306
+ "description": "Change the position of the mobile content panel",
5307
+ "type": "\"top\" | \"bottom\""
5308
+ },
5309
+ {
5310
+ "name": "subNavigationDesktopPosition",
5311
+ "description": "Change the position of the optional sub navigation for desktop",
5312
+ "type": "\"top\" | \"left\""
5313
+ },
5314
+ {
5315
+ "name": "subNavigationMobilePosition",
5316
+ "description": "Change the position of the optional sub navigation for mobile",
5317
+ "type": "\"top\" | \"bottom\" | \"none\""
5318
+ },
5319
+ {
5320
+ "name": "showSubNavigation",
5321
+ "description": "Shows sub-navigation",
5322
+ "type": "boolean | string"
5323
+ },
5324
+ { "name": "fontsLoaded", "type": "boolean" },
5325
+ { "name": "observer" }
5326
+ ],
5327
+ "events": []
5328
+ }
5329
+ },
5330
+ {
5331
+ "name": "db-shell-content",
5332
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **startSlot** - Slot for start content, for example add a custom component between an icon and a label.\n- **endSlot** - Slot for end content, for example add a custom component between an icon and a label.",
5333
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/shell-content/properties",
5334
+ "attributes": [
5335
+ {
5336
+ "name": "id",
5337
+ "value": { "type": "DBShellContentProps[\"id\"]" }
5338
+ },
5339
+ {
5340
+ "name": "prop-overrides",
5341
+ "value": { "type": "DBShellContentProps[\"propOverrides\"]" }
5342
+ },
5343
+ {
5344
+ "name": "classname",
5345
+ "value": { "type": "DBShellContentProps[\"className\"]" }
5346
+ },
5347
+ {
5348
+ "name": "variant",
5349
+ "description": "Change the scrolling behavior. `auto` scrolling on complete wrapper, `fixed` scrolling only in for main.",
5350
+ "value": { "type": "\"auto\" | \"fixed\"", "default": "\"auto\"" }
5351
+ },
5352
+ {
5353
+ "name": "main-id",
5354
+ "description": "Overrides the default `id` on the `<main>` element.\nThis id is used as the target for the shell skip-navigation link.\nOnly one `DBShellContent` should exist per page to avoid duplicate IDs.",
5355
+ "value": { "type": "string" }
5356
+ },
5357
+ {
5358
+ "name": "main-class",
5359
+ "description": "Adds `class` to `<main>` element",
5360
+ "value": { "type": "string" }
5361
+ },
5362
+ {
5363
+ "name": "main-label",
5364
+ "description": "Adds `aria-label` to `<main>` element",
5365
+ "value": { "type": "string" }
5366
+ }
5367
+ ],
5368
+ "slots": [
5369
+ {
5370
+ "name": "children",
5371
+ "description": "This is a default/unnamed slot"
5372
+ },
5373
+ {
5374
+ "name": "startSlot",
5375
+ "description": "Slot for start content, for example add a custom component between an icon and a label."
5376
+ },
5377
+ {
5378
+ "name": "endSlot",
5379
+ "description": "Slot for end content, for example add a custom component between an icon and a label."
5380
+ }
5381
+ ],
5382
+ "events": [],
5383
+ "js": {
5384
+ "properties": [
5385
+ { "name": "rootElement", "type": "HTMLElement" },
5386
+ { "name": "id", "type": "DBShellContentProps[\"id\"]" },
5387
+ {
5388
+ "name": "propOverrides",
5389
+ "type": "DBShellContentProps[\"propOverrides\"]"
5390
+ },
5391
+ {
5392
+ "name": "className",
5393
+ "type": "DBShellContentProps[\"className\"]"
5394
+ },
5395
+ {
5396
+ "name": "variant",
5397
+ "description": "Change the scrolling behavior. `auto` scrolling on complete wrapper, `fixed` scrolling only in for main.",
5398
+ "type": "\"auto\" | \"fixed\""
5399
+ },
5400
+ {
5401
+ "name": "mainId",
5402
+ "description": "Overrides the default `id` on the `<main>` element.\nThis id is used as the target for the shell skip-navigation link.\nOnly one `DBShellContent` should exist per page to avoid duplicate IDs.",
5403
+ "type": "string"
5404
+ },
5405
+ {
5406
+ "name": "mainClass",
5407
+ "description": "Adds `class` to `<main>` element",
5408
+ "type": "string"
5409
+ },
5410
+ {
5411
+ "name": "mainLabel",
5412
+ "description": "Adds `aria-label` to `<main>` element",
5413
+ "type": "string"
5414
+ },
5415
+ { "name": "observer" }
5416
+ ],
5417
+ "events": []
5418
+ }
5419
+ },
5420
+ {
5421
+ "name": "db-shell-sub-navigation",
5422
+ "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
5423
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/shell-sub-navigation/properties",
5424
+ "attributes": [
5425
+ {
5426
+ "name": "expanded",
5427
+ "description": "Set the expanded/collapsed state initially for the left sidebar",
5428
+ "value": { "type": "boolean | string" }
5429
+ },
5430
+ {
5431
+ "name": "expand-button-tooltip",
5432
+ "description": "Set the tooltip for the expand/collapse button",
5433
+ "value": { "type": "string" }
5434
+ },
5435
+ {
5436
+ "name": "id",
5437
+ "value": { "type": "DBShellSubNavigationProps[\"id\"]" }
5438
+ },
5439
+ {
5440
+ "name": "prop-overrides",
5441
+ "value": {
5442
+ "type": "DBShellSubNavigationProps[\"propOverrides\"]"
5443
+ }
5444
+ },
5445
+ {
5446
+ "name": "classname",
5447
+ "value": { "type": "DBShellSubNavigationProps[\"className\"]" }
5448
+ }
5449
+ ],
5450
+ "slots": [
5451
+ {
5452
+ "name": "children",
5453
+ "description": "This is a default/unnamed slot"
5454
+ }
5455
+ ],
5456
+ "events": [],
5457
+ "js": {
5458
+ "properties": [
5459
+ { "name": "rootElement", "type": "HTMLElement" },
5460
+ {
5461
+ "name": "expanded",
5462
+ "description": "Set the expanded/collapsed state initially for the left sidebar",
5463
+ "type": "boolean | string"
5464
+ },
5465
+ {
5466
+ "name": "expandButtonTooltip",
5467
+ "description": "Set the tooltip for the expand/collapse button",
5468
+ "type": "string"
5469
+ },
5470
+ { "name": "id", "type": "DBShellSubNavigationProps[\"id\"]" },
5471
+ {
5472
+ "name": "propOverrides",
5473
+ "type": "DBShellSubNavigationProps[\"propOverrides\"]"
5474
+ },
5475
+ {
5476
+ "name": "className",
5477
+ "type": "DBShellSubNavigationProps[\"className\"]"
5478
+ },
5479
+ { "name": "_id" },
5480
+ { "name": "_open", "type": "boolean" },
5481
+ { "name": "observer" }
5482
+ ],
5483
+ "events": []
5484
+ }
5485
+ },
4687
5486
  {
4688
5487
  "name": "db-stack",
4689
5488
  "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
@@ -4829,7 +5628,7 @@
4829
5628
  },
4830
5629
  {
4831
5630
  "name": "disabled",
4832
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
5631
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
4833
5632
  "value": { "type": "boolean | string" }
4834
5633
  },
4835
5634
  {
@@ -4954,7 +5753,7 @@
4954
5753
  },
4955
5754
  {
4956
5755
  "name": "disabled",
4957
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
5756
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
4958
5757
  "type": "boolean | string"
4959
5758
  },
4960
5759
  {
@@ -4990,8 +5789,7 @@
4990
5789
  },
4991
5790
  {
4992
5791
  "name": "name",
4993
- "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
4994
- "type": "string"
5792
+ "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."
4995
5793
  },
4996
5794
  {
4997
5795
  "name": "iconLeading",
@@ -5010,8 +5808,7 @@
5010
5808
  },
5011
5809
  {
5012
5810
  "name": "label",
5013
- "description": "The label attribute specifies the caption of the form element.",
5014
- "type": "string"
5811
+ "description": "The label attribute specifies the caption of the form element."
5015
5812
  },
5016
5813
  {
5017
5814
  "name": "messageIcon",
@@ -5305,6 +6102,10 @@
5305
6102
  "name": "id",
5306
6103
  "value": { "type": "DBTableDataCellProps[\"id\"]" }
5307
6104
  },
6105
+ {
6106
+ "name": "prop-overrides",
6107
+ "value": { "type": "DBTableDataCellProps[\"propOverrides\"]" }
6108
+ },
5308
6109
  {
5309
6110
  "name": "classname",
5310
6111
  "value": { "type": "DBTableDataCellProps[\"className\"]" }
@@ -5356,6 +6157,10 @@
5356
6157
  "properties": [
5357
6158
  { "name": "rootElement", "type": "HTMLElement" },
5358
6159
  { "name": "id", "type": "DBTableDataCellProps[\"id\"]" },
6160
+ {
6161
+ "name": "propOverrides",
6162
+ "type": "DBTableDataCellProps[\"propOverrides\"]"
6163
+ },
5359
6164
  {
5360
6165
  "name": "className",
5361
6166
  "type": "DBTableDataCellProps[\"className\"]"
@@ -5408,6 +6213,10 @@
5408
6213
  "name": "id",
5409
6214
  "value": { "type": "DBTableHeaderCellProps[\"id\"]" }
5410
6215
  },
6216
+ {
6217
+ "name": "prop-overrides",
6218
+ "value": { "type": "DBTableHeaderCellProps[\"propOverrides\"]" }
6219
+ },
5411
6220
  {
5412
6221
  "name": "classname",
5413
6222
  "value": { "type": "DBTableHeaderCellProps[\"className\"]" }
@@ -5476,6 +6285,10 @@
5476
6285
  "properties": [
5477
6286
  { "name": "rootElement", "type": "HTMLElement" },
5478
6287
  { "name": "id", "type": "DBTableHeaderCellProps[\"id\"]" },
6288
+ {
6289
+ "name": "propOverrides",
6290
+ "type": "DBTableHeaderCellProps[\"propOverrides\"]"
6291
+ },
5479
6292
  {
5480
6293
  "name": "className",
5481
6294
  "type": "DBTableHeaderCellProps[\"className\"]"
@@ -5540,6 +6353,10 @@
5540
6353
  "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-row/properties",
5541
6354
  "attributes": [
5542
6355
  { "name": "id", "value": { "type": "DBTableRowProps[\"id\"]" } },
6356
+ {
6357
+ "name": "prop-overrides",
6358
+ "value": { "type": "DBTableRowProps[\"propOverrides\"]" }
6359
+ },
5543
6360
  {
5544
6361
  "name": "classname",
5545
6362
  "value": { "type": "DBTableRowProps[\"className\"]" }
@@ -5571,6 +6388,10 @@
5571
6388
  "properties": [
5572
6389
  { "name": "rootElement", "type": "HTMLElement" },
5573
6390
  { "name": "id", "type": "DBTableRowProps[\"id\"]" },
6391
+ {
6392
+ "name": "propOverrides",
6393
+ "type": "DBTableRowProps[\"propOverrides\"]"
6394
+ },
5574
6395
  { "name": "className", "type": "DBTableRowProps[\"className\"]" },
5575
6396
  {
5576
6397
  "name": "interactive",
@@ -5597,6 +6418,10 @@
5597
6418
  "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-body/properties",
5598
6419
  "attributes": [
5599
6420
  { "name": "id", "value": { "type": "DBTableBodyProps[\"id\"]" } },
6421
+ {
6422
+ "name": "prop-overrides",
6423
+ "value": { "type": "DBTableBodyProps[\"propOverrides\"]" }
6424
+ },
5600
6425
  {
5601
6426
  "name": "classname",
5602
6427
  "value": { "type": "DBTableBodyProps[\"className\"]" }
@@ -5614,6 +6439,10 @@
5614
6439
  "properties": [
5615
6440
  { "name": "rootElement", "type": "HTMLElement" },
5616
6441
  { "name": "id", "type": "DBTableBodyProps[\"id\"]" },
6442
+ {
6443
+ "name": "propOverrides",
6444
+ "type": "DBTableBodyProps[\"propOverrides\"]"
6445
+ },
5617
6446
  {
5618
6447
  "name": "className",
5619
6448
  "type": "DBTableBodyProps[\"className\"]"
@@ -5629,6 +6458,10 @@
5629
6458
  "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-footer/properties",
5630
6459
  "attributes": [
5631
6460
  { "name": "id", "value": { "type": "DBTableFooterProps[\"id\"]" } },
6461
+ {
6462
+ "name": "prop-overrides",
6463
+ "value": { "type": "DBTableFooterProps[\"propOverrides\"]" }
6464
+ },
5632
6465
  {
5633
6466
  "name": "classname",
5634
6467
  "value": { "type": "DBTableFooterProps[\"className\"]" }
@@ -5646,6 +6479,10 @@
5646
6479
  "properties": [
5647
6480
  { "name": "rootElement", "type": "HTMLElement" },
5648
6481
  { "name": "id", "type": "DBTableFooterProps[\"id\"]" },
6482
+ {
6483
+ "name": "propOverrides",
6484
+ "type": "DBTableFooterProps[\"propOverrides\"]"
6485
+ },
5649
6486
  {
5650
6487
  "name": "className",
5651
6488
  "type": "DBTableFooterProps[\"className\"]"
@@ -5661,6 +6498,10 @@
5661
6498
  "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-head/properties",
5662
6499
  "attributes": [
5663
6500
  { "name": "id", "value": { "type": "DBTableHeadProps[\"id\"]" } },
6501
+ {
6502
+ "name": "prop-overrides",
6503
+ "value": { "type": "DBTableHeadProps[\"propOverrides\"]" }
6504
+ },
5664
6505
  {
5665
6506
  "name": "classname",
5666
6507
  "value": { "type": "DBTableHeadProps[\"className\"]" }
@@ -5678,6 +6519,10 @@
5678
6519
  "properties": [
5679
6520
  { "name": "rootElement", "type": "HTMLElement" },
5680
6521
  { "name": "id", "type": "DBTableHeadProps[\"id\"]" },
6522
+ {
6523
+ "name": "propOverrides",
6524
+ "type": "DBTableHeadProps[\"propOverrides\"]"
6525
+ },
5681
6526
  {
5682
6527
  "name": "className",
5683
6528
  "type": "DBTableHeadProps[\"className\"]"
@@ -5749,6 +6594,10 @@
5749
6594
  }
5750
6595
  },
5751
6596
  { "name": "id", "value": { "type": "DBTableProps[\"id\"]" } },
6597
+ {
6598
+ "name": "prop-overrides",
6599
+ "value": { "type": "DBTableProps[\"propOverrides\"]" }
6600
+ },
5752
6601
  {
5753
6602
  "name": "caption-plain",
5754
6603
  "description": "String alternative for table caption slot",
@@ -5813,6 +6662,10 @@
5813
6662
  "type": "\"none\" | \"both\" | \"horizontal\" | \"vertical\""
5814
6663
  },
5815
6664
  { "name": "id", "type": "DBTableProps[\"id\"]" },
6665
+ {
6666
+ "name": "propOverrides",
6667
+ "type": "DBTableProps[\"propOverrides\"]"
6668
+ },
5816
6669
  {
5817
6670
  "name": "captionPlain",
5818
6671
  "description": "String alternative for table caption slot",
@@ -5834,6 +6687,10 @@
5834
6687
  "name": "id",
5835
6688
  "value": { "type": "DBTableCaptionProps[\"id\"]" }
5836
6689
  },
6690
+ {
6691
+ "name": "prop-overrides",
6692
+ "value": { "type": "DBTableCaptionProps[\"propOverrides\"]" }
6693
+ },
5837
6694
  {
5838
6695
  "name": "classname",
5839
6696
  "value": { "type": "DBTableCaptionProps[\"className\"]" }
@@ -5850,6 +6707,10 @@
5850
6707
  "properties": [
5851
6708
  { "name": "rootElement", "type": "HTMLElement" },
5852
6709
  { "name": "id", "type": "DBTableCaptionProps[\"id\"]" },
6710
+ {
6711
+ "name": "propOverrides",
6712
+ "type": "DBTableCaptionProps[\"propOverrides\"]"
6713
+ },
5853
6714
  {
5854
6715
  "name": "className",
5855
6716
  "type": "DBTableCaptionProps[\"className\"]"
@@ -5876,7 +6737,7 @@
5876
6737
  },
5877
6738
  {
5878
6739
  "name": "arrow-scroll-distance",
5879
- "description": "Change amount of distance if you click on an arrow, only available with behavior=\"arrows\"",
6740
+ "description": "Change amount of scroll distance when clicking on an overflow scroll arrow button.",
5880
6741
  "value": { "type": "number | string" }
5881
6742
  },
5882
6743
  {
@@ -5917,6 +6778,16 @@
5917
6778
  "name": "width",
5918
6779
  "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
5919
6780
  "value": { "type": "\"full\" | \"auto\" | string" }
6781
+ },
6782
+ {
6783
+ "name": "scroll-left-text",
6784
+ "description": "Set the text for the scroll left button",
6785
+ "value": { "type": "string" }
6786
+ },
6787
+ {
6788
+ "name": "scroll-right-text",
6789
+ "description": "Set the text for the scroll right button",
6790
+ "value": { "type": "string" }
5920
6791
  }
5921
6792
  ],
5922
6793
  "slots": [
@@ -5950,7 +6821,7 @@
5950
6821
  },
5951
6822
  {
5952
6823
  "name": "arrowScrollDistance",
5953
- "description": "Change amount of distance if you click on an arrow, only available with behavior=\"arrows\"",
6824
+ "description": "Change amount of scroll distance when clicking on an overflow scroll arrow button.",
5954
6825
  "type": "number | string"
5955
6826
  },
5956
6827
  {
@@ -5989,12 +6860,22 @@
5989
6860
  "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
5990
6861
  "type": "\"full\" | \"auto\" | string"
5991
6862
  },
6863
+ {
6864
+ "name": "scrollLeftText",
6865
+ "description": "Set the text for the scroll left button",
6866
+ "type": "string"
6867
+ },
6868
+ {
6869
+ "name": "scrollRightText",
6870
+ "description": "Set the text for the scroll right button",
6871
+ "type": "string"
6872
+ },
5992
6873
  { "name": "_name", "type": "string" },
5993
6874
  { "name": "initialized", "type": "boolean" },
5994
6875
  { "name": "showScrollLeft", "type": "boolean" },
5995
6876
  { "name": "showScrollRight", "type": "boolean" },
5996
6877
  { "name": "scrollContainer", "type": "null" },
5997
- { "name": "_resizeObserver" },
6878
+ { "name": "_resizeObserverCallbackId" },
5998
6879
  { "name": "observer" }
5999
6880
  ],
6000
6881
  "events": [
@@ -6107,7 +6988,7 @@
6107
6988
  },
6108
6989
  {
6109
6990
  "name": "disabled",
6110
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
6991
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
6111
6992
  "value": { "type": "boolean | string" }
6112
6993
  },
6113
6994
  {
@@ -6278,8 +7159,7 @@
6278
7159
  },
6279
7160
  {
6280
7161
  "name": "label",
6281
- "description": "The label attribute specifies the caption of the form element.",
6282
- "type": "string"
7162
+ "description": "The label attribute specifies the caption of the form element."
6283
7163
  },
6284
7164
  {
6285
7165
  "name": "fieldSizing",
@@ -6298,7 +7178,7 @@
6298
7178
  },
6299
7179
  {
6300
7180
  "name": "disabled",
6301
- "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
7181
+ "description": "The disabled attribute can be set to keep a user from clicking on the item.",
6302
7182
  "type": "boolean | string"
6303
7183
  },
6304
7184
  {
@@ -6328,8 +7208,7 @@
6328
7208
  },
6329
7209
  {
6330
7210
  "name": "name",
6331
- "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
6332
- "type": "string"
7211
+ "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."
6333
7212
  },
6334
7213
  {
6335
7214
  "name": "wrap",
@@ -6674,50 +7553,6 @@
6674
7553
  "events": []
6675
7554
  }
6676
7555
  },
6677
- {
6678
- "name": "brand-density",
6679
- "description": "\n---\n",
6680
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/brand-density/properties",
6681
- "attributes": [],
6682
- "events": [],
6683
- "js": {
6684
- "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
6685
- "events": []
6686
- }
6687
- },
6688
- {
6689
- "name": "brand-variants",
6690
- "description": "\n---\n",
6691
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/brand-variants/properties",
6692
- "attributes": [],
6693
- "events": [],
6694
- "js": {
6695
- "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
6696
- "events": []
6697
- }
6698
- },
6699
- {
6700
- "name": "brand-showcase",
6701
- "description": "\n---\n",
6702
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/brand-showcase/properties",
6703
- "attributes": [
6704
- {
6705
- "name": "is-patternhub",
6706
- "value": { "type": "PatternhubProps[\"isPatternhub\"]" }
6707
- }
6708
- ],
6709
- "events": [],
6710
- "js": {
6711
- "properties": [
6712
- { "name": "rootElement", "type": "HTMLElement" },
6713
- {
6714
- "name": "isPatternhub",
6715
- "type": "PatternhubProps[\"isPatternhub\"]"
6716
- }
6717
- ],
6718
- "events": []
6719
- }
6720
- },
6721
7556
  {
6722
7557
  "name": "button-density",
6723
7558
  "description": "\n---\n",
@@ -6964,9 +7799,207 @@
6964
7799
  }
6965
7800
  },
6966
7801
  {
6967
- "name": "checkbox-indeterminate",
7802
+ "name": "checkbox-indeterminate",
7803
+ "description": "\n---\n",
7804
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox-indeterminate/properties",
7805
+ "attributes": [],
7806
+ "events": [],
7807
+ "js": {
7808
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
7809
+ "events": []
7810
+ }
7811
+ },
7812
+ {
7813
+ "name": "checkbox-required",
7814
+ "description": "\n---\n",
7815
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox-required/properties",
7816
+ "attributes": [],
7817
+ "events": [],
7818
+ "js": {
7819
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
7820
+ "events": []
7821
+ }
7822
+ },
7823
+ {
7824
+ "name": "checkbox-show-label",
7825
+ "description": "\n---\n",
7826
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox-show-label/properties",
7827
+ "attributes": [],
7828
+ "events": [],
7829
+ "js": {
7830
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
7831
+ "events": []
7832
+ }
7833
+ },
7834
+ {
7835
+ "name": "checkbox-show-required-asterisk",
7836
+ "description": "\n---\n",
7837
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox-show-required-asterisk/properties",
7838
+ "attributes": [],
7839
+ "events": [],
7840
+ "js": {
7841
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
7842
+ "events": []
7843
+ }
7844
+ },
7845
+ {
7846
+ "name": "checkbox-size",
7847
+ "description": "\n---\n",
7848
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox-size/properties",
7849
+ "attributes": [],
7850
+ "events": [],
7851
+ "js": {
7852
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
7853
+ "events": []
7854
+ }
7855
+ },
7856
+ {
7857
+ "name": "checkbox-validation",
7858
+ "description": "\n---\n",
7859
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox-validation/properties",
7860
+ "attributes": [],
7861
+ "events": [],
7862
+ "js": {
7863
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
7864
+ "events": []
7865
+ }
7866
+ },
7867
+ {
7868
+ "name": "checkbox-showcase",
7869
+ "description": "\n---\n",
7870
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox-showcase/properties",
7871
+ "attributes": [
7872
+ {
7873
+ "name": "is-patternhub",
7874
+ "value": { "type": "PatternhubProps[\"isPatternhub\"]" }
7875
+ }
7876
+ ],
7877
+ "events": [],
7878
+ "js": {
7879
+ "properties": [
7880
+ { "name": "rootElement", "type": "HTMLElement" },
7881
+ {
7882
+ "name": "isPatternhub",
7883
+ "type": "PatternhubProps[\"isPatternhub\"]"
7884
+ }
7885
+ ],
7886
+ "events": []
7887
+ }
7888
+ },
7889
+ {
7890
+ "name": "control-panel-brand-density",
7891
+ "description": "\n---\n",
7892
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-brand-density/properties",
7893
+ "attributes": [],
7894
+ "events": [],
7895
+ "js": {
7896
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
7897
+ "events": []
7898
+ }
7899
+ },
7900
+ {
7901
+ "name": "control-panel-brand-variant",
7902
+ "description": "\n---\n",
7903
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-brand-variant/properties",
7904
+ "attributes": [],
7905
+ "events": [],
7906
+ "js": {
7907
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
7908
+ "events": []
7909
+ }
7910
+ },
7911
+ {
7912
+ "name": "control-panel-brand-showcase",
7913
+ "description": "\n---\n",
7914
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-brand-showcase/properties",
7915
+ "attributes": [
7916
+ {
7917
+ "name": "is-patternhub",
7918
+ "value": { "type": "PatternhubProps[\"isPatternhub\"]" }
7919
+ }
7920
+ ],
7921
+ "events": [],
7922
+ "js": {
7923
+ "properties": [
7924
+ { "name": "rootElement", "type": "HTMLElement" },
7925
+ {
7926
+ "name": "isPatternhub",
7927
+ "type": "PatternhubProps[\"isPatternhub\"]"
7928
+ }
7929
+ ],
7930
+ "events": []
7931
+ }
7932
+ },
7933
+ {
7934
+ "name": "control-panel-desktop-density",
7935
+ "description": "\n---\n",
7936
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-desktop-density/properties",
7937
+ "attributes": [],
7938
+ "events": [],
7939
+ "js": {
7940
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
7941
+ "events": []
7942
+ }
7943
+ },
7944
+ {
7945
+ "name": "control-panel-desktop-examples",
7946
+ "description": "\n---\n",
7947
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-desktop-examples/properties",
7948
+ "attributes": [],
7949
+ "events": [],
7950
+ "js": {
7951
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
7952
+ "events": []
7953
+ }
7954
+ },
7955
+ {
7956
+ "name": "control-panel-desktop-orientation",
7957
+ "description": "\n---\n",
7958
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-desktop-orientation/properties",
7959
+ "attributes": [],
7960
+ "events": [],
7961
+ "js": {
7962
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
7963
+ "events": []
7964
+ }
7965
+ },
7966
+ {
7967
+ "name": "control-panel-desktop-width",
7968
+ "description": "\n---\n",
7969
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-desktop-width/properties",
7970
+ "attributes": [],
7971
+ "events": [],
7972
+ "js": {
7973
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
7974
+ "events": []
7975
+ }
7976
+ },
7977
+ {
7978
+ "name": "control-panel-desktop-showcase",
7979
+ "description": "\n---\n",
7980
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-desktop-showcase/properties",
7981
+ "attributes": [
7982
+ {
7983
+ "name": "is-patternhub",
7984
+ "value": { "type": "PatternhubProps[\"isPatternhub\"]" }
7985
+ }
7986
+ ],
7987
+ "events": [],
7988
+ "js": {
7989
+ "properties": [
7990
+ { "name": "rootElement", "type": "HTMLElement" },
7991
+ {
7992
+ "name": "isPatternhub",
7993
+ "type": "PatternhubProps[\"isPatternhub\"]"
7994
+ }
7995
+ ],
7996
+ "events": []
7997
+ }
7998
+ },
7999
+ {
8000
+ "name": "control-panel-flat-icon-density",
6968
8001
  "description": "\n---\n",
6969
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox-indeterminate/properties",
8002
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-flat-icon-density/properties",
6970
8003
  "attributes": [],
6971
8004
  "events": [],
6972
8005
  "js": {
@@ -6975,9 +8008,9 @@
6975
8008
  }
6976
8009
  },
6977
8010
  {
6978
- "name": "checkbox-required",
8011
+ "name": "control-panel-flat-icon-no-text",
6979
8012
  "description": "\n---\n",
6980
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox-required/properties",
8013
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-flat-icon-no-text/properties",
6981
8014
  "attributes": [],
6982
8015
  "events": [],
6983
8016
  "js": {
@@ -6986,20 +8019,31 @@
6986
8019
  }
6987
8020
  },
6988
8021
  {
6989
- "name": "checkbox-show-label",
8022
+ "name": "control-panel-flat-icon-showcase",
6990
8023
  "description": "\n---\n",
6991
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox-show-label/properties",
6992
- "attributes": [],
8024
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-flat-icon-showcase/properties",
8025
+ "attributes": [
8026
+ {
8027
+ "name": "is-patternhub",
8028
+ "value": { "type": "PatternhubProps[\"isPatternhub\"]" }
8029
+ }
8030
+ ],
6993
8031
  "events": [],
6994
8032
  "js": {
6995
- "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
8033
+ "properties": [
8034
+ { "name": "rootElement", "type": "HTMLElement" },
8035
+ {
8036
+ "name": "isPatternhub",
8037
+ "type": "PatternhubProps[\"isPatternhub\"]"
8038
+ }
8039
+ ],
6996
8040
  "events": []
6997
8041
  }
6998
8042
  },
6999
8043
  {
7000
- "name": "checkbox-show-required-asterisk",
8044
+ "name": "control-panel-mobile-examples-bottom",
7001
8045
  "description": "\n---\n",
7002
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox-show-required-asterisk/properties",
8046
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-mobile-examples-bottom/properties",
7003
8047
  "attributes": [],
7004
8048
  "events": [],
7005
8049
  "js": {
@@ -7008,9 +8052,9 @@
7008
8052
  }
7009
8053
  },
7010
8054
  {
7011
- "name": "checkbox-size",
8055
+ "name": "control-panel-mobile-examples",
7012
8056
  "description": "\n---\n",
7013
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox-size/properties",
8057
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-mobile-examples/properties",
7014
8058
  "attributes": [],
7015
8059
  "events": [],
7016
8060
  "js": {
@@ -7019,9 +8063,9 @@
7019
8063
  }
7020
8064
  },
7021
8065
  {
7022
- "name": "checkbox-validation",
8066
+ "name": "control-panel-mobile-position",
7023
8067
  "description": "\n---\n",
7024
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox-validation/properties",
8068
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-mobile-position/properties",
7025
8069
  "attributes": [],
7026
8070
  "events": [],
7027
8071
  "js": {
@@ -7030,9 +8074,9 @@
7030
8074
  }
7031
8075
  },
7032
8076
  {
7033
- "name": "checkbox-showcase",
8077
+ "name": "control-panel-mobile-showcase",
7034
8078
  "description": "\n---\n",
7035
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox-showcase/properties",
8079
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-mobile-showcase/properties",
7036
8080
  "attributes": [
7037
8081
  {
7038
8082
  "name": "is-patternhub",
@@ -7205,6 +8249,17 @@
7205
8249
  "events": []
7206
8250
  }
7207
8251
  },
8252
+ {
8253
+ "name": "custom-select-dropdown-width-auto",
8254
+ "description": "\n---\n",
8255
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/custom-select-dropdown-width-auto/properties",
8256
+ "attributes": [],
8257
+ "events": [],
8258
+ "js": {
8259
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
8260
+ "events": []
8261
+ }
8262
+ },
7208
8263
  {
7209
8264
  "name": "custom-select-dropdown-width",
7210
8265
  "description": "\n---\n",
@@ -7595,9 +8650,9 @@
7595
8650
  }
7596
8651
  },
7597
8652
  {
7598
- "name": "drawer-size",
8653
+ "name": "drawer-show-spacing",
7599
8654
  "description": "\n---\n",
7600
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/drawer-size/properties",
8655
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/drawer-show-spacing/properties",
7601
8656
  "attributes": [],
7602
8657
  "events": [],
7603
8658
  "js": {
@@ -7609,9 +8664,9 @@
7609
8664
  }
7610
8665
  },
7611
8666
  {
7612
- "name": "drawer-spacing",
8667
+ "name": "drawer-size",
7613
8668
  "description": "\n---\n",
7614
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/drawer-spacing/properties",
8669
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/drawer-size/properties",
7615
8670
  "attributes": [],
7616
8671
  "events": [],
7617
8672
  "js": {
@@ -7645,31 +8700,9 @@
7645
8700
  }
7646
8701
  },
7647
8702
  {
7648
- "name": "header-behavior",
7649
- "description": "\n---\n",
7650
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/header-behavior/properties",
7651
- "attributes": [],
7652
- "events": [],
7653
- "js": {
7654
- "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
7655
- "events": []
7656
- }
7657
- },
7658
- {
7659
- "name": "header-density",
7660
- "description": "\n---\n",
7661
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/header-density/properties",
7662
- "attributes": [],
7663
- "events": [],
7664
- "js": {
7665
- "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
7666
- "events": []
7667
- }
7668
- },
7669
- {
7670
- "name": "header-examples",
8703
+ "name": "drawer-header-example",
7671
8704
  "description": "\n---\n",
7672
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/header-examples/properties",
8705
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/drawer-header-example/properties",
7673
8706
  "attributes": [],
7674
8707
  "events": [],
7675
8708
  "js": {
@@ -7678,9 +8711,9 @@
7678
8711
  }
7679
8712
  },
7680
8713
  {
7681
- "name": "header-width",
8714
+ "name": "drawer-header-slots",
7682
8715
  "description": "\n---\n",
7683
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/header-width/properties",
8716
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/drawer-header-slots/properties",
7684
8717
  "attributes": [],
7685
8718
  "events": [],
7686
8719
  "js": {
@@ -7689,9 +8722,9 @@
7689
8722
  }
7690
8723
  },
7691
8724
  {
7692
- "name": "header-showcase",
8725
+ "name": "drawer-header-showcase",
7693
8726
  "description": "\n---\n",
7694
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/header-showcase/properties",
8727
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/drawer-header-showcase/properties",
7695
8728
  "attributes": [
7696
8729
  {
7697
8730
  "name": "is-patternhub",
@@ -8146,138 +9179,6 @@
8146
9179
  "events": []
8147
9180
  }
8148
9181
  },
8149
- {
8150
- "name": "navigation-density",
8151
- "description": "\n---\n",
8152
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-density/properties",
8153
- "attributes": [],
8154
- "events": [],
8155
- "js": {
8156
- "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
8157
- "events": []
8158
- }
8159
- },
8160
- {
8161
- "name": "navigation-showcase",
8162
- "description": "\n---\n",
8163
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-showcase/properties",
8164
- "attributes": [
8165
- {
8166
- "name": "is-patternhub",
8167
- "value": { "type": "PatternhubProps[\"isPatternhub\"]" }
8168
- }
8169
- ],
8170
- "events": [],
8171
- "js": {
8172
- "properties": [
8173
- { "name": "rootElement", "type": "HTMLElement" },
8174
- {
8175
- "name": "isPatternhub",
8176
- "type": "PatternhubProps[\"isPatternhub\"]"
8177
- }
8178
- ],
8179
- "events": []
8180
- }
8181
- },
8182
- {
8183
- "name": "navigation-item-active",
8184
- "description": "\n---\n",
8185
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-item-active/properties",
8186
- "attributes": [],
8187
- "events": [],
8188
- "js": {
8189
- "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
8190
- "events": []
8191
- }
8192
- },
8193
- {
8194
- "name": "navigation-item-density",
8195
- "description": "\n---\n",
8196
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-item-density/properties",
8197
- "attributes": [],
8198
- "events": [],
8199
- "js": {
8200
- "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
8201
- "events": []
8202
- }
8203
- },
8204
- {
8205
- "name": "navigation-item-disabled",
8206
- "description": "\n---\n",
8207
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-item-disabled/properties",
8208
- "attributes": [],
8209
- "events": [],
8210
- "js": {
8211
- "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
8212
- "events": []
8213
- }
8214
- },
8215
- {
8216
- "name": "navigation-item-expanded",
8217
- "description": "\n---\n",
8218
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-item-expanded/properties",
8219
- "attributes": [],
8220
- "events": [],
8221
- "js": {
8222
- "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
8223
- "events": []
8224
- }
8225
- },
8226
- {
8227
- "name": "navigation-item-show-icon",
8228
- "description": "\n---\n",
8229
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-item-show-icon/properties",
8230
- "attributes": [],
8231
- "events": [],
8232
- "js": {
8233
- "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
8234
- "events": []
8235
- }
8236
- },
8237
- {
8238
- "name": "navigation-item-width",
8239
- "description": "\n---\n",
8240
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-item-width/properties",
8241
- "attributes": [],
8242
- "events": [],
8243
- "js": {
8244
- "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
8245
- "events": []
8246
- }
8247
- },
8248
- {
8249
- "name": "navigation-item-wrap",
8250
- "description": "\n---\n",
8251
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-item-wrap/properties",
8252
- "attributes": [],
8253
- "events": [],
8254
- "js": {
8255
- "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
8256
- "events": []
8257
- }
8258
- },
8259
- {
8260
- "name": "navigation-item-showcase",
8261
- "description": "\n---\n",
8262
- "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-item-showcase/properties",
8263
- "attributes": [
8264
- {
8265
- "name": "is-patternhub",
8266
- "value": { "type": "PatternhubProps[\"isPatternhub\"]" }
8267
- }
8268
- ],
8269
- "events": [],
8270
- "js": {
8271
- "properties": [
8272
- { "name": "rootElement", "type": "HTMLElement" },
8273
- {
8274
- "name": "isPatternhub",
8275
- "type": "PatternhubProps[\"isPatternhub\"]"
8276
- }
8277
- ],
8278
- "events": []
8279
- }
8280
- },
8281
9182
  {
8282
9183
  "name": "notification-closeable",
8283
9184
  "description": "\n---\n",
@@ -8861,6 +9762,105 @@
8861
9762
  "events": []
8862
9763
  }
8863
9764
  },
9765
+ {
9766
+ "name": "shell-content",
9767
+ "description": "\n---\n",
9768
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/shell-content/properties",
9769
+ "attributes": [],
9770
+ "events": [],
9771
+ "js": {
9772
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
9773
+ "events": []
9774
+ }
9775
+ },
9776
+ {
9777
+ "name": "shell-deep-navigation",
9778
+ "description": "\n---\n",
9779
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/shell-deep-navigation/properties",
9780
+ "attributes": [],
9781
+ "events": [],
9782
+ "js": {
9783
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
9784
+ "events": []
9785
+ }
9786
+ },
9787
+ {
9788
+ "name": "shell-flat-icon",
9789
+ "description": "\n---\n",
9790
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/shell-flat-icon/properties",
9791
+ "attributes": [],
9792
+ "events": [],
9793
+ "js": {
9794
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
9795
+ "events": []
9796
+ }
9797
+ },
9798
+ {
9799
+ "name": "shell-position",
9800
+ "description": "\n---\n",
9801
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/shell-position/properties",
9802
+ "attributes": [],
9803
+ "events": [],
9804
+ "js": {
9805
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
9806
+ "events": []
9807
+ }
9808
+ },
9809
+ {
9810
+ "name": "shell-slots",
9811
+ "description": "\n---\n",
9812
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/shell-slots/properties",
9813
+ "attributes": [],
9814
+ "events": [],
9815
+ "js": {
9816
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
9817
+ "events": []
9818
+ }
9819
+ },
9820
+ {
9821
+ "name": "shell-sub-navigation",
9822
+ "description": "\n---\n",
9823
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/shell-sub-navigation/properties",
9824
+ "attributes": [],
9825
+ "events": [],
9826
+ "js": {
9827
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
9828
+ "events": []
9829
+ }
9830
+ },
9831
+ {
9832
+ "name": "shell-tree-navigation",
9833
+ "description": "\n---\n",
9834
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/shell-tree-navigation/properties",
9835
+ "attributes": [],
9836
+ "events": [],
9837
+ "js": {
9838
+ "properties": [{ "name": "rootElement", "type": "HTMLElement" }],
9839
+ "events": []
9840
+ }
9841
+ },
9842
+ {
9843
+ "name": "shell-showcase",
9844
+ "description": "\n---\n",
9845
+ "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/shell-showcase/properties",
9846
+ "attributes": [
9847
+ {
9848
+ "name": "is-patternhub",
9849
+ "value": { "type": "PatternhubProps[\"isPatternhub\"]" }
9850
+ }
9851
+ ],
9852
+ "events": [],
9853
+ "js": {
9854
+ "properties": [
9855
+ { "name": "rootElement", "type": "HTMLElement" },
9856
+ {
9857
+ "name": "isPatternhub",
9858
+ "type": "PatternhubProps[\"isPatternhub\"]"
9859
+ }
9860
+ ],
9861
+ "events": []
9862
+ }
9863
+ },
8864
9864
  {
8865
9865
  "name": "stack-alignment-column",
8866
9866
  "description": "\n---\n",