@equinor/eds-tokens 2.3.2 → 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.
- package/README.md +6 -24
- package/dist/esm/base/index.mjs +0 -7
- package/dist/tokens.cjs +0 -7
- package/dist/types/base/index.d.ts +0 -7
- package/package.json +13 -7
- package/src/tokens/css/color-scheme/dark.css +100 -0
- package/src/tokens/css/color-scheme/light.css +100 -0
- package/src/tokens/css/colors/default.css +212 -0
- package/src/tokens/css/density/comfortable.css +51 -0
- package/src/tokens/css/density/compact.css +51 -0
- package/src/tokens/css/density/relaxed.css +51 -0
- package/src/tokens/css/font/default.css +7 -0
- package/src/tokens/css/primitives/default.css +84 -0
- package/src/tokens/css/semantic/default.css +115 -0
- package/src/tokens/dtcg/color-scheme/dark.json +1092 -0
- package/src/tokens/dtcg/color-scheme/light.json +1092 -0
- package/src/tokens/dtcg/colors/default.json +2344 -0
- package/src/tokens/dtcg/density/comfortable.json +748 -0
- package/src/tokens/dtcg/density/compact.json +748 -0
- package/src/tokens/dtcg/density/relaxed.json +748 -0
- package/src/tokens/dtcg/font/default.json +76 -0
- package/src/tokens/dtcg/primitives/default.json +1181 -0
- package/src/tokens/dtcg/semantic/default.json +1667 -0
- package/src/tokens/ts/color-scheme/dark.ts +119 -0
- package/src/tokens/ts/color-scheme/light.ts +119 -0
- package/src/tokens/ts/colors/default.ts +251 -0
- package/src/tokens/ts/density/comfortable.ts +102 -0
- package/src/tokens/ts/density/compact.ts +102 -0
- package/src/tokens/ts/density/relaxed.ts +102 -0
- package/src/tokens/ts/font/default.ts +18 -0
- package/src/tokens/ts/primitives/default.ts +171 -0
- package/src/tokens/ts/semantic/dark.ts +214 -0
- package/src/tokens/ts/semantic/light.ts +214 -0
package/README.md
CHANGED
|
@@ -13,32 +13,14 @@ pnpm add @equinor/eds-tokens
|
|
|
13
13
|
|
|
14
14
|
## Usage
|
|
15
15
|
|
|
16
|
-
> **⚠️ Transition notice.** The token structure in this package is being
|
|
17
|
-
> replaced. The replacement is developed on the beta line
|
|
18
|
-
> (`@equinor/eds-tokens@beta`) and ships as the next major release.
|
|
19
|
-
>
|
|
20
|
-
> * **Need tokens today?** Use the CSS variables — they are the supported
|
|
21
|
-
> option for production and keep working throughout 2.x. Expect the
|
|
22
|
-
> variable names to change in the next major release; keeping direct
|
|
23
|
-
> variable references few and centralised will make that migration cheap.
|
|
24
|
-
> * **Do not** adopt the legacy `tokens` JavaScript object in new code — it
|
|
25
|
-
> is deprecated and will be removed in the next major release.
|
|
26
|
-
> * The beta line is for testing and feedback, not production use.
|
|
27
|
-
|
|
28
16
|
The package provides two token systems:
|
|
29
17
|
|
|
30
|
-
* **CSS Variables** --
|
|
31
|
-
* **Legacy Tokens** -- Original token format
|
|
18
|
+
* **CSS Variables (Recommended)** -- Modern, theme-aware design tokens synced from Figma
|
|
19
|
+
* **Legacy Tokens** -- Original token format, still supported for backward compatibility
|
|
32
20
|
|
|
33
21
|
---
|
|
34
22
|
|
|
35
|
-
## CSS Variables
|
|
36
|
-
|
|
37
|
-
> These `--eds-*` variables will be replaced by the new token structure in
|
|
38
|
-
> the next major release. They remain the supported way to consume EDS
|
|
39
|
-
> tokens today (`@equinor/eds-core-react` 2.x requires `css/variables`) —
|
|
40
|
-
> just keep direct variable references organised so the rename in the next
|
|
41
|
-
> major is easy to absorb.
|
|
23
|
+
## CSS Variables (Recommended)
|
|
42
24
|
|
|
43
25
|
The new token system uses CSS custom properties that automatically adapt to light and dark color schemes via explicit `[data-color-scheme]` scope rules with a `prefers-color-scheme` media-query fallback. These tokens are directly synced from Figma variables.
|
|
44
26
|
|
|
@@ -327,9 +309,9 @@ These utilities use modern CSS features (`text-box-trim`) and gracefully degrade
|
|
|
327
309
|
|
|
328
310
|
---
|
|
329
311
|
|
|
330
|
-
## Legacy Tokens (
|
|
312
|
+
## Legacy Tokens (Backward Compatible)
|
|
331
313
|
|
|
332
|
-
|
|
314
|
+
The original token format is still available for existing applications. These tokens use a structured JavaScript object format.
|
|
333
315
|
|
|
334
316
|
### Using Legacy Tokens in JavaScript/TypeScript
|
|
335
317
|
|
|
@@ -352,7 +334,7 @@ const typography = tokens.typography.heading.h1
|
|
|
352
334
|
* Interaction states
|
|
353
335
|
* Typography (`ot`, `woff` or `woff2` font required)
|
|
354
336
|
|
|
355
|
-
>
|
|
337
|
+
> We recommend migrating to CSS Variables for new projects to benefit from automatic theme support and better performance.
|
|
356
338
|
|
|
357
339
|
[design tokens]: https://css-tricks.com/what-are-design-tokens/
|
|
358
340
|
|
package/dist/esm/base/index.mjs
CHANGED
|
@@ -6,13 +6,6 @@ import { shape } from './shape.mjs';
|
|
|
6
6
|
import { typography } from './typography.mjs';
|
|
7
7
|
import { spacings } from './spacings.mjs';
|
|
8
8
|
|
|
9
|
-
/**
|
|
10
|
-
* @deprecated Do not use in new code — this legacy token object will be
|
|
11
|
-
* removed in the next major release. If you need tokens today, use the CSS
|
|
12
|
-
* variables (`@equinor/eds-tokens/css/variables`); the long-term
|
|
13
|
-
* replacement is the new token structure on the beta line
|
|
14
|
-
* (`@equinor/eds-tokens@beta`).
|
|
15
|
-
*/
|
|
16
9
|
const tokens = {
|
|
17
10
|
clickbounds,
|
|
18
11
|
colors,
|
package/dist/tokens.cjs
CHANGED
|
@@ -996,13 +996,6 @@ const spacings = {
|
|
|
996
996
|
}
|
|
997
997
|
};
|
|
998
998
|
|
|
999
|
-
/**
|
|
1000
|
-
* @deprecated Do not use in new code — this legacy token object will be
|
|
1001
|
-
* removed in the next major release. If you need tokens today, use the CSS
|
|
1002
|
-
* variables (`@equinor/eds-tokens/css/variables`); the long-term
|
|
1003
|
-
* replacement is the new token structure on the beta line
|
|
1004
|
-
* (`@equinor/eds-tokens@beta`).
|
|
1005
|
-
*/
|
|
1006
999
|
const tokens = {
|
|
1007
1000
|
clickbounds,
|
|
1008
1001
|
colors,
|
|
@@ -1,10 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @deprecated Do not use in new code — this legacy token object will be
|
|
3
|
-
* removed in the next major release. If you need tokens today, use the CSS
|
|
4
|
-
* variables (`@equinor/eds-tokens/css/variables`); the long-term
|
|
5
|
-
* replacement is the new token structure on the beta line
|
|
6
|
-
* (`@equinor/eds-tokens@beta`).
|
|
7
|
-
*/
|
|
8
1
|
export declare const tokens: {
|
|
9
2
|
clickbounds: {
|
|
10
3
|
jumbo__base: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@equinor/eds-tokens",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0-beta.1",
|
|
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",
|
|
@@ -59,18 +65,18 @@
|
|
|
59
65
|
"@types/node": "^25.5.2",
|
|
60
66
|
"copyfiles": "^2.4.1",
|
|
61
67
|
"lightningcss-cli": "^1.32.0",
|
|
62
|
-
"prettier": "3.9.
|
|
68
|
+
"prettier": "3.9.4",
|
|
63
69
|
"rimraf": "^6.1.3",
|
|
64
70
|
"rollup": "^4.62.2",
|
|
65
71
|
"rollup-plugin-delete": "^3.0.2",
|
|
66
72
|
"style-dictionary": "^5.5.0",
|
|
67
73
|
"style-dictionary-utils": "^6.0.1",
|
|
68
74
|
"typescript": "^5.9.3",
|
|
69
|
-
"vite": "^8.1.
|
|
75
|
+
"vite": "^8.1.3",
|
|
70
76
|
"vitest": "^4.1.10",
|
|
71
77
|
"@equinor/eds-tokens-build": "^1.1.0",
|
|
72
|
-
"@equinor/eds-
|
|
73
|
-
"@equinor/eds-
|
|
78
|
+
"@equinor/eds-color-palette-generator": "^0.1.0",
|
|
79
|
+
"@equinor/eds-tokens-sync": "^1.0.0"
|
|
74
80
|
},
|
|
75
81
|
"scripts": {
|
|
76
82
|
"build": "rollup -c && pnpm run types",
|
|
@@ -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
|
+
}
|
|
@@ -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
|
+
}
|
|
@@ -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
|
+
}
|
|
@@ -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
|
+
}
|