@navikt/ds-tokens 7.9.2 → 7.11.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/dist/darkside/dark-tokens.css +393 -402
- package/dist/darkside/light-tokens.css +393 -402
- package/dist/darkside/root-tokens.css +59 -59
- package/dist/darkside/static/tokens-cjs.js +16 -25
- package/dist/darkside/static/tokens.d.ts +16 -25
- package/dist/darkside/static/tokens.js +16 -25
- package/dist/darkside/static/tokens.less +16 -25
- package/dist/darkside/static/tokens.scss +16 -25
- package/dist/darkside/tokens-cjs.js +81 -90
- package/dist/darkside/tokens.css +850 -868
- package/dist/darkside/tokens.d.ts +81 -90
- package/dist/darkside/tokens.js +81 -90
- package/dist/darkside/tokens.less +11 -20
- package/dist/darkside/tokens.scss +11 -20
- package/dist/tokens-cjs.js +331 -326
- package/dist/tokens.css +324 -324
- package/dist/tokens.d.ts +326 -326
- package/dist/tokens.js +12 -6
- package/package.json +1 -1
- package/types.ts +4 -4
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
@ax-shadow-dialog: 0px 0px 1px 0px rgba(7 9 13 / 0.02), 0px 2px 5px 0px rgba(7 9 13 / 0.10), 0px 5px 12px 0px rgba(7 9 13 / 0.12); // Used for dialog elements like modals and popovers.
|
|
5
5
|
@ax-opacity-disabled: 0.3; // Used for setting opacity on disabled elements.
|
|
6
6
|
@ax-bg-accent-soft: #f1f7ff;
|
|
7
|
+
@ax-bg-accent-soft-a: #006eff0e;
|
|
7
8
|
@ax-bg-accent-hover: #e4eeff;
|
|
8
9
|
@ax-bg-accent-hover-a: #005fff1b;
|
|
9
10
|
@ax-bg-accent-moderate: #e4eeff;
|
|
@@ -15,9 +16,8 @@
|
|
|
15
16
|
@ax-bg-accent-strong: #2277d5;
|
|
16
17
|
@ax-bg-accent-strong-hover: #0063c1;
|
|
17
18
|
@ax-bg-accent-strong-pressed: #005bb6;
|
|
18
|
-
@ax-bg-accent-raised: #f1f7ff;
|
|
19
|
-
@ax-bg-accent-raised-hover: #e4eeff;
|
|
20
19
|
@ax-bg-success-soft: #e2fde8;
|
|
20
|
+
@ax-bg-success-soft-a: #00ee351d;
|
|
21
21
|
@ax-bg-success-hover: #d5f6db;
|
|
22
22
|
@ax-bg-success-hover-a: #00c9252a;
|
|
23
23
|
@ax-bg-success-moderate: #d5f6db;
|
|
@@ -29,9 +29,8 @@
|
|
|
29
29
|
@ax-bg-success-strong: #00893c;
|
|
30
30
|
@ax-bg-success-strong-hover: #007629;
|
|
31
31
|
@ax-bg-success-strong-pressed: #006c1f;
|
|
32
|
-
@ax-bg-success-raised: #e2fde8;
|
|
33
|
-
@ax-bg-success-raised-hover: #d5f6db;
|
|
34
32
|
@ax-bg-warning-soft: #fff5e4;
|
|
33
|
+
@ax-bg-warning-soft-a: #ffa1001b;
|
|
35
34
|
@ax-bg-warning-hover: #ffebc7;
|
|
36
35
|
@ax-bg-warning-hover-a: #ffa40038;
|
|
37
36
|
@ax-bg-warning-moderate: #ffebc7;
|
|
@@ -43,9 +42,8 @@
|
|
|
43
42
|
@ax-bg-warning-strong: #c95100;
|
|
44
43
|
@ax-bg-warning-strong-hover: #ac4400;
|
|
45
44
|
@ax-bg-warning-strong-pressed: #a03e00;
|
|
46
|
-
@ax-bg-warning-raised: #fff5e4;
|
|
47
|
-
@ax-bg-warning-raised-hover: #ffebc7;
|
|
48
45
|
@ax-bg-danger-soft: #fff2f7;
|
|
46
|
+
@ax-bg-danger-soft-a: #ff00630d;
|
|
49
47
|
@ax-bg-danger-hover: #ffe8f0;
|
|
50
48
|
@ax-bg-danger-hover-a: #ff005917;
|
|
51
49
|
@ax-bg-danger-moderate: #ffe8f0;
|
|
@@ -57,9 +55,8 @@
|
|
|
57
55
|
@ax-bg-danger-strong: #e22a49;
|
|
58
56
|
@ax-bg-danger-strong-hover: #cb0035;
|
|
59
57
|
@ax-bg-danger-strong-pressed: #bc002a;
|
|
60
|
-
@ax-bg-danger-raised: #fff2f7;
|
|
61
|
-
@ax-bg-danger-raised-hover: #ffe8f0;
|
|
62
58
|
@ax-bg-info-soft: #eef6fc;
|
|
59
|
+
@ax-bg-info-soft-a: #0078d211;
|
|
63
60
|
@ax-bg-info-hover: #e3eff7;
|
|
64
61
|
@ax-bg-info-hover-a: #006eb71c;
|
|
65
62
|
@ax-bg-info-moderate: #e3eff7;
|
|
@@ -71,9 +68,8 @@
|
|
|
71
68
|
@ax-bg-info-strong: #417da0;
|
|
72
69
|
@ax-bg-info-strong-hover: #246b91;
|
|
73
70
|
@ax-bg-info-strong-pressed: #156389;
|
|
74
|
-
@ax-bg-info-raised: #eef6fc;
|
|
75
|
-
@ax-bg-info-raised-hover: #e3eff7;
|
|
76
71
|
@ax-bg-brand-1-soft: #fbf3f6;
|
|
72
|
+
@ax-bg-brand-1-soft-a: #aa00400c;
|
|
77
73
|
@ax-bg-brand-1-hover: #f8eaef;
|
|
78
74
|
@ax-bg-brand-1-hover-a: #aa003d15;
|
|
79
75
|
@ax-bg-brand-1-moderate: #f8eaef;
|
|
@@ -85,9 +81,8 @@
|
|
|
85
81
|
@ax-bg-brand-1-strong: #b65781;
|
|
86
82
|
@ax-bg-brand-1-strong-hover: #a93d70;
|
|
87
83
|
@ax-bg-brand-1-strong-pressed: #a33069;
|
|
88
|
-
@ax-bg-brand-1-raised: #fbf3f6;
|
|
89
|
-
@ax-bg-brand-1-raised-hover: #f8eaef;
|
|
90
84
|
@ax-bg-brand-2-soft: #fff4ee;
|
|
85
|
+
@ax-bg-brand-2-soft-a: #ff5a0011;
|
|
91
86
|
@ax-bg-brand-2-hover: #fdebe0;
|
|
92
87
|
@ax-bg-brand-2-hover-a: #ef5b001f;
|
|
93
88
|
@ax-bg-brand-2-moderate: #fdebe0;
|
|
@@ -99,9 +94,8 @@
|
|
|
99
94
|
@ax-bg-brand-2-strong: #a9654e;
|
|
100
95
|
@ax-bg-brand-2-strong-hover: #915541;
|
|
101
96
|
@ax-bg-brand-2-strong-pressed: #874e3b;
|
|
102
|
-
@ax-bg-brand-2-raised: #fff4ee;
|
|
103
|
-
@ax-bg-brand-2-raised-hover: #fdebe0;
|
|
104
97
|
@ax-bg-brand-3-soft: #eef6fc;
|
|
98
|
+
@ax-bg-brand-3-soft-a: #0078d211;
|
|
105
99
|
@ax-bg-brand-3-hover: #e3eff7;
|
|
106
100
|
@ax-bg-brand-3-hover-a: #006eb71c;
|
|
107
101
|
@ax-bg-brand-3-moderate: #e3eff7;
|
|
@@ -113,9 +107,8 @@
|
|
|
113
107
|
@ax-bg-brand-3-strong: #417da0;
|
|
114
108
|
@ax-bg-brand-3-strong-hover: #246b91;
|
|
115
109
|
@ax-bg-brand-3-strong-pressed: #156389;
|
|
116
|
-
@ax-bg-brand-3-raised: #eef6fc;
|
|
117
|
-
@ax-bg-brand-3-raised-hover: #e3eff7;
|
|
118
110
|
@ax-bg-meta-1-soft: #f7f5f9;
|
|
111
|
+
@ax-bg-meta-1-soft-a: #3300660a;
|
|
119
112
|
@ax-bg-meta-1-hover: #f0edf4;
|
|
120
113
|
@ax-bg-meta-1-hover-a: #2b006412;
|
|
121
114
|
@ax-bg-meta-1-moderate: #f0edf4;
|
|
@@ -127,9 +120,8 @@
|
|
|
127
120
|
@ax-bg-meta-1-strong: #846ca4;
|
|
128
121
|
@ax-bg-meta-1-strong-hover: #725a91;
|
|
129
122
|
@ax-bg-meta-1-strong-pressed: #6a5289;
|
|
130
|
-
@ax-bg-meta-1-raised: #f7f5f9;
|
|
131
|
-
@ax-bg-meta-1-raised-hover: #f0edf4;
|
|
132
123
|
@ax-bg-meta-2-soft: #f4f9d1;
|
|
124
|
+
@ax-bg-meta-2-soft-a: #c3de002e;
|
|
133
125
|
@ax-bg-meta-2-hover: #ebf4a9;
|
|
134
126
|
@ax-bg-meta-2-hover-a: #c4df0056;
|
|
135
127
|
@ax-bg-meta-2-moderate: #ebf4a9;
|
|
@@ -141,14 +133,13 @@
|
|
|
141
133
|
@ax-bg-meta-2-strong: #757c00;
|
|
142
134
|
@ax-bg-meta-2-strong-hover: #646900;
|
|
143
135
|
@ax-bg-meta-2-strong-pressed: #5c6100;
|
|
144
|
-
@ax-bg-meta-2-raised: #f4f9d1;
|
|
145
|
-
@ax-bg-meta-2-raised-hover: #ebf4a9;
|
|
146
136
|
@ax-bg-default: #ffffff;
|
|
147
137
|
@ax-bg-input: #ffffff;
|
|
148
138
|
@ax-bg-raised: white;
|
|
149
139
|
@ax-bg-sunken: #ecedef;
|
|
150
140
|
@ax-bg-overlay: #021431;
|
|
151
141
|
@ax-bg-soft: #f5f6f7;
|
|
142
|
+
@ax-bg-soft-a: #001a330a;
|
|
152
143
|
@ax-bg-hover: #ecedef;
|
|
153
144
|
@ax-bg-hover-a: #000e2913;
|
|
154
145
|
@ax-bg-moderate: #ecedef;
|
|
@@ -157,9 +148,9 @@
|
|
|
157
148
|
@ax-bg-moderate-hover-a: #0011331e;
|
|
158
149
|
@ax-bg-moderate-pressed: #cfd3d8;
|
|
159
150
|
@ax-bg-moderate-pressed-a: #00163030;
|
|
160
|
-
@ax-bg-strong: #
|
|
161
|
-
@ax-bg-strong-hover: #
|
|
162
|
-
@ax-bg-strong-pressed: #
|
|
151
|
+
@ax-bg-strong: #5d6573;
|
|
152
|
+
@ax-bg-strong-hover: #555d6a;
|
|
153
|
+
@ax-bg-strong-pressed: #49515e;
|
|
163
154
|
@ax-text-accent: #005bb6;
|
|
164
155
|
@ax-text-accent-strong: #002459;
|
|
165
156
|
@ax-text-accent-icon: #2277d5;
|
|
@@ -245,11 +236,11 @@
|
|
|
245
236
|
@ax-border-meta-2-subtle: #d0dc00;
|
|
246
237
|
@ax-border-meta-2-subtle-a: #d0dc00;
|
|
247
238
|
@ax-border-meta-2-strong: #646900;
|
|
248
|
-
@ax-border-default: #
|
|
239
|
+
@ax-border-default: #6f7785;
|
|
249
240
|
@ax-border-subtle: #cfd3d8;
|
|
250
241
|
@ax-border-subtle-a: #00163030;
|
|
251
242
|
@ax-border-strong: #6f7785;
|
|
252
|
-
@ax-border-focus: #
|
|
243
|
+
@ax-border-focus: #202733;
|
|
253
244
|
@ax-neutral-100: #f5f6f7;
|
|
254
245
|
@ax-neutral-200: #ecedef;
|
|
255
246
|
@ax-neutral-300: #e1e3e7;
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
$ax-shadow-dialog: 0px 0px 1px 0px rgba(7 9 13 / 0.02), 0px 2px 5px 0px rgba(7 9 13 / 0.10), 0px 5px 12px 0px rgba(7 9 13 / 0.12); // Used for dialog elements like modals and popovers.
|
|
5
5
|
$ax-opacity-disabled: 0.3; // Used for setting opacity on disabled elements.
|
|
6
6
|
$ax-bg-accent-soft: #f1f7ff;
|
|
7
|
+
$ax-bg-accent-soft-a: #006eff0e;
|
|
7
8
|
$ax-bg-accent-hover: #e4eeff;
|
|
8
9
|
$ax-bg-accent-hover-a: #005fff1b;
|
|
9
10
|
$ax-bg-accent-moderate: #e4eeff;
|
|
@@ -15,9 +16,8 @@ $ax-bg-accent-moderate-pressed-a: #0064f145;
|
|
|
15
16
|
$ax-bg-accent-strong: #2277d5;
|
|
16
17
|
$ax-bg-accent-strong-hover: #0063c1;
|
|
17
18
|
$ax-bg-accent-strong-pressed: #005bb6;
|
|
18
|
-
$ax-bg-accent-raised: #f1f7ff;
|
|
19
|
-
$ax-bg-accent-raised-hover: #e4eeff;
|
|
20
19
|
$ax-bg-success-soft: #e2fde8;
|
|
20
|
+
$ax-bg-success-soft-a: #00ee351d;
|
|
21
21
|
$ax-bg-success-hover: #d5f6db;
|
|
22
22
|
$ax-bg-success-hover-a: #00c9252a;
|
|
23
23
|
$ax-bg-success-moderate: #d5f6db;
|
|
@@ -29,9 +29,8 @@ $ax-bg-success-moderate-pressed-a: #00a22457;
|
|
|
29
29
|
$ax-bg-success-strong: #00893c;
|
|
30
30
|
$ax-bg-success-strong-hover: #007629;
|
|
31
31
|
$ax-bg-success-strong-pressed: #006c1f;
|
|
32
|
-
$ax-bg-success-raised: #e2fde8;
|
|
33
|
-
$ax-bg-success-raised-hover: #d5f6db;
|
|
34
32
|
$ax-bg-warning-soft: #fff5e4;
|
|
33
|
+
$ax-bg-warning-soft-a: #ffa1001b;
|
|
35
34
|
$ax-bg-warning-hover: #ffebc7;
|
|
36
35
|
$ax-bg-warning-hover-a: #ffa40038;
|
|
37
36
|
$ax-bg-warning-moderate: #ffebc7;
|
|
@@ -43,9 +42,8 @@ $ax-bg-warning-moderate-pressed-a: #ffa30090;
|
|
|
43
42
|
$ax-bg-warning-strong: #c95100;
|
|
44
43
|
$ax-bg-warning-strong-hover: #ac4400;
|
|
45
44
|
$ax-bg-warning-strong-pressed: #a03e00;
|
|
46
|
-
$ax-bg-warning-raised: #fff5e4;
|
|
47
|
-
$ax-bg-warning-raised-hover: #ffebc7;
|
|
48
45
|
$ax-bg-danger-soft: #fff2f7;
|
|
46
|
+
$ax-bg-danger-soft-a: #ff00630d;
|
|
49
47
|
$ax-bg-danger-hover: #ffe8f0;
|
|
50
48
|
$ax-bg-danger-hover-a: #ff005917;
|
|
51
49
|
$ax-bg-danger-moderate: #ffe8f0;
|
|
@@ -57,9 +55,8 @@ $ax-bg-danger-moderate-pressed-a: #ff00583d;
|
|
|
57
55
|
$ax-bg-danger-strong: #e22a49;
|
|
58
56
|
$ax-bg-danger-strong-hover: #cb0035;
|
|
59
57
|
$ax-bg-danger-strong-pressed: #bc002a;
|
|
60
|
-
$ax-bg-danger-raised: #fff2f7;
|
|
61
|
-
$ax-bg-danger-raised-hover: #ffe8f0;
|
|
62
58
|
$ax-bg-info-soft: #eef6fc;
|
|
59
|
+
$ax-bg-info-soft-a: #0078d211;
|
|
63
60
|
$ax-bg-info-hover: #e3eff7;
|
|
64
61
|
$ax-bg-info-hover-a: #006eb71c;
|
|
65
62
|
$ax-bg-info-moderate: #e3eff7;
|
|
@@ -71,9 +68,8 @@ $ax-bg-info-moderate-pressed-a: #005a923f;
|
|
|
71
68
|
$ax-bg-info-strong: #417da0;
|
|
72
69
|
$ax-bg-info-strong-hover: #246b91;
|
|
73
70
|
$ax-bg-info-strong-pressed: #156389;
|
|
74
|
-
$ax-bg-info-raised: #eef6fc;
|
|
75
|
-
$ax-bg-info-raised-hover: #e3eff7;
|
|
76
71
|
$ax-bg-brand-1-soft: #fbf3f6;
|
|
72
|
+
$ax-bg-brand-1-soft-a: #aa00400c;
|
|
77
73
|
$ax-bg-brand-1-hover: #f8eaef;
|
|
78
74
|
$ax-bg-brand-1-hover-a: #aa003d15;
|
|
79
75
|
$ax-bg-brand-1-moderate: #f8eaef;
|
|
@@ -85,9 +81,8 @@ $ax-bg-brand-1-moderate-pressed-a: #a4003a35;
|
|
|
85
81
|
$ax-bg-brand-1-strong: #b65781;
|
|
86
82
|
$ax-bg-brand-1-strong-hover: #a93d70;
|
|
87
83
|
$ax-bg-brand-1-strong-pressed: #a33069;
|
|
88
|
-
$ax-bg-brand-1-raised: #fbf3f6;
|
|
89
|
-
$ax-bg-brand-1-raised-hover: #f8eaef;
|
|
90
84
|
$ax-bg-brand-2-soft: #fff4ee;
|
|
85
|
+
$ax-bg-brand-2-soft-a: #ff5a0011;
|
|
91
86
|
$ax-bg-brand-2-hover: #fdebe0;
|
|
92
87
|
$ax-bg-brand-2-hover-a: #ef5b001f;
|
|
93
88
|
$ax-bg-brand-2-moderate: #fdebe0;
|
|
@@ -99,9 +94,8 @@ $ax-bg-brand-2-moderate-pressed-a: #e94c004e;
|
|
|
99
94
|
$ax-bg-brand-2-strong: #a9654e;
|
|
100
95
|
$ax-bg-brand-2-strong-hover: #915541;
|
|
101
96
|
$ax-bg-brand-2-strong-pressed: #874e3b;
|
|
102
|
-
$ax-bg-brand-2-raised: #fff4ee;
|
|
103
|
-
$ax-bg-brand-2-raised-hover: #fdebe0;
|
|
104
97
|
$ax-bg-brand-3-soft: #eef6fc;
|
|
98
|
+
$ax-bg-brand-3-soft-a: #0078d211;
|
|
105
99
|
$ax-bg-brand-3-hover: #e3eff7;
|
|
106
100
|
$ax-bg-brand-3-hover-a: #006eb71c;
|
|
107
101
|
$ax-bg-brand-3-moderate: #e3eff7;
|
|
@@ -113,9 +107,8 @@ $ax-bg-brand-3-moderate-pressed-a: #005a923f;
|
|
|
113
107
|
$ax-bg-brand-3-strong: #417da0;
|
|
114
108
|
$ax-bg-brand-3-strong-hover: #246b91;
|
|
115
109
|
$ax-bg-brand-3-strong-pressed: #156389;
|
|
116
|
-
$ax-bg-brand-3-raised: #eef6fc;
|
|
117
|
-
$ax-bg-brand-3-raised-hover: #e3eff7;
|
|
118
110
|
$ax-bg-meta-1-soft: #f7f5f9;
|
|
111
|
+
$ax-bg-meta-1-soft-a: #3300660a;
|
|
119
112
|
$ax-bg-meta-1-hover: #f0edf4;
|
|
120
113
|
$ax-bg-meta-1-hover-a: #2b006412;
|
|
121
114
|
$ax-bg-meta-1-moderate: #f0edf4;
|
|
@@ -127,9 +120,8 @@ $ax-bg-meta-1-moderate-pressed-a: #2b006b30;
|
|
|
127
120
|
$ax-bg-meta-1-strong: #846ca4;
|
|
128
121
|
$ax-bg-meta-1-strong-hover: #725a91;
|
|
129
122
|
$ax-bg-meta-1-strong-pressed: #6a5289;
|
|
130
|
-
$ax-bg-meta-1-raised: #f7f5f9;
|
|
131
|
-
$ax-bg-meta-1-raised-hover: #f0edf4;
|
|
132
123
|
$ax-bg-meta-2-soft: #f4f9d1;
|
|
124
|
+
$ax-bg-meta-2-soft-a: #c3de002e;
|
|
133
125
|
$ax-bg-meta-2-hover: #ebf4a9;
|
|
134
126
|
$ax-bg-meta-2-hover-a: #c4df0056;
|
|
135
127
|
$ax-bg-meta-2-moderate: #ebf4a9;
|
|
@@ -141,14 +133,13 @@ $ax-bg-meta-2-moderate-pressed-a: #d0dc00;
|
|
|
141
133
|
$ax-bg-meta-2-strong: #757c00;
|
|
142
134
|
$ax-bg-meta-2-strong-hover: #646900;
|
|
143
135
|
$ax-bg-meta-2-strong-pressed: #5c6100;
|
|
144
|
-
$ax-bg-meta-2-raised: #f4f9d1;
|
|
145
|
-
$ax-bg-meta-2-raised-hover: #ebf4a9;
|
|
146
136
|
$ax-bg-default: #ffffff;
|
|
147
137
|
$ax-bg-input: rgba(255, 255, 255, 0.85);
|
|
148
138
|
$ax-bg-raised: white;
|
|
149
139
|
$ax-bg-sunken: #ecedef;
|
|
150
140
|
$ax-bg-overlay: rgba(2, 20, 49, 0.49);
|
|
151
141
|
$ax-bg-soft: #f5f6f7;
|
|
142
|
+
$ax-bg-soft-a: #001a330a;
|
|
152
143
|
$ax-bg-hover: #ecedef;
|
|
153
144
|
$ax-bg-hover-a: #000e2913;
|
|
154
145
|
$ax-bg-moderate: #ecedef;
|
|
@@ -157,9 +148,9 @@ $ax-bg-moderate-hover: #e1e3e7;
|
|
|
157
148
|
$ax-bg-moderate-hover-a: #0011331e;
|
|
158
149
|
$ax-bg-moderate-pressed: #cfd3d8;
|
|
159
150
|
$ax-bg-moderate-pressed-a: #00163030;
|
|
160
|
-
$ax-bg-strong: #
|
|
161
|
-
$ax-bg-strong-hover: #
|
|
162
|
-
$ax-bg-strong-pressed: #
|
|
151
|
+
$ax-bg-strong: #5d6573;
|
|
152
|
+
$ax-bg-strong-hover: #555d6a;
|
|
153
|
+
$ax-bg-strong-pressed: #49515e;
|
|
163
154
|
$ax-text-accent: #005bb6;
|
|
164
155
|
$ax-text-accent-strong: #002459;
|
|
165
156
|
$ax-text-accent-icon: #2277d5;
|
|
@@ -245,11 +236,11 @@ $ax-border-meta-2: #757c00;
|
|
|
245
236
|
$ax-border-meta-2-subtle: #d0dc00;
|
|
246
237
|
$ax-border-meta-2-subtle-a: #d0dc00;
|
|
247
238
|
$ax-border-meta-2-strong: #646900;
|
|
248
|
-
$ax-border-default: #
|
|
239
|
+
$ax-border-default: #6f7785;
|
|
249
240
|
$ax-border-subtle: #cfd3d8;
|
|
250
241
|
$ax-border-subtle-a: #00163030;
|
|
251
242
|
$ax-border-strong: #6f7785;
|
|
252
|
-
$ax-border-focus: #
|
|
243
|
+
$ax-border-focus: #202733;
|
|
253
244
|
$ax-neutral-100: #f5f6f7;
|
|
254
245
|
$ax-neutral-200: #ecedef;
|
|
255
246
|
$ax-neutral-300: #e1e3e7;
|
|
@@ -12,6 +12,7 @@ module.exports = {
|
|
|
12
12
|
*/
|
|
13
13
|
"OpacityDisabled": "var(--ax-opacity-disabled)",
|
|
14
14
|
"BgAccentSoft": "var(--ax-bg-accent-soft)",
|
|
15
|
+
"BgAccentSoftA": "var(--ax-bg-accent-softA)",
|
|
15
16
|
"BgAccentHover": "var(--ax-bg-accent-hover)",
|
|
16
17
|
"BgAccentHoverA": "var(--ax-bg-accent-hoverA)",
|
|
17
18
|
"BgAccentModerate": "var(--ax-bg-accent-moderate)",
|
|
@@ -23,9 +24,8 @@ module.exports = {
|
|
|
23
24
|
"BgAccentStrong": "var(--ax-bg-accent-strong)",
|
|
24
25
|
"BgAccentStrongHover": "var(--ax-bg-accent-strong-hover)",
|
|
25
26
|
"BgAccentStrongPressed": "var(--ax-bg-accent-strong-pressed)",
|
|
26
|
-
"BgAccentRaised": "var(--ax-bg-accent-raised)",
|
|
27
|
-
"BgAccentRaisedHover": "var(--ax-bg-accent-raised-hover)",
|
|
28
27
|
"BgSuccessSoft": "var(--ax-bg-success-soft)",
|
|
28
|
+
"BgSuccessSoftA": "var(--ax-bg-success-softA)",
|
|
29
29
|
"BgSuccessHover": "var(--ax-bg-success-hover)",
|
|
30
30
|
"BgSuccessHoverA": "var(--ax-bg-success-hoverA)",
|
|
31
31
|
"BgSuccessModerate": "var(--ax-bg-success-moderate)",
|
|
@@ -37,9 +37,8 @@ module.exports = {
|
|
|
37
37
|
"BgSuccessStrong": "var(--ax-bg-success-strong)",
|
|
38
38
|
"BgSuccessStrongHover": "var(--ax-bg-success-strong-hover)",
|
|
39
39
|
"BgSuccessStrongPressed": "var(--ax-bg-success-strong-pressed)",
|
|
40
|
-
"BgSuccessRaised": "var(--ax-bg-success-raised)",
|
|
41
|
-
"BgSuccessRaisedHover": "var(--ax-bg-success-raised-hover)",
|
|
42
40
|
"BgWarningSoft": "var(--ax-bg-warning-soft)",
|
|
41
|
+
"BgWarningSoftA": "var(--ax-bg-warning-softA)",
|
|
43
42
|
"BgWarningHover": "var(--ax-bg-warning-hover)",
|
|
44
43
|
"BgWarningHoverA": "var(--ax-bg-warning-hoverA)",
|
|
45
44
|
"BgWarningModerate": "var(--ax-bg-warning-moderate)",
|
|
@@ -51,9 +50,8 @@ module.exports = {
|
|
|
51
50
|
"BgWarningStrong": "var(--ax-bg-warning-strong)",
|
|
52
51
|
"BgWarningStrongHover": "var(--ax-bg-warning-strong-hover)",
|
|
53
52
|
"BgWarningStrongPressed": "var(--ax-bg-warning-strong-pressed)",
|
|
54
|
-
"BgWarningRaised": "var(--ax-bg-warning-raised)",
|
|
55
|
-
"BgWarningRaisedHover": "var(--ax-bg-warning-raised-hover)",
|
|
56
53
|
"BgDangerSoft": "var(--ax-bg-danger-soft)",
|
|
54
|
+
"BgDangerSoftA": "var(--ax-bg-danger-softA)",
|
|
57
55
|
"BgDangerHover": "var(--ax-bg-danger-hover)",
|
|
58
56
|
"BgDangerHoverA": "var(--ax-bg-danger-hoverA)",
|
|
59
57
|
"BgDangerModerate": "var(--ax-bg-danger-moderate)",
|
|
@@ -65,9 +63,8 @@ module.exports = {
|
|
|
65
63
|
"BgDangerStrong": "var(--ax-bg-danger-strong)",
|
|
66
64
|
"BgDangerStrongHover": "var(--ax-bg-danger-strong-hover)",
|
|
67
65
|
"BgDangerStrongPressed": "var(--ax-bg-danger-strong-pressed)",
|
|
68
|
-
"BgDangerRaised": "var(--ax-bg-danger-raised)",
|
|
69
|
-
"BgDangerRaisedHover": "var(--ax-bg-danger-raised-hover)",
|
|
70
66
|
"BgInfoSoft": "var(--ax-bg-info-soft)",
|
|
67
|
+
"BgInfoSoftA": "var(--ax-bg-info-softA)",
|
|
71
68
|
"BgInfoHover": "var(--ax-bg-info-hover)",
|
|
72
69
|
"BgInfoHoverA": "var(--ax-bg-info-hoverA)",
|
|
73
70
|
"BgInfoModerate": "var(--ax-bg-info-moderate)",
|
|
@@ -79,9 +76,8 @@ module.exports = {
|
|
|
79
76
|
"BgInfoStrong": "var(--ax-bg-info-strong)",
|
|
80
77
|
"BgInfoStrongHover": "var(--ax-bg-info-strong-hover)",
|
|
81
78
|
"BgInfoStrongPressed": "var(--ax-bg-info-strong-pressed)",
|
|
82
|
-
"BgInfoRaised": "var(--ax-bg-info-raised)",
|
|
83
|
-
"BgInfoRaisedHover": "var(--ax-bg-info-raised-hover)",
|
|
84
79
|
"BgBrand1Soft": "var(--ax-bg-brand-1-soft)",
|
|
80
|
+
"BgBrand1SoftA": "var(--ax-bg-brand-1-softA)",
|
|
85
81
|
"BgBrand1Hover": "var(--ax-bg-brand-1-hover)",
|
|
86
82
|
"BgBrand1HoverA": "var(--ax-bg-brand-1-hoverA)",
|
|
87
83
|
"BgBrand1Moderate": "var(--ax-bg-brand-1-moderate)",
|
|
@@ -93,9 +89,8 @@ module.exports = {
|
|
|
93
89
|
"BgBrand1Strong": "var(--ax-bg-brand-1-strong)",
|
|
94
90
|
"BgBrand1StrongHover": "var(--ax-bg-brand-1-strong-hover)",
|
|
95
91
|
"BgBrand1StrongPressed": "var(--ax-bg-brand-1-strong-pressed)",
|
|
96
|
-
"BgBrand1Raised": "var(--ax-bg-brand-1-raised)",
|
|
97
|
-
"BgBrand1RaisedHover": "var(--ax-bg-brand-1-raised-hover)",
|
|
98
92
|
"BgBrand2Soft": "var(--ax-bg-brand-2-soft)",
|
|
93
|
+
"BgBrand2SoftA": "var(--ax-bg-brand-2-softA)",
|
|
99
94
|
"BgBrand2Hover": "var(--ax-bg-brand-2-hover)",
|
|
100
95
|
"BgBrand2HoverA": "var(--ax-bg-brand-2-hoverA)",
|
|
101
96
|
"BgBrand2Moderate": "var(--ax-bg-brand-2-moderate)",
|
|
@@ -107,9 +102,8 @@ module.exports = {
|
|
|
107
102
|
"BgBrand2Strong": "var(--ax-bg-brand-2-strong)",
|
|
108
103
|
"BgBrand2StrongHover": "var(--ax-bg-brand-2-strong-hover)",
|
|
109
104
|
"BgBrand2StrongPressed": "var(--ax-bg-brand-2-strong-pressed)",
|
|
110
|
-
"BgBrand2Raised": "var(--ax-bg-brand-2-raised)",
|
|
111
|
-
"BgBrand2RaisedHover": "var(--ax-bg-brand-2-raised-hover)",
|
|
112
105
|
"BgBrand3Soft": "var(--ax-bg-brand-3-soft)",
|
|
106
|
+
"BgBrand3SoftA": "var(--ax-bg-brand-3-softA)",
|
|
113
107
|
"BgBrand3Hover": "var(--ax-bg-brand-3-hover)",
|
|
114
108
|
"BgBrand3HoverA": "var(--ax-bg-brand-3-hoverA)",
|
|
115
109
|
"BgBrand3Moderate": "var(--ax-bg-brand-3-moderate)",
|
|
@@ -121,9 +115,8 @@ module.exports = {
|
|
|
121
115
|
"BgBrand3Strong": "var(--ax-bg-brand-3-strong)",
|
|
122
116
|
"BgBrand3StrongHover": "var(--ax-bg-brand-3-strong-hover)",
|
|
123
117
|
"BgBrand3StrongPressed": "var(--ax-bg-brand-3-strong-pressed)",
|
|
124
|
-
"BgBrand3Raised": "var(--ax-bg-brand-3-raised)",
|
|
125
|
-
"BgBrand3RaisedHover": "var(--ax-bg-brand-3-raised-hover)",
|
|
126
118
|
"BgMeta1Soft": "var(--ax-bg-meta-1-soft)",
|
|
119
|
+
"BgMeta1SoftA": "var(--ax-bg-meta-1-softA)",
|
|
127
120
|
"BgMeta1Hover": "var(--ax-bg-meta-1-hover)",
|
|
128
121
|
"BgMeta1HoverA": "var(--ax-bg-meta-1-hoverA)",
|
|
129
122
|
"BgMeta1Moderate": "var(--ax-bg-meta-1-moderate)",
|
|
@@ -135,9 +128,8 @@ module.exports = {
|
|
|
135
128
|
"BgMeta1Strong": "var(--ax-bg-meta-1-strong)",
|
|
136
129
|
"BgMeta1StrongHover": "var(--ax-bg-meta-1-strong-hover)",
|
|
137
130
|
"BgMeta1StrongPressed": "var(--ax-bg-meta-1-strong-pressed)",
|
|
138
|
-
"BgMeta1Raised": "var(--ax-bg-meta-1-raised)",
|
|
139
|
-
"BgMeta1RaisedHover": "var(--ax-bg-meta-1-raised-hover)",
|
|
140
131
|
"BgMeta2Soft": "var(--ax-bg-meta-2-soft)",
|
|
132
|
+
"BgMeta2SoftA": "var(--ax-bg-meta-2-softA)",
|
|
141
133
|
"BgMeta2Hover": "var(--ax-bg-meta-2-hover)",
|
|
142
134
|
"BgMeta2HoverA": "var(--ax-bg-meta-2-hoverA)",
|
|
143
135
|
"BgMeta2Moderate": "var(--ax-bg-meta-2-moderate)",
|
|
@@ -149,14 +141,13 @@ module.exports = {
|
|
|
149
141
|
"BgMeta2Strong": "var(--ax-bg-meta-2-strong)",
|
|
150
142
|
"BgMeta2StrongHover": "var(--ax-bg-meta-2-strong-hover)",
|
|
151
143
|
"BgMeta2StrongPressed": "var(--ax-bg-meta-2-strong-pressed)",
|
|
152
|
-
"BgMeta2Raised": "var(--ax-bg-meta-2-raised)",
|
|
153
|
-
"BgMeta2RaisedHover": "var(--ax-bg-meta-2-raised-hover)",
|
|
154
144
|
"BgDefault": "var(--ax-bg-default)",
|
|
155
145
|
"BgInput": "var(--ax-bg-input)",
|
|
156
146
|
"BgRaised": "var(--ax-bg-raised)",
|
|
157
147
|
"BgSunken": "var(--ax-bg-sunken)",
|
|
158
148
|
"BgOverlay": "var(--ax-bg-overlay)",
|
|
159
149
|
"BgSoft": "var(--ax-bg-soft)",
|
|
150
|
+
"BgSoftA": "var(--ax-bg-softA)",
|
|
160
151
|
"BgHover": "var(--ax-bg-hover)",
|
|
161
152
|
"BgHoverA": "var(--ax-bg-hoverA)",
|
|
162
153
|
"BgModerate": "var(--ax-bg-moderate)",
|
|
@@ -343,76 +334,76 @@ module.exports = {
|
|
|
343
334
|
"Info200A": "var(--ax-info-200A)",
|
|
344
335
|
"Info300A": "var(--ax-info-300A)",
|
|
345
336
|
"Info400A": "var(--ax-info-400A)",
|
|
346
|
-
"Brand1100": "var(--ax-brand-
|
|
347
|
-
"Brand1200": "var(--ax-brand-
|
|
348
|
-
"Brand1300": "var(--ax-brand-
|
|
349
|
-
"Brand1400": "var(--ax-brand-
|
|
350
|
-
"Brand1500": "var(--ax-brand-
|
|
351
|
-
"Brand1600": "var(--ax-brand-
|
|
352
|
-
"Brand1700": "var(--ax-brand-
|
|
353
|
-
"Brand1800": "var(--ax-brand-
|
|
354
|
-
"Brand1900": "var(--ax-brand-
|
|
355
|
-
"Brand11000": "var(--ax-brand-
|
|
356
|
-
"Brand1100A": "var(--ax-brand-
|
|
357
|
-
"Brand1200A": "var(--ax-brand-
|
|
358
|
-
"Brand1300A": "var(--ax-brand-
|
|
359
|
-
"Brand1400A": "var(--ax-brand-
|
|
360
|
-
"Brand2100": "var(--ax-brand-
|
|
361
|
-
"Brand2200": "var(--ax-brand-
|
|
362
|
-
"Brand2300": "var(--ax-brand-
|
|
363
|
-
"Brand2400": "var(--ax-brand-
|
|
364
|
-
"Brand2500": "var(--ax-brand-
|
|
365
|
-
"Brand2600": "var(--ax-brand-
|
|
366
|
-
"Brand2700": "var(--ax-brand-
|
|
367
|
-
"Brand2800": "var(--ax-brand-
|
|
368
|
-
"Brand2900": "var(--ax-brand-
|
|
369
|
-
"Brand21000": "var(--ax-brand-
|
|
370
|
-
"Brand2100A": "var(--ax-brand-
|
|
371
|
-
"Brand2200A": "var(--ax-brand-
|
|
372
|
-
"Brand2300A": "var(--ax-brand-
|
|
373
|
-
"Brand2400A": "var(--ax-brand-
|
|
374
|
-
"Brand3100": "var(--ax-brand-
|
|
375
|
-
"Brand3200": "var(--ax-brand-
|
|
376
|
-
"Brand3300": "var(--ax-brand-
|
|
377
|
-
"Brand3400": "var(--ax-brand-
|
|
378
|
-
"Brand3500": "var(--ax-brand-
|
|
379
|
-
"Brand3600": "var(--ax-brand-
|
|
380
|
-
"Brand3700": "var(--ax-brand-
|
|
381
|
-
"Brand3800": "var(--ax-brand-
|
|
382
|
-
"Brand3900": "var(--ax-brand-
|
|
383
|
-
"Brand31000": "var(--ax-brand-
|
|
384
|
-
"Brand3100A": "var(--ax-brand-
|
|
385
|
-
"Brand3200A": "var(--ax-brand-
|
|
386
|
-
"Brand3300A": "var(--ax-brand-
|
|
387
|
-
"Brand3400A": "var(--ax-brand-
|
|
388
|
-
"Meta1100": "var(--ax-meta-
|
|
389
|
-
"Meta1200": "var(--ax-meta-
|
|
390
|
-
"Meta1300": "var(--ax-meta-
|
|
391
|
-
"Meta1400": "var(--ax-meta-
|
|
392
|
-
"Meta1500": "var(--ax-meta-
|
|
393
|
-
"Meta1600": "var(--ax-meta-
|
|
394
|
-
"Meta1700": "var(--ax-meta-
|
|
395
|
-
"Meta1800": "var(--ax-meta-
|
|
396
|
-
"Meta1900": "var(--ax-meta-
|
|
397
|
-
"Meta11000": "var(--ax-meta-
|
|
398
|
-
"Meta1100A": "var(--ax-meta-
|
|
399
|
-
"Meta1200A": "var(--ax-meta-
|
|
400
|
-
"Meta1300A": "var(--ax-meta-
|
|
401
|
-
"Meta1400A": "var(--ax-meta-
|
|
402
|
-
"Meta2100": "var(--ax-meta-
|
|
403
|
-
"Meta2200": "var(--ax-meta-
|
|
404
|
-
"Meta2300": "var(--ax-meta-
|
|
405
|
-
"Meta2400": "var(--ax-meta-
|
|
406
|
-
"Meta2500": "var(--ax-meta-
|
|
407
|
-
"Meta2600": "var(--ax-meta-
|
|
408
|
-
"Meta2700": "var(--ax-meta-
|
|
409
|
-
"Meta2800": "var(--ax-meta-
|
|
410
|
-
"Meta2900": "var(--ax-meta-
|
|
411
|
-
"Meta21000": "var(--ax-meta-
|
|
412
|
-
"Meta2100A": "var(--ax-meta-
|
|
413
|
-
"Meta2200A": "var(--ax-meta-
|
|
414
|
-
"Meta2300A": "var(--ax-meta-
|
|
415
|
-
"Meta2400A": "var(--ax-meta-
|
|
337
|
+
"Brand1100": "var(--ax-brand-1-100)",
|
|
338
|
+
"Brand1200": "var(--ax-brand-1-200)",
|
|
339
|
+
"Brand1300": "var(--ax-brand-1-300)",
|
|
340
|
+
"Brand1400": "var(--ax-brand-1-400)",
|
|
341
|
+
"Brand1500": "var(--ax-brand-1-500)",
|
|
342
|
+
"Brand1600": "var(--ax-brand-1-600)",
|
|
343
|
+
"Brand1700": "var(--ax-brand-1-700)",
|
|
344
|
+
"Brand1800": "var(--ax-brand-1-800)",
|
|
345
|
+
"Brand1900": "var(--ax-brand-1-900)",
|
|
346
|
+
"Brand11000": "var(--ax-brand-1-1000)",
|
|
347
|
+
"Brand1100A": "var(--ax-brand-1-100A)",
|
|
348
|
+
"Brand1200A": "var(--ax-brand-1-200A)",
|
|
349
|
+
"Brand1300A": "var(--ax-brand-1-300A)",
|
|
350
|
+
"Brand1400A": "var(--ax-brand-1-400A)",
|
|
351
|
+
"Brand2100": "var(--ax-brand-2-100)",
|
|
352
|
+
"Brand2200": "var(--ax-brand-2-200)",
|
|
353
|
+
"Brand2300": "var(--ax-brand-2-300)",
|
|
354
|
+
"Brand2400": "var(--ax-brand-2-400)",
|
|
355
|
+
"Brand2500": "var(--ax-brand-2-500)",
|
|
356
|
+
"Brand2600": "var(--ax-brand-2-600)",
|
|
357
|
+
"Brand2700": "var(--ax-brand-2-700)",
|
|
358
|
+
"Brand2800": "var(--ax-brand-2-800)",
|
|
359
|
+
"Brand2900": "var(--ax-brand-2-900)",
|
|
360
|
+
"Brand21000": "var(--ax-brand-2-1000)",
|
|
361
|
+
"Brand2100A": "var(--ax-brand-2-100A)",
|
|
362
|
+
"Brand2200A": "var(--ax-brand-2-200A)",
|
|
363
|
+
"Brand2300A": "var(--ax-brand-2-300A)",
|
|
364
|
+
"Brand2400A": "var(--ax-brand-2-400A)",
|
|
365
|
+
"Brand3100": "var(--ax-brand-3-100)",
|
|
366
|
+
"Brand3200": "var(--ax-brand-3-200)",
|
|
367
|
+
"Brand3300": "var(--ax-brand-3-300)",
|
|
368
|
+
"Brand3400": "var(--ax-brand-3-400)",
|
|
369
|
+
"Brand3500": "var(--ax-brand-3-500)",
|
|
370
|
+
"Brand3600": "var(--ax-brand-3-600)",
|
|
371
|
+
"Brand3700": "var(--ax-brand-3-700)",
|
|
372
|
+
"Brand3800": "var(--ax-brand-3-800)",
|
|
373
|
+
"Brand3900": "var(--ax-brand-3-900)",
|
|
374
|
+
"Brand31000": "var(--ax-brand-3-1000)",
|
|
375
|
+
"Brand3100A": "var(--ax-brand-3-100A)",
|
|
376
|
+
"Brand3200A": "var(--ax-brand-3-200A)",
|
|
377
|
+
"Brand3300A": "var(--ax-brand-3-300A)",
|
|
378
|
+
"Brand3400A": "var(--ax-brand-3-400A)",
|
|
379
|
+
"Meta1100": "var(--ax-meta-1-100)",
|
|
380
|
+
"Meta1200": "var(--ax-meta-1-200)",
|
|
381
|
+
"Meta1300": "var(--ax-meta-1-300)",
|
|
382
|
+
"Meta1400": "var(--ax-meta-1-400)",
|
|
383
|
+
"Meta1500": "var(--ax-meta-1-500)",
|
|
384
|
+
"Meta1600": "var(--ax-meta-1-600)",
|
|
385
|
+
"Meta1700": "var(--ax-meta-1-700)",
|
|
386
|
+
"Meta1800": "var(--ax-meta-1-800)",
|
|
387
|
+
"Meta1900": "var(--ax-meta-1-900)",
|
|
388
|
+
"Meta11000": "var(--ax-meta-1-1000)",
|
|
389
|
+
"Meta1100A": "var(--ax-meta-1-100A)",
|
|
390
|
+
"Meta1200A": "var(--ax-meta-1-200A)",
|
|
391
|
+
"Meta1300A": "var(--ax-meta-1-300A)",
|
|
392
|
+
"Meta1400A": "var(--ax-meta-1-400A)",
|
|
393
|
+
"Meta2100": "var(--ax-meta-2-100)",
|
|
394
|
+
"Meta2200": "var(--ax-meta-2-200)",
|
|
395
|
+
"Meta2300": "var(--ax-meta-2-300)",
|
|
396
|
+
"Meta2400": "var(--ax-meta-2-400)",
|
|
397
|
+
"Meta2500": "var(--ax-meta-2-500)",
|
|
398
|
+
"Meta2600": "var(--ax-meta-2-600)",
|
|
399
|
+
"Meta2700": "var(--ax-meta-2-700)",
|
|
400
|
+
"Meta2800": "var(--ax-meta-2-800)",
|
|
401
|
+
"Meta2900": "var(--ax-meta-2-900)",
|
|
402
|
+
"Meta21000": "var(--ax-meta-2-1000)",
|
|
403
|
+
"Meta2100A": "var(--ax-meta-2-100A)",
|
|
404
|
+
"Meta2200A": "var(--ax-meta-2-200A)",
|
|
405
|
+
"Meta2300A": "var(--ax-meta-2-300A)",
|
|
406
|
+
"Meta2400A": "var(--ax-meta-2-400A)",
|
|
416
407
|
"Space0": "var(--ax-space-0)",
|
|
417
408
|
"Space1": "var(--ax-space-1)",
|
|
418
409
|
"Space2": "var(--ax-space-2)",
|