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