oasys-lib 2.38.3 → 2.39.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/package.json +1 -1
  2. package/src/assets/bloomandwild/variables.css +39 -1
  3. package/src/assets/bloomandwild-loyalty-tier-1/variables.css +81 -5
  4. package/src/assets/bloomandwild-loyalty-tier-2/variables.css +97 -21
  5. package/src/assets/bloomon/variables.css +39 -1
  6. package/src/assets/bloomon-loyalty-tier-1/variables.css +79 -3
  7. package/src/assets/bloomon-loyalty-tier-2/variables.css +95 -19
  8. 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": "2.38.3",
3
+ "version": "2.39.0-rc.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "20.3.26",
6
6
  "@angular/core": "20.3.26",
package/src/assets/bloomandwild/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 13 Jul 2026 16:54:14 GMT
3
+ * Generated on Tue, 14 Jul 2026 09:36:31 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomandwild {
@@ -479,6 +479,12 @@
479
479
  --oasys-component-alert-background-neutral: rgb(242, 241, 239);
480
480
  --oasys-component-alert-background-negative: rgb(251, 234, 234);
481
481
  --oasys-component-banner-spacing-mobile: default;
482
+ --oasys-component-box-rewards-core-primary: on-dark;
483
+ --oasys-component-box-rewards-core-secondary: on-light;
484
+ --oasys-component-box-rewards-core-tertiary: on-light;
485
+ --oasys-component-box-rewards-tier-2-core-primary: on-dark;
486
+ --oasys-component-box-rewards-tier-2-core-secondary: on-light;
487
+ --oasys-component-box-rewards-tier-2-core-tertiary: on-light;
482
488
  --oasys-component-box-on-dark-core-primary: on-light;
483
489
  --oasys-component-box-on-dark-core-secondary: on-light;
484
490
  --oasys-component-box-on-dark-core-tertiary: on-dark;
@@ -497,6 +503,38 @@
497
503
  --oasys-component-box-border-color-selectable: rgb(226, 224, 220);
498
504
  --oasys-component-box-border-style-solid: solid;
499
505
  --oasys-component-box-border-style-dashed: dashed;
506
+ --oasys-component-button-rewards-color-primary-background: rgb(64, 56, 133);
507
+ --oasys-component-button-rewards-color-primary-border: rgb(64, 56, 133);
508
+ --oasys-component-button-rewards-color-primary-text: rgb(255, 255, 255);
509
+ --oasys-component-button-rewards-color-primary-selected-border: rgb(64, 56, 133);
510
+ --oasys-component-button-rewards-color-primary-hover-underlay: rgb(64, 56, 133);
511
+ --oasys-component-button-rewards-color-primary-hover-overlay: rgb(255, 255, 255);
512
+ --oasys-component-button-rewards-color-primary-inverse-background: rgb(253, 248, 136);
513
+ --oasys-component-button-rewards-color-primary-inverse-border: rgb(253, 248, 136);
514
+ --oasys-component-button-rewards-color-primary-inverse-text: rgb(38, 38, 38);
515
+ --oasys-component-button-rewards-color-primary-inverse-selected-border: rgb(253, 248, 136);
516
+ --oasys-component-button-rewards-color-primary-inverse-hover-underlay: rgb(253, 248, 136);
517
+ --oasys-component-button-rewards-color-primary-inverse-hover-overlay: rgb(38, 38, 38);
518
+ --oasys-component-button-rewards-font-weight-primary: 500;
519
+ --oasys-component-button-rewards-font-weight-primary-inverse: 500;
520
+ --oasys-component-button-rewards-font-weight-selected-primary: 500;
521
+ --oasys-component-button-rewards-font-weight-selected-primary-inverse: 500;
522
+ --oasys-component-button-rewards-tier-2-color-primary-background: rgb(64, 56, 133);
523
+ --oasys-component-button-rewards-tier-2-color-primary-border: rgb(64, 56, 133);
524
+ --oasys-component-button-rewards-tier-2-color-primary-text: rgb(255, 255, 255);
525
+ --oasys-component-button-rewards-tier-2-color-primary-selected-border: rgb(64, 56, 133);
526
+ --oasys-component-button-rewards-tier-2-color-primary-hover-underlay: rgb(64, 56, 133);
527
+ --oasys-component-button-rewards-tier-2-color-primary-hover-overlay: rgb(255, 255, 255);
528
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-background: rgb(253, 248, 136);
529
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-border: rgb(253, 248, 136);
530
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-text: rgb(38, 38, 38);
531
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-selected-border: rgb(253, 248, 136);
532
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-underlay: rgb(253, 248, 136);
533
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-overlay: rgb(38, 38, 38);
534
+ --oasys-component-button-rewards-tier-2-font-weight-primary: 500;
535
+ --oasys-component-button-rewards-tier-2-font-weight-primary-inverse: 500;
536
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary: 500;
537
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary-inverse: 500;
500
538
  --oasys-component-button-size-large-font-size: 1.8rem;
501
539
  --oasys-component-button-size-large-inset-x: 1.9rem;
502
540
  --oasys-component-button-size-large-inset-y: 1.3rem;
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 Mon, 13 Jul 2026 16:54:15 GMT
3
+ * Generated on Tue, 14 Jul 2026 09:36:32 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomandwild-loyalty-tier-1 {
@@ -488,9 +488,15 @@
488
488
  --oasys-component-alert-background-neutral: rgb(242, 241, 239);
489
489
  --oasys-component-alert-background-negative: rgb(251, 234, 234);
490
490
  --oasys-component-banner-spacing-mobile: default;
491
- --oasys-component-box-on-dark-core-primary: on-light;
491
+ --oasys-component-box-rewards-core-primary: on-dark;
492
+ --oasys-component-box-rewards-core-secondary: on-light;
493
+ --oasys-component-box-rewards-core-tertiary: on-light;
494
+ --oasys-component-box-rewards-tier-2-core-primary: on-dark;
495
+ --oasys-component-box-rewards-tier-2-core-secondary: on-light;
496
+ --oasys-component-box-rewards-tier-2-core-tertiary: on-light;
497
+ --oasys-component-box-on-dark-core-primary: on-dark;
492
498
  --oasys-component-box-on-dark-core-secondary: on-light;
493
- --oasys-component-box-on-dark-core-tertiary: on-dark;
499
+ --oasys-component-box-on-dark-core-tertiary: on-light;
494
500
  --oasys-component-box-on-dark-core-quaternary: on-dark;
495
501
  --oasys-component-box-on-dark-tint-highlight: on-light;
496
502
  --oasys-component-box-on-dark-rewards-primary: on-dark;
@@ -506,6 +512,38 @@
506
512
  --oasys-component-box-border-color-selectable: rgb(226, 224, 220);
507
513
  --oasys-component-box-border-style-solid: solid;
508
514
  --oasys-component-box-border-style-dashed: dashed;
515
+ --oasys-component-button-rewards-color-primary-background: rgb(64, 56, 133);
516
+ --oasys-component-button-rewards-color-primary-border: rgb(64, 56, 133);
517
+ --oasys-component-button-rewards-color-primary-text: rgb(255, 255, 255);
518
+ --oasys-component-button-rewards-color-primary-selected-border: rgb(64, 56, 133);
519
+ --oasys-component-button-rewards-color-primary-hover-underlay: rgb(64, 56, 133);
520
+ --oasys-component-button-rewards-color-primary-hover-overlay: rgb(255, 255, 255);
521
+ --oasys-component-button-rewards-color-primary-inverse-background: rgb(253, 248, 136);
522
+ --oasys-component-button-rewards-color-primary-inverse-border: rgb(253, 248, 136);
523
+ --oasys-component-button-rewards-color-primary-inverse-text: rgb(38, 38, 38);
524
+ --oasys-component-button-rewards-color-primary-inverse-selected-border: rgb(253, 248, 136);
525
+ --oasys-component-button-rewards-color-primary-inverse-hover-underlay: rgb(253, 248, 136);
526
+ --oasys-component-button-rewards-color-primary-inverse-hover-overlay: rgb(38, 38, 38);
527
+ --oasys-component-button-rewards-font-weight-primary: 500;
528
+ --oasys-component-button-rewards-font-weight-primary-inverse: 500;
529
+ --oasys-component-button-rewards-font-weight-selected-primary: 500;
530
+ --oasys-component-button-rewards-font-weight-selected-primary-inverse: 500;
531
+ --oasys-component-button-rewards-tier-2-color-primary-background: rgb(64, 56, 133);
532
+ --oasys-component-button-rewards-tier-2-color-primary-border: rgb(64, 56, 133);
533
+ --oasys-component-button-rewards-tier-2-color-primary-text: rgb(255, 255, 255);
534
+ --oasys-component-button-rewards-tier-2-color-primary-selected-border: rgb(64, 56, 133);
535
+ --oasys-component-button-rewards-tier-2-color-primary-hover-underlay: rgb(64, 56, 133);
536
+ --oasys-component-button-rewards-tier-2-color-primary-hover-overlay: rgb(255, 255, 255);
537
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-background: rgb(253, 248, 136);
538
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-border: rgb(253, 248, 136);
539
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-text: rgb(38, 38, 38);
540
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-selected-border: rgb(253, 248, 136);
541
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-underlay: rgb(253, 248, 136);
542
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-overlay: rgb(38, 38, 38);
543
+ --oasys-component-button-rewards-tier-2-font-weight-primary: 500;
544
+ --oasys-component-button-rewards-tier-2-font-weight-primary-inverse: 500;
545
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary: 500;
546
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary-inverse: 500;
509
547
  --oasys-component-button-size-large-font-size: 1.8rem;
510
548
  --oasys-component-button-size-large-inset-x: 1.9rem;
511
549
  --oasys-component-button-size-large-inset-y: 1.3rem;
@@ -1168,9 +1206,15 @@
1168
1206
  --oasys-component-alert-background-neutral: rgb(242, 241, 239);
1169
1207
  --oasys-component-alert-background-negative: rgb(251, 234, 234);
1170
1208
  --oasys-component-banner-spacing-mobile: default;
1171
- --oasys-component-box-on-dark-core-primary: on-light;
1209
+ --oasys-component-box-rewards-core-primary: on-dark;
1210
+ --oasys-component-box-rewards-core-secondary: on-light;
1211
+ --oasys-component-box-rewards-core-tertiary: on-light;
1212
+ --oasys-component-box-rewards-tier-2-core-primary: on-dark;
1213
+ --oasys-component-box-rewards-tier-2-core-secondary: on-light;
1214
+ --oasys-component-box-rewards-tier-2-core-tertiary: on-light;
1215
+ --oasys-component-box-on-dark-core-primary: on-dark;
1172
1216
  --oasys-component-box-on-dark-core-secondary: on-light;
1173
- --oasys-component-box-on-dark-core-tertiary: on-dark;
1217
+ --oasys-component-box-on-dark-core-tertiary: on-light;
1174
1218
  --oasys-component-box-on-dark-core-quaternary: on-dark;
1175
1219
  --oasys-component-box-on-dark-tint-highlight: on-light;
1176
1220
  --oasys-component-box-on-dark-rewards-primary: on-dark;
@@ -1186,6 +1230,38 @@
1186
1230
  --oasys-component-box-border-color-selectable: rgb(226, 224, 220);
1187
1231
  --oasys-component-box-border-style-solid: solid;
1188
1232
  --oasys-component-box-border-style-dashed: dashed;
1233
+ --oasys-component-button-rewards-color-primary-background: rgb(64, 56, 133);
1234
+ --oasys-component-button-rewards-color-primary-border: rgb(64, 56, 133);
1235
+ --oasys-component-button-rewards-color-primary-text: rgb(255, 255, 255);
1236
+ --oasys-component-button-rewards-color-primary-selected-border: rgb(64, 56, 133);
1237
+ --oasys-component-button-rewards-color-primary-hover-underlay: rgb(64, 56, 133);
1238
+ --oasys-component-button-rewards-color-primary-hover-overlay: rgb(255, 255, 255);
1239
+ --oasys-component-button-rewards-color-primary-inverse-background: rgb(253, 248, 136);
1240
+ --oasys-component-button-rewards-color-primary-inverse-border: rgb(253, 248, 136);
1241
+ --oasys-component-button-rewards-color-primary-inverse-text: rgb(38, 38, 38);
1242
+ --oasys-component-button-rewards-color-primary-inverse-selected-border: rgb(253, 248, 136);
1243
+ --oasys-component-button-rewards-color-primary-inverse-hover-underlay: rgb(253, 248, 136);
1244
+ --oasys-component-button-rewards-color-primary-inverse-hover-overlay: rgb(38, 38, 38);
1245
+ --oasys-component-button-rewards-font-weight-primary: 500;
1246
+ --oasys-component-button-rewards-font-weight-primary-inverse: 500;
1247
+ --oasys-component-button-rewards-font-weight-selected-primary: 500;
1248
+ --oasys-component-button-rewards-font-weight-selected-primary-inverse: 500;
1249
+ --oasys-component-button-rewards-tier-2-color-primary-background: rgb(64, 56, 133);
1250
+ --oasys-component-button-rewards-tier-2-color-primary-border: rgb(64, 56, 133);
1251
+ --oasys-component-button-rewards-tier-2-color-primary-text: rgb(255, 255, 255);
1252
+ --oasys-component-button-rewards-tier-2-color-primary-selected-border: rgb(64, 56, 133);
1253
+ --oasys-component-button-rewards-tier-2-color-primary-hover-underlay: rgb(64, 56, 133);
1254
+ --oasys-component-button-rewards-tier-2-color-primary-hover-overlay: rgb(255, 255, 255);
1255
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-background: rgb(253, 248, 136);
1256
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-border: rgb(253, 248, 136);
1257
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-text: rgb(38, 38, 38);
1258
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-selected-border: rgb(253, 248, 136);
1259
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-underlay: rgb(253, 248, 136);
1260
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-overlay: rgb(38, 38, 38);
1261
+ --oasys-component-button-rewards-tier-2-font-weight-primary: 500;
1262
+ --oasys-component-button-rewards-tier-2-font-weight-primary-inverse: 500;
1263
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary: 500;
1264
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary-inverse: 500;
1189
1265
  --oasys-component-button-size-large-font-size: 1.8rem;
1190
1266
  --oasys-component-button-size-large-inset-x: 1.9rem;
1191
1267
  --oasys-component-button-size-large-inset-y: 1.3rem;
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 Mon, 13 Jul 2026 16:54:15 GMT
3
+ * Generated on Tue, 14 Jul 2026 09:36:32 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomandwild-loyalty-tier-2 {
@@ -485,9 +485,15 @@
485
485
  --oasys-component-alert-background-neutral: rgb(242, 241, 239);
486
486
  --oasys-component-alert-background-negative: rgb(251, 234, 234);
487
487
  --oasys-component-banner-spacing-mobile: default;
488
- --oasys-component-box-on-dark-core-primary: on-light;
488
+ --oasys-component-box-rewards-core-primary: on-dark;
489
+ --oasys-component-box-rewards-core-secondary: on-light;
490
+ --oasys-component-box-rewards-core-tertiary: on-light;
491
+ --oasys-component-box-rewards-tier-2-core-primary: on-dark;
492
+ --oasys-component-box-rewards-tier-2-core-secondary: on-light;
493
+ --oasys-component-box-rewards-tier-2-core-tertiary: on-light;
494
+ --oasys-component-box-on-dark-core-primary: on-dark;
489
495
  --oasys-component-box-on-dark-core-secondary: on-light;
490
- --oasys-component-box-on-dark-core-tertiary: on-dark;
496
+ --oasys-component-box-on-dark-core-tertiary: on-light;
491
497
  --oasys-component-box-on-dark-core-quaternary: on-dark;
492
498
  --oasys-component-box-on-dark-tint-highlight: on-light;
493
499
  --oasys-component-box-on-dark-rewards-primary: on-dark;
@@ -503,6 +509,38 @@
503
509
  --oasys-component-box-border-color-selectable: rgb(226, 224, 220);
504
510
  --oasys-component-box-border-style-solid: solid;
505
511
  --oasys-component-box-border-style-dashed: dashed;
512
+ --oasys-component-button-rewards-color-primary-background: rgb(64, 56, 133);
513
+ --oasys-component-button-rewards-color-primary-border: rgb(64, 56, 133);
514
+ --oasys-component-button-rewards-color-primary-text: rgb(255, 255, 255);
515
+ --oasys-component-button-rewards-color-primary-selected-border: rgb(64, 56, 133);
516
+ --oasys-component-button-rewards-color-primary-hover-underlay: rgb(64, 56, 133);
517
+ --oasys-component-button-rewards-color-primary-hover-overlay: rgb(255, 255, 255);
518
+ --oasys-component-button-rewards-color-primary-inverse-background: rgb(253, 248, 136);
519
+ --oasys-component-button-rewards-color-primary-inverse-border: rgb(253, 248, 136);
520
+ --oasys-component-button-rewards-color-primary-inverse-text: rgb(38, 38, 38);
521
+ --oasys-component-button-rewards-color-primary-inverse-selected-border: rgb(253, 248, 136);
522
+ --oasys-component-button-rewards-color-primary-inverse-hover-underlay: rgb(253, 248, 136);
523
+ --oasys-component-button-rewards-color-primary-inverse-hover-overlay: rgb(38, 38, 38);
524
+ --oasys-component-button-rewards-font-weight-primary: 500;
525
+ --oasys-component-button-rewards-font-weight-primary-inverse: 500;
526
+ --oasys-component-button-rewards-font-weight-selected-primary: 500;
527
+ --oasys-component-button-rewards-font-weight-selected-primary-inverse: 500;
528
+ --oasys-component-button-rewards-tier-2-color-primary-background: rgb(64, 56, 133);
529
+ --oasys-component-button-rewards-tier-2-color-primary-border: rgb(64, 56, 133);
530
+ --oasys-component-button-rewards-tier-2-color-primary-text: rgb(255, 255, 255);
531
+ --oasys-component-button-rewards-tier-2-color-primary-selected-border: rgb(64, 56, 133);
532
+ --oasys-component-button-rewards-tier-2-color-primary-hover-underlay: rgb(64, 56, 133);
533
+ --oasys-component-button-rewards-tier-2-color-primary-hover-overlay: rgb(255, 255, 255);
534
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-background: rgb(253, 248, 136);
535
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-border: rgb(253, 248, 136);
536
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-text: rgb(38, 38, 38);
537
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-selected-border: rgb(253, 248, 136);
538
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-underlay: rgb(253, 248, 136);
539
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-overlay: rgb(38, 38, 38);
540
+ --oasys-component-button-rewards-tier-2-font-weight-primary: 500;
541
+ --oasys-component-button-rewards-tier-2-font-weight-primary-inverse: 500;
542
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary: 500;
543
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary-inverse: 500;
506
544
  --oasys-component-button-size-large-font-size: 1.8rem;
507
545
  --oasys-component-button-size-large-inset-x: 1.9rem;
508
546
  --oasys-component-button-size-large-inset-y: 1.3rem;
@@ -515,11 +553,11 @@
515
553
  --oasys-component-button-text-transform: none;
516
554
  --oasys-component-button-content-stack: 0.8rem;
517
555
  --oasys-component-button-content-height: 2rem;
518
- --oasys-component-button-color-primary-background: rgb(38, 38, 38);
519
- --oasys-component-button-color-primary-border: rgb(38, 38, 38);
556
+ --oasys-component-button-color-primary-background: rgb(64, 56, 133);
557
+ --oasys-component-button-color-primary-border: rgb(64, 56, 133);
520
558
  --oasys-component-button-color-primary-text: rgb(255, 255, 255);
521
- --oasys-component-button-color-primary-selected-border: rgb(38, 38, 38);
522
- --oasys-component-button-color-primary-hover-underlay: rgb(38, 38, 38);
559
+ --oasys-component-button-color-primary-selected-border: rgb(64, 56, 133);
560
+ --oasys-component-button-color-primary-hover-underlay: rgb(64, 56, 133);
523
561
  --oasys-component-button-color-primary-hover-overlay: rgb(255, 255, 255);
524
562
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
525
563
  --oasys-component-button-color-secondary-border: rgb(38, 38, 38);
@@ -533,11 +571,11 @@
533
571
  --oasys-component-button-color-tertiary-selected-border: rgba(0, 0, 0, 0);
534
572
  --oasys-component-button-color-tertiary-hover-underlay: rgba(0, 0, 0, 0);
535
573
  --oasys-component-button-color-tertiary-hover-overlay: rgb(38, 38, 38);
536
- --oasys-component-button-color-primary-inverse-background: rgb(255, 255, 255);
537
- --oasys-component-button-color-primary-inverse-border: rgb(255, 255, 255);
574
+ --oasys-component-button-color-primary-inverse-background: rgb(253, 248, 136);
575
+ --oasys-component-button-color-primary-inverse-border: rgb(253, 248, 136);
538
576
  --oasys-component-button-color-primary-inverse-text: rgb(38, 38, 38);
539
- --oasys-component-button-color-primary-inverse-selected-border: rgb(255, 255, 255);
540
- --oasys-component-button-color-primary-inverse-hover-underlay: rgb(255, 255, 255);
577
+ --oasys-component-button-color-primary-inverse-selected-border: rgb(253, 248, 136);
578
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(253, 248, 136);
541
579
  --oasys-component-button-color-primary-inverse-hover-overlay: rgb(38, 38, 38);
542
580
  --oasys-component-button-color-secondary-inverse-background: rgba(0, 0, 0, 0);
543
581
  --oasys-component-button-color-secondary-inverse-border: rgb(255, 255, 255);
@@ -1162,9 +1200,15 @@
1162
1200
  --oasys-component-alert-background-neutral: rgb(242, 241, 239);
1163
1201
  --oasys-component-alert-background-negative: rgb(251, 234, 234);
1164
1202
  --oasys-component-banner-spacing-mobile: default;
1165
- --oasys-component-box-on-dark-core-primary: on-light;
1203
+ --oasys-component-box-rewards-core-primary: on-dark;
1204
+ --oasys-component-box-rewards-core-secondary: on-light;
1205
+ --oasys-component-box-rewards-core-tertiary: on-light;
1206
+ --oasys-component-box-rewards-tier-2-core-primary: on-dark;
1207
+ --oasys-component-box-rewards-tier-2-core-secondary: on-light;
1208
+ --oasys-component-box-rewards-tier-2-core-tertiary: on-light;
1209
+ --oasys-component-box-on-dark-core-primary: on-dark;
1166
1210
  --oasys-component-box-on-dark-core-secondary: on-light;
1167
- --oasys-component-box-on-dark-core-tertiary: on-dark;
1211
+ --oasys-component-box-on-dark-core-tertiary: on-light;
1168
1212
  --oasys-component-box-on-dark-core-quaternary: on-dark;
1169
1213
  --oasys-component-box-on-dark-tint-highlight: on-light;
1170
1214
  --oasys-component-box-on-dark-rewards-primary: on-dark;
@@ -1180,6 +1224,38 @@
1180
1224
  --oasys-component-box-border-color-selectable: rgb(226, 224, 220);
1181
1225
  --oasys-component-box-border-style-solid: solid;
1182
1226
  --oasys-component-box-border-style-dashed: dashed;
1227
+ --oasys-component-button-rewards-color-primary-background: rgb(64, 56, 133);
1228
+ --oasys-component-button-rewards-color-primary-border: rgb(64, 56, 133);
1229
+ --oasys-component-button-rewards-color-primary-text: rgb(255, 255, 255);
1230
+ --oasys-component-button-rewards-color-primary-selected-border: rgb(64, 56, 133);
1231
+ --oasys-component-button-rewards-color-primary-hover-underlay: rgb(64, 56, 133);
1232
+ --oasys-component-button-rewards-color-primary-hover-overlay: rgb(255, 255, 255);
1233
+ --oasys-component-button-rewards-color-primary-inverse-background: rgb(253, 248, 136);
1234
+ --oasys-component-button-rewards-color-primary-inverse-border: rgb(253, 248, 136);
1235
+ --oasys-component-button-rewards-color-primary-inverse-text: rgb(38, 38, 38);
1236
+ --oasys-component-button-rewards-color-primary-inverse-selected-border: rgb(253, 248, 136);
1237
+ --oasys-component-button-rewards-color-primary-inverse-hover-underlay: rgb(253, 248, 136);
1238
+ --oasys-component-button-rewards-color-primary-inverse-hover-overlay: rgb(38, 38, 38);
1239
+ --oasys-component-button-rewards-font-weight-primary: 500;
1240
+ --oasys-component-button-rewards-font-weight-primary-inverse: 500;
1241
+ --oasys-component-button-rewards-font-weight-selected-primary: 500;
1242
+ --oasys-component-button-rewards-font-weight-selected-primary-inverse: 500;
1243
+ --oasys-component-button-rewards-tier-2-color-primary-background: rgb(64, 56, 133);
1244
+ --oasys-component-button-rewards-tier-2-color-primary-border: rgb(64, 56, 133);
1245
+ --oasys-component-button-rewards-tier-2-color-primary-text: rgb(255, 255, 255);
1246
+ --oasys-component-button-rewards-tier-2-color-primary-selected-border: rgb(64, 56, 133);
1247
+ --oasys-component-button-rewards-tier-2-color-primary-hover-underlay: rgb(64, 56, 133);
1248
+ --oasys-component-button-rewards-tier-2-color-primary-hover-overlay: rgb(255, 255, 255);
1249
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-background: rgb(253, 248, 136);
1250
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-border: rgb(253, 248, 136);
1251
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-text: rgb(38, 38, 38);
1252
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-selected-border: rgb(253, 248, 136);
1253
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-underlay: rgb(253, 248, 136);
1254
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-overlay: rgb(38, 38, 38);
1255
+ --oasys-component-button-rewards-tier-2-font-weight-primary: 500;
1256
+ --oasys-component-button-rewards-tier-2-font-weight-primary-inverse: 500;
1257
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary: 500;
1258
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary-inverse: 500;
1183
1259
  --oasys-component-button-size-large-font-size: 1.8rem;
1184
1260
  --oasys-component-button-size-large-inset-x: 1.9rem;
1185
1261
  --oasys-component-button-size-large-inset-y: 1.3rem;
@@ -1192,11 +1268,11 @@
1192
1268
  --oasys-component-button-text-transform: none;
1193
1269
  --oasys-component-button-content-stack: 0.8rem;
1194
1270
  --oasys-component-button-content-height: 2rem;
1195
- --oasys-component-button-color-primary-background: rgb(38, 38, 38);
1196
- --oasys-component-button-color-primary-border: rgb(38, 38, 38);
1271
+ --oasys-component-button-color-primary-background: rgb(64, 56, 133);
1272
+ --oasys-component-button-color-primary-border: rgb(64, 56, 133);
1197
1273
  --oasys-component-button-color-primary-text: rgb(255, 255, 255);
1198
- --oasys-component-button-color-primary-selected-border: rgb(38, 38, 38);
1199
- --oasys-component-button-color-primary-hover-underlay: rgb(38, 38, 38);
1274
+ --oasys-component-button-color-primary-selected-border: rgb(64, 56, 133);
1275
+ --oasys-component-button-color-primary-hover-underlay: rgb(64, 56, 133);
1200
1276
  --oasys-component-button-color-primary-hover-overlay: rgb(255, 255, 255);
1201
1277
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
1202
1278
  --oasys-component-button-color-secondary-border: rgb(38, 38, 38);
@@ -1210,11 +1286,11 @@
1210
1286
  --oasys-component-button-color-tertiary-selected-border: rgba(0, 0, 0, 0);
1211
1287
  --oasys-component-button-color-tertiary-hover-underlay: rgba(0, 0, 0, 0);
1212
1288
  --oasys-component-button-color-tertiary-hover-overlay: rgb(38, 38, 38);
1213
- --oasys-component-button-color-primary-inverse-background: rgb(255, 255, 255);
1214
- --oasys-component-button-color-primary-inverse-border: rgb(255, 255, 255);
1289
+ --oasys-component-button-color-primary-inverse-background: rgb(253, 248, 136);
1290
+ --oasys-component-button-color-primary-inverse-border: rgb(253, 248, 136);
1215
1291
  --oasys-component-button-color-primary-inverse-text: rgb(38, 38, 38);
1216
- --oasys-component-button-color-primary-inverse-selected-border: rgb(255, 255, 255);
1217
- --oasys-component-button-color-primary-inverse-hover-underlay: rgb(255, 255, 255);
1292
+ --oasys-component-button-color-primary-inverse-selected-border: rgb(253, 248, 136);
1293
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(253, 248, 136);
1218
1294
  --oasys-component-button-color-primary-inverse-hover-overlay: rgb(38, 38, 38);
1219
1295
  --oasys-component-button-color-secondary-inverse-background: rgba(0, 0, 0, 0);
1220
1296
  --oasys-component-button-color-secondary-inverse-border: rgb(255, 255, 255);
package/src/assets/bloomon/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 13 Jul 2026 16:54:15 GMT
3
+ * Generated on Tue, 14 Jul 2026 09:36:32 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomon {
@@ -479,6 +479,12 @@
479
479
  --oasys-component-alert-background-neutral: rgb(242, 241, 239);
480
480
  --oasys-component-alert-background-negative: rgb(251, 234, 234);
481
481
  --oasys-component-banner-spacing-mobile: near;
482
+ --oasys-component-box-rewards-core-primary: on-dark;
483
+ --oasys-component-box-rewards-core-secondary: on-light;
484
+ --oasys-component-box-rewards-core-tertiary: on-light;
485
+ --oasys-component-box-rewards-tier-2-core-primary: on-dark;
486
+ --oasys-component-box-rewards-tier-2-core-secondary: on-light;
487
+ --oasys-component-box-rewards-tier-2-core-tertiary: on-light;
482
488
  --oasys-component-box-on-dark-core-primary: on-light;
483
489
  --oasys-component-box-on-dark-core-secondary: on-light;
484
490
  --oasys-component-box-on-dark-core-tertiary: on-light;
@@ -497,6 +503,38 @@
497
503
  --oasys-component-box-border-color-selectable: rgb(231, 230, 227);
498
504
  --oasys-component-box-border-style-solid: solid;
499
505
  --oasys-component-box-border-style-dashed: dashed;
506
+ --oasys-component-button-rewards-color-primary-background: rgb(75, 24, 67);
507
+ --oasys-component-button-rewards-color-primary-border: rgb(75, 24, 67);
508
+ --oasys-component-button-rewards-color-primary-text: rgb(255, 255, 255);
509
+ --oasys-component-button-rewards-color-primary-selected-border: rgb(75, 24, 67);
510
+ --oasys-component-button-rewards-color-primary-hover-underlay: rgb(75, 24, 67);
511
+ --oasys-component-button-rewards-color-primary-hover-overlay: rgb(255, 255, 255);
512
+ --oasys-component-button-rewards-color-primary-inverse-background: rgb(255, 247, 153);
513
+ --oasys-component-button-rewards-color-primary-inverse-border: rgb(255, 247, 153);
514
+ --oasys-component-button-rewards-color-primary-inverse-text: rgb(18, 18, 18);
515
+ --oasys-component-button-rewards-color-primary-inverse-selected-border: rgb(255, 247, 153);
516
+ --oasys-component-button-rewards-color-primary-inverse-hover-underlay: rgb(255, 247, 153);
517
+ --oasys-component-button-rewards-color-primary-inverse-hover-overlay: rgb(18, 18, 18);
518
+ --oasys-component-button-rewards-font-weight-primary: 400;
519
+ --oasys-component-button-rewards-font-weight-primary-inverse: 400;
520
+ --oasys-component-button-rewards-font-weight-selected-primary: 400;
521
+ --oasys-component-button-rewards-font-weight-selected-primary-inverse: 400;
522
+ --oasys-component-button-rewards-tier-2-color-primary-background: rgb(75, 24, 67);
523
+ --oasys-component-button-rewards-tier-2-color-primary-border: rgb(75, 24, 67);
524
+ --oasys-component-button-rewards-tier-2-color-primary-text: rgb(255, 255, 255);
525
+ --oasys-component-button-rewards-tier-2-color-primary-selected-border: rgb(75, 24, 67);
526
+ --oasys-component-button-rewards-tier-2-color-primary-hover-underlay: rgb(75, 24, 67);
527
+ --oasys-component-button-rewards-tier-2-color-primary-hover-overlay: rgb(255, 255, 255);
528
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-background: rgb(255, 247, 153);
529
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-border: rgb(255, 247, 153);
530
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-text: rgb(18, 18, 18);
531
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-selected-border: rgb(255, 247, 153);
532
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-underlay: rgb(255, 247, 153);
533
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-overlay: rgb(18, 18, 18);
534
+ --oasys-component-button-rewards-tier-2-font-weight-primary: 400;
535
+ --oasys-component-button-rewards-tier-2-font-weight-primary-inverse: 400;
536
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary: 400;
537
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary-inverse: 400;
500
538
  --oasys-component-button-size-large-font-size: 1.4rem;
501
539
  --oasys-component-button-size-large-inset-x: 2.3rem;
502
540
  --oasys-component-button-size-large-inset-y: 1.3rem;
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 Mon, 13 Jul 2026 16:54:15 GMT
3
+ * Generated on Tue, 14 Jul 2026 09:36:32 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomon-loyalty-tier-1 {
@@ -488,7 +488,13 @@
488
488
  --oasys-component-alert-background-neutral: rgb(242, 241, 239);
489
489
  --oasys-component-alert-background-negative: rgb(251, 234, 234);
490
490
  --oasys-component-banner-spacing-mobile: near;
491
- --oasys-component-box-on-dark-core-primary: on-light;
491
+ --oasys-component-box-rewards-core-primary: on-dark;
492
+ --oasys-component-box-rewards-core-secondary: on-light;
493
+ --oasys-component-box-rewards-core-tertiary: on-light;
494
+ --oasys-component-box-rewards-tier-2-core-primary: on-dark;
495
+ --oasys-component-box-rewards-tier-2-core-secondary: on-light;
496
+ --oasys-component-box-rewards-tier-2-core-tertiary: on-light;
497
+ --oasys-component-box-on-dark-core-primary: on-dark;
492
498
  --oasys-component-box-on-dark-core-secondary: on-light;
493
499
  --oasys-component-box-on-dark-core-tertiary: on-light;
494
500
  --oasys-component-box-on-dark-core-quaternary: on-dark;
@@ -506,6 +512,38 @@
506
512
  --oasys-component-box-border-color-selectable: rgb(231, 230, 227);
507
513
  --oasys-component-box-border-style-solid: solid;
508
514
  --oasys-component-box-border-style-dashed: dashed;
515
+ --oasys-component-button-rewards-color-primary-background: rgb(75, 24, 67);
516
+ --oasys-component-button-rewards-color-primary-border: rgb(75, 24, 67);
517
+ --oasys-component-button-rewards-color-primary-text: rgb(255, 255, 255);
518
+ --oasys-component-button-rewards-color-primary-selected-border: rgb(75, 24, 67);
519
+ --oasys-component-button-rewards-color-primary-hover-underlay: rgb(75, 24, 67);
520
+ --oasys-component-button-rewards-color-primary-hover-overlay: rgb(255, 255, 255);
521
+ --oasys-component-button-rewards-color-primary-inverse-background: rgb(255, 247, 153);
522
+ --oasys-component-button-rewards-color-primary-inverse-border: rgb(255, 247, 153);
523
+ --oasys-component-button-rewards-color-primary-inverse-text: rgb(18, 18, 18);
524
+ --oasys-component-button-rewards-color-primary-inverse-selected-border: rgb(255, 247, 153);
525
+ --oasys-component-button-rewards-color-primary-inverse-hover-underlay: rgb(255, 247, 153);
526
+ --oasys-component-button-rewards-color-primary-inverse-hover-overlay: rgb(18, 18, 18);
527
+ --oasys-component-button-rewards-font-weight-primary: 400;
528
+ --oasys-component-button-rewards-font-weight-primary-inverse: 400;
529
+ --oasys-component-button-rewards-font-weight-selected-primary: 400;
530
+ --oasys-component-button-rewards-font-weight-selected-primary-inverse: 400;
531
+ --oasys-component-button-rewards-tier-2-color-primary-background: rgb(75, 24, 67);
532
+ --oasys-component-button-rewards-tier-2-color-primary-border: rgb(75, 24, 67);
533
+ --oasys-component-button-rewards-tier-2-color-primary-text: rgb(255, 255, 255);
534
+ --oasys-component-button-rewards-tier-2-color-primary-selected-border: rgb(75, 24, 67);
535
+ --oasys-component-button-rewards-tier-2-color-primary-hover-underlay: rgb(75, 24, 67);
536
+ --oasys-component-button-rewards-tier-2-color-primary-hover-overlay: rgb(255, 255, 255);
537
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-background: rgb(255, 247, 153);
538
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-border: rgb(255, 247, 153);
539
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-text: rgb(18, 18, 18);
540
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-selected-border: rgb(255, 247, 153);
541
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-underlay: rgb(255, 247, 153);
542
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-overlay: rgb(18, 18, 18);
543
+ --oasys-component-button-rewards-tier-2-font-weight-primary: 400;
544
+ --oasys-component-button-rewards-tier-2-font-weight-primary-inverse: 400;
545
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary: 400;
546
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary-inverse: 400;
509
547
  --oasys-component-button-size-large-font-size: 1.4rem;
510
548
  --oasys-component-button-size-large-inset-x: 2.3rem;
511
549
  --oasys-component-button-size-large-inset-y: 1.3rem;
@@ -1168,7 +1206,13 @@
1168
1206
  --oasys-component-alert-background-neutral: rgb(242, 241, 239);
1169
1207
  --oasys-component-alert-background-negative: rgb(251, 234, 234);
1170
1208
  --oasys-component-banner-spacing-mobile: near;
1171
- --oasys-component-box-on-dark-core-primary: on-light;
1209
+ --oasys-component-box-rewards-core-primary: on-dark;
1210
+ --oasys-component-box-rewards-core-secondary: on-light;
1211
+ --oasys-component-box-rewards-core-tertiary: on-light;
1212
+ --oasys-component-box-rewards-tier-2-core-primary: on-dark;
1213
+ --oasys-component-box-rewards-tier-2-core-secondary: on-light;
1214
+ --oasys-component-box-rewards-tier-2-core-tertiary: on-light;
1215
+ --oasys-component-box-on-dark-core-primary: on-dark;
1172
1216
  --oasys-component-box-on-dark-core-secondary: on-light;
1173
1217
  --oasys-component-box-on-dark-core-tertiary: on-light;
1174
1218
  --oasys-component-box-on-dark-core-quaternary: on-dark;
@@ -1186,6 +1230,38 @@
1186
1230
  --oasys-component-box-border-color-selectable: rgb(231, 230, 227);
1187
1231
  --oasys-component-box-border-style-solid: solid;
1188
1232
  --oasys-component-box-border-style-dashed: dashed;
1233
+ --oasys-component-button-rewards-color-primary-background: rgb(75, 24, 67);
1234
+ --oasys-component-button-rewards-color-primary-border: rgb(75, 24, 67);
1235
+ --oasys-component-button-rewards-color-primary-text: rgb(255, 255, 255);
1236
+ --oasys-component-button-rewards-color-primary-selected-border: rgb(75, 24, 67);
1237
+ --oasys-component-button-rewards-color-primary-hover-underlay: rgb(75, 24, 67);
1238
+ --oasys-component-button-rewards-color-primary-hover-overlay: rgb(255, 255, 255);
1239
+ --oasys-component-button-rewards-color-primary-inverse-background: rgb(255, 247, 153);
1240
+ --oasys-component-button-rewards-color-primary-inverse-border: rgb(255, 247, 153);
1241
+ --oasys-component-button-rewards-color-primary-inverse-text: rgb(18, 18, 18);
1242
+ --oasys-component-button-rewards-color-primary-inverse-selected-border: rgb(255, 247, 153);
1243
+ --oasys-component-button-rewards-color-primary-inverse-hover-underlay: rgb(255, 247, 153);
1244
+ --oasys-component-button-rewards-color-primary-inverse-hover-overlay: rgb(18, 18, 18);
1245
+ --oasys-component-button-rewards-font-weight-primary: 400;
1246
+ --oasys-component-button-rewards-font-weight-primary-inverse: 400;
1247
+ --oasys-component-button-rewards-font-weight-selected-primary: 400;
1248
+ --oasys-component-button-rewards-font-weight-selected-primary-inverse: 400;
1249
+ --oasys-component-button-rewards-tier-2-color-primary-background: rgb(75, 24, 67);
1250
+ --oasys-component-button-rewards-tier-2-color-primary-border: rgb(75, 24, 67);
1251
+ --oasys-component-button-rewards-tier-2-color-primary-text: rgb(255, 255, 255);
1252
+ --oasys-component-button-rewards-tier-2-color-primary-selected-border: rgb(75, 24, 67);
1253
+ --oasys-component-button-rewards-tier-2-color-primary-hover-underlay: rgb(75, 24, 67);
1254
+ --oasys-component-button-rewards-tier-2-color-primary-hover-overlay: rgb(255, 255, 255);
1255
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-background: rgb(255, 247, 153);
1256
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-border: rgb(255, 247, 153);
1257
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-text: rgb(18, 18, 18);
1258
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-selected-border: rgb(255, 247, 153);
1259
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-underlay: rgb(255, 247, 153);
1260
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-overlay: rgb(18, 18, 18);
1261
+ --oasys-component-button-rewards-tier-2-font-weight-primary: 400;
1262
+ --oasys-component-button-rewards-tier-2-font-weight-primary-inverse: 400;
1263
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary: 400;
1264
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary-inverse: 400;
1189
1265
  --oasys-component-button-size-large-font-size: 1.4rem;
1190
1266
  --oasys-component-button-size-large-inset-x: 2.3rem;
1191
1267
  --oasys-component-button-size-large-inset-y: 1.3rem;
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 Mon, 13 Jul 2026 16:54:15 GMT
3
+ * Generated on Tue, 14 Jul 2026 09:36:32 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomon-loyalty-tier-2 {
@@ -485,7 +485,13 @@
485
485
  --oasys-component-alert-background-neutral: rgb(242, 241, 239);
486
486
  --oasys-component-alert-background-negative: rgb(251, 234, 234);
487
487
  --oasys-component-banner-spacing-mobile: near;
488
- --oasys-component-box-on-dark-core-primary: on-light;
488
+ --oasys-component-box-rewards-core-primary: on-dark;
489
+ --oasys-component-box-rewards-core-secondary: on-light;
490
+ --oasys-component-box-rewards-core-tertiary: on-light;
491
+ --oasys-component-box-rewards-tier-2-core-primary: on-dark;
492
+ --oasys-component-box-rewards-tier-2-core-secondary: on-light;
493
+ --oasys-component-box-rewards-tier-2-core-tertiary: on-light;
494
+ --oasys-component-box-on-dark-core-primary: on-dark;
489
495
  --oasys-component-box-on-dark-core-secondary: on-light;
490
496
  --oasys-component-box-on-dark-core-tertiary: on-light;
491
497
  --oasys-component-box-on-dark-core-quaternary: on-dark;
@@ -503,6 +509,38 @@
503
509
  --oasys-component-box-border-color-selectable: rgb(231, 230, 227);
504
510
  --oasys-component-box-border-style-solid: solid;
505
511
  --oasys-component-box-border-style-dashed: dashed;
512
+ --oasys-component-button-rewards-color-primary-background: rgb(75, 24, 67);
513
+ --oasys-component-button-rewards-color-primary-border: rgb(75, 24, 67);
514
+ --oasys-component-button-rewards-color-primary-text: rgb(255, 255, 255);
515
+ --oasys-component-button-rewards-color-primary-selected-border: rgb(75, 24, 67);
516
+ --oasys-component-button-rewards-color-primary-hover-underlay: rgb(75, 24, 67);
517
+ --oasys-component-button-rewards-color-primary-hover-overlay: rgb(255, 255, 255);
518
+ --oasys-component-button-rewards-color-primary-inverse-background: rgb(255, 247, 153);
519
+ --oasys-component-button-rewards-color-primary-inverse-border: rgb(255, 247, 153);
520
+ --oasys-component-button-rewards-color-primary-inverse-text: rgb(18, 18, 18);
521
+ --oasys-component-button-rewards-color-primary-inverse-selected-border: rgb(255, 247, 153);
522
+ --oasys-component-button-rewards-color-primary-inverse-hover-underlay: rgb(255, 247, 153);
523
+ --oasys-component-button-rewards-color-primary-inverse-hover-overlay: rgb(18, 18, 18);
524
+ --oasys-component-button-rewards-font-weight-primary: 400;
525
+ --oasys-component-button-rewards-font-weight-primary-inverse: 400;
526
+ --oasys-component-button-rewards-font-weight-selected-primary: 400;
527
+ --oasys-component-button-rewards-font-weight-selected-primary-inverse: 400;
528
+ --oasys-component-button-rewards-tier-2-color-primary-background: rgb(75, 24, 67);
529
+ --oasys-component-button-rewards-tier-2-color-primary-border: rgb(75, 24, 67);
530
+ --oasys-component-button-rewards-tier-2-color-primary-text: rgb(255, 255, 255);
531
+ --oasys-component-button-rewards-tier-2-color-primary-selected-border: rgb(75, 24, 67);
532
+ --oasys-component-button-rewards-tier-2-color-primary-hover-underlay: rgb(75, 24, 67);
533
+ --oasys-component-button-rewards-tier-2-color-primary-hover-overlay: rgb(255, 255, 255);
534
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-background: rgb(255, 247, 153);
535
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-border: rgb(255, 247, 153);
536
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-text: rgb(18, 18, 18);
537
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-selected-border: rgb(255, 247, 153);
538
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-underlay: rgb(255, 247, 153);
539
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-overlay: rgb(18, 18, 18);
540
+ --oasys-component-button-rewards-tier-2-font-weight-primary: 400;
541
+ --oasys-component-button-rewards-tier-2-font-weight-primary-inverse: 400;
542
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary: 400;
543
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary-inverse: 400;
506
544
  --oasys-component-button-size-large-font-size: 1.4rem;
507
545
  --oasys-component-button-size-large-inset-x: 2.3rem;
508
546
  --oasys-component-button-size-large-inset-y: 1.3rem;
@@ -515,11 +553,11 @@
515
553
  --oasys-component-button-text-transform: uppercase;
516
554
  --oasys-component-button-content-stack: 0.8rem;
517
555
  --oasys-component-button-content-height: 2rem;
518
- --oasys-component-button-color-primary-background: rgb(18, 18, 18);
519
- --oasys-component-button-color-primary-border: rgb(18, 18, 18);
556
+ --oasys-component-button-color-primary-background: rgb(75, 24, 67);
557
+ --oasys-component-button-color-primary-border: rgb(75, 24, 67);
520
558
  --oasys-component-button-color-primary-text: rgb(255, 255, 255);
521
- --oasys-component-button-color-primary-selected-border: rgb(18, 18, 18);
522
- --oasys-component-button-color-primary-hover-underlay: rgb(18, 18, 18);
559
+ --oasys-component-button-color-primary-selected-border: rgb(75, 24, 67);
560
+ --oasys-component-button-color-primary-hover-underlay: rgb(75, 24, 67);
523
561
  --oasys-component-button-color-primary-hover-overlay: rgb(255, 255, 255);
524
562
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
525
563
  --oasys-component-button-color-secondary-border: rgb(18, 18, 18);
@@ -533,11 +571,11 @@
533
571
  --oasys-component-button-color-tertiary-selected-border: rgba(0, 0, 0, 0);
534
572
  --oasys-component-button-color-tertiary-hover-underlay: rgba(0, 0, 0, 0);
535
573
  --oasys-component-button-color-tertiary-hover-overlay: rgb(18, 18, 18);
536
- --oasys-component-button-color-primary-inverse-background: rgb(255, 255, 255);
537
- --oasys-component-button-color-primary-inverse-border: rgb(255, 255, 255);
574
+ --oasys-component-button-color-primary-inverse-background: rgb(255, 247, 153);
575
+ --oasys-component-button-color-primary-inverse-border: rgb(255, 247, 153);
538
576
  --oasys-component-button-color-primary-inverse-text: rgb(18, 18, 18);
539
- --oasys-component-button-color-primary-inverse-selected-border: rgb(255, 255, 255);
540
- --oasys-component-button-color-primary-inverse-hover-underlay: rgb(255, 255, 255);
577
+ --oasys-component-button-color-primary-inverse-selected-border: rgb(255, 247, 153);
578
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(255, 247, 153);
541
579
  --oasys-component-button-color-primary-inverse-hover-overlay: rgb(18, 18, 18);
542
580
  --oasys-component-button-color-secondary-inverse-background: rgba(0, 0, 0, 0);
543
581
  --oasys-component-button-color-secondary-inverse-border: rgb(255, 255, 255);
@@ -1162,7 +1200,13 @@
1162
1200
  --oasys-component-alert-background-neutral: rgb(242, 241, 239);
1163
1201
  --oasys-component-alert-background-negative: rgb(251, 234, 234);
1164
1202
  --oasys-component-banner-spacing-mobile: near;
1165
- --oasys-component-box-on-dark-core-primary: on-light;
1203
+ --oasys-component-box-rewards-core-primary: on-dark;
1204
+ --oasys-component-box-rewards-core-secondary: on-light;
1205
+ --oasys-component-box-rewards-core-tertiary: on-light;
1206
+ --oasys-component-box-rewards-tier-2-core-primary: on-dark;
1207
+ --oasys-component-box-rewards-tier-2-core-secondary: on-light;
1208
+ --oasys-component-box-rewards-tier-2-core-tertiary: on-light;
1209
+ --oasys-component-box-on-dark-core-primary: on-dark;
1166
1210
  --oasys-component-box-on-dark-core-secondary: on-light;
1167
1211
  --oasys-component-box-on-dark-core-tertiary: on-light;
1168
1212
  --oasys-component-box-on-dark-core-quaternary: on-dark;
@@ -1180,6 +1224,38 @@
1180
1224
  --oasys-component-box-border-color-selectable: rgb(231, 230, 227);
1181
1225
  --oasys-component-box-border-style-solid: solid;
1182
1226
  --oasys-component-box-border-style-dashed: dashed;
1227
+ --oasys-component-button-rewards-color-primary-background: rgb(75, 24, 67);
1228
+ --oasys-component-button-rewards-color-primary-border: rgb(75, 24, 67);
1229
+ --oasys-component-button-rewards-color-primary-text: rgb(255, 255, 255);
1230
+ --oasys-component-button-rewards-color-primary-selected-border: rgb(75, 24, 67);
1231
+ --oasys-component-button-rewards-color-primary-hover-underlay: rgb(75, 24, 67);
1232
+ --oasys-component-button-rewards-color-primary-hover-overlay: rgb(255, 255, 255);
1233
+ --oasys-component-button-rewards-color-primary-inverse-background: rgb(255, 247, 153);
1234
+ --oasys-component-button-rewards-color-primary-inverse-border: rgb(255, 247, 153);
1235
+ --oasys-component-button-rewards-color-primary-inverse-text: rgb(18, 18, 18);
1236
+ --oasys-component-button-rewards-color-primary-inverse-selected-border: rgb(255, 247, 153);
1237
+ --oasys-component-button-rewards-color-primary-inverse-hover-underlay: rgb(255, 247, 153);
1238
+ --oasys-component-button-rewards-color-primary-inverse-hover-overlay: rgb(18, 18, 18);
1239
+ --oasys-component-button-rewards-font-weight-primary: 400;
1240
+ --oasys-component-button-rewards-font-weight-primary-inverse: 400;
1241
+ --oasys-component-button-rewards-font-weight-selected-primary: 400;
1242
+ --oasys-component-button-rewards-font-weight-selected-primary-inverse: 400;
1243
+ --oasys-component-button-rewards-tier-2-color-primary-background: rgb(75, 24, 67);
1244
+ --oasys-component-button-rewards-tier-2-color-primary-border: rgb(75, 24, 67);
1245
+ --oasys-component-button-rewards-tier-2-color-primary-text: rgb(255, 255, 255);
1246
+ --oasys-component-button-rewards-tier-2-color-primary-selected-border: rgb(75, 24, 67);
1247
+ --oasys-component-button-rewards-tier-2-color-primary-hover-underlay: rgb(75, 24, 67);
1248
+ --oasys-component-button-rewards-tier-2-color-primary-hover-overlay: rgb(255, 255, 255);
1249
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-background: rgb(255, 247, 153);
1250
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-border: rgb(255, 247, 153);
1251
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-text: rgb(18, 18, 18);
1252
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-selected-border: rgb(255, 247, 153);
1253
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-underlay: rgb(255, 247, 153);
1254
+ --oasys-component-button-rewards-tier-2-color-primary-inverse-hover-overlay: rgb(18, 18, 18);
1255
+ --oasys-component-button-rewards-tier-2-font-weight-primary: 400;
1256
+ --oasys-component-button-rewards-tier-2-font-weight-primary-inverse: 400;
1257
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary: 400;
1258
+ --oasys-component-button-rewards-tier-2-font-weight-selected-primary-inverse: 400;
1183
1259
  --oasys-component-button-size-large-font-size: 1.4rem;
1184
1260
  --oasys-component-button-size-large-inset-x: 2.3rem;
1185
1261
  --oasys-component-button-size-large-inset-y: 1.3rem;
@@ -1192,11 +1268,11 @@
1192
1268
  --oasys-component-button-text-transform: uppercase;
1193
1269
  --oasys-component-button-content-stack: 0.8rem;
1194
1270
  --oasys-component-button-content-height: 2rem;
1195
- --oasys-component-button-color-primary-background: rgb(18, 18, 18);
1196
- --oasys-component-button-color-primary-border: rgb(18, 18, 18);
1271
+ --oasys-component-button-color-primary-background: rgb(75, 24, 67);
1272
+ --oasys-component-button-color-primary-border: rgb(75, 24, 67);
1197
1273
  --oasys-component-button-color-primary-text: rgb(255, 255, 255);
1198
- --oasys-component-button-color-primary-selected-border: rgb(18, 18, 18);
1199
- --oasys-component-button-color-primary-hover-underlay: rgb(18, 18, 18);
1274
+ --oasys-component-button-color-primary-selected-border: rgb(75, 24, 67);
1275
+ --oasys-component-button-color-primary-hover-underlay: rgb(75, 24, 67);
1200
1276
  --oasys-component-button-color-primary-hover-overlay: rgb(255, 255, 255);
1201
1277
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
1202
1278
  --oasys-component-button-color-secondary-border: rgb(18, 18, 18);
@@ -1210,11 +1286,11 @@
1210
1286
  --oasys-component-button-color-tertiary-selected-border: rgba(0, 0, 0, 0);
1211
1287
  --oasys-component-button-color-tertiary-hover-underlay: rgba(0, 0, 0, 0);
1212
1288
  --oasys-component-button-color-tertiary-hover-overlay: rgb(18, 18, 18);
1213
- --oasys-component-button-color-primary-inverse-background: rgb(255, 255, 255);
1214
- --oasys-component-button-color-primary-inverse-border: rgb(255, 255, 255);
1289
+ --oasys-component-button-color-primary-inverse-background: rgb(255, 247, 153);
1290
+ --oasys-component-button-color-primary-inverse-border: rgb(255, 247, 153);
1215
1291
  --oasys-component-button-color-primary-inverse-text: rgb(18, 18, 18);
1216
- --oasys-component-button-color-primary-inverse-selected-border: rgb(255, 255, 255);
1217
- --oasys-component-button-color-primary-inverse-hover-underlay: rgb(255, 255, 255);
1292
+ --oasys-component-button-color-primary-inverse-selected-border: rgb(255, 247, 153);
1293
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(255, 247, 153);
1218
1294
  --oasys-component-button-color-primary-inverse-hover-overlay: rgb(18, 18, 18);
1219
1295
  --oasys-component-button-color-secondary-inverse-background: rgba(0, 0, 0, 0);
1220
1296
  --oasys-component-button-color-secondary-inverse-border: rgb(255, 255, 255);
package/src/assets/global/scss-breakpoints.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 13 Jul 2026 16:54:15 GMT
3
+ // Generated on Tue, 14 Jul 2026 09:36:32 GMT
4
4
 
5
5
  $oasys-size-web-breakpoint-mobile: 0px;
6
6
  $oasys-size-web-breakpoint-tablet: 767px;