@navikt/ds-tokens 7.9.1 → 7.9.2

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