@navikt/ds-tokens 7.8.0 → 7.8.1

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 (16) hide show
  1. package/dist/darkside/dark-tokens.css +183 -182
  2. package/dist/darkside/light-tokens.css +182 -181
  3. package/dist/darkside/static/tokens-cjs.js +484 -0
  4. package/dist/darkside/static/tokens.d.ts +482 -0
  5. package/dist/darkside/static/tokens.js +482 -0
  6. package/dist/darkside/static/tokens.less +475 -0
  7. package/dist/darkside/static/tokens.scss +475 -0
  8. package/dist/darkside/tokens-cjs.js +188 -184
  9. package/dist/darkside/tokens.css +365 -363
  10. package/dist/darkside/tokens.d.ts +188 -184
  11. package/dist/darkside/tokens.js +188 -184
  12. package/dist/darkside/tokens.less +482 -0
  13. package/dist/darkside/tokens.scss +482 -0
  14. package/dist/tokens.css +1 -1
  15. package/package.json +30 -6
  16. package/types.ts +222 -0
package/dist/darkside/tokens.scss ADDED
@@ -0,0 +1,482 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ /**
6
+ * Used for dialog elements like modals and popovers.
7
+ */
8
+ $ax-shadow-dialog: var(--ax-shadow-dialog);
9
+ /**
10
+ * Used for setting opacity on disabled elements.
11
+ */
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);
28
+ $ax-bg-accent-hover: var(--ax-bg-accent-hover);
29
+ $ax-bg-accent-hoverA: var(--ax-bg-accent-hoverA);
30
+ $ax-bg-accent-moderate: var(--ax-bg-accent-moderate);
31
+ $ax-bg-accent-moderateA: var(--ax-bg-accent-moderateA);
32
+ $ax-bg-accent-moderate-hover: var(--ax-bg-accent-moderate-hover);
33
+ $ax-bg-accent-moderate-hoverA: var(--ax-bg-accent-moderate-hoverA);
34
+ $ax-bg-accent-moderate-pressed: var(--ax-bg-accent-moderate-pressed);
35
+ $ax-bg-accent-moderate-pressedA: var(--ax-bg-accent-moderate-pressedA);
36
+ $ax-bg-accent-strong: var(--ax-bg-accent-strong);
37
+ $ax-bg-accent-strong-hover: var(--ax-bg-accent-strong-hover);
38
+ $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);
42
+ $ax-bg-success-hover: var(--ax-bg-success-hover);
43
+ $ax-bg-success-hoverA: var(--ax-bg-success-hoverA);
44
+ $ax-bg-success-moderate: var(--ax-bg-success-moderate);
45
+ $ax-bg-success-moderateA: var(--ax-bg-success-moderateA);
46
+ $ax-bg-success-moderate-hover: var(--ax-bg-success-moderate-hover);
47
+ $ax-bg-success-moderate-hoverA: var(--ax-bg-success-moderate-hoverA);
48
+ $ax-bg-success-moderate-pressed: var(--ax-bg-success-moderate-pressed);
49
+ $ax-bg-success-moderate-pressedA: var(--ax-bg-success-moderate-pressedA);
50
+ $ax-bg-success-strong: var(--ax-bg-success-strong);
51
+ $ax-bg-success-strong-hover: var(--ax-bg-success-strong-hover);
52
+ $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);
56
+ $ax-bg-warning-hover: var(--ax-bg-warning-hover);
57
+ $ax-bg-warning-hoverA: var(--ax-bg-warning-hoverA);
58
+ $ax-bg-warning-moderate: var(--ax-bg-warning-moderate);
59
+ $ax-bg-warning-moderateA: var(--ax-bg-warning-moderateA);
60
+ $ax-bg-warning-moderate-hover: var(--ax-bg-warning-moderate-hover);
61
+ $ax-bg-warning-moderate-hoverA: var(--ax-bg-warning-moderate-hoverA);
62
+ $ax-bg-warning-moderate-pressed: var(--ax-bg-warning-moderate-pressed);
63
+ $ax-bg-warning-moderate-pressedA: var(--ax-bg-warning-moderate-pressedA);
64
+ $ax-bg-warning-strong: var(--ax-bg-warning-strong);
65
+ $ax-bg-warning-strong-hover: var(--ax-bg-warning-strong-hover);
66
+ $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);
70
+ $ax-bg-danger-hover: var(--ax-bg-danger-hover);
71
+ $ax-bg-danger-hoverA: var(--ax-bg-danger-hoverA);
72
+ $ax-bg-danger-moderate: var(--ax-bg-danger-moderate);
73
+ $ax-bg-danger-moderateA: var(--ax-bg-danger-moderateA);
74
+ $ax-bg-danger-moderate-hover: var(--ax-bg-danger-moderate-hover);
75
+ $ax-bg-danger-moderate-hoverA: var(--ax-bg-danger-moderate-hoverA);
76
+ $ax-bg-danger-moderate-pressed: var(--ax-bg-danger-moderate-pressed);
77
+ $ax-bg-danger-moderate-pressedA: var(--ax-bg-danger-moderate-pressedA);
78
+ $ax-bg-danger-strong: var(--ax-bg-danger-strong);
79
+ $ax-bg-danger-strong-hover: var(--ax-bg-danger-strong-hover);
80
+ $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);
84
+ $ax-bg-info-hover: var(--ax-bg-info-hover);
85
+ $ax-bg-info-hoverA: var(--ax-bg-info-hoverA);
86
+ $ax-bg-info-moderate: var(--ax-bg-info-moderate);
87
+ $ax-bg-info-moderateA: var(--ax-bg-info-moderateA);
88
+ $ax-bg-info-moderate-hover: var(--ax-bg-info-moderate-hover);
89
+ $ax-bg-info-moderate-hoverA: var(--ax-bg-info-moderate-hoverA);
90
+ $ax-bg-info-moderate-pressed: var(--ax-bg-info-moderate-pressed);
91
+ $ax-bg-info-moderate-pressedA: var(--ax-bg-info-moderate-pressedA);
92
+ $ax-bg-info-strong: var(--ax-bg-info-strong);
93
+ $ax-bg-info-strong-hover: var(--ax-bg-info-strong-hover);
94
+ $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);
167
+ $ax-bg-default: var(--ax-bg-default);
168
+ $ax-bg-input: var(--ax-bg-input);
169
+ $ax-bg-raised: var(--ax-bg-raised);
170
+ $ax-bg-sunken: var(--ax-bg-sunken);
171
+ $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);
175
+ $ax-text-accent: var(--ax-text-accent);
176
+ $ax-text-accent-strong: var(--ax-text-accent-strong);
177
+ $ax-text-accent-icon: var(--ax-text-accent-icon);
178
+ $ax-text-success: var(--ax-text-success);
179
+ $ax-text-success-strong: var(--ax-text-success-strong);
180
+ $ax-text-success-icon: var(--ax-text-success-icon);
181
+ $ax-text-warning: var(--ax-text-warning);
182
+ $ax-text-warning-strong: var(--ax-text-warning-strong);
183
+ $ax-text-warning-icon: var(--ax-text-warning-icon);
184
+ $ax-text-danger: var(--ax-text-danger);
185
+ $ax-text-danger-strong: var(--ax-text-danger-strong);
186
+ $ax-text-danger-icon: var(--ax-text-danger-icon);
187
+ $ax-text-info: var(--ax-text-info);
188
+ $ax-text-info-strong: var(--ax-text-info-strong);
189
+ $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);
205
+ $ax-text-accent-contrast: var(--ax-text-accent-contrast);
206
+ $ax-text-neutral-contrast: var(--ax-text-neutral-contrast);
207
+ $ax-text-danger-contrast: var(--ax-text-danger-contrast);
208
+ $ax-text-info-contrast: var(--ax-text-info-contrast);
209
+ $ax-text-success-contrast: var(--ax-text-success-contrast);
210
+ $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);
216
+ $ax-text-default: var(--ax-text-default);
217
+ $ax-text-subtle: var(--ax-text-subtle);
218
+ $ax-text-icon: var(--ax-text-icon);
219
+ $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);
224
+ $ax-border-accent: var(--ax-border-accent);
225
+ $ax-border-accent-subtle: var(--ax-border-accent-subtle);
226
+ $ax-border-accent-subtleA: var(--ax-border-accent-subtleA);
227
+ $ax-border-accent-strong: var(--ax-border-accent-strong);
228
+ $ax-border-success: var(--ax-border-success);
229
+ $ax-border-success-subtle: var(--ax-border-success-subtle);
230
+ $ax-border-success-subtleA: var(--ax-border-success-subtleA);
231
+ $ax-border-success-strong: var(--ax-border-success-strong);
232
+ $ax-border-warning: var(--ax-border-warning);
233
+ $ax-border-warning-subtle: var(--ax-border-warning-subtle);
234
+ $ax-border-warning-subtleA: var(--ax-border-warning-subtleA);
235
+ $ax-border-warning-strong: var(--ax-border-warning-strong);
236
+ $ax-border-danger: var(--ax-border-danger);
237
+ $ax-border-danger-subtle: var(--ax-border-danger-subtle);
238
+ $ax-border-danger-subtleA: var(--ax-border-danger-subtleA);
239
+ $ax-border-danger-strong: var(--ax-border-danger-strong);
240
+ $ax-border-info: var(--ax-border-info);
241
+ $ax-border-info-subtle: var(--ax-border-info-subtle);
242
+ $ax-border-info-subtleA: var(--ax-border-info-subtleA);
243
+ $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);
264
+ $ax-border-default: var(--ax-border-default);
265
+ $ax-border-subtle: var(--ax-border-subtle);
266
+ $ax-border-subtleA: var(--ax-border-subtleA);
267
+ $ax-border-strong: var(--ax-border-strong);
268
+ $ax-border-focus: var(--ax-border-focus);
269
+ $ax-neutral-100: var(--ax-neutral-100);
270
+ $ax-neutral-200: var(--ax-neutral-200);
271
+ $ax-neutral-300: var(--ax-neutral-300);
272
+ $ax-neutral-400: var(--ax-neutral-400);
273
+ $ax-neutral-500: var(--ax-neutral-500);
274
+ $ax-neutral-600: var(--ax-neutral-600);
275
+ $ax-neutral-700: var(--ax-neutral-700);
276
+ $ax-neutral-800: var(--ax-neutral-800);
277
+ $ax-neutral-900: var(--ax-neutral-900);
278
+ $ax-neutral-1000: var(--ax-neutral-1000);
279
+ $ax-neutral-000: var(--ax-neutral-000);
280
+ $ax-neutral-100A: var(--ax-neutral-100A);
281
+ $ax-neutral-200A: var(--ax-neutral-200A);
282
+ $ax-neutral-300A: var(--ax-neutral-300A);
283
+ $ax-neutral-400A: var(--ax-neutral-400A);
284
+ $ax-accent-100: var(--ax-accent-100);
285
+ $ax-accent-200: var(--ax-accent-200);
286
+ $ax-accent-300: var(--ax-accent-300);
287
+ $ax-accent-400: var(--ax-accent-400);
288
+ $ax-accent-500: var(--ax-accent-500);
289
+ $ax-accent-600: var(--ax-accent-600);
290
+ $ax-accent-700: var(--ax-accent-700);
291
+ $ax-accent-800: var(--ax-accent-800);
292
+ $ax-accent-900: var(--ax-accent-900);
293
+ $ax-accent-1000: var(--ax-accent-1000);
294
+ $ax-accent-100A: var(--ax-accent-100A);
295
+ $ax-accent-200A: var(--ax-accent-200A);
296
+ $ax-accent-300A: var(--ax-accent-300A);
297
+ $ax-accent-400A: var(--ax-accent-400A);
298
+ $ax-success-100: var(--ax-success-100);
299
+ $ax-success-200: var(--ax-success-200);
300
+ $ax-success-300: var(--ax-success-300);
301
+ $ax-success-400: var(--ax-success-400);
302
+ $ax-success-500: var(--ax-success-500);
303
+ $ax-success-600: var(--ax-success-600);
304
+ $ax-success-700: var(--ax-success-700);
305
+ $ax-success-800: var(--ax-success-800);
306
+ $ax-success-900: var(--ax-success-900);
307
+ $ax-success-1000: var(--ax-success-1000);
308
+ $ax-success-100A: var(--ax-success-100A);
309
+ $ax-success-200A: var(--ax-success-200A);
310
+ $ax-success-300A: var(--ax-success-300A);
311
+ $ax-success-400A: var(--ax-success-400A);
312
+ $ax-warning-100: var(--ax-warning-100);
313
+ $ax-warning-200: var(--ax-warning-200);
314
+ $ax-warning-300: var(--ax-warning-300);
315
+ $ax-warning-400: var(--ax-warning-400);
316
+ $ax-warning-500: var(--ax-warning-500);
317
+ $ax-warning-600: var(--ax-warning-600);
318
+ $ax-warning-700: var(--ax-warning-700);
319
+ $ax-warning-800: var(--ax-warning-800);
320
+ $ax-warning-900: var(--ax-warning-900);
321
+ $ax-warning-1000: var(--ax-warning-1000);
322
+ $ax-warning-100A: var(--ax-warning-100A);
323
+ $ax-warning-200A: var(--ax-warning-200A);
324
+ $ax-warning-300A: var(--ax-warning-300A);
325
+ $ax-warning-400A: var(--ax-warning-400A);
326
+ $ax-danger-100: var(--ax-danger-100);
327
+ $ax-danger-200: var(--ax-danger-200);
328
+ $ax-danger-300: var(--ax-danger-300);
329
+ $ax-danger-400: var(--ax-danger-400);
330
+ $ax-danger-500: var(--ax-danger-500);
331
+ $ax-danger-600: var(--ax-danger-600);
332
+ $ax-danger-700: var(--ax-danger-700);
333
+ $ax-danger-800: var(--ax-danger-800);
334
+ $ax-danger-900: var(--ax-danger-900);
335
+ $ax-danger-1000: var(--ax-danger-1000);
336
+ $ax-danger-100A: var(--ax-danger-100A);
337
+ $ax-danger-200A: var(--ax-danger-200A);
338
+ $ax-danger-300A: var(--ax-danger-300A);
339
+ $ax-danger-400A: var(--ax-danger-400A);
340
+ $ax-info-100: var(--ax-info-100);
341
+ $ax-info-200: var(--ax-info-200);
342
+ $ax-info-300: var(--ax-info-300);
343
+ $ax-info-400: var(--ax-info-400);
344
+ $ax-info-500: var(--ax-info-500);
345
+ $ax-info-600: var(--ax-info-600);
346
+ $ax-info-700: var(--ax-info-700);
347
+ $ax-info-800: var(--ax-info-800);
348
+ $ax-info-900: var(--ax-info-900);
349
+ $ax-info-1000: var(--ax-info-1000);
350
+ $ax-info-100A: var(--ax-info-100A);
351
+ $ax-info-200A: var(--ax-info-200A);
352
+ $ax-info-300A: var(--ax-info-300A);
353
+ $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);
445
+ $ax-border-radius-small: var(--ax-border-radius-small);
446
+ $ax-border-radius-medium: var(--ax-border-radius-medium);
447
+ $ax-border-radius-large: var(--ax-border-radius-large);
448
+ $ax-border-radius-xlarge: var(--ax-border-radius-xlarge);
449
+ $ax-border-radius-full: var(--ax-border-radius-full);
450
+ $ax-breakpoint-xs: 0;
451
+ $ax-breakpoint-sm: 480px;
452
+ $ax-breakpoint-sm-down: 479px;
453
+ $ax-breakpoint-md: 768px;
454
+ $ax-breakpoint-md-down: 767px;
455
+ $ax-breakpoint-lg: 1024px;
456
+ $ax-breakpoint-lg-down: 1023px;
457
+ $ax-breakpoint-xl: 1280px;
458
+ $ax-breakpoint-xl-down: 1279px;
459
+ $ax-breakpoint-2xl: 1440px;
460
+ $ax-breakpoint-2xl-down: 1439px;
461
+ $ax-font-family: var(--ax-font-family);
462
+ $ax-font-line-height-heading-2xlarge: var(--ax-font-line-height-heading-2xlarge);
463
+ $ax-font-line-height-heading-xlarge: var(--ax-font-line-height-heading-xlarge);
464
+ $ax-font-line-height-heading-large: var(--ax-font-line-height-heading-large);
465
+ $ax-font-line-height-heading-medium: var(--ax-font-line-height-heading-medium);
466
+ $ax-font-line-height-heading-small: var(--ax-font-line-height-heading-small);
467
+ $ax-font-line-height-heading-xsmall: var(--ax-font-line-height-heading-xsmall);
468
+ $ax-font-line-height-xlarge: var(--ax-font-line-height-xlarge);
469
+ $ax-font-line-height-large: var(--ax-font-line-height-large);
470
+ $ax-font-line-height-medium: var(--ax-font-line-height-medium);
471
+ $ax-font-size-heading-2xlarge: var(--ax-font-size-heading-2xlarge);
472
+ $ax-font-size-heading-xlarge: var(--ax-font-size-heading-xlarge);
473
+ $ax-font-size-heading-large: var(--ax-font-size-heading-large);
474
+ $ax-font-size-heading-medium: var(--ax-font-size-heading-medium);
475
+ $ax-font-size-heading-small: var(--ax-font-size-heading-small);
476
+ $ax-font-size-heading-xsmall: var(--ax-font-size-heading-xsmall);
477
+ $ax-font-size-xlarge: var(--ax-font-size-xlarge);
478
+ $ax-font-size-large: var(--ax-font-size-large);
479
+ $ax-font-size-medium: var(--ax-font-size-medium);
480
+ $ax-font-size-small: var(--ax-font-size-small);
481
+ $ax-font-weight-bold: var(--ax-font-weight-bold);
482
+ $ax-font-weight-regular: var(--ax-font-weight-regular);
package/dist/tokens.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root, :host {
6
- --a-version: "7.8.0";
6
+ --a-version: "7.8.1";
7
7
  --a-spacing-1-alt: 0.375rem;
8
8
  --a-spacing-05: 0.125rem;
9
9
  --a-spacing-32: 8rem;
package/package.json CHANGED
@@ -1,20 +1,19 @@
1
1
  {
2
2
  "name": "@navikt/ds-tokens",
3
- "version": "7.8.0",
4
- "description": "Design-tokens for NAV designsystem",
5
- "author": "Aksel | NAV designsystem team",
3
+ "version": "7.8.1",
4
+ "description": "Design-tokens for Nav designsystem",
5
+ "author": "Aksel | Nav designsystem team",
6
6
  "keywords": [
7
7
  "css",
8
8
  "less",
9
9
  "javascript",
10
10
  "design-tokens"
11
11
  ],
12
- "main": "dist/tokens.css",
13
12
  "license": "MIT",
14
13
  "files": [
15
14
  "/dist",
16
15
  "/src",
17
- "/tailwind",
16
+ "types.ts",
18
17
  "docs.json"
19
18
  ],
20
19
  "scripts": {
@@ -36,7 +35,7 @@
36
35
  "color": "4.2.3",
37
36
  "colorjs.io": "^0.5.2",
38
37
  "esbuild": "^0.24.0",
39
- "lightningcss": "^1.27.0",
38
+ "lightningcss": "^1.28.0",
40
39
  "lodash": "^4.17.21",
41
40
  "style-dictionary": "^4.1.1",
42
41
  "tsx": "^4.19.1",
@@ -46,5 +45,30 @@
46
45
  "publishConfig": {
47
46
  "access": "public",
48
47
  "provenance": true
48
+ },
49
+ "main": "dist/tokens.css",
50
+ "exports": {
51
+ ".": "./dist/tokens.css",
52
+ "./types": "./types.ts",
53
+ "./docs.json": "./docs.json",
54
+ "./dist/*": {
55
+ "types": "./dist/tokens.d.ts",
56
+ "default": "./dist/*"
57
+ },
58
+ "./darkside-css": "./dist/darkside/tokens.css",
59
+ "./darkside-js": {
60
+ "types": "./dist/darkside/tokens.d.ts",
61
+ "import": "./dist/darkside/tokens.js",
62
+ "require": "./dist/darkside/tokens-cjs.js"
63
+ },
64
+ "./darkside-scss": "./dist/darkside/tokens.scss",
65
+ "./darkside-less": "./dist/darkside/tokens.less",
66
+ "./darkside-js-static": {
67
+ "types": "./dist/darkside/static/tokens.d.ts",
68
+ "import": "./dist/darkside/static/tokens.js",
69
+ "require": "./dist/darkside/static/tokens-cjs.js"
70
+ },
71
+ "./darkside-scss-static": "./dist/darkside/static/tokens.scss",
72
+ "./darkside-less-static": "./dist/darkside/static/tokens.less"
49
73
  }
50
74
  }