@navikt/ds-tokens 7.0.1 → 7.1.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.
Files changed (8) hide show
  1. package/dist/darkside/dark-tokens.css +77 -87
  2. package/dist/darkside/light-tokens.css +165 -193
  3. package/dist/darkside/tokens-cjs.js +1 -29
  4. package/dist/darkside/tokens.css +242 -280
  5. package/dist/darkside/tokens.d.ts +0 -28
  6. package/dist/darkside/tokens.js +0 -28
  7. package/dist/tokens.css +1 -1
  8. package/package.json +1 -1
package/dist/darkside/tokens.css CHANGED
@@ -1,127 +1,116 @@
1
1
  :root, :host, .light, .light-theme {
2
- --a-data-three-1000: #3c2000;
3
- --a-data-three-900: #6e5300;
4
- --a-data-three-800: #7d6300;
5
- --a-data-three-700: #896e00;
6
- --a-data-three-600: #947900;
7
- --a-data-three-500: #a28700;
8
- --a-data-three-400: #edd247;
9
- --a-data-three-300: #fee35b;
10
- --a-data-three-200: #ffefa2;
11
- --a-data-three-100: #fff6c9;
12
2
  --a-data-two-1000: #2a2800;
13
- --a-data-two-900: #575b00;
14
- --a-data-two-800: #656b00;
15
- --a-data-two-700: #707600;
16
- --a-data-two-600: #7a8100;
3
+ --a-data-two-900: #515400;
4
+ --a-data-two-800: #5c6100;
5
+ --a-data-two-700: #646900;
6
+ --a-data-two-600: #757c00;
17
7
  --a-data-two-500: #878f00;
18
8
  --a-data-two-400: #d0dc00;
19
9
  --a-data-two-300: #e0ec6b;
20
10
  --a-data-two-200: #ebf4a9;
21
11
  --a-data-two-100: #f4f9d1;
22
12
  --a-data-one-1000: #331a4d;
23
- --a-data-one-900: #654c83;
24
- --a-data-one-800: #735b93;
25
- --a-data-one-700: #7e669e;
26
- --a-data-one-600: #8972a8;
13
+ --a-data-one-900: #5e467c;
14
+ --a-data-one-800: #6a5289;
15
+ --a-data-one-700: #725a91;
16
+ --a-data-one-600: #846ca4;
27
17
  --a-data-one-500: #9580b1;
28
18
  --a-data-one-400: #d7cfe3;
29
19
  --a-data-one-300: #e6e1ed;
30
20
  --a-data-one-200: #f0edf4;
31
21
  --a-data-one-100: #f7f5f9;
32
22
  --a-brand-three-1000: #002942;
33
- --a-brand-three-900: #065d84;
34
- --a-brand-three-800: #276c92;
35
- --a-brand-three-700: #38779b;
36
- --a-brand-three-600: #4982a4;
23
+ --a-brand-three-900: #00557d;
24
+ --a-brand-three-800: #156389;
25
+ --a-brand-three-700: #246b91;
26
+ --a-brand-three-600: #417da0;
37
27
  --a-brand-three-500: #5a8fae;
38
28
  --a-brand-three-400: #c0d6e4;
39
29
  --a-brand-three-300: #d7e6f0;
40
30
  --a-brand-three-200: #e3eff7;
41
31
  --a-brand-three-100: #eef6fc;
42
- --a-brand-two-1000: #401c17;
43
- --a-brand-two-900: #86443b;
44
- --a-brand-two-800: #9a5147;
45
- --a-brand-two-700: #a95b4f;
46
- --a-brand-two-600: #b76558;
47
- --a-brand-two-500: #c87163;
48
- --a-brand-two-400: #fac8b3;
49
- --a-brand-two-300: #fcdccd;
50
- --a-brand-two-200: #fdeae0;
51
- --a-brand-two-100: #fff3ed;
32
+ --a-brand-two-1000: #3c1f15;
33
+ --a-brand-two-900: #764332;
34
+ --a-brand-two-800: #874e3b;
35
+ --a-brand-two-700: #915541;
36
+ --a-brand-two-600: #a9654e;
37
+ --a-brand-two-500: #c0765d;
38
+ --a-brand-two-400: #f8c8b1;
39
+ --a-brand-two-300: #fcddcd;
40
+ --a-brand-two-200: #fdebe0;
41
+ --a-brand-two-100: #fff4ee;
52
42
  --a-brand-one-1000: #52002b;
53
- --a-brand-one-900: #9e2664;
54
- --a-brand-one-800: #a93f71;
55
- --a-brand-one-700: #b24f7c;
56
- --a-brand-one-600: #b95e86;
43
+ --a-brand-one-900: #98185d;
44
+ --a-brand-one-800: #a33069;
45
+ --a-brand-one-700: #a93d70;
46
+ --a-brand-one-600: #b65781;
57
47
  --a-brand-one-500: #c26f92;
58
48
  --a-brand-one-400: #eccad6;
59
49
  --a-brand-one-300: #f3dde5;
60
50
  --a-brand-one-200: #f8eaef;
61
51
  --a-brand-one-100: #fbf3f6;
62
- --a-info-1000: #002b35;
63
- --a-info-900: #225e6c;
64
- --a-info-800: #2b6e7e;
65
- --a-info-700: #327a8c;
66
- --a-info-600: #3a8599;
67
- --a-info-500: #4293a9;
68
- --a-info-400: #97ddf1;
69
- --a-info-300: #bcebf6;
70
- --a-info-200: #d1f3fa;
71
- --a-info-100: #e6fafe;
52
+ --a-info-1000: #002942;
53
+ --a-info-900: #00557d;
54
+ --a-info-800: #156389;
55
+ --a-info-700: #246b91;
56
+ --a-info-600: #417da0;
57
+ --a-info-500: #5a8fae;
58
+ --a-info-400: #c0d6e4;
59
+ --a-info-300: #d7e6f0;
60
+ --a-info-200: #e3eff7;
61
+ --a-info-100: #eef6fc;
72
62
  --a-danger-1000: #560000;
73
- --a-danger-900: #b2001d;
74
- --a-danger-800: #cd0033;
75
- --a-danger-700: #db1e3e;
76
- --a-danger-600: #e93148;
77
- --a-danger-500: #f94356;
63
+ --a-danger-900: #a60000;
64
+ --a-danger-800: #bd0015;
65
+ --a-danger-700: #cc0023;
66
+ --a-danger-600: #e81c3b;
67
+ --a-danger-500: #fa4256;
78
68
  --a-danger-400: #ffc2d7;
79
69
  --a-danger-300: #ffdae6;
80
70
  --a-danger-200: #ffe9f0;
81
71
  --a-danger-100: #fff3f7;
82
- --a-warning-1000: #3d1f00;
83
- --a-warning-900: #824900;
84
- --a-warning-800: #975600;
85
- --a-warning-700: #a65f00;
86
- --a-warning-600: #b66900;
87
- --a-warning-500: #c97400;
88
- --a-warning-400: #ffcb63;
89
- --a-warning-300: #ffdfa2;
90
- --a-warning-200: #ffeccb;
91
- --a-warning-100: #fff5e6;
92
- --a-success-1000: #002e0f;
93
- --a-success-900: #00643f;
94
- --a-success-800: #00754e;
95
- --a-success-700: #008159;
96
- --a-success-600: #008d65;
97
- --a-success-500: #159b72;
98
- --a-success-400: #abdebd;
99
- --a-success-300: #c6edd1;
100
- --a-success-200: #d6f6dd;
101
- --a-success-100: #e3fde8;
102
- --a-accent-1000: #001280;
103
- --a-accent-900: #0051bc;
104
- --a-accent-800: #0063ce;
105
- --a-accent-700: #006fdb;
106
- --a-accent-600: #007be8;
107
- --a-accent-500: #008af9;
108
- --a-accent-400: #b0d7ff;
109
- --a-accent-300: #cee6ff;
110
- --a-accent-200: #e1f0ff;
111
- --a-accent-100: #edf6ff;
72
+ --a-warning-1000: #481700;
73
+ --a-warning-900: #8c3500;
74
+ --a-warning-800: #a03e00;
75
+ --a-warning-700: #ac4400;
76
+ --a-warning-600: #c95100;
77
+ --a-warning-500: #e75e01;
78
+ --a-warning-400: #ffcb6f;
79
+ --a-warning-300: #ffdea5;
80
+ --a-warning-200: #ffebc7;
81
+ --a-warning-100: #fff5e4;
82
+ --a-success-1000: #002e00;
83
+ --a-success-900: #005e0f;
84
+ --a-success-800: #006c1f;
85
+ --a-success-700: #007629;
86
+ --a-success-600: #00893c;
87
+ --a-success-500: #199d4f;
88
+ --a-success-400: #a8dfb4;
89
+ --a-success-300: #c4edcd;
90
+ --a-success-200: #d5f6db;
91
+ --a-success-100: #e2fde8;
92
+ --a-accent-1000: #002459;
93
+ --a-accent-900: #004ea3;
94
+ --a-accent-800: #005bb6;
95
+ --a-accent-700: #0063c1;
96
+ --a-accent-600: #2277d5;
97
+ --a-accent-500: #428ae3;
98
+ --a-accent-400: #bad5fb;
99
+ --a-accent-300: #d4e5fd;
100
+ --a-accent-200: #e4eeff;
101
+ --a-accent-100: #f1f7ff;
112
102
  --a-neutral-000: white;
113
103
  --a-neutral-1000: #202733;
114
- --a-neutral-900: #4f5864;
115
- --a-neutral-800: #5e6674;
116
- --a-neutral-700: #69717f;
117
- --a-neutral-600: #747c8a;
104
+ --a-neutral-900: #49515e;
105
+ --a-neutral-800: #555d6a;
106
+ --a-neutral-700: #5d6573;
107
+ --a-neutral-600: #6f7785;
118
108
  --a-neutral-500: #818997;
119
109
  --a-neutral-400: #cfd3d8;
120
110
  --a-neutral-300: #e1e3e7;
121
111
  --a-neutral-200: #ecedef;
122
112
  --a-neutral-100: #f5f6f7;
123
113
  --a-contrast-data-two: #fff;
124
- --a-contrast-data-three: #fff;
125
114
  --a-contrast-data-one: #fff;
126
115
  --a-contrast-brand-three: #fff;
127
116
  --a-contrast-brand-two: #fff;
@@ -134,105 +123,88 @@
134
123
  --a-contrast-accent: #fff;
135
124
  --a-bg-overlay: #021431;
136
125
  --a-border-focus: var(--a-accent-700);
137
- --a-border-strong: var(--a-neutral-600);
126
+ --a-border-strong: var(--a-neutral-700);
138
127
  --a-border-subtle: var(--a-neutral-400);
139
- --a-border-default: var(--a-neutral-500);
140
- --a-border-data-three-strong: var(--a-data-three-600);
141
- --a-border-data-three-subtle: var(--a-data-three-400);
142
- --a-border-data-three: var(--a-data-three-500);
143
- --a-border-data-two-strong: var(--a-data-two-600);
128
+ --a-border-default: var(--a-neutral-600);
129
+ --a-border-data-two-strong: var(--a-data-two-700);
144
130
  --a-border-data-two-subtle: var(--a-data-two-400);
145
- --a-border-data-two: var(--a-data-two-500);
146
- --a-border-data-one-strong: var(--a-data-one-600);
131
+ --a-border-data-two: var(--a-data-two-600);
132
+ --a-border-data-one-strong: var(--a-data-one-700);
147
133
  --a-border-data-one-subtle: var(--a-data-one-400);
148
- --a-border-data-one: var(--a-data-one-500);
149
- --a-border-brand-three-strong: var(--a-brand-three-600);
134
+ --a-border-data-one: var(--a-data-one-600);
135
+ --a-border-brand-three-strong: var(--a-brand-three-700);
150
136
  --a-border-brand-three-subtle: var(--a-brand-three-400);
151
- --a-border-brand-three: var(--a-brand-three-500);
152
- --a-border-brand-two-strong: var(--a-brand-two-600);
137
+ --a-border-brand-three: var(--a-brand-three-600);
138
+ --a-border-brand-two-strong: var(--a-brand-two-700);
153
139
  --a-border-brand-two-subtle: var(--a-brand-two-400);
154
- --a-border-brand-two: var(--a-brand-two-500);
155
- --a-border-brand-one-strong: var(--a-brand-one-600);
140
+ --a-border-brand-two: var(--a-brand-two-600);
141
+ --a-border-brand-one-strong: var(--a-brand-one-700);
156
142
  --a-border-brand-one-subtle: var(--a-brand-one-400);
157
- --a-border-brand-one: var(--a-brand-one-500);
158
- --a-border-info-strong: var(--a-info-600);
143
+ --a-border-brand-one: var(--a-brand-one-600);
144
+ --a-border-info-strong: var(--a-info-700);
159
145
  --a-border-info-subtle: var(--a-info-400);
160
- --a-border-info: var(--a-info-500);
161
- --a-border-danger-strong: var(--a-danger-600);
146
+ --a-border-info: var(--a-info-600);
147
+ --a-border-danger-strong: var(--a-danger-700);
162
148
  --a-border-danger-subtle: var(--a-danger-400);
163
- --a-border-danger: var(--a-danger-500);
164
- --a-border-warning-strong: var(--a-warning-600);
149
+ --a-border-danger: var(--a-danger-600);
150
+ --a-border-warning-strong: var(--a-warning-700);
165
151
  --a-border-warning-subtle: var(--a-warning-400);
166
- --a-border-warning: var(--a-warning-500);
167
- --a-border-success-strong: var(--a-success-600);
152
+ --a-border-warning: var(--a-warning-600);
153
+ --a-border-success-strong: var(--a-success-700);
168
154
  --a-border-success-subtle: var(--a-success-400);
169
- --a-border-success: var(--a-success-500);
170
- --a-border-accent-strong: var(--a-accent-600);
155
+ --a-border-success: var(--a-success-600);
156
+ --a-border-accent-strong: var(--a-accent-700);
171
157
  --a-border-accent-subtle: var(--a-accent-400);
172
- --a-border-accent: var(--a-accent-500);
173
- --a-border-neutral-strong: var(--a-neutral-600);
158
+ --a-border-accent: var(--a-accent-600);
159
+ --a-border-neutral-strong: var(--a-neutral-700);
174
160
  --a-border-neutral-subtle: var(--a-neutral-400);
175
- --a-border-neutral: var(--a-neutral-500);
161
+ --a-border-neutral: var(--a-neutral-600);
176
162
  --a-text-icon: var(--a-neutral-600);
177
163
  --a-text-subtle: var(--a-neutral-900);
178
164
  --a-text-default: var(--a-neutral-1000);
179
- --a-text-data-three-icon: var(--a-data-three-600);
180
- --a-text-data-three-subtle: var(--a-data-three-900);
181
- --a-text-data-three: var(--a-data-three-1000);
182
165
  --a-text-data-two-icon: var(--a-data-two-600);
183
- --a-text-data-two-subtle: var(--a-data-two-900);
184
- --a-text-data-two: var(--a-data-two-1000);
166
+ --a-text-data-two-subtle: var(--a-data-two-700);
167
+ --a-text-data-two: var(--a-data-two-900);
185
168
  --a-text-data-one-icon: var(--a-data-one-600);
186
- --a-text-data-one-subtle: var(--a-data-one-900);
187
- --a-text-data-one: var(--a-data-one-1000);
169
+ --a-text-data-one-subtle: var(--a-data-one-700);
170
+ --a-text-data-one: var(--a-data-one-900);
188
171
  --a-text-brand-three-icon: var(--a-brand-three-600);
189
- --a-text-brand-three-subtle: var(--a-brand-three-900);
190
- --a-text-brand-three: var(--a-brand-three-1000);
172
+ --a-text-brand-three-subtle: var(--a-brand-three-700);
173
+ --a-text-brand-three: var(--a-brand-three-900);
191
174
  --a-text-brand-two-icon: var(--a-brand-two-600);
192
- --a-text-brand-two-subtle: var(--a-brand-two-900);
193
- --a-text-brand-two: var(--a-brand-two-1000);
175
+ --a-text-brand-two-subtle: var(--a-brand-two-700);
176
+ --a-text-brand-two: var(--a-brand-two-900);
194
177
  --a-text-brand-one-icon: var(--a-brand-one-600);
195
- --a-text-brand-one-subtle: var(--a-brand-one-900);
196
- --a-text-brand-one: var(--a-brand-one-1000);
178
+ --a-text-brand-one-subtle: var(--a-brand-one-700);
179
+ --a-text-brand-one: var(--a-brand-one-900);
197
180
  --a-text-info-icon: var(--a-info-600);
198
- --a-text-info-subtle: var(--a-info-900);
199
- --a-text-info: var(--a-info-1000);
181
+ --a-text-info-subtle: var(--a-info-700);
182
+ --a-text-info: var(--a-info-900);
200
183
  --a-text-danger-icon: var(--a-danger-600);
201
- --a-text-danger-subtle: var(--a-danger-900);
202
- --a-text-danger: var(--a-danger-1000);
184
+ --a-text-danger-subtle: var(--a-danger-700);
185
+ --a-text-danger: var(--a-danger-900);
203
186
  --a-text-warning-icon: var(--a-warning-600);
204
- --a-text-warning-subtle: var(--a-warning-900);
205
- --a-text-warning: var(--a-warning-1000);
187
+ --a-text-warning-subtle: var(--a-warning-700);
188
+ --a-text-warning: var(--a-warning-900);
206
189
  --a-text-success-icon: var(--a-success-600);
207
- --a-text-success-subtle: var(--a-success-900);
208
- --a-text-success: var(--a-success-1000);
190
+ --a-text-success-subtle: var(--a-success-700);
191
+ --a-text-success: var(--a-success-900);
209
192
  --a-text-accent-icon: var(--a-accent-600);
210
- --a-text-accent-subtle: var(--a-accent-900);
211
- --a-text-accent: var(--a-accent-1000);
193
+ --a-text-accent-subtle: var(--a-accent-700);
194
+ --a-text-accent: var(--a-accent-900);
212
195
  --a-text-neutral-icon: var(--a-neutral-600);
213
- --a-text-neutral-subtle: var(--a-neutral-900);
214
- --a-text-neutral: var(--a-neutral-1000);
196
+ --a-text-neutral-subtle: var(--a-neutral-700);
197
+ --a-text-neutral: var(--a-neutral-900);
215
198
  --a-bg-sunken: var(--a-neutral-200);
216
199
  --a-bg-raised: var(--a-neutral-000);
217
200
  --a-bg-input: var(--a-neutral-000);
218
201
  --a-bg-default: var(--a-neutral-000);
219
- --a-bg-data-three-raised-hover: var(--a-data-three-200);
220
- --a-bg-data-three-raised: var(--a-data-three-100);
221
- --a-bg-data-three-strong-active: var(--a-data-three-900);
222
- --a-bg-data-three-strong-hover: var(--a-data-three-800);
223
- --a-bg-data-three-strong: var(--a-data-three-700);
224
- --a-bg-data-three-moderate-selected: var(--a-data-three-700);
225
- --a-bg-data-three-moderate-active: var(--a-data-three-400);
226
- --a-bg-data-three-moderate-hover: var(--a-data-three-300);
227
- --a-bg-data-three-moderate: var(--a-data-three-200);
228
- --a-bg-data-three-hover: var(--a-data-three-200);
229
- --a-bg-data-three: var(--a-data-three-100);
230
202
  --a-bg-data-two-raised-hover: var(--a-data-two-200);
231
203
  --a-bg-data-two-raised: var(--a-data-two-100);
232
- --a-bg-data-two-strong-active: var(--a-data-two-900);
233
- --a-bg-data-two-strong-hover: var(--a-data-two-800);
234
- --a-bg-data-two-strong: var(--a-data-two-700);
235
- --a-bg-data-two-moderate-selected: var(--a-data-two-700);
204
+ --a-bg-data-two-strong-active: var(--a-data-two-800);
205
+ --a-bg-data-two-strong-hover: var(--a-data-two-700);
206
+ --a-bg-data-two-strong: var(--a-data-two-600);
207
+ --a-bg-data-two-moderate-selected: var(--a-data-two-600);
236
208
  --a-bg-data-two-moderate-active: var(--a-data-two-400);
237
209
  --a-bg-data-two-moderate-hover: var(--a-data-two-300);
238
210
  --a-bg-data-two-moderate: var(--a-data-two-200);
@@ -240,10 +212,10 @@
240
212
  --a-bg-data-two: var(--a-data-two-100);
241
213
  --a-bg-data-one-raised-hover: var(--a-data-one-200);
242
214
  --a-bg-data-one-raised: var(--a-data-one-100);
243
- --a-bg-data-one-strong-active: var(--a-data-one-900);
244
- --a-bg-data-one-strong-hover: var(--a-data-one-800);
245
- --a-bg-data-one-strong: var(--a-data-one-700);
246
- --a-bg-data-one-moderate-selected: var(--a-data-one-700);
215
+ --a-bg-data-one-strong-active: var(--a-data-one-800);
216
+ --a-bg-data-one-strong-hover: var(--a-data-one-700);
217
+ --a-bg-data-one-strong: var(--a-data-one-600);
218
+ --a-bg-data-one-moderate-selected: var(--a-data-one-600);
247
219
  --a-bg-data-one-moderate-active: var(--a-data-one-400);
248
220
  --a-bg-data-one-moderate-hover: var(--a-data-one-300);
249
221
  --a-bg-data-one-moderate: var(--a-data-one-200);
@@ -251,10 +223,10 @@
251
223
  --a-bg-data-one: var(--a-data-one-100);
252
224
  --a-bg-brand-three-raised-hover: var(--a-brand-three-200);
253
225
  --a-bg-brand-three-raised: var(--a-brand-three-100);
254
- --a-bg-brand-three-strong-active: var(--a-brand-three-900);
255
- --a-bg-brand-three-strong-hover: var(--a-brand-three-800);
256
- --a-bg-brand-three-strong: var(--a-brand-three-700);
257
- --a-bg-brand-three-moderate-selected: var(--a-brand-three-700);
226
+ --a-bg-brand-three-strong-active: var(--a-brand-three-800);
227
+ --a-bg-brand-three-strong-hover: var(--a-brand-three-700);
228
+ --a-bg-brand-three-strong: var(--a-brand-three-600);
229
+ --a-bg-brand-three-moderate-selected: var(--a-brand-three-600);
258
230
  --a-bg-brand-three-moderate-active: var(--a-brand-three-400);
259
231
  --a-bg-brand-three-moderate-hover: var(--a-brand-three-300);
260
232
  --a-bg-brand-three-moderate: var(--a-brand-three-200);
@@ -262,10 +234,10 @@
262
234
  --a-bg-brand-three: var(--a-brand-three-100);
263
235
  --a-bg-brand-two-raised-hover: var(--a-brand-two-200);
264
236
  --a-bg-brand-two-raised: var(--a-brand-two-100);
265
- --a-bg-brand-two-strong-active: var(--a-brand-two-900);
266
- --a-bg-brand-two-strong-hover: var(--a-brand-two-800);
267
- --a-bg-brand-two-strong: var(--a-brand-two-700);
268
- --a-bg-brand-two-moderate-selected: var(--a-brand-two-700);
237
+ --a-bg-brand-two-strong-active: var(--a-brand-two-800);
238
+ --a-bg-brand-two-strong-hover: var(--a-brand-two-700);
239
+ --a-bg-brand-two-strong: var(--a-brand-two-600);
240
+ --a-bg-brand-two-moderate-selected: var(--a-brand-two-600);
269
241
  --a-bg-brand-two-moderate-active: var(--a-brand-two-400);
270
242
  --a-bg-brand-two-moderate-hover: var(--a-brand-two-300);
271
243
  --a-bg-brand-two-moderate: var(--a-brand-two-200);
@@ -273,10 +245,10 @@
273
245
  --a-bg-brand-two: var(--a-brand-two-100);
274
246
  --a-bg-brand-one-raised-hover: var(--a-brand-one-200);
275
247
  --a-bg-brand-one-raised: var(--a-brand-one-100);
276
- --a-bg-brand-one-strong-active: var(--a-brand-one-900);
277
- --a-bg-brand-one-strong-hover: var(--a-brand-one-800);
278
- --a-bg-brand-one-strong: var(--a-brand-one-700);
279
- --a-bg-brand-one-moderate-selected: var(--a-brand-one-700);
248
+ --a-bg-brand-one-strong-active: var(--a-brand-one-800);
249
+ --a-bg-brand-one-strong-hover: var(--a-brand-one-700);
250
+ --a-bg-brand-one-strong: var(--a-brand-one-600);
251
+ --a-bg-brand-one-moderate-selected: var(--a-brand-one-600);
280
252
  --a-bg-brand-one-moderate-active: var(--a-brand-one-400);
281
253
  --a-bg-brand-one-moderate-hover: var(--a-brand-one-300);
282
254
  --a-bg-brand-one-moderate: var(--a-brand-one-200);
@@ -284,10 +256,10 @@
284
256
  --a-bg-brand-one: var(--a-brand-one-100);
285
257
  --a-bg-info-raised-hover: var(--a-info-200);
286
258
  --a-bg-info-raised: var(--a-info-100);
287
- --a-bg-info-strong-active: var(--a-info-900);
288
- --a-bg-info-strong-hover: var(--a-info-800);
289
- --a-bg-info-strong: var(--a-info-700);
290
- --a-bg-info-moderate-selected: var(--a-info-700);
259
+ --a-bg-info-strong-active: var(--a-info-800);
260
+ --a-bg-info-strong-hover: var(--a-info-700);
261
+ --a-bg-info-strong: var(--a-info-600);
262
+ --a-bg-info-moderate-selected: var(--a-info-600);
291
263
  --a-bg-info-moderate-active: var(--a-info-400);
292
264
  --a-bg-info-moderate-hover: var(--a-info-300);
293
265
  --a-bg-info-moderate: var(--a-info-200);
@@ -295,10 +267,10 @@
295
267
  --a-bg-info: var(--a-info-100);
296
268
  --a-bg-danger-raised-hover: var(--a-danger-200);
297
269
  --a-bg-danger-raised: var(--a-danger-100);
298
- --a-bg-danger-strong-active: var(--a-danger-900);
299
- --a-bg-danger-strong-hover: var(--a-danger-800);
300
- --a-bg-danger-strong: var(--a-danger-700);
301
- --a-bg-danger-moderate-selected: var(--a-danger-700);
270
+ --a-bg-danger-strong-active: var(--a-danger-800);
271
+ --a-bg-danger-strong-hover: var(--a-danger-700);
272
+ --a-bg-danger-strong: var(--a-danger-600);
273
+ --a-bg-danger-moderate-selected: var(--a-danger-600);
302
274
  --a-bg-danger-moderate-active: var(--a-danger-400);
303
275
  --a-bg-danger-moderate-hover: var(--a-danger-300);
304
276
  --a-bg-danger-moderate: var(--a-danger-200);
@@ -306,10 +278,10 @@
306
278
  --a-bg-danger: var(--a-danger-100);
307
279
  --a-bg-warning-raised-hover: var(--a-warning-200);
308
280
  --a-bg-warning-raised: var(--a-warning-100);
309
- --a-bg-warning-strong-active: var(--a-warning-900);
310
- --a-bg-warning-strong-hover: var(--a-warning-800);
311
- --a-bg-warning-strong: var(--a-warning-700);
312
- --a-bg-warning-moderate-selected: var(--a-warning-700);
281
+ --a-bg-warning-strong-active: var(--a-warning-800);
282
+ --a-bg-warning-strong-hover: var(--a-warning-700);
283
+ --a-bg-warning-strong: var(--a-warning-600);
284
+ --a-bg-warning-moderate-selected: var(--a-warning-600);
313
285
  --a-bg-warning-moderate-active: var(--a-warning-400);
314
286
  --a-bg-warning-moderate-hover: var(--a-warning-300);
315
287
  --a-bg-warning-moderate: var(--a-warning-200);
@@ -317,10 +289,10 @@
317
289
  --a-bg-warning: var(--a-warning-100);
318
290
  --a-bg-success-raised-hover: var(--a-success-200);
319
291
  --a-bg-success-raised: var(--a-success-100);
320
- --a-bg-success-strong-active: var(--a-success-900);
321
- --a-bg-success-strong-hover: var(--a-success-800);
322
- --a-bg-success-strong: var(--a-success-700);
323
- --a-bg-success-moderate-selected: var(--a-success-700);
292
+ --a-bg-success-strong-active: var(--a-success-800);
293
+ --a-bg-success-strong-hover: var(--a-success-700);
294
+ --a-bg-success-strong: var(--a-success-600);
295
+ --a-bg-success-moderate-selected: var(--a-success-600);
324
296
  --a-bg-success-moderate-active: var(--a-success-400);
325
297
  --a-bg-success-moderate-hover: var(--a-success-300);
326
298
  --a-bg-success-moderate: var(--a-success-200);
@@ -328,10 +300,10 @@
328
300
  --a-bg-success: var(--a-success-100);
329
301
  --a-bg-accent-raised-hover: var(--a-accent-200);
330
302
  --a-bg-accent-raised: var(--a-accent-100);
331
- --a-bg-accent-strong-active: var(--a-accent-900);
332
- --a-bg-accent-strong-hover: var(--a-accent-800);
333
- --a-bg-accent-strong: var(--a-accent-700);
334
- --a-bg-accent-moderate-selected: var(--a-accent-700);
303
+ --a-bg-accent-strong-active: var(--a-accent-800);
304
+ --a-bg-accent-strong-hover: var(--a-accent-700);
305
+ --a-bg-accent-strong: var(--a-accent-600);
306
+ --a-bg-accent-moderate-selected: var(--a-accent-600);
335
307
  --a-bg-accent-moderate-active: var(--a-accent-400);
336
308
  --a-bg-accent-moderate-hover: var(--a-accent-300);
337
309
  --a-bg-accent-moderate: var(--a-accent-200);
@@ -339,10 +311,10 @@
339
311
  --a-bg-accent: var(--a-accent-100);
340
312
  --a-bg-neutral-raised-hover: var(--a-neutral-200);
341
313
  --a-bg-neutral-raised: var(--a-neutral-100);
342
- --a-bg-neutral-strong-active: var(--a-neutral-900);
343
- --a-bg-neutral-strong-hover: var(--a-neutral-800);
344
- --a-bg-neutral-strong: var(--a-neutral-700);
345
- --a-bg-neutral-moderate-selected: var(--a-neutral-700);
314
+ --a-bg-neutral-strong-active: var(--a-neutral-800);
315
+ --a-bg-neutral-strong-hover: var(--a-neutral-700);
316
+ --a-bg-neutral-strong: var(--a-neutral-600);
317
+ --a-bg-neutral-moderate-selected: var(--a-neutral-600);
346
318
  --a-bg-neutral-moderate-active: var(--a-neutral-400);
347
319
  --a-bg-neutral-moderate-hover: var(--a-neutral-300);
348
320
  --a-bg-neutral-moderate: var(--a-neutral-200);
@@ -351,122 +323,112 @@
351
323
  }
352
324
 
353
325
  .dark, .dark-theme {
354
- --a-data-three-1000: #f4da50;
355
- --a-data-three-900: #b09600;
356
- --a-data-three-800: #9e8400;
357
- --a-data-three-700: #927700;
358
- --a-data-three-600: #876c00;
359
- --a-data-three-500: #7a6000;
360
- --a-data-three-400: #412600;
361
- --a-data-three-300: #341900;
362
- --a-data-three-200: #2b0f00;
363
- --a-data-three-100: #200500;
364
326
  --a-data-two-1000: #d7e419;
365
- --a-data-two-900: #959e00;
366
- --a-data-two-800: #848c00;
367
- --a-data-two-700: #788000;
368
- --a-data-two-600: #6e7500;
327
+ --a-data-two-900: #9da800;
328
+ --a-data-two-800: #8e9700;
329
+ --a-data-two-700: #858d00;
330
+ --a-data-two-600: #727a00;
369
331
  --a-data-two-500: #626800;
370
332
  --a-data-two-400: #2f2e00;
371
333
  --a-data-two-300: #232000;
372
334
  --a-data-two-200: #1b1700;
373
335
  --a-data-two-100: #120d00;
374
336
  --a-data-one-1000: #ded7e8;
375
- --a-data-one-900: #a28fbb;
376
- --a-data-one-800: #927caf;
377
- --a-data-one-700: #8770a6;
378
- --a-data-one-600: #7d649d;
337
+ --a-data-one-900: #a999c1;
338
+ --a-data-one-800: #9c88b6;
339
+ --a-data-one-700: #937eb0;
340
+ --a-data-one-600: #8269a2;
379
341
  --a-data-one-500: #715890;
380
342
  --a-data-one-400: #382053;
381
343
  --a-data-one-300: #2c1244;
382
344
  --a-data-one-200: #23093b;
383
345
  --a-data-one-100: #19002e;
384
346
  --a-brand-three-1000: #c9dde9;
385
- --a-brand-three-900: #6f9db9;
386
- --a-brand-three-800: #578cac;
387
- --a-brand-three-700: #4580a2;
388
- --a-brand-three-600: #357699;
347
+ --a-brand-three-900: #7ba5c0;
348
+ --a-brand-three-800: #6596b4;
349
+ --a-brand-three-700: #588dad;
350
+ --a-brand-three-600: #3d7a9d;
389
351
  --a-brand-three-500: #21698f;
390
352
  --a-brand-three-400: #002f4a;
391
353
  --a-brand-three-300: #002238;
392
354
  --a-brand-three-200: #00192a;
393
355
  --a-brand-three-100: #000e1a;
394
- --a-brand-two-1000: #fbd1bf;
395
- --a-brand-two-900: #d7806f;
396
- --a-brand-two-800: #c46e60;
397
- --a-brand-two-700: #b56357;
398
- --a-brand-two-600: #a7594e;
399
- --a-brand-two-500: #964f44;
400
- --a-brand-two-400: #48211b;
401
- --a-brand-two-300: #351712;
402
- --a-brand-two-200: #270f0b;
403
- --a-brand-two-100: #1d0907;
356
+ --a-brand-two-1000: #fad1bd;
357
+ --a-brand-two-900: #d98d72;
358
+ --a-brand-two-800: #c97d64;
359
+ --a-brand-two-700: #be745c;
360
+ --a-brand-two-600: #a6634d;
361
+ --a-brand-two-500: #905340;
362
+ --a-brand-two-400: #442319;
363
+ --a-brand-two-300: #321910;
364
+ --a-brand-two-200: #25110a;
365
+ --a-brand-two-100: #1a0a06;
404
366
  --a-brand-one-1000: #efd3dd;
405
- --a-brand-one-900: #cb81a0;
406
- --a-brand-one-800: #c06b90;
407
- --a-brand-one-700: #b85c84;
408
- --a-brand-one-600: #b04d7a;
367
+ --a-brand-one-900: #d08ca8;
368
+ --a-brand-one-800: #c77899;
369
+ --a-brand-one-700: #c16d91;
370
+ --a-brand-one-600: #b4537f;
409
371
  --a-brand-one-500: #a73b6f;
410
372
  --a-brand-one-400: #5c0033;
411
373
  --a-brand-one-300: #470022;
412
374
  --a-brand-one-200: #350014;
413
375
  --a-brand-one-100: #27000b;
414
- --a-info-1000: #a8e4f3;
415
- --a-info-900: #4ca2bb;
416
- --a-info-800: #4090a5;
417
- --a-info-700: #388397;
418
- --a-info-600: #31788a;
419
- --a-info-500: #2a6b7b;
420
- --a-info-400: #00313a;
421
- --a-info-300: #00232d;
422
- --a-info-200: #001a24;
423
- --a-info-100: #001019;
376
+ --a-info-1000: #c9dde9;
377
+ --a-info-900: #7ba5c0;
378
+ --a-info-800: #6596b4;
379
+ --a-info-700: #588dad;
380
+ --a-info-600: #3d7a9d;
381
+ --a-info-500: #21698f;
382
+ --a-info-400: #002f4a;
383
+ --a-info-300: #002238;
384
+ --a-info-200: #00192a;
385
+ --a-info-100: #000e1a;
424
386
  --a-danger-1000: #ffcddd;
425
- --a-danger-900: #fd6278;
426
- --a-danger-800: #f63f52;
427
- --a-danger-700: #e72f47;
428
- --a-danger-600: #da1b3c;
429
- --a-danger-500: #c8002f;
430
- --a-danger-400: #600000;
387
+ --a-danger-900: #ff718a;
388
+ --a-danger-800: #fc5469;
389
+ --a-danger-700: #fa3d51;
390
+ --a-danger-600: #e51638;
391
+ --a-danger-500: #c90020;
392
+ --a-danger-400: #610000;
431
393
  --a-danger-300: #4a0000;
432
- --a-danger-200: #380000;
433
- --a-danger-100: #290000;
434
- --a-warning-1000: #ffd47d;
435
- --a-warning-900: #de8000;
436
- --a-warning-800: #c47100;
437
- --a-warning-700: #b46700;
438
- --a-warning-600: #a55e00;
439
- --a-warning-500: #935400;
440
- --a-warning-400: #442400;
441
- --a-warning-300: #341a00;
442
- --a-warning-200: #261100;
443
- --a-warning-100: #1b0b00;
444
- --a-success-1000: #b7e4c6;
445
- --a-success-900: #35aa80;
446
- --a-success-800: #0c986f;
447
- --a-success-700: #008b63;
448
- --a-success-600: #007f58;
449
- --a-success-500: #00724c;
450
- --a-success-400: #003414;
451
- --a-success-300: #002708;
452
- --a-success-200: #001b01;
394
+ --a-danger-200: #370000;
395
+ --a-danger-100: #240000;
396
+ --a-warning-1000: #ffd386;
397
+ --a-warning-900: #fb7c00;
398
+ --a-warning-800: #f26403;
399
+ --a-warning-700: #e45d01;
400
+ --a-warning-600: #c54f00;
401
+ --a-warning-500: #aa4300;
402
+ --a-warning-400: #511b00;
403
+ --a-warning-300: #3c1200;
404
+ --a-warning-200: #2e0c00;
405
+ --a-warning-100: #1e0600;
406
+ --a-success-1000: #b5e6c0;
407
+ --a-success-900: #4eb36d;
408
+ --a-success-800: #27a556;
409
+ --a-success-700: #169b4d;
410
+ --a-success-600: #008639;
411
+ --a-success-500: #007327;
412
+ --a-success-400: #003500;
413
+ --a-success-300: #002600;
414
+ --a-success-200: #001b00;
453
415
  --a-success-100: #001300;
454
- --a-accent-1000: #bdddff;
455
- --a-accent-900: #319aff;
456
- --a-accent-800: #0086f5;
457
- --a-accent-700: #0079e7;
458
- --a-accent-600: #006dd9;
459
- --a-accent-500: #005fcb;
460
- --a-accent-400: #001b87;
461
- --a-accent-300: #000478;
462
- --a-accent-200: #000060;
463
- --a-accent-100: #0e0038;
416
+ --a-accent-1000: #c5dbfc;
417
+ --a-accent-900: #67a2f0;
418
+ --a-accent-800: #4e92e8;
419
+ --a-accent-700: #3f88e2;
420
+ --a-accent-600: #1e74d3;
421
+ --a-accent-500: #0062bf;
422
+ --a-accent-400: #002a63;
423
+ --a-accent-300: #001e4b;
424
+ --a-accent-200: #001438;
425
+ --a-accent-100: #000c28;
464
426
  --a-neutral-000: black;
465
427
  --a-neutral-1000: #d7dadf;
466
- --a-neutral-900: #9098a4;
467
- --a-neutral-800: #7e8694;
468
- --a-neutral-700: #727b88;
469
- --a-neutral-600: #67707d;
428
+ --a-neutral-900: #99a0ac;
429
+ --a-neutral-800: #89919f;
430
+ --a-neutral-700: #7f8896;
431
+ --a-neutral-600: #6c7582;
470
432
  --a-neutral-500: #5b6471;
471
433
  --a-neutral-400: #252c38;
472
434
  --a-neutral-300: #19202b;