@entur/tokens 3.20.0 → 3.21.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,4 +1,4 @@
1
- export declare const componentColors: {
1
+ export declare const componentVariables: {
2
2
  light: {
3
3
  components: {
4
4
  layout: {
@@ -8,6 +8,7 @@ export declare const componentColors: {
8
8
  border: string;
9
9
  bullet: string;
10
10
  fill: string;
11
+ icon: string;
11
12
  text: string;
12
13
  textBullet: string;
13
14
  };
@@ -15,6 +16,7 @@ export declare const componentColors: {
15
16
  border: string;
16
17
  bullet: string;
17
18
  fill: string;
19
+ icon: string;
18
20
  text: string;
19
21
  textBullet: string;
20
22
  };
@@ -24,6 +26,7 @@ export declare const componentColors: {
24
26
  border: string;
25
27
  bullet: string;
26
28
  fill: string;
29
+ icon: string;
27
30
  text: string;
28
31
  textBullet: string;
29
32
  };
@@ -31,6 +34,7 @@ export declare const componentColors: {
31
34
  border: string;
32
35
  bullet: string;
33
36
  fill: string;
37
+ icon: string;
34
38
  text: string;
35
39
  textBullet: string;
36
40
  };
@@ -40,6 +44,7 @@ export declare const componentColors: {
40
44
  border: string;
41
45
  bullet: string;
42
46
  fill: string;
47
+ icon: string;
43
48
  text: string;
44
49
  textBullet: string;
45
50
  };
@@ -47,6 +52,7 @@ export declare const componentColors: {
47
52
  border: string;
48
53
  bullet: string;
49
54
  fill: string;
55
+ icon: string;
50
56
  text: string;
51
57
  textBullet: string;
52
58
  };
@@ -55,12 +61,14 @@ export declare const componentColors: {
55
61
  contrast: {
56
62
  bullet: string;
57
63
  fill: string;
64
+ icon: string;
58
65
  text: string;
59
66
  textBullet: string;
60
67
  };
61
68
  standard: {
62
69
  bullet: string;
63
70
  fill: string;
71
+ icon: string;
64
72
  text: string;
65
73
  textBullet: string;
66
74
  };
@@ -70,6 +78,7 @@ export declare const componentColors: {
70
78
  border: string;
71
79
  bullet: string;
72
80
  fill: string;
81
+ icon: string;
73
82
  text: string;
74
83
  textBullet: string;
75
84
  };
@@ -77,6 +86,7 @@ export declare const componentColors: {
77
86
  border: string;
78
87
  bullet: string;
79
88
  fill: string;
89
+ icon: string;
80
90
  text: string;
81
91
  textBullet: string;
82
92
  };
@@ -98,6 +108,7 @@ export declare const componentColors: {
98
108
  border: string;
99
109
  bullet: string;
100
110
  fill: string;
111
+ icon: string;
101
112
  text: string;
102
113
  textBullet: string;
103
114
  };
@@ -105,6 +116,7 @@ export declare const componentColors: {
105
116
  border: string;
106
117
  bullet: string;
107
118
  fill: string;
119
+ icon: string;
108
120
  text: string;
109
121
  textBullet: string;
110
122
  };
@@ -641,7 +653,7 @@ export declare const componentColors: {
641
653
  };
642
654
  warning: {
643
655
  contrast: {
644
- icon: string;
656
+ iconFill: string;
645
657
  iconSymbol: string;
646
658
  stroke: string;
647
659
  text: string;
@@ -876,6 +888,24 @@ export declare const componentColors: {
876
888
  text: string;
877
889
  textDisabled: string;
878
890
  };
891
+ contrastBeta: {
892
+ backgroundChild: string;
893
+ divider: string;
894
+ fillActive: string;
895
+ fillClick: string;
896
+ fillDefault: string;
897
+ fillDisabled: string;
898
+ fillHover: string;
899
+ icon: string;
900
+ iconDisabled: string;
901
+ iconSubdued: string;
902
+ strokeDev: string;
903
+ strokeProd: string;
904
+ strokeStaging: string;
905
+ text: string;
906
+ textDisabled: string;
907
+ textGroup: string;
908
+ };
879
909
  standard: {
880
910
  avatar: string;
881
911
  background: string;
@@ -891,6 +921,24 @@ export declare const componentColors: {
891
921
  text: string;
892
922
  textDisabled: string;
893
923
  };
924
+ standardBeta: {
925
+ backgroundChild: string;
926
+ divider: string;
927
+ fillActive: string;
928
+ fillClick: string;
929
+ fillDefault: string;
930
+ fillDisabled: string;
931
+ fillHover: string;
932
+ icon: string;
933
+ iconDisabled: string;
934
+ iconSubdued: string;
935
+ strokeDev: string;
936
+ strokeProd: string;
937
+ strokeStaging: string;
938
+ text: string;
939
+ textDisabled: string;
940
+ textGroup: string;
941
+ };
894
942
  };
895
943
  stepper: {
896
944
  contrast: {
@@ -1057,6 +1105,7 @@ export declare const componentColors: {
1057
1105
  bicycle: string;
1058
1106
  bulletBorder: string;
1059
1107
  bus: string;
1108
+ busRegional: string;
1060
1109
  cableway: string;
1061
1110
  carferry: string;
1062
1111
  citybike: string;
@@ -1080,6 +1129,7 @@ export declare const componentColors: {
1080
1129
  bicycle: string;
1081
1130
  bulletBorder: string;
1082
1131
  bus: string;
1132
+ busRegional: string;
1083
1133
  cableway: string;
1084
1134
  carferry: string;
1085
1135
  citybike: string;
@@ -1113,6 +1163,7 @@ export declare const componentColors: {
1113
1163
  backgroundtrueMobility: string;
1114
1164
  backgroundtruePlane: string;
1115
1165
  backgroundtrueRail: string;
1166
+ backgroundtrueRegionalBus: string;
1116
1167
  backgroundtrueTaxi: string;
1117
1168
  backgroundtrueTrain: string;
1118
1169
  backgroundtrueTram: string;
@@ -1123,6 +1174,7 @@ export declare const componentColors: {
1123
1174
  iconfalse: string;
1124
1175
  icontrueBicycle: string;
1125
1176
  icontrueBus: string;
1177
+ icontrueBusRegional: string;
1126
1178
  icontrueCableway: string;
1127
1179
  icontrueCarferry: string;
1128
1180
  icontrueCitybike: string;
@@ -1147,6 +1199,7 @@ export declare const componentColors: {
1147
1199
  backgroundtrueAir: string;
1148
1200
  backgroundtrueBicycle: string;
1149
1201
  backgroundtrueBus: string;
1202
+ backgroundtrueBusRegional: string;
1150
1203
  backgroundtrueCableway: string;
1151
1204
  backgroundtrueCarferry: string;
1152
1205
  backgroundtrueCitybike: string;
@@ -1177,6 +1230,7 @@ export declare const componentColors: {
1177
1230
  icontrueMobility: string;
1178
1231
  icontruePlane: string;
1179
1232
  icontrueRail: string;
1233
+ icontrueRegionalBus: string;
1180
1234
  icontrueTaxi: string;
1181
1235
  icontrueTrain: string;
1182
1236
  icontrueTram: string;
@@ -1198,6 +1252,8 @@ export declare const componentColors: {
1198
1252
  bicycle: string;
1199
1253
  bus: string;
1200
1254
  busCancelled: string;
1255
+ busRegional: string;
1256
+ busRegionalCancelled: string;
1201
1257
  cableway: string;
1202
1258
  cablewayCancelled: string;
1203
1259
  carferry: string;
@@ -1236,6 +1292,7 @@ export declare const componentColors: {
1236
1292
  airportlinkbusCancelled: string;
1237
1293
  airportlinkrailCancelled: string;
1238
1294
  busCancelled: string;
1295
+ busRegionalCancelled: string;
1239
1296
  cablewayCancelled: string;
1240
1297
  carferryCancelled: string;
1241
1298
  default: string;
@@ -1260,6 +1317,7 @@ export declare const componentColors: {
1260
1317
  details: string;
1261
1318
  label: string;
1262
1319
  lineBusCancelled: string;
1320
+ lineBusRegionalCancelled: string;
1263
1321
  lineCablewayCancelled: string;
1264
1322
  lineCarferryCancelled: string;
1265
1323
  lineFerryCancelled: string;
@@ -1287,6 +1345,8 @@ export declare const componentColors: {
1287
1345
  bicycle: string;
1288
1346
  bus: string;
1289
1347
  busCancelled: string;
1348
+ busRegional: string;
1349
+ busRegionalCancelled: string;
1290
1350
  cableway: string;
1291
1351
  cablewayCancelled: string;
1292
1352
  carferry: string;
@@ -1321,6 +1381,7 @@ export declare const componentColors: {
1321
1381
  airportlinkbusCancelled: string;
1322
1382
  airportlinkrailCancelled: string;
1323
1383
  busCancelled: string;
1384
+ busRegionalCancelled: string;
1324
1385
  cablewayCancelled: string;
1325
1386
  carferryCancelled: string;
1326
1387
  default: string;
@@ -1358,6 +1419,7 @@ export declare const componentColors: {
1358
1419
  lineWalk: string;
1359
1420
  lineAirportlinkbusCancelled: string;
1360
1421
  lineAirportlinkrailCancelled: string;
1422
+ lineRegionalBusCancelled: string;
1361
1423
  newtime: string;
1362
1424
  };
1363
1425
  };
@@ -1505,6 +1567,7 @@ export declare const componentColors: {
1505
1567
  border: string;
1506
1568
  bullet: string;
1507
1569
  fill: string;
1570
+ icon: string;
1508
1571
  text: string;
1509
1572
  textBullet: string;
1510
1573
  };
@@ -1512,6 +1575,7 @@ export declare const componentColors: {
1512
1575
  border: string;
1513
1576
  bullet: string;
1514
1577
  fill: string;
1578
+ icon: string;
1515
1579
  text: string;
1516
1580
  textBullet: string;
1517
1581
  };
@@ -1521,6 +1585,7 @@ export declare const componentColors: {
1521
1585
  border: string;
1522
1586
  bullet: string;
1523
1587
  fill: string;
1588
+ icon: string;
1524
1589
  text: string;
1525
1590
  textBullet: string;
1526
1591
  };
@@ -1528,6 +1593,7 @@ export declare const componentColors: {
1528
1593
  border: string;
1529
1594
  bullet: string;
1530
1595
  fill: string;
1596
+ icon: string;
1531
1597
  text: string;
1532
1598
  textBullet: string;
1533
1599
  };
@@ -1537,6 +1603,7 @@ export declare const componentColors: {
1537
1603
  border: string;
1538
1604
  bullet: string;
1539
1605
  fill: string;
1606
+ icon: string;
1540
1607
  text: string;
1541
1608
  textBullet: string;
1542
1609
  };
@@ -1544,6 +1611,7 @@ export declare const componentColors: {
1544
1611
  border: string;
1545
1612
  bullet: string;
1546
1613
  fill: string;
1614
+ icon: string;
1547
1615
  text: string;
1548
1616
  textBullet: string;
1549
1617
  };
@@ -1552,12 +1620,14 @@ export declare const componentColors: {
1552
1620
  contrast: {
1553
1621
  bullet: string;
1554
1622
  fill: string;
1623
+ icon: string;
1555
1624
  text: string;
1556
1625
  textBullet: string;
1557
1626
  };
1558
1627
  standard: {
1559
1628
  bullet: string;
1560
1629
  fill: string;
1630
+ icon: string;
1561
1631
  text: string;
1562
1632
  textBullet: string;
1563
1633
  };
@@ -1567,6 +1637,7 @@ export declare const componentColors: {
1567
1637
  border: string;
1568
1638
  bullet: string;
1569
1639
  fill: string;
1640
+ icon: string;
1570
1641
  text: string;
1571
1642
  textBullet: string;
1572
1643
  };
@@ -1574,6 +1645,7 @@ export declare const componentColors: {
1574
1645
  border: string;
1575
1646
  bullet: string;
1576
1647
  fill: string;
1648
+ icon: string;
1577
1649
  text: string;
1578
1650
  textBullet: string;
1579
1651
  };
@@ -1595,6 +1667,7 @@ export declare const componentColors: {
1595
1667
  border: string;
1596
1668
  bullet: string;
1597
1669
  fill: string;
1670
+ icon: string;
1598
1671
  text: string;
1599
1672
  textBullet: string;
1600
1673
  };
@@ -1602,6 +1675,7 @@ export declare const componentColors: {
1602
1675
  border: string;
1603
1676
  bullet: string;
1604
1677
  fill: string;
1678
+ icon: string;
1605
1679
  text: string;
1606
1680
  textBullet: string;
1607
1681
  };
@@ -2138,7 +2212,7 @@ export declare const componentColors: {
2138
2212
  };
2139
2213
  warning: {
2140
2214
  contrast: {
2141
- icon: string;
2215
+ iconFill: string;
2142
2216
  iconSymbol: string;
2143
2217
  stroke: string;
2144
2218
  text: string;
@@ -2373,6 +2447,24 @@ export declare const componentColors: {
2373
2447
  text: string;
2374
2448
  textDisabled: string;
2375
2449
  };
2450
+ contrastBeta: {
2451
+ backgroundChild: string;
2452
+ divider: string;
2453
+ fillActive: string;
2454
+ fillClick: string;
2455
+ fillDefault: string;
2456
+ fillDisabled: string;
2457
+ fillHover: string;
2458
+ icon: string;
2459
+ iconDisabled: string;
2460
+ iconSubdued: string;
2461
+ strokeDev: string;
2462
+ strokeProd: string;
2463
+ strokeStaging: string;
2464
+ text: string;
2465
+ textDisabled: string;
2466
+ textGroup: string;
2467
+ };
2376
2468
  standard: {
2377
2469
  avatar: string;
2378
2470
  background: string;
@@ -2388,6 +2480,24 @@ export declare const componentColors: {
2388
2480
  text: string;
2389
2481
  textDisabled: string;
2390
2482
  };
2483
+ standardBeta: {
2484
+ backgroundChild: string;
2485
+ divider: string;
2486
+ fillActive: string;
2487
+ fillClick: string;
2488
+ fillDefault: string;
2489
+ fillDisabled: string;
2490
+ fillHover: string;
2491
+ icon: string;
2492
+ iconDisabled: string;
2493
+ iconSubdued: string;
2494
+ strokeDev: string;
2495
+ strokeProd: string;
2496
+ strokeStaging: string;
2497
+ text: string;
2498
+ textDisabled: string;
2499
+ textGroup: string;
2500
+ };
2391
2501
  };
2392
2502
  stepper: {
2393
2503
  contrast: {
@@ -2554,6 +2664,7 @@ export declare const componentColors: {
2554
2664
  bicycle: string;
2555
2665
  bulletBorder: string;
2556
2666
  bus: string;
2667
+ busRegional: string;
2557
2668
  cableway: string;
2558
2669
  carferry: string;
2559
2670
  citybike: string;
@@ -2577,6 +2688,7 @@ export declare const componentColors: {
2577
2688
  bicycle: string;
2578
2689
  bulletBorder: string;
2579
2690
  bus: string;
2691
+ busRegional: string;
2580
2692
  cableway: string;
2581
2693
  carferry: string;
2582
2694
  citybike: string;
@@ -2610,6 +2722,7 @@ export declare const componentColors: {
2610
2722
  backgroundtrueMobility: string;
2611
2723
  backgroundtruePlane: string;
2612
2724
  backgroundtrueRail: string;
2725
+ backgroundtrueRegionalBus: string;
2613
2726
  backgroundtrueTaxi: string;
2614
2727
  backgroundtrueTrain: string;
2615
2728
  backgroundtrueTram: string;
@@ -2620,6 +2733,7 @@ export declare const componentColors: {
2620
2733
  iconfalse: string;
2621
2734
  icontrueBicycle: string;
2622
2735
  icontrueBus: string;
2736
+ icontrueBusRegional: string;
2623
2737
  icontrueCableway: string;
2624
2738
  icontrueCarferry: string;
2625
2739
  icontrueCitybike: string;
@@ -2644,6 +2758,7 @@ export declare const componentColors: {
2644
2758
  backgroundtrueAir: string;
2645
2759
  backgroundtrueBicycle: string;
2646
2760
  backgroundtrueBus: string;
2761
+ backgroundtrueBusRegional: string;
2647
2762
  backgroundtrueCableway: string;
2648
2763
  backgroundtrueCarferry: string;
2649
2764
  backgroundtrueCitybike: string;
@@ -2674,6 +2789,7 @@ export declare const componentColors: {
2674
2789
  icontrueMobility: string;
2675
2790
  icontruePlane: string;
2676
2791
  icontrueRail: string;
2792
+ icontrueRegionalBus: string;
2677
2793
  icontrueTaxi: string;
2678
2794
  icontrueTrain: string;
2679
2795
  icontrueTram: string;
@@ -2695,6 +2811,8 @@ export declare const componentColors: {
2695
2811
  bicycle: string;
2696
2812
  bus: string;
2697
2813
  busCancelled: string;
2814
+ busRegional: string;
2815
+ busRegionalCancelled: string;
2698
2816
  cableway: string;
2699
2817
  cablewayCancelled: string;
2700
2818
  carferry: string;
@@ -2733,6 +2851,7 @@ export declare const componentColors: {
2733
2851
  airportlinkbusCancelled: string;
2734
2852
  airportlinkrailCancelled: string;
2735
2853
  busCancelled: string;
2854
+ busRegionalCancelled: string;
2736
2855
  cablewayCancelled: string;
2737
2856
  carferryCancelled: string;
2738
2857
  default: string;
@@ -2757,6 +2876,7 @@ export declare const componentColors: {
2757
2876
  details: string;
2758
2877
  label: string;
2759
2878
  lineBusCancelled: string;
2879
+ lineBusRegionalCancelled: string;
2760
2880
  lineCablewayCancelled: string;
2761
2881
  lineCarferryCancelled: string;
2762
2882
  lineFerryCancelled: string;
@@ -2784,6 +2904,8 @@ export declare const componentColors: {
2784
2904
  bicycle: string;
2785
2905
  bus: string;
2786
2906
  busCancelled: string;
2907
+ busRegional: string;
2908
+ busRegionalCancelled: string;
2787
2909
  cableway: string;
2788
2910
  cablewayCancelled: string;
2789
2911
  carferry: string;
@@ -2818,6 +2940,7 @@ export declare const componentColors: {
2818
2940
  airportlinkbusCancelled: string;
2819
2941
  airportlinkrailCancelled: string;
2820
2942
  busCancelled: string;
2943
+ busRegionalCancelled: string;
2821
2944
  cablewayCancelled: string;
2822
2945
  carferryCancelled: string;
2823
2946
  default: string;
@@ -2855,6 +2978,7 @@ export declare const componentColors: {
2855
2978
  lineWalk: string;
2856
2979
  lineAirportlinkbusCancelled: string;
2857
2980
  lineAirportlinkrailCancelled: string;
2981
+ lineRegionalBusCancelled: string;
2858
2982
  newtime: string;
2859
2983
  };
2860
2984
  };
@@ -2993,4 +3117,243 @@ export declare const componentColors: {
2993
3117
  };
2994
3118
  };
2995
3119
  };
3120
+ components: {
3121
+ button: {
3122
+ border: {
3123
+ large: string;
3124
+ medium: string;
3125
+ small: string;
3126
+ };
3127
+ gap: {
3128
+ small: string;
3129
+ large: string;
3130
+ medium: string;
3131
+ };
3132
+ height: {
3133
+ horizontalContent: {
3134
+ small: string;
3135
+ medium: string;
3136
+ large: string;
3137
+ };
3138
+ verticalContent: {
3139
+ small: string;
3140
+ medium: string;
3141
+ large: string;
3142
+ };
3143
+ };
3144
+ icon: {
3145
+ small: string;
3146
+ medium: string;
3147
+ large: string;
3148
+ };
3149
+ inlinepadding: {
3150
+ small: string;
3151
+ medium: string;
3152
+ large: string;
3153
+ };
3154
+ radius: {
3155
+ small: string;
3156
+ large: string;
3157
+ medium: string;
3158
+ round: string;
3159
+ };
3160
+ };
3161
+ chip: {
3162
+ border: {
3163
+ large: string;
3164
+ medium: string;
3165
+ small: string;
3166
+ };
3167
+ gap: {
3168
+ medium: string;
3169
+ small: string;
3170
+ large: string;
3171
+ };
3172
+ height: {
3173
+ small: string;
3174
+ medium: string;
3175
+ large: string;
3176
+ };
3177
+ icon: {
3178
+ default: {
3179
+ medium: string;
3180
+ small: string;
3181
+ large: string;
3182
+ };
3183
+ tagchip: {
3184
+ small: string;
3185
+ medium: string;
3186
+ large: string;
3187
+ };
3188
+ };
3189
+ inlinepadding: {
3190
+ default: {
3191
+ small: string;
3192
+ medium: string;
3193
+ large: string;
3194
+ };
3195
+ tagchip: {
3196
+ medium: string;
3197
+ small: string;
3198
+ large: string;
3199
+ };
3200
+ };
3201
+ radius: {
3202
+ round: string;
3203
+ };
3204
+ };
3205
+ form: {
3206
+ baseForm: {
3207
+ border: {
3208
+ large: string;
3209
+ medium: string;
3210
+ small: string;
3211
+ };
3212
+ gap: {
3213
+ horizontal: {
3214
+ small: string;
3215
+ large: string;
3216
+ medium: string;
3217
+ };
3218
+ vertical: {
3219
+ small: string;
3220
+ medium: string;
3221
+ large: string;
3222
+ };
3223
+ };
3224
+ height: {
3225
+ default: {
3226
+ small: string;
3227
+ medium: string;
3228
+ large: string;
3229
+ };
3230
+ textarea: {
3231
+ small: string;
3232
+ medium: string;
3233
+ large: string;
3234
+ };
3235
+ };
3236
+ icon: {
3237
+ small: string;
3238
+ mediun: string;
3239
+ large: string;
3240
+ };
3241
+ inlinepadding: {
3242
+ default: {
3243
+ small: string;
3244
+ medium: string;
3245
+ large: string;
3246
+ };
3247
+ tagchip: {
3248
+ medium: string;
3249
+ small: string;
3250
+ large: string;
3251
+ };
3252
+ };
3253
+ radius: {
3254
+ small: string;
3255
+ large: string;
3256
+ medium: string;
3257
+ };
3258
+ };
3259
+ feedbackText: {
3260
+ gap: {
3261
+ small: string;
3262
+ large: string;
3263
+ medium: string;
3264
+ };
3265
+ icon: {
3266
+ small: string;
3267
+ medium: string;
3268
+ large: string;
3269
+ };
3270
+ };
3271
+ };
3272
+ layout: {
3273
+ badge: {
3274
+ bullet: {
3275
+ bullet: {
3276
+ small: string;
3277
+ medium: string;
3278
+ large: string;
3279
+ };
3280
+ gap: {
3281
+ small: string;
3282
+ medium: string;
3283
+ large: string;
3284
+ };
3285
+ };
3286
+ notification: {
3287
+ border: {
3288
+ large: string;
3289
+ medium: string;
3290
+ small: string;
3291
+ };
3292
+ height: {
3293
+ small: string;
3294
+ medium: string;
3295
+ large: string;
3296
+ };
3297
+ inlinepadding: {
3298
+ padding: string;
3299
+ };
3300
+ radius: {
3301
+ round: string;
3302
+ };
3303
+ };
3304
+ status: {
3305
+ border: {
3306
+ large: string;
3307
+ medium: string;
3308
+ small: string;
3309
+ };
3310
+ gap: {
3311
+ medium: string;
3312
+ small: string;
3313
+ large: string;
3314
+ };
3315
+ height: {
3316
+ small: string;
3317
+ medium: string;
3318
+ large: string;
3319
+ };
3320
+ icon: {
3321
+ medium: string;
3322
+ small: string;
3323
+ large: string;
3324
+ };
3325
+ inlinepadding: {
3326
+ medium: string;
3327
+ small: string;
3328
+ large: string;
3329
+ };
3330
+ radius: {
3331
+ large: string;
3332
+ medium: string;
3333
+ small: string;
3334
+ };
3335
+ };
3336
+ };
3337
+ };
3338
+ modal: {
3339
+ border: {
3340
+ default: string;
3341
+ };
3342
+ gap: {
3343
+ default: string;
3344
+ };
3345
+ icon: {
3346
+ default: string;
3347
+ };
3348
+ inlinepadding: {
3349
+ default: string;
3350
+ };
3351
+ radius: {
3352
+ default: string;
3353
+ };
3354
+ width: {
3355
+ default: string;
3356
+ };
3357
+ };
3358
+ };
2996
3359
  };