@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.
Files changed (24) hide show
  1. package/dist/darkside/dark-tokens.css +210 -239
  2. package/dist/darkside/light-tokens.css +209 -238
  3. package/dist/darkside/root-tokens.css +22 -21
  4. package/dist/darkside/static/tokens-cjs.js +231 -259
  5. package/dist/darkside/static/tokens.d.ts +231 -259
  6. package/dist/darkside/static/tokens.js +231 -259
  7. package/dist/darkside/static/tokens.less +231 -259
  8. package/dist/darkside/static/tokens.scss +231 -259
  9. package/dist/darkside/tokens-cjs.js +210 -238
  10. package/dist/darkside/tokens.css +442 -499
  11. package/dist/darkside/tokens.d.ts +210 -238
  12. package/dist/darkside/tokens.js +210 -238
  13. package/dist/darkside/tokens.less +210 -238
  14. package/dist/darkside/tokens.scss +210 -238
  15. package/dist/tokens-cjs.js +22 -0
  16. package/dist/tokens.css +23 -1
  17. package/dist/tokens.d.ts +22 -0
  18. package/dist/tokens.js +22 -0
  19. package/dist/tokens.less +22 -0
  20. package/dist/tokens.scss +22 -0
  21. package/docs.json +24 -0
  22. package/package.json +1 -1
  23. package/src/future-space.json +26 -0
  24. package/types.ts +84 -56
package/dist/darkside/tokens.less CHANGED
@@ -10,21 +10,7 @@
10
10
  * Used for setting opacity on disabled elements.
11
11
  */
12
12
  @ax-opacity-disabled: var(--ax-opacity-disabled);
13
- @ax-bg-neutral: var(--ax-bg-neutral);
14
- @ax-bg-neutral-hover: var(--ax-bg-neutral-hover);
15
- @ax-bg-neutral-hoverA: var(--ax-bg-neutral-hoverA);
16
- @ax-bg-neutral-moderate: var(--ax-bg-neutral-moderate);
17
- @ax-bg-neutral-moderateA: var(--ax-bg-neutral-moderateA);
18
- @ax-bg-neutral-moderate-hover: var(--ax-bg-neutral-moderate-hover);
19
- @ax-bg-neutral-moderate-hoverA: var(--ax-bg-neutral-moderate-hoverA);
20
- @ax-bg-neutral-moderate-pressed: var(--ax-bg-neutral-moderate-pressed);
21
- @ax-bg-neutral-moderate-pressedA: var(--ax-bg-neutral-moderate-pressedA);
22
- @ax-bg-neutral-strong: var(--ax-bg-neutral-strong);
23
- @ax-bg-neutral-strong-hover: var(--ax-bg-neutral-strong-hover);
24
- @ax-bg-neutral-strong-pressed: var(--ax-bg-neutral-strong-pressed);
25
- @ax-bg-neutral-raised: var(--ax-bg-neutral-raised);
26
- @ax-bg-neutral-raised-hover: var(--ax-bg-neutral-raised-hover);
27
- @ax-bg-accent: var(--ax-bg-accent);
13
+ @ax-bg-accent-soft: var(--ax-bg-accent-soft);
28
14
  @ax-bg-accent-hover: var(--ax-bg-accent-hover);
29
15
  @ax-bg-accent-hoverA: var(--ax-bg-accent-hoverA);
30
16
  @ax-bg-accent-moderate: var(--ax-bg-accent-moderate);
@@ -36,9 +22,7 @@
36
22
  @ax-bg-accent-strong: var(--ax-bg-accent-strong);
37
23
  @ax-bg-accent-strong-hover: var(--ax-bg-accent-strong-hover);
38
24
  @ax-bg-accent-strong-pressed: var(--ax-bg-accent-strong-pressed);
39
- @ax-bg-accent-raised: var(--ax-bg-accent-raised);
40
- @ax-bg-accent-raised-hover: var(--ax-bg-accent-raised-hover);
41
- @ax-bg-success: var(--ax-bg-success);
25
+ @ax-bg-success-soft: var(--ax-bg-success-soft);
42
26
  @ax-bg-success-hover: var(--ax-bg-success-hover);
43
27
  @ax-bg-success-hoverA: var(--ax-bg-success-hoverA);
44
28
  @ax-bg-success-moderate: var(--ax-bg-success-moderate);
@@ -50,9 +34,7 @@
50
34
  @ax-bg-success-strong: var(--ax-bg-success-strong);
51
35
  @ax-bg-success-strong-hover: var(--ax-bg-success-strong-hover);
52
36
  @ax-bg-success-strong-pressed: var(--ax-bg-success-strong-pressed);
53
- @ax-bg-success-raised: var(--ax-bg-success-raised);
54
- @ax-bg-success-raised-hover: var(--ax-bg-success-raised-hover);
55
- @ax-bg-warning: var(--ax-bg-warning);
37
+ @ax-bg-warning-soft: var(--ax-bg-warning-soft);
56
38
  @ax-bg-warning-hover: var(--ax-bg-warning-hover);
57
39
  @ax-bg-warning-hoverA: var(--ax-bg-warning-hoverA);
58
40
  @ax-bg-warning-moderate: var(--ax-bg-warning-moderate);
@@ -64,9 +46,7 @@
64
46
  @ax-bg-warning-strong: var(--ax-bg-warning-strong);
65
47
  @ax-bg-warning-strong-hover: var(--ax-bg-warning-strong-hover);
66
48
  @ax-bg-warning-strong-pressed: var(--ax-bg-warning-strong-pressed);
67
- @ax-bg-warning-raised: var(--ax-bg-warning-raised);
68
- @ax-bg-warning-raised-hover: var(--ax-bg-warning-raised-hover);
69
- @ax-bg-danger: var(--ax-bg-danger);
49
+ @ax-bg-danger-soft: var(--ax-bg-danger-soft);
70
50
  @ax-bg-danger-hover: var(--ax-bg-danger-hover);
71
51
  @ax-bg-danger-hoverA: var(--ax-bg-danger-hoverA);
72
52
  @ax-bg-danger-moderate: var(--ax-bg-danger-moderate);
@@ -78,9 +58,7 @@
78
58
  @ax-bg-danger-strong: var(--ax-bg-danger-strong);
79
59
  @ax-bg-danger-strong-hover: var(--ax-bg-danger-strong-hover);
80
60
  @ax-bg-danger-strong-pressed: var(--ax-bg-danger-strong-pressed);
81
- @ax-bg-danger-raised: var(--ax-bg-danger-raised);
82
- @ax-bg-danger-raised-hover: var(--ax-bg-danger-raised-hover);
83
- @ax-bg-info: var(--ax-bg-info);
61
+ @ax-bg-info-soft: var(--ax-bg-info-soft);
84
62
  @ax-bg-info-hover: var(--ax-bg-info-hover);
85
63
  @ax-bg-info-hoverA: var(--ax-bg-info-hoverA);
86
64
  @ax-bg-info-moderate: var(--ax-bg-info-moderate);
@@ -92,86 +70,83 @@
92
70
  @ax-bg-info-strong: var(--ax-bg-info-strong);
93
71
  @ax-bg-info-strong-hover: var(--ax-bg-info-strong-hover);
94
72
  @ax-bg-info-strong-pressed: var(--ax-bg-info-strong-pressed);
95
- @ax-bg-info-raised: var(--ax-bg-info-raised);
96
- @ax-bg-info-raised-hover: var(--ax-bg-info-raised-hover);
97
- @ax-bg-brand-magenta: var(--ax-bg-brand-magenta);
98
- @ax-bg-brand-magenta-hover: var(--ax-bg-brand-magenta-hover);
99
- @ax-bg-brand-magenta-hoverA: var(--ax-bg-brand-magenta-hoverA);
100
- @ax-bg-brand-magenta-moderate: var(--ax-bg-brand-magenta-moderate);
101
- @ax-bg-brand-magenta-moderateA: var(--ax-bg-brand-magenta-moderateA);
102
- @ax-bg-brand-magenta-moderate-hover: var(--ax-bg-brand-magenta-moderate-hover);
103
- @ax-bg-brand-magenta-moderate-hoverA: var(--ax-bg-brand-magenta-moderate-hoverA);
104
- @ax-bg-brand-magenta-moderate-pressed: var(--ax-bg-brand-magenta-moderate-pressed);
105
- @ax-bg-brand-magenta-moderate-pressedA: var(--ax-bg-brand-magenta-moderate-pressedA);
106
- @ax-bg-brand-magenta-strong: var(--ax-bg-brand-magenta-strong);
107
- @ax-bg-brand-magenta-strong-hover: var(--ax-bg-brand-magenta-strong-hover);
108
- @ax-bg-brand-magenta-strong-pressed: var(--ax-bg-brand-magenta-strong-pressed);
109
- @ax-bg-brand-magenta-raised: var(--ax-bg-brand-magenta-raised);
110
- @ax-bg-brand-magenta-raised-hover: var(--ax-bg-brand-magenta-raised-hover);
111
- @ax-bg-brand-beige: var(--ax-bg-brand-beige);
112
- @ax-bg-brand-beige-hover: var(--ax-bg-brand-beige-hover);
113
- @ax-bg-brand-beige-hoverA: var(--ax-bg-brand-beige-hoverA);
114
- @ax-bg-brand-beige-moderate: var(--ax-bg-brand-beige-moderate);
115
- @ax-bg-brand-beige-moderateA: var(--ax-bg-brand-beige-moderateA);
116
- @ax-bg-brand-beige-moderate-hover: var(--ax-bg-brand-beige-moderate-hover);
117
- @ax-bg-brand-beige-moderate-hoverA: var(--ax-bg-brand-beige-moderate-hoverA);
118
- @ax-bg-brand-beige-moderate-pressed: var(--ax-bg-brand-beige-moderate-pressed);
119
- @ax-bg-brand-beige-moderate-pressedA: var(--ax-bg-brand-beige-moderate-pressedA);
120
- @ax-bg-brand-beige-strong: var(--ax-bg-brand-beige-strong);
121
- @ax-bg-brand-beige-strong-hover: var(--ax-bg-brand-beige-strong-hover);
122
- @ax-bg-brand-beige-strong-pressed: var(--ax-bg-brand-beige-strong-pressed);
123
- @ax-bg-brand-beige-raised: var(--ax-bg-brand-beige-raised);
124
- @ax-bg-brand-beige-raised-hover: var(--ax-bg-brand-beige-raised-hover);
125
- @ax-bg-brand-blue: var(--ax-bg-brand-blue);
126
- @ax-bg-brand-blue-hover: var(--ax-bg-brand-blue-hover);
127
- @ax-bg-brand-blue-hoverA: var(--ax-bg-brand-blue-hoverA);
128
- @ax-bg-brand-blue-moderate: var(--ax-bg-brand-blue-moderate);
129
- @ax-bg-brand-blue-moderateA: var(--ax-bg-brand-blue-moderateA);
130
- @ax-bg-brand-blue-moderate-hover: var(--ax-bg-brand-blue-moderate-hover);
131
- @ax-bg-brand-blue-moderate-hoverA: var(--ax-bg-brand-blue-moderate-hoverA);
132
- @ax-bg-brand-blue-moderate-pressed: var(--ax-bg-brand-blue-moderate-pressed);
133
- @ax-bg-brand-blue-moderate-pressedA: var(--ax-bg-brand-blue-moderate-pressedA);
134
- @ax-bg-brand-blue-strong: var(--ax-bg-brand-blue-strong);
135
- @ax-bg-brand-blue-strong-hover: var(--ax-bg-brand-blue-strong-hover);
136
- @ax-bg-brand-blue-strong-pressed: var(--ax-bg-brand-blue-strong-pressed);
137
- @ax-bg-brand-blue-raised: var(--ax-bg-brand-blue-raised);
138
- @ax-bg-brand-blue-raised-hover: var(--ax-bg-brand-blue-raised-hover);
139
- @ax-bg-meta-purple: var(--ax-bg-meta-purple);
140
- @ax-bg-meta-purple-hover: var(--ax-bg-meta-purple-hover);
141
- @ax-bg-meta-purple-hoverA: var(--ax-bg-meta-purple-hoverA);
142
- @ax-bg-meta-purple-moderate: var(--ax-bg-meta-purple-moderate);
143
- @ax-bg-meta-purple-moderateA: var(--ax-bg-meta-purple-moderateA);
144
- @ax-bg-meta-purple-moderate-hover: var(--ax-bg-meta-purple-moderate-hover);
145
- @ax-bg-meta-purple-moderate-hoverA: var(--ax-bg-meta-purple-moderate-hoverA);
146
- @ax-bg-meta-purple-moderate-pressed: var(--ax-bg-meta-purple-moderate-pressed);
147
- @ax-bg-meta-purple-moderate-pressedA: var(--ax-bg-meta-purple-moderate-pressedA);
148
- @ax-bg-meta-purple-strong: var(--ax-bg-meta-purple-strong);
149
- @ax-bg-meta-purple-strong-hover: var(--ax-bg-meta-purple-strong-hover);
150
- @ax-bg-meta-purple-strong-pressed: var(--ax-bg-meta-purple-strong-pressed);
151
- @ax-bg-meta-purple-raised: var(--ax-bg-meta-purple-raised);
152
- @ax-bg-meta-purple-raised-hover: var(--ax-bg-meta-purple-raised-hover);
153
- @ax-bg-meta-lime: var(--ax-bg-meta-lime);
154
- @ax-bg-meta-lime-hover: var(--ax-bg-meta-lime-hover);
155
- @ax-bg-meta-lime-hoverA: var(--ax-bg-meta-lime-hoverA);
156
- @ax-bg-meta-lime-moderate: var(--ax-bg-meta-lime-moderate);
157
- @ax-bg-meta-lime-moderateA: var(--ax-bg-meta-lime-moderateA);
158
- @ax-bg-meta-lime-moderate-hover: var(--ax-bg-meta-lime-moderate-hover);
159
- @ax-bg-meta-lime-moderate-hoverA: var(--ax-bg-meta-lime-moderate-hoverA);
160
- @ax-bg-meta-lime-moderate-pressed: var(--ax-bg-meta-lime-moderate-pressed);
161
- @ax-bg-meta-lime-moderate-pressedA: var(--ax-bg-meta-lime-moderate-pressedA);
162
- @ax-bg-meta-lime-strong: var(--ax-bg-meta-lime-strong);
163
- @ax-bg-meta-lime-strong-hover: var(--ax-bg-meta-lime-strong-hover);
164
- @ax-bg-meta-lime-strong-pressed: var(--ax-bg-meta-lime-strong-pressed);
165
- @ax-bg-meta-lime-raised: var(--ax-bg-meta-lime-raised);
166
- @ax-bg-meta-lime-raised-hover: var(--ax-bg-meta-lime-raised-hover);
73
+ @ax-bg-brand-1-soft: var(--ax-bg-brand-1-soft);
74
+ @ax-bg-brand-1-hover: var(--ax-bg-brand-1-hover);
75
+ @ax-bg-brand-1-hoverA: var(--ax-bg-brand-1-hoverA);
76
+ @ax-bg-brand-1-moderate: var(--ax-bg-brand-1-moderate);
77
+ @ax-bg-brand-1-moderateA: var(--ax-bg-brand-1-moderateA);
78
+ @ax-bg-brand-1-moderate-hover: var(--ax-bg-brand-1-moderate-hover);
79
+ @ax-bg-brand-1-moderate-hoverA: var(--ax-bg-brand-1-moderate-hoverA);
80
+ @ax-bg-brand-1-moderate-pressed: var(--ax-bg-brand-1-moderate-pressed);
81
+ @ax-bg-brand-1-moderate-pressedA: var(--ax-bg-brand-1-moderate-pressedA);
82
+ @ax-bg-brand-1-strong: var(--ax-bg-brand-1-strong);
83
+ @ax-bg-brand-1-strong-hover: var(--ax-bg-brand-1-strong-hover);
84
+ @ax-bg-brand-1-strong-pressed: var(--ax-bg-brand-1-strong-pressed);
85
+ @ax-bg-brand-2-soft: var(--ax-bg-brand-2-soft);
86
+ @ax-bg-brand-2-hover: var(--ax-bg-brand-2-hover);
87
+ @ax-bg-brand-2-hoverA: var(--ax-bg-brand-2-hoverA);
88
+ @ax-bg-brand-2-moderate: var(--ax-bg-brand-2-moderate);
89
+ @ax-bg-brand-2-moderateA: var(--ax-bg-brand-2-moderateA);
90
+ @ax-bg-brand-2-moderate-hover: var(--ax-bg-brand-2-moderate-hover);
91
+ @ax-bg-brand-2-moderate-hoverA: var(--ax-bg-brand-2-moderate-hoverA);
92
+ @ax-bg-brand-2-moderate-pressed: var(--ax-bg-brand-2-moderate-pressed);
93
+ @ax-bg-brand-2-moderate-pressedA: var(--ax-bg-brand-2-moderate-pressedA);
94
+ @ax-bg-brand-2-strong: var(--ax-bg-brand-2-strong);
95
+ @ax-bg-brand-2-strong-hover: var(--ax-bg-brand-2-strong-hover);
96
+ @ax-bg-brand-2-strong-pressed: var(--ax-bg-brand-2-strong-pressed);
97
+ @ax-bg-brand-3-soft: var(--ax-bg-brand-3-soft);
98
+ @ax-bg-brand-3-hover: var(--ax-bg-brand-3-hover);
99
+ @ax-bg-brand-3-hoverA: var(--ax-bg-brand-3-hoverA);
100
+ @ax-bg-brand-3-moderate: var(--ax-bg-brand-3-moderate);
101
+ @ax-bg-brand-3-moderateA: var(--ax-bg-brand-3-moderateA);
102
+ @ax-bg-brand-3-moderate-hover: var(--ax-bg-brand-3-moderate-hover);
103
+ @ax-bg-brand-3-moderate-hoverA: var(--ax-bg-brand-3-moderate-hoverA);
104
+ @ax-bg-brand-3-moderate-pressed: var(--ax-bg-brand-3-moderate-pressed);
105
+ @ax-bg-brand-3-moderate-pressedA: var(--ax-bg-brand-3-moderate-pressedA);
106
+ @ax-bg-brand-3-strong: var(--ax-bg-brand-3-strong);
107
+ @ax-bg-brand-3-strong-hover: var(--ax-bg-brand-3-strong-hover);
108
+ @ax-bg-brand-3-strong-pressed: var(--ax-bg-brand-3-strong-pressed);
109
+ @ax-bg-meta-1-soft: var(--ax-bg-meta-1-soft);
110
+ @ax-bg-meta-1-hover: var(--ax-bg-meta-1-hover);
111
+ @ax-bg-meta-1-hoverA: var(--ax-bg-meta-1-hoverA);
112
+ @ax-bg-meta-1-moderate: var(--ax-bg-meta-1-moderate);
113
+ @ax-bg-meta-1-moderateA: var(--ax-bg-meta-1-moderateA);
114
+ @ax-bg-meta-1-moderate-hover: var(--ax-bg-meta-1-moderate-hover);
115
+ @ax-bg-meta-1-moderate-hoverA: var(--ax-bg-meta-1-moderate-hoverA);
116
+ @ax-bg-meta-1-moderate-pressed: var(--ax-bg-meta-1-moderate-pressed);
117
+ @ax-bg-meta-1-moderate-pressedA: var(--ax-bg-meta-1-moderate-pressedA);
118
+ @ax-bg-meta-1-strong: var(--ax-bg-meta-1-strong);
119
+ @ax-bg-meta-1-strong-hover: var(--ax-bg-meta-1-strong-hover);
120
+ @ax-bg-meta-1-strong-pressed: var(--ax-bg-meta-1-strong-pressed);
121
+ @ax-bg-meta-2-soft: var(--ax-bg-meta-2-soft);
122
+ @ax-bg-meta-2-hover: var(--ax-bg-meta-2-hover);
123
+ @ax-bg-meta-2-hoverA: var(--ax-bg-meta-2-hoverA);
124
+ @ax-bg-meta-2-moderate: var(--ax-bg-meta-2-moderate);
125
+ @ax-bg-meta-2-moderateA: var(--ax-bg-meta-2-moderateA);
126
+ @ax-bg-meta-2-moderate-hover: var(--ax-bg-meta-2-moderate-hover);
127
+ @ax-bg-meta-2-moderate-hoverA: var(--ax-bg-meta-2-moderate-hoverA);
128
+ @ax-bg-meta-2-moderate-pressed: var(--ax-bg-meta-2-moderate-pressed);
129
+ @ax-bg-meta-2-moderate-pressedA: var(--ax-bg-meta-2-moderate-pressedA);
130
+ @ax-bg-meta-2-strong: var(--ax-bg-meta-2-strong);
131
+ @ax-bg-meta-2-strong-hover: var(--ax-bg-meta-2-strong-hover);
132
+ @ax-bg-meta-2-strong-pressed: var(--ax-bg-meta-2-strong-pressed);
167
133
  @ax-bg-default: var(--ax-bg-default);
168
134
  @ax-bg-input: var(--ax-bg-input);
169
135
  @ax-bg-raised: var(--ax-bg-raised);
170
136
  @ax-bg-sunken: var(--ax-bg-sunken);
171
137
  @ax-bg-overlay: var(--ax-bg-overlay);
172
- @ax-text-neutral: var(--ax-text-neutral);
173
- @ax-text-neutral-strong: var(--ax-text-neutral-strong);
174
- @ax-text-neutral-icon: var(--ax-text-neutral-icon);
138
+ @ax-bg-soft: var(--ax-bg-soft);
139
+ @ax-bg-hover: var(--ax-bg-hover);
140
+ @ax-bg-hoverA: var(--ax-bg-hoverA);
141
+ @ax-bg-moderate: var(--ax-bg-moderate);
142
+ @ax-bg-moderateA: var(--ax-bg-moderateA);
143
+ @ax-bg-moderate-hover: var(--ax-bg-moderate-hover);
144
+ @ax-bg-moderate-hoverA: var(--ax-bg-moderate-hoverA);
145
+ @ax-bg-moderate-pressed: var(--ax-bg-moderate-pressed);
146
+ @ax-bg-moderate-pressedA: var(--ax-bg-moderate-pressedA);
147
+ @ax-bg-strong: var(--ax-bg-strong);
148
+ @ax-bg-strong-hover: var(--ax-bg-strong-hover);
149
+ @ax-bg-strong-pressed: var(--ax-bg-strong-pressed);
175
150
  @ax-text-accent: var(--ax-text-accent);
176
151
  @ax-text-accent-strong: var(--ax-text-accent-strong);
177
152
  @ax-text-accent-icon: var(--ax-text-accent-icon);
@@ -187,40 +162,36 @@
187
162
  @ax-text-info: var(--ax-text-info);
188
163
  @ax-text-info-strong: var(--ax-text-info-strong);
189
164
  @ax-text-info-icon: var(--ax-text-info-icon);
190
- @ax-text-brand-magenta: var(--ax-text-brand-magenta);
191
- @ax-text-brand-magenta-strong: var(--ax-text-brand-magenta-strong);
192
- @ax-text-brand-magenta-icon: var(--ax-text-brand-magenta-icon);
193
- @ax-text-brand-beige: var(--ax-text-brand-beige);
194
- @ax-text-brand-beige-strong: var(--ax-text-brand-beige-strong);
195
- @ax-text-brand-beige-icon: var(--ax-text-brand-beige-icon);
196
- @ax-text-brand-blue: var(--ax-text-brand-blue);
197
- @ax-text-brand-blue-strong: var(--ax-text-brand-blue-strong);
198
- @ax-text-brand-blue-icon: var(--ax-text-brand-blue-icon);
199
- @ax-text-meta-purple: var(--ax-text-meta-purple);
200
- @ax-text-meta-purple-strong: var(--ax-text-meta-purple-strong);
201
- @ax-text-meta-purple-icon: var(--ax-text-meta-purple-icon);
202
- @ax-text-meta-lime: var(--ax-text-meta-lime);
203
- @ax-text-meta-lime-strong: var(--ax-text-meta-lime-strong);
204
- @ax-text-meta-lime-icon: var(--ax-text-meta-lime-icon);
165
+ @ax-text-brand-1: var(--ax-text-brand-1);
166
+ @ax-text-brand-1-strong: var(--ax-text-brand-1-strong);
167
+ @ax-text-brand-1-icon: var(--ax-text-brand-1-icon);
168
+ @ax-text-brand-2: var(--ax-text-brand-2);
169
+ @ax-text-brand-2-strong: var(--ax-text-brand-2-strong);
170
+ @ax-text-brand-2-icon: var(--ax-text-brand-2-icon);
171
+ @ax-text-brand-3: var(--ax-text-brand-3);
172
+ @ax-text-brand-3-strong: var(--ax-text-brand-3-strong);
173
+ @ax-text-brand-3-icon: var(--ax-text-brand-3-icon);
174
+ @ax-text-meta-1: var(--ax-text-meta-1);
175
+ @ax-text-meta-1-strong: var(--ax-text-meta-1-strong);
176
+ @ax-text-meta-1-icon: var(--ax-text-meta-1-icon);
177
+ @ax-text-meta-2: var(--ax-text-meta-2);
178
+ @ax-text-meta-2-strong: var(--ax-text-meta-2-strong);
179
+ @ax-text-meta-2-icon: var(--ax-text-meta-2-icon);
205
180
  @ax-text-accent-contrast: var(--ax-text-accent-contrast);
206
- @ax-text-neutral-contrast: var(--ax-text-neutral-contrast);
207
181
  @ax-text-danger-contrast: var(--ax-text-danger-contrast);
208
182
  @ax-text-info-contrast: var(--ax-text-info-contrast);
209
183
  @ax-text-success-contrast: var(--ax-text-success-contrast);
210
184
  @ax-text-warning-contrast: var(--ax-text-warning-contrast);
211
- @ax-text-brand-magenta-contrast: var(--ax-text-brand-magenta-contrast);
212
- @ax-text-brand-beige-contrast: var(--ax-text-brand-beige-contrast);
213
- @ax-text-brand-blue-contrast: var(--ax-text-brand-blue-contrast);
214
- @ax-text-meta-purple-contrast: var(--ax-text-meta-purple-contrast);
215
- @ax-text-meta-lime-contrast: var(--ax-text-meta-lime-contrast);
185
+ @ax-text-brand-1-contrast: var(--ax-text-brand-1-contrast);
186
+ @ax-text-brand-2-contrast: var(--ax-text-brand-2-contrast);
187
+ @ax-text-brand-3-contrast: var(--ax-text-brand-3-contrast);
188
+ @ax-text-meta-1-contrast: var(--ax-text-meta-1-contrast);
189
+ @ax-text-meta-2-contrast: var(--ax-text-meta-2-contrast);
216
190
  @ax-text-default: var(--ax-text-default);
217
191
  @ax-text-subtle: var(--ax-text-subtle);
218
192
  @ax-text-icon: var(--ax-text-icon);
219
193
  @ax-text-logo: var(--ax-text-logo);
220
- @ax-border-neutral: var(--ax-border-neutral);
221
- @ax-border-neutral-subtle: var(--ax-border-neutral-subtle);
222
- @ax-border-neutral-subtleA: var(--ax-border-neutral-subtleA);
223
- @ax-border-neutral-strong: var(--ax-border-neutral-strong);
194
+ @ax-text-contrast: var(--ax-text-contrast);
224
195
  @ax-border-accent: var(--ax-border-accent);
225
196
  @ax-border-accent-subtle: var(--ax-border-accent-subtle);
226
197
  @ax-border-accent-subtleA: var(--ax-border-accent-subtleA);
@@ -241,26 +212,26 @@
241
212
  @ax-border-info-subtle: var(--ax-border-info-subtle);
242
213
  @ax-border-info-subtleA: var(--ax-border-info-subtleA);
243
214
  @ax-border-info-strong: var(--ax-border-info-strong);
244
- @ax-border-brand-magenta: var(--ax-border-brand-magenta);
245
- @ax-border-brand-magenta-subtle: var(--ax-border-brand-magenta-subtle);
246
- @ax-border-brand-magenta-subtleA: var(--ax-border-brand-magenta-subtleA);
247
- @ax-border-brand-magenta-strong: var(--ax-border-brand-magenta-strong);
248
- @ax-border-brand-beige: var(--ax-border-brand-beige);
249
- @ax-border-brand-beige-subtle: var(--ax-border-brand-beige-subtle);
250
- @ax-border-brand-beige-subtleA: var(--ax-border-brand-beige-subtleA);
251
- @ax-border-brand-beige-strong: var(--ax-border-brand-beige-strong);
252
- @ax-border-brand-blue: var(--ax-border-brand-blue);
253
- @ax-border-brand-blue-subtle: var(--ax-border-brand-blue-subtle);
254
- @ax-border-brand-blue-subtleA: var(--ax-border-brand-blue-subtleA);
255
- @ax-border-brand-blue-strong: var(--ax-border-brand-blue-strong);
256
- @ax-border-meta-purple: var(--ax-border-meta-purple);
257
- @ax-border-meta-purple-subtle: var(--ax-border-meta-purple-subtle);
258
- @ax-border-meta-purple-subtleA: var(--ax-border-meta-purple-subtleA);
259
- @ax-border-meta-purple-strong: var(--ax-border-meta-purple-strong);
260
- @ax-border-meta-lime: var(--ax-border-meta-lime);
261
- @ax-border-meta-lime-subtle: var(--ax-border-meta-lime-subtle);
262
- @ax-border-meta-lime-subtleA: var(--ax-border-meta-lime-subtleA);
263
- @ax-border-meta-lime-strong: var(--ax-border-meta-lime-strong);
215
+ @ax-border-brand-1: var(--ax-border-brand-1);
216
+ @ax-border-brand-1-subtle: var(--ax-border-brand-1-subtle);
217
+ @ax-border-brand-1-subtleA: var(--ax-border-brand-1-subtleA);
218
+ @ax-border-brand-1-strong: var(--ax-border-brand-1-strong);
219
+ @ax-border-brand-2: var(--ax-border-brand-2);
220
+ @ax-border-brand-2-subtle: var(--ax-border-brand-2-subtle);
221
+ @ax-border-brand-2-subtleA: var(--ax-border-brand-2-subtleA);
222
+ @ax-border-brand-2-strong: var(--ax-border-brand-2-strong);
223
+ @ax-border-brand-3: var(--ax-border-brand-3);
224
+ @ax-border-brand-3-subtle: var(--ax-border-brand-3-subtle);
225
+ @ax-border-brand-3-subtleA: var(--ax-border-brand-3-subtleA);
226
+ @ax-border-brand-3-strong: var(--ax-border-brand-3-strong);
227
+ @ax-border-meta-1: var(--ax-border-meta-1);
228
+ @ax-border-meta-1-subtle: var(--ax-border-meta-1-subtle);
229
+ @ax-border-meta-1-subtleA: var(--ax-border-meta-1-subtleA);
230
+ @ax-border-meta-1-strong: var(--ax-border-meta-1-strong);
231
+ @ax-border-meta-2: var(--ax-border-meta-2);
232
+ @ax-border-meta-2-subtle: var(--ax-border-meta-2-subtle);
233
+ @ax-border-meta-2-subtleA: var(--ax-border-meta-2-subtleA);
234
+ @ax-border-meta-2-strong: var(--ax-border-meta-2-strong);
264
235
  @ax-border-default: var(--ax-border-default);
265
236
  @ax-border-subtle: var(--ax-border-subtle);
266
237
  @ax-border-subtleA: var(--ax-border-subtleA);
@@ -351,97 +322,98 @@
351
322
  @ax-info-200A: var(--ax-info-200A);
352
323
  @ax-info-300A: var(--ax-info-300A);
353
324
  @ax-info-400A: var(--ax-info-400A);
354
- @ax-brand-magenta-100: var(--ax-brand-magenta-100);
355
- @ax-brand-magenta-200: var(--ax-brand-magenta-200);
356
- @ax-brand-magenta-300: var(--ax-brand-magenta-300);
357
- @ax-brand-magenta-400: var(--ax-brand-magenta-400);
358
- @ax-brand-magenta-500: var(--ax-brand-magenta-500);
359
- @ax-brand-magenta-600: var(--ax-brand-magenta-600);
360
- @ax-brand-magenta-700: var(--ax-brand-magenta-700);
361
- @ax-brand-magenta-800: var(--ax-brand-magenta-800);
362
- @ax-brand-magenta-900: var(--ax-brand-magenta-900);
363
- @ax-brand-magenta-1000: var(--ax-brand-magenta-1000);
364
- @ax-brand-magenta-100A: var(--ax-brand-magenta-100A);
365
- @ax-brand-magenta-200A: var(--ax-brand-magenta-200A);
366
- @ax-brand-magenta-300A: var(--ax-brand-magenta-300A);
367
- @ax-brand-magenta-400A: var(--ax-brand-magenta-400A);
368
- @ax-brand-beige-100: var(--ax-brand-beige-100);
369
- @ax-brand-beige-200: var(--ax-brand-beige-200);
370
- @ax-brand-beige-300: var(--ax-brand-beige-300);
371
- @ax-brand-beige-400: var(--ax-brand-beige-400);
372
- @ax-brand-beige-500: var(--ax-brand-beige-500);
373
- @ax-brand-beige-600: var(--ax-brand-beige-600);
374
- @ax-brand-beige-700: var(--ax-brand-beige-700);
375
- @ax-brand-beige-800: var(--ax-brand-beige-800);
376
- @ax-brand-beige-900: var(--ax-brand-beige-900);
377
- @ax-brand-beige-1000: var(--ax-brand-beige-1000);
378
- @ax-brand-beige-100A: var(--ax-brand-beige-100A);
379
- @ax-brand-beige-200A: var(--ax-brand-beige-200A);
380
- @ax-brand-beige-300A: var(--ax-brand-beige-300A);
381
- @ax-brand-beige-400A: var(--ax-brand-beige-400A);
382
- @ax-brand-blue-100: var(--ax-brand-blue-100);
383
- @ax-brand-blue-200: var(--ax-brand-blue-200);
384
- @ax-brand-blue-300: var(--ax-brand-blue-300);
385
- @ax-brand-blue-400: var(--ax-brand-blue-400);
386
- @ax-brand-blue-500: var(--ax-brand-blue-500);
387
- @ax-brand-blue-600: var(--ax-brand-blue-600);
388
- @ax-brand-blue-700: var(--ax-brand-blue-700);
389
- @ax-brand-blue-800: var(--ax-brand-blue-800);
390
- @ax-brand-blue-900: var(--ax-brand-blue-900);
391
- @ax-brand-blue-1000: var(--ax-brand-blue-1000);
392
- @ax-brand-blue-100A: var(--ax-brand-blue-100A);
393
- @ax-brand-blue-200A: var(--ax-brand-blue-200A);
394
- @ax-brand-blue-300A: var(--ax-brand-blue-300A);
395
- @ax-brand-blue-400A: var(--ax-brand-blue-400A);
396
- @ax-meta-purple-100: var(--ax-meta-purple-100);
397
- @ax-meta-purple-200: var(--ax-meta-purple-200);
398
- @ax-meta-purple-300: var(--ax-meta-purple-300);
399
- @ax-meta-purple-400: var(--ax-meta-purple-400);
400
- @ax-meta-purple-500: var(--ax-meta-purple-500);
401
- @ax-meta-purple-600: var(--ax-meta-purple-600);
402
- @ax-meta-purple-700: var(--ax-meta-purple-700);
403
- @ax-meta-purple-800: var(--ax-meta-purple-800);
404
- @ax-meta-purple-900: var(--ax-meta-purple-900);
405
- @ax-meta-purple-1000: var(--ax-meta-purple-1000);
406
- @ax-meta-purple-100A: var(--ax-meta-purple-100A);
407
- @ax-meta-purple-200A: var(--ax-meta-purple-200A);
408
- @ax-meta-purple-300A: var(--ax-meta-purple-300A);
409
- @ax-meta-purple-400A: var(--ax-meta-purple-400A);
410
- @ax-meta-lime-100: var(--ax-meta-lime-100);
411
- @ax-meta-lime-200: var(--ax-meta-lime-200);
412
- @ax-meta-lime-300: var(--ax-meta-lime-300);
413
- @ax-meta-lime-400: var(--ax-meta-lime-400);
414
- @ax-meta-lime-500: var(--ax-meta-lime-500);
415
- @ax-meta-lime-600: var(--ax-meta-lime-600);
416
- @ax-meta-lime-700: var(--ax-meta-lime-700);
417
- @ax-meta-lime-800: var(--ax-meta-lime-800);
418
- @ax-meta-lime-900: var(--ax-meta-lime-900);
419
- @ax-meta-lime-1000: var(--ax-meta-lime-1000);
420
- @ax-meta-lime-100A: var(--ax-meta-lime-100A);
421
- @ax-meta-lime-200A: var(--ax-meta-lime-200A);
422
- @ax-meta-lime-300A: var(--ax-meta-lime-300A);
423
- @ax-meta-lime-400A: var(--ax-meta-lime-400A);
424
- @ax-spacing-0: var(--ax-spacing-0);
425
- @ax-spacing-1: var(--ax-spacing-1);
426
- @ax-spacing-2: var(--ax-spacing-2);
427
- @ax-spacing-3: var(--ax-spacing-3);
428
- @ax-spacing-4: var(--ax-spacing-4);
429
- @ax-spacing-5: var(--ax-spacing-5);
430
- @ax-spacing-6: var(--ax-spacing-6);
431
- @ax-spacing-7: var(--ax-spacing-7);
432
- @ax-spacing-8: var(--ax-spacing-8);
433
- @ax-spacing-9: var(--ax-spacing-9);
434
- @ax-spacing-10: var(--ax-spacing-10);
435
- @ax-spacing-11: var(--ax-spacing-11);
436
- @ax-spacing-12: var(--ax-spacing-12);
437
- @ax-spacing-14: var(--ax-spacing-14);
438
- @ax-spacing-16: var(--ax-spacing-16);
439
- @ax-spacing-18: var(--ax-spacing-18);
440
- @ax-spacing-20: var(--ax-spacing-20);
441
- @ax-spacing-24: var(--ax-spacing-24);
442
- @ax-spacing-32: var(--ax-spacing-32);
443
- @ax-spacing-05: var(--ax-spacing-05);
444
- @ax-spacing-1-alt: var(--ax-spacing-1-alt);
325
+ @ax-brand-1-100: var(--ax-brand-1-100);
326
+ @ax-brand-1-200: var(--ax-brand-1-200);
327
+ @ax-brand-1-300: var(--ax-brand-1-300);
328
+ @ax-brand-1-400: var(--ax-brand-1-400);
329
+ @ax-brand-1-500: var(--ax-brand-1-500);
330
+ @ax-brand-1-600: var(--ax-brand-1-600);
331
+ @ax-brand-1-700: var(--ax-brand-1-700);
332
+ @ax-brand-1-800: var(--ax-brand-1-800);
333
+ @ax-brand-1-900: var(--ax-brand-1-900);
334
+ @ax-brand-1-1000: var(--ax-brand-1-1000);
335
+ @ax-brand-1-100A: var(--ax-brand-1-100A);
336
+ @ax-brand-1-200A: var(--ax-brand-1-200A);
337
+ @ax-brand-1-300A: var(--ax-brand-1-300A);
338
+ @ax-brand-1-400A: var(--ax-brand-1-400A);
339
+ @ax-brand-2-100: var(--ax-brand-2-100);
340
+ @ax-brand-2-200: var(--ax-brand-2-200);
341
+ @ax-brand-2-300: var(--ax-brand-2-300);
342
+ @ax-brand-2-400: var(--ax-brand-2-400);
343
+ @ax-brand-2-500: var(--ax-brand-2-500);
344
+ @ax-brand-2-600: var(--ax-brand-2-600);
345
+ @ax-brand-2-700: var(--ax-brand-2-700);
346
+ @ax-brand-2-800: var(--ax-brand-2-800);
347
+ @ax-brand-2-900: var(--ax-brand-2-900);
348
+ @ax-brand-2-1000: var(--ax-brand-2-1000);
349
+ @ax-brand-2-100A: var(--ax-brand-2-100A);
350
+ @ax-brand-2-200A: var(--ax-brand-2-200A);
351
+ @ax-brand-2-300A: var(--ax-brand-2-300A);
352
+ @ax-brand-2-400A: var(--ax-brand-2-400A);
353
+ @ax-brand-3-100: var(--ax-brand-3-100);
354
+ @ax-brand-3-200: var(--ax-brand-3-200);
355
+ @ax-brand-3-300: var(--ax-brand-3-300);
356
+ @ax-brand-3-400: var(--ax-brand-3-400);
357
+ @ax-brand-3-500: var(--ax-brand-3-500);
358
+ @ax-brand-3-600: var(--ax-brand-3-600);
359
+ @ax-brand-3-700: var(--ax-brand-3-700);
360
+ @ax-brand-3-800: var(--ax-brand-3-800);
361
+ @ax-brand-3-900: var(--ax-brand-3-900);
362
+ @ax-brand-3-1000: var(--ax-brand-3-1000);
363
+ @ax-brand-3-100A: var(--ax-brand-3-100A);
364
+ @ax-brand-3-200A: var(--ax-brand-3-200A);
365
+ @ax-brand-3-300A: var(--ax-brand-3-300A);
366
+ @ax-brand-3-400A: var(--ax-brand-3-400A);
367
+ @ax-meta-1-100: var(--ax-meta-1-100);
368
+ @ax-meta-1-200: var(--ax-meta-1-200);
369
+ @ax-meta-1-300: var(--ax-meta-1-300);
370
+ @ax-meta-1-400: var(--ax-meta-1-400);
371
+ @ax-meta-1-500: var(--ax-meta-1-500);
372
+ @ax-meta-1-600: var(--ax-meta-1-600);
373
+ @ax-meta-1-700: var(--ax-meta-1-700);
374
+ @ax-meta-1-800: var(--ax-meta-1-800);
375
+ @ax-meta-1-900: var(--ax-meta-1-900);
376
+ @ax-meta-1-1000: var(--ax-meta-1-1000);
377
+ @ax-meta-1-100A: var(--ax-meta-1-100A);
378
+ @ax-meta-1-200A: var(--ax-meta-1-200A);
379
+ @ax-meta-1-300A: var(--ax-meta-1-300A);
380
+ @ax-meta-1-400A: var(--ax-meta-1-400A);
381
+ @ax-meta-2-100: var(--ax-meta-2-100);
382
+ @ax-meta-2-200: var(--ax-meta-2-200);
383
+ @ax-meta-2-300: var(--ax-meta-2-300);
384
+ @ax-meta-2-400: var(--ax-meta-2-400);
385
+ @ax-meta-2-500: var(--ax-meta-2-500);
386
+ @ax-meta-2-600: var(--ax-meta-2-600);
387
+ @ax-meta-2-700: var(--ax-meta-2-700);
388
+ @ax-meta-2-800: var(--ax-meta-2-800);
389
+ @ax-meta-2-900: var(--ax-meta-2-900);
390
+ @ax-meta-2-1000: var(--ax-meta-2-1000);
391
+ @ax-meta-2-100A: var(--ax-meta-2-100A);
392
+ @ax-meta-2-200A: var(--ax-meta-2-200A);
393
+ @ax-meta-2-300A: var(--ax-meta-2-300A);
394
+ @ax-meta-2-400A: var(--ax-meta-2-400A);
395
+ @ax-space-0: var(--ax-space-0);
396
+ @ax-space-1: var(--ax-space-1);
397
+ @ax-space-2: var(--ax-space-2);
398
+ @ax-space-4: var(--ax-space-4);
399
+ @ax-space-6: var(--ax-space-6);
400
+ @ax-space-8: var(--ax-space-8);
401
+ @ax-space-12: var(--ax-space-12);
402
+ @ax-space-16: var(--ax-space-16);
403
+ @ax-space-20: var(--ax-space-20);
404
+ @ax-space-24: var(--ax-space-24);
405
+ @ax-space-28: var(--ax-space-28);
406
+ @ax-space-32: var(--ax-space-32);
407
+ @ax-space-36: var(--ax-space-36);
408
+ @ax-space-40: var(--ax-space-40);
409
+ @ax-space-44: var(--ax-space-44);
410
+ @ax-space-48: var(--ax-space-48);
411
+ @ax-space-56: var(--ax-space-56);
412
+ @ax-space-64: var(--ax-space-64);
413
+ @ax-space-72: var(--ax-space-72);
414
+ @ax-space-80: var(--ax-space-80);
415
+ @ax-space-96: var(--ax-space-96);
416
+ @ax-space-128: var(--ax-space-128);
445
417
  @ax-border-radius-small: var(--ax-border-radius-small);
446
418
  @ax-border-radius-medium: var(--ax-border-radius-medium);
447
419
  @ax-border-radius-large: var(--ax-border-radius-large);