oasys-lib 3.7.4 → 3.8.0-rc.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oasys-lib",
3
- "version": "3.7.4",
3
+ "version": "3.8.0-rc.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "21.2.21",
6
6
  "@angular/core": "21.2.21",
package/src/assets/bergamotte/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
- * Do not edit directly
3
- * Generated on Fri, 25 Sep 2026 11:12:45 GMT
2
+ * Do not edit directly, this file was auto-generated.
3
+ * Generated on Mon, 28 Sep 2026 11:52:10 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bergamotte {
@@ -99,8 +99,8 @@
99
99
  --oasys-color-interaction-background-rewards-on-dark: rgb(253, 213, 238);
100
100
  --oasys-color-interaction-border-selected: rgb(251, 173, 221);
101
101
  --oasys-color-interaction-border-selectable: rgb(251, 173, 221);
102
- --oasys-color-interaction-border-focus: #FBADDD;
103
- --oasys-color-interaction-border-danger: #FBADDD;
102
+ --oasys-color-interaction-border-focus: rgb(251, 173, 221);
103
+ --oasys-color-interaction-border-danger: rgb(251, 173, 221);
104
104
  --oasys-color-system-foreground-neutral: rgb(245, 53, 170);
105
105
  --oasys-color-system-foreground-positive: rgb(245, 53, 170);
106
106
  --oasys-color-system-foreground-negative: rgb(245, 53, 170);
@@ -121,8 +121,8 @@
121
121
  --oasys-color-rewards-foreground-highlight: rgb(245, 53, 170);
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
- --oasys-color-sage-60: rgb(0, 0, 0);
125
- --oasys-color-sage-80: rgb(0, 0, 0);
124
+ --oasys-color-sage-60: ;
125
+ --oasys-color-sage-80: ;
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);
@@ -517,15 +517,15 @@
517
517
  --oasys-typography-body-line-through-supporting-paragraph-indent: 0;
518
518
  --oasys-typography-body-line-through-supporting-text-case: none;
519
519
  --oasys-typography-body-line-through-supporting-text-decoration: line-through;
520
- --oasys-typography-heading-hero-desktop-font-family: 'Lyon Display';
521
- --oasys-typography-heading-hero-desktop-font-weight: 700;
522
- --oasys-typography-heading-hero-desktop-line-height: 6.4rem;
523
- --oasys-typography-heading-hero-desktop-font-size: 5.2rem;
524
- --oasys-typography-heading-hero-desktop-letter-spacing: 0;
525
- --oasys-typography-heading-hero-desktop-paragraph-spacing: 3.2rem;
526
- --oasys-typography-heading-hero-desktop-paragraph-indent: 0;
527
- --oasys-typography-heading-hero-desktop-text-case: none;
528
- --oasys-typography-heading-hero-desktop-text-decoration: none;
520
+ --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. */
521
+ --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. */
522
+ --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. */
523
+ --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. */
524
+ --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. */
525
+ --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. */
526
+ --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. */
527
+ --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. */
528
+ --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. */
529
529
  --oasys-typography-heading-hero-mobile-font-family: 'Lyon Display';
530
530
  --oasys-typography-heading-hero-mobile-font-weight: 700;
531
531
  --oasys-typography-heading-hero-mobile-line-height: 4rem;
@@ -633,7 +633,7 @@
633
633
  --oasys-border-width-prominent: 0.2rem;
634
634
  --oasys-border-width-focus: 0.2rem;
635
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. */
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. */
637
637
  --oasys-utility-brand: Bergamotte;
638
638
  --oasys-utility-brand-slug: bergamotte;
639
639
  --oasys-spacing-section: 6.4rem;
@@ -688,12 +688,12 @@
688
688
  --oasys-loyalty-tier-2-radius-primary: 0;
689
689
  --oasys-loyalty-tier-2-radius-secondary: 0.4rem;
690
690
  --oasys-loyalty-tier-2-radius-icon: 99.9rem;
691
- --oasys-component-alert-badge-positive: #FBADDD;
692
- --oasys-component-alert-badge-neutral: #FBADDD;
693
- --oasys-component-alert-badge-negative: #FBADDD;
694
- --oasys-component-alert-background-positive: #FDD5EE;
695
- --oasys-component-alert-background-neutral: #FDD5EE;
696
- --oasys-component-alert-background-negative: #FDD5EE;
691
+ --oasys-component-alert-badge-positive: rgb(251, 173, 221);
692
+ --oasys-component-alert-badge-neutral: rgb(251, 173, 221);
693
+ --oasys-component-alert-badge-negative: rgb(251, 173, 221);
694
+ --oasys-component-alert-background-positive: rgb(253, 213, 238);
695
+ --oasys-component-alert-background-neutral: rgb(253, 213, 238);
696
+ --oasys-component-alert-background-negative: rgb(253, 213, 238);
697
697
  --oasys-component-banner-spacing-mobile: default;
698
698
  --oasys-component-box-on-dark-core-primary: on-light;
699
699
  --oasys-component-box-on-dark-core-secondary: on-light;
@@ -706,11 +706,11 @@
706
706
  --oasys-component-box-border-none: 0;
707
707
  --oasys-component-box-border-primary: 0.1rem;
708
708
  --oasys-component-box-border-prominent: 0.2rem;
709
- --oasys-component-box-border-color-primary: #FBADDD;
710
- --oasys-component-box-border-color-primary-on-dark: #FBADDD;
711
- --oasys-component-box-border-color-secondary: #FBADDD;
712
- --oasys-component-box-border-color-selected: #FBADDD;
713
- --oasys-component-box-border-color-selectable: #FBADDD;
709
+ --oasys-component-box-border-color-primary: rgb(251, 173, 221);
710
+ --oasys-component-box-border-color-primary-on-dark: rgb(251, 173, 221);
711
+ --oasys-component-box-border-color-secondary: rgb(251, 173, 221);
712
+ --oasys-component-box-border-color-selected: rgb(251, 173, 221);
713
+ --oasys-component-box-border-color-selectable: rgb(251, 173, 221);
714
714
  --oasys-component-box-border-style-solid: solid;
715
715
  --oasys-component-box-border-style-dashed: dashed;
716
716
  --oasys-component-button-size-large-font-size: 1.8rem;
@@ -727,91 +727,91 @@
727
727
  --oasys-component-button-content-height: 2rem;
728
728
  --oasys-component-button-color-primary-background: rgb(56, 55, 55);
729
729
  --oasys-component-button-color-primary-border: rgb(56, 55, 55);
730
- --oasys-component-button-color-primary-text: #F535AA;
730
+ --oasys-component-button-color-primary-text: rgb(245, 53, 170);
731
731
  --oasys-component-button-color-primary-selected-border: rgb(56, 55, 55);
732
732
  --oasys-component-button-color-primary-hover-underlay: rgb(56, 55, 55);
733
733
  --oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
734
734
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
735
735
  --oasys-component-button-color-secondary-border: rgb(56, 55, 55);
736
736
  --oasys-component-button-color-secondary-text: rgb(56, 55, 55);
737
- --oasys-component-button-color-secondary-selected-border: #FBADDD;
738
- --oasys-component-button-color-secondary-hover-underlay: #FBADDD;
739
- --oasys-component-button-color-secondary-hover-overlay: #FBADDD;
740
- --oasys-component-button-color-tertiary-background: #FDD5EE;
741
- --oasys-component-button-color-tertiary-border: #FBADDD;
742
- --oasys-component-button-color-tertiary-text: #F535AA;
743
- --oasys-component-button-color-tertiary-selected-border: #FBADDD;
744
- --oasys-component-button-color-tertiary-hover-underlay: #FBADDD;
745
- --oasys-component-button-color-tertiary-hover-overlay: #FBADDD;
746
- --oasys-component-button-color-primary-inverse-background: #FDD5EE;
747
- --oasys-component-button-color-primary-inverse-border: #FBADDD;
748
- --oasys-component-button-color-primary-inverse-text: #F535AA;
749
- --oasys-component-button-color-primary-inverse-selected-border: #FBADDD;
750
- --oasys-component-button-color-primary-inverse-hover-underlay: #FBADDD;
751
- --oasys-component-button-color-primary-inverse-hover-overlay: #FBADDD;
752
- --oasys-component-button-color-secondary-inverse-background: #FDD5EE;
753
- --oasys-component-button-color-secondary-inverse-border: #FBADDD;
754
- --oasys-component-button-color-secondary-inverse-text: #F535AA;
755
- --oasys-component-button-color-secondary-inverse-selected-border: #FBADDD;
756
- --oasys-component-button-color-secondary-inverse-hover-underlay: #FBADDD;
757
- --oasys-component-button-color-secondary-inverse-hover-overlay: #FBADDD;
758
- --oasys-component-button-color-tertiary-inverse-background: #FDD5EE;
759
- --oasys-component-button-color-tertiary-inverse-border: #FBADDD;
760
- --oasys-component-button-color-tertiary-inverse-text: #F535AA;
761
- --oasys-component-button-color-tertiary-inverse-selected-border: #FBADDD;
762
- --oasys-component-button-color-tertiary-inverse-hover-underlay: #FBADDD;
763
- --oasys-component-button-color-tertiary-inverse-hover-overlay: #FBADDD;
764
- --oasys-component-button-color-expressive-background: #FDD5EE;
765
- --oasys-component-button-color-expressive-border: #FBADDD;
766
- --oasys-component-button-color-expressive-text: #F535AA;
767
- --oasys-component-button-color-expressive-selected-border: #FBADDD;
768
- --oasys-component-button-color-expressive-hover-underlay: #FBADDD;
769
- --oasys-component-button-color-expressive-hover-overlay: #FBADDD;
770
- --oasys-component-button-color-danger-background: #FDD5EE;
771
- --oasys-component-button-color-danger-border: #FBADDD;
772
- --oasys-component-button-color-danger-text: #F535AA;
773
- --oasys-component-button-color-danger-selected-border: #FBADDD;
774
- --oasys-component-button-color-danger-hover-underlay: #FBADDD;
775
- --oasys-component-button-color-danger-hover-overlay: #FBADDD;
776
- --oasys-component-button-color-facebook-background: #FDD5EE;
777
- --oasys-component-button-color-facebook-border: #FBADDD;
778
- --oasys-component-button-color-facebook-text: #F535AA;
779
- --oasys-component-button-color-facebook-selected-border: #FBADDD;
780
- --oasys-component-button-color-facebook-hover-underlay: #FBADDD;
781
- --oasys-component-button-color-facebook-hover-overlay: #FBADDD;
782
- --oasys-component-button-color-paypal-background: #FDD5EE;
783
- --oasys-component-button-color-paypal-border: #FBADDD;
784
- --oasys-component-button-color-paypal-text: #F535AA;
785
- --oasys-component-button-color-paypal-selected-border: #FBADDD;
786
- --oasys-component-button-color-paypal-hover-underlay: #FBADDD;
787
- --oasys-component-button-color-paypal-hover-overlay: #FBADDD;
788
- --oasys-component-button-color-trustpilot-background: #FDD5EE;
789
- --oasys-component-button-color-trustpilot-border: #FBADDD;
790
- --oasys-component-button-color-trustpilot-text: #F535AA;
791
- --oasys-component-button-color-trustpilot-selected-border: #FBADDD;
792
- --oasys-component-button-color-trustpilot-hover-underlay: #FBADDD;
793
- --oasys-component-button-color-trustpilot-hover-overlay: #FBADDD;
794
- --oasys-component-button-color-rewards-background: #FDD5EE;
795
- --oasys-component-button-color-rewards-border: #FBADDD;
796
- --oasys-component-button-color-rewards-text: #F535AA;
797
- --oasys-component-button-color-rewards-selected-border: #FBADDD;
798
- --oasys-component-button-color-rewards-hover-underlay: #FBADDD;
799
- --oasys-component-button-color-rewards-hover-overlay: #FBADDD;
800
- --oasys-component-button-color-rewards-on-dark-background: #FDD5EE;
801
- --oasys-component-button-color-rewards-on-dark-border: #FBADDD;
802
- --oasys-component-button-color-rewards-on-dark-text: #F535AA;
803
- --oasys-component-button-color-rewards-on-dark-selected-border: #FBADDD;
804
- --oasys-component-button-color-rewards-on-dark-hover-underlay: #FBADDD;
805
- --oasys-component-button-color-rewards-on-dark-hover-overlay: #FBADDD;
806
- --oasys-component-button-color-chip-background: #FDD5EE;
807
- --oasys-component-button-color-chip-border: #FBADDD;
808
- --oasys-component-button-color-chip-text: #F535AA;
809
- --oasys-component-button-color-chip-selected-border: #FBADDD;
810
- --oasys-component-button-color-chip-hover-underlay: #FBADDD;
811
- --oasys-component-button-color-chip-hover-overlay: #FBADDD;
812
- --oasys-component-button-color-disabled-background: #FDD5EE;
813
- --oasys-component-button-color-disabled-border: #FBADDD;
814
- --oasys-component-button-color-disabled-text: #F535AA;
737
+ --oasys-component-button-color-secondary-selected-border: rgb(251, 173, 221);
738
+ --oasys-component-button-color-secondary-hover-underlay: rgb(251, 173, 221);
739
+ --oasys-component-button-color-secondary-hover-overlay: rgb(251, 173, 221);
740
+ --oasys-component-button-color-tertiary-background: rgb(253, 213, 238);
741
+ --oasys-component-button-color-tertiary-border: rgb(251, 173, 221);
742
+ --oasys-component-button-color-tertiary-text: rgb(245, 53, 170);
743
+ --oasys-component-button-color-tertiary-selected-border: rgb(251, 173, 221);
744
+ --oasys-component-button-color-tertiary-hover-underlay: rgb(251, 173, 221);
745
+ --oasys-component-button-color-tertiary-hover-overlay: rgb(251, 173, 221);
746
+ --oasys-component-button-color-primary-inverse-background: rgb(253, 213, 238);
747
+ --oasys-component-button-color-primary-inverse-border: rgb(251, 173, 221);
748
+ --oasys-component-button-color-primary-inverse-text: rgb(245, 53, 170);
749
+ --oasys-component-button-color-primary-inverse-selected-border: rgb(251, 173, 221);
750
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(251, 173, 221);
751
+ --oasys-component-button-color-primary-inverse-hover-overlay: rgb(251, 173, 221);
752
+ --oasys-component-button-color-secondary-inverse-background: rgb(253, 213, 238);
753
+ --oasys-component-button-color-secondary-inverse-border: rgb(251, 173, 221);
754
+ --oasys-component-button-color-secondary-inverse-text: rgb(245, 53, 170);
755
+ --oasys-component-button-color-secondary-inverse-selected-border: rgb(251, 173, 221);
756
+ --oasys-component-button-color-secondary-inverse-hover-underlay: rgb(251, 173, 221);
757
+ --oasys-component-button-color-secondary-inverse-hover-overlay: rgb(251, 173, 221);
758
+ --oasys-component-button-color-tertiary-inverse-background: rgb(253, 213, 238);
759
+ --oasys-component-button-color-tertiary-inverse-border: rgb(251, 173, 221);
760
+ --oasys-component-button-color-tertiary-inverse-text: rgb(245, 53, 170);
761
+ --oasys-component-button-color-tertiary-inverse-selected-border: rgb(251, 173, 221);
762
+ --oasys-component-button-color-tertiary-inverse-hover-underlay: rgb(251, 173, 221);
763
+ --oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(251, 173, 221);
764
+ --oasys-component-button-color-expressive-background: rgb(253, 213, 238);
765
+ --oasys-component-button-color-expressive-border: rgb(251, 173, 221);
766
+ --oasys-component-button-color-expressive-text: rgb(245, 53, 170);
767
+ --oasys-component-button-color-expressive-selected-border: rgb(251, 173, 221);
768
+ --oasys-component-button-color-expressive-hover-underlay: rgb(251, 173, 221);
769
+ --oasys-component-button-color-expressive-hover-overlay: rgb(251, 173, 221);
770
+ --oasys-component-button-color-danger-background: rgb(253, 213, 238);
771
+ --oasys-component-button-color-danger-border: rgb(251, 173, 221);
772
+ --oasys-component-button-color-danger-text: rgb(245, 53, 170);
773
+ --oasys-component-button-color-danger-selected-border: rgb(251, 173, 221);
774
+ --oasys-component-button-color-danger-hover-underlay: rgb(251, 173, 221);
775
+ --oasys-component-button-color-danger-hover-overlay: rgb(251, 173, 221);
776
+ --oasys-component-button-color-facebook-background: rgb(253, 213, 238);
777
+ --oasys-component-button-color-facebook-border: rgb(251, 173, 221);
778
+ --oasys-component-button-color-facebook-text: rgb(245, 53, 170);
779
+ --oasys-component-button-color-facebook-selected-border: rgb(251, 173, 221);
780
+ --oasys-component-button-color-facebook-hover-underlay: rgb(251, 173, 221);
781
+ --oasys-component-button-color-facebook-hover-overlay: rgb(251, 173, 221);
782
+ --oasys-component-button-color-paypal-background: rgb(253, 213, 238);
783
+ --oasys-component-button-color-paypal-border: rgb(251, 173, 221);
784
+ --oasys-component-button-color-paypal-text: rgb(245, 53, 170);
785
+ --oasys-component-button-color-paypal-selected-border: rgb(251, 173, 221);
786
+ --oasys-component-button-color-paypal-hover-underlay: rgb(251, 173, 221);
787
+ --oasys-component-button-color-paypal-hover-overlay: rgb(251, 173, 221);
788
+ --oasys-component-button-color-trustpilot-background: rgb(253, 213, 238);
789
+ --oasys-component-button-color-trustpilot-border: rgb(251, 173, 221);
790
+ --oasys-component-button-color-trustpilot-text: rgb(245, 53, 170);
791
+ --oasys-component-button-color-trustpilot-selected-border: rgb(251, 173, 221);
792
+ --oasys-component-button-color-trustpilot-hover-underlay: rgb(251, 173, 221);
793
+ --oasys-component-button-color-trustpilot-hover-overlay: rgb(251, 173, 221);
794
+ --oasys-component-button-color-rewards-background: rgb(253, 213, 238);
795
+ --oasys-component-button-color-rewards-border: rgb(251, 173, 221);
796
+ --oasys-component-button-color-rewards-text: rgb(245, 53, 170);
797
+ --oasys-component-button-color-rewards-selected-border: rgb(251, 173, 221);
798
+ --oasys-component-button-color-rewards-hover-underlay: rgb(251, 173, 221);
799
+ --oasys-component-button-color-rewards-hover-overlay: rgb(251, 173, 221);
800
+ --oasys-component-button-color-rewards-on-dark-background: rgb(253, 213, 238);
801
+ --oasys-component-button-color-rewards-on-dark-border: rgb(251, 173, 221);
802
+ --oasys-component-button-color-rewards-on-dark-text: rgb(245, 53, 170);
803
+ --oasys-component-button-color-rewards-on-dark-selected-border: rgb(251, 173, 221);
804
+ --oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(251, 173, 221);
805
+ --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(251, 173, 221);
806
+ --oasys-component-button-color-chip-background: rgb(253, 213, 238);
807
+ --oasys-component-button-color-chip-border: rgb(251, 173, 221);
808
+ --oasys-component-button-color-chip-text: rgb(245, 53, 170);
809
+ --oasys-component-button-color-chip-selected-border: rgb(251, 173, 221);
810
+ --oasys-component-button-color-chip-hover-underlay: rgb(251, 173, 221);
811
+ --oasys-component-button-color-chip-hover-overlay: rgb(251, 173, 221);
812
+ --oasys-component-button-color-disabled-background: rgb(253, 213, 238);
813
+ --oasys-component-button-color-disabled-border: rgb(251, 173, 221);
814
+ --oasys-component-button-color-disabled-text: rgb(245, 53, 170);
815
815
  --oasys-component-button-letter-spacing: 0;
816
816
  --oasys-component-button-font-weight-primary: 500;
817
817
  --oasys-component-button-font-weight-secondary: 500;
@@ -860,20 +860,20 @@
860
860
  --oasys-component-hero-actions-alignment: center;
861
861
  --oasys-component-hero-inset-spacing-large: expanded;
862
862
  --oasys-component-hero-inset-spacing-small: default;
863
- --oasys-component-label-type-free-delivery-background: #FDD5EE;
864
- --oasys-component-label-type-free-delivery-foreground: #F535AA;
865
- --oasys-component-label-type-featured-background: #FDD5EE;
866
- --oasys-component-label-type-featured-foreground: #F535AA;
867
- --oasys-component-label-type-limited-edition-background: #FDD5EE;
868
- --oasys-component-label-type-limited-edition-foreground: #F535AA;
869
- --oasys-component-label-type-rewards-bonus-points-background: #FDD5EE;
870
- --oasys-component-label-type-rewards-bonus-points-foreground: #F535AA;
863
+ --oasys-component-label-type-free-delivery-background: rgb(253, 213, 238);
864
+ --oasys-component-label-type-free-delivery-foreground: rgb(245, 53, 170);
865
+ --oasys-component-label-type-featured-background: rgb(253, 213, 238);
866
+ --oasys-component-label-type-featured-foreground: rgb(245, 53, 170);
867
+ --oasys-component-label-type-limited-edition-background: rgb(253, 213, 238);
868
+ --oasys-component-label-type-limited-edition-foreground: rgb(245, 53, 170);
869
+ --oasys-component-label-type-rewards-bonus-points-background: rgb(253, 213, 238);
870
+ --oasys-component-label-type-rewards-bonus-points-foreground: rgb(245, 53, 170);
871
871
  --oasys-component-price-weight-hero: 500;
872
872
  --oasys-component-price-weight-primary: 500;
873
873
  --oasys-component-price-weight-supporting: 500;
874
- --oasys-component-price-color-price-after-discount: #F535AA;
875
- --oasys-component-progress-bar-color-bar: #FBADDD;
876
- --oasys-component-progress-bar-color-track: #FBADDD;
874
+ --oasys-component-price-color-price-after-discount: rgb(245, 53, 170);
875
+ --oasys-component-progress-bar-color-bar: rgb(251, 173, 221);
876
+ --oasys-component-progress-bar-color-track: rgb(251, 173, 221);
877
877
  --oasys-component-radio-icon-inset: 0.6rem;
878
878
  --oasys-component-radio-icon-size-primary: 1rem;
879
879
  --oasys-component-radio-icon-size-secondary: 0.6rem;
@@ -886,8 +886,8 @@
886
886
  --oasys-component-section-image-aspect-ratio-spotlight: 1:1;
887
887
  --oasys-component-section-image-aspect-ratio-inform: 5:3;
888
888
  --oasys-component-text-input-preface-width: 5.6rem;
889
- --oasys-component-text-input-color-disabled-background: #FDD5EE;
890
- --oasys-component-text-input-color-disabled-foreground: #F535AA;
889
+ --oasys-component-text-input-color-disabled-background: rgb(253, 213, 238);
890
+ --oasys-component-text-input-color-disabled-foreground: rgb(245, 53, 170);
891
891
  --oasys-component-promo-card-image-aspect-ratio: 5/4;
892
892
  --oasys-component-promo-card-heading-alignment: center;
893
893
  }