@sbb-esta/lyne-elements 3.6.0 → 3.8.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 (491) hide show
  1. package/a11y.css +1 -1
  2. package/alert/alert/alert.component.d.ts +2 -0
  3. package/alert/alert/alert.component.d.ts.map +1 -1
  4. package/alert/alert/alert.component.js +44 -39
  5. package/alert/alert-group/alert-group.component.js +12 -12
  6. package/autocomplete/autocomplete-base-element.d.ts +14 -0
  7. package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  8. package/autocomplete/autocomplete-base-element.js +110 -77
  9. package/autocomplete/autocomplete.component.d.ts.map +1 -1
  10. package/autocomplete/autocomplete.component.js +9 -9
  11. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  12. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +5 -5
  13. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +14 -14
  14. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
  15. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +9 -9
  16. package/badge.css +2 -2
  17. package/breadcrumb/breadcrumb/breadcrumb.component.js +12 -12
  18. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +15 -15
  19. package/button/common.js +1 -1
  20. package/button/mini-button/mini-button.component.js +7 -7
  21. package/button/mini-button-group/mini-button-group.component.js +21 -21
  22. package/button.js +1 -1
  23. package/calendar/calendar.component.js +36 -36
  24. package/card/card/card.component.js +10 -10
  25. package/card/card-badge/card-badge.component.js +15 -15
  26. package/carousel/carousel/carousel.component.d.ts +33 -0
  27. package/carousel/carousel/carousel.component.d.ts.map +1 -0
  28. package/carousel/carousel/carousel.component.js +82 -0
  29. package/carousel/carousel-item/carousel-item.component.d.ts +29 -0
  30. package/carousel/carousel-item/carousel-item.component.d.ts.map +1 -0
  31. package/carousel/carousel-item/carousel-item.component.js +26 -0
  32. package/carousel/carousel-item.d.ts +5 -0
  33. package/carousel/carousel-item.d.ts.map +1 -0
  34. package/carousel/carousel-item.js +4 -0
  35. package/carousel/carousel-list/carousel-list.component.d.ts +30 -0
  36. package/carousel/carousel-list/carousel-list.component.d.ts.map +1 -0
  37. package/carousel/carousel-list/carousel-list.component.js +81 -0
  38. package/carousel/carousel-list.d.ts +5 -0
  39. package/carousel/carousel-list.d.ts.map +1 -0
  40. package/carousel/carousel-list.js +4 -0
  41. package/carousel/carousel.d.ts +5 -0
  42. package/carousel/carousel.d.ts.map +1 -0
  43. package/carousel/carousel.js +4 -0
  44. package/carousel.d.ts +7 -0
  45. package/carousel.d.ts.map +1 -0
  46. package/carousel.js +8 -0
  47. package/checkbox/common.js +1 -1
  48. package/checkbox-common-gjHkSAmN.js +5 -0
  49. package/checkbox.js +1 -1
  50. package/chip/chip/chip.component.js +23 -23
  51. package/chip-label/chip-label.component.js +22 -22
  52. package/clock/clock.component.js +29 -29
  53. package/container/container/container.component.js +21 -21
  54. package/container/sticky-bar/sticky-bar.component.js +13 -13
  55. package/core/config/config.d.ts +6 -0
  56. package/core/config/config.d.ts.map +1 -1
  57. package/core/controllers/media-matchers-controller.d.ts +29 -0
  58. package/core/controllers/media-matchers-controller.d.ts.map +1 -1
  59. package/core/controllers/media-matchers-controller.js +73 -23
  60. package/core/controllers.js +16 -14
  61. package/core/dom/contains-pierce-shadow-dom.d.ts +3 -0
  62. package/core/dom/contains-pierce-shadow-dom.d.ts.map +1 -0
  63. package/core/dom/contains-pierce-shadow-dom.js +12 -0
  64. package/core/dom/queue-dom-content-loaded.d.ts +5 -0
  65. package/core/dom/queue-dom-content-loaded.d.ts.map +1 -0
  66. package/core/dom/queue-dom-content-loaded.js +7 -0
  67. package/core/dom/set-or-remove-attribute.d.ts +14 -0
  68. package/core/dom/set-or-remove-attribute.d.ts.map +1 -1
  69. package/core/dom/set-or-remove-attribute.js +11 -3
  70. package/core/dom.d.ts +2 -0
  71. package/core/dom.d.ts.map +1 -1
  72. package/core/dom.js +28 -22
  73. package/core/i18n/i18n.d.ts +6 -0
  74. package/core/i18n/i18n.d.ts.map +1 -1
  75. package/core/i18n/i18n.js +196 -160
  76. package/core/i18n.js +94 -88
  77. package/core/images.d.ts +4 -0
  78. package/core/images.d.ts.map +1 -1
  79. package/core/images.js +12 -12
  80. package/core/mixins.js +10 -10
  81. package/core/overlay/overlay-outside-pointer-event-listener.d.ts +26 -0
  82. package/core/overlay/overlay-outside-pointer-event-listener.d.ts.map +1 -0
  83. package/core/overlay/overlay-outside-pointer-event-listener.js +37 -0
  84. package/core/overlay.d.ts +1 -0
  85. package/core/overlay.d.ts.map +1 -1
  86. package/core/overlay.js +14 -11
  87. package/core/styles/core.scss +40 -13
  88. package/core/styles/mixins/a11y.scss +1 -1
  89. package/core/styles/mixins/badge.scss +2 -2
  90. package/core/styles/mixins/buttons.scss +14 -14
  91. package/core/styles/mixins/card.scss +9 -6
  92. package/core/styles/mixins/chip.scss +8 -8
  93. package/core/styles/mixins/image.scss +3 -0
  94. package/core/styles/mixins/link.scss +12 -7
  95. package/core/styles/mixins/lists.scss +6 -4
  96. package/core/styles/mixins/overlay.scss +6 -3
  97. package/core/styles/mixins/panel.scss +3 -3
  98. package/core/styles/mixins/pearl-chain-bullet.scss +9 -5
  99. package/core/styles/mixins/scrollbar.scss +17 -9
  100. package/core/styles/mixins/shadows.scss +32 -64
  101. package/core/styles/mixins/table.scss +13 -10
  102. package/core/styles/mixins/timetable-form.scss +63 -0
  103. package/core/styles/mixins/typo.scss +4 -4
  104. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +49 -1
  105. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +203 -5
  106. package/core/styles/off-brand-theme.scss +3 -0
  107. package/core/styles/safety-theme.scss +3 -0
  108. package/core/styles/standard-theme.scss +3 -13
  109. package/core/styles/theme.scss +18 -0
  110. package/core/styles/timetable-form.scss +27 -0
  111. package/core.css +283 -51
  112. package/custom-elements.json +19396 -15212
  113. package/date-input/date-input.component.js +1 -1
  114. package/datepicker/datepicker/datepicker.component.js +1 -1
  115. package/datepicker/datepicker-next-day/datepicker-next-day.component.js +4 -4
  116. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +6 -6
  117. package/datepicker/datepicker-toggle/datepicker-toggle.component.js +7 -7
  118. package/development/alert/alert/alert.component.d.ts +2 -0
  119. package/development/alert/alert/alert.component.d.ts.map +1 -1
  120. package/development/alert/alert/alert.component.js +22 -8
  121. package/development/alert/alert-group/alert-group.component.js +1 -1
  122. package/development/autocomplete/autocomplete-base-element.d.ts +14 -0
  123. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  124. package/development/autocomplete/autocomplete-base-element.js +86 -19
  125. package/development/autocomplete/autocomplete.component.d.ts.map +1 -1
  126. package/development/autocomplete/autocomplete.component.js +4 -1
  127. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  128. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +4 -1
  129. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +15 -14
  130. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +5 -4
  131. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +19 -11
  132. package/development/breadcrumb/breadcrumb/breadcrumb.component.js +4 -1
  133. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +16 -8
  134. package/development/button/common.js +1 -1
  135. package/development/button/mini-button/mini-button.component.js +15 -14
  136. package/development/button/mini-button-group/mini-button-group.component.js +4 -4
  137. package/development/button.js +1 -1
  138. package/development/calendar/calendar.component.js +21 -11
  139. package/development/card/card/card.component.js +11 -6
  140. package/development/card/card-badge/card-badge.component.js +10 -9
  141. package/development/carousel/carousel/carousel.component.d.ts +33 -0
  142. package/development/carousel/carousel/carousel.component.d.ts.map +1 -0
  143. package/development/carousel/carousel/carousel.component.js +163 -0
  144. package/development/carousel/carousel-item/carousel-item.component.d.ts +29 -0
  145. package/development/carousel/carousel-item/carousel-item.component.d.ts.map +1 -0
  146. package/development/carousel/carousel-item/carousel-item.component.js +46 -0
  147. package/development/carousel/carousel-item.d.ts +5 -0
  148. package/development/carousel/carousel-item.d.ts.map +1 -0
  149. package/development/carousel/carousel-item.js +5 -0
  150. package/development/carousel/carousel-list/carousel-list.component.d.ts +30 -0
  151. package/development/carousel/carousel-list/carousel-list.component.d.ts.map +1 -0
  152. package/development/carousel/carousel-list/carousel-list.component.js +151 -0
  153. package/development/carousel/carousel-list.d.ts +5 -0
  154. package/development/carousel/carousel-list.d.ts.map +1 -0
  155. package/development/carousel/carousel-list.js +5 -0
  156. package/development/carousel/carousel.d.ts +5 -0
  157. package/development/carousel/carousel.d.ts.map +1 -0
  158. package/development/carousel/carousel.js +5 -0
  159. package/development/carousel.d.ts +7 -0
  160. package/development/carousel.d.ts.map +1 -0
  161. package/development/carousel.js +9 -0
  162. package/development/checkbox/common.js +1 -1
  163. package/development/{checkbox-common-aMPOsPVA.js → checkbox-common-Dy_ofVhp.js} +4 -3
  164. package/development/checkbox.js +1 -1
  165. package/development/chip/chip/chip.component.js +15 -14
  166. package/development/chip-label/chip-label.component.js +12 -15
  167. package/development/clock/clock.component.js +11 -3
  168. package/development/container/container/container.component.js +6 -6
  169. package/development/container/sticky-bar/sticky-bar.component.js +6 -6
  170. package/development/core/config/config.d.ts +6 -0
  171. package/development/core/config/config.d.ts.map +1 -1
  172. package/development/core/config/config.js +1 -1
  173. package/development/core/controllers/media-matchers-controller.d.ts +29 -0
  174. package/development/core/controllers/media-matchers-controller.d.ts.map +1 -1
  175. package/development/core/controllers/media-matchers-controller.js +74 -1
  176. package/development/core/controllers.js +3 -1
  177. package/development/core/dom/contains-pierce-shadow-dom.d.ts +3 -0
  178. package/development/core/dom/contains-pierce-shadow-dom.d.ts.map +1 -0
  179. package/development/core/dom/contains-pierce-shadow-dom.js +14 -0
  180. package/development/core/dom/queue-dom-content-loaded.d.ts +5 -0
  181. package/development/core/dom/queue-dom-content-loaded.d.ts.map +1 -0
  182. package/development/core/dom/queue-dom-content-loaded.js +12 -0
  183. package/development/core/dom/set-or-remove-attribute.d.ts +14 -0
  184. package/development/core/dom/set-or-remove-attribute.d.ts.map +1 -1
  185. package/development/core/dom/set-or-remove-attribute.js +9 -1
  186. package/development/core/dom.d.ts +2 -0
  187. package/development/core/dom.d.ts.map +1 -1
  188. package/development/core/dom.js +8 -2
  189. package/development/core/i18n/i18n.d.ts +6 -0
  190. package/development/core/i18n/i18n.d.ts.map +1 -1
  191. package/development/core/i18n/i18n.js +43 -1
  192. package/development/core/i18n.js +7 -1
  193. package/development/core/images.d.ts +4 -0
  194. package/development/core/images.d.ts.map +1 -1
  195. package/development/core/images.js +11 -11
  196. package/development/core/mixins.js +7 -6
  197. package/development/core/overlay/overlay-outside-pointer-event-listener.d.ts +26 -0
  198. package/development/core/overlay/overlay-outside-pointer-event-listener.d.ts.map +1 -0
  199. package/development/core/overlay/overlay-outside-pointer-event-listener.js +61 -0
  200. package/development/core/overlay.d.ts +1 -0
  201. package/development/core/overlay.d.ts.map +1 -1
  202. package/development/core/overlay.js +4 -1
  203. package/development/date-input/date-input.component.js +2 -2
  204. package/development/datepicker/datepicker/datepicker.component.js +1 -1
  205. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.js +15 -14
  206. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +15 -14
  207. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.js +15 -14
  208. package/development/dialog/dialog/dialog.component.d.ts +1 -0
  209. package/development/dialog/dialog/dialog.component.d.ts.map +1 -1
  210. package/development/dialog/dialog/dialog.component.js +28 -14
  211. package/development/dialog/dialog-actions/dialog-actions.component.js +1 -1
  212. package/development/dialog/dialog-title/dialog-title.component.js +1 -1
  213. package/development/divider/divider.component.js +2 -2
  214. package/development/expansion-panel/expansion-panel/expansion-panel.component.js +6 -6
  215. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +6 -2
  216. package/development/file-selector/common.js +1 -1
  217. package/development/{file-selector-common-B4I8rwJE.js → file-selector-common-CRNAWFM_.js} +9 -6
  218. package/development/file-selector.js +1 -1
  219. package/development/flip-card/flip-card/flip-card.component.js +8 -3
  220. package/development/footer/footer.component.js +6 -5
  221. package/development/form-error/form-error.component.js +2 -2
  222. package/development/form-field/form-field/form-field.component.d.ts +3 -0
  223. package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
  224. package/development/form-field/form-field/form-field.component.js +39 -23
  225. package/development/form-field/form-field-clear/form-field-clear.component.js +15 -14
  226. package/development/header/common/header-action-common.js +12 -12
  227. package/development/header/header/header.component.js +2 -2
  228. package/development/header/header-environment/header-environment.component.js +1 -1
  229. package/development/{icon-sidebar-button-common-CA_8TnFu.js → icon-sidebar-button-common-BGrKtvyM.js} +3 -2
  230. package/development/journey-header/journey-header.component.js +1 -1
  231. package/development/lead-container/lead-container.component.js +4 -2
  232. package/development/link/common/block-link-common.js +17 -5
  233. package/development/link/common/inline-link-common.js +9 -3
  234. package/development/link-list/link-list/link-list.component.js +8 -8
  235. package/development/link-list/link-list-anchor/link-list-anchor.component.js +11 -9
  236. package/development/loading-indicator/loading-indicator.component.js +1 -1
  237. package/development/loading-indicator-circle/loading-indicator-circle.component.js +2 -2
  238. package/development/logo/logo.component.js +3 -2
  239. package/development/map-container/map-container.component.js +14 -6
  240. package/development/menu/common/menu-action-common.js +4 -3
  241. package/development/menu/menu/menu.component.d.ts +2 -0
  242. package/development/menu/menu/menu.component.d.ts.map +1 -1
  243. package/development/menu/menu/menu.component.js +36 -13
  244. package/development/message/message.component.js +3 -1
  245. package/development/navigation/common/navigation-action-common.js +4 -4
  246. package/development/navigation/navigation/navigation.component.js +21 -19
  247. package/development/navigation/navigation-list/navigation-list.component.js +1 -1
  248. package/development/navigation/navigation-marker/navigation-marker.component.js +1 -1
  249. package/development/navigation/navigation-section/navigation-section.component.js +4 -4
  250. package/development/notification/notification.component.js +38 -18
  251. package/development/option/optgroup/optgroup-base-element.js +3 -2
  252. package/development/option/option/option.component.js +13 -11
  253. package/development/option/option-hint/option-hint.component.js +3 -2
  254. package/development/overlay/overlay.component.d.ts.map +1 -1
  255. package/development/overlay/overlay.component.js +28 -22
  256. package/development/paginator/compact-paginator/compact-paginator.component.js +3 -2
  257. package/development/paginator/paginator/paginator.component.js +19 -18
  258. package/development/popover/popover/popover.component.js +8 -6
  259. package/development/popover/popover-trigger/popover-trigger.component.js +20 -17
  260. package/development/radio-button/common.js +1 -1
  261. package/development/radio-button/radio-button/radio-button.component.js +3 -3
  262. package/development/radio-button/radio-button-panel/radio-button-panel.component.js +3 -3
  263. package/development/{radio-button-common-BRyEhlYf.js → radio-button-common-CgM3kQSW.js} +10 -9
  264. package/development/radio-button.js +1 -1
  265. package/development/sbb-tokens-CVLcOi-S.js +1 -1
  266. package/development/screen-reader-only/screen-reader-only.component.js +1 -1
  267. package/development/select/select.component.js +31 -13
  268. package/development/selection-action-panel/selection-action-panel.component.js +9 -5
  269. package/development/selection-expansion-panel/selection-expansion-panel.component.js +10 -6
  270. package/development/sidebar/common.js +1 -1
  271. package/development/sidebar/icon-sidebar/icon-sidebar.component.js +2 -2
  272. package/development/sidebar/sidebar/sidebar.component.js +14 -6
  273. package/development/sidebar.js +1 -1
  274. package/development/signet/signet.component.js +2 -2
  275. package/development/skiplink-list/skiplink-list.component.d.ts +3 -1
  276. package/development/skiplink-list/skiplink-list.component.d.ts.map +1 -1
  277. package/development/skiplink-list/skiplink-list.component.js +27 -10
  278. package/development/slider/slider.component.js +15 -9
  279. package/development/status/status.component.js +7 -7
  280. package/development/stepper/step/step.component.js +1 -3
  281. package/development/stepper/step-label/step-label.component.js +7 -6
  282. package/development/stepper/stepper/stepper.component.js +5 -5
  283. package/development/tabs/tab-label/tab-label.component.js +7 -14
  284. package/development/tag/tag/tag.component.js +15 -9
  285. package/development/teaser/teaser.component.js +3 -2
  286. package/development/teaser-hero/teaser-hero.component.js +3 -3
  287. package/development/teaser-product/common.js +1 -1
  288. package/development/{teaser-product-common-D6fa6x3w.js → teaser-product-common-DvlBRkE_.js} +14 -6
  289. package/development/teaser-product.js +1 -1
  290. package/development/time-input/time-input.component.js +2 -2
  291. package/development/timetable-form/timetable-form/timetable-form.component.d.ts +17 -0
  292. package/development/timetable-form/timetable-form/timetable-form.component.d.ts.map +1 -0
  293. package/development/timetable-form/timetable-form/timetable-form.component.js +40 -0
  294. package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts +16 -0
  295. package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts.map +1 -0
  296. package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +57 -0
  297. package/development/timetable-form/timetable-form-details.d.ts +5 -0
  298. package/development/timetable-form/timetable-form-details.d.ts.map +1 -0
  299. package/development/timetable-form/timetable-form-details.js +5 -0
  300. package/development/timetable-form/timetable-form-field/timetable-form-field.component.d.ts +18 -0
  301. package/development/timetable-form/timetable-form-field/timetable-form-field.component.d.ts.map +1 -0
  302. package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +130 -0
  303. package/development/timetable-form/timetable-form-field.d.ts +5 -0
  304. package/development/timetable-form/timetable-form-field.d.ts.map +1 -0
  305. package/development/timetable-form/timetable-form-field.js +5 -0
  306. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts +23 -0
  307. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -0
  308. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +80 -0
  309. package/development/timetable-form/timetable-form-swap-button.d.ts +5 -0
  310. package/development/timetable-form/timetable-form-swap-button.d.ts.map +1 -0
  311. package/development/timetable-form/timetable-form-swap-button.js +5 -0
  312. package/development/timetable-form/timetable-form.d.ts +5 -0
  313. package/development/timetable-form/timetable-form.d.ts.map +1 -0
  314. package/development/timetable-form/timetable-form.js +5 -0
  315. package/development/timetable-form.d.ts +8 -0
  316. package/development/timetable-form.d.ts.map +1 -0
  317. package/development/timetable-form.js +11 -0
  318. package/development/timetable-occupancy/timetable-occupancy.component.js +2 -2
  319. package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts +1 -0
  320. package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts.map +1 -1
  321. package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.js +4 -3
  322. package/development/title/title-base.js +2 -5
  323. package/development/title/title.component.js +1 -1
  324. package/development/toast/toast.component.d.ts +3 -1
  325. package/development/toast/toast.component.d.ts.map +1 -1
  326. package/development/toast/toast.component.js +31 -15
  327. package/development/toggle/toggle/toggle.component.js +8 -4
  328. package/development/toggle/toggle-option/toggle-option.component.js +5 -3
  329. package/development/toggle-check/toggle-check.component.js +13 -14
  330. package/development/tooltip/tooltip.component.d.ts +89 -0
  331. package/development/tooltip/tooltip.component.d.ts.map +1 -0
  332. package/development/tooltip/tooltip.component.js +466 -0
  333. package/development/tooltip.d.ts +5 -0
  334. package/development/tooltip.d.ts.map +1 -0
  335. package/development/tooltip.js +5 -0
  336. package/development/train/train/train.component.js +1 -1
  337. package/development/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
  338. package/development/train/train-formation/train-formation.component.js +16 -4
  339. package/development/train/train-wagon/train-wagon.component.js +4 -13
  340. package/development/{transparent-button-COe-YB_U.js → transparent-button-DdSaBp_-.js} +141 -86
  341. package/development/visual-checkbox/visual-checkbox.component.js +12 -12
  342. package/dialog/dialog/dialog.component.d.ts +1 -0
  343. package/dialog/dialog/dialog.component.d.ts.map +1 -1
  344. package/dialog/dialog/dialog.component.js +37 -36
  345. package/dialog/dialog-actions/dialog-actions.component.js +6 -6
  346. package/dialog/dialog-title/dialog-title.component.js +4 -4
  347. package/divider/divider.component.js +16 -16
  348. package/expansion-panel/expansion-panel/expansion-panel.component.js +1 -1
  349. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +3 -3
  350. package/file-selector/common.js +1 -1
  351. package/file-selector-common-D88J9PEh.js +5 -0
  352. package/file-selector.js +1 -1
  353. package/flip-card/flip-card/flip-card.component.js +14 -14
  354. package/footer/footer.component.js +18 -18
  355. package/form-error/form-error.component.js +4 -4
  356. package/form-field/form-field/form-field.component.d.ts +3 -0
  357. package/form-field/form-field/form-field.component.d.ts.map +1 -1
  358. package/form-field/form-field/form-field.component.js +1 -1
  359. package/form-field/form-field-clear/form-field-clear.component.js +9 -9
  360. package/header/common/header-action-common.js +5 -5
  361. package/header/header/header.component.js +19 -19
  362. package/header/header-environment/header-environment.component.js +1 -1
  363. package/icon-sidebar-button-common-BeRXvifI.js +7 -0
  364. package/index.d.ts +16 -0
  365. package/index.js +16 -0
  366. package/journey-header/journey-header.component.js +1 -1
  367. package/lead-container/lead-container.component.js +5 -5
  368. package/link/common/block-link-common.js +23 -23
  369. package/link/common/inline-link-common.js +7 -7
  370. package/link-list/link-list/link-list.component.js +8 -8
  371. package/link-list/link-list-anchor/link-list-anchor.component.js +11 -11
  372. package/lists.css +5 -3
  373. package/loading-indicator/loading-indicator.component.js +1 -1
  374. package/loading-indicator-circle/loading-indicator-circle.component.js +13 -13
  375. package/logo/logo.component.js +9 -9
  376. package/map-container/map-container.component.js +15 -15
  377. package/menu/common/menu-action-common.js +5 -5
  378. package/menu/menu/menu.component.d.ts +2 -0
  379. package/menu/menu/menu.component.d.ts.map +1 -1
  380. package/menu/menu/menu.component.js +45 -38
  381. package/message/message.component.js +9 -9
  382. package/navigation/common/navigation-action-common.js +6 -6
  383. package/navigation/navigation/navigation.component.js +19 -19
  384. package/navigation/navigation-list/navigation-list.component.js +1 -1
  385. package/navigation/navigation-marker/navigation-marker.component.js +1 -1
  386. package/navigation/navigation-section/navigation-section.component.js +1 -1
  387. package/notification/notification.component.js +8 -8
  388. package/off-brand-theme.css +3017 -0
  389. package/option/optgroup/optgroup-base-element.js +1 -1
  390. package/option/option/option.component.js +3 -3
  391. package/option/option-hint/option-hint.component.js +8 -8
  392. package/overlay/overlay.component.d.ts.map +1 -1
  393. package/overlay/overlay.component.js +47 -48
  394. package/package.json +63 -1
  395. package/paginator/compact-paginator/compact-paginator.component.js +4 -4
  396. package/paginator/paginator/paginator.component.js +10 -10
  397. package/popover/popover/popover.component.js +9 -9
  398. package/popover/popover-trigger/popover-trigger.component.js +5 -5
  399. package/radio-button/common.js +1 -1
  400. package/radio-button/radio-button/radio-button.component.js +13 -13
  401. package/radio-button/radio-button-panel/radio-button-panel.component.js +2 -2
  402. package/radio-button-common-Nm9ULjVb.js +5 -0
  403. package/radio-button.js +1 -1
  404. package/safety-theme.css +3017 -0
  405. package/screen-reader-only/screen-reader-only.component.js +1 -1
  406. package/scrollbar.css +52 -20
  407. package/select/select.component.js +45 -45
  408. package/selection-action-panel/selection-action-panel.component.js +6 -6
  409. package/selection-expansion-panel/selection-expansion-panel.component.js +11 -11
  410. package/sidebar/common.js +1 -1
  411. package/sidebar/icon-sidebar/icon-sidebar.component.js +12 -12
  412. package/sidebar/sidebar/sidebar.component.js +29 -29
  413. package/sidebar.js +1 -1
  414. package/signet/signet.component.js +1 -1
  415. package/skiplink-list/skiplink-list.component.d.ts +3 -1
  416. package/skiplink-list/skiplink-list.component.d.ts.map +1 -1
  417. package/skiplink-list/skiplink-list.component.js +37 -30
  418. package/slider/slider.component.js +16 -16
  419. package/standard-theme.css +436 -86
  420. package/status/status.component.js +13 -13
  421. package/stepper/step/step.component.js +5 -5
  422. package/stepper/step-label/step-label.component.js +1 -1
  423. package/stepper/stepper/stepper.component.js +7 -7
  424. package/table.css +15 -9
  425. package/tabs/tab-label/tab-label.component.js +19 -19
  426. package/tag/tag/tag.component.js +14 -14
  427. package/teaser/teaser.component.js +1 -1
  428. package/teaser-hero/teaser-hero.component.js +12 -12
  429. package/teaser-product/common.js +1 -1
  430. package/teaser-product-common-DIra6aVg.js +5 -0
  431. package/teaser-product.js +1 -1
  432. package/time-input/time-input.component.js +1 -1
  433. package/timetable-form/timetable-form/timetable-form.component.d.ts +17 -0
  434. package/timetable-form/timetable-form/timetable-form.component.d.ts.map +1 -0
  435. package/timetable-form/timetable-form/timetable-form.component.js +19 -0
  436. package/timetable-form/timetable-form-details/timetable-form-details.component.d.ts +16 -0
  437. package/timetable-form/timetable-form-details/timetable-form-details.component.d.ts.map +1 -0
  438. package/timetable-form/timetable-form-details/timetable-form-details.component.js +19 -0
  439. package/timetable-form/timetable-form-details.d.ts +5 -0
  440. package/timetable-form/timetable-form-details.d.ts.map +1 -0
  441. package/timetable-form/timetable-form-details.js +4 -0
  442. package/timetable-form/timetable-form-field/timetable-form-field.component.d.ts +18 -0
  443. package/timetable-form/timetable-form-field/timetable-form-field.component.d.ts.map +1 -0
  444. package/timetable-form/timetable-form-field/timetable-form-field.component.js +32 -0
  445. package/timetable-form/timetable-form-field.d.ts +5 -0
  446. package/timetable-form/timetable-form-field.d.ts.map +1 -0
  447. package/timetable-form/timetable-form-field.js +4 -0
  448. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts +23 -0
  449. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -0
  450. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +38 -0
  451. package/timetable-form/timetable-form-swap-button.d.ts +5 -0
  452. package/timetable-form/timetable-form-swap-button.d.ts.map +1 -0
  453. package/timetable-form/timetable-form-swap-button.js +4 -0
  454. package/timetable-form/timetable-form.d.ts +5 -0
  455. package/timetable-form/timetable-form.d.ts.map +1 -0
  456. package/timetable-form/timetable-form.js +4 -0
  457. package/timetable-form.css +73 -0
  458. package/timetable-form.d.ts +8 -0
  459. package/timetable-form.d.ts.map +1 -0
  460. package/timetable-form.js +10 -0
  461. package/timetable-occupancy/timetable-occupancy.component.js +7 -7
  462. package/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts +1 -0
  463. package/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts.map +1 -1
  464. package/timetable-occupancy-icon/timetable-occupancy-icon.component.js +23 -23
  465. package/title/title-base.js +1 -1
  466. package/title/title.component.js +1 -1
  467. package/toast/toast.component.d.ts +3 -1
  468. package/toast/toast.component.d.ts.map +1 -1
  469. package/toast/toast.component.js +67 -59
  470. package/toggle/toggle/toggle.component.js +1 -1
  471. package/toggle/toggle-option/toggle-option.component.js +5 -5
  472. package/toggle-check/toggle-check.component.js +16 -16
  473. package/tooltip/tooltip.component.d.ts +89 -0
  474. package/tooltip/tooltip.component.d.ts.map +1 -0
  475. package/tooltip/tooltip.component.js +215 -0
  476. package/tooltip.d.ts +5 -0
  477. package/tooltip.d.ts.map +1 -0
  478. package/tooltip.js +4 -0
  479. package/train/train/train.component.js +1 -1
  480. package/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
  481. package/train/train-formation/train-formation.component.js +16 -16
  482. package/train/train-wagon/train-wagon.component.js +1 -1
  483. package/transparent-button-Bg9fU_iZ.js +9 -0
  484. package/typography.css +1 -0
  485. package/visual-checkbox/visual-checkbox.component.js +14 -14
  486. package/checkbox-common-CDzcyq8p.js +0 -5
  487. package/file-selector-common-Cn6U8goV.js +0 -5
  488. package/icon-sidebar-button-common-CM-ueEhH.js +0 -7
  489. package/radio-button-common-DzALx3X7.js +0 -5
  490. package/teaser-product-common-C8oSkIxy.js +0 -5
  491. package/transparent-button-xudJxob_.js +0 -9
package/form-field/form-field/form-field.component.js CHANGED
@@ -13,7 +13,7 @@ import { isLean as ye } from "../../core/dom.js";
13
13
  import { i18nOptional as xe } from "../../core/i18n.js";
14
14
  import { SbbNegativeMixin as we, SbbElementInternalsMixin as Ee, SbbHydrationMixin as ke, removeAriaElements as ze, appendAriaElements as Ie } from "../../core/mixins.js";
15
15
  import "../../icon.js";
16
- const Se = pe`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;--sbb-form-field-background-color: var(--sbb-color-white);--sbb-form-field-border-color: var(--sbb-color-smoke);--sbb-form-field-border-style: solid;--sbb-form-field-border-radius: var(--sbb-border-radius-4x);--sbb-form-field-border-width: var(--sbb-border-width-1x);--sbb-form-field-min-height: var(--sbb-size-element-m);--sbb-form-field-label-color: var(--sbb-color-metal);--sbb-form-field-prefix-color: var(--sbb-color-metal);--sbb-form-field-padding-inline: var(--sbb-spacing-fixed-3x);--sbb-form-field-text-color: var(--sbb-color-charcoal);--sbb-form-field-arrow-color: var(--sbb-color-charcoal);--sbb-form-field-error-divider-width: var(--sbb-spacing-fixed-1x);--sbb-form-field-error-padding-block-start: var(--sbb-form-field-error-divider-width);--sbb-form-field-gap: var(--sbb-spacing-fixed-2x);--sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);--sbb-form-field-select-inline-padding-end: calc( var(--sbb-icon-svg-width) + var(--sbb-form-field-gap) );--sbb-form-field-overflow: hidden;--sbb-form-field-input-text-size: var(--sbb-font-size-text-m);--sbb-form-field-label-text-size: var(--sbb-font-size-text-xs);--sbb-form-field-label-size: calc( var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-body-text) );--sbb-form-field-text-line-height: calc( var(--sbb-form-field-input-text-size) * var(--sbb-typo-line-height-body-text) );--sbb-form-field-margin-block-start: calc( ( var(--sbb-form-field-min-height) - var(--sbb-form-field-label-size) - var( --sbb-form-field-text-line-height ) + var(--sbb-form-field-label-to-input-overlapping) ) / 2 );--sbb-form-field-spacer-margin-block-end: calc( -1 * var(--sbb-form-field-label-to-input-overlapping) );--sbb-form-field-floating-label-transform: .53125rem;--sbb-icon-svg-width: var(--sbb-size-icon-ui-small);--sbb-icon-svg-height: var(--sbb-size-icon-ui-small);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)}@media (min-width: 52.5rem){:host{--sbb-form-field-floating-label-transform: .65625rem}}@media (forced-colors: active){:host{--sbb-form-field-border-color: ButtonBorder}}:host(:where(:not([width=collapse]))){min-width:9.375rem;width:min(18.75rem,100%)}:host([negative]){--sbb-form-field-background-color: var(--sbb-color-midnight);--sbb-form-field-border-color: var(--sbb-color-smoke);--sbb-form-field-label-color: var(--sbb-color-smoke);--sbb-form-field-prefix-color: var(--sbb-color-smoke);--sbb-form-field-text-color: var(--sbb-color-milk);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-form-field-arrow-color: var(--sbb-color-milk)}@media (forced-colors: active){:host([negative]){--sbb-form-field-border-color: ButtonBorder}}:host([size=s]){--sbb-form-field-min-height: var(--sbb-size-element-xs);--sbb-form-field-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-form-field-input-text-size: var(--sbb-font-size-text-s);--sbb-form-field-label-text-size: var(--sbb-font-size-text-xxs);--sbb-form-field-label-to-input-overlapping: .625rem;--sbb-form-field-floating-label-transform: .34375rem;--sbb-form-field-spacer-margin-block-end: -.53125rem}@media (min-width: 52.5rem){:host([size=s]){--sbb-form-field-label-to-input-overlapping: .6875rem;--sbb-form-field-floating-label-transform: .3125rem;--sbb-form-field-spacer-margin-block-end: -.5rem}}:host([size=l]){--sbb-form-field-min-height: var(--sbb-size-element-l);--sbb-form-field-padding-inline: var(--sbb-spacing-responsive-xxxs)}:host([error-space=reserve]){--sbb-form-field-error-min-height: calc( var(--sbb-typo-line-height-body-text) * var(--sbb-font-size-text-xs) );--sbb-form-field-error-padding-block-start-override: var(--sbb-form-field-error-divider-width)}:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))){--sbb-form-field-background-color: var(--sbb-color-milk);--sbb-form-field-border-color: var(--sbb-color-graphite);--sbb-form-field-arrow-color: var(--sbb-color-granite)}@media (forced-colors: active){:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))){--sbb-form-field-border-color: ButtonBorder}}:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))[negative]){--sbb-form-field-background-color: var(--sbb-color-charcoal);--sbb-form-field-border-color: var(--sbb-color-smoke);--sbb-form-field-arrow-color: var(--sbb-color-smoke)}:host(:where(:is(:state(disabled),[state--disabled]))){--sbb-form-field-label-color: var(--sbb-color-granite);--sbb-form-field-prefix-color: var(--sbb-color-granite);--sbb-form-field-border-style: dashed}@media (forced-colors: active){:host(:where(:is(:state(disabled),[state--disabled]))){--sbb-form-field-label-color: GrayText !important;--sbb-form-field-prefix-color: GrayText !important;--sbb-form-field-text-color: GrayText !important;--sbb-form-field-border-color: GrayText !important}}:host(:where(:is(:state(disabled),[state--disabled]))[negative]){--sbb-form-field-text-color: var(--sbb-color-smoke);--sbb-form-field-label-color: var(--sbb-color-smoke);--sbb-form-field-prefix-color: var(--sbb-color-smoke)}:host(:where(:is(:state(readonly),[state--readonly])):not([negative])){--sbb-form-field-label-color: var(--sbb-color-granite);--sbb-form-field-prefix-color: var(--sbb-color-granite)}:host(:where(:is(:state(focus),[state--focus]))){--sbb-form-field-border-color: var(--sbb-color-charcoal);--sbb-form-field-prefix-color: var(--sbb-color-charcoal);--sbb-form-field-border-width: var(--sbb-border-width-2x)}:host(:where(:is(:state(focus),[state--focus]))[negative]){--sbb-form-field-border-color: var(--sbb-color-milk);--sbb-form-field-prefix-color: var(--sbb-color-milk)}@media (forced-colors: active){:host(:is(:state(focus),[state--focus])){--sbb-form-field-border-color: Highlight;--sbb-form-field-prefix-color: Highlight}}:host(:not(:where(:is(:state(has-error),[state--has-error])))){--sbb-form-field-error-padding-block-start: 0}:host([floating-label]){--sbb-select-placeholder-color: transparent}@media (forced-colors: active){:host([floating-label]){--sbb-select-placeholder-color: Canvas}}:host(:is(:not([data-slot-names~=label]),[hidden-label])){--sbb-form-field-label-size: 0rem;--sbb-form-field-label-to-input-overlapping: 0rem}:host(:where(:is(:state(input-type-sbb-slider),[state--input-type-sbb-slider]))){--sbb-form-field-overflow: visible}:host(:where(:is(:state(input-type-textarea),[state--input-type-textarea]))){--sbb-form-field-max-height: fit-content}.sbb-form-field__space-wrapper{display:flex;flex-direction:column}.sbb-form-field__space-wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-form-field__wrapper{display:flex;gap:var(--sbb-form-field-gap);padding-inline:var(--sbb-form-field-padding-inline);border-radius:var(--sbb-form-field-border-radius);min-height:var(--sbb-form-field-min-height);max-height:var(--sbb-form-field-max-height);background-color:var(--sbb-form-field-background-color);position:relative}.sbb-form-field__wrapper:before{content:"";display:block;position:absolute;inset:0;border:var(--sbb-form-field-border-width) var(--sbb-form-field-border-style) var(--sbb-form-field-border-color);border-radius:var(--sbb-form-field-border-radius)}:host(:where(:is(:state(focus),[state--focus]):is(:state(focus-origin-keyboard),[state--focus-origin-keyboard]))) .sbb-form-field__wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}@media (forced-colors: none){:host(:is([borderless],:is(:state(input-type-sbb-slider),[state--input-type-sbb-slider]))) .sbb-form-field__wrapper:before{border-color:transparent}:host(:where(:is(:state(focus),[state--focus]),:is(:state(disabled),[state--disabled]))[borderless]) .sbb-form-field__wrapper:after{content:"";position:absolute;border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-form-field-border-color);inset-inline:var(--sbb-form-field-padding-inline);inset-block-end:0}}::slotted(*[slot=prefix]){color:var(--sbb-form-field-prefix-color)}::slotted(*[slot=prefix]),::slotted(*[slot=suffix]){display:flex;min-width:var(--sbb-icon-svg-width);margin-block-start:calc((var(--sbb-form-field-min-height) - var(--sbb-size-icon-ui-small)) / 2)}:host(:where(:is(:state(empty),[state--empty]),:is(:state(disabled),[state--disabled]),:is(:state(readonly),[state--readonly]))) ::slotted(sbb-form-field-clear){display:none}::slotted(sbb-datepicker-toggle){padding-block-end:calc((var(--sbb-form-field-min-height) - var(--sbb-size-icon-ui-small)) / 2)}@media (forced-colors: active){::slotted(*[slot=suffix]){color:var(--sbb-form-field-prefix-color)}}.sbb-form-field__select-input-icon{top:50%;transform:translateY(-50%);position:absolute;inset-inline-end:0;margin-block-start:calc(-1 * var(--sbb-form-field-margin-block-start) / 2);pointer-events:none;color:var(--sbb-form-field-arrow-color)}.sbb-form-field__input-container{flex:1 1 auto;position:relative;margin-block-start:var(--sbb-form-field-margin-block-start);min-width:0}.sbb-form-field__label-spacer{display:flex;height:calc(var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-body-text));margin-block-end:var(--sbb-form-field-spacer-margin-block-end)}:host(:not([data-slot-names~=label])) :is(.sbb-form-field__label,.sbb-form-field__label-spacer){display:none}:host([hidden-label]) :is(.sbb-form-field__label,.sbb-form-field__label-spacer){border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-form-field__label{display:flex;max-width:100%;cursor:default;position:absolute;inset-block-start:0;color:var(--sbb-form-field-label-color);--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-form-field__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host(:where(:is(:state(input-type-select),[state--input-type-select]),:is(:state(input-type-sbb-select),[state--input-type-sbb-select]))) .sbb-form-field__label{padding-inline-end:var(--sbb-form-field-select-inline-padding-end)}:host([floating-label]) .sbb-form-field__label{transform-origin:0 0;pointer-events:none;backface-visibility:hidden;will-change:transform,font-size;transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x));transition-timing-function:var(--sbb-animation-easing);transition-property:transform,font-size}:host([floating-label]:is(:not(:where(:is(:state(focus),[state--focus])):not(:where(:is(:state(input-type-sbb-select),[state--input-type-sbb-select]))),:where(:is(:state(has-popup-open),[state--has-popup-open]))),:where(:is(:state(readonly),[state--readonly]))):where(:is(:state(empty),[state--empty]))) .sbb-form-field__label{font-size:var(--sbb-form-field-input-text-size);transform:translateY(var(--sbb-form-field-floating-label-transform))}@media (forced-colors: active){:host(:where(:is(:state(input-type-textarea),[state--input-type-textarea]))) .sbb-form-field__label{z-index:1}}.sbb-form-field__label-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-form-field__input{display:flex}:host([size=s]:is(:is(:state(input-type-input),[state--input-type-input]),:is(:state(input-type-select),[state--input-type-select]),:is(:state(input-type-sbb-select),[state--input-type-sbb-select]),:is(:state(input-type-sbb-date-input),[state--input-type-sbb-date-input]),:is(:state(input-type-sbb-time-input),[state--input-type-sbb-time-input]))) .sbb-form-field__input{margin-block-end:-.125rem}.sbb-form-field__error{display:flex;min-height:var(--sbb-form-field-error-min-height);margin-block-start:var(--sbb-form-field-error-padding-block-start-override, var(--sbb-form-field-error-padding-block-start))}`;
16
+ const Se = pe`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;color:var(--sbb-color-3);--sbb-form-field-background-color: var(--sbb-background-color-1);--sbb-form-field-border-color: var(--sbb-border-color-5);--sbb-form-field-border-style: solid;--sbb-form-field-border-radius: var(--sbb-border-radius-4x);--sbb-form-field-border-width: var(--sbb-border-width-1x);--sbb-form-field-min-height: var(--sbb-size-element-m);--sbb-form-field-label-color: var(--sbb-color-metal);--sbb-form-field-label-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));--sbb-form-field-prefix-color: var(--sbb-color-metal);--sbb-form-field-prefix-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));--sbb-form-field-padding-inline: var(--sbb-spacing-fixed-3x);--sbb-form-field-text-color: var(--sbb-color-3);--sbb-form-field-arrow-color: var(--sbb-color-3);--sbb-form-field-error-divider-width: var(--sbb-spacing-fixed-1x);--sbb-form-field-error-padding-block-start: var(--sbb-form-field-error-divider-width);--sbb-form-field-gap: var(--sbb-spacing-fixed-2x);--sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);--sbb-form-field-select-inline-padding-end: calc( var(--sbb-icon-svg-width) + var(--sbb-form-field-gap) );--sbb-form-field-overflow: hidden;--sbb-form-field-input-text-size: var(--sbb-font-size-text-m);--sbb-form-field-label-text-size: var(--sbb-font-size-text-xs);--sbb-form-field-label-size: calc( var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-body-text) );--sbb-form-field-text-line-height: calc( var(--sbb-form-field-input-text-size) * var(--sbb-typo-line-height-body-text) );--sbb-form-field-margin-block-start: calc( ( var(--sbb-form-field-min-height) - var(--sbb-form-field-label-size) - var( --sbb-form-field-text-line-height ) + var(--sbb-form-field-label-to-input-overlapping) ) / 2 );--sbb-form-field-spacer-margin-block-end: calc( -1 * var(--sbb-form-field-label-to-input-overlapping) );--sbb-form-field-floating-label-transform: .53125rem;--sbb-icon-svg-width: var(--sbb-size-icon-ui-small);--sbb-icon-svg-height: var(--sbb-size-icon-ui-small);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) )}@media (min-width: 52.5rem){:host{--sbb-form-field-floating-label-transform: .65625rem}}@media (forced-colors: active){:host{--sbb-form-field-border-color: ButtonBorder}}:host(:where(:not([width=collapse]))){min-width:9.375rem;width:min(18.75rem,100%)}:host([negative]){color:var(--sbb-color-3-negative);--sbb-form-field-background-color: var(--sbb-background-color-1-negative);--sbb-form-field-border-color: var(--sbb-border-color-5);--sbb-form-field-label-color: var(--sbb-color-5);--sbb-form-field-prefix-color: var(--sbb-color-5);--sbb-form-field-text-color: var(--sbb-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-form-field-arrow-color: var(--sbb-color-3-negative)}@media (forced-colors: active){:host([negative]){--sbb-form-field-border-color: ButtonBorder}}:host([size=s]){--sbb-form-field-min-height: var(--sbb-size-element-xs);--sbb-form-field-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-form-field-input-text-size: var(--sbb-font-size-text-s);--sbb-form-field-label-text-size: var(--sbb-font-size-text-xxs);--sbb-form-field-label-to-input-overlapping: .625rem;--sbb-form-field-floating-label-transform: .34375rem;--sbb-form-field-spacer-margin-block-end: -.53125rem}@media (min-width: 52.5rem){:host([size=s]){--sbb-form-field-label-to-input-overlapping: .6875rem;--sbb-form-field-floating-label-transform: .3125rem;--sbb-form-field-spacer-margin-block-end: -.5rem}}:host([size=l]){--sbb-form-field-min-height: var(--sbb-size-element-l);--sbb-form-field-padding-inline: var(--sbb-spacing-responsive-xxxs)}:host([error-space=reserve]){--sbb-form-field-error-min-height: calc( var(--sbb-typo-line-height-body-text) * var(--sbb-font-size-text-xs) );--sbb-form-field-error-padding-block-start-override: var(--sbb-form-field-error-divider-width)}:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))){--sbb-form-field-background-color: var(--sbb-background-color-3);--sbb-form-field-border-color: var(--sbb-color-graphite);--sbb-form-field-border-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-smoke));--sbb-form-field-arrow-color: var(--sbb-color-granite);--sbb-form-field-arrow-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}@media (forced-colors: active){:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))){--sbb-form-field-border-color: ButtonBorder}}:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))[negative]){--sbb-form-field-background-color: var(--sbb-background-color-3-negative);--sbb-form-field-border-color: var(--sbb-border-color-5);--sbb-form-field-arrow-color: var(--sbb-border-color-5)}:host(:where(:is(:state(disabled),[state--disabled]))){--sbb-form-field-label-color: var(--sbb-color-granite);--sbb-form-field-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-form-field-prefix-color: var(--sbb-color-granite);--sbb-form-field-prefix-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));--sbb-form-field-border-style: dashed}@media (forced-colors: active){:host(:where(:is(:state(disabled),[state--disabled]))){--sbb-form-field-label-color: GrayText !important;--sbb-form-field-prefix-color: GrayText !important;--sbb-form-field-text-color: GrayText !important;--sbb-form-field-border-color: GrayText !important}}:host(:where(:is(:state(disabled),[state--disabled]))[negative]){--sbb-form-field-text-color: var(--sbb-color-5);--sbb-form-field-label-color: var(--sbb-color-5);--sbb-form-field-prefix-color: var(--sbb-color-5)}:host(:where(:is(:state(readonly),[state--readonly])):not([negative])){--sbb-form-field-label-color: var(--sbb-color-granite);--sbb-form-field-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-form-field-prefix-color: var(--sbb-color-granite);--sbb-form-field-prefix-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}:host(:where(:is(:state(focus),[state--focus]))){--sbb-form-field-border-color: var(--sbb-border-color-3);--sbb-form-field-prefix-color: var(--sbb-color-3);--sbb-form-field-border-width: var(--sbb-border-width-2x)}:host(:where(:is(:state(focus),[state--focus]))[negative]){--sbb-form-field-border-color: var(--sbb-border-color-3-negative);--sbb-form-field-prefix-color: var(--sbb-color-3-negative)}@media (forced-colors: active){:host(:is(:state(focus),[state--focus])){--sbb-form-field-border-color: Highlight;--sbb-form-field-prefix-color: Highlight}}:host(:not(:where(:is(:state(has-error),[state--has-error])))){--sbb-form-field-error-padding-block-start: 0}:host([floating-label]){--sbb-select-placeholder-color: transparent}@media (forced-colors: active){:host([floating-label]){--sbb-select-placeholder-color: Canvas}}:host(:is(:not([data-slot-names~=label]),[hidden-label])){--sbb-form-field-label-size: 0rem;--sbb-form-field-label-to-input-overlapping: 0rem}:host(:where(:is(:state(input-type-sbb-slider),[state--input-type-sbb-slider]))){--sbb-form-field-overflow: visible}:host(:where(:is(:state(input-type-textarea),[state--input-type-textarea]))){--sbb-form-field-max-height: fit-content}.sbb-form-field__space-wrapper{display:flex;flex-direction:column}.sbb-form-field__space-wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-form-field__wrapper{display:flex;gap:var(--sbb-form-field-gap);padding-inline:var(--sbb-form-field-padding-inline);border-radius:var(--sbb-form-field-border-radius);min-height:var(--sbb-form-field-min-height);max-height:var(--sbb-form-field-max-height);background-color:var(--sbb-form-field-background-color);position:relative}.sbb-form-field__wrapper:before{content:"";display:block;position:absolute;inset:0;border:var(--sbb-form-field-border-width) var(--sbb-form-field-border-style) var(--sbb-form-field-border-color);border-radius:var(--sbb-form-field-border-radius)}:host(:where(:is(:state(focus),[state--focus]):is(:state(focus-origin-keyboard),[state--focus-origin-keyboard]))) .sbb-form-field__wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-form-field-outline-offset, var(--sbb-focus-outline-offset))}@media (forced-colors: none){:host(:is([borderless],:is(:state(input-type-sbb-slider),[state--input-type-sbb-slider]))) .sbb-form-field__wrapper:before{border-color:transparent}:host(:where(:is(:state(focus),[state--focus]),:is(:state(disabled),[state--disabled]))[borderless]) .sbb-form-field__wrapper:after{content:"";position:absolute;border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-form-field-border-color);inset-inline:var(--sbb-form-field-padding-inline);inset-block-end:0;z-index:var(--sbb-form-field-focus-underline-z-index, initial)}}::slotted(*[slot=prefix]){color:var(--sbb-form-field-prefix-color)}::slotted(*[slot=prefix]),::slotted(*[slot=suffix]){display:flex;min-width:var(--sbb-icon-svg-width);margin-block-start:calc((var(--sbb-form-field-min-height) - var(--sbb-size-icon-ui-small)) / 2)}:host(:where(:is(:state(empty),[state--empty]),:is(:state(disabled),[state--disabled]),:is(:state(readonly),[state--readonly]))) ::slotted(sbb-form-field-clear){display:none}::slotted(sbb-datepicker-toggle){padding-block-end:calc((var(--sbb-form-field-min-height) - var(--sbb-size-icon-ui-small)) / 2)}@media (forced-colors: active){::slotted(*[slot=suffix]){color:var(--sbb-form-field-prefix-color)}}.sbb-form-field__select-input-icon{top:50%;transform:translateY(-50%);position:absolute;inset-inline-end:0;margin-block-start:calc(-1 * var(--sbb-form-field-margin-block-start) / 2);pointer-events:none;color:var(--sbb-form-field-arrow-color)}.sbb-form-field__input-container{flex:1 1 auto;position:relative;margin-block-start:var(--sbb-form-field-margin-block-start);min-width:0}.sbb-form-field__label-spacer{display:flex;height:calc(var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-body-text));margin-block-end:var(--sbb-form-field-spacer-margin-block-end)}:host(:not([data-slot-names~=label])) :is(.sbb-form-field__label,.sbb-form-field__label-spacer){display:none}:host([hidden-label]) :is(.sbb-form-field__label,.sbb-form-field__label-spacer){border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-form-field__label{display:flex;max-width:100%;cursor:default;position:absolute;inset-block-start:0;color:var(--sbb-form-field-label-color);--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-form-field__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host(:where(:is(:state(input-type-select),[state--input-type-select]),:is(:state(input-type-sbb-select),[state--input-type-sbb-select]))) .sbb-form-field__label{padding-inline-end:var(--sbb-form-field-select-inline-padding-end)}:host([floating-label]) .sbb-form-field__label{transform-origin:0 0;pointer-events:none;backface-visibility:hidden;will-change:transform,font-size;transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x));transition-timing-function:var(--sbb-animation-easing);transition-property:transform,font-size}:host([floating-label]:is(:not(:where(:is(:state(focus),[state--focus])):not(:where(:is(:state(input-type-sbb-select),[state--input-type-sbb-select]))),:where(:is(:state(has-popup-open),[state--has-popup-open]))),:where(:is(:state(readonly),[state--readonly]))):where(:is(:state(empty),[state--empty]))) .sbb-form-field__label{font-size:var(--sbb-form-field-input-text-size);transform:translateY(var(--sbb-form-field-floating-label-transform))}@media (forced-colors: active){:host(:where(:is(:state(input-type-textarea),[state--input-type-textarea]))) .sbb-form-field__label{z-index:1}}.sbb-form-field__label-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-form-field__input{display:flex}:host([size=s]:is(:is(:state(input-type-input),[state--input-type-input]),:is(:state(input-type-select),[state--input-type-select]),:is(:state(input-type-sbb-select),[state--input-type-sbb-select]),:is(:state(input-type-sbb-date-input),[state--input-type-sbb-date-input]),:is(:state(input-type-sbb-time-input),[state--input-type-sbb-time-input]))) .sbb-form-field__input{margin-block-end:-.125rem}.sbb-form-field__error{display:flex;min-height:var(--sbb-form-field-error-min-height);margin-block-start:var(--sbb-form-field-error-padding-block-start-override, var(--sbb-form-field-error-padding-block-start))}`;
17
17
  let ne = 0;
18
18
  const z = /* @__PURE__ */ new WeakMap(), be = ["input", "textarea", "select"];
19
19
  class Ve extends Event {
package/form-field/form-field-clear/form-field-clear.component.js CHANGED
@@ -3,14 +3,14 @@ import { css as l, html as d } from "lit";
3
3
  import { customElement as c } from "lit/decorators.js";
4
4
  import { SbbButtonBaseElement as u } from "../../core/base-elements.js";
5
5
  import { SbbLanguageController as v } from "../../core/controllers.js";
6
- import { i18nClearInput as m } from "../../core/i18n.js";
7
- import { SbbNegativeMixin as f } from "../../core/mixins.js";
6
+ import { i18nClearInput as f } from "../../core/i18n.js";
7
+ import { SbbNegativeMixin as m } from "../../core/mixins.js";
8
8
  import "../../icon.js";
9
- const h = l`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-form-field-clear{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-form-field-clear:before{position:absolute;content:"";inset:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-form-field-clear{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible)) .sbb-form-field-clear:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host([data-focus-visible]){--sbb-focus-outline-style: initial}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-active-background)}`;
9
+ const g = l`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-3);--sbb-button-color-default-background: transparent;--sbb-button-color-hover-background: var(--sbb-background-color-3);--sbb-button-color-active-background: var(--sbb-background-color-4);--sbb-button-color-disabled-background: var(--sbb-background-color-3);--sbb-button-color-disabled-border: var(--sbb-border-color-5);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-color-disabled-text: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-form-field-clear{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-form-field-clear:before{position:absolute;content:"";inset:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-3-negative);--sbb-button-color-default-background: transparent;--sbb-button-color-hover-background: var(--sbb-background-color-3-negative);--sbb-button-color-active-background: var(--sbb-background-color-4-negative);--sbb-button-color-disabled-background: var(--sbb-background-color-3-negative);--sbb-button-color-disabled-border: var(--sbb-border-color-5);--sbb-button-color-disabled-text: var(--sbb-color-5)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-form-field-clear{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible)) .sbb-form-field-clear:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host([data-focus-visible]){--sbb-focus-outline-style: initial}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-active-background)}`;
10
10
  let S = (() => {
11
11
  var r;
12
- let i = [c("sbb-form-field-clear")], a, b = [], o, e = f(u);
13
- return r = class extends e {
12
+ let i = [c("sbb-form-field-clear")], b, e = [], o, a = m(u);
13
+ return r = class extends a {
14
14
  constructor() {
15
15
  super(), this._language = new v(this), this.addEventListener?.("click", () => this._handleClick());
16
16
  }
@@ -22,15 +22,15 @@ let S = (() => {
22
22
  !t || t.localName !== "input" || (this._formField?.clear(), t.focus(), t.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 })));
23
23
  }
24
24
  willUpdate(t) {
25
- super.willUpdate(t), this.internals.ariaLabel = m[this._language.current];
25
+ super.willUpdate(t), this.internals.ariaLabel = f[this._language.current];
26
26
  }
27
27
  renderTemplate() {
28
28
  return d` <sbb-icon name="cross-small"></sbb-icon> `;
29
29
  }
30
30
  }, o = r, (() => {
31
- const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
32
- s(null, a = { value: o }, i, { kind: "class", name: o.name, metadata: t }, null, b), o = a.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
33
- })(), r.styles = h, n(o, b), o;
31
+ const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
32
+ s(null, b = { value: o }, i, { kind: "class", name: o.name, metadata: t }, null, e), o = b.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
33
+ })(), r.styles = g, n(o, e), o;
34
34
  })();
35
35
  export {
36
36
  S as SbbFormFieldClearElement
package/header/common/header-action-common.js CHANGED
@@ -9,10 +9,10 @@ import { html as z } from "lit/static-html.js";
9
9
  import { slotState as k } from "../../core/decorators/slot-state.js";
10
10
  import { SbbIconNameMixin as S } from "../../icon.js";
11
11
  import { css as F } from "lit";
12
- const H = F`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-header-action-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-header-action-color: var(--sbb-color-black);--sbb-header-action-background-color: transparent;--sbb-header-action-min-height: var(--sbb-size-element-s);--sbb-header-action-min-width: var(--sbb-header-action-min-height);--sbb-header-action-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-header-action-transition-easing: var(--sbb-animation-easing);--sbb-header-action-border-color: transparent;--sbb-header-action-background-inset: 0;--sbb-header-action-translate-y: 0;--sbb-header-action-gap: var(--sbb-spacing-fixed-2x);--sbb-header-action-icon-dimension: var(--sbb-size-icon-ui-small);--sbb-header-action-active-border-width: var(--sbb-border-width-2x);--sbb-header-action-active-border-color: var(--sbb-color-black);--sbb-header-action-active-border-margin-inline: var(--sbb-header-action-padding-inline);--sbb-header-action-active-border-scale: 0;--_sbb-header-first-item-padding-shift: calc(-1 * var(--sbb-header-action-padding-inline));--sbb-header-first-item-icon-shift: .125rem;--sbb-header-first-item-margin-inline-start: calc( var(--_sbb-header-first-item-padding-shift) - var(--sbb-header-first-item-icon-shift) )}@media (forced-colors: active){:host{--sbb-header-action-border-color: CanvasText;--sbb-header-action-color: LinkText;--sbb-header-action-active-border-width: 0}}@media (any-hover: hover){:host(:hover:not(:active,[data-active])){--sbb-header-action-background-color: var(--sbb-color-milk);--sbb-header-action-translate-y: -.0625rem;--sbb-header-action-background-inset: calc(var(--sbb-border-width-2x) * -1)}}@media (any-hover: hover) and (forced-colors: active){:host(:hover:not(:active,[data-active])){--sbb-header-action-border-color: Highlight}}:host(:is(:active,[data-active])){--sbb-header-action-background-color: var(--sbb-color-cloud)}@media (forced-colors: active){:host(:is(:active,[data-active])){--sbb-header-action-border-color: Highlight}}:host(.sbb-active){--sbb-header-action-active-border-scale: 1}@media (forced-colors: active){:host(.sbb-active){--sbb-header-action-border-color: Highlight}}@media (forced-colors: active){:host([data-button]){--sbb-header-action-color: ButtonText}}:host(:not([data-slot-names~=icon],[icon-name])){--sbb-header-first-item-margin-inline-start: var(--_sbb-header-first-item-padding-shift)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;display:flex;position:relative;align-items:center;justify-content:center;color:var(--sbb-header-action-color);text-decoration:none;min-height:var(--sbb-header-action-min-height);min-width:var(--sbb-header-action-min-width);padding-inline:var(--sbb-header-action-padding-inline-zero, var(--sbb-header-action-padding-inline));cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.sbb-action-base:before{position:absolute;content:"";inset:var(--sbb-header-action-background-inset);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-header-action-background-color);transition-duration:var(--sbb-header-action-transition-duration);transition-timing-function:var(--sbb-header-action-transition-easing);transition-property:inset,background-color;border:var(--sbb-border-width-1x) solid var(--sbb-header-action-border-color)}@media (forced-colors: active){.sbb-action-base:before{border-width:var(--sbb-border-width-2x)}}:host(:focus-visible) .sbb-action-base:before,.sbb-action-base:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-action-base:after{content:"";position:absolute;border-bottom:var(--sbb-header-action-active-border-width) solid var(--sbb-header-action-active-border-color);inset:auto 0 calc(-1 * var(--sbb-header-action-active-border-width));margin-inline:var(--sbb-header-action-active-border-margin-inline);scale:var(--sbb-header-action-active-border-scale);transition:scale var(--sbb-header-action-transition-easing) var(--sbb-header-action-transition-duration)}.sbb-header-action__wrapper{display:flex;align-items:center;gap:var(--sbb-header-action-gap);white-space:nowrap;transform:translateY(var(--sbb-header-action-translate-y));transition:transform var(--sbb-header-action-transition-duration) var(--sbb-header-action-transition-easing);will-change:transform;max-width:100%}.sbb-header-action__icon{--sbb-icon-svg-stroke-color: currentcolor;--sbb-icon-svg-stroke-width: 1px;min-width:var(--sbb-header-action-icon-dimension);min-height:var(--sbb-header-action-icon-dimension);line-height:0}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-header-action__icon{display:none}.sbb-header-action__text{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}:host(:not([data-slot-names~=unnamed])) .sbb-header-action__text{display:none}@media (max-width: -.0625rem){:host([expand-from=zero]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=zero]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media (max-width: 22.4375rem){:host([expand-from=micro]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=micro]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media (max-width: 37.4375rem){:host([expand-from=small]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=small]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media (max-width: 52.4375rem){:host([expand-from=medium]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=medium]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media (max-width: 63.9375rem){:host([expand-from=large]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=large]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media (max-width: 79.9375rem){:host([expand-from=wide]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=wide]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media (max-width: 89.9375rem){:host([expand-from=ultra]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=ultra]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media (max-width: calc(99rem-0.0625rem)){:host([expand-from=ultra--max-content]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=ultra--max-content]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}::slotted([slot=icon]:is(sbb-image,img)){width:var(--sbb-header-action-icon-dimension);height:var(--sbb-header-action-icon-dimension);border-radius:var(--sbb-border-radius-infinity)}`, O = (e) => (() => {
12
+ const H = F`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-header-action-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-header-action-color: var(--sbb-color-1);--sbb-header-action-background-color: transparent;--sbb-header-action-min-height: var(--sbb-size-element-s);--sbb-header-action-min-width: var(--sbb-header-action-min-height);--sbb-header-action-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-header-action-transition-easing: var(--sbb-animation-easing);--sbb-header-action-border-color: transparent;--sbb-header-action-background-inset: 0;--sbb-header-action-translate-y: 0;--sbb-header-action-gap: var(--sbb-spacing-fixed-2x);--sbb-header-action-icon-dimension: var(--sbb-size-icon-ui-small);--sbb-header-action-active-border-width: var(--sbb-border-width-2x);--sbb-header-action-active-border-color: var(--sbb-header-action-color);--sbb-header-action-active-border-margin-inline: var(--sbb-header-action-padding-inline);--sbb-header-action-active-border-scale: 0;--_sbb-header-first-item-padding-shift: calc(-1 * var(--sbb-header-action-padding-inline));--sbb-header-first-item-icon-shift: .125rem;--sbb-header-first-item-margin-inline-start: calc( var(--_sbb-header-first-item-padding-shift) - var(--sbb-header-first-item-icon-shift) )}@media (forced-colors: active){:host{--sbb-header-action-border-color: CanvasText;--sbb-header-action-color: LinkText;--sbb-header-action-active-border-width: 0}}@media (any-hover: hover){:host(:hover:not(:active,[data-active])){--sbb-header-action-background-color: var(--sbb-background-color-3);--sbb-header-action-translate-y: -.0625rem;--sbb-header-action-background-inset: calc(var(--sbb-border-width-2x) * -1)}}@media (any-hover: hover) and (forced-colors: active){:host(:hover:not(:active,[data-active])){--sbb-header-action-border-color: Highlight}}:host(:is(:active,[data-active])){--sbb-header-action-background-color: var(--sbb-background-color-4)}@media (forced-colors: active){:host(:is(:active,[data-active])){--sbb-header-action-border-color: Highlight}}:host(.sbb-active){--sbb-header-action-active-border-scale: 1}@media (forced-colors: active){:host(.sbb-active){--sbb-header-action-border-color: Highlight}}@media (forced-colors: active){:host([data-button]){--sbb-header-action-color: ButtonText}}:host(:not([data-slot-names~=icon],[icon-name])){--sbb-header-first-item-margin-inline-start: var(--_sbb-header-first-item-padding-shift)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;display:flex;position:relative;align-items:center;justify-content:center;color:var(--sbb-header-action-color);text-decoration:none;min-height:var(--sbb-header-action-min-height);min-width:var(--sbb-header-action-min-width);padding-inline:var(--sbb-header-action-padding-inline-zero, var(--sbb-header-action-padding-inline));cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.sbb-action-base:before{position:absolute;content:"";inset:var(--sbb-header-action-background-inset);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-header-action-background-color);transition-duration:var(--sbb-header-action-transition-duration);transition-timing-function:var(--sbb-header-action-transition-easing);transition-property:inset,background-color;border:var(--sbb-border-width-1x) solid var(--sbb-header-action-border-color)}@media (forced-colors: active){.sbb-action-base:before{border-width:var(--sbb-border-width-2x)}}:host(:focus-visible) .sbb-action-base:before,.sbb-action-base:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-action-base:after{content:"";position:absolute;border-bottom:var(--sbb-header-action-active-border-width) solid var(--sbb-header-action-active-border-color);inset:auto 0 calc(-1 * var(--sbb-header-action-active-border-width));margin-inline:var(--sbb-header-action-active-border-margin-inline);scale:var(--sbb-header-action-active-border-scale);transition:scale var(--sbb-header-action-transition-easing) var(--sbb-header-action-transition-duration)}.sbb-header-action__wrapper{display:flex;align-items:center;gap:var(--sbb-header-action-gap);white-space:nowrap;transform:translateY(var(--sbb-header-action-translate-y));transition:transform var(--sbb-header-action-transition-duration) var(--sbb-header-action-transition-easing);will-change:transform;max-width:100%}.sbb-header-action__icon{--sbb-icon-svg-stroke-color: currentcolor;--sbb-icon-svg-stroke-width: 1px;min-width:var(--sbb-header-action-icon-dimension);min-height:var(--sbb-header-action-icon-dimension);line-height:0}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-header-action__icon{display:none}.sbb-header-action__text{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}:host(:not([data-slot-names~=unnamed])) .sbb-header-action__text{display:none}@media (max-width: -.0625rem){:host([expand-from=zero]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=zero]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media (max-width: 22.4375rem){:host([expand-from=micro]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=micro]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media (max-width: 37.4375rem){:host([expand-from=small]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=small]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media (max-width: 52.4375rem){:host([expand-from=medium]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=medium]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media (max-width: 63.9375rem){:host([expand-from=large]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=large]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media (max-width: 79.9375rem){:host([expand-from=wide]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=wide]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media (max-width: 89.9375rem){:host([expand-from=ultra]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=ultra]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media (max-width: calc(99rem-0.0625rem)){:host([expand-from=ultra--max-content]:is([data-slot-names~=icon],[icon-name])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=ultra--max-content]:is([data-slot-names~=icon],[icon-name])) .sbb-header-action__text{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}::slotted([slot=icon]:is(sbb-image,img)){width:var(--sbb-header-action-icon-dimension);height:var(--sbb-header-action-icon-dimension);border-radius:var(--sbb-border-radius-infinity)}`, O = (e) => (() => {
13
13
  var s, t;
14
- let i = [k()], r, c = [], n, l = S(e), h, m = [], p = [];
15
- return t = class extends l {
14
+ let i = [k()], r, c = [], n, h = S(e), l, m = [], p = [];
15
+ return t = class extends h {
16
16
  constructor() {
17
17
  super(...arguments);
18
18
  x(this, s, b(this, m, "medium"));
@@ -40,8 +40,8 @@ const H = F`*,:before,:after{box-sizing:border-box}:host{display:inline-block;ou
40
40
  `;
41
41
  }
42
42
  }, s = new WeakMap(), n = t, (() => {
43
- const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
44
- h = [y({ attribute: "expand-from", reflect: !0 })], w(t, null, h, { kind: "accessor", name: "expandFrom", static: !1, private: !1, access: { has: (d) => "expandFrom" in d, get: (d) => d.expandFrom, set: (d, _) => {
43
+ const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
44
+ l = [y({ attribute: "expand-from", reflect: !0 })], w(t, null, l, { kind: "accessor", name: "expandFrom", static: !1, private: !1, access: { has: (d) => "expandFrom" in d, get: (d) => d.expandFrom, set: (d, _) => {
45
45
  d.expandFrom = _;
46
46
  } }, metadata: o }, m, p), w(null, r = { value: n }, i, { kind: "class", name: n.name, metadata: o }, null, c), n = r.value, o && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
47
47
  })(), t.styles = H, b(n, c), n;
package/header/header/header.component.js CHANGED
@@ -1,8 +1,8 @@
1
1
  var D = (s) => {
2
2
  throw TypeError(s);
3
3
  };
4
- var F = (s, a, i) => a.has(s) || D("Cannot " + i);
5
- var m = (s, a, i) => (F(s, a, "read from private field"), i ? i.call(s) : a.get(s)), p = (s, a, i) => a.has(s) ? D("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, i), l = (s, a, i, d) => (F(s, a, "write to private field"), d ? d.call(s, i) : a.set(s, i), i);
4
+ var F = (s, r, a) => r.has(s) || D("Cannot " + a);
5
+ var m = (s, r, a) => (F(s, r, "read from private field"), a ? a.call(s) : r.get(s)), p = (s, r, a) => r.has(s) ? D("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(s) : r.set(s, a), l = (s, r, a, d) => (F(s, r, "write to private field"), d ? d.call(s, a) : r.set(s, a), a);
6
6
  import { __esDecorate as _, __runInitializers as n } from "tslib";
7
7
  import { css as q, LitElement as B, isServer as M, html as N } from "lit";
8
8
  import { customElement as R, property as v, state as Z } from "lit/decorators.js";
@@ -10,10 +10,10 @@ import { SbbFocusVisibleWithinController as Q } from "../../core/a11y.js";
10
10
  import { forceType as j, idReference as V } from "../../core/decorators.js";
11
11
  import { isLean as W } from "../../core/dom.js";
12
12
  import { SbbHydrationMixin as Y } from "../../core/mixins.js";
13
- const G = q`*,:before,:after{box-sizing:border-box}:host{display:block;height:var(--sbb-header-height);--sbb-logo-height: 1rem;--sbb-signet-height: 1rem;--sbb-header-position: fixed;--sbb-header-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-header-inset-inline-end: 0}@media (min-width: 52.5rem){:host{--sbb-logo-height: 1.25rem;--sbb-signet-height: 1.25rem}}:host([hide-on-scroll]){--sbb-header-position: absolute}:host([hide-on-scroll][data-fixed]){--sbb-header-position: fixed;--sbb-header-animation-name: hide;--sbb-header-transform: translate3d(0, -100%, 0);--sbb-header-inset-inline-end: var(--sbb-scrollbar-width, 0)}:host([hide-on-scroll][data-fixed][data-animated]){--sbb-header-transition-timing: cubic-bezier(.4, 0, 1, 1)}:host([hide-on-scroll][data-fixed][data-visible]){--sbb-header-animation-name: show;--sbb-header-transform: translate3d(0, 0, 0);--sbb-header-transition-timing: cubic-bezier(0, 0, .2, 1)}:host([hide-on-scroll][data-fixed][data-has-visible-focus-within]){--sbb-header-transition-duration: 0;--sbb-header-transform: translate3d(0, 0, 0)}.sbb-header{position:var(--sbb-header-position);inset:0 var(--sbb-header-inset-inline-end) auto 0;background:var(--sbb-color-white);z-index:var(--sbb-header-z-index, 10);transform:var(--sbb-header-transform);transition-property:box-shadow;transition-duration:var(--sbb-header-transition-duration);transition-timing-function:var(--sbb-header-transition-timing);animation-name:var(--sbb-header-animation-name);animation-duration:var(--sbb-header-transition-duration);animation-timing-function:var(--sbb-header-transition-timing)}:host(:is([data-shadow],[data-has-visible-focus-within][data-fixed])) .sbb-header{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-soft-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-soft-1-color)}@media (forced-colors: active){.sbb-header{border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-header__wrapper{display:flex;align-items:center;justify-content:flex-start;height:var(--sbb-header-height)}:host(:not([expanded])) .sbb-header__wrapper{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([expanded])) .sbb-header__wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([expanded]) .sbb-header__wrapper{padding-inline:var(--sbb-spacing-responsive-xxs)}::slotted(:is(sbb-header-button,sbb-header-link):first-child){margin-inline-start:var(--sbb-header-first-item-margin-inline-start)}:host([size=s]) ::slotted(:is(sbb-header-button,sbb-header-link)){--sbb-header-action-min-height: var(--sbb-size-element-xs);--sbb-header-action-padding-inline: var(--sbb-spacing-fixed-4x)}::slotted(*){flex:0 0 auto}::slotted(.sbb-header-shrinkable){flex-shrink:1;min-width:0}::slotted(.sbb-header-spacer){flex-grow:1}::slotted(.sbb-header-logo){margin-inline-start:var(--sbb-spacing-responsive-s)}::slotted(a.sbb-header-logo){display:block;padding-block:var(--sbb-spacing-fixed-3x);position:relative;outline:none!important}::slotted(a.sbb-header-logo):before{content:"";display:block;position:absolute;inset:var(--sbb-spacing-fixed-3x) 0}::slotted(a.sbb-header-logo:focus-visible):before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-3x);border-radius:1px}@keyframes show{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}@keyframes hide{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0)}}`, J = "[aria-controls][aria-expanded='true']";
13
+ const G = q`*,:before,:after{box-sizing:border-box}:host{display:block;height:var(--sbb-header-height);--sbb-logo-height: 1rem;--sbb-signet-height: 1rem;--sbb-header-position: fixed;--sbb-header-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-header-inset-inline-end: 0}@media (min-width: 52.5rem){:host{--sbb-logo-height: 1.25rem;--sbb-signet-height: 1.25rem}}:host([hide-on-scroll]){--sbb-header-position: absolute}:host([hide-on-scroll][data-fixed]){--sbb-header-position: fixed;--sbb-header-animation-name: hide;--sbb-header-transform: translate3d(0, -100%, 0);--sbb-header-inset-inline-end: var(--sbb-scrollbar-width, 0)}:host([hide-on-scroll][data-fixed][data-animated]){--sbb-header-transition-timing: cubic-bezier(.4, 0, 1, 1)}:host([hide-on-scroll][data-fixed][data-visible]){--sbb-header-animation-name: show;--sbb-header-transform: translate3d(0, 0, 0);--sbb-header-transition-timing: cubic-bezier(0, 0, .2, 1)}:host([hide-on-scroll][data-fixed][data-has-visible-focus-within]){--sbb-header-transition-duration: 0;--sbb-header-transform: translate3d(0, 0, 0)}.sbb-header{position:var(--sbb-header-position);inset:0 var(--sbb-header-inset-inline-end) auto 0;background:var(--sbb-background-color-1);z-index:var(--sbb-header-z-index, 10);transform:var(--sbb-header-transform);transition-property:box-shadow;transition-duration:var(--sbb-header-transition-duration);transition-timing-function:var(--sbb-header-transition-timing);animation-name:var(--sbb-header-animation-name);animation-duration:var(--sbb-header-transition-duration);animation-timing-function:var(--sbb-header-transition-timing)}:host(:is([data-shadow],[data-has-visible-focus-within][data-fixed])) .sbb-header{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-color-soft-2),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-color-soft-1)}@media (forced-colors: active){.sbb-header{border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-header__wrapper{display:flex;align-items:center;justify-content:flex-start;height:var(--sbb-header-height)}:host(:not([expanded])) .sbb-header__wrapper{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([expanded])) .sbb-header__wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([expanded]) .sbb-header__wrapper{padding-inline:var(--sbb-spacing-responsive-xxs)}::slotted(:is(sbb-header-button,sbb-header-link):first-child){margin-inline-start:var(--sbb-header-first-item-margin-inline-start)}:host([size=s]) ::slotted(:is(sbb-header-button,sbb-header-link)){--sbb-header-action-min-height: var(--sbb-size-element-xs);--sbb-header-action-padding-inline: var(--sbb-spacing-fixed-4x)}::slotted(*){flex:0 0 auto}::slotted(.sbb-header-shrinkable){flex-shrink:1;min-width:0}::slotted(.sbb-header-spacer){flex-grow:1}::slotted(.sbb-header-logo){margin-inline-start:var(--sbb-spacing-responsive-s)}::slotted(a.sbb-header-logo){display:block;padding-block:var(--sbb-spacing-fixed-3x);position:relative;outline:none!important}::slotted(a.sbb-header-logo):before{content:"";display:block;position:absolute;inset:var(--sbb-spacing-fixed-3x) 0}::slotted(a.sbb-header-logo:focus-visible):before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-3x);border-radius:1px}@keyframes show{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}@keyframes hide{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0)}}`, J = "[aria-controls][aria-expanded='true']";
14
14
  let oe = (() => {
15
15
  var h, b, c, u, f, o;
16
- let s = [R("sbb-header")], a, i = [], d, g = Y(B), x, w = [], O = [], S, y = [], z = [], E, k = [], T = [], C, L = [], A = [], I, U = [], P = [];
16
+ let s = [R("sbb-header")], r, a = [], d, g = Y(B), x, w = [], O = [], S, y = [], z = [], E, k = [], T = [], C, L = [], A = [], I, U = [], P = [];
17
17
  return o = class extends g {
18
18
  constructor() {
19
19
  super();
@@ -76,8 +76,8 @@ let oe = (() => {
76
76
  disconnectedCallback() {
77
77
  super.disconnectedCallback(), this._scrollElement = null, this._scrollEventsController?.abort();
78
78
  }
79
- requestUpdate(e, t, r) {
80
- super.requestUpdate(e, t, r), !M && (!e || e === "scrollOrigin") && this.hasUpdated && this._updateScrollListener();
79
+ requestUpdate(e, t, i) {
80
+ super.requestUpdate(e, t, i), !M && (!e || e === "scrollOrigin") && this.hasUpdated && this._updateScrollListener();
81
81
  }
82
82
  firstUpdated(e) {
83
83
  super.firstUpdated(e), this._updateScrollListener();
@@ -120,7 +120,7 @@ let oe = (() => {
120
120
  return;
121
121
  const e = Array.from(this.querySelectorAll(J));
122
122
  for (const t of e) {
123
- const r = t.getAttribute("aria-controls"), H = document.getElementById(r);
123
+ const i = t.getAttribute("aria-controls"), H = document.getElementById(i);
124
124
  typeof H?.close == "function" && H.close();
125
125
  }
126
126
  }
@@ -135,18 +135,18 @@ let oe = (() => {
135
135
  }
136
136
  }, h = new WeakMap(), b = new WeakMap(), c = new WeakMap(), u = new WeakMap(), f = new WeakMap(), d = o, (() => {
137
137
  const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
138
- x = [j(), v({ reflect: !0, type: Boolean })], S = [V(), v({ attribute: "scroll-origin" })], E = [j(), v({ attribute: "hide-on-scroll", reflect: !0, type: Boolean })], C = [v({ reflect: !0 })], I = [Z()], _(o, null, x, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (t) => "expanded" in t, get: (t) => t.expanded, set: (t, r) => {
139
- t.expanded = r;
140
- } }, metadata: e }, w, O), _(o, null, S, { kind: "accessor", name: "scrollOrigin", static: !1, private: !1, access: { has: (t) => "scrollOrigin" in t, get: (t) => t.scrollOrigin, set: (t, r) => {
141
- t.scrollOrigin = r;
142
- } }, metadata: e }, y, z), _(o, null, E, { kind: "accessor", name: "hideOnScroll", static: !1, private: !1, access: { has: (t) => "hideOnScroll" in t, get: (t) => t.hideOnScroll, set: (t, r) => {
143
- t.hideOnScroll = r;
144
- } }, metadata: e }, k, T), _(o, null, C, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, r) => {
145
- t.size = r;
146
- } }, metadata: e }, L, A), _(o, null, I, { kind: "accessor", name: "_headerOnTop", static: !1, private: !1, access: { has: (t) => "_headerOnTop" in t, get: (t) => t._headerOnTop, set: (t, r) => {
147
- t._headerOnTop = r;
148
- } }, metadata: e }, U, P), _(null, a = { value: d }, s, { kind: "class", name: d.name, metadata: e }, null, i), d = a.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
149
- })(), o.styles = G, n(d, i), d;
138
+ x = [j(), v({ reflect: !0, type: Boolean })], S = [V(), v({ attribute: "scroll-origin" })], E = [j(), v({ attribute: "hide-on-scroll", reflect: !0, type: Boolean })], C = [v({ reflect: !0 })], I = [Z()], _(o, null, x, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (t) => "expanded" in t, get: (t) => t.expanded, set: (t, i) => {
139
+ t.expanded = i;
140
+ } }, metadata: e }, w, O), _(o, null, S, { kind: "accessor", name: "scrollOrigin", static: !1, private: !1, access: { has: (t) => "scrollOrigin" in t, get: (t) => t.scrollOrigin, set: (t, i) => {
141
+ t.scrollOrigin = i;
142
+ } }, metadata: e }, y, z), _(o, null, E, { kind: "accessor", name: "hideOnScroll", static: !1, private: !1, access: { has: (t) => "hideOnScroll" in t, get: (t) => t.hideOnScroll, set: (t, i) => {
143
+ t.hideOnScroll = i;
144
+ } }, metadata: e }, k, T), _(o, null, C, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, i) => {
145
+ t.size = i;
146
+ } }, metadata: e }, L, A), _(o, null, I, { kind: "accessor", name: "_headerOnTop", static: !1, private: !1, access: { has: (t) => "_headerOnTop" in t, get: (t) => t._headerOnTop, set: (t, i) => {
147
+ t._headerOnTop = i;
148
+ } }, metadata: e }, U, P), _(null, r = { value: d }, s, { kind: "class", name: d.name, metadata: e }, null, a), d = r.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
149
+ })(), o.styles = G, n(d, a), d;
150
150
  })();
151
151
  export {
152
152
  oe as SbbHeaderElement
package/header/header-environment/header-environment.component.js CHANGED
@@ -3,7 +3,7 @@ import { MutationController as l } from "@lit-labs/observers/mutation-controller
3
3
  import { css as c, LitElement as d, html as v } from "lit";
4
4
  import { customElement as m } from "lit/decorators.js";
5
5
  import { SbbElementInternalsMixin as h } from "../../core/mixins.js";
6
- const u = c`*,:before,:after{box-sizing:border-box}:host{--sbb-header-environment-background-color: var(--sbb-color-granite);--sbb-header-environment-color: var(--sbb-color-white);--sbb-header-environment-size: 2.375rem;--sbb-header-environment-rotate: 45deg;position:absolute;inset-inline-end:0;inset-block-start:0;display:flex;align-items:center;justify-content:center}:host(:dir(rtl)){--sbb-header-environment-rotate: -45deg}:host(:is(:state(env-dev),[state--env-dev])){--sbb-header-environment-background-color: var(--sbb-color-orange)}:host(:is(:state(env-edu),[state--env-edu])){--sbb-header-environment-background-color: var(--sbb-color-green)}:host(:is(:state(env-int),[state--env-int])),:host(:is(:state(env-inte),[state--env-inte])){--sbb-header-environment-background-color: var(--sbb-color-granite)}:host(:is(:state(env-loc),[state--env-loc])){--sbb-header-environment-background-color: var(--sbb-color-pink)}:host(:is(:state(env-test),[state--env-test])){--sbb-header-environment-background-color: var(--sbb-color-sky)}:host:before{content:"";border-block-start:var(--sbb-header-environment-size) solid var(--sbb-header-environment-background-color);border-inline-start:var(--sbb-header-environment-size) solid transparent}.sbb-header-environment__text{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;position:absolute;color:var(--sbb-header-environment-color);rotate:var(--sbb-header-environment-rotate);padding-block-end:var(--sbb-spacing-fixed-4x)}`;
6
+ const u = c`*,:before,:after{box-sizing:border-box}:host{--sbb-header-environment-background-color: var(--sbb-color-granite);--sbb-header-environment-color: var(--sbb-color-1-negative);--sbb-header-environment-size: 2.375rem;--sbb-header-environment-rotate: 45deg;position:absolute;inset-inline-end:0;inset-block-start:0;display:flex;align-items:center;justify-content:center}:host(:dir(rtl)){--sbb-header-environment-rotate: -45deg}:host(:is(:state(env-dev),[state--env-dev])){--sbb-header-environment-background-color: var(--sbb-color-orange)}:host(:is(:state(env-edu),[state--env-edu])){--sbb-header-environment-background-color: var(--sbb-color-green)}:host(:is(:state(env-int),[state--env-int])),:host(:is(:state(env-inte),[state--env-inte])){--sbb-header-environment-background-color: var(--sbb-color-granite)}:host(:is(:state(env-loc),[state--env-loc])){--sbb-header-environment-background-color: var(--sbb-color-pink)}:host(:is(:state(env-test),[state--env-test])){--sbb-header-environment-background-color: var(--sbb-color-sky)}:host:before{content:"";border-block-start:var(--sbb-header-environment-size) solid var(--sbb-header-environment-background-color);border-inline-start:var(--sbb-header-environment-size) solid transparent}.sbb-header-environment__text{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;position:absolute;color:var(--sbb-header-environment-color);rotate:var(--sbb-header-environment-rotate);padding-block-end:var(--sbb-spacing-fixed-4x)}`;
7
7
  let _ = (() => {
8
8
  var t;
9
9
  let a = [m("sbb-header-environment")], r, o = [], e, s = h(d);
package/icon-sidebar-button-common-BeRXvifI.js ADDED
@@ -0,0 +1,7 @@
1
+ import { css as o } from "lit";
2
+ const b = o`*,:before,:after{box-sizing:border-box}:host{position:absolute;inset:0}`, i = o`*,:before,:after{box-sizing:border-box}:host{position:relative;display:block;height:100%;overflow:auto;outline-color:var(--sbb-focus-outline-color)}`, r = o`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important;--sbb-icon-sidebar-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-icon-sidebar-button-transition-easing-function: var(--sbb-animation-easing);--sbb-icon-sidebar-button-dimension: var(--sbb-size-element-m);--sbb-icon-sidebar-button-border-radius: var(--sbb-border-radius-4x);--sbb-icon-sidebar-button-color: var(--sbb-color-granite);--sbb-icon-sidebar-button-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));--sbb-icon-sidebar-button-current-color: var(--sbb-color-3);--sbb-icon-sidebar-button-current-border-width: var(--sbb-border-width-3x);--sbb-icon-sidebar-button-current-border-inset-block: var(--sbb-spacing-fixed-2x);--sbb-icon-sidebar-button__current-border-inset-inline-start: 0;--sbb-icon-sidebar-button__color: var(--sbb-icon-sidebar-button-color)}@media (forced-colors: active){:host{--sbb-icon-sidebar-button-current-color: Highlight !important}}@media (forced-colors: active){:host([data-button]){--sbb-icon-sidebar-button-color: ButtonText !important}}@media (forced-colors: active){:host([data-link]){--sbb-icon-sidebar-button-color: LinkText !important}}@media (any-hover: hover){:host(:not(:active,[data-active]):hover){--sbb-icon-sidebar-button__hover-shift: .0625rem;--sbb-icon-sidebar-button__cursor: pointer}}.sbb-action-base{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:var(--sbb-icon-sidebar-button-dimension);padding-block:0 calc(2 * var(--sbb-icon-sidebar-button__hover-shift, 0rem));color:var(--sbb-icon-sidebar-button__color);border-radius:var(--sbb-icon-sidebar-button-border-radius);cursor:var(--sbb-icon-sidebar-button__cursor);-webkit-user-select:none;user-select:none;transition-duration:var(--sbb-icon-sidebar-button-transition-duration);transition-timing-function:var(--sbb-icon-sidebar-button-transition-easing-function);transition-property:color,padding}:host(.sbb-active) .sbb-action-base{color:var(--sbb-icon-sidebar-button-current-color)}:host(.sbb-active) .sbb-action-base:before{content:"";display:block;position:absolute;inset-block:var(--sbb-icon-sidebar-button-current-border-inset-block);inset-inline:var(--sbb-icon-sidebar-button__current-border-inset-inline-start) 0;border-inline-start:var(--sbb-icon-sidebar-button-current-border-width) solid currentcolor}:host(:focus-visible) .sbb-action-base,.sbb-action-base:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:calc(-1 * var(--sbb-focus-outline-width) - .3125rem)}`;
3
+ export {
4
+ i as a,
5
+ r as i,
6
+ b as s
7
+ };
package/index.d.ts CHANGED
@@ -3,6 +3,7 @@ import { SbbTrainWagonElement } from "./train/train-wagon/train-wagon.component.
3
3
  import { SbbTrainFormationElement } from "./train/train-formation/train-formation.component.js";
4
4
  import { SbbTrainBlockedPassageElement } from "./train/train-blocked-passage/train-blocked-passage.component.js";
5
5
  import { SbbTrainElement } from "./train/train/train.component.js";
6
+ import { SbbTooltipElement } from "./tooltip/tooltip.component.js";
6
7
  import { SbbToggleCheckElement } from "./toggle-check/toggle-check.component.js";
7
8
  import { SbbToggleOptionElement } from "./toggle/toggle-option/toggle-option.component.js";
8
9
  import { SbbToggleElement } from "./toggle/toggle/toggle.component.js";
@@ -10,6 +11,10 @@ import { SbbToastElement } from "./toast/toast.component.js";
10
11
  import { SbbTitleElement } from "./title/title.component.js";
11
12
  import { SbbTimetableOccupancyIconElement } from "./timetable-occupancy-icon/timetable-occupancy-icon.component.js";
12
13
  import { SbbTimetableOccupancyElement } from "./timetable-occupancy/timetable-occupancy.component.js";
14
+ import { SbbTimetableFormSwapButtonElement } from "./timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js";
15
+ import { SbbTimetableFormFieldElement } from "./timetable-form/timetable-form-field/timetable-form-field.component.js";
16
+ import { SbbTimetableFormDetailsElement } from "./timetable-form/timetable-form-details/timetable-form-details.component.js";
17
+ import { SbbTimetableFormElement } from "./timetable-form/timetable-form/timetable-form.component.js";
13
18
  import { SbbTimeInputElement } from "./time-input/time-input.component.js";
14
19
  import { SbbTeaserProductStaticElement } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
15
20
  import { SbbTeaserProductElement } from "./teaser-product/teaser-product/teaser-product.component.js";
@@ -118,6 +123,9 @@ import { SbbChipElement } from "./chip/chip/chip.component.js";
118
123
  import { SbbCheckboxPanelElement } from "./checkbox/checkbox-panel/checkbox-panel.component.js";
119
124
  import { SbbCheckboxGroupElement } from "./checkbox/checkbox-group/checkbox-group.component.js";
120
125
  import { SbbCheckboxElement } from "./checkbox/checkbox/checkbox.component.js";
126
+ import { SbbCarouselListElement } from "./carousel/carousel-list/carousel-list.component.js";
127
+ import { SbbCarouselItemElement } from "./carousel/carousel-item/carousel-item.component.js";
128
+ import { SbbCarouselElement } from "./carousel/carousel/carousel.component.js";
121
129
  import { SbbCardLinkElement } from "./card/card-link/card-link.component.js";
122
130
  import { SbbCardButtonElement } from "./card/card-button/card-button.component.js";
123
131
  import { SbbCardBadgeElement } from "./card/card-badge/card-badge.component.js";
@@ -179,6 +187,9 @@ declare global {
179
187
  var SbbCardButtonElement: SbbCardButtonElement;
180
188
  var SbbCardElement: SbbCardElement;
181
189
  var SbbCardLinkElement: SbbCardLinkElement;
190
+ var SbbCarouselElement: SbbCarouselElement;
191
+ var SbbCarouselItemElement: SbbCarouselItemElement;
192
+ var SbbCarouselListElement: SbbCarouselListElement;
182
193
  var SbbCheckboxElement: SbbCheckboxElement;
183
194
  var SbbCheckboxGroupElement: SbbCheckboxGroupElement;
184
195
  var SbbCheckboxPanelElement: SbbCheckboxPanelElement;
@@ -287,6 +298,10 @@ declare global {
287
298
  var SbbTeaserProductElement: SbbTeaserProductElement;
288
299
  var SbbTeaserProductStaticElement: SbbTeaserProductStaticElement;
289
300
  var SbbTimeInputElement: SbbTimeInputElement;
301
+ var SbbTimetableFormDetailsElement: SbbTimetableFormDetailsElement;
302
+ var SbbTimetableFormElement: SbbTimetableFormElement;
303
+ var SbbTimetableFormFieldElement: SbbTimetableFormFieldElement;
304
+ var SbbTimetableFormSwapButtonElement: SbbTimetableFormSwapButtonElement;
290
305
  var SbbTimetableOccupancyElement: SbbTimetableOccupancyElement;
291
306
  var SbbTimetableOccupancyIconElement: SbbTimetableOccupancyIconElement;
292
307
  var SbbTitleElement: SbbTitleElement;
@@ -294,6 +309,7 @@ declare global {
294
309
  var SbbToggleCheckElement: SbbToggleCheckElement;
295
310
  var SbbToggleElement: SbbToggleElement;
296
311
  var SbbToggleOptionElement: SbbToggleOptionElement;
312
+ var SbbTooltipElement: SbbTooltipElement;
297
313
  var SbbTrainBlockedPassageElement: SbbTrainBlockedPassageElement;
298
314
  var SbbTrainElement: SbbTrainElement;
299
315
  var SbbTrainFormationElement: SbbTrainFormationElement;
package/index.js CHANGED
@@ -3,6 +3,7 @@ import { SbbTrainWagonElement } from "./train/train-wagon/train-wagon.component.
3
3
  import { SbbTrainFormationElement } from "./train/train-formation/train-formation.component.js";
4
4
  import { SbbTrainBlockedPassageElement } from "./train/train-blocked-passage/train-blocked-passage.component.js";
5
5
  import { SbbTrainElement } from "./train/train/train.component.js";
6
+ import { SbbTooltipElement } from "./tooltip/tooltip.component.js";
6
7
  import { SbbToggleCheckElement } from "./toggle-check/toggle-check.component.js";
7
8
  import { SbbToggleOptionElement } from "./toggle/toggle-option/toggle-option.component.js";
8
9
  import { SbbToggleElement } from "./toggle/toggle/toggle.component.js";
@@ -10,6 +11,10 @@ import { SbbToastElement } from "./toast/toast.component.js";
10
11
  import { SbbTitleElement } from "./title/title.component.js";
11
12
  import { SbbTimetableOccupancyIconElement } from "./timetable-occupancy-icon/timetable-occupancy-icon.component.js";
12
13
  import { SbbTimetableOccupancyElement } from "./timetable-occupancy/timetable-occupancy.component.js";
14
+ import { SbbTimetableFormSwapButtonElement } from "./timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js";
15
+ import { SbbTimetableFormFieldElement } from "./timetable-form/timetable-form-field/timetable-form-field.component.js";
16
+ import { SbbTimetableFormDetailsElement } from "./timetable-form/timetable-form-details/timetable-form-details.component.js";
17
+ import { SbbTimetableFormElement } from "./timetable-form/timetable-form/timetable-form.component.js";
13
18
  import { SbbTimeInputElement } from "./time-input/time-input.component.js";
14
19
  import { SbbTeaserProductStaticElement } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
15
20
  import { SbbTeaserProductElement } from "./teaser-product/teaser-product/teaser-product.component.js";
@@ -118,6 +123,9 @@ import { SbbChipElement } from "./chip/chip/chip.component.js";
118
123
  import { SbbCheckboxPanelElement } from "./checkbox/checkbox-panel/checkbox-panel.component.js";
119
124
  import { SbbCheckboxGroupElement } from "./checkbox/checkbox-group/checkbox-group.component.js";
120
125
  import { SbbCheckboxElement } from "./checkbox/checkbox/checkbox.component.js";
126
+ import { SbbCarouselListElement } from "./carousel/carousel-list/carousel-list.component.js";
127
+ import { SbbCarouselItemElement } from "./carousel/carousel-item/carousel-item.component.js";
128
+ import { SbbCarouselElement } from "./carousel/carousel/carousel.component.js";
121
129
  import { SbbCardLinkElement } from "./card/card-link/card-link.component.js";
122
130
  import { SbbCardButtonElement } from "./card/card-button/card-button.component.js";
123
131
  import { SbbCardBadgeElement } from "./card/card-badge/card-badge.component.js";
@@ -178,6 +186,9 @@ globalThis.SbbCardBadgeElement = SbbCardBadgeElement;
178
186
  globalThis.SbbCardButtonElement = SbbCardButtonElement;
179
187
  globalThis.SbbCardElement = SbbCardElement;
180
188
  globalThis.SbbCardLinkElement = SbbCardLinkElement;
189
+ globalThis.SbbCarouselElement = SbbCarouselElement;
190
+ globalThis.SbbCarouselItemElement = SbbCarouselItemElement;
191
+ globalThis.SbbCarouselListElement = SbbCarouselListElement;
181
192
  globalThis.SbbCheckboxElement = SbbCheckboxElement;
182
193
  globalThis.SbbCheckboxGroupElement = SbbCheckboxGroupElement;
183
194
  globalThis.SbbCheckboxPanelElement = SbbCheckboxPanelElement;
@@ -286,6 +297,10 @@ globalThis.SbbTeaserHeroElement = SbbTeaserHeroElement;
286
297
  globalThis.SbbTeaserProductElement = SbbTeaserProductElement;
287
298
  globalThis.SbbTeaserProductStaticElement = SbbTeaserProductStaticElement;
288
299
  globalThis.SbbTimeInputElement = SbbTimeInputElement;
300
+ globalThis.SbbTimetableFormDetailsElement = SbbTimetableFormDetailsElement;
301
+ globalThis.SbbTimetableFormElement = SbbTimetableFormElement;
302
+ globalThis.SbbTimetableFormFieldElement = SbbTimetableFormFieldElement;
303
+ globalThis.SbbTimetableFormSwapButtonElement = SbbTimetableFormSwapButtonElement;
289
304
  globalThis.SbbTimetableOccupancyElement = SbbTimetableOccupancyElement;
290
305
  globalThis.SbbTimetableOccupancyIconElement = SbbTimetableOccupancyIconElement;
291
306
  globalThis.SbbTitleElement = SbbTitleElement;
@@ -293,6 +308,7 @@ globalThis.SbbToastElement = SbbToastElement;
293
308
  globalThis.SbbToggleCheckElement = SbbToggleCheckElement;
294
309
  globalThis.SbbToggleElement = SbbToggleElement;
295
310
  globalThis.SbbToggleOptionElement = SbbToggleOptionElement;
311
+ globalThis.SbbTooltipElement = SbbTooltipElement;
296
312
  globalThis.SbbTrainBlockedPassageElement = SbbTrainBlockedPassageElement;
297
313
  globalThis.SbbTrainElement = SbbTrainElement;
298
314
  globalThis.SbbTrainFormationElement = SbbTrainFormationElement;
package/journey-header/journey-header.component.js CHANGED
@@ -14,7 +14,7 @@ import { SbbNegativeMixin as A } from "../core/mixins.js";
14
14
  import { SbbTitleBase as B } from "../title.js";
15
15
  import "../icon.js";
16
16
  import "../screen-reader-only.js";
17
- const G = N`*,:before,:after{box-sizing:border-box}:host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-milk)}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}.sbb-journey-header{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sbb-journey-header-gap);width:fit-content}.sbb-journey-header:dir(rtl) sbb-icon{transform:rotate(-180deg)}`, M = /* @__PURE__ */ new Map([
17
+ const G = N`*,:before,:after{box-sizing:border-box}:host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}.sbb-journey-header{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sbb-journey-header-gap);width:fit-content}.sbb-journey-header:dir(rtl) sbb-icon{transform:rotate(-180deg)}`, M = /* @__PURE__ */ new Map([
18
18
  ["s", "6"],
19
19
  ["m", "5"],
20
20
  ["l", "4"]
package/lead-container/lead-container.component.js CHANGED
@@ -1,10 +1,10 @@
1
- import { __esDecorate as b, __runInitializers as o } from "tslib";
1
+ import { __esDecorate as o, __runInitializers as b } from "tslib";
2
2
  import { css as d, LitElement as l, html as c } from "lit";
3
3
  import { customElement as m } from "lit/decorators.js";
4
- const g = d`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-lead-container-background-color: var(--sbb-color-white);--sbb-lead-container-image-ratio: 2 / 1;--sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);--sbb-lead-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-lead-container-border-radius: var(--sbb-border-radius-6x);--sbb-lead-container-image-border-radius: 0}@media (min-width: 80rem){:host{--sbb-lead-container-image-ratio: 21 / 9}}@media (min-width: 90rem){:host{--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius)}}.sbb-lead-container{padding-block-end:var(--sbb-spacing-responsive-l)}::slotted([slot=image]){display:block;width:100%}::slotted(:is(sbb-breadcrumb-group,sbb-block-link).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-alert,sbb-alert-group).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-m)}::slotted(sbb-title.sbb-lead-container-spacing){margin-block-start:0}::slotted(sbb-notification.sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-xxxs)}::slotted(.sbb-lead-container-lead-text){margin-block:0 var(--sbb-spacing-responsive-s)}@media (min-width: 90rem){.sbb-lead-container-image{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));margin-inline:auto}}.sbb-lead-container-content-wrapper{background-color:var(--sbb-lead-container-background-color);display:grid;gap:var(--sbb-grid-base-gutter-responsive);grid-template-columns:repeat(var(--sbb-grid-base-columns),1fr);padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){.sbb-lead-container-content-wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}@media (min-width: 64rem){.sbb-lead-container-content-wrapper{background-color:transparent}}.sbb-lead-container-content{z-index:1;border-radius:var(--sbb-lead-container-border-radius);padding-block:var(--sbb-lead-container-padding-block);background-color:var(--sbb-lead-container-background-color);grid-column:1/-1}@media (min-width: 52.5rem){.sbb-lead-container-content{grid-column:2/-2}}@media (min-width: 64rem){.sbb-lead-container-content{margin-block-start:calc(-1 * var(--sbb-lead-container-image-overlap));padding-inline:var(--sbb-lead-container-padding-inline);margin-inline:calc(-1 * var(--sbb-lead-container-padding-inline))}}@media (min-width: 80rem){.sbb-lead-container-content{grid-column:3/-3}}@media (min-width: 90rem){.sbb-lead-container-content{grid-column:4/-4}}`;
4
+ const g = d`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-lead-container-background-color: var(--sbb-background-color-1);--sbb-lead-container-image-ratio: 2 / 1;--sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);--sbb-lead-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-lead-container-border-radius: var(--sbb-border-radius-6x);--sbb-lead-container-image-border-radius: 0}@media (min-width: 80rem){:host{--sbb-lead-container-image-ratio: 21 / 9}}@media (min-width: 90rem){:host{--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius)}}.sbb-lead-container{padding-block-end:var(--sbb-spacing-responsive-l)}::slotted([slot=image]){display:block;width:100%}::slotted(:is(sbb-breadcrumb-group,sbb-block-link).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-alert,sbb-alert-group).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-m)}::slotted(sbb-title.sbb-lead-container-spacing){margin-block-start:0}::slotted(sbb-notification.sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-xxxs)}::slotted(.sbb-lead-container-lead-text){margin-block:0 var(--sbb-spacing-responsive-s);color:var(--sbb-color-iron);color:light-dark(var(--sbb-color-iron),var(--sbb-color-smoke))}@media (min-width: 90rem){.sbb-lead-container-image{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));margin-inline:auto}}.sbb-lead-container-content-wrapper{background-color:var(--sbb-lead-container-background-color);display:grid;gap:var(--sbb-grid-base-gutter-responsive);grid-template-columns:repeat(var(--sbb-grid-base-columns),1fr);padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){.sbb-lead-container-content-wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}@media (min-width: 64rem){.sbb-lead-container-content-wrapper{background-color:transparent}}.sbb-lead-container-content{z-index:1;border-radius:var(--sbb-lead-container-border-radius);padding-block:var(--sbb-lead-container-padding-block);background-color:var(--sbb-lead-container-background-color);grid-column:1/-1}@media (min-width: 52.5rem){.sbb-lead-container-content{grid-column:2/-2}}@media (min-width: 64rem){.sbb-lead-container-content{margin-block-start:calc(-1 * var(--sbb-lead-container-image-overlap));padding-inline:var(--sbb-lead-container-padding-inline);margin-inline:calc(-1 * var(--sbb-lead-container-padding-inline))}}@media (min-width: 80rem){.sbb-lead-container-content{grid-column:3/-3}}@media (min-width: 90rem){.sbb-lead-container-content{grid-column:4/-4}}`;
5
5
  let h = (() => {
6
6
  var a;
7
- let s = [m("sbb-lead-container")], i, r = [], e, t = l;
7
+ let s = [m("sbb-lead-container")], r, i = [], e, t = l;
8
8
  return a = class extends t {
9
9
  render() {
10
10
  return c`
@@ -23,8 +23,8 @@ let h = (() => {
23
23
  }
24
24
  }, e = a, (() => {
25
25
  const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
26
- b(null, i = { value: e }, s, { kind: "class", name: e.name, metadata: n }, null, r), e = i.value, n && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
27
- })(), a.styles = g, o(e, r), e;
26
+ o(null, r = { value: e }, s, { kind: "class", name: e.name, metadata: n }, null, i), e = r.value, n && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
27
+ })(), a.styles = g, b(e, i), e;
28
28
  })();
29
29
  export {
30
30
  h as SbbLeadContainerElement
package/link/common/block-link-common.js CHANGED
@@ -1,29 +1,29 @@
1
- var c = (t) => {
2
- throw TypeError(t);
1
+ var c = (o) => {
2
+ throw TypeError(o);
3
3
  };
4
- var m = (t, e, o) => e.has(t) || c("Cannot " + o);
5
- var f = (t, e, o) => (m(t, e, "read from private field"), o ? o.call(t) : e.get(t)), p = (t, e, o) => e.has(t) ? c("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, o), h = (t, e, o, n) => (m(t, e, "write to private field"), n ? n.call(t, o) : e.set(t, o), o);
6
- import { __esDecorate as u, __runInitializers as v } from "tslib";
7
- import { property as x } from "lit/decorators.js";
4
+ var m = (o, t, e) => t.has(o) || c("Cannot " + e);
5
+ var v = (o, t, e) => (m(o, t, "read from private field"), e ? e.call(o) : t.get(o)), h = (o, t, e) => t.has(o) ? c("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), p = (o, t, e, i) => (m(o, t, "write to private field"), i ? i.call(o, e) : t.set(o, e), e);
6
+ import { __esDecorate as f, __runInitializers as k } from "tslib";
7
+ import { property as g } from "lit/decorators.js";
8
8
  import { html as y } from "lit/static-html.js";
9
- import { SbbIconNameMixin as k } from "../../icon.js";
10
- import { S as g, s as _ } from "../../link-common-BBKGg9HN.js";
9
+ import { SbbIconNameMixin as x } from "../../icon.js";
10
+ import { S as u, s as _ } from "../../link-common-BBKGg9HN.js";
11
11
  import { css as z } from "lit";
12
- const P = z`:host{--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, white);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, black);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-normal: var(--sbb-color-white);--sbb-link-color-hover: var(--sbb-color-cloud);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-text-decoration-line: underline;--sbb-link-text-decoration-color: currentcolor}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration-line: underline;--sbb-link-text-decoration-color: currentcolor}.sbb-action-base{gap:var(--sbb-link-gap)}:host([size=xs]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=m]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-body-text) * 1em);width:var(--sbb-size-icon-ui-small);flex:0 0 auto;align-self:start}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`, O = (t) => (() => {
13
- var s, i;
14
- let o = g(k(t)), n, l = [], a = [];
15
- return i = class extends o {
12
+ const P = z`:host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, white);--sbb-link-text-decoration-color: light-dark( color-mix(in srgb, currentcolor 80%, white), color-mix(in srgb, currentcolor 80%, black) );--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-normal: light-dark(var(--sbb-color-granite), var(--sbb-color-white));--sbb-link-color-hover: var(--sbb-color-primary125);--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));--sbb-link-color-active: var(--sbb-color-primary150);--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, black);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-normal: var(--sbb-color-1-negative);--sbb-link-color-hover: var(--sbb-color-4-negative);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-color-normal: light-dark(var(--sbb-color-black), var(--sbb-color-cement));--sbb-link-text-decoration-line: underline;--sbb-link-text-decoration-color: currentcolor}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration-line: underline;--sbb-link-text-decoration-color: currentcolor}.sbb-action-base{gap:var(--sbb-link-gap)}:host([size=xs]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=m]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-body-text) * 1em);width:var(--sbb-size-icon-ui-small);flex:0 0 auto;align-self:start}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`, O = (o) => (() => {
13
+ var b, r;
14
+ let e = u(x(o)), i, s = [], a = [];
15
+ return r = class extends e {
16
16
  constructor() {
17
17
  super(...arguments);
18
- p(this, s, v(this, l, "start"));
19
- v(this, a);
18
+ h(this, b, k(this, s, "start"));
19
+ k(this, a);
20
20
  }
21
21
  /** Moves the icon to the end of the component if set to true. */
22
22
  get iconPlacement() {
23
- return f(this, s);
23
+ return v(this, b);
24
24
  }
25
- set iconPlacement(r) {
26
- h(this, s, r);
25
+ set iconPlacement(n) {
26
+ p(this, b, n);
27
27
  }
28
28
  renderTemplate() {
29
29
  return y`
@@ -31,12 +31,12 @@ const P = z`:host{--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-col
31
31
  <slot></slot>
32
32
  `;
33
33
  }
34
- }, s = new WeakMap(), (() => {
35
- const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
36
- n = [x({ attribute: "icon-placement", reflect: !0 })], u(i, null, n, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (b) => "iconPlacement" in b, get: (b) => b.iconPlacement, set: (b, d) => {
37
- b.iconPlacement = d;
38
- } }, metadata: r }, l, a), r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
39
- })(), i.styles = [_, P], i;
34
+ }, b = new WeakMap(), (() => {
35
+ const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
36
+ i = [g({ attribute: "icon-placement", reflect: !0 })], f(r, null, i, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (l) => "iconPlacement" in l, get: (l) => l.iconPlacement, set: (l, d) => {
37
+ l.iconPlacement = d;
38
+ } }, metadata: n }, s, a), n && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
39
+ })(), r.styles = [_, P], r;
40
40
  })();
41
41
  export {
42
42
  O as SbbBlockLinkCommonElementMixin
package/link/common/inline-link-common.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { S as t, s as e } from "../../link-common-BBKGg9HN.js";
2
- import { css as n } from "lit";
3
- const l = n`:host{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, white);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-normal: inherit;color:inherit;display:inline-block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, black);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-hover: var(--sbb-color-graphite);--sbb-link-color-active: var(--sbb-color-metal)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit}`, b = (r) => {
4
- const o = class o extends t(r) {
2
+ import { css as l } from "lit";
3
+ const n = l`:host{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;--sbb-link-color-hover: var(--sbb-color-primary125);--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));--sbb-link-color-active: var(--sbb-color-primary150);--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, white);--sbb-link-text-decoration-color: light-dark( color-mix(in srgb, currentcolor 80%, white), color-mix(in srgb, currentcolor 80%, black) );--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-normal: inherit;color:inherit;display:inline-block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, black);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-hover: var(--sbb-color-graphite);--sbb-link-color-active: var(--sbb-color-metal)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit}`, s = (i) => {
4
+ const o = class o extends t(i) {
5
5
  };
6
- o.styles = [e, l];
7
- let i = o;
8
- return i;
6
+ o.styles = [e, n];
7
+ let r = o;
8
+ return r;
9
9
  };
10
10
  export {
11
- b as SbbInlineLinkCommonElementMixin
11
+ s as SbbInlineLinkCommonElementMixin
12
12
  };