@ebay/skin 16.6.0 → 16.7.0-0

package/dist/confirm-dialog/confirm-dialog.css

@@ -27,8 +27,8 @@
   flex-direction: column;
   min-height: 55px;
   will-change: opacity, transform;
-  border-radius: var(--lightbox-border-radius, var(--border-radius-100));
-  margin: auto;
+  border-radius: var(--lightbox-border-radius, var(--border-radius-150));
+  margin: auto auto 16px;
   max-height: 90%;
   max-width: calc(100% - 32px);
   min-width: 208px;

package/dist/icon/icon.css

@@ -27,6 +27,34 @@ svg.icon--afterpay-32-colored {
   height: 32px;
   width: 50px;
 }
+svg.icon--ai-16 {
+  height: 16px;
+  width: 16px;
+}
+svg.icon--ai-20 {
+  height: 20px;
+  width: 20px;
+}
+svg.icon--ai-24 {
+  height: 24px;
+  width: 24px;
+}
+svg.icon--ai-filled-16 {
+  height: 16px;
+  width: 16px;
+}
+svg.icon--ai-filled-20 {
+  height: 20px;
+  width: 20px;
+}
+svg.icon--ai-filled-24 {
+  height: 24px;
+  width: 24px;
+}
+svg.icon--ai-thin-16 {
+  height: 16px;
+  width: 16px;
+}
 svg.icon--amex-12-colored {
   height: 12px;
   width: 20px;
@@ -115,6 +143,14 @@ svg.icon--arrows-3d-filled-64-colored {
   height: 64px;
   width: 64px;
 }
+svg.icon--arrows-expand-16 {
+  height: 24px;
+  width: 24px;
+}
+svg.icon--arrows-expand-24 {
+  height: 16px;
+  width: 16px;
+}
 svg.icon--article-16 {
   height: 16px;
   width: 16px;
@@ -183,6 +219,10 @@ svg.icon--auto-adjust-24 {
   height: 24px;
   width: 24px;
 }
+svg.icon--background-removal-24 {
+  height: 24px;
+  width: 24px;
+}
 svg.icon--bag-24 {
   height: 24px;
   width: 24px;
@@ -295,6 +335,14 @@ svg.icon--car-24 {
   height: 24px;
   width: 24px;
 }
+svg.icon--car-brake-16 {
+  height: 16px;
+  width: 16px;
+}
+svg.icon--car-brake-24 {
+  height: 24px;
+  width: 24px;
+}
 svg.icon--carryon-24 {
   height: 24px;
   width: 24px;
@@ -459,6 +507,14 @@ svg.icon--chevron-up-24 {
   height: 24px;
   width: 24px;
 }
+svg.icon--chinese-coin-16 {
+  height: 16px;
+  width: 16px;
+}
+svg.icon--chinese-coin-24 {
+  height: 24px;
+  width: 24px;
+}
 svg.icon--clear-16 {
   height: 16px;
   width: 16px;
@@ -487,6 +543,10 @@ svg.icon--clock-24 {
   height: 24px;
   width: 24px;
 }
+svg.icon--close-12 {
+  height: 12px;
+  width: 13px;
+}
 svg.icon--close-16 {
   height: 16px;
   width: 16px;
@@ -1175,6 +1235,14 @@ svg.icon--google-pay-32-colored {
   height: 32px;
   width: 50px;
 }
+svg.icon--graph-16 {
+  height: 16px;
+  width: 16px;
+}
+svg.icon--graph-24 {
+  height: 24px;
+  width: 24px;
+}
 svg.icon--grid-view-16 {
   height: 16px;
   width: 16px;
@@ -1207,6 +1275,14 @@ svg.icon--hanger-24 {
   height: 24px;
   width: 24px;
 }
+svg.icon--headlight-16 {
+  height: 16px;
+  width: 16px;
+}
+svg.icon--headlight-24 {
+  height: 24px;
+  width: 24px;
+}
 svg.icon--headphone-16 {
   height: 16px;
   width: 16px;
@@ -2335,6 +2411,10 @@ svg.icon--sparkline-up-24 {
   height: 24px;
   width: 24px;
 }
+svg.icon--sparkline-up-filled-24 {
+  height: 24px;
+  width: 24px;
+}
 svg.icon--spinner-20 {
   height: 16px;
   width: 16px;
@@ -2347,6 +2427,14 @@ svg.icon--spinner-30 {
   height: 24px;
   width: 24px;
 }
+svg.icon--split-payment-16 {
+  height: 16px;
+  width: 16px;
+}
+svg.icon--split-payment-24 {
+  height: 24px;
+  width: 24px;
+}
 svg.icon--split-view-24 {
   height: 24px;
   width: 24px;
@@ -2419,6 +2507,10 @@ svg.icon--store-64 {
   height: 64px;
   width: 64px;
 }
+svg.icon--store-filled-24 {
+  height: 24px;
+  width: 24px;
+}
 svg.icon--suitcase-24 {
   height: 24px;
   width: 24px;
@@ -2435,6 +2527,10 @@ svg.icon--text-messaging-16 {
   height: 16px;
   width: 16px;
 }
+svg.icon--text-messaging-20 {
+  height: 20px;
+  width: 20px;
+}
 svg.icon--text-messaging-24 {
   height: 24px;
   width: 24px;

package/dist/legacy-tokens/ds4-light.css

@@ -1,11 +1,13 @@
 :root {
     --color-background-primary: var(--color-neutral-0);
     --color-background-secondary: var(--color-neutral-1);
+    --color-background-tertiary: var(--color-neutral-2);
     --color-background-disabled: var(--color-neutral-3);
     --color-background-inverse: var(--color-neutral-6);
     --color-background-attention: var(--color-red-4);
     --color-background-confirmation: var(--color-green-6);
     --color-background-information: var(--color-blue-4);
+    --color-background-education: #ecf7fe;
     --color-background-accent: var(--color-blue-4);
     --color-background-invalid: var(--color-red-1);
     --color-foreground-primary: var(--color-neutral-7);
@@ -33,6 +35,7 @@
     --color-stroke-strong: var(--color-neutral-7);
     --color-stroke-subtle: var(--color-neutral-2);
     --color-state-visited: var(--color-magenta-6);
+    --color-state-focus-stroke: #005fcc;
     --color-state-primary-hover: #f5f5f5;
     --color-state-primary-active: #ebebeb;
     --color-state-secondary-hover: #ededed;
@@ -85,4 +88,34 @@
     --color-marketing-orange-background-3: var(--color-orange-3);
     --color-marketing-magenta-foreground-4: var(--color-neutral-0);
     --color-marketing-magenta-background-4: var(--color-magenta-4);
+    --state-layer-focus: rgba(var(--color-neutral-8-rgb), var(--opacity-100));
+    --state-layer-hover: rgba(var(--color-neutral-8-rgb), var(--opacity-100));
+    --state-layer-pressed: rgba(var(--color-neutral-8-rgb), var(--opacity-150));
+    --state-layer-drag: rgba(var(--color-neutral-8-rgb), var(--opacity-200));
+    --color-ai-gradient-full-color-diagonal: linear-gradient(
+        223deg,
+        var(--color-ai-yellow) 9.79%,
+        var(--color-ai-red) 26.69%,
+        var(--color-ai-purple) 41.82%,
+        var(--color-ai-blue) 56.17%,
+        var(--color-ai-green) 78.48%
+    );
+    --color-ai-gradient-green: linear-gradient(
+        270deg,
+        var(--color-ai-green) 0%,
+        #44cf63 25%,
+        var(--color-ai-blue) 100%
+    );
+    --color-ai-gradient-blue: linear-gradient(
+        270deg,
+        var(--color-ai-green) 0%,
+        var(--color-ai-blue) 55.62%,
+        #5751ea 75.7%,
+        var(--color-ai-purple) 100%
+    );
+    --color-ai-gradient-violet: linear-gradient(
+        270deg,
+        var(--color-ai-purple) 0%,
+        var(--color-ai-red) 100%
+    );
 }

package/dist/lightbox-dialog/lightbox-dialog.css

@@ -31,8 +31,8 @@
   flex-direction: column;
   min-height: 55px;
   will-change: opacity, transform;
-  border-radius: var(--lightbox-border-radius, var(--border-radius-100));
-  margin: auto;
+  border-radius: var(--lightbox-border-radius, var(--border-radius-150));
+  margin: auto auto 16px;
   max-height: 90%;
   max-width: calc(100% - 32px);
   min-width: 208px;
@@ -144,6 +144,10 @@ button.icon-btn.lightbox-dialog__prev {
 .lightbox-dialog--hide .lightbox-dialog__window--fade {
   transition: opacity 0.16s ease-out;
 }
+.lightbox-dialog--show .lightbox-dialog__window--animate,
+.lightbox-dialog--hide .lightbox-dialog__window--animate {
+  transition: opacity 0.16s ease-out, transform 0.32s ease-out;
+}
 .lightbox-dialog--hide.lightbox-dialog--hide,
 .lightbox-dialog--hide.lightbox-dialog--show-init,
 .lightbox-dialog--show-init.lightbox-dialog--hide,
@@ -160,6 +164,11 @@ button.icon-btn.lightbox-dialog__prev {
 .lightbox-dialog--show-init .lightbox-dialog__window--fade {
   opacity: 0;
 }
+.lightbox-dialog--hide .lightbox-dialog__window--animate,
+.lightbox-dialog--show-init .lightbox-dialog__window--animate {
+  opacity: 0;
+  transform: translateY(100%);
+}
 .lightbox-dialog--show.lightbox-dialog--show,
 .lightbox-dialog--show.lightbox-dialog--hide-init,
 .lightbox-dialog--hide-init.lightbox-dialog--show,
@@ -176,6 +185,34 @@ button.icon-btn.lightbox-dialog__prev {
 .lightbox-dialog--hide-init .lightbox-dialog__window--fade {
   opacity: 1;
 }
+.lightbox-dialog--show .lightbox-dialog__window--animate,
+.lightbox-dialog--hide-init .lightbox-dialog__window--animate {
+  opacity: 1;
+  transform: translateY(0);
+}
+.lightbox-dialog__handle {
+  background-color: transparent;
+  border: none;
+  left: 0;
+  margin: -11px auto;
+  padding: 8px;
+  position: relative;
+  right: 0;
+  top: 11px;
+  z-index: 2;
+}
+.lightbox-dialog__handle::after {
+  background-color: var(--dialog-handle-color, var(--color-stroke-default));
+  border-radius: 3px;
+  content: "";
+  display: block;
+  height: 2px;
+  width: 24px;
+}
+.lightbox-dialog__window--expanded {
+  height: 95%;
+  max-height: 95%;
+}
 [dir="rtl"] button.icon-btn.lightbox-dialog__prev {
   margin-left: 16px;
   margin-right: 0;
@@ -185,8 +222,13 @@ button.icon-btn.lightbox-dialog__prev {
 }
 @media (min-width: 512px) {
   .lightbox-dialog__window {
+    margin: auto;
+    border-radius: var(--lightbox-border-radius, var(--border-radius-100));
     max-width: calc(88% - 32px);
   }
+  .lightbox-dialog__handle {
+    display: none;
+  }
   .lightbox-dialog--narrow .lightbox-dialog__window {
     max-width: var(--dialog-lightbox-narrow-max-width);
   }
@@ -199,6 +241,12 @@ button.icon-btn.lightbox-dialog__prev {
     margin-left: 8px;
     margin-top: initial;
   }
+  .lightbox-dialog--show .lightbox-dialog__window--animate,
+  .lightbox-dialog--hide-init .lightbox-dialog__window--animate,
+  .lightbox-dialog--show-init .lightbox-dialog__window--animate,
+  .lightbox-dialog--hide .lightbox-dialog__window--animate {
+    transform: translateY(0);
+  }
 }
 @media (min-width: 768px) {
   .lightbox-dialog__window {

package/dist/section-notice/section-notice.css

@@ -10,6 +10,9 @@ section.section-notice {
   display: grid;
   grid-template-columns: 32px auto auto auto;
 }
+.section-notice--education {
+  background-color: var(--section-notice-education-background-color, var(--color-background-education));
+}
 span[role="region"].section-notice {
   display: grid;
 }
@@ -21,7 +24,6 @@ span[role="region"].section-notice {
 .section-notice__cta a {
   white-space: nowrap;
 }
-/* legacy version with separate bold heading */
 .section-notice__title:not(:only-child) {
   font-weight: bold;
 }
@@ -76,11 +78,9 @@ p.section-notice__cta {
   margin-right: 16px;
   margin-top: 16px;
 }
-/* support legacy 6.5 notice with heading + paragaphs */
 .section-notice__main .section-notice__title ~ p {
   margin: 4px 0 0;
 }
-/* LARGE SCREEN ADJUSTMENTS */
 @media (min-width: 512px) {
   section.section-notice,
   div[role="region"].section-notice {
@@ -116,3 +116,9 @@ p.section-notice__cta {
   margin-left: 16px;
   padding-left: 16px;
 }
+.section-notice__header:has(svg[class*="24"]) {
+  height: 24px;
+}
+.section-notice__header:has(svg[class*="24"]) + .section-notice__main {
+  padding-top: 2px;
+}

package/dist/svg/icon/icon-ai-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="M6.682 4.104a3.358 3.358 0 0 1-2.578 2.578l-2.467.53c-.85.182-.85 1.394 0 1.576l2.467.53a3.358 3.358 0 0 1 2.578 2.578l.53 2.467c.182.85 1.394.85 1.576 0l.53-2.467a3.358 3.358 0 0 1 2.578-2.578l2.467-.53c.85-.182.85-1.394 0-1.576l-2.467-.53a3.358 3.358 0 0 1-2.578-2.578l-.53-2.467c-.182-.85-1.394-.85-1.576 0l-.53 2.467ZM8 6.145A5.364 5.364 0 0 1 6.145 8 5.364 5.364 0 0 1 8 9.855 5.364 5.364 0 0 1 9.855 8 5.364 5.364 0 0 1 8 6.145Z"
+  />
+</svg>

package/dist/svg/icon/icon-ai-20.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10 6.303A6.32 6.32 0 0 1 6.303 10 6.32 6.32 0 0 1 10 13.697 6.32 6.32 0 0 1 13.697 10 6.32 6.32 0 0 1 10 6.303Zm1.013-4.484c-.234-1.092-1.792-1.092-2.026 0L8.306 4.99A4.317 4.317 0 0 1 4.99 8.306l-3.172.681c-1.092.234-1.092 1.792 0 2.026l3.172.681a4.317 4.317 0 0 1 3.315 3.315l.681 3.172c.234 1.092 1.792 1.092 2.026 0l.681-3.172a4.317 4.317 0 0 1 3.315-3.315l3.172-.681c1.092-.234 1.092-1.792 0-2.026l-3.172-.681a4.317 4.317 0 0 1-3.315-3.315l-.681-3.172Z"
+  />
+</svg>

package/dist/svg/icon/icon-ai-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="m12 5.76-.115.538a7.276 7.276 0 0 1-5.587 5.587L5.76 12l.537.115a7.276 7.276 0 0 1 5.587 5.587l.115.537.115-.537a7.276 7.276 0 0 1 5.587-5.587L18.24 12l-.537-.115a7.276 7.276 0 0 1-5.587-5.587L12 5.76ZM13.238 2c-.286-1.334-2.19-1.333-2.476 0l-.833 3.878a5.277 5.277 0 0 1-4.051 4.051L2 10.762c-1.335.286-1.334 2.19 0 2.476l3.877.833a5.277 5.277 0 0 1 4.051 4.051L10.762 22c.286 1.334 2.19 1.334 2.476 0l.833-3.878a5.277 5.277 0 0 1 4.051-4.051L22 13.238c1.334-.286 1.334-2.19 0-2.476l-3.878-.833a5.277 5.277 0 0 1-4.051-4.051L13.238 2Z"
+  />
+</svg>

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

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M7.212 1.637c.182-.85 1.394-.85 1.576 0l.53 2.467a3.358 3.358 0 0 0 2.578 2.578l2.467.53c.85.182.85 1.394 0 1.576l-2.467.53a3.358 3.358 0 0 0-2.578 2.578l-.53 2.467c-.182.85-1.394.85-1.576 0l-.53-2.467a3.358 3.358 0 0 0-2.578-2.578l-2.467-.53c-.85-.182-.85-1.394 0-1.576l2.467-.53a3.358 3.358 0 0 0 2.578-2.578l.53-2.467Z"
+  />
+</svg>

package/dist/svg/icon/icon-ai-filled-20.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M8.987 1.819c.234-1.092 1.792-1.092 2.026 0l.681 3.172a4.317 4.317 0 0 0 3.315 3.315l3.172.681c1.092.234 1.092 1.792 0 2.026l-3.172.681a4.317 4.317 0 0 0-3.315 3.315l-.681 3.172c-.234 1.092-1.792 1.092-2.026 0l-.681-3.172a4.317 4.317 0 0 0-3.315-3.315l-3.172-.681c-1.092-.234-1.092-1.792 0-2.026l3.172-.681A4.317 4.317 0 0 0 8.306 4.99l.681-3.172Z"
+  />
+</svg>

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

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M10.762 2c.286-1.333 2.19-1.334 2.476 0l.833 3.878a5.277 5.277 0 0 0 4.051 4.051l3.878.833c1.334.286 1.334 2.19 0 2.476l-3.878.833a5.277 5.277 0 0 0-4.051 4.051L13.238 22c-.286 1.334-2.19 1.334-2.476 0l-.833-3.878a5.277 5.277 0 0 0-4.051-4.051L2 13.238c-1.334-.286-1.335-2.19 0-2.476l3.877-.833a5.277 5.277 0 0 0 4.051-4.051L10.762 2Z"
+  />
+</svg>

package/dist/svg/icon/icon-ai-thin-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="M8 4.959A4.859 4.859 0 0 1 4.959 8 4.859 4.859 0 0 1 8 11.041 4.859 4.859 0 0 1 11.041 8 4.859 4.859 0 0 1 8 4.959Zm.788-3.322c-.182-.85-1.394-.85-1.576 0l-.53 2.467a3.358 3.358 0 0 1-2.578 2.578l-2.467.53c-.85.182-.85 1.394 0 1.576l2.467.53a3.358 3.358 0 0 1 2.578 2.578l.53 2.467c.182.85 1.394.85 1.576 0l.53-2.467a3.358 3.358 0 0 1 2.578-2.578l2.467-.53c.85-.182.85-1.394 0-1.576l-2.467-.53a3.358 3.358 0 0 1-2.578-2.578l-.53-2.467Z"
+  />
+</svg>

package/dist/svg/icon/icon-arrows-expand-16.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="M1 22a1 1 0 0 0 1 1h7a1 1 0 1 0 0-2H4.414l6.293-6.293a1 1 0 0 0-1.414-1.414L3 19.586V15a1 1 0 1 0-2 0v7Zm12.293-11.293a1 1 0 0 0 1.414 0L21 4.414V9a1 1 0 1 0 2 0V2a1 1 0 0 0-1-1h-7a1 1 0 1 0 0 2h4.586l-6.293 6.293a1 1 0 0 0 0 1.414Z"
+  />
+</svg>

package/dist/svg/icon/icon-arrows-expand-24.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="M1 14a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2H4.414l2.793-2.793a1 1 0 0 0-1.414-1.414L3 11.586V10a1 1 0 0 0-2 0v4Zm7.793-6.793a1 1 0 0 0 1.414 0L13 4.414V6a1 1 0 1 0 2 0V2a1 1 0 0 0-1-1h-4a1 1 0 1 0 0 2h1.586L8.793 5.793a1 1 0 0 0 0 1.414Z"
+  />
+</svg>

package/dist/svg/icon/icon-avatar-signed-out.svg

@@ -1,5 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
-    <circle cx="20" cy="20" r="20" fill="var(--color-background-secondary, #F7F7F7)"/>
-    <circle cx="20" cy="17.5" r="8.333" fill="var(--color-foreground-secondary, #707070)"/>
-    <path d="M7.67 35.748c2-4.84 6.767-8.248 12.33-8.248s10.33 3.407 12.33 8.249A19.914 19.914 0 0 1 20 40a19.914 19.914 0 0 1-12.33-4.252Z" fill="var(--color-foreground-secondary, #707070)"/>
-</svg>
+  <circle
+    cx="20"
+    cy="20"
+    r="20"
+    fill="var(--color-background-secondary, #F7F7F7)"
+  />
+  <circle
+    cx="20"
+    cy="17.5"
+    r="8.333"
+    fill="var(--color-foreground-secondary, #707070)"
+  />
+  <path
+    d="M7.67 35.748c2-4.84 6.767-8.248 12.33-8.248s10.33 3.407 12.33 8.249A19.914 19.914 0 0 1 20 40a19.914 19.914 0 0 1-12.33-4.252Z"
+    fill="var(--color-foreground-secondary, #707070)"
+  />
+</svg>

package/dist/svg/icon/icon-background-removal-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="M10.505 2H20a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h6.505ZM3 10.951v7.711l4.673-4.154a5 5 0 0 1 7.324-6.51L19.495 4h-8.617L3 10.951ZM7.855 4 3 8.284V5a1 1 0 0 1 1-1h3.855Zm8.471 5.492L21 5.338v7.71L13.122 20H4.505l4.498-3.998a5 5 0 0 0 7.324-6.51ZM20 20h-3.855L21 15.716V19a1 1 0 0 1-1 1ZM9 12a3 3 0 1 1 6 0 3 3 0 0 1-6 0Z"
+  />
+</svg>

package/dist/svg/icon/icon-car-brake-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="M7 2.08C4.598 2.657 2.657 4.598 2.08 7h2.142A4.608 4.608 0 0 1 7 4.223V2.08ZM7.03.03C8.146-.166 9 .744 9 1.721v.298A6.5 6.5 0 1 1 2.02 9h-.298C.744 9-.166 8.145.03 7.031c.624-3.53 3.47-6.376 7-7ZM9 4.351v-.324A4.5 4.5 0 1 1 4.028 9h.321c.904 0 1.526-.657 1.75-1.305a2.607 2.607 0 0 1 1.596-1.596C8.343 5.875 9 5.254 9 4.35ZM8.5 10a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
+  />
+</svg>

package/dist/svg/icon/icon-car-brake-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="M14 2.42c0-1.342-1.12-2.588-2.622-2.4C5.484.763.763 5.484.021 11.378-.168 12.881 1.078 14 2.42 14h.63c.501 5.053 4.765 9 9.95 9 5.523 0 10-4.477 10-10 0-5.185-3.947-9.449-9-9.95v-.63Zm0 2.642V5.5c0 1.424-1.142 2.375-2.238 2.654a5.01 5.01 0 0 0-3.608 3.608C7.875 12.858 6.924 14 5.5 14h-.438A8.001 8.001 0 0 0 21 13a8.001 8.001 0 0 0-7-7.938Zm-2.372-3.056a.279.279 0 0 1 .239.082.46.46 0 0 1 .133.332V5.5c0 .233-.222.586-.732.716a7.01 7.01 0 0 0-5.052 5.052c-.13.51-.483.732-.716.732H2.42a.46.46 0 0 1-.332-.133.278.278 0 0 1-.082-.24c.627-4.987 4.634-8.994 9.622-9.621ZM13 12a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-3 1a3 3 0 1 1 6 0 3 3 0 0 1-6 0Z"
+  />
+</svg>

package/dist/svg/icon/icon-chinese-coin-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="M14 8A6 6 0 1 1 2 8a6 6 0 0 1 12 0Zm2 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3ZM7 9V7h2v2H7Z"
+  />
+</svg>

package/dist/svg/icon/icon-chinese-coin-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="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm2 0c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12ZM7 9a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V9Zm2 0h6v6H9V9Z"
+  />
+</svg>

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

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 13 12" xmlns="http://www.w3.org/2000/svg">
+    <path d="M2.78033 1.21967C2.48744 0.926777 2.01256 0.926777 1.71967 1.21967C1.42678 1.51256 1.42678 1.98744 1.71967 2.28033L5.43934 6L1.71967 9.71967C1.42678 10.0126 1.42678 10.4874 1.71967 10.7803C2.01256 11.0732 2.48744 11.0732 2.78033 10.7803L6.5 7.06066L10.2197 10.7803C10.5126 11.0732 10.9874 11.0732 11.2803 10.7803C11.5732 10.4874 11.5732 10.0126 11.2803 9.71967L7.56066 6L11.2803 2.28033C11.5732 1.98744 11.5732 1.51256 11.2803 1.21967C10.9874 0.926777 10.5126 0.926777 10.2197 1.21967L6.5 4.93934L2.78033 1.21967Z" />
+</svg>

package/dist/svg/icon/icon-eek-arrow.svg

@@ -1,4 +1,4 @@
-<svg viewbox="0 0 11 28" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 11 28" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M0 27.75H1.13239C1.76009 27.75 2.35161 27.4145 2.73099 26.8434L10.342 15.3851C10.886 14.5662 10.886 13.4338 10.342 12.6149L2.73099 1.15661C2.35161 0.585476 1.76009 0.25 1.13239 0.25H3.09944e-06"
     stroke="black"

package/dist/svg/icon/icon-eek-range-arrow.svg

@@ -1,4 +1,4 @@
-<svg viewbox="0 0 5 6" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 5 6" xmlns="http://www.w3.org/2000/svg">
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"

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

@@ -1,11 +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="M6.206 3.537a.999.999 0 0 1-.856-.482.999.999 0 0 1 .335-1.375C9.281-.505 14.044-.56 17.69 1.53a1.001 1.001 0 0 1-.995 1.736c-3.026-1.735-6.985-1.687-9.97.125a.991.991 0 0 1-.518.146Zm16.422 9.249a1.001 1.001 0 0 1-1.002-1.002c0-2.45-.906-4.796-2.55-6.604a1 1 0 1 1 1.48-1.347 11.787 11.787 0 0 1 3.073 7.951c0 .553-.448 1.002-1.001 1.002ZM12.56 23.469a1.003 1.003 0 0 0 1.413-.105c.361-.42.314-1.05-.106-1.413a13.371 13.371 0 0 1-3.334-4.347 1.002 1.002 0 0 0-1.804.869c.923 1.92 2.213 3.6 3.832 4.996Zm4.834-1.216a.993.993 0 0 1-.484-.126 11.823 11.823 0 0 1-6.097-10.343 1.001 1.001 0 1 1 2.003 0 9.82 9.82 0 0 0 5.063 8.591 1 1 0 0 1-.485 1.878Z"
-  />
-  <path
-    d="M20.037 19.577a1.002 1.002 0 0 0 .629-1.9 6.195 6.195 0 0 1-4.246-5.893 4.61 4.61 0 0 0-4.605-4.605 4.61 4.61 0 0 0-4.606 4.605c0 1.103.116 2.203.347 3.272a1 1 0 1 0 1.957-.422c-.2-.93-.301-1.89-.301-2.85a2.606 2.606 0 0 1 2.603-2.603 2.606 2.606 0 0 1 2.602 2.603 8.193 8.193 0 0 0 5.62 7.793Z"
-  />
-  <path
-    d="M7.808 23.048a1 1 0 0 1-.824-.43 18.919 18.919 0 0 1-3.38-10.834c0-4.526 3.683-8.21 8.21-8.21 4.527 0 8.21 3.684 8.21 8.21 0 1.282.953 2.39 2.217 2.574a1 1 0 0 1 .845 1.137.999.999 0 0 1-1.137.845c-2.239-.33-3.927-2.288-3.927-4.556a6.214 6.214 0 0 0-6.207-6.207 6.214 6.214 0 0 0-6.208 6.207c0 3.489 1.045 6.84 3.023 9.692a1.001 1.001 0 0 1-.822 1.572ZM2.9 4.025A1 1 0 1 1 4.41 5.34a9.81 9.81 0 0 0-2.408 6.444c0 .39.012.78.034 1.164a1.002 1.002 0 0 1-2 .114A22.512 22.512 0 0 1 0 11.784c0-2.854 1.03-5.61 2.9-7.759Z"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6.546 3.617A9.949 9.949 0 0 1 12 2c1.639 0 3.182.393 4.545 1.09a1 1 0 0 0 .91-1.781A11.954 11.954 0 0 0 12 0C9.587 0 7.337.713 5.454 1.941a1 1 0 1 0 1.092 1.676ZM5.5 12.037C5.631 8.514 8.454 5.5 12 5.5a6.5 6.5 0 0 1 6.5 6.5c0 2.09 1.277 3.813 3.184 4.449A1 1 0 0 0 23 15.524v-.048a1 1 0 0 0-.684-.925C21.223 14.187 20.5 13.224 20.5 12A8.5 8.5 0 0 0 12 3.5c-4.73 0-8.32 3.972-8.498 8.44a4.765 4.765 0 0 0-.015.268c-.007.18-.012.435-.006.757.013.643.072 1.552.254 2.638.314 1.87.996 4.28 2.45 6.764.321.55 1.072.623 1.522.173.336-.336.39-.86.153-1.27a17.968 17.968 0 0 1-2.153-5.998 16.266 16.266 0 0 1-.226-2.347 10.918 10.918 0 0 1 .012-.796l.003-.035v-.005l.002-.025.001-.027Zm4.403-2.155C9.375 10.446 9 11.315 9 12.5c0 .7.053 1.384.157 2.048.068.438-.125.883-.51 1.105-.585.338-1.331.025-1.442-.64A15.303 15.303 0 0 1 7 12.5c0-1.618.52-2.998 1.44-3.984C9.363 7.53 10.632 7 12 7a5 5 0 0 1 5 5v.5a5.501 5.501 0 0 0 3.255 5.022c.602.27.947 1.003.617 1.574-.216.375-.66.562-1.064.407A7.503 7.503 0 0 1 15 12.5V12a3 3 0 0 0-3-3c-.84 0-1.572.319-2.098.882ZM8.654 17.32c.538-.31 1.224-.051 1.48.515.743 1.647 1.824 3.116 3.166 4.367.432.402.472 1.089.054 1.507a.953.953 0 0 1-1.32.045c-1.61-1.477-2.913-3.244-3.79-5.244a.942.942 0 0 1 .41-1.19ZM13 12a1 1 0 1 0-2 0v.5a11.49 11.49 0 0 0 5.58 9.86c.449.27 1.021.095 1.283-.359.29-.5.088-1.139-.402-1.446A9.495 9.495 0 0 1 13 12.5V12ZM3.576 4.856a1 1 0 0 1 .242 1.394A9.95 9.95 0 0 0 2 12c0 .307.014.61.04.91a1 1 0 1 1-1.991.18 11.95 11.95 0 0 1 2.134-7.992 1 1 0 0 1 1.393-.242Zm17.151-1.092a1 1 0 1 0-1.454 1.373A9.962 9.962 0 0 1 22 12a1 1 0 1 0 2 0c0-3.188-1.245-6.088-3.273-8.236Z"
   />
 </svg>

package/dist/svg/icon/icon-graph-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 2a1 1 0 0 0-2 0v10.5A2.5 2.5 0 0 0 3.5 15H14a1 1 0 1 0 0-2H3.5a.5.5 0 0 1-.5-.5V2Zm1.232 7.36 2.492-2.99a.997.997 0 0 1 1.492-.068l1.235 1.235 2.796-3.196a1 1 0 0 1 1.506 1.317l-3.494 3.993-.029.032a.997.997 0 0 1-1.444.017L7.567 8.481l-1.799 2.16A1 1 0 1 1 4.232 9.36Z"
+  />
+</svg>

package/dist/svg/icon/icon-graph-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="M3 3a1 1 0 0 0-2 0v16a3 3 0 0 0 3 3h18a1 1 0 1 0 0-2H4a1 1 0 0 1-1-1V3Zm2.263 12.324 5.495-5.995.02-.02a.997.997 0 0 1 1.434-.011l2.261 2.261 5.794-6.24a1 1 0 0 1 1.466 1.361l-6.496 6.996a.995.995 0 0 1-1.15.235.997.997 0 0 1-.298-.208l-2.258-2.257-4.794 5.23a1 1 0 0 1-1.474-1.352Z"
+  />
+</svg>

package/dist/svg/icon/icon-headlight-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="M7.86 4.08a.304.304 0 0 0-.272-.072c-.483.093-1.03.22-1.588.389V11.6c.558.17 1.105.296 1.588.39.11.02.2-.009.272-.073a.438.438 0 0 0 .14-.333V4.413a.438.438 0 0 0-.14-.333ZM4 10.778V5.219c-.056.031-.11.063-.165.095C2.682 6 2 6.86 2 7.998c0 1.139.682 1.999 1.835 2.685l.165.095Zm3.21-8.734C8.75 1.747 10 2.98 10 4.414v7.169c0 1.434-1.25 2.666-2.79 2.37-1.21-.234-2.942-.686-4.397-1.552C1.35 11.532 0 10.13 0 7.998c0-2.131 1.35-3.533 2.813-4.403C4.268 2.73 6 2.277 7.21 2.045Zm5.79.951a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM12 8a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1Zm0 4.004a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1Z"
+  />
+</svg>

package/dist/svg/icon/icon-headlight-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="M13 5.896c0-.619-.504-.977-.982-.871A25.52 25.52 0 0 0 10 5.558v12.89c.721.223 1.41.398 2.018.532.478.106.982-.252.982-.87V5.895Zm-5 11.82V6.29c-.645.277-1.279.597-1.869.965C4.258 8.42 3 9.948 3 12.003c0 2.054 1.258 3.582 3.131 4.749.59.367 1.224.687 1.869.964Zm3.586-14.644C13.437 2.662 15 4.13 15 5.896V18.11c0 1.766-1.563 3.234-3.414 2.824-1.773-.392-4.353-1.139-6.512-2.484C2.91 17.102 1 15.037 1 12.003c0-3.035 1.911-5.1 4.074-6.447 2.16-1.345 4.739-2.091 6.512-2.484ZM18 6.001a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Zm-1 6.001a1 1 0 0 1 1-1h4a1 1 0 0 1 0 2h-4a1 1 0 0 1-1-1Zm0 5.002a1 1 0 0 1 1-1h4a1 1 0 0 1 0 2h-4a1 1 0 0 1-1-1Z"
+  />
+</svg>

package/dist/svg/icon/icon-home-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="m2.34 9.25 9-8a.999.999 0 0 1 1.33 0l9 8A1 1 0 0 1 22 10v12a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-7h-4v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V10c0-.287.124-.56.34-.75ZM20 10.45l-8-7.11-8 7.11V21h4v-7a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v7h4V10.45Z"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M13.342 3.513a2 2 0 0 0-2.684 0l-7.329 6.633a1 1 0 0 0-.329.741v9.863c0 .138.112.25.25.25h4.5a.25.25 0 0 0 .25-.25V15.5a2.5 2.5 0 0 1 2.5-2.5h3a2.5 2.5 0 0 1 2.5 2.5v5.25c0 .138.112.25.25.25h4.5a.25.25 0 0 0 .25-.25v-9.863a1 1 0 0 0-.329-.74l-7.329-6.634ZM9.316 2.03a4 4 0 0 1 5.368 0l7.33 6.633A3 3 0 0 1 23 10.887v9.863A2.25 2.25 0 0 1 20.75 23h-4.5A2.25 2.25 0 0 1 14 20.75V15.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v5.25A2.25 2.25 0 0 1 7.75 23h-4.5A2.25 2.25 0 0 1 1 20.75v-9.863a3 3 0 0 1 .987-2.224L9.316 2.03Z"
   />
 </svg>

package/dist/svg/icon/icon-home-filled-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="m2.34 9.25 9-8a.999.999 0 0 1 1.33 0l9 8A1 1 0 0 1 22 10v12a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-7h-4v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V10c0-.287.124-.56.34-.75Z"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M14.684 2.03a4 4 0 0 0-5.368 0l-7.33 6.634A3 3 0 0 0 1 10.888v9.863A2.25 2.25 0 0 0 3.25 23h4.5A2.25 2.25 0 0 0 10 20.75V15.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v5.25A2.25 2.25 0 0 0 16.25 23h4.5A2.25 2.25 0 0 0 23 20.75v-9.863a3 3 0 0 0-.987-2.224L14.684 2.03Z"
   />
 </svg>

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

@@ -2,6 +2,6 @@
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"
-    d="M10 2a2 2 0 1 0-4 0v.416a5.001 5.001 0 0 0-3 4.583v2.235l-1.868 3.27A1 1 0 0 0 2 14h4a2 2 0 1 0 4 0h4a1 1 0 0 0 .868-1.496L13 9.234V7a5.001 5.001 0 0 0-3-4.584V2ZM5 7a3 3 0 0 1 6 0v2.5a1 1 0 0 0 .132.496L12.277 12H3.723l1.145-2.004A1 1 0 0 0 5 9.5V7Z"
+    d="M5 5a3 3 0 0 1 6 0v2.214a2 2 0 0 0 .302 1.057L13.001 11H3l1.698-2.73A2 2 0 0 0 5 7.214V6.012A.99.99 0 0 0 5 6V5Zm-2 .5V5a5 5 0 1 1 10 0v2.214l1.699 2.73c.829 1.332-.13 3.057-1.698 3.057H11a3 3 0 0 1-6 0H3C1.43 13 .471 11.276 1.3 9.944L3 7.214V5.5ZM7 13h2a1 1 0 0 1-2 0Z"
   />
 </svg>

package/dist/svg/icon/icon-notification-20.svg

@@ -2,6 +2,6 @@
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"
-    d="M13 3.795V3a3 3 0 1 0-6 0v.795C5.21 4.821 4 6.737 4 8.941v2.726L1.2 15.4A1 1 0 0 0 2 17h5a3 3 0 1 0 6 0h5a1 1 0 0 0 .8-1.6L16 11.667V8.94c0-2.204-1.21-4.12-3-5.146ZM10 2a1 1 0 0 0-1 1v.082a6.09 6.09 0 0 1 2 0V3a1 1 0 0 0-1-1Zm1 15H9a1 1 0 1 0 2 0ZM6 8.941C6 6.776 7.78 5 10 5c2.22 0 4 1.776 4 3.941v3.392L16 15H4l2-2.667V8.941Z"
+    d="M6 6.982a4 4 0 0 1 8 0v2.68c0 .398.106.79.307 1.135l1.652 2.827a.25.25 0 0 1-.216.376H4.256a.25.25 0 0 1-.216-.376l1.653-2.827A2.25 2.25 0 0 0 6 9.662v-2.68ZM4 7a6 6 0 1 1 12 0v2.662a.25.25 0 0 0 .034.126l1.652 2.827c.877 1.5-.205 3.385-1.943 3.385H13a3 3 0 0 1-6 0H4.256c-1.737 0-2.819-1.885-1.942-3.385l1.652-2.827A.25.25 0 0 0 4 9.662V7Zm5 9h2a1 1 0 1 1-2 0Z"
   />
 </svg>