@equinor/eds-tokens 0.7.1 → 0.8.0-dev.20221005

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/esm/base/clickbounds.js +9 -0
  2. package/dist/esm/base/colors.js +389 -0
  3. package/dist/esm/base/elevation.js +10 -0
  4. package/dist/esm/base/index.js +19 -0
  5. package/dist/esm/base/interactions.js +34 -0
  6. package/dist/esm/base/shape.js +108 -0
  7. package/dist/esm/base/spacings.js +15 -0
  8. package/dist/esm/base/typography.js +438 -0
  9. package/dist/esm/index.js +1 -0
  10. package/dist/tokens.cjs.js +990 -990
  11. package/dist/types/base/clickbounds.d.ts +7 -7
  12. package/dist/types/base/colors.d.ts +387 -387
  13. package/dist/types/base/elevation.d.ts +8 -8
  14. package/dist/types/base/index.d.ts +991 -991
  15. package/dist/types/base/interactions.d.ts +32 -32
  16. package/dist/types/base/shape.d.ts +106 -106
  17. package/dist/types/base/spacings.d.ts +13 -13
  18. package/dist/types/base/typography.d.ts +436 -436
  19. package/dist/types/index.d.ts +2 -2
  20. package/dist/types/{src/types → types}/borders.d.ts +15 -15
  21. package/dist/types/{src/types → types}/clickbound.d.ts +8 -8
  22. package/dist/types/{src/types → types}/component.d.ts +36 -36
  23. package/dist/types/{src/types → types}/focus.d.ts +7 -7
  24. package/dist/types/{src/types → types}/index.d.ts +75 -75
  25. package/dist/types/{src/types → types}/pressed.d.ts +4 -4
  26. package/elements.css +89 -0
  27. package/package.json +12 -11
  28. package/tokens.css +143 -0
  29. package/dist/tokens.esm.js +0 -1007
  30. package/dist/tokens.umd.js +0 -1017
package/dist/esm/base/typography.js ADDED
@@ -0,0 +1,438 @@
1
+ var typography = {
2
+ heading: {
3
+ h1_bold: {
4
+ color: 'rgba(61, 61, 61, 1)',
5
+ fontFamily: 'Equinor',
6
+ fontSize: '2.000rem',
7
+ fontWeight: 700,
8
+ lineHeight: '1.250em',
9
+ textAlign: 'left'
10
+ },
11
+ h1: {
12
+ color: 'rgba(61, 61, 61, 1)',
13
+ fontFamily: 'Equinor',
14
+ fontSize: '2.000rem',
15
+ fontWeight: 400,
16
+ lineHeight: '1.250em',
17
+ textAlign: 'left'
18
+ },
19
+ h2: {
20
+ color: 'rgba(61, 61, 61, 1)',
21
+ fontFamily: 'Equinor',
22
+ fontSize: '1.750rem',
23
+ fontWeight: 400,
24
+ lineHeight: '1.250em',
25
+ textAlign: 'left'
26
+ },
27
+ h3: {
28
+ color: 'rgba(61, 61, 61, 1)',
29
+ fontFamily: 'Equinor',
30
+ fontSize: '1.500rem',
31
+ fontWeight: 400,
32
+ lineHeight: '1.250em',
33
+ textAlign: 'left'
34
+ },
35
+ h4: {
36
+ color: 'rgba(61, 61, 61, 1)',
37
+ fontFamily: 'Equinor',
38
+ fontSize: '1.250rem',
39
+ fontWeight: 400,
40
+ lineHeight: '1.600em',
41
+ textAlign: 'left'
42
+ },
43
+ h5: {
44
+ color: 'rgba(61, 61, 61, 1)',
45
+ fontFamily: 'Equinor',
46
+ fontSize: '1.125rem',
47
+ fontWeight: 500,
48
+ letterSpacing: '0.013em',
49
+ lineHeight: '1.333em',
50
+ textAlign: 'left'
51
+ },
52
+ h6: {
53
+ color: 'rgba(61, 61, 61, 1)',
54
+ fontFamily: 'Equinor',
55
+ fontSize: '1.000rem',
56
+ fontWeight: 500,
57
+ letterSpacing: '0.013em',
58
+ lineHeight: '1.500em',
59
+ textAlign: 'left'
60
+ }
61
+ },
62
+ navigation: {
63
+ menu_title: {
64
+ color: 'rgba(61, 61, 61, 1)',
65
+ fontFamily: 'Equinor',
66
+ fontSize: '1.000rem',
67
+ fontWeight: 400,
68
+ letterSpacing: '0.013em',
69
+ lineHeight: '1.000em',
70
+ textAlign: 'left'
71
+ },
72
+ menu_tabs: {
73
+ color: 'rgba(61, 61, 61, 1)',
74
+ fontFamily: 'Equinor',
75
+ fontSize: '1.000rem',
76
+ fontWeight: 500,
77
+ letterSpacing: '0.013em',
78
+ lineHeight: '1.000em',
79
+ textAlign: 'left'
80
+ },
81
+ label: {
82
+ color: 'rgba(0, 0, 0, 1)',
83
+ fontFamily: 'Equinor',
84
+ fontSize: '0.750rem',
85
+ fontWeight: 500,
86
+ lineHeight: '1.333em',
87
+ textAlign: 'left'
88
+ },
89
+ drawer_active: {
90
+ color: 'rgba(0, 0, 0, 1)',
91
+ fontFamily: 'Equinor',
92
+ fontSize: '1.000rem',
93
+ fontWeight: 700,
94
+ letterSpacing: '0.006em',
95
+ lineHeight: '1.000em',
96
+ textAlign: 'left'
97
+ },
98
+ drawer_inactive: {
99
+ color: 'rgba(0, 0, 0, 1)',
100
+ fontFamily: 'Equinor',
101
+ fontSize: '1.000rem',
102
+ fontWeight: 500,
103
+ letterSpacing: '0.013em',
104
+ lineHeight: '1.000em',
105
+ textAlign: 'left'
106
+ },
107
+ button: {
108
+ color: 'rgba(0, 0, 0, 1)',
109
+ fontFamily: 'Equinor',
110
+ fontSize: '0.875rem',
111
+ fontWeight: 500,
112
+ lineHeight: '1.143em',
113
+ textAlign: 'left'
114
+ },
115
+ breadcrumb: {
116
+ color: 'rgba(0, 0, 0, 1)',
117
+ fontFamily: 'Equinor',
118
+ fontSize: '0.875rem',
119
+ fontWeight: 500,
120
+ lineHeight: '1.143em',
121
+ textAlign: 'left'
122
+ },
123
+ breadcrumb_hover: {
124
+ color: 'rgba(0, 0, 0, 1)',
125
+ fontFamily: 'Equinor',
126
+ fontSize: '0.875rem',
127
+ fontWeight: 500,
128
+ lineHeight: '1.143em',
129
+ textDecoration: 'underline',
130
+ textAlign: 'left'
131
+ },
132
+ menu_title_hover: {
133
+ color: 'rgba(61, 61, 61, 1)',
134
+ fontFamily: 'Equinor',
135
+ fontSize: '1.000rem',
136
+ fontWeight: 400,
137
+ letterSpacing: '0.013em',
138
+ lineHeight: '1.000em',
139
+ textAlign: 'left'
140
+ }
141
+ },
142
+ input: {
143
+ label: {
144
+ color: 'rgba(0, 0, 0, 1)',
145
+ fontFamily: 'Equinor',
146
+ fontSize: '0.750rem',
147
+ fontWeight: 500,
148
+ lineHeight: '1.333em',
149
+ textAlign: 'left'
150
+ },
151
+ text: {
152
+ color: 'rgba(0, 0, 0, 1)',
153
+ fontFamily: 'Equinor',
154
+ fontSize: '1.000rem',
155
+ fontWeight: 400,
156
+ letterSpacing: '0.025em',
157
+ lineHeight: '1.500em',
158
+ textAlign: 'left'
159
+ },
160
+ text_monospaced: {
161
+ fontFeature: "'tnum' on,'lnum' on",
162
+ color: 'rgba(0, 0, 0, 1)',
163
+ fontFamily: 'Equinor',
164
+ fontSize: '1.000rem',
165
+ fontWeight: 400,
166
+ letterSpacing: '0.063em',
167
+ lineHeight: '1.500em',
168
+ textAlign: 'left'
169
+ },
170
+ helper: {
171
+ color: 'rgba(0, 0, 0, 1)',
172
+ fontFamily: 'Equinor',
173
+ fontSize: '0.750rem',
174
+ fontWeight: 500,
175
+ letterSpacing: '0.013em',
176
+ lineHeight: '1.333em',
177
+ textAlign: 'left'
178
+ }
179
+ },
180
+ paragraph: {
181
+ body_short_italic: {
182
+ color: 'rgba(61, 61, 61, 1)',
183
+ fontFamily: 'Equinor',
184
+ fontSize: '1.000rem',
185
+ fontWeight: 400,
186
+ lineHeight: '1.250em',
187
+ fontStyle: 'italic',
188
+ textAlign: 'left'
189
+ },
190
+ caption: {
191
+ color: 'rgba(61, 61, 61, 1)',
192
+ fontFamily: 'Equinor',
193
+ fontSize: '0.875rem',
194
+ fontWeight: 500,
195
+ lineHeight: '1.143em',
196
+ textAlign: 'left'
197
+ },
198
+ meta: {
199
+ color: 'rgba(61, 61, 61, 1)',
200
+ fontFamily: 'Equinor',
201
+ fontSize: '0.625rem',
202
+ fontWeight: 500,
203
+ lineHeight: '1.600em',
204
+ textAlign: 'left'
205
+ },
206
+ body_short: {
207
+ color: 'rgba(61, 61, 61, 1)',
208
+ fontFamily: 'Equinor',
209
+ fontSize: '1.000rem',
210
+ fontWeight: 400,
211
+ lineHeight: '1.250em',
212
+ textAlign: 'left'
213
+ },
214
+ body_short_bold_italic: {
215
+ color: 'rgba(61, 61, 61, 1)',
216
+ fontFamily: 'Equinor',
217
+ fontSize: '1.000rem',
218
+ fontWeight: 700,
219
+ lineHeight: '1.250em',
220
+ fontStyle: 'italic',
221
+ textAlign: 'left'
222
+ },
223
+ body_short_bold: {
224
+ color: 'rgba(61, 61, 61, 1)',
225
+ fontFamily: 'Equinor',
226
+ fontSize: '1.000rem',
227
+ fontWeight: 700,
228
+ lineHeight: '1.250em',
229
+ textAlign: 'left'
230
+ },
231
+ body_short_link: {
232
+ color: 'rgba(0, 112, 121, 1)',
233
+ fontFamily: 'Equinor',
234
+ fontSize: '1.000rem',
235
+ fontWeight: 400,
236
+ lineHeight: '1.250em',
237
+ textDecoration: 'underline',
238
+ textAlign: 'left'
239
+ },
240
+ overline: {
241
+ color: 'rgba(61, 61, 61, 1)',
242
+ fontFamily: 'Equinor',
243
+ fontSize: '0.625rem',
244
+ fontWeight: 500,
245
+ letterSpacing: '0.069em',
246
+ lineHeight: '1.600em',
247
+ textTransform: 'uppercase',
248
+ textAlign: 'left'
249
+ },
250
+ ingress: {
251
+ color: 'rgba(61, 61, 61, 1)',
252
+ fontFamily: 'Equinor',
253
+ fontSize: '1.125rem',
254
+ fontWeight: 400,
255
+ lineHeight: '1.333em',
256
+ textAlign: 'left'
257
+ },
258
+ body_long: {
259
+ color: 'rgba(61, 61, 61, 1)',
260
+ fontFamily: 'Equinor',
261
+ fontSize: '1.000rem',
262
+ fontWeight: 400,
263
+ lineHeight: '1.500em',
264
+ textAlign: 'left'
265
+ },
266
+ body_long_link: {
267
+ color: 'rgba(0, 112, 121, 1)',
268
+ fontFamily: 'Equinor',
269
+ fontSize: '1.000rem',
270
+ fontWeight: 400,
271
+ lineHeight: '1.500em',
272
+ textDecoration: 'underline',
273
+ textAlign: 'left'
274
+ },
275
+ body_long_italic: {
276
+ color: 'rgba(61, 61, 61, 1)',
277
+ fontFamily: 'Equinor',
278
+ fontSize: '1.000rem',
279
+ fontWeight: 400,
280
+ lineHeight: '1.500em',
281
+ fontStyle: 'italic',
282
+ textAlign: 'left'
283
+ },
284
+ body_long_bold: {
285
+ color: 'rgba(61, 61, 61, 1)',
286
+ fontFamily: 'Equinor',
287
+ fontSize: '1.000rem',
288
+ fontWeight: 700,
289
+ lineHeight: '1.500em',
290
+ textAlign: 'left'
291
+ },
292
+ body_long_bold_italic: {
293
+ color: 'rgba(61, 61, 61, 1)',
294
+ fontFamily: 'Equinor',
295
+ fontSize: '1.000rem',
296
+ fontWeight: 700,
297
+ lineHeight: '1.500em',
298
+ fontStyle: 'italic',
299
+ textAlign: 'left'
300
+ }
301
+ },
302
+ table: {
303
+ cell_header: {
304
+ color: 'rgba(0, 0, 0, 1)',
305
+ fontFamily: 'Equinor',
306
+ fontSize: '0.875rem',
307
+ fontWeight: 700,
308
+ lineHeight: '1.429em',
309
+ textAlign: 'left'
310
+ },
311
+ cell_text: {
312
+ color: 'rgba(0, 0, 0, 1)',
313
+ fontFamily: 'Equinor',
314
+ fontSize: '0.875rem',
315
+ fontWeight: 500,
316
+ lineHeight: '1.429em',
317
+ textAlign: 'left'
318
+ },
319
+ cell_text_bold: {
320
+ color: 'rgba(0, 0, 0, 1)',
321
+ fontFamily: 'Equinor',
322
+ fontSize: '0.875rem',
323
+ fontWeight: 700,
324
+ lineHeight: '1.429em',
325
+ textAlign: 'left'
326
+ },
327
+ cell_text_link: {
328
+ color: 'rgba(0, 0, 0, 1)',
329
+ fontFamily: 'Equinor',
330
+ fontSize: '0.875rem',
331
+ fontWeight: 500,
332
+ lineHeight: '1.429em',
333
+ textDecoration: 'underline',
334
+ textAlign: 'left'
335
+ },
336
+ cell_numeric_monospaced: {
337
+ fontFeature: "'tnum' on,'lnum' on",
338
+ color: 'rgba(0, 0, 0, 1)',
339
+ fontFamily: 'Equinor',
340
+ fontSize: '0.875rem',
341
+ fontWeight: 500,
342
+ lineHeight: '1.429em',
343
+ textAlign: 'left'
344
+ }
345
+ },
346
+ _modes: {
347
+ compact: {
348
+ table: {
349
+ cell_header: {
350
+ color: 'rgba(0, 0, 0, 1)',
351
+ fontFamily: 'Equinor',
352
+ fontSize: '0.875rem',
353
+ fontWeight: 700,
354
+ lineHeight: '1.143em',
355
+ textAlign: 'left'
356
+ },
357
+ cell_text: {
358
+ color: 'rgba(0, 0, 0, 1)',
359
+ fontFamily: 'Equinor',
360
+ fontSize: '0.875rem',
361
+ fontWeight: 500,
362
+ lineHeight: '1.143em',
363
+ textAlign: 'left'
364
+ },
365
+ cell_text_bold: {
366
+ color: 'rgba(0, 0, 0, 1)',
367
+ fontFamily: 'Equinor',
368
+ fontSize: '0.875rem',
369
+ fontWeight: 700,
370
+ lineHeight: '1.143em',
371
+ textAlign: 'left'
372
+ },
373
+ cell_text_link: {
374
+ color: 'rgba(0, 0, 0, 1)',
375
+ fontFamily: 'Equinor',
376
+ fontSize: '0.875rem',
377
+ fontWeight: 500,
378
+ lineHeight: '1.143em',
379
+ textDecoration: 'underline',
380
+ textAlign: 'left'
381
+ },
382
+ cell_numeric_monospaced: {
383
+ fontFeature: "'tnum' on,'lnum' on",
384
+ color: 'rgba(0, 0, 0, 1)',
385
+ fontFamily: 'Equinor',
386
+ fontSize: '0.875rem',
387
+ fontWeight: 500,
388
+ lineHeight: '1.143em',
389
+ textAlign: 'left'
390
+ }
391
+ }
392
+ }
393
+ },
394
+ ui: {
395
+ tooltip: {
396
+ color: 'rgba(61, 61, 61, 1)',
397
+ fontFamily: 'Equinor',
398
+ fontSize: '0.750rem',
399
+ fontWeight: 500,
400
+ lineHeight: '1.333em',
401
+ textAlign: 'left'
402
+ },
403
+ snackbar: {
404
+ color: 'rgba(61, 61, 61, 1)',
405
+ fontFamily: 'Equinor',
406
+ fontSize: '0.750rem',
407
+ fontWeight: 500,
408
+ lineHeight: '1.333em',
409
+ textAlign: 'left'
410
+ },
411
+ accordion_header: {
412
+ color: 'rgba(61, 61, 61, 1)',
413
+ fontFamily: 'Equinor',
414
+ fontSize: '1.000rem',
415
+ fontWeight: 500,
416
+ lineHeight: '1.500em',
417
+ textAlign: 'left'
418
+ },
419
+ chip__badge: {
420
+ color: 'rgba(61, 61, 61, 1)',
421
+ fontFamily: 'Equinor',
422
+ fontSize: '0.750rem',
423
+ fontWeight: 500,
424
+ lineHeight: '1.333em',
425
+ textAlign: 'left'
426
+ },
427
+ chart: {
428
+ color: 'rgba(61, 61, 61, 1)',
429
+ fontFamily: 'Equinor',
430
+ fontSize: '0.750rem',
431
+ fontWeight: 500,
432
+ lineHeight: '1.333em',
433
+ textAlign: 'left'
434
+ }
435
+ }
436
+ };
437
+
438
+ export { typography };
package/dist/esm/index.js ADDED
@@ -0,0 +1 @@
1
+ export { tokens } from './base/index.js';