oasys-lib 3.9.0 → 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 +95 -95
- package/src/assets/bergamotte-loyalty-tier-1/variables.css +173 -173
- package/src/assets/bergamotte-loyalty-tier-2/variables.css +173 -173
- package/src/assets/bloomandwild/variables.css +1 -1
- package/src/assets/bloomandwild-loyalty-tier-1/variables.css +1 -1
- package/src/assets/bloomandwild-loyalty-tier-2/variables.css +1 -1
- package/src/assets/bloomon/variables.css +1 -1
- package/src/assets/bloomon-loyalty-tier-1/variables.css +1 -1
- package/src/assets/bloomon-loyalty-tier-2/variables.css +1 -1
|
@@ -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:44 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root .brand-tokens-bergamotte-loyalty-tier-2 {
|
|
@@ -478,12 +478,12 @@
|
|
|
478
478
|
--oasys-loyalty-tier-2-radius-primary: 0;
|
|
479
479
|
--oasys-loyalty-tier-2-radius-secondary: 0;
|
|
480
480
|
--oasys-loyalty-tier-2-radius-icon: 99.9rem;
|
|
481
|
-
--oasys-component-alert-badge-positive: rgb(
|
|
482
|
-
--oasys-component-alert-badge-neutral: rgb(
|
|
483
|
-
--oasys-component-alert-badge-negative: rgb(
|
|
484
|
-
--oasys-component-alert-background-positive: rgb(
|
|
485
|
-
--oasys-component-alert-background-neutral: rgb(
|
|
486
|
-
--oasys-component-alert-background-negative: rgb(
|
|
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);
|
|
487
487
|
--oasys-component-banner-spacing-mobile: default;
|
|
488
488
|
--oasys-component-box-on-dark-core-primary: on-light;
|
|
489
489
|
--oasys-component-box-on-dark-core-secondary: on-light;
|
|
@@ -498,9 +498,9 @@
|
|
|
498
498
|
--oasys-component-box-border-prominent: 0.2rem;
|
|
499
499
|
--oasys-component-box-border-color-primary: rgb(251, 173, 221);
|
|
500
500
|
--oasys-component-box-border-color-primary-on-dark: rgb(251, 173, 221);
|
|
501
|
-
--oasys-component-box-border-color-secondary: rgb(
|
|
502
|
-
--oasys-component-box-border-color-selected: rgb(
|
|
503
|
-
--oasys-component-box-border-color-selectable: rgb(
|
|
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);
|
|
504
504
|
--oasys-component-box-border-style-solid: solid;
|
|
505
505
|
--oasys-component-box-border-style-dashed: dashed;
|
|
506
506
|
--oasys-component-button-size-large-font-size: 1.8rem;
|
|
@@ -517,91 +517,91 @@
|
|
|
517
517
|
--oasys-component-button-content-height: 2rem;
|
|
518
518
|
--oasys-component-button-color-primary-background: rgb(253, 213, 238);
|
|
519
519
|
--oasys-component-button-color-primary-border: rgb(253, 213, 238);
|
|
520
|
-
--oasys-component-button-color-primary-text: rgb(
|
|
520
|
+
--oasys-component-button-color-primary-text: rgb(247, 246, 243);
|
|
521
521
|
--oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
|
|
522
522
|
--oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
|
|
523
523
|
--oasys-component-button-color-primary-hover-overlay: rgb(247, 246, 243);
|
|
524
524
|
--oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
|
|
525
525
|
--oasys-component-button-color-secondary-border: rgb(56, 55, 55);
|
|
526
526
|
--oasys-component-button-color-secondary-text: rgb(245, 53, 170);
|
|
527
|
-
--oasys-component-button-color-secondary-selected-border: rgb(
|
|
528
|
-
--oasys-component-button-color-secondary-hover-underlay:
|
|
529
|
-
--oasys-component-button-color-secondary-hover-overlay: rgb(
|
|
530
|
-
--oasys-component-button-color-tertiary-background:
|
|
531
|
-
--oasys-component-button-color-tertiary-border:
|
|
532
|
-
--oasys-component-button-color-tertiary-text: rgb(
|
|
533
|
-
--oasys-component-button-color-tertiary-selected-border:
|
|
534
|
-
--oasys-component-button-color-tertiary-hover-underlay:
|
|
535
|
-
--oasys-component-button-color-tertiary-hover-overlay: rgb(
|
|
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);
|
|
536
536
|
--oasys-component-button-color-primary-inverse-background: rgb(253, 213, 238);
|
|
537
|
-
--oasys-component-button-color-primary-inverse-border: rgb(
|
|
538
|
-
--oasys-component-button-color-primary-inverse-text: rgb(
|
|
539
|
-
--oasys-component-button-color-primary-inverse-selected-border: rgb(
|
|
540
|
-
--oasys-component-button-color-primary-inverse-hover-underlay: rgb(
|
|
541
|
-
--oasys-component-button-color-primary-inverse-hover-overlay: rgb(
|
|
542
|
-
--oasys-component-button-color-secondary-inverse-background:
|
|
543
|
-
--oasys-component-button-color-secondary-inverse-border: rgb(
|
|
544
|
-
--oasys-component-button-color-secondary-inverse-text: rgb(
|
|
545
|
-
--oasys-component-button-color-secondary-inverse-selected-border: rgb(
|
|
546
|
-
--oasys-component-button-color-secondary-inverse-hover-underlay:
|
|
547
|
-
--oasys-component-button-color-secondary-inverse-hover-overlay: rgb(
|
|
548
|
-
--oasys-component-button-color-tertiary-inverse-background:
|
|
549
|
-
--oasys-component-button-color-tertiary-inverse-border:
|
|
550
|
-
--oasys-component-button-color-tertiary-inverse-text: rgb(
|
|
551
|
-
--oasys-component-button-color-tertiary-inverse-selected-border:
|
|
552
|
-
--oasys-component-button-color-tertiary-inverse-hover-underlay:
|
|
553
|
-
--oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(
|
|
554
|
-
--oasys-component-button-color-expressive-background: rgb(
|
|
555
|
-
--oasys-component-button-color-expressive-border: rgb(
|
|
556
|
-
--oasys-component-button-color-expressive-text: rgb(
|
|
557
|
-
--oasys-component-button-color-expressive-selected-border: rgb(
|
|
558
|
-
--oasys-component-button-color-expressive-hover-underlay: rgb(
|
|
559
|
-
--oasys-component-button-color-expressive-hover-overlay: rgb(
|
|
560
|
-
--oasys-component-button-color-danger-background: rgb(
|
|
561
|
-
--oasys-component-button-color-danger-border: rgb(
|
|
562
|
-
--oasys-component-button-color-danger-text: rgb(
|
|
563
|
-
--oasys-component-button-color-danger-selected-border: rgb(
|
|
564
|
-
--oasys-component-button-color-danger-hover-underlay: rgb(
|
|
565
|
-
--oasys-component-button-color-danger-hover-overlay: rgb(
|
|
566
|
-
--oasys-component-button-color-facebook-background: rgb(
|
|
567
|
-
--oasys-component-button-color-facebook-border: rgb(
|
|
568
|
-
--oasys-component-button-color-facebook-text: rgb(
|
|
569
|
-
--oasys-component-button-color-facebook-selected-border: rgb(
|
|
570
|
-
--oasys-component-button-color-facebook-hover-underlay: rgb(
|
|
571
|
-
--oasys-component-button-color-facebook-hover-overlay: rgb(
|
|
572
|
-
--oasys-component-button-color-paypal-background: rgb(
|
|
573
|
-
--oasys-component-button-color-paypal-border: rgb(
|
|
574
|
-
--oasys-component-button-color-paypal-text: rgb(
|
|
575
|
-
--oasys-component-button-color-paypal-selected-border: rgb(
|
|
576
|
-
--oasys-component-button-color-paypal-hover-underlay: rgb(
|
|
577
|
-
--oasys-component-button-color-paypal-hover-overlay: rgb(
|
|
578
|
-
--oasys-component-button-color-trustpilot-background: rgb(
|
|
579
|
-
--oasys-component-button-color-trustpilot-border: rgb(
|
|
580
|
-
--oasys-component-button-color-trustpilot-text: rgb(
|
|
581
|
-
--oasys-component-button-color-trustpilot-selected-border: rgb(
|
|
582
|
-
--oasys-component-button-color-trustpilot-hover-underlay: rgb(
|
|
583
|
-
--oasys-component-button-color-trustpilot-hover-overlay: rgb(
|
|
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);
|
|
584
584
|
--oasys-component-button-color-rewards-background: rgb(253, 213, 238);
|
|
585
585
|
--oasys-component-button-color-rewards-border: rgb(251, 173, 221);
|
|
586
|
-
--oasys-component-button-color-rewards-text: rgb(
|
|
586
|
+
--oasys-component-button-color-rewards-text: rgb(247, 246, 243);
|
|
587
587
|
--oasys-component-button-color-rewards-selected-border: rgb(251, 173, 221);
|
|
588
588
|
--oasys-component-button-color-rewards-hover-underlay: rgb(251, 173, 221);
|
|
589
|
-
--oasys-component-button-color-rewards-hover-overlay: rgb(
|
|
589
|
+
--oasys-component-button-color-rewards-hover-overlay: rgb(247, 246, 243);
|
|
590
590
|
--oasys-component-button-color-rewards-on-dark-background: rgb(253, 213, 238);
|
|
591
591
|
--oasys-component-button-color-rewards-on-dark-border: rgb(251, 173, 221);
|
|
592
|
-
--oasys-component-button-color-rewards-on-dark-text: rgb(
|
|
592
|
+
--oasys-component-button-color-rewards-on-dark-text: rgb(56, 55, 55);
|
|
593
593
|
--oasys-component-button-color-rewards-on-dark-selected-border: rgb(251, 173, 221);
|
|
594
594
|
--oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(251, 173, 221);
|
|
595
|
-
--oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(
|
|
595
|
+
--oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(56, 55, 55);
|
|
596
596
|
--oasys-component-button-color-chip-background: rgb(253, 213, 238);
|
|
597
|
-
--oasys-component-button-color-chip-border: rgb(
|
|
598
|
-
--oasys-component-button-color-chip-text: rgb(
|
|
599
|
-
--oasys-component-button-color-chip-selected-border: rgb(
|
|
600
|
-
--oasys-component-button-color-chip-hover-underlay: rgb(
|
|
601
|
-
--oasys-component-button-color-chip-hover-overlay:
|
|
602
|
-
--oasys-component-button-color-disabled-background: rgb(
|
|
603
|
-
--oasys-component-button-color-disabled-border: rgb(
|
|
604
|
-
--oasys-component-button-color-disabled-text: rgb(
|
|
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);
|
|
605
605
|
--oasys-component-button-letter-spacing: 0;
|
|
606
606
|
--oasys-component-button-font-weight-primary: 500;
|
|
607
607
|
--oasys-component-button-font-weight-secondary: 500;
|
|
@@ -650,20 +650,20 @@
|
|
|
650
650
|
--oasys-component-hero-actions-alignment: center;
|
|
651
651
|
--oasys-component-hero-inset-spacing-large: expanded;
|
|
652
652
|
--oasys-component-hero-inset-spacing-small: default;
|
|
653
|
-
--oasys-component-label-type-free-delivery-background: rgb(
|
|
653
|
+
--oasys-component-label-type-free-delivery-background: rgb(245, 53, 170);
|
|
654
654
|
--oasys-component-label-type-free-delivery-foreground: rgb(245, 53, 170);
|
|
655
|
-
--oasys-component-label-type-featured-background: rgb(
|
|
655
|
+
--oasys-component-label-type-featured-background: rgb(245, 53, 170);
|
|
656
656
|
--oasys-component-label-type-featured-foreground: rgb(245, 53, 170);
|
|
657
|
-
--oasys-component-label-type-limited-edition-background: rgb(
|
|
657
|
+
--oasys-component-label-type-limited-edition-background: rgb(182, 107, 85);
|
|
658
658
|
--oasys-component-label-type-limited-edition-foreground: rgb(245, 53, 170);
|
|
659
659
|
--oasys-component-label-type-rewards-bonus-points-background: rgb(253, 213, 238);
|
|
660
660
|
--oasys-component-label-type-rewards-bonus-points-foreground: rgb(245, 53, 170);
|
|
661
661
|
--oasys-component-price-weight-hero: 500;
|
|
662
662
|
--oasys-component-price-weight-primary: 500;
|
|
663
663
|
--oasys-component-price-weight-supporting: 500;
|
|
664
|
-
--oasys-component-price-color-price-after-discount: rgb(
|
|
665
|
-
--oasys-component-progress-bar-color-bar: rgb(
|
|
666
|
-
--oasys-component-progress-bar-color-track: rgb(
|
|
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);
|
|
667
667
|
--oasys-component-radio-icon-inset: 0.6rem;
|
|
668
668
|
--oasys-component-radio-icon-size-primary: 1rem;
|
|
669
669
|
--oasys-component-radio-icon-size-secondary: 0.6rem;
|
|
@@ -676,8 +676,8 @@
|
|
|
676
676
|
--oasys-component-section-image-aspect-ratio-spotlight: 1:1;
|
|
677
677
|
--oasys-component-section-image-aspect-ratio-inform: 5:3;
|
|
678
678
|
--oasys-component-text-input-preface-width: 5.6rem;
|
|
679
|
-
--oasys-component-text-input-color-disabled-background: rgb(
|
|
680
|
-
--oasys-component-text-input-color-disabled-foreground: rgb(
|
|
679
|
+
--oasys-component-text-input-color-disabled-background: rgb(222, 221, 219);
|
|
680
|
+
--oasys-component-text-input-color-disabled-foreground: rgb(168, 168, 168);
|
|
681
681
|
--oasys-component-promo-card-image-aspect-ratio: 5/4;
|
|
682
682
|
--oasys-component-promo-card-heading-alignment: center;
|
|
683
683
|
--oasys-typography-body-body-font-family: 'ABC Diatype';
|
|
@@ -1382,12 +1382,12 @@
|
|
|
1382
1382
|
--oasys-loyalty-tier-2-radius-primary: 0;
|
|
1383
1383
|
--oasys-loyalty-tier-2-radius-secondary: 0;
|
|
1384
1384
|
--oasys-loyalty-tier-2-radius-icon: 99.9rem;
|
|
1385
|
-
--oasys-component-alert-badge-positive: rgb(
|
|
1386
|
-
--oasys-component-alert-badge-neutral: rgb(
|
|
1387
|
-
--oasys-component-alert-badge-negative: rgb(
|
|
1388
|
-
--oasys-component-alert-background-positive: rgb(
|
|
1389
|
-
--oasys-component-alert-background-neutral: rgb(
|
|
1390
|
-
--oasys-component-alert-background-negative: rgb(
|
|
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);
|
|
1391
1391
|
--oasys-component-banner-spacing-mobile: default;
|
|
1392
1392
|
--oasys-component-box-on-dark-core-primary: on-light;
|
|
1393
1393
|
--oasys-component-box-on-dark-core-secondary: on-light;
|
|
@@ -1402,9 +1402,9 @@
|
|
|
1402
1402
|
--oasys-component-box-border-prominent: 0.2rem;
|
|
1403
1403
|
--oasys-component-box-border-color-primary: rgb(251, 173, 221);
|
|
1404
1404
|
--oasys-component-box-border-color-primary-on-dark: rgb(251, 173, 221);
|
|
1405
|
-
--oasys-component-box-border-color-secondary: rgb(
|
|
1406
|
-
--oasys-component-box-border-color-selected: rgb(
|
|
1407
|
-
--oasys-component-box-border-color-selectable: rgb(
|
|
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);
|
|
1408
1408
|
--oasys-component-box-border-style-solid: solid;
|
|
1409
1409
|
--oasys-component-box-border-style-dashed: dashed;
|
|
1410
1410
|
--oasys-component-button-size-large-font-size: 1.8rem;
|
|
@@ -1421,91 +1421,91 @@
|
|
|
1421
1421
|
--oasys-component-button-content-height: 2rem;
|
|
1422
1422
|
--oasys-component-button-color-primary-background: rgb(253, 213, 238);
|
|
1423
1423
|
--oasys-component-button-color-primary-border: rgb(253, 213, 238);
|
|
1424
|
-
--oasys-component-button-color-primary-text: rgb(
|
|
1424
|
+
--oasys-component-button-color-primary-text: rgb(247, 246, 243);
|
|
1425
1425
|
--oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
|
|
1426
1426
|
--oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
|
|
1427
1427
|
--oasys-component-button-color-primary-hover-overlay: rgb(247, 246, 243);
|
|
1428
1428
|
--oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
|
|
1429
1429
|
--oasys-component-button-color-secondary-border: rgb(56, 55, 55);
|
|
1430
1430
|
--oasys-component-button-color-secondary-text: rgb(245, 53, 170);
|
|
1431
|
-
--oasys-component-button-color-secondary-selected-border: rgb(
|
|
1432
|
-
--oasys-component-button-color-secondary-hover-underlay:
|
|
1433
|
-
--oasys-component-button-color-secondary-hover-overlay: rgb(
|
|
1434
|
-
--oasys-component-button-color-tertiary-background:
|
|
1435
|
-
--oasys-component-button-color-tertiary-border:
|
|
1436
|
-
--oasys-component-button-color-tertiary-text: rgb(
|
|
1437
|
-
--oasys-component-button-color-tertiary-selected-border:
|
|
1438
|
-
--oasys-component-button-color-tertiary-hover-underlay:
|
|
1439
|
-
--oasys-component-button-color-tertiary-hover-overlay: rgb(
|
|
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);
|
|
1440
1440
|
--oasys-component-button-color-primary-inverse-background: rgb(253, 213, 238);
|
|
1441
|
-
--oasys-component-button-color-primary-inverse-border: rgb(
|
|
1442
|
-
--oasys-component-button-color-primary-inverse-text: rgb(
|
|
1443
|
-
--oasys-component-button-color-primary-inverse-selected-border: rgb(
|
|
1444
|
-
--oasys-component-button-color-primary-inverse-hover-underlay: rgb(
|
|
1445
|
-
--oasys-component-button-color-primary-inverse-hover-overlay: rgb(
|
|
1446
|
-
--oasys-component-button-color-secondary-inverse-background:
|
|
1447
|
-
--oasys-component-button-color-secondary-inverse-border: rgb(
|
|
1448
|
-
--oasys-component-button-color-secondary-inverse-text: rgb(
|
|
1449
|
-
--oasys-component-button-color-secondary-inverse-selected-border: rgb(
|
|
1450
|
-
--oasys-component-button-color-secondary-inverse-hover-underlay:
|
|
1451
|
-
--oasys-component-button-color-secondary-inverse-hover-overlay: rgb(
|
|
1452
|
-
--oasys-component-button-color-tertiary-inverse-background:
|
|
1453
|
-
--oasys-component-button-color-tertiary-inverse-border:
|
|
1454
|
-
--oasys-component-button-color-tertiary-inverse-text: rgb(
|
|
1455
|
-
--oasys-component-button-color-tertiary-inverse-selected-border:
|
|
1456
|
-
--oasys-component-button-color-tertiary-inverse-hover-underlay:
|
|
1457
|
-
--oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(
|
|
1458
|
-
--oasys-component-button-color-expressive-background: rgb(
|
|
1459
|
-
--oasys-component-button-color-expressive-border: rgb(
|
|
1460
|
-
--oasys-component-button-color-expressive-text: rgb(
|
|
1461
|
-
--oasys-component-button-color-expressive-selected-border: rgb(
|
|
1462
|
-
--oasys-component-button-color-expressive-hover-underlay: rgb(
|
|
1463
|
-
--oasys-component-button-color-expressive-hover-overlay: rgb(
|
|
1464
|
-
--oasys-component-button-color-danger-background: rgb(
|
|
1465
|
-
--oasys-component-button-color-danger-border: rgb(
|
|
1466
|
-
--oasys-component-button-color-danger-text: rgb(
|
|
1467
|
-
--oasys-component-button-color-danger-selected-border: rgb(
|
|
1468
|
-
--oasys-component-button-color-danger-hover-underlay: rgb(
|
|
1469
|
-
--oasys-component-button-color-danger-hover-overlay: rgb(
|
|
1470
|
-
--oasys-component-button-color-facebook-background: rgb(
|
|
1471
|
-
--oasys-component-button-color-facebook-border: rgb(
|
|
1472
|
-
--oasys-component-button-color-facebook-text: rgb(
|
|
1473
|
-
--oasys-component-button-color-facebook-selected-border: rgb(
|
|
1474
|
-
--oasys-component-button-color-facebook-hover-underlay: rgb(
|
|
1475
|
-
--oasys-component-button-color-facebook-hover-overlay: rgb(
|
|
1476
|
-
--oasys-component-button-color-paypal-background: rgb(
|
|
1477
|
-
--oasys-component-button-color-paypal-border: rgb(
|
|
1478
|
-
--oasys-component-button-color-paypal-text: rgb(
|
|
1479
|
-
--oasys-component-button-color-paypal-selected-border: rgb(
|
|
1480
|
-
--oasys-component-button-color-paypal-hover-underlay: rgb(
|
|
1481
|
-
--oasys-component-button-color-paypal-hover-overlay: rgb(
|
|
1482
|
-
--oasys-component-button-color-trustpilot-background: rgb(
|
|
1483
|
-
--oasys-component-button-color-trustpilot-border: rgb(
|
|
1484
|
-
--oasys-component-button-color-trustpilot-text: rgb(
|
|
1485
|
-
--oasys-component-button-color-trustpilot-selected-border: rgb(
|
|
1486
|
-
--oasys-component-button-color-trustpilot-hover-underlay: rgb(
|
|
1487
|
-
--oasys-component-button-color-trustpilot-hover-overlay: rgb(
|
|
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);
|
|
1488
1488
|
--oasys-component-button-color-rewards-background: rgb(253, 213, 238);
|
|
1489
1489
|
--oasys-component-button-color-rewards-border: rgb(251, 173, 221);
|
|
1490
|
-
--oasys-component-button-color-rewards-text: rgb(
|
|
1490
|
+
--oasys-component-button-color-rewards-text: rgb(247, 246, 243);
|
|
1491
1491
|
--oasys-component-button-color-rewards-selected-border: rgb(251, 173, 221);
|
|
1492
1492
|
--oasys-component-button-color-rewards-hover-underlay: rgb(251, 173, 221);
|
|
1493
|
-
--oasys-component-button-color-rewards-hover-overlay: rgb(
|
|
1493
|
+
--oasys-component-button-color-rewards-hover-overlay: rgb(247, 246, 243);
|
|
1494
1494
|
--oasys-component-button-color-rewards-on-dark-background: rgb(253, 213, 238);
|
|
1495
1495
|
--oasys-component-button-color-rewards-on-dark-border: rgb(251, 173, 221);
|
|
1496
|
-
--oasys-component-button-color-rewards-on-dark-text: rgb(
|
|
1496
|
+
--oasys-component-button-color-rewards-on-dark-text: rgb(56, 55, 55);
|
|
1497
1497
|
--oasys-component-button-color-rewards-on-dark-selected-border: rgb(251, 173, 221);
|
|
1498
1498
|
--oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(251, 173, 221);
|
|
1499
|
-
--oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(
|
|
1499
|
+
--oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(56, 55, 55);
|
|
1500
1500
|
--oasys-component-button-color-chip-background: rgb(253, 213, 238);
|
|
1501
|
-
--oasys-component-button-color-chip-border: rgb(
|
|
1502
|
-
--oasys-component-button-color-chip-text: rgb(
|
|
1503
|
-
--oasys-component-button-color-chip-selected-border: rgb(
|
|
1504
|
-
--oasys-component-button-color-chip-hover-underlay: rgb(
|
|
1505
|
-
--oasys-component-button-color-chip-hover-overlay:
|
|
1506
|
-
--oasys-component-button-color-disabled-background: rgb(
|
|
1507
|
-
--oasys-component-button-color-disabled-border: rgb(
|
|
1508
|
-
--oasys-component-button-color-disabled-text: rgb(
|
|
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);
|
|
1509
1509
|
--oasys-component-button-letter-spacing: 0;
|
|
1510
1510
|
--oasys-component-button-font-weight-primary: 500;
|
|
1511
1511
|
--oasys-component-button-font-weight-secondary: 500;
|
|
@@ -1554,20 +1554,20 @@
|
|
|
1554
1554
|
--oasys-component-hero-actions-alignment: center;
|
|
1555
1555
|
--oasys-component-hero-inset-spacing-large: expanded;
|
|
1556
1556
|
--oasys-component-hero-inset-spacing-small: default;
|
|
1557
|
-
--oasys-component-label-type-free-delivery-background: rgb(
|
|
1557
|
+
--oasys-component-label-type-free-delivery-background: rgb(245, 53, 170);
|
|
1558
1558
|
--oasys-component-label-type-free-delivery-foreground: rgb(245, 53, 170);
|
|
1559
|
-
--oasys-component-label-type-featured-background: rgb(
|
|
1559
|
+
--oasys-component-label-type-featured-background: rgb(245, 53, 170);
|
|
1560
1560
|
--oasys-component-label-type-featured-foreground: rgb(245, 53, 170);
|
|
1561
|
-
--oasys-component-label-type-limited-edition-background: rgb(
|
|
1561
|
+
--oasys-component-label-type-limited-edition-background: rgb(182, 107, 85);
|
|
1562
1562
|
--oasys-component-label-type-limited-edition-foreground: rgb(245, 53, 170);
|
|
1563
1563
|
--oasys-component-label-type-rewards-bonus-points-background: rgb(253, 213, 238);
|
|
1564
1564
|
--oasys-component-label-type-rewards-bonus-points-foreground: rgb(245, 53, 170);
|
|
1565
1565
|
--oasys-component-price-weight-hero: 500;
|
|
1566
1566
|
--oasys-component-price-weight-primary: 500;
|
|
1567
1567
|
--oasys-component-price-weight-supporting: 500;
|
|
1568
|
-
--oasys-component-price-color-price-after-discount: rgb(
|
|
1569
|
-
--oasys-component-progress-bar-color-bar: rgb(
|
|
1570
|
-
--oasys-component-progress-bar-color-track: rgb(
|
|
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);
|
|
1571
1571
|
--oasys-component-radio-icon-inset: 0.6rem;
|
|
1572
1572
|
--oasys-component-radio-icon-size-primary: 1rem;
|
|
1573
1573
|
--oasys-component-radio-icon-size-secondary: 0.6rem;
|
|
@@ -1580,8 +1580,8 @@
|
|
|
1580
1580
|
--oasys-component-section-image-aspect-ratio-spotlight: 1:1;
|
|
1581
1581
|
--oasys-component-section-image-aspect-ratio-inform: 5:3;
|
|
1582
1582
|
--oasys-component-text-input-preface-width: 5.6rem;
|
|
1583
|
-
--oasys-component-text-input-color-disabled-background: rgb(
|
|
1584
|
-
--oasys-component-text-input-color-disabled-foreground: rgb(
|
|
1583
|
+
--oasys-component-text-input-color-disabled-background: rgb(222, 221, 219);
|
|
1584
|
+
--oasys-component-text-input-color-disabled-foreground: rgb(168, 168, 168);
|
|
1585
1585
|
--oasys-component-promo-card-image-aspect-ratio: 5/4;
|
|
1586
1586
|
--oasys-component-promo-card-heading-alignment: center;
|
|
1587
1587
|
--oasys-typography-body-body-font-family: 'ABC Diatype';
|