@sbb-esta/lyne-elements 3.3.0 → 3.4.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 (147) hide show
  1. package/autocomplete/autocomplete-base-element.d.ts +3 -4
  2. package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  3. package/autocomplete/autocomplete-base-element.js +88 -83
  4. package/autocomplete/autocomplete.component.d.ts +0 -1
  5. package/autocomplete/autocomplete.component.d.ts.map +1 -1
  6. package/autocomplete/autocomplete.component.js +26 -26
  7. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +0 -2
  8. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  9. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +34 -44
  10. package/checkbox/checkbox-panel/checkbox-panel.component.d.ts +3 -2
  11. package/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map +1 -1
  12. package/checkbox/checkbox-panel/checkbox-panel.component.js +36 -33
  13. package/core/i18n/i18n.d.ts +5 -0
  14. package/core/i18n/i18n.d.ts.map +1 -1
  15. package/core/i18n/i18n.js +108 -84
  16. package/core/i18n.js +84 -80
  17. package/core/mixins/element-internals-mixin.js +1 -1
  18. package/core/mixins/form-associated-input-mixin.d.ts +1 -0
  19. package/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
  20. package/core/mixins/form-associated-input-mixin.js +2 -2
  21. package/core/mixins/form-associated-mixin.d.ts.map +1 -1
  22. package/core/mixins/form-associated-mixin.js +22 -16
  23. package/core/styles/core/mediaqueries.scss +1 -1
  24. package/core/styles/core.scss +34 -1
  25. package/core/styles/mixins/typo.scss +88 -41
  26. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +530 -0
  27. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +1123 -0
  28. package/core.css +37 -7
  29. package/custom-elements.json +2063 -554
  30. package/date-input/date-input.component.d.ts +5 -0
  31. package/date-input/date-input.component.d.ts.map +1 -1
  32. package/date-input/date-input.component.js +7 -0
  33. package/development/autocomplete/autocomplete-base-element.d.ts +3 -4
  34. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  35. package/development/autocomplete/autocomplete-base-element.js +30 -15
  36. package/development/autocomplete/autocomplete.component.d.ts +0 -1
  37. package/development/autocomplete/autocomplete.component.d.ts.map +1 -1
  38. package/development/autocomplete/autocomplete.component.js +16 -21
  39. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +0 -2
  40. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  41. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +26 -35
  42. package/development/checkbox/checkbox-panel/checkbox-panel.component.d.ts +3 -2
  43. package/development/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map +1 -1
  44. package/development/checkbox/checkbox-panel/checkbox-panel.component.js +10 -4
  45. package/development/core/i18n/i18n.d.ts +5 -0
  46. package/development/core/i18n/i18n.d.ts.map +1 -1
  47. package/development/core/i18n/i18n.js +38 -10
  48. package/development/core/i18n.js +5 -1
  49. package/development/core/mixins/element-internals-mixin.js +2 -2
  50. package/development/core/mixins/form-associated-input-mixin.d.ts +1 -0
  51. package/development/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
  52. package/development/core/mixins/form-associated-input-mixin.js +3 -2
  53. package/development/core/mixins/form-associated-mixin.d.ts.map +1 -1
  54. package/development/core/mixins/form-associated-mixin.js +14 -7
  55. package/development/date-input/date-input.component.d.ts +5 -0
  56. package/development/date-input/date-input.component.d.ts.map +1 -1
  57. package/development/date-input/date-input.component.js +8 -1
  58. package/development/dialog/dialog-title/dialog-title.component.js +2 -6
  59. package/development/file-selector/common/file-selector-common.d.ts +2 -1
  60. package/development/file-selector/common/file-selector-common.d.ts.map +1 -1
  61. package/development/file-selector/common/file-selector-common.js +64 -19
  62. package/development/file-selector/common.js +1 -1
  63. package/development/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
  64. package/development/file-selector/file-selector/file-selector.component.js +12 -17
  65. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +0 -7
  66. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  67. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +32 -76
  68. package/development/{file-selector-common-csww18o8.js → file-selector-common-BxXdRZxt.js} +3 -3
  69. package/development/file-selector.js +1 -1
  70. package/development/form-field/form-field/form-field.component.d.ts +6 -3
  71. package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
  72. package/development/form-field/form-field/form-field.component.js +4 -6
  73. package/development/header/common/header-action-common.js +4 -1
  74. package/development/navigation/common/navigation-action-common.js +5 -8
  75. package/development/navigation/navigation/navigation.component.js +21 -4
  76. package/development/navigation/navigation-marker/navigation-marker.component.js +5 -8
  77. package/development/navigation/navigation-section/navigation-section.component.js +6 -19
  78. package/development/notification/notification.component.js +1 -1
  79. package/development/option/option/option-base-element.d.ts.map +1 -1
  80. package/development/option/option/option-base-element.js +2 -1
  81. package/development/paginator/common/paginator-common.d.ts +3 -0
  82. package/development/paginator/common/paginator-common.d.ts.map +1 -1
  83. package/development/paginator/common/paginator-common.js +68 -10
  84. package/development/paginator/compact-paginator/compact-paginator.component.d.ts.map +1 -1
  85. package/development/paginator/compact-paginator/compact-paginator.component.js +8 -3
  86. package/development/paginator/paginator/paginator.component.d.ts +5 -0
  87. package/development/paginator/paginator/paginator.component.d.ts.map +1 -1
  88. package/development/paginator/paginator/paginator.component.js +28 -6
  89. package/development/sbb-tokens-CVLcOi-S.js +1 -1
  90. package/development/sidebar/sidebar-title/sidebar-title.component.js +1 -1
  91. package/development/tabs/tab-group/tab-group.component.js +3 -4
  92. package/development/time-input/time-input.component.d.ts +5 -0
  93. package/development/time-input/time-input.component.d.ts.map +1 -1
  94. package/development/time-input/time-input.component.js +8 -1
  95. package/development/title/title-base.js +14 -67
  96. package/development/title/title.component.js +17 -14
  97. package/development/toast/toast.component.js +6 -9
  98. package/development/toggle-check/toggle-check.component.d.ts +2 -2
  99. package/development/toggle-check/toggle-check.component.d.ts.map +1 -1
  100. package/development/toggle-check/toggle-check.component.js +4 -4
  101. package/development/train/train-wagon/train-wagon.component.js +6 -9
  102. package/dialog/dialog-title/dialog-title.component.js +1 -1
  103. package/file-selector/common/file-selector-common.d.ts +2 -1
  104. package/file-selector/common/file-selector-common.d.ts.map +1 -1
  105. package/file-selector/common/file-selector-common.js +88 -63
  106. package/file-selector/common.js +1 -1
  107. package/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
  108. package/file-selector/file-selector/file-selector.component.js +26 -31
  109. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +0 -7
  110. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  111. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +50 -74
  112. package/file-selector-common-Cn6U8goV.js +5 -0
  113. package/file-selector.js +1 -1
  114. package/form-field/form-field/form-field.component.d.ts +6 -3
  115. package/form-field/form-field/form-field.component.d.ts.map +1 -1
  116. package/form-field/form-field/form-field.component.js +3 -5
  117. package/header/common/header-action-common.js +1 -1
  118. package/navigation/common/navigation-action-common.js +8 -8
  119. package/navigation/navigation/navigation.component.js +1 -1
  120. package/navigation/navigation-marker/navigation-marker.component.js +1 -1
  121. package/navigation/navigation-section/navigation-section.component.js +14 -14
  122. package/notification/notification.component.js +1 -1
  123. package/option/option/option-base-element.d.ts.map +1 -1
  124. package/option/option/option-base-element.js +18 -18
  125. package/package.json +1 -1
  126. package/paginator/common/paginator-common.d.ts +3 -0
  127. package/paginator/common/paginator-common.d.ts.map +1 -1
  128. package/paginator/common/paginator-common.js +103 -63
  129. package/paginator/compact-paginator/compact-paginator.component.d.ts.map +1 -1
  130. package/paginator/compact-paginator/compact-paginator.component.js +13 -8
  131. package/paginator/paginator/paginator.component.d.ts +5 -0
  132. package/paginator/paginator/paginator.component.d.ts.map +1 -1
  133. package/paginator/paginator/paginator.component.js +77 -61
  134. package/sidebar/sidebar-title/sidebar-title.component.js +14 -14
  135. package/standard-theme.css +37 -7
  136. package/tabs/tab-group/tab-group.component.js +7 -7
  137. package/time-input/time-input.component.d.ts +5 -0
  138. package/time-input/time-input.component.d.ts.map +1 -1
  139. package/time-input/time-input.component.js +10 -3
  140. package/title/title-base.js +33 -33
  141. package/title/title.component.js +9 -9
  142. package/toast/toast.component.js +1 -1
  143. package/toggle-check/toggle-check.component.d.ts +2 -2
  144. package/toggle-check/toggle-check.component.d.ts.map +1 -1
  145. package/toggle-check/toggle-check.component.js +28 -28
  146. package/train/train-wagon/train-wagon.component.js +6 -6
  147. package/file-selector-common-Dw5d8vA4.js +0 -5
package/core.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 03 Jun 2025 05:23:14 GMT
3
+ * Generated on Tue, 05 Aug 2025 06:28:50 GMT
4
4
  */
5
5
  *,
6
6
  ::before,
@@ -172,17 +172,17 @@
172
172
  --sbb-color-white-alpha-60: rgba(255, 255, 255, 0.6);
173
173
  --sbb-color-white-alpha-70: rgba(255, 255, 255, 0.7);
174
174
  --sbb-color-white-alpha-80: rgba(255, 255, 255, 0.8);
175
- --sbb-color-sky: #0079c7;
175
+ --sbb-color-sky: #0074bf;
176
176
  --sbb-color-night: #143a85;
177
177
  --sbb-color-violet: #6f2282;
178
- --sbb-color-pink: #cf4082;
179
- --sbb-color-autumn: #e84e10;
178
+ --sbb-color-pink: #c7387a;
179
+ --sbb-color-autumn: #cf3b00;
180
180
  --sbb-color-orange: #f27e00;
181
181
  --sbb-color-peach: #fcbb00;
182
182
  --sbb-color-lemon: #ffde15;
183
- --sbb-color-brown: #b76000;
184
- --sbb-color-green: #008a36;
185
- --sbb-color-turquoise: #00a59b;
183
+ --sbb-color-brown: #a05400;
184
+ --sbb-color-green: #008233;
185
+ --sbb-color-turquoise: #007e84;
186
186
  /**
187
187
  * Original Value: 3px
188
188
  */
@@ -1122,8 +1122,38 @@
1122
1122
  --sbb-header-height: var(--sbb-spacing-fixed-14x);
1123
1123
  --sbb-time-input-max-width: 3.625rem;
1124
1124
  --sbb-overlay-default-z-index: 1000;
1125
+ --sbb-title-font-size-level-1: var(--sbb-font-size-title-1);
1126
+ --sbb-title-font-size-level-2: var(--sbb-font-size-title-2);
1127
+ --sbb-title-font-size-level-3: var(--sbb-font-size-title-3);
1128
+ --sbb-title-font-size-level-4: var(--sbb-font-size-title-4);
1129
+ --sbb-title-font-size-level-5: var(--sbb-font-size-title-5);
1130
+ --sbb-title-font-size-level-6: var(--sbb-font-size-title-6);
1131
+ --sbb-title-default-margin-block-start: var(--sbb-spacing-responsive-m);
1132
+ --sbb-title-margin-block-start-level-1: var(--sbb-spacing-responsive-l);
1133
+ --sbb-title-margin-block-end-level-1: var(--sbb-spacing-responsive-s);
1134
+ --sbb-title-margin-block-end-level-2: var(--sbb-spacing-responsive-xxxs);
1135
+ --sbb-title-margin-block-end-level-3: var(--sbb-spacing-responsive-xxxs);
1136
+ --sbb-title-margin-block-end-level-4: var(--sbb-spacing-fixed-3x);
1137
+ --sbb-title-margin-block-end-level-5: var(--sbb-spacing-fixed-2x);
1138
+ --sbb-title-margin-block-end-level-6: var(--sbb-spacing-fixed-1x);
1125
1139
  --sbb-border-radius-infinity: 100000em;
1126
1140
  }
1141
+ :root.sbb-lean {
1142
+ --sbb-title-font-size-level-1: var(--sbb-font-size-title-2);
1143
+ --sbb-title-font-size-level-2: var(--sbb-font-size-title-3);
1144
+ --sbb-title-font-size-level-3: var(--sbb-font-size-title-4);
1145
+ --sbb-title-font-size-level-4: var(--sbb-font-size-title-5);
1146
+ --sbb-title-font-size-level-5: var(--sbb-font-size-title-6);
1147
+ --sbb-title-font-size-level-6: var(--sbb-font-size-title-7);
1148
+ --sbb-title-default-margin-block-start: var(--sbb-spacing-responsive-s);
1149
+ --sbb-title-margin-block-start-level-1: var(--sbb-spacing-responsive-s);
1150
+ --sbb-title-margin-block-end-level-1: var(--sbb-spacing-fixed-3x);
1151
+ --sbb-title-margin-block-end-level-2: var(--sbb-spacing-fixed-3x);
1152
+ --sbb-title-margin-block-end-level-3: var(--sbb-spacing-responsive-xxxs);
1153
+ --sbb-title-margin-block-end-level-4: var(--sbb-spacing-fixed-2x);
1154
+ --sbb-title-margin-block-end-level-5: var(--sbb-spacing-fixed-1x);
1155
+ --sbb-title-margin-block-end-level-6: 0;
1156
+ }
1127
1157
  :root:has(sbb-header[size=s]) {
1128
1158
  --sbb-header-height: 3.25rem;
1129
1159
  }