oasys-lib 3.7.4 → 3.8.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 (11) hide show
  1. package/package.json +1 -1
  2. package/src/assets/bergamotte/variables.css +119 -119
  3. package/src/assets/bergamotte-loyalty-tier-1/variables.css +248 -248
  4. package/src/assets/bergamotte-loyalty-tier-2/variables.css +248 -248
  5. package/src/assets/bloomandwild/variables.css +12 -12
  6. package/src/assets/bloomandwild-loyalty-tier-1/variables.css +22 -22
  7. package/src/assets/bloomandwild-loyalty-tier-2/variables.css +22 -22
  8. package/src/assets/bloomon/variables.css +5 -5
  9. package/src/assets/bloomon-loyalty-tier-1/variables.css +8 -8
  10. package/src/assets/bloomon-loyalty-tier-2/variables.css +8 -8
  11. package/src/assets/global/scss-breakpoints.scss +1 -2
package/src/assets/bergamotte-loyalty-tier-1/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
- * Do not edit directly
3
- * Generated on Fri, 25 Sep 2026 11:12:46 GMT
2
+ * Do not edit directly, this file was auto-generated.
3
+ * Generated on Mon, 28 Sep 2026 15:30:22 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bergamotte-loyalty-tier-1 {
@@ -85,12 +85,12 @@
85
85
  --oasys-color-brand-background-tertiary: rgb(253, 213, 238);
86
86
  --oasys-color-brand-background-quaternary: rgb(253, 213, 238);
87
87
  --oasys-color-brand-background-highlight: rgb(253, 213, 238);
88
- --oasys-color-brand-background-progress-bar: #FDD5EE;
89
- --oasys-color-brand-background-progress-bar-active: #FDD5EE;
90
- --oasys-color-brand-background-progress-bar-goal: #FDD5EE;
91
- --oasys-color-brand-background-progress-bar-goal-active: #FDD5EE;
92
- --oasys-color-brand-background-icon: #FDD5EE;
93
- --oasys-color-brand-background-icon-on-dark: #FDD5EE;
88
+ --oasys-color-brand-background-progress-bar: rgb(253, 213, 238);
89
+ --oasys-color-brand-background-progress-bar-active: rgb(253, 213, 238);
90
+ --oasys-color-brand-background-progress-bar-goal: rgb(253, 213, 238);
91
+ --oasys-color-brand-background-progress-bar-goal-active: rgb(253, 213, 238);
92
+ --oasys-color-brand-background-icon: rgb(253, 213, 238);
93
+ --oasys-color-brand-background-icon-on-dark: rgb(253, 213, 238);
94
94
  --oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
95
95
  --oasys-color-interaction-foreground-primary-on-dark: rgb(245, 53, 170);
96
96
  --oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
@@ -105,8 +105,8 @@
105
105
  --oasys-color-interaction-background-rewards-on-dark: rgb(253, 213, 238);
106
106
  --oasys-color-interaction-border-selected: rgb(251, 173, 221);
107
107
  --oasys-color-interaction-border-selectable: rgb(251, 173, 221);
108
- --oasys-color-interaction-border-focus: #FBADDD;
109
- --oasys-color-interaction-border-danger: #FBADDD;
108
+ --oasys-color-interaction-border-focus: rgb(251, 173, 221);
109
+ --oasys-color-interaction-border-danger: rgb(251, 173, 221);
110
110
  --oasys-color-system-foreground-neutral: rgb(245, 53, 170);
111
111
  --oasys-color-system-foreground-positive: rgb(245, 53, 170);
112
112
  --oasys-color-system-foreground-negative: rgb(245, 53, 170);
@@ -127,8 +127,8 @@
127
127
  --oasys-color-rewards-foreground-highlight: rgb(245, 53, 170);
128
128
  --oasys-color-rewards-border-primary: rgb(251, 173, 221);
129
129
  --oasys-color-rewards-border-primary-on-dark: rgb(251, 173, 221);
130
- --oasys-color-sage-60: rgb(0, 0, 0);
131
- --oasys-color-sage-80: rgb(0, 0, 0);
130
+ --oasys-color-sage-60: ;
131
+ --oasys-color-sage-80: ;
132
132
  --oasys-color-clay-50: rgb(182, 107, 85);
133
133
  --oasys-color-clay-60: rgb(158, 80, 57);
134
134
  --oasys-color-slate-80: rgb(56, 55, 55);
@@ -523,15 +523,15 @@
523
523
  --oasys-typography-body-line-through-supporting-paragraph-indent: 0;
524
524
  --oasys-typography-body-line-through-supporting-text-case: none;
525
525
  --oasys-typography-body-line-through-supporting-text-decoration: line-through;
526
- --oasys-typography-heading-hero-desktop-font-family: 'Lyon Display';
527
- --oasys-typography-heading-hero-desktop-font-weight: 700;
528
- --oasys-typography-heading-hero-desktop-line-height: 6.4rem;
529
- --oasys-typography-heading-hero-desktop-font-size: 5.2rem;
530
- --oasys-typography-heading-hero-desktop-letter-spacing: 0;
531
- --oasys-typography-heading-hero-desktop-paragraph-spacing: 3.2rem;
532
- --oasys-typography-heading-hero-desktop-paragraph-indent: 0;
533
- --oasys-typography-heading-hero-desktop-text-case: none;
534
- --oasys-typography-heading-hero-desktop-text-decoration: none;
526
+ --oasys-typography-heading-hero-desktop-font-family: 'Lyon Display'; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
527
+ --oasys-typography-heading-hero-desktop-font-weight: 700; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
528
+ --oasys-typography-heading-hero-desktop-line-height: 6.4rem; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
529
+ --oasys-typography-heading-hero-desktop-font-size: 5.2rem; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
530
+ --oasys-typography-heading-hero-desktop-letter-spacing: 0; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
531
+ --oasys-typography-heading-hero-desktop-paragraph-spacing: 3.2rem; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
532
+ --oasys-typography-heading-hero-desktop-paragraph-indent: 0; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
533
+ --oasys-typography-heading-hero-desktop-text-case: none; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
534
+ --oasys-typography-heading-hero-desktop-text-decoration: none; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
535
535
  --oasys-typography-heading-hero-mobile-font-family: 'Lyon Display';
536
536
  --oasys-typography-heading-hero-mobile-font-weight: 700;
537
537
  --oasys-typography-heading-hero-mobile-line-height: 4rem;
@@ -639,7 +639,7 @@
639
639
  --oasys-border-width-prominent: 0.2rem;
640
640
  --oasys-border-width-focus: 0.2rem;
641
641
  --oasys-border-width-focus-offset: 0.4rem;
642
- --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. */
642
+ --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. */
643
643
  --oasys-utility-brand: Bergamotte Loyalty Tier 1;
644
644
  --oasys-utility-brand-slug: bergamotte-loyalty-tier-1;
645
645
  --oasys-spacing-section: 6.4rem;
@@ -697,12 +697,12 @@
697
697
  --oasys-loyalty-tier-2-radius-primary: 0;
698
698
  --oasys-loyalty-tier-2-radius-secondary: 0.4rem;
699
699
  --oasys-loyalty-tier-2-radius-icon: 99.9rem;
700
- --oasys-component-alert-badge-positive: #FBADDD;
701
- --oasys-component-alert-badge-neutral: #FBADDD;
702
- --oasys-component-alert-badge-negative: #FBADDD;
703
- --oasys-component-alert-background-positive: #FDD5EE;
704
- --oasys-component-alert-background-neutral: #FDD5EE;
705
- --oasys-component-alert-background-negative: #FDD5EE;
700
+ --oasys-component-alert-badge-positive: rgb(251, 173, 221);
701
+ --oasys-component-alert-badge-neutral: rgb(251, 173, 221);
702
+ --oasys-component-alert-badge-negative: rgb(251, 173, 221);
703
+ --oasys-component-alert-background-positive: rgb(253, 213, 238);
704
+ --oasys-component-alert-background-neutral: rgb(253, 213, 238);
705
+ --oasys-component-alert-background-negative: rgb(253, 213, 238);
706
706
  --oasys-component-banner-spacing-mobile: default;
707
707
  --oasys-component-box-on-dark-core-primary: on-light;
708
708
  --oasys-component-box-on-dark-core-secondary: on-light;
@@ -715,11 +715,11 @@
715
715
  --oasys-component-box-border-none: 0;
716
716
  --oasys-component-box-border-primary: 0.1rem;
717
717
  --oasys-component-box-border-prominent: 0.2rem;
718
- --oasys-component-box-border-color-primary: #FBADDD;
719
- --oasys-component-box-border-color-primary-on-dark: #FBADDD;
720
- --oasys-component-box-border-color-secondary: #FBADDD;
721
- --oasys-component-box-border-color-selected: #FBADDD;
722
- --oasys-component-box-border-color-selectable: #FBADDD;
718
+ --oasys-component-box-border-color-primary: rgb(251, 173, 221);
719
+ --oasys-component-box-border-color-primary-on-dark: rgb(251, 173, 221);
720
+ --oasys-component-box-border-color-secondary: rgb(251, 173, 221);
721
+ --oasys-component-box-border-color-selected: rgb(251, 173, 221);
722
+ --oasys-component-box-border-color-selectable: rgb(251, 173, 221);
723
723
  --oasys-component-box-border-style-solid: solid;
724
724
  --oasys-component-box-border-style-dashed: dashed;
725
725
  --oasys-component-button-size-large-font-size: 1.8rem;
@@ -736,91 +736,91 @@
736
736
  --oasys-component-button-content-height: 2rem;
737
737
  --oasys-component-button-color-primary-background: rgb(253, 213, 238);
738
738
  --oasys-component-button-color-primary-border: rgb(253, 213, 238);
739
- --oasys-component-button-color-primary-text: #F535AA;
739
+ --oasys-component-button-color-primary-text: rgb(245, 53, 170);
740
740
  --oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
741
741
  --oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
742
742
  --oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
743
743
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
744
744
  --oasys-component-button-color-secondary-border: rgb(56, 55, 55);
745
745
  --oasys-component-button-color-secondary-text: rgb(245, 53, 170);
746
- --oasys-component-button-color-secondary-selected-border: #FBADDD;
747
- --oasys-component-button-color-secondary-hover-underlay: #FBADDD;
748
- --oasys-component-button-color-secondary-hover-overlay: #FBADDD;
749
- --oasys-component-button-color-tertiary-background: #FDD5EE;
750
- --oasys-component-button-color-tertiary-border: #FBADDD;
751
- --oasys-component-button-color-tertiary-text: #F535AA;
752
- --oasys-component-button-color-tertiary-selected-border: #FBADDD;
753
- --oasys-component-button-color-tertiary-hover-underlay: #FBADDD;
754
- --oasys-component-button-color-tertiary-hover-overlay: #FBADDD;
755
- --oasys-component-button-color-primary-inverse-background: #FDD5EE;
756
- --oasys-component-button-color-primary-inverse-border: #FBADDD;
757
- --oasys-component-button-color-primary-inverse-text: #F535AA;
758
- --oasys-component-button-color-primary-inverse-selected-border: #FBADDD;
759
- --oasys-component-button-color-primary-inverse-hover-underlay: #FBADDD;
760
- --oasys-component-button-color-primary-inverse-hover-overlay: #FBADDD;
761
- --oasys-component-button-color-secondary-inverse-background: #FDD5EE;
762
- --oasys-component-button-color-secondary-inverse-border: #FBADDD;
763
- --oasys-component-button-color-secondary-inverse-text: #F535AA;
764
- --oasys-component-button-color-secondary-inverse-selected-border: #FBADDD;
765
- --oasys-component-button-color-secondary-inverse-hover-underlay: #FBADDD;
766
- --oasys-component-button-color-secondary-inverse-hover-overlay: #FBADDD;
767
- --oasys-component-button-color-tertiary-inverse-background: #FDD5EE;
768
- --oasys-component-button-color-tertiary-inverse-border: #FBADDD;
769
- --oasys-component-button-color-tertiary-inverse-text: #F535AA;
770
- --oasys-component-button-color-tertiary-inverse-selected-border: #FBADDD;
771
- --oasys-component-button-color-tertiary-inverse-hover-underlay: #FBADDD;
772
- --oasys-component-button-color-tertiary-inverse-hover-overlay: #FBADDD;
773
- --oasys-component-button-color-expressive-background: #FDD5EE;
774
- --oasys-component-button-color-expressive-border: #FBADDD;
775
- --oasys-component-button-color-expressive-text: #F535AA;
776
- --oasys-component-button-color-expressive-selected-border: #FBADDD;
777
- --oasys-component-button-color-expressive-hover-underlay: #FBADDD;
778
- --oasys-component-button-color-expressive-hover-overlay: #FBADDD;
779
- --oasys-component-button-color-danger-background: #FDD5EE;
780
- --oasys-component-button-color-danger-border: #FBADDD;
781
- --oasys-component-button-color-danger-text: #F535AA;
782
- --oasys-component-button-color-danger-selected-border: #FBADDD;
783
- --oasys-component-button-color-danger-hover-underlay: #FBADDD;
784
- --oasys-component-button-color-danger-hover-overlay: #FBADDD;
785
- --oasys-component-button-color-facebook-background: #FDD5EE;
786
- --oasys-component-button-color-facebook-border: #FBADDD;
787
- --oasys-component-button-color-facebook-text: #F535AA;
788
- --oasys-component-button-color-facebook-selected-border: #FBADDD;
789
- --oasys-component-button-color-facebook-hover-underlay: #FBADDD;
790
- --oasys-component-button-color-facebook-hover-overlay: #FBADDD;
791
- --oasys-component-button-color-paypal-background: #FDD5EE;
792
- --oasys-component-button-color-paypal-border: #FBADDD;
793
- --oasys-component-button-color-paypal-text: #F535AA;
794
- --oasys-component-button-color-paypal-selected-border: #FBADDD;
795
- --oasys-component-button-color-paypal-hover-underlay: #FBADDD;
796
- --oasys-component-button-color-paypal-hover-overlay: #FBADDD;
797
- --oasys-component-button-color-trustpilot-background: #FDD5EE;
798
- --oasys-component-button-color-trustpilot-border: #FBADDD;
799
- --oasys-component-button-color-trustpilot-text: #F535AA;
800
- --oasys-component-button-color-trustpilot-selected-border: #FBADDD;
801
- --oasys-component-button-color-trustpilot-hover-underlay: #FBADDD;
802
- --oasys-component-button-color-trustpilot-hover-overlay: #FBADDD;
803
- --oasys-component-button-color-rewards-background: #FDD5EE;
804
- --oasys-component-button-color-rewards-border: #FBADDD;
805
- --oasys-component-button-color-rewards-text: #F535AA;
806
- --oasys-component-button-color-rewards-selected-border: #FBADDD;
807
- --oasys-component-button-color-rewards-hover-underlay: #FBADDD;
808
- --oasys-component-button-color-rewards-hover-overlay: #FBADDD;
809
- --oasys-component-button-color-rewards-on-dark-background: #FDD5EE;
810
- --oasys-component-button-color-rewards-on-dark-border: #FBADDD;
811
- --oasys-component-button-color-rewards-on-dark-text: #F535AA;
812
- --oasys-component-button-color-rewards-on-dark-selected-border: #FBADDD;
813
- --oasys-component-button-color-rewards-on-dark-hover-underlay: #FBADDD;
814
- --oasys-component-button-color-rewards-on-dark-hover-overlay: #FBADDD;
815
- --oasys-component-button-color-chip-background: #FDD5EE;
816
- --oasys-component-button-color-chip-border: #FBADDD;
817
- --oasys-component-button-color-chip-text: #F535AA;
818
- --oasys-component-button-color-chip-selected-border: #FBADDD;
819
- --oasys-component-button-color-chip-hover-underlay: #FBADDD;
820
- --oasys-component-button-color-chip-hover-overlay: #FBADDD;
821
- --oasys-component-button-color-disabled-background: #FDD5EE;
822
- --oasys-component-button-color-disabled-border: #FBADDD;
823
- --oasys-component-button-color-disabled-text: #F535AA;
746
+ --oasys-component-button-color-secondary-selected-border: rgb(251, 173, 221);
747
+ --oasys-component-button-color-secondary-hover-underlay: rgb(251, 173, 221);
748
+ --oasys-component-button-color-secondary-hover-overlay: rgb(251, 173, 221);
749
+ --oasys-component-button-color-tertiary-background: rgb(253, 213, 238);
750
+ --oasys-component-button-color-tertiary-border: rgb(251, 173, 221);
751
+ --oasys-component-button-color-tertiary-text: rgb(245, 53, 170);
752
+ --oasys-component-button-color-tertiary-selected-border: rgb(251, 173, 221);
753
+ --oasys-component-button-color-tertiary-hover-underlay: rgb(251, 173, 221);
754
+ --oasys-component-button-color-tertiary-hover-overlay: rgb(251, 173, 221);
755
+ --oasys-component-button-color-primary-inverse-background: rgb(253, 213, 238);
756
+ --oasys-component-button-color-primary-inverse-border: rgb(251, 173, 221);
757
+ --oasys-component-button-color-primary-inverse-text: rgb(245, 53, 170);
758
+ --oasys-component-button-color-primary-inverse-selected-border: rgb(251, 173, 221);
759
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(251, 173, 221);
760
+ --oasys-component-button-color-primary-inverse-hover-overlay: rgb(251, 173, 221);
761
+ --oasys-component-button-color-secondary-inverse-background: rgb(253, 213, 238);
762
+ --oasys-component-button-color-secondary-inverse-border: rgb(251, 173, 221);
763
+ --oasys-component-button-color-secondary-inverse-text: rgb(245, 53, 170);
764
+ --oasys-component-button-color-secondary-inverse-selected-border: rgb(251, 173, 221);
765
+ --oasys-component-button-color-secondary-inverse-hover-underlay: rgb(251, 173, 221);
766
+ --oasys-component-button-color-secondary-inverse-hover-overlay: rgb(251, 173, 221);
767
+ --oasys-component-button-color-tertiary-inverse-background: rgb(253, 213, 238);
768
+ --oasys-component-button-color-tertiary-inverse-border: rgb(251, 173, 221);
769
+ --oasys-component-button-color-tertiary-inverse-text: rgb(245, 53, 170);
770
+ --oasys-component-button-color-tertiary-inverse-selected-border: rgb(251, 173, 221);
771
+ --oasys-component-button-color-tertiary-inverse-hover-underlay: rgb(251, 173, 221);
772
+ --oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(251, 173, 221);
773
+ --oasys-component-button-color-expressive-background: rgb(253, 213, 238);
774
+ --oasys-component-button-color-expressive-border: rgb(251, 173, 221);
775
+ --oasys-component-button-color-expressive-text: rgb(245, 53, 170);
776
+ --oasys-component-button-color-expressive-selected-border: rgb(251, 173, 221);
777
+ --oasys-component-button-color-expressive-hover-underlay: rgb(251, 173, 221);
778
+ --oasys-component-button-color-expressive-hover-overlay: rgb(251, 173, 221);
779
+ --oasys-component-button-color-danger-background: rgb(253, 213, 238);
780
+ --oasys-component-button-color-danger-border: rgb(251, 173, 221);
781
+ --oasys-component-button-color-danger-text: rgb(245, 53, 170);
782
+ --oasys-component-button-color-danger-selected-border: rgb(251, 173, 221);
783
+ --oasys-component-button-color-danger-hover-underlay: rgb(251, 173, 221);
784
+ --oasys-component-button-color-danger-hover-overlay: rgb(251, 173, 221);
785
+ --oasys-component-button-color-facebook-background: rgb(253, 213, 238);
786
+ --oasys-component-button-color-facebook-border: rgb(251, 173, 221);
787
+ --oasys-component-button-color-facebook-text: rgb(245, 53, 170);
788
+ --oasys-component-button-color-facebook-selected-border: rgb(251, 173, 221);
789
+ --oasys-component-button-color-facebook-hover-underlay: rgb(251, 173, 221);
790
+ --oasys-component-button-color-facebook-hover-overlay: rgb(251, 173, 221);
791
+ --oasys-component-button-color-paypal-background: rgb(253, 213, 238);
792
+ --oasys-component-button-color-paypal-border: rgb(251, 173, 221);
793
+ --oasys-component-button-color-paypal-text: rgb(245, 53, 170);
794
+ --oasys-component-button-color-paypal-selected-border: rgb(251, 173, 221);
795
+ --oasys-component-button-color-paypal-hover-underlay: rgb(251, 173, 221);
796
+ --oasys-component-button-color-paypal-hover-overlay: rgb(251, 173, 221);
797
+ --oasys-component-button-color-trustpilot-background: rgb(253, 213, 238);
798
+ --oasys-component-button-color-trustpilot-border: rgb(251, 173, 221);
799
+ --oasys-component-button-color-trustpilot-text: rgb(245, 53, 170);
800
+ --oasys-component-button-color-trustpilot-selected-border: rgb(251, 173, 221);
801
+ --oasys-component-button-color-trustpilot-hover-underlay: rgb(251, 173, 221);
802
+ --oasys-component-button-color-trustpilot-hover-overlay: rgb(251, 173, 221);
803
+ --oasys-component-button-color-rewards-background: rgb(253, 213, 238);
804
+ --oasys-component-button-color-rewards-border: rgb(251, 173, 221);
805
+ --oasys-component-button-color-rewards-text: rgb(245, 53, 170);
806
+ --oasys-component-button-color-rewards-selected-border: rgb(251, 173, 221);
807
+ --oasys-component-button-color-rewards-hover-underlay: rgb(251, 173, 221);
808
+ --oasys-component-button-color-rewards-hover-overlay: rgb(251, 173, 221);
809
+ --oasys-component-button-color-rewards-on-dark-background: rgb(253, 213, 238);
810
+ --oasys-component-button-color-rewards-on-dark-border: rgb(251, 173, 221);
811
+ --oasys-component-button-color-rewards-on-dark-text: rgb(245, 53, 170);
812
+ --oasys-component-button-color-rewards-on-dark-selected-border: rgb(251, 173, 221);
813
+ --oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(251, 173, 221);
814
+ --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(251, 173, 221);
815
+ --oasys-component-button-color-chip-background: rgb(253, 213, 238);
816
+ --oasys-component-button-color-chip-border: rgb(251, 173, 221);
817
+ --oasys-component-button-color-chip-text: rgb(245, 53, 170);
818
+ --oasys-component-button-color-chip-selected-border: rgb(251, 173, 221);
819
+ --oasys-component-button-color-chip-hover-underlay: rgb(251, 173, 221);
820
+ --oasys-component-button-color-chip-hover-overlay: rgb(251, 173, 221);
821
+ --oasys-component-button-color-disabled-background: rgb(253, 213, 238);
822
+ --oasys-component-button-color-disabled-border: rgb(251, 173, 221);
823
+ --oasys-component-button-color-disabled-text: rgb(245, 53, 170);
824
824
  --oasys-component-button-letter-spacing: 0;
825
825
  --oasys-component-button-font-weight-primary: 500;
826
826
  --oasys-component-button-font-weight-secondary: 500;
@@ -869,20 +869,20 @@
869
869
  --oasys-component-hero-actions-alignment: center;
870
870
  --oasys-component-hero-inset-spacing-large: expanded;
871
871
  --oasys-component-hero-inset-spacing-small: default;
872
- --oasys-component-label-type-free-delivery-background: #FDD5EE;
873
- --oasys-component-label-type-free-delivery-foreground: #F535AA;
874
- --oasys-component-label-type-featured-background: #FDD5EE;
875
- --oasys-component-label-type-featured-foreground: #F535AA;
876
- --oasys-component-label-type-limited-edition-background: #FDD5EE;
877
- --oasys-component-label-type-limited-edition-foreground: #F535AA;
878
- --oasys-component-label-type-rewards-bonus-points-background: #FDD5EE;
879
- --oasys-component-label-type-rewards-bonus-points-foreground: #F535AA;
872
+ --oasys-component-label-type-free-delivery-background: rgb(253, 213, 238);
873
+ --oasys-component-label-type-free-delivery-foreground: rgb(245, 53, 170);
874
+ --oasys-component-label-type-featured-background: rgb(253, 213, 238);
875
+ --oasys-component-label-type-featured-foreground: rgb(245, 53, 170);
876
+ --oasys-component-label-type-limited-edition-background: rgb(253, 213, 238);
877
+ --oasys-component-label-type-limited-edition-foreground: rgb(245, 53, 170);
878
+ --oasys-component-label-type-rewards-bonus-points-background: rgb(253, 213, 238);
879
+ --oasys-component-label-type-rewards-bonus-points-foreground: rgb(245, 53, 170);
880
880
  --oasys-component-price-weight-hero: 500;
881
881
  --oasys-component-price-weight-primary: 500;
882
882
  --oasys-component-price-weight-supporting: 500;
883
- --oasys-component-price-color-price-after-discount: #F535AA;
884
- --oasys-component-progress-bar-color-bar: #FBADDD;
885
- --oasys-component-progress-bar-color-track: #FBADDD;
883
+ --oasys-component-price-color-price-after-discount: rgb(245, 53, 170);
884
+ --oasys-component-progress-bar-color-bar: rgb(251, 173, 221);
885
+ --oasys-component-progress-bar-color-track: rgb(251, 173, 221);
886
886
  --oasys-component-radio-icon-inset: 0.6rem;
887
887
  --oasys-component-radio-icon-size-primary: 1rem;
888
888
  --oasys-component-radio-icon-size-secondary: 0.6rem;
@@ -895,8 +895,8 @@
895
895
  --oasys-component-section-image-aspect-ratio-spotlight: 1:1;
896
896
  --oasys-component-section-image-aspect-ratio-inform: 5:3;
897
897
  --oasys-component-text-input-preface-width: 5.6rem;
898
- --oasys-component-text-input-color-disabled-background: #FDD5EE;
899
- --oasys-component-text-input-color-disabled-foreground: #F535AA;
898
+ --oasys-component-text-input-color-disabled-background: rgb(253, 213, 238);
899
+ --oasys-component-text-input-color-disabled-foreground: rgb(245, 53, 170);
900
900
  --oasys-component-promo-card-image-aspect-ratio: 5/4;
901
901
  --oasys-component-promo-card-heading-alignment: center;
902
902
  }
@@ -983,12 +983,12 @@
983
983
  --oasys-color-brand-background-tertiary: rgb(253, 213, 238);
984
984
  --oasys-color-brand-background-quaternary: rgb(253, 213, 238);
985
985
  --oasys-color-brand-background-highlight: rgb(253, 213, 238);
986
- --oasys-color-brand-background-progress-bar: #FDD5EE;
987
- --oasys-color-brand-background-progress-bar-active: #FDD5EE;
988
- --oasys-color-brand-background-progress-bar-goal: #FDD5EE;
989
- --oasys-color-brand-background-progress-bar-goal-active: #FDD5EE;
990
- --oasys-color-brand-background-icon: #FDD5EE;
991
- --oasys-color-brand-background-icon-on-dark: #FDD5EE;
986
+ --oasys-color-brand-background-progress-bar: rgb(253, 213, 238);
987
+ --oasys-color-brand-background-progress-bar-active: rgb(253, 213, 238);
988
+ --oasys-color-brand-background-progress-bar-goal: rgb(253, 213, 238);
989
+ --oasys-color-brand-background-progress-bar-goal-active: rgb(253, 213, 238);
990
+ --oasys-color-brand-background-icon: rgb(253, 213, 238);
991
+ --oasys-color-brand-background-icon-on-dark: rgb(253, 213, 238);
992
992
  --oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
993
993
  --oasys-color-interaction-foreground-primary-on-dark: rgb(245, 53, 170);
994
994
  --oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
@@ -1003,8 +1003,8 @@
1003
1003
  --oasys-color-interaction-background-rewards-on-dark: rgb(253, 213, 238);
1004
1004
  --oasys-color-interaction-border-selected: rgb(251, 173, 221);
1005
1005
  --oasys-color-interaction-border-selectable: rgb(251, 173, 221);
1006
- --oasys-color-interaction-border-focus: #FBADDD;
1007
- --oasys-color-interaction-border-danger: #FBADDD;
1006
+ --oasys-color-interaction-border-focus: rgb(251, 173, 221);
1007
+ --oasys-color-interaction-border-danger: rgb(251, 173, 221);
1008
1008
  --oasys-color-system-foreground-neutral: rgb(245, 53, 170);
1009
1009
  --oasys-color-system-foreground-positive: rgb(245, 53, 170);
1010
1010
  --oasys-color-system-foreground-negative: rgb(245, 53, 170);
@@ -1025,8 +1025,8 @@
1025
1025
  --oasys-color-rewards-foreground-highlight: rgb(245, 53, 170);
1026
1026
  --oasys-color-rewards-border-primary: rgb(251, 173, 221);
1027
1027
  --oasys-color-rewards-border-primary-on-dark: rgb(251, 173, 221);
1028
- --oasys-color-sage-60: rgb(0, 0, 0);
1029
- --oasys-color-sage-80: rgb(0, 0, 0);
1028
+ --oasys-color-sage-60: ;
1029
+ --oasys-color-sage-80: ;
1030
1030
  --oasys-color-clay-50: rgb(182, 107, 85);
1031
1031
  --oasys-color-clay-60: rgb(158, 80, 57);
1032
1032
  --oasys-color-slate-80: rgb(56, 55, 55);
@@ -1421,15 +1421,15 @@
1421
1421
  --oasys-typography-body-line-through-supporting-paragraph-indent: 0;
1422
1422
  --oasys-typography-body-line-through-supporting-text-case: none;
1423
1423
  --oasys-typography-body-line-through-supporting-text-decoration: line-through;
1424
- --oasys-typography-heading-hero-desktop-font-family: 'Lyon Display';
1425
- --oasys-typography-heading-hero-desktop-font-weight: 700;
1426
- --oasys-typography-heading-hero-desktop-line-height: 6.4rem;
1427
- --oasys-typography-heading-hero-desktop-font-size: 5.2rem;
1428
- --oasys-typography-heading-hero-desktop-letter-spacing: 0;
1429
- --oasys-typography-heading-hero-desktop-paragraph-spacing: 3.2rem;
1430
- --oasys-typography-heading-hero-desktop-paragraph-indent: 0;
1431
- --oasys-typography-heading-hero-desktop-text-case: none;
1432
- --oasys-typography-heading-hero-desktop-text-decoration: none;
1424
+ --oasys-typography-heading-hero-desktop-font-family: 'Lyon Display'; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
1425
+ --oasys-typography-heading-hero-desktop-font-weight: 700; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
1426
+ --oasys-typography-heading-hero-desktop-line-height: 6.4rem; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
1427
+ --oasys-typography-heading-hero-desktop-font-size: 5.2rem; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
1428
+ --oasys-typography-heading-hero-desktop-letter-spacing: 0; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
1429
+ --oasys-typography-heading-hero-desktop-paragraph-spacing: 3.2rem; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
1430
+ --oasys-typography-heading-hero-desktop-paragraph-indent: 0; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
1431
+ --oasys-typography-heading-hero-desktop-text-case: none; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
1432
+ --oasys-typography-heading-hero-desktop-text-decoration: none; /** Used for our emotive hero copy — this is the largest text on the page, so when used, it should sit at the top to intro the content. */
1433
1433
  --oasys-typography-heading-hero-mobile-font-family: 'Lyon Display';
1434
1434
  --oasys-typography-heading-hero-mobile-font-weight: 700;
1435
1435
  --oasys-typography-heading-hero-mobile-line-height: 4rem;
@@ -1537,7 +1537,7 @@
1537
1537
  --oasys-border-width-prominent: 0.2rem;
1538
1538
  --oasys-border-width-focus: 0.2rem;
1539
1539
  --oasys-border-width-focus-offset: 0.4rem;
1540
- --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. */
1540
+ --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. */
1541
1541
  --oasys-utility-brand: Bergamotte Loyalty Tier 1;
1542
1542
  --oasys-utility-brand-slug: bergamotte-loyalty-tier-1;
1543
1543
  --oasys-spacing-section: 6.4rem;
@@ -1595,12 +1595,12 @@
1595
1595
  --oasys-loyalty-tier-2-radius-primary: 0;
1596
1596
  --oasys-loyalty-tier-2-radius-secondary: 0.4rem;
1597
1597
  --oasys-loyalty-tier-2-radius-icon: 99.9rem;
1598
- --oasys-component-alert-badge-positive: #FBADDD;
1599
- --oasys-component-alert-badge-neutral: #FBADDD;
1600
- --oasys-component-alert-badge-negative: #FBADDD;
1601
- --oasys-component-alert-background-positive: #FDD5EE;
1602
- --oasys-component-alert-background-neutral: #FDD5EE;
1603
- --oasys-component-alert-background-negative: #FDD5EE;
1598
+ --oasys-component-alert-badge-positive: rgb(251, 173, 221);
1599
+ --oasys-component-alert-badge-neutral: rgb(251, 173, 221);
1600
+ --oasys-component-alert-badge-negative: rgb(251, 173, 221);
1601
+ --oasys-component-alert-background-positive: rgb(253, 213, 238);
1602
+ --oasys-component-alert-background-neutral: rgb(253, 213, 238);
1603
+ --oasys-component-alert-background-negative: rgb(253, 213, 238);
1604
1604
  --oasys-component-banner-spacing-mobile: default;
1605
1605
  --oasys-component-box-on-dark-core-primary: on-light;
1606
1606
  --oasys-component-box-on-dark-core-secondary: on-light;
@@ -1613,11 +1613,11 @@
1613
1613
  --oasys-component-box-border-none: 0;
1614
1614
  --oasys-component-box-border-primary: 0.1rem;
1615
1615
  --oasys-component-box-border-prominent: 0.2rem;
1616
- --oasys-component-box-border-color-primary: #FBADDD;
1617
- --oasys-component-box-border-color-primary-on-dark: #FBADDD;
1618
- --oasys-component-box-border-color-secondary: #FBADDD;
1619
- --oasys-component-box-border-color-selected: #FBADDD;
1620
- --oasys-component-box-border-color-selectable: #FBADDD;
1616
+ --oasys-component-box-border-color-primary: rgb(251, 173, 221);
1617
+ --oasys-component-box-border-color-primary-on-dark: rgb(251, 173, 221);
1618
+ --oasys-component-box-border-color-secondary: rgb(251, 173, 221);
1619
+ --oasys-component-box-border-color-selected: rgb(251, 173, 221);
1620
+ --oasys-component-box-border-color-selectable: rgb(251, 173, 221);
1621
1621
  --oasys-component-box-border-style-solid: solid;
1622
1622
  --oasys-component-box-border-style-dashed: dashed;
1623
1623
  --oasys-component-button-size-large-font-size: 1.8rem;
@@ -1634,91 +1634,91 @@
1634
1634
  --oasys-component-button-content-height: 2rem;
1635
1635
  --oasys-component-button-color-primary-background: rgb(253, 213, 238);
1636
1636
  --oasys-component-button-color-primary-border: rgb(253, 213, 238);
1637
- --oasys-component-button-color-primary-text: #F535AA;
1637
+ --oasys-component-button-color-primary-text: rgb(245, 53, 170);
1638
1638
  --oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
1639
1639
  --oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
1640
1640
  --oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
1641
1641
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
1642
1642
  --oasys-component-button-color-secondary-border: rgb(56, 55, 55);
1643
1643
  --oasys-component-button-color-secondary-text: rgb(245, 53, 170);
1644
- --oasys-component-button-color-secondary-selected-border: #FBADDD;
1645
- --oasys-component-button-color-secondary-hover-underlay: #FBADDD;
1646
- --oasys-component-button-color-secondary-hover-overlay: #FBADDD;
1647
- --oasys-component-button-color-tertiary-background: #FDD5EE;
1648
- --oasys-component-button-color-tertiary-border: #FBADDD;
1649
- --oasys-component-button-color-tertiary-text: #F535AA;
1650
- --oasys-component-button-color-tertiary-selected-border: #FBADDD;
1651
- --oasys-component-button-color-tertiary-hover-underlay: #FBADDD;
1652
- --oasys-component-button-color-tertiary-hover-overlay: #FBADDD;
1653
- --oasys-component-button-color-primary-inverse-background: #FDD5EE;
1654
- --oasys-component-button-color-primary-inverse-border: #FBADDD;
1655
- --oasys-component-button-color-primary-inverse-text: #F535AA;
1656
- --oasys-component-button-color-primary-inverse-selected-border: #FBADDD;
1657
- --oasys-component-button-color-primary-inverse-hover-underlay: #FBADDD;
1658
- --oasys-component-button-color-primary-inverse-hover-overlay: #FBADDD;
1659
- --oasys-component-button-color-secondary-inverse-background: #FDD5EE;
1660
- --oasys-component-button-color-secondary-inverse-border: #FBADDD;
1661
- --oasys-component-button-color-secondary-inverse-text: #F535AA;
1662
- --oasys-component-button-color-secondary-inverse-selected-border: #FBADDD;
1663
- --oasys-component-button-color-secondary-inverse-hover-underlay: #FBADDD;
1664
- --oasys-component-button-color-secondary-inverse-hover-overlay: #FBADDD;
1665
- --oasys-component-button-color-tertiary-inverse-background: #FDD5EE;
1666
- --oasys-component-button-color-tertiary-inverse-border: #FBADDD;
1667
- --oasys-component-button-color-tertiary-inverse-text: #F535AA;
1668
- --oasys-component-button-color-tertiary-inverse-selected-border: #FBADDD;
1669
- --oasys-component-button-color-tertiary-inverse-hover-underlay: #FBADDD;
1670
- --oasys-component-button-color-tertiary-inverse-hover-overlay: #FBADDD;
1671
- --oasys-component-button-color-expressive-background: #FDD5EE;
1672
- --oasys-component-button-color-expressive-border: #FBADDD;
1673
- --oasys-component-button-color-expressive-text: #F535AA;
1674
- --oasys-component-button-color-expressive-selected-border: #FBADDD;
1675
- --oasys-component-button-color-expressive-hover-underlay: #FBADDD;
1676
- --oasys-component-button-color-expressive-hover-overlay: #FBADDD;
1677
- --oasys-component-button-color-danger-background: #FDD5EE;
1678
- --oasys-component-button-color-danger-border: #FBADDD;
1679
- --oasys-component-button-color-danger-text: #F535AA;
1680
- --oasys-component-button-color-danger-selected-border: #FBADDD;
1681
- --oasys-component-button-color-danger-hover-underlay: #FBADDD;
1682
- --oasys-component-button-color-danger-hover-overlay: #FBADDD;
1683
- --oasys-component-button-color-facebook-background: #FDD5EE;
1684
- --oasys-component-button-color-facebook-border: #FBADDD;
1685
- --oasys-component-button-color-facebook-text: #F535AA;
1686
- --oasys-component-button-color-facebook-selected-border: #FBADDD;
1687
- --oasys-component-button-color-facebook-hover-underlay: #FBADDD;
1688
- --oasys-component-button-color-facebook-hover-overlay: #FBADDD;
1689
- --oasys-component-button-color-paypal-background: #FDD5EE;
1690
- --oasys-component-button-color-paypal-border: #FBADDD;
1691
- --oasys-component-button-color-paypal-text: #F535AA;
1692
- --oasys-component-button-color-paypal-selected-border: #FBADDD;
1693
- --oasys-component-button-color-paypal-hover-underlay: #FBADDD;
1694
- --oasys-component-button-color-paypal-hover-overlay: #FBADDD;
1695
- --oasys-component-button-color-trustpilot-background: #FDD5EE;
1696
- --oasys-component-button-color-trustpilot-border: #FBADDD;
1697
- --oasys-component-button-color-trustpilot-text: #F535AA;
1698
- --oasys-component-button-color-trustpilot-selected-border: #FBADDD;
1699
- --oasys-component-button-color-trustpilot-hover-underlay: #FBADDD;
1700
- --oasys-component-button-color-trustpilot-hover-overlay: #FBADDD;
1701
- --oasys-component-button-color-rewards-background: #FDD5EE;
1702
- --oasys-component-button-color-rewards-border: #FBADDD;
1703
- --oasys-component-button-color-rewards-text: #F535AA;
1704
- --oasys-component-button-color-rewards-selected-border: #FBADDD;
1705
- --oasys-component-button-color-rewards-hover-underlay: #FBADDD;
1706
- --oasys-component-button-color-rewards-hover-overlay: #FBADDD;
1707
- --oasys-component-button-color-rewards-on-dark-background: #FDD5EE;
1708
- --oasys-component-button-color-rewards-on-dark-border: #FBADDD;
1709
- --oasys-component-button-color-rewards-on-dark-text: #F535AA;
1710
- --oasys-component-button-color-rewards-on-dark-selected-border: #FBADDD;
1711
- --oasys-component-button-color-rewards-on-dark-hover-underlay: #FBADDD;
1712
- --oasys-component-button-color-rewards-on-dark-hover-overlay: #FBADDD;
1713
- --oasys-component-button-color-chip-background: #FDD5EE;
1714
- --oasys-component-button-color-chip-border: #FBADDD;
1715
- --oasys-component-button-color-chip-text: #F535AA;
1716
- --oasys-component-button-color-chip-selected-border: #FBADDD;
1717
- --oasys-component-button-color-chip-hover-underlay: #FBADDD;
1718
- --oasys-component-button-color-chip-hover-overlay: #FBADDD;
1719
- --oasys-component-button-color-disabled-background: #FDD5EE;
1720
- --oasys-component-button-color-disabled-border: #FBADDD;
1721
- --oasys-component-button-color-disabled-text: #F535AA;
1644
+ --oasys-component-button-color-secondary-selected-border: rgb(251, 173, 221);
1645
+ --oasys-component-button-color-secondary-hover-underlay: rgb(251, 173, 221);
1646
+ --oasys-component-button-color-secondary-hover-overlay: rgb(251, 173, 221);
1647
+ --oasys-component-button-color-tertiary-background: rgb(253, 213, 238);
1648
+ --oasys-component-button-color-tertiary-border: rgb(251, 173, 221);
1649
+ --oasys-component-button-color-tertiary-text: rgb(245, 53, 170);
1650
+ --oasys-component-button-color-tertiary-selected-border: rgb(251, 173, 221);
1651
+ --oasys-component-button-color-tertiary-hover-underlay: rgb(251, 173, 221);
1652
+ --oasys-component-button-color-tertiary-hover-overlay: rgb(251, 173, 221);
1653
+ --oasys-component-button-color-primary-inverse-background: rgb(253, 213, 238);
1654
+ --oasys-component-button-color-primary-inverse-border: rgb(251, 173, 221);
1655
+ --oasys-component-button-color-primary-inverse-text: rgb(245, 53, 170);
1656
+ --oasys-component-button-color-primary-inverse-selected-border: rgb(251, 173, 221);
1657
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(251, 173, 221);
1658
+ --oasys-component-button-color-primary-inverse-hover-overlay: rgb(251, 173, 221);
1659
+ --oasys-component-button-color-secondary-inverse-background: rgb(253, 213, 238);
1660
+ --oasys-component-button-color-secondary-inverse-border: rgb(251, 173, 221);
1661
+ --oasys-component-button-color-secondary-inverse-text: rgb(245, 53, 170);
1662
+ --oasys-component-button-color-secondary-inverse-selected-border: rgb(251, 173, 221);
1663
+ --oasys-component-button-color-secondary-inverse-hover-underlay: rgb(251, 173, 221);
1664
+ --oasys-component-button-color-secondary-inverse-hover-overlay: rgb(251, 173, 221);
1665
+ --oasys-component-button-color-tertiary-inverse-background: rgb(253, 213, 238);
1666
+ --oasys-component-button-color-tertiary-inverse-border: rgb(251, 173, 221);
1667
+ --oasys-component-button-color-tertiary-inverse-text: rgb(245, 53, 170);
1668
+ --oasys-component-button-color-tertiary-inverse-selected-border: rgb(251, 173, 221);
1669
+ --oasys-component-button-color-tertiary-inverse-hover-underlay: rgb(251, 173, 221);
1670
+ --oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(251, 173, 221);
1671
+ --oasys-component-button-color-expressive-background: rgb(253, 213, 238);
1672
+ --oasys-component-button-color-expressive-border: rgb(251, 173, 221);
1673
+ --oasys-component-button-color-expressive-text: rgb(245, 53, 170);
1674
+ --oasys-component-button-color-expressive-selected-border: rgb(251, 173, 221);
1675
+ --oasys-component-button-color-expressive-hover-underlay: rgb(251, 173, 221);
1676
+ --oasys-component-button-color-expressive-hover-overlay: rgb(251, 173, 221);
1677
+ --oasys-component-button-color-danger-background: rgb(253, 213, 238);
1678
+ --oasys-component-button-color-danger-border: rgb(251, 173, 221);
1679
+ --oasys-component-button-color-danger-text: rgb(245, 53, 170);
1680
+ --oasys-component-button-color-danger-selected-border: rgb(251, 173, 221);
1681
+ --oasys-component-button-color-danger-hover-underlay: rgb(251, 173, 221);
1682
+ --oasys-component-button-color-danger-hover-overlay: rgb(251, 173, 221);
1683
+ --oasys-component-button-color-facebook-background: rgb(253, 213, 238);
1684
+ --oasys-component-button-color-facebook-border: rgb(251, 173, 221);
1685
+ --oasys-component-button-color-facebook-text: rgb(245, 53, 170);
1686
+ --oasys-component-button-color-facebook-selected-border: rgb(251, 173, 221);
1687
+ --oasys-component-button-color-facebook-hover-underlay: rgb(251, 173, 221);
1688
+ --oasys-component-button-color-facebook-hover-overlay: rgb(251, 173, 221);
1689
+ --oasys-component-button-color-paypal-background: rgb(253, 213, 238);
1690
+ --oasys-component-button-color-paypal-border: rgb(251, 173, 221);
1691
+ --oasys-component-button-color-paypal-text: rgb(245, 53, 170);
1692
+ --oasys-component-button-color-paypal-selected-border: rgb(251, 173, 221);
1693
+ --oasys-component-button-color-paypal-hover-underlay: rgb(251, 173, 221);
1694
+ --oasys-component-button-color-paypal-hover-overlay: rgb(251, 173, 221);
1695
+ --oasys-component-button-color-trustpilot-background: rgb(253, 213, 238);
1696
+ --oasys-component-button-color-trustpilot-border: rgb(251, 173, 221);
1697
+ --oasys-component-button-color-trustpilot-text: rgb(245, 53, 170);
1698
+ --oasys-component-button-color-trustpilot-selected-border: rgb(251, 173, 221);
1699
+ --oasys-component-button-color-trustpilot-hover-underlay: rgb(251, 173, 221);
1700
+ --oasys-component-button-color-trustpilot-hover-overlay: rgb(251, 173, 221);
1701
+ --oasys-component-button-color-rewards-background: rgb(253, 213, 238);
1702
+ --oasys-component-button-color-rewards-border: rgb(251, 173, 221);
1703
+ --oasys-component-button-color-rewards-text: rgb(245, 53, 170);
1704
+ --oasys-component-button-color-rewards-selected-border: rgb(251, 173, 221);
1705
+ --oasys-component-button-color-rewards-hover-underlay: rgb(251, 173, 221);
1706
+ --oasys-component-button-color-rewards-hover-overlay: rgb(251, 173, 221);
1707
+ --oasys-component-button-color-rewards-on-dark-background: rgb(253, 213, 238);
1708
+ --oasys-component-button-color-rewards-on-dark-border: rgb(251, 173, 221);
1709
+ --oasys-component-button-color-rewards-on-dark-text: rgb(245, 53, 170);
1710
+ --oasys-component-button-color-rewards-on-dark-selected-border: rgb(251, 173, 221);
1711
+ --oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(251, 173, 221);
1712
+ --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(251, 173, 221);
1713
+ --oasys-component-button-color-chip-background: rgb(253, 213, 238);
1714
+ --oasys-component-button-color-chip-border: rgb(251, 173, 221);
1715
+ --oasys-component-button-color-chip-text: rgb(245, 53, 170);
1716
+ --oasys-component-button-color-chip-selected-border: rgb(251, 173, 221);
1717
+ --oasys-component-button-color-chip-hover-underlay: rgb(251, 173, 221);
1718
+ --oasys-component-button-color-chip-hover-overlay: rgb(251, 173, 221);
1719
+ --oasys-component-button-color-disabled-background: rgb(253, 213, 238);
1720
+ --oasys-component-button-color-disabled-border: rgb(251, 173, 221);
1721
+ --oasys-component-button-color-disabled-text: rgb(245, 53, 170);
1722
1722
  --oasys-component-button-letter-spacing: 0;
1723
1723
  --oasys-component-button-font-weight-primary: 500;
1724
1724
  --oasys-component-button-font-weight-secondary: 500;
@@ -1767,20 +1767,20 @@
1767
1767
  --oasys-component-hero-actions-alignment: center;
1768
1768
  --oasys-component-hero-inset-spacing-large: expanded;
1769
1769
  --oasys-component-hero-inset-spacing-small: default;
1770
- --oasys-component-label-type-free-delivery-background: #FDD5EE;
1771
- --oasys-component-label-type-free-delivery-foreground: #F535AA;
1772
- --oasys-component-label-type-featured-background: #FDD5EE;
1773
- --oasys-component-label-type-featured-foreground: #F535AA;
1774
- --oasys-component-label-type-limited-edition-background: #FDD5EE;
1775
- --oasys-component-label-type-limited-edition-foreground: #F535AA;
1776
- --oasys-component-label-type-rewards-bonus-points-background: #FDD5EE;
1777
- --oasys-component-label-type-rewards-bonus-points-foreground: #F535AA;
1770
+ --oasys-component-label-type-free-delivery-background: rgb(253, 213, 238);
1771
+ --oasys-component-label-type-free-delivery-foreground: rgb(245, 53, 170);
1772
+ --oasys-component-label-type-featured-background: rgb(253, 213, 238);
1773
+ --oasys-component-label-type-featured-foreground: rgb(245, 53, 170);
1774
+ --oasys-component-label-type-limited-edition-background: rgb(253, 213, 238);
1775
+ --oasys-component-label-type-limited-edition-foreground: rgb(245, 53, 170);
1776
+ --oasys-component-label-type-rewards-bonus-points-background: rgb(253, 213, 238);
1777
+ --oasys-component-label-type-rewards-bonus-points-foreground: rgb(245, 53, 170);
1778
1778
  --oasys-component-price-weight-hero: 500;
1779
1779
  --oasys-component-price-weight-primary: 500;
1780
1780
  --oasys-component-price-weight-supporting: 500;
1781
- --oasys-component-price-color-price-after-discount: #F535AA;
1782
- --oasys-component-progress-bar-color-bar: #FBADDD;
1783
- --oasys-component-progress-bar-color-track: #FBADDD;
1781
+ --oasys-component-price-color-price-after-discount: rgb(245, 53, 170);
1782
+ --oasys-component-progress-bar-color-bar: rgb(251, 173, 221);
1783
+ --oasys-component-progress-bar-color-track: rgb(251, 173, 221);
1784
1784
  --oasys-component-radio-icon-inset: 0.6rem;
1785
1785
  --oasys-component-radio-icon-size-primary: 1rem;
1786
1786
  --oasys-component-radio-icon-size-secondary: 0.6rem;
@@ -1793,8 +1793,8 @@
1793
1793
  --oasys-component-section-image-aspect-ratio-spotlight: 1:1;
1794
1794
  --oasys-component-section-image-aspect-ratio-inform: 5:3;
1795
1795
  --oasys-component-text-input-preface-width: 5.6rem;
1796
- --oasys-component-text-input-color-disabled-background: #FDD5EE;
1797
- --oasys-component-text-input-color-disabled-foreground: #F535AA;
1796
+ --oasys-component-text-input-color-disabled-background: rgb(253, 213, 238);
1797
+ --oasys-component-text-input-color-disabled-foreground: rgb(245, 53, 170);
1798
1798
  --oasys-component-promo-card-image-aspect-ratio: 5/4;
1799
1799
  --oasys-component-promo-card-heading-alignment: center;
1800
1800
  }