oasys-lib 2.41.1 → 2.42.1

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 (13) hide show
  1. package/fesm2022/oasys-lib.mjs +2 -2
  2. package/fesm2022/oasys-lib.mjs.map +1 -1
  3. package/index.d.ts +1 -1
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
  6. package/src/assets/bloomandwild/icons/icons.svg +1 -1
  7. package/src/assets/bloomandwild/variables.css +45 -20
  8. package/src/assets/bloomandwild-loyalty-tier-1/variables.css +113 -63
  9. package/src/assets/bloomandwild-loyalty-tier-2/variables.css +121 -65
  10. package/src/assets/bloomon/variables.css +40 -15
  11. package/src/assets/bloomon-loyalty-tier-1/variables.css +79 -29
  12. package/src/assets/bloomon-loyalty-tier-2/variables.css +143 -87
  13. package/src/assets/global/scss-breakpoints.scss +1 -1
package/src/assets/bloomandwild-loyalty-tier-2/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 23 Jul 2026 09:09:12 GMT
3
+ * Generated on Wed, 29 Jul 2026 08:45:05 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomandwild-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);
@@ -92,8 +93,8 @@
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(38, 38, 38);
96
- --oasys-color-interaction-background-primary-on-dark: rgb(255, 255, 255);
96
+ --oasys-color-interaction-background-primary: rgb(64, 56, 133);
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);
99
100
  --oasys-color-interaction-background-disabled: rgb(242, 241, 239);
@@ -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;
@@ -655,8 +642,49 @@
655
642
  --oasys-radius-rewards-primary: 0.2rem;
656
643
  --oasys-radius-rewards-secondary: 0.4rem;
657
644
  --oasys-radius-rewards-icon: 99.9rem;
645
+ --oasys-radius-primary: 0.2rem;
646
+ --oasys-radius-secondary: 0.4rem;
647
+ --oasys-radius-icon: 99.9rem;
658
648
  --oasys-gutter-large: 4.8rem;
659
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;
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);
@@ -694,11 +722,11 @@
694
722
  --oasys-component-button-text-transform: none;
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(38, 38, 38);
698
- --oasys-component-button-color-primary-border: rgb(38, 38, 38);
725
+ --oasys-component-button-color-primary-background: rgb(64, 56, 133);
726
+ --oasys-component-button-color-primary-border: rgb(64, 56, 133);
699
727
  --oasys-component-button-color-primary-text: rgb(255, 255, 255);
700
- --oasys-component-button-color-primary-selected-border: rgb(38, 38, 38);
701
- --oasys-component-button-color-primary-hover-underlay: rgb(38, 38, 38);
728
+ --oasys-component-button-color-primary-selected-border: rgb(64, 56, 133);
729
+ --oasys-component-button-color-primary-hover-underlay: rgb(64, 56, 133);
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(38, 38, 38);
@@ -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(38, 38, 38);
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(253, 248, 136);
744
+ --oasys-component-button-color-primary-inverse-border: rgb(253, 248, 136);
717
745
  --oasys-component-button-color-primary-inverse-text: rgb(38, 38, 38);
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(253, 248, 136);
747
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(253, 248, 136);
720
748
  --oasys-component-button-color-primary-inverse-hover-overlay: rgb(38, 38, 38);
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(253, 248, 136);
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(253, 248, 136);
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(253, 248, 136);
773
801
  --oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(253, 248, 136);
774
802
  --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(38, 38, 38);
775
- --oasys-component-button-color-chip-background: rgb(255, 255, 255);
803
+ --oasys-component-button-color-chip-background: rgb(253, 248, 136);
776
804
  --oasys-component-button-color-chip-border: rgb(226, 224, 220);
777
805
  --oasys-component-button-color-chip-text: rgb(38, 38, 38);
778
806
  --oasys-component-button-color-chip-selected-border: rgb(38, 38, 38);
@@ -835,7 +863,7 @@
835
863
  --oasys-component-label-type-featured-foreground: rgb(64, 56, 133);
836
864
  --oasys-component-label-type-limited-edition-background: rgb(45, 84, 67);
837
865
  --oasys-component-label-type-limited-edition-foreground: rgb(255, 255, 255);
838
- --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);
839
867
  --oasys-component-label-type-rewards-bonus-points-foreground: rgb(253, 248, 136);
840
868
  --oasys-component-price-weight-hero: 500;
841
869
  --oasys-component-price-weight-primary: 500;
@@ -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);
@@ -948,8 +977,8 @@
948
977
  --oasys-color-interaction-foreground-primary-on-dark: rgb(255, 255, 255);
949
978
  --oasys-color-interaction-foreground-selected: rgb(38, 38, 38);
950
979
  --oasys-color-interaction-foreground-disabled: rgb(148, 139, 126);
951
- --oasys-color-interaction-background-primary: rgb(38, 38, 38);
952
- --oasys-color-interaction-background-primary-on-dark: rgb(255, 255, 255);
980
+ --oasys-color-interaction-background-primary: rgb(64, 56, 133);
981
+ --oasys-color-interaction-background-primary-on-dark: rgb(253, 248, 136);
953
982
  --oasys-color-interaction-background-expressive: rgb(253, 248, 136);
954
983
  --oasys-color-interaction-background-selected: rgb(252, 245, 234);
955
984
  --oasys-color-interaction-background-disabled: rgb(242, 241, 239);
@@ -966,34 +995,20 @@
966
995
  --oasys-color-system-background-neutral: rgb(242, 241, 239);
967
996
  --oasys-color-system-background-positive: rgb(240, 246, 244);
968
997
  --oasys-color-system-background-negative: rgb(251, 234, 234);
969
- --oasys-color-rewards-background-primary: rgb(64, 56, 133);
998
+ --oasys-color-rewards-background-primary: rgb(100, 100, 198);
970
999
  --oasys-color-rewards-background-secondary: rgb(249, 236, 215);
971
1000
  --oasys-color-rewards-background-tertiary: rgb(225, 223, 241);
972
1001
  --oasys-color-rewards-background-progress-bar: rgb(165, 170, 253);
973
1002
  --oasys-color-rewards-background-progress-bar-active: rgb(253, 248, 136);
974
1003
  --oasys-color-rewards-background-progress-bar-goal: rgb(255, 255, 255);
975
1004
  --oasys-color-rewards-background-progress-bar-goal-active: rgb(253, 248, 136);
976
- --oasys-color-rewards-background-icon: rgb(64, 56, 133);
1005
+ --oasys-color-rewards-background-icon: rgb(100, 100, 198);
977
1006
  --oasys-color-rewards-background-icon-on-dark: rgb(255, 255, 255);
978
- --oasys-color-rewards-foreground-primary: rgb(64, 56, 133);
1007
+ --oasys-color-rewards-foreground-primary: rgb(100, 100, 198);
979
1008
  --oasys-color-rewards-foreground-primary-on-dark: rgb(255, 255, 255);
980
1009
  --oasys-color-rewards-foreground-highlight: rgb(253, 248, 136);
981
- --oasys-color-rewards-border-primary: rgb(64, 56, 133);
1010
+ --oasys-color-rewards-border-primary: rgb(100, 100, 198);
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.2rem;
1512
1527
  --oasys-radius-rewards-secondary: 0.4rem;
1513
1528
  --oasys-radius-rewards-icon: 99.9rem;
1529
+ --oasys-radius-primary: 0.2rem;
1530
+ --oasys-radius-secondary: 0.4rem;
1531
+ --oasys-radius-icon: 99.9rem;
1514
1532
  --oasys-gutter-large: 4.8rem;
1515
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;
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);
@@ -1550,11 +1606,11 @@
1550
1606
  --oasys-component-button-text-transform: none;
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(38, 38, 38);
1554
- --oasys-component-button-color-primary-border: rgb(38, 38, 38);
1609
+ --oasys-component-button-color-primary-background: rgb(64, 56, 133);
1610
+ --oasys-component-button-color-primary-border: rgb(64, 56, 133);
1555
1611
  --oasys-component-button-color-primary-text: rgb(255, 255, 255);
1556
- --oasys-component-button-color-primary-selected-border: rgb(38, 38, 38);
1557
- --oasys-component-button-color-primary-hover-underlay: rgb(38, 38, 38);
1612
+ --oasys-component-button-color-primary-selected-border: rgb(64, 56, 133);
1613
+ --oasys-component-button-color-primary-hover-underlay: rgb(64, 56, 133);
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(38, 38, 38);
@@ -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(38, 38, 38);
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(253, 248, 136);
1628
+ --oasys-component-button-color-primary-inverse-border: rgb(253, 248, 136);
1573
1629
  --oasys-component-button-color-primary-inverse-text: rgb(38, 38, 38);
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(253, 248, 136);
1631
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(253, 248, 136);
1576
1632
  --oasys-component-button-color-primary-inverse-hover-overlay: rgb(38, 38, 38);
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(253, 248, 136);
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(253, 248, 136);
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(253, 248, 136);
1629
1685
  --oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(253, 248, 136);
1630
1686
  --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(38, 38, 38);
1631
- --oasys-component-button-color-chip-background: rgb(255, 255, 255);
1687
+ --oasys-component-button-color-chip-background: rgb(253, 248, 136);
1632
1688
  --oasys-component-button-color-chip-border: rgb(226, 224, 220);
1633
1689
  --oasys-component-button-color-chip-text: rgb(38, 38, 38);
1634
1690
  --oasys-component-button-color-chip-selected-border: rgb(38, 38, 38);
@@ -1691,7 +1747,7 @@
1691
1747
  --oasys-component-label-type-featured-foreground: rgb(64, 56, 133);
1692
1748
  --oasys-component-label-type-limited-edition-background: rgb(45, 84, 67);
1693
1749
  --oasys-component-label-type-limited-edition-foreground: rgb(255, 255, 255);
1694
- --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);
1695
1751
  --oasys-component-label-type-rewards-bonus-points-foreground: rgb(253, 248, 136);
1696
1752
  --oasys-component-price-weight-hero: 500;
1697
1753
  --oasys-component-price-weight-primary: 500;
package/src/assets/bloomon/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 23 Jul 2026 09:09:12 GMT
3
+ * Generated on Wed, 29 Jul 2026 08:45:05 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomon {
@@ -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);
@@ -118,20 +119,6 @@
118
119
  --oasys-color-rewards-foreground-highlight: rgb(255, 247, 153);
119
120
  --oasys-color-rewards-border-primary: rgb(75, 24, 67);
120
121
  --oasys-color-rewards-border-primary-on-dark: rgb(255, 255, 255);
121
- --oasys-color-rewards-tier-2-background-primary: rgb(64, 56, 133);
122
- --oasys-color-rewards-tier-2-background-secondary: rgb(249, 236, 215);
123
- --oasys-color-rewards-tier-2-background-tertiary: rgb(238, 237, 247);
124
- --oasys-color-rewards-tier-2-background-progress-bar: rgb(165, 170, 253);
125
- --oasys-color-rewards-tier-2-background-progress-bar-active: rgb(253, 248, 136);
126
- --oasys-color-rewards-tier-2-background-progress-bar-goal: rgb(255, 255, 255);
127
- --oasys-color-rewards-tier-2-background-progress-bar-goal-active: rgb(253, 248, 136);
128
- --oasys-color-rewards-tier-2-background-icon: rgb(64, 56, 133);
129
- --oasys-color-rewards-tier-2-background-icon-on-dark: rgb(255, 255, 255);
130
- --oasys-color-rewards-tier-2-foreground-primary: rgb(64, 56, 133);
131
- --oasys-color-rewards-tier-2-foreground-primary-on-dark: rgb(255, 255, 255);
132
- --oasys-color-rewards-tier-2-foreground-highlight: rgb(253, 248, 136);
133
- --oasys-color-rewards-tier-2-border-primary: rgb(64, 56, 133);
134
- --oasys-color-rewards-tier-2-border-primary-on-dark: rgb(255, 255, 255);
135
122
  --oasys-size-unit-0: 0;
136
123
  --oasys-size-unit-1: 0.1rem;
137
124
  --oasys-size-unit-2: 0.2rem;
@@ -651,6 +638,44 @@
651
638
  --oasys-radius-rewards-icon: 99.9rem;
652
639
  --oasys-gutter-small: 1.6rem;
653
640
  --oasys-gutter-large: 6.4rem;
641
+ --oasys-loyalty-tier-1-color-brand-background-primary: rgb(75, 24, 67);
642
+ --oasys-loyalty-tier-1-color-brand-background-secondary: rgb(255, 247, 229);
643
+ --oasys-loyalty-tier-1-color-brand-background-tertiary: rgb(243, 206, 237);
644
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar: rgb(117, 42, 105);
645
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar-active: rgb(255, 247, 153);
646
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar-goal: rgb(255, 255, 255);
647
+ --oasys-loyalty-tier-1-color-brand-background-progress-bar-goal-active: rgb(255, 247, 153);
648
+ --oasys-loyalty-tier-1-color-brand-background-icon: rgb(75, 24, 67);
649
+ --oasys-loyalty-tier-1-color-brand-background-icon-on-dark: rgb(255, 255, 255);
650
+ --oasys-loyalty-tier-1-color-brand-foreground-primary: rgb(117, 42, 105);
651
+ --oasys-loyalty-tier-1-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
652
+ --oasys-loyalty-tier-1-color-brand-foreground-highlight: rgb(255, 247, 153);
653
+ --oasys-loyalty-tier-1-color-brand-border-primary: rgb(75, 24, 67);
654
+ --oasys-loyalty-tier-1-color-brand-border-primary-on-dark: rgb(255, 255, 255);
655
+ --oasys-loyalty-tier-1-color-interaction-background-primary: rgb(75, 24, 67);
656
+ --oasys-loyalty-tier-1-color-interaction-background-primary-on-dark: rgb(255, 247, 153);
657
+ --oasys-loyalty-tier-1-radius-primary: 0.8rem;
658
+ --oasys-loyalty-tier-1-radius-secondary: 1.6rem;
659
+ --oasys-loyalty-tier-1-radius-icon: 99.9rem;
660
+ --oasys-loyalty-tier-2-color-brand-background-primary: rgb(75, 24, 67);
661
+ --oasys-loyalty-tier-2-color-brand-background-secondary: rgb(255, 247, 229);
662
+ --oasys-loyalty-tier-2-color-brand-background-tertiary: rgb(243, 206, 237);
663
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar: rgb(117, 42, 105);
664
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar-active: rgb(255, 247, 153);
665
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar-goal: rgb(255, 255, 255);
666
+ --oasys-loyalty-tier-2-color-brand-background-progress-bar-goal-active: rgb(255, 247, 153);
667
+ --oasys-loyalty-tier-2-color-brand-background-icon: rgb(75, 24, 67);
668
+ --oasys-loyalty-tier-2-color-brand-background-icon-on-dark: rgb(255, 255, 255);
669
+ --oasys-loyalty-tier-2-color-brand-foreground-primary: rgb(117, 42, 105);
670
+ --oasys-loyalty-tier-2-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
671
+ --oasys-loyalty-tier-2-color-brand-foreground-highlight: rgb(255, 247, 153);
672
+ --oasys-loyalty-tier-2-color-brand-border-primary: rgb(75, 24, 67);
673
+ --oasys-loyalty-tier-2-color-brand-border-primary-on-dark: rgb(255, 255, 255);
674
+ --oasys-loyalty-tier-2-color-interaction-background-primary: rgb(75, 24, 67);
675
+ --oasys-loyalty-tier-2-color-interaction-background-primary-on-dark: rgb(255, 247, 153);
676
+ --oasys-loyalty-tier-2-radius-primary: 0.8rem;
677
+ --oasys-loyalty-tier-2-radius-secondary: 1.6rem;
678
+ --oasys-loyalty-tier-2-radius-icon: 99.9rem;
654
679
  --oasys-component-alert-badge-positive: rgb(68, 121, 100);
655
680
  --oasys-component-alert-badge-neutral: rgb(255, 255, 255);
656
681
  --oasys-component-alert-badge-negative: rgb(201, 17, 17);
package/src/assets/bloomon-loyalty-tier-1/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 23 Jul 2026 09:09:13 GMT
3
+ * Generated on Wed, 29 Jul 2026 08:45:06 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomon-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);
@@ -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;
@@ -660,6 +647,44 @@
660
647
  --oasys-radius-icon: 99.9rem;
661
648
  --oasys-gutter-small: 1.6rem;
662
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;
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);
@@ -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);
@@ -983,20 +1009,6 @@
983
1009
  --oasys-color-rewards-foreground-highlight: rgb(255, 247, 153);
984
1010
  --oasys-color-rewards-border-primary: rgb(75, 24, 67);
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-small: 1.6rem;
1521
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;
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);