@entur/typography 1.8.50-beta.0 → 1.8.51
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/dist/styles.css +22 -0
- package/package.json +5 -5
package/dist/styles.css
CHANGED
|
@@ -266,7 +266,9 @@
|
|
|
266
266
|
--eds-font-family: "Nationale", Arial, "Gotham Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
|
|
267
267
|
"Helvetica Neue", sans-serif;
|
|
268
268
|
box-sizing: border-box;
|
|
269
|
+
color: #181c56;
|
|
269
270
|
color: var(--primary-text-color);
|
|
271
|
+
background-color: #ffffff;
|
|
270
272
|
background-color: var(--primary-background-color);
|
|
271
273
|
font-family: "Nationale", Arial, "Gotham Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
272
274
|
font-weight: 500;
|
|
@@ -279,7 +281,9 @@
|
|
|
279
281
|
--primary-background-color: var(--basecolors-frame-contrast);
|
|
280
282
|
--primary-text-color: var(--components-typography-basetext-contrast-text-accent);
|
|
281
283
|
--primary-label-color: var(--components-typography-label-contrast-text-accent);
|
|
284
|
+
color: #ffffff;
|
|
282
285
|
color: var(--primary-text-color);
|
|
286
|
+
background-color: #181c56;
|
|
283
287
|
background-color: var(--primary-background-color);
|
|
284
288
|
}
|
|
285
289
|
@media screen and (min-width: 50rem) {
|
|
@@ -304,6 +308,7 @@
|
|
|
304
308
|
.eds-h4,
|
|
305
309
|
.eds-h5,
|
|
306
310
|
.eds-h6 {
|
|
311
|
+
color: #181c56;
|
|
307
312
|
color: var(--primary-text-color);
|
|
308
313
|
font-weight: 600;
|
|
309
314
|
-webkit-font-smoothing: antialiased;
|
|
@@ -382,6 +387,7 @@
|
|
|
382
387
|
}
|
|
383
388
|
|
|
384
389
|
.eds-paragraph {
|
|
390
|
+
color: #181c56;
|
|
385
391
|
color: var(--primary-text-color);
|
|
386
392
|
font-size: 1rem;
|
|
387
393
|
line-height: 1.5rem;
|
|
@@ -395,6 +401,7 @@
|
|
|
395
401
|
}
|
|
396
402
|
|
|
397
403
|
.eds-lead-paragraph {
|
|
404
|
+
color: #181c56;
|
|
398
405
|
color: var(--primary-text-color);
|
|
399
406
|
font-size: 1.25rem;
|
|
400
407
|
line-height: 1.875rem;
|
|
@@ -408,6 +415,7 @@
|
|
|
408
415
|
}
|
|
409
416
|
|
|
410
417
|
.eds-sub-paragraph {
|
|
418
|
+
color: #181c56;
|
|
411
419
|
color: var(--primary-text-color);
|
|
412
420
|
font-size: 0.875rem;
|
|
413
421
|
line-height: 1.25rem;
|
|
@@ -419,6 +427,7 @@
|
|
|
419
427
|
}
|
|
420
428
|
|
|
421
429
|
.eds-small-text {
|
|
430
|
+
color: #181c56;
|
|
422
431
|
color: var(--primary-text-color);
|
|
423
432
|
font-size: 0.625rem;
|
|
424
433
|
line-height: 1rem;
|
|
@@ -431,12 +440,15 @@
|
|
|
431
440
|
}
|
|
432
441
|
|
|
433
442
|
.eds-link {
|
|
443
|
+
color: #181c56;
|
|
434
444
|
color: var(--primary-text-color);
|
|
435
445
|
}
|
|
436
446
|
.eds-link, .eds-link:link, .eds-link:visited {
|
|
437
447
|
font-size: inherit;
|
|
448
|
+
-webkit-text-decoration: none;
|
|
438
449
|
text-decoration: none;
|
|
439
450
|
position: relative;
|
|
451
|
+
background-image: linear-gradient(120deg, #181c56 0%, #181c56 100%);
|
|
440
452
|
background-image: linear-gradient(120deg, var(--primary-text-color) 0%, var(--primary-text-color) 100%);
|
|
441
453
|
background-repeat: no-repeat;
|
|
442
454
|
background-size: 100% 0.125rem;
|
|
@@ -456,10 +468,12 @@
|
|
|
456
468
|
}
|
|
457
469
|
.eds-link:focus {
|
|
458
470
|
outline: 2px solid #181c56;
|
|
471
|
+
outline-color: #181c56;
|
|
459
472
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
460
473
|
outline-offset: 0.125rem;
|
|
461
474
|
}
|
|
462
475
|
.eds-contrast .eds-link:focus {
|
|
476
|
+
outline-color: #aeb7e2;
|
|
463
477
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
464
478
|
}
|
|
465
479
|
@media screen and (min-width: 50rem) {
|
|
@@ -477,6 +491,7 @@ p .eds-link--ext-icon {
|
|
|
477
491
|
|
|
478
492
|
.eds-label,
|
|
479
493
|
.eds-sub-label {
|
|
494
|
+
color: #626493;
|
|
480
495
|
color: var(--primary-label-color);
|
|
481
496
|
}
|
|
482
497
|
|
|
@@ -510,9 +525,12 @@ p .eds-link--ext-icon {
|
|
|
510
525
|
|
|
511
526
|
.eds-preformatted-text,
|
|
512
527
|
.eds-code-text {
|
|
528
|
+
background-color: #f6f6f9;
|
|
513
529
|
background-color: var(--components-typography-codetext-standard-fill);
|
|
530
|
+
border: 0.0625rem solid rgba(84, 86, 140, 0.4);
|
|
514
531
|
border: 0.0625rem solid var(--components-typography-codetext-standard-border);
|
|
515
532
|
border-radius: 0.25rem;
|
|
533
|
+
color: #181c56;
|
|
516
534
|
color: var(--components-typography-codetext-standard-text);
|
|
517
535
|
font-family: "Monaco", monospace;
|
|
518
536
|
font-size: 0.875rem;
|
|
@@ -541,6 +559,7 @@ p .eds-link--ext-icon {
|
|
|
541
559
|
}
|
|
542
560
|
.eds-unordered-list .eds-list-item::before {
|
|
543
561
|
content: "";
|
|
562
|
+
background: #aeb7e2;
|
|
544
563
|
background: var(--components-typography-list-standard-border);
|
|
545
564
|
display: block;
|
|
546
565
|
height: 0.125rem;
|
|
@@ -580,10 +599,12 @@ p .eds-link--ext-icon {
|
|
|
580
599
|
position: relative;
|
|
581
600
|
}
|
|
582
601
|
.eds-numbered-list > .eds-list-item::before {
|
|
602
|
+
color: #181c56;
|
|
583
603
|
color: var(--primary-text-color);
|
|
584
604
|
position: absolute;
|
|
585
605
|
font-weight: 600;
|
|
586
606
|
left: -2.5rem;
|
|
607
|
+
border: 0.125rem solid #aeb7e2;
|
|
587
608
|
border: 0.125rem solid var(--components-typography-list-standard-border);
|
|
588
609
|
border-radius: 50%;
|
|
589
610
|
height: 2rem;
|
|
@@ -604,6 +625,7 @@ p .eds-link--ext-icon {
|
|
|
604
625
|
}
|
|
605
626
|
|
|
606
627
|
.eds-blockquote {
|
|
628
|
+
border-left: 0.25rem solid #8284ab;
|
|
607
629
|
border-left: 0.25rem solid var(--components-typography-blockquote-standard-stroke);
|
|
608
630
|
font-family: inherit;
|
|
609
631
|
font-size: 1.25rem;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/typography",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.51",
|
|
4
4
|
"license": "SEE LICENSE IN README.md",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/typography.esm.js",
|
|
@@ -27,14 +27,14 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/icons": "^7.
|
|
31
|
-
"@entur/tokens": "^3.17.
|
|
32
|
-
"@entur/utils": "^0.12.2
|
|
30
|
+
"@entur/icons": "^7.6.0",
|
|
31
|
+
"@entur/tokens": "^3.17.5",
|
|
32
|
+
"@entur/utils": "^0.12.2",
|
|
33
33
|
"classnames": "^2.3.1",
|
|
34
34
|
"normalize-scss": "^8.0.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"dts-cli": "2.0.5"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "1a989376d61ab59a8c554a9cab733039aef8b2eb"
|
|
40
40
|
}
|