@equinor/eds-tokens 1.1.2 → 1.1.4
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 +38 -0
- package/build/css/color/color-scheme/color-scheme.css +2 -2
- package/build/css/color/color-scheme/dark-color-scheme-trimmed.css +1 -1
- package/build/css/color/color-scheme/dark-semantic-trimmed.css +1 -1
- package/build/css/color/color-scheme/light-color-scheme-trimmed.css +1 -1
- package/build/css/color/color-scheme/light-semantic-trimmed.css +1 -1
- package/build/css/spacing/comfortable-trimmed.css +21 -21
- package/build/css/spacing/comfortable-verbose.css +21 -21
- package/build/css/spacing/primitives-trimmed.css +22 -22
- package/build/css/spacing/spacing-trimmed.css +21 -21
- package/build/css/spacing/spacing-verbose.css +21 -21
- package/build/css/spacing/spacious-trimmed.css +21 -21
- package/build/css/spacing/spacious-verbose.css +21 -21
- package/build/css/variables.css +23 -23
- package/build/css/variables.min.css +1 -1
- package/build/js/color/color-scheme/dark-color-scheme.js +1 -1
- package/build/js/color/color-scheme/dark-semantic.js +1 -1
- package/build/js/color/color-scheme/light-color-scheme.js +1 -1
- package/build/js/color/color-scheme/light-semantic.js +1 -1
- package/build/js/color/dynamic/semantic-danger.js +1 -1
- package/build/js/color/static/semantic.js +1 -1
- package/build/js/spacing/comfortable.d.ts +21 -21
- package/build/js/spacing/comfortable.js +21 -21
- package/build/js/spacing/primitives.d.ts +22 -22
- package/build/js/spacing/primitives.js +22 -22
- package/build/js/spacing/spacious.d.ts +21 -21
- package/build/js/spacing/spacious.js +21 -21
- package/build/json/color/color-scheme/flat/dark-color-scheme.json +1 -1
- package/build/json/color/color-scheme/flat/dark-semantic.json +1 -1
- package/build/json/color/color-scheme/flat/light-color-scheme.json +1 -1
- package/build/json/color/color-scheme/flat/light-semantic.json +1 -1
- package/build/json/color/color-scheme/nested/dark-color-scheme.json +1 -1
- package/build/json/color/color-scheme/nested/dark-semantic.json +1 -1
- package/build/json/color/color-scheme/nested/light-color-scheme.json +1 -1
- package/build/json/color/color-scheme/nested/light-semantic.json +1 -1
- package/build/json/color/dynamic/flat/semantic-danger.json +1 -1
- package/build/json/color/dynamic/nested/semantic-danger.json +1 -1
- package/build/json/color/static/flat/semantic.json +1 -1
- package/build/json/color/static/nested/semantic.json +1 -1
- package/build/json/spacing/flat/comfortable.json +21 -21
- package/build/json/spacing/flat/primitives.json +22 -22
- package/build/json/spacing/flat/spacious.json +21 -21
- package/build/json/spacing/nested/comfortable.json +21 -21
- package/build/json/spacing/nested/primitives.json +22 -22
- package/build/json/spacing/nested/spacious.json +21 -21
- package/instructions/colors-dynamic.md +114 -0
- package/instructions/colors-static.md +80 -0
- package/instructions/colors.md +123 -0
- package/package.json +16 -16
package/README.md
CHANGED
|
@@ -2,6 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
[Design tokens] used in the <abbr title="Equinor Design System">EDS</abbr>, including colors, spacing, typography, and more. These tokens are synchronized with Figma variables and provide a single source of truth for design decisions across the design system.
|
|
4
4
|
|
|
5
|
+
|
|
6
|
+
> For <abbr title="Large Language Model">LLM</abbr> instructions on using colors, see the [instructions/colors.md](./instructions/colors.md), or jump directly to the [static](./instructions/colors-static.md) or [dynamic](./instructions/colors-dynamic.md) instructions.
|
|
7
|
+
|
|
5
8
|
## Installation
|
|
6
9
|
|
|
7
10
|
```sh
|
|
@@ -91,6 +94,41 @@ const padding = comfortableSpacing.SPACING_INLINE_MD
|
|
|
91
94
|
const borderRadius = comfortableSpacing.SPACING_BORDER_RADIUS_ROUNDED
|
|
92
95
|
```
|
|
93
96
|
|
|
97
|
+
### Importing variables as JSON
|
|
98
|
+
|
|
99
|
+
The variables are available in two formats:
|
|
100
|
+
|
|
101
|
+
* **Flat format** (`/flat/`) -- Simple key-value pairs for easy access
|
|
102
|
+
* **Nested format** (`/nested/`) -- Hierarchical structure matching the token naming
|
|
103
|
+
|
|
104
|
+
* The semantic color tokens are available for light and dark color schemes.
|
|
105
|
+
|
|
106
|
+
* `light-semantic.json` / `dark-semantic.json` -- Semantic color tokens for each color scheme
|
|
107
|
+
|
|
108
|
+
#### Flat Format
|
|
109
|
+
|
|
110
|
+
```typescript
|
|
111
|
+
// Import flat format tokens
|
|
112
|
+
import lightSemanticFlat from '@equinor/eds-tokens/json/color/color-scheme/flat/light-semantic.json'
|
|
113
|
+
import darkSemanticFlat from '@equinor/eds-tokens/json/color/color-scheme/flat/dark-semantic.json'
|
|
114
|
+
|
|
115
|
+
// Access values directly
|
|
116
|
+
const lightSurface = lightSemanticFlat['bg-neutral-surface'] // "#ffffff"
|
|
117
|
+
const darkSurface = darkSemanticFlat['bg-neutral-surface'] // "#262626"
|
|
118
|
+
```
|
|
119
|
+
|
|
120
|
+
#### Nested Format
|
|
121
|
+
|
|
122
|
+
```typescript
|
|
123
|
+
// Import nested format tokens
|
|
124
|
+
import lightSemanticNested from '@equinor/eds-tokens/json/color/color-scheme/nested/light-semantic.json'
|
|
125
|
+
import darkSemanticNested from '@equinor/eds-tokens/json/color/color-scheme/nested/dark-semantic.json'
|
|
126
|
+
|
|
127
|
+
// Access values via hierarchical structure
|
|
128
|
+
const lightSurface = lightSemanticNested.bg.neutral.surface // "#ffffff"
|
|
129
|
+
const darkSurface = darkSemanticNested.bg.neutral.surface // "#262626"
|
|
130
|
+
```
|
|
131
|
+
|
|
94
132
|
### Available Token Categories
|
|
95
133
|
|
|
96
134
|
* **Colors** -- Semantic color tokens for backgrounds, text, borders, and states
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
--eds-color-success-4: light-dark(#bbe0b8, #3e793c);
|
|
69
69
|
--eds-color-success-5: light-dark(#a2d49e, #418e3e);
|
|
70
70
|
--eds-color-success-6: light-dark(#bbe0b8, #3c673a);
|
|
71
|
-
--eds-color-success-7: light-dark(#7cc278, #
|
|
71
|
+
--eds-color-success-7: light-dark(#7cc278, #439941);
|
|
72
72
|
--eds-color-success-8: light-dark(#227e22, #6eca6a);
|
|
73
73
|
--eds-color-success-9: light-dark(#207720, #8cdb87);
|
|
74
74
|
--eds-color-success-10: light-dark(#20621f, #aceba8);
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
--eds-color-danger-4: light-dark(#ffbcba, #b03940);
|
|
99
99
|
--eds-color-danger-5: light-dark(#ffa3a1, #d43745);
|
|
100
100
|
--eds-color-danger-6: light-dark(#ffbcba, #923a3c);
|
|
101
|
-
--eds-color-danger-7: light-dark(#
|
|
101
|
+
--eds-color-danger-7: light-dark(#ff7a7d, #e53748);
|
|
102
102
|
--eds-color-danger-8: light-dark(#c6002d, #ff8082);
|
|
103
103
|
--eds-color-danger-9: light-dark(#bc002a, #ffa3a1);
|
|
104
104
|
--eds-color-danger-10: light-dark(#9a1026, #ffc1bf);
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
--eds-color-success-4: #3e793c;
|
|
60
60
|
--eds-color-success-5: #418e3e;
|
|
61
61
|
--eds-color-success-6: #3c673a;
|
|
62
|
-
--eds-color-success-7: #
|
|
62
|
+
--eds-color-success-7: #439941;
|
|
63
63
|
--eds-color-success-8: #6eca6a;
|
|
64
64
|
--eds-color-success-9: #8cdb87;
|
|
65
65
|
--eds-color-success-10: #aceba8;
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
--eds-color-border-accent-medium: #439199;
|
|
59
59
|
--eds-color-border-accent-strong: #6ec0c9;
|
|
60
60
|
--eds-color-border-success-subtle: #3c673a;
|
|
61
|
-
--eds-color-border-success-medium: #
|
|
61
|
+
--eds-color-border-success-medium: #439941;
|
|
62
62
|
--eds-color-border-success-strong: #6eca6a;
|
|
63
63
|
--eds-color-border-info-subtle: #33607e;
|
|
64
64
|
--eds-color-border-info-medium: #2d8bc5;
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
--eds-color-danger-4: #ffbcba;
|
|
90
90
|
--eds-color-danger-5: #ffa3a1;
|
|
91
91
|
--eds-color-danger-6: #ffbcba;
|
|
92
|
-
--eds-color-danger-7: #
|
|
92
|
+
--eds-color-danger-7: #ff7a7d;
|
|
93
93
|
--eds-color-danger-8: #c6002d;
|
|
94
94
|
--eds-color-danger-9: #bc002a;
|
|
95
95
|
--eds-color-danger-10: #9a1026;
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
--eds-color-border-warning-medium: #e89959;
|
|
68
68
|
--eds-color-border-warning-strong: #a34e00;
|
|
69
69
|
--eds-color-border-danger-subtle: #ffbcba;
|
|
70
|
-
--eds-color-border-danger-medium: #
|
|
70
|
+
--eds-color-border-danger-medium: #ff7a7d;
|
|
71
71
|
--eds-color-border-danger-strong: #c6002d;
|
|
72
72
|
--eds-color-text-neutral-subtle: #585858; /** Used for text and icons */
|
|
73
73
|
--eds-color-text-neutral-strong: #1d1d1d; /** Used for text and icons */
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
--eds-typography-ui-body-xs-font-size: 0.563rem;
|
|
89
89
|
--eds-typography-ui-body-xs-tracking-tight: -0.99px;
|
|
90
90
|
--eds-typography-ui-body-xs-tracking-normal: 0px;
|
|
91
|
-
--eds-typography-ui-body-xs-tracking-
|
|
91
|
+
--eds-typography-ui-body-xs-tracking-wide: 0.99px;
|
|
92
92
|
--eds-typography-ui-body-xs-font-weight-lighter: 300;
|
|
93
93
|
--eds-typography-ui-body-xs-font-weight-normal: 400;
|
|
94
94
|
--eds-typography-ui-body-xs-font-weight-bolder: 500;
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
--eds-typography-ui-body-sm-font-size: 0.656rem;
|
|
98
98
|
--eds-typography-ui-body-sm-tracking-tight: -1.15px;
|
|
99
99
|
--eds-typography-ui-body-sm-tracking-normal: 0px;
|
|
100
|
-
--eds-typography-ui-body-sm-tracking-
|
|
100
|
+
--eds-typography-ui-body-sm-tracking-wide: 1.15px;
|
|
101
101
|
--eds-typography-ui-body-sm-font-weight-lighter: 300;
|
|
102
102
|
--eds-typography-ui-body-sm-font-weight-normal: 400;
|
|
103
103
|
--eds-typography-ui-body-sm-font-weight-bolder: 500;
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
--eds-typography-ui-body-md-font-size: 0.75rem;
|
|
108
108
|
--eds-typography-ui-body-md-tracking-tight: -1.32px;
|
|
109
109
|
--eds-typography-ui-body-md-tracking-normal: 0px;
|
|
110
|
-
--eds-typography-ui-body-md-tracking-
|
|
110
|
+
--eds-typography-ui-body-md-tracking-wide: 1.32px;
|
|
111
111
|
--eds-typography-ui-body-md-font-weight-lighter: 300;
|
|
112
112
|
--eds-typography-ui-body-md-font-weight-normal: 400;
|
|
113
113
|
--eds-typography-ui-body-md-font-weight-bolder: 500;
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
--eds-typography-ui-body-lg-font-size: 0.875rem;
|
|
117
117
|
--eds-typography-ui-body-lg-tracking-tight: -1.54px;
|
|
118
118
|
--eds-typography-ui-body-lg-tracking-normal: 0px;
|
|
119
|
-
--eds-typography-ui-body-lg-tracking-
|
|
119
|
+
--eds-typography-ui-body-lg-tracking-wide: 1.54px;
|
|
120
120
|
--eds-typography-ui-body-lg-font-weight-lighter: 300;
|
|
121
121
|
--eds-typography-ui-body-lg-font-weight-normal: 400;
|
|
122
122
|
--eds-typography-ui-body-lg-font-weight-bolder: 500;
|
|
@@ -125,7 +125,7 @@
|
|
|
125
125
|
--eds-typography-ui-body-xl-font-size: 1rem;
|
|
126
126
|
--eds-typography-ui-body-xl-tracking-tight: -1.76px;
|
|
127
127
|
--eds-typography-ui-body-xl-tracking-normal: 0px;
|
|
128
|
-
--eds-typography-ui-body-xl-tracking-
|
|
128
|
+
--eds-typography-ui-body-xl-tracking-wide: 1.76px;
|
|
129
129
|
--eds-typography-ui-body-xl-font-weight-lighter: 300;
|
|
130
130
|
--eds-typography-ui-body-xl-font-weight-normal: 400;
|
|
131
131
|
--eds-typography-ui-body-xl-font-weight-bolder: 500;
|
|
@@ -134,7 +134,7 @@
|
|
|
134
134
|
--eds-typography-ui-body-2xl-font-size: 1.156rem;
|
|
135
135
|
--eds-typography-ui-body-2xl-tracking-tight: -1.76px;
|
|
136
136
|
--eds-typography-ui-body-2xl-tracking-normal: 0px;
|
|
137
|
-
--eds-typography-ui-body-2xl-tracking-
|
|
137
|
+
--eds-typography-ui-body-2xl-tracking-wide: 2.035px;
|
|
138
138
|
--eds-typography-ui-body-2xl-font-weight-lighter: 300;
|
|
139
139
|
--eds-typography-ui-body-2xl-font-weight-normal: 400;
|
|
140
140
|
--eds-typography-ui-body-2xl-font-weight-bolder: 500;
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
--eds-typography-ui-body-3xl-font-size: 1.313rem;
|
|
144
144
|
--eds-typography-ui-body-3xl-tracking-tight: -2.31px;
|
|
145
145
|
--eds-typography-ui-body-3xl-tracking-normal: 0px;
|
|
146
|
-
--eds-typography-ui-body-3xl-tracking-
|
|
146
|
+
--eds-typography-ui-body-3xl-tracking-wide: 2.31px;
|
|
147
147
|
--eds-typography-ui-body-3xl-font-weight-lighter: 300;
|
|
148
148
|
--eds-typography-ui-body-3xl-font-weight-normal: 400;
|
|
149
149
|
--eds-typography-ui-body-3xl-font-weight-bolder: 500;
|
|
@@ -152,7 +152,7 @@
|
|
|
152
152
|
--eds-typography-ui-body-4xl-font-size: 1.531rem;
|
|
153
153
|
--eds-typography-ui-body-4xl-tracking-tight: -2.695px;
|
|
154
154
|
--eds-typography-ui-body-4xl-tracking-normal: 0px;
|
|
155
|
-
--eds-typography-ui-body-4xl-tracking-
|
|
155
|
+
--eds-typography-ui-body-4xl-tracking-wide: 2.695px;
|
|
156
156
|
--eds-typography-ui-body-4xl-font-weight-lighter: 300;
|
|
157
157
|
--eds-typography-ui-body-4xl-font-weight-normal: 400;
|
|
158
158
|
--eds-typography-ui-body-4xl-font-weight-bolder: 500;
|
|
@@ -161,7 +161,7 @@
|
|
|
161
161
|
--eds-typography-ui-body-5xl-font-size: 1.75rem;
|
|
162
162
|
--eds-typography-ui-body-5xl-tracking-tight: -3.08px;
|
|
163
163
|
--eds-typography-ui-body-5xl-tracking-normal: 0px;
|
|
164
|
-
--eds-typography-ui-body-5xl-tracking-
|
|
164
|
+
--eds-typography-ui-body-5xl-tracking-wide: 3.08px;
|
|
165
165
|
--eds-typography-ui-body-5xl-font-weight-lighter: 300;
|
|
166
166
|
--eds-typography-ui-body-5xl-font-weight-normal: 400;
|
|
167
167
|
--eds-typography-ui-body-5xl-font-weight-bolder: 500;
|
|
@@ -170,26 +170,26 @@
|
|
|
170
170
|
--eds-typography-ui-body-6xl-font-size: 2rem;
|
|
171
171
|
--eds-typography-ui-body-6xl-tracking-tight: -3.52px;
|
|
172
172
|
--eds-typography-ui-body-6xl-tracking-normal: 0px;
|
|
173
|
-
--eds-typography-ui-body-6xl-tracking-
|
|
173
|
+
--eds-typography-ui-body-6xl-tracking-wide: 3.52px;
|
|
174
174
|
--eds-typography-ui-body-6xl-font-weight-lighter: 300;
|
|
175
175
|
--eds-typography-ui-body-6xl-font-weight-normal: 0px;
|
|
176
176
|
--eds-typography-ui-body-6xl-font-weight-bolder: 500;
|
|
177
177
|
--eds-typography-ui-body-6xl-lineheight-default: 2.25rem;
|
|
178
178
|
--eds-typography-ui-body-6xl-lineheight-squished: 2rem;
|
|
179
|
+
--eds-typography-header-font-family: "Equinor";
|
|
179
180
|
--eds-typography-header-xs-font-size: 0.656rem;
|
|
180
181
|
--eds-typography-header-xs-tracking-tight: -0.99px;
|
|
181
182
|
--eds-typography-header-xs-tracking-normal: 0px;
|
|
182
|
-
--eds-typography-header-xs-tracking-
|
|
183
|
+
--eds-typography-header-xs-tracking-wide: 0.99px;
|
|
183
184
|
--eds-typography-header-xs-font-weight-lighter: 300;
|
|
184
185
|
--eds-typography-header-xs-font-weight-normal: 400;
|
|
185
186
|
--eds-typography-header-xs-font-weight-bolder: 500;
|
|
186
187
|
--eds-typography-header-xs-lineheight-default: 0.75rem;
|
|
187
188
|
--eds-typography-header-xs-lineheight-squished: 0.75rem;
|
|
188
|
-
--eds-typography-header-font-family: "Equinor";
|
|
189
189
|
--eds-typography-header-sm-font-size: 0.75rem;
|
|
190
190
|
--eds-typography-header-sm-tracking-tight: -1.15px;
|
|
191
191
|
--eds-typography-header-sm-tracking-normal: 0px;
|
|
192
|
-
--eds-typography-header-sm-tracking-
|
|
192
|
+
--eds-typography-header-sm-tracking-wide: 1.15px;
|
|
193
193
|
--eds-typography-header-sm-font-weight-lighter: 300;
|
|
194
194
|
--eds-typography-header-sm-font-weight-normal: 400;
|
|
195
195
|
--eds-typography-header-sm-font-weight-bolder: 500;
|
|
@@ -198,7 +198,7 @@
|
|
|
198
198
|
--eds-typography-header-md-font-size: 0.875rem;
|
|
199
199
|
--eds-typography-header-md-tracking-tight: -1.32px;
|
|
200
200
|
--eds-typography-header-md-tracking-normal: 0px;
|
|
201
|
-
--eds-typography-header-md-tracking-
|
|
201
|
+
--eds-typography-header-md-tracking-wide: 1.32px;
|
|
202
202
|
--eds-typography-header-md-font-weight-lighter: 300;
|
|
203
203
|
--eds-typography-header-md-font-weight-normal: 400;
|
|
204
204
|
--eds-typography-header-md-font-weight-bolder: 500;
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
--eds-typography-header-lg-font-size: 1rem;
|
|
208
208
|
--eds-typography-header-lg-tracking-tight: -1.54px;
|
|
209
209
|
--eds-typography-header-lg-tracking-normal: 0px;
|
|
210
|
-
--eds-typography-header-lg-tracking-
|
|
210
|
+
--eds-typography-header-lg-tracking-wide: 1.54px;
|
|
211
211
|
--eds-typography-header-lg-font-weight-lighter: 300;
|
|
212
212
|
--eds-typography-header-lg-font-weight-normal: 400;
|
|
213
213
|
--eds-typography-header-lg-font-weight-bolder: 500;
|
|
@@ -216,7 +216,7 @@
|
|
|
216
216
|
--eds-typography-header-xl-font-size: 1.125rem;
|
|
217
217
|
--eds-typography-header-xl-tracking-tight: -1.76px;
|
|
218
218
|
--eds-typography-header-xl-tracking-normal: 0px;
|
|
219
|
-
--eds-typography-header-xl-tracking-
|
|
219
|
+
--eds-typography-header-xl-tracking-wide: 1.76px;
|
|
220
220
|
--eds-typography-header-xl-font-weight-lighter: 300;
|
|
221
221
|
--eds-typography-header-xl-font-weight-normal: 400;
|
|
222
222
|
--eds-typography-header-xl-font-weight-bolder: 500;
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
--eds-typography-header-2xl-font-size: 1.313rem;
|
|
226
226
|
--eds-typography-header-2xl-tracking-tight: -1.76px;
|
|
227
227
|
--eds-typography-header-2xl-tracking-normal: 0px;
|
|
228
|
-
--eds-typography-header-2xl-tracking-
|
|
228
|
+
--eds-typography-header-2xl-tracking-wide: 2.035px;
|
|
229
229
|
--eds-typography-header-2xl-font-weight-lighter: 300;
|
|
230
230
|
--eds-typography-header-2xl-font-weight-normal: 400;
|
|
231
231
|
--eds-typography-header-2xl-font-weight-bolder: 500;
|
|
@@ -234,7 +234,7 @@
|
|
|
234
234
|
--eds-typography-header-3xl-font-size: 1.5rem;
|
|
235
235
|
--eds-typography-header-3xl-tracking-tight: -2.31px;
|
|
236
236
|
--eds-typography-header-3xl-tracking-normal: 0px;
|
|
237
|
-
--eds-typography-header-3xl-tracking-
|
|
237
|
+
--eds-typography-header-3xl-tracking-wide: 2.31px;
|
|
238
238
|
--eds-typography-header-3xl-font-weight-lighter: 300;
|
|
239
239
|
--eds-typography-header-3xl-font-weight-normal: 400;
|
|
240
240
|
--eds-typography-header-3xl-font-weight-bolder: 500;
|
|
@@ -243,7 +243,7 @@
|
|
|
243
243
|
--eds-typography-header-4xl-font-size: 1.719rem;
|
|
244
244
|
--eds-typography-header-4xl-tracking-tight: -2.695px;
|
|
245
245
|
--eds-typography-header-4xl-tracking-normal: 0px;
|
|
246
|
-
--eds-typography-header-4xl-tracking-
|
|
246
|
+
--eds-typography-header-4xl-tracking-wide: 2.695px;
|
|
247
247
|
--eds-typography-header-4xl-font-weight-lighter: 300;
|
|
248
248
|
--eds-typography-header-4xl-font-weight-normal: 400;
|
|
249
249
|
--eds-typography-header-4xl-font-weight-bolder: 500;
|
|
@@ -252,7 +252,7 @@
|
|
|
252
252
|
--eds-typography-header-5xl-font-size: 1.969rem;
|
|
253
253
|
--eds-typography-header-5xl-tracking-tight: -3.08px;
|
|
254
254
|
--eds-typography-header-5xl-tracking-normal: 0px;
|
|
255
|
-
--eds-typography-header-5xl-tracking-
|
|
255
|
+
--eds-typography-header-5xl-tracking-wide: 3.08px;
|
|
256
256
|
--eds-typography-header-5xl-font-weight-lighter: 300;
|
|
257
257
|
--eds-typography-header-5xl-font-weight-normal: 400;
|
|
258
258
|
--eds-typography-header-5xl-font-weight-bolder: 500;
|
|
@@ -261,7 +261,7 @@
|
|
|
261
261
|
--eds-typography-header-6xl-font-size: 2.281rem;
|
|
262
262
|
--eds-typography-header-6xl-tracking-tight: -3.52px;
|
|
263
263
|
--eds-typography-header-6xl-tracking-normal: 0px;
|
|
264
|
-
--eds-typography-header-6xl-tracking-
|
|
264
|
+
--eds-typography-header-6xl-tracking-wide: 3.52px;
|
|
265
265
|
--eds-typography-header-6xl-font-weight-lighter: 300;
|
|
266
266
|
--eds-typography-header-6xl-font-weight-normal: 400;
|
|
267
267
|
--eds-typography-header-6xl-font-weight-bolder: 500;
|
|
@@ -88,14 +88,14 @@
|
|
|
88
88
|
--eds-typography-ui-body-xs-font-size: var(--eds-type-scale-inter-100-font-size);
|
|
89
89
|
--eds-typography-ui-body-xs-tracking-tight: var(--eds-type-scale-inter-100-tracking-tight);
|
|
90
90
|
--eds-typography-ui-body-xs-tracking-normal: var(--eds-type-scale-inter-100-tracking-normal);
|
|
91
|
-
--eds-typography-ui-body-xs-tracking-
|
|
91
|
+
--eds-typography-ui-body-xs-tracking-wide: var(--eds-type-scale-inter-100-tracking-wide);
|
|
92
92
|
--eds-typography-ui-body-xs-font-weight-lighter: var(--eds-type-scale-inter-100-font-weight-lighter);
|
|
93
93
|
--eds-typography-ui-body-xs-font-weight-normal: var(--eds-type-scale-inter-100-font-weight-normal);
|
|
94
94
|
--eds-typography-ui-body-xs-font-weight-bolder: var(--eds-type-scale-inter-100-font-weight-bolder);
|
|
95
95
|
--eds-typography-ui-body-sm-font-size: var(--eds-type-scale-inter-200-font-size);
|
|
96
96
|
--eds-typography-ui-body-sm-tracking-tight: var(--eds-type-scale-inter-200-tracking-tight);
|
|
97
97
|
--eds-typography-ui-body-sm-tracking-normal: var(--eds-type-scale-inter-200-tracking-normal);
|
|
98
|
-
--eds-typography-ui-body-sm-tracking-
|
|
98
|
+
--eds-typography-ui-body-sm-tracking-wide: var(--eds-type-scale-inter-200-tracking-wide);
|
|
99
99
|
--eds-typography-ui-body-sm-font-weight-lighter: var(--eds-type-scale-inter-200-font-weight-lighter);
|
|
100
100
|
--eds-typography-ui-body-sm-font-weight-normal: var(--eds-type-scale-inter-200-font-weight-normal);
|
|
101
101
|
--eds-typography-ui-body-sm-font-weight-bolder: var(--eds-type-scale-inter-200-font-weight-bolder);
|
|
@@ -103,127 +103,127 @@
|
|
|
103
103
|
--eds-typography-ui-body-md-font-size: var(--eds-type-scale-inter-300-font-size);
|
|
104
104
|
--eds-typography-ui-body-md-tracking-tight: var(--eds-type-scale-inter-300-tracking-tight);
|
|
105
105
|
--eds-typography-ui-body-md-tracking-normal: var(--eds-type-scale-inter-300-tracking-normal);
|
|
106
|
-
--eds-typography-ui-body-md-tracking-
|
|
106
|
+
--eds-typography-ui-body-md-tracking-wide: var(--eds-type-scale-inter-300-tracking-wide);
|
|
107
107
|
--eds-typography-ui-body-md-font-weight-lighter: var(--eds-type-scale-inter-300-font-weight-lighter);
|
|
108
108
|
--eds-typography-ui-body-md-font-weight-normal: var(--eds-type-scale-inter-300-font-weight-normal);
|
|
109
109
|
--eds-typography-ui-body-md-font-weight-bolder: var(--eds-type-scale-inter-300-font-weight-bolder);
|
|
110
110
|
--eds-typography-ui-body-lg-font-size: var(--eds-type-scale-inter-400-font-size);
|
|
111
111
|
--eds-typography-ui-body-lg-tracking-tight: var(--eds-type-scale-inter-400-tracking-tight);
|
|
112
112
|
--eds-typography-ui-body-lg-tracking-normal: var(--eds-type-scale-inter-400-tracking-normal);
|
|
113
|
-
--eds-typography-ui-body-lg-tracking-
|
|
113
|
+
--eds-typography-ui-body-lg-tracking-wide: var(--eds-type-scale-inter-400-tracking-wide);
|
|
114
114
|
--eds-typography-ui-body-lg-font-weight-lighter: var(--eds-type-scale-inter-400-font-weight-lighter);
|
|
115
115
|
--eds-typography-ui-body-lg-font-weight-normal: var(--eds-type-scale-inter-400-font-weight-normal);
|
|
116
116
|
--eds-typography-ui-body-lg-font-weight-bolder: var(--eds-type-scale-inter-400-font-weight-bolder);
|
|
117
117
|
--eds-typography-ui-body-xl-font-size: var(--eds-type-scale-inter-500-font-size);
|
|
118
118
|
--eds-typography-ui-body-xl-tracking-tight: var(--eds-type-scale-inter-500-tracking-tight);
|
|
119
119
|
--eds-typography-ui-body-xl-tracking-normal: var(--eds-type-scale-inter-500-tracking-normal);
|
|
120
|
-
--eds-typography-ui-body-xl-tracking-
|
|
120
|
+
--eds-typography-ui-body-xl-tracking-wide: var(--eds-type-scale-inter-500-tracking-wide);
|
|
121
121
|
--eds-typography-ui-body-xl-font-weight-lighter: var(--eds-type-scale-inter-500-font-weight-lighter);
|
|
122
122
|
--eds-typography-ui-body-xl-font-weight-normal: var(--eds-type-scale-inter-500-font-weight-normal);
|
|
123
123
|
--eds-typography-ui-body-xl-font-weight-bolder: var(--eds-type-scale-inter-500-font-weight-bolder);
|
|
124
124
|
--eds-typography-ui-body-2xl-font-size: var(--eds-type-scale-inter-600-font-size);
|
|
125
125
|
--eds-typography-ui-body-2xl-tracking-tight: var(--eds-type-scale-inter-600-tracking-tight);
|
|
126
126
|
--eds-typography-ui-body-2xl-tracking-normal: var(--eds-type-scale-inter-600-tracking-normal);
|
|
127
|
-
--eds-typography-ui-body-2xl-tracking-
|
|
127
|
+
--eds-typography-ui-body-2xl-tracking-wide: var(--eds-type-scale-inter-600-tracking-wide);
|
|
128
128
|
--eds-typography-ui-body-2xl-font-weight-lighter: var(--eds-type-scale-inter-600-font-weight-lighter);
|
|
129
129
|
--eds-typography-ui-body-2xl-font-weight-normal: var(--eds-type-scale-inter-600-font-weight-normal);
|
|
130
130
|
--eds-typography-ui-body-2xl-font-weight-bolder: var(--eds-type-scale-inter-600-font-weight-bolder);
|
|
131
131
|
--eds-typography-ui-body-3xl-font-size: var(--eds-type-scale-inter-700-font-size);
|
|
132
132
|
--eds-typography-ui-body-3xl-tracking-tight: var(--eds-type-scale-inter-700-tracking-tight);
|
|
133
133
|
--eds-typography-ui-body-3xl-tracking-normal: var(--eds-type-scale-inter-700-tracking-normal);
|
|
134
|
-
--eds-typography-ui-body-3xl-tracking-
|
|
134
|
+
--eds-typography-ui-body-3xl-tracking-wide: var(--eds-type-scale-inter-700-tracking-wide);
|
|
135
135
|
--eds-typography-ui-body-3xl-font-weight-lighter: var(--eds-type-scale-inter-700-font-weight-lighter);
|
|
136
136
|
--eds-typography-ui-body-3xl-font-weight-normal: var(--eds-type-scale-inter-700-font-weight-normal);
|
|
137
137
|
--eds-typography-ui-body-3xl-font-weight-bolder: var(--eds-type-scale-inter-700-font-weight-bolder);
|
|
138
138
|
--eds-typography-ui-body-4xl-font-size: var(--eds-type-scale-inter-800-font-size);
|
|
139
139
|
--eds-typography-ui-body-4xl-tracking-tight: var(--eds-type-scale-inter-800-tracking-tight);
|
|
140
140
|
--eds-typography-ui-body-4xl-tracking-normal: var(--eds-type-scale-inter-800-tracking-normal);
|
|
141
|
-
--eds-typography-ui-body-4xl-tracking-
|
|
141
|
+
--eds-typography-ui-body-4xl-tracking-wide: var(--eds-type-scale-inter-800-tracking-wide);
|
|
142
142
|
--eds-typography-ui-body-4xl-font-weight-lighter: var(--eds-type-scale-inter-800-font-weight-lighter);
|
|
143
143
|
--eds-typography-ui-body-4xl-font-weight-normal: var(--eds-type-scale-inter-800-font-weight-normal);
|
|
144
144
|
--eds-typography-ui-body-4xl-font-weight-bolder: var(--eds-type-scale-inter-800-font-weight-bolder);
|
|
145
145
|
--eds-typography-ui-body-5xl-font-size: var(--eds-type-scale-inter-900-font-size);
|
|
146
146
|
--eds-typography-ui-body-5xl-tracking-tight: var(--eds-type-scale-inter-900-tracking-tight);
|
|
147
147
|
--eds-typography-ui-body-5xl-tracking-normal: var(--eds-type-scale-inter-900-tracking-normal);
|
|
148
|
-
--eds-typography-ui-body-5xl-tracking-
|
|
148
|
+
--eds-typography-ui-body-5xl-tracking-wide: var(--eds-type-scale-inter-900-tracking-wide);
|
|
149
149
|
--eds-typography-ui-body-5xl-font-weight-lighter: var(--eds-type-scale-inter-900-font-weight-lighter);
|
|
150
150
|
--eds-typography-ui-body-5xl-font-weight-normal: var(--eds-type-scale-inter-900-font-weight-normal);
|
|
151
151
|
--eds-typography-ui-body-5xl-font-weight-bolder: var(--eds-type-scale-inter-900-font-weight-bolder);
|
|
152
152
|
--eds-typography-ui-body-6xl-font-size: var(--eds-type-scale-inter-1000-font-size);
|
|
153
153
|
--eds-typography-ui-body-6xl-tracking-tight: var(--eds-type-scale-inter-1000-tracking-tight);
|
|
154
154
|
--eds-typography-ui-body-6xl-tracking-normal: var(--eds-type-scale-inter-1000-tracking-normal);
|
|
155
|
-
--eds-typography-ui-body-6xl-tracking-
|
|
155
|
+
--eds-typography-ui-body-6xl-tracking-wide: var(--eds-type-scale-inter-1000-tracking-wide);
|
|
156
156
|
--eds-typography-ui-body-6xl-font-weight-lighter: var(--eds-type-scale-inter-1000-font-weight-lighter);
|
|
157
157
|
--eds-typography-ui-body-6xl-font-weight-normal: var(--eds-type-scale-inter-1000-tracking-normal);
|
|
158
158
|
--eds-typography-ui-body-6xl-font-weight-bolder: var(--eds-type-scale-inter-1000-font-weight-bolder);
|
|
159
|
+
--eds-typography-header-font-family: var(--eds-font-family-equinor);
|
|
159
160
|
--eds-typography-header-xs-font-size: var(--eds-type-scale-equinor-100-font-size);
|
|
160
161
|
--eds-typography-header-xs-tracking-tight: var(--eds-type-scale-equinor-100-tracking-tight);
|
|
161
162
|
--eds-typography-header-xs-tracking-normal: var(--eds-type-scale-equinor-100-tracking-normal);
|
|
162
|
-
--eds-typography-header-xs-tracking-
|
|
163
|
+
--eds-typography-header-xs-tracking-wide: var(--eds-type-scale-equinor-100-tracking-wide);
|
|
163
164
|
--eds-typography-header-xs-font-weight-lighter: var(--eds-type-scale-equinor-100-font-weight-lighter);
|
|
164
165
|
--eds-typography-header-xs-font-weight-normal: var(--eds-type-scale-equinor-100-font-weight-normal);
|
|
165
166
|
--eds-typography-header-xs-font-weight-bolder: var(--eds-type-scale-equinor-100-font-weight-bolder);
|
|
166
|
-
--eds-typography-header-font-family: var(--eds-font-family-equinor);
|
|
167
167
|
--eds-typography-header-sm-font-size: var(--eds-type-scale-equinor-200-font-size);
|
|
168
168
|
--eds-typography-header-sm-tracking-tight: var(--eds-type-scale-equinor-200-tracking-tight);
|
|
169
169
|
--eds-typography-header-sm-tracking-normal: var(--eds-type-scale-equinor-200-tracking-normal);
|
|
170
|
-
--eds-typography-header-sm-tracking-
|
|
170
|
+
--eds-typography-header-sm-tracking-wide: var(--eds-type-scale-equinor-200-tracking-wide);
|
|
171
171
|
--eds-typography-header-sm-font-weight-lighter: var(--eds-type-scale-equinor-200-font-weight-lighter);
|
|
172
172
|
--eds-typography-header-sm-font-weight-normal: var(--eds-type-scale-equinor-200-font-weight-normal);
|
|
173
173
|
--eds-typography-header-sm-font-weight-bolder: var(--eds-type-scale-equinor-200-font-weight-bolder);
|
|
174
174
|
--eds-typography-header-md-font-size: var(--eds-type-scale-equinor-300-font-size);
|
|
175
175
|
--eds-typography-header-md-tracking-tight: var(--eds-type-scale-equinor-300-tracking-tight);
|
|
176
176
|
--eds-typography-header-md-tracking-normal: var(--eds-type-scale-equinor-300-tracking-normal);
|
|
177
|
-
--eds-typography-header-md-tracking-
|
|
177
|
+
--eds-typography-header-md-tracking-wide: var(--eds-type-scale-equinor-300-tracking-wide);
|
|
178
178
|
--eds-typography-header-md-font-weight-lighter: var(--eds-type-scale-equinor-300-font-weight-lighter);
|
|
179
179
|
--eds-typography-header-md-font-weight-normal: var(--eds-type-scale-equinor-300-font-weight-normal);
|
|
180
180
|
--eds-typography-header-md-font-weight-bolder: var(--eds-type-scale-equinor-300-font-weight-bolder);
|
|
181
181
|
--eds-typography-header-lg-font-size: var(--eds-type-scale-equinor-400-font-size);
|
|
182
182
|
--eds-typography-header-lg-tracking-tight: var(--eds-type-scale-equinor-400-tracking-tight);
|
|
183
183
|
--eds-typography-header-lg-tracking-normal: var(--eds-type-scale-equinor-400-tracking-normal);
|
|
184
|
-
--eds-typography-header-lg-tracking-
|
|
184
|
+
--eds-typography-header-lg-tracking-wide: var(--eds-type-scale-equinor-400-tracking-wide);
|
|
185
185
|
--eds-typography-header-lg-font-weight-lighter: var(--eds-type-scale-equinor-400-font-weight-lighter);
|
|
186
186
|
--eds-typography-header-lg-font-weight-normal: var(--eds-type-scale-equinor-400-font-weight-normal);
|
|
187
187
|
--eds-typography-header-lg-font-weight-bolder: var(--eds-type-scale-equinor-400-font-weight-bolder);
|
|
188
188
|
--eds-typography-header-xl-font-size: var(--eds-type-scale-equinor-500-font-size);
|
|
189
189
|
--eds-typography-header-xl-tracking-tight: var(--eds-type-scale-equinor-500-tracking-tight);
|
|
190
190
|
--eds-typography-header-xl-tracking-normal: var(--eds-type-scale-equinor-500-tracking-normal);
|
|
191
|
-
--eds-typography-header-xl-tracking-
|
|
191
|
+
--eds-typography-header-xl-tracking-wide: var(--eds-type-scale-equinor-500-tracking-wide);
|
|
192
192
|
--eds-typography-header-xl-font-weight-lighter: var(--eds-type-scale-equinor-500-font-weight-lighter);
|
|
193
193
|
--eds-typography-header-xl-font-weight-normal: var(--eds-type-scale-equinor-500-font-weight-normal);
|
|
194
194
|
--eds-typography-header-xl-font-weight-bolder: var(--eds-type-scale-equinor-500-font-weight-bolder);
|
|
195
195
|
--eds-typography-header-2xl-font-size: var(--eds-type-scale-equinor-600-font-size);
|
|
196
196
|
--eds-typography-header-2xl-tracking-tight: var(--eds-type-scale-equinor-600-tracking-tight);
|
|
197
197
|
--eds-typography-header-2xl-tracking-normal: var(--eds-type-scale-equinor-600-tracking-normal);
|
|
198
|
-
--eds-typography-header-2xl-tracking-
|
|
198
|
+
--eds-typography-header-2xl-tracking-wide: var(--eds-type-scale-equinor-600-tracking-wide);
|
|
199
199
|
--eds-typography-header-2xl-font-weight-lighter: var(--eds-type-scale-equinor-600-font-weight-lighter);
|
|
200
200
|
--eds-typography-header-2xl-font-weight-normal: var(--eds-type-scale-equinor-600-font-weight-normal);
|
|
201
201
|
--eds-typography-header-2xl-font-weight-bolder: var(--eds-type-scale-equinor-600-font-weight-bolder);
|
|
202
202
|
--eds-typography-header-3xl-font-size: var(--eds-type-scale-equinor-700-font-size);
|
|
203
203
|
--eds-typography-header-3xl-tracking-tight: var(--eds-type-scale-equinor-700-tracking-tight);
|
|
204
204
|
--eds-typography-header-3xl-tracking-normal: var(--eds-type-scale-equinor-700-tracking-normal);
|
|
205
|
-
--eds-typography-header-3xl-tracking-
|
|
205
|
+
--eds-typography-header-3xl-tracking-wide: var(--eds-type-scale-equinor-700-tracking-wide);
|
|
206
206
|
--eds-typography-header-3xl-font-weight-lighter: var(--eds-type-scale-equinor-700-font-weight-lighter);
|
|
207
207
|
--eds-typography-header-3xl-font-weight-normal: var(--eds-type-scale-equinor-700-font-weight-normal);
|
|
208
208
|
--eds-typography-header-3xl-font-weight-bolder: var(--eds-type-scale-equinor-700-font-weight-bolder);
|
|
209
209
|
--eds-typography-header-4xl-font-size: var(--eds-type-scale-equinor-800-font-size);
|
|
210
210
|
--eds-typography-header-4xl-tracking-tight: var(--eds-type-scale-equinor-800-tracking-tight);
|
|
211
211
|
--eds-typography-header-4xl-tracking-normal: var(--eds-type-scale-equinor-800-tracking-normal);
|
|
212
|
-
--eds-typography-header-4xl-tracking-
|
|
212
|
+
--eds-typography-header-4xl-tracking-wide: var(--eds-type-scale-equinor-800-tracking-wide);
|
|
213
213
|
--eds-typography-header-4xl-font-weight-lighter: var(--eds-type-scale-equinor-800-font-weight-lighter);
|
|
214
214
|
--eds-typography-header-4xl-font-weight-normal: var(--eds-type-scale-equinor-800-font-weight-normal);
|
|
215
215
|
--eds-typography-header-4xl-font-weight-bolder: var(--eds-type-scale-equinor-800-font-weight-bolder);
|
|
216
216
|
--eds-typography-header-5xl-font-size: var(--eds-type-scale-equinor-900-font-size);
|
|
217
217
|
--eds-typography-header-5xl-tracking-tight: var(--eds-type-scale-equinor-900-tracking-tight);
|
|
218
218
|
--eds-typography-header-5xl-tracking-normal: var(--eds-type-scale-equinor-900-tracking-normal);
|
|
219
|
-
--eds-typography-header-5xl-tracking-
|
|
219
|
+
--eds-typography-header-5xl-tracking-wide: var(--eds-type-scale-equinor-900-tracking-wide);
|
|
220
220
|
--eds-typography-header-5xl-font-weight-lighter: var(--eds-type-scale-equinor-900-font-weight-lighter);
|
|
221
221
|
--eds-typography-header-5xl-font-weight-normal: var(--eds-type-scale-equinor-900-font-weight-normal);
|
|
222
222
|
--eds-typography-header-5xl-font-weight-bolder: var(--eds-type-scale-equinor-900-font-weight-bolder);
|
|
223
223
|
--eds-typography-header-6xl-font-size: var(--eds-type-scale-equinor-1000-font-size);
|
|
224
224
|
--eds-typography-header-6xl-tracking-tight: var(--eds-type-scale-equinor-1000-tracking-tight);
|
|
225
225
|
--eds-typography-header-6xl-tracking-normal: var(--eds-type-scale-equinor-1000-tracking-normal);
|
|
226
|
-
--eds-typography-header-6xl-tracking-
|
|
226
|
+
--eds-typography-header-6xl-tracking-wide: var(--eds-type-scale-equinor-1000-tracking-wide);
|
|
227
227
|
--eds-typography-header-6xl-font-weight-lighter: var(--eds-type-scale-equinor-1000-font-weight-lighter);
|
|
228
228
|
--eds-typography-header-6xl-font-weight-normal: var(--eds-type-scale-equinor-1000-font-weight-normal);
|
|
229
229
|
--eds-typography-header-6xl-font-weight-bolder: var(--eds-type-scale-equinor-1000-font-weight-bolder);
|
|
@@ -49,154 +49,154 @@
|
|
|
49
49
|
--eds-type-scale-inter-100-font-size: 0.563rem;
|
|
50
50
|
--eds-type-scale-inter-100-tracking-tight: -0.99px;
|
|
51
51
|
--eds-type-scale-inter-100-tracking-normal: 0px;
|
|
52
|
-
--eds-type-scale-inter-100-tracking-
|
|
52
|
+
--eds-type-scale-inter-100-tracking-wide: 0.99px;
|
|
53
53
|
--eds-type-scale-inter-100-font-weight-lighter: 300;
|
|
54
54
|
--eds-type-scale-inter-100-font-weight-bolder: 500;
|
|
55
55
|
--eds-type-scale-inter-100-font-weight-normal: 400;
|
|
56
56
|
--eds-type-scale-inter-200-font-size: 0.656rem;
|
|
57
57
|
--eds-type-scale-inter-200-tracking-tight: -1.15px;
|
|
58
58
|
--eds-type-scale-inter-200-tracking-normal: 0px;
|
|
59
|
-
--eds-type-scale-inter-200-tracking-
|
|
59
|
+
--eds-type-scale-inter-200-tracking-wide: 1.15px;
|
|
60
60
|
--eds-type-scale-inter-200-font-weight-lighter: 300;
|
|
61
61
|
--eds-type-scale-inter-200-font-weight-normal: 400;
|
|
62
62
|
--eds-type-scale-inter-200-font-weight-bolder: 500;
|
|
63
63
|
--eds-type-scale-inter-300-font-size: 0.75rem;
|
|
64
64
|
--eds-type-scale-inter-300-tracking-tight: -1.32px;
|
|
65
65
|
--eds-type-scale-inter-300-tracking-normal: 0px;
|
|
66
|
-
--eds-type-scale-inter-300-tracking-
|
|
66
|
+
--eds-type-scale-inter-300-tracking-wide: 1.32px;
|
|
67
67
|
--eds-type-scale-inter-300-font-weight-lighter: 300;
|
|
68
68
|
--eds-type-scale-inter-300-font-weight-bolder: 500;
|
|
69
69
|
--eds-type-scale-inter-300-font-weight-normal: 400;
|
|
70
70
|
--eds-type-scale-inter-400-font-size: 0.875rem;
|
|
71
71
|
--eds-type-scale-inter-400-tracking-tight: -1.54px;
|
|
72
72
|
--eds-type-scale-inter-400-tracking-normal: 0px;
|
|
73
|
-
--eds-type-scale-inter-400-tracking-
|
|
73
|
+
--eds-type-scale-inter-400-tracking-wide: 1.54px;
|
|
74
74
|
--eds-type-scale-inter-400-font-weight-lighter: 300;
|
|
75
75
|
--eds-type-scale-inter-400-font-weight-normal: 400;
|
|
76
76
|
--eds-type-scale-inter-400-font-weight-bolder: 500;
|
|
77
77
|
--eds-type-scale-inter-500-font-size: 1rem;
|
|
78
78
|
--eds-type-scale-inter-500-tracking-tight: -1.76px;
|
|
79
79
|
--eds-type-scale-inter-500-tracking-normal: 0px;
|
|
80
|
-
--eds-type-scale-inter-500-tracking-
|
|
80
|
+
--eds-type-scale-inter-500-tracking-wide: 1.76px;
|
|
81
81
|
--eds-type-scale-inter-500-font-weight-lighter: 300;
|
|
82
82
|
--eds-type-scale-inter-500-font-weight-normal: 400;
|
|
83
83
|
--eds-type-scale-inter-500-font-weight-bolder: 500;
|
|
84
84
|
--eds-type-scale-inter-600-font-size: 1.156rem;
|
|
85
85
|
--eds-type-scale-inter-600-tracking-tight: -1.76px;
|
|
86
86
|
--eds-type-scale-inter-600-tracking-normal: 0px;
|
|
87
|
-
--eds-type-scale-inter-600-tracking-
|
|
87
|
+
--eds-type-scale-inter-600-tracking-wide: 2.035px;
|
|
88
88
|
--eds-type-scale-inter-600-font-weight-lighter: 300;
|
|
89
89
|
--eds-type-scale-inter-600-font-weight-normal: 400;
|
|
90
90
|
--eds-type-scale-inter-600-font-weight-bolder: 500;
|
|
91
91
|
--eds-type-scale-inter-700-font-size: 1.313rem;
|
|
92
92
|
--eds-type-scale-inter-700-tracking-tight: -2.31px;
|
|
93
93
|
--eds-type-scale-inter-700-tracking-normal: 0px;
|
|
94
|
-
--eds-type-scale-inter-700-tracking-
|
|
94
|
+
--eds-type-scale-inter-700-tracking-wide: 2.31px;
|
|
95
95
|
--eds-type-scale-inter-700-font-weight-lighter: 300;
|
|
96
96
|
--eds-type-scale-inter-700-font-weight-normal: 400;
|
|
97
97
|
--eds-type-scale-inter-700-font-weight-bolder: 500;
|
|
98
98
|
--eds-type-scale-inter-800-font-size: 1.531rem;
|
|
99
99
|
--eds-type-scale-inter-800-tracking-tight: -2.695px;
|
|
100
100
|
--eds-type-scale-inter-800-tracking-normal: 0px;
|
|
101
|
-
--eds-type-scale-inter-800-tracking-
|
|
101
|
+
--eds-type-scale-inter-800-tracking-wide: 2.695px;
|
|
102
102
|
--eds-type-scale-inter-800-font-weight-lighter: 300;
|
|
103
103
|
--eds-type-scale-inter-800-font-weight-normal: 400;
|
|
104
104
|
--eds-type-scale-inter-800-font-weight-bolder: 500;
|
|
105
105
|
--eds-type-scale-inter-900-font-size: 1.75rem;
|
|
106
106
|
--eds-type-scale-inter-900-tracking-tight: -3.08px;
|
|
107
107
|
--eds-type-scale-inter-900-tracking-normal: 0px;
|
|
108
|
-
--eds-type-scale-inter-900-tracking-
|
|
108
|
+
--eds-type-scale-inter-900-tracking-wide: 3.08px;
|
|
109
109
|
--eds-type-scale-inter-900-font-weight-lighter: 300;
|
|
110
110
|
--eds-type-scale-inter-900-font-weight-normal: 400;
|
|
111
111
|
--eds-type-scale-inter-900-font-weight-bolder: 500;
|
|
112
112
|
--eds-type-scale-inter-1000-font-size: 2rem;
|
|
113
113
|
--eds-type-scale-inter-1000-tracking-tight: -3.52px;
|
|
114
114
|
--eds-type-scale-inter-1000-tracking-normal: 0px;
|
|
115
|
-
--eds-type-scale-inter-1000-tracking-
|
|
115
|
+
--eds-type-scale-inter-1000-tracking-wide: 3.52px;
|
|
116
116
|
--eds-type-scale-inter-1000-font-weight-lighter: 300;
|
|
117
117
|
--eds-type-scale-inter-1000-font-weight-normal: 400;
|
|
118
118
|
--eds-type-scale-inter-1000-font-weight-bolder: 500;
|
|
119
119
|
--eds-type-scale-inter-1100-font-size: 2.313rem;
|
|
120
120
|
--eds-type-scale-inter-1100-tracking-tight: -4.07px;
|
|
121
121
|
--eds-type-scale-inter-1100-tracking-normal: 0px;
|
|
122
|
-
--eds-type-scale-inter-1100-tracking-
|
|
122
|
+
--eds-type-scale-inter-1100-tracking-wide: 4.07px;
|
|
123
123
|
--eds-type-scale-inter-1100-font-weight-lighter: 300;
|
|
124
124
|
--eds-type-scale-inter-1100-font-weight-normal: 400;
|
|
125
125
|
--eds-type-scale-inter-1100-font-weight-bolder: 500;
|
|
126
126
|
--eds-type-scale-equinor-100-font-size: 0.656rem;
|
|
127
127
|
--eds-type-scale-equinor-100-tracking-tight: -0.99px;
|
|
128
128
|
--eds-type-scale-equinor-100-tracking-normal: 0px;
|
|
129
|
-
--eds-type-scale-equinor-100-tracking-
|
|
129
|
+
--eds-type-scale-equinor-100-tracking-wide: 0.99px;
|
|
130
130
|
--eds-type-scale-equinor-100-font-weight-lighter: 300;
|
|
131
131
|
--eds-type-scale-equinor-100-font-weight-bolder: 500;
|
|
132
132
|
--eds-type-scale-equinor-100-font-weight-normal: 400;
|
|
133
133
|
--eds-type-scale-equinor-200-font-size: 0.75rem;
|
|
134
134
|
--eds-type-scale-equinor-200-tracking-tight: -1.15px;
|
|
135
135
|
--eds-type-scale-equinor-200-tracking-normal: 0px;
|
|
136
|
-
--eds-type-scale-equinor-200-tracking-
|
|
136
|
+
--eds-type-scale-equinor-200-tracking-wide: 1.15px;
|
|
137
137
|
--eds-type-scale-equinor-200-font-weight-lighter: 300;
|
|
138
138
|
--eds-type-scale-equinor-200-font-weight-normal: 400;
|
|
139
139
|
--eds-type-scale-equinor-200-font-weight-bolder: 500;
|
|
140
140
|
--eds-type-scale-equinor-300-font-size: 0.875rem;
|
|
141
141
|
--eds-type-scale-equinor-300-tracking-tight: -1.32px;
|
|
142
142
|
--eds-type-scale-equinor-300-tracking-normal: 0px;
|
|
143
|
-
--eds-type-scale-equinor-300-tracking-
|
|
143
|
+
--eds-type-scale-equinor-300-tracking-wide: 1.32px;
|
|
144
144
|
--eds-type-scale-equinor-300-font-weight-lighter: 300;
|
|
145
145
|
--eds-type-scale-equinor-300-font-weight-bolder: 500;
|
|
146
146
|
--eds-type-scale-equinor-300-font-weight-normal: 400;
|
|
147
147
|
--eds-type-scale-equinor-400-font-size: 1rem;
|
|
148
148
|
--eds-type-scale-equinor-400-tracking-tight: -1.54px;
|
|
149
149
|
--eds-type-scale-equinor-400-tracking-normal: 0px;
|
|
150
|
-
--eds-type-scale-equinor-400-tracking-
|
|
150
|
+
--eds-type-scale-equinor-400-tracking-wide: 1.54px;
|
|
151
151
|
--eds-type-scale-equinor-400-font-weight-lighter: 300;
|
|
152
152
|
--eds-type-scale-equinor-400-font-weight-normal: 400;
|
|
153
153
|
--eds-type-scale-equinor-400-font-weight-bolder: 500;
|
|
154
154
|
--eds-type-scale-equinor-500-font-size: 1.125rem;
|
|
155
155
|
--eds-type-scale-equinor-500-tracking-tight: -1.76px;
|
|
156
156
|
--eds-type-scale-equinor-500-tracking-normal: 0px;
|
|
157
|
-
--eds-type-scale-equinor-500-tracking-
|
|
157
|
+
--eds-type-scale-equinor-500-tracking-wide: 1.76px;
|
|
158
158
|
--eds-type-scale-equinor-500-font-weight-lighter: 300;
|
|
159
159
|
--eds-type-scale-equinor-500-font-weight-normal: 400;
|
|
160
160
|
--eds-type-scale-equinor-500-font-weight-bolder: 500;
|
|
161
161
|
--eds-type-scale-equinor-600-font-size: 1.313rem;
|
|
162
162
|
--eds-type-scale-equinor-600-tracking-tight: -1.76px;
|
|
163
163
|
--eds-type-scale-equinor-600-tracking-normal: 0px;
|
|
164
|
-
--eds-type-scale-equinor-600-tracking-
|
|
164
|
+
--eds-type-scale-equinor-600-tracking-wide: 2.035px;
|
|
165
165
|
--eds-type-scale-equinor-600-font-weight-lighter: 300;
|
|
166
166
|
--eds-type-scale-equinor-600-font-weight-normal: 400;
|
|
167
167
|
--eds-type-scale-equinor-600-font-weight-bolder: 500;
|
|
168
168
|
--eds-type-scale-equinor-700-font-size: 1.5rem;
|
|
169
169
|
--eds-type-scale-equinor-700-tracking-tight: -2.31px;
|
|
170
170
|
--eds-type-scale-equinor-700-tracking-normal: 0px;
|
|
171
|
-
--eds-type-scale-equinor-700-tracking-
|
|
171
|
+
--eds-type-scale-equinor-700-tracking-wide: 2.31px;
|
|
172
172
|
--eds-type-scale-equinor-700-font-weight-lighter: 300;
|
|
173
173
|
--eds-type-scale-equinor-700-font-weight-normal: 400;
|
|
174
174
|
--eds-type-scale-equinor-700-font-weight-bolder: 500;
|
|
175
175
|
--eds-type-scale-equinor-800-font-size: 1.719rem;
|
|
176
176
|
--eds-type-scale-equinor-800-tracking-tight: -2.695px;
|
|
177
177
|
--eds-type-scale-equinor-800-tracking-normal: 0px;
|
|
178
|
-
--eds-type-scale-equinor-800-tracking-
|
|
178
|
+
--eds-type-scale-equinor-800-tracking-wide: 2.695px;
|
|
179
179
|
--eds-type-scale-equinor-800-font-weight-lighter: 300;
|
|
180
180
|
--eds-type-scale-equinor-800-font-weight-normal: 400;
|
|
181
181
|
--eds-type-scale-equinor-800-font-weight-bolder: 500;
|
|
182
182
|
--eds-type-scale-equinor-900-font-size: 1.969rem;
|
|
183
183
|
--eds-type-scale-equinor-900-tracking-tight: -3.08px;
|
|
184
184
|
--eds-type-scale-equinor-900-tracking-normal: 0px;
|
|
185
|
-
--eds-type-scale-equinor-900-tracking-
|
|
185
|
+
--eds-type-scale-equinor-900-tracking-wide: 3.08px;
|
|
186
186
|
--eds-type-scale-equinor-900-font-weight-lighter: 300;
|
|
187
187
|
--eds-type-scale-equinor-900-font-weight-normal: 400;
|
|
188
188
|
--eds-type-scale-equinor-900-font-weight-bolder: 500;
|
|
189
189
|
--eds-type-scale-equinor-1000-font-size: 2.281rem;
|
|
190
190
|
--eds-type-scale-equinor-1000-tracking-tight: -3.52px;
|
|
191
191
|
--eds-type-scale-equinor-1000-tracking-normal: 0px;
|
|
192
|
-
--eds-type-scale-equinor-1000-tracking-
|
|
192
|
+
--eds-type-scale-equinor-1000-tracking-wide: 3.52px;
|
|
193
193
|
--eds-type-scale-equinor-1000-font-weight-lighter: 300;
|
|
194
194
|
--eds-type-scale-equinor-1000-font-weight-normal: 400;
|
|
195
195
|
--eds-type-scale-equinor-1000-font-weight-bolder: 500;
|
|
196
196
|
--eds-type-scale-equinor-1100-font-size: 2.625rem;
|
|
197
197
|
--eds-type-scale-equinor-1100-tracking-tight: -4.07px;
|
|
198
198
|
--eds-type-scale-equinor-1100-tracking-normal: 0px;
|
|
199
|
-
--eds-type-scale-equinor-1100-tracking-
|
|
199
|
+
--eds-type-scale-equinor-1100-tracking-wide: 4.07px;
|
|
200
200
|
--eds-type-scale-equinor-1100-font-weight-lighter: 300;
|
|
201
201
|
--eds-type-scale-equinor-1100-font-weight-normal: 400;
|
|
202
202
|
--eds-type-scale-equinor-1100-font-weight-bolder: 500;
|