@ebay/skin 19.12.1 → 19.14.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 (78) hide show
  1. package/dist/alert-dialog/alert-dialog.css +2 -3
  2. package/dist/bundles/skin-default.css +177 -97
  3. package/dist/bundles/skin-full.css +184 -97
  4. package/dist/bundles/skin-headless.css +170 -97
  5. package/dist/button/button.css +26 -44
  6. package/dist/combobox/combobox.css +5 -20
  7. package/dist/confirm-dialog/confirm-dialog.css +2 -3
  8. package/dist/drawer-dialog/drawer-dialog.css +2 -3
  9. package/dist/filter-button/filter-button.css +2 -12
  10. package/dist/filter-chip/filter-chip.css +69 -1
  11. package/dist/filter-menu-button/filter-menu-button.css +10 -20
  12. package/dist/fullscreen-dialog/fullscreen-dialog.css +0 -1
  13. package/dist/icon-button/icon-button.css +22 -68
  14. package/dist/lightbox-dialog/lightbox-dialog.css +2 -3
  15. package/dist/listbox/listbox.css +4 -13
  16. package/dist/listbox-button/listbox-button.css +5 -20
  17. package/dist/menu-button/menu-button.css +2 -8
  18. package/dist/panel-dialog/panel-dialog.css +2 -3
  19. package/dist/progress-stepper/progress-stepper.css +1 -0
  20. package/dist/section-notice/section-notice.css +3 -10
  21. package/dist/selection-chip/selection-chip.css +53 -0
  22. package/dist/svg/icon/icon-afterpay-logo-24-colored.svg +13 -0
  23. package/dist/svg/icon/icon-ai-camera-16.svg +5 -0
  24. package/dist/svg/icon/icon-ai-camera-20.svg +5 -0
  25. package/dist/svg/icon/icon-ai-camera-24.svg +5 -0
  26. package/dist/svg/icon/icon-ai-search-16.svg +5 -0
  27. package/dist/svg/icon/icon-ai-search-20.svg +5 -0
  28. package/dist/svg/icon/icon-ai-search-24.svg +5 -0
  29. package/dist/svg/icon/icon-ai-shirt-16.svg +5 -0
  30. package/dist/svg/icon/icon-ai-shirt-20.svg +5 -0
  31. package/dist/svg/icon/icon-ai-shirt-24.svg +5 -0
  32. package/dist/svg/icon/icon-attention-triangle-16.svg +5 -0
  33. package/dist/svg/icon/icon-attention-triangle-24.svg +5 -0
  34. package/dist/svg/icon/icon-attention-triangle-filled-16.svg +5 -0
  35. package/dist/svg/icon/icon-attention-triangle-filled-24.svg +5 -0
  36. package/dist/svg/icon/icon-bank-group-logo-24-colored.svg +67 -0
  37. package/dist/svg/icon/icon-clock-12.svg +9 -0
  38. package/dist/svg/icon/icon-closed-caption-16.svg +2 -7
  39. package/dist/svg/icon/icon-closed-caption-24.svg +5 -0
  40. package/dist/svg/icon/icon-closed-caption-filled-16.svg +2 -4
  41. package/dist/svg/icon/icon-closed-caption-filled-24.svg +5 -0
  42. package/dist/svg/icon/icon-credit-card-20.svg +5 -0
  43. package/dist/svg/icon/icon-credit-card-24.svg +1 -3
  44. package/dist/svg/icon/icon-credit-card-cvv-back-20.svg +5 -0
  45. package/dist/svg/icon/icon-credit-card-cvv-back-24.svg +5 -0
  46. package/dist/svg/icon/icon-credit-card-cvv-front-20.svg +5 -0
  47. package/dist/svg/icon/icon-credit-card-cvv-front-24.svg +5 -0
  48. package/dist/svg/icon/icon-density-row-compact-16.svg +5 -0
  49. package/dist/svg/icon/icon-density-row-compact-24.svg +5 -0
  50. package/dist/svg/icon/icon-density-row-relaxed-16.svg +5 -0
  51. package/dist/svg/icon/icon-density-row-relaxed-24.svg +5 -0
  52. package/dist/svg/icon/icon-fingerprint-16.svg +5 -0
  53. package/dist/svg/icon/icon-information-20.svg +5 -0
  54. package/dist/svg/icon/icon-information-filled-20.svg +5 -0
  55. package/dist/svg/icon/icon-note-16.svg +5 -0
  56. package/dist/svg/icon/icon-note-24.svg +5 -0
  57. package/dist/svg/icon/icon-notification-filled-16.svg +5 -0
  58. package/dist/svg/icon/icon-notification-filled-20.svg +5 -0
  59. package/dist/svg/icon/icon-pay-by-bank-12-colored.svg +7 -0
  60. package/dist/svg/icon/icon-pay-by-bank-18-colored.svg +7 -0
  61. package/dist/svg/icon/icon-pay-by-bank-24-colored.svg +7 -0
  62. package/dist/svg/icon/icon-pay-by-bank-32-colored.svg +7 -0
  63. package/dist/svg/icon/icon-payout-16.svg +5 -0
  64. package/dist/svg/icon/icon-payout-24.svg +5 -0
  65. package/dist/svg/icon/icon-secure-purchase-16.svg +5 -0
  66. package/dist/svg/icon/icon-secure-purchase-24.svg +5 -0
  67. package/dist/svg/icon/icon-shopping-event-16.svg +5 -0
  68. package/dist/svg/icon/icon-shopping-event-24.svg +5 -0
  69. package/dist/svg/icon/icon-wallet-16.svg +5 -0
  70. package/dist/svg/icon/icon-zip-pay-12-colored.svg +12 -0
  71. package/dist/svg/icon/icon-zip-pay-18-colored.svg +12 -0
  72. package/dist/svg/icon/icon-zip-pay-24-colored.svg +12 -0
  73. package/dist/svg/icon/icon-zip-pay-32-colored.svg +15 -0
  74. package/dist/svg/icons.svg +364 -12
  75. package/dist/toast-dialog/toast-dialog.css +7 -7
  76. package/dist/tokens/evo-dark.css +7 -0
  77. package/dist/tokens/evo-light.css +8 -0
  78. package/package.json +8 -7
@@ -0,0 +1,7 @@
1
+ <svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg">
2
+ <rect y=".002" width="50" height="32" rx="2" fill="#AFADFF" />
3
+ <path
4
+ d="M31.912 8.86c1.516-.16 2.777 1.154 2.564 2.67l-1.807 12.944a2.34 2.34 0 0 1-3.002 1.923l-8.404-2.583a1.768 1.768 0 0 1-1.226-1.935l.36-2.56 3.273.58c.977.174 1.902-.5 2.042-1.491l1.275-9.028 4.925-.52Zm-6.76-3.32c1.191-.25 2.27.767 2.097 1.98l-.262 1.862-3.914.416a1.76 1.76 0 0 0-1.553 1.51l-1.123 8.011-3.686-.653a1.475 1.475 0 0 1-1.196-1.656l1.21-8.695a1.468 1.468 0 0 1 1.15-1.237l7.278-1.537Z"
5
+ fill="#060606"
6
+ />
7
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M8.002 7c.035 0 .07.001.103.005a2.499 2.499 0 0 1 2.285 1.752l.392-.226a2.815 2.815 0 1 1 2.773 4.9L9.77 15.532a3.668 3.668 0 0 1-2.716.34l-4.197-1.107a2.5 2.5 0 0 1-1.862-2.42l.001-2.844a2.5 2.5 0 0 1 2.5-2.499L8.001 7ZM3.497 9.002a.5.5 0 0 0-.5.5v2.846a.5.5 0 0 0 .371.483l4.197 1.107c.416.11.859.055 1.235-.154l3.784-2.101a.815.815 0 1 0-.803-1.42l-2.78 1.603a1 1 0 0 1-.499.134h-.439c-.02.001-.04.003-.061.003h-1.5a1 1 0 0 1 0-2h.938c.02-.001.041-.003.062-.003h.5a.5.5 0 1 0 0-1l-4.505.002ZM8.004.005c.95 0 1.86.19 2.57.545.609.304 1.336.88 1.424 1.772l.009.183-.005.1v.792c.003.034.005.068.005.103 0 .576-.352.965-.617 1.175-.277.218-.617.371-.947.481-.67.223-1.533.344-2.44.344-.905 0-1.768-.12-2.438-.344-.33-.11-.669-.263-.946-.481-.266-.21-.617-.599-.617-1.175v-.995c0-.035.001-.07.005-.104.052-.938.801-1.538 1.428-1.851C6.144.195 7.054.005 8.004.005Zm0 2c-.708 0-1.299.145-1.676.334a1.314 1.314 0 0 0-.263.166c.05.042.131.1.263.166.377.188.968.334 1.676.334s1.3-.146 1.677-.334a1.32 1.32 0 0 0 .263-.166 1.32 1.32 0 0 0-.263-.166c-.378-.189-.97-.334-1.677-.334Z"
4
+ />
5
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M18.292 12.443a3.108 3.108 0 1 1 3.19 5.334l-7.604 4.519a4.999 4.999 0 0 1-3.651.58L3.34 21.327a3 3 0 0 1-2.33-2.666l-.012-.26V15c0-.83.395-1.565.916-2.08.52-.513 1.248-.889 2.044-.921v.002l.04-.003L6.333 12h5.666a3 3 0 0 1 2.95 2.454l3.343-2.01Zm2.507 2.025a1.107 1.107 0 0 0-1.476-.31l-6.15 3.7a1.001 1.001 0 0 1-.515.142H9a1 1 0 1 1 0-2h3l.103-.005a1 1 0 0 0 0-1.99L11.999 14H6.332l-2.294-.001c-.222.01-.494.125-.719.347-.224.221-.32.467-.32.655v3.4l.015.171a1 1 0 0 0 .765.804l6.886 1.549a3 3 0 0 0 2.191-.348l7.604-4.52c.555-.33.71-1.062.339-1.59ZM11.999 1c1.734 0 3.346.233 4.559.637.6.2 1.16.462 1.588.8.392.308.799.785.848 1.431L19 4v3c0 .714-.435 1.234-.852 1.563-.43.338-.988.6-1.59.8C15.346 9.767 13.734 10 12 10s-3.346-.233-4.559-.637c-.6-.2-1.16-.462-1.588-.8C5.435 8.234 5 7.713 5 7V4c0-.714.435-1.234.853-1.563.428-.338.987-.6 1.588-.8C8.653 1.233 10.265 1 12 1Zm1 5.97c-.327.018-.661.03-1 .03-.339 0-.673-.012-1-.03v.999c.323.019.657.031 1 .031.343 0 .677-.012 1-.031V6.97Zm-6-.059a.807.807 0 0 0 .09.082c.18.14.499.311.983.473.275.092.587.172.927.244v-.962a11.157 11.157 0 0 1-1.559-.385A7.611 7.611 0 0 1 7 6.201v.71Zm9.559-.548c-.466.156-.991.284-1.559.385v.962a8.53 8.53 0 0 0 .927-.244c.484-.162.804-.332.982-.473a.845.845 0 0 0 .091-.08V6.2a7.595 7.595 0 0 1-.441.162ZM11.999 3c-1.58 0-2.968.215-3.927.534-.475.159-.791.327-.971.466.18.139.496.307.971.466C9.032 4.786 10.42 5 12 5s2.968-.215 3.927-.534c.476-.159.792-.327.972-.466-.18-.14-.496-.307-.972-.466C14.967 3.214 13.579 3 12 3Z"
4
+ />
5
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M7.118.273a1.56 1.56 0 0 1 1.874.084c1.607 1.33 3.721 1.74 4.655 1.855.733.09 1.353.709 1.353 1.515v4.272c0 1.288-.335 2.667-1.307 4.025-.96 1.344-2.5 2.612-4.82 3.77a1.955 1.955 0 0 1-1.746 0c-2.32-1.159-3.86-2.427-4.82-3.77C1.335 10.666 1 9.287 1 8V3.727c0-.806.62-1.425 1.353-1.515l.402-.059C3.807 1.98 5.602 1.521 7.008.357l.11-.084ZM8 2.117C6.23 3.461 4.15 3.957 3 4.14V8c0 .915.23 1.877.934 2.862.713.998 1.953 2.075 4.066 3.133 2.113-1.058 3.353-2.135 4.066-3.133C12.771 9.876 13 8.914 13 8V4.14c-1.15-.182-3.23-.678-5-2.022Zm1.793 3.675a1 1 0 1 1 1.414 1.414l-3.5 3.5a1 1 0 0 1-1.414 0l-1.5-1.5a1 1 0 1 1 1.414-1.414L7 8.585l2.793-2.793Z"
4
+ />
5
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M10.852.348a2.069 2.069 0 0 1 2.296 0c3.296 2.204 6.483 2.909 7.578 3.097A1.53 1.53 0 0 1 22 4.945v6.04c0 2.788-.571 5.186-2.059 7.316-1.473 2.11-3.779 3.86-7.063 5.49a1.98 1.98 0 0 1-1.756 0c-3.284-1.63-5.59-3.38-7.063-5.49-1.395-1.997-1.984-4.23-2.052-6.798L2 10.986v-6.04l.007-.143c.065-.7.606-1.245 1.267-1.358 1.095-.188 4.282-.893 7.578-3.097Zm1.11 1.662C8.676 4.21 5.49 5.046 4 5.341v5.645l.006.462c.06 2.28.574 4.107 1.692 5.708 1.205 1.725 3.18 3.286 6.302 4.837 3.122-1.55 5.097-3.112 6.302-4.837C19.494 15.448 20 13.483 20 10.986V5.34c-1.49-.295-4.675-1.132-7.963-3.33A.067.067 0 0 0 12 2a.067.067 0 0 0-.037.01Zm3.335 6.61a1 1 0 1 1 1.414 1.414l-5.339 5.338a1 1 0 0 1-1.414 0l-2.669-2.67a1 1 0 0 1 1.414-1.413l1.962 1.961 4.632-4.63Z"
4
+ />
5
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M11.166 1.013a3 3 0 0 1 2.693 2.563l1.108 7.773A3.2 3.2 0 0 1 11.8 15H4.2a3.2 3.2 0 0 1-3.188-3.472l.02-.18 1.109-7.772a3.001 3.001 0 0 1 2.693-2.563L5.112 1h5.777l.277.013ZM5.112 3a1 1 0 0 0-.99.858l-1.109 7.773A1.2 1.2 0 0 0 4.2 13h7.6a1.2 1.2 0 0 0 1.188-1.37l-1.109-7.772A1 1 0 0 0 10.89 3H5.112Zm4.884 2a1 1 0 0 1 1 1c0 1.655-1.34 3-2.996 3a2.999 2.999 0 0 1-2.997-3 1 1 0 0 1 1.995-.103l.01.206A1 1 0 0 0 8 7a.998.998 0 0 0 .996-1 1 1 0 0 1 1-1Z"
4
+ />
5
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M16.602 1.005a4 4 0 0 1 3.785 3.544l1.587 14A4 4 0 0 1 17.999 23H6.001l-.223-.006a4.001 4.001 0 0 1-3.771-4.224l.02-.221 1.587-14A4 4 0 0 1 7.4 1.005L7.589 1h8.823l.19.005ZM7.589 3a2 2 0 0 0-1.987 1.774l-1.588 14A2 2 0 0 0 6 21h12a2 2 0 0 0 1.987-2.226l-1.587-14A2 2 0 0 0 16.413 3H7.59ZM15.5 6.5a1 1 0 0 1 1 1 4.5 4.5 0 1 1-9 0 1 1 0 1 1 2 0 2.5 2.5 0 0 0 5 0 1 1 0 0 1 1-1Z"
4
+ />
5
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M11.5 1A2.5 2.5 0 0 1 14 3.5v.55a2.5 2.5 0 0 1 2 2.45v6a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5v-9c0-.035.001-.07.005-.104A2.498 2.498 0 0 1 2.5 1h9ZM2 12.5a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-2h-4a1 1 0 1 1 0-2h4v-2a.5.5 0 0 0-.5-.5h-11a2.51 2.51 0 0 1-.5-.05v6.55ZM2.5 3a.5.5 0 0 0 0 1H12v-.5a.5.5 0 0 0-.5-.5h-9Z"
4
+ />
5
+ </svg>
@@ -0,0 +1,12 @@
1
+ <svg viewBox="0 0 20 12" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="20" height="12" rx="2" fill="#1B1323" />
3
+ <path
4
+ d="m3.73 7.167.12.987h4.246l-.14-1.131H5.979l-.018-.14 1.823-1.274-.121-.99H3.417l.139 1.132h1.982l.018.141L3.73 7.167Zm13.561-1.275c-.098-.794-.722-1.276-1.57-1.273h-2.825l.433 3.535H14.6l-.087-.707h1.345c1.06 0 1.544-.66 1.433-1.555Zm-1.57.564-1.33.002-.104-.849 1.336.002c.315.004.476.18.502.422.017.156-.055.423-.404.423Z"
5
+ fill="#FCF9F7"
6
+ />
7
+ <path d="m8.155 4.62.435 3.534h4.248l-.435-3.535H8.155Z" fill="#AA8FFF" />
8
+ <path
9
+ d="M9.45 4.164c.225-.24.188-.64-.083-.895s-.674-.267-.899-.028c-.225.24-.188.64.083.895.272.255.674.268.9.028Z"
10
+ fill="#FCF9F7"
11
+ />
12
+ </svg>
@@ -0,0 +1,12 @@
1
+ <svg viewBox="0 0 30 18" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="30" height="18" rx="2" fill="#1B1323" />
3
+ <path
4
+ d="m5.35 10.75.182 1.48h6.367l-.208-1.697H8.722l-.026-.21 2.734-1.91-.182-1.485H4.881l.208 1.697h2.973l.027.212-2.74 1.912Zm20.343-1.913c-.146-1.191-1.083-1.914-2.355-1.91H19.1l.65 5.303h1.907l-.13-1.06h2.017c1.588 0 2.315-.99 2.148-2.333h.001Zm-2.355.846-1.994.002-.157-1.272 2.005.002c.471.006.713.271.752.634.025.234-.082.634-.606.634Z"
5
+ fill="#FCF9F7"
6
+ />
7
+ <path d="m11.988 6.928.652 5.303h6.372l-.652-5.303h-6.372Z" fill="#AA8FFF" />
8
+ <path
9
+ d="M13.93 6.245c.339-.36.283-.961-.124-1.343-.406-.383-1.01-.401-1.348-.042-.338.36-.282.96.125 1.343.407.382 1.01.4 1.348.042Z"
10
+ fill="#FCF9F7"
11
+ />
12
+ </svg>
@@ -0,0 +1,12 @@
1
+ <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="38" height="24" rx="2" fill="#1B1323" />
3
+ <path
4
+ d="m6.096 14.33.242 1.976h8.49l-.278-2.263h-3.958l-.035-.28 3.646-2.547-.243-1.98H5.47l.278 2.262h3.965l.035.283-3.652 2.55Zm27.124-2.549c-.195-1.588-1.444-2.552-3.14-2.546h-5.651l.867 7.07h2.542l-.174-1.414h2.69c2.118 0 3.087-1.319 2.865-3.11h.001Zm-3.14 1.128-2.66.003-.208-1.696 2.673.002c.629.008.95.362 1.002.846.034.311-.109.845-.808.845Z"
5
+ fill="#FCF9F7"
6
+ />
7
+ <path d="m14.947 9.235.87 7.071h8.495l-.869-7.07h-8.496Z" fill="#AA8FFF" />
8
+ <path
9
+ d="M17.537 8.325c.45-.479.376-1.28-.166-1.79-.543-.51-1.347-.535-1.798-.056-.45.48-.376 1.28.167 1.79.542.51 1.347.535 1.797.056Z"
10
+ fill="#FCF9F7"
11
+ />
12
+ </svg>
@@ -0,0 +1,15 @@
1
+ <svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="50" height="32" rx="2" fill="#1B1323" />
3
+ <path
4
+ d="m7.773 19.108.323 2.633h11.32l-.37-3.017h-5.278l-.047-.374 4.861-3.396-.323-2.64H6.939l.37 3.017h5.287l.046.377-4.87 3.4Zm36.167-3.4c-.261-2.118-1.926-3.403-4.188-3.395h-7.534l1.157 9.426h3.389l-.232-1.884h3.587c2.823 0 4.115-1.759 3.82-4.147h.001Zm-4.188 1.504-3.545.004-.278-2.262 3.563.003c.84.01 1.268.483 1.337 1.128.045.415-.145 1.127-1.077 1.127Z"
5
+ fill="#FCF9F7"
6
+ />
7
+ <path
8
+ d="m19.575 12.313 1.159 9.428h11.328l-1.159-9.428H19.575Z"
9
+ fill="#AA8FFF"
10
+ />
11
+ <path
12
+ d="M23.029 11.1c.6-.64.5-1.708-.222-2.388-.723-.68-1.796-.712-2.396-.074-.601.64-.502 1.708.221 2.387.723.68 1.796.713 2.397.075Z"
13
+ fill="#FCF9F7"
14
+ />
15
+ </svg>