@entur/tokens 3.19.0 → 3.19.2-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4228 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var hexRgb = require('hex-rgb');
6
- var flat = require('flat');
7
-
8
- /* DO NOT CHANGE!*/
9
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
10
- var primitive = {
11
- "blue": {
12
- "_10": "#f6f6f9",
13
- "_100": "#292b6a",
14
- "_20": "#eaeaf1",
15
- "_30": "#d9dae8",
16
- "_40": "#bcbdd2",
17
- "_50": "#9ea0bd",
18
- "_60": "#8284ab",
19
- "_70": "#626493",
20
- "_80": "#54568c",
21
- "_90": "#393d79"
22
- },
23
- "canary": {
24
- "_10": "#fffbeb",
25
- "_100": "#483705",
26
- "_20": "#fff4cd",
27
- "_30": "#ffeeb3",
28
- "_40": "#ffe082",
29
- "_50": "#ffda6b",
30
- "_60": "#ffca28",
31
- "_70": "#e9b10c",
32
- "_80": "#b38909",
33
- "_90": "#775b09"
34
- },
35
- "coral": {
36
- "_10": "#ffe5e5",
37
- "_100": "#370606",
38
- "_20": "#ffcece",
39
- "_30": "#ff9494",
40
- "_40": "#ff5959",
41
- "_50": "#f73e3b",
42
- "_60": "#d31b1b",
43
- "_70": "#b31414",
44
- "_80": "#8a1414",
45
- "_90": "#5d0e0e"
46
- },
47
- "ebony": {
48
- "_10": "#e5e5e9",
49
- "_100": "#08091c",
50
- "_15": "#d8d9df",
51
- "_20": "#cccdd4",
52
- "_25": "#bfc0c8",
53
- "_30": "#b3b4bd",
54
- "_35": "#a6a7b2",
55
- "_40": "#999aa7",
56
- "_45": "#8d8e9c",
57
- "_5": "#f2f2f5",
58
- "_50": "#81828f",
59
- "_55": "#757584",
60
- "_60": "#6a6b78",
61
- "_65": "#5e5f6c",
62
- "_70": "#525360",
63
- "_75": "#464755",
64
- "_80": "#393a49",
65
- "_85": "#2d2e3e",
66
- "_90": "#212233",
67
- "_95": "#141527"
68
- },
69
- "grey": {
70
- "_10": "#f2f5f7",
71
- "_100": "#262729",
72
- "_110": "#101112",
73
- "_20": "#edf0f2",
74
- "_30": "#e3e6e8",
75
- "_40": "#cfd2d4",
76
- "_50": "#b6b8ba",
77
- "_60": "#949699",
78
- "_70": "#6e6f73",
79
- "_80": "#515254",
80
- "_90": "#3d3e40"
81
- },
82
- "lavender": {
83
- "_10": "#f0f1fa",
84
- "_100": "#11143c",
85
- "_20": "#d9ddf2",
86
- "_30": "#c7cdeb",
87
- "_40": "#aeb7e2",
88
- "_50": "#8794d4",
89
- "_60": "#5a68c4",
90
- "_70": "#3b46ab",
91
- "_80": "#262f7d",
92
- "_90": "#181c56"
93
- },
94
- "mint": {
95
- "_10": "#e6f6f0",
96
- "_100": "#022015",
97
- "_20": "#d0f1e3",
98
- "_30": "#9cd9c2",
99
- "_40": "#5ac39a",
100
- "_50": "#37ab83",
101
- "_60": "#1a8e60",
102
- "_70": "#068152",
103
- "_80": "#05613e",
104
- "_90": "#034029"
105
- },
106
- "peach": {
107
- "_10": "#fff1eb",
108
- "_100": "#3a1503",
109
- "_20": "#ffe4d6",
110
- "_30": "#ffd3bd",
111
- "_40": "#ffbf9e",
112
- "_50": "#fd9a68",
113
- "_60": "#fd7835",
114
- "_70": "#e6560f",
115
- "_80": "#ae4009",
116
- "_90": "#742b06"
117
- },
118
- "sky": {
119
- "_10": "#e1eff8",
120
- "_100": "#011a23",
121
- "_20": "#acd7f1",
122
- "_30": "#64b3e7",
123
- "_40": "#2d98d2",
124
- "_50": "#067eb2",
125
- "_60": "#046690",
126
- "_70": "#044d6c",
127
- "_80": "#003852",
128
- "_90": "#022536"
129
- },
130
- "transparent": {
131
- "blueAlpha10": "#9ea0bd1a",
132
- "blueAlpha40": "#54568c66",
133
- "canaryAlpha25": "#ffe08240",
134
- "canaryAlpha30": "#fff4cd4d",
135
- "coralAlpha20": "#ff949433",
136
- "ebonyAlpha15": "#e5e5e926",
137
- "ebonyAlpha20": "#cccdd44d",
138
- "ebonyAlpha25": "#e5e5e940",
139
- "ebonyAlpha35": "#e5e5e959",
140
- "lavenderAlpha70": "#aeb7e2b2",
141
- "mintAlpha20": "#5ac39a33",
142
- "neutralAlpha10": "#cfd2d41a",
143
- "neutralAlpha15": "#cfd2d426",
144
- "neutralAlpha20": "#26272933",
145
- "peachAlpha70": "#ffbf9eb2",
146
- "skyAlpha20": "#2d98d233"
147
- },
148
- "white": {
149
- "alpha0": "#ffffff00",
150
- "alpha10": "#ffffff1a",
151
- "alpha100": "#ffffff",
152
- "alpha20": "#ffffff33",
153
- "alpha30": "#ffffff4d",
154
- "alpha40": "#ffffff66",
155
- "alpha50": "#ffffff80",
156
- "alpha60": "#ffffff99",
157
- "alpha70": "#ffffffb2",
158
- "alpha80": "#ffffffcc",
159
- "alpha90": "#ffffffe5"
160
- }
161
- };
162
-
163
- /* DO NOT CHANGE!*/
164
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
165
- var semantic = {
166
- "fill": {
167
- "background": {
168
- "contrast": {
169
- "dark": "#212233",
170
- "light": "#181c56",
171
- "lightalt": "#393d79",
172
- "lightalt2": "#292b6a"
173
- },
174
- "overlay": {
175
- "solid": "#393a49",
176
- "solidalt": "#464755",
177
- "transparent": "#e5e5e926",
178
- "transparentalt": "#e5e5e940",
179
- "transparentalt2": "#cccdd44d"
180
- },
181
- "standard": {
182
- "colorless": "#ffffff00",
183
- "dark": "#08091c",
184
- "light": "#ffffff"
185
- },
186
- "subdued": {
187
- "dark": "#2d2e3e",
188
- "light": "#d9dae8"
189
- },
190
- "tint": {
191
- "dark": "#141527",
192
- "light": "#f6f6f9",
193
- "neutral": "#f2f5f7",
194
- "transparent": "#9ea0bd1a"
195
- }
196
- },
197
- "boolean": {
198
- "false": {
199
- "contrast": "#9ea0bd",
200
- "dark": "#e5e5e959",
201
- "light": "#949699"
202
- },
203
- "true": {
204
- "contrast": "#5ac39a",
205
- "dark": "#5ac39a",
206
- "light": "#1a8e60"
207
- }
208
- },
209
- "disabled": {
210
- "light": "#cfd2d4",
211
- "transparent": "#cfd2d426",
212
- "transparentalt": "#cfd2d41a"
213
- },
214
- "information": {
215
- "contrast": "#64b3e7",
216
- "deep": "#067eb2",
217
- "muted": "#e1eff8",
218
- "tint": "#acd7f1",
219
- "transparent": "#2d98d233"
220
- },
221
- "negative": {
222
- "contrast": "#ff5959",
223
- "dark": "#5d0e0e",
224
- "deep": "#d31b1b",
225
- "muted": "#ffcece",
226
- "tint": "#ff9494",
227
- "transparent": "#ff949433"
228
- },
229
- "primary": {
230
- "active": {
231
- "contrast": "#8794d4",
232
- "light": "#11143c"
233
- },
234
- "default": {
235
- "contrast": "#aeb7e2",
236
- "light": "#181c56"
237
- },
238
- "hover": {
239
- "contrast": "#c7cdeb",
240
- "light": "#393d79"
241
- }
242
- },
243
- "secondary": {
244
- "active": {
245
- "contrast": "#8794d4",
246
- "light": "#aeb7e2"
247
- },
248
- "default": {
249
- "colorless": "#ffffff00"
250
- },
251
- "hover": {
252
- "contrast": "#626493",
253
- "light": "#d9ddf2"
254
- }
255
- },
256
- "selected": {
257
- "default": {
258
- "contrast": "#393d79",
259
- "dark": "#e5e5e9",
260
- "darkalt": "#81828f",
261
- "light": "#f6f6f9",
262
- "neutral": "#e3e6e8"
263
- },
264
- "hover": {
265
- "contrast": "#54568c",
266
- "dark": "#e5e5e959",
267
- "light": "#eaeaf1",
268
- "neutral": "#edf0f2"
269
- }
270
- },
271
- "success": {
272
- "contrast": "#5ac39a",
273
- "deep": "#1a8e60",
274
- "muted": "#d0f1e3",
275
- "subdued": "#37ab83",
276
- "tint": "#9cd9c2",
277
- "transparent": "#5ac39a33"
278
- },
279
- "warning": {
280
- "contrast": "#ffe082",
281
- "deep": "#ffca28",
282
- "muted": "#fff4cd",
283
- "tint": "#ffeeb3",
284
- "transparent": "#ffe08240"
285
- }
286
- },
287
- "shape": {
288
- "accent": "#181c56",
289
- "contrast": "#aeb7e2",
290
- "dark": "#08091c",
291
- "darkalt": "#b3b4bd",
292
- "disabled": "#515254",
293
- "highlight": "#ff5959",
294
- "highlightalt": "#ff9494",
295
- "inactive": "#bcbdd2",
296
- "information": "#067eb2",
297
- "informationalt": "#64b3e7",
298
- "informationalt2": "#acd7f1",
299
- "light": "#ffffff",
300
- "lightalt": "#e5e5e9",
301
- "negative": "#d31b1b",
302
- "negativealt": "#ff9494",
303
- "neutral": "#6e6f73",
304
- "neutralalt": "#b6b8ba",
305
- "neutralalt2": "#949699",
306
- "subdued": "#626493",
307
- "subduedalt": "#d9dae8",
308
- "success": "#1a8e60",
309
- "successalt": "#5ac39a",
310
- "successalt2": "#9cd9c2",
311
- "warning": "#ffca28",
312
- "warningalt": "#ffe082",
313
- "warningalt2": "#ffeeb3"
314
- },
315
- "stroke": {
316
- "accent": "#181c56",
317
- "colorless": "#ffffff00",
318
- "contrast": "#aeb7e2",
319
- "contrastalt": "#54568c",
320
- "dark": "#b3b4bd",
321
- "darkalt": "#81828f",
322
- "darkalt2": "#08091c",
323
- "highlight": "#ff5959",
324
- "highlightalt": "#ff9494",
325
- "information": "#067eb2",
326
- "informationalt": "#acd7f1",
327
- "light": "#ffffff",
328
- "lightalt": "#e5e5e9",
329
- "negative": "#d31b1b",
330
- "negativealt": "#ff9494",
331
- "neutral": "#e3e6e8",
332
- "neutralalt": "#949699",
333
- "subdued": "#8284ab",
334
- "success": "#1a8e60",
335
- "successalt": "#5ac39a",
336
- "successalt2": "#9cd9c2",
337
- "transparent": "#54568c66",
338
- "transparentalt": "#aeb7e2b2",
339
- "warning": "#e9b10c",
340
- "warningalt": "#ffeeb3"
341
- },
342
- "text": {
343
- "accent": "#181c56",
344
- "dark": "#08091c",
345
- "darkalt": "#b3b4bd",
346
- "disabled": "#515254",
347
- "highlight": "#aeb7e2",
348
- "highlightalt": "#ffbf9e",
349
- "light": "#ffffff",
350
- "lightalt": "#e5e5e9",
351
- "negative": "#d31b1b",
352
- "negativealt": "#ff9494",
353
- "neutral": "#6e6f73",
354
- "neutralalt": "#b6b8ba",
355
- "neutralalt2": "#949699",
356
- "subdued": "#626493",
357
- "subduedalt": "#d9dae8",
358
- "success": "#1a8e60",
359
- "successalt": "#5ac39a"
360
- }
361
- };
362
-
363
- /* DO NOT CHANGE!*/
364
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
365
- var base = {
366
- "light": {
367
- "baseColors": {
368
- "frame": {
369
- "contrast": "#181c56",
370
- "contrastalt": "#393d79",
371
- "contrastalt2": "#292b6a",
372
- "default": "#ffffff",
373
- "elevated": "#ffffff",
374
- "elevatedalt": "#f6f6f9",
375
- "subdued": "#d9dae8",
376
- "tint": "#f6f6f9"
377
- },
378
- "shape": {
379
- "accent": "#181c56",
380
- "bicycleContrast": "#00db9b",
381
- "bicycleDefault": "#388f76",
382
- "busContrast": "#ff6392",
383
- "busDefault": "#c5044e",
384
- "cablewayContrast": "#b482fb",
385
- "cablewayDefault": "#78469a",
386
- "disabled": "#6e6f73",
387
- "disabledalt": "#b6b8ba",
388
- "ferryContrast": "#6fdfff",
389
- "ferryDefault": "#0c6693",
390
- "funicularContrast": "#b482fb",
391
- "funicularDefault": "#78469a",
392
- "helicopterContrast": "#fbafea",
393
- "helicopterDefault": "#800664",
394
- "highlight": "#ff5959",
395
- "light": "#ffffff",
396
- "mask": "#ffffff",
397
- "maskalt": "#ffffff",
398
- "metroContrast": "#f08901",
399
- "metroDefault": "#bf5826",
400
- "mobilityContrast": "#00db9b",
401
- "mobilityDefault": "#388f76",
402
- "planeContrast": "#fbafea",
403
- "planeDefault": "#800664",
404
- "subdued": "#626493",
405
- "subduedalt": "#d9dae8",
406
- "taxiContrast": "#ffe082",
407
- "taxiDefault": "#3d3e40",
408
- "trainContrast": "#42a5f5",
409
- "trainDefault": "#00367f",
410
- "tramContrast": "#b482fb",
411
- "tramDefault": "#78469a",
412
- "walkContrast": "#8284ab",
413
- "walkDefault": "#8d8e9c",
414
- "airportlinkbusContrast": "#fbafea",
415
- "airportlinkbusDefault": "#800664",
416
- "airportlinkrailContrast": "#fbafea",
417
- "airportlinkrailDefault": "#800664"
418
- },
419
- "stroke": {
420
- "contrast": "#aeb7e2",
421
- "default": "#181c56",
422
- "disabled": "#949699",
423
- "focusContrast": "#aeb7e2",
424
- "focusStandard": "#181c56",
425
- "highlight": "#ff5959",
426
- "light": "#ffffff",
427
- "subdued": "#8284ab",
428
- "subduedalt": "#e3e6e8"
429
- },
430
- "text": {
431
- "accent": "#181c56",
432
- "disabled": "#6e6f73",
433
- "disabledalt": "#b6b8ba",
434
- "highlight": "#ff5959",
435
- "light": "#ffffff",
436
- "subdued": "#626493",
437
- "subduedalt": "#d9dae8"
438
- }
439
- }
440
- },
441
- "dark": {
442
- "baseColors": {
443
- "frame": {
444
- "contrast": "#212233",
445
- "contrastalt": "#141527",
446
- "contrastalt2": "#08091c",
447
- "default": "#08091c",
448
- "elevated": "#e5e5e926",
449
- "elevatedalt": "#464755",
450
- "subdued": "#2d2e3e",
451
- "tint": "#141527"
452
- },
453
- "shape": {
454
- "accent": "#e5e5e9",
455
- "bicycleContrast": "#4db295",
456
- "bicycleDefault": "#4db295",
457
- "busContrast": "#ef7398",
458
- "busDefault": "#ef7398",
459
- "cablewayContrast": "#b898e5",
460
- "cablewayDefault": "#b898e5",
461
- "disabled": "#b6b8ba",
462
- "disabledalt": "#b3b4bd",
463
- "ferryContrast": "#8ccfe2",
464
- "ferryDefault": "#8ccfe2",
465
- "funicularContrast": "#b898e5",
466
- "funicularDefault": "#b898e5",
467
- "helicopterContrast": "#f2b8e5",
468
- "helicopterDefault": "#f2b8e5",
469
- "highlight": "#ff9494",
470
- "light": "#e5e5e9",
471
- "mask": "#2d2e3e",
472
- "maskalt": "#393a49",
473
- "metroContrast": "#dd973c",
474
- "metroDefault": "#dd973c",
475
- "mobilityContrast": "#4db295",
476
- "mobilityDefault": "#4db295",
477
- "planeContrast": "#f2b8e5",
478
- "planeDefault": "#f2b8e5",
479
- "subdued": "#b3b4bd",
480
- "subduedalt": "#b3b4bd",
481
- "taxiContrast": "#ffe082",
482
- "taxiDefault": "#ffe082",
483
- "trainContrast": "#60a2d7",
484
- "trainDefault": "#60a2d7",
485
- "tramContrast": "#b898e5",
486
- "tramDefault": "#b898e5",
487
- "walkContrast": "#8d8e9c",
488
- "walkDefault": "#8d8e9c",
489
- "airportlinkbusContrast": "#f2b8e5",
490
- "airportlinkbusDefault": "#f2b8e5",
491
- "airportlinkrailContrast": "#f2b8e5",
492
- "airportlinkrailDefault": "#f2b8e5"
493
- },
494
- "stroke": {
495
- "contrast": "#aeb7e2",
496
- "default": "#b3b4bd",
497
- "disabled": "#e3e6e8",
498
- "focusContrast": "#aeb7e2",
499
- "focusStandard": "#aeb7e2",
500
- "highlight": "#ff9494",
501
- "light": "#b3b4bd",
502
- "subdued": "#81828f",
503
- "subduedalt": "#949699"
504
- },
505
- "text": {
506
- "accent": "#e5e5e9",
507
- "disabled": "#b6b8ba",
508
- "disabledalt": "#b6b8ba",
509
- "highlight": "#ff9494",
510
- "light": "#e5e5e9",
511
- "subdued": "#b3b4bd",
512
- "subduedalt": "#b3b4bd"
513
- }
514
- }
515
- }
516
- };
517
-
518
- /* DO NOT CHANGE!*/
519
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
520
- var data = {
521
- "light": {
522
- "contrast": {
523
- "azure": "#64b2fb",
524
- "blue": "#6c6eb7",
525
- "coral": "#ff5959",
526
- "jungle": "#0fc2b3",
527
- "lavender": "#aeb7e2",
528
- "lilac": "#ea8bea",
529
- "peach": "#ffbf9e",
530
- "spring": "#7bc00b"
531
- },
532
- "standard": {
533
- "azure": "#2f98fa",
534
- "blue": "#181c56",
535
- "coral": "#ff5959",
536
- "jungle": "#0ea2a8",
537
- "lavender": "#8692ca",
538
- "lilac": "#8e57e3",
539
- "peach": "#ca825b",
540
- "spring": "#57a257"
541
- }
542
- },
543
- "dark": {
544
- "contrast": {
545
- "azure": "#669bcc",
546
- "blue": "#aeb7e2",
547
- "coral": "#ff9494",
548
- "jungle": "#349d94",
549
- "lavender": "#7c8ad0",
550
- "lilac": "#c982c9",
551
- "peach": "#d6855c",
552
- "spring": "#8cb24c"
553
- },
554
- "standard": {
555
- "azure": "#669bcc",
556
- "blue": "#aeb7e2",
557
- "coral": "#ff9494",
558
- "jungle": "#349d94",
559
- "lavender": "#7c8ad0",
560
- "lilac": "#c982c9",
561
- "peach": "#d6855c",
562
- "spring": "#8cb24c"
563
- }
564
- }
565
- };
566
-
567
- /* DO NOT CHANGE!*/
568
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
569
- var transport = {
570
- "contrast": {
571
- "bicycle": "#00db9b",
572
- "bus": "#ff6392",
573
- "busTransparent": "#ff639226",
574
- "cableway": "#b482fb",
575
- "cablewayTransparent": "#b482fb26",
576
- "carferry": "#6fdfff",
577
- "carferryTransparent": "#6fdfff26",
578
- "citybike": "#00db9b",
579
- "ferry": "#6fdfff",
580
- "ferryTransparent": "#6fdfff26",
581
- "funicular": "#b482fb",
582
- "funicularTransparent": "#b482fb26",
583
- "helicopter": "#fbafea",
584
- "helicopterTransparent": "#fbafea26",
585
- "metro": "#f08901",
586
- "metroTransparent": "#f0890126",
587
- "mobility": "#00db9b",
588
- "neutral": "#ffffff",
589
- "plane": "#fbafea",
590
- "planeTransparent": "#fbafea26",
591
- "taxi": "#ffe082",
592
- "taxiTransparent": "#ffe08226",
593
- "train": "#42a5f5",
594
- "trainTransparent": "#42a5f526",
595
- "tram": "#b482fb",
596
- "tramTransparent": "#b482fb26",
597
- "walk": "#8284ab",
598
- "airportlinkbus": "#fbafea",
599
- "airportlinkbusTransparent": "#fbafea26",
600
- "airportlinkrail": "#fbafea",
601
- "airportlinkrailTransparent": "#fbafea26"
602
- },
603
- "dark": {
604
- "bicycle": "#4db295",
605
- "bus": "#ef7398",
606
- "busTransparent": "#ef739826",
607
- "cableway": "#b898e5",
608
- "cablewayTransparent": "#b898e526",
609
- "carferry": "#8ccfe2",
610
- "carferryTransparent": "#8ccfe226",
611
- "citybike": "#4db295",
612
- "ferry": "#8ccfe2",
613
- "ferryTransparent": "#8ccfe226",
614
- "funicular": "#b898e5",
615
- "funicularTransparent": "#b898e526",
616
- "helicopter": "#f2b8e5",
617
- "helicopterTransparent": "#f2b8e526",
618
- "metro": "#dd973c",
619
- "metroTransparent": "#dd973c26",
620
- "mobility": "#4db295",
621
- "neutral": "#e5e5e9",
622
- "plane": "#f2b8e5",
623
- "planeTransparent": "#f2b8e526",
624
- "taxi": "#ffe082",
625
- "taxiTransparent": "#ffe08226",
626
- "train": "#60a2d7",
627
- "trainTransparent": "#60a2d726",
628
- "tram": "#b898e5",
629
- "tramTransparent": "#b898e526",
630
- "walk": "#8d8e9c",
631
- "airportlinkbus": "#f2b8e5",
632
- "airportlinkbusTransparent": "#f2b8e526",
633
- "airportlinkrail": "#f2b8e5",
634
- "airportlinkrailTransparent": "#f2b8e526"
635
- },
636
- "standard": {
637
- "bicycle": "#388f76",
638
- "bus": "#c5044e",
639
- "busTransparent": "#c5044e26",
640
- "cableway": "#78469a",
641
- "cablewayTransparent": "#78469a26",
642
- "carferry": "#0c6693",
643
- "carferryTransparent": "#0c669326",
644
- "citybike": "#388f76",
645
- "ferry": "#0c6693",
646
- "ferryTransparent": "#0c669326",
647
- "funicular": "#78469a",
648
- "funicularTransparent": "#78469a26",
649
- "helicopter": "#800664",
650
- "helicopterTransparent": "#80066426",
651
- "metro": "#bf5826",
652
- "metroTransparent": "#bf582626",
653
- "mobility": "#388f76",
654
- "neutral": "#181c56",
655
- "plane": "#800664",
656
- "planeTransparent": "#80066426",
657
- "taxi": "#3d3e40",
658
- "taxiTransparent": "#3d3e4026",
659
- "train": "#00367f",
660
- "trainTransparent": "#00367f26",
661
- "tram": "#78469a",
662
- "tramTransparent": "#78469a26",
663
- "walk": "#8d8e9c",
664
- "airportlinkbus": "#800664",
665
- "airportlinkbusTransparent": "#80066426",
666
- "airportlinkrail": "#800664",
667
- "airportlinkrailTransparent": "#80066426"
668
- }
669
- };
670
-
671
- /* DO NOT CHANGE!*/
672
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
673
- var componentColors = {
674
- "light": {
675
- "components": {
676
- "layout": {
677
- "badge": {
678
- "information": {
679
- "contrast": {
680
- "border": "#ffffff00",
681
- "bullet": "#64b3e7",
682
- "fill": "#64b3e7",
683
- "text": "#181c56",
684
- "textBullet": "#ffffff"
685
- },
686
- "standard": {
687
- "border": "#067eb2",
688
- "bullet": "#067eb2",
689
- "fill": "#e1eff8",
690
- "text": "#181c56",
691
- "textBullet": "#181c56"
692
- }
693
- },
694
- "negative": {
695
- "contrast": {
696
- "border": "#ffffff00",
697
- "bullet": "#ff5959",
698
- "fill": "#ff9494",
699
- "text": "#181c56",
700
- "textBullet": "#ffffff"
701
- },
702
- "standard": {
703
- "border": "#d31b1b",
704
- "bullet": "#d31b1b",
705
- "fill": "#ffcece",
706
- "text": "#181c56",
707
- "textBullet": "#181c56"
708
- }
709
- },
710
- "neutral": {
711
- "contrast": {
712
- "border": "#ffffff00",
713
- "bullet": "#c7cdeb",
714
- "fill": "#54568c",
715
- "text": "#ffffff",
716
- "textBullet": "#ffffff"
717
- },
718
- "standard": {
719
- "border": "#949699",
720
- "bullet": "#81828f",
721
- "fill": "#f6f6f9",
722
- "text": "#181c56",
723
- "textBullet": "#181c56"
724
- }
725
- },
726
- "primary": {
727
- "contrast": {
728
- "bullet": "#aeb7e2",
729
- "fill": "#aeb7e2",
730
- "text": "#181c56",
731
- "textBullet": "#ffffff"
732
- },
733
- "standard": {
734
- "bullet": "#181c56",
735
- "fill": "#181c56",
736
- "text": "#ffffff",
737
- "textBullet": "#181c56"
738
- }
739
- },
740
- "success": {
741
- "contrast": {
742
- "border": "#ffffff00",
743
- "bullet": "#5ac39a",
744
- "fill": "#5ac39a",
745
- "text": "#181c56",
746
- "textBullet": "#ffffff"
747
- },
748
- "standard": {
749
- "border": "#1a8e60",
750
- "bullet": "#1a8e60",
751
- "fill": "#d0f1e3",
752
- "text": "#181c56",
753
- "textBullet": "#181c56"
754
- }
755
- },
756
- "warning": {
757
- "contrast": {
758
- "border": "#ffffff00",
759
- "bullet": "#ffe082",
760
- "fill": "#ffe082",
761
- "text": "#181c56",
762
- "textBullet": "#ffffff"
763
- },
764
- "standard": {
765
- "border": "#e9b10c",
766
- "bullet": "#ffca28",
767
- "fill": "#fff4cd",
768
- "text": "#181c56",
769
- "textBullet": "#181c56"
770
- }
771
- }
772
- },
773
- "card": {
774
- "contrast": {
775
- "borderDefault": "#ffffff00",
776
- "borderActive": "#aeb7e2",
777
- "divide": "#ff5959",
778
- "fillDefaultSolid": "#393d79",
779
- "fillDefaultTransparent": "#393d79",
780
- "fillHoveractive": "#54568c",
781
- "icon": "#ffffff",
782
- "shadowLayer1": "#ffffff00",
783
- "shadowLayer2": "#ffffff00",
784
- "shadowLayer3": "#ffffff00",
785
- "subjectText": "#d9dae8",
786
- "text": "#ffffff"
787
- },
788
- "standard": {
789
- "borderDefault": "#e3e6e8",
790
- "borderActive": "#181c56",
791
- "divide": "#ff5959",
792
- "fillDefaultSolid": "#ffffff",
793
- "fillDefaultTransparent": "#ffffff",
794
- "fillHoveractive": "#f6f6f9",
795
- "icon": "#181c56",
796
- "shadowLayer1": "#cccdd44d",
797
- "shadowLayer2": "#e5e5e959",
798
- "shadowLayer3": "#e5e5e926",
799
- "subjectText": "#626493",
800
- "text": "#181c56"
801
- }
802
- }
803
- },
804
- "alert": {
805
- "alertbox": {
806
- "information": {
807
- "contrast": {
808
- "border": "#067eb2",
809
- "fillDefault": "#acd7f1",
810
- "fillToast": "#acd7f1",
811
- "iconDefault": "#181c56",
812
- "iconToast": "#181c56",
813
- "textDefault": "#181c56",
814
- "textToast": "#181c56"
815
- },
816
- "standard": {
817
- "border": "#067eb2",
818
- "fillDefault": "#e1eff8",
819
- "fillToast": "#e1eff8",
820
- "iconDefault": "#067eb2",
821
- "iconToast": "#067eb2",
822
- "textDefault": "#181c56",
823
- "textToast": "#181c56"
824
- }
825
- },
826
- "negative": {
827
- "contrast": {
828
- "border": "#d31b1b",
829
- "fillDefault": "#ff9494",
830
- "fillToast": "#ff9494",
831
- "iconDefault": "#181c56",
832
- "iconToast": "#181c56",
833
- "textDefault": "#181c56",
834
- "textToast": "#181c56"
835
- },
836
- "standard": {
837
- "border": "#d31b1b",
838
- "fillDefault": "#ffcece",
839
- "fillToast": "#ffcece",
840
- "iconDefault": "#d31b1b",
841
- "iconToast": "#d31b1b",
842
- "textDefault": "#181c56",
843
- "textToast": "#181c56"
844
- }
845
- },
846
- "success": {
847
- "contrast": {
848
- "border": "#1a8e60",
849
- "fillDefault": "#9cd9c2",
850
- "fillToast": "#9cd9c2",
851
- "iconDefault": "#181c56",
852
- "iconToast": "#181c56",
853
- "textDefault": "#181c56",
854
- "textToast": "#181c56"
855
- },
856
- "standard": {
857
- "border": "#1a8e60",
858
- "fillDefault": "#d0f1e3",
859
- "fillToast": "#d0f1e3",
860
- "iconDefault": "#1a8e60",
861
- "iconToast": "#1a8e60",
862
- "textDefault": "#181c56",
863
- "textToast": "#181c56"
864
- }
865
- },
866
- "warning": {
867
- "contrast": {
868
- "border": "#e9b10c",
869
- "fillDefault": "#ffeeb3",
870
- "fillToast": "#ffeeb3",
871
- "iconDefault": "#181c56",
872
- "iconToast": "#181c56",
873
- "textDefault": "#181c56",
874
- "textDefault2": "#181c56"
875
- },
876
- "standard": {
877
- "border": "#e9b10c",
878
- "fillDefault": "#fff4cd",
879
- "fillToast": "#fff4cd",
880
- "iconDefault": "#181c56",
881
- "iconToast": "#181c56",
882
- "textDefault": "#181c56",
883
- "textToast": "#181c56"
884
- }
885
- }
886
- },
887
- "copyableText": {
888
- "contrast": {
889
- "border": "#ffffff00",
890
- "borderInteractive": "#aeb7e2",
891
- "fill": "#f6f6f9",
892
- "icon": "#181c56",
893
- "text": "#181c56"
894
- },
895
- "standard": {
896
- "border": "#54568c66",
897
- "borderInteractive": "#181c56",
898
- "fill": "#f6f6f9",
899
- "icon": "#181c56",
900
- "text": "#181c56"
901
- }
902
- }
903
- },
904
- "button": {
905
- "disabled": {
906
- "contrast": {
907
- "fill": "#cfd2d426",
908
- "iconDisabled": "#b6b8ba",
909
- "textDisabled": "#b6b8ba"
910
- },
911
- "standard": {
912
- "fill": "#cfd2d4",
913
- "iconDisabled": "#515254",
914
- "textDisabled": "#515254"
915
- }
916
- },
917
- "floating": {
918
- "contrast": {
919
- "active": "#d9dae8",
920
- "default": "#ffffff",
921
- "hover": "#f6f6f9",
922
- "icon": "#181c56",
923
- "text": "#181c56"
924
- },
925
- "standard": {
926
- "active": "#11143c",
927
- "default": "#181c56",
928
- "hover": "#393d79",
929
- "icon": "#ffffff",
930
- "text": "#ffffff"
931
- }
932
- },
933
- "iconButton": {
934
- "contrast": {
935
- "active": "#8794d4",
936
- "default": "#ffffff00",
937
- "hover": "#626493",
938
- "icon": "#ffffff",
939
- "iconActive": "#181c56",
940
- "text": "#ffffff",
941
- "textActive": "#181c56"
942
- },
943
- "standard": {
944
- "active": "#aeb7e2",
945
- "default": "#ffffff00",
946
- "hover": "#d9ddf2",
947
- "icon": "#181c56",
948
- "iconActive": "#181c56",
949
- "text": "#181c56",
950
- "textActive": "#181c56"
951
- }
952
- },
953
- "negative": {
954
- "contrast": {
955
- "active": "#ff9494",
956
- "border": "#ff9494",
957
- "default": "#ffffff00",
958
- "hover": "#ff949433",
959
- "icon": "#ffffff",
960
- "iconActive": "#181c56",
961
- "text": "#ffffff",
962
- "textActive": "#181c56"
963
- },
964
- "standard": {
965
- "active": "#d31b1b",
966
- "border": "#d31b1b",
967
- "default": "#ffffff00",
968
- "hover": "#ffcece",
969
- "icon": "#d31b1b",
970
- "iconActive": "#ffffff",
971
- "text": "#d31b1b",
972
- "textActive": "#ffffff"
973
- }
974
- },
975
- "primary": {
976
- "contrast": {
977
- "active": "#8794d4",
978
- "default": "#aeb7e2",
979
- "hover": "#c7cdeb",
980
- "icon": "#181c56",
981
- "text": "#181c56"
982
- },
983
- "standard": {
984
- "active": "#11143c",
985
- "default": "#181c56",
986
- "hover": "#393d79",
987
- "icon": "#ffffff",
988
- "text": "#ffffff"
989
- }
990
- },
991
- "secondary": {
992
- "contrast": {
993
- "active": "#8794d4",
994
- "border": "#8284ab",
995
- "borderActive": "#ffffff00",
996
- "default": "#ffffff00",
997
- "hover": "#626493",
998
- "icon": "#ffffff",
999
- "iconActive": "#181c56",
1000
- "text": "#ffffff",
1001
- "textActive": "#181c56"
1002
- },
1003
- "standard": {
1004
- "active": "#aeb7e2",
1005
- "border": "#8284ab",
1006
- "borderActive": "#181c56",
1007
- "default": "#ffffff00",
1008
- "hover": "#d9ddf2",
1009
- "icon": "#181c56",
1010
- "iconActive": "#181c56",
1011
- "text": "#181c56",
1012
- "textActive": "#181c56"
1013
- }
1014
- },
1015
- "squareSecondary": {
1016
- "contrast": {
1017
- "active": "#8794d4",
1018
- "border": "#8284ab",
1019
- "borderActive": "#ffffff00",
1020
- "default": "#ffffff00",
1021
- "hover": "#d9ddf2",
1022
- "iconActive": "#181c56",
1023
- "iconDefault": "#ffffff",
1024
- "iconHover": "#181c56",
1025
- "label": "#ffffff"
1026
- },
1027
- "standard": {
1028
- "active": "#aeb7e2",
1029
- "border": "#8284ab",
1030
- "borderActive": "#181c56",
1031
- "default": "#ffffff00",
1032
- "hover": "#d9ddf2",
1033
- "icon": "#181c56",
1034
- "iconActive": "#181c56",
1035
- "text": "#181c56"
1036
- }
1037
- },
1038
- "squareSuccess": {
1039
- "contrast": {
1040
- "active": "#37ab83",
1041
- "border": "#ffffff00",
1042
- "default": "#5ac39a",
1043
- "hover": "#9cd9c2",
1044
- "icon": "#181c56",
1045
- "label": "#ffffff"
1046
- },
1047
- "standard": {
1048
- "active": "#37ab83",
1049
- "border": "#181c56",
1050
- "default": "#5ac39a",
1051
- "hover": "#9cd9c2",
1052
- "icon": "#181c56",
1053
- "label": "#181c56"
1054
- }
1055
- },
1056
- "success": {
1057
- "contrast": {
1058
- "active": "#37ab83",
1059
- "border": "#ffffff00",
1060
- "default": "#5ac39a",
1061
- "hover": "#9cd9c2",
1062
- "icon": "#181c56",
1063
- "text": "#181c56"
1064
- },
1065
- "standard": {
1066
- "active": "#37ab83",
1067
- "border": "#181c56",
1068
- "default": "#5ac39a",
1069
- "hover": "#9cd9c2",
1070
- "icon": "#181c56",
1071
- "text": "#181c56"
1072
- }
1073
- }
1074
- },
1075
- "chip": {
1076
- "contrast": {
1077
- "active": "#8794d4",
1078
- "border": "#aeb7e2b2",
1079
- "borderDisabled": "#949699",
1080
- "default": "#ffffff00",
1081
- "hover": "#626493",
1082
- "iconDisabled": "#b6b8ba",
1083
- "iconSelected": "#181c56",
1084
- "iconUnselected": "#ffffff",
1085
- "textDisabled": "#b6b8ba",
1086
- "textSelected": "#181c56",
1087
- "textUnselected": "#ffffff"
1088
- },
1089
- "standard": {
1090
- "active": "#aeb7e2",
1091
- "border": "#54568c66",
1092
- "borderDisabled": "#949699",
1093
- "default": "#ffffff00",
1094
- "hover": "#d9ddf2",
1095
- "iconDisabled": "#6e6f73",
1096
- "iconSelected": "#181c56",
1097
- "iconUnselected": "#181c56",
1098
- "textDisabled": "#6e6f73",
1099
- "textSelected": "#181c56",
1100
- "textUnselected": "#181c56"
1101
- }
1102
- },
1103
- "datepicker": {
1104
- "calendar": {
1105
- "background": "#ffffff",
1106
- "border": "#e3e6e8",
1107
- "dateborder": "#e3e6e8",
1108
- "datefillHover": "#d9ddf2",
1109
- "datefillSelected": "#aeb7e2",
1110
- "icon": "#181c56",
1111
- "strokeToday": "#ff5959",
1112
- "textAccent": "#181c56",
1113
- "textDisabled": "#b6b8ba",
1114
- "textSubdued": "#626493"
1115
- }
1116
- },
1117
- "expand": {
1118
- "expandablePanel": {
1119
- "contrast": {
1120
- "fillDefault": "#393d79",
1121
- "fillHover": "#626493",
1122
- "fillSelected": "#393d79",
1123
- "icon": "#ffffff",
1124
- "text": "#ffffff"
1125
- },
1126
- "standard": {
1127
- "fillDefault": "#e3e6e8",
1128
- "fillHover": "#edf0f2",
1129
- "fillSelected": "#e3e6e8",
1130
- "icon": "#181c56",
1131
- "text": "#181c56"
1132
- }
1133
- },
1134
- "expandableText": {
1135
- "contrast": {
1136
- "icon": "#ffffff",
1137
- "text": "#ffffff"
1138
- },
1139
- "standard": {
1140
- "icon": "#181c56",
1141
- "text": "#181c56"
1142
- }
1143
- }
1144
- },
1145
- "form": {
1146
- "baseForm": {
1147
- "contrast": {
1148
- "borderDefault": "#8284ab",
1149
- "borderInteractive": "#aeb7e2",
1150
- "borderNegative": "#ff9494",
1151
- "borderSuccess": "#5ac39a",
1152
- "fillDefault": "#ffffff",
1153
- "fillDisabled": "#cfd2d426",
1154
- "fillReadonly": "#ffffff00",
1155
- "icon": "#181c56",
1156
- "iconDisabled": "#6e6f73",
1157
- "textContent": "#181c56",
1158
- "textDescription": "#ffffff",
1159
- "textLabel": "#626493",
1160
- "textDisabled": "#6e6f73"
1161
- },
1162
- "standard": {
1163
- "borderDefault": "#8284ab",
1164
- "borderInteractive": "#181c56",
1165
- "borderNegative": "#d31b1b",
1166
- "borderSuccess": "#1a8e60",
1167
- "fillDefault": "#ffffff",
1168
- "fillDisabled": "#cfd2d4",
1169
- "fillReadonly": "#ffffff00",
1170
- "icon": "#181c56",
1171
- "iconDisabled": "#6e6f73",
1172
- "textContent": "#181c56",
1173
- "textDescription": "#181c56",
1174
- "textLabel": "#626493",
1175
- "textDisabled": "#6e6f73"
1176
- }
1177
- },
1178
- "baseMenu": {
1179
- "border": "#8284ab",
1180
- "fillDefault": "#f2f5f7",
1181
- "fillHover": "#d9ddf2",
1182
- "fillSelected": "#aeb7e2",
1183
- "icon": "#181c56",
1184
- "iconDisabled": "#6e6f73",
1185
- "text": "#181c56",
1186
- "textDisabled": "#6e6f73"
1187
- },
1188
- "basePanel": {
1189
- "contrast": {
1190
- "borderDefault": "#8284ab",
1191
- "borderDisabled": "#949699",
1192
- "borderSelected": "#aeb7e2",
1193
- "fillDefault": "#ffffff00",
1194
- "fillDisabled": "#cfd2d426",
1195
- "fillExpired": "#ff949433",
1196
- "fillHover": "#54568c",
1197
- "fillSelected": "#393d79",
1198
- "textAccent": "#ffffff",
1199
- "textDisabled": "#b6b8ba",
1200
- "textRebate": "#5ac39a",
1201
- "textSubdued": "#d9dae8"
1202
- },
1203
- "standard": {
1204
- "borderDefault": "#8284ab",
1205
- "borderDisabled": "#949699",
1206
- "borderSelected": "#181c56",
1207
- "fillDefault": "#ffffff00",
1208
- "fillDisabled": "#cfd2d4",
1209
- "fillExpired": "#ff949433",
1210
- "fillHover": "#eaeaf1",
1211
- "fillSelected": "#f6f6f9",
1212
- "textAccent": "#181c56",
1213
- "textDisabled": "#6e6f73",
1214
- "textRebate": "#1a8e60",
1215
- "textSubdued": "#626493"
1216
- }
1217
- },
1218
- "checkbox": {
1219
- "contrast": {
1220
- "border": "#aeb7e2",
1221
- "borderNegative": "#ff9494",
1222
- "fillDefault": "#ffffff00",
1223
- "fillHover": "#626493",
1224
- "fillSelected": "#aeb7e2",
1225
- "fillSelectedhover": "#c7cdeb",
1226
- "icon": "#181c56",
1227
- "text": "#ffffff"
1228
- },
1229
- "standard": {
1230
- "border": "#181c56",
1231
- "borderNegative": "#d31b1b",
1232
- "fillDefault": "#ffffff00",
1233
- "fillHover": "#d9ddf2",
1234
- "fillSelected": "#181c56",
1235
- "fillSelectedhover": "#393d79",
1236
- "icon": "#ffffff",
1237
- "text": "#181c56"
1238
- }
1239
- },
1240
- "feedbackText": {
1241
- "information": {
1242
- "contrast": {
1243
- "iconFill": "#64b3e7",
1244
- "iconSymbol": "#181c56",
1245
- "stroke": "#181c56",
1246
- "text": "#ffffff"
1247
- },
1248
- "standard": {
1249
- "iconFill": "#067eb2",
1250
- "iconSymbol": "#ffffff",
1251
- "stroke": "#ffffff",
1252
- "text": "#181c56"
1253
- }
1254
- },
1255
- "negative": {
1256
- "contrast": {
1257
- "iconFill": "#ff9494",
1258
- "iconSymbol": "#181c56",
1259
- "stroke": "#181c56",
1260
- "text": "#ffffff"
1261
- },
1262
- "standard": {
1263
- "iconFill": "#d31b1b",
1264
- "stroke": "#ffffff",
1265
- "symbol": "#ffffff",
1266
- "text": "#181c56"
1267
- }
1268
- },
1269
- "success": {
1270
- "contrast": {
1271
- "iconFill": "#5ac39a",
1272
- "iconStroke": "#181c56",
1273
- "iconSymbol": "#181c56",
1274
- "text": "#ffffff"
1275
- },
1276
- "standard": {
1277
- "iconFill": "#1a8e60",
1278
- "iconStroke": "#ffffff",
1279
- "iconSymbol": "#ffffff",
1280
- "text": "#181c56"
1281
- }
1282
- },
1283
- "warning": {
1284
- "contrast": {
1285
- "icon": "#ffe082",
1286
- "iconSymbol": "#181c56",
1287
- "stroke": "#181c56",
1288
- "text": "#ffffff"
1289
- },
1290
- "standard": {
1291
- "iconFill": "#ffca28",
1292
- "iconSymbol": "#181c56",
1293
- "stroke": "#ffffff",
1294
- "text": "#181c56"
1295
- }
1296
- }
1297
- },
1298
- "radio": {
1299
- "contrast": {
1300
- "border": "#aeb7e2",
1301
- "borderNegative": "#ff9494",
1302
- "fillDefault": "#ffffff00",
1303
- "fillHover": "#626493",
1304
- "fillSelected": "#aeb7e2",
1305
- "fillSelectedhover": "#c7cdeb",
1306
- "icon": "#ffffff",
1307
- "text": "#ffffff"
1308
- },
1309
- "standard": {
1310
- "border": "#181c56",
1311
- "borderNegative": "#d31b1b",
1312
- "fillDefault": "#ffffff00",
1313
- "fillHover": "#d9ddf2",
1314
- "fillSelected": "#181c56",
1315
- "icon": "#181c56",
1316
- "selectedhover": "#393d79",
1317
- "text": "#181c56"
1318
- }
1319
- },
1320
- "segmentedControl": {
1321
- "contrast": {
1322
- "background": "#393d79",
1323
- "fillHover": "#626493",
1324
- "fillSelected": "#ffffff",
1325
- "fillUnselected": "#ffffff00",
1326
- "iconSelected": "#181c56",
1327
- "iconUnselected": "#ffffff",
1328
- "textSelected": "#181c56",
1329
- "textUnselected": "#ffffff"
1330
- },
1331
- "standard": {
1332
- "background": "#d9dae8",
1333
- "fillHover": "#eaeaf1",
1334
- "fillSelected": "#ffffff",
1335
- "fillUnselected": "#ffffff00",
1336
- "iconSelected": "#181c56",
1337
- "iconUnselected": "#181c56",
1338
- "textSelected": "#181c56",
1339
- "textUnselected": "#181c56"
1340
- }
1341
- },
1342
- "switch": {
1343
- "contrast": {
1344
- "fillFalse": "#9ea0bd",
1345
- "fillTrue": "#5ac39a",
1346
- "iconFalse": "#626493",
1347
- "iconTrue": "#181c56",
1348
- "switch": "#ffffff",
1349
- "text": "#ffffff"
1350
- },
1351
- "standard": {
1352
- "fillFalse": "#949699",
1353
- "fillTrue": "#1a8e60",
1354
- "iconFalse": "#6e6f73",
1355
- "iconTrue": "#181c56",
1356
- "switch": "#ffffff",
1357
- "text": "#181c56"
1358
- }
1359
- }
1360
- },
1361
- "loader": {
1362
- "fileupload": {
1363
- "contrast": {
1364
- "fillDefault": "#ffffff00",
1365
- "icon": "#ffffff",
1366
- "iconDisabled": "#949699",
1367
- "strokeDefault": "#8284ab",
1368
- "strokeDisabled": "#949699",
1369
- "strokeNegative": "#ff9494",
1370
- "strokeSuccess": "#5ac39a",
1371
- "text": "#ffffff",
1372
- "textDisabled": "#949699"
1373
- },
1374
- "standard": {
1375
- "fillDefault": "#ffffff00",
1376
- "icon": "#181c56",
1377
- "iconDisabled": "#6e6f73",
1378
- "strokeDefault": "#8284ab",
1379
- "strokeDisabled": "#949699",
1380
- "strokeNegative": "#d31b1b",
1381
- "strokeSuccess": "#1a8e60",
1382
- "text": "#181c56",
1383
- "textDisabled": "#6e6f73"
1384
- }
1385
- },
1386
- "loader": {
1387
- "contrast": {
1388
- "border": "#8284ab",
1389
- "progressbar": "#ff5959",
1390
- "text": "#ffffff"
1391
- },
1392
- "standard": {
1393
- "border": "#949699",
1394
- "progressbar": "#ff5959",
1395
- "text": "#181c56"
1396
- }
1397
- },
1398
- "spinner": {
1399
- "contrast": {
1400
- "fill": "#ffffff"
1401
- },
1402
- "standard": {
1403
- "fill": "#181c56"
1404
- }
1405
- },
1406
- "skeleton": {
1407
- "contrast": {
1408
- "fill": "#292b6a",
1409
- "highlight": "#181c56"
1410
- },
1411
- "standard": {
1412
- "fill": "#eaeaf1",
1413
- "highlight": "#f6f6f9"
1414
- }
1415
- }
1416
- },
1417
- "menu": {
1418
- "breadcrumb": {
1419
- "contrast": {
1420
- "icon": "#ffffff",
1421
- "text": "#ffffff"
1422
- },
1423
- "standard": {
1424
- "icon": "#181c56",
1425
- "text": "#181c56"
1426
- }
1427
- },
1428
- "navigationBar": {
1429
- "contrast": {
1430
- "background": "#393d79",
1431
- "divide": "#ffffff00",
1432
- "iconSelected": "#ffffff",
1433
- "iconUnselected": "#d9dae8",
1434
- "strokeSelected": "#ff5959",
1435
- "textSelected": "#ffffff",
1436
- "textUnselected": "#d9dae8"
1437
- },
1438
- "standard": {
1439
- "background": "#ffffff",
1440
- "divide": "#e3e6e8",
1441
- "iconSelected": "#181c56",
1442
- "iconUnselected": "#626493",
1443
- "strokeSelected": "#ff5959",
1444
- "textSelected": "#181c56",
1445
- "textUnselected": "#626493"
1446
- }
1447
- },
1448
- "navigationLink": {
1449
- "contrast": {
1450
- "icon": "#ffffff",
1451
- "text": "#ffffff"
1452
- },
1453
- "standard": {
1454
- "icon": "#181c56",
1455
- "text": "#181c56"
1456
- }
1457
- },
1458
- "overflowMenu": {
1459
- "border": "#8284ab",
1460
- "fillActive": "#aeb7e2",
1461
- "fillDefault": "#f2f5f7",
1462
- "fillHover": "#d9ddf2",
1463
- "icon": "#181c56",
1464
- "iconDisabled": "#6e6f73",
1465
- "text": "#181c56",
1466
- "textDisabled": "#6e6f73"
1467
- },
1468
- "pagination": {
1469
- "contrast": {
1470
- "active": "#8794d4",
1471
- "borderSelected": "#ffffff",
1472
- "borderUnselected": "#aeb7e2b2",
1473
- "default": "#ffffff00",
1474
- "hover": "#626493",
1475
- "icon": "#ffffff",
1476
- "textSelected": "#181c56",
1477
- "textSubdued": "#d9dae8",
1478
- "textUnselected": "#ffffff"
1479
- },
1480
- "standard": {
1481
- "active": "#aeb7e2",
1482
- "borderSelected": "#181c56",
1483
- "borderUnselected": "#54568c66",
1484
- "default": "#ffffff00",
1485
- "hover": "#d9ddf2",
1486
- "icon": "#181c56",
1487
- "textSelected": "#181c56",
1488
- "textSubdued": "#626493",
1489
- "textUnselected": "#181c56"
1490
- }
1491
- },
1492
- "sideNavigation": {
1493
- "contrast": {
1494
- "avatar": "#393d79",
1495
- "background": "#181c56",
1496
- "divide": "#8284ab",
1497
- "fillActive": "#ffffff00",
1498
- "fillDefault": "#ffffff00",
1499
- "fillHover": "#393d79",
1500
- "icon": "#ffffff",
1501
- "iconDisabled": "#b6b8ba",
1502
- "iconLabel": "#aeb7e2",
1503
- "label": "#aeb7e2",
1504
- "strokeSelected": "#ff5959",
1505
- "text": "#ffffff",
1506
- "textDisabled": "#b6b8ba"
1507
- },
1508
- "standard": {
1509
- "avatar": "#ffffff",
1510
- "background": "#f2f5f7",
1511
- "divide": "#e3e6e8",
1512
- "fillActive": "#ffffff00",
1513
- "fillDefault": "#ffffff00",
1514
- "fillHover": "#d9dae8",
1515
- "icon": "#181c56",
1516
- "iconDisabled": "#6e6f73",
1517
- "iconLabel": "#626493",
1518
- "label": "#626493",
1519
- "strokeSelected": "#181c56",
1520
- "text": "#181c56",
1521
- "textDisabled": "#6e6f73"
1522
- }
1523
- },
1524
- "stepper": {
1525
- "contrast": {
1526
- "background": "#626493",
1527
- "progressbar": "#aeb7e2",
1528
- "textCompleted": "#ffffff",
1529
- "textUncompleted": "#aeb7e2"
1530
- },
1531
- "standard": {
1532
- "background": "#e3e6e8",
1533
- "progressbar": "#181c56",
1534
- "textCompleted": "#181c56",
1535
- "textUncompleted": "#6e6f73"
1536
- }
1537
- },
1538
- "tableOfContent": {
1539
- "contrast": {
1540
- "iconSelected": "#ffffff",
1541
- "iconUnselected": "#d9dae8",
1542
- "strokeSelected": "#ff5959",
1543
- "strokeUnselected": "#54568c",
1544
- "textSelected": "#ffffff",
1545
- "textUnselected": "#d9dae8"
1546
- },
1547
- "standard": {
1548
- "iconSelected": "#181c56",
1549
- "iconUnselected": "#626493",
1550
- "strokeSelected": "#ff5959",
1551
- "strokeUnselected": "#e3e6e8",
1552
- "textSelected": "#181c56",
1553
- "textUnselected": "#626493"
1554
- }
1555
- }
1556
- },
1557
- "modal": {
1558
- "drawer": {
1559
- "contrast": {
1560
- "background": "#393d79",
1561
- "text": "#ffffff"
1562
- },
1563
- "standard": {
1564
- "background": "#eaeaf1",
1565
- "text": "#181c56"
1566
- }
1567
- },
1568
- "modal": {
1569
- "contrast": {
1570
- "border": "#ffffff00",
1571
- "fill": "#ffffff",
1572
- "icon": "#181c56",
1573
- "text": "#181c56"
1574
- },
1575
- "standard": {
1576
- "border": "#e3e6e8",
1577
- "fill": "#ffffff",
1578
- "icon": "#181c56",
1579
- "text": "#181c56"
1580
- }
1581
- }
1582
- },
1583
- "tab": {
1584
- "contrast": {
1585
- "border": "#aeb7e2",
1586
- "fillDisabled": "#54568c66",
1587
- "fillHover": "#626493",
1588
- "fillSelected": "#181c56",
1589
- "fillUnselected": "#393d79",
1590
- "icon": "#ffffff",
1591
- "iconDisabled": "#b6b8ba",
1592
- "text": "#ffffff",
1593
- "textDisabled": "#b6b8ba",
1594
- "underlineSelected": "#ff5959"
1595
- },
1596
- "standard": {
1597
- "border": "#e3e6e8",
1598
- "fillDisabled": "#cfd2d4",
1599
- "fillHover": "#e3e6e8",
1600
- "fillSelected": "#ffffff",
1601
- "fillUnselected": "#edf0f2",
1602
- "icon": "#181c56",
1603
- "iconDisabled": "#515254",
1604
- "text": "#181c56",
1605
- "textDisabled": "#515254",
1606
- "underlineSelected": "#ff5959"
1607
- }
1608
- },
1609
- "table": {
1610
- "contrast": {
1611
- "cellFill": "#ffffff00",
1612
- "cellFillHover": "#393d79",
1613
- "cellFillNegative": "#ff949433",
1614
- "headerFill": "#181c56",
1615
- "icon": "#ffffff",
1616
- "stroke": "#8284ab",
1617
- "text": "#ffffff"
1618
- },
1619
- "standard": {
1620
- "cellFill": "#ffffff00",
1621
- "cellFillHover": "#f2f5f7",
1622
- "fillNegative": "#ffcece",
1623
- "headerFill": "#ffffff",
1624
- "icon": "#181c56",
1625
- "stroke": "#e3e6e8",
1626
- "text": "#181c56"
1627
- }
1628
- },
1629
- "tooltip": {
1630
- "popover": {
1631
- "contrast": {
1632
- "border": "#ffffff00",
1633
- "fill": "#393d79",
1634
- "icon": "#ffffff",
1635
- "text": "#ffffff"
1636
- },
1637
- "standard": {
1638
- "border": "#54568c66",
1639
- "fill": "#f6f6f9",
1640
- "icon": "#181c56",
1641
- "text": "#181c56"
1642
- }
1643
- },
1644
- "tooltip": {
1645
- "contrast": {
1646
- "fill": "#ffffff",
1647
- "fillNegative": "#ff9494",
1648
- "icon": "#181c56",
1649
- "iconNegative": "#181c56",
1650
- "text": "#181c56",
1651
- "textNegative": "#181c56",
1652
- "triangle": "#ffffff",
1653
- "triangleNegative": "#ff9494"
1654
- },
1655
- "standard": {
1656
- "fill": "#181c56",
1657
- "fillNegative": "#ffcece",
1658
- "icon": "#ffffff",
1659
- "iconNegative": "#181c56",
1660
- "text": "#ffffff",
1661
- "textNegative": "#181c56",
1662
- "triangle": "#181c56",
1663
- "triangleNegative": "#ffcece"
1664
- }
1665
- }
1666
- },
1667
- "travel": {
1668
- "legLine": {
1669
- "strokeLine": "#ff5959"
1670
- },
1671
- "seatmap": {
1672
- "background": "#ffffff",
1673
- "border": "#949699",
1674
- "borderReverse": "#181c56",
1675
- "fillChosen": "#54568c",
1676
- "fillConfirm": "#d0f1e3",
1677
- "fillConflict": "#fff4cd",
1678
- "fillExit": "#5ac39a",
1679
- "fillFree": "#eaeaf1",
1680
- "fillHeadpillow": "#ffffff",
1681
- "fillReverse": "#ffffff",
1682
- "fillUnavailable": "#f2f5f7",
1683
- "fillWc": "#e3e6e8",
1684
- "fillWindow": "#e1eff8",
1685
- "iconReverse": "#181c56",
1686
- "iconWc": "#181c56",
1687
- "strokeChosen": "#181c56",
1688
- "strokeConfirm": "#1a8e60",
1689
- "strokeConflict": "#e9b10c",
1690
- "strokeFree": "#181c56",
1691
- "strokeUnavailable": "#54568c66",
1692
- "textChosen": "#ffffff",
1693
- "textFree": "#181c56",
1694
- "textUnavailable": "#181c56"
1695
- },
1696
- "travelHeader": {
1697
- "contrast": {
1698
- "strokeLine": "#ff5959",
1699
- "text": "#ffffff"
1700
- },
1701
- "standard": {
1702
- "strokeLine": "#ff5959",
1703
- "text": "#181c56"
1704
- }
1705
- },
1706
- "travelLeg": {
1707
- "contrast": {
1708
- "air": "#fbafea",
1709
- "airportlinkbus": "#fbafea",
1710
- "airportlinkrail": "#fbafea",
1711
- "bicycle": "#00db9b",
1712
- "bulletBorder": "#181c56",
1713
- "bus": "#ff6392",
1714
- "cableway": "#b482fb",
1715
- "carferry": "#6fdfff",
1716
- "citybike": "#00db9b",
1717
- "ferry": "#6fdfff",
1718
- "funicular": "#b482fb",
1719
- "helicopter": "#fbafea",
1720
- "metro": "#f08901",
1721
- "mobility": "#00db9b",
1722
- "plane": "#fbafea",
1723
- "rail": "#42a5f5",
1724
- "taxi": "#ffe082",
1725
- "train": "#42a5f5",
1726
- "tram": "#b482fb",
1727
- "walk": "#8284ab",
1728
- "water": "#6fdfff"
1729
- },
1730
- "standard": {
1731
- "air": "#800664",
1732
- "airportlinkbus": "#800664",
1733
- "airportlinkrail": "#800664",
1734
- "bicycle": "#388f76",
1735
- "bulletBorder": "#ffffff",
1736
- "bus": "#c5044e",
1737
- "cableway": "#78469a",
1738
- "carferry": "#0c6693",
1739
- "citybike": "#388f76",
1740
- "ferry": "#0c6693",
1741
- "funicular": "#78469a",
1742
- "helicopter": "#800664",
1743
- "metro": "#bf5826",
1744
- "mobility": "#388f76",
1745
- "plane": "#800664",
1746
- "rail": "#00367f",
1747
- "taxi": "#3d3e40",
1748
- "train": "#00367f",
1749
- "tram": "#78469a",
1750
- "walk": "#8d8e9c",
1751
- "water": "#0c6693"
1752
- }
1753
- },
1754
- "travelSwitch": {
1755
- "contrast": {
1756
- "backgroundfalse": "#626493",
1757
- "backgroundtrueAir": "#fbafea",
1758
- "backgroundtrueBicycle": "#00db9b",
1759
- "backgroundtrueBus": "#ff6392",
1760
- "backgroundtrueCableway": "#b482fb",
1761
- "backgroundtrueCarferry": "#6fdfff",
1762
- "backgroundtrueCitybike": "#00db9b",
1763
- "backgroundtrueFerry": "#6fdfff",
1764
- "backgroundtrueFunicular": "#b482fb",
1765
- "backgroundtrueHelicopter": "#fbafea",
1766
- "backgroundtrueMetro": "#f08901",
1767
- "backgroundtrueMobility": "#00db9b",
1768
- "backgroundtruePlane": "#fbafea",
1769
- "backgroundtrueRail": "#42a5f5",
1770
- "backgroundtrueTaxi": "#ffe082",
1771
- "backgroundtrueTrain": "#42a5f5",
1772
- "backgroundtrueTram": "#b482fb",
1773
- "backgroundtrueWalk": "#8284ab",
1774
- "backgroundtrueWater": "#6fdfff",
1775
- "backgroundtrueAirportlinkbus": "#fbafea",
1776
- "backgroundtrueAirportlinkrail": "#fbafea",
1777
- "iconfalse": "#626493",
1778
- "icontrueBicycle": "#388f76",
1779
- "icontrueBus": "#c5044e",
1780
- "icontrueCableway": "#78469a",
1781
- "icontrueCarferry": "#0c6693",
1782
- "icontrueCitybike": "#388f76",
1783
- "icontrueFerry": "#0c6693",
1784
- "icontrueFunicular": "#78469a",
1785
- "icontrueHelicopter": "#800664",
1786
- "icontrueMetro": "#bf5826",
1787
- "icontrueMobility": "#388f76",
1788
- "icontruePlane": "#800664",
1789
- "icontrueTaxi": "#3d3e40",
1790
- "icontrueTrain": "#00367f",
1791
- "icontrueTram": "#78469a",
1792
- "icontrueWalk": "#8284ab",
1793
- "icontrueAirportlinkbus": "#800664",
1794
- "icontrueAirportlinkrail": "#800664",
1795
- "switchfillFalse": "#ffffff",
1796
- "switchfillTrue": "#ffffff",
1797
- "text": "#ffffff"
1798
- },
1799
- "standard": {
1800
- "backgroundfalse": "#949699",
1801
- "backgroundtrueAir": "#800664",
1802
- "backgroundtrueBicycle": "#388f76",
1803
- "backgroundtrueBus": "#c5044e",
1804
- "backgroundtrueCableway": "#78469a",
1805
- "backgroundtrueCarferry": "#0c6693",
1806
- "backgroundtrueCitybike": "#388f76",
1807
- "backgroundtrueFerry": "#0c6693",
1808
- "backgroundtrueFunicular": "#78469a",
1809
- "backgroundtrueHelicopter": "#800664",
1810
- "backgroundtrueMetro": "#bf5826",
1811
- "backgroundtrueMobility": "#388f76",
1812
- "backgroundtruePlane": "#800664",
1813
- "backgroundtrueRail": "#00367f",
1814
- "backgroundtrueTaxi": "#3d3e40",
1815
- "backgroundtrueTrain": "#00367f",
1816
- "backgroundtrueTram": "#78469a",
1817
- "backgroundtrueWalk": "#8d8e9c",
1818
- "backgroundtrueWater": "#0c6693",
1819
- "backgroundtrueAirportlinkbus": "#800664",
1820
- "backgroundtrueAirportlinkrail": "#800664",
1821
- "iconfalse": "#6e6f73",
1822
- "icontrueBicycle": "#388f76",
1823
- "icontrueBus": "#c5044e",
1824
- "icontrueCableway": "#78469a",
1825
- "icontrueCarferry": "#0c6693",
1826
- "icontrueCitybike": "#388f76",
1827
- "icontrueFerry": "#0c6693",
1828
- "icontrueFunicular": "#78469a",
1829
- "icontrueHelicopter": "#800664",
1830
- "icontrueMetro": "#bf5826",
1831
- "icontrueMobility": "#388f76",
1832
- "icontruePlane": "#800664",
1833
- "icontrueRail": "#00367f",
1834
- "icontrueTaxi": "#3d3e40",
1835
- "icontrueTrain": "#00367f",
1836
- "icontrueTram": "#78469a",
1837
- "icontrueWalk": "#8d8e9c",
1838
- "icontrueWater": "#0c6693",
1839
- "icontrueAirportlinkbus": "#800664",
1840
- "icontrueAirportlinkbus2": "#800664",
1841
- "icontrueAirportlinkrail": "#800664",
1842
- "switchfillFalse": "#ffffff",
1843
- "switchfillTrue": "#ffffff",
1844
- "text": "#181c56"
1845
- }
1846
- },
1847
- "travelTag": {
1848
- "contrast": {
1849
- "icon": "#181c56",
1850
- "iconBusCancled": "#ff6392",
1851
- "iconCabllewayCancled": "#b482fb",
1852
- "iconCarferryCancled": "#6fdfff",
1853
- "iconFerryCancled": "#6fdfff",
1854
- "iconFunicularCancled": "#b482fb",
1855
- "iconHelicopterCancled": "#fbafea",
1856
- "iconMetroCancled": "#f08901",
1857
- "iconPlaneCancled": "#fbafea",
1858
- "iconTaxiCancled": "#ffe082",
1859
- "iconTrainCancled": "#42a5f5",
1860
- "iconTramCancled": "#b482fb",
1861
- "iconWalk": "#181c56",
1862
- "iconAirportlinkbusCancled": "#fbafea",
1863
- "iconAirportlinkrailCancled": "#fbafea",
1864
- "iconborderValidation": "#181c56",
1865
- "tagfillAir": "#fbafea",
1866
- "tagfillBicycle": "#00db9b",
1867
- "tagfillBus": "#ff6392",
1868
- "tagfillBusCancled": "#c5044e26",
1869
- "tagfillCableway": "#b482fb",
1870
- "tagfillCablewayCancled": "#b482fb26",
1871
- "tagfillCarferry": "#6fdfff",
1872
- "tagfillCarferryCancled": "#6fdfff26",
1873
- "tagfillCitybike": "#00db9b",
1874
- "tagfillFerry": "#6fdfff",
1875
- "tagfillFerryCancled": "#6fdfff26",
1876
- "tagfillFunicular": "#b482fb",
1877
- "tagfillFunicularCancled": "#b482fb26",
1878
- "tagfillHelicopter": "#fbafea",
1879
- "tagfillHelicopterCancled": "#fbafea26",
1880
- "tagfillMetro": "#f08901",
1881
- "tagfillMetroCancled": "#f0890126",
1882
- "tagfillMobility": "#00db9b",
1883
- "tagfillPlane": "#fbafea",
1884
- "tagfillPlaneCancled": "#fbafea26",
1885
- "tagfillRail": "#42a5f5",
1886
- "tagfillRailCancled": "#42a5f526",
1887
- "tagfillTaxi": "#ffe082",
1888
- "tagfillTaxiCancled": "#ffe08226",
1889
- "tagfillTrain": "#42a5f5",
1890
- "tagfillTrainCancled": "#42a5f526",
1891
- "tagfillTram": "#b482fb",
1892
- "tagfillTramCancled": "#b482fb26",
1893
- "tagfillWalk": "#8284ab",
1894
- "tagfillWater": "#6fdfff",
1895
- "tagfillWaterCancled": "#6fdfff26",
1896
- "tagfillAirportlinkbusCancled": "#fbafea26",
1897
- "tagfillAirportlinkbusCancled2": "#fbafea26",
1898
- "tagfillAirportlinkrail": "#fbafea",
1899
- "tagfillAirportlinkrailCancled": "#fbafea26",
1900
- "tagfillAirportlinkbus": "#fbafea",
1901
- "textCancled": "#b6b8ba",
1902
- "textLabel": "#ffffff",
1903
- "textLine": "#181c56",
1904
- "textLineBusCancled": "#ff6392",
1905
- "textLineCablewayCancled": "#b482fb",
1906
- "textLineCarferryCancled": "#6fdfff",
1907
- "textLineFerryCancled": "#6fdfff",
1908
- "textLineFunicularCancled": "#b482fb",
1909
- "textLineHelicopterCancled": "#fbafea",
1910
- "textLineMetroCancled": "#f08901",
1911
- "textLinePlaneCancled": "#fbafea",
1912
- "textLineTaxiCancled": "#ffe082",
1913
- "textLineTrainCancled": "#42a5f5",
1914
- "textLineTramCancled": "#b482fb",
1915
- "textLineAirportlinkbusCancled": "#fbafea",
1916
- "textLineAirportlinkrailCancled": "#fbafea",
1917
- "textNewtime": "#ff9494",
1918
- "textWalk": "#181c56"
1919
- },
1920
- "standard": {
1921
- "icon": "#ffffff",
1922
- "iconBusCancled": "#c5044e",
1923
- "iconCarferryCancled": "#0c6693",
1924
- "iconFerryCancled": "#0c6693",
1925
- "iconFunicularCancled": "#78469a",
1926
- "iconHelicopterCancled": "#800664",
1927
- "iconMetroCancled": "#bf5826",
1928
- "iconPlaneCancled": "#800664",
1929
- "iconTaxiCancled": "#3d3e40",
1930
- "iconTrainCancled": "#00367f",
1931
- "iconTramCancled": "#78469a",
1932
- "iconWalk": "#181c56",
1933
- "iconAirportlinkbusCancled": "#800664",
1934
- "iconAirportlinkrailCancled": "#800664",
1935
- "iconCablewayCancled": "#78469a",
1936
- "iconborderValidation": "#ffffff",
1937
- "tagfillAir": "#800664",
1938
- "tagfillAirCancled": "#80066426",
1939
- "tagfillBicycle": "#388f76",
1940
- "tagfillBus": "#c5044e",
1941
- "tagfillBusCancled": "#c5044e26",
1942
- "tagfillCableway": "#78469a",
1943
- "tagfillCablewayCancled": "#78469a26",
1944
- "tagfillCarferry": "#0c6693",
1945
- "tagfillCarferryCancled": "#0c669326",
1946
- "tagfillCitybike": "#388f76",
1947
- "tagfillFerry": "#0c6693",
1948
- "tagfillFerryCancled": "#0c669326",
1949
- "tagfillFunicular": "#78469a",
1950
- "tagfillFunicularCancled": "#78469a26",
1951
- "tagfillHelicopter": "#800664",
1952
- "tagfillHelicopterCancled": "#80066426",
1953
- "tagfillMetro": "#bf5826",
1954
- "tagfillMetroCancled": "#bf582626",
1955
- "tagfillMobility": "#388f76",
1956
- "tagfillPlane": "#800664",
1957
- "tagfillPlaneCancled": "#80066426",
1958
- "tagfillRail": "#00367f",
1959
- "tagfillRailCancled": "#00367f26",
1960
- "tagfillTaxi": "#3d3e40",
1961
- "tagfillTaxiCancled": "#3d3e4026",
1962
- "tagfillTrain": "#00367f",
1963
- "tagfillTrainCancled": "#00367f26",
1964
- "tagfillTram": "#78469a",
1965
- "tagfillTramCancled": "#78469a26",
1966
- "tagfillWalk": "#e3e6e8",
1967
- "tagfillWater": "#0c6693",
1968
- "tagfillWaterCancled": "#0c669326",
1969
- "tagfillAirportlinkbus": "#800664",
1970
- "tagfillAirportlinkbusCancled": "#80066426",
1971
- "tagfillAirportlinkrail": "#800664",
1972
- "tagfillAirportlinkrailCancled": "#80066426",
1973
- "textCancled": "#6e6f73",
1974
- "textLabel": "#181c56",
1975
- "textLine": "#ffffff",
1976
- "textLineBusCancled": "#c5044e",
1977
- "textLineCablewayCancled": "#78469a",
1978
- "textLineCarferryCancled": "#0c6693",
1979
- "textLineFerryCancled": "#0c6693",
1980
- "textLineFunicularCancled": "#78469a",
1981
- "textLineHelicopterCancled": "#800664",
1982
- "textLineMetroCancled": "#bf5826",
1983
- "textLinePlaneCancled": "#800664",
1984
- "textLineTaxiCancled": "#3d3e40",
1985
- "textLineTrainCancled": "#00367f",
1986
- "textLineTramCancled": "#78469a",
1987
- "textLineAirportlinkbusCancled": "#800664",
1988
- "textLineAirportlinkrailCancled": "#800664",
1989
- "textNewtime": "#d31b1b",
1990
- "textWalk": "#181c56"
1991
- }
1992
- }
1993
- },
1994
- "typography": {
1995
- "baseText": {
1996
- "contrast": {
1997
- "textAccent": "#ffffff"
1998
- },
1999
- "standard": {
2000
- "textAccent": "#181c56"
2001
- }
2002
- },
2003
- "blockquote": {
2004
- "contrast": {
2005
- "stroke": "#8284ab",
2006
- "textAccent": "#ffffff",
2007
- "textSubdued": "#d9dae8"
2008
- },
2009
- "standard": {
2010
- "stroke": "#8284ab",
2011
- "textAccent": "#181c56",
2012
- "textSubdued": "#626493"
2013
- }
2014
- },
2015
- "codeText": {
2016
- "contrast": {
2017
- "border": "#ffffff00",
2018
- "borderInteractive": "#aeb7e2",
2019
- "fill": "#f6f6f9",
2020
- "text": "#181c56"
2021
- },
2022
- "standard": {
2023
- "border": "#54568c66",
2024
- "borderInteractive": "#181c56",
2025
- "fill": "#f6f6f9",
2026
- "text": "#181c56"
2027
- }
2028
- },
2029
- "label": {
2030
- "contrast": {
2031
- "textAccent": "#d9dae8"
2032
- },
2033
- "standard": {
2034
- "textAccent": "#626493"
2035
- }
2036
- },
2037
- "list": {
2038
- "contrast": {
2039
- "border": "#aeb7e2",
2040
- "textAccent": "#ffffff"
2041
- },
2042
- "standard": {
2043
- "border": "#aeb7e2",
2044
- "textAccent": "#181c56"
2045
- }
2046
- }
2047
- }
2048
- },
2049
- "designentur": {
2050
- "basecard": {
2051
- "contrast": {
2052
- "border": "#ffffff00",
2053
- "fill": "#181c56",
2054
- "fillTint": "#393d79",
2055
- "text": "#ffffff"
2056
- },
2057
- "default": {
2058
- "border": "#e5e5e9",
2059
- "fill": "#f2f5f7",
2060
- "fillTint": "#f6f6f9",
2061
- "text": "#181c56"
2062
- }
2063
- },
2064
- "dodontcard": {
2065
- "fill": "#f6f6f9",
2066
- "statuslineNegative": "#d31b1b",
2067
- "statuslineSuccess": "#1a8e60",
2068
- "statuslineWarning": "#ffca28",
2069
- "text": "#181c56"
2070
- },
2071
- "footer": {
2072
- "contrast": {
2073
- "divider": "#e5e5e9",
2074
- "fill": "#181c56",
2075
- "text": "#ffffff",
2076
- "textSubdued": "#d9dae8"
2077
- },
2078
- "default": {
2079
- "divider": "#e5e5e9",
2080
- "fill": "#f2f5f7",
2081
- "text": "#181c56",
2082
- "textSubdued": "#626493"
2083
- }
2084
- },
2085
- "header": {
2086
- "contrast": {
2087
- "divider": "#ffffff00",
2088
- "fill": "#181c56"
2089
- },
2090
- "default": {
2091
- "divider": "#e3e6e8",
2092
- "fill": "#ffffff"
2093
- }
2094
- },
2095
- "logo": {
2096
- "contrast": {
2097
- "backgroundApp": "#ffffff",
2098
- "highlight": "#ff5959",
2099
- "text": "#ffffff",
2100
- "textApp": "#181c56"
2101
- },
2102
- "standard": {
2103
- "backgroundApp": "#181c56",
2104
- "highlight": "#ff5959",
2105
- "text": "#181c56",
2106
- "textApp": "#ffffff"
2107
- }
2108
- },
2109
- "npmtag": {
2110
- "divide": "#949699",
2111
- "text": "#6e6f73"
2112
- },
2113
- "playground": {
2114
- "background": "#f6f6f9",
2115
- "border": "#e3e6e8",
2116
- "panel": "#ffffff",
2117
- "text": "#181c56"
2118
- },
2119
- "typographycard": {
2120
- "border": "#e3e6e8",
2121
- "fill": "#ffffff",
2122
- "text": "#181c56",
2123
- "textSubdued": "#626493"
2124
- }
2125
- }
2126
- },
2127
- "dark": {
2128
- "components": {
2129
- "layout": {
2130
- "badge": {
2131
- "information": {
2132
- "contrast": {
2133
- "border": "#ffffff00",
2134
- "bullet": "#acd7f1",
2135
- "fill": "#acd7f1",
2136
- "text": "#08091c",
2137
- "textBullet": "#e5e5e9"
2138
- },
2139
- "standard": {
2140
- "border": "#ffffff00",
2141
- "bullet": "#acd7f1",
2142
- "fill": "#acd7f1",
2143
- "text": "#08091c",
2144
- "textBullet": "#e5e5e9"
2145
- }
2146
- },
2147
- "negative": {
2148
- "contrast": {
2149
- "border": "#ffffff00",
2150
- "bullet": "#ff9494",
2151
- "fill": "#ffcece",
2152
- "text": "#08091c",
2153
- "textBullet": "#e5e5e9"
2154
- },
2155
- "standard": {
2156
- "border": "#ffffff00",
2157
- "bullet": "#ff9494",
2158
- "fill": "#ffcece",
2159
- "text": "#08091c",
2160
- "textBullet": "#e5e5e9"
2161
- }
2162
- },
2163
- "neutral": {
2164
- "contrast": {
2165
- "border": "#ffffff00",
2166
- "bullet": "#e5e5e9",
2167
- "fill": "#e5e5e959",
2168
- "text": "#e5e5e9",
2169
- "textBullet": "#e5e5e9"
2170
- },
2171
- "standard": {
2172
- "border": "#ffffff00",
2173
- "bullet": "#e5e5e9",
2174
- "fill": "#e5e5e959",
2175
- "text": "#e5e5e9",
2176
- "textBullet": "#e5e5e9"
2177
- }
2178
- },
2179
- "primary": {
2180
- "contrast": {
2181
- "bullet": "#aeb7e2",
2182
- "fill": "#aeb7e2",
2183
- "text": "#08091c",
2184
- "textBullet": "#e5e5e9"
2185
- },
2186
- "standard": {
2187
- "bullet": "#aeb7e2",
2188
- "fill": "#aeb7e2",
2189
- "text": "#08091c",
2190
- "textBullet": "#e5e5e9"
2191
- }
2192
- },
2193
- "success": {
2194
- "contrast": {
2195
- "border": "#ffffff00",
2196
- "bullet": "#9cd9c2",
2197
- "fill": "#9cd9c2",
2198
- "text": "#08091c",
2199
- "textBullet": "#e5e5e9"
2200
- },
2201
- "standard": {
2202
- "border": "#ffffff00",
2203
- "bullet": "#9cd9c2",
2204
- "fill": "#9cd9c2",
2205
- "text": "#08091c",
2206
- "textBullet": "#e5e5e9"
2207
- }
2208
- },
2209
- "warning": {
2210
- "contrast": {
2211
- "border": "#ffffff00",
2212
- "bullet": "#ffeeb3",
2213
- "fill": "#ffeeb3",
2214
- "text": "#08091c",
2215
- "textBullet": "#e5e5e9"
2216
- },
2217
- "standard": {
2218
- "border": "#ffffff00",
2219
- "bullet": "#ffeeb3",
2220
- "fill": "#ffeeb3",
2221
- "text": "#08091c",
2222
- "textBullet": "#e5e5e9"
2223
- }
2224
- }
2225
- },
2226
- "card": {
2227
- "contrast": {
2228
- "borderDefault": "#ffffff00",
2229
- "borderActive": "#b3b4bd",
2230
- "divide": "#ff5959",
2231
- "fillDefaultSolid": "#393a49",
2232
- "fillDefaultTransparent": "#e5e5e926",
2233
- "fillHoveractive": "#464755",
2234
- "icon": "#e5e5e9",
2235
- "shadowLayer1": "#ffffff00",
2236
- "shadowLayer2": "#ffffff00",
2237
- "shadowLayer3": "#ffffff00",
2238
- "subjectText": "#b3b4bd",
2239
- "text": "#e5e5e9"
2240
- },
2241
- "standard": {
2242
- "borderDefault": "#ffffff00",
2243
- "borderActive": "#b3b4bd",
2244
- "divide": "#ff5959",
2245
- "fillDefaultSolid": "#393a49",
2246
- "fillDefaultTransparent": "#e5e5e926",
2247
- "fillHoveractive": "#464755",
2248
- "icon": "#e5e5e9",
2249
- "shadowLayer1": "#ffffff00",
2250
- "shadowLayer2": "#ffffff00",
2251
- "shadowLayer3": "#ffffff00",
2252
- "subjectText": "#b3b4bd",
2253
- "text": "#e5e5e9"
2254
- }
2255
- }
2256
- },
2257
- "alert": {
2258
- "alertbox": {
2259
- "information": {
2260
- "contrast": {
2261
- "border": "#067eb2",
2262
- "fillDefault": "#2d98d233",
2263
- "fillToast": "#acd7f1",
2264
- "iconDefault": "#acd7f1",
2265
- "iconToast": "#181c56",
2266
- "textDefault": "#e5e5e9",
2267
- "textToast": "#181c56"
2268
- },
2269
- "standard": {
2270
- "border": "#067eb2",
2271
- "fillDefault": "#2d98d233",
2272
- "fillToast": "#acd7f1",
2273
- "iconDefault": "#acd7f1",
2274
- "iconToast": "#067eb2",
2275
- "textDefault": "#e5e5e9",
2276
- "textToast": "#181c56"
2277
- }
2278
- },
2279
- "negative": {
2280
- "contrast": {
2281
- "border": "#d31b1b",
2282
- "fillDefault": "#ff949433",
2283
- "fillToast": "#ff9494",
2284
- "iconDefault": "#ff9494",
2285
- "iconToast": "#181c56",
2286
- "textDefault": "#e5e5e9",
2287
- "textToast": "#181c56"
2288
- },
2289
- "standard": {
2290
- "border": "#d31b1b",
2291
- "fillDefault": "#ff949433",
2292
- "fillToast": "#ff9494",
2293
- "iconDefault": "#ff9494",
2294
- "iconToast": "#d31b1b",
2295
- "textDefault": "#e5e5e9",
2296
- "textToast": "#181c56"
2297
- }
2298
- },
2299
- "success": {
2300
- "contrast": {
2301
- "border": "#1a8e60",
2302
- "fillDefault": "#5ac39a33",
2303
- "fillToast": "#9cd9c2",
2304
- "iconDefault": "#9cd9c2",
2305
- "iconToast": "#181c56",
2306
- "textDefault": "#e5e5e9",
2307
- "textToast": "#181c56"
2308
- },
2309
- "standard": {
2310
- "border": "#1a8e60",
2311
- "fillDefault": "#5ac39a33",
2312
- "fillToast": "#9cd9c2",
2313
- "iconDefault": "#9cd9c2",
2314
- "iconToast": "#1a8e60",
2315
- "textDefault": "#e5e5e9",
2316
- "textToast": "#181c56"
2317
- }
2318
- },
2319
- "warning": {
2320
- "contrast": {
2321
- "border": "#e9b10c",
2322
- "fillDefault": "#ffe08240",
2323
- "fillToast": "#ffeeb3",
2324
- "iconDefault": "#181c56",
2325
- "iconToast": "#181c56",
2326
- "textDefault": "#e5e5e9",
2327
- "textDefault2": "#e5e5e9"
2328
- },
2329
- "standard": {
2330
- "border": "#e9b10c",
2331
- "fillDefault": "#ffe08240",
2332
- "fillToast": "#ffeeb3",
2333
- "iconDefault": "#ffeeb3",
2334
- "iconToast": "#181c56",
2335
- "textDefault": "#e5e5e9",
2336
- "textToast": "#181c56"
2337
- }
2338
- }
2339
- },
2340
- "copyableText": {
2341
- "contrast": {
2342
- "border": "#ffffff00",
2343
- "borderInteractive": "#e5e5e9",
2344
- "fill": "#393a49",
2345
- "icon": "#e5e5e9",
2346
- "text": "#e5e5e9"
2347
- },
2348
- "standard": {
2349
- "border": "#ffffff00",
2350
- "borderInteractive": "#e5e5e9",
2351
- "fill": "#393a49",
2352
- "icon": "#e5e5e9",
2353
- "text": "#e5e5e9"
2354
- }
2355
- }
2356
- },
2357
- "button": {
2358
- "disabled": {
2359
- "contrast": {
2360
- "fill": "#cfd2d41a",
2361
- "iconDisabled": "#b6b8ba",
2362
- "textDisabled": "#b6b8ba"
2363
- },
2364
- "standard": {
2365
- "fill": "#cfd2d41a",
2366
- "iconDisabled": "#b6b8ba",
2367
- "textDisabled": "#b6b8ba"
2368
- }
2369
- },
2370
- "floating": {
2371
- "contrast": {
2372
- "active": "#8794d4",
2373
- "default": "#aeb7e2",
2374
- "hover": "#c7cdeb",
2375
- "icon": "#08091c",
2376
- "text": "#08091c"
2377
- },
2378
- "standard": {
2379
- "active": "#8794d4",
2380
- "default": "#aeb7e2",
2381
- "hover": "#c7cdeb",
2382
- "icon": "#08091c",
2383
- "text": "#08091c"
2384
- }
2385
- },
2386
- "iconButton": {
2387
- "contrast": {
2388
- "active": "#8794d4",
2389
- "default": "#ffffff00",
2390
- "hover": "#626493",
2391
- "icon": "#e5e5e9",
2392
- "iconActive": "#08091c",
2393
- "text": "#e5e5e9",
2394
- "textActive": "#08091c"
2395
- },
2396
- "standard": {
2397
- "active": "#8794d4",
2398
- "default": "#ffffff00",
2399
- "hover": "#626493",
2400
- "icon": "#e5e5e9",
2401
- "iconActive": "#08091c",
2402
- "text": "#e5e5e9",
2403
- "textActive": "#08091c"
2404
- }
2405
- },
2406
- "negative": {
2407
- "contrast": {
2408
- "active": "#ff9494",
2409
- "border": "#ff9494",
2410
- "default": "#ffffff00",
2411
- "hover": "#ff949433",
2412
- "icon": "#e5e5e9",
2413
- "iconActive": "#08091c",
2414
- "text": "#e5e5e9",
2415
- "textActive": "#08091c"
2416
- },
2417
- "standard": {
2418
- "active": "#ff9494",
2419
- "border": "#ff9494",
2420
- "default": "#ffffff00",
2421
- "hover": "#ff949433",
2422
- "icon": "#e5e5e9",
2423
- "iconActive": "#08091c",
2424
- "text": "#e5e5e9",
2425
- "textActive": "#08091c"
2426
- }
2427
- },
2428
- "primary": {
2429
- "contrast": {
2430
- "active": "#8794d4",
2431
- "default": "#aeb7e2",
2432
- "hover": "#c7cdeb",
2433
- "icon": "#08091c",
2434
- "text": "#08091c"
2435
- },
2436
- "standard": {
2437
- "active": "#8794d4",
2438
- "default": "#aeb7e2",
2439
- "hover": "#c7cdeb",
2440
- "icon": "#08091c",
2441
- "text": "#08091c"
2442
- }
2443
- },
2444
- "secondary": {
2445
- "contrast": {
2446
- "active": "#8794d4",
2447
- "border": "#8284ab",
2448
- "borderActive": "#ffffff00",
2449
- "default": "#ffffff00",
2450
- "hover": "#626493",
2451
- "icon": "#e5e5e9",
2452
- "iconActive": "#08091c",
2453
- "text": "#e5e5e9",
2454
- "textActive": "#08091c"
2455
- },
2456
- "standard": {
2457
- "active": "#8794d4",
2458
- "border": "#8284ab",
2459
- "borderActive": "#ffffff00",
2460
- "default": "#ffffff00",
2461
- "hover": "#626493",
2462
- "icon": "#e5e5e9",
2463
- "iconActive": "#08091c",
2464
- "text": "#e5e5e9",
2465
- "textActive": "#08091c"
2466
- }
2467
- },
2468
- "squareSecondary": {
2469
- "contrast": {
2470
- "active": "#8794d4",
2471
- "border": "#8284ab",
2472
- "borderActive": "#ffffff00",
2473
- "default": "#ffffff00",
2474
- "hover": "#626493",
2475
- "iconActive": "#08091c",
2476
- "iconDefault": "#e5e5e9",
2477
- "iconHover": "#e5e5e9",
2478
- "label": "#e5e5e9"
2479
- },
2480
- "standard": {
2481
- "active": "#8794d4",
2482
- "border": "#8284ab",
2483
- "borderActive": "#ffffff00",
2484
- "default": "#ffffff00",
2485
- "hover": "#626493",
2486
- "icon": "#e5e5e9",
2487
- "iconActive": "#08091c",
2488
- "text": "#e5e5e9"
2489
- }
2490
- },
2491
- "squareSuccess": {
2492
- "contrast": {
2493
- "active": "#5ac39a",
2494
- "border": "#ffffff00",
2495
- "default": "#5ac39a",
2496
- "hover": "#9cd9c2",
2497
- "icon": "#08091c",
2498
- "label": "#e5e5e9"
2499
- },
2500
- "standard": {
2501
- "active": "#37ab83",
2502
- "border": "#ffffff00",
2503
- "default": "#5ac39a",
2504
- "hover": "#9cd9c2",
2505
- "icon": "#08091c",
2506
- "label": "#e5e5e9"
2507
- }
2508
- },
2509
- "success": {
2510
- "contrast": {
2511
- "active": "#37ab83",
2512
- "border": "#ffffff00",
2513
- "default": "#5ac39a",
2514
- "hover": "#9cd9c2",
2515
- "icon": "#08091c",
2516
- "text": "#08091c"
2517
- },
2518
- "standard": {
2519
- "active": "#37ab83",
2520
- "border": "#ffffff00",
2521
- "default": "#5ac39a",
2522
- "hover": "#9cd9c2",
2523
- "icon": "#08091c",
2524
- "text": "#08091c"
2525
- }
2526
- }
2527
- },
2528
- "chip": {
2529
- "contrast": {
2530
- "active": "#8794d4",
2531
- "border": "#aeb7e2b2",
2532
- "borderDisabled": "#949699",
2533
- "default": "#ffffff00",
2534
- "hover": "#626493",
2535
- "iconDisabled": "#b6b8ba",
2536
- "iconSelected": "#08091c",
2537
- "iconUnselected": "#e5e5e9",
2538
- "textDisabled": "#b6b8ba",
2539
- "textSelected": "#08091c",
2540
- "textUnselected": "#e5e5e9"
2541
- },
2542
- "standard": {
2543
- "active": "#8794d4",
2544
- "border": "#aeb7e2b2",
2545
- "borderDisabled": "#949699",
2546
- "default": "#ffffff00",
2547
- "hover": "#626493",
2548
- "iconDisabled": "#b6b8ba",
2549
- "iconSelected": "#08091c",
2550
- "iconUnselected": "#e5e5e9",
2551
- "textDisabled": "#b6b8ba",
2552
- "textSelected": "#08091c",
2553
- "textUnselected": "#e5e5e9"
2554
- }
2555
- },
2556
- "datepicker": {
2557
- "calendar": {
2558
- "background": "#393a49",
2559
- "border": "#ffffff00",
2560
- "dateborder": "#81828f",
2561
- "datefillHover": "#e5e5e959",
2562
- "datefillSelected": "#e5e5e926",
2563
- "icon": "#e5e5e9",
2564
- "strokeToday": "#ff9494",
2565
- "textAccent": "#e5e5e9",
2566
- "textDisabled": "#6e6f73",
2567
- "textSubdued": "#b3b4bd"
2568
- }
2569
- },
2570
- "expand": {
2571
- "expandablePanel": {
2572
- "contrast": {
2573
- "fillDefault": "#e5e5e926",
2574
- "fillHover": "#393a49",
2575
- "fillSelected": "#e5e5e926",
2576
- "icon": "#e5e5e9",
2577
- "text": "#e5e5e9"
2578
- },
2579
- "standard": {
2580
- "fillDefault": "#e5e5e926",
2581
- "fillHover": "#393a49",
2582
- "fillSelected": "#e5e5e926",
2583
- "icon": "#e5e5e9",
2584
- "text": "#e5e5e9"
2585
- }
2586
- },
2587
- "expandableText": {
2588
- "contrast": {
2589
- "icon": "#e5e5e9",
2590
- "text": "#e5e5e9"
2591
- },
2592
- "standard": {
2593
- "icon": "#e5e5e9",
2594
- "text": "#e5e5e9"
2595
- }
2596
- }
2597
- },
2598
- "form": {
2599
- "baseForm": {
2600
- "contrast": {
2601
- "borderDefault": "#8284ab",
2602
- "borderInteractive": "#aeb7e2",
2603
- "borderNegative": "#ff9494",
2604
- "borderSuccess": "#5ac39a",
2605
- "fillDefault": "#ffffff00",
2606
- "fillDisabled": "#cfd2d426",
2607
- "fillReadonly": "#ffffff00",
2608
- "icon": "#e5e5e9",
2609
- "iconDisabled": "#6e6f73",
2610
- "textContent": "#e5e5e9",
2611
- "textDescription": "#e5e5e9",
2612
- "textLabel": "#b3b4bd",
2613
- "textDisabled": "#6e6f73"
2614
- },
2615
- "standard": {
2616
- "borderDefault": "#8284ab",
2617
- "borderInteractive": "#aeb7e2",
2618
- "borderNegative": "#ff9494",
2619
- "borderSuccess": "#5ac39a",
2620
- "fillDefault": "#ffffff00",
2621
- "fillDisabled": "#cfd2d426",
2622
- "fillReadonly": "#ffffff00",
2623
- "icon": "#e5e5e9",
2624
- "iconDisabled": "#6e6f73",
2625
- "textContent": "#e5e5e9",
2626
- "textDescription": "#e5e5e9",
2627
- "textLabel": "#b3b4bd",
2628
- "textDisabled": "#6e6f73"
2629
- }
2630
- },
2631
- "baseMenu": {
2632
- "border": "#ffffff00",
2633
- "fillDefault": "#464755",
2634
- "fillHover": "#626493",
2635
- "fillSelected": "#8794d4",
2636
- "icon": "#e5e5e9",
2637
- "iconDisabled": "#949699",
2638
- "text": "#e5e5e9",
2639
- "textDisabled": "#949699"
2640
- },
2641
- "basePanel": {
2642
- "contrast": {
2643
- "borderDefault": "#81828f",
2644
- "borderDisabled": "#949699",
2645
- "borderSelected": "#aeb7e2",
2646
- "fillDefault": "#ffffff00",
2647
- "fillDisabled": "#cfd2d426",
2648
- "fillExpired": "#ff949433",
2649
- "fillHover": "#393a49",
2650
- "fillSelected": "#e5e5e926",
2651
- "textAccent": "#e5e5e9",
2652
- "textDisabled": "#b6b8ba",
2653
- "textRebate": "#5ac39a",
2654
- "textSubdued": "#b3b4bd"
2655
- },
2656
- "standard": {
2657
- "borderDefault": "#81828f",
2658
- "borderDisabled": "#949699",
2659
- "borderSelected": "#aeb7e2",
2660
- "fillDefault": "#ffffff00",
2661
- "fillDisabled": "#cfd2d426",
2662
- "fillExpired": "#ff949433",
2663
- "fillHover": "#393a49",
2664
- "fillSelected": "#e5e5e926",
2665
- "textAccent": "#e5e5e9",
2666
- "textDisabled": "#b6b8ba",
2667
- "textRebate": "#5ac39a",
2668
- "textSubdued": "#b3b4bd"
2669
- }
2670
- },
2671
- "checkbox": {
2672
- "contrast": {
2673
- "border": "#aeb7e2",
2674
- "borderNegative": "#ff9494",
2675
- "fillDefault": "#ffffff00",
2676
- "fillHover": "#626493",
2677
- "fillSelected": "#aeb7e2",
2678
- "fillSelectedhover": "#c7cdeb",
2679
- "icon": "#181c56",
2680
- "text": "#e5e5e9"
2681
- },
2682
- "standard": {
2683
- "border": "#aeb7e2",
2684
- "borderNegative": "#ff9494",
2685
- "fillDefault": "#ffffff00",
2686
- "fillHover": "#626493",
2687
- "fillSelected": "#aeb7e2",
2688
- "fillSelectedhover": "#c7cdeb",
2689
- "icon": "#181c56",
2690
- "text": "#e5e5e9"
2691
- }
2692
- },
2693
- "feedbackText": {
2694
- "information": {
2695
- "contrast": {
2696
- "iconFill": "#64b3e7",
2697
- "iconSymbol": "#08091c",
2698
- "stroke": "#08091c",
2699
- "text": "#e5e5e9"
2700
- },
2701
- "standard": {
2702
- "iconFill": "#64b3e7",
2703
- "iconSymbol": "#08091c",
2704
- "stroke": "#08091c",
2705
- "text": "#e5e5e9"
2706
- }
2707
- },
2708
- "negative": {
2709
- "contrast": {
2710
- "iconFill": "#ff9494",
2711
- "iconSymbol": "#08091c",
2712
- "stroke": "#08091c",
2713
- "text": "#e5e5e9"
2714
- },
2715
- "standard": {
2716
- "iconFill": "#ff9494",
2717
- "stroke": "#08091c",
2718
- "symbol": "#08091c",
2719
- "text": "#e5e5e9"
2720
- }
2721
- },
2722
- "success": {
2723
- "contrast": {
2724
- "iconFill": "#5ac39a",
2725
- "iconStroke": "#08091c",
2726
- "iconSymbol": "#08091c",
2727
- "text": "#e5e5e9"
2728
- },
2729
- "standard": {
2730
- "iconFill": "#5ac39a",
2731
- "iconStroke": "#08091c",
2732
- "iconSymbol": "#08091c",
2733
- "text": "#e5e5e9"
2734
- }
2735
- },
2736
- "warning": {
2737
- "contrast": {
2738
- "icon": "#ffe082",
2739
- "iconSymbol": "#08091c",
2740
- "stroke": "#08091c",
2741
- "text": "#e5e5e9"
2742
- },
2743
- "standard": {
2744
- "iconFill": "#ffe082",
2745
- "iconSymbol": "#08091c",
2746
- "stroke": "#08091c",
2747
- "text": "#e5e5e9"
2748
- }
2749
- }
2750
- },
2751
- "radio": {
2752
- "contrast": {
2753
- "border": "#aeb7e2",
2754
- "borderNegative": "#ff9494",
2755
- "fillDefault": "#ffffff00",
2756
- "fillHover": "#626493",
2757
- "fillSelected": "#aeb7e2",
2758
- "fillSelectedhover": "#c7cdeb",
2759
- "icon": "#e5e5e9",
2760
- "text": "#e5e5e9"
2761
- },
2762
- "standard": {
2763
- "border": "#aeb7e2",
2764
- "borderNegative": "#ff9494",
2765
- "fillDefault": "#ffffff00",
2766
- "fillHover": "#626493",
2767
- "fillSelected": "#aeb7e2",
2768
- "icon": "#e5e5e9",
2769
- "selectedhover": "#c7cdeb",
2770
- "text": "#e5e5e9"
2771
- }
2772
- },
2773
- "segmentedControl": {
2774
- "contrast": {
2775
- "background": "#e5e5e926",
2776
- "fillHover": "#e5e5e926",
2777
- "fillSelected": "#e5e5e9",
2778
- "fillUnselected": "#ffffff00",
2779
- "iconSelected": "#08091c",
2780
- "iconUnselected": "#e5e5e9",
2781
- "textSelected": "#08091c",
2782
- "textUnselected": "#e5e5e9"
2783
- },
2784
- "standard": {
2785
- "background": "#e5e5e926",
2786
- "fillHover": "#e5e5e926",
2787
- "fillSelected": "#e5e5e9",
2788
- "fillUnselected": "#ffffff00",
2789
- "iconSelected": "#08091c",
2790
- "iconUnselected": "#e5e5e9",
2791
- "textSelected": "#08091c",
2792
- "textUnselected": "#e5e5e9"
2793
- }
2794
- },
2795
- "switch": {
2796
- "contrast": {
2797
- "fillFalse": "#e5e5e959",
2798
- "fillTrue": "#5ac39a",
2799
- "iconFalse": "#b3b4bd",
2800
- "iconTrue": "#e5e5e9",
2801
- "switch": "#08091c",
2802
- "text": "#e5e5e9"
2803
- },
2804
- "standard": {
2805
- "fillFalse": "#e5e5e959",
2806
- "fillTrue": "#5ac39a",
2807
- "iconFalse": "#b3b4bd",
2808
- "iconTrue": "#e5e5e9",
2809
- "switch": "#08091c",
2810
- "text": "#e5e5e9"
2811
- }
2812
- }
2813
- },
2814
- "loader": {
2815
- "fileupload": {
2816
- "contrast": {
2817
- "fillDefault": "#ffffff00",
2818
- "icon": "#e5e5e9",
2819
- "iconDisabled": "#949699",
2820
- "strokeDefault": "#8284ab",
2821
- "strokeDisabled": "#81828f",
2822
- "strokeNegative": "#ff9494",
2823
- "strokeSuccess": "#5ac39a",
2824
- "text": "#e5e5e9",
2825
- "textDisabled": "#949699"
2826
- },
2827
- "standard": {
2828
- "fillDefault": "#ffffff00",
2829
- "icon": "#e5e5e9",
2830
- "iconDisabled": "#949699",
2831
- "strokeDefault": "#8284ab",
2832
- "strokeDisabled": "#81828f",
2833
- "strokeNegative": "#ff9494",
2834
- "strokeSuccess": "#5ac39a",
2835
- "text": "#e5e5e9",
2836
- "textDisabled": "#949699"
2837
- }
2838
- },
2839
- "loader": {
2840
- "contrast": {
2841
- "border": "#81828f",
2842
- "progressbar": "#ff9494",
2843
- "text": "#e5e5e9"
2844
- },
2845
- "standard": {
2846
- "border": "#81828f",
2847
- "progressbar": "#ff9494",
2848
- "text": "#e5e5e9"
2849
- }
2850
- },
2851
- "spinner": {
2852
- "contrast": {
2853
- "fill": "#e5e5e9"
2854
- },
2855
- "standard": {
2856
- "fill": "#e5e5e9"
2857
- }
2858
- },
2859
- "skeleton": {
2860
- "contrast": {
2861
- "fill": "#2d2e3e",
2862
- "highlight": "#141527"
2863
- },
2864
- "standard": {
2865
- "fill": "#2d2e3e",
2866
- "highlight": "#141527"
2867
- }
2868
- }
2869
- },
2870
- "menu": {
2871
- "breadcrumb": {
2872
- "contrast": {
2873
- "icon": "#e5e5e9",
2874
- "text": "#e5e5e9"
2875
- },
2876
- "standard": {
2877
- "icon": "#e5e5e9",
2878
- "text": "#e5e5e9"
2879
- }
2880
- },
2881
- "navigationBar": {
2882
- "contrast": {
2883
- "background": "#393a49",
2884
- "divide": "#ffffff00",
2885
- "iconSelected": "#e5e5e9",
2886
- "iconUnselected": "#b6b8ba",
2887
- "strokeSelected": "#ff9494",
2888
- "textSelected": "#e5e5e9",
2889
- "textUnselected": "#b6b8ba"
2890
- },
2891
- "standard": {
2892
- "background": "#393a49",
2893
- "divide": "#ffffff00",
2894
- "iconSelected": "#e5e5e9",
2895
- "iconUnselected": "#b6b8ba",
2896
- "strokeSelected": "#ff9494",
2897
- "textSelected": "#e5e5e9",
2898
- "textUnselected": "#b6b8ba"
2899
- }
2900
- },
2901
- "navigationLink": {
2902
- "contrast": {
2903
- "icon": "#e5e5e9",
2904
- "text": "#e5e5e9"
2905
- },
2906
- "standard": {
2907
- "icon": "#e5e5e9",
2908
- "text": "#e5e5e9"
2909
- }
2910
- },
2911
- "overflowMenu": {
2912
- "border": "#ffffff00",
2913
- "fillActive": "#8794d4",
2914
- "fillDefault": "#464755",
2915
- "fillHover": "#626493",
2916
- "icon": "#e5e5e9",
2917
- "iconDisabled": "#949699",
2918
- "text": "#e5e5e9",
2919
- "textDisabled": "#949699"
2920
- },
2921
- "pagination": {
2922
- "contrast": {
2923
- "active": "#8794d4",
2924
- "borderSelected": "#e5e5e9",
2925
- "borderUnselected": "#aeb7e2b2",
2926
- "default": "#ffffff00",
2927
- "hover": "#626493",
2928
- "icon": "#e5e5e9",
2929
- "textSelected": "#08091c",
2930
- "textSubdued": "#b3b4bd",
2931
- "textUnselected": "#e5e5e9"
2932
- },
2933
- "standard": {
2934
- "active": "#8794d4",
2935
- "borderSelected": "#e5e5e9",
2936
- "borderUnselected": "#aeb7e2b2",
2937
- "default": "#ffffff00",
2938
- "hover": "#626493",
2939
- "icon": "#e5e5e9",
2940
- "textSelected": "#08091c",
2941
- "textSubdued": "#b3b4bd",
2942
- "textUnselected": "#e5e5e9"
2943
- }
2944
- },
2945
- "sideNavigation": {
2946
- "contrast": {
2947
- "avatar": "#e5e5e926",
2948
- "background": "#212233",
2949
- "divide": "#81828f",
2950
- "fillActive": "#ffffff00",
2951
- "fillDefault": "#ffffff00",
2952
- "fillHover": "#e5e5e926",
2953
- "icon": "#e5e5e9",
2954
- "iconDisabled": "#949699",
2955
- "iconLabel": "#b3b4bd",
2956
- "label": "#b3b4bd",
2957
- "strokeSelected": "#ff9494",
2958
- "text": "#e5e5e9",
2959
- "textDisabled": "#949699"
2960
- },
2961
- "standard": {
2962
- "avatar": "#e5e5e926",
2963
- "background": "#212233",
2964
- "divide": "#81828f",
2965
- "fillActive": "#ffffff00",
2966
- "fillDefault": "#ffffff00",
2967
- "fillHover": "#e5e5e926",
2968
- "icon": "#e5e5e9",
2969
- "iconDisabled": "#949699",
2970
- "iconLabel": "#b3b4bd",
2971
- "label": "#b3b4bd",
2972
- "strokeSelected": "#ff9494",
2973
- "text": "#e5e5e9",
2974
- "textDisabled": "#949699"
2975
- }
2976
- },
2977
- "stepper": {
2978
- "contrast": {
2979
- "background": "#626493",
2980
- "progressbar": "#aeb7e2",
2981
- "textCompleted": "#e5e5e9",
2982
- "textUncompleted": "#b6b8ba"
2983
- },
2984
- "standard": {
2985
- "background": "#626493",
2986
- "progressbar": "#aeb7e2",
2987
- "textCompleted": "#e5e5e9",
2988
- "textUncompleted": "#b6b8ba"
2989
- }
2990
- },
2991
- "tableOfContent": {
2992
- "contrast": {
2993
- "iconSelected": "#e5e5e9",
2994
- "iconUnselected": "#b3b4bd",
2995
- "strokeSelected": "#ff9494",
2996
- "strokeUnselected": "#54568c66",
2997
- "textSelected": "#e5e5e9",
2998
- "textUnselected": "#b3b4bd"
2999
- },
3000
- "standard": {
3001
- "iconSelected": "#e5e5e9",
3002
- "iconUnselected": "#b3b4bd",
3003
- "strokeSelected": "#ff9494",
3004
- "strokeUnselected": "#54568c66",
3005
- "textSelected": "#e5e5e9",
3006
- "textUnselected": "#b3b4bd"
3007
- }
3008
- }
3009
- },
3010
- "modal": {
3011
- "drawer": {
3012
- "contrast": {
3013
- "background": "#393a49",
3014
- "text": "#e5e5e9"
3015
- },
3016
- "standard": {
3017
- "background": "#393a49",
3018
- "text": "#e5e5e9"
3019
- }
3020
- },
3021
- "modal": {
3022
- "contrast": {
3023
- "border": "#ffffff00",
3024
- "fill": "#464755",
3025
- "icon": "#e5e5e9",
3026
- "text": "#e5e5e9"
3027
- },
3028
- "standard": {
3029
- "border": "#ffffff00",
3030
- "fill": "#464755",
3031
- "icon": "#e5e5e9",
3032
- "text": "#e5e5e9"
3033
- }
3034
- }
3035
- },
3036
- "tab": {
3037
- "contrast": {
3038
- "border": "#81828f",
3039
- "fillDisabled": "#cfd2d41a",
3040
- "fillHover": "#393a49",
3041
- "fillSelected": "#08091c",
3042
- "fillUnselected": "#e5e5e940",
3043
- "icon": "#e5e5e9",
3044
- "iconDisabled": "#949699",
3045
- "text": "#e5e5e9",
3046
- "textDisabled": "#949699",
3047
- "underlineSelected": "#ff9494"
3048
- },
3049
- "standard": {
3050
- "border": "#81828f",
3051
- "fillDisabled": "#cfd2d41a",
3052
- "fillHover": "#393a49",
3053
- "fillSelected": "#08091c",
3054
- "fillUnselected": "#e5e5e940",
3055
- "icon": "#e5e5e9",
3056
- "iconDisabled": "#949699",
3057
- "text": "#e5e5e9",
3058
- "textDisabled": "#949699",
3059
- "underlineSelected": "#ff9494"
3060
- }
3061
- },
3062
- "table": {
3063
- "contrast": {
3064
- "cellFill": "#ffffff00",
3065
- "cellFillHover": "#e5e5e926",
3066
- "cellFillNegative": "#ff949433",
3067
- "headerFill": "#08091c",
3068
- "icon": "#e5e5e9",
3069
- "stroke": "#81828f",
3070
- "text": "#e5e5e9"
3071
- },
3072
- "standard": {
3073
- "cellFill": "#ffffff00",
3074
- "cellFillHover": "#e5e5e926",
3075
- "fillNegative": "#ff949433",
3076
- "headerFill": "#08091c",
3077
- "icon": "#e5e5e9",
3078
- "stroke": "#81828f",
3079
- "text": "#e5e5e9"
3080
- }
3081
- },
3082
- "tooltip": {
3083
- "popover": {
3084
- "contrast": {
3085
- "border": "#ffffff00",
3086
- "fill": "#393a49",
3087
- "icon": "#e5e5e9",
3088
- "text": "#e5e5e9"
3089
- },
3090
- "standard": {
3091
- "border": "#ffffff00",
3092
- "fill": "#393a49",
3093
- "icon": "#e5e5e9",
3094
- "text": "#e5e5e9"
3095
- }
3096
- },
3097
- "tooltip": {
3098
- "contrast": {
3099
- "fill": "#393a49",
3100
- "fillNegative": "#ff9494",
3101
- "icon": "#e5e5e9",
3102
- "iconNegative": "#08091c",
3103
- "text": "#e5e5e9",
3104
- "textNegative": "#08091c",
3105
- "triangle": "#393a49",
3106
- "triangleNegative": "#ff9494"
3107
- },
3108
- "standard": {
3109
- "fill": "#393a49",
3110
- "fillNegative": "#ff9494",
3111
- "icon": "#e5e5e9",
3112
- "iconNegative": "#08091c",
3113
- "text": "#e5e5e9",
3114
- "textNegative": "#08091c",
3115
- "triangle": "#393a49",
3116
- "triangleNegative": "#ff9494"
3117
- }
3118
- }
3119
- },
3120
- "travel": {
3121
- "legLine": {
3122
- "strokeLine": "#ff9494"
3123
- },
3124
- "seatmap": {
3125
- "background": "#e5e5e926",
3126
- "border": "#81828f",
3127
- "borderReverse": "#ffffff00",
3128
- "fillChosen": "#8794d4",
3129
- "fillConfirm": "#9cd9c2",
3130
- "fillConflict": "#ffeeb3",
3131
- "fillExit": "#9cd9c2",
3132
- "fillFree": "#c7cdeb",
3133
- "fillHeadpillow": "#f6f6f9",
3134
- "fillReverse": "#f6f6f9",
3135
- "fillUnavailable": "#ffffff00",
3136
- "fillWc": "#393a49",
3137
- "fillWindow": "#acd7f1",
3138
- "iconReverse": "#08091c",
3139
- "iconWc": "#e5e5e9",
3140
- "strokeChosen": "#81828f",
3141
- "strokeConfirm": "#1a8e60",
3142
- "strokeConflict": "#e9b10c",
3143
- "strokeFree": "#81828f",
3144
- "strokeUnavailable": "#81828f",
3145
- "textChosen": "#08091c",
3146
- "textFree": "#08091c",
3147
- "textUnavailable": "#b3b4bd"
3148
- },
3149
- "travelHeader": {
3150
- "contrast": {
3151
- "strokeLine": "#ff9494",
3152
- "text": "#e5e5e9"
3153
- },
3154
- "standard": {
3155
- "strokeLine": "#ff9494",
3156
- "text": "#e5e5e9"
3157
- }
3158
- },
3159
- "travelLeg": {
3160
- "contrast": {
3161
- "air": "#f2b8e5",
3162
- "airportlinkbus": "#f2b8e5",
3163
- "airportlinkrail": "#f2b8e5",
3164
- "bicycle": "#4db295",
3165
- "bulletBorder": "#08091c",
3166
- "bus": "#ef7398",
3167
- "cableway": "#b898e5",
3168
- "carferry": "#8ccfe2",
3169
- "citybike": "#4db295",
3170
- "ferry": "#8ccfe2",
3171
- "funicular": "#b898e5",
3172
- "helicopter": "#f2b8e5",
3173
- "metro": "#dd973c",
3174
- "mobility": "#4db295",
3175
- "plane": "#f2b8e5",
3176
- "rail": "#60a2d7",
3177
- "taxi": "#ffe082",
3178
- "train": "#60a2d7",
3179
- "tram": "#b898e5",
3180
- "walk": "#8d8e9c",
3181
- "water": "#8ccfe2"
3182
- },
3183
- "standard": {
3184
- "air": "#f2b8e5",
3185
- "airportlinkbus": "#f2b8e5",
3186
- "airportlinkrail": "#f2b8e5",
3187
- "bicycle": "#4db295",
3188
- "bulletBorder": "#08091c",
3189
- "bus": "#ef7398",
3190
- "cableway": "#b898e5",
3191
- "carferry": "#8ccfe2",
3192
- "citybike": "#4db295",
3193
- "ferry": "#8ccfe2",
3194
- "funicular": "#b898e5",
3195
- "helicopter": "#f2b8e5",
3196
- "metro": "#dd973c",
3197
- "mobility": "#4db295",
3198
- "plane": "#f2b8e5",
3199
- "rail": "#60a2d7",
3200
- "taxi": "#ffe082",
3201
- "train": "#60a2d7",
3202
- "tram": "#b898e5",
3203
- "walk": "#8d8e9c",
3204
- "water": "#8ccfe2"
3205
- }
3206
- },
3207
- "travelSwitch": {
3208
- "contrast": {
3209
- "backgroundfalse": "#e5e5e959",
3210
- "backgroundtrueAir": "#f2b8e5",
3211
- "backgroundtrueBicycle": "#4db295",
3212
- "backgroundtrueBus": "#ef7398",
3213
- "backgroundtrueCableway": "#b898e5",
3214
- "backgroundtrueCarferry": "#8ccfe2",
3215
- "backgroundtrueCitybike": "#4db295",
3216
- "backgroundtrueFerry": "#8ccfe2",
3217
- "backgroundtrueFunicular": "#b898e5",
3218
- "backgroundtrueHelicopter": "#f2b8e5",
3219
- "backgroundtrueMetro": "#dd973c",
3220
- "backgroundtrueMobility": "#4db295",
3221
- "backgroundtruePlane": "#f2b8e5",
3222
- "backgroundtrueRail": "#60a2d7",
3223
- "backgroundtrueTaxi": "#ffe082",
3224
- "backgroundtrueTrain": "#60a2d7",
3225
- "backgroundtrueTram": "#b898e5",
3226
- "backgroundtrueWalk": "#8d8e9c",
3227
- "backgroundtrueWater": "#8ccfe2",
3228
- "backgroundtrueAirportlinkbus": "#f2b8e5",
3229
- "backgroundtrueAirportlinkrail": "#f2b8e5",
3230
- "iconfalse": "#b3b4bd",
3231
- "icontrueBicycle": "#4db295",
3232
- "icontrueBus": "#ef7398",
3233
- "icontrueCableway": "#b898e5",
3234
- "icontrueCarferry": "#8ccfe2",
3235
- "icontrueCitybike": "#4db295",
3236
- "icontrueFerry": "#8ccfe2",
3237
- "icontrueFunicular": "#b898e5",
3238
- "icontrueHelicopter": "#f2b8e5",
3239
- "icontrueMetro": "#dd973c",
3240
- "icontrueMobility": "#4db295",
3241
- "icontruePlane": "#f2b8e5",
3242
- "icontrueTaxi": "#ffe082",
3243
- "icontrueTrain": "#60a2d7",
3244
- "icontrueTram": "#b898e5",
3245
- "icontrueWalk": "#8d8e9c",
3246
- "icontrueAirportlinkbus": "#f2b8e5",
3247
- "icontrueAirportlinkrail": "#f2b8e5",
3248
- "switchfillFalse": "#08091c",
3249
- "switchfillTrue": "#08091c",
3250
- "text": "#e5e5e9"
3251
- },
3252
- "standard": {
3253
- "backgroundfalse": "#e5e5e959",
3254
- "backgroundtrueAir": "#f2b8e5",
3255
- "backgroundtrueBicycle": "#4db295",
3256
- "backgroundtrueBus": "#ef7398",
3257
- "backgroundtrueCableway": "#b898e5",
3258
- "backgroundtrueCarferry": "#8ccfe2",
3259
- "backgroundtrueCitybike": "#4db295",
3260
- "backgroundtrueFerry": "#8ccfe2",
3261
- "backgroundtrueFunicular": "#b898e5",
3262
- "backgroundtrueHelicopter": "#f2b8e5",
3263
- "backgroundtrueMetro": "#dd973c",
3264
- "backgroundtrueMobility": "#4db295",
3265
- "backgroundtruePlane": "#f2b8e5",
3266
- "backgroundtrueRail": "#60a2d7",
3267
- "backgroundtrueTaxi": "#ffe082",
3268
- "backgroundtrueTrain": "#60a2d7",
3269
- "backgroundtrueTram": "#b898e5",
3270
- "backgroundtrueWalk": "#8d8e9c",
3271
- "backgroundtrueWater": "#8ccfe2",
3272
- "backgroundtrueAirportlinkbus": "#f2b8e5",
3273
- "backgroundtrueAirportlinkrail": "#f2b8e5",
3274
- "iconfalse": "#b3b4bd",
3275
- "icontrueBicycle": "#00db9b",
3276
- "icontrueBus": "#ef7398",
3277
- "icontrueCableway": "#b898e5",
3278
- "icontrueCarferry": "#8ccfe2",
3279
- "icontrueCitybike": "#00db9b",
3280
- "icontrueFerry": "#8ccfe2",
3281
- "icontrueFunicular": "#b898e5",
3282
- "icontrueHelicopter": "#f2b8e5",
3283
- "icontrueMetro": "#dd973c",
3284
- "icontrueMobility": "#00db9b",
3285
- "icontruePlane": "#f2b8e5",
3286
- "icontrueRail": "#60a2d7",
3287
- "icontrueTaxi": "#ffe082",
3288
- "icontrueTrain": "#60a2d7",
3289
- "icontrueTram": "#b898e5",
3290
- "icontrueWalk": "#8d8e9c",
3291
- "icontrueWater": "#8ccfe2",
3292
- "icontrueAirportlinkbus": "#f2b8e5",
3293
- "icontrueAirportlinkbus2": "#f2b8e5",
3294
- "icontrueAirportlinkrail": "#f2b8e5",
3295
- "switchfillFalse": "#08091c",
3296
- "switchfillTrue": "#08091c",
3297
- "text": "#e5e5e9"
3298
- }
3299
- },
3300
- "travelTag": {
3301
- "contrast": {
3302
- "icon": "#08091c",
3303
- "iconBusCancled": "#ef7398",
3304
- "iconCabllewayCancled": "#b898e5",
3305
- "iconCarferryCancled": "#8ccfe2",
3306
- "iconFerryCancled": "#8ccfe2",
3307
- "iconFunicularCancled": "#b898e5",
3308
- "iconHelicopterCancled": "#f2b8e5",
3309
- "iconMetroCancled": "#dd973c",
3310
- "iconPlaneCancled": "#f2b8e5",
3311
- "iconTaxiCancled": "#ffe082",
3312
- "iconTrainCancled": "#60a2d7",
3313
- "iconTramCancled": "#b898e5",
3314
- "iconWalk": "#e5e5e9",
3315
- "iconAirportlinkbusCancled": "#f2b8e5",
3316
- "iconAirportlinkrailCancled": "#f2b8e5",
3317
- "iconborderValidation": "#08091c",
3318
- "tagfillAir": "#f2b8e5",
3319
- "tagfillBicycle": "#4db295",
3320
- "tagfillBus": "#ef7398",
3321
- "tagfillBusCancled": "#ef739826",
3322
- "tagfillCableway": "#b898e5",
3323
- "tagfillCablewayCancled": "#b898e526",
3324
- "tagfillCarferry": "#8ccfe2",
3325
- "tagfillCarferryCancled": "#8ccfe226",
3326
- "tagfillCitybike": "#4db295",
3327
- "tagfillFerry": "#8ccfe2",
3328
- "tagfillFerryCancled": "#8ccfe226",
3329
- "tagfillFunicular": "#b898e5",
3330
- "tagfillFunicularCancled": "#b898e526",
3331
- "tagfillHelicopter": "#f2b8e5",
3332
- "tagfillHelicopterCancled": "#f2b8e526",
3333
- "tagfillMetro": "#dd973c",
3334
- "tagfillMetroCancled": "#dd973c26",
3335
- "tagfillMobility": "#4db295",
3336
- "tagfillPlane": "#f2b8e5",
3337
- "tagfillPlaneCancled": "#f2b8e526",
3338
- "tagfillRail": "#60a2d7",
3339
- "tagfillRailCancled": "#60a2d726",
3340
- "tagfillTaxi": "#ffe082",
3341
- "tagfillTaxiCancled": "#ffe08226",
3342
- "tagfillTrain": "#60a2d7",
3343
- "tagfillTrainCancled": "#60a2d726",
3344
- "tagfillTram": "#b898e5",
3345
- "tagfillTramCancled": "#b898e526",
3346
- "tagfillWalk": "#8d8e9c",
3347
- "tagfillWater": "#8ccfe2",
3348
- "tagfillWaterCancled": "#8ccfe226",
3349
- "tagfillAirportlinkbusCancled": "#f2b8e526",
3350
- "tagfillAirportlinkbusCancled2": "#f2b8e526",
3351
- "tagfillAirportlinkrail": "#f2b8e5",
3352
- "tagfillAirportlinkrailCancled": "#f2b8e526",
3353
- "tagfillAirportlinkbus": "#f2b8e5",
3354
- "textCancled": "#b6b8ba",
3355
- "textLabel": "#e5e5e9",
3356
- "textLine": "#08091c",
3357
- "textLineBusCancled": "#ef7398",
3358
- "textLineCablewayCancled": "#b898e5",
3359
- "textLineCarferryCancled": "#8ccfe2",
3360
- "textLineFerryCancled": "#8ccfe2",
3361
- "textLineFunicularCancled": "#b898e5",
3362
- "textLineHelicopterCancled": "#f2b8e5",
3363
- "textLineMetroCancled": "#dd973c",
3364
- "textLinePlaneCancled": "#f2b8e5",
3365
- "textLineTaxiCancled": "#ffe082",
3366
- "textLineTrainCancled": "#60a2d7",
3367
- "textLineTramCancled": "#b898e5",
3368
- "textLineAirportlinkbusCancled": "#f2b8e5",
3369
- "textLineAirportlinkrailCancled": "#f2b8e5",
3370
- "textNewtime": "#ff9494",
3371
- "textWalk": "#e5e5e9"
3372
- },
3373
- "standard": {
3374
- "icon": "#08091c",
3375
- "iconBusCancled": "#ef7398",
3376
- "iconCarferryCancled": "#8ccfe2",
3377
- "iconFerryCancled": "#8ccfe2",
3378
- "iconFunicularCancled": "#b898e5",
3379
- "iconHelicopterCancled": "#f2b8e5",
3380
- "iconMetroCancled": "#dd973c",
3381
- "iconPlaneCancled": "#f2b8e5",
3382
- "iconTaxiCancled": "#ffe082",
3383
- "iconTrainCancled": "#60a2d7",
3384
- "iconTramCancled": "#b898e5",
3385
- "iconWalk": "#08091c",
3386
- "iconAirportlinkbusCancled": "#f2b8e5",
3387
- "iconAirportlinkrailCancled": "#f2b8e5",
3388
- "iconCablewayCancled": "#b898e5",
3389
- "iconborderValidation": "#08091c",
3390
- "tagfillAir": "#f2b8e5",
3391
- "tagfillAirCancled": "#f2b8e526",
3392
- "tagfillBicycle": "#4db295",
3393
- "tagfillBus": "#ef7398",
3394
- "tagfillBusCancled": "#ef739826",
3395
- "tagfillCableway": "#b898e5",
3396
- "tagfillCablewayCancled": "#b482fb26",
3397
- "tagfillCarferry": "#8ccfe2",
3398
- "tagfillCarferryCancled": "#8ccfe226",
3399
- "tagfillCitybike": "#4db295",
3400
- "tagfillFerry": "#8ccfe2",
3401
- "tagfillFerryCancled": "#8ccfe226",
3402
- "tagfillFunicular": "#b898e5",
3403
- "tagfillFunicularCancled": "#b898e526",
3404
- "tagfillHelicopter": "#f2b8e5",
3405
- "tagfillHelicopterCancled": "#f2b8e526",
3406
- "tagfillMetro": "#dd973c",
3407
- "tagfillMetroCancled": "#dd973c26",
3408
- "tagfillMobility": "#4db295",
3409
- "tagfillPlane": "#f2b8e5",
3410
- "tagfillPlaneCancled": "#f2b8e526",
3411
- "tagfillRail": "#60a2d7",
3412
- "tagfillRailCancled": "#60a2d726",
3413
- "tagfillTaxi": "#ffe082",
3414
- "tagfillTaxiCancled": "#ffe08226",
3415
- "tagfillTrain": "#60a2d7",
3416
- "tagfillTrainCancled": "#60a2d726",
3417
- "tagfillTram": "#b898e5",
3418
- "tagfillTramCancled": "#b898e526",
3419
- "tagfillWalk": "#8d8e9c",
3420
- "tagfillWater": "#8ccfe2",
3421
- "tagfillWaterCancled": "#8ccfe226",
3422
- "tagfillAirportlinkbus": "#f2b8e5",
3423
- "tagfillAirportlinkbusCancled": "#f2b8e526",
3424
- "tagfillAirportlinkrail": "#f2b8e5",
3425
- "tagfillAirportlinkrailCancled": "#f2b8e526",
3426
- "textCancled": "#b6b8ba",
3427
- "textLabel": "#e5e5e9",
3428
- "textLine": "#08091c",
3429
- "textLineBusCancled": "#ef7398",
3430
- "textLineCablewayCancled": "#b898e5",
3431
- "textLineCarferryCancled": "#8ccfe2",
3432
- "textLineFerryCancled": "#8ccfe2",
3433
- "textLineFunicularCancled": "#b898e5",
3434
- "textLineHelicopterCancled": "#f2b8e5",
3435
- "textLineMetroCancled": "#dd973c",
3436
- "textLinePlaneCancled": "#f2b8e5",
3437
- "textLineTaxiCancled": "#ffe082",
3438
- "textLineTrainCancled": "#60a2d7",
3439
- "textLineTramCancled": "#b898e5",
3440
- "textLineAirportlinkbusCancled": "#f2b8e5",
3441
- "textLineAirportlinkrailCancled": "#f2b8e5",
3442
- "textNewtime": "#ff9494",
3443
- "textWalk": "#08091c"
3444
- }
3445
- }
3446
- },
3447
- "typography": {
3448
- "baseText": {
3449
- "contrast": {
3450
- "textAccent": "#e5e5e9"
3451
- },
3452
- "standard": {
3453
- "textAccent": "#e5e5e9"
3454
- }
3455
- },
3456
- "blockquote": {
3457
- "contrast": {
3458
- "stroke": "#81828f",
3459
- "textAccent": "#e5e5e9",
3460
- "textSubdued": "#b3b4bd"
3461
- },
3462
- "standard": {
3463
- "stroke": "#81828f",
3464
- "textAccent": "#e5e5e9",
3465
- "textSubdued": "#b3b4bd"
3466
- }
3467
- },
3468
- "codeText": {
3469
- "contrast": {
3470
- "border": "#ffffff00",
3471
- "borderInteractive": "#e5e5e9",
3472
- "fill": "#393a49",
3473
- "text": "#e5e5e9"
3474
- },
3475
- "standard": {
3476
- "border": "#ffffff00",
3477
- "borderInteractive": "#e5e5e9",
3478
- "fill": "#393a49",
3479
- "text": "#e5e5e9"
3480
- }
3481
- },
3482
- "label": {
3483
- "contrast": {
3484
- "textAccent": "#e5e5e9"
3485
- },
3486
- "standard": {
3487
- "textAccent": "#e5e5e9"
3488
- }
3489
- },
3490
- "list": {
3491
- "contrast": {
3492
- "border": "#aeb7e2",
3493
- "textAccent": "#e5e5e9"
3494
- },
3495
- "standard": {
3496
- "border": "#aeb7e2",
3497
- "textAccent": "#e5e5e9"
3498
- }
3499
- }
3500
- }
3501
- },
3502
- "designentur": {
3503
- "basecard": {
3504
- "contrast": {
3505
- "border": "#81828f",
3506
- "fill": "#e5e5e926",
3507
- "fillTint": "#e5e5e940",
3508
- "text": "#e5e5e9"
3509
- },
3510
- "default": {
3511
- "border": "#81828f",
3512
- "fill": "#e5e5e926",
3513
- "fillTint": "#e5e5e940",
3514
- "text": "#e5e5e9"
3515
- }
3516
- },
3517
- "dodontcard": {
3518
- "fill": "#e5e5e926",
3519
- "statuslineNegative": "#ff9494",
3520
- "statuslineSuccess": "#9cd9c2",
3521
- "statuslineWarning": "#ffeeb3",
3522
- "text": "#e5e5e9"
3523
- },
3524
- "footer": {
3525
- "contrast": {
3526
- "divider": "#81828f",
3527
- "fill": "#2d2e3e",
3528
- "text": "#e5e5e9",
3529
- "textSubdued": "#b3b4bd"
3530
- },
3531
- "default": {
3532
- "divider": "#81828f",
3533
- "fill": "#2d2e3e",
3534
- "text": "#e5e5e9",
3535
- "textSubdued": "#b3b4bd"
3536
- }
3537
- },
3538
- "header": {
3539
- "contrast": {
3540
- "divider": "#81828f",
3541
- "fill": "#08091c"
3542
- },
3543
- "default": {
3544
- "divider": "#81828f",
3545
- "fill": "#08091c"
3546
- }
3547
- },
3548
- "logo": {
3549
- "contrast": {
3550
- "backgroundApp": "#e5e5e926",
3551
- "highlight": "#ff5959",
3552
- "text": "#ffffff",
3553
- "textApp": "#ffffff"
3554
- },
3555
- "standard": {
3556
- "backgroundApp": "#e5e5e926",
3557
- "highlight": "#ff5959",
3558
- "text": "#ffffff",
3559
- "textApp": "#ffffff"
3560
- }
3561
- },
3562
- "npmtag": {
3563
- "divide": "#e5e5e9",
3564
- "text": "#e5e5e9"
3565
- },
3566
- "playground": {
3567
- "background": "#141527",
3568
- "border": "#b3b4bd",
3569
- "panel": "#e5e5e926",
3570
- "text": "#e5e5e9"
3571
- },
3572
- "typographycard": {
3573
- "border": "#b3b4bd",
3574
- "fill": "#e5e5e926",
3575
- "text": "#e5e5e9",
3576
- "textSubdued": "#b3b4bd"
3577
- }
3578
- }
3579
- }
3580
- };
3581
-
3582
- /*
3583
- Entur Design Tokens
3584
-
3585
- Hi there 👋 This file contains all the design tokens used in the Entur
3586
- Linje. It's broken up into a few different sections:
3587
-
3588
- - colors
3589
- - typography
3590
- - dimensions
3591
- - responsivity
3592
-
3593
- It's the source of truth of our design system, and any change here should be
3594
- made in sync with our design team.
3595
- */
3596
- var pxToRem = function pxToRem(pxValue) {
3597
- return pxValue / 16;
3598
- };
3599
- var colors = {
3600
- brand: {
3601
- blue: '#181c56',
3602
- lavender: '#aeb7e2',
3603
- white: '#ffffff',
3604
- coral: '#ff5959',
3605
- peach: '#ffbf9e'
3606
- },
3607
- blues: {
3608
- blue10: '#292b6a',
3609
- blue20: '#393d79',
3610
- blue30: '#54568c',
3611
- blue40: '#656782',
3612
- blue45: '#7C7F9F',
3613
- blue50: '#8285a8',
3614
- blue60: '#babbcf',
3615
- blue70: '#d1d4e3',
3616
- blue80: '#ebebf1',
3617
- blue90: '#f5f5f8'
3618
- },
3619
- greys: {
3620
- grey: '#121212',
3621
- grey10: '#2a2a2a',
3622
- grey20: '#353535',
3623
- grey30: '#4d4d4d',
3624
- grey40: '#646464',
3625
- grey45: '#808080',
3626
- grey50: '#949494',
3627
- grey60: '#d1d3d3',
3628
- grey70: '#e9e9e9',
3629
- grey80: '#f3f3f3',
3630
- grey90: '#f8f8f8'
3631
- },
3632
- validation: {
3633
- sky: '#0082b9',
3634
- skyContrast: '#64b3e7',
3635
- skyTint: '#e1eff8',
3636
- lava: '#d31b1b',
3637
- lavaContrast: '#ff9494',
3638
- lavaTint: '#ffcece',
3639
- mint: '#1a8e60',
3640
- mintContrast: '#5ac39a',
3641
- mintTint: '#d0f1e3',
3642
- // The best name
3643
- canary: '#ffca28',
3644
- canaryContrast: '#ffe082',
3645
- canaryTint: '#fff4cd'
3646
- },
3647
- misc: {
3648
- focus: 'rgba(68, 192, 255, 0.5)',
3649
- black: '#000000'
3650
- },
3651
- transport: {
3652
- "default": {
3653
- metro: '#bf5826',
3654
- bus: '#c5044e',
3655
- plane: '#800664',
3656
- helicopter: '#800664',
3657
- tram: '#642e88',
3658
- funicular: '#642e88',
3659
- cableway: '#642e88',
3660
- taxi: '#3d3e40',
3661
- bicycle: '#181c56',
3662
- walk: '#8d8e9c',
3663
- train: '#00367f',
3664
- ferry: '#0c6693',
3665
- carferry: '#0c6693',
3666
- mobility: '#388f76'
3667
- },
3668
- contrast: {
3669
- metro: '#f08901',
3670
- bus: '#ff6392',
3671
- plane: '#fbafea',
3672
- helicopter: '#e258c3',
3673
- tram: '#b482fb',
3674
- funicular: '#a476e5',
3675
- cableway: '#a476e5',
3676
- taxi: '#ffe082',
3677
- bicycle: '#ffffff',
3678
- walk: '#8284ab',
3679
- train: '#42a5f5',
3680
- ferry: '#6fdfff',
3681
- carferry: '#6fdfff',
3682
- mobility: '#00db9b'
3683
- }
3684
- },
3685
- data: {
3686
- "default": {
3687
- blue: '#181c56',
3688
- coral: '#ff5959',
3689
- jungle: '#0ea2a8',
3690
- azure: '#2f98fa',
3691
- lavender: '#8692ca',
3692
- peach: '#ca825b',
3693
- spring: '#57a257',
3694
- lilac: '#8e57e3'
3695
- },
3696
- contrast: {
3697
- blue: '#6C6EB7',
3698
- coral: '#ff5959',
3699
- jungle: '#0fc2b3',
3700
- azure: '#64b2fb',
3701
- lavender: '#aeb7e2',
3702
- peach: '#ffbf9e',
3703
- spring: '#7bc00b',
3704
- lilac: '#ea8bea'
3705
- }
3706
- }
3707
- };
3708
- var blackRgb = /*#__PURE__*/hexRgb(colors.misc.black, {
3709
- format: 'array'
3710
- }).toString().slice(0, -2);
3711
- var blue20Rgb = /*#__PURE__*/hexRgb(colors.blues.blue20, {
3712
- format: 'array'
3713
- }).toString().slice(0, -2);
3714
- // Dimensions
3715
- var spaceScale = [0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];
3716
- var space = {
3717
- /** 0px */
3718
- none: spaceScale[0],
3719
- /** 16px (1rem) */
3720
- "default": spaceScale[4],
3721
- /** 4px (0.25rem) */
3722
- extraSmall2: spaceScale[1],
3723
- /** 8px (0.5rem) */
3724
- extraSmall: spaceScale[2],
3725
- /** 12px (0.75rem) */
3726
- small: spaceScale[3],
3727
- /** 16px (1rem) */
3728
- medium: spaceScale[4],
3729
- /** 24px (1.5rem) */
3730
- large: spaceScale[5],
3731
- /** 32px (2rem) */
3732
- extraLarge: spaceScale[6],
3733
- /** 40px (2.5rem) */
3734
- extraLarge2: spaceScale[7],
3735
- /** 48px (3rem) */
3736
- extraLarge3: spaceScale[8],
3737
- /** 56px (3.5rem) */
3738
- extraLarge4: spaceScale[9],
3739
- /** 64px (4rem) */
3740
- extraLarge5: spaceScale[10],
3741
- /** 72px (4.5rem) */
3742
- extraLarge6: spaceScale[11],
3743
- /** 80px (5rem) */
3744
- extraLarge7: spaceScale[12],
3745
- /** 88px (5.5rem) */
3746
- extraLarge8: spaceScale[13],
3747
- /** 96px (6rem) */
3748
- extraLarge9: spaceScale[14],
3749
- rem: {
3750
- /** 0rem (0px) */
3751
- none: /*#__PURE__*/pxToRem(spaceScale[0]),
3752
- /** 1rem (16px) */
3753
- "default": /*#__PURE__*/pxToRem(spaceScale[4]),
3754
- /** 0.25rem (4px) */
3755
- extraSmall2: /*#__PURE__*/pxToRem(spaceScale[1]),
3756
- /** 0.5rem (8px) */
3757
- extraSmall: /*#__PURE__*/pxToRem(spaceScale[2]),
3758
- /** 0.75rem (12px) */
3759
- small: /*#__PURE__*/pxToRem(spaceScale[3]),
3760
- /** 1rem (16px) */
3761
- medium: /*#__PURE__*/pxToRem(spaceScale[4]),
3762
- /** 1.5rem (24px) */
3763
- large: /*#__PURE__*/pxToRem(spaceScale[5]),
3764
- /** 2rem (32px) */
3765
- extraLarge: /*#__PURE__*/pxToRem(spaceScale[6]),
3766
- /** 2.5rem (40px) */
3767
- extraLarge2: /*#__PURE__*/pxToRem(spaceScale[7]),
3768
- /** 3rem (48px) */
3769
- extraLarge3: /*#__PURE__*/pxToRem(spaceScale[8]),
3770
- /** 3.5rem (56px) */
3771
- extraLarge4: /*#__PURE__*/pxToRem(spaceScale[9]),
3772
- /** 4rem (64px) */
3773
- extraLarge5: /*#__PURE__*/pxToRem(spaceScale[10]),
3774
- /** 4.5rem (72px) */
3775
- extraLarge6: /*#__PURE__*/pxToRem(spaceScale[11]),
3776
- /** 5rem (80px) */
3777
- extraLarge7: /*#__PURE__*/pxToRem(spaceScale[12]),
3778
- /** 5.5rem (88px) */
3779
- extraLarge8: /*#__PURE__*/pxToRem(spaceScale[13]),
3780
- /** 6rem (96px) */
3781
- extraLarge9: /*#__PURE__*/pxToRem(spaceScale[14])
3782
- }
3783
- };
3784
- // Typography
3785
- var fontWeights = {
3786
- body: '500',
3787
- heading: '600'
3788
- };
3789
- var fontSizeScale = [10, 12, 14, 16, 20, 24, 28, 32, 40];
3790
- var fontSizes = {
3791
- /** 10px (0.625rem) */
3792
- extraSmall: fontSizeScale[0],
3793
- /** 12px (0.75rem) */
3794
- small: fontSizeScale[1],
3795
- /** 14px (0.875rem) */
3796
- medium: fontSizeScale[2],
3797
- /** 16px (1rem) */
3798
- large: fontSizeScale[3],
3799
- /** 20 px (1.25rem) */
3800
- extraLarge: fontSizeScale[4],
3801
- /** 24 px (1.5rem) */
3802
- extraLarge2: fontSizeScale[5],
3803
- /** 28 px (1.75rem) */
3804
- extraLarge3: fontSizeScale[6],
3805
- /** 32 px (2rem) */
3806
- extraLarge4: fontSizeScale[7],
3807
- /** 40 px (2.5rem) */
3808
- extraLarge5: fontSizeScale[8],
3809
- rem: {
3810
- /** 0.625rem (10px) */
3811
- extraSmall: /*#__PURE__*/pxToRem(fontSizeScale[0]),
3812
- /** 0.75rem (12px) */
3813
- small: /*#__PURE__*/pxToRem(fontSizeScale[1]),
3814
- /** 0.875rem (14px) */
3815
- medium: /*#__PURE__*/pxToRem(fontSizeScale[2]),
3816
- /** 1rem (16px) */
3817
- large: /*#__PURE__*/pxToRem(fontSizeScale[3]),
3818
- /** 1.25rem (20px) */
3819
- extraLarge: /*#__PURE__*/pxToRem(fontSizeScale[4]),
3820
- /** 1.5rem (24px) */
3821
- extraLarge2: /*#__PURE__*/pxToRem(fontSizeScale[5]),
3822
- /** 1.75rem (28px) */
3823
- extraLarge3: /*#__PURE__*/pxToRem(fontSizeScale[6]),
3824
- /** 2rem (32px) */
3825
- extraLarge4: /*#__PURE__*/pxToRem(fontSizeScale[7]),
3826
- /** 2.5rem (40px) */
3827
- extraLarge5: /*#__PURE__*/pxToRem(fontSizeScale[8])
3828
- }
3829
- };
3830
- var lineHeightScale = [14, 16, 20, 22, 24, 28, 30, 36, 42, 48, 60];
3831
- var lineHeights = {
3832
- /** 14px (0.875rem) */
3833
- extraSmall: lineHeightScale[0],
3834
- /** 16px (1rem) */
3835
- small: lineHeightScale[1],
3836
- /** 20px (1.25rem) */
3837
- medium: lineHeightScale[2],
3838
- /** 22px (1.375rem) */
3839
- large: lineHeightScale[3],
3840
- /** 24px (1.5rem) */
3841
- extraLarge: lineHeightScale[4],
3842
- /** 28px (1.75rem) */
3843
- extraLarge2: lineHeightScale[5],
3844
- /** 30px (1.875rem) */
3845
- extraLarge3: lineHeightScale[6],
3846
- /** 36px (2.25rem) */
3847
- extraLarge4: lineHeightScale[7],
3848
- /** 42px (2.625rem) */
3849
- extraLarge5: lineHeightScale[8],
3850
- /** 48px (3rem) */
3851
- extraLarge6: lineHeightScale[9],
3852
- /** 60px (3.75rem) */
3853
- extraLarge7: lineHeightScale[10],
3854
- rem: {
3855
- /** 0.875rem (14px) */
3856
- extraSmall: /*#__PURE__*/pxToRem(lineHeightScale[0]),
3857
- /** 1rem (16px) */
3858
- small: /*#__PURE__*/pxToRem(lineHeightScale[1]),
3859
- /** 1.25rem (20px) */
3860
- medium: /*#__PURE__*/pxToRem(lineHeightScale[2]),
3861
- /** 1.375rem (22px) */
3862
- large: /*#__PURE__*/pxToRem(lineHeightScale[3]),
3863
- /** 1.5rem (24px) */
3864
- extraLarge: /*#__PURE__*/pxToRem(lineHeightScale[4]),
3865
- /** 1.75rem (28px) */
3866
- extraLarge2: /*#__PURE__*/pxToRem(lineHeightScale[5]),
3867
- /** 1.875rem (30px) */
3868
- extraLarge3: /*#__PURE__*/pxToRem(lineHeightScale[6]),
3869
- /** 2.25rem (36px) */
3870
- extraLarge4: /*#__PURE__*/pxToRem(lineHeightScale[7]),
3871
- /** 2.625rem (42px) */
3872
- extraLarge5: /*#__PURE__*/pxToRem(lineHeightScale[8]),
3873
- /** 3rem (48px) */
3874
- extraLarge6: /*#__PURE__*/pxToRem(lineHeightScale[9]),
3875
- /** 3.75rem (60px) */
3876
- extraLarge7: /*#__PURE__*/pxToRem(lineHeightScale[10])
3877
- }
3878
- };
3879
- // Responsivity
3880
- var breakpoints = {
3881
- large: 800,
3882
- extraLarge: 1200,
3883
- rem: {
3884
- large: /*#__PURE__*/pxToRem(800),
3885
- extraLarge: /*#__PURE__*/pxToRem(1200)
3886
- }
3887
- };
3888
- // Borders
3889
- var borderWidthScale = [1, 2, 4];
3890
- var borderWidths = {
3891
- /** 2px (0.125rem) */
3892
- "default": borderWidthScale[1],
3893
- /** 1px (0.0625rem) */
3894
- small: borderWidthScale[0],
3895
- /** 2px (0.125rem) */
3896
- medium: borderWidthScale[1],
3897
- /** 4px (0.25rem) */
3898
- large: borderWidthScale[2],
3899
- rem: {
3900
- /** 0.125rem (2px) */
3901
- "default": /*#__PURE__*/pxToRem(borderWidthScale[1]),
3902
- /** 0.0625rem (1px) */
3903
- small: /*#__PURE__*/pxToRem(borderWidthScale[0]),
3904
- /** 0.125rem (2px) */
3905
- medium: /*#__PURE__*/pxToRem(borderWidthScale[1]),
3906
- /** 0.25rem (4px) */
3907
- large: /*#__PURE__*/pxToRem(borderWidthScale[2])
3908
- }
3909
- };
3910
- var borderRadiusScale = [1, 4, 8];
3911
- var borderRadiuses = {
3912
- /** 1 px (0.0625rem) */
3913
- "default": borderRadiusScale[0],
3914
- /** 1 px (0.0625rem) */
3915
- small: borderRadiusScale[0],
3916
- /** 4 px (0.25rem) */
3917
- medium: borderRadiusScale[1],
3918
- /** 8 px (0.5rem) */
3919
- large: borderRadiusScale[2],
3920
- rem: {
3921
- /** 0.0625rem (1px) */
3922
- "default": /*#__PURE__*/pxToRem(borderRadiusScale[0]),
3923
- /** 0.0625rem (1px) */
3924
- small: /*#__PURE__*/pxToRem(borderRadiusScale[0]),
3925
- /** 0.25rem (4px) */
3926
- medium: /*#__PURE__*/pxToRem(borderRadiusScale[1]),
3927
- /** 0.5rem (8px) */
3928
- large: /*#__PURE__*/pxToRem(borderRadiusScale[2])
3929
- }
3930
- };
3931
- var shadows = {
3932
- focus: "0 0 0 0.125rem " + colors.brand.white + ", 0 0 0 0.25rem " + colors.brand.blue,
3933
- focusContrast: "0 0 0 0.125rem " + colors.brand.blue + ", 0 0 0 0.25rem " + colors.brand.white,
3934
- cardShadow: "0 0.0625rem 0.1875rem 0 rgba(" + blackRgb + ", 0.12)",
3935
- cardShadowHover: "0 0.125rem 1rem 0 rgba(" + blackRgb + ", 0.1)",
3936
- cardShadowContrast: "0 0.0625rem 0.1875rem 0 rgba(" + blue20Rgb + ", 1)",
3937
- cardShadowHoverContrast: "0 0.125rem 1rem 0 rgba(" + blue20Rgb + ", 1)",
3938
- boxShadow: "0 0.0625rem 0.1875rem rgba(" + blackRgb + ", 0.25)",
3939
- boxShadowContrast: "0 0.0625rem 0.1875rem rgba(" + blue20Rgb + ", 1)"
3940
- };
3941
- // Z-indexes
3942
- var zIndexScale = [-1, 0, 10, 20, 30, 40, 50];
3943
- var zIndexes = {
3944
- behind: zIndexScale[0],
3945
- "default": zIndexScale[1],
3946
- sticky: zIndexScale[2],
3947
- popover: zIndexScale[3],
3948
- overlay: zIndexScale[4],
3949
- modal: zIndexScale[5],
3950
- toast: zIndexScale[6]
3951
- };
3952
- var timingScale = ['0.1s', '0.2s', '0.5s'];
3953
- var timings = {
3954
- /** 0.1s */
3955
- fast: timingScale[0],
3956
- /** 0.2s */
3957
- medium: timingScale[1],
3958
- /** 0.5s */
3959
- slow: timingScale[2]
3960
- };
3961
- var outlines = {
3962
- focus: 2 + "px solid " + colors.brand.blue,
3963
- focusContrast: 2 + "px solid " + colors.brand.white + " "
3964
- };
3965
- var outlineOffsetsConstants = [2];
3966
- var outlineOffsets = {
3967
- /** 2px (0.125rem) */
3968
- focus: outlineOffsetsConstants[0],
3969
- rem: {
3970
- /** 0.125rem (2px) */
3971
- focus: /*#__PURE__*/pxToRem(outlineOffsetsConstants[0])
3972
- }
3973
- };
3974
-
3975
- var SUPPORTED_COLOR_MODES = ['light', 'dark'];
3976
- function createColorSet(fileData) {
3977
- var colorsUnformated = JSON.parse(fileData);
3978
- var colorsFormatedAndMappedToModes = colorsUnformated[0].values.reduce(function (allComponentColors, colorMode) {
3979
- var colorsFormatedForMode = colorMode.color.map(function (color) {
3980
- var colorNameInKebabCase = toKebabCase(color.name);
3981
- var varNameInKebabCase = toKebabCase(color["var"]);
3982
- var hexValue = color.value;
3983
- var colorModeName = colorMode.mode.name.toLowerCase();
3984
- var usesAlias = varNameInKebabCase !== '';
3985
- return {
3986
- css: {
3987
- key: "--" + colorNameInKebabCase,
3988
- value: usesAlias ? "var(--" + varNameInKebabCase + ")" : hexValue
3989
- },
3990
- scss: {
3991
- key: "$" + colorNameInKebabCase,
3992
- value: usesAlias ? "$" + varNameInKebabCase : hexValue,
3993
- sanitizedValue: usesAlias ? "#{$" + varNameInKebabCase + "}" : hexValue
3994
- },
3995
- less: {
3996
- key: "@" + colorNameInKebabCase,
3997
- value: usesAlias ? "@" + varNameInKebabCase : hexValue
3998
- },
3999
- js: {
4000
- key: "" + (SUPPORTED_COLOR_MODES.includes(colorModeName) ? colorModeName + '.' : '') + toFlattenedJSObjectKey(color.name),
4001
- value: hexValue
4002
- },
4003
- mode: colorModeName,
4004
- usesAlias: usesAlias
4005
- };
4006
- });
4007
- return [].concat(allComponentColors, colorsFormatedForMode);
4008
- }, []);
4009
- return colorsFormatedAndMappedToModes;
4010
- }
4011
- var WARNING_TEXT = "/* DO NOT CHANGE!*/\n/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */";
4012
- function createColorsOutputString(_ref) {
4013
- var colorSet = _ref.colorSet,
4014
- keyType = _ref.keyType,
4015
- valueType = _ref.valueType,
4016
- withColorMode = _ref.withColorMode,
4017
- importFileNames = _ref.importFileNames;
4018
- var needsRoot = keyType === 'css';
4019
- var needsImport = colorSet.some(function (color) {
4020
- return color.usesAlias;
4021
- });
4022
- if (withColorMode) {
4023
- if (needsImport && importFileNames) {
4024
- var importString = createImportStatementString({
4025
- fileNames: importFileNames,
4026
- extension: valueType,
4027
- includeAs: needsImport && valueType === 'scss'
4028
- });
4029
- var colorVariablesString = stringWithColorMode(colorSet);
4030
- return importString + "\n " + colorVariablesString + "\n ";
4031
- }
4032
- return stringWithColorMode(colorSet);
4033
- } else {
4034
- if (needsImport && importFileNames) {
4035
- var _importString = createImportStatementString({
4036
- fileNames: importFileNames,
4037
- extension: valueType,
4038
- includeAs: needsImport && valueType === 'scss'
4039
- });
4040
- var _colorVariablesString = stringWithoutColorMode(colorSet, needsRoot);
4041
- return _importString + "\n " + _colorVariablesString + "\n ";
4042
- }
4043
- return stringWithoutColorMode(colorSet, needsRoot);
4044
- }
4045
- function stringWithColorMode(colorSet) {
4046
- var outputString = "\n" + WARNING_TEXT + "\n[data-color-mode='light'],\n:root {\n " + colorSet.filter(function (color) {
4047
- return (color == null ? void 0 : color.mode) === 'light';
4048
- }).map(function (color) {
4049
- var colorKey = color[keyType].key;
4050
- var colorValue = keyType === 'css' && valueType === 'scss' ? color[valueType].sanitizedValue : color[valueType].value;
4051
- return colorKey + ": " + colorValue + ";";
4052
- }).join('\n ') + "\n}\n\n[data-color-mode='dark'] {\n " + colorSet.filter(function (color) {
4053
- return (color == null ? void 0 : color.mode) === 'dark';
4054
- }).map(function (color) {
4055
- var colorKey = color[keyType].key;
4056
- var colorValue = keyType === 'css' && valueType === 'scss' ? color[valueType].sanitizedValue : color[valueType].value;
4057
- return colorKey + ": " + colorValue + ";";
4058
- }).join('\n ') + "\n}\n";
4059
- return outputString;
4060
- }
4061
- function stringWithoutColorMode(colorSet, needsRoot) {
4062
- var outputString = "\n" + WARNING_TEXT + "\n" + (needsRoot ? ':root {' : '') + "\n" + (needsRoot ? '\t' : '') + colorSet.map(function (color) {
4063
- var colorKey = color[keyType].key;
4064
- var colorValue = keyType === 'css' && valueType === 'scss' ? color[valueType].sanitizedValue : color[valueType].value;
4065
- return colorKey + ": " + colorValue + ";";
4066
- }).join("\n" + (needsRoot ? '\t' : '')) + "\n" + (needsRoot ? '}' : '') + "\n ";
4067
- return outputString;
4068
- }
4069
- function createImportStatementString(_ref2) {
4070
- var fileNames = _ref2.fileNames,
4071
- extension = _ref2.extension,
4072
- includeAs = _ref2.includeAs;
4073
- var IMPORT_SYNTAX = {
4074
- css: '@import',
4075
- scss: '@use',
4076
- less: '@import'
4077
- };
4078
- var asStatement = includeAs ? ' as *' : '';
4079
- var importStatements = fileNames.map(function (fileName) {
4080
- var importPath = "'@entur/tokens/dist/" + fileName + "." + extension + "'";
4081
- return "" + (extension === 'scss' ? '@forward ' + importPath + ';\n' : '') + IMPORT_SYNTAX[extension] + " " + importPath + asStatement + ";";
4082
- });
4083
- return importStatements.join('\n');
4084
- }
4085
- }
4086
- function createColorsFileData(_ref3) {
4087
- var colorSet = _ref3.colorSet,
4088
- keyType = _ref3.keyType,
4089
- valueType = _ref3.valueType,
4090
- name = _ref3.name,
4091
- outputToPackages = _ref3.outputToPackages,
4092
- _ref3$withColorMode = _ref3.withColorMode,
4093
- withColorMode = _ref3$withColorMode === void 0 ? false : _ref3$withColorMode,
4094
- importFileNames = _ref3.importFileNames;
4095
- var outputString = '';
4096
- if (outputToPackages) {
4097
- var outputData = [];
4098
- outputToPackages.forEach(function (packageName) {
4099
- outputString = '';
4100
- var variablesForCurrentPackage = colorSet.filter(function (variable) {
4101
- return variable.scss.key.includes("-" + packageName + "-");
4102
- });
4103
- if (variablesForCurrentPackage.length === 0) {
4104
- return;
4105
- }
4106
- if (packageName === 'travel') {
4107
- outputString += createColorsOutputString({
4108
- colorSet: variablesForCurrentPackage,
4109
- keyType: keyType,
4110
- valueType: valueType,
4111
- withColorMode: true,
4112
- importFileNames: ['semantic', 'transport']
4113
- });
4114
- } else {
4115
- outputString += createColorsOutputString({
4116
- colorSet: variablesForCurrentPackage,
4117
- keyType: keyType,
4118
- valueType: valueType,
4119
- withColorMode: true,
4120
- importFileNames: ['semantic']
4121
- });
4122
- }
4123
- outputData.push({
4124
- outputString: outputString,
4125
- outputFileName: name + ".scss",
4126
- packageName: packageName
4127
- });
4128
- });
4129
- return outputData;
4130
- }
4131
- switch (name) {
4132
- case 'base':
4133
- outputString += createColorsOutputString({
4134
- colorSet: colorSet,
4135
- keyType: keyType,
4136
- valueType: valueType,
4137
- withColorMode: true,
4138
- importFileNames: ['semantic', 'transport']
4139
- });
4140
- break;
4141
- case 'semantic':
4142
- outputString += createColorsOutputString({
4143
- colorSet: colorSet,
4144
- keyType: keyType,
4145
- valueType: valueType,
4146
- withColorMode: false,
4147
- importFileNames: ['primitive']
4148
- });
4149
- break;
4150
- case 'data':
4151
- outputString += createColorsOutputString({
4152
- colorSet: colorSet,
4153
- keyType: keyType,
4154
- valueType: valueType,
4155
- withColorMode: true
4156
- });
4157
- break;
4158
- default:
4159
- outputString += createColorsOutputString({
4160
- colorSet: colorSet,
4161
- keyType: keyType,
4162
- valueType: valueType,
4163
- withColorMode: withColorMode,
4164
- importFileNames: importFileNames
4165
- });
4166
- }
4167
- return [{
4168
- outputString: outputString,
4169
- outputFileName: name + "." + valueType
4170
- }];
4171
- }
4172
- function createJSColorFileData(_ref4) {
4173
- var variables = _ref4.variables,
4174
- name = _ref4.name;
4175
- var jsVariables = variables.map(function (color) {
4176
- var _ref5;
4177
- return _ref5 = {}, _ref5[color == null ? void 0 : color.js.key] = color == null ? void 0 : color.js.value, _ref5;
4178
- });
4179
- var jsVariablesObject = Object.assign.apply(Object, [{}].concat(jsVariables));
4180
- var unflattenedJSVariablesObject = flat.unflatten(jsVariablesObject);
4181
- var outputString = WARNING_TEXT + "\n export const " + name + " = " + JSON.stringify(unflattenedJSVariablesObject) + "\n ";
4182
- return {
4183
- outputString: outputString,
4184
- outputFileName: name + ".ts"
4185
- };
4186
- }
4187
- function toKebabCase(name) {
4188
- return name.replace(/\//g, '-').replace(/\s/g, '').toLowerCase();
4189
- }
4190
- function toFlattenedJSObjectKey(name) {
4191
- var nameWithoutSpacesAndDashes = name.toLowerCase().replace(/\s(\w)/g, function (_, letter) {
4192
- return letter.toUpperCase();
4193
- }).replace(/\-(\w)/g, function (_, letter) {
4194
- return letter.toUpperCase();
4195
- });
4196
- var nameArray = nameWithoutSpacesAndDashes.split('/');
4197
- var nameArrayWithStringNumbers = nameArray.map(function (namePart) {
4198
- if (!isNaN(Number(namePart.charAt(0)))) {
4199
- return "_" + namePart;
4200
- }
4201
- return namePart;
4202
- });
4203
- return nameArrayWithStringNumbers.join('.');
4204
- }
4205
-
4206
- exports.base = base;
4207
- exports.borderRadiuses = borderRadiuses;
4208
- exports.borderWidths = borderWidths;
4209
- exports.breakpoints = breakpoints;
4210
- exports.colors = colors;
4211
- exports.componentColors = componentColors;
4212
- exports.createColorSet = createColorSet;
4213
- exports.createColorsFileData = createColorsFileData;
4214
- exports.createJSColorFileData = createJSColorFileData;
4215
- exports.data = data;
4216
- exports.fontSizes = fontSizes;
4217
- exports.fontWeights = fontWeights;
4218
- exports.lineHeights = lineHeights;
4219
- exports.outlineOffsets = outlineOffsets;
4220
- exports.outlines = outlines;
4221
- exports.primitive = primitive;
4222
- exports.semantic = semantic;
4223
- exports.shadows = shadows;
4224
- exports.space = space;
4225
- exports.timings = timings;
4226
- exports.transport = transport;
4227
- exports.zIndexes = zIndexes;
4228
- //# sourceMappingURL=tokens.cjs.development.js.map