@ebay/skin 19.33.0 → 19.35.0

package/dist/skeleton/skeleton.css

@@ -18,16 +18,19 @@
     animation: skeleton-fade-in var(--motion-duration-medium-2)
         var(--motion-easing-continuous);
 }
+
 ::view-transition-old(skeleton-transition-*) {
     animation: skeleton-fade-out var(--motion-duration-short-3)
         var(--motion-easing-continuous);
 }
+
 .skeleton {
     container-name: skeleton-container;
     container-type: inline-size;
     cursor: progress;
     width: 100%;
 }
+
 .skeleton__avatar,
 .skeleton__button,
 .skeleton__image,
@@ -41,52 +44,64 @@
     height: 48px;
     width: 48px;
 }
+
 .skeleton__button {
     border-radius: var(--btn-border-radius, 20px);
     height: 40px;
 }
+
 .skeleton__button--small {
     border-radius: var(--btn-border-radius, 16px);
     height: 32px;
 }
+
 .skeleton__button--large {
     border-radius: var(--btn-border-radius, 24px);
     height: 48px;
 }
+
 .skeleton__text {
     border-radius: var(--text-border-radius, 3px);
     height: 16px;
     width: calc(100% - var(--spacing-300));
 }
+
 .skeleton__text:after {
     height: 16px;
     margin-top: calc(16px + var(--spacing-100));
 }
+
 .skeleton__text--large {
     height: 24px;
 }
+
 .skeleton__text--large:after {
     height: 24px;
     margin-top: calc(24px + var(--spacing-100));
 }
+
 .skeleton__text--multiline {
     margin-bottom: var(--spacing-300);
     position: relative;
     width: calc(100% - var(--spacing-300));
 }
+
 .skeleton__text--multiline:after {
     background: inherit;
     content: "";
     position: absolute;
     width: calc(100% - var(--spacing-700));
 }
+
 .skeleton__text--large.skeleton__text--multiline {
     margin-bottom: var(--spacing-400);
 }
+
 .skeleton__textbox {
     border-radius: var(--textbox-border-radius, var(--border-radius-50));
     height: 48px;
 }
+
 .skeleton__image {
     border-radius: var(--image-border-radius, var(--border-radius-50));
     height: 100%;
@@ -101,6 +116,7 @@
     top: 0;
     width: 100%;
 }
+
 span.skeleton__avatar,
 span.skeleton__button,
 span.skeleton__image,
@@ -108,6 +124,7 @@ span.skeleton__text,
 span.skeleton__textbox {
     display: inline-block;
 }
+
 span.skeleton__avatar:not(:last-child),
 span.skeleton__button:not(:last-child),
 span.skeleton__image:not(:last-child),
@@ -115,6 +132,7 @@ span.skeleton__text:not(:last-child),
 span.skeleton__textbox:not(:last-child) {
     margin-inline-end: var(--spacing-100);
 }
+
 div.skeleton__avatar:not(:last-child),
 div.skeleton__button:not(:last-child),
 div.skeleton__image:not(:last-child),
@@ -122,18 +140,23 @@ div.skeleton__text:not(:last-child),
 div.skeleton__textbox:not(:last-child) {
     margin-block-end: var(--spacing-150);
 }
+
 .skeleton--on-secondary {
     --skeleton-background: var(--color-loading-fill-on-secondary);
 }
+
 .skeleton--purple {
     --skeleton-background: var(--color-gradient-ai-purple-subtle);
 }
+
 .skeleton--green {
     --skeleton-background: var(--color-gradient-ai-green-subtle);
 }
+
 .skeleton--blue {
     --skeleton-background: var(--color-gradient-ai-blue-subtle);
 }
+
 @media (prefers-reduced-motion: no-preference) {
     @keyframes on-primary {
         0% {

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

@@ -14,10 +14,6 @@
     );
     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;
@@ -27,43 +23,57 @@
     transform: translateY(0);
     will-change: opacity, transform;
     z-index: 2;
+    color: var(
+        --snackbar-dialog-foreground-color,
+        var(--color-foreground-on-inverse)
+    );
 }
+
 .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--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);
 }
+
 .snackbar-dialog__window--column {
     flex-direction: column;
 }
+
 .snackbar-dialog__main {
     margin-inline-end: var(--spacing-400);
 }
+
 .snackbar-dialog__main p {
     margin: 0;
 }
+
 .snackbar-dialog__actions {
     margin-inline-start: auto;
 }
+
 .snackbar-dialog__window--column .snackbar-dialog__actions {
     margin-top: var(--spacing-200);
 }
+
 .snackbar-dialog__actions .fake-link {
     color: var(
         --snackbar-dialog-foreground-color,
@@ -81,6 +91,7 @@
     );
     text-decoration: underline;
 }
+
 @media (min-width: 512px) {
     .snackbar-dialog {
         bottom: 20px;

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

@@ -8,10 +8,12 @@ svg.star-rating {
     vertical-align: middle;
     width: 84px;
 }
+
 svg.star-rating__icon {
     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),

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

@@ -2,11 +2,13 @@ div.star-rating-select {
     cursor: pointer;
     display: inline-block;
 }
+
 span.star-rating-select__radio {
     display: inline-flex;
     position: relative;
     vertical-align: text-top;
 }
+
 span.star-rating-select__radio svg {
     display: inline-block;
     fill: currentColor;
@@ -15,14 +17,17 @@ span.star-rating-select__radio svg {
     stroke-width: 0;
     vertical-align: middle;
 }
+
 span.star-rating-select__radio-icon {
     display: inline-flex;
     outline-offset: 1px;
 }
+
 span.star-rating-select__radio-icon svg {
     height: 16px;
     width: 16px;
 }
+
 span.star-rating-select__radio input.star-rating-select__control[type="radio"] {
     cursor: pointer;
     font-size: 100%;
@@ -39,17 +44,19 @@ 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;
+    outline-color: var(--radio-outline, var(--color-foreground-secondary));
 }
 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);
 }
+
 div.star-rating-select
     input.star-rating-select__control--filled
     + span.star-rating-select__radio-icon

package/dist/svg/icon/icon-affirm-black-12-colored.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 19 12">
+  <rect width="18.75" height="12" fill="#191919" rx="2" stroke-width="1" />
+  <path
+    fill="#fff"
+    fill-rule="evenodd"
+    d="M2.86 8.323c-.186 0-.28-.089-.28-.235 0-.272.311-.364.88-.423 0 .363-.252.658-.603.658zm.244-2.042a2.05 2.05 0 0 0-1.129.383l.232.477c.204-.181.533-.337.83-.337.283 0 .439.092.439.278 0 .124-.103.187-.299.212-.73.092-1.302.288-1.302.836 0 .434.317.696.813.696.355 0 .67-.191.82-.442v.374h.66v-1.57c0-.647-.462-.909-1.064-.909zm6.626.07v2.404h.705V7.597c0-.55.343-.712.581-.712a.56.56 0 0 1 .302.087l.13-.636a.8.8 0 0 0-.316-.055c-.363 0-.59.156-.741.474v-.404zm4.99-.071a.99.99 0 0 0-.798.423c-.134-.268-.42-.422-.763-.422a.82.82 0 0 0-.75.434V6.35h-.682v2.404h.707V7.518c0-.443.24-.658.462-.658.202 0 .388.127.388.456v1.44h.705V7.517c0-.45.233-.658.467-.658.187 0 .385.133.385.45v1.445h.705V7.093c0-.54-.373-.812-.824-.812m-6.712.07h-.64v-.244c0-.318.187-.409.348-.409q.167.003.315.077l.217-.485s-.22-.14-.622-.14c-.45 0-.964.247-.964 1.025v.176h-1.07v-.244c0-.318.187-.409.348-.409.11 0 .218.027.315.077l.217-.485a1.3 1.3 0 0 0-.622-.14c-.45 0-.964.247-.964 1.025v.176h-.409v.53h.41v1.874h.705V6.881h1.071v1.874h.706V6.881h.64z"
+    clip-rule="evenodd"
+  />
+  <path fill="#fff" d="M9.137 6.351h-.705v2.403h.705z" />
+  <path
+    fill="#fff"
+    fill-rule="evenodd"
+    d="M8.458 5.943h.69c.403-1.233 1.77-2.317 3.395-2.317 1.977 0 3.685 1.465 3.685 3.746.006.468-.06.934-.196 1.383h.67l.007-.022a5.4 5.4 0 0 0 .166-1.36C16.875 4.83 14.97 3 12.545 3 10.638 3 8.94 4.288 8.458 5.944z"
+    clip-rule="evenodd"
+  />
+</svg>

package/dist/svg/icon/icon-affirm-black-18-colored.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 29 18">
+  <rect width="28.125" height="18" fill="#191919" rx="2" stroke-width="1" />
+  <path
+    fill="#fff"
+    fill-rule="evenodd"
+    d="M4.289 12.485c-.278 0-.42-.133-.42-.353 0-.409.468-.546 1.322-.634 0 .544-.378.987-.905.987zm.367-3.064c-.61 0-1.312.28-1.693.576l.348.715c.305-.272.8-.505 1.245-.505.424 0 .658.138.658.416 0 .186-.155.28-.448.318-1.095.138-1.953.432-1.953 1.254 0 .65.476 1.045 1.22 1.045.53 0 1.003-.288 1.228-.665v.563h.99v-2.356c0-.97-.692-1.363-1.594-1.363zm9.938.106v3.606h1.059v-1.738c0-.825.513-1.068.871-1.068a.83.83 0 0 1 .453.13l.194-.953a1.2 1.2 0 0 0-.473-.083c-.544 0-.886.235-1.112.712v-.606zm7.486-.106c-.56 0-.979.322-1.196.633-.203-.401-.63-.633-1.145-.633-.56 0-.948.303-1.126.651v-.545H17.59v3.606h1.06v-1.857c0-.664.359-.985.693-.985.303 0 .581.19.581.682v2.16h1.059v-1.857c0-.674.35-.985.7-.985.28 0 .577.198.577.675v2.167h1.058V10.64c0-.81-.56-1.219-1.236-1.219m-10.066.106h-.96v-.366c0-.478.28-.614.52-.614.165.002.327.042.473.115l.327-.727s-.332-.21-.934-.21c-.676 0-1.447.371-1.447 1.537v.265H8.392v-.366c0-.478.279-.614.52-.614.165 0 .328.04.473.115l.326-.727c-.194-.11-.508-.21-.932-.21-.677 0-1.447.371-1.447 1.537v.265h-.613v.795h.614v2.81h1.059v-2.81h1.606v2.81h1.058v-2.81h.96z"
+    clip-rule="evenodd"
+  />
+  <path fill="#fff" d="M13.705 9.527h-1.057v3.604h1.057z" />
+  <path
+    fill="#fff"
+    fill-rule="evenodd"
+    d="M12.687 8.914h1.035c.605-1.85 2.655-3.475 5.093-3.475 2.965 0 5.527 2.198 5.527 5.618a6.9 6.9 0 0 1-.294 2.076h1.006l.01-.034a8 8 0 0 0 .248-2.038c0-3.815-2.855-6.561-6.495-6.561-2.86 0-5.408 1.932-6.13 4.415"
+    clip-rule="evenodd"
+  />
+</svg>

package/dist/svg/icon/icon-affirm-black-24-colored.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 38 24">
+  <rect width="37.5" height="24" fill="#191919" rx="2" stroke-width="1" />
+  <path
+    fill="#fff"
+    fill-rule="evenodd"
+    d="M5.718 16.647c-.37 0-.56-.178-.56-.47 0-.546.625-.729 1.764-.847 0 .726-.505 1.316-1.207 1.316zm.49-4.085c-.814 0-1.75.372-2.258.767l.464.954c.408-.363 1.066-.674 1.66-.674.565 0 .878.184.878.555 0 .248-.207.374-.597.424-1.46.184-2.605.577-2.605 1.672 0 .868.635 1.393 1.627 1.393.708 0 1.338-.383 1.638-.886v.75h1.32v-3.14c0-1.295-.923-1.818-2.126-1.818zm13.25.141v4.807h1.413v-2.316c0-1.1.684-1.424 1.161-1.424.215-.002.425.059.604.173l.258-1.27a1.6 1.6 0 0 0-.63-.111c-.726 0-1.182.312-1.483.949v-.808zm9.982-.141c-.746 0-1.305.429-1.595.843-.27-.535-.84-.843-1.526-.843-.746 0-1.264.403-1.502.868v-.727h-1.363v4.808h1.414v-2.476c0-.886.479-1.314.924-1.314.404 0 .775.254.775.91v2.88h1.411v-2.476c0-.899.467-1.314.934-1.314.373 0 .77.264.77.9v2.89h1.41v-3.324c0-1.08-.746-1.625-1.648-1.625m-13.424.141h-1.279v-.489c0-.636.373-.818.695-.818.219.003.435.056.63.154l.435-.97s-.442-.28-1.245-.28c-.902 0-1.929.495-1.929 2.049v.354H11.19v-.489c0-.636.372-.818.694-.818.22 0 .436.053.63.154l.436-.97c-.26-.148-.678-.28-1.244-.28-.902 0-1.93.495-1.93 2.049v.354h-.817v1.06h.82v3.747h1.41v-3.747h2.142v3.747h1.411v-3.747h1.28z"
+    clip-rule="evenodd"
+  />
+  <path fill="#fff" d="M18.273 12.703h-1.41v4.806h1.41z" />
+  <path
+    fill="#fff"
+    fill-rule="evenodd"
+    d="M16.915 11.886h1.381c.806-2.466 3.54-4.634 6.79-4.634 3.954 0 7.37 2.93 7.37 7.491a9.2 9.2 0 0 1-.392 2.767h1.34l.014-.045a10.8 10.8 0 0 0 .332-2.718C33.75 9.661 29.942 6 25.089 6c-3.812 0-7.21 2.576-8.173 5.887z"
+    clip-rule="evenodd"
+  />
+</svg>

package/dist/svg/icon/icon-affirm-black-32-colored.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 50 32">
+  <rect width="50" height="32" fill="#191919" rx="2" stroke-width="1" />
+  <path
+    fill="#fff"
+    fill-rule="evenodd"
+    d="M7.624 22.195c-.494 0-.746-.237-.746-.626 0-.727.832-.972 2.35-1.129 0 .969-.672 1.755-1.608 1.755zm.654-5.446c-1.086 0-2.334.497-3.011 1.023l.619 1.272c.543-.484 1.421-.899 2.213-.899.754 0 1.17.246 1.17.74 0 .331-.275.5-.796.566C6.526 19.696 5 20.219 5 21.679c0 1.158.846 1.858 2.169 1.858.944 0 1.784-.51 2.184-1.18v.999h1.76v-4.188c0-1.726-1.231-2.423-2.834-2.423zm17.666.188v6.41h1.884v-3.089c0-1.467.912-1.898 1.548-1.898.286-.003.566.078.805.231l.345-1.694a2.2 2.2 0 0 0-.84-.148c-.968 0-1.576.417-1.978 1.265v-1.077zm13.31-.188c-.996 0-1.74.572-2.128 1.125-.36-.713-1.12-1.125-2.034-1.125-.995 0-1.685.538-2.003 1.157v-.969h-1.816v6.41h1.885v-3.3c0-1.181.637-1.753 1.232-1.753.538 0 1.033.34 1.033 1.214v3.84h1.882v-3.301c0-1.198.621-1.753 1.244-1.753.498 0 1.026.353 1.026 1.201v3.852h1.882v-4.431c0-1.44-.996-2.167-2.199-2.167m-17.897.188h-1.706v-.652c0-.848.497-1.09.926-1.09.292.004.58.074.84.205l.58-1.293s-.589-.374-1.66-.374c-1.202 0-2.571.66-2.571 2.732v.472h-2.851v-.652c0-.848.496-1.09.925-1.09.293 0 .582.07.84.205l.58-1.293c-.345-.197-.903-.374-1.658-.374-1.203 0-2.572.66-2.572 2.732v.472h-1.09v1.413h1.093v4.997h1.881V18.35h2.855v4.997h1.882V18.35h1.706z"
+    clip-rule="evenodd"
+  />
+  <path fill="#fff" d="M24.364 16.937h-1.88v6.408h1.88z" />
+  <path
+    fill="#fff"
+    fill-rule="evenodd"
+    d="M22.554 15.848h1.841c1.075-3.288 4.719-6.178 9.053-6.178 5.272 0 9.827 3.906 9.827 9.988a12.2 12.2 0 0 1-.523 3.69h1.787l.018-.06A14.4 14.4 0 0 0 45 19.663C45 12.881 39.923 8 33.452 8c-5.083 0-9.613 3.434-10.897 7.85z"
+    clip-rule="evenodd"
+  />
+</svg>

package/dist/svg/icon/icon-affirm-white-12-colored.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 19 12">
+  <rect
+    width="17.75"
+    height="11"
+    x=".5"
+    y=".5"
+    fill="#fff"
+    stroke="#191919"
+    rx="1.5"
+  />
+  <path
+    fill="#13131F"
+    fill-rule="evenodd"
+    d="M3.32 8.152c-.172 0-.26-.082-.26-.218 0-.253.29-.339.82-.393 0 .337-.235.611-.56.611m.228-1.897c-.378 0-.813.173-1.049.356l.216.443c.19-.169.495-.313.771-.313.263 0 .408.086.408.258 0 .115-.096.174-.278.197-.678.085-1.21.268-1.21.776 0 .404.295.648.756.648.33 0 .622-.178.761-.412v.348h.613V7.097c0-.601-.429-.844-.987-.844zm6.156.065v2.234h.656V7.477c0-.511.318-.661.54-.661a.5.5 0 0 1 .28.08l.12-.59a.8.8 0 0 0-.292-.052c-.337 0-.55.146-.69.441V6.32zm4.638-.065a.92.92 0 0 0-.742.391c-.125-.248-.39-.391-.709-.391a.76.76 0 0 0-.697.403V6.32h-.633v2.234h.656v-1.15c0-.412.223-.611.43-.611.187 0 .36.118.36.423v1.338h.655v-1.15c0-.418.217-.611.434-.611.174 0 .358.123.358.418v1.343h.655V7.01c0-.502-.347-.755-.766-.755m-6.236.065h-.594v-.227c0-.296.173-.38.322-.38a.7.7 0 0 1 .293.071l.202-.45s-.205-.13-.578-.13c-.42 0-.896.23-.896.952v.164h-.994v-.227c0-.296.173-.38.323-.38q.155.001.293.071l.202-.45a1.2 1.2 0 0 0-.578-.13c-.42 0-.896.23-.896.952v.164h-.38v.493h.38v1.74h.656v-1.74h.995v1.74h.656v-1.74h.594z"
+    clip-rule="evenodd"
+  />
+  <path fill="#13131F" d="M9.154 6.32h-.655v2.233h.655z" />
+  <path
+    fill="#4A4AF4"
+    fill-rule="evenodd"
+    d="M8.523 5.94h.641c.375-1.145 1.645-2.152 3.155-2.152 1.836 0 3.424 1.361 3.424 3.48.005.435-.056.868-.182 1.286h.622l.006-.021c.105-.413.157-.838.155-1.263 0-2.363-1.77-4.064-4.024-4.064-1.771 0-3.35 1.197-3.797 2.735"
+    clip-rule="evenodd"
+  />
+</svg>

package/dist/svg/icon/icon-affirm-white-18-colored.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 29 18">
+  <rect
+    width="27.125"
+    height="17"
+    x=".5"
+    y=".5"
+    fill="#fff"
+    stroke="#191919"
+    rx="1.5"
+  />
+  <path
+    fill="#13131F"
+    fill-rule="evenodd"
+    d="M4.531 12.39c-.27 0-.409-.13-.409-.344 0-.398.456-.532 1.288-.618 0 .53-.369.961-.882.961zm.358-2.983c-.595 0-1.278.272-1.65.56l.34.696c.297-.265.778-.492 1.212-.492.413 0 .64.135.64.405 0 .182-.15.274-.435.31-1.067.135-1.902.421-1.902 1.22 0 .635.463 1.018 1.188 1.018.517 0 .977-.28 1.196-.647v.548h.964v-2.293c0-.946-.675-1.327-1.553-1.327zm9.675.103v3.51h1.031v-1.69c0-.804.5-1.04.848-1.04a.8.8 0 0 1 .441.127l.19-.928a1.2 1.2 0 0 0-.46-.081c-.53 0-.864.228-1.084.693v-.59zm7.289-.103c-.545 0-.953.313-1.165.616-.197-.39-.613-.616-1.114-.616-.545 0-.923.294-1.097.633v-.53h-.995v3.51h1.033v-1.807c0-.647.349-.96.674-.96.295 0 .566.186.566.665v2.102h1.03v-1.807c0-.656.341-.96.682-.96.273 0 .562.193.562.658v2.11h1.03v-2.428c0-.788-.545-1.186-1.204-1.186m-9.801.103h-.934v-.357c0-.465.272-.597.507-.597.16.002.317.04.46.112l.318-.708s-.323-.205-.91-.205c-.658 0-1.408.361-1.408 1.496v.259H8.526v-.357c0-.465.272-.597.507-.597.16 0 .318.038.46.112l.318-.708c-.19-.108-.495-.205-.909-.205-.658 0-1.408.361-1.408 1.496v.259h-.597v.774h.598v2.736h1.03v-2.736h1.564v2.736h1.03v-2.736h.935z"
+    clip-rule="evenodd"
+  />
+  <path fill="#13131F" d="M13.699 9.51h-1.03v3.509h1.03z" />
+  <path
+    fill="#4A4AF4"
+    fill-rule="evenodd"
+    d="M12.707 8.913h1.009c.588-1.8 2.584-3.383 4.958-3.383 2.887 0 5.381 2.14 5.381 5.47a6.7 6.7 0 0 1-.286 2.02h.979l.01-.033A8 8 0 0 0 25 11.003c0-3.714-2.78-6.388-6.324-6.388-2.784 0-5.265 1.88-5.968 4.299z"
+    clip-rule="evenodd"
+  />
+</svg>

package/dist/svg/icon/icon-affirm-white-24-colored.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 38 24">
+  <rect
+    width="36.5"
+    height="23"
+    x=".5"
+    y=".5"
+    fill="#fff"
+    stroke="#191919"
+    rx="1.5"
+  />
+  <path
+    fill="#13131F"
+    fill-rule="evenodd"
+    d="M5.72 16.647c-.372 0-.56-.178-.56-.47 0-.546.624-.729 1.763-.847 0 .726-.505 1.316-1.207 1.316zm.49-4.085c-.815 0-1.75.372-2.259.767l.464.954c.408-.363 1.066-.674 1.66-.674.565 0 .878.184.878.555 0 .248-.207.374-.597.424-1.46.184-2.605.577-2.605 1.672 0 .868.635 1.393 1.627 1.393.708 0 1.338-.383 1.638-.886v.75h1.32v-3.14c0-1.295-.924-1.818-2.126-1.818zm13.25.141v4.807h1.412v-2.316c0-1.1.684-1.424 1.161-1.424.215-.002.425.059.604.173l.258-1.27a1.6 1.6 0 0 0-.63-.111c-.726 0-1.182.312-1.483.949v-.808zm9.982-.141c-.747 0-1.306.429-1.596.843-.27-.535-.84-.843-1.526-.843-.746 0-1.264.403-1.502.868v-.727h-1.363v4.808h1.414v-2.476c0-.886.479-1.314.924-1.314.404 0 .775.254.775.91v2.88h1.411v-2.476c0-.899.467-1.314.934-1.314.373 0 .77.264.77.9v2.89h1.41v-3.324c0-1.08-.746-1.625-1.648-1.625m-13.423.141h-1.28v-.489c0-.636.373-.818.695-.818.219.003.435.056.63.154l.435-.97s-.442-.28-1.245-.28c-.902 0-1.929.495-1.929 2.049v.354H11.19v-.489c0-.636.372-.818.694-.818.22 0 .436.053.63.154l.436-.97c-.26-.148-.678-.28-1.244-.28-.902 0-1.93.495-1.93 2.049v.354H8.96v1.06h.82v3.747h1.41v-3.747h2.142v3.747h1.411v-3.747h1.28z"
+    clip-rule="evenodd"
+  />
+  <path fill="#13131F" d="M18.274 12.703h-1.41v4.806h1.41z" />
+  <path
+    fill="#4A4AF4"
+    fill-rule="evenodd"
+    d="M16.916 11.886h1.381c.806-2.466 3.54-4.634 6.79-4.634 3.954 0 7.37 2.93 7.37 7.491a9.2 9.2 0 0 1-.392 2.767h1.34l.014-.045a10.8 10.8 0 0 0 .332-2.718C33.75 9.661 29.943 6 25.09 6c-3.812 0-7.21 2.576-8.173 5.887z"
+    clip-rule="evenodd"
+  />
+</svg>

package/dist/svg/icon/icon-affirm-white-32-colored.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 50 32">
+  <rect
+    width="49"
+    height="31"
+    x=".5"
+    y=".5"
+    fill="#fff"
+    stroke="#191919"
+    rx="1.5"
+  />
+  <path
+    fill="#13131F"
+    fill-rule="evenodd"
+    d="M7.625 22.177c-.494 0-.746-.237-.746-.627 0-.727.832-.971 2.35-1.128 0 .968-.672 1.755-1.608 1.755zm.654-5.447c-1.086 0-2.334.497-3.011 1.023l.619 1.272c.543-.484 1.421-.898 2.213-.898.754 0 1.17.245 1.17.74 0 .33-.275.499-.796.565C6.527 19.677 5 20.201 5 21.661c0 1.157.846 1.858 2.169 1.858.944 0 1.784-.511 2.184-1.181v.999h1.76V19.15c0-1.726-1.231-2.423-2.834-2.423zm17.666.188v6.41h1.884V20.24c0-1.467.912-1.9 1.548-1.9.286-.001.566.08.805.233l.345-1.695a2.2 2.2 0 0 0-.84-.148c-.968 0-1.577.417-1.978 1.266v-1.078zm13.31-.188c-.996 0-1.74.573-2.128 1.125-.36-.713-1.12-1.125-2.034-1.125-.995 0-1.685.538-2.003 1.158v-.97h-1.816v6.41h1.885v-3.3c0-1.18.637-1.752 1.232-1.752.538 0 1.033.339 1.033 1.214v3.839h1.882v-3.3c0-1.199.621-1.753 1.244-1.753.498 0 1.027.352 1.027 1.2v3.853h1.88v-4.432c0-1.44-.995-2.166-2.198-2.166m-17.897.187h-1.706v-.651c0-.849.497-1.09.926-1.09.292.003.58.074.84.204l.58-1.293s-.589-.374-1.66-.374c-1.202 0-2.571.66-2.571 2.733v.471h-2.852v-.651c0-.849.497-1.09.926-1.09.293 0 .582.07.84.204l.58-1.293c-.345-.197-.903-.374-1.658-.374-1.203 0-2.572.66-2.572 2.733v.471h-1.09v1.414h1.093v4.997h1.881v-4.997h2.855v4.997h1.882v-4.997h1.706z"
+    clip-rule="evenodd"
+  />
+  <path fill="#13131F" d="M24.365 16.919h-1.88v6.407h1.88z" />
+  <path
+    fill="#4A4AF4"
+    fill-rule="evenodd"
+    d="M22.555 15.829h1.841c1.075-3.288 4.719-6.178 9.053-6.178 5.272 0 9.827 3.907 9.827 9.988a12.2 12.2 0 0 1-.523 3.69h1.788l.017-.06c.301-1.186.45-2.403.443-3.624C45 12.863 39.924 7.98 33.453 7.98c-5.083 0-9.613 3.435-10.897 7.85z"
+    clip-rule="evenodd"
+  />
+</svg>

package/dist/svg/icon/icon-live-bag-16.svg

@@ -1,5 +1,5 @@
 <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M8 0c1.243 0 2.326.849 2.623 2.056L11.103 4h2.83C14.524 4 15 4.478 15 5.066v5.601A4.333 4.333 0 0 1 10.667 15H5.333A4.333 4.333 0 0 1 1 10.667v-5.6C1 4.476 1.478 4 2.066 4h2.831l.479-1.944.065-.222A2.702 2.702 0 0 1 8 0ZM3 10.667A2.333 2.333 0 0 0 5.333 13h5.334A2.333 2.333 0 0 0 13 10.667V6h-1.405l.126.51.02.101a1 1 0 0 1-1.932.476l-.03-.098L9.535 6h-3.07l-.244.99a1 1 0 1 1-1.942-.48L4.405 6H3v4.667ZM6.7 8.11c0-.413.423-.679.787-.522l.072.037 2.303 1.39.065.045c.28.224.28.656 0 .88l-.065.045-2.303 1.39a.567.567 0 0 1-.86-.485V8.11ZM8 2a.702.702 0 0 0-.644.42l-.038.114L6.957 4h2.085l-.361-1.466A.702.702 0 0 0 8 2Z"
+    d="M3.437 1.428A1 1 0 0 1 4.579 3.07 5.993 5.993 0 0 0 2 8a5.992 5.992 0 0 0 2.58 4.93 1 1 0 0 1-1.143 1.641A7.992 7.992 0 0 1 0 8a7.994 7.994 0 0 1 3.437-6.572Zm7.735.25a1 1 0 0 1 1.391-.25A7.994 7.994 0 0 1 16 8a7.992 7.992 0 0 1-3.438 6.571 1 1 0 1 1-1.141-1.641A5.993 5.993 0 0 0 14 8a5.993 5.993 0 0 0-2.58-4.93 1 1 0 0 1-.248-1.392Zm-6.353 2.9a1.001 1.001 0 0 1 1.363 1.464 2.661 2.661 0 0 0-.853 1.956c0 .772.327 1.466.852 1.955a1 1 0 1 1-1.363 1.464A4.66 4.66 0 0 1 3.33 7.998c0-1.35.575-2.57 1.49-3.42Zm4.947.05a1.001 1.001 0 0 1 1.414-.05 4.661 4.661 0 0 1 1.49 3.42 4.66 4.66 0 0 1-1.49 3.419 1 1 0 0 1-1.362-1.464 2.66 2.66 0 0 0 .852-1.955 2.66 2.66 0 0 0-.853-1.956 1 1 0 0 1-.051-1.413ZM7.999 6.666a1.333 1.333 0 1 1 0 2.666 1.333 1.333 0 0 1 0-2.666Z"
   />
 </svg>

package/dist/svg/icon/icon-live-bag-20.svg

@@ -1,5 +1,5 @@
 <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M10 0a3.11 3.11 0 0 1 3.025 2.39L13.648 5h3.769c.598 0 1.083.485 1.083 1.083v7.25a5.167 5.167 0 0 1-5.167 5.167H6.667A5.167 5.167 0 0 1 1.5 13.333v-7.25C1.5 5.485 1.985 5 2.583 5h3.77l.622-2.61A3.11 3.11 0 0 1 10 0ZM3.5 13.333A3.167 3.167 0 0 0 6.667 16.5h6.666a3.167 3.167 0 0 0 3.167-3.167V7h-2.376l.183.769.018.1a1 1 0 0 1-1.935.461l-.029-.099L12.068 7H7.933L7.64 8.231a1 1 0 1 1-1.946-.462L5.877 7H3.5v6.333Zm4.715-3.447a.76.76 0 0 1 1.056-.7l.096.05 3.09 1.864.085.06a.76.76 0 0 1 0 1.18l-.086.06-3.089 1.865a.76.76 0 0 1-1.152-.652V9.886ZM10 2c-.514 0-.96.353-1.08.853L8.41 5h3.182l-.512-2.147A1.11 1.11 0 0 0 10 2Z"
+    d="M4.158 1.883a1 1 0 0 1 1.17 1.623l-.037.026A7.988 7.988 0 0 0 2 10a7.99 7.99 0 0 0 3.327 6.495 1 1 0 1 1-1.169 1.622A9.99 9.99 0 0 1 0 10a9.988 9.988 0 0 1 4.112-8.083l.046-.034Zm10.288.226a1 1 0 0 1 1.396-.226l.046.034A9.988 9.988 0 0 1 20 10a9.99 9.99 0 0 1-4.158 8.117 1 1 0 0 1-1.17-1.622A7.99 7.99 0 0 0 18 10a7.989 7.989 0 0 0-3.291-6.468l-.037-.026a1 1 0 0 1-.226-1.397ZM6.098 5.442a1 1 0 0 1 1.301 1.52A3.99 3.99 0 0 0 6 10a3.99 3.99 0 0 0 1.396 3.036 1 1 0 0 1-1.303 1.518A5.99 5.99 0 0 1 4 10a5.99 5.99 0 0 1 2.098-4.559Zm6.394.11a1 1 0 0 1 1.41-.11A5.991 5.991 0 0 1 16 10.001a5.99 5.99 0 0 1-2.093 4.554 1 1 0 0 1-1.303-1.518A3.99 3.99 0 0 0 14 10.001a3.99 3.99 0 0 0-1.4-3.04 1 1 0 0 1-.108-1.41ZM10 8.335a1.667 1.667 0 1 1-.001 3.333A1.667 1.667 0 0 1 10 8.335Z"
   />
 </svg>

package/dist/svg/icon/icon-live-bag-24.svg

@@ -1,5 +1,5 @@
 <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
   <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.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"
+    d="M4.854 2.359a1 1 0 0 1 1.193 1.605A9.986 9.986 0 0 0 2 12.001a9.985 9.985 0 0 0 4.046 8.035 1 1 0 1 1-1.192 1.605A11.984 11.984 0 0 1 0 12.001c0-3.952 1.91-7.457 4.854-9.642Zm12.893.207a1 1 0 0 1 1.398-.207A11.985 11.985 0 0 1 24 12c0 3.95-1.911 7.455-4.855 9.64a1 1 0 0 1-1.19-1.605A9.985 9.985 0 0 0 22 12a9.987 9.987 0 0 0-4.047-8.036 1 1 0 0 1-.206-1.398ZM7.4 6.726a1 1 0 0 1 1.315 1.508A4.986 4.986 0 0 0 7 12.002c0 1.504.663 2.852 1.715 3.77A1 1 0 0 1 7.4 17.279 6.987 6.987 0 0 1 5 12.002c0-2.105.93-3.994 2.4-5.276Zm7.791.097a1 1 0 0 1 1.41-.097 6.989 6.989 0 0 1 2.4 5.276 6.987 6.987 0 0 1-2.4 5.277 1 1 0 0 1-1.315-1.507A4.988 4.988 0 0 0 17 12.002c0-1.503-.662-2.85-1.714-3.768a1 1 0 0 1-.096-1.411ZM12 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"
   />
 </svg>

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

@@ -1,5 +1,5 @@
 <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
   <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"
+    d="M5.147 2.145A1.375 1.375 0 0 1 6.72 4.4a9.243 9.243 0 0 0-3.97 7.598 9.242 9.242 0 0 0 3.97 7.6 1.376 1.376 0 0 1-1.572 2.256A11.993 11.993 0 0 1 0 11.999c0-4.082 2.039-7.687 5.147-9.854Zm11.792.342a1.375 1.375 0 0 1 1.913-.342A11.993 11.993 0 0 1 24 11.999c0 4.083-2.04 7.69-5.148 9.856a1.375 1.375 0 0 1-1.573-2.257A9.243 9.243 0 0 0 21.25 12a9.243 9.243 0 0 0-3.97-7.598 1.375 1.375 0 0 1-.341-1.914ZM7.316 6.71a1.375 1.375 0 1 1 1.825 2.057 4.303 4.303 0 0 0-1.454 3.23c0 1.285.56 2.437 1.453 3.23a1.376 1.376 0 0 1-1.826 2.057 7.053 7.053 0 0 1-2.377-5.287 7.05 7.05 0 0 1 2.38-5.287Zm7.427.117a1.374 1.374 0 0 1 1.94-.117 7.053 7.053 0 0 1 2.38 5.287 7.053 7.053 0 0 1-2.377 5.287 1.375 1.375 0 1 1-1.826-2.057 4.303 4.303 0 0 0 1.453-3.23c0-1.284-.56-2.437-1.454-3.23a1.374 1.374 0 0 1-.116-1.94Zm-2.74 3.046a2.125 2.125 0 1 1 0 4.25 2.125 2.125 0 0 1 0-4.25Z"
   />
 </svg>

package/dist/svg/icon/icon-live-bag-thin-16.svg

@@ -1,5 +1,5 @@
 <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
   <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"
+    d="M3.281 1.54a.75.75 0 0 1 .886 1.21A6.49 6.49 0 0 0 1.5 8a6.49 6.49 0 0 0 2.666 5.25.75.75 0 0 1-.886 1.21A7.99 7.99 0 0 1 0 8a7.99 7.99 0 0 1 3.281-6.46Zm8.39.163a.75.75 0 0 1 1.048-.163A7.99 7.99 0 0 1 16 8a7.99 7.99 0 0 1-3.28 6.46.75.75 0 1 1-.886-1.21A6.49 6.49 0 0 0 14.5 8a6.49 6.49 0 0 0-2.667-5.25.75.75 0 0 1-.162-1.047ZM4.895 4.52a.751.751 0 0 1 1 1.12A3.154 3.154 0 0 0 4.837 8c0 .939.408 1.782 1.06 2.363a.75.75 0 0 1-.999 1.119A4.654 4.654 0 0 1 3.337 8c0-1.383.603-2.626 1.558-3.479Zm5.15.06a.751.751 0 0 1 1.06-.06A4.655 4.655 0 0 1 12.663 8a4.654 4.654 0 0 1-1.561 3.482.75.75 0 0 1-.998-1.12A3.156 3.156 0 0 0 11.164 8a3.157 3.157 0 0 0-1.059-2.36.751.751 0 0 1-.06-1.06ZM8.002 6.666a1.333 1.333 0 1 1 0 2.667 1.333 1.333 0 0 1 0-2.667Z"
   />
 </svg>