Skip to content

Commit aa9913e

Browse files
marasvanhnmarasvanhn
committed
feat: lage config fil for designsystemet
1 parent b66c86b commit aa9913e

15 files changed

Lines changed: 1224 additions & 489 deletions

File tree

‎README.md‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,15 @@
11
# Design tokens for ETI
22

33
Adapted from https://github.com/digdir/designsystemet
4+
5+
## For å generere tokens fra design-token mappe
6+
7+
`npx @digdir/designsystemet@latest generate-config-from-tokens --dir design-tokens`
8+
9+
## For å generere tokens fra config-fil
10+
11+
`npx @digdir/designsystemet@latest tokens create --config designsystemet.config.json`
12+
13+
## For å generere CSS-variabler fra tokens
14+
15+
`npx @digdir/designsystemet@latest tokens build --config designsystemet.config.json`

‎admin/design-tokens-build/admin.css‎

Lines changed: 273 additions & 245 deletions
Large diffs are not rendered by default.

‎admin/design-tokens-build/colors.d.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/* This file is deprecated and will be removed in a future release. Use types.d.ts instead */
2-
/* build: v1.4.0 */
2+
/* build: v1.7.3 */
33
import type {} from '@digdir/designsystemet/types';
44

55
// Augment types based on theme

‎admin/design-tokens-build/types.d.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/* build: v1.4.0 */
1+
/* build: v1.7.3 */
22
import type {} from '@digdir/designsystemet/types';
33

44
// Augment types based on theme

‎admin/design-tokens/$designsystemet.jsonc‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
{
22
"name": "@digdir/designsystemet",
3-
"version": "1.3.0"
3+
"version": "1.7.3"
44
}

‎admin/design-tokens/$metadata.json‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,7 @@
1010
"primitives/modes/typography/size/large",
1111
"primitives/modes/typography/primary/admin",
1212
"primitives/modes/typography/secondary/admin",
13-
"primitives/modes/color-scheme/dark/global",
1413
"primitives/modes/color-scheme/dark/admin",
15-
"primitives/modes/color-scheme/light/global",
1614
"primitives/modes/color-scheme/light/admin",
1715
"themes/admin",
1816
"semantic/color",

‎admin/design-tokens/$themes.json‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,6 @@
7171
{
7272
"name": "Dark",
7373
"selectedTokenSets": {
74-
"primitives/modes/color-scheme/dark/global": "enabled",
7574
"primitives/modes/color-scheme/dark/admin": "enabled"
7675
},
7776
"id": "9ebd8aed52afbffc17e2666e8b4653a53498b257",
@@ -82,7 +81,6 @@
8281
{
8382
"name": "Light",
8483
"selectedTokenSets": {
85-
"primitives/modes/color-scheme/light/global": "enabled",
8684
"primitives/modes/color-scheme/light/admin": "enabled"
8785
},
8886
"id": "0daa3ca0b427b9349da7e7dc00101b5668972926",

‎admin/design-tokens/primitives/globals.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22
"border-width": {
33
"1": {
44
"$type": "borderWidth",
5-
"$value": "{border-width.3}"
5+
"$value": "1px"
66
},
77
"3": {
88
"$type": "borderWidth",
9-
"$value": "2px"
9+
"$value": "3px"
1010
}
1111
},
1212
"shadow": {

‎admin/design-tokens/primitives/modes/color-scheme/dark/admin.json‎

Lines changed: 270 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -329,6 +329,276 @@
329329
"$type": "color",
330330
"$value": "#000000"
331331
}
332+
},
333+
"info": {
334+
"1": {
335+
"$type": "color",
336+
"$value": "#0d1925"
337+
},
338+
"2": {
339+
"$type": "color",
340+
"$value": "#112130"
341+
},
342+
"3": {
343+
"$type": "color",
344+
"$value": "#15293d"
345+
},
346+
"4": {
347+
"$type": "color",
348+
"$value": "#182f46"
349+
},
350+
"5": {
351+
"$type": "color",
352+
"$value": "#1c3751"
353+
},
354+
"6": {
355+
"$type": "color",
356+
"$value": "#234566"
357+
},
358+
"7": {
359+
"$type": "color",
360+
"$value": "#2a537a"
361+
},
362+
"8": {
363+
"$type": "color",
364+
"$value": "#5585b4"
365+
},
366+
"9": {
367+
"$type": "color",
368+
"$value": "#8aabcb"
369+
},
370+
"10": {
371+
"$type": "color",
372+
"$value": "#8aabcb"
373+
},
374+
"11": {
375+
"$type": "color",
376+
"$value": "#e6edf4"
377+
},
378+
"12": {
379+
"$type": "color",
380+
"$value": "#2d85c9"
381+
},
382+
"13": {
383+
"$type": "color",
384+
"$value": "#519ad2"
385+
},
386+
"14": {
387+
"$type": "color",
388+
"$value": "#77b0dc"
389+
},
390+
"15": {
391+
"$type": "color",
392+
"$value": "#050e15"
393+
},
394+
"16": {
395+
"$type": "color",
396+
"$value": "#000000"
397+
}
398+
},
399+
"success": {
400+
"1": {
401+
"$type": "color",
402+
"$value": "#0d1b0d"
403+
},
404+
"2": {
405+
"$type": "color",
406+
"$value": "#112411"
407+
},
408+
"3": {
409+
"$type": "color",
410+
"$value": "#152d15"
411+
},
412+
"4": {
413+
"$type": "color",
414+
"$value": "#183418"
415+
},
416+
"5": {
417+
"$type": "color",
418+
"$value": "#1c3c1c"
419+
},
420+
"6": {
421+
"$type": "color",
422+
"$value": "#244c24"
423+
},
424+
"7": {
425+
"$type": "color",
426+
"$value": "#2b5a2b"
427+
},
428+
"8": {
429+
"$type": "color",
430+
"$value": "#528f52"
431+
},
432+
"9": {
433+
"$type": "color",
434+
"$value": "#89b289"
435+
},
436+
"10": {
437+
"$type": "color",
438+
"$value": "#89b289"
439+
},
440+
"11": {
441+
"$type": "color",
442+
"$value": "#e6efe6"
443+
},
444+
"12": {
445+
"$type": "color",
446+
"$value": "#138d24"
447+
},
448+
"13": {
449+
"$type": "color",
450+
"$value": "#3ca14b"
451+
},
452+
"14": {
453+
"$type": "color",
454+
"$value": "#66b571"
455+
},
456+
"15": {
457+
"$type": "color",
458+
"$value": "#010501"
459+
},
460+
"16": {
461+
"$type": "color",
462+
"$value": "#000000"
463+
}
464+
},
465+
"warning": {
466+
"1": {
467+
"$type": "color",
468+
"$value": "#1e160d"
469+
},
470+
"2": {
471+
"$type": "color",
472+
"$value": "#281e11"
473+
},
474+
"3": {
475+
"$type": "color",
476+
"$value": "#322616"
477+
},
478+
"4": {
479+
"$type": "color",
480+
"$value": "#3a2b19"
481+
},
482+
"5": {
483+
"$type": "color",
484+
"$value": "#43321d"
485+
},
486+
"6": {
487+
"$type": "color",
488+
"$value": "#543f24"
489+
},
490+
"7": {
491+
"$type": "color",
492+
"$value": "#654b2b"
493+
},
494+
"8": {
495+
"$type": "color",
496+
"$value": "#a37a46"
497+
},
498+
"9": {
499+
"$type": "color",
500+
"$value": "#d39e5b"
501+
},
502+
"10": {
503+
"$type": "color",
504+
"$value": "#d39e5b"
505+
},
506+
"11": {
507+
"$type": "color",
508+
"$value": "#f7ebdb"
509+
},
510+
"12": {
511+
"$type": "color",
512+
"$value": "#60400b"
513+
},
514+
"13": {
515+
"$type": "color",
516+
"$value": "#7a510e"
517+
},
518+
"14": {
519+
"$type": "color",
520+
"$value": "#946211"
521+
},
522+
"15": {
523+
"$type": "color",
524+
"$value": "#e6e2d9"
525+
},
526+
"16": {
527+
"$type": "color",
528+
"$value": "#ffffff"
529+
}
530+
},
531+
"danger": {
532+
"1": {
533+
"$type": "color",
534+
"$value": "#2a100e"
535+
},
536+
"2": {
537+
"$type": "color",
538+
"$value": "#371512"
539+
},
540+
"3": {
541+
"$type": "color",
542+
"$value": "#451b17"
543+
},
544+
"4": {
545+
"$type": "color",
546+
"$value": "#4f1f1b"
547+
},
548+
"5": {
549+
"$type": "color",
550+
"$value": "#5c241f"
551+
},
552+
"6": {
553+
"$type": "color",
554+
"$value": "#722d27"
555+
},
556+
"7": {
557+
"$type": "color",
558+
"$value": "#88352e"
559+
},
560+
"8": {
561+
"$type": "color",
562+
"$value": "#bc6b64"
563+
},
564+
"9": {
565+
"$type": "color",
566+
"$value": "#d19a96"
567+
},
568+
"10": {
569+
"$type": "color",
570+
"$value": "#d19a96"
571+
},
572+
"11": {
573+
"$type": "color",
574+
"$value": "#f5eae9"
575+
},
576+
"12": {
577+
"$type": "color",
578+
"$value": "#d76e6e"
579+
},
580+
"13": {
581+
"$type": "color",
582+
"$value": "#df8b8b"
583+
},
584+
"14": {
585+
"$type": "color",
586+
"$value": "#e7a8a8"
587+
},
588+
"15": {
589+
"$type": "color",
590+
"$value": "#271414"
591+
},
592+
"16": {
593+
"$type": "color",
594+
"$value": "#000000"
595+
}
596+
},
597+
"link": {
598+
"visited": {
599+
"$type": "color",
600+
"$value": "#f1f8f8"
601+
}
332602
}
333603
}
334604
}

0 commit comments

Comments
 (0)