@navikt/ds-tokens 7.9.1 → 7.10.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.
@@ -3,21 +3,7 @@
3
3
 
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
- @ax-bg-neutral: #f5f6f7;
7
- @ax-bg-neutral-hover: #ecedef;
8
- @ax-bg-neutral-hover-a: #000e2913;
9
- @ax-bg-neutral-moderate: #ecedef;
10
- @ax-bg-neutral-moderate-a: #000e2913;
11
- @ax-bg-neutral-moderate-hover: #e1e3e7;
12
- @ax-bg-neutral-moderate-hover-a: #0011331e;
13
- @ax-bg-neutral-moderate-pressed: #cfd3d8;
14
- @ax-bg-neutral-moderate-pressed-a: #00163030;
15
- @ax-bg-neutral-strong: #6f7785;
16
- @ax-bg-neutral-strong-hover: #5d6573;
17
- @ax-bg-neutral-strong-pressed: #555d6a;
18
- @ax-bg-neutral-raised: #f5f6f7;
19
- @ax-bg-neutral-raised-hover: #ecedef;
20
- @ax-bg-accent: #f1f7ff;
6
+ @ax-bg-accent-soft: #f1f7ff;
21
7
  @ax-bg-accent-hover: #e4eeff;
22
8
  @ax-bg-accent-hover-a: #005fff1b;
23
9
  @ax-bg-accent-moderate: #e4eeff;
@@ -29,9 +15,7 @@
29
15
  @ax-bg-accent-strong: #2277d5;
30
16
  @ax-bg-accent-strong-hover: #0063c1;
31
17
  @ax-bg-accent-strong-pressed: #005bb6;
32
- @ax-bg-accent-raised: #f1f7ff;
33
- @ax-bg-accent-raised-hover: #e4eeff;
34
- @ax-bg-success: #e2fde8;
18
+ @ax-bg-success-soft: #e2fde8;
35
19
  @ax-bg-success-hover: #d5f6db;
36
20
  @ax-bg-success-hover-a: #00c9252a;
37
21
  @ax-bg-success-moderate: #d5f6db;
@@ -43,9 +27,7 @@
43
27
  @ax-bg-success-strong: #00893c;
44
28
  @ax-bg-success-strong-hover: #007629;
45
29
  @ax-bg-success-strong-pressed: #006c1f;
46
- @ax-bg-success-raised: #e2fde8;
47
- @ax-bg-success-raised-hover: #d5f6db;
48
- @ax-bg-warning: #fff5e4;
30
+ @ax-bg-warning-soft: #fff5e4;
49
31
  @ax-bg-warning-hover: #ffebc7;
50
32
  @ax-bg-warning-hover-a: #ffa40038;
51
33
  @ax-bg-warning-moderate: #ffebc7;
@@ -57,9 +39,7 @@
57
39
  @ax-bg-warning-strong: #c95100;
58
40
  @ax-bg-warning-strong-hover: #ac4400;
59
41
  @ax-bg-warning-strong-pressed: #a03e00;
60
- @ax-bg-warning-raised: #fff5e4;
61
- @ax-bg-warning-raised-hover: #ffebc7;
62
- @ax-bg-danger: #fff2f7;
42
+ @ax-bg-danger-soft: #fff2f7;
63
43
  @ax-bg-danger-hover: #ffe8f0;
64
44
  @ax-bg-danger-hover-a: #ff005917;
65
45
  @ax-bg-danger-moderate: #ffe8f0;
@@ -71,9 +51,7 @@
71
51
  @ax-bg-danger-strong: #e22a49;
72
52
  @ax-bg-danger-strong-hover: #cb0035;
73
53
  @ax-bg-danger-strong-pressed: #bc002a;
74
- @ax-bg-danger-raised: #fff2f7;
75
- @ax-bg-danger-raised-hover: #ffe8f0;
76
- @ax-bg-info: #eef6fc;
54
+ @ax-bg-info-soft: #eef6fc;
77
55
  @ax-bg-info-hover: #e3eff7;
78
56
  @ax-bg-info-hover-a: #006eb71c;
79
57
  @ax-bg-info-moderate: #e3eff7;
@@ -85,180 +63,173 @@
85
63
  @ax-bg-info-strong: #417da0;
86
64
  @ax-bg-info-strong-hover: #246b91;
87
65
  @ax-bg-info-strong-pressed: #156389;
88
- @ax-bg-info-raised: #eef6fc;
89
- @ax-bg-info-raised-hover: #e3eff7;
90
- @ax-bg-brand-magenta: #fbf3f6;
91
- @ax-bg-brand-magenta-hover: #f8eaef;
92
- @ax-bg-brand-magenta-hover-a: #aa003d15;
93
- @ax-bg-brand-magenta-moderate: #f8eaef;
94
- @ax-bg-brand-magenta-moderate-a: #aa003d15;
95
- @ax-bg-brand-magenta-moderate-hover: #f3dde5;
96
- @ax-bg-brand-magenta-moderate-hover-a: #a5003c22;
97
- @ax-bg-brand-magenta-moderate-pressed: #eccad6;
98
- @ax-bg-brand-magenta-moderate-pressed-a: #a4003a35;
99
- @ax-bg-brand-magenta-strong: #b65781;
100
- @ax-bg-brand-magenta-strong-hover: #a93d70;
101
- @ax-bg-brand-magenta-strong-pressed: #a33069;
102
- @ax-bg-brand-magenta-raised: #fbf3f6;
103
- @ax-bg-brand-magenta-raised-hover: #f8eaef;
104
- @ax-bg-brand-beige: #fff4ee;
105
- @ax-bg-brand-beige-hover: #fdebe0;
106
- @ax-bg-brand-beige-hover-a: #ef5b001f;
107
- @ax-bg-brand-beige-moderate: #fdebe0;
108
- @ax-bg-brand-beige-moderate-a: #ef5b001f;
109
- @ax-bg-brand-beige-moderate-hover: #fcddcd;
110
- @ax-bg-brand-beige-moderate-hover-a: #f0520032;
111
- @ax-bg-brand-beige-moderate-pressed: #f8c8b1;
112
- @ax-bg-brand-beige-moderate-pressed-a: #e94c004e;
113
- @ax-bg-brand-beige-strong: #a9654e;
114
- @ax-bg-brand-beige-strong-hover: #915541;
115
- @ax-bg-brand-beige-strong-pressed: #874e3b;
116
- @ax-bg-brand-beige-raised: #fff4ee;
117
- @ax-bg-brand-beige-raised-hover: #fdebe0;
118
- @ax-bg-brand-blue: #eef6fc;
119
- @ax-bg-brand-blue-hover: #e3eff7;
120
- @ax-bg-brand-blue-hover-a: #006eb71c;
121
- @ax-bg-brand-blue-moderate: #e3eff7;
122
- @ax-bg-brand-blue-moderate-a: #006eb71c;
123
- @ax-bg-brand-blue-moderate-hover: #d7e6f0;
124
- @ax-bg-brand-blue-moderate-hover-a: #0060a028;
125
- @ax-bg-brand-blue-moderate-pressed: #c0d6e4;
126
- @ax-bg-brand-blue-moderate-pressed-a: #005a923f;
127
- @ax-bg-brand-blue-strong: #417da0;
128
- @ax-bg-brand-blue-strong-hover: #246b91;
129
- @ax-bg-brand-blue-strong-pressed: #156389;
130
- @ax-bg-brand-blue-raised: #eef6fc;
131
- @ax-bg-brand-blue-raised-hover: #e3eff7;
132
- @ax-bg-meta-purple: #f7f5f9;
133
- @ax-bg-meta-purple-hover: #f0edf4;
134
- @ax-bg-meta-purple-hover-a: #2b006412;
135
- @ax-bg-meta-purple-moderate: #f0edf4;
136
- @ax-bg-meta-purple-moderate-a: #2b006412;
137
- @ax-bg-meta-purple-moderate-hover: #e6e1ed;
138
- @ax-bg-meta-purple-moderate-hover-a: #2b00661e;
139
- @ax-bg-meta-purple-moderate-pressed: #d7cfe3;
140
- @ax-bg-meta-purple-moderate-pressed-a: #2b006b30;
141
- @ax-bg-meta-purple-strong: #846ca4;
142
- @ax-bg-meta-purple-strong-hover: #725a91;
143
- @ax-bg-meta-purple-strong-pressed: #6a5289;
144
- @ax-bg-meta-purple-raised: #f7f5f9;
145
- @ax-bg-meta-purple-raised-hover: #f0edf4;
146
- @ax-bg-meta-lime: #f4f9d1;
147
- @ax-bg-meta-lime-hover: #ebf4a9;
148
- @ax-bg-meta-lime-hover-a: #c4df0056;
149
- @ax-bg-meta-lime-moderate: #ebf4a9;
150
- @ax-bg-meta-lime-moderate-a: #c4df0056;
151
- @ax-bg-meta-lime-moderate-hover: #e0ec6b;
152
- @ax-bg-meta-lime-moderate-hover-a: #cadf0094;
153
- @ax-bg-meta-lime-moderate-pressed: #d0dc00;
154
- @ax-bg-meta-lime-moderate-pressed-a: #d0dc00;
155
- @ax-bg-meta-lime-strong: #757c00;
156
- @ax-bg-meta-lime-strong-hover: #646900;
157
- @ax-bg-meta-lime-strong-pressed: #5c6100;
158
- @ax-bg-meta-lime-raised: #f4f9d1;
159
- @ax-bg-meta-lime-raised-hover: #ebf4a9;
66
+ @ax-bg-brand-1-soft: #fbf3f6;
67
+ @ax-bg-brand-1-hover: #f8eaef;
68
+ @ax-bg-brand-1-hover-a: #aa003d15;
69
+ @ax-bg-brand-1-moderate: #f8eaef;
70
+ @ax-bg-brand-1-moderate-a: #aa003d15;
71
+ @ax-bg-brand-1-moderate-hover: #f3dde5;
72
+ @ax-bg-brand-1-moderate-hover-a: #a5003c22;
73
+ @ax-bg-brand-1-moderate-pressed: #eccad6;
74
+ @ax-bg-brand-1-moderate-pressed-a: #a4003a35;
75
+ @ax-bg-brand-1-strong: #b65781;
76
+ @ax-bg-brand-1-strong-hover: #a93d70;
77
+ @ax-bg-brand-1-strong-pressed: #a33069;
78
+ @ax-bg-brand-2-soft: #fff4ee;
79
+ @ax-bg-brand-2-hover: #fdebe0;
80
+ @ax-bg-brand-2-hover-a: #ef5b001f;
81
+ @ax-bg-brand-2-moderate: #fdebe0;
82
+ @ax-bg-brand-2-moderate-a: #ef5b001f;
83
+ @ax-bg-brand-2-moderate-hover: #fcddcd;
84
+ @ax-bg-brand-2-moderate-hover-a: #f0520032;
85
+ @ax-bg-brand-2-moderate-pressed: #f8c8b1;
86
+ @ax-bg-brand-2-moderate-pressed-a: #e94c004e;
87
+ @ax-bg-brand-2-strong: #a9654e;
88
+ @ax-bg-brand-2-strong-hover: #915541;
89
+ @ax-bg-brand-2-strong-pressed: #874e3b;
90
+ @ax-bg-brand-3-soft: #eef6fc;
91
+ @ax-bg-brand-3-hover: #e3eff7;
92
+ @ax-bg-brand-3-hover-a: #006eb71c;
93
+ @ax-bg-brand-3-moderate: #e3eff7;
94
+ @ax-bg-brand-3-moderate-a: #006eb71c;
95
+ @ax-bg-brand-3-moderate-hover: #d7e6f0;
96
+ @ax-bg-brand-3-moderate-hover-a: #0060a028;
97
+ @ax-bg-brand-3-moderate-pressed: #c0d6e4;
98
+ @ax-bg-brand-3-moderate-pressed-a: #005a923f;
99
+ @ax-bg-brand-3-strong: #417da0;
100
+ @ax-bg-brand-3-strong-hover: #246b91;
101
+ @ax-bg-brand-3-strong-pressed: #156389;
102
+ @ax-bg-meta-1-soft: #f7f5f9;
103
+ @ax-bg-meta-1-hover: #f0edf4;
104
+ @ax-bg-meta-1-hover-a: #2b006412;
105
+ @ax-bg-meta-1-moderate: #f0edf4;
106
+ @ax-bg-meta-1-moderate-a: #2b006412;
107
+ @ax-bg-meta-1-moderate-hover: #e6e1ed;
108
+ @ax-bg-meta-1-moderate-hover-a: #2b00661e;
109
+ @ax-bg-meta-1-moderate-pressed: #d7cfe3;
110
+ @ax-bg-meta-1-moderate-pressed-a: #2b006b30;
111
+ @ax-bg-meta-1-strong: #846ca4;
112
+ @ax-bg-meta-1-strong-hover: #725a91;
113
+ @ax-bg-meta-1-strong-pressed: #6a5289;
114
+ @ax-bg-meta-2-soft: #f4f9d1;
115
+ @ax-bg-meta-2-hover: #ebf4a9;
116
+ @ax-bg-meta-2-hover-a: #c4df0056;
117
+ @ax-bg-meta-2-moderate: #ebf4a9;
118
+ @ax-bg-meta-2-moderate-a: #c4df0056;
119
+ @ax-bg-meta-2-moderate-hover: #e0ec6b;
120
+ @ax-bg-meta-2-moderate-hover-a: #cadf0094;
121
+ @ax-bg-meta-2-moderate-pressed: #d0dc00;
122
+ @ax-bg-meta-2-moderate-pressed-a: #d0dc00;
123
+ @ax-bg-meta-2-strong: #757c00;
124
+ @ax-bg-meta-2-strong-hover: #646900;
125
+ @ax-bg-meta-2-strong-pressed: #5c6100;
160
126
  @ax-bg-default: #ffffff;
161
127
  @ax-bg-input: #ffffff;
162
128
  @ax-bg-raised: white;
163
129
  @ax-bg-sunken: #ecedef;
164
130
  @ax-bg-overlay: #021431;
165
- @ax-text-neutral: #5d6573;
166
- @ax-text-neutral-strong: #49515e;
167
- @ax-text-neutral-icon: #6f7785;
168
- @ax-text-accent: #0063c1;
169
- @ax-text-accent-strong: #004ea3;
131
+ @ax-bg-soft: #f5f6f7;
132
+ @ax-bg-hover: #ecedef;
133
+ @ax-bg-hover-a: #000e2913;
134
+ @ax-bg-moderate: #ecedef;
135
+ @ax-bg-moderate-a: #000e2913;
136
+ @ax-bg-moderate-hover: #e1e3e7;
137
+ @ax-bg-moderate-hover-a: #0011331e;
138
+ @ax-bg-moderate-pressed: #cfd3d8;
139
+ @ax-bg-moderate-pressed-a: #00163030;
140
+ @ax-bg-strong: #5d6573;
141
+ @ax-bg-strong-hover: #555d6a;
142
+ @ax-bg-strong-pressed: #49515e;
143
+ @ax-text-accent: #005bb6;
144
+ @ax-text-accent-strong: #002459;
170
145
  @ax-text-accent-icon: #2277d5;
171
- @ax-text-success: #007629;
172
- @ax-text-success-strong: #005e0f;
146
+ @ax-text-success: #006c1f;
147
+ @ax-text-success-strong: #002e00;
173
148
  @ax-text-success-icon: #00893c;
174
- @ax-text-warning: #ac4400;
175
- @ax-text-warning-strong: #8c3500;
149
+ @ax-text-warning: #a03e00;
150
+ @ax-text-warning-strong: #481700;
176
151
  @ax-text-warning-icon: #c95100;
177
- @ax-text-danger: #cb0035;
178
- @ax-text-danger-strong: #a60017;
152
+ @ax-text-danger: #bc002a;
153
+ @ax-text-danger-strong: #560000;
179
154
  @ax-text-danger-icon: #e22a49;
180
- @ax-text-info: #246b91;
181
- @ax-text-info-strong: #00557d;
155
+ @ax-text-info: #156389;
156
+ @ax-text-info-strong: #002942;
182
157
  @ax-text-info-icon: #417da0;
183
- @ax-text-brand-magenta: #a93d70;
184
- @ax-text-brand-magenta-strong: #98185d;
185
- @ax-text-brand-magenta-icon: #b65781;
186
- @ax-text-brand-beige: #915541;
187
- @ax-text-brand-beige-strong: #764332;
188
- @ax-text-brand-beige-icon: #a9654e;
189
- @ax-text-brand-blue: #246b91;
190
- @ax-text-brand-blue-strong: #00557d;
191
- @ax-text-brand-blue-icon: #417da0;
192
- @ax-text-meta-purple: #725a91;
193
- @ax-text-meta-purple-strong: #5e467c;
194
- @ax-text-meta-purple-icon: #846ca4;
195
- @ax-text-meta-lime: #646900;
196
- @ax-text-meta-lime-strong: #515400;
197
- @ax-text-meta-lime-icon: #757c00;
158
+ @ax-text-brand-1: #a33069;
159
+ @ax-text-brand-1-strong: #52002b;
160
+ @ax-text-brand-1-icon: #b65781;
161
+ @ax-text-brand-2: #874e3b;
162
+ @ax-text-brand-2-strong: #3c1f15;
163
+ @ax-text-brand-2-icon: #a9654e;
164
+ @ax-text-brand-3: #156389;
165
+ @ax-text-brand-3-strong: #002942;
166
+ @ax-text-brand-3-icon: #417da0;
167
+ @ax-text-meta-1: #6a5289;
168
+ @ax-text-meta-1-strong: #331a4d;
169
+ @ax-text-meta-1-icon: #846ca4;
170
+ @ax-text-meta-2: #5c6100;
171
+ @ax-text-meta-2-strong: #2a2800;
172
+ @ax-text-meta-2-icon: #757c00;
198
173
  @ax-text-accent-contrast: white;
199
- @ax-text-neutral-contrast: white;
200
174
  @ax-text-danger-contrast: white;
201
175
  @ax-text-info-contrast: white;
202
176
  @ax-text-success-contrast: white;
203
177
  @ax-text-warning-contrast: white;
204
- @ax-text-brand-magenta-contrast: white;
205
- @ax-text-brand-beige-contrast: white;
206
- @ax-text-brand-blue-contrast: white;
207
- @ax-text-meta-purple-contrast: white;
208
- @ax-text-meta-lime-contrast: white;
178
+ @ax-text-brand-1-contrast: white;
179
+ @ax-text-brand-2-contrast: white;
180
+ @ax-text-brand-3-contrast: white;
181
+ @ax-text-meta-1-contrast: white;
182
+ @ax-text-meta-2-contrast: white;
209
183
  @ax-text-default: #202733;
210
184
  @ax-text-subtle: #49515e;
211
185
  @ax-text-icon: #6f7785;
212
186
  @ax-text-logo: #c30000;
213
- @ax-border-neutral: #818997;
214
- @ax-border-neutral-subtle: #cfd3d8;
215
- @ax-border-neutral-subtle-a: #00163030;
216
- @ax-border-neutral-strong: #6f7785;
217
- @ax-border-accent: #428ae3;
187
+ @ax-text-contrast: white;
188
+ @ax-border-accent: #2277d5;
218
189
  @ax-border-accent-subtle: #bad5fb;
219
190
  @ax-border-accent-subtle-a: #0064f145;
220
- @ax-border-accent-strong: #2277d5;
221
- @ax-border-success: #199d4f;
191
+ @ax-border-accent-strong: #0063c1;
192
+ @ax-border-success: #00893c;
222
193
  @ax-border-success-subtle: #a8dfb4;
223
194
  @ax-border-success-subtle-a: #00a22457;
224
- @ax-border-success-strong: #00893c;
225
- @ax-border-warning: #e75e01;
195
+ @ax-border-success-strong: #007629;
196
+ @ax-border-warning: #c95100;
226
197
  @ax-border-warning-subtle: #ffcb6f;
227
198
  @ax-border-warning-subtle-a: #ffa30090;
228
- @ax-border-warning-strong: #c95100;
229
- @ax-border-danger: #ec526e;
199
+ @ax-border-warning-strong: #ac4400;
200
+ @ax-border-danger: #e22a49;
230
201
  @ax-border-danger-subtle: #ffc2d7;
231
202
  @ax-border-danger-subtle-a: #ff00583d;
232
- @ax-border-danger-strong: #e22a49;
233
- @ax-border-info: #5a8fae;
203
+ @ax-border-danger-strong: #cb0035;
204
+ @ax-border-info: #417da0;
234
205
  @ax-border-info-subtle: #c0d6e4;
235
206
  @ax-border-info-subtle-a: #005a923f;
236
- @ax-border-info-strong: #417da0;
237
- @ax-border-brand-magenta: #c26f92;
238
- @ax-border-brand-magenta-subtle: #eccad6;
239
- @ax-border-brand-magenta-subtle-a: #a4003a35;
240
- @ax-border-brand-magenta-strong: #b65781;
241
- @ax-border-brand-beige: #c0765d;
242
- @ax-border-brand-beige-subtle: #f8c8b1;
243
- @ax-border-brand-beige-subtle-a: #e94c004e;
244
- @ax-border-brand-beige-strong: #a9654e;
245
- @ax-border-brand-blue: #5a8fae;
246
- @ax-border-brand-blue-subtle: #c0d6e4;
247
- @ax-border-brand-blue-subtle-a: #005a923f;
248
- @ax-border-brand-blue-strong: #417da0;
249
- @ax-border-meta-purple: #9580b1;
250
- @ax-border-meta-purple-subtle: #d7cfe3;
251
- @ax-border-meta-purple-subtle-a: #2b006b30;
252
- @ax-border-meta-purple-strong: #846ca4;
253
- @ax-border-meta-lime: #878f00;
254
- @ax-border-meta-lime-subtle: #d0dc00;
255
- @ax-border-meta-lime-subtle-a: #d0dc00;
256
- @ax-border-meta-lime-strong: #757c00;
207
+ @ax-border-info-strong: #246b91;
208
+ @ax-border-brand-1: #b65781;
209
+ @ax-border-brand-1-subtle: #eccad6;
210
+ @ax-border-brand-1-subtle-a: #a4003a35;
211
+ @ax-border-brand-1-strong: #a93d70;
212
+ @ax-border-brand-2: #a9654e;
213
+ @ax-border-brand-2-subtle: #f8c8b1;
214
+ @ax-border-brand-2-subtle-a: #e94c004e;
215
+ @ax-border-brand-2-strong: #915541;
216
+ @ax-border-brand-3: #417da0;
217
+ @ax-border-brand-3-subtle: #c0d6e4;
218
+ @ax-border-brand-3-subtle-a: #005a923f;
219
+ @ax-border-brand-3-strong: #246b91;
220
+ @ax-border-meta-1: #846ca4;
221
+ @ax-border-meta-1-subtle: #d7cfe3;
222
+ @ax-border-meta-1-subtle-a: #2b006b30;
223
+ @ax-border-meta-1-strong: #725a91;
224
+ @ax-border-meta-2: #757c00;
225
+ @ax-border-meta-2-subtle: #d0dc00;
226
+ @ax-border-meta-2-subtle-a: #d0dc00;
227
+ @ax-border-meta-2-strong: #646900;
257
228
  @ax-border-default: #818997;
258
229
  @ax-border-subtle: #cfd3d8;
259
230
  @ax-border-subtle-a: #00163030;
260
231
  @ax-border-strong: #6f7785;
261
- @ax-border-focus: #0063c1;
232
+ @ax-border-focus: #202733;
262
233
  @ax-neutral-100: #f5f6f7;
263
234
  @ax-neutral-200: #ecedef;
264
235
  @ax-neutral-300: #e1e3e7;
@@ -344,97 +315,98 @@
344
315
  @ax-info-200-a: #006eb71c;
345
316
  @ax-info-300-a: #0060a028;
346
317
  @ax-info-400-a: #005a923f;
347
- @ax-brand-magenta-100: #fbf3f6;
348
- @ax-brand-magenta-200: #f8eaef;
349
- @ax-brand-magenta-300: #f3dde5;
350
- @ax-brand-magenta-400: #eccad6;
351
- @ax-brand-magenta-500: #c26f92;
352
- @ax-brand-magenta-600: #b65781;
353
- @ax-brand-magenta-700: #a93d70;
354
- @ax-brand-magenta-800: #a33069;
355
- @ax-brand-magenta-900: #98185d;
356
- @ax-brand-magenta-1000: #52002b;
357
- @ax-brand-magenta-100-a: #aa00400c;
358
- @ax-brand-magenta-200-a: #aa003d15;
359
- @ax-brand-magenta-300-a: #a5003c22;
360
- @ax-brand-magenta-400-a: #a4003a35;
361
- @ax-brand-beige-100: #fff4ee;
362
- @ax-brand-beige-200: #fdebe0;
363
- @ax-brand-beige-300: #fcddcd;
364
- @ax-brand-beige-400: #f8c8b1;
365
- @ax-brand-beige-500: #c0765d;
366
- @ax-brand-beige-600: #a9654e;
367
- @ax-brand-beige-700: #915541;
368
- @ax-brand-beige-800: #874e3b;
369
- @ax-brand-beige-900: #764332;
370
- @ax-brand-beige-1000: #3c1f15;
371
- @ax-brand-beige-100-a: #ff5a0011;
372
- @ax-brand-beige-200-a: #ef5b001f;
373
- @ax-brand-beige-300-a: #f0520032;
374
- @ax-brand-beige-400-a: #e94c004e;
375
- @ax-brand-blue-100: #eef6fc;
376
- @ax-brand-blue-200: #e3eff7;
377
- @ax-brand-blue-300: #d7e6f0;
378
- @ax-brand-blue-400: #c0d6e4;
379
- @ax-brand-blue-500: #5a8fae;
380
- @ax-brand-blue-600: #417da0;
381
- @ax-brand-blue-700: #246b91;
382
- @ax-brand-blue-800: #156389;
383
- @ax-brand-blue-900: #00557d;
384
- @ax-brand-blue-1000: #002942;
385
- @ax-brand-blue-100-a: #0078d211;
386
- @ax-brand-blue-200-a: #006eb71c;
387
- @ax-brand-blue-300-a: #0060a028;
388
- @ax-brand-blue-400-a: #005a923f;
389
- @ax-meta-purple-100: #f7f5f9;
390
- @ax-meta-purple-200: #f0edf4;
391
- @ax-meta-purple-300: #e6e1ed;
392
- @ax-meta-purple-400: #d7cfe3;
393
- @ax-meta-purple-500: #9580b1;
394
- @ax-meta-purple-600: #846ca4;
395
- @ax-meta-purple-700: #725a91;
396
- @ax-meta-purple-800: #6a5289;
397
- @ax-meta-purple-900: #5e467c;
398
- @ax-meta-purple-1000: #331a4d;
399
- @ax-meta-purple-100-a: #3300660a;
400
- @ax-meta-purple-200-a: #2b006412;
401
- @ax-meta-purple-300-a: #2b00661e;
402
- @ax-meta-purple-400-a: #2b006b30;
403
- @ax-meta-lime-100: #f4f9d1;
404
- @ax-meta-lime-200: #ebf4a9;
405
- @ax-meta-lime-300: #e0ec6b;
406
- @ax-meta-lime-400: #d0dc00;
407
- @ax-meta-lime-500: #878f00;
408
- @ax-meta-lime-600: #757c00;
409
- @ax-meta-lime-700: #646900;
410
- @ax-meta-lime-800: #5c6100;
411
- @ax-meta-lime-900: #515400;
412
- @ax-meta-lime-1000: #2a2800;
413
- @ax-meta-lime-100-a: #c3de002e;
414
- @ax-meta-lime-200-a: #c4df0056;
415
- @ax-meta-lime-300-a: #cadf0094;
416
- @ax-meta-lime-400-a: #d0dc00;
417
- @ax-spacing-0: 0;
418
- @ax-spacing-1: 0.25rem;
419
- @ax-spacing-2: 0.5rem;
420
- @ax-spacing-3: 0.75rem;
421
- @ax-spacing-4: 1rem;
422
- @ax-spacing-5: 1.25rem;
423
- @ax-spacing-6: 1.5rem;
424
- @ax-spacing-7: 1.75rem;
425
- @ax-spacing-8: 2rem;
426
- @ax-spacing-9: 2.25rem;
427
- @ax-spacing-10: 2.5rem;
428
- @ax-spacing-11: 2.75rem;
429
- @ax-spacing-12: 3rem;
430
- @ax-spacing-14: 3.5rem;
431
- @ax-spacing-16: 4rem;
432
- @ax-spacing-18: 4.5rem;
433
- @ax-spacing-20: 5rem;
434
- @ax-spacing-24: 6rem;
435
- @ax-spacing-32: 8rem;
436
- @ax-spacing-05: 0.125rem;
437
- @ax-spacing-1-alt: 0.375rem;
318
+ @ax-brand-1-100: #fbf3f6;
319
+ @ax-brand-1-200: #f8eaef;
320
+ @ax-brand-1-300: #f3dde5;
321
+ @ax-brand-1-400: #eccad6;
322
+ @ax-brand-1-500: #c26f92;
323
+ @ax-brand-1-600: #b65781;
324
+ @ax-brand-1-700: #a93d70;
325
+ @ax-brand-1-800: #a33069;
326
+ @ax-brand-1-900: #98185d;
327
+ @ax-brand-1-1000: #52002b;
328
+ @ax-brand-1-100-a: #aa00400c;
329
+ @ax-brand-1-200-a: #aa003d15;
330
+ @ax-brand-1-300-a: #a5003c22;
331
+ @ax-brand-1-400-a: #a4003a35;
332
+ @ax-brand-2-100: #fff4ee;
333
+ @ax-brand-2-200: #fdebe0;
334
+ @ax-brand-2-300: #fcddcd;
335
+ @ax-brand-2-400: #f8c8b1;
336
+ @ax-brand-2-500: #c0765d;
337
+ @ax-brand-2-600: #a9654e;
338
+ @ax-brand-2-700: #915541;
339
+ @ax-brand-2-800: #874e3b;
340
+ @ax-brand-2-900: #764332;
341
+ @ax-brand-2-1000: #3c1f15;
342
+ @ax-brand-2-100-a: #ff5a0011;
343
+ @ax-brand-2-200-a: #ef5b001f;
344
+ @ax-brand-2-300-a: #f0520032;
345
+ @ax-brand-2-400-a: #e94c004e;
346
+ @ax-brand-3-100: #eef6fc;
347
+ @ax-brand-3-200: #e3eff7;
348
+ @ax-brand-3-300: #d7e6f0;
349
+ @ax-brand-3-400: #c0d6e4;
350
+ @ax-brand-3-500: #5a8fae;
351
+ @ax-brand-3-600: #417da0;
352
+ @ax-brand-3-700: #246b91;
353
+ @ax-brand-3-800: #156389;
354
+ @ax-brand-3-900: #00557d;
355
+ @ax-brand-3-1000: #002942;
356
+ @ax-brand-3-100-a: #0078d211;
357
+ @ax-brand-3-200-a: #006eb71c;
358
+ @ax-brand-3-300-a: #0060a028;
359
+ @ax-brand-3-400-a: #005a923f;
360
+ @ax-meta-1-100: #f7f5f9;
361
+ @ax-meta-1-200: #f0edf4;
362
+ @ax-meta-1-300: #e6e1ed;
363
+ @ax-meta-1-400: #d7cfe3;
364
+ @ax-meta-1-500: #9580b1;
365
+ @ax-meta-1-600: #846ca4;
366
+ @ax-meta-1-700: #725a91;
367
+ @ax-meta-1-800: #6a5289;
368
+ @ax-meta-1-900: #5e467c;
369
+ @ax-meta-1-1000: #331a4d;
370
+ @ax-meta-1-100-a: #3300660a;
371
+ @ax-meta-1-200-a: #2b006412;
372
+ @ax-meta-1-300-a: #2b00661e;
373
+ @ax-meta-1-400-a: #2b006b30;
374
+ @ax-meta-2-100: #f4f9d1;
375
+ @ax-meta-2-200: #ebf4a9;
376
+ @ax-meta-2-300: #e0ec6b;
377
+ @ax-meta-2-400: #d0dc00;
378
+ @ax-meta-2-500: #878f00;
379
+ @ax-meta-2-600: #757c00;
380
+ @ax-meta-2-700: #646900;
381
+ @ax-meta-2-800: #5c6100;
382
+ @ax-meta-2-900: #515400;
383
+ @ax-meta-2-1000: #2a2800;
384
+ @ax-meta-2-100-a: #c3de002e;
385
+ @ax-meta-2-200-a: #c4df0056;
386
+ @ax-meta-2-300-a: #cadf0094;
387
+ @ax-meta-2-400-a: #d0dc00;
388
+ @ax-space-0: 0rem;
389
+ @ax-space-1: 0.0625rem;
390
+ @ax-space-2: 0.125rem;
391
+ @ax-space-4: 0.25rem;
392
+ @ax-space-6: 0.375rem;
393
+ @ax-space-8: 0.5rem;
394
+ @ax-space-12: 0.75rem;
395
+ @ax-space-16: 1rem;
396
+ @ax-space-20: 1.25rem;
397
+ @ax-space-24: 1.5rem;
398
+ @ax-space-28: 1.75rem;
399
+ @ax-space-32: 2rem;
400
+ @ax-space-36: 2.25rem;
401
+ @ax-space-40: 2.5rem;
402
+ @ax-space-44: 2.75rem;
403
+ @ax-space-48: 3rem;
404
+ @ax-space-56: 3.5rem;
405
+ @ax-space-64: 4rem;
406
+ @ax-space-72: 4.5rem;
407
+ @ax-space-80: 5rem;
408
+ @ax-space-96: 6rem;
409
+ @ax-space-128: 8rem;
438
410
  @ax-border-radius-small: 2px;
439
411
  @ax-border-radius-medium: 4px;
440
412
  @ax-border-radius-large: 8px;