@navikt/ds-tokens 7.1.0 → 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 -110
  2. package/dist/darkside/light-tokens.css +91 -91
  3. package/dist/darkside/tokens-cjs.js +33 -33
  4. package/dist/darkside/tokens.css +411 -201
  5. package/dist/darkside/tokens.d.ts +33 -33
  6. package/dist/darkside/tokens.js +33 -33
  7. package/dist/tokens.css +1 -1
  8. package/package.json +4 -2
package/dist/darkside/tokens.d.ts CHANGED
@@ -6,121 +6,121 @@ 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
126
  export const BgDefault = "var(--a-bg-default)";
@@ -129,37 +129,37 @@ export const BgRaised = "var(--a-bg-raised)";
129
129
  export const BgSunken = "var(--a-bg-sunken)";
130
130
  export const BgOverlay = "var(--a-bg-overlay)";
131
131
  export const TextNeutral = "var(--a-text-neutral)";
132
- export const TextNeutralSubtle = "var(--a-text-neutral-subtle)";
132
+ export const TextNeutralStrong = "var(--a-text-neutral-strong)";
133
133
  export const TextNeutralIcon = "var(--a-text-neutral-icon)";
134
134
  export const TextAccent = "var(--a-text-accent)";
135
- export const TextAccentSubtle = "var(--a-text-accent-subtle)";
135
+ export const TextAccentStrong = "var(--a-text-accent-strong)";
136
136
  export const TextAccentIcon = "var(--a-text-accent-icon)";
137
137
  export const TextSuccess = "var(--a-text-success)";
138
- export const TextSuccessSubtle = "var(--a-text-success-subtle)";
138
+ export const TextSuccessStrong = "var(--a-text-success-strong)";
139
139
  export const TextSuccessIcon = "var(--a-text-success-icon)";
140
140
  export const TextWarning = "var(--a-text-warning)";
141
- export const TextWarningSubtle = "var(--a-text-warning-subtle)";
141
+ export const TextWarningStrong = "var(--a-text-warning-strong)";
142
142
  export const TextWarningIcon = "var(--a-text-warning-icon)";
143
143
  export const TextDanger = "var(--a-text-danger)";
144
- export const TextDangerSubtle = "var(--a-text-danger-subtle)";
144
+ export const TextDangerStrong = "var(--a-text-danger-strong)";
145
145
  export const TextDangerIcon = "var(--a-text-danger-icon)";
146
146
  export const TextInfo = "var(--a-text-info)";
147
- export const TextInfoSubtle = "var(--a-text-info-subtle)";
147
+ export const TextInfoStrong = "var(--a-text-info-strong)";
148
148
  export const TextInfoIcon = "var(--a-text-info-icon)";
149
149
  export const TextBrandOne = "var(--a-text-brand-one)";
150
- export const TextBrandOneSubtle = "var(--a-text-brand-one-subtle)";
150
+ export const TextBrandOneStrong = "var(--a-text-brand-one-strong)";
151
151
  export const TextBrandOneIcon = "var(--a-text-brand-one-icon)";
152
152
  export const TextBrandTwo = "var(--a-text-brand-two)";
153
- export const TextBrandTwoSubtle = "var(--a-text-brand-two-subtle)";
153
+ export const TextBrandTwoStrong = "var(--a-text-brand-two-strong)";
154
154
  export const TextBrandTwoIcon = "var(--a-text-brand-two-icon)";
155
155
  export const TextBrandThree = "var(--a-text-brand-three)";
156
- export const TextBrandThreeSubtle = "var(--a-text-brand-three-subtle)";
156
+ export const TextBrandThreeStrong = "var(--a-text-brand-three-strong)";
157
157
  export const TextBrandThreeIcon = "var(--a-text-brand-three-icon)";
158
158
  export const TextDataOne = "var(--a-text-data-one)";
159
- export const TextDataOneSubtle = "var(--a-text-data-one-subtle)";
159
+ export const TextDataOneStrong = "var(--a-text-data-one-strong)";
160
160
  export const TextDataOneIcon = "var(--a-text-data-one-icon)";
161
161
  export const TextDataTwo = "var(--a-text-data-two)";
162
- export const TextDataTwoSubtle = "var(--a-text-data-two-subtle)";
162
+ export const TextDataTwoStrong = "var(--a-text-data-two-strong)";
163
163
  export const TextDataTwoIcon = "var(--a-text-data-two-icon)";
164
164
  export const TextDefault = "var(--a-text-default)";
165
165
  export const TextSubtle = "var(--a-text-subtle)";
package/dist/darkside/tokens.js CHANGED
@@ -6,121 +6,121 @@ 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
126
  export const BgDefault = "var(--a-bg-default)";
@@ -129,37 +129,37 @@ export const BgRaised = "var(--a-bg-raised)";
129
129
  export const BgSunken = "var(--a-bg-sunken)";
130
130
  export const BgOverlay = "var(--a-bg-overlay)";
131
131
  export const TextNeutral = "var(--a-text-neutral)";
132
- export const TextNeutralSubtle = "var(--a-text-neutral-subtle)";
132
+ export const TextNeutralStrong = "var(--a-text-neutral-strong)";
133
133
  export const TextNeutralIcon = "var(--a-text-neutral-icon)";
134
134
  export const TextAccent = "var(--a-text-accent)";
135
- export const TextAccentSubtle = "var(--a-text-accent-subtle)";
135
+ export const TextAccentStrong = "var(--a-text-accent-strong)";
136
136
  export const TextAccentIcon = "var(--a-text-accent-icon)";
137
137
  export const TextSuccess = "var(--a-text-success)";
138
- export const TextSuccessSubtle = "var(--a-text-success-subtle)";
138
+ export const TextSuccessStrong = "var(--a-text-success-strong)";
139
139
  export const TextSuccessIcon = "var(--a-text-success-icon)";
140
140
  export const TextWarning = "var(--a-text-warning)";
141
- export const TextWarningSubtle = "var(--a-text-warning-subtle)";
141
+ export const TextWarningStrong = "var(--a-text-warning-strong)";
142
142
  export const TextWarningIcon = "var(--a-text-warning-icon)";
143
143
  export const TextDanger = "var(--a-text-danger)";
144
- export const TextDangerSubtle = "var(--a-text-danger-subtle)";
144
+ export const TextDangerStrong = "var(--a-text-danger-strong)";
145
145
  export const TextDangerIcon = "var(--a-text-danger-icon)";
146
146
  export const TextInfo = "var(--a-text-info)";
147
- export const TextInfoSubtle = "var(--a-text-info-subtle)";
147
+ export const TextInfoStrong = "var(--a-text-info-strong)";
148
148
  export const TextInfoIcon = "var(--a-text-info-icon)";
149
149
  export const TextBrandOne = "var(--a-text-brand-one)";
150
- export const TextBrandOneSubtle = "var(--a-text-brand-one-subtle)";
150
+ export const TextBrandOneStrong = "var(--a-text-brand-one-strong)";
151
151
  export const TextBrandOneIcon = "var(--a-text-brand-one-icon)";
152
152
  export const TextBrandTwo = "var(--a-text-brand-two)";
153
- export const TextBrandTwoSubtle = "var(--a-text-brand-two-subtle)";
153
+ export const TextBrandTwoStrong = "var(--a-text-brand-two-strong)";
154
154
  export const TextBrandTwoIcon = "var(--a-text-brand-two-icon)";
155
155
  export const TextBrandThree = "var(--a-text-brand-three)";
156
- export const TextBrandThreeSubtle = "var(--a-text-brand-three-subtle)";
156
+ export const TextBrandThreeStrong = "var(--a-text-brand-three-strong)";
157
157
  export const TextBrandThreeIcon = "var(--a-text-brand-three-icon)";
158
158
  export const TextDataOne = "var(--a-text-data-one)";
159
- export const TextDataOneSubtle = "var(--a-text-data-one-subtle)";
159
+ export const TextDataOneStrong = "var(--a-text-data-one-strong)";
160
160
  export const TextDataOneIcon = "var(--a-text-data-one-icon)";
161
161
  export const TextDataTwo = "var(--a-text-data-two)";
162
- export const TextDataTwoSubtle = "var(--a-text-data-two-subtle)";
162
+ export const TextDataTwoStrong = "var(--a-text-data-two-strong)";
163
163
  export const TextDataTwoIcon = "var(--a-text-data-two-icon)";
164
164
  export const TextDefault = "var(--a-text-default)";
165
165
  export const TextSubtle = "var(--a-text-subtle)";
package/dist/tokens.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root, :host {
6
- --a-version: "7.1.0";
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.1.0",
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",