oasys-lib 3.3.1 → 3.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/package.json +1 -1
  2. package/src/assets/bergamotte/variables.css +20 -11
  3. package/src/assets/bergamotte-loyalty-tier-1/variables.css +33 -15
  4. package/src/assets/bergamotte-loyalty-tier-2/variables.css +33 -15
  5. package/src/assets/bloomandwild/variables.css +10 -1
  6. package/src/assets/bloomandwild-loyalty-tier-1/variables.css +19 -1
  7. package/src/assets/bloomandwild-loyalty-tier-2/variables.css +19 -1
  8. package/src/assets/bloomon/variables.css +10 -1
  9. package/src/assets/bloomon-loyalty-tier-1/variables.css +19 -1
  10. package/src/assets/bloomon-loyalty-tier-2/variables.css +19 -1
  11. package/src/assets/global/scss-breakpoints.scss +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oasys-lib",
3
- "version": "3.3.1",
3
+ "version": "3.4.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "21.2.21",
6
6
  "@angular/core": "21.2.21",
package/src/assets/bergamotte/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 23 Sep 2026 10:50:34 GMT
3
+ * Generated on Wed, 23 Sep 2026 14:44:20 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bergamotte {
@@ -68,9 +68,11 @@
68
68
  --oasys-color-grey-100: rgb(18, 18, 18);
69
69
  --oasys-color-white: rgb(255, 255, 255);
70
70
  --oasys-color-transparent: rgba(0, 0, 0, 0);
71
- --oasys-color-brand-foreground-primary: rgb(245, 53, 170);
71
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
72
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
73
+ --oasys-color-brand-foreground-primary: rgb(56, 55, 55);
72
74
  --oasys-color-brand-foreground-secondary: rgb(245, 53, 170);
73
- --oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
75
+ --oasys-color-brand-foreground-primary-on-dark: rgb(247, 246, 243);
74
76
  --oasys-color-brand-foreground-secondary-on-dark: rgb(245, 53, 170);
75
77
  --oasys-color-brand-foreground-discount: rgb(245, 53, 170);
76
78
  --oasys-color-brand-foreground-highlight: rgb(245, 53, 170);
@@ -83,11 +85,11 @@
83
85
  --oasys-color-brand-background-tertiary: rgb(253, 213, 238);
84
86
  --oasys-color-brand-background-quaternary: rgb(253, 213, 238);
85
87
  --oasys-color-brand-background-highlight: rgb(253, 213, 238);
86
- --oasys-color-interaction-foreground-primary: rgb(245, 53, 170);
88
+ --oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
87
89
  --oasys-color-interaction-foreground-primary-on-dark: rgb(245, 53, 170);
88
- --oasys-color-interaction-foreground-selected: rgb(245, 53, 170);
90
+ --oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
89
91
  --oasys-color-interaction-foreground-disabled: rgb(245, 53, 170);
90
- --oasys-color-interaction-background-primary: rgb(253, 213, 238);
92
+ --oasys-color-interaction-background-primary: rgb(56, 55, 55);
91
93
  --oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
92
94
  --oasys-color-interaction-background-expressive: rgb(253, 213, 238);
93
95
  --oasys-color-interaction-background-selected: rgb(253, 213, 238);
@@ -119,6 +121,13 @@
119
121
  --oasys-color-rewards-foreground-highlight: rgb(245, 53, 170);
120
122
  --oasys-color-rewards-border-primary: rgb(251, 173, 221);
121
123
  --oasys-color-rewards-border-primary-on-dark: rgb(251, 173, 221);
124
+ --oasys-color-sage-60: rgb(0, 0, 0);
125
+ --oasys-color-juniper-80: rgb(0, 0, 0);
126
+ --oasys-color-clay-50: rgb(182, 107, 85);
127
+ --oasys-color-clay-60: rgb(158, 80, 57);
128
+ --oasys-color-slate-80: rgb(56, 55, 55);
129
+ --oasys-color-slate-90: rgb(28, 28, 28);
130
+ --oasys-color-cotton-10: rgb(247, 246, 243);
122
131
  --oasys-size-unit-0: 0;
123
132
  --oasys-size-unit-1: 0.1rem;
124
133
  --oasys-size-unit-2: 0.2rem;
@@ -713,12 +722,12 @@
713
722
  --oasys-component-button-text-transform: none;
714
723
  --oasys-component-button-content-stack: 0.8rem;
715
724
  --oasys-component-button-content-height: 2rem;
716
- --oasys-component-button-color-primary-background: #FBADDD;
717
- --oasys-component-button-color-primary-border: #FBADDD;
725
+ --oasys-component-button-color-primary-background: rgb(56, 55, 55);
726
+ --oasys-component-button-color-primary-border: rgb(56, 55, 55);
718
727
  --oasys-component-button-color-primary-text: #F535AA;
719
- --oasys-component-button-color-primary-selected-border: #FBADDD;
720
- --oasys-component-button-color-primary-hover-underlay: #FBADDD;
721
- --oasys-component-button-color-primary-hover-overlay: #FBADDD;
728
+ --oasys-component-button-color-primary-selected-border: rgb(56, 55, 55);
729
+ --oasys-component-button-color-primary-hover-underlay: rgb(56, 55, 55);
730
+ --oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
722
731
  --oasys-component-button-color-secondary-background: #FDD5EE;
723
732
  --oasys-component-button-color-secondary-border: #FBADDD;
724
733
  --oasys-component-button-color-secondary-text: #F535AA;
package/src/assets/bergamotte-loyalty-tier-1/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 23 Sep 2026 10:50:35 GMT
3
+ * Generated on Wed, 23 Sep 2026 14:44:20 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bergamotte-loyalty-tier-1 {
@@ -68,6 +68,8 @@
68
68
  --oasys-color-grey-100: rgb(18, 18, 18);
69
69
  --oasys-color-white: rgb(255, 255, 255);
70
70
  --oasys-color-transparent: rgba(0, 0, 0, 0);
71
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
72
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
71
73
  --oasys-color-brand-foreground-primary: rgb(245, 53, 170);
72
74
  --oasys-color-brand-foreground-secondary: rgb(245, 53, 170);
73
75
  --oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
@@ -89,9 +91,9 @@
89
91
  --oasys-color-brand-background-progress-bar-goal-active: #FDD5EE;
90
92
  --oasys-color-brand-background-icon: #FDD5EE;
91
93
  --oasys-color-brand-background-icon-on-dark: #FDD5EE;
92
- --oasys-color-interaction-foreground-primary: rgb(245, 53, 170);
94
+ --oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
93
95
  --oasys-color-interaction-foreground-primary-on-dark: rgb(245, 53, 170);
94
- --oasys-color-interaction-foreground-selected: rgb(245, 53, 170);
96
+ --oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
95
97
  --oasys-color-interaction-foreground-disabled: rgb(245, 53, 170);
96
98
  --oasys-color-interaction-background-primary: rgb(253, 213, 238);
97
99
  --oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
@@ -125,6 +127,13 @@
125
127
  --oasys-color-rewards-foreground-highlight: rgb(245, 53, 170);
126
128
  --oasys-color-rewards-border-primary: rgb(251, 173, 221);
127
129
  --oasys-color-rewards-border-primary-on-dark: rgb(251, 173, 221);
130
+ --oasys-color-sage-60: rgb(0, 0, 0);
131
+ --oasys-color-juniper-80: rgb(0, 0, 0);
132
+ --oasys-color-clay-50: rgb(182, 107, 85);
133
+ --oasys-color-clay-60: rgb(158, 80, 57);
134
+ --oasys-color-slate-80: rgb(56, 55, 55);
135
+ --oasys-color-slate-90: rgb(28, 28, 28);
136
+ --oasys-color-cotton-10: rgb(247, 246, 243);
128
137
  --oasys-size-unit-0: 0;
129
138
  --oasys-size-unit-1: 0.1rem;
130
139
  --oasys-size-unit-2: 0.2rem;
@@ -722,12 +731,12 @@
722
731
  --oasys-component-button-text-transform: none;
723
732
  --oasys-component-button-content-stack: 0.8rem;
724
733
  --oasys-component-button-content-height: 2rem;
725
- --oasys-component-button-color-primary-background: #FBADDD;
726
- --oasys-component-button-color-primary-border: #FBADDD;
734
+ --oasys-component-button-color-primary-background: rgb(253, 213, 238);
735
+ --oasys-component-button-color-primary-border: rgb(253, 213, 238);
727
736
  --oasys-component-button-color-primary-text: #F535AA;
728
- --oasys-component-button-color-primary-selected-border: #FBADDD;
729
- --oasys-component-button-color-primary-hover-underlay: #FBADDD;
730
- --oasys-component-button-color-primary-hover-overlay: #FBADDD;
737
+ --oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
738
+ --oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
739
+ --oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
731
740
  --oasys-component-button-color-secondary-background: #FDD5EE;
732
741
  --oasys-component-button-color-secondary-border: #FBADDD;
733
742
  --oasys-component-button-color-secondary-text: #F535AA;
@@ -954,6 +963,8 @@
954
963
  --oasys-color-grey-100: rgb(18, 18, 18);
955
964
  --oasys-color-white: rgb(255, 255, 255);
956
965
  --oasys-color-transparent: rgba(0, 0, 0, 0);
966
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
967
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
957
968
  --oasys-color-brand-foreground-primary: rgb(245, 53, 170);
958
969
  --oasys-color-brand-foreground-secondary: rgb(245, 53, 170);
959
970
  --oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
@@ -975,9 +986,9 @@
975
986
  --oasys-color-brand-background-progress-bar-goal-active: #FDD5EE;
976
987
  --oasys-color-brand-background-icon: #FDD5EE;
977
988
  --oasys-color-brand-background-icon-on-dark: #FDD5EE;
978
- --oasys-color-interaction-foreground-primary: rgb(245, 53, 170);
989
+ --oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
979
990
  --oasys-color-interaction-foreground-primary-on-dark: rgb(245, 53, 170);
980
- --oasys-color-interaction-foreground-selected: rgb(245, 53, 170);
991
+ --oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
981
992
  --oasys-color-interaction-foreground-disabled: rgb(245, 53, 170);
982
993
  --oasys-color-interaction-background-primary: rgb(253, 213, 238);
983
994
  --oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
@@ -1011,6 +1022,13 @@
1011
1022
  --oasys-color-rewards-foreground-highlight: rgb(245, 53, 170);
1012
1023
  --oasys-color-rewards-border-primary: rgb(251, 173, 221);
1013
1024
  --oasys-color-rewards-border-primary-on-dark: rgb(251, 173, 221);
1025
+ --oasys-color-sage-60: rgb(0, 0, 0);
1026
+ --oasys-color-juniper-80: rgb(0, 0, 0);
1027
+ --oasys-color-clay-50: rgb(182, 107, 85);
1028
+ --oasys-color-clay-60: rgb(158, 80, 57);
1029
+ --oasys-color-slate-80: rgb(56, 55, 55);
1030
+ --oasys-color-slate-90: rgb(28, 28, 28);
1031
+ --oasys-color-cotton-10: rgb(247, 246, 243);
1014
1032
  --oasys-size-unit-0: 0;
1015
1033
  --oasys-size-unit-1: 0.1rem;
1016
1034
  --oasys-size-unit-2: 0.2rem;
@@ -1608,12 +1626,12 @@
1608
1626
  --oasys-component-button-text-transform: none;
1609
1627
  --oasys-component-button-content-stack: 0.8rem;
1610
1628
  --oasys-component-button-content-height: 2rem;
1611
- --oasys-component-button-color-primary-background: #FBADDD;
1612
- --oasys-component-button-color-primary-border: #FBADDD;
1629
+ --oasys-component-button-color-primary-background: rgb(253, 213, 238);
1630
+ --oasys-component-button-color-primary-border: rgb(253, 213, 238);
1613
1631
  --oasys-component-button-color-primary-text: #F535AA;
1614
- --oasys-component-button-color-primary-selected-border: #FBADDD;
1615
- --oasys-component-button-color-primary-hover-underlay: #FBADDD;
1616
- --oasys-component-button-color-primary-hover-overlay: #FBADDD;
1632
+ --oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
1633
+ --oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
1634
+ --oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
1617
1635
  --oasys-component-button-color-secondary-background: #FDD5EE;
1618
1636
  --oasys-component-button-color-secondary-border: #FBADDD;
1619
1637
  --oasys-component-button-color-secondary-text: #F535AA;
package/src/assets/bergamotte-loyalty-tier-2/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 23 Sep 2026 10:50:35 GMT
3
+ * Generated on Wed, 23 Sep 2026 14:44:20 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bergamotte-loyalty-tier-2 {
@@ -68,6 +68,8 @@
68
68
  --oasys-color-grey-100: rgb(18, 18, 18);
69
69
  --oasys-color-white: rgb(255, 255, 255);
70
70
  --oasys-color-transparent: rgba(0, 0, 0, 0);
71
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
72
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
71
73
  --oasys-color-brand-foreground-primary: rgb(245, 53, 170);
72
74
  --oasys-color-brand-foreground-secondary: rgb(245, 53, 170);
73
75
  --oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
@@ -89,9 +91,9 @@
89
91
  --oasys-color-brand-background-progress-bar-goal-active: #FDD5EE;
90
92
  --oasys-color-brand-background-icon: #FDD5EE;
91
93
  --oasys-color-brand-background-icon-on-dark: #FDD5EE;
92
- --oasys-color-interaction-foreground-primary: rgb(245, 53, 170);
94
+ --oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
93
95
  --oasys-color-interaction-foreground-primary-on-dark: rgb(245, 53, 170);
94
- --oasys-color-interaction-foreground-selected: rgb(245, 53, 170);
96
+ --oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
95
97
  --oasys-color-interaction-foreground-disabled: rgb(245, 53, 170);
96
98
  --oasys-color-interaction-background-primary: rgb(253, 213, 238);
97
99
  --oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
@@ -125,6 +127,13 @@
125
127
  --oasys-color-rewards-foreground-highlight: rgb(245, 53, 170);
126
128
  --oasys-color-rewards-border-primary: rgb(251, 173, 221);
127
129
  --oasys-color-rewards-border-primary-on-dark: rgb(251, 173, 221);
130
+ --oasys-color-sage-60: rgb(0, 0, 0);
131
+ --oasys-color-juniper-80: rgb(0, 0, 0);
132
+ --oasys-color-clay-50: rgb(182, 107, 85);
133
+ --oasys-color-clay-60: rgb(158, 80, 57);
134
+ --oasys-color-slate-80: rgb(56, 55, 55);
135
+ --oasys-color-slate-90: rgb(28, 28, 28);
136
+ --oasys-color-cotton-10: rgb(247, 246, 243);
128
137
  --oasys-size-unit-0: 0;
129
138
  --oasys-size-unit-1: 0.1rem;
130
139
  --oasys-size-unit-2: 0.2rem;
@@ -722,12 +731,12 @@
722
731
  --oasys-component-button-text-transform: none;
723
732
  --oasys-component-button-content-stack: 0.8rem;
724
733
  --oasys-component-button-content-height: 2rem;
725
- --oasys-component-button-color-primary-background: #FBADDD;
726
- --oasys-component-button-color-primary-border: #FBADDD;
734
+ --oasys-component-button-color-primary-background: rgb(253, 213, 238);
735
+ --oasys-component-button-color-primary-border: rgb(253, 213, 238);
727
736
  --oasys-component-button-color-primary-text: #F535AA;
728
- --oasys-component-button-color-primary-selected-border: #FBADDD;
729
- --oasys-component-button-color-primary-hover-underlay: #FBADDD;
730
- --oasys-component-button-color-primary-hover-overlay: #FBADDD;
737
+ --oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
738
+ --oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
739
+ --oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
731
740
  --oasys-component-button-color-secondary-background: #FDD5EE;
732
741
  --oasys-component-button-color-secondary-border: #FBADDD;
733
742
  --oasys-component-button-color-secondary-text: #F535AA;
@@ -954,6 +963,8 @@
954
963
  --oasys-color-grey-100: rgb(18, 18, 18);
955
964
  --oasys-color-white: rgb(255, 255, 255);
956
965
  --oasys-color-transparent: rgba(0, 0, 0, 0);
966
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
967
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
957
968
  --oasys-color-brand-foreground-primary: rgb(245, 53, 170);
958
969
  --oasys-color-brand-foreground-secondary: rgb(245, 53, 170);
959
970
  --oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
@@ -975,9 +986,9 @@
975
986
  --oasys-color-brand-background-progress-bar-goal-active: #FDD5EE;
976
987
  --oasys-color-brand-background-icon: #FDD5EE;
977
988
  --oasys-color-brand-background-icon-on-dark: #FDD5EE;
978
- --oasys-color-interaction-foreground-primary: rgb(245, 53, 170);
989
+ --oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
979
990
  --oasys-color-interaction-foreground-primary-on-dark: rgb(245, 53, 170);
980
- --oasys-color-interaction-foreground-selected: rgb(245, 53, 170);
991
+ --oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
981
992
  --oasys-color-interaction-foreground-disabled: rgb(245, 53, 170);
982
993
  --oasys-color-interaction-background-primary: rgb(253, 213, 238);
983
994
  --oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
@@ -1011,6 +1022,13 @@
1011
1022
  --oasys-color-rewards-foreground-highlight: rgb(245, 53, 170);
1012
1023
  --oasys-color-rewards-border-primary: rgb(251, 173, 221);
1013
1024
  --oasys-color-rewards-border-primary-on-dark: rgb(251, 173, 221);
1025
+ --oasys-color-sage-60: rgb(0, 0, 0);
1026
+ --oasys-color-juniper-80: rgb(0, 0, 0);
1027
+ --oasys-color-clay-50: rgb(182, 107, 85);
1028
+ --oasys-color-clay-60: rgb(158, 80, 57);
1029
+ --oasys-color-slate-80: rgb(56, 55, 55);
1030
+ --oasys-color-slate-90: rgb(28, 28, 28);
1031
+ --oasys-color-cotton-10: rgb(247, 246, 243);
1014
1032
  --oasys-size-unit-0: 0;
1015
1033
  --oasys-size-unit-1: 0.1rem;
1016
1034
  --oasys-size-unit-2: 0.2rem;
@@ -1608,12 +1626,12 @@
1608
1626
  --oasys-component-button-text-transform: none;
1609
1627
  --oasys-component-button-content-stack: 0.8rem;
1610
1628
  --oasys-component-button-content-height: 2rem;
1611
- --oasys-component-button-color-primary-background: #FBADDD;
1612
- --oasys-component-button-color-primary-border: #FBADDD;
1629
+ --oasys-component-button-color-primary-background: rgb(253, 213, 238);
1630
+ --oasys-component-button-color-primary-border: rgb(253, 213, 238);
1613
1631
  --oasys-component-button-color-primary-text: #F535AA;
1614
- --oasys-component-button-color-primary-selected-border: #FBADDD;
1615
- --oasys-component-button-color-primary-hover-underlay: #FBADDD;
1616
- --oasys-component-button-color-primary-hover-overlay: #FBADDD;
1632
+ --oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
1633
+ --oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
1634
+ --oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
1617
1635
  --oasys-component-button-color-secondary-background: #FDD5EE;
1618
1636
  --oasys-component-button-color-secondary-border: #FBADDD;
1619
1637
  --oasys-component-button-color-secondary-text: #F535AA;
package/src/assets/bloomandwild/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 23 Sep 2026 10:50:35 GMT
3
+ * Generated on Wed, 23 Sep 2026 14:44:20 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomandwild {
@@ -68,6 +68,8 @@
68
68
  --oasys-color-grey-100: rgb(18, 18, 18);
69
69
  --oasys-color-white: rgb(255, 255, 255);
70
70
  --oasys-color-transparent: rgba(0, 0, 0, 0);
71
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
72
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
71
73
  --oasys-color-brand-foreground-primary: rgb(38, 38, 38);
72
74
  --oasys-color-brand-foreground-secondary: rgb(83, 78, 70);
73
75
  --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
@@ -119,6 +121,13 @@
119
121
  --oasys-color-rewards-foreground-highlight: rgb(253, 248, 136);
120
122
  --oasys-color-rewards-border-primary: rgb(100, 100, 198);
121
123
  --oasys-color-rewards-border-primary-on-dark: rgb(255, 255, 255);
124
+ --oasys-color-sage-60: rgb(87, 128, 108);
125
+ --oasys-color-juniper-80: rgb(48, 69, 56);
126
+ --oasys-color-clay-50: rgb(182, 107, 85);
127
+ --oasys-color-clay-60: rgb(158, 80, 57);
128
+ --oasys-color-slate-80: rgb(56, 55, 55);
129
+ --oasys-color-slate-90: rgb(28, 28, 28);
130
+ --oasys-color-cotton-10: rgb(247, 246, 243);
122
131
  --oasys-size-unit-0: 0;
123
132
  --oasys-size-unit-1: 0.1rem;
124
133
  --oasys-size-unit-2: 0.2rem;
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 Wed, 23 Sep 2026 10:50:35 GMT
3
+ * Generated on Wed, 23 Sep 2026 14:44:21 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomandwild-loyalty-tier-1 {
@@ -68,6 +68,8 @@
68
68
  --oasys-color-grey-100: rgb(18, 18, 18);
69
69
  --oasys-color-white: rgb(255, 255, 255);
70
70
  --oasys-color-transparent: rgba(0, 0, 0, 0);
71
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
72
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
71
73
  --oasys-color-brand-foreground-primary: rgb(100, 100, 198);
72
74
  --oasys-color-brand-foreground-secondary: rgb(83, 78, 70);
73
75
  --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
@@ -125,6 +127,13 @@
125
127
  --oasys-color-rewards-foreground-highlight: rgb(253, 248, 136);
126
128
  --oasys-color-rewards-border-primary: rgb(100, 100, 198);
127
129
  --oasys-color-rewards-border-primary-on-dark: rgb(255, 255, 255);
130
+ --oasys-color-sage-60: rgb(87, 128, 108);
131
+ --oasys-color-juniper-80: rgb(48, 69, 56);
132
+ --oasys-color-clay-50: rgb(182, 107, 85);
133
+ --oasys-color-clay-60: rgb(158, 80, 57);
134
+ --oasys-color-slate-80: rgb(56, 55, 55);
135
+ --oasys-color-slate-90: rgb(28, 28, 28);
136
+ --oasys-color-cotton-10: rgb(247, 246, 243);
128
137
  --oasys-size-unit-0: 0;
129
138
  --oasys-size-unit-1: 0.1rem;
130
139
  --oasys-size-unit-2: 0.2rem;
@@ -954,6 +963,8 @@
954
963
  --oasys-color-grey-100: rgb(18, 18, 18);
955
964
  --oasys-color-white: rgb(255, 255, 255);
956
965
  --oasys-color-transparent: rgba(0, 0, 0, 0);
966
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
967
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
957
968
  --oasys-color-brand-foreground-primary: rgb(100, 100, 198);
958
969
  --oasys-color-brand-foreground-secondary: rgb(83, 78, 70);
959
970
  --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
@@ -1011,6 +1022,13 @@
1011
1022
  --oasys-color-rewards-foreground-highlight: rgb(253, 248, 136);
1012
1023
  --oasys-color-rewards-border-primary: rgb(100, 100, 198);
1013
1024
  --oasys-color-rewards-border-primary-on-dark: rgb(255, 255, 255);
1025
+ --oasys-color-sage-60: rgb(87, 128, 108);
1026
+ --oasys-color-juniper-80: rgb(48, 69, 56);
1027
+ --oasys-color-clay-50: rgb(182, 107, 85);
1028
+ --oasys-color-clay-60: rgb(158, 80, 57);
1029
+ --oasys-color-slate-80: rgb(56, 55, 55);
1030
+ --oasys-color-slate-90: rgb(28, 28, 28);
1031
+ --oasys-color-cotton-10: rgb(247, 246, 243);
1014
1032
  --oasys-size-unit-0: 0;
1015
1033
  --oasys-size-unit-1: 0.1rem;
1016
1034
  --oasys-size-unit-2: 0.2rem;
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 Wed, 23 Sep 2026 10:50:35 GMT
3
+ * Generated on Wed, 23 Sep 2026 14:44:21 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomandwild-loyalty-tier-2 {
@@ -68,6 +68,8 @@
68
68
  --oasys-color-grey-100: rgb(18, 18, 18);
69
69
  --oasys-color-white: rgb(255, 255, 255);
70
70
  --oasys-color-transparent: rgba(0, 0, 0, 0);
71
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
72
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
71
73
  --oasys-color-brand-foreground-primary: rgb(64, 56, 133);
72
74
  --oasys-color-brand-foreground-secondary: rgb(83, 78, 70);
73
75
  --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
@@ -125,6 +127,13 @@
125
127
  --oasys-color-rewards-foreground-highlight: rgb(253, 248, 136);
126
128
  --oasys-color-rewards-border-primary: rgb(100, 100, 198);
127
129
  --oasys-color-rewards-border-primary-on-dark: rgb(255, 255, 255);
130
+ --oasys-color-sage-60: rgb(87, 128, 108);
131
+ --oasys-color-juniper-80: rgb(48, 69, 56);
132
+ --oasys-color-clay-50: rgb(182, 107, 85);
133
+ --oasys-color-clay-60: rgb(158, 80, 57);
134
+ --oasys-color-slate-80: rgb(56, 55, 55);
135
+ --oasys-color-slate-90: rgb(28, 28, 28);
136
+ --oasys-color-cotton-10: rgb(247, 246, 243);
128
137
  --oasys-size-unit-0: 0;
129
138
  --oasys-size-unit-1: 0.1rem;
130
139
  --oasys-size-unit-2: 0.2rem;
@@ -954,6 +963,8 @@
954
963
  --oasys-color-grey-100: rgb(18, 18, 18);
955
964
  --oasys-color-white: rgb(255, 255, 255);
956
965
  --oasys-color-transparent: rgba(0, 0, 0, 0);
966
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
967
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
957
968
  --oasys-color-brand-foreground-primary: rgb(64, 56, 133);
958
969
  --oasys-color-brand-foreground-secondary: rgb(83, 78, 70);
959
970
  --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
@@ -1011,6 +1022,13 @@
1011
1022
  --oasys-color-rewards-foreground-highlight: rgb(253, 248, 136);
1012
1023
  --oasys-color-rewards-border-primary: rgb(100, 100, 198);
1013
1024
  --oasys-color-rewards-border-primary-on-dark: rgb(255, 255, 255);
1025
+ --oasys-color-sage-60: rgb(87, 128, 108);
1026
+ --oasys-color-juniper-80: rgb(48, 69, 56);
1027
+ --oasys-color-clay-50: rgb(182, 107, 85);
1028
+ --oasys-color-clay-60: rgb(158, 80, 57);
1029
+ --oasys-color-slate-80: rgb(56, 55, 55);
1030
+ --oasys-color-slate-90: rgb(28, 28, 28);
1031
+ --oasys-color-cotton-10: rgb(247, 246, 243);
1014
1032
  --oasys-size-unit-0: 0;
1015
1033
  --oasys-size-unit-1: 0.1rem;
1016
1034
  --oasys-size-unit-2: 0.2rem;
package/src/assets/bloomon/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 23 Sep 2026 10:50:36 GMT
3
+ * Generated on Wed, 23 Sep 2026 14:44:21 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomon {
@@ -68,6 +68,8 @@
68
68
  --oasys-color-grey-100: rgb(18, 18, 18);
69
69
  --oasys-color-white: rgb(255, 255, 255);
70
70
  --oasys-color-transparent: rgba(0, 0, 0, 0);
71
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
72
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
71
73
  --oasys-color-brand-foreground-discount: rgb(214, 26, 0);
72
74
  --oasys-color-brand-foreground-secondary-on-dark: rgb(231, 230, 227);
73
75
  --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
@@ -119,6 +121,13 @@
119
121
  --oasys-color-rewards-foreground-highlight: rgb(255, 247, 153);
120
122
  --oasys-color-rewards-border-primary: rgb(75, 24, 67);
121
123
  --oasys-color-rewards-border-primary-on-dark: rgb(255, 255, 255);
124
+ --oasys-color-sage-60: rgb(0, 0, 0);
125
+ --oasys-color-juniper-80: rgb(0, 0, 0);
126
+ --oasys-color-clay-50: rgb(182, 107, 85);
127
+ --oasys-color-clay-60: rgb(158, 80, 57);
128
+ --oasys-color-slate-80: rgb(56, 55, 55);
129
+ --oasys-color-slate-90: rgb(28, 28, 28);
130
+ --oasys-color-cotton-10: rgb(247, 246, 243);
122
131
  --oasys-size-unit-0: 0;
123
132
  --oasys-size-unit-1: 0.1rem;
124
133
  --oasys-size-unit-2: 0.2rem;
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 Wed, 23 Sep 2026 10:50:36 GMT
3
+ * Generated on Wed, 23 Sep 2026 14:44:21 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomon-loyalty-tier-1 {
@@ -68,6 +68,8 @@
68
68
  --oasys-color-grey-100: rgb(18, 18, 18);
69
69
  --oasys-color-white: rgb(255, 255, 255);
70
70
  --oasys-color-transparent: rgba(0, 0, 0, 0);
71
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
72
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
71
73
  --oasys-color-brand-foreground-discount: rgb(214, 26, 0);
72
74
  --oasys-color-brand-foreground-secondary-on-dark: rgb(231, 230, 227);
73
75
  --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
@@ -125,6 +127,13 @@
125
127
  --oasys-color-rewards-foreground-highlight: rgb(255, 247, 153);
126
128
  --oasys-color-rewards-border-primary: rgb(75, 24, 67);
127
129
  --oasys-color-rewards-border-primary-on-dark: rgb(255, 255, 255);
130
+ --oasys-color-sage-60: rgb(0, 0, 0);
131
+ --oasys-color-juniper-80: rgb(0, 0, 0);
132
+ --oasys-color-clay-50: rgb(182, 107, 85);
133
+ --oasys-color-clay-60: rgb(158, 80, 57);
134
+ --oasys-color-slate-80: rgb(56, 55, 55);
135
+ --oasys-color-slate-90: rgb(28, 28, 28);
136
+ --oasys-color-cotton-10: rgb(247, 246, 243);
128
137
  --oasys-size-unit-0: 0;
129
138
  --oasys-size-unit-1: 0.1rem;
130
139
  --oasys-size-unit-2: 0.2rem;
@@ -954,6 +963,8 @@
954
963
  --oasys-color-grey-100: rgb(18, 18, 18);
955
964
  --oasys-color-white: rgb(255, 255, 255);
956
965
  --oasys-color-transparent: rgba(0, 0, 0, 0);
966
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
967
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
957
968
  --oasys-color-brand-foreground-discount: rgb(214, 26, 0);
958
969
  --oasys-color-brand-foreground-secondary-on-dark: rgb(231, 230, 227);
959
970
  --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
@@ -1011,6 +1022,13 @@
1011
1022
  --oasys-color-rewards-foreground-highlight: rgb(255, 247, 153);
1012
1023
  --oasys-color-rewards-border-primary: rgb(75, 24, 67);
1013
1024
  --oasys-color-rewards-border-primary-on-dark: rgb(255, 255, 255);
1025
+ --oasys-color-sage-60: rgb(0, 0, 0);
1026
+ --oasys-color-juniper-80: rgb(0, 0, 0);
1027
+ --oasys-color-clay-50: rgb(182, 107, 85);
1028
+ --oasys-color-clay-60: rgb(158, 80, 57);
1029
+ --oasys-color-slate-80: rgb(56, 55, 55);
1030
+ --oasys-color-slate-90: rgb(28, 28, 28);
1031
+ --oasys-color-cotton-10: rgb(247, 246, 243);
1014
1032
  --oasys-size-unit-0: 0;
1015
1033
  --oasys-size-unit-1: 0.1rem;
1016
1034
  --oasys-size-unit-2: 0.2rem;
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 Wed, 23 Sep 2026 10:50:36 GMT
3
+ * Generated on Wed, 23 Sep 2026 14:44:21 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomon-loyalty-tier-2 {
@@ -68,6 +68,8 @@
68
68
  --oasys-color-grey-100: rgb(18, 18, 18);
69
69
  --oasys-color-white: rgb(255, 255, 255);
70
70
  --oasys-color-transparent: rgba(0, 0, 0, 0);
71
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
72
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
71
73
  --oasys-color-brand-foreground-discount: rgb(214, 26, 0);
72
74
  --oasys-color-brand-foreground-secondary-on-dark: rgb(231, 230, 227);
73
75
  --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
@@ -125,6 +127,13 @@
125
127
  --oasys-color-rewards-foreground-highlight: rgb(255, 247, 153);
126
128
  --oasys-color-rewards-border-primary: rgb(75, 24, 67);
127
129
  --oasys-color-rewards-border-primary-on-dark: rgb(255, 255, 255);
130
+ --oasys-color-sage-60: rgb(0, 0, 0);
131
+ --oasys-color-juniper-80: rgb(0, 0, 0);
132
+ --oasys-color-clay-50: rgb(182, 107, 85);
133
+ --oasys-color-clay-60: rgb(158, 80, 57);
134
+ --oasys-color-slate-80: rgb(56, 55, 55);
135
+ --oasys-color-slate-90: rgb(28, 28, 28);
136
+ --oasys-color-cotton-10: rgb(247, 246, 243);
128
137
  --oasys-size-unit-0: 0;
129
138
  --oasys-size-unit-1: 0.1rem;
130
139
  --oasys-size-unit-2: 0.2rem;
@@ -954,6 +963,8 @@
954
963
  --oasys-color-grey-100: rgb(18, 18, 18);
955
964
  --oasys-color-white: rgb(255, 255, 255);
956
965
  --oasys-color-transparent: rgba(0, 0, 0, 0);
966
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
967
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
957
968
  --oasys-color-brand-foreground-discount: rgb(214, 26, 0);
958
969
  --oasys-color-brand-foreground-secondary-on-dark: rgb(231, 230, 227);
959
970
  --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
@@ -1011,6 +1022,13 @@
1011
1022
  --oasys-color-rewards-foreground-highlight: rgb(255, 247, 153);
1012
1023
  --oasys-color-rewards-border-primary: rgb(75, 24, 67);
1013
1024
  --oasys-color-rewards-border-primary-on-dark: rgb(255, 255, 255);
1025
+ --oasys-color-sage-60: rgb(0, 0, 0);
1026
+ --oasys-color-juniper-80: rgb(0, 0, 0);
1027
+ --oasys-color-clay-50: rgb(182, 107, 85);
1028
+ --oasys-color-clay-60: rgb(158, 80, 57);
1029
+ --oasys-color-slate-80: rgb(56, 55, 55);
1030
+ --oasys-color-slate-90: rgb(28, 28, 28);
1031
+ --oasys-color-cotton-10: rgb(247, 246, 243);
1014
1032
  --oasys-size-unit-0: 0;
1015
1033
  --oasys-size-unit-1: 0.1rem;
1016
1034
  --oasys-size-unit-2: 0.2rem;
package/src/assets/global/scss-breakpoints.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 23 Sep 2026 10:50:36 GMT
3
+ // Generated on Wed, 23 Sep 2026 14:44:21 GMT
4
4
 
5
5
  $oasys-size-web-breakpoint-mobile: 0px;
6
6
  $oasys-size-web-breakpoint-tablet: 767px;