@navikt/ds-tokens 7.0.1 → 7.1.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 (8) hide show
  1. package/dist/darkside/dark-tokens.css +320 -120
  2. package/dist/darkside/light-tokens.css +153 -181
  3. package/dist/darkside/tokens-cjs.js +34 -62
  4. package/dist/darkside/tokens.css +473 -301
  5. package/dist/darkside/tokens.d.ts +33 -61
  6. package/dist/darkside/tokens.js +33 -61
  7. package/dist/tokens.css +1 -1
  8. package/package.json +4 -2
package/dist/darkside/tokens.d.ts CHANGED
@@ -6,175 +6,161 @@ export const BgNeutral = "var(--a-bg-neutral)";
6
6
  export const BgNeutralHover = "var(--a-bg-neutral-hover)";
7
7
  export const BgNeutralModerate = "var(--a-bg-neutral-moderate)";
8
8
  export const BgNeutralModerateHover = "var(--a-bg-neutral-moderate-hover)";
9
- export const BgNeutralModerateActive = "var(--a-bg-neutral-moderate-active)";
9
+ export const BgNeutralModeratePressed = "var(--a-bg-neutral-moderate-pressed)";
10
10
  export const BgNeutralModerateSelected = "var(--a-bg-neutral-moderate-selected)";
11
11
  export const BgNeutralStrong = "var(--a-bg-neutral-strong)";
12
12
  export const BgNeutralStrongHover = "var(--a-bg-neutral-strong-hover)";
13
- export const BgNeutralStrongActive = "var(--a-bg-neutral-strong-active)";
13
+ export const BgNeutralStrongPressed = "var(--a-bg-neutral-strong-pressed)";
14
14
  export const BgNeutralRaised = "var(--a-bg-neutral-raised)";
15
15
  export const BgNeutralRaisedHover = "var(--a-bg-neutral-raised-hover)";
16
16
  export const BgAccent = "var(--a-bg-accent)";
17
17
  export const BgAccentHover = "var(--a-bg-accent-hover)";
18
18
  export const BgAccentModerate = "var(--a-bg-accent-moderate)";
19
19
  export const BgAccentModerateHover = "var(--a-bg-accent-moderate-hover)";
20
- export const BgAccentModerateActive = "var(--a-bg-accent-moderate-active)";
20
+ export const BgAccentModeratePressed = "var(--a-bg-accent-moderate-pressed)";
21
21
  export const BgAccentModerateSelected = "var(--a-bg-accent-moderate-selected)";
22
22
  export const BgAccentStrong = "var(--a-bg-accent-strong)";
23
23
  export const BgAccentStrongHover = "var(--a-bg-accent-strong-hover)";
24
- export const BgAccentStrongActive = "var(--a-bg-accent-strong-active)";
24
+ export const BgAccentStrongPressed = "var(--a-bg-accent-strong-pressed)";
25
25
  export const BgAccentRaised = "var(--a-bg-accent-raised)";
26
26
  export const BgAccentRaisedHover = "var(--a-bg-accent-raised-hover)";
27
27
  export const BgSuccess = "var(--a-bg-success)";
28
28
  export const BgSuccessHover = "var(--a-bg-success-hover)";
29
29
  export const BgSuccessModerate = "var(--a-bg-success-moderate)";
30
30
  export const BgSuccessModerateHover = "var(--a-bg-success-moderate-hover)";
31
- export const BgSuccessModerateActive = "var(--a-bg-success-moderate-active)";
31
+ export const BgSuccessModeratePressed = "var(--a-bg-success-moderate-pressed)";
32
32
  export const BgSuccessModerateSelected = "var(--a-bg-success-moderate-selected)";
33
33
  export const BgSuccessStrong = "var(--a-bg-success-strong)";
34
34
  export const BgSuccessStrongHover = "var(--a-bg-success-strong-hover)";
35
- export const BgSuccessStrongActive = "var(--a-bg-success-strong-active)";
35
+ export const BgSuccessStrongPressed = "var(--a-bg-success-strong-pressed)";
36
36
  export const BgSuccessRaised = "var(--a-bg-success-raised)";
37
37
  export const BgSuccessRaisedHover = "var(--a-bg-success-raised-hover)";
38
38
  export const BgWarning = "var(--a-bg-warning)";
39
39
  export const BgWarningHover = "var(--a-bg-warning-hover)";
40
40
  export const BgWarningModerate = "var(--a-bg-warning-moderate)";
41
41
  export const BgWarningModerateHover = "var(--a-bg-warning-moderate-hover)";
42
- export const BgWarningModerateActive = "var(--a-bg-warning-moderate-active)";
42
+ export const BgWarningModeratePressed = "var(--a-bg-warning-moderate-pressed)";
43
43
  export const BgWarningModerateSelected = "var(--a-bg-warning-moderate-selected)";
44
44
  export const BgWarningStrong = "var(--a-bg-warning-strong)";
45
45
  export const BgWarningStrongHover = "var(--a-bg-warning-strong-hover)";
46
- export const BgWarningStrongActive = "var(--a-bg-warning-strong-active)";
46
+ export const BgWarningStrongPressed = "var(--a-bg-warning-strong-pressed)";
47
47
  export const BgWarningRaised = "var(--a-bg-warning-raised)";
48
48
  export const BgWarningRaisedHover = "var(--a-bg-warning-raised-hover)";
49
49
  export const BgDanger = "var(--a-bg-danger)";
50
50
  export const BgDangerHover = "var(--a-bg-danger-hover)";
51
51
  export const BgDangerModerate = "var(--a-bg-danger-moderate)";
52
52
  export const BgDangerModerateHover = "var(--a-bg-danger-moderate-hover)";
53
- export const BgDangerModerateActive = "var(--a-bg-danger-moderate-active)";
53
+ export const BgDangerModeratePressed = "var(--a-bg-danger-moderate-pressed)";
54
54
  export const BgDangerModerateSelected = "var(--a-bg-danger-moderate-selected)";
55
55
  export const BgDangerStrong = "var(--a-bg-danger-strong)";
56
56
  export const BgDangerStrongHover = "var(--a-bg-danger-strong-hover)";
57
- export const BgDangerStrongActive = "var(--a-bg-danger-strong-active)";
57
+ export const BgDangerStrongPressed = "var(--a-bg-danger-strong-pressed)";
58
58
  export const BgDangerRaised = "var(--a-bg-danger-raised)";
59
59
  export const BgDangerRaisedHover = "var(--a-bg-danger-raised-hover)";
60
60
  export const BgInfo = "var(--a-bg-info)";
61
61
  export const BgInfoHover = "var(--a-bg-info-hover)";
62
62
  export const BgInfoModerate = "var(--a-bg-info-moderate)";
63
63
  export const BgInfoModerateHover = "var(--a-bg-info-moderate-hover)";
64
- export const BgInfoModerateActive = "var(--a-bg-info-moderate-active)";
64
+ export const BgInfoModeratePressed = "var(--a-bg-info-moderate-pressed)";
65
65
  export const BgInfoModerateSelected = "var(--a-bg-info-moderate-selected)";
66
66
  export const BgInfoStrong = "var(--a-bg-info-strong)";
67
67
  export const BgInfoStrongHover = "var(--a-bg-info-strong-hover)";
68
- export const BgInfoStrongActive = "var(--a-bg-info-strong-active)";
68
+ export const BgInfoStrongPressed = "var(--a-bg-info-strong-pressed)";
69
69
  export const BgInfoRaised = "var(--a-bg-info-raised)";
70
70
  export const BgInfoRaisedHover = "var(--a-bg-info-raised-hover)";
71
71
  export const BgBrandOne = "var(--a-bg-brand-one)";
72
72
  export const BgBrandOneHover = "var(--a-bg-brand-one-hover)";
73
73
  export const BgBrandOneModerate = "var(--a-bg-brand-one-moderate)";
74
74
  export const BgBrandOneModerateHover = "var(--a-bg-brand-one-moderate-hover)";
75
- export const BgBrandOneModerateActive = "var(--a-bg-brand-one-moderate-active)";
75
+ export const BgBrandOneModeratePressed = "var(--a-bg-brand-one-moderate-pressed)";
76
76
  export const BgBrandOneModerateSelected = "var(--a-bg-brand-one-moderate-selected)";
77
77
  export const BgBrandOneStrong = "var(--a-bg-brand-one-strong)";
78
78
  export const BgBrandOneStrongHover = "var(--a-bg-brand-one-strong-hover)";
79
- export const BgBrandOneStrongActive = "var(--a-bg-brand-one-strong-active)";
79
+ export const BgBrandOneStrongPressed = "var(--a-bg-brand-one-strong-pressed)";
80
80
  export const BgBrandOneRaised = "var(--a-bg-brand-one-raised)";
81
81
  export const BgBrandOneRaisedHover = "var(--a-bg-brand-one-raised-hover)";
82
82
  export const BgBrandTwo = "var(--a-bg-brand-two)";
83
83
  export const BgBrandTwoHover = "var(--a-bg-brand-two-hover)";
84
84
  export const BgBrandTwoModerate = "var(--a-bg-brand-two-moderate)";
85
85
  export const BgBrandTwoModerateHover = "var(--a-bg-brand-two-moderate-hover)";
86
- export const BgBrandTwoModerateActive = "var(--a-bg-brand-two-moderate-active)";
86
+ export const BgBrandTwoModeratePressed = "var(--a-bg-brand-two-moderate-pressed)";
87
87
  export const BgBrandTwoModerateSelected = "var(--a-bg-brand-two-moderate-selected)";
88
88
  export const BgBrandTwoStrong = "var(--a-bg-brand-two-strong)";
89
89
  export const BgBrandTwoStrongHover = "var(--a-bg-brand-two-strong-hover)";
90
- export const BgBrandTwoStrongActive = "var(--a-bg-brand-two-strong-active)";
90
+ export const BgBrandTwoStrongPressed = "var(--a-bg-brand-two-strong-pressed)";
91
91
  export const BgBrandTwoRaised = "var(--a-bg-brand-two-raised)";
92
92
  export const BgBrandTwoRaisedHover = "var(--a-bg-brand-two-raised-hover)";
93
93
  export const BgBrandThree = "var(--a-bg-brand-three)";
94
94
  export const BgBrandThreeHover = "var(--a-bg-brand-three-hover)";
95
95
  export const BgBrandThreeModerate = "var(--a-bg-brand-three-moderate)";
96
96
  export const BgBrandThreeModerateHover = "var(--a-bg-brand-three-moderate-hover)";
97
- export const BgBrandThreeModerateActive = "var(--a-bg-brand-three-moderate-active)";
97
+ export const BgBrandThreeModeratePressed = "var(--a-bg-brand-three-moderate-pressed)";
98
98
  export const BgBrandThreeModerateSelected = "var(--a-bg-brand-three-moderate-selected)";
99
99
  export const BgBrandThreeStrong = "var(--a-bg-brand-three-strong)";
100
100
  export const BgBrandThreeStrongHover = "var(--a-bg-brand-three-strong-hover)";
101
- export const BgBrandThreeStrongActive = "var(--a-bg-brand-three-strong-active)";
101
+ export const BgBrandThreeStrongPressed = "var(--a-bg-brand-three-strong-pressed)";
102
102
  export const BgBrandThreeRaised = "var(--a-bg-brand-three-raised)";
103
103
  export const BgBrandThreeRaisedHover = "var(--a-bg-brand-three-raised-hover)";
104
104
  export const BgDataOne = "var(--a-bg-data-one)";
105
105
  export const BgDataOneHover = "var(--a-bg-data-one-hover)";
106
106
  export const BgDataOneModerate = "var(--a-bg-data-one-moderate)";
107
107
  export const BgDataOneModerateHover = "var(--a-bg-data-one-moderate-hover)";
108
- export const BgDataOneModerateActive = "var(--a-bg-data-one-moderate-active)";
108
+ export const BgDataOneModeratePressed = "var(--a-bg-data-one-moderate-pressed)";
109
109
  export const BgDataOneModerateSelected = "var(--a-bg-data-one-moderate-selected)";
110
110
  export const BgDataOneStrong = "var(--a-bg-data-one-strong)";
111
111
  export const BgDataOneStrongHover = "var(--a-bg-data-one-strong-hover)";
112
- export const BgDataOneStrongActive = "var(--a-bg-data-one-strong-active)";
112
+ export const BgDataOneStrongPressed = "var(--a-bg-data-one-strong-pressed)";
113
113
  export const BgDataOneRaised = "var(--a-bg-data-one-raised)";
114
114
  export const BgDataOneRaisedHover = "var(--a-bg-data-one-raised-hover)";
115
115
  export const BgDataTwo = "var(--a-bg-data-two)";
116
116
  export const BgDataTwoHover = "var(--a-bg-data-two-hover)";
117
117
  export const BgDataTwoModerate = "var(--a-bg-data-two-moderate)";
118
118
  export const BgDataTwoModerateHover = "var(--a-bg-data-two-moderate-hover)";
119
- export const BgDataTwoModerateActive = "var(--a-bg-data-two-moderate-active)";
119
+ export const BgDataTwoModeratePressed = "var(--a-bg-data-two-moderate-pressed)";
120
120
  export const BgDataTwoModerateSelected = "var(--a-bg-data-two-moderate-selected)";
121
121
  export const BgDataTwoStrong = "var(--a-bg-data-two-strong)";
122
122
  export const BgDataTwoStrongHover = "var(--a-bg-data-two-strong-hover)";
123
- export const BgDataTwoStrongActive = "var(--a-bg-data-two-strong-active)";
123
+ export const BgDataTwoStrongPressed = "var(--a-bg-data-two-strong-pressed)";
124
124
  export const BgDataTwoRaised = "var(--a-bg-data-two-raised)";
125
125
  export const BgDataTwoRaisedHover = "var(--a-bg-data-two-raised-hover)";
126
- export const BgDataThree = "var(--a-bg-data-three)";
127
- export const BgDataThreeHover = "var(--a-bg-data-three-hover)";
128
- export const BgDataThreeModerate = "var(--a-bg-data-three-moderate)";
129
- export const BgDataThreeModerateHover = "var(--a-bg-data-three-moderate-hover)";
130
- export const BgDataThreeModerateActive = "var(--a-bg-data-three-moderate-active)";
131
- export const BgDataThreeModerateSelected = "var(--a-bg-data-three-moderate-selected)";
132
- export const BgDataThreeStrong = "var(--a-bg-data-three-strong)";
133
- export const BgDataThreeStrongHover = "var(--a-bg-data-three-strong-hover)";
134
- export const BgDataThreeStrongActive = "var(--a-bg-data-three-strong-active)";
135
- export const BgDataThreeRaised = "var(--a-bg-data-three-raised)";
136
- export const BgDataThreeRaisedHover = "var(--a-bg-data-three-raised-hover)";
137
126
  export const BgDefault = "var(--a-bg-default)";
138
127
  export const BgInput = "var(--a-bg-input)";
139
128
  export const BgRaised = "var(--a-bg-raised)";
140
129
  export const BgSunken = "var(--a-bg-sunken)";
141
130
  export const BgOverlay = "var(--a-bg-overlay)";
142
131
  export const TextNeutral = "var(--a-text-neutral)";
143
- export const TextNeutralSubtle = "var(--a-text-neutral-subtle)";
132
+ export const TextNeutralStrong = "var(--a-text-neutral-strong)";
144
133
  export const TextNeutralIcon = "var(--a-text-neutral-icon)";
145
134
  export const TextAccent = "var(--a-text-accent)";
146
- export const TextAccentSubtle = "var(--a-text-accent-subtle)";
135
+ export const TextAccentStrong = "var(--a-text-accent-strong)";
147
136
  export const TextAccentIcon = "var(--a-text-accent-icon)";
148
137
  export const TextSuccess = "var(--a-text-success)";
149
- export const TextSuccessSubtle = "var(--a-text-success-subtle)";
138
+ export const TextSuccessStrong = "var(--a-text-success-strong)";
150
139
  export const TextSuccessIcon = "var(--a-text-success-icon)";
151
140
  export const TextWarning = "var(--a-text-warning)";
152
- export const TextWarningSubtle = "var(--a-text-warning-subtle)";
141
+ export const TextWarningStrong = "var(--a-text-warning-strong)";
153
142
  export const TextWarningIcon = "var(--a-text-warning-icon)";
154
143
  export const TextDanger = "var(--a-text-danger)";
155
- export const TextDangerSubtle = "var(--a-text-danger-subtle)";
144
+ export const TextDangerStrong = "var(--a-text-danger-strong)";
156
145
  export const TextDangerIcon = "var(--a-text-danger-icon)";
157
146
  export const TextInfo = "var(--a-text-info)";
158
- export const TextInfoSubtle = "var(--a-text-info-subtle)";
147
+ export const TextInfoStrong = "var(--a-text-info-strong)";
159
148
  export const TextInfoIcon = "var(--a-text-info-icon)";
160
149
  export const TextBrandOne = "var(--a-text-brand-one)";
161
- export const TextBrandOneSubtle = "var(--a-text-brand-one-subtle)";
150
+ export const TextBrandOneStrong = "var(--a-text-brand-one-strong)";
162
151
  export const TextBrandOneIcon = "var(--a-text-brand-one-icon)";
163
152
  export const TextBrandTwo = "var(--a-text-brand-two)";
164
- export const TextBrandTwoSubtle = "var(--a-text-brand-two-subtle)";
153
+ export const TextBrandTwoStrong = "var(--a-text-brand-two-strong)";
165
154
  export const TextBrandTwoIcon = "var(--a-text-brand-two-icon)";
166
155
  export const TextBrandThree = "var(--a-text-brand-three)";
167
- export const TextBrandThreeSubtle = "var(--a-text-brand-three-subtle)";
156
+ export const TextBrandThreeStrong = "var(--a-text-brand-three-strong)";
168
157
  export const TextBrandThreeIcon = "var(--a-text-brand-three-icon)";
169
158
  export const TextDataOne = "var(--a-text-data-one)";
170
- export const TextDataOneSubtle = "var(--a-text-data-one-subtle)";
159
+ export const TextDataOneStrong = "var(--a-text-data-one-strong)";
171
160
  export const TextDataOneIcon = "var(--a-text-data-one-icon)";
172
161
  export const TextDataTwo = "var(--a-text-data-two)";
173
- export const TextDataTwoSubtle = "var(--a-text-data-two-subtle)";
162
+ export const TextDataTwoStrong = "var(--a-text-data-two-strong)";
174
163
  export const TextDataTwoIcon = "var(--a-text-data-two-icon)";
175
- export const TextDataThree = "var(--a-text-data-three)";
176
- export const TextDataThreeSubtle = "var(--a-text-data-three-subtle)";
177
- export const TextDataThreeIcon = "var(--a-text-data-three-icon)";
178
164
  export const TextDefault = "var(--a-text-default)";
179
165
  export const TextSubtle = "var(--a-text-subtle)";
180
166
  export const TextIcon = "var(--a-text-icon)";
@@ -211,9 +197,6 @@ export const BorderDataOneStrong = "var(--a-border-data-one-strong)";
211
197
  export const BorderDataTwo = "var(--a-border-data-two)";
212
198
  export const BorderDataTwoSubtle = "var(--a-border-data-two-subtle)";
213
199
  export const BorderDataTwoStrong = "var(--a-border-data-two-strong)";
214
- export const BorderDataThree = "var(--a-border-data-three)";
215
- export const BorderDataThreeSubtle = "var(--a-border-data-three-subtle)";
216
- export const BorderDataThreeStrong = "var(--a-border-data-three-strong)";
217
200
  export const BorderDefault = "var(--a-border-default)";
218
201
  export const BorderSubtle = "var(--a-border-subtle)";
219
202
  export const BorderStrong = "var(--a-border-strong)";
@@ -228,7 +211,6 @@ export const ContrastBrandOne = "var(--a-contrast-brand-one)";
228
211
  export const ContrastBrandTwo = "var(--a-contrast-brand-two)";
229
212
  export const ContrastBrandThree = "var(--a-contrast-brand-three)";
230
213
  export const ContrastDataOne = "var(--a-contrast-data-one)";
231
- export const ContrastDataThree = "var(--a-contrast-data-three)";
232
214
  export const ContrastDataTwo = "var(--a-contrast-data-two)";
233
215
  export const Neutral100 = "var(--a-neutral-100)";
234
216
  export const Neutral200 = "var(--a-neutral-200)";
@@ -341,13 +323,3 @@ export const DataTwo700 = "var(--a-data-two-700)";
341
323
  export const DataTwo800 = "var(--a-data-two-800)";
342
324
  export const DataTwo900 = "var(--a-data-two-900)";
343
325
  export const DataTwo1000 = "var(--a-data-two-1000)";
344
- export const DataThree100 = "var(--a-data-three-100)";
345
- export const DataThree200 = "var(--a-data-three-200)";
346
- export const DataThree300 = "var(--a-data-three-300)";
347
- export const DataThree400 = "var(--a-data-three-400)";
348
- export const DataThree500 = "var(--a-data-three-500)";
349
- export const DataThree600 = "var(--a-data-three-600)";
350
- export const DataThree700 = "var(--a-data-three-700)";
351
- export const DataThree800 = "var(--a-data-three-800)";
352
- export const DataThree900 = "var(--a-data-three-900)";
353
- export const DataThree1000 = "var(--a-data-three-1000)";
package/dist/darkside/tokens.js CHANGED
@@ -6,175 +6,161 @@ export const BgNeutral = "var(--a-bg-neutral)";
6
6
  export const BgNeutralHover = "var(--a-bg-neutral-hover)";
7
7
  export const BgNeutralModerate = "var(--a-bg-neutral-moderate)";
8
8
  export const BgNeutralModerateHover = "var(--a-bg-neutral-moderate-hover)";
9
- export const BgNeutralModerateActive = "var(--a-bg-neutral-moderate-active)";
9
+ export const BgNeutralModeratePressed = "var(--a-bg-neutral-moderate-pressed)";
10
10
  export const BgNeutralModerateSelected = "var(--a-bg-neutral-moderate-selected)";
11
11
  export const BgNeutralStrong = "var(--a-bg-neutral-strong)";
12
12
  export const BgNeutralStrongHover = "var(--a-bg-neutral-strong-hover)";
13
- export const BgNeutralStrongActive = "var(--a-bg-neutral-strong-active)";
13
+ export const BgNeutralStrongPressed = "var(--a-bg-neutral-strong-pressed)";
14
14
  export const BgNeutralRaised = "var(--a-bg-neutral-raised)";
15
15
  export const BgNeutralRaisedHover = "var(--a-bg-neutral-raised-hover)";
16
16
  export const BgAccent = "var(--a-bg-accent)";
17
17
  export const BgAccentHover = "var(--a-bg-accent-hover)";
18
18
  export const BgAccentModerate = "var(--a-bg-accent-moderate)";
19
19
  export const BgAccentModerateHover = "var(--a-bg-accent-moderate-hover)";
20
- export const BgAccentModerateActive = "var(--a-bg-accent-moderate-active)";
20
+ export const BgAccentModeratePressed = "var(--a-bg-accent-moderate-pressed)";
21
21
  export const BgAccentModerateSelected = "var(--a-bg-accent-moderate-selected)";
22
22
  export const BgAccentStrong = "var(--a-bg-accent-strong)";
23
23
  export const BgAccentStrongHover = "var(--a-bg-accent-strong-hover)";
24
- export const BgAccentStrongActive = "var(--a-bg-accent-strong-active)";
24
+ export const BgAccentStrongPressed = "var(--a-bg-accent-strong-pressed)";
25
25
  export const BgAccentRaised = "var(--a-bg-accent-raised)";
26
26
  export const BgAccentRaisedHover = "var(--a-bg-accent-raised-hover)";
27
27
  export const BgSuccess = "var(--a-bg-success)";
28
28
  export const BgSuccessHover = "var(--a-bg-success-hover)";
29
29
  export const BgSuccessModerate = "var(--a-bg-success-moderate)";
30
30
  export const BgSuccessModerateHover = "var(--a-bg-success-moderate-hover)";
31
- export const BgSuccessModerateActive = "var(--a-bg-success-moderate-active)";
31
+ export const BgSuccessModeratePressed = "var(--a-bg-success-moderate-pressed)";
32
32
  export const BgSuccessModerateSelected = "var(--a-bg-success-moderate-selected)";
33
33
  export const BgSuccessStrong = "var(--a-bg-success-strong)";
34
34
  export const BgSuccessStrongHover = "var(--a-bg-success-strong-hover)";
35
- export const BgSuccessStrongActive = "var(--a-bg-success-strong-active)";
35
+ export const BgSuccessStrongPressed = "var(--a-bg-success-strong-pressed)";
36
36
  export const BgSuccessRaised = "var(--a-bg-success-raised)";
37
37
  export const BgSuccessRaisedHover = "var(--a-bg-success-raised-hover)";
38
38
  export const BgWarning = "var(--a-bg-warning)";
39
39
  export const BgWarningHover = "var(--a-bg-warning-hover)";
40
40
  export const BgWarningModerate = "var(--a-bg-warning-moderate)";
41
41
  export const BgWarningModerateHover = "var(--a-bg-warning-moderate-hover)";
42
- export const BgWarningModerateActive = "var(--a-bg-warning-moderate-active)";
42
+ export const BgWarningModeratePressed = "var(--a-bg-warning-moderate-pressed)";
43
43
  export const BgWarningModerateSelected = "var(--a-bg-warning-moderate-selected)";
44
44
  export const BgWarningStrong = "var(--a-bg-warning-strong)";
45
45
  export const BgWarningStrongHover = "var(--a-bg-warning-strong-hover)";
46
- export const BgWarningStrongActive = "var(--a-bg-warning-strong-active)";
46
+ export const BgWarningStrongPressed = "var(--a-bg-warning-strong-pressed)";
47
47
  export const BgWarningRaised = "var(--a-bg-warning-raised)";
48
48
  export const BgWarningRaisedHover = "var(--a-bg-warning-raised-hover)";
49
49
  export const BgDanger = "var(--a-bg-danger)";
50
50
  export const BgDangerHover = "var(--a-bg-danger-hover)";
51
51
  export const BgDangerModerate = "var(--a-bg-danger-moderate)";
52
52
  export const BgDangerModerateHover = "var(--a-bg-danger-moderate-hover)";
53
- export const BgDangerModerateActive = "var(--a-bg-danger-moderate-active)";
53
+ export const BgDangerModeratePressed = "var(--a-bg-danger-moderate-pressed)";
54
54
  export const BgDangerModerateSelected = "var(--a-bg-danger-moderate-selected)";
55
55
  export const BgDangerStrong = "var(--a-bg-danger-strong)";
56
56
  export const BgDangerStrongHover = "var(--a-bg-danger-strong-hover)";
57
- export const BgDangerStrongActive = "var(--a-bg-danger-strong-active)";
57
+ export const BgDangerStrongPressed = "var(--a-bg-danger-strong-pressed)";
58
58
  export const BgDangerRaised = "var(--a-bg-danger-raised)";
59
59
  export const BgDangerRaisedHover = "var(--a-bg-danger-raised-hover)";
60
60
  export const BgInfo = "var(--a-bg-info)";
61
61
  export const BgInfoHover = "var(--a-bg-info-hover)";
62
62
  export const BgInfoModerate = "var(--a-bg-info-moderate)";
63
63
  export const BgInfoModerateHover = "var(--a-bg-info-moderate-hover)";
64
- export const BgInfoModerateActive = "var(--a-bg-info-moderate-active)";
64
+ export const BgInfoModeratePressed = "var(--a-bg-info-moderate-pressed)";
65
65
  export const BgInfoModerateSelected = "var(--a-bg-info-moderate-selected)";
66
66
  export const BgInfoStrong = "var(--a-bg-info-strong)";
67
67
  export const BgInfoStrongHover = "var(--a-bg-info-strong-hover)";
68
- export const BgInfoStrongActive = "var(--a-bg-info-strong-active)";
68
+ export const BgInfoStrongPressed = "var(--a-bg-info-strong-pressed)";
69
69
  export const BgInfoRaised = "var(--a-bg-info-raised)";
70
70
  export const BgInfoRaisedHover = "var(--a-bg-info-raised-hover)";
71
71
  export const BgBrandOne = "var(--a-bg-brand-one)";
72
72
  export const BgBrandOneHover = "var(--a-bg-brand-one-hover)";
73
73
  export const BgBrandOneModerate = "var(--a-bg-brand-one-moderate)";
74
74
  export const BgBrandOneModerateHover = "var(--a-bg-brand-one-moderate-hover)";
75
- export const BgBrandOneModerateActive = "var(--a-bg-brand-one-moderate-active)";
75
+ export const BgBrandOneModeratePressed = "var(--a-bg-brand-one-moderate-pressed)";
76
76
  export const BgBrandOneModerateSelected = "var(--a-bg-brand-one-moderate-selected)";
77
77
  export const BgBrandOneStrong = "var(--a-bg-brand-one-strong)";
78
78
  export const BgBrandOneStrongHover = "var(--a-bg-brand-one-strong-hover)";
79
- export const BgBrandOneStrongActive = "var(--a-bg-brand-one-strong-active)";
79
+ export const BgBrandOneStrongPressed = "var(--a-bg-brand-one-strong-pressed)";
80
80
  export const BgBrandOneRaised = "var(--a-bg-brand-one-raised)";
81
81
  export const BgBrandOneRaisedHover = "var(--a-bg-brand-one-raised-hover)";
82
82
  export const BgBrandTwo = "var(--a-bg-brand-two)";
83
83
  export const BgBrandTwoHover = "var(--a-bg-brand-two-hover)";
84
84
  export const BgBrandTwoModerate = "var(--a-bg-brand-two-moderate)";
85
85
  export const BgBrandTwoModerateHover = "var(--a-bg-brand-two-moderate-hover)";
86
- export const BgBrandTwoModerateActive = "var(--a-bg-brand-two-moderate-active)";
86
+ export const BgBrandTwoModeratePressed = "var(--a-bg-brand-two-moderate-pressed)";
87
87
  export const BgBrandTwoModerateSelected = "var(--a-bg-brand-two-moderate-selected)";
88
88
  export const BgBrandTwoStrong = "var(--a-bg-brand-two-strong)";
89
89
  export const BgBrandTwoStrongHover = "var(--a-bg-brand-two-strong-hover)";
90
- export const BgBrandTwoStrongActive = "var(--a-bg-brand-two-strong-active)";
90
+ export const BgBrandTwoStrongPressed = "var(--a-bg-brand-two-strong-pressed)";
91
91
  export const BgBrandTwoRaised = "var(--a-bg-brand-two-raised)";
92
92
  export const BgBrandTwoRaisedHover = "var(--a-bg-brand-two-raised-hover)";
93
93
  export const BgBrandThree = "var(--a-bg-brand-three)";
94
94
  export const BgBrandThreeHover = "var(--a-bg-brand-three-hover)";
95
95
  export const BgBrandThreeModerate = "var(--a-bg-brand-three-moderate)";
96
96
  export const BgBrandThreeModerateHover = "var(--a-bg-brand-three-moderate-hover)";
97
- export const BgBrandThreeModerateActive = "var(--a-bg-brand-three-moderate-active)";
97
+ export const BgBrandThreeModeratePressed = "var(--a-bg-brand-three-moderate-pressed)";
98
98
  export const BgBrandThreeModerateSelected = "var(--a-bg-brand-three-moderate-selected)";
99
99
  export const BgBrandThreeStrong = "var(--a-bg-brand-three-strong)";
100
100
  export const BgBrandThreeStrongHover = "var(--a-bg-brand-three-strong-hover)";
101
- export const BgBrandThreeStrongActive = "var(--a-bg-brand-three-strong-active)";
101
+ export const BgBrandThreeStrongPressed = "var(--a-bg-brand-three-strong-pressed)";
102
102
  export const BgBrandThreeRaised = "var(--a-bg-brand-three-raised)";
103
103
  export const BgBrandThreeRaisedHover = "var(--a-bg-brand-three-raised-hover)";
104
104
  export const BgDataOne = "var(--a-bg-data-one)";
105
105
  export const BgDataOneHover = "var(--a-bg-data-one-hover)";
106
106
  export const BgDataOneModerate = "var(--a-bg-data-one-moderate)";
107
107
  export const BgDataOneModerateHover = "var(--a-bg-data-one-moderate-hover)";
108
- export const BgDataOneModerateActive = "var(--a-bg-data-one-moderate-active)";
108
+ export const BgDataOneModeratePressed = "var(--a-bg-data-one-moderate-pressed)";
109
109
  export const BgDataOneModerateSelected = "var(--a-bg-data-one-moderate-selected)";
110
110
  export const BgDataOneStrong = "var(--a-bg-data-one-strong)";
111
111
  export const BgDataOneStrongHover = "var(--a-bg-data-one-strong-hover)";
112
- export const BgDataOneStrongActive = "var(--a-bg-data-one-strong-active)";
112
+ export const BgDataOneStrongPressed = "var(--a-bg-data-one-strong-pressed)";
113
113
  export const BgDataOneRaised = "var(--a-bg-data-one-raised)";
114
114
  export const BgDataOneRaisedHover = "var(--a-bg-data-one-raised-hover)";
115
115
  export const BgDataTwo = "var(--a-bg-data-two)";
116
116
  export const BgDataTwoHover = "var(--a-bg-data-two-hover)";
117
117
  export const BgDataTwoModerate = "var(--a-bg-data-two-moderate)";
118
118
  export const BgDataTwoModerateHover = "var(--a-bg-data-two-moderate-hover)";
119
- export const BgDataTwoModerateActive = "var(--a-bg-data-two-moderate-active)";
119
+ export const BgDataTwoModeratePressed = "var(--a-bg-data-two-moderate-pressed)";
120
120
  export const BgDataTwoModerateSelected = "var(--a-bg-data-two-moderate-selected)";
121
121
  export const BgDataTwoStrong = "var(--a-bg-data-two-strong)";
122
122
  export const BgDataTwoStrongHover = "var(--a-bg-data-two-strong-hover)";
123
- export const BgDataTwoStrongActive = "var(--a-bg-data-two-strong-active)";
123
+ export const BgDataTwoStrongPressed = "var(--a-bg-data-two-strong-pressed)";
124
124
  export const BgDataTwoRaised = "var(--a-bg-data-two-raised)";
125
125
  export const BgDataTwoRaisedHover = "var(--a-bg-data-two-raised-hover)";
126
- export const BgDataThree = "var(--a-bg-data-three)";
127
- export const BgDataThreeHover = "var(--a-bg-data-three-hover)";
128
- export const BgDataThreeModerate = "var(--a-bg-data-three-moderate)";
129
- export const BgDataThreeModerateHover = "var(--a-bg-data-three-moderate-hover)";
130
- export const BgDataThreeModerateActive = "var(--a-bg-data-three-moderate-active)";
131
- export const BgDataThreeModerateSelected = "var(--a-bg-data-three-moderate-selected)";
132
- export const BgDataThreeStrong = "var(--a-bg-data-three-strong)";
133
- export const BgDataThreeStrongHover = "var(--a-bg-data-three-strong-hover)";
134
- export const BgDataThreeStrongActive = "var(--a-bg-data-three-strong-active)";
135
- export const BgDataThreeRaised = "var(--a-bg-data-three-raised)";
136
- export const BgDataThreeRaisedHover = "var(--a-bg-data-three-raised-hover)";
137
126
  export const BgDefault = "var(--a-bg-default)";
138
127
  export const BgInput = "var(--a-bg-input)";
139
128
  export const BgRaised = "var(--a-bg-raised)";
140
129
  export const BgSunken = "var(--a-bg-sunken)";
141
130
  export const BgOverlay = "var(--a-bg-overlay)";
142
131
  export const TextNeutral = "var(--a-text-neutral)";
143
- export const TextNeutralSubtle = "var(--a-text-neutral-subtle)";
132
+ export const TextNeutralStrong = "var(--a-text-neutral-strong)";
144
133
  export const TextNeutralIcon = "var(--a-text-neutral-icon)";
145
134
  export const TextAccent = "var(--a-text-accent)";
146
- export const TextAccentSubtle = "var(--a-text-accent-subtle)";
135
+ export const TextAccentStrong = "var(--a-text-accent-strong)";
147
136
  export const TextAccentIcon = "var(--a-text-accent-icon)";
148
137
  export const TextSuccess = "var(--a-text-success)";
149
- export const TextSuccessSubtle = "var(--a-text-success-subtle)";
138
+ export const TextSuccessStrong = "var(--a-text-success-strong)";
150
139
  export const TextSuccessIcon = "var(--a-text-success-icon)";
151
140
  export const TextWarning = "var(--a-text-warning)";
152
- export const TextWarningSubtle = "var(--a-text-warning-subtle)";
141
+ export const TextWarningStrong = "var(--a-text-warning-strong)";
153
142
  export const TextWarningIcon = "var(--a-text-warning-icon)";
154
143
  export const TextDanger = "var(--a-text-danger)";
155
- export const TextDangerSubtle = "var(--a-text-danger-subtle)";
144
+ export const TextDangerStrong = "var(--a-text-danger-strong)";
156
145
  export const TextDangerIcon = "var(--a-text-danger-icon)";
157
146
  export const TextInfo = "var(--a-text-info)";
158
- export const TextInfoSubtle = "var(--a-text-info-subtle)";
147
+ export const TextInfoStrong = "var(--a-text-info-strong)";
159
148
  export const TextInfoIcon = "var(--a-text-info-icon)";
160
149
  export const TextBrandOne = "var(--a-text-brand-one)";
161
- export const TextBrandOneSubtle = "var(--a-text-brand-one-subtle)";
150
+ export const TextBrandOneStrong = "var(--a-text-brand-one-strong)";
162
151
  export const TextBrandOneIcon = "var(--a-text-brand-one-icon)";
163
152
  export const TextBrandTwo = "var(--a-text-brand-two)";
164
- export const TextBrandTwoSubtle = "var(--a-text-brand-two-subtle)";
153
+ export const TextBrandTwoStrong = "var(--a-text-brand-two-strong)";
165
154
  export const TextBrandTwoIcon = "var(--a-text-brand-two-icon)";
166
155
  export const TextBrandThree = "var(--a-text-brand-three)";
167
- export const TextBrandThreeSubtle = "var(--a-text-brand-three-subtle)";
156
+ export const TextBrandThreeStrong = "var(--a-text-brand-three-strong)";
168
157
  export const TextBrandThreeIcon = "var(--a-text-brand-three-icon)";
169
158
  export const TextDataOne = "var(--a-text-data-one)";
170
- export const TextDataOneSubtle = "var(--a-text-data-one-subtle)";
159
+ export const TextDataOneStrong = "var(--a-text-data-one-strong)";
171
160
  export const TextDataOneIcon = "var(--a-text-data-one-icon)";
172
161
  export const TextDataTwo = "var(--a-text-data-two)";
173
- export const TextDataTwoSubtle = "var(--a-text-data-two-subtle)";
162
+ export const TextDataTwoStrong = "var(--a-text-data-two-strong)";
174
163
  export const TextDataTwoIcon = "var(--a-text-data-two-icon)";
175
- export const TextDataThree = "var(--a-text-data-three)";
176
- export const TextDataThreeSubtle = "var(--a-text-data-three-subtle)";
177
- export const TextDataThreeIcon = "var(--a-text-data-three-icon)";
178
164
  export const TextDefault = "var(--a-text-default)";
179
165
  export const TextSubtle = "var(--a-text-subtle)";
180
166
  export const TextIcon = "var(--a-text-icon)";
@@ -211,9 +197,6 @@ export const BorderDataOneStrong = "var(--a-border-data-one-strong)";
211
197
  export const BorderDataTwo = "var(--a-border-data-two)";
212
198
  export const BorderDataTwoSubtle = "var(--a-border-data-two-subtle)";
213
199
  export const BorderDataTwoStrong = "var(--a-border-data-two-strong)";
214
- export const BorderDataThree = "var(--a-border-data-three)";
215
- export const BorderDataThreeSubtle = "var(--a-border-data-three-subtle)";
216
- export const BorderDataThreeStrong = "var(--a-border-data-three-strong)";
217
200
  export const BorderDefault = "var(--a-border-default)";
218
201
  export const BorderSubtle = "var(--a-border-subtle)";
219
202
  export const BorderStrong = "var(--a-border-strong)";
@@ -228,7 +211,6 @@ export const ContrastBrandOne = "var(--a-contrast-brand-one)";
228
211
  export const ContrastBrandTwo = "var(--a-contrast-brand-two)";
229
212
  export const ContrastBrandThree = "var(--a-contrast-brand-three)";
230
213
  export const ContrastDataOne = "var(--a-contrast-data-one)";
231
- export const ContrastDataThree = "var(--a-contrast-data-three)";
232
214
  export const ContrastDataTwo = "var(--a-contrast-data-two)";
233
215
  export const Neutral100 = "var(--a-neutral-100)";
234
216
  export const Neutral200 = "var(--a-neutral-200)";
@@ -341,13 +323,3 @@ export const DataTwo700 = "var(--a-data-two-700)";
341
323
  export const DataTwo800 = "var(--a-data-two-800)";
342
324
  export const DataTwo900 = "var(--a-data-two-900)";
343
325
  export const DataTwo1000 = "var(--a-data-two-1000)";
344
- export const DataThree100 = "var(--a-data-three-100)";
345
- export const DataThree200 = "var(--a-data-three-200)";
346
- export const DataThree300 = "var(--a-data-three-300)";
347
- export const DataThree400 = "var(--a-data-three-400)";
348
- export const DataThree500 = "var(--a-data-three-500)";
349
- export const DataThree600 = "var(--a-data-three-600)";
350
- export const DataThree700 = "var(--a-data-three-700)";
351
- export const DataThree800 = "var(--a-data-three-800)";
352
- export const DataThree900 = "var(--a-data-three-900)";
353
- export const DataThree1000 = "var(--a-data-three-1000)";
package/dist/tokens.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root, :host {
6
- --a-version: "7.0.1";
6
+ --a-version: "7.1.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,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-tokens",
3
- "version": "7.0.1",
3
+ "version": "7.1.1",
4
4
  "description": "Design-tokens for NAV designsystem",
5
5
  "author": "Aksel | NAV designsystem team",
6
6
  "keywords": [
@@ -19,7 +19,8 @@
19
19
  ],
20
20
  "scripts": {
21
21
  "build": "tsx ./config/build.ts > /dev/null && tsx ./config/version-tag.ts && yarn build:darkside",
22
- "build:darkside": "tsx ./darkside",
22
+ "build:darkside": "tsx ./darkside && yarn build:figma-config",
23
+ "build:figma-config": "tsx ./darkside/figma",
23
24
  "test": "vitest run",
24
25
  "test:watch": "vitest watch"
25
26
  },
@@ -30,6 +31,7 @@
30
31
  },
31
32
  "devDependencies": {
32
33
  "@adobe/leonardo-contrast-colors": "^1.0.0",
34
+ "@figma/plugin-typings": "^1.100.2",
33
35
  "color": "4.2.3",
34
36
  "lightningcss": "^1.27.0",
35
37
  "lodash": "^4.17.21",