oasys-lib 3.4.0 → 3.5.0

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oasys-lib",
3
- "version": "3.4.0",
3
+ "version": "3.5.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "21.2.21",
6
6
  "@angular/core": "21.2.21",
@@ -2,28 +2,26 @@
2
2
 
3
3
  //Headline
4
4
  @font-face {
5
- font-family: 'Tiempos Headline';
6
- src: url('./fonts/TiemposHeadlineWeb-Bold.woff2') format('woff2'),
7
- url('./fonts/TiemposHeadlineWeb-Bold.woff') format('woff');
5
+ font-family: 'Lyon Display';
6
+ src: url('./fonts/LyonDisplay-Bold-Web.woff2') format('woff2'),
7
+ url('./fonts/LyonDisplay-Bold-Web.woff2') format('woff');
8
8
  font-weight: bold;
9
9
  font-style: normal;
10
10
  font-display: swap;
11
11
  }
12
12
 
13
-
14
-
15
13
  // Body
16
14
  @font-face {
17
- font-family: "Unica 77 LL TT";
18
- src: url("./fonts/Unica77LLWeb-Medium.woff2") format("woff2");
15
+ font-family: "ABC Diatype";
16
+ src: url("./fonts/ABCDiatype-Regular.woff2") format("woff2");
19
17
  font-weight: 500;
20
18
  font-style: normal;
21
19
  font-display: swap;
22
20
  }
23
21
 
24
22
  @font-face {
25
- font-family: "Unica 77 LL TT";
26
- src: url("./fonts/Unica77LLWeb-Regular.woff2") format("woff2");
23
+ font-family: "ABC Diatype";
24
+ src: url("./fonts/ABCDiatype-Regular.woff2") format("woff2");
27
25
  font-weight: 400;
28
26
  font-style: normal;
29
27
  font-display: swap;
@@ -1,14 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 23 Sep 2026 14:44:20 GMT
3
+ * Generated on Wed, 23 Sep 2026 15:45:57 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bergamotte {
7
7
  --oasys-color-partners-paypal: rgb(255, 196, 58);
8
8
  --oasys-color-partners-facebook: rgb(72, 91, 148);
9
9
  --oasys-color-partners-trustpilot: rgb(41, 180, 124);
10
- --oasys-color-green-10: rgb(240, 246, 244);
11
- --oasys-color-green-60: rgb(68, 121, 100);
12
10
  --oasys-color-lilac-50: rgb(165, 170, 253);
13
11
  --oasys-color-blue-10: rgb(238, 237, 247);
14
12
  --oasys-color-blue-20: rgb(225, 223, 241);
@@ -71,7 +69,7 @@
71
69
  --oasys-color-cotton-grey-20: rgb(222, 221, 219);
72
70
  --oasys-color-cotten-grey-30: rgb(204, 196, 189);
73
71
  --oasys-color-brand-foreground-primary: rgb(56, 55, 55);
74
- --oasys-color-brand-foreground-secondary: rgb(245, 53, 170);
72
+ --oasys-color-brand-foreground-secondary: rgb(247, 246, 243);
75
73
  --oasys-color-brand-foreground-primary-on-dark: rgb(247, 246, 243);
76
74
  --oasys-color-brand-foreground-secondary-on-dark: rgb(245, 53, 170);
77
75
  --oasys-color-brand-foreground-discount: rgb(245, 53, 170);
@@ -122,7 +120,7 @@
122
120
  --oasys-color-rewards-border-primary: rgb(251, 173, 221);
123
121
  --oasys-color-rewards-border-primary-on-dark: rgb(251, 173, 221);
124
122
  --oasys-color-sage-60: rgb(0, 0, 0);
125
- --oasys-color-juniper-80: rgb(0, 0, 0);
123
+ --oasys-color-sage-80: rgb(0, 0, 0);
126
124
  --oasys-color-clay-50: rgb(182, 107, 85);
127
125
  --oasys-color-clay-60: rgb(158, 80, 57);
128
126
  --oasys-color-slate-80: rgb(56, 55, 55);
@@ -171,9 +169,11 @@
171
169
  --oasys-animation-duration-progress: 1500;
172
170
  --oasys-animation-timing-function-soft: 0.77,-0.01,0.59,0.98;
173
171
  --oasys-animation-timing-function-progress: 0.3,0.01,0,1;
174
- --oasys-typography-font-families-unica-77-ll-tt: 'Comic Sans MS';
175
- --oasys-typography-font-families-tiempos-headline: 'Comic Sans MS';
176
- --oasys-typography-font-families-patron: 'Comic Sans MS';
172
+ --oasys-typography-font-families-unica-77-ll-tt: 'Unica 77 LL TT';
173
+ --oasys-typography-font-families-tiempos-headline: 'Tiempos Headline';
174
+ --oasys-typography-font-families-patron: Patron;
175
+ --oasys-typography-font-families-lyon-display: 'Lyon Display';
176
+ --oasys-typography-font-families-abcdiatype: 'ABC Diatype';
177
177
  --oasys-typography-line-heights-14: 1.4rem;
178
178
  --oasys-typography-line-heights-16: 1.6rem;
179
179
  --oasys-typography-line-heights-20: 2rem;
@@ -209,8 +209,8 @@
209
209
  --oasys-typography-text-decoration-none: none;
210
210
  --oasys-typography-text-decoration-line-through: line-through;
211
211
  --oasys-typography-paragraph-indent-0: 0;
212
- --oasys-typography-font-primary: 'Comic Sans MS';
213
- --oasys-typography-font-display: 'Comic Sans MS';
212
+ --oasys-typography-font-primary: 'ABC Diatype';
213
+ --oasys-typography-font-display: 'Lyon Display';
214
214
  --oasys-typography-weight-regular: 400;
215
215
  --oasys-typography-weight-emphasis: 500;
216
216
  --oasys-typography-weight-display: 700;
@@ -389,7 +389,7 @@
389
389
  --oasys-typography-role-text-decoration-heading-func-secondary-mobile: none;
390
390
  --oasys-typography-role-text-decoration-heading-label-primary: none;
391
391
  --oasys-typography-role-text-decoration-heading-label-secondary: none;
392
- --oasys-typography-body-body-font-family: 'Comic Sans MS';
392
+ --oasys-typography-body-body-font-family: 'ABC Diatype';
393
393
  --oasys-typography-body-body-font-weight: 400;
394
394
  --oasys-typography-body-body-line-height: 2.4rem;
395
395
  --oasys-typography-body-body-font-size: 1.6rem;
@@ -398,7 +398,7 @@
398
398
  --oasys-typography-body-body-paragraph-indent: 0;
399
399
  --oasys-typography-body-body-text-case: none;
400
400
  --oasys-typography-body-body-text-decoration: none;
401
- --oasys-typography-body-supporting-font-family: 'Comic Sans MS';
401
+ --oasys-typography-body-supporting-font-family: 'ABC Diatype';
402
402
  --oasys-typography-body-supporting-font-weight: 400;
403
403
  --oasys-typography-body-supporting-line-height: 2rem;
404
404
  --oasys-typography-body-supporting-font-size: 1.4rem;
@@ -407,7 +407,7 @@
407
407
  --oasys-typography-body-supporting-paragraph-indent: 0;
408
408
  --oasys-typography-body-supporting-text-case: none;
409
409
  --oasys-typography-body-supporting-text-decoration: none;
410
- --oasys-typography-body-micro-font-family: 'Comic Sans MS';
410
+ --oasys-typography-body-micro-font-family: 'ABC Diatype';
411
411
  --oasys-typography-body-micro-font-weight: 400;
412
412
  --oasys-typography-body-micro-line-height: 1.4rem;
413
413
  --oasys-typography-body-micro-font-size: 1.2rem;
@@ -416,7 +416,7 @@
416
416
  --oasys-typography-body-micro-paragraph-indent: 0;
417
417
  --oasys-typography-body-micro-text-case: none;
418
418
  --oasys-typography-body-micro-text-decoration: none;
419
- --oasys-typography-body-hero-font-family: 'Comic Sans MS';
419
+ --oasys-typography-body-hero-font-family: 'ABC Diatype';
420
420
  --oasys-typography-body-hero-font-weight: 400;
421
421
  --oasys-typography-body-hero-line-height: 2.8rem;
422
422
  --oasys-typography-body-hero-font-size: 2rem;
@@ -425,7 +425,7 @@
425
425
  --oasys-typography-body-hero-paragraph-indent: 0;
426
426
  --oasys-typography-body-hero-text-case: none;
427
427
  --oasys-typography-body-hero-text-decoration: none;
428
- --oasys-typography-body-expressive-font-family: 'Comic Sans MS';
428
+ --oasys-typography-body-expressive-font-family: 'Lyon Display';
429
429
  --oasys-typography-body-expressive-font-weight: 700;
430
430
  --oasys-typography-body-expressive-line-height: 3.2rem;
431
431
  --oasys-typography-body-expressive-font-size: 2.4rem;
@@ -434,7 +434,7 @@
434
434
  --oasys-typography-body-expressive-paragraph-indent: 0;
435
435
  --oasys-typography-body-expressive-text-case: none;
436
436
  --oasys-typography-body-expressive-text-decoration: none;
437
- --oasys-typography-body-emphasis-hero-font-family: 'Comic Sans MS';
437
+ --oasys-typography-body-emphasis-hero-font-family: 'ABC Diatype';
438
438
  --oasys-typography-body-emphasis-hero-font-weight: 500;
439
439
  --oasys-typography-body-emphasis-hero-line-height: 3.2rem;
440
440
  --oasys-typography-body-emphasis-hero-font-size: 2rem;
@@ -443,7 +443,7 @@
443
443
  --oasys-typography-body-emphasis-hero-paragraph-indent: 0;
444
444
  --oasys-typography-body-emphasis-hero-text-case: none;
445
445
  --oasys-typography-body-emphasis-hero-text-decoration: none;
446
- --oasys-typography-body-emphasis-body-font-family: 'Comic Sans MS';
446
+ --oasys-typography-body-emphasis-body-font-family: 'ABC Diatype';
447
447
  --oasys-typography-body-emphasis-body-font-weight: 500;
448
448
  --oasys-typography-body-emphasis-body-line-height: 2.4rem;
449
449
  --oasys-typography-body-emphasis-body-font-size: 1.6rem;
@@ -452,7 +452,7 @@
452
452
  --oasys-typography-body-emphasis-body-paragraph-indent: 0;
453
453
  --oasys-typography-body-emphasis-body-text-case: none;
454
454
  --oasys-typography-body-emphasis-body-text-decoration: none;
455
- --oasys-typography-body-emphasis-supporting-font-family: 'Comic Sans MS';
455
+ --oasys-typography-body-emphasis-supporting-font-family: 'ABC Diatype';
456
456
  --oasys-typography-body-emphasis-supporting-font-weight: 500;
457
457
  --oasys-typography-body-emphasis-supporting-line-height: 2rem;
458
458
  --oasys-typography-body-emphasis-supporting-font-size: 1.4rem;
@@ -461,7 +461,7 @@
461
461
  --oasys-typography-body-emphasis-supporting-paragraph-indent: 0;
462
462
  --oasys-typography-body-emphasis-supporting-text-case: none;
463
463
  --oasys-typography-body-emphasis-supporting-text-decoration: none;
464
- --oasys-typography-body-emphasis-line-through-hero-font-family: 'Comic Sans MS';
464
+ --oasys-typography-body-emphasis-line-through-hero-font-family: 'ABC Diatype';
465
465
  --oasys-typography-body-emphasis-line-through-hero-font-weight: 500;
466
466
  --oasys-typography-body-emphasis-line-through-hero-line-height: 3.2rem;
467
467
  --oasys-typography-body-emphasis-line-through-hero-font-size: 2rem;
@@ -470,7 +470,7 @@
470
470
  --oasys-typography-body-emphasis-line-through-hero-paragraph-indent: 0;
471
471
  --oasys-typography-body-emphasis-line-through-hero-text-case: none;
472
472
  --oasys-typography-body-emphasis-line-through-hero-text-decoration: line-through;
473
- --oasys-typography-body-emphasis-line-through-body-font-family: 'Comic Sans MS';
473
+ --oasys-typography-body-emphasis-line-through-body-font-family: 'ABC Diatype';
474
474
  --oasys-typography-body-emphasis-line-through-body-font-weight: 500;
475
475
  --oasys-typography-body-emphasis-line-through-body-line-height: 2.4rem;
476
476
  --oasys-typography-body-emphasis-line-through-body-font-size: 1.6rem;
@@ -479,7 +479,7 @@
479
479
  --oasys-typography-body-emphasis-line-through-body-paragraph-indent: 0;
480
480
  --oasys-typography-body-emphasis-line-through-body-text-case: none;
481
481
  --oasys-typography-body-emphasis-line-through-body-text-decoration: line-through;
482
- --oasys-typography-body-emphasis-line-through-supporting-font-family: 'Comic Sans MS';
482
+ --oasys-typography-body-emphasis-line-through-supporting-font-family: 'ABC Diatype';
483
483
  --oasys-typography-body-emphasis-line-through-supporting-font-weight: 500;
484
484
  --oasys-typography-body-emphasis-line-through-supporting-line-height: 2rem;
485
485
  --oasys-typography-body-emphasis-line-through-supporting-font-size: 1.4rem;
@@ -488,7 +488,7 @@
488
488
  --oasys-typography-body-emphasis-line-through-supporting-paragraph-indent: 0;
489
489
  --oasys-typography-body-emphasis-line-through-supporting-text-case: none;
490
490
  --oasys-typography-body-emphasis-line-through-supporting-text-decoration: line-through;
491
- --oasys-typography-body-line-through-hero-font-family: 'Comic Sans MS';
491
+ --oasys-typography-body-line-through-hero-font-family: 'ABC Diatype';
492
492
  --oasys-typography-body-line-through-hero-font-weight: 400;
493
493
  --oasys-typography-body-line-through-hero-line-height: 3.2rem;
494
494
  --oasys-typography-body-line-through-hero-font-size: 2rem;
@@ -497,7 +497,7 @@
497
497
  --oasys-typography-body-line-through-hero-paragraph-indent: 0;
498
498
  --oasys-typography-body-line-through-hero-text-case: none;
499
499
  --oasys-typography-body-line-through-hero-text-decoration: line-through;
500
- --oasys-typography-body-line-through-body-font-family: 'Comic Sans MS';
500
+ --oasys-typography-body-line-through-body-font-family: 'ABC Diatype';
501
501
  --oasys-typography-body-line-through-body-font-weight: 400;
502
502
  --oasys-typography-body-line-through-body-line-height: 2.4rem;
503
503
  --oasys-typography-body-line-through-body-font-size: 1.6rem;
@@ -506,7 +506,7 @@
506
506
  --oasys-typography-body-line-through-body-paragraph-indent: 0;
507
507
  --oasys-typography-body-line-through-body-text-case: none;
508
508
  --oasys-typography-body-line-through-body-text-decoration: line-through;
509
- --oasys-typography-body-line-through-supporting-font-family: 'Comic Sans MS';
509
+ --oasys-typography-body-line-through-supporting-font-family: 'ABC Diatype';
510
510
  --oasys-typography-body-line-through-supporting-font-weight: 400;
511
511
  --oasys-typography-body-line-through-supporting-line-height: 2rem;
512
512
  --oasys-typography-body-line-through-supporting-font-size: 1.4rem;
@@ -515,7 +515,7 @@
515
515
  --oasys-typography-body-line-through-supporting-paragraph-indent: 0;
516
516
  --oasys-typography-body-line-through-supporting-text-case: none;
517
517
  --oasys-typography-body-line-through-supporting-text-decoration: line-through;
518
- --oasys-typography-heading-hero-desktop-font-family: 'Comic Sans MS';
518
+ --oasys-typography-heading-hero-desktop-font-family: 'Lyon Display';
519
519
  --oasys-typography-heading-hero-desktop-font-weight: 700;
520
520
  --oasys-typography-heading-hero-desktop-line-height: 6.4rem;
521
521
  --oasys-typography-heading-hero-desktop-font-size: 5.2rem;
@@ -524,7 +524,7 @@
524
524
  --oasys-typography-heading-hero-desktop-paragraph-indent: 0;
525
525
  --oasys-typography-heading-hero-desktop-text-case: none;
526
526
  --oasys-typography-heading-hero-desktop-text-decoration: none;
527
- --oasys-typography-heading-hero-mobile-font-family: 'Comic Sans MS';
527
+ --oasys-typography-heading-hero-mobile-font-family: 'Lyon Display';
528
528
  --oasys-typography-heading-hero-mobile-font-weight: 700;
529
529
  --oasys-typography-heading-hero-mobile-line-height: 4rem;
530
530
  --oasys-typography-heading-hero-mobile-font-size: 3.6rem;
@@ -533,7 +533,7 @@
533
533
  --oasys-typography-heading-hero-mobile-paragraph-indent: 0;
534
534
  --oasys-typography-heading-hero-mobile-text-case: none;
535
535
  --oasys-typography-heading-hero-mobile-text-decoration: none;
536
- --oasys-typography-heading-primary-desktop-font-family: 'Comic Sans MS';
536
+ --oasys-typography-heading-primary-desktop-font-family: 'Lyon Display';
537
537
  --oasys-typography-heading-primary-desktop-font-weight: 700;
538
538
  --oasys-typography-heading-primary-desktop-line-height: 5.6rem;
539
539
  --oasys-typography-heading-primary-desktop-font-size: 4.4rem;
@@ -542,7 +542,7 @@
542
542
  --oasys-typography-heading-primary-desktop-paragraph-indent: 0;
543
543
  --oasys-typography-heading-primary-desktop-text-case: none;
544
544
  --oasys-typography-heading-primary-desktop-text-decoration: none;
545
- --oasys-typography-heading-primary-mobile-font-family: 'Comic Sans MS';
545
+ --oasys-typography-heading-primary-mobile-font-family: 'Lyon Display';
546
546
  --oasys-typography-heading-primary-mobile-font-weight: 700;
547
547
  --oasys-typography-heading-primary-mobile-line-height: 4rem;
548
548
  --oasys-typography-heading-primary-mobile-font-size: 3.2rem;
@@ -551,7 +551,7 @@
551
551
  --oasys-typography-heading-primary-mobile-paragraph-indent: 0;
552
552
  --oasys-typography-heading-primary-mobile-text-case: none;
553
553
  --oasys-typography-heading-primary-mobile-text-decoration: none;
554
- --oasys-typography-heading-secondary-font-family: 'Comic Sans MS';
554
+ --oasys-typography-heading-secondary-font-family: 'Lyon Display';
555
555
  --oasys-typography-heading-secondary-font-weight: 700;
556
556
  --oasys-typography-heading-secondary-line-height: 4rem;
557
557
  --oasys-typography-heading-secondary-font-size: 3.2rem;
@@ -560,7 +560,7 @@
560
560
  --oasys-typography-heading-secondary-paragraph-indent: 0;
561
561
  --oasys-typography-heading-secondary-text-case: none;
562
562
  --oasys-typography-heading-secondary-text-decoration: none;
563
- --oasys-typography-heading-func-primary-desktop-font-family: 'Comic Sans MS';
563
+ --oasys-typography-heading-func-primary-desktop-font-family: 'ABC Diatype';
564
564
  --oasys-typography-heading-func-primary-desktop-font-weight: 500;
565
565
  --oasys-typography-heading-func-primary-desktop-line-height: 4rem;
566
566
  --oasys-typography-heading-func-primary-desktop-font-size: 3.2rem;
@@ -569,7 +569,7 @@
569
569
  --oasys-typography-heading-func-primary-desktop-paragraph-indent: 0;
570
570
  --oasys-typography-heading-func-primary-desktop-text-case: none;
571
571
  --oasys-typography-heading-func-primary-desktop-text-decoration: none;
572
- --oasys-typography-heading-func-primary-mobile-font-family: 'Comic Sans MS';
572
+ --oasys-typography-heading-func-primary-mobile-font-family: 'ABC Diatype';
573
573
  --oasys-typography-heading-func-primary-mobile-font-weight: 500;
574
574
  --oasys-typography-heading-func-primary-mobile-line-height: 3.2rem;
575
575
  --oasys-typography-heading-func-primary-mobile-font-size: 2.4rem;
@@ -578,7 +578,7 @@
578
578
  --oasys-typography-heading-func-primary-mobile-paragraph-indent: 0;
579
579
  --oasys-typography-heading-func-primary-mobile-text-case: none;
580
580
  --oasys-typography-heading-func-primary-mobile-text-decoration: none;
581
- --oasys-typography-heading-func-secondary-desktop-font-family: 'Comic Sans MS';
581
+ --oasys-typography-heading-func-secondary-desktop-font-family: 'ABC Diatype';
582
582
  --oasys-typography-heading-func-secondary-desktop-font-weight: 500;
583
583
  --oasys-typography-heading-func-secondary-desktop-line-height: 3.2rem;
584
584
  --oasys-typography-heading-func-secondary-desktop-font-size: 2.4rem;
@@ -587,7 +587,7 @@
587
587
  --oasys-typography-heading-func-secondary-desktop-paragraph-indent: 0;
588
588
  --oasys-typography-heading-func-secondary-desktop-text-case: none;
589
589
  --oasys-typography-heading-func-secondary-desktop-text-decoration: none;
590
- --oasys-typography-heading-func-secondary-mobile-font-family: 'Comic Sans MS';
590
+ --oasys-typography-heading-func-secondary-mobile-font-family: 'ABC Diatype';
591
591
  --oasys-typography-heading-func-secondary-mobile-font-weight: 500;
592
592
  --oasys-typography-heading-func-secondary-mobile-line-height: 2.4rem;
593
593
  --oasys-typography-heading-func-secondary-mobile-font-size: 2rem;
@@ -596,7 +596,7 @@
596
596
  --oasys-typography-heading-func-secondary-mobile-paragraph-indent: 0;
597
597
  --oasys-typography-heading-func-secondary-mobile-text-case: none;
598
598
  --oasys-typography-heading-func-secondary-mobile-text-decoration: none;
599
- --oasys-typography-heading-label-primary-font-family: 'Comic Sans MS';
599
+ --oasys-typography-heading-label-primary-font-family: 'ABC Diatype';
600
600
  --oasys-typography-heading-label-primary-font-weight: 500;
601
601
  --oasys-typography-heading-label-primary-line-height: 2.4rem;
602
602
  --oasys-typography-heading-label-primary-font-size: 1.8rem;
@@ -605,7 +605,7 @@
605
605
  --oasys-typography-heading-label-primary-paragraph-indent: 0;
606
606
  --oasys-typography-heading-label-primary-text-case: none;
607
607
  --oasys-typography-heading-label-primary-text-decoration: none;
608
- --oasys-typography-heading-label-secondary-font-family: 'Comic Sans MS';
608
+ --oasys-typography-heading-label-secondary-font-family: 'ABC Diatype';
609
609
  --oasys-typography-heading-label-secondary-font-weight: 500;
610
610
  --oasys-typography-heading-label-secondary-line-height: 2rem;
611
611
  --oasys-typography-heading-label-secondary-font-size: 1.4rem;
@@ -728,9 +728,9 @@
728
728
  --oasys-component-button-color-primary-selected-border: rgb(56, 55, 55);
729
729
  --oasys-component-button-color-primary-hover-underlay: rgb(56, 55, 55);
730
730
  --oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
731
- --oasys-component-button-color-secondary-background: #FDD5EE;
732
- --oasys-component-button-color-secondary-border: #FBADDD;
733
- --oasys-component-button-color-secondary-text: #F535AA;
731
+ --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
732
+ --oasys-component-button-color-secondary-border: rgb(56, 55, 55);
733
+ --oasys-component-button-color-secondary-text: rgb(56, 55, 55);
734
734
  --oasys-component-button-color-secondary-selected-border: #FBADDD;
735
735
  --oasys-component-button-color-secondary-hover-underlay: #FBADDD;
736
736
  --oasys-component-button-color-secondary-hover-overlay: #FBADDD;