@sbb-esta/lyne-elements 4.10.0 → 4.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (576) hide show
  1. package/autocomplete/autocomplete-base-element.js +1 -1
  2. package/autocomplete/autocomplete.component.js +3 -2
  3. package/{autocomplete-base-element-DarHnnYC.js → autocomplete-base-element-De2O5Wx-.js} +14 -9
  4. package/autocomplete.js +1 -1
  5. package/autocomplete.pure.js +1 -1
  6. package/{block-link-common-DzGY49Xc.js → block-link-common-1kRa_czx.js} +1 -1
  7. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
  8. package/breadcrumb/breadcrumb-group.js +1 -1
  9. package/{breadcrumb-group.component-Cc6CHbVy.js → breadcrumb-group.component-CKNsaUqs.js} +1 -1
  10. package/breadcrumb.js +1 -1
  11. package/breadcrumb.pure.js +1 -1
  12. package/button/common/button-common.js +1 -1
  13. package/button/common.js +1 -1
  14. package/button-common-BMEhm-dn.js +87 -0
  15. package/button.js +1 -1
  16. package/button.pure.js +1 -1
  17. package/calendar/calendar/calendar.component.js +1 -1
  18. package/calendar/calendar.js +1 -1
  19. package/{calendar.component-DhmaJt2k.js → calendar.component-C1jk_uE0.js} +5 -5
  20. package/calendar.js +1 -1
  21. package/calendar.pure.js +1 -1
  22. package/card/card-badge/card-badge.component.js +1 -1
  23. package/card/card-badge.js +1 -1
  24. package/{card-badge.component-BSOEYrN4.js → card-badge.component-D0r2iixU.js} +1 -1
  25. package/card.js +1 -1
  26. package/card.pure.js +1 -1
  27. package/checkbox/checkbox.component.js +1 -1
  28. package/checkbox/checkbox.js +1 -1
  29. package/checkbox/common/checkbox-common.js +1 -1
  30. package/checkbox/common.js +1 -1
  31. package/{checkbox-common-DdieysTG.js → checkbox-common-BpW4_bbi.js} +1 -1
  32. package/{checkbox.component-ROzxEnPh.js → checkbox.component-DS48CA_v.js} +1 -1
  33. package/checkbox.js +2 -2
  34. package/checkbox.pure.js +2 -2
  35. package/chip/chip-group/chip-group.component.js +1 -1
  36. package/chip/chip-group.js +1 -1
  37. package/{chip-group.component-DJzUToem.js → chip-group.component-BqBYzfXA.js} +1 -1
  38. package/chip.js +1 -1
  39. package/chip.pure.js +1 -1
  40. package/{compact-paginator.component-Cyi-t_YD.js → compact-paginator.component-BIAPutro.js} +1 -1
  41. package/core/base-elements/element.js +1 -1
  42. package/core/controllers/overlay-position-controller.js +4 -1
  43. package/core/mixins/named-slot-list-mixin.js +4 -1
  44. package/core/styles/core.scss +62 -77
  45. package/core/styles/mixins/helpers.scss +3 -3
  46. package/core/styles/mixins/overlay.scss +2 -2
  47. package/core/styles/mixins/table.scss +18 -19
  48. package/core/styles/mixins/typo.scss +2 -2
  49. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss +8 -0
  50. package/core/styles/theme.scss +3 -1
  51. package/core.css +177 -73
  52. package/custom-elements.json +1387 -1092
  53. package/development/autocomplete/autocomplete-base-element.d.ts +8 -1
  54. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  55. package/development/autocomplete/autocomplete-base-element.js +1 -1
  56. package/development/autocomplete/autocomplete.component.js +4 -3
  57. package/development/autocomplete-base-element-BpCpYcX9.js +692 -0
  58. package/development/autocomplete.js +1 -1
  59. package/development/autocomplete.pure.js +1 -1
  60. package/development/{block-link-common-GckvjULA.js → block-link-common-COY1RI1I.js} +2 -2
  61. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
  62. package/development/breadcrumb/breadcrumb-group.js +1 -1
  63. package/development/breadcrumb-group.component-DZslNBlB.js +195 -0
  64. package/development/breadcrumb.js +1 -1
  65. package/development/breadcrumb.pure.js +1 -1
  66. package/development/button/common/button-common.js +1 -1
  67. package/development/button/common.js +1 -1
  68. package/development/{button-common-CAu09Yim.js → button-common-7dmrUx4A.js} +3 -3
  69. package/development/button.js +1 -1
  70. package/development/button.pure.js +1 -1
  71. package/development/calendar/calendar/calendar.component.js +1 -1
  72. package/development/calendar/calendar.js +1 -1
  73. package/development/calendar-cell-base-element-BXohfDSl.js +1 -1
  74. package/development/calendar.component-Dg3D2A7k.js +1453 -0
  75. package/development/calendar.js +1 -1
  76. package/development/calendar.pure.js +1 -1
  77. package/development/card/card-badge/card-badge.component.js +1 -1
  78. package/development/card/card-badge.js +1 -1
  79. package/development/card-action-common-1FDHbfeR.js +1 -1
  80. package/development/card-badge.component-CUZIoVbL.js +84 -0
  81. package/development/card.js +1 -1
  82. package/development/card.pure.js +1 -1
  83. package/development/carousel-list.component-L-nYpHcN.js +1 -1
  84. package/development/carousel.component-Dl48ROSf.js +1 -1
  85. package/development/checkbox/checkbox.component.js +1 -1
  86. package/development/checkbox/checkbox.js +1 -1
  87. package/development/checkbox/common/checkbox-common.js +1 -1
  88. package/development/checkbox/common.js +1 -1
  89. package/development/checkbox-common-Dd5uup8K.js +86 -0
  90. package/development/checkbox-group/checkbox-group.component.js +1 -1
  91. package/development/{checkbox.component-D3_FFSys.js → checkbox.component-CFZrwUTA.js} +2 -2
  92. package/development/checkbox.js +2 -2
  93. package/development/checkbox.pure.js +2 -2
  94. package/development/chip/chip-group/chip-group.component.js +1 -1
  95. package/development/chip/chip-group.js +1 -1
  96. package/development/chip-group.component-BVfHWX2-.js +409 -0
  97. package/development/chip.js +1 -1
  98. package/development/chip.pure.js +1 -1
  99. package/development/clock.component-CVPv4mCp.js +1 -1
  100. package/development/compact-paginator.component-5_Q2Reul.js +51 -0
  101. package/development/core/a11y/input-modality-detector.js +1 -1
  102. package/development/core/base-elements/element.d.ts.map +1 -1
  103. package/development/core/base-elements/element.js +2 -5
  104. package/development/core/controllers/media-matchers-controller.js +1 -1
  105. package/development/core/controllers/overlay-position-controller.js +3 -2
  106. package/development/core/datetime/date-adapter.js +1 -1
  107. package/development/core/datetime/native-date-adapter.js +1 -1
  108. package/development/core/datetime/temporal-date-adapter.js +1 -1
  109. package/development/core/eventing/throttle.d.ts +1 -0
  110. package/development/core/eventing/throttle.d.ts.map +1 -1
  111. package/development/core/eventing/throttle.js +2 -1
  112. package/development/core/mixins/disabled-mixin.js +1 -1
  113. package/development/core/mixins/form-associated-checkbox-mixin.js +1 -1
  114. package/development/core/mixins/form-associated-input-mixin.js +1 -1
  115. package/development/core/mixins/form-associated-mixin.js +1 -1
  116. package/development/core/mixins/form-associated-radio-button-mixin.js +1 -1
  117. package/development/core/mixins/named-slot-list-mixin.d.ts.map +1 -1
  118. package/development/core/mixins/named-slot-list-mixin.js +5 -2
  119. package/development/core/mixins/negative-mixin.js +1 -1
  120. package/development/core/mixins/readonly-mixin.js +1 -1
  121. package/development/core/mixins/required-mixin.js +1 -1
  122. package/development/core/testing/event-spy.js +1 -1
  123. package/development/datepicker/common/datepicker-button.d.ts +6 -0
  124. package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
  125. package/development/datepicker/common/datepicker-button.js +1 -1
  126. package/development/datepicker/common.js +1 -1
  127. package/development/datepicker/datepicker/datepicker.component.d.ts +3 -0
  128. package/development/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
  129. package/development/datepicker/datepicker/datepicker.component.js +1 -1
  130. package/development/datepicker/datepicker.js +1 -1
  131. package/development/datepicker-button-CUPeoQgH.js +169 -0
  132. package/development/datepicker.component-D2DxFng_.js +216 -0
  133. package/development/datepicker.js +2 -2
  134. package/development/datepicker.pure.js +2 -2
  135. package/development/dialog/dialog/dialog.component.js +1 -1
  136. package/development/dialog/dialog.js +1 -1
  137. package/development/{dialog.component-TBiL0Sdq.js → dialog.component-DKuR4u-y.js} +2 -2
  138. package/development/dialog.js +1 -1
  139. package/development/dialog.pure.js +1 -1
  140. package/development/error.component-OBpWoVRL.js +55 -0
  141. package/development/expansion-panel/expansion-panel/expansion-panel.component.js +1 -1
  142. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +1 -1
  143. package/development/expansion-panel/expansion-panel-header.js +1 -1
  144. package/development/expansion-panel/expansion-panel.js +1 -1
  145. package/development/expansion-panel-header.component-BEAabEE0.js +85 -0
  146. package/development/{expansion-panel.component-PDUmZe7w.js → expansion-panel.component-CV_IuWZA.js} +2 -2
  147. package/development/expansion-panel.js +2 -2
  148. package/development/expansion-panel.pure.js +2 -2
  149. package/development/file-selector/common/file-selector-common.d.ts.map +1 -1
  150. package/development/file-selector/common/file-selector-common.js +1 -1
  151. package/development/file-selector/common.js +1 -1
  152. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  153. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  154. package/development/file-selector/file-selector-dropzone.js +1 -1
  155. package/development/file-selector-common-C7xIEiV4.js +416 -0
  156. package/development/file-selector-dropzone.component-BAWMZW4F.js +111 -0
  157. package/development/file-selector.js +2 -2
  158. package/development/file-selector.pure.js +2 -2
  159. package/development/footer/footer.component.js +1 -1
  160. package/development/footer.component-BmDkxYW9.js +172 -0
  161. package/development/footer.js +1 -1
  162. package/development/footer.pure.js +1 -1
  163. package/development/form-field/error/error.component.js +1 -1
  164. package/development/form-field/error.js +1 -1
  165. package/development/form-field/form-field/form-field.component.d.ts +6 -0
  166. package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
  167. package/development/form-field/form-field/form-field.component.js +1 -1
  168. package/development/form-field/form-field-clear/form-field-clear.component.d.ts +3 -0
  169. package/development/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
  170. package/development/form-field/form-field-clear/form-field-clear.component.js +4 -1
  171. package/development/form-field/form-field.js +1 -1
  172. package/development/form-field/hint/hint.component.js +1 -1
  173. package/development/form-field.component-BU3Sv2mD.js +707 -0
  174. package/development/form-field.js +3 -3
  175. package/development/form-field.pure.js +3 -3
  176. package/development/header/header/header.component.js +1 -1
  177. package/development/header/header.js +1 -1
  178. package/development/header-action-common-MTYV0dqA.js +1 -1
  179. package/development/header.component-CWJ36jF0.js +340 -0
  180. package/development/header.js +1 -1
  181. package/development/header.pure.js +1 -1
  182. package/development/hint.component-DUtL0RS3.js +38 -0
  183. package/development/icon/icon-name-mixin.js +1 -1
  184. package/development/image.component-BD0jc-u-.js +1 -1
  185. package/development/link/common/block-link-common.js +1 -1
  186. package/development/link/common.js +1 -1
  187. package/development/link-common-DJ2FfG_Q.js +1 -1
  188. package/development/link-list-base-CKMNz30d.js +1 -1
  189. package/development/link.js +1 -1
  190. package/development/link.pure.js +1 -1
  191. package/development/message/message.component.js +1 -1
  192. package/development/message.component-Dlf5V5ba.js +44 -0
  193. package/development/message.js +1 -1
  194. package/development/message.pure.js +1 -1
  195. package/development/mini-calendar.component-BufzKw74.js +1 -1
  196. package/development/navigation/common/navigation-action-common.js +1 -1
  197. package/development/navigation/common.js +1 -1
  198. package/development/navigation/navigation-marker/navigation-marker.component.js +1 -1
  199. package/development/navigation/navigation-marker.js +1 -1
  200. package/development/navigation/navigation-section/navigation-section.component.js +1 -1
  201. package/development/navigation/navigation-section.js +1 -1
  202. package/development/{navigation-action-common-DpBp7-eZ.js → navigation-action-common-Hjr4dI9J.js} +2 -2
  203. package/development/{navigation-marker.component-BpZdT4xz.js → navigation-marker.component-GOv42emC.js} +2 -2
  204. package/development/{navigation-section.component-CtZtuacK.js → navigation-section.component-CnVrRETN.js} +2 -2
  205. package/development/navigation.component-CTNQ1dix.js +1 -1
  206. package/development/navigation.js +3 -3
  207. package/development/navigation.pure.js +3 -3
  208. package/development/notification/notification.component.js +1 -1
  209. package/development/notification.component-Cvq_uViC.js +274 -0
  210. package/development/notification.js +1 -1
  211. package/development/notification.pure.js +1 -1
  212. package/development/option/option/option-base-element.d.ts.map +1 -1
  213. package/development/option/option/option-base-element.js +3 -1
  214. package/development/option/option/option.component.js +1 -1
  215. package/development/option/option.js +1 -1
  216. package/development/option.component-CRVr0PfV.js +130 -0
  217. package/development/option.js +1 -1
  218. package/development/option.pure.js +1 -1
  219. package/development/paginator/common/paginator-common.js +1 -1
  220. package/development/paginator/compact-paginator/compact-paginator.component.js +1 -1
  221. package/development/paginator/compact-paginator.js +1 -1
  222. package/development/paginator/paginator/paginator.component.js +1 -1
  223. package/development/paginator/paginator.js +1 -1
  224. package/development/paginator.component-Bn5tK0FK.js +259 -0
  225. package/development/paginator.js +2 -2
  226. package/development/paginator.pure.js +2 -2
  227. package/development/panel-mixin-Dj_rsgL9.js +1 -1
  228. package/development/popover/popover.component.d.ts +1 -0
  229. package/development/popover/popover.component.d.ts.map +1 -1
  230. package/development/popover/popover.component.js +1 -1
  231. package/development/popover.component-rZb6B9uW.js +546 -0
  232. package/development/popover.js +1 -1
  233. package/development/popover.pure.js +1 -1
  234. package/development/radio-button/common/radio-button-common.js +1 -1
  235. package/development/radio-button/common.js +1 -1
  236. package/development/radio-button/radio-button.component.js +1 -1
  237. package/development/radio-button/radio-button.js +1 -1
  238. package/development/radio-button-common--d3WX-ZM.js +126 -0
  239. package/development/radio-button-panel/radio-button-panel.component.js +1 -1
  240. package/development/{radio-button.component-BrQF2FfA.js → radio-button.component-BauLEeCV.js} +2 -2
  241. package/development/radio-button.js +2 -2
  242. package/development/radio-button.pure.js +2 -2
  243. package/development/select/select.component.d.ts.map +1 -1
  244. package/development/select/select.component.js +1 -1
  245. package/development/select.component-D9SFG7Lk.js +814 -0
  246. package/development/select.js +1 -1
  247. package/development/select.pure.js +1 -1
  248. package/development/sidebar/sidebar/sidebar.component.d.ts +1 -0
  249. package/development/sidebar/sidebar/sidebar.component.d.ts.map +1 -1
  250. package/development/sidebar/sidebar/sidebar.component.js +1 -1
  251. package/development/sidebar/sidebar.js +1 -1
  252. package/development/sidebar-container.component-BDSoDAym.js +1 -1
  253. package/development/{sidebar.component-DvRTyNry.js → sidebar.component-BLqO52nH.js} +8 -1
  254. package/development/sidebar.js +1 -1
  255. package/development/sidebar.pure.js +1 -1
  256. package/development/slider/slider.component.js +1 -1
  257. package/development/{slider.component-BjfLnUvP.js → slider.component-C3qZB6ar.js} +2 -2
  258. package/development/slider.js +1 -1
  259. package/development/slider.pure.js +1 -1
  260. package/development/status/status.component.js +1 -1
  261. package/development/status.component-CPi1cPN0.js +111 -0
  262. package/development/status.js +1 -1
  263. package/development/status.pure.js +1 -1
  264. package/development/step-label.component-BJ9eainz.js +131 -0
  265. package/development/stepper/step-label/step-label.component.js +1 -1
  266. package/development/stepper/step-label.js +1 -1
  267. package/development/stepper.component-CxOBayI1.js +1 -1
  268. package/development/stepper.js +1 -1
  269. package/development/stepper.pure.js +1 -1
  270. package/development/sticky-bar.component-Dzrdsnxu.js +1 -1
  271. package/development/styles-D8-q-irv.js +1 -1
  272. package/development/styles-Jlhoev1S.js +14 -0
  273. package/development/tab-group.component-DldBA45K.js +275 -0
  274. package/development/{tab-label.component-14j2eh4Z.js → tab-label.component-B9e9kgVf.js} +2 -2
  275. package/development/tabs/common/styles.js +1 -1
  276. package/development/tabs/common.js +1 -1
  277. package/development/tabs/tab-group/tab-group.component.d.ts +1 -0
  278. package/development/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  279. package/development/tabs/tab-group/tab-group.component.js +1 -1
  280. package/development/tabs/tab-group.js +1 -1
  281. package/development/tabs/tab-label/tab-label.component.js +1 -1
  282. package/development/tabs/tab-label.js +1 -1
  283. package/development/tabs.js +3 -3
  284. package/development/tabs.pure.js +3 -3
  285. package/development/tag/tag/tag.component.js +1 -1
  286. package/development/tag/tag.js +1 -1
  287. package/development/tag.component-Bl1nlIXQ.js +245 -0
  288. package/development/tag.js +1 -1
  289. package/development/tag.pure.js +1 -1
  290. package/development/teaser-hero/teaser-hero.component.js +1 -1
  291. package/development/{teaser-hero.component-DNlc8Tbl.js → teaser-hero.component-BIOpoGME.js} +2 -2
  292. package/development/teaser-hero.js +1 -1
  293. package/development/teaser-hero.pure.js +1 -1
  294. package/development/teaser-product-common-DYX370pm.js +1 -1
  295. package/development/time-input.component-BtdSR8kB.js +1 -1
  296. package/development/timetable-form/timetable-form/timetable-form.component.js +1 -1
  297. package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
  298. package/development/timetable-form/timetable-form-details.js +1 -1
  299. package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
  300. package/development/timetable-form/timetable-form-field.js +1 -1
  301. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts +3 -0
  302. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -1
  303. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
  304. package/development/timetable-form/timetable-form-swap-button.js +1 -1
  305. package/development/timetable-form/timetable-form.js +1 -1
  306. package/development/timetable-form-details.component-DJl5Qt9y.js +26 -0
  307. package/development/timetable-form-field.component-DQ_TzcF4.js +44 -0
  308. package/development/{timetable-form-swap-button.component-BUKUjrpl.js → timetable-form-swap-button.component-Bh9aPmdn.js} +4 -1
  309. package/development/timetable-form.component-N8h4JBlH.js +27 -0
  310. package/development/timetable-form.js +4 -4
  311. package/development/timetable-form.pure.js +4 -4
  312. package/development/timetable-occupancy/timetable-occupancy.component.js +1 -1
  313. package/development/timetable-occupancy.component-BBcznUh0.js +124 -0
  314. package/development/timetable-occupancy.js +1 -1
  315. package/development/timetable-occupancy.pure.js +1 -1
  316. package/development/title/title-base.js +1 -1
  317. package/development/title/title.component.js +1 -1
  318. package/development/{title-base-CBE_2Hkb.js → title-base-BdYKwj3-.js} +2 -2
  319. package/development/{title.component-Dk23JVct.js → title.component-DSXVkddh.js} +2 -2
  320. package/development/title.js +2 -2
  321. package/development/title.pure.js +2 -2
  322. package/development/toast/toast.component.js +1 -1
  323. package/development/toast.component-IhHx0Qt3.js +275 -0
  324. package/development/toast.js +1 -1
  325. package/development/toast.pure.js +1 -1
  326. package/development/toggle/toggle/toggle.component.d.ts.map +1 -1
  327. package/development/toggle/toggle/toggle.component.js +1 -1
  328. package/development/toggle/toggle-option/toggle-option.component.d.ts +1 -0
  329. package/development/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
  330. package/development/toggle/toggle-option/toggle-option.component.js +1 -1
  331. package/development/toggle/toggle-option.js +1 -1
  332. package/development/toggle/toggle.js +1 -1
  333. package/development/toggle-check/toggle-check.component.js +1 -1
  334. package/development/toggle-check.component-_fDAuLob.js +159 -0
  335. package/development/toggle-check.js +1 -1
  336. package/development/toggle-check.pure.js +1 -1
  337. package/development/toggle-option.component-DTS3a603.js +167 -0
  338. package/development/toggle.component-BJpD1b9H.js +249 -0
  339. package/development/toggle.js +2 -2
  340. package/development/toggle.pure.js +2 -2
  341. package/development/tooltip/tooltip.component.js +1 -1
  342. package/development/tooltip.component-YaUQA-Id.js +378 -0
  343. package/development/tooltip.js +1 -1
  344. package/development/tooltip.pure.js +1 -1
  345. package/development/train/train-wagon/train-wagon.component.js +1 -1
  346. package/development/train/train-wagon.js +1 -1
  347. package/development/{train-wagon.component-BzA8-S_6.js → train-wagon.component-CNxkffOO.js} +2 -2
  348. package/development/train.js +1 -1
  349. package/development/train.pure.js +1 -1
  350. package/dialog/dialog/dialog.component.js +1 -1
  351. package/dialog/dialog.js +1 -1
  352. package/{dialog.component-B3oQbMki.js → dialog.component-Dv5ch5mh.js} +1 -1
  353. package/dialog.js +1 -1
  354. package/dialog.pure.js +1 -1
  355. package/{error.component-B_D8WUP5.js → error.component-DH9Obd7a.js} +1 -1
  356. package/expansion-panel/expansion-panel/expansion-panel.component.js +1 -1
  357. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +1 -1
  358. package/expansion-panel/expansion-panel-header.js +1 -1
  359. package/expansion-panel/expansion-panel.js +1 -1
  360. package/{expansion-panel-header.component-B_dQ3ZWT.js → expansion-panel-header.component-FPoEEoZR.js} +1 -1
  361. package/{expansion-panel.component-BJCjwcoj.js → expansion-panel.component-DBnZ6IgB.js} +1 -1
  362. package/expansion-panel.js +2 -2
  363. package/expansion-panel.pure.js +2 -2
  364. package/file-selector/common/file-selector-common.js +1 -1
  365. package/file-selector/common.js +1 -1
  366. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  367. package/file-selector/file-selector-dropzone.js +1 -1
  368. package/{file-selector-common-DN4vHMpP.js → file-selector-common-BL9mM4SZ.js} +38 -40
  369. package/{file-selector-dropzone.component-CBKsZsC2.js → file-selector-dropzone.component-Ctar2kEw.js} +3 -4
  370. package/file-selector.js +2 -2
  371. package/file-selector.pure.js +2 -2
  372. package/footer/footer.component.js +1 -1
  373. package/{footer.component-BM91Utiz.js → footer.component-b2docCY_.js} +1 -1
  374. package/footer.js +1 -1
  375. package/footer.pure.js +1 -1
  376. package/form-field/error/error.component.js +1 -1
  377. package/form-field/error.js +1 -1
  378. package/form-field/form-field/form-field.component.js +1 -1
  379. package/form-field/form-field.js +1 -1
  380. package/form-field/hint/hint.component.js +1 -1
  381. package/{form-field.component-D50q1wC0.js → form-field.component-BwZDRKbQ.js} +17 -16
  382. package/form-field.js +3 -3
  383. package/form-field.pure.js +3 -3
  384. package/header/header/header.component.js +1 -1
  385. package/header/header.js +1 -1
  386. package/{header.component-hZqs06Yh.js → header.component-UQUFcMOD.js} +1 -1
  387. package/header.js +1 -1
  388. package/header.pure.js +1 -1
  389. package/{hint.component-BVUUrSSu.js → hint.component-CE2D2TLU.js} +1 -1
  390. package/link/common/block-link-common.js +1 -1
  391. package/link/common.js +1 -1
  392. package/link.js +1 -1
  393. package/link.pure.js +1 -1
  394. package/message/message.component.js +1 -1
  395. package/message.component-DhN-aFms.js +27 -0
  396. package/message.js +1 -1
  397. package/message.pure.js +1 -1
  398. package/navigation/common/navigation-action-common.js +1 -1
  399. package/navigation/common.js +1 -1
  400. package/navigation/navigation-marker/navigation-marker.component.js +1 -1
  401. package/navigation/navigation-marker.js +1 -1
  402. package/navigation/navigation-section/navigation-section.component.js +1 -1
  403. package/navigation/navigation-section.js +1 -1
  404. package/{navigation-action-common-2ix0xrBs.js → navigation-action-common-AzRltwrb.js} +1 -1
  405. package/{navigation-marker.component-DKxK16IU.js → navigation-marker.component-BzbbKlfT.js} +1 -1
  406. package/{navigation-section.component-CvjXVn5r.js → navigation-section.component-DQxCi3O_.js} +1 -1
  407. package/navigation.js +3 -3
  408. package/navigation.pure.js +3 -3
  409. package/notification/notification.component.js +1 -1
  410. package/{notification.component-DjXJFh1G.js → notification.component-D80Wl5xM.js} +1 -1
  411. package/notification.js +1 -1
  412. package/notification.pure.js +1 -1
  413. package/off-brand-theme.css +209 -110
  414. package/option/option/option-base-element.js +1 -1
  415. package/option/option/option.component.js +1 -1
  416. package/option/option.js +1 -1
  417. package/{option.component-M-V_tdSC.js → option.component-2Xf1hz7y.js} +1 -1
  418. package/option.js +1 -1
  419. package/option.pure.js +1 -1
  420. package/package.json +1 -1
  421. package/paginator/compact-paginator/compact-paginator.component.js +1 -1
  422. package/paginator/compact-paginator.js +1 -1
  423. package/paginator/paginator/paginator.component.js +1 -1
  424. package/paginator/paginator.js +1 -1
  425. package/{paginator.component-CZt7Epaf.js → paginator.component-BEr0qU0m.js} +1 -1
  426. package/paginator.js +2 -2
  427. package/paginator.pure.js +2 -2
  428. package/popover/popover.component.js +1 -1
  429. package/{popover.component-DWNuW4wM.js → popover.component-DAgwBcBW.js} +32 -28
  430. package/popover.js +1 -1
  431. package/popover.pure.js +1 -1
  432. package/radio-button/common/radio-button-common.js +1 -1
  433. package/radio-button/common.js +1 -1
  434. package/radio-button/radio-button.component.js +1 -1
  435. package/radio-button/radio-button.js +1 -1
  436. package/{radio-button-common-DP4Izwwf.js → radio-button-common-C1mIf9KY.js} +1 -1
  437. package/{radio-button.component-BiGeOI5L.js → radio-button.component-Bae-yK_U.js} +1 -1
  438. package/radio-button.js +2 -2
  439. package/radio-button.pure.js +2 -2
  440. package/safety-theme.css +209 -110
  441. package/select/select.component.js +1 -1
  442. package/{select.component-DWLdApt_.js → select.component-BT6RbERH.js} +3 -3
  443. package/select.js +1 -1
  444. package/select.pure.js +1 -1
  445. package/sidebar/sidebar/sidebar.component.js +1 -1
  446. package/sidebar/sidebar.js +1 -1
  447. package/{sidebar.component-DxOx02l6.js → sidebar.component-Dsx1FAg0.js} +5 -3
  448. package/sidebar.js +1 -1
  449. package/sidebar.pure.js +1 -1
  450. package/slider/slider.component.js +1 -1
  451. package/{slider.component-CoqCppCq.js → slider.component-BlRVR6iU.js} +1 -1
  452. package/slider.js +1 -1
  453. package/slider.pure.js +1 -1
  454. package/standard-theme.css +209 -110
  455. package/status/status.component.js +1 -1
  456. package/{status.component-BFyXTFXH.js → status.component-lw_WDs7W.js} +1 -1
  457. package/status.js +1 -1
  458. package/status.pure.js +1 -1
  459. package/step-label.component-Dqis4FAN.js +80 -0
  460. package/stepper/step-label/step-label.component.js +1 -1
  461. package/stepper/step-label.js +1 -1
  462. package/stepper.js +1 -1
  463. package/stepper.pure.js +1 -1
  464. package/styles-BNu0Fjw5.js +5 -0
  465. package/{tab-group.component-Doy39cEh.js → tab-group.component-CHQlrhUy.js} +36 -33
  466. package/{tab-label.component-CD56RH1Z.js → tab-label.component-CpdUyfiq.js} +1 -1
  467. package/table.css +32 -37
  468. package/tabs/common/styles.js +1 -1
  469. package/tabs/common.js +1 -1
  470. package/tabs/tab-group/tab-group.component.js +1 -1
  471. package/tabs/tab-group.js +1 -1
  472. package/tabs/tab-label/tab-label.component.js +1 -1
  473. package/tabs/tab-label.js +1 -1
  474. package/tabs.js +3 -3
  475. package/tabs.pure.js +3 -3
  476. package/tag/tag/tag.component.js +1 -1
  477. package/tag/tag.js +1 -1
  478. package/{tag.component-CzYJZuFT.js → tag.component-CsNszQvB.js} +1 -1
  479. package/tag.js +1 -1
  480. package/tag.pure.js +1 -1
  481. package/teaser-hero/teaser-hero.component.js +1 -1
  482. package/{teaser-hero.component-CHy82SKQ.js → teaser-hero.component-D8yj-N5n.js} +1 -1
  483. package/teaser-hero.js +1 -1
  484. package/teaser-hero.pure.js +1 -1
  485. package/timetable-form/timetable-form/timetable-form.component.js +1 -1
  486. package/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
  487. package/timetable-form/timetable-form-details.js +1 -1
  488. package/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
  489. package/timetable-form/timetable-form-field.js +1 -1
  490. package/timetable-form/timetable-form.js +1 -1
  491. package/timetable-form-details.component-mWKaBW_9.js +16 -0
  492. package/timetable-form-field.component-Cv_lv8vf.js +32 -0
  493. package/{timetable-form.component-CU1FXAZH.js → timetable-form.component-YcvKAlfz.js} +1 -1
  494. package/timetable-form.js +3 -3
  495. package/timetable-form.pure.js +3 -3
  496. package/timetable-occupancy/timetable-occupancy.component.js +1 -1
  497. package/{timetable-occupancy.component-Db9SfiyD.js → timetable-occupancy.component-BCXPxz68.js} +1 -1
  498. package/timetable-occupancy.js +1 -1
  499. package/timetable-occupancy.pure.js +1 -1
  500. package/title/title-base.js +1 -1
  501. package/title/title.component.js +1 -1
  502. package/{title-base-D72Xo2SW.js → title-base-DV0qhfG9.js} +1 -1
  503. package/{title.component-CoMa84Sz.js → title.component-DAGyXwDm.js} +1 -1
  504. package/title.js +2 -2
  505. package/title.pure.js +2 -2
  506. package/toast/toast.component.js +1 -1
  507. package/{toast.component-BDE1vYLS.js → toast.component-CORnf2Tl.js} +3 -3
  508. package/toast.js +1 -1
  509. package/toast.pure.js +1 -1
  510. package/toggle/toggle/toggle.component.js +1 -1
  511. package/toggle/toggle-option/toggle-option.component.js +1 -1
  512. package/toggle/toggle-option.js +1 -1
  513. package/toggle/toggle.js +1 -1
  514. package/toggle-check/toggle-check.component.js +1 -1
  515. package/toggle-check.component-DvoslSRr.js +119 -0
  516. package/toggle-check.js +1 -1
  517. package/toggle-check.pure.js +1 -1
  518. package/{toggle-option.component-Bw-GXUQK.js → toggle-option.component-pX3tNwjE.js} +5 -7
  519. package/{toggle.component-BPpsMMPG.js → toggle.component-B20xAw1V.js} +6 -10
  520. package/toggle.js +2 -2
  521. package/toggle.pure.js +2 -2
  522. package/tooltip/tooltip.component.js +1 -1
  523. package/{tooltip.component-BY9mV5Sw.js → tooltip.component-ocVpJogs.js} +1 -1
  524. package/tooltip.js +1 -1
  525. package/tooltip.pure.js +1 -1
  526. package/train/train-wagon/train-wagon.component.js +1 -1
  527. package/train/train-wagon.js +1 -1
  528. package/{train-wagon.component-BwCcF4GD.js → train-wagon.component-BT4Xnzxr.js} +1 -1
  529. package/train.js +1 -1
  530. package/train.pure.js +1 -1
  531. package/button-common-yFVzAoGy.js +0 -87
  532. package/core/styles/table.scss +0 -156
  533. package/development/autocomplete-base-element-YwfObJzm.js +0 -678
  534. package/development/breadcrumb-group.component-B3Shlng3.js +0 -195
  535. package/development/calendar.component-6p9vsp-V.js +0 -1452
  536. package/development/card-badge.component-D4Mes-Gw.js +0 -84
  537. package/development/checkbox-common-DiTlHvFJ.js +0 -86
  538. package/development/chip-group.component-CvpUdzu1.js +0 -409
  539. package/development/compact-paginator.component-TfDVt_ST.js +0 -51
  540. package/development/datepicker-button-CANzGO5m.js +0 -163
  541. package/development/datepicker.component-C8XQVo45.js +0 -213
  542. package/development/error.component-xD_c9IBA.js +0 -55
  543. package/development/expansion-panel-header.component-Bw4uROTe.js +0 -85
  544. package/development/file-selector-common-C82QR3zb.js +0 -418
  545. package/development/file-selector-dropzone.component-B-cBO4bf.js +0 -112
  546. package/development/footer.component-BblB5218.js +0 -172
  547. package/development/form-field.component-BEXX0OcL.js +0 -702
  548. package/development/header.component-Cg0ZcA1s.js +0 -340
  549. package/development/hint.component-BsIzdUOV.js +0 -38
  550. package/development/message.component-CeJhYXSC.js +0 -44
  551. package/development/notification.component-Co9QChXc.js +0 -274
  552. package/development/option.component-CdL7fdzZ.js +0 -130
  553. package/development/paginator.component-DAdS2mMm.js +0 -259
  554. package/development/popover.component-BCMdJBUR.js +0 -537
  555. package/development/radio-button-common-C3-xuY78.js +0 -126
  556. package/development/select.component-CGNEhqzl.js +0 -812
  557. package/development/status.component-CHC2pBa-.js +0 -111
  558. package/development/step-label.component-CJFPHIZa.js +0 -131
  559. package/development/styles-DCQBzC2C.js +0 -14
  560. package/development/tab-group.component-DRipdAyc.js +0 -272
  561. package/development/tag.component-CnNPL6aI.js +0 -245
  562. package/development/timetable-form-details.component-C8awcdP5.js +0 -26
  563. package/development/timetable-form-field.component-BI24VjkC.js +0 -44
  564. package/development/timetable-form.component-CUG86CSN.js +0 -27
  565. package/development/timetable-occupancy.component-D_PXXvI9.js +0 -124
  566. package/development/toast.component-BnbpuU9L.js +0 -274
  567. package/development/toggle-check.component-BG4w_sE8.js +0 -159
  568. package/development/toggle-option.component-D-F7Fh7i.js +0 -168
  569. package/development/toggle.component-BFYLRN8o.js +0 -254
  570. package/development/tooltip.component-DzSd9VjW.js +0 -378
  571. package/message.component-BQjnZ5Z3.js +0 -27
  572. package/step-label.component-DnQBwnL8.js +0 -80
  573. package/styles-BUpK1iP2.js +0 -5
  574. package/timetable-form-details.component-CBZ7QSAx.js +0 -16
  575. package/timetable-form-field.component-BKxQQqt7.js +0 -32
  576. package/toggle-check.component-B6Ww5pLD.js +0 -119
package/off-brand-theme.css CHANGED
@@ -226,6 +226,7 @@ slot[name=error]::slotted(*) {
226
226
  transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
227
227
  font-size: var(--sbb-tab-label-font-size);
228
228
  letter-spacing: var(--sbb-typo-letter-spacing-text);
229
+ line-height: var(--sbb-typo-line-height-text);
229
230
  font-weight: var(--sbb-tab-label-font-weight);
230
231
  text-decoration: var(--sbb-tab-label-text-decoration);
231
232
  }
@@ -1087,6 +1088,12 @@ slot[name=error]::slotted(*) {
1087
1088
  --sbb-color-4-negative: var(--sbb-color-cloud);
1088
1089
  --sbb-color-4-negative-inverted: var(--sbb-color-iron);
1089
1090
  --sbb-color-5: var(--sbb-color-smoke);
1091
+ --sbb-color-6: var(--sbb-color-anthracite);
1092
+ --sbb-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
1093
+ --sbb-color-6-inverted: var(--sbb-color-platinum);
1094
+ --sbb-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
1095
+ --sbb-color-6-negative: var(--sbb-color-platinum);
1096
+ --sbb-color-6-negative-inverted: var(--sbb-color-anthracite);
1090
1097
  --sbb-border-color-1: var(--sbb-color-midnight);
1091
1098
  --sbb-border-color-1: light-dark(var(--sbb-color-midnight), var(--sbb-color-white));
1092
1099
  --sbb-border-color-1-inverted: var(--sbb-color-white);
@@ -1112,6 +1119,12 @@ slot[name=error]::slotted(*) {
1112
1119
  --sbb-border-color-4-negative: var(--sbb-color-cloud);
1113
1120
  --sbb-border-color-4-negative-inverted: var(--sbb-color-iron);
1114
1121
  --sbb-border-color-5: var(--sbb-color-smoke);
1122
+ --sbb-border-color-6: var(--sbb-color-anthracite);
1123
+ --sbb-border-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
1124
+ --sbb-border-color-6-inverted: var(--sbb-color-platinum);
1125
+ --sbb-border-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
1126
+ --sbb-border-color-6-negative: var(--sbb-color-platinum);
1127
+ --sbb-border-color-6-negative-inverted: var(--sbb-color-anthracite);
1115
1128
  --sbb-shadow-color-soft-1: color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent);
1116
1129
  --sbb-shadow-color-soft-1: light-dark(
1117
1130
  color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent),
@@ -1523,6 +1536,14 @@ slot[name=error]::slotted(*) {
1523
1536
  --sbb-expansion-panel-header-padding-inline-s: var(--sbb-spacing-fixed-5x);
1524
1537
  --sbb-expansion-panel-header-padding-inline-l: var(--sbb-spacing-fixed-6x);
1525
1538
  --sbb-expansion-panel-header-padding-inline-default: var(--sbb-expansion-panel-header-padding-inline-l);
1539
+ --sbb-file-selector-color: var(--sbb-color-2);
1540
+ --sbb-file-selector-subtitle-color: var(--sbb-color-granite);
1541
+ --sbb-file-selector-subtitle-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
1542
+ --sbb-file-selector-background-color: var(--sbb-background-color-1);
1543
+ --sbb-file-selector-border-color: var(--sbb-border-color-4-inverted);
1544
+ --sbb-file-selector-transition-easing-function: var(--sbb-animation-easing);
1545
+ --_sbb-file-selector-dropzone-icon-medium-display: block;
1546
+ --_sbb-file-selector-dropzone-icon-small-display: none;
1526
1547
  --sbb-flip-card-background-color: var(--sbb-background-color-4);
1527
1548
  --sbb-flip-card-border: var(--sbb-border-width-2x);
1528
1549
  --sbb-flip-card-border-radius: var(--sbb-border-radius-4x);
@@ -1660,7 +1681,8 @@ slot[name=error]::slotted(*) {
1660
1681
  --sbb-notification-close-wrapper-gap: var(--sbb-spacing-responsive-xxs);
1661
1682
  --sbb-option-color: var(--sbb-color-3);
1662
1683
  --sbb-option-background-color: inherit;
1663
- --sbb-option-background-color-hover: var(--sbb-background-color-3);
1684
+ --sbb-option-background-color-hover: var(--sbb-color-milk);
1685
+ --sbb-option-background-color-hover: light-dark(var(--sbb-color-milk), var(--sbb-color-midnight));
1664
1686
  --sbb-option-background-color-active: var(--sbb-background-color-4);
1665
1687
  --sbb-option-disabled-border-color: var(--sbb-color-graphite);
1666
1688
  --sbb-option-disabled-border-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-smoke));
@@ -1696,7 +1718,7 @@ slot[name=error]::slotted(*) {
1696
1718
  --sbb-overlay-container-display: none;
1697
1719
  --sbb-options-panel-border-radius: var(--sbb-border-radius-4x);
1698
1720
  --sbb-options-panel-animation-timing-function: ease;
1699
- --sbb-options-panel-background-color: var(--sbb-background-color-1);
1721
+ --sbb-options-panel-background-color: var(--sbb-background-color-2);
1700
1722
  --sbb-options-panel-divider-margin-block: var(--sbb-spacing-fixed-3x);
1701
1723
  --sbb-options-panel-padding-block: var(--sbb-spacing-fixed-2x);
1702
1724
  --sbb-paginator-height: var(--sbb-size-element-m);
@@ -1716,7 +1738,7 @@ slot[name=error]::slotted(*) {
1716
1738
  --sbb-popover-max-width: calc(100% - var(--sbb-spacing-fixed-2x));
1717
1739
  --sbb-popover-border-radius: var(--sbb-border-radius-8x);
1718
1740
  --sbb-popover-padding: var(--sbb-spacing-fixed-4x);
1719
- --sbb-popover-background: var(--sbb-background-color-1);
1741
+ --sbb-popover-background: var(--sbb-background-color-2);
1720
1742
  --sbb-popover-animation-easing: ease-out;
1721
1743
  --sbb-radio-button-label-gap: var(--sbb-spacing-fixed-2x);
1722
1744
  --sbb-radio-button-label-color: var(--sbb-color-3);
@@ -1762,6 +1784,11 @@ slot[name=error]::slotted(*) {
1762
1784
  --sbb-signet-panel-color: var(--sbb-color-brand);
1763
1785
  --sbb-signet-icon-color: var(--sbb-color-white);
1764
1786
  --sbb-signet-aspect-ratio: 2 / 1;
1787
+ --sbb-select-placeholder-fallback-color: var(--sbb-color-metal);
1788
+ --sbb-select-placeholder-fallback-color: light-dark(
1789
+ var(--sbb-color-metal),
1790
+ var(--sbb-color-smoke)
1791
+ );
1765
1792
  --sbb-slider-line-height: 0.25rem;
1766
1793
  --sbb-slider-knob-size: 1.75rem;
1767
1794
  --sbb-slider-knob-size-active: 1.9375rem;
@@ -1847,6 +1874,7 @@ slot[name=error]::slotted(*) {
1847
1874
  --sbb-teaser-gap: var(--sbb-spacing-fixed-4x);
1848
1875
  --sbb-teaser-border-radius: var(--sbb-border-radius-4x);
1849
1876
  --sbb-teaser-image-width: 18.75rem;
1877
+ --sbb-teaser-hero-link-font-weight: 400;
1850
1878
  --sbb-teaser-product-background-color: var(--sbb-color-cloud);
1851
1879
  --sbb-teaser-product-background-color: light-dark(
1852
1880
  var(--sbb-color-cloud),
@@ -1869,6 +1897,80 @@ slot[name=error]::slotted(*) {
1869
1897
  --sbb-teaser-product-footer-font-size: var(--sbb-text-font-size-xxs);
1870
1898
  --sbb-teaser-product-footer-padding-block-start: var(--sbb-spacing-responsive-s);
1871
1899
  --sbb-teaser-product-footer-padding-block-end: 0;
1900
+ --sbb-timetable-form-background-color: var(--sbb-background-color-1);
1901
+ --sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);
1902
+ --sbb-timetable-form-details-border-block-start: var(--sbb-border-width-1x) solid
1903
+ var(--sbb-border-color-4-inverted);
1904
+ --sbb-timetable-form-details-gap: var(--sbb-spacing-fixed-1x);
1905
+ --sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);
1906
+ --sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);
1907
+ --sbb-timetable-form-details-horizontal-divider-height: 1.5rem;
1908
+ --sbb-timetable-form-field-route-icon-color: var(--sbb-color-2);
1909
+ --sbb-timetable-form-field-route-icon-background-color: var(--sbb-background-color-1);
1910
+ --sbb-timetable-form-field-route-via-icon-width: var(--sbb-size-icon-ui-small);
1911
+ --sbb-timetable-form-field-route-via-after-dimension: 0.4375rem;
1912
+ --sbb-timetable-occupancy-color: var(--sbb-color-2);
1913
+ --sbb-timetable-occupancy-font-size: var(--sbb-text-font-size-s);
1914
+ --sbb-timetable-occupancy-list-gap: var(--sbb-spacing-fixed-2x);
1915
+ --sbb-timetable-occupancy-item-gap: var(--sbb-spacing-fixed-1x);
1916
+ --sbb-time-input-max-width: 3.625rem;
1917
+ --sbb-toggle-check-font-size: var(--sbb-text-font-size-s);
1918
+ --sbb-toggle-check-color: var(--sbb-color-2);
1919
+ --sbb-toggle-check-checked-color: var(--sbb-color-primary);
1920
+ --sbb-toggle-check-background-color: var(--sbb-background-color-4);
1921
+ --sbb-toggle-check-icon-color: var(--sbb-toggle-check-checked-color);
1922
+ --sbb-toggle-check-circle-background-color: var(--sbb-background-color-1);
1923
+ --sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);
1924
+ --sbb-toggle-check-circle-border-style: solid;
1925
+ --sbb-toggle-check-circle-diameter: 1.75rem;
1926
+ --sbb-toggle-check-height: var(--sbb-size-icon-ui-small);
1927
+ --sbb-toggle-check-cursor: var(--sbb-cursor-pointer);
1928
+ --sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);
1929
+ --sbb-toggle-check-border-width: var(--sbb-border-width-1x);
1930
+ --sbb-toggle-check-border-radius: var(--sbb-border-radius-4x);
1931
+ --sbb-toggle-check-shadow: var(--sbb-box-shadow-level-5-hard);
1932
+ --sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xs);
1933
+ --sbb-toggle-height: var(--sbb-size-element-m);
1934
+ --sbb-toggle-background-color: var(--sbb-background-color-4);
1935
+ --sbb-toggle-background-inset: 0.125rem;
1936
+ --sbb-toggle-border-radius: var(--sbb-border-radius-infinity);
1937
+ --sbb-toggle-font-size: var(--sbb-text-font-size-m);
1938
+ --sbb-toggle-grid-template-columns: auto auto;
1939
+ --sbb-toggle-selected-option-border-width: var(--sbb-border-width-1x);
1940
+ --sbb-toggle-selected-option-border-style: solid;
1941
+ --sbb-toggle-selected-option-border-color: var(--sbb-border-color-5);
1942
+ --sbb-toggle-selected-option-background-color: var(--sbb-background-color-1);
1943
+ --sbb-toggle-option-color: var(--sbb-color-anthracite);
1944
+ --sbb-toggle-option-color: light-dark(var(--sbb-color-anthracite), var(--sbb-color-cloud));
1945
+ --sbb-toggle-option-gap: var(--sbb-spacing-fixed-1x);
1946
+ --sbb-toggle-option-font-size: var(--sbb-text-font-size-xs);
1947
+ --sbb-toggle-option-icon-min-size: var(--sbb-size-icon-ui-small);
1948
+ --sbb-tooltip-animation-easing: ease-out;
1949
+ --sbb-tooltip-animation-translate: 0 var(--sbb-spacing-fixed-2x);
1950
+ --sbb-tooltip-background-color: var(--sbb-background-color-1-inverted);
1951
+ --sbb-tooltip-color: var(--sbb-color-2-inverted);
1952
+ --sbb-tooltip-border-color: var(--sbb-background-color-1-inverted);
1953
+ --sbb-tooltip-border-radius: var(--sbb-border-radius-8x);
1954
+ --sbb-tooltip-font-size: var(--sbb-text-font-size-xs);
1955
+ --sbb-tooltip-gap: var(--sbb-spacing-fixed-2x);
1956
+ --sbb-tooltip-min-width: var(--sbb-spacing-fixed-8x);
1957
+ --sbb-tooltip-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
1958
+ --sbb-overlay-position-area: block-start;
1959
+ --sbb-overlay-position-try-fallbacks:
1960
+ block-start span-inline-end, block-start span-inline-start, block-end,
1961
+ block-end span-inline-end, block-end span-inline-start;
1962
+ --sbb-toast-max-width: 25rem;
1963
+ --sbb-toast-animation-timing-function: ease;
1964
+ --sbb-toast-text-color: var(--sbb-color-3-inverted);
1965
+ --sbb-toast-background-color: var(--sbb-background-color-1-inverted);
1966
+ --sbb-toast-margin: var(--sbb-spacing-responsive-s);
1967
+ --sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);
1968
+ --sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);
1969
+ --sbb-toast-border-radius: var(--sbb-border-radius-4x);
1970
+ --sbb-toast-container-position: fixed;
1971
+ --sbb-toast-horizontal-position: initial;
1972
+ --sbb-toast-vertical-position: initial;
1973
+ --sbb-toast-gap: var(--sbb-spacing-fixed-2x);
1872
1974
  --sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m);
1873
1975
  --sbb-visual-checkbox-selection-color: var(--sbb-color-primary);
1874
1976
  --sbb-visual-checkbox-selection-color-negative: var(--sbb-color-primary85);
@@ -1931,17 +2033,20 @@ slot[name=error]::slotted(*) {
1931
2033
  --sbb-tag-text-color: ButtonText;
1932
2034
  --sbb-tag-border-color: CanvasText;
1933
2035
  --sbb-tag-border-width: var(--sbb-border-width-2x);
2036
+ --sbb-toggle-check-background-color: CanvasText;
2037
+ --sbb-toggle-check-circle-background-color: Canvas;
2038
+ --sbb-toggle-selected-option-border-width: var(--sbb-border-width-2x);
2039
+ --sbb-toggle-selected-option-border-color: Highlight;
1934
2040
  }
1935
2041
  }
1936
2042
  :root {
1937
2043
  --sbb-train-formation-wagon-width: 5rem;
1938
2044
  --sbb-train-formation-wagon-height: 2.5rem;
1939
2045
  --sbb-train-formation-wagon-gap: var(--sbb-spacing-fixed-1x);
1940
- --sbb-time-input-max-width: 3.625rem;
1941
2046
  --sbb-overlay-default-z-index: 1000;
1942
2047
  --sbb-cursor-default: default;
1943
2048
  --sbb-cursor-pointer: pointer;
1944
- --sbb-border-radius-infinity: 100000em;
2049
+ --sbb-border-radius-infinity: calc(infinity * 1px);
1945
2050
  }
1946
2051
  :root.sbb-lean {
1947
2052
  --sbb-title-font-size-level-1-lean: var(--sbb-heading-font-size-2);
@@ -2040,13 +2145,11 @@ slot[name=error]::slotted(*) {
2040
2145
  --sbb-teaser-product-footer-padding-block-start: var(--sbb-spacing-responsive-xs);
2041
2146
  --sbb-teaser-product-footer-padding-block-end: var(--sbb-spacing-responsive-xs);
2042
2147
  --sbb-teaser-product-footer-min-height: var(--sbb-teaser-product-container-spacing);
2148
+ --sbb-time-input-max-width: 4.0625rem;
2043
2149
  }
2044
2150
  :root.sbb-lean {
2045
2151
  --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-875x);
2046
2152
  }
2047
- :root {
2048
- --sbb-time-input-max-width: 4.0625rem;
2049
- }
2050
2153
  }
2051
2154
  @media (min-width: calc(90rem)) {
2052
2155
  :root {
@@ -2140,6 +2243,7 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
2140
2243
  background-color: transparent;
2141
2244
  padding: 0;
2142
2245
  appearance: none;
2246
+ display: flex;
2143
2247
  outline: none !important;
2144
2248
  overflow: var(--sbb-form-field-overflow, hidden);
2145
2249
  width: 100%;
@@ -2185,6 +2289,9 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
2185
2289
  line-height: 1 !important;
2186
2290
  margin-block: calc(0.5 * var(--sbb-form-field-input-text-size) * (var(--sbb-typo-line-height-text) - 1.25));
2187
2291
  }
2292
+ :is(sbb-form-field, sbb-timetable-form-field)[size=s] > :not(sbb-chip-group):has(input, sbb-date-input, sbb-time-input, select, sbb-select) {
2293
+ margin-block-end: -0.125rem;
2294
+ }
2188
2295
  :is(sbb-form-field, sbb-timetable-form-field) :where(textarea) {
2189
2296
  --sbb-scrollbar-thumb-width: 0.125rem;
2190
2297
  --sbb-scrollbar-thumb-width-hover: 0.25rem;
@@ -2326,10 +2433,6 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
2326
2433
  }
2327
2434
  }
2328
2435
 
2329
- sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
2330
- margin-block-start: var(--sbb-header-height);
2331
- }
2332
-
2333
2436
  :root:has(sbb-header[size=m]) {
2334
2437
  --sbb-header-height: var(--sbb-spacing-fixed-14x);
2335
2438
  }
@@ -2346,6 +2449,26 @@ sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
2346
2449
  --sbb-header-height: var(--sbb-spacing-fixed-14x);
2347
2450
  }
2348
2451
  }
2452
+ sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
2453
+ margin-block-start: var(--sbb-header-height);
2454
+ }
2455
+
2456
+ .sbb-header-info {
2457
+ display: flex;
2458
+ padding-inline: var(--sbb-spacing-fixed-4x);
2459
+ gap: var(--sbb-spacing-fixed-1x);
2460
+ align-items: baseline;
2461
+ color: var(--sbb-color-1);
2462
+ font-size: var(--sbb-text-font-size-xs);
2463
+ letter-spacing: var(--sbb-typo-letter-spacing-text);
2464
+ }
2465
+ .sbb-header-info strong + * {
2466
+ font-size: var(--sbb-text-font-size-xxs);
2467
+ letter-spacing: var(--sbb-typo-letter-spacing-text);
2468
+ color: var(--sbb-color-granite);
2469
+ color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
2470
+ }
2471
+
2349
2472
  sbb-icon-sidebar-content + sbb-icon-sidebar :is(sbb-icon-sidebar-link, sbb-icon-sidebar-button) {
2350
2473
  --sbb-icon-sidebar-button__current-border-inset-inline-start: auto;
2351
2474
  }
@@ -2379,6 +2502,20 @@ sbb-message > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
2379
2502
  --sbb-option-hint-padding-block-end: var(--sbb-spacing-fixed-1x);
2380
2503
  }
2381
2504
 
2505
+ .sbb-options-nowrap {
2506
+ --sbb-option-text-overflow: ellipsis;
2507
+ --sbb-option-overflow: hidden;
2508
+ --sbb-option-white-space: nowrap;
2509
+ }
2510
+
2511
+ .sbb-select-trigger {
2512
+ width: 100%;
2513
+ height: var(--sbb-size-element-xs);
2514
+ }
2515
+ sbb-form-field .sbb-select-trigger {
2516
+ top: 0;
2517
+ }
2518
+
2382
2519
  sbb-sidebar:has(sbb-sidebar-title) {
2383
2520
  --_sbb-sidebar-padding-block-start: 0;
2384
2521
  }
@@ -2417,6 +2554,29 @@ sbb-tab-nav-bar .sbb-tab-amount {
2417
2554
  text-decoration: var(--sbb-tab-label-text-decoration);
2418
2555
  }
2419
2556
 
2557
+ sbb-teaser :is(sbb-image, img):not(.sbb-figure-overlap-image) {
2558
+ --sbb-image-object-fit: cover;
2559
+ --sbb-image-aspect-ratio: 4 / 3;
2560
+ transition-property: filter, scale;
2561
+ will-change: filter, scale;
2562
+ scale: var(--sbb-teaser-scale, 1);
2563
+ }
2564
+
2565
+ sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
2566
+ --sbb-image-aspect-ratio: 1 / 1;
2567
+ border-radius: 0;
2568
+ }
2569
+ @media (min-width: calc(37.5rem)) {
2570
+ sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
2571
+ --sbb-image-aspect-ratio: 16 / 9;
2572
+ }
2573
+ }
2574
+ sbb-teaser-hero img:not(.sbb-figure-overlap-image) {
2575
+ display: block;
2576
+ align-self: stretch;
2577
+ width: 100%;
2578
+ }
2579
+
2420
2580
  :is(sbb-teaser-product, sbb-teaser-product-static) :is(sbb-image, img):not(.sbb-figure-overlap-image) {
2421
2581
  border-radius: 0;
2422
2582
  --sbb-image-object-fit: cover;
@@ -2426,6 +2586,11 @@ sbb-tab-nav-bar .sbb-tab-amount {
2426
2586
  place-self: stretch;
2427
2587
  }
2428
2588
 
2589
+ sbb-toggle:has(:focus-visible) {
2590
+ outline-offset: var(--sbb-focus-outline-offset);
2591
+ outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
2592
+ }
2593
+
2429
2594
  .sbb-dark {
2430
2595
  color-scheme: dark;
2431
2596
  }
@@ -2494,25 +2659,6 @@ sbb-toast) {
2494
2659
  pointer-events: all;
2495
2660
  }
2496
2661
 
2497
- .sbb-header-info {
2498
- --sbb-text-font-size: var(--sbb-text-font-size-xs);
2499
- font-family: var(--sbb-typo-font-family);
2500
- font-weight: normal;
2501
- line-height: var(--sbb-typo-line-height-text);
2502
- letter-spacing: var(--sbb-typo-letter-spacing-text);
2503
- font-size: var(--sbb-text-font-size);
2504
- display: flex;
2505
- padding-inline: var(--sbb-spacing-fixed-4x);
2506
- gap: var(--sbb-spacing-fixed-1x);
2507
- align-items: baseline;
2508
- color: var(--sbb-color-1);
2509
- }
2510
- .sbb-header-info strong + * {
2511
- font-size: var(--sbb-text-font-size-xxs);
2512
- color: var(--sbb-color-granite);
2513
- color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
2514
- }
2515
-
2516
2662
  sbb-title + p {
2517
2663
  margin-block-start: 0;
2518
2664
  }
@@ -2542,29 +2688,6 @@ img {
2542
2688
  transition: filter var(--sbb-teaser-image-animation-duration) var(--sbb-teaser-image-animation-easing);
2543
2689
  }
2544
2690
 
2545
- sbb-teaser :is(sbb-image, img):not(.sbb-figure-overlap-image) {
2546
- --sbb-image-object-fit: cover;
2547
- --sbb-image-aspect-ratio: 4 / 3;
2548
- transition-property: filter, scale;
2549
- will-change: filter, scale;
2550
- scale: var(--sbb-teaser-scale, 1);
2551
- }
2552
-
2553
- sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
2554
- --sbb-image-aspect-ratio: 1 / 1;
2555
- border-radius: 0;
2556
- }
2557
- @media (min-width: calc(37.5rem)) {
2558
- sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
2559
- --sbb-image-aspect-ratio: 16 / 9;
2560
- }
2561
- }
2562
- sbb-teaser-hero img:not(.sbb-figure-overlap-image) {
2563
- display: block;
2564
- align-self: stretch;
2565
- width: 100%;
2566
- }
2567
-
2568
2691
  sbb-train-formation:has(sbb-train[direction-label]) {
2569
2692
  --sbb-train-formation-reserve-spacing-display: block;
2570
2693
  }
@@ -2593,31 +2716,12 @@ sbb-train-formation[view=top] sbb-train-wagon {
2593
2716
  --sbb-train-wagon-wagon-end-right-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M8.5,0.5 h51.5 a19.5,19.5 0 0 1 19.5,19.5 v0 a19.5,19.5 0 0 1 -19.5,19.5 h-51.5 a8,8 0 0 1 -8,-8 v-23 a8,8 0 0 1 8,-8 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E");
2594
2717
  }
2595
2718
 
2596
- .sbb-select-trigger {
2597
- width: 100%;
2598
- height: var(--sbb-size-element-xs);
2599
- }
2600
- sbb-form-field .sbb-select-trigger {
2601
- top: 0;
2602
- }
2603
-
2604
- sbb-toggle:has(:focus-visible) {
2605
- outline-offset: var(--sbb-focus-outline-offset);
2606
- outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
2607
- }
2608
-
2609
2719
  .sbb-overlay-outlet {
2610
2720
  position: fixed;
2611
2721
  inset: 0;
2612
2722
  pointer-events: none;
2613
2723
  }
2614
2724
 
2615
- .sbb-options-nowrap {
2616
- --sbb-option-text-overflow: ellipsis;
2617
- --sbb-option-overflow: hidden;
2618
- --sbb-option-white-space: nowrap;
2619
- }
2620
-
2621
2725
  sub {
2622
2726
  bottom: -0.36em;
2623
2727
  }
@@ -3282,10 +3386,17 @@ sup {
3282
3386
  --sbb-scrollbar-track-color: var(--sbb-background-color-4-negative);
3283
3387
  }
3284
3388
 
3285
- .sbb-table,
3286
- .sbb-table-m,
3287
- .sbb-table-s,
3288
- .sbb-table-xs {
3389
+ :root {
3390
+ --sbb-table-border-color: var(--sbb-color-cloud);
3391
+ --sbb-table-border-color: light-dark(var(--sbb-color-cloud), var(--sbb-color-anthracite));
3392
+ --sbb-table-background-color: var(--sbb-background-color-1);
3393
+ --sbb-table-row-striped-color: var(--sbb-background-color-3);
3394
+ --sbb-table-color: var(--sbb-color-1);
3395
+ --sbb-table-caption-color: var(--sbb-color-granite);
3396
+ --sbb-table-caption-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cement));
3397
+ --sbb-table-caption-margin-block-start: var(--sbb-spacing-fixed-4x);
3398
+ --sbb-table-sticky-shadow-width: 3rem;
3399
+ --sbb-table-sticky-shadow-transition-easing: var(--sbb-animation-easing);
3289
3400
  --sbb-table-header-cell-font-size: var(--sbb-text-font-size-xs);
3290
3401
  --sbb-table-data-cell-font-size: var(--sbb-text-font-size-s);
3291
3402
  --sbb-table-header-padding-block: var(--sbb-spacing-fixed-3x);
@@ -3293,28 +3404,16 @@ sup {
3293
3404
  --sbb-table-cell-padding-block: var(--sbb-spacing-responsive-xxxs);
3294
3405
  --sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-4x);
3295
3406
  }
3296
- .sbb-table tbody tr:nth-child(odd) :is(th, td),
3297
- .sbb-table-m tbody tr:nth-child(odd) :is(th, td),
3298
- .sbb-table-s tbody tr:nth-child(odd) :is(th, td),
3299
- .sbb-table-xs tbody tr:nth-child(odd) :is(th, td) {
3300
- background-color: var(--sbb-table-row-striped-color);
3301
- }
3407
+
3302
3408
  .sbb-table,
3303
3409
  .sbb-table-m,
3304
3410
  .sbb-table-s,
3305
3411
  .sbb-table-xs {
3306
3412
  --sbb-table-border: var(--sbb-border-width-1x) solid var(--sbb-table-border-color);
3307
- --sbb-table-border-color: var(--sbb-color-cloud);
3308
- --sbb-table-border-color: light-dark(var(--sbb-color-cloud), var(--sbb-color-anthracite));
3309
- --sbb-table-background-color: var(--sbb-background-color-1);
3310
- --sbb-table-row-striped-color: var(--sbb-background-color-3);
3311
- --sbb-table-color: var(--sbb-color-1);
3312
- --sbb-table-caption-color: var(--sbb-color-granite);
3313
- --sbb-table-caption-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cement));
3314
- --sbb-table-caption-margin-block-start: var(--sbb-spacing-fixed-4x);
3315
- --sbb-table-sticky-shadow-width: 3rem;
3316
- --sbb-table-sticky-shadow-transition-easing: var(--sbb-animation-easing);
3317
- --sbb-table-sticky-shadow-transition-duration: var(--sbb-animation-duration-6x);
3413
+ --sbb-table-sticky-shadow-transition-duration: var(
3414
+ --sbb-disable-animation-duration,
3415
+ var(--sbb-animation-duration-6x)
3416
+ );
3318
3417
  border-spacing: 0;
3319
3418
  caption-side: bottom;
3320
3419
  color: var(--sbb-table-color);
@@ -3358,6 +3457,12 @@ sup {
3358
3457
  .sbb-table-xs :is(th, td):first-child {
3359
3458
  border-inline-start: var(--sbb-table-border);
3360
3459
  }
3460
+ .sbb-table tbody tr:nth-child(odd) :is(th, td),
3461
+ .sbb-table-m tbody tr:nth-child(odd) :is(th, td),
3462
+ .sbb-table-s tbody tr:nth-child(odd) :is(th, td),
3463
+ .sbb-table-xs tbody tr:nth-child(odd) :is(th, td) {
3464
+ background-color: var(--sbb-table-row-striped-color);
3465
+ }
3361
3466
  .sbb-table:has(thead tr) thead tr:first-of-type > :is(th, td), .sbb-table:not(:has(thead tr)) tbody tr:first-of-type > :is(th, td),
3362
3467
  .sbb-table-m:has(thead tr) thead tr:first-of-type > :is(th, td),
3363
3468
  .sbb-table-m:not(:has(thead tr)) tbody tr:first-of-type > :is(th, td),
@@ -3378,7 +3483,10 @@ sup {
3378
3483
  .sbb-table-s caption,
3379
3484
  .sbb-table-xs caption {
3380
3485
  --sbb-table-caption-color-fallback: var(--sbb-color-granite);
3381
- --sbb-table-caption-color-fallback: light-dark(var(--sbb-color-granite), var(--sbb-color-cement));
3486
+ --sbb-table-caption-color-fallback: light-dark(
3487
+ var(--sbb-color-granite),
3488
+ var(--sbb-color-cement)
3489
+ );
3382
3490
  font-size: var(--sbb-text-font-size-xs);
3383
3491
  letter-spacing: var(--sbb-typo-letter-spacing-text);
3384
3492
  color: var(--sbb-table-caption-color, var(--sbb-table-caption-color-fallback));
@@ -3433,11 +3541,15 @@ sbb-table-wrapper[negative] .sbb-table,
3433
3541
  .sbb-table--theme-iron {
3434
3542
  --sbb-table-cell-color: var(--sbb-color-4);
3435
3543
  }
3544
+ sbb-table-wrapper[negative] .sbb-table--theme-iron, .sbb-table--theme-iron.sbb-table--negative {
3545
+ --sbb-table-cell-color: var(--sbb-color-cloud);
3546
+ }
3436
3547
  .sbb-table--theme-iron tbody > tr > td {
3437
3548
  color: var(--sbb-table-cell-color);
3438
3549
  }
3439
- .sbb-table--theme-iron.sbb-table--negative {
3440
- --sbb-table-cell-color: var(--sbb-color-cloud);
3550
+
3551
+ .sbb-table-header-subtitle {
3552
+ font-weight: normal;
3441
3553
  }
3442
3554
 
3443
3555
  .sbb-table-header-row:last-of-type > th {
@@ -3521,15 +3633,6 @@ sbb-table-wrapper[negative] .sbb-table,
3521
3633
  inset-inline-end: unset;
3522
3634
  }
3523
3635
 
3524
- html.sbb-lean .sbb-table:not(.sbb-table-xs, .sbb-table-m) {
3525
- --sbb-table-header-cell-font-size: var(--sbb-text-font-size-xs);
3526
- --sbb-table-data-cell-font-size: var(--sbb-text-font-size-xs);
3527
- --sbb-table-header-padding-block: var(--sbb-spacing-fixed-1x);
3528
- --sbb-table-header-padding-inline: var(--sbb-spacing-fixed-2x);
3529
- --sbb-table-cell-padding-block: var(--sbb-spacing-fixed-1x);
3530
- --sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-2x);
3531
- }
3532
-
3533
3636
  .sbb-table-align-start {
3534
3637
  text-align: start;
3535
3638
  }
@@ -3554,10 +3657,6 @@ html.sbb-lean .sbb-table:not(.sbb-table-xs, .sbb-table-m) {
3554
3657
  text-align: right;
3555
3658
  }
3556
3659
 
3557
- .sbb-table-header-subtitle {
3558
- font-weight: normal;
3559
- }
3560
-
3561
3660
  .sbb-timetable-form {
3562
3661
  --sbb-timetable-form-content-max-width: 46.25rem;
3563
3662
  position: relative;
package/option/option/option-base-element.js CHANGED
@@ -130,7 +130,7 @@ var m = 0, h = l, g = {
130
130
  this.events = { optionselected: "optionselected" };
131
131
  }
132
132
  set value(e) {
133
- typeof e == "string" ? (this.setAttribute("value", `${e}`), this._value = null) : this._value = e;
133
+ typeof e == "string" ? (this.setAttribute("value", `${e}`), this._value = null) : this._value = e, this.dispatchEvent(new Event("ɵoptionvaluechange", { bubbles: !0 }));
134
134
  }
135
135
  get value() {
136
136
  return this._value ?? this.getAttribute("value");
package/option/option/option.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../option.component-M-V_tdSC.js";
1
+ import { t as e } from "../../option.component-2Xf1hz7y.js";
2
2
  export { e as SbbOptionElement };
package/option/option.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SbbOptionBaseElement as e } from "./option/option-base-element.js";
2
- import { t } from "../option.component-M-V_tdSC.js";
2
+ import { t } from "../option.component-2Xf1hz7y.js";
3
3
  t.define(), console.warn("The entrypoint '@sbb-esta/elements/option/option.js' has been deprecated.\nUse either '@sbb-esta/elements/option.js' or '@sbb-esta/elements/option.pure.js' instead.");
4
4
  //#endregion
5
5
  export { e as SbbOptionBaseElement, t as SbbOptionElement };
package/{option.component-M-V_tdSC.js → option.component-2Xf1hz7y.js} RENAMED
@@ -4,7 +4,7 @@ import { boxSizingStyles as i } from "./core/styles.js";
4
4
  import { SbbPropertyWatcherController as a } from "./core/controllers.js";
5
5
  import "./visual-checkbox.js";
6
6
  //#region src/elements/option/option/option.scss?inline
7
- var o = ":host{display:block;background-color:var(--sbb-option-background-color);font-size:var(--sbb-option-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:is(:state(negative),[state--negative])){--sbb-option-color: var(--sbb-color-3-negative);--sbb-option-icon-color: var(--sbb-color-5);--sbb-option-background-color-hover: var(--sbb-background-color-3-negative);--sbb-option-background-color-active: var(--sbb-background-color-4-negative);--sbb-option-disabled-border-color: var(--sbb-border-color-5);--sbb-option-disabled-background-color: var(--sbb-background-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}@media(any-hover:hover){:host(:hover:not(:is(:state(disabled),[state--disabled]))){--sbb-option-background-color: var(--sbb-option-background-color-hover)}}:host(:active:not(:is(:state(disabled),[state--disabled]))){--sbb-option-background-color: var(--sbb-option-background-color-active)}:host(:not(:is(:state(disable-highlight),[state--disable-highlight]))) .sbb-option__label slot{display:none}:host(:is(:state(disabled),[state--disabled])){--sbb-option-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:is(:state(disabled),[state--disabled])){--sbb-option-color: GrayText}}:host(:is(:state(variant-select),[state--variant-select])){--sbb-option-column-gap: var(--sbb-spacing-fixed-2x);--sbb-option-justify-content: space-between}:host(:is(:state(variant-select),[state--variant-select]):is(:state(multiple),[state--multiple])){--sbb-option-justify-content: start}:host(:is(:state(active),[state--active])){--sbb-option-focus-outline-color: var(--sbb-focus-outline-color)}:host(:not(:is(:is(:state(disabled),[state--disabled])))) .sbb-option__label--highlight{font-weight:700}@media(forced-colors:active){:host(:not(:is(:is(:state(disabled),[state--disabled])))) .sbb-option__label--highlight{color:Highlight}}.sbb-option{position:relative;display:flex;min-height:var(--sbb-option-min-height);align-items:center;column-gap:var(--sbb-option-column-gap);padding-inline:var(--sbb-option-padding-inline);justify-content:var(--sbb-option-justify-content);color:var(--sbb-option-color);cursor:var(--sbb-option-cursor);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--sbb-option-color)}.sbb-option:after{content:\"\";display:block;position:absolute;inset:var(--sbb-option-focus-outline-inset);pointer-events:none;border:var(--sbb-focus-outline-width) solid var(--sbb-option-focus-outline-color);border-radius:var(--sbb-option-border-radius)}:host(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option{position:relative;z-index:0}:host(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option:before{content:\"\";display:block;position:absolute;inset:.375rem;border:var(--sbb-border-width-1x) dashed var(--sbb-option-disabled-border-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-option-disabled-background-color);z-index:-1}@media(forced-colors:active){:host(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option:before{border-color:GrayText}}.sbb-option__icon{display:flex;min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color)}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-option__icon{display:var(--sbb-option-icon-container-display, none)}.sbb-option__label{text-overflow:var(--sbb-option-text-overflow);overflow:var(--sbb-option-overflow);white-space:var(--sbb-option-white-space, initial)}", s = class extends e {
7
+ var o = ":host{display:block;background-color:var(--sbb-option-background-color);font-size:var(--sbb-option-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:is(:state(negative),[state--negative])){--sbb-option-color: var(--sbb-color-3-negative);--sbb-option-icon-color: var(--sbb-color-5);--sbb-option-background-color-hover: var(--sbb-color-midnight);--sbb-option-background-color-active: var(--sbb-background-color-4-negative);--sbb-option-disabled-border-color: var(--sbb-border-color-5);--sbb-option-disabled-background-color: var(--sbb-background-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}@media(any-hover:hover){:host(:hover:not(:is(:state(disabled),[state--disabled]))){--sbb-option-background-color: var(--sbb-option-background-color-hover)}}:host(:active:not(:is(:state(disabled),[state--disabled]))){--sbb-option-background-color: var(--sbb-option-background-color-active)}:host(:not(:is(:state(disable-highlight),[state--disable-highlight]))) .sbb-option__label slot{display:none}:host(:is(:state(disabled),[state--disabled])){--sbb-option-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:is(:state(disabled),[state--disabled])){--sbb-option-color: GrayText}}:host(:is(:state(variant-select),[state--variant-select])){--sbb-option-column-gap: var(--sbb-spacing-fixed-2x);--sbb-option-justify-content: space-between}:host(:is(:state(variant-select),[state--variant-select]):is(:state(multiple),[state--multiple])){--sbb-option-justify-content: start}:host(:is(:state(active),[state--active])){--sbb-option-focus-outline-color: var(--sbb-focus-outline-color)}:host(:not(:is(:is(:state(disabled),[state--disabled])))) .sbb-option__label--highlight{font-weight:700}@media(forced-colors:active){:host(:not(:is(:is(:state(disabled),[state--disabled])))) .sbb-option__label--highlight{color:Highlight}}.sbb-option{position:relative;display:flex;min-height:var(--sbb-option-min-height);align-items:center;column-gap:var(--sbb-option-column-gap);padding-inline:var(--sbb-option-padding-inline);justify-content:var(--sbb-option-justify-content);color:var(--sbb-option-color);cursor:var(--sbb-option-cursor);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--sbb-option-color)}.sbb-option:after{content:\"\";display:block;position:absolute;inset:var(--sbb-option-focus-outline-inset);pointer-events:none;border:var(--sbb-focus-outline-width) solid var(--sbb-option-focus-outline-color);border-radius:var(--sbb-option-border-radius)}:host(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option{position:relative;z-index:0}:host(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option:before{content:\"\";display:block;position:absolute;inset:.375rem;border:var(--sbb-border-width-1x) dashed var(--sbb-option-disabled-border-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-option-disabled-background-color);z-index:-1}@media(forced-colors:active){:host(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option:before{border-color:GrayText}}.sbb-option__icon{display:flex;min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color)}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-option__icon{display:var(--sbb-option-icon-container-display, none)}.sbb-option__label{text-overflow:var(--sbb-option-text-overflow);overflow:var(--sbb-option-overflow);white-space:var(--sbb-option-white-space, initial)}", s = class extends e {
8
8
  static {
9
9
  this.elementName = "sbb-option";
10
10
  }
package/option.js CHANGED
@@ -2,7 +2,7 @@ import { t as e } from "./optgroup-base-element-B2WJv9gb.js";
2
2
  import { SbbOptGroupElement as t } from "./option/optgroup/optgroup.component.js";
3
3
  import { t as n } from "./option-hint.component-CZH1i3mN.js";
4
4
  import { SbbOptionBaseElement as r } from "./option/option/option-base-element.js";
5
- import { t as i } from "./option.component-M-V_tdSC.js";
5
+ import { t as i } from "./option.component-2Xf1hz7y.js";
6
6
  import "./option.pure.js";
7
7
  t.define(), i.define(), n.define();
8
8
  //#endregion
package/option.pure.js CHANGED
@@ -2,5 +2,5 @@ import { t as e } from "./optgroup-base-element-B2WJv9gb.js";
2
2
  import { SbbOptGroupElement as t } from "./option/optgroup/optgroup.component.js";
3
3
  import { t as n } from "./option-hint.component-CZH1i3mN.js";
4
4
  import { SbbOptionBaseElement as r } from "./option/option/option-base-element.js";
5
- import { t as i } from "./option.component-M-V_tdSC.js";
5
+ import { t as i } from "./option.component-2Xf1hz7y.js";
6
6
  export { t as SbbOptGroupElement, e as SbbOptgroupBaseElement, r as SbbOptionBaseElement, i as SbbOptionElement, n as SbbOptionHintElement };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements",
3
- "version": "4.10.0",
3
+ "version": "4.12.0",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
package/paginator/compact-paginator/compact-paginator.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../compact-paginator.component-Cyi-t_YD.js";
1
+ import { t as e } from "../../compact-paginator.component-BIAPutro.js";
2
2
  export { e as SbbCompactPaginatorElement };
package/paginator/compact-paginator.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "../compact-paginator.component-Cyi-t_YD.js";
1
+ import { t as e } from "../compact-paginator.component-BIAPutro.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/paginator/compact-paginator.js' has been deprecated.\nUse either '@sbb-esta/elements/paginator.js' or '@sbb-esta/elements/paginator.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbCompactPaginatorElement };
package/paginator/paginator/paginator.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../paginator.component-CZt7Epaf.js";
1
+ import { t as e } from "../../paginator.component-BEr0qU0m.js";
2
2
  export { e as SbbPaginatorElement };
package/paginator/paginator.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "../paginator.component-CZt7Epaf.js";
1
+ import { t as e } from "../paginator.component-BEr0qU0m.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/paginator/paginator.js' has been deprecated.\nUse either '@sbb-esta/elements/paginator.js' or '@sbb-esta/elements/paginator.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbPaginatorElement };