@navikt/ds-tokens 7.2.0 → 7.3.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 (10) hide show
  1. package/dist/darkside/dark-tokens.css +123 -34
  2. package/dist/darkside/light-tokens.css +110 -21
  3. package/dist/darkside/root-tokens.css +65 -0
  4. package/dist/darkside/tokens-cjs.js +160 -12
  5. package/dist/darkside/tokens.css +266 -55
  6. package/dist/darkside/tokens.d.ts +159 -11
  7. package/dist/darkside/tokens.js +159 -11
  8. package/dist/tokens.css +1 -1
  9. package/package.json +3 -2
  10. package/dist/darkside/scale-tokens.css +0 -32
package/dist/darkside/tokens.js CHANGED
@@ -4,10 +4,13 @@
4
4
 
5
5
  export const BgNeutral = "var(--a-bg-neutral)";
6
6
  export const BgNeutralHover = "var(--a-bg-neutral-hover)";
7
+ export const BgNeutralHoverA = "var(--a-bg-neutral-hoverA)";
7
8
  export const BgNeutralModerate = "var(--a-bg-neutral-moderate)";
9
+ export const BgNeutralModerateA = "var(--a-bg-neutral-moderateA)";
8
10
  export const BgNeutralModerateHover = "var(--a-bg-neutral-moderate-hover)";
11
+ export const BgNeutralModerateHoverA = "var(--a-bg-neutral-moderate-hoverA)";
9
12
  export const BgNeutralModeratePressed = "var(--a-bg-neutral-moderate-pressed)";
10
- export const BgNeutralModerateSelected = "var(--a-bg-neutral-moderate-selected)";
13
+ export const BgNeutralModeratePressedA = "var(--a-bg-neutral-moderate-pressedA)";
11
14
  export const BgNeutralStrong = "var(--a-bg-neutral-strong)";
12
15
  export const BgNeutralStrongHover = "var(--a-bg-neutral-strong-hover)";
13
16
  export const BgNeutralStrongPressed = "var(--a-bg-neutral-strong-pressed)";
@@ -15,10 +18,13 @@ export const BgNeutralRaised = "var(--a-bg-neutral-raised)";
15
18
  export const BgNeutralRaisedHover = "var(--a-bg-neutral-raised-hover)";
16
19
  export const BgAccent = "var(--a-bg-accent)";
17
20
  export const BgAccentHover = "var(--a-bg-accent-hover)";
21
+ export const BgAccentHoverA = "var(--a-bg-accent-hoverA)";
18
22
  export const BgAccentModerate = "var(--a-bg-accent-moderate)";
23
+ export const BgAccentModerateA = "var(--a-bg-accent-moderateA)";
19
24
  export const BgAccentModerateHover = "var(--a-bg-accent-moderate-hover)";
25
+ export const BgAccentModerateHoverA = "var(--a-bg-accent-moderate-hoverA)";
20
26
  export const BgAccentModeratePressed = "var(--a-bg-accent-moderate-pressed)";
21
- export const BgAccentModerateSelected = "var(--a-bg-accent-moderate-selected)";
27
+ export const BgAccentModeratePressedA = "var(--a-bg-accent-moderate-pressedA)";
22
28
  export const BgAccentStrong = "var(--a-bg-accent-strong)";
23
29
  export const BgAccentStrongHover = "var(--a-bg-accent-strong-hover)";
24
30
  export const BgAccentStrongPressed = "var(--a-bg-accent-strong-pressed)";
@@ -26,10 +32,13 @@ export const BgAccentRaised = "var(--a-bg-accent-raised)";
26
32
  export const BgAccentRaisedHover = "var(--a-bg-accent-raised-hover)";
27
33
  export const BgSuccess = "var(--a-bg-success)";
28
34
  export const BgSuccessHover = "var(--a-bg-success-hover)";
35
+ export const BgSuccessHoverA = "var(--a-bg-success-hoverA)";
29
36
  export const BgSuccessModerate = "var(--a-bg-success-moderate)";
37
+ export const BgSuccessModerateA = "var(--a-bg-success-moderateA)";
30
38
  export const BgSuccessModerateHover = "var(--a-bg-success-moderate-hover)";
39
+ export const BgSuccessModerateHoverA = "var(--a-bg-success-moderate-hoverA)";
31
40
  export const BgSuccessModeratePressed = "var(--a-bg-success-moderate-pressed)";
32
- export const BgSuccessModerateSelected = "var(--a-bg-success-moderate-selected)";
41
+ export const BgSuccessModeratePressedA = "var(--a-bg-success-moderate-pressedA)";
33
42
  export const BgSuccessStrong = "var(--a-bg-success-strong)";
34
43
  export const BgSuccessStrongHover = "var(--a-bg-success-strong-hover)";
35
44
  export const BgSuccessStrongPressed = "var(--a-bg-success-strong-pressed)";
@@ -37,10 +46,13 @@ export const BgSuccessRaised = "var(--a-bg-success-raised)";
37
46
  export const BgSuccessRaisedHover = "var(--a-bg-success-raised-hover)";
38
47
  export const BgWarning = "var(--a-bg-warning)";
39
48
  export const BgWarningHover = "var(--a-bg-warning-hover)";
49
+ export const BgWarningHoverA = "var(--a-bg-warning-hoverA)";
40
50
  export const BgWarningModerate = "var(--a-bg-warning-moderate)";
51
+ export const BgWarningModerateA = "var(--a-bg-warning-moderateA)";
41
52
  export const BgWarningModerateHover = "var(--a-bg-warning-moderate-hover)";
53
+ export const BgWarningModerateHoverA = "var(--a-bg-warning-moderate-hoverA)";
42
54
  export const BgWarningModeratePressed = "var(--a-bg-warning-moderate-pressed)";
43
- export const BgWarningModerateSelected = "var(--a-bg-warning-moderate-selected)";
55
+ export const BgWarningModeratePressedA = "var(--a-bg-warning-moderate-pressedA)";
44
56
  export const BgWarningStrong = "var(--a-bg-warning-strong)";
45
57
  export const BgWarningStrongHover = "var(--a-bg-warning-strong-hover)";
46
58
  export const BgWarningStrongPressed = "var(--a-bg-warning-strong-pressed)";
@@ -48,10 +60,13 @@ export const BgWarningRaised = "var(--a-bg-warning-raised)";
48
60
  export const BgWarningRaisedHover = "var(--a-bg-warning-raised-hover)";
49
61
  export const BgDanger = "var(--a-bg-danger)";
50
62
  export const BgDangerHover = "var(--a-bg-danger-hover)";
63
+ export const BgDangerHoverA = "var(--a-bg-danger-hoverA)";
51
64
  export const BgDangerModerate = "var(--a-bg-danger-moderate)";
65
+ export const BgDangerModerateA = "var(--a-bg-danger-moderateA)";
52
66
  export const BgDangerModerateHover = "var(--a-bg-danger-moderate-hover)";
67
+ export const BgDangerModerateHoverA = "var(--a-bg-danger-moderate-hoverA)";
53
68
  export const BgDangerModeratePressed = "var(--a-bg-danger-moderate-pressed)";
54
- export const BgDangerModerateSelected = "var(--a-bg-danger-moderate-selected)";
69
+ export const BgDangerModeratePressedA = "var(--a-bg-danger-moderate-pressedA)";
55
70
  export const BgDangerStrong = "var(--a-bg-danger-strong)";
56
71
  export const BgDangerStrongHover = "var(--a-bg-danger-strong-hover)";
57
72
  export const BgDangerStrongPressed = "var(--a-bg-danger-strong-pressed)";
@@ -59,10 +74,13 @@ export const BgDangerRaised = "var(--a-bg-danger-raised)";
59
74
  export const BgDangerRaisedHover = "var(--a-bg-danger-raised-hover)";
60
75
  export const BgInfo = "var(--a-bg-info)";
61
76
  export const BgInfoHover = "var(--a-bg-info-hover)";
77
+ export const BgInfoHoverA = "var(--a-bg-info-hoverA)";
62
78
  export const BgInfoModerate = "var(--a-bg-info-moderate)";
79
+ export const BgInfoModerateA = "var(--a-bg-info-moderateA)";
63
80
  export const BgInfoModerateHover = "var(--a-bg-info-moderate-hover)";
81
+ export const BgInfoModerateHoverA = "var(--a-bg-info-moderate-hoverA)";
64
82
  export const BgInfoModeratePressed = "var(--a-bg-info-moderate-pressed)";
65
- export const BgInfoModerateSelected = "var(--a-bg-info-moderate-selected)";
83
+ export const BgInfoModeratePressedA = "var(--a-bg-info-moderate-pressedA)";
66
84
  export const BgInfoStrong = "var(--a-bg-info-strong)";
67
85
  export const BgInfoStrongHover = "var(--a-bg-info-strong-hover)";
68
86
  export const BgInfoStrongPressed = "var(--a-bg-info-strong-pressed)";
@@ -70,10 +88,13 @@ export const BgInfoRaised = "var(--a-bg-info-raised)";
70
88
  export const BgInfoRaisedHover = "var(--a-bg-info-raised-hover)";
71
89
  export const BgBrandOne = "var(--a-bg-brand-one)";
72
90
  export const BgBrandOneHover = "var(--a-bg-brand-one-hover)";
91
+ export const BgBrandOneHoverA = "var(--a-bg-brand-one-hoverA)";
73
92
  export const BgBrandOneModerate = "var(--a-bg-brand-one-moderate)";
93
+ export const BgBrandOneModerateA = "var(--a-bg-brand-one-moderateA)";
74
94
  export const BgBrandOneModerateHover = "var(--a-bg-brand-one-moderate-hover)";
95
+ export const BgBrandOneModerateHoverA = "var(--a-bg-brand-one-moderate-hoverA)";
75
96
  export const BgBrandOneModeratePressed = "var(--a-bg-brand-one-moderate-pressed)";
76
- export const BgBrandOneModerateSelected = "var(--a-bg-brand-one-moderate-selected)";
97
+ export const BgBrandOneModeratePressedA = "var(--a-bg-brand-one-moderate-pressedA)";
77
98
  export const BgBrandOneStrong = "var(--a-bg-brand-one-strong)";
78
99
  export const BgBrandOneStrongHover = "var(--a-bg-brand-one-strong-hover)";
79
100
  export const BgBrandOneStrongPressed = "var(--a-bg-brand-one-strong-pressed)";
@@ -81,10 +102,13 @@ export const BgBrandOneRaised = "var(--a-bg-brand-one-raised)";
81
102
  export const BgBrandOneRaisedHover = "var(--a-bg-brand-one-raised-hover)";
82
103
  export const BgBrandTwo = "var(--a-bg-brand-two)";
83
104
  export const BgBrandTwoHover = "var(--a-bg-brand-two-hover)";
105
+ export const BgBrandTwoHoverA = "var(--a-bg-brand-two-hoverA)";
84
106
  export const BgBrandTwoModerate = "var(--a-bg-brand-two-moderate)";
107
+ export const BgBrandTwoModerateA = "var(--a-bg-brand-two-moderateA)";
85
108
  export const BgBrandTwoModerateHover = "var(--a-bg-brand-two-moderate-hover)";
109
+ export const BgBrandTwoModerateHoverA = "var(--a-bg-brand-two-moderate-hoverA)";
86
110
  export const BgBrandTwoModeratePressed = "var(--a-bg-brand-two-moderate-pressed)";
87
- export const BgBrandTwoModerateSelected = "var(--a-bg-brand-two-moderate-selected)";
111
+ export const BgBrandTwoModeratePressedA = "var(--a-bg-brand-two-moderate-pressedA)";
88
112
  export const BgBrandTwoStrong = "var(--a-bg-brand-two-strong)";
89
113
  export const BgBrandTwoStrongHover = "var(--a-bg-brand-two-strong-hover)";
90
114
  export const BgBrandTwoStrongPressed = "var(--a-bg-brand-two-strong-pressed)";
@@ -92,10 +116,13 @@ export const BgBrandTwoRaised = "var(--a-bg-brand-two-raised)";
92
116
  export const BgBrandTwoRaisedHover = "var(--a-bg-brand-two-raised-hover)";
93
117
  export const BgBrandThree = "var(--a-bg-brand-three)";
94
118
  export const BgBrandThreeHover = "var(--a-bg-brand-three-hover)";
119
+ export const BgBrandThreeHoverA = "var(--a-bg-brand-three-hoverA)";
95
120
  export const BgBrandThreeModerate = "var(--a-bg-brand-three-moderate)";
121
+ export const BgBrandThreeModerateA = "var(--a-bg-brand-three-moderateA)";
96
122
  export const BgBrandThreeModerateHover = "var(--a-bg-brand-three-moderate-hover)";
123
+ export const BgBrandThreeModerateHoverA = "var(--a-bg-brand-three-moderate-hoverA)";
97
124
  export const BgBrandThreeModeratePressed = "var(--a-bg-brand-three-moderate-pressed)";
98
- export const BgBrandThreeModerateSelected = "var(--a-bg-brand-three-moderate-selected)";
125
+ export const BgBrandThreeModeratePressedA = "var(--a-bg-brand-three-moderate-pressedA)";
99
126
  export const BgBrandThreeStrong = "var(--a-bg-brand-three-strong)";
100
127
  export const BgBrandThreeStrongHover = "var(--a-bg-brand-three-strong-hover)";
101
128
  export const BgBrandThreeStrongPressed = "var(--a-bg-brand-three-strong-pressed)";
@@ -103,10 +130,13 @@ export const BgBrandThreeRaised = "var(--a-bg-brand-three-raised)";
103
130
  export const BgBrandThreeRaisedHover = "var(--a-bg-brand-three-raised-hover)";
104
131
  export const BgDataOne = "var(--a-bg-data-one)";
105
132
  export const BgDataOneHover = "var(--a-bg-data-one-hover)";
133
+ export const BgDataOneHoverA = "var(--a-bg-data-one-hoverA)";
106
134
  export const BgDataOneModerate = "var(--a-bg-data-one-moderate)";
135
+ export const BgDataOneModerateA = "var(--a-bg-data-one-moderateA)";
107
136
  export const BgDataOneModerateHover = "var(--a-bg-data-one-moderate-hover)";
137
+ export const BgDataOneModerateHoverA = "var(--a-bg-data-one-moderate-hoverA)";
108
138
  export const BgDataOneModeratePressed = "var(--a-bg-data-one-moderate-pressed)";
109
- export const BgDataOneModerateSelected = "var(--a-bg-data-one-moderate-selected)";
139
+ export const BgDataOneModeratePressedA = "var(--a-bg-data-one-moderate-pressedA)";
110
140
  export const BgDataOneStrong = "var(--a-bg-data-one-strong)";
111
141
  export const BgDataOneStrongHover = "var(--a-bg-data-one-strong-hover)";
112
142
  export const BgDataOneStrongPressed = "var(--a-bg-data-one-strong-pressed)";
@@ -114,10 +144,13 @@ export const BgDataOneRaised = "var(--a-bg-data-one-raised)";
114
144
  export const BgDataOneRaisedHover = "var(--a-bg-data-one-raised-hover)";
115
145
  export const BgDataTwo = "var(--a-bg-data-two)";
116
146
  export const BgDataTwoHover = "var(--a-bg-data-two-hover)";
147
+ export const BgDataTwoHoverA = "var(--a-bg-data-two-hoverA)";
117
148
  export const BgDataTwoModerate = "var(--a-bg-data-two-moderate)";
149
+ export const BgDataTwoModerateA = "var(--a-bg-data-two-moderateA)";
118
150
  export const BgDataTwoModerateHover = "var(--a-bg-data-two-moderate-hover)";
151
+ export const BgDataTwoModerateHoverA = "var(--a-bg-data-two-moderate-hoverA)";
119
152
  export const BgDataTwoModeratePressed = "var(--a-bg-data-two-moderate-pressed)";
120
- export const BgDataTwoModerateSelected = "var(--a-bg-data-two-moderate-selected)";
153
+ export const BgDataTwoModeratePressedA = "var(--a-bg-data-two-moderate-pressedA)";
121
154
  export const BgDataTwoStrong = "var(--a-bg-data-two-strong)";
122
155
  export const BgDataTwoStrongHover = "var(--a-bg-data-two-strong-hover)";
123
156
  export const BgDataTwoStrongPressed = "var(--a-bg-data-two-strong-pressed)";
@@ -177,39 +210,51 @@ export const TextSubtle = "var(--a-text-subtle)";
177
210
  export const TextIcon = "var(--a-text-icon)";
178
211
  export const BorderNeutral = "var(--a-border-neutral)";
179
212
  export const BorderNeutralSubtle = "var(--a-border-neutral-subtle)";
213
+ export const BorderNeutralSubtleA = "var(--a-border-neutral-subtleA)";
180
214
  export const BorderNeutralStrong = "var(--a-border-neutral-strong)";
181
215
  export const BorderAccent = "var(--a-border-accent)";
182
216
  export const BorderAccentSubtle = "var(--a-border-accent-subtle)";
217
+ export const BorderAccentSubtleA = "var(--a-border-accent-subtleA)";
183
218
  export const BorderAccentStrong = "var(--a-border-accent-strong)";
184
219
  export const BorderSuccess = "var(--a-border-success)";
185
220
  export const BorderSuccessSubtle = "var(--a-border-success-subtle)";
221
+ export const BorderSuccessSubtleA = "var(--a-border-success-subtleA)";
186
222
  export const BorderSuccessStrong = "var(--a-border-success-strong)";
187
223
  export const BorderWarning = "var(--a-border-warning)";
188
224
  export const BorderWarningSubtle = "var(--a-border-warning-subtle)";
225
+ export const BorderWarningSubtleA = "var(--a-border-warning-subtleA)";
189
226
  export const BorderWarningStrong = "var(--a-border-warning-strong)";
190
227
  export const BorderDanger = "var(--a-border-danger)";
191
228
  export const BorderDangerSubtle = "var(--a-border-danger-subtle)";
229
+ export const BorderDangerSubtleA = "var(--a-border-danger-subtleA)";
192
230
  export const BorderDangerStrong = "var(--a-border-danger-strong)";
193
231
  export const BorderInfo = "var(--a-border-info)";
194
232
  export const BorderInfoSubtle = "var(--a-border-info-subtle)";
233
+ export const BorderInfoSubtleA = "var(--a-border-info-subtleA)";
195
234
  export const BorderInfoStrong = "var(--a-border-info-strong)";
196
235
  export const BorderBrandOne = "var(--a-border-brand-one)";
197
236
  export const BorderBrandOneSubtle = "var(--a-border-brand-one-subtle)";
237
+ export const BorderBrandOneSubtleA = "var(--a-border-brand-one-subtleA)";
198
238
  export const BorderBrandOneStrong = "var(--a-border-brand-one-strong)";
199
239
  export const BorderBrandTwo = "var(--a-border-brand-two)";
200
240
  export const BorderBrandTwoSubtle = "var(--a-border-brand-two-subtle)";
241
+ export const BorderBrandTwoSubtleA = "var(--a-border-brand-two-subtleA)";
201
242
  export const BorderBrandTwoStrong = "var(--a-border-brand-two-strong)";
202
243
  export const BorderBrandThree = "var(--a-border-brand-three)";
203
244
  export const BorderBrandThreeSubtle = "var(--a-border-brand-three-subtle)";
245
+ export const BorderBrandThreeSubtleA = "var(--a-border-brand-three-subtleA)";
204
246
  export const BorderBrandThreeStrong = "var(--a-border-brand-three-strong)";
205
247
  export const BorderDataOne = "var(--a-border-data-one)";
206
248
  export const BorderDataOneSubtle = "var(--a-border-data-one-subtle)";
249
+ export const BorderDataOneSubtleA = "var(--a-border-data-one-subtleA)";
207
250
  export const BorderDataOneStrong = "var(--a-border-data-one-strong)";
208
251
  export const BorderDataTwo = "var(--a-border-data-two)";
209
252
  export const BorderDataTwoSubtle = "var(--a-border-data-two-subtle)";
253
+ export const BorderDataTwoSubtleA = "var(--a-border-data-two-subtleA)";
210
254
  export const BorderDataTwoStrong = "var(--a-border-data-two-strong)";
211
255
  export const BorderDefault = "var(--a-border-default)";
212
256
  export const BorderSubtle = "var(--a-border-subtle)";
257
+ export const BorderSubtleA = "var(--a-border-subtleA)";
213
258
  export const BorderStrong = "var(--a-border-strong)";
214
259
  export const BorderFocus = "var(--a-border-focus)";
215
260
  export const Neutral100 = "var(--a-neutral-100)";
@@ -223,6 +268,10 @@ export const Neutral800 = "var(--a-neutral-800)";
223
268
  export const Neutral900 = "var(--a-neutral-900)";
224
269
  export const Neutral1000 = "var(--a-neutral-1000)";
225
270
  export const Neutral000 = "var(--a-neutral-000)";
271
+ export const Neutral100A = "var(--a-neutral-100A)";
272
+ export const Neutral200A = "var(--a-neutral-200A)";
273
+ export const Neutral300A = "var(--a-neutral-300A)";
274
+ export const Neutral400A = "var(--a-neutral-400A)";
226
275
  export const Accent100 = "var(--a-accent-100)";
227
276
  export const Accent200 = "var(--a-accent-200)";
228
277
  export const Accent300 = "var(--a-accent-300)";
@@ -233,6 +282,10 @@ export const Accent700 = "var(--a-accent-700)";
233
282
  export const Accent800 = "var(--a-accent-800)";
234
283
  export const Accent900 = "var(--a-accent-900)";
235
284
  export const Accent1000 = "var(--a-accent-1000)";
285
+ export const Accent100A = "var(--a-accent-100A)";
286
+ export const Accent200A = "var(--a-accent-200A)";
287
+ export const Accent300A = "var(--a-accent-300A)";
288
+ export const Accent400A = "var(--a-accent-400A)";
236
289
  export const Success100 = "var(--a-success-100)";
237
290
  export const Success200 = "var(--a-success-200)";
238
291
  export const Success300 = "var(--a-success-300)";
@@ -243,6 +296,10 @@ export const Success700 = "var(--a-success-700)";
243
296
  export const Success800 = "var(--a-success-800)";
244
297
  export const Success900 = "var(--a-success-900)";
245
298
  export const Success1000 = "var(--a-success-1000)";
299
+ export const Success100A = "var(--a-success-100A)";
300
+ export const Success200A = "var(--a-success-200A)";
301
+ export const Success300A = "var(--a-success-300A)";
302
+ export const Success400A = "var(--a-success-400A)";
246
303
  export const Warning100 = "var(--a-warning-100)";
247
304
  export const Warning200 = "var(--a-warning-200)";
248
305
  export const Warning300 = "var(--a-warning-300)";
@@ -253,6 +310,10 @@ export const Warning700 = "var(--a-warning-700)";
253
310
  export const Warning800 = "var(--a-warning-800)";
254
311
  export const Warning900 = "var(--a-warning-900)";
255
312
  export const Warning1000 = "var(--a-warning-1000)";
313
+ export const Warning100A = "var(--a-warning-100A)";
314
+ export const Warning200A = "var(--a-warning-200A)";
315
+ export const Warning300A = "var(--a-warning-300A)";
316
+ export const Warning400A = "var(--a-warning-400A)";
256
317
  export const Danger100 = "var(--a-danger-100)";
257
318
  export const Danger200 = "var(--a-danger-200)";
258
319
  export const Danger300 = "var(--a-danger-300)";
@@ -263,6 +324,10 @@ export const Danger700 = "var(--a-danger-700)";
263
324
  export const Danger800 = "var(--a-danger-800)";
264
325
  export const Danger900 = "var(--a-danger-900)";
265
326
  export const Danger1000 = "var(--a-danger-1000)";
327
+ export const Danger100A = "var(--a-danger-100A)";
328
+ export const Danger200A = "var(--a-danger-200A)";
329
+ export const Danger300A = "var(--a-danger-300A)";
330
+ export const Danger400A = "var(--a-danger-400A)";
266
331
  export const Info100 = "var(--a-info-100)";
267
332
  export const Info200 = "var(--a-info-200)";
268
333
  export const Info300 = "var(--a-info-300)";
@@ -273,6 +338,10 @@ export const Info700 = "var(--a-info-700)";
273
338
  export const Info800 = "var(--a-info-800)";
274
339
  export const Info900 = "var(--a-info-900)";
275
340
  export const Info1000 = "var(--a-info-1000)";
341
+ export const Info100A = "var(--a-info-100A)";
342
+ export const Info200A = "var(--a-info-200A)";
343
+ export const Info300A = "var(--a-info-300A)";
344
+ export const Info400A = "var(--a-info-400A)";
276
345
  export const BrandOne100 = "var(--a-brand-one-100)";
277
346
  export const BrandOne200 = "var(--a-brand-one-200)";
278
347
  export const BrandOne300 = "var(--a-brand-one-300)";
@@ -283,6 +352,10 @@ export const BrandOne700 = "var(--a-brand-one-700)";
283
352
  export const BrandOne800 = "var(--a-brand-one-800)";
284
353
  export const BrandOne900 = "var(--a-brand-one-900)";
285
354
  export const BrandOne1000 = "var(--a-brand-one-1000)";
355
+ export const BrandOne100A = "var(--a-brand-one-100A)";
356
+ export const BrandOne200A = "var(--a-brand-one-200A)";
357
+ export const BrandOne300A = "var(--a-brand-one-300A)";
358
+ export const BrandOne400A = "var(--a-brand-one-400A)";
286
359
  export const BrandTwo100 = "var(--a-brand-two-100)";
287
360
  export const BrandTwo200 = "var(--a-brand-two-200)";
288
361
  export const BrandTwo300 = "var(--a-brand-two-300)";
@@ -293,6 +366,10 @@ export const BrandTwo700 = "var(--a-brand-two-700)";
293
366
  export const BrandTwo800 = "var(--a-brand-two-800)";
294
367
  export const BrandTwo900 = "var(--a-brand-two-900)";
295
368
  export const BrandTwo1000 = "var(--a-brand-two-1000)";
369
+ export const BrandTwo100A = "var(--a-brand-two-100A)";
370
+ export const BrandTwo200A = "var(--a-brand-two-200A)";
371
+ export const BrandTwo300A = "var(--a-brand-two-300A)";
372
+ export const BrandTwo400A = "var(--a-brand-two-400A)";
296
373
  export const BrandThree100 = "var(--a-brand-three-100)";
297
374
  export const BrandThree200 = "var(--a-brand-three-200)";
298
375
  export const BrandThree300 = "var(--a-brand-three-300)";
@@ -303,6 +380,10 @@ export const BrandThree700 = "var(--a-brand-three-700)";
303
380
  export const BrandThree800 = "var(--a-brand-three-800)";
304
381
  export const BrandThree900 = "var(--a-brand-three-900)";
305
382
  export const BrandThree1000 = "var(--a-brand-three-1000)";
383
+ export const BrandThree100A = "var(--a-brand-three-100A)";
384
+ export const BrandThree200A = "var(--a-brand-three-200A)";
385
+ export const BrandThree300A = "var(--a-brand-three-300A)";
386
+ export const BrandThree400A = "var(--a-brand-three-400A)";
306
387
  export const DataOne100 = "var(--a-data-one-100)";
307
388
  export const DataOne200 = "var(--a-data-one-200)";
308
389
  export const DataOne300 = "var(--a-data-one-300)";
@@ -313,6 +394,10 @@ export const DataOne700 = "var(--a-data-one-700)";
313
394
  export const DataOne800 = "var(--a-data-one-800)";
314
395
  export const DataOne900 = "var(--a-data-one-900)";
315
396
  export const DataOne1000 = "var(--a-data-one-1000)";
397
+ export const DataOne100A = "var(--a-data-one-100A)";
398
+ export const DataOne200A = "var(--a-data-one-200A)";
399
+ export const DataOne300A = "var(--a-data-one-300A)";
400
+ export const DataOne400A = "var(--a-data-one-400A)";
316
401
  export const DataTwo100 = "var(--a-data-two-100)";
317
402
  export const DataTwo200 = "var(--a-data-two-200)";
318
403
  export const DataTwo300 = "var(--a-data-two-300)";
@@ -323,3 +408,66 @@ export const DataTwo700 = "var(--a-data-two-700)";
323
408
  export const DataTwo800 = "var(--a-data-two-800)";
324
409
  export const DataTwo900 = "var(--a-data-two-900)";
325
410
  export const DataTwo1000 = "var(--a-data-two-1000)";
411
+ export const DataTwo100A = "var(--a-data-two-100A)";
412
+ export const DataTwo200A = "var(--a-data-two-200A)";
413
+ export const DataTwo300A = "var(--a-data-two-300A)";
414
+ export const DataTwo400A = "var(--a-data-two-400A)";
415
+ export const Spacing0 = "var(--a-spacing-0)";
416
+ export const Spacing1 = "var(--a-spacing-1)";
417
+ export const Spacing2 = "var(--a-spacing-2)";
418
+ export const Spacing3 = "var(--a-spacing-3)";
419
+ export const Spacing4 = "var(--a-spacing-4)";
420
+ export const Spacing5 = "var(--a-spacing-5)";
421
+ export const Spacing6 = "var(--a-spacing-6)";
422
+ export const Spacing7 = "var(--a-spacing-7)";
423
+ export const Spacing8 = "var(--a-spacing-8)";
424
+ export const Spacing9 = "var(--a-spacing-9)";
425
+ export const Spacing10 = "var(--a-spacing-10)";
426
+ export const Spacing11 = "var(--a-spacing-11)";
427
+ export const Spacing12 = "var(--a-spacing-12)";
428
+ export const Spacing14 = "var(--a-spacing-14)";
429
+ export const Spacing16 = "var(--a-spacing-16)";
430
+ export const Spacing18 = "var(--a-spacing-18)";
431
+ export const Spacing20 = "var(--a-spacing-20)";
432
+ export const Spacing24 = "var(--a-spacing-24)";
433
+ export const Spacing32 = "var(--a-spacing-32)";
434
+ export const Spacing05 = "var(--a-spacing-05)";
435
+ export const Spacing1Alt = "var(--a-spacing-1-alt)";
436
+ export const BorderRadiusSmall = "var(--a-border-radius-small)";
437
+ export const BorderRadiusMedium = "var(--a-border-radius-medium)";
438
+ export const BorderRadiusLarge = "var(--a-border-radius-large)";
439
+ export const BorderRadiusXlarge = "var(--a-border-radius-xlarge)";
440
+ export const BorderRadiusFull = "var(--a-border-radius-full)";
441
+ export const BreakpointXs = "0";
442
+ export const BreakpointSm = "480px";
443
+ export const BreakpointSmDown = "479px";
444
+ export const BreakpointMd = "768px";
445
+ export const BreakpointMdDown = "767px";
446
+ export const BreakpointLg = "1024px";
447
+ export const BreakpointLgDown = "1023px";
448
+ export const BreakpointXl = "1280px";
449
+ export const BreakpointXlDown = "1279px";
450
+ export const Breakpoint2xl = "1440px";
451
+ export const Breakpoint2xlDown = "1439px";
452
+ export const FontFamily = "var(--a-font-family)";
453
+ export const FontLineHeightHeading2xlarge = "var(--a-font-line-height-heading-2xlarge)";
454
+ export const FontLineHeightHeadingXlarge = "var(--a-font-line-height-heading-xlarge)";
455
+ export const FontLineHeightHeadingLarge = "var(--a-font-line-height-heading-large)";
456
+ export const FontLineHeightHeadingMedium = "var(--a-font-line-height-heading-medium)";
457
+ export const FontLineHeightHeadingSmall = "var(--a-font-line-height-heading-small)";
458
+ export const FontLineHeightHeadingXsmall = "var(--a-font-line-height-heading-xsmall)";
459
+ export const FontLineHeightXlarge = "var(--a-font-line-height-xlarge)";
460
+ export const FontLineHeightLarge = "var(--a-font-line-height-large)";
461
+ export const FontLineHeightMedium = "var(--a-font-line-height-medium)";
462
+ export const FontSizeHeading2xlarge = "var(--a-font-size-heading-2xlarge)";
463
+ export const FontSizeHeadingXlarge = "var(--a-font-size-heading-xlarge)";
464
+ export const FontSizeHeadingLarge = "var(--a-font-size-heading-large)";
465
+ export const FontSizeHeadingMedium = "var(--a-font-size-heading-medium)";
466
+ export const FontSizeHeadingSmall = "var(--a-font-size-heading-small)";
467
+ export const FontSizeHeadingXsmall = "var(--a-font-size-heading-xsmall)";
468
+ export const FontSizeXlarge = "var(--a-font-size-xlarge)";
469
+ export const FontSizeLarge = "var(--a-font-size-large)";
470
+ export const FontSizeMedium = "var(--a-font-size-medium)";
471
+ export const FontSizeSmall = "var(--a-font-size-small)";
472
+ export const FontWeightBold = "var(--a-font-weight-bold)";
473
+ export const FontWeightRegular = "var(--a-font-weight-regular)";
package/dist/tokens.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root, :host {
6
- --a-version: "7.2.0";
6
+ --a-version: "7.3.0";
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-tokens",
3
- "version": "7.2.0",
3
+ "version": "7.3.0",
4
4
  "description": "Design-tokens for NAV designsystem",
5
5
  "author": "Aksel | NAV designsystem team",
6
6
  "keywords": [
@@ -34,12 +34,13 @@
34
34
  "devDependencies": {
35
35
  "@figma/plugin-typings": "^1.100.2",
36
36
  "color": "4.2.3",
37
+ "colorjs.io": "^0.5.2",
37
38
  "esbuild": "^0.24.0",
38
39
  "lightningcss": "^1.27.0",
39
40
  "lodash": "^4.17.21",
40
41
  "style-dictionary": "^4.1.1",
41
42
  "tsx": "^4.19.1",
42
- "typescript": "^5.1.6",
43
+ "typescript": "5.5.4",
43
44
  "vitest": "^1.2.2"
44
45
  },
45
46
  "publishConfig": {
package/dist/darkside/scale-tokens.css DELETED
@@ -1,32 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- :root, :host {
6
- --a-border-radius-full: 9999px;
7
- --a-border-radius-xlarge: 12px;
8
- --a-border-radius-large: 8px;
9
- --a-border-radius-medium: 4px;
10
- --a-border-radius-small: 2px;
11
- --a-spacing-1-alt: 0.375rem;
12
- --a-spacing-05: 0.125rem;
13
- --a-spacing-32: 8rem;
14
- --a-spacing-24: 6rem;
15
- --a-spacing-20: 5rem;
16
- --a-spacing-18: 4.5rem;
17
- --a-spacing-16: 4rem;
18
- --a-spacing-14: 3.5rem;
19
- --a-spacing-12: 3rem;
20
- --a-spacing-11: 2.75rem;
21
- --a-spacing-10: 2.5rem;
22
- --a-spacing-9: 2.25rem;
23
- --a-spacing-8: 2rem;
24
- --a-spacing-7: 1.75rem;
25
- --a-spacing-6: 1.5rem;
26
- --a-spacing-5: 1.25rem;
27
- --a-spacing-4: 1rem;
28
- --a-spacing-3: 0.75rem;
29
- --a-spacing-2: 0.5rem;
30
- --a-spacing-1: 0.25rem;
31
- --a-spacing-0: 0;
32
- }