@entur/travel 6.4.6-beta.0 → 6.5.1

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 (7) hide show
  1. package/dist/styles.css +100 -66
  2. package/dist/travel.cjs.js +6 -0
  3. package/dist/travel.cjs.js.map +1 -1
  4. package/dist/travel.esm.js +7 -1
  5. package/dist/travel.esm.js.map +1 -1
  6. package/dist/utils.d.ts +1 -1
  7. package/package.json +7 -7
package/dist/styles.css CHANGED
@@ -8,17 +8,18 @@
8
8
  --components-travel-travelleg-contrast-air:#fbafea;
9
9
  --components-travel-travelleg-contrast-airportlinkbus:#fbafea;
10
10
  --components-travel-travelleg-contrast-airportlinkrail:#fbafea;
11
- --components-travel-travelleg-contrast-bicycle:#00db9b;
11
+ --components-travel-travelleg-contrast-bicycle:#00dbb6;
12
12
  --components-travel-travelleg-contrast-bulletborder:#181c56;
13
13
  --components-travel-travelleg-contrast-bus:#ff6392;
14
+ --components-travel-travelleg-contrast-bus-regional:#b8db48;
14
15
  --components-travel-travelleg-contrast-cableway:#b482fb;
15
16
  --components-travel-travelleg-contrast-carferry:#6fdfff;
16
- --components-travel-travelleg-contrast-citybike:#00db9b;
17
+ --components-travel-travelleg-contrast-citybike:#00dbb6;
17
18
  --components-travel-travelleg-contrast-ferry:#6fdfff;
18
19
  --components-travel-travelleg-contrast-funicular:#b482fb;
19
20
  --components-travel-travelleg-contrast-helicopter:#fbafea;
20
21
  --components-travel-travelleg-contrast-metro:#f08901;
21
- --components-travel-travelleg-contrast-mobility:#00db9b;
22
+ --components-travel-travelleg-contrast-mobility:#00dbb6;
22
23
  --components-travel-travelleg-contrast-plane:#fbafea;
23
24
  --components-travel-travelleg-contrast-rail:#42a5f5;
24
25
  --components-travel-travelleg-contrast-taxi:#ffe082;
@@ -29,17 +30,18 @@
29
30
  --components-travel-travelleg-standard-air:#800664;
30
31
  --components-travel-travelleg-standard-airportlinkbus:#800664;
31
32
  --components-travel-travelleg-standard-airportlinkrail:#800664;
32
- --components-travel-travelleg-standard-bicycle:#33826b;
33
+ --components-travel-travelleg-standard-bicycle:#0d827e;
33
34
  --components-travel-travelleg-standard-bulletborder:#ffffff;
34
35
  --components-travel-travelleg-standard-bus:#c5044e;
36
+ --components-travel-travelleg-standard-bus-regional:#427500;
35
37
  --components-travel-travelleg-standard-cableway:#78469a;
36
38
  --components-travel-travelleg-standard-carferry:#0c6693;
37
- --components-travel-travelleg-standard-citybike:#33826b;
39
+ --components-travel-travelleg-standard-citybike:#0d827e;
38
40
  --components-travel-travelleg-standard-ferry:#0c6693;
39
41
  --components-travel-travelleg-standard-funicular:#78469a;
40
42
  --components-travel-travelleg-standard-helicopter:#800664;
41
43
  --components-travel-travelleg-standard-metro:#bf5826;
42
- --components-travel-travelleg-standard-mobility:#33826b;
44
+ --components-travel-travelleg-standard-mobility:#0d827e;
43
45
  --components-travel-travelleg-standard-plane:#800664;
44
46
  --components-travel-travelleg-standard-rail:#00367f;
45
47
  --components-travel-travelleg-standard-taxi:#3d3e40;
@@ -49,18 +51,19 @@
49
51
  --components-travel-travelleg-standard-water:#0c6693;
50
52
  --components-travel-travelswitch-contrast-backgroundfalse:#626493;
51
53
  --components-travel-travelswitch-contrast-backgroundtrue-air:#fbafea;
52
- --components-travel-travelswitch-contrast-backgroundtrue-bicycle:#00db9b;
54
+ --components-travel-travelswitch-contrast-backgroundtrue-bicycle:#00dbb6;
53
55
  --components-travel-travelswitch-contrast-backgroundtrue-bus:#ff6392;
54
56
  --components-travel-travelswitch-contrast-backgroundtrue-cableway:#b482fb;
55
57
  --components-travel-travelswitch-contrast-backgroundtrue-carferry:#6fdfff;
56
- --components-travel-travelswitch-contrast-backgroundtrue-citybike:#00db9b;
58
+ --components-travel-travelswitch-contrast-backgroundtrue-citybike:#00dbb6;
57
59
  --components-travel-travelswitch-contrast-backgroundtrue-ferry:#6fdfff;
58
60
  --components-travel-travelswitch-contrast-backgroundtrue-funicular:#b482fb;
59
61
  --components-travel-travelswitch-contrast-backgroundtrue-helicopter:#fbafea;
60
62
  --components-travel-travelswitch-contrast-backgroundtrue-metro:#f08901;
61
- --components-travel-travelswitch-contrast-backgroundtrue-mobility:#00db9b;
63
+ --components-travel-travelswitch-contrast-backgroundtrue-mobility:#00dbb6;
62
64
  --components-travel-travelswitch-contrast-backgroundtrue-plane:#fbafea;
63
65
  --components-travel-travelswitch-contrast-backgroundtrue-rail:#42a5f5;
66
+ --components-travel-travelswitch-contrast-backgroundtrue-regional-bus:#b8db48;
64
67
  --components-travel-travelswitch-contrast-backgroundtrue-taxi:#ffe082;
65
68
  --components-travel-travelswitch-contrast-backgroundtrue-train:#42a5f5;
66
69
  --components-travel-travelswitch-contrast-backgroundtrue-tram:#b482fb;
@@ -69,16 +72,17 @@
69
72
  --components-travel-travelswitch-contrast-backgroundtrue-airportlinkbus:#fbafea;
70
73
  --components-travel-travelswitch-contrast-backgroundtrue-airportlinkrail:#fbafea;
71
74
  --components-travel-travelswitch-contrast-iconfalse:#626493;
72
- --components-travel-travelswitch-contrast-icontrue-bicycle:#33826b;
75
+ --components-travel-travelswitch-contrast-icontrue-bicycle:#0d827e;
73
76
  --components-travel-travelswitch-contrast-icontrue-bus:#c5044e;
77
+ --components-travel-travelswitch-contrast-icontrue-bus-regional:#427500;
74
78
  --components-travel-travelswitch-contrast-icontrue-cableway:#78469a;
75
79
  --components-travel-travelswitch-contrast-icontrue-carferry:#0c6693;
76
- --components-travel-travelswitch-contrast-icontrue-citybike:#33826b;
80
+ --components-travel-travelswitch-contrast-icontrue-citybike:#0d827e;
77
81
  --components-travel-travelswitch-contrast-icontrue-ferry:#0c6693;
78
82
  --components-travel-travelswitch-contrast-icontrue-funicular:#78469a;
79
83
  --components-travel-travelswitch-contrast-icontrue-helicopter:#800664;
80
84
  --components-travel-travelswitch-contrast-icontrue-metro:#bf5826;
81
- --components-travel-travelswitch-contrast-icontrue-mobility:#33826b;
85
+ --components-travel-travelswitch-contrast-icontrue-mobility:#0d827e;
82
86
  --components-travel-travelswitch-contrast-icontrue-plane:#800664;
83
87
  --components-travel-travelswitch-contrast-icontrue-taxi:#3d3e40;
84
88
  --components-travel-travelswitch-contrast-icontrue-train:#00367f;
@@ -91,16 +95,17 @@
91
95
  --components-travel-travelswitch-contrast-text:#ffffff;
92
96
  --components-travel-travelswitch-standard-backgroundfalse:#949699;
93
97
  --components-travel-travelswitch-standard-backgroundtrue-air:#800664;
94
- --components-travel-travelswitch-standard-backgroundtrue-bicycle:#33826b;
98
+ --components-travel-travelswitch-standard-backgroundtrue-bicycle:#0d827e;
95
99
  --components-travel-travelswitch-standard-backgroundtrue-bus:#c5044e;
100
+ --components-travel-travelswitch-standard-backgroundtrue-bus-regional:#427500;
96
101
  --components-travel-travelswitch-standard-backgroundtrue-cableway:#78469a;
97
102
  --components-travel-travelswitch-standard-backgroundtrue-carferry:#0c6693;
98
- --components-travel-travelswitch-standard-backgroundtrue-citybike:#33826b;
103
+ --components-travel-travelswitch-standard-backgroundtrue-citybike:#0d827e;
99
104
  --components-travel-travelswitch-standard-backgroundtrue-ferry:#0c6693;
100
105
  --components-travel-travelswitch-standard-backgroundtrue-funicular:#78469a;
101
106
  --components-travel-travelswitch-standard-backgroundtrue-helicopter:#800664;
102
107
  --components-travel-travelswitch-standard-backgroundtrue-metro:#bf5826;
103
- --components-travel-travelswitch-standard-backgroundtrue-mobility:#33826b;
108
+ --components-travel-travelswitch-standard-backgroundtrue-mobility:#0d827e;
104
109
  --components-travel-travelswitch-standard-backgroundtrue-plane:#800664;
105
110
  --components-travel-travelswitch-standard-backgroundtrue-rail:#00367f;
106
111
  --components-travel-travelswitch-standard-backgroundtrue-taxi:#3d3e40;
@@ -111,18 +116,19 @@
111
116
  --components-travel-travelswitch-standard-backgroundtrue-airportlinkbus:#800664;
112
117
  --components-travel-travelswitch-standard-backgroundtrue-airportlinkrail:#800664;
113
118
  --components-travel-travelswitch-standard-iconfalse:#6e6f73;
114
- --components-travel-travelswitch-standard-icontrue-bicycle:#33826b;
119
+ --components-travel-travelswitch-standard-icontrue-bicycle:#0d827e;
115
120
  --components-travel-travelswitch-standard-icontrue-bus:#c5044e;
116
121
  --components-travel-travelswitch-standard-icontrue-cableway:#78469a;
117
122
  --components-travel-travelswitch-standard-icontrue-carferry:#0c6693;
118
- --components-travel-travelswitch-standard-icontrue-citybike:#33826b;
123
+ --components-travel-travelswitch-standard-icontrue-citybike:#0d827e;
119
124
  --components-travel-travelswitch-standard-icontrue-ferry:#0c6693;
120
125
  --components-travel-travelswitch-standard-icontrue-funicular:#78469a;
121
126
  --components-travel-travelswitch-standard-icontrue-helicopter:#800664;
122
127
  --components-travel-travelswitch-standard-icontrue-metro:#bf5826;
123
- --components-travel-travelswitch-standard-icontrue-mobility:#33826b;
128
+ --components-travel-travelswitch-standard-icontrue-mobility:#0d827e;
124
129
  --components-travel-travelswitch-standard-icontrue-plane:#800664;
125
130
  --components-travel-travelswitch-standard-icontrue-rail:#00367f;
131
+ --components-travel-travelswitch-standard-icontrue-regional-bus:#427500;
126
132
  --components-travel-travelswitch-standard-icontrue-taxi:#3d3e40;
127
133
  --components-travel-travelswitch-standard-icontrue-train:#00367f;
128
134
  --components-travel-travelswitch-standard-icontrue-tram:#78469a;
@@ -136,14 +142,16 @@
136
142
  --components-travel-travelswitch-standard-text:#181c56;
137
143
  --components-travel-traveltag-contrast-fill-air:#fbafea;
138
144
  --components-travel-traveltag-contrast-fill-aircancelled:rgba(251, 175, 234, 0.1490196078);
139
- --components-travel-traveltag-contrast-fill-bicycle:#00db9b;
145
+ --components-travel-traveltag-contrast-fill-bicycle:#00dbb6;
140
146
  --components-travel-traveltag-contrast-fill-bus:#ff6392;
141
- --components-travel-traveltag-contrast-fill-bus-cancelled:rgba(197, 4, 78, 0.1490196078);
147
+ --components-travel-traveltag-contrast-fill-bus-cancelled:rgba(255, 99, 146, 0.1490196078);
148
+ --components-travel-traveltag-contrast-fill-bus-regional:#b8db48;
149
+ --components-travel-traveltag-contrast-fill-bus-regional-cancelled:rgba(184, 219, 72, 0.1490196078);
142
150
  --components-travel-traveltag-contrast-fill-cableway:#b482fb;
143
151
  --components-travel-traveltag-contrast-fill-cableway-cancelled:rgba(180, 130, 251, 0.1490196078);
144
152
  --components-travel-traveltag-contrast-fill-carferry:#6fdfff;
145
153
  --components-travel-traveltag-contrast-fill-carferry-cancelled:rgba(111, 223, 255, 0.1490196078);
146
- --components-travel-traveltag-contrast-fill-citybike:#00db9b;
154
+ --components-travel-traveltag-contrast-fill-citybike:#00dbb6;
147
155
  --components-travel-traveltag-contrast-fill-details:#ffffff;
148
156
  --components-travel-traveltag-contrast-fill-details-cancelled:#181c56;
149
157
  --components-travel-traveltag-contrast-fill-ferry:#6fdfff;
@@ -153,7 +161,7 @@
153
161
  --components-travel-traveltag-contrast-fill-helicopter-cancelled:rgba(251, 175, 234, 0.1490196078);
154
162
  --components-travel-traveltag-contrast-fill-metro:#f08901;
155
163
  --components-travel-traveltag-contrast-fill-metro-cancelled:rgba(240, 137, 1, 0.1490196078);
156
- --components-travel-traveltag-contrast-fill-mobility:#00db9b;
164
+ --components-travel-traveltag-contrast-fill-mobility:#00dbb6;
157
165
  --components-travel-traveltag-contrast-fill-plane:#fbafea;
158
166
  --components-travel-traveltag-contrast-fill-plane-cancelled:rgba(251, 175, 234, 0.1490196078);
159
167
  --components-travel-traveltag-contrast-fill-rail:#42a5f5;
@@ -175,6 +183,7 @@
175
183
  --components-travel-traveltag-contrast-icon-airportlinkbus-cancelled:#fbafea;
176
184
  --components-travel-traveltag-contrast-icon-airportlinkrail-cancelled:#fbafea;
177
185
  --components-travel-traveltag-contrast-icon-bus-cancelled:#ff6392;
186
+ --components-travel-traveltag-contrast-icon-bus-regional-cancelled:#b8db48;
178
187
  --components-travel-traveltag-contrast-icon-cableway-cancelled:#b482fb;
179
188
  --components-travel-traveltag-contrast-icon-carferry-cancelled:#6fdfff;
180
189
  --components-travel-traveltag-contrast-icon-default:#181c56;
@@ -195,6 +204,7 @@
195
204
  --components-travel-traveltag-contrast-text-details:#181c56;
196
205
  --components-travel-traveltag-contrast-text-label:#ffffff;
197
206
  --components-travel-traveltag-contrast-text-line-bus-cancelled:#ff6392;
207
+ --components-travel-traveltag-contrast-text-line-bus-regional-cancelled:#b8db48;
198
208
  --components-travel-traveltag-contrast-text-line-cableway-cancelled:#b482fb;
199
209
  --components-travel-traveltag-contrast-text-line-carferry-cancelled:#6fdfff;
200
210
  --components-travel-traveltag-contrast-text-line-ferry-cancelled:#6fdfff;
@@ -215,14 +225,16 @@
215
225
  --components-travel-traveltag-standard-fill-airportlinkbus-cancelled:rgba(128, 6, 100, 0.1490196078);
216
226
  --components-travel-traveltag-standard-fill-airportlinkrail:#800664;
217
227
  --components-travel-traveltag-standard-fill-airportlinkrail-cancelled:rgba(128, 6, 100, 0.1490196078);
218
- --components-travel-traveltag-standard-fill-bicycle:#33826b;
228
+ --components-travel-traveltag-standard-fill-bicycle:#0d827e;
219
229
  --components-travel-traveltag-standard-fill-bus:#c5044e;
220
230
  --components-travel-traveltag-standard-fill-bus-cancelled:rgba(197, 4, 78, 0.1490196078);
231
+ --components-travel-traveltag-standard-fill-bus-regional:#427500;
232
+ --components-travel-traveltag-standard-fill-bus-regional-cancelled:rgba(66, 117, 0, 0.1490196078);
221
233
  --components-travel-traveltag-standard-fill-cableway:#78469a;
222
234
  --components-travel-traveltag-standard-fill-cableway-cancelled:rgba(120, 70, 154, 0.1490196078);
223
235
  --components-travel-traveltag-standard-fill-carferry:#0c6693;
224
236
  --components-travel-traveltag-standard-fill-carferry-cancelled:rgba(12, 102, 147, 0.1490196078);
225
- --components-travel-traveltag-standard-fill-citybike:#33826b;
237
+ --components-travel-traveltag-standard-fill-citybike:#0d827e;
226
238
  --components-travel-traveltag-standard-fill-details:#ffffff;
227
239
  --components-travel-traveltag-standard-fill-details-cancelled:#ffffff;
228
240
  --components-travel-traveltag-standard-fill-ferry:#0c6693;
@@ -233,7 +245,7 @@
233
245
  --components-travel-traveltag-standard-fill-helicopter-cancelled:rgba(128, 6, 100, 0.1490196078);
234
246
  --components-travel-traveltag-standard-fill-metro:#bf5826;
235
247
  --components-travel-traveltag-standard-fill-metro-cancelled:rgba(191, 88, 38, 0.1490196078);
236
- --components-travel-traveltag-standard-fill-mobility:#33826b;
248
+ --components-travel-traveltag-standard-fill-mobility:#0d827e;
237
249
  --components-travel-traveltag-standard-fill-plane:#800664;
238
250
  --components-travel-traveltag-standard-fill-plane-cancelled:rgba(128, 6, 100, 0.1490196078);
239
251
  --components-travel-traveltag-standard-fill-rail:#00367f;
@@ -250,6 +262,7 @@
250
262
  --components-travel-traveltag-standard-icon-airportlinkbus-cancelled:#800664;
251
263
  --components-travel-traveltag-standard-icon-airportlinkrail-cancelled:#800664;
252
264
  --components-travel-traveltag-standard-icon-bus-cancelled:#c5044e;
265
+ --components-travel-traveltag-standard-icon-bus-regional-cancelled:#427500;
253
266
  --components-travel-traveltag-standard-icon-cableway-cancelled:#78469a;
254
267
  --components-travel-traveltag-standard-icon-carferry-cancelled:#0c6693;
255
268
  --components-travel-traveltag-standard-icon-default:#ffffff;
@@ -283,6 +296,7 @@
283
296
  --components-travel-traveltag-standard-text-line-walk:#181c56;
284
297
  --components-travel-traveltag-standard-text-line-airportlinkbus-cancelled:#800664;
285
298
  --components-travel-traveltag-standard-text-line-airportlinkrail-cancelled:#800664;
299
+ --components-travel-traveltag-standard-text-line-regional-bus-cancelled:#427500;
286
300
  --components-travel-traveltag-standard-text-newtime:#d31b1b;
287
301
  }
288
302
 
@@ -295,17 +309,18 @@
295
309
  --components-travel-travelleg-contrast-air:#f2b8e5;
296
310
  --components-travel-travelleg-contrast-airportlinkbus:#f2b8e5;
297
311
  --components-travel-travelleg-contrast-airportlinkrail:#f2b8e5;
298
- --components-travel-travelleg-contrast-bicycle:#4db295;
312
+ --components-travel-travelleg-contrast-bicycle:#4db2a1;
299
313
  --components-travel-travelleg-contrast-bulletborder:#08091c;
300
314
  --components-travel-travelleg-contrast-bus:#ef7398;
315
+ --components-travel-travelleg-contrast-bus-regional:#a4bf4d;
301
316
  --components-travel-travelleg-contrast-cableway:#b898e5;
302
317
  --components-travel-travelleg-contrast-carferry:#8ccfe2;
303
- --components-travel-travelleg-contrast-citybike:#4db295;
318
+ --components-travel-travelleg-contrast-citybike:#4db2a1;
304
319
  --components-travel-travelleg-contrast-ferry:#8ccfe2;
305
320
  --components-travel-travelleg-contrast-funicular:#b898e5;
306
321
  --components-travel-travelleg-contrast-helicopter:#f2b8e5;
307
322
  --components-travel-travelleg-contrast-metro:#dd973c;
308
- --components-travel-travelleg-contrast-mobility:#4db295;
323
+ --components-travel-travelleg-contrast-mobility:#4db2a1;
309
324
  --components-travel-travelleg-contrast-plane:#f2b8e5;
310
325
  --components-travel-travelleg-contrast-rail:#60a2d7;
311
326
  --components-travel-travelleg-contrast-taxi:#ffe082;
@@ -316,17 +331,18 @@
316
331
  --components-travel-travelleg-standard-air:#f2b8e5;
317
332
  --components-travel-travelleg-standard-airportlinkbus:#f2b8e5;
318
333
  --components-travel-travelleg-standard-airportlinkrail:#f2b8e5;
319
- --components-travel-travelleg-standard-bicycle:#4db295;
334
+ --components-travel-travelleg-standard-bicycle:#4db2a1;
320
335
  --components-travel-travelleg-standard-bulletborder:#08091c;
321
336
  --components-travel-travelleg-standard-bus:#ef7398;
337
+ --components-travel-travelleg-standard-bus-regional:#a4bf4d;
322
338
  --components-travel-travelleg-standard-cableway:#b898e5;
323
339
  --components-travel-travelleg-standard-carferry:#8ccfe2;
324
- --components-travel-travelleg-standard-citybike:#4db295;
340
+ --components-travel-travelleg-standard-citybike:#4db2a1;
325
341
  --components-travel-travelleg-standard-ferry:#8ccfe2;
326
342
  --components-travel-travelleg-standard-funicular:#b898e5;
327
343
  --components-travel-travelleg-standard-helicopter:#f2b8e5;
328
344
  --components-travel-travelleg-standard-metro:#dd973c;
329
- --components-travel-travelleg-standard-mobility:#4db295;
345
+ --components-travel-travelleg-standard-mobility:#4db2a1;
330
346
  --components-travel-travelleg-standard-plane:#f2b8e5;
331
347
  --components-travel-travelleg-standard-rail:#60a2d7;
332
348
  --components-travel-travelleg-standard-taxi:#ffe082;
@@ -336,18 +352,19 @@
336
352
  --components-travel-travelleg-standard-water:#8ccfe2;
337
353
  --components-travel-travelswitch-contrast-backgroundfalse:rgba(229, 229, 233, 0.3490196078);
338
354
  --components-travel-travelswitch-contrast-backgroundtrue-air:#f2b8e5;
339
- --components-travel-travelswitch-contrast-backgroundtrue-bicycle:#4db295;
355
+ --components-travel-travelswitch-contrast-backgroundtrue-bicycle:#4db2a1;
340
356
  --components-travel-travelswitch-contrast-backgroundtrue-bus:#ef7398;
341
357
  --components-travel-travelswitch-contrast-backgroundtrue-cableway:#b898e5;
342
358
  --components-travel-travelswitch-contrast-backgroundtrue-carferry:#8ccfe2;
343
- --components-travel-travelswitch-contrast-backgroundtrue-citybike:#4db295;
359
+ --components-travel-travelswitch-contrast-backgroundtrue-citybike:#4db2a1;
344
360
  --components-travel-travelswitch-contrast-backgroundtrue-ferry:#8ccfe2;
345
361
  --components-travel-travelswitch-contrast-backgroundtrue-funicular:#b898e5;
346
362
  --components-travel-travelswitch-contrast-backgroundtrue-helicopter:#f2b8e5;
347
363
  --components-travel-travelswitch-contrast-backgroundtrue-metro:#dd973c;
348
- --components-travel-travelswitch-contrast-backgroundtrue-mobility:#4db295;
364
+ --components-travel-travelswitch-contrast-backgroundtrue-mobility:#4db2a1;
349
365
  --components-travel-travelswitch-contrast-backgroundtrue-plane:#f2b8e5;
350
366
  --components-travel-travelswitch-contrast-backgroundtrue-rail:#60a2d7;
367
+ --components-travel-travelswitch-contrast-backgroundtrue-regional-bus:#a4bf4d;
351
368
  --components-travel-travelswitch-contrast-backgroundtrue-taxi:#ffe082;
352
369
  --components-travel-travelswitch-contrast-backgroundtrue-train:#60a2d7;
353
370
  --components-travel-travelswitch-contrast-backgroundtrue-tram:#b898e5;
@@ -356,16 +373,17 @@
356
373
  --components-travel-travelswitch-contrast-backgroundtrue-airportlinkbus:#f2b8e5;
357
374
  --components-travel-travelswitch-contrast-backgroundtrue-airportlinkrail:#f2b8e5;
358
375
  --components-travel-travelswitch-contrast-iconfalse:#b3b4bd;
359
- --components-travel-travelswitch-contrast-icontrue-bicycle:#4db295;
376
+ --components-travel-travelswitch-contrast-icontrue-bicycle:#4db2a1;
360
377
  --components-travel-travelswitch-contrast-icontrue-bus:#ef7398;
378
+ --components-travel-travelswitch-contrast-icontrue-bus-regional:#a4bf4d;
361
379
  --components-travel-travelswitch-contrast-icontrue-cableway:#b898e5;
362
380
  --components-travel-travelswitch-contrast-icontrue-carferry:#8ccfe2;
363
- --components-travel-travelswitch-contrast-icontrue-citybike:#4db295;
381
+ --components-travel-travelswitch-contrast-icontrue-citybike:#4db2a1;
364
382
  --components-travel-travelswitch-contrast-icontrue-ferry:#8ccfe2;
365
383
  --components-travel-travelswitch-contrast-icontrue-funicular:#b898e5;
366
384
  --components-travel-travelswitch-contrast-icontrue-helicopter:#f2b8e5;
367
385
  --components-travel-travelswitch-contrast-icontrue-metro:#dd973c;
368
- --components-travel-travelswitch-contrast-icontrue-mobility:#4db295;
386
+ --components-travel-travelswitch-contrast-icontrue-mobility:#4db2a1;
369
387
  --components-travel-travelswitch-contrast-icontrue-plane:#f2b8e5;
370
388
  --components-travel-travelswitch-contrast-icontrue-taxi:#ffe082;
371
389
  --components-travel-travelswitch-contrast-icontrue-train:#60a2d7;
@@ -378,16 +396,17 @@
378
396
  --components-travel-travelswitch-contrast-text:#e5e5e9;
379
397
  --components-travel-travelswitch-standard-backgroundfalse:rgba(229, 229, 233, 0.3490196078);
380
398
  --components-travel-travelswitch-standard-backgroundtrue-air:#f2b8e5;
381
- --components-travel-travelswitch-standard-backgroundtrue-bicycle:#4db295;
399
+ --components-travel-travelswitch-standard-backgroundtrue-bicycle:#4db2a1;
382
400
  --components-travel-travelswitch-standard-backgroundtrue-bus:#ef7398;
401
+ --components-travel-travelswitch-standard-backgroundtrue-bus-regional:#a4bf4d;
383
402
  --components-travel-travelswitch-standard-backgroundtrue-cableway:#b898e5;
384
403
  --components-travel-travelswitch-standard-backgroundtrue-carferry:#8ccfe2;
385
- --components-travel-travelswitch-standard-backgroundtrue-citybike:#4db295;
404
+ --components-travel-travelswitch-standard-backgroundtrue-citybike:#4db2a1;
386
405
  --components-travel-travelswitch-standard-backgroundtrue-ferry:#8ccfe2;
387
406
  --components-travel-travelswitch-standard-backgroundtrue-funicular:#b898e5;
388
407
  --components-travel-travelswitch-standard-backgroundtrue-helicopter:#f2b8e5;
389
408
  --components-travel-travelswitch-standard-backgroundtrue-metro:#dd973c;
390
- --components-travel-travelswitch-standard-backgroundtrue-mobility:#4db295;
409
+ --components-travel-travelswitch-standard-backgroundtrue-mobility:#4db2a1;
391
410
  --components-travel-travelswitch-standard-backgroundtrue-plane:#f2b8e5;
392
411
  --components-travel-travelswitch-standard-backgroundtrue-rail:#60a2d7;
393
412
  --components-travel-travelswitch-standard-backgroundtrue-taxi:#ffe082;
@@ -398,18 +417,19 @@
398
417
  --components-travel-travelswitch-standard-backgroundtrue-airportlinkbus:#f2b8e5;
399
418
  --components-travel-travelswitch-standard-backgroundtrue-airportlinkrail:#f2b8e5;
400
419
  --components-travel-travelswitch-standard-iconfalse:#b3b4bd;
401
- --components-travel-travelswitch-standard-icontrue-bicycle:#00db9b;
420
+ --components-travel-travelswitch-standard-icontrue-bicycle:#00dbb6;
402
421
  --components-travel-travelswitch-standard-icontrue-bus:#ef7398;
403
422
  --components-travel-travelswitch-standard-icontrue-cableway:#b898e5;
404
423
  --components-travel-travelswitch-standard-icontrue-carferry:#8ccfe2;
405
- --components-travel-travelswitch-standard-icontrue-citybike:#00db9b;
424
+ --components-travel-travelswitch-standard-icontrue-citybike:#00dbb6;
406
425
  --components-travel-travelswitch-standard-icontrue-ferry:#8ccfe2;
407
426
  --components-travel-travelswitch-standard-icontrue-funicular:#b898e5;
408
427
  --components-travel-travelswitch-standard-icontrue-helicopter:#f2b8e5;
409
428
  --components-travel-travelswitch-standard-icontrue-metro:#dd973c;
410
- --components-travel-travelswitch-standard-icontrue-mobility:#00db9b;
429
+ --components-travel-travelswitch-standard-icontrue-mobility:#00dbb6;
411
430
  --components-travel-travelswitch-standard-icontrue-plane:#f2b8e5;
412
431
  --components-travel-travelswitch-standard-icontrue-rail:#60a2d7;
432
+ --components-travel-travelswitch-standard-icontrue-regional-bus:#a4bf4d;
413
433
  --components-travel-travelswitch-standard-icontrue-taxi:#ffe082;
414
434
  --components-travel-travelswitch-standard-icontrue-train:#60a2d7;
415
435
  --components-travel-travelswitch-standard-icontrue-tram:#b898e5;
@@ -423,14 +443,16 @@
423
443
  --components-travel-travelswitch-standard-text:#e5e5e9;
424
444
  --components-travel-traveltag-contrast-fill-air:#f2b8e5;
425
445
  --components-travel-traveltag-contrast-fill-aircancelled:rgba(242, 184, 229, 0.1490196078);
426
- --components-travel-traveltag-contrast-fill-bicycle:#4db295;
446
+ --components-travel-traveltag-contrast-fill-bicycle:#4db2a1;
427
447
  --components-travel-traveltag-contrast-fill-bus:#ef7398;
428
448
  --components-travel-traveltag-contrast-fill-bus-cancelled:rgba(239, 115, 152, 0.1490196078);
449
+ --components-travel-traveltag-contrast-fill-bus-regional:#a4bf4d;
450
+ --components-travel-traveltag-contrast-fill-bus-regional-cancelled:rgba(164, 191, 77, 0.1490196078);
429
451
  --components-travel-traveltag-contrast-fill-cableway:#b898e5;
430
452
  --components-travel-traveltag-contrast-fill-cableway-cancelled:rgba(184, 152, 229, 0.1490196078);
431
453
  --components-travel-traveltag-contrast-fill-carferry:#8ccfe2;
432
454
  --components-travel-traveltag-contrast-fill-carferry-cancelled:rgba(140, 207, 226, 0.1490196078);
433
- --components-travel-traveltag-contrast-fill-citybike:#4db295;
455
+ --components-travel-traveltag-contrast-fill-citybike:#4db2a1;
434
456
  --components-travel-traveltag-contrast-fill-details:#212233;
435
457
  --components-travel-traveltag-contrast-fill-details-cancelled:#08091c;
436
458
  --components-travel-traveltag-contrast-fill-ferry:#8ccfe2;
@@ -440,7 +462,7 @@
440
462
  --components-travel-traveltag-contrast-fill-helicopter-cancelled:rgba(242, 184, 229, 0.1490196078);
441
463
  --components-travel-traveltag-contrast-fill-metro:#dd973c;
442
464
  --components-travel-traveltag-contrast-fill-metro-cancelled:rgba(221, 151, 60, 0.1490196078);
443
- --components-travel-traveltag-contrast-fill-mobility:#4db295;
465
+ --components-travel-traveltag-contrast-fill-mobility:#4db2a1;
444
466
  --components-travel-traveltag-contrast-fill-plane:#f2b8e5;
445
467
  --components-travel-traveltag-contrast-fill-plane-cancelled:rgba(242, 184, 229, 0.1490196078);
446
468
  --components-travel-traveltag-contrast-fill-rail:#60a2d7;
@@ -462,6 +484,7 @@
462
484
  --components-travel-traveltag-contrast-icon-airportlinkbus-cancelled:#f2b8e5;
463
485
  --components-travel-traveltag-contrast-icon-airportlinkrail-cancelled:#f2b8e5;
464
486
  --components-travel-traveltag-contrast-icon-bus-cancelled:#ef7398;
487
+ --components-travel-traveltag-contrast-icon-bus-regional-cancelled:#a4bf4d;
465
488
  --components-travel-traveltag-contrast-icon-cableway-cancelled:#b898e5;
466
489
  --components-travel-traveltag-contrast-icon-carferry-cancelled:#8ccfe2;
467
490
  --components-travel-traveltag-contrast-icon-default:#08091c;
@@ -482,6 +505,7 @@
482
505
  --components-travel-traveltag-contrast-text-details:#ffffff;
483
506
  --components-travel-traveltag-contrast-text-label:#e5e5e9;
484
507
  --components-travel-traveltag-contrast-text-line-bus-cancelled:#ef7398;
508
+ --components-travel-traveltag-contrast-text-line-bus-regional-cancelled:#a4bf4d;
485
509
  --components-travel-traveltag-contrast-text-line-cableway-cancelled:#b898e5;
486
510
  --components-travel-traveltag-contrast-text-line-carferry-cancelled:#8ccfe2;
487
511
  --components-travel-traveltag-contrast-text-line-ferry-cancelled:#8ccfe2;
@@ -502,14 +526,16 @@
502
526
  --components-travel-traveltag-standard-fill-airportlinkbus-cancelled:rgba(242, 184, 229, 0.1490196078);
503
527
  --components-travel-traveltag-standard-fill-airportlinkrail:#f2b8e5;
504
528
  --components-travel-traveltag-standard-fill-airportlinkrail-cancelled:rgba(242, 184, 229, 0.1490196078);
505
- --components-travel-traveltag-standard-fill-bicycle:#4db295;
529
+ --components-travel-traveltag-standard-fill-bicycle:#4db2a1;
506
530
  --components-travel-traveltag-standard-fill-bus:#ef7398;
507
531
  --components-travel-traveltag-standard-fill-bus-cancelled:rgba(239, 115, 152, 0.1490196078);
532
+ --components-travel-traveltag-standard-fill-bus-regional:#a4bf4d;
533
+ --components-travel-traveltag-standard-fill-bus-regional-cancelled:rgba(164, 191, 77, 0.1490196078);
508
534
  --components-travel-traveltag-standard-fill-cableway:#b898e5;
509
535
  --components-travel-traveltag-standard-fill-cableway-cancelled:rgba(180, 130, 251, 0.1490196078);
510
536
  --components-travel-traveltag-standard-fill-carferry:#8ccfe2;
511
537
  --components-travel-traveltag-standard-fill-carferry-cancelled:rgba(140, 207, 226, 0.1490196078);
512
- --components-travel-traveltag-standard-fill-citybike:#4db295;
538
+ --components-travel-traveltag-standard-fill-citybike:#4db2a1;
513
539
  --components-travel-traveltag-standard-fill-details:#212233;
514
540
  --components-travel-traveltag-standard-fill-details-cancelled:#08091c;
515
541
  --components-travel-traveltag-standard-fill-ferry:#8ccfe2;
@@ -520,7 +546,7 @@
520
546
  --components-travel-traveltag-standard-fill-helicopter-cancelled:rgba(242, 184, 229, 0.1490196078);
521
547
  --components-travel-traveltag-standard-fill-metro:#dd973c;
522
548
  --components-travel-traveltag-standard-fill-metro-cancelled:rgba(221, 151, 60, 0.1490196078);
523
- --components-travel-traveltag-standard-fill-mobility:#4db295;
549
+ --components-travel-traveltag-standard-fill-mobility:#4db2a1;
524
550
  --components-travel-traveltag-standard-fill-plane:#f2b8e5;
525
551
  --components-travel-traveltag-standard-fill-plane-cancelled:rgba(242, 184, 229, 0.1490196078);
526
552
  --components-travel-traveltag-standard-fill-rail:#60a2d7;
@@ -537,6 +563,7 @@
537
563
  --components-travel-traveltag-standard-icon-airportlinkbus-cancelled:#f2b8e5;
538
564
  --components-travel-traveltag-standard-icon-airportlinkrail-cancelled:#f2b8e5;
539
565
  --components-travel-traveltag-standard-icon-bus-cancelled:#ef7398;
566
+ --components-travel-traveltag-standard-icon-bus-regional-cancelled:#a4bf4d;
540
567
  --components-travel-traveltag-standard-icon-cableway-cancelled:#b898e5;
541
568
  --components-travel-traveltag-standard-icon-carferry-cancelled:#8ccfe2;
542
569
  --components-travel-traveltag-standard-icon-default:#08091c;
@@ -570,6 +597,7 @@
570
597
  --components-travel-traveltag-standard-text-line-walk:#08091c;
571
598
  --components-travel-traveltag-standard-text-line-airportlinkbus-cancelled:#f2b8e5;
572
599
  --components-travel-traveltag-standard-text-line-airportlinkrail-cancelled:#f2b8e5;
600
+ --components-travel-traveltag-standard-text-line-regional-bus-cancelled:#a4bf4d;
573
601
  --components-travel-traveltag-standard-text-newtime:#ff9494;
574
602
  }
575
603
  [data-color-mode=light],
@@ -583,8 +611,8 @@
583
611
  --basecolors-frame-subdued:#d9dae8;
584
612
  --basecolors-frame-tint:#f6f6f9;
585
613
  --basecolors-shape-accent:#181c56;
586
- --basecolors-shape-bicycle-contrast:#00db9b;
587
- --basecolors-shape-bicycle-default:#33826b;
614
+ --basecolors-shape-bicycle-contrast:#00dbb6;
615
+ --basecolors-shape-bicycle-default:#0d827e;
588
616
  --basecolors-shape-bus-contrast:#ff6392;
589
617
  --basecolors-shape-bus-default:#c5044e;
590
618
  --basecolors-shape-cableway-contrast:#b482fb;
@@ -603,8 +631,8 @@
603
631
  --basecolors-shape-maskalt:#ffffff;
604
632
  --basecolors-shape-metro-contrast:#f08901;
605
633
  --basecolors-shape-metro-default:#bf5826;
606
- --basecolors-shape-mobility-contrast:#00db9b;
607
- --basecolors-shape-mobility-default:#33826b;
634
+ --basecolors-shape-mobility-contrast:#00dbb6;
635
+ --basecolors-shape-mobility-default:#0d827e;
608
636
  --basecolors-shape-plane-contrast:#fbafea;
609
637
  --basecolors-shape-plane-default:#800664;
610
638
  --basecolors-shape-subdued:#626493;
@@ -649,8 +677,8 @@
649
677
  --basecolors-frame-subdued:#2d2e3e;
650
678
  --basecolors-frame-tint:#141527;
651
679
  --basecolors-shape-accent:#e5e5e9;
652
- --basecolors-shape-bicycle-contrast:#4db295;
653
- --basecolors-shape-bicycle-default:#4db295;
680
+ --basecolors-shape-bicycle-contrast:#4db2a1;
681
+ --basecolors-shape-bicycle-default:#4db2a1;
654
682
  --basecolors-shape-bus-contrast:#ef7398;
655
683
  --basecolors-shape-bus-default:#ef7398;
656
684
  --basecolors-shape-cableway-contrast:#b898e5;
@@ -669,8 +697,8 @@
669
697
  --basecolors-shape-maskalt:#393a49;
670
698
  --basecolors-shape-metro-contrast:#dd973c;
671
699
  --basecolors-shape-metro-default:#dd973c;
672
- --basecolors-shape-mobility-contrast:#4db295;
673
- --basecolors-shape-mobility-default:#4db295;
700
+ --basecolors-shape-mobility-contrast:#4db2a1;
701
+ --basecolors-shape-mobility-default:#4db2a1;
674
702
  --basecolors-shape-plane-contrast:#f2b8e5;
675
703
  --basecolors-shape-plane-default:#f2b8e5;
676
704
  --basecolors-shape-subdued:#b3b4bd;
@@ -705,14 +733,16 @@
705
733
  --basecolors-text-subduedalt:#b3b4bd;
706
734
  }
707
735
  :root{
708
- --contrast-bicycle:#00db9b;
736
+ --contrast-bicycle:#00dbb6;
709
737
  --contrast-bus:#ff6392;
738
+ --contrast-bus-regional:#b8db48;
739
+ --contrast-bus-regional-transparent:rgba(184,219,72,0.14902);
710
740
  --contrast-bus-transparent:rgba(255,99,146,0.14902);
711
741
  --contrast-cableway:#b482fb;
712
742
  --contrast-cableway-transparent:rgba(180,130,251,0.14902);
713
743
  --contrast-carferry:#6fdfff;
714
744
  --contrast-carferry-transparent:rgba(111,223,255,0.14902);
715
- --contrast-citybike:#00db9b;
745
+ --contrast-citybike:#00dbb6;
716
746
  --contrast-ferry:#6fdfff;
717
747
  --contrast-ferry-transparent:rgba(111,223,255,0.14902);
718
748
  --contrast-funicular:#b482fb;
@@ -721,7 +751,7 @@
721
751
  --contrast-helicopter-transparent:rgba(251,175,234,0.14902);
722
752
  --contrast-metro:#f08901;
723
753
  --contrast-metro-transparent:rgba(240,137,1,0.14902);
724
- --contrast-mobility:#00db9b;
754
+ --contrast-mobility:#00dbb6;
725
755
  --contrast-neutral:#ffffff;
726
756
  --contrast-plane:#fbafea;
727
757
  --contrast-plane-transparent:rgba(251,175,234,0.14902);
@@ -736,14 +766,16 @@
736
766
  --contrast-airportlinkbus-transparent:rgba(251,175,234,0.14902);
737
767
  --contrast-airportlinkrail:#fbafea;
738
768
  --contrast-airportlinkrail-transparent:rgba(251,175,234,0.14902);
739
- --dark-bicycle:#4db295;
769
+ --dark-bicycle:#4db2a1;
740
770
  --dark-bus:#ef7398;
771
+ --dark-bus-regional:#a4bf4d;
772
+ --dark-bus-regional-transparent:rgba(164,191,77,0.14902);
741
773
  --dark-bus-transparent:rgba(239,115,152,0.14902);
742
774
  --dark-cableway:#b898e5;
743
775
  --dark-cableway-transparent:rgba(184,152,229,0.14902);
744
776
  --dark-carferry:#8ccfe2;
745
777
  --dark-carferry-transparent:rgba(140,207,226,0.14902);
746
- --dark-citybike:#4db295;
778
+ --dark-citybike:#4db2a1;
747
779
  --dark-ferry:#8ccfe2;
748
780
  --dark-ferry-transparent:rgba(140,207,226,0.14902);
749
781
  --dark-funicular:#b898e5;
@@ -752,7 +784,7 @@
752
784
  --dark-helicopter-transparent:rgba(242,184,229,0.14902);
753
785
  --dark-metro:#dd973c;
754
786
  --dark-metro-transparent:rgba(221,151,60,0.14902);
755
- --dark-mobility:#4db295;
787
+ --dark-mobility:#4db2a1;
756
788
  --dark-neutral:#e5e5e9;
757
789
  --dark-plane:#f2b8e5;
758
790
  --dark-plane-transparent:rgba(242,184,229,0.14902);
@@ -767,14 +799,16 @@
767
799
  --dark-airportlinkbus-transparent:rgba(242,184,229,0.14902);
768
800
  --dark-airportlinkrail:#f2b8e5;
769
801
  --dark-airportlinkrail-transparent:rgba(242,184,229,0.14902);
770
- --standard-bicycle:#33826b;
802
+ --standard-bicycle:#0d827e;
771
803
  --standard-bus:#c5044e;
804
+ --standard-bus-regional:#427500;
805
+ --standard-bus-regional-transparent:rgba(66,117,0,0.14902);
772
806
  --standard-bus-transparent:rgba(197,4,78,0.14902);
773
807
  --standard-cableway:#78469a;
774
808
  --standard-cableway-transparent:rgba(120,70,154,0.14902);
775
809
  --standard-carferry:#0c6693;
776
810
  --standard-carferry-transparent:rgba(12,102,147,0.14902);
777
- --standard-citybike:#33826b;
811
+ --standard-citybike:#0d827e;
778
812
  --standard-ferry:#0c6693;
779
813
  --standard-ferry-transparent:rgba(12,102,147,0.14902);
780
814
  --standard-funicular:#78469a;
@@ -783,7 +817,7 @@
783
817
  --standard-helicopter-transparent:rgba(128,6,100,0.14902);
784
818
  --standard-metro:#bf5826;
785
819
  --standard-metro-transparent:rgba(191,88,38,0.14902);
786
- --standard-mobility:#33826b;
820
+ --standard-mobility:#0d827e;
787
821
  --standard-neutral:#181c56;
788
822
  --standard-plane:#800664;
789
823
  --standard-plane-transparent:rgba(128,6,100,0.14902);
package/dist/travel.cjs.js CHANGED
@@ -85,6 +85,12 @@ const getTransportStyle = (mode) => {
85
85
  pattern: "dashed",
86
86
  ariaLabel: "Taxi"
87
87
  };
88
+ case "snowcoach":
89
+ return {
90
+ Icon: icons.SnowCoachIcon,
91
+ pattern: "line",
92
+ ariaLabel: "Beltebil"
93
+ };
88
94
  case "bicycle":
89
95
  case "citybike":
90
96
  return {
package/dist/travel.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"travel.cjs.js","sources":["../src/TravelHeader.tsx","../src/utils.ts","../src/TravelTag.tsx","../src/LegLine.tsx","../src/LegBone.tsx","../src/TravelLeg.tsx","../src/TravelSwitch.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport './TravelHeader.scss';\n\nexport type TravelHeaderProps = {\n /** HTML-elementet eller React-komponenten som lager elementet\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Destinasjonen man reiser fra */\n from: React.ReactNode;\n /** Destinasjonen man reiser til */\n to: React.ReactNode;\n /**Størrelsen på komponenten\n * @default 'large'\n */\n size?: 'large' | 'medium';\n /** Plassere til og fra på samme linje */\n noWrap?: boolean;\n /**Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n};\n\nexport const TravelHeader: React.FC<TravelHeaderProps> = ({\n as: Element = 'div',\n from,\n to,\n size = 'large',\n className,\n noWrap,\n ...rest\n}) => {\n return (\n <Element\n className={classNames('eds-travel-header', className, {\n 'eds-travel-header--large': size === 'large',\n 'eds-travel-header--medium': size === 'medium',\n 'eds-travel-header--no-wrap': noWrap,\n })}\n aria-label={`Fra ${from}, til ${to}`}\n {...rest}\n >\n <span className=\"eds-travel-header__from\">{from}</span>\n <span className=\"eds-travel-header__to\">{to}</span>\n </Element>\n );\n};\n","import React from 'react';\n\nimport {\n BusIcon,\n FerryIcon,\n CarferryIcon,\n TramIcon,\n PlaneIcon,\n TrainIcon,\n BicycleIcon,\n MobilityIcon,\n MetroIcon,\n HelicopterIcon,\n FunicularIcon,\n CablewayIcon,\n TaxiIcon,\n WalkIcon,\n} from '@entur/icons';\n\nimport type { IconProps } from '@entur/icons';\n\nexport type Transport =\n | 'metro'\n | 'bus'\n | 'plane'\n | 'helicopter'\n | 'tram'\n | 'funicular'\n | 'cableway'\n | 'taxi'\n | 'bicycle'\n | 'walk'\n | 'train'\n | 'ferry'\n | 'carferry'\n | 'mobility'\n | 'airportLinkBus'\n | 'airportLinkRail'\n | 'rail'\n | 'water'\n | 'air'\n | 'none';\n\nexport type CSSVars = { [key: `--${string}`]: string | number };\n\ntype transportStyleResult = {\n Icon: React.FC<IconProps>;\n backgroundColor?: string;\n contrastBackgroundColor?: string;\n errorBackgroundColor?: string;\n errorTextColor?: string;\n errorContrastTextColor?: string;\n errorContrastBackgroundColor?: string;\n pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n ariaLabel: string;\n};\n\nexport const getTransportStyle = (mode: string): transportStyleResult => {\n switch (mode) {\n case 'metro':\n return {\n Icon: MetroIcon,\n pattern: 'line',\n ariaLabel: 'T-bane',\n };\n case 'bus':\n case 'neutral':\n return {\n Icon: BusIcon,\n pattern: 'dashed',\n ariaLabel: 'Buss',\n };\n case 'plane':\n case 'air':\n return {\n Icon: PlaneIcon,\n pattern: 'line',\n ariaLabel: 'Fly',\n };\n case 'helicopter':\n return {\n Icon: HelicopterIcon,\n pattern: 'line',\n ariaLabel: 'Helikopter',\n };\n case 'tram':\n return {\n Icon: TramIcon,\n pattern: 'line',\n ariaLabel: 'Trikk',\n };\n case 'funicular':\n return {\n Icon: FunicularIcon,\n pattern: 'line',\n ariaLabel: 'Taubane',\n };\n case 'cableway':\n return {\n Icon: CablewayIcon,\n pattern: 'line',\n ariaLabel: 'Gondol',\n };\n case 'taxi':\n return {\n Icon: TaxiIcon,\n pattern: 'dashed',\n ariaLabel: 'Taxi',\n };\n case 'bicycle':\n case 'citybike':\n return {\n Icon: BicycleIcon,\n pattern: 'dashed',\n ariaLabel: 'Sykkel',\n };\n case 'walk':\n return {\n Icon: WalkIcon,\n pattern: 'dotted',\n ariaLabel: 'Gange',\n };\n case 'train':\n case 'rail':\n return {\n Icon: TrainIcon,\n pattern: 'line',\n ariaLabel: 'Tog',\n };\n case 'ferry':\n case 'water':\n return {\n Icon: FerryIcon,\n pattern: 'wave',\n ariaLabel: 'Ferge',\n };\n case 'carferry':\n return {\n Icon: CarferryIcon,\n pattern: 'wave',\n ariaLabel: 'Bilferge',\n };\n case 'mobility':\n return {\n Icon: MobilityIcon,\n pattern: 'line',\n ariaLabel: 'El-sparkesykkel',\n };\n case 'airportLinkBus':\n case 'airportlinkbus':\n return {\n Icon: BusIcon,\n pattern: 'dashed',\n ariaLabel: 'Flybuss',\n };\n case 'airportLinkRail':\n case 'airportlinkrail':\n return {\n Icon: TrainIcon,\n pattern: 'line',\n ariaLabel: 'Flytog',\n };\n case 'none':\n return {\n Icon: React.Fragment,\n pattern: 'line',\n ariaLabel: '',\n };\n case 'scooter':\n throw Error(\n `transport type 'scooter' is deprecated: Please use 'mobility' instead.`,\n );\n case 'bike':\n throw Error(\n `transport type 'bike' is deprecated: Please use 'bicycle' instead.`,\n );\n case 'car':\n throw Error(\n `transport type 'car' is deprecated: Please use 'taxi' instead.`,\n );\n case 'foot':\n throw Error(\n `transport type 'foot' is deprecated: Please use 'walk' instead.`,\n );\n default:\n throw Error('Please select a transport for the Travel component.');\n }\n};\n","import React, { cloneElement } from 'react';\nimport classNames from 'classnames';\nimport {\n CloseSmallIcon,\n ValidationInfoFilledIcon,\n ValidationErrorFilledIcon,\n ValidationExclamationCircleFilledIcon,\n} from '@entur/icons';\nimport { useContrast } from '@entur/layout';\n\nimport { getTransportStyle } from './utils';\n\nimport type { CSSVars, Transport } from './utils';\n\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n /** Callback som kalles for når man skal lukke TravelTag-en\n * @default undefined\n */\n onClose?: () => void;\n /** Innholdet inne i TravelTag-en */\n children?: React.ReactNode;\n /**Ekstra klassenavn */\n className?: string;\n /** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.\n * @default \"none\"\n */\n alert?: 'none' | 'error' | 'warning' | 'info';\n /** Legger til farge og ikon tilpasset valgt transportmiddel */\n transport?: Transport;\n /** Element ved siden av eller under TravelTag. */\n label?: React.ReactNode;\n /** Posisjonen til label-en i forhold til TravelTag-en\n * @default \"right\"\n */\n labelPlacement?: 'bottom' | 'right';\n /** Ekstrainnhold for tilleggsvisning i en separat boks.\n * @example Brukes ofte for å vise et tog/avgangsnummer\n */\n details?: React.ReactNode;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelTag: React.FC<TravelTagProps> = ({\n children,\n className,\n alert = 'none',\n transport = 'none',\n label,\n labelPlacement = 'right',\n onClose = undefined,\n details,\n style,\n ...rest\n}) => {\n const isContrast = useContrast();\n const isClosable = Boolean(onClose);\n const transportIsSet = transport !== 'none';\n const alertIsSet = alert !== 'none';\n const hasDetails = details !== undefined;\n const numberOfChildren = React.Children.count(children);\n const { Icon, ariaLabel: ariaLabelForTranportIcon } =\n getTransportStyle(transport);\n const transportLower = transport.toLowerCase();\n const IconWithAriaHidden = cloneElement(<Icon />, { 'aria-hidden': 'true' });\n\n const colorTheme = isContrast ? 'contrast' : 'standard';\n const colorModifier = alert === 'error' ? 'cancelled' : undefined;\n const shouldModifyTextColor = alert === 'error' || transport === 'walk';\n\n const dynamicCssVars: React.CSSProperties & CSSVars = {\n '--background-color': `var(--components-travel-traveltag-${colorTheme}-fill-${transportLower}${\n colorModifier ? `-${colorModifier}` : ''\n })`,\n ...(shouldModifyTextColor && {\n '--text-color': `var(--components-travel-traveltag-${colorTheme}-text-line-${transportLower}${\n colorModifier ? `-${colorModifier}` : ''\n })`,\n }),\n };\n\n const TravelTagWithoutLabel: JSX.Element = (\n <div\n className={classNames(className, 'eds-travel-tag', {\n 'eds-travel-tag--closable': isClosable,\n 'eds-travel-tag--alert': alertIsSet,\n 'eds-travel-tag--alert--error': alert === 'error',\n 'eds-travel-tag--transport': transportIsSet,\n 'eds-travel-tag--icon-and-text':\n numberOfChildren > 1 || (transportIsSet && numberOfChildren > 0),\n })}\n style={{ ...dynamicCssVars, ...style }}\n aria-label={[ariaLabelForTranportIcon, children, alertIsSet ? alert : '']\n .filter(Boolean)\n .join(' ')}\n role=\"img\"\n {...rest}\n >\n {IconWithAriaHidden}\n {children}\n {isClosable && (\n <button\n onClick={onClose}\n type=\"button\"\n className=\"eds-travel-tag__close-button\"\n >\n <CloseSmallIcon inline />\n </button>\n )}\n {hasDetails && <div className=\"eds-travel-tag__details\">{details}</div>}\n {alertIsSet && (\n <span className=\"eds-travel-tag__alert\">\n {alert === 'info' && (\n <ValidationInfoFilledIcon\n aria-hidden\n className=\"eds-travel-tag__alert-info-icon\"\n />\n )}\n {alert === 'error' && (\n <ValidationErrorFilledIcon\n aria-hidden\n className=\"eds-travel-tag__alert-error-icon\"\n />\n )}\n {alert === 'warning' && (\n <ValidationExclamationCircleFilledIcon\n aria-hidden\n className=\"eds-travel-tag__alert-exclamation-icon\"\n />\n )}\n </span>\n )}\n </div>\n );\n\n const Label: JSX.Element = (\n <div\n className={classNames('eds-travel-tag__label', {\n [`eds-travel-tag__label--${labelPlacement}`]: label,\n [`eds-travel-tag__label--${labelPlacement}--with-alert`]:\n label && alertIsSet,\n })}\n >\n {label}\n </div>\n );\n\n if (label) {\n return (\n <div\n className={classNames('eds-travel-tag__wrapper', {\n [`eds-travel-tag__wrapper--label-position-${labelPlacement}`]: label,\n })}\n >\n {TravelTagWithoutLabel}\n {Label}\n </div>\n );\n }\n\n return TravelTagWithoutLabel;\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './LegLine.scss';\n\nexport type LegLineProps = {\n /** Farge på LegLine'n */\n color: string;\n /** Retningen til LegLine */\n direction: 'horizontal' | 'vertical';\n /** Hvilket linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegLine: React.FC<LegLineProps> = ({\n color,\n direction = 'horizontal',\n pattern,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames('eds-leg-line', className, {\n [`eds-leg-line--${pattern}`]: pattern,\n [`eds-leg-line--${direction}`]: direction,\n })}\n style={{ backgroundColor: color }}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LegLine } from './LegLine';\nimport './LegBone.scss';\n\nexport type LegBoneProps = {\n /** Retning på komponenten */\n direction: 'horizontal' | 'vertical';\n /** Hvilke linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Farge på linja */\n color: string;\n /** Farge på startpunktet\n * @default Verdien til color\n */\n startColor?: string;\n /** Farge på endepunktet\n * @default Verdien til color\n */\n endColor?: string;\n /** Vis startpunkt\n * @default true\n */\n showStart?: boolean;\n /** Vis linke\n * @default true\n */\n showLine?: boolean;\n /** Vis endepunkt\n * @default true\n */\n showStop?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegBone: React.FC<LegBoneProps> = ({\n direction,\n pattern,\n color,\n startColor,\n endColor,\n showStart = true,\n showStop = true,\n showLine = true,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames(className, 'eds-leg-bone', [\n { 'eds-leg-bone--vertical': direction === 'vertical' },\n { 'eds-leg-bone--horizontal': direction === 'horizontal' },\n ])}\n {...rest}\n >\n {showStart && (\n <div\n className={`eds-leg-bone__start`}\n style={{ backgroundColor: startColor || color }}\n />\n )}\n\n {showLine && (\n <LegLine\n className={`eds-leg-bone__line`}\n direction={direction}\n color={color}\n pattern={pattern}\n />\n )}\n\n {showStop && (\n <div\n className={`eds-leg-bone__stop`}\n style={{ backgroundColor: endColor || color }}\n />\n )}\n </div>\n );\n};\n","import React from 'react';\nimport { useContrast } from '@entur/layout';\nimport { LegBone } from './LegBone';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelLegProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Hviklen type reise som skal vises riktig farge og linjetype */\n transport: Transport;\n /** Retningen på komponenten */\n direction: 'horizontal' | 'vertical';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelLeg: React.FC<TravelLegProps> = ({\n className,\n transport,\n direction,\n ...rest\n}) => {\n const { pattern } = getTransportStyle(transport);\n const isContrast = useContrast();\n const deCapitalizeTransport = transport.toLowerCase();\n\n const backgroundColor =\n 'var(--components-travel-travelleg-standard-' + deCapitalizeTransport + ')';\n const contrastBackgroundColor =\n 'var(--components-travel-travelleg-contrast-' + deCapitalizeTransport + ')';\n\n return (\n <LegBone\n direction={direction}\n pattern={pattern}\n color={isContrast ? contrastBackgroundColor : backgroundColor}\n className={className}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Switch } from '@entur/form';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelSwitchProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om switch-en er checked eller ikke */\n checked?: boolean;\n /** Label for TravelSwitch-en. */\n children?: React.ReactNode;\n /** Posisjonen til label for TravelSwitch-en.\n * @default \"right\"\n */\n labelPlacement?: 'right' | 'bottom';\n /** Hvilken type reise som skal vises ikon og farge for */\n transport: Transport; // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n /** Callback for når verdien endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Størrelsen på Switch-en\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n className,\n children,\n labelPlacement = 'right',\n transport,\n size,\n ...rest\n}) => {\n const { Icon } = getTransportStyle(transport);\n const deCapitalizeTransport = transport.toLowerCase();\n\n const backgroundColor =\n 'var(--components-travel-travelswitch-standard-backgroundtrue-' +\n deCapitalizeTransport +\n ')';\n const contrastBackgroundColor =\n 'var(--components-travel-travelswitch-contrast-backgroundtrue-' +\n deCapitalizeTransport +\n ')';\n\n return (\n <Switch\n className={className}\n labelPlacement={labelPlacement}\n color={backgroundColor}\n contrastColor={contrastBackgroundColor}\n icon={<Icon />}\n size={size}\n {...rest}\n >\n {children}\n </Switch>\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('travel');\n\nexport * from './TravelHeader';\nexport * from './TravelTag';\nexport * from './LegLine';\nexport * from './LegBone';\nexport * from './TravelLeg';\nexport * from './TravelSwitch';\n"],"names":["jsxs","jsx","MetroIcon","BusIcon","PlaneIcon","HelicopterIcon","TramIcon","FunicularIcon","CablewayIcon","TaxiIcon","BicycleIcon","WalkIcon","TrainIcon","FerryIcon","CarferryIcon","MobilityIcon","useContrast","cloneElement","CloseSmallIcon","ValidationInfoFilledIcon","ValidationErrorFilledIcon","ValidationExclamationCircleFilledIcon","Switch","warnAboutMissingStyles"],"mappings":";;;;;;;;;AAwBO,MAAM,eAA4C,CAAC;AAAA,EACxD,IAAI,UAAU;AAAA,EACd;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,qBAAqB,WAAW;AAAA,QACpD,4BAA4B,SAAS;AAAA,QACrC,6BAA6B,SAAS;AAAA,QACtC,8BAA8B;AAAA,MAAA,CAC/B;AAAA,MACD,cAAY,OAAO,IAAI,SAAS,EAAE;AAAA,MACjC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,2BAA2B,UAAA,MAAK;AAAA,QAChDA,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA,GAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlD;ACUO,MAAM,oBAAoB,CAAC,SAAuC;AACvE,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,QACL,MAAMZ,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,QACL,MAAMS,MAAAA;AAAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AACH,aAAO;AAAA,QACL,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IAEf,KAAK;AACH,YAAM;AAAA,QACJ;AAAA,MAAA;AAAA,IAEJ,KAAK;AACH,YAAM;AAAA,QACJ;AAAA,MAAA;AAAA,IAEJ,KAAK;AACH,YAAM;AAAA,QACJ;AAAA,MAAA;AAAA,IAEJ,KAAK;AACH,YAAM;AAAA,QACJ;AAAA,MAAA;AAAA,IAEJ;AACE,YAAM,MAAM,qDAAqD;AAAA,EAAA;AAEvE;AC7IO,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAaI,OAAAA,YAAA;AACnB,QAAM,aAAa,QAAQ,OAAO;AAClC,QAAM,iBAAiB,cAAc;AACrC,QAAM,aAAa,UAAU;AAC7B,QAAM,aAAa,YAAY;AAC/B,QAAM,mBAAmB,MAAM,SAAS,MAAM,QAAQ;AACtD,QAAM,EAAE,MAAM,WAAW,yBAAA,IACvB,kBAAkB,SAAS;AAC7B,QAAM,iBAAiB,UAAU,YAAA;AACjC,QAAM,qBAAqBC,MAAAA,aAAahB,+BAAC,MAAA,CAAA,CAAK,GAAI,EAAE,eAAe,QAAQ;AAE3E,QAAM,aAAa,aAAa,aAAa;AAC7C,QAAM,gBAAgB,UAAU,UAAU,cAAc;AACxD,QAAM,wBAAwB,UAAU,WAAW,cAAc;AAEjE,QAAM,iBAAgD;AAAA,IACpD,sBAAsB,qCAAqC,UAAU,SAAS,cAAc,GAC1F,gBAAgB,IAAI,aAAa,KAAK,EACxC;AAAA,IACA,GAAI,yBAAyB;AAAA,MAC3B,gBAAgB,qCAAqC,UAAU,cAAc,cAAc,GACzF,gBAAgB,IAAI,aAAa,KAAK,EACxC;AAAA,IAAA;AAAA,EACF;AAGF,QAAM,wBACJD,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,WAAW,kBAAkB;AAAA,QACjD,4BAA4B;AAAA,QAC5B,yBAAyB;AAAA,QACzB,gCAAgC,UAAU;AAAA,QAC1C,6BAA6B;AAAA,QAC7B,iCACE,mBAAmB,KAAM,kBAAkB,mBAAmB;AAAA,MAAA,CACjE;AAAA,MACD,OAAO,EAAE,GAAG,gBAAgB,GAAG,MAAA;AAAA,MAC/B,cAAY,CAAC,0BAA0B,UAAU,aAAa,QAAQ,EAAE,EACrE,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,MAAK;AAAA,MACJ,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,QACA,cACCC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,MAAK;AAAA,YACL,WAAU;AAAA,YAEV,UAAAA,2BAAAA,IAACiB,MAAAA,gBAAA,EAAe,QAAM,KAAA,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAG1B,cAAcjB,2BAAAA,IAAC,OAAA,EAAI,WAAU,2BAA2B,UAAA,SAAQ;AAAA,QAChE,cACCD,2BAAAA,KAAC,QAAA,EAAK,WAAU,yBACb,UAAA;AAAA,UAAA,UAAU,UACTC,2BAAAA;AAAAA,YAACkB,MAAAA;AAAAA,YAAA;AAAA,cACC,eAAW;AAAA,cACX,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGb,UAAU,WACTlB,2BAAAA;AAAAA,YAACmB,MAAAA;AAAAA,YAAA;AAAA,cACC,eAAW;AAAA,cACX,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGb,UAAU,aACTnB,2BAAAA;AAAAA,YAACoB,MAAAA;AAAAA,YAAA;AAAA,cACC,eAAW;AAAA,cACX,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKN,QAAM,QACJpB,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,yBAAyB;AAAA,QAC7C,CAAC,0BAA0B,cAAc,EAAE,GAAG;AAAA,QAC9C,CAAC,0BAA0B,cAAc,cAAc,GACrD,SAAS;AAAA,MAAA,CACZ;AAAA,MAEA,UAAA;AAAA,IAAA;AAAA,EAAA;AAIL,MAAI,OAAO;AACT,WACED,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,WAAW,2BAA2B;AAAA,UAC/C,CAAC,2CAA2C,cAAc,EAAE,GAAG;AAAA,QAAA,CAChE;AAAA,QAEA,UAAA;AAAA,UAAA;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,SAAO;AACT;AClJO,MAAM,UAAkC,CAAC;AAAA,EAC9C;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,gBAAgB,WAAW;AAAA,QAC/C,CAAC,iBAAiB,OAAO,EAAE,GAAG;AAAA,QAC9B,CAAC,iBAAiB,SAAS,EAAE,GAAG;AAAA,MAAA,CACjC;AAAA,MACD,OAAO,EAAE,iBAAiB,MAAA;AAAA,MACzB,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACIO,MAAM,UAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACED,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,WAAW,gBAAgB;AAAA,QAC/C,EAAE,0BAA0B,cAAc,WAAA;AAAA,QAC1C,EAAE,4BAA4B,cAAc,aAAA;AAAA,MAAa,CAC1D;AAAA,MACA,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,aACCC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,iBAAiB,cAAc,MAAA;AAAA,UAAM;AAAA,QAAA;AAAA,QAIjD,YACCA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIH,YACCA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,iBAAiB,YAAY,MAAA;AAAA,UAAM;AAAA,QAAA;AAAA,MAC9C;AAAA,IAAA;AAAA,EAAA;AAIR;AChEO,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,QAAA,IAAY,kBAAkB,SAAS;AAC/C,QAAM,aAAae,OAAAA,YAAA;AACnB,QAAM,wBAAwB,UAAU,YAAA;AAExC,QAAM,kBACJ,gDAAgD,wBAAwB;AAC1E,QAAM,0BACJ,gDAAgD,wBAAwB;AAE1E,SACEf,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO,aAAa,0BAA0B;AAAA,MAC9C;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AChBO,MAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,KAAA,IAAS,kBAAkB,SAAS;AAC5C,QAAM,wBAAwB,UAAU,YAAA;AAExC,QAAM,kBACJ,kEACA,wBACA;AACF,QAAM,0BACJ,kEACA,wBACA;AAEF,SACEA,2BAAAA;AAAAA,IAACqB,KAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,eAAe;AAAA,MACf,qCAAO,MAAA,EAAK;AAAA,MACZ;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;ACzDAC,MAAAA,uBAAuB,QAAQ;;;;;;;"}
1
+ {"version":3,"file":"travel.cjs.js","sources":["../src/TravelHeader.tsx","../src/utils.ts","../src/TravelTag.tsx","../src/LegLine.tsx","../src/LegBone.tsx","../src/TravelLeg.tsx","../src/TravelSwitch.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport './TravelHeader.scss';\n\nexport type TravelHeaderProps = {\n /** HTML-elementet eller React-komponenten som lager elementet\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Destinasjonen man reiser fra */\n from: React.ReactNode;\n /** Destinasjonen man reiser til */\n to: React.ReactNode;\n /**Størrelsen på komponenten\n * @default 'large'\n */\n size?: 'large' | 'medium';\n /** Plassere til og fra på samme linje */\n noWrap?: boolean;\n /**Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n};\n\nexport const TravelHeader: React.FC<TravelHeaderProps> = ({\n as: Element = 'div',\n from,\n to,\n size = 'large',\n className,\n noWrap,\n ...rest\n}) => {\n return (\n <Element\n className={classNames('eds-travel-header', className, {\n 'eds-travel-header--large': size === 'large',\n 'eds-travel-header--medium': size === 'medium',\n 'eds-travel-header--no-wrap': noWrap,\n })}\n aria-label={`Fra ${from}, til ${to}`}\n {...rest}\n >\n <span className=\"eds-travel-header__from\">{from}</span>\n <span className=\"eds-travel-header__to\">{to}</span>\n </Element>\n );\n};\n","import React from 'react';\n\nimport {\n BusIcon,\n FerryIcon,\n CarferryIcon,\n TramIcon,\n PlaneIcon,\n TrainIcon,\n BicycleIcon,\n MobilityIcon,\n MetroIcon,\n HelicopterIcon,\n FunicularIcon,\n CablewayIcon,\n TaxiIcon,\n SnowCoachIcon,\n WalkIcon,\n} from '@entur/icons';\n\nimport type { IconProps } from '@entur/icons';\n\nexport type Transport =\n | 'metro'\n | 'bus'\n | 'plane'\n | 'helicopter'\n | 'tram'\n | 'funicular'\n | 'cableway'\n | 'taxi'\n | 'bicycle'\n | 'walk'\n | 'train'\n | 'ferry'\n | 'carferry'\n | 'mobility'\n | 'airportLinkBus'\n | 'airportLinkRail'\n | 'snowcoach'\n | 'rail'\n | 'water'\n | 'air'\n | 'none';\n\nexport type CSSVars = { [key: `--${string}`]: string | number };\n\ntype transportStyleResult = {\n Icon: React.FC<IconProps>;\n backgroundColor?: string;\n contrastBackgroundColor?: string;\n errorBackgroundColor?: string;\n errorTextColor?: string;\n errorContrastTextColor?: string;\n errorContrastBackgroundColor?: string;\n pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n ariaLabel: string;\n};\n\nexport const getTransportStyle = (mode: string): transportStyleResult => {\n switch (mode) {\n case 'metro':\n return {\n Icon: MetroIcon,\n pattern: 'line',\n ariaLabel: 'T-bane',\n };\n case 'bus':\n case 'neutral':\n return {\n Icon: BusIcon,\n pattern: 'dashed',\n ariaLabel: 'Buss',\n };\n case 'plane':\n case 'air':\n return {\n Icon: PlaneIcon,\n pattern: 'line',\n ariaLabel: 'Fly',\n };\n case 'helicopter':\n return {\n Icon: HelicopterIcon,\n pattern: 'line',\n ariaLabel: 'Helikopter',\n };\n case 'tram':\n return {\n Icon: TramIcon,\n pattern: 'line',\n ariaLabel: 'Trikk',\n };\n case 'funicular':\n return {\n Icon: FunicularIcon,\n pattern: 'line',\n ariaLabel: 'Taubane',\n };\n case 'cableway':\n return {\n Icon: CablewayIcon,\n pattern: 'line',\n ariaLabel: 'Gondol',\n };\n case 'taxi':\n return {\n Icon: TaxiIcon,\n pattern: 'dashed',\n ariaLabel: 'Taxi',\n };\n case 'snowcoach':\n return {\n Icon: SnowCoachIcon,\n pattern: 'line',\n ariaLabel: 'Beltebil',\n };\n case 'bicycle':\n case 'citybike':\n return {\n Icon: BicycleIcon,\n pattern: 'dashed',\n ariaLabel: 'Sykkel',\n };\n case 'walk':\n return {\n Icon: WalkIcon,\n pattern: 'dotted',\n ariaLabel: 'Gange',\n };\n case 'train':\n case 'rail':\n return {\n Icon: TrainIcon,\n pattern: 'line',\n ariaLabel: 'Tog',\n };\n case 'ferry':\n case 'water':\n return {\n Icon: FerryIcon,\n pattern: 'wave',\n ariaLabel: 'Ferge',\n };\n case 'carferry':\n return {\n Icon: CarferryIcon,\n pattern: 'wave',\n ariaLabel: 'Bilferge',\n };\n case 'mobility':\n return {\n Icon: MobilityIcon,\n pattern: 'line',\n ariaLabel: 'El-sparkesykkel',\n };\n case 'airportLinkBus':\n case 'airportlinkbus':\n return {\n Icon: BusIcon,\n pattern: 'dashed',\n ariaLabel: 'Flybuss',\n };\n case 'airportLinkRail':\n case 'airportlinkrail':\n return {\n Icon: TrainIcon,\n pattern: 'line',\n ariaLabel: 'Flytog',\n };\n case 'none':\n return {\n Icon: React.Fragment,\n pattern: 'line',\n ariaLabel: '',\n };\n case 'scooter':\n throw Error(\n `transport type 'scooter' is deprecated: Please use 'mobility' instead.`,\n );\n case 'bike':\n throw Error(\n `transport type 'bike' is deprecated: Please use 'bicycle' instead.`,\n );\n case 'car':\n throw Error(\n `transport type 'car' is deprecated: Please use 'taxi' instead.`,\n );\n case 'foot':\n throw Error(\n `transport type 'foot' is deprecated: Please use 'walk' instead.`,\n );\n default:\n throw Error('Please select a transport for the Travel component.');\n }\n};\n","import React, { cloneElement } from 'react';\nimport classNames from 'classnames';\nimport {\n CloseSmallIcon,\n ValidationInfoFilledIcon,\n ValidationErrorFilledIcon,\n ValidationExclamationCircleFilledIcon,\n} from '@entur/icons';\nimport { useContrast } from '@entur/layout';\n\nimport { getTransportStyle } from './utils';\n\nimport type { CSSVars, Transport } from './utils';\n\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n /** Callback som kalles for når man skal lukke TravelTag-en\n * @default undefined\n */\n onClose?: () => void;\n /** Innholdet inne i TravelTag-en */\n children?: React.ReactNode;\n /**Ekstra klassenavn */\n className?: string;\n /** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.\n * @default \"none\"\n */\n alert?: 'none' | 'error' | 'warning' | 'info';\n /** Legger til farge og ikon tilpasset valgt transportmiddel */\n transport?: Transport;\n /** Element ved siden av eller under TravelTag. */\n label?: React.ReactNode;\n /** Posisjonen til label-en i forhold til TravelTag-en\n * @default \"right\"\n */\n labelPlacement?: 'bottom' | 'right';\n /** Ekstrainnhold for tilleggsvisning i en separat boks.\n * @example Brukes ofte for å vise et tog/avgangsnummer\n */\n details?: React.ReactNode;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelTag: React.FC<TravelTagProps> = ({\n children,\n className,\n alert = 'none',\n transport = 'none',\n label,\n labelPlacement = 'right',\n onClose = undefined,\n details,\n style,\n ...rest\n}) => {\n const isContrast = useContrast();\n const isClosable = Boolean(onClose);\n const transportIsSet = transport !== 'none';\n const alertIsSet = alert !== 'none';\n const hasDetails = details !== undefined;\n const numberOfChildren = React.Children.count(children);\n const { Icon, ariaLabel: ariaLabelForTranportIcon } =\n getTransportStyle(transport);\n const transportLower = transport.toLowerCase();\n const IconWithAriaHidden = cloneElement(<Icon />, { 'aria-hidden': 'true' });\n\n const colorTheme = isContrast ? 'contrast' : 'standard';\n const colorModifier = alert === 'error' ? 'cancelled' : undefined;\n const shouldModifyTextColor = alert === 'error' || transport === 'walk';\n\n const dynamicCssVars: React.CSSProperties & CSSVars = {\n '--background-color': `var(--components-travel-traveltag-${colorTheme}-fill-${transportLower}${\n colorModifier ? `-${colorModifier}` : ''\n })`,\n ...(shouldModifyTextColor && {\n '--text-color': `var(--components-travel-traveltag-${colorTheme}-text-line-${transportLower}${\n colorModifier ? `-${colorModifier}` : ''\n })`,\n }),\n };\n\n const TravelTagWithoutLabel: JSX.Element = (\n <div\n className={classNames(className, 'eds-travel-tag', {\n 'eds-travel-tag--closable': isClosable,\n 'eds-travel-tag--alert': alertIsSet,\n 'eds-travel-tag--alert--error': alert === 'error',\n 'eds-travel-tag--transport': transportIsSet,\n 'eds-travel-tag--icon-and-text':\n numberOfChildren > 1 || (transportIsSet && numberOfChildren > 0),\n })}\n style={{ ...dynamicCssVars, ...style }}\n aria-label={[ariaLabelForTranportIcon, children, alertIsSet ? alert : '']\n .filter(Boolean)\n .join(' ')}\n role=\"img\"\n {...rest}\n >\n {IconWithAriaHidden}\n {children}\n {isClosable && (\n <button\n onClick={onClose}\n type=\"button\"\n className=\"eds-travel-tag__close-button\"\n >\n <CloseSmallIcon inline />\n </button>\n )}\n {hasDetails && <div className=\"eds-travel-tag__details\">{details}</div>}\n {alertIsSet && (\n <span className=\"eds-travel-tag__alert\">\n {alert === 'info' && (\n <ValidationInfoFilledIcon\n aria-hidden\n className=\"eds-travel-tag__alert-info-icon\"\n />\n )}\n {alert === 'error' && (\n <ValidationErrorFilledIcon\n aria-hidden\n className=\"eds-travel-tag__alert-error-icon\"\n />\n )}\n {alert === 'warning' && (\n <ValidationExclamationCircleFilledIcon\n aria-hidden\n className=\"eds-travel-tag__alert-exclamation-icon\"\n />\n )}\n </span>\n )}\n </div>\n );\n\n const Label: JSX.Element = (\n <div\n className={classNames('eds-travel-tag__label', {\n [`eds-travel-tag__label--${labelPlacement}`]: label,\n [`eds-travel-tag__label--${labelPlacement}--with-alert`]:\n label && alertIsSet,\n })}\n >\n {label}\n </div>\n );\n\n if (label) {\n return (\n <div\n className={classNames('eds-travel-tag__wrapper', {\n [`eds-travel-tag__wrapper--label-position-${labelPlacement}`]: label,\n })}\n >\n {TravelTagWithoutLabel}\n {Label}\n </div>\n );\n }\n\n return TravelTagWithoutLabel;\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './LegLine.scss';\n\nexport type LegLineProps = {\n /** Farge på LegLine'n */\n color: string;\n /** Retningen til LegLine */\n direction: 'horizontal' | 'vertical';\n /** Hvilket linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegLine: React.FC<LegLineProps> = ({\n color,\n direction = 'horizontal',\n pattern,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames('eds-leg-line', className, {\n [`eds-leg-line--${pattern}`]: pattern,\n [`eds-leg-line--${direction}`]: direction,\n })}\n style={{ backgroundColor: color }}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LegLine } from './LegLine';\nimport './LegBone.scss';\n\nexport type LegBoneProps = {\n /** Retning på komponenten */\n direction: 'horizontal' | 'vertical';\n /** Hvilke linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Farge på linja */\n color: string;\n /** Farge på startpunktet\n * @default Verdien til color\n */\n startColor?: string;\n /** Farge på endepunktet\n * @default Verdien til color\n */\n endColor?: string;\n /** Vis startpunkt\n * @default true\n */\n showStart?: boolean;\n /** Vis linke\n * @default true\n */\n showLine?: boolean;\n /** Vis endepunkt\n * @default true\n */\n showStop?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegBone: React.FC<LegBoneProps> = ({\n direction,\n pattern,\n color,\n startColor,\n endColor,\n showStart = true,\n showStop = true,\n showLine = true,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames(className, 'eds-leg-bone', [\n { 'eds-leg-bone--vertical': direction === 'vertical' },\n { 'eds-leg-bone--horizontal': direction === 'horizontal' },\n ])}\n {...rest}\n >\n {showStart && (\n <div\n className={`eds-leg-bone__start`}\n style={{ backgroundColor: startColor || color }}\n />\n )}\n\n {showLine && (\n <LegLine\n className={`eds-leg-bone__line`}\n direction={direction}\n color={color}\n pattern={pattern}\n />\n )}\n\n {showStop && (\n <div\n className={`eds-leg-bone__stop`}\n style={{ backgroundColor: endColor || color }}\n />\n )}\n </div>\n );\n};\n","import React from 'react';\nimport { useContrast } from '@entur/layout';\nimport { LegBone } from './LegBone';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelLegProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Hviklen type reise som skal vises riktig farge og linjetype */\n transport: Transport;\n /** Retningen på komponenten */\n direction: 'horizontal' | 'vertical';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelLeg: React.FC<TravelLegProps> = ({\n className,\n transport,\n direction,\n ...rest\n}) => {\n const { pattern } = getTransportStyle(transport);\n const isContrast = useContrast();\n const deCapitalizeTransport = transport.toLowerCase();\n\n const backgroundColor =\n 'var(--components-travel-travelleg-standard-' + deCapitalizeTransport + ')';\n const contrastBackgroundColor =\n 'var(--components-travel-travelleg-contrast-' + deCapitalizeTransport + ')';\n\n return (\n <LegBone\n direction={direction}\n pattern={pattern}\n color={isContrast ? contrastBackgroundColor : backgroundColor}\n className={className}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Switch } from '@entur/form';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelSwitchProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om switch-en er checked eller ikke */\n checked?: boolean;\n /** Label for TravelSwitch-en. */\n children?: React.ReactNode;\n /** Posisjonen til label for TravelSwitch-en.\n * @default \"right\"\n */\n labelPlacement?: 'right' | 'bottom';\n /** Hvilken type reise som skal vises ikon og farge for */\n transport: Transport; // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n /** Callback for når verdien endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Størrelsen på Switch-en\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n className,\n children,\n labelPlacement = 'right',\n transport,\n size,\n ...rest\n}) => {\n const { Icon } = getTransportStyle(transport);\n const deCapitalizeTransport = transport.toLowerCase();\n\n const backgroundColor =\n 'var(--components-travel-travelswitch-standard-backgroundtrue-' +\n deCapitalizeTransport +\n ')';\n const contrastBackgroundColor =\n 'var(--components-travel-travelswitch-contrast-backgroundtrue-' +\n deCapitalizeTransport +\n ')';\n\n return (\n <Switch\n className={className}\n labelPlacement={labelPlacement}\n color={backgroundColor}\n contrastColor={contrastBackgroundColor}\n icon={<Icon />}\n size={size}\n {...rest}\n >\n {children}\n </Switch>\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('travel');\n\nexport * from './TravelHeader';\nexport * from './TravelTag';\nexport * from './LegLine';\nexport * from './LegBone';\nexport * from './TravelLeg';\nexport * from './TravelSwitch';\n"],"names":["jsxs","jsx","MetroIcon","BusIcon","PlaneIcon","HelicopterIcon","TramIcon","FunicularIcon","CablewayIcon","TaxiIcon","SnowCoachIcon","BicycleIcon","WalkIcon","TrainIcon","FerryIcon","CarferryIcon","MobilityIcon","useContrast","cloneElement","CloseSmallIcon","ValidationInfoFilledIcon","ValidationErrorFilledIcon","ValidationExclamationCircleFilledIcon","Switch","warnAboutMissingStyles"],"mappings":"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"}
package/dist/travel.esm.js CHANGED
@@ -2,7 +2,7 @@ import { warnAboutMissingStyles } from "@entur/utils";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import classNames from "classnames";
4
4
  import React, { cloneElement } from "react";
5
- import { TrainIcon, BusIcon, MobilityIcon, CarferryIcon, FerryIcon, WalkIcon, BicycleIcon, TaxiIcon, CablewayIcon, FunicularIcon, TramIcon, HelicopterIcon, PlaneIcon, MetroIcon, CloseSmallIcon, ValidationInfoFilledIcon, ValidationErrorFilledIcon, ValidationExclamationCircleFilledIcon } from "@entur/icons";
5
+ import { TrainIcon, BusIcon, MobilityIcon, CarferryIcon, FerryIcon, WalkIcon, BicycleIcon, SnowCoachIcon, TaxiIcon, CablewayIcon, FunicularIcon, TramIcon, HelicopterIcon, PlaneIcon, MetroIcon, CloseSmallIcon, ValidationInfoFilledIcon, ValidationErrorFilledIcon, ValidationExclamationCircleFilledIcon } from "@entur/icons";
6
6
  import { useContrast } from "@entur/layout";
7
7
  import { Switch } from "@entur/form";
8
8
  const TravelHeader = ({
@@ -83,6 +83,12 @@ const getTransportStyle = (mode) => {
83
83
  pattern: "dashed",
84
84
  ariaLabel: "Taxi"
85
85
  };
86
+ case "snowcoach":
87
+ return {
88
+ Icon: SnowCoachIcon,
89
+ pattern: "line",
90
+ ariaLabel: "Beltebil"
91
+ };
86
92
  case "bicycle":
87
93
  case "citybike":
88
94
  return {
package/dist/travel.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"travel.esm.js","sources":["../src/TravelHeader.tsx","../src/utils.ts","../src/TravelTag.tsx","../src/LegLine.tsx","../src/LegBone.tsx","../src/TravelLeg.tsx","../src/TravelSwitch.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport './TravelHeader.scss';\n\nexport type TravelHeaderProps = {\n /** HTML-elementet eller React-komponenten som lager elementet\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Destinasjonen man reiser fra */\n from: React.ReactNode;\n /** Destinasjonen man reiser til */\n to: React.ReactNode;\n /**Størrelsen på komponenten\n * @default 'large'\n */\n size?: 'large' | 'medium';\n /** Plassere til og fra på samme linje */\n noWrap?: boolean;\n /**Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n};\n\nexport const TravelHeader: React.FC<TravelHeaderProps> = ({\n as: Element = 'div',\n from,\n to,\n size = 'large',\n className,\n noWrap,\n ...rest\n}) => {\n return (\n <Element\n className={classNames('eds-travel-header', className, {\n 'eds-travel-header--large': size === 'large',\n 'eds-travel-header--medium': size === 'medium',\n 'eds-travel-header--no-wrap': noWrap,\n })}\n aria-label={`Fra ${from}, til ${to}`}\n {...rest}\n >\n <span className=\"eds-travel-header__from\">{from}</span>\n <span className=\"eds-travel-header__to\">{to}</span>\n </Element>\n );\n};\n","import React from 'react';\n\nimport {\n BusIcon,\n FerryIcon,\n CarferryIcon,\n TramIcon,\n PlaneIcon,\n TrainIcon,\n BicycleIcon,\n MobilityIcon,\n MetroIcon,\n HelicopterIcon,\n FunicularIcon,\n CablewayIcon,\n TaxiIcon,\n WalkIcon,\n} from '@entur/icons';\n\nimport type { IconProps } from '@entur/icons';\n\nexport type Transport =\n | 'metro'\n | 'bus'\n | 'plane'\n | 'helicopter'\n | 'tram'\n | 'funicular'\n | 'cableway'\n | 'taxi'\n | 'bicycle'\n | 'walk'\n | 'train'\n | 'ferry'\n | 'carferry'\n | 'mobility'\n | 'airportLinkBus'\n | 'airportLinkRail'\n | 'rail'\n | 'water'\n | 'air'\n | 'none';\n\nexport type CSSVars = { [key: `--${string}`]: string | number };\n\ntype transportStyleResult = {\n Icon: React.FC<IconProps>;\n backgroundColor?: string;\n contrastBackgroundColor?: string;\n errorBackgroundColor?: string;\n errorTextColor?: string;\n errorContrastTextColor?: string;\n errorContrastBackgroundColor?: string;\n pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n ariaLabel: string;\n};\n\nexport const getTransportStyle = (mode: string): transportStyleResult => {\n switch (mode) {\n case 'metro':\n return {\n Icon: MetroIcon,\n pattern: 'line',\n ariaLabel: 'T-bane',\n };\n case 'bus':\n case 'neutral':\n return {\n Icon: BusIcon,\n pattern: 'dashed',\n ariaLabel: 'Buss',\n };\n case 'plane':\n case 'air':\n return {\n Icon: PlaneIcon,\n pattern: 'line',\n ariaLabel: 'Fly',\n };\n case 'helicopter':\n return {\n Icon: HelicopterIcon,\n pattern: 'line',\n ariaLabel: 'Helikopter',\n };\n case 'tram':\n return {\n Icon: TramIcon,\n pattern: 'line',\n ariaLabel: 'Trikk',\n };\n case 'funicular':\n return {\n Icon: FunicularIcon,\n pattern: 'line',\n ariaLabel: 'Taubane',\n };\n case 'cableway':\n return {\n Icon: CablewayIcon,\n pattern: 'line',\n ariaLabel: 'Gondol',\n };\n case 'taxi':\n return {\n Icon: TaxiIcon,\n pattern: 'dashed',\n ariaLabel: 'Taxi',\n };\n case 'bicycle':\n case 'citybike':\n return {\n Icon: BicycleIcon,\n pattern: 'dashed',\n ariaLabel: 'Sykkel',\n };\n case 'walk':\n return {\n Icon: WalkIcon,\n pattern: 'dotted',\n ariaLabel: 'Gange',\n };\n case 'train':\n case 'rail':\n return {\n Icon: TrainIcon,\n pattern: 'line',\n ariaLabel: 'Tog',\n };\n case 'ferry':\n case 'water':\n return {\n Icon: FerryIcon,\n pattern: 'wave',\n ariaLabel: 'Ferge',\n };\n case 'carferry':\n return {\n Icon: CarferryIcon,\n pattern: 'wave',\n ariaLabel: 'Bilferge',\n };\n case 'mobility':\n return {\n Icon: MobilityIcon,\n pattern: 'line',\n ariaLabel: 'El-sparkesykkel',\n };\n case 'airportLinkBus':\n case 'airportlinkbus':\n return {\n Icon: BusIcon,\n pattern: 'dashed',\n ariaLabel: 'Flybuss',\n };\n case 'airportLinkRail':\n case 'airportlinkrail':\n return {\n Icon: TrainIcon,\n pattern: 'line',\n ariaLabel: 'Flytog',\n };\n case 'none':\n return {\n Icon: React.Fragment,\n pattern: 'line',\n ariaLabel: '',\n };\n case 'scooter':\n throw Error(\n `transport type 'scooter' is deprecated: Please use 'mobility' instead.`,\n );\n case 'bike':\n throw Error(\n `transport type 'bike' is deprecated: Please use 'bicycle' instead.`,\n );\n case 'car':\n throw Error(\n `transport type 'car' is deprecated: Please use 'taxi' instead.`,\n );\n case 'foot':\n throw Error(\n `transport type 'foot' is deprecated: Please use 'walk' instead.`,\n );\n default:\n throw Error('Please select a transport for the Travel component.');\n }\n};\n","import React, { cloneElement } from 'react';\nimport classNames from 'classnames';\nimport {\n CloseSmallIcon,\n ValidationInfoFilledIcon,\n ValidationErrorFilledIcon,\n ValidationExclamationCircleFilledIcon,\n} from '@entur/icons';\nimport { useContrast } from '@entur/layout';\n\nimport { getTransportStyle } from './utils';\n\nimport type { CSSVars, Transport } from './utils';\n\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n /** Callback som kalles for når man skal lukke TravelTag-en\n * @default undefined\n */\n onClose?: () => void;\n /** Innholdet inne i TravelTag-en */\n children?: React.ReactNode;\n /**Ekstra klassenavn */\n className?: string;\n /** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.\n * @default \"none\"\n */\n alert?: 'none' | 'error' | 'warning' | 'info';\n /** Legger til farge og ikon tilpasset valgt transportmiddel */\n transport?: Transport;\n /** Element ved siden av eller under TravelTag. */\n label?: React.ReactNode;\n /** Posisjonen til label-en i forhold til TravelTag-en\n * @default \"right\"\n */\n labelPlacement?: 'bottom' | 'right';\n /** Ekstrainnhold for tilleggsvisning i en separat boks.\n * @example Brukes ofte for å vise et tog/avgangsnummer\n */\n details?: React.ReactNode;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelTag: React.FC<TravelTagProps> = ({\n children,\n className,\n alert = 'none',\n transport = 'none',\n label,\n labelPlacement = 'right',\n onClose = undefined,\n details,\n style,\n ...rest\n}) => {\n const isContrast = useContrast();\n const isClosable = Boolean(onClose);\n const transportIsSet = transport !== 'none';\n const alertIsSet = alert !== 'none';\n const hasDetails = details !== undefined;\n const numberOfChildren = React.Children.count(children);\n const { Icon, ariaLabel: ariaLabelForTranportIcon } =\n getTransportStyle(transport);\n const transportLower = transport.toLowerCase();\n const IconWithAriaHidden = cloneElement(<Icon />, { 'aria-hidden': 'true' });\n\n const colorTheme = isContrast ? 'contrast' : 'standard';\n const colorModifier = alert === 'error' ? 'cancelled' : undefined;\n const shouldModifyTextColor = alert === 'error' || transport === 'walk';\n\n const dynamicCssVars: React.CSSProperties & CSSVars = {\n '--background-color': `var(--components-travel-traveltag-${colorTheme}-fill-${transportLower}${\n colorModifier ? `-${colorModifier}` : ''\n })`,\n ...(shouldModifyTextColor && {\n '--text-color': `var(--components-travel-traveltag-${colorTheme}-text-line-${transportLower}${\n colorModifier ? `-${colorModifier}` : ''\n })`,\n }),\n };\n\n const TravelTagWithoutLabel: JSX.Element = (\n <div\n className={classNames(className, 'eds-travel-tag', {\n 'eds-travel-tag--closable': isClosable,\n 'eds-travel-tag--alert': alertIsSet,\n 'eds-travel-tag--alert--error': alert === 'error',\n 'eds-travel-tag--transport': transportIsSet,\n 'eds-travel-tag--icon-and-text':\n numberOfChildren > 1 || (transportIsSet && numberOfChildren > 0),\n })}\n style={{ ...dynamicCssVars, ...style }}\n aria-label={[ariaLabelForTranportIcon, children, alertIsSet ? alert : '']\n .filter(Boolean)\n .join(' ')}\n role=\"img\"\n {...rest}\n >\n {IconWithAriaHidden}\n {children}\n {isClosable && (\n <button\n onClick={onClose}\n type=\"button\"\n className=\"eds-travel-tag__close-button\"\n >\n <CloseSmallIcon inline />\n </button>\n )}\n {hasDetails && <div className=\"eds-travel-tag__details\">{details}</div>}\n {alertIsSet && (\n <span className=\"eds-travel-tag__alert\">\n {alert === 'info' && (\n <ValidationInfoFilledIcon\n aria-hidden\n className=\"eds-travel-tag__alert-info-icon\"\n />\n )}\n {alert === 'error' && (\n <ValidationErrorFilledIcon\n aria-hidden\n className=\"eds-travel-tag__alert-error-icon\"\n />\n )}\n {alert === 'warning' && (\n <ValidationExclamationCircleFilledIcon\n aria-hidden\n className=\"eds-travel-tag__alert-exclamation-icon\"\n />\n )}\n </span>\n )}\n </div>\n );\n\n const Label: JSX.Element = (\n <div\n className={classNames('eds-travel-tag__label', {\n [`eds-travel-tag__label--${labelPlacement}`]: label,\n [`eds-travel-tag__label--${labelPlacement}--with-alert`]:\n label && alertIsSet,\n })}\n >\n {label}\n </div>\n );\n\n if (label) {\n return (\n <div\n className={classNames('eds-travel-tag__wrapper', {\n [`eds-travel-tag__wrapper--label-position-${labelPlacement}`]: label,\n })}\n >\n {TravelTagWithoutLabel}\n {Label}\n </div>\n );\n }\n\n return TravelTagWithoutLabel;\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './LegLine.scss';\n\nexport type LegLineProps = {\n /** Farge på LegLine'n */\n color: string;\n /** Retningen til LegLine */\n direction: 'horizontal' | 'vertical';\n /** Hvilket linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegLine: React.FC<LegLineProps> = ({\n color,\n direction = 'horizontal',\n pattern,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames('eds-leg-line', className, {\n [`eds-leg-line--${pattern}`]: pattern,\n [`eds-leg-line--${direction}`]: direction,\n })}\n style={{ backgroundColor: color }}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LegLine } from './LegLine';\nimport './LegBone.scss';\n\nexport type LegBoneProps = {\n /** Retning på komponenten */\n direction: 'horizontal' | 'vertical';\n /** Hvilke linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Farge på linja */\n color: string;\n /** Farge på startpunktet\n * @default Verdien til color\n */\n startColor?: string;\n /** Farge på endepunktet\n * @default Verdien til color\n */\n endColor?: string;\n /** Vis startpunkt\n * @default true\n */\n showStart?: boolean;\n /** Vis linke\n * @default true\n */\n showLine?: boolean;\n /** Vis endepunkt\n * @default true\n */\n showStop?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegBone: React.FC<LegBoneProps> = ({\n direction,\n pattern,\n color,\n startColor,\n endColor,\n showStart = true,\n showStop = true,\n showLine = true,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames(className, 'eds-leg-bone', [\n { 'eds-leg-bone--vertical': direction === 'vertical' },\n { 'eds-leg-bone--horizontal': direction === 'horizontal' },\n ])}\n {...rest}\n >\n {showStart && (\n <div\n className={`eds-leg-bone__start`}\n style={{ backgroundColor: startColor || color }}\n />\n )}\n\n {showLine && (\n <LegLine\n className={`eds-leg-bone__line`}\n direction={direction}\n color={color}\n pattern={pattern}\n />\n )}\n\n {showStop && (\n <div\n className={`eds-leg-bone__stop`}\n style={{ backgroundColor: endColor || color }}\n />\n )}\n </div>\n );\n};\n","import React from 'react';\nimport { useContrast } from '@entur/layout';\nimport { LegBone } from './LegBone';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelLegProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Hviklen type reise som skal vises riktig farge og linjetype */\n transport: Transport;\n /** Retningen på komponenten */\n direction: 'horizontal' | 'vertical';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelLeg: React.FC<TravelLegProps> = ({\n className,\n transport,\n direction,\n ...rest\n}) => {\n const { pattern } = getTransportStyle(transport);\n const isContrast = useContrast();\n const deCapitalizeTransport = transport.toLowerCase();\n\n const backgroundColor =\n 'var(--components-travel-travelleg-standard-' + deCapitalizeTransport + ')';\n const contrastBackgroundColor =\n 'var(--components-travel-travelleg-contrast-' + deCapitalizeTransport + ')';\n\n return (\n <LegBone\n direction={direction}\n pattern={pattern}\n color={isContrast ? contrastBackgroundColor : backgroundColor}\n className={className}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Switch } from '@entur/form';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelSwitchProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om switch-en er checked eller ikke */\n checked?: boolean;\n /** Label for TravelSwitch-en. */\n children?: React.ReactNode;\n /** Posisjonen til label for TravelSwitch-en.\n * @default \"right\"\n */\n labelPlacement?: 'right' | 'bottom';\n /** Hvilken type reise som skal vises ikon og farge for */\n transport: Transport; // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n /** Callback for når verdien endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Størrelsen på Switch-en\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n className,\n children,\n labelPlacement = 'right',\n transport,\n size,\n ...rest\n}) => {\n const { Icon } = getTransportStyle(transport);\n const deCapitalizeTransport = transport.toLowerCase();\n\n const backgroundColor =\n 'var(--components-travel-travelswitch-standard-backgroundtrue-' +\n deCapitalizeTransport +\n ')';\n const contrastBackgroundColor =\n 'var(--components-travel-travelswitch-contrast-backgroundtrue-' +\n deCapitalizeTransport +\n ')';\n\n return (\n <Switch\n className={className}\n labelPlacement={labelPlacement}\n color={backgroundColor}\n contrastColor={contrastBackgroundColor}\n icon={<Icon />}\n size={size}\n {...rest}\n >\n {children}\n </Switch>\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('travel');\n\nexport * from './TravelHeader';\nexport * from './TravelTag';\nexport * from './LegLine';\nexport * from './LegBone';\nexport * from './TravelLeg';\nexport * from './TravelSwitch';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"travel.esm.js","sources":["../src/TravelHeader.tsx","../src/utils.ts","../src/TravelTag.tsx","../src/LegLine.tsx","../src/LegBone.tsx","../src/TravelLeg.tsx","../src/TravelSwitch.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport './TravelHeader.scss';\n\nexport type TravelHeaderProps = {\n /** HTML-elementet eller React-komponenten som lager elementet\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Destinasjonen man reiser fra */\n from: React.ReactNode;\n /** Destinasjonen man reiser til */\n to: React.ReactNode;\n /**Størrelsen på komponenten\n * @default 'large'\n */\n size?: 'large' | 'medium';\n /** Plassere til og fra på samme linje */\n noWrap?: boolean;\n /**Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n};\n\nexport const TravelHeader: React.FC<TravelHeaderProps> = ({\n as: Element = 'div',\n from,\n to,\n size = 'large',\n className,\n noWrap,\n ...rest\n}) => {\n return (\n <Element\n className={classNames('eds-travel-header', className, {\n 'eds-travel-header--large': size === 'large',\n 'eds-travel-header--medium': size === 'medium',\n 'eds-travel-header--no-wrap': noWrap,\n })}\n aria-label={`Fra ${from}, til ${to}`}\n {...rest}\n >\n <span className=\"eds-travel-header__from\">{from}</span>\n <span className=\"eds-travel-header__to\">{to}</span>\n </Element>\n );\n};\n","import React from 'react';\n\nimport {\n BusIcon,\n FerryIcon,\n CarferryIcon,\n TramIcon,\n PlaneIcon,\n TrainIcon,\n BicycleIcon,\n MobilityIcon,\n MetroIcon,\n HelicopterIcon,\n FunicularIcon,\n CablewayIcon,\n TaxiIcon,\n SnowCoachIcon,\n WalkIcon,\n} from '@entur/icons';\n\nimport type { IconProps } from '@entur/icons';\n\nexport type Transport =\n | 'metro'\n | 'bus'\n | 'plane'\n | 'helicopter'\n | 'tram'\n | 'funicular'\n | 'cableway'\n | 'taxi'\n | 'bicycle'\n | 'walk'\n | 'train'\n | 'ferry'\n | 'carferry'\n | 'mobility'\n | 'airportLinkBus'\n | 'airportLinkRail'\n | 'snowcoach'\n | 'rail'\n | 'water'\n | 'air'\n | 'none';\n\nexport type CSSVars = { [key: `--${string}`]: string | number };\n\ntype transportStyleResult = {\n Icon: React.FC<IconProps>;\n backgroundColor?: string;\n contrastBackgroundColor?: string;\n errorBackgroundColor?: string;\n errorTextColor?: string;\n errorContrastTextColor?: string;\n errorContrastBackgroundColor?: string;\n pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n ariaLabel: string;\n};\n\nexport const getTransportStyle = (mode: string): transportStyleResult => {\n switch (mode) {\n case 'metro':\n return {\n Icon: MetroIcon,\n pattern: 'line',\n ariaLabel: 'T-bane',\n };\n case 'bus':\n case 'neutral':\n return {\n Icon: BusIcon,\n pattern: 'dashed',\n ariaLabel: 'Buss',\n };\n case 'plane':\n case 'air':\n return {\n Icon: PlaneIcon,\n pattern: 'line',\n ariaLabel: 'Fly',\n };\n case 'helicopter':\n return {\n Icon: HelicopterIcon,\n pattern: 'line',\n ariaLabel: 'Helikopter',\n };\n case 'tram':\n return {\n Icon: TramIcon,\n pattern: 'line',\n ariaLabel: 'Trikk',\n };\n case 'funicular':\n return {\n Icon: FunicularIcon,\n pattern: 'line',\n ariaLabel: 'Taubane',\n };\n case 'cableway':\n return {\n Icon: CablewayIcon,\n pattern: 'line',\n ariaLabel: 'Gondol',\n };\n case 'taxi':\n return {\n Icon: TaxiIcon,\n pattern: 'dashed',\n ariaLabel: 'Taxi',\n };\n case 'snowcoach':\n return {\n Icon: SnowCoachIcon,\n pattern: 'line',\n ariaLabel: 'Beltebil',\n };\n case 'bicycle':\n case 'citybike':\n return {\n Icon: BicycleIcon,\n pattern: 'dashed',\n ariaLabel: 'Sykkel',\n };\n case 'walk':\n return {\n Icon: WalkIcon,\n pattern: 'dotted',\n ariaLabel: 'Gange',\n };\n case 'train':\n case 'rail':\n return {\n Icon: TrainIcon,\n pattern: 'line',\n ariaLabel: 'Tog',\n };\n case 'ferry':\n case 'water':\n return {\n Icon: FerryIcon,\n pattern: 'wave',\n ariaLabel: 'Ferge',\n };\n case 'carferry':\n return {\n Icon: CarferryIcon,\n pattern: 'wave',\n ariaLabel: 'Bilferge',\n };\n case 'mobility':\n return {\n Icon: MobilityIcon,\n pattern: 'line',\n ariaLabel: 'El-sparkesykkel',\n };\n case 'airportLinkBus':\n case 'airportlinkbus':\n return {\n Icon: BusIcon,\n pattern: 'dashed',\n ariaLabel: 'Flybuss',\n };\n case 'airportLinkRail':\n case 'airportlinkrail':\n return {\n Icon: TrainIcon,\n pattern: 'line',\n ariaLabel: 'Flytog',\n };\n case 'none':\n return {\n Icon: React.Fragment,\n pattern: 'line',\n ariaLabel: '',\n };\n case 'scooter':\n throw Error(\n `transport type 'scooter' is deprecated: Please use 'mobility' instead.`,\n );\n case 'bike':\n throw Error(\n `transport type 'bike' is deprecated: Please use 'bicycle' instead.`,\n );\n case 'car':\n throw Error(\n `transport type 'car' is deprecated: Please use 'taxi' instead.`,\n );\n case 'foot':\n throw Error(\n `transport type 'foot' is deprecated: Please use 'walk' instead.`,\n );\n default:\n throw Error('Please select a transport for the Travel component.');\n }\n};\n","import React, { cloneElement } from 'react';\nimport classNames from 'classnames';\nimport {\n CloseSmallIcon,\n ValidationInfoFilledIcon,\n ValidationErrorFilledIcon,\n ValidationExclamationCircleFilledIcon,\n} from '@entur/icons';\nimport { useContrast } from '@entur/layout';\n\nimport { getTransportStyle } from './utils';\n\nimport type { CSSVars, Transport } from './utils';\n\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n /** Callback som kalles for når man skal lukke TravelTag-en\n * @default undefined\n */\n onClose?: () => void;\n /** Innholdet inne i TravelTag-en */\n children?: React.ReactNode;\n /**Ekstra klassenavn */\n className?: string;\n /** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.\n * @default \"none\"\n */\n alert?: 'none' | 'error' | 'warning' | 'info';\n /** Legger til farge og ikon tilpasset valgt transportmiddel */\n transport?: Transport;\n /** Element ved siden av eller under TravelTag. */\n label?: React.ReactNode;\n /** Posisjonen til label-en i forhold til TravelTag-en\n * @default \"right\"\n */\n labelPlacement?: 'bottom' | 'right';\n /** Ekstrainnhold for tilleggsvisning i en separat boks.\n * @example Brukes ofte for å vise et tog/avgangsnummer\n */\n details?: React.ReactNode;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelTag: React.FC<TravelTagProps> = ({\n children,\n className,\n alert = 'none',\n transport = 'none',\n label,\n labelPlacement = 'right',\n onClose = undefined,\n details,\n style,\n ...rest\n}) => {\n const isContrast = useContrast();\n const isClosable = Boolean(onClose);\n const transportIsSet = transport !== 'none';\n const alertIsSet = alert !== 'none';\n const hasDetails = details !== undefined;\n const numberOfChildren = React.Children.count(children);\n const { Icon, ariaLabel: ariaLabelForTranportIcon } =\n getTransportStyle(transport);\n const transportLower = transport.toLowerCase();\n const IconWithAriaHidden = cloneElement(<Icon />, { 'aria-hidden': 'true' });\n\n const colorTheme = isContrast ? 'contrast' : 'standard';\n const colorModifier = alert === 'error' ? 'cancelled' : undefined;\n const shouldModifyTextColor = alert === 'error' || transport === 'walk';\n\n const dynamicCssVars: React.CSSProperties & CSSVars = {\n '--background-color': `var(--components-travel-traveltag-${colorTheme}-fill-${transportLower}${\n colorModifier ? `-${colorModifier}` : ''\n })`,\n ...(shouldModifyTextColor && {\n '--text-color': `var(--components-travel-traveltag-${colorTheme}-text-line-${transportLower}${\n colorModifier ? `-${colorModifier}` : ''\n })`,\n }),\n };\n\n const TravelTagWithoutLabel: JSX.Element = (\n <div\n className={classNames(className, 'eds-travel-tag', {\n 'eds-travel-tag--closable': isClosable,\n 'eds-travel-tag--alert': alertIsSet,\n 'eds-travel-tag--alert--error': alert === 'error',\n 'eds-travel-tag--transport': transportIsSet,\n 'eds-travel-tag--icon-and-text':\n numberOfChildren > 1 || (transportIsSet && numberOfChildren > 0),\n })}\n style={{ ...dynamicCssVars, ...style }}\n aria-label={[ariaLabelForTranportIcon, children, alertIsSet ? alert : '']\n .filter(Boolean)\n .join(' ')}\n role=\"img\"\n {...rest}\n >\n {IconWithAriaHidden}\n {children}\n {isClosable && (\n <button\n onClick={onClose}\n type=\"button\"\n className=\"eds-travel-tag__close-button\"\n >\n <CloseSmallIcon inline />\n </button>\n )}\n {hasDetails && <div className=\"eds-travel-tag__details\">{details}</div>}\n {alertIsSet && (\n <span className=\"eds-travel-tag__alert\">\n {alert === 'info' && (\n <ValidationInfoFilledIcon\n aria-hidden\n className=\"eds-travel-tag__alert-info-icon\"\n />\n )}\n {alert === 'error' && (\n <ValidationErrorFilledIcon\n aria-hidden\n className=\"eds-travel-tag__alert-error-icon\"\n />\n )}\n {alert === 'warning' && (\n <ValidationExclamationCircleFilledIcon\n aria-hidden\n className=\"eds-travel-tag__alert-exclamation-icon\"\n />\n )}\n </span>\n )}\n </div>\n );\n\n const Label: JSX.Element = (\n <div\n className={classNames('eds-travel-tag__label', {\n [`eds-travel-tag__label--${labelPlacement}`]: label,\n [`eds-travel-tag__label--${labelPlacement}--with-alert`]:\n label && alertIsSet,\n })}\n >\n {label}\n </div>\n );\n\n if (label) {\n return (\n <div\n className={classNames('eds-travel-tag__wrapper', {\n [`eds-travel-tag__wrapper--label-position-${labelPlacement}`]: label,\n })}\n >\n {TravelTagWithoutLabel}\n {Label}\n </div>\n );\n }\n\n return TravelTagWithoutLabel;\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './LegLine.scss';\n\nexport type LegLineProps = {\n /** Farge på LegLine'n */\n color: string;\n /** Retningen til LegLine */\n direction: 'horizontal' | 'vertical';\n /** Hvilket linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegLine: React.FC<LegLineProps> = ({\n color,\n direction = 'horizontal',\n pattern,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames('eds-leg-line', className, {\n [`eds-leg-line--${pattern}`]: pattern,\n [`eds-leg-line--${direction}`]: direction,\n })}\n style={{ backgroundColor: color }}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LegLine } from './LegLine';\nimport './LegBone.scss';\n\nexport type LegBoneProps = {\n /** Retning på komponenten */\n direction: 'horizontal' | 'vertical';\n /** Hvilke linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Farge på linja */\n color: string;\n /** Farge på startpunktet\n * @default Verdien til color\n */\n startColor?: string;\n /** Farge på endepunktet\n * @default Verdien til color\n */\n endColor?: string;\n /** Vis startpunkt\n * @default true\n */\n showStart?: boolean;\n /** Vis linke\n * @default true\n */\n showLine?: boolean;\n /** Vis endepunkt\n * @default true\n */\n showStop?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegBone: React.FC<LegBoneProps> = ({\n direction,\n pattern,\n color,\n startColor,\n endColor,\n showStart = true,\n showStop = true,\n showLine = true,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames(className, 'eds-leg-bone', [\n { 'eds-leg-bone--vertical': direction === 'vertical' },\n { 'eds-leg-bone--horizontal': direction === 'horizontal' },\n ])}\n {...rest}\n >\n {showStart && (\n <div\n className={`eds-leg-bone__start`}\n style={{ backgroundColor: startColor || color }}\n />\n )}\n\n {showLine && (\n <LegLine\n className={`eds-leg-bone__line`}\n direction={direction}\n color={color}\n pattern={pattern}\n />\n )}\n\n {showStop && (\n <div\n className={`eds-leg-bone__stop`}\n style={{ backgroundColor: endColor || color }}\n />\n )}\n </div>\n );\n};\n","import React from 'react';\nimport { useContrast } from '@entur/layout';\nimport { LegBone } from './LegBone';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelLegProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Hviklen type reise som skal vises riktig farge og linjetype */\n transport: Transport;\n /** Retningen på komponenten */\n direction: 'horizontal' | 'vertical';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelLeg: React.FC<TravelLegProps> = ({\n className,\n transport,\n direction,\n ...rest\n}) => {\n const { pattern } = getTransportStyle(transport);\n const isContrast = useContrast();\n const deCapitalizeTransport = transport.toLowerCase();\n\n const backgroundColor =\n 'var(--components-travel-travelleg-standard-' + deCapitalizeTransport + ')';\n const contrastBackgroundColor =\n 'var(--components-travel-travelleg-contrast-' + deCapitalizeTransport + ')';\n\n return (\n <LegBone\n direction={direction}\n pattern={pattern}\n color={isContrast ? contrastBackgroundColor : backgroundColor}\n className={className}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Switch } from '@entur/form';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelSwitchProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om switch-en er checked eller ikke */\n checked?: boolean;\n /** Label for TravelSwitch-en. */\n children?: React.ReactNode;\n /** Posisjonen til label for TravelSwitch-en.\n * @default \"right\"\n */\n labelPlacement?: 'right' | 'bottom';\n /** Hvilken type reise som skal vises ikon og farge for */\n transport: Transport; // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n /** Callback for når verdien endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Størrelsen på Switch-en\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n className,\n children,\n labelPlacement = 'right',\n transport,\n size,\n ...rest\n}) => {\n const { Icon } = getTransportStyle(transport);\n const deCapitalizeTransport = transport.toLowerCase();\n\n const backgroundColor =\n 'var(--components-travel-travelswitch-standard-backgroundtrue-' +\n deCapitalizeTransport +\n ')';\n const contrastBackgroundColor =\n 'var(--components-travel-travelswitch-contrast-backgroundtrue-' +\n deCapitalizeTransport +\n ')';\n\n return (\n <Switch\n className={className}\n labelPlacement={labelPlacement}\n color={backgroundColor}\n contrastColor={contrastBackgroundColor}\n icon={<Icon />}\n size={size}\n {...rest}\n >\n {children}\n </Switch>\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('travel');\n\nexport * from './TravelHeader';\nexport * from './TravelTag';\nexport * from './LegLine';\nexport * from './LegBone';\nexport * from './TravelLeg';\nexport * from './TravelSwitch';\n"],"names":[],"mappings":"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"}
package/dist/utils.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  import { IconProps } from '../../icons';
3
- export type Transport = 'metro' | 'bus' | 'plane' | 'helicopter' | 'tram' | 'funicular' | 'cableway' | 'taxi' | 'bicycle' | 'walk' | 'train' | 'ferry' | 'carferry' | 'mobility' | 'airportLinkBus' | 'airportLinkRail' | 'rail' | 'water' | 'air' | 'none';
3
+ export type Transport = 'metro' | 'bus' | 'plane' | 'helicopter' | 'tram' | 'funicular' | 'cableway' | 'taxi' | 'bicycle' | 'walk' | 'train' | 'ferry' | 'carferry' | 'mobility' | 'airportLinkBus' | 'airportLinkRail' | 'snowcoach' | 'rail' | 'water' | 'air' | 'none';
4
4
  export type CSSVars = {
5
5
  [key: `--${string}`]: string | number;
6
6
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/travel",
3
- "version": "6.4.6-beta.0",
3
+ "version": "6.5.1",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/travel.cjs.js",
6
6
  "module": "dist/travel.esm.js",
@@ -27,11 +27,11 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/form": "^9.1.1-beta.0",
31
- "@entur/icons": "^8.3.0",
32
- "@entur/layout": "^3.2.4-beta.0",
33
- "@entur/tokens": "^3.20.0",
34
- "@entur/utils": "^0.12.6-beta.0",
30
+ "@entur/form": "^9.2.1",
31
+ "@entur/icons": "^8.4.0",
32
+ "@entur/layout": "^3.3.1",
33
+ "@entur/tokens": "^3.21.1",
34
+ "@entur/utils": "^0.13.1",
35
35
  "classnames": "^2.5.1"
36
36
  },
37
37
  "devDependencies": {
@@ -47,5 +47,5 @@
47
47
  "vite": "^7.1.3",
48
48
  "vite-plugin-dts": "^4.5.4"
49
49
  },
50
- "gitHead": "89f96eb3e2da5ec84f0a1224bc6e20021255e389"
50
+ "gitHead": "fc1996af692ebbe6c00454abf846cf61e0fe6231"
51
51
  }