@ebay/skin 19.17.2 → 19.18.1

package/dist/svg/icon/icon-live-bag-play-filled-24-colored.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="12" cy="12" r="12" fill="#fff" fill-opacity=".88" />
+  <path
+    d="M12 4.5c1.057 0 1.98.72 2.236 1.745l.502 2.005h3.059c.423 0 .765.343.765.766v5.718a3.828 3.828 0 0 1-3.828 3.829H9.266a3.828 3.828 0 0 1-3.829-3.829V9.016c0-.423.343-.766.766-.766h3.059l.503-2.006A2.305 2.305 0 0 1 12 4.5ZM6.844 14.734a2.422 2.422 0 0 0 2.422 2.422h5.468a2.422 2.422 0 0 0 2.422-2.422V9.656h-2.065l.169.673a.702.702 0 1 1-1.364.342l-.254-1.015h-3.284l-.255 1.015a.702.702 0 1 1-1.363-.342l.17-.673H6.843v5.078Zm3.817-2.726a.57.57 0 0 1 .792-.525l.073.037 2.317 1.398a.57.57 0 0 1 0 .977l-2.317 1.397a.57.57 0 0 1-.865-.488v-2.796ZM12 5.906a.9.9 0 0 0-.871.68L10.71 8.25h2.578l-.417-1.663a.9.9 0 0 0-.872-.68Z"
+    fill="#191919"
+  />
+</svg>

package/dist/svg/icon/icon-live-bag-play-filled-64-colored.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="32" cy="32.004" r="32" fill="#fff" fill-opacity=".88" />
+  <path
+    d="M32 11.504a6.008 6.008 0 0 1 5.852 4.65l1.3 5.6h8.052c1.038 0 1.879.841 1.879 1.879v15.204c0 5.66-4.59 10.25-10.25 10.25H25.167c-5.66 0-10.25-4.59-10.25-10.25V23.633a1.88 1.88 0 0 1 1.879-1.88h8.054l1.297-5.599A6.008 6.008 0 0 1 32 11.504ZM18.333 38.837a6.834 6.834 0 0 0 6.834 6.833h13.666a6.834 6.834 0 0 0 6.834-6.833V25.17h-5.724l.555 2.39a1.709 1.709 0 0 1-3.328.772l-.733-3.162h-8.872l-.734 3.162a1.709 1.709 0 0 1-3.328-.771l.555-2.391h-5.725v13.667ZM28.341 31.6a1.558 1.558 0 0 1 2.264-1.39l.098.056 6.332 3.82a1.557 1.557 0 0 1 0 2.668l-6.332 3.821a1.558 1.558 0 0 1-2.362-1.334V31.6ZM32 14.92a2.592 2.592 0 0 0-2.524 2.006l-1.12 4.828h7.288l-1.12-4.828A2.592 2.592 0 0 0 32 14.92Z"
+    fill="#191919"
+  />
+</svg>

package/dist/svg/icon/icon-money-stack-blue-12-colored.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 20 12" xmlns="http://www.w3.org/2000/svg">
+  <rect width="20" height="12" rx="2" fill="#0968F6" />
+  <path
+    d="M5.66 6.723a.375.375 0 0 1 .522.09L7.43 8.587a.563.563 0 0 0 .637.21l5.939-1.975a.375.375 0 0 1 .236.712L8.305 9.51a1.313 1.313 0 0 1-1.488-.49L5.568 7.246a.375.375 0 0 1 .091-.522Zm5.697-4.425a.938.938 0 0 1 1.067.353l1.563 2.244a.844.844 0 0 1-.424 1.283l-4.92 1.644a.937.937 0 0 1-1.066-.352L6.012 5.227a.844.844 0 0 1 .424-1.284l4.921-1.645ZM6.674 4.655a.094.094 0 0 0-.048.143L8.192 7.04a.188.188 0 0 0 .213.071l1.324-.443a3.188 3.188 0 0 1-.8-.74c-.459-.594-.673-1.27-.626-1.819l-1.63.546ZM9.7 3.853c-.308-.107-.463-.044-.52 0-.056.043-.155.177-.13.502.024.318.17.725.471 1.115.302.39.659.633.96.737.308.106.463.044.519 0 .056-.044.156-.177.13-.502-.024-.317-.17-.724-.47-1.114-.302-.39-.659-.635-.96-.738Zm1.894-.843-1.144.382c.287.182.564.43.803.74l.134.185c.366.546.533 1.14.492 1.631l1.445-.482a.094.094 0 0 0 .047-.143L11.81 3.08a.188.188 0 0 0-.214-.07Z"
+    fill="#F5F9FF"
+  />
+</svg>

package/dist/svg/icon/icon-money-stack-blue-18-colored.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 30 18" xmlns="http://www.w3.org/2000/svg">
+  <rect width="30" height="18" rx="2" fill="#0968F6" />
+  <path
+    d="M8.247 10.125a.583.583 0 0 1 .813.14l1.943 2.76a.875.875 0 0 0 .991.327l9.238-3.072a.583.583 0 1 1 .369 1.107l-9.239 3.072a2.042 2.042 0 0 1-2.313-.762l-1.943-2.76a.584.584 0 0 1 .141-.812Zm8.864-6.883a1.46 1.46 0 0 1 1.66.549l2.432 3.49c.5.719.17 1.717-.66 1.995l-7.653 2.559a1.46 1.46 0 0 1-1.659-.548l-2.435-3.49a1.313 1.313 0 0 1 .66-1.995l7.655-2.56ZM9.825 6.908a.146.146 0 0 0-.073.222l2.435 3.49c.075.105.21.15.333.109l2.06-.69a4.956 4.956 0 0 1-1.245-1.15c-.715-.925-1.046-1.975-.973-2.83l-2.537.85Zm4.71-1.249c-.478-.165-.72-.067-.808.001-.087.068-.243.277-.204.781.038.494.266 1.127.735 1.734.468.606 1.023.987 1.491 1.148.48.166.72.067.809 0 .087-.069.243-.277.204-.782-.038-.493-.266-1.126-.735-1.732-.468-.607-1.024-.988-1.492-1.15Zm3.279-1.201a.293.293 0 0 0-.333-.11l-1.779.594a4.95 4.95 0 0 1 1.248 1.153c.714.924 1.046 1.972.974 2.826l2.249-.751a.146.146 0 0 0 .073-.222l-2.432-3.49Z"
+    fill="#F5F9FF"
+  />
+</svg>

package/dist/svg/icon/icon-money-stack-blue-24-colored.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg">
+  <rect width="38" height="24" rx="2" fill="#0968F6" />
+  <path
+    d="M10.318 13.445a.75.75 0 0 1 1.045.182l2.498 3.548c.286.405.804.576 1.275.42l11.878-3.95a.75.75 0 0 1 .472 1.423l-11.877 3.95a2.625 2.625 0 0 1-2.974-.98l-2.498-3.548a.75.75 0 0 1 .181-1.045Zm11.396-8.848a1.876 1.876 0 0 1 2.133.706l3.129 4.486a1.688 1.688 0 0 1-.85 2.566l-9.84 3.29a1.875 1.875 0 0 1-2.132-.705l-3.131-4.487a1.688 1.688 0 0 1 .848-2.566l9.843-3.29ZM12.347 9.31a.188.188 0 0 0-.094.285l3.13 4.486c.096.136.27.193.428.14l2.647-.885a6.373 6.373 0 0 1-1.6-1.48l-.137-.185c-.824-1.142-1.205-2.41-1.117-3.451l-3.257 1.09Zm6.055-1.606c-.616-.212-.926-.086-1.039.001-.113.087-.313.355-.263 1.005.049.635.342 1.45.945 2.23.602.78 1.316 1.27 1.918 1.477.616.212.926.085 1.039-.002.113-.087.314-.355.264-1.005-.05-.635-.343-1.448-.946-2.228-.602-.78-1.316-1.27-1.918-1.478Zm4.214-1.544a.375.375 0 0 0-.426-.14l-2.287.763a6.37 6.37 0 0 1 1.604 1.48l.138.186c.823 1.142 1.201 2.408 1.113 3.45l2.892-.967a.187.187 0 0 0 .095-.284L22.616 6.16Z"
+    fill="#F5F9FF"
+  />
+</svg>

package/dist/svg/icon/icon-money-stack-blue-32-colored.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg">
+  <rect width="50" height="32" rx="2" fill="#0968F6" />
+  <path
+    d="M13.425 17.929a1 1 0 0 1 1.392.242l3.331 4.73a1.5 1.5 0 0 0 1.7.56l15.837-5.267a1 1 0 0 1 .63 1.899L20.48 25.358a3.5 3.5 0 0 1-3.966-1.306l-3.33-4.73a1 1 0 0 1 .242-1.393Zm15.194-11.8a2.501 2.501 0 0 1 2.844.942l4.17 5.983a2.25 2.25 0 0 1-1.131 3.42L21.381 20.86a2.5 2.5 0 0 1-2.843-.94l-4.175-5.98a2.25 2.25 0 0 1 1.132-3.422L28.62 6.13Zm-12.49 6.285a.25.25 0 0 0-.125.38l4.175 5.982a.5.5 0 0 0 .568.188l3.53-1.18a8.5 8.5 0 0 1-2.133-1.975l-.184-.246c-1.098-1.523-1.605-3.213-1.486-4.602l-4.345 1.453Zm8.073-2.141c-.82-.283-1.233-.115-1.384.001-.15.117-.419.474-.352 1.34.065.846.457 1.932 1.26 2.972.804 1.04 1.756 1.693 2.558 1.97.82.282 1.234.114 1.385-.002.15-.117.418-.474.351-1.34-.065-.846-.457-1.932-1.26-2.972-.804-1.04-1.755-1.693-2.558-1.97Zm5.62-2.058a.501.501 0 0 0-.57-.189l-3.046 1.018a8.5 8.5 0 0 1 2.136 1.976l.184.246c1.098 1.522 1.604 3.21 1.487 4.6l3.855-1.289a.25.25 0 0 0 .125-.38l-4.17-5.982Z"
+    fill="#F5F9FF"
+  />
+</svg>

package/dist/svg/icons.svg

@@ -173,6 +173,11 @@
       d="M10 1c.434 0 .861.031 1.28.09l.414.07.1.024a1 1 0 0 1-.372 1.955l-.102-.015-.323-.054A7 7 0 1 0 10 17a7.003 7.003 0 0 0 6.491-4.373l.043-.093a1 1 0 0 1 1.81.844l-.13.306a8.999 8.999 0 0 1-1.183 1.933l5.676 5.676.068.076a1 1 0 0 1-1.406 1.406l-.076-.068-5.677-5.677A9 9 0 1 1 10 1Zm7.125-.293c.202-.943 1.548-.943 1.75 0l.352 1.636a1.864 1.864 0 0 0 1.43 1.43l1.636.352c.943.202.943 1.548 0 1.75l-1.636.352a1.864 1.864 0 0 0-1.43 1.431l-.352 1.635c-.203.943-1.547.943-1.75 0l-.352-1.635a1.865 1.865 0 0 0-1.431-1.431l-1.635-.352c-.943-.202-.943-1.548 0-1.75l1.635-.352a1.864 1.864 0 0 0 1.431-1.43l.352-1.636Z"
     />
   </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-ai-search-filled-24">
+    <path
+      d="M10 1a1.5 1.5 0 0 1 0 3 6 6 0 1 0 5.298 8.82 1.5 1.5 0 1 1 2.646 1.412 8.984 8.984 0 0 1-.609.982l5.726 5.725a1.5 1.5 0 1 1-2.122 2.122l-5.726-5.727A9 9 0 1 1 10 1Zm7.125-.293c.202-.943 1.548-.943 1.75 0l.352 1.636a1.864 1.864 0 0 0 1.43 1.43l1.636.352c.943.202.943 1.548 0 1.75l-1.636.352a1.864 1.864 0 0 0-1.43 1.431l-.352 1.635c-.203.943-1.547.943-1.75 0l-.352-1.635a1.865 1.865 0 0 0-1.431-1.431l-1.635-.352c-.943-.202-.943-1.548 0-1.75l1.635-.352a1.864 1.864 0 0 0 1.431-1.43l.352-1.636Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-ai-shirt-16">
     <path
       d="M7 1a.95.95 0 0 1 .108.006 6.333 6.333 0 0 1 2.174.469l1.098.45a1 1 0 1 1-.76 1.85l-.374-.153C9.174 5.072 7.832 6 6.5 6s-2.676-.929-2.747-2.38l-1.546.633A.334.334 0 0 0 2 4.562V6h1a1 1 0 0 1 1 1v5.388c.206.196.859.612 2.679.612 1.612 0 2.16-.414 2.321-.582V11a1 1 0 1 1 2 0v1.688a.998.998 0 0 1-.038.274C10.709 13.849 9.542 15 6.679 15c-3.161 0-4.298-1.128-4.614-1.957A1 1 0 0 1 2 12.688V8H1a1 1 0 0 1-1-1V4.562c0-.948.573-1.8 1.45-2.16l2.272-.93A6.333 6.333 0 0 1 6 1h1Zm5.184 2.958c.13-.61 1.001-.61 1.132 0l.229 1.063c.1.468.466.834.934.934l1.063.229c.61.13.61 1.001 0 1.132l-1.063.229c-.468.1-.834.466-.934.934l-.229 1.063c-.13.61-1.001.61-1.132 0l-.229-1.063a1.217 1.217 0 0 0-.934-.934l-1.063-.229c-.61-.13-.61-1.001 0-1.132l1.063-.229c.468-.1.834-.466.934-.934l.229-1.063ZM6.12 3c-.124 0-.248.006-.371.017V3.5c0 .083.037.193.163.302.129.11.333.198.587.198a.904.904 0 0 0 .587-.198c.126-.109.163-.219.163-.302v-.483A4.325 4.325 0 0 0 6.876 3h-.755Z"
@@ -6707,6 +6712,32 @@
       d="M12 0a3.517 3.517 0 0 1 3.426 2.723L16.186 6H20.9A1.1 1.1 0 0 1 22 7.1V16a6 6 0 0 1-6 6H8a6 6 0 0 1-6-6V7.1A1.1 1.1 0 0 1 3.1 6h4.713l.761-3.277.081-.294A3.517 3.517 0 0 1 12 0ZM4 16a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V8h-3.35l.325 1.4.017.1a1 1 0 0 1-1.938.45l-.029-.1L14.597 8H9.403l-.428 1.85a1.001 1.001 0 0 1-1.95-.45L7.35 8H4v8Zm5.858-4.237a.912.912 0 0 1 1.267-.84l.116.06 3.706 2.236.104.072a.913.913 0 0 1 0 1.417l-.104.072-3.706 2.238a.912.912 0 0 1-1.383-.782v-4.473ZM12 2c-.706 0-1.318.487-1.477 1.174L9.867 6h4.266l-.655-2.826A1.517 1.517 0 0 0 12 2Z"
     />
   </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-live-bag-filled-24">
+    <path
+      d="M12 0a3.517 3.517 0 0 1 3.426 2.723L16.186 6H20.9A1.1 1.1 0 0 1 22 7.1V16a6 6 0 0 1-6 6H8a6 6 0 0 1-6-6V7.1A1.1 1.1 0 0 1 3.1 6h4.713l.761-3.277A3.517 3.517 0 0 1 12 0Zm-.875 10.923a.912.912 0 0 0-1.267.84v4.473a.912.912 0 0 0 1.383.782l3.706-2.238a.912.912 0 0 0 0-1.561l-3.706-2.237-.116-.06ZM12 2c-.706 0-1.318.487-1.477 1.174L9.867 6h4.266l-.655-2.826A1.517 1.517 0 0 0 12 2Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-live-bag-play-filled-16-colored">
+    <circle cx="8" cy="8" r="8" fill="#fff" fill-opacity=".88" />
+    <path
+      d="M8 3.005c.705 0 1.32.48 1.491 1.163l.335 1.337h2.038a.51.51 0 0 1 .511.51v3.813a2.552 2.552 0 0 1-2.552 2.552H6.177a2.552 2.552 0 0 1-2.552-2.552V6.016c0-.282.229-.511.51-.511h2.039l.336-1.337A1.537 1.537 0 0 1 8 3.005ZM4.562 9.828c0 .892.723 1.614 1.615 1.614h3.646c.892 0 1.614-.722 1.614-1.614V6.442h-1.375l.112.449a.47.47 0 0 1-.91.228l-.17-.677H6.907l-.17.677a.47.47 0 0 1-.91-.228l.112-.449H4.563v3.386Zm3.025-2.185.098.042 1.544.932a.38.38 0 0 1 0 .65l-1.544.932a.38.38 0 0 1-.577-.325V8.011a.38.38 0 0 1 .479-.368ZM8 3.943a.6.6 0 0 0-.581.453l-.278 1.109h1.718l-.277-1.109A.6.6 0 0 0 8 3.942Z"
+      fill="#191919"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-live-bag-play-filled-24-colored">
+    <circle cx="12" cy="12" r="12" fill="#fff" fill-opacity=".88" />
+    <path
+      d="M12 4.5c1.057 0 1.98.72 2.236 1.745l.502 2.005h3.059c.423 0 .765.343.765.766v5.718a3.828 3.828 0 0 1-3.828 3.829H9.266a3.828 3.828 0 0 1-3.829-3.829V9.016c0-.423.343-.766.766-.766h3.059l.503-2.006A2.305 2.305 0 0 1 12 4.5ZM6.844 14.734a2.422 2.422 0 0 0 2.422 2.422h5.468a2.422 2.422 0 0 0 2.422-2.422V9.656h-2.065l.169.673a.702.702 0 1 1-1.364.342l-.254-1.015h-3.284l-.255 1.015a.702.702 0 1 1-1.363-.342l.17-.673H6.843v5.078Zm3.817-2.726a.57.57 0 0 1 .792-.525l.073.037 2.317 1.398a.57.57 0 0 1 0 .977l-2.317 1.397a.57.57 0 0 1-.865-.488v-2.796ZM12 5.906a.9.9 0 0 0-.871.68L10.71 8.25h2.578l-.417-1.663a.9.9 0 0 0-.872-.68Z"
+      fill="#191919"
+    />
+  </symbol>
+  <symbol viewBox="0 0 64 64" id="icon-live-bag-play-filled-64-colored">
+    <circle cx="32" cy="32.004" r="32" fill="#fff" fill-opacity=".88" />
+    <path
+      d="M32 11.504a6.008 6.008 0 0 1 5.852 4.65l1.3 5.6h8.052c1.038 0 1.879.841 1.879 1.879v15.204c0 5.66-4.59 10.25-10.25 10.25H25.167c-5.66 0-10.25-4.59-10.25-10.25V23.633a1.88 1.88 0 0 1 1.879-1.88h8.054l1.297-5.599A6.008 6.008 0 0 1 32 11.504ZM18.333 38.837a6.834 6.834 0 0 0 6.834 6.833h13.666a6.834 6.834 0 0 0 6.834-6.833V25.17h-5.724l.555 2.39a1.709 1.709 0 0 1-3.328.772l-.733-3.162h-8.872l-.734 3.162a1.709 1.709 0 0 1-3.328-.771l.555-2.391h-5.725v13.667ZM28.341 31.6a1.558 1.558 0 0 1 2.264-1.39l.098.056 6.332 3.82a1.557 1.557 0 0 1 0 2.668l-6.332 3.821a1.558 1.558 0 0 1-2.362-1.334V31.6ZM32 14.92a2.592 2.592 0 0 0-2.524 2.006l-1.12 4.828h7.288l-1.12-4.828A2.592 2.592 0 0 0 32 14.92Z"
+      fill="#191919"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-live-bag-thin-16">
     <path
       d="M8.001 0a2.46 2.46 0 0 1 2.385 1.861L10.922 4h3.262c.45 0 .816.366.816.816v6.101A4.083 4.083 0 0 1 10.917 15H5.083A4.083 4.083 0 0 1 1 10.917v-6.1C1 4.365 1.366 4 1.816 4H5.08l.536-2.14A2.46 2.46 0 0 1 8.001 0ZM2.5 10.917A2.583 2.583 0 0 0 5.083 13.5h5.834a2.583 2.583 0 0 0 2.583-2.583V5.5h-2.202l.18.718.014.075a.75.75 0 0 1-1.447.363l-.022-.074L9.75 5.5H6.249l-.271 1.082-.023.074a.75.75 0 0 1-1.433-.438l.18-.718H2.5v5.417Zm4.072-2.908c0-.444.454-.728.845-.56l.077.04 2.47 1.49.07.048c.3.241.3.705 0 .946l-.07.047-2.47 1.492a.608.608 0 0 1-.922-.52V8.008ZM8.001 1.5a.96.96 0 0 0-.93.726L6.624 4h2.75L8.93 2.226A.96.96 0 0 0 8 1.5Z"
@@ -7482,6 +7513,34 @@
       d="M16.822 4.214a.5.5 0 0 0-.569-.188L13.21 5.044a8.501 8.501 0 0 1 2.134 1.975c1.224 1.584 1.795 3.382 1.672 4.846l3.853-1.288a.25.25 0 0 0 .126-.38l-4.172-5.983Zm-5.544 9.569a8.5 8.5 0 0 1-2.133-1.975C7.92 10.224 7.349 8.425 7.473 6.961L3.13 8.414a.25.25 0 0 0-.125.38l4.175 5.981a.5.5 0 0 0 .568.188l3.53-1.18Zm4.341-11.654a2.5 2.5 0 0 1 2.843.941l4.172 5.983a2.25 2.25 0 0 1-1.132 3.42L8.382 16.86a2.5 2.5 0 0 1-2.843-.94L1.364 9.938a2.25 2.25 0 0 1 1.131-3.421L15.62 2.129ZM.424 13.928a1 1 0 0 1 1.394.242l3.33 4.73a1.5 1.5 0 0 0 1.7.56l15.837-5.266a1 1 0 1 1 .63 1.897L7.48 21.358a3.5 3.5 0 0 1-3.966-1.307l-3.33-4.73a1 1 0 0 1 .241-1.393Zm9.394-7.654c.15-.116.564-.285 1.385-.002.803.277 1.754.93 2.558 1.97.803 1.04 1.195 2.125 1.26 2.971.067.867-.201 1.224-.352 1.34-.15.116-.563.286-1.385.002-.802-.277-1.753-.93-2.557-1.97-.803-1.04-1.195-2.124-1.26-2.97-.067-.867.2-1.224.351-1.34Z"
     />
   </symbol>
+  <symbol viewBox="0 0 20 12" id="icon-money-stack-blue-12-colored">
+    <rect width="20" height="12" rx="2" fill="#0968F6" />
+    <path
+      d="M5.66 6.723a.375.375 0 0 1 .522.09L7.43 8.587a.563.563 0 0 0 .637.21l5.939-1.975a.375.375 0 0 1 .236.712L8.305 9.51a1.313 1.313 0 0 1-1.488-.49L5.568 7.246a.375.375 0 0 1 .091-.522Zm5.697-4.425a.938.938 0 0 1 1.067.353l1.563 2.244a.844.844 0 0 1-.424 1.283l-4.92 1.644a.937.937 0 0 1-1.066-.352L6.012 5.227a.844.844 0 0 1 .424-1.284l4.921-1.645ZM6.674 4.655a.094.094 0 0 0-.048.143L8.192 7.04a.188.188 0 0 0 .213.071l1.324-.443a3.188 3.188 0 0 1-.8-.74c-.459-.594-.673-1.27-.626-1.819l-1.63.546ZM9.7 3.853c-.308-.107-.463-.044-.52 0-.056.043-.155.177-.13.502.024.318.17.725.471 1.115.302.39.659.633.96.737.308.106.463.044.519 0 .056-.044.156-.177.13-.502-.024-.317-.17-.724-.47-1.114-.302-.39-.659-.635-.96-.738Zm1.894-.843-1.144.382c.287.182.564.43.803.74l.134.185c.366.546.533 1.14.492 1.631l1.445-.482a.094.094 0 0 0 .047-.143L11.81 3.08a.188.188 0 0 0-.214-.07Z"
+      fill="#F5F9FF"
+    />
+  </symbol>
+  <symbol viewBox="0 0 30 18" id="icon-money-stack-blue-18-colored">
+    <rect width="30" height="18" rx="2" fill="#0968F6" />
+    <path
+      d="M8.247 10.125a.583.583 0 0 1 .813.14l1.943 2.76a.875.875 0 0 0 .991.327l9.238-3.072a.583.583 0 1 1 .369 1.107l-9.239 3.072a2.042 2.042 0 0 1-2.313-.762l-1.943-2.76a.584.584 0 0 1 .141-.812Zm8.864-6.883a1.46 1.46 0 0 1 1.66.549l2.432 3.49c.5.719.17 1.717-.66 1.995l-7.653 2.559a1.46 1.46 0 0 1-1.659-.548l-2.435-3.49a1.313 1.313 0 0 1 .66-1.995l7.655-2.56ZM9.825 6.908a.146.146 0 0 0-.073.222l2.435 3.49c.075.105.21.15.333.109l2.06-.69a4.956 4.956 0 0 1-1.245-1.15c-.715-.925-1.046-1.975-.973-2.83l-2.537.85Zm4.71-1.249c-.478-.165-.72-.067-.808.001-.087.068-.243.277-.204.781.038.494.266 1.127.735 1.734.468.606 1.023.987 1.491 1.148.48.166.72.067.809 0 .087-.069.243-.277.204-.782-.038-.493-.266-1.126-.735-1.732-.468-.607-1.024-.988-1.492-1.15Zm3.279-1.201a.293.293 0 0 0-.333-.11l-1.779.594a4.95 4.95 0 0 1 1.248 1.153c.714.924 1.046 1.972.974 2.826l2.249-.751a.146.146 0 0 0 .073-.222l-2.432-3.49Z"
+      fill="#F5F9FF"
+    />
+  </symbol>
+  <symbol viewBox="0 0 38 24" id="icon-money-stack-blue-24-colored">
+    <rect width="38" height="24" rx="2" fill="#0968F6" />
+    <path
+      d="M10.318 13.445a.75.75 0 0 1 1.045.182l2.498 3.548c.286.405.804.576 1.275.42l11.878-3.95a.75.75 0 0 1 .472 1.423l-11.877 3.95a2.625 2.625 0 0 1-2.974-.98l-2.498-3.548a.75.75 0 0 1 .181-1.045Zm11.396-8.848a1.876 1.876 0 0 1 2.133.706l3.129 4.486a1.688 1.688 0 0 1-.85 2.566l-9.84 3.29a1.875 1.875 0 0 1-2.132-.705l-3.131-4.487a1.688 1.688 0 0 1 .848-2.566l9.843-3.29ZM12.347 9.31a.188.188 0 0 0-.094.285l3.13 4.486c.096.136.27.193.428.14l2.647-.885a6.373 6.373 0 0 1-1.6-1.48l-.137-.185c-.824-1.142-1.205-2.41-1.117-3.451l-3.257 1.09Zm6.055-1.606c-.616-.212-.926-.086-1.039.001-.113.087-.313.355-.263 1.005.049.635.342 1.45.945 2.23.602.78 1.316 1.27 1.918 1.477.616.212.926.085 1.039-.002.113-.087.314-.355.264-1.005-.05-.635-.343-1.448-.946-2.228-.602-.78-1.316-1.27-1.918-1.478Zm4.214-1.544a.375.375 0 0 0-.426-.14l-2.287.763a6.37 6.37 0 0 1 1.604 1.48l.138.186c.823 1.142 1.201 2.408 1.113 3.45l2.892-.967a.187.187 0 0 0 .095-.284L22.616 6.16Z"
+      fill="#F5F9FF"
+    />
+  </symbol>
+  <symbol viewBox="0 0 50 32" id="icon-money-stack-blue-32-colored">
+    <rect width="50" height="32" rx="2" fill="#0968F6" />
+    <path
+      d="M13.425 17.929a1 1 0 0 1 1.392.242l3.331 4.73a1.5 1.5 0 0 0 1.7.56l15.837-5.267a1 1 0 0 1 .63 1.899L20.48 25.358a3.5 3.5 0 0 1-3.966-1.306l-3.33-4.73a1 1 0 0 1 .242-1.393Zm15.194-11.8a2.501 2.501 0 0 1 2.844.942l4.17 5.983a2.25 2.25 0 0 1-1.131 3.42L21.381 20.86a2.5 2.5 0 0 1-2.843-.94l-4.175-5.98a2.25 2.25 0 0 1 1.132-3.422L28.62 6.13Zm-12.49 6.285a.25.25 0 0 0-.125.38l4.175 5.982a.5.5 0 0 0 .568.188l3.53-1.18a8.5 8.5 0 0 1-2.133-1.975l-.184-.246c-1.098-1.523-1.605-3.213-1.486-4.602l-4.345 1.453Zm8.073-2.141c-.82-.283-1.233-.115-1.384.001-.15.117-.419.474-.352 1.34.065.846.457 1.932 1.26 2.972.804 1.04 1.756 1.693 2.558 1.97.82.282 1.234.114 1.385-.002.15-.117.418-.474.351-1.34-.065-.846-.457-1.932-1.26-2.972-.804-1.04-1.755-1.693-2.558-1.97Zm5.62-2.058a.501.501 0 0 0-.57-.189l-3.046 1.018a8.5 8.5 0 0 1 2.136 1.976l.184.246c1.098 1.522 1.604 3.21 1.487 4.6l3.855-1.289a.25.25 0 0 0 .125-.38l-4.17-5.982Z"
+      fill="#F5F9FF"
+    />
+  </symbol>
   <symbol viewBox="0 0 20 12" id="icon-monthly-invoice-12-colored">
     <rect
       x=".5"

package/dist/table/table.css

@@ -1,7 +1,6 @@
 .table {
     overflow-x: auto;
     position: relative;
-    -webkit-overflow-scrolling: touch;
     scroll-behavior: smooth;
     scroll-snap-type: proximity;
     scroll-snap-type: x proximity;
@@ -140,10 +139,8 @@
     text-decoration: none;
 }
 .table--loading-state .progress-bar-expressive {
-    bottom: 50%;
-    left: 0;
+    inset: auto 0 50%;
     position: absolute;
-    right: 0;
 }
 .table--mode-selection td:first-child,
 .table--mode-selection th:first-child {

package/dist/toast-dialog/toast-dialog.css

@@ -6,21 +6,11 @@
     --state-layer-neutral: rgb(var(--color-neutral-900-rgb), 0);
 }
 .toast-dialog {
-    background-color: var(
-        --toast-dialog-background-color,
-        var(--color-background-accent)
-    );
-    border-top-left-radius: var(
-        --toast-dialog-border-radius,
-        var(--border-radius-100)
-    );
-    border-top-right-radius: var(
-        --toast-dialog-border-radius,
-        var(--border-radius-100)
-    );
-    bottom: 0;
+    background-color: var(--color-background-accent);
+    border-top-left-radius: var(--border-radius-100);
+    border-top-right-radius: var(--border-radius-100);
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);
-    left: 0;
+    inset: auto 0 0;
     max-height: 40vh;
     min-width: 320px;
     position: fixed;
@@ -31,10 +21,7 @@
 }
 .toast-dialog,
 .toast-dialog a {
-    color: var(
-        --toast-dialog-foreground-color,
-        var(--color-foreground-on-success)
-    );
+    color: var(--color-foreground-on-success);
 }
 .toast-dialog a:focus {
     outline: 1px auto currentColor;
@@ -70,10 +57,7 @@
 button.icon-btn.toast-dialog__close {
     align-self: flex-start;
     border: 0;
-    color: var(
-        --toast-dialog-foreground-color,
-        var(--color-foreground-on-success)
-    );
+    color: var(--color-foreground-on-success);
     flex-shrink: 0;
     margin-inline-start: auto;
     overflow: hidden;
@@ -123,10 +107,6 @@ button.icon-btn.toast-dialog__close > svg {
 }
 .toast-dialog__footer button.btn--primary,
 .toast-dialog__footer button.btn--secondary {
-    border-color: var(
-        --toast-dialog-foreground-color,
-        var(--color-foreground-on-accent)
-    );
     overflow: hidden;
     position: relative;
 }
@@ -170,23 +150,18 @@ button.icon-btn.toast-dialog__close > svg {
 }
 .toast-dialog__footer button.btn--primary,
 .toast-dialog__footer button.btn--secondary {
+    border-color: var(--color-foreground-on-accent);
     border-style: solid;
     border-width: 1px;
     outline-offset: 2px;
 }
 .toast-dialog__footer button.btn--primary {
-    background-color: var(
-        --toast-dialog-foreground-color,
-        var(--color-background-primary)
-    );
-    color: var(--toast-dialog-background-color, var(--color-foreground-accent));
+    background-color: var(--color-background-primary);
+    color: var(--color-foreground-accent);
 }
 .toast-dialog__footer button.btn--secondary {
     background-color: initial;
-    color: var(
-        --toast-dialog-foreground-color,
-        var(--color-background-primary)
-    );
+    color: var(--color-background-primary);
     font-weight: 700;
     margin-inline-end: var(--spacing-100);
 }
@@ -196,10 +171,7 @@ button.icon-btn.toast-dialog__close > svg {
 }
 @media (min-width: 512px) {
     .toast-dialog {
-        border-radius: var(
-            --toast-dialog-border-radius,
-            var(--border-radius-100)
-        );
+        border-radius: var(--border-radius-100);
         bottom: var(--spacing-200);
         left: var(--spacing-200);
         max-width: 480px;

package/dist/toggle-button/toggle-button.css

@@ -162,12 +162,9 @@
     width: 100%;
 }
 .toggle-button--gallery-layout .toggle-button__image {
-    bottom: 0;
     height: 100%;
-    left: 0;
+    inset: 0;
     position: absolute;
-    right: 0;
-    top: 0;
     width: 100%;
 }
 .toggle-button[aria-disabled="true"] .toggle-button__icon,

package/dist/toggle-button-group/toggle-button-group.css

@@ -115,12 +115,9 @@
     width: 100%;
 }
 .toggle-button-group--gallery-layout .toggle-button__image {
-    bottom: 0;
     height: 100%;
-    left: 0;
+    inset: 0;
     position: absolute;
-    right: 0;
-    top: 0;
     width: 100%;
 }
 .toggle-button-group--gallery-layout .toggle-button__image-container img {

package/dist/utility/utility.css

@@ -51,14 +51,11 @@
 }
 .image-treatment:after {
     background: rgba(0, 0, 0, 0.05);
-    bottom: 0;
     content: "";
     display: block;
-    left: 0;
+    inset: 0;
     pointer-events: none;
     position: absolute;
-    right: 0;
-    top: 0;
 }
 .image-treatment > img {
     display: inline-block;
@@ -76,14 +73,11 @@
 }
 .image-treatment-large:after {
     background: rgba(0, 0, 0, 0.05);
-    bottom: 0;
     content: "";
     display: block;
-    left: 0;
+    inset: 0;
     pointer-events: none;
     position: absolute;
-    right: 0;
-    top: 0;
 }
 .image-treatment-large > img {
     display: inline-block;
@@ -100,7 +94,6 @@
     white-space: nowrap;
 }
 .scrollbars-permanent {
-    -webkit-overflow-scrolling: touch;
     scroll-behavior: smooth;
     scroll-snap-type: proximity;
     scroll-snap-type: x proximity;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ebay/skin",
-    "version": "19.17.2",
+    "version": "19.18.1",
     "description": "Skin - CSS modules that represent the brand eBay",
     "keywords": [
         "eBay",
@@ -29,7 +29,6 @@
         "tokens",
         "./*\\.{js,css,scss,less,json,mjs}",
         "!.prettierrc.json",
-        "!webpack.config.js",
         "!postcss.config.js",
         "!vite.config.js"
     ],
@@ -44,11 +43,11 @@
         "clean": "rimraf _cdn _site .cache .tmp .jekyll npm-debug.log.* .DS_Store",
         "copy": "npm run copy:sassToDist && npm run copy:svgToDist && npm run copy:svgToDocs && npm run copy:assetsToStorybook",
         "copy:assetsToStorybook": "tsx scripts storybook-copy",
-        "copy:sassToDist": "mkdirp dist/variables && ncp src/sass/variables dist/variables && mkdirp dist/mixins && ncp src/sass/mixins/public dist/mixins && ncp src/sass/gh dist/gh",
-        "copy:svgToDist": "mkdirp dist/svg && ncp src/svg dist/svg",
-        "copy:svgToDocs": "ncp src/svg src/routes/static && ncp src/svg/icons.svg src/components/master-icons.marko",
-        "deploy": "BASE_URL=/evo-web/skin/ marko-run build -o ./_site && npm run build:storybook && rimraf _site/public/archive && ncp docs/archive _site/public/archive && touch _site/public/.nojekyll",
-        "deploy:only": "marko-run build -o ./_site && npm run build:storybook && rimraf _site/public/archive && ncp docs/archive _site/public/archive --dereference=true && touch _site/public/.nojekyll",
+        "copy:sassToDist": " copyfiles src/sass/variables dist -u 2 && copyfiles src/sass/mixins/public dist/mixins -u 4 && copyfiles src/sass/gh dist -u 2",
+        "copy:svgToDist": "copyfiles src/svg dist -u 1",
+        "copy:svgToDocs": "copyfiles src/svg src/routes/static -u 2 && copyfiles src/svg/icons.svg src/components/master-icons.marko -f",
+        "deploy": "BASE_URL=/evo-web/skin/ marko-run build -o ./_site && npm run build:storybook && rimraf _site/public/archive && copyfiles docs/archive _site/public -u 1 && touch _site/public/.nojekyll",
+        "deploy:only": "marko-run build -o ./_site && npm run build:storybook && rimraf _site/public/archive && copyfiles docs/archive _site/public -u 1 && touch _site/public/.nojekyll",
         "format": "npx prettier --write .",
         "lint": "npm run lint:sass && npm run lint:css && npm run lint:js",
         "lint:css": "stylelint dist --config .stylelintrc",
@@ -82,7 +81,7 @@
         "extends @ebay/browserslist-config"
     ],
     "devDependencies": {
-        "@marko/run-adapter-static": "^2.0.2"
+        "@marko/run-adapter-static": "^2.0.3"
     },
     "publishConfig": {
         "registry": "https://registry.npmjs.org"