@ebay/skin 19.24.4 → 19.24.6
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/dist/page-notice/page-notice.css +6 -2
- package/dist/section-notice/section-notice.css +6 -2
- package/dist/tokens/evo-dark.css +2 -2
- package/dist/tokens/evo-light.css +1 -1
- package/dist/tokens/evo-live-dark-class.css +10 -0
- package/dist/tokens/evo-live-dark.css +10 -0
- package/dist/tokens/evo-live-light-class.css +10 -0
- package/dist/tokens/evo-live-light.css +10 -0
- package/package.json +1 -1
|
@@ -27,7 +27,6 @@ span[role="region"].page-notice {
|
|
|
27
27
|
font-weight: 400;
|
|
28
28
|
margin: 1px 0 0;
|
|
29
29
|
}
|
|
30
|
-
.page-notice a,
|
|
31
30
|
.page-notice__title:not(:only-child) {
|
|
32
31
|
font-weight: 700;
|
|
33
32
|
}
|
|
@@ -47,11 +46,16 @@ span[role="region"].page-notice {
|
|
|
47
46
|
}
|
|
48
47
|
.page-notice button.fake-link {
|
|
49
48
|
font-size: var(--font-size-body);
|
|
50
|
-
font-weight: 700;
|
|
51
49
|
}
|
|
52
50
|
.page-notice button.fake-link:hover {
|
|
53
51
|
color: var(--page-notice-color, var(--color-foreground-on-inverse));
|
|
54
52
|
}
|
|
53
|
+
.page-notice__footer a,
|
|
54
|
+
.page-notice__footer button.fake-link,
|
|
55
|
+
.page-notice__main a,
|
|
56
|
+
.page-notice__main button.fake-link {
|
|
57
|
+
font-weight: 700;
|
|
58
|
+
}
|
|
55
59
|
.page-notice a:focus-visible,
|
|
56
60
|
.page-notice button.fake-link:focus-visible {
|
|
57
61
|
outline: 2px solid var(--color-foreground-on-inverse);
|
|
@@ -44,7 +44,6 @@ span[role="region"].section-notice {
|
|
|
44
44
|
}
|
|
45
45
|
.section-notice button.fake-link {
|
|
46
46
|
font-size: var(--font-size-body);
|
|
47
|
-
font-weight: 700;
|
|
48
47
|
}
|
|
49
48
|
.section-notice a,
|
|
50
49
|
.section-notice button.fake-link,
|
|
@@ -56,7 +55,6 @@ span[role="region"].section-notice {
|
|
|
56
55
|
}
|
|
57
56
|
.section-notice a {
|
|
58
57
|
font-size: var(--font-size-body);
|
|
59
|
-
font-weight: 700;
|
|
60
58
|
}
|
|
61
59
|
.section-notice a:hover {
|
|
62
60
|
color: var(
|
|
@@ -64,6 +62,12 @@ span[role="region"].section-notice {
|
|
|
64
62
|
var(--color-foreground-primary)
|
|
65
63
|
);
|
|
66
64
|
}
|
|
65
|
+
.section-notice__footer a,
|
|
66
|
+
.section-notice__footer button.fake-link,
|
|
67
|
+
.section-notice__main a,
|
|
68
|
+
.section-notice__main button.fake-link {
|
|
69
|
+
font-weight: 700;
|
|
70
|
+
}
|
|
67
71
|
.section-notice .icon {
|
|
68
72
|
vertical-align: top;
|
|
69
73
|
}
|
package/dist/tokens/evo-dark.css
CHANGED
|
@@ -194,11 +194,11 @@
|
|
|
194
194
|
--color-data-viz-trend-negative: var(--color-red-400);
|
|
195
195
|
--color-data-viz-chart-primary: var(--color-blue-500);
|
|
196
196
|
--color-data-viz-chart-secondary: var(--color-blue-300);
|
|
197
|
-
--color-data-viz-chart-tertiary-background: var(--color-blue-
|
|
197
|
+
--color-data-viz-chart-tertiary-background: var(--color-blue-600);
|
|
198
198
|
--color-data-viz-chart-tertiary-stroke: var(--color-blue-400);
|
|
199
199
|
--color-data-viz-chart-quaternary-background: var(--color-teal-600);
|
|
200
200
|
--color-data-viz-chart-quaternary-stroke: var(--color-teal-400);
|
|
201
|
-
--color-data-viz-chart-quinary-background: var(--color-teal-
|
|
201
|
+
--color-data-viz-chart-quinary-background: var(--color-teal-700);
|
|
202
202
|
--color-data-viz-chart-quinary-stroke: var(--color-teal-400);
|
|
203
203
|
--color-data-viz-tooltip-shadow-primary: #ffffff26;
|
|
204
204
|
--color-data-viz-tooltip-shadow-secondary: #ffffff2b;
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
--color-marketing-lime-background-4: var(--color-avocado-500);
|
|
208
208
|
--color-marketing-green-foreground-3: var(--color-kiwi-700);
|
|
209
209
|
--color-marketing-green-background-3: var(--color-kiwi-400);
|
|
210
|
-
--color-marketing-teal-foreground-3: var(--color-teal-
|
|
210
|
+
--color-marketing-teal-foreground-3: var(--color-teal-700);
|
|
211
211
|
--color-marketing-teal-background-3: var(--color-teal-400);
|
|
212
212
|
--color-marketing-teal-foreground-5: var(--color-neutral-100);
|
|
213
213
|
--color-marketing-teal-background-5: var(--color-teal-600);
|
|
@@ -137,4 +137,14 @@
|
|
|
137
137
|
--color-state-layer-pressed: rgba(255, 255, 255, 0.12);
|
|
138
138
|
--color-state-layer-selected-on-strong: rgba(0, 0, 0, 0.16);
|
|
139
139
|
--color-state-layer-selected: rgba(255, 255, 255, 0.16);
|
|
140
|
+
--color-data-viz-chart-primary: var(--color-blue-500);
|
|
141
|
+
--color-data-viz-chart-secondary: var(--color-blue-300);
|
|
142
|
+
--color-data-viz-chart-tertiary-background: var(--color-blue-600);
|
|
143
|
+
--color-data-viz-chart-tertiary-stroke: var(--color-blue-400);
|
|
144
|
+
--color-data-viz-chart-quaternary-background: var(--color-teal-600);
|
|
145
|
+
--color-data-viz-chart-quaternary-stroke: var(--color-teal-400);
|
|
146
|
+
--color-data-viz-chart-quinary-background: var(--color-teal-700);
|
|
147
|
+
--color-data-viz-chart-quinary-stroke: var(--color-teal-400);
|
|
148
|
+
--state-layer-neutral: rgb(var(--color-neutral-100-rgb), 0);
|
|
149
|
+
--state-layer-neutral-on-strong: rgb(var(--color-neutral-900-rgb), 0);
|
|
140
150
|
}
|
|
@@ -137,4 +137,14 @@
|
|
|
137
137
|
--color-state-layer-pressed: rgba(255, 255, 255, 0.12);
|
|
138
138
|
--color-state-layer-selected-on-strong: rgba(0, 0, 0, 0.16);
|
|
139
139
|
--color-state-layer-selected: rgba(255, 255, 255, 0.16);
|
|
140
|
+
--color-data-viz-chart-primary: var(--color-blue-500);
|
|
141
|
+
--color-data-viz-chart-secondary: var(--color-blue-300);
|
|
142
|
+
--color-data-viz-chart-tertiary-background: var(--color-blue-600);
|
|
143
|
+
--color-data-viz-chart-tertiary-stroke: var(--color-blue-400);
|
|
144
|
+
--color-data-viz-chart-quaternary-background: var(--color-teal-600);
|
|
145
|
+
--color-data-viz-chart-quaternary-stroke: var(--color-teal-400);
|
|
146
|
+
--color-data-viz-chart-quinary-background: var(--color-teal-700);
|
|
147
|
+
--color-data-viz-chart-quinary-stroke: var(--color-teal-400);
|
|
148
|
+
--state-layer-neutral: rgb(var(--color-neutral-100-rgb), 0);
|
|
149
|
+
--state-layer-neutral-on-strong: rgb(var(--color-neutral-900-rgb), 0);
|
|
140
150
|
}
|
|
@@ -138,5 +138,15 @@
|
|
|
138
138
|
--color-state-layer-pressed: rgba(255, 255, 255, 0.12);
|
|
139
139
|
--color-state-layer-selected-on-strong: rgba(0, 0, 0, 0.16);
|
|
140
140
|
--color-state-layer-selected: rgba(255, 255, 255, 0.16);
|
|
141
|
+
--color-data-viz-chart-primary: var(--color-blue-500);
|
|
142
|
+
--color-data-viz-chart-secondary: var(--color-blue-700);
|
|
143
|
+
--color-data-viz-chart-tertiary-background: var(--color-indigo-200);
|
|
144
|
+
--color-data-viz-chart-tertiary-stroke: var(--color-blue-500);
|
|
145
|
+
--color-data-viz-chart-quaternary-background: var(--color-teal-300);
|
|
146
|
+
--color-data-viz-chart-quaternary-stroke: var(--color-teal-600);
|
|
147
|
+
--color-data-viz-chart-quinary-background: var(--color-teal-200);
|
|
148
|
+
--color-data-viz-chart-quinary-stroke: var(--color-teal-600);
|
|
149
|
+
--state-layer-neutral: rgb(var(--color-neutral-900-rgb), 0);
|
|
150
|
+
--state-layer-neutral-on-strong: rgb(var(--color-neutral-100-rgb), 0);
|
|
141
151
|
}
|
|
142
152
|
}
|
|
@@ -138,5 +138,15 @@
|
|
|
138
138
|
--color-state-layer-pressed: rgba(255, 255, 255, 0.12);
|
|
139
139
|
--color-state-layer-selected-on-strong: rgba(0, 0, 0, 0.16);
|
|
140
140
|
--color-state-layer-selected: rgba(255, 255, 255, 0.16);
|
|
141
|
+
--color-data-viz-chart-primary: var(--color-blue-500);
|
|
142
|
+
--color-data-viz-chart-secondary: var(--color-blue-700);
|
|
143
|
+
--color-data-viz-chart-tertiary-background: var(--color-indigo-200);
|
|
144
|
+
--color-data-viz-chart-tertiary-stroke: var(--color-blue-500);
|
|
145
|
+
--color-data-viz-chart-quaternary-background: var(--color-teal-300);
|
|
146
|
+
--color-data-viz-chart-quaternary-stroke: var(--color-teal-600);
|
|
147
|
+
--color-data-viz-chart-quinary-background: var(--color-teal-200);
|
|
148
|
+
--color-data-viz-chart-quinary-stroke: var(--color-teal-600);
|
|
149
|
+
--state-layer-neutral: rgb(var(--color-neutral-900-rgb), 0);
|
|
150
|
+
--state-layer-neutral-on-strong: rgb(var(--color-neutral-100-rgb), 0);
|
|
141
151
|
}
|
|
142
152
|
}
|