@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/light-tokens.css CHANGED
@@ -3,129 +3,118 @@
3
3
  */
4
4
 
5
5
  :root, :host, .light, .light-theme {
6
- --a-data-three-1000: #3c2000;
7
- --a-data-three-900: #6e5300;
8
- --a-data-three-800: #7d6300;
9
- --a-data-three-700: #896e00;
10
- --a-data-three-600: #947900;
11
- --a-data-three-500: #a28700;
12
- --a-data-three-400: #edd247;
13
- --a-data-three-300: #fee35b;
14
- --a-data-three-200: #ffefa2;
15
- --a-data-three-100: #fff6c9;
16
6
  --a-data-two-1000: #2a2800;
17
- --a-data-two-900: #575b00;
18
- --a-data-two-800: #656b00;
19
- --a-data-two-700: #707600;
20
- --a-data-two-600: #7a8100;
7
+ --a-data-two-900: #515400;
8
+ --a-data-two-800: #5c6100;
9
+ --a-data-two-700: #646900;
10
+ --a-data-two-600: #757c00;
21
11
  --a-data-two-500: #878f00;
22
12
  --a-data-two-400: #d0dc00;
23
13
  --a-data-two-300: #e0ec6b;
24
14
  --a-data-two-200: #ebf4a9;
25
15
  --a-data-two-100: #f4f9d1;
26
16
  --a-data-one-1000: #331a4d;
27
- --a-data-one-900: #654c83;
28
- --a-data-one-800: #735b93;
29
- --a-data-one-700: #7e669e;
30
- --a-data-one-600: #8972a8;
17
+ --a-data-one-900: #5e467c;
18
+ --a-data-one-800: #6a5289;
19
+ --a-data-one-700: #725a91;
20
+ --a-data-one-600: #846ca4;
31
21
  --a-data-one-500: #9580b1;
32
22
  --a-data-one-400: #d7cfe3;
33
23
  --a-data-one-300: #e6e1ed;
34
24
  --a-data-one-200: #f0edf4;
35
25
  --a-data-one-100: #f7f5f9;
36
26
  --a-brand-three-1000: #002942;
37
- --a-brand-three-900: #065d84;
38
- --a-brand-three-800: #276c92;
39
- --a-brand-three-700: #38779b;
40
- --a-brand-three-600: #4982a4;
27
+ --a-brand-three-900: #00557d;
28
+ --a-brand-three-800: #156389;
29
+ --a-brand-three-700: #246b91;
30
+ --a-brand-three-600: #417da0;
41
31
  --a-brand-three-500: #5a8fae;
42
32
  --a-brand-three-400: #c0d6e4;
43
33
  --a-brand-three-300: #d7e6f0;
44
34
  --a-brand-three-200: #e3eff7;
45
35
  --a-brand-three-100: #eef6fc;
46
- --a-brand-two-1000: #401c17;
47
- --a-brand-two-900: #86443b;
48
- --a-brand-two-800: #9a5147;
49
- --a-brand-two-700: #a95b4f;
50
- --a-brand-two-600: #b76558;
51
- --a-brand-two-500: #c87163;
52
- --a-brand-two-400: #fac8b3;
53
- --a-brand-two-300: #fcdccd;
54
- --a-brand-two-200: #fdeae0;
55
- --a-brand-two-100: #fff3ed;
36
+ --a-brand-two-1000: #3c1f15;
37
+ --a-brand-two-900: #764332;
38
+ --a-brand-two-800: #874e3b;
39
+ --a-brand-two-700: #915541;
40
+ --a-brand-two-600: #a9654e;
41
+ --a-brand-two-500: #c0765d;
42
+ --a-brand-two-400: #f8c8b1;
43
+ --a-brand-two-300: #fcddcd;
44
+ --a-brand-two-200: #fdebe0;
45
+ --a-brand-two-100: #fff4ee;
56
46
  --a-brand-one-1000: #52002b;
57
- --a-brand-one-900: #9e2664;
58
- --a-brand-one-800: #a93f71;
59
- --a-brand-one-700: #b24f7c;
60
- --a-brand-one-600: #b95e86;
47
+ --a-brand-one-900: #98185d;
48
+ --a-brand-one-800: #a33069;
49
+ --a-brand-one-700: #a93d70;
50
+ --a-brand-one-600: #b65781;
61
51
  --a-brand-one-500: #c26f92;
62
52
  --a-brand-one-400: #eccad6;
63
53
  --a-brand-one-300: #f3dde5;
64
54
  --a-brand-one-200: #f8eaef;
65
55
  --a-brand-one-100: #fbf3f6;
66
- --a-info-1000: #002b35;
67
- --a-info-900: #225e6c;
68
- --a-info-800: #2b6e7e;
69
- --a-info-700: #327a8c;
70
- --a-info-600: #3a8599;
71
- --a-info-500: #4293a9;
72
- --a-info-400: #97ddf1;
73
- --a-info-300: #bcebf6;
74
- --a-info-200: #d1f3fa;
75
- --a-info-100: #e6fafe;
56
+ --a-info-1000: #002942;
57
+ --a-info-900: #00557d;
58
+ --a-info-800: #156389;
59
+ --a-info-700: #246b91;
60
+ --a-info-600: #417da0;
61
+ --a-info-500: #5a8fae;
62
+ --a-info-400: #c0d6e4;
63
+ --a-info-300: #d7e6f0;
64
+ --a-info-200: #e3eff7;
65
+ --a-info-100: #eef6fc;
76
66
  --a-danger-1000: #560000;
77
- --a-danger-900: #b2001d;
78
- --a-danger-800: #cd0033;
79
- --a-danger-700: #db1e3e;
80
- --a-danger-600: #e93148;
81
- --a-danger-500: #f94356;
67
+ --a-danger-900: #a60000;
68
+ --a-danger-800: #bd0015;
69
+ --a-danger-700: #cc0023;
70
+ --a-danger-600: #e81c3b;
71
+ --a-danger-500: #fa4256;
82
72
  --a-danger-400: #ffc2d7;
83
73
  --a-danger-300: #ffdae6;
84
74
  --a-danger-200: #ffe9f0;
85
75
  --a-danger-100: #fff3f7;
86
- --a-warning-1000: #3d1f00;
87
- --a-warning-900: #824900;
88
- --a-warning-800: #975600;
89
- --a-warning-700: #a65f00;
90
- --a-warning-600: #b66900;
91
- --a-warning-500: #c97400;
92
- --a-warning-400: #ffcb63;
93
- --a-warning-300: #ffdfa2;
94
- --a-warning-200: #ffeccb;
95
- --a-warning-100: #fff5e6;
96
- --a-success-1000: #002e0f;
97
- --a-success-900: #00643f;
98
- --a-success-800: #00754e;
99
- --a-success-700: #008159;
100
- --a-success-600: #008d65;
101
- --a-success-500: #159b72;
102
- --a-success-400: #abdebd;
103
- --a-success-300: #c6edd1;
104
- --a-success-200: #d6f6dd;
105
- --a-success-100: #e3fde8;
106
- --a-accent-1000: #001280;
107
- --a-accent-900: #0051bc;
108
- --a-accent-800: #0063ce;
109
- --a-accent-700: #006fdb;
110
- --a-accent-600: #007be8;
111
- --a-accent-500: #008af9;
112
- --a-accent-400: #b0d7ff;
113
- --a-accent-300: #cee6ff;
114
- --a-accent-200: #e1f0ff;
115
- --a-accent-100: #edf6ff;
76
+ --a-warning-1000: #481700;
77
+ --a-warning-900: #8c3500;
78
+ --a-warning-800: #a03e00;
79
+ --a-warning-700: #ac4400;
80
+ --a-warning-600: #c95100;
81
+ --a-warning-500: #e75e01;
82
+ --a-warning-400: #ffcb6f;
83
+ --a-warning-300: #ffdea5;
84
+ --a-warning-200: #ffebc7;
85
+ --a-warning-100: #fff5e4;
86
+ --a-success-1000: #002e00;
87
+ --a-success-900: #005e0f;
88
+ --a-success-800: #006c1f;
89
+ --a-success-700: #007629;
90
+ --a-success-600: #00893c;
91
+ --a-success-500: #199d4f;
92
+ --a-success-400: #a8dfb4;
93
+ --a-success-300: #c4edcd;
94
+ --a-success-200: #d5f6db;
95
+ --a-success-100: #e2fde8;
96
+ --a-accent-1000: #002459;
97
+ --a-accent-900: #004ea3;
98
+ --a-accent-800: #005bb6;
99
+ --a-accent-700: #0063c1;
100
+ --a-accent-600: #2277d5;
101
+ --a-accent-500: #428ae3;
102
+ --a-accent-400: #bad5fb;
103
+ --a-accent-300: #d4e5fd;
104
+ --a-accent-200: #e4eeff;
105
+ --a-accent-100: #f1f7ff;
116
106
  --a-neutral-000: white;
117
107
  --a-neutral-1000: #202733;
118
- --a-neutral-900: #4f5864;
119
- --a-neutral-800: #5e6674;
120
- --a-neutral-700: #69717f;
121
- --a-neutral-600: #747c8a;
108
+ --a-neutral-900: #49515e;
109
+ --a-neutral-800: #555d6a;
110
+ --a-neutral-700: #5d6573;
111
+ --a-neutral-600: #6f7785;
122
112
  --a-neutral-500: #818997;
123
113
  --a-neutral-400: #cfd3d8;
124
114
  --a-neutral-300: #e1e3e7;
125
115
  --a-neutral-200: #ecedef;
126
116
  --a-neutral-100: #f5f6f7;
127
117
  --a-contrast-data-two: #ffffff;
128
- --a-contrast-data-three: #ffffff;
129
118
  --a-contrast-data-one: #ffffff;
130
119
  --a-contrast-brand-three: #ffffff;
131
120
  --a-contrast-brand-two: #ffffff;
@@ -138,105 +127,88 @@
138
127
  --a-contrast-accent: #ffffff;
139
128
  --a-bg-overlay: #021431;
140
129
  --a-border-focus: var(--a-accent-700);
141
- --a-border-strong: var(--a-neutral-600);
130
+ --a-border-strong: var(--a-neutral-700);
142
131
  --a-border-subtle: var(--a-neutral-400);
143
- --a-border-default: var(--a-neutral-500);
144
- --a-border-data-three-strong: var(--a-data-three-600);
145
- --a-border-data-three-subtle: var(--a-data-three-400);
146
- --a-border-data-three: var(--a-data-three-500);
147
- --a-border-data-two-strong: var(--a-data-two-600);
132
+ --a-border-default: var(--a-neutral-600);
133
+ --a-border-data-two-strong: var(--a-data-two-700);
148
134
  --a-border-data-two-subtle: var(--a-data-two-400);
149
- --a-border-data-two: var(--a-data-two-500);
150
- --a-border-data-one-strong: var(--a-data-one-600);
135
+ --a-border-data-two: var(--a-data-two-600);
136
+ --a-border-data-one-strong: var(--a-data-one-700);
151
137
  --a-border-data-one-subtle: var(--a-data-one-400);
152
- --a-border-data-one: var(--a-data-one-500);
153
- --a-border-brand-three-strong: var(--a-brand-three-600);
138
+ --a-border-data-one: var(--a-data-one-600);
139
+ --a-border-brand-three-strong: var(--a-brand-three-700);
154
140
  --a-border-brand-three-subtle: var(--a-brand-three-400);
155
- --a-border-brand-three: var(--a-brand-three-500);
156
- --a-border-brand-two-strong: var(--a-brand-two-600);
141
+ --a-border-brand-three: var(--a-brand-three-600);
142
+ --a-border-brand-two-strong: var(--a-brand-two-700);
157
143
  --a-border-brand-two-subtle: var(--a-brand-two-400);
158
- --a-border-brand-two: var(--a-brand-two-500);
159
- --a-border-brand-one-strong: var(--a-brand-one-600);
144
+ --a-border-brand-two: var(--a-brand-two-600);
145
+ --a-border-brand-one-strong: var(--a-brand-one-700);
160
146
  --a-border-brand-one-subtle: var(--a-brand-one-400);
161
- --a-border-brand-one: var(--a-brand-one-500);
162
- --a-border-info-strong: var(--a-info-600);
147
+ --a-border-brand-one: var(--a-brand-one-600);
148
+ --a-border-info-strong: var(--a-info-700);
163
149
  --a-border-info-subtle: var(--a-info-400);
164
- --a-border-info: var(--a-info-500);
165
- --a-border-danger-strong: var(--a-danger-600);
150
+ --a-border-info: var(--a-info-600);
151
+ --a-border-danger-strong: var(--a-danger-700);
166
152
  --a-border-danger-subtle: var(--a-danger-400);
167
- --a-border-danger: var(--a-danger-500);
168
- --a-border-warning-strong: var(--a-warning-600);
153
+ --a-border-danger: var(--a-danger-600);
154
+ --a-border-warning-strong: var(--a-warning-700);
169
155
  --a-border-warning-subtle: var(--a-warning-400);
170
- --a-border-warning: var(--a-warning-500);
171
- --a-border-success-strong: var(--a-success-600);
156
+ --a-border-warning: var(--a-warning-600);
157
+ --a-border-success-strong: var(--a-success-700);
172
158
  --a-border-success-subtle: var(--a-success-400);
173
- --a-border-success: var(--a-success-500);
174
- --a-border-accent-strong: var(--a-accent-600);
159
+ --a-border-success: var(--a-success-600);
160
+ --a-border-accent-strong: var(--a-accent-700);
175
161
  --a-border-accent-subtle: var(--a-accent-400);
176
- --a-border-accent: var(--a-accent-500);
177
- --a-border-neutral-strong: var(--a-neutral-600);
162
+ --a-border-accent: var(--a-accent-600);
163
+ --a-border-neutral-strong: var(--a-neutral-700);
178
164
  --a-border-neutral-subtle: var(--a-neutral-400);
179
- --a-border-neutral: var(--a-neutral-500);
165
+ --a-border-neutral: var(--a-neutral-600);
180
166
  --a-text-icon: var(--a-neutral-600);
181
167
  --a-text-subtle: var(--a-neutral-900);
182
168
  --a-text-default: var(--a-neutral-1000);
183
- --a-text-data-three-icon: var(--a-data-three-600);
184
- --a-text-data-three-subtle: var(--a-data-three-900);
185
- --a-text-data-three: var(--a-data-three-1000);
186
169
  --a-text-data-two-icon: var(--a-data-two-600);
187
- --a-text-data-two-subtle: var(--a-data-two-900);
188
- --a-text-data-two: var(--a-data-two-1000);
170
+ --a-text-data-two-subtle: var(--a-data-two-700);
171
+ --a-text-data-two: var(--a-data-two-900);
189
172
  --a-text-data-one-icon: var(--a-data-one-600);
190
- --a-text-data-one-subtle: var(--a-data-one-900);
191
- --a-text-data-one: var(--a-data-one-1000);
173
+ --a-text-data-one-subtle: var(--a-data-one-700);
174
+ --a-text-data-one: var(--a-data-one-900);
192
175
  --a-text-brand-three-icon: var(--a-brand-three-600);
193
- --a-text-brand-three-subtle: var(--a-brand-three-900);
194
- --a-text-brand-three: var(--a-brand-three-1000);
176
+ --a-text-brand-three-subtle: var(--a-brand-three-700);
177
+ --a-text-brand-three: var(--a-brand-three-900);
195
178
  --a-text-brand-two-icon: var(--a-brand-two-600);
196
- --a-text-brand-two-subtle: var(--a-brand-two-900);
197
- --a-text-brand-two: var(--a-brand-two-1000);
179
+ --a-text-brand-two-subtle: var(--a-brand-two-700);
180
+ --a-text-brand-two: var(--a-brand-two-900);
198
181
  --a-text-brand-one-icon: var(--a-brand-one-600);
199
- --a-text-brand-one-subtle: var(--a-brand-one-900);
200
- --a-text-brand-one: var(--a-brand-one-1000);
182
+ --a-text-brand-one-subtle: var(--a-brand-one-700);
183
+ --a-text-brand-one: var(--a-brand-one-900);
201
184
  --a-text-info-icon: var(--a-info-600);
202
- --a-text-info-subtle: var(--a-info-900);
203
- --a-text-info: var(--a-info-1000);
185
+ --a-text-info-subtle: var(--a-info-700);
186
+ --a-text-info: var(--a-info-900);
204
187
  --a-text-danger-icon: var(--a-danger-600);
205
- --a-text-danger-subtle: var(--a-danger-900);
206
- --a-text-danger: var(--a-danger-1000);
188
+ --a-text-danger-subtle: var(--a-danger-700);
189
+ --a-text-danger: var(--a-danger-900);
207
190
  --a-text-warning-icon: var(--a-warning-600);
208
- --a-text-warning-subtle: var(--a-warning-900);
209
- --a-text-warning: var(--a-warning-1000);
191
+ --a-text-warning-subtle: var(--a-warning-700);
192
+ --a-text-warning: var(--a-warning-900);
210
193
  --a-text-success-icon: var(--a-success-600);
211
- --a-text-success-subtle: var(--a-success-900);
212
- --a-text-success: var(--a-success-1000);
194
+ --a-text-success-subtle: var(--a-success-700);
195
+ --a-text-success: var(--a-success-900);
213
196
  --a-text-accent-icon: var(--a-accent-600);
214
- --a-text-accent-subtle: var(--a-accent-900);
215
- --a-text-accent: var(--a-accent-1000);
197
+ --a-text-accent-subtle: var(--a-accent-700);
198
+ --a-text-accent: var(--a-accent-900);
216
199
  --a-text-neutral-icon: var(--a-neutral-600);
217
- --a-text-neutral-subtle: var(--a-neutral-900);
218
- --a-text-neutral: var(--a-neutral-1000);
200
+ --a-text-neutral-subtle: var(--a-neutral-700);
201
+ --a-text-neutral: var(--a-neutral-900);
219
202
  --a-bg-sunken: var(--a-neutral-200);
220
203
  --a-bg-raised: var(--a-neutral-000);
221
204
  --a-bg-input: var(--a-neutral-000);
222
205
  --a-bg-default: var(--a-neutral-000);
223
- --a-bg-data-three-raised-hover: var(--a-data-three-200);
224
- --a-bg-data-three-raised: var(--a-data-three-100);
225
- --a-bg-data-three-strong-active: var(--a-data-three-900);
226
- --a-bg-data-three-strong-hover: var(--a-data-three-800);
227
- --a-bg-data-three-strong: var(--a-data-three-700);
228
- --a-bg-data-three-moderate-selected: var(--a-data-three-700);
229
- --a-bg-data-three-moderate-active: var(--a-data-three-400);
230
- --a-bg-data-three-moderate-hover: var(--a-data-three-300);
231
- --a-bg-data-three-moderate: var(--a-data-three-200);
232
- --a-bg-data-three-hover: var(--a-data-three-200);
233
- --a-bg-data-three: var(--a-data-three-100);
234
206
  --a-bg-data-two-raised-hover: var(--a-data-two-200);
235
207
  --a-bg-data-two-raised: var(--a-data-two-100);
236
- --a-bg-data-two-strong-active: var(--a-data-two-900);
237
- --a-bg-data-two-strong-hover: var(--a-data-two-800);
238
- --a-bg-data-two-strong: var(--a-data-two-700);
239
- --a-bg-data-two-moderate-selected: var(--a-data-two-700);
208
+ --a-bg-data-two-strong-active: var(--a-data-two-800);
209
+ --a-bg-data-two-strong-hover: var(--a-data-two-700);
210
+ --a-bg-data-two-strong: var(--a-data-two-600);
211
+ --a-bg-data-two-moderate-selected: var(--a-data-two-600);
240
212
  --a-bg-data-two-moderate-active: var(--a-data-two-400);
241
213
  --a-bg-data-two-moderate-hover: var(--a-data-two-300);
242
214
  --a-bg-data-two-moderate: var(--a-data-two-200);
@@ -244,10 +216,10 @@
244
216
  --a-bg-data-two: var(--a-data-two-100);
245
217
  --a-bg-data-one-raised-hover: var(--a-data-one-200);
246
218
  --a-bg-data-one-raised: var(--a-data-one-100);
247
- --a-bg-data-one-strong-active: var(--a-data-one-900);
248
- --a-bg-data-one-strong-hover: var(--a-data-one-800);
249
- --a-bg-data-one-strong: var(--a-data-one-700);
250
- --a-bg-data-one-moderate-selected: var(--a-data-one-700);
219
+ --a-bg-data-one-strong-active: var(--a-data-one-800);
220
+ --a-bg-data-one-strong-hover: var(--a-data-one-700);
221
+ --a-bg-data-one-strong: var(--a-data-one-600);
222
+ --a-bg-data-one-moderate-selected: var(--a-data-one-600);
251
223
  --a-bg-data-one-moderate-active: var(--a-data-one-400);
252
224
  --a-bg-data-one-moderate-hover: var(--a-data-one-300);
253
225
  --a-bg-data-one-moderate: var(--a-data-one-200);
@@ -255,10 +227,10 @@
255
227
  --a-bg-data-one: var(--a-data-one-100);
256
228
  --a-bg-brand-three-raised-hover: var(--a-brand-three-200);
257
229
  --a-bg-brand-three-raised: var(--a-brand-three-100);
258
- --a-bg-brand-three-strong-active: var(--a-brand-three-900);
259
- --a-bg-brand-three-strong-hover: var(--a-brand-three-800);
260
- --a-bg-brand-three-strong: var(--a-brand-three-700);
261
- --a-bg-brand-three-moderate-selected: var(--a-brand-three-700);
230
+ --a-bg-brand-three-strong-active: var(--a-brand-three-800);
231
+ --a-bg-brand-three-strong-hover: var(--a-brand-three-700);
232
+ --a-bg-brand-three-strong: var(--a-brand-three-600);
233
+ --a-bg-brand-three-moderate-selected: var(--a-brand-three-600);
262
234
  --a-bg-brand-three-moderate-active: var(--a-brand-three-400);
263
235
  --a-bg-brand-three-moderate-hover: var(--a-brand-three-300);
264
236
  --a-bg-brand-three-moderate: var(--a-brand-three-200);
@@ -266,10 +238,10 @@
266
238
  --a-bg-brand-three: var(--a-brand-three-100);
267
239
  --a-bg-brand-two-raised-hover: var(--a-brand-two-200);
268
240
  --a-bg-brand-two-raised: var(--a-brand-two-100);
269
- --a-bg-brand-two-strong-active: var(--a-brand-two-900);
270
- --a-bg-brand-two-strong-hover: var(--a-brand-two-800);
271
- --a-bg-brand-two-strong: var(--a-brand-two-700);
272
- --a-bg-brand-two-moderate-selected: var(--a-brand-two-700);
241
+ --a-bg-brand-two-strong-active: var(--a-brand-two-800);
242
+ --a-bg-brand-two-strong-hover: var(--a-brand-two-700);
243
+ --a-bg-brand-two-strong: var(--a-brand-two-600);
244
+ --a-bg-brand-two-moderate-selected: var(--a-brand-two-600);
273
245
  --a-bg-brand-two-moderate-active: var(--a-brand-two-400);
274
246
  --a-bg-brand-two-moderate-hover: var(--a-brand-two-300);
275
247
  --a-bg-brand-two-moderate: var(--a-brand-two-200);
@@ -277,10 +249,10 @@
277
249
  --a-bg-brand-two: var(--a-brand-two-100);
278
250
  --a-bg-brand-one-raised-hover: var(--a-brand-one-200);
279
251
  --a-bg-brand-one-raised: var(--a-brand-one-100);
280
- --a-bg-brand-one-strong-active: var(--a-brand-one-900);
281
- --a-bg-brand-one-strong-hover: var(--a-brand-one-800);
282
- --a-bg-brand-one-strong: var(--a-brand-one-700);
283
- --a-bg-brand-one-moderate-selected: var(--a-brand-one-700);
252
+ --a-bg-brand-one-strong-active: var(--a-brand-one-800);
253
+ --a-bg-brand-one-strong-hover: var(--a-brand-one-700);
254
+ --a-bg-brand-one-strong: var(--a-brand-one-600);
255
+ --a-bg-brand-one-moderate-selected: var(--a-brand-one-600);
284
256
  --a-bg-brand-one-moderate-active: var(--a-brand-one-400);
285
257
  --a-bg-brand-one-moderate-hover: var(--a-brand-one-300);
286
258
  --a-bg-brand-one-moderate: var(--a-brand-one-200);
@@ -288,10 +260,10 @@
288
260
  --a-bg-brand-one: var(--a-brand-one-100);
289
261
  --a-bg-info-raised-hover: var(--a-info-200);
290
262
  --a-bg-info-raised: var(--a-info-100);
291
- --a-bg-info-strong-active: var(--a-info-900);
292
- --a-bg-info-strong-hover: var(--a-info-800);
293
- --a-bg-info-strong: var(--a-info-700);
294
- --a-bg-info-moderate-selected: var(--a-info-700);
263
+ --a-bg-info-strong-active: var(--a-info-800);
264
+ --a-bg-info-strong-hover: var(--a-info-700);
265
+ --a-bg-info-strong: var(--a-info-600);
266
+ --a-bg-info-moderate-selected: var(--a-info-600);
295
267
  --a-bg-info-moderate-active: var(--a-info-400);
296
268
  --a-bg-info-moderate-hover: var(--a-info-300);
297
269
  --a-bg-info-moderate: var(--a-info-200);
@@ -299,10 +271,10 @@
299
271
  --a-bg-info: var(--a-info-100);
300
272
  --a-bg-danger-raised-hover: var(--a-danger-200);
301
273
  --a-bg-danger-raised: var(--a-danger-100);
302
- --a-bg-danger-strong-active: var(--a-danger-900);
303
- --a-bg-danger-strong-hover: var(--a-danger-800);
304
- --a-bg-danger-strong: var(--a-danger-700);
305
- --a-bg-danger-moderate-selected: var(--a-danger-700);
274
+ --a-bg-danger-strong-active: var(--a-danger-800);
275
+ --a-bg-danger-strong-hover: var(--a-danger-700);
276
+ --a-bg-danger-strong: var(--a-danger-600);
277
+ --a-bg-danger-moderate-selected: var(--a-danger-600);
306
278
  --a-bg-danger-moderate-active: var(--a-danger-400);
307
279
  --a-bg-danger-moderate-hover: var(--a-danger-300);
308
280
  --a-bg-danger-moderate: var(--a-danger-200);
@@ -310,10 +282,10 @@
310
282
  --a-bg-danger: var(--a-danger-100);
311
283
  --a-bg-warning-raised-hover: var(--a-warning-200);
312
284
  --a-bg-warning-raised: var(--a-warning-100);
313
- --a-bg-warning-strong-active: var(--a-warning-900);
314
- --a-bg-warning-strong-hover: var(--a-warning-800);
315
- --a-bg-warning-strong: var(--a-warning-700);
316
- --a-bg-warning-moderate-selected: var(--a-warning-700);
285
+ --a-bg-warning-strong-active: var(--a-warning-800);
286
+ --a-bg-warning-strong-hover: var(--a-warning-700);
287
+ --a-bg-warning-strong: var(--a-warning-600);
288
+ --a-bg-warning-moderate-selected: var(--a-warning-600);
317
289
  --a-bg-warning-moderate-active: var(--a-warning-400);
318
290
  --a-bg-warning-moderate-hover: var(--a-warning-300);
319
291
  --a-bg-warning-moderate: var(--a-warning-200);
@@ -321,10 +293,10 @@
321
293
  --a-bg-warning: var(--a-warning-100);
322
294
  --a-bg-success-raised-hover: var(--a-success-200);
323
295
  --a-bg-success-raised: var(--a-success-100);
324
- --a-bg-success-strong-active: var(--a-success-900);
325
- --a-bg-success-strong-hover: var(--a-success-800);
326
- --a-bg-success-strong: var(--a-success-700);
327
- --a-bg-success-moderate-selected: var(--a-success-700);
296
+ --a-bg-success-strong-active: var(--a-success-800);
297
+ --a-bg-success-strong-hover: var(--a-success-700);
298
+ --a-bg-success-strong: var(--a-success-600);
299
+ --a-bg-success-moderate-selected: var(--a-success-600);
328
300
  --a-bg-success-moderate-active: var(--a-success-400);
329
301
  --a-bg-success-moderate-hover: var(--a-success-300);
330
302
  --a-bg-success-moderate: var(--a-success-200);
@@ -332,10 +304,10 @@
332
304
  --a-bg-success: var(--a-success-100);
333
305
  --a-bg-accent-raised-hover: var(--a-accent-200);
334
306
  --a-bg-accent-raised: var(--a-accent-100);
335
- --a-bg-accent-strong-active: var(--a-accent-900);
336
- --a-bg-accent-strong-hover: var(--a-accent-800);
337
- --a-bg-accent-strong: var(--a-accent-700);
338
- --a-bg-accent-moderate-selected: var(--a-accent-700);
307
+ --a-bg-accent-strong-active: var(--a-accent-800);
308
+ --a-bg-accent-strong-hover: var(--a-accent-700);
309
+ --a-bg-accent-strong: var(--a-accent-600);
310
+ --a-bg-accent-moderate-selected: var(--a-accent-600);
339
311
  --a-bg-accent-moderate-active: var(--a-accent-400);
340
312
  --a-bg-accent-moderate-hover: var(--a-accent-300);
341
313
  --a-bg-accent-moderate: var(--a-accent-200);
@@ -343,10 +315,10 @@
343
315
  --a-bg-accent: var(--a-accent-100);
344
316
  --a-bg-neutral-raised-hover: var(--a-neutral-200);
345
317
  --a-bg-neutral-raised: var(--a-neutral-100);
346
- --a-bg-neutral-strong-active: var(--a-neutral-900);
347
- --a-bg-neutral-strong-hover: var(--a-neutral-800);
348
- --a-bg-neutral-strong: var(--a-neutral-700);
349
- --a-bg-neutral-moderate-selected: var(--a-neutral-700);
318
+ --a-bg-neutral-strong-active: var(--a-neutral-800);
319
+ --a-bg-neutral-strong-hover: var(--a-neutral-700);
320
+ --a-bg-neutral-strong: var(--a-neutral-600);
321
+ --a-bg-neutral-moderate-selected: var(--a-neutral-600);
350
322
  --a-bg-neutral-moderate-active: var(--a-neutral-400);
351
323
  --a-bg-neutral-moderate-hover: var(--a-neutral-300);
352
324
  --a-bg-neutral-moderate: var(--a-neutral-200);
package/dist/darkside/tokens-cjs.js CHANGED
@@ -124,17 +124,6 @@ module.exports = {
124
124
  "BgDataTwoStrongActive": "var(--a-bg-data-two-strong-active)",
125
125
  "BgDataTwoRaised": "var(--a-bg-data-two-raised)",
126
126
  "BgDataTwoRaisedHover": "var(--a-bg-data-two-raised-hover)",
127
- "BgDataThree": "var(--a-bg-data-three)",
128
- "BgDataThreeHover": "var(--a-bg-data-three-hover)",
129
- "BgDataThreeModerate": "var(--a-bg-data-three-moderate)",
130
- "BgDataThreeModerateHover": "var(--a-bg-data-three-moderate-hover)",
131
- "BgDataThreeModerateActive": "var(--a-bg-data-three-moderate-active)",
132
- "BgDataThreeModerateSelected": "var(--a-bg-data-three-moderate-selected)",
133
- "BgDataThreeStrong": "var(--a-bg-data-three-strong)",
134
- "BgDataThreeStrongHover": "var(--a-bg-data-three-strong-hover)",
135
- "BgDataThreeStrongActive": "var(--a-bg-data-three-strong-active)",
136
- "BgDataThreeRaised": "var(--a-bg-data-three-raised)",
137
- "BgDataThreeRaisedHover": "var(--a-bg-data-three-raised-hover)",
138
127
  "BgDefault": "var(--a-bg-default)",
139
128
  "BgInput": "var(--a-bg-input)",
140
129
  "BgRaised": "var(--a-bg-raised)",
@@ -173,9 +162,6 @@ module.exports = {
173
162
  "TextDataTwo": "var(--a-text-data-two)",
174
163
  "TextDataTwoSubtle": "var(--a-text-data-two-subtle)",
175
164
  "TextDataTwoIcon": "var(--a-text-data-two-icon)",
176
- "TextDataThree": "var(--a-text-data-three)",
177
- "TextDataThreeSubtle": "var(--a-text-data-three-subtle)",
178
- "TextDataThreeIcon": "var(--a-text-data-three-icon)",
179
165
  "TextDefault": "var(--a-text-default)",
180
166
  "TextSubtle": "var(--a-text-subtle)",
181
167
  "TextIcon": "var(--a-text-icon)",
@@ -212,9 +198,6 @@ module.exports = {
212
198
  "BorderDataTwo": "var(--a-border-data-two)",
213
199
  "BorderDataTwoSubtle": "var(--a-border-data-two-subtle)",
214
200
  "BorderDataTwoStrong": "var(--a-border-data-two-strong)",
215
- "BorderDataThree": "var(--a-border-data-three)",
216
- "BorderDataThreeSubtle": "var(--a-border-data-three-subtle)",
217
- "BorderDataThreeStrong": "var(--a-border-data-three-strong)",
218
201
  "BorderDefault": "var(--a-border-default)",
219
202
  "BorderSubtle": "var(--a-border-subtle)",
220
203
  "BorderStrong": "var(--a-border-strong)",
@@ -229,7 +212,6 @@ module.exports = {
229
212
  "ContrastBrandTwo": "var(--a-contrast-brand-two)",
230
213
  "ContrastBrandThree": "var(--a-contrast-brand-three)",
231
214
  "ContrastDataOne": "var(--a-contrast-data-one)",
232
- "ContrastDataThree": "var(--a-contrast-data-three)",
233
215
  "ContrastDataTwo": "var(--a-contrast-data-two)",
234
216
  "Neutral100": "var(--a-neutral-100)",
235
217
  "Neutral200": "var(--a-neutral-200)",
@@ -341,15 +323,5 @@ module.exports = {
341
323
  "DataTwo700": "var(--a-data-two-700)",
342
324
  "DataTwo800": "var(--a-data-two-800)",
343
325
  "DataTwo900": "var(--a-data-two-900)",
344
- "DataTwo1000": "var(--a-data-two-1000)",
345
- "DataThree100": "var(--a-data-three-100)",
346
- "DataThree200": "var(--a-data-three-200)",
347
- "DataThree300": "var(--a-data-three-300)",
348
- "DataThree400": "var(--a-data-three-400)",
349
- "DataThree500": "var(--a-data-three-500)",
350
- "DataThree600": "var(--a-data-three-600)",
351
- "DataThree700": "var(--a-data-three-700)",
352
- "DataThree800": "var(--a-data-three-800)",
353
- "DataThree900": "var(--a-data-three-900)",
354
- "DataThree1000": "var(--a-data-three-1000)"
326
+ "DataTwo1000": "var(--a-data-two-1000)"
355
327
  };