@entur/layout 3.1.9-beta.8 → 3.1.9

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 (21) hide show
  1. package/dist/index.d.ts +310 -11
  2. package/dist/layout.cjs.js +213 -0
  3. package/dist/layout.cjs.js.map +1 -0
  4. package/dist/layout.esm.js +203 -229
  5. package/dist/layout.esm.js.map +1 -1
  6. package/dist/styles.css +409 -427
  7. package/package.json +24 -14
  8. package/dist/Badge/Badge.d.ts +0 -39
  9. package/dist/Badge/BulletBadge.d.ts +0 -26
  10. package/dist/Badge/NotificationBadge.d.ts +0 -34
  11. package/dist/Badge/StatusBadge.d.ts +0 -26
  12. package/dist/BaseCard.d.ts +0 -16
  13. package/dist/Contrast.d.ts +0 -13
  14. package/dist/MediaCard.d.ts +0 -44
  15. package/dist/NavigationCard.d.ts +0 -27
  16. package/dist/Tag.d.ts +0 -20
  17. package/dist/index.js +0 -8
  18. package/dist/layout.cjs.development.js +0 -253
  19. package/dist/layout.cjs.development.js.map +0 -1
  20. package/dist/layout.cjs.production.min.js +0 -2
  21. package/dist/layout.cjs.production.min.js.map +0 -1
package/dist/styles.css CHANGED
@@ -1,4 +1,321 @@
1
1
  /* DO NOT CHANGE!*/
2
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. *//* DO NOT CHANGE!*/
3
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
4
+ /* DO NOT CHANGE!*/
5
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
6
+ /* DO NOT CHANGE!*/
7
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
8
+ [data-color-mode=light],
9
+ :root {
10
+ --components-layout-badge-information-contrast-border: rgba(255, 255, 255, 0);
11
+ --components-layout-badge-information-contrast-bullet: #64b3e7;
12
+ --components-layout-badge-information-contrast-fill: #64b3e7;
13
+ --components-layout-badge-information-contrast-text: #181c56;
14
+ --components-layout-badge-information-contrast-text-bullet: #ffffff;
15
+ --components-layout-badge-information-standard-border: #067eb2;
16
+ --components-layout-badge-information-standard-bullet: #067eb2;
17
+ --components-layout-badge-information-standard-fill: #e1eff8;
18
+ --components-layout-badge-information-standard-text: #181c56;
19
+ --components-layout-badge-information-standard-text-bullet: #181c56;
20
+ --components-layout-badge-negative-contrast-border: rgba(255, 255, 255, 0);
21
+ --components-layout-badge-negative-contrast-bullet: #ff5959;
22
+ --components-layout-badge-negative-contrast-fill: #ff9494;
23
+ --components-layout-badge-negative-contrast-text: #181c56;
24
+ --components-layout-badge-negative-contrast-text-bullet: #ffffff;
25
+ --components-layout-badge-negative-standard-border: #d31b1b;
26
+ --components-layout-badge-negative-standard-bullet: #d31b1b;
27
+ --components-layout-badge-negative-standard-fill: #ffcece;
28
+ --components-layout-badge-negative-standard-text: #181c56;
29
+ --components-layout-badge-negative-standard-text-bullet: #181c56;
30
+ --components-layout-badge-neutral-contrast-border: rgba(255, 255, 255, 0);
31
+ --components-layout-badge-neutral-contrast-bullet: #c7cdeb;
32
+ --components-layout-badge-neutral-contrast-fill: #54568c;
33
+ --components-layout-badge-neutral-contrast-text: #ffffff;
34
+ --components-layout-badge-neutral-contrast-text-bullet: #ffffff;
35
+ --components-layout-badge-neutral-standard-border: #949699;
36
+ --components-layout-badge-neutral-standard-bullet: #81828f;
37
+ --components-layout-badge-neutral-standard-fill: #f6f6f9;
38
+ --components-layout-badge-neutral-standard-text: #181c56;
39
+ --components-layout-badge-neutral-standard-text-bullet: #181c56;
40
+ --components-layout-badge-primary-contrast-bullet: #aeb7e2;
41
+ --components-layout-badge-primary-contrast-fill: #aeb7e2;
42
+ --components-layout-badge-primary-contrast-text: #181c56;
43
+ --components-layout-badge-primary-contrast-text-bullet: #ffffff;
44
+ --components-layout-badge-primary-standard-bullet: #181c56;
45
+ --components-layout-badge-primary-standard-fill: #181c56;
46
+ --components-layout-badge-primary-standard-text: #ffffff;
47
+ --components-layout-badge-primary-standard-text-bullet: #181c56;
48
+ --components-layout-badge-success-contrast-border: rgba(255, 255, 255, 0);
49
+ --components-layout-badge-success-contrast-bullet: #5ac39a;
50
+ --components-layout-badge-success-contrast-fill: #5ac39a;
51
+ --components-layout-badge-success-contrast-text: #181c56;
52
+ --components-layout-badge-success-contrast-text-bullet: #ffffff;
53
+ --components-layout-badge-success-standard-border: #1a8e60;
54
+ --components-layout-badge-success-standard-bullet: #1a8e60;
55
+ --components-layout-badge-success-standard-fill: #d0f1e3;
56
+ --components-layout-badge-success-standard-text: #181c56;
57
+ --components-layout-badge-success-standard-text-bullet: #181c56;
58
+ --components-layout-badge-warning-contrast-border: rgba(255, 255, 255, 0);
59
+ --components-layout-badge-warning-contrast-bullet: #ffe082;
60
+ --components-layout-badge-warning-contrast-fill: #ffe082;
61
+ --components-layout-badge-warning-contrast-text: #181c56;
62
+ --components-layout-badge-warning-contrast-text-bullet: #ffffff;
63
+ --components-layout-badge-warning-standard-border: #e9b10c;
64
+ --components-layout-badge-warning-standard-bullet: #ffca28;
65
+ --components-layout-badge-warning-standard-fill: #fff4cd;
66
+ --components-layout-badge-warning-standard-text: #181c56;
67
+ --components-layout-badge-warning-standard-text-bullet: #181c56;
68
+ --components-layout-card-contrast-border-default: rgba(255, 255, 255, 0);
69
+ --components-layout-card-contrast-border-active: #aeb7e2;
70
+ --components-layout-card-contrast-divide: #ff5959;
71
+ --components-layout-card-contrast-fill-default-solid: #393d79;
72
+ --components-layout-card-contrast-fill-default-transparent: #393d79;
73
+ --components-layout-card-contrast-fill-hoveractive: #54568c;
74
+ --components-layout-card-contrast-icon: #ffffff;
75
+ --components-layout-card-contrast-shadowlayer1: rgba(255, 255, 255, 0);
76
+ --components-layout-card-contrast-shadowlayer2: rgba(255, 255, 255, 0);
77
+ --components-layout-card-contrast-shadowlayer3: rgba(255, 255, 255, 0);
78
+ --components-layout-card-contrast-subjecttext: #d9dae8;
79
+ --components-layout-card-contrast-text: #ffffff;
80
+ --components-layout-card-standard-border-default: #e3e6e8;
81
+ --components-layout-card-standard-border-active: #181c56;
82
+ --components-layout-card-standard-divide: #ff5959;
83
+ --components-layout-card-standard-fill-default-solid: #ffffff;
84
+ --components-layout-card-standard-fill-default-transparent: #ffffff;
85
+ --components-layout-card-standard-fill-hoveractive: #f6f6f9;
86
+ --components-layout-card-standard-icon: #181c56;
87
+ --components-layout-card-standard-shadowlayer1: rgba(204, 205, 212, 0.3019607843);
88
+ --components-layout-card-standard-shadowlayer2: rgba(229, 229, 233, 0.3490196078);
89
+ --components-layout-card-standard-shadowlayer3: rgba(229, 229, 233, 0.1490196078);
90
+ --components-layout-card-standard-subjecttext: #626493;
91
+ --components-layout-card-standard-text: #181c56;
92
+ }
93
+
94
+ [data-color-mode=dark] {
95
+ --components-layout-badge-information-contrast-border: rgba(255, 255, 255, 0);
96
+ --components-layout-badge-information-contrast-bullet: #acd7f1;
97
+ --components-layout-badge-information-contrast-fill: #acd7f1;
98
+ --components-layout-badge-information-contrast-text: #08091c;
99
+ --components-layout-badge-information-contrast-text-bullet: #e5e5e9;
100
+ --components-layout-badge-information-standard-border: rgba(255, 255, 255, 0);
101
+ --components-layout-badge-information-standard-bullet: #acd7f1;
102
+ --components-layout-badge-information-standard-fill: #acd7f1;
103
+ --components-layout-badge-information-standard-text: #08091c;
104
+ --components-layout-badge-information-standard-text-bullet: #e5e5e9;
105
+ --components-layout-badge-negative-contrast-border: rgba(255, 255, 255, 0);
106
+ --components-layout-badge-negative-contrast-bullet: #ff9494;
107
+ --components-layout-badge-negative-contrast-fill: #ffcece;
108
+ --components-layout-badge-negative-contrast-text: #08091c;
109
+ --components-layout-badge-negative-contrast-text-bullet: #e5e5e9;
110
+ --components-layout-badge-negative-standard-border: rgba(255, 255, 255, 0);
111
+ --components-layout-badge-negative-standard-bullet: #ff9494;
112
+ --components-layout-badge-negative-standard-fill: #ffcece;
113
+ --components-layout-badge-negative-standard-text: #08091c;
114
+ --components-layout-badge-negative-standard-text-bullet: #e5e5e9;
115
+ --components-layout-badge-neutral-contrast-border: rgba(255, 255, 255, 0);
116
+ --components-layout-badge-neutral-contrast-bullet: #e5e5e9;
117
+ --components-layout-badge-neutral-contrast-fill: rgba(229, 229, 233, 0.3490196078);
118
+ --components-layout-badge-neutral-contrast-text: #e5e5e9;
119
+ --components-layout-badge-neutral-contrast-text-bullet: #e5e5e9;
120
+ --components-layout-badge-neutral-standard-border: rgba(255, 255, 255, 0);
121
+ --components-layout-badge-neutral-standard-bullet: #e5e5e9;
122
+ --components-layout-badge-neutral-standard-fill: rgba(229, 229, 233, 0.3490196078);
123
+ --components-layout-badge-neutral-standard-text: #e5e5e9;
124
+ --components-layout-badge-neutral-standard-text-bullet: #e5e5e9;
125
+ --components-layout-badge-primary-contrast-bullet: #aeb7e2;
126
+ --components-layout-badge-primary-contrast-fill: #aeb7e2;
127
+ --components-layout-badge-primary-contrast-text: #08091c;
128
+ --components-layout-badge-primary-contrast-text-bullet: #e5e5e9;
129
+ --components-layout-badge-primary-standard-bullet: #aeb7e2;
130
+ --components-layout-badge-primary-standard-fill: #aeb7e2;
131
+ --components-layout-badge-primary-standard-text: #08091c;
132
+ --components-layout-badge-primary-standard-text-bullet: #e5e5e9;
133
+ --components-layout-badge-success-contrast-border: rgba(255, 255, 255, 0);
134
+ --components-layout-badge-success-contrast-bullet: #9cd9c2;
135
+ --components-layout-badge-success-contrast-fill: #9cd9c2;
136
+ --components-layout-badge-success-contrast-text: #08091c;
137
+ --components-layout-badge-success-contrast-text-bullet: #e5e5e9;
138
+ --components-layout-badge-success-standard-border: rgba(255, 255, 255, 0);
139
+ --components-layout-badge-success-standard-bullet: #9cd9c2;
140
+ --components-layout-badge-success-standard-fill: #9cd9c2;
141
+ --components-layout-badge-success-standard-text: #08091c;
142
+ --components-layout-badge-success-standard-text-bullet: #e5e5e9;
143
+ --components-layout-badge-warning-contrast-border: rgba(255, 255, 255, 0);
144
+ --components-layout-badge-warning-contrast-bullet: #ffeeb3;
145
+ --components-layout-badge-warning-contrast-fill: #ffeeb3;
146
+ --components-layout-badge-warning-contrast-text: #08091c;
147
+ --components-layout-badge-warning-contrast-text-bullet: #e5e5e9;
148
+ --components-layout-badge-warning-standard-border: rgba(255, 255, 255, 0);
149
+ --components-layout-badge-warning-standard-bullet: #ffeeb3;
150
+ --components-layout-badge-warning-standard-fill: #ffeeb3;
151
+ --components-layout-badge-warning-standard-text: #08091c;
152
+ --components-layout-badge-warning-standard-text-bullet: #e5e5e9;
153
+ --components-layout-card-contrast-border-default: rgba(255, 255, 255, 0);
154
+ --components-layout-card-contrast-border-active: #b3b4bd;
155
+ --components-layout-card-contrast-divide: #ff5959;
156
+ --components-layout-card-contrast-fill-default-solid: #393a49;
157
+ --components-layout-card-contrast-fill-default-transparent: rgba(229, 229, 233, 0.1490196078);
158
+ --components-layout-card-contrast-fill-hoveractive: #464755;
159
+ --components-layout-card-contrast-icon: #e5e5e9;
160
+ --components-layout-card-contrast-shadowlayer1: rgba(255, 255, 255, 0);
161
+ --components-layout-card-contrast-shadowlayer2: rgba(255, 255, 255, 0);
162
+ --components-layout-card-contrast-shadowlayer3: rgba(255, 255, 255, 0);
163
+ --components-layout-card-contrast-subjecttext: #b3b4bd;
164
+ --components-layout-card-contrast-text: #e5e5e9;
165
+ --components-layout-card-standard-border-default: rgba(255, 255, 255, 0);
166
+ --components-layout-card-standard-border-active: #b3b4bd;
167
+ --components-layout-card-standard-divide: #ff5959;
168
+ --components-layout-card-standard-fill-default-solid: #393a49;
169
+ --components-layout-card-standard-fill-default-transparent: rgba(229, 229, 233, 0.1490196078);
170
+ --components-layout-card-standard-fill-hoveractive: #464755;
171
+ --components-layout-card-standard-icon: #e5e5e9;
172
+ --components-layout-card-standard-shadowlayer1: rgba(255, 255, 255, 0);
173
+ --components-layout-card-standard-shadowlayer2: rgba(255, 255, 255, 0);
174
+ --components-layout-card-standard-shadowlayer3: rgba(255, 255, 255, 0);
175
+ --components-layout-card-standard-subjecttext: #b3b4bd;
176
+ --components-layout-card-standard-text: #e5e5e9;
177
+ }
178
+
179
+ /* DO NOT CHANGE!*/
180
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
181
+ /* DO NOT CHANGE!*/
182
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
183
+ [data-color-mode=light],
184
+ :root {
185
+ --basecolors-frame-contrast: #181c56;
186
+ --basecolors-frame-contrastalt: #393d79;
187
+ --basecolors-frame-contrastalt-2: #292b6a;
188
+ --basecolors-frame-default: #ffffff;
189
+ --basecolors-frame-elevated: #ffffff;
190
+ --basecolors-frame-elevatedalt: #f6f6f9;
191
+ --basecolors-frame-subdued: #d9dae8;
192
+ --basecolors-frame-tint: #f6f6f9;
193
+ --basecolors-shape-accent: #181c56;
194
+ --basecolors-shape-bicycle-contrast: #00db9b;
195
+ --basecolors-shape-bicycle-default: #388f76;
196
+ --basecolors-shape-bus-contrast: #ff6392;
197
+ --basecolors-shape-bus-default: #c5044e;
198
+ --basecolors-shape-cableway-contrast: #b482fb;
199
+ --basecolors-shape-cableway-default: #78469a;
200
+ --basecolors-shape-disabled: #6e6f73;
201
+ --basecolors-shape-disabledalt: #b6b8ba;
202
+ --basecolors-shape-ferry-contrast: #6fdfff;
203
+ --basecolors-shape-ferry-default: #0c6693;
204
+ --basecolors-shape-funicular-contrast: #b482fb;
205
+ --basecolors-shape-funicular-default: #78469a;
206
+ --basecolors-shape-helicopter-contrast: #fbafea;
207
+ --basecolors-shape-helicopter-default: #800664;
208
+ --basecolors-shape-highlight: #ff5959;
209
+ --basecolors-shape-light: #ffffff;
210
+ --basecolors-shape-mask: #ffffff;
211
+ --basecolors-shape-maskalt: #ffffff;
212
+ --basecolors-shape-metro-contrast: #f08901;
213
+ --basecolors-shape-metro-default: #bf5826;
214
+ --basecolors-shape-mobility-contrast: #00db9b;
215
+ --basecolors-shape-mobility-default: #388f76;
216
+ --basecolors-shape-plane-contrast: #fbafea;
217
+ --basecolors-shape-plane-default: #800664;
218
+ --basecolors-shape-subdued: #626493;
219
+ --basecolors-shape-subduedalt: #d9dae8;
220
+ --basecolors-shape-taxi-contrast: #ffe082;
221
+ --basecolors-shape-taxi-default: #3d3e40;
222
+ --basecolors-shape-train-contrast: #42a5f5;
223
+ --basecolors-shape-train-default: #00367f;
224
+ --basecolors-shape-tram-contrast: #b482fb;
225
+ --basecolors-shape-tram-default: #78469a;
226
+ --basecolors-shape-walk-contrast: #8284ab;
227
+ --basecolors-shape-walk-default: #8d8e9c;
228
+ --basecolors-shape-airportlinkbus-contrast: #fbafea;
229
+ --basecolors-shape-airportlinkbus-default: #800664;
230
+ --basecolors-shape-airportlinkrail-contrast: #fbafea;
231
+ --basecolors-shape-airportlinkrail-default: #800664;
232
+ --basecolors-stroke-contrast: #aeb7e2;
233
+ --basecolors-stroke-default: #181c56;
234
+ --basecolors-stroke-disabled: #949699;
235
+ --basecolors-stroke-focus-contrast: #aeb7e2;
236
+ --basecolors-stroke-focus-standard: #181c56;
237
+ --basecolors-stroke-highlight: #ff5959;
238
+ --basecolors-stroke-light: #ffffff;
239
+ --basecolors-stroke-subdued: #8284ab;
240
+ --basecolors-stroke-subduedalt: #e3e6e8;
241
+ --basecolors-text-accent: #181c56;
242
+ --basecolors-text-disabled: #6e6f73;
243
+ --basecolors-text-disabledalt: #b6b8ba;
244
+ --basecolors-text-highlight: #ff5959;
245
+ --basecolors-text-light: #ffffff;
246
+ --basecolors-text-subdued: #626493;
247
+ --basecolors-text-subduedalt: #d9dae8;
248
+ }
249
+
250
+ [data-color-mode=dark] {
251
+ --basecolors-frame-contrast: #212233;
252
+ --basecolors-frame-contrastalt: #141527;
253
+ --basecolors-frame-contrastalt-2: #08091c;
254
+ --basecolors-frame-default: #08091c;
255
+ --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
256
+ --basecolors-frame-elevatedalt: #464755;
257
+ --basecolors-frame-subdued: #2d2e3e;
258
+ --basecolors-frame-tint: #141527;
259
+ --basecolors-shape-accent: #e5e5e9;
260
+ --basecolors-shape-bicycle-contrast: #4db295;
261
+ --basecolors-shape-bicycle-default: #4db295;
262
+ --basecolors-shape-bus-contrast: #ef7398;
263
+ --basecolors-shape-bus-default: #ef7398;
264
+ --basecolors-shape-cableway-contrast: #b898e5;
265
+ --basecolors-shape-cableway-default: #b898e5;
266
+ --basecolors-shape-disabled: #b6b8ba;
267
+ --basecolors-shape-disabledalt: #b3b4bd;
268
+ --basecolors-shape-ferry-contrast: #8ccfe2;
269
+ --basecolors-shape-ferry-default: #8ccfe2;
270
+ --basecolors-shape-funicular-contrast: #b898e5;
271
+ --basecolors-shape-funicular-default: #b898e5;
272
+ --basecolors-shape-helicopter-contrast: #f2b8e5;
273
+ --basecolors-shape-helicopter-default: #f2b8e5;
274
+ --basecolors-shape-highlight: #ff9494;
275
+ --basecolors-shape-light: #e5e5e9;
276
+ --basecolors-shape-mask: #2d2e3e;
277
+ --basecolors-shape-maskalt: #393a49;
278
+ --basecolors-shape-metro-contrast: #dd973c;
279
+ --basecolors-shape-metro-default: #dd973c;
280
+ --basecolors-shape-mobility-contrast: #4db295;
281
+ --basecolors-shape-mobility-default: #4db295;
282
+ --basecolors-shape-plane-contrast: #f2b8e5;
283
+ --basecolors-shape-plane-default: #f2b8e5;
284
+ --basecolors-shape-subdued: #b3b4bd;
285
+ --basecolors-shape-subduedalt: #b3b4bd;
286
+ --basecolors-shape-taxi-contrast: #ffe082;
287
+ --basecolors-shape-taxi-default: #ffe082;
288
+ --basecolors-shape-train-contrast: #60a2d7;
289
+ --basecolors-shape-train-default: #60a2d7;
290
+ --basecolors-shape-tram-contrast: #b898e5;
291
+ --basecolors-shape-tram-default: #b898e5;
292
+ --basecolors-shape-walk-contrast: #8d8e9c;
293
+ --basecolors-shape-walk-default: #8d8e9c;
294
+ --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
295
+ --basecolors-shape-airportlinkbus-default: #f2b8e5;
296
+ --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
297
+ --basecolors-shape-airportlinkrail-default: #f2b8e5;
298
+ --basecolors-stroke-contrast: #aeb7e2;
299
+ --basecolors-stroke-default: #b3b4bd;
300
+ --basecolors-stroke-disabled: #e3e6e8;
301
+ --basecolors-stroke-focus-contrast: #aeb7e2;
302
+ --basecolors-stroke-focus-standard: #aeb7e2;
303
+ --basecolors-stroke-highlight: #ff9494;
304
+ --basecolors-stroke-light: #b3b4bd;
305
+ --basecolors-stroke-subdued: #81828f;
306
+ --basecolors-stroke-subduedalt: #949699;
307
+ --basecolors-text-accent: #e5e5e9;
308
+ --basecolors-text-disabled: #b6b8ba;
309
+ --basecolors-text-disabledalt: #b6b8ba;
310
+ --basecolors-text-highlight: #ff9494;
311
+ --basecolors-text-light: #e5e5e9;
312
+ --basecolors-text-subdued: #b3b4bd;
313
+ --basecolors-text-subduedalt: #b3b4bd;
314
+ }
315
+
316
+ :root {
317
+ --eds-layout: 1;
318
+ }/* DO NOT CHANGE!*/
2
319
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
320
  /* DO NOT CHANGE!*/
4
321
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -104,33 +421,33 @@
104
421
  --sky-70: #044d6c;
105
422
  --sky-80: #003852;
106
423
  --sky-90: #022536;
107
- --transparent-blue-alpha10: rgba(158,160,189,0.10196);
108
- --transparent-blue-alpha40: rgba(84,86,140,0.4);
109
- --transparent-canary-alpha25: rgba(255,224,130,0.25098);
110
- --transparent-canary-alpha30: rgba(255,244,205,0.30196);
111
- --transparent-coral-alpha20: rgba(255,148,148,0.2);
112
- --transparent-ebony-alpha15: rgba(229,229,233,0.14902);
113
- --transparent-ebony-alpha20: rgba(204,205,212,0.30196);
114
- --transparent-ebony-alpha25: rgba(229,229,233,0.25098);
115
- --transparent-ebony-alpha35: rgba(229,229,233,0.34902);
116
- --transparent-lavender-alpha70: rgba(174,183,226,0.69804);
117
- --transparent-mint-alpha20: rgba(90,195,154,0.2);
118
- --transparent-neutral-alpha10: rgba(207,210,212,0.10196);
119
- --transparent-neutral-alpha15: rgba(207,210,212,0.14902);
120
- --transparent-neutral-alpha20: rgba(38,39,41,0.2);
121
- --transparent-peach-alpha70: rgba(255,191,158,0.69804);
122
- --transparent-sky-alpha20: rgba(45,152,210,0.2);
123
- --white-alpha-0: rgba(255,255,255,0);
124
- --white-alpha-10: rgba(255,255,255,0.10196);
424
+ --transparent-blue-alpha10: #9ea0bd1a;
425
+ --transparent-blue-alpha40: #54568c66;
426
+ --transparent-canary-alpha25: #ffe08240;
427
+ --transparent-canary-alpha30: #fff4cd4d;
428
+ --transparent-coral-alpha20: #ff949433;
429
+ --transparent-ebony-alpha15: #e5e5e926;
430
+ --transparent-ebony-alpha20: #cccdd44d;
431
+ --transparent-ebony-alpha25: #e5e5e940;
432
+ --transparent-ebony-alpha35: #e5e5e959;
433
+ --transparent-lavender-alpha70: #aeb7e2b2;
434
+ --transparent-mint-alpha20: #5ac39a33;
435
+ --transparent-neutral-alpha10: #cfd2d41a;
436
+ --transparent-neutral-alpha15: #cfd2d426;
437
+ --transparent-neutral-alpha20: #26272933;
438
+ --transparent-peach-alpha70: #ffbf9eb2;
439
+ --transparent-sky-alpha20: #2d98d233;
440
+ --white-alpha-0: #ffffff00;
441
+ --white-alpha-10: #ffffff1a;
125
442
  --white-alpha-100: #ffffff;
126
- --white-alpha-20: rgba(255,255,255,0.2);
127
- --white-alpha-30: rgba(255,255,255,0.30196);
128
- --white-alpha-40: rgba(255,255,255,0.4);
129
- --white-alpha-50: rgba(255,255,255,0.50196);
130
- --white-alpha-60: rgba(255,255,255,0.6);
131
- --white-alpha-70: rgba(255,255,255,0.69804);
132
- --white-alpha-80: rgba(255,255,255,0.8);
133
- --white-alpha-90: rgba(255,255,255,0.89804);
443
+ --white-alpha-20: #ffffff33;
444
+ --white-alpha-30: #ffffff4d;
445
+ --white-alpha-40: #ffffff66;
446
+ --white-alpha-50: #ffffff80;
447
+ --white-alpha-60: #ffffff99;
448
+ --white-alpha-70: #ffffffb2;
449
+ --white-alpha-80: #ffffffcc;
450
+ --white-alpha-90: #ffffffe5;
134
451
  }
135
452
 
136
453
  .eds-base-card {
@@ -141,10 +458,7 @@
141
458
  color: var(--components-layout-card-standard-text);
142
459
  border-radius: 0.25rem;
143
460
  align-items: flex-start;
144
- -webkit-appearance: none;
145
- -moz-appearance: none;
146
- appearance: none;
147
- -webkit-text-decoration: none;
461
+ appearance: none;
148
462
  text-decoration: none;
149
463
  }
150
464
  .eds-contrast .eds-base-card {
@@ -152,8 +466,7 @@
152
466
  border-color: var(--components-layout-card-contrast-border-default);
153
467
  box-shadow: none;
154
468
  color: var(--components-layout-card-contrast-text);
155
- }
156
- /* DO NOT CHANGE!*/
469
+ }/* DO NOT CHANGE!*/
157
470
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
158
471
  /* DO NOT CHANGE!*/
159
472
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -259,33 +572,33 @@
259
572
  --sky-70: #044d6c;
260
573
  --sky-80: #003852;
261
574
  --sky-90: #022536;
262
- --transparent-blue-alpha10: rgba(158,160,189,0.10196);
263
- --transparent-blue-alpha40: rgba(84,86,140,0.4);
264
- --transparent-canary-alpha25: rgba(255,224,130,0.25098);
265
- --transparent-canary-alpha30: rgba(255,244,205,0.30196);
266
- --transparent-coral-alpha20: rgba(255,148,148,0.2);
267
- --transparent-ebony-alpha15: rgba(229,229,233,0.14902);
268
- --transparent-ebony-alpha20: rgba(204,205,212,0.30196);
269
- --transparent-ebony-alpha25: rgba(229,229,233,0.25098);
270
- --transparent-ebony-alpha35: rgba(229,229,233,0.34902);
271
- --transparent-lavender-alpha70: rgba(174,183,226,0.69804);
272
- --transparent-mint-alpha20: rgba(90,195,154,0.2);
273
- --transparent-neutral-alpha10: rgba(207,210,212,0.10196);
274
- --transparent-neutral-alpha15: rgba(207,210,212,0.14902);
275
- --transparent-neutral-alpha20: rgba(38,39,41,0.2);
276
- --transparent-peach-alpha70: rgba(255,191,158,0.69804);
277
- --transparent-sky-alpha20: rgba(45,152,210,0.2);
278
- --white-alpha-0: rgba(255,255,255,0);
279
- --white-alpha-10: rgba(255,255,255,0.10196);
575
+ --transparent-blue-alpha10: #9ea0bd1a;
576
+ --transparent-blue-alpha40: #54568c66;
577
+ --transparent-canary-alpha25: #ffe08240;
578
+ --transparent-canary-alpha30: #fff4cd4d;
579
+ --transparent-coral-alpha20: #ff949433;
580
+ --transparent-ebony-alpha15: #e5e5e926;
581
+ --transparent-ebony-alpha20: #cccdd44d;
582
+ --transparent-ebony-alpha25: #e5e5e940;
583
+ --transparent-ebony-alpha35: #e5e5e959;
584
+ --transparent-lavender-alpha70: #aeb7e2b2;
585
+ --transparent-mint-alpha20: #5ac39a33;
586
+ --transparent-neutral-alpha10: #cfd2d41a;
587
+ --transparent-neutral-alpha15: #cfd2d426;
588
+ --transparent-neutral-alpha20: #26272933;
589
+ --transparent-peach-alpha70: #ffbf9eb2;
590
+ --transparent-sky-alpha20: #2d98d233;
591
+ --white-alpha-0: #ffffff00;
592
+ --white-alpha-10: #ffffff1a;
280
593
  --white-alpha-100: #ffffff;
281
- --white-alpha-20: rgba(255,255,255,0.2);
282
- --white-alpha-30: rgba(255,255,255,0.30196);
283
- --white-alpha-40: rgba(255,255,255,0.4);
284
- --white-alpha-50: rgba(255,255,255,0.50196);
285
- --white-alpha-60: rgba(255,255,255,0.6);
286
- --white-alpha-70: rgba(255,255,255,0.69804);
287
- --white-alpha-80: rgba(255,255,255,0.8);
288
- --white-alpha-90: rgba(255,255,255,0.89804);
594
+ --white-alpha-20: #ffffff33;
595
+ --white-alpha-30: #ffffff4d;
596
+ --white-alpha-40: #ffffff66;
597
+ --white-alpha-50: #ffffff80;
598
+ --white-alpha-60: #ffffff99;
599
+ --white-alpha-70: #ffffffb2;
600
+ --white-alpha-80: #ffffffcc;
601
+ --white-alpha-90: #ffffffe5;
289
602
  }
290
603
 
291
604
  .eds-navigation-card {
@@ -379,8 +692,7 @@
379
692
  .eds-navigation-card:hover .eds-navigation-card-header__highlight {
380
693
  width: 2rem;
381
694
  }
382
- }
383
- /* DO NOT CHANGE!*/
695
+ }/* DO NOT CHANGE!*/
384
696
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
385
697
  .eds-media-card {
386
698
  display: flex;
@@ -389,7 +701,6 @@
389
701
  flex-direction: column;
390
702
  overflow: hidden;
391
703
  position: relative;
392
- width: -moz-fit-content;
393
704
  width: fit-content;
394
705
  background-color: var(--components-layout-card-standard-fill-default-solid);
395
706
  transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out, background 0.1s ease-in-out;
@@ -433,18 +744,14 @@
433
744
  .eds-media-card__media img {
434
745
  width: 100%;
435
746
  height: 100%;
436
- -o-object-fit: cover;
437
- object-fit: cover;
747
+ object-fit: cover;
438
748
  }
439
749
  .eds-media-card__text {
440
- -webkit-appearance: none;
441
- -moz-appearance: none;
442
- appearance: none;
750
+ appearance: none;
443
751
  width: 100%;
444
752
  color: inherit;
445
753
  display: flex;
446
754
  flex-direction: column;
447
- -webkit-text-decoration: none;
448
755
  text-decoration: none;
449
756
  padding: 1.5rem 2rem 2rem 2rem;
450
757
  }
@@ -455,9 +762,7 @@
455
762
  margin: 0.25rem 0 0.25rem;
456
763
  }
457
764
  .eds-media-card__text__title-link {
458
- -webkit-appearance: none;
459
- -moz-appearance: none;
460
- appearance: none;
765
+ appearance: none;
461
766
  all: unset;
462
767
  }
463
768
  .eds-media-card__text__title-link::after {
@@ -485,8 +790,7 @@
485
790
  }
486
791
  .eds-media-card--horizontal .eds-media-card__media {
487
792
  padding: 1.5rem 0 1.5rem 1.5rem;
488
- overflow: visible;
489
- overflow: initial;
793
+ overflow: unset;
490
794
  }
491
795
  .eds-media-card--horizontal .eds-media-card__media img {
492
796
  width: 10rem;
@@ -518,8 +822,7 @@
518
822
  .eds-media-card--horizontal .eds-media-card__text {
519
823
  padding: 2rem 2rem 2rem 0;
520
824
  }
521
- }
522
- /* DO NOT CHANGE!*/
825
+ }/* DO NOT CHANGE!*/
523
826
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
524
827
  .eds-badge {
525
828
  display: flex;
@@ -530,7 +833,6 @@
530
833
  font-size: 0.75rem;
531
834
  min-width: 1.5rem;
532
835
  height: 1.5rem;
533
- width: -moz-fit-content;
534
836
  width: fit-content;
535
837
  line-height: 1rem;
536
838
  padding: 2px 8px;
@@ -668,362 +970,42 @@
668
970
  line-height: 1.25rem;
669
971
  padding: 0 0.5rem;
670
972
  height: 1.25rem;
671
- border: 0.0625rem solid transparent;
672
- border-color: transparent;
673
- }
674
- .eds-badge--type-notification {
675
- line-height: 1.5rem;
676
- height: 1.5rem;
677
- min-width: 1.5rem;
678
- padding: 0 0.25rem;
679
- border: 0.0625rem solid transparent;
680
- }
681
- .eds-contrast .eds-badge--type-notification {
682
- border-color: transparent;
683
- }
684
- .eds-badge--type-bullet {
685
- background: none;
686
- font-size: 1rem;
687
- line-height: 1.5rem;
688
- color: var(--components-layout-badge-primary-standard-text-bullet);
689
- border: none;
690
- position: relative;
691
- padding-left: 1.375rem;
692
- }
693
- .eds-contrast .eds-badge--type-bullet {
694
- color: var(--components-layout-badge-primary-contrast-text-bullet);
695
- background: none;
696
- }
697
- .eds-badge--type-bullet::before {
698
- background: var(--components-layout-badge-primary-standard-fill);
699
- left: 0;
700
- content: "";
701
- position: absolute;
702
- top: 0.3125rem;
703
- height: 0.625rem;
704
- width: 0.625rem;
705
- border-radius: 50%;
706
- }
707
- /* DO NOT CHANGE!*/
708
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
709
- /* DO NOT CHANGE!*/
710
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
711
- /* DO NOT CHANGE!*/
712
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
713
- [data-color-mode=light],
714
- :root {
715
- --components-layout-badge-information-contrast-border: rgba(255, 255, 255, 0);
716
- --components-layout-badge-information-contrast-bullet: #64b3e7;
717
- --components-layout-badge-information-contrast-fill: #64b3e7;
718
- --components-layout-badge-information-contrast-text: #181c56;
719
- --components-layout-badge-information-contrast-text-bullet: #ffffff;
720
- --components-layout-badge-information-standard-border: #067eb2;
721
- --components-layout-badge-information-standard-bullet: #067eb2;
722
- --components-layout-badge-information-standard-fill: #e1eff8;
723
- --components-layout-badge-information-standard-text: #181c56;
724
- --components-layout-badge-information-standard-text-bullet: #181c56;
725
- --components-layout-badge-negative-contrast-border: rgba(255, 255, 255, 0);
726
- --components-layout-badge-negative-contrast-bullet: #ff5959;
727
- --components-layout-badge-negative-contrast-fill: #ff9494;
728
- --components-layout-badge-negative-contrast-text: #181c56;
729
- --components-layout-badge-negative-contrast-text-bullet: #ffffff;
730
- --components-layout-badge-negative-standard-border: #d31b1b;
731
- --components-layout-badge-negative-standard-bullet: #d31b1b;
732
- --components-layout-badge-negative-standard-fill: #ffcece;
733
- --components-layout-badge-negative-standard-text: #181c56;
734
- --components-layout-badge-negative-standard-text-bullet: #181c56;
735
- --components-layout-badge-neutral-contrast-border: rgba(255, 255, 255, 0);
736
- --components-layout-badge-neutral-contrast-bullet: #c7cdeb;
737
- --components-layout-badge-neutral-contrast-fill: #54568c;
738
- --components-layout-badge-neutral-contrast-text: #ffffff;
739
- --components-layout-badge-neutral-contrast-text-bullet: #ffffff;
740
- --components-layout-badge-neutral-standard-border: #949699;
741
- --components-layout-badge-neutral-standard-bullet: #81828f;
742
- --components-layout-badge-neutral-standard-fill: #f6f6f9;
743
- --components-layout-badge-neutral-standard-text: #181c56;
744
- --components-layout-badge-neutral-standard-text-bullet: #181c56;
745
- --components-layout-badge-primary-contrast-bullet: #aeb7e2;
746
- --components-layout-badge-primary-contrast-fill: #aeb7e2;
747
- --components-layout-badge-primary-contrast-text: #181c56;
748
- --components-layout-badge-primary-contrast-text-bullet: #ffffff;
749
- --components-layout-badge-primary-standard-bullet: #181c56;
750
- --components-layout-badge-primary-standard-fill: #181c56;
751
- --components-layout-badge-primary-standard-text: #ffffff;
752
- --components-layout-badge-primary-standard-text-bullet: #181c56;
753
- --components-layout-badge-success-contrast-border: rgba(255, 255, 255, 0);
754
- --components-layout-badge-success-contrast-bullet: #5ac39a;
755
- --components-layout-badge-success-contrast-fill: #5ac39a;
756
- --components-layout-badge-success-contrast-text: #181c56;
757
- --components-layout-badge-success-contrast-text-bullet: #ffffff;
758
- --components-layout-badge-success-standard-border: #1a8e60;
759
- --components-layout-badge-success-standard-bullet: #1a8e60;
760
- --components-layout-badge-success-standard-fill: #d0f1e3;
761
- --components-layout-badge-success-standard-text: #181c56;
762
- --components-layout-badge-success-standard-text-bullet: #181c56;
763
- --components-layout-badge-warning-contrast-border: rgba(255, 255, 255, 0);
764
- --components-layout-badge-warning-contrast-bullet: #ffe082;
765
- --components-layout-badge-warning-contrast-fill: #ffe082;
766
- --components-layout-badge-warning-contrast-text: #181c56;
767
- --components-layout-badge-warning-contrast-text-bullet: #ffffff;
768
- --components-layout-badge-warning-standard-border: #e9b10c;
769
- --components-layout-badge-warning-standard-bullet: #ffca28;
770
- --components-layout-badge-warning-standard-fill: #fff4cd;
771
- --components-layout-badge-warning-standard-text: #181c56;
772
- --components-layout-badge-warning-standard-text-bullet: #181c56;
773
- --components-layout-card-contrast-border-default: rgba(255, 255, 255, 0);
774
- --components-layout-card-contrast-border-active: #aeb7e2;
775
- --components-layout-card-contrast-divide: #ff5959;
776
- --components-layout-card-contrast-fill-default-solid: #393d79;
777
- --components-layout-card-contrast-fill-default-transparent: #393d79;
778
- --components-layout-card-contrast-fill-hoveractive: #54568c;
779
- --components-layout-card-contrast-icon: #ffffff;
780
- --components-layout-card-contrast-shadowlayer1: rgba(255, 255, 255, 0);
781
- --components-layout-card-contrast-shadowlayer2: rgba(255, 255, 255, 0);
782
- --components-layout-card-contrast-shadowlayer3: rgba(255, 255, 255, 0);
783
- --components-layout-card-contrast-subjecttext: #d9dae8;
784
- --components-layout-card-contrast-text: #ffffff;
785
- --components-layout-card-standard-border-default: #e3e6e8;
786
- --components-layout-card-standard-border-active: #181c56;
787
- --components-layout-card-standard-divide: #ff5959;
788
- --components-layout-card-standard-fill-default-solid: #ffffff;
789
- --components-layout-card-standard-fill-default-transparent: #ffffff;
790
- --components-layout-card-standard-fill-hoveractive: #f6f6f9;
791
- --components-layout-card-standard-icon: #181c56;
792
- --components-layout-card-standard-shadowlayer1: rgba(204, 205, 212, 0.3019607843);
793
- --components-layout-card-standard-shadowlayer2: rgba(229, 229, 233, 0.3490196078);
794
- --components-layout-card-standard-shadowlayer3: rgba(229, 229, 233, 0.1490196078);
795
- --components-layout-card-standard-subjecttext: #626493;
796
- --components-layout-card-standard-text: #181c56;
973
+ border: 0.0625rem solid transparent;
974
+ border-color: transparent;
797
975
  }
798
-
799
- [data-color-mode=dark] {
800
- --components-layout-badge-information-contrast-border: rgba(255, 255, 255, 0);
801
- --components-layout-badge-information-contrast-bullet: #acd7f1;
802
- --components-layout-badge-information-contrast-fill: #acd7f1;
803
- --components-layout-badge-information-contrast-text: #08091c;
804
- --components-layout-badge-information-contrast-text-bullet: #e5e5e9;
805
- --components-layout-badge-information-standard-border: rgba(255, 255, 255, 0);
806
- --components-layout-badge-information-standard-bullet: #acd7f1;
807
- --components-layout-badge-information-standard-fill: #acd7f1;
808
- --components-layout-badge-information-standard-text: #08091c;
809
- --components-layout-badge-information-standard-text-bullet: #e5e5e9;
810
- --components-layout-badge-negative-contrast-border: rgba(255, 255, 255, 0);
811
- --components-layout-badge-negative-contrast-bullet: #ff9494;
812
- --components-layout-badge-negative-contrast-fill: #ffcece;
813
- --components-layout-badge-negative-contrast-text: #08091c;
814
- --components-layout-badge-negative-contrast-text-bullet: #e5e5e9;
815
- --components-layout-badge-negative-standard-border: rgba(255, 255, 255, 0);
816
- --components-layout-badge-negative-standard-bullet: #ff9494;
817
- --components-layout-badge-negative-standard-fill: #ffcece;
818
- --components-layout-badge-negative-standard-text: #08091c;
819
- --components-layout-badge-negative-standard-text-bullet: #e5e5e9;
820
- --components-layout-badge-neutral-contrast-border: rgba(255, 255, 255, 0);
821
- --components-layout-badge-neutral-contrast-bullet: #e5e5e9;
822
- --components-layout-badge-neutral-contrast-fill: rgba(229, 229, 233, 0.3490196078);
823
- --components-layout-badge-neutral-contrast-text: #e5e5e9;
824
- --components-layout-badge-neutral-contrast-text-bullet: #e5e5e9;
825
- --components-layout-badge-neutral-standard-border: rgba(255, 255, 255, 0);
826
- --components-layout-badge-neutral-standard-bullet: #e5e5e9;
827
- --components-layout-badge-neutral-standard-fill: rgba(229, 229, 233, 0.3490196078);
828
- --components-layout-badge-neutral-standard-text: #e5e5e9;
829
- --components-layout-badge-neutral-standard-text-bullet: #e5e5e9;
830
- --components-layout-badge-primary-contrast-bullet: #aeb7e2;
831
- --components-layout-badge-primary-contrast-fill: #aeb7e2;
832
- --components-layout-badge-primary-contrast-text: #08091c;
833
- --components-layout-badge-primary-contrast-text-bullet: #e5e5e9;
834
- --components-layout-badge-primary-standard-bullet: #aeb7e2;
835
- --components-layout-badge-primary-standard-fill: #aeb7e2;
836
- --components-layout-badge-primary-standard-text: #08091c;
837
- --components-layout-badge-primary-standard-text-bullet: #e5e5e9;
838
- --components-layout-badge-success-contrast-border: rgba(255, 255, 255, 0);
839
- --components-layout-badge-success-contrast-bullet: #9cd9c2;
840
- --components-layout-badge-success-contrast-fill: #9cd9c2;
841
- --components-layout-badge-success-contrast-text: #08091c;
842
- --components-layout-badge-success-contrast-text-bullet: #e5e5e9;
843
- --components-layout-badge-success-standard-border: rgba(255, 255, 255, 0);
844
- --components-layout-badge-success-standard-bullet: #9cd9c2;
845
- --components-layout-badge-success-standard-fill: #9cd9c2;
846
- --components-layout-badge-success-standard-text: #08091c;
847
- --components-layout-badge-success-standard-text-bullet: #e5e5e9;
848
- --components-layout-badge-warning-contrast-border: rgba(255, 255, 255, 0);
849
- --components-layout-badge-warning-contrast-bullet: #ffeeb3;
850
- --components-layout-badge-warning-contrast-fill: #ffeeb3;
851
- --components-layout-badge-warning-contrast-text: #08091c;
852
- --components-layout-badge-warning-contrast-text-bullet: #e5e5e9;
853
- --components-layout-badge-warning-standard-border: rgba(255, 255, 255, 0);
854
- --components-layout-badge-warning-standard-bullet: #ffeeb3;
855
- --components-layout-badge-warning-standard-fill: #ffeeb3;
856
- --components-layout-badge-warning-standard-text: #08091c;
857
- --components-layout-badge-warning-standard-text-bullet: #e5e5e9;
858
- --components-layout-card-contrast-border-default: rgba(255, 255, 255, 0);
859
- --components-layout-card-contrast-border-active: #b3b4bd;
860
- --components-layout-card-contrast-divide: #ff5959;
861
- --components-layout-card-contrast-fill-default-solid: #393a49;
862
- --components-layout-card-contrast-fill-default-transparent: rgba(229, 229, 233, 0.1490196078);
863
- --components-layout-card-contrast-fill-hoveractive: #464755;
864
- --components-layout-card-contrast-icon: #e5e5e9;
865
- --components-layout-card-contrast-shadowlayer1: rgba(255, 255, 255, 0);
866
- --components-layout-card-contrast-shadowlayer2: rgba(255, 255, 255, 0);
867
- --components-layout-card-contrast-shadowlayer3: rgba(255, 255, 255, 0);
868
- --components-layout-card-contrast-subjecttext: #b3b4bd;
869
- --components-layout-card-contrast-text: #e5e5e9;
870
- --components-layout-card-standard-border-default: rgba(255, 255, 255, 0);
871
- --components-layout-card-standard-border-active: #b3b4bd;
872
- --components-layout-card-standard-divide: #ff5959;
873
- --components-layout-card-standard-fill-default-solid: #393a49;
874
- --components-layout-card-standard-fill-default-transparent: rgba(229, 229, 233, 0.1490196078);
875
- --components-layout-card-standard-fill-hoveractive: #464755;
876
- --components-layout-card-standard-icon: #e5e5e9;
877
- --components-layout-card-standard-shadowlayer1: rgba(255, 255, 255, 0);
878
- --components-layout-card-standard-shadowlayer2: rgba(255, 255, 255, 0);
879
- --components-layout-card-standard-shadowlayer3: rgba(255, 255, 255, 0);
880
- --components-layout-card-standard-subjecttext: #b3b4bd;
881
- --components-layout-card-standard-text: #e5e5e9;
976
+ .eds-badge--type-notification {
977
+ line-height: 1.5rem;
978
+ height: 1.5rem;
979
+ min-width: 1.5rem;
980
+ padding: 0 0.25rem;
981
+ border: 0.0625rem solid transparent;
882
982
  }
883
-
884
- /* DO NOT CHANGE!*/
885
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
886
- /* DO NOT CHANGE!*/
887
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
888
- [data-color-mode=light],
889
- :root {
890
- --basecolors-frame-contrast: #181c56;
891
- --basecolors-frame-contrastalt: #393d79;
892
- --basecolors-frame-contrastalt-2: #292b6a;
893
- --basecolors-frame-default: #ffffff;
894
- --basecolors-frame-elevated: #ffffff;
895
- --basecolors-frame-elevatedalt: #f6f6f9;
896
- --basecolors-frame-subdued: #d9dae8;
897
- --basecolors-frame-tint: #f6f6f9;
898
- --basecolors-shape-accent: #181c56;
899
- --basecolors-shape-bicycle-contrast: #00db9b;
900
- --basecolors-shape-bicycle-default: #388f76;
901
- --basecolors-shape-bus-contrast: #ff6392;
902
- --basecolors-shape-bus-default: #c5044e;
903
- --basecolors-shape-cableway-contrast: #b482fb;
904
- --basecolors-shape-cableway-default: #78469a;
905
- --basecolors-shape-disabled: #6e6f73;
906
- --basecolors-shape-disabledalt: #b6b8ba;
907
- --basecolors-shape-ferry-contrast: #6fdfff;
908
- --basecolors-shape-ferry-default: #0c6693;
909
- --basecolors-shape-funicular-contrast: #b482fb;
910
- --basecolors-shape-funicular-default: #78469a;
911
- --basecolors-shape-helicopter-contrast: #fbafea;
912
- --basecolors-shape-helicopter-default: #800664;
913
- --basecolors-shape-highlight: #ff5959;
914
- --basecolors-shape-light: #ffffff;
915
- --basecolors-shape-mask: #ffffff;
916
- --basecolors-shape-maskalt: #ffffff;
917
- --basecolors-shape-metro-contrast: #f08901;
918
- --basecolors-shape-metro-default: #bf5826;
919
- --basecolors-shape-mobility-contrast: #00db9b;
920
- --basecolors-shape-mobility-default: #388f76;
921
- --basecolors-shape-plane-contrast: #fbafea;
922
- --basecolors-shape-plane-default: #800664;
923
- --basecolors-shape-subdued: #626493;
924
- --basecolors-shape-subduedalt: #d9dae8;
925
- --basecolors-shape-taxi-contrast: #ffe082;
926
- --basecolors-shape-taxi-default: #3d3e40;
927
- --basecolors-shape-train-contrast: #42a5f5;
928
- --basecolors-shape-train-default: #00367f;
929
- --basecolors-shape-tram-contrast: #b482fb;
930
- --basecolors-shape-tram-default: #78469a;
931
- --basecolors-shape-walk-contrast: #8284ab;
932
- --basecolors-shape-walk-default: #8d8e9c;
933
- --basecolors-shape-airportlinkbus-contrast: #fbafea;
934
- --basecolors-shape-airportlinkbus-default: #800664;
935
- --basecolors-shape-airportlinkrail-contrast: #fbafea;
936
- --basecolors-shape-airportlinkrail-default: #800664;
937
- --basecolors-stroke-contrast: #aeb7e2;
938
- --basecolors-stroke-default: #181c56;
939
- --basecolors-stroke-disabled: #949699;
940
- --basecolors-stroke-focus-contrast: #aeb7e2;
941
- --basecolors-stroke-focus-standard: #181c56;
942
- --basecolors-stroke-highlight: #ff5959;
943
- --basecolors-stroke-light: #ffffff;
944
- --basecolors-stroke-subdued: #8284ab;
945
- --basecolors-stroke-subduedalt: #e3e6e8;
946
- --basecolors-text-accent: #181c56;
947
- --basecolors-text-disabled: #6e6f73;
948
- --basecolors-text-disabledalt: #b6b8ba;
949
- --basecolors-text-highlight: #ff5959;
950
- --basecolors-text-light: #ffffff;
951
- --basecolors-text-subdued: #626493;
952
- --basecolors-text-subduedalt: #d9dae8;
983
+ .eds-contrast .eds-badge--type-notification {
984
+ border-color: transparent;
953
985
  }
954
-
955
- [data-color-mode=dark] {
956
- --basecolors-frame-contrast: #212233;
957
- --basecolors-frame-contrastalt: #141527;
958
- --basecolors-frame-contrastalt-2: #08091c;
959
- --basecolors-frame-default: #08091c;
960
- --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
961
- --basecolors-frame-elevatedalt: #464755;
962
- --basecolors-frame-subdued: #2d2e3e;
963
- --basecolors-frame-tint: #141527;
964
- --basecolors-shape-accent: #e5e5e9;
965
- --basecolors-shape-bicycle-contrast: #4db295;
966
- --basecolors-shape-bicycle-default: #4db295;
967
- --basecolors-shape-bus-contrast: #ef7398;
968
- --basecolors-shape-bus-default: #ef7398;
969
- --basecolors-shape-cableway-contrast: #b898e5;
970
- --basecolors-shape-cableway-default: #b898e5;
971
- --basecolors-shape-disabled: #b6b8ba;
972
- --basecolors-shape-disabledalt: #b3b4bd;
973
- --basecolors-shape-ferry-contrast: #8ccfe2;
974
- --basecolors-shape-ferry-default: #8ccfe2;
975
- --basecolors-shape-funicular-contrast: #b898e5;
976
- --basecolors-shape-funicular-default: #b898e5;
977
- --basecolors-shape-helicopter-contrast: #f2b8e5;
978
- --basecolors-shape-helicopter-default: #f2b8e5;
979
- --basecolors-shape-highlight: #ff9494;
980
- --basecolors-shape-light: #e5e5e9;
981
- --basecolors-shape-mask: #2d2e3e;
982
- --basecolors-shape-maskalt: #393a49;
983
- --basecolors-shape-metro-contrast: #dd973c;
984
- --basecolors-shape-metro-default: #dd973c;
985
- --basecolors-shape-mobility-contrast: #4db295;
986
- --basecolors-shape-mobility-default: #4db295;
987
- --basecolors-shape-plane-contrast: #f2b8e5;
988
- --basecolors-shape-plane-default: #f2b8e5;
989
- --basecolors-shape-subdued: #b3b4bd;
990
- --basecolors-shape-subduedalt: #b3b4bd;
991
- --basecolors-shape-taxi-contrast: #ffe082;
992
- --basecolors-shape-taxi-default: #ffe082;
993
- --basecolors-shape-train-contrast: #60a2d7;
994
- --basecolors-shape-train-default: #60a2d7;
995
- --basecolors-shape-tram-contrast: #b898e5;
996
- --basecolors-shape-tram-default: #b898e5;
997
- --basecolors-shape-walk-contrast: #8d8e9c;
998
- --basecolors-shape-walk-default: #8d8e9c;
999
- --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
1000
- --basecolors-shape-airportlinkbus-default: #f2b8e5;
1001
- --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
1002
- --basecolors-shape-airportlinkrail-default: #f2b8e5;
1003
- --basecolors-stroke-contrast: #aeb7e2;
1004
- --basecolors-stroke-default: #b3b4bd;
1005
- --basecolors-stroke-disabled: #e3e6e8;
1006
- --basecolors-stroke-focus-contrast: #aeb7e2;
1007
- --basecolors-stroke-focus-standard: #aeb7e2;
1008
- --basecolors-stroke-highlight: #ff9494;
1009
- --basecolors-stroke-light: #b3b4bd;
1010
- --basecolors-stroke-subdued: #81828f;
1011
- --basecolors-stroke-subduedalt: #949699;
1012
- --basecolors-text-accent: #e5e5e9;
1013
- --basecolors-text-disabled: #b6b8ba;
1014
- --basecolors-text-disabledalt: #b6b8ba;
1015
- --basecolors-text-highlight: #ff9494;
1016
- --basecolors-text-light: #e5e5e9;
1017
- --basecolors-text-subdued: #b3b4bd;
1018
- --basecolors-text-subduedalt: #b3b4bd;
986
+ .eds-badge--type-bullet {
987
+ background: none;
988
+ font-size: 1rem;
989
+ line-height: 1.5rem;
990
+ color: var(--components-layout-badge-primary-standard-text-bullet);
991
+ border: none;
992
+ position: relative;
993
+ padding-left: 1.375rem;
1019
994
  }
1020
-
1021
- :root {
1022
- --eds-layout: 1;
995
+ .eds-contrast .eds-badge--type-bullet {
996
+ color: var(--components-layout-badge-primary-contrast-text-bullet);
997
+ background: none;
1023
998
  }
1024
- /* DO NOT CHANGE!*/
1025
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
1026
- /* DO NOT CHANGE!*/
999
+ .eds-badge--type-bullet::before {
1000
+ background: var(--components-layout-badge-primary-standard-fill);
1001
+ left: 0;
1002
+ content: "";
1003
+ position: absolute;
1004
+ top: 0.3125rem;
1005
+ height: 0.625rem;
1006
+ width: 0.625rem;
1007
+ border-radius: 50%;
1008
+ }/* DO NOT CHANGE!*/
1027
1009
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
1028
1010
  .eds-tag {
1029
1011
  background: #e9e9e9;
@@ -1051,4 +1033,4 @@
1051
1033
  }
1052
1034
  .eds-tag--compact.eds-tag--trailing-icon .eds-icon {
1053
1035
  margin-left: 0.25rem;
1054
- }
1036
+ }