@ebay/skin 17.3.0 → 17.4.0-next.0

package/dist/icon/icon.css

@@ -295,6 +295,14 @@ svg.icon--bookmark-24 {
   height: 24px;
   width: 24px;
 }
+svg.icon--bookmark-filled-16 {
+  height: 16px;
+  width: 16px;
+}
+svg.icon--bookmark-filled-24 {
+  height: 24px;
+  width: 24px;
+}
 svg.icon--brand-authorized-seller-16 {
   height: 16px;
   width: 16px;
@@ -887,6 +895,14 @@ svg.icon--euro-24 {
   height: 24px;
   width: 24px;
 }
+svg.icon--exclude-16 {
+  height: 16px;
+  width: 16px;
+}
+svg.icon--exclude-24 {
+  height: 24px;
+  width: 24px;
+}
 svg.icon--expand-16 {
   height: 16px;
   width: 16px;
@@ -1287,6 +1303,10 @@ svg.icon--inspect-24 {
   height: 24px;
   width: 24px;
 }
+svg.icon--inspect-64 {
+  height: 64px;
+  width: 64px;
+}
 svg.icon--instagram-24 {
   height: 24px;
   width: 24px;

package/dist/icon-button/icon-button.css

@@ -13,6 +13,7 @@ a.icon-link {
   box-sizing: border-box;
   font-family: inherit;
   height: 40px;
+  justify-content: center;
   margin: 0;
   padding: 0;
   vertical-align: text-bottom;
@@ -38,6 +39,25 @@ button.icon-btn:not(:focus-visible),
 a.icon-link:not(:focus-visible) {
   outline: none;
 }
+button.icon-btn.icon-btn--primary,
+a.icon-link.icon-link--primary {
+  background-color: var(--btn-primary-background-color, var(--color-background-accent));
+  border-color: var(--btn-primary-border-color, var(--color-stroke-accent));
+  color: var(--btn-primary-foreground-color, var(--color-foreground-on-accent));
+}
+button.icon-btn.icon-btn--primary > svg,
+a.icon-link.icon-link--primary > svg {
+  fill: var(--icon-button-icon-foreground-color, var(--color-foreground-on-accent));
+}
+button.icon-btn.icon-btn--secondary > svg,
+a.icon-link.icon-link--secondary > svg {
+  fill: var(--icon-button-icon-foreground-color, var(--color-foreground-accent));
+}
+button.icon-btn.icon-btn--small .progress-spinner,
+a.icon-link.icon-link--small .progress-spinner {
+  height: 20px;
+  width: 20px;
+}
 button.icon-btn.icon-btn--transparent > svg,
 a.icon-link.icon-link--transparent > svg {
   max-width: 100%;
@@ -138,3 +158,96 @@ a.icon-link > svg.icon--information-filled-24:hover,
 a.icon-link > svg.icon--information-filled-16:hover {
   fill: var(--color-foreground-information);
 }
+button.icon-btn.icon-btn--primary,
+a.icon-link.icon-link--primary,
+button.icon-btn.icon-btn--secondary,
+a.icon-link.icon-link--secondary,
+button.icon-btn.icon-btn--tertiary,
+a.icon-link.icon-link--tertiary {
+  border-width: 1px;
+}
+button[disabled].icon-btn.icon-btn--primary,
+button[aria-disabled="true"].icon-btn.icon-btn--primary,
+a:not([href]).icon-link.icon-link--primary,
+a[aria-disabled="true"].icon-link.icon-link--primary {
+  background-color: var(--icon-button-disabled-background-color, var(--color-background-disabled));
+  border-color: var(--btn-primary-disabled-border-color, var(--color-stroke-disabled));
+}
+button[disabled].icon-btn.icon-btn--primary > svg,
+button[aria-disabled="true"].icon-btn.icon-btn--primary > svg,
+a:not([href]).icon-link.icon-link--primary > svg,
+a[aria-disabled="true"].icon-link.icon-link--primary > svg {
+  fill: var(--icon-button-icon-foreground-color, var(--color-foreground-on-accent));
+}
+button.icon-btn.icon-btn--primary .progress-spinner,
+a.icon-link.icon-link--primary .progress-spinner {
+  --color-spinner-icon-background: var(--color-background-primary);
+  --color-spinner-icon-foreground: #8fa3f8;
+}
+button.icon-btn.icon-btn--secondary,
+a.icon-link.icon-link--secondary {
+  background-color: transparent;
+  border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));
+  color: var(--btn-secondary-foreground-color, var(--color-foreground-accent));
+}
+button.icon-btn.icon-btn--primary:not([disabled], [aria-disabled="true"]):hover,
+a.icon-link.icon-link--primary:not([disabled], [aria-disabled="true"]):hover,
+button.icon-btn.icon-btn--primary:not([disabled], [aria-disabled="true"]):focus,
+a.icon-link.icon-link--primary:not([disabled], [aria-disabled="true"]):focus {
+  background-blend-mode: multiply;
+  filter: brightness(96%);
+}
+button.icon-btn.icon-btn--primary:not([disabled], [aria-disabled="true"]):active,
+a.icon-link.icon-link--primary:not([disabled], [aria-disabled="true"]):active {
+  filter: brightness(92%);
+}
+button.icon-btn.icon-btn--secondary .progress-spinner,
+a.icon-link.icon-link--secondary .progress-spinner,
+button.icon-btn.icon-btn--tertiary .progress-spinner,
+a.icon-link.icon-link--tertiary .progress-spinner {
+  --color-spinner-icon-foreground: #3665f366;
+}
+button[disabled].icon-btn.icon-btn--secondary,
+button[aria-disabled="true"].icon-btn.icon-btn--secondary,
+a:not([href]).icon-link.icon-link--secondary,
+a[aria-disabled="true"].icon-link.icon-link--secondary {
+  border-color: var(--btn-secondary-disabled-border-color, var(--color-stroke-disabled));
+}
+button[disabled].icon-btn.icon-btn--secondary > svg,
+button[aria-disabled="true"].icon-btn.icon-btn--secondary > svg,
+a:not([href]).icon-link.icon-blinktn--secondary > svg,
+a[aria-disabled="true"].icon-link.icon-link--secondary > svg {
+  fill: var(--icon-button-icon-foreground-color, var(--color-foreground-disabled));
+}
+button.icon-btn.icon-btn--secondary:not([disabled], [aria-disabled="true"]):hover,
+a.icon-link.icon-link--secondary:not([disabled], [aria-disabled="true"]):hover,
+button.icon-btn.icon-btn--secondary:not([disabled], [aria-disabled="true"]):focus,
+a.icon-link.icon-link--secondary:not([disabled], [aria-disabled="true"]):focus {
+  background-color: var(--color-state-secondary-hover);
+}
+button.icon-btn.icon-btn--secondary:not([disabled], [aria-disabled="true"]):active,
+a.icon-link.icon-link--secondary:not([disabled], [aria-disabled="true"]):active {
+  background-color: var(--color-state-secondary-active);
+}
+button.icon-btn.icon-btn--tertiary,
+a.icon-link.icon-link--tertiary {
+  background-color: transparent;
+  border-color: var(--btn-primary-border-color, var(--color-stroke-default));
+  color: var(--btn-primary-foreground-color, var(--color-foreground-accent));
+}
+button[disabled].icon-btn.icon-btn--tertiary,
+button[aria-disabled="true"].icon-btn.icon-btn--tertiary,
+a:not([href]).icon-link.icon-link--tertiary,
+a[aria-disabled="true"].icon-link.icon-link--tertiary {
+  border-color: var(--btn-tertiary-disabled-border-color, var(--color-stroke-disabled));
+}
+button.icon-btn.icon-btn--tertiary:not([disabled], [aria-disabled="true"]):hover,
+a.icon-link.icon-link--tertiary:not([disabled], [aria-disabled="true"]):hover,
+button.icon-btn.icon-btn--tertiary:not([disabled], [aria-disabled="true"]):focus,
+a.icon-link.icon-link--tertiary:not([disabled], [aria-disabled="true"]):focus {
+  background-color: var(--color-state-secondary-hover);
+}
+button.icon-btn.icon-btn--tertiary:not([disabled], [aria-disabled="true"]):active,
+a.icon-link.icon-link--tertiary:not([disabled], [aria-disabled="true"]):active {
+  background-color: var(--color-state-secondary-active);
+}

package/dist/phone-input/phone-input.css

@@ -0,0 +1,142 @@
+.phone-input,
+.phone-input .listbox-button {
+  display: inline-flex;
+}
+.phone-input button.btn {
+  border-radius: 8px 0 0 8px;
+  min-width: 64px;
+  outline: none;
+  padding-inline: var(--spacing-200) var(--spacing-100);
+}
+.phone-input button.btn svg.icon:last-child {
+  -webkit-margin-start: var(--spacing-50);
+          margin-inline-start: var(--spacing-50);
+}
+.phone-input .listbox-button svg.flag {
+  height: 18px;
+  width: 24px;
+}
+.phone-input .listbox-button__value,
+.phone-input .listbox__value {
+  display: inline-flex;
+}
+.phone-input .listbox-button__value svg,
+.phone-input .listbox__value svg {
+  -webkit-margin-end: var(--spacing-200);
+          margin-inline-end: var(--spacing-200);
+}
+.phone-input .listbox-button__value span,
+.phone-input .listbox__value span {
+  -webkit-margin-end: var(--spacing-100);
+          margin-inline-end: var(--spacing-100);
+}
+.phone-input .listbox-button__value span:last-child,
+.phone-input .listbox__value span:last-child {
+  color: var(--color-foreground-secondary);
+}
+.phone-input .listbox-button__value span:nth-of-type(1),
+.phone-input .listbox__value span:nth-of-type(1) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.phone-input .textbox {
+  align-items: center;
+  background-color: var(--textbox-background-color, var(--color-background-secondary));
+  border-color: var(--textbox-border-color, var(--color-stroke-default));
+  border-radius: 0 var(--border-radius-50) var(--border-radius-50) 0;
+  border-style: solid;
+  border-width: 1px;
+  color: var(--textbox-prefix-color, var(--color-foreground-primary));
+  display: inline-flex;
+  margin-left: -1px;
+  -webkit-padding-start: var(--spacing-100);
+          padding-inline-start: var(--spacing-100);
+}
+.phone-input > .textbox > span:first-child,
+.phone-input > .textbox > input.textbox__control {
+  padding-top: 2px;
+}
+.phone-input .textbox > input.textbox__control {
+  border: none;
+  height: 36px;
+  padding-inline: var(--spacing-50);
+}
+.phone-input .textbox > input.textbox__control:focus {
+  background-color: var(--textbox-focus-background-color, var(--color-background-secondary));
+  outline: none;
+}
+.phone-input button.btn:focus,
+.phone-input:not(.phone-input--readonly) .textbox:focus-within {
+  background-color: var(--textbox-focus-background-color, var(--color-background-secondary));
+  border-color: var(--textbox-focus-border-color, var(--color-stroke-strong));
+  box-shadow: 0 0 0 0.5pt var(--color-stroke-strong);
+  position: relative;
+  z-index: 1;
+}
+.phone-input--large {
+  height: 48px;
+}
+.phone-input--fluid,
+.phone-input--fluid .textbox,
+.phone-input--fluid .textbox > input.textbox__control {
+  width: 100%;
+}
+.phone-input--readonly .listbox-button button[aria-disabled="true"],
+.phone-input--readonly .listbox-button button[disabled] {
+  border-color: var(--textbox-border-color, var(--color-stroke-default));
+}
+.phone-input--readonly .textbox span:first-child {
+  color: var(--textbox-disabled-foreground-color, var(--color-foreground-secondary));
+}
+.phone-input--readonly input.textbox__control[readonly] {
+  background-color: var(--textbox-background-color, var(--color-background-secondary));
+  color: var(--textbox-foreground-color, var(--color-foreground-secondary));
+}
+.phone-input--disabled svg.flag {
+  filter: var(--color-icon-disabled-filter);
+}
+.phone-input--disabled .textbox {
+  border-color: var(--textbox-disabled-border-color, var(--color-background-disabled));
+}
+.phone-input--disabled .textbox span:first-child {
+  color: var(--textbox-disabled-foreground-color, var(--color-foreground-disabled));
+}
+.phone-input--error .textbox {
+  border-color: var(--textbox-invalid-foreground-color, var(--color-stroke-attention));
+  border-left-color: var(--textbox-border-color, var(--color-stroke-default));
+}
+.phone-input .floating-label .floating-label__label {
+  z-index: 2;
+}
+.phone-input .floating-label .textbox > span:first-child {
+  padding-bottom: 2px;
+  padding-top: 18px;
+}
+.phone-input .floating-label--large .textbox > span:first-child {
+  padding-bottom: 5px;
+  padding-top: 23px;
+}
+@media screen and (min-width: 320px) {
+  .phone-input .listbox-button__value span:nth-of-type(1),
+  .phone-input .listbox__value span:nth-of-type(1) {
+    max-width: 50vw;
+  }
+  .phone-input .textbox > input.textbox__control {
+    max-width: 180px;
+  }
+}
+[dir="rtl"] .phone-input button.btn {
+  border-radius: 0 8px 8px 0;
+}
+[dir="rtl"] .phone-input .textbox {
+  border-radius: var(--border-radius-50) 0 0 var(--border-radius-50);
+  /* input type='tel | number' by default starts from left to right in RTL mode */
+  direction: ltr;
+  margin-left: 0;
+  margin-right: -1px;
+}
+[dir="rtl"] .phone-input .listbox-button__value span:last-child,
+[dir="rtl"] .phone-input .listbox__value span:last-child {
+  direction: ltr;
+}

package/dist/skeleton/skeleton.css

@@ -103,6 +103,9 @@ div.skeleton__textbox:not(:last-child) {
 .skeleton--elevated {
   --skeleton-background: var(--color-loading-fill-elevated);
 }
+.skeleton--on-secondary {
+  --skeleton-background: var(--color-loading-fill-on-secondary);
+}
 @media screen and (max-width: 512px) {
   .skeleton {
     --skeleton-background: var(--color-loading-shimmer);
@@ -110,6 +113,9 @@ div.skeleton__textbox:not(:last-child) {
   .skeleton--elevated {
     --skeleton-background: var(--color-loading-shimmer-elevated);
   }
+  .skeleton--on-secondary {
+    --skeleton-background: var(--color-loading-shimmer-on-secondary);
+  }
 }
 .skeleton--purple {
   --skeleton-background: var(--color-loading-ai-gradient-purple-subtle);

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

@@ -1,5 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M18.707 7.707a.998.998 0 0 0 0-1.414l-6-6a1 1 0 0 0-1.414 0l-11 11a.998.998 0 0 0 0 1.414l6 6a.999.999 0 0 0 1.414 0L11 15.414l7.293 7.293a1 1 0 0 0 1.414 0l3-3a.998.998 0 0 0 0-1.414L15.414 11l3.293-3.293ZM20.586 19 19 20.586 12.414 14 14 12.414 20.586 19ZM7 16.586 2.414 12 12 2.414 16.586 7 7 16.586ZM2 21h10a1 1 0 0 1 0 2H2a1 1 0 0 1 0-2Z"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M1.88 14.591a3 3 0 0 1 0-4.242l8.47-8.47a3 3 0 0 1 4.243 0l1.265 1.265 1.265 1.265a3 3 0 0 1 0 4.243l-2.028 2.028 6.988 6.988a3.123 3.123 0 0 1-4.416 4.416l-6.988-6.988-2.026 2.026a3 3 0 0 1-4.242 0l-2.531-2.53Zm10.213-.909 1.588-1.588 6.988 6.988a1.123 1.123 0 1 1-1.588 1.587l-6.988-6.987Zm-8.799-1.919a1 1 0 0 0 0 1.414l2.53 2.53a1 1 0 0 0 1.415 0l8.47-8.47a1 1 0 0 0 0-1.413l-1.265-1.266-1.266-1.265a1 1 0 0 0-1.414 0l-8.47 8.47ZM2 21a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H2Z"
   />
 </svg>

package/dist/svg/icon/icon-bids-64.svg

@@ -1,10 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
   <path
     fill-rule="evenodd"
-    d="M.738 29.072a2.5 2.5 0 0 0 0 3.536l16.664 16.664a2.5 2.5 0 0 0 3.536 0l8.696-8.697L49.32 60.26c.98.98 2.57.98 3.55 0l7.392-7.392c.98-.98.98-2.57 0-3.55L40.576 29.634l8.699-8.7a2.5 2.5 0 0 0 0-3.535L32.61.735a2.5 2.5 0 0 0-3.535 0L.738 29.072Zm5.303 1.768L19.17 43.968l24.801-24.8-13.128-13.13L6.04 30.84Zm31 2.33-3.871 3.87 17.924 17.924 3.87-3.87L37.04 33.168Z"
     clip-rule="evenodd"
-  />
-  <path
-    d="M2.97 58.5a2.5 2.5 0 0 1 2.5-2.5H32.5a2.5 2.5 0 0 1 0 5H5.47a2.5 2.5 0 0 1-2.5-2.5Z"
+    d="M5.197 38.257a7.5 7.5 0 0 1 0-10.606L27.653 5.197a7.5 7.5 0 0 1 10.608 0l3.61 3.61 3.61 3.61a7.5 7.5 0 0 1 0 10.606l-5.46 5.459L58.61 47.068a8.162 8.162 0 0 1-11.542 11.54L28.48 40.023l-5.455 5.454a7.5 7.5 0 0 1-10.607 0l-7.22-7.22Zm26.819-1.77 4.47-4.47 18.588 18.586a3.16 3.16 0 1 1-4.47 4.47L32.015 36.487ZM8.733 31.186a2.5 2.5 0 0 0 0 3.535l7.22 7.22a2.5 2.5 0 0 0 3.537 0l22.456-22.454a2.5 2.5 0 0 0 0-3.535l-3.61-3.61-3.611-3.61a2.5 2.5 0 0 0-3.536 0L8.733 31.186ZM5.5 55.998a2.5 2.5 0 0 0 0 5h27.002a2.5 2.5 0 0 0 0-5H5.5Z"
   />
 </svg>

package/dist/svg/icon/icon-bookmark-filled-16.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M3 3.5A2.5 2.5 0 0 1 5.5 1h5A2.5 2.5 0 0 1 13 3.5V14a1 1 0 0 1-1.707.707L8 11.414l-3.293 3.293A1 1 0 0 1 3 14V3.5Z"
+  />
+</svg>

package/dist/svg/icon/icon-bookmark-filled-24.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M4 4a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v18a1 1 0 0 1-1.707.707L12 16.414l-6.293 6.293A1 1 0 0 1 4 22V4Z"
+  />
+</svg>

package/dist/svg/icon/icon-exclude-16.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M4.523 3.11a6 6 0 0 1 8.367 8.367L4.524 3.108ZM3.11 4.522a6 6 0 0 0 8.367 8.367L3.11 4.524ZM8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Z"
+  />
+</svg>

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

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5.671 4.257A9.959 9.959 0 0 1 12 2c5.523 0 10 4.477 10 10a9.958 9.958 0 0 1-2.257 6.329L5.67 4.257ZM4.257 5.671A9.959 9.959 0 0 0 2 12c0 5.523 4.477 10 10 10a9.958 9.958 0 0 0 6.329-2.257L4.257 5.67ZM12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0Z"
+  />
+</svg>

package/dist/svg/icon/icon-fast-and-free-16.svg

@@ -1,5 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="m15.71 7.29-2-2A1 1 0 0 0 13 5h-2V3a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1 2 2 0 1 0 4 0h4a2 2 0 1 0 4 0h2a1 1 0 0 0 1-1V8a1 1 0 0 0-.29-.71ZM2 11V4h7v7H2Zm12 0h-3V7h1.59L14 8.41V11Z"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M2.5 4a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5h-6Zm-1.484 8.742A2 2 0 1 0 5 13h4a2 2 0 1 0 4 0h1a2 2 0 0 0 2-2V8.85a2 2 0 0 0-.438-1.249l-1.48-1.85A2 2 0 0 0 12.518 5H11v-.5A2.5 2.5 0 0 0 8.5 2h-6A2.5 2.5 0 0 0 0 4.5V11a2 2 0 0 0 1.016 1.742ZM14 11h-3.05c.033-.162.05-.329.05-.5V7h1.52L14 8.85V11Z"
   />
 </svg>

package/dist/svg/icon/icon-fast-and-free-24.svg

@@ -1,5 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M21 16h-1.766c-.015-.018-.036-.031-.052-.048a2.942 2.942 0 0 0-.28-.254c-.056-.047-.108-.096-.168-.139a3.092 3.092 0 0 0-.343-.203c-.061-.031-.118-.069-.18-.097a3.092 3.092 0 0 0-.414-.138c-.058-.017-.11-.04-.169-.053a2.938 2.938 0 0 0-1.21-.009c-.072.014-.139.041-.209.06-.113.031-.227.06-.333.103-.081.033-.155.077-.232.116-.089.045-.178.088-.261.141-.077.05-.148.108-.219.165-.054.042-.113.077-.164.122V9h3.562L21 12.612V16Zm-4 3a1 1 0 0 1-1-1c0-.173.055-.327.132-.469a.978.978 0 0 1 .701-.497c.057-.01.107-.034.167-.034a1 1 0 1 1 0 2Zm-8.766-3c-.015-.017-.035-.029-.05-.045a2.818 2.818 0 0 0-.286-.26c-.054-.046-.105-.094-.164-.135a2.81 2.81 0 0 0-.343-.203c-.061-.032-.118-.07-.18-.098a3.065 3.065 0 0 0-.412-.138c-.058-.016-.112-.04-.171-.053A3.02 3.02 0 0 0 6 15a3.02 3.02 0 0 0-.628.068c-.06.013-.113.037-.171.053-.14.039-.28.08-.412.138-.062.028-.119.066-.18.098a2.81 2.81 0 0 0-.343.203c-.059.041-.11.09-.165.135a3.04 3.04 0 0 0-.285.259c-.015.017-.035.029-.05.046H3V6h10v10H8.234ZM6 19a1 1 0 1 1 0-2 1 1 0 1 1 0 2Zm16.829-7.253L19.922 7.44a1 1 0 0 0-.828-.44H15V5a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h1a3 3 0 1 0 6 0h5a3 3 0 1 0 6 0h2a1 1 0 0 0 1-1v-4.694a1 1 0 0 0-.171-.559Z"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M4 6a1 1 0 0 0-1 1v8.75c0 .138.112.25.25.25h.92a3.001 3.001 0 0 1 5.66 0H14V7a1 1 0 0 0-1-1H4Zm-.75 12h.92a3.001 3.001 0 0 0 5.66 0h4.34a3.001 3.001 0 0 0 5.66 0h.92A2.25 2.25 0 0 0 23 15.75v-3.28a2.25 2.25 0 0 0-.557-1.482l-2.817-3.22A2.25 2.25 0 0 0 17.933 7H16a3 3 0 0 0-3-3H4a3 3 0 0 0-3 3v8.75A2.25 2.25 0 0 0 3.25 18ZM16 9v5.17A3.001 3.001 0 0 1 19.83 16h.92a.25.25 0 0 0 .25-.25v-3.28a.25.25 0 0 0-.062-.165l-2.817-3.22A.25.25 0 0 0 17.933 9H16Zm1 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm-9-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
   />
 </svg>

package/dist/svg/icon/icon-inspect-64.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.5 3A7.5 7.5 0 0 0 3 10.5v43a7.5 7.5 0 0 0 7.5 7.5h33a7.5 7.5 0 0 0 7.5-7.5v-3a2.5 2.5 0 0 0-5 0v3a2.5 2.5 0 0 1-2.5 2.5h-33A2.5 2.5 0 0 1 8 53.5v-43A2.5 2.5 0 0 1 10.5 8h33a2.5 2.5 0 0 1 2.5 2.5v3a2.5 2.5 0 0 0 5 0v-3A7.5 7.5 0 0 0 43.5 3h-33ZM13 16.5a2.5 2.5 0 0 1 2.5-2.5h14a2.5 2.5 0 0 1 0 5h-14a2.5 2.5 0 0 1-2.5-2.5Zm0 10.333a2.5 2.5 0 0 1 2.5-2.5h9a2.5 2.5 0 0 1 0 5h-9a2.5 2.5 0 0 1-2.5-2.5Zm2.5 7.833a2.5 2.5 0 0 0 0 5h9a2.5 2.5 0 0 0 0-5h-9ZM13 47.499a2.5 2.5 0 0 1 2.5-2.5h14a2.5 2.5 0 0 1 0 5h-14a2.5 2.5 0 0 1-2.5-2.5ZM45.5 24a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-13 8c0-7.18 5.82-13 13-13s13 5.82 13 13a12.94 12.94 0 0 1-2.21 7.254l6.978 6.978a2.5 2.5 0 0 1-3.536 3.536l-6.978-6.979A12.94 12.94 0 0 1 45.5 45c-7.18 0-13-5.82-13-13Z"
+  />
+</svg>

package/dist/svg/icon/icon-on-the-way-16.svg

@@ -1,6 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="m13.71 5.29 2 2A1 1 0 0 1 16 8v4a1 1 0 0 1-1 1h-2a2 2 0 1 1-4 0H5a2 2 0 1 1-4 0 1 1 0 1 1 0-2h8V4H1a1 1 0 0 1 0-2h9a1 1 0 0 1 1 1v2h2a1 1 0 0 1 .71.29ZM11 11h3V8.41L12.59 7H11v4Z"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M0 3a1 1 0 0 1 1-1h7.5A2.5 2.5 0 0 1 11 4.5V5h1.52a2 2 0 0 1 1.561.75l1.48 1.851A2 2 0 0 1 16 8.851V11a2 2 0 0 1-2 2h-1a2 2 0 1 1-4 0H5a2 2 0 1 1-4 0 1 1 0 1 1 0-2h7.5a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5H1a1 1 0 0 1-1-1Zm14 8h-3.05c.033-.162.05-.329.05-.5V7h1.52L14 8.85V11ZM1 6a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2H1Z"
   />
-  <path d="M5 8H1a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2Z" />
 </svg>

package/dist/svg/icon/icon-on-the-way-24.svg

@@ -1,5 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M21 16h-6V9h3.5l2.5 3.333V16Zm1.8-4.6-3-4A1 1 0 0 0 19 7h-4V5a1 1 0 0 0-1-1H2a1 1 0 1 0 0 2h11v10H2a1 1 0 1 0 0 2h20a1 1 0 0 0 1-1v-5a1 1 0 0 0-.2-.6ZM7 18a1 1 0 0 1-2 0H3c0 1.654 1.346 3 3 3s3-1.346 3-3H7Zm11 0a1 1 0 0 1-2 0h-2c0 1.654 1.346 3 3 3s3-1.346 3-3h-2ZM2 10a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2H2Zm0 4a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2H2Z"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M2 4a1 1 0 0 0 0 2h11a1 1 0 0 1 1 1v9H9.83a3.001 3.001 0 0 0-5.66 0H2a1 1 0 1 0 0 2h2.17a3.001 3.001 0 0 0 5.66 0h4.34a3.001 3.001 0 0 0 5.66 0h.92A2.25 2.25 0 0 0 23 15.75v-3.28a2.25 2.25 0 0 0-.557-1.482l-2.817-3.22A2.25 2.25 0 0 0 17.933 7H16a3 3 0 0 0-3-3H2Zm18.75 12h-.92A3.001 3.001 0 0 0 16 14.17V9h1.933a.25.25 0 0 1 .188.085l2.817 3.22a.25.25 0 0 1 .062.165v3.28a.25.25 0 0 1-.25.25ZM16 17a1 1 0 1 0 2 0 1 1 0 0 0-2 0ZM6 17a1 1 0 1 0 2 0 1 1 0 0 0-2 0ZM2 9a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2H2Z"
   />
 </svg>

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

@@ -1,5 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M21 15h-6c-.6 0-1-.4-1-1s.4-1 1-1h6v2ZM4 20c-.6 0-1-.4-1-1V7.8c.3.1.7.2 1 .2h17v3h-6c-1.7 0-3 1.3-3 3s1.3 3 3 3h6v3H4ZM19 6H4c-.6 0-1-.4-1-1s.4-1 1-1h15v2Zm2-3c0-.6-.4-1-1-1H4C2.3 2 1 3.3 1 5v14c0 1.7 1.3 3 3 3h18c.6 0 1-.4 1-1V7c0-.6-.4-1-1-1h-1V3Z"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M4 4a1 1 0 0 0 0 2h15V5a1 1 0 0 0-1-1H4ZM1 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v1.17c1.165.413 2 1.524 2 2.83v10a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Zm5 15h14a1 1 0 0 0 1-1v-2h-6a3 3 0 1 1 0-6h6V9a1 1 0 0 0-1-1H4c-.35 0-.687-.06-1-.17V19a1 1 0 0 0 1 1h2Zm9-5h6v-2h-6a1 1 0 1 0 0 2Z"
   />
 </svg>

package/dist/svg/icon/icon-wallet-64.svg

@@ -1,5 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M57 30H40.791c-4.527 0-8.48 3.417-8.772 7.936A8.5 8.5 0 0 0 40.5 47H57v8H11.5A3.5 3.5 0 0 1 8 51.5V21.25a8.48 8.48 0 0 0 3.5.75H57v8Zm0 12H40.698c-1.895 0-3.594-1.418-3.693-3.311A3.5 3.5 0 0 1 40.5 35H57v7ZM8 13.39c.004-.052.021-.101.026-.154C8.164 11.43 9.657 10 11.5 10H52v7H11.5a3.487 3.487 0 0 1-1.365-.276l-.021-.012a3.362 3.362 0 0 1-.577-.316c-.08-.053-.149-.124-.225-.184-.102-.083-.208-.16-.3-.254l-.027-.021c-.069-.073-.121-.157-.183-.233-.076-.093-.156-.181-.223-.281-.062-.096-.11-.2-.163-.301-.054-.101-.112-.2-.156-.308-.045-.112-.073-.23-.108-.346-.03-.105-.065-.205-.086-.314-.026-.134-.032-.273-.042-.412C8.019 13.66 8 13.583 8 13.5c0-.016.004-.03.005-.045 0-.021-.006-.043-.005-.065ZM59.5 17H57V7a2 2 0 0 0-2-2H11.75A8.69 8.69 0 0 0 3 13.24v38.23A8.51 8.51 0 0 0 11.5 60h48a2.5 2.5 0 0 0 2.5-2.5v-38a2.5 2.5 0 0 0-2.5-2.5Z"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M11.5 8.999a3.5 3.5 0 1 0 0 7H51v-4.5a2.5 2.5 0 0 0-2.5-2.5h-37Zm-8.5 3.5v39.002a7.5 7.5 0 0 0 7.5 7.5h43a7.5 7.5 0 0 0 7.5-7.5V23.5a7.503 7.503 0 0 0-5-7.073V11.5A7.5 7.5 0 0 0 48.5 4h-37A8.5 8.5 0 0 0 3 12.5Zm7.5 41.502h43a2.5 2.5 0 0 0 2.5-2.5v-5.49H40.495a8.495 8.495 0 0 1 0-16.99H56V23.5a2.5 2.5 0 0 0-2.5-2.5h-42a8.47 8.47 0 0 1-3.5-.752v31.254a2.5 2.5 0 0 0 2.5 2.5ZM56 34.021H40.495a3.495 3.495 0 0 0 0 6.99H56v-6.99Z"
   />
 </svg>