@sbb-esta/lyne-elements 1.12.0 → 1.13.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 (210) hide show
  1. package/autocomplete-grid/autocomplete-grid-button.js +1 -1
  2. package/button/common.js +1 -1
  3. package/button/mini-button.js +5 -5
  4. package/core/mixins/form-associated-checkbox-mixin.d.ts +1 -0
  5. package/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  6. package/core/mixins/form-associated-mixin.d.ts +6 -6
  7. package/core/mixins/form-associated-mixin.d.ts.map +1 -1
  8. package/core/mixins/required-mixin.d.ts +1 -1
  9. package/core/mixins/required-mixin.d.ts.map +1 -1
  10. package/core/mixins.js +2 -6
  11. package/core/styles/core/functions.scss +1 -1
  12. package/core/styles/mixins/buttons.scss +1 -1
  13. package/core/styles/mixins/helpers.scss +1 -1
  14. package/core/styles/mixins/lists.scss +2 -3
  15. package/core/styles/mixins/scrollbar.scss +2 -2
  16. package/core/styles/mixins/table.scss +4 -6
  17. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +4 -0
  18. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +5 -1
  19. package/core/styles/normalize.scss +62 -131
  20. package/core.css +5 -6
  21. package/custom-elements.json +533 -268
  22. package/datepicker/datepicker-next-day.js +1 -1
  23. package/datepicker/datepicker-previous-day.js +1 -1
  24. package/development/accordion.js +2 -9
  25. package/development/action-group.js +2 -9
  26. package/development/alert/alert-group.js +2 -9
  27. package/development/alert/alert.js +2 -9
  28. package/development/autocomplete-grid/autocomplete-grid-button.js +3 -10
  29. package/development/autocomplete-grid/autocomplete-grid-cell.js +2 -9
  30. package/development/autocomplete-grid/autocomplete-grid-option.js +2 -9
  31. package/development/autocomplete-grid/autocomplete-grid-row.js +2 -9
  32. package/development/autocomplete.js +2 -12
  33. package/development/breadcrumb/breadcrumb-group.js +2 -9
  34. package/development/breadcrumb/breadcrumb.js +2 -9
  35. package/development/button/common.js +3 -12
  36. package/development/button/mini-button-group.js +2 -9
  37. package/development/button/mini-button.js +3 -10
  38. package/development/calendar.js +2 -9
  39. package/development/card/card-badge.js +2 -9
  40. package/development/card/card.js +2 -9
  41. package/development/card/common.js +2 -9
  42. package/development/checkbox/checkbox-group.js +2 -9
  43. package/development/checkbox/checkbox.js +2 -9
  44. package/development/checkbox/common.js +1 -8
  45. package/development/chip.js +2 -9
  46. package/development/clock.js +2 -9
  47. package/development/container/container.js +1 -8
  48. package/development/container/sticky-bar.js +2 -9
  49. package/development/core/mixins/form-associated-checkbox-mixin.d.ts +1 -0
  50. package/development/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  51. package/development/core/mixins/form-associated-mixin.d.ts +6 -6
  52. package/development/core/mixins/form-associated-mixin.d.ts.map +1 -1
  53. package/development/core/mixins/required-mixin.d.ts +1 -1
  54. package/development/core/mixins/required-mixin.d.ts.map +1 -1
  55. package/development/core/mixins.js +4 -14
  56. package/development/datepicker/datepicker-next-day.js +3 -10
  57. package/development/datepicker/datepicker-previous-day.js +3 -10
  58. package/development/datepicker/datepicker-toggle.js +2 -9
  59. package/development/datepicker/datepicker.js +2 -9
  60. package/development/dialog/dialog-actions.js +2 -9
  61. package/development/dialog/dialog-content.js +2 -11
  62. package/development/dialog/dialog-title.js +2 -9
  63. package/development/dialog/dialog.js +2 -9
  64. package/development/divider.js +2 -9
  65. package/development/expansion-panel/expansion-panel-content.js +2 -9
  66. package/development/expansion-panel/expansion-panel-header.js +2 -9
  67. package/development/expansion-panel/expansion-panel.js +2 -9
  68. package/development/file-selector/file-selector.d.ts +18 -8
  69. package/development/file-selector/file-selector.d.ts.map +1 -1
  70. package/development/file-selector.js +73 -44
  71. package/development/flip-card/flip-card-details.js +2 -9
  72. package/development/flip-card/flip-card-summary.js +2 -9
  73. package/development/flip-card/flip-card.js +2 -9
  74. package/development/footer.js +2 -9
  75. package/development/form-error.js +2 -9
  76. package/development/form-field/form-field-clear.js +3 -10
  77. package/development/form-field/form-field.js +1 -12
  78. package/development/header/common.js +53 -13
  79. package/development/header/header.js +2 -9
  80. package/development/icon.js +2 -9
  81. package/development/image/image.d.ts +1 -0
  82. package/development/image/image.d.ts.map +1 -1
  83. package/development/image.js +13 -13
  84. package/development/journey-header.js +2 -9
  85. package/development/lead-container.js +2 -9
  86. package/development/link/common.js +4 -25
  87. package/development/link-list/common.js +2 -9
  88. package/development/link-list/link-list-anchor.js +2 -9
  89. package/development/link-list/link-list.js +2 -9
  90. package/development/loading-indicator.js +3 -15
  91. package/development/logo.js +2 -9
  92. package/development/map-container.js +2 -11
  93. package/development/menu/common.js +2 -9
  94. package/development/menu/menu.js +2 -11
  95. package/development/message.js +2 -9
  96. package/development/navigation/common.js +2 -9
  97. package/development/navigation/navigation-list.js +2 -9
  98. package/development/navigation/navigation-marker.js +2 -9
  99. package/development/navigation/navigation-section.js +2 -11
  100. package/development/navigation/navigation.js +2 -11
  101. package/development/notification.js +2 -10
  102. package/development/option/optgroup.js +2 -9
  103. package/development/option/option.js +2 -9
  104. package/development/overlay.js +2 -11
  105. package/development/paginator/paginator.d.ts +1 -1
  106. package/development/paginator/paginator.d.ts.map +1 -1
  107. package/development/paginator.js +37 -22
  108. package/development/popover/popover-trigger.js +3 -10
  109. package/development/popover/popover.js +2 -9
  110. package/development/radio-button/common.js +2 -9
  111. package/development/radio-button/radio-button-group.js +4 -11
  112. package/development/radio-button/radio-button.js +2 -9
  113. package/development/screen-reader-only.js +2 -9
  114. package/development/select/select.d.ts +12 -5
  115. package/development/select/select.d.ts.map +1 -1
  116. package/development/select.js +51 -33
  117. package/development/selection-expansion-panel.js +2 -9
  118. package/development/signet.js +2 -9
  119. package/development/skiplink-list.js +2 -9
  120. package/development/slider/slider.d.ts +2 -1
  121. package/development/slider/slider.d.ts.map +1 -1
  122. package/development/slider.js +4 -8
  123. package/development/status.js +2 -9
  124. package/development/stepper/step-label.js +2 -9
  125. package/development/stepper/step.js +2 -9
  126. package/development/stepper/stepper.js +2 -9
  127. package/development/table/table-wrapper.js +2 -11
  128. package/development/tabs/tab-group.js +2 -9
  129. package/development/tabs/tab-label.js +2 -9
  130. package/development/tabs/tab.js +1 -8
  131. package/development/tag/tag-group.js +2 -9
  132. package/development/tag/tag.js +2 -9
  133. package/development/teaser-hero.js +2 -9
  134. package/development/teaser-product/common.js +2 -9
  135. package/development/teaser-product/teaser-product.js +2 -9
  136. package/development/teaser.js +12 -11
  137. package/development/time-input.js +2 -9
  138. package/development/timetable-occupancy-icon.js +2 -9
  139. package/development/timetable-occupancy.js +2 -9
  140. package/development/title.js +3 -17
  141. package/development/toast.js +2 -9
  142. package/development/toggle/toggle-option.js +2 -9
  143. package/development/toggle/toggle.js +2 -9
  144. package/development/toggle-check.js +1 -8
  145. package/development/train/train-blocked-passage.js +2 -9
  146. package/development/train/train-formation.js +2 -11
  147. package/development/train/train-wagon.js +2 -9
  148. package/development/train/train.js +2 -9
  149. package/development/visual-checkbox.js +2 -9
  150. package/file-selector/file-selector.d.ts +18 -8
  151. package/file-selector/file-selector.d.ts.map +1 -1
  152. package/file-selector.js +91 -67
  153. package/form-field/form-field-clear.js +1 -1
  154. package/header/common.js +11 -11
  155. package/image/image.d.ts +1 -0
  156. package/image/image.d.ts.map +1 -1
  157. package/image.js +7 -7
  158. package/lists.css +1 -8
  159. package/loading-indicator.js +5 -5
  160. package/normalize.css +21 -113
  161. package/package.json +3 -3
  162. package/paginator/paginator.d.ts +1 -1
  163. package/paginator/paginator.d.ts.map +1 -1
  164. package/paginator.js +57 -55
  165. package/popover/popover-trigger.js +1 -1
  166. package/radio-button/radio-button-group.js +2 -1
  167. package/select/select.d.ts +12 -5
  168. package/select/select.d.ts.map +1 -1
  169. package/select.js +111 -83
  170. package/slider/slider.d.ts +2 -1
  171. package/slider/slider.d.ts.map +1 -1
  172. package/slider.js +3 -0
  173. package/standard-theme.css +25 -131
  174. package/teaser.js +16 -16
  175. package/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts +0 -2
  176. package/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts.map +0 -1
  177. package/button/mini-button-group/index.d.ts +0 -2
  178. package/button/mini-button-group/index.d.ts.map +0 -1
  179. package/development/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts +0 -2
  180. package/development/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts.map +0 -1
  181. package/development/button/mini-button-group/index.d.ts +0 -2
  182. package/development/button/mini-button-group/index.d.ts.map +0 -1
  183. package/development/flip-card/flip-card/index.d.ts +0 -2
  184. package/development/flip-card/flip-card/index.d.ts.map +0 -1
  185. package/development/flip-card/flip-card-details/index.d.ts +0 -2
  186. package/development/flip-card/flip-card-details/index.d.ts.map +0 -1
  187. package/development/flip-card/flip-card-summary/index.d.ts +0 -2
  188. package/development/flip-card/flip-card-summary/index.d.ts.map +0 -1
  189. package/development/link-list/link-list-anchor/index.d.ts +0 -2
  190. package/development/link-list/link-list-anchor/index.d.ts.map +0 -1
  191. package/development/paginator/index.d.ts +0 -2
  192. package/development/paginator/index.d.ts.map +0 -1
  193. package/development/radio-button/radio-button-panel/index.d.ts +0 -2
  194. package/development/radio-button/radio-button-panel/index.d.ts.map +0 -1
  195. package/development/tabs/tab/index.d.ts +0 -2
  196. package/development/tabs/tab/index.d.ts.map +0 -1
  197. package/flip-card/flip-card/index.d.ts +0 -2
  198. package/flip-card/flip-card/index.d.ts.map +0 -1
  199. package/flip-card/flip-card-details/index.d.ts +0 -2
  200. package/flip-card/flip-card-details/index.d.ts.map +0 -1
  201. package/flip-card/flip-card-summary/index.d.ts +0 -2
  202. package/flip-card/flip-card-summary/index.d.ts.map +0 -1
  203. package/link-list/link-list-anchor/index.d.ts +0 -2
  204. package/link-list/link-list-anchor/index.d.ts.map +0 -1
  205. package/paginator/index.d.ts +0 -2
  206. package/paginator/index.d.ts.map +0 -1
  207. package/radio-button/radio-button-panel/index.d.ts +0 -2
  208. package/radio-button/radio-button-panel/index.d.ts.map +0 -1
  209. package/tabs/tab/index.d.ts +0 -2
  210. package/tabs/tab/index.d.ts.map +0 -1
@@ -6,206 +6,107 @@ sub, sup {
6
6
  vertical-align: baseline;
7
7
  }
8
8
 
9
- /** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
10
- /*
11
- * SBB table mixin
12
- * Notes:
13
- * We cannot use `border-collapse` because it is not compatible with the `border-radius` property.
14
- * Therefore, we have to build the grid avoiding double borders.
15
- */
16
- /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
17
- /*
18
- Document
19
- ========
20
- */
21
- /**
22
- 1. Correct the line height in all browsers. ///// Commented out since we define own line-height /////
23
- 2. Prevent adjustments of font size after orientation changes in iOS.
24
- 3. Use a more readable tab size (opinionated).
25
- */
26
9
  html {
27
- -webkit-text-size-adjust: 100%; /* 2 */
28
- -moz-text-size-adjust: 100%; /* 2 */
29
- text-size-adjust: 100%; /* 2 */
30
- tab-size: 4; /* 3 */
10
+ -webkit-text-size-adjust: 100%;
11
+ -moz-text-size-adjust: 100%;
12
+ text-size-adjust: 100%;
13
+ tab-size: 4;
31
14
  }
32
15
 
33
- /*
34
- Sections
35
- ========
36
- */
37
16
  body {
38
- margin: 0; /* Remove the margin in all browsers. */
17
+ margin: 0;
39
18
  }
40
19
 
41
- /*
42
- Grouping content
43
- ================
44
- */
45
- /**
46
- 1. Add the correct height in Firefox.
47
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
48
- */
49
20
  hr {
50
- height: 0; /* 1 */
51
- color: inherit; /* 2 */
21
+ height: 0;
22
+ color: inherit;
52
23
  }
53
24
 
54
- /*
55
- Text-level semantics
56
- ====================
57
- */
58
- /**
59
- Add the correct text decoration in Chrome, Edge, and Safari.
60
- */
61
25
  abbr[title] {
62
26
  text-decoration: underline dotted;
63
27
  }
64
28
 
65
- /**
66
- Add the correct font weight in Edge and Safari.
67
- */
68
29
  b,
69
30
  strong {
70
31
  font-weight: bolder;
71
32
  }
72
33
 
73
- /**
74
- 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
75
- 2. Correct the odd 'em' font sizing in all browsers.
76
- */
77
34
  code,
78
35
  kbd,
79
36
  samp,
80
37
  pre {
81
- font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
82
- font-size: 1em; /* 2 */
38
+ font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
39
+ font-size: 1em;
83
40
  }
84
41
 
85
- /**
86
- Add the correct font size in all browsers.
87
- */
88
42
  small {
89
43
  font-size: 80%;
90
44
  }
91
45
 
92
- /*
93
- Tabular data
94
- ============
95
- */
96
- /**
97
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
98
- 2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
99
- */
100
46
  table {
101
- text-indent: 0; /* 1 */
102
- border-color: inherit; /* 2 */
47
+ text-indent: 0;
48
+ border-color: inherit;
103
49
  }
104
50
 
105
- /*
106
- Forms
107
- =====
108
- */
109
- /**
110
- 1. Change the font styles in all browsers.
111
- 2. Remove the margin in Firefox and Safari.
112
- */
113
51
  button,
114
52
  input,
115
53
  optgroup,
116
54
  select,
117
55
  textarea {
118
- font-family: inherit; /* 1 */
119
- font-size: 100%; /* 1 */
120
- line-height: 1.15; /* 1 */
121
- margin: 0; /* 2 */
56
+ font-family: inherit;
57
+ font-size: 100%;
58
+ line-height: 1.15;
59
+ margin: 0;
122
60
  }
123
61
 
124
- /**
125
- Remove the inheritance of text transform in Edge and Firefox.
126
- */
127
62
  button,
128
63
  select {
129
64
  text-transform: none;
130
65
  }
131
66
 
132
- /**
133
- Correct the inability to style clickable types in iOS and Safari.
134
- */
135
67
  button,
136
68
  :is(button, input):where([type=button], [type=reset], [type=submit]) {
137
69
  -webkit-appearance: button;
138
70
  }
139
71
 
140
- /**
141
- Remove the additional ':invalid' styles in Firefox.
142
- See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
143
- */
144
72
  :-moz-ui-invalid {
145
73
  box-shadow: none;
146
74
  }
147
75
 
148
- /**
149
- Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
150
- */
151
76
  legend {
152
77
  padding: 0;
153
78
  }
154
79
 
155
- /**
156
- Add the correct vertical alignment in Chrome and Firefox.
157
- */
158
80
  progress {
159
81
  vertical-align: baseline;
160
82
  }
161
83
 
162
- /**
163
- Correct the cursor style of increment and decrement buttons in Safari.
164
- */
165
84
  ::-webkit-inner-spin-button,
166
85
  ::-webkit-outer-spin-button {
167
86
  height: auto;
168
87
  }
169
88
 
170
- /**
171
- 1. Correct the odd appearance in Chrome and Safari.
172
- 2. Correct the outline style in Safari.
173
- */
174
89
  [type=search] {
175
- -webkit-appearance: textfield; /* 1 */
176
- outline-offset: -2px; /* 2 */
90
+ -webkit-appearance: textfield;
91
+ outline-offset: -2px;
177
92
  }
178
93
 
179
- /**
180
- Remove the inner padding in Chrome and Safari on macOS.
181
- */
182
94
  ::-webkit-search-decoration {
183
95
  -webkit-appearance: none;
184
96
  }
185
97
 
186
- /**
187
- 1. Correct the inability to style clickable types in iOS and Safari.
188
- 2. Change font properties to 'inherit' in Safari.
189
- */
190
98
  ::-webkit-file-upload-button {
191
- -webkit-appearance: button; /* 1 */
192
- font: inherit; /* 2 */
99
+ -webkit-appearance: button;
100
+ font: inherit;
193
101
  }
194
102
 
195
- /*
196
- Interactive
197
- ===========
198
- */
199
- /*
200
- Add the correct display in Chrome and Safari.
201
- */
202
103
  summary {
203
104
  display: list-item;
204
105
  }
205
106
 
206
107
  /**
207
108
  * Do not edit directly
208
- * Generated on Mon, 02 Sep 2024 15:45:11 GMT
109
+ * Generated on Mon, 21 Oct 2024 06:34:22 GMT
209
110
  */
210
111
  *,
211
112
  ::before,
@@ -325,6 +226,7 @@ summary {
325
226
  --sbb-color-black-alpha-60: rgba(0, 0, 0, 0.6);
326
227
  --sbb-color-black-alpha-70: rgba(0, 0, 0, 0.7);
327
228
  --sbb-color-midnight: #151515;
229
+ --sbb-color-blue: #2d327d;
328
230
  --sbb-color-charcoal: #212121;
329
231
  --sbb-color-iron: #444444;
330
232
  --sbb-color-anthracite: #5a5a5a;
@@ -359,6 +261,9 @@ summary {
359
261
  --sbb-color-red125-alpha-0: rgba(198, 0, 24, 0);
360
262
  --sbb-color-red125-alpha-20: rgba(198, 0, 24, 0.2);
361
263
  --sbb-color-red150: #a20013;
264
+ --sbb-color-royal: #06348b;
265
+ --sbb-color-royal125: #032668;
266
+ --sbb-color-royal150: #021c4e;
362
267
  --sbb-color-white: #ffffff;
363
268
  --sbb-color-white-alpha-0: rgba(255, 255, 255, 0);
364
269
  --sbb-color-white-alpha-20: rgba(255, 255, 255, 0.2);
@@ -1382,8 +1287,6 @@ sbb-form-field textarea {
1382
1287
  --sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);
1383
1288
  --sbb-scrollbar-track-color: transparent;
1384
1289
  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
1385
- /* Scrollbar itself */
1386
- /* Hide button (top and bottom of the scrollbar) */
1387
1290
  }
1388
1291
  sbb-form-field textarea::-webkit-scrollbar {
1389
1292
  width: var(--sbb-scrollbar-width);
@@ -1420,8 +1323,6 @@ sbb-form-field[negative] textarea {
1420
1323
  --sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);
1421
1324
  --sbb-scrollbar-track-color: transparent;
1422
1325
  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
1423
- /* Scrollbar itself */
1424
- /* Hide button (top and bottom of the scrollbar) */
1425
1326
  }
1426
1327
  sbb-form-field[negative] textarea::-webkit-scrollbar {
1427
1328
  width: var(--sbb-scrollbar-width);
@@ -1639,7 +1540,6 @@ sup {
1639
1540
  margin: 0;
1640
1541
  padding: 0;
1641
1542
  padding-inline-start: var(--sbb-list-padding-inline-start);
1642
- color: var(--sbb-color-iron);
1643
1543
  }
1644
1544
  .sbb-list:where(ol, ul) > li + li,
1645
1545
  .sbb-list:where(ol, ul) :is(ol, ul) > li + li {
@@ -1689,16 +1589,12 @@ sup {
1689
1589
  display: grid;
1690
1590
  grid-template-columns: auto minmax(20%, 1fr);
1691
1591
  gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-2x);
1692
- color: var(--sbb-color-iron);
1693
1592
  }
1694
1593
  .sbb-list:where(dl) :is(dt, dd) {
1695
1594
  margin: 0;
1696
1595
  padding: 0;
1697
1596
  }
1698
1597
 
1699
- .sbb-step-list {
1700
- /* stylelint-disable-next-line no-descending-specificity */
1701
- }
1702
1598
  .sbb-step-list {
1703
1599
  --sbb-step-list-dimensions: 2.125rem;
1704
1600
  --sbb-step-list-padding-inline: var(--sbb-spacing-responsive-xxs);
@@ -1747,6 +1643,7 @@ sup {
1747
1643
  --sbb-step-list-vertical-gap: var(--sbb-spacing-fixed-1x);
1748
1644
  --sbb-step-list-border-radius: var(--sbb-border-radius-4x);
1749
1645
  counter-reset: steps;
1646
+ color: var(--sbb-color-iron);
1750
1647
  }
1751
1648
  .sbb-step-list:where(.sbb-text-s) {
1752
1649
  --sbb-step-list-padding-block: var(--sbb-spacing-fixed-4x);
@@ -1778,9 +1675,6 @@ sup {
1778
1675
  border-end-end-radius: var(--sbb-step-list-border-radius);
1779
1676
  }
1780
1677
 
1781
- .sbb-icon-list {
1782
- /* stylelint-disable-next-line no-descending-specificity */
1783
- }
1784
1678
  .sbb-icon-list {
1785
1679
  --sbb-icon-list-dimensions: 2.125rem;
1786
1680
  --sbb-icon-list-padding-inline: var(--sbb-spacing-responsive-xxs);
package/teaser.js CHANGED
@@ -5,13 +5,13 @@ import { slotState as h } from "./core/decorators.js";
5
5
  import { css as p } from "lit";
6
6
  import "./chip.js";
7
7
  import "./title.js";
8
- const f = p`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-brightness-hover: var(--sbb-hover-image-brightness);--sbb-teaser-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) )}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}.sbb-teaser{display:flex;text-decoration:none}.sbb-teaser:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media (forced-colors: active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%}.sbb-teaser__text{overflow:hidden;max-width:100%}::slotted([slot=image]){will-change:transform;display:block;object-fit:cover;width:18.75rem;filter:brightness(var(--sbb-teaser-brightness, 1));transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing);aspect-ratio:4/3}@media (any-hover: hover){.sbb-teaser:hover ::slotted([slot=image]){transform:scale(var(--sbb-teaser-scale-hover));--sbb-teaser-brightness: var(--sbb-teaser-brightness-hover)}}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){.sbb-teaser:hover .sbb-teaser__image-wrapper{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}.sbb-teaser__chip{display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=chip],[chip-content])) .sbb-teaser__chip{display:none}.sbb-teaser__lead{margin:0}.sbb-teaser__description{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:inline-block;color:var(--sbb-teaser-description-color)}`;
9
- var m = Object.defineProperty, u = Object.getOwnPropertyDescriptor, t = (l, a, b, r) => {
10
- for (var e = r > 1 ? void 0 : r ? u(a, b) : a, i = l.length - 1, n; i >= 0; i--)
8
+ const f = p`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-brightness-hover: var(--sbb-hover-image-brightness);--sbb-teaser-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) )}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}.sbb-teaser{display:flex;text-decoration:none}.sbb-teaser:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media (forced-colors: active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%}.sbb-teaser__text{overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;will-change:transform;display:block;filter:brightness(var(--sbb-teaser-brightness, 1));transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){.sbb-teaser:hover ::slotted([slot=image]){transform:scale(var(--sbb-teaser-scale-hover));--sbb-teaser-brightness: var(--sbb-teaser-brightness-hover)}}::slotted(sbb-image[slot=image]){--sbb-image-aspect-ratio: 4 / 3}::slotted(img[slot=image]){aspect-ratio:4/3;object-fit:cover}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){.sbb-teaser:hover .sbb-teaser__image-wrapper{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}.sbb-teaser__chip{display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=chip],[chip-content])) .sbb-teaser__chip{display:none}.sbb-teaser__lead{margin:0}.sbb-teaser__description{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:inline-block;color:var(--sbb-teaser-description-color)}`;
9
+ var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, s = (l, a, b, r) => {
10
+ for (var e = r > 1 ? void 0 : r ? g(a, b) : a, i = l.length - 1, n; i >= 0; i--)
11
11
  (n = l[i]) && (e = (r ? n(a, b, e) : n(e)) || e);
12
12
  return r && e && m(a, b, e), e;
13
13
  };
14
- let s = class extends c {
14
+ let t = class extends c {
15
15
  constructor() {
16
16
  super(...arguments), this.alignment = "after-centered", this.titleLevel = "5";
17
17
  }
@@ -36,23 +36,23 @@ let s = class extends c {
36
36
  `;
37
37
  }
38
38
  };
39
- s.styles = f;
40
- t([
39
+ t.styles = f;
40
+ s([
41
41
  o({ reflect: !0 })
42
- ], s.prototype, "alignment", 2);
43
- t([
42
+ ], t.prototype, "alignment", 2);
43
+ s([
44
44
  o({ attribute: "title-level" })
45
- ], s.prototype, "titleLevel", 2);
46
- t([
45
+ ], t.prototype, "titleLevel", 2);
46
+ s([
47
47
  o({ attribute: "title-content" })
48
- ], s.prototype, "titleContent", 2);
49
- t([
48
+ ], t.prototype, "titleContent", 2);
49
+ s([
50
50
  o({ attribute: "chip-content", reflect: !0 })
51
- ], s.prototype, "chipContent", 2);
52
- s = t([
51
+ ], t.prototype, "chipContent", 2);
52
+ t = s([
53
53
  d("sbb-teaser"),
54
54
  h()
55
- ], s);
55
+ ], t);
56
56
  export {
57
- s as SbbTeaserElement
57
+ t as SbbTeaserElement
58
58
  };
@@ -1,2 +0,0 @@
1
- export * from './autocomplete-grid-optgroup.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-optgroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './mini-button-group.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/mini-button-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './autocomplete-grid-optgroup.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/autocomplete-grid/autocomplete-grid-optgroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './mini-button-group.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/button/mini-button-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './flip-card.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './flip-card-details.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card-details/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './flip-card-summary.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card-summary/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './link-list-anchor.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/link-list/link-list-anchor/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './paginator.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/paginator/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './radio-button-panel.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/radio-button/radio-button-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './tab.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './flip-card.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './flip-card-details.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-details/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './flip-card-summary.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-summary/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './link-list-anchor.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/link-list/link-list-anchor/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './paginator.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/paginator/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './radio-button-panel.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './tab.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/tabs/tab/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}