@ebay/skin 17.5.0 → 18.0.0-next.0

package/dist/snackbar-dialog/snackbar-dialog.css

@@ -1,77 +1,107 @@
 :root {
-  --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
-  --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
-  --dialog-lightbox-max-width: 616px;
+    --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
+    --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
+    --dialog-lightbox-max-width: 616px;
 }
 .snackbar-dialog {
-  background-color: var(--snackbar-dialog-background-color, var(--color-background-inverse));
-  border-radius: var(--snackbar-dialog-border-radius, var(--border-radius-100));
-  bottom: 40px;
-  box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);
-  color: var(--snackbar-dialog-foreground-color, var(--color-foreground-on-inverse));
-  left: var(--spacing-100);
-  margin: auto;
-  max-height: 40vh;
-  max-width: 448px;
-  position: fixed;
-  right: var(--spacing-100);
-  transform: translateY(0);
-  will-change: opacity, transform;
-  z-index: 2;
-}
+    background-color: var(
+        --snackbar-dialog-background-color,
+        var(--color-background-inverse)
+    );
+    border-radius: var(
+        --snackbar-dialog-border-radius,
+        var(--border-radius-100)
+    );
+    bottom: 40px;
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);
+    color: var(
+        --snackbar-dialog-foreground-color,
+        var(--color-foreground-on-inverse)
+    );
+    left: var(--spacing-100);
+    margin: auto;
+    max-height: 40vh;
+    max-width: 448px;
+    position: fixed;
+    right: var(--spacing-100);
+    transform: translateY(0);
+    will-change: opacity, transform;
+    z-index: 2;
+}
+
 .snackbar-dialog--transition {
-  transition: opacity 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s, transform 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s;
-}
-.snackbar-dialog--show,
-.snackbar-dialog--hide-init {
-  display: block;
-  opacity: 1;
-  transform: translateY(0);
-}
-.snackbar-dialog--show-init,
-.snackbar-dialog--hide {
-  display: block;
-  opacity: 0;
-  transform: translateY(110%);
-}
+    transition:
+        opacity 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s,
+        transform 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s;
+}
+
+.snackbar-dialog--hide-init,
+.snackbar-dialog--show {
+    display: block;
+    opacity: 1;
+    transform: translateY(0);
+}
+
+.snackbar-dialog--hide,
+.snackbar-dialog--show-init {
+    display: block;
+    opacity: 0;
+    transform: translateY(110%);
+}
+
 .snackbar-dialog__window {
-  display: flex;
-  margin: var(--spacing-200) var(--spacing-300);
+    display: flex;
+    margin: var(--spacing-200) var(--spacing-300);
 }
+
 .snackbar-dialog__window--column {
-  flex-direction: column;
+    flex-direction: column;
 }
+
 .snackbar-dialog__main {
-  -webkit-margin-end: var(--spacing-400);
-          margin-inline-end: var(--spacing-400);
+    -webkit-margin-end: var(--spacing-400);
+    margin-inline-end: var(--spacing-400);
 }
+
 .snackbar-dialog__main p {
-  margin: 0;
+    margin: 0;
 }
+
 .snackbar-dialog__actions {
-  -webkit-margin-start: auto;
-          margin-inline-start: auto;
+    -webkit-margin-start: auto;
+    margin-inline-start: auto;
 }
+
 .snackbar-dialog__window--column .snackbar-dialog__actions {
-  margin-top: var(--spacing-200);
+    margin-top: var(--spacing-200);
 }
+
 .snackbar-dialog__actions .fake-link {
-  color: var(--snackbar-dialog-foreground-color, var(--color-foreground-on-inverse));
-  text-decoration: none;
+    color: var(
+        --snackbar-dialog-foreground-color,
+        var(--color-foreground-on-inverse)
+    );
+    text-decoration: none;
 }
-.snackbar-dialog__actions .fake-link::first-letter {
-  text-decoration: underline;
+.snackbar-dialog__actions .fake-link:first-letter {
+    text-decoration: underline;
 }
 .snackbar-dialog__actions button.fake-link:hover:not(:disabled) {
-  color: var(--snackbar-dialog-foreground-color, var(--color-foreground-on-inverse));
-  text-decoration: underline;
+    color: var(
+        --snackbar-dialog-foreground-color,
+        var(--color-foreground-on-inverse)
+    );
+    text-decoration: underline;
 }
+
 @media (min-width: 512px) {
-  .snackbar-dialog {
-    bottom: 20px;
-  }
+    .snackbar-dialog {
+        bottom: 20px;
+    }
 }
 [dir="rtl"] .snackbar-dialog {
-  left: auto;
-  right: 0;
+    left: auto;
+    right: 0;
 }
+
+/*# sourceMappingURL=snackbar-dialog.css.map */

package/dist/snackbar-dialog/snackbar-dialog.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/mixins/private/_dialog-mixins.scss","snackbar-dialog.css","../../src/sass/snackbar-dialog/snackbar-dialog.scss","../../src/sass/mixins/private/_token-mixins.scss"],"names":[],"mappings":"AAEA;EACI,6CAAA;EACA,+CAAA;EACA,iCAAA;ACMJ;ACPA;ECFQ,yFAAA;EAAA,4EAAA;EDYJ,WAAA;EACA,qCAAA;ECbI,iFAAA;EDmBJ,uBAAA;EACA,WAAA;EACA,eAAA;EACA,eAAA;EACA,cAAA;EACA,wBAAA;EAEA,uBAAA;EACA,8BAAA;EACA,SAAA;ADCJ;;ACEA;EACI,0GACI;ADAR;;ACIA;EAEI,aAAA;EACA,SAAA;EACA,uBAAA;ADDJ;;ACIA;EAEI,aAAA;EACA,SAAA;EACA,0BAAA;ADDJ;;ACIA;EACI,YAAA;EACA,4CAAA;ADDJ;;ACIA;EACI,qBAAA;ADDJ;;ACIA;EACI,qCAAA;UAAA,oCAAA;ADDJ;;ACIA;EACI,QAAA;ADDJ;;ACIA;EACI,yBAAA;UAAA,wBAAA;ADDJ;;ACIA;EACI,6BAAA;ADDJ;;ACIA;EC5EQ,iFAAA;EDkFJ,oBAAA;ADLJ;ACOI;EACI,yBAAA;ADLR;ACUA;EC1FQ,iFAAA;EDgGJ,yBAAA;ADVJ;;ACaA;EACI;IACI,WAAA;EDVN;AACF;ACcI;EACI,SAAA;EACA,OAAA;ADZR","file":"snackbar-dialog.css"}

package/dist/split-button/split-button.css

@@ -1,3 +1,5 @@
 .split-button {
-  display: inline-flex;
+    display: inline-flex;
 }
+
+/*# sourceMappingURL=split-button.css.map */

package/dist/split-button/split-button.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/split-button/split-button.scss","split-button.css"],"names":[],"mappings":"AAEA;EACI,mBAAA;ACMJ","file":"split-button.css"}

package/dist/star-rating/star-rating.css

@@ -1,34 +1,55 @@
 svg.star-rating {
-  display: inline-block;
-  fill: currentColor;
-  height: 16px;
-  pointer-events: none;
-  stroke: currentColor;
-  stroke-width: 0;
-  vertical-align: middle;
-  width: 84px;
+    display: inline-block;
+    fill: currentColor;
+    height: 16px;
+    pointer-events: none;
+    stroke: currentColor;
+    stroke-width: 0;
+    vertical-align: middle;
+    width: 84px;
 }
+
 svg.star-rating__icon {
-  height: 16px;
-  width: 16px;
+    height: 16px;
+    width: 16px;
 }
+
 div.star-rating[data-stars^="1"] svg:nth-child(-n + 1),
 div.star-rating[data-stars^="2"] svg:nth-child(-n + 2),
 div.star-rating[data-stars^="3"] svg:nth-child(-n + 3),
 div.star-rating[data-stars^="4"] svg:nth-child(-n + 4),
 div.star-rating[data-stars^="5"] svg:nth-child(-n + 5) {
-  --color-star-rating-full: var(--color-star-rating-filled, var(--color-foreground-primary));
-  --color-star-rating-full-stroke: var(--color-star-rating-filled-stroke, var(--color-foreground-primary));
-  --color-star-rating-half-stroke: var(--color-star-rating-filled-stroke, var(--color-foreground-primary));
+    --color-star-rating-full: var(
+        --color-star-rating-filled,
+        $color-star-rating-icon-filled-foreground
+    );
+    --color-star-rating-full-stroke: var(
+        --color-star-rating-filled-stroke,
+        $color-star-rating-icon-filled-stroke
+    );
+    --color-star-rating-half-stroke: var(
+        --color-star-rating-filled-stroke,
+        $color-star-rating-icon-filled-stroke
+    );
 }
-/* half stars */
-div.star-rating[data-stars="0-5"] svg:nth-child(1),
+div.star-rating[data-stars="0-5"] svg:first-child,
 div.star-rating[data-stars="1-5"] svg:nth-child(2),
 div.star-rating[data-stars="2-5"] svg:nth-child(3),
 div.star-rating[data-stars="3-5"] svg:nth-child(4),
 div.star-rating[data-stars="4-5"] svg:nth-child(5) {
-  --color-star-rating-half: var(--color-star-rating-filled, var(--color-foreground-primary));
-  --color-star-rating-full: var(--color-star-rating-unfilled, transparent);
-  --color-star-rating-full-stroke: var(--color-star-rating-unfilled-stroke, var(--color-neutral-5));
-  --color-star-rating-half-stroke: var(--color-star-rating-filled-stroke, var(--color-foreground-primary));
+    --color-star-rating-half: var(
+        --color-star-rating-filled,
+        var(--color-foreground-primary)
+    );
+    --color-star-rating-full: var(--color-star-rating-unfilled, transparent);
+    --color-star-rating-full-stroke: var(
+        --color-star-rating-unfilled-stroke,
+        var(--color-neutral-600)
+    );
+    --color-star-rating-half-stroke: var(
+        --color-star-rating-filled-stroke,
+        var(--color-foreground-primary)
+    );
 }
+
+/*# sourceMappingURL=star-rating.css.map */

package/dist/star-rating/star-rating.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/star-rating/star-rating.scss","star-rating.css"],"names":[],"mappings":"AAUA;EACI,oBAAA;EACA,iBAAA;EACA,WAAA;EACA,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,qBAAA;EACA,UAAA;ACDJ;;ADIA;EACI,WAAA;EACA,UAAA;ACDJ;;ADIA;EAKI;;;GAAA;EAIA;;;GAAA;EAIA;;;GAAA;ACEJ;ADKA;EAKI;;;GAAA;EAIA;;;GAAA;EAIA;;;GAAA;EAIA;;;GAAA;ACEJ","file":"star-rating.css"}

package/dist/star-rating-select/star-rating-select.css

@@ -1,54 +1,82 @@
 div.star-rating-select {
-  cursor: pointer;
-  display: inline-block;
+    cursor: pointer;
+    display: inline-block;
 }
+
 span.star-rating-select__radio {
-  display: inline-flex;
-  position: relative;
-  vertical-align: text-top;
+    display: inline-flex;
+    position: relative;
+    vertical-align: text-top;
 }
+
 span.star-rating-select__radio svg {
-  display: inline-block;
-  fill: currentColor;
-  pointer-events: none;
-  stroke: currentColor;
-  stroke-width: 0;
-  vertical-align: middle;
+    display: inline-block;
+    fill: currentColor;
+    pointer-events: none;
+    stroke: currentColor;
+    stroke-width: 0;
+    vertical-align: middle;
 }
+
 span.star-rating-select__radio-icon {
-  display: inline-flex;
-  outline-offset: 1px;
+    display: inline-flex;
+    outline-offset: 1px;
 }
+
 span.star-rating-select__radio-icon svg {
-  height: 16px;
-  width: 16px;
+    height: 16px;
+    width: 16px;
 }
+
 span.star-rating-select__radio input.star-rating-select__control[type="radio"] {
-  cursor: pointer;
-  font-size: 100%;
-  height: 16px;
-  margin: 0;
-  min-width: 16px;
-  opacity: 0;
-  padding: 0;
-  position: absolute;
-  width: 16px;
-  z-index: 1;
-}
-span.star-rating-select__radio input.star-rating-select__control[type="radio"]:focus + span.star-rating-select__radio-icon {
-  outline: 1px auto;
-  outline-color: var(--radio-outline, var(--color-foreground-secondary));
-  outline-offset: 2px;
-}
-span.star-rating-select__radio input.star-rating-select__control[type="radio"]:focus:not(:focus-visible) + span.star-rating-select__radio-icon {
-  outline: none;
+    cursor: pointer;
+    font-size: 100%;
+    height: 16px;
+    margin: 0;
+    min-width: 16px;
+    opacity: 0;
+    padding: 0;
+    position: absolute;
+    width: 16px;
+    z-index: 1;
 }
+span.star-rating-select__radio
+    input.star-rating-select__control[type="radio"]:focus
+    + span.star-rating-select__radio-icon {
+    outline: 1px auto;
+    outline-color: var(--radio-outline, var(--color-foreground-secondary));
+    outline-offset: 2px;
+}
+span.star-rating-select__radio
+    input.star-rating-select__control[type="radio"]:focus:not(:focus-visible)
+    + span.star-rating-select__radio-icon {
+    outline: none;
+}
+
 div.star-rating-select span.star-rating-select__radio-icon svg {
-  --color-star-rating-full: var(--color-star-rating-unfilled, transparent);
+    --color-star-rating-full: var(--color-star-rating-unfilled, transparent);
 }
-div.star-rating-select input.star-rating-select__control--filled + span.star-rating-select__radio-icon svg,
-div.star-rating-select input.star-rating-select__control[type="radio"]:checked + span.star-rating-select__radio-icon svg {
-  --color-star-rating-full: var(--color-star-rating-filled, var(--color-foreground-primary));
-  --color-star-rating-full-stroke: var(--color-star-rating-filled-stroke, var(--color-foreground-primary));
-  --color-star-rating-half-stroke: var(--color-star-rating-filled-stroke, var(--color-foreground-primary));
+
+div.star-rating-select
+    input.star-rating-select__control--filled
+    + span.star-rating-select__radio-icon
+    svg,
+div.star-rating-select
+    input.star-rating-select__control[type="radio"]:checked
+    + span.star-rating-select__radio-icon
+    svg {
+    --color-star-rating-full: var(
+        --color-star-rating-filled,
+        var(--color-foreground-primary)
+    );
+    --color-star-rating-full-stroke: var(
+        --color-star-rating-filled-stroke,
+        var(--color-foreground-primary)
+    );
+    --color-star-rating-half-stroke: var(
+        --color-star-rating-filled-stroke,
+        var(--color-foreground-primary)
+    );
 }
+
+/*# sourceMappingURL=star-rating-select.css.map */

package/dist/star-rating-select/star-rating-select.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/star-rating-select/star-rating-select.scss","star-rating-select.css","../../src/sass/mixins/private/_icon-mixins.scss","../../src/sass/mixins/private/_token-mixins.scss"],"names":[],"mappings":"AAWA;EACI,cAAA;EACA,oBAAA;ACDJ;;ADIA;EACI,mBAAA;EACA,iBAAA;EACA,uBAAA;ACDJ;;ADIA;EEjBI,oBAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,qBAAA;ADiBJ;;ADDA;EACI,mBAAA;EACA,kBAAA;ACIJ;;ADDA;EACI,WAAA;EACA,UAAA;ACIJ;;ADDA;EACI,cAAA;EACA,cAAA;EACA,WAAA;EACA,QAAA;EACA,cAAA;EACA,SAAA;EACA,SAAA;EACA,iBAAA;EACA,UAAA;EACA,SAAA;ACIJ;ADFI;EACI,gBAAA;EG/CA,qEAAA;EHkDA,kBAAA;ACGR;ADAI;EACI,YAAA;ACER;;ADEA;EACI;;;GAAA;ACIJ;;ADGI;EAMI;;;GAAA;EAIA;;;GAAA;EAIA;;;GAAA;ACFR","file":"star-rating-select.css"}

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-filled-16-colored"
+      x1="21.21"
+      y1="11.161"
+      x2="11.274"
+      y2="21.774"
       gradientUnits="userSpaceOnUse"
     >
       <stop offset=".098" stop-color="#FFD80E" />
@@ -44,7 +44,21 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-filled-16-colored"
+      id="ref-ai-spectrum-filled-20-colored"
+      x1="26.984"
+      y1="14.065"
+      x2="14.21"
+      y2="27.71"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop offset=".098" stop-color="#FFD80E" />
+      <stop offset=".267" stop-color="#FF4242" />
+      <stop offset=".418" stop-color="#993EE0" />
+      <stop offset=".562" stop-color="#0968F6" />
+      <stop offset=".785" stop-color="#4EE04B" />
+    </linearGradient>
+    <linearGradient
+      id="ref-ai-spectrum-thin-16-colored"
       x1="21.21"
       y1="11.161"
       x2="11.274"
@@ -72,7 +86,7 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-filled-20-colored"
+      id="ref-ai-spectrum-20-colored"
       x1="26.984"
       y1="14.065"
       x2="14.21"
@@ -85,20 +99,6 @@
       <stop offset=".562" stop-color="#0968F6" />
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
-    <linearGradient
-      id="ref-ai-spectrum-thin-16-colored"
-      x1="21.21"
-      y1="11.161"
-      x2="11.274"
-      y2="21.774"
-      gradientUnits="userSpaceOnUse"
-    >
-      <stop offset=".098" stop-color="#FFD80E" />
-      <stop offset=".267" stop-color="#FF4242" />
-      <stop offset=".418" stop-color="#993EE0" />
-      <stop offset=".562" stop-color="#0968F6" />
-      <stop offset=".785" stop-color="#4EE04B" />
-    </linearGradient>
   </defs>
   <symbol viewBox="0 0 16 16" id="icon-add-16">
     <path