@ebay/skin 18.3.2 → 18.5.0-next.0

package/dist/eek/eek.css

@@ -3,10 +3,14 @@
     display: inline-flex;
     font-family: Arial, sans-serif;
     font-weight: 700;
-    height: 28px;
+    height: 24px;
     position: relative;
 }
 
+.eek--large {
+    height: 32px;
+}
+
 .eek__container {
     align-items: center;
     border: 1px solid #000;
@@ -16,7 +20,11 @@
 }
 
 .eek .icon--eek-arrow {
-    width: 11px;
+    width: 9px;
+}
+
+.eek--large .icon--eek-arrow {
+    width: 12.5px;
 }
 
 .eek__arrow {
@@ -105,24 +113,43 @@
         -0.5px -0.5px 0 #000;
 }
 
+.eek--large .eek__rating {
+    font-size: 24px;
+}
+
 .eek__rating-range {
     align-items: center;
     background-color: #fff;
     border-radius: 1px 0 0 1px;
     display: inline-flex;
     flex-direction: column;
-    height: 24px;
+    height: 20px;
     margin: 1px;
     padding: 0 1px;
 }
 
+.eek--large .eek__rating-range {
+    height: 28px;
+}
+
 .eek__rating-range > .icon--eek-range-arrow {
     height: 6px;
     width: 5px;
 }
 
+.eek--large .eek__rating-range > .icon--eek-range-arrow {
+    height: 7px;
+    width: 6px;
+}
+
 .eek__rating-range > span {
     font-size: 8px;
+    height: 8px;
+}
+
+.eek--large .eek__rating-range > span {
+    font-size: 10px;
+    height: 10px;
 }
 @media not all and (-webkit-min-device-pixel-ratio: 0),
     not all and (min-resolution: 0.001dpcm) {
@@ -134,3 +161,10 @@
         }
     }
 }
+[dir="rtl"] .eek .icon--eek-arrow {
+    transform: rotate(180deg);
+}
+[dir="rtl"] .eek__container {
+    border-left: none;
+    border-right: 1px solid #000;
+}

package/dist/file-preview-card/file-preview-card.css

@@ -1,4 +1,9 @@
 .file-preview-card {
+    display: flex;
+    flex-direction: column;
+}
+
+.file-preview-card__body {
     aspect-ratio: 1/1;
     background-color: var(
         --file-preview-card-background-color,
@@ -8,26 +13,20 @@
         --file-preview-card-border-radius,
         var(--border-radius-100)
     );
-    box-sizing: border-box;
-    display: grid;
-    grid-template-areas: " . . menu-action " " . center-action . " " label . . ";
-    grid-template-columns: repeat(3, 1fr);
-    grid-template-rows: repeat(3, 1fr);
-    height: 100%;
+    display: flex;
     max-width: 396px;
+    min-height: 120px;
     min-width: 120px;
-    width: 100%;
+    position: relative;
 }
 
-.file-preview-card__body {
-    align-items: center;
-    display: flex;
-    grid-area: 1/1/4/4;
-    justify-content: center;
+.file-preview-card__asset {
+    margin: auto;
 }
 
-.file-preview-card__body img,
-.file-preview-card__body video {
+img.file-preview-card__asset,
+video.file-preview-card__asset {
+    align-self: center;
     border-radius: var(
         --file-preview-card-border-radius,
         var(--border-radius-100)
@@ -37,125 +36,136 @@
     width: 100%;
 }
 
-.file-preview-card__body--fade {
+.file-preview-card__asset--fade {
+    background-color: inherit;
     opacity: 0.5;
 }
 
-.file-preview-card__document-icon.icon {
+.file-preview-card__asset.icon {
     height: 40%;
     width: 40%;
 }
 
-.file-preview-card .file-preview-card__menu-action {
-    grid-area: menu-action;
-    justify-self: end;
+.file-preview-card__body .icon-btn {
+    height: var(--spacing-400);
+    width: var(--spacing-400);
+}
+
+.file-preview-card__body > .file-preview-card__action {
+    position: absolute;
+    right: var(--spacing-100);
+    top: var(--spacing-100);
     z-index: 1;
 }
 
-.file-preview-card .file-preview-card__menu-action .icon-btn {
-    height: var(--spacing-400);
-    margin: var(--spacing-100);
-    width: var(--spacing-400);
+.file-preview-card__body > .file-preview-card__action:dir(rtl) {
+    left: var(--spacing-100);
+    right: auto;
 }
 
-.file-preview-card .file-preview-card__menu-action .icon-btn:not(:hover) {
+.icon-btn.file-preview-card__action:not(:hover) {
     background-color: var(
-        --file-preview-card-menu-action-background-color,
+        --file-preview-card-action-background-color,
         var(--color-background-primary)
     );
 }
 
-.file-preview-card__preview-action {
-    align-self: end;
-    grid-area: label;
-    z-index: 1;
-}
-
-.file-preview-card__preview-action .icon-btn {
+.file-preview-card__info {
     align-items: center;
     background-color: var(
-        --file-preview-card-label-background-color,
+        --file-preview-card-info-background-color,
         var(--color-background-primary)
     );
+    border-radius: 1em;
+    bottom: var(--spacing-100);
     display: flex;
-    flex-direction: row;
+    font-size: var(--font-size-12);
+    font-weight: 400;
     gap: var(--spacing-50);
-    height: var(--spacing-250);
-    margin: var(--spacing-100);
-    padding: var(--spacing-25) var(--spacing-100);
-    width: max-content;
+    left: var(--spacing-100);
+    padding: var(--spacing-50) var(--spacing-100);
+    position: absolute;
+    z-index: 1;
 }
 
-.file-preview-card__preview-action-text {
-    color: var(
-        --file-preview-card-label-text-color,
-        var(--color-foreground-primary)
-    );
-    font-size: var(--font-size-12);
-    font-weight: 400;
+.file-preview-card__info:dir(rtl) {
+    left: auto;
+    right: var(--spacing-100);
 }
 
-.file-preview-card__video-icon.icon {
+.file-preview-card__info > .icon {
     height: var(--spacing-150);
     width: var(--spacing-150);
 }
 
-.file-preview-card__body-action {
-    align-self: center;
-    grid-area: center-action;
-    justify-self: center;
-    z-index: 1;
-}
-
-.file-preview-card__body-action .icon-btn {
+.file-preview-card__see-more {
     aspect-ratio: 1/1;
     background-color: rgba(
         var(
-            --file-preview-card-center-action-background-color-rgb,
+            --file-preview-card-see-more-background-color-rgb,
             var(--color-background-strong-rgb)
         ),
         0.5
     );
+    border: none;
+    border-radius: 50%;
     color: var(
-        --file-preview-card-center-action-color,
+        --file-preview-card-see-more-color,
         var(--color-foreground-on-strong)
     );
+    font-family: inherit;
     font-size: var(--font-size-14);
     font-weight: 700;
-    height: -moz-fit-content;
-    height: fit-content;
+    left: 50%;
     line-height: var(--spacing-250);
     padding: var(--spacing-100);
-    width: -moz-fit-content;
-    width: fit-content;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 1;
 }
 
-.file-preview-card__body-action .icon-btn:active,
-.file-preview-card__body-action .icon-btn:focus,
-.file-preview-card__body-action .icon-btn:hover {
+.file-preview-card__see-more:active,
+.file-preview-card__see-more:focus-visible,
+.file-preview-card__see-more:hover {
     color: var(
-        --file-preview-card-center-action-interactive-color,
+        --file-preview-card-see-more-interactive-color,
         var(--color-foreground-primary)
     );
 }
 
-.file-preview-card__body-action .icon-btn:focus,
-.file-preview-card__body-action .icon-btn:hover {
+.file-preview-card__see-more:focus-visible,
+.file-preview-card__see-more:hover {
     background-color: rgba(
         var(
-            --file-preview-card-center-action-interactive-background-color-rgb,
+            --file-preview-card-see-more-interactive-background-color-rgb,
             var(--color-state-secondary-hover-rgb)
         ),
         0.5
     );
 }
 
-.file-preview-card__body-action .icon-btn:active {
+.file-preview-card__see-more:active {
     background-color: rgba(
         var(
-            --file-preview-card-center-action-interactive-active-background-color-rgb,
+            --file-preview-card-see-more-interactive-active-background-color-rgb,
             var(--color-state-secondary-active-rgb)
         ),
         0.5
     );
 }
+
+.file-preview-card__footer {
+    display: grid;
+}
+
+.file-preview-card__footer > * {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.file-preview-card__footer > :not(:first-child) {
+    color: var(--color-foreground-secondary);
+    font-size: var(--font-size-small);
+}

package/dist/filter-menu/filter-menu.css

@@ -114,6 +114,38 @@ span.filter-menu__item[role^="menuitem"] {
     margin-bottom: 8px;
 }
 
+.filter-menu__header {
+    align-items: center;
+    background-color: var(--color-background-secondary);
+    display: flex;
+    gap: var(--spacing-100);
+    padding: 14px var(--spacing-200);
+}
+
+.filter-menu__header svg {
+    color: var(--color-foreground-secondary);
+}
+
+.filter-menu__header input {
+    background-color: inherit;
+    border: none;
+    color: var(--color-foreground-primary);
+    flex-grow: 1;
+    font-size: var(--font-size-default);
+}
+
+.filter-menu__header button.btn {
+    border: none;
+    min-height: var(--spacing-250);
+    min-width: var(--spacing-250);
+    padding: 0;
+    width: var(--spacing-250);
+}
+
+.filter-menu__header button:focus-visible {
+    outline-style: solid;
+}
+
 button.filter-menu-form__footer[type="submit"],
 button.filter-menu__footer {
     background-color: var(
@@ -176,7 +208,7 @@ button.filter-menu__footer:hover {
 .filter-menu-form__text,
 .filter-menu__text {
     flex-grow: 1;
-    margin-left: 8px;
+    margin-inline-start: 8px;
 }
 
 .filter-menu__item[role="menuitemcheckbox"] svg.icon--checked,

package/dist/list/list.css

@@ -0,0 +1,88 @@
+.list {
+    max-width: 480px;
+}
+
+.list ol,
+.list ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.list fieldset > *,
+.list li > * {
+    align-items: center;
+    background-color: var(
+        --list-background-color,
+        var(--color-background-primary)
+    );
+    box-sizing: border-box;
+    color: var(--color-foreground-on-primary);
+    display: inline-flex;
+    font-size: var(--font-size-16);
+    margin-block: 1px;
+    min-height: var(--spacing-600);
+    padding: var(--spacing-150) var(--spacing-200);
+    width: 100%;
+}
+
+.list__leading {
+    margin-inline-end: var(--spacing-200);
+}
+
+.list__trailing {
+    margin-inline-start: var(--spacing-200);
+}
+
+.list__body {
+    flex: 1;
+}
+
+.list ol li {
+    counter-increment: item;
+}
+
+.list ol li > :before {
+    content: counter(item) ".";
+    margin-inline-end: var(--spacing-200);
+    width: var(--spacing-300);
+}
+
+.list li > a,
+.list li > button {
+    border: none;
+    text-align: left;
+    text-decoration: none;
+}
+
+.list li > a:focus,
+.list li > a:hover,
+.list li > button:focus,
+.list li > button:hover {
+    color: var(--color-foreground-on-primary);
+}
+
+.list li > a:active,
+.list li > a:focus,
+.list li > a:hover,
+.list li > button:active,
+.list li > button:focus,
+.list li > button:hover {
+    background-color: var(
+        --list-background-hover-color,
+        var(--color-state-primary-hover)
+    );
+}
+
+.list hr {
+    border: 0;
+    border-top: 1px solid var(--color-stroke-subtle);
+    height: 1px;
+    margin-inline: var(--spacing-200);
+    padding: 0;
+}
+
+[dir="rtl"] .list li > a,
+[dir="rtl"] .list li > button {
+    text-align: right;
+}

package/dist/mixins/_utility-mixins.scss

@@ -60,3 +60,39 @@
 @mixin inline-flex-items-centered() {
     @include flex-items-centered(inline-flex);
 }
+
+@mixin scrollbars-permanent($target) {
+    #{$target} {
+        -webkit-overflow-scrolling: touch;
+        scroll-behavior: smooth;
+        /* stylelint-disable declaration-block-no-duplicate-properties */
+        -webkit-scroll-snap-type: mandatory;
+        -webkit-scroll-snap-type: x mandatory;
+        -ms-scroll-snap-type: mandatory;
+        -ms-scroll-snap-type: x mandatory;
+        scroll-snap-type: proximity;
+        scroll-snap-type: x proximity;
+        /* stylelint-enable declaration-block-no-duplicate-properties */
+    }
+
+    #{$target}::-webkit-scrollbar {
+        background-color: var(--color-background-faint);
+        border-radius: 12px;
+    }
+
+    #{$target}::-webkit-scrollbar:vertical {
+        width: 6px;
+    }
+
+    #{$target}::-webkit-scrollbar:horizontal {
+        height: 6px;
+    }
+
+    #{$target}::-webkit-scrollbar-thumb {
+        background-color: var(--color-foreground-secondary);
+        border-color: transparent;
+        border-radius: 12px;
+        border-right-style: inset;
+        box-shadow: none;
+    }
+}

package/dist/svg/icon/icon-bids-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="M1.738 8.933a2.5 2.5 0 0 1 0-3.536L6.403.732a2.5 2.5 0 0 1 3.535 0l.676.676.676.677a2.5 2.5 0 0 1 0 3.535l-.563.563 4.54 4.54a2.502 2.502 0 1 1-3.54 3.539l-4.539-4.54-.562.563a2.5 2.5 0 0 1-3.536 0L1.738 8.933Zm6.864-.625.711-.71 4.54 4.539a.503.503 0 1 1-.711.71l-4.54-4.539Zm-5.45-1.497a.5.5 0 0 0 0 .707l1.352 1.353a.5.5 0 0 0 .707 0l4.665-4.665a.5.5 0 0 0 0-.707L9.2 2.823l-.676-.677a.5.5 0 0 0-.707 0L3.152 6.811Zm-1.148 6.19a1 1 0 1 0 0 2h5a1 1 0 0 0 0-2h-5Z"
+  />
+</svg>

package/dist/svg/icon/icon-ccd-charger-included.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 58 78" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M0 0h58v78H0V0Zm1 1v76h56V1H1Zm7 28.75c0-.966.784-1.75 1.75-1.75H15V18h5V8h4v10h10V8h4v10h5v10h5.25c.967 0 1.75.784 1.75 1.75v38.5A1.75 1.75 0 0 1 48.25 70H9.75A1.75 1.75 0 0 1 8 68.25v-38.5ZM23 18V9h-2v9h2Zm14 0h-2V9h2v9Zm5 10v-9H16v9h26ZM9.75 29a.75.75 0 0 0-.75.75v38.5c0 .414.336.75.75.75h38.5a.75.75 0 0 0 .75-.75v-38.5a.75.75 0 0 0-.75-.75H9.75Z"
+  />
+</svg>

package/dist/svg/icon/icon-ccd-charger-not-included.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 58 78" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M.5 0H0v78h58V0H.5ZM1 2.686V77h54.758l-5.914-8.026A1.75 1.75 0 0 1 48.25 70H9.75A1.75 1.75 0 0 1 8 68.25v-38.5c0-.966.784-1.75 1.75-1.75H15v-6.314l-14-19Zm15 20.357V28h3.653L16 23.043ZM22.137 28 16 19.671V19h26v9H22.137Zm-1.748 1H9.75a.75.75 0 0 0-.75.75v38.5c0 .414.336.75.75.75h38.5a.75.75 0 0 0 .75-.75v-.421L20.39 29ZM49 64.457 22.874 29H48.25a.75.75 0 0 1 .75.75v34.707Zm1 1.357V29.75A1.75 1.75 0 0 0 48.25 28H43V18h-5V8h-4v10H24V8h-4v10h-5v.314L2.242 1H57v74.314l-7-9.5ZM37 9v9h-2V9h2Zm-16 9h2V9h-2v9Z"
+  />
+</svg>

package/dist/svg/icon/icon-ccd-top.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 35 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M0.5 25V13.5H34.5V25" stroke-width="1" />
+  <path d="M6.5 13V0.5H10.5V13" stroke-width="1" />
+  <path d="M24.5 13V0.5H28.5V13" stroke-width="1" />
+</svg>

package/dist/svg/icon/icon-explore-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 2.586 2.586 4 4 5.414 5.414 4 4 2.586ZM4.884.642a1.25 1.25 0 0 0-1.768 0L.64 3.116a1.25 1.25 0 0 0 0 1.768L3.116 7.36a1.25 1.25 0 0 0 1.768 0l2.475-2.475a1.25 1.25 0 0 0 0-1.768L4.884.642ZM3 13v-2h2v2H3Zm-2-2.75C1 9.56 1.56 9 2.25 9h3.5C6.44 9 7 9.56 7 10.25v3.5C7 14.44 6.44 15 5.75 15h-3.5C1.56 15 1 14.44 1 13.75v-3.5ZM13 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-4-7V3h2v2h-2ZM9 2.25C9 1.56 9.56 1 10.25 1h3.5c.69 0 1.25.56 1.25 1.25v3.5C15 6.44 14.44 7 13.75 7h-3.5C9.56 7 9 6.44 9 5.75v-3.5Z"
+  />
+</svg>

package/dist/svg/icon/icon-explore-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="M6.5 9.807 3.193 6.5 6.5 3.193 9.807 6.5 6.5 9.807ZM1.45 7.585a1.534 1.534 0 0 1 0-2.17L5.414 1.45a1.534 1.534 0 0 1 2.17 0l3.966 3.966c.599.6.599 1.57 0 2.17L7.585 11.55c-.6.6-1.57.6-2.17 0L1.45 7.585ZM20 4h-5v5h5V4Zm-5.5-2A1.5 1.5 0 0 0 13 3.5v6a1.5 1.5 0 0 0 1.5 1.5h6A1.5 1.5 0 0 0 22 9.5v-6A1.5 1.5 0 0 0 20.5 2h-6ZM20 17.5a2.5 2.5 0 1 1-5.001-.001 2.5 2.5 0 0 1 5 0Zm2 0a4.501 4.501 0 0 1-8.658 1.721 4.501 4.501 0 0 1 7.34-4.904A4.5 4.5 0 0 1 22 17.5ZM4 20v-5h5v5H4Zm-2-5.5A1.5 1.5 0 0 1 3.5 13h6a1.5 1.5 0 0 1 1.5 1.5v6A1.5 1.5 0 0 1 9.5 22h-6A1.5 1.5 0 0 1 2 20.5v-6Z"
+  />
+</svg>

package/dist/svg/icon/icon-history-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 3a5 5 0 1 1-4.332 7.5 1 1 0 1 0-1.73 1A7 7 0 1 0 8 1c-2.051 0-3.69.859-5.001 2.255V2.5a1 1 0 1 0-2 0V6a1 1 0 0 0 1 1h.23a.98.98 0 0 0 .038 0H5a1 1 0 1 0 0-2h-.875C5.22 3.666 6.485 3 8 3Zm1 3a1 1 0 0 0-2 0v2.5a1 1 0 0 0 .293.707l1.5 1.5a1 1 0 0 0 1.414-1.414L9 8.086V6Z"
+  />
+</svg>

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

@@ -1,8 +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="M5.07 8a8 8 0 1 1 .324 8.514c-.322-.471-.95-.664-1.445-.378-.46.266-.635.852-.345 1.298A9.992 9.992 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2a9.993 9.993 0 0 0-8.51 4.745l-.595-1.192a1 1 0 0 0-1.79.894l1.491 2.981a1 1 0 0 0 .926.572H7a1 1 0 1 0 0-2H5.07Z"
-  />
-  <path
-    d="M13 8a1 1 0 1 0-2 0v5a1 1 0 0 0 .293.707l2 2a1 1 0 1 0 1.414-1.414L13 12.586V8Z"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M12 4a8 8 0 1 1 0 16 8.004 8.004 0 0 1-7.545-5.333 1 1 0 1 0-1.886.666C3.942 19.216 7.644 22 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2C8.584 2 5.874 3.778 4 6.137V4.5a1 1 0 0 0-2 0V9a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2H5.104C6.712 5.671 9.088 4 12 4Zm1 4a1 1 0 1 0-2 0v5a1 1 0 0 0 .293.707l2 2a1 1 0 0 0 1.414-1.414L13 12.586V8Z"
   />
 </svg>

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

@@ -1,8 +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="M11.177 22C14.969 13.738 23.314 8 33 8c13.254 0 24 10.745 24 24S46.255 56 33 56c-9.813 0-18.31-5.888-22.042-14.314-.546-1.233-1.956-1.986-3.262-1.566-1.318.424-2.052 1.842-1.515 3.117C10.584 53.677 20.972 61 33.001 61c16.016 0 29-12.984 29-29S49.017 3 33 3C21.54 3 11.633 9.647 6.924 19.296l-2.139-4.812a2.5 2.5 0 0 0-4.569 2.031l3.973 8.938A2.51 2.51 0 0 0 6.539 27H16.5a2.5 2.5 0 0 0 0-5h-5.323Z"
-  />
-  <path
-    d="M35 19.5a2.5 2.5 0 0 0-5 0V34a2.5 2.5 0 0 0 .548 1.562l6 7.5a2.5 2.5 0 1 0 3.905-3.124L35 33.123V19.5Z"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M11.176 22C14.969 13.735 23.318 8 33 8c13.255 0 24 10.745 24 24S46.255 56 33 56c-10.453 0-19.352-6.685-22.642-16.02-.03-.083-.058-.167-.087-.25a2.5 2.5 0 0 0-4.734 1.609l.105.303C9.615 52.915 20.36 61 33 61c16.016 0 29-12.984 29-29S49.016 3 33 3C22.348 3 13.041 8.742 8 17.296V11.5a2.5 2.5 0 0 0-5 0v13A2.5 2.5 0 0 0 5.5 27h11a2.5 2.5 0 0 0 0-5h-5.324ZM35 19.5a2.5 2.5 0 0 0-5 0V34a2.5 2.5 0 0 0 .548 1.562l6 7.5a2.5 2.5 0 1 0 3.904-3.124L35 33.123V19.5Z"
   />
 </svg>

package/dist/svg/icon/icon-item-list-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="M2.5 1A1.5 1.5 0 0 0 1 2.5v3A1.5 1.5 0 0 0 2.5 7h3A1.5 1.5 0 0 0 7 5.5v-3A1.5 1.5 0 0 0 5.5 1h-3ZM3 5V3h2v2H3Zm-.5 4A1.5 1.5 0 0 0 1 10.5v3A1.5 1.5 0 0 0 2.5 15h3A1.5 1.5 0 0 0 7 13.5v-3A1.5 1.5 0 0 0 5.5 9h-3Zm.5 4v-2h2v2H3ZM8 2a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm1 2a1 1 0 0 0 0 2h3a1 1 0 1 0 0-2H9Zm-1 9a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm1-4a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2H9Z"
+  />
+</svg>

package/dist/svg/icon/icon-item-list-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="M3.25 1A2.25 2.25 0 0 0 1 3.25v3.5A2.25 2.25 0 0 0 3.25 9h3.5A2.25 2.25 0 0 0 9 6.75v-3.5A2.25 2.25 0 0 0 6.75 1h-3.5ZM3 3.25A.25.25 0 0 1 3.25 3h3.5a.25.25 0 0 1 .25.25v3.5a.25.25 0 0 1-.25.25h-3.5A.25.25 0 0 1 3 6.75v-3.5ZM3.25 11A2.25 2.25 0 0 0 1 13.25v3.5A2.25 2.25 0 0 0 3.25 19h3.5A2.25 2.25 0 0 0 9 16.75v-3.5A2.25 2.25 0 0 0 6.75 11h-3.5ZM3 13.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.5a.25.25 0 0 1-.25.25h-3.5a.25.25 0 0 1-.25-.25v-3.5ZM11 3a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1Zm1 2a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Zm-1 8a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1Zm1 2a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Z"
+  />
+</svg>

package/dist/svg/icon/icon-item-list-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.5 2A2.5 2.5 0 0 0 2 4.5v4A2.5 2.5 0 0 0 4.5 11h4A2.5 2.5 0 0 0 11 8.5v-4A2.5 2.5 0 0 0 8.5 2h-4ZM4 4.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-4Zm.5 8.5A2.5 2.5 0 0 0 2 15.5v4A2.5 2.5 0 0 0 4.5 22h4a2.5 2.5 0 0 0 2.5-2.5v-4A2.5 2.5 0 0 0 8.5 13h-4ZM4 15.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-4Zm9-.5a1 1 0 0 1 1-1h7a1 1 0 1 1 0 2h-7a1 1 0 0 1-1-1Zm1-12a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2h-7Zm-1 16a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1Zm1-12a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Z"
+  />
+</svg>

package/dist/svg/icon/icon-money-stack-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="M10.721 3.078a.2.2 0 0 0-.219-.068l-1.758.56c.364.264.714.595 1.027.986.707.884 1.073 1.883 1.069 2.72l2.499-.8-2.618-3.398ZM7.294 8.412a5.284 5.284 0 0 1-1.067-1.014c-.697-.87-1.062-1.853-1.068-2.683l-2.498.797 2.618 3.406a.2.2 0 0 0 .22.069l1.795-.575Zm2.6-7.308a2.2 2.2 0 0 1 2.412.754l2.835 3.68a1.75 1.75 0 0 1-.853 2.734l-8.18 2.62a2.2 2.2 0 0 1-2.415-.755L.858 6.448a1.75 1.75 0 0 1 .856-2.733l8.18-2.61Zm6.058 9.287a1 1 0 0 1-.645 1.258l-9.942 3.204a3 3 0 0 1-3.3-1.028L.208 11.407a1 1 0 0 1 1.586-1.219l1.859 2.419a1 1 0 0 0 1.1.342l9.941-3.203a1 1 0 0 1 1.259.645ZM6.706 4.382l.003-.001a.013.013 0 0 1-.003.001Zm-.038.48c-.035-.321.028-.45.05-.485.04-.015.18-.048.484.056.412.14.938.485 1.4 1.062.46.576.683 1.165.73 1.599.033.32-.029.449-.052.484-.039.015-.178.047-.483-.056-.413-.14-.938-.486-1.4-1.062-.46-.577-.683-1.165-.73-1.599Zm2.604 2.727.002-.003a.014.014 0 0 1-.002.003Zm.02-.016-.002.001a.013.013 0 0 1 .002-.001ZM6.726 4.367Z"
+  />
+</svg>

package/dist/svg/icon/icon-money-stack-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="M16.822 4.214a.5.5 0 0 0-.569-.188L13.21 5.044a8.501 8.501 0 0 1 2.134 1.975c1.224 1.584 1.795 3.382 1.672 4.846l3.853-1.288a.25.25 0 0 0 .126-.38l-4.172-5.983Zm-5.544 9.569a8.5 8.5 0 0 1-2.133-1.975C7.92 10.224 7.349 8.425 7.473 6.961L3.13 8.414a.25.25 0 0 0-.125.38l4.175 5.981a.5.5 0 0 0 .568.188l3.53-1.18Zm4.341-11.654a2.5 2.5 0 0 1 2.843.941l4.172 5.983a2.25 2.25 0 0 1-1.132 3.42L8.382 16.86a2.5 2.5 0 0 1-2.843-.94L1.364 9.938a2.25 2.25 0 0 1 1.131-3.421L15.62 2.129ZM.424 13.928a1 1 0 0 1 1.394.242l3.33 4.73a1.5 1.5 0 0 0 1.7.56l15.837-5.266a1 1 0 1 1 .63 1.897L7.48 21.358a3.5 3.5 0 0 1-3.966-1.307l-3.33-4.73a1 1 0 0 1 .241-1.393Zm9.394-7.654c.15-.116.564-.285 1.385-.002.803.277 1.754.93 2.558 1.97.803 1.04 1.195 2.125 1.26 2.971.067.867-.201 1.224-.352 1.34-.15.116-.563.286-1.385.002-.802-.277-1.753-.93-2.557-1.97-.803-1.04-1.195-2.124-1.26-2.97-.067-.867.2-1.224.351-1.34Z"
+  />
+</svg>

package/dist/svg/icon/icon-panel-close-16.svg

@@ -2,6 +2,6 @@
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"
-    d="M0 4a2.5 2.5 0 0 1 2.5-2.5h11A2.5 2.5 0 0 1 16 4v8a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12V4Zm2.5-.5A.5.5 0 0 0 2 4v8a.5.5 0 0 0 .5.5H4v-9H2.5Zm11 9H6v-9h7.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5Zm-6-4.501c0 .173.059.348.18.49l1.5 1.75a.75.75 0 0 0 1.14-.977l-.44-.512h1.87a.75.75 0 0 0 0-1.5H9.88l.44-.512a.75.75 0 0 0-1.14-.976L7.69 7.5a.747.747 0 0 0-.19.5Z"
+    d="M0 4a2.5 2.5 0 0 1 2.5-2.5h11A2.5 2.5 0 0 1 16 4v8a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12V4Zm2.5-.5A.5.5 0 0 0 2 4v8a.5.5 0 0 0 .5.5H10v-9H2.5Zm11 9H12v-9h1.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5ZM6.32 6.738l-.44.512h1.87a.75.75 0 0 1 0 1.5H5.88l.44.512a.75.75 0 0 1-1.14.976l-1.5-1.75a.747.747 0 0 1 .01-.988l1.49-1.738a.75.75 0 0 1 1.14.976Z"
   />
 </svg>

package/dist/svg/icon/icon-panel-close-20.svg

@@ -2,6 +2,6 @@
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"
-    d="M0 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5Zm3-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h2V4H3Zm14 12H7V4h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1Zm-2-7h-2.585l.375-.376a1 1 0 1 0-1.414-1.414L9.315 9.27a.995.995 0 0 0-.281.988.995.995 0 0 0 .28.47l2.062 2.061a1 1 0 0 0 1.414-1.414L12.415 11H15a1 1 0 1 0 0-2Z"
+    d="M0 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5Zm3-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10V4H3Zm14 12h-2V4h2a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1ZM4.315 9.271 6.376 7.21A1 1 0 1 1 7.79 8.624L7.415 9H10a1 1 0 1 1 0 2H7.415l.375.376a1 1 0 1 1-1.414 1.414l-2.061-2.06a.995.995 0 0 1-.282-.982.995.995 0 0 1 .282-.476Z"
   />
 </svg>

package/dist/svg/icon/icon-panel-close-24.svg

@@ -2,6 +2,6 @@
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"
-    d="M1 6a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V6Zm3-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h3V5H4Zm16 14H9V5h11a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1Zm-8.923-6.615c.049.117.12.227.216.322l2.5 2.5a1 1 0 0 0 1.414-1.414L14.414 13H18a1 1 0 1 0 0-2h-3.586l.793-.793a1 1 0 0 0-1.414-1.414l-2.5 2.5a.997.997 0 0 0-.216 1.092Z"
+    d="M1 6a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V6Zm3-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h11V5H4Zm16 14h-3V5h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1ZM5.076 11.617a.998.998 0 0 1 .217-.324l2.5-2.5a1 1 0 0 1 1.414 1.414L8.414 11H12a1 1 0 1 1 0 2H8.414l.793.793a1 1 0 1 1-1.414 1.414l-2.5-2.5a.997.997 0 0 1-.217-1.09Z"
   />
 </svg>