oasys-lib 3.3.0 → 3.4.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 +89 -80
- package/src/assets/bergamotte-loyalty-tier-1/variables.css +173 -155
- package/src/assets/bergamotte-loyalty-tier-2/variables.css +173 -155
- package/src/assets/bloomandwild/variables.css +10 -1
- package/src/assets/bloomandwild-loyalty-tier-1/variables.css +19 -1
- package/src/assets/bloomandwild-loyalty-tier-2/variables.css +19 -1
- package/src/assets/bloomon/variables.css +10 -1
- package/src/assets/bloomon-loyalty-tier-1/variables.css +19 -1
- package/src/assets/bloomon-loyalty-tier-2/variables.css +19 -1
- package/src/assets/global/scss-breakpoints.scss +1 -1
|
@@ -1,73 +1,75 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 23 Sep 2026 14:44:20 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root .brand-tokens-bergamotte-loyalty-tier-1 {
|
|
7
|
-
--oasys-color-partners-paypal: rgb(
|
|
8
|
-
--oasys-color-partners-facebook: rgb(
|
|
9
|
-
--oasys-color-partners-trustpilot: rgb(
|
|
10
|
-
--oasys-color-green-10: rgb(
|
|
11
|
-
--oasys-color-green-60: rgb(
|
|
12
|
-
--oasys-color-lilac-50: rgb(
|
|
13
|
-
--oasys-color-blue-10: rgb(
|
|
14
|
-
--oasys-color-blue-20: rgb(
|
|
15
|
-
--oasys-color-blue-50: rgb(
|
|
16
|
-
--oasys-color-blue-55: rgb(
|
|
17
|
-
--oasys-color-blue-60: rgb(
|
|
18
|
-
--oasys-color-red-10: rgb(251,
|
|
19
|
-
--oasys-color-red-50: rgb(
|
|
20
|
-
--oasys-color-red-60: rgb(
|
|
21
|
-
--oasys-color-blush-30: rgb(
|
|
22
|
-
--oasys-color-blush-70: rgb(
|
|
23
|
-
--oasys-color-blush-pale: rgb(
|
|
24
|
-
--oasys-color-blush-beige: rgb(
|
|
25
|
-
--oasys-color-blush-light: rgb(
|
|
26
|
-
--oasys-color-blush-lush: rgb(
|
|
27
|
-
--oasys-color-blush-blush: rgb(
|
|
28
|
-
--oasys-color-blush-copper: rgb(
|
|
29
|
-
--oasys-color-buttercream-10: rgb(
|
|
30
|
-
--oasys-color-buttercream-20: rgb(
|
|
31
|
-
--oasys-color-buttercream-30: rgb(
|
|
32
|
-
--oasys-color-buttercream-50: rgb(
|
|
33
|
-
--oasys-color-buttercream-80: rgb(
|
|
34
|
-
--oasys-color-pine-10: rgb(
|
|
35
|
-
--oasys-color-pine-20: rgb(
|
|
36
|
-
--oasys-color-pine-40: rgb(
|
|
37
|
-
--oasys-color-pine-60: rgb(
|
|
38
|
-
--oasys-color-pine-75: rgb(
|
|
39
|
-
--oasys-color-linen-10: rgb(
|
|
40
|
-
--oasys-color-linen-20: rgb(
|
|
41
|
-
--oasys-color-linen-40: rgb(
|
|
42
|
-
--oasys-color-linen-50: rgb(
|
|
43
|
-
--oasys-color-linen-60: rgb(
|
|
44
|
-
--oasys-color-linen-75: rgb(
|
|
45
|
-
--oasys-color-yellow-50: rgb(
|
|
46
|
-
--oasys-color-yellow-60: rgb(
|
|
47
|
-
--oasys-color-yellow-80: rgb(
|
|
48
|
-
--oasys-color-plum-50: rgb(
|
|
49
|
-
--oasys-color-plum-70: rgb(
|
|
50
|
-
--oasys-color-lavender-20: rgb(
|
|
51
|
-
--oasys-color-linen-grey-10: rgb(
|
|
52
|
-
--oasys-color-linen-grey-20: rgb(
|
|
53
|
-
--oasys-color-linen-grey-30: rgb(
|
|
54
|
-
--oasys-color-linen-grey-40: rgb(
|
|
55
|
-
--oasys-color-linen-grey-50: rgb(
|
|
56
|
-
--oasys-color-linen-grey-60: rgb(
|
|
57
|
-
--oasys-color-linen-grey-75: rgb(
|
|
58
|
-
--oasys-color-grey-10: rgb(
|
|
59
|
-
--oasys-color-grey-20: rgb(
|
|
60
|
-
--oasys-color-grey-30: rgb(
|
|
61
|
-
--oasys-color-grey-40: rgb(
|
|
62
|
-
--oasys-color-grey-50: rgb(
|
|
63
|
-
--oasys-color-grey-60: rgb(
|
|
64
|
-
--oasys-color-grey-70: rgb(
|
|
65
|
-
--oasys-color-grey-75: rgb(
|
|
66
|
-
--oasys-color-grey-80: rgb(
|
|
67
|
-
--oasys-color-grey-90: rgb(
|
|
68
|
-
--oasys-color-grey-100: rgb(
|
|
69
|
-
--oasys-color-white: rgb(
|
|
70
|
-
--oasys-color-transparent:
|
|
7
|
+
--oasys-color-partners-paypal: rgb(255, 196, 58);
|
|
8
|
+
--oasys-color-partners-facebook: rgb(72, 91, 148);
|
|
9
|
+
--oasys-color-partners-trustpilot: rgb(41, 180, 124);
|
|
10
|
+
--oasys-color-green-10: rgb(240, 246, 244);
|
|
11
|
+
--oasys-color-green-60: rgb(68, 121, 100);
|
|
12
|
+
--oasys-color-lilac-50: rgb(165, 170, 253);
|
|
13
|
+
--oasys-color-blue-10: rgb(238, 237, 247);
|
|
14
|
+
--oasys-color-blue-20: rgb(225, 223, 241);
|
|
15
|
+
--oasys-color-blue-50: rgb(39, 113, 252);
|
|
16
|
+
--oasys-color-blue-55: rgb(100, 100, 198);
|
|
17
|
+
--oasys-color-blue-60: rgb(64, 56, 133);
|
|
18
|
+
--oasys-color-red-10: rgb(251, 234, 234);
|
|
19
|
+
--oasys-color-red-50: rgb(201, 17, 17);
|
|
20
|
+
--oasys-color-red-60: rgb(200, 65, 22);
|
|
21
|
+
--oasys-color-blush-30: rgb(255, 159, 128);
|
|
22
|
+
--oasys-color-blush-70: rgb(214, 26, 0);
|
|
23
|
+
--oasys-color-blush-pale: rgb(255, 248, 244);
|
|
24
|
+
--oasys-color-blush-beige: rgb(246, 233, 220);
|
|
25
|
+
--oasys-color-blush-light: rgb(248, 215, 190);
|
|
26
|
+
--oasys-color-blush-lush: rgb(255, 207, 192);
|
|
27
|
+
--oasys-color-blush-blush: rgb(255, 159, 128);
|
|
28
|
+
--oasys-color-blush-copper: rgb(216, 144, 120);
|
|
29
|
+
--oasys-color-buttercream-10: rgb(255, 251, 242);
|
|
30
|
+
--oasys-color-buttercream-20: rgb(255, 247, 229);
|
|
31
|
+
--oasys-color-buttercream-30: rgb(255, 247, 153);
|
|
32
|
+
--oasys-color-buttercream-50: rgb(252, 241, 14);
|
|
33
|
+
--oasys-color-buttercream-80: rgb(232, 176, 23);
|
|
34
|
+
--oasys-color-pine-10: rgb(240, 246, 244);
|
|
35
|
+
--oasys-color-pine-20: rgb(226, 238, 233);
|
|
36
|
+
--oasys-color-pine-40: rgb(143, 192, 172);
|
|
37
|
+
--oasys-color-pine-60: rgb(68, 121, 100);
|
|
38
|
+
--oasys-color-pine-75: rgb(45, 84, 67);
|
|
39
|
+
--oasys-color-linen-10: rgb(252, 245, 234);
|
|
40
|
+
--oasys-color-linen-20: rgb(249, 236, 215);
|
|
41
|
+
--oasys-color-linen-40: rgb(232, 183, 103);
|
|
42
|
+
--oasys-color-linen-50: rgb(217, 147, 33);
|
|
43
|
+
--oasys-color-linen-60: rgb(182, 123, 27);
|
|
44
|
+
--oasys-color-linen-75: rgb(83, 78, 70);
|
|
45
|
+
--oasys-color-yellow-50: rgb(253, 248, 136);
|
|
46
|
+
--oasys-color-yellow-60: rgb(255, 247, 153);
|
|
47
|
+
--oasys-color-yellow-80: rgb(255, 209, 64);
|
|
48
|
+
--oasys-color-plum-50: rgb(117, 42, 105);
|
|
49
|
+
--oasys-color-plum-70: rgb(75, 24, 67);
|
|
50
|
+
--oasys-color-lavender-20: rgb(243, 206, 237);
|
|
51
|
+
--oasys-color-linen-grey-10: rgb(242, 241, 239);
|
|
52
|
+
--oasys-color-linen-grey-20: rgb(226, 224, 220);
|
|
53
|
+
--oasys-color-linen-grey-30: rgb(203, 199, 193);
|
|
54
|
+
--oasys-color-linen-grey-40: rgb(175, 170, 161);
|
|
55
|
+
--oasys-color-linen-grey-50: rgb(148, 139, 126);
|
|
56
|
+
--oasys-color-linen-grey-60: rgb(114, 107, 96);
|
|
57
|
+
--oasys-color-linen-grey-75: rgb(83, 78, 70);
|
|
58
|
+
--oasys-color-grey-10: rgb(231, 230, 227);
|
|
59
|
+
--oasys-color-grey-20: rgb(224, 224, 224);
|
|
60
|
+
--oasys-color-grey-30: rgb(198, 198, 198);
|
|
61
|
+
--oasys-color-grey-40: rgb(168, 168, 168);
|
|
62
|
+
--oasys-color-grey-50: rgb(146, 143, 135);
|
|
63
|
+
--oasys-color-grey-60: rgb(103, 103, 103);
|
|
64
|
+
--oasys-color-grey-70: rgb(82, 82, 82);
|
|
65
|
+
--oasys-color-grey-75: rgb(70, 70, 70);
|
|
66
|
+
--oasys-color-grey-80: rgb(70, 70, 70);
|
|
67
|
+
--oasys-color-grey-90: rgb(38, 38, 38);
|
|
68
|
+
--oasys-color-grey-100: rgb(18, 18, 18);
|
|
69
|
+
--oasys-color-white: rgb(255, 255, 255);
|
|
70
|
+
--oasys-color-transparent: rgba(0, 0, 0, 0);
|
|
71
|
+
--oasys-color-cotton-grey-20: rgb(222, 221, 219);
|
|
72
|
+
--oasys-color-cotten-grey-30: rgb(204, 196, 189);
|
|
71
73
|
--oasys-color-brand-foreground-primary: rgb(245, 53, 170);
|
|
72
74
|
--oasys-color-brand-foreground-secondary: rgb(245, 53, 170);
|
|
73
75
|
--oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
|
|
@@ -89,9 +91,9 @@
|
|
|
89
91
|
--oasys-color-brand-background-progress-bar-goal-active: #FDD5EE;
|
|
90
92
|
--oasys-color-brand-background-icon: #FDD5EE;
|
|
91
93
|
--oasys-color-brand-background-icon-on-dark: #FDD5EE;
|
|
92
|
-
--oasys-color-interaction-foreground-primary: rgb(
|
|
94
|
+
--oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
|
|
93
95
|
--oasys-color-interaction-foreground-primary-on-dark: rgb(245, 53, 170);
|
|
94
|
-
--oasys-color-interaction-foreground-selected: rgb(
|
|
96
|
+
--oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
|
|
95
97
|
--oasys-color-interaction-foreground-disabled: rgb(245, 53, 170);
|
|
96
98
|
--oasys-color-interaction-background-primary: rgb(253, 213, 238);
|
|
97
99
|
--oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
@@ -125,6 +127,13 @@
|
|
|
125
127
|
--oasys-color-rewards-foreground-highlight: rgb(245, 53, 170);
|
|
126
128
|
--oasys-color-rewards-border-primary: rgb(251, 173, 221);
|
|
127
129
|
--oasys-color-rewards-border-primary-on-dark: rgb(251, 173, 221);
|
|
130
|
+
--oasys-color-sage-60: rgb(0, 0, 0);
|
|
131
|
+
--oasys-color-juniper-80: rgb(0, 0, 0);
|
|
132
|
+
--oasys-color-clay-50: rgb(182, 107, 85);
|
|
133
|
+
--oasys-color-clay-60: rgb(158, 80, 57);
|
|
134
|
+
--oasys-color-slate-80: rgb(56, 55, 55);
|
|
135
|
+
--oasys-color-slate-90: rgb(28, 28, 28);
|
|
136
|
+
--oasys-color-cotton-10: rgb(247, 246, 243);
|
|
128
137
|
--oasys-size-unit-0: 0;
|
|
129
138
|
--oasys-size-unit-1: 0.1rem;
|
|
130
139
|
--oasys-size-unit-2: 0.2rem;
|
|
@@ -638,11 +647,11 @@
|
|
|
638
647
|
--oasys-spacing-default: 2.4rem;
|
|
639
648
|
--oasys-radius-round: 99.9rem;
|
|
640
649
|
--oasys-radius-layout: 0.4rem;
|
|
641
|
-
--oasys-radius-soften: 0
|
|
642
|
-
--oasys-radius-rewards-primary: 0
|
|
650
|
+
--oasys-radius-soften: 0;
|
|
651
|
+
--oasys-radius-rewards-primary: 0;
|
|
643
652
|
--oasys-radius-rewards-secondary: 0.4rem;
|
|
644
653
|
--oasys-radius-rewards-icon: 99.9rem;
|
|
645
|
-
--oasys-radius-primary: 0
|
|
654
|
+
--oasys-radius-primary: 0;
|
|
646
655
|
--oasys-radius-secondary: 0.4rem;
|
|
647
656
|
--oasys-radius-icon: 99.9rem;
|
|
648
657
|
--oasys-gutter-large: 4.8rem;
|
|
@@ -663,7 +672,7 @@
|
|
|
663
672
|
--oasys-loyalty-tier-1-color-brand-border-primary-on-dark: rgb(251, 173, 221);
|
|
664
673
|
--oasys-loyalty-tier-1-color-interaction-background-primary: rgb(253, 213, 238);
|
|
665
674
|
--oasys-loyalty-tier-1-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
666
|
-
--oasys-loyalty-tier-1-radius-primary: 0
|
|
675
|
+
--oasys-loyalty-tier-1-radius-primary: 0;
|
|
667
676
|
--oasys-loyalty-tier-1-radius-secondary: 0.4rem;
|
|
668
677
|
--oasys-loyalty-tier-1-radius-icon: 99.9rem;
|
|
669
678
|
--oasys-loyalty-tier-2-color-brand-background-primary: rgb(253, 213, 238);
|
|
@@ -682,7 +691,7 @@
|
|
|
682
691
|
--oasys-loyalty-tier-2-color-brand-border-primary-on-dark: rgb(251, 173, 221);
|
|
683
692
|
--oasys-loyalty-tier-2-color-interaction-background-primary: rgb(253, 213, 238);
|
|
684
693
|
--oasys-loyalty-tier-2-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
685
|
-
--oasys-loyalty-tier-2-radius-primary: 0
|
|
694
|
+
--oasys-loyalty-tier-2-radius-primary: 0;
|
|
686
695
|
--oasys-loyalty-tier-2-radius-secondary: 0.4rem;
|
|
687
696
|
--oasys-loyalty-tier-2-radius-icon: 99.9rem;
|
|
688
697
|
--oasys-component-alert-badge-positive: #FBADDD;
|
|
@@ -718,16 +727,16 @@
|
|
|
718
727
|
--oasys-component-button-size-small-inset-x: 1.1rem;
|
|
719
728
|
--oasys-component-button-size-small-inset-y: 0.5rem;
|
|
720
729
|
--oasys-component-button-size-small-icon-only-width: 3.2rem;
|
|
721
|
-
--oasys-component-button-border-radius: 0
|
|
730
|
+
--oasys-component-button-border-radius: 0;
|
|
722
731
|
--oasys-component-button-text-transform: none;
|
|
723
732
|
--oasys-component-button-content-stack: 0.8rem;
|
|
724
733
|
--oasys-component-button-content-height: 2rem;
|
|
725
|
-
--oasys-component-button-color-primary-background:
|
|
726
|
-
--oasys-component-button-color-primary-border:
|
|
734
|
+
--oasys-component-button-color-primary-background: rgb(253, 213, 238);
|
|
735
|
+
--oasys-component-button-color-primary-border: rgb(253, 213, 238);
|
|
727
736
|
--oasys-component-button-color-primary-text: #F535AA;
|
|
728
|
-
--oasys-component-button-color-primary-selected-border:
|
|
729
|
-
--oasys-component-button-color-primary-hover-underlay:
|
|
730
|
-
--oasys-component-button-color-primary-hover-overlay:
|
|
737
|
+
--oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
|
|
738
|
+
--oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
|
|
739
|
+
--oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
|
|
731
740
|
--oasys-component-button-color-secondary-background: #FDD5EE;
|
|
732
741
|
--oasys-component-button-color-secondary-border: #FBADDD;
|
|
733
742
|
--oasys-component-button-color-secondary-text: #F535AA;
|
|
@@ -890,70 +899,72 @@
|
|
|
890
899
|
}
|
|
891
900
|
|
|
892
901
|
:root .brand-tokens-bergamotte .loyalty-tier-1 {
|
|
893
|
-
--oasys-color-partners-paypal: rgb(
|
|
894
|
-
--oasys-color-partners-facebook: rgb(
|
|
895
|
-
--oasys-color-partners-trustpilot: rgb(
|
|
896
|
-
--oasys-color-green-10: rgb(
|
|
897
|
-
--oasys-color-green-60: rgb(
|
|
898
|
-
--oasys-color-lilac-50: rgb(
|
|
899
|
-
--oasys-color-blue-10: rgb(
|
|
900
|
-
--oasys-color-blue-20: rgb(
|
|
901
|
-
--oasys-color-blue-50: rgb(
|
|
902
|
-
--oasys-color-blue-55: rgb(
|
|
903
|
-
--oasys-color-blue-60: rgb(
|
|
904
|
-
--oasys-color-red-10: rgb(251,
|
|
905
|
-
--oasys-color-red-50: rgb(
|
|
906
|
-
--oasys-color-red-60: rgb(
|
|
907
|
-
--oasys-color-blush-30: rgb(
|
|
908
|
-
--oasys-color-blush-70: rgb(
|
|
909
|
-
--oasys-color-blush-pale: rgb(
|
|
910
|
-
--oasys-color-blush-beige: rgb(
|
|
911
|
-
--oasys-color-blush-light: rgb(
|
|
912
|
-
--oasys-color-blush-lush: rgb(
|
|
913
|
-
--oasys-color-blush-blush: rgb(
|
|
914
|
-
--oasys-color-blush-copper: rgb(
|
|
915
|
-
--oasys-color-buttercream-10: rgb(
|
|
916
|
-
--oasys-color-buttercream-20: rgb(
|
|
917
|
-
--oasys-color-buttercream-30: rgb(
|
|
918
|
-
--oasys-color-buttercream-50: rgb(
|
|
919
|
-
--oasys-color-buttercream-80: rgb(
|
|
920
|
-
--oasys-color-pine-10: rgb(
|
|
921
|
-
--oasys-color-pine-20: rgb(
|
|
922
|
-
--oasys-color-pine-40: rgb(
|
|
923
|
-
--oasys-color-pine-60: rgb(
|
|
924
|
-
--oasys-color-pine-75: rgb(
|
|
925
|
-
--oasys-color-linen-10: rgb(
|
|
926
|
-
--oasys-color-linen-20: rgb(
|
|
927
|
-
--oasys-color-linen-40: rgb(
|
|
928
|
-
--oasys-color-linen-50: rgb(
|
|
929
|
-
--oasys-color-linen-60: rgb(
|
|
930
|
-
--oasys-color-linen-75: rgb(
|
|
931
|
-
--oasys-color-yellow-50: rgb(
|
|
932
|
-
--oasys-color-yellow-60: rgb(
|
|
933
|
-
--oasys-color-yellow-80: rgb(
|
|
934
|
-
--oasys-color-plum-50: rgb(
|
|
935
|
-
--oasys-color-plum-70: rgb(
|
|
936
|
-
--oasys-color-lavender-20: rgb(
|
|
937
|
-
--oasys-color-linen-grey-10: rgb(
|
|
938
|
-
--oasys-color-linen-grey-20: rgb(
|
|
939
|
-
--oasys-color-linen-grey-30: rgb(
|
|
940
|
-
--oasys-color-linen-grey-40: rgb(
|
|
941
|
-
--oasys-color-linen-grey-50: rgb(
|
|
942
|
-
--oasys-color-linen-grey-60: rgb(
|
|
943
|
-
--oasys-color-linen-grey-75: rgb(
|
|
944
|
-
--oasys-color-grey-10: rgb(
|
|
945
|
-
--oasys-color-grey-20: rgb(
|
|
946
|
-
--oasys-color-grey-30: rgb(
|
|
947
|
-
--oasys-color-grey-40: rgb(
|
|
948
|
-
--oasys-color-grey-50: rgb(
|
|
949
|
-
--oasys-color-grey-60: rgb(
|
|
950
|
-
--oasys-color-grey-70: rgb(
|
|
951
|
-
--oasys-color-grey-75: rgb(
|
|
952
|
-
--oasys-color-grey-80: rgb(
|
|
953
|
-
--oasys-color-grey-90: rgb(
|
|
954
|
-
--oasys-color-grey-100: rgb(
|
|
955
|
-
--oasys-color-white: rgb(
|
|
956
|
-
--oasys-color-transparent:
|
|
902
|
+
--oasys-color-partners-paypal: rgb(255, 196, 58);
|
|
903
|
+
--oasys-color-partners-facebook: rgb(72, 91, 148);
|
|
904
|
+
--oasys-color-partners-trustpilot: rgb(41, 180, 124);
|
|
905
|
+
--oasys-color-green-10: rgb(240, 246, 244);
|
|
906
|
+
--oasys-color-green-60: rgb(68, 121, 100);
|
|
907
|
+
--oasys-color-lilac-50: rgb(165, 170, 253);
|
|
908
|
+
--oasys-color-blue-10: rgb(238, 237, 247);
|
|
909
|
+
--oasys-color-blue-20: rgb(225, 223, 241);
|
|
910
|
+
--oasys-color-blue-50: rgb(39, 113, 252);
|
|
911
|
+
--oasys-color-blue-55: rgb(100, 100, 198);
|
|
912
|
+
--oasys-color-blue-60: rgb(64, 56, 133);
|
|
913
|
+
--oasys-color-red-10: rgb(251, 234, 234);
|
|
914
|
+
--oasys-color-red-50: rgb(201, 17, 17);
|
|
915
|
+
--oasys-color-red-60: rgb(200, 65, 22);
|
|
916
|
+
--oasys-color-blush-30: rgb(255, 159, 128);
|
|
917
|
+
--oasys-color-blush-70: rgb(214, 26, 0);
|
|
918
|
+
--oasys-color-blush-pale: rgb(255, 248, 244);
|
|
919
|
+
--oasys-color-blush-beige: rgb(246, 233, 220);
|
|
920
|
+
--oasys-color-blush-light: rgb(248, 215, 190);
|
|
921
|
+
--oasys-color-blush-lush: rgb(255, 207, 192);
|
|
922
|
+
--oasys-color-blush-blush: rgb(255, 159, 128);
|
|
923
|
+
--oasys-color-blush-copper: rgb(216, 144, 120);
|
|
924
|
+
--oasys-color-buttercream-10: rgb(255, 251, 242);
|
|
925
|
+
--oasys-color-buttercream-20: rgb(255, 247, 229);
|
|
926
|
+
--oasys-color-buttercream-30: rgb(255, 247, 153);
|
|
927
|
+
--oasys-color-buttercream-50: rgb(252, 241, 14);
|
|
928
|
+
--oasys-color-buttercream-80: rgb(232, 176, 23);
|
|
929
|
+
--oasys-color-pine-10: rgb(240, 246, 244);
|
|
930
|
+
--oasys-color-pine-20: rgb(226, 238, 233);
|
|
931
|
+
--oasys-color-pine-40: rgb(143, 192, 172);
|
|
932
|
+
--oasys-color-pine-60: rgb(68, 121, 100);
|
|
933
|
+
--oasys-color-pine-75: rgb(45, 84, 67);
|
|
934
|
+
--oasys-color-linen-10: rgb(252, 245, 234);
|
|
935
|
+
--oasys-color-linen-20: rgb(249, 236, 215);
|
|
936
|
+
--oasys-color-linen-40: rgb(232, 183, 103);
|
|
937
|
+
--oasys-color-linen-50: rgb(217, 147, 33);
|
|
938
|
+
--oasys-color-linen-60: rgb(182, 123, 27);
|
|
939
|
+
--oasys-color-linen-75: rgb(83, 78, 70);
|
|
940
|
+
--oasys-color-yellow-50: rgb(253, 248, 136);
|
|
941
|
+
--oasys-color-yellow-60: rgb(255, 247, 153);
|
|
942
|
+
--oasys-color-yellow-80: rgb(255, 209, 64);
|
|
943
|
+
--oasys-color-plum-50: rgb(117, 42, 105);
|
|
944
|
+
--oasys-color-plum-70: rgb(75, 24, 67);
|
|
945
|
+
--oasys-color-lavender-20: rgb(243, 206, 237);
|
|
946
|
+
--oasys-color-linen-grey-10: rgb(242, 241, 239);
|
|
947
|
+
--oasys-color-linen-grey-20: rgb(226, 224, 220);
|
|
948
|
+
--oasys-color-linen-grey-30: rgb(203, 199, 193);
|
|
949
|
+
--oasys-color-linen-grey-40: rgb(175, 170, 161);
|
|
950
|
+
--oasys-color-linen-grey-50: rgb(148, 139, 126);
|
|
951
|
+
--oasys-color-linen-grey-60: rgb(114, 107, 96);
|
|
952
|
+
--oasys-color-linen-grey-75: rgb(83, 78, 70);
|
|
953
|
+
--oasys-color-grey-10: rgb(231, 230, 227);
|
|
954
|
+
--oasys-color-grey-20: rgb(224, 224, 224);
|
|
955
|
+
--oasys-color-grey-30: rgb(198, 198, 198);
|
|
956
|
+
--oasys-color-grey-40: rgb(168, 168, 168);
|
|
957
|
+
--oasys-color-grey-50: rgb(146, 143, 135);
|
|
958
|
+
--oasys-color-grey-60: rgb(103, 103, 103);
|
|
959
|
+
--oasys-color-grey-70: rgb(82, 82, 82);
|
|
960
|
+
--oasys-color-grey-75: rgb(70, 70, 70);
|
|
961
|
+
--oasys-color-grey-80: rgb(70, 70, 70);
|
|
962
|
+
--oasys-color-grey-90: rgb(38, 38, 38);
|
|
963
|
+
--oasys-color-grey-100: rgb(18, 18, 18);
|
|
964
|
+
--oasys-color-white: rgb(255, 255, 255);
|
|
965
|
+
--oasys-color-transparent: rgba(0, 0, 0, 0);
|
|
966
|
+
--oasys-color-cotton-grey-20: rgb(222, 221, 219);
|
|
967
|
+
--oasys-color-cotten-grey-30: rgb(204, 196, 189);
|
|
957
968
|
--oasys-color-brand-foreground-primary: rgb(245, 53, 170);
|
|
958
969
|
--oasys-color-brand-foreground-secondary: rgb(245, 53, 170);
|
|
959
970
|
--oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
|
|
@@ -975,9 +986,9 @@
|
|
|
975
986
|
--oasys-color-brand-background-progress-bar-goal-active: #FDD5EE;
|
|
976
987
|
--oasys-color-brand-background-icon: #FDD5EE;
|
|
977
988
|
--oasys-color-brand-background-icon-on-dark: #FDD5EE;
|
|
978
|
-
--oasys-color-interaction-foreground-primary: rgb(
|
|
989
|
+
--oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
|
|
979
990
|
--oasys-color-interaction-foreground-primary-on-dark: rgb(245, 53, 170);
|
|
980
|
-
--oasys-color-interaction-foreground-selected: rgb(
|
|
991
|
+
--oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
|
|
981
992
|
--oasys-color-interaction-foreground-disabled: rgb(245, 53, 170);
|
|
982
993
|
--oasys-color-interaction-background-primary: rgb(253, 213, 238);
|
|
983
994
|
--oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
@@ -1011,6 +1022,13 @@
|
|
|
1011
1022
|
--oasys-color-rewards-foreground-highlight: rgb(245, 53, 170);
|
|
1012
1023
|
--oasys-color-rewards-border-primary: rgb(251, 173, 221);
|
|
1013
1024
|
--oasys-color-rewards-border-primary-on-dark: rgb(251, 173, 221);
|
|
1025
|
+
--oasys-color-sage-60: rgb(0, 0, 0);
|
|
1026
|
+
--oasys-color-juniper-80: rgb(0, 0, 0);
|
|
1027
|
+
--oasys-color-clay-50: rgb(182, 107, 85);
|
|
1028
|
+
--oasys-color-clay-60: rgb(158, 80, 57);
|
|
1029
|
+
--oasys-color-slate-80: rgb(56, 55, 55);
|
|
1030
|
+
--oasys-color-slate-90: rgb(28, 28, 28);
|
|
1031
|
+
--oasys-color-cotton-10: rgb(247, 246, 243);
|
|
1014
1032
|
--oasys-size-unit-0: 0;
|
|
1015
1033
|
--oasys-size-unit-1: 0.1rem;
|
|
1016
1034
|
--oasys-size-unit-2: 0.2rem;
|
|
@@ -1524,11 +1542,11 @@
|
|
|
1524
1542
|
--oasys-spacing-default: 2.4rem;
|
|
1525
1543
|
--oasys-radius-round: 99.9rem;
|
|
1526
1544
|
--oasys-radius-layout: 0.4rem;
|
|
1527
|
-
--oasys-radius-soften: 0
|
|
1528
|
-
--oasys-radius-rewards-primary: 0
|
|
1545
|
+
--oasys-radius-soften: 0;
|
|
1546
|
+
--oasys-radius-rewards-primary: 0;
|
|
1529
1547
|
--oasys-radius-rewards-secondary: 0.4rem;
|
|
1530
1548
|
--oasys-radius-rewards-icon: 99.9rem;
|
|
1531
|
-
--oasys-radius-primary: 0
|
|
1549
|
+
--oasys-radius-primary: 0;
|
|
1532
1550
|
--oasys-radius-secondary: 0.4rem;
|
|
1533
1551
|
--oasys-radius-icon: 99.9rem;
|
|
1534
1552
|
--oasys-gutter-large: 4.8rem;
|
|
@@ -1549,7 +1567,7 @@
|
|
|
1549
1567
|
--oasys-loyalty-tier-1-color-brand-border-primary-on-dark: rgb(251, 173, 221);
|
|
1550
1568
|
--oasys-loyalty-tier-1-color-interaction-background-primary: rgb(253, 213, 238);
|
|
1551
1569
|
--oasys-loyalty-tier-1-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
1552
|
-
--oasys-loyalty-tier-1-radius-primary: 0
|
|
1570
|
+
--oasys-loyalty-tier-1-radius-primary: 0;
|
|
1553
1571
|
--oasys-loyalty-tier-1-radius-secondary: 0.4rem;
|
|
1554
1572
|
--oasys-loyalty-tier-1-radius-icon: 99.9rem;
|
|
1555
1573
|
--oasys-loyalty-tier-2-color-brand-background-primary: rgb(253, 213, 238);
|
|
@@ -1568,7 +1586,7 @@
|
|
|
1568
1586
|
--oasys-loyalty-tier-2-color-brand-border-primary-on-dark: rgb(251, 173, 221);
|
|
1569
1587
|
--oasys-loyalty-tier-2-color-interaction-background-primary: rgb(253, 213, 238);
|
|
1570
1588
|
--oasys-loyalty-tier-2-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
1571
|
-
--oasys-loyalty-tier-2-radius-primary: 0
|
|
1589
|
+
--oasys-loyalty-tier-2-radius-primary: 0;
|
|
1572
1590
|
--oasys-loyalty-tier-2-radius-secondary: 0.4rem;
|
|
1573
1591
|
--oasys-loyalty-tier-2-radius-icon: 99.9rem;
|
|
1574
1592
|
--oasys-component-alert-badge-positive: #FBADDD;
|
|
@@ -1604,16 +1622,16 @@
|
|
|
1604
1622
|
--oasys-component-button-size-small-inset-x: 1.1rem;
|
|
1605
1623
|
--oasys-component-button-size-small-inset-y: 0.5rem;
|
|
1606
1624
|
--oasys-component-button-size-small-icon-only-width: 3.2rem;
|
|
1607
|
-
--oasys-component-button-border-radius: 0
|
|
1625
|
+
--oasys-component-button-border-radius: 0;
|
|
1608
1626
|
--oasys-component-button-text-transform: none;
|
|
1609
1627
|
--oasys-component-button-content-stack: 0.8rem;
|
|
1610
1628
|
--oasys-component-button-content-height: 2rem;
|
|
1611
|
-
--oasys-component-button-color-primary-background:
|
|
1612
|
-
--oasys-component-button-color-primary-border:
|
|
1629
|
+
--oasys-component-button-color-primary-background: rgb(253, 213, 238);
|
|
1630
|
+
--oasys-component-button-color-primary-border: rgb(253, 213, 238);
|
|
1613
1631
|
--oasys-component-button-color-primary-text: #F535AA;
|
|
1614
|
-
--oasys-component-button-color-primary-selected-border:
|
|
1615
|
-
--oasys-component-button-color-primary-hover-underlay:
|
|
1616
|
-
--oasys-component-button-color-primary-hover-overlay:
|
|
1632
|
+
--oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
|
|
1633
|
+
--oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
|
|
1634
|
+
--oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
|
|
1617
1635
|
--oasys-component-button-color-secondary-background: #FDD5EE;
|
|
1618
1636
|
--oasys-component-button-color-secondary-border: #FBADDD;
|
|
1619
1637
|
--oasys-component-button-color-secondary-text: #F535AA;
|