oasys-lib 3.4.0 → 3.7.3

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 (26) hide show
  1. package/fesm2022/oasys-lib.mjs +2 -2
  2. package/fesm2022/oasys-lib.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/src/assets/bergamotte/fonts/ABCDiatype-Bold.woff2 +0 -0
  5. package/src/assets/bergamotte/fonts/ABCDiatype-BoldItalic.woff2 +0 -0
  6. package/src/assets/bergamotte/fonts/ABCDiatype-Regular.woff2 +0 -0
  7. package/src/assets/bergamotte/fonts/ABCDiatype-RegularItalic.woff +0 -0
  8. package/src/assets/bergamotte/fonts/LyonDisplay-Bold-Web.woff2 +0 -0
  9. package/src/assets/bergamotte/fonts/LyonDisplay-BoldItalic-Web.woff2 +0 -0
  10. package/src/assets/bergamotte/fonts/LyonDisplay-Regular-Web.woff2 +0 -0
  11. package/src/assets/bergamotte/fonts/LyonDisplay-RegularItalic-Web.woff2 +0 -0
  12. package/src/assets/bergamotte/styles.scss +62 -9
  13. package/src/assets/bergamotte/variables.css +41 -38
  14. package/src/assets/bergamotte-loyalty-tier-1/variables.css +81 -75
  15. package/src/assets/bergamotte-loyalty-tier-2/variables.css +81 -75
  16. package/src/assets/bloomandwild/variables.css +7 -4
  17. package/src/assets/bloomandwild-loyalty-tier-1/variables.css +13 -7
  18. package/src/assets/bloomandwild-loyalty-tier-2/variables.css +13 -7
  19. package/src/assets/bloomon/variables.css +7 -4
  20. package/src/assets/bloomon-loyalty-tier-1/variables.css +13 -7
  21. package/src/assets/bloomon-loyalty-tier-2/variables.css +13 -7
  22. package/src/assets/global/scss-breakpoints.scss +1 -1
  23. package/src/assets/bergamotte/fonts/TiemposHeadlineWeb-Bold.woff +0 -0
  24. package/src/assets/bergamotte/fonts/TiemposHeadlineWeb-Bold.woff2 +0 -0
  25. package/src/assets/bergamotte/fonts/Unica77LLWeb-Medium.woff2 +0 -0
  26. package/src/assets/bergamotte/fonts/Unica77LLWeb-Regular.woff2 +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oasys-lib",
3
- "version": "3.4.0",
3
+ "version": "3.7.3",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "21.2.21",
6
6
  "@angular/core": "21.2.21",
package/src/assets/bergamotte/styles.scss CHANGED
@@ -2,30 +2,83 @@
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');
8
- font-weight: bold;
5
+ font-family: 'Lyon Display';
6
+ src: url('./fonts/LyonDisplay-Regular-Web.woff2') format('woff2');
7
+ font-weight: 400;
9
8
  font-style: normal;
10
9
  font-display: swap;
11
10
  }
12
11
 
12
+ @font-face {
13
+ font-family: 'Lyon Display';
14
+ src: url('./fonts/LyonDisplay-RegularItalic-Web.woff2') format('woff2');
15
+ font-weight: 400;
16
+ font-style: italic;
17
+ font-display: swap;
18
+ }
13
19
 
20
+ @font-face {
21
+ font-family: 'Lyon Display';
22
+ src: url('./fonts/LyonDisplay-Bold-Web.woff2') format('woff2');
23
+ font-weight: bold;
24
+ font-style: normal;
25
+ font-display: swap;
26
+ }
27
+
28
+ @font-face {
29
+ font-family: 'Lyon Display';
30
+ src: url('./fonts/LyonDisplay-BoldItalic-Web.woff2') format('woff2');
31
+ font-weight: bold;
32
+ font-style: italic;
33
+ font-display: swap;
34
+ }
14
35
 
15
36
  // Body
16
37
  @font-face {
17
- font-family: "Unica 77 LL TT";
18
- src: url("./fonts/Unica77LLWeb-Medium.woff2") format("woff2");
19
- font-weight: 500;
38
+ font-family: "ABC Diatype";
39
+ src: url("./fonts/ABCDiatype-Regular.woff2") format("woff2");
40
+ font-weight: 400;
20
41
  font-style: normal;
21
42
  font-display: swap;
22
43
  }
23
44
 
24
45
  @font-face {
25
- font-family: "Unica 77 LL TT";
26
- src: url("./fonts/Unica77LLWeb-Regular.woff2") format("woff2");
46
+ font-family: "ABC Diatype";
47
+ src: url("./fonts/ABCDiatype-RegularItalic.woff") format("woff");
27
48
  font-weight: 400;
49
+ font-style: italic;
50
+ font-display: swap;
51
+ }
52
+
53
+ // No Medium cut is supplied, so the emphasis weight (500) uses Regular
54
+ @font-face {
55
+ font-family: "ABC Diatype";
56
+ src: url("./fonts/ABCDiatype-Regular.woff2") format("woff2");
57
+ font-weight: 500;
28
58
  font-style: normal;
29
59
  font-display: swap;
30
60
  }
31
61
 
62
+ @font-face {
63
+ font-family: "ABC Diatype";
64
+ src: url("./fonts/ABCDiatype-RegularItalic.woff") format("woff");
65
+ font-weight: 500;
66
+ font-style: italic;
67
+ font-display: swap;
68
+ }
69
+
70
+ @font-face {
71
+ font-family: "ABC Diatype";
72
+ src: url("./fonts/ABCDiatype-Bold.woff2") format("woff2");
73
+ font-weight: bold;
74
+ font-style: normal;
75
+ font-display: swap;
76
+ }
77
+
78
+ @font-face {
79
+ font-family: "ABC Diatype";
80
+ src: url("./fonts/ABCDiatype-BoldItalic.woff2") format("woff2");
81
+ font-weight: bold;
82
+ font-style: italic;
83
+ font-display: swap;
84
+ }
package/src/assets/bergamotte/variables.css CHANGED
@@ -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 Fri, 25 Sep 2026 09:34:41 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);
@@ -55,6 +53,8 @@
55
53
  --oasys-color-linen-grey-50: rgb(148, 139, 126);
56
54
  --oasys-color-linen-grey-60: rgb(114, 107, 96);
57
55
  --oasys-color-linen-grey-75: rgb(83, 78, 70);
56
+ --oasys-color-grey-3: rgb(243, 243, 243);
57
+ --oasys-color-grey-5: rgb(242, 242, 242);
58
58
  --oasys-color-grey-10: rgb(231, 230, 227);
59
59
  --oasys-color-grey-20: rgb(224, 224, 224);
60
60
  --oasys-color-grey-30: rgb(198, 198, 198);
@@ -71,7 +71,7 @@
71
71
  --oasys-color-cotton-grey-20: rgb(222, 221, 219);
72
72
  --oasys-color-cotten-grey-30: rgb(204, 196, 189);
73
73
  --oasys-color-brand-foreground-primary: rgb(56, 55, 55);
74
- --oasys-color-brand-foreground-secondary: rgb(245, 53, 170);
74
+ --oasys-color-brand-foreground-secondary: rgb(247, 246, 243);
75
75
  --oasys-color-brand-foreground-primary-on-dark: rgb(247, 246, 243);
76
76
  --oasys-color-brand-foreground-secondary-on-dark: rgb(245, 53, 170);
77
77
  --oasys-color-brand-foreground-discount: rgb(245, 53, 170);
@@ -122,7 +122,7 @@
122
122
  --oasys-color-rewards-border-primary: rgb(251, 173, 221);
123
123
  --oasys-color-rewards-border-primary-on-dark: rgb(251, 173, 221);
124
124
  --oasys-color-sage-60: rgb(0, 0, 0);
125
- --oasys-color-juniper-80: rgb(0, 0, 0);
125
+ --oasys-color-sage-80: rgb(0, 0, 0);
126
126
  --oasys-color-clay-50: rgb(182, 107, 85);
127
127
  --oasys-color-clay-60: rgb(158, 80, 57);
128
128
  --oasys-color-slate-80: rgb(56, 55, 55);
@@ -171,9 +171,11 @@
171
171
  --oasys-animation-duration-progress: 1500;
172
172
  --oasys-animation-timing-function-soft: 0.77,-0.01,0.59,0.98;
173
173
  --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';
174
+ --oasys-typography-font-families-unica-77-ll-tt: 'Unica 77 LL TT';
175
+ --oasys-typography-font-families-tiempos-headline: 'Tiempos Headline';
176
+ --oasys-typography-font-families-patron: Patron;
177
+ --oasys-typography-font-families-lyon-display: 'Lyon Display';
178
+ --oasys-typography-font-families-abcdiatype: 'ABC Diatype';
177
179
  --oasys-typography-line-heights-14: 1.4rem;
178
180
  --oasys-typography-line-heights-16: 1.6rem;
179
181
  --oasys-typography-line-heights-20: 2rem;
@@ -209,8 +211,8 @@
209
211
  --oasys-typography-text-decoration-none: none;
210
212
  --oasys-typography-text-decoration-line-through: line-through;
211
213
  --oasys-typography-paragraph-indent-0: 0;
212
- --oasys-typography-font-primary: 'Comic Sans MS';
213
- --oasys-typography-font-display: 'Comic Sans MS';
214
+ --oasys-typography-font-primary: 'ABC Diatype';
215
+ --oasys-typography-font-display: 'Lyon Display';
214
216
  --oasys-typography-weight-regular: 400;
215
217
  --oasys-typography-weight-emphasis: 500;
216
218
  --oasys-typography-weight-display: 700;
@@ -389,7 +391,7 @@
389
391
  --oasys-typography-role-text-decoration-heading-func-secondary-mobile: none;
390
392
  --oasys-typography-role-text-decoration-heading-label-primary: none;
391
393
  --oasys-typography-role-text-decoration-heading-label-secondary: none;
392
- --oasys-typography-body-body-font-family: 'Comic Sans MS';
394
+ --oasys-typography-body-body-font-family: 'ABC Diatype';
393
395
  --oasys-typography-body-body-font-weight: 400;
394
396
  --oasys-typography-body-body-line-height: 2.4rem;
395
397
  --oasys-typography-body-body-font-size: 1.6rem;
@@ -398,7 +400,7 @@
398
400
  --oasys-typography-body-body-paragraph-indent: 0;
399
401
  --oasys-typography-body-body-text-case: none;
400
402
  --oasys-typography-body-body-text-decoration: none;
401
- --oasys-typography-body-supporting-font-family: 'Comic Sans MS';
403
+ --oasys-typography-body-supporting-font-family: 'ABC Diatype';
402
404
  --oasys-typography-body-supporting-font-weight: 400;
403
405
  --oasys-typography-body-supporting-line-height: 2rem;
404
406
  --oasys-typography-body-supporting-font-size: 1.4rem;
@@ -407,7 +409,7 @@
407
409
  --oasys-typography-body-supporting-paragraph-indent: 0;
408
410
  --oasys-typography-body-supporting-text-case: none;
409
411
  --oasys-typography-body-supporting-text-decoration: none;
410
- --oasys-typography-body-micro-font-family: 'Comic Sans MS';
412
+ --oasys-typography-body-micro-font-family: 'ABC Diatype';
411
413
  --oasys-typography-body-micro-font-weight: 400;
412
414
  --oasys-typography-body-micro-line-height: 1.4rem;
413
415
  --oasys-typography-body-micro-font-size: 1.2rem;
@@ -416,7 +418,7 @@
416
418
  --oasys-typography-body-micro-paragraph-indent: 0;
417
419
  --oasys-typography-body-micro-text-case: none;
418
420
  --oasys-typography-body-micro-text-decoration: none;
419
- --oasys-typography-body-hero-font-family: 'Comic Sans MS';
421
+ --oasys-typography-body-hero-font-family: 'ABC Diatype';
420
422
  --oasys-typography-body-hero-font-weight: 400;
421
423
  --oasys-typography-body-hero-line-height: 2.8rem;
422
424
  --oasys-typography-body-hero-font-size: 2rem;
@@ -425,7 +427,7 @@
425
427
  --oasys-typography-body-hero-paragraph-indent: 0;
426
428
  --oasys-typography-body-hero-text-case: none;
427
429
  --oasys-typography-body-hero-text-decoration: none;
428
- --oasys-typography-body-expressive-font-family: 'Comic Sans MS';
430
+ --oasys-typography-body-expressive-font-family: 'Lyon Display';
429
431
  --oasys-typography-body-expressive-font-weight: 700;
430
432
  --oasys-typography-body-expressive-line-height: 3.2rem;
431
433
  --oasys-typography-body-expressive-font-size: 2.4rem;
@@ -434,7 +436,7 @@
434
436
  --oasys-typography-body-expressive-paragraph-indent: 0;
435
437
  --oasys-typography-body-expressive-text-case: none;
436
438
  --oasys-typography-body-expressive-text-decoration: none;
437
- --oasys-typography-body-emphasis-hero-font-family: 'Comic Sans MS';
439
+ --oasys-typography-body-emphasis-hero-font-family: 'ABC Diatype';
438
440
  --oasys-typography-body-emphasis-hero-font-weight: 500;
439
441
  --oasys-typography-body-emphasis-hero-line-height: 3.2rem;
440
442
  --oasys-typography-body-emphasis-hero-font-size: 2rem;
@@ -443,7 +445,7 @@
443
445
  --oasys-typography-body-emphasis-hero-paragraph-indent: 0;
444
446
  --oasys-typography-body-emphasis-hero-text-case: none;
445
447
  --oasys-typography-body-emphasis-hero-text-decoration: none;
446
- --oasys-typography-body-emphasis-body-font-family: 'Comic Sans MS';
448
+ --oasys-typography-body-emphasis-body-font-family: 'ABC Diatype';
447
449
  --oasys-typography-body-emphasis-body-font-weight: 500;
448
450
  --oasys-typography-body-emphasis-body-line-height: 2.4rem;
449
451
  --oasys-typography-body-emphasis-body-font-size: 1.6rem;
@@ -452,7 +454,7 @@
452
454
  --oasys-typography-body-emphasis-body-paragraph-indent: 0;
453
455
  --oasys-typography-body-emphasis-body-text-case: none;
454
456
  --oasys-typography-body-emphasis-body-text-decoration: none;
455
- --oasys-typography-body-emphasis-supporting-font-family: 'Comic Sans MS';
457
+ --oasys-typography-body-emphasis-supporting-font-family: 'ABC Diatype';
456
458
  --oasys-typography-body-emphasis-supporting-font-weight: 500;
457
459
  --oasys-typography-body-emphasis-supporting-line-height: 2rem;
458
460
  --oasys-typography-body-emphasis-supporting-font-size: 1.4rem;
@@ -461,7 +463,7 @@
461
463
  --oasys-typography-body-emphasis-supporting-paragraph-indent: 0;
462
464
  --oasys-typography-body-emphasis-supporting-text-case: none;
463
465
  --oasys-typography-body-emphasis-supporting-text-decoration: none;
464
- --oasys-typography-body-emphasis-line-through-hero-font-family: 'Comic Sans MS';
466
+ --oasys-typography-body-emphasis-line-through-hero-font-family: 'ABC Diatype';
465
467
  --oasys-typography-body-emphasis-line-through-hero-font-weight: 500;
466
468
  --oasys-typography-body-emphasis-line-through-hero-line-height: 3.2rem;
467
469
  --oasys-typography-body-emphasis-line-through-hero-font-size: 2rem;
@@ -470,7 +472,7 @@
470
472
  --oasys-typography-body-emphasis-line-through-hero-paragraph-indent: 0;
471
473
  --oasys-typography-body-emphasis-line-through-hero-text-case: none;
472
474
  --oasys-typography-body-emphasis-line-through-hero-text-decoration: line-through;
473
- --oasys-typography-body-emphasis-line-through-body-font-family: 'Comic Sans MS';
475
+ --oasys-typography-body-emphasis-line-through-body-font-family: 'ABC Diatype';
474
476
  --oasys-typography-body-emphasis-line-through-body-font-weight: 500;
475
477
  --oasys-typography-body-emphasis-line-through-body-line-height: 2.4rem;
476
478
  --oasys-typography-body-emphasis-line-through-body-font-size: 1.6rem;
@@ -479,7 +481,7 @@
479
481
  --oasys-typography-body-emphasis-line-through-body-paragraph-indent: 0;
480
482
  --oasys-typography-body-emphasis-line-through-body-text-case: none;
481
483
  --oasys-typography-body-emphasis-line-through-body-text-decoration: line-through;
482
- --oasys-typography-body-emphasis-line-through-supporting-font-family: 'Comic Sans MS';
484
+ --oasys-typography-body-emphasis-line-through-supporting-font-family: 'ABC Diatype';
483
485
  --oasys-typography-body-emphasis-line-through-supporting-font-weight: 500;
484
486
  --oasys-typography-body-emphasis-line-through-supporting-line-height: 2rem;
485
487
  --oasys-typography-body-emphasis-line-through-supporting-font-size: 1.4rem;
@@ -488,7 +490,7 @@
488
490
  --oasys-typography-body-emphasis-line-through-supporting-paragraph-indent: 0;
489
491
  --oasys-typography-body-emphasis-line-through-supporting-text-case: none;
490
492
  --oasys-typography-body-emphasis-line-through-supporting-text-decoration: line-through;
491
- --oasys-typography-body-line-through-hero-font-family: 'Comic Sans MS';
493
+ --oasys-typography-body-line-through-hero-font-family: 'ABC Diatype';
492
494
  --oasys-typography-body-line-through-hero-font-weight: 400;
493
495
  --oasys-typography-body-line-through-hero-line-height: 3.2rem;
494
496
  --oasys-typography-body-line-through-hero-font-size: 2rem;
@@ -497,7 +499,7 @@
497
499
  --oasys-typography-body-line-through-hero-paragraph-indent: 0;
498
500
  --oasys-typography-body-line-through-hero-text-case: none;
499
501
  --oasys-typography-body-line-through-hero-text-decoration: line-through;
500
- --oasys-typography-body-line-through-body-font-family: 'Comic Sans MS';
502
+ --oasys-typography-body-line-through-body-font-family: 'ABC Diatype';
501
503
  --oasys-typography-body-line-through-body-font-weight: 400;
502
504
  --oasys-typography-body-line-through-body-line-height: 2.4rem;
503
505
  --oasys-typography-body-line-through-body-font-size: 1.6rem;
@@ -506,7 +508,7 @@
506
508
  --oasys-typography-body-line-through-body-paragraph-indent: 0;
507
509
  --oasys-typography-body-line-through-body-text-case: none;
508
510
  --oasys-typography-body-line-through-body-text-decoration: line-through;
509
- --oasys-typography-body-line-through-supporting-font-family: 'Comic Sans MS';
511
+ --oasys-typography-body-line-through-supporting-font-family: 'ABC Diatype';
510
512
  --oasys-typography-body-line-through-supporting-font-weight: 400;
511
513
  --oasys-typography-body-line-through-supporting-line-height: 2rem;
512
514
  --oasys-typography-body-line-through-supporting-font-size: 1.4rem;
@@ -515,7 +517,7 @@
515
517
  --oasys-typography-body-line-through-supporting-paragraph-indent: 0;
516
518
  --oasys-typography-body-line-through-supporting-text-case: none;
517
519
  --oasys-typography-body-line-through-supporting-text-decoration: line-through;
518
- --oasys-typography-heading-hero-desktop-font-family: 'Comic Sans MS';
520
+ --oasys-typography-heading-hero-desktop-font-family: 'Lyon Display';
519
521
  --oasys-typography-heading-hero-desktop-font-weight: 700;
520
522
  --oasys-typography-heading-hero-desktop-line-height: 6.4rem;
521
523
  --oasys-typography-heading-hero-desktop-font-size: 5.2rem;
@@ -524,7 +526,7 @@
524
526
  --oasys-typography-heading-hero-desktop-paragraph-indent: 0;
525
527
  --oasys-typography-heading-hero-desktop-text-case: none;
526
528
  --oasys-typography-heading-hero-desktop-text-decoration: none;
527
- --oasys-typography-heading-hero-mobile-font-family: 'Comic Sans MS';
529
+ --oasys-typography-heading-hero-mobile-font-family: 'Lyon Display';
528
530
  --oasys-typography-heading-hero-mobile-font-weight: 700;
529
531
  --oasys-typography-heading-hero-mobile-line-height: 4rem;
530
532
  --oasys-typography-heading-hero-mobile-font-size: 3.6rem;
@@ -533,7 +535,7 @@
533
535
  --oasys-typography-heading-hero-mobile-paragraph-indent: 0;
534
536
  --oasys-typography-heading-hero-mobile-text-case: none;
535
537
  --oasys-typography-heading-hero-mobile-text-decoration: none;
536
- --oasys-typography-heading-primary-desktop-font-family: 'Comic Sans MS';
538
+ --oasys-typography-heading-primary-desktop-font-family: 'Lyon Display';
537
539
  --oasys-typography-heading-primary-desktop-font-weight: 700;
538
540
  --oasys-typography-heading-primary-desktop-line-height: 5.6rem;
539
541
  --oasys-typography-heading-primary-desktop-font-size: 4.4rem;
@@ -542,7 +544,7 @@
542
544
  --oasys-typography-heading-primary-desktop-paragraph-indent: 0;
543
545
  --oasys-typography-heading-primary-desktop-text-case: none;
544
546
  --oasys-typography-heading-primary-desktop-text-decoration: none;
545
- --oasys-typography-heading-primary-mobile-font-family: 'Comic Sans MS';
547
+ --oasys-typography-heading-primary-mobile-font-family: 'Lyon Display';
546
548
  --oasys-typography-heading-primary-mobile-font-weight: 700;
547
549
  --oasys-typography-heading-primary-mobile-line-height: 4rem;
548
550
  --oasys-typography-heading-primary-mobile-font-size: 3.2rem;
@@ -551,7 +553,7 @@
551
553
  --oasys-typography-heading-primary-mobile-paragraph-indent: 0;
552
554
  --oasys-typography-heading-primary-mobile-text-case: none;
553
555
  --oasys-typography-heading-primary-mobile-text-decoration: none;
554
- --oasys-typography-heading-secondary-font-family: 'Comic Sans MS';
556
+ --oasys-typography-heading-secondary-font-family: 'Lyon Display';
555
557
  --oasys-typography-heading-secondary-font-weight: 700;
556
558
  --oasys-typography-heading-secondary-line-height: 4rem;
557
559
  --oasys-typography-heading-secondary-font-size: 3.2rem;
@@ -560,7 +562,7 @@
560
562
  --oasys-typography-heading-secondary-paragraph-indent: 0;
561
563
  --oasys-typography-heading-secondary-text-case: none;
562
564
  --oasys-typography-heading-secondary-text-decoration: none;
563
- --oasys-typography-heading-func-primary-desktop-font-family: 'Comic Sans MS';
565
+ --oasys-typography-heading-func-primary-desktop-font-family: 'ABC Diatype';
564
566
  --oasys-typography-heading-func-primary-desktop-font-weight: 500;
565
567
  --oasys-typography-heading-func-primary-desktop-line-height: 4rem;
566
568
  --oasys-typography-heading-func-primary-desktop-font-size: 3.2rem;
@@ -569,7 +571,7 @@
569
571
  --oasys-typography-heading-func-primary-desktop-paragraph-indent: 0;
570
572
  --oasys-typography-heading-func-primary-desktop-text-case: none;
571
573
  --oasys-typography-heading-func-primary-desktop-text-decoration: none;
572
- --oasys-typography-heading-func-primary-mobile-font-family: 'Comic Sans MS';
574
+ --oasys-typography-heading-func-primary-mobile-font-family: 'ABC Diatype';
573
575
  --oasys-typography-heading-func-primary-mobile-font-weight: 500;
574
576
  --oasys-typography-heading-func-primary-mobile-line-height: 3.2rem;
575
577
  --oasys-typography-heading-func-primary-mobile-font-size: 2.4rem;
@@ -578,7 +580,7 @@
578
580
  --oasys-typography-heading-func-primary-mobile-paragraph-indent: 0;
579
581
  --oasys-typography-heading-func-primary-mobile-text-case: none;
580
582
  --oasys-typography-heading-func-primary-mobile-text-decoration: none;
581
- --oasys-typography-heading-func-secondary-desktop-font-family: 'Comic Sans MS';
583
+ --oasys-typography-heading-func-secondary-desktop-font-family: 'ABC Diatype';
582
584
  --oasys-typography-heading-func-secondary-desktop-font-weight: 500;
583
585
  --oasys-typography-heading-func-secondary-desktop-line-height: 3.2rem;
584
586
  --oasys-typography-heading-func-secondary-desktop-font-size: 2.4rem;
@@ -587,7 +589,7 @@
587
589
  --oasys-typography-heading-func-secondary-desktop-paragraph-indent: 0;
588
590
  --oasys-typography-heading-func-secondary-desktop-text-case: none;
589
591
  --oasys-typography-heading-func-secondary-desktop-text-decoration: none;
590
- --oasys-typography-heading-func-secondary-mobile-font-family: 'Comic Sans MS';
592
+ --oasys-typography-heading-func-secondary-mobile-font-family: 'ABC Diatype';
591
593
  --oasys-typography-heading-func-secondary-mobile-font-weight: 500;
592
594
  --oasys-typography-heading-func-secondary-mobile-line-height: 2.4rem;
593
595
  --oasys-typography-heading-func-secondary-mobile-font-size: 2rem;
@@ -596,7 +598,7 @@
596
598
  --oasys-typography-heading-func-secondary-mobile-paragraph-indent: 0;
597
599
  --oasys-typography-heading-func-secondary-mobile-text-case: none;
598
600
  --oasys-typography-heading-func-secondary-mobile-text-decoration: none;
599
- --oasys-typography-heading-label-primary-font-family: 'Comic Sans MS';
601
+ --oasys-typography-heading-label-primary-font-family: 'ABC Diatype';
600
602
  --oasys-typography-heading-label-primary-font-weight: 500;
601
603
  --oasys-typography-heading-label-primary-line-height: 2.4rem;
602
604
  --oasys-typography-heading-label-primary-font-size: 1.8rem;
@@ -605,7 +607,7 @@
605
607
  --oasys-typography-heading-label-primary-paragraph-indent: 0;
606
608
  --oasys-typography-heading-label-primary-text-case: none;
607
609
  --oasys-typography-heading-label-primary-text-decoration: none;
608
- --oasys-typography-heading-label-secondary-font-family: 'Comic Sans MS';
610
+ --oasys-typography-heading-label-secondary-font-family: 'ABC Diatype';
609
611
  --oasys-typography-heading-label-secondary-font-weight: 500;
610
612
  --oasys-typography-heading-label-secondary-line-height: 2rem;
611
613
  --oasys-typography-heading-label-secondary-font-size: 1.4rem;
@@ -631,6 +633,7 @@
631
633
  --oasys-border-width-prominent: 0.2rem;
632
634
  --oasys-border-width-focus: 0.2rem;
633
635
  --oasys-border-width-focus-offset: 0.4rem;
636
+ --oasys-border-width-hairline: 0.1rem; /* App-only border width. This value is overridden to 0.5 in the app JSON files (oasys/app/app.json); web falls back to 1. */
634
637
  --oasys-utility-brand: Bergamotte;
635
638
  --oasys-utility-brand-slug: bergamotte;
636
639
  --oasys-spacing-section: 6.4rem;
@@ -728,9 +731,9 @@
728
731
  --oasys-component-button-color-primary-selected-border: rgb(56, 55, 55);
729
732
  --oasys-component-button-color-primary-hover-underlay: rgb(56, 55, 55);
730
733
  --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;
734
+ --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
735
+ --oasys-component-button-color-secondary-border: rgb(56, 55, 55);
736
+ --oasys-component-button-color-secondary-text: rgb(56, 55, 55);
734
737
  --oasys-component-button-color-secondary-selected-border: #FBADDD;
735
738
  --oasys-component-button-color-secondary-hover-underlay: #FBADDD;
736
739
  --oasys-component-button-color-secondary-hover-overlay: #FBADDD;