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
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 {
|
|
@@ -469,12 +469,12 @@
|
|
|
469
469
|
--oasys-loyalty-tier-2-radius-primary: 0;
|
|
470
470
|
--oasys-loyalty-tier-2-radius-secondary: 0;
|
|
471
471
|
--oasys-loyalty-tier-2-radius-icon: 99.9rem;
|
|
472
|
-
--oasys-component-alert-badge-positive: rgb(
|
|
473
|
-
--oasys-component-alert-badge-neutral: rgb(
|
|
474
|
-
--oasys-component-alert-badge-negative: rgb(
|
|
475
|
-
--oasys-component-alert-background-positive: rgb(
|
|
476
|
-
--oasys-component-alert-background-neutral: rgb(
|
|
477
|
-
--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);
|
|
478
478
|
--oasys-component-banner-spacing-mobile: default;
|
|
479
479
|
--oasys-component-box-on-dark-core-primary: on-light;
|
|
480
480
|
--oasys-component-box-on-dark-core-secondary: on-light;
|
|
@@ -487,11 +487,11 @@
|
|
|
487
487
|
--oasys-component-box-border-none: 0;
|
|
488
488
|
--oasys-component-box-border-primary: 0.1rem;
|
|
489
489
|
--oasys-component-box-border-prominent: 0.2rem;
|
|
490
|
-
--oasys-component-box-border-color-primary: rgb(
|
|
491
|
-
--oasys-component-box-border-color-primary-on-dark: rgb(
|
|
492
|
-
--oasys-component-box-border-color-secondary: rgb(
|
|
493
|
-
--oasys-component-box-border-color-selected: rgb(
|
|
494
|
-
--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);
|
|
495
495
|
--oasys-component-box-border-style-solid: solid;
|
|
496
496
|
--oasys-component-box-border-style-dashed: dashed;
|
|
497
497
|
--oasys-component-button-size-large-font-size: 1.8rem;
|
|
@@ -508,91 +508,91 @@
|
|
|
508
508
|
--oasys-component-button-content-height: 2rem;
|
|
509
509
|
--oasys-component-button-color-primary-background: rgb(56, 55, 55);
|
|
510
510
|
--oasys-component-button-color-primary-border: rgb(56, 55, 55);
|
|
511
|
-
--oasys-component-button-color-primary-text: rgb(
|
|
511
|
+
--oasys-component-button-color-primary-text: rgb(247, 246, 243);
|
|
512
512
|
--oasys-component-button-color-primary-selected-border: rgb(56, 55, 55);
|
|
513
513
|
--oasys-component-button-color-primary-hover-underlay: rgb(56, 55, 55);
|
|
514
514
|
--oasys-component-button-color-primary-hover-overlay: rgb(247, 246, 243);
|
|
515
515
|
--oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
|
|
516
516
|
--oasys-component-button-color-secondary-border: rgb(56, 55, 55);
|
|
517
517
|
--oasys-component-button-color-secondary-text: rgb(56, 55, 55);
|
|
518
|
-
--oasys-component-button-color-secondary-selected-border: rgb(
|
|
519
|
-
--oasys-component-button-color-secondary-hover-underlay:
|
|
520
|
-
--oasys-component-button-color-secondary-hover-overlay: rgb(
|
|
521
|
-
--oasys-component-button-color-tertiary-background:
|
|
522
|
-
--oasys-component-button-color-tertiary-border:
|
|
523
|
-
--oasys-component-button-color-tertiary-text: rgb(
|
|
524
|
-
--oasys-component-button-color-tertiary-selected-border:
|
|
525
|
-
--oasys-component-button-color-tertiary-hover-underlay:
|
|
526
|
-
--oasys-component-button-color-tertiary-hover-overlay: rgb(
|
|
527
|
-
--oasys-component-button-color-primary-inverse-background: rgb(
|
|
528
|
-
--oasys-component-button-color-primary-inverse-border: rgb(
|
|
529
|
-
--oasys-component-button-color-primary-inverse-text: rgb(
|
|
530
|
-
--oasys-component-button-color-primary-inverse-selected-border: rgb(
|
|
531
|
-
--oasys-component-button-color-primary-inverse-hover-underlay: rgb(
|
|
532
|
-
--oasys-component-button-color-primary-inverse-hover-overlay: rgb(
|
|
533
|
-
--oasys-component-button-color-secondary-inverse-background:
|
|
534
|
-
--oasys-component-button-color-secondary-inverse-border: rgb(
|
|
535
|
-
--oasys-component-button-color-secondary-inverse-text: rgb(
|
|
536
|
-
--oasys-component-button-color-secondary-inverse-selected-border: rgb(
|
|
537
|
-
--oasys-component-button-color-secondary-inverse-hover-underlay:
|
|
538
|
-
--oasys-component-button-color-secondary-inverse-hover-overlay: rgb(
|
|
539
|
-
--oasys-component-button-color-tertiary-inverse-background:
|
|
540
|
-
--oasys-component-button-color-tertiary-inverse-border:
|
|
541
|
-
--oasys-component-button-color-tertiary-inverse-text: rgb(
|
|
542
|
-
--oasys-component-button-color-tertiary-inverse-selected-border:
|
|
543
|
-
--oasys-component-button-color-tertiary-inverse-hover-underlay:
|
|
544
|
-
--oasys-component-button-color-tertiary-inverse-hover-overlay: rgb(
|
|
545
|
-
--oasys-component-button-color-expressive-background: rgb(
|
|
546
|
-
--oasys-component-button-color-expressive-border: rgb(
|
|
547
|
-
--oasys-component-button-color-expressive-text: rgb(
|
|
548
|
-
--oasys-component-button-color-expressive-selected-border: rgb(
|
|
549
|
-
--oasys-component-button-color-expressive-hover-underlay: rgb(
|
|
550
|
-
--oasys-component-button-color-expressive-hover-overlay: rgb(
|
|
551
|
-
--oasys-component-button-color-danger-background: rgb(
|
|
552
|
-
--oasys-component-button-color-danger-border: rgb(
|
|
553
|
-
--oasys-component-button-color-danger-text: rgb(
|
|
554
|
-
--oasys-component-button-color-danger-selected-border: rgb(
|
|
555
|
-
--oasys-component-button-color-danger-hover-underlay: rgb(
|
|
556
|
-
--oasys-component-button-color-danger-hover-overlay: rgb(
|
|
557
|
-
--oasys-component-button-color-facebook-background: rgb(
|
|
558
|
-
--oasys-component-button-color-facebook-border: rgb(
|
|
559
|
-
--oasys-component-button-color-facebook-text: rgb(
|
|
560
|
-
--oasys-component-button-color-facebook-selected-border: rgb(
|
|
561
|
-
--oasys-component-button-color-facebook-hover-underlay: rgb(
|
|
562
|
-
--oasys-component-button-color-facebook-hover-overlay: rgb(
|
|
563
|
-
--oasys-component-button-color-paypal-background: rgb(
|
|
564
|
-
--oasys-component-button-color-paypal-border: rgb(
|
|
565
|
-
--oasys-component-button-color-paypal-text: rgb(
|
|
566
|
-
--oasys-component-button-color-paypal-selected-border: rgb(
|
|
567
|
-
--oasys-component-button-color-paypal-hover-underlay: rgb(
|
|
568
|
-
--oasys-component-button-color-paypal-hover-overlay: rgb(
|
|
569
|
-
--oasys-component-button-color-trustpilot-background: rgb(
|
|
570
|
-
--oasys-component-button-color-trustpilot-border: rgb(
|
|
571
|
-
--oasys-component-button-color-trustpilot-text: rgb(
|
|
572
|
-
--oasys-component-button-color-trustpilot-selected-border: rgb(
|
|
573
|
-
--oasys-component-button-color-trustpilot-hover-underlay: rgb(
|
|
574
|
-
--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);
|
|
575
575
|
--oasys-component-button-color-rewards-background: rgb(253, 213, 238);
|
|
576
576
|
--oasys-component-button-color-rewards-border: rgb(251, 173, 221);
|
|
577
|
-
--oasys-component-button-color-rewards-text: rgb(
|
|
577
|
+
--oasys-component-button-color-rewards-text: rgb(247, 246, 243);
|
|
578
578
|
--oasys-component-button-color-rewards-selected-border: rgb(251, 173, 221);
|
|
579
579
|
--oasys-component-button-color-rewards-hover-underlay: rgb(251, 173, 221);
|
|
580
|
-
--oasys-component-button-color-rewards-hover-overlay: rgb(
|
|
580
|
+
--oasys-component-button-color-rewards-hover-overlay: rgb(247, 246, 243);
|
|
581
581
|
--oasys-component-button-color-rewards-on-dark-background: rgb(253, 213, 238);
|
|
582
582
|
--oasys-component-button-color-rewards-on-dark-border: rgb(251, 173, 221);
|
|
583
|
-
--oasys-component-button-color-rewards-on-dark-text: rgb(
|
|
583
|
+
--oasys-component-button-color-rewards-on-dark-text: rgb(56, 55, 55);
|
|
584
584
|
--oasys-component-button-color-rewards-on-dark-selected-border: rgb(251, 173, 221);
|
|
585
585
|
--oasys-component-button-color-rewards-on-dark-hover-underlay: rgb(251, 173, 221);
|
|
586
|
-
--oasys-component-button-color-rewards-on-dark-hover-overlay: rgb(
|
|
587
|
-
--oasys-component-button-color-chip-background: rgb(
|
|
588
|
-
--oasys-component-button-color-chip-border: rgb(
|
|
589
|
-
--oasys-component-button-color-chip-text: rgb(
|
|
590
|
-
--oasys-component-button-color-chip-selected-border: rgb(
|
|
591
|
-
--oasys-component-button-color-chip-hover-underlay: rgb(
|
|
592
|
-
--oasys-component-button-color-chip-hover-overlay:
|
|
593
|
-
--oasys-component-button-color-disabled-background: rgb(
|
|
594
|
-
--oasys-component-button-color-disabled-border: rgb(
|
|
595
|
-
--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);
|
|
596
596
|
--oasys-component-button-letter-spacing: 0;
|
|
597
597
|
--oasys-component-button-font-weight-primary: 500;
|
|
598
598
|
--oasys-component-button-font-weight-secondary: 500;
|
|
@@ -641,20 +641,20 @@
|
|
|
641
641
|
--oasys-component-hero-actions-alignment: center;
|
|
642
642
|
--oasys-component-hero-inset-spacing-large: expanded;
|
|
643
643
|
--oasys-component-hero-inset-spacing-small: default;
|
|
644
|
-
--oasys-component-label-type-free-delivery-background: rgb(
|
|
645
|
-
--oasys-component-label-type-free-delivery-foreground: rgb(
|
|
646
|
-
--oasys-component-label-type-featured-background: rgb(
|
|
647
|
-
--oasys-component-label-type-featured-foreground: rgb(
|
|
648
|
-
--oasys-component-label-type-limited-edition-background: rgb(
|
|
649
|
-
--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);
|
|
650
650
|
--oasys-component-label-type-rewards-bonus-points-background: rgb(253, 213, 238);
|
|
651
|
-
--oasys-component-label-type-rewards-bonus-points-foreground: rgb(
|
|
651
|
+
--oasys-component-label-type-rewards-bonus-points-foreground: rgb(87, 128, 108);
|
|
652
652
|
--oasys-component-price-weight-hero: 500;
|
|
653
653
|
--oasys-component-price-weight-primary: 500;
|
|
654
654
|
--oasys-component-price-weight-supporting: 500;
|
|
655
|
-
--oasys-component-price-color-price-after-discount: rgb(
|
|
656
|
-
--oasys-component-progress-bar-color-bar: rgb(
|
|
657
|
-
--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);
|
|
658
658
|
--oasys-component-radio-icon-inset: 0.6rem;
|
|
659
659
|
--oasys-component-radio-icon-size-primary: 1rem;
|
|
660
660
|
--oasys-component-radio-icon-size-secondary: 0.6rem;
|
|
@@ -667,8 +667,8 @@
|
|
|
667
667
|
--oasys-component-section-image-aspect-ratio-spotlight: 1:1;
|
|
668
668
|
--oasys-component-section-image-aspect-ratio-inform: 5:3;
|
|
669
669
|
--oasys-component-text-input-preface-width: 5.6rem;
|
|
670
|
-
--oasys-component-text-input-color-disabled-background: rgb(
|
|
671
|
-
--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);
|
|
672
672
|
--oasys-component-promo-card-image-aspect-ratio: 5/4;
|
|
673
673
|
--oasys-component-promo-card-heading-alignment: center;
|
|
674
674
|
--oasys-typography-body-body-font-family: 'ABC Diatype';
|