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