@ebay/skin 19.30.1 → 19.32.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.
Files changed (10) hide show
  1. package/dist/alert-dialog/alert-dialog.css +0 -5
  2. package/dist/confirm-dialog/confirm-dialog.css +0 -5
  3. package/dist/svg/icon/icon-adjust-price-down-16.svg +5 -0
  4. package/dist/svg/icon/icon-adjust-price-down-24.svg +5 -0
  5. package/dist/svg/icon/icon-adjust-price-up-16.svg +5 -0
  6. package/dist/svg/icon/icon-adjust-price-up-24.svg +5 -0
  7. package/dist/svg/icon/icon-information-12.svg +8 -0
  8. package/dist/svg/icons.svg +28 -0
  9. package/dist/tokens/evo-core.css +11 -0
  10. package/package.json +1 -1
package/dist/alert-dialog/alert-dialog.css CHANGED
@@ -188,11 +188,6 @@
188
188
  }
189
189
  }
190
190
  @media (min-width: 768px) {
191
- .alert-dialog__window {
192
- max-width: calc(88% - var(--spacing-400));
193
- }
194
- }
195
- @media (min-width: 1024px) {
196
191
  .alert-dialog__window {
197
192
  max-width: var(--dialog-lightbox-max-width);
198
193
  }
package/dist/confirm-dialog/confirm-dialog.css CHANGED
@@ -180,11 +180,6 @@ button.confirm-dialog__confirm {
180
180
  }
181
181
  }
182
182
  @media (min-width: 768px) {
183
- .confirm-dialog__window {
184
- max-width: calc(88% - var(--spacing-400));
185
- }
186
- }
187
- @media (min-width: 1024px) {
188
183
  .confirm-dialog__window {
189
184
  max-width: var(--dialog-lightbox-max-width);
190
185
  }
package/dist/svg/icon/icon-adjust-price-down-16.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
+ <path
3
+ d="M4.934 1a1 1 0 0 1 0 2.001h-.936a1 1 0 0 0-1 1v3.377c0 .132.053.26.147.353l5.114 5.12a.5.5 0 0 0 .707 0l4.329-4.333a.998.998 0 0 1 1.413 0c.39.39.39 1.024 0 1.415l-4.33 4.334a2.497 2.497 0 0 1-3.532 0L1.73 9.147A2.504 2.504 0 0 1 1 7.376V4.002A3 3 0 0 1 3.998 1h.936Zm3.551.49a1 1 0 0 1 1 1v4.208l.541-.54A1 1 0 0 1 11.44 7.57L9.193 9.82a.996.996 0 0 1-.708.292.995.995 0 0 1-.708-.292L5.53 7.571a1 1 0 0 1 1.414-1.414l.541.541V2.49a1 1 0 0 1 1-1Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-adjust-price-down-24.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path
3
+ d="M7.905 1a1 1 0 1 1 0 1.999H5a2.001 2.001 0 0 0-2.001 2L3 11.162a1 1 0 0 0 .299.713l8.993 8.84a1.001 1.001 0 0 0 1.41-.006l7.003-7.015a1 1 0 0 0 .007-1.406l-3.445-3.507a1 1 0 1 1 1.427-1.4l3.446 3.507a2.997 2.997 0 0 1-.019 4.218l-7.003 7.015a3.003 3.003 0 0 1-4.23.02L1.897 13.3A3 3 0 0 1 1 11.162V5a4 4 0 0 1 4.001-4h2.904Zm5.188 1.1a1 1 0 0 1 1 1v10.45l1.793-1.793A1 1 0 1 1 17.3 13.17l-3.5 3.5a1 1 0 0 1-1.414 0l-3.5-3.5a1 1 0 1 1 1.414-1.414l1.793 1.793V3.1a1 1 0 0 1 1-1Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-adjust-price-up-16.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
+ <path
3
+ d="M4.936 1a1 1 0 0 1 0 2.001h-.938a1 1 0 0 0-.999 1.001v3.377c0 .132.053.26.147.354l5.116 5.12a.5.5 0 0 0 .707 0l4.325-4.328a1 1 0 0 1 1.414 1.414l-4.325 4.328a2.498 2.498 0 0 1-3.534 0L1.732 9.148A2.505 2.505 0 0 1 1 7.378V4.003A3.001 3.001 0 0 1 3.999 1h.937Zm3.56 1.622a1 1 0 0 1 .832.448l2.065 2.066A1 1 0 0 1 9.979 6.55l-.484-.485v3.182a1 1 0 1 1-2 0v-3.24l-.54.543A1 1 0 0 1 5.54 5.136l2.219-2.221a.996.996 0 0 1 .707-.293h.03Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-adjust-price-up-24.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path
3
+ d="M7.905 1a1 1 0 1 1 0 1.999H5a2.001 2.001 0 0 0-2.001 2L3 11.162a1 1 0 0 0 .299.713l8.993 8.84a1.001 1.001 0 0 0 1.41-.006l7.003-7.015a1 1 0 0 0 .007-1.406l-1.519-1.546a1 1 0 1 1 1.427-1.4l1.52 1.546a2.997 2.997 0 0 1-.019 4.218l-7.003 7.015a3.003 3.003 0 0 1-4.23.02L1.897 13.3A3 3 0 0 1 1 11.162V5a4 4 0 0 1 4.001-4h2.904Zm4.389 1.313a1 1 0 0 1 1.414 0l3.5 3.5a1 1 0 1 1-1.414 1.414L14 5.434v9.649a1 1 0 0 1-2 0v-9.65l-1.793 1.794a1 1 0 1 1-1.414-1.415l3.5-3.5Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-information-12.svg ADDED
@@ -0,0 +1,8 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
2
+ <path
3
+ d="M6 5.25a.75.75 0 0 0-.75.75v2.25a.75.75 0 0 0 1.5 0V6A.75.75 0 0 0 6 5.25Zm.75-1.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
4
+ />
5
+ <path
6
+ d="M0 6a6 6 0 1 1 12 0A6 6 0 0 1 0 6Zm1.5 0a4.5 4.5 0 1 0 9 0 4.5 4.5 0 0 0-9 0Z"
7
+ />
8
+ </svg>
package/dist/svg/icons.svg CHANGED
@@ -30,6 +30,26 @@
30
30
  d="M18 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM3 10a1 1 0 1 0-2 0v11a3 3 0 0 0 3 3h11a1 1 0 1 0 0-2H4a1 1 0 0 1-1-1V10Z"
31
31
  />
32
32
  </symbol>
33
+ <symbol viewBox="0 0 16 16" id="icon-adjust-price-down-16">
34
+ <path
35
+ d="M4.934 1a1 1 0 0 1 0 2.001h-.936a1 1 0 0 0-1 1v3.377c0 .132.053.26.147.353l5.114 5.12a.5.5 0 0 0 .707 0l4.329-4.333a.998.998 0 0 1 1.413 0c.39.39.39 1.024 0 1.415l-4.33 4.334a2.497 2.497 0 0 1-3.532 0L1.73 9.147A2.504 2.504 0 0 1 1 7.376V4.002A3 3 0 0 1 3.998 1h.936Zm3.551.49a1 1 0 0 1 1 1v4.208l.541-.54A1 1 0 0 1 11.44 7.57L9.193 9.82a.996.996 0 0 1-.708.292.995.995 0 0 1-.708-.292L5.53 7.571a1 1 0 0 1 1.414-1.414l.541.541V2.49a1 1 0 0 1 1-1Z"
36
+ />
37
+ </symbol>
38
+ <symbol viewBox="0 0 24 24" id="icon-adjust-price-down-24">
39
+ <path
40
+ d="M7.905 1a1 1 0 1 1 0 1.999H5a2.001 2.001 0 0 0-2.001 2L3 11.162a1 1 0 0 0 .299.713l8.993 8.84a1.001 1.001 0 0 0 1.41-.006l7.003-7.015a1 1 0 0 0 .007-1.406l-3.445-3.507a1 1 0 1 1 1.427-1.4l3.446 3.507a2.997 2.997 0 0 1-.019 4.218l-7.003 7.015a3.003 3.003 0 0 1-4.23.02L1.897 13.3A3 3 0 0 1 1 11.162V5a4 4 0 0 1 4.001-4h2.904Zm5.188 1.1a1 1 0 0 1 1 1v10.45l1.793-1.793A1 1 0 1 1 17.3 13.17l-3.5 3.5a1 1 0 0 1-1.414 0l-3.5-3.5a1 1 0 1 1 1.414-1.414l1.793 1.793V3.1a1 1 0 0 1 1-1Z"
41
+ />
42
+ </symbol>
43
+ <symbol viewBox="0 0 16 16" id="icon-adjust-price-up-16">
44
+ <path
45
+ d="M4.936 1a1 1 0 0 1 0 2.001h-.938a1 1 0 0 0-.999 1.001v3.377c0 .132.053.26.147.354l5.116 5.12a.5.5 0 0 0 .707 0l4.325-4.328a1 1 0 0 1 1.414 1.414l-4.325 4.328a2.498 2.498 0 0 1-3.534 0L1.732 9.148A2.505 2.505 0 0 1 1 7.378V4.003A3.001 3.001 0 0 1 3.999 1h.937Zm3.56 1.622a1 1 0 0 1 .832.448l2.065 2.066A1 1 0 0 1 9.979 6.55l-.484-.485v3.182a1 1 0 1 1-2 0v-3.24l-.54.543A1 1 0 0 1 5.54 5.136l2.219-2.221a.996.996 0 0 1 .707-.293h.03Z"
46
+ />
47
+ </symbol>
48
+ <symbol viewBox="0 0 24 24" id="icon-adjust-price-up-24">
49
+ <path
50
+ d="M7.905 1a1 1 0 1 1 0 1.999H5a2.001 2.001 0 0 0-2.001 2L3 11.162a1 1 0 0 0 .299.713l8.993 8.84a1.001 1.001 0 0 0 1.41-.006l7.003-7.015a1 1 0 0 0 .007-1.406l-1.519-1.546a1 1 0 1 1 1.427-1.4l1.52 1.546a2.997 2.997 0 0 1-.019 4.218l-7.003 7.015a3.003 3.003 0 0 1-4.23.02L1.897 13.3A3 3 0 0 1 1 11.162V5a4 4 0 0 1 4.001-4h2.904Zm4.389 1.313a1 1 0 0 1 1.414 0l3.5 3.5a1 1 0 1 1-1.414 1.414L14 5.434v9.649a1 1 0 0 1-2 0v-9.65l-1.793 1.794a1 1 0 1 1-1.414-1.415l3.5-3.5Z"
51
+ />
52
+ </symbol>
33
53
  <symbol viewBox="0 0 20 12" id="icon-afterpay-12-colored">
34
54
  <rect
35
55
  x=".5"
@@ -6382,6 +6402,14 @@
6382
6402
  clip-rule="evenodd"
6383
6403
  />
6384
6404
  </symbol>
6405
+ <symbol viewBox="0 0 12 12" id="icon-information-12">
6406
+ <path
6407
+ d="M6 5.25a.75.75 0 0 0-.75.75v2.25a.75.75 0 0 0 1.5 0V6A.75.75 0 0 0 6 5.25Zm.75-1.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
6408
+ />
6409
+ <path
6410
+ d="M0 6a6 6 0 1 1 12 0A6 6 0 0 1 0 6Zm1.5 0a4.5 4.5 0 1 0 9 0 4.5 4.5 0 0 0-9 0Z"
6411
+ />
6412
+ </symbol>
6385
6413
  <symbol viewBox="0 0 16 16" id="icon-information-16">
6386
6414
  <path
6387
6415
  d="M8 7a1 1 0 0 0-1 1v3a1 1 0 1 0 2 0V8a1 1 0 0 0-1-1Zm1-2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
package/dist/tokens/evo-core.css CHANGED
@@ -33,6 +33,9 @@
33
33
  --color-blue-700: #002a69;
34
34
  --color-blue-800: #19133a;
35
35
  --color-brand-depop-red: #e20020;
36
+ --color-brand-tise-dark-purple: #422136;
37
+ --color-brand-tise-peach: #ff8f77;
38
+ --color-brand-tise-tan: #ffefeb;
36
39
  --color-clear: rgba(255, 255, 255, 0);
37
40
  --color-coral-100: #fff7f5;
38
41
  --color-coral-200: #ffe1d7;
@@ -180,6 +183,10 @@
180
183
  --dimension-icon-medium: 24px;
181
184
  --dimension-icon-small: 16px;
182
185
  --dimension-tap-target-minimum: 48px;
186
+ --expressive-theme-ag-indigo-dark-background: #01193d;
187
+ --expressive-theme-ag-indigo-dark-foreground: #ffffff;
188
+ --expressive-theme-ag-indigo-light-background: #d3effe;
189
+ --expressive-theme-ag-indigo-light-foreground: #01193d;
183
190
  --expressive-theme-avocado-dark-background: #4e4e0c;
184
191
  --expressive-theme-avocado-dark-foreground: #f8fcde;
185
192
  --expressive-theme-avocado-light-background: #e3f13c;
@@ -280,6 +287,10 @@
280
287
  --expressive-theme-teal-light-foreground: #07465a;
281
288
  --expressive-theme-teal-medium-background: #1bbfca;
282
289
  --expressive-theme-teal-medium-foreground: #07465a;
290
+ --expressive-theme-tise-dark-purple-background: #422136;
291
+ --expressive-theme-tise-dark-purple-foreground: #ffefeb;
292
+ --expressive-theme-tise-peach-background: #ff8f77;
293
+ --expressive-theme-tise-peach-foreground: #422136;
283
294
  --expressive-theme-violet-dark-background: #271a68;
284
295
  --expressive-theme-violet-dark-foreground: #e2ddfd;
285
296
  --expressive-theme-violet-light-background: #836bff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebay/skin",
3
- "version": "19.30.1",
3
+ "version": "19.32.0",
4
4
  "description": "Skin - CSS modules that represent the brand eBay",
5
5
  "keywords": [
6
6
  "eBay",