@ebay/skin 19.14.2 → 19.15.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.
|
@@ -206,6 +206,28 @@ https://github.com/eBay/evo-web/blob/master/LICENSE
|
|
|
206
206
|
--spacing-600:48px;
|
|
207
207
|
--spacing-700:56px;
|
|
208
208
|
--spacing-800:64px;
|
|
209
|
+
--shadow-subtle:0px 4px 12px 0px rgba(0, 0, 0, 0.07);
|
|
210
|
+
--shadow-strong:0px 5px 17px 0px rgba(0, 0, 0, 0.2), 0px 2px 7px 0px rgba(0, 0, 0, 0.15);
|
|
211
|
+
--color-media-disabled-filter:grayscale(1) opacity(0.25);
|
|
212
|
+
--motion-easing-standard:cubic-bezier(0.3, 0, 0, 1);
|
|
213
|
+
--motion-easing-quick-enter:cubic-bezier(0, 0, 0, 1);
|
|
214
|
+
--motion-easing-quick-exit:cubic-bezier(1, 0, 0, 1);
|
|
215
|
+
--motion-easing-soft-enter:cubic-bezier(0, 0, 0.7, 1);
|
|
216
|
+
--motion-easing-soft-exit:cubic-bezier(0.3, 0, 1, 1);
|
|
217
|
+
--motion-easing-continuous:cubic-bezier(0.3, 0, 0.7, 1);
|
|
218
|
+
--motion-easing-bounce:cubic-bezier(0.3, 0, 0, 1.5);
|
|
219
|
+
--motion-easing-linear:cubic-bezier(0, 0, 1, 1);
|
|
220
|
+
--motion-duration-instant:17ms;
|
|
221
|
+
--motion-duration-short-1:50ms;
|
|
222
|
+
--motion-duration-short-2:83ms;
|
|
223
|
+
--motion-duration-short-3:167ms;
|
|
224
|
+
--motion-duration-medium-1:250ms;
|
|
225
|
+
--motion-duration-medium-2:333ms;
|
|
226
|
+
--motion-duration-medium-3:500ms;
|
|
227
|
+
--motion-duration-long-1:667ms;
|
|
228
|
+
--motion-duration-long-2:883ms;
|
|
229
|
+
--motion-duration-long-3:1000ms;
|
|
230
|
+
--font-line-height-default:var(--font-line-height-250);
|
|
209
231
|
--color-background-primary:var(--color-neutral-100);
|
|
210
232
|
--color-background-secondary:var(--color-neutral-200);
|
|
211
233
|
--color-background-tertiary:var(--color-neutral-300);
|
|
@@ -367,8 +389,6 @@ https://github.com/eBay/evo-web/blob/master/LICENSE
|
|
|
367
389
|
var(--color-ai-solid-green-subtle) 0%,
|
|
368
390
|
var(--color-ai-solid-blue-subtle) 154.5%
|
|
369
391
|
);
|
|
370
|
-
--shadow-subtle:0px 4px 12px 0px rgba(0, 0, 0, 0.07);
|
|
371
|
-
--shadow-strong:0px 5px 17px 0px rgba(0, 0, 0, 0.2), 0px 2px 7px 0px rgba(0, 0, 0, 0.15);
|
|
372
392
|
--color-loading-overlay:var(--color-neutral-100-rgb), 0.7;
|
|
373
393
|
--color-loading-first:var(--color-neutral-200);
|
|
374
394
|
--color-loading-second:var(--color-neutral-300);
|
|
@@ -408,26 +428,6 @@ https://github.com/eBay/evo-web/blob/master/LICENSE
|
|
|
408
428
|
var(--color-ai-solid-green-subtle) 0%,
|
|
409
429
|
var(--color-ai-solid-blue-subtle) 154.5%
|
|
410
430
|
);
|
|
411
|
-
--color-media-disabled-filter:grayscale(1) opacity(0.25);
|
|
412
|
-
--motion-easing-standard:cubic-bezier(0.3, 0, 0, 1);
|
|
413
|
-
--motion-easing-quick-enter:cubic-bezier(0, 0, 0, 1);
|
|
414
|
-
--motion-easing-quick-exit:cubic-bezier(1, 0, 0, 1);
|
|
415
|
-
--motion-easing-soft-enter:cubic-bezier(0, 0, 0.7, 1);
|
|
416
|
-
--motion-easing-soft-exit:cubic-bezier(0.3, 0, 1, 1);
|
|
417
|
-
--motion-easing-continuous:cubic-bezier(0.3, 0, 0.7, 1);
|
|
418
|
-
--motion-easing-bounce:cubic-bezier(0.3, 0, 0, 1.5);
|
|
419
|
-
--motion-easing-linear:cubic-bezier(0, 0, 1, 1);
|
|
420
|
-
--motion-duration-instant:17ms;
|
|
421
|
-
--motion-duration-short-1:50ms;
|
|
422
|
-
--motion-duration-short-2:83ms;
|
|
423
|
-
--motion-duration-short-3:167ms;
|
|
424
|
-
--motion-duration-medium-1:250ms;
|
|
425
|
-
--motion-duration-medium-2:333ms;
|
|
426
|
-
--motion-duration-medium-3:500ms;
|
|
427
|
-
--motion-duration-long-1:667ms;
|
|
428
|
-
--motion-duration-long-2:883ms;
|
|
429
|
-
--motion-duration-long-3:1000ms;
|
|
430
|
-
--font-line-height-default:var(--font-line-height-250);
|
|
431
431
|
}
|
|
432
432
|
@font-face{
|
|
433
433
|
font-display:swap;
|
|
@@ -10100,7 +10100,15 @@ input.radio__control[type=radio]:focus:not(:focus-visible)+span.radio__icon{
|
|
|
10100
10100
|
|
|
10101
10101
|
div[role=region].section-notice,section.section-notice{
|
|
10102
10102
|
display:grid;
|
|
10103
|
-
grid-template-columns:32px auto
|
|
10103
|
+
grid-template-columns:32px auto auto;
|
|
10104
|
+
}
|
|
10105
|
+
|
|
10106
|
+
div[role=region].section-notice:has(.section-notice__cta),section.section-notice:has(.section-notice__cta){
|
|
10107
|
+
grid-template-columns:32px auto auto min-content;
|
|
10108
|
+
}
|
|
10109
|
+
|
|
10110
|
+
div[role=region].section-notice:has(.section-notice__cta) .section-notice__footer,section.section-notice:has(.section-notice__cta) .section-notice__footer{
|
|
10111
|
+
grid-column:4;
|
|
10104
10112
|
}
|
|
10105
10113
|
.section-notice--education{
|
|
10106
10114
|
background-color:var(--section-notice-education-background-color, var(--color-background-education));
|
|
@@ -10163,7 +10171,7 @@ span[role=region].section-notice{
|
|
|
10163
10171
|
}
|
|
10164
10172
|
|
|
10165
10173
|
.section-notice__footer{
|
|
10166
|
-
grid-column:
|
|
10174
|
+
grid-column:3;
|
|
10167
10175
|
grid-row:1;
|
|
10168
10176
|
justify-self:flex-end;
|
|
10169
10177
|
margin-top:2px;
|
|
@@ -206,6 +206,28 @@ https://github.com/eBay/evo-web/blob/master/LICENSE
|
|
|
206
206
|
--spacing-600:48px;
|
|
207
207
|
--spacing-700:56px;
|
|
208
208
|
--spacing-800:64px;
|
|
209
|
+
--shadow-subtle:0px 4px 12px 0px rgba(0, 0, 0, 0.07);
|
|
210
|
+
--shadow-strong:0px 5px 17px 0px rgba(0, 0, 0, 0.2), 0px 2px 7px 0px rgba(0, 0, 0, 0.15);
|
|
211
|
+
--color-media-disabled-filter:grayscale(1) opacity(0.25);
|
|
212
|
+
--motion-easing-standard:cubic-bezier(0.3, 0, 0, 1);
|
|
213
|
+
--motion-easing-quick-enter:cubic-bezier(0, 0, 0, 1);
|
|
214
|
+
--motion-easing-quick-exit:cubic-bezier(1, 0, 0, 1);
|
|
215
|
+
--motion-easing-soft-enter:cubic-bezier(0, 0, 0.7, 1);
|
|
216
|
+
--motion-easing-soft-exit:cubic-bezier(0.3, 0, 1, 1);
|
|
217
|
+
--motion-easing-continuous:cubic-bezier(0.3, 0, 0.7, 1);
|
|
218
|
+
--motion-easing-bounce:cubic-bezier(0.3, 0, 0, 1.5);
|
|
219
|
+
--motion-easing-linear:cubic-bezier(0, 0, 1, 1);
|
|
220
|
+
--motion-duration-instant:17ms;
|
|
221
|
+
--motion-duration-short-1:50ms;
|
|
222
|
+
--motion-duration-short-2:83ms;
|
|
223
|
+
--motion-duration-short-3:167ms;
|
|
224
|
+
--motion-duration-medium-1:250ms;
|
|
225
|
+
--motion-duration-medium-2:333ms;
|
|
226
|
+
--motion-duration-medium-3:500ms;
|
|
227
|
+
--motion-duration-long-1:667ms;
|
|
228
|
+
--motion-duration-long-2:883ms;
|
|
229
|
+
--motion-duration-long-3:1000ms;
|
|
230
|
+
--font-line-height-default:var(--font-line-height-250);
|
|
209
231
|
--color-background-primary:var(--color-neutral-100);
|
|
210
232
|
--color-background-secondary:var(--color-neutral-200);
|
|
211
233
|
--color-background-tertiary:var(--color-neutral-300);
|
|
@@ -367,8 +389,6 @@ https://github.com/eBay/evo-web/blob/master/LICENSE
|
|
|
367
389
|
var(--color-ai-solid-green-subtle) 0%,
|
|
368
390
|
var(--color-ai-solid-blue-subtle) 154.5%
|
|
369
391
|
);
|
|
370
|
-
--shadow-subtle:0px 4px 12px 0px rgba(0, 0, 0, 0.07);
|
|
371
|
-
--shadow-strong:0px 5px 17px 0px rgba(0, 0, 0, 0.2), 0px 2px 7px 0px rgba(0, 0, 0, 0.15);
|
|
372
392
|
--color-loading-overlay:var(--color-neutral-100-rgb), 0.7;
|
|
373
393
|
--color-loading-first:var(--color-neutral-200);
|
|
374
394
|
--color-loading-second:var(--color-neutral-300);
|
|
@@ -408,26 +428,6 @@ https://github.com/eBay/evo-web/blob/master/LICENSE
|
|
|
408
428
|
var(--color-ai-solid-green-subtle) 0%,
|
|
409
429
|
var(--color-ai-solid-blue-subtle) 154.5%
|
|
410
430
|
);
|
|
411
|
-
--color-media-disabled-filter:grayscale(1) opacity(0.25);
|
|
412
|
-
--motion-easing-standard:cubic-bezier(0.3, 0, 0, 1);
|
|
413
|
-
--motion-easing-quick-enter:cubic-bezier(0, 0, 0, 1);
|
|
414
|
-
--motion-easing-quick-exit:cubic-bezier(1, 0, 0, 1);
|
|
415
|
-
--motion-easing-soft-enter:cubic-bezier(0, 0, 0.7, 1);
|
|
416
|
-
--motion-easing-soft-exit:cubic-bezier(0.3, 0, 1, 1);
|
|
417
|
-
--motion-easing-continuous:cubic-bezier(0.3, 0, 0.7, 1);
|
|
418
|
-
--motion-easing-bounce:cubic-bezier(0.3, 0, 0, 1.5);
|
|
419
|
-
--motion-easing-linear:cubic-bezier(0, 0, 1, 1);
|
|
420
|
-
--motion-duration-instant:17ms;
|
|
421
|
-
--motion-duration-short-1:50ms;
|
|
422
|
-
--motion-duration-short-2:83ms;
|
|
423
|
-
--motion-duration-short-3:167ms;
|
|
424
|
-
--motion-duration-medium-1:250ms;
|
|
425
|
-
--motion-duration-medium-2:333ms;
|
|
426
|
-
--motion-duration-medium-3:500ms;
|
|
427
|
-
--motion-duration-long-1:667ms;
|
|
428
|
-
--motion-duration-long-2:883ms;
|
|
429
|
-
--motion-duration-long-3:1000ms;
|
|
430
|
-
--font-line-height-default:var(--font-line-height-250);
|
|
431
431
|
}
|
|
432
432
|
|
|
433
433
|
@media (prefers-color-scheme:dark){
|
|
@@ -10303,7 +10303,15 @@ input.radio__control[type=radio]:focus:not(:focus-visible)+span.radio__icon{
|
|
|
10303
10303
|
|
|
10304
10304
|
div[role=region].section-notice,section.section-notice{
|
|
10305
10305
|
display:grid;
|
|
10306
|
-
grid-template-columns:32px auto
|
|
10306
|
+
grid-template-columns:32px auto auto;
|
|
10307
|
+
}
|
|
10308
|
+
|
|
10309
|
+
div[role=region].section-notice:has(.section-notice__cta),section.section-notice:has(.section-notice__cta){
|
|
10310
|
+
grid-template-columns:32px auto auto min-content;
|
|
10311
|
+
}
|
|
10312
|
+
|
|
10313
|
+
div[role=region].section-notice:has(.section-notice__cta) .section-notice__footer,section.section-notice:has(.section-notice__cta) .section-notice__footer{
|
|
10314
|
+
grid-column:4;
|
|
10307
10315
|
}
|
|
10308
10316
|
.section-notice--education{
|
|
10309
10317
|
background-color:var(--section-notice-education-background-color, var(--color-background-education));
|
|
@@ -10366,7 +10374,7 @@ span[role=region].section-notice{
|
|
|
10366
10374
|
}
|
|
10367
10375
|
|
|
10368
10376
|
.section-notice__footer{
|
|
10369
|
-
grid-column:
|
|
10377
|
+
grid-column:3;
|
|
10370
10378
|
grid-row:1;
|
|
10371
10379
|
justify-self:flex-end;
|
|
10372
10380
|
margin-top:2px;
|
|
@@ -9670,7 +9670,15 @@ input.radio__control[type=radio]:focus:not(:focus-visible)+span.radio__icon{
|
|
|
9670
9670
|
|
|
9671
9671
|
div[role=region].section-notice,section.section-notice{
|
|
9672
9672
|
display:grid;
|
|
9673
|
-
grid-template-columns:32px auto
|
|
9673
|
+
grid-template-columns:32px auto auto;
|
|
9674
|
+
}
|
|
9675
|
+
|
|
9676
|
+
div[role=region].section-notice:has(.section-notice__cta),section.section-notice:has(.section-notice__cta){
|
|
9677
|
+
grid-template-columns:32px auto auto min-content;
|
|
9678
|
+
}
|
|
9679
|
+
|
|
9680
|
+
div[role=region].section-notice:has(.section-notice__cta) .section-notice__footer,section.section-notice:has(.section-notice__cta) .section-notice__footer{
|
|
9681
|
+
grid-column:4;
|
|
9674
9682
|
}
|
|
9675
9683
|
.section-notice--education{
|
|
9676
9684
|
background-color:var(--section-notice-education-background-color, var(--color-background-education));
|
|
@@ -9733,7 +9741,7 @@ span[role=region].section-notice{
|
|
|
9733
9741
|
}
|
|
9734
9742
|
|
|
9735
9743
|
.section-notice__footer{
|
|
9736
|
-
grid-column:
|
|
9744
|
+
grid-column:3;
|
|
9737
9745
|
grid-row:1;
|
|
9738
9746
|
justify-self:flex-end;
|
|
9739
9747
|
margin-top:2px;
|
|
@@ -12,7 +12,18 @@
|
|
|
12
12
|
div[role="region"].section-notice,
|
|
13
13
|
section.section-notice {
|
|
14
14
|
display: grid;
|
|
15
|
-
grid-template-columns: 32px auto
|
|
15
|
+
grid-template-columns: 32px auto auto;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
div[role="region"].section-notice:has(.section-notice__cta),
|
|
19
|
+
section.section-notice:has(.section-notice__cta) {
|
|
20
|
+
grid-template-columns: 32px auto auto min-content;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
div[role="region"].section-notice:has(.section-notice__cta)
|
|
24
|
+
.section-notice__footer,
|
|
25
|
+
section.section-notice:has(.section-notice__cta) .section-notice__footer {
|
|
26
|
+
grid-column: 4;
|
|
16
27
|
}
|
|
17
28
|
.section-notice--education {
|
|
18
29
|
background-color: var(
|
|
@@ -87,7 +98,7 @@ span[role="region"].section-notice {
|
|
|
87
98
|
}
|
|
88
99
|
|
|
89
100
|
.section-notice__footer {
|
|
90
|
-
grid-column:
|
|
101
|
+
grid-column: 3;
|
|
91
102
|
grid-row: 1;
|
|
92
103
|
justify-self: flex-end;
|
|
93
104
|
margin-top: 2px;
|
package/dist/tokens/evo-core.css
CHANGED
|
@@ -203,4 +203,30 @@
|
|
|
203
203
|
--spacing-600: 48px;
|
|
204
204
|
--spacing-700: 56px;
|
|
205
205
|
--spacing-800: 64px;
|
|
206
|
+
--shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
|
|
207
|
+
--shadow-strong:
|
|
208
|
+
0px 5px 17px 0px rgba(0, 0, 0, 0.2), 0px 2px 7px 0px rgba(0, 0, 0, 0.15);
|
|
209
|
+
--color-media-disabled-filter: grayscale(1) opacity(0.25);
|
|
210
|
+
/* Motion Functions */
|
|
211
|
+
--motion-easing-standard: cubic-bezier(0.3, 0, 0, 1);
|
|
212
|
+
--motion-easing-quick-enter: cubic-bezier(0, 0, 0, 1);
|
|
213
|
+
--motion-easing-quick-exit: cubic-bezier(1, 0, 0, 1);
|
|
214
|
+
--motion-easing-soft-enter: cubic-bezier(0, 0, 0.7, 1);
|
|
215
|
+
--motion-easing-soft-exit: cubic-bezier(0.3, 0, 1, 1);
|
|
216
|
+
--motion-easing-continuous: cubic-bezier(0.3, 0, 0.7, 1);
|
|
217
|
+
--motion-easing-bounce: cubic-bezier(0.3, 0, 0, 1.5);
|
|
218
|
+
--motion-easing-linear: cubic-bezier(0, 0, 1, 1);
|
|
219
|
+
/* Motion Timings */
|
|
220
|
+
--motion-duration-instant: 17ms;
|
|
221
|
+
--motion-duration-short-1: 50ms;
|
|
222
|
+
--motion-duration-short-2: 83ms;
|
|
223
|
+
--motion-duration-short-3: 167ms;
|
|
224
|
+
--motion-duration-medium-1: 250ms;
|
|
225
|
+
--motion-duration-medium-2: 333ms;
|
|
226
|
+
--motion-duration-medium-3: 500ms;
|
|
227
|
+
--motion-duration-long-1: 667ms;
|
|
228
|
+
--motion-duration-long-2: 883ms;
|
|
229
|
+
--motion-duration-long-3: 1000ms;
|
|
230
|
+
/* Typography */
|
|
231
|
+
--font-line-height-default: var(--font-line-height-250);
|
|
206
232
|
}
|
|
@@ -161,9 +161,6 @@
|
|
|
161
161
|
var(--color-ai-solid-green-subtle) 0%,
|
|
162
162
|
var(--color-ai-solid-blue-subtle) 154.5%
|
|
163
163
|
);
|
|
164
|
-
--shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
|
|
165
|
-
--shadow-strong:
|
|
166
|
-
0px 5px 17px 0px rgba(0, 0, 0, 0.2), 0px 2px 7px 0px rgba(0, 0, 0, 0.15);
|
|
167
164
|
--color-loading-overlay: var(--color-neutral-100-rgb), 0.7;
|
|
168
165
|
--color-loading-first: var(--color-neutral-200);
|
|
169
166
|
--color-loading-second: var(--color-neutral-300);
|
|
@@ -207,27 +204,4 @@
|
|
|
207
204
|
var(--color-ai-solid-green-subtle) 0%,
|
|
208
205
|
var(--color-ai-solid-blue-subtle) 154.5%
|
|
209
206
|
);
|
|
210
|
-
--color-media-disabled-filter: grayscale(1) opacity(0.25);
|
|
211
|
-
/* Motion Functions */
|
|
212
|
-
--motion-easing-standard: cubic-bezier(0.3, 0, 0, 1);
|
|
213
|
-
--motion-easing-quick-enter: cubic-bezier(0, 0, 0, 1);
|
|
214
|
-
--motion-easing-quick-exit: cubic-bezier(1, 0, 0, 1);
|
|
215
|
-
--motion-easing-soft-enter: cubic-bezier(0, 0, 0.7, 1);
|
|
216
|
-
--motion-easing-soft-exit: cubic-bezier(0.3, 0, 1, 1);
|
|
217
|
-
--motion-easing-continuous: cubic-bezier(0.3, 0, 0.7, 1);
|
|
218
|
-
--motion-easing-bounce: cubic-bezier(0.3, 0, 0, 1.5);
|
|
219
|
-
--motion-easing-linear: cubic-bezier(0, 0, 1, 1);
|
|
220
|
-
/* Motion Timings */
|
|
221
|
-
--motion-duration-instant: 17ms;
|
|
222
|
-
--motion-duration-short-1: 50ms;
|
|
223
|
-
--motion-duration-short-2: 83ms;
|
|
224
|
-
--motion-duration-short-3: 167ms;
|
|
225
|
-
--motion-duration-medium-1: 250ms;
|
|
226
|
-
--motion-duration-medium-2: 333ms;
|
|
227
|
-
--motion-duration-medium-3: 500ms;
|
|
228
|
-
--motion-duration-long-1: 667ms;
|
|
229
|
-
--motion-duration-long-2: 883ms;
|
|
230
|
-
--motion-duration-long-3: 1000ms;
|
|
231
|
-
/* Typography */
|
|
232
|
-
--font-line-height-default: var(--font-line-height-250);
|
|
233
207
|
}
|