@navikt/ds-tokens 7.0.0 → 7.0.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.
- package/dist/darkside/dark-tokens.css +127 -0
- package/dist/darkside/light-tokens.css +355 -0
- package/dist/darkside/scale-tokens.css +32 -0
- package/dist/darkside/tokens-cjs.js +355 -0
- package/dist/darkside/tokens.css +504 -0
- package/dist/darkside/tokens.d.ts +353 -0
- package/dist/darkside/tokens.js +353 -0
- package/dist/tokens-cjs.js +1 -2
- package/dist/tokens.css +2 -3
- package/dist/tokens.d.ts +1 -2
- package/dist/tokens.js +1 -2
- package/dist/tokens.less +1 -2
- package/dist/tokens.scss +1 -2
- package/package.json +7 -7
|
@@ -0,0 +1,353 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
export const BgNeutral = "var(--a-bg-neutral)";
|
|
6
|
+
export const BgNeutralHover = "var(--a-bg-neutral-hover)";
|
|
7
|
+
export const BgNeutralModerate = "var(--a-bg-neutral-moderate)";
|
|
8
|
+
export const BgNeutralModerateHover = "var(--a-bg-neutral-moderate-hover)";
|
|
9
|
+
export const BgNeutralModerateActive = "var(--a-bg-neutral-moderate-active)";
|
|
10
|
+
export const BgNeutralModerateSelected = "var(--a-bg-neutral-moderate-selected)";
|
|
11
|
+
export const BgNeutralStrong = "var(--a-bg-neutral-strong)";
|
|
12
|
+
export const BgNeutralStrongHover = "var(--a-bg-neutral-strong-hover)";
|
|
13
|
+
export const BgNeutralStrongActive = "var(--a-bg-neutral-strong-active)";
|
|
14
|
+
export const BgNeutralRaised = "var(--a-bg-neutral-raised)";
|
|
15
|
+
export const BgNeutralRaisedHover = "var(--a-bg-neutral-raised-hover)";
|
|
16
|
+
export const BgAccent = "var(--a-bg-accent)";
|
|
17
|
+
export const BgAccentHover = "var(--a-bg-accent-hover)";
|
|
18
|
+
export const BgAccentModerate = "var(--a-bg-accent-moderate)";
|
|
19
|
+
export const BgAccentModerateHover = "var(--a-bg-accent-moderate-hover)";
|
|
20
|
+
export const BgAccentModerateActive = "var(--a-bg-accent-moderate-active)";
|
|
21
|
+
export const BgAccentModerateSelected = "var(--a-bg-accent-moderate-selected)";
|
|
22
|
+
export const BgAccentStrong = "var(--a-bg-accent-strong)";
|
|
23
|
+
export const BgAccentStrongHover = "var(--a-bg-accent-strong-hover)";
|
|
24
|
+
export const BgAccentStrongActive = "var(--a-bg-accent-strong-active)";
|
|
25
|
+
export const BgAccentRaised = "var(--a-bg-accent-raised)";
|
|
26
|
+
export const BgAccentRaisedHover = "var(--a-bg-accent-raised-hover)";
|
|
27
|
+
export const BgSuccess = "var(--a-bg-success)";
|
|
28
|
+
export const BgSuccessHover = "var(--a-bg-success-hover)";
|
|
29
|
+
export const BgSuccessModerate = "var(--a-bg-success-moderate)";
|
|
30
|
+
export const BgSuccessModerateHover = "var(--a-bg-success-moderate-hover)";
|
|
31
|
+
export const BgSuccessModerateActive = "var(--a-bg-success-moderate-active)";
|
|
32
|
+
export const BgSuccessModerateSelected = "var(--a-bg-success-moderate-selected)";
|
|
33
|
+
export const BgSuccessStrong = "var(--a-bg-success-strong)";
|
|
34
|
+
export const BgSuccessStrongHover = "var(--a-bg-success-strong-hover)";
|
|
35
|
+
export const BgSuccessStrongActive = "var(--a-bg-success-strong-active)";
|
|
36
|
+
export const BgSuccessRaised = "var(--a-bg-success-raised)";
|
|
37
|
+
export const BgSuccessRaisedHover = "var(--a-bg-success-raised-hover)";
|
|
38
|
+
export const BgWarning = "var(--a-bg-warning)";
|
|
39
|
+
export const BgWarningHover = "var(--a-bg-warning-hover)";
|
|
40
|
+
export const BgWarningModerate = "var(--a-bg-warning-moderate)";
|
|
41
|
+
export const BgWarningModerateHover = "var(--a-bg-warning-moderate-hover)";
|
|
42
|
+
export const BgWarningModerateActive = "var(--a-bg-warning-moderate-active)";
|
|
43
|
+
export const BgWarningModerateSelected = "var(--a-bg-warning-moderate-selected)";
|
|
44
|
+
export const BgWarningStrong = "var(--a-bg-warning-strong)";
|
|
45
|
+
export const BgWarningStrongHover = "var(--a-bg-warning-strong-hover)";
|
|
46
|
+
export const BgWarningStrongActive = "var(--a-bg-warning-strong-active)";
|
|
47
|
+
export const BgWarningRaised = "var(--a-bg-warning-raised)";
|
|
48
|
+
export const BgWarningRaisedHover = "var(--a-bg-warning-raised-hover)";
|
|
49
|
+
export const BgDanger = "var(--a-bg-danger)";
|
|
50
|
+
export const BgDangerHover = "var(--a-bg-danger-hover)";
|
|
51
|
+
export const BgDangerModerate = "var(--a-bg-danger-moderate)";
|
|
52
|
+
export const BgDangerModerateHover = "var(--a-bg-danger-moderate-hover)";
|
|
53
|
+
export const BgDangerModerateActive = "var(--a-bg-danger-moderate-active)";
|
|
54
|
+
export const BgDangerModerateSelected = "var(--a-bg-danger-moderate-selected)";
|
|
55
|
+
export const BgDangerStrong = "var(--a-bg-danger-strong)";
|
|
56
|
+
export const BgDangerStrongHover = "var(--a-bg-danger-strong-hover)";
|
|
57
|
+
export const BgDangerStrongActive = "var(--a-bg-danger-strong-active)";
|
|
58
|
+
export const BgDangerRaised = "var(--a-bg-danger-raised)";
|
|
59
|
+
export const BgDangerRaisedHover = "var(--a-bg-danger-raised-hover)";
|
|
60
|
+
export const BgInfo = "var(--a-bg-info)";
|
|
61
|
+
export const BgInfoHover = "var(--a-bg-info-hover)";
|
|
62
|
+
export const BgInfoModerate = "var(--a-bg-info-moderate)";
|
|
63
|
+
export const BgInfoModerateHover = "var(--a-bg-info-moderate-hover)";
|
|
64
|
+
export const BgInfoModerateActive = "var(--a-bg-info-moderate-active)";
|
|
65
|
+
export const BgInfoModerateSelected = "var(--a-bg-info-moderate-selected)";
|
|
66
|
+
export const BgInfoStrong = "var(--a-bg-info-strong)";
|
|
67
|
+
export const BgInfoStrongHover = "var(--a-bg-info-strong-hover)";
|
|
68
|
+
export const BgInfoStrongActive = "var(--a-bg-info-strong-active)";
|
|
69
|
+
export const BgInfoRaised = "var(--a-bg-info-raised)";
|
|
70
|
+
export const BgInfoRaisedHover = "var(--a-bg-info-raised-hover)";
|
|
71
|
+
export const BgBrandOne = "var(--a-bg-brand-one)";
|
|
72
|
+
export const BgBrandOneHover = "var(--a-bg-brand-one-hover)";
|
|
73
|
+
export const BgBrandOneModerate = "var(--a-bg-brand-one-moderate)";
|
|
74
|
+
export const BgBrandOneModerateHover = "var(--a-bg-brand-one-moderate-hover)";
|
|
75
|
+
export const BgBrandOneModerateActive = "var(--a-bg-brand-one-moderate-active)";
|
|
76
|
+
export const BgBrandOneModerateSelected = "var(--a-bg-brand-one-moderate-selected)";
|
|
77
|
+
export const BgBrandOneStrong = "var(--a-bg-brand-one-strong)";
|
|
78
|
+
export const BgBrandOneStrongHover = "var(--a-bg-brand-one-strong-hover)";
|
|
79
|
+
export const BgBrandOneStrongActive = "var(--a-bg-brand-one-strong-active)";
|
|
80
|
+
export const BgBrandOneRaised = "var(--a-bg-brand-one-raised)";
|
|
81
|
+
export const BgBrandOneRaisedHover = "var(--a-bg-brand-one-raised-hover)";
|
|
82
|
+
export const BgBrandTwo = "var(--a-bg-brand-two)";
|
|
83
|
+
export const BgBrandTwoHover = "var(--a-bg-brand-two-hover)";
|
|
84
|
+
export const BgBrandTwoModerate = "var(--a-bg-brand-two-moderate)";
|
|
85
|
+
export const BgBrandTwoModerateHover = "var(--a-bg-brand-two-moderate-hover)";
|
|
86
|
+
export const BgBrandTwoModerateActive = "var(--a-bg-brand-two-moderate-active)";
|
|
87
|
+
export const BgBrandTwoModerateSelected = "var(--a-bg-brand-two-moderate-selected)";
|
|
88
|
+
export const BgBrandTwoStrong = "var(--a-bg-brand-two-strong)";
|
|
89
|
+
export const BgBrandTwoStrongHover = "var(--a-bg-brand-two-strong-hover)";
|
|
90
|
+
export const BgBrandTwoStrongActive = "var(--a-bg-brand-two-strong-active)";
|
|
91
|
+
export const BgBrandTwoRaised = "var(--a-bg-brand-two-raised)";
|
|
92
|
+
export const BgBrandTwoRaisedHover = "var(--a-bg-brand-two-raised-hover)";
|
|
93
|
+
export const BgBrandThree = "var(--a-bg-brand-three)";
|
|
94
|
+
export const BgBrandThreeHover = "var(--a-bg-brand-three-hover)";
|
|
95
|
+
export const BgBrandThreeModerate = "var(--a-bg-brand-three-moderate)";
|
|
96
|
+
export const BgBrandThreeModerateHover = "var(--a-bg-brand-three-moderate-hover)";
|
|
97
|
+
export const BgBrandThreeModerateActive = "var(--a-bg-brand-three-moderate-active)";
|
|
98
|
+
export const BgBrandThreeModerateSelected = "var(--a-bg-brand-three-moderate-selected)";
|
|
99
|
+
export const BgBrandThreeStrong = "var(--a-bg-brand-three-strong)";
|
|
100
|
+
export const BgBrandThreeStrongHover = "var(--a-bg-brand-three-strong-hover)";
|
|
101
|
+
export const BgBrandThreeStrongActive = "var(--a-bg-brand-three-strong-active)";
|
|
102
|
+
export const BgBrandThreeRaised = "var(--a-bg-brand-three-raised)";
|
|
103
|
+
export const BgBrandThreeRaisedHover = "var(--a-bg-brand-three-raised-hover)";
|
|
104
|
+
export const BgDataOne = "var(--a-bg-data-one)";
|
|
105
|
+
export const BgDataOneHover = "var(--a-bg-data-one-hover)";
|
|
106
|
+
export const BgDataOneModerate = "var(--a-bg-data-one-moderate)";
|
|
107
|
+
export const BgDataOneModerateHover = "var(--a-bg-data-one-moderate-hover)";
|
|
108
|
+
export const BgDataOneModerateActive = "var(--a-bg-data-one-moderate-active)";
|
|
109
|
+
export const BgDataOneModerateSelected = "var(--a-bg-data-one-moderate-selected)";
|
|
110
|
+
export const BgDataOneStrong = "var(--a-bg-data-one-strong)";
|
|
111
|
+
export const BgDataOneStrongHover = "var(--a-bg-data-one-strong-hover)";
|
|
112
|
+
export const BgDataOneStrongActive = "var(--a-bg-data-one-strong-active)";
|
|
113
|
+
export const BgDataOneRaised = "var(--a-bg-data-one-raised)";
|
|
114
|
+
export const BgDataOneRaisedHover = "var(--a-bg-data-one-raised-hover)";
|
|
115
|
+
export const BgDataTwo = "var(--a-bg-data-two)";
|
|
116
|
+
export const BgDataTwoHover = "var(--a-bg-data-two-hover)";
|
|
117
|
+
export const BgDataTwoModerate = "var(--a-bg-data-two-moderate)";
|
|
118
|
+
export const BgDataTwoModerateHover = "var(--a-bg-data-two-moderate-hover)";
|
|
119
|
+
export const BgDataTwoModerateActive = "var(--a-bg-data-two-moderate-active)";
|
|
120
|
+
export const BgDataTwoModerateSelected = "var(--a-bg-data-two-moderate-selected)";
|
|
121
|
+
export const BgDataTwoStrong = "var(--a-bg-data-two-strong)";
|
|
122
|
+
export const BgDataTwoStrongHover = "var(--a-bg-data-two-strong-hover)";
|
|
123
|
+
export const BgDataTwoStrongActive = "var(--a-bg-data-two-strong-active)";
|
|
124
|
+
export const BgDataTwoRaised = "var(--a-bg-data-two-raised)";
|
|
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
|
+
export const BgDefault = "var(--a-bg-default)";
|
|
138
|
+
export const BgInput = "var(--a-bg-input)";
|
|
139
|
+
export const BgRaised = "var(--a-bg-raised)";
|
|
140
|
+
export const BgSunken = "var(--a-bg-sunken)";
|
|
141
|
+
export const BgOverlay = "var(--a-bg-overlay)";
|
|
142
|
+
export const TextNeutral = "var(--a-text-neutral)";
|
|
143
|
+
export const TextNeutralSubtle = "var(--a-text-neutral-subtle)";
|
|
144
|
+
export const TextNeutralIcon = "var(--a-text-neutral-icon)";
|
|
145
|
+
export const TextAccent = "var(--a-text-accent)";
|
|
146
|
+
export const TextAccentSubtle = "var(--a-text-accent-subtle)";
|
|
147
|
+
export const TextAccentIcon = "var(--a-text-accent-icon)";
|
|
148
|
+
export const TextSuccess = "var(--a-text-success)";
|
|
149
|
+
export const TextSuccessSubtle = "var(--a-text-success-subtle)";
|
|
150
|
+
export const TextSuccessIcon = "var(--a-text-success-icon)";
|
|
151
|
+
export const TextWarning = "var(--a-text-warning)";
|
|
152
|
+
export const TextWarningSubtle = "var(--a-text-warning-subtle)";
|
|
153
|
+
export const TextWarningIcon = "var(--a-text-warning-icon)";
|
|
154
|
+
export const TextDanger = "var(--a-text-danger)";
|
|
155
|
+
export const TextDangerSubtle = "var(--a-text-danger-subtle)";
|
|
156
|
+
export const TextDangerIcon = "var(--a-text-danger-icon)";
|
|
157
|
+
export const TextInfo = "var(--a-text-info)";
|
|
158
|
+
export const TextInfoSubtle = "var(--a-text-info-subtle)";
|
|
159
|
+
export const TextInfoIcon = "var(--a-text-info-icon)";
|
|
160
|
+
export const TextBrandOne = "var(--a-text-brand-one)";
|
|
161
|
+
export const TextBrandOneSubtle = "var(--a-text-brand-one-subtle)";
|
|
162
|
+
export const TextBrandOneIcon = "var(--a-text-brand-one-icon)";
|
|
163
|
+
export const TextBrandTwo = "var(--a-text-brand-two)";
|
|
164
|
+
export const TextBrandTwoSubtle = "var(--a-text-brand-two-subtle)";
|
|
165
|
+
export const TextBrandTwoIcon = "var(--a-text-brand-two-icon)";
|
|
166
|
+
export const TextBrandThree = "var(--a-text-brand-three)";
|
|
167
|
+
export const TextBrandThreeSubtle = "var(--a-text-brand-three-subtle)";
|
|
168
|
+
export const TextBrandThreeIcon = "var(--a-text-brand-three-icon)";
|
|
169
|
+
export const TextDataOne = "var(--a-text-data-one)";
|
|
170
|
+
export const TextDataOneSubtle = "var(--a-text-data-one-subtle)";
|
|
171
|
+
export const TextDataOneIcon = "var(--a-text-data-one-icon)";
|
|
172
|
+
export const TextDataTwo = "var(--a-text-data-two)";
|
|
173
|
+
export const TextDataTwoSubtle = "var(--a-text-data-two-subtle)";
|
|
174
|
+
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
|
+
export const TextDefault = "var(--a-text-default)";
|
|
179
|
+
export const TextSubtle = "var(--a-text-subtle)";
|
|
180
|
+
export const TextIcon = "var(--a-text-icon)";
|
|
181
|
+
export const BorderNeutral = "var(--a-border-neutral)";
|
|
182
|
+
export const BorderNeutralSubtle = "var(--a-border-neutral-subtle)";
|
|
183
|
+
export const BorderNeutralStrong = "var(--a-border-neutral-strong)";
|
|
184
|
+
export const BorderAccent = "var(--a-border-accent)";
|
|
185
|
+
export const BorderAccentSubtle = "var(--a-border-accent-subtle)";
|
|
186
|
+
export const BorderAccentStrong = "var(--a-border-accent-strong)";
|
|
187
|
+
export const BorderSuccess = "var(--a-border-success)";
|
|
188
|
+
export const BorderSuccessSubtle = "var(--a-border-success-subtle)";
|
|
189
|
+
export const BorderSuccessStrong = "var(--a-border-success-strong)";
|
|
190
|
+
export const BorderWarning = "var(--a-border-warning)";
|
|
191
|
+
export const BorderWarningSubtle = "var(--a-border-warning-subtle)";
|
|
192
|
+
export const BorderWarningStrong = "var(--a-border-warning-strong)";
|
|
193
|
+
export const BorderDanger = "var(--a-border-danger)";
|
|
194
|
+
export const BorderDangerSubtle = "var(--a-border-danger-subtle)";
|
|
195
|
+
export const BorderDangerStrong = "var(--a-border-danger-strong)";
|
|
196
|
+
export const BorderInfo = "var(--a-border-info)";
|
|
197
|
+
export const BorderInfoSubtle = "var(--a-border-info-subtle)";
|
|
198
|
+
export const BorderInfoStrong = "var(--a-border-info-strong)";
|
|
199
|
+
export const BorderBrandOne = "var(--a-border-brand-one)";
|
|
200
|
+
export const BorderBrandOneSubtle = "var(--a-border-brand-one-subtle)";
|
|
201
|
+
export const BorderBrandOneStrong = "var(--a-border-brand-one-strong)";
|
|
202
|
+
export const BorderBrandTwo = "var(--a-border-brand-two)";
|
|
203
|
+
export const BorderBrandTwoSubtle = "var(--a-border-brand-two-subtle)";
|
|
204
|
+
export const BorderBrandTwoStrong = "var(--a-border-brand-two-strong)";
|
|
205
|
+
export const BorderBrandThree = "var(--a-border-brand-three)";
|
|
206
|
+
export const BorderBrandThreeSubtle = "var(--a-border-brand-three-subtle)";
|
|
207
|
+
export const BorderBrandThreeStrong = "var(--a-border-brand-three-strong)";
|
|
208
|
+
export const BorderDataOne = "var(--a-border-data-one)";
|
|
209
|
+
export const BorderDataOneSubtle = "var(--a-border-data-one-subtle)";
|
|
210
|
+
export const BorderDataOneStrong = "var(--a-border-data-one-strong)";
|
|
211
|
+
export const BorderDataTwo = "var(--a-border-data-two)";
|
|
212
|
+
export const BorderDataTwoSubtle = "var(--a-border-data-two-subtle)";
|
|
213
|
+
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
|
+
export const BorderDefault = "var(--a-border-default)";
|
|
218
|
+
export const BorderSubtle = "var(--a-border-subtle)";
|
|
219
|
+
export const BorderStrong = "var(--a-border-strong)";
|
|
220
|
+
export const BorderFocus = "var(--a-border-focus)";
|
|
221
|
+
export const ContrastAccent = "var(--a-contrast-accent)";
|
|
222
|
+
export const ContrastNeutral = "var(--a-contrast-neutral)";
|
|
223
|
+
export const ContrastDanger = "var(--a-contrast-danger)";
|
|
224
|
+
export const ContrastInfo = "var(--a-contrast-info)";
|
|
225
|
+
export const ContrastSuccess = "var(--a-contrast-success)";
|
|
226
|
+
export const ContrastWarning = "var(--a-contrast-warning)";
|
|
227
|
+
export const ContrastBrandOne = "var(--a-contrast-brand-one)";
|
|
228
|
+
export const ContrastBrandTwo = "var(--a-contrast-brand-two)";
|
|
229
|
+
export const ContrastBrandThree = "var(--a-contrast-brand-three)";
|
|
230
|
+
export const ContrastDataOne = "var(--a-contrast-data-one)";
|
|
231
|
+
export const ContrastDataThree = "var(--a-contrast-data-three)";
|
|
232
|
+
export const ContrastDataTwo = "var(--a-contrast-data-two)";
|
|
233
|
+
export const Neutral100 = "var(--a-neutral-100)";
|
|
234
|
+
export const Neutral200 = "var(--a-neutral-200)";
|
|
235
|
+
export const Neutral300 = "var(--a-neutral-300)";
|
|
236
|
+
export const Neutral400 = "var(--a-neutral-400)";
|
|
237
|
+
export const Neutral500 = "var(--a-neutral-500)";
|
|
238
|
+
export const Neutral600 = "var(--a-neutral-600)";
|
|
239
|
+
export const Neutral700 = "var(--a-neutral-700)";
|
|
240
|
+
export const Neutral800 = "var(--a-neutral-800)";
|
|
241
|
+
export const Neutral900 = "var(--a-neutral-900)";
|
|
242
|
+
export const Neutral1000 = "var(--a-neutral-1000)";
|
|
243
|
+
export const Neutral000 = "var(--a-neutral-000)";
|
|
244
|
+
export const Accent100 = "var(--a-accent-100)";
|
|
245
|
+
export const Accent200 = "var(--a-accent-200)";
|
|
246
|
+
export const Accent300 = "var(--a-accent-300)";
|
|
247
|
+
export const Accent400 = "var(--a-accent-400)";
|
|
248
|
+
export const Accent500 = "var(--a-accent-500)";
|
|
249
|
+
export const Accent600 = "var(--a-accent-600)";
|
|
250
|
+
export const Accent700 = "var(--a-accent-700)";
|
|
251
|
+
export const Accent800 = "var(--a-accent-800)";
|
|
252
|
+
export const Accent900 = "var(--a-accent-900)";
|
|
253
|
+
export const Accent1000 = "var(--a-accent-1000)";
|
|
254
|
+
export const Success100 = "var(--a-success-100)";
|
|
255
|
+
export const Success200 = "var(--a-success-200)";
|
|
256
|
+
export const Success300 = "var(--a-success-300)";
|
|
257
|
+
export const Success400 = "var(--a-success-400)";
|
|
258
|
+
export const Success500 = "var(--a-success-500)";
|
|
259
|
+
export const Success600 = "var(--a-success-600)";
|
|
260
|
+
export const Success700 = "var(--a-success-700)";
|
|
261
|
+
export const Success800 = "var(--a-success-800)";
|
|
262
|
+
export const Success900 = "var(--a-success-900)";
|
|
263
|
+
export const Success1000 = "var(--a-success-1000)";
|
|
264
|
+
export const Warning100 = "var(--a-warning-100)";
|
|
265
|
+
export const Warning200 = "var(--a-warning-200)";
|
|
266
|
+
export const Warning300 = "var(--a-warning-300)";
|
|
267
|
+
export const Warning400 = "var(--a-warning-400)";
|
|
268
|
+
export const Warning500 = "var(--a-warning-500)";
|
|
269
|
+
export const Warning600 = "var(--a-warning-600)";
|
|
270
|
+
export const Warning700 = "var(--a-warning-700)";
|
|
271
|
+
export const Warning800 = "var(--a-warning-800)";
|
|
272
|
+
export const Warning900 = "var(--a-warning-900)";
|
|
273
|
+
export const Warning1000 = "var(--a-warning-1000)";
|
|
274
|
+
export const Danger100 = "var(--a-danger-100)";
|
|
275
|
+
export const Danger200 = "var(--a-danger-200)";
|
|
276
|
+
export const Danger300 = "var(--a-danger-300)";
|
|
277
|
+
export const Danger400 = "var(--a-danger-400)";
|
|
278
|
+
export const Danger500 = "var(--a-danger-500)";
|
|
279
|
+
export const Danger600 = "var(--a-danger-600)";
|
|
280
|
+
export const Danger700 = "var(--a-danger-700)";
|
|
281
|
+
export const Danger800 = "var(--a-danger-800)";
|
|
282
|
+
export const Danger900 = "var(--a-danger-900)";
|
|
283
|
+
export const Danger1000 = "var(--a-danger-1000)";
|
|
284
|
+
export const Info100 = "var(--a-info-100)";
|
|
285
|
+
export const Info200 = "var(--a-info-200)";
|
|
286
|
+
export const Info300 = "var(--a-info-300)";
|
|
287
|
+
export const Info400 = "var(--a-info-400)";
|
|
288
|
+
export const Info500 = "var(--a-info-500)";
|
|
289
|
+
export const Info600 = "var(--a-info-600)";
|
|
290
|
+
export const Info700 = "var(--a-info-700)";
|
|
291
|
+
export const Info800 = "var(--a-info-800)";
|
|
292
|
+
export const Info900 = "var(--a-info-900)";
|
|
293
|
+
export const Info1000 = "var(--a-info-1000)";
|
|
294
|
+
export const BrandOne100 = "var(--a-brand-one-100)";
|
|
295
|
+
export const BrandOne200 = "var(--a-brand-one-200)";
|
|
296
|
+
export const BrandOne300 = "var(--a-brand-one-300)";
|
|
297
|
+
export const BrandOne400 = "var(--a-brand-one-400)";
|
|
298
|
+
export const BrandOne500 = "var(--a-brand-one-500)";
|
|
299
|
+
export const BrandOne600 = "var(--a-brand-one-600)";
|
|
300
|
+
export const BrandOne700 = "var(--a-brand-one-700)";
|
|
301
|
+
export const BrandOne800 = "var(--a-brand-one-800)";
|
|
302
|
+
export const BrandOne900 = "var(--a-brand-one-900)";
|
|
303
|
+
export const BrandOne1000 = "var(--a-brand-one-1000)";
|
|
304
|
+
export const BrandTwo100 = "var(--a-brand-two-100)";
|
|
305
|
+
export const BrandTwo200 = "var(--a-brand-two-200)";
|
|
306
|
+
export const BrandTwo300 = "var(--a-brand-two-300)";
|
|
307
|
+
export const BrandTwo400 = "var(--a-brand-two-400)";
|
|
308
|
+
export const BrandTwo500 = "var(--a-brand-two-500)";
|
|
309
|
+
export const BrandTwo600 = "var(--a-brand-two-600)";
|
|
310
|
+
export const BrandTwo700 = "var(--a-brand-two-700)";
|
|
311
|
+
export const BrandTwo800 = "var(--a-brand-two-800)";
|
|
312
|
+
export const BrandTwo900 = "var(--a-brand-two-900)";
|
|
313
|
+
export const BrandTwo1000 = "var(--a-brand-two-1000)";
|
|
314
|
+
export const BrandThree100 = "var(--a-brand-three-100)";
|
|
315
|
+
export const BrandThree200 = "var(--a-brand-three-200)";
|
|
316
|
+
export const BrandThree300 = "var(--a-brand-three-300)";
|
|
317
|
+
export const BrandThree400 = "var(--a-brand-three-400)";
|
|
318
|
+
export const BrandThree500 = "var(--a-brand-three-500)";
|
|
319
|
+
export const BrandThree600 = "var(--a-brand-three-600)";
|
|
320
|
+
export const BrandThree700 = "var(--a-brand-three-700)";
|
|
321
|
+
export const BrandThree800 = "var(--a-brand-three-800)";
|
|
322
|
+
export const BrandThree900 = "var(--a-brand-three-900)";
|
|
323
|
+
export const BrandThree1000 = "var(--a-brand-three-1000)";
|
|
324
|
+
export const DataOne100 = "var(--a-data-one-100)";
|
|
325
|
+
export const DataOne200 = "var(--a-data-one-200)";
|
|
326
|
+
export const DataOne300 = "var(--a-data-one-300)";
|
|
327
|
+
export const DataOne400 = "var(--a-data-one-400)";
|
|
328
|
+
export const DataOne500 = "var(--a-data-one-500)";
|
|
329
|
+
export const DataOne600 = "var(--a-data-one-600)";
|
|
330
|
+
export const DataOne700 = "var(--a-data-one-700)";
|
|
331
|
+
export const DataOne800 = "var(--a-data-one-800)";
|
|
332
|
+
export const DataOne900 = "var(--a-data-one-900)";
|
|
333
|
+
export const DataOne1000 = "var(--a-data-one-1000)";
|
|
334
|
+
export const DataTwo100 = "var(--a-data-two-100)";
|
|
335
|
+
export const DataTwo200 = "var(--a-data-two-200)";
|
|
336
|
+
export const DataTwo300 = "var(--a-data-two-300)";
|
|
337
|
+
export const DataTwo400 = "var(--a-data-two-400)";
|
|
338
|
+
export const DataTwo500 = "var(--a-data-two-500)";
|
|
339
|
+
export const DataTwo600 = "var(--a-data-two-600)";
|
|
340
|
+
export const DataTwo700 = "var(--a-data-two-700)";
|
|
341
|
+
export const DataTwo800 = "var(--a-data-two-800)";
|
|
342
|
+
export const DataTwo900 = "var(--a-data-two-900)";
|
|
343
|
+
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-cjs.js
CHANGED
package/dist/tokens.css
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 13 Sep 2024 12:04:59 GMT
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
4
3
|
*/
|
|
5
4
|
|
|
6
5
|
:root, :host {
|
|
7
|
-
--a-version: "7.0.
|
|
6
|
+
--a-version: "7.0.1";
|
|
8
7
|
--a-spacing-1-alt: 0.375rem;
|
|
9
8
|
--a-spacing-05: 0.125rem;
|
|
10
9
|
--a-spacing-32: 8rem;
|
package/dist/tokens.d.ts
CHANGED
package/dist/tokens.js
CHANGED
package/dist/tokens.less
CHANGED
package/dist/tokens.scss
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-tokens",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.1",
|
|
4
4
|
"description": "Design-tokens for NAV designsystem",
|
|
5
5
|
"author": "Aksel | NAV designsystem team",
|
|
6
6
|
"keywords": [
|
|
@@ -18,9 +18,8 @@
|
|
|
18
18
|
"docs.json"
|
|
19
19
|
],
|
|
20
20
|
"scripts": {
|
|
21
|
-
"build": "
|
|
22
|
-
"
|
|
23
|
-
"token": "cd config && style-dictionary build",
|
|
21
|
+
"build": "tsx ./config/build.ts > /dev/null && tsx ./config/version-tag.ts && yarn build:darkside",
|
|
22
|
+
"build:darkside": "tsx ./darkside",
|
|
24
23
|
"test": "vitest run",
|
|
25
24
|
"test:watch": "vitest watch"
|
|
26
25
|
},
|
|
@@ -30,11 +29,12 @@
|
|
|
30
29
|
"directory": "@navikt/core/tokens"
|
|
31
30
|
},
|
|
32
31
|
"devDependencies": {
|
|
32
|
+
"@adobe/leonardo-contrast-colors": "^1.0.0",
|
|
33
33
|
"color": "4.2.3",
|
|
34
|
+
"lightningcss": "^1.27.0",
|
|
34
35
|
"lodash": "^4.17.21",
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"ts-node": "^10.9.1",
|
|
36
|
+
"style-dictionary": "^4.1.1",
|
|
37
|
+
"tsx": "^4.19.1",
|
|
38
38
|
"typescript": "^5.1.6",
|
|
39
39
|
"vitest": "^1.2.2"
|
|
40
40
|
},
|