@ebay/skin 17.3.0 → 17.4.0-next.1

package/dist/svg/icons.svg

@@ -16,11 +16,11 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-20-colored"
-      x1="26.984"
-      y1="14.065"
-      x2="14.21"
-      y2="27.71"
+      id="ref-ai-spectrum-24-colored"
+      x1="32.758"
+      y1="16.968"
+      x2="17.145"
+      y2="33.645"
       gradientUnits="userSpaceOnUse"
     >
       <stop offset=".098" stop-color="#FFD80E" />
@@ -30,11 +30,11 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-filled-16-colored"
-      x1="21.21"
-      y1="11.161"
-      x2="11.274"
-      y2="21.774"
+      id="ref-ai-spectrum-20-colored"
+      x1="26.984"
+      y1="14.065"
+      x2="14.21"
+      y2="27.71"
       gradientUnits="userSpaceOnUse"
     >
       <stop offset=".098" stop-color="#FFD80E" />
@@ -58,11 +58,11 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-24-colored"
-      x1="32.758"
-      y1="16.968"
-      x2="17.145"
-      y2="33.645"
+      id="ref-ai-spectrum-filled-16-colored"
+      x1="21.21"
+      y1="11.161"
+      x2="11.274"
+      y2="21.774"
       gradientUnits="userSpaceOnUse"
     >
       <stop offset=".098" stop-color="#FFD80E" />
@@ -701,17 +701,16 @@
   </symbol>
   <symbol viewBox="0 0 24 24" id="icon-bids-24">
     <path
-      d="M18.707 7.707a.998.998 0 0 0 0-1.414l-6-6a1 1 0 0 0-1.414 0l-11 11a.998.998 0 0 0 0 1.414l6 6a.999.999 0 0 0 1.414 0L11 15.414l7.293 7.293a1 1 0 0 0 1.414 0l3-3a.998.998 0 0 0 0-1.414L15.414 11l3.293-3.293ZM20.586 19 19 20.586 12.414 14 14 12.414 20.586 19ZM7 16.586 2.414 12 12 2.414 16.586 7 7 16.586ZM2 21h10a1 1 0 0 1 0 2H2a1 1 0 0 1 0-2Z"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M1.88 14.591a3 3 0 0 1 0-4.242l8.47-8.47a3 3 0 0 1 4.243 0l1.265 1.265 1.265 1.265a3 3 0 0 1 0 4.243l-2.028 2.028 6.988 6.988a3.123 3.123 0 0 1-4.416 4.416l-6.988-6.988-2.026 2.026a3 3 0 0 1-4.242 0l-2.531-2.53Zm10.213-.909 1.588-1.588 6.988 6.988a1.123 1.123 0 1 1-1.588 1.587l-6.988-6.987Zm-8.799-1.919a1 1 0 0 0 0 1.414l2.53 2.53a1 1 0 0 0 1.415 0l8.47-8.47a1 1 0 0 0 0-1.413l-1.265-1.266-1.266-1.265a1 1 0 0 0-1.414 0l-8.47 8.47ZM2 21a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H2Z"
     />
   </symbol>
   <symbol viewBox="0 0 64 64" id="icon-bids-64">
     <path
       fill-rule="evenodd"
-      d="M.738 29.072a2.5 2.5 0 0 0 0 3.536l16.664 16.664a2.5 2.5 0 0 0 3.536 0l8.696-8.697L49.32 60.26c.98.98 2.57.98 3.55 0l7.392-7.392c.98-.98.98-2.57 0-3.55L40.576 29.634l8.699-8.7a2.5 2.5 0 0 0 0-3.535L32.61.735a2.5 2.5 0 0 0-3.535 0L.738 29.072Zm5.303 1.768L19.17 43.968l24.801-24.8-13.128-13.13L6.04 30.84Zm31 2.33-3.871 3.87 17.924 17.924 3.87-3.87L37.04 33.168Z"
       clip-rule="evenodd"
-    />
-    <path
-      d="M2.97 58.5a2.5 2.5 0 0 1 2.5-2.5H32.5a2.5 2.5 0 0 1 0 5H5.47a2.5 2.5 0 0 1-2.5-2.5Z"
+      d="M5.197 38.257a7.5 7.5 0 0 1 0-10.606L27.653 5.197a7.5 7.5 0 0 1 10.608 0l3.61 3.61 3.61 3.61a7.5 7.5 0 0 1 0 10.606l-5.46 5.459L58.61 47.068a8.162 8.162 0 0 1-11.542 11.54L28.48 40.023l-5.455 5.454a7.5 7.5 0 0 1-10.607 0l-7.22-7.22Zm26.819-1.77 4.47-4.47 18.588 18.586a3.16 3.16 0 1 1-4.47 4.47L32.015 36.487ZM8.733 31.186a2.5 2.5 0 0 0 0 3.535l7.22 7.22a2.5 2.5 0 0 0 3.537 0l22.456-22.454a2.5 2.5 0 0 0 0-3.535l-3.61-3.61-3.611-3.61a2.5 2.5 0 0 0-3.536 0L8.733 31.186ZM5.5 55.998a2.5 2.5 0 0 0 0 5h27.002a2.5 2.5 0 0 0 0-5H5.5Z"
     />
   </symbol>
   <symbol viewBox="0 0 16 16" id="icon-boat-16">
@@ -756,6 +755,20 @@
       d="M7 3a1 1 0 0 0-1 1v15.586l5.293-5.293a1 1 0 0 1 1.414 0L18 19.586V4a1 1 0 0 0-1-1H7ZM4 4a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v18a1 1 0 0 1-1.707.707L12 16.414l-6.293 6.293A1 1 0 0 1 4 22V4Z"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-bookmark-filled-16">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M3 3.5A2.5 2.5 0 0 1 5.5 1h5A2.5 2.5 0 0 1 13 3.5V14a1 1 0 0 1-1.707.707L8 11.414l-3.293 3.293A1 1 0 0 1 3 14V3.5Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-bookmark-filled-24">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4 4a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v18a1 1 0 0 1-1.707.707L12 16.414l-6.293 6.293A1 1 0 0 1 4 22V4Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-brand-authorized-seller-16">
     <path
       d="M11.207 5.793a1 1 0 0 1 0 1.414l-3.5 3.5a1 1 0 0 1-1.414 0l-1.5-1.5a1 1 0 0 1 1.414-1.414L7 8.586l2.793-2.793a1 1 0 0 1 1.414 0Z"
@@ -2806,6 +2819,20 @@
       d="M6.573 9c1.172-2.936 4.012-5 7.316-5 2.575 0 4.865 1.25 6.308 3.196a1 1 0 1 0 1.606-1.192C20.003 3.577 17.13 2 13.888 2 9.454 2 5.713 4.949 4.454 9H2a1 1 0 0 0 0 2h2.049a10.333 10.333 0 0 0 0 2H2a1 1 0 1 0 0 2h2.453c1.259 4.052 5 7 9.436 7 3.24 0 6.114-1.577 7.914-4.004a1 1 0 1 0-1.606-1.192C18.754 18.75 16.464 20 13.889 20c-3.304 0-6.144-2.064-7.316-5H13a1 1 0 1 0 0-2H6.06a8.318 8.318 0 0 1 0-2H15a1 1 0 1 0 0-2H6.573Z"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-exclude-16">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.523 3.11a6 6 0 0 1 8.367 8.367L4.524 3.108ZM3.11 4.522a6 6 0 0 0 8.367 8.367L3.11 4.524ZM8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-exclude-24">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M5.671 4.257A9.959 9.959 0 0 1 12 2c5.523 0 10 4.477 10 10a9.958 9.958 0 0 1-2.257 6.329L5.67 4.257ZM4.257 5.671A9.959 9.959 0 0 0 2 12c0 5.523 4.477 10 10 10a9.958 9.958 0 0 0 6.329-2.257L4.257 5.67ZM12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-expand-16">
     <path
       d="M3.5 1H5a1 1 0 0 1 0 2H3.5a.5.5 0 0 0-.5.5V5a1 1 0 0 1-2 0V3.5A2.5 2.5 0 0 1 3.5 1ZM2 10a1 1 0 0 0-1 1v1.5A2.5 2.5 0 0 0 3.5 15H5a1 1 0 1 0 0-2H3.5a.5.5 0 0 1-.5-.5V11a1 1 0 0 0-1-1Zm12 0a1 1 0 0 0-1 1v1.5a.5.5 0 0 1-.5.5H11a1 1 0 1 0 0 2h1.5a2.5 2.5 0 0 0 2.5-2.5V11a1 1 0 0 0-1-1Zm0-4a1 1 0 0 0 1-1V3.5A2.5 2.5 0 0 0 12.5 1H11a1 1 0 1 0 0 2h1.5a.5.5 0 0 1 .5.5V5a1 1 0 0 0 1 1Z"
@@ -2902,12 +2929,16 @@
   </symbol>
   <symbol viewBox="0 0 16 16" id="icon-fast-and-free-16">
     <path
-      d="m15.71 7.29-2-2A1 1 0 0 0 13 5h-2V3a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1 2 2 0 1 0 4 0h4a2 2 0 1 0 4 0h2a1 1 0 0 0 1-1V8a1 1 0 0 0-.29-.71ZM2 11V4h7v7H2Zm12 0h-3V7h1.59L14 8.41V11Z"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M2.5 4a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5h-6Zm-1.484 8.742A2 2 0 1 0 5 13h4a2 2 0 1 0 4 0h1a2 2 0 0 0 2-2V8.85a2 2 0 0 0-.438-1.249l-1.48-1.85A2 2 0 0 0 12.518 5H11v-.5A2.5 2.5 0 0 0 8.5 2h-6A2.5 2.5 0 0 0 0 4.5V11a2 2 0 0 0 1.016 1.742ZM14 11h-3.05c.033-.162.05-.329.05-.5V7h1.52L14 8.85V11Z"
     />
   </symbol>
   <symbol viewBox="0 0 24 24" id="icon-fast-and-free-24">
     <path
-      d="M21 16h-1.766c-.015-.018-.036-.031-.052-.048a2.942 2.942 0 0 0-.28-.254c-.056-.047-.108-.096-.168-.139a3.092 3.092 0 0 0-.343-.203c-.061-.031-.118-.069-.18-.097a3.092 3.092 0 0 0-.414-.138c-.058-.017-.11-.04-.169-.053a2.938 2.938 0 0 0-1.21-.009c-.072.014-.139.041-.209.06-.113.031-.227.06-.333.103-.081.033-.155.077-.232.116-.089.045-.178.088-.261.141-.077.05-.148.108-.219.165-.054.042-.113.077-.164.122V9h3.562L21 12.612V16Zm-4 3a1 1 0 0 1-1-1c0-.173.055-.327.132-.469a.978.978 0 0 1 .701-.497c.057-.01.107-.034.167-.034a1 1 0 1 1 0 2Zm-8.766-3c-.015-.017-.035-.029-.05-.045a2.818 2.818 0 0 0-.286-.26c-.054-.046-.105-.094-.164-.135a2.81 2.81 0 0 0-.343-.203c-.061-.032-.118-.07-.18-.098a3.065 3.065 0 0 0-.412-.138c-.058-.016-.112-.04-.171-.053A3.02 3.02 0 0 0 6 15a3.02 3.02 0 0 0-.628.068c-.06.013-.113.037-.171.053-.14.039-.28.08-.412.138-.062.028-.119.066-.18.098a2.81 2.81 0 0 0-.343.203c-.059.041-.11.09-.165.135a3.04 3.04 0 0 0-.285.259c-.015.017-.035.029-.05.046H3V6h10v10H8.234ZM6 19a1 1 0 1 1 0-2 1 1 0 1 1 0 2Zm16.829-7.253L19.922 7.44a1 1 0 0 0-.828-.44H15V5a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h1a3 3 0 1 0 6 0h5a3 3 0 1 0 6 0h2a1 1 0 0 0 1-1v-4.694a1 1 0 0 0-.171-.559Z"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4 6a1 1 0 0 0-1 1v8.75c0 .138.112.25.25.25h.92a3.001 3.001 0 0 1 5.66 0H14V7a1 1 0 0 0-1-1H4Zm-.75 12h.92a3.001 3.001 0 0 0 5.66 0h4.34a3.001 3.001 0 0 0 5.66 0h.92A2.25 2.25 0 0 0 23 15.75v-3.28a2.25 2.25 0 0 0-.557-1.482l-2.817-3.22A2.25 2.25 0 0 0 17.933 7H16a3 3 0 0 0-3-3H4a3 3 0 0 0-3 3v8.75A2.25 2.25 0 0 0 3.25 18ZM16 9v5.17A3.001 3.001 0 0 1 19.83 16h.92a.25.25 0 0 0 .25-.25v-3.28a.25.25 0 0 0-.062-.165l-2.817-3.22A.25.25 0 0 0 17.933 9H16Zm1 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm-9-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
     />
   </symbol>
   <symbol viewBox="0 0 16 16" id="icon-feedback-16">
@@ -3963,6 +3994,13 @@
       clip-rule="evenodd"
     />
   </symbol>
+  <symbol viewBox="0 0 64 64" id="icon-inspect-64">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M10.5 3A7.5 7.5 0 0 0 3 10.5v43a7.5 7.5 0 0 0 7.5 7.5h33a7.5 7.5 0 0 0 7.5-7.5v-3a2.5 2.5 0 0 0-5 0v3a2.5 2.5 0 0 1-2.5 2.5h-33A2.5 2.5 0 0 1 8 53.5v-43A2.5 2.5 0 0 1 10.5 8h33a2.5 2.5 0 0 1 2.5 2.5v3a2.5 2.5 0 0 0 5 0v-3A7.5 7.5 0 0 0 43.5 3h-33ZM13 16.5a2.5 2.5 0 0 1 2.5-2.5h14a2.5 2.5 0 0 1 0 5h-14a2.5 2.5 0 0 1-2.5-2.5Zm0 10.333a2.5 2.5 0 0 1 2.5-2.5h9a2.5 2.5 0 0 1 0 5h-9a2.5 2.5 0 0 1-2.5-2.5Zm2.5 7.833a2.5 2.5 0 0 0 0 5h9a2.5 2.5 0 0 0 0-5h-9ZM13 47.499a2.5 2.5 0 0 1 2.5-2.5h14a2.5 2.5 0 0 1 0 5h-14a2.5 2.5 0 0 1-2.5-2.5ZM45.5 24a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-13 8c0-7.18 5.82-13 13-13s13 5.82 13 13a12.94 12.94 0 0 1-2.21 7.254l6.978 6.978a2.5 2.5 0 0 1-3.536 3.536l-6.978-6.979A12.94 12.94 0 0 1 45.5 45c-7.18 0-13-5.82-13-13Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 24 24" id="icon-instagram-24">
     <path
       d="M7.03.084c-1.277.06-2.149.264-2.91.563a5.873 5.873 0 0 0-2.124 1.388 5.878 5.878 0 0 0-1.38 2.127C.321 4.926.12 5.799.064 7.076.008 8.354-.005 8.764.001 12.023c.007 3.259.021 3.667.083 4.947.061 1.277.264 2.149.564 2.911a5.88 5.88 0 0 0 1.387 2.123 5.87 5.87 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552 1.278.056 1.689.069 4.947.063 3.257-.007 3.668-.021 4.947-.082 1.28-.06 2.147-.265 2.91-.563a5.881 5.881 0 0 0 2.123-1.388 5.882 5.882 0 0 0 1.38-2.129c.295-.763.496-1.636.552-2.912.055-1.28.069-1.69.062-4.948-.006-3.258-.02-3.667-.081-4.947-.061-1.28-.264-2.148-.564-2.911a5.891 5.891 0 0 0-1.387-2.123 5.857 5.857 0 0 0-2.128-1.38C19.074.321 18.202.12 16.924.064 15.647.01 15.236-.005 11.977.001 8.718.008 8.31.021 7.03.084Zm.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.737 3.737 0 0 1-1.382-.895 3.697 3.697 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228-.06-1.264-.072-1.644-.08-4.848-.006-3.204.006-3.583.061-4.848.05-1.169.246-1.805.408-2.228a3.72 3.72 0 0 1 .895-1.382 3.704 3.704 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417 1.265-.06 1.644-.072 4.848-.08 3.203-.006 3.583.006 4.849.062 1.17.05 1.805.244 2.228.408.56.216.96.475 1.382.895.421.42.681.817.9 1.378.166.422.362 1.056.417 2.227.06 1.265.074 1.645.08 4.848.005 3.203-.006 3.583-.061 4.848-.051 1.17-.245 1.805-.408 2.229-.216.56-.477.96-.896 1.381a3.689 3.689 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418-1.266.06-1.645.072-4.85.079-3.204.007-3.582-.006-4.848-.061m9.783-16.19a1.44 1.44 0 1 0 2.88-.005 1.44 1.44 0 0 0-2.88.004ZM5.839 12.011a6.161 6.161 0 1 0 12.323-.024 6.162 6.162 0 0 0-12.323.024Zm2.16-.004A4 4 0 1 1 16 11.992a4 4 0 0 1-8 .016Z"
@@ -5581,13 +5619,16 @@
   </symbol>
   <symbol viewBox="0 0 16 16" id="icon-on-the-way-16">
     <path
-      d="m13.71 5.29 2 2A1 1 0 0 1 16 8v4a1 1 0 0 1-1 1h-2a2 2 0 1 1-4 0H5a2 2 0 1 1-4 0 1 1 0 1 1 0-2h8V4H1a1 1 0 0 1 0-2h9a1 1 0 0 1 1 1v2h2a1 1 0 0 1 .71.29ZM11 11h3V8.41L12.59 7H11v4Z"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M0 3a1 1 0 0 1 1-1h7.5A2.5 2.5 0 0 1 11 4.5V5h1.52a2 2 0 0 1 1.561.75l1.48 1.851A2 2 0 0 1 16 8.851V11a2 2 0 0 1-2 2h-1a2 2 0 1 1-4 0H5a2 2 0 1 1-4 0 1 1 0 1 1 0-2h7.5a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5H1a1 1 0 0 1-1-1Zm14 8h-3.05c.033-.162.05-.329.05-.5V7h1.52L14 8.85V11ZM1 6a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2H1Z"
     />
-    <path d="M5 8H1a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2Z" />
   </symbol>
   <symbol viewBox="0 0 24 24" id="icon-on-the-way-24">
     <path
-      d="M21 16h-6V9h3.5l2.5 3.333V16Zm1.8-4.6-3-4A1 1 0 0 0 19 7h-4V5a1 1 0 0 0-1-1H2a1 1 0 1 0 0 2h11v10H2a1 1 0 1 0 0 2h20a1 1 0 0 0 1-1v-5a1 1 0 0 0-.2-.6ZM7 18a1 1 0 0 1-2 0H3c0 1.654 1.346 3 3 3s3-1.346 3-3H7Zm11 0a1 1 0 0 1-2 0h-2c0 1.654 1.346 3 3 3s3-1.346 3-3h-2ZM2 10a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2H2Zm0 4a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2H2Z"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M2 4a1 1 0 0 0 0 2h11a1 1 0 0 1 1 1v9H9.83a3.001 3.001 0 0 0-5.66 0H2a1 1 0 1 0 0 2h2.17a3.001 3.001 0 0 0 5.66 0h4.34a3.001 3.001 0 0 0 5.66 0h.92A2.25 2.25 0 0 0 23 15.75v-3.28a2.25 2.25 0 0 0-.557-1.482l-2.817-3.22A2.25 2.25 0 0 0 17.933 7H16a3 3 0 0 0-3-3H2Zm18.75 12h-.92A3.001 3.001 0 0 0 16 14.17V9h1.933a.25.25 0 0 1 .188.085l2.817 3.22a.25.25 0 0 1 .062.165v3.28a.25.25 0 0 1-.25.25ZM16 17a1 1 0 1 0 2 0 1 1 0 0 0-2 0ZM6 17a1 1 0 1 0 2 0 1 1 0 0 0-2 0ZM2 9a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2H2Z"
     />
   </symbol>
   <symbol viewBox="0 0 16 16" id="icon-overflow-horizontal-16">
@@ -8269,12 +8310,16 @@
   </symbol>
   <symbol viewBox="0 0 24 24" id="icon-wallet-24">
     <path
-      d="M21 15h-6c-.6 0-1-.4-1-1s.4-1 1-1h6v2ZM4 20c-.6 0-1-.4-1-1V7.8c.3.1.7.2 1 .2h17v3h-6c-1.7 0-3 1.3-3 3s1.3 3 3 3h6v3H4ZM19 6H4c-.6 0-1-.4-1-1s.4-1 1-1h15v2Zm2-3c0-.6-.4-1-1-1H4C2.3 2 1 3.3 1 5v14c0 1.7 1.3 3 3 3h18c.6 0 1-.4 1-1V7c0-.6-.4-1-1-1h-1V3Z"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4 4a1 1 0 0 0 0 2h15V5a1 1 0 0 0-1-1H4ZM1 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v1.17c1.165.413 2 1.524 2 2.83v10a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Zm5 15h14a1 1 0 0 0 1-1v-2h-6a3 3 0 1 1 0-6h6V9a1 1 0 0 0-1-1H4c-.35 0-.687-.06-1-.17V19a1 1 0 0 0 1 1h2Zm9-5h6v-2h-6a1 1 0 1 0 0 2Z"
     />
   </symbol>
   <symbol viewBox="0 0 64 64" id="icon-wallet-64">
     <path
-      d="M57 30H40.791c-4.527 0-8.48 3.417-8.772 7.936A8.5 8.5 0 0 0 40.5 47H57v8H11.5A3.5 3.5 0 0 1 8 51.5V21.25a8.48 8.48 0 0 0 3.5.75H57v8Zm0 12H40.698c-1.895 0-3.594-1.418-3.693-3.311A3.5 3.5 0 0 1 40.5 35H57v7ZM8 13.39c.004-.052.021-.101.026-.154C8.164 11.43 9.657 10 11.5 10H52v7H11.5a3.487 3.487 0 0 1-1.365-.276l-.021-.012a3.362 3.362 0 0 1-.577-.316c-.08-.053-.149-.124-.225-.184-.102-.083-.208-.16-.3-.254l-.027-.021c-.069-.073-.121-.157-.183-.233-.076-.093-.156-.181-.223-.281-.062-.096-.11-.2-.163-.301-.054-.101-.112-.2-.156-.308-.045-.112-.073-.23-.108-.346-.03-.105-.065-.205-.086-.314-.026-.134-.032-.273-.042-.412C8.019 13.66 8 13.583 8 13.5c0-.016.004-.03.005-.045 0-.021-.006-.043-.005-.065ZM59.5 17H57V7a2 2 0 0 0-2-2H11.75A8.69 8.69 0 0 0 3 13.24v38.23A8.51 8.51 0 0 0 11.5 60h48a2.5 2.5 0 0 0 2.5-2.5v-38a2.5 2.5 0 0 0-2.5-2.5Z"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M11.5 8.999a3.5 3.5 0 1 0 0 7H51v-4.5a2.5 2.5 0 0 0-2.5-2.5h-37Zm-8.5 3.5v39.002a7.5 7.5 0 0 0 7.5 7.5h43a7.5 7.5 0 0 0 7.5-7.5V23.5a7.503 7.503 0 0 0-5-7.073V11.5A7.5 7.5 0 0 0 48.5 4h-37A8.5 8.5 0 0 0 3 12.5Zm7.5 41.502h43a2.5 2.5 0 0 0 2.5-2.5v-5.49H40.495a8.495 8.495 0 0 1 0-16.99H56V23.5a2.5 2.5 0 0 0-2.5-2.5h-42a8.47 8.47 0 0 1-3.5-.752v31.254a2.5 2.5 0 0 0 2.5 2.5ZM56 34.021H40.495a3.495 3.495 0 0 0 0 6.99H56v-6.99Z"
     />
   </symbol>
   <symbol viewBox="0 0 20 12" id="icon-wallet-balance-12-colored">

package/dist/tokens/evo-dark.css

@@ -137,23 +137,28 @@
             var(--color-ai-solid-green-subtle) 0%,
             var(--color-ai-solid-blue-subtle) 154.5%
         );
-        --color-loading-fill: #1b1b1b;
+        --color-loading-fill: #2d2d2d;
         --color-loading-shimmer: linear-gradient(
             270deg,
             var(--color-loading-fill) 0%,
             var(--color-loading-fill) 34%,
-            #0e0e0e 50%,
+            #1b1b1b 50%,
             var(--color-loading-fill) 66%,
             var(--color-loading-fill) 100%
         );
-        --color-loading-fill-elevated: #222;
-        --color-loading-shimmer-elevated: linear-gradient(
+        --color-loading-fill-on-secondary: #353535;
+        --color-loading-shimmer-on-secondary: linear-gradient(
             270deg,
-            var(--color-loading-fill-elevated) 0%,
-            var(--color-loading-fill-elevated) 34%,
-            #1c1c1c 50%,
-            var(--color-loading-fill-elevated) 66%,
-            var(--color-loading-fill-elevated) 100%
+            var(--color-loading-fill-on-secondary) 0%,
+            var(--color-loading-fill-on-secondary) 34%,
+            #232323 50%,
+            var(--color-loading-fill-on-secondary) 66%,
+            var(--color-loading-fill-on-secondary) 100%
+        );
+        /* deprecated, remove next major both fill-elevated and shimmer-elevated */
+        --color-loading-fill-elevated: var(--color-loading-fill-on-secondary);
+        --color-loading-shimmer-elevated: var(
+            --color-loading-shimmer-on-secondary
         );
         --color-loading-ai-gradient-purple-subtle: linear-gradient(
             270deg,

package/dist/tokens/evo-light.css

@@ -138,7 +138,7 @@
     --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
     --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),
         0px 2px 7px 0px rgba(0, 0, 0, 0.15);
-    --color-loading-fill: #f2f2f2;
+    --color-loading-fill: #ededed;
     --color-loading-shimmer: linear-gradient(
         270deg,
         var(--color-loading-fill) 0%,
@@ -147,8 +147,18 @@
         var(--color-loading-fill) 66%,
         var(--color-loading-fill) 100%
     );
-    --color-loading-fill-elevated: var(--color-loading-fill);
-    --color-loading-shimmer-elevated: var(--color-loading-shimmer);
+    --color-loading-fill-on-secondary: #e4e4e4;
+    --color-loading-shimmer-on-secondary: linear-gradient(
+        270deg,
+        var(--color-loading-fill-on-secondary) 0%,
+        var(--color-loading-fill-on-secondary) 34%,
+        #ededed 50%,
+        var(--color-loading-fill-on-secondary) 66%,
+        var(--color-loading-fill-on-secondary) 100%
+    );
+    /* deprecated, remove next major both fill-elevated and shimmer-elevated */
+    --color-loading-fill-elevated: var(--color-loading-fill-on-secondary);
+    --color-loading-shimmer-elevated: var(--color-loading-shimmer-on-secondary);
     --color-loading-ai-gradient-purple-subtle: linear-gradient(
         270deg,
         var(--color-ai-solid-red-subtle) 0%,

package/eslint.config.mjs

@@ -0,0 +1,15 @@
+import ebayConfig from 'eslint-config-ebay';
+import eslintConfigPrettier from "eslint-config-prettier";
+
+export default [
+    {
+        "plugins": {
+            ebayConfig,
+            eslintConfigPrettier,
+        },
+        languageOptions: {
+            ecmaVersion: 2020,
+            sourceType: "module",
+        }
+    }
+];

package/index.browser.json

@@ -42,6 +42,7 @@
     "require: ./page-notice.js",
     "require: ./pagination.js",
     "require: ./panel-dialog.js",
+    "require: ./phone-input.js",
     "require: ./progress-bar.js",
     "require: ./progress-bar-expressive.js",
     "require: ./progress-spinner.js",

package/index.css

@@ -40,6 +40,7 @@
 @import "./page-notice.css";
 @import "./pagination.css";
 @import "./panel-dialog.css";
+@import "./phone-input.css";
 @import "./progress-bar.css";
 @import "./progress-bar-expressive.css";
 @import "./progress-spinner.css";

package/index.js

@@ -40,6 +40,7 @@ require('./page-grid.js');
 require('./page-notice.js');
 require('./pagination.js');
 require('./panel-dialog.js');
+require('./phone-input.js');
 require('./progress-bar.js');
 require('./progress-bar-expressive.js');
 require('./progress-spinner.js');

package/index.mjs

@@ -40,6 +40,7 @@ import './page-grid.css';
 import './page-notice.css';
 import './pagination.css';
 import './panel-dialog.css';
+import './phone-input.css';
 import './progress-bar.css';
 import './progress-bar-expressive.css';
 import './progress-spinner.css';

package/lint.log

@@ -0,0 +1,10 @@
+
+/home/runner/work/skin/skin/docs/src/js/main.js
+    1:1   warning  Unused eslint-disable directive (no problems were reported from 'no-console')
+   43:56  warning  Unused eslint-disable directive (no problems were reported from 'no-console')
+  293:25  warning  Unused eslint-disable directive (no problems were reported from 'eqeqeq')
+  295:25  warning  Unused eslint-disable directive (no problems were reported from 'eqeqeq')
+
+✖ 4 problems (0 errors, 4 warnings)
+  0 errors and 4 warnings potentially fixable with the `--fix` option.
+

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ebay/skin",
     "description": "Skin - CSS modules that represent the brand eBay",
-    "version": "17.3.0",
+    "version": "17.4.0-next.1",
     "license": "MIT",
     "main": "./index.js",
     "maintainers": [
@@ -45,7 +45,7 @@
         "copy:tokensToDocs": "ncp src/tokens docs/static",
         "copy:tokensToDist": "ncp src/tokens dist/tokens",
         "verify": "node scripts verify",
-        "version": "npm run build:storybook && npm run build && git add -A dist docs && changeset version && node scripts/jekyll-config",
+        "version": "npm run build:storybook && npm run build && git add -A dist docs && changeset version && node scripts/jekyll-config && npm i --package-lock-only",
         "release": "npm run build && changeset publish",
         "transpile": "babel docs/src/js --out-dir docs/_babel",
         "build:snapshots": "npm run copy:assetsToStorybook && storybook build -o ./.storybook-percy",
@@ -57,32 +57,32 @@
         "snapshots:all:dry": "npm run build:snapshots && percy storybook --dry-run ./.storybook-percy --include '.*'",
         "storybook": "npm run copy:assetsToStorybook && storybook dev -c .storybook",
         "change": "changeset add",
-        "prerelease:start": "changeset pre enter next",
-        "prerelease:end": "changeset pre exit"
+        "prerelease:start": "changeset pre enter next || :",
+        "prerelease:end": "changeset pre exit || :"
     },
     "devDependencies": {
         "@babel/cli": "^7.24.1",
-        "@babel/core": "^7.24.3",
-        "@babel/preset-env": "^7.24.3",
+        "@babel/core": "^7.24.4",
+        "@babel/preset-env": "^7.24.4",
         "@changesets/changelog-github": "^0.5.0",
         "@changesets/cli": "^2.27.1",
-        "@commitlint/cli": "^19.2.1",
-        "@commitlint/config-conventional": "^19.1.0",
+        "@commitlint/cli": "^19.2.2",
+        "@commitlint/config-conventional": "^19.2.2",
         "@ebay/browserslist-config": "^2.8.0",
         "@floating-ui/dom": "^1.6.3",
-        "@percy/cli": "^1.28.2",
-        "@percy/storybook": "^5.0.1",
-        "@storybook/html": "^8.0.2",
-        "@storybook/html-webpack5": "^8.0.2",
+        "@percy/cli": "^1.28.3",
+        "@percy/storybook": "^5.0.3",
+        "@storybook/html": "^8.0.8",
+        "@storybook/html-webpack5": "^8.0.8",
         "babel-loader": "^9.1.3",
         "browser-sync": "^3.0.2",
         "btoa": "^1",
         "cross-env": "^7",
-        "eslint": "^8.57.0",
+        "eslint": "^9.0.0",
         "eslint-config-ebay": "^1",
         "eslint-config-prettier": "^9",
         "eslint-plugin-prettier": "^5",
-        "gulp": "^4",
+        "gulp": "^5",
         "gulp-banner": "~0.1.3",
         "gulp-clean-css": "^4",
         "gulp-less": "^5",
@@ -124,8 +124,8 @@
         "postcss-loader": "^8.1.1",
         "prettier": "^3.2.5",
         "rimraf": "^5",
-        "storybook": "^8.0.2",
-        "stylelint": "^16.2.1",
+        "storybook": "^8.0.8",
+        "stylelint": "^16.3.1",
         "stylelint-config-standard": "^36",
         "stylelint-no-unsupported-browser-features": "^8",
         "stylelint-order": "^6",
@@ -133,7 +133,7 @@
         "svgo": "^3.2.0",
         "webpack": "^5.91.0",
         "webpack-cli": "^5.1.4",
-        "winston": "^3.12.0",
+        "winston": "^3.13.0",
         "xmlserializer": "^0.6.1",
         "yargs": "^17.7.2"
     },

package/phone-input.browser.json

@@ -0,0 +1 @@
+{ "dependencies": ["require: ./phone-input.js"] }

package/phone-input.css

@@ -0,0 +1 @@
+@import "./dist/phone-input/phone-input.css";

package/phone-input.js

@@ -0,0 +1 @@
+require('./dist/phone-input/phone-input.css');

package/phone-input.mjs

@@ -0,0 +1 @@
+import './dist/phone-input/phone-input.css';

package/scripts/jekyll-config.js

@@ -3,15 +3,13 @@
  * Updates the Jekyll front matter defaults with the current skin package version from NPM.
  */
 const fs = require("fs");
+const version = require("../package.json").version;
 const files = ["./docs/_config.yml"];
 
 files.forEach((file) => {
     const newContents = fs
         .readFileSync(file, "utf8")
-        .replace(
-            /version\:.*\n/gi,
-            `version: ${process.env.npm_package_version}\n`
-        );
+        .replace(/version\:.*\n/gi, `version: ${version}\n`);
 
     fs.writeFile(file, newContents, "utf8", (err) => {
         if (err) {

package/src/less/alert-dialog/stories/alert-dialog.stories.js

@@ -15,3 +15,19 @@ export const base = () => `
     </div>
 </div>
 `;
+
+export const textSpacing = () => `
+<div aria-labelledby="alert-dialog-title" aria-modal="true" class="alert-dialog alert-dialog--mask-fade demo-a11y-text-spacing" role="alertdialog">
+    <div class="alert-dialog__window alert-dialog__window--fade">
+        <div class="alert-dialog__header">
+            <h2 id="alert-dialog-title" class="alert-dialog__title">Alert!</h2>
+        </div>
+        <div class="alert-dialog__main">
+            <p id="alert-description-0">You must acknowledge this alert to continue.</p>
+        </div>
+        <div class="alert-dialog__footer">
+            <button class="btn btn--primary alert-dialog__acknowledge" aria-describedby="alert-description-0">OK</button>
+        </div>
+    </div>
+</div>
+`;

package/src/less/badge/stories/badge.stories.js

@@ -17,3 +17,7 @@ export const RTL = () => `
     <span class="badge">+99</span>
 </div>
 `;
+
+export const textSpacing = () => `
+<span class="badge demo-a11y-text-spacing">99+</span>
+`;

package/src/less/breadcrumbs/stories/button-cascade.stories.js

@@ -58,6 +58,35 @@ export const fontSize = () => `
 </nav>
 `;
 
+export const textSpacing = () => `
+<nav aria-labelledby="breadcrumbs-heading" class="breadcrumbs demo-a11y-text-spacing" role="navigation">
+    <h2 id="breadcrumbs-heading" class="clipped">You are here</h2>
+    <ul>
+        <li>
+            <button>ebay</button>
+            <svg class="icon icon--chevron-right-12" height="8" width="8" aria-hidden="true">
+                <use href="#icon-chevron-right-12"></use>
+            </svg>
+        </li>
+        <li>
+            <button>Cell Phones, Smart Watches &amp; Accessories</button>
+            <svg class="icon icon--chevron-right-12" height="8" width="8" aria-hidden="true">
+                <use href="#icon-chevron-right-12"></use>
+            </svg>
+        </li>
+        <li>
+            <button>Smart Watch Accessories</button>
+            <svg class="icon icon--chevron-right-12" height="8" width="8" aria-hidden="true">
+                <use href="#icon-chevron-right-12"></use>
+            </svg>
+        </li>
+        <li>
+            <button aria-current="location">Smart Watch Bands</button>
+        </li>
+    </ul>
+</nav>
+`;
+
 export const RTL = () => `
 <div dir="rtl">
     <nav aria-labelledby="breadcrumbs-heading" class="breadcrumbs" role="navigation">

package/src/less/breadcrumbs/stories/button-overflow.stories.js

@@ -136,3 +136,51 @@ export const expanded = () => `
     </ul>
 </nav>
 `;
+
+export const textSpacing = () => `
+<nav aria-labelledby="breadcrumbs-heading" class="breadcrumbs breadcrumb--overflow demo-a11y-text-spacing" role="navigation">
+    <h2 id="breadcrumbs-heading" class="clipped">You are here</h2>
+    <ul>
+        <li>
+            <button>ebay</button>
+            <svg class="icon icon--chevron-right-12" height="8" width="8" aria-hidden="true">
+                <use href="#icon-chevron-right-12"></use>
+            </svg>
+        </li>
+        <li>
+            <span class="fake-menu-button">
+                <button class="fake-menu-button__button icon-btn" aria-expanded="false" aria-haspopup="true" aria-label="eBay Menu"  type="button">
+                    <svg aria-hidden="true" class="icon icon--overflow-horizontal-16">
+                        <use href="#icon-overflow-horizontal-16"></use>
+                    </svg>
+                </button>
+
+                <ul class="fake-menu-button__menu">
+                    <li>
+                        <a class="fake-menu-button__item" href="https://www.ebay.com/rpp/cell-phone-pda">Cell Phones, Smart Watches &amp; Accessories</a>
+                    </li>
+                    <li>
+                        <a class="fake-menu-button__item" href="https://www.ebay.com/b/Smart-Watch-Accessories/182064/bn_16565905">Smart Watch Accessories</a>
+                    </li>
+                    <li>
+                        <a class="fake-menu-button__item" href="#">Smart Watch Bands</a>
+                    </li>
+                </ul>
+            </span>
+
+            <svg class="icon icon--chevron-right-12" height="8" width="8" aria-hidden="true">
+                <use href="#icon-chevron-right-12"></use>
+            </svg>
+        </li>
+        <li>
+            <button>Smart Watch Band Long Band Text Type 2</button>
+            <svg class="icon icon--chevron-right-12" height="8" width="8" aria-hidden="true">
+                <use href="#icon-chevron-right-12"></use>
+            </svg>
+        </li>
+        <li>
+            <button aria-current="location">Current Band</button>
+        </li>
+    </ul>
+</nav>
+`;

package/src/less/breadcrumbs/stories/link-cascade.stories.js

@@ -58,6 +58,35 @@ export const fontSize = () => `
 </nav>
 `;
 
+export const textSpacing = () => `
+<nav aria-labelledby="breadcrumbs-heading" class="breadcrumbs demo-a11y-text-spacing" role="navigation">
+    <h2 id="breadcrumbs-heading" class="clipped">You are here</h2>
+    <ul>
+        <li>
+            <a href="https://www.ebay.com/">ebay</a>
+            <svg class="icon icon--chevron-right-12" height="8" width="8" aria-hidden="true">
+                <use href="#icon-chevron-right-12"></use>
+            </svg>
+        </li>
+        <li>
+            <a href="https://www.ebay.com/rpp/cell-phone-pda">Cell Phones, Smart Watches &amp; Accessories</a>
+            <svg class="icon icon--chevron-right-12" height="8" width="8" aria-hidden="true">
+                <use href="#icon-chevron-right-12"></use>
+            </svg>
+        </li>
+        <li>
+            <a href="https://www.ebay.com/b/Smart-Watch-Accessories/182064/bn_16565905">Smart Watch Accessories</a>
+            <svg class="icon icon--chevron-right-12" height="8" width="8" aria-hidden="true">
+                <use href="#icon-chevron-right-12"></use>
+            </svg>
+        </li>
+        <li>
+            <a aria-current="location">Smart Watch Bands</a>
+        </li>
+    </ul>
+</nav>
+`;
+
 export const RTL = () => `
 <div dir="rtl">
     <nav aria-labelledby="breadcrumbs-heading" class="breadcrumbs" role="navigation">