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.
- package/package.json +1 -1
- package/src/assets/bergamotte/variables.css +131 -132
- package/src/assets/bergamotte-loyalty-tier-1/variables.css +233 -235
- package/src/assets/bergamotte-loyalty-tier-2/variables.css +233 -235
- package/src/assets/bloomandwild/variables.css +1 -2
- package/src/assets/bloomandwild-loyalty-tier-1/variables.css +1 -3
- package/src/assets/bloomandwild-loyalty-tier-2/variables.css +1 -3
- package/src/assets/bloomon/variables.css +1 -2
- package/src/assets/bloomon-loyalty-tier-1/variables.css +1 -3
- package/src/assets/bloomon-loyalty-tier-2/variables.css +1 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 01 Oct 2026 12:02:43 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root .brand-tokens-bergamotte {
|
|
@@ -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,40 +79,40 @@
|
|
|
80
79
|
--oasys-color-brand-foreground-primary: rgb(56, 55, 55);
|
|
81
80
|
--oasys-color-brand-foreground-secondary: rgb(247, 246, 243);
|
|
82
81
|
--oasys-color-brand-foreground-primary-on-dark: rgb(247, 246, 243);
|
|
83
|
-
--oasys-color-brand-foreground-secondary-on-dark: rgb(
|
|
84
|
-
--oasys-color-brand-foreground-discount: rgb(
|
|
85
|
-
--oasys-color-brand-foreground-highlight: rgb(
|
|
86
|
-
--oasys-color-brand-foreground-reviews: rgb(
|
|
87
|
-
--oasys-color-brand-border-primary: rgb(
|
|
88
|
-
--oasys-color-brand-border-primary-on-dark: rgb(
|
|
89
|
-
--oasys-color-brand-border-secondary: rgb(
|
|
90
|
-
--oasys-color-brand-background-primary: rgb(
|
|
91
|
-
--oasys-color-brand-background-secondary: rgb(
|
|
92
|
-
--oasys-color-brand-background-tertiary: rgb(
|
|
93
|
-
--oasys-color-brand-background-quaternary: rgb(
|
|
94
|
-
--oasys-color-brand-background-highlight: rgb(
|
|
82
|
+
--oasys-color-brand-foreground-secondary-on-dark: rgb(222, 221, 219);
|
|
83
|
+
--oasys-color-brand-foreground-discount: rgb(182, 107, 85);
|
|
84
|
+
--oasys-color-brand-foreground-highlight: rgb(87, 128, 108);
|
|
85
|
+
--oasys-color-brand-foreground-reviews: rgb(232, 176, 23);
|
|
86
|
+
--oasys-color-brand-border-primary: rgb(56, 55, 55);
|
|
87
|
+
--oasys-color-brand-border-primary-on-dark: rgb(247, 246, 243);
|
|
88
|
+
--oasys-color-brand-border-secondary: rgb(222, 221, 219);
|
|
89
|
+
--oasys-color-brand-background-primary: rgb(247, 246, 243);
|
|
90
|
+
--oasys-color-brand-background-secondary: rgb(87, 128, 108);
|
|
91
|
+
--oasys-color-brand-background-tertiary: rgb(48, 69, 56);
|
|
92
|
+
--oasys-color-brand-background-quaternary: rgb(182, 107, 85);
|
|
93
|
+
--oasys-color-brand-background-highlight: rgb(182, 107, 85);
|
|
95
94
|
--oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
|
|
96
|
-
--oasys-color-interaction-foreground-primary-on-dark: rgb(
|
|
95
|
+
--oasys-color-interaction-foreground-primary-on-dark: rgb(247, 246, 243);
|
|
97
96
|
--oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
|
|
98
|
-
--oasys-color-interaction-foreground-disabled: rgb(
|
|
97
|
+
--oasys-color-interaction-foreground-disabled: rgb(168, 168, 168);
|
|
99
98
|
--oasys-color-interaction-background-primary: rgb(56, 55, 55);
|
|
100
|
-
--oasys-color-interaction-background-primary-on-dark: rgb(
|
|
101
|
-
--oasys-color-interaction-background-expressive: rgb(
|
|
102
|
-
--oasys-color-interaction-background-selected: rgb(
|
|
103
|
-
--oasys-color-interaction-background-disabled: rgb(
|
|
104
|
-
--oasys-color-interaction-background-danger: rgb(
|
|
99
|
+
--oasys-color-interaction-background-primary-on-dark: rgb(247, 246, 243);
|
|
100
|
+
--oasys-color-interaction-background-expressive: rgb(87, 128, 108);
|
|
101
|
+
--oasys-color-interaction-background-selected: rgb(28, 28, 28);
|
|
102
|
+
--oasys-color-interaction-background-disabled: rgb(222, 221, 219);
|
|
103
|
+
--oasys-color-interaction-background-danger: rgb(182, 107, 85);
|
|
105
104
|
--oasys-color-interaction-background-rewards: rgb(253, 213, 238);
|
|
106
105
|
--oasys-color-interaction-background-rewards-on-dark: rgb(253, 213, 238);
|
|
107
|
-
--oasys-color-interaction-border-selected: rgb(
|
|
108
|
-
--oasys-color-interaction-border-selectable: rgb(
|
|
109
|
-
--oasys-color-interaction-border-focus: rgb(
|
|
110
|
-
--oasys-color-interaction-border-danger: rgb(
|
|
111
|
-
--oasys-color-system-foreground-neutral: rgb(
|
|
112
|
-
--oasys-color-system-foreground-positive: rgb(
|
|
113
|
-
--oasys-color-system-foreground-negative: rgb(
|
|
114
|
-
--oasys-color-system-background-neutral: rgb(
|
|
115
|
-
--oasys-color-system-background-positive: rgb(
|
|
116
|
-
--oasys-color-system-background-negative: rgb(
|
|
106
|
+
--oasys-color-interaction-border-selected: rgb(28, 28, 28);
|
|
107
|
+
--oasys-color-interaction-border-selectable: rgb(222, 221, 219);
|
|
108
|
+
--oasys-color-interaction-border-focus: rgb(39, 113, 252);
|
|
109
|
+
--oasys-color-interaction-border-danger: rgb(182, 107, 85);
|
|
110
|
+
--oasys-color-system-foreground-neutral: rgb(255, 255, 255);
|
|
111
|
+
--oasys-color-system-foreground-positive: rgb(68, 121, 100);
|
|
112
|
+
--oasys-color-system-foreground-negative: rgb(201, 17, 17);
|
|
113
|
+
--oasys-color-system-background-neutral: rgb(242, 241, 239);
|
|
114
|
+
--oasys-color-system-background-positive: rgb(240, 246, 244);
|
|
115
|
+
--oasys-color-system-background-negative: rgb(251, 234, 234);
|
|
117
116
|
--oasys-color-rewards-background-primary: rgb(253, 213, 238);
|
|
118
117
|
--oasys-color-rewards-background-secondary: rgb(253, 213, 238);
|
|
119
118
|
--oasys-color-rewards-background-tertiary: rgb(253, 213, 238);
|
|
@@ -425,13 +424,13 @@
|
|
|
425
424
|
--oasys-spacing-tight: 0.8rem;
|
|
426
425
|
--oasys-spacing-default: 2.4rem;
|
|
427
426
|
--oasys-radius-round: 99.9rem;
|
|
428
|
-
--oasys-radius-layout: 0
|
|
427
|
+
--oasys-radius-layout: 0;
|
|
429
428
|
--oasys-radius-soften: 0;
|
|
430
429
|
--oasys-radius-rewards-primary: 0;
|
|
431
|
-
--oasys-radius-rewards-secondary: 0
|
|
430
|
+
--oasys-radius-rewards-secondary: 0;
|
|
432
431
|
--oasys-radius-rewards-icon: 99.9rem;
|
|
433
|
-
--oasys-gutter-large:
|
|
434
|
-
--oasys-gutter-small:
|
|
432
|
+
--oasys-gutter-large: 3.2rem;
|
|
433
|
+
--oasys-gutter-small: 1.6rem;
|
|
435
434
|
--oasys-loyalty-tier-1-color-brand-background-primary: rgb(253, 213, 238);
|
|
436
435
|
--oasys-loyalty-tier-1-color-brand-background-secondary: rgb(253, 213, 238);
|
|
437
436
|
--oasys-loyalty-tier-1-color-brand-background-tertiary: rgb(253, 213, 238);
|
|
@@ -449,7 +448,7 @@
|
|
|
449
448
|
--oasys-loyalty-tier-1-color-interaction-background-primary: rgb(253, 213, 238);
|
|
450
449
|
--oasys-loyalty-tier-1-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
451
450
|
--oasys-loyalty-tier-1-radius-primary: 0;
|
|
452
|
-
--oasys-loyalty-tier-1-radius-secondary: 0
|
|
451
|
+
--oasys-loyalty-tier-1-radius-secondary: 0;
|
|
453
452
|
--oasys-loyalty-tier-1-radius-icon: 99.9rem;
|
|
454
453
|
--oasys-loyalty-tier-2-color-brand-background-primary: rgb(253, 213, 238);
|
|
455
454
|
--oasys-loyalty-tier-2-color-brand-background-secondary: rgb(253, 213, 238);
|
|
@@ -468,14 +467,14 @@
|
|
|
468
467
|
--oasys-loyalty-tier-2-color-interaction-background-primary: rgb(253, 213, 238);
|
|
469
468
|
--oasys-loyalty-tier-2-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
470
469
|
--oasys-loyalty-tier-2-radius-primary: 0;
|
|
471
|
-
--oasys-loyalty-tier-2-radius-secondary: 0
|
|
470
|
+
--oasys-loyalty-tier-2-radius-secondary: 0;
|
|
472
471
|
--oasys-loyalty-tier-2-radius-icon: 99.9rem;
|
|
473
|
-
--oasys-component-alert-badge-positive: rgb(
|
|
474
|
-
--oasys-component-alert-badge-neutral: rgb(
|
|
475
|
-
--oasys-component-alert-badge-negative: rgb(
|
|
476
|
-
--oasys-component-alert-background-positive: rgb(
|
|
477
|
-
--oasys-component-alert-background-neutral: rgb(
|
|
478
|
-
--oasys-component-alert-background-negative: rgb(
|
|
472
|
+
--oasys-component-alert-badge-positive: rgb(68, 121, 100);
|
|
473
|
+
--oasys-component-alert-badge-neutral: rgb(255, 255, 255);
|
|
474
|
+
--oasys-component-alert-badge-negative: rgb(201, 17, 17);
|
|
475
|
+
--oasys-component-alert-background-positive: rgb(240, 246, 244);
|
|
476
|
+
--oasys-component-alert-background-neutral: rgb(242, 241, 239);
|
|
477
|
+
--oasys-component-alert-background-negative: rgb(251, 234, 234);
|
|
479
478
|
--oasys-component-banner-spacing-mobile: default;
|
|
480
479
|
--oasys-component-box-on-dark-core-primary: on-light;
|
|
481
480
|
--oasys-component-box-on-dark-core-secondary: on-light;
|
|
@@ -488,11 +487,11 @@
|
|
|
488
487
|
--oasys-component-box-border-none: 0;
|
|
489
488
|
--oasys-component-box-border-primary: 0.1rem;
|
|
490
489
|
--oasys-component-box-border-prominent: 0.2rem;
|
|
491
|
-
--oasys-component-box-border-color-primary: rgb(
|
|
492
|
-
--oasys-component-box-border-color-primary-on-dark: rgb(
|
|
493
|
-
--oasys-component-box-border-color-secondary: rgb(
|
|
494
|
-
--oasys-component-box-border-color-selected: rgb(
|
|
495
|
-
--oasys-component-box-border-color-selectable: rgb(
|
|
490
|
+
--oasys-component-box-border-color-primary: rgb(56, 55, 55);
|
|
491
|
+
--oasys-component-box-border-color-primary-on-dark: rgb(247, 246, 243);
|
|
492
|
+
--oasys-component-box-border-color-secondary: rgb(222, 221, 219);
|
|
493
|
+
--oasys-component-box-border-color-selected: rgb(28, 28, 28);
|
|
494
|
+
--oasys-component-box-border-color-selectable: rgb(222, 221, 219);
|
|
496
495
|
--oasys-component-box-border-style-solid: solid;
|
|
497
496
|
--oasys-component-box-border-style-dashed: dashed;
|
|
498
497
|
--oasys-component-button-size-large-font-size: 1.8rem;
|
|
@@ -509,91 +508,91 @@
|
|
|
509
508
|
--oasys-component-button-content-height: 2rem;
|
|
510
509
|
--oasys-component-button-color-primary-background: rgb(56, 55, 55);
|
|
511
510
|
--oasys-component-button-color-primary-border: rgb(56, 55, 55);
|
|
512
|
-
--oasys-component-button-color-primary-text: rgb(
|
|
511
|
+
--oasys-component-button-color-primary-text: rgb(247, 246, 243);
|
|
513
512
|
--oasys-component-button-color-primary-selected-border: rgb(56, 55, 55);
|
|
514
513
|
--oasys-component-button-color-primary-hover-underlay: rgb(56, 55, 55);
|
|
515
|
-
--oasys-component-button-color-primary-hover-overlay: rgb(
|
|
514
|
+
--oasys-component-button-color-primary-hover-overlay: rgb(247, 246, 243);
|
|
516
515
|
--oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
|
|
517
516
|
--oasys-component-button-color-secondary-border: rgb(56, 55, 55);
|
|
518
517
|
--oasys-component-button-color-secondary-text: rgb(56, 55, 55);
|
|
519
|
-
--oasys-component-button-color-secondary-selected-border: rgb(
|
|
520
|
-
--oasys-component-button-color-secondary-hover-underlay:
|
|
521
|
-
--oasys-component-button-color-secondary-hover-overlay: rgb(
|
|
522
|
-
--oasys-component-button-color-tertiary-background:
|
|
523
|
-
--oasys-component-button-color-tertiary-border:
|
|
524
|
-
--oasys-component-button-color-tertiary-text: rgb(
|
|
525
|
-
--oasys-component-button-color-tertiary-selected-border:
|
|
526
|
-
--oasys-component-button-color-tertiary-hover-underlay:
|
|
527
|
-
--oasys-component-button-color-tertiary-hover-overlay: rgb(
|
|
528
|
-
--oasys-component-button-color-primary-inverse-background: rgb(
|
|
529
|
-
--oasys-component-button-color-primary-inverse-border: rgb(
|
|
530
|
-
--oasys-component-button-color-primary-inverse-text: rgb(
|
|
531
|
-
--oasys-component-button-color-primary-inverse-selected-border: rgb(
|
|
532
|
-
--oasys-component-button-color-primary-inverse-hover-underlay: rgb(
|
|
533
|
-
--oasys-component-button-color-primary-inverse-hover-overlay: rgb(
|
|
534
|
-
--oasys-component-button-color-secondary-inverse-background:
|
|
535
|
-
--oasys-component-button-color-secondary-inverse-border: rgb(
|
|
536
|
-
--oasys-component-button-color-secondary-inverse-text: rgb(
|
|
537
|
-
--oasys-component-button-color-secondary-inverse-selected-border: rgb(
|
|
538
|
-
--oasys-component-button-color-secondary-inverse-hover-underlay:
|
|
539
|
-
--oasys-component-button-color-secondary-inverse-hover-overlay: rgb(
|
|
540
|
-
--oasys-component-button-color-tertiary-inverse-background:
|
|
541
|
-
--oasys-component-button-color-tertiary-inverse-border:
|
|
542
|
-
--oasys-component-button-color-tertiary-inverse-text: rgb(
|
|
543
|
-
--oasys-component-button-color-tertiary-inverse-selected-border:
|
|
544
|
-
--oasys-component-button-color-tertiary-inverse-hover-underlay:
|
|
545
|
-
--oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(
|
|
546
|
-
--oasys-component-button-color-expressive-background: rgb(
|
|
547
|
-
--oasys-component-button-color-expressive-border: rgb(
|
|
548
|
-
--oasys-component-button-color-expressive-text: rgb(
|
|
549
|
-
--oasys-component-button-color-expressive-selected-border: rgb(
|
|
550
|
-
--oasys-component-button-color-expressive-hover-underlay: rgb(
|
|
551
|
-
--oasys-component-button-color-expressive-hover-overlay: rgb(
|
|
552
|
-
--oasys-component-button-color-danger-background: rgb(
|
|
553
|
-
--oasys-component-button-color-danger-border: rgb(
|
|
554
|
-
--oasys-component-button-color-danger-text: rgb(
|
|
555
|
-
--oasys-component-button-color-danger-selected-border: rgb(
|
|
556
|
-
--oasys-component-button-color-danger-hover-underlay: rgb(
|
|
557
|
-
--oasys-component-button-color-danger-hover-overlay: rgb(
|
|
558
|
-
--oasys-component-button-color-facebook-background: rgb(
|
|
559
|
-
--oasys-component-button-color-facebook-border: rgb(
|
|
560
|
-
--oasys-component-button-color-facebook-text: rgb(
|
|
561
|
-
--oasys-component-button-color-facebook-selected-border: rgb(
|
|
562
|
-
--oasys-component-button-color-facebook-hover-underlay: rgb(
|
|
563
|
-
--oasys-component-button-color-facebook-hover-overlay: rgb(
|
|
564
|
-
--oasys-component-button-color-paypal-background: rgb(
|
|
565
|
-
--oasys-component-button-color-paypal-border: rgb(
|
|
566
|
-
--oasys-component-button-color-paypal-text: rgb(
|
|
567
|
-
--oasys-component-button-color-paypal-selected-border: rgb(
|
|
568
|
-
--oasys-component-button-color-paypal-hover-underlay: rgb(
|
|
569
|
-
--oasys-component-button-color-paypal-hover-overlay: rgb(
|
|
570
|
-
--oasys-component-button-color-trustpilot-background: rgb(
|
|
571
|
-
--oasys-component-button-color-trustpilot-border: rgb(
|
|
572
|
-
--oasys-component-button-color-trustpilot-text: rgb(
|
|
573
|
-
--oasys-component-button-color-trustpilot-selected-border: rgb(
|
|
574
|
-
--oasys-component-button-color-trustpilot-hover-underlay: rgb(
|
|
575
|
-
--oasys-component-button-color-trustpilot-hover-overlay: rgb(
|
|
518
|
+
--oasys-component-button-color-secondary-selected-border: rgb(56, 55, 55);
|
|
519
|
+
--oasys-component-button-color-secondary-hover-underlay: rgba(0, 0, 0, 0);
|
|
520
|
+
--oasys-component-button-color-secondary-hover-overlay: rgb(56, 55, 55);
|
|
521
|
+
--oasys-component-button-color-tertiary-background: rgba(0, 0, 0, 0);
|
|
522
|
+
--oasys-component-button-color-tertiary-border: rgba(0, 0, 0, 0);
|
|
523
|
+
--oasys-component-button-color-tertiary-text: rgb(56, 55, 55);
|
|
524
|
+
--oasys-component-button-color-tertiary-selected-border: rgba(0, 0, 0, 0);
|
|
525
|
+
--oasys-component-button-color-tertiary-hover-underlay: rgba(0, 0, 0, 0);
|
|
526
|
+
--oasys-component-button-color-tertiary-hover-overlay: rgb(56, 55, 55);
|
|
527
|
+
--oasys-component-button-color-primary-inverse-background: rgb(247, 246, 243);
|
|
528
|
+
--oasys-component-button-color-primary-inverse-border: rgb(247, 246, 243);
|
|
529
|
+
--oasys-component-button-color-primary-inverse-text: rgb(56, 55, 55);
|
|
530
|
+
--oasys-component-button-color-primary-inverse-selected-border: rgb(247, 246, 243);
|
|
531
|
+
--oasys-component-button-color-primary-inverse-hover-underlay: rgb(247, 246, 243);
|
|
532
|
+
--oasys-component-button-color-primary-inverse-hover-overlay: rgb(56, 55, 55);
|
|
533
|
+
--oasys-component-button-color-secondary-inverse-background: rgba(0, 0, 0, 0);
|
|
534
|
+
--oasys-component-button-color-secondary-inverse-border: rgb(247, 246, 243);
|
|
535
|
+
--oasys-component-button-color-secondary-inverse-text: rgb(247, 246, 243);
|
|
536
|
+
--oasys-component-button-color-secondary-inverse-selected-border: rgb(247, 246, 243);
|
|
537
|
+
--oasys-component-button-color-secondary-inverse-hover-underlay: rgba(0, 0, 0, 0);
|
|
538
|
+
--oasys-component-button-color-secondary-inverse-hover-overlay: rgb(247, 246, 243);
|
|
539
|
+
--oasys-component-button-color-tertiary-inverse-background: rgba(0, 0, 0, 0);
|
|
540
|
+
--oasys-component-button-color-tertiary-inverse-border: rgba(0, 0, 0, 0);
|
|
541
|
+
--oasys-component-button-color-tertiary-inverse-text: rgb(247, 246, 243);
|
|
542
|
+
--oasys-component-button-color-tertiary-inverse-selected-border: rgba(0, 0, 0, 0);
|
|
543
|
+
--oasys-component-button-color-tertiary-inverse-hover-underlay: rgba(0, 0, 0, 0);
|
|
544
|
+
--oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(247, 246, 243);
|
|
545
|
+
--oasys-component-button-color-expressive-background: rgb(87, 128, 108);
|
|
546
|
+
--oasys-component-button-color-expressive-border: rgb(87, 128, 108);
|
|
547
|
+
--oasys-component-button-color-expressive-text: rgb(56, 55, 55);
|
|
548
|
+
--oasys-component-button-color-expressive-selected-border: rgb(87, 128, 108);
|
|
549
|
+
--oasys-component-button-color-expressive-hover-underlay: rgb(87, 128, 108);
|
|
550
|
+
--oasys-component-button-color-expressive-hover-overlay: rgb(56, 55, 55);
|
|
551
|
+
--oasys-component-button-color-danger-background: rgb(182, 107, 85);
|
|
552
|
+
--oasys-component-button-color-danger-border: rgb(182, 107, 85);
|
|
553
|
+
--oasys-component-button-color-danger-text: rgb(247, 246, 243);
|
|
554
|
+
--oasys-component-button-color-danger-selected-border: rgb(182, 107, 85);
|
|
555
|
+
--oasys-component-button-color-danger-hover-underlay: rgb(182, 107, 85);
|
|
556
|
+
--oasys-component-button-color-danger-hover-overlay: rgb(247, 246, 243);
|
|
557
|
+
--oasys-component-button-color-facebook-background: rgb(72, 91, 148);
|
|
558
|
+
--oasys-component-button-color-facebook-border: rgb(72, 91, 148);
|
|
559
|
+
--oasys-component-button-color-facebook-text: rgb(247, 246, 243);
|
|
560
|
+
--oasys-component-button-color-facebook-selected-border: rgb(72, 91, 148);
|
|
561
|
+
--oasys-component-button-color-facebook-hover-underlay: rgb(72, 91, 148);
|
|
562
|
+
--oasys-component-button-color-facebook-hover-overlay: rgb(247, 246, 243);
|
|
563
|
+
--oasys-component-button-color-paypal-background: rgb(255, 196, 58);
|
|
564
|
+
--oasys-component-button-color-paypal-border: rgb(255, 196, 58);
|
|
565
|
+
--oasys-component-button-color-paypal-text: rgb(56, 55, 55);
|
|
566
|
+
--oasys-component-button-color-paypal-selected-border: rgb(255, 196, 58);
|
|
567
|
+
--oasys-component-button-color-paypal-hover-underlay: rgb(255, 196, 58);
|
|
568
|
+
--oasys-component-button-color-paypal-hover-overlay: rgb(56, 55, 55);
|
|
569
|
+
--oasys-component-button-color-trustpilot-background: rgb(41, 180, 124);
|
|
570
|
+
--oasys-component-button-color-trustpilot-border: rgb(41, 180, 124);
|
|
571
|
+
--oasys-component-button-color-trustpilot-text: rgb(247, 246, 243);
|
|
572
|
+
--oasys-component-button-color-trustpilot-selected-border: rgb(41, 180, 124);
|
|
573
|
+
--oasys-component-button-color-trustpilot-hover-underlay: rgb(41, 180, 124);
|
|
574
|
+
--oasys-component-button-color-trustpilot-hover-overlay: rgb(247, 246, 243);
|
|
576
575
|
--oasys-component-button-color-rewards-background: rgb(253, 213, 238);
|
|
577
576
|
--oasys-component-button-color-rewards-border: rgb(251, 173, 221);
|
|
578
|
-
--oasys-component-button-color-rewards-text: rgb(
|
|
577
|
+
--oasys-component-button-color-rewards-text: rgb(247, 246, 243);
|
|
579
578
|
--oasys-component-button-color-rewards-selected-border: rgb(251, 173, 221);
|
|
580
579
|
--oasys-component-button-color-rewards-hover-underlay: rgb(251, 173, 221);
|
|
581
|
-
--oasys-component-button-color-rewards-hover-overlay: rgb(
|
|
580
|
+
--oasys-component-button-color-rewards-hover-overlay: rgb(247, 246, 243);
|
|
582
581
|
--oasys-component-button-color-rewards-on-dark-background: rgb(253, 213, 238);
|
|
583
582
|
--oasys-component-button-color-rewards-on-dark-border: rgb(251, 173, 221);
|
|
584
|
-
--oasys-component-button-color-rewards-on-dark-text: rgb(
|
|
583
|
+
--oasys-component-button-color-rewards-on-dark-text: rgb(56, 55, 55);
|
|
585
584
|
--oasys-component-button-color-rewards-on-dark-selected-border: rgb(251, 173, 221);
|
|
586
585
|
--oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(251, 173, 221);
|
|
587
|
-
--oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(
|
|
588
|
-
--oasys-component-button-color-chip-background: rgb(
|
|
589
|
-
--oasys-component-button-color-chip-border: rgb(
|
|
590
|
-
--oasys-component-button-color-chip-text: rgb(
|
|
591
|
-
--oasys-component-button-color-chip-selected-border: rgb(
|
|
592
|
-
--oasys-component-button-color-chip-hover-underlay: rgb(
|
|
593
|
-
--oasys-component-button-color-chip-hover-overlay:
|
|
594
|
-
--oasys-component-button-color-disabled-background: rgb(
|
|
595
|
-
--oasys-component-button-color-disabled-border: rgb(
|
|
596
|
-
--oasys-component-button-color-disabled-text: rgb(
|
|
586
|
+
--oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(56, 55, 55);
|
|
587
|
+
--oasys-component-button-color-chip-background: rgb(247, 246, 243);
|
|
588
|
+
--oasys-component-button-color-chip-border: rgb(222, 221, 219);
|
|
589
|
+
--oasys-component-button-color-chip-text: rgb(56, 55, 55);
|
|
590
|
+
--oasys-component-button-color-chip-selected-border: rgb(56, 55, 55);
|
|
591
|
+
--oasys-component-button-color-chip-hover-underlay: rgb(252, 245, 234);
|
|
592
|
+
--oasys-component-button-color-chip-hover-overlay: rgba(0, 0, 0, 0);
|
|
593
|
+
--oasys-component-button-color-disabled-background: rgb(222, 221, 219);
|
|
594
|
+
--oasys-component-button-color-disabled-border: rgb(222, 221, 219);
|
|
595
|
+
--oasys-component-button-color-disabled-text: rgb(168, 168, 168);
|
|
597
596
|
--oasys-component-button-letter-spacing: 0;
|
|
598
597
|
--oasys-component-button-font-weight-primary: 500;
|
|
599
598
|
--oasys-component-button-font-weight-secondary: 500;
|
|
@@ -642,20 +641,20 @@
|
|
|
642
641
|
--oasys-component-hero-actions-alignment: center;
|
|
643
642
|
--oasys-component-hero-inset-spacing-large: expanded;
|
|
644
643
|
--oasys-component-hero-inset-spacing-small: default;
|
|
645
|
-
--oasys-component-label-type-free-delivery-background: rgb(
|
|
646
|
-
--oasys-component-label-type-free-delivery-foreground: rgb(
|
|
647
|
-
--oasys-component-label-type-featured-background: rgb(
|
|
648
|
-
--oasys-component-label-type-featured-foreground: rgb(
|
|
649
|
-
--oasys-component-label-type-limited-edition-background: rgb(
|
|
650
|
-
--oasys-component-label-type-limited-edition-foreground: rgb(
|
|
644
|
+
--oasys-component-label-type-free-delivery-background: rgb(87, 128, 108);
|
|
645
|
+
--oasys-component-label-type-free-delivery-foreground: rgb(56, 55, 55);
|
|
646
|
+
--oasys-component-label-type-featured-background: rgb(87, 128, 108);
|
|
647
|
+
--oasys-component-label-type-featured-foreground: rgb(56, 55, 55);
|
|
648
|
+
--oasys-component-label-type-limited-edition-background: rgb(182, 107, 85);
|
|
649
|
+
--oasys-component-label-type-limited-edition-foreground: rgb(247, 246, 243);
|
|
651
650
|
--oasys-component-label-type-rewards-bonus-points-background: rgb(253, 213, 238);
|
|
652
|
-
--oasys-component-label-type-rewards-bonus-points-foreground: rgb(
|
|
651
|
+
--oasys-component-label-type-rewards-bonus-points-foreground: rgb(87, 128, 108);
|
|
653
652
|
--oasys-component-price-weight-hero: 500;
|
|
654
653
|
--oasys-component-price-weight-primary: 500;
|
|
655
654
|
--oasys-component-price-weight-supporting: 500;
|
|
656
|
-
--oasys-component-price-color-price-after-discount: rgb(
|
|
657
|
-
--oasys-component-progress-bar-color-bar: rgb(
|
|
658
|
-
--oasys-component-progress-bar-color-track: rgb(
|
|
655
|
+
--oasys-component-price-color-price-after-discount: rgb(182, 107, 85);
|
|
656
|
+
--oasys-component-progress-bar-color-bar: rgb(56, 55, 55);
|
|
657
|
+
--oasys-component-progress-bar-color-track: rgb(222, 221, 219);
|
|
659
658
|
--oasys-component-radio-icon-inset: 0.6rem;
|
|
660
659
|
--oasys-component-radio-icon-size-primary: 1rem;
|
|
661
660
|
--oasys-component-radio-icon-size-secondary: 0.6rem;
|
|
@@ -668,8 +667,8 @@
|
|
|
668
667
|
--oasys-component-section-image-aspect-ratio-spotlight: 1:1;
|
|
669
668
|
--oasys-component-section-image-aspect-ratio-inform: 5:3;
|
|
670
669
|
--oasys-component-text-input-preface-width: 5.6rem;
|
|
671
|
-
--oasys-component-text-input-color-disabled-background: rgb(
|
|
672
|
-
--oasys-component-text-input-color-disabled-foreground: rgb(
|
|
670
|
+
--oasys-component-text-input-color-disabled-background: rgb(222, 221, 219);
|
|
671
|
+
--oasys-component-text-input-color-disabled-foreground: rgb(168, 168, 168);
|
|
673
672
|
--oasys-component-promo-card-image-aspect-ratio: 5/4;
|
|
674
673
|
--oasys-component-promo-card-heading-alignment: center;
|
|
675
674
|
--oasys-typography-body-body-font-family: 'ABC Diatype';
|