@equinor/eds-tokens 2.3.1 → 3.0.0-beta.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.
Files changed (39) hide show
  1. package/dist/types/tokens/ts/color-scheme/dark.d.ts +117 -0
  2. package/dist/types/tokens/ts/color-scheme/light.d.ts +117 -0
  3. package/dist/types/tokens/ts/colors/default.d.ts +249 -0
  4. package/dist/types/tokens/ts/density/comfortable.d.ts +100 -0
  5. package/dist/types/tokens/ts/density/compact.d.ts +100 -0
  6. package/dist/types/tokens/ts/density/relaxed.d.ts +100 -0
  7. package/dist/types/tokens/ts/font/default.d.ts +16 -0
  8. package/dist/types/tokens/ts/primitives/default.d.ts +169 -0
  9. package/dist/types/tokens/ts/semantic/dark.d.ts +212 -0
  10. package/dist/types/tokens/ts/semantic/light.d.ts +212 -0
  11. package/package.json +16 -8
  12. package/src/tokens/css/color-scheme/dark.css +100 -0
  13. package/src/tokens/css/color-scheme/light.css +100 -0
  14. package/src/tokens/css/colors/default.css +212 -0
  15. package/src/tokens/css/density/comfortable.css +51 -0
  16. package/src/tokens/css/density/compact.css +51 -0
  17. package/src/tokens/css/density/relaxed.css +51 -0
  18. package/src/tokens/css/font/default.css +7 -0
  19. package/src/tokens/css/primitives/default.css +84 -0
  20. package/src/tokens/css/semantic/default.css +115 -0
  21. package/src/tokens/dtcg/color-scheme/dark.json +1092 -0
  22. package/src/tokens/dtcg/color-scheme/light.json +1092 -0
  23. package/src/tokens/dtcg/colors/default.json +2344 -0
  24. package/src/tokens/dtcg/density/comfortable.json +748 -0
  25. package/src/tokens/dtcg/density/compact.json +748 -0
  26. package/src/tokens/dtcg/density/relaxed.json +748 -0
  27. package/src/tokens/dtcg/font/default.json +76 -0
  28. package/src/tokens/dtcg/primitives/default.json +1181 -0
  29. package/src/tokens/dtcg/semantic/default.json +1667 -0
  30. package/src/tokens/ts/color-scheme/dark.ts +119 -0
  31. package/src/tokens/ts/color-scheme/light.ts +119 -0
  32. package/src/tokens/ts/colors/default.ts +251 -0
  33. package/src/tokens/ts/density/comfortable.ts +102 -0
  34. package/src/tokens/ts/density/compact.ts +102 -0
  35. package/src/tokens/ts/density/relaxed.ts +102 -0
  36. package/src/tokens/ts/font/default.ts +18 -0
  37. package/src/tokens/ts/primitives/default.ts +171 -0
  38. package/src/tokens/ts/semantic/dark.ts +214 -0
  39. package/src/tokens/ts/semantic/light.ts +214 -0
package/src/tokens/dtcg/density/relaxed.json ADDED
@@ -0,0 +1,748 @@
1
+ {
2
+ "density": {
3
+ "corner-radius": {
4
+ "none": {
5
+ "$extensions": {
6
+ "$extensions": {
7
+ "com.figma": {
8
+ "hiddenFromPublishing": true,
9
+ "scopes": [
10
+ "CORNER_RADIUS"
11
+ ]
12
+ }
13
+ }
14
+ },
15
+ "$type": "dimension",
16
+ "$value": "{primitives.spacing.0}"
17
+ },
18
+ "pill": {
19
+ "$extensions": {
20
+ "$extensions": {
21
+ "com.figma": {
22
+ "hiddenFromPublishing": true,
23
+ "scopes": [
24
+ "CORNER_RADIUS"
25
+ ]
26
+ }
27
+ }
28
+ },
29
+ "$type": "dimension",
30
+ "$value": {
31
+ "unit": "px",
32
+ "value": 9999
33
+ }
34
+ },
35
+ "rounded": {
36
+ "$extensions": {
37
+ "$extensions": {
38
+ "com.figma": {
39
+ "hiddenFromPublishing": true,
40
+ "scopes": [
41
+ "CORNER_RADIUS"
42
+ ]
43
+ }
44
+ }
45
+ },
46
+ "$type": "dimension",
47
+ "$value": "{primitives.spacing.37}"
48
+ },
49
+ "rounded-outer": {
50
+ "$extensions": {
51
+ "$extensions": {
52
+ "com.figma": {
53
+ "hiddenFromPublishing": true,
54
+ "scopes": [
55
+ "CORNER_RADIUS"
56
+ ]
57
+ }
58
+ }
59
+ },
60
+ "$type": "dimension",
61
+ "$value": "{primitives.spacing.50}"
62
+ }
63
+ },
64
+ "spacing": {
65
+ "2xl": {
66
+ "$extensions": {
67
+ "$extensions": {
68
+ "com.figma": {
69
+ "hiddenFromPublishing": true,
70
+ "scopes": [
71
+ "WIDTH_HEIGHT",
72
+ "GAP"
73
+ ]
74
+ }
75
+ }
76
+ },
77
+ "$type": "dimension",
78
+ "$value": "{primitives.spacing.200}"
79
+ },
80
+ "2xs": {
81
+ "$extensions": {
82
+ "$extensions": {
83
+ "com.figma": {
84
+ "hiddenFromPublishing": true,
85
+ "scopes": [
86
+ "WIDTH_HEIGHT",
87
+ "GAP"
88
+ ]
89
+ }
90
+ }
91
+ },
92
+ "$type": "dimension",
93
+ "$value": "{primitives.spacing.50}"
94
+ },
95
+ "3xl": {
96
+ "$extensions": {
97
+ "$extensions": {
98
+ "com.figma": {
99
+ "hiddenFromPublishing": true,
100
+ "scopes": [
101
+ "WIDTH_HEIGHT",
102
+ "GAP"
103
+ ]
104
+ }
105
+ }
106
+ },
107
+ "$type": "dimension",
108
+ "$value": "{primitives.spacing.225}"
109
+ },
110
+ "3xs": {
111
+ "$extensions": {
112
+ "$extensions": {
113
+ "com.figma": {
114
+ "hiddenFromPublishing": true,
115
+ "scopes": [
116
+ "WIDTH_HEIGHT",
117
+ "GAP"
118
+ ]
119
+ }
120
+ }
121
+ },
122
+ "$type": "dimension",
123
+ "$value": "{primitives.spacing.37}"
124
+ },
125
+ "4xs": {
126
+ "$extensions": {
127
+ "$extensions": {
128
+ "com.figma": {
129
+ "hiddenFromPublishing": true,
130
+ "scopes": [
131
+ "WIDTH_HEIGHT",
132
+ "GAP"
133
+ ]
134
+ }
135
+ }
136
+ },
137
+ "$type": "dimension",
138
+ "$value": "{primitives.spacing.25}"
139
+ },
140
+ "lg": {
141
+ "$extensions": {
142
+ "$extensions": {
143
+ "com.figma": {
144
+ "hiddenFromPublishing": true,
145
+ "scopes": [
146
+ "WIDTH_HEIGHT",
147
+ "GAP"
148
+ ]
149
+ }
150
+ }
151
+ },
152
+ "$type": "dimension",
153
+ "$value": "{primitives.spacing.150}"
154
+ },
155
+ "md": {
156
+ "$extensions": {
157
+ "$extensions": {
158
+ "com.figma": {
159
+ "hiddenFromPublishing": true,
160
+ "scopes": [
161
+ "WIDTH_HEIGHT",
162
+ "GAP"
163
+ ]
164
+ }
165
+ }
166
+ },
167
+ "$type": "dimension",
168
+ "$value": "{primitives.spacing.125}"
169
+ },
170
+ "none": {
171
+ "$extensions": {
172
+ "$extensions": {
173
+ "com.figma": {
174
+ "hiddenFromPublishing": true,
175
+ "scopes": [
176
+ "WIDTH_HEIGHT",
177
+ "GAP"
178
+ ]
179
+ }
180
+ }
181
+ },
182
+ "$type": "dimension",
183
+ "$value": "{primitives.spacing.0}"
184
+ },
185
+ "sm": {
186
+ "$extensions": {
187
+ "$extensions": {
188
+ "com.figma": {
189
+ "hiddenFromPublishing": true,
190
+ "scopes": [
191
+ "WIDTH_HEIGHT",
192
+ "GAP"
193
+ ]
194
+ }
195
+ }
196
+ },
197
+ "$type": "dimension",
198
+ "$value": "{primitives.spacing.100}"
199
+ },
200
+ "xl": {
201
+ "$extensions": {
202
+ "$extensions": {
203
+ "com.figma": {
204
+ "hiddenFromPublishing": true,
205
+ "scopes": [
206
+ "WIDTH_HEIGHT",
207
+ "GAP"
208
+ ]
209
+ }
210
+ }
211
+ },
212
+ "$type": "dimension",
213
+ "$value": "{primitives.spacing.175}"
214
+ },
215
+ "xs": {
216
+ "$extensions": {
217
+ "$extensions": {
218
+ "com.figma": {
219
+ "hiddenFromPublishing": true,
220
+ "scopes": [
221
+ "WIDTH_HEIGHT",
222
+ "GAP"
223
+ ]
224
+ }
225
+ }
226
+ },
227
+ "$type": "dimension",
228
+ "$value": "{primitives.spacing.62}"
229
+ }
230
+ },
231
+ "typography": {
232
+ "header": {
233
+ "2xl": {
234
+ "font-size": {
235
+ "$extensions": {
236
+ "$extensions": {
237
+ "com.figma": {
238
+ "hiddenFromPublishing": true,
239
+ "scopes": [
240
+ "FONT_SIZE"
241
+ ]
242
+ }
243
+ }
244
+ },
245
+ "$type": "fontSize",
246
+ "$value": "{primitives.type-scale.equinor.800.font-size}"
247
+ },
248
+ "line-height": {
249
+ "$extensions": {
250
+ "$extensions": {
251
+ "com.figma": {
252
+ "hiddenFromPublishing": true,
253
+ "scopes": [
254
+ "LINE_HEIGHT"
255
+ ]
256
+ }
257
+ }
258
+ },
259
+ "$type": "lineHeight",
260
+ "$value": "{primitives.lineheight-scale.800.default}"
261
+ }
262
+ },
263
+ "3xl": {
264
+ "font-size": {
265
+ "$extensions": {
266
+ "$extensions": {
267
+ "com.figma": {
268
+ "hiddenFromPublishing": true,
269
+ "scopes": [
270
+ "FONT_SIZE"
271
+ ]
272
+ }
273
+ }
274
+ },
275
+ "$type": "fontSize",
276
+ "$value": "{primitives.type-scale.equinor.900.font-size}"
277
+ },
278
+ "line-height": {
279
+ "$extensions": {
280
+ "$extensions": {
281
+ "com.figma": {
282
+ "hiddenFromPublishing": true,
283
+ "scopes": [
284
+ "LINE_HEIGHT"
285
+ ]
286
+ }
287
+ }
288
+ },
289
+ "$type": "lineHeight",
290
+ "$value": "{primitives.lineheight-scale.800.default}"
291
+ }
292
+ },
293
+ "4xl": {
294
+ "font-size": {
295
+ "$extensions": {
296
+ "$extensions": {
297
+ "com.figma": {
298
+ "hiddenFromPublishing": true,
299
+ "scopes": [
300
+ "FONT_SIZE"
301
+ ]
302
+ }
303
+ }
304
+ },
305
+ "$type": "fontSize",
306
+ "$value": "{primitives.type-scale.equinor.1000.font-size}"
307
+ },
308
+ "line-height": {
309
+ "$extensions": {
310
+ "$extensions": {
311
+ "com.figma": {
312
+ "hiddenFromPublishing": true,
313
+ "scopes": [
314
+ "LINE_HEIGHT"
315
+ ]
316
+ }
317
+ }
318
+ },
319
+ "$type": "lineHeight",
320
+ "$value": "{primitives.lineheight-scale.1000.default}"
321
+ }
322
+ },
323
+ "lg": {
324
+ "font-size": {
325
+ "$extensions": {
326
+ "$extensions": {
327
+ "com.figma": {
328
+ "hiddenFromPublishing": true,
329
+ "scopes": [
330
+ "FONT_SIZE"
331
+ ]
332
+ }
333
+ }
334
+ },
335
+ "$type": "fontSize",
336
+ "$value": "{primitives.type-scale.equinor.600.font-size}"
337
+ },
338
+ "line-height": {
339
+ "$extensions": {
340
+ "$extensions": {
341
+ "com.figma": {
342
+ "hiddenFromPublishing": true,
343
+ "scopes": [
344
+ "LINE_HEIGHT"
345
+ ]
346
+ }
347
+ }
348
+ },
349
+ "$type": "lineHeight",
350
+ "$value": "{primitives.lineheight-scale.500.default}"
351
+ }
352
+ },
353
+ "md": {
354
+ "font-size": {
355
+ "$extensions": {
356
+ "$extensions": {
357
+ "com.figma": {
358
+ "hiddenFromPublishing": true,
359
+ "scopes": [
360
+ "FONT_SIZE"
361
+ ]
362
+ }
363
+ }
364
+ },
365
+ "$type": "fontSize",
366
+ "$value": "{primitives.type-scale.equinor.500.font-size}"
367
+ },
368
+ "line-height": {
369
+ "$extensions": {
370
+ "$extensions": {
371
+ "com.figma": {
372
+ "hiddenFromPublishing": true,
373
+ "scopes": [
374
+ "LINE_HEIGHT"
375
+ ]
376
+ }
377
+ }
378
+ },
379
+ "$type": "lineHeight",
380
+ "$value": "{primitives.lineheight-scale.500.default}"
381
+ }
382
+ },
383
+ "sm": {
384
+ "font-size": {
385
+ "$extensions": {
386
+ "$extensions": {
387
+ "com.figma": {
388
+ "hiddenFromPublishing": true,
389
+ "scopes": [
390
+ "FONT_SIZE"
391
+ ]
392
+ }
393
+ }
394
+ },
395
+ "$type": "fontSize",
396
+ "$value": "{primitives.type-scale.equinor.400.font-size}"
397
+ },
398
+ "line-height": {
399
+ "$extensions": {
400
+ "$extensions": {
401
+ "com.figma": {
402
+ "hiddenFromPublishing": true,
403
+ "scopes": [
404
+ "LINE_HEIGHT"
405
+ ]
406
+ }
407
+ }
408
+ },
409
+ "$type": "lineHeight",
410
+ "$value": "{primitives.lineheight-scale.400.default}"
411
+ }
412
+ },
413
+ "xl": {
414
+ "font-size": {
415
+ "$extensions": {
416
+ "$extensions": {
417
+ "com.figma": {
418
+ "hiddenFromPublishing": true,
419
+ "scopes": [
420
+ "FONT_SIZE"
421
+ ]
422
+ }
423
+ }
424
+ },
425
+ "$type": "fontSize",
426
+ "$value": "{primitives.type-scale.equinor.700.font-size}"
427
+ },
428
+ "line-height": {
429
+ "$extensions": {
430
+ "$extensions": {
431
+ "com.figma": {
432
+ "hiddenFromPublishing": true,
433
+ "scopes": [
434
+ "LINE_HEIGHT"
435
+ ]
436
+ }
437
+ }
438
+ },
439
+ "$type": "lineHeight",
440
+ "$value": "{primitives.lineheight-scale.700.default}"
441
+ }
442
+ },
443
+ "xs": {
444
+ "font-size": {
445
+ "$extensions": {
446
+ "$extensions": {
447
+ "com.figma": {
448
+ "hiddenFromPublishing": true,
449
+ "scopes": [
450
+ "FONT_SIZE"
451
+ ]
452
+ }
453
+ }
454
+ },
455
+ "$type": "fontSize",
456
+ "$value": "{primitives.type-scale.equinor.300.font-size}"
457
+ },
458
+ "line-height": {
459
+ "$extensions": {
460
+ "$extensions": {
461
+ "com.figma": {
462
+ "hiddenFromPublishing": true,
463
+ "scopes": [
464
+ "LINE_HEIGHT"
465
+ ]
466
+ }
467
+ }
468
+ },
469
+ "$type": "lineHeight",
470
+ "$value": "{primitives.lineheight-scale.200.default}"
471
+ }
472
+ }
473
+ },
474
+ "ui": {
475
+ "2xl": {
476
+ "font-size": {
477
+ "$extensions": {
478
+ "$extensions": {
479
+ "com.figma": {
480
+ "hiddenFromPublishing": true,
481
+ "scopes": [
482
+ "FONT_SIZE"
483
+ ]
484
+ }
485
+ }
486
+ },
487
+ "$type": "fontSize",
488
+ "$value": "{primitives.type-scale.inter.800.font-size}"
489
+ },
490
+ "line-height": {
491
+ "$extensions": {
492
+ "$extensions": {
493
+ "com.figma": {
494
+ "hiddenFromPublishing": true,
495
+ "scopes": [
496
+ "LINE_HEIGHT"
497
+ ]
498
+ }
499
+ }
500
+ },
501
+ "$type": "lineHeight",
502
+ "$value": "{primitives.lineheight-scale.800.default}"
503
+ }
504
+ },
505
+ "3xl": {
506
+ "font-size": {
507
+ "$extensions": {
508
+ "$extensions": {
509
+ "com.figma": {
510
+ "hiddenFromPublishing": true,
511
+ "scopes": [
512
+ "FONT_SIZE"
513
+ ]
514
+ }
515
+ }
516
+ },
517
+ "$type": "fontSize",
518
+ "$value": "{primitives.type-scale.inter.900.font-size}"
519
+ },
520
+ "line-height": {
521
+ "$extensions": {
522
+ "$extensions": {
523
+ "com.figma": {
524
+ "hiddenFromPublishing": true,
525
+ "scopes": [
526
+ "LINE_HEIGHT"
527
+ ]
528
+ }
529
+ }
530
+ },
531
+ "$type": "lineHeight",
532
+ "$value": "{primitives.lineheight-scale.800.default}"
533
+ }
534
+ },
535
+ "4xl": {
536
+ "font-size": {
537
+ "$extensions": {
538
+ "$extensions": {
539
+ "com.figma": {
540
+ "hiddenFromPublishing": true,
541
+ "scopes": [
542
+ "FONT_SIZE"
543
+ ]
544
+ }
545
+ }
546
+ },
547
+ "$type": "fontSize",
548
+ "$value": "{primitives.type-scale.inter.1000.font-size}"
549
+ },
550
+ "line-height": {
551
+ "$extensions": {
552
+ "$extensions": {
553
+ "com.figma": {
554
+ "hiddenFromPublishing": true,
555
+ "scopes": [
556
+ "LINE_HEIGHT"
557
+ ]
558
+ }
559
+ }
560
+ },
561
+ "$type": "lineHeight",
562
+ "$value": "{primitives.lineheight-scale.1000.default}"
563
+ }
564
+ },
565
+ "5xl": {
566
+ "font-size": {
567
+ "$extensions": {
568
+ "$extensions": {
569
+ "com.figma": {
570
+ "hiddenFromPublishing": true,
571
+ "scopes": [
572
+ "FONT_SIZE"
573
+ ]
574
+ }
575
+ }
576
+ },
577
+ "$type": "fontSize",
578
+ "$value": "{primitives.type-scale.inter.1100.font-size}"
579
+ },
580
+ "line-height": {
581
+ "$extensions": {
582
+ "$extensions": {
583
+ "com.figma": {
584
+ "hiddenFromPublishing": true,
585
+ "scopes": [
586
+ "LINE_HEIGHT"
587
+ ]
588
+ }
589
+ }
590
+ },
591
+ "$type": "lineHeight",
592
+ "$value": "{primitives.lineheight-scale.1100.default}"
593
+ }
594
+ },
595
+ "lg": {
596
+ "font-size": {
597
+ "$extensions": {
598
+ "$extensions": {
599
+ "com.figma": {
600
+ "hiddenFromPublishing": true,
601
+ "scopes": [
602
+ "FONT_SIZE"
603
+ ]
604
+ }
605
+ }
606
+ },
607
+ "$type": "fontSize",
608
+ "$value": "{primitives.type-scale.inter.600.font-size}"
609
+ },
610
+ "line-height": {
611
+ "$extensions": {
612
+ "$extensions": {
613
+ "com.figma": {
614
+ "hiddenFromPublishing": true,
615
+ "scopes": [
616
+ "LINE_HEIGHT"
617
+ ]
618
+ }
619
+ }
620
+ },
621
+ "$type": "lineHeight",
622
+ "$value": "{primitives.lineheight-scale.500.default}"
623
+ }
624
+ },
625
+ "md": {
626
+ "font-size": {
627
+ "$extensions": {
628
+ "$extensions": {
629
+ "com.figma": {
630
+ "hiddenFromPublishing": true,
631
+ "scopes": [
632
+ "FONT_SIZE"
633
+ ]
634
+ }
635
+ }
636
+ },
637
+ "$type": "fontSize",
638
+ "$value": "{primitives.type-scale.inter.500.font-size}"
639
+ },
640
+ "line-height": {
641
+ "$extensions": {
642
+ "$extensions": {
643
+ "com.figma": {
644
+ "hiddenFromPublishing": true,
645
+ "scopes": [
646
+ "LINE_HEIGHT"
647
+ ]
648
+ }
649
+ }
650
+ },
651
+ "$type": "lineHeight",
652
+ "$value": "{primitives.lineheight-scale.500.default}"
653
+ }
654
+ },
655
+ "sm": {
656
+ "font-size": {
657
+ "$extensions": {
658
+ "$extensions": {
659
+ "com.figma": {
660
+ "hiddenFromPublishing": true,
661
+ "scopes": [
662
+ "FONT_SIZE"
663
+ ]
664
+ }
665
+ }
666
+ },
667
+ "$type": "fontSize",
668
+ "$value": "{primitives.type-scale.inter.400.font-size}"
669
+ },
670
+ "line-height": {
671
+ "$extensions": {
672
+ "$extensions": {
673
+ "com.figma": {
674
+ "hiddenFromPublishing": true,
675
+ "scopes": [
676
+ "LINE_HEIGHT"
677
+ ]
678
+ }
679
+ }
680
+ },
681
+ "$type": "lineHeight",
682
+ "$value": "{primitives.lineheight-scale.400.default}"
683
+ }
684
+ },
685
+ "xl": {
686
+ "font-size": {
687
+ "$extensions": {
688
+ "$extensions": {
689
+ "com.figma": {
690
+ "hiddenFromPublishing": true,
691
+ "scopes": [
692
+ "FONT_SIZE"
693
+ ]
694
+ }
695
+ }
696
+ },
697
+ "$type": "fontSize",
698
+ "$value": "{primitives.type-scale.inter.700.font-size}"
699
+ },
700
+ "line-height": {
701
+ "$extensions": {
702
+ "$extensions": {
703
+ "com.figma": {
704
+ "hiddenFromPublishing": true,
705
+ "scopes": [
706
+ "LINE_HEIGHT"
707
+ ]
708
+ }
709
+ }
710
+ },
711
+ "$type": "lineHeight",
712
+ "$value": "{primitives.lineheight-scale.700.default}"
713
+ }
714
+ },
715
+ "xs": {
716
+ "font-size": {
717
+ "$extensions": {
718
+ "$extensions": {
719
+ "com.figma": {
720
+ "hiddenFromPublishing": true,
721
+ "scopes": [
722
+ "FONT_SIZE"
723
+ ]
724
+ }
725
+ }
726
+ },
727
+ "$type": "fontSize",
728
+ "$value": "{primitives.type-scale.inter.300.font-size}"
729
+ },
730
+ "line-height": {
731
+ "$extensions": {
732
+ "$extensions": {
733
+ "com.figma": {
734
+ "hiddenFromPublishing": true,
735
+ "scopes": [
736
+ "LINE_HEIGHT"
737
+ ]
738
+ }
739
+ }
740
+ },
741
+ "$type": "lineHeight",
742
+ "$value": "{primitives.lineheight-scale.200.default}"
743
+ }
744
+ }
745
+ }
746
+ }
747
+ }
748
+ }