oasys-lib 3.8.1 → 3.10.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 (10) hide show
  1. package/package.json +1 -1
  2. package/src/assets/bergamotte/variables.css +131 -132
  3. package/src/assets/bergamotte-loyalty-tier-1/variables.css +233 -235
  4. package/src/assets/bergamotte-loyalty-tier-2/variables.css +233 -235
  5. package/src/assets/bloomandwild/variables.css +1 -2
  6. package/src/assets/bloomandwild-loyalty-tier-1/variables.css +1 -3
  7. package/src/assets/bloomandwild-loyalty-tier-2/variables.css +1 -3
  8. package/src/assets/bloomon/variables.css +1 -2
  9. package/src/assets/bloomon-loyalty-tier-1/variables.css +1 -3
  10. package/src/assets/bloomon-loyalty-tier-2/variables.css +1 -3
package/src/assets/bergamotte-loyalty-tier-1/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Tue, 29 Sep 2026 13:14:11 GMT
3
+ * Generated on Thu, 01 Oct 2026 12:02:43 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bergamotte-loyalty-tier-1 {
@@ -69,7 +69,6 @@
69
69
  --oasys-color-white: rgb(255, 255, 255);
70
70
  --oasys-color-transparent: rgba(0, 0, 0, 0);
71
71
  --oasys-color-cotton-grey-20: rgb(222, 221, 219);
72
- --oasys-color-cotten-grey-30: rgb(204, 196, 189);
73
72
  --oasys-color-sage-60: rgb(87, 128, 108);
74
73
  --oasys-color-sage-80: rgb(48, 69, 56);
75
74
  --oasys-color-clay-50: rgb(182, 107, 85);
@@ -80,18 +79,18 @@
80
79
  --oasys-color-brand-foreground-primary: rgb(245, 53, 170);
81
80
  --oasys-color-brand-foreground-secondary: rgb(247, 246, 243);
82
81
  --oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
83
- --oasys-color-brand-foreground-secondary-on-dark: rgb(245, 53, 170);
84
- --oasys-color-brand-foreground-discount: rgb(245, 53, 170);
82
+ --oasys-color-brand-foreground-secondary-on-dark: rgb(222, 221, 219);
83
+ --oasys-color-brand-foreground-discount: rgb(182, 107, 85);
85
84
  --oasys-color-brand-foreground-highlight: rgb(245, 53, 170);
86
- --oasys-color-brand-foreground-reviews: rgb(245, 53, 170);
85
+ --oasys-color-brand-foreground-reviews: rgb(232, 176, 23);
87
86
  --oasys-color-brand-border-primary: rgb(251, 173, 221);
88
87
  --oasys-color-brand-border-primary-on-dark: rgb(251, 173, 221);
89
- --oasys-color-brand-border-secondary: rgb(251, 173, 221);
88
+ --oasys-color-brand-border-secondary: rgb(222, 221, 219);
90
89
  --oasys-color-brand-background-primary: rgb(253, 213, 238);
91
90
  --oasys-color-brand-background-secondary: rgb(253, 213, 238);
92
91
  --oasys-color-brand-background-tertiary: rgb(253, 213, 238);
93
- --oasys-color-brand-background-quaternary: rgb(253, 213, 238);
94
- --oasys-color-brand-background-highlight: rgb(253, 213, 238);
92
+ --oasys-color-brand-background-quaternary: rgb(182, 107, 85);
93
+ --oasys-color-brand-background-highlight: rgb(182, 107, 85);
95
94
  --oasys-color-brand-background-progress-bar: rgb(253, 213, 238);
96
95
  --oasys-color-brand-background-progress-bar-active: rgb(253, 213, 238);
97
96
  --oasys-color-brand-background-progress-bar-goal: rgb(253, 213, 238);
@@ -99,27 +98,27 @@
99
98
  --oasys-color-brand-background-icon: rgb(253, 213, 238);
100
99
  --oasys-color-brand-background-icon-on-dark: rgb(253, 213, 238);
101
100
  --oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
102
- --oasys-color-interaction-foreground-primary-on-dark: rgb(245, 53, 170);
101
+ --oasys-color-interaction-foreground-primary-on-dark: rgb(247, 246, 243);
103
102
  --oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
104
- --oasys-color-interaction-foreground-disabled: rgb(245, 53, 170);
103
+ --oasys-color-interaction-foreground-disabled: rgb(168, 168, 168);
105
104
  --oasys-color-interaction-background-primary: rgb(253, 213, 238);
106
105
  --oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
107
- --oasys-color-interaction-background-expressive: rgb(253, 213, 238);
108
- --oasys-color-interaction-background-selected: rgb(253, 213, 238);
109
- --oasys-color-interaction-background-disabled: rgb(253, 213, 238);
110
- --oasys-color-interaction-background-danger: rgb(253, 213, 238);
106
+ --oasys-color-interaction-background-expressive: rgb(87, 128, 108);
107
+ --oasys-color-interaction-background-selected: rgb(28, 28, 28);
108
+ --oasys-color-interaction-background-disabled: rgb(222, 221, 219);
109
+ --oasys-color-interaction-background-danger: rgb(182, 107, 85);
111
110
  --oasys-color-interaction-background-rewards: rgb(253, 213, 238);
112
111
  --oasys-color-interaction-background-rewards-on-dark: rgb(253, 213, 238);
113
- --oasys-color-interaction-border-selected: rgb(251, 173, 221);
114
- --oasys-color-interaction-border-selectable: rgb(251, 173, 221);
115
- --oasys-color-interaction-border-focus: rgb(251, 173, 221);
116
- --oasys-color-interaction-border-danger: rgb(251, 173, 221);
117
- --oasys-color-system-foreground-neutral: rgb(245, 53, 170);
118
- --oasys-color-system-foreground-positive: rgb(245, 53, 170);
119
- --oasys-color-system-foreground-negative: rgb(245, 53, 170);
120
- --oasys-color-system-background-neutral: rgb(253, 213, 238);
121
- --oasys-color-system-background-positive: rgb(253, 213, 238);
122
- --oasys-color-system-background-negative: rgb(253, 213, 238);
112
+ --oasys-color-interaction-border-selected: rgb(28, 28, 28);
113
+ --oasys-color-interaction-border-selectable: rgb(222, 221, 219);
114
+ --oasys-color-interaction-border-focus: rgb(39, 113, 252);
115
+ --oasys-color-interaction-border-danger: rgb(182, 107, 85);
116
+ --oasys-color-system-foreground-neutral: rgb(255, 255, 255);
117
+ --oasys-color-system-foreground-positive: rgb(68, 121, 100);
118
+ --oasys-color-system-foreground-negative: rgb(201, 17, 17);
119
+ --oasys-color-system-background-neutral: rgb(242, 241, 239);
120
+ --oasys-color-system-background-positive: rgb(240, 246, 244);
121
+ --oasys-color-system-background-negative: rgb(251, 234, 234);
123
122
  --oasys-color-rewards-background-primary: rgb(253, 213, 238);
124
123
  --oasys-color-rewards-background-secondary: rgb(253, 213, 238);
125
124
  --oasys-color-rewards-background-tertiary: rgb(253, 213, 238);
@@ -431,16 +430,16 @@
431
430
  --oasys-spacing-tight: 0.8rem;
432
431
  --oasys-spacing-default: 2.4rem;
433
432
  --oasys-radius-round: 99.9rem;
434
- --oasys-radius-layout: 0.4rem;
433
+ --oasys-radius-layout: 0;
435
434
  --oasys-radius-soften: 0;
436
435
  --oasys-radius-rewards-primary: 0;
437
- --oasys-radius-rewards-secondary: 0.4rem;
436
+ --oasys-radius-rewards-secondary: 0;
438
437
  --oasys-radius-rewards-icon: 99.9rem;
439
438
  --oasys-radius-primary: 0;
440
- --oasys-radius-secondary: 0.4rem;
439
+ --oasys-radius-secondary: 0;
441
440
  --oasys-radius-icon: 99.9rem;
442
- --oasys-gutter-large: 4.8rem;
443
- --oasys-gutter-small: 2.4rem;
441
+ --oasys-gutter-large: 3.2rem;
442
+ --oasys-gutter-small: 1.6rem;
444
443
  --oasys-loyalty-tier-1-color-brand-background-primary: rgb(253, 213, 238);
445
444
  --oasys-loyalty-tier-1-color-brand-background-secondary: rgb(253, 213, 238);
446
445
  --oasys-loyalty-tier-1-color-brand-background-tertiary: rgb(253, 213, 238);
@@ -458,7 +457,7 @@
458
457
  --oasys-loyalty-tier-1-color-interaction-background-primary: rgb(253, 213, 238);
459
458
  --oasys-loyalty-tier-1-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
460
459
  --oasys-loyalty-tier-1-radius-primary: 0;
461
- --oasys-loyalty-tier-1-radius-secondary: 0.4rem;
460
+ --oasys-loyalty-tier-1-radius-secondary: 0;
462
461
  --oasys-loyalty-tier-1-radius-icon: 99.9rem;
463
462
  --oasys-loyalty-tier-2-color-brand-background-primary: rgb(253, 213, 238);
464
463
  --oasys-loyalty-tier-2-color-brand-background-secondary: rgb(253, 213, 238);
@@ -477,14 +476,14 @@
477
476
  --oasys-loyalty-tier-2-color-interaction-background-primary: rgb(253, 213, 238);
478
477
  --oasys-loyalty-tier-2-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
479
478
  --oasys-loyalty-tier-2-radius-primary: 0;
480
- --oasys-loyalty-tier-2-radius-secondary: 0.4rem;
479
+ --oasys-loyalty-tier-2-radius-secondary: 0;
481
480
  --oasys-loyalty-tier-2-radius-icon: 99.9rem;
482
- --oasys-component-alert-badge-positive: rgb(251, 173, 221);
483
- --oasys-component-alert-badge-neutral: rgb(251, 173, 221);
484
- --oasys-component-alert-badge-negative: rgb(251, 173, 221);
485
- --oasys-component-alert-background-positive: rgb(253, 213, 238);
486
- --oasys-component-alert-background-neutral: rgb(253, 213, 238);
487
- --oasys-component-alert-background-negative: rgb(253, 213, 238);
481
+ --oasys-component-alert-badge-positive: rgb(68, 121, 100);
482
+ --oasys-component-alert-badge-neutral: rgb(255, 255, 255);
483
+ --oasys-component-alert-badge-negative: rgb(201, 17, 17);
484
+ --oasys-component-alert-background-positive: rgb(240, 246, 244);
485
+ --oasys-component-alert-background-neutral: rgb(242, 241, 239);
486
+ --oasys-component-alert-background-negative: rgb(251, 234, 234);
488
487
  --oasys-component-banner-spacing-mobile: default;
489
488
  --oasys-component-box-on-dark-core-primary: on-light;
490
489
  --oasys-component-box-on-dark-core-secondary: on-light;
@@ -499,9 +498,9 @@
499
498
  --oasys-component-box-border-prominent: 0.2rem;
500
499
  --oasys-component-box-border-color-primary: rgb(251, 173, 221);
501
500
  --oasys-component-box-border-color-primary-on-dark: rgb(251, 173, 221);
502
- --oasys-component-box-border-color-secondary: rgb(251, 173, 221);
503
- --oasys-component-box-border-color-selected: rgb(251, 173, 221);
504
- --oasys-component-box-border-color-selectable: rgb(251, 173, 221);
501
+ --oasys-component-box-border-color-secondary: rgb(222, 221, 219);
502
+ --oasys-component-box-border-color-selected: rgb(28, 28, 28);
503
+ --oasys-component-box-border-color-selectable: rgb(222, 221, 219);
505
504
  --oasys-component-box-border-style-solid: solid;
506
505
  --oasys-component-box-border-style-dashed: dashed;
507
506
  --oasys-component-button-size-large-font-size: 1.8rem;
@@ -518,91 +517,91 @@
518
517
  --oasys-component-button-content-height: 2rem;
519
518
  --oasys-component-button-color-primary-background: rgb(253, 213, 238);
520
519
  --oasys-component-button-color-primary-border: rgb(253, 213, 238);
521
- --oasys-component-button-color-primary-text: rgb(245, 53, 170);
520
+ --oasys-component-button-color-primary-text: rgb(247, 246, 243);
522
521
  --oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
523
522
  --oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
524
- --oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
523
+ --oasys-component-button-color-primary-hover-overlay: rgb(247, 246, 243);
525
524
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
526
525
  --oasys-component-button-color-secondary-border: rgb(56, 55, 55);
527
526
  --oasys-component-button-color-secondary-text: rgb(245, 53, 170);
528
- --oasys-component-button-color-secondary-selected-border: rgb(251, 173, 221);
529
- --oasys-component-button-color-secondary-hover-underlay: rgb(251, 173, 221);
530
- --oasys-component-button-color-secondary-hover-overlay: rgb(251, 173, 221);
531
- --oasys-component-button-color-tertiary-background: rgb(253, 213, 238);
532
- --oasys-component-button-color-tertiary-border: rgb(251, 173, 221);
533
- --oasys-component-button-color-tertiary-text: rgb(245, 53, 170);
534
- --oasys-component-button-color-tertiary-selected-border: rgb(251, 173, 221);
535
- --oasys-component-button-color-tertiary-hover-underlay: rgb(251, 173, 221);
536
- --oasys-component-button-color-tertiary-hover-overlay: rgb(251, 173, 221);
527
+ --oasys-component-button-color-secondary-selected-border: rgb(56, 55, 55);
528
+ --oasys-component-button-color-secondary-hover-underlay: rgba(0, 0, 0, 0);
529
+ --oasys-component-button-color-secondary-hover-overlay: rgb(56, 55, 55);
530
+ --oasys-component-button-color-tertiary-background: rgba(0, 0, 0, 0);
531
+ --oasys-component-button-color-tertiary-border: rgba(0, 0, 0, 0);
532
+ --oasys-component-button-color-tertiary-text: rgb(56, 55, 55);
533
+ --oasys-component-button-color-tertiary-selected-border: rgba(0, 0, 0, 0);
534
+ --oasys-component-button-color-tertiary-hover-underlay: rgba(0, 0, 0, 0);
535
+ --oasys-component-button-color-tertiary-hover-overlay: rgb(56, 55, 55);
537
536
  --oasys-component-button-color-primary-inverse-background: rgb(253, 213, 238);
538
- --oasys-component-button-color-primary-inverse-border: rgb(251, 173, 221);
539
- --oasys-component-button-color-primary-inverse-text: rgb(245, 53, 170);
540
- --oasys-component-button-color-primary-inverse-selected-border: rgb(251, 173, 221);
541
- --oasys-component-button-color-primary-inverse-hover-underlay: rgb(251, 173, 221);
542
- --oasys-component-button-color-primary-inverse-hover-overlay: rgb(251, 173, 221);
543
- --oasys-component-button-color-secondary-inverse-background: rgb(253, 213, 238);
544
- --oasys-component-button-color-secondary-inverse-border: rgb(251, 173, 221);
545
- --oasys-component-button-color-secondary-inverse-text: rgb(245, 53, 170);
546
- --oasys-component-button-color-secondary-inverse-selected-border: rgb(251, 173, 221);
547
- --oasys-component-button-color-secondary-inverse-hover-underlay: rgb(251, 173, 221);
548
- --oasys-component-button-color-secondary-inverse-hover-overlay: rgb(251, 173, 221);
549
- --oasys-component-button-color-tertiary-inverse-background: rgb(253, 213, 238);
550
- --oasys-component-button-color-tertiary-inverse-border: rgb(251, 173, 221);
551
- --oasys-component-button-color-tertiary-inverse-text: rgb(245, 53, 170);
552
- --oasys-component-button-color-tertiary-inverse-selected-border: rgb(251, 173, 221);
553
- --oasys-component-button-color-tertiary-inverse-hover-underlay: rgb(251, 173, 221);
554
- --oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(251, 173, 221);
555
- --oasys-component-button-color-expressive-background: rgb(253, 213, 238);
556
- --oasys-component-button-color-expressive-border: rgb(251, 173, 221);
557
- --oasys-component-button-color-expressive-text: rgb(245, 53, 170);
558
- --oasys-component-button-color-expressive-selected-border: rgb(251, 173, 221);
559
- --oasys-component-button-color-expressive-hover-underlay: rgb(251, 173, 221);
560
- --oasys-component-button-color-expressive-hover-overlay: rgb(251, 173, 221);
561
- --oasys-component-button-color-danger-background: rgb(253, 213, 238);
562
- --oasys-component-button-color-danger-border: rgb(251, 173, 221);
563
- --oasys-component-button-color-danger-text: rgb(245, 53, 170);
564
- --oasys-component-button-color-danger-selected-border: rgb(251, 173, 221);
565
- --oasys-component-button-color-danger-hover-underlay: rgb(251, 173, 221);
566
- --oasys-component-button-color-danger-hover-overlay: rgb(251, 173, 221);
567
- --oasys-component-button-color-facebook-background: rgb(253, 213, 238);
568
- --oasys-component-button-color-facebook-border: rgb(251, 173, 221);
569
- --oasys-component-button-color-facebook-text: rgb(245, 53, 170);
570
- --oasys-component-button-color-facebook-selected-border: rgb(251, 173, 221);
571
- --oasys-component-button-color-facebook-hover-underlay: rgb(251, 173, 221);
572
- --oasys-component-button-color-facebook-hover-overlay: rgb(251, 173, 221);
573
- --oasys-component-button-color-paypal-background: rgb(253, 213, 238);
574
- --oasys-component-button-color-paypal-border: rgb(251, 173, 221);
575
- --oasys-component-button-color-paypal-text: rgb(245, 53, 170);
576
- --oasys-component-button-color-paypal-selected-border: rgb(251, 173, 221);
577
- --oasys-component-button-color-paypal-hover-underlay: rgb(251, 173, 221);
578
- --oasys-component-button-color-paypal-hover-overlay: rgb(251, 173, 221);
579
- --oasys-component-button-color-trustpilot-background: rgb(253, 213, 238);
580
- --oasys-component-button-color-trustpilot-border: rgb(251, 173, 221);
581
- --oasys-component-button-color-trustpilot-text: rgb(245, 53, 170);
582
- --oasys-component-button-color-trustpilot-selected-border: rgb(251, 173, 221);
583
- --oasys-component-button-color-trustpilot-hover-underlay: rgb(251, 173, 221);
584
- --oasys-component-button-color-trustpilot-hover-overlay: rgb(251, 173, 221);
537
+ --oasys-component-button-color-primary-inverse-border: rgb(253, 213, 238);
538
+ --oasys-component-button-color-primary-inverse-text: rgb(56, 55, 55);
539
+ --oasys-component-button-color-primary-inverse-selected-border: rgb(253, 213, 238);
540
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(253, 213, 238);
541
+ --oasys-component-button-color-primary-inverse-hover-overlay: rgb(56, 55, 55);
542
+ --oasys-component-button-color-secondary-inverse-background: rgba(0, 0, 0, 0);
543
+ --oasys-component-button-color-secondary-inverse-border: rgb(253, 213, 238);
544
+ --oasys-component-button-color-secondary-inverse-text: rgb(247, 246, 243);
545
+ --oasys-component-button-color-secondary-inverse-selected-border: rgb(253, 213, 238);
546
+ --oasys-component-button-color-secondary-inverse-hover-underlay: rgba(0, 0, 0, 0);
547
+ --oasys-component-button-color-secondary-inverse-hover-overlay: rgb(247, 246, 243);
548
+ --oasys-component-button-color-tertiary-inverse-background: rgba(0, 0, 0, 0);
549
+ --oasys-component-button-color-tertiary-inverse-border: rgba(0, 0, 0, 0);
550
+ --oasys-component-button-color-tertiary-inverse-text: rgb(247, 246, 243);
551
+ --oasys-component-button-color-tertiary-inverse-selected-border: rgba(0, 0, 0, 0);
552
+ --oasys-component-button-color-tertiary-inverse-hover-underlay: rgba(0, 0, 0, 0);
553
+ --oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(247, 246, 243);
554
+ --oasys-component-button-color-expressive-background: rgb(87, 128, 108);
555
+ --oasys-component-button-color-expressive-border: rgb(87, 128, 108);
556
+ --oasys-component-button-color-expressive-text: rgb(56, 55, 55);
557
+ --oasys-component-button-color-expressive-selected-border: rgb(87, 128, 108);
558
+ --oasys-component-button-color-expressive-hover-underlay: rgb(87, 128, 108);
559
+ --oasys-component-button-color-expressive-hover-overlay: rgb(56, 55, 55);
560
+ --oasys-component-button-color-danger-background: rgb(182, 107, 85);
561
+ --oasys-component-button-color-danger-border: rgb(182, 107, 85);
562
+ --oasys-component-button-color-danger-text: rgb(247, 246, 243);
563
+ --oasys-component-button-color-danger-selected-border: rgb(182, 107, 85);
564
+ --oasys-component-button-color-danger-hover-underlay: rgb(182, 107, 85);
565
+ --oasys-component-button-color-danger-hover-overlay: rgb(245, 53, 170);
566
+ --oasys-component-button-color-facebook-background: rgb(72, 91, 148);
567
+ --oasys-component-button-color-facebook-border: rgb(72, 91, 148);
568
+ --oasys-component-button-color-facebook-text: rgb(247, 246, 243);
569
+ --oasys-component-button-color-facebook-selected-border: rgb(72, 91, 148);
570
+ --oasys-component-button-color-facebook-hover-underlay: rgb(72, 91, 148);
571
+ --oasys-component-button-color-facebook-hover-overlay: rgb(247, 246, 243);
572
+ --oasys-component-button-color-paypal-background: rgb(255, 196, 58);
573
+ --oasys-component-button-color-paypal-border: rgb(255, 196, 58);
574
+ --oasys-component-button-color-paypal-text: rgb(56, 55, 55);
575
+ --oasys-component-button-color-paypal-selected-border: rgb(255, 196, 58);
576
+ --oasys-component-button-color-paypal-hover-underlay: rgb(255, 196, 58);
577
+ --oasys-component-button-color-paypal-hover-overlay: rgb(56, 55, 55);
578
+ --oasys-component-button-color-trustpilot-background: rgb(41, 180, 124);
579
+ --oasys-component-button-color-trustpilot-border: rgb(41, 180, 124);
580
+ --oasys-component-button-color-trustpilot-text: rgb(247, 246, 243);
581
+ --oasys-component-button-color-trustpilot-selected-border: rgb(41, 180, 124);
582
+ --oasys-component-button-color-trustpilot-hover-underlay: rgb(41, 180, 124);
583
+ --oasys-component-button-color-trustpilot-hover-overlay: rgb(247, 246, 243);
585
584
  --oasys-component-button-color-rewards-background: rgb(253, 213, 238);
586
585
  --oasys-component-button-color-rewards-border: rgb(251, 173, 221);
587
- --oasys-component-button-color-rewards-text: rgb(245, 53, 170);
586
+ --oasys-component-button-color-rewards-text: rgb(247, 246, 243);
588
587
  --oasys-component-button-color-rewards-selected-border: rgb(251, 173, 221);
589
588
  --oasys-component-button-color-rewards-hover-underlay: rgb(251, 173, 221);
590
- --oasys-component-button-color-rewards-hover-overlay: rgb(251, 173, 221);
589
+ --oasys-component-button-color-rewards-hover-overlay: rgb(247, 246, 243);
591
590
  --oasys-component-button-color-rewards-on-dark-background: rgb(253, 213, 238);
592
591
  --oasys-component-button-color-rewards-on-dark-border: rgb(251, 173, 221);
593
- --oasys-component-button-color-rewards-on-dark-text: rgb(245, 53, 170);
592
+ --oasys-component-button-color-rewards-on-dark-text: rgb(56, 55, 55);
594
593
  --oasys-component-button-color-rewards-on-dark-selected-border: rgb(251, 173, 221);
595
594
  --oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(251, 173, 221);
596
- --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(251, 173, 221);
595
+ --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(56, 55, 55);
597
596
  --oasys-component-button-color-chip-background: rgb(253, 213, 238);
598
- --oasys-component-button-color-chip-border: rgb(251, 173, 221);
599
- --oasys-component-button-color-chip-text: rgb(245, 53, 170);
600
- --oasys-component-button-color-chip-selected-border: rgb(251, 173, 221);
601
- --oasys-component-button-color-chip-hover-underlay: rgb(251, 173, 221);
602
- --oasys-component-button-color-chip-hover-overlay: rgb(251, 173, 221);
603
- --oasys-component-button-color-disabled-background: rgb(253, 213, 238);
604
- --oasys-component-button-color-disabled-border: rgb(251, 173, 221);
605
- --oasys-component-button-color-disabled-text: rgb(245, 53, 170);
597
+ --oasys-component-button-color-chip-border: rgb(222, 221, 219);
598
+ --oasys-component-button-color-chip-text: rgb(56, 55, 55);
599
+ --oasys-component-button-color-chip-selected-border: rgb(56, 55, 55);
600
+ --oasys-component-button-color-chip-hover-underlay: rgb(252, 245, 234);
601
+ --oasys-component-button-color-chip-hover-overlay: rgba(0, 0, 0, 0);
602
+ --oasys-component-button-color-disabled-background: rgb(222, 221, 219);
603
+ --oasys-component-button-color-disabled-border: rgb(222, 221, 219);
604
+ --oasys-component-button-color-disabled-text: rgb(168, 168, 168);
606
605
  --oasys-component-button-letter-spacing: 0;
607
606
  --oasys-component-button-font-weight-primary: 500;
608
607
  --oasys-component-button-font-weight-secondary: 500;
@@ -651,20 +650,20 @@
651
650
  --oasys-component-hero-actions-alignment: center;
652
651
  --oasys-component-hero-inset-spacing-large: expanded;
653
652
  --oasys-component-hero-inset-spacing-small: default;
654
- --oasys-component-label-type-free-delivery-background: rgb(253, 213, 238);
653
+ --oasys-component-label-type-free-delivery-background: rgb(245, 53, 170);
655
654
  --oasys-component-label-type-free-delivery-foreground: rgb(245, 53, 170);
656
- --oasys-component-label-type-featured-background: rgb(253, 213, 238);
655
+ --oasys-component-label-type-featured-background: rgb(245, 53, 170);
657
656
  --oasys-component-label-type-featured-foreground: rgb(245, 53, 170);
658
- --oasys-component-label-type-limited-edition-background: rgb(253, 213, 238);
657
+ --oasys-component-label-type-limited-edition-background: rgb(182, 107, 85);
659
658
  --oasys-component-label-type-limited-edition-foreground: rgb(245, 53, 170);
660
659
  --oasys-component-label-type-rewards-bonus-points-background: rgb(253, 213, 238);
661
660
  --oasys-component-label-type-rewards-bonus-points-foreground: rgb(245, 53, 170);
662
661
  --oasys-component-price-weight-hero: 500;
663
662
  --oasys-component-price-weight-primary: 500;
664
663
  --oasys-component-price-weight-supporting: 500;
665
- --oasys-component-price-color-price-after-discount: rgb(245, 53, 170);
666
- --oasys-component-progress-bar-color-bar: rgb(251, 173, 221);
667
- --oasys-component-progress-bar-color-track: rgb(251, 173, 221);
664
+ --oasys-component-price-color-price-after-discount: rgb(182, 107, 85);
665
+ --oasys-component-progress-bar-color-bar: rgb(56, 55, 55);
666
+ --oasys-component-progress-bar-color-track: rgb(222, 221, 219);
668
667
  --oasys-component-radio-icon-inset: 0.6rem;
669
668
  --oasys-component-radio-icon-size-primary: 1rem;
670
669
  --oasys-component-radio-icon-size-secondary: 0.6rem;
@@ -677,8 +676,8 @@
677
676
  --oasys-component-section-image-aspect-ratio-spotlight: 1:1;
678
677
  --oasys-component-section-image-aspect-ratio-inform: 5:3;
679
678
  --oasys-component-text-input-preface-width: 5.6rem;
680
- --oasys-component-text-input-color-disabled-background: rgb(253, 213, 238);
681
- --oasys-component-text-input-color-disabled-foreground: rgb(245, 53, 170);
679
+ --oasys-component-text-input-color-disabled-background: rgb(222, 221, 219);
680
+ --oasys-component-text-input-color-disabled-foreground: rgb(168, 168, 168);
682
681
  --oasys-component-promo-card-image-aspect-ratio: 5/4;
683
682
  --oasys-component-promo-card-heading-alignment: center;
684
683
  --oasys-typography-body-body-font-family: 'ABC Diatype';
@@ -974,7 +973,6 @@
974
973
  --oasys-color-white: rgb(255, 255, 255);
975
974
  --oasys-color-transparent: rgba(0, 0, 0, 0);
976
975
  --oasys-color-cotton-grey-20: rgb(222, 221, 219);
977
- --oasys-color-cotten-grey-30: rgb(204, 196, 189);
978
976
  --oasys-color-sage-60: rgb(87, 128, 108);
979
977
  --oasys-color-sage-80: rgb(48, 69, 56);
980
978
  --oasys-color-clay-50: rgb(182, 107, 85);
@@ -985,18 +983,18 @@
985
983
  --oasys-color-brand-foreground-primary: rgb(245, 53, 170);
986
984
  --oasys-color-brand-foreground-secondary: rgb(247, 246, 243);
987
985
  --oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
988
- --oasys-color-brand-foreground-secondary-on-dark: rgb(245, 53, 170);
989
- --oasys-color-brand-foreground-discount: rgb(245, 53, 170);
986
+ --oasys-color-brand-foreground-secondary-on-dark: rgb(222, 221, 219);
987
+ --oasys-color-brand-foreground-discount: rgb(182, 107, 85);
990
988
  --oasys-color-brand-foreground-highlight: rgb(245, 53, 170);
991
- --oasys-color-brand-foreground-reviews: rgb(245, 53, 170);
989
+ --oasys-color-brand-foreground-reviews: rgb(232, 176, 23);
992
990
  --oasys-color-brand-border-primary: rgb(251, 173, 221);
993
991
  --oasys-color-brand-border-primary-on-dark: rgb(251, 173, 221);
994
- --oasys-color-brand-border-secondary: rgb(251, 173, 221);
992
+ --oasys-color-brand-border-secondary: rgb(222, 221, 219);
995
993
  --oasys-color-brand-background-primary: rgb(253, 213, 238);
996
994
  --oasys-color-brand-background-secondary: rgb(253, 213, 238);
997
995
  --oasys-color-brand-background-tertiary: rgb(253, 213, 238);
998
- --oasys-color-brand-background-quaternary: rgb(253, 213, 238);
999
- --oasys-color-brand-background-highlight: rgb(253, 213, 238);
996
+ --oasys-color-brand-background-quaternary: rgb(182, 107, 85);
997
+ --oasys-color-brand-background-highlight: rgb(182, 107, 85);
1000
998
  --oasys-color-brand-background-progress-bar: rgb(253, 213, 238);
1001
999
  --oasys-color-brand-background-progress-bar-active: rgb(253, 213, 238);
1002
1000
  --oasys-color-brand-background-progress-bar-goal: rgb(253, 213, 238);
@@ -1004,27 +1002,27 @@
1004
1002
  --oasys-color-brand-background-icon: rgb(253, 213, 238);
1005
1003
  --oasys-color-brand-background-icon-on-dark: rgb(253, 213, 238);
1006
1004
  --oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
1007
- --oasys-color-interaction-foreground-primary-on-dark: rgb(245, 53, 170);
1005
+ --oasys-color-interaction-foreground-primary-on-dark: rgb(247, 246, 243);
1008
1006
  --oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
1009
- --oasys-color-interaction-foreground-disabled: rgb(245, 53, 170);
1007
+ --oasys-color-interaction-foreground-disabled: rgb(168, 168, 168);
1010
1008
  --oasys-color-interaction-background-primary: rgb(253, 213, 238);
1011
1009
  --oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
1012
- --oasys-color-interaction-background-expressive: rgb(253, 213, 238);
1013
- --oasys-color-interaction-background-selected: rgb(253, 213, 238);
1014
- --oasys-color-interaction-background-disabled: rgb(253, 213, 238);
1015
- --oasys-color-interaction-background-danger: rgb(253, 213, 238);
1010
+ --oasys-color-interaction-background-expressive: rgb(87, 128, 108);
1011
+ --oasys-color-interaction-background-selected: rgb(28, 28, 28);
1012
+ --oasys-color-interaction-background-disabled: rgb(222, 221, 219);
1013
+ --oasys-color-interaction-background-danger: rgb(182, 107, 85);
1016
1014
  --oasys-color-interaction-background-rewards: rgb(253, 213, 238);
1017
1015
  --oasys-color-interaction-background-rewards-on-dark: rgb(253, 213, 238);
1018
- --oasys-color-interaction-border-selected: rgb(251, 173, 221);
1019
- --oasys-color-interaction-border-selectable: rgb(251, 173, 221);
1020
- --oasys-color-interaction-border-focus: rgb(251, 173, 221);
1021
- --oasys-color-interaction-border-danger: rgb(251, 173, 221);
1022
- --oasys-color-system-foreground-neutral: rgb(245, 53, 170);
1023
- --oasys-color-system-foreground-positive: rgb(245, 53, 170);
1024
- --oasys-color-system-foreground-negative: rgb(245, 53, 170);
1025
- --oasys-color-system-background-neutral: rgb(253, 213, 238);
1026
- --oasys-color-system-background-positive: rgb(253, 213, 238);
1027
- --oasys-color-system-background-negative: rgb(253, 213, 238);
1016
+ --oasys-color-interaction-border-selected: rgb(28, 28, 28);
1017
+ --oasys-color-interaction-border-selectable: rgb(222, 221, 219);
1018
+ --oasys-color-interaction-border-focus: rgb(39, 113, 252);
1019
+ --oasys-color-interaction-border-danger: rgb(182, 107, 85);
1020
+ --oasys-color-system-foreground-neutral: rgb(255, 255, 255);
1021
+ --oasys-color-system-foreground-positive: rgb(68, 121, 100);
1022
+ --oasys-color-system-foreground-negative: rgb(201, 17, 17);
1023
+ --oasys-color-system-background-neutral: rgb(242, 241, 239);
1024
+ --oasys-color-system-background-positive: rgb(240, 246, 244);
1025
+ --oasys-color-system-background-negative: rgb(251, 234, 234);
1028
1026
  --oasys-color-rewards-background-primary: rgb(253, 213, 238);
1029
1027
  --oasys-color-rewards-background-secondary: rgb(253, 213, 238);
1030
1028
  --oasys-color-rewards-background-tertiary: rgb(253, 213, 238);
@@ -1336,16 +1334,16 @@
1336
1334
  --oasys-spacing-tight: 0.8rem;
1337
1335
  --oasys-spacing-default: 2.4rem;
1338
1336
  --oasys-radius-round: 99.9rem;
1339
- --oasys-radius-layout: 0.4rem;
1337
+ --oasys-radius-layout: 0;
1340
1338
  --oasys-radius-soften: 0;
1341
1339
  --oasys-radius-rewards-primary: 0;
1342
- --oasys-radius-rewards-secondary: 0.4rem;
1340
+ --oasys-radius-rewards-secondary: 0;
1343
1341
  --oasys-radius-rewards-icon: 99.9rem;
1344
1342
  --oasys-radius-primary: 0;
1345
- --oasys-radius-secondary: 0.4rem;
1343
+ --oasys-radius-secondary: 0;
1346
1344
  --oasys-radius-icon: 99.9rem;
1347
- --oasys-gutter-large: 4.8rem;
1348
- --oasys-gutter-small: 2.4rem;
1345
+ --oasys-gutter-large: 3.2rem;
1346
+ --oasys-gutter-small: 1.6rem;
1349
1347
  --oasys-loyalty-tier-1-color-brand-background-primary: rgb(253, 213, 238);
1350
1348
  --oasys-loyalty-tier-1-color-brand-background-secondary: rgb(253, 213, 238);
1351
1349
  --oasys-loyalty-tier-1-color-brand-background-tertiary: rgb(253, 213, 238);
@@ -1363,7 +1361,7 @@
1363
1361
  --oasys-loyalty-tier-1-color-interaction-background-primary: rgb(253, 213, 238);
1364
1362
  --oasys-loyalty-tier-1-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
1365
1363
  --oasys-loyalty-tier-1-radius-primary: 0;
1366
- --oasys-loyalty-tier-1-radius-secondary: 0.4rem;
1364
+ --oasys-loyalty-tier-1-radius-secondary: 0;
1367
1365
  --oasys-loyalty-tier-1-radius-icon: 99.9rem;
1368
1366
  --oasys-loyalty-tier-2-color-brand-background-primary: rgb(253, 213, 238);
1369
1367
  --oasys-loyalty-tier-2-color-brand-background-secondary: rgb(253, 213, 238);
@@ -1382,14 +1380,14 @@
1382
1380
  --oasys-loyalty-tier-2-color-interaction-background-primary: rgb(253, 213, 238);
1383
1381
  --oasys-loyalty-tier-2-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
1384
1382
  --oasys-loyalty-tier-2-radius-primary: 0;
1385
- --oasys-loyalty-tier-2-radius-secondary: 0.4rem;
1383
+ --oasys-loyalty-tier-2-radius-secondary: 0;
1386
1384
  --oasys-loyalty-tier-2-radius-icon: 99.9rem;
1387
- --oasys-component-alert-badge-positive: rgb(251, 173, 221);
1388
- --oasys-component-alert-badge-neutral: rgb(251, 173, 221);
1389
- --oasys-component-alert-badge-negative: rgb(251, 173, 221);
1390
- --oasys-component-alert-background-positive: rgb(253, 213, 238);
1391
- --oasys-component-alert-background-neutral: rgb(253, 213, 238);
1392
- --oasys-component-alert-background-negative: rgb(253, 213, 238);
1385
+ --oasys-component-alert-badge-positive: rgb(68, 121, 100);
1386
+ --oasys-component-alert-badge-neutral: rgb(255, 255, 255);
1387
+ --oasys-component-alert-badge-negative: rgb(201, 17, 17);
1388
+ --oasys-component-alert-background-positive: rgb(240, 246, 244);
1389
+ --oasys-component-alert-background-neutral: rgb(242, 241, 239);
1390
+ --oasys-component-alert-background-negative: rgb(251, 234, 234);
1393
1391
  --oasys-component-banner-spacing-mobile: default;
1394
1392
  --oasys-component-box-on-dark-core-primary: on-light;
1395
1393
  --oasys-component-box-on-dark-core-secondary: on-light;
@@ -1404,9 +1402,9 @@
1404
1402
  --oasys-component-box-border-prominent: 0.2rem;
1405
1403
  --oasys-component-box-border-color-primary: rgb(251, 173, 221);
1406
1404
  --oasys-component-box-border-color-primary-on-dark: rgb(251, 173, 221);
1407
- --oasys-component-box-border-color-secondary: rgb(251, 173, 221);
1408
- --oasys-component-box-border-color-selected: rgb(251, 173, 221);
1409
- --oasys-component-box-border-color-selectable: rgb(251, 173, 221);
1405
+ --oasys-component-box-border-color-secondary: rgb(222, 221, 219);
1406
+ --oasys-component-box-border-color-selected: rgb(28, 28, 28);
1407
+ --oasys-component-box-border-color-selectable: rgb(222, 221, 219);
1410
1408
  --oasys-component-box-border-style-solid: solid;
1411
1409
  --oasys-component-box-border-style-dashed: dashed;
1412
1410
  --oasys-component-button-size-large-font-size: 1.8rem;
@@ -1423,91 +1421,91 @@
1423
1421
  --oasys-component-button-content-height: 2rem;
1424
1422
  --oasys-component-button-color-primary-background: rgb(253, 213, 238);
1425
1423
  --oasys-component-button-color-primary-border: rgb(253, 213, 238);
1426
- --oasys-component-button-color-primary-text: rgb(245, 53, 170);
1424
+ --oasys-component-button-color-primary-text: rgb(247, 246, 243);
1427
1425
  --oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
1428
1426
  --oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
1429
- --oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
1427
+ --oasys-component-button-color-primary-hover-overlay: rgb(247, 246, 243);
1430
1428
  --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
1431
1429
  --oasys-component-button-color-secondary-border: rgb(56, 55, 55);
1432
1430
  --oasys-component-button-color-secondary-text: rgb(245, 53, 170);
1433
- --oasys-component-button-color-secondary-selected-border: rgb(251, 173, 221);
1434
- --oasys-component-button-color-secondary-hover-underlay: rgb(251, 173, 221);
1435
- --oasys-component-button-color-secondary-hover-overlay: rgb(251, 173, 221);
1436
- --oasys-component-button-color-tertiary-background: rgb(253, 213, 238);
1437
- --oasys-component-button-color-tertiary-border: rgb(251, 173, 221);
1438
- --oasys-component-button-color-tertiary-text: rgb(245, 53, 170);
1439
- --oasys-component-button-color-tertiary-selected-border: rgb(251, 173, 221);
1440
- --oasys-component-button-color-tertiary-hover-underlay: rgb(251, 173, 221);
1441
- --oasys-component-button-color-tertiary-hover-overlay: rgb(251, 173, 221);
1431
+ --oasys-component-button-color-secondary-selected-border: rgb(56, 55, 55);
1432
+ --oasys-component-button-color-secondary-hover-underlay: rgba(0, 0, 0, 0);
1433
+ --oasys-component-button-color-secondary-hover-overlay: rgb(56, 55, 55);
1434
+ --oasys-component-button-color-tertiary-background: rgba(0, 0, 0, 0);
1435
+ --oasys-component-button-color-tertiary-border: rgba(0, 0, 0, 0);
1436
+ --oasys-component-button-color-tertiary-text: rgb(56, 55, 55);
1437
+ --oasys-component-button-color-tertiary-selected-border: rgba(0, 0, 0, 0);
1438
+ --oasys-component-button-color-tertiary-hover-underlay: rgba(0, 0, 0, 0);
1439
+ --oasys-component-button-color-tertiary-hover-overlay: rgb(56, 55, 55);
1442
1440
  --oasys-component-button-color-primary-inverse-background: rgb(253, 213, 238);
1443
- --oasys-component-button-color-primary-inverse-border: rgb(251, 173, 221);
1444
- --oasys-component-button-color-primary-inverse-text: rgb(245, 53, 170);
1445
- --oasys-component-button-color-primary-inverse-selected-border: rgb(251, 173, 221);
1446
- --oasys-component-button-color-primary-inverse-hover-underlay: rgb(251, 173, 221);
1447
- --oasys-component-button-color-primary-inverse-hover-overlay: rgb(251, 173, 221);
1448
- --oasys-component-button-color-secondary-inverse-background: rgb(253, 213, 238);
1449
- --oasys-component-button-color-secondary-inverse-border: rgb(251, 173, 221);
1450
- --oasys-component-button-color-secondary-inverse-text: rgb(245, 53, 170);
1451
- --oasys-component-button-color-secondary-inverse-selected-border: rgb(251, 173, 221);
1452
- --oasys-component-button-color-secondary-inverse-hover-underlay: rgb(251, 173, 221);
1453
- --oasys-component-button-color-secondary-inverse-hover-overlay: rgb(251, 173, 221);
1454
- --oasys-component-button-color-tertiary-inverse-background: rgb(253, 213, 238);
1455
- --oasys-component-button-color-tertiary-inverse-border: rgb(251, 173, 221);
1456
- --oasys-component-button-color-tertiary-inverse-text: rgb(245, 53, 170);
1457
- --oasys-component-button-color-tertiary-inverse-selected-border: rgb(251, 173, 221);
1458
- --oasys-component-button-color-tertiary-inverse-hover-underlay: rgb(251, 173, 221);
1459
- --oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(251, 173, 221);
1460
- --oasys-component-button-color-expressive-background: rgb(253, 213, 238);
1461
- --oasys-component-button-color-expressive-border: rgb(251, 173, 221);
1462
- --oasys-component-button-color-expressive-text: rgb(245, 53, 170);
1463
- --oasys-component-button-color-expressive-selected-border: rgb(251, 173, 221);
1464
- --oasys-component-button-color-expressive-hover-underlay: rgb(251, 173, 221);
1465
- --oasys-component-button-color-expressive-hover-overlay: rgb(251, 173, 221);
1466
- --oasys-component-button-color-danger-background: rgb(253, 213, 238);
1467
- --oasys-component-button-color-danger-border: rgb(251, 173, 221);
1468
- --oasys-component-button-color-danger-text: rgb(245, 53, 170);
1469
- --oasys-component-button-color-danger-selected-border: rgb(251, 173, 221);
1470
- --oasys-component-button-color-danger-hover-underlay: rgb(251, 173, 221);
1471
- --oasys-component-button-color-danger-hover-overlay: rgb(251, 173, 221);
1472
- --oasys-component-button-color-facebook-background: rgb(253, 213, 238);
1473
- --oasys-component-button-color-facebook-border: rgb(251, 173, 221);
1474
- --oasys-component-button-color-facebook-text: rgb(245, 53, 170);
1475
- --oasys-component-button-color-facebook-selected-border: rgb(251, 173, 221);
1476
- --oasys-component-button-color-facebook-hover-underlay: rgb(251, 173, 221);
1477
- --oasys-component-button-color-facebook-hover-overlay: rgb(251, 173, 221);
1478
- --oasys-component-button-color-paypal-background: rgb(253, 213, 238);
1479
- --oasys-component-button-color-paypal-border: rgb(251, 173, 221);
1480
- --oasys-component-button-color-paypal-text: rgb(245, 53, 170);
1481
- --oasys-component-button-color-paypal-selected-border: rgb(251, 173, 221);
1482
- --oasys-component-button-color-paypal-hover-underlay: rgb(251, 173, 221);
1483
- --oasys-component-button-color-paypal-hover-overlay: rgb(251, 173, 221);
1484
- --oasys-component-button-color-trustpilot-background: rgb(253, 213, 238);
1485
- --oasys-component-button-color-trustpilot-border: rgb(251, 173, 221);
1486
- --oasys-component-button-color-trustpilot-text: rgb(245, 53, 170);
1487
- --oasys-component-button-color-trustpilot-selected-border: rgb(251, 173, 221);
1488
- --oasys-component-button-color-trustpilot-hover-underlay: rgb(251, 173, 221);
1489
- --oasys-component-button-color-trustpilot-hover-overlay: rgb(251, 173, 221);
1441
+ --oasys-component-button-color-primary-inverse-border: rgb(253, 213, 238);
1442
+ --oasys-component-button-color-primary-inverse-text: rgb(56, 55, 55);
1443
+ --oasys-component-button-color-primary-inverse-selected-border: rgb(253, 213, 238);
1444
+ --oasys-component-button-color-primary-inverse-hover-underlay: rgb(253, 213, 238);
1445
+ --oasys-component-button-color-primary-inverse-hover-overlay: rgb(56, 55, 55);
1446
+ --oasys-component-button-color-secondary-inverse-background: rgba(0, 0, 0, 0);
1447
+ --oasys-component-button-color-secondary-inverse-border: rgb(253, 213, 238);
1448
+ --oasys-component-button-color-secondary-inverse-text: rgb(247, 246, 243);
1449
+ --oasys-component-button-color-secondary-inverse-selected-border: rgb(253, 213, 238);
1450
+ --oasys-component-button-color-secondary-inverse-hover-underlay: rgba(0, 0, 0, 0);
1451
+ --oasys-component-button-color-secondary-inverse-hover-overlay: rgb(247, 246, 243);
1452
+ --oasys-component-button-color-tertiary-inverse-background: rgba(0, 0, 0, 0);
1453
+ --oasys-component-button-color-tertiary-inverse-border: rgba(0, 0, 0, 0);
1454
+ --oasys-component-button-color-tertiary-inverse-text: rgb(247, 246, 243);
1455
+ --oasys-component-button-color-tertiary-inverse-selected-border: rgba(0, 0, 0, 0);
1456
+ --oasys-component-button-color-tertiary-inverse-hover-underlay: rgba(0, 0, 0, 0);
1457
+ --oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(247, 246, 243);
1458
+ --oasys-component-button-color-expressive-background: rgb(87, 128, 108);
1459
+ --oasys-component-button-color-expressive-border: rgb(87, 128, 108);
1460
+ --oasys-component-button-color-expressive-text: rgb(56, 55, 55);
1461
+ --oasys-component-button-color-expressive-selected-border: rgb(87, 128, 108);
1462
+ --oasys-component-button-color-expressive-hover-underlay: rgb(87, 128, 108);
1463
+ --oasys-component-button-color-expressive-hover-overlay: rgb(56, 55, 55);
1464
+ --oasys-component-button-color-danger-background: rgb(182, 107, 85);
1465
+ --oasys-component-button-color-danger-border: rgb(182, 107, 85);
1466
+ --oasys-component-button-color-danger-text: rgb(247, 246, 243);
1467
+ --oasys-component-button-color-danger-selected-border: rgb(182, 107, 85);
1468
+ --oasys-component-button-color-danger-hover-underlay: rgb(182, 107, 85);
1469
+ --oasys-component-button-color-danger-hover-overlay: rgb(245, 53, 170);
1470
+ --oasys-component-button-color-facebook-background: rgb(72, 91, 148);
1471
+ --oasys-component-button-color-facebook-border: rgb(72, 91, 148);
1472
+ --oasys-component-button-color-facebook-text: rgb(247, 246, 243);
1473
+ --oasys-component-button-color-facebook-selected-border: rgb(72, 91, 148);
1474
+ --oasys-component-button-color-facebook-hover-underlay: rgb(72, 91, 148);
1475
+ --oasys-component-button-color-facebook-hover-overlay: rgb(247, 246, 243);
1476
+ --oasys-component-button-color-paypal-background: rgb(255, 196, 58);
1477
+ --oasys-component-button-color-paypal-border: rgb(255, 196, 58);
1478
+ --oasys-component-button-color-paypal-text: rgb(56, 55, 55);
1479
+ --oasys-component-button-color-paypal-selected-border: rgb(255, 196, 58);
1480
+ --oasys-component-button-color-paypal-hover-underlay: rgb(255, 196, 58);
1481
+ --oasys-component-button-color-paypal-hover-overlay: rgb(56, 55, 55);
1482
+ --oasys-component-button-color-trustpilot-background: rgb(41, 180, 124);
1483
+ --oasys-component-button-color-trustpilot-border: rgb(41, 180, 124);
1484
+ --oasys-component-button-color-trustpilot-text: rgb(247, 246, 243);
1485
+ --oasys-component-button-color-trustpilot-selected-border: rgb(41, 180, 124);
1486
+ --oasys-component-button-color-trustpilot-hover-underlay: rgb(41, 180, 124);
1487
+ --oasys-component-button-color-trustpilot-hover-overlay: rgb(247, 246, 243);
1490
1488
  --oasys-component-button-color-rewards-background: rgb(253, 213, 238);
1491
1489
  --oasys-component-button-color-rewards-border: rgb(251, 173, 221);
1492
- --oasys-component-button-color-rewards-text: rgb(245, 53, 170);
1490
+ --oasys-component-button-color-rewards-text: rgb(247, 246, 243);
1493
1491
  --oasys-component-button-color-rewards-selected-border: rgb(251, 173, 221);
1494
1492
  --oasys-component-button-color-rewards-hover-underlay: rgb(251, 173, 221);
1495
- --oasys-component-button-color-rewards-hover-overlay: rgb(251, 173, 221);
1493
+ --oasys-component-button-color-rewards-hover-overlay: rgb(247, 246, 243);
1496
1494
  --oasys-component-button-color-rewards-on-dark-background: rgb(253, 213, 238);
1497
1495
  --oasys-component-button-color-rewards-on-dark-border: rgb(251, 173, 221);
1498
- --oasys-component-button-color-rewards-on-dark-text: rgb(245, 53, 170);
1496
+ --oasys-component-button-color-rewards-on-dark-text: rgb(56, 55, 55);
1499
1497
  --oasys-component-button-color-rewards-on-dark-selected-border: rgb(251, 173, 221);
1500
1498
  --oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(251, 173, 221);
1501
- --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(251, 173, 221);
1499
+ --oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(56, 55, 55);
1502
1500
  --oasys-component-button-color-chip-background: rgb(253, 213, 238);
1503
- --oasys-component-button-color-chip-border: rgb(251, 173, 221);
1504
- --oasys-component-button-color-chip-text: rgb(245, 53, 170);
1505
- --oasys-component-button-color-chip-selected-border: rgb(251, 173, 221);
1506
- --oasys-component-button-color-chip-hover-underlay: rgb(251, 173, 221);
1507
- --oasys-component-button-color-chip-hover-overlay: rgb(251, 173, 221);
1508
- --oasys-component-button-color-disabled-background: rgb(253, 213, 238);
1509
- --oasys-component-button-color-disabled-border: rgb(251, 173, 221);
1510
- --oasys-component-button-color-disabled-text: rgb(245, 53, 170);
1501
+ --oasys-component-button-color-chip-border: rgb(222, 221, 219);
1502
+ --oasys-component-button-color-chip-text: rgb(56, 55, 55);
1503
+ --oasys-component-button-color-chip-selected-border: rgb(56, 55, 55);
1504
+ --oasys-component-button-color-chip-hover-underlay: rgb(252, 245, 234);
1505
+ --oasys-component-button-color-chip-hover-overlay: rgba(0, 0, 0, 0);
1506
+ --oasys-component-button-color-disabled-background: rgb(222, 221, 219);
1507
+ --oasys-component-button-color-disabled-border: rgb(222, 221, 219);
1508
+ --oasys-component-button-color-disabled-text: rgb(168, 168, 168);
1511
1509
  --oasys-component-button-letter-spacing: 0;
1512
1510
  --oasys-component-button-font-weight-primary: 500;
1513
1511
  --oasys-component-button-font-weight-secondary: 500;
@@ -1556,20 +1554,20 @@
1556
1554
  --oasys-component-hero-actions-alignment: center;
1557
1555
  --oasys-component-hero-inset-spacing-large: expanded;
1558
1556
  --oasys-component-hero-inset-spacing-small: default;
1559
- --oasys-component-label-type-free-delivery-background: rgb(253, 213, 238);
1557
+ --oasys-component-label-type-free-delivery-background: rgb(245, 53, 170);
1560
1558
  --oasys-component-label-type-free-delivery-foreground: rgb(245, 53, 170);
1561
- --oasys-component-label-type-featured-background: rgb(253, 213, 238);
1559
+ --oasys-component-label-type-featured-background: rgb(245, 53, 170);
1562
1560
  --oasys-component-label-type-featured-foreground: rgb(245, 53, 170);
1563
- --oasys-component-label-type-limited-edition-background: rgb(253, 213, 238);
1561
+ --oasys-component-label-type-limited-edition-background: rgb(182, 107, 85);
1564
1562
  --oasys-component-label-type-limited-edition-foreground: rgb(245, 53, 170);
1565
1563
  --oasys-component-label-type-rewards-bonus-points-background: rgb(253, 213, 238);
1566
1564
  --oasys-component-label-type-rewards-bonus-points-foreground: rgb(245, 53, 170);
1567
1565
  --oasys-component-price-weight-hero: 500;
1568
1566
  --oasys-component-price-weight-primary: 500;
1569
1567
  --oasys-component-price-weight-supporting: 500;
1570
- --oasys-component-price-color-price-after-discount: rgb(245, 53, 170);
1571
- --oasys-component-progress-bar-color-bar: rgb(251, 173, 221);
1572
- --oasys-component-progress-bar-color-track: rgb(251, 173, 221);
1568
+ --oasys-component-price-color-price-after-discount: rgb(182, 107, 85);
1569
+ --oasys-component-progress-bar-color-bar: rgb(56, 55, 55);
1570
+ --oasys-component-progress-bar-color-track: rgb(222, 221, 219);
1573
1571
  --oasys-component-radio-icon-inset: 0.6rem;
1574
1572
  --oasys-component-radio-icon-size-primary: 1rem;
1575
1573
  --oasys-component-radio-icon-size-secondary: 0.6rem;
@@ -1582,8 +1580,8 @@
1582
1580
  --oasys-component-section-image-aspect-ratio-spotlight: 1:1;
1583
1581
  --oasys-component-section-image-aspect-ratio-inform: 5:3;
1584
1582
  --oasys-component-text-input-preface-width: 5.6rem;
1585
- --oasys-component-text-input-color-disabled-background: rgb(253, 213, 238);
1586
- --oasys-component-text-input-color-disabled-foreground: rgb(245, 53, 170);
1583
+ --oasys-component-text-input-color-disabled-background: rgb(222, 221, 219);
1584
+ --oasys-component-text-input-color-disabled-foreground: rgb(168, 168, 168);
1587
1585
  --oasys-component-promo-card-image-aspect-ratio: 5/4;
1588
1586
  --oasys-component-promo-card-heading-alignment: center;
1589
1587
  --oasys-typography-body-body-font-family: 'ABC Diatype';