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/bloomandwild-loyalty-tier-1/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 21 Jul 2026 08:36:20 GMT
3
+ * Generated on Thu, 23 Jul 2026 10:32:22 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomandwild-loyalty-tier-1 {
@@ -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);
@@ -67,17 +68,17 @@
67
68
  --oasys-color-grey-100: rgb(18, 18, 18);
68
69
  --oasys-color-white: rgb(255, 255, 255);
69
70
  --oasys-color-transparent: rgba(0, 0, 0, 0);
70
- --oasys-color-brand-foreground-primary: rgb(64, 56, 133);
71
+ --oasys-color-brand-foreground-primary: rgb(100, 100, 198);
71
72
  --oasys-color-brand-foreground-secondary: rgb(83, 78, 70);
72
73
  --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
73
74
  --oasys-color-brand-foreground-secondary-on-dark: rgb(226, 224, 220);
74
75
  --oasys-color-brand-foreground-discount: rgb(201, 17, 17);
75
76
  --oasys-color-brand-foreground-highlight: rgb(253, 248, 136);
76
77
  --oasys-color-brand-foreground-reviews: rgb(217, 147, 33);
77
- --oasys-color-brand-border-primary: rgb(64, 56, 133);
78
+ --oasys-color-brand-border-primary: rgb(100, 100, 198);
78
79
  --oasys-color-brand-border-primary-on-dark: rgb(255, 255, 255);
79
80
  --oasys-color-brand-border-secondary: rgb(226, 224, 220);
80
- --oasys-color-brand-background-primary: rgb(64, 56, 133);
81
+ --oasys-color-brand-background-primary: rgb(100, 100, 198);
81
82
  --oasys-color-brand-background-secondary: rgb(249, 236, 215);
82
83
  --oasys-color-brand-background-tertiary: rgb(225, 223, 241);
83
84
  --oasys-color-brand-background-quaternary: rgb(45, 84, 67);
@@ -86,13 +87,13 @@
86
87
  --oasys-color-brand-background-progress-bar-active: rgb(253, 248, 136);
87
88
  --oasys-color-brand-background-progress-bar-goal: rgb(255, 255, 255);
88
89
  --oasys-color-brand-background-progress-bar-goal-active: rgb(253, 248, 136);
89
- --oasys-color-brand-background-icon: rgb(64, 56, 133);
90
+ --oasys-color-brand-background-icon: rgb(100, 100, 198);
90
91
  --oasys-color-brand-background-icon-on-dark: rgb(255, 255, 255);
91
92
  --oasys-color-interaction-foreground-primary: rgb(38, 38, 38);
92
93
  --oasys-color-interaction-foreground-primary-on-dark: rgb(255, 255, 255);
93
94
  --oasys-color-interaction-foreground-selected: rgb(38, 38, 38);
94
95
  --oasys-color-interaction-foreground-disabled: rgb(148, 139, 126);
95
- --oasys-color-interaction-background-primary: rgb(64, 56, 133);
96
+ --oasys-color-interaction-background-primary: rgb(100, 100, 198);
96
97
  --oasys-color-interaction-background-primary-on-dark: rgb(253, 248, 136);
97
98
  --oasys-color-interaction-background-expressive: rgb(253, 248, 136);
98
99
  --oasys-color-interaction-background-selected: rgb(252, 245, 234);
@@ -110,34 +111,20 @@
110
111
  --oasys-color-system-background-neutral: rgb(242, 241, 239);
111
112
  --oasys-color-system-background-positive: rgb(240, 246, 244);
112
113
  --oasys-color-system-background-negative: rgb(251, 234, 234);
113
- --oasys-color-rewards-background-primary: rgb(64, 56, 133);
114
+ --oasys-color-rewards-background-primary: rgb(100, 100, 198);
114
115
  --oasys-color-rewards-background-secondary: rgb(249, 236, 215);
115
116
  --oasys-color-rewards-background-tertiary: rgb(225, 223, 241);
116
117
  --oasys-color-rewards-background-progress-bar: rgb(165, 170, 253);
117
118
  --oasys-color-rewards-background-progress-bar-active: rgb(253, 248, 136);
118
119
  --oasys-color-rewards-background-progress-bar-goal: rgb(255, 255, 255);
119
120
  --oasys-color-rewards-background-progress-bar-goal-active: rgb(253, 248, 136);
120
- --oasys-color-rewards-background-icon: rgb(64, 56, 133);
121
+ --oasys-color-rewards-background-icon: rgb(100, 100, 198);
121
122
  --oasys-color-rewards-background-icon-on-dark: rgb(255, 255, 255);
122
- --oasys-color-rewards-foreground-primary: rgb(64, 56, 133);
123
+ --oasys-color-rewards-foreground-primary: rgb(100, 100, 198);
123
124
  --oasys-color-rewards-foreground-primary-on-dark: rgb(255, 255, 255);
124
125
  --oasys-color-rewards-foreground-highlight: rgb(253, 248, 136);
125
- --oasys-color-rewards-border-primary: rgb(64, 56, 133);
126
+ --oasys-color-rewards-border-primary: rgb(100, 100, 198);
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;
@@ -660,6 +647,44 @@
660
647
  --oasys-radius-icon: 99.9rem;
661
648
  --oasys-gutter-large: 4.8rem;
662
649
  --oasys-gutter-small: 2.4rem;
650
+ --oasys-loyalty-tier-1-color-brand-background-primary: rgb(100, 100, 198);
651
+ --oasys-loyalty-tier-1-color-brand-background-secondary: rgb(249, 236, 215);
652
+ --oasys-loyalty-tier-1-color-brand-background-tertiary: rgb(225, 223, 241);
653
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar: rgb(165, 170, 253);
654
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar-active: rgb(253, 248, 136);
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(253, 248, 136);
657
+ --oasys-loyalty-tier-1-color-brand-background-icon: rgb(100, 100, 198);
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(100, 100, 198);
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(253, 248, 136);
662
+ --oasys-loyalty-tier-1-color-brand-border-primary: rgb(100, 100, 198);
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(100, 100, 198);
665
+ --oasys-loyalty-tier-1-color-interaction-background-primary-on-dark: rgb(253, 248, 136);
666
+ --oasys-loyalty-tier-1-radius-primary: 0.2rem;
667
+ --oasys-loyalty-tier-1-radius-secondary: 0.4rem;
668
+ --oasys-loyalty-tier-1-radius-icon: 99.9rem;
669
+ --oasys-loyalty-tier-2-color-brand-background-primary: rgb(64, 56, 133);
670
+ --oasys-loyalty-tier-2-color-brand-background-secondary: rgb(249, 236, 215);
671
+ --oasys-loyalty-tier-2-color-brand-background-tertiary: rgb(238, 237, 247);
672
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar: rgb(165, 170, 253);
673
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar-active: rgb(253, 248, 136);
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(253, 248, 136);
676
+ --oasys-loyalty-tier-2-color-brand-background-icon: rgb(64, 56, 133);
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(64, 56, 133);
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(253, 248, 136);
681
+ --oasys-loyalty-tier-2-color-brand-border-primary: rgb(64, 56, 133);
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(64, 56, 133);
684
+ --oasys-loyalty-tier-2-color-interaction-background-primary-on-dark: rgb(253, 248, 136);
685
+ --oasys-loyalty-tier-2-radius-primary: 0.2rem;
686
+ --oasys-loyalty-tier-2-radius-secondary: 0.4rem;
687
+ --oasys-loyalty-tier-2-radius-icon: 99.9rem;
663
688
  --oasys-component-alert-badge-positive: rgb(68, 121, 100);
664
689
  --oasys-component-alert-badge-neutral: rgb(255, 255, 255);
665
690
  --oasys-component-alert-badge-negative: rgb(201, 17, 17);
@@ -678,7 +703,7 @@
678
703
  --oasys-component-box-border-none: 0;
679
704
  --oasys-component-box-border-primary: 0.1rem;
680
705
  --oasys-component-box-border-prominent: 0.2rem;
681
- --oasys-component-box-border-color-primary: rgb(64, 56, 133);
706
+ --oasys-component-box-border-color-primary: rgb(100, 100, 198);
682
707
  --oasys-component-box-border-color-primary-on-dark: rgb(255, 255, 255);
683
708
  --oasys-component-box-border-color-secondary: rgb(226, 224, 220);
684
709
  --oasys-component-box-border-color-selected: rgb(38, 38, 38);
@@ -697,11 +722,11 @@
697
722
  --oasys-component-button-text-transform: none;
698
723
  --oasys-component-button-content-stack: 0.8rem;
699
724
  --oasys-component-button-content-height: 2rem;
700
- --oasys-component-button-color-primary-background: rgb(64, 56, 133);
701
- --oasys-component-button-color-primary-border: rgb(64, 56, 133);
725
+ --oasys-component-button-color-primary-background: rgb(100, 100, 198);
726
+ --oasys-component-button-color-primary-border: rgb(100, 100, 198);
702
727
  --oasys-component-button-color-primary-text: rgb(255, 255, 255);
703
- --oasys-component-button-color-primary-selected-border: rgb(64, 56, 133);
704
- --oasys-component-button-color-primary-hover-underlay: rgb(64, 56, 133);
728
+ --oasys-component-button-color-primary-selected-border: rgb(100, 100, 198);
729
+ --oasys-component-button-color-primary-hover-underlay: rgb(100, 100, 198);
705
730
  --oasys-component-button-color-primary-hover-overlay: rgb(255, 255, 255);
706
731
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
707
732
  --oasys-component-button-color-secondary-border: rgb(38, 38, 38);
@@ -833,12 +858,12 @@
833
858
  --oasys-component-hero-inset-spacing-large: expanded;
834
859
  --oasys-component-hero-inset-spacing-small: default;
835
860
  --oasys-component-label-type-free-delivery-background: rgb(253, 248, 136);
836
- --oasys-component-label-type-free-delivery-foreground: rgb(64, 56, 133);
861
+ --oasys-component-label-type-free-delivery-foreground: rgb(100, 100, 198);
837
862
  --oasys-component-label-type-featured-background: rgb(253, 248, 136);
838
- --oasys-component-label-type-featured-foreground: rgb(64, 56, 133);
863
+ --oasys-component-label-type-featured-foreground: rgb(100, 100, 198);
839
864
  --oasys-component-label-type-limited-edition-background: rgb(45, 84, 67);
840
865
  --oasys-component-label-type-limited-edition-foreground: rgb(255, 255, 255);
841
- --oasys-component-label-type-rewards-bonus-points-background: rgb(64, 56, 133);
866
+ --oasys-component-label-type-rewards-bonus-points-background: rgb(100, 100, 198);
842
867
  --oasys-component-label-type-rewards-bonus-points-foreground: rgb(253, 248, 136);
843
868
  --oasys-component-price-weight-hero: 500;
844
869
  --oasys-component-price-weight-primary: 500;
@@ -872,6 +897,7 @@
872
897
  --oasys-color-blue-10: rgb(238, 237, 247);
873
898
  --oasys-color-blue-20: rgb(225, 223, 241);
874
899
  --oasys-color-blue-50: rgb(39, 113, 252);
900
+ --oasys-color-blue-55: rgb(100, 100, 198);
875
901
  --oasys-color-blue-60: rgb(64, 56, 133);
876
902
  --oasys-color-red-10: rgb(251, 234, 234);
877
903
  --oasys-color-red-50: rgb(201, 17, 17);
@@ -926,17 +952,17 @@
926
952
  --oasys-color-grey-100: rgb(18, 18, 18);
927
953
  --oasys-color-white: rgb(255, 255, 255);
928
954
  --oasys-color-transparent: rgba(0, 0, 0, 0);
929
- --oasys-color-brand-foreground-primary: rgb(64, 56, 133);
955
+ --oasys-color-brand-foreground-primary: rgb(100, 100, 198);
930
956
  --oasys-color-brand-foreground-secondary: rgb(83, 78, 70);
931
957
  --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
932
958
  --oasys-color-brand-foreground-secondary-on-dark: rgb(226, 224, 220);
933
959
  --oasys-color-brand-foreground-discount: rgb(201, 17, 17);
934
960
  --oasys-color-brand-foreground-highlight: rgb(253, 248, 136);
935
961
  --oasys-color-brand-foreground-reviews: rgb(217, 147, 33);
936
- --oasys-color-brand-border-primary: rgb(64, 56, 133);
962
+ --oasys-color-brand-border-primary: rgb(100, 100, 198);
937
963
  --oasys-color-brand-border-primary-on-dark: rgb(255, 255, 255);
938
964
  --oasys-color-brand-border-secondary: rgb(226, 224, 220);
939
- --oasys-color-brand-background-primary: rgb(64, 56, 133);
965
+ --oasys-color-brand-background-primary: rgb(100, 100, 198);
940
966
  --oasys-color-brand-background-secondary: rgb(249, 236, 215);
941
967
  --oasys-color-brand-background-tertiary: rgb(225, 223, 241);
942
968
  --oasys-color-brand-background-quaternary: rgb(45, 84, 67);
@@ -945,13 +971,13 @@
945
971
  --oasys-color-brand-background-progress-bar-active: rgb(253, 248, 136);
946
972
  --oasys-color-brand-background-progress-bar-goal: rgb(255, 255, 255);
947
973
  --oasys-color-brand-background-progress-bar-goal-active: rgb(253, 248, 136);
948
- --oasys-color-brand-background-icon: rgb(64, 56, 133);
974
+ --oasys-color-brand-background-icon: rgb(100, 100, 198);
949
975
  --oasys-color-brand-background-icon-on-dark: rgb(255, 255, 255);
950
976
  --oasys-color-interaction-foreground-primary: rgb(38, 38, 38);
951
977
  --oasys-color-interaction-foreground-primary-on-dark: rgb(255, 255, 255);
952
978
  --oasys-color-interaction-foreground-selected: rgb(38, 38, 38);
953
979
  --oasys-color-interaction-foreground-disabled: rgb(148, 139, 126);
954
- --oasys-color-interaction-background-primary: rgb(64, 56, 133);
980
+ --oasys-color-interaction-background-primary: rgb(100, 100, 198);
955
981
  --oasys-color-interaction-background-primary-on-dark: rgb(253, 248, 136);
956
982
  --oasys-color-interaction-background-expressive: rgb(253, 248, 136);
957
983
  --oasys-color-interaction-background-selected: rgb(252, 245, 234);
@@ -969,34 +995,20 @@
969
995
  --oasys-color-system-background-neutral: rgb(242, 241, 239);
970
996
  --oasys-color-system-background-positive: rgb(240, 246, 244);
971
997
  --oasys-color-system-background-negative: rgb(251, 234, 234);
972
- --oasys-color-rewards-background-primary: rgb(64, 56, 133);
998
+ --oasys-color-rewards-background-primary: rgb(100, 100, 198);
973
999
  --oasys-color-rewards-background-secondary: rgb(249, 236, 215);
974
1000
  --oasys-color-rewards-background-tertiary: rgb(225, 223, 241);
975
1001
  --oasys-color-rewards-background-progress-bar: rgb(165, 170, 253);
976
1002
  --oasys-color-rewards-background-progress-bar-active: rgb(253, 248, 136);
977
1003
  --oasys-color-rewards-background-progress-bar-goal: rgb(255, 255, 255);
978
1004
  --oasys-color-rewards-background-progress-bar-goal-active: rgb(253, 248, 136);
979
- --oasys-color-rewards-background-icon: rgb(64, 56, 133);
1005
+ --oasys-color-rewards-background-icon: rgb(100, 100, 198);
980
1006
  --oasys-color-rewards-background-icon-on-dark: rgb(255, 255, 255);
981
- --oasys-color-rewards-foreground-primary: rgb(64, 56, 133);
1007
+ --oasys-color-rewards-foreground-primary: rgb(100, 100, 198);
982
1008
  --oasys-color-rewards-foreground-primary-on-dark: rgb(255, 255, 255);
983
1009
  --oasys-color-rewards-foreground-highlight: rgb(253, 248, 136);
984
- --oasys-color-rewards-border-primary: rgb(64, 56, 133);
1010
+ --oasys-color-rewards-border-primary: rgb(100, 100, 198);
985
1011
  --oasys-color-rewards-border-primary-on-dark: rgb(255, 255, 255);
986
- --oasys-color-rewards-tier-2-background-primary: rgb(64, 56, 133);
987
- --oasys-color-rewards-tier-2-background-secondary: rgb(249, 236, 215);
988
- --oasys-color-rewards-tier-2-background-tertiary: rgb(238, 237, 247);
989
- --oasys-color-rewards-tier-2-background-progress-bar: rgb(165, 170, 253);
990
- --oasys-color-rewards-tier-2-background-progress-bar-active: rgb(253, 248, 136);
991
- --oasys-color-rewards-tier-2-background-progress-bar-goal: rgb(255, 255, 255);
992
- --oasys-color-rewards-tier-2-background-progress-bar-goal-active: rgb(253, 248, 136);
993
- --oasys-color-rewards-tier-2-background-icon: rgb(64, 56, 133);
994
- --oasys-color-rewards-tier-2-background-icon-on-dark: rgb(255, 255, 255);
995
- --oasys-color-rewards-tier-2-foreground-primary: rgb(64, 56, 133);
996
- --oasys-color-rewards-tier-2-foreground-primary-on-dark: rgb(255, 255, 255);
997
- --oasys-color-rewards-tier-2-foreground-highlight: rgb(253, 248, 136);
998
- --oasys-color-rewards-tier-2-border-primary: rgb(64, 56, 133);
999
- --oasys-color-rewards-tier-2-border-primary-on-dark: rgb(255, 255, 255);
1000
1012
  --oasys-size-unit-0: 0;
1001
1013
  --oasys-size-unit-1: 0.1rem;
1002
1014
  --oasys-size-unit-2: 0.2rem;
@@ -1519,6 +1531,44 @@
1519
1531
  --oasys-radius-icon: 99.9rem;
1520
1532
  --oasys-gutter-large: 4.8rem;
1521
1533
  --oasys-gutter-small: 2.4rem;
1534
+ --oasys-loyalty-tier-1-color-brand-background-primary: rgb(100, 100, 198);
1535
+ --oasys-loyalty-tier-1-color-brand-background-secondary: rgb(249, 236, 215);
1536
+ --oasys-loyalty-tier-1-color-brand-background-tertiary: rgb(225, 223, 241);
1537
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar: rgb(165, 170, 253);
1538
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar-active: rgb(253, 248, 136);
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(253, 248, 136);
1541
+ --oasys-loyalty-tier-1-color-brand-background-icon: rgb(100, 100, 198);
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(100, 100, 198);
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(253, 248, 136);
1546
+ --oasys-loyalty-tier-1-color-brand-border-primary: rgb(100, 100, 198);
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(100, 100, 198);
1549
+ --oasys-loyalty-tier-1-color-interaction-background-primary-on-dark: rgb(253, 248, 136);
1550
+ --oasys-loyalty-tier-1-radius-primary: 0.2rem;
1551
+ --oasys-loyalty-tier-1-radius-secondary: 0.4rem;
1552
+ --oasys-loyalty-tier-1-radius-icon: 99.9rem;
1553
+ --oasys-loyalty-tier-2-color-brand-background-primary: rgb(64, 56, 133);
1554
+ --oasys-loyalty-tier-2-color-brand-background-secondary: rgb(249, 236, 215);
1555
+ --oasys-loyalty-tier-2-color-brand-background-tertiary: rgb(238, 237, 247);
1556
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar: rgb(165, 170, 253);
1557
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar-active: rgb(253, 248, 136);
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(253, 248, 136);
1560
+ --oasys-loyalty-tier-2-color-brand-background-icon: rgb(64, 56, 133);
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(64, 56, 133);
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(253, 248, 136);
1565
+ --oasys-loyalty-tier-2-color-brand-border-primary: rgb(64, 56, 133);
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(64, 56, 133);
1568
+ --oasys-loyalty-tier-2-color-interaction-background-primary-on-dark: rgb(253, 248, 136);
1569
+ --oasys-loyalty-tier-2-radius-primary: 0.2rem;
1570
+ --oasys-loyalty-tier-2-radius-secondary: 0.4rem;
1571
+ --oasys-loyalty-tier-2-radius-icon: 99.9rem;
1522
1572
  --oasys-component-alert-badge-positive: rgb(68, 121, 100);
1523
1573
  --oasys-component-alert-badge-neutral: rgb(255, 255, 255);
1524
1574
  --oasys-component-alert-badge-negative: rgb(201, 17, 17);
@@ -1537,7 +1587,7 @@
1537
1587
  --oasys-component-box-border-none: 0;
1538
1588
  --oasys-component-box-border-primary: 0.1rem;
1539
1589
  --oasys-component-box-border-prominent: 0.2rem;
1540
- --oasys-component-box-border-color-primary: rgb(64, 56, 133);
1590
+ --oasys-component-box-border-color-primary: rgb(100, 100, 198);
1541
1591
  --oasys-component-box-border-color-primary-on-dark: rgb(255, 255, 255);
1542
1592
  --oasys-component-box-border-color-secondary: rgb(226, 224, 220);
1543
1593
  --oasys-component-box-border-color-selected: rgb(38, 38, 38);
@@ -1556,11 +1606,11 @@
1556
1606
  --oasys-component-button-text-transform: none;
1557
1607
  --oasys-component-button-content-stack: 0.8rem;
1558
1608
  --oasys-component-button-content-height: 2rem;
1559
- --oasys-component-button-color-primary-background: rgb(64, 56, 133);
1560
- --oasys-component-button-color-primary-border: rgb(64, 56, 133);
1609
+ --oasys-component-button-color-primary-background: rgb(100, 100, 198);
1610
+ --oasys-component-button-color-primary-border: rgb(100, 100, 198);
1561
1611
  --oasys-component-button-color-primary-text: rgb(255, 255, 255);
1562
- --oasys-component-button-color-primary-selected-border: rgb(64, 56, 133);
1563
- --oasys-component-button-color-primary-hover-underlay: rgb(64, 56, 133);
1612
+ --oasys-component-button-color-primary-selected-border: rgb(100, 100, 198);
1613
+ --oasys-component-button-color-primary-hover-underlay: rgb(100, 100, 198);
1564
1614
  --oasys-component-button-color-primary-hover-overlay: rgb(255, 255, 255);
1565
1615
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
1566
1616
  --oasys-component-button-color-secondary-border: rgb(38, 38, 38);
@@ -1692,12 +1742,12 @@
1692
1742
  --oasys-component-hero-inset-spacing-large: expanded;
1693
1743
  --oasys-component-hero-inset-spacing-small: default;
1694
1744
  --oasys-component-label-type-free-delivery-background: rgb(253, 248, 136);
1695
- --oasys-component-label-type-free-delivery-foreground: rgb(64, 56, 133);
1745
+ --oasys-component-label-type-free-delivery-foreground: rgb(100, 100, 198);
1696
1746
  --oasys-component-label-type-featured-background: rgb(253, 248, 136);
1697
- --oasys-component-label-type-featured-foreground: rgb(64, 56, 133);
1747
+ --oasys-component-label-type-featured-foreground: rgb(100, 100, 198);
1698
1748
  --oasys-component-label-type-limited-edition-background: rgb(45, 84, 67);
1699
1749
  --oasys-component-label-type-limited-edition-foreground: rgb(255, 255, 255);
1700
- --oasys-component-label-type-rewards-bonus-points-background: rgb(64, 56, 133);
1750
+ --oasys-component-label-type-rewards-bonus-points-background: rgb(100, 100, 198);
1701
1751
  --oasys-component-label-type-rewards-bonus-points-foreground: rgb(253, 248, 136);
1702
1752
  --oasys-component-price-weight-hero: 500;
1703
1753
  --oasys-component-price-weight-primary: 500;