@ebay/skin 14.2.1 → 15.0.0-0

package/dist/progress-spinner/progress-spinner.css

@@ -1,36 +1,32 @@
 .progress-spinner {
-  animation: spin 600ms linear infinite;
+  animation: spin 1.5s linear infinite;
+  animation-timing-function: cubic-bezier(0.7, 0.2, 0.3, 0.73);
   display: inline-block;
-  height: 30px;
-  width: 30px;
+  height: 24px;
+  width: 24px;
 }
 @keyframes spin {
   from {
     transform: rotate(0deg);
   }
   to {
-    transform: rotate(360deg);
+    transform: rotate(720deg);
   }
 }
-.progress-spinner > svg.icon.icon--spinner {
+.progress-spinner > svg.icon.icon--spinner,
+.progress-spinner > svg.icon.icon--spinner-large,
+.progress-spinner > svg.icon.icon--spinner-small {
   height: inherit;
   margin: 0;
   max-height: inherit;
   max-width: inherit;
   width: inherit;
 }
-.progress-spinner--large {
-  height: 60px;
-  width: 60px;
-}
-/* This needs to be removed on next major version.
-    this makes it backwards compatible with empty span */
-.progress-spinner:empty {
-  background-image: var(--progress-spinner-image-url, var(--url-image-progress-spinner));
-  background-position: center center;
-  background-repeat: no-repeat;
-  background-size: cover;
+.progress-spinner--small {
+  height: 20px;
+  width: 20px;
 }
-.progress-spinner--large:empty {
-  background-image: var(--progress-spinner-large-image-url, var(--url-image-progress-spinner-large));
+.progress-spinner--large {
+  height: 30px;
+  width: 30px;
 }

package/dist/progress-stepper/progress-stepper.css

@@ -11,12 +11,13 @@
 hr.progress-stepper__separator {
   background-color: var(--progress-stepper-active-color, var(--color-background-information));
   border: 0 none;
+  border-radius: 2px;
   flex: 1;
-  height: 2px;
+  height: 4px;
   margin: 0;
   min-width: 80px;
   position: relative;
-  top: 11px;
+  top: 10px;
 }
 .progress-stepper__text {
   font-size: 0.75rem;
@@ -34,11 +35,11 @@ hr.progress-stepper__separator {
   font-size: 0.75rem;
   font-weight: normal;
 }
-.progress-stepper__item--upcoming .progress-stepper__text h2,
-.progress-stepper__item--upcoming .progress-stepper__text h3,
-.progress-stepper__item--upcoming .progress-stepper__text h4,
-.progress-stepper__item--upcoming .progress-stepper__text h5,
-.progress-stepper__item--upcoming .progress-stepper__text h6 {
+.progress-stepper__items--upcoming .progress-stepper__text h2,
+.progress-stepper__items--upcoming .progress-stepper__text h3,
+.progress-stepper__items--upcoming .progress-stepper__text h4,
+.progress-stepper__items--upcoming .progress-stepper__text h5,
+.progress-stepper__items--upcoming .progress-stepper__text h6 {
   color: var(--progress-stepper-text-light-color, var(--color-foreground-secondary));
 }
 .progress-stepper__item[aria-current] .progress-stepper__text h2,
@@ -48,34 +49,33 @@ hr.progress-stepper__separator {
 .progress-stepper__item[aria-current] .progress-stepper__text h6 {
   font-weight: bold;
 }
+.progress-stepper__item[aria-current] ~ .progress-stepper__item .progress-stepper__text h2,
+.progress-stepper__item[aria-current] ~ .progress-stepper__item .progress-stepper__text h3,
+.progress-stepper__item[aria-current] ~ .progress-stepper__item .progress-stepper__text h4,
+.progress-stepper__item[aria-current] ~ .progress-stepper__item .progress-stepper__text h5,
+.progress-stepper__item[aria-current] ~ .progress-stepper__item .progress-stepper__text h6 {
+  color: var(--progress-stepper-text-light-color, var(--color-foreground-secondary));
+}
 .progress-stepper__text p {
   color: var(--progress-stepper-text-light-color, var(--color-foreground-secondary));
 }
 .progress-stepper__icon {
-  color: var(--progress-stepper-active-color, var(--color-background-information));
   height: 24px;
   margin: auto;
   width: 24px;
 }
-.progress-stepper__icon > span[role="img"] {
-  align-items: center;
-  border-color: var(--progress-stepper-badge-current-border-color, var(--color-background-information));
-  border-radius: 24px;
-  border-style: solid;
-  border-width: 2px;
-  box-sizing: border-box;
-  color: var(--progress-stepper-badge-current-color, var(--color-foreground-primary));
-  display: inline-flex;
-  font-weight: 700;
-  height: 24px;
-  justify-content: center;
-  top: 0;
-  width: 24px;
-}
 .progress-stepper__items--upcoming hr.progress-stepper__separator,
-hr.progress-stepper__separator--upcoming,
 .progress-stepper__item[aria-current] ~ hr.progress-stepper__separator {
   background-color: var(--progress-stepper-upcoming-color, var(--color-background-disabled));
+  background-image: none;
+}
+.progress-stepper__item[aria-current] + hr.progress-stepper__separator {
+  background-image: linear-gradient(90deg, var(--progress-stepper-active-color, var(--color-background-information)) 50%, var(--progress-stepper-upcoming-color, var(--color-background-disabled)) 50%);
+}
+.progress-stepper__item--attention[aria-current] ~ hr.progress-stepper__separator,
+.progress-stepper__items--current .progress-stepper__item[aria-current] ~ hr.progress-stepper__separator {
+  background-color: var(--progress-stepper-upcoming-color, var(--color-background-disabled));
+  background-image: none;
 }
 .progress-stepper__text > * {
   margin: 0;
@@ -100,26 +100,13 @@ hr.progress-stepper__separator--upcoming,
   height: 24px;
   width: auto;
 }
-.progress-stepper__item--upcoming,
-.progress-stepper__items--upcoming .progress-stepper__item > [role="img"] {
-  color: var(--progress-stepper-text-light-color, var(--color-foreground-secondary));
-}
-.progress-stepper__items--upcoming .progress-stepper__icon > [role="img"],
-.progress-stepper__item--upcoming .progress-stepper__icon > [role="img"] {
-  background-color: var(--progress-stepper-badge-upcoming-background-color, var(--color-background-primary));
-  border-color: var(--progress-stepper-badge-upcoming-border-color, var(--color-foreground-disabled));
-  color: var(--progress-stepper-badge-upcoming-color, var(--color-foreground-secondary));
+.progress-stepper--vertical .progress-stepper__item[aria-current] + hr.progress-stepper__separator {
+  background: linear-gradient(180deg, var(--progress-stepper-active-color, var(--color-background-information)) 50%, var(--progress-stepper-upcoming-color, var(--color-background-disabled)) 50%);
 }
-.progress-stepper__item--attention .progress-stepper__icon > [role="img"] {
-  color: var(--progress-stepper-attention-color, var(--color-foreground-attention));
-}
-.progress-stepper__item[aria-current] ~ .progress-stepper__item > [role="img"] {
-  color: var(--progress-stepper-text-light-color, var(--color-foreground-secondary));
-}
-.progress-stepper__item[aria-current] ~ .progress-stepper__item .progress-stepper__icon > [role="img"] {
-  background-color: var(--progress-stepper-badge-upcoming-background-color, var(--color-background-primary));
-  border-color: var(--progress-stepper-badge-upcoming-border-color, var(--color-foreground-disabled));
-  color: var(--progress-stepper-badge-upcoming-color, var(--color-foreground-secondary));
+.progress-stepper--vertical .progress-stepper__item--attention[aria-current] ~ hr.progress-stepper__separator,
+.progress-stepper--vertical .progress-stepper__items--current .progress-stepper__item[aria-current] ~ hr.progress-stepper__separator {
+  background-color: var(--progress-stepper-upcoming-color, var(--color-background-disabled));
+  background-image: none;
 }
 .progress-stepper--vertical .progress-stepper__items {
   display: block;
@@ -143,16 +130,30 @@ hr.progress-stepper__separator--upcoming,
   flex: inherit;
   height: 51px;
   margin-bottom: 12px;
-  margin-left: 11px;
+  margin-left: 10px;
   margin-top: -4px;
   min-width: inherit;
-  width: 2px;
+  width: 4px;
 }
 [dir="rtl"] .progress-stepper__item:first-child .progress-stepper__text {
   margin-left: 0;
   margin-right: 4px;
   text-align: right;
 }
+[dir="rtl"] .progress-stepper__item[aria-current] + hr.progress-stepper__separator {
+  background-image: linear-gradient(90deg, var(--progress-stepper-upcoming-color, var(--color-background-disabled)) 50%, var(--progress-stepper-active-color, var(--color-background-information)) 50%);
+}
+[dir="rtl"] .progress-stepper__items--current .progress-stepper__item[aria-current] ~ hr.progress-stepper__separator {
+  background-color: var(--progress-stepper-upcoming-color, var(--color-background-disabled));
+  background-image: none;
+}
+[dir="rtl"] .progress-stepper--vertical .progress-stepper__item[aria-current] + hr.progress-stepper__separator {
+  background: linear-gradient(180deg, var(--progress-stepper-active-color, var(--color-background-information)) 50%, var(--progress-stepper-upcoming-color, var(--color-background-disabled)) 50%);
+}
+[dir="rtl"] .progress-stepper--vertical .progress-stepper__items--current .progress-stepper__item[aria-current] ~ hr.progress-stepper__separator {
+  background-color: var(--progress-stepper-upcoming-color, var(--color-background-disabled));
+  background-image: none;
+}
 [dir="rtl"] .progress-stepper__item:last-child .progress-stepper__text {
   margin-left: 4px;
   margin-right: 0;

package/dist/section-title/section-title.css

@@ -1,5 +1,5 @@
 .section-title {
-  align-items: center;
+  align-items: baseline;
   display: flex;
   margin: 30px 0 10px;
 }
@@ -24,35 +24,29 @@
   padding: 7px;
 }
 .section-title__info {
+  bottom: -3px;
   margin: 0 24px 0 8px;
+  position: relative;
 }
 .section-title__overflow {
   margin: 0 24px 0 auto;
 }
 .section-title__cta,
-.section-title__info,
 .section-title__overflow {
-  align-items: center;
+  align-items: baseline;
   display: flex;
-  height: 24px;
+  height: 32px;
+  margin-left: auto;
+  margin-right: 0;
 }
 .section-title button.icon-btn,
 .section-title__overflow button.icon-btn {
-  height: 24px;
-  width: 24px;
+  height: 32px;
+  min-width: 32px;
+  width: 32px;
 }
 .section-title__title-container + button.icon-btn {
-  margin-left: 12px;
-}
-.section-title--giant .section-title__title {
-  font-size: 1.5rem;
-  font-weight: 700;
-  line-height: 32px;
-}
-.section-title--giant > .section-title__cta,
-.section-title--giant > .section-title__info,
-.section-title--giant > .section-title__overflow {
-  height: 32px;
+  margin-left: 8px;
 }
 .section-title--large .section-title__title {
   font-size: 1.25rem;
@@ -62,23 +56,24 @@
 .section-title--large > .section-title__cta,
 .section-title--large > .section-title__info,
 .section-title--large > .section-title__overflow {
-  height: 28px;
-}
-.section-title--small .section-title__title {
-  font-size: 0.875rem;
-  line-height: 20px;
-  font-weight: 700;
-}
-.section-title--small > .section-title__cta,
-.section-title--small > .section-title__info,
-.section-title--small > .section-title__overflow {
-  height: 20px;
+  height: 32px;
 }
 [dir="rtl"] .section-title__title svg.icon {
   margin-left: 0;
   margin-right: 8px;
   transform: rotate(180deg);
 }
+[dir="rtl"] .section-title__cta {
+  margin-left: 0;
+  margin-right: auto;
+}
+[dir="rtl"] .section-title__overflow {
+  margin-left: 0;
+  margin-right: auto;
+}
+[dir="rtl"] .section-title__info {
+  margin: 0 8px 0 24px;
+}
 @media (min-width: 601px) {
   .section-title__title {
     font-size: 1.5rem;
@@ -89,63 +84,4 @@
     font-size: 1rem;
     line-height: 24px;
   }
-  .section-title__cta {
-    font-size: 1.5rem;
-    margin: 0 16px;
-  }
-  .section-title__cta > a {
-    border-color: var(--section-title-separator-color, var(--color-stroke-subtle));
-    border-left-style: solid;
-    border-left-width: 2px;
-    line-height: 1.125rem;
-    padding-left: 16px;
-  }
-  .section-title__cta-text {
-    display: inline;
-  }
-  .section-title__cta--no-text {
-    margin: 0;
-  }
-  .section-title__cta--no-text > a {
-    border: 0;
-    padding: 0;
-  }
-  .section-title__cta--no-text .section-title__cta-text {
-    display: none;
-  }
-  .section-title__cta,
-  .section-title__info,
-  .section-title__overflow {
-    height: 28px;
-  }
-  .section-title--giant .section-title__title {
-    font-size: 1.875rem;
-    font-weight: 700;
-    line-height: 40px;
-  }
-  .section-title--giant > .section-title__cta,
-  .section-title--giant > .section-title__info,
-  .section-title--giant > .section-title__overflow {
-    height: 40px;
-  }
-  .section-title--large .section-title__title {
-    font-size: 1.5rem;
-    font-weight: 700;
-    line-height: 32px;
-  }
-  .section-title--large > .section-title__cta,
-  .section-title--large > .section-title__info,
-  .section-title--large > .section-title__overflow {
-    height: 32px;
-  }
-  .section-title--small .section-title__title {
-    font-size: 1rem;
-    line-height: 24px;
-    font-weight: 700;
-  }
-  .section-title--small > .section-title__cta,
-  .section-title--small > .section-title__info,
-  .section-title--small > .section-title__overflow {
-    height: 24px;
-  }
 }

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

@@ -1,14 +1,16 @@
 .snackbar-dialog {
-  background-color: var(--snackbar-dialog-background-color, var(--color-background-secondary));
-  bottom: 0;
+  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-primary));
-  left: 0;
+  color: var(--snackbar-dialog-foreground-color, var(--color-foreground-on-inverse));
+  left: 8px;
+  margin: auto;
   max-height: 40vh;
-  min-width: 320px;
+  max-width: 448px;
   position: fixed;
+  right: 8px;
   transform: translateY(0);
-  width: 100vw;
   will-change: opacity, transform;
   z-index: 2;
 }
@@ -54,11 +56,7 @@
 }
 @media (min-width: 601px) {
   .snackbar-dialog {
-    border-radius: var(--snackbar-dialog-border-radius, var(--border-radius-100));
-    bottom: 16px;
-    left: 16px;
-    max-width: 480px;
-    width: auto;
+    bottom: 20px;
   }
 }
 [dir="rtl"] .snackbar-dialog {

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

@@ -1,23 +1,25 @@
 svg.star-rating {
   display: inline-block;
   fill: currentColor;
-  height: 12px;
+  height: 16px;
   pointer-events: none;
   stroke: currentColor;
   stroke-width: 0;
   vertical-align: middle;
-  width: 64px;
+  width: 84px;
 }
 svg.star-rating__icon {
-  height: 12px;
-  width: 12px;
+  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-neutral-8));
+  --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));
 }
 /* half stars */
 div.star-rating[data-stars="0-5"] svg:nth-child(1),
@@ -25,6 +27,8 @@ 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-neutral-8));
-  --color-star-rating-full: var(--color-star-rating-unfilled, #ccc);
+  --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));
 }

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

@@ -20,19 +20,19 @@ span.star-rating-select__radio-icon {
   outline-offset: 1px;
 }
 span.star-rating-select__radio-icon svg {
-  height: 12px;
-  width: 12px;
+  height: 16px;
+  width: 16px;
 }
 span.star-rating-select__radio input.star-rating-select__control[type="radio"] {
   cursor: pointer;
   font-size: 100%;
-  height: 12px;
+  height: 16px;
   margin: 0;
-  min-width: 12px;
+  min-width: 16px;
   opacity: 0;
   padding: 0;
   position: absolute;
-  width: 12px;
+  width: 16px;
   z-index: 1;
 }
 span.star-rating-select__radio input.star-rating-select__control[type="radio"]:focus + span.star-rating-select__radio-icon {
@@ -44,9 +44,11 @@ span.star-rating-select__radio input.star-rating-select__control[type="radio"]:f
   outline: none;
 }
 div.star-rating-select span.star-rating-select__radio-icon svg {
-  --color-star-rating-full: var(--color-star-rating-unfilled, #ccc);
+  --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, #000);
+  --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));
 }

package/dist/svg/icon/icon-spinner-large.svg

@@ -1,14 +1,14 @@
-<svg viewbox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"
-    d="M20 3C16.6377 3 13.351 3.99703 10.5553 5.86502C7.75968 7.733 5.58075 10.388 4.29406 13.4944C3.00737 16.6007 2.67071 20.0189 3.32666 23.3165C3.98261 26.6142 5.6017 29.6433 7.97919 32.0208C10.3567 34.3983 13.3858 36.0174 16.6835 36.6734C19.9812 37.3293 23.3993 36.9926 26.5056 35.706C29.612 34.4193 32.267 32.2403 34.135 29.4447C36.003 26.6491 37 23.3623 37 20C37 19.1716 37.6716 18.5 38.5 18.5C39.3284 18.5 40 19.1716 40 20C40 23.9556 38.827 27.8224 36.6294 31.1114C34.4318 34.4004 31.3082 36.9638 27.6537 38.4776C23.9992 39.9913 19.9778 40.3874 16.0982 39.6157C12.2186 38.844 8.65492 36.9392 5.85787 34.1421C3.06082 31.3451 1.15601 27.7814 0.384303 23.9018C-0.387401 20.0222 0.00866568 16.0009 1.52242 12.3463C3.03617 8.69181 5.59962 5.56824 8.8886 3.37061C12.1776 1.17298 16.0444 0 20 0C20.8284 0 21.5 0.671573 21.5 1.5C21.5 2.32843 20.8284 3 20 3Z"
-    fill="var(--color-spinner-icon-foreground, #E5E5E5)"
+    d="M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 11.4477 22.4477 11 23 11C23.5523 11 24 11.4477 24 12C24 14.3734 23.2962 16.6935 21.9776 18.6668C20.6591 20.6402 18.7849 22.1783 16.5922 23.0866C14.3995 23.9948 11.9867 24.2324 9.65892 23.7694C7.33115 23.3064 5.19295 22.1635 3.51472 20.4853C1.83649 18.8071 0.693605 16.6689 0.230582 14.3411C-0.232441 12.0133 0.00519943 9.60051 0.913451 7.4078C1.8217 5.21509 3.35977 3.34094 5.33316 2.02236C7.30655 0.703788 9.62663 0 12 0C12.5523 0 13 0.447715 13 1C13 1.55228 12.5523 2 12 2Z"
+    fill="var(--color-spinner-icon-background, #3665F3)"
   />
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"
-    d="M23.3386 1.74203C23.553 0.941827 24.3755 0.466954 25.1757 0.681366C28.5668 1.59001 31.659 3.37528 34.1415 5.85775C36.6239 8.34021 38.4092 11.4324 39.3179 14.8235C39.5323 15.6237 39.0574 16.4462 38.2572 16.6606C37.457 16.875 36.6345 16.4002 36.4201 15.6C35.6477 12.7175 34.1302 10.0892 32.0201 7.97907C29.9101 5.86897 27.2817 4.35149 24.3993 3.57914C23.5991 3.36473 23.1242 2.54223 23.3386 1.74203Z"
-    fill="var(--color-spinner-icon-background, #3665F3)"
+    d="M14.1805 1.17194C14.3381 0.642616 14.895 0.341274 15.4243 0.498872C17.3476 1.07149 19.0965 2.11729 20.5111 3.54055C21.9257 4.96382 22.9609 6.71912 23.5217 8.64584C23.6761 9.17611 23.3714 9.73112 22.8411 9.88549C22.3108 10.0399 21.7558 9.73512 21.6015 9.20485C21.134 7.59925 20.2715 6.13651 19.0926 4.95045C17.9138 3.76439 16.4563 2.8929 14.8536 2.41572C14.3243 2.25812 14.0229 1.70126 14.1805 1.17194Z"
+    fill="var(--color-spinner-icon-foreground, #E5E5E5)"
   />
 </svg>

package/dist/svg/icon/icon-spinner-small.svg

@@ -0,0 +1,4 @@
+<svg viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15 8a7 7 0 1 1-8.657-6.801" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="var(--color-spinner-icon-background, #3665F3)"/>
+    <path d="M9.738 1.22a7 7 0 0 1 4.574 3.754" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"  stroke="var(--color-spinner-icon-foreground, #E5E5E5)"/>
+</svg>

package/dist/svg/icon/icon-spinner.svg

@@ -1,14 +1,4 @@
 <svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 11.4477 22.4477 11 23 11C23.5523 11 24 11.4477 24 12C24 14.3734 23.2962 16.6935 21.9776 18.6668C20.6591 20.6402 18.7849 22.1783 16.5922 23.0866C14.3995 23.9948 11.9867 24.2324 9.65892 23.7694C7.33115 23.3064 5.19295 22.1635 3.51472 20.4853C1.83649 18.8071 0.693605 16.6689 0.230582 14.3411C-0.232441 12.0133 0.00519943 9.60051 0.913451 7.4078C1.8217 5.21509 3.35977 3.34094 5.33316 2.02236C7.30655 0.703788 9.62663 0 12 0C12.5523 0 13 0.447715 13 1C13 1.55228 12.5523 2 12 2Z"
-    fill="var(--color-spinner-icon-foreground, #E5E5E5)"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M14.1805 1.17194C14.3381 0.642616 14.895 0.341274 15.4243 0.498872C17.3476 1.07149 19.0965 2.11729 20.5111 3.54055C21.9257 4.96382 22.9609 6.71912 23.5217 8.64584C23.6761 9.17611 23.3714 9.73112 22.8411 9.88549C22.3108 10.0399 21.7558 9.73512 21.6015 9.20485C21.134 7.59925 20.2715 6.13651 19.0926 4.95045C17.9138 3.76439 16.4563 2.8929 14.8536 2.41572C14.3243 2.25812 14.0229 1.70126 14.1805 1.17194Z"
-    fill="var(--color-spinner-icon-background, #3665F3)"
-  />
-</svg>
+    <path d="M22.5 12A10.5 10.5 0 1 1 9.514 1.798" stroke="var(--color-spinner-icon-background, #3665F3)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M14.606 1.829a10.5 10.5 0 0 1 4.056 2.055 10.499 10.499 0 0 1 2.806 3.577" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke="var(--color-spinner-icon-foreground, #E5E5E5)"/>
+</svg>

package/dist/svg/icon/icon-star-dynamic.svg

@@ -1,13 +1,15 @@
-<svg viewbox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
-  <!-- full star -->
-  <path
-    d="M11.0418 2.19068C11.3405 1.26977 12.6556 1.26977 12.9544 2.19068L15.0869 9H21.998C22.9684 9 23.3684 9.97367 22.5863 10.5428L16.9857 14.6188L19.1191 21.1958C19.4171 22.1146 18.3532 22.8737 17.5682 22.3024L11.9981 18.2486L6.42795 22.3024C5.64292 22.8737 4.57902 22.1146 4.87705 21.1958L7.01047 14.6188L1.40983 10.5428C0.627778 9.97367 1.04044 9 2.0108 9H8.92191L11.0418 2.19068Z"
-    fill="var(--color-star-rating-full, #ccc)"
+<svg viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<!-- full star -->
+  <path d="M8.596 1.928a.625.625 0 0 0-1.19 0L6.055 6.136H1.62a.625.625 0 0 0-.346 1.146l3.56 2.364-1.366 4.035a.625.625 0 0 0 .953.71L8 11.862l3.578 2.528a.625.625 0 0 0 .953-.71l-1.366-4.036 3.55-2.364a.625.625 0 0 0-.346-1.145H9.955l-1.36-4.207Z"
+    fill="var(--color-star-rating-full, transparent)"
+    stroke="var(--color-star-rating-full-stroke, #707070)"
+    stroke-width="1.25"
   />
-  <!-- full star/half star clipped -->
-  <path
-    d="M11.0418 2.19068C11.3405 1.26977 12.6556 1.26977 12.9544 2.19068L15.0869 9H21.998C22.9684 9 23.3684 9.97367 22.5863 10.5428L16.9857 14.6188L19.1191 21.1958C19.4171 22.1146 18.3532 22.8737 17.5682 22.3024L11.9981 18.2486L6.42795 22.3024C5.64292 22.8737 4.57902 22.1146 4.87705 21.1958L7.01047 14.6188L1.40983 10.5428C0.627778 9.97367 1.04044 9 2.0108 9H8.92191L11.0418 2.19068Z"
+<!-- full star/half star clipped -->
+  <path d="M8.596 1.928a.625.625 0 0 0-1.19 0L6.055 6.136H1.62a.625.625 0 0 0-.346 1.146l3.56 2.364-1.366 4.035a.625.625 0 0 0 .953.71L8 11.862l3.578 2.528a.625.625 0 0 0 .953-.71l-1.366-4.036 3.55-2.364a.625.625 0 0 0-.346-1.145H9.955l-1.36-4.207Z"
     fill="var(--color-star-rating-half, transparent)"
+    stroke="var(--color-star-rating-half-stroke, #707070)"
+    stroke-width="1.25"
     clip-path="polygon(0 0, 50% 0, 50% 100%, 0 100%)"
   />
-</svg>
+</svg>

package/dist/svg/icon/icon-star-empty-large.svg

@@ -0,0 +1 @@
+<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.66 10v1h.736l.219-.702L9.66 10ZM12 2.5l.955-.298a1 1 0 0 0-1.909 0l.955.298ZM2 10V9a1 1 0 0 0-.564 1.825L2 10Zm6.19 4.232.95.309.232-.712-.618-.423-.564.826Zm-2.362 7.272-.951-.309a1 1 0 0 0 1.54 1.117l-.589-.808ZM12 17l.59-.808-.59-.43-.59.43L12 17Zm2.34-7-.954.298.219.702h.735v-1ZM22 10l.565.825A1 1 0 0 0 22 9v1Zm-6.189 4.232-.564-.825-.618.422.23.712.952-.309Zm2.361 7.272-.59.808a1 1 0 0 0 1.541-1.117l-.95.309Zm-7.557-11.206 2.34-7.5-1.909-.596-2.34 7.5 1.909.596ZM9.66 9H2v2h7.66V9Zm-8.224 1.825 6.19 4.232 1.128-1.65-6.19-4.232-1.128 1.65Zm5.802 3.098-2.361 7.272 1.902.618 2.362-7.272-1.903-.618Zm-.82 8.389 6.171-4.504-1.178-1.616-6.172 4.504 1.179 1.616Zm8.877-12.61-2.34-7.5-1.91.596 2.34 7.5 1.91-.596ZM14.34 11H22V9h-7.66v2Zm7.096-1.825-6.19 4.231 1.13 1.651 6.189-4.232-1.129-1.65ZM14.86 14.54l2.361 7.272 1.902-.618-2.36-7.272-1.903.618Zm3.902 6.155-6.173-4.504-1.178 1.616 6.172 4.504 1.179-1.616Z" fill="#707070"/></svg>

package/dist/svg/icon/icon-star-empty-small.svg

@@ -1,5 +1 @@
-<svg viewbox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M11.0438 2.19068C11.3425 1.26977 12.6576 1.26977 12.9563 2.19068L15.0889 9H22C22.9704 9 23.3703 9.97367 22.5883 10.5428L16.9876 14.6188L19.1211 21.1958C19.4191 22.1146 18.3552 22.8737 17.5702 22.3024L12 18.2486L6.42991 22.3024C5.64488 22.8737 4.58098 22.1146 4.879 21.1958L7.01242 14.6188L1.41178 10.5428C0.629732 9.97367 1.04239 9 2.01275 9H8.92386L11.0438 2.19068Z"
-  />
-</svg>
+<svg viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.51 6.76v.625h.456l.14-.434-.596-.19ZM8 2.12l.596-.192a.625.625 0 0 0-1.19 0L8 2.12ZM1.62 6.76v-.625a.625.625 0 0 0-.346 1.146l.346-.521Zm3.96 2.63.592.2.154-.455-.4-.266-.346.521Zm-1.52 4.49-.592-.2a.625.625 0 0 0 .953.71l-.36-.51ZM8 11.096l.361-.51-.36-.255-.361.255.36.51ZM9.5 6.76l-.595.192.14.433H9.5V6.76Zm4.87 0 .346.52a.625.625 0 0 0-.346-1.145v.625Zm-3.95 2.63-.346-.52-.4.266.154.454.592-.2Zm1.52 4.49-.36.51a.625.625 0 0 0 .952-.71l-.592.2ZM7.105 6.951l1.49-4.64-1.19-.382-1.49 4.64 1.19.382Zm-.595-.816H1.62v1.25h4.89v-1.25ZM1.274 7.281l3.96 2.63.692-1.042-3.96-2.63-.692 1.042ZM4.988 9.19l-1.52 4.49 1.184.4 1.52-4.49-1.184-.4Zm-.567 5.2 3.94-2.783-.721-1.021L3.7 13.37l.72 1.02Zm5.674-7.822-1.5-4.64-1.189.384 1.5 4.64 1.189-.384Zm-.595.817h4.87v-1.25H9.5v1.25Zm4.524-1.145-3.95 2.63.692 1.04 3.95-2.63-.692-1.04ZM9.828 9.59l1.52 4.49 1.184-.4-1.52-4.49-1.184.4Zm2.473 3.78-3.94-2.784-.721 1.02 3.94 2.784.72-1.02Z" fill="#707070"/></svg>

package/dist/svg/icon/icon-star-filled-large.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.955 2.202a1 1 0 0 0-1.909 0L8.925 9H2a1 1 0 0 0-.564 1.825l5.571 3.81-2.13 6.56a1 1 0 0 0 1.54 1.117L12 18.238l5.583 4.074a1 1 0 0 0 1.54-1.117l-2.13-6.56 5.572-3.81A1 1 0 0 0 22.001 9h-6.925l-2.12-6.798Z" fill="#191919"/></svg>

package/dist/svg/icon/icon-star-filled-small.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M8.596 1.928a.625.625 0 0 0-1.19 0L6.055 6.136H1.62a.625.625 0 0 0-.346 1.146l3.56 2.364-1.366 4.035a.625.625 0 0 0 .953.71L8 11.862l3.578 2.528a.625.625 0 0 0 .953-.71l-1.366-4.036 3.55-2.364a.625.625 0 0 0-.346-1.145H9.955l-1.36-4.207Z" fill="#191919"/></svg>

package/dist/svg/icon/icon-star-half-large.svg

@@ -0,0 +1 @@
+<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.66 10v1h.736l.219-.702L9.66 10ZM12 2.5l.955-.298a1 1 0 0 0-1.909 0l.955.298ZM2 10V9a1 1 0 0 0-.564 1.825L2 10Zm6.19 4.232.95.309.232-.712-.618-.423-.564.826Zm-2.362 7.272-.951-.309a1 1 0 0 0 1.54 1.117l-.589-.808ZM12 17l.59-.808-.59-.43-.59.43L12 17Zm2.34-7-.954.298.219.702h.735v-1ZM22 10l.565.825A1 1 0 0 0 22 9v1Zm-6.189 4.232-.564-.825-.618.422.23.712.952-.309Zm2.361 7.272-.59.808a1 1 0 0 0 1.541-1.117l-.95.309Zm-7.557-11.206 2.34-7.5-1.909-.596-2.34 7.5 1.909.596ZM9.66 9H2v2h7.66V9Zm-8.224 1.825 6.19 4.232 1.128-1.65-6.19-4.232-1.128 1.65Zm5.802 3.098-2.361 7.272 1.902.618 2.362-7.272-1.903-.618Zm-.82 8.389 6.171-4.504-1.178-1.616-6.172 4.504 1.179 1.616Zm8.877-12.61-2.34-7.5-1.91.596 2.34 7.5 1.91-.596ZM14.34 11H22V9h-7.66v2Zm7.096-1.825-6.19 4.231 1.13 1.651 6.189-4.232-1.129-1.65ZM14.86 14.54l2.361 7.272 1.902-.618-2.36-7.272-1.903.618Zm3.902 6.155-6.173-4.504-1.178 1.616 6.172 4.504 1.179-1.616Z" fill="#707070"/><path d="M11.046 2.202A1 1 0 0 1 12 1.5v16.738l-5.582 4.074a1 1 0 0 1-1.54-1.117l2.13-6.56-5.572-3.81A1 1 0 0 1 2 9h6.925l2.121-6.798Z" fill="#191919"/></svg>

package/dist/svg/icon/icon-star-half-small.svg

@@ -1,9 +1 @@
-<svg viewbox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M11.0438 2.19068C11.3425 1.26977 12.6576 1.26977 12.9563 2.19068L15.0889 9H22C22.9704 9 23.3703 9.97367 22.5883 10.5428L16.9876 14.6188L19.1211 21.1958C19.4191 22.1146 18.3552 22.8737 17.5702 22.3024L12 18.2486L6.42991 22.3024C5.64488 22.8737 4.58098 22.1146 4.879 21.1958L7.01242 14.6188L1.41178 10.5428C0.629732 9.97367 1.04239 9 2.01275 9H8.92386L11.0438 2.19068Z"
-    style="filter: opacity(0.25)"
-  />
-  <path
-    d="M6.42993 22.3024L12.0001 18.2486V1.5C11.5966 1.5 11.1931 1.73023 11.0438 2.19068L8.92388 9H2.01277C1.04241 9 0.62975 9.97367 1.4118 10.5428L7.01244 14.6188L4.87902 21.1958C4.581 22.1146 5.6449 22.8737 6.42993 22.3024Z"
-  />
-</svg>
+<svg viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.51 6.76v.625h.456l.14-.434-.596-.19ZM8 2.12l.596-.192a.625.625 0 0 0-1.19 0L8 2.12ZM1.62 6.76v-.625a.625.625 0 0 0-.346 1.146l.346-.521Zm3.96 2.63.592.2.154-.455-.4-.266-.346.521Zm-1.52 4.49-.592-.2a.625.625 0 0 0 .953.71l-.36-.51ZM8 11.096l.361-.51-.36-.255-.361.255.36.51ZM9.5 6.76l-.595.192.14.433H9.5V6.76Zm4.87 0 .346.52a.625.625 0 0 0-.346-1.145v.625Zm-3.95 2.63-.346-.52-.4.266.154.454.592-.2Zm1.52 4.49-.36.51a.625.625 0 0 0 .952-.71l-.592.2ZM7.105 6.951l1.49-4.64-1.19-.382-1.49 4.64 1.19.382Zm-.595-.816H1.62v1.25h4.89v-1.25ZM1.274 7.281l3.96 2.63.692-1.042-3.96-2.63-.692 1.042ZM4.988 9.19l-1.52 4.49 1.184.4 1.52-4.49-1.184-.4Zm-.567 5.2 3.94-2.783-.721-1.021L3.7 13.37l.72 1.02Zm5.674-7.822-1.5-4.64-1.189.384 1.5 4.64 1.189-.384Zm-.595.817h4.87v-1.25H9.5v1.25Zm4.524-1.145-3.95 2.63.692 1.04 3.95-2.63-.692-1.04ZM9.828 9.59l1.52 4.49 1.184-.4-1.52-4.49-1.184.4Zm2.473 3.78-3.94-2.784-.721 1.02 3.94 2.784.72-1.02Z" fill="#707070"/><path d="M7.406 1.929A.625.625 0 0 1 8 1.495v10.367L4.42 14.39a.625.625 0 0 1-.952-.71l1.366-4.035-3.56-2.364a.625.625 0 0 1 .346-1.146h4.435l1.35-4.206Z" fill="#191919"/></svg>

package/dist/svg/icon/icon-stepper-attention.svg

@@ -1,5 +1,6 @@
 <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M0 12C0 5.373 5.373 0 12 0c6.625.006 11.994 5.375 12 12 0 6.627-5.373 12-12 12S0 18.627 0 12zm2 0c0 5.523 4.477 10 10 10 5.52-.006 9.994-4.48 10-10 0-5.523-4.477-10-10-10S2 6.477 2 12zm10-6a1 1 0 011 1v6a1 1 0 01-2 0V7a1 1 0 011-1zm1 11a1 1 0 11-2 0 1 1 0 012 0z"
+    fill="var(--progress-stepper-attention-icon, var(--color-foreground-attention))"
   />
 </svg>

package/dist/svg/icon/icon-stepper-confirmation.svg

@@ -1,5 +1,6 @@
 <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M0 12C0 5.373 5.373 0 12 0c3.183 0 6.235 1.264 8.485 3.515A11.996 11.996 0 0124 12c0 6.627-5.373 12-12 12S0 18.627 0 12zm10.71 4.71l8-8h-.01a1 1 0 00-1.41-1.41L10 14.59 6.71 11.3a1 1 0 00-1.41 1.41l4 4a1 1 0 001.41 0z"
+    fill="var(--progress-stepper-confirmation-icon, var(--color-background-information))"
   />
 </svg>

package/dist/svg/icon/icon-stepper-current.svg

@@ -3,5 +3,6 @@
     fill-rule="evenodd"
     d="M2 12C2 6.476 6.478 2 12 2s10 4.476 10 10c0 5.522-4.478 10-10 10S2 17.522 2 12ZM12 0C5.373 0 0 5.372 0 12c0 6.627 5.373 12 12 12s12-5.373 12-12c0-6.628-5.373-12-12-12Zm0 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z"
     clip-rule="evenodd"
+    fill="var(--progress-stepper-current-icon, var(--color-background-information))"
   />
 </svg>

package/dist/svg/icon/icon-stepper-upcoming.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.5C6.47759 2.5 2 6.97649 2 12.5C2 18.0223 6.47775 22.5 12 22.5C17.5223 22.5 22 18.0223 22 12.5C22 6.97649 17.5224 2.5 12 2.5ZM0 12.5C0 5.87176 5.37318 0.5 12 0.5C18.6268 0.5 24 5.87176 24 12.5C24 19.1268 18.6268 24.5 12 24.5C5.37318 24.5 0 19.1268 0 12.5Z"
+        fill="var(--progress-stepper-upcoming-icon, var(--color-background-disabled))"
+    />
+</svg>

package/dist/svg/icon/star-rating-large-0-5.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 132 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.5a1 1 0 0 1 .955.702L15.076 9h6.925a1 1 0 0 1 .564 1.825l-5.572 3.81 2.13 6.56a1 1 0 0 1-1.54 1.117L12 18.238l-5.582 4.074a1 1 0 0 1-1.54-1.117l2.13-6.56-5.572-3.81A1 1 0 0 1 2 9h6.925l2.121-6.798a1 1 0 0 1 .955-.702Zm0 4.357L10.396 11H5.234l4.138 2.829-1.639 5.047L12 15.762l4.268 3.114-1.64-5.047L18.767 11h-5.161L12 5.857Z" fill="#707070"/><path d="M11.046 2.202A1 1 0 0 1 12 1.5v16.738l-5.582 4.074a1 1 0 0 1-1.54-1.117l2.13-6.56-5.572-3.81A1 1 0 0 1 2 9h6.925l2.121-6.798Z" fill="#191919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M39 1.5a1 1 0 0 1 .955.702L42.075 9H49a1 1 0 0 1 .565 1.825l-5.572 3.81 2.13 6.56a1 1 0 0 1-1.54 1.117L39 18.238l-5.582 4.074a1 1 0 0 1-1.541-1.117l2.13-6.56-5.571-3.81A1 1 0 0 1 29 9h6.925l2.121-6.798a1 1 0 0 1 .955-.702Zm0 4.357L37.396 11h-5.162l4.138 2.829-1.64 5.047L39 15.762l4.268 3.114-1.64-5.047L45.767 11h-5.161L39 5.857ZM66 1.5a1 1 0 0 1 .955.702L69.075 9H76a1 1 0 0 1 .565 1.825l-5.572 3.81 2.13 6.56a1 1 0 0 1-1.54 1.117L66 18.238l-5.582 4.074a1 1 0 0 1-1.541-1.117l2.13-6.56-5.571-3.81A1 1 0 0 1 56 9h6.925l2.121-6.798a1 1 0 0 1 .955-.702Zm0 4.357L64.396 11h-5.162l4.138 2.829-1.64 5.047L66 15.762l4.268 3.114-1.64-5.047L72.767 11h-5.161L66 5.857ZM93 1.5a1 1 0 0 1 .955.702L96.075 9h6.926a1 1 0 0 1 .564 1.825l-5.572 3.81 2.13 6.56a1 1 0 0 1-1.54 1.117L93 18.238l-5.582 4.074a1 1 0 0 1-1.541-1.117l2.13-6.56-5.571-3.81A1 1 0 0 1 83 9h6.925l2.121-6.798a1 1 0 0 1 .955-.702Zm0 4.357L91.396 11h-5.162l4.138 2.829-1.64 5.047L93 15.762l4.268 3.114-1.64-5.047L99.767 11h-5.161L93 5.857ZM120.001 1.5a1 1 0 0 1 .954.702L123.076 9h6.925a1 1 0 0 1 .564 1.825l-5.572 3.81 2.13 6.56a1 1 0 0 1-1.54 1.117L120 18.238l-5.582 4.074a1.001 1.001 0 0 1-1.541-1.117l2.13-6.56-5.571-3.81A1 1 0 0 1 110 9h6.925l2.121-6.798a1 1 0 0 1 .955-.702ZM120 5.857 118.396 11h-5.162l4.138 2.829-1.639 5.047L120 15.762l4.268 3.114-1.639-5.047L126.766 11h-5.161L120 5.857Z" fill="#707070"/></svg>