oasys-lib 3.9.0 → 3.10.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.
Files changed (10) hide show
  1. package/package.json +1 -1
  2. package/src/assets/bergamotte/variables.css +95 -95
  3. package/src/assets/bergamotte-loyalty-tier-1/variables.css +173 -173
  4. package/src/assets/bergamotte-loyalty-tier-2/variables.css +173 -173
  5. package/src/assets/bloomandwild/variables.css +1 -1
  6. package/src/assets/bloomandwild-loyalty-tier-1/variables.css +1 -1
  7. package/src/assets/bloomandwild-loyalty-tier-2/variables.css +1 -1
  8. package/src/assets/bloomon/variables.css +1 -1
  9. package/src/assets/bloomon-loyalty-tier-1/variables.css +1 -1
  10. package/src/assets/bloomon-loyalty-tier-2/variables.css +1 -1
package/src/assets/bergamotte-loyalty-tier-1/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Tue, 29 Sep 2026 16:30:22 GMT
3
+ * Generated on Thu, 01 Oct 2026 12:02:43 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bergamotte-loyalty-tier-1 {
@@ -478,12 +478,12 @@
478
478
  --oasys-loyalty-tier-2-radius-primary: 0;
479
479
  --oasys-loyalty-tier-2-radius-secondary: 0;
480
480
  --oasys-loyalty-tier-2-radius-icon: 99.9rem;
481
- --oasys-component-alert-badge-positive: rgb(251, 173, 221);
482
- --oasys-component-alert-badge-neutral: rgb(251, 173, 221);
483
- --oasys-component-alert-badge-negative: rgb(251, 173, 221);
484
- --oasys-component-alert-background-positive: rgb(253, 213, 238);
485
- --oasys-component-alert-background-neutral: rgb(253, 213, 238);
486
- --oasys-component-alert-background-negative: rgb(253, 213, 238);
481
+ --oasys-component-alert-badge-positive: rgb(68, 121, 100);
482
+ --oasys-component-alert-badge-neutral: rgb(255, 255, 255);
483
+ --oasys-component-alert-badge-negative: rgb(201, 17, 17);
484
+ --oasys-component-alert-background-positive: rgb(240, 246, 244);
485
+ --oasys-component-alert-background-neutral: rgb(242, 241, 239);
486
+ --oasys-component-alert-background-negative: rgb(251, 234, 234);
487
487
  --oasys-component-banner-spacing-mobile: default;
488
488
  --oasys-component-box-on-dark-core-primary: on-light;
489
489
  --oasys-component-box-on-dark-core-secondary: on-light;
@@ -498,9 +498,9 @@
498
498
  --oasys-component-box-border-prominent: 0.2rem;
499
499
  --oasys-component-box-border-color-primary: rgb(251, 173, 221);
500
500
  --oasys-component-box-border-color-primary-on-dark: rgb(251, 173, 221);
501
- --oasys-component-box-border-color-secondary: rgb(251, 173, 221);
502
- --oasys-component-box-border-color-selected: rgb(251, 173, 221);
503
- --oasys-component-box-border-color-selectable: rgb(251, 173, 221);
501
+ --oasys-component-box-border-color-secondary: rgb(222, 221, 219);
502
+ --oasys-component-box-border-color-selected: rgb(28, 28, 28);
503
+ --oasys-component-box-border-color-selectable: rgb(222, 221, 219);
504
504
  --oasys-component-box-border-style-solid: solid;
505
505
  --oasys-component-box-border-style-dashed: dashed;
506
506
  --oasys-component-button-size-large-font-size: 1.8rem;
@@ -517,91 +517,91 @@
517
517
  --oasys-component-button-content-height: 2rem;
518
518
  --oasys-component-button-color-primary-background: rgb(253, 213, 238);
519
519
  --oasys-component-button-color-primary-border: rgb(253, 213, 238);
520
- --oasys-component-button-color-primary-text: rgb(245, 53, 170);
520
+ --oasys-component-button-color-primary-text: rgb(247, 246, 243);
521
521
  --oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
522
522
  --oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
523
523
  --oasys-component-button-color-primary-hover-overlay: rgb(247, 246, 243);
524
524
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
525
525
  --oasys-component-button-color-secondary-border: rgb(56, 55, 55);
526
526
  --oasys-component-button-color-secondary-text: rgb(245, 53, 170);
527
- --oasys-component-button-color-secondary-selected-border: rgb(251, 173, 221);
528
- --oasys-component-button-color-secondary-hover-underlay: rgb(251, 173, 221);
529
- --oasys-component-button-color-secondary-hover-overlay: rgb(251, 173, 221);
530
- --oasys-component-button-color-tertiary-background: rgb(253, 213, 238);
531
- --oasys-component-button-color-tertiary-border: rgb(251, 173, 221);
532
- --oasys-component-button-color-tertiary-text: rgb(245, 53, 170);
533
- --oasys-component-button-color-tertiary-selected-border: rgb(251, 173, 221);
534
- --oasys-component-button-color-tertiary-hover-underlay: rgb(251, 173, 221);
535
- --oasys-component-button-color-tertiary-hover-overlay: rgb(251, 173, 221);
527
+ --oasys-component-button-color-secondary-selected-border: rgb(56, 55, 55);
528
+ --oasys-component-button-color-secondary-hover-underlay: rgba(0, 0, 0, 0);
529
+ --oasys-component-button-color-secondary-hover-overlay: rgb(56, 55, 55);
530
+ --oasys-component-button-color-tertiary-background: rgba(0, 0, 0, 0);
531
+ --oasys-component-button-color-tertiary-border: rgba(0, 0, 0, 0);
532
+ --oasys-component-button-color-tertiary-text: rgb(56, 55, 55);
533
+ --oasys-component-button-color-tertiary-selected-border: rgba(0, 0, 0, 0);
534
+ --oasys-component-button-color-tertiary-hover-underlay: rgba(0, 0, 0, 0);
535
+ --oasys-component-button-color-tertiary-hover-overlay: rgb(56, 55, 55);
536
536
  --oasys-component-button-color-primary-inverse-background: rgb(253, 213, 238);
537
- --oasys-component-button-color-primary-inverse-border: rgb(251, 173, 221);
538
- --oasys-component-button-color-primary-inverse-text: rgb(245, 53, 170);
539
- --oasys-component-button-color-primary-inverse-selected-border: rgb(251, 173, 221);
540
- --oasys-component-button-color-primary-inverse-hover-underlay: rgb(251, 173, 221);
541
- --oasys-component-button-color-primary-inverse-hover-overlay: rgb(251, 173, 221);
542
- --oasys-component-button-color-secondary-inverse-background: rgb(253, 213, 238);
543
- --oasys-component-button-color-secondary-inverse-border: rgb(251, 173, 221);
544
- --oasys-component-button-color-secondary-inverse-text: rgb(245, 53, 170);
545
- --oasys-component-button-color-secondary-inverse-selected-border: rgb(251, 173, 221);
546
- --oasys-component-button-color-secondary-inverse-hover-underlay: rgb(251, 173, 221);
547
- --oasys-component-button-color-secondary-inverse-hover-overlay: rgb(251, 173, 221);
548
- --oasys-component-button-color-tertiary-inverse-background: rgb(253, 213, 238);
549
- --oasys-component-button-color-tertiary-inverse-border: rgb(251, 173, 221);
550
- --oasys-component-button-color-tertiary-inverse-text: rgb(245, 53, 170);
551
- --oasys-component-button-color-tertiary-inverse-selected-border: rgb(251, 173, 221);
552
- --oasys-component-button-color-tertiary-inverse-hover-underlay: rgb(251, 173, 221);
553
- --oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(251, 173, 221);
554
- --oasys-component-button-color-expressive-background: rgb(253, 213, 238);
555
- --oasys-component-button-color-expressive-border: rgb(251, 173, 221);
556
- --oasys-component-button-color-expressive-text: rgb(245, 53, 170);
557
- --oasys-component-button-color-expressive-selected-border: rgb(251, 173, 221);
558
- --oasys-component-button-color-expressive-hover-underlay: rgb(251, 173, 221);
559
- --oasys-component-button-color-expressive-hover-overlay: rgb(251, 173, 221);
560
- --oasys-component-button-color-danger-background: rgb(253, 213, 238);
561
- --oasys-component-button-color-danger-border: rgb(251, 173, 221);
562
- --oasys-component-button-color-danger-text: rgb(245, 53, 170);
563
- --oasys-component-button-color-danger-selected-border: rgb(251, 173, 221);
564
- --oasys-component-button-color-danger-hover-underlay: rgb(251, 173, 221);
565
- --oasys-component-button-color-danger-hover-overlay: rgb(251, 173, 221);
566
- --oasys-component-button-color-facebook-background: rgb(253, 213, 238);
567
- --oasys-component-button-color-facebook-border: rgb(251, 173, 221);
568
- --oasys-component-button-color-facebook-text: rgb(245, 53, 170);
569
- --oasys-component-button-color-facebook-selected-border: rgb(251, 173, 221);
570
- --oasys-component-button-color-facebook-hover-underlay: rgb(251, 173, 221);
571
- --oasys-component-button-color-facebook-hover-overlay: rgb(251, 173, 221);
572
- --oasys-component-button-color-paypal-background: rgb(253, 213, 238);
573
- --oasys-component-button-color-paypal-border: rgb(251, 173, 221);
574
- --oasys-component-button-color-paypal-text: rgb(245, 53, 170);
575
- --oasys-component-button-color-paypal-selected-border: rgb(251, 173, 221);
576
- --oasys-component-button-color-paypal-hover-underlay: rgb(251, 173, 221);
577
- --oasys-component-button-color-paypal-hover-overlay: rgb(251, 173, 221);
578
- --oasys-component-button-color-trustpilot-background: rgb(253, 213, 238);
579
- --oasys-component-button-color-trustpilot-border: rgb(251, 173, 221);
580
- --oasys-component-button-color-trustpilot-text: rgb(245, 53, 170);
581
- --oasys-component-button-color-trustpilot-selected-border: rgb(251, 173, 221);
582
- --oasys-component-button-color-trustpilot-hover-underlay: rgb(251, 173, 221);
583
- --oasys-component-button-color-trustpilot-hover-overlay: rgb(251, 173, 221);
537
+ --oasys-component-button-color-primary-inverse-border: rgb(253, 213, 238);
538
+ --oasys-component-button-color-primary-inverse-text: rgb(56, 55, 55);
539
+ --oasys-component-button-color-primary-inverse-selected-border: rgb(253, 213, 238);
540
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(253, 213, 238);
541
+ --oasys-component-button-color-primary-inverse-hover-overlay: rgb(56, 55, 55);
542
+ --oasys-component-button-color-secondary-inverse-background: rgba(0, 0, 0, 0);
543
+ --oasys-component-button-color-secondary-inverse-border: rgb(253, 213, 238);
544
+ --oasys-component-button-color-secondary-inverse-text: rgb(247, 246, 243);
545
+ --oasys-component-button-color-secondary-inverse-selected-border: rgb(253, 213, 238);
546
+ --oasys-component-button-color-secondary-inverse-hover-underlay: rgba(0, 0, 0, 0);
547
+ --oasys-component-button-color-secondary-inverse-hover-overlay: rgb(247, 246, 243);
548
+ --oasys-component-button-color-tertiary-inverse-background: rgba(0, 0, 0, 0);
549
+ --oasys-component-button-color-tertiary-inverse-border: rgba(0, 0, 0, 0);
550
+ --oasys-component-button-color-tertiary-inverse-text: rgb(247, 246, 243);
551
+ --oasys-component-button-color-tertiary-inverse-selected-border: rgba(0, 0, 0, 0);
552
+ --oasys-component-button-color-tertiary-inverse-hover-underlay: rgba(0, 0, 0, 0);
553
+ --oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(247, 246, 243);
554
+ --oasys-component-button-color-expressive-background: rgb(87, 128, 108);
555
+ --oasys-component-button-color-expressive-border: rgb(87, 128, 108);
556
+ --oasys-component-button-color-expressive-text: rgb(56, 55, 55);
557
+ --oasys-component-button-color-expressive-selected-border: rgb(87, 128, 108);
558
+ --oasys-component-button-color-expressive-hover-underlay: rgb(87, 128, 108);
559
+ --oasys-component-button-color-expressive-hover-overlay: rgb(56, 55, 55);
560
+ --oasys-component-button-color-danger-background: rgb(182, 107, 85);
561
+ --oasys-component-button-color-danger-border: rgb(182, 107, 85);
562
+ --oasys-component-button-color-danger-text: rgb(247, 246, 243);
563
+ --oasys-component-button-color-danger-selected-border: rgb(182, 107, 85);
564
+ --oasys-component-button-color-danger-hover-underlay: rgb(182, 107, 85);
565
+ --oasys-component-button-color-danger-hover-overlay: rgb(245, 53, 170);
566
+ --oasys-component-button-color-facebook-background: rgb(72, 91, 148);
567
+ --oasys-component-button-color-facebook-border: rgb(72, 91, 148);
568
+ --oasys-component-button-color-facebook-text: rgb(247, 246, 243);
569
+ --oasys-component-button-color-facebook-selected-border: rgb(72, 91, 148);
570
+ --oasys-component-button-color-facebook-hover-underlay: rgb(72, 91, 148);
571
+ --oasys-component-button-color-facebook-hover-overlay: rgb(247, 246, 243);
572
+ --oasys-component-button-color-paypal-background: rgb(255, 196, 58);
573
+ --oasys-component-button-color-paypal-border: rgb(255, 196, 58);
574
+ --oasys-component-button-color-paypal-text: rgb(56, 55, 55);
575
+ --oasys-component-button-color-paypal-selected-border: rgb(255, 196, 58);
576
+ --oasys-component-button-color-paypal-hover-underlay: rgb(255, 196, 58);
577
+ --oasys-component-button-color-paypal-hover-overlay: rgb(56, 55, 55);
578
+ --oasys-component-button-color-trustpilot-background: rgb(41, 180, 124);
579
+ --oasys-component-button-color-trustpilot-border: rgb(41, 180, 124);
580
+ --oasys-component-button-color-trustpilot-text: rgb(247, 246, 243);
581
+ --oasys-component-button-color-trustpilot-selected-border: rgb(41, 180, 124);
582
+ --oasys-component-button-color-trustpilot-hover-underlay: rgb(41, 180, 124);
583
+ --oasys-component-button-color-trustpilot-hover-overlay: rgb(247, 246, 243);
584
584
  --oasys-component-button-color-rewards-background: rgb(253, 213, 238);
585
585
  --oasys-component-button-color-rewards-border: rgb(251, 173, 221);
586
- --oasys-component-button-color-rewards-text: rgb(245, 53, 170);
586
+ --oasys-component-button-color-rewards-text: rgb(247, 246, 243);
587
587
  --oasys-component-button-color-rewards-selected-border: rgb(251, 173, 221);
588
588
  --oasys-component-button-color-rewards-hover-underlay: rgb(251, 173, 221);
589
- --oasys-component-button-color-rewards-hover-overlay: rgb(251, 173, 221);
589
+ --oasys-component-button-color-rewards-hover-overlay: rgb(247, 246, 243);
590
590
  --oasys-component-button-color-rewards-on-dark-background: rgb(253, 213, 238);
591
591
  --oasys-component-button-color-rewards-on-dark-border: rgb(251, 173, 221);
592
- --oasys-component-button-color-rewards-on-dark-text: rgb(245, 53, 170);
592
+ --oasys-component-button-color-rewards-on-dark-text: rgb(56, 55, 55);
593
593
  --oasys-component-button-color-rewards-on-dark-selected-border: rgb(251, 173, 221);
594
594
  --oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(251, 173, 221);
595
- --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(251, 173, 221);
595
+ --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(56, 55, 55);
596
596
  --oasys-component-button-color-chip-background: rgb(253, 213, 238);
597
- --oasys-component-button-color-chip-border: rgb(251, 173, 221);
598
- --oasys-component-button-color-chip-text: rgb(245, 53, 170);
599
- --oasys-component-button-color-chip-selected-border: rgb(251, 173, 221);
600
- --oasys-component-button-color-chip-hover-underlay: rgb(251, 173, 221);
601
- --oasys-component-button-color-chip-hover-overlay: rgb(251, 173, 221);
602
- --oasys-component-button-color-disabled-background: rgb(253, 213, 238);
603
- --oasys-component-button-color-disabled-border: rgb(251, 173, 221);
604
- --oasys-component-button-color-disabled-text: rgb(245, 53, 170);
597
+ --oasys-component-button-color-chip-border: rgb(222, 221, 219);
598
+ --oasys-component-button-color-chip-text: rgb(56, 55, 55);
599
+ --oasys-component-button-color-chip-selected-border: rgb(56, 55, 55);
600
+ --oasys-component-button-color-chip-hover-underlay: rgb(252, 245, 234);
601
+ --oasys-component-button-color-chip-hover-overlay: rgba(0, 0, 0, 0);
602
+ --oasys-component-button-color-disabled-background: rgb(222, 221, 219);
603
+ --oasys-component-button-color-disabled-border: rgb(222, 221, 219);
604
+ --oasys-component-button-color-disabled-text: rgb(168, 168, 168);
605
605
  --oasys-component-button-letter-spacing: 0;
606
606
  --oasys-component-button-font-weight-primary: 500;
607
607
  --oasys-component-button-font-weight-secondary: 500;
@@ -650,20 +650,20 @@
650
650
  --oasys-component-hero-actions-alignment: center;
651
651
  --oasys-component-hero-inset-spacing-large: expanded;
652
652
  --oasys-component-hero-inset-spacing-small: default;
653
- --oasys-component-label-type-free-delivery-background: rgb(253, 213, 238);
653
+ --oasys-component-label-type-free-delivery-background: rgb(245, 53, 170);
654
654
  --oasys-component-label-type-free-delivery-foreground: rgb(245, 53, 170);
655
- --oasys-component-label-type-featured-background: rgb(253, 213, 238);
655
+ --oasys-component-label-type-featured-background: rgb(245, 53, 170);
656
656
  --oasys-component-label-type-featured-foreground: rgb(245, 53, 170);
657
- --oasys-component-label-type-limited-edition-background: rgb(253, 213, 238);
657
+ --oasys-component-label-type-limited-edition-background: rgb(182, 107, 85);
658
658
  --oasys-component-label-type-limited-edition-foreground: rgb(245, 53, 170);
659
659
  --oasys-component-label-type-rewards-bonus-points-background: rgb(253, 213, 238);
660
660
  --oasys-component-label-type-rewards-bonus-points-foreground: rgb(245, 53, 170);
661
661
  --oasys-component-price-weight-hero: 500;
662
662
  --oasys-component-price-weight-primary: 500;
663
663
  --oasys-component-price-weight-supporting: 500;
664
- --oasys-component-price-color-price-after-discount: rgb(245, 53, 170);
665
- --oasys-component-progress-bar-color-bar: rgb(251, 173, 221);
666
- --oasys-component-progress-bar-color-track: rgb(251, 173, 221);
664
+ --oasys-component-price-color-price-after-discount: rgb(182, 107, 85);
665
+ --oasys-component-progress-bar-color-bar: rgb(56, 55, 55);
666
+ --oasys-component-progress-bar-color-track: rgb(222, 221, 219);
667
667
  --oasys-component-radio-icon-inset: 0.6rem;
668
668
  --oasys-component-radio-icon-size-primary: 1rem;
669
669
  --oasys-component-radio-icon-size-secondary: 0.6rem;
@@ -676,8 +676,8 @@
676
676
  --oasys-component-section-image-aspect-ratio-spotlight: 1:1;
677
677
  --oasys-component-section-image-aspect-ratio-inform: 5:3;
678
678
  --oasys-component-text-input-preface-width: 5.6rem;
679
- --oasys-component-text-input-color-disabled-background: rgb(253, 213, 238);
680
- --oasys-component-text-input-color-disabled-foreground: rgb(245, 53, 170);
679
+ --oasys-component-text-input-color-disabled-background: rgb(222, 221, 219);
680
+ --oasys-component-text-input-color-disabled-foreground: rgb(168, 168, 168);
681
681
  --oasys-component-promo-card-image-aspect-ratio: 5/4;
682
682
  --oasys-component-promo-card-heading-alignment: center;
683
683
  --oasys-typography-body-body-font-family: 'ABC Diatype';
@@ -1382,12 +1382,12 @@
1382
1382
  --oasys-loyalty-tier-2-radius-primary: 0;
1383
1383
  --oasys-loyalty-tier-2-radius-secondary: 0;
1384
1384
  --oasys-loyalty-tier-2-radius-icon: 99.9rem;
1385
- --oasys-component-alert-badge-positive: rgb(251, 173, 221);
1386
- --oasys-component-alert-badge-neutral: rgb(251, 173, 221);
1387
- --oasys-component-alert-badge-negative: rgb(251, 173, 221);
1388
- --oasys-component-alert-background-positive: rgb(253, 213, 238);
1389
- --oasys-component-alert-background-neutral: rgb(253, 213, 238);
1390
- --oasys-component-alert-background-negative: rgb(253, 213, 238);
1385
+ --oasys-component-alert-badge-positive: rgb(68, 121, 100);
1386
+ --oasys-component-alert-badge-neutral: rgb(255, 255, 255);
1387
+ --oasys-component-alert-badge-negative: rgb(201, 17, 17);
1388
+ --oasys-component-alert-background-positive: rgb(240, 246, 244);
1389
+ --oasys-component-alert-background-neutral: rgb(242, 241, 239);
1390
+ --oasys-component-alert-background-negative: rgb(251, 234, 234);
1391
1391
  --oasys-component-banner-spacing-mobile: default;
1392
1392
  --oasys-component-box-on-dark-core-primary: on-light;
1393
1393
  --oasys-component-box-on-dark-core-secondary: on-light;
@@ -1402,9 +1402,9 @@
1402
1402
  --oasys-component-box-border-prominent: 0.2rem;
1403
1403
  --oasys-component-box-border-color-primary: rgb(251, 173, 221);
1404
1404
  --oasys-component-box-border-color-primary-on-dark: rgb(251, 173, 221);
1405
- --oasys-component-box-border-color-secondary: rgb(251, 173, 221);
1406
- --oasys-component-box-border-color-selected: rgb(251, 173, 221);
1407
- --oasys-component-box-border-color-selectable: rgb(251, 173, 221);
1405
+ --oasys-component-box-border-color-secondary: rgb(222, 221, 219);
1406
+ --oasys-component-box-border-color-selected: rgb(28, 28, 28);
1407
+ --oasys-component-box-border-color-selectable: rgb(222, 221, 219);
1408
1408
  --oasys-component-box-border-style-solid: solid;
1409
1409
  --oasys-component-box-border-style-dashed: dashed;
1410
1410
  --oasys-component-button-size-large-font-size: 1.8rem;
@@ -1421,91 +1421,91 @@
1421
1421
  --oasys-component-button-content-height: 2rem;
1422
1422
  --oasys-component-button-color-primary-background: rgb(253, 213, 238);
1423
1423
  --oasys-component-button-color-primary-border: rgb(253, 213, 238);
1424
- --oasys-component-button-color-primary-text: rgb(245, 53, 170);
1424
+ --oasys-component-button-color-primary-text: rgb(247, 246, 243);
1425
1425
  --oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
1426
1426
  --oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
1427
1427
  --oasys-component-button-color-primary-hover-overlay: rgb(247, 246, 243);
1428
1428
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
1429
1429
  --oasys-component-button-color-secondary-border: rgb(56, 55, 55);
1430
1430
  --oasys-component-button-color-secondary-text: rgb(245, 53, 170);
1431
- --oasys-component-button-color-secondary-selected-border: rgb(251, 173, 221);
1432
- --oasys-component-button-color-secondary-hover-underlay: rgb(251, 173, 221);
1433
- --oasys-component-button-color-secondary-hover-overlay: rgb(251, 173, 221);
1434
- --oasys-component-button-color-tertiary-background: rgb(253, 213, 238);
1435
- --oasys-component-button-color-tertiary-border: rgb(251, 173, 221);
1436
- --oasys-component-button-color-tertiary-text: rgb(245, 53, 170);
1437
- --oasys-component-button-color-tertiary-selected-border: rgb(251, 173, 221);
1438
- --oasys-component-button-color-tertiary-hover-underlay: rgb(251, 173, 221);
1439
- --oasys-component-button-color-tertiary-hover-overlay: rgb(251, 173, 221);
1431
+ --oasys-component-button-color-secondary-selected-border: rgb(56, 55, 55);
1432
+ --oasys-component-button-color-secondary-hover-underlay: rgba(0, 0, 0, 0);
1433
+ --oasys-component-button-color-secondary-hover-overlay: rgb(56, 55, 55);
1434
+ --oasys-component-button-color-tertiary-background: rgba(0, 0, 0, 0);
1435
+ --oasys-component-button-color-tertiary-border: rgba(0, 0, 0, 0);
1436
+ --oasys-component-button-color-tertiary-text: rgb(56, 55, 55);
1437
+ --oasys-component-button-color-tertiary-selected-border: rgba(0, 0, 0, 0);
1438
+ --oasys-component-button-color-tertiary-hover-underlay: rgba(0, 0, 0, 0);
1439
+ --oasys-component-button-color-tertiary-hover-overlay: rgb(56, 55, 55);
1440
1440
  --oasys-component-button-color-primary-inverse-background: rgb(253, 213, 238);
1441
- --oasys-component-button-color-primary-inverse-border: rgb(251, 173, 221);
1442
- --oasys-component-button-color-primary-inverse-text: rgb(245, 53, 170);
1443
- --oasys-component-button-color-primary-inverse-selected-border: rgb(251, 173, 221);
1444
- --oasys-component-button-color-primary-inverse-hover-underlay: rgb(251, 173, 221);
1445
- --oasys-component-button-color-primary-inverse-hover-overlay: rgb(251, 173, 221);
1446
- --oasys-component-button-color-secondary-inverse-background: rgb(253, 213, 238);
1447
- --oasys-component-button-color-secondary-inverse-border: rgb(251, 173, 221);
1448
- --oasys-component-button-color-secondary-inverse-text: rgb(245, 53, 170);
1449
- --oasys-component-button-color-secondary-inverse-selected-border: rgb(251, 173, 221);
1450
- --oasys-component-button-color-secondary-inverse-hover-underlay: rgb(251, 173, 221);
1451
- --oasys-component-button-color-secondary-inverse-hover-overlay: rgb(251, 173, 221);
1452
- --oasys-component-button-color-tertiary-inverse-background: rgb(253, 213, 238);
1453
- --oasys-component-button-color-tertiary-inverse-border: rgb(251, 173, 221);
1454
- --oasys-component-button-color-tertiary-inverse-text: rgb(245, 53, 170);
1455
- --oasys-component-button-color-tertiary-inverse-selected-border: rgb(251, 173, 221);
1456
- --oasys-component-button-color-tertiary-inverse-hover-underlay: rgb(251, 173, 221);
1457
- --oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(251, 173, 221);
1458
- --oasys-component-button-color-expressive-background: rgb(253, 213, 238);
1459
- --oasys-component-button-color-expressive-border: rgb(251, 173, 221);
1460
- --oasys-component-button-color-expressive-text: rgb(245, 53, 170);
1461
- --oasys-component-button-color-expressive-selected-border: rgb(251, 173, 221);
1462
- --oasys-component-button-color-expressive-hover-underlay: rgb(251, 173, 221);
1463
- --oasys-component-button-color-expressive-hover-overlay: rgb(251, 173, 221);
1464
- --oasys-component-button-color-danger-background: rgb(253, 213, 238);
1465
- --oasys-component-button-color-danger-border: rgb(251, 173, 221);
1466
- --oasys-component-button-color-danger-text: rgb(245, 53, 170);
1467
- --oasys-component-button-color-danger-selected-border: rgb(251, 173, 221);
1468
- --oasys-component-button-color-danger-hover-underlay: rgb(251, 173, 221);
1469
- --oasys-component-button-color-danger-hover-overlay: rgb(251, 173, 221);
1470
- --oasys-component-button-color-facebook-background: rgb(253, 213, 238);
1471
- --oasys-component-button-color-facebook-border: rgb(251, 173, 221);
1472
- --oasys-component-button-color-facebook-text: rgb(245, 53, 170);
1473
- --oasys-component-button-color-facebook-selected-border: rgb(251, 173, 221);
1474
- --oasys-component-button-color-facebook-hover-underlay: rgb(251, 173, 221);
1475
- --oasys-component-button-color-facebook-hover-overlay: rgb(251, 173, 221);
1476
- --oasys-component-button-color-paypal-background: rgb(253, 213, 238);
1477
- --oasys-component-button-color-paypal-border: rgb(251, 173, 221);
1478
- --oasys-component-button-color-paypal-text: rgb(245, 53, 170);
1479
- --oasys-component-button-color-paypal-selected-border: rgb(251, 173, 221);
1480
- --oasys-component-button-color-paypal-hover-underlay: rgb(251, 173, 221);
1481
- --oasys-component-button-color-paypal-hover-overlay: rgb(251, 173, 221);
1482
- --oasys-component-button-color-trustpilot-background: rgb(253, 213, 238);
1483
- --oasys-component-button-color-trustpilot-border: rgb(251, 173, 221);
1484
- --oasys-component-button-color-trustpilot-text: rgb(245, 53, 170);
1485
- --oasys-component-button-color-trustpilot-selected-border: rgb(251, 173, 221);
1486
- --oasys-component-button-color-trustpilot-hover-underlay: rgb(251, 173, 221);
1487
- --oasys-component-button-color-trustpilot-hover-overlay: rgb(251, 173, 221);
1441
+ --oasys-component-button-color-primary-inverse-border: rgb(253, 213, 238);
1442
+ --oasys-component-button-color-primary-inverse-text: rgb(56, 55, 55);
1443
+ --oasys-component-button-color-primary-inverse-selected-border: rgb(253, 213, 238);
1444
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(253, 213, 238);
1445
+ --oasys-component-button-color-primary-inverse-hover-overlay: rgb(56, 55, 55);
1446
+ --oasys-component-button-color-secondary-inverse-background: rgba(0, 0, 0, 0);
1447
+ --oasys-component-button-color-secondary-inverse-border: rgb(253, 213, 238);
1448
+ --oasys-component-button-color-secondary-inverse-text: rgb(247, 246, 243);
1449
+ --oasys-component-button-color-secondary-inverse-selected-border: rgb(253, 213, 238);
1450
+ --oasys-component-button-color-secondary-inverse-hover-underlay: rgba(0, 0, 0, 0);
1451
+ --oasys-component-button-color-secondary-inverse-hover-overlay: rgb(247, 246, 243);
1452
+ --oasys-component-button-color-tertiary-inverse-background: rgba(0, 0, 0, 0);
1453
+ --oasys-component-button-color-tertiary-inverse-border: rgba(0, 0, 0, 0);
1454
+ --oasys-component-button-color-tertiary-inverse-text: rgb(247, 246, 243);
1455
+ --oasys-component-button-color-tertiary-inverse-selected-border: rgba(0, 0, 0, 0);
1456
+ --oasys-component-button-color-tertiary-inverse-hover-underlay: rgba(0, 0, 0, 0);
1457
+ --oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(247, 246, 243);
1458
+ --oasys-component-button-color-expressive-background: rgb(87, 128, 108);
1459
+ --oasys-component-button-color-expressive-border: rgb(87, 128, 108);
1460
+ --oasys-component-button-color-expressive-text: rgb(56, 55, 55);
1461
+ --oasys-component-button-color-expressive-selected-border: rgb(87, 128, 108);
1462
+ --oasys-component-button-color-expressive-hover-underlay: rgb(87, 128, 108);
1463
+ --oasys-component-button-color-expressive-hover-overlay: rgb(56, 55, 55);
1464
+ --oasys-component-button-color-danger-background: rgb(182, 107, 85);
1465
+ --oasys-component-button-color-danger-border: rgb(182, 107, 85);
1466
+ --oasys-component-button-color-danger-text: rgb(247, 246, 243);
1467
+ --oasys-component-button-color-danger-selected-border: rgb(182, 107, 85);
1468
+ --oasys-component-button-color-danger-hover-underlay: rgb(182, 107, 85);
1469
+ --oasys-component-button-color-danger-hover-overlay: rgb(245, 53, 170);
1470
+ --oasys-component-button-color-facebook-background: rgb(72, 91, 148);
1471
+ --oasys-component-button-color-facebook-border: rgb(72, 91, 148);
1472
+ --oasys-component-button-color-facebook-text: rgb(247, 246, 243);
1473
+ --oasys-component-button-color-facebook-selected-border: rgb(72, 91, 148);
1474
+ --oasys-component-button-color-facebook-hover-underlay: rgb(72, 91, 148);
1475
+ --oasys-component-button-color-facebook-hover-overlay: rgb(247, 246, 243);
1476
+ --oasys-component-button-color-paypal-background: rgb(255, 196, 58);
1477
+ --oasys-component-button-color-paypal-border: rgb(255, 196, 58);
1478
+ --oasys-component-button-color-paypal-text: rgb(56, 55, 55);
1479
+ --oasys-component-button-color-paypal-selected-border: rgb(255, 196, 58);
1480
+ --oasys-component-button-color-paypal-hover-underlay: rgb(255, 196, 58);
1481
+ --oasys-component-button-color-paypal-hover-overlay: rgb(56, 55, 55);
1482
+ --oasys-component-button-color-trustpilot-background: rgb(41, 180, 124);
1483
+ --oasys-component-button-color-trustpilot-border: rgb(41, 180, 124);
1484
+ --oasys-component-button-color-trustpilot-text: rgb(247, 246, 243);
1485
+ --oasys-component-button-color-trustpilot-selected-border: rgb(41, 180, 124);
1486
+ --oasys-component-button-color-trustpilot-hover-underlay: rgb(41, 180, 124);
1487
+ --oasys-component-button-color-trustpilot-hover-overlay: rgb(247, 246, 243);
1488
1488
  --oasys-component-button-color-rewards-background: rgb(253, 213, 238);
1489
1489
  --oasys-component-button-color-rewards-border: rgb(251, 173, 221);
1490
- --oasys-component-button-color-rewards-text: rgb(245, 53, 170);
1490
+ --oasys-component-button-color-rewards-text: rgb(247, 246, 243);
1491
1491
  --oasys-component-button-color-rewards-selected-border: rgb(251, 173, 221);
1492
1492
  --oasys-component-button-color-rewards-hover-underlay: rgb(251, 173, 221);
1493
- --oasys-component-button-color-rewards-hover-overlay: rgb(251, 173, 221);
1493
+ --oasys-component-button-color-rewards-hover-overlay: rgb(247, 246, 243);
1494
1494
  --oasys-component-button-color-rewards-on-dark-background: rgb(253, 213, 238);
1495
1495
  --oasys-component-button-color-rewards-on-dark-border: rgb(251, 173, 221);
1496
- --oasys-component-button-color-rewards-on-dark-text: rgb(245, 53, 170);
1496
+ --oasys-component-button-color-rewards-on-dark-text: rgb(56, 55, 55);
1497
1497
  --oasys-component-button-color-rewards-on-dark-selected-border: rgb(251, 173, 221);
1498
1498
  --oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(251, 173, 221);
1499
- --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(251, 173, 221);
1499
+ --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(56, 55, 55);
1500
1500
  --oasys-component-button-color-chip-background: rgb(253, 213, 238);
1501
- --oasys-component-button-color-chip-border: rgb(251, 173, 221);
1502
- --oasys-component-button-color-chip-text: rgb(245, 53, 170);
1503
- --oasys-component-button-color-chip-selected-border: rgb(251, 173, 221);
1504
- --oasys-component-button-color-chip-hover-underlay: rgb(251, 173, 221);
1505
- --oasys-component-button-color-chip-hover-overlay: rgb(251, 173, 221);
1506
- --oasys-component-button-color-disabled-background: rgb(253, 213, 238);
1507
- --oasys-component-button-color-disabled-border: rgb(251, 173, 221);
1508
- --oasys-component-button-color-disabled-text: rgb(245, 53, 170);
1501
+ --oasys-component-button-color-chip-border: rgb(222, 221, 219);
1502
+ --oasys-component-button-color-chip-text: rgb(56, 55, 55);
1503
+ --oasys-component-button-color-chip-selected-border: rgb(56, 55, 55);
1504
+ --oasys-component-button-color-chip-hover-underlay: rgb(252, 245, 234);
1505
+ --oasys-component-button-color-chip-hover-overlay: rgba(0, 0, 0, 0);
1506
+ --oasys-component-button-color-disabled-background: rgb(222, 221, 219);
1507
+ --oasys-component-button-color-disabled-border: rgb(222, 221, 219);
1508
+ --oasys-component-button-color-disabled-text: rgb(168, 168, 168);
1509
1509
  --oasys-component-button-letter-spacing: 0;
1510
1510
  --oasys-component-button-font-weight-primary: 500;
1511
1511
  --oasys-component-button-font-weight-secondary: 500;
@@ -1554,20 +1554,20 @@
1554
1554
  --oasys-component-hero-actions-alignment: center;
1555
1555
  --oasys-component-hero-inset-spacing-large: expanded;
1556
1556
  --oasys-component-hero-inset-spacing-small: default;
1557
- --oasys-component-label-type-free-delivery-background: rgb(253, 213, 238);
1557
+ --oasys-component-label-type-free-delivery-background: rgb(245, 53, 170);
1558
1558
  --oasys-component-label-type-free-delivery-foreground: rgb(245, 53, 170);
1559
- --oasys-component-label-type-featured-background: rgb(253, 213, 238);
1559
+ --oasys-component-label-type-featured-background: rgb(245, 53, 170);
1560
1560
  --oasys-component-label-type-featured-foreground: rgb(245, 53, 170);
1561
- --oasys-component-label-type-limited-edition-background: rgb(253, 213, 238);
1561
+ --oasys-component-label-type-limited-edition-background: rgb(182, 107, 85);
1562
1562
  --oasys-component-label-type-limited-edition-foreground: rgb(245, 53, 170);
1563
1563
  --oasys-component-label-type-rewards-bonus-points-background: rgb(253, 213, 238);
1564
1564
  --oasys-component-label-type-rewards-bonus-points-foreground: rgb(245, 53, 170);
1565
1565
  --oasys-component-price-weight-hero: 500;
1566
1566
  --oasys-component-price-weight-primary: 500;
1567
1567
  --oasys-component-price-weight-supporting: 500;
1568
- --oasys-component-price-color-price-after-discount: rgb(245, 53, 170);
1569
- --oasys-component-progress-bar-color-bar: rgb(251, 173, 221);
1570
- --oasys-component-progress-bar-color-track: rgb(251, 173, 221);
1568
+ --oasys-component-price-color-price-after-discount: rgb(182, 107, 85);
1569
+ --oasys-component-progress-bar-color-bar: rgb(56, 55, 55);
1570
+ --oasys-component-progress-bar-color-track: rgb(222, 221, 219);
1571
1571
  --oasys-component-radio-icon-inset: 0.6rem;
1572
1572
  --oasys-component-radio-icon-size-primary: 1rem;
1573
1573
  --oasys-component-radio-icon-size-secondary: 0.6rem;
@@ -1580,8 +1580,8 @@
1580
1580
  --oasys-component-section-image-aspect-ratio-spotlight: 1:1;
1581
1581
  --oasys-component-section-image-aspect-ratio-inform: 5:3;
1582
1582
  --oasys-component-text-input-preface-width: 5.6rem;
1583
- --oasys-component-text-input-color-disabled-background: rgb(253, 213, 238);
1584
- --oasys-component-text-input-color-disabled-foreground: rgb(245, 53, 170);
1583
+ --oasys-component-text-input-color-disabled-background: rgb(222, 221, 219);
1584
+ --oasys-component-text-input-color-disabled-foreground: rgb(168, 168, 168);
1585
1585
  --oasys-component-promo-card-image-aspect-ratio: 5/4;
1586
1586
  --oasys-component-promo-card-heading-alignment: center;
1587
1587
  --oasys-typography-body-body-font-family: 'ABC Diatype';