@equinor/eds-tokens 2.3.2 → 3.0.0-beta.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 (30) hide show
  1. package/package.json +10 -3
  2. package/src/tokens/css/color-scheme/dark.css +100 -0
  3. package/src/tokens/css/color-scheme/light.css +100 -0
  4. package/src/tokens/css/colors/default.css +212 -0
  5. package/src/tokens/css/density/comfortable.css +51 -0
  6. package/src/tokens/css/density/compact.css +51 -0
  7. package/src/tokens/css/density/relaxed.css +51 -0
  8. package/src/tokens/css/font/default.css +7 -0
  9. package/src/tokens/css/primitives/default.css +84 -0
  10. package/src/tokens/css/semantic/default.css +115 -0
  11. package/src/tokens/css/variables.css +772 -0
  12. package/src/tokens/dtcg/color-scheme/dark.json +1092 -0
  13. package/src/tokens/dtcg/color-scheme/light.json +1092 -0
  14. package/src/tokens/dtcg/colors/default.json +2344 -0
  15. package/src/tokens/dtcg/density/comfortable.json +748 -0
  16. package/src/tokens/dtcg/density/compact.json +748 -0
  17. package/src/tokens/dtcg/density/relaxed.json +748 -0
  18. package/src/tokens/dtcg/font/default.json +76 -0
  19. package/src/tokens/dtcg/primitives/default.json +1181 -0
  20. package/src/tokens/dtcg/semantic/default.json +1667 -0
  21. package/src/tokens/ts/color-scheme/dark.ts +119 -0
  22. package/src/tokens/ts/color-scheme/light.ts +119 -0
  23. package/src/tokens/ts/colors/default.ts +251 -0
  24. package/src/tokens/ts/density/comfortable.ts +102 -0
  25. package/src/tokens/ts/density/compact.ts +102 -0
  26. package/src/tokens/ts/density/relaxed.ts +102 -0
  27. package/src/tokens/ts/font/default.ts +18 -0
  28. package/src/tokens/ts/primitives/default.ts +171 -0
  29. package/src/tokens/ts/semantic/dark.ts +214 -0
  30. package/src/tokens/ts/semantic/light.ts +214 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equinor/eds-tokens",
3
- "version": "2.3.2",
3
+ "version": "3.0.0-beta.2",
4
4
  "description": "Design tokens for the Equinor Design System",
5
5
  "type": "module",
6
6
  "exports": {
@@ -19,7 +19,10 @@
19
19
  "./js/spacing/*": "./build/js/spacing/*.js",
20
20
  "./ts/color/*": "./build/ts/color/*.ts",
21
21
  "./ts/spacing/*": "./build/ts/spacing/*.ts",
22
- "./ts/typography/*": "./build/ts/typography/*.ts"
22
+ "./ts/typography/*": "./build/ts/typography/*.ts",
23
+ "./next/css/*": "./src/tokens/css/*",
24
+ "./next/dtcg/*": "./src/tokens/dtcg/*",
25
+ "./next/ts/*": "./src/tokens/ts/*"
23
26
  },
24
27
  "types": "./dist/types/index.d.ts",
25
28
  "main": "./dist/tokens.cjs",
@@ -43,7 +46,10 @@
43
46
  "commonjs/*",
44
47
  "instructions/*",
45
48
  "tokens.css",
46
- "elements.css"
49
+ "elements.css",
50
+ "src/tokens/css/*",
51
+ "src/tokens/dtcg/*",
52
+ "src/tokens/ts/*"
47
53
  ],
48
54
  "keywords": [
49
55
  "eds",
@@ -79,6 +85,7 @@
79
85
  "test": "vitest run",
80
86
  "test:watch": "vitest",
81
87
  "generate:ts-tokens": "node scripts/generate-ts-tokens.mjs",
88
+ "generate:css-bundle": "node scripts/generate-css-bundle.mjs",
82
89
  "prettier:check": "prettier --check src/",
83
90
  "build:variables:color-scheme": "build-color-scheme-variables",
84
91
  "build:variables:semantic:static": "build-semantic-static-variables",
package/src/tokens/css/color-scheme/dark.css ADDED
@@ -0,0 +1,100 @@
1
+ [data-color-scheme="dark"] {
2
+ --eds-accent-1: var(--eds-dark-moss-green-1);
3
+ --eds-accent-10: var(--eds-dark-moss-green-10);
4
+ --eds-accent-11: var(--eds-dark-moss-green-11);
5
+ --eds-accent-12: var(--eds-dark-moss-green-12);
6
+ --eds-accent-13: var(--eds-dark-moss-green-13);
7
+ --eds-accent-14: var(--eds-dark-moss-green-14);
8
+ --eds-accent-15: var(--eds-dark-moss-green-15);
9
+ --eds-accent-2: var(--eds-dark-moss-green-2);
10
+ --eds-accent-3: var(--eds-dark-moss-green-3);
11
+ --eds-accent-4: var(--eds-dark-moss-green-4);
12
+ --eds-accent-5: var(--eds-dark-moss-green-5);
13
+ --eds-accent-6: var(--eds-dark-moss-green-6);
14
+ --eds-accent-7: var(--eds-dark-moss-green-7);
15
+ --eds-accent-8: var(--eds-dark-moss-green-8);
16
+ --eds-accent-9: var(--eds-dark-moss-green-9);
17
+ --eds-bg-backdrop: var(--eds-dark-north-sea-7);
18
+ --eds-bg-disabled: var(--eds-neutral-3);
19
+ --eds-bg-floating: var(--eds-dark-north-sea-2);
20
+ --eds-bg-input: var(--eds-dark-north-sea-1);
21
+ --eds-border-disabled: var(--eds-neutral-7);
22
+ --eds-border-focus: var(--eds-dark-blue-7);
23
+ --eds-danger-1: var(--eds-dark-red-1);
24
+ --eds-danger-10: var(--eds-dark-red-10);
25
+ --eds-danger-11: var(--eds-dark-red-11);
26
+ --eds-danger-12: var(--eds-dark-red-12);
27
+ --eds-danger-13: var(--eds-dark-red-13);
28
+ --eds-danger-14: var(--eds-dark-red-14);
29
+ --eds-danger-15: var(--eds-dark-red-15);
30
+ --eds-danger-2: var(--eds-dark-red-2);
31
+ --eds-danger-3: var(--eds-dark-red-3);
32
+ --eds-danger-4: var(--eds-dark-red-4);
33
+ --eds-danger-5: var(--eds-dark-red-5);
34
+ --eds-danger-6: var(--eds-dark-red-6);
35
+ --eds-danger-7: var(--eds-dark-red-7);
36
+ --eds-danger-8: var(--eds-dark-red-8);
37
+ --eds-danger-9: var(--eds-dark-red-9);
38
+ --eds-info-1: var(--eds-dark-blue-1);
39
+ --eds-info-10: var(--eds-dark-blue-10);
40
+ --eds-info-11: var(--eds-dark-blue-11);
41
+ --eds-info-12: var(--eds-dark-blue-12);
42
+ --eds-info-13: var(--eds-dark-blue-13);
43
+ --eds-info-14: var(--eds-dark-blue-14);
44
+ --eds-info-15: var(--eds-dark-blue-15);
45
+ --eds-info-2: var(--eds-dark-blue-2);
46
+ --eds-info-3: var(--eds-dark-blue-3);
47
+ --eds-info-4: var(--eds-dark-blue-4);
48
+ --eds-info-5: var(--eds-dark-blue-5);
49
+ --eds-info-6: var(--eds-dark-blue-6);
50
+ --eds-info-7: var(--eds-dark-blue-7);
51
+ --eds-info-8: var(--eds-dark-blue-8);
52
+ --eds-info-9: var(--eds-dark-blue-9);
53
+ --eds-neutral-1: var(--eds-dark-north-sea-1);
54
+ --eds-neutral-10: var(--eds-dark-north-sea-10);
55
+ --eds-neutral-11: var(--eds-dark-north-sea-11);
56
+ --eds-neutral-12: var(--eds-dark-north-sea-12);
57
+ --eds-neutral-13: var(--eds-dark-north-sea-13);
58
+ --eds-neutral-14: var(--eds-dark-north-sea-14);
59
+ --eds-neutral-15: var(--eds-dark-north-sea-15);
60
+ --eds-neutral-2: var(--eds-dark-north-sea-2);
61
+ --eds-neutral-3: var(--eds-dark-north-sea-3);
62
+ --eds-neutral-4: var(--eds-dark-north-sea-4);
63
+ --eds-neutral-5: var(--eds-dark-north-sea-5);
64
+ --eds-neutral-6: var(--eds-dark-north-sea-6);
65
+ --eds-neutral-7: var(--eds-dark-north-sea-7);
66
+ --eds-neutral-8: var(--eds-dark-north-sea-8);
67
+ --eds-neutral-9: var(--eds-dark-north-sea-9);
68
+ --eds-success-1: var(--eds-dark-green-1);
69
+ --eds-success-10: var(--eds-dark-green-10);
70
+ --eds-success-11: var(--eds-dark-green-11);
71
+ --eds-success-12: var(--eds-dark-green-12);
72
+ --eds-success-13: var(--eds-dark-green-13);
73
+ --eds-success-14: var(--eds-dark-green-14);
74
+ --eds-success-15: var(--eds-dark-green-15);
75
+ --eds-success-2: var(--eds-dark-green-2);
76
+ --eds-success-3: var(--eds-dark-green-3);
77
+ --eds-success-4: var(--eds-dark-green-4);
78
+ --eds-success-5: var(--eds-dark-green-5);
79
+ --eds-success-6: var(--eds-dark-green-6);
80
+ --eds-success-7: var(--eds-dark-green-7);
81
+ --eds-success-8: var(--eds-dark-green-8);
82
+ --eds-success-9: var(--eds-dark-green-9);
83
+ --eds-text-disabled: var(--eds-neutral-7);
84
+ --eds-text-link: var(--eds-dark-blue-8);
85
+ --eds-warning-1: var(--eds-dark-orange-1);
86
+ --eds-warning-10: var(--eds-dark-orange-10);
87
+ --eds-warning-11: var(--eds-dark-orange-11);
88
+ --eds-warning-12: var(--eds-dark-orange-12);
89
+ --eds-warning-13: var(--eds-dark-orange-13);
90
+ --eds-warning-14: var(--eds-dark-orange-14);
91
+ --eds-warning-15: var(--eds-dark-orange-15);
92
+ --eds-warning-2: var(--eds-dark-orange-2);
93
+ --eds-warning-3: var(--eds-dark-orange-3);
94
+ --eds-warning-4: var(--eds-dark-orange-4);
95
+ --eds-warning-5: var(--eds-dark-orange-5);
96
+ --eds-warning-6: var(--eds-dark-orange-6);
97
+ --eds-warning-7: var(--eds-dark-orange-7);
98
+ --eds-warning-8: var(--eds-dark-orange-8);
99
+ --eds-warning-9: var(--eds-dark-orange-9);
100
+ }
package/src/tokens/css/color-scheme/light.css ADDED
@@ -0,0 +1,100 @@
1
+ [data-color-scheme="light"] {
2
+ --eds-accent-1: var(--eds-light-moss-green-1);
3
+ --eds-accent-10: var(--eds-light-moss-green-10);
4
+ --eds-accent-11: var(--eds-light-moss-green-11);
5
+ --eds-accent-12: var(--eds-light-moss-green-12);
6
+ --eds-accent-13: var(--eds-light-moss-green-13);
7
+ --eds-accent-14: var(--eds-light-moss-green-14);
8
+ --eds-accent-15: var(--eds-light-moss-green-15);
9
+ --eds-accent-2: var(--eds-light-moss-green-2);
10
+ --eds-accent-3: var(--eds-light-moss-green-3);
11
+ --eds-accent-4: var(--eds-light-moss-green-4);
12
+ --eds-accent-5: var(--eds-light-moss-green-5);
13
+ --eds-accent-6: var(--eds-light-moss-green-6);
14
+ --eds-accent-7: var(--eds-light-moss-green-7);
15
+ --eds-accent-8: var(--eds-light-moss-green-8);
16
+ --eds-accent-9: var(--eds-light-moss-green-9);
17
+ --eds-bg-backdrop: var(--eds-light-gray-7);
18
+ --eds-bg-disabled: var(--eds-neutral-3);
19
+ --eds-bg-floating: var(--eds-light-gray-2);
20
+ --eds-bg-input: var(--eds-light-gray-1);
21
+ --eds-border-disabled: var(--eds-neutral-7);
22
+ --eds-border-focus: var(--eds-light-blue-7);
23
+ --eds-danger-1: var(--eds-light-red-1);
24
+ --eds-danger-10: var(--eds-light-red-10);
25
+ --eds-danger-11: var(--eds-light-red-11);
26
+ --eds-danger-12: var(--eds-light-red-12);
27
+ --eds-danger-13: var(--eds-light-red-13);
28
+ --eds-danger-14: var(--eds-light-red-14);
29
+ --eds-danger-15: var(--eds-light-red-15);
30
+ --eds-danger-2: var(--eds-light-red-2);
31
+ --eds-danger-3: var(--eds-light-red-3);
32
+ --eds-danger-4: var(--eds-light-red-4);
33
+ --eds-danger-5: var(--eds-light-red-5);
34
+ --eds-danger-6: var(--eds-light-red-6);
35
+ --eds-danger-7: var(--eds-light-red-7);
36
+ --eds-danger-8: var(--eds-light-red-8);
37
+ --eds-danger-9: var(--eds-light-red-9);
38
+ --eds-info-1: var(--eds-light-blue-1);
39
+ --eds-info-10: var(--eds-light-blue-10);
40
+ --eds-info-11: var(--eds-light-blue-11);
41
+ --eds-info-12: var(--eds-light-blue-12);
42
+ --eds-info-13: var(--eds-light-blue-13);
43
+ --eds-info-14: var(--eds-light-blue-14);
44
+ --eds-info-15: var(--eds-light-blue-15);
45
+ --eds-info-2: var(--eds-light-blue-2);
46
+ --eds-info-3: var(--eds-light-blue-3);
47
+ --eds-info-4: var(--eds-light-blue-4);
48
+ --eds-info-5: var(--eds-light-blue-5);
49
+ --eds-info-6: var(--eds-light-blue-6);
50
+ --eds-info-7: var(--eds-light-blue-7);
51
+ --eds-info-8: var(--eds-light-blue-8);
52
+ --eds-info-9: var(--eds-light-blue-9);
53
+ --eds-neutral-1: var(--eds-light-gray-1);
54
+ --eds-neutral-10: var(--eds-light-gray-10);
55
+ --eds-neutral-11: var(--eds-light-gray-11);
56
+ --eds-neutral-12: var(--eds-light-gray-12);
57
+ --eds-neutral-13: var(--eds-light-gray-13);
58
+ --eds-neutral-14: var(--eds-light-gray-14);
59
+ --eds-neutral-15: var(--eds-light-gray-15);
60
+ --eds-neutral-2: var(--eds-light-gray-2);
61
+ --eds-neutral-3: var(--eds-light-gray-3);
62
+ --eds-neutral-4: var(--eds-light-gray-4);
63
+ --eds-neutral-5: var(--eds-light-gray-5);
64
+ --eds-neutral-6: var(--eds-light-gray-6);
65
+ --eds-neutral-7: var(--eds-light-gray-7);
66
+ --eds-neutral-8: var(--eds-light-gray-8);
67
+ --eds-neutral-9: var(--eds-light-gray-9);
68
+ --eds-success-1: var(--eds-light-green-1);
69
+ --eds-success-10: var(--eds-light-green-10);
70
+ --eds-success-11: var(--eds-light-green-11);
71
+ --eds-success-12: var(--eds-light-green-12);
72
+ --eds-success-13: var(--eds-light-green-13);
73
+ --eds-success-14: var(--eds-light-green-14);
74
+ --eds-success-15: var(--eds-light-green-15);
75
+ --eds-success-2: var(--eds-light-green-2);
76
+ --eds-success-3: var(--eds-light-green-3);
77
+ --eds-success-4: var(--eds-light-green-4);
78
+ --eds-success-5: var(--eds-light-green-5);
79
+ --eds-success-6: var(--eds-light-green-6);
80
+ --eds-success-7: var(--eds-light-green-7);
81
+ --eds-success-8: var(--eds-light-green-8);
82
+ --eds-success-9: var(--eds-light-green-9);
83
+ --eds-text-disabled: var(--eds-neutral-7);
84
+ --eds-text-link: var(--eds-light-blue-8);
85
+ --eds-warning-1: var(--eds-light-orange-1);
86
+ --eds-warning-10: var(--eds-light-orange-10);
87
+ --eds-warning-11: var(--eds-light-orange-11);
88
+ --eds-warning-12: var(--eds-light-orange-12);
89
+ --eds-warning-13: var(--eds-light-orange-13);
90
+ --eds-warning-14: var(--eds-light-orange-14);
91
+ --eds-warning-15: var(--eds-light-orange-15);
92
+ --eds-warning-2: var(--eds-light-orange-2);
93
+ --eds-warning-3: var(--eds-light-orange-3);
94
+ --eds-warning-4: var(--eds-light-orange-4);
95
+ --eds-warning-5: var(--eds-light-orange-5);
96
+ --eds-warning-6: var(--eds-light-orange-6);
97
+ --eds-warning-7: var(--eds-light-orange-7);
98
+ --eds-warning-8: var(--eds-light-orange-8);
99
+ --eds-warning-9: var(--eds-light-orange-9);
100
+ }
package/src/tokens/css/colors/default.css ADDED
@@ -0,0 +1,212 @@
1
+ :root {
2
+ --eds-dark-blue-1: oklch(0.19 0.0053 240.68);
3
+ --eds-dark-blue-10: oklch(0.88 0.0905 240.68);
4
+ --eds-dark-blue-11: oklch(0.93 0.0701 240.68);
5
+ --eds-dark-blue-12: oklch(0.91 0.0782 240.68);
6
+ --eds-dark-blue-13: oklch(0.99 0.0474 240.68);
7
+ --eds-dark-blue-14: oklch(0.33 0.0245 240.68);
8
+ --eds-dark-blue-15: oklch(0.1 0.0015 240.68);
9
+ --eds-dark-blue-2: oklch(0.226 0.0082 240.68);
10
+ --eds-dark-blue-3: oklch(0.47 0.0701 240.68);
11
+ --eds-dark-blue-4: oklch(0.52 0.0905 240.68);
12
+ --eds-dark-blue-5: oklch(0.58 0.1134 240.68);
13
+ --eds-dark-blue-6: oklch(0.47 0.0701 240.68);
14
+ --eds-dark-blue-7: oklch(0.61 0.1227 240.68);
15
+ --eds-dark-blue-8: oklch(0.76 0.1298 240.68);
16
+ --eds-dark-blue-9: oklch(0.82 0.1134 240.68);
17
+ --eds-dark-gray-1: oklch(0.19 0 0);
18
+ --eds-dark-gray-10: oklch(0.88 0 0);
19
+ --eds-dark-gray-11: oklch(0.93 0 0);
20
+ --eds-dark-gray-12: oklch(0.91 0 0);
21
+ --eds-dark-gray-13: oklch(0.99 0 0);
22
+ --eds-dark-gray-14: oklch(0.33 0 0);
23
+ --eds-dark-gray-15: oklch(0.1 0 0);
24
+ --eds-dark-gray-2: oklch(0.226 0 0);
25
+ --eds-dark-gray-3: oklch(0.47 0 0);
26
+ --eds-dark-gray-4: oklch(0.52 0 0);
27
+ --eds-dark-gray-5: oklch(0.58 0 0);
28
+ --eds-dark-gray-6: oklch(0.47 0 0);
29
+ --eds-dark-gray-7: oklch(0.61 0 0);
30
+ --eds-dark-gray-8: oklch(0.76 0 0);
31
+ --eds-dark-gray-9: oklch(0.82 0 0);
32
+ --eds-dark-green-1: oklch(0.19 0.0064 142.98);
33
+ --eds-dark-green-10: oklch(0.88 0.1107 142.98);
34
+ --eds-dark-green-11: oklch(0.93 0.0856 142.98);
35
+ --eds-dark-green-12: oklch(0.91 0.0956 142.98);
36
+ --eds-dark-green-13: oklch(0.99 0.058 142.98);
37
+ --eds-dark-green-14: oklch(0.33 0.03 142.98);
38
+ --eds-dark-green-15: oklch(0.1 0.0018 142.98);
39
+ --eds-dark-green-2: oklch(0.226 0.01 142.98);
40
+ --eds-dark-green-3: oklch(0.47 0.0856 142.98);
41
+ --eds-dark-green-4: oklch(0.52 0.1107 142.98);
42
+ --eds-dark-green-5: oklch(0.58 0.1386 142.98);
43
+ --eds-dark-green-6: oklch(0.47 0.0856 142.98);
44
+ --eds-dark-green-7: oklch(0.61 0.1499 142.98);
45
+ --eds-dark-green-8: oklch(0.76 0.1586 142.98);
46
+ --eds-dark-green-9: oklch(0.82 0.1386 142.98);
47
+ --eds-dark-moss-green-1: oklch(0.19 0.0033 204.55);
48
+ --eds-dark-moss-green-10: oklch(0.88 0.0566 204.55);
49
+ --eds-dark-moss-green-11: oklch(0.93 0.0438 204.55);
50
+ --eds-dark-moss-green-12: oklch(0.91 0.0489 204.55);
51
+ --eds-dark-moss-green-13: oklch(0.99 0.0297 204.55);
52
+ --eds-dark-moss-green-14: oklch(0.33 0.0153 204.55);
53
+ --eds-dark-moss-green-15: oklch(0.1 0.0009 204.55);
54
+ --eds-dark-moss-green-2: oklch(0.226 0.0051 204.55);
55
+ --eds-dark-moss-green-3: oklch(0.47 0.0438 204.55);
56
+ --eds-dark-moss-green-4: oklch(0.52 0.0566 204.55);
57
+ --eds-dark-moss-green-5: oklch(0.58 0.0709 204.55);
58
+ --eds-dark-moss-green-6: oklch(0.47 0.0438 204.55);
59
+ --eds-dark-moss-green-7: oklch(0.61 0.0767 204.55);
60
+ --eds-dark-moss-green-8: oklch(0.76 0.0811 204.55);
61
+ --eds-dark-moss-green-9: oklch(0.82 0.0709 204.55);
62
+ --eds-dark-north-sea-1: oklch(0.19 0.0014 242.96);
63
+ --eds-dark-north-sea-10: oklch(0.88 0.0242 242.96);
64
+ --eds-dark-north-sea-11: oklch(0.93 0.0187 242.96);
65
+ --eds-dark-north-sea-12: oklch(0.91 0.0209 242.96);
66
+ --eds-dark-north-sea-13: oklch(0.99 0.0127 242.96);
67
+ --eds-dark-north-sea-14: oklch(0.33 0.0066 242.96);
68
+ --eds-dark-north-sea-15: oklch(0.1 0.0004 242.96);
69
+ --eds-dark-north-sea-2: oklch(0.226 0.0022 242.96);
70
+ --eds-dark-north-sea-3: oklch(0.47 0.0187 242.96);
71
+ --eds-dark-north-sea-4: oklch(0.52 0.0242 242.96);
72
+ --eds-dark-north-sea-5: oklch(0.58 0.0303 242.96);
73
+ --eds-dark-north-sea-6: oklch(0.47 0.0187 242.96);
74
+ --eds-dark-north-sea-7: oklch(0.61 0.0328 242.96);
75
+ --eds-dark-north-sea-8: oklch(0.76 0.0347 242.96);
76
+ --eds-dark-north-sea-9: oklch(0.82 0.0303 242.96);
77
+ --eds-dark-orange-1: oklch(0.19 0.0064 58.74);
78
+ --eds-dark-orange-10: oklch(0.88 0.1098 58.74);
79
+ --eds-dark-orange-11: oklch(0.93 0.085 58.74);
80
+ --eds-dark-orange-12: oklch(0.91 0.0949 58.74);
81
+ --eds-dark-orange-13: oklch(0.99 0.0576 58.74);
82
+ --eds-dark-orange-14: oklch(0.33 0.0297 58.74);
83
+ --eds-dark-orange-15: oklch(0.1 0.0018 58.74);
84
+ --eds-dark-orange-2: oklch(0.226 0.0099 58.74);
85
+ --eds-dark-orange-3: oklch(0.47 0.085 58.74);
86
+ --eds-dark-orange-4: oklch(0.52 0.1098 58.74);
87
+ --eds-dark-orange-5: oklch(0.58 0.1376 58.74);
88
+ --eds-dark-orange-6: oklch(0.47 0.085 58.74);
89
+ --eds-dark-orange-7: oklch(0.61 0.1488 58.74);
90
+ --eds-dark-orange-8: oklch(0.76 0.1574 58.74);
91
+ --eds-dark-orange-9: oklch(0.82 0.1376 58.74);
92
+ --eds-dark-red-1: oklch(0.19 0.009 21.12);
93
+ --eds-dark-red-10: oklch(0.88 0.1543 21.12);
94
+ --eds-dark-red-11: oklch(0.93 0.1194 21.12);
95
+ --eds-dark-red-12: oklch(0.91 0.1333 21.12);
96
+ --eds-dark-red-13: oklch(0.99 0.0809 21.12);
97
+ --eds-dark-red-14: oklch(0.33 0.0418 21.12);
98
+ --eds-dark-red-15: oklch(0.1 0.0026 21.12);
99
+ --eds-dark-red-2: oklch(0.226 0.014 21.12);
100
+ --eds-dark-red-3: oklch(0.47 0.1194 21.12);
101
+ --eds-dark-red-4: oklch(0.52 0.1543 21.12);
102
+ --eds-dark-red-5: oklch(0.58 0.1933 21.12);
103
+ --eds-dark-red-6: oklch(0.47 0.1194 21.12);
104
+ --eds-dark-red-7: oklch(0.61 0.2091 21.12);
105
+ --eds-dark-red-8: oklch(0.76 0.2212 21.12);
106
+ --eds-dark-red-9: oklch(0.82 0.1933 21.12);
107
+ --eds-light-blue-1: oklch(0.98 0.0223 240.68);
108
+ --eds-light-blue-10: oklch(0.47 0.1099 240.68);
109
+ --eds-light-blue-11: oklch(0.42 0.0905 240.68);
110
+ --eds-light-blue-12: oklch(0.37 0.0701 240.68);
111
+ --eds-light-blue-13: oklch(0.32 0.0509 240.68);
112
+ --eds-light-blue-14: oklch(0.9 0.0441 240.68);
113
+ --eds-light-blue-15: oklch(1 0.0184 240.68);
114
+ --eds-light-blue-2: oklch(0.94 0.032 240.68);
115
+ --eds-light-blue-3: oklch(0.91 0.0408 240.68);
116
+ --eds-light-blue-4: oklch(0.87 0.0546 240.68);
117
+ --eds-light-blue-5: oklch(0.82 0.0741 240.68);
118
+ --eds-light-blue-6: oklch(0.77 0.0946 240.68);
119
+ --eds-light-blue-7: oklch(0.72 0.1134 240.68);
120
+ --eds-light-blue-8: oklch(0.62 0.1351 240.68);
121
+ --eds-light-blue-9: oklch(0.52 0.1253 240.68);
122
+ --eds-light-gray-1: oklch(0.98 0 0);
123
+ --eds-light-gray-10: oklch(0.47 0 0);
124
+ --eds-light-gray-11: oklch(0.42 0 0);
125
+ --eds-light-gray-12: oklch(0.37 0 0);
126
+ --eds-light-gray-13: oklch(0.32 0 0);
127
+ --eds-light-gray-14: oklch(0.9 0 0);
128
+ --eds-light-gray-15: oklch(1 0 0);
129
+ --eds-light-gray-2: oklch(0.94 0 0);
130
+ --eds-light-gray-3: oklch(0.91 0 0);
131
+ --eds-light-gray-4: oklch(0.87 0 0);
132
+ --eds-light-gray-5: oklch(0.82 0 0);
133
+ --eds-light-gray-6: oklch(0.77 0 0);
134
+ --eds-light-gray-7: oklch(0.72 0 0);
135
+ --eds-light-gray-8: oklch(0.62 0 0);
136
+ --eds-light-gray-9: oklch(0.52 0 0);
137
+ --eds-light-green-1: oklch(0.98 0.0273 142.98);
138
+ --eds-light-green-10: oklch(0.47 0.1343 142.98);
139
+ --eds-light-green-11: oklch(0.42 0.1107 142.98);
140
+ --eds-light-green-12: oklch(0.37 0.0856 142.98);
141
+ --eds-light-green-13: oklch(0.32 0.0623 142.98);
142
+ --eds-light-green-14: oklch(0.9 0.0539 142.98);
143
+ --eds-light-green-15: oklch(1 0.0225 142.98);
144
+ --eds-light-green-2: oklch(0.94 0.0391 142.98);
145
+ --eds-light-green-3: oklch(0.91 0.0499 142.98);
146
+ --eds-light-green-4: oklch(0.87 0.0667 142.98);
147
+ --eds-light-green-5: oklch(0.82 0.0906 142.98);
148
+ --eds-light-green-6: oklch(0.77 0.1156 142.98);
149
+ --eds-light-green-7: oklch(0.72 0.1386 142.98);
150
+ --eds-light-green-8: oklch(0.62 0.1651 142.98);
151
+ --eds-light-green-9: oklch(0.52 0.1531 142.98);
152
+ --eds-light-moss-green-1: oklch(0.98 0.014 204.55);
153
+ --eds-light-moss-green-10: oklch(0.47 0.0687 204.55);
154
+ --eds-light-moss-green-11: oklch(0.42 0.0566 204.55);
155
+ --eds-light-moss-green-12: oklch(0.37 0.0438 204.55);
156
+ --eds-light-moss-green-13: oklch(0.32 0.0318 204.55);
157
+ --eds-light-moss-green-14: oklch(0.9 0.0275 204.55);
158
+ --eds-light-moss-green-15: oklch(1 0.0115 204.55);
159
+ --eds-light-moss-green-2: oklch(0.94 0.02 204.55);
160
+ --eds-light-moss-green-3: oklch(0.91 0.0255 204.55);
161
+ --eds-light-moss-green-4: oklch(0.87 0.0341 204.55);
162
+ --eds-light-moss-green-5: oklch(0.82 0.0463 204.55);
163
+ --eds-light-moss-green-6: oklch(0.77 0.0591 204.55);
164
+ --eds-light-moss-green-7: oklch(0.72 0.0709 204.55);
165
+ --eds-light-moss-green-8: oklch(0.62 0.0844 204.55);
166
+ --eds-light-moss-green-9: oklch(0.52 0.0783 204.55);
167
+ --eds-light-north-sea-1: oklch(0.98 0.006 242.96);
168
+ --eds-light-north-sea-10: oklch(0.47 0.0294 242.96);
169
+ --eds-light-north-sea-11: oklch(0.42 0.0242 242.96);
170
+ --eds-light-north-sea-12: oklch(0.37 0.0187 242.96);
171
+ --eds-light-north-sea-13: oklch(0.32 0.0136 242.96);
172
+ --eds-light-north-sea-14: oklch(0.9 0.0118 242.96);
173
+ --eds-light-north-sea-15: oklch(1 0.0049 242.96);
174
+ --eds-light-north-sea-2: oklch(0.94 0.0086 242.96);
175
+ --eds-light-north-sea-3: oklch(0.91 0.0109 242.96);
176
+ --eds-light-north-sea-4: oklch(0.87 0.0146 242.96);
177
+ --eds-light-north-sea-5: oklch(0.82 0.0198 242.96);
178
+ --eds-light-north-sea-6: oklch(0.77 0.0253 242.96);
179
+ --eds-light-north-sea-7: oklch(0.72 0.0303 242.96);
180
+ --eds-light-north-sea-8: oklch(0.62 0.0361 242.96);
181
+ --eds-light-north-sea-9: oklch(0.52 0.0335 242.96);
182
+ --eds-light-orange-1: oklch(0.98 0.0271 58.74);
183
+ --eds-light-orange-10: oklch(0.47 0.1333 58.74);
184
+ --eds-light-orange-11: oklch(0.42 0.1098 58.74);
185
+ --eds-light-orange-12: oklch(0.37 0.085 58.74);
186
+ --eds-light-orange-13: oklch(0.32 0.0618 58.74);
187
+ --eds-light-orange-14: oklch(0.9 0.0535 58.74);
188
+ --eds-light-orange-15: oklch(1 0.0223 58.74);
189
+ --eds-light-orange-2: oklch(0.94 0.0388 58.74);
190
+ --eds-light-orange-3: oklch(0.91 0.0495 58.74);
191
+ --eds-light-orange-4: oklch(0.87 0.0662 58.74);
192
+ --eds-light-orange-5: oklch(0.82 0.0899 58.74);
193
+ --eds-light-orange-6: oklch(0.77 0.1148 58.74);
194
+ --eds-light-orange-7: oklch(0.72 0.1376 58.74);
195
+ --eds-light-orange-8: oklch(0.62 0.1639 58.74);
196
+ --eds-light-orange-9: oklch(0.52 0.152 58.74);
197
+ --eds-light-red-1: oklch(0.98 0.0381 21.12);
198
+ --eds-light-red-10: oklch(0.47 0.1873 21.12);
199
+ --eds-light-red-11: oklch(0.42 0.1543 21.12);
200
+ --eds-light-red-12: oklch(0.37 0.1194 21.12);
201
+ --eds-light-red-13: oklch(0.32 0.0868 21.12);
202
+ --eds-light-red-14: oklch(0.9 0.0751 21.12);
203
+ --eds-light-red-15: oklch(1 0.0313 21.12);
204
+ --eds-light-red-2: oklch(0.94 0.0546 21.12);
205
+ --eds-light-red-3: oklch(0.91 0.0696 21.12);
206
+ --eds-light-red-4: oklch(0.87 0.093 21.12);
207
+ --eds-light-red-5: oklch(0.82 0.1264 21.12);
208
+ --eds-light-red-6: oklch(0.77 0.1612 21.12);
209
+ --eds-light-red-7: oklch(0.72 0.1933 21.12);
210
+ --eds-light-red-8: oklch(0.62 0.2302 21.12);
211
+ --eds-light-red-9: oklch(0.52 0.2136 21.12);
212
+ }
package/src/tokens/css/density/comfortable.css ADDED
@@ -0,0 +1,51 @@
1
+ :root {
2
+ --eds-density-corner-radius-none: var(--eds-primitives-spacing-0);
3
+ --eds-density-corner-radius-pill: 9999px;
4
+ --eds-density-corner-radius-rounded: var(--eds-primitives-spacing-25);
5
+ --eds-density-corner-radius-rounded-outer: var(--eds-primitives-spacing-37);
6
+ --eds-density-spacing-2xl: var(--eds-primitives-spacing-175);
7
+ --eds-density-spacing-2xs: var(--eds-primitives-spacing-37);
8
+ --eds-density-spacing-3xl: var(--eds-primitives-spacing-200);
9
+ --eds-density-spacing-3xs: var(--eds-primitives-spacing-25);
10
+ --eds-density-spacing-4xs: var(--eds-primitives-spacing-12);
11
+ --eds-density-spacing-lg: var(--eds-primitives-spacing-125);
12
+ --eds-density-spacing-md: var(--eds-primitives-spacing-100);
13
+ --eds-density-spacing-none: var(--eds-primitives-spacing-0);
14
+ --eds-density-spacing-sm: var(--eds-primitives-spacing-75);
15
+ --eds-density-spacing-xl: var(--eds-primitives-spacing-150);
16
+ --eds-density-spacing-xs: var(--eds-primitives-spacing-50);
17
+ --eds-density-typography-header-2xl-font-size: var(--eds-primitives-type-scale-equinor-700-font-size);
18
+ --eds-density-typography-header-2xl-line-height: var(--eds-primitives-lineheight-scale-700-default);
19
+ --eds-density-typography-header-3xl-font-size: var(--eds-primitives-type-scale-equinor-700-font-size);
20
+ --eds-density-typography-header-3xl-line-height: var(--eds-primitives-lineheight-scale-800-default);
21
+ --eds-density-typography-header-4xl-font-size: var(--eds-primitives-type-scale-equinor-900-font-size);
22
+ --eds-density-typography-header-4xl-line-height: var(--eds-primitives-lineheight-scale-800-default);
23
+ --eds-density-typography-header-lg-font-size: var(--eds-primitives-type-scale-equinor-500-font-size);
24
+ --eds-density-typography-header-lg-line-height: var(--eds-primitives-lineheight-scale-500-default);
25
+ --eds-density-typography-header-md-font-size: var(--eds-primitives-type-scale-equinor-400-font-size);
26
+ --eds-density-typography-header-md-line-height: var(--eds-primitives-lineheight-scale-400-default);
27
+ --eds-density-typography-header-sm-font-size: var(--eds-primitives-type-scale-equinor-300-font-size);
28
+ --eds-density-typography-header-sm-line-height: var(--eds-primitives-lineheight-scale-200-default);
29
+ --eds-density-typography-header-xl-font-size: var(--eds-primitives-type-scale-equinor-600-font-size);
30
+ --eds-density-typography-header-xl-line-height: var(--eds-primitives-lineheight-scale-500-default);
31
+ --eds-density-typography-header-xs-font-size: var(--eds-primitives-type-scale-equinor-200-font-size);
32
+ --eds-density-typography-header-xs-line-height: var(--eds-primitives-lineheight-scale-200-default);
33
+ --eds-density-typography-ui-2xl-font-size: var(--eds-primitives-type-scale-inter-700-font-size);
34
+ --eds-density-typography-ui-2xl-line-height: var(--eds-primitives-lineheight-scale-700-default);
35
+ --eds-density-typography-ui-3xl-font-size: var(--eds-primitives-type-scale-inter-800-font-size);
36
+ --eds-density-typography-ui-3xl-line-height: var(--eds-primitives-lineheight-scale-800-default);
37
+ --eds-density-typography-ui-4xl-font-size: var(--eds-primitives-type-scale-inter-900-font-size);
38
+ --eds-density-typography-ui-4xl-line-height: var(--eds-primitives-lineheight-scale-800-default);
39
+ --eds-density-typography-ui-5xl-font-size: var(--eds-primitives-type-scale-inter-1000-font-size);
40
+ --eds-density-typography-ui-5xl-line-height: var(--eds-primitives-lineheight-scale-1000-default);
41
+ --eds-density-typography-ui-lg-font-size: var(--eds-primitives-type-scale-inter-500-font-size);
42
+ --eds-density-typography-ui-lg-line-height: var(--eds-primitives-lineheight-scale-500-default);
43
+ --eds-density-typography-ui-md-font-size: var(--eds-primitives-type-scale-inter-400-font-size);
44
+ --eds-density-typography-ui-md-line-height: var(--eds-primitives-lineheight-scale-400-default);
45
+ --eds-density-typography-ui-sm-font-size: var(--eds-primitives-type-scale-inter-300-font-size);
46
+ --eds-density-typography-ui-sm-line-height: var(--eds-primitives-lineheight-scale-200-default);
47
+ --eds-density-typography-ui-xl-font-size: var(--eds-primitives-type-scale-inter-600-font-size);
48
+ --eds-density-typography-ui-xl-line-height: var(--eds-primitives-lineheight-scale-500-default);
49
+ --eds-density-typography-ui-xs-font-size: var(--eds-primitives-type-scale-inter-200-font-size);
50
+ --eds-density-typography-ui-xs-line-height: var(--eds-primitives-lineheight-scale-200-default);
51
+ }
package/src/tokens/css/density/compact.css ADDED
@@ -0,0 +1,51 @@
1
+ [data-density="compact"] {
2
+ --eds-density-corner-radius-none: var(--eds-primitives-spacing-0);
3
+ --eds-density-corner-radius-pill: 9999px;
4
+ --eds-density-corner-radius-rounded: var(--eds-primitives-spacing-12);
5
+ --eds-density-corner-radius-rounded-outer: var(--eds-primitives-spacing-25);
6
+ --eds-density-spacing-2xl: var(--eds-primitives-spacing-150);
7
+ --eds-density-spacing-2xs: var(--eds-primitives-spacing-25);
8
+ --eds-density-spacing-3xl: var(--eds-primitives-spacing-175);
9
+ --eds-density-spacing-3xs: var(--eds-primitives-spacing-12);
10
+ --eds-density-spacing-4xs: var(--eds-primitives-spacing-6);
11
+ --eds-density-spacing-lg: var(--eds-primitives-spacing-100);
12
+ --eds-density-spacing-md: var(--eds-primitives-spacing-75);
13
+ --eds-density-spacing-none: var(--eds-primitives-spacing-0);
14
+ --eds-density-spacing-sm: var(--eds-primitives-spacing-62);
15
+ --eds-density-spacing-xl: var(--eds-primitives-spacing-125);
16
+ --eds-density-spacing-xs: var(--eds-primitives-spacing-37);
17
+ --eds-density-typography-header-2xl-font-size: var(--eds-primitives-type-scale-equinor-600-font-size);
18
+ --eds-density-typography-header-2xl-line-height: var(--eds-primitives-lineheight-scale-500-default);
19
+ --eds-density-typography-header-3xl-font-size: var(--eds-primitives-type-scale-equinor-700-font-size);
20
+ --eds-density-typography-header-3xl-line-height: var(--eds-primitives-lineheight-scale-700-default);
21
+ --eds-density-typography-header-4xl-font-size: var(--eds-primitives-type-scale-equinor-800-font-size);
22
+ --eds-density-typography-header-4xl-line-height: var(--eds-primitives-lineheight-scale-800-default);
23
+ --eds-density-typography-header-lg-font-size: var(--eds-primitives-type-scale-equinor-400-font-size);
24
+ --eds-density-typography-header-lg-line-height: var(--eds-primitives-lineheight-scale-400-default);
25
+ --eds-density-typography-header-md-font-size: var(--eds-primitives-type-scale-equinor-300-font-size);
26
+ --eds-density-typography-header-md-line-height: var(--eds-primitives-lineheight-scale-200-default);
27
+ --eds-density-typography-header-sm-font-size: var(--eds-primitives-type-scale-equinor-200-font-size);
28
+ --eds-density-typography-header-sm-line-height: var(--eds-primitives-lineheight-scale-200-default);
29
+ --eds-density-typography-header-xl-font-size: var(--eds-primitives-type-scale-equinor-500-font-size);
30
+ --eds-density-typography-header-xl-line-height: var(--eds-primitives-lineheight-scale-500-default);
31
+ --eds-density-typography-header-xs-font-size: var(--eds-primitives-type-scale-equinor-100-font-size);
32
+ --eds-density-typography-header-xs-line-height: var(--eds-primitives-lineheight-scale-100-default);
33
+ --eds-density-typography-ui-2xl-font-size: var(--eds-primitives-type-scale-inter-600-font-size);
34
+ --eds-density-typography-ui-2xl-line-height: var(--eds-primitives-lineheight-scale-500-default);
35
+ --eds-density-typography-ui-3xl-font-size: var(--eds-primitives-type-scale-inter-700-font-size);
36
+ --eds-density-typography-ui-3xl-line-height: var(--eds-primitives-lineheight-scale-700-default);
37
+ --eds-density-typography-ui-4xl-font-size: var(--eds-primitives-type-scale-inter-800-font-size);
38
+ --eds-density-typography-ui-4xl-line-height: var(--eds-primitives-lineheight-scale-800-default);
39
+ --eds-density-typography-ui-5xl-font-size: var(--eds-primitives-type-scale-inter-900-font-size);
40
+ --eds-density-typography-ui-5xl-line-height: var(--eds-primitives-lineheight-scale-800-default);
41
+ --eds-density-typography-ui-lg-font-size: var(--eds-primitives-type-scale-inter-400-font-size);
42
+ --eds-density-typography-ui-lg-line-height: var(--eds-primitives-lineheight-scale-400-default);
43
+ --eds-density-typography-ui-md-font-size: var(--eds-primitives-type-scale-inter-300-font-size);
44
+ --eds-density-typography-ui-md-line-height: var(--eds-primitives-lineheight-scale-200-default);
45
+ --eds-density-typography-ui-sm-font-size: var(--eds-primitives-type-scale-inter-200-font-size);
46
+ --eds-density-typography-ui-sm-line-height: var(--eds-primitives-lineheight-scale-200-default);
47
+ --eds-density-typography-ui-xl-font-size: var(--eds-primitives-type-scale-inter-500-font-size);
48
+ --eds-density-typography-ui-xl-line-height: var(--eds-primitives-lineheight-scale-500-default);
49
+ --eds-density-typography-ui-xs-font-size: var(--eds-primitives-type-scale-inter-100-font-size);
50
+ --eds-density-typography-ui-xs-line-height: var(--eds-primitives-lineheight-scale-100-default);
51
+ }
package/src/tokens/css/density/relaxed.css ADDED
@@ -0,0 +1,51 @@
1
+ [data-density="relaxed"] {
2
+ --eds-density-corner-radius-none: var(--eds-primitives-spacing-0);
3
+ --eds-density-corner-radius-pill: 9999px;
4
+ --eds-density-corner-radius-rounded: var(--eds-primitives-spacing-37);
5
+ --eds-density-corner-radius-rounded-outer: var(--eds-primitives-spacing-50);
6
+ --eds-density-spacing-2xl: var(--eds-primitives-spacing-200);
7
+ --eds-density-spacing-2xs: var(--eds-primitives-spacing-50);
8
+ --eds-density-spacing-3xl: var(--eds-primitives-spacing-225);
9
+ --eds-density-spacing-3xs: var(--eds-primitives-spacing-37);
10
+ --eds-density-spacing-4xs: var(--eds-primitives-spacing-25);
11
+ --eds-density-spacing-lg: var(--eds-primitives-spacing-150);
12
+ --eds-density-spacing-md: var(--eds-primitives-spacing-125);
13
+ --eds-density-spacing-none: var(--eds-primitives-spacing-0);
14
+ --eds-density-spacing-sm: var(--eds-primitives-spacing-100);
15
+ --eds-density-spacing-xl: var(--eds-primitives-spacing-175);
16
+ --eds-density-spacing-xs: var(--eds-primitives-spacing-62);
17
+ --eds-density-typography-header-2xl-font-size: var(--eds-primitives-type-scale-equinor-800-font-size);
18
+ --eds-density-typography-header-2xl-line-height: var(--eds-primitives-lineheight-scale-800-default);
19
+ --eds-density-typography-header-3xl-font-size: var(--eds-primitives-type-scale-equinor-900-font-size);
20
+ --eds-density-typography-header-3xl-line-height: var(--eds-primitives-lineheight-scale-800-default);
21
+ --eds-density-typography-header-4xl-font-size: var(--eds-primitives-type-scale-equinor-1000-font-size);
22
+ --eds-density-typography-header-4xl-line-height: var(--eds-primitives-lineheight-scale-1000-default);
23
+ --eds-density-typography-header-lg-font-size: var(--eds-primitives-type-scale-equinor-600-font-size);
24
+ --eds-density-typography-header-lg-line-height: var(--eds-primitives-lineheight-scale-500-default);
25
+ --eds-density-typography-header-md-font-size: var(--eds-primitives-type-scale-equinor-500-font-size);
26
+ --eds-density-typography-header-md-line-height: var(--eds-primitives-lineheight-scale-500-default);
27
+ --eds-density-typography-header-sm-font-size: var(--eds-primitives-type-scale-equinor-400-font-size);
28
+ --eds-density-typography-header-sm-line-height: var(--eds-primitives-lineheight-scale-400-default);
29
+ --eds-density-typography-header-xl-font-size: var(--eds-primitives-type-scale-equinor-700-font-size);
30
+ --eds-density-typography-header-xl-line-height: var(--eds-primitives-lineheight-scale-700-default);
31
+ --eds-density-typography-header-xs-font-size: var(--eds-primitives-type-scale-equinor-300-font-size);
32
+ --eds-density-typography-header-xs-line-height: var(--eds-primitives-lineheight-scale-200-default);
33
+ --eds-density-typography-ui-2xl-font-size: var(--eds-primitives-type-scale-inter-800-font-size);
34
+ --eds-density-typography-ui-2xl-line-height: var(--eds-primitives-lineheight-scale-800-default);
35
+ --eds-density-typography-ui-3xl-font-size: var(--eds-primitives-type-scale-inter-900-font-size);
36
+ --eds-density-typography-ui-3xl-line-height: var(--eds-primitives-lineheight-scale-800-default);
37
+ --eds-density-typography-ui-4xl-font-size: var(--eds-primitives-type-scale-inter-1000-font-size);
38
+ --eds-density-typography-ui-4xl-line-height: var(--eds-primitives-lineheight-scale-1000-default);
39
+ --eds-density-typography-ui-5xl-font-size: var(--eds-primitives-type-scale-inter-1100-font-size);
40
+ --eds-density-typography-ui-5xl-line-height: var(--eds-primitives-lineheight-scale-1100-default);
41
+ --eds-density-typography-ui-lg-font-size: var(--eds-primitives-type-scale-inter-600-font-size);
42
+ --eds-density-typography-ui-lg-line-height: var(--eds-primitives-lineheight-scale-500-default);
43
+ --eds-density-typography-ui-md-font-size: var(--eds-primitives-type-scale-inter-500-font-size);
44
+ --eds-density-typography-ui-md-line-height: var(--eds-primitives-lineheight-scale-500-default);
45
+ --eds-density-typography-ui-sm-font-size: var(--eds-primitives-type-scale-inter-400-font-size);
46
+ --eds-density-typography-ui-sm-line-height: var(--eds-primitives-lineheight-scale-400-default);
47
+ --eds-density-typography-ui-xl-font-size: var(--eds-primitives-type-scale-inter-700-font-size);
48
+ --eds-density-typography-ui-xl-line-height: var(--eds-primitives-lineheight-scale-700-default);
49
+ --eds-density-typography-ui-xs-font-size: var(--eds-primitives-type-scale-inter-300-font-size);
50
+ --eds-density-typography-ui-xs-line-height: var(--eds-primitives-lineheight-scale-200-default);
51
+ }
package/src/tokens/css/font/default.css ADDED
@@ -0,0 +1,7 @@
1
+ :root {
2
+ --eds-family-header: Equinor;
3
+ --eds-family-ui: Inter;
4
+ --eds-weight-bolder: var(--eds-primitives-weight-scale-bolder);
5
+ --eds-weight-lighter: var(--eds-primitives-weight-scale-lighter);
6
+ --eds-weight-normal: var(--eds-primitives-weight-scale-normal);
7
+ }