@equinor/eds-tokens 0.9.0 → 0.9.2-dev-20230704

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 (20) hide show
  1. package/dist/esm/base/index.mjs +19 -0
  2. package/dist/esm/base/{typography.js → typography.mjs} +49 -49
  3. package/dist/esm/index.mjs +1 -0
  4. package/dist/{tokens.cjs.js → tokens.cjs} +49 -51
  5. package/dist/types/types/borders.d.ts +3 -3
  6. package/dist/types/types/clickbound.d.ts +1 -1
  7. package/dist/types/types/component.d.ts +1 -1
  8. package/dist/types/types/focus.d.ts +1 -1
  9. package/dist/types/types/index.d.ts +13 -13
  10. package/dist/types/types/pressed.d.ts +1 -1
  11. package/elements.css +14 -14
  12. package/package.json +20 -10
  13. package/dist/esm/base/index.js +0 -19
  14. package/dist/esm/index.js +0 -1
  15. /package/dist/esm/base/{clickbounds.js → clickbounds.mjs} +0 -0
  16. /package/dist/esm/base/{colors.js → colors.mjs} +0 -0
  17. /package/dist/esm/base/{elevation.js → elevation.mjs} +0 -0
  18. /package/dist/esm/base/{interactions.js → interactions.mjs} +0 -0
  19. /package/dist/esm/base/{shape.js → shape.mjs} +0 -0
  20. /package/dist/esm/base/{spacings.js → spacings.mjs} +0 -0
package/dist/esm/base/index.mjs ADDED
@@ -0,0 +1,19 @@
1
+ import { clickbounds } from './clickbounds.mjs';
2
+ import { colors } from './colors.mjs';
3
+ import { elevation } from './elevation.mjs';
4
+ import { interactions } from './interactions.mjs';
5
+ import { shape } from './shape.mjs';
6
+ import { typography } from './typography.mjs';
7
+ import { spacings } from './spacings.mjs';
8
+
9
+ var tokens = {
10
+ clickbounds: clickbounds,
11
+ colors: colors,
12
+ elevation: elevation,
13
+ interactions: interactions,
14
+ shape: shape,
15
+ typography: typography,
16
+ spacings: spacings
17
+ };
18
+
19
+ export { tokens };
package/dist/esm/base/{typography.js → typography.mjs} RENAMED
@@ -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/esm/index.mjs ADDED
@@ -0,0 +1 @@
1
+ export { tokens } from './base/index.mjs';
package/dist/{tokens.cjs.js → tokens.cjs} RENAMED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var clickbounds = {
6
4
  jumbo__base: '88px',
7
5
  default__base: '48px',
@@ -550,7 +548,7 @@ var shape = {
550
548
  var typography = {
551
549
  heading: {
552
550
  h1_bold: {
553
- color: 'rgba(61, 61, 61, 1)',
551
+ color: 'var(--eds_heading__h1_bold_color, rgba(61, 61, 61, 1))',
554
552
  fontFamily: 'Equinor',
555
553
  fontSize: '2.000rem',
556
554
  fontWeight: 700,
@@ -558,7 +556,7 @@ var typography = {
558
556
  textAlign: 'left'
559
557
  },
560
558
  h1: {
561
- color: 'rgba(61, 61, 61, 1)',
559
+ color: 'var(--eds_heading__h1_color, rgba(61, 61, 61, 1))',
562
560
  fontFamily: 'Equinor',
563
561
  fontSize: '2.000rem',
564
562
  fontWeight: 400,
@@ -566,7 +564,7 @@ var typography = {
566
564
  textAlign: 'left'
567
565
  },
568
566
  h2: {
569
- color: 'rgba(61, 61, 61, 1)',
567
+ color: 'var(--eds_heading__h2_color, rgba(61, 61, 61, 1))',
570
568
  fontFamily: 'Equinor',
571
569
  fontSize: '1.750rem',
572
570
  fontWeight: 400,
@@ -574,7 +572,7 @@ var typography = {
574
572
  textAlign: 'left'
575
573
  },
576
574
  h3: {
577
- color: 'rgba(61, 61, 61, 1)',
575
+ color: 'var(--eds_heading__h3_color, rgba(61, 61, 61, 1))',
578
576
  fontFamily: 'Equinor',
579
577
  fontSize: '1.500rem',
580
578
  fontWeight: 400,
@@ -582,7 +580,7 @@ var typography = {
582
580
  textAlign: 'left'
583
581
  },
584
582
  h4: {
585
- color: 'rgba(61, 61, 61, 1)',
583
+ color: 'var(--eds_heading__h4_color, rgba(61, 61, 61, 1))',
586
584
  fontFamily: 'Equinor',
587
585
  fontSize: '1.250rem',
588
586
  fontWeight: 400,
@@ -590,7 +588,7 @@ var typography = {
590
588
  textAlign: 'left'
591
589
  },
592
590
  h5: {
593
- color: 'rgba(61, 61, 61, 1)',
591
+ color: 'var(--eds_heading__h5_color, rgba(61, 61, 61, 1))',
594
592
  fontFamily: 'Equinor',
595
593
  fontSize: '1.125rem',
596
594
  fontWeight: 500,
@@ -599,7 +597,7 @@ var typography = {
599
597
  textAlign: 'left'
600
598
  },
601
599
  h6: {
602
- color: 'rgba(61, 61, 61, 1)',
600
+ color: 'var(--eds_heading__h6_color, rgba(61, 61, 61, 1))',
603
601
  fontFamily: 'Equinor',
604
602
  fontSize: '1.000rem',
605
603
  fontWeight: 500,
@@ -610,7 +608,7 @@ var typography = {
610
608
  },
611
609
  navigation: {
612
610
  menu_title: {
613
- color: 'rgba(61, 61, 61, 1)',
611
+ color: 'var(--eds_navigation__menu_title_color, rgba(61, 61, 61, 1))',
614
612
  fontFamily: 'Equinor',
615
613
  fontSize: '1.000rem',
616
614
  fontWeight: 400,
@@ -619,7 +617,7 @@ var typography = {
619
617
  textAlign: 'left'
620
618
  },
621
619
  menu_tabs: {
622
- color: 'rgba(61, 61, 61, 1)',
620
+ color: 'var(--eds_navigation__menu_tabs_color, rgba(61, 61, 61, 1))',
623
621
  fontFamily: 'Equinor',
624
622
  fontSize: '1.000rem',
625
623
  fontWeight: 500,
@@ -628,7 +626,7 @@ var typography = {
628
626
  textAlign: 'left'
629
627
  },
630
628
  label: {
631
- color: 'rgba(0, 0, 0, 1)',
629
+ color: 'var(--eds_navigation__label_color, rgba(0, 0, 0, 1))',
632
630
  fontFamily: 'Equinor',
633
631
  fontSize: '0.750rem',
634
632
  fontWeight: 500,
@@ -636,7 +634,7 @@ var typography = {
636
634
  textAlign: 'left'
637
635
  },
638
636
  drawer_active: {
639
- color: 'rgba(0, 0, 0, 1)',
637
+ color: 'var(--eds_navigation__drawer_active_color, rgba(0, 0, 0, 1))',
640
638
  fontFamily: 'Equinor',
641
639
  fontSize: '1.000rem',
642
640
  fontWeight: 700,
@@ -645,7 +643,7 @@ var typography = {
645
643
  textAlign: 'left'
646
644
  },
647
645
  drawer_inactive: {
648
- color: 'rgba(0, 0, 0, 1)',
646
+ color: 'var(--eds_navigation__drawer_inactive_color, rgba(0, 0, 0, 1))',
649
647
  fontFamily: 'Equinor',
650
648
  fontSize: '1.000rem',
651
649
  fontWeight: 500,
@@ -654,7 +652,7 @@ var typography = {
654
652
  textAlign: 'left'
655
653
  },
656
654
  button: {
657
- color: 'rgba(0, 0, 0, 1)',
655
+ color: 'var(--eds_navigation__button_color, rgba(0, 0, 0, 1))',
658
656
  fontFamily: 'Equinor',
659
657
  fontSize: '0.875rem',
660
658
  fontWeight: 500,
@@ -662,7 +660,7 @@ var typography = {
662
660
  textAlign: 'left'
663
661
  },
664
662
  breadcrumb: {
665
- color: 'rgba(0, 0, 0, 1)',
663
+ color: 'var(--eds_navigation__breadcrumb_color, rgba(0, 0, 0, 1))',
666
664
  fontFamily: 'Equinor',
667
665
  fontSize: '0.875rem',
668
666
  fontWeight: 500,
@@ -670,7 +668,7 @@ var typography = {
670
668
  textAlign: 'left'
671
669
  },
672
670
  breadcrumb_hover: {
673
- color: 'rgba(0, 0, 0, 1)',
671
+ color: 'var(--eds_navigation__breadcrumb_hover_color, rgba(0, 0, 0, 1))',
674
672
  fontFamily: 'Equinor',
675
673
  fontSize: '0.875rem',
676
674
  fontWeight: 500,
@@ -679,7 +677,7 @@ var typography = {
679
677
  textAlign: 'left'
680
678
  },
681
679
  menu_title_hover: {
682
- color: 'rgba(61, 61, 61, 1)',
680
+ color: 'var(--eds_navigation__menu_title_hover_color, rgba(61, 61, 61, 1))',
683
681
  fontFamily: 'Equinor',
684
682
  fontSize: '1.000rem',
685
683
  fontWeight: 400,
@@ -690,7 +688,7 @@ var typography = {
690
688
  },
691
689
  input: {
692
690
  label: {
693
- color: 'rgba(0, 0, 0, 1)',
691
+ color: 'var(--eds_input__label_color, rgba(0, 0, 0, 1))',
694
692
  fontFamily: 'Equinor',
695
693
  fontSize: '0.750rem',
696
694
  fontWeight: 500,
@@ -698,7 +696,7 @@ var typography = {
698
696
  textAlign: 'left'
699
697
  },
700
698
  text: {
701
- color: 'rgba(0, 0, 0, 1)',
699
+ color: 'var(--eds_input__text_color, rgba(0, 0, 0, 1))',
702
700
  fontFamily: 'Equinor',
703
701
  fontSize: '1.000rem',
704
702
  fontWeight: 400,
@@ -708,7 +706,7 @@ var typography = {
708
706
  },
709
707
  text_monospaced: {
710
708
  fontFeature: "'tnum' on,'lnum' on",
711
- color: 'rgba(0, 0, 0, 1)',
709
+ color: 'var(--eds_input__text_monospaced_color, rgba(0, 0, 0, 1))',
712
710
  fontFamily: 'Equinor',
713
711
  fontSize: '1.000rem',
714
712
  fontWeight: 400,
@@ -717,7 +715,7 @@ var typography = {
717
715
  textAlign: 'left'
718
716
  },
719
717
  helper: {
720
- color: 'rgba(0, 0, 0, 1)',
718
+ color: 'var(--eds_input__helper_color, rgba(0, 0, 0, 1))',
721
719
  fontFamily: 'Equinor',
722
720
  fontSize: '0.750rem',
723
721
  fontWeight: 500,
@@ -728,7 +726,7 @@ var typography = {
728
726
  },
729
727
  paragraph: {
730
728
  body_short_italic: {
731
- color: 'rgba(61, 61, 61, 1)',
729
+ color: 'var(--eds_paragraph__body_short_italic_color, rgba(61, 61, 61, 1))',
732
730
  fontFamily: 'Equinor',
733
731
  fontSize: '1.000rem',
734
732
  fontWeight: 400,
@@ -737,7 +735,7 @@ var typography = {
737
735
  textAlign: 'left'
738
736
  },
739
737
  caption: {
740
- color: 'rgba(61, 61, 61, 1)',
738
+ color: 'var(--eds_paragraph__caption_color, rgba(61, 61, 61, 1))',
741
739
  fontFamily: 'Equinor',
742
740
  fontSize: '0.875rem',
743
741
  fontWeight: 500,
@@ -745,7 +743,7 @@ var typography = {
745
743
  textAlign: 'left'
746
744
  },
747
745
  meta: {
748
- color: 'rgba(61, 61, 61, 1)',
746
+ color: 'var(--eds_paragraph__meta_color, rgba(61, 61, 61, 1))',
749
747
  fontFamily: 'Equinor',
750
748
  fontSize: '0.625rem',
751
749
  fontWeight: 500,
@@ -753,7 +751,7 @@ var typography = {
753
751
  textAlign: 'left'
754
752
  },
755
753
  body_short: {
756
- color: 'rgba(61, 61, 61, 1)',
754
+ color: 'var(--eds_paragraph__body_short_color, rgba(61, 61, 61, 1))',
757
755
  fontFamily: 'Equinor',
758
756
  fontSize: '1.000rem',
759
757
  fontWeight: 400,
@@ -761,7 +759,7 @@ var typography = {
761
759
  textAlign: 'left'
762
760
  },
763
761
  body_short_bold_italic: {
764
- color: 'rgba(61, 61, 61, 1)',
762
+ color: 'var(--eds_paragraph__body_short_bold_italic_color, rgba(61, 61, 61, 1))',
765
763
  fontFamily: 'Equinor',
766
764
  fontSize: '1.000rem',
767
765
  fontWeight: 700,
@@ -770,7 +768,7 @@ var typography = {
770
768
  textAlign: 'left'
771
769
  },
772
770
  body_short_bold: {
773
- color: 'rgba(61, 61, 61, 1)',
771
+ color: 'var(--eds_paragraph__body_short_bold_color, rgba(61, 61, 61, 1))',
774
772
  fontFamily: 'Equinor',
775
773
  fontSize: '1.000rem',
776
774
  fontWeight: 700,
@@ -778,7 +776,7 @@ var typography = {
778
776
  textAlign: 'left'
779
777
  },
780
778
  body_short_link: {
781
- color: 'rgba(0, 112, 121, 1)',
779
+ color: 'var(--eds_paragraph__body_short_link_color, rgba(0, 112, 121, 1))',
782
780
  fontFamily: 'Equinor',
783
781
  fontSize: '1.000rem',
784
782
  fontWeight: 400,
@@ -787,7 +785,7 @@ var typography = {
787
785
  textAlign: 'left'
788
786
  },
789
787
  overline: {
790
- color: 'rgba(61, 61, 61, 1)',
788
+ color: 'var(--eds_paragraph__overline_color, rgba(61, 61, 61, 1))',
791
789
  fontFamily: 'Equinor',
792
790
  fontSize: '0.625rem',
793
791
  fontWeight: 500,
@@ -797,7 +795,7 @@ var typography = {
797
795
  textAlign: 'left'
798
796
  },
799
797
  ingress: {
800
- color: 'rgba(61, 61, 61, 1)',
798
+ color: 'var(--eds_paragraph__ingress_color, rgba(61, 61, 61, 1))',
801
799
  fontFamily: 'Equinor',
802
800
  fontSize: '1.125rem',
803
801
  fontWeight: 400,
@@ -805,7 +803,7 @@ var typography = {
805
803
  textAlign: 'left'
806
804
  },
807
805
  body_long: {
808
- color: 'rgba(61, 61, 61, 1)',
806
+ color: 'var(--eds_paragraph__body_long_color, rgba(61, 61, 61, 1))',
809
807
  fontFamily: 'Equinor',
810
808
  fontSize: '1.000rem',
811
809
  fontWeight: 400,
@@ -813,7 +811,7 @@ var typography = {
813
811
  textAlign: 'left'
814
812
  },
815
813
  body_long_link: {
816
- color: 'rgba(0, 112, 121, 1)',
814
+ color: 'var(--eds_paragraph__body_long_link_color, rgba(0, 112, 121, 1))',
817
815
  fontFamily: 'Equinor',
818
816
  fontSize: '1.000rem',
819
817
  fontWeight: 400,
@@ -822,7 +820,7 @@ var typography = {
822
820
  textAlign: 'left'
823
821
  },
824
822
  body_long_italic: {
825
- color: 'rgba(61, 61, 61, 1)',
823
+ color: 'var(--eds_paragraph__body_long_italic_color, rgba(61, 61, 61, 1))',
826
824
  fontFamily: 'Equinor',
827
825
  fontSize: '1.000rem',
828
826
  fontWeight: 400,
@@ -831,7 +829,7 @@ var typography = {
831
829
  textAlign: 'left'
832
830
  },
833
831
  body_long_bold: {
834
- color: 'rgba(61, 61, 61, 1)',
832
+ color: 'var(--eds_paragraph__body_long_bold_color, rgba(61, 61, 61, 1))',
835
833
  fontFamily: 'Equinor',
836
834
  fontSize: '1.000rem',
837
835
  fontWeight: 700,
@@ -839,7 +837,7 @@ var typography = {
839
837
  textAlign: 'left'
840
838
  },
841
839
  body_long_bold_italic: {
842
- color: 'rgba(61, 61, 61, 1)',
840
+ color: 'var(--eds_paragraph__body_long_bold_italic_color, rgba(61, 61, 61, 1))',
843
841
  fontFamily: 'Equinor',
844
842
  fontSize: '1.000rem',
845
843
  fontWeight: 700,
@@ -850,7 +848,7 @@ var typography = {
850
848
  },
851
849
  table: {
852
850
  cell_header: {
853
- color: 'rgba(0, 0, 0, 1)',
851
+ color: 'var(--eds_table__cell_header_color, rgba(0, 0, 0, 1))',
854
852
  fontFamily: 'Equinor',
855
853
  fontSize: '0.875rem',
856
854
  fontWeight: 700,
@@ -858,7 +856,7 @@ var typography = {
858
856
  textAlign: 'left'
859
857
  },
860
858
  cell_text: {
861
- color: 'rgba(0, 0, 0, 1)',
859
+ color: 'var(--eds_table__cell_text_color, rgba(0, 0, 0, 1))',
862
860
  fontFamily: 'Equinor',
863
861
  fontSize: '0.875rem',
864
862
  fontWeight: 500,
@@ -866,7 +864,7 @@ var typography = {
866
864
  textAlign: 'left'
867
865
  },
868
866
  cell_text_bold: {
869
- color: 'rgba(0, 0, 0, 1)',
867
+ color: 'var(--eds_table__cell_text_bold_color, rgba(0, 0, 0, 1))',
870
868
  fontFamily: 'Equinor',
871
869
  fontSize: '0.875rem',
872
870
  fontWeight: 700,
@@ -874,7 +872,7 @@ var typography = {
874
872
  textAlign: 'left'
875
873
  },
876
874
  cell_text_link: {
877
- color: 'rgba(0, 0, 0, 1)',
875
+ color: 'var(--eds_table__cell_text_link_color, rgba(0, 0, 0, 1))',
878
876
  fontFamily: 'Equinor',
879
877
  fontSize: '0.875rem',
880
878
  fontWeight: 500,
@@ -884,7 +882,7 @@ var typography = {
884
882
  },
885
883
  cell_numeric_monospaced: {
886
884
  fontFeature: "'tnum' on,'lnum' on",
887
- color: 'rgba(0, 0, 0, 1)',
885
+ color: 'var(--eds_table__cell_numeric_monospaced_color, rgba(0, 0, 0, 1))',
888
886
  fontFamily: 'Equinor',
889
887
  fontSize: '0.875rem',
890
888
  fontWeight: 500,
@@ -896,7 +894,7 @@ var typography = {
896
894
  compact: {
897
895
  table: {
898
896
  cell_header: {
899
- color: 'rgba(0, 0, 0, 1)',
897
+ color: 'var(--eds_table__cell_header_color, rgba(0, 0, 0, 1))',
900
898
  fontFamily: 'Equinor',
901
899
  fontSize: '0.875rem',
902
900
  fontWeight: 700,
@@ -904,7 +902,7 @@ var typography = {
904
902
  textAlign: 'left'
905
903
  },
906
904
  cell_text: {
907
- color: 'rgba(0, 0, 0, 1)',
905
+ color: 'var(--eds_table__cell_text_color, rgba(0, 0, 0, 1))',
908
906
  fontFamily: 'Equinor',
909
907
  fontSize: '0.875rem',
910
908
  fontWeight: 500,
@@ -912,7 +910,7 @@ var typography = {
912
910
  textAlign: 'left'
913
911
  },
914
912
  cell_text_bold: {
915
- color: 'rgba(0, 0, 0, 1)',
913
+ color: 'var(--eds_table__cell_text_bold_color, rgba(0, 0, 0, 1))',
916
914
  fontFamily: 'Equinor',
917
915
  fontSize: '0.875rem',
918
916
  fontWeight: 700,
@@ -920,7 +918,7 @@ var typography = {
920
918
  textAlign: 'left'
921
919
  },
922
920
  cell_text_link: {
923
- color: 'rgba(0, 0, 0, 1)',
921
+ color: 'var(--eds_table__cell_text_link_color, rgba(0, 0, 0, 1))',
924
922
  fontFamily: 'Equinor',
925
923
  fontSize: '0.875rem',
926
924
  fontWeight: 500,
@@ -930,7 +928,7 @@ var typography = {
930
928
  },
931
929
  cell_numeric_monospaced: {
932
930
  fontFeature: "'tnum' on,'lnum' on",
933
- color: 'rgba(0, 0, 0, 1)',
931
+ color: 'var(--eds_table__cell_numeric_monospaced_color, rgba(0, 0, 0, 1))',
934
932
  fontFamily: 'Equinor',
935
933
  fontSize: '0.875rem',
936
934
  fontWeight: 500,
@@ -942,7 +940,7 @@ var typography = {
942
940
  },
943
941
  ui: {
944
942
  tooltip: {
945
- color: 'rgba(61, 61, 61, 1)',
943
+ color: 'var(--eds_ui__tooltip_color, rgba(61, 61, 61, 1))',
946
944
  fontFamily: 'Equinor',
947
945
  fontSize: '0.750rem',
948
946
  fontWeight: 500,
@@ -950,7 +948,7 @@ var typography = {
950
948
  textAlign: 'left'
951
949
  },
952
950
  snackbar: {
953
- color: 'rgba(61, 61, 61, 1)',
951
+ color: 'var(--eds_ui__snackbar_color, rgba(61, 61, 61, 1))',
954
952
  fontFamily: 'Equinor',
955
953
  fontSize: '0.750rem',
956
954
  fontWeight: 500,
@@ -958,7 +956,7 @@ var typography = {
958
956
  textAlign: 'left'
959
957
  },
960
958
  accordion_header: {
961
- color: 'rgba(61, 61, 61, 1)',
959
+ color: 'var(--eds_ui__accordion_header_color, rgba(61, 61, 61, 1))',
962
960
  fontFamily: 'Equinor',
963
961
  fontSize: '1.000rem',
964
962
  fontWeight: 500,
@@ -966,7 +964,7 @@ var typography = {
966
964
  textAlign: 'left'
967
965
  },
968
966
  chip__badge: {
969
- color: 'rgba(61, 61, 61, 1)',
967
+ color: 'var(--eds_ui__chip__badge_color, rgba(61, 61, 61, 1))',
970
968
  fontFamily: 'Equinor',
971
969
  fontSize: '0.750rem',
972
970
  fontWeight: 500,
@@ -974,7 +972,7 @@ var typography = {
974
972
  textAlign: 'left'
975
973
  },
976
974
  chart: {
977
- color: 'rgba(61, 61, 61, 1)',
975
+ color: 'var(--eds_ui__chart_color, rgba(61, 61, 61, 1))',
978
976
  fontFamily: 'Equinor',
979
977
  fontSize: '0.750rem',
980
978
  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,10 +1,20 @@
1
1
  {
2
2
  "name": "@equinor/eds-tokens",
3
- "version": "0.9.0",
3
+ "version": "0.9.2-dev-20230704",
4
4
  "description": "Design tokens for the Equinor Design System",
5
- "main": "dist/tokens.cjs.js",
6
- "module": "dist/esm/index.js",
7
- "types": "dist/types/index.d.ts",
5
+ "type": "module",
6
+ "exports": {
7
+ ".": {
8
+ "types": "./dist/types/index.d.ts",
9
+ "import": "./dist/esm/index.mjs",
10
+ "require": "./dist/tokens.cjs",
11
+ "default": "./dist/tokens.cjs"
12
+ },
13
+ "./tokens.css": "./tokens.css",
14
+ "./elements.css": "./elements.css"
15
+ },
16
+ "types": "./dist/types/index.d.ts",
17
+ "main": "./dist/tokens.cjs",
8
18
  "license": "MIT",
9
19
  "author": {
10
20
  "name": "EDS Core Team",
@@ -32,12 +42,12 @@
32
42
  "design tokens"
33
43
  ],
34
44
  "devDependencies": {
35
- "@rollup/plugin-babel": "^5.3.1",
36
- "@rollup/plugin-commonjs": "^22.0.2",
37
- "@rollup/plugin-node-resolve": "^14.1.0",
38
- "rollup": "^2.79.1",
45
+ "@rollup/plugin-babel": "^6.0.3",
46
+ "@rollup/plugin-commonjs": "^25.0.2",
47
+ "@rollup/plugin-node-resolve": "^15.1.0",
48
+ "rollup": "^3.25.3",
39
49
  "rollup-plugin-delete": "^2.0.0",
40
- "typescript": "^4.8.4"
50
+ "typescript": "^4.9.4"
41
51
  },
42
52
  "engines": {
43
53
  "pnpm": ">=4",
@@ -45,7 +55,7 @@
45
55
  },
46
56
  "browserslist": "defaults, not IE 11",
47
57
  "scripts": {
48
- "build": "rollup -c && tsc",
58
+ "build": "rollup -c --bundleConfigAsCjs && tsc",
49
59
  "dev": "rollup -c -w",
50
60
  "types": "tsc"
51
61
  }
package/dist/esm/base/index.js DELETED
@@ -1,19 +0,0 @@
1
- import { clickbounds } from './clickbounds.js';
2
- import { colors } from './colors.js';
3
- import { elevation } from './elevation.js';
4
- import { interactions } from './interactions.js';
5
- import { shape } from './shape.js';
6
- import { typography } from './typography.js';
7
- import { spacings } from './spacings.js';
8
-
9
- var tokens = {
10
- clickbounds: clickbounds,
11
- colors: colors,
12
- elevation: elevation,
13
- interactions: interactions,
14
- shape: shape,
15
- typography: typography,
16
- spacings: spacings
17
- };
18
-
19
- export { tokens };
package/dist/esm/index.js DELETED
@@ -1 +0,0 @@
1
- export { tokens } from './base/index.js';
/package/dist/esm/base/{colors.js → colors.mjs} RENAMED
File without changes
/package/dist/esm/base/{elevation.js → elevation.mjs} RENAMED
File without changes
/package/dist/esm/base/{shape.js → shape.mjs} RENAMED
File without changes
/package/dist/esm/base/{spacings.js → spacings.mjs} RENAMED
File without changes