@navikt/ds-tokens 7.1.1 → 7.1.2

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 (4) hide show
  1. package/dist/darkside/dark-tokens.css +111 -111
  2. package/dist/darkside/tokens.css +111 -111
  3. package/dist/tokens.css +1 -1
  4. package/package.json +5 -3
package/dist/darkside/dark-tokens.css CHANGED
@@ -3,120 +3,120 @@
3
3
  */
4
4
 
5
5
  .dark, .dark-theme {
6
- --a-data-two-1000: #f4fad3;
7
- --a-data-two-900: #b4bf00;
8
- --a-data-two-800: #a3ad00;
9
- --a-data-two-700: #99a300;
10
- --a-data-two-600: #858d00;
11
- --a-data-two-500: #737a00;
12
- --a-data-two-400: #3f4000;
13
- --a-data-two-300: #353500;
14
- --a-data-two-200: #2f2e00;
15
- --a-data-two-100: #2a2900;
16
- --a-data-one-1000: #f7f5f9;
17
- --a-data-one-900: #beb1d0;
18
- --a-data-one-800: #ae9fc5;
19
- --a-data-one-700: #a694be;
20
- --a-data-one-600: #937eb0;
21
- --a-data-one-500: #836aa3;
22
- --a-data-one-400: #4b3267;
23
- --a-data-one-300: #40275b;
24
- --a-data-one-200: #382053;
25
- --a-data-one-100: #331b4d;
26
- --a-brand-three-1000: #f2f7fb;
27
- --a-brand-three-900: #9cbace;
28
- --a-brand-three-800: #86aac1;
29
- --a-brand-three-700: #78a1ba;
30
- --a-brand-three-600: #5d8daa;
31
- --a-brand-three-500: #437b9c;
32
- --a-brand-three-400: #014261;
33
- --a-brand-three-300: #013753;
34
- --a-brand-three-200: #002f49;
35
- --a-brand-three-100: #002a42;
36
- --a-brand-two-1000: #fff4ee;
37
- --a-brand-two-900: #e0aa94;
38
- --a-brand-two-800: #d7967e;
39
- --a-brand-two-700: #d18a71;
40
- --a-brand-two-600: #be745a;
41
- --a-brand-two-500: #aa6248;
42
- --a-brand-two-400: #6c2910;
43
- --a-brand-two-300: #5f1e03;
44
- --a-brand-two-200: #561500;
45
- --a-brand-two-100: #500e00;
46
- --a-brand-one-1000: #fbf4f7;
47
- --a-brand-one-900: #dda8bc;
48
- --a-brand-one-800: #d493ac;
49
- --a-brand-one-700: #ce86a3;
50
- --a-brand-one-600: #c16d90;
51
- --a-brand-one-500: #b5547f;
52
- --a-brand-one-400: #770f48;
53
- --a-brand-one-300: #69003d;
54
- --a-brand-one-200: #5d0034;
55
- --a-brand-one-100: #54002c;
56
- --a-info-1000: #eff7fd;
57
- --a-info-900: #9abbd0;
58
- --a-info-800: #82abc4;
59
- --a-info-700: #75a1bd;
60
- --a-info-600: #588dad;
61
- --a-info-500: #3e7b9e;
62
- --a-info-400: #004165;
63
- --a-info-300: #003656;
64
- --a-info-200: #002f4a;
65
- --a-info-100: #002a42;
66
- --a-danger-1000: #fff3f7;
67
- --a-danger-900: #ff98b3;
68
- --a-danger-800: #ff7c95;
69
- --a-danger-700: #fe6a82;
70
- --a-danger-600: #fa3d51;
71
- --a-danger-500: #e61738;
72
- --a-danger-400: #820000;
73
- --a-danger-300: #6e0000;
74
- --a-danger-200: #610000;
75
- --a-danger-100: #560000;
76
- --a-warning-1000: #fff6e7;
77
- --a-warning-900: #fda22b;
78
- --a-warning-800: #fa870d;
79
- --a-warning-700: #f77700;
80
- --a-warning-600: #e06001;
81
- --a-warning-500: #c84e00;
82
- --a-warning-400: #820000;
83
- --a-warning-300: #6e0000;
84
- --a-warning-200: #610000;
85
- --a-warning-100: #580000;
86
- --a-success-1000: #e3fde8;
87
- --a-success-900: #7ac78d;
88
- --a-success-800: #5ab875;
89
- --a-success-700: #44af66;
90
- --a-success-600: #169b4d;
91
- --a-success-500: #00873a;
92
- --a-success-400: #004900;
93
- --a-success-300: #003d00;
94
- --a-success-200: #003500;
95
- --a-success-100: #002f00;
96
- --a-accent-1000: #f0f7ff;
97
- --a-accent-900: #8cb9f7;
98
- --a-accent-800: #70a8f2;
99
- --a-accent-700: #609dee;
100
- --a-accent-600: #3f88e2;
101
- --a-accent-500: #1f75d3;
102
- --a-accent-400: #003b83;
103
- --a-accent-300: #003170;
104
- --a-accent-200: #002a64;
105
- --a-accent-100: #00255a;
6
+ --a-data-two-1000: #c5d14c;
7
+ --a-data-two-900: #a9b325;
8
+ --a-data-two-800: #99a200;
9
+ --a-data-two-700: #8f9800;
10
+ --a-data-two-600: #7c8400;
11
+ --a-data-two-500: #6a7200;
12
+ --a-data-two-400: #343900;
13
+ --a-data-two-300: #292d00;
14
+ --a-data-two-200: #222500;
15
+ --a-data-two-100: #1c1f00;
16
+ --a-data-one-1000: #cdc5d9;
17
+ --a-data-one-900: #b2a7c3;
18
+ --a-data-one-800: #a495b7;
19
+ --a-data-one-700: #9b8bb0;
20
+ --a-data-one-600: #8876a1;
21
+ --a-data-one-500: #776491;
22
+ --a-data-one-400: #3a3245;
23
+ --a-data-one-300: #2f273a;
24
+ --a-data-one-200: #272032;
25
+ --a-data-one-100: #221a2c;
26
+ --a-brand-three-1000: #b7cbd7;
27
+ --a-brand-three-900: #93afc0;
28
+ --a-brand-three-800: #7f9fb3;
29
+ --a-brand-three-700: #7396ab;
30
+ --a-brand-three-600: #5a839b;
31
+ --a-brand-three-500: #43718d;
32
+ --a-brand-three-400: #273843;
33
+ --a-brand-three-300: #1e2c35;
34
+ --a-brand-three-200: #18242c;
35
+ --a-brand-three-100: #131e26;
36
+ --a-brand-two-1000: #e3c2b1;
37
+ --a-brand-two-900: #d1a08c;
38
+ --a-brand-two-800: #c78e79;
39
+ --a-brand-two-700: #c0836e;
40
+ --a-brand-two-600: #ab6f5b;
41
+ --a-brand-two-500: #975e4a;
42
+ --a-brand-two-400: #493027;
43
+ --a-brand-two-300: #3d241c;
44
+ --a-brand-two-200: #351d15;
45
+ --a-brand-two-100: #2d160e;
46
+ --a-brand-one-1000: #e1c0cc;
47
+ --a-brand-one-900: #cf9eb1;
48
+ --a-brand-one-800: #c58aa2;
49
+ --a-brand-one-700: #be7f99;
50
+ --a-brand-one-600: #b06886;
51
+ --a-brand-one-500: #a35276;
52
+ --a-brand-one-400: #4e2a39;
53
+ --a-brand-one-300: #42202e;
54
+ --a-brand-one-200: #3a1827;
55
+ --a-brand-one-100: #321220;
56
+ --a-info-1000: #b7cbd7;
57
+ --a-info-900: #93afc0;
58
+ --a-info-800: #7f9fb3;
59
+ --a-info-700: #7396ab;
60
+ --a-info-600: #5a839b;
61
+ --a-info-500: #43718d;
62
+ --a-info-400: #273843;
63
+ --a-info-300: #1e2c35;
64
+ --a-info-200: #18242c;
65
+ --a-info-100: #131e26;
66
+ --a-danger-1000: #f6b7cd;
67
+ --a-danger-900: #f28ea2;
68
+ --a-danger-800: #ee7685;
69
+ --a-danger-700: #eb6772;
70
+ --a-danger-600: #dd4a50;
71
+ --a-danger-500: #c8343f;
72
+ --a-danger-400: #5f2021;
73
+ --a-danger-300: #521517;
74
+ --a-danger-200: #490b10;
75
+ --a-danger-100: #410409;
76
+ --a-warning-1000: #f5bf6d;
77
+ --a-warning-900: #ed974b;
78
+ --a-warning-800: #e78040;
79
+ --a-warning-700: #de753c;
80
+ --a-warning-600: #c46233;
81
+ --a-warning-500: #af5122;
82
+ --a-warning-400: #542b18;
83
+ --a-warning-300: #471f0c;
84
+ --a-warning-200: #3e1704;
85
+ --a-warning-100: #371100;
86
+ --a-success-1000: #a4d4ad;
87
+ --a-success-900: #78ba87;
88
+ --a-success-800: #5eab72;
89
+ --a-success-700: #4ca265;
90
+ --a-success-600: #368e52;
91
+ --a-success-500: #207c41;
92
+ --a-success-400: #183d24;
93
+ --a-success-300: #0b3118;
94
+ --a-success-200: #032911;
95
+ --a-success-100: #00230b;
96
+ --a-accent-1000: #b0caf1;
97
+ --a-accent-900: #84aee6;
98
+ --a-accent-800: #6d9ddd;
99
+ --a-accent-700: #5f94d8;
100
+ --a-accent-600: #447fc9;
101
+ --a-accent-500: #2e6db8;
102
+ --a-accent-400: #23374f;
103
+ --a-accent-300: #1a2c41;
104
+ --a-accent-200: #152436;
105
+ --a-accent-100: #101d2d;
106
106
  --a-neutral-000: black;
107
- --a-neutral-1000: #f6f6f8;
108
- --a-neutral-900: #b1b6c0;
109
- --a-neutral-800: #9fa6b1;
110
- --a-neutral-700: #959ca9;
111
- --a-neutral-600: #7f8895;
112
- --a-neutral-500: #6d7583;
113
- --a-neutral-400: #363e4a;
114
- --a-neutral-300: #2d3440;
115
- --a-neutral-200: #262d39;
116
- --a-neutral-100: #202733;
107
+ --a-neutral-1000: #c5c9ce;
108
+ --a-neutral-900: #a6acb4;
109
+ --a-neutral-800: #959ca5;
110
+ --a-neutral-700: #8c929d;
111
+ --a-neutral-600: #787e89;
112
+ --a-neutral-500: #666d77;
113
+ --a-neutral-400: #33363a;
114
+ --a-neutral-300: #282b2f;
115
+ --a-neutral-200: #202327;
116
+ --a-neutral-100: #1a1d21;
117
117
  --a-bg-overlay: rgba(2, 20, 49, 0.49);
118
118
  --a-bg-sunken: #07090d;
119
- --a-bg-default: #141b26;
119
+ --a-bg-default: #0e151f;
120
120
  --a-contrast-data-two: var(--a-neutral-000);
121
121
  --a-contrast-data-one: var(--a-neutral-000);
122
122
  --a-contrast-brand-three: var(--a-neutral-000);
package/dist/darkside/tokens.css CHANGED
@@ -323,120 +323,120 @@
323
323
  }
324
324
 
325
325
  .dark, .dark-theme {
326
- --a-data-two-1000: #f4fad3;
327
- --a-data-two-900: #b4bf00;
328
- --a-data-two-800: #a3ad00;
329
- --a-data-two-700: #99a300;
330
- --a-data-two-600: #858d00;
331
- --a-data-two-500: #737a00;
332
- --a-data-two-400: #3f4000;
333
- --a-data-two-300: #353500;
334
- --a-data-two-200: #2f2e00;
335
- --a-data-two-100: #2a2900;
336
- --a-data-one-1000: #f7f5f9;
337
- --a-data-one-900: #beb1d0;
338
- --a-data-one-800: #ae9fc5;
339
- --a-data-one-700: #a694be;
340
- --a-data-one-600: #937eb0;
341
- --a-data-one-500: #836aa3;
342
- --a-data-one-400: #4b3267;
343
- --a-data-one-300: #40275b;
344
- --a-data-one-200: #382053;
345
- --a-data-one-100: #331b4d;
346
- --a-brand-three-1000: #f2f7fb;
347
- --a-brand-three-900: #9cbace;
348
- --a-brand-three-800: #86aac1;
349
- --a-brand-three-700: #78a1ba;
350
- --a-brand-three-600: #5d8daa;
351
- --a-brand-three-500: #437b9c;
352
- --a-brand-three-400: #014261;
353
- --a-brand-three-300: #013753;
354
- --a-brand-three-200: #002f49;
355
- --a-brand-three-100: #002a42;
356
- --a-brand-two-1000: #fff4ee;
357
- --a-brand-two-900: #e0aa94;
358
- --a-brand-two-800: #d7967e;
359
- --a-brand-two-700: #d18a71;
360
- --a-brand-two-600: #be745a;
361
- --a-brand-two-500: #aa6248;
362
- --a-brand-two-400: #6c2910;
363
- --a-brand-two-300: #5f1e03;
364
- --a-brand-two-200: #561500;
365
- --a-brand-two-100: #500e00;
366
- --a-brand-one-1000: #fbf4f7;
367
- --a-brand-one-900: #dda8bc;
368
- --a-brand-one-800: #d493ac;
369
- --a-brand-one-700: #ce86a3;
370
- --a-brand-one-600: #c16d90;
371
- --a-brand-one-500: #b5547f;
372
- --a-brand-one-400: #770f48;
373
- --a-brand-one-300: #69003d;
374
- --a-brand-one-200: #5d0034;
375
- --a-brand-one-100: #54002c;
376
- --a-info-1000: #eff7fd;
377
- --a-info-900: #9abbd0;
378
- --a-info-800: #82abc4;
379
- --a-info-700: #75a1bd;
380
- --a-info-600: #588dad;
381
- --a-info-500: #3e7b9e;
382
- --a-info-400: #004165;
383
- --a-info-300: #003656;
384
- --a-info-200: #002f4a;
385
- --a-info-100: #002a42;
386
- --a-danger-1000: #fff3f7;
387
- --a-danger-900: #ff98b3;
388
- --a-danger-800: #ff7c95;
389
- --a-danger-700: #fe6a82;
390
- --a-danger-600: #fa3d51;
391
- --a-danger-500: #e61738;
392
- --a-danger-400: #820000;
393
- --a-danger-300: #6e0000;
394
- --a-danger-200: #610000;
395
- --a-danger-100: #560000;
396
- --a-warning-1000: #fff6e7;
397
- --a-warning-900: #fda22b;
398
- --a-warning-800: #fa870d;
399
- --a-warning-700: #f77700;
400
- --a-warning-600: #e06001;
401
- --a-warning-500: #c84e00;
402
- --a-warning-400: #820000;
403
- --a-warning-300: #6e0000;
404
- --a-warning-200: #610000;
405
- --a-warning-100: #580000;
406
- --a-success-1000: #e3fde8;
407
- --a-success-900: #7ac78d;
408
- --a-success-800: #5ab875;
409
- --a-success-700: #44af66;
410
- --a-success-600: #169b4d;
411
- --a-success-500: #00873a;
412
- --a-success-400: #004900;
413
- --a-success-300: #003d00;
414
- --a-success-200: #003500;
415
- --a-success-100: #002f00;
416
- --a-accent-1000: #f0f7ff;
417
- --a-accent-900: #8cb9f7;
418
- --a-accent-800: #70a8f2;
419
- --a-accent-700: #609dee;
420
- --a-accent-600: #3f88e2;
421
- --a-accent-500: #1f75d3;
422
- --a-accent-400: #003b83;
423
- --a-accent-300: #003170;
424
- --a-accent-200: #002a64;
425
- --a-accent-100: #00255a;
326
+ --a-data-two-1000: #c5d14c;
327
+ --a-data-two-900: #a9b325;
328
+ --a-data-two-800: #99a200;
329
+ --a-data-two-700: #8f9800;
330
+ --a-data-two-600: #7c8400;
331
+ --a-data-two-500: #6a7200;
332
+ --a-data-two-400: #343900;
333
+ --a-data-two-300: #292d00;
334
+ --a-data-two-200: #222500;
335
+ --a-data-two-100: #1c1f00;
336
+ --a-data-one-1000: #cdc5d9;
337
+ --a-data-one-900: #b2a7c3;
338
+ --a-data-one-800: #a495b7;
339
+ --a-data-one-700: #9b8bb0;
340
+ --a-data-one-600: #8876a1;
341
+ --a-data-one-500: #776491;
342
+ --a-data-one-400: #3a3245;
343
+ --a-data-one-300: #2f273a;
344
+ --a-data-one-200: #272032;
345
+ --a-data-one-100: #221a2c;
346
+ --a-brand-three-1000: #b7cbd7;
347
+ --a-brand-three-900: #93afc0;
348
+ --a-brand-three-800: #7f9fb3;
349
+ --a-brand-three-700: #7396ab;
350
+ --a-brand-three-600: #5a839b;
351
+ --a-brand-three-500: #43718d;
352
+ --a-brand-three-400: #273843;
353
+ --a-brand-three-300: #1e2c35;
354
+ --a-brand-three-200: #18242c;
355
+ --a-brand-three-100: #131e26;
356
+ --a-brand-two-1000: #e3c2b1;
357
+ --a-brand-two-900: #d1a08c;
358
+ --a-brand-two-800: #c78e79;
359
+ --a-brand-two-700: #c0836e;
360
+ --a-brand-two-600: #ab6f5b;
361
+ --a-brand-two-500: #975e4a;
362
+ --a-brand-two-400: #493027;
363
+ --a-brand-two-300: #3d241c;
364
+ --a-brand-two-200: #351d15;
365
+ --a-brand-two-100: #2d160e;
366
+ --a-brand-one-1000: #e1c0cc;
367
+ --a-brand-one-900: #cf9eb1;
368
+ --a-brand-one-800: #c58aa2;
369
+ --a-brand-one-700: #be7f99;
370
+ --a-brand-one-600: #b06886;
371
+ --a-brand-one-500: #a35276;
372
+ --a-brand-one-400: #4e2a39;
373
+ --a-brand-one-300: #42202e;
374
+ --a-brand-one-200: #3a1827;
375
+ --a-brand-one-100: #321220;
376
+ --a-info-1000: #b7cbd7;
377
+ --a-info-900: #93afc0;
378
+ --a-info-800: #7f9fb3;
379
+ --a-info-700: #7396ab;
380
+ --a-info-600: #5a839b;
381
+ --a-info-500: #43718d;
382
+ --a-info-400: #273843;
383
+ --a-info-300: #1e2c35;
384
+ --a-info-200: #18242c;
385
+ --a-info-100: #131e26;
386
+ --a-danger-1000: #f6b7cd;
387
+ --a-danger-900: #f28ea2;
388
+ --a-danger-800: #ee7685;
389
+ --a-danger-700: #eb6772;
390
+ --a-danger-600: #dd4a50;
391
+ --a-danger-500: #c8343f;
392
+ --a-danger-400: #5f2021;
393
+ --a-danger-300: #521517;
394
+ --a-danger-200: #490b10;
395
+ --a-danger-100: #410409;
396
+ --a-warning-1000: #f5bf6d;
397
+ --a-warning-900: #ed974b;
398
+ --a-warning-800: #e78040;
399
+ --a-warning-700: #de753c;
400
+ --a-warning-600: #c46233;
401
+ --a-warning-500: #af5122;
402
+ --a-warning-400: #542b18;
403
+ --a-warning-300: #471f0c;
404
+ --a-warning-200: #3e1704;
405
+ --a-warning-100: #371100;
406
+ --a-success-1000: #a4d4ad;
407
+ --a-success-900: #78ba87;
408
+ --a-success-800: #5eab72;
409
+ --a-success-700: #4ca265;
410
+ --a-success-600: #368e52;
411
+ --a-success-500: #207c41;
412
+ --a-success-400: #183d24;
413
+ --a-success-300: #0b3118;
414
+ --a-success-200: #032911;
415
+ --a-success-100: #00230b;
416
+ --a-accent-1000: #b0caf1;
417
+ --a-accent-900: #84aee6;
418
+ --a-accent-800: #6d9ddd;
419
+ --a-accent-700: #5f94d8;
420
+ --a-accent-600: #447fc9;
421
+ --a-accent-500: #2e6db8;
422
+ --a-accent-400: #23374f;
423
+ --a-accent-300: #1a2c41;
424
+ --a-accent-200: #152436;
425
+ --a-accent-100: #101d2d;
426
426
  --a-neutral-000: black;
427
- --a-neutral-1000: #f6f6f8;
428
- --a-neutral-900: #b1b6c0;
429
- --a-neutral-800: #9fa6b1;
430
- --a-neutral-700: #959ca9;
431
- --a-neutral-600: #7f8895;
432
- --a-neutral-500: #6d7583;
433
- --a-neutral-400: #363e4a;
434
- --a-neutral-300: #2d3440;
435
- --a-neutral-200: #262d39;
436
- --a-neutral-100: #202733;
427
+ --a-neutral-1000: #c5c9ce;
428
+ --a-neutral-900: #a6acb4;
429
+ --a-neutral-800: #959ca5;
430
+ --a-neutral-700: #8c929d;
431
+ --a-neutral-600: #787e89;
432
+ --a-neutral-500: #666d77;
433
+ --a-neutral-400: #33363a;
434
+ --a-neutral-300: #282b2f;
435
+ --a-neutral-200: #202327;
436
+ --a-neutral-100: #1a1d21;
437
437
  --a-bg-overlay: #0214317d;
438
438
  --a-bg-sunken: #07090d;
439
- --a-bg-default: #141b26;
439
+ --a-bg-default: #0e151f;
440
440
  --a-contrast-data-two: var(--a-neutral-000);
441
441
  --a-contrast-data-one: var(--a-neutral-000);
442
442
  --a-contrast-brand-three: var(--a-neutral-000);
package/dist/tokens.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root, :host {
6
- --a-version: "7.1.1";
6
+ --a-version: "7.1.2";
7
7
  --a-spacing-1-alt: 0.375rem;
8
8
  --a-spacing-05: 0.125rem;
9
9
  --a-spacing-32: 8rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-tokens",
3
- "version": "7.1.1",
3
+ "version": "7.1.2",
4
4
  "description": "Design-tokens for NAV designsystem",
5
5
  "author": "Aksel | NAV designsystem team",
6
6
  "keywords": [
@@ -19,8 +19,10 @@
19
19
  ],
20
20
  "scripts": {
21
21
  "build": "tsx ./config/build.ts > /dev/null && tsx ./config/version-tag.ts && yarn build:darkside",
22
- "build:darkside": "tsx ./darkside && yarn build:figma-config",
22
+ "build:darkside": "tsx ./darkside && yarn build:figma-config && yarn build:plugin",
23
23
  "build:figma-config": "tsx ./darkside/figma",
24
+ "build:plugin-dev": "esbuild darkside/figma/plugin/plugin.ts --target=es2016 --bundle --define:process.env.NODE_ENV=\\\"development\\\" --outfile='darkside/figma/plugin/plugin.js'",
25
+ "build:plugin": "esbuild darkside/figma/plugin/plugin.ts --target=es2016 --bundle --define:process.env.NODE_ENV=\\\"production\\\" --outfile='darkside/figma/plugin/plugin.js'",
24
26
  "test": "vitest run",
25
27
  "test:watch": "vitest watch"
26
28
  },
@@ -30,9 +32,9 @@
30
32
  "directory": "@navikt/core/tokens"
31
33
  },
32
34
  "devDependencies": {
33
- "@adobe/leonardo-contrast-colors": "^1.0.0",
34
35
  "@figma/plugin-typings": "^1.100.2",
35
36
  "color": "4.2.3",
37
+ "esbuild": "^0.24.0",
36
38
  "lightningcss": "^1.27.0",
37
39
  "lodash": "^4.17.21",
38
40
  "style-dictionary": "^4.1.1",