@sbb-esta/lyne-elements 3.7.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 (376) hide show
  1. package/alert/alert/alert.component.d.ts +2 -0
  2. package/alert/alert/alert.component.d.ts.map +1 -1
  3. package/alert/alert/alert.component.js +44 -39
  4. package/autocomplete/autocomplete-base-element.js +20 -20
  5. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +14 -14
  6. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
  7. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +9 -9
  8. package/badge.css +2 -2
  9. package/breadcrumb/breadcrumb/breadcrumb.component.js +12 -12
  10. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +15 -15
  11. package/button/common.js +1 -1
  12. package/button/mini-button/mini-button.component.js +7 -7
  13. package/button/mini-button-group/mini-button-group.component.js +21 -21
  14. package/button.js +1 -1
  15. package/calendar/calendar.component.js +36 -36
  16. package/card/card/card.component.js +10 -10
  17. package/card/card-badge/card-badge.component.js +15 -15
  18. package/carousel/carousel/carousel.component.d.ts +1 -0
  19. package/carousel/carousel/carousel.component.d.ts.map +1 -1
  20. package/carousel/carousel/carousel.component.js +37 -33
  21. package/carousel/carousel-list/carousel-list.component.d.ts +2 -2
  22. package/carousel/carousel-list/carousel-list.component.d.ts.map +1 -1
  23. package/carousel/carousel-list/carousel-list.component.js +32 -29
  24. package/checkbox/common.js +1 -1
  25. package/checkbox-common-gjHkSAmN.js +5 -0
  26. package/checkbox.js +1 -1
  27. package/chip/chip/chip.component.js +23 -23
  28. package/chip-label/chip-label.component.js +22 -22
  29. package/clock/clock.component.js +29 -29
  30. package/container/container/container.component.js +21 -21
  31. package/container/sticky-bar/sticky-bar.component.js +13 -13
  32. package/core/config/config.d.ts +6 -0
  33. package/core/config/config.d.ts.map +1 -1
  34. package/core/controllers/media-matchers-controller.d.ts +29 -0
  35. package/core/controllers/media-matchers-controller.d.ts.map +1 -1
  36. package/core/controllers/media-matchers-controller.js +73 -23
  37. package/core/controllers.js +16 -14
  38. package/core/dom/contains-pierce-shadow-dom.d.ts +3 -0
  39. package/core/dom/contains-pierce-shadow-dom.d.ts.map +1 -0
  40. package/core/dom/contains-pierce-shadow-dom.js +12 -0
  41. package/core/dom/queue-dom-content-loaded.d.ts +5 -0
  42. package/core/dom/queue-dom-content-loaded.d.ts.map +1 -0
  43. package/core/dom/queue-dom-content-loaded.js +7 -0
  44. package/core/dom/set-or-remove-attribute.d.ts +14 -0
  45. package/core/dom/set-or-remove-attribute.d.ts.map +1 -1
  46. package/core/dom/set-or-remove-attribute.js +11 -3
  47. package/core/dom.d.ts +2 -0
  48. package/core/dom.d.ts.map +1 -1
  49. package/core/dom.js +28 -22
  50. package/core/images.d.ts +4 -0
  51. package/core/images.d.ts.map +1 -1
  52. package/core/images.js +12 -12
  53. package/core/mixins.js +10 -10
  54. package/core/overlay/overlay-outside-pointer-event-listener.d.ts +26 -0
  55. package/core/overlay/overlay-outside-pointer-event-listener.d.ts.map +1 -0
  56. package/core/overlay/overlay-outside-pointer-event-listener.js +37 -0
  57. package/core/overlay.d.ts +1 -0
  58. package/core/overlay.d.ts.map +1 -1
  59. package/core/overlay.js +14 -11
  60. package/core/styles/core.scss +39 -12
  61. package/core/styles/mixins/badge.scss +2 -2
  62. package/core/styles/mixins/buttons.scss +14 -14
  63. package/core/styles/mixins/card.scss +9 -6
  64. package/core/styles/mixins/chip.scss +8 -8
  65. package/core/styles/mixins/image.scss +3 -0
  66. package/core/styles/mixins/link.scss +12 -7
  67. package/core/styles/mixins/lists.scss +6 -4
  68. package/core/styles/mixins/overlay.scss +6 -3
  69. package/core/styles/mixins/panel.scss +3 -3
  70. package/core/styles/mixins/pearl-chain-bullet.scss +9 -5
  71. package/core/styles/mixins/scrollbar.scss +12 -6
  72. package/core/styles/mixins/shadows.scss +32 -64
  73. package/core/styles/mixins/table.scss +13 -10
  74. package/core/styles/mixins/timetable-form.scss +3 -3
  75. package/core/styles/mixins/typo.scss +4 -4
  76. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +49 -1
  77. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +203 -5
  78. package/core/styles/off-brand-theme.scss +3 -0
  79. package/core/styles/safety-theme.scss +3 -0
  80. package/core/styles/standard-theme.scss +3 -14
  81. package/core/styles/theme.scss +18 -0
  82. package/core.css +253 -21
  83. package/custom-elements.json +1392 -115
  84. package/date-input/date-input.component.js +1 -1
  85. package/datepicker/datepicker-next-day/datepicker-next-day.component.js +4 -4
  86. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +6 -6
  87. package/datepicker/datepicker-toggle/datepicker-toggle.component.js +7 -7
  88. package/development/alert/alert/alert.component.d.ts +2 -0
  89. package/development/alert/alert/alert.component.d.ts.map +1 -1
  90. package/development/alert/alert/alert.component.js +22 -8
  91. package/development/autocomplete/autocomplete-base-element.js +23 -11
  92. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +15 -14
  93. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +5 -4
  94. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +19 -11
  95. package/development/breadcrumb/breadcrumb/breadcrumb.component.js +4 -1
  96. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +16 -8
  97. package/development/button/common.js +1 -1
  98. package/development/button/mini-button/mini-button.component.js +15 -14
  99. package/development/button/mini-button-group/mini-button-group.component.js +4 -4
  100. package/development/button.js +1 -1
  101. package/development/calendar/calendar.component.js +21 -11
  102. package/development/card/card/card.component.js +11 -6
  103. package/development/card/card-badge/card-badge.component.js +10 -9
  104. package/development/carousel/carousel/carousel.component.d.ts +1 -0
  105. package/development/carousel/carousel/carousel.component.d.ts.map +1 -1
  106. package/development/carousel/carousel/carousel.component.js +14 -4
  107. package/development/carousel/carousel-list/carousel-list.component.d.ts +2 -2
  108. package/development/carousel/carousel-list/carousel-list.component.d.ts.map +1 -1
  109. package/development/carousel/carousel-list/carousel-list.component.js +29 -21
  110. package/development/checkbox/common.js +1 -1
  111. package/development/{checkbox-common-aMPOsPVA.js → checkbox-common-Dy_ofVhp.js} +4 -3
  112. package/development/checkbox.js +1 -1
  113. package/development/chip/chip/chip.component.js +15 -14
  114. package/development/chip-label/chip-label.component.js +12 -15
  115. package/development/clock/clock.component.js +11 -3
  116. package/development/container/container/container.component.js +6 -6
  117. package/development/container/sticky-bar/sticky-bar.component.js +6 -6
  118. package/development/core/config/config.d.ts +6 -0
  119. package/development/core/config/config.d.ts.map +1 -1
  120. package/development/core/config/config.js +1 -1
  121. package/development/core/controllers/media-matchers-controller.d.ts +29 -0
  122. package/development/core/controllers/media-matchers-controller.d.ts.map +1 -1
  123. package/development/core/controllers/media-matchers-controller.js +74 -1
  124. package/development/core/controllers.js +3 -1
  125. package/development/core/dom/contains-pierce-shadow-dom.d.ts +3 -0
  126. package/development/core/dom/contains-pierce-shadow-dom.d.ts.map +1 -0
  127. package/development/core/dom/contains-pierce-shadow-dom.js +14 -0
  128. package/development/core/dom/queue-dom-content-loaded.d.ts +5 -0
  129. package/development/core/dom/queue-dom-content-loaded.d.ts.map +1 -0
  130. package/development/core/dom/queue-dom-content-loaded.js +12 -0
  131. package/development/core/dom/set-or-remove-attribute.d.ts +14 -0
  132. package/development/core/dom/set-or-remove-attribute.d.ts.map +1 -1
  133. package/development/core/dom/set-or-remove-attribute.js +9 -1
  134. package/development/core/dom.d.ts +2 -0
  135. package/development/core/dom.d.ts.map +1 -1
  136. package/development/core/dom.js +8 -2
  137. package/development/core/images.d.ts +4 -0
  138. package/development/core/images.d.ts.map +1 -1
  139. package/development/core/images.js +11 -11
  140. package/development/core/mixins.js +7 -6
  141. package/development/core/overlay/overlay-outside-pointer-event-listener.d.ts +26 -0
  142. package/development/core/overlay/overlay-outside-pointer-event-listener.d.ts.map +1 -0
  143. package/development/core/overlay/overlay-outside-pointer-event-listener.js +61 -0
  144. package/development/core/overlay.d.ts +1 -0
  145. package/development/core/overlay.d.ts.map +1 -1
  146. package/development/core/overlay.js +4 -1
  147. package/development/date-input/date-input.component.js +2 -2
  148. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.js +15 -14
  149. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +15 -14
  150. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.js +15 -14
  151. package/development/dialog/dialog/dialog.component.d.ts +1 -0
  152. package/development/dialog/dialog/dialog.component.d.ts.map +1 -1
  153. package/development/dialog/dialog/dialog.component.js +28 -14
  154. package/development/dialog/dialog-actions/dialog-actions.component.js +1 -1
  155. package/development/dialog/dialog-title/dialog-title.component.js +1 -1
  156. package/development/divider/divider.component.js +2 -2
  157. package/development/expansion-panel/expansion-panel/expansion-panel.component.js +6 -6
  158. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +6 -2
  159. package/development/file-selector/common.js +1 -1
  160. package/development/{file-selector-common-CRnQigIZ.js → file-selector-common-CRNAWFM_.js} +8 -5
  161. package/development/file-selector.js +1 -1
  162. package/development/flip-card/flip-card/flip-card.component.js +8 -3
  163. package/development/footer/footer.component.js +5 -4
  164. package/development/form-error/form-error.component.js +2 -2
  165. package/development/form-field/form-field/form-field.component.js +36 -22
  166. package/development/form-field/form-field-clear/form-field-clear.component.js +15 -14
  167. package/development/header/common/header-action-common.js +4 -4
  168. package/development/header/header/header.component.js +2 -2
  169. package/development/header/header-environment/header-environment.component.js +1 -1
  170. package/development/{icon-sidebar-button-common-CA_8TnFu.js → icon-sidebar-button-common-BGrKtvyM.js} +3 -2
  171. package/development/journey-header/journey-header.component.js +1 -1
  172. package/development/lead-container/lead-container.component.js +4 -2
  173. package/development/link/common/block-link-common.js +17 -5
  174. package/development/link/common/inline-link-common.js +9 -3
  175. package/development/link-list/link-list-anchor/link-list-anchor.component.js +11 -9
  176. package/development/loading-indicator/loading-indicator.component.js +1 -1
  177. package/development/loading-indicator-circle/loading-indicator-circle.component.js +2 -2
  178. package/development/logo/logo.component.js +3 -2
  179. package/development/map-container/map-container.component.js +14 -6
  180. package/development/menu/common/menu-action-common.js +4 -3
  181. package/development/menu/menu/menu.component.d.ts +2 -0
  182. package/development/menu/menu/menu.component.d.ts.map +1 -1
  183. package/development/menu/menu/menu.component.js +36 -13
  184. package/development/message/message.component.js +3 -1
  185. package/development/navigation/common/navigation-action-common.js +4 -4
  186. package/development/navigation/navigation/navigation.component.js +21 -19
  187. package/development/navigation/navigation-list/navigation-list.component.js +1 -1
  188. package/development/navigation/navigation-marker/navigation-marker.component.js +1 -1
  189. package/development/navigation/navigation-section/navigation-section.component.js +3 -3
  190. package/development/notification/notification.component.js +38 -18
  191. package/development/option/optgroup/optgroup-base-element.js +3 -2
  192. package/development/option/option/option.component.js +13 -11
  193. package/development/option/option-hint/option-hint.component.js +3 -2
  194. package/development/overlay/overlay.component.d.ts.map +1 -1
  195. package/development/overlay/overlay.component.js +28 -22
  196. package/development/paginator/compact-paginator/compact-paginator.component.js +3 -2
  197. package/development/paginator/paginator/paginator.component.js +18 -17
  198. package/development/popover/popover/popover.component.js +8 -6
  199. package/development/popover/popover-trigger/popover-trigger.component.js +20 -17
  200. package/development/radio-button/common.js +1 -1
  201. package/development/radio-button/radio-button/radio-button.component.js +3 -3
  202. package/development/radio-button/radio-button-panel/radio-button-panel.component.js +3 -3
  203. package/development/{radio-button-common-454JtP9b.js → radio-button-common-CgM3kQSW.js} +9 -8
  204. package/development/radio-button.js +1 -1
  205. package/development/sbb-tokens-CVLcOi-S.js +1 -1
  206. package/development/select/select.component.js +31 -13
  207. package/development/selection-action-panel/selection-action-panel.component.js +9 -5
  208. package/development/selection-expansion-panel/selection-expansion-panel.component.js +10 -6
  209. package/development/sidebar/common.js +1 -1
  210. package/development/sidebar/icon-sidebar/icon-sidebar.component.js +2 -2
  211. package/development/sidebar/sidebar/sidebar.component.js +14 -6
  212. package/development/sidebar.js +1 -1
  213. package/development/signet/signet.component.js +2 -2
  214. package/development/skiplink-list/skiplink-list.component.d.ts +3 -1
  215. package/development/skiplink-list/skiplink-list.component.d.ts.map +1 -1
  216. package/development/skiplink-list/skiplink-list.component.js +26 -9
  217. package/development/slider/slider.component.js +15 -9
  218. package/development/status/status.component.js +7 -7
  219. package/development/stepper/step/step.component.js +1 -3
  220. package/development/stepper/step-label/step-label.component.js +7 -6
  221. package/development/stepper/stepper/stepper.component.js +5 -5
  222. package/development/tabs/tab-label/tab-label.component.js +7 -14
  223. package/development/tag/tag/tag.component.js +15 -9
  224. package/development/teaser/teaser.component.js +3 -2
  225. package/development/teaser-hero/teaser-hero.component.js +3 -3
  226. package/development/teaser-product/common.js +1 -1
  227. package/development/{teaser-product-common-D6fa6x3w.js → teaser-product-common-DvlBRkE_.js} +14 -6
  228. package/development/teaser-product.js +1 -1
  229. package/development/time-input/time-input.component.js +2 -2
  230. package/development/timetable-form/timetable-form/timetable-form.component.js +1 -1
  231. package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
  232. package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +3 -3
  233. package/development/timetable-occupancy/timetable-occupancy.component.js +2 -2
  234. package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts +1 -0
  235. package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts.map +1 -1
  236. package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.js +4 -3
  237. package/development/title/title-base.js +2 -5
  238. package/development/title/title.component.js +1 -1
  239. package/development/toast/toast.component.d.ts +3 -1
  240. package/development/toast/toast.component.d.ts.map +1 -1
  241. package/development/toast/toast.component.js +31 -15
  242. package/development/toggle/toggle/toggle.component.js +8 -4
  243. package/development/toggle/toggle-option/toggle-option.component.js +5 -3
  244. package/development/toggle-check/toggle-check.component.js +13 -14
  245. package/development/tooltip/tooltip.component.d.ts +89 -0
  246. package/development/tooltip/tooltip.component.d.ts.map +1 -0
  247. package/development/tooltip/tooltip.component.js +466 -0
  248. package/development/tooltip.d.ts +5 -0
  249. package/development/tooltip.d.ts.map +1 -0
  250. package/development/tooltip.js +5 -0
  251. package/development/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
  252. package/development/train/train-formation/train-formation.component.js +16 -4
  253. package/development/train/train-wagon/train-wagon.component.js +3 -12
  254. package/development/{transparent-button-COe-YB_U.js → transparent-button-DdSaBp_-.js} +141 -86
  255. package/development/visual-checkbox/visual-checkbox.component.js +12 -12
  256. package/dialog/dialog/dialog.component.d.ts +1 -0
  257. package/dialog/dialog/dialog.component.d.ts.map +1 -1
  258. package/dialog/dialog/dialog.component.js +37 -36
  259. package/dialog/dialog-actions/dialog-actions.component.js +6 -6
  260. package/dialog/dialog-title/dialog-title.component.js +4 -4
  261. package/divider/divider.component.js +16 -16
  262. package/expansion-panel/expansion-panel/expansion-panel.component.js +1 -1
  263. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +3 -3
  264. package/file-selector/common.js +1 -1
  265. package/file-selector-common-D88J9PEh.js +5 -0
  266. package/file-selector.js +1 -1
  267. package/flip-card/flip-card/flip-card.component.js +14 -14
  268. package/footer/footer.component.js +18 -18
  269. package/form-error/form-error.component.js +4 -4
  270. package/form-field/form-field/form-field.component.js +1 -1
  271. package/form-field/form-field-clear/form-field-clear.component.js +9 -9
  272. package/header/common/header-action-common.js +1 -1
  273. package/header/header/header.component.js +19 -19
  274. package/header/header-environment/header-environment.component.js +1 -1
  275. package/icon-sidebar-button-common-BeRXvifI.js +7 -0
  276. package/index.d.ts +2 -0
  277. package/index.js +2 -0
  278. package/journey-header/journey-header.component.js +1 -1
  279. package/lead-container/lead-container.component.js +5 -5
  280. package/link/common/block-link-common.js +23 -23
  281. package/link/common/inline-link-common.js +7 -7
  282. package/link-list/link-list-anchor/link-list-anchor.component.js +11 -11
  283. package/lists.css +5 -3
  284. package/loading-indicator/loading-indicator.component.js +1 -1
  285. package/loading-indicator-circle/loading-indicator-circle.component.js +13 -13
  286. package/logo/logo.component.js +9 -9
  287. package/map-container/map-container.component.js +15 -15
  288. package/menu/common/menu-action-common.js +5 -5
  289. package/menu/menu/menu.component.d.ts +2 -0
  290. package/menu/menu/menu.component.d.ts.map +1 -1
  291. package/menu/menu/menu.component.js +45 -38
  292. package/message/message.component.js +9 -9
  293. package/navigation/common/navigation-action-common.js +6 -6
  294. package/navigation/navigation/navigation.component.js +19 -19
  295. package/navigation/navigation-list/navigation-list.component.js +1 -1
  296. package/navigation/navigation-marker/navigation-marker.component.js +1 -1
  297. package/navigation/navigation-section/navigation-section.component.js +1 -1
  298. package/notification/notification.component.js +8 -8
  299. package/off-brand-theme.css +3017 -0
  300. package/option/optgroup/optgroup-base-element.js +1 -1
  301. package/option/option/option.component.js +3 -3
  302. package/option/option-hint/option-hint.component.js +8 -8
  303. package/overlay/overlay.component.d.ts.map +1 -1
  304. package/overlay/overlay.component.js +47 -48
  305. package/package.json +14 -1
  306. package/paginator/compact-paginator/compact-paginator.component.js +4 -4
  307. package/paginator/paginator/paginator.component.js +10 -10
  308. package/popover/popover/popover.component.js +9 -9
  309. package/popover/popover-trigger/popover-trigger.component.js +5 -5
  310. package/radio-button/common.js +1 -1
  311. package/radio-button/radio-button/radio-button.component.js +13 -13
  312. package/radio-button/radio-button-panel/radio-button-panel.component.js +2 -2
  313. package/radio-button-common-Nm9ULjVb.js +5 -0
  314. package/radio-button.js +1 -1
  315. package/safety-theme.css +3017 -0
  316. package/scrollbar.css +52 -20
  317. package/select/select.component.js +45 -45
  318. package/selection-action-panel/selection-action-panel.component.js +6 -6
  319. package/selection-expansion-panel/selection-expansion-panel.component.js +11 -11
  320. package/sidebar/common.js +1 -1
  321. package/sidebar/icon-sidebar/icon-sidebar.component.js +12 -12
  322. package/sidebar/sidebar/sidebar.component.js +29 -29
  323. package/sidebar.js +1 -1
  324. package/signet/signet.component.js +1 -1
  325. package/skiplink-list/skiplink-list.component.d.ts +3 -1
  326. package/skiplink-list/skiplink-list.component.d.ts.map +1 -1
  327. package/skiplink-list/skiplink-list.component.js +37 -30
  328. package/slider/slider.component.js +16 -16
  329. package/standard-theme.css +334 -58
  330. package/status/status.component.js +13 -13
  331. package/stepper/step/step.component.js +5 -5
  332. package/stepper/step-label/step-label.component.js +1 -1
  333. package/stepper/stepper/stepper.component.js +7 -7
  334. package/table.css +15 -9
  335. package/tabs/tab-label/tab-label.component.js +19 -19
  336. package/tag/tag/tag.component.js +14 -14
  337. package/teaser/teaser.component.js +1 -1
  338. package/teaser-hero/teaser-hero.component.js +12 -12
  339. package/teaser-product/common.js +1 -1
  340. package/teaser-product-common-DIra6aVg.js +5 -0
  341. package/teaser-product.js +1 -1
  342. package/time-input/time-input.component.js +1 -1
  343. package/timetable-form/timetable-form/timetable-form.component.js +6 -6
  344. package/timetable-form/timetable-form-details/timetable-form-details.component.js +4 -4
  345. package/timetable-form/timetable-form-field/timetable-form-field.component.js +5 -5
  346. package/timetable-form.css +3 -3
  347. package/timetable-occupancy/timetable-occupancy.component.js +7 -7
  348. package/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts +1 -0
  349. package/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts.map +1 -1
  350. package/timetable-occupancy-icon/timetable-occupancy-icon.component.js +23 -23
  351. package/title/title-base.js +1 -1
  352. package/title/title.component.js +1 -1
  353. package/toast/toast.component.d.ts +3 -1
  354. package/toast/toast.component.d.ts.map +1 -1
  355. package/toast/toast.component.js +67 -59
  356. package/toggle/toggle/toggle.component.js +1 -1
  357. package/toggle/toggle-option/toggle-option.component.js +5 -5
  358. package/toggle-check/toggle-check.component.js +16 -16
  359. package/tooltip/tooltip.component.d.ts +89 -0
  360. package/tooltip/tooltip.component.d.ts.map +1 -0
  361. package/tooltip/tooltip.component.js +215 -0
  362. package/tooltip.d.ts +5 -0
  363. package/tooltip.d.ts.map +1 -0
  364. package/tooltip.js +4 -0
  365. package/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
  366. package/train/train-formation/train-formation.component.js +16 -16
  367. package/train/train-wagon/train-wagon.component.js +1 -1
  368. package/transparent-button-Bg9fU_iZ.js +9 -0
  369. package/typography.css +1 -0
  370. package/visual-checkbox/visual-checkbox.component.js +14 -14
  371. package/checkbox-common-CDzcyq8p.js +0 -5
  372. package/file-selector-common-OHK9hu3a.js +0 -5
  373. package/icon-sidebar-button-common-CM-ueEhH.js +0 -7
  374. package/radio-button-common-CUppr5FI.js +0 -5
  375. package/teaser-product-common-C8oSkIxy.js +0 -5
  376. package/transparent-button-xudJxob_.js +0 -9
@@ -3,9 +3,11 @@
3
3
  */
4
4
  export * from './dom/animation.js';
5
5
  export * from './dom/breakpoint.js';
6
+ export * from './dom/contains-pierce-shadow-dom.js';
6
7
  export * from './dom/host-context.js';
7
8
  export * from './dom/lean-context.js';
8
9
  export * from './dom/set-or-remove-attribute.js';
9
10
  export * from './dom/platform.js';
11
+ export * from './dom/queue-dom-content-loaded.js';
10
12
  export * from './dom/scroll.js';
11
13
  //# sourceMappingURL=dom.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kCAAkC,CAAC;AACjD,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}
1
+ {"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qCAAqC,CAAC;AACpD,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kCAAkC,CAAC;AACjD,cAAc,mBAAmB,CAAC;AAClC,cAAc,mCAAmC,CAAC;AAClD,cAAc,iBAAiB,CAAC"}
@@ -1,14 +1,18 @@
1
1
  import { isZeroAnimationDuration } from "./dom/animation.js";
2
2
  import { breakpoints, isBreakpoint } from "./dom/breakpoint.js";
3
+ import { containsPierceShadowDom } from "./dom/contains-pierce-shadow-dom.js";
3
4
  import { ACTION_ELEMENTS, hostContext } from "./dom/host-context.js";
4
5
  import { isLean } from "./dom/lean-context.js";
5
- import { setOrRemoveAttribute } from "./dom/set-or-remove-attribute.js";
6
+ import { addToListAttribute, removeFromListAttribute, setOrRemoveAttribute } from "./dom/set-or-remove-attribute.js";
6
7
  import { isAndroid, isBlink, isChromium, isEdge, isFirefox, isIOS, isMacOS, isNextjs, isSafari, isTrident, isWebkit } from "./dom/platform.js";
8
+ import { queueDomContentLoaded } from "./dom/queue-dom-content-loaded.js";
7
9
  import { SbbScrollHandler, pageScrollDisabled } from "./dom/scroll.js";
8
10
  export {
9
11
  ACTION_ELEMENTS,
10
12
  SbbScrollHandler,
13
+ addToListAttribute,
11
14
  breakpoints,
15
+ containsPierceShadowDom,
12
16
  hostContext,
13
17
  isAndroid,
14
18
  isBlink,
@@ -25,6 +29,8 @@ export {
25
29
  isWebkit,
26
30
  isZeroAnimationDuration,
27
31
  pageScrollDisabled,
32
+ queueDomContentLoaded,
33
+ removeFromListAttribute,
28
34
  setOrRemoveAttribute
29
35
  };
30
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OzsifQ==
36
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OyJ9
@@ -1,3 +1,7 @@
1
+ /**
2
+ * This demo pictures must not be used in production code.
3
+ * Internally we should only use them in stories.
4
+ */
1
5
  declare const sampleImages: string[];
2
6
  export default sampleImages;
3
7
  //# sourceMappingURL=images.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/images.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,EAAE,MAAM,EAWzB,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/images.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,MAAM,EAWzB,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -1,16 +1,16 @@
1
1
  const sampleImages = [
2
- "https://cdn.img.sbb.ch/content/dam/internet/lyne/Billetkontrolle.jpg",
3
- "https://cdn.img.sbb.ch/content/dam/internet/lyne/Hoehenrundweg-Gryden-Lenk.jpg",
4
- "https://cdn.img.sbb.ch/content/dam/internet/lyne/Kaufmann-frau.jpg",
5
- "https://cdn.img.sbb.ch/content/dam/internet/lyne/Corona-Schutzkonzept.jpg",
6
- "https://cdn.img.sbb.ch/content/dam/internet/lyne/Digitale-Werbung-SBB.jpg",
7
- "https://cdn.img.sbb.ch/content/dam/internet/lyne/Bahnhof-Luzern.jpg",
8
- "https://cdn.img.sbb.ch/content/dam/internet/lyne/Einheitswagen-IV-EuroCity.jpg",
9
- "https://cdn.img.sbb.ch/content/dam/internet/lyne/Einsatzstrecken_EW4-Eurocity.jpg",
10
- "https://cdn.img.sbb.ch/content/dam/internet/lyne/Frau-No-Results.png",
11
- "https://cdn.img.sbb.ch/content/dam/internet/lyne/Helpteaser-Background-Landscape.png"
2
+ "https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Billetkontrolle.jpg",
3
+ "https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Hoehenrundweg-Gryden-Lenk.jpg",
4
+ "https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Kaufmann-frau.jpg",
5
+ "https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Corona-Schutzkonzept.jpg",
6
+ "https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Digitale-Werbung-SBB.jpg",
7
+ "https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Bahnhof-Luzern.jpg",
8
+ "https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Einheitswagen-IV-EuroCity.jpg",
9
+ "https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Einsatzstrecken_EW4-Eurocity.jpg",
10
+ "https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Frau-No-Results.png",
11
+ "https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Helpteaser-Background-Landscape.png"
12
12
  ];
13
13
  export {
14
14
  sampleImages as default
15
15
  };
16
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2VzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9pbWFnZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiY29uc3Qgc2FtcGxlSW1hZ2VzOiBzdHJpbmdbXSA9IFtcbiAgJ2h0dHBzOi8vY2RuLmltZy5zYmIuY2gvY29udGVudC9kYW0vaW50ZXJuZXQvbHluZS9CaWxsZXRrb250cm9sbGUuanBnJyxcbiAgJ2h0dHBzOi8vY2RuLmltZy5zYmIuY2gvY29udGVudC9kYW0vaW50ZXJuZXQvbHluZS9Ib2VoZW5ydW5kd2VnLUdyeWRlbi1MZW5rLmpwZycsXG4gICdodHRwczovL2Nkbi5pbWcuc2JiLmNoL2NvbnRlbnQvZGFtL2ludGVybmV0L2x5bmUvS2F1Zm1hbm4tZnJhdS5qcGcnLFxuICAnaHR0cHM6Ly9jZG4uaW1nLnNiYi5jaC9jb250ZW50L2RhbS9pbnRlcm5ldC9seW5lL0Nvcm9uYS1TY2h1dHprb256ZXB0LmpwZycsXG4gICdodHRwczovL2Nkbi5pbWcuc2JiLmNoL2NvbnRlbnQvZGFtL2ludGVybmV0L2x5bmUvRGlnaXRhbGUtV2VyYnVuZy1TQkIuanBnJyxcbiAgJ2h0dHBzOi8vY2RuLmltZy5zYmIuY2gvY29udGVudC9kYW0vaW50ZXJuZXQvbHluZS9CYWhuaG9mLUx1emVybi5qcGcnLFxuICAnaHR0cHM6Ly9jZG4uaW1nLnNiYi5jaC9jb250ZW50L2RhbS9pbnRlcm5ldC9seW5lL0VpbmhlaXRzd2FnZW4tSVYtRXVyb0NpdHkuanBnJyxcbiAgJ2h0dHBzOi8vY2RuLmltZy5zYmIuY2gvY29udGVudC9kYW0vaW50ZXJuZXQvbHluZS9FaW5zYXR6c3RyZWNrZW5fRVc0LUV1cm9jaXR5LmpwZycsXG4gICdodHRwczovL2Nkbi5pbWcuc2JiLmNoL2NvbnRlbnQvZGFtL2ludGVybmV0L2x5bmUvRnJhdS1Oby1SZXN1bHRzLnBuZycsXG4gICdodHRwczovL2Nkbi5pbWcuc2JiLmNoL2NvbnRlbnQvZGFtL2ludGVybmV0L2x5bmUvSGVscHRlYXNlci1CYWNrZ3JvdW5kLUxhbmRzY2FwZS5wbmcnLFxuXTtcblxuZXhwb3J0IGRlZmF1bHQgc2FtcGxlSW1hZ2VzO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sZUFBeUI7QUFBQSxFQUM3QjtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTs7In0=
16
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2VzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9pbWFnZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBUaGlzIGRlbW8gcGljdHVyZXMgbXVzdCBub3QgYmUgdXNlZCBpbiBwcm9kdWN0aW9uIGNvZGUuXG4gKiBJbnRlcm5hbGx5IHdlIHNob3VsZCBvbmx5IHVzZSB0aGVtIGluIHN0b3JpZXMuXG4gKi9cbmNvbnN0IHNhbXBsZUltYWdlczogc3RyaW5nW10gPSBbXG4gICdodHRwczovL2Nkbi5pbWcuc2JiLmNoL2NvbnRlbnQvZGFtL2ludGVybmV0L2V4dGVybmUtYXNzZXRzL2x5bmUvQmlsbGV0a29udHJvbGxlLmpwZycsXG4gICdodHRwczovL2Nkbi5pbWcuc2JiLmNoL2NvbnRlbnQvZGFtL2ludGVybmV0L2V4dGVybmUtYXNzZXRzL2x5bmUvSG9laGVucnVuZHdlZy1HcnlkZW4tTGVuay5qcGcnLFxuICAnaHR0cHM6Ly9jZG4uaW1nLnNiYi5jaC9jb250ZW50L2RhbS9pbnRlcm5ldC9leHRlcm5lLWFzc2V0cy9seW5lL0thdWZtYW5uLWZyYXUuanBnJyxcbiAgJ2h0dHBzOi8vY2RuLmltZy5zYmIuY2gvY29udGVudC9kYW0vaW50ZXJuZXQvZXh0ZXJuZS1hc3NldHMvbHluZS9Db3JvbmEtU2NodXR6a29uemVwdC5qcGcnLFxuICAnaHR0cHM6Ly9jZG4uaW1nLnNiYi5jaC9jb250ZW50L2RhbS9pbnRlcm5ldC9leHRlcm5lLWFzc2V0cy9seW5lL0RpZ2l0YWxlLVdlcmJ1bmctU0JCLmpwZycsXG4gICdodHRwczovL2Nkbi5pbWcuc2JiLmNoL2NvbnRlbnQvZGFtL2ludGVybmV0L2V4dGVybmUtYXNzZXRzL2x5bmUvQmFobmhvZi1MdXplcm4uanBnJyxcbiAgJ2h0dHBzOi8vY2RuLmltZy5zYmIuY2gvY29udGVudC9kYW0vaW50ZXJuZXQvZXh0ZXJuZS1hc3NldHMvbHluZS9FaW5oZWl0c3dhZ2VuLUlWLUV1cm9DaXR5LmpwZycsXG4gICdodHRwczovL2Nkbi5pbWcuc2JiLmNoL2NvbnRlbnQvZGFtL2ludGVybmV0L2V4dGVybmUtYXNzZXRzL2x5bmUvRWluc2F0enN0cmVja2VuX0VXNC1FdXJvY2l0eS5qcGcnLFxuICAnaHR0cHM6Ly9jZG4uaW1nLnNiYi5jaC9jb250ZW50L2RhbS9pbnRlcm5ldC9leHRlcm5lLWFzc2V0cy9seW5lL0ZyYXUtTm8tUmVzdWx0cy5wbmcnLFxuICAnaHR0cHM6Ly9jZG4uaW1nLnNiYi5jaC9jb250ZW50L2RhbS9pbnRlcm5ldC9leHRlcm5lLWFzc2V0cy9seW5lL0hlbHB0ZWFzZXItQmFja2dyb3VuZC1MYW5kc2NhcGUucG5nJyxcbl07XG5cbmV4cG9ydCBkZWZhdWx0IHNhbXBsZUltYWdlcztcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSxNQUFNLGVBQXlCO0FBQUEsRUFDN0I7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7OyJ9
@@ -17,9 +17,9 @@ import { css } from "lit";
17
17
  const panelCommon = css`:host {
18
18
  --sbb-selection-panel-background: var(
19
19
  --sbb-selection-panel-inner-background,
20
- var(--sbb-color-white)
20
+ var(--sbb-background-color-1)
21
21
  );
22
- --sbb-selection-panel-border-color: var(--sbb-color-cloud);
22
+ --sbb-selection-panel-border-color: var(--sbb-border-color-4-inverted);
23
23
  --sbb-selection-panel-border-radius: var(
24
24
  --sbb-selection-expansion-panel-border-radius,
25
25
  var(--sbb-border-radius-4x)
@@ -35,8 +35,9 @@ const panelCommon = css`:host {
35
35
  var(--sbb-animation-duration-4x)
36
36
  );
37
37
  --sbb-selection-panel-cursor: pointer;
38
- --sbb-selection-panel-suffix-color: var(--sbb-color-charcoal);
38
+ --sbb-selection-panel-suffix-color: var(--sbb-color-3);
39
39
  --sbb-selection-panel-subtext-color: var(--sbb-color-granite);
40
+ --sbb-selection-panel-subtext-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
40
41
  display: block;
41
42
  outline: none !important;
42
43
  }
@@ -49,7 +50,7 @@ const panelCommon = css`:host {
49
50
  :host([color=milk]) {
50
51
  --sbb-selection-panel-background: var(
51
52
  --sbb-selection-panel-inner-background,
52
- var(--sbb-color-milk)
53
+ var(--sbb-background-color-3)
53
54
  );
54
55
  }
55
56
 
@@ -58,7 +59,7 @@ const panelCommon = css`:host {
58
59
  }
59
60
 
60
61
  :host(:is([data-checked]):not(:disabled, [disabled])) {
61
- --sbb-selection-panel-border-color: var(--sbb-color-charcoal);
62
+ --sbb-selection-panel-border-color: var(--sbb-border-color-3);
62
63
  --sbb-selection-panel-border-width: var(
63
64
  --sbb-selection-panel-inner-border-width,
64
65
  var(--sbb-border-width-2x)
@@ -141,4 +142,4 @@ export {
141
142
  radioButtonRegistry,
142
143
  removeAriaElements
143
144
  };
144
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
145
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
@@ -0,0 +1,26 @@
1
+ /**
2
+ * Listens globally to pointer events that happen outside the overlay area.
3
+ *
4
+ * Ref: https://github.com/angular/components/blob/main/src/cdk/overlay/dispatchers/overlay-outside-click-dispatcher.ts
5
+ */
6
+ export declare class SbbOverlayOutsidePointerEventListener {
7
+ private _overlays;
8
+ private _pointerDownEventTarget?;
9
+ private _abortController?;
10
+ private _cursorOriginalValue?;
11
+ connect(overlay: HTMLElement): void;
12
+ disconnect(overlay: HTMLElement): void;
13
+ private _addGlobalEventListeners;
14
+ /** Store pointerdown event target to track origin of click. */
15
+ private _pointerDownListener;
16
+ /** Click event listener that will be attached to the body propagate phase. */
17
+ private _clickListener;
18
+ }
19
+ /** The global instance for listening for outside pointer events. */
20
+ export declare const sbbOverlayOutsidePointerEventListener: SbbOverlayOutsidePointerEventListener;
21
+ declare global {
22
+ interface GlobalEventHandlersEventMap {
23
+ overlayOutsidePointer: CustomEvent;
24
+ }
25
+ }
26
+ //# sourceMappingURL=overlay-outside-pointer-event-listener.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"overlay-outside-pointer-event-listener.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/overlay/overlay-outside-pointer-event-listener.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,qBAAa,qCAAqC;IAChD,OAAO,CAAC,SAAS,CAA0B;IAC3C,OAAO,CAAC,uBAAuB,CAAC,CAAc;IAC9C,OAAO,CAAC,gBAAgB,CAAC,CAAkB;IAC3C,OAAO,CAAC,oBAAoB,CAAC,CAAS;IAE/B,OAAO,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAiBnC,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAW7C,OAAO,CAAC,wBAAwB;IAkBhC,+DAA+D;IAC/D,OAAO,CAAC,oBAAoB,CAE1B;IAEF,8EAA8E;IAC9E,OAAO,CAAC,cAAc,CAyBpB;CACH;AAED,oEAAoE;AACpE,eAAO,MAAM,qCAAqC,uCAA8C,CAAC;AAEjG,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,qBAAqB,EAAE,WAAW,CAAC;KACpC;CACF"}
@@ -0,0 +1,61 @@
1
+ import { containsPierceShadowDom, isIOS, isAndroid } from "../dom.js";
2
+ class SbbOverlayOutsidePointerEventListener {
3
+ constructor() {
4
+ this._overlays = /* @__PURE__ */ new Set();
5
+ this._pointerDownListener = (event) => {
6
+ this._pointerDownEventTarget = event.composedPath()[0];
7
+ };
8
+ this._clickListener = (event) => {
9
+ const target = event.composedPath()[0];
10
+ const origin = event.type === "click" && this._pointerDownEventTarget ? this._pointerDownEventTarget : target;
11
+ this._pointerDownEventTarget = void 0;
12
+ for (const overlay of Array.from(this._overlays).reverse()) {
13
+ if (containsPierceShadowDom(overlay, target) || containsPierceShadowDom(overlay, origin)) {
14
+ break;
15
+ }
16
+ overlay.dispatchEvent(new CustomEvent("overlayOutsidePointer"));
17
+ }
18
+ };
19
+ }
20
+ connect(overlay) {
21
+ if (!this._overlays.size) {
22
+ this._addGlobalEventListeners();
23
+ if (isIOS) {
24
+ this._cursorOriginalValue = document.body.style.cursor;
25
+ document.body.style.cursor = "pointer";
26
+ }
27
+ }
28
+ this._overlays.add(overlay);
29
+ }
30
+ disconnect(overlay) {
31
+ this._overlays.delete(overlay);
32
+ if (!this._overlays.size) {
33
+ this._abortController?.abort();
34
+ this._abortController = void 0;
35
+ if (isIOS) {
36
+ document.body.style.cursor = this._cursorOriginalValue;
37
+ }
38
+ }
39
+ }
40
+ _addGlobalEventListeners() {
41
+ const body = document.body;
42
+ this._abortController = new AbortController();
43
+ const options = {
44
+ capture: true,
45
+ passive: true,
46
+ signal: this._abortController.signal
47
+ };
48
+ body.addEventListener("click", this._clickListener, options);
49
+ if (!isAndroid && !isIOS) {
50
+ body.addEventListener("pointerdown", this._pointerDownListener, options);
51
+ body.addEventListener("auxclick", this._clickListener, options);
52
+ body.addEventListener("contextmenu", this._clickListener, options);
53
+ }
54
+ }
55
+ }
56
+ const sbbOverlayOutsidePointerEventListener = new SbbOverlayOutsidePointerEventListener();
57
+ export {
58
+ SbbOverlayOutsidePointerEventListener,
59
+ sbbOverlayOutsidePointerEventListener
60
+ };
61
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS1vdXRzaWRlLXBvaW50ZXItZXZlbnQtbGlzdGVuZXIuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jb3JlL292ZXJsYXkvb3ZlcmxheS1vdXRzaWRlLXBvaW50ZXItZXZlbnQtbGlzdGVuZXIudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY29udGFpbnNQaWVyY2VTaGFkb3dEb20sIGlzQW5kcm9pZCwgaXNJT1MgfSBmcm9tICcuLi9kb20uanMnO1xuXG4vKipcbiAqIExpc3RlbnMgZ2xvYmFsbHkgdG8gcG9pbnRlciBldmVudHMgdGhhdCBoYXBwZW4gb3V0c2lkZSB0aGUgb3ZlcmxheSBhcmVhLlxuICpcbiAqIFJlZjogaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXIvY29tcG9uZW50cy9ibG9iL21haW4vc3JjL2Nkay9vdmVybGF5L2Rpc3BhdGNoZXJzL292ZXJsYXktb3V0c2lkZS1jbGljay1kaXNwYXRjaGVyLnRzXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJPdmVybGF5T3V0c2lkZVBvaW50ZXJFdmVudExpc3RlbmVyIHtcbiAgcHJpdmF0ZSBfb3ZlcmxheXMgPSBuZXcgU2V0PEhUTUxFbGVtZW50PigpO1xuICBwcml2YXRlIF9wb2ludGVyRG93bkV2ZW50VGFyZ2V0PzogSFRNTEVsZW1lbnQ7XG4gIHByaXZhdGUgX2Fib3J0Q29udHJvbGxlcj86IEFib3J0Q29udHJvbGxlcjtcbiAgcHJpdmF0ZSBfY3Vyc29yT3JpZ2luYWxWYWx1ZT86IHN0cmluZztcblxuICBwdWJsaWMgY29ubmVjdChvdmVybGF5OiBIVE1MRWxlbWVudCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5fb3ZlcmxheXMuc2l6ZSkge1xuICAgICAgdGhpcy5fYWRkR2xvYmFsRXZlbnRMaXN0ZW5lcnMoKTtcbiAgICAgIGlmIChpc0lPUykge1xuICAgICAgICAvLyBTYWZhcmkgb24gaU9TIGRvZXMgbm90IGdlbmVyYXRlIGNsaWNrIGV2ZW50cyBmb3Igbm9uLWludGVyYWN0aXZlXG4gICAgICAgIC8vIGVsZW1lbnRzLiBIb3dldmVyLCB3ZSB3YW50IHRvIHJlY2VpdmUgYSBjbGljayBmb3IgYW55IGVsZW1lbnQgb3V0c2lkZVxuICAgICAgICAvLyB0aGUgb3ZlcmxheS4gV2UgY2FuIGZvcmNlIGEgXCJjbGlja2FibGVcIiBzdGF0ZSBieSBzZXR0aW5nXG4gICAgICAgIC8vIGBjdXJzb3I6IHBvaW50ZXJgIG9uIHRoZSBkb2N1bWVudCBib2R5LiBTZWU6XG4gICAgICAgIC8vIGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0FQSS9FbGVtZW50L2NsaWNrX2V2ZW50I1NhZmFyaV9Nb2JpbGVcbiAgICAgICAgLy8gaHR0cHM6Ly9kZXZlbG9wZXIuYXBwbGUuY29tL2xpYnJhcnkvYXJjaGl2ZS9kb2N1bWVudGF0aW9uL0FwcGxlQXBwbGljYXRpb25zL1JlZmVyZW5jZS9TYWZhcmlXZWJDb250ZW50L0hhbmRsaW5nRXZlbnRzL0hhbmRsaW5nRXZlbnRzLmh0bWxcbiAgICAgICAgdGhpcy5fY3Vyc29yT3JpZ2luYWxWYWx1ZSA9IGRvY3VtZW50LmJvZHkuc3R5bGUuY3Vyc29yO1xuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLmN1cnNvciA9ICdwb2ludGVyJztcbiAgICAgIH1cbiAgICB9XG4gICAgdGhpcy5fb3ZlcmxheXMuYWRkKG92ZXJsYXkpO1xuICB9XG5cbiAgcHVibGljIGRpc2Nvbm5lY3Qob3ZlcmxheTogSFRNTEVsZW1lbnQpOiB2b2lkIHtcbiAgICB0aGlzLl9vdmVybGF5cy5kZWxldGUob3ZlcmxheSk7XG4gICAgaWYgKCF0aGlzLl9vdmVybGF5cy5zaXplKSB7XG4gICAgICB0aGlzLl9hYm9ydENvbnRyb2xsZXI/LmFib3J0KCk7XG4gICAgICB0aGlzLl9hYm9ydENvbnRyb2xsZXIgPSB1bmRlZmluZWQ7XG4gICAgICBpZiAoaXNJT1MpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5jdXJzb3IgPSB0aGlzLl9jdXJzb3JPcmlnaW5hbFZhbHVlITtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9hZGRHbG9iYWxFdmVudExpc3RlbmVycygpOiB2b2lkIHtcbiAgICBjb25zdCBib2R5ID0gZG9jdW1lbnQuYm9keTtcbiAgICB0aGlzLl9hYm9ydENvbnRyb2xsZXIgPSBuZXcgQWJvcnRDb250cm9sbGVyKCk7XG4gICAgY29uc3Qgb3B0aW9uczogQWRkRXZlbnRMaXN0ZW5lck9wdGlvbnMgPSB7XG4gICAgICBjYXB0dXJlOiB0cnVlLFxuICAgICAgcGFzc2l2ZTogdHJ1ZSxcbiAgICAgIHNpZ25hbDogdGhpcy5fYWJvcnRDb250cm9sbGVyLnNpZ25hbCxcbiAgICB9O1xuICAgIGJvZHkuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCB0aGlzLl9jbGlja0xpc3RlbmVyLCBvcHRpb25zKTtcblxuICAgIC8vIFRoZXNlIGV2ZW50cyBtYWtlcyBzZW5zZSBvbmx5IG9uIGRlc2t0b3AuXG4gICAgaWYgKCFpc0FuZHJvaWQgJiYgIWlzSU9TKSB7XG4gICAgICBib2R5LmFkZEV2ZW50TGlzdGVuZXIoJ3BvaW50ZXJkb3duJywgdGhpcy5fcG9pbnRlckRvd25MaXN0ZW5lciwgb3B0aW9ucyk7XG4gICAgICBib2R5LmFkZEV2ZW50TGlzdGVuZXIoJ2F1eGNsaWNrJywgdGhpcy5fY2xpY2tMaXN0ZW5lciwgb3B0aW9ucyk7XG4gICAgICBib2R5LmFkZEV2ZW50TGlzdGVuZXIoJ2NvbnRleHRtZW51JywgdGhpcy5fY2xpY2tMaXN0ZW5lciwgb3B0aW9ucyk7XG4gICAgfVxuICB9XG5cbiAgLyoqIFN0b3JlIHBvaW50ZXJkb3duIGV2ZW50IHRhcmdldCB0byB0cmFjayBvcmlnaW4gb2YgY2xpY2suICovXG4gIHByaXZhdGUgX3BvaW50ZXJEb3duTGlzdGVuZXIgPSAoZXZlbnQ6IFBvaW50ZXJFdmVudCk6IHZvaWQgPT4ge1xuICAgIHRoaXMuX3BvaW50ZXJEb3duRXZlbnRUYXJnZXQgPSBldmVudC5jb21wb3NlZFBhdGgoKVswXSBhcyBIVE1MRWxlbWVudDtcbiAgfTtcblxuICAvKiogQ2xpY2sgZXZlbnQgbGlzdGVuZXIgdGhhdCB3aWxsIGJlIGF0dGFjaGVkIHRvIHRoZSBib2R5IHByb3BhZ2F0ZSBwaGFzZS4gKi9cbiAgcHJpdmF0ZSBfY2xpY2tMaXN0ZW5lciA9IChldmVudDogTW91c2VFdmVudCk6IHZvaWQgPT4ge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LmNvbXBvc2VkUGF0aCgpWzBdIGFzIEhUTUxFbGVtZW50O1xuICAgIC8vIEluIGNhc2Ugb2YgYSBjbGljayBldmVudCwgd2Ugd2FudCB0byBjaGVjayB0aGUgb3JpZ2luIG9mIHRoZSBjbGlja1xuICAgIC8vIChlLmcuIGluIGNhc2Ugd2hlcmUgYSB1c2VyIHN0YXJ0cyBhIGNsaWNrIGluc2lkZSB0aGUgb3ZlcmxheSBhbmRcbiAgICAvLyByZWxlYXNlcyB0aGUgY2xpY2sgb3V0c2lkZSBvZiBpdCkuXG4gICAgLy8gVGhpcyBpcyBkb25lIGJ5IHVzaW5nIHRoZSBldmVudCB0YXJnZXQgb2YgdGhlIHByZWNlZGluZyBwb2ludGVyZG93biBldmVudC5cbiAgICAvLyBFdmVyeSBjbGljayBldmVudCBjYXVzZWQgYnkgYSBwb2ludGVyIGRldmljZSBoYXMgYSBwcmVjZWRpbmcgcG9pbnRlcmRvd25cbiAgICAvLyBldmVudCwgdW5sZXNzIHRoZSBjbGljayB3YXMgcHJvZ3JhbW1hdGljYWxseSB0cmlnZ2VyZWQgKGUuZy4gaW4gYSB1bml0IHRlc3QpLlxuICAgIGNvbnN0IG9yaWdpbiA9XG4gICAgICBldmVudC50eXBlID09PSAnY2xpY2snICYmIHRoaXMuX3BvaW50ZXJEb3duRXZlbnRUYXJnZXRcbiAgICAgICAgPyB0aGlzLl9wb2ludGVyRG93bkV2ZW50VGFyZ2V0XG4gICAgICAgIDogdGFyZ2V0O1xuICAgIC8vIFJlc2V0IHRoZSBzdG9yZWQgcG9pbnRlcmRvd24gZXZlbnQgdGFyZ2V0LCB0byBhdm9pZCBoYXZpbmcgaXQgaW50ZXJmZXJlXG4gICAgLy8gaW4gc3Vic2VxdWVudCBldmVudHMuXG4gICAgdGhpcy5fcG9pbnRlckRvd25FdmVudFRhcmdldCA9IHVuZGVmaW5lZDtcblxuICAgIC8vIFN0YXJ0IGNoZWNraW5nIGZyb20gdGhlIG5ld2VzdCBvdmVybGF5LiBPbmNlIHdlIGZpbmQgYW4gb3ZlcmxheSBmb3Igd2hpY2ggdGhlXG4gICAgLy8gY2xpY2sgaXMgbm90IG91dHNpZGUgaXRzIGFyZWEsIHdlIGJyZWFrIHRoZSBsb29wLlxuICAgIGZvciAoY29uc3Qgb3ZlcmxheSBvZiBBcnJheS5mcm9tKHRoaXMuX292ZXJsYXlzKS5yZXZlcnNlKCkpIHtcbiAgICAgIGlmIChjb250YWluc1BpZXJjZVNoYWRvd0RvbShvdmVybGF5LCB0YXJnZXQpIHx8IGNvbnRhaW5zUGllcmNlU2hhZG93RG9tKG92ZXJsYXksIG9yaWdpbikpIHtcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG5cbiAgICAgIG92ZXJsYXkuZGlzcGF0Y2hFdmVudChuZXcgQ3VzdG9tRXZlbnQoJ292ZXJsYXlPdXRzaWRlUG9pbnRlcicpKTtcbiAgICB9XG4gIH07XG59XG5cbi8qKiBUaGUgZ2xvYmFsIGluc3RhbmNlIGZvciBsaXN0ZW5pbmcgZm9yIG91dHNpZGUgcG9pbnRlciBldmVudHMuICovXG5leHBvcnQgY29uc3Qgc2JiT3ZlcmxheU91dHNpZGVQb2ludGVyRXZlbnRMaXN0ZW5lciA9IG5ldyBTYmJPdmVybGF5T3V0c2lkZVBvaW50ZXJFdmVudExpc3RlbmVyKCk7XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEdsb2JhbEV2ZW50SGFuZGxlcnNFdmVudE1hcCB7XG4gICAgb3ZlcmxheU91dHNpZGVQb2ludGVyOiBDdXN0b21FdmVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7TUFPYSxzQ0FBcUM7QUFBQSxFQUFsRCxjQUFBO0FBQ1UsU0FBQSxnQ0FBZ0IsSUFBQTtBQW9EaEIsU0FBQSx1QkFBdUIsQ0FBQyxVQUE2QjtBQUMzRCxXQUFLLDBCQUEwQixNQUFNLGFBQUEsRUFBZSxDQUFDO0FBQUEsSUFDdkQ7QUFHUSxTQUFBLGlCQUFpQixDQUFDLFVBQTJCO0FBQ25ELFlBQU0sU0FBUyxNQUFNLGFBQUEsRUFBZSxDQUFDO0FBT3JDLFlBQU0sU0FDSixNQUFNLFNBQVMsV0FBVyxLQUFLLDBCQUMzQixLQUFLLDBCQUNMO0FBR04sV0FBSywwQkFBMEI7QUFJL0IsaUJBQVcsV0FBVyxNQUFNLEtBQUssS0FBSyxTQUFTLEVBQUUsV0FBVztBQUMxRCxZQUFJLHdCQUF3QixTQUFTLE1BQU0sS0FBSyx3QkFBd0IsU0FBUyxNQUFNLEdBQUc7QUFDeEY7QUFBQSxRQUNGO0FBRUEsZ0JBQVEsY0FBYyxJQUFJLFlBQVksdUJBQXVCLENBQUM7QUFBQSxNQUNoRTtBQUFBLElBQ0Y7QUFBQSxFQUNGO0FBQUEsRUE5RVMsUUFBUSxTQUFvQjtBQUNqQyxRQUFJLENBQUMsS0FBSyxVQUFVLE1BQU07QUFDeEIsV0FBSyx5QkFBQTtBQUNMLFVBQUksT0FBTztBQU9ULGFBQUssdUJBQXVCLFNBQVMsS0FBSyxNQUFNO0FBQ2hELGlCQUFTLEtBQUssTUFBTSxTQUFTO0FBQUEsTUFDL0I7QUFBQSxJQUNGO0FBQ0EsU0FBSyxVQUFVLElBQUksT0FBTztBQUFBLEVBQzVCO0FBQUEsRUFFTyxXQUFXLFNBQW9CO0FBQ3BDLFNBQUssVUFBVSxPQUFPLE9BQU87QUFDN0IsUUFBSSxDQUFDLEtBQUssVUFBVSxNQUFNO0FBQ3hCLFdBQUssa0JBQWtCLE1BQUE7QUFDdkIsV0FBSyxtQkFBbUI7QUFDeEIsVUFBSSxPQUFPO0FBQ1QsaUJBQVMsS0FBSyxNQUFNLFNBQVMsS0FBSztBQUFBLE1BQ3BDO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFBQSxFQUVRLDJCQUF3QjtBQUM5QixVQUFNLE9BQU8sU0FBUztBQUN0QixTQUFLLG1CQUFtQixJQUFJLGdCQUFBO0FBQzVCLFVBQU0sVUFBbUM7QUFBQSxNQUN2QyxTQUFTO0FBQUEsTUFDVCxTQUFTO0FBQUEsTUFDVCxRQUFRLEtBQUssaUJBQWlCO0FBQUEsSUFBQTtBQUVoQyxTQUFLLGlCQUFpQixTQUFTLEtBQUssZ0JBQWdCLE9BQU87QUFHM0QsUUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPO0FBQ3hCLFdBQUssaUJBQWlCLGVBQWUsS0FBSyxzQkFBc0IsT0FBTztBQUN2RSxXQUFLLGlCQUFpQixZQUFZLEtBQUssZ0JBQWdCLE9BQU87QUFDOUQsV0FBSyxpQkFBaUIsZUFBZSxLQUFLLGdCQUFnQixPQUFPO0FBQUEsSUFDbkU7QUFBQSxFQUNGO0FBa0NEO0FBR00sTUFBTSx3Q0FBd0MsSUFBSSxzQ0FBQTsifQ==
@@ -3,6 +3,7 @@
3
3
  */
4
4
  export * from './overlay/overlay.js';
5
5
  export * from './overlay/overlay-option-panel.js';
6
+ export * from './overlay/overlay-outside-pointer-event-listener.js';
6
7
  export * from './overlay/overlay-trigger-attributes.js';
7
8
  export * from './overlay/position.js';
8
9
  //# sourceMappingURL=overlay.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/overlay.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,uBAAuB,CAAC"}
1
+ {"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/overlay.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qDAAqD,CAAC;AACpE,cAAc,yCAAyC,CAAC;AACxD,cAAc,uBAAuB,CAAC"}
@@ -1,16 +1,19 @@
1
1
  import { overlayGapFixCorners } from "./overlay/overlay.js";
2
2
  import { setOverlayPosition } from "./overlay/overlay-option-panel.js";
3
+ import { SbbOverlayOutsidePointerEventListener, sbbOverlayOutsidePointerEventListener } from "./overlay/overlay-outside-pointer-event-listener.js";
3
4
  import { removeAriaComboBoxAttributes, removeAriaOverlayTriggerAttributes, setAriaComboBoxAttributes, setAriaOverlayTriggerAttributes } from "./overlay/overlay-trigger-attributes.js";
4
5
  import { getElementPosition, getElementRectangle, isEventOnElement } from "./overlay/position.js";
5
6
  export {
7
+ SbbOverlayOutsidePointerEventListener,
6
8
  getElementPosition,
7
9
  getElementRectangle,
8
10
  isEventOnElement,
9
11
  overlayGapFixCorners,
10
12
  removeAriaComboBoxAttributes,
11
13
  removeAriaOverlayTriggerAttributes,
14
+ sbbOverlayOutsidePointerEventListener,
12
15
  setAriaComboBoxAttributes,
13
16
  setAriaOverlayTriggerAttributes,
14
17
  setOverlayPosition
15
18
  };
16
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7In0=
19
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OyJ9
@@ -36,8 +36,8 @@ const style = css`:host {
36
36
 
37
37
  :host(:empty)::after {
38
38
  content: attr(placeholder);
39
- color: var(--sbb-color-metal);
40
- -webkit-text-fill-color: var(--sbb-color-metal);
39
+ color: var(--sbb-color-5);
40
+ -webkit-text-fill-color: var(--sbb-color-5);
41
41
  opacity: 1;
42
42
  }
43
43
  @media (forced-colors: active) {
@@ -14,13 +14,14 @@ const style = css`*,
14
14
  -webkit-tap-highlight-color: transparent;
15
15
  height: fit-content;
16
16
  outline: none !important;
17
- --sbb-button-color-text: var(--sbb-color-charcoal);
18
- --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
19
- --sbb-button-color-hover-background: var(--sbb-color-milk);
20
- --sbb-button-color-active-background: var(--sbb-color-cloud);
21
- --sbb-button-color-disabled-background: var(--sbb-color-milk);
22
- --sbb-button-color-disabled-border: var(--sbb-color-smoke);
17
+ --sbb-button-color-text: var(--sbb-color-3);
18
+ --sbb-button-color-default-background: transparent;
19
+ --sbb-button-color-hover-background: var(--sbb-background-color-3);
20
+ --sbb-button-color-active-background: var(--sbb-background-color-4);
21
+ --sbb-button-color-disabled-background: var(--sbb-background-color-3);
22
+ --sbb-button-color-disabled-border: var(--sbb-border-color-5);
23
23
  --sbb-button-color-disabled-text: var(--sbb-color-granite);
24
+ --sbb-button-color-disabled-text: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
24
25
  --sbb-button-border-disabled-width: var(--sbb-border-width-1x);
25
26
  --sbb-button-border-disabled-style: dashed;
26
27
  --sbb-button-border-radius: var(--sbb-border-radius-infinity);
@@ -69,13 +70,13 @@ sbb-icon {
69
70
  }
70
71
 
71
72
  :host([negative]) {
72
- --sbb-button-color-text: var(--sbb-color-milk);
73
- --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
74
- --sbb-button-color-hover-background: var(--sbb-color-charcoal);
75
- --sbb-button-color-active-background: var(--sbb-color-iron);
76
- --sbb-button-color-disabled-background: var(--sbb-color-charcoal);
77
- --sbb-button-color-disabled-border: var(--sbb-color-smoke);
78
- --sbb-button-color-disabled-text: var(--sbb-color-smoke);
73
+ --sbb-button-color-text: var(--sbb-color-3-negative);
74
+ --sbb-button-color-default-background: transparent;
75
+ --sbb-button-color-hover-background: var(--sbb-background-color-3-negative);
76
+ --sbb-button-color-active-background: var(--sbb-background-color-4-negative);
77
+ --sbb-button-color-disabled-background: var(--sbb-background-color-3-negative);
78
+ --sbb-button-color-disabled-border: var(--sbb-border-color-5);
79
+ --sbb-button-color-disabled-text: var(--sbb-color-5);
79
80
  }
80
81
 
81
82
  :host(:is([disabled], :disabled, [disabled-interactive], [data-disabled], [data-group-disabled])) .sbb-datepicker-next-day {
@@ -160,4 +161,4 @@ let SbbDatepickerNextDayElement = (() => {
160
161
  export {
161
162
  SbbDatepickerNextDayElement
162
163
  };
163
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1uZXh0LWRheS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9kYXRlcGlja2VyL2RhdGVwaWNrZXItbmV4dC1kYXkvZGF0ZXBpY2tlci1uZXh0LWRheS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBpMThuTmV4dERheSwgaTE4blNlbGVjdE5leHREYXkgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiRGF0ZXBpY2tlckJ1dHRvbiB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2RhdGVwaWNrZXItbmV4dC1kYXkuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1kYXRlcGlja2VyYCwgaXQgY2FuIGJlIHVzZWQgdG8gbW92ZSB0aGUgZGF0ZSBhaGVhZC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWRhdGVwaWNrZXItbmV4dC1kYXknKVxuY2xhc3MgU2JiRGF0ZXBpY2tlck5leHREYXlFbGVtZW50PFQgPSBEYXRlPiBleHRlbmRzIFNiYkRhdGVwaWNrZXJCdXR0b248VD4ge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICBwcm90ZWN0ZWQgaWNvbk5hbWU6IHN0cmluZyA9ICdjaGV2cm9uLXNtYWxsLXJpZ2h0LXNtYWxsJztcbiAgcHJvdGVjdGVkIGkxOG5PZmZCb3VuZGFyeURheTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IGkxOG5OZXh0RGF5O1xuICBwcm90ZWN0ZWQgaTE4blNlbGVjdE9mZkJvdW5kYXJ5RGF5ID0gaTE4blNlbGVjdE5leHREYXk7XG5cbiAgcHJvdGVjdGVkIGZpbmRBdmFpbGFibGVEYXRlKGRhdGU6IFQpOiBUIHwgbnVsbCB7XG4gICAgbGV0IGF2YWlsYWJsZURhdGUgPSB0aGlzLmRhdGVBZGFwdGVyLmFkZENhbGVuZGFyRGF5cyhkYXRlLCAxKTtcbiAgICBpZiAodGhpcy5faXNBZnRlck1heERhdGUoYXZhaWxhYmxlRGF0ZSkpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGNvbnN0IGRhdGVGaWx0ZXIgPSB0aGlzLmlucHV0IS5kYXRlRmlsdGVyO1xuICAgIGlmIChkYXRlRmlsdGVyKSB7XG4gICAgICB3aGlsZSAoIWRhdGVGaWx0ZXIoYXZhaWxhYmxlRGF0ZSkpIHtcbiAgICAgICAgYXZhaWxhYmxlRGF0ZSA9IHRoaXMuZGF0ZUFkYXB0ZXIuYWRkQ2FsZW5kYXJEYXlzKGF2YWlsYWJsZURhdGUsIDEpO1xuICAgICAgICBpZiAodGhpcy5faXNBZnRlck1heERhdGUoYXZhaWxhYmxlRGF0ZSkpIHtcbiAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiBhdmFpbGFibGVEYXRlO1xuICB9XG5cbiAgcHJpdmF0ZSBfaXNBZnRlck1heERhdGUoZGF0ZTogVCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuaW5wdXQhLm1heCAmJiB0aGlzLmRhdGVBZGFwdGVyLmNvbXBhcmVEYXRlKGRhdGUsIHRoaXMuaW5wdXQhLm1heCkgPiAwO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZGF0ZXBpY2tlci1uZXh0LWRheSc6IFNiYkRhdGVwaWNrZXJOZXh0RGF5RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFhTSwrQkFBMkIsTUFBQTs7MEJBRGhDLGNBQWMseUJBQXlCLENBQUM7Ozs7b0JBQ1c7QUFBUixFQUFBLG1CQUFRLFlBQXNCO0FBQUE7O0FBRzlELFdBQUEsV0FBbUI7QUFDbkIsV0FBQSxxQkFBNkM7QUFDN0MsV0FBQSwyQkFBMkI7QUFBQSxJQXdCdkM7QUFBQSxJQXRCWSxrQkFBa0IsTUFBTztBQUNqQyxVQUFJLGdCQUFnQixLQUFLLFlBQVksZ0JBQWdCLE1BQU0sQ0FBQztBQUM1RCxVQUFJLEtBQUssZ0JBQWdCLGFBQWEsR0FBRztBQUN2QyxlQUFPO0FBQUEsTUFDVDtBQUVBLFlBQU0sYUFBYSxLQUFLLE1BQU87QUFDL0IsVUFBSSxZQUFZO0FBQ2QsZUFBTyxDQUFDLFdBQVcsYUFBYSxHQUFHO0FBQ2pDLDBCQUFnQixLQUFLLFlBQVksZ0JBQWdCLGVBQWUsQ0FBQztBQUNqRSxjQUFJLEtBQUssZ0JBQWdCLGFBQWEsR0FBRztBQUN2QyxtQkFBTztBQUFBLFVBQ1Q7QUFBQSxRQUNGO0FBQUEsTUFDRjtBQUVBLGFBQU87QUFBQSxJQUNUO0FBQUEsSUFFUSxnQkFBZ0IsTUFBTztBQUM3QixhQUFPLENBQUMsQ0FBQyxLQUFLLE1BQU8sT0FBTyxLQUFLLFlBQVksWUFBWSxNQUFNLEtBQUssTUFBTyxHQUFHLElBQUk7QUFBQSxJQUNwRjtBQUFBOztBQTVCRixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsT0FENUMsa0JBQUEsWUFBQSx1QkFBQSxHQUFzQzs7OyJ9
164
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1uZXh0LWRheS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9kYXRlcGlja2VyL2RhdGVwaWNrZXItbmV4dC1kYXkvZGF0ZXBpY2tlci1uZXh0LWRheS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBpMThuTmV4dERheSwgaTE4blNlbGVjdE5leHREYXkgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiRGF0ZXBpY2tlckJ1dHRvbiB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2RhdGVwaWNrZXItbmV4dC1kYXkuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1kYXRlcGlja2VyYCwgaXQgY2FuIGJlIHVzZWQgdG8gbW92ZSB0aGUgZGF0ZSBhaGVhZC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWRhdGVwaWNrZXItbmV4dC1kYXknKVxuY2xhc3MgU2JiRGF0ZXBpY2tlck5leHREYXlFbGVtZW50PFQgPSBEYXRlPiBleHRlbmRzIFNiYkRhdGVwaWNrZXJCdXR0b248VD4ge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICBwcm90ZWN0ZWQgaWNvbk5hbWU6IHN0cmluZyA9ICdjaGV2cm9uLXNtYWxsLXJpZ2h0LXNtYWxsJztcbiAgcHJvdGVjdGVkIGkxOG5PZmZCb3VuZGFyeURheTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IGkxOG5OZXh0RGF5O1xuICBwcm90ZWN0ZWQgaTE4blNlbGVjdE9mZkJvdW5kYXJ5RGF5ID0gaTE4blNlbGVjdE5leHREYXk7XG5cbiAgcHJvdGVjdGVkIGZpbmRBdmFpbGFibGVEYXRlKGRhdGU6IFQpOiBUIHwgbnVsbCB7XG4gICAgbGV0IGF2YWlsYWJsZURhdGUgPSB0aGlzLmRhdGVBZGFwdGVyLmFkZENhbGVuZGFyRGF5cyhkYXRlLCAxKTtcbiAgICBpZiAodGhpcy5faXNBZnRlck1heERhdGUoYXZhaWxhYmxlRGF0ZSkpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGNvbnN0IGRhdGVGaWx0ZXIgPSB0aGlzLmlucHV0IS5kYXRlRmlsdGVyO1xuICAgIGlmIChkYXRlRmlsdGVyKSB7XG4gICAgICB3aGlsZSAoIWRhdGVGaWx0ZXIoYXZhaWxhYmxlRGF0ZSkpIHtcbiAgICAgICAgYXZhaWxhYmxlRGF0ZSA9IHRoaXMuZGF0ZUFkYXB0ZXIuYWRkQ2FsZW5kYXJEYXlzKGF2YWlsYWJsZURhdGUsIDEpO1xuICAgICAgICBpZiAodGhpcy5faXNBZnRlck1heERhdGUoYXZhaWxhYmxlRGF0ZSkpIHtcbiAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiBhdmFpbGFibGVEYXRlO1xuICB9XG5cbiAgcHJpdmF0ZSBfaXNBZnRlck1heERhdGUoZGF0ZTogVCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuaW5wdXQhLm1heCAmJiB0aGlzLmRhdGVBZGFwdGVyLmNvbXBhcmVEYXRlKGRhdGUsIHRoaXMuaW5wdXQhLm1heCkgPiAwO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZGF0ZXBpY2tlci1uZXh0LWRheSc6IFNiYkRhdGVwaWNrZXJOZXh0RGF5RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBYU0sK0JBQTJCLE1BQUE7OzBCQURoQyxjQUFjLHlCQUF5QixDQUFDOzs7O29CQUNXO0FBQVIsRUFBQSxtQkFBUSxZQUFzQjtBQUFBOztBQUc5RCxXQUFBLFdBQW1CO0FBQ25CLFdBQUEscUJBQTZDO0FBQzdDLFdBQUEsMkJBQTJCO0FBQUEsSUF3QnZDO0FBQUEsSUF0Qlksa0JBQWtCLE1BQU87QUFDakMsVUFBSSxnQkFBZ0IsS0FBSyxZQUFZLGdCQUFnQixNQUFNLENBQUM7QUFDNUQsVUFBSSxLQUFLLGdCQUFnQixhQUFhLEdBQUc7QUFDdkMsZUFBTztBQUFBLE1BQ1Q7QUFFQSxZQUFNLGFBQWEsS0FBSyxNQUFPO0FBQy9CLFVBQUksWUFBWTtBQUNkLGVBQU8sQ0FBQyxXQUFXLGFBQWEsR0FBRztBQUNqQywwQkFBZ0IsS0FBSyxZQUFZLGdCQUFnQixlQUFlLENBQUM7QUFDakUsY0FBSSxLQUFLLGdCQUFnQixhQUFhLEdBQUc7QUFDdkMsbUJBQU87QUFBQSxVQUNUO0FBQUEsUUFDRjtBQUFBLE1BQ0Y7QUFFQSxhQUFPO0FBQUEsSUFDVDtBQUFBLElBRVEsZ0JBQWdCLE1BQU87QUFDN0IsYUFBTyxDQUFDLENBQUMsS0FBSyxNQUFPLE9BQU8sS0FBSyxZQUFZLFlBQVksTUFBTSxLQUFLLE1BQU8sR0FBRyxJQUFJO0FBQUEsSUFDcEY7QUFBQTs7QUE1QkYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLE9BRDVDLGtCQUFBLFlBQUEsdUJBQUEsR0FBc0M7OzsifQ==
@@ -14,13 +14,14 @@ const style = css`*,
14
14
  -webkit-tap-highlight-color: transparent;
15
15
  height: fit-content;
16
16
  outline: none !important;
17
- --sbb-button-color-text: var(--sbb-color-charcoal);
18
- --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
19
- --sbb-button-color-hover-background: var(--sbb-color-milk);
20
- --sbb-button-color-active-background: var(--sbb-color-cloud);
21
- --sbb-button-color-disabled-background: var(--sbb-color-milk);
22
- --sbb-button-color-disabled-border: var(--sbb-color-smoke);
17
+ --sbb-button-color-text: var(--sbb-color-3);
18
+ --sbb-button-color-default-background: transparent;
19
+ --sbb-button-color-hover-background: var(--sbb-background-color-3);
20
+ --sbb-button-color-active-background: var(--sbb-background-color-4);
21
+ --sbb-button-color-disabled-background: var(--sbb-background-color-3);
22
+ --sbb-button-color-disabled-border: var(--sbb-border-color-5);
23
23
  --sbb-button-color-disabled-text: var(--sbb-color-granite);
24
+ --sbb-button-color-disabled-text: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
24
25
  --sbb-button-border-disabled-width: var(--sbb-border-width-1x);
25
26
  --sbb-button-border-disabled-style: dashed;
26
27
  --sbb-button-border-radius: var(--sbb-border-radius-infinity);
@@ -69,13 +70,13 @@ sbb-icon {
69
70
  }
70
71
 
71
72
  :host([negative]) {
72
- --sbb-button-color-text: var(--sbb-color-milk);
73
- --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
74
- --sbb-button-color-hover-background: var(--sbb-color-charcoal);
75
- --sbb-button-color-active-background: var(--sbb-color-iron);
76
- --sbb-button-color-disabled-background: var(--sbb-color-charcoal);
77
- --sbb-button-color-disabled-border: var(--sbb-color-smoke);
78
- --sbb-button-color-disabled-text: var(--sbb-color-smoke);
73
+ --sbb-button-color-text: var(--sbb-color-3-negative);
74
+ --sbb-button-color-default-background: transparent;
75
+ --sbb-button-color-hover-background: var(--sbb-background-color-3-negative);
76
+ --sbb-button-color-active-background: var(--sbb-background-color-4-negative);
77
+ --sbb-button-color-disabled-background: var(--sbb-background-color-3-negative);
78
+ --sbb-button-color-disabled-border: var(--sbb-border-color-5);
79
+ --sbb-button-color-disabled-text: var(--sbb-color-5);
79
80
  }
80
81
 
81
82
  :host(:is([disabled], :disabled, [disabled-interactive], [data-disabled], [data-group-disabled])) .sbb-datepicker-previous-day {
@@ -160,4 +161,4 @@ let SbbDatepickerPreviousDayElement = (() => {
160
161
  export {
161
162
  SbbDatepickerPreviousDayElement
162
163
  };
163
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1wcmV2aW91cy1kYXkuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZGF0ZXBpY2tlci9kYXRlcGlja2VyLXByZXZpb3VzLWRheS9kYXRlcGlja2VyLXByZXZpb3VzLWRheS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBpMThuUHJldmlvdXNEYXksIGkxOG5TZWxlY3RQcmV2aW91c0RheSB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgeyBTYmJEYXRlcGlja2VyQnV0dG9uIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZGF0ZXBpY2tlci1wcmV2aW91cy1kYXkuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1kYXRlcGlja2VyYCwgaXQgY2FuIGJlIHVzZWQgdG8gbW92ZSB0aGUgZGF0ZSBiYWNrLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZGF0ZXBpY2tlci1wcmV2aW91cy1kYXknKVxuY2xhc3MgU2JiRGF0ZXBpY2tlclByZXZpb3VzRGF5RWxlbWVudDxUID0gRGF0ZT4gZXh0ZW5kcyBTYmJEYXRlcGlja2VyQnV0dG9uPFQ+IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgcHJvdGVjdGVkIGljb25OYW1lOiBzdHJpbmcgPSAnY2hldnJvbi1zbWFsbC1sZWZ0LXNtYWxsJztcbiAgcHJvdGVjdGVkIGkxOG5PZmZCb3VuZGFyeURheTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IGkxOG5QcmV2aW91c0RheTtcbiAgcHJvdGVjdGVkIGkxOG5TZWxlY3RPZmZCb3VuZGFyeURheSA9IGkxOG5TZWxlY3RQcmV2aW91c0RheTtcblxuICBwcm90ZWN0ZWQgZmluZEF2YWlsYWJsZURhdGUoZGF0ZTogVCk6IFQgfCBudWxsIHtcbiAgICBsZXQgYXZhaWxhYmxlRGF0ZSA9IHRoaXMuZGF0ZUFkYXB0ZXIuYWRkQ2FsZW5kYXJEYXlzKGRhdGUsIC0xKTtcbiAgICBpZiAodGhpcy5faXNCZWZvcmVNaW5EYXRlKGF2YWlsYWJsZURhdGUpKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICBjb25zdCBkYXRlRmlsdGVyID0gdGhpcy5pbnB1dCEuZGF0ZUZpbHRlcjtcbiAgICBpZiAoZGF0ZUZpbHRlcikge1xuICAgICAgd2hpbGUgKCFkYXRlRmlsdGVyKGF2YWlsYWJsZURhdGUpKSB7XG4gICAgICAgIGF2YWlsYWJsZURhdGUgPSB0aGlzLmRhdGVBZGFwdGVyLmFkZENhbGVuZGFyRGF5cyhhdmFpbGFibGVEYXRlLCAtMSk7XG4gICAgICAgIGlmICh0aGlzLl9pc0JlZm9yZU1pbkRhdGUoYXZhaWxhYmxlRGF0ZSkpIHtcbiAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiBhdmFpbGFibGVEYXRlO1xuICB9XG5cbiAgcHJpdmF0ZSBfaXNCZWZvcmVNaW5EYXRlKGRhdGU6IFQpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLmlucHV0IS5taW4gJiYgdGhpcy5kYXRlQWRhcHRlci5jb21wYXJlRGF0ZShkYXRlLCB0aGlzLmlucHV0IS5taW4pIDwgMDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWRhdGVwaWNrZXItcHJldmlvdXMtZGF5JzogU2JiRGF0ZXBpY2tlclByZXZpb3VzRGF5RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFhTSxtQ0FBK0IsTUFBQTs7MEJBRHBDLGNBQWMsNkJBQTZCLENBQUM7Ozs7b0JBQ1c7QUFBUixFQUFBLG1CQUFRLFlBQXNCO0FBQUE7O0FBR2xFLFdBQUEsV0FBbUI7QUFDbkIsV0FBQSxxQkFBNkM7QUFDN0MsV0FBQSwyQkFBMkI7QUFBQSxJQXdCdkM7QUFBQSxJQXRCWSxrQkFBa0IsTUFBTztBQUNqQyxVQUFJLGdCQUFnQixLQUFLLFlBQVksZ0JBQWdCLE1BQU0sRUFBRTtBQUM3RCxVQUFJLEtBQUssaUJBQWlCLGFBQWEsR0FBRztBQUN4QyxlQUFPO0FBQUEsTUFDVDtBQUVBLFlBQU0sYUFBYSxLQUFLLE1BQU87QUFDL0IsVUFBSSxZQUFZO0FBQ2QsZUFBTyxDQUFDLFdBQVcsYUFBYSxHQUFHO0FBQ2pDLDBCQUFnQixLQUFLLFlBQVksZ0JBQWdCLGVBQWUsRUFBRTtBQUNsRSxjQUFJLEtBQUssaUJBQWlCLGFBQWEsR0FBRztBQUN4QyxtQkFBTztBQUFBLFVBQ1Q7QUFBQSxRQUNGO0FBQUEsTUFDRjtBQUVBLGFBQU87QUFBQSxJQUNUO0FBQUEsSUFFUSxpQkFBaUIsTUFBTztBQUM5QixhQUFPLENBQUMsQ0FBQyxLQUFLLE1BQU8sT0FBTyxLQUFLLFlBQVksWUFBWSxNQUFNLEtBQUssTUFBTyxHQUFHLElBQUk7QUFBQSxJQUNwRjtBQUFBOztBQTVCRixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsT0FENUMsa0JBQUEsWUFBQSx1QkFBQSxHQUEwQzs7OyJ9
164
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1wcmV2aW91cy1kYXkuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZGF0ZXBpY2tlci9kYXRlcGlja2VyLXByZXZpb3VzLWRheS9kYXRlcGlja2VyLXByZXZpb3VzLWRheS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBpMThuUHJldmlvdXNEYXksIGkxOG5TZWxlY3RQcmV2aW91c0RheSB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgeyBTYmJEYXRlcGlja2VyQnV0dG9uIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZGF0ZXBpY2tlci1wcmV2aW91cy1kYXkuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1kYXRlcGlja2VyYCwgaXQgY2FuIGJlIHVzZWQgdG8gbW92ZSB0aGUgZGF0ZSBiYWNrLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZGF0ZXBpY2tlci1wcmV2aW91cy1kYXknKVxuY2xhc3MgU2JiRGF0ZXBpY2tlclByZXZpb3VzRGF5RWxlbWVudDxUID0gRGF0ZT4gZXh0ZW5kcyBTYmJEYXRlcGlja2VyQnV0dG9uPFQ+IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgcHJvdGVjdGVkIGljb25OYW1lOiBzdHJpbmcgPSAnY2hldnJvbi1zbWFsbC1sZWZ0LXNtYWxsJztcbiAgcHJvdGVjdGVkIGkxOG5PZmZCb3VuZGFyeURheTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IGkxOG5QcmV2aW91c0RheTtcbiAgcHJvdGVjdGVkIGkxOG5TZWxlY3RPZmZCb3VuZGFyeURheSA9IGkxOG5TZWxlY3RQcmV2aW91c0RheTtcblxuICBwcm90ZWN0ZWQgZmluZEF2YWlsYWJsZURhdGUoZGF0ZTogVCk6IFQgfCBudWxsIHtcbiAgICBsZXQgYXZhaWxhYmxlRGF0ZSA9IHRoaXMuZGF0ZUFkYXB0ZXIuYWRkQ2FsZW5kYXJEYXlzKGRhdGUsIC0xKTtcbiAgICBpZiAodGhpcy5faXNCZWZvcmVNaW5EYXRlKGF2YWlsYWJsZURhdGUpKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICBjb25zdCBkYXRlRmlsdGVyID0gdGhpcy5pbnB1dCEuZGF0ZUZpbHRlcjtcbiAgICBpZiAoZGF0ZUZpbHRlcikge1xuICAgICAgd2hpbGUgKCFkYXRlRmlsdGVyKGF2YWlsYWJsZURhdGUpKSB7XG4gICAgICAgIGF2YWlsYWJsZURhdGUgPSB0aGlzLmRhdGVBZGFwdGVyLmFkZENhbGVuZGFyRGF5cyhhdmFpbGFibGVEYXRlLCAtMSk7XG4gICAgICAgIGlmICh0aGlzLl9pc0JlZm9yZU1pbkRhdGUoYXZhaWxhYmxlRGF0ZSkpIHtcbiAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiBhdmFpbGFibGVEYXRlO1xuICB9XG5cbiAgcHJpdmF0ZSBfaXNCZWZvcmVNaW5EYXRlKGRhdGU6IFQpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLmlucHV0IS5taW4gJiYgdGhpcy5kYXRlQWRhcHRlci5jb21wYXJlRGF0ZShkYXRlLCB0aGlzLmlucHV0IS5taW4pIDwgMDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWRhdGVwaWNrZXItcHJldmlvdXMtZGF5JzogU2JiRGF0ZXBpY2tlclByZXZpb3VzRGF5RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBYU0sbUNBQStCLE1BQUE7OzBCQURwQyxjQUFjLDZCQUE2QixDQUFDOzs7O29CQUNXO0FBQVIsRUFBQSxtQkFBUSxZQUFzQjtBQUFBOztBQUdsRSxXQUFBLFdBQW1CO0FBQ25CLFdBQUEscUJBQTZDO0FBQzdDLFdBQUEsMkJBQTJCO0FBQUEsSUF3QnZDO0FBQUEsSUF0Qlksa0JBQWtCLE1BQU87QUFDakMsVUFBSSxnQkFBZ0IsS0FBSyxZQUFZLGdCQUFnQixNQUFNLEVBQUU7QUFDN0QsVUFBSSxLQUFLLGlCQUFpQixhQUFhLEdBQUc7QUFDeEMsZUFBTztBQUFBLE1BQ1Q7QUFFQSxZQUFNLGFBQWEsS0FBSyxNQUFPO0FBQy9CLFVBQUksWUFBWTtBQUNkLGVBQU8sQ0FBQyxXQUFXLGFBQWEsR0FBRztBQUNqQywwQkFBZ0IsS0FBSyxZQUFZLGdCQUFnQixlQUFlLEVBQUU7QUFDbEUsY0FBSSxLQUFLLGlCQUFpQixhQUFhLEdBQUc7QUFDeEMsbUJBQU87QUFBQSxVQUNUO0FBQUEsUUFDRjtBQUFBLE1BQ0Y7QUFFQSxhQUFPO0FBQUEsSUFDVDtBQUFBLElBRVEsaUJBQWlCLE1BQU87QUFDOUIsYUFBTyxDQUFDLENBQUMsS0FBSyxNQUFPLE9BQU8sS0FBSyxZQUFZLFlBQVksTUFBTSxLQUFLLE1BQU8sR0FBRyxJQUFJO0FBQUEsSUFDcEY7QUFBQTs7QUE1QkYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLE9BRDVDLGtCQUFBLFlBQUEsdUJBQUEsR0FBMEM7OzsifQ==
@@ -22,13 +22,14 @@ const style = css`*,
22
22
  -webkit-tap-highlight-color: transparent;
23
23
  height: fit-content;
24
24
  outline: none !important;
25
- --sbb-button-color-text: var(--sbb-color-charcoal);
26
- --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
27
- --sbb-button-color-hover-background: var(--sbb-color-milk);
28
- --sbb-button-color-active-background: var(--sbb-color-cloud);
29
- --sbb-button-color-disabled-background: var(--sbb-color-milk);
30
- --sbb-button-color-disabled-border: var(--sbb-color-smoke);
25
+ --sbb-button-color-text: var(--sbb-color-3);
26
+ --sbb-button-color-default-background: transparent;
27
+ --sbb-button-color-hover-background: var(--sbb-background-color-3);
28
+ --sbb-button-color-active-background: var(--sbb-background-color-4);
29
+ --sbb-button-color-disabled-background: var(--sbb-background-color-3);
30
+ --sbb-button-color-disabled-border: var(--sbb-border-color-5);
31
31
  --sbb-button-color-disabled-text: var(--sbb-color-granite);
32
+ --sbb-button-color-disabled-text: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
32
33
  --sbb-button-border-disabled-width: var(--sbb-border-width-1x);
33
34
  --sbb-button-border-disabled-style: dashed;
34
35
  --sbb-button-border-radius: var(--sbb-border-radius-infinity);
@@ -77,13 +78,13 @@ sbb-icon {
77
78
  }
78
79
 
79
80
  :host([negative]) {
80
- --sbb-button-color-text: var(--sbb-color-milk);
81
- --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
82
- --sbb-button-color-hover-background: var(--sbb-color-charcoal);
83
- --sbb-button-color-active-background: var(--sbb-color-iron);
84
- --sbb-button-color-disabled-background: var(--sbb-color-charcoal);
85
- --sbb-button-color-disabled-border: var(--sbb-color-smoke);
86
- --sbb-button-color-disabled-text: var(--sbb-color-smoke);
81
+ --sbb-button-color-text: var(--sbb-color-3-negative);
82
+ --sbb-button-color-default-background: transparent;
83
+ --sbb-button-color-hover-background: var(--sbb-background-color-3-negative);
84
+ --sbb-button-color-active-background: var(--sbb-background-color-4-negative);
85
+ --sbb-button-color-disabled-background: var(--sbb-background-color-3-negative);
86
+ --sbb-button-color-disabled-border: var(--sbb-border-color-5);
87
+ --sbb-button-color-disabled-text: var(--sbb-color-5);
87
88
  }
88
89
 
89
90
  :host(:is([disabled], :disabled, [disabled-interactive], [data-disabled], [data-group-disabled])) .sbb-datepicker-toggle {
@@ -189,4 +190,4 @@ let SbbDatepickerToggleElement = (() => {
189
190
  export {
190
191
  SbbDatepickerToggleElement
191
192
  };
192
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZGF0ZXBpY2tlci9kYXRlcGlja2VyLXRvZ2dsZS9kYXRlcGlja2VyLXRvZ2dsZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgUHJvcGVydHlEZWNsYXJhdGlvbiB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaWRSZWZlcmVuY2UgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaTE4blNob3dDYWxlbmRhciB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgeyBTYmJEYXRlcGlja2VyQnV0dG9uQmFzZSB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYkRhdGVwaWNrZXJFbGVtZW50IH0gZnJvbSAnLi4vZGF0ZXBpY2tlci5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2RhdGVwaWNrZXItdG9nZ2xlLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCBhIGBzYmItZGF0ZXBpY2tlcmAsIGl0IGNhbiBiZSB1c2VkIHRvIHNlbGVjdCBhIGRhdGUgZnJvbSBhIGBzYmItY2FsZW5kYXJgLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZGF0ZXBpY2tlci10b2dnbGUnKVxuY2xhc3MgU2JiRGF0ZXBpY2tlclRvZ2dsZUVsZW1lbnQ8VCA9IERhdGU+IGV4dGVuZHMgU2JiRGF0ZXBpY2tlckJ1dHRvbkJhc2U8VD4ge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgaWNvbk5hbWUgPSAnY2FsZW5kYXItc21hbGwnO1xuXG4gIC8qKiBEYXRlcGlja2VyIHJlZmVyZW5jZS4gKi9cbiAgQGlkUmVmZXJlbmNlKClcbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIGRhdGVwaWNrZXI6IFNiYkRhdGVwaWNrZXJFbGVtZW50PFQ+IHwgbnVsbCA9IG51bGw7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKCkgPT4ge1xuICAgICAgaWYgKGltcG9ydC5tZXRhLmVudi5ERVYgJiYgIXRoaXMuZGF0ZXBpY2tlcikge1xuICAgICAgICBjb25zb2xlLndhcm4oJ3NiYi1kYXRlcGlja2VyLXRvZ2dsZTogTm8gZGF0ZXBpY2tlciBjb25uZWN0ZWQuJyk7XG4gICAgICAgIGNvbnNvbGUubG9nKHRoaXMpO1xuICAgICAgfVxuICAgICAgaWYgKCF0aGlzLmRhdGVwaWNrZXI/LmlzT3Blbikge1xuICAgICAgICB0aGlzLmRhdGVwaWNrZXI/Lm9wZW4oKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFMYWJlbCA9IGkxOG5TaG93Q2FsZW5kYXJbdGhpcy5sYW5ndWFnZS5jdXJyZW50XTtcbiAgICBjb25zdCBmb3JtRmllbGQgPSB0aGlzLmNsb3Nlc3Q/Lignc2JiLWZvcm0tZmllbGQnKTtcbiAgICBpZiAoZm9ybUZpZWxkICYmICF0aGlzLmhhc0F0dHJpYnV0ZSgnZGF0ZXBpY2tlcicpKSB7XG4gICAgICB0aGlzLmRhdGVwaWNrZXIgPz89IGZvcm1GaWVsZC5xdWVyeVNlbGVjdG9yPFNiYkRhdGVwaWNrZXJFbGVtZW50PFQ+Pignc2JiLWRhdGVwaWNrZXInKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgcmVxdWVzdFVwZGF0ZShcbiAgICBuYW1lPzogUHJvcGVydHlLZXksXG4gICAgb2xkVmFsdWU/OiB1bmtub3duLFxuICAgIG9wdGlvbnM/OiBQcm9wZXJ0eURlY2xhcmF0aW9uLFxuICApOiB2b2lkIHtcbiAgICBzdXBlci5yZXF1ZXN0VXBkYXRlKG5hbWUsIG9sZFZhbHVlLCBvcHRpb25zKTtcbiAgICBpZiAobmFtZSA9PT0gJ2RhdGVwaWNrZXInICYmIHRoaXMuZGF0ZXBpY2tlciAmJiB0aGlzLmRhdGVwaWNrZXIudHJpZ2dlciAhPT0gdGhpcykge1xuICAgICAgdGhpcy5kYXRlcGlja2VyLnRyaWdnZXIgPSB0aGlzO1xuICAgIH0gZWxzZSBpZiAoIW5hbWUgJiYgdGhpcy5oYXNVcGRhdGVkKSB7XG4gICAgICB0aGlzLmludGVybmFscy5hcmlhTGFiZWwgPSBpMThuU2hvd0NhbGVuZGFyW3RoaXMubGFuZ3VhZ2UuY3VycmVudF07XG4gICAgfVxuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZGF0ZXBpY2tlci10b2dnbGUnOiBTYmJEYXRlcGlja2VyVG9nZ2xlRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWVNLDhCQUEwQixNQUFBOzswQkFEL0IsY0FBYyx1QkFBdUIsQ0FBQzs7OztvQkFDWTs7OztBQUFSLEVBQUEsbUJBQVEsWUFBMEI7QUFBQSxJQVUzRSxjQUFBO0FBQ0UsWUFBQTtBQUhGO0FBTG1CLFdBQUEsV0FBVztBQUtkLHlCQUFBLDhCQUFBLGtCQUFBLE1BQUEsMEJBQTZDLElBQUk7O0FBSS9ELFdBQUssbUJBQW1CLFNBQVMsTUFBSztBQUNwQyxZQUEyQixDQUFDLEtBQUssWUFBWTtBQUMzQyxrQkFBUSxLQUFLLGlEQUFpRDtBQUM5RCxrQkFBUSxJQUFJLElBQUk7QUFBQSxRQUNsQjtBQUNBLFlBQUksQ0FBQyxLQUFLLFlBQVksUUFBUTtBQUM1QixlQUFLLFlBQVksS0FBQTtBQUFBLFFBQ25CO0FBQUEsTUFDRixDQUFDO0FBQUEsSUFDRjtBQUFBO0FBQUEsSUFiRCxJQUFnQixhQUFVO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUExQixJQUFnQixXQUFVLE9BQUE7QUFBQSx5QkFBQSw4QkFBQTtBQUFBLElBQUE7QUFBQSxJQWVWLG9CQUFpQjtBQUMvQixZQUFNLGtCQUFBO0FBQ04sV0FBSyxVQUFVLFlBQVksaUJBQWlCLEtBQUssU0FBUyxPQUFPO0FBQ2pFLFlBQU0sWUFBWSxLQUFLLFVBQVUsZ0JBQWdCO0FBQ2pELFVBQUksYUFBYSxDQUFDLEtBQUssYUFBYSxZQUFZLEdBQUc7QUFDakQsYUFBSyxlQUFlLFVBQVUsY0FBdUMsZ0JBQWdCO0FBQUEsTUFDdkY7QUFBQSxJQUNGO0FBQUEsSUFFZ0IsY0FDZCxNQUNBLFVBQ0EsU0FBNkI7QUFFN0IsWUFBTSxjQUFjLE1BQU0sVUFBVSxPQUFPO0FBQzNDLFVBQUksU0FBUyxnQkFBZ0IsS0FBSyxjQUFjLEtBQUssV0FBVyxZQUFZLE1BQU07QUFDaEYsYUFBSyxXQUFXLFVBQVU7QUFBQSxNQUM1QixXQUFXLENBQUMsUUFBUSxLQUFLLFlBQVk7QUFDbkMsYUFBSyxVQUFVLFlBQVksaUJBQWlCLEtBQUssU0FBUyxPQUFPO0FBQUEsTUFDbkU7QUFBQSxJQUNGO0FBQUEsS0FuQ0E7OzhCQUZDLGVBQ0EsVUFBVTtBQUNYLGlCQUFBLElBQUEsTUFBQSx3QkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLGNBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsZ0JBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixZQUFVLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFWLGFBQVU7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEsMEJBQUEsNkJBQUE7QUFSNUIsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLE9BRDVDLGtCQUFBLFlBQUEsdUJBQUEsR0FBcUM7OzsifQ==
193
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZGF0ZXBpY2tlci9kYXRlcGlja2VyLXRvZ2dsZS9kYXRlcGlja2VyLXRvZ2dsZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgUHJvcGVydHlEZWNsYXJhdGlvbiB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaWRSZWZlcmVuY2UgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaTE4blNob3dDYWxlbmRhciB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgeyBTYmJEYXRlcGlja2VyQnV0dG9uQmFzZSB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYkRhdGVwaWNrZXJFbGVtZW50IH0gZnJvbSAnLi4vZGF0ZXBpY2tlci5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2RhdGVwaWNrZXItdG9nZ2xlLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCBhIGBzYmItZGF0ZXBpY2tlcmAsIGl0IGNhbiBiZSB1c2VkIHRvIHNlbGVjdCBhIGRhdGUgZnJvbSBhIGBzYmItY2FsZW5kYXJgLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZGF0ZXBpY2tlci10b2dnbGUnKVxuY2xhc3MgU2JiRGF0ZXBpY2tlclRvZ2dsZUVsZW1lbnQ8VCA9IERhdGU+IGV4dGVuZHMgU2JiRGF0ZXBpY2tlckJ1dHRvbkJhc2U8VD4ge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgaWNvbk5hbWUgPSAnY2FsZW5kYXItc21hbGwnO1xuXG4gIC8qKiBEYXRlcGlja2VyIHJlZmVyZW5jZS4gKi9cbiAgQGlkUmVmZXJlbmNlKClcbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIGRhdGVwaWNrZXI6IFNiYkRhdGVwaWNrZXJFbGVtZW50PFQ+IHwgbnVsbCA9IG51bGw7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKCkgPT4ge1xuICAgICAgaWYgKGltcG9ydC5tZXRhLmVudi5ERVYgJiYgIXRoaXMuZGF0ZXBpY2tlcikge1xuICAgICAgICBjb25zb2xlLndhcm4oJ3NiYi1kYXRlcGlja2VyLXRvZ2dsZTogTm8gZGF0ZXBpY2tlciBjb25uZWN0ZWQuJyk7XG4gICAgICAgIGNvbnNvbGUubG9nKHRoaXMpO1xuICAgICAgfVxuICAgICAgaWYgKCF0aGlzLmRhdGVwaWNrZXI/LmlzT3Blbikge1xuICAgICAgICB0aGlzLmRhdGVwaWNrZXI/Lm9wZW4oKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFMYWJlbCA9IGkxOG5TaG93Q2FsZW5kYXJbdGhpcy5sYW5ndWFnZS5jdXJyZW50XTtcbiAgICBjb25zdCBmb3JtRmllbGQgPSB0aGlzLmNsb3Nlc3Q/Lignc2JiLWZvcm0tZmllbGQnKTtcbiAgICBpZiAoZm9ybUZpZWxkICYmICF0aGlzLmhhc0F0dHJpYnV0ZSgnZGF0ZXBpY2tlcicpKSB7XG4gICAgICB0aGlzLmRhdGVwaWNrZXIgPz89IGZvcm1GaWVsZC5xdWVyeVNlbGVjdG9yPFNiYkRhdGVwaWNrZXJFbGVtZW50PFQ+Pignc2JiLWRhdGVwaWNrZXInKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgcmVxdWVzdFVwZGF0ZShcbiAgICBuYW1lPzogUHJvcGVydHlLZXksXG4gICAgb2xkVmFsdWU/OiB1bmtub3duLFxuICAgIG9wdGlvbnM/OiBQcm9wZXJ0eURlY2xhcmF0aW9uLFxuICApOiB2b2lkIHtcbiAgICBzdXBlci5yZXF1ZXN0VXBkYXRlKG5hbWUsIG9sZFZhbHVlLCBvcHRpb25zKTtcbiAgICBpZiAobmFtZSA9PT0gJ2RhdGVwaWNrZXInICYmIHRoaXMuZGF0ZXBpY2tlciAmJiB0aGlzLmRhdGVwaWNrZXIudHJpZ2dlciAhPT0gdGhpcykge1xuICAgICAgdGhpcy5kYXRlcGlja2VyLnRyaWdnZXIgPSB0aGlzO1xuICAgIH0gZWxzZSBpZiAoIW5hbWUgJiYgdGhpcy5oYXNVcGRhdGVkKSB7XG4gICAgICB0aGlzLmludGVybmFscy5hcmlhTGFiZWwgPSBpMThuU2hvd0NhbGVuZGFyW3RoaXMubGFuZ3VhZ2UuY3VycmVudF07XG4gICAgfVxuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZGF0ZXBpY2tlci10b2dnbGUnOiBTYmJEYXRlcGlja2VyVG9nZ2xlRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFlTSw4QkFBMEIsTUFBQTs7MEJBRC9CLGNBQWMsdUJBQXVCLENBQUM7Ozs7b0JBQ1k7Ozs7QUFBUixFQUFBLG1CQUFRLFlBQTBCO0FBQUEsSUFVM0UsY0FBQTtBQUNFLFlBQUE7QUFIRjtBQUxtQixXQUFBLFdBQVc7QUFLZCx5QkFBQSw4QkFBQSxrQkFBQSxNQUFBLDBCQUE2QyxJQUFJOztBQUkvRCxXQUFLLG1CQUFtQixTQUFTLE1BQUs7QUFDcEMsWUFBMkIsQ0FBQyxLQUFLLFlBQVk7QUFDM0Msa0JBQVEsS0FBSyxpREFBaUQ7QUFDOUQsa0JBQVEsSUFBSSxJQUFJO0FBQUEsUUFDbEI7QUFDQSxZQUFJLENBQUMsS0FBSyxZQUFZLFFBQVE7QUFDNUIsZUFBSyxZQUFZLEtBQUE7QUFBQSxRQUNuQjtBQUFBLE1BQ0YsQ0FBQztBQUFBLElBQ0Y7QUFBQTtBQUFBLElBYkQsSUFBZ0IsYUFBVTtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBMUIsSUFBZ0IsV0FBVSxPQUFBO0FBQUEseUJBQUEsOEJBQUE7QUFBQSxJQUFBO0FBQUEsSUFlVixvQkFBaUI7QUFDL0IsWUFBTSxrQkFBQTtBQUNOLFdBQUssVUFBVSxZQUFZLGlCQUFpQixLQUFLLFNBQVMsT0FBTztBQUNqRSxZQUFNLFlBQVksS0FBSyxVQUFVLGdCQUFnQjtBQUNqRCxVQUFJLGFBQWEsQ0FBQyxLQUFLLGFBQWEsWUFBWSxHQUFHO0FBQ2pELGFBQUssZUFBZSxVQUFVLGNBQXVDLGdCQUFnQjtBQUFBLE1BQ3ZGO0FBQUEsSUFDRjtBQUFBLElBRWdCLGNBQ2QsTUFDQSxVQUNBLFNBQTZCO0FBRTdCLFlBQU0sY0FBYyxNQUFNLFVBQVUsT0FBTztBQUMzQyxVQUFJLFNBQVMsZ0JBQWdCLEtBQUssY0FBYyxLQUFLLFdBQVcsWUFBWSxNQUFNO0FBQ2hGLGFBQUssV0FBVyxVQUFVO0FBQUEsTUFDNUIsV0FBVyxDQUFDLFFBQVEsS0FBSyxZQUFZO0FBQ25DLGFBQUssVUFBVSxZQUFZLGlCQUFpQixLQUFLLFNBQVMsT0FBTztBQUFBLE1BQ25FO0FBQUEsSUFDRjtBQUFBLEtBbkNBOzs4QkFGQyxlQUNBLFVBQVU7QUFDWCxpQkFBQSxJQUFBLE1BQUEsd0JBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxjQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLGdCQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0IsWUFBVSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBVixhQUFVO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLDBCQUFBLDZCQUFBO0FBUjVCLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QixPQUQ1QyxrQkFBQSxZQUFBLHVCQUFBLEdBQXFDOzs7In0=
@@ -8,6 +8,7 @@ import { SbbOverlayBaseElement } from '../../overlay.js';
8
8
  * @cssprop [--sbb-dialog-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
9
9
  * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
10
10
  * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
11
+ * @csspart scroll-container - Can be used to change styles of the scroll container of the content.
11
12
  */
12
13
  export declare class SbbDialogElement extends SbbOverlayBaseElement {
13
14
  static styles: CSSResultGroup;
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/dialog/dialog/dialog.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1E,OAAO,EAAe,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAItE,OAAO,6BAA6B,CAAC;AAIrC;;;;;;;;GAQG;AACH,qBAEM,gBAAiB,SAAQ,qBAAqB;IAClD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,6BAA6B;IAC7B,SAA4D,cAAc,EAAE,OAAO,GAAG,MAAM,CAClF;IAEV,wBAAwB;IACxB,SAAoE,QAAQ,EACxE,QAAQ,GACR,aAAa,CAAY;IAM7B,OAAO,CAAC,4BAA4B,CAIjC;IAEH,OAAO,CAAC,qBAAqB,CAAC,CAAc;IAC5C,OAAO,CAAC,cAAc,CAAC,CAAc;IACrC,OAAO,CAAC,2BAA2B,CAAkB;IACrD,SAAS,CAAC,cAAc,EAAE,MAAM,CAAsB;IACtD,UAAmB,QAAQ,EAAE,MAAM,CAA6B;;IAShD,iBAAiB,IAAI,IAAI;IAKzC,2EAA2E;IACpE,aAAa,IAAI,IAAI;IAM5B,SAAS,CAAC,uBAAuB,IAAI,OAAO;IAI5C,SAAS,CAAC,aAAa,IAAI,IAAI;IA2B/B,SAAS,CAAC,aAAa,IAAI,IAAI;cAeZ,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAM3D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5E,OAAO,CAAC,kBAAkB;IAa1B,wEAAwE;IACxE,OAAO,CAAC,oBAAoB,CAO1B;IAEF,sCAAsC;IACtC,OAAO,CAAC,qBAAqB,CAS3B;IAEF,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,oBAAoB;cAKT,MAAM,IAAI,cAAc;CA6B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
1
+ {"version":3,"file":"dialog.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/dialog/dialog/dialog.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1E,OAAO,EAAe,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAItE,OAAO,6BAA6B,CAAC;AAIrC;;;;;;;;;GASG;AACH,qBAEM,gBAAiB,SAAQ,qBAAqB;IAClD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,6BAA6B;IAC7B,SAA4D,cAAc,EAAE,OAAO,GAAG,MAAM,CAClF;IAEV,wBAAwB;IACxB,SAAoE,QAAQ,EACxE,QAAQ,GACR,aAAa,CAAY;IAM7B,OAAO,CAAC,4BAA4B,CAIjC;IAEH,OAAO,CAAC,qBAAqB,CAAC,CAAc;IAC5C,OAAO,CAAC,cAAc,CAAC,CAAc;IACrC,OAAO,CAAC,2BAA2B,CAAkB;IACrD,SAAS,CAAC,cAAc,EAAE,MAAM,CAAsB;IACtD,UAAmB,QAAQ,EAAE,MAAM,CAA6B;;IAShD,iBAAiB,IAAI,IAAI;IAKzC,2EAA2E;IACpE,aAAa,IAAI,IAAI;IAM5B,SAAS,CAAC,uBAAuB,IAAI,OAAO;IAI5C,SAAS,CAAC,aAAa,IAAI,IAAI;IA2B/B,SAAS,CAAC,aAAa,IAAI,IAAI;cAeZ,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAM3D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5E,OAAO,CAAC,kBAAkB;IAa1B,wEAAwE;IACxE,OAAO,CAAC,oBAAoB,CAO1B;IAEF,sCAAsC;IACtC,OAAO,CAAC,qBAAqB,CAS3B;IAEF,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,oBAAoB;cAKT,MAAM,IAAI,cAAc;CA8B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}