oasys-lib 2.41.0 → 2.42.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/index.d.ts +1 -1
  2. package/index.d.ts.map +1 -1
  3. package/package.json +1 -1
  4. package/src/assets/bloomandwild/icons/icons.svg +1 -1
  5. package/src/assets/bloomandwild/variables.css +45 -20
  6. package/src/assets/bloomandwild-loyalty-tier-1/variables.css +113 -63
  7. package/src/assets/bloomandwild-loyalty-tier-2/variables.css +121 -65
  8. package/src/assets/bloomon/variables.css +40 -15
  9. package/src/assets/bloomon-loyalty-tier-1/variables.css +79 -29
  10. package/src/assets/bloomon-loyalty-tier-2/variables.css +143 -87
  11. package/src/assets/global/scss-breakpoints.scss +1 -1
package/src/assets/bloomon-loyalty-tier-2/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 21 Jul 2026 08:36:21 GMT
3
+ * Generated on Thu, 23 Jul 2026 10:32:23 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomon-loyalty-tier-2 {
@@ -13,6 +13,7 @@
13
13
  --oasys-color-blue-10: rgb(238, 237, 247);
14
14
  --oasys-color-blue-20: rgb(225, 223, 241);
15
15
  --oasys-color-blue-50: rgb(39, 113, 252);
16
+ --oasys-color-blue-55: rgb(100, 100, 198);
16
17
  --oasys-color-blue-60: rgb(64, 56, 133);
17
18
  --oasys-color-red-10: rgb(251, 234, 234);
18
19
  --oasys-color-red-50: rgb(201, 17, 17);
@@ -71,30 +72,30 @@
71
72
  --oasys-color-brand-foreground-secondary-on-dark: rgb(231, 230, 227);
72
73
  --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
73
74
  --oasys-color-brand-foreground-secondary: rgb(82, 82, 82);
74
- --oasys-color-brand-foreground-primary: rgb(64, 56, 133);
75
- --oasys-color-brand-foreground-highlight: rgb(253, 248, 136);
75
+ --oasys-color-brand-foreground-primary: rgb(117, 42, 105);
76
+ --oasys-color-brand-foreground-highlight: rgb(255, 247, 153);
76
77
  --oasys-color-brand-foreground-reviews: rgb(232, 176, 23);
77
- --oasys-color-brand-border-primary: rgb(64, 56, 133);
78
+ --oasys-color-brand-border-primary: rgb(75, 24, 67);
78
79
  --oasys-color-brand-border-primary-on-dark: rgb(255, 255, 255);
79
80
  --oasys-color-brand-border-secondary: rgb(231, 230, 227);
80
- --oasys-color-brand-background-primary: rgb(64, 56, 133);
81
+ --oasys-color-brand-background-primary: rgb(75, 24, 67);
81
82
  --oasys-color-brand-background-highlight: rgb(252, 241, 14);
82
83
  --oasys-color-brand-background-quaternary: rgb(255, 159, 128);
83
- --oasys-color-brand-background-tertiary: rgb(238, 237, 247);
84
- --oasys-color-brand-background-secondary: rgb(249, 236, 215);
85
- --oasys-color-brand-background-progress-bar: rgb(165, 170, 253);
86
- --oasys-color-brand-background-progress-bar-active: rgb(253, 248, 136);
84
+ --oasys-color-brand-background-tertiary: rgb(243, 206, 237);
85
+ --oasys-color-brand-background-secondary: rgb(255, 247, 229);
86
+ --oasys-color-brand-background-progress-bar: rgb(117, 42, 105);
87
+ --oasys-color-brand-background-progress-bar-active: rgb(255, 247, 153);
87
88
  --oasys-color-brand-background-progress-bar-goal: rgb(255, 255, 255);
88
- --oasys-color-brand-background-progress-bar-goal-active: rgb(253, 248, 136);
89
- --oasys-color-brand-background-icon: rgb(64, 56, 133);
89
+ --oasys-color-brand-background-progress-bar-goal-active: rgb(255, 247, 153);
90
+ --oasys-color-brand-background-icon: rgb(75, 24, 67);
90
91
  --oasys-color-brand-background-icon-on-dark: rgb(255, 255, 255);
91
92
  --oasys-color-interaction-foreground-disabled: rgb(0, 0, 255);
92
93
  --oasys-color-interaction-foreground-primary-on-dark: rgb(255, 255, 255);
93
94
  --oasys-color-interaction-foreground-selected: rgb(18, 18, 18);
94
95
  --oasys-color-interaction-foreground-primary: rgb(18, 18, 18);
95
96
  --oasys-color-interaction-background-expressive: rgb(255, 247, 153);
96
- --oasys-color-interaction-background-primary: rgb(18, 18, 18);
97
- --oasys-color-interaction-background-primary-on-dark: rgb(255, 255, 255);
97
+ --oasys-color-interaction-background-primary: rgb(75, 24, 67);
98
+ --oasys-color-interaction-background-primary-on-dark: rgb(255, 247, 153);
98
99
  --oasys-color-interaction-background-selected: rgb(255, 251, 242);
99
100
  --oasys-color-interaction-background-disabled: rgb(231, 230, 227);
100
101
  --oasys-color-interaction-background-danger: rgb(214, 26, 0);
@@ -124,20 +125,6 @@
124
125
  --oasys-color-rewards-foreground-highlight: rgb(255, 247, 153);
125
126
  --oasys-color-rewards-border-primary: rgb(75, 24, 67);
126
127
  --oasys-color-rewards-border-primary-on-dark: rgb(255, 255, 255);
127
- --oasys-color-rewards-tier-2-background-primary: rgb(64, 56, 133);
128
- --oasys-color-rewards-tier-2-background-secondary: rgb(249, 236, 215);
129
- --oasys-color-rewards-tier-2-background-tertiary: rgb(238, 237, 247);
130
- --oasys-color-rewards-tier-2-background-progress-bar: rgb(165, 170, 253);
131
- --oasys-color-rewards-tier-2-background-progress-bar-active: rgb(253, 248, 136);
132
- --oasys-color-rewards-tier-2-background-progress-bar-goal: rgb(255, 255, 255);
133
- --oasys-color-rewards-tier-2-background-progress-bar-goal-active: rgb(253, 248, 136);
134
- --oasys-color-rewards-tier-2-background-icon: rgb(64, 56, 133);
135
- --oasys-color-rewards-tier-2-background-icon-on-dark: rgb(255, 255, 255);
136
- --oasys-color-rewards-tier-2-foreground-primary: rgb(64, 56, 133);
137
- --oasys-color-rewards-tier-2-foreground-primary-on-dark: rgb(255, 255, 255);
138
- --oasys-color-rewards-tier-2-foreground-highlight: rgb(253, 248, 136);
139
- --oasys-color-rewards-tier-2-border-primary: rgb(64, 56, 133);
140
- --oasys-color-rewards-tier-2-border-primary-on-dark: rgb(255, 255, 255);
141
128
  --oasys-size-unit-0: 0;
142
129
  --oasys-size-unit-1: 0.1rem;
143
130
  --oasys-size-unit-2: 0.2rem;
@@ -655,8 +642,49 @@
655
642
  --oasys-radius-rewards-primary: 0.8rem;
656
643
  --oasys-radius-rewards-secondary: 1.6rem;
657
644
  --oasys-radius-rewards-icon: 99.9rem;
645
+ --oasys-radius-primary: 0.8rem;
646
+ --oasys-radius-secondary: 1.6rem;
647
+ --oasys-radius-icon: 99.9rem;
658
648
  --oasys-gutter-small: 1.6rem;
659
649
  --oasys-gutter-large: 6.4rem;
650
+ --oasys-loyalty-tier-1-color-brand-background-primary: rgb(75, 24, 67);
651
+ --oasys-loyalty-tier-1-color-brand-background-secondary: rgb(255, 247, 229);
652
+ --oasys-loyalty-tier-1-color-brand-background-tertiary: rgb(243, 206, 237);
653
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar: rgb(117, 42, 105);
654
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar-active: rgb(255, 247, 153);
655
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar-goal: rgb(255, 255, 255);
656
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar-goal-active: rgb(255, 247, 153);
657
+ --oasys-loyalty-tier-1-color-brand-background-icon: rgb(75, 24, 67);
658
+ --oasys-loyalty-tier-1-color-brand-background-icon-on-dark: rgb(255, 255, 255);
659
+ --oasys-loyalty-tier-1-color-brand-foreground-primary: rgb(117, 42, 105);
660
+ --oasys-loyalty-tier-1-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
661
+ --oasys-loyalty-tier-1-color-brand-foreground-highlight: rgb(255, 247, 153);
662
+ --oasys-loyalty-tier-1-color-brand-border-primary: rgb(75, 24, 67);
663
+ --oasys-loyalty-tier-1-color-brand-border-primary-on-dark: rgb(255, 255, 255);
664
+ --oasys-loyalty-tier-1-color-interaction-background-primary: rgb(75, 24, 67);
665
+ --oasys-loyalty-tier-1-color-interaction-background-primary-on-dark: rgb(255, 247, 153);
666
+ --oasys-loyalty-tier-1-radius-primary: 0.8rem;
667
+ --oasys-loyalty-tier-1-radius-secondary: 1.6rem;
668
+ --oasys-loyalty-tier-1-radius-icon: 99.9rem;
669
+ --oasys-loyalty-tier-2-color-brand-background-primary: rgb(75, 24, 67);
670
+ --oasys-loyalty-tier-2-color-brand-background-secondary: rgb(255, 247, 229);
671
+ --oasys-loyalty-tier-2-color-brand-background-tertiary: rgb(243, 206, 237);
672
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar: rgb(117, 42, 105);
673
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar-active: rgb(255, 247, 153);
674
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar-goal: rgb(255, 255, 255);
675
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar-goal-active: rgb(255, 247, 153);
676
+ --oasys-loyalty-tier-2-color-brand-background-icon: rgb(75, 24, 67);
677
+ --oasys-loyalty-tier-2-color-brand-background-icon-on-dark: rgb(255, 255, 255);
678
+ --oasys-loyalty-tier-2-color-brand-foreground-primary: rgb(117, 42, 105);
679
+ --oasys-loyalty-tier-2-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
680
+ --oasys-loyalty-tier-2-color-brand-foreground-highlight: rgb(255, 247, 153);
681
+ --oasys-loyalty-tier-2-color-brand-border-primary: rgb(75, 24, 67);
682
+ --oasys-loyalty-tier-2-color-brand-border-primary-on-dark: rgb(255, 255, 255);
683
+ --oasys-loyalty-tier-2-color-interaction-background-primary: rgb(75, 24, 67);
684
+ --oasys-loyalty-tier-2-color-interaction-background-primary-on-dark: rgb(255, 247, 153);
685
+ --oasys-loyalty-tier-2-radius-primary: 0.8rem;
686
+ --oasys-loyalty-tier-2-radius-secondary: 1.6rem;
687
+ --oasys-loyalty-tier-2-radius-icon: 99.9rem;
660
688
  --oasys-component-alert-badge-positive: rgb(68, 121, 100);
661
689
  --oasys-component-alert-badge-neutral: rgb(255, 255, 255);
662
690
  --oasys-component-alert-badge-negative: rgb(201, 17, 17);
@@ -675,7 +703,7 @@
675
703
  --oasys-component-box-border-none: 0;
676
704
  --oasys-component-box-border-primary: 0.1rem;
677
705
  --oasys-component-box-border-prominent: 0.2rem;
678
- --oasys-component-box-border-color-primary: rgb(64, 56, 133);
706
+ --oasys-component-box-border-color-primary: rgb(75, 24, 67);
679
707
  --oasys-component-box-border-color-primary-on-dark: rgb(255, 255, 255);
680
708
  --oasys-component-box-border-color-secondary: rgb(231, 230, 227);
681
709
  --oasys-component-box-border-color-selected: rgb(18, 18, 18);
@@ -694,11 +722,11 @@
694
722
  --oasys-component-button-text-transform: uppercase;
695
723
  --oasys-component-button-content-stack: 0.8rem;
696
724
  --oasys-component-button-content-height: 2rem;
697
- --oasys-component-button-color-primary-background: rgb(18, 18, 18);
698
- --oasys-component-button-color-primary-border: rgb(18, 18, 18);
725
+ --oasys-component-button-color-primary-background: rgb(75, 24, 67);
726
+ --oasys-component-button-color-primary-border: rgb(75, 24, 67);
699
727
  --oasys-component-button-color-primary-text: rgb(255, 255, 255);
700
- --oasys-component-button-color-primary-selected-border: rgb(18, 18, 18);
701
- --oasys-component-button-color-primary-hover-underlay: rgb(18, 18, 18);
728
+ --oasys-component-button-color-primary-selected-border: rgb(75, 24, 67);
729
+ --oasys-component-button-color-primary-hover-underlay: rgb(75, 24, 67);
702
730
  --oasys-component-button-color-primary-hover-overlay: rgb(255, 255, 255);
703
731
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
704
732
  --oasys-component-button-color-secondary-border: rgb(18, 18, 18);
@@ -712,16 +740,16 @@
712
740
  --oasys-component-button-color-tertiary-selected-border: rgba(0, 0, 0, 0);
713
741
  --oasys-component-button-color-tertiary-hover-underlay: rgba(0, 0, 0, 0);
714
742
  --oasys-component-button-color-tertiary-hover-overlay: rgb(18, 18, 18);
715
- --oasys-component-button-color-primary-inverse-background: rgb(255, 255, 255);
716
- --oasys-component-button-color-primary-inverse-border: rgb(255, 255, 255);
743
+ --oasys-component-button-color-primary-inverse-background: rgb(255, 247, 153);
744
+ --oasys-component-button-color-primary-inverse-border: rgb(255, 247, 153);
717
745
  --oasys-component-button-color-primary-inverse-text: rgb(18, 18, 18);
718
- --oasys-component-button-color-primary-inverse-selected-border: rgb(255, 255, 255);
719
- --oasys-component-button-color-primary-inverse-hover-underlay: rgb(255, 255, 255);
746
+ --oasys-component-button-color-primary-inverse-selected-border: rgb(255, 247, 153);
747
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(255, 247, 153);
720
748
  --oasys-component-button-color-primary-inverse-hover-overlay: rgb(18, 18, 18);
721
749
  --oasys-component-button-color-secondary-inverse-background: rgba(0, 0, 0, 0);
722
- --oasys-component-button-color-secondary-inverse-border: rgb(255, 255, 255);
750
+ --oasys-component-button-color-secondary-inverse-border: rgb(255, 247, 153);
723
751
  --oasys-component-button-color-secondary-inverse-text: rgb(255, 255, 255);
724
- --oasys-component-button-color-secondary-inverse-selected-border: rgb(255, 255, 255);
752
+ --oasys-component-button-color-secondary-inverse-selected-border: rgb(255, 247, 153);
725
753
  --oasys-component-button-color-secondary-inverse-hover-underlay: rgba(0, 0, 0, 0);
726
754
  --oasys-component-button-color-secondary-inverse-hover-overlay: rgb(255, 255, 255);
727
755
  --oasys-component-button-color-tertiary-inverse-background: rgba(0, 0, 0, 0);
@@ -772,7 +800,7 @@
772
800
  --oasys-component-button-color-rewards-on-dark-selected-border: rgb(255, 247, 153);
773
801
  --oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(255, 247, 153);
774
802
  --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(18, 18, 18);
775
- --oasys-component-button-color-chip-background: rgb(255, 255, 255);
803
+ --oasys-component-button-color-chip-background: rgb(255, 247, 153);
776
804
  --oasys-component-button-color-chip-border: rgb(231, 230, 227);
777
805
  --oasys-component-button-color-chip-text: rgb(18, 18, 18);
778
806
  --oasys-component-button-color-chip-selected-border: rgb(18, 18, 18);
@@ -829,14 +857,14 @@
829
857
  --oasys-component-hero-actions-alignment: start;
830
858
  --oasys-component-hero-inset-spacing-large: expanded;
831
859
  --oasys-component-hero-inset-spacing-small: default;
832
- --oasys-component-label-type-free-delivery-background: rgb(253, 248, 136);
833
- --oasys-component-label-type-free-delivery-foreground: rgb(64, 56, 133);
834
- --oasys-component-label-type-featured-background: rgb(253, 248, 136);
835
- --oasys-component-label-type-featured-foreground: rgb(64, 56, 133);
860
+ --oasys-component-label-type-free-delivery-background: rgb(255, 247, 153);
861
+ --oasys-component-label-type-free-delivery-foreground: rgb(117, 42, 105);
862
+ --oasys-component-label-type-featured-background: rgb(255, 247, 153);
863
+ --oasys-component-label-type-featured-foreground: rgb(117, 42, 105);
836
864
  --oasys-component-label-type-limited-edition-background: rgb(255, 159, 128);
837
865
  --oasys-component-label-type-limited-edition-foreground: rgb(255, 255, 255);
838
866
  --oasys-component-label-type-rewards-bonus-points-background: rgb(75, 24, 67);
839
- --oasys-component-label-type-rewards-bonus-points-foreground: rgb(253, 248, 136);
867
+ --oasys-component-label-type-rewards-bonus-points-foreground: rgb(255, 247, 153);
840
868
  --oasys-component-price-weight-hero: 400;
841
869
  --oasys-component-price-weight-primary: 400;
842
870
  --oasys-component-price-weight-supporting: 400;
@@ -869,6 +897,7 @@
869
897
  --oasys-color-blue-10: rgb(238, 237, 247);
870
898
  --oasys-color-blue-20: rgb(225, 223, 241);
871
899
  --oasys-color-blue-50: rgb(39, 113, 252);
900
+ --oasys-color-blue-55: rgb(100, 100, 198);
872
901
  --oasys-color-blue-60: rgb(64, 56, 133);
873
902
  --oasys-color-red-10: rgb(251, 234, 234);
874
903
  --oasys-color-red-50: rgb(201, 17, 17);
@@ -927,30 +956,30 @@
927
956
  --oasys-color-brand-foreground-secondary-on-dark: rgb(231, 230, 227);
928
957
  --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
929
958
  --oasys-color-brand-foreground-secondary: rgb(82, 82, 82);
930
- --oasys-color-brand-foreground-primary: rgb(64, 56, 133);
931
- --oasys-color-brand-foreground-highlight: rgb(253, 248, 136);
959
+ --oasys-color-brand-foreground-primary: rgb(117, 42, 105);
960
+ --oasys-color-brand-foreground-highlight: rgb(255, 247, 153);
932
961
  --oasys-color-brand-foreground-reviews: rgb(232, 176, 23);
933
- --oasys-color-brand-border-primary: rgb(64, 56, 133);
962
+ --oasys-color-brand-border-primary: rgb(75, 24, 67);
934
963
  --oasys-color-brand-border-primary-on-dark: rgb(255, 255, 255);
935
964
  --oasys-color-brand-border-secondary: rgb(231, 230, 227);
936
- --oasys-color-brand-background-primary: rgb(64, 56, 133);
965
+ --oasys-color-brand-background-primary: rgb(75, 24, 67);
937
966
  --oasys-color-brand-background-highlight: rgb(252, 241, 14);
938
967
  --oasys-color-brand-background-quaternary: rgb(255, 159, 128);
939
- --oasys-color-brand-background-tertiary: rgb(238, 237, 247);
940
- --oasys-color-brand-background-secondary: rgb(249, 236, 215);
941
- --oasys-color-brand-background-progress-bar: rgb(165, 170, 253);
942
- --oasys-color-brand-background-progress-bar-active: rgb(253, 248, 136);
968
+ --oasys-color-brand-background-tertiary: rgb(243, 206, 237);
969
+ --oasys-color-brand-background-secondary: rgb(255, 247, 229);
970
+ --oasys-color-brand-background-progress-bar: rgb(117, 42, 105);
971
+ --oasys-color-brand-background-progress-bar-active: rgb(255, 247, 153);
943
972
  --oasys-color-brand-background-progress-bar-goal: rgb(255, 255, 255);
944
- --oasys-color-brand-background-progress-bar-goal-active: rgb(253, 248, 136);
945
- --oasys-color-brand-background-icon: rgb(64, 56, 133);
973
+ --oasys-color-brand-background-progress-bar-goal-active: rgb(255, 247, 153);
974
+ --oasys-color-brand-background-icon: rgb(75, 24, 67);
946
975
  --oasys-color-brand-background-icon-on-dark: rgb(255, 255, 255);
947
976
  --oasys-color-interaction-foreground-disabled: rgb(0, 0, 255);
948
977
  --oasys-color-interaction-foreground-primary-on-dark: rgb(255, 255, 255);
949
978
  --oasys-color-interaction-foreground-selected: rgb(18, 18, 18);
950
979
  --oasys-color-interaction-foreground-primary: rgb(18, 18, 18);
951
980
  --oasys-color-interaction-background-expressive: rgb(255, 247, 153);
952
- --oasys-color-interaction-background-primary: rgb(18, 18, 18);
953
- --oasys-color-interaction-background-primary-on-dark: rgb(255, 255, 255);
981
+ --oasys-color-interaction-background-primary: rgb(75, 24, 67);
982
+ --oasys-color-interaction-background-primary-on-dark: rgb(255, 247, 153);
954
983
  --oasys-color-interaction-background-selected: rgb(255, 251, 242);
955
984
  --oasys-color-interaction-background-disabled: rgb(231, 230, 227);
956
985
  --oasys-color-interaction-background-danger: rgb(214, 26, 0);
@@ -980,20 +1009,6 @@
980
1009
  --oasys-color-rewards-foreground-highlight: rgb(255, 247, 153);
981
1010
  --oasys-color-rewards-border-primary: rgb(75, 24, 67);
982
1011
  --oasys-color-rewards-border-primary-on-dark: rgb(255, 255, 255);
983
- --oasys-color-rewards-tier-2-background-primary: rgb(64, 56, 133);
984
- --oasys-color-rewards-tier-2-background-secondary: rgb(249, 236, 215);
985
- --oasys-color-rewards-tier-2-background-tertiary: rgb(238, 237, 247);
986
- --oasys-color-rewards-tier-2-background-progress-bar: rgb(165, 170, 253);
987
- --oasys-color-rewards-tier-2-background-progress-bar-active: rgb(253, 248, 136);
988
- --oasys-color-rewards-tier-2-background-progress-bar-goal: rgb(255, 255, 255);
989
- --oasys-color-rewards-tier-2-background-progress-bar-goal-active: rgb(253, 248, 136);
990
- --oasys-color-rewards-tier-2-background-icon: rgb(64, 56, 133);
991
- --oasys-color-rewards-tier-2-background-icon-on-dark: rgb(255, 255, 255);
992
- --oasys-color-rewards-tier-2-foreground-primary: rgb(64, 56, 133);
993
- --oasys-color-rewards-tier-2-foreground-primary-on-dark: rgb(255, 255, 255);
994
- --oasys-color-rewards-tier-2-foreground-highlight: rgb(253, 248, 136);
995
- --oasys-color-rewards-tier-2-border-primary: rgb(64, 56, 133);
996
- --oasys-color-rewards-tier-2-border-primary-on-dark: rgb(255, 255, 255);
997
1012
  --oasys-size-unit-0: 0;
998
1013
  --oasys-size-unit-1: 0.1rem;
999
1014
  --oasys-size-unit-2: 0.2rem;
@@ -1511,8 +1526,49 @@
1511
1526
  --oasys-radius-rewards-primary: 0.8rem;
1512
1527
  --oasys-radius-rewards-secondary: 1.6rem;
1513
1528
  --oasys-radius-rewards-icon: 99.9rem;
1529
+ --oasys-radius-primary: 0.8rem;
1530
+ --oasys-radius-secondary: 1.6rem;
1531
+ --oasys-radius-icon: 99.9rem;
1514
1532
  --oasys-gutter-small: 1.6rem;
1515
1533
  --oasys-gutter-large: 6.4rem;
1534
+ --oasys-loyalty-tier-1-color-brand-background-primary: rgb(75, 24, 67);
1535
+ --oasys-loyalty-tier-1-color-brand-background-secondary: rgb(255, 247, 229);
1536
+ --oasys-loyalty-tier-1-color-brand-background-tertiary: rgb(243, 206, 237);
1537
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar: rgb(117, 42, 105);
1538
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar-active: rgb(255, 247, 153);
1539
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar-goal: rgb(255, 255, 255);
1540
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar-goal-active: rgb(255, 247, 153);
1541
+ --oasys-loyalty-tier-1-color-brand-background-icon: rgb(75, 24, 67);
1542
+ --oasys-loyalty-tier-1-color-brand-background-icon-on-dark: rgb(255, 255, 255);
1543
+ --oasys-loyalty-tier-1-color-brand-foreground-primary: rgb(117, 42, 105);
1544
+ --oasys-loyalty-tier-1-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
1545
+ --oasys-loyalty-tier-1-color-brand-foreground-highlight: rgb(255, 247, 153);
1546
+ --oasys-loyalty-tier-1-color-brand-border-primary: rgb(75, 24, 67);
1547
+ --oasys-loyalty-tier-1-color-brand-border-primary-on-dark: rgb(255, 255, 255);
1548
+ --oasys-loyalty-tier-1-color-interaction-background-primary: rgb(75, 24, 67);
1549
+ --oasys-loyalty-tier-1-color-interaction-background-primary-on-dark: rgb(255, 247, 153);
1550
+ --oasys-loyalty-tier-1-radius-primary: 0.8rem;
1551
+ --oasys-loyalty-tier-1-radius-secondary: 1.6rem;
1552
+ --oasys-loyalty-tier-1-radius-icon: 99.9rem;
1553
+ --oasys-loyalty-tier-2-color-brand-background-primary: rgb(75, 24, 67);
1554
+ --oasys-loyalty-tier-2-color-brand-background-secondary: rgb(255, 247, 229);
1555
+ --oasys-loyalty-tier-2-color-brand-background-tertiary: rgb(243, 206, 237);
1556
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar: rgb(117, 42, 105);
1557
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar-active: rgb(255, 247, 153);
1558
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar-goal: rgb(255, 255, 255);
1559
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar-goal-active: rgb(255, 247, 153);
1560
+ --oasys-loyalty-tier-2-color-brand-background-icon: rgb(75, 24, 67);
1561
+ --oasys-loyalty-tier-2-color-brand-background-icon-on-dark: rgb(255, 255, 255);
1562
+ --oasys-loyalty-tier-2-color-brand-foreground-primary: rgb(117, 42, 105);
1563
+ --oasys-loyalty-tier-2-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
1564
+ --oasys-loyalty-tier-2-color-brand-foreground-highlight: rgb(255, 247, 153);
1565
+ --oasys-loyalty-tier-2-color-brand-border-primary: rgb(75, 24, 67);
1566
+ --oasys-loyalty-tier-2-color-brand-border-primary-on-dark: rgb(255, 255, 255);
1567
+ --oasys-loyalty-tier-2-color-interaction-background-primary: rgb(75, 24, 67);
1568
+ --oasys-loyalty-tier-2-color-interaction-background-primary-on-dark: rgb(255, 247, 153);
1569
+ --oasys-loyalty-tier-2-radius-primary: 0.8rem;
1570
+ --oasys-loyalty-tier-2-radius-secondary: 1.6rem;
1571
+ --oasys-loyalty-tier-2-radius-icon: 99.9rem;
1516
1572
  --oasys-component-alert-badge-positive: rgb(68, 121, 100);
1517
1573
  --oasys-component-alert-badge-neutral: rgb(255, 255, 255);
1518
1574
  --oasys-component-alert-badge-negative: rgb(201, 17, 17);
@@ -1531,7 +1587,7 @@
1531
1587
  --oasys-component-box-border-none: 0;
1532
1588
  --oasys-component-box-border-primary: 0.1rem;
1533
1589
  --oasys-component-box-border-prominent: 0.2rem;
1534
- --oasys-component-box-border-color-primary: rgb(64, 56, 133);
1590
+ --oasys-component-box-border-color-primary: rgb(75, 24, 67);
1535
1591
  --oasys-component-box-border-color-primary-on-dark: rgb(255, 255, 255);
1536
1592
  --oasys-component-box-border-color-secondary: rgb(231, 230, 227);
1537
1593
  --oasys-component-box-border-color-selected: rgb(18, 18, 18);
@@ -1550,11 +1606,11 @@
1550
1606
  --oasys-component-button-text-transform: uppercase;
1551
1607
  --oasys-component-button-content-stack: 0.8rem;
1552
1608
  --oasys-component-button-content-height: 2rem;
1553
- --oasys-component-button-color-primary-background: rgb(18, 18, 18);
1554
- --oasys-component-button-color-primary-border: rgb(18, 18, 18);
1609
+ --oasys-component-button-color-primary-background: rgb(75, 24, 67);
1610
+ --oasys-component-button-color-primary-border: rgb(75, 24, 67);
1555
1611
  --oasys-component-button-color-primary-text: rgb(255, 255, 255);
1556
- --oasys-component-button-color-primary-selected-border: rgb(18, 18, 18);
1557
- --oasys-component-button-color-primary-hover-underlay: rgb(18, 18, 18);
1612
+ --oasys-component-button-color-primary-selected-border: rgb(75, 24, 67);
1613
+ --oasys-component-button-color-primary-hover-underlay: rgb(75, 24, 67);
1558
1614
  --oasys-component-button-color-primary-hover-overlay: rgb(255, 255, 255);
1559
1615
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
1560
1616
  --oasys-component-button-color-secondary-border: rgb(18, 18, 18);
@@ -1568,16 +1624,16 @@
1568
1624
  --oasys-component-button-color-tertiary-selected-border: rgba(0, 0, 0, 0);
1569
1625
  --oasys-component-button-color-tertiary-hover-underlay: rgba(0, 0, 0, 0);
1570
1626
  --oasys-component-button-color-tertiary-hover-overlay: rgb(18, 18, 18);
1571
- --oasys-component-button-color-primary-inverse-background: rgb(255, 255, 255);
1572
- --oasys-component-button-color-primary-inverse-border: rgb(255, 255, 255);
1627
+ --oasys-component-button-color-primary-inverse-background: rgb(255, 247, 153);
1628
+ --oasys-component-button-color-primary-inverse-border: rgb(255, 247, 153);
1573
1629
  --oasys-component-button-color-primary-inverse-text: rgb(18, 18, 18);
1574
- --oasys-component-button-color-primary-inverse-selected-border: rgb(255, 255, 255);
1575
- --oasys-component-button-color-primary-inverse-hover-underlay: rgb(255, 255, 255);
1630
+ --oasys-component-button-color-primary-inverse-selected-border: rgb(255, 247, 153);
1631
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(255, 247, 153);
1576
1632
  --oasys-component-button-color-primary-inverse-hover-overlay: rgb(18, 18, 18);
1577
1633
  --oasys-component-button-color-secondary-inverse-background: rgba(0, 0, 0, 0);
1578
- --oasys-component-button-color-secondary-inverse-border: rgb(255, 255, 255);
1634
+ --oasys-component-button-color-secondary-inverse-border: rgb(255, 247, 153);
1579
1635
  --oasys-component-button-color-secondary-inverse-text: rgb(255, 255, 255);
1580
- --oasys-component-button-color-secondary-inverse-selected-border: rgb(255, 255, 255);
1636
+ --oasys-component-button-color-secondary-inverse-selected-border: rgb(255, 247, 153);
1581
1637
  --oasys-component-button-color-secondary-inverse-hover-underlay: rgba(0, 0, 0, 0);
1582
1638
  --oasys-component-button-color-secondary-inverse-hover-overlay: rgb(255, 255, 255);
1583
1639
  --oasys-component-button-color-tertiary-inverse-background: rgba(0, 0, 0, 0);
@@ -1628,7 +1684,7 @@
1628
1684
  --oasys-component-button-color-rewards-on-dark-selected-border: rgb(255, 247, 153);
1629
1685
  --oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(255, 247, 153);
1630
1686
  --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(18, 18, 18);
1631
- --oasys-component-button-color-chip-background: rgb(255, 255, 255);
1687
+ --oasys-component-button-color-chip-background: rgb(255, 247, 153);
1632
1688
  --oasys-component-button-color-chip-border: rgb(231, 230, 227);
1633
1689
  --oasys-component-button-color-chip-text: rgb(18, 18, 18);
1634
1690
  --oasys-component-button-color-chip-selected-border: rgb(18, 18, 18);
@@ -1685,14 +1741,14 @@
1685
1741
  --oasys-component-hero-actions-alignment: start;
1686
1742
  --oasys-component-hero-inset-spacing-large: expanded;
1687
1743
  --oasys-component-hero-inset-spacing-small: default;
1688
- --oasys-component-label-type-free-delivery-background: rgb(253, 248, 136);
1689
- --oasys-component-label-type-free-delivery-foreground: rgb(64, 56, 133);
1690
- --oasys-component-label-type-featured-background: rgb(253, 248, 136);
1691
- --oasys-component-label-type-featured-foreground: rgb(64, 56, 133);
1744
+ --oasys-component-label-type-free-delivery-background: rgb(255, 247, 153);
1745
+ --oasys-component-label-type-free-delivery-foreground: rgb(117, 42, 105);
1746
+ --oasys-component-label-type-featured-background: rgb(255, 247, 153);
1747
+ --oasys-component-label-type-featured-foreground: rgb(117, 42, 105);
1692
1748
  --oasys-component-label-type-limited-edition-background: rgb(255, 159, 128);
1693
1749
  --oasys-component-label-type-limited-edition-foreground: rgb(255, 255, 255);
1694
1750
  --oasys-component-label-type-rewards-bonus-points-background: rgb(75, 24, 67);
1695
- --oasys-component-label-type-rewards-bonus-points-foreground: rgb(253, 248, 136);
1751
+ --oasys-component-label-type-rewards-bonus-points-foreground: rgb(255, 247, 153);
1696
1752
  --oasys-component-price-weight-hero: 400;
1697
1753
  --oasys-component-price-weight-primary: 400;
1698
1754
  --oasys-component-price-weight-supporting: 400;
package/src/assets/global/scss-breakpoints.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 21 Jul 2026 08:36:21 GMT
3
+ // Generated on Thu, 23 Jul 2026 10:32:23 GMT
4
4
 
5
5
  $oasys-size-web-breakpoint-mobile: 0px;
6
6
  $oasys-size-web-breakpoint-tablet: 767px;