@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.js CHANGED
@@ -10,10 +10,19 @@ export const ShadowDialog = "var(--ax-shadow-dialog)";
10
10
  * Used for setting opacity on disabled elements.
11
11
  */
12
12
  export const OpacityDisabled = "var(--ax-opacity-disabled)";
13
+ export const BgNeutralSoft = "var(--ax-bg-neutral-soft)";
14
+ export const BgNeutralSoftA = "var(--ax-bg-neutral-softA)";
15
+ export const BgNeutralModerate = "var(--ax-bg-neutral-moderate)";
16
+ export const BgNeutralModerateA = "var(--ax-bg-neutral-moderateA)";
17
+ export const BgNeutralModerateHover = "var(--ax-bg-neutral-moderate-hover)";
18
+ export const BgNeutralModerateHoverA = "var(--ax-bg-neutral-moderate-hoverA)";
19
+ export const BgNeutralModeratePressed = "var(--ax-bg-neutral-moderate-pressed)";
20
+ export const BgNeutralModeratePressedA = "var(--ax-bg-neutral-moderate-pressedA)";
21
+ export const BgNeutralStrong = "var(--ax-bg-neutral-strong)";
22
+ export const BgNeutralStrongHover = "var(--ax-bg-neutral-strong-hover)";
23
+ export const BgNeutralStrongPressed = "var(--ax-bg-neutral-strong-pressed)";
13
24
  export const BgAccentSoft = "var(--ax-bg-accent-soft)";
14
25
  export const BgAccentSoftA = "var(--ax-bg-accent-softA)";
15
- export const BgAccentHover = "var(--ax-bg-accent-hover)";
16
- export const BgAccentHoverA = "var(--ax-bg-accent-hoverA)";
17
26
  export const BgAccentModerate = "var(--ax-bg-accent-moderate)";
18
27
  export const BgAccentModerateA = "var(--ax-bg-accent-moderateA)";
19
28
  export const BgAccentModerateHover = "var(--ax-bg-accent-moderate-hover)";
@@ -25,8 +34,6 @@ export const BgAccentStrongHover = "var(--ax-bg-accent-strong-hover)";
25
34
  export const BgAccentStrongPressed = "var(--ax-bg-accent-strong-pressed)";
26
35
  export const BgSuccessSoft = "var(--ax-bg-success-soft)";
27
36
  export const BgSuccessSoftA = "var(--ax-bg-success-softA)";
28
- export const BgSuccessHover = "var(--ax-bg-success-hover)";
29
- export const BgSuccessHoverA = "var(--ax-bg-success-hoverA)";
30
37
  export const BgSuccessModerate = "var(--ax-bg-success-moderate)";
31
38
  export const BgSuccessModerateA = "var(--ax-bg-success-moderateA)";
32
39
  export const BgSuccessModerateHover = "var(--ax-bg-success-moderate-hover)";
@@ -38,8 +45,6 @@ export const BgSuccessStrongHover = "var(--ax-bg-success-strong-hover)";
38
45
  export const BgSuccessStrongPressed = "var(--ax-bg-success-strong-pressed)";
39
46
  export const BgWarningSoft = "var(--ax-bg-warning-soft)";
40
47
  export const BgWarningSoftA = "var(--ax-bg-warning-softA)";
41
- export const BgWarningHover = "var(--ax-bg-warning-hover)";
42
- export const BgWarningHoverA = "var(--ax-bg-warning-hoverA)";
43
48
  export const BgWarningModerate = "var(--ax-bg-warning-moderate)";
44
49
  export const BgWarningModerateA = "var(--ax-bg-warning-moderateA)";
45
50
  export const BgWarningModerateHover = "var(--ax-bg-warning-moderate-hover)";
@@ -51,8 +56,6 @@ export const BgWarningStrongHover = "var(--ax-bg-warning-strong-hover)";
51
56
  export const BgWarningStrongPressed = "var(--ax-bg-warning-strong-pressed)";
52
57
  export const BgDangerSoft = "var(--ax-bg-danger-soft)";
53
58
  export const BgDangerSoftA = "var(--ax-bg-danger-softA)";
54
- export const BgDangerHover = "var(--ax-bg-danger-hover)";
55
- export const BgDangerHoverA = "var(--ax-bg-danger-hoverA)";
56
59
  export const BgDangerModerate = "var(--ax-bg-danger-moderate)";
57
60
  export const BgDangerModerateA = "var(--ax-bg-danger-moderateA)";
58
61
  export const BgDangerModerateHover = "var(--ax-bg-danger-moderate-hover)";
@@ -64,8 +67,6 @@ export const BgDangerStrongHover = "var(--ax-bg-danger-strong-hover)";
64
67
  export const BgDangerStrongPressed = "var(--ax-bg-danger-strong-pressed)";
65
68
  export const BgInfoSoft = "var(--ax-bg-info-soft)";
66
69
  export const BgInfoSoftA = "var(--ax-bg-info-softA)";
67
- export const BgInfoHover = "var(--ax-bg-info-hover)";
68
- export const BgInfoHoverA = "var(--ax-bg-info-hoverA)";
69
70
  export const BgInfoModerate = "var(--ax-bg-info-moderate)";
70
71
  export const BgInfoModerateA = "var(--ax-bg-info-moderateA)";
71
72
  export const BgInfoModerateHover = "var(--ax-bg-info-moderate-hover)";
@@ -75,134 +76,115 @@ export const BgInfoModeratePressedA = "var(--ax-bg-info-moderate-pressedA)";
75
76
  export const BgInfoStrong = "var(--ax-bg-info-strong)";
76
77
  export const BgInfoStrongHover = "var(--ax-bg-info-strong-hover)";
77
78
  export const BgInfoStrongPressed = "var(--ax-bg-info-strong-pressed)";
78
- export const BgBrand1Soft = "var(--ax-bg-brand-1-soft)";
79
- export const BgBrand1SoftA = "var(--ax-bg-brand-1-softA)";
80
- export const BgBrand1Hover = "var(--ax-bg-brand-1-hover)";
81
- export const BgBrand1HoverA = "var(--ax-bg-brand-1-hoverA)";
82
- export const BgBrand1Moderate = "var(--ax-bg-brand-1-moderate)";
83
- export const BgBrand1ModerateA = "var(--ax-bg-brand-1-moderateA)";
84
- export const BgBrand1ModerateHover = "var(--ax-bg-brand-1-moderate-hover)";
85
- export const BgBrand1ModerateHoverA = "var(--ax-bg-brand-1-moderate-hoverA)";
86
- export const BgBrand1ModeratePressed = "var(--ax-bg-brand-1-moderate-pressed)";
87
- export const BgBrand1ModeratePressedA = "var(--ax-bg-brand-1-moderate-pressedA)";
88
- export const BgBrand1Strong = "var(--ax-bg-brand-1-strong)";
89
- export const BgBrand1StrongHover = "var(--ax-bg-brand-1-strong-hover)";
90
- export const BgBrand1StrongPressed = "var(--ax-bg-brand-1-strong-pressed)";
91
- export const BgBrand2Soft = "var(--ax-bg-brand-2-soft)";
92
- export const BgBrand2SoftA = "var(--ax-bg-brand-2-softA)";
93
- export const BgBrand2Hover = "var(--ax-bg-brand-2-hover)";
94
- export const BgBrand2HoverA = "var(--ax-bg-brand-2-hoverA)";
95
- export const BgBrand2Moderate = "var(--ax-bg-brand-2-moderate)";
96
- export const BgBrand2ModerateA = "var(--ax-bg-brand-2-moderateA)";
97
- export const BgBrand2ModerateHover = "var(--ax-bg-brand-2-moderate-hover)";
98
- export const BgBrand2ModerateHoverA = "var(--ax-bg-brand-2-moderate-hoverA)";
99
- export const BgBrand2ModeratePressed = "var(--ax-bg-brand-2-moderate-pressed)";
100
- export const BgBrand2ModeratePressedA = "var(--ax-bg-brand-2-moderate-pressedA)";
101
- export const BgBrand2Strong = "var(--ax-bg-brand-2-strong)";
102
- export const BgBrand2StrongHover = "var(--ax-bg-brand-2-strong-hover)";
103
- export const BgBrand2StrongPressed = "var(--ax-bg-brand-2-strong-pressed)";
104
- export const BgBrand3Soft = "var(--ax-bg-brand-3-soft)";
105
- export const BgBrand3SoftA = "var(--ax-bg-brand-3-softA)";
106
- export const BgBrand3Hover = "var(--ax-bg-brand-3-hover)";
107
- export const BgBrand3HoverA = "var(--ax-bg-brand-3-hoverA)";
108
- export const BgBrand3Moderate = "var(--ax-bg-brand-3-moderate)";
109
- export const BgBrand3ModerateA = "var(--ax-bg-brand-3-moderateA)";
110
- export const BgBrand3ModerateHover = "var(--ax-bg-brand-3-moderate-hover)";
111
- export const BgBrand3ModerateHoverA = "var(--ax-bg-brand-3-moderate-hoverA)";
112
- export const BgBrand3ModeratePressed = "var(--ax-bg-brand-3-moderate-pressed)";
113
- export const BgBrand3ModeratePressedA = "var(--ax-bg-brand-3-moderate-pressedA)";
114
- export const BgBrand3Strong = "var(--ax-bg-brand-3-strong)";
115
- export const BgBrand3StrongHover = "var(--ax-bg-brand-3-strong-hover)";
116
- export const BgBrand3StrongPressed = "var(--ax-bg-brand-3-strong-pressed)";
117
- export const BgMeta1Soft = "var(--ax-bg-meta-1-soft)";
118
- export const BgMeta1SoftA = "var(--ax-bg-meta-1-softA)";
119
- export const BgMeta1Hover = "var(--ax-bg-meta-1-hover)";
120
- export const BgMeta1HoverA = "var(--ax-bg-meta-1-hoverA)";
121
- export const BgMeta1Moderate = "var(--ax-bg-meta-1-moderate)";
122
- export const BgMeta1ModerateA = "var(--ax-bg-meta-1-moderateA)";
123
- export const BgMeta1ModerateHover = "var(--ax-bg-meta-1-moderate-hover)";
124
- export const BgMeta1ModerateHoverA = "var(--ax-bg-meta-1-moderate-hoverA)";
125
- export const BgMeta1ModeratePressed = "var(--ax-bg-meta-1-moderate-pressed)";
126
- export const BgMeta1ModeratePressedA = "var(--ax-bg-meta-1-moderate-pressedA)";
127
- export const BgMeta1Strong = "var(--ax-bg-meta-1-strong)";
128
- export const BgMeta1StrongHover = "var(--ax-bg-meta-1-strong-hover)";
129
- export const BgMeta1StrongPressed = "var(--ax-bg-meta-1-strong-pressed)";
130
- export const BgMeta2Soft = "var(--ax-bg-meta-2-soft)";
131
- export const BgMeta2SoftA = "var(--ax-bg-meta-2-softA)";
132
- export const BgMeta2Hover = "var(--ax-bg-meta-2-hover)";
133
- export const BgMeta2HoverA = "var(--ax-bg-meta-2-hoverA)";
134
- export const BgMeta2Moderate = "var(--ax-bg-meta-2-moderate)";
135
- export const BgMeta2ModerateA = "var(--ax-bg-meta-2-moderateA)";
136
- export const BgMeta2ModerateHover = "var(--ax-bg-meta-2-moderate-hover)";
137
- export const BgMeta2ModerateHoverA = "var(--ax-bg-meta-2-moderate-hoverA)";
138
- export const BgMeta2ModeratePressed = "var(--ax-bg-meta-2-moderate-pressed)";
139
- export const BgMeta2ModeratePressedA = "var(--ax-bg-meta-2-moderate-pressedA)";
140
- export const BgMeta2Strong = "var(--ax-bg-meta-2-strong)";
141
- export const BgMeta2StrongHover = "var(--ax-bg-meta-2-strong-hover)";
142
- export const BgMeta2StrongPressed = "var(--ax-bg-meta-2-strong-pressed)";
79
+ export const BgBrandMagentaSoft = "var(--ax-bg-brand-magenta-soft)";
80
+ export const BgBrandMagentaSoftA = "var(--ax-bg-brand-magenta-softA)";
81
+ export const BgBrandMagentaModerate = "var(--ax-bg-brand-magenta-moderate)";
82
+ export const BgBrandMagentaModerateA = "var(--ax-bg-brand-magenta-moderateA)";
83
+ export const BgBrandMagentaModerateHover = "var(--ax-bg-brand-magenta-moderate-hover)";
84
+ export const BgBrandMagentaModerateHoverA = "var(--ax-bg-brand-magenta-moderate-hoverA)";
85
+ export const BgBrandMagentaModeratePressed = "var(--ax-bg-brand-magenta-moderate-pressed)";
86
+ export const BgBrandMagentaModeratePressedA = "var(--ax-bg-brand-magenta-moderate-pressedA)";
87
+ export const BgBrandMagentaStrong = "var(--ax-bg-brand-magenta-strong)";
88
+ export const BgBrandMagentaStrongHover = "var(--ax-bg-brand-magenta-strong-hover)";
89
+ export const BgBrandMagentaStrongPressed = "var(--ax-bg-brand-magenta-strong-pressed)";
90
+ export const BgBrandBeigeSoft = "var(--ax-bg-brand-beige-soft)";
91
+ export const BgBrandBeigeSoftA = "var(--ax-bg-brand-beige-softA)";
92
+ export const BgBrandBeigeModerate = "var(--ax-bg-brand-beige-moderate)";
93
+ export const BgBrandBeigeModerateA = "var(--ax-bg-brand-beige-moderateA)";
94
+ export const BgBrandBeigeModerateHover = "var(--ax-bg-brand-beige-moderate-hover)";
95
+ export const BgBrandBeigeModerateHoverA = "var(--ax-bg-brand-beige-moderate-hoverA)";
96
+ export const BgBrandBeigeModeratePressed = "var(--ax-bg-brand-beige-moderate-pressed)";
97
+ export const BgBrandBeigeModeratePressedA = "var(--ax-bg-brand-beige-moderate-pressedA)";
98
+ export const BgBrandBeigeStrong = "var(--ax-bg-brand-beige-strong)";
99
+ export const BgBrandBeigeStrongHover = "var(--ax-bg-brand-beige-strong-hover)";
100
+ export const BgBrandBeigeStrongPressed = "var(--ax-bg-brand-beige-strong-pressed)";
101
+ export const BgBrandBlueSoft = "var(--ax-bg-brand-blue-soft)";
102
+ export const BgBrandBlueSoftA = "var(--ax-bg-brand-blue-softA)";
103
+ export const BgBrandBlueModerate = "var(--ax-bg-brand-blue-moderate)";
104
+ export const BgBrandBlueModerateA = "var(--ax-bg-brand-blue-moderateA)";
105
+ export const BgBrandBlueModerateHover = "var(--ax-bg-brand-blue-moderate-hover)";
106
+ export const BgBrandBlueModerateHoverA = "var(--ax-bg-brand-blue-moderate-hoverA)";
107
+ export const BgBrandBlueModeratePressed = "var(--ax-bg-brand-blue-moderate-pressed)";
108
+ export const BgBrandBlueModeratePressedA = "var(--ax-bg-brand-blue-moderate-pressedA)";
109
+ export const BgBrandBlueStrong = "var(--ax-bg-brand-blue-strong)";
110
+ export const BgBrandBlueStrongHover = "var(--ax-bg-brand-blue-strong-hover)";
111
+ export const BgBrandBlueStrongPressed = "var(--ax-bg-brand-blue-strong-pressed)";
112
+ export const BgMetaPurpleSoft = "var(--ax-bg-meta-purple-soft)";
113
+ export const BgMetaPurpleSoftA = "var(--ax-bg-meta-purple-softA)";
114
+ export const BgMetaPurpleModerate = "var(--ax-bg-meta-purple-moderate)";
115
+ export const BgMetaPurpleModerateA = "var(--ax-bg-meta-purple-moderateA)";
116
+ export const BgMetaPurpleModerateHover = "var(--ax-bg-meta-purple-moderate-hover)";
117
+ export const BgMetaPurpleModerateHoverA = "var(--ax-bg-meta-purple-moderate-hoverA)";
118
+ export const BgMetaPurpleModeratePressed = "var(--ax-bg-meta-purple-moderate-pressed)";
119
+ export const BgMetaPurpleModeratePressedA = "var(--ax-bg-meta-purple-moderate-pressedA)";
120
+ export const BgMetaPurpleStrong = "var(--ax-bg-meta-purple-strong)";
121
+ export const BgMetaPurpleStrongHover = "var(--ax-bg-meta-purple-strong-hover)";
122
+ export const BgMetaPurpleStrongPressed = "var(--ax-bg-meta-purple-strong-pressed)";
123
+ export const BgMetaLimeSoft = "var(--ax-bg-meta-lime-soft)";
124
+ export const BgMetaLimeSoftA = "var(--ax-bg-meta-lime-softA)";
125
+ export const BgMetaLimeModerate = "var(--ax-bg-meta-lime-moderate)";
126
+ export const BgMetaLimeModerateA = "var(--ax-bg-meta-lime-moderateA)";
127
+ export const BgMetaLimeModerateHover = "var(--ax-bg-meta-lime-moderate-hover)";
128
+ export const BgMetaLimeModerateHoverA = "var(--ax-bg-meta-lime-moderate-hoverA)";
129
+ export const BgMetaLimeModeratePressed = "var(--ax-bg-meta-lime-moderate-pressed)";
130
+ export const BgMetaLimeModeratePressedA = "var(--ax-bg-meta-lime-moderate-pressedA)";
131
+ export const BgMetaLimeStrong = "var(--ax-bg-meta-lime-strong)";
132
+ export const BgMetaLimeStrongHover = "var(--ax-bg-meta-lime-strong-hover)";
133
+ export const BgMetaLimeStrongPressed = "var(--ax-bg-meta-lime-strong-pressed)";
143
134
  export const BgDefault = "var(--ax-bg-default)";
144
135
  export const BgInput = "var(--ax-bg-input)";
145
136
  export const BgRaised = "var(--ax-bg-raised)";
146
137
  export const BgSunken = "var(--ax-bg-sunken)";
147
138
  export const BgOverlay = "var(--ax-bg-overlay)";
148
- export const BgSoft = "var(--ax-bg-soft)";
149
- export const BgSoftA = "var(--ax-bg-softA)";
150
- export const BgHover = "var(--ax-bg-hover)";
151
- export const BgHoverA = "var(--ax-bg-hoverA)";
152
- export const BgModerate = "var(--ax-bg-moderate)";
153
- export const BgModerateA = "var(--ax-bg-moderateA)";
154
- export const BgModerateHover = "var(--ax-bg-moderate-hover)";
155
- export const BgModerateHoverA = "var(--ax-bg-moderate-hoverA)";
156
- export const BgModeratePressed = "var(--ax-bg-moderate-pressed)";
157
- export const BgModeratePressedA = "var(--ax-bg-moderate-pressedA)";
158
- export const BgStrong = "var(--ax-bg-strong)";
159
- export const BgStrongHover = "var(--ax-bg-strong-hover)";
160
- export const BgStrongPressed = "var(--ax-bg-strong-pressed)";
139
+ export const TextNeutral = "var(--ax-text-neutral)";
140
+ export const TextNeutralSubtle = "var(--ax-text-neutral-subtle)";
141
+ export const TextNeutralIcon = "var(--ax-text-neutral-icon)";
161
142
  export const TextAccent = "var(--ax-text-accent)";
162
- export const TextAccentStrong = "var(--ax-text-accent-strong)";
143
+ export const TextAccentSubtle = "var(--ax-text-accent-subtle)";
163
144
  export const TextAccentIcon = "var(--ax-text-accent-icon)";
164
145
  export const TextSuccess = "var(--ax-text-success)";
165
- export const TextSuccessStrong = "var(--ax-text-success-strong)";
146
+ export const TextSuccessSubtle = "var(--ax-text-success-subtle)";
166
147
  export const TextSuccessIcon = "var(--ax-text-success-icon)";
167
148
  export const TextWarning = "var(--ax-text-warning)";
168
- export const TextWarningStrong = "var(--ax-text-warning-strong)";
149
+ export const TextWarningSubtle = "var(--ax-text-warning-subtle)";
169
150
  export const TextWarningIcon = "var(--ax-text-warning-icon)";
170
151
  export const TextDanger = "var(--ax-text-danger)";
171
- export const TextDangerStrong = "var(--ax-text-danger-strong)";
152
+ export const TextDangerSubtle = "var(--ax-text-danger-subtle)";
172
153
  export const TextDangerIcon = "var(--ax-text-danger-icon)";
173
154
  export const TextInfo = "var(--ax-text-info)";
174
- export const TextInfoStrong = "var(--ax-text-info-strong)";
155
+ export const TextInfoSubtle = "var(--ax-text-info-subtle)";
175
156
  export const TextInfoIcon = "var(--ax-text-info-icon)";
176
- export const TextBrand1 = "var(--ax-text-brand-1)";
177
- export const TextBrand1Strong = "var(--ax-text-brand-1-strong)";
178
- export const TextBrand1Icon = "var(--ax-text-brand-1-icon)";
179
- export const TextBrand2 = "var(--ax-text-brand-2)";
180
- export const TextBrand2Strong = "var(--ax-text-brand-2-strong)";
181
- export const TextBrand2Icon = "var(--ax-text-brand-2-icon)";
182
- export const TextBrand3 = "var(--ax-text-brand-3)";
183
- export const TextBrand3Strong = "var(--ax-text-brand-3-strong)";
184
- export const TextBrand3Icon = "var(--ax-text-brand-3-icon)";
185
- export const TextMeta1 = "var(--ax-text-meta-1)";
186
- export const TextMeta1Strong = "var(--ax-text-meta-1-strong)";
187
- export const TextMeta1Icon = "var(--ax-text-meta-1-icon)";
188
- export const TextMeta2 = "var(--ax-text-meta-2)";
189
- export const TextMeta2Strong = "var(--ax-text-meta-2-strong)";
190
- export const TextMeta2Icon = "var(--ax-text-meta-2-icon)";
157
+ export const TextBrandMagenta = "var(--ax-text-brand-magenta)";
158
+ export const TextBrandMagentaSubtle = "var(--ax-text-brand-magenta-subtle)";
159
+ export const TextBrandMagentaIcon = "var(--ax-text-brand-magenta-icon)";
160
+ export const TextBrandBeige = "var(--ax-text-brand-beige)";
161
+ export const TextBrandBeigeSubtle = "var(--ax-text-brand-beige-subtle)";
162
+ export const TextBrandBeigeIcon = "var(--ax-text-brand-beige-icon)";
163
+ export const TextBrandBlue = "var(--ax-text-brand-blue)";
164
+ export const TextBrandBlueSubtle = "var(--ax-text-brand-blue-subtle)";
165
+ export const TextBrandBlueIcon = "var(--ax-text-brand-blue-icon)";
166
+ export const TextMetaPurple = "var(--ax-text-meta-purple)";
167
+ export const TextMetaPurpleSubtle = "var(--ax-text-meta-purple-subtle)";
168
+ export const TextMetaPurpleIcon = "var(--ax-text-meta-purple-icon)";
169
+ export const TextMetaLime = "var(--ax-text-meta-lime)";
170
+ export const TextMetaLimeSubtle = "var(--ax-text-meta-lime-subtle)";
171
+ export const TextMetaLimeIcon = "var(--ax-text-meta-lime-icon)";
172
+ export const TextNeutralContrast = "var(--ax-text-neutral-contrast)";
191
173
  export const TextAccentContrast = "var(--ax-text-accent-contrast)";
192
174
  export const TextDangerContrast = "var(--ax-text-danger-contrast)";
193
175
  export const TextInfoContrast = "var(--ax-text-info-contrast)";
194
176
  export const TextSuccessContrast = "var(--ax-text-success-contrast)";
195
177
  export const TextWarningContrast = "var(--ax-text-warning-contrast)";
196
- export const TextBrand1Contrast = "var(--ax-text-brand-1-contrast)";
197
- export const TextBrand2Contrast = "var(--ax-text-brand-2-contrast)";
198
- export const TextBrand3Contrast = "var(--ax-text-brand-3-contrast)";
199
- export const TextMeta1Contrast = "var(--ax-text-meta-1-contrast)";
200
- export const TextMeta2Contrast = "var(--ax-text-meta-2-contrast)";
201
- export const TextDefault = "var(--ax-text-default)";
202
- export const TextSubtle = "var(--ax-text-subtle)";
203
- export const TextIcon = "var(--ax-text-icon)";
178
+ export const TextBrandMagentaContrast = "var(--ax-text-brand-magenta-contrast)";
179
+ export const TextBrandBeigeContrast = "var(--ax-text-brand-beige-contrast)";
180
+ export const TextBrandBlueContrast = "var(--ax-text-brand-blue-contrast)";
181
+ export const TextMetaPurpleContrast = "var(--ax-text-meta-purple-contrast)";
182
+ export const TextMetaLimeContrast = "var(--ax-text-meta-lime-contrast)";
204
183
  export const TextLogo = "var(--ax-text-logo)";
205
- export const TextContrast = "var(--ax-text-contrast)";
184
+ export const BorderNeutral = "var(--ax-border-neutral)";
185
+ export const BorderNeutralSubtle = "var(--ax-border-neutral-subtle)";
186
+ export const BorderNeutralSubtleA = "var(--ax-border-neutral-subtleA)";
187
+ export const BorderNeutralStrong = "var(--ax-border-neutral-strong)";
206
188
  export const BorderAccent = "var(--ax-border-accent)";
207
189
  export const BorderAccentSubtle = "var(--ax-border-accent-subtle)";
208
190
  export const BorderAccentSubtleA = "var(--ax-border-accent-subtleA)";
@@ -223,30 +205,26 @@ export const BorderInfo = "var(--ax-border-info)";
223
205
  export const BorderInfoSubtle = "var(--ax-border-info-subtle)";
224
206
  export const BorderInfoSubtleA = "var(--ax-border-info-subtleA)";
225
207
  export const BorderInfoStrong = "var(--ax-border-info-strong)";
226
- export const BorderBrand1 = "var(--ax-border-brand-1)";
227
- export const BorderBrand1Subtle = "var(--ax-border-brand-1-subtle)";
228
- export const BorderBrand1SubtleA = "var(--ax-border-brand-1-subtleA)";
229
- export const BorderBrand1Strong = "var(--ax-border-brand-1-strong)";
230
- export const BorderBrand2 = "var(--ax-border-brand-2)";
231
- export const BorderBrand2Subtle = "var(--ax-border-brand-2-subtle)";
232
- export const BorderBrand2SubtleA = "var(--ax-border-brand-2-subtleA)";
233
- export const BorderBrand2Strong = "var(--ax-border-brand-2-strong)";
234
- export const BorderBrand3 = "var(--ax-border-brand-3)";
235
- export const BorderBrand3Subtle = "var(--ax-border-brand-3-subtle)";
236
- export const BorderBrand3SubtleA = "var(--ax-border-brand-3-subtleA)";
237
- export const BorderBrand3Strong = "var(--ax-border-brand-3-strong)";
238
- export const BorderMeta1 = "var(--ax-border-meta-1)";
239
- export const BorderMeta1Subtle = "var(--ax-border-meta-1-subtle)";
240
- export const BorderMeta1SubtleA = "var(--ax-border-meta-1-subtleA)";
241
- export const BorderMeta1Strong = "var(--ax-border-meta-1-strong)";
242
- export const BorderMeta2 = "var(--ax-border-meta-2)";
243
- export const BorderMeta2Subtle = "var(--ax-border-meta-2-subtle)";
244
- export const BorderMeta2SubtleA = "var(--ax-border-meta-2-subtleA)";
245
- export const BorderMeta2Strong = "var(--ax-border-meta-2-strong)";
246
- export const BorderDefault = "var(--ax-border-default)";
247
- export const BorderSubtle = "var(--ax-border-subtle)";
248
- export const BorderSubtleA = "var(--ax-border-subtleA)";
249
- export const BorderStrong = "var(--ax-border-strong)";
208
+ export const BorderBrandMagenta = "var(--ax-border-brand-magenta)";
209
+ export const BorderBrandMagentaSubtle = "var(--ax-border-brand-magenta-subtle)";
210
+ export const BorderBrandMagentaSubtleA = "var(--ax-border-brand-magenta-subtleA)";
211
+ export const BorderBrandMagentaStrong = "var(--ax-border-brand-magenta-strong)";
212
+ export const BorderBrandBeige = "var(--ax-border-brand-beige)";
213
+ export const BorderBrandBeigeSubtle = "var(--ax-border-brand-beige-subtle)";
214
+ export const BorderBrandBeigeSubtleA = "var(--ax-border-brand-beige-subtleA)";
215
+ export const BorderBrandBeigeStrong = "var(--ax-border-brand-beige-strong)";
216
+ export const BorderBrandBlue = "var(--ax-border-brand-blue)";
217
+ export const BorderBrandBlueSubtle = "var(--ax-border-brand-blue-subtle)";
218
+ export const BorderBrandBlueSubtleA = "var(--ax-border-brand-blue-subtleA)";
219
+ export const BorderBrandBlueStrong = "var(--ax-border-brand-blue-strong)";
220
+ export const BorderMetaPurple = "var(--ax-border-meta-purple)";
221
+ export const BorderMetaPurpleSubtle = "var(--ax-border-meta-purple-subtle)";
222
+ export const BorderMetaPurpleSubtleA = "var(--ax-border-meta-purple-subtleA)";
223
+ export const BorderMetaPurpleStrong = "var(--ax-border-meta-purple-strong)";
224
+ export const BorderMetaLime = "var(--ax-border-meta-lime)";
225
+ export const BorderMetaLimeSubtle = "var(--ax-border-meta-lime-subtle)";
226
+ export const BorderMetaLimeSubtleA = "var(--ax-border-meta-lime-subtleA)";
227
+ export const BorderMetaLimeStrong = "var(--ax-border-meta-lime-strong)";
250
228
  export const BorderFocus = "var(--ax-border-focus)";
251
229
  export const Neutral100 = "var(--ax-neutral-100)";
252
230
  export const Neutral200 = "var(--ax-neutral-200)";
@@ -333,76 +311,76 @@ export const Info100A = "var(--ax-info-100A)";
333
311
  export const Info200A = "var(--ax-info-200A)";
334
312
  export const Info300A = "var(--ax-info-300A)";
335
313
  export const Info400A = "var(--ax-info-400A)";
336
- export const Brand1100 = "var(--ax-brand-1-100)";
337
- export const Brand1200 = "var(--ax-brand-1-200)";
338
- export const Brand1300 = "var(--ax-brand-1-300)";
339
- export const Brand1400 = "var(--ax-brand-1-400)";
340
- export const Brand1500 = "var(--ax-brand-1-500)";
341
- export const Brand1600 = "var(--ax-brand-1-600)";
342
- export const Brand1700 = "var(--ax-brand-1-700)";
343
- export const Brand1800 = "var(--ax-brand-1-800)";
344
- export const Brand1900 = "var(--ax-brand-1-900)";
345
- export const Brand11000 = "var(--ax-brand-1-1000)";
346
- export const Brand1100A = "var(--ax-brand-1-100A)";
347
- export const Brand1200A = "var(--ax-brand-1-200A)";
348
- export const Brand1300A = "var(--ax-brand-1-300A)";
349
- export const Brand1400A = "var(--ax-brand-1-400A)";
350
- export const Brand2100 = "var(--ax-brand-2-100)";
351
- export const Brand2200 = "var(--ax-brand-2-200)";
352
- export const Brand2300 = "var(--ax-brand-2-300)";
353
- export const Brand2400 = "var(--ax-brand-2-400)";
354
- export const Brand2500 = "var(--ax-brand-2-500)";
355
- export const Brand2600 = "var(--ax-brand-2-600)";
356
- export const Brand2700 = "var(--ax-brand-2-700)";
357
- export const Brand2800 = "var(--ax-brand-2-800)";
358
- export const Brand2900 = "var(--ax-brand-2-900)";
359
- export const Brand21000 = "var(--ax-brand-2-1000)";
360
- export const Brand2100A = "var(--ax-brand-2-100A)";
361
- export const Brand2200A = "var(--ax-brand-2-200A)";
362
- export const Brand2300A = "var(--ax-brand-2-300A)";
363
- export const Brand2400A = "var(--ax-brand-2-400A)";
364
- export const Brand3100 = "var(--ax-brand-3-100)";
365
- export const Brand3200 = "var(--ax-brand-3-200)";
366
- export const Brand3300 = "var(--ax-brand-3-300)";
367
- export const Brand3400 = "var(--ax-brand-3-400)";
368
- export const Brand3500 = "var(--ax-brand-3-500)";
369
- export const Brand3600 = "var(--ax-brand-3-600)";
370
- export const Brand3700 = "var(--ax-brand-3-700)";
371
- export const Brand3800 = "var(--ax-brand-3-800)";
372
- export const Brand3900 = "var(--ax-brand-3-900)";
373
- export const Brand31000 = "var(--ax-brand-3-1000)";
374
- export const Brand3100A = "var(--ax-brand-3-100A)";
375
- export const Brand3200A = "var(--ax-brand-3-200A)";
376
- export const Brand3300A = "var(--ax-brand-3-300A)";
377
- export const Brand3400A = "var(--ax-brand-3-400A)";
378
- export const Meta1100 = "var(--ax-meta-1-100)";
379
- export const Meta1200 = "var(--ax-meta-1-200)";
380
- export const Meta1300 = "var(--ax-meta-1-300)";
381
- export const Meta1400 = "var(--ax-meta-1-400)";
382
- export const Meta1500 = "var(--ax-meta-1-500)";
383
- export const Meta1600 = "var(--ax-meta-1-600)";
384
- export const Meta1700 = "var(--ax-meta-1-700)";
385
- export const Meta1800 = "var(--ax-meta-1-800)";
386
- export const Meta1900 = "var(--ax-meta-1-900)";
387
- export const Meta11000 = "var(--ax-meta-1-1000)";
388
- export const Meta1100A = "var(--ax-meta-1-100A)";
389
- export const Meta1200A = "var(--ax-meta-1-200A)";
390
- export const Meta1300A = "var(--ax-meta-1-300A)";
391
- export const Meta1400A = "var(--ax-meta-1-400A)";
392
- export const Meta2100 = "var(--ax-meta-2-100)";
393
- export const Meta2200 = "var(--ax-meta-2-200)";
394
- export const Meta2300 = "var(--ax-meta-2-300)";
395
- export const Meta2400 = "var(--ax-meta-2-400)";
396
- export const Meta2500 = "var(--ax-meta-2-500)";
397
- export const Meta2600 = "var(--ax-meta-2-600)";
398
- export const Meta2700 = "var(--ax-meta-2-700)";
399
- export const Meta2800 = "var(--ax-meta-2-800)";
400
- export const Meta2900 = "var(--ax-meta-2-900)";
401
- export const Meta21000 = "var(--ax-meta-2-1000)";
402
- export const Meta2100A = "var(--ax-meta-2-100A)";
403
- export const Meta2200A = "var(--ax-meta-2-200A)";
404
- export const Meta2300A = "var(--ax-meta-2-300A)";
405
- export const Meta2400A = "var(--ax-meta-2-400A)";
314
+ export const BrandMagenta100 = "var(--ax-brand-magenta-100)";
315
+ export const BrandMagenta200 = "var(--ax-brand-magenta-200)";
316
+ export const BrandMagenta300 = "var(--ax-brand-magenta-300)";
317
+ export const BrandMagenta400 = "var(--ax-brand-magenta-400)";
318
+ export const BrandMagenta500 = "var(--ax-brand-magenta-500)";
319
+ export const BrandMagenta600 = "var(--ax-brand-magenta-600)";
320
+ export const BrandMagenta700 = "var(--ax-brand-magenta-700)";
321
+ export const BrandMagenta800 = "var(--ax-brand-magenta-800)";
322
+ export const BrandMagenta900 = "var(--ax-brand-magenta-900)";
323
+ export const BrandMagenta1000 = "var(--ax-brand-magenta-1000)";
324
+ export const BrandMagenta100A = "var(--ax-brand-magenta-100A)";
325
+ export const BrandMagenta200A = "var(--ax-brand-magenta-200A)";
326
+ export const BrandMagenta300A = "var(--ax-brand-magenta-300A)";
327
+ export const BrandMagenta400A = "var(--ax-brand-magenta-400A)";
328
+ export const BrandBeige100 = "var(--ax-brand-beige-100)";
329
+ export const BrandBeige200 = "var(--ax-brand-beige-200)";
330
+ export const BrandBeige300 = "var(--ax-brand-beige-300)";
331
+ export const BrandBeige400 = "var(--ax-brand-beige-400)";
332
+ export const BrandBeige500 = "var(--ax-brand-beige-500)";
333
+ export const BrandBeige600 = "var(--ax-brand-beige-600)";
334
+ export const BrandBeige700 = "var(--ax-brand-beige-700)";
335
+ export const BrandBeige800 = "var(--ax-brand-beige-800)";
336
+ export const BrandBeige900 = "var(--ax-brand-beige-900)";
337
+ export const BrandBeige1000 = "var(--ax-brand-beige-1000)";
338
+ export const BrandBeige100A = "var(--ax-brand-beige-100A)";
339
+ export const BrandBeige200A = "var(--ax-brand-beige-200A)";
340
+ export const BrandBeige300A = "var(--ax-brand-beige-300A)";
341
+ export const BrandBeige400A = "var(--ax-brand-beige-400A)";
342
+ export const BrandBlue100 = "var(--ax-brand-blue-100)";
343
+ export const BrandBlue200 = "var(--ax-brand-blue-200)";
344
+ export const BrandBlue300 = "var(--ax-brand-blue-300)";
345
+ export const BrandBlue400 = "var(--ax-brand-blue-400)";
346
+ export const BrandBlue500 = "var(--ax-brand-blue-500)";
347
+ export const BrandBlue600 = "var(--ax-brand-blue-600)";
348
+ export const BrandBlue700 = "var(--ax-brand-blue-700)";
349
+ export const BrandBlue800 = "var(--ax-brand-blue-800)";
350
+ export const BrandBlue900 = "var(--ax-brand-blue-900)";
351
+ export const BrandBlue1000 = "var(--ax-brand-blue-1000)";
352
+ export const BrandBlue100A = "var(--ax-brand-blue-100A)";
353
+ export const BrandBlue200A = "var(--ax-brand-blue-200A)";
354
+ export const BrandBlue300A = "var(--ax-brand-blue-300A)";
355
+ export const BrandBlue400A = "var(--ax-brand-blue-400A)";
356
+ export const MetaPurple100 = "var(--ax-meta-purple-100)";
357
+ export const MetaPurple200 = "var(--ax-meta-purple-200)";
358
+ export const MetaPurple300 = "var(--ax-meta-purple-300)";
359
+ export const MetaPurple400 = "var(--ax-meta-purple-400)";
360
+ export const MetaPurple500 = "var(--ax-meta-purple-500)";
361
+ export const MetaPurple600 = "var(--ax-meta-purple-600)";
362
+ export const MetaPurple700 = "var(--ax-meta-purple-700)";
363
+ export const MetaPurple800 = "var(--ax-meta-purple-800)";
364
+ export const MetaPurple900 = "var(--ax-meta-purple-900)";
365
+ export const MetaPurple1000 = "var(--ax-meta-purple-1000)";
366
+ export const MetaPurple100A = "var(--ax-meta-purple-100A)";
367
+ export const MetaPurple200A = "var(--ax-meta-purple-200A)";
368
+ export const MetaPurple300A = "var(--ax-meta-purple-300A)";
369
+ export const MetaPurple400A = "var(--ax-meta-purple-400A)";
370
+ export const MetaLime100 = "var(--ax-meta-lime-100)";
371
+ export const MetaLime200 = "var(--ax-meta-lime-200)";
372
+ export const MetaLime300 = "var(--ax-meta-lime-300)";
373
+ export const MetaLime400 = "var(--ax-meta-lime-400)";
374
+ export const MetaLime500 = "var(--ax-meta-lime-500)";
375
+ export const MetaLime600 = "var(--ax-meta-lime-600)";
376
+ export const MetaLime700 = "var(--ax-meta-lime-700)";
377
+ export const MetaLime800 = "var(--ax-meta-lime-800)";
378
+ export const MetaLime900 = "var(--ax-meta-lime-900)";
379
+ export const MetaLime1000 = "var(--ax-meta-lime-1000)";
380
+ export const MetaLime100A = "var(--ax-meta-lime-100A)";
381
+ export const MetaLime200A = "var(--ax-meta-lime-200A)";
382
+ export const MetaLime300A = "var(--ax-meta-lime-300A)";
383
+ export const MetaLime400A = "var(--ax-meta-lime-400A)";
406
384
  export const Space0 = "var(--ax-space-0)";
407
385
  export const Space1 = "var(--ax-space-1)";
408
386
  export const Space2 = "var(--ax-space-2)";