@ebay/skin 19.20.0 → 19.21.0

package/dist/bundles/skin-default.css

@@ -5882,11 +5882,11 @@ span.infotip{
   display:none;
   font-size:14px;
   left:0;
-  max-width:344px;
+  min-width:280px;
   position:absolute;
   top:0;
   transform:scaleX(1);
-  width:max-content;
+  width:fit-content;
 }
 .infotip__mask,.infotip__overlay{
   background-color:var(--infotip-background-color, var(--color-background-elevated));
@@ -6004,6 +6004,7 @@ span.infotip__mask{
 @media (min-width:512px){
   .infotip__overlay{
     max-width:400px;
+    width:max-content;
   }
 }
 .inline-notice{
@@ -11637,11 +11638,11 @@ span.tooltip{
   display:none;
   font-size:14px;
   left:0;
-  max-width:344px;
+  min-width:280px;
   position:absolute;
   top:0;
   transform:scaleX(1);
-  width:max-content;
+  width:fit-content;
 }
 .tooltip__mask,.tooltip__overlay{
   border-radius:var(--bubble-border-radius, var(--border-radius-50));
@@ -11759,6 +11760,7 @@ button.tooltip__close{
 @media (min-width:512px){
   .tooltip__overlay{
     max-width:400px;
+    width:max-content;
   }
 }
 .tourtip{
@@ -11772,11 +11774,11 @@ span.tourtip{
   display:none;
   font-size:14px;
   left:0;
-  max-width:344px;
+  min-width:280px;
   position:absolute;
   top:0;
   transform:scaleX(1);
-  width:max-content;
+  width:fit-content;
 }
 .tourtip__mask,.tourtip__overlay{
   border-radius:var(--bubble-border-radius, var(--border-radius-100));
@@ -11930,6 +11932,7 @@ span.tourtip__mask{
 @media (min-width:512px){
   .tourtip__overlay{
     max-width:400px;
+    width:max-content;
   }
 }
 .giant-text-3{

package/dist/bundles/skin-full.css

@@ -6096,11 +6096,11 @@ span.infotip{
   display:none;
   font-size:14px;
   left:0;
-  max-width:344px;
+  min-width:280px;
   position:absolute;
   top:0;
   transform:scaleX(1);
-  width:max-content;
+  width:fit-content;
 }
 .infotip__mask,.infotip__overlay{
   background-color:var(--infotip-background-color, var(--color-background-elevated));
@@ -6218,6 +6218,7 @@ span.infotip__mask{
 @media (min-width:512px){
   .infotip__overlay{
     max-width:400px;
+    width:max-content;
   }
 }
 .inline-notice{
@@ -11851,11 +11852,11 @@ span.tooltip{
   display:none;
   font-size:14px;
   left:0;
-  max-width:344px;
+  min-width:280px;
   position:absolute;
   top:0;
   transform:scaleX(1);
-  width:max-content;
+  width:fit-content;
 }
 .tooltip__mask,.tooltip__overlay{
   border-radius:var(--bubble-border-radius, var(--border-radius-50));
@@ -11973,6 +11974,7 @@ button.tooltip__close{
 @media (min-width:512px){
   .tooltip__overlay{
     max-width:400px;
+    width:max-content;
   }
 }
 .tourtip{
@@ -11986,11 +11988,11 @@ span.tourtip{
   display:none;
   font-size:14px;
   left:0;
-  max-width:344px;
+  min-width:280px;
   position:absolute;
   top:0;
   transform:scaleX(1);
-  width:max-content;
+  width:fit-content;
 }
 .tourtip__mask,.tourtip__overlay{
   border-radius:var(--bubble-border-radius, var(--border-radius-100));
@@ -12144,6 +12146,7 @@ span.tourtip__mask{
 @media (min-width:512px){
   .tourtip__overlay{
     max-width:400px;
+    width:max-content;
   }
 }
 .giant-text-3{

package/dist/bundles/skin-headless.css

@@ -5242,11 +5242,11 @@ span.infotip{
   display:none;
   font-size:14px;
   left:0;
-  max-width:344px;
+  min-width:280px;
   position:absolute;
   top:0;
   transform:scaleX(1);
-  width:max-content;
+  width:fit-content;
 }
 .infotip__mask,.infotip__overlay{
   background-color:var(--infotip-background-color, var(--color-background-elevated));
@@ -5364,6 +5364,7 @@ span.infotip__mask{
 @media (min-width:512px){
   .infotip__overlay{
     max-width:400px;
+    width:max-content;
   }
 }
 .inline-notice{
@@ -10997,11 +10998,11 @@ span.tooltip{
   display:none;
   font-size:14px;
   left:0;
-  max-width:344px;
+  min-width:280px;
   position:absolute;
   top:0;
   transform:scaleX(1);
-  width:max-content;
+  width:fit-content;
 }
 .tooltip__mask,.tooltip__overlay{
   border-radius:var(--bubble-border-radius, var(--border-radius-50));
@@ -11119,6 +11120,7 @@ button.tooltip__close{
 @media (min-width:512px){
   .tooltip__overlay{
     max-width:400px;
+    width:max-content;
   }
 }
 .tourtip{
@@ -11132,11 +11134,11 @@ span.tourtip{
   display:none;
   font-size:14px;
   left:0;
-  max-width:344px;
+  min-width:280px;
   position:absolute;
   top:0;
   transform:scaleX(1);
-  width:max-content;
+  width:fit-content;
 }
 .tourtip__mask,.tourtip__overlay{
   border-radius:var(--bubble-border-radius, var(--border-radius-100));
@@ -11290,6 +11292,7 @@ span.tourtip__mask{
 @media (min-width:512px){
   .tourtip__overlay{
     max-width:400px;
+    width:max-content;
   }
 }
 .giant-text-3{

package/dist/infotip/infotip.css

@@ -12,11 +12,11 @@ span.infotip {
     display: none;
     font-size: 14px;
     left: 0;
-    max-width: 344px;
+    min-width: 280px;
     position: absolute;
     top: 0;
     transform: scaleX(1);
-    width: max-content;
+    width: fit-content;
 }
 .infotip__mask,
 .infotip__overlay {
@@ -143,5 +143,6 @@ button.infotip__close {
 @media (min-width: 512px) {
     .infotip__overlay {
         max-width: 400px;
+        width: max-content;
     }
 }

package/dist/svg/icon/icon-authenticity-guarantee-filled-16.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M8 0c.9 0 1.716.356 2.315.936.279.268.656.424 1.042.431a3.32 3.32 0 0 1 2.3.977c.636.636.962 1.466.976 2.3.007.386.163.763.432 1.04.579.6.935 1.417.935 2.316 0 .9-.356 1.717-.935 2.316a1.547 1.547 0 0 0-.432 1.041 3.323 3.323 0 0 1-.976 2.3 3.323 3.323 0 0 1-2.3.976 1.549 1.549 0 0 0-1.042.432C9.715 15.644 8.9 16 8 16a3.32 3.32 0 0 1-2.315-.935 1.549 1.549 0 0 0-1.042-.432 3.322 3.322 0 0 1-2.3-.976 3.322 3.322 0 0 1-.975-2.299 1.549 1.549 0 0 0-.431-1.042A3.323 3.323 0 0 1 0 8c0-.9.357-1.716.937-2.315.268-.278.424-.656.43-1.042.015-.834.34-1.664.977-2.3a3.323 3.323 0 0 1 2.299-.976 1.547 1.547 0 0 0 1.04-.431A3.324 3.324 0 0 1 8 0Zm3.207 5.793a1 1 0 0 0-1.414 0L7 8.586l-.793-.793a1 1 0 1 0-1.414 1.414l1.5 1.5a1 1 0 0 0 1.414 0l3.5-3.5a1 1 0 0 0 0-1.414Z"
+  />
+</svg>

package/dist/svg/icon/icon-authenticity-guarantee-filled-24.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12 0a4.98 4.98 0 0 1 3.24 1.191 3.757 3.757 0 0 0 2.112.875 4.98 4.98 0 0 1 3.133 1.449 4.98 4.98 0 0 1 1.449 3.132c.061.771.374 1.525.876 2.114A4.98 4.98 0 0 1 24 12a4.982 4.982 0 0 1-1.19 3.24 3.755 3.755 0 0 0-.875 2.112 4.983 4.983 0 0 1-1.449 3.133 4.982 4.982 0 0 1-3.134 1.449 3.757 3.757 0 0 0-2.113.875A4.98 4.98 0 0 1 12 24a4.98 4.98 0 0 1-3.24-1.191 3.757 3.757 0 0 0-2.113-.875 4.98 4.98 0 0 1-3.131-1.449 4.983 4.983 0 0 1-1.45-3.133 3.757 3.757 0 0 0-.875-2.113A4.98 4.98 0 0 1 0 12a4.98 4.98 0 0 1 1.191-3.24 3.756 3.756 0 0 0 .876-2.113 4.982 4.982 0 0 1 1.449-3.132 4.98 4.98 0 0 1 3.131-1.449 3.757 3.757 0 0 0 2.114-.875A4.98 4.98 0 0 1 12 0Zm4.71 8.621a1 1 0 0 0-1.413 0l-4.632 4.632-1.962-1.963a1 1 0 0 0-1.414 1.414l2.669 2.67a1 1 0 0 0 1.414 0l5.339-5.339a1 1 0 0 0 0-1.414Z"
+  />
+</svg>

package/dist/svg/icon/icon-github-24.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12 0c6.627 0 12 5.373 12 12 0 5.488-3.685 10.11-8.714 11.54-.075-.897-.266-2.775-.266-4.1 0-1.162-.384-1.896-.829-2.283 2.73-.306 5.58-1.344 5.58-6.07 0-1.344-.464-2.444-1.252-3.3.12-.306.545-1.57-.122-3.26-.034-.01-1.07-.3-3.357 1.263a11.75 11.75 0 0 0-3.053-.407 11.749 11.749 0 0 0-3.053.407C6.627 4.214 5.593 4.522 5.577 4.527c-.667 1.69-.243 2.954-.122 3.26a4.82 4.82 0 0 0-1.253 3.3c0 4.726 2.851 5.785 5.56 6.07-.343.306-.667.856-.768 1.65-.708.327-2.467.856-3.558-1.018-.014-.024-.66-1.182-1.881-1.263-.025 0-1.18.009-.081.754.011.006.813.377 1.355 1.792.005.015.719 2.198 4.105 1.467 0 .807.012 2.33.017 3.068C3.801 22.258 0 17.574 0 12 0 5.373 5.373 0 12 0Z"
+  />
+</svg>

package/dist/svg/icon/icon-money-back-guarantee-filled-16.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M7.008.356a1.56 1.56 0 0 1 1.984 0c1.607 1.33 3.721 1.74 4.655 1.855.733.09 1.353.71 1.353 1.516v4.272c0 1.288-.336 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.158-3.86-2.427-4.82-3.77C1.336 10.666 1 9.287 1 8V3.727C1 2.92 1.62 2.3 2.353 2.21 3.287 2.096 5.4 1.686 7.008.356Zm4.199 5.436a1 1 0 0 0-1.414 0L7 8.585l-.793-.793a1 1 0 1 0-1.414 1.414l1.5 1.5a1 1 0 0 0 1.414 0l3.5-3.5a1 1 0 0 0 0-1.414Z"
+  />
+</svg>

package/dist/svg/icon/icon-money-back-guarantee-filled-24.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    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.778 3.86-7.063 5.49a1.98 1.98 0 0 1-1.756 0c-3.285-1.63-5.59-3.38-7.063-5.49C2.57 16.171 2 13.773 2 10.986v-6.04c0-.769.57-1.38 1.274-1.501 1.095-.188 4.282-.893 7.578-3.097Zm5.859 8.271a1 1 0 0 0-1.414 0l-4.632 4.631-1.962-1.962a1 1 0 0 0-1.414 1.415l2.669 2.67a1 1 0 0 0 1.414 0l5.339-5.34a1 1 0 0 0 0-1.414Z"
+  />
+</svg>

package/dist/svg/icon/icon-note-12.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M8.5.5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h5ZM3.5 2a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-5Zm2.75 4a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1 0-1.5h1.5Zm1-2.52a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1 0-1.5h2.5Z"
+  />
+</svg>

package/dist/svg/icon/icon-profile-verification-16.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M8 8a6.343 6.343 0 0 1 2.073.348 1.001 1.001 0 0 1-.655 1.89A4.322 4.322 0 0 0 8 10c-2.056 0-3.512 1.182-3.897 3H6.5a1 1 0 0 1 0 2h-3c-.804 0-1.55-.67-1.476-1.581l.03-.298C2.44 10.076 4.819 8.001 8 8Zm5.293 2.623a1 1 0 0 1 1.414 1.414l-2.667 2.667a1 1 0 0 1-1.414 0L9.293 13.37a1 1 0 0 1 1.414-1.414l.626.626 1.96-1.959ZM8 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
+  />
+</svg>

package/dist/svg/icon/icon-profile-verification-20.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M10 10a7.65 7.65 0 0 1 3.715.959 1 1 0 1 1-.97 1.749A5.65 5.65 0 0 0 10 12c-2.78 0-5.376 2.273-5.902 5H9a1 1 0 1 1 0 2H3.75c-.93 0-1.83-.781-1.697-1.87l.052-.358C2.741 13.076 6.167 10 10 10Zm6.793 3.293a1 1 0 0 1 1.414 1.414l-3.333 3.333a1 1 0 0 1-1.414 0l-1.667-1.666a1 1 0 0 1 1.414-1.414l.959.959 2.627-2.626ZM10 1a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"
+  />
+</svg>

package/dist/svg/icon/icon-profile-verification-24.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12 12a8.979 8.979 0 0 1 4.5 1.205 1 1 0 0 1-1.001 1.73A6.961 6.961 0 0 0 12 14a7 7 0 0 0-6.928 6H11a1 1 0 0 1 0 2H5c-1.067 0-2.084-.893-1.931-2.121l.061-.414C3.86 15.225 7.552 12 12 12Zm8.293 4.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 1 1 1.414-1.414L17 19.586l3.293-3.293ZM12 1a5 5 0 1 1-.001 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"
+  />
+</svg>

package/dist/svg/icon/icon-top-service-filled-16.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12.501 0a2.5 2.5 0 0 1 2.5 2.5v11.17c0 1.73-1.82 2.859-3.371 2.09l-3.48-1.727a.334.334 0 0 0-.296 0L4.37 15.761C2.82 16.53 1 15.4 1 13.67L1.001 2.5a2.5 2.5 0 0 1 2.5-2.5h9Zm-3.85 3.372a.76.76 0 0 0-1.304 0l-.975 1.624-1.778.4a.76.76 0 0 0-.414 1.233l1.175 1.386-.257 2.134a.76.76 0 0 0 1.116.76l1.785-.966 1.784.966a.76.76 0 0 0 1.117-.76l-.258-2.134 1.175-1.386a.76.76 0 0 0-.413-1.233l-1.779-.4-.975-1.624ZM8.67 6.32l1.212.272-.808.953.165 1.365L8 8.237l-1.241.672.165-1.365-.808-.953 1.212-.272L8 5.201l.67 1.118Z"
+  />
+</svg>

package/dist/svg/icon/icon-top-service-filled-24.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M19 0a3 3 0 0 1 3 3v17.99c0 2.42-2.72 3.844-4.71 2.464l-4.717-3.271a1 1 0 0 0-1.14 0L6.71 23.457C4.719 24.837 2 23.413 2 20.992V3a3 3 0 0 1 3-3h14Zm-5.713 4.736a1.5 1.5 0 0 0-2.574 0l-1.26 2.109-2.283.512a1.5 1.5 0 0 0-.816 2.433l1.51 1.787-.33 2.742c-.146 1.21 1.135 2.08 2.205 1.498L12 14.59l2.26 1.228c1.071.582 2.351-.288 2.206-1.498l-.33-2.742 1.51-1.787a1.5 1.5 0 0 0-.816-2.433l-2.282-.512-1.26-2.109Zm-.257 3.466a1.1 1.1 0 0 0 .702.509l1.855.417-1.232 1.457a1.1 1.1 0 0 0-.253.842l.262 2.17-1.839-1a1.1 1.1 0 0 0-1.05 0l-1.84 1 .261-2.17a1.1 1.1 0 0 0-.251-.842L8.413 9.128l1.855-.417a1.1 1.1 0 0 0 .702-.509L12 6.48l1.03 1.722Z"
+  />
+</svg>

package/dist/svg/icon/icon-truck-shipped-12.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M6.3 1a1.95 1.95 0 0 1 1.95 1.95v.8h1.14a1.5 1.5 0 0 1 1.17.563L11.67 5.7c.214.266.33.597.33.938V8a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-3 0H4a1.5 1.5 0 0 1-3 0H.75a.75.75 0 0 1 0-1.5H6.3a.45.45 0 0 0 .45-.45v-4.6a.45.45 0 0 0-.45-.45H.75a.75.75 0 0 1 0-1.5H6.3Zm1.95 6.55c0 .155-.02.305-.055.45H10.5V6.638L9.39 5.25H8.25v2.3ZM3.75 4.5a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h3Z"
+  />
+</svg>

package/dist/svg/icons.svg

@@ -1067,6 +1067,11 @@
       d="M2.067 6.647a3.756 3.756 0 0 1-.875 2.113A4.98 4.98 0 0 0 0 12a4.98 4.98 0 0 0 1.191 3.24 3.75 3.75 0 0 1 .876 2.113 4.98 4.98 0 0 0 1.448 3.132 4.98 4.98 0 0 0 3.133 1.449c.77.061 1.524.374 2.113.875A4.98 4.98 0 0 0 12 24a4.98 4.98 0 0 0 3.24-1.191 3.756 3.756 0 0 1 2.113-.875 4.98 4.98 0 0 0 3.133-1.449 4.98 4.98 0 0 0 1.448-3.133 3.76 3.76 0 0 1 .875-2.113A4.98 4.98 0 0 0 24 12a4.98 4.98 0 0 0-1.19-3.239 3.756 3.756 0 0 1-.876-2.113 4.98 4.98 0 0 0-1.448-3.133 4.98 4.98 0 0 0-3.133-1.449 3.756 3.756 0 0 1-2.114-.875A4.98 4.98 0 0 0 12 0a4.98 4.98 0 0 0-3.24 1.191 3.756 3.756 0 0 1-2.112.875 4.98 4.98 0 0 0-3.133 1.449 4.98 4.98 0 0 0-1.448 3.132ZM4.93 4.929a2.98 2.98 0 0 0-.87 1.878 5.756 5.756 0 0 1-1.346 3.25A2.98 2.98 0 0 0 2 12c0 .743.268 1.419.714 1.943a5.756 5.756 0 0 1 1.346 3.25 2.98 2.98 0 0 0 .87 1.878 2.98 2.98 0 0 0 1.878.869 5.76 5.76 0 0 1 3.25 1.346A2.98 2.98 0 0 0 12 22a2.98 2.98 0 0 0 1.943-.714 5.756 5.756 0 0 1 3.25-1.346 2.98 2.98 0 0 0 1.879-.869 2.98 2.98 0 0 0 .869-1.879 5.756 5.756 0 0 1 1.345-3.25A2.98 2.98 0 0 0 22 12a2.98 2.98 0 0 0-.714-1.943 5.756 5.756 0 0 1-1.346-3.25 2.98 2.98 0 0 0-.869-1.878 2.98 2.98 0 0 0-1.878-.869 5.756 5.756 0 0 1-3.25-1.346A2.98 2.98 0 0 0 12 2a2.98 2.98 0 0 0-1.943.714A5.756 5.756 0 0 1 6.808 4.06a2.98 2.98 0 0 0-1.878.869Zm11.781 5.106a1 1 0 0 0-1.414-1.414l-4.632 4.631-1.962-1.962a1 1 0 0 0-1.414 1.415l2.67 2.669a1 1 0 0 0 1.414 0l5.338-5.339Z"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-authenticity-guarantee-filled-16">
+    <path
+      d="M8 0c.9 0 1.716.356 2.315.936.279.268.656.424 1.042.431a3.32 3.32 0 0 1 2.3.977c.636.636.962 1.466.976 2.3.007.386.163.763.432 1.04.579.6.935 1.417.935 2.316 0 .9-.356 1.717-.935 2.316a1.547 1.547 0 0 0-.432 1.041 3.323 3.323 0 0 1-.976 2.3 3.323 3.323 0 0 1-2.3.976 1.549 1.549 0 0 0-1.042.432C9.715 15.644 8.9 16 8 16a3.32 3.32 0 0 1-2.315-.935 1.549 1.549 0 0 0-1.042-.432 3.322 3.322 0 0 1-2.3-.976 3.322 3.322 0 0 1-.975-2.299 1.549 1.549 0 0 0-.431-1.042A3.323 3.323 0 0 1 0 8c0-.9.357-1.716.937-2.315.268-.278.424-.656.43-1.042.015-.834.34-1.664.977-2.3a3.323 3.323 0 0 1 2.299-.976 1.547 1.547 0 0 0 1.04-.431A3.324 3.324 0 0 1 8 0Zm3.207 5.793a1 1 0 0 0-1.414 0L7 8.586l-.793-.793a1 1 0 1 0-1.414 1.414l1.5 1.5a1 1 0 0 0 1.414 0l3.5-3.5a1 1 0 0 0 0-1.414Z"
+    />
+  </symbol>
   <symbol
     viewBox="0 0 16 16"
     id="icon-authenticity-guarantee-filled-16-colored"
@@ -1082,6 +1087,11 @@
       fill="#fff"
     />
   </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-authenticity-guarantee-filled-24">
+    <path
+      d="M12 0a4.98 4.98 0 0 1 3.24 1.191 3.757 3.757 0 0 0 2.112.875 4.98 4.98 0 0 1 3.133 1.449 4.98 4.98 0 0 1 1.449 3.132c.061.771.374 1.525.876 2.114A4.98 4.98 0 0 1 24 12a4.982 4.982 0 0 1-1.19 3.24 3.755 3.755 0 0 0-.875 2.112 4.983 4.983 0 0 1-1.449 3.133 4.982 4.982 0 0 1-3.134 1.449 3.757 3.757 0 0 0-2.113.875A4.98 4.98 0 0 1 12 24a4.98 4.98 0 0 1-3.24-1.191 3.757 3.757 0 0 0-2.113-.875 4.98 4.98 0 0 1-3.131-1.449 4.983 4.983 0 0 1-1.45-3.133 3.757 3.757 0 0 0-.875-2.113A4.98 4.98 0 0 1 0 12a4.98 4.98 0 0 1 1.191-3.24 3.756 3.756 0 0 0 .876-2.113 4.982 4.982 0 0 1 1.449-3.132 4.98 4.98 0 0 1 3.131-1.449 3.757 3.757 0 0 0 2.114-.875A4.98 4.98 0 0 1 12 0Zm4.71 8.621a1 1 0 0 0-1.413 0l-4.632 4.632-1.962-1.963a1 1 0 0 0-1.414 1.414l2.669 2.67a1 1 0 0 0 1.414 0l5.339-5.339a1 1 0 0 0 0-1.414Z"
+    />
+  </symbol>
   <symbol
     viewBox="0 0 24 24"
     id="icon-authenticity-guarantee-filled-24-colored"
@@ -5199,6 +5209,11 @@
       fill="#1F3A6A"
     />
   </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-github-24">
+    <path
+      d="M12 0c6.627 0 12 5.373 12 12 0 5.488-3.685 10.11-8.714 11.54-.075-.897-.266-2.775-.266-4.1 0-1.162-.384-1.896-.829-2.283 2.73-.306 5.58-1.344 5.58-6.07 0-1.344-.464-2.444-1.252-3.3.12-.306.545-1.57-.122-3.26-.034-.01-1.07-.3-3.357 1.263a11.75 11.75 0 0 0-3.053-.407 11.749 11.749 0 0 0-3.053.407C6.627 4.214 5.593 4.522 5.577 4.527c-.667 1.69-.243 2.954-.122 3.26a4.82 4.82 0 0 0-1.253 3.3c0 4.726 2.851 5.785 5.56 6.07-.343.306-.667.856-.768 1.65-.708.327-2.467.856-3.558-1.018-.014-.024-.66-1.182-1.881-1.263-.025 0-1.18.009-.081.754.011.006.813.377 1.355 1.792.005.015.719 2.198 4.105 1.467 0 .807.012 2.33.017 3.068C3.801 22.258 0 17.574 0 12 0 5.373 5.373 0 12 0Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 24 24" id="icon-glasses-24">
     <path
       d="m23.79 12.386-6.597-8.482A2.344 2.344 0 0 0 13 5.343a1 1 0 0 0 2 0 .354.354 0 0 1 .614-.21L20.954 12H16a2.996 2.996 0 0 0-2.884 2.22 2.938 2.938 0 0 0-2.232 0A2.996 2.996 0 0 0 8 12H3.045l5.34-6.867a.355.355 0 0 1 .615.21 1 1 0 0 0 2 0 2.343 2.343 0 0 0-4.193-1.439L.21 12.386c-.214.329-.268.672-.1 1.05.184.335.496.558.89.564v4a3.003 3.003 0 0 0 3 3h3a4.004 4.004 0 0 0 4-4 1 1 0 0 1 2 0 4.004 4.004 0 0 0 4 4h3a3.003 3.003 0 0 0 3-3v-4a1 1 0 0 0 .79-1.614ZM7 19H4a1 1 0 0 1-1-1v-4h5c.552 0 .999.448 1 1v2a2.002 2.002 0 0 1-2 2Zm13 0h-3a2.002 2.002 0 0 1-2-2v-2a1 1 0 0 1 1-1h5v4c-.001.552-.448 1-1 1Z"
@@ -7548,6 +7563,11 @@
       d="M13.149.348a2.069 2.069 0 0 0-2.297 0C7.556 2.552 4.37 3.257 3.274 3.445A1.53 1.53 0 0 0 2 4.945v6.04c0 2.788.571 5.186 2.058 7.316 1.474 2.11 3.78 3.86 7.064 5.49a1.98 1.98 0 0 0 1.756 0c3.285-1.63 5.59-3.38 7.064-5.49C21.429 16.171 22 13.773 22 10.986v-6.04c0-.77-.57-1.38-1.275-1.501-1.095-.188-4.281-.893-7.577-3.097Zm-1.186 1.663A.065.065 0 0 1 12 2a.07.07 0 0 1 .037.01C15.326 4.21 18.51 5.05 20 5.345v5.642c0 2.497-.506 4.462-1.698 6.17-1.205 1.726-3.18 3.287-6.302 4.837-3.122-1.55-5.097-3.111-6.302-4.837C4.506 15.448 4 13.483 4 10.986V5.344c1.49-.294 4.674-1.134 7.963-3.333Zm4.748 8.023a1 1 0 0 0-1.414-1.415l-4.632 4.632-1.962-1.962a1 1 0 1 0-1.414 1.414l2.67 2.67a1 1 0 0 0 1.414 0l5.338-5.34Z"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-money-back-guarantee-filled-16">
+    <path
+      d="M7.008.356a1.56 1.56 0 0 1 1.984 0c1.607 1.33 3.721 1.74 4.655 1.855.733.09 1.353.71 1.353 1.516v4.272c0 1.288-.336 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.158-3.86-2.427-4.82-3.77C1.336 10.666 1 9.287 1 8V3.727C1 2.92 1.62 2.3 2.353 2.21 3.287 2.096 5.4 1.686 7.008.356Zm4.199 5.436a1 1 0 0 0-1.414 0L7 8.585l-.793-.793a1 1 0 1 0-1.414 1.414l1.5 1.5a1 1 0 0 0 1.414 0l3.5-3.5a1 1 0 0 0 0-1.414Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-money-back-guarantee-filled-16-colored">
     <path
       fill-rule="evenodd"
@@ -7560,6 +7580,11 @@
       fill="#fff"
     />
   </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-money-back-guarantee-filled-24">
+    <path
+      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.778 3.86-7.063 5.49a1.98 1.98 0 0 1-1.756 0c-3.285-1.63-5.59-3.38-7.063-5.49C2.57 16.171 2 13.773 2 10.986v-6.04c0-.769.57-1.38 1.274-1.501 1.095-.188 4.282-.893 7.578-3.097Zm5.859 8.271a1 1 0 0 0-1.414 0l-4.632 4.631-1.962-1.962a1 1 0 0 0-1.414 1.415l2.669 2.67a1 1 0 0 0 1.414 0l5.339-5.34a1 1 0 0 0 0-1.414Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 24 24" id="icon-money-back-guarantee-filled-24-colored">
     <path
       fill-rule="evenodd"
@@ -7893,6 +7918,11 @@
       d="M31 44.524c0-.43.273-.813.674-.97a20.977 20.977 0 0 0 5.369-3.094C28.254 31.765 25.27 28.733 22.287 25.7l-.001-.001c-2.978-3.026-5.957-6.053-14.743-14.746A20.91 20.91 0 0 0 3 24c0 1.966.27 3.869.775 5.674.183.654-.292 1.326-.972 1.326a.957.957 0 0 1-.926-.688A23.016 23.016 0 0 1 1 24C1 11.297 11.297 1 24 1s23 10.297 23 23c0 9.771-6.093 18.12-14.688 21.452-.641.249-1.312-.24-1.312-.928ZM45 24a20.94 20.94 0 0 1-6.447 15.14c-2.63-2.602-4.744-4.7-6.493-6.442A12.5 12.5 0 0 0 39 21.5C39 14.596 33.404 9 26.5 9c-.114 0-.227.002-.34.005A3.567 3.567 0 0 0 26 9a.974.974 0 0 0-.188.018c-4.585.248-8.513 2.968-10.475 6.851a2558.23 2558.23 0 0 0-6.475-6.424A20.94 20.94 0 0 1 24 3c11.598 0 21 9.402 21 21Zm-28.157-6.628a979.983 979.983 0 0 1 6.567 6.619A6.972 6.972 0 0 1 27 23a6.99 6.99 0 0 1 5.218 2.333 1 1 0 1 1-1.49 1.334A4.985 4.985 0 0 0 27 25c-.763 0-1.484.17-2.13.475a951.891 951.891 0 0 0 5.678 5.716A10.503 10.503 0 0 0 37 21.5c0-4.823-3.252-8.887-7.683-10.118A3.5 3.5 0 0 1 27.4 15.71a1 1 0 0 1-.8-1.832 1.5 1.5 0 0 0-.471-2.87 10.504 10.504 0 0 0-9.287 6.365ZM24 20a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm7.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM12.115 40.51v-2.575c0-2.11-1.534-3.435-3.558-3.435C6.521 34.5 5 35.825 5 37.935v2.576c0 2.122 1.521 3.434 3.557 3.434 2.024 0 3.558-1.312 3.558-3.434Zm-3.558-4.477c1.018 0 1.718.712 1.718 1.902v2.576c0 1.19-.7 1.901-1.718 1.901-1.03 0-1.73-.712-1.73-1.901v-2.576c0-1.19.7-1.902 1.73-1.902Zm13.614 7.912c-1.89 0-3.325-1.03-3.472-3.09h1.852c.013 1.054.798 1.557 1.706 1.557.772 0 1.484-.43 1.484-1.251 0-.712-.577-1.337-1.644-1.337h-.7v-1.497h.725c.81 0 1.349-.589 1.349-1.202 0-.724-.577-1.092-1.251-1.092-.932 0-1.448.466-1.485 1.472h-1.852c.123-1.84 1.337-3.005 3.325-3.005 1.815 0 3.103.883 3.103 2.453 0 .883-.527 1.62-1.165 2 1.005.417 1.447 1.361 1.447 2.195 0 1.718-1.546 2.797-3.422 2.797Zm-8.726-3.987v-1.595h4.146v1.595h-4.146Z"
     />
   </symbol>
+  <symbol viewBox="0 0 12 12" id="icon-note-12">
+    <path
+      d="M8.5.5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h5ZM3.5 2a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-5Zm2.75 4a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1 0-1.5h1.5Zm1-2.52a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1 0-1.5h2.5Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-note-16">
     <path
       d="M11.5 1A2.5 2.5 0 0 1 14 3.5v9a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 12.5v-9A2.5 2.5 0 0 1 4.5 1h7Zm-7 2a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-7Zm3.603 5.005a1 1 0 0 1 0 1.99L8 10H6a1 1 0 0 1 0-2h2l.103.005ZM10 5a1 1 0 1 1 0 2H6a1 1 0 0 1 0-2h4Z"
@@ -9517,6 +9547,21 @@
       d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11Zm-4.784 6.509C17.05 16.424 14.704 15 12 15s-5.05 1.424-6.216 3.508a9 9 0 1 1 12.432 0Z"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-profile-verification-16">
+    <path
+      d="M8 8a6.343 6.343 0 0 1 2.073.348 1.001 1.001 0 0 1-.655 1.89A4.322 4.322 0 0 0 8 10c-2.056 0-3.512 1.182-3.897 3H6.5a1 1 0 0 1 0 2h-3c-.804 0-1.55-.67-1.476-1.581l.03-.298C2.44 10.076 4.819 8.001 8 8Zm5.293 2.623a1 1 0 0 1 1.414 1.414l-2.667 2.667a1 1 0 0 1-1.414 0L9.293 13.37a1 1 0 0 1 1.414-1.414l.626.626 1.96-1.959ZM8 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 20 20" id="icon-profile-verification-20">
+    <path
+      d="M10 10a7.65 7.65 0 0 1 3.715.959 1 1 0 1 1-.97 1.749A5.65 5.65 0 0 0 10 12c-2.78 0-5.376 2.273-5.902 5H9a1 1 0 1 1 0 2H3.75c-.93 0-1.83-.781-1.697-1.87l.052-.358C2.741 13.076 6.167 10 10 10Zm6.793 3.293a1 1 0 0 1 1.414 1.414l-3.333 3.333a1 1 0 0 1-1.414 0l-1.667-1.666a1 1 0 0 1 1.414-1.414l.959.959 2.627-2.626ZM10 1a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-profile-verification-24">
+    <path
+      d="M12 12a8.979 8.979 0 0 1 4.5 1.205 1 1 0 0 1-1.001 1.73A6.961 6.961 0 0 0 12 14a7 7 0 0 0-6.928 6H11a1 1 0 0 1 0 2H5c-1.067 0-2.084-.893-1.931-2.121l.061-.414C3.86 15.225 7.552 12 12 12Zm8.293 4.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 1 1 1.414-1.414L17 19.586l3.293-3.293ZM12 1a5 5 0 1 1-.001 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 24 24" id="icon-progress-current-24">
     <path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z" />
     <path
@@ -10865,6 +10910,11 @@
       d="M5 0a3 3 0 0 0-3 3v17.992c0 2.421 2.72 3.845 4.71 2.465l4.723-3.275a1 1 0 0 1 1.14 0l4.717 3.272c1.99 1.38 4.71-.044 4.71-2.465V3a3 3 0 0 0-3-3H5ZM4 3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v17.989a1 1 0 0 1-1.57.822l-4.717-3.272a3 3 0 0 0-3.42 0L5.57 21.814A1 1 0 0 1 4 20.992V3Zm9.287 1.737a1.5 1.5 0 0 0-2.574 0L9.452 6.845l-2.282.513a1.5 1.5 0 0 0-.816 2.432l1.51 1.787-.33 2.743c-.146 1.21 1.135 2.08 2.205 1.497L12 14.59l2.26 1.228c1.07.582 2.352-.287 2.206-1.497l-.33-2.743 1.51-1.787a1.5 1.5 0 0 0-.816-2.432l-2.282-.513-1.26-2.108ZM10.97 8.203 12 6.48l1.03 1.722a1.1 1.1 0 0 0 .703.508l1.854.417-1.232 1.457a1.1 1.1 0 0 0-.252.842l.261 2.17-1.839-.999a1.1 1.1 0 0 0-1.05 0l-1.84 1 .262-2.171a1.1 1.1 0 0 0-.252-.842L8.413 9.128l1.855-.417a1.1 1.1 0 0 0 .702-.508Z"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-top-service-filled-16">
+    <path
+      d="M12.501 0a2.5 2.5 0 0 1 2.5 2.5v11.17c0 1.73-1.82 2.859-3.371 2.09l-3.48-1.727a.334.334 0 0 0-.296 0L4.37 15.761C2.82 16.53 1 15.4 1 13.67L1.001 2.5a2.5 2.5 0 0 1 2.5-2.5h9Zm-3.85 3.372a.76.76 0 0 0-1.304 0l-.975 1.624-1.778.4a.76.76 0 0 0-.414 1.233l1.175 1.386-.257 2.134a.76.76 0 0 0 1.116.76l1.785-.966 1.784.966a.76.76 0 0 0 1.117-.76l-.258-2.134 1.175-1.386a.76.76 0 0 0-.413-1.233l-1.779-.4-.975-1.624ZM8.67 6.32l1.212.272-.808.953.165 1.365L8 8.237l-1.241.672.165-1.365-.808-.953 1.212-.272L8 5.201l.67 1.118Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-top-service-filled-16-colored">
     <path
       fill-rule="evenodd"
@@ -10878,6 +10928,11 @@
       stroke-width="1.5"
     />
   </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-top-service-filled-24">
+    <path
+      d="M19 0a3 3 0 0 1 3 3v17.99c0 2.42-2.72 3.844-4.71 2.464l-4.717-3.271a1 1 0 0 0-1.14 0L6.71 23.457C4.719 24.837 2 23.413 2 20.992V3a3 3 0 0 1 3-3h14Zm-5.713 4.736a1.5 1.5 0 0 0-2.574 0l-1.26 2.109-2.283.512a1.5 1.5 0 0 0-.816 2.433l1.51 1.787-.33 2.742c-.146 1.21 1.135 2.08 2.205 1.498L12 14.59l2.26 1.228c1.071.582 2.351-.288 2.206-1.498l-.33-2.742 1.51-1.787a1.5 1.5 0 0 0-.816-2.433l-2.282-.512-1.26-2.109Zm-.257 3.466a1.1 1.1 0 0 0 .702.509l1.855.417-1.232 1.457a1.1 1.1 0 0 0-.253.842l.262 2.17-1.839-1a1.1 1.1 0 0 0-1.05 0l-1.84 1 .261-2.17a1.1 1.1 0 0 0-.251-.842L8.413 9.128l1.855-.417a1.1 1.1 0 0 0 .702-.509L12 6.48l1.03 1.722Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 24 24" id="icon-top-service-filled-24-colored">
     <path
       fill-rule="evenodd"
@@ -10999,6 +11054,11 @@
       d="M5 16.5A2.5 2.5 0 0 1 7.5 14h28a2.5 2.5 0 0 1 2.5 2.5V44H25.626a8.504 8.504 0 0 0-16.252 0H7.5A2.5 2.5 0 0 1 5 41.5v-25ZM9.374 49H7.5A7.5 7.5 0 0 1 0 41.5v-25A7.5 7.5 0 0 1 7.5 9h28a7.5 7.5 0 0 1 7.5 7.5v.5h5.74a6.5 6.5 0 0 1 4.792 2.108l8.76 9.556A6.5 6.5 0 0 1 64 33.056V42.5a6.5 6.5 0 0 1-6.5 6.5h-2.874a8.504 8.504 0 0 1-16.252 0H25.626a8.504 8.504 0 0 1-16.252 0ZM43 38.752V22h5.74a1.5 1.5 0 0 1 1.106.486l8.76 9.556A1.5 1.5 0 0 1 59 33.056V42.5a1.5 1.5 0 0 1-1.5 1.5h-2.874A8.504 8.504 0 0 0 43 38.752Zm0 7.748a3.5 3.5 0 1 0 7 0 3.5 3.5 0 0 0-7 0Zm-22 0a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z"
     />
   </symbol>
+  <symbol viewBox="0 0 12 12" id="icon-truck-shipped-12">
+    <path
+      d="M6.3 1a1.95 1.95 0 0 1 1.95 1.95v.8h1.14a1.5 1.5 0 0 1 1.17.563L11.67 5.7c.214.266.33.597.33.938V8a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-3 0H4a1.5 1.5 0 0 1-3 0H.75a.75.75 0 0 1 0-1.5H6.3a.45.45 0 0 0 .45-.45v-4.6a.45.45 0 0 0-.45-.45H.75a.75.75 0 0 1 0-1.5H6.3Zm1.95 6.55c0 .155-.02.305-.055.45H10.5V6.638L9.39 5.25H8.25v2.3ZM3.75 4.5a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h3Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-truck-shipped-16">
     <path
       fill-rule="evenodd"

package/dist/tooltip/tooltip.css

@@ -12,11 +12,11 @@ span.tooltip {
     display: none;
     font-size: 14px;
     left: 0;
-    max-width: 344px;
+    min-width: 280px;
     position: absolute;
     top: 0;
     transform: scaleX(1);
-    width: max-content;
+    width: fit-content;
 }
 .tooltip__mask,
 .tooltip__overlay {
@@ -143,5 +143,6 @@ button.tooltip__close {
 @media (min-width: 512px) {
     .tooltip__overlay {
         max-width: 400px;
+        width: max-content;
     }
 }

package/dist/tourtip/tourtip.css

@@ -12,11 +12,11 @@ span.tourtip {
     display: none;
     font-size: 14px;
     left: 0;
-    max-width: 344px;
+    min-width: 280px;
     position: absolute;
     top: 0;
     transform: scaleX(1);
-    width: max-content;
+    width: fit-content;
 }
 .tourtip__mask,
 .tourtip__overlay {
@@ -185,5 +185,6 @@ span.tourtip__heading {
 @media (min-width: 512px) {
     .tourtip__overlay {
         max-width: 400px;
+        width: max-content;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ebay/skin",
-    "version": "19.20.0",
+    "version": "19.21.0",
     "description": "Skin - CSS modules that represent the brand eBay",
     "keywords": [
         "eBay",
@@ -37,7 +37,6 @@
         "build": "npm run build:css && npm run lint:js && npm run build:icons && npm run copy && tsx scripts gen-build",
         "build:css": "npm run lint:sass && rimraf dist && npm run bundle && npm run postcss && tsx scripts/add-y-comments && prettier dist --write && npm run lint:css",
         "build:icons": "tsx scripts genSVG && prettier ../../src/data/icons.json --write",
-        "build:snapshots": "npm run copy:assetsToStorybook && storybook build -o ./.storybook-percy",
         "build:storybook": "npm run copy:assetsToStorybook && storybook build -o ./_site/public/storybook",
         "bundle": "sass src/sass:dist src/tokens:dist/tokens --no-source-map -I \"../../node_modules\"",
         "clean": "rimraf _cdn _site .cache .tmp .jekyll npm-debug.log.* .DS_Store",
@@ -58,12 +57,10 @@
         "preview": "marko-run preview",
         "postpublish": "tsx scripts clean",
         "release": "npm run build",
-        "snapshots": "npm run build:snapshots && npx gulp runSnapshots --stories $STORIES",
-        "snapshots:all": "npm run build:snapshots && percy storybook ./.storybook-percy --include '.*'",
-        "snapshots:all:dry": "npm run build:snapshots && percy storybook --dry-run ./.storybook-percy --include '.*'",
-        "snapshots:dry": "npm run build:snapshots && npx gulp runSnapshots --dry yes --stories $STORIES",
-        "snapshots:execute": "npm run build:snapshots && percy storybook ./.storybook-percy --include",
-        "snapshots:execute:dry": "percy storybook ./.storybook-percy --dry-run --include",
+        "snapshots": "percy storybook:start --include \"$(echo $STORIES)\"",
+        "snapshots:all": "percy storybook:start --include '.*'",
+        "snapshots:all:dry": "percy storybook:start --dry-run --include '.*'",
+        "snapshots:dry": "percy storybook:start --dry-run --include \"$(echo $STORIES)\"",
         "start": "marko-run",
         "storybook": "npm run copy:assetsToStorybook && storybook dev -c .storybook --no-open",
         "test": "npm run build",

package/gulpfile.js

@@ -1,34 +0,0 @@
-var child_process = require("child_process");
-var yargs = require("yargs");
-
-async function runSnapshots(storiesList, isDryRun) {
-    const stories =
-        yargs.argv.stories === undefined ? storiesList : yargs.argv.stories;
-    const aStories = stories.split(",");
-    const storiesReg = aStories.join("|");
-    const storiesRX = `^\\bSkin/\(?:${storiesReg})\\b`;
-    const storiesRXString = "\\bSkin/\\(?:" + storiesReg + ")\\b";
-    const dryRun = yargs.argv.dry === undefined ? isDryRun : yargs.argv.dry;
-    const percyExecutable = dryRun
-        ? "snapshots:execute:dry"
-        : "snapshots:execute";
-
-    console.log(`
-************************************************************
-Running Percy Snapshot(s)...
-Snapshot(s):         ${stories}
-Percy Stories Regex: ${storiesRXString}
-Percy Dry Run:       ${dryRun}
-Running Snapshot(s)...
-************************************************************
-	`);
-
-    return child_process
-        .spawn("npm", ["run", percyExecutable, storiesRX], { stdio: "inherit" })
-        .on("close", function () {
-            console.log("\nCompleted\n\n");
-        });
-}
-
-// public tasks
-exports.runSnapshots = runSnapshots;