@entur/tokens 3.19.0 → 3.19.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/componentColors.d.ts +48 -0
- package/dist/tokens.cjs.development.js +56 -8
- package/dist/tokens.cjs.development.js.map +1 -1
- package/dist/tokens.cjs.production.min.js +1 -1
- package/dist/tokens.cjs.production.min.js.map +1 -1
- package/dist/tokens.esm.js +56 -8
- package/dist/tokens.esm.js.map +1 -1
- package/package.json +2 -2
|
@@ -546,23 +546,35 @@ export declare const componentColors: {
|
|
|
546
546
|
checkbox: {
|
|
547
547
|
contrast: {
|
|
548
548
|
border: string;
|
|
549
|
+
borderDisabled: string;
|
|
549
550
|
borderNegative: string;
|
|
551
|
+
borderReadonly: string;
|
|
550
552
|
fillDefault: string;
|
|
553
|
+
fillDisabled: string;
|
|
551
554
|
fillHover: string;
|
|
552
555
|
fillSelected: string;
|
|
553
556
|
fillSelectedhover: string;
|
|
554
557
|
icon: string;
|
|
558
|
+
iconDisabled: string;
|
|
559
|
+
iconReadonly: string;
|
|
555
560
|
text: string;
|
|
561
|
+
textDisabled: string;
|
|
556
562
|
};
|
|
557
563
|
standard: {
|
|
558
564
|
border: string;
|
|
565
|
+
borderDisabled: string;
|
|
559
566
|
borderNegative: string;
|
|
567
|
+
borderReadonly: string;
|
|
560
568
|
fillDefault: string;
|
|
569
|
+
fillDisabled: string;
|
|
561
570
|
fillHover: string;
|
|
562
571
|
fillSelected: string;
|
|
563
572
|
fillSelectedhover: string;
|
|
564
573
|
icon: string;
|
|
574
|
+
iconDisabled: string;
|
|
575
|
+
iconReadonly: string;
|
|
565
576
|
text: string;
|
|
577
|
+
textDisabled: string;
|
|
566
578
|
};
|
|
567
579
|
};
|
|
568
580
|
feedbackText: {
|
|
@@ -626,23 +638,35 @@ export declare const componentColors: {
|
|
|
626
638
|
radio: {
|
|
627
639
|
contrast: {
|
|
628
640
|
border: string;
|
|
641
|
+
borderDisabled: string;
|
|
629
642
|
borderNegative: string;
|
|
643
|
+
borderReadonly: string;
|
|
630
644
|
fillDefault: string;
|
|
645
|
+
fillDisabled: string;
|
|
631
646
|
fillHover: string;
|
|
632
647
|
fillSelected: string;
|
|
633
648
|
fillSelectedhover: string;
|
|
634
649
|
icon: string;
|
|
650
|
+
iconDisabled: string;
|
|
651
|
+
iconReadonly: string;
|
|
635
652
|
text: string;
|
|
653
|
+
textDisabled: string;
|
|
636
654
|
};
|
|
637
655
|
standard: {
|
|
638
656
|
border: string;
|
|
657
|
+
borderDisabled: string;
|
|
639
658
|
borderNegative: string;
|
|
659
|
+
borderReadonly: string;
|
|
640
660
|
fillDefault: string;
|
|
661
|
+
fillDisabled: string;
|
|
641
662
|
fillHover: string;
|
|
642
663
|
fillSelected: string;
|
|
643
664
|
icon: string;
|
|
665
|
+
iconDisabled: string;
|
|
666
|
+
iconReadonly: string;
|
|
644
667
|
selectedhover: string;
|
|
645
668
|
text: string;
|
|
669
|
+
textDisabled: string;
|
|
646
670
|
};
|
|
647
671
|
};
|
|
648
672
|
segmentedControl: {
|
|
@@ -1999,23 +2023,35 @@ export declare const componentColors: {
|
|
|
1999
2023
|
checkbox: {
|
|
2000
2024
|
contrast: {
|
|
2001
2025
|
border: string;
|
|
2026
|
+
borderDisabled: string;
|
|
2002
2027
|
borderNegative: string;
|
|
2028
|
+
borderReadonly: string;
|
|
2003
2029
|
fillDefault: string;
|
|
2030
|
+
fillDisabled: string;
|
|
2004
2031
|
fillHover: string;
|
|
2005
2032
|
fillSelected: string;
|
|
2006
2033
|
fillSelectedhover: string;
|
|
2007
2034
|
icon: string;
|
|
2035
|
+
iconDisabled: string;
|
|
2036
|
+
iconReadonly: string;
|
|
2008
2037
|
text: string;
|
|
2038
|
+
textDisabled: string;
|
|
2009
2039
|
};
|
|
2010
2040
|
standard: {
|
|
2011
2041
|
border: string;
|
|
2042
|
+
borderDisabled: string;
|
|
2012
2043
|
borderNegative: string;
|
|
2044
|
+
borderReadonly: string;
|
|
2013
2045
|
fillDefault: string;
|
|
2046
|
+
fillDisabled: string;
|
|
2014
2047
|
fillHover: string;
|
|
2015
2048
|
fillSelected: string;
|
|
2016
2049
|
fillSelectedhover: string;
|
|
2017
2050
|
icon: string;
|
|
2051
|
+
iconDisabled: string;
|
|
2052
|
+
iconReadonly: string;
|
|
2018
2053
|
text: string;
|
|
2054
|
+
textDisabled: string;
|
|
2019
2055
|
};
|
|
2020
2056
|
};
|
|
2021
2057
|
feedbackText: {
|
|
@@ -2079,23 +2115,35 @@ export declare const componentColors: {
|
|
|
2079
2115
|
radio: {
|
|
2080
2116
|
contrast: {
|
|
2081
2117
|
border: string;
|
|
2118
|
+
borderDisabled: string;
|
|
2082
2119
|
borderNegative: string;
|
|
2120
|
+
borderReadonly: string;
|
|
2083
2121
|
fillDefault: string;
|
|
2122
|
+
fillDisabled: string;
|
|
2084
2123
|
fillHover: string;
|
|
2085
2124
|
fillSelected: string;
|
|
2086
2125
|
fillSelectedhover: string;
|
|
2087
2126
|
icon: string;
|
|
2127
|
+
iconDisabled: string;
|
|
2128
|
+
iconReadonly: string;
|
|
2088
2129
|
text: string;
|
|
2130
|
+
textDisabled: string;
|
|
2089
2131
|
};
|
|
2090
2132
|
standard: {
|
|
2091
2133
|
border: string;
|
|
2134
|
+
borderDisabled: string;
|
|
2092
2135
|
borderNegative: string;
|
|
2136
|
+
borderReadonly: string;
|
|
2093
2137
|
fillDefault: string;
|
|
2138
|
+
fillDisabled: string;
|
|
2094
2139
|
fillHover: string;
|
|
2095
2140
|
fillSelected: string;
|
|
2096
2141
|
icon: string;
|
|
2142
|
+
iconDisabled: string;
|
|
2143
|
+
iconReadonly: string;
|
|
2097
2144
|
selectedhover: string;
|
|
2098
2145
|
text: string;
|
|
2146
|
+
textDisabled: string;
|
|
2099
2147
|
};
|
|
2100
2148
|
};
|
|
2101
2149
|
segmentedControl: {
|
|
@@ -1218,23 +1218,35 @@ var componentColors = {
|
|
|
1218
1218
|
"checkbox": {
|
|
1219
1219
|
"contrast": {
|
|
1220
1220
|
"border": "#aeb7e2",
|
|
1221
|
+
"borderDisabled": "#6e6f73",
|
|
1221
1222
|
"borderNegative": "#ff9494",
|
|
1223
|
+
"borderReadonly": "#6e6f73",
|
|
1222
1224
|
"fillDefault": "#ffffff00",
|
|
1225
|
+
"fillDisabled": "#cfd2d426",
|
|
1223
1226
|
"fillHover": "#626493",
|
|
1224
1227
|
"fillSelected": "#aeb7e2",
|
|
1225
1228
|
"fillSelectedhover": "#c7cdeb",
|
|
1226
1229
|
"icon": "#181c56",
|
|
1227
|
-
"
|
|
1230
|
+
"iconDisabled": "#949699",
|
|
1231
|
+
"iconReadonly": "#ffffff",
|
|
1232
|
+
"text": "#ffffff",
|
|
1233
|
+
"textDisabled": "#949699"
|
|
1228
1234
|
},
|
|
1229
1235
|
"standard": {
|
|
1230
1236
|
"border": "#181c56",
|
|
1237
|
+
"borderDisabled": "#e3e6e8",
|
|
1231
1238
|
"borderNegative": "#d31b1b",
|
|
1239
|
+
"borderReadonly": "#e3e6e8",
|
|
1232
1240
|
"fillDefault": "#ffffff00",
|
|
1241
|
+
"fillDisabled": "#cfd2d426",
|
|
1233
1242
|
"fillHover": "#d9ddf2",
|
|
1234
1243
|
"fillSelected": "#181c56",
|
|
1235
1244
|
"fillSelectedhover": "#393d79",
|
|
1236
1245
|
"icon": "#ffffff",
|
|
1237
|
-
"
|
|
1246
|
+
"iconDisabled": "#b6b8ba",
|
|
1247
|
+
"iconReadonly": "#181c56",
|
|
1248
|
+
"text": "#181c56",
|
|
1249
|
+
"textDisabled": "#b6b8ba"
|
|
1238
1250
|
}
|
|
1239
1251
|
},
|
|
1240
1252
|
"feedbackText": {
|
|
@@ -1298,23 +1310,35 @@ var componentColors = {
|
|
|
1298
1310
|
"radio": {
|
|
1299
1311
|
"contrast": {
|
|
1300
1312
|
"border": "#aeb7e2",
|
|
1313
|
+
"borderDisabled": "#6e6f73",
|
|
1301
1314
|
"borderNegative": "#ff9494",
|
|
1315
|
+
"borderReadonly": "#6e6f73",
|
|
1302
1316
|
"fillDefault": "#ffffff00",
|
|
1317
|
+
"fillDisabled": "#cfd2d426",
|
|
1303
1318
|
"fillHover": "#626493",
|
|
1304
1319
|
"fillSelected": "#aeb7e2",
|
|
1305
1320
|
"fillSelectedhover": "#c7cdeb",
|
|
1306
1321
|
"icon": "#ffffff",
|
|
1307
|
-
"
|
|
1322
|
+
"iconDisabled": "#949699",
|
|
1323
|
+
"iconReadonly": "#ffffff",
|
|
1324
|
+
"text": "#ffffff",
|
|
1325
|
+
"textDisabled": "#949699"
|
|
1308
1326
|
},
|
|
1309
1327
|
"standard": {
|
|
1310
1328
|
"border": "#181c56",
|
|
1329
|
+
"borderDisabled": "#e3e6e8",
|
|
1311
1330
|
"borderNegative": "#d31b1b",
|
|
1331
|
+
"borderReadonly": "#e3e6e8",
|
|
1312
1332
|
"fillDefault": "#ffffff00",
|
|
1333
|
+
"fillDisabled": "#cfd2d426",
|
|
1313
1334
|
"fillHover": "#d9ddf2",
|
|
1314
1335
|
"fillSelected": "#181c56",
|
|
1315
1336
|
"icon": "#181c56",
|
|
1337
|
+
"iconDisabled": "#b6b8ba",
|
|
1338
|
+
"iconReadonly": "#181c56",
|
|
1316
1339
|
"selectedhover": "#393d79",
|
|
1317
|
-
"text": "#181c56"
|
|
1340
|
+
"text": "#181c56",
|
|
1341
|
+
"textDisabled": "#b6b8ba"
|
|
1318
1342
|
}
|
|
1319
1343
|
},
|
|
1320
1344
|
"segmentedControl": {
|
|
@@ -2671,23 +2695,35 @@ var componentColors = {
|
|
|
2671
2695
|
"checkbox": {
|
|
2672
2696
|
"contrast": {
|
|
2673
2697
|
"border": "#aeb7e2",
|
|
2698
|
+
"borderDisabled": "#6e6f73",
|
|
2674
2699
|
"borderNegative": "#ff9494",
|
|
2700
|
+
"borderReadonly": "#6e6f73",
|
|
2675
2701
|
"fillDefault": "#ffffff00",
|
|
2702
|
+
"fillDisabled": "#cccdd44d",
|
|
2676
2703
|
"fillHover": "#626493",
|
|
2677
2704
|
"fillSelected": "#aeb7e2",
|
|
2678
2705
|
"fillSelectedhover": "#c7cdeb",
|
|
2679
2706
|
"icon": "#181c56",
|
|
2680
|
-
"
|
|
2707
|
+
"iconDisabled": "#6e6f73",
|
|
2708
|
+
"iconReadonly": "#e5e5e9",
|
|
2709
|
+
"text": "#e5e5e9",
|
|
2710
|
+
"textDisabled": "#6e6f73"
|
|
2681
2711
|
},
|
|
2682
2712
|
"standard": {
|
|
2683
2713
|
"border": "#aeb7e2",
|
|
2714
|
+
"borderDisabled": "#6e6f73",
|
|
2684
2715
|
"borderNegative": "#ff9494",
|
|
2716
|
+
"borderReadonly": "#6e6f73",
|
|
2685
2717
|
"fillDefault": "#ffffff00",
|
|
2718
|
+
"fillDisabled": "#cfd2d426",
|
|
2686
2719
|
"fillHover": "#626493",
|
|
2687
2720
|
"fillSelected": "#aeb7e2",
|
|
2688
2721
|
"fillSelectedhover": "#c7cdeb",
|
|
2689
2722
|
"icon": "#181c56",
|
|
2690
|
-
"
|
|
2723
|
+
"iconDisabled": "#6e6f73",
|
|
2724
|
+
"iconReadonly": "#e5e5e9",
|
|
2725
|
+
"text": "#e5e5e9",
|
|
2726
|
+
"textDisabled": "#6e6f73"
|
|
2691
2727
|
}
|
|
2692
2728
|
},
|
|
2693
2729
|
"feedbackText": {
|
|
@@ -2751,23 +2787,35 @@ var componentColors = {
|
|
|
2751
2787
|
"radio": {
|
|
2752
2788
|
"contrast": {
|
|
2753
2789
|
"border": "#aeb7e2",
|
|
2790
|
+
"borderDisabled": "#6e6f73",
|
|
2754
2791
|
"borderNegative": "#ff9494",
|
|
2792
|
+
"borderReadonly": "#6e6f73",
|
|
2755
2793
|
"fillDefault": "#ffffff00",
|
|
2794
|
+
"fillDisabled": "#cccdd44d",
|
|
2756
2795
|
"fillHover": "#626493",
|
|
2757
2796
|
"fillSelected": "#aeb7e2",
|
|
2758
2797
|
"fillSelectedhover": "#c7cdeb",
|
|
2759
2798
|
"icon": "#e5e5e9",
|
|
2760
|
-
"
|
|
2799
|
+
"iconDisabled": "#6e6f73",
|
|
2800
|
+
"iconReadonly": "#e5e5e9",
|
|
2801
|
+
"text": "#e5e5e9",
|
|
2802
|
+
"textDisabled": "#6e6f73"
|
|
2761
2803
|
},
|
|
2762
2804
|
"standard": {
|
|
2763
2805
|
"border": "#aeb7e2",
|
|
2806
|
+
"borderDisabled": "#6e6f73",
|
|
2764
2807
|
"borderNegative": "#ff9494",
|
|
2808
|
+
"borderReadonly": "#6e6f73",
|
|
2765
2809
|
"fillDefault": "#ffffff00",
|
|
2810
|
+
"fillDisabled": "#cfd2d426",
|
|
2766
2811
|
"fillHover": "#626493",
|
|
2767
2812
|
"fillSelected": "#aeb7e2",
|
|
2768
2813
|
"icon": "#e5e5e9",
|
|
2814
|
+
"iconDisabled": "#6e6f73",
|
|
2815
|
+
"iconReadonly": "#e5e5e9",
|
|
2769
2816
|
"selectedhover": "#c7cdeb",
|
|
2770
|
-
"text": "#e5e5e9"
|
|
2817
|
+
"text": "#e5e5e9",
|
|
2818
|
+
"textDisabled": "#6e6f73"
|
|
2771
2819
|
}
|
|
2772
2820
|
},
|
|
2773
2821
|
"segmentedControl": {
|