@sbb-esta/lyne-elements 3.0.0-next.1 → 3.0.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (566) hide show
  1. package/accordion/accordion.component.js +19 -22
  2. package/action-group/action-group.component.js +3 -5
  3. package/alert/alert/alert.component.d.ts +5 -7
  4. package/alert/alert/alert.component.d.ts.map +1 -1
  5. package/alert/alert/alert.component.js +69 -84
  6. package/alert/alert-group/alert-group.component.js +2 -3
  7. package/autocomplete/autocomplete-base-element.js +83 -95
  8. package/autocomplete/autocomplete.component.js +28 -33
  9. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +42 -50
  10. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +1 -1
  11. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
  12. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +4 -5
  13. package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +17 -20
  14. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +1 -1
  15. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
  16. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +21 -24
  17. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +5 -5
  18. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +27 -31
  19. package/button/mini-button/mini-button.component.js +1 -1
  20. package/button/mini-button-group/mini-button-group.component.js +1 -2
  21. package/calendar/calendar.component.d.ts +0 -5
  22. package/calendar/calendar.component.d.ts.map +1 -1
  23. package/calendar/calendar.component.js +129 -147
  24. package/card/card/card.component.js +12 -12
  25. package/card/card-badge/card-badge.component.js +17 -17
  26. package/card/common/card-action-common.js +20 -22
  27. package/checkbox/checkbox/checkbox.component.js +17 -20
  28. package/checkbox/checkbox-group/checkbox-group.component.js +39 -52
  29. package/checkbox/checkbox-panel/checkbox-panel.component.js +18 -21
  30. package/checkbox/common/checkbox-common.js +13 -15
  31. package/chip/chip-group/chip-group.component.js +66 -80
  32. package/clock/clock.component.js +50 -60
  33. package/container/container/container.component.js +28 -29
  34. package/container/sticky-bar/sticky-bar.component.js +25 -26
  35. package/core/a11y/focus-trap-controller.js +11 -14
  36. package/core/a11y/input-modality-detector.js +15 -16
  37. package/core/a11y/interactivity-checker.js +10 -10
  38. package/core/a11y/live-announcer.js +12 -14
  39. package/core/base-elements/button-base-element.js +58 -63
  40. package/core/base-elements/link-base-element.js +3 -6
  41. package/core/base-elements/open-close-base-element.js +1 -1
  42. package/core/config/config.d.ts.map +1 -1
  43. package/core/controllers/escapable-overlay-controller.js +10 -12
  44. package/core/controllers/id-reference-controller.js +13 -14
  45. package/core/controllers/inert-controller.js +8 -10
  46. package/core/controllers/slot-state-controller.js +16 -26
  47. package/core/datetime/date-adapter.d.ts +1 -1
  48. package/core/datetime/date-adapter.d.ts.map +1 -1
  49. package/core/datetime/date-adapter.js +21 -21
  50. package/core/datetime/native-date-adapter.d.ts +1 -1
  51. package/core/datetime/native-date-adapter.d.ts.map +1 -1
  52. package/core/datetime/native-date-adapter.js +28 -28
  53. package/core/decorators/force-type.js +4 -5
  54. package/core/decorators/id-reference.js +34 -37
  55. package/core/decorators/plain-date.js +16 -19
  56. package/core/dom/breakpoint.js +8 -8
  57. package/core/eventing/event-emitter.js +4 -5
  58. package/core/i18n/i18n.js +41 -41
  59. package/core/mixins/element-internals-mixin.d.ts +21 -0
  60. package/core/mixins/element-internals-mixin.d.ts.map +1 -1
  61. package/core/mixins/element-internals-mixin.js +109 -23
  62. package/core/mixins/form-associated-checkbox-mixin.js +32 -37
  63. package/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
  64. package/core/mixins/form-associated-input-mixin.js +69 -93
  65. package/core/mixins/form-associated-mixin.js +32 -35
  66. package/core/mixins/form-associated-radio-button-mixin.js +3 -5
  67. package/core/mixins/hydration-mixin.js +12 -13
  68. package/core/mixins/named-slot-list-mixin.js +32 -37
  69. package/core/mixins/panel-mixin.js +26 -27
  70. package/core/mixins/readonly-mixin.d.ts.map +1 -1
  71. package/core/mixins/readonly-mixin.js +10 -11
  72. package/core/mixins.js +27 -25
  73. package/core/overlay/position.js +23 -23
  74. package/core/styles/core/mediaqueries.scss +1 -1
  75. package/core/styles/core.scss +70 -35
  76. package/core/styles/mixins/table.scss +1 -24
  77. package/core/testing/event-spy.js +2 -4
  78. package/core/testing/wait-for-image-ready.js +8 -9
  79. package/core/testing/wait-for-render.js +8 -9
  80. package/core.css +29 -0
  81. package/custom-elements.json +5233 -2636
  82. package/date-input/date-input.component.d.ts +16 -1
  83. package/date-input/date-input.component.d.ts.map +1 -1
  84. package/date-input/date-input.component.js +71 -58
  85. package/datepicker/common/datepicker-button.d.ts +31 -20
  86. package/datepicker/common/datepicker-button.d.ts.map +1 -1
  87. package/datepicker/common/datepicker-button.js +79 -74
  88. package/datepicker/common.d.ts +0 -1
  89. package/datepicker/common.d.ts.map +1 -1
  90. package/datepicker/common.js +3 -5
  91. package/datepicker/datepicker/datepicker.component.d.ts +23 -102
  92. package/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
  93. package/datepicker/datepicker/datepicker.component.js +91 -233
  94. package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts +2 -2
  95. package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map +1 -1
  96. package/datepicker/datepicker-next-day/datepicker-next-day.component.js +27 -18
  97. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts +2 -2
  98. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map +1 -1
  99. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +27 -18
  100. package/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts +6 -26
  101. package/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts.map +1 -1
  102. package/datepicker/datepicker-toggle/datepicker-toggle.component.js +36 -145
  103. package/datepicker.js +9 -11
  104. package/development/accordion/accordion.component.js +4 -7
  105. package/development/action-group/action-group.component.js +3 -5
  106. package/development/alert/alert/alert.component.d.ts +5 -7
  107. package/development/alert/alert/alert.component.d.ts.map +1 -1
  108. package/development/alert/alert/alert.component.js +34 -52
  109. package/development/alert/alert-group/alert-group.component.js +2 -3
  110. package/development/autocomplete/autocomplete-base-element.js +20 -32
  111. package/development/autocomplete/autocomplete.component.js +7 -12
  112. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +10 -18
  113. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +1 -1
  114. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
  115. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +4 -9
  116. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
  117. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +4 -7
  118. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +1 -1
  119. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
  120. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +4 -7
  121. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +2 -2
  122. package/development/breadcrumb/breadcrumb/breadcrumb.component.js +1 -1
  123. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +5 -9
  124. package/development/button/accent-button/accent-button.component.js +1 -1
  125. package/development/button/accent-button-link/accent-button-link.component.js +1 -1
  126. package/development/button/accent-button-static/accent-button-static.component.js +1 -1
  127. package/development/button/button/button.component.js +1 -1
  128. package/development/button/button-link/button-link.component.js +1 -1
  129. package/development/button/button-static/button-static.component.js +1 -1
  130. package/development/button/common/button-common.js +1 -1
  131. package/development/button/mini-button/mini-button.component.js +1 -1
  132. package/development/button/mini-button-group/mini-button-group.component.js +2 -3
  133. package/development/button/secondary-button/secondary-button.component.js +1 -1
  134. package/development/button/secondary-button-link/secondary-button-link.component.js +1 -1
  135. package/development/button/secondary-button-static/secondary-button-static.component.js +1 -1
  136. package/development/button/transparent-button/transparent-button.component.js +1 -1
  137. package/development/button/transparent-button-link/transparent-button-link.component.js +1 -1
  138. package/development/button/transparent-button-static/transparent-button-static.component.js +1 -1
  139. package/development/calendar/calendar.component.d.ts +0 -5
  140. package/development/calendar/calendar.component.d.ts.map +1 -1
  141. package/development/calendar/calendar.component.js +20 -44
  142. package/development/card/card/card.component.js +1 -1
  143. package/development/card/card-badge/card-badge.component.js +2 -2
  144. package/development/card/card-button/card-button.component.js +1 -1
  145. package/development/card/card-link/card-link.component.js +1 -1
  146. package/development/card/common/card-action-common.js +4 -6
  147. package/development/checkbox/checkbox/checkbox.component.js +2 -5
  148. package/development/checkbox/checkbox-group/checkbox-group.component.js +8 -21
  149. package/development/checkbox/checkbox-panel/checkbox-panel.component.js +2 -5
  150. package/development/checkbox/common/checkbox-common.js +3 -5
  151. package/development/chip/chip/chip.component.js +1 -1
  152. package/development/chip/chip-group/chip-group.component.js +18 -32
  153. package/development/chip-label/chip-label.component.js +1 -1
  154. package/development/clock/clock.component.js +23 -33
  155. package/development/container/container/container.component.js +2 -3
  156. package/development/container/sticky-bar/sticky-bar.component.js +3 -4
  157. package/development/core/a11y/arrow-navigation.js +1 -1
  158. package/development/core/a11y/fake-event-detection.js +1 -1
  159. package/development/core/a11y/focus-trap-controller.js +6 -9
  160. package/development/core/a11y/focus-visible-within-controller.js +1 -1
  161. package/development/core/a11y/input-modality-detector.js +2 -3
  162. package/development/core/a11y/interactivity-checker.js +2 -2
  163. package/development/core/a11y/live-announcer.js +6 -8
  164. package/development/core/base-elements/action-base-element.js +2 -3
  165. package/development/core/base-elements/button-base-element.js +6 -11
  166. package/development/core/base-elements/link-base-element.js +4 -7
  167. package/development/core/base-elements/open-close-base-element.js +2 -2
  168. package/development/core/config/config.d.ts.map +1 -1
  169. package/development/core/config/config.js +1 -1
  170. package/development/core/controllers/escapable-overlay-controller.js +3 -5
  171. package/development/core/controllers/id-reference-controller.js +2 -3
  172. package/development/core/controllers/inert-controller.js +4 -6
  173. package/development/core/controllers/language-controller.js +1 -1
  174. package/development/core/controllers/media-matchers-controller.js +1 -1
  175. package/development/core/controllers/slot-state-controller.js +8 -18
  176. package/development/core/datetime/date-adapter.d.ts +1 -1
  177. package/development/core/datetime/date-adapter.d.ts.map +1 -1
  178. package/development/core/datetime/date-adapter.js +5 -5
  179. package/development/core/datetime/native-date-adapter.d.ts +1 -1
  180. package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
  181. package/development/core/datetime/native-date-adapter.js +4 -4
  182. package/development/core/decorators/force-type.js +3 -4
  183. package/development/core/decorators/get-override.js +1 -1
  184. package/development/core/decorators/handle-distinct-change.js +1 -1
  185. package/development/core/decorators/host-attributes.js +1 -1
  186. package/development/core/decorators/id-reference.js +4 -7
  187. package/development/core/decorators/plain-date.js +5 -8
  188. package/development/core/decorators/slot-state.js +1 -1
  189. package/development/core/dom/animation.js +1 -1
  190. package/development/core/dom/breakpoint.js +2 -2
  191. package/development/core/dom/host-context.js +1 -1
  192. package/development/core/dom/platform.js +1 -1
  193. package/development/core/dom/scroll.js +1 -1
  194. package/development/core/dom/set-or-remove-attribute.js +1 -1
  195. package/development/core/eventing/composed-path-has-attribute.js +1 -1
  196. package/development/core/eventing/event-emitter.js +2 -3
  197. package/development/core/eventing/form-element-handlers.js +1 -1
  198. package/development/core/eventing/forward-event.js +1 -1
  199. package/development/core/eventing/throttle.js +1 -1
  200. package/development/core/i18n/i18n.js +18 -18
  201. package/development/core/mixins/animation-complete-mixin.js +1 -1
  202. package/development/core/mixins/disabled-mixin.js +1 -1
  203. package/development/core/mixins/element-internals-mixin.d.ts +21 -0
  204. package/development/core/mixins/element-internals-mixin.d.ts.map +1 -1
  205. package/development/core/mixins/element-internals-mixin.js +123 -2
  206. package/development/core/mixins/form-associated-checkbox-mixin.js +6 -9
  207. package/development/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
  208. package/development/core/mixins/form-associated-input-mixin.js +29 -59
  209. package/development/core/mixins/form-associated-mixin.js +6 -9
  210. package/development/core/mixins/form-associated-radio-button-mixin.js +7 -9
  211. package/development/core/mixins/hydration-mixin.js +3 -4
  212. package/development/core/mixins/named-slot-list-mixin.js +4 -7
  213. package/development/core/mixins/negative-mixin.js +1 -1
  214. package/development/core/mixins/panel-mixin.js +2 -3
  215. package/development/core/mixins/readonly-mixin.d.ts.map +1 -1
  216. package/development/core/mixins/readonly-mixin.js +4 -6
  217. package/development/core/mixins/required-mixin.js +1 -1
  218. package/development/core/mixins/update-scheduler-mixin.js +1 -1
  219. package/development/core/mixins.js +4 -2
  220. package/development/core/overlay/overlay-option-panel.js +1 -1
  221. package/development/core/overlay/overlay-trigger-attributes.js +1 -1
  222. package/development/core/overlay/overlay.js +1 -1
  223. package/development/core/overlay/position.js +5 -5
  224. package/development/core/testing/event-spy.js +3 -5
  225. package/development/core/testing/mocha-extensions.js +1 -1
  226. package/development/core/testing/wait-for-condition.js +1 -1
  227. package/development/core/testing/wait-for-image-ready.js +2 -3
  228. package/development/core/testing/wait-for-render.js +2 -3
  229. package/development/date-input/date-input.component.d.ts +16 -1
  230. package/development/date-input/date-input.component.d.ts.map +1 -1
  231. package/development/date-input/date-input.component.js +28 -11
  232. package/development/datepicker/common/datepicker-button.d.ts +31 -20
  233. package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
  234. package/development/datepicker/common/datepicker-button.js +103 -90
  235. package/development/datepicker/common.d.ts +0 -1
  236. package/development/datepicker/common.d.ts.map +1 -1
  237. package/development/datepicker/common.js +4 -6
  238. package/development/datepicker/datepicker/datepicker.component.d.ts +23 -102
  239. package/development/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
  240. package/development/datepicker/datepicker/datepicker.component.js +94 -337
  241. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts +2 -2
  242. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map +1 -1
  243. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.js +18 -6
  244. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts +2 -2
  245. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map +1 -1
  246. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +18 -6
  247. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts +6 -26
  248. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts.map +1 -1
  249. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.js +137 -224
  250. package/development/datepicker.js +3 -5
  251. package/development/dialog/dialog/dialog.component.d.ts +7 -16
  252. package/development/dialog/dialog/dialog.component.d.ts.map +1 -1
  253. package/development/dialog/dialog/dialog.component.js +78 -149
  254. package/development/dialog/dialog-actions/dialog-actions.component.d.ts +2 -2
  255. package/development/dialog/dialog-actions/dialog-actions.component.d.ts.map +1 -1
  256. package/development/dialog/dialog-actions/dialog-actions.component.js +20 -17
  257. package/development/dialog/dialog-content/dialog-content.component.d.ts.map +1 -1
  258. package/development/dialog/dialog-content/dialog-content.component.js +5 -46
  259. package/development/dialog/dialog-title/dialog-title.component.d.ts +2 -26
  260. package/development/dialog/dialog-title/dialog-title.component.d.ts.map +1 -1
  261. package/development/dialog/dialog-title/dialog-title.component.js +12 -179
  262. package/development/divider/divider.component.js +2 -2
  263. package/development/expansion-panel/expansion-panel/expansion-panel.component.js +9 -13
  264. package/development/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +2 -2
  265. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +5 -6
  266. package/development/file-selector/common/file-selector-common.js +2 -3
  267. package/development/file-selector/file-selector/file-selector.component.js +1 -1
  268. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  269. package/development/flip-card/flip-card/flip-card.component.js +7 -13
  270. package/development/flip-card/flip-card-details/flip-card-details.component.js +3 -4
  271. package/development/flip-card/flip-card-summary/flip-card-summary.component.js +3 -4
  272. package/development/footer/footer.component.js +1 -1
  273. package/development/form-error/form-error.component.js +3 -4
  274. package/development/form-field/form-field/form-field.component.d.ts +1 -1
  275. package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
  276. package/development/form-field/form-field/form-field.component.js +39 -67
  277. package/development/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
  278. package/development/form-field/form-field-clear/form-field-clear.component.js +6 -8
  279. package/development/header/common/header-action-common.js +1 -1
  280. package/development/header/header/header.component.js +5 -8
  281. package/development/header/header-button/header-button.component.js +1 -1
  282. package/development/header/header-link/header-link.component.js +1 -1
  283. package/development/icon/icon-base.d.ts +5 -3
  284. package/development/icon/icon-base.d.ts.map +1 -1
  285. package/development/icon/icon-base.js +4 -7
  286. package/development/icon/icon-name-mixin.js +1 -1
  287. package/development/icon/icon-request.js +2 -3
  288. package/development/icon/icon-validate.js +1 -1
  289. package/development/icon/icon.component.d.ts +1 -2
  290. package/development/icon/icon.component.d.ts.map +1 -1
  291. package/development/icon/icon.component.js +8 -19
  292. package/development/image/image.component.js +7 -9
  293. package/development/journey-header/journey-header.component.d.ts +5 -5
  294. package/development/journey-header/journey-header.component.d.ts.map +1 -1
  295. package/development/journey-header/journey-header.component.js +26 -40
  296. package/development/lead-container/lead-container.component.js +1 -1
  297. package/development/link/block-link/block-link.component.js +1 -1
  298. package/development/link/block-link-button/block-link-button.component.js +1 -1
  299. package/development/link/block-link-static/block-link-static.component.js +1 -1
  300. package/development/link/common/block-link-common.js +1 -1
  301. package/development/link/common/inline-link-common.js +1 -1
  302. package/development/link/link/link.component.js +1 -1
  303. package/development/link/link-button/link-button.component.js +1 -1
  304. package/development/link/link-static/link-static.component.js +1 -1
  305. package/development/link-common-DPLJx5Uo.js +1 -1
  306. package/development/link-list/common/link-list-base.js +1 -1
  307. package/development/link-list/link-list/link-list.component.js +1 -1
  308. package/development/link-list/link-list-anchor/link-list-anchor.component.js +1 -1
  309. package/development/loading-indicator/loading-indicator.component.js +1 -1
  310. package/development/loading-indicator-circle/loading-indicator-circle.component.js +1 -1
  311. package/development/logo/logo.component.js +1 -1
  312. package/development/map-container/map-container.component.js +2 -3
  313. package/development/menu/common/menu-action-common.js +1 -1
  314. package/development/menu/menu/menu.component.js +17 -25
  315. package/development/menu/menu-button/menu-button.component.js +1 -1
  316. package/development/menu/menu-link/menu-link.component.js +1 -1
  317. package/development/message/message.component.d.ts +4 -8
  318. package/development/message/message.component.d.ts.map +1 -1
  319. package/development/message/message.component.js +12 -54
  320. package/development/navigation/common/navigation-action-common.js +3 -5
  321. package/development/navigation/navigation/navigation.component.js +19 -35
  322. package/development/navigation/navigation-button/navigation-button.component.js +1 -1
  323. package/development/navigation/navigation-link/navigation-link.component.js +1 -1
  324. package/development/navigation/navigation-list/navigation-list.component.js +1 -1
  325. package/development/navigation/navigation-marker/navigation-marker.component.js +4 -6
  326. package/development/navigation/navigation-section/navigation-section.component.d.ts +1 -1
  327. package/development/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
  328. package/development/navigation/navigation-section/navigation-section.component.js +27 -37
  329. package/development/notification/notification.component.d.ts +7 -9
  330. package/development/notification/notification.component.d.ts.map +1 -1
  331. package/development/notification/notification.component.js +47 -77
  332. package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  333. package/development/option/optgroup/optgroup-base-element.js +8 -14
  334. package/development/option/optgroup/optgroup.component.js +6 -10
  335. package/development/option/option/option-base-element.js +3 -4
  336. package/development/option/option/option.component.js +7 -10
  337. package/development/overlay/overlay-base-element.d.ts +24 -6
  338. package/development/overlay/overlay-base-element.d.ts.map +1 -1
  339. package/development/overlay/overlay-base-element.js +114 -15
  340. package/development/overlay/overlay.component.d.ts +2 -12
  341. package/development/overlay/overlay.component.d.ts.map +1 -1
  342. package/development/overlay/overlay.component.js +33 -98
  343. package/development/paginator/common/paginator-common.js +1 -1
  344. package/development/paginator/compact-paginator/compact-paginator.component.js +1 -1
  345. package/development/paginator/paginator/paginator.component.js +2 -3
  346. package/development/popover/popover/popover.component.d.ts +45 -34
  347. package/development/popover/popover/popover.component.d.ts.map +1 -1
  348. package/development/popover/popover/popover.component.js +215 -172
  349. package/development/popover/popover-trigger/popover-trigger.component.js +1 -1
  350. package/development/popover/popover.js +2 -1
  351. package/development/popover.js +2 -1
  352. package/development/radio-button/common/radio-button-common.js +6 -10
  353. package/development/radio-button/radio-button/radio-button.component.js +2 -5
  354. package/development/radio-button/radio-button-group/radio-button-group.component.d.ts +1 -1
  355. package/development/radio-button/radio-button-group/radio-button-group.component.d.ts.map +1 -1
  356. package/development/radio-button/radio-button-group/radio-button-group.component.js +8 -24
  357. package/development/radio-button/radio-button-panel/radio-button-panel.component.js +3 -7
  358. package/development/screen-reader-only/screen-reader-only.component.js +1 -1
  359. package/development/select/select.component.js +26 -49
  360. package/development/selection-expansion-panel/selection-expansion-panel.component.js +7 -11
  361. package/development/sidebar/icon-sidebar/icon-sidebar.component.js +1 -1
  362. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.js +1 -1
  363. package/development/sidebar/icon-sidebar-container/icon-sidebar-container.component.js +4 -7
  364. package/development/sidebar/icon-sidebar-content/icon-sidebar-content.component.js +1 -1
  365. package/development/sidebar/icon-sidebar-link/icon-sidebar-link.component.js +1 -1
  366. package/development/sidebar/sidebar/sidebar.component.js +9 -16
  367. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts +0 -1
  368. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts.map +1 -1
  369. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.js +3 -8
  370. package/development/sidebar/sidebar-container/sidebar-container.component.js +9 -13
  371. package/development/sidebar/sidebar-content/sidebar-content.component.js +1 -1
  372. package/development/sidebar/sidebar-title/sidebar-title.component.d.ts +2 -0
  373. package/development/sidebar/sidebar-title/sidebar-title.component.d.ts.map +1 -1
  374. package/development/sidebar/sidebar-title/sidebar-title.component.js +3 -9
  375. package/development/signet/signet.component.js +1 -1
  376. package/development/skiplink-list/skiplink-list.component.d.ts.map +1 -1
  377. package/development/skiplink-list/skiplink-list.component.js +19 -10
  378. package/development/slider/slider.component.js +4 -6
  379. package/development/status/status.component.d.ts +4 -7
  380. package/development/status/status.component.d.ts.map +1 -1
  381. package/development/status/status.component.js +23 -57
  382. package/development/stepper/step/step.component.d.ts +2 -1
  383. package/development/stepper/step/step.component.d.ts.map +1 -1
  384. package/development/stepper/step/step.component.js +16 -15
  385. package/development/stepper/step-label/step-label.component.d.ts +3 -3
  386. package/development/stepper/step-label/step-label.component.d.ts.map +1 -1
  387. package/development/stepper/step-label/step-label.component.js +16 -17
  388. package/development/stepper/stepper/stepper.component.js +16 -29
  389. package/development/table/table-wrapper/table-wrapper.component.js +2 -7
  390. package/development/tabs/tab/tab.component.js +1 -1
  391. package/development/tabs/tab-group/tab-group.component.js +23 -38
  392. package/development/tabs/tab-label/tab-label.component.js +1 -1
  393. package/development/tag/tag/tag.component.js +7 -13
  394. package/development/tag/tag-group/tag-group.component.js +5 -13
  395. package/development/teaser/teaser.component.d.ts +6 -10
  396. package/development/teaser/teaser.component.d.ts.map +1 -1
  397. package/development/teaser/teaser.component.js +48 -76
  398. package/development/teaser-hero/teaser-hero.component.js +1 -1
  399. package/development/teaser-product/common/teaser-product-common.js +1 -1
  400. package/development/teaser-product/teaser-product/teaser-product.component.js +1 -1
  401. package/development/teaser-product/teaser-product-static/teaser-product-static.component.js +1 -1
  402. package/development/time-input/time-input.component.js +10 -14
  403. package/development/timetable-occupancy/timetable-occupancy.component.js +1 -1
  404. package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts.map +1 -1
  405. package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.js +2 -5
  406. package/development/title/title-base.d.ts +0 -8
  407. package/development/title/title-base.d.ts.map +1 -1
  408. package/development/title/title-base.js +17 -49
  409. package/development/title/title.component.d.ts +2 -0
  410. package/development/title/title.component.d.ts.map +1 -1
  411. package/development/title/title.component.js +9 -14
  412. package/development/toast/toast.component.d.ts.map +1 -1
  413. package/development/toast/toast.component.js +7 -16
  414. package/development/toggle/toggle/toggle.component.js +8 -12
  415. package/development/toggle/toggle-option/toggle-option.component.d.ts +1 -1
  416. package/development/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
  417. package/development/toggle/toggle-option/toggle-option.component.js +10 -17
  418. package/development/toggle-check/toggle-check.component.js +1 -1
  419. package/development/train/train/train.component.js +1 -1
  420. package/development/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
  421. package/development/train/train-formation/train-formation.component.js +5 -7
  422. package/development/train/train-wagon/train-wagon.component.js +1 -1
  423. package/development/visual-checkbox/visual-checkbox.component.js +1 -1
  424. package/dialog/dialog/dialog.component.d.ts +7 -16
  425. package/dialog/dialog/dialog.component.d.ts.map +1 -1
  426. package/dialog/dialog/dialog.component.js +57 -87
  427. package/dialog/dialog-actions/dialog-actions.component.d.ts +2 -2
  428. package/dialog/dialog-actions/dialog-actions.component.d.ts.map +1 -1
  429. package/dialog/dialog-actions/dialog-actions.component.js +16 -16
  430. package/dialog/dialog-content/dialog-content.component.d.ts.map +1 -1
  431. package/dialog/dialog-content/dialog-content.component.js +14 -19
  432. package/dialog/dialog-title/dialog-title.component.d.ts +2 -26
  433. package/dialog/dialog-title/dialog-title.component.d.ts.map +1 -1
  434. package/dialog/dialog-title/dialog-title.component.js +16 -111
  435. package/divider/divider.component.js +3 -3
  436. package/expansion-panel/expansion-panel/expansion-panel.component.js +5 -9
  437. package/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +1 -1
  438. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +30 -31
  439. package/file-selector/common/file-selector-common.js +1 -2
  440. package/flip-card/flip-card/flip-card.component.js +48 -54
  441. package/flip-card/flip-card-details/flip-card-details.component.js +15 -16
  442. package/flip-card/flip-card-summary/flip-card-summary.component.js +19 -20
  443. package/form-error/form-error.component.js +13 -14
  444. package/form-field/form-field/form-field.component.d.ts +1 -1
  445. package/form-field/form-field/form-field.component.d.ts.map +1 -1
  446. package/form-field/form-field/form-field.component.js +149 -168
  447. package/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
  448. package/form-field/form-field-clear/form-field-clear.component.js +19 -21
  449. package/header/header/header.component.js +26 -29
  450. package/icon/icon-base.d.ts +5 -3
  451. package/icon/icon-base.d.ts.map +1 -1
  452. package/icon/icon-base.js +32 -34
  453. package/icon/icon-request.js +10 -11
  454. package/icon/icon.component.d.ts +1 -2
  455. package/icon/icon.component.d.ts.map +1 -1
  456. package/icon/icon.component.js +37 -37
  457. package/icon-sidebar-button-common-CM-ueEhH.js +7 -0
  458. package/image/image.component.js +4 -6
  459. package/journey-header/journey-header.component.d.ts +5 -5
  460. package/journey-header/journey-header.component.d.ts.map +1 -1
  461. package/journey-header/journey-header.component.js +50 -63
  462. package/map-container/map-container.component.js +1 -2
  463. package/menu/menu/menu.component.js +47 -55
  464. package/message/message.component.d.ts +4 -8
  465. package/message/message.component.d.ts.map +1 -1
  466. package/message/message.component.js +18 -47
  467. package/navigation/common/navigation-action-common.js +19 -21
  468. package/navigation/navigation/navigation.component.js +73 -92
  469. package/navigation/navigation-marker/navigation-marker.component.js +26 -28
  470. package/navigation/navigation-section/navigation-section.component.d.ts +1 -1
  471. package/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
  472. package/navigation/navigation-section/navigation-section.component.js +72 -82
  473. package/notification/notification.component.d.ts +7 -9
  474. package/notification/notification.component.d.ts.map +1 -1
  475. package/notification/notification.component.js +77 -95
  476. package/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  477. package/option/optgroup/optgroup-base-element.js +36 -38
  478. package/option/optgroup/optgroup.component.js +16 -20
  479. package/option/option/option-base-element.js +3 -4
  480. package/option/option/option.component.js +26 -29
  481. package/overlay/overlay-base-element.d.ts +24 -6
  482. package/overlay/overlay-base-element.d.ts.map +1 -1
  483. package/overlay/overlay-base-element.js +98 -51
  484. package/overlay/overlay.component.d.ts +2 -12
  485. package/overlay/overlay.component.d.ts.map +1 -1
  486. package/overlay/overlay.component.js +57 -95
  487. package/package.json +1 -1
  488. package/paginator/paginator/paginator.component.js +3 -4
  489. package/popover/popover/popover.component.d.ts +45 -34
  490. package/popover/popover/popover.component.d.ts.map +1 -1
  491. package/popover/popover/popover.component.js +194 -168
  492. package/popover/popover-trigger/popover-trigger.component.js +1 -1
  493. package/popover/popover.js +2 -1
  494. package/popover.js +5 -4
  495. package/radio-button/common/radio-button-common.js +11 -15
  496. package/radio-button/radio-button/radio-button.component.js +16 -19
  497. package/radio-button/radio-button-group/radio-button-group.component.d.ts +1 -1
  498. package/radio-button/radio-button-group/radio-button-group.component.d.ts.map +1 -1
  499. package/radio-button/radio-button-group/radio-button-group.component.js +27 -43
  500. package/radio-button/radio-button-panel/radio-button-panel.component.js +33 -37
  501. package/select/select.component.js +94 -117
  502. package/selection-expansion-panel/selection-expansion-panel.component.js +35 -39
  503. package/sidebar/common.js +1 -1
  504. package/sidebar/icon-sidebar-container/icon-sidebar-container.component.js +10 -13
  505. package/sidebar/sidebar/sidebar.component.js +62 -69
  506. package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts +0 -1
  507. package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts.map +1 -1
  508. package/sidebar/sidebar-close-button/sidebar-close-button.component.js +18 -18
  509. package/sidebar/sidebar-container/sidebar-container.component.js +29 -33
  510. package/sidebar/sidebar-title/sidebar-title.component.d.ts +2 -0
  511. package/sidebar/sidebar-title/sidebar-title.component.d.ts.map +1 -1
  512. package/sidebar/sidebar-title/sidebar-title.component.js +16 -16
  513. package/sidebar.js +1 -1
  514. package/skiplink-list/skiplink-list.component.d.ts.map +1 -1
  515. package/skiplink-list/skiplink-list.component.js +36 -39
  516. package/slider/slider.component.js +11 -13
  517. package/standard-theme.css +29 -25
  518. package/status/status.component.d.ts +4 -7
  519. package/status/status.component.d.ts.map +1 -1
  520. package/status/status.component.js +34 -50
  521. package/stepper/step/step.component.d.ts +2 -1
  522. package/stepper/step/step.component.d.ts.map +1 -1
  523. package/stepper/step/step.component.js +26 -24
  524. package/stepper/step-label/step-label.component.d.ts +3 -3
  525. package/stepper/step-label/step-label.component.d.ts.map +1 -1
  526. package/stepper/step-label/step-label.component.js +15 -15
  527. package/stepper/stepper/stepper.component.js +72 -86
  528. package/table/table-wrapper/table-wrapper.component.js +17 -18
  529. package/table.css +0 -25
  530. package/tabs/tab-group/tab-group.component.js +77 -92
  531. package/tabs/tab-label/tab-label.component.js +12 -12
  532. package/tag/tag/tag.component.js +49 -55
  533. package/tag/tag-group/tag-group.component.js +37 -45
  534. package/teaser/teaser.component.d.ts +6 -10
  535. package/teaser/teaser.component.d.ts.map +1 -1
  536. package/teaser/teaser.component.js +45 -68
  537. package/teaser-product/common.js +1 -1
  538. package/teaser-product/teaser-product/teaser-product.component.js +1 -1
  539. package/teaser-product-common-C8oSkIxy.js +5 -0
  540. package/teaser-product.js +1 -1
  541. package/time-input/time-input.component.js +29 -33
  542. package/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts.map +1 -1
  543. package/timetable-occupancy-icon/timetable-occupancy-icon.component.js +22 -25
  544. package/title/title-base.d.ts +0 -8
  545. package/title/title-base.d.ts.map +1 -1
  546. package/title/title-base.js +34 -53
  547. package/title/title.component.d.ts +2 -0
  548. package/title/title.component.d.ts.map +1 -1
  549. package/title/title.component.js +9 -9
  550. package/toast/toast.component.d.ts.map +1 -1
  551. package/toast/toast.component.js +6 -9
  552. package/toggle/toggle/toggle.component.js +27 -31
  553. package/toggle/toggle-option/toggle-option.component.d.ts +1 -1
  554. package/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
  555. package/toggle/toggle-option/toggle-option.component.js +44 -51
  556. package/train/train-formation/train-formation.component.js +41 -43
  557. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +0 -530
  558. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +0 -1123
  559. package/datepicker/common/datepicker-association-controllers.d.ts +0 -21
  560. package/datepicker/common/datepicker-association-controllers.d.ts.map +0 -1
  561. package/datepicker/common/datepicker-association-controllers.js +0 -58
  562. package/development/datepicker/common/datepicker-association-controllers.d.ts +0 -21
  563. package/development/datepicker/common/datepicker-association-controllers.d.ts.map +0 -1
  564. package/development/datepicker/common/datepicker-association-controllers.js +0 -82
  565. package/icon-sidebar-button-common-DG8bnrBu.js +0 -7
  566. package/teaser-product-common-CpMAlYEp.js +0 -5
package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss DELETED
@@ -1,530 +0,0 @@
1
- $sbb-animation-duration-1x: 0.04s;
2
- $sbb-animation-duration-2x: 0.08s;
3
- $sbb-animation-duration-3x: 0.12s;
4
- $sbb-animation-duration-4x: 0.16s;
5
- $sbb-animation-duration-5x: 0.20s;
6
- $sbb-animation-duration-6x: 0.24s;
7
- $sbb-animation-duration-12x: 0.48s;
8
- $sbb-animation-easing: cubic-bezier(.47, .1, 1, .63);
9
- /// Original Value: 1px
10
- $sbb-border-width-1x: 0.0625rem;
11
- /// Original Value: 2px
12
- $sbb-border-width-2x: 0.125rem;
13
- /// Original Value: 3px
14
- $sbb-border-width-3x: 0.1875rem;
15
- /// Original Value: 4px
16
- $sbb-border-width-4x: 0.25rem;
17
- /// Original Value: 2px
18
- $sbb-border-radius-1x: 0.125rem;
19
- /// Original Value: 4px
20
- $sbb-border-radius-2x: 0.25rem;
21
- /// Original Value: 8px
22
- $sbb-border-radius-4x: 0.5rem;
23
- /// Original Value: 12px
24
- $sbb-border-radius-6x: 0.75rem;
25
- /// Original Value: 16px
26
- $sbb-border-radius-8x: 1rem;
27
- /// Original Value: 32px
28
- $sbb-border-radius-16x: 2rem;
29
- /// Original Value: 0px
30
- $sbb-breakpoint-zero-min: 0rem;
31
- /// Original Value: 359px
32
- $sbb-breakpoint-zero-max: 22.4375rem;
33
- /// Original Value: 360px
34
- $sbb-breakpoint-micro-min: 22.5rem;
35
- /// Original Value: 599px
36
- $sbb-breakpoint-micro-max: 37.4375rem;
37
- /// Original Value: 600px
38
- $sbb-breakpoint-small-min: 37.5rem;
39
- /// Original Value: 839px
40
- $sbb-breakpoint-small-max: 52.4375rem;
41
- /// Original Value: 840px
42
- $sbb-breakpoint-medium-min: 52.5rem;
43
- /// Original Value: 1023px
44
- $sbb-breakpoint-medium-max: 63.9375rem;
45
- /// Original Value: 1024px
46
- $sbb-breakpoint-large-min: 64rem;
47
- /// Original Value: 1279px
48
- $sbb-breakpoint-large-max: 79.9375rem;
49
- /// Original Value: 1280px
50
- $sbb-breakpoint-wide-min: 80rem;
51
- /// Original Value: 1439px
52
- $sbb-breakpoint-wide-max: 89.9375rem;
53
- /// Original Value: 1440px
54
- $sbb-breakpoint-ultra-min: 90rem;
55
- /// Original Value: 2579px
56
- $sbb-breakpoint-ultra-max: 161.1875rem;
57
- $sbb-color-black: #000000;
58
- $sbb-color-black-alpha-0: rgba(0, 0, 0, 0);
59
- $sbb-color-black-alpha-10: rgba(0, 0, 0, 0.1);
60
- $sbb-color-black-alpha-15: rgba(0, 0, 0, 0.15);
61
- $sbb-color-black-alpha-20: rgba(0, 0, 0, 0.2);
62
- $sbb-color-black-alpha-30: rgba(0, 0, 0, 0.3);
63
- $sbb-color-black-alpha-40: rgba(0, 0, 0, 0.4);
64
- $sbb-color-black-alpha-50: rgba(0, 0, 0, 0.5);
65
- $sbb-color-black-alpha-60: rgba(0, 0, 0, 0.6);
66
- $sbb-color-black-alpha-70: rgba(0, 0, 0, 0.7);
67
- $sbb-color-midnight: #151515;
68
- $sbb-color-blue: #2d327d;
69
- $sbb-color-charcoal: #212121;
70
- $sbb-color-iron: #444444;
71
- $sbb-color-anthracite: #5a5a5a;
72
- $sbb-color-granite: #686868;
73
- $sbb-color-metal: #767676;
74
- $sbb-color-metal-alpha-0: rgba(118, 118, 118, 0);
75
- $sbb-color-metal-alpha-20: rgba(118, 118, 118, 0.2);
76
- $sbb-color-smoke: #8d8d8d;
77
- $sbb-color-smoke-alpha-0: rgba(141, 141, 141, 0);
78
- $sbb-color-smoke-alpha-5: rgba(141, 141, 141, 0.05);
79
- $sbb-color-smoke-alpha-10: rgba(141, 141, 141, 0.1);
80
- $sbb-color-smoke-alpha-20: rgba(141, 141, 141, 0.2);
81
- $sbb-color-storm: #a8a8a8;
82
- $sbb-color-graphite: #b7b7b7;
83
- $sbb-color-cement: #bdbdbd;
84
- $sbb-color-cement-alpha-0: rgba(189, 189, 189, 0);
85
- $sbb-color-cement-alpha-20: rgba(189, 189, 189, 0.2);
86
- $sbb-color-platinum: #cdcdcd;
87
- $sbb-color-platinum-alpha-0: rgba(205, 205, 205, 0);
88
- $sbb-color-platinum-alpha-20: rgba(205, 205, 205, 0.2);
89
- $sbb-color-aluminium: #d2d2d2;
90
- $sbb-color-silver: #dcdcdc;
91
- $sbb-color-cloud: #e5e5e5;
92
- $sbb-color-cloud-alpha-80: rgba(229, 229, 229, 0.8);
93
- $sbb-color-milk: #f6f6f6;
94
- $sbb-color-red: #eb0000;
95
- $sbb-color-red-alpha-0: rgba(235, 0, 0, 0);
96
- $sbb-color-red-alpha-20: rgba(235, 0, 0, 0.2);
97
- $sbb-color-red-alpha-60: rgba(235, 0, 0, 0.6);
98
- $sbb-color-red-alpha-90: rgba(235, 0, 0, 0.9);
99
- $sbb-color-red-mode-dark: #ff3838;
100
- $sbb-color-red125: #c60018;
101
- $sbb-color-red125-alpha-0: rgba(198, 0, 24, 0);
102
- $sbb-color-red125-alpha-20: rgba(198, 0, 24, 0.2);
103
- $sbb-color-red125-alpha-60: rgba(198, 0, 0, 0.6);
104
- $sbb-color-red150: #a20013;
105
- $sbb-color-royal: #06348b;
106
- $sbb-color-royal125: #032668;
107
- $sbb-color-royal150: #021c4e;
108
- $sbb-color-white: #ffffff;
109
- $sbb-color-white-alpha-0: rgba(255, 255, 255, 0);
110
- $sbb-color-white-alpha-20: rgba(255, 255, 255, 0.2);
111
- $sbb-color-white-alpha-30: rgba(255, 255, 255, 0.3);
112
- $sbb-color-white-alpha-50: rgba(255, 255, 255, 0.5);
113
- $sbb-color-white-alpha-60: rgba(255, 255, 255, 0.6);
114
- $sbb-color-white-alpha-70: rgba(255, 255, 255, 0.7);
115
- $sbb-color-white-alpha-80: rgba(255, 255, 255, 0.8);
116
- $sbb-color-sky: #0079c7;
117
- $sbb-color-night: #143a85;
118
- $sbb-color-violet: #6f2282;
119
- $sbb-color-pink: #cf4082;
120
- $sbb-color-autumn: #e84e10;
121
- $sbb-color-orange: #f27e00;
122
- $sbb-color-peach: #fcbb00;
123
- $sbb-color-lemon: #ffde15;
124
- $sbb-color-brown: #b76000;
125
- $sbb-color-green: #008a36;
126
- $sbb-color-turquoise: #00a59b;
127
- /// Original Value: 3px
128
- $sbb-focus-outline-offset: 0.1875rem;
129
- $sbb-hover-image-brightness: 1.075;
130
- $sbb-layout-base-grid-columns-zero: 4;
131
- $sbb-layout-base-grid-columns-micro: 4;
132
- $sbb-layout-base-grid-columns-small: 4;
133
- $sbb-layout-base-grid-columns-medium: 8;
134
- $sbb-layout-base-grid-columns-large: 8;
135
- $sbb-layout-base-grid-columns-wide: 12;
136
- $sbb-layout-base-grid-columns-ultra: 16;
137
- /// Original Value: 16px
138
- $sbb-layout-base-grid-gutter-responsive-zero: 1rem;
139
- /// Original Value: 16px
140
- $sbb-layout-base-grid-gutter-responsive-micro: 1rem;
141
- /// Original Value: 24px
142
- $sbb-layout-base-grid-gutter-responsive-small: 1.5rem;
143
- /// Original Value: 24px
144
- $sbb-layout-base-grid-gutter-responsive-medium: 1.5rem;
145
- /// Original Value: 32px
146
- $sbb-layout-base-grid-gutter-responsive-large: 2rem;
147
- /// Original Value: 32px
148
- $sbb-layout-base-grid-gutter-responsive-wide: 2rem;
149
- /// Original Value: 32px
150
- $sbb-layout-base-grid-gutter-responsive-ultra: 2rem;
151
- /// Original Value: 16px
152
- $sbb-layout-base-offset-responsive-zero: 1rem;
153
- /// Original Value: 20px
154
- $sbb-layout-base-offset-responsive-micro: 1.25rem;
155
- /// Original Value: 48px
156
- $sbb-layout-base-offset-responsive-small: 3rem;
157
- /// Original Value: 56px
158
- $sbb-layout-base-offset-responsive-medium: 3.5rem;
159
- /// Original Value: 64px
160
- $sbb-layout-base-offset-responsive-large: 4rem;
161
- /// Original Value: 72px
162
- $sbb-layout-base-offset-responsive-wide: 4.5rem;
163
- /// Original Value: 120px
164
- $sbb-layout-base-offset-responsive-ultra: 7.5rem;
165
- /// Original Value: 1200px
166
- $sbb-layout-base-page-max-width: 75rem;
167
- /// Original Value: 0px
168
- $sbb-shadow-elevation-level-3-shadow-1-offset-x: 0rem;
169
- /// Original Value: 2px
170
- $sbb-shadow-elevation-level-3-shadow-1-offset-y: 0.125rem;
171
- /// Original Value: 16px
172
- $sbb-shadow-elevation-level-3-shadow-1-blur: 1rem;
173
- /// Original Value: 0px
174
- $sbb-shadow-elevation-level-3-shadow-1-spread: 0rem;
175
- /// Original Value: 0px
176
- $sbb-shadow-elevation-level-3-shadow-2-offset-x: 0rem;
177
- /// Original Value: 1px
178
- $sbb-shadow-elevation-level-3-shadow-2-offset-y: 0.0625rem;
179
- /// Original Value: 4px
180
- $sbb-shadow-elevation-level-3-shadow-2-blur: 0.25rem;
181
- /// Original Value: 0px
182
- $sbb-shadow-elevation-level-3-shadow-2-spread: 0rem;
183
- $sbb-shadow-elevation-level-3-soft-1-color: rgba(141, 141, 141, 0.05);
184
- $sbb-shadow-elevation-level-3-soft-2-color: rgba(141, 141, 141, 0.1);
185
- $sbb-shadow-elevation-level-3-soft-negative-1-color: rgba(0, 0, 0, 0.15);
186
- $sbb-shadow-elevation-level-3-soft-negative-2-color: rgba(0, 0, 0, 0.2);
187
- $sbb-shadow-elevation-level-3-hard-1-color: rgba(141, 141, 141, 0.1);
188
- $sbb-shadow-elevation-level-3-hard-2-color: rgba(141, 141, 141, 0.2);
189
- $sbb-shadow-elevation-level-3-hard-negative-1-color: rgba(0, 0, 0, 0.3);
190
- $sbb-shadow-elevation-level-3-hard-negative-2-color: rgba(0, 0, 0, 0.4);
191
- /// Original Value: 0px
192
- $sbb-shadow-elevation-level-5-shadow-1-offset-x: 0rem;
193
- /// Original Value: 4px
194
- $sbb-shadow-elevation-level-5-shadow-1-offset-y: 0.25rem;
195
- /// Original Value: 32px
196
- $sbb-shadow-elevation-level-5-shadow-1-blur: 2rem;
197
- /// Original Value: 0px
198
- $sbb-shadow-elevation-level-5-shadow-1-spread: 0rem;
199
- /// Original Value: 0px
200
- $sbb-shadow-elevation-level-5-shadow-2-offset-x: 0rem;
201
- /// Original Value: 1px
202
- $sbb-shadow-elevation-level-5-shadow-2-offset-y: 0.0625rem;
203
- /// Original Value: 8px
204
- $sbb-shadow-elevation-level-5-shadow-2-blur: 0.5rem;
205
- /// Original Value: 0px
206
- $sbb-shadow-elevation-level-5-shadow-2-spread: 0rem;
207
- $sbb-shadow-elevation-level-5-soft-1-color: rgba(141, 141, 141, 0.05);
208
- $sbb-shadow-elevation-level-5-soft-2-color: rgba(141, 141, 141, 0.1);
209
- $sbb-shadow-elevation-level-5-soft-negative-1-color: rgba(0, 0, 0, 0.15);
210
- $sbb-shadow-elevation-level-5-soft-negative-2-color: rgba(0, 0, 0, 0.2);
211
- $sbb-shadow-elevation-level-5-hard-1-color: rgba(141, 141, 141, 0.1);
212
- $sbb-shadow-elevation-level-5-hard-2-color: rgba(141, 141, 141, 0.2);
213
- $sbb-shadow-elevation-level-5-hard-negative-1-color: rgba(0, 0, 0, 0.3);
214
- $sbb-shadow-elevation-level-5-hard-negative-2-color: rgba(0, 0, 0, 0.4);
215
- /// Original Value: 0px
216
- $sbb-shadow-elevation-level-9-shadow-1-offset-x: 0rem;
217
- /// Original Value: 16px
218
- $sbb-shadow-elevation-level-9-shadow-1-offset-y: 1rem;
219
- /// Original Value: 128px
220
- $sbb-shadow-elevation-level-9-shadow-1-blur: 8rem;
221
- /// Original Value: 0px
222
- $sbb-shadow-elevation-level-9-shadow-1-spread: 0rem;
223
- /// Original Value: 0px
224
- $sbb-shadow-elevation-level-9-shadow-2-offset-x: 0rem;
225
- /// Original Value: 4px
226
- $sbb-shadow-elevation-level-9-shadow-2-offset-y: 0.25rem;
227
- /// Original Value: 32px
228
- $sbb-shadow-elevation-level-9-shadow-2-blur: 2rem;
229
- /// Original Value: 0px
230
- $sbb-shadow-elevation-level-9-shadow-2-spread: 0rem;
231
- $sbb-shadow-elevation-level-9-soft-1-color: rgba(141, 141, 141, 0.05);
232
- $sbb-shadow-elevation-level-9-soft-2-color: rgba(141, 141, 141, 0.1);
233
- $sbb-shadow-elevation-level-9-soft-negative-1-color: rgba(0, 0, 0, 0.15);
234
- $sbb-shadow-elevation-level-9-soft-negative-2-color: rgba(0, 0, 0, 0.2);
235
- $sbb-shadow-elevation-level-9-hard-1-color: rgba(141, 141, 141, 0.1);
236
- $sbb-shadow-elevation-level-9-hard-2-color: rgba(141, 141, 141, 0.2);
237
- $sbb-shadow-elevation-level-9-hard-negative-1-color: rgba(0, 0, 0, 0.3);
238
- $sbb-shadow-elevation-level-9-hard-negative-2-color: rgba(0, 0, 0, 0.4);
239
- /// Original Value: 0px
240
- $sbb-shadow-elevation-level-11-shadow-1-offset-x: 0rem;
241
- /// Original Value: 24px
242
- $sbb-shadow-elevation-level-11-shadow-1-offset-y: 1.5rem;
243
- /// Original Value: 192px
244
- $sbb-shadow-elevation-level-11-shadow-1-blur: 12rem;
245
- /// Original Value: 0px
246
- $sbb-shadow-elevation-level-11-shadow-1-spread: 0rem;
247
- /// Original Value: 0px
248
- $sbb-shadow-elevation-level-11-shadow-2-offset-x: 0rem;
249
- /// Original Value: 4px
250
- $sbb-shadow-elevation-level-11-shadow-2-offset-y: 0.25rem;
251
- /// Original Value: 64px
252
- $sbb-shadow-elevation-level-11-shadow-2-blur: 4rem;
253
- /// Original Value: 0px
254
- $sbb-shadow-elevation-level-11-shadow-2-spread: 0rem;
255
- $sbb-shadow-elevation-level-11-soft-1-color: rgba(141, 141, 141, 0.05);
256
- $sbb-shadow-elevation-level-11-soft-2-color: rgba(141, 141, 141, 0.1);
257
- $sbb-shadow-elevation-level-11-soft-negative-1-color: rgba(0, 0, 0, 0.15);
258
- $sbb-shadow-elevation-level-11-soft-negative-2-color: rgba(0, 0, 0, 0.2);
259
- $sbb-shadow-elevation-level-11-hard-1-color: rgba(141, 141, 141, 0.1);
260
- $sbb-shadow-elevation-level-11-hard-2-color: rgba(141, 141, 141, 0.2);
261
- $sbb-shadow-elevation-level-11-hard-negative-1-color: rgba(0, 0, 0, 0.3);
262
- $sbb-shadow-elevation-level-11-hard-negative-2-color: rgba(0, 0, 0, 0.4);
263
- /// Original Value: 28px
264
- $sbb-size-element-xxxs-zero: 1.75rem;
265
- /// Original Value: 28px
266
- $sbb-size-element-xxxs-micro: 1.75rem;
267
- /// Original Value: 28px
268
- $sbb-size-element-xxxs-small: 1.75rem;
269
- /// Original Value: 32px
270
- $sbb-size-element-xxxs-medium: 2rem;
271
- /// Original Value: 32px
272
- $sbb-size-element-xxxs-large: 2rem;
273
- /// Original Value: 32px
274
- $sbb-size-element-xxxs-wide: 2rem;
275
- /// Original Value: 32px
276
- $sbb-size-element-xxxs-ultra: 2rem;
277
- /// Original Value: 32px
278
- $sbb-size-element-xxs-zero: 2rem;
279
- /// Original Value: 32px
280
- $sbb-size-element-xxs-micro: 2rem;
281
- /// Original Value: 32px
282
- $sbb-size-element-xxs-small: 2rem;
283
- /// Original Value: 36px
284
- $sbb-size-element-xxs-medium: 2.25rem;
285
- /// Original Value: 36px
286
- $sbb-size-element-xxs-large: 2.25rem;
287
- /// Original Value: 36px
288
- $sbb-size-element-xxs-wide: 2.25rem;
289
- /// Original Value: 36px
290
- $sbb-size-element-xxs-ultra: 2.25rem;
291
- /// Original Value: 36px
292
- $sbb-size-element-xs-zero: 2.25rem;
293
- /// Original Value: 36px
294
- $sbb-size-element-xs-micro: 2.25rem;
295
- /// Original Value: 36px
296
- $sbb-size-element-xs-small: 2.25rem;
297
- /// Original Value: 40px
298
- $sbb-size-element-xs-medium: 2.5rem;
299
- /// Original Value: 40px
300
- $sbb-size-element-xs-large: 2.5rem;
301
- /// Original Value: 40px
302
- $sbb-size-element-xs-wide: 2.5rem;
303
- /// Original Value: 40px
304
- $sbb-size-element-xs-ultra: 2.5rem;
305
- /// Original Value: 44px
306
- $sbb-size-element-s-zero: 2.75rem;
307
- /// Original Value: 44px
308
- $sbb-size-element-s-micro: 2.75rem;
309
- /// Original Value: 44px
310
- $sbb-size-element-s-small: 2.75rem;
311
- /// Original Value: 48px
312
- $sbb-size-element-s-medium: 3rem;
313
- /// Original Value: 48px
314
- $sbb-size-element-s-large: 3rem;
315
- /// Original Value: 48px
316
- $sbb-size-element-s-wide: 3rem;
317
- /// Original Value: 48px
318
- $sbb-size-element-s-ultra: 3rem;
319
- /// Original Value: 48px
320
- $sbb-size-element-m-zero: 3rem;
321
- /// Original Value: 48px
322
- $sbb-size-element-m-micro: 3rem;
323
- /// Original Value: 48px
324
- $sbb-size-element-m-small: 3rem;
325
- /// Original Value: 56px
326
- $sbb-size-element-m-medium: 3.5rem;
327
- /// Original Value: 56px
328
- $sbb-size-element-m-large: 3.5rem;
329
- /// Original Value: 56px
330
- $sbb-size-element-m-wide: 3.5rem;
331
- /// Original Value: 56px
332
- $sbb-size-element-m-ultra: 3.5rem;
333
- /// Original Value: 56px
334
- $sbb-size-element-l-zero: 3.5rem;
335
- /// Original Value: 56px
336
- $sbb-size-element-l-micro: 3.5rem;
337
- /// Original Value: 56px
338
- $sbb-size-element-l-small: 3.5rem;
339
- /// Original Value: 64px
340
- $sbb-size-element-l-medium: 4rem;
341
- /// Original Value: 64px
342
- $sbb-size-element-l-large: 4rem;
343
- /// Original Value: 64px
344
- $sbb-size-element-l-wide: 4rem;
345
- /// Original Value: 64px
346
- $sbb-size-element-l-ultra: 4rem;
347
- /// Original Value: 16px
348
- $sbb-size-icon-ui-extra-small: 1rem;
349
- /// Original Value: 24px
350
- $sbb-size-icon-ui-small: 1.5rem;
351
- /// Original Value: 36px
352
- $sbb-size-icon-ui-medium: 2.25rem;
353
- /// Original Value: 48px
354
- $sbb-size-icon-ui-large: 3rem;
355
- /// Original Value: 4px
356
- $sbb-spacing-fixed-1x: 0.25rem;
357
- /// Original Value: 8px
358
- $sbb-spacing-fixed-2x: 0.5rem;
359
- /// Original Value: 12px
360
- $sbb-spacing-fixed-3x: 0.75rem;
361
- /// Original Value: 16px
362
- $sbb-spacing-fixed-4x: 1rem;
363
- /// Original Value: 20px
364
- $sbb-spacing-fixed-5x: 1.25rem;
365
- /// Original Value: 24px
366
- $sbb-spacing-fixed-6x: 1.5rem;
367
- /// Original Value: 28px
368
- $sbb-spacing-fixed-7x: 1.75rem;
369
- /// Original Value: 32px
370
- $sbb-spacing-fixed-8x: 2rem;
371
- /// Original Value: 36px
372
- $sbb-spacing-fixed-9x: 2.25rem;
373
- /// Original Value: 40px
374
- $sbb-spacing-fixed-10x: 2.5rem;
375
- /// Original Value: 48px
376
- $sbb-spacing-fixed-12x: 3rem;
377
- /// Original Value: 56px
378
- $sbb-spacing-fixed-14x: 3.5rem;
379
- /// Original Value: 64px
380
- $sbb-spacing-fixed-16x: 4rem;
381
- /// Original Value: 72px
382
- $sbb-spacing-fixed-18x: 4.5rem;
383
- /// Original Value: 80px
384
- $sbb-spacing-fixed-20x: 5rem;
385
- /// Original Value: 96px
386
- $sbb-spacing-fixed-24x: 6rem;
387
- /// Original Value: 120px
388
- $sbb-spacing-fixed-30x: 7.5rem;
389
- /// Original Value: 12px
390
- $sbb-spacing-responsive-xxxs-zero: 0.75rem;
391
- /// Original Value: 12px
392
- $sbb-spacing-responsive-xxxs-micro: 0.75rem;
393
- /// Original Value: 12px
394
- $sbb-spacing-responsive-xxxs-small: 0.75rem;
395
- /// Original Value: 16px
396
- $sbb-spacing-responsive-xxxs-medium: 1rem;
397
- /// Original Value: 16px
398
- $sbb-spacing-responsive-xxxs-large: 1rem;
399
- /// Original Value: 16px
400
- $sbb-spacing-responsive-xxxs-wide: 1rem;
401
- /// Original Value: 16px
402
- $sbb-spacing-responsive-xxxs-ultra: 1rem;
403
- /// Original Value: 16px
404
- $sbb-spacing-responsive-xxs-zero: 1rem;
405
- /// Original Value: 16px
406
- $sbb-spacing-responsive-xxs-micro: 1rem;
407
- /// Original Value: 16px
408
- $sbb-spacing-responsive-xxs-small: 1rem;
409
- /// Original Value: 24px
410
- $sbb-spacing-responsive-xxs-medium: 1.5rem;
411
- /// Original Value: 24px
412
- $sbb-spacing-responsive-xxs-large: 1.5rem;
413
- /// Original Value: 24px
414
- $sbb-spacing-responsive-xxs-wide: 1.5rem;
415
- /// Original Value: 24px
416
- $sbb-spacing-responsive-xxs-ultra: 1.5rem;
417
- /// Original Value: 20px
418
- $sbb-spacing-responsive-xs-zero: 1.25rem;
419
- /// Original Value: 20px
420
- $sbb-spacing-responsive-xs-micro: 1.25rem;
421
- /// Original Value: 20px
422
- $sbb-spacing-responsive-xs-small: 1.25rem;
423
- /// Original Value: 24px
424
- $sbb-spacing-responsive-xs-medium: 1.5rem;
425
- /// Original Value: 24px
426
- $sbb-spacing-responsive-xs-large: 1.5rem;
427
- /// Original Value: 24px
428
- $sbb-spacing-responsive-xs-wide: 1.5rem;
429
- /// Original Value: 24px
430
- $sbb-spacing-responsive-xs-ultra: 1.5rem;
431
- /// Original Value: 24px
432
- $sbb-spacing-responsive-s-zero: 1.5rem;
433
- /// Original Value: 24px
434
- $sbb-spacing-responsive-s-micro: 1.5rem;
435
- /// Original Value: 24px
436
- $sbb-spacing-responsive-s-small: 1.5rem;
437
- /// Original Value: 32px
438
- $sbb-spacing-responsive-s-medium: 2rem;
439
- /// Original Value: 32px
440
- $sbb-spacing-responsive-s-large: 2rem;
441
- /// Original Value: 32px
442
- $sbb-spacing-responsive-s-wide: 2rem;
443
- /// Original Value: 32px
444
- $sbb-spacing-responsive-s-ultra: 2rem;
445
- /// Original Value: 32px
446
- $sbb-spacing-responsive-m-zero: 2rem;
447
- /// Original Value: 32px
448
- $sbb-spacing-responsive-m-micro: 2rem;
449
- /// Original Value: 32px
450
- $sbb-spacing-responsive-m-small: 2rem;
451
- /// Original Value: 40px
452
- $sbb-spacing-responsive-m-medium: 2.5rem;
453
- /// Original Value: 40px
454
- $sbb-spacing-responsive-m-large: 2.5rem;
455
- /// Original Value: 48px
456
- $sbb-spacing-responsive-m-wide: 3rem;
457
- /// Original Value: 48px
458
- $sbb-spacing-responsive-m-ultra: 3rem;
459
- /// Original Value: 32px
460
- $sbb-spacing-responsive-l-zero: 2rem;
461
- /// Original Value: 32px
462
- $sbb-spacing-responsive-l-micro: 2rem;
463
- /// Original Value: 40px
464
- $sbb-spacing-responsive-l-small: 2.5rem;
465
- /// Original Value: 48px
466
- $sbb-spacing-responsive-l-medium: 3rem;
467
- /// Original Value: 56px
468
- $sbb-spacing-responsive-l-large: 3.5rem;
469
- /// Original Value: 56px
470
- $sbb-spacing-responsive-l-wide: 3.5rem;
471
- /// Original Value: 64px
472
- $sbb-spacing-responsive-l-ultra: 4rem;
473
- /// Original Value: 32px
474
- $sbb-spacing-responsive-xl-zero: 2rem;
475
- /// Original Value: 32px
476
- $sbb-spacing-responsive-xl-micro: 2rem;
477
- /// Original Value: 48px
478
- $sbb-spacing-responsive-xl-small: 3rem;
479
- /// Original Value: 64px
480
- $sbb-spacing-responsive-xl-medium: 4rem;
481
- /// Original Value: 80px
482
- $sbb-spacing-responsive-xl-large: 5rem;
483
- /// Original Value: 80px
484
- $sbb-spacing-responsive-xl-wide: 5rem;
485
- /// Original Value: 96px
486
- $sbb-spacing-responsive-xl-ultra: 6rem;
487
- /// Original Value: 48px
488
- $sbb-spacing-responsive-xxl-zero: 3rem;
489
- /// Original Value: 48px
490
- $sbb-spacing-responsive-xxl-micro: 3rem;
491
- /// Original Value: 72px
492
- $sbb-spacing-responsive-xxl-small: 4.5rem;
493
- /// Original Value: 80px
494
- $sbb-spacing-responsive-xxl-medium: 5rem;
495
- /// Original Value: 96px
496
- $sbb-spacing-responsive-xxl-large: 6rem;
497
- /// Original Value: 96px
498
- $sbb-spacing-responsive-xxl-wide: 6rem;
499
- /// Original Value: 120px
500
- $sbb-spacing-responsive-xxl-ultra: 7.5rem;
501
- $sbb-typo-font-family: "SBB", "Helvetica Neue", Helvetica, Arial, sans-serif;
502
- $sbb-typo-letter-spacing-titles: 0;
503
- $sbb-typo-letter-spacing-body-text: 0.03em;
504
- $sbb-typo-line-height-titles: 1.3;
505
- $sbb-typo-line-height-body-text: 1.75;
506
- /// Original Value: 12px
507
- $sbb-typo-scale-0-75x: 0.75rem;
508
- /// Original Value: 13px
509
- $sbb-typo-scale-0-8125x: 0.8125rem;
510
- /// Original Value: 14px
511
- $sbb-typo-scale-0-875x: 0.875rem;
512
- /// Original Value: 16px
513
- $sbb-typo-scale-default: 1rem;
514
- /// Original Value: 18px
515
- $sbb-typo-scale-1-125x: 1.125rem;
516
- /// Original Value: 20px
517
- $sbb-typo-scale-1-25x: 1.25rem;
518
- /// Original Value: 24px
519
- $sbb-typo-scale-1-5x: 1.5rem;
520
- /// Original Value: 32px
521
- $sbb-typo-scale-2x: 2rem;
522
- /// Original Value: 40px
523
- $sbb-typo-scale-2-5x: 2.5rem;
524
- /// Original Value: 48px
525
- $sbb-typo-scale-3x: 3rem;
526
- /// Original Value: 56px
527
- $sbb-typo-scale-3-5x: 3.5rem;
528
- /// Original Value: 64px
529
- $sbb-typo-scale-4x: 4rem;
530
-