oasys-lib 3.8.1 → 3.9.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 +37 -38
- package/src/assets/bergamotte-loyalty-tier-1/variables.css +61 -63
- package/src/assets/bergamotte-loyalty-tier-2/variables.css +61 -63
- 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 Tue, 29 Sep 2026
|
|
3
|
+
* Generated on Tue, 29 Sep 2026 16:30:22 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,7 +467,7 @@
|
|
|
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
472
|
--oasys-component-alert-badge-positive: rgb(251, 173, 221);
|
|
474
473
|
--oasys-component-alert-badge-neutral: rgb(251, 173, 221);
|
|
@@ -512,7 +511,7 @@
|
|
|
512
511
|
--oasys-component-button-color-primary-text: rgb(245, 53, 170);
|
|
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);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 29 Sep 2026
|
|
3
|
+
* Generated on Tue, 29 Sep 2026 16:30:22 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root .brand-tokens-bergamotte-loyalty-tier-1 {
|
|
@@ -69,7 +69,6 @@
|
|
|
69
69
|
--oasys-color-white: rgb(255, 255, 255);
|
|
70
70
|
--oasys-color-transparent: rgba(0, 0, 0, 0);
|
|
71
71
|
--oasys-color-cotton-grey-20: rgb(222, 221, 219);
|
|
72
|
-
--oasys-color-cotten-grey-30: rgb(204, 196, 189);
|
|
73
72
|
--oasys-color-sage-60: rgb(87, 128, 108);
|
|
74
73
|
--oasys-color-sage-80: rgb(48, 69, 56);
|
|
75
74
|
--oasys-color-clay-50: rgb(182, 107, 85);
|
|
@@ -80,18 +79,18 @@
|
|
|
80
79
|
--oasys-color-brand-foreground-primary: rgb(245, 53, 170);
|
|
81
80
|
--oasys-color-brand-foreground-secondary: rgb(247, 246, 243);
|
|
82
81
|
--oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
|
|
83
|
-
--oasys-color-brand-foreground-secondary-on-dark: rgb(
|
|
84
|
-
--oasys-color-brand-foreground-discount: rgb(
|
|
82
|
+
--oasys-color-brand-foreground-secondary-on-dark: rgb(222, 221, 219);
|
|
83
|
+
--oasys-color-brand-foreground-discount: rgb(182, 107, 85);
|
|
85
84
|
--oasys-color-brand-foreground-highlight: rgb(245, 53, 170);
|
|
86
|
-
--oasys-color-brand-foreground-reviews: rgb(
|
|
85
|
+
--oasys-color-brand-foreground-reviews: rgb(232, 176, 23);
|
|
87
86
|
--oasys-color-brand-border-primary: rgb(251, 173, 221);
|
|
88
87
|
--oasys-color-brand-border-primary-on-dark: rgb(251, 173, 221);
|
|
89
|
-
--oasys-color-brand-border-secondary: rgb(
|
|
88
|
+
--oasys-color-brand-border-secondary: rgb(222, 221, 219);
|
|
90
89
|
--oasys-color-brand-background-primary: rgb(253, 213, 238);
|
|
91
90
|
--oasys-color-brand-background-secondary: rgb(253, 213, 238);
|
|
92
91
|
--oasys-color-brand-background-tertiary: rgb(253, 213, 238);
|
|
93
|
-
--oasys-color-brand-background-quaternary: rgb(
|
|
94
|
-
--oasys-color-brand-background-highlight: rgb(
|
|
92
|
+
--oasys-color-brand-background-quaternary: rgb(182, 107, 85);
|
|
93
|
+
--oasys-color-brand-background-highlight: rgb(182, 107, 85);
|
|
95
94
|
--oasys-color-brand-background-progress-bar: rgb(253, 213, 238);
|
|
96
95
|
--oasys-color-brand-background-progress-bar-active: rgb(253, 213, 238);
|
|
97
96
|
--oasys-color-brand-background-progress-bar-goal: rgb(253, 213, 238);
|
|
@@ -99,27 +98,27 @@
|
|
|
99
98
|
--oasys-color-brand-background-icon: rgb(253, 213, 238);
|
|
100
99
|
--oasys-color-brand-background-icon-on-dark: rgb(253, 213, 238);
|
|
101
100
|
--oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
|
|
102
|
-
--oasys-color-interaction-foreground-primary-on-dark: rgb(
|
|
101
|
+
--oasys-color-interaction-foreground-primary-on-dark: rgb(247, 246, 243);
|
|
103
102
|
--oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
|
|
104
|
-
--oasys-color-interaction-foreground-disabled: rgb(
|
|
103
|
+
--oasys-color-interaction-foreground-disabled: rgb(168, 168, 168);
|
|
105
104
|
--oasys-color-interaction-background-primary: rgb(253, 213, 238);
|
|
106
105
|
--oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
107
|
-
--oasys-color-interaction-background-expressive: rgb(
|
|
108
|
-
--oasys-color-interaction-background-selected: rgb(
|
|
109
|
-
--oasys-color-interaction-background-disabled: rgb(
|
|
110
|
-
--oasys-color-interaction-background-danger: rgb(
|
|
106
|
+
--oasys-color-interaction-background-expressive: rgb(87, 128, 108);
|
|
107
|
+
--oasys-color-interaction-background-selected: rgb(28, 28, 28);
|
|
108
|
+
--oasys-color-interaction-background-disabled: rgb(222, 221, 219);
|
|
109
|
+
--oasys-color-interaction-background-danger: rgb(182, 107, 85);
|
|
111
110
|
--oasys-color-interaction-background-rewards: rgb(253, 213, 238);
|
|
112
111
|
--oasys-color-interaction-background-rewards-on-dark: rgb(253, 213, 238);
|
|
113
|
-
--oasys-color-interaction-border-selected: rgb(
|
|
114
|
-
--oasys-color-interaction-border-selectable: rgb(
|
|
115
|
-
--oasys-color-interaction-border-focus: rgb(
|
|
116
|
-
--oasys-color-interaction-border-danger: rgb(
|
|
117
|
-
--oasys-color-system-foreground-neutral: rgb(
|
|
118
|
-
--oasys-color-system-foreground-positive: rgb(
|
|
119
|
-
--oasys-color-system-foreground-negative: rgb(
|
|
120
|
-
--oasys-color-system-background-neutral: rgb(
|
|
121
|
-
--oasys-color-system-background-positive: rgb(
|
|
122
|
-
--oasys-color-system-background-negative: rgb(
|
|
112
|
+
--oasys-color-interaction-border-selected: rgb(28, 28, 28);
|
|
113
|
+
--oasys-color-interaction-border-selectable: rgb(222, 221, 219);
|
|
114
|
+
--oasys-color-interaction-border-focus: rgb(39, 113, 252);
|
|
115
|
+
--oasys-color-interaction-border-danger: rgb(182, 107, 85);
|
|
116
|
+
--oasys-color-system-foreground-neutral: rgb(255, 255, 255);
|
|
117
|
+
--oasys-color-system-foreground-positive: rgb(68, 121, 100);
|
|
118
|
+
--oasys-color-system-foreground-negative: rgb(201, 17, 17);
|
|
119
|
+
--oasys-color-system-background-neutral: rgb(242, 241, 239);
|
|
120
|
+
--oasys-color-system-background-positive: rgb(240, 246, 244);
|
|
121
|
+
--oasys-color-system-background-negative: rgb(251, 234, 234);
|
|
123
122
|
--oasys-color-rewards-background-primary: rgb(253, 213, 238);
|
|
124
123
|
--oasys-color-rewards-background-secondary: rgb(253, 213, 238);
|
|
125
124
|
--oasys-color-rewards-background-tertiary: rgb(253, 213, 238);
|
|
@@ -431,16 +430,16 @@
|
|
|
431
430
|
--oasys-spacing-tight: 0.8rem;
|
|
432
431
|
--oasys-spacing-default: 2.4rem;
|
|
433
432
|
--oasys-radius-round: 99.9rem;
|
|
434
|
-
--oasys-radius-layout: 0
|
|
433
|
+
--oasys-radius-layout: 0;
|
|
435
434
|
--oasys-radius-soften: 0;
|
|
436
435
|
--oasys-radius-rewards-primary: 0;
|
|
437
|
-
--oasys-radius-rewards-secondary: 0
|
|
436
|
+
--oasys-radius-rewards-secondary: 0;
|
|
438
437
|
--oasys-radius-rewards-icon: 99.9rem;
|
|
439
438
|
--oasys-radius-primary: 0;
|
|
440
|
-
--oasys-radius-secondary: 0
|
|
439
|
+
--oasys-radius-secondary: 0;
|
|
441
440
|
--oasys-radius-icon: 99.9rem;
|
|
442
|
-
--oasys-gutter-large:
|
|
443
|
-
--oasys-gutter-small:
|
|
441
|
+
--oasys-gutter-large: 3.2rem;
|
|
442
|
+
--oasys-gutter-small: 1.6rem;
|
|
444
443
|
--oasys-loyalty-tier-1-color-brand-background-primary: rgb(253, 213, 238);
|
|
445
444
|
--oasys-loyalty-tier-1-color-brand-background-secondary: rgb(253, 213, 238);
|
|
446
445
|
--oasys-loyalty-tier-1-color-brand-background-tertiary: rgb(253, 213, 238);
|
|
@@ -458,7 +457,7 @@
|
|
|
458
457
|
--oasys-loyalty-tier-1-color-interaction-background-primary: rgb(253, 213, 238);
|
|
459
458
|
--oasys-loyalty-tier-1-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
460
459
|
--oasys-loyalty-tier-1-radius-primary: 0;
|
|
461
|
-
--oasys-loyalty-tier-1-radius-secondary: 0
|
|
460
|
+
--oasys-loyalty-tier-1-radius-secondary: 0;
|
|
462
461
|
--oasys-loyalty-tier-1-radius-icon: 99.9rem;
|
|
463
462
|
--oasys-loyalty-tier-2-color-brand-background-primary: rgb(253, 213, 238);
|
|
464
463
|
--oasys-loyalty-tier-2-color-brand-background-secondary: rgb(253, 213, 238);
|
|
@@ -477,7 +476,7 @@
|
|
|
477
476
|
--oasys-loyalty-tier-2-color-interaction-background-primary: rgb(253, 213, 238);
|
|
478
477
|
--oasys-loyalty-tier-2-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
479
478
|
--oasys-loyalty-tier-2-radius-primary: 0;
|
|
480
|
-
--oasys-loyalty-tier-2-radius-secondary: 0
|
|
479
|
+
--oasys-loyalty-tier-2-radius-secondary: 0;
|
|
481
480
|
--oasys-loyalty-tier-2-radius-icon: 99.9rem;
|
|
482
481
|
--oasys-component-alert-badge-positive: rgb(251, 173, 221);
|
|
483
482
|
--oasys-component-alert-badge-neutral: rgb(251, 173, 221);
|
|
@@ -521,7 +520,7 @@
|
|
|
521
520
|
--oasys-component-button-color-primary-text: rgb(245, 53, 170);
|
|
522
521
|
--oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
|
|
523
522
|
--oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
|
|
524
|
-
--oasys-component-button-color-primary-hover-overlay: rgb(
|
|
523
|
+
--oasys-component-button-color-primary-hover-overlay: rgb(247, 246, 243);
|
|
525
524
|
--oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
|
|
526
525
|
--oasys-component-button-color-secondary-border: rgb(56, 55, 55);
|
|
527
526
|
--oasys-component-button-color-secondary-text: rgb(245, 53, 170);
|
|
@@ -974,7 +973,6 @@
|
|
|
974
973
|
--oasys-color-white: rgb(255, 255, 255);
|
|
975
974
|
--oasys-color-transparent: rgba(0, 0, 0, 0);
|
|
976
975
|
--oasys-color-cotton-grey-20: rgb(222, 221, 219);
|
|
977
|
-
--oasys-color-cotten-grey-30: rgb(204, 196, 189);
|
|
978
976
|
--oasys-color-sage-60: rgb(87, 128, 108);
|
|
979
977
|
--oasys-color-sage-80: rgb(48, 69, 56);
|
|
980
978
|
--oasys-color-clay-50: rgb(182, 107, 85);
|
|
@@ -985,18 +983,18 @@
|
|
|
985
983
|
--oasys-color-brand-foreground-primary: rgb(245, 53, 170);
|
|
986
984
|
--oasys-color-brand-foreground-secondary: rgb(247, 246, 243);
|
|
987
985
|
--oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
|
|
988
|
-
--oasys-color-brand-foreground-secondary-on-dark: rgb(
|
|
989
|
-
--oasys-color-brand-foreground-discount: rgb(
|
|
986
|
+
--oasys-color-brand-foreground-secondary-on-dark: rgb(222, 221, 219);
|
|
987
|
+
--oasys-color-brand-foreground-discount: rgb(182, 107, 85);
|
|
990
988
|
--oasys-color-brand-foreground-highlight: rgb(245, 53, 170);
|
|
991
|
-
--oasys-color-brand-foreground-reviews: rgb(
|
|
989
|
+
--oasys-color-brand-foreground-reviews: rgb(232, 176, 23);
|
|
992
990
|
--oasys-color-brand-border-primary: rgb(251, 173, 221);
|
|
993
991
|
--oasys-color-brand-border-primary-on-dark: rgb(251, 173, 221);
|
|
994
|
-
--oasys-color-brand-border-secondary: rgb(
|
|
992
|
+
--oasys-color-brand-border-secondary: rgb(222, 221, 219);
|
|
995
993
|
--oasys-color-brand-background-primary: rgb(253, 213, 238);
|
|
996
994
|
--oasys-color-brand-background-secondary: rgb(253, 213, 238);
|
|
997
995
|
--oasys-color-brand-background-tertiary: rgb(253, 213, 238);
|
|
998
|
-
--oasys-color-brand-background-quaternary: rgb(
|
|
999
|
-
--oasys-color-brand-background-highlight: rgb(
|
|
996
|
+
--oasys-color-brand-background-quaternary: rgb(182, 107, 85);
|
|
997
|
+
--oasys-color-brand-background-highlight: rgb(182, 107, 85);
|
|
1000
998
|
--oasys-color-brand-background-progress-bar: rgb(253, 213, 238);
|
|
1001
999
|
--oasys-color-brand-background-progress-bar-active: rgb(253, 213, 238);
|
|
1002
1000
|
--oasys-color-brand-background-progress-bar-goal: rgb(253, 213, 238);
|
|
@@ -1004,27 +1002,27 @@
|
|
|
1004
1002
|
--oasys-color-brand-background-icon: rgb(253, 213, 238);
|
|
1005
1003
|
--oasys-color-brand-background-icon-on-dark: rgb(253, 213, 238);
|
|
1006
1004
|
--oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
|
|
1007
|
-
--oasys-color-interaction-foreground-primary-on-dark: rgb(
|
|
1005
|
+
--oasys-color-interaction-foreground-primary-on-dark: rgb(247, 246, 243);
|
|
1008
1006
|
--oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
|
|
1009
|
-
--oasys-color-interaction-foreground-disabled: rgb(
|
|
1007
|
+
--oasys-color-interaction-foreground-disabled: rgb(168, 168, 168);
|
|
1010
1008
|
--oasys-color-interaction-background-primary: rgb(253, 213, 238);
|
|
1011
1009
|
--oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
1012
|
-
--oasys-color-interaction-background-expressive: rgb(
|
|
1013
|
-
--oasys-color-interaction-background-selected: rgb(
|
|
1014
|
-
--oasys-color-interaction-background-disabled: rgb(
|
|
1015
|
-
--oasys-color-interaction-background-danger: rgb(
|
|
1010
|
+
--oasys-color-interaction-background-expressive: rgb(87, 128, 108);
|
|
1011
|
+
--oasys-color-interaction-background-selected: rgb(28, 28, 28);
|
|
1012
|
+
--oasys-color-interaction-background-disabled: rgb(222, 221, 219);
|
|
1013
|
+
--oasys-color-interaction-background-danger: rgb(182, 107, 85);
|
|
1016
1014
|
--oasys-color-interaction-background-rewards: rgb(253, 213, 238);
|
|
1017
1015
|
--oasys-color-interaction-background-rewards-on-dark: rgb(253, 213, 238);
|
|
1018
|
-
--oasys-color-interaction-border-selected: rgb(
|
|
1019
|
-
--oasys-color-interaction-border-selectable: rgb(
|
|
1020
|
-
--oasys-color-interaction-border-focus: rgb(
|
|
1021
|
-
--oasys-color-interaction-border-danger: rgb(
|
|
1022
|
-
--oasys-color-system-foreground-neutral: rgb(
|
|
1023
|
-
--oasys-color-system-foreground-positive: rgb(
|
|
1024
|
-
--oasys-color-system-foreground-negative: rgb(
|
|
1025
|
-
--oasys-color-system-background-neutral: rgb(
|
|
1026
|
-
--oasys-color-system-background-positive: rgb(
|
|
1027
|
-
--oasys-color-system-background-negative: rgb(
|
|
1016
|
+
--oasys-color-interaction-border-selected: rgb(28, 28, 28);
|
|
1017
|
+
--oasys-color-interaction-border-selectable: rgb(222, 221, 219);
|
|
1018
|
+
--oasys-color-interaction-border-focus: rgb(39, 113, 252);
|
|
1019
|
+
--oasys-color-interaction-border-danger: rgb(182, 107, 85);
|
|
1020
|
+
--oasys-color-system-foreground-neutral: rgb(255, 255, 255);
|
|
1021
|
+
--oasys-color-system-foreground-positive: rgb(68, 121, 100);
|
|
1022
|
+
--oasys-color-system-foreground-negative: rgb(201, 17, 17);
|
|
1023
|
+
--oasys-color-system-background-neutral: rgb(242, 241, 239);
|
|
1024
|
+
--oasys-color-system-background-positive: rgb(240, 246, 244);
|
|
1025
|
+
--oasys-color-system-background-negative: rgb(251, 234, 234);
|
|
1028
1026
|
--oasys-color-rewards-background-primary: rgb(253, 213, 238);
|
|
1029
1027
|
--oasys-color-rewards-background-secondary: rgb(253, 213, 238);
|
|
1030
1028
|
--oasys-color-rewards-background-tertiary: rgb(253, 213, 238);
|
|
@@ -1336,16 +1334,16 @@
|
|
|
1336
1334
|
--oasys-spacing-tight: 0.8rem;
|
|
1337
1335
|
--oasys-spacing-default: 2.4rem;
|
|
1338
1336
|
--oasys-radius-round: 99.9rem;
|
|
1339
|
-
--oasys-radius-layout: 0
|
|
1337
|
+
--oasys-radius-layout: 0;
|
|
1340
1338
|
--oasys-radius-soften: 0;
|
|
1341
1339
|
--oasys-radius-rewards-primary: 0;
|
|
1342
|
-
--oasys-radius-rewards-secondary: 0
|
|
1340
|
+
--oasys-radius-rewards-secondary: 0;
|
|
1343
1341
|
--oasys-radius-rewards-icon: 99.9rem;
|
|
1344
1342
|
--oasys-radius-primary: 0;
|
|
1345
|
-
--oasys-radius-secondary: 0
|
|
1343
|
+
--oasys-radius-secondary: 0;
|
|
1346
1344
|
--oasys-radius-icon: 99.9rem;
|
|
1347
|
-
--oasys-gutter-large:
|
|
1348
|
-
--oasys-gutter-small:
|
|
1345
|
+
--oasys-gutter-large: 3.2rem;
|
|
1346
|
+
--oasys-gutter-small: 1.6rem;
|
|
1349
1347
|
--oasys-loyalty-tier-1-color-brand-background-primary: rgb(253, 213, 238);
|
|
1350
1348
|
--oasys-loyalty-tier-1-color-brand-background-secondary: rgb(253, 213, 238);
|
|
1351
1349
|
--oasys-loyalty-tier-1-color-brand-background-tertiary: rgb(253, 213, 238);
|
|
@@ -1363,7 +1361,7 @@
|
|
|
1363
1361
|
--oasys-loyalty-tier-1-color-interaction-background-primary: rgb(253, 213, 238);
|
|
1364
1362
|
--oasys-loyalty-tier-1-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
1365
1363
|
--oasys-loyalty-tier-1-radius-primary: 0;
|
|
1366
|
-
--oasys-loyalty-tier-1-radius-secondary: 0
|
|
1364
|
+
--oasys-loyalty-tier-1-radius-secondary: 0;
|
|
1367
1365
|
--oasys-loyalty-tier-1-radius-icon: 99.9rem;
|
|
1368
1366
|
--oasys-loyalty-tier-2-color-brand-background-primary: rgb(253, 213, 238);
|
|
1369
1367
|
--oasys-loyalty-tier-2-color-brand-background-secondary: rgb(253, 213, 238);
|
|
@@ -1382,7 +1380,7 @@
|
|
|
1382
1380
|
--oasys-loyalty-tier-2-color-interaction-background-primary: rgb(253, 213, 238);
|
|
1383
1381
|
--oasys-loyalty-tier-2-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
1384
1382
|
--oasys-loyalty-tier-2-radius-primary: 0;
|
|
1385
|
-
--oasys-loyalty-tier-2-radius-secondary: 0
|
|
1383
|
+
--oasys-loyalty-tier-2-radius-secondary: 0;
|
|
1386
1384
|
--oasys-loyalty-tier-2-radius-icon: 99.9rem;
|
|
1387
1385
|
--oasys-component-alert-badge-positive: rgb(251, 173, 221);
|
|
1388
1386
|
--oasys-component-alert-badge-neutral: rgb(251, 173, 221);
|
|
@@ -1426,7 +1424,7 @@
|
|
|
1426
1424
|
--oasys-component-button-color-primary-text: rgb(245, 53, 170);
|
|
1427
1425
|
--oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
|
|
1428
1426
|
--oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
|
|
1429
|
-
--oasys-component-button-color-primary-hover-overlay: rgb(
|
|
1427
|
+
--oasys-component-button-color-primary-hover-overlay: rgb(247, 246, 243);
|
|
1430
1428
|
--oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
|
|
1431
1429
|
--oasys-component-button-color-secondary-border: rgb(56, 55, 55);
|
|
1432
1430
|
--oasys-component-button-color-secondary-text: rgb(245, 53, 170);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 29 Sep 2026
|
|
3
|
+
* Generated on Tue, 29 Sep 2026 16:30:23 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root .brand-tokens-bergamotte-loyalty-tier-2 {
|
|
@@ -69,7 +69,6 @@
|
|
|
69
69
|
--oasys-color-white: rgb(255, 255, 255);
|
|
70
70
|
--oasys-color-transparent: rgba(0, 0, 0, 0);
|
|
71
71
|
--oasys-color-cotton-grey-20: rgb(222, 221, 219);
|
|
72
|
-
--oasys-color-cotten-grey-30: rgb(204, 196, 189);
|
|
73
72
|
--oasys-color-sage-60: rgb(87, 128, 108);
|
|
74
73
|
--oasys-color-sage-80: rgb(48, 69, 56);
|
|
75
74
|
--oasys-color-clay-50: rgb(182, 107, 85);
|
|
@@ -80,18 +79,18 @@
|
|
|
80
79
|
--oasys-color-brand-foreground-primary: rgb(245, 53, 170);
|
|
81
80
|
--oasys-color-brand-foreground-secondary: rgb(247, 246, 243);
|
|
82
81
|
--oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
|
|
83
|
-
--oasys-color-brand-foreground-secondary-on-dark: rgb(
|
|
84
|
-
--oasys-color-brand-foreground-discount: rgb(
|
|
82
|
+
--oasys-color-brand-foreground-secondary-on-dark: rgb(222, 221, 219);
|
|
83
|
+
--oasys-color-brand-foreground-discount: rgb(182, 107, 85);
|
|
85
84
|
--oasys-color-brand-foreground-highlight: rgb(245, 53, 170);
|
|
86
|
-
--oasys-color-brand-foreground-reviews: rgb(
|
|
85
|
+
--oasys-color-brand-foreground-reviews: rgb(232, 176, 23);
|
|
87
86
|
--oasys-color-brand-border-primary: rgb(251, 173, 221);
|
|
88
87
|
--oasys-color-brand-border-primary-on-dark: rgb(251, 173, 221);
|
|
89
|
-
--oasys-color-brand-border-secondary: rgb(
|
|
88
|
+
--oasys-color-brand-border-secondary: rgb(222, 221, 219);
|
|
90
89
|
--oasys-color-brand-background-primary: rgb(253, 213, 238);
|
|
91
90
|
--oasys-color-brand-background-secondary: rgb(253, 213, 238);
|
|
92
91
|
--oasys-color-brand-background-tertiary: rgb(253, 213, 238);
|
|
93
|
-
--oasys-color-brand-background-quaternary: rgb(
|
|
94
|
-
--oasys-color-brand-background-highlight: rgb(
|
|
92
|
+
--oasys-color-brand-background-quaternary: rgb(182, 107, 85);
|
|
93
|
+
--oasys-color-brand-background-highlight: rgb(182, 107, 85);
|
|
95
94
|
--oasys-color-brand-background-progress-bar: rgb(253, 213, 238);
|
|
96
95
|
--oasys-color-brand-background-progress-bar-active: rgb(253, 213, 238);
|
|
97
96
|
--oasys-color-brand-background-progress-bar-goal: rgb(253, 213, 238);
|
|
@@ -99,27 +98,27 @@
|
|
|
99
98
|
--oasys-color-brand-background-icon: rgb(253, 213, 238);
|
|
100
99
|
--oasys-color-brand-background-icon-on-dark: rgb(253, 213, 238);
|
|
101
100
|
--oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
|
|
102
|
-
--oasys-color-interaction-foreground-primary-on-dark: rgb(
|
|
101
|
+
--oasys-color-interaction-foreground-primary-on-dark: rgb(247, 246, 243);
|
|
103
102
|
--oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
|
|
104
|
-
--oasys-color-interaction-foreground-disabled: rgb(
|
|
103
|
+
--oasys-color-interaction-foreground-disabled: rgb(168, 168, 168);
|
|
105
104
|
--oasys-color-interaction-background-primary: rgb(253, 213, 238);
|
|
106
105
|
--oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
107
|
-
--oasys-color-interaction-background-expressive: rgb(
|
|
108
|
-
--oasys-color-interaction-background-selected: rgb(
|
|
109
|
-
--oasys-color-interaction-background-disabled: rgb(
|
|
110
|
-
--oasys-color-interaction-background-danger: rgb(
|
|
106
|
+
--oasys-color-interaction-background-expressive: rgb(87, 128, 108);
|
|
107
|
+
--oasys-color-interaction-background-selected: rgb(28, 28, 28);
|
|
108
|
+
--oasys-color-interaction-background-disabled: rgb(222, 221, 219);
|
|
109
|
+
--oasys-color-interaction-background-danger: rgb(182, 107, 85);
|
|
111
110
|
--oasys-color-interaction-background-rewards: rgb(253, 213, 238);
|
|
112
111
|
--oasys-color-interaction-background-rewards-on-dark: rgb(253, 213, 238);
|
|
113
|
-
--oasys-color-interaction-border-selected: rgb(
|
|
114
|
-
--oasys-color-interaction-border-selectable: rgb(
|
|
115
|
-
--oasys-color-interaction-border-focus: rgb(
|
|
116
|
-
--oasys-color-interaction-border-danger: rgb(
|
|
117
|
-
--oasys-color-system-foreground-neutral: rgb(
|
|
118
|
-
--oasys-color-system-foreground-positive: rgb(
|
|
119
|
-
--oasys-color-system-foreground-negative: rgb(
|
|
120
|
-
--oasys-color-system-background-neutral: rgb(
|
|
121
|
-
--oasys-color-system-background-positive: rgb(
|
|
122
|
-
--oasys-color-system-background-negative: rgb(
|
|
112
|
+
--oasys-color-interaction-border-selected: rgb(28, 28, 28);
|
|
113
|
+
--oasys-color-interaction-border-selectable: rgb(222, 221, 219);
|
|
114
|
+
--oasys-color-interaction-border-focus: rgb(39, 113, 252);
|
|
115
|
+
--oasys-color-interaction-border-danger: rgb(182, 107, 85);
|
|
116
|
+
--oasys-color-system-foreground-neutral: rgb(255, 255, 255);
|
|
117
|
+
--oasys-color-system-foreground-positive: rgb(68, 121, 100);
|
|
118
|
+
--oasys-color-system-foreground-negative: rgb(201, 17, 17);
|
|
119
|
+
--oasys-color-system-background-neutral: rgb(242, 241, 239);
|
|
120
|
+
--oasys-color-system-background-positive: rgb(240, 246, 244);
|
|
121
|
+
--oasys-color-system-background-negative: rgb(251, 234, 234);
|
|
123
122
|
--oasys-color-rewards-background-primary: rgb(253, 213, 238);
|
|
124
123
|
--oasys-color-rewards-background-secondary: rgb(253, 213, 238);
|
|
125
124
|
--oasys-color-rewards-background-tertiary: rgb(253, 213, 238);
|
|
@@ -431,16 +430,16 @@
|
|
|
431
430
|
--oasys-spacing-tight: 0.8rem;
|
|
432
431
|
--oasys-spacing-default: 2.4rem;
|
|
433
432
|
--oasys-radius-round: 99.9rem;
|
|
434
|
-
--oasys-radius-layout: 0
|
|
433
|
+
--oasys-radius-layout: 0;
|
|
435
434
|
--oasys-radius-soften: 0;
|
|
436
435
|
--oasys-radius-rewards-primary: 0;
|
|
437
|
-
--oasys-radius-rewards-secondary: 0
|
|
436
|
+
--oasys-radius-rewards-secondary: 0;
|
|
438
437
|
--oasys-radius-rewards-icon: 99.9rem;
|
|
439
438
|
--oasys-radius-primary: 0;
|
|
440
|
-
--oasys-radius-secondary: 0
|
|
439
|
+
--oasys-radius-secondary: 0;
|
|
441
440
|
--oasys-radius-icon: 99.9rem;
|
|
442
|
-
--oasys-gutter-large:
|
|
443
|
-
--oasys-gutter-small:
|
|
441
|
+
--oasys-gutter-large: 3.2rem;
|
|
442
|
+
--oasys-gutter-small: 1.6rem;
|
|
444
443
|
--oasys-loyalty-tier-1-color-brand-background-primary: rgb(253, 213, 238);
|
|
445
444
|
--oasys-loyalty-tier-1-color-brand-background-secondary: rgb(253, 213, 238);
|
|
446
445
|
--oasys-loyalty-tier-1-color-brand-background-tertiary: rgb(253, 213, 238);
|
|
@@ -458,7 +457,7 @@
|
|
|
458
457
|
--oasys-loyalty-tier-1-color-interaction-background-primary: rgb(253, 213, 238);
|
|
459
458
|
--oasys-loyalty-tier-1-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
460
459
|
--oasys-loyalty-tier-1-radius-primary: 0;
|
|
461
|
-
--oasys-loyalty-tier-1-radius-secondary: 0
|
|
460
|
+
--oasys-loyalty-tier-1-radius-secondary: 0;
|
|
462
461
|
--oasys-loyalty-tier-1-radius-icon: 99.9rem;
|
|
463
462
|
--oasys-loyalty-tier-2-color-brand-background-primary: rgb(253, 213, 238);
|
|
464
463
|
--oasys-loyalty-tier-2-color-brand-background-secondary: rgb(253, 213, 238);
|
|
@@ -477,7 +476,7 @@
|
|
|
477
476
|
--oasys-loyalty-tier-2-color-interaction-background-primary: rgb(253, 213, 238);
|
|
478
477
|
--oasys-loyalty-tier-2-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
479
478
|
--oasys-loyalty-tier-2-radius-primary: 0;
|
|
480
|
-
--oasys-loyalty-tier-2-radius-secondary: 0
|
|
479
|
+
--oasys-loyalty-tier-2-radius-secondary: 0;
|
|
481
480
|
--oasys-loyalty-tier-2-radius-icon: 99.9rem;
|
|
482
481
|
--oasys-component-alert-badge-positive: rgb(251, 173, 221);
|
|
483
482
|
--oasys-component-alert-badge-neutral: rgb(251, 173, 221);
|
|
@@ -521,7 +520,7 @@
|
|
|
521
520
|
--oasys-component-button-color-primary-text: rgb(245, 53, 170);
|
|
522
521
|
--oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
|
|
523
522
|
--oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
|
|
524
|
-
--oasys-component-button-color-primary-hover-overlay: rgb(
|
|
523
|
+
--oasys-component-button-color-primary-hover-overlay: rgb(247, 246, 243);
|
|
525
524
|
--oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
|
|
526
525
|
--oasys-component-button-color-secondary-border: rgb(56, 55, 55);
|
|
527
526
|
--oasys-component-button-color-secondary-text: rgb(245, 53, 170);
|
|
@@ -974,7 +973,6 @@
|
|
|
974
973
|
--oasys-color-white: rgb(255, 255, 255);
|
|
975
974
|
--oasys-color-transparent: rgba(0, 0, 0, 0);
|
|
976
975
|
--oasys-color-cotton-grey-20: rgb(222, 221, 219);
|
|
977
|
-
--oasys-color-cotten-grey-30: rgb(204, 196, 189);
|
|
978
976
|
--oasys-color-sage-60: rgb(87, 128, 108);
|
|
979
977
|
--oasys-color-sage-80: rgb(48, 69, 56);
|
|
980
978
|
--oasys-color-clay-50: rgb(182, 107, 85);
|
|
@@ -985,18 +983,18 @@
|
|
|
985
983
|
--oasys-color-brand-foreground-primary: rgb(245, 53, 170);
|
|
986
984
|
--oasys-color-brand-foreground-secondary: rgb(247, 246, 243);
|
|
987
985
|
--oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
|
|
988
|
-
--oasys-color-brand-foreground-secondary-on-dark: rgb(
|
|
989
|
-
--oasys-color-brand-foreground-discount: rgb(
|
|
986
|
+
--oasys-color-brand-foreground-secondary-on-dark: rgb(222, 221, 219);
|
|
987
|
+
--oasys-color-brand-foreground-discount: rgb(182, 107, 85);
|
|
990
988
|
--oasys-color-brand-foreground-highlight: rgb(245, 53, 170);
|
|
991
|
-
--oasys-color-brand-foreground-reviews: rgb(
|
|
989
|
+
--oasys-color-brand-foreground-reviews: rgb(232, 176, 23);
|
|
992
990
|
--oasys-color-brand-border-primary: rgb(251, 173, 221);
|
|
993
991
|
--oasys-color-brand-border-primary-on-dark: rgb(251, 173, 221);
|
|
994
|
-
--oasys-color-brand-border-secondary: rgb(
|
|
992
|
+
--oasys-color-brand-border-secondary: rgb(222, 221, 219);
|
|
995
993
|
--oasys-color-brand-background-primary: rgb(253, 213, 238);
|
|
996
994
|
--oasys-color-brand-background-secondary: rgb(253, 213, 238);
|
|
997
995
|
--oasys-color-brand-background-tertiary: rgb(253, 213, 238);
|
|
998
|
-
--oasys-color-brand-background-quaternary: rgb(
|
|
999
|
-
--oasys-color-brand-background-highlight: rgb(
|
|
996
|
+
--oasys-color-brand-background-quaternary: rgb(182, 107, 85);
|
|
997
|
+
--oasys-color-brand-background-highlight: rgb(182, 107, 85);
|
|
1000
998
|
--oasys-color-brand-background-progress-bar: rgb(253, 213, 238);
|
|
1001
999
|
--oasys-color-brand-background-progress-bar-active: rgb(253, 213, 238);
|
|
1002
1000
|
--oasys-color-brand-background-progress-bar-goal: rgb(253, 213, 238);
|
|
@@ -1004,27 +1002,27 @@
|
|
|
1004
1002
|
--oasys-color-brand-background-icon: rgb(253, 213, 238);
|
|
1005
1003
|
--oasys-color-brand-background-icon-on-dark: rgb(253, 213, 238);
|
|
1006
1004
|
--oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
|
|
1007
|
-
--oasys-color-interaction-foreground-primary-on-dark: rgb(
|
|
1005
|
+
--oasys-color-interaction-foreground-primary-on-dark: rgb(247, 246, 243);
|
|
1008
1006
|
--oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
|
|
1009
|
-
--oasys-color-interaction-foreground-disabled: rgb(
|
|
1007
|
+
--oasys-color-interaction-foreground-disabled: rgb(168, 168, 168);
|
|
1010
1008
|
--oasys-color-interaction-background-primary: rgb(253, 213, 238);
|
|
1011
1009
|
--oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
1012
|
-
--oasys-color-interaction-background-expressive: rgb(
|
|
1013
|
-
--oasys-color-interaction-background-selected: rgb(
|
|
1014
|
-
--oasys-color-interaction-background-disabled: rgb(
|
|
1015
|
-
--oasys-color-interaction-background-danger: rgb(
|
|
1010
|
+
--oasys-color-interaction-background-expressive: rgb(87, 128, 108);
|
|
1011
|
+
--oasys-color-interaction-background-selected: rgb(28, 28, 28);
|
|
1012
|
+
--oasys-color-interaction-background-disabled: rgb(222, 221, 219);
|
|
1013
|
+
--oasys-color-interaction-background-danger: rgb(182, 107, 85);
|
|
1016
1014
|
--oasys-color-interaction-background-rewards: rgb(253, 213, 238);
|
|
1017
1015
|
--oasys-color-interaction-background-rewards-on-dark: rgb(253, 213, 238);
|
|
1018
|
-
--oasys-color-interaction-border-selected: rgb(
|
|
1019
|
-
--oasys-color-interaction-border-selectable: rgb(
|
|
1020
|
-
--oasys-color-interaction-border-focus: rgb(
|
|
1021
|
-
--oasys-color-interaction-border-danger: rgb(
|
|
1022
|
-
--oasys-color-system-foreground-neutral: rgb(
|
|
1023
|
-
--oasys-color-system-foreground-positive: rgb(
|
|
1024
|
-
--oasys-color-system-foreground-negative: rgb(
|
|
1025
|
-
--oasys-color-system-background-neutral: rgb(
|
|
1026
|
-
--oasys-color-system-background-positive: rgb(
|
|
1027
|
-
--oasys-color-system-background-negative: rgb(
|
|
1016
|
+
--oasys-color-interaction-border-selected: rgb(28, 28, 28);
|
|
1017
|
+
--oasys-color-interaction-border-selectable: rgb(222, 221, 219);
|
|
1018
|
+
--oasys-color-interaction-border-focus: rgb(39, 113, 252);
|
|
1019
|
+
--oasys-color-interaction-border-danger: rgb(182, 107, 85);
|
|
1020
|
+
--oasys-color-system-foreground-neutral: rgb(255, 255, 255);
|
|
1021
|
+
--oasys-color-system-foreground-positive: rgb(68, 121, 100);
|
|
1022
|
+
--oasys-color-system-foreground-negative: rgb(201, 17, 17);
|
|
1023
|
+
--oasys-color-system-background-neutral: rgb(242, 241, 239);
|
|
1024
|
+
--oasys-color-system-background-positive: rgb(240, 246, 244);
|
|
1025
|
+
--oasys-color-system-background-negative: rgb(251, 234, 234);
|
|
1028
1026
|
--oasys-color-rewards-background-primary: rgb(253, 213, 238);
|
|
1029
1027
|
--oasys-color-rewards-background-secondary: rgb(253, 213, 238);
|
|
1030
1028
|
--oasys-color-rewards-background-tertiary: rgb(253, 213, 238);
|
|
@@ -1336,16 +1334,16 @@
|
|
|
1336
1334
|
--oasys-spacing-tight: 0.8rem;
|
|
1337
1335
|
--oasys-spacing-default: 2.4rem;
|
|
1338
1336
|
--oasys-radius-round: 99.9rem;
|
|
1339
|
-
--oasys-radius-layout: 0
|
|
1337
|
+
--oasys-radius-layout: 0;
|
|
1340
1338
|
--oasys-radius-soften: 0;
|
|
1341
1339
|
--oasys-radius-rewards-primary: 0;
|
|
1342
|
-
--oasys-radius-rewards-secondary: 0
|
|
1340
|
+
--oasys-radius-rewards-secondary: 0;
|
|
1343
1341
|
--oasys-radius-rewards-icon: 99.9rem;
|
|
1344
1342
|
--oasys-radius-primary: 0;
|
|
1345
|
-
--oasys-radius-secondary: 0
|
|
1343
|
+
--oasys-radius-secondary: 0;
|
|
1346
1344
|
--oasys-radius-icon: 99.9rem;
|
|
1347
|
-
--oasys-gutter-large:
|
|
1348
|
-
--oasys-gutter-small:
|
|
1345
|
+
--oasys-gutter-large: 3.2rem;
|
|
1346
|
+
--oasys-gutter-small: 1.6rem;
|
|
1349
1347
|
--oasys-loyalty-tier-1-color-brand-background-primary: rgb(253, 213, 238);
|
|
1350
1348
|
--oasys-loyalty-tier-1-color-brand-background-secondary: rgb(253, 213, 238);
|
|
1351
1349
|
--oasys-loyalty-tier-1-color-brand-background-tertiary: rgb(253, 213, 238);
|
|
@@ -1363,7 +1361,7 @@
|
|
|
1363
1361
|
--oasys-loyalty-tier-1-color-interaction-background-primary: rgb(253, 213, 238);
|
|
1364
1362
|
--oasys-loyalty-tier-1-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
1365
1363
|
--oasys-loyalty-tier-1-radius-primary: 0;
|
|
1366
|
-
--oasys-loyalty-tier-1-radius-secondary: 0
|
|
1364
|
+
--oasys-loyalty-tier-1-radius-secondary: 0;
|
|
1367
1365
|
--oasys-loyalty-tier-1-radius-icon: 99.9rem;
|
|
1368
1366
|
--oasys-loyalty-tier-2-color-brand-background-primary: rgb(253, 213, 238);
|
|
1369
1367
|
--oasys-loyalty-tier-2-color-brand-background-secondary: rgb(253, 213, 238);
|
|
@@ -1382,7 +1380,7 @@
|
|
|
1382
1380
|
--oasys-loyalty-tier-2-color-interaction-background-primary: rgb(253, 213, 238);
|
|
1383
1381
|
--oasys-loyalty-tier-2-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
|
|
1384
1382
|
--oasys-loyalty-tier-2-radius-primary: 0;
|
|
1385
|
-
--oasys-loyalty-tier-2-radius-secondary: 0
|
|
1383
|
+
--oasys-loyalty-tier-2-radius-secondary: 0;
|
|
1386
1384
|
--oasys-loyalty-tier-2-radius-icon: 99.9rem;
|
|
1387
1385
|
--oasys-component-alert-badge-positive: rgb(251, 173, 221);
|
|
1388
1386
|
--oasys-component-alert-badge-neutral: rgb(251, 173, 221);
|
|
@@ -1426,7 +1424,7 @@
|
|
|
1426
1424
|
--oasys-component-button-color-primary-text: rgb(245, 53, 170);
|
|
1427
1425
|
--oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
|
|
1428
1426
|
--oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
|
|
1429
|
-
--oasys-component-button-color-primary-hover-overlay: rgb(
|
|
1427
|
+
--oasys-component-button-color-primary-hover-overlay: rgb(247, 246, 243);
|
|
1430
1428
|
--oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
|
|
1431
1429
|
--oasys-component-button-color-secondary-border: rgb(56, 55, 55);
|
|
1432
1430
|
--oasys-component-button-color-secondary-text: rgb(245, 53, 170);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 29 Sep 2026
|
|
3
|
+
* Generated on Tue, 29 Sep 2026 16:30:23 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root .brand-tokens-bloomandwild {
|
|
@@ -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);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 29 Sep 2026
|
|
3
|
+
* Generated on Tue, 29 Sep 2026 16:30:23 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root .brand-tokens-bloomandwild-loyalty-tier-1 {
|
|
@@ -69,7 +69,6 @@
|
|
|
69
69
|
--oasys-color-white: rgb(255, 255, 255);
|
|
70
70
|
--oasys-color-transparent: rgba(0, 0, 0, 0);
|
|
71
71
|
--oasys-color-cotton-grey-20: rgb(222, 221, 219);
|
|
72
|
-
--oasys-color-cotten-grey-30: rgb(204, 196, 189);
|
|
73
72
|
--oasys-color-sage-60: rgb(87, 128, 108);
|
|
74
73
|
--oasys-color-sage-80: rgb(48, 69, 56);
|
|
75
74
|
--oasys-color-clay-50: rgb(182, 107, 85);
|
|
@@ -974,7 +973,6 @@
|
|
|
974
973
|
--oasys-color-white: rgb(255, 255, 255);
|
|
975
974
|
--oasys-color-transparent: rgba(0, 0, 0, 0);
|
|
976
975
|
--oasys-color-cotton-grey-20: rgb(222, 221, 219);
|
|
977
|
-
--oasys-color-cotten-grey-30: rgb(204, 196, 189);
|
|
978
976
|
--oasys-color-sage-60: rgb(87, 128, 108);
|
|
979
977
|
--oasys-color-sage-80: rgb(48, 69, 56);
|
|
980
978
|
--oasys-color-clay-50: rgb(182, 107, 85);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 29 Sep 2026
|
|
3
|
+
* Generated on Tue, 29 Sep 2026 16:30:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root .brand-tokens-bloomandwild-loyalty-tier-2 {
|
|
@@ -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);
|
|
@@ -974,7 +973,6 @@
|
|
|
974
973
|
--oasys-color-white: rgb(255, 255, 255);
|
|
975
974
|
--oasys-color-transparent: rgba(0, 0, 0, 0);
|
|
976
975
|
--oasys-color-cotton-grey-20: rgb(222, 221, 219);
|
|
977
|
-
--oasys-color-cotten-grey-30: rgb(204, 196, 189);
|
|
978
976
|
--oasys-color-sage-60: rgb(87, 128, 108);
|
|
979
977
|
--oasys-color-sage-80: rgb(48, 69, 56);
|
|
980
978
|
--oasys-color-clay-50: rgb(182, 107, 85);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 29 Sep 2026
|
|
3
|
+
* Generated on Tue, 29 Sep 2026 16:30:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root .brand-tokens-bloomon {
|
|
@@ -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);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 29 Sep 2026
|
|
3
|
+
* Generated on Tue, 29 Sep 2026 16:30:25 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root .brand-tokens-bloomon-loyalty-tier-1 {
|
|
@@ -69,7 +69,6 @@
|
|
|
69
69
|
--oasys-color-white: rgb(255, 255, 255);
|
|
70
70
|
--oasys-color-transparent: rgba(0, 0, 0, 0);
|
|
71
71
|
--oasys-color-cotton-grey-20: rgb(222, 221, 219);
|
|
72
|
-
--oasys-color-cotten-grey-30: rgb(204, 196, 189);
|
|
73
72
|
--oasys-color-sage-60: rgb(87, 128, 108);
|
|
74
73
|
--oasys-color-sage-80: rgb(48, 69, 56);
|
|
75
74
|
--oasys-color-clay-50: rgb(182, 107, 85);
|
|
@@ -974,7 +973,6 @@
|
|
|
974
973
|
--oasys-color-white: rgb(255, 255, 255);
|
|
975
974
|
--oasys-color-transparent: rgba(0, 0, 0, 0);
|
|
976
975
|
--oasys-color-cotton-grey-20: rgb(222, 221, 219);
|
|
977
|
-
--oasys-color-cotten-grey-30: rgb(204, 196, 189);
|
|
978
976
|
--oasys-color-sage-60: rgb(87, 128, 108);
|
|
979
977
|
--oasys-color-sage-80: rgb(48, 69, 56);
|
|
980
978
|
--oasys-color-clay-50: rgb(182, 107, 85);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 29 Sep 2026
|
|
3
|
+
* Generated on Tue, 29 Sep 2026 16:30:25 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root .brand-tokens-bloomon-loyalty-tier-2 {
|
|
@@ -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);
|
|
@@ -974,7 +973,6 @@
|
|
|
974
973
|
--oasys-color-white: rgb(255, 255, 255);
|
|
975
974
|
--oasys-color-transparent: rgba(0, 0, 0, 0);
|
|
976
975
|
--oasys-color-cotton-grey-20: rgb(222, 221, 219);
|
|
977
|
-
--oasys-color-cotten-grey-30: rgb(204, 196, 189);
|
|
978
976
|
--oasys-color-sage-60: rgb(87, 128, 108);
|
|
979
977
|
--oasys-color-sage-80: rgb(48, 69, 56);
|
|
980
978
|
--oasys-color-clay-50: rgb(182, 107, 85);
|