@equinor/eds-tokens 0.9.0 → 0.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/esm/base/typography.js +49 -49
  2. package/dist/tokens.cjs.js +49 -49
  3. package/dist/types/types/borders.d.ts +3 -3
  4. package/dist/types/types/clickbound.d.ts +1 -1
  5. package/dist/types/types/component.d.ts +1 -1
  6. package/dist/types/types/focus.d.ts +1 -1
  7. package/dist/types/types/index.d.ts +13 -13
  8. package/dist/types/types/pressed.d.ts +1 -1
  9. package/elements.css +14 -14
  10. package/package.json +2 -2
package/dist/esm/base/typography.js CHANGED
@@ -1,7 +1,7 @@
1
1
  var typography = {
2
2
  heading: {
3
3
  h1_bold: {
4
- color: 'rgba(61, 61, 61, 1)',
4
+ color: 'var(--eds_heading__h1_bold_color, rgba(61, 61, 61, 1))',
5
5
  fontFamily: 'Equinor',
6
6
  fontSize: '2.000rem',
7
7
  fontWeight: 700,
@@ -9,7 +9,7 @@ var typography = {
9
9
  textAlign: 'left'
10
10
  },
11
11
  h1: {
12
- color: 'rgba(61, 61, 61, 1)',
12
+ color: 'var(--eds_heading__h1_color, rgba(61, 61, 61, 1))',
13
13
  fontFamily: 'Equinor',
14
14
  fontSize: '2.000rem',
15
15
  fontWeight: 400,
@@ -17,7 +17,7 @@ var typography = {
17
17
  textAlign: 'left'
18
18
  },
19
19
  h2: {
20
- color: 'rgba(61, 61, 61, 1)',
20
+ color: 'var(--eds_heading__h2_color, rgba(61, 61, 61, 1))',
21
21
  fontFamily: 'Equinor',
22
22
  fontSize: '1.750rem',
23
23
  fontWeight: 400,
@@ -25,7 +25,7 @@ var typography = {
25
25
  textAlign: 'left'
26
26
  },
27
27
  h3: {
28
- color: 'rgba(61, 61, 61, 1)',
28
+ color: 'var(--eds_heading__h3_color, rgba(61, 61, 61, 1))',
29
29
  fontFamily: 'Equinor',
30
30
  fontSize: '1.500rem',
31
31
  fontWeight: 400,
@@ -33,7 +33,7 @@ var typography = {
33
33
  textAlign: 'left'
34
34
  },
35
35
  h4: {
36
- color: 'rgba(61, 61, 61, 1)',
36
+ color: 'var(--eds_heading__h4_color, rgba(61, 61, 61, 1))',
37
37
  fontFamily: 'Equinor',
38
38
  fontSize: '1.250rem',
39
39
  fontWeight: 400,
@@ -41,7 +41,7 @@ var typography = {
41
41
  textAlign: 'left'
42
42
  },
43
43
  h5: {
44
- color: 'rgba(61, 61, 61, 1)',
44
+ color: 'var(--eds_heading__h5_color, rgba(61, 61, 61, 1))',
45
45
  fontFamily: 'Equinor',
46
46
  fontSize: '1.125rem',
47
47
  fontWeight: 500,
@@ -50,7 +50,7 @@ var typography = {
50
50
  textAlign: 'left'
51
51
  },
52
52
  h6: {
53
- color: 'rgba(61, 61, 61, 1)',
53
+ color: 'var(--eds_heading__h6_color, rgba(61, 61, 61, 1))',
54
54
  fontFamily: 'Equinor',
55
55
  fontSize: '1.000rem',
56
56
  fontWeight: 500,
@@ -61,7 +61,7 @@ var typography = {
61
61
  },
62
62
  navigation: {
63
63
  menu_title: {
64
- color: 'rgba(61, 61, 61, 1)',
64
+ color: 'var(--eds_navigation__menu_title_color, rgba(61, 61, 61, 1))',
65
65
  fontFamily: 'Equinor',
66
66
  fontSize: '1.000rem',
67
67
  fontWeight: 400,
@@ -70,7 +70,7 @@ var typography = {
70
70
  textAlign: 'left'
71
71
  },
72
72
  menu_tabs: {
73
- color: 'rgba(61, 61, 61, 1)',
73
+ color: 'var(--eds_navigation__menu_tabs_color, rgba(61, 61, 61, 1))',
74
74
  fontFamily: 'Equinor',
75
75
  fontSize: '1.000rem',
76
76
  fontWeight: 500,
@@ -79,7 +79,7 @@ var typography = {
79
79
  textAlign: 'left'
80
80
  },
81
81
  label: {
82
- color: 'rgba(0, 0, 0, 1)',
82
+ color: 'var(--eds_navigation__label_color, rgba(0, 0, 0, 1))',
83
83
  fontFamily: 'Equinor',
84
84
  fontSize: '0.750rem',
85
85
  fontWeight: 500,
@@ -87,7 +87,7 @@ var typography = {
87
87
  textAlign: 'left'
88
88
  },
89
89
  drawer_active: {
90
- color: 'rgba(0, 0, 0, 1)',
90
+ color: 'var(--eds_navigation__drawer_active_color, rgba(0, 0, 0, 1))',
91
91
  fontFamily: 'Equinor',
92
92
  fontSize: '1.000rem',
93
93
  fontWeight: 700,
@@ -96,7 +96,7 @@ var typography = {
96
96
  textAlign: 'left'
97
97
  },
98
98
  drawer_inactive: {
99
- color: 'rgba(0, 0, 0, 1)',
99
+ color: 'var(--eds_navigation__drawer_inactive_color, rgba(0, 0, 0, 1))',
100
100
  fontFamily: 'Equinor',
101
101
  fontSize: '1.000rem',
102
102
  fontWeight: 500,
@@ -105,7 +105,7 @@ var typography = {
105
105
  textAlign: 'left'
106
106
  },
107
107
  button: {
108
- color: 'rgba(0, 0, 0, 1)',
108
+ color: 'var(--eds_navigation__button_color, rgba(0, 0, 0, 1))',
109
109
  fontFamily: 'Equinor',
110
110
  fontSize: '0.875rem',
111
111
  fontWeight: 500,
@@ -113,7 +113,7 @@ var typography = {
113
113
  textAlign: 'left'
114
114
  },
115
115
  breadcrumb: {
116
- color: 'rgba(0, 0, 0, 1)',
116
+ color: 'var(--eds_navigation__breadcrumb_color, rgba(0, 0, 0, 1))',
117
117
  fontFamily: 'Equinor',
118
118
  fontSize: '0.875rem',
119
119
  fontWeight: 500,
@@ -121,7 +121,7 @@ var typography = {
121
121
  textAlign: 'left'
122
122
  },
123
123
  breadcrumb_hover: {
124
- color: 'rgba(0, 0, 0, 1)',
124
+ color: 'var(--eds_navigation__breadcrumb_hover_color, rgba(0, 0, 0, 1))',
125
125
  fontFamily: 'Equinor',
126
126
  fontSize: '0.875rem',
127
127
  fontWeight: 500,
@@ -130,7 +130,7 @@ var typography = {
130
130
  textAlign: 'left'
131
131
  },
132
132
  menu_title_hover: {
133
- color: 'rgba(61, 61, 61, 1)',
133
+ color: 'var(--eds_navigation__menu_title_hover_color, rgba(61, 61, 61, 1))',
134
134
  fontFamily: 'Equinor',
135
135
  fontSize: '1.000rem',
136
136
  fontWeight: 400,
@@ -141,7 +141,7 @@ var typography = {
141
141
  },
142
142
  input: {
143
143
  label: {
144
- color: 'rgba(0, 0, 0, 1)',
144
+ color: 'var(--eds_input__label_color, rgba(0, 0, 0, 1))',
145
145
  fontFamily: 'Equinor',
146
146
  fontSize: '0.750rem',
147
147
  fontWeight: 500,
@@ -149,7 +149,7 @@ var typography = {
149
149
  textAlign: 'left'
150
150
  },
151
151
  text: {
152
- color: 'rgba(0, 0, 0, 1)',
152
+ color: 'var(--eds_input__text_color, rgba(0, 0, 0, 1))',
153
153
  fontFamily: 'Equinor',
154
154
  fontSize: '1.000rem',
155
155
  fontWeight: 400,
@@ -159,7 +159,7 @@ var typography = {
159
159
  },
160
160
  text_monospaced: {
161
161
  fontFeature: "'tnum' on,'lnum' on",
162
- color: 'rgba(0, 0, 0, 1)',
162
+ color: 'var(--eds_input__text_monospaced_color, rgba(0, 0, 0, 1))',
163
163
  fontFamily: 'Equinor',
164
164
  fontSize: '1.000rem',
165
165
  fontWeight: 400,
@@ -168,7 +168,7 @@ var typography = {
168
168
  textAlign: 'left'
169
169
  },
170
170
  helper: {
171
- color: 'rgba(0, 0, 0, 1)',
171
+ color: 'var(--eds_input__helper_color, rgba(0, 0, 0, 1))',
172
172
  fontFamily: 'Equinor',
173
173
  fontSize: '0.750rem',
174
174
  fontWeight: 500,
@@ -179,7 +179,7 @@ var typography = {
179
179
  },
180
180
  paragraph: {
181
181
  body_short_italic: {
182
- color: 'rgba(61, 61, 61, 1)',
182
+ color: 'var(--eds_paragraph__body_short_italic_color, rgba(61, 61, 61, 1))',
183
183
  fontFamily: 'Equinor',
184
184
  fontSize: '1.000rem',
185
185
  fontWeight: 400,
@@ -188,7 +188,7 @@ var typography = {
188
188
  textAlign: 'left'
189
189
  },
190
190
  caption: {
191
- color: 'rgba(61, 61, 61, 1)',
191
+ color: 'var(--eds_paragraph__caption_color, rgba(61, 61, 61, 1))',
192
192
  fontFamily: 'Equinor',
193
193
  fontSize: '0.875rem',
194
194
  fontWeight: 500,
@@ -196,7 +196,7 @@ var typography = {
196
196
  textAlign: 'left'
197
197
  },
198
198
  meta: {
199
- color: 'rgba(61, 61, 61, 1)',
199
+ color: 'var(--eds_paragraph__meta_color, rgba(61, 61, 61, 1))',
200
200
  fontFamily: 'Equinor',
201
201
  fontSize: '0.625rem',
202
202
  fontWeight: 500,
@@ -204,7 +204,7 @@ var typography = {
204
204
  textAlign: 'left'
205
205
  },
206
206
  body_short: {
207
- color: 'rgba(61, 61, 61, 1)',
207
+ color: 'var(--eds_paragraph__body_short_color, rgba(61, 61, 61, 1))',
208
208
  fontFamily: 'Equinor',
209
209
  fontSize: '1.000rem',
210
210
  fontWeight: 400,
@@ -212,7 +212,7 @@ var typography = {
212
212
  textAlign: 'left'
213
213
  },
214
214
  body_short_bold_italic: {
215
- color: 'rgba(61, 61, 61, 1)',
215
+ color: 'var(--eds_paragraph__body_short_bold_italic_color, rgba(61, 61, 61, 1))',
216
216
  fontFamily: 'Equinor',
217
217
  fontSize: '1.000rem',
218
218
  fontWeight: 700,
@@ -221,7 +221,7 @@ var typography = {
221
221
  textAlign: 'left'
222
222
  },
223
223
  body_short_bold: {
224
- color: 'rgba(61, 61, 61, 1)',
224
+ color: 'var(--eds_paragraph__body_short_bold_color, rgba(61, 61, 61, 1))',
225
225
  fontFamily: 'Equinor',
226
226
  fontSize: '1.000rem',
227
227
  fontWeight: 700,
@@ -229,7 +229,7 @@ var typography = {
229
229
  textAlign: 'left'
230
230
  },
231
231
  body_short_link: {
232
- color: 'rgba(0, 112, 121, 1)',
232
+ color: 'var(--eds_paragraph__body_short_link_color, rgba(0, 112, 121, 1))',
233
233
  fontFamily: 'Equinor',
234
234
  fontSize: '1.000rem',
235
235
  fontWeight: 400,
@@ -238,7 +238,7 @@ var typography = {
238
238
  textAlign: 'left'
239
239
  },
240
240
  overline: {
241
- color: 'rgba(61, 61, 61, 1)',
241
+ color: 'var(--eds_paragraph__overline_color, rgba(61, 61, 61, 1))',
242
242
  fontFamily: 'Equinor',
243
243
  fontSize: '0.625rem',
244
244
  fontWeight: 500,
@@ -248,7 +248,7 @@ var typography = {
248
248
  textAlign: 'left'
249
249
  },
250
250
  ingress: {
251
- color: 'rgba(61, 61, 61, 1)',
251
+ color: 'var(--eds_paragraph__ingress_color, rgba(61, 61, 61, 1))',
252
252
  fontFamily: 'Equinor',
253
253
  fontSize: '1.125rem',
254
254
  fontWeight: 400,
@@ -256,7 +256,7 @@ var typography = {
256
256
  textAlign: 'left'
257
257
  },
258
258
  body_long: {
259
- color: 'rgba(61, 61, 61, 1)',
259
+ color: 'var(--eds_paragraph__body_long_color, rgba(61, 61, 61, 1))',
260
260
  fontFamily: 'Equinor',
261
261
  fontSize: '1.000rem',
262
262
  fontWeight: 400,
@@ -264,7 +264,7 @@ var typography = {
264
264
  textAlign: 'left'
265
265
  },
266
266
  body_long_link: {
267
- color: 'rgba(0, 112, 121, 1)',
267
+ color: 'var(--eds_paragraph__body_long_link_color, rgba(0, 112, 121, 1))',
268
268
  fontFamily: 'Equinor',
269
269
  fontSize: '1.000rem',
270
270
  fontWeight: 400,
@@ -273,7 +273,7 @@ var typography = {
273
273
  textAlign: 'left'
274
274
  },
275
275
  body_long_italic: {
276
- color: 'rgba(61, 61, 61, 1)',
276
+ color: 'var(--eds_paragraph__body_long_italic_color, rgba(61, 61, 61, 1))',
277
277
  fontFamily: 'Equinor',
278
278
  fontSize: '1.000rem',
279
279
  fontWeight: 400,
@@ -282,7 +282,7 @@ var typography = {
282
282
  textAlign: 'left'
283
283
  },
284
284
  body_long_bold: {
285
- color: 'rgba(61, 61, 61, 1)',
285
+ color: 'var(--eds_paragraph__body_long_bold_color, rgba(61, 61, 61, 1))',
286
286
  fontFamily: 'Equinor',
287
287
  fontSize: '1.000rem',
288
288
  fontWeight: 700,
@@ -290,7 +290,7 @@ var typography = {
290
290
  textAlign: 'left'
291
291
  },
292
292
  body_long_bold_italic: {
293
- color: 'rgba(61, 61, 61, 1)',
293
+ color: 'var(--eds_paragraph__body_long_bold_italic_color, rgba(61, 61, 61, 1))',
294
294
  fontFamily: 'Equinor',
295
295
  fontSize: '1.000rem',
296
296
  fontWeight: 700,
@@ -301,7 +301,7 @@ var typography = {
301
301
  },
302
302
  table: {
303
303
  cell_header: {
304
- color: 'rgba(0, 0, 0, 1)',
304
+ color: 'var(--eds_table__cell_header_color, rgba(0, 0, 0, 1))',
305
305
  fontFamily: 'Equinor',
306
306
  fontSize: '0.875rem',
307
307
  fontWeight: 700,
@@ -309,7 +309,7 @@ var typography = {
309
309
  textAlign: 'left'
310
310
  },
311
311
  cell_text: {
312
- color: 'rgba(0, 0, 0, 1)',
312
+ color: 'var(--eds_table__cell_text_color, rgba(0, 0, 0, 1))',
313
313
  fontFamily: 'Equinor',
314
314
  fontSize: '0.875rem',
315
315
  fontWeight: 500,
@@ -317,7 +317,7 @@ var typography = {
317
317
  textAlign: 'left'
318
318
  },
319
319
  cell_text_bold: {
320
- color: 'rgba(0, 0, 0, 1)',
320
+ color: 'var(--eds_table__cell_text_bold_color, rgba(0, 0, 0, 1))',
321
321
  fontFamily: 'Equinor',
322
322
  fontSize: '0.875rem',
323
323
  fontWeight: 700,
@@ -325,7 +325,7 @@ var typography = {
325
325
  textAlign: 'left'
326
326
  },
327
327
  cell_text_link: {
328
- color: 'rgba(0, 0, 0, 1)',
328
+ color: 'var(--eds_table__cell_text_link_color, rgba(0, 0, 0, 1))',
329
329
  fontFamily: 'Equinor',
330
330
  fontSize: '0.875rem',
331
331
  fontWeight: 500,
@@ -335,7 +335,7 @@ var typography = {
335
335
  },
336
336
  cell_numeric_monospaced: {
337
337
  fontFeature: "'tnum' on,'lnum' on",
338
- color: 'rgba(0, 0, 0, 1)',
338
+ color: 'var(--eds_table__cell_numeric_monospaced_color, rgba(0, 0, 0, 1))',
339
339
  fontFamily: 'Equinor',
340
340
  fontSize: '0.875rem',
341
341
  fontWeight: 500,
@@ -347,7 +347,7 @@ var typography = {
347
347
  compact: {
348
348
  table: {
349
349
  cell_header: {
350
- color: 'rgba(0, 0, 0, 1)',
350
+ color: 'var(--eds_table__cell_header_color, rgba(0, 0, 0, 1))',
351
351
  fontFamily: 'Equinor',
352
352
  fontSize: '0.875rem',
353
353
  fontWeight: 700,
@@ -355,7 +355,7 @@ var typography = {
355
355
  textAlign: 'left'
356
356
  },
357
357
  cell_text: {
358
- color: 'rgba(0, 0, 0, 1)',
358
+ color: 'var(--eds_table__cell_text_color, rgba(0, 0, 0, 1))',
359
359
  fontFamily: 'Equinor',
360
360
  fontSize: '0.875rem',
361
361
  fontWeight: 500,
@@ -363,7 +363,7 @@ var typography = {
363
363
  textAlign: 'left'
364
364
  },
365
365
  cell_text_bold: {
366
- color: 'rgba(0, 0, 0, 1)',
366
+ color: 'var(--eds_table__cell_text_bold_color, rgba(0, 0, 0, 1))',
367
367
  fontFamily: 'Equinor',
368
368
  fontSize: '0.875rem',
369
369
  fontWeight: 700,
@@ -371,7 +371,7 @@ var typography = {
371
371
  textAlign: 'left'
372
372
  },
373
373
  cell_text_link: {
374
- color: 'rgba(0, 0, 0, 1)',
374
+ color: 'var(--eds_table__cell_text_link_color, rgba(0, 0, 0, 1))',
375
375
  fontFamily: 'Equinor',
376
376
  fontSize: '0.875rem',
377
377
  fontWeight: 500,
@@ -381,7 +381,7 @@ var typography = {
381
381
  },
382
382
  cell_numeric_monospaced: {
383
383
  fontFeature: "'tnum' on,'lnum' on",
384
- color: 'rgba(0, 0, 0, 1)',
384
+ color: 'var(--eds_table__cell_numeric_monospaced_color, rgba(0, 0, 0, 1))',
385
385
  fontFamily: 'Equinor',
386
386
  fontSize: '0.875rem',
387
387
  fontWeight: 500,
@@ -393,7 +393,7 @@ var typography = {
393
393
  },
394
394
  ui: {
395
395
  tooltip: {
396
- color: 'rgba(61, 61, 61, 1)',
396
+ color: 'var(--eds_ui__tooltip_color, rgba(61, 61, 61, 1))',
397
397
  fontFamily: 'Equinor',
398
398
  fontSize: '0.750rem',
399
399
  fontWeight: 500,
@@ -401,7 +401,7 @@ var typography = {
401
401
  textAlign: 'left'
402
402
  },
403
403
  snackbar: {
404
- color: 'rgba(61, 61, 61, 1)',
404
+ color: 'var(--eds_ui__snackbar_color, rgba(61, 61, 61, 1))',
405
405
  fontFamily: 'Equinor',
406
406
  fontSize: '0.750rem',
407
407
  fontWeight: 500,
@@ -409,7 +409,7 @@ var typography = {
409
409
  textAlign: 'left'
410
410
  },
411
411
  accordion_header: {
412
- color: 'rgba(61, 61, 61, 1)',
412
+ color: 'var(--eds_ui__accordion_header_color, rgba(61, 61, 61, 1))',
413
413
  fontFamily: 'Equinor',
414
414
  fontSize: '1.000rem',
415
415
  fontWeight: 500,
@@ -417,7 +417,7 @@ var typography = {
417
417
  textAlign: 'left'
418
418
  },
419
419
  chip__badge: {
420
- color: 'rgba(61, 61, 61, 1)',
420
+ color: 'var(--eds_ui__chip__badge_color, rgba(61, 61, 61, 1))',
421
421
  fontFamily: 'Equinor',
422
422
  fontSize: '0.750rem',
423
423
  fontWeight: 500,
@@ -425,7 +425,7 @@ var typography = {
425
425
  textAlign: 'left'
426
426
  },
427
427
  chart: {
428
- color: 'rgba(61, 61, 61, 1)',
428
+ color: 'var(--eds_ui__chart_color, rgba(61, 61, 61, 1))',
429
429
  fontFamily: 'Equinor',
430
430
  fontSize: '0.750rem',
431
431
  fontWeight: 500,
package/dist/tokens.cjs.js CHANGED
@@ -550,7 +550,7 @@ var shape = {
550
550
  var typography = {
551
551
  heading: {
552
552
  h1_bold: {
553
- color: 'rgba(61, 61, 61, 1)',
553
+ color: 'var(--eds_heading__h1_bold_color, rgba(61, 61, 61, 1))',
554
554
  fontFamily: 'Equinor',
555
555
  fontSize: '2.000rem',
556
556
  fontWeight: 700,
@@ -558,7 +558,7 @@ var typography = {
558
558
  textAlign: 'left'
559
559
  },
560
560
  h1: {
561
- color: 'rgba(61, 61, 61, 1)',
561
+ color: 'var(--eds_heading__h1_color, rgba(61, 61, 61, 1))',
562
562
  fontFamily: 'Equinor',
563
563
  fontSize: '2.000rem',
564
564
  fontWeight: 400,
@@ -566,7 +566,7 @@ var typography = {
566
566
  textAlign: 'left'
567
567
  },
568
568
  h2: {
569
- color: 'rgba(61, 61, 61, 1)',
569
+ color: 'var(--eds_heading__h2_color, rgba(61, 61, 61, 1))',
570
570
  fontFamily: 'Equinor',
571
571
  fontSize: '1.750rem',
572
572
  fontWeight: 400,
@@ -574,7 +574,7 @@ var typography = {
574
574
  textAlign: 'left'
575
575
  },
576
576
  h3: {
577
- color: 'rgba(61, 61, 61, 1)',
577
+ color: 'var(--eds_heading__h3_color, rgba(61, 61, 61, 1))',
578
578
  fontFamily: 'Equinor',
579
579
  fontSize: '1.500rem',
580
580
  fontWeight: 400,
@@ -582,7 +582,7 @@ var typography = {
582
582
  textAlign: 'left'
583
583
  },
584
584
  h4: {
585
- color: 'rgba(61, 61, 61, 1)',
585
+ color: 'var(--eds_heading__h4_color, rgba(61, 61, 61, 1))',
586
586
  fontFamily: 'Equinor',
587
587
  fontSize: '1.250rem',
588
588
  fontWeight: 400,
@@ -590,7 +590,7 @@ var typography = {
590
590
  textAlign: 'left'
591
591
  },
592
592
  h5: {
593
- color: 'rgba(61, 61, 61, 1)',
593
+ color: 'var(--eds_heading__h5_color, rgba(61, 61, 61, 1))',
594
594
  fontFamily: 'Equinor',
595
595
  fontSize: '1.125rem',
596
596
  fontWeight: 500,
@@ -599,7 +599,7 @@ var typography = {
599
599
  textAlign: 'left'
600
600
  },
601
601
  h6: {
602
- color: 'rgba(61, 61, 61, 1)',
602
+ color: 'var(--eds_heading__h6_color, rgba(61, 61, 61, 1))',
603
603
  fontFamily: 'Equinor',
604
604
  fontSize: '1.000rem',
605
605
  fontWeight: 500,
@@ -610,7 +610,7 @@ var typography = {
610
610
  },
611
611
  navigation: {
612
612
  menu_title: {
613
- color: 'rgba(61, 61, 61, 1)',
613
+ color: 'var(--eds_navigation__menu_title_color, rgba(61, 61, 61, 1))',
614
614
  fontFamily: 'Equinor',
615
615
  fontSize: '1.000rem',
616
616
  fontWeight: 400,
@@ -619,7 +619,7 @@ var typography = {
619
619
  textAlign: 'left'
620
620
  },
621
621
  menu_tabs: {
622
- color: 'rgba(61, 61, 61, 1)',
622
+ color: 'var(--eds_navigation__menu_tabs_color, rgba(61, 61, 61, 1))',
623
623
  fontFamily: 'Equinor',
624
624
  fontSize: '1.000rem',
625
625
  fontWeight: 500,
@@ -628,7 +628,7 @@ var typography = {
628
628
  textAlign: 'left'
629
629
  },
630
630
  label: {
631
- color: 'rgba(0, 0, 0, 1)',
631
+ color: 'var(--eds_navigation__label_color, rgba(0, 0, 0, 1))',
632
632
  fontFamily: 'Equinor',
633
633
  fontSize: '0.750rem',
634
634
  fontWeight: 500,
@@ -636,7 +636,7 @@ var typography = {
636
636
  textAlign: 'left'
637
637
  },
638
638
  drawer_active: {
639
- color: 'rgba(0, 0, 0, 1)',
639
+ color: 'var(--eds_navigation__drawer_active_color, rgba(0, 0, 0, 1))',
640
640
  fontFamily: 'Equinor',
641
641
  fontSize: '1.000rem',
642
642
  fontWeight: 700,
@@ -645,7 +645,7 @@ var typography = {
645
645
  textAlign: 'left'
646
646
  },
647
647
  drawer_inactive: {
648
- color: 'rgba(0, 0, 0, 1)',
648
+ color: 'var(--eds_navigation__drawer_inactive_color, rgba(0, 0, 0, 1))',
649
649
  fontFamily: 'Equinor',
650
650
  fontSize: '1.000rem',
651
651
  fontWeight: 500,
@@ -654,7 +654,7 @@ var typography = {
654
654
  textAlign: 'left'
655
655
  },
656
656
  button: {
657
- color: 'rgba(0, 0, 0, 1)',
657
+ color: 'var(--eds_navigation__button_color, rgba(0, 0, 0, 1))',
658
658
  fontFamily: 'Equinor',
659
659
  fontSize: '0.875rem',
660
660
  fontWeight: 500,
@@ -662,7 +662,7 @@ var typography = {
662
662
  textAlign: 'left'
663
663
  },
664
664
  breadcrumb: {
665
- color: 'rgba(0, 0, 0, 1)',
665
+ color: 'var(--eds_navigation__breadcrumb_color, rgba(0, 0, 0, 1))',
666
666
  fontFamily: 'Equinor',
667
667
  fontSize: '0.875rem',
668
668
  fontWeight: 500,
@@ -670,7 +670,7 @@ var typography = {
670
670
  textAlign: 'left'
671
671
  },
672
672
  breadcrumb_hover: {
673
- color: 'rgba(0, 0, 0, 1)',
673
+ color: 'var(--eds_navigation__breadcrumb_hover_color, rgba(0, 0, 0, 1))',
674
674
  fontFamily: 'Equinor',
675
675
  fontSize: '0.875rem',
676
676
  fontWeight: 500,
@@ -679,7 +679,7 @@ var typography = {
679
679
  textAlign: 'left'
680
680
  },
681
681
  menu_title_hover: {
682
- color: 'rgba(61, 61, 61, 1)',
682
+ color: 'var(--eds_navigation__menu_title_hover_color, rgba(61, 61, 61, 1))',
683
683
  fontFamily: 'Equinor',
684
684
  fontSize: '1.000rem',
685
685
  fontWeight: 400,
@@ -690,7 +690,7 @@ var typography = {
690
690
  },
691
691
  input: {
692
692
  label: {
693
- color: 'rgba(0, 0, 0, 1)',
693
+ color: 'var(--eds_input__label_color, rgba(0, 0, 0, 1))',
694
694
  fontFamily: 'Equinor',
695
695
  fontSize: '0.750rem',
696
696
  fontWeight: 500,
@@ -698,7 +698,7 @@ var typography = {
698
698
  textAlign: 'left'
699
699
  },
700
700
  text: {
701
- color: 'rgba(0, 0, 0, 1)',
701
+ color: 'var(--eds_input__text_color, rgba(0, 0, 0, 1))',
702
702
  fontFamily: 'Equinor',
703
703
  fontSize: '1.000rem',
704
704
  fontWeight: 400,
@@ -708,7 +708,7 @@ var typography = {
708
708
  },
709
709
  text_monospaced: {
710
710
  fontFeature: "'tnum' on,'lnum' on",
711
- color: 'rgba(0, 0, 0, 1)',
711
+ color: 'var(--eds_input__text_monospaced_color, rgba(0, 0, 0, 1))',
712
712
  fontFamily: 'Equinor',
713
713
  fontSize: '1.000rem',
714
714
  fontWeight: 400,
@@ -717,7 +717,7 @@ var typography = {
717
717
  textAlign: 'left'
718
718
  },
719
719
  helper: {
720
- color: 'rgba(0, 0, 0, 1)',
720
+ color: 'var(--eds_input__helper_color, rgba(0, 0, 0, 1))',
721
721
  fontFamily: 'Equinor',
722
722
  fontSize: '0.750rem',
723
723
  fontWeight: 500,
@@ -728,7 +728,7 @@ var typography = {
728
728
  },
729
729
  paragraph: {
730
730
  body_short_italic: {
731
- color: 'rgba(61, 61, 61, 1)',
731
+ color: 'var(--eds_paragraph__body_short_italic_color, rgba(61, 61, 61, 1))',
732
732
  fontFamily: 'Equinor',
733
733
  fontSize: '1.000rem',
734
734
  fontWeight: 400,
@@ -737,7 +737,7 @@ var typography = {
737
737
  textAlign: 'left'
738
738
  },
739
739
  caption: {
740
- color: 'rgba(61, 61, 61, 1)',
740
+ color: 'var(--eds_paragraph__caption_color, rgba(61, 61, 61, 1))',
741
741
  fontFamily: 'Equinor',
742
742
  fontSize: '0.875rem',
743
743
  fontWeight: 500,
@@ -745,7 +745,7 @@ var typography = {
745
745
  textAlign: 'left'
746
746
  },
747
747
  meta: {
748
- color: 'rgba(61, 61, 61, 1)',
748
+ color: 'var(--eds_paragraph__meta_color, rgba(61, 61, 61, 1))',
749
749
  fontFamily: 'Equinor',
750
750
  fontSize: '0.625rem',
751
751
  fontWeight: 500,
@@ -753,7 +753,7 @@ var typography = {
753
753
  textAlign: 'left'
754
754
  },
755
755
  body_short: {
756
- color: 'rgba(61, 61, 61, 1)',
756
+ color: 'var(--eds_paragraph__body_short_color, rgba(61, 61, 61, 1))',
757
757
  fontFamily: 'Equinor',
758
758
  fontSize: '1.000rem',
759
759
  fontWeight: 400,
@@ -761,7 +761,7 @@ var typography = {
761
761
  textAlign: 'left'
762
762
  },
763
763
  body_short_bold_italic: {
764
- color: 'rgba(61, 61, 61, 1)',
764
+ color: 'var(--eds_paragraph__body_short_bold_italic_color, rgba(61, 61, 61, 1))',
765
765
  fontFamily: 'Equinor',
766
766
  fontSize: '1.000rem',
767
767
  fontWeight: 700,
@@ -770,7 +770,7 @@ var typography = {
770
770
  textAlign: 'left'
771
771
  },
772
772
  body_short_bold: {
773
- color: 'rgba(61, 61, 61, 1)',
773
+ color: 'var(--eds_paragraph__body_short_bold_color, rgba(61, 61, 61, 1))',
774
774
  fontFamily: 'Equinor',
775
775
  fontSize: '1.000rem',
776
776
  fontWeight: 700,
@@ -778,7 +778,7 @@ var typography = {
778
778
  textAlign: 'left'
779
779
  },
780
780
  body_short_link: {
781
- color: 'rgba(0, 112, 121, 1)',
781
+ color: 'var(--eds_paragraph__body_short_link_color, rgba(0, 112, 121, 1))',
782
782
  fontFamily: 'Equinor',
783
783
  fontSize: '1.000rem',
784
784
  fontWeight: 400,
@@ -787,7 +787,7 @@ var typography = {
787
787
  textAlign: 'left'
788
788
  },
789
789
  overline: {
790
- color: 'rgba(61, 61, 61, 1)',
790
+ color: 'var(--eds_paragraph__overline_color, rgba(61, 61, 61, 1))',
791
791
  fontFamily: 'Equinor',
792
792
  fontSize: '0.625rem',
793
793
  fontWeight: 500,
@@ -797,7 +797,7 @@ var typography = {
797
797
  textAlign: 'left'
798
798
  },
799
799
  ingress: {
800
- color: 'rgba(61, 61, 61, 1)',
800
+ color: 'var(--eds_paragraph__ingress_color, rgba(61, 61, 61, 1))',
801
801
  fontFamily: 'Equinor',
802
802
  fontSize: '1.125rem',
803
803
  fontWeight: 400,
@@ -805,7 +805,7 @@ var typography = {
805
805
  textAlign: 'left'
806
806
  },
807
807
  body_long: {
808
- color: 'rgba(61, 61, 61, 1)',
808
+ color: 'var(--eds_paragraph__body_long_color, rgba(61, 61, 61, 1))',
809
809
  fontFamily: 'Equinor',
810
810
  fontSize: '1.000rem',
811
811
  fontWeight: 400,
@@ -813,7 +813,7 @@ var typography = {
813
813
  textAlign: 'left'
814
814
  },
815
815
  body_long_link: {
816
- color: 'rgba(0, 112, 121, 1)',
816
+ color: 'var(--eds_paragraph__body_long_link_color, rgba(0, 112, 121, 1))',
817
817
  fontFamily: 'Equinor',
818
818
  fontSize: '1.000rem',
819
819
  fontWeight: 400,
@@ -822,7 +822,7 @@ var typography = {
822
822
  textAlign: 'left'
823
823
  },
824
824
  body_long_italic: {
825
- color: 'rgba(61, 61, 61, 1)',
825
+ color: 'var(--eds_paragraph__body_long_italic_color, rgba(61, 61, 61, 1))',
826
826
  fontFamily: 'Equinor',
827
827
  fontSize: '1.000rem',
828
828
  fontWeight: 400,
@@ -831,7 +831,7 @@ var typography = {
831
831
  textAlign: 'left'
832
832
  },
833
833
  body_long_bold: {
834
- color: 'rgba(61, 61, 61, 1)',
834
+ color: 'var(--eds_paragraph__body_long_bold_color, rgba(61, 61, 61, 1))',
835
835
  fontFamily: 'Equinor',
836
836
  fontSize: '1.000rem',
837
837
  fontWeight: 700,
@@ -839,7 +839,7 @@ var typography = {
839
839
  textAlign: 'left'
840
840
  },
841
841
  body_long_bold_italic: {
842
- color: 'rgba(61, 61, 61, 1)',
842
+ color: 'var(--eds_paragraph__body_long_bold_italic_color, rgba(61, 61, 61, 1))',
843
843
  fontFamily: 'Equinor',
844
844
  fontSize: '1.000rem',
845
845
  fontWeight: 700,
@@ -850,7 +850,7 @@ var typography = {
850
850
  },
851
851
  table: {
852
852
  cell_header: {
853
- color: 'rgba(0, 0, 0, 1)',
853
+ color: 'var(--eds_table__cell_header_color, rgba(0, 0, 0, 1))',
854
854
  fontFamily: 'Equinor',
855
855
  fontSize: '0.875rem',
856
856
  fontWeight: 700,
@@ -858,7 +858,7 @@ var typography = {
858
858
  textAlign: 'left'
859
859
  },
860
860
  cell_text: {
861
- color: 'rgba(0, 0, 0, 1)',
861
+ color: 'var(--eds_table__cell_text_color, rgba(0, 0, 0, 1))',
862
862
  fontFamily: 'Equinor',
863
863
  fontSize: '0.875rem',
864
864
  fontWeight: 500,
@@ -866,7 +866,7 @@ var typography = {
866
866
  textAlign: 'left'
867
867
  },
868
868
  cell_text_bold: {
869
- color: 'rgba(0, 0, 0, 1)',
869
+ color: 'var(--eds_table__cell_text_bold_color, rgba(0, 0, 0, 1))',
870
870
  fontFamily: 'Equinor',
871
871
  fontSize: '0.875rem',
872
872
  fontWeight: 700,
@@ -874,7 +874,7 @@ var typography = {
874
874
  textAlign: 'left'
875
875
  },
876
876
  cell_text_link: {
877
- color: 'rgba(0, 0, 0, 1)',
877
+ color: 'var(--eds_table__cell_text_link_color, rgba(0, 0, 0, 1))',
878
878
  fontFamily: 'Equinor',
879
879
  fontSize: '0.875rem',
880
880
  fontWeight: 500,
@@ -884,7 +884,7 @@ var typography = {
884
884
  },
885
885
  cell_numeric_monospaced: {
886
886
  fontFeature: "'tnum' on,'lnum' on",
887
- color: 'rgba(0, 0, 0, 1)',
887
+ color: 'var(--eds_table__cell_numeric_monospaced_color, rgba(0, 0, 0, 1))',
888
888
  fontFamily: 'Equinor',
889
889
  fontSize: '0.875rem',
890
890
  fontWeight: 500,
@@ -896,7 +896,7 @@ var typography = {
896
896
  compact: {
897
897
  table: {
898
898
  cell_header: {
899
- color: 'rgba(0, 0, 0, 1)',
899
+ color: 'var(--eds_table__cell_header_color, rgba(0, 0, 0, 1))',
900
900
  fontFamily: 'Equinor',
901
901
  fontSize: '0.875rem',
902
902
  fontWeight: 700,
@@ -904,7 +904,7 @@ var typography = {
904
904
  textAlign: 'left'
905
905
  },
906
906
  cell_text: {
907
- color: 'rgba(0, 0, 0, 1)',
907
+ color: 'var(--eds_table__cell_text_color, rgba(0, 0, 0, 1))',
908
908
  fontFamily: 'Equinor',
909
909
  fontSize: '0.875rem',
910
910
  fontWeight: 500,
@@ -912,7 +912,7 @@ var typography = {
912
912
  textAlign: 'left'
913
913
  },
914
914
  cell_text_bold: {
915
- color: 'rgba(0, 0, 0, 1)',
915
+ color: 'var(--eds_table__cell_text_bold_color, rgba(0, 0, 0, 1))',
916
916
  fontFamily: 'Equinor',
917
917
  fontSize: '0.875rem',
918
918
  fontWeight: 700,
@@ -920,7 +920,7 @@ var typography = {
920
920
  textAlign: 'left'
921
921
  },
922
922
  cell_text_link: {
923
- color: 'rgba(0, 0, 0, 1)',
923
+ color: 'var(--eds_table__cell_text_link_color, rgba(0, 0, 0, 1))',
924
924
  fontFamily: 'Equinor',
925
925
  fontSize: '0.875rem',
926
926
  fontWeight: 500,
@@ -930,7 +930,7 @@ var typography = {
930
930
  },
931
931
  cell_numeric_monospaced: {
932
932
  fontFeature: "'tnum' on,'lnum' on",
933
- color: 'rgba(0, 0, 0, 1)',
933
+ color: 'var(--eds_table__cell_numeric_monospaced_color, rgba(0, 0, 0, 1))',
934
934
  fontFamily: 'Equinor',
935
935
  fontSize: '0.875rem',
936
936
  fontWeight: 500,
@@ -942,7 +942,7 @@ var typography = {
942
942
  },
943
943
  ui: {
944
944
  tooltip: {
945
- color: 'rgba(61, 61, 61, 1)',
945
+ color: 'var(--eds_ui__tooltip_color, rgba(61, 61, 61, 1))',
946
946
  fontFamily: 'Equinor',
947
947
  fontSize: '0.750rem',
948
948
  fontWeight: 500,
@@ -950,7 +950,7 @@ var typography = {
950
950
  textAlign: 'left'
951
951
  },
952
952
  snackbar: {
953
- color: 'rgba(61, 61, 61, 1)',
953
+ color: 'var(--eds_ui__snackbar_color, rgba(61, 61, 61, 1))',
954
954
  fontFamily: 'Equinor',
955
955
  fontSize: '0.750rem',
956
956
  fontWeight: 500,
@@ -958,7 +958,7 @@ var typography = {
958
958
  textAlign: 'left'
959
959
  },
960
960
  accordion_header: {
961
- color: 'rgba(61, 61, 61, 1)',
961
+ color: 'var(--eds_ui__accordion_header_color, rgba(61, 61, 61, 1))',
962
962
  fontFamily: 'Equinor',
963
963
  fontSize: '1.000rem',
964
964
  fontWeight: 500,
@@ -966,7 +966,7 @@ var typography = {
966
966
  textAlign: 'left'
967
967
  },
968
968
  chip__badge: {
969
- color: 'rgba(61, 61, 61, 1)',
969
+ color: 'var(--eds_ui__chip__badge_color, rgba(61, 61, 61, 1))',
970
970
  fontFamily: 'Equinor',
971
971
  fontSize: '0.750rem',
972
972
  fontWeight: 500,
@@ -974,7 +974,7 @@ var typography = {
974
974
  textAlign: 'left'
975
975
  },
976
976
  chart: {
977
- color: 'rgba(61, 61, 61, 1)',
977
+ color: 'var(--eds_ui__chart_color, rgba(61, 61, 61, 1))',
978
978
  fontFamily: 'Equinor',
979
979
  fontSize: '0.750rem',
980
980
  fontWeight: 500,
package/dist/types/types/borders.d.ts CHANGED
@@ -1,15 +1,15 @@
1
- export declare type Border = {
1
+ export type Border = {
2
2
  type?: 'border';
3
3
  radius?: string | number;
4
4
  color?: string;
5
5
  width?: string | number;
6
6
  style?: 'solid';
7
7
  };
8
- export declare type Bordergroup = {
8
+ export type Bordergroup = {
9
9
  type?: 'bordergroup';
10
10
  top?: Omit<Border, 'radius | type'>;
11
11
  left?: Omit<Border, 'type'>;
12
12
  right?: Omit<Border, 'type'>;
13
13
  bottom?: Omit<Border, 'radius | type'>;
14
14
  };
15
- export declare type Borders = Border | Bordergroup;
15
+ export type Borders = Border | Bordergroup;
package/dist/types/types/clickbound.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare type Clickbound = {
1
+ export type Clickbound = {
2
2
  height: string;
3
3
  width?: string;
4
4
  offset?: {
package/dist/types/types/component.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Spacing, Borders, Typography, Outline, Clickbound, Pressed, Align } from './index';
2
- export declare type ComponentToken = {
2
+ export type ComponentToken = {
3
3
  maxHeight?: string;
4
4
  minHeight?: string;
5
5
  height?: string;
package/dist/types/types/focus.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare type Outline = {
1
+ export type Outline = {
2
2
  type: 'outline';
3
3
  color: string;
4
4
  width: string;
package/dist/types/types/index.d.ts CHANGED
@@ -5,7 +5,7 @@ export * from './focus';
5
5
  export * from './component';
6
6
  export * from './clickbound';
7
7
  export * from './pressed';
8
- export declare type Typography = {
8
+ export type Typography = {
9
9
  color: string;
10
10
  fontFamily: string;
11
11
  fontSize: string;
@@ -18,22 +18,22 @@ export declare type Typography = {
18
18
  textDecoration?: string;
19
19
  fontFeature?: string;
20
20
  };
21
- export declare type TypographyTokens = {
21
+ export type TypographyTokens = {
22
22
  [P1 in keyof typeof typography]: {
23
- [P2 in keyof typeof typography[P1]]: Typography;
23
+ [P2 in keyof (typeof typography)[P1]]: Typography;
24
24
  };
25
25
  };
26
- export declare type Spacing = {
26
+ export type Spacing = {
27
27
  left?: string;
28
28
  right?: string;
29
29
  top?: string;
30
30
  bottom?: string;
31
31
  };
32
- export declare type Align = {
32
+ export type Align = {
33
33
  horizontal?: string;
34
34
  vertical?: string;
35
35
  };
36
- export declare type SpacingTokens = {
36
+ export type SpacingTokens = {
37
37
  comfortable: {
38
38
  xxx_large: string;
39
39
  xx_large: string;
@@ -46,30 +46,30 @@ export declare type SpacingTokens = {
46
46
  xx_small: string;
47
47
  };
48
48
  };
49
- export declare type Elevations = {
49
+ export type Elevations = {
50
50
  [P in keyof typeof elevation]: string;
51
51
  };
52
- export declare type Color = {
52
+ export type Color = {
53
53
  hex: string;
54
54
  hsla: string;
55
55
  rgba: string;
56
56
  };
57
- export declare type Focus = {
57
+ export type Focus = {
58
58
  type?: 'dashed' | string;
59
59
  color: string;
60
60
  width: string;
61
61
  gap?: string;
62
62
  };
63
- export declare type Hover = {
63
+ export type Hover = {
64
64
  background: Background;
65
65
  radius?: string;
66
66
  };
67
- export declare type Pressed = {
67
+ export type Pressed = {
68
68
  color: string;
69
69
  };
70
- export declare type Clickbounds = {
70
+ export type Clickbounds = {
71
71
  jumbo__base: string;
72
72
  default__base: string;
73
73
  default__input: string;
74
74
  };
75
- export declare type Background = string;
75
+ export type Background = string;
package/dist/types/types/pressed.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare type Pressed = {
1
+ export type Pressed = {
2
2
  blendMode: string;
3
3
  color: string;
4
4
  };
package/elements.css CHANGED
@@ -1,87 +1,87 @@
1
1
 
2
2
  h1 {
3
- color: rgba(61, 61, 61, 1);
3
+ color: var(--eds_heading__h1_color, rgba(61, 61, 61, 1));
4
4
  font-size: 2.000rem;
5
5
  font-weight: 400;
6
6
  line-height: 1.250em;
7
7
  }
8
8
  h2 {
9
- color: rgba(61, 61, 61, 1);
9
+ color: var(--eds_heading__h2_color, rgba(61, 61, 61, 1));
10
10
  font-size: 1.750rem;
11
11
  font-weight: 400;
12
12
  line-height: 1.250em;
13
13
  }
14
14
  h3 {
15
- color: rgba(61, 61, 61, 1);
15
+ color: var(--eds_heading__h3_color, rgba(61, 61, 61, 1));
16
16
  font-size: 1.500rem;
17
17
  font-weight: 400;
18
18
  line-height: 1.250em;
19
19
  }
20
20
  h4 {
21
- color: rgba(61, 61, 61, 1);
21
+ color: var(--eds_heading__h4_color, rgba(61, 61, 61, 1));
22
22
  font-size: 1.250rem;
23
23
  font-weight: 400;
24
24
  line-height: 1.600em;
25
25
  }
26
26
  h5 {
27
- color: rgba(61, 61, 61, 1);
27
+ color: var(--eds_heading__h5_color, rgba(61, 61, 61, 1));
28
28
  font-size: 1.125rem;
29
29
  font-weight: 500;
30
30
  line-height: 1.333em;
31
31
  letter-spacing: 0.013em;
32
32
  }
33
33
  h6 {
34
- color: rgba(61, 61, 61, 1);
34
+ color: var(--eds_heading__h6_color, rgba(61, 61, 61, 1));
35
35
  font-size: 1.000rem;
36
36
  font-weight: 500;
37
37
  line-height: 1.500em;
38
38
  letter-spacing: 0.013em;
39
39
  }
40
40
  label {
41
- color: rgba(0, 0, 0, 1);
41
+ color: var(--eds_navigation__label_color, rgba(0, 0, 0, 1));
42
42
  font-size: 0.750rem;
43
43
  font-weight: 500;
44
44
  line-height: 1.333em;
45
45
  }
46
46
  button {
47
- color: rgba(0, 0, 0, 1);
47
+ color: var(--eds_navigation__button_color, rgba(0, 0, 0, 1));
48
48
  font-size: 0.875rem;
49
49
  font-weight: 500;
50
50
  line-height: 1.143em;
51
51
  }
52
52
  label {
53
- color: rgba(0, 0, 0, 1);
53
+ color: var(--eds_input__label_color, rgba(0, 0, 0, 1));
54
54
  font-size: 0.750rem;
55
55
  font-weight: 500;
56
56
  line-height: 1.333em;
57
57
  }
58
58
  p {
59
- color: rgba(61, 61, 61, 1);
59
+ color: var(--eds_paragraph__body_short_color, rgba(61, 61, 61, 1));
60
60
  font-size: 1.000rem;
61
61
  font-weight: 400;
62
62
  line-height: 1.250em;
63
63
  }
64
64
  a {
65
- color: rgba(0, 112, 121, 1);
65
+ color: var(--eds_paragraph__body_long_link_color, rgba(0, 112, 121, 1));
66
66
  font-size: 1.000rem;
67
67
  font-weight: 400;
68
68
  line-height: 1.500em;
69
69
  text-decoration: underline;
70
70
  }
71
71
  th {
72
- color: rgba(0, 0, 0, 1);
72
+ color: var(--eds_table__cell_header_color, rgba(0, 0, 0, 1));
73
73
  font-size: 0.875rem;
74
74
  font-weight: 700;
75
75
  line-height: 1.429em;
76
76
  }
77
77
  table {
78
- color: rgba(0, 0, 0, 1);
78
+ color: var(--eds_table__cell_text_color, rgba(0, 0, 0, 1));
79
79
  font-size: 0.875rem;
80
80
  font-weight: 500;
81
81
  line-height: 1.429em;
82
82
  }
83
83
  td {
84
- color: rgba(0, 0, 0, 1);
84
+ color: var(--eds_table__cell_numeric_monospaced_color, rgba(0, 0, 0, 1));
85
85
  font-size: 0.875rem;
86
86
  font-weight: 500;
87
87
  line-height: 1.429em;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equinor/eds-tokens",
3
- "version": "0.9.0",
3
+ "version": "0.9.1",
4
4
  "description": "Design tokens for the Equinor Design System",
5
5
  "main": "dist/tokens.cjs.js",
6
6
  "module": "dist/esm/index.js",
@@ -37,7 +37,7 @@
37
37
  "@rollup/plugin-node-resolve": "^14.1.0",
38
38
  "rollup": "^2.79.1",
39
39
  "rollup-plugin-delete": "^2.0.0",
40
- "typescript": "^4.8.4"
40
+ "typescript": "^4.9.4"
41
41
  },
42
42
  "engines": {
43
43
  "pnpm": ">=4",