@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.
- package/autocomplete-grid/autocomplete-grid-button.js +1 -1
- package/button/common.js +1 -1
- package/button/mini-button.js +5 -5
- package/core/mixins/form-associated-checkbox-mixin.d.ts +1 -0
- package/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
- package/core/mixins/form-associated-mixin.d.ts +6 -6
- package/core/mixins/form-associated-mixin.d.ts.map +1 -1
- package/core/mixins/required-mixin.d.ts +1 -1
- package/core/mixins/required-mixin.d.ts.map +1 -1
- package/core/mixins.js +2 -6
- package/core/styles/core/functions.scss +1 -1
- package/core/styles/mixins/buttons.scss +1 -1
- package/core/styles/mixins/helpers.scss +1 -1
- package/core/styles/mixins/lists.scss +2 -3
- package/core/styles/mixins/scrollbar.scss +2 -2
- package/core/styles/mixins/table.scss +4 -6
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +4 -0
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +5 -1
- package/core/styles/normalize.scss +62 -131
- package/core.css +5 -6
- package/custom-elements.json +533 -268
- package/datepicker/datepicker-next-day.js +1 -1
- package/datepicker/datepicker-previous-day.js +1 -1
- package/development/accordion.js +2 -9
- package/development/action-group.js +2 -9
- package/development/alert/alert-group.js +2 -9
- package/development/alert/alert.js +2 -9
- package/development/autocomplete-grid/autocomplete-grid-button.js +3 -10
- package/development/autocomplete-grid/autocomplete-grid-cell.js +2 -9
- package/development/autocomplete-grid/autocomplete-grid-option.js +2 -9
- package/development/autocomplete-grid/autocomplete-grid-row.js +2 -9
- package/development/autocomplete.js +2 -12
- package/development/breadcrumb/breadcrumb-group.js +2 -9
- package/development/breadcrumb/breadcrumb.js +2 -9
- package/development/button/common.js +3 -12
- package/development/button/mini-button-group.js +2 -9
- package/development/button/mini-button.js +3 -10
- package/development/calendar.js +2 -9
- package/development/card/card-badge.js +2 -9
- package/development/card/card.js +2 -9
- package/development/card/common.js +2 -9
- package/development/checkbox/checkbox-group.js +2 -9
- package/development/checkbox/checkbox.js +2 -9
- package/development/checkbox/common.js +1 -8
- package/development/chip.js +2 -9
- package/development/clock.js +2 -9
- package/development/container/container.js +1 -8
- package/development/container/sticky-bar.js +2 -9
- package/development/core/mixins/form-associated-checkbox-mixin.d.ts +1 -0
- package/development/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
- package/development/core/mixins/form-associated-mixin.d.ts +6 -6
- package/development/core/mixins/form-associated-mixin.d.ts.map +1 -1
- package/development/core/mixins/required-mixin.d.ts +1 -1
- package/development/core/mixins/required-mixin.d.ts.map +1 -1
- package/development/core/mixins.js +4 -14
- package/development/datepicker/datepicker-next-day.js +3 -10
- package/development/datepicker/datepicker-previous-day.js +3 -10
- package/development/datepicker/datepicker-toggle.js +2 -9
- package/development/datepicker/datepicker.js +2 -9
- package/development/dialog/dialog-actions.js +2 -9
- package/development/dialog/dialog-content.js +2 -11
- package/development/dialog/dialog-title.js +2 -9
- package/development/dialog/dialog.js +2 -9
- package/development/divider.js +2 -9
- package/development/expansion-panel/expansion-panel-content.js +2 -9
- package/development/expansion-panel/expansion-panel-header.js +2 -9
- package/development/expansion-panel/expansion-panel.js +2 -9
- package/development/file-selector/file-selector.d.ts +18 -8
- package/development/file-selector/file-selector.d.ts.map +1 -1
- package/development/file-selector.js +73 -44
- package/development/flip-card/flip-card-details.js +2 -9
- package/development/flip-card/flip-card-summary.js +2 -9
- package/development/flip-card/flip-card.js +2 -9
- package/development/footer.js +2 -9
- package/development/form-error.js +2 -9
- package/development/form-field/form-field-clear.js +3 -10
- package/development/form-field/form-field.js +1 -12
- package/development/header/common.js +53 -13
- package/development/header/header.js +2 -9
- package/development/icon.js +2 -9
- package/development/image/image.d.ts +1 -0
- package/development/image/image.d.ts.map +1 -1
- package/development/image.js +13 -13
- package/development/journey-header.js +2 -9
- package/development/lead-container.js +2 -9
- package/development/link/common.js +4 -25
- package/development/link-list/common.js +2 -9
- package/development/link-list/link-list-anchor.js +2 -9
- package/development/link-list/link-list.js +2 -9
- package/development/loading-indicator.js +3 -15
- package/development/logo.js +2 -9
- package/development/map-container.js +2 -11
- package/development/menu/common.js +2 -9
- package/development/menu/menu.js +2 -11
- package/development/message.js +2 -9
- package/development/navigation/common.js +2 -9
- package/development/navigation/navigation-list.js +2 -9
- package/development/navigation/navigation-marker.js +2 -9
- package/development/navigation/navigation-section.js +2 -11
- package/development/navigation/navigation.js +2 -11
- package/development/notification.js +2 -10
- package/development/option/optgroup.js +2 -9
- package/development/option/option.js +2 -9
- package/development/overlay.js +2 -11
- package/development/paginator/paginator.d.ts +1 -1
- package/development/paginator/paginator.d.ts.map +1 -1
- package/development/paginator.js +37 -22
- package/development/popover/popover-trigger.js +3 -10
- package/development/popover/popover.js +2 -9
- package/development/radio-button/common.js +2 -9
- package/development/radio-button/radio-button-group.js +4 -11
- package/development/radio-button/radio-button.js +2 -9
- package/development/screen-reader-only.js +2 -9
- package/development/select/select.d.ts +12 -5
- package/development/select/select.d.ts.map +1 -1
- package/development/select.js +51 -33
- package/development/selection-expansion-panel.js +2 -9
- package/development/signet.js +2 -9
- package/development/skiplink-list.js +2 -9
- package/development/slider/slider.d.ts +2 -1
- package/development/slider/slider.d.ts.map +1 -1
- package/development/slider.js +4 -8
- package/development/status.js +2 -9
- package/development/stepper/step-label.js +2 -9
- package/development/stepper/step.js +2 -9
- package/development/stepper/stepper.js +2 -9
- package/development/table/table-wrapper.js +2 -11
- package/development/tabs/tab-group.js +2 -9
- package/development/tabs/tab-label.js +2 -9
- package/development/tabs/tab.js +1 -8
- package/development/tag/tag-group.js +2 -9
- package/development/tag/tag.js +2 -9
- package/development/teaser-hero.js +2 -9
- package/development/teaser-product/common.js +2 -9
- package/development/teaser-product/teaser-product.js +2 -9
- package/development/teaser.js +12 -11
- package/development/time-input.js +2 -9
- package/development/timetable-occupancy-icon.js +2 -9
- package/development/timetable-occupancy.js +2 -9
- package/development/title.js +3 -17
- package/development/toast.js +2 -9
- package/development/toggle/toggle-option.js +2 -9
- package/development/toggle/toggle.js +2 -9
- package/development/toggle-check.js +1 -8
- package/development/train/train-blocked-passage.js +2 -9
- package/development/train/train-formation.js +2 -11
- package/development/train/train-wagon.js +2 -9
- package/development/train/train.js +2 -9
- package/development/visual-checkbox.js +2 -9
- package/file-selector/file-selector.d.ts +18 -8
- package/file-selector/file-selector.d.ts.map +1 -1
- package/file-selector.js +91 -67
- package/form-field/form-field-clear.js +1 -1
- package/header/common.js +11 -11
- package/image/image.d.ts +1 -0
- package/image/image.d.ts.map +1 -1
- package/image.js +7 -7
- package/lists.css +1 -8
- package/loading-indicator.js +5 -5
- package/normalize.css +21 -113
- package/package.json +3 -3
- package/paginator/paginator.d.ts +1 -1
- package/paginator/paginator.d.ts.map +1 -1
- package/paginator.js +57 -55
- package/popover/popover-trigger.js +1 -1
- package/radio-button/radio-button-group.js +2 -1
- package/select/select.d.ts +12 -5
- package/select/select.d.ts.map +1 -1
- package/select.js +111 -83
- package/slider/slider.d.ts +2 -1
- package/slider/slider.d.ts.map +1 -1
- package/slider.js +3 -0
- package/standard-theme.css +25 -131
- package/teaser.js +16 -16
- package/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts +0 -2
- package/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts.map +0 -1
- package/button/mini-button-group/index.d.ts +0 -2
- package/button/mini-button-group/index.d.ts.map +0 -1
- package/development/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts +0 -2
- package/development/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts.map +0 -1
- package/development/button/mini-button-group/index.d.ts +0 -2
- package/development/button/mini-button-group/index.d.ts.map +0 -1
- package/development/flip-card/flip-card/index.d.ts +0 -2
- package/development/flip-card/flip-card/index.d.ts.map +0 -1
- package/development/flip-card/flip-card-details/index.d.ts +0 -2
- package/development/flip-card/flip-card-details/index.d.ts.map +0 -1
- package/development/flip-card/flip-card-summary/index.d.ts +0 -2
- package/development/flip-card/flip-card-summary/index.d.ts.map +0 -1
- package/development/link-list/link-list-anchor/index.d.ts +0 -2
- package/development/link-list/link-list-anchor/index.d.ts.map +0 -1
- package/development/paginator/index.d.ts +0 -2
- package/development/paginator/index.d.ts.map +0 -1
- package/development/radio-button/radio-button-panel/index.d.ts +0 -2
- package/development/radio-button/radio-button-panel/index.d.ts.map +0 -1
- package/development/tabs/tab/index.d.ts +0 -2
- package/development/tabs/tab/index.d.ts.map +0 -1
- package/flip-card/flip-card/index.d.ts +0 -2
- package/flip-card/flip-card/index.d.ts.map +0 -1
- package/flip-card/flip-card-details/index.d.ts +0 -2
- package/flip-card/flip-card-details/index.d.ts.map +0 -1
- package/flip-card/flip-card-summary/index.d.ts +0 -2
- package/flip-card/flip-card-summary/index.d.ts.map +0 -1
- package/link-list/link-list-anchor/index.d.ts +0 -2
- package/link-list/link-list-anchor/index.d.ts.map +0 -1
- package/paginator/index.d.ts +0 -2
- package/paginator/index.d.ts.map +0 -1
- package/radio-button/radio-button-panel/index.d.ts +0 -2
- package/radio-button/radio-button-panel/index.d.ts.map +0 -1
- package/tabs/tab/index.d.ts +0 -2
- package/tabs/tab/index.d.ts.map +0 -1
package/standard-theme.css
CHANGED
|
@@ -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%;
|
|
28
|
-
-moz-text-size-adjust: 100%;
|
|
29
|
-
text-size-adjust: 100%;
|
|
30
|
-
tab-size: 4;
|
|
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;
|
|
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;
|
|
51
|
-
color: inherit;
|
|
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;
|
|
82
|
-
font-size: 1em;
|
|
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;
|
|
102
|
-
border-color: inherit;
|
|
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;
|
|
119
|
-
font-size: 100%;
|
|
120
|
-
line-height: 1.15;
|
|
121
|
-
margin: 0;
|
|
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;
|
|
176
|
-
outline-offset: -2px;
|
|
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;
|
|
192
|
-
font: inherit;
|
|
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,
|
|
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;
|
|
9
|
-
var m = Object.defineProperty,
|
|
10
|
-
for (var e = r > 1 ? void 0 : r ?
|
|
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
|
|
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
|
-
|
|
40
|
-
|
|
39
|
+
t.styles = f;
|
|
40
|
+
s([
|
|
41
41
|
o({ reflect: !0 })
|
|
42
|
-
],
|
|
43
|
-
|
|
42
|
+
], t.prototype, "alignment", 2);
|
|
43
|
+
s([
|
|
44
44
|
o({ attribute: "title-level" })
|
|
45
|
-
],
|
|
46
|
-
|
|
45
|
+
], t.prototype, "titleLevel", 2);
|
|
46
|
+
s([
|
|
47
47
|
o({ attribute: "title-content" })
|
|
48
|
-
],
|
|
49
|
-
|
|
48
|
+
], t.prototype, "titleContent", 2);
|
|
49
|
+
s([
|
|
50
50
|
o({ attribute: "chip-content", reflect: !0 })
|
|
51
|
-
],
|
|
52
|
-
|
|
51
|
+
], t.prototype, "chipContent", 2);
|
|
52
|
+
t = s([
|
|
53
53
|
d("sbb-teaser"),
|
|
54
54
|
h()
|
|
55
|
-
],
|
|
55
|
+
], t);
|
|
56
56
|
export {
|
|
57
|
-
|
|
57
|
+
t as SbbTeaserElement
|
|
58
58
|
};
|
|
@@ -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 +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 +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 +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 +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 +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 +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 +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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/paginator/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -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 +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 +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 +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"}
|
package/paginator/index.d.ts
DELETED
package/paginator/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/paginator/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -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"}
|
package/tabs/tab/index.d.ts
DELETED
package/tabs/tab/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/tabs/tab/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|