@entur/tokens 3.11.2 → 3.12.1-alpha.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.
- package/README.md +23 -1
- package/dist/base.css +73 -0
- package/dist/base.d.ts +90 -0
- package/dist/base.less +73 -0
- package/dist/base.scss +73 -0
- package/dist/componentColors.d.ts +2578 -0
- package/dist/index.d.ts +5 -276
- package/dist/legacy-tokens.d.ts +262 -0
- package/dist/primitive.css +125 -0
- package/dist/primitive.d.ts +144 -0
- package/dist/primitive.less +125 -0
- package/dist/primitive.scss +125 -0
- package/dist/semantic.css +122 -0
- package/dist/semantic.d.ts +177 -0
- package/dist/semantic.less +122 -0
- package/dist/semantic.scss +122 -0
- package/dist/styles.css +2 -1826
- package/dist/styles.less +2 -1826
- package/dist/styles.scss +3 -1827
- package/dist/tokens.cjs.development.js +3006 -1840
- 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 +3004 -1841
- package/dist/tokens.esm.js.map +1 -1
- package/package.json +7 -5
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
export declare const primitive: {
|
|
2
|
+
blue: {
|
|
3
|
+
_10: string;
|
|
4
|
+
_100: string;
|
|
5
|
+
_20: string;
|
|
6
|
+
_30: string;
|
|
7
|
+
_40: string;
|
|
8
|
+
_50: string;
|
|
9
|
+
_60: string;
|
|
10
|
+
_70: string;
|
|
11
|
+
_80: string;
|
|
12
|
+
_90: string;
|
|
13
|
+
};
|
|
14
|
+
canary: {
|
|
15
|
+
_10: string;
|
|
16
|
+
_100: string;
|
|
17
|
+
_20: string;
|
|
18
|
+
_30: string;
|
|
19
|
+
_40: string;
|
|
20
|
+
_50: string;
|
|
21
|
+
_60: string;
|
|
22
|
+
_70: string;
|
|
23
|
+
_80: string;
|
|
24
|
+
_90: string;
|
|
25
|
+
};
|
|
26
|
+
coral: {
|
|
27
|
+
_10: string;
|
|
28
|
+
_100: string;
|
|
29
|
+
_20: string;
|
|
30
|
+
_30: string;
|
|
31
|
+
_40: string;
|
|
32
|
+
_50: string;
|
|
33
|
+
_60: string;
|
|
34
|
+
_70: string;
|
|
35
|
+
_80: string;
|
|
36
|
+
_90: string;
|
|
37
|
+
};
|
|
38
|
+
ebony: {
|
|
39
|
+
_10: string;
|
|
40
|
+
_100: string;
|
|
41
|
+
_15: string;
|
|
42
|
+
_20: string;
|
|
43
|
+
_25: string;
|
|
44
|
+
_30: string;
|
|
45
|
+
_35: string;
|
|
46
|
+
_40: string;
|
|
47
|
+
_45: string;
|
|
48
|
+
_5: string;
|
|
49
|
+
_50: string;
|
|
50
|
+
_55: string;
|
|
51
|
+
_60: string;
|
|
52
|
+
_65: string;
|
|
53
|
+
_70: string;
|
|
54
|
+
_75: string;
|
|
55
|
+
_80: string;
|
|
56
|
+
_85: string;
|
|
57
|
+
_90: string;
|
|
58
|
+
_95: string;
|
|
59
|
+
};
|
|
60
|
+
grey: {
|
|
61
|
+
_10: string;
|
|
62
|
+
_100: string;
|
|
63
|
+
_110: string;
|
|
64
|
+
_20: string;
|
|
65
|
+
_30: string;
|
|
66
|
+
_40: string;
|
|
67
|
+
_50: string;
|
|
68
|
+
_60: string;
|
|
69
|
+
_70: string;
|
|
70
|
+
_80: string;
|
|
71
|
+
_90: string;
|
|
72
|
+
};
|
|
73
|
+
lavender: {
|
|
74
|
+
_10: string;
|
|
75
|
+
_100: string;
|
|
76
|
+
_20: string;
|
|
77
|
+
_30: string;
|
|
78
|
+
_40: string;
|
|
79
|
+
_50: string;
|
|
80
|
+
_60: string;
|
|
81
|
+
_70: string;
|
|
82
|
+
_80: string;
|
|
83
|
+
_90: string;
|
|
84
|
+
};
|
|
85
|
+
mint: {
|
|
86
|
+
_10: string;
|
|
87
|
+
_100: string;
|
|
88
|
+
_20: string;
|
|
89
|
+
_30: string;
|
|
90
|
+
_40: string;
|
|
91
|
+
_50: string;
|
|
92
|
+
_60: string;
|
|
93
|
+
_70: string;
|
|
94
|
+
_80: string;
|
|
95
|
+
_90: string;
|
|
96
|
+
};
|
|
97
|
+
peach: {
|
|
98
|
+
_10: string;
|
|
99
|
+
_100: string;
|
|
100
|
+
_20: string;
|
|
101
|
+
_30: string;
|
|
102
|
+
_40: string;
|
|
103
|
+
_50: string;
|
|
104
|
+
_60: string;
|
|
105
|
+
_70: string;
|
|
106
|
+
_80: string;
|
|
107
|
+
_90: string;
|
|
108
|
+
};
|
|
109
|
+
sky: {
|
|
110
|
+
_10: string;
|
|
111
|
+
_100: string;
|
|
112
|
+
_20: string;
|
|
113
|
+
_30: string;
|
|
114
|
+
_40: string;
|
|
115
|
+
_50: string;
|
|
116
|
+
_60: string;
|
|
117
|
+
_70: string;
|
|
118
|
+
_80: string;
|
|
119
|
+
_90: string;
|
|
120
|
+
};
|
|
121
|
+
transparent: {
|
|
122
|
+
blueAlpha40: string;
|
|
123
|
+
canaryAlpha30: string;
|
|
124
|
+
coralAlpha20: string;
|
|
125
|
+
ebonyAlpha20: string;
|
|
126
|
+
ebonyAlpha35: string;
|
|
127
|
+
lavenderAlpha70: string;
|
|
128
|
+
neutralAlpha15: string;
|
|
129
|
+
peachAlpha70: string;
|
|
130
|
+
};
|
|
131
|
+
white: {
|
|
132
|
+
alpha0: string;
|
|
133
|
+
alpha10: string;
|
|
134
|
+
alpha100: string;
|
|
135
|
+
alpha20: string;
|
|
136
|
+
alpha30: string;
|
|
137
|
+
alpha40: string;
|
|
138
|
+
alpha50: string;
|
|
139
|
+
alpha60: string;
|
|
140
|
+
alpha70: string;
|
|
141
|
+
alpha80: string;
|
|
142
|
+
alpha90: string;
|
|
143
|
+
};
|
|
144
|
+
};
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
|
|
2
|
+
/* DO NOT CHANGE!*/
|
|
3
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
4
|
+
|
|
5
|
+
@blue-10: #f6f6f9;
|
|
6
|
+
@blue-100: #292b6a;
|
|
7
|
+
@blue-20: #eaeaf1;
|
|
8
|
+
@blue-30: #d9dae8;
|
|
9
|
+
@blue-40: #bcbdd2;
|
|
10
|
+
@blue-50: #9ea0bd;
|
|
11
|
+
@blue-60: #8284ab;
|
|
12
|
+
@blue-70: #626493;
|
|
13
|
+
@blue-80: #54568c;
|
|
14
|
+
@blue-90: #393d79;
|
|
15
|
+
@canary-10: #fffbeb;
|
|
16
|
+
@canary-100: #483705;
|
|
17
|
+
@canary-20: #fff4cd;
|
|
18
|
+
@canary-30: #ffeeb3;
|
|
19
|
+
@canary-40: #ffe082;
|
|
20
|
+
@canary-50: #ffda6b;
|
|
21
|
+
@canary-60: #ffca28;
|
|
22
|
+
@canary-70: #e9b10c;
|
|
23
|
+
@canary-80: #b38909;
|
|
24
|
+
@canary-90: #775b09;
|
|
25
|
+
@coral-10: #ffe5e5;
|
|
26
|
+
@coral-100: #370606;
|
|
27
|
+
@coral-20: #ffcece;
|
|
28
|
+
@coral-30: #ff9494;
|
|
29
|
+
@coral-40: #ff5959;
|
|
30
|
+
@coral-50: #f73e3b;
|
|
31
|
+
@coral-60: #d31b1b;
|
|
32
|
+
@coral-70: #b31414;
|
|
33
|
+
@coral-80: #8a1414;
|
|
34
|
+
@coral-90: #5d0e0e;
|
|
35
|
+
@ebony-10: #e5e5e9;
|
|
36
|
+
@ebony-100: #08091c;
|
|
37
|
+
@ebony-15: #d8d9df;
|
|
38
|
+
@ebony-20: #cccdd4;
|
|
39
|
+
@ebony-25: #bfc0c8;
|
|
40
|
+
@ebony-30: #b3b4bd;
|
|
41
|
+
@ebony-35: #a6a7b2;
|
|
42
|
+
@ebony-40: #999aa7;
|
|
43
|
+
@ebony-45: #8d8e9c;
|
|
44
|
+
@ebony-5: #f2f2f5;
|
|
45
|
+
@ebony-50: #81828f;
|
|
46
|
+
@ebony-55: #757584;
|
|
47
|
+
@ebony-60: #6a6b78;
|
|
48
|
+
@ebony-65: #5e5f6c;
|
|
49
|
+
@ebony-70: #525360;
|
|
50
|
+
@ebony-75: #464755;
|
|
51
|
+
@ebony-80: #393a49;
|
|
52
|
+
@ebony-85: #2d2e3e;
|
|
53
|
+
@ebony-90: #212233;
|
|
54
|
+
@ebony-95: #141527;
|
|
55
|
+
@grey-10: #f2f5f7;
|
|
56
|
+
@grey-100: #262729;
|
|
57
|
+
@grey-110: #101112;
|
|
58
|
+
@grey-20: #edf0f2;
|
|
59
|
+
@grey-30: #e3e6e8;
|
|
60
|
+
@grey-40: #cfd2d4;
|
|
61
|
+
@grey-50: #b6b8ba;
|
|
62
|
+
@grey-60: #949699;
|
|
63
|
+
@grey-70: #6e6f73;
|
|
64
|
+
@grey-80: #515254;
|
|
65
|
+
@grey-90: #3d3e40;
|
|
66
|
+
@lavender-10: #f0f1fa;
|
|
67
|
+
@lavender-100: #11143c;
|
|
68
|
+
@lavender-20: #d9ddf2;
|
|
69
|
+
@lavender-30: #c7cdeb;
|
|
70
|
+
@lavender-40: #aeb7e2;
|
|
71
|
+
@lavender-50: #8794d4;
|
|
72
|
+
@lavender-60: #5a68c4;
|
|
73
|
+
@lavender-70: #3b46ab;
|
|
74
|
+
@lavender-80: #262f7d;
|
|
75
|
+
@lavender-90: #181c56;
|
|
76
|
+
@mint-10: #e6f6f0;
|
|
77
|
+
@mint-100: #022015;
|
|
78
|
+
@mint-20: #d0f1e3;
|
|
79
|
+
@mint-30: #9cd9c2;
|
|
80
|
+
@mint-40: #5ac39a;
|
|
81
|
+
@mint-50: #37ab83;
|
|
82
|
+
@mint-60: #1a8e60;
|
|
83
|
+
@mint-70: #068152;
|
|
84
|
+
@mint-80: #05613e;
|
|
85
|
+
@mint-90: #034029;
|
|
86
|
+
@peach-10: #fff1eb;
|
|
87
|
+
@peach-100: #3a1503;
|
|
88
|
+
@peach-20: #ffe4d6;
|
|
89
|
+
@peach-30: #ffd3bd;
|
|
90
|
+
@peach-40: #ffbf9e;
|
|
91
|
+
@peach-50: #fd9a68;
|
|
92
|
+
@peach-60: #fd7835;
|
|
93
|
+
@peach-70: #e6560f;
|
|
94
|
+
@peach-80: #ae4009;
|
|
95
|
+
@peach-90: #742b06;
|
|
96
|
+
@sky-10: #e1eff8;
|
|
97
|
+
@sky-100: #011a23;
|
|
98
|
+
@sky-20: #acd7f1;
|
|
99
|
+
@sky-30: #64b3e7;
|
|
100
|
+
@sky-40: #2d98d2;
|
|
101
|
+
@sky-50: #067eb2;
|
|
102
|
+
@sky-60: #046690;
|
|
103
|
+
@sky-70: #044d6c;
|
|
104
|
+
@sky-80: #003852;
|
|
105
|
+
@sky-90: #022536;
|
|
106
|
+
@transparent-blue-alpha40: #54568c66;
|
|
107
|
+
@transparent-canary-alpha30: #fff4cd4d;
|
|
108
|
+
@transparent-coral-alpha20: #ff949433;
|
|
109
|
+
@transparent-ebony-alpha20: #e5e5e933;
|
|
110
|
+
@transparent-ebony-alpha35: #e5e5e959;
|
|
111
|
+
@transparent-lavender-alpha70: #aeb7e2b2;
|
|
112
|
+
@transparent-neutral-alpha15: #cfd2d426;
|
|
113
|
+
@transparent-peach-alpha70: #ffbf9eb2;
|
|
114
|
+
@white-alpha-0: #ffffff00;
|
|
115
|
+
@white-alpha-10: #ffffff1a;
|
|
116
|
+
@white-alpha-100: #ffffff;
|
|
117
|
+
@white-alpha-20: #ffffff33;
|
|
118
|
+
@white-alpha-30: #ffffff4d;
|
|
119
|
+
@white-alpha-40: #ffffff66;
|
|
120
|
+
@white-alpha-50: #ffffff80;
|
|
121
|
+
@white-alpha-60: #ffffff99;
|
|
122
|
+
@white-alpha-70: #ffffffb2;
|
|
123
|
+
@white-alpha-80: #ffffffcc;
|
|
124
|
+
@white-alpha-90: #ffffffe5;
|
|
125
|
+
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
|
|
2
|
+
/* DO NOT CHANGE!*/
|
|
3
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
4
|
+
|
|
5
|
+
$blue-10: #f6f6f9;
|
|
6
|
+
$blue-100: #292b6a;
|
|
7
|
+
$blue-20: #eaeaf1;
|
|
8
|
+
$blue-30: #d9dae8;
|
|
9
|
+
$blue-40: #bcbdd2;
|
|
10
|
+
$blue-50: #9ea0bd;
|
|
11
|
+
$blue-60: #8284ab;
|
|
12
|
+
$blue-70: #626493;
|
|
13
|
+
$blue-80: #54568c;
|
|
14
|
+
$blue-90: #393d79;
|
|
15
|
+
$canary-10: #fffbeb;
|
|
16
|
+
$canary-100: #483705;
|
|
17
|
+
$canary-20: #fff4cd;
|
|
18
|
+
$canary-30: #ffeeb3;
|
|
19
|
+
$canary-40: #ffe082;
|
|
20
|
+
$canary-50: #ffda6b;
|
|
21
|
+
$canary-60: #ffca28;
|
|
22
|
+
$canary-70: #e9b10c;
|
|
23
|
+
$canary-80: #b38909;
|
|
24
|
+
$canary-90: #775b09;
|
|
25
|
+
$coral-10: #ffe5e5;
|
|
26
|
+
$coral-100: #370606;
|
|
27
|
+
$coral-20: #ffcece;
|
|
28
|
+
$coral-30: #ff9494;
|
|
29
|
+
$coral-40: #ff5959;
|
|
30
|
+
$coral-50: #f73e3b;
|
|
31
|
+
$coral-60: #d31b1b;
|
|
32
|
+
$coral-70: #b31414;
|
|
33
|
+
$coral-80: #8a1414;
|
|
34
|
+
$coral-90: #5d0e0e;
|
|
35
|
+
$ebony-10: #e5e5e9;
|
|
36
|
+
$ebony-100: #08091c;
|
|
37
|
+
$ebony-15: #d8d9df;
|
|
38
|
+
$ebony-20: #cccdd4;
|
|
39
|
+
$ebony-25: #bfc0c8;
|
|
40
|
+
$ebony-30: #b3b4bd;
|
|
41
|
+
$ebony-35: #a6a7b2;
|
|
42
|
+
$ebony-40: #999aa7;
|
|
43
|
+
$ebony-45: #8d8e9c;
|
|
44
|
+
$ebony-5: #f2f2f5;
|
|
45
|
+
$ebony-50: #81828f;
|
|
46
|
+
$ebony-55: #757584;
|
|
47
|
+
$ebony-60: #6a6b78;
|
|
48
|
+
$ebony-65: #5e5f6c;
|
|
49
|
+
$ebony-70: #525360;
|
|
50
|
+
$ebony-75: #464755;
|
|
51
|
+
$ebony-80: #393a49;
|
|
52
|
+
$ebony-85: #2d2e3e;
|
|
53
|
+
$ebony-90: #212233;
|
|
54
|
+
$ebony-95: #141527;
|
|
55
|
+
$grey-10: #f2f5f7;
|
|
56
|
+
$grey-100: #262729;
|
|
57
|
+
$grey-110: #101112;
|
|
58
|
+
$grey-20: #edf0f2;
|
|
59
|
+
$grey-30: #e3e6e8;
|
|
60
|
+
$grey-40: #cfd2d4;
|
|
61
|
+
$grey-50: #b6b8ba;
|
|
62
|
+
$grey-60: #949699;
|
|
63
|
+
$grey-70: #6e6f73;
|
|
64
|
+
$grey-80: #515254;
|
|
65
|
+
$grey-90: #3d3e40;
|
|
66
|
+
$lavender-10: #f0f1fa;
|
|
67
|
+
$lavender-100: #11143c;
|
|
68
|
+
$lavender-20: #d9ddf2;
|
|
69
|
+
$lavender-30: #c7cdeb;
|
|
70
|
+
$lavender-40: #aeb7e2;
|
|
71
|
+
$lavender-50: #8794d4;
|
|
72
|
+
$lavender-60: #5a68c4;
|
|
73
|
+
$lavender-70: #3b46ab;
|
|
74
|
+
$lavender-80: #262f7d;
|
|
75
|
+
$lavender-90: #181c56;
|
|
76
|
+
$mint-10: #e6f6f0;
|
|
77
|
+
$mint-100: #022015;
|
|
78
|
+
$mint-20: #d0f1e3;
|
|
79
|
+
$mint-30: #9cd9c2;
|
|
80
|
+
$mint-40: #5ac39a;
|
|
81
|
+
$mint-50: #37ab83;
|
|
82
|
+
$mint-60: #1a8e60;
|
|
83
|
+
$mint-70: #068152;
|
|
84
|
+
$mint-80: #05613e;
|
|
85
|
+
$mint-90: #034029;
|
|
86
|
+
$peach-10: #fff1eb;
|
|
87
|
+
$peach-100: #3a1503;
|
|
88
|
+
$peach-20: #ffe4d6;
|
|
89
|
+
$peach-30: #ffd3bd;
|
|
90
|
+
$peach-40: #ffbf9e;
|
|
91
|
+
$peach-50: #fd9a68;
|
|
92
|
+
$peach-60: #fd7835;
|
|
93
|
+
$peach-70: #e6560f;
|
|
94
|
+
$peach-80: #ae4009;
|
|
95
|
+
$peach-90: #742b06;
|
|
96
|
+
$sky-10: #e1eff8;
|
|
97
|
+
$sky-100: #011a23;
|
|
98
|
+
$sky-20: #acd7f1;
|
|
99
|
+
$sky-30: #64b3e7;
|
|
100
|
+
$sky-40: #2d98d2;
|
|
101
|
+
$sky-50: #067eb2;
|
|
102
|
+
$sky-60: #046690;
|
|
103
|
+
$sky-70: #044d6c;
|
|
104
|
+
$sky-80: #003852;
|
|
105
|
+
$sky-90: #022536;
|
|
106
|
+
$transparent-blue-alpha40: #54568c66;
|
|
107
|
+
$transparent-canary-alpha30: #fff4cd4d;
|
|
108
|
+
$transparent-coral-alpha20: #ff949433;
|
|
109
|
+
$transparent-ebony-alpha20: #e5e5e933;
|
|
110
|
+
$transparent-ebony-alpha35: #e5e5e959;
|
|
111
|
+
$transparent-lavender-alpha70: #aeb7e2b2;
|
|
112
|
+
$transparent-neutral-alpha15: #cfd2d426;
|
|
113
|
+
$transparent-peach-alpha70: #ffbf9eb2;
|
|
114
|
+
$white-alpha-0: #ffffff00;
|
|
115
|
+
$white-alpha-10: #ffffff1a;
|
|
116
|
+
$white-alpha-100: #ffffff;
|
|
117
|
+
$white-alpha-20: #ffffff33;
|
|
118
|
+
$white-alpha-30: #ffffff4d;
|
|
119
|
+
$white-alpha-40: #ffffff66;
|
|
120
|
+
$white-alpha-50: #ffffff80;
|
|
121
|
+
$white-alpha-60: #ffffff99;
|
|
122
|
+
$white-alpha-70: #ffffffb2;
|
|
123
|
+
$white-alpha-80: #ffffffcc;
|
|
124
|
+
$white-alpha-90: #ffffffe5;
|
|
125
|
+
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
@import '~@entur/tokens/dist/primitive.css';
|
|
2
|
+
/* DO NOT CHANGE!*/
|
|
3
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
4
|
+
:root {
|
|
5
|
+
--fill-background-contrast-dark: var(--ebony-90);
|
|
6
|
+
--fill-background-contrast-light: var(--lavender-90);
|
|
7
|
+
--fill-background-contrast-lightalt: var(--blue-90);
|
|
8
|
+
--fill-background-overlay-solid: var(--ebony-80);
|
|
9
|
+
--fill-background-overlay-solidalt: var(--ebony-75);
|
|
10
|
+
--fill-background-overlay-transparent: var(--transparent-ebony-alpha20);
|
|
11
|
+
--fill-background-standard-colorless: var(--white-alpha-0);
|
|
12
|
+
--fill-background-standard-dark: var(--ebony-100);
|
|
13
|
+
--fill-background-standard-light: var(--white-alpha-100);
|
|
14
|
+
--fill-background-subdued-dark: var(--ebony-85);
|
|
15
|
+
--fill-background-subdued-light: var(--blue-30);
|
|
16
|
+
--fill-background-tint-dark: var(--ebony-95);
|
|
17
|
+
--fill-background-tint-light: var(--blue-10);
|
|
18
|
+
--fill-background-tint-neutral: var(--grey-10);
|
|
19
|
+
--fill-boolean-false-contrast: var(--blue-50);
|
|
20
|
+
--fill-boolean-false-dark: var(--transparent-ebony-alpha35);
|
|
21
|
+
--fill-boolean-false-light: var(--grey-60);
|
|
22
|
+
--fill-boolean-true-contrast: var(--mint-40);
|
|
23
|
+
--fill-boolean-true-dark: var(--mint-40);
|
|
24
|
+
--fill-boolean-true-light: var(--mint-60);
|
|
25
|
+
--fill-disabled-light: var(--grey-40);
|
|
26
|
+
--fill-disabled-transparent: var(--transparent-neutral-alpha15);
|
|
27
|
+
--fill-information-contrast: var(--sky-30);
|
|
28
|
+
--fill-information-deep: var(--sky-50);
|
|
29
|
+
--fill-information-muted: var(--sky-10);
|
|
30
|
+
--fill-information-tint: var(--sky-20);
|
|
31
|
+
--fill-negative-contrast: var(--coral-40);
|
|
32
|
+
--fill-negative-dark: var(--coral-90);
|
|
33
|
+
--fill-negative-deep: var(--coral-60);
|
|
34
|
+
--fill-negative-muted: var(--coral-20);
|
|
35
|
+
--fill-negative-tint: var(--coral-30);
|
|
36
|
+
--fill-negative-transparent: var(--transparent-coral-alpha20);
|
|
37
|
+
--fill-primary-active-contrast: var(--lavender-50);
|
|
38
|
+
--fill-primary-active-light: var(--lavender-100);
|
|
39
|
+
--fill-primary-default-contrast: var(--lavender-40);
|
|
40
|
+
--fill-primary-default-light: var(--lavender-90);
|
|
41
|
+
--fill-primary-hover-contrast: var(--lavender-30);
|
|
42
|
+
--fill-primary-hover-light: var(--blue-90);
|
|
43
|
+
--fill-secondary-active-contrast: var(--lavender-50);
|
|
44
|
+
--fill-secondary-active-light: var(--lavender-40);
|
|
45
|
+
--fill-secondary-default-colorless: var(--white-alpha-0);
|
|
46
|
+
--fill-secondary-hover-contrast: var(--blue-70);
|
|
47
|
+
--fill-secondary-hover-light: var(--lavender-20);
|
|
48
|
+
--fill-selected-default-contrast: var(--blue-90);
|
|
49
|
+
--fill-selected-default-dark: var(--ebony-10);
|
|
50
|
+
--fill-selected-default-light: var(--blue-10);
|
|
51
|
+
--fill-selected-default-neutral: var(--grey-30);
|
|
52
|
+
--fill-selected-hover-contrast: var(--blue-80);
|
|
53
|
+
--fill-selected-hover-dark: var(--transparent-ebony-alpha35);
|
|
54
|
+
--fill-selected-hover-light: var(--blue-20);
|
|
55
|
+
--fill-selected-hover-neutral: var(--grey-20);
|
|
56
|
+
--fill-success-contrast: var(--mint-40);
|
|
57
|
+
--fill-success-deep: var(--mint-60);
|
|
58
|
+
--fill-success-muted: var(--mint-20);
|
|
59
|
+
--fill-success-subdued: var(--mint-50);
|
|
60
|
+
--fill-success-tint: var(--mint-30);
|
|
61
|
+
--fill-warning-contrast: var(--canary-40);
|
|
62
|
+
--fill-warning-deep: var(--canary-60);
|
|
63
|
+
--fill-warning-muted: var(--canary-20);
|
|
64
|
+
--fill-warning-tint: var(--canary-30);
|
|
65
|
+
--shape-accent: var(--lavender-90);
|
|
66
|
+
--shape-dark: var(--ebony-100);
|
|
67
|
+
--shape-darkalt: var(--ebony-20);
|
|
68
|
+
--shape-highlight: var(--coral-40);
|
|
69
|
+
--shape-highlightalt: var(--coral-30);
|
|
70
|
+
--shape-inactive: var(--blue-40);
|
|
71
|
+
--shape-information: var(--sky-50);
|
|
72
|
+
--shape-informationalt: var(--sky-30);
|
|
73
|
+
--shape-light: var(--white-alpha-100);
|
|
74
|
+
--shape-lightalt: var(--ebony-10);
|
|
75
|
+
--shape-negative: var(--coral-60);
|
|
76
|
+
--shape-negativealt: var(--coral-30);
|
|
77
|
+
--shape-neutral: var(--grey-70);
|
|
78
|
+
--shape-neutralalt: var(--grey-50);
|
|
79
|
+
--shape-subdued: var(--blue-70);
|
|
80
|
+
--shape-subduedalt: var(--blue-30);
|
|
81
|
+
--shape-success: var(--mint-60);
|
|
82
|
+
--shape-successalt: var(--mint-40);
|
|
83
|
+
--shape-warning: var(--canary-60);
|
|
84
|
+
--shape-warningalt: var(--canary-40);
|
|
85
|
+
--stroke-accent: var(--lavender-90);
|
|
86
|
+
--stroke-colorless: var(--white-alpha-0);
|
|
87
|
+
--stroke-contrast: var(--lavender-40);
|
|
88
|
+
--stroke-contrastalt: var(--blue-80);
|
|
89
|
+
--stroke-dark: var(--ebony-30);
|
|
90
|
+
--stroke-darkalt: var(--ebony-50);
|
|
91
|
+
--stroke-darkalt-2: var(--ebony-100);
|
|
92
|
+
--stroke-highlight: var(--coral-40);
|
|
93
|
+
--stroke-highlightalt: var(--coral-30);
|
|
94
|
+
--stroke-information: var(--sky-50);
|
|
95
|
+
--stroke-light: var(--white-alpha-100);
|
|
96
|
+
--stroke-lightalt: var(--ebony-10);
|
|
97
|
+
--stroke-negative: var(--coral-60);
|
|
98
|
+
--stroke-negativealt: var(--coral-30);
|
|
99
|
+
--stroke-neutral: var(--grey-30);
|
|
100
|
+
--stroke-neutralalt: var(--grey-60);
|
|
101
|
+
--stroke-subdued: var(--blue-60);
|
|
102
|
+
--stroke-success: var(--mint-60);
|
|
103
|
+
--stroke-successalt: var(--mint-40);
|
|
104
|
+
--stroke-transparent: var(--transparent-blue-alpha40);
|
|
105
|
+
--stroke-transparentalt: var(--transparent-lavender-alpha70);
|
|
106
|
+
--stroke-warning: var(--canary-70);
|
|
107
|
+
--text-accent: var(--lavender-90);
|
|
108
|
+
--text-dark: var(--ebony-100);
|
|
109
|
+
--text-darkalt: var(--ebony-20);
|
|
110
|
+
--text-highlight: var(--lavender-40);
|
|
111
|
+
--text-highlightalt: var(--peach-40);
|
|
112
|
+
--text-light: var(--white-alpha-100);
|
|
113
|
+
--text-lightalt: var(--ebony-10);
|
|
114
|
+
--text-negative: var(--coral-60);
|
|
115
|
+
--text-negativealt: var(--coral-30);
|
|
116
|
+
--text-neutral: var(--grey-70);
|
|
117
|
+
--text-neutralalt: var(--grey-50);
|
|
118
|
+
--text-subdued: var(--blue-70);
|
|
119
|
+
--text-subduedalt: var(--blue-30);
|
|
120
|
+
--text-success: var(--mint-60);
|
|
121
|
+
--text-successalt: var(--mint-40);
|
|
122
|
+
}
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
export declare const semantic: {
|
|
2
|
+
fill: {
|
|
3
|
+
background: {
|
|
4
|
+
contrast: {
|
|
5
|
+
dark: string;
|
|
6
|
+
light: string;
|
|
7
|
+
lightalt: string;
|
|
8
|
+
};
|
|
9
|
+
overlay: {
|
|
10
|
+
solid: string;
|
|
11
|
+
solidalt: string;
|
|
12
|
+
transparent: string;
|
|
13
|
+
};
|
|
14
|
+
standard: {
|
|
15
|
+
colorless: string;
|
|
16
|
+
dark: string;
|
|
17
|
+
light: string;
|
|
18
|
+
};
|
|
19
|
+
subdued: {
|
|
20
|
+
dark: string;
|
|
21
|
+
light: string;
|
|
22
|
+
};
|
|
23
|
+
tint: {
|
|
24
|
+
dark: string;
|
|
25
|
+
light: string;
|
|
26
|
+
neutral: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
boolean: {
|
|
30
|
+
false: {
|
|
31
|
+
contrast: string;
|
|
32
|
+
dark: string;
|
|
33
|
+
light: string;
|
|
34
|
+
};
|
|
35
|
+
true: {
|
|
36
|
+
contrast: string;
|
|
37
|
+
dark: string;
|
|
38
|
+
light: string;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
disabled: {
|
|
42
|
+
light: string;
|
|
43
|
+
transparent: string;
|
|
44
|
+
};
|
|
45
|
+
information: {
|
|
46
|
+
contrast: string;
|
|
47
|
+
deep: string;
|
|
48
|
+
muted: string;
|
|
49
|
+
tint: string;
|
|
50
|
+
};
|
|
51
|
+
negative: {
|
|
52
|
+
contrast: string;
|
|
53
|
+
dark: string;
|
|
54
|
+
deep: string;
|
|
55
|
+
muted: string;
|
|
56
|
+
tint: string;
|
|
57
|
+
transparent: string;
|
|
58
|
+
};
|
|
59
|
+
primary: {
|
|
60
|
+
active: {
|
|
61
|
+
contrast: string;
|
|
62
|
+
light: string;
|
|
63
|
+
};
|
|
64
|
+
default: {
|
|
65
|
+
contrast: string;
|
|
66
|
+
light: string;
|
|
67
|
+
};
|
|
68
|
+
hover: {
|
|
69
|
+
contrast: string;
|
|
70
|
+
light: string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
secondary: {
|
|
74
|
+
active: {
|
|
75
|
+
contrast: string;
|
|
76
|
+
light: string;
|
|
77
|
+
};
|
|
78
|
+
default: {
|
|
79
|
+
colorless: string;
|
|
80
|
+
};
|
|
81
|
+
hover: {
|
|
82
|
+
contrast: string;
|
|
83
|
+
light: string;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
selected: {
|
|
87
|
+
default: {
|
|
88
|
+
contrast: string;
|
|
89
|
+
dark: string;
|
|
90
|
+
light: string;
|
|
91
|
+
neutral: string;
|
|
92
|
+
};
|
|
93
|
+
hover: {
|
|
94
|
+
contrast: string;
|
|
95
|
+
dark: string;
|
|
96
|
+
light: string;
|
|
97
|
+
neutral: string;
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
success: {
|
|
101
|
+
contrast: string;
|
|
102
|
+
deep: string;
|
|
103
|
+
muted: string;
|
|
104
|
+
subdued: string;
|
|
105
|
+
tint: string;
|
|
106
|
+
};
|
|
107
|
+
warning: {
|
|
108
|
+
contrast: string;
|
|
109
|
+
deep: string;
|
|
110
|
+
muted: string;
|
|
111
|
+
tint: string;
|
|
112
|
+
};
|
|
113
|
+
};
|
|
114
|
+
shape: {
|
|
115
|
+
accent: string;
|
|
116
|
+
dark: string;
|
|
117
|
+
darkalt: string;
|
|
118
|
+
highlight: string;
|
|
119
|
+
highlightalt: string;
|
|
120
|
+
inactive: string;
|
|
121
|
+
information: string;
|
|
122
|
+
informationalt: string;
|
|
123
|
+
light: string;
|
|
124
|
+
lightalt: string;
|
|
125
|
+
negative: string;
|
|
126
|
+
negativealt: string;
|
|
127
|
+
neutral: string;
|
|
128
|
+
neutralalt: string;
|
|
129
|
+
subdued: string;
|
|
130
|
+
subduedalt: string;
|
|
131
|
+
success: string;
|
|
132
|
+
successalt: string;
|
|
133
|
+
warning: string;
|
|
134
|
+
warningalt: string;
|
|
135
|
+
};
|
|
136
|
+
stroke: {
|
|
137
|
+
accent: string;
|
|
138
|
+
colorless: string;
|
|
139
|
+
contrast: string;
|
|
140
|
+
contrastalt: string;
|
|
141
|
+
dark: string;
|
|
142
|
+
darkalt: string;
|
|
143
|
+
darkalt2: string;
|
|
144
|
+
highlight: string;
|
|
145
|
+
highlightalt: string;
|
|
146
|
+
information: string;
|
|
147
|
+
light: string;
|
|
148
|
+
lightalt: string;
|
|
149
|
+
negative: string;
|
|
150
|
+
negativealt: string;
|
|
151
|
+
neutral: string;
|
|
152
|
+
neutralalt: string;
|
|
153
|
+
subdued: string;
|
|
154
|
+
success: string;
|
|
155
|
+
successalt: string;
|
|
156
|
+
transparent: string;
|
|
157
|
+
transparentalt: string;
|
|
158
|
+
warning: string;
|
|
159
|
+
};
|
|
160
|
+
text: {
|
|
161
|
+
accent: string;
|
|
162
|
+
dark: string;
|
|
163
|
+
darkalt: string;
|
|
164
|
+
highlight: string;
|
|
165
|
+
highlightalt: string;
|
|
166
|
+
light: string;
|
|
167
|
+
lightalt: string;
|
|
168
|
+
negative: string;
|
|
169
|
+
negativealt: string;
|
|
170
|
+
neutral: string;
|
|
171
|
+
neutralalt: string;
|
|
172
|
+
subdued: string;
|
|
173
|
+
subduedalt: string;
|
|
174
|
+
success: string;
|
|
175
|
+
successalt: string;
|
|
176
|
+
};
|
|
177
|
+
};
|