@navikt/ds-tokens 5.4.0 → 5.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/tokens-cjs.js +95 -95
  2. package/dist/tokens.css +76 -76
  3. package/dist/tokens.d.ts +95 -95
  4. package/dist/tokens.js +95 -95
  5. package/dist/tokens.less +95 -95
  6. package/dist/tokens.scss +95 -95
  7. package/package.json +3 -3
  8. package/src/border.json +6 -8
  9. package/src/colors-bg.json +10 -0
  10. package/src/colors-border-stateful.json +7 -0
  11. package/src/colors-border.json +58 -0
  12. package/src/colors-icon.json +61 -0
  13. package/src/colors-surface-stateful.json +58 -0
  14. package/src/colors-surface.json +109 -0
  15. package/src/colors-text.json +55 -0
  16. package/src/shadow-stateful.json +12 -0
  17. package/src/shadow.json +0 -6
  18. package/src/semantic-colors.json +0 -346
package/src/semantic-colors.json DELETED
@@ -1,346 +0,0 @@
1
- {
2
- "a": {
3
- "text": {
4
- "default": {
5
- "value": "{a.gray.900.value}"
6
- },
7
- "subtle": {
8
- "value": "{a.grayalpha.700.value}"
9
- },
10
- "visited": {
11
- "value": "{a.purple.500.value}"
12
- },
13
- "danger": {
14
- "value": "{a.red.500.value}"
15
- },
16
- "action": {
17
- "selected": {
18
- "value": "{a.blue.700.value}"
19
- },
20
- "on": {
21
- "action": {
22
- "subtle": {
23
- "value": "{a.blue.600.value}"
24
- }
25
- }
26
- },
27
- "@": {
28
- "value": "{a.blue.500.value}"
29
- }
30
- },
31
- "on": {
32
- "inverted": {
33
- "value": "{a.white.value}"
34
- },
35
- "neutral": {
36
- "value": "{a.white.value}"
37
- },
38
- "action": {
39
- "value": "{a.white.value}"
40
- },
41
- "success": {
42
- "value": "{a.white.value}"
43
- },
44
- "danger": {
45
- "value": "{a.white.value}"
46
- },
47
- "warning": {
48
- "value": "{a.gray.900.value}"
49
- },
50
- "info": {
51
- "value": "{a.gray.900.value}"
52
- },
53
- "alt1": {
54
- "value": "{a.white.value}"
55
- },
56
- "alt2": {
57
- "value": "{a.gray.900.value}"
58
- },
59
- "alt3": {
60
- "value": "{a.white.value}"
61
- }
62
- }
63
- },
64
- "bg": {
65
- "default": {
66
- "value": "{a.white.value}"
67
- },
68
- "subtle": {
69
- "value": "{a.gray.100.value}"
70
- }
71
- },
72
- "surface": {
73
- "default": {
74
- "value": "{a.white.value}"
75
- },
76
- "hover": {
77
- "value": "{a.grayalpha.100.value}"
78
- },
79
- "active": {
80
- "value": "{a.grayalpha.200.value}"
81
- },
82
- "selected": {
83
- "value": "{a.blue.50.value}"
84
- },
85
- "subtle": {
86
- "value": "{a.gray.50.value}"
87
- },
88
- "transparent": {
89
- "value": "{a.transparent.value}"
90
- },
91
- "backdrop": {
92
- "value": "{a.grayalpha.500.value}"
93
- },
94
- "inverted": {
95
- "hover": {
96
- "value": "{a.gray.800.value}"
97
- },
98
- "active": {
99
- "value": "{a.gray.700.value}"
100
- },
101
- "@": {
102
- "value": "{a.gray.900.value}"
103
- }
104
- },
105
- "action": {
106
- "subtle": {
107
- "hover": {
108
- "value": "{a.blue.100.value}"
109
- },
110
- "@": {
111
- "value": "{a.blue.50.value}"
112
- }
113
- },
114
- "hover": {
115
- "value": "{a.blue.600.value}"
116
- },
117
- "active": {
118
- "value": "{a.blue.700.value}"
119
- },
120
- "selected": {
121
- "hover": {
122
- "value": "{a.blue.800.value}"
123
- },
124
- "@": { "value": "{a.blue.700.value}" }
125
- },
126
- "@": {
127
- "value": "{a.blue.500.value}"
128
- }
129
- },
130
-
131
- "neutral": {
132
- "subtle": {
133
- "hover": {
134
- "value": "{a.grayalpha.200.value}"
135
- },
136
- "@": {
137
- "value": "{a.grayalpha.100.value}"
138
- }
139
- },
140
- "moderate": {
141
- "value": "{a.grayalpha.200.value}"
142
- },
143
- "hover": {
144
- "value": "{a.gray.800.value}"
145
- },
146
- "selected": {
147
- "value": "{a.gray.900.value}"
148
- },
149
- "active": {
150
- "value": "{a.gray.900.value}"
151
- },
152
- "@": {
153
- "value": "{a.gray.700.value}"
154
- }
155
- },
156
-
157
- "success": {
158
- "subtle": {
159
- "hover": { "value": "{a.green.200.value}" },
160
- "@": { "value": "{a.green.100.value}" }
161
- },
162
- "moderate": {
163
- "value": "{a.green.200.value}"
164
- },
165
- "@": { "value": "{a.green.500.value}" },
166
- "hover": { "value": "{a.green.600.value}" }
167
- },
168
-
169
- "danger": {
170
- "subtle": {
171
- "hover": { "value": "{a.red.200.value}" },
172
- "@": { "value": "{a.red.100.value}" }
173
- },
174
- "moderate": {
175
- "value": "{a.red.200.value}"
176
- },
177
- "hover": {
178
- "value": "{a.red.600.value}"
179
- },
180
- "active": {
181
- "value": "{a.red.700.value}"
182
- },
183
- "@": { "value": "{a.red.500.value}" }
184
- },
185
-
186
- "warning": {
187
- "subtle": {
188
- "hover": { "value": "{a.orange.200.value}" },
189
- "@": { "value": "{a.orange.100.value}" }
190
- },
191
- "moderate": {
192
- "value": "{a.orange.200.value}"
193
- },
194
- "@": { "value": "{a.orange.500.value}" }
195
- },
196
-
197
- "info": {
198
- "subtle": {
199
- "hover": { "value": "{a.lightblue.200.value}" },
200
- "@": { "value": "{a.lightblue.100.value}" }
201
- },
202
- "moderate": {
203
- "value": "{a.lightblue.200.value}"
204
- },
205
- "@": { "value": "{a.lightblue.500.value}" }
206
- },
207
-
208
- "alt1": {
209
- "subtle": { "value": "{a.purple.100.value}" },
210
- "moderate": { "value": "{a.purple.200.value}" },
211
- "@": { "value": "{a.purple.400.value}" }
212
- },
213
- "alt2": {
214
- "subtle": { "value": "{a.limegreen.100.value}" },
215
- "moderate": { "value": "{a.limegreen.200.value}" },
216
- "@": { "value": "{a.limegreen.400.value}" }
217
- },
218
- "alt3": {
219
- "subtle": { "value": "{a.deepblue.100.value}" },
220
- "moderate": { "value": "{a.deepblue.200.value}" },
221
- "strong": { "value": "{a.deepblue.800.value}" },
222
- "@": { "value": "{a.deepblue.500.value}" }
223
- }
224
- },
225
- "border": {
226
- "default": {
227
- "value": "{a.grayalpha.500.value}"
228
- },
229
- "strong": {
230
- "value": "{a.grayalpha.700.value}"
231
- },
232
- "divider": {
233
- "value": "{a.grayalpha.300.value}"
234
- },
235
- "subtle": {
236
- "hover": { "value": "{a.grayalpha.400.value}" },
237
- "@": { "value": "{a.grayalpha.300.value}" }
238
- },
239
- "action": {
240
- "selected": { "value": "{a.blue.700.value}" },
241
- "@": { "value": "{a.blue.500.value}" }
242
- },
243
- "selected": {
244
- "value": "{a.blue.500.value}"
245
- },
246
- "success": {
247
- "value": "{a.green.500.value}"
248
- },
249
- "danger": {
250
- "value": "{a.red.500.value}"
251
- },
252
- "warning": {
253
- "value": "{a.orange.600.value}"
254
- },
255
- "info": {
256
- "value": "{a.lightblue.700.value}"
257
- },
258
- "focus": {
259
- "on": {
260
- "inverted": {
261
- "value": "{a.blue.200.value}"
262
- }
263
- },
264
- "@": { "value": "{a.blue.800.value}" }
265
- },
266
- "on": {
267
- "inverted": {
268
- "@": { "value": "{a.gray.200.value}" },
269
- "subtle": { "value": "{a.gray.700.value}" }
270
- }
271
- },
272
- "alt1": {
273
- "value": "{a.purple.400.value}"
274
- },
275
- "alt2": {
276
- "value": "{a.limegreen.700.value}"
277
- },
278
- "alt3": {
279
- "value": "{a.deepblue.500.value}"
280
- }
281
- },
282
- "icon": {
283
- "default": {
284
- "value": "{a.gray.900.value}"
285
- },
286
- "subtle": {
287
- "value": "{a.grayalpha.700.value}"
288
- },
289
- "action": {
290
- "selected": { "value": "{a.blue.700.value}" },
291
- "on": {
292
- "action": {
293
- "subtle": {
294
- "value": "{a.blue.600.value}"
295
- }
296
- }
297
- },
298
- "@": { "value": "{a.blue.500.value}" }
299
- },
300
- "success": {
301
- "value": "{a.green.500.value}"
302
- },
303
- "danger": {
304
- "value": "{a.red.500.value}"
305
- },
306
- "warning": {
307
- "value": "{a.orange.600.value}"
308
- },
309
- "info": {
310
- "value": "{a.lightblue.800.value}"
311
- },
312
- "alt1": {
313
- "value": "{a.purple.500.value}"
314
- },
315
- "alt2": {
316
- "value": "{a.limegreen.700.value}"
317
- },
318
- "alt3": {
319
- "value": "{a.deepblue.500.value}"
320
- },
321
- "on": {
322
- "neutral": {
323
- "value": "{a.white.value}"
324
- },
325
- "inverted": {
326
- "value": "{a.white.value}"
327
- },
328
- "action": {
329
- "value": "{a.white.value}"
330
- },
331
- "success": {
332
- "value": "{a.white.value}"
333
- },
334
- "danger": {
335
- "value": "{a.white.value}"
336
- },
337
- "warning": {
338
- "value": "{a.gray.900.value}"
339
- },
340
- "info": {
341
- "value": "{a.gray.900.value}"
342
- }
343
- }
344
- }
345
- }
346
- }