@navikt/ds-tokens 4.1.2 → 4.1.4
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/tokens-cjs.js +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.d.ts +1 -1
- package/dist/tokens.js +1 -1
- package/dist/tokens.less +1 -1
- package/dist/tokens.scss +1 -1
- package/docs.json +66 -37
- package/package.json +1 -1
package/dist/tokens-cjs.js
CHANGED
package/dist/tokens.css
CHANGED
package/dist/tokens.d.ts
CHANGED
package/dist/tokens.js
CHANGED
package/dist/tokens.less
CHANGED
package/dist/tokens.scss
CHANGED
package/docs.json
CHANGED
|
@@ -47,27 +47,27 @@
|
|
|
47
47
|
"name": "--a-font-family",
|
|
48
48
|
"value": "\"Source Sans Pro\", Arial, sans-serif"
|
|
49
49
|
},
|
|
50
|
-
{ "name": "--a-font-weight-bold", "value": "600" },
|
|
51
50
|
{ "name": "--a-font-weight-regular", "value": "400" },
|
|
52
|
-
{ "name": "--a-font-
|
|
53
|
-
{ "name": "--a-font-
|
|
54
|
-
{ "name": "--a-font-line-height-heading-large", "value": "2.25rem" },
|
|
55
|
-
{ "name": "--a-font-line-height-heading-medium", "value": "2rem" },
|
|
56
|
-
{ "name": "--a-font-line-height-heading-small", "value": "1.75rem" },
|
|
57
|
-
{ "name": "--a-font-line-height-heading-xsmall", "value": "1.5rem" },
|
|
58
|
-
{ "name": "--a-font-line-height-xlarge", "value": "1.75rem" },
|
|
59
|
-
{ "name": "--a-font-line-height-large", "value": "1.5rem" },
|
|
60
|
-
{ "name": "--a-font-line-height-medium", "value": "1.25rem" },
|
|
61
|
-
{ "name": "--a-font-size-heading-2xlarge", "value": "2.5rem" },
|
|
62
|
-
{ "name": "--a-font-size-heading-xlarge", "value": "2rem" },
|
|
63
|
-
{ "name": "--a-font-size-heading-large", "value": "1.75rem" },
|
|
64
|
-
{ "name": "--a-font-size-heading-medium", "value": "1.5rem" },
|
|
65
|
-
{ "name": "--a-font-size-heading-small", "value": "1.25rem" },
|
|
66
|
-
{ "name": "--a-font-size-heading-xsmall", "value": "1.125rem" },
|
|
67
|
-
{ "name": "--a-font-size-xlarge", "value": "1.25rem" },
|
|
68
|
-
{ "name": "--a-font-size-large", "value": "1.125rem" },
|
|
51
|
+
{ "name": "--a-font-weight-bold", "value": "600" },
|
|
52
|
+
{ "name": "--a-font-size-small", "value": "0.875rem" },
|
|
69
53
|
{ "name": "--a-font-size-medium", "value": "1rem" },
|
|
70
|
-
{ "name": "--a-font-size-
|
|
54
|
+
{ "name": "--a-font-size-large", "value": "1.125rem" },
|
|
55
|
+
{ "name": "--a-font-size-xlarge", "value": "1.25rem" },
|
|
56
|
+
{ "name": "--a-font-size-heading-xsmall", "value": "1.125rem" },
|
|
57
|
+
{ "name": "--a-font-size-heading-small", "value": "1.25rem" },
|
|
58
|
+
{ "name": "--a-font-size-heading-medium", "value": "1.5rem" },
|
|
59
|
+
{ "name": "--a-font-size-heading-large", "value": "1.75rem" },
|
|
60
|
+
{ "name": "--a-font-size-heading-xlarge", "value": "2rem" },
|
|
61
|
+
{ "name": "--a-font-size-heading-2xlarge", "value": "2.5rem" },
|
|
62
|
+
{ "name": "--a-font-line-height-medium", "value": "1.25rem" },
|
|
63
|
+
{ "name": "--a-font-line-height-large", "value": "1.5rem" },
|
|
64
|
+
{ "name": "--a-font-line-height-xlarge", "value": "1.75rem" },
|
|
65
|
+
{ "name": "--a-font-line-height-heading-xsmall", "value": "1.5rem" },
|
|
66
|
+
{ "name": "--a-font-line-height-heading-small", "value": "1.75rem" },
|
|
67
|
+
{ "name": "--a-font-line-height-heading-medium", "value": "2rem" },
|
|
68
|
+
{ "name": "--a-font-line-height-heading-large", "value": "2.25rem" },
|
|
69
|
+
{ "name": "--a-font-line-height-heading-xlarge", "value": "2.5rem" },
|
|
70
|
+
{ "name": "--a-font-line-height-heading-2xlarge", "value": "3.25rem" }
|
|
71
71
|
],
|
|
72
72
|
"global-base": [
|
|
73
73
|
{ "name": "--a-transparent", "value": "rgba(255, 255, 255, 0)" },
|
|
@@ -195,26 +195,34 @@
|
|
|
195
195
|
{ "name": "--a-purple-900", "value": "rgba(31, 20, 47, 1)" }
|
|
196
196
|
],
|
|
197
197
|
|
|
198
|
-
"semantic-border": [
|
|
198
|
+
"semantic-border-default": [
|
|
199
199
|
{ "name": "--a-border-default", "value": "rgba(0, 0, 0, 0.44)" },
|
|
200
200
|
{ "name": "--a-border-strong", "value": "rgba(0, 0, 0, 0.65)" },
|
|
201
201
|
{ "name": "--a-border-divider", "value": "rgba(0, 0, 0, 0.19)" },
|
|
202
202
|
{ "name": "--a-border-subtle", "value": "rgba(0, 0, 0, 0.1)" },
|
|
203
203
|
{ "name": "--a-border-subtle-hover", "value": "rgba(0, 0, 0, 0.19)" },
|
|
204
|
+
{ "name": "--a-border-on-inverted", "value": "rgba(229, 229, 229, 1)" },
|
|
205
|
+
{ "name": "--a-border-on-inverted-subtle", "value": "rgba(89, 89, 89, 1)" }
|
|
206
|
+
],
|
|
207
|
+
"semantic-border-action": [
|
|
204
208
|
{ "name": "--a-border-action", "value": "rgba(0, 103, 197, 1)" },
|
|
205
209
|
{ "name": "--a-border-action-selected", "value": "rgba(0, 91, 130, 1)" },
|
|
206
|
-
{ "name": "--a-border-selected", "value": "rgba(0, 103, 197, 1)" }
|
|
210
|
+
{ "name": "--a-border-selected", "value": "rgba(0, 103, 197, 1)" }
|
|
211
|
+
],
|
|
212
|
+
"semantic-border-status": [
|
|
207
213
|
{ "name": "--a-border-success", "value": "rgba(6, 137, 58, 1)" },
|
|
208
214
|
{ "name": "--a-border-danger", "value": "rgba(195, 0, 0, 1)" },
|
|
209
215
|
{ "name": "--a-border-warning", "value": "rgba(199, 115, 0, 1)" },
|
|
210
|
-
{ "name": "--a-border-info", "value": "rgba(54, 141, 168, 1)" }
|
|
211
|
-
|
|
212
|
-
|
|
216
|
+
{ "name": "--a-border-info", "value": "rgba(54, 141, 168, 1)" }
|
|
217
|
+
],
|
|
218
|
+
"semantic-border-focus": [
|
|
213
219
|
{ "name": "--a-border-focus", "value": "rgba(0, 52, 125, 1)" },
|
|
214
220
|
{
|
|
215
221
|
"name": "--a-border-focus-on-inverted",
|
|
216
222
|
"value": "rgba(153, 195, 255, 1)"
|
|
217
|
-
}
|
|
223
|
+
}
|
|
224
|
+
],
|
|
225
|
+
"semantic-border-alt": [
|
|
218
226
|
{ "name": "--a-border-alt-1", "value": "rgba(130, 105, 162, 1)" },
|
|
219
227
|
{ "name": "--a-border-alt-2", "value": "rgba(127, 137, 0, 1)" },
|
|
220
228
|
{ "name": "--a-border-alt-3", "value": "rgba(0, 91, 130, 1)" }
|
|
@@ -241,7 +249,7 @@
|
|
|
241
249
|
{ "name": "--a-text-on-alt-2", "value": "rgba(38, 38, 38, 1)" },
|
|
242
250
|
{ "name": "--a-text-on-alt-3", "value": "rgba(255, 255, 255, 1)" }
|
|
243
251
|
],
|
|
244
|
-
"semantic-surface": [
|
|
252
|
+
"semantic-surface-default": [
|
|
245
253
|
{ "name": "--a-surface-default", "value": "rgba(255, 255, 255, 1)" },
|
|
246
254
|
{ "name": "--a-surface-hover", "value": "rgba(0, 0, 0, 0.05)" },
|
|
247
255
|
{ "name": "--a-surface-active", "value": "rgba(0, 0, 0, 0.1)" },
|
|
@@ -251,7 +259,9 @@
|
|
|
251
259
|
{ "name": "--a-surface-backdrop", "value": "rgba(0, 0, 0, 0.65)" },
|
|
252
260
|
{ "name": "--a-surface-inverted-hover", "value": "rgba(64, 64, 64, 1)" },
|
|
253
261
|
{ "name": "--a-surface-inverted-active", "value": "rgba(89, 89, 89, 1)" },
|
|
254
|
-
{ "name": "--a-surface-inverted", "value": "rgba(38, 38, 38, 1)" }
|
|
262
|
+
{ "name": "--a-surface-inverted", "value": "rgba(38, 38, 38, 1)" }
|
|
263
|
+
],
|
|
264
|
+
"semantic-surface-action": [
|
|
255
265
|
{ "name": "--a-surface-action-subtle", "value": "rgba(230, 240, 255, 1)" },
|
|
256
266
|
{
|
|
257
267
|
"name": "--a-surface-action-subtle-hover",
|
|
@@ -264,7 +274,9 @@
|
|
|
264
274
|
{
|
|
265
275
|
"name": "--a-surface-action-selected-hover",
|
|
266
276
|
"value": "rgba(0, 80, 119, 1)"
|
|
267
|
-
}
|
|
277
|
+
}
|
|
278
|
+
],
|
|
279
|
+
"semantic-surface-neutral": [
|
|
268
280
|
{ "name": "--a-surface-neutral-subtle", "value": "rgba(0, 0, 0, 0.05)" },
|
|
269
281
|
{
|
|
270
282
|
"name": "--a-surface-neutral-subtle-hover",
|
|
@@ -274,7 +286,9 @@
|
|
|
274
286
|
{ "name": "--a-surface-neutral", "value": "rgba(89, 89, 89, 1)" },
|
|
275
287
|
{ "name": "--a-surface-neutral-hover", "value": "rgba(64, 64, 64, 1)" },
|
|
276
288
|
{ "name": "--a-surface-neutral-selected", "value": "rgba(38, 38, 38, 1)" },
|
|
277
|
-
{ "name": "--a-surface-neutral-active", "value": "rgba(38, 38, 38, 1)" }
|
|
289
|
+
{ "name": "--a-surface-neutral-active", "value": "rgba(38, 38, 38, 1)" }
|
|
290
|
+
],
|
|
291
|
+
"semantic-surface-success": [
|
|
278
292
|
{ "name": "--a-surface-success-subtle", "value": "rgba(204, 241, 214, 1)" },
|
|
279
293
|
{
|
|
280
294
|
"name": "--a-surface-success-subtle-hover",
|
|
@@ -285,7 +299,9 @@
|
|
|
285
299
|
"value": "rgba(153, 222, 173, 1)"
|
|
286
300
|
},
|
|
287
301
|
{ "name": "--a-surface-success", "value": "rgba(6, 137, 58, 1)" },
|
|
288
|
-
{ "name": "--a-surface-success-hover", "value": "rgba(0, 124, 46, 1)" }
|
|
302
|
+
{ "name": "--a-surface-success-hover", "value": "rgba(0, 124, 46, 1)" }
|
|
303
|
+
],
|
|
304
|
+
"semantic-surface-danger": [
|
|
289
305
|
{ "name": "--a-surface-danger-subtle", "value": "rgba(255, 194, 194, 1)" },
|
|
290
306
|
{
|
|
291
307
|
"name": "--a-surface-danger-subtle-hover",
|
|
@@ -297,7 +313,9 @@
|
|
|
297
313
|
},
|
|
298
314
|
{ "name": "--a-surface-danger", "value": "rgba(195, 0, 0, 1)" },
|
|
299
315
|
{ "name": "--a-surface-danger-hover", "value": "rgba(173, 0, 0, 1)" },
|
|
300
|
-
{ "name": "--a-surface-danger-active", "value": "rgba(140, 0, 0, 1)" }
|
|
316
|
+
{ "name": "--a-surface-danger-active", "value": "rgba(140, 0, 0, 1)" }
|
|
317
|
+
],
|
|
318
|
+
"semantic-surface-warning": [
|
|
301
319
|
{ "name": "--a-surface-warning-subtle", "value": "rgba(255, 236, 204, 1)" },
|
|
302
320
|
{
|
|
303
321
|
"name": "--a-surface-warning-moderate",
|
|
@@ -307,14 +325,18 @@
|
|
|
307
325
|
{
|
|
308
326
|
"name": "--a-surface-warning-subtle-hover",
|
|
309
327
|
"value": "rgba(255, 215, 153, 1)"
|
|
310
|
-
}
|
|
328
|
+
}
|
|
329
|
+
],
|
|
330
|
+
"semantic-surface-info": [
|
|
311
331
|
{ "name": "--a-surface-info-subtle", "value": "rgba(216, 249, 255, 1)" },
|
|
312
332
|
{
|
|
313
333
|
"name": "--a-surface-info-subtle-hover",
|
|
314
334
|
"value": "rgba(181, 241, 255, 1)"
|
|
315
335
|
},
|
|
316
336
|
{ "name": "--a-surface-info-moderate", "value": "rgba(181, 241, 255, 1)" },
|
|
317
|
-
{ "name": "--a-surface-info", "value": "rgba(102, 203, 236, 1)" }
|
|
337
|
+
{ "name": "--a-surface-info", "value": "rgba(102, 203, 236, 1)" }
|
|
338
|
+
],
|
|
339
|
+
"semantic-surface-alt": [
|
|
318
340
|
{ "name": "--a-surface-alt-1", "value": "rgba(130, 105, 162, 1)" },
|
|
319
341
|
{ "name": "--a-surface-alt-1-subtle", "value": "rgba(224, 216, 233, 1)" },
|
|
320
342
|
{ "name": "--a-surface-alt-1-moderate", "value": "rgba(192, 178, 210, 1)" },
|
|
@@ -337,18 +359,22 @@
|
|
|
337
359
|
"value": "rgba(241, 241, 241, 1)"
|
|
338
360
|
}
|
|
339
361
|
],
|
|
340
|
-
"semantic-icon": [
|
|
362
|
+
"semantic-icon-defaults": [
|
|
341
363
|
{ "name": "--a-icon-default", "value": "rgba(38, 38, 38, 1)" },
|
|
342
364
|
{ "name": "--a-icon-subtle", "value": "rgba(0, 0, 0, 0.65)" },
|
|
343
365
|
{ "name": "--a-icon-on-neutral", "value": "rgba(255, 255, 255, 1)" },
|
|
344
|
-
{ "name": "--a-icon-on-inverted", "value": "rgba(255, 255, 255, 1)" }
|
|
366
|
+
{ "name": "--a-icon-on-inverted", "value": "rgba(255, 255, 255, 1)" }
|
|
367
|
+
],
|
|
368
|
+
"semantic-icon-action": [
|
|
345
369
|
{ "name": "--a-icon-action", "value": "rgba(0, 103, 197, 1)" },
|
|
346
370
|
{ "name": "--a-icon-action-selected", "value": "rgba(0, 91, 130, 1)" },
|
|
347
371
|
{
|
|
348
372
|
"name": "--a-icon-action-on-action-subtle",
|
|
349
373
|
"value": "rgba(0, 86, 180, 1)"
|
|
350
374
|
},
|
|
351
|
-
{ "name": "--a-icon-on-action", "value": "rgba(255, 255, 255, 1)" }
|
|
375
|
+
{ "name": "--a-icon-on-action", "value": "rgba(255, 255, 255, 1)" }
|
|
376
|
+
],
|
|
377
|
+
"semantic-icon-status": [
|
|
352
378
|
{ "name": "--a-icon-success", "value": "rgba(6, 137, 58, 1)" },
|
|
353
379
|
{ "name": "--a-icon-on-success", "value": "rgba(255, 255, 255, 1)" },
|
|
354
380
|
{ "name": "--a-icon-danger", "value": "rgba(195, 0, 0, 1)" },
|
|
@@ -356,11 +382,14 @@
|
|
|
356
382
|
{ "name": "--a-icon-warning", "value": "rgba(199, 115, 0, 1)" },
|
|
357
383
|
{ "name": "--a-icon-on-warning", "value": "rgba(38, 38, 38, 1)" },
|
|
358
384
|
{ "name": "--a-icon-info", "value": "rgba(35, 107, 125, 1)" },
|
|
359
|
-
{ "name": "--a-icon-on-info", "value": "rgba(38, 38, 38, 1)" }
|
|
385
|
+
{ "name": "--a-icon-on-info", "value": "rgba(38, 38, 38, 1)" }
|
|
386
|
+
],
|
|
387
|
+
"semantic-icon-alt": [
|
|
360
388
|
{ "name": "--a-icon-alt-1", "value": "rgba(99, 70, 137, 1)" },
|
|
361
389
|
{ "name": "--a-icon-alt-2", "value": "rgba(127, 137, 0, 1)" },
|
|
362
390
|
{ "name": "--a-icon-alt-3", "value": "rgba(51, 128, 165, 1)" }
|
|
363
391
|
],
|
|
392
|
+
|
|
364
393
|
"semantic-data-surface": [
|
|
365
394
|
{
|
|
366
395
|
"name": "--a-data-surface-1",
|