@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1779781429 → 5.0.0-next.3-dev.1779813787

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 (162) hide show
  1. package/_index.scss +65 -3
  2. package/alert/{alert/alert.global.scss → _alert.global.scss} +9 -7
  3. package/badge/{badge.global.scss → _badge.global.scss} +4 -2
  4. package/breadcrumb/{breadcrumb-group/breadcrumb-group.global.scss → _breadcrumb.global.scss} +11 -1
  5. package/button/{common/button-common.global.scss → _button.global.scss} +43 -2
  6. package/calendar/{calendar/calendar.global.scss → _calendar.global.scss} +20 -4
  7. package/card/{card.library.global.scss → _card.global.scss} +29 -5
  8. package/carousel/{carousel/carousel.global.scss → _carousel.global.scss} +2 -1
  9. package/carousel/carousel-list/carousel-list.component.js +1 -1
  10. package/{carousel-list.component-7mbfkw4K.js → carousel-list.component-DAPO_Oce.js} +1 -1
  11. package/carousel.js +1 -1
  12. package/carousel.pure.js +1 -1
  13. package/checkbox/{common/checkbox-common.global.scss → _checkbox.global.scss} +5 -1
  14. package/chip/{chip-group/chip-group.global.scss → _chip.global.scss} +12 -2
  15. package/container/{sticky-bar/sticky-bar.global.scss → _container.global.scss} +16 -1
  16. package/core/base-elements/{selection-group-base-element.global.scss → _selection-group-base-element.global.scss} +6 -2
  17. package/core/styles/_index.scss +3 -3
  18. package/core/styles/_theme.scss +359 -10
  19. package/core/styles/features/font-face.scss +3 -0
  20. package/core/styles/features/layout.private.scss +1 -1
  21. package/core/styles/features/typography.private.scss +3 -3
  22. package/core/styles/features/typography.scss +10 -2
  23. package/core/styles/mixins/_core.scss +69 -0
  24. package/core/styles/mixins/_layout.scss +1 -1
  25. package/core/styles/mixins/_lists.scss +2 -2
  26. package/core/styles/mixins/_pearl-chain-bullet.scss +1 -1
  27. package/core/styles/mixins/_scrollbar.scss +1 -1
  28. package/core/styles/mixins/_typo.scss +0 -19
  29. package/development/block-link-common-C0XzZIvS.js +1 -1
  30. package/development/breadcrumb.component-B3XsV_Aq.js +1 -1
  31. package/development/card.component-CVAgqDNK.js +1 -1
  32. package/development/carousel/carousel-list/carousel-list.component.js +1 -1
  33. package/development/carousel-list.component-pJBqbfi9.js +126 -0
  34. package/development/carousel.js +1 -1
  35. package/development/carousel.pure.js +1 -1
  36. package/development/inline-link-common-CXYyREBi.js +1 -1
  37. package/development/link-common-DWTP-lFX.js +1 -1
  38. package/development/selection-group-base-element-govDKjsE.js +1 -1
  39. package/development/styles-BTV2MyrZ.js +1 -1
  40. package/development/tab-label.component-BbQu5sA-.js +233 -0
  41. package/development/tabs/tab-label/tab-label.component.js +1 -1
  42. package/development/tabs.js +1 -1
  43. package/development/tabs.pure.js +1 -1
  44. package/dialog/_dialog.global.scss +77 -0
  45. package/expansion-panel/{expansion-panel-header/expansion-panel-header.global.scss → _expansion-panel.global.scss} +27 -2
  46. package/file-selector/{common/file-selector.global.scss → _file-selector.global.scss} +1 -1
  47. package/flip-card/{flip-card/flip-card.global.scss → _flip-card.global.scss} +15 -2
  48. package/footer/{footer.global.scss → _footer.global.scss} +1 -1
  49. package/form-field/{form-field/form-field.global.scss → _form-field.global.scss} +6 -3
  50. package/header/{header/header.global.scss → _header.global.scss} +41 -2
  51. package/icon-sidebar/{icon-sidebar/icon-sidebar.global.scss → _icon-sidebar.global.scss} +1 -1
  52. package/lead-container/{lead-container.global.scss → _lead-container.global.scss} +1 -1
  53. package/lean-off-brand-theme.css +351 -526
  54. package/lean-safety-theme.css +351 -526
  55. package/lean-theme.css +351 -526
  56. package/link/{link.library.global.scss → _link.global.scss} +18 -4
  57. package/loading-indicator-circle/{loading-indicator-circle.global.scss → _loading-indicator-circle.global.scss} +1 -1
  58. package/logo/{logo.global.scss → _logo.global.scss} +1 -1
  59. package/map-container/{map-container.global.scss → _map-container.global.scss} +1 -1
  60. package/menu/{menu/menu.global.scss → _menu.global.scss} +14 -6
  61. package/mini-calendar/{mini-calendar-month/mini-calendar-month.global.scss → _mini-calendar.global.scss} +4 -1
  62. package/navigation/_navigation.global.scss +78 -0
  63. package/notification/{notification.global.scss → _notification.global.scss} +1 -1
  64. package/off-brand-theme.css +349 -524
  65. package/option/{option/option.global.scss → _option.global.scss} +30 -1
  66. package/package.json +2 -2
  67. package/paginator/_paginator.global.scss +21 -0
  68. package/radio-button/{common/radio-button-common.global.scss → _radio-button.global.scss} +2 -2
  69. package/safety-theme.css +349 -524
  70. package/sidebar/{sidebar-container/sidebar-container.global.scss → _sidebar.global.scss} +20 -1
  71. package/signet/{signet.global.scss → _signet.global.scss} +1 -1
  72. package/slider/{slider.global.scss → _slider.global.scss} +1 -1
  73. package/standard-theme.css +349 -524
  74. package/stepper/{step-label/step-label.global.scss → _stepper.global.scss} +6 -2
  75. package/tab-label.component-C5HCrNFB.js +158 -0
  76. package/tabs/{common/tab-label-common.global.scss → _tabs.global.scss} +24 -1
  77. package/tabs/tab-label/tab-label.component.js +1 -1
  78. package/tabs.js +1 -1
  79. package/tabs.pure.js +1 -1
  80. package/tag/{tag/tag.global.scss → _tag.global.scss} +2 -2
  81. package/teaser/_teaser.global.scss +51 -0
  82. package/teaser-hero/{teaser-hero.global.scss → _teaser-hero.global.scss} +2 -0
  83. package/teaser-panel/{teaser-panel.global.scss → _teaser-panel.global.scss} +2 -2
  84. package/teaser-product/{common/teaser-product-common.global.scss → _teaser-product.global.scss} +4 -2
  85. package/time-input/{time-input.global.scss → _time-input.global.scss} +1 -1
  86. package/timetable-form/{timetable-form/timetable-form.global.scss → _timetable-form.global.scss} +11 -1
  87. package/title/{title.global.scss → _title.global.scss} +4 -0
  88. package/toggle/{toggle/toggle.global.scss → _toggle.global.scss} +6 -2
  89. package/toggle-check/{toggle-check.global.scss → _toggle-check.global.scss} +1 -1
  90. package/train/{train-wagon-common.global.scss → _train.global.scss} +24 -0
  91. package/visual-checkbox/{visual-checkbox.global.scss → _visual-checkbox.global.scss} +1 -1
  92. package/alert/alert-group/alert-group.global.scss +0 -8
  93. package/breadcrumb/breadcrumb/breadcrumb.global.scss +0 -16
  94. package/button/common/mini-button-common.global.scss +0 -18
  95. package/button/mini-button-group/mini-button-group.global.scss +0 -35
  96. package/calendar/common/calendar-cell-base-element.global.scss +0 -23
  97. package/card/card/card.global.scss +0 -22
  98. package/card/card-badge/card-badge.global.scss +0 -19
  99. package/checkbox/checkbox.global.scss +0 -10
  100. package/chip/chip/chip.global.scss +0 -16
  101. package/container/container/container.global.scss +0 -21
  102. package/core/styles/features/core.scss +0 -618
  103. package/development/carousel-list.component-BLY3JfDq.js +0 -126
  104. package/development/tab-label.component-QHzOZ28y.js +0 -233
  105. package/dialog/dialog/dialog.global.scss +0 -32
  106. package/dialog/dialog-close-button/dialog-close-button.global.scss +0 -35
  107. package/dialog/dialog-content/dialog-content.global.scss +0 -13
  108. package/dialog/dialog-title/dialog-title.global.scss +0 -13
  109. package/expansion-panel/expansion-panel/expansion-panel.global.scss +0 -21
  110. package/expansion-panel/expansion-panel-content/expansion-panel-content.global.scss +0 -16
  111. package/flip-card/flip-card-details/flip-card-details.global.scss +0 -7
  112. package/flip-card/flip-card-summary/flip-card-summary.global.scss +0 -17
  113. package/form-field/error/error.global.scss +0 -9
  114. package/header/common/header-action.global.scss +0 -41
  115. package/header/header-environment/header-environment.global.scss +0 -10
  116. package/link/common/block-link.global.scss +0 -15
  117. package/menu/common/menu-action.global.scss +0 -14
  118. package/mini-calendar/mini-calendar-day/mini-calendar-day.global.scss +0 -9
  119. package/navigation/common/navigation-action.global.scss +0 -11
  120. package/navigation/navigation/navigation.global.scss +0 -36
  121. package/navigation/navigation-list/navigation-list.global.scss +0 -10
  122. package/navigation/navigation-marker/navigation-marker.global.scss +0 -17
  123. package/navigation/navigation-section/navigation-section.global.scss +0 -34
  124. package/option/optgroup/optgroup.global.scss +0 -17
  125. package/option/option-hint/option-hint.global.scss +0 -17
  126. package/option/option-panel-common.global.scss +0 -11
  127. package/paginator/common/paginator-common.global.scss +0 -14
  128. package/paginator/compact-paginator/compact-paginator.global.scss +0 -9
  129. package/paginator/paginator/paginator.global.scss +0 -10
  130. package/sidebar/sidebar/sidebar.global.scss +0 -19
  131. package/sidebar/sidebar-close-button/sidebar-close-button.global.scss +0 -10
  132. package/stepper/stepper/stepper.global.scss +0 -10
  133. package/tab-label.component-BYssa8XI.js +0 -158
  134. package/tabs/common/tab-group-common.global.scss +0 -17
  135. package/tabs/tab-nav-bar/tab-nav-bar.global.scss +0 -10
  136. package/teaser/teaser.global.scss +0 -24
  137. package/timetable-form/timetable-form-details/timetable-form-details.global.scss +0 -12
  138. package/timetable-form/timetable-form-field/timetable-form-field.global.scss +0 -10
  139. package/title/title-common.global.scss +0 -7
  140. package/toggle/toggle-option/toggle-option.global.scss +0 -10
  141. package/train/train-blocked-passage/train-blocked-passage.global.scss +0 -16
  142. package/train/train-formation/train-formation.global.scss +0 -26
  143. /package/chip-label/{chip-label.global.scss → _chip-label.global.scss} +0 -0
  144. /package/clock/{clock.global.scss → _clock.global.scss} +0 -0
  145. /package/core/mixins/{panel-common.global.scss → _panel-common.global.scss} +0 -0
  146. /package/core/styles/{core/functions.scss → mixins/_functions.scss} +0 -0
  147. /package/core/styles/{core/mediaqueries.scss → mixins/_mediaqueries.scss} +0 -0
  148. /package/core/styles/{core → mixins}/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +0 -0
  149. /package/core/styles/{features/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss → node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss} +0 -0
  150. /package/divider/{divider.global.scss → _divider.global.scss} +0 -0
  151. /package/loading-indicator/{loading-indicator.global.scss → _loading-indicator.global.scss} +0 -0
  152. /package/message/{message.global.scss → _message.global.scss} +0 -0
  153. /package/overlay/{overlay.global.scss → _overlay.global.scss} +0 -0
  154. /package/popover/{popover.global.scss → _popover.global.scss} +0 -0
  155. /package/select/{select.global.scss → _select.global.scss} +0 -0
  156. /package/selection-action-panel/{selection-action-panel.global.scss → _selection-action-panel.global.scss} +0 -0
  157. /package/selection-expansion-panel/{selection-expansion-panel.global.scss → _selection-expansion-panel.global.scss} +0 -0
  158. /package/status/{status.global.scss → _status.global.scss} +0 -0
  159. /package/table/{table.global.scss → _table.global.scss} +0 -0
  160. /package/timetable-occupancy/{timetable-occupancy.global.scss → _timetable-occupancy.global.scss} +0 -0
  161. /package/toast/{toast.global.scss → _toast.global.scss} +0 -0
  162. /package/tooltip/{tooltip.global.scss → _tooltip.global.scss} +0 -0
package/sidebar/{sidebar-container/sidebar-container.global.scss → _sidebar.global.scss} RENAMED
@@ -1,8 +1,27 @@
1
- @use '../../core/styles' as sbb;
1
+ @use '../core/styles' as sbb;
2
2
 
3
3
  $theme: 'standard' !default;
4
4
 
5
+ @mixin base {
6
+ --sbb-sidebar-background-color: var(--sbb-background-color-1);
7
+ --sbb-sidebar-title-padding-block: var(--sbb-spacing-fixed-3x);
8
+ --sbb-sidebar-padding: var(--sbb-spacing-responsive-xs);
9
+ --sbb-sidebar-border-radius: var(--sbb-border-radius-8x);
10
+ --sbb-sidebar-margin: var(--sbb-spacing-fixed-3x);
11
+ --sbb-sidebar-title-gap: var(--sbb-spacing-fixed-2x);
12
+ }
13
+
5
14
  @mixin rules {
15
+ // If there is a title, remove top spacing for the content
16
+ sbb-sidebar:has(sbb-sidebar-title) {
17
+ --_sbb-sidebar-padding-block-start: 0;
18
+ }
19
+
20
+ // If there is no close button, avoid reserving any space for the button in the sidebar title
21
+ sbb-sidebar:not(:has(sbb-sidebar-title)) sbb-sidebar-close-button {
22
+ position: absolute;
23
+ }
24
+
6
25
  sbb-sidebar-container {
7
26
  // Skip animation for the container, content and sidebars when a sidebar requests it
8
27
  // (during initialization or if animation is disabled, but only during transition)
package/signet/{signet.global.scss → _signet.global.scss} RENAMED
@@ -9,7 +9,7 @@ $theme: 'standard' !default;
9
9
  --sbb-signet-aspect-ratio: 2 / 1;
10
10
  }
11
11
 
12
- @mixin base-forced-colors {
12
+ @mixin forced-colors {
13
13
  --sbb-signet-background-color: ButtonText !important;
14
14
  --sbb-signet-panel-color: ButtonText !important;
15
15
  --sbb-signet-icon-color: Canvas !important;
package/slider/{slider.global.scss → _slider.global.scss} RENAMED
@@ -24,7 +24,7 @@ $theme: 'standard' !default;
24
24
  --sbb-slider-padding-block: #{sbb.px-to-rem-build(2)};
25
25
  }
26
26
 
27
- @mixin base-forced-colors {
27
+ @mixin forced-colors {
28
28
  --sbb-slider-selected-line-color: Highlight;
29
29
  --sbb-slider-line-color: CanvasText;
30
30
  }