@ebay/skin 19.1.3 → 19.2.0

package/dist/bundles/skin-headless.css

@@ -197,6 +197,10 @@ ul.accordion summary.details__summary{
   padding:12px 16px;
 }
 
+ul.accordion summary.details__summary span.details__icon svg{
+  fill:var(--details-secondary-foreground-color, var(--color-foreground-secondary));
+}
+
 ul.accordion details .details__content{
   margin:0 16px 6px;
   opacity:0;
@@ -209,12 +213,6 @@ ul.accordion details[open] .details__content{
   opacity:1;
   transform:scaleY(1);
 }
-
-ul.accordion--large summary.details__summary{
-  font-size:var(--font-size-large-1);
-  min-height:52px;
-}
-
 ul.accordion details svg.details__expand,ul.accordion details[open] svg.details__collapse{
   display:inline-block;
 }
@@ -223,6 +221,11 @@ ul.accordion details svg.details__collapse,ul.accordion details[open] svg.detail
   display:none;
 }
 
+ul.accordion--large summary.details__summary{
+  font-size:var(--font-size-large-1);
+  min-height:52px;
+}
+
 @media (prefers-reduced-motion){
   ul.accordion details .details__content,ul.accordion details[open] .details__content{
     transition:none;
@@ -703,6 +706,10 @@ a.fake-btn--primary,button.btn--primary{
   border-color:var(--btn-primary-border-color, var(--color-stroke-accent));
   color:var(--btn-primary-foreground-color, var(--color-foreground-on-accent));
   font-weight:700;
+  transition:all var(--motion-duration-short-3) var(--motion-easing-quick-enter);
+}
+a.fake-btn--primary:active,button.btn--primary:active{
+  transform:scale(.97);
 }
 
 a.fake-btn--primary{
@@ -791,9 +798,14 @@ a.fake-btn--primary:not([href]),a.fake-btn--primary[aria-disabled=true]{
 a.fake-btn--secondary,button.btn--secondary{
   background-color:var(--btn-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));
+  transition:all var(--motion-duration-short-3) var(--motion-easing-quick-enter);
+}
+a.fake-btn--secondary:active,button.btn--secondary:active{
+  transform:scale(.97);
 }
 
-a.fake-btn--secondary,a.fake-btn--secondary:visited,button.btn--secondary{
+a.fake-btn--secondary:visited{
   color:var(--btn-secondary-foreground-color, var(--color-foreground-accent));
 }
 
@@ -846,6 +858,10 @@ a.fake-btn--secondary:not([href]),a.fake-btn--secondary[aria-disabled=true]{
 
 a.fake-btn--tertiary,button.btn--tertiary{
   border-color:var(--btn-tertiary-border-color, var(--color-stroke-default));
+  transition:all var(--motion-duration-short-3) var(--motion-easing-quick-enter);
+}
+a.fake-btn--tertiary:active,button.btn--tertiary:active{
+  transform:scale(.97);
 }
 
 a.fake-btn--tertiary[href]:focus,a.fake-btn--tertiary[href]:hover,button.btn--tertiary:not([disabled],[aria-disabled=true]):focus,button.btn--tertiary:not([disabled],[aria-disabled=true]):hover{
@@ -2422,6 +2438,7 @@ details.details summary:focus:not(:focus-visible){
   -webkit-overflow-scrolling:touch;
   align-items:flex-end;
   overflow-y:auto;
+  overflow:hidden;
   position:fixed;
   right:0;
   top:0;
@@ -2645,6 +2662,7 @@ button.icon-btn.drawer-dialog__close{
 .eek{
   align-items:stretch;
   display:inline-flex;
+  flex-direction:row-reverse;
   font-family:Arial,sans-serif;
   font-weight:700;
   height:24px;
@@ -2658,12 +2676,14 @@ button.icon-btn.drawer-dialog__close{
 .eek__container{
   align-items:center;
   border:1px solid #000;
-  border-radius:2px 0 0 2px;
-  border-right:none;
+  border-left:none;
+  border-radius:0 2px 2px 0;
   display:inline-flex;
+  flex-direction:row-reverse;
 }
 
 .eek .icon--eek-arrow{
+  rotate:180deg;
   width:9px;
 }
 
@@ -2682,7 +2702,7 @@ button.icon-btn.drawer-dialog__close{
   content:"";
   display:block;
   height:19.7989898732px;
-  margin-top:2.3px;
+  margin-block-start:2.3px;
   position:relative;
   right:12px;
   transform:rotate(45deg);
@@ -2749,7 +2769,7 @@ button.icon-btn.drawer-dialog__close{
   color:#fff;
   display:inline-block;
   font-size:18px;
-  margin-left:8px;
+  margin-inline-end:8px;
   text-shadow:-.5px .5px 0 #000, .5px .5px 0 #000, .5px -.5px 0 #000, -.5px -.5px 0 #000;
 }
 
@@ -2800,12 +2820,8 @@ button.icon-btn.drawer-dialog__close{
     }
   }
 }
-[dir=rtl] .eek .icon--eek-arrow{
-  transform:rotate(180deg);
-}
-[dir=rtl] .eek__container{
-  border-left:none;
-  border-right:1px solid #000;
+[dir=rtl] .eek{
+  direction:ltr;
 }
 span.field{
   display:inline-block;
@@ -5100,6 +5116,10 @@ svg.icon--32,svg.icon--32-fit{
   height:32px;
   width:32px;
 }
+svg.icon--48,svg.icon--48-fit{
+  height:48px;
+  width:48px;
+}
 svg.icon--64,svg.icon--64-fit{
   height:32px;
   width:64px;
@@ -5513,6 +5533,107 @@ span.inline-notice{
 .inline-notice a,.inline-notice button.fake-link{
   color:var(--color-foreground-primary);
 }
+
+.item-tile{
+  display:grid;
+  gap:var(--spacing-200);
+  grid-area:body;
+  grid-template-areas:"header" "body";
+  grid-template-rows:auto 1fr;
+}
+
+.item-tile--list-view{
+  display:flex;
+  flex-direction:row;
+  gap:var(--spacing-100);
+}
+
+.item-tile__header{
+  grid-area:header;
+}
+
+.item-tile__header .file-preview-card__body a{
+  display:block;
+  width:100%;
+}
+
+.item-tile__header .file-preview-card__body a:focus-visible{
+  border-radius:var(--item-tile-media-border-radius, var(--border-radius-100));
+  outline-offset:3px;
+}
+
+.item-tile__body{
+  display:grid;
+  grid-area:body;
+  grid-template-areas:"section-primary" "section-secondary" "section-tertiary";
+  grid-template-rows:25px .75fr 1fr;
+}
+
+.item-tile--list-view .item-tile__header{
+  max-width:200px;
+}
+
+.item-tile--list-view .item-tile__body{
+  display:flex;
+  flex-direction:column;
+}
+
+.item-tile__section-primary{
+  display:inline-block;
+  grid-area:section-primary;
+  margin-block-end:var(--spacing-50);
+}
+
+.item-tile__section-primary .signal{
+  margin:0;
+}
+
+.item-tile__section-secondary{
+  grid-area:section-secondary;
+}
+
+.item-tile__section-tertiary{
+  grid-area:section-tertiary;
+}
+.item-tile__section-tertiary p{
+  margin-block-end:.2143em;
+  margin-block-start:0;
+}
+
+.item-tile__section-tertiary a,.item-tile__title{
+  color:var(--color-foreground-link-primary);
+  text-decoration:none;
+}
+
+.item-tile__title{
+  -webkit-box-orient:vertical;
+  display:-webkit-box;
+  -webkit-line-clamp:3;
+  overflow:hidden;
+}
+
+.item-tile__title:hover{
+  color:var(--color-foreground-link-primary);
+  text-decoration:underline;
+}
+
+.item-tile__title:visited{
+  color:var(--color-foreground-link-visited);
+}
+
+.item-tile__subtitle{
+  color:var(--color-foreground-secondary);
+}
+
+.item-tile-group .item-tile__title{
+  -webkit-line-clamp:3;
+}
+
+@media (min-width:768px){
+  .item-tile-group .item-tile__title{
+    -webkit-line-clamp:2;
+  }
+}
 .layout-grid{
   --layout-grid-cell-height-min:0;
   --layout-grid-cell-gap:var(--spacing-100);
@@ -7798,7 +7919,7 @@ nav.pagination--fluid ol.pagination__items li{
   -webkit-overflow-scrolling:touch;
   flex-direction:column;
   overflow-y:auto;
-  overflow-y:hidden;
+  overflow:hidden;
   position:fixed;
   right:0;
   top:0;
@@ -11454,6 +11575,10 @@ button.tourtip__close svg.icon{
   width:100%;
 }
 
+.video-player button{
+  font-family:inherit;
+}
+
 .video-player__overlay{
   align-items:center;
   background-color:rgba(0, 0, 0, .6);
@@ -11502,11 +11627,42 @@ button.tourtip__close svg.icon{
   width:48px;
 }
 
+.video-player .shaka-bottom-controls{
+  box-sizing:border-box;
+  margin-bottom:3%;
+  padding-bottom:0;
+  position:relative;
+  width:94%;
+}
+
 .video-player .shaka-controls-button-panel{
   background-color:rgba(0, 0, 0, .7);
   border-radius:8px;
+  bottom:0;
+  height:40px;
+  position:absolute;
+  width:100%;
+}
+.video-player .shaka-controls-button-panel :first-child{
+  margin-left:8px;
+}
+.video-player .shaka-controls-button-panel :last-child{
+  margin-right:8px;
 }
 
 .video-player--poster .shaka-scrim-container{
   visibility:hidden;
 }
+
+.video-player .shaka-range-container{
+  box-sizing:border-box;
+  margin:0 188px 18px 76px;
+}
+
+.video-player #shaka-player-ui-time-container{
+  display:none;
+}
+
+.video-player .shaka-video-container{
+  font-family:Market Sans,Arial,sans-serif;
+}

package/dist/button/button.css

@@ -171,6 +171,12 @@ button.btn--primary {
         var(--color-foreground-on-accent)
     );
     font-weight: 700;
+    transition: all var(--motion-duration-short-3)
+        var(--motion-easing-quick-enter);
+}
+a.fake-btn--primary:active,
+button.btn--primary:active {
+    transform: scale(0.97);
 }
 
 a.fake-btn--primary {
@@ -324,11 +330,19 @@ a.fake-btn--secondary,
 button.btn--secondary {
     background-color: var(--btn-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)
+    );
+    transition: all var(--motion-duration-short-3)
+        var(--motion-easing-quick-enter);
+}
+a.fake-btn--secondary:active,
+button.btn--secondary:active {
+    transform: scale(0.97);
 }
 
-a.fake-btn--secondary,
-a.fake-btn--secondary:visited,
-button.btn--secondary {
+a.fake-btn--secondary:visited {
     color: var(
         --btn-secondary-foreground-color,
         var(--color-foreground-accent)
@@ -435,6 +449,12 @@ a.fake-btn--secondary[aria-disabled="true"] {
 a.fake-btn--tertiary,
 button.btn--tertiary {
     border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));
+    transition: all var(--motion-duration-short-3)
+        var(--motion-easing-quick-enter);
+}
+a.fake-btn--tertiary:active,
+button.btn--tertiary:active {
+    transform: scale(0.97);
 }
 
 a.fake-btn--tertiary[href]:focus,

package/dist/drawer-dialog/drawer-dialog.css

@@ -11,6 +11,7 @@
     -webkit-overflow-scrolling: touch;
     align-items: flex-end;
     overflow-y: auto;
+    overflow: hidden;
     position: fixed;
     right: 0;
     top: 0;

package/dist/eek/eek.css

@@ -1,6 +1,7 @@
 .eek {
     align-items: stretch;
     display: inline-flex;
+    flex-direction: row-reverse;
     font-family: Arial, sans-serif;
     font-weight: 700;
     height: 24px;
@@ -14,12 +15,14 @@
 .eek__container {
     align-items: center;
     border: 1px solid #000;
-    border-radius: 2px 0 0 2px;
-    border-right: none;
+    border-left: none;
+    border-radius: 0 2px 2px 0;
     display: inline-flex;
+    flex-direction: row-reverse;
 }
 
 .eek .icon--eek-arrow {
+    rotate: 180deg;
     width: 9px;
 }
 
@@ -38,7 +41,7 @@
     content: "";
     display: block;
     height: 19.7989898732px;
-    margin-top: 2.3px;
+    margin-block-start: 2.3px;
     position: relative;
     right: 12px;
     transform: rotate(45deg);
@@ -105,7 +108,7 @@
     color: #fff;
     display: inline-block;
     font-size: 18px;
-    margin-left: 8px;
+    margin-inline-end: 8px;
     text-shadow:
         -0.5px 0.5px 0 #000,
         0.5px 0.5px 0 #000,
@@ -161,10 +164,6 @@
         }
     }
 }
-[dir="rtl"] .eek .icon--eek-arrow {
-    transform: rotate(180deg);
-}
-[dir="rtl"] .eek__container {
-    border-left: none;
-    border-right: 1px solid #000;
+[dir="rtl"] .eek {
+    direction: ltr;
 }

package/dist/icon/icon.css

@@ -41,6 +41,11 @@ svg.icon--32-fit {
     height: 32px;
     width: 32px;
 }
+svg.icon--48,
+svg.icon--48-fit {
+    height: 48px;
+    width: 48px;
+}
 svg.icon--64,
 svg.icon--64-fit {
     height: 32px;

package/dist/item-tile/item-tile.css

@@ -0,0 +1,94 @@
+.item-tile {
+    display: grid;
+    gap: var(--spacing-200);
+    grid-area: body;
+    grid-template-areas: "header" "body";
+    grid-template-rows: auto 1fr;
+}
+
+.item-tile--list-view {
+    display: flex;
+    flex-direction: row;
+    gap: var(--spacing-100);
+}
+
+.item-tile__header {
+    grid-area: header;
+}
+
+.item-tile__header .file-preview-card__body a {
+    display: block;
+    width: 100%;
+}
+
+.item-tile__header .file-preview-card__body a:focus-visible {
+    border-radius: var(
+        --item-tile-media-border-radius,
+        var(--border-radius-100)
+    );
+    outline-offset: 3px;
+}
+
+.item-tile__body {
+    display: grid;
+    grid-area: body;
+    grid-template-areas: "section-primary" "section-secondary" "section-tertiary";
+    grid-template-rows: 25px 0.75fr 1fr;
+}
+
+.item-tile--list-view .item-tile__header {
+    max-width: 200px;
+}
+
+.item-tile--list-view .item-tile__body {
+    display: flex;
+    flex-direction: column;
+}
+
+.item-tile__section-primary {
+    display: inline-block;
+    grid-area: section-primary;
+    margin-block-end: var(--spacing-50);
+}
+
+.item-tile__section-primary .signal {
+    margin: 0;
+}
+
+.item-tile__section-secondary {
+    grid-area: section-secondary;
+}
+
+.item-tile__section-tertiary {
+    grid-area: section-tertiary;
+}
+.item-tile__section-tertiary p {
+    margin-block-end: 0.2143em;
+    margin-block-start: 0;
+}
+
+.item-tile__section-tertiary a,
+.item-tile__title {
+    color: var(--color-foreground-link-primary);
+    text-decoration: none;
+}
+
+.item-tile__title {
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    overflow: hidden;
+}
+
+.item-tile__title:hover {
+    color: var(--color-foreground-link-primary);
+    text-decoration: underline;
+}
+
+.item-tile__title:visited {
+    color: var(--color-foreground-link-visited);
+}
+
+.item-tile__subtitle {
+    color: var(--color-foreground-secondary);
+}

package/dist/item-tile-group/item-tile-group.css

@@ -0,0 +1,9 @@
+.item-tile-group .item-tile__title {
+    -webkit-line-clamp: 3;
+}
+
+@media (min-width: 768px) {
+    .item-tile-group .item-tile__title {
+        -webkit-line-clamp: 2;
+    }
+}

package/dist/panel-dialog/panel-dialog.css

@@ -10,7 +10,7 @@
     -webkit-overflow-scrolling: touch;
     flex-direction: column;
     overflow-y: auto;
-    overflow-y: hidden;
+    overflow: hidden;
     position: fixed;
     right: 0;
     top: 0;

package/dist/svg/icon/icon-clock-fast-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.5 3.67a5 5 0 1 1 0 8.663 1 1 0 1 0-1 1.73 7 7 0 1 0 0-12.126 1 1 0 0 0 1 1.732ZM10 6a1 1 0 1 0-2 0v2a1 1 0 0 0 .293.707l1.5 1.5a1 1 0 0 0 1.414-1.414L10 7.587V6ZM0 6a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1Zm2 3a1 1 0 0 0 0 2h2a1 1 0 1 0 0-2H2Z"
+  />
+</svg>

package/dist/svg/icon/icon-clock-fast-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="M9.534 7.626a7 7 0 1 1 0 8.749 1 1 0 0 0-1.56 1.251 9 9 0 1 0 0-11.25 1 1 0 1 0 1.56 1.25ZM16 9.001a1 1 0 1 0-2 0v3a1 1 0 0 0 .293.707l2 2a1 1 0 0 0 1.414-1.414L16 11.587V9Zm-16 1a1 1 0 0 1 1-1h5a1 1 0 0 1 0 2H1a1 1 0 0 1-1-1Zm3 3a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2H3Z"
+  />
+</svg>

package/dist/svg/icon/icon-ebay-logo-16-colored.svg

@@ -0,0 +1,18 @@
+<svg viewBox="0 0 40 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M39.925 3.85 33.74 16H31.5l1.779-3.374-4.656-8.775h2.34l3.427 6.856 3.416-6.856h2.12Z"
+    fill="#92C821"
+  />
+  <path
+    d="M25.276 8.486c-1.814.06-2.941.387-2.941 1.582 0 .773.616 1.612 2.182 1.612 2.1 0 3.22-1.144 3.22-3.021v-.207c-.736 0-1.643.007-2.46.034Zm4.462 2.48c0 .581.017 1.156.067 1.674h-1.86a10.89 10.89 0 0 1-.068-1.26c-1.007 1.236-2.203 1.592-3.864 1.592-2.462 0-3.78-1.302-3.78-2.807 0-2.18 1.793-2.95 4.906-3.02.851-.02 1.807-.023 2.598-.023v-.213c0-1.46-.936-2.06-2.558-2.06-1.204 0-2.092.498-2.183 1.36h-2.102c.222-2.147 2.478-2.69 4.461-2.69 2.376 0 4.383.845 4.383 3.358v4.088Z"
+    fill="#FFBD14"
+  />
+  <path
+    d="M15.205 11.603c1.86 0 3.132-1.338 3.132-3.358s-1.272-3.358-3.132-3.358c-1.849 0-3.132 1.339-3.132 3.358 0 2.02 1.283 3.358 3.132 3.358ZM10.073 0h2v5.026c.98-1.169 2.331-1.508 3.66-1.508 2.23 0 4.706 1.505 4.706 4.753 0 2.72-1.97 4.7-4.742 4.7-1.452 0-2.818-.52-3.66-1.552 0 .412-.024.827-.069 1.22h-1.963a41.61 41.61 0 0 0 .068-2.066V0Z"
+    fill="#0968F6"
+  />
+  <path
+    d="M7.97 7.421c-.077-1.872-1.428-2.572-2.872-2.572-1.557 0-2.8.788-3.017 2.572h5.89Zm-5.932 1.33c.108 1.817 1.36 2.89 3.082 2.89 1.193 0 2.254-.486 2.61-1.543h2.063c-.402 2.145-2.681 2.874-4.644 2.874C1.581 12.972 0 11.007 0 8.357 0 5.44 1.636 3.519 5.182 3.519c2.822 0 4.89 1.477 4.89 4.701v.532H2.039Z"
+    fill="#F02D2D"
+  />
+</svg>

package/dist/svg/icon/icon-ebay-plus-logo-dark-16-colored.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 58 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M33.043 4.636h1.39v1.073c.507-.81 1.47-1.242 2.445-1.242 1.91 0 3.447 1.566 3.447 3.809 0 2.243-1.537 3.81-3.447 3.81-.975 0-1.938-.433-2.445-1.243V15.5h-1.39V4.636Zm5.838 3.638c0-1.58-.934-2.648-2.258-2.648-1.323 0-2.27 1.068-2.27 2.648s.935 2.648 2.27 2.648c1.336 0 2.258-1.066 2.258-2.646v-.002Zm2.579-6.463h1.39v10.064h-1.39V1.81Zm3.883 9.572c-.574-.5-.855-1.256-.855-2.459V4.642h1.39V8.87c0 .757.146 1.213.427 1.527.294.337.738.486 1.283.486.544 0 .975-.149 1.282-.486.268-.311.428-.77.428-1.527V4.642h1.39v4.282c0 1.203-.294 1.96-.87 2.459-.507.459-1.268.702-2.23.702-.963 0-1.737-.243-2.245-.702Zm6.608-1.797h1.35c.16.946.841 1.392 1.83 1.392.748 0 1.537-.31 1.537-1.026 0-.662-.548-.933-1.39-1.094l-1.005-.204c-1.283-.256-2.192-.918-2.192-2.12 0-1.203 1.2-2.094 2.793-2.094 1.496 0 2.74.716 2.94 2.256h-1.31c-.173-.797-.814-1.176-1.67-1.176-.738 0-1.456.311-1.456.946 0 .554.388.864 1.188 1.027l.936.186C56.824 7.936 58 8.436 58 9.787c0 1.485-1.292 2.296-2.925 2.296-1.604.002-2.9-.74-3.124-2.497Z"
+    fill="#D5FBD1"
+  />
+  <path
+    d="m31.825 4.637-5.444 10.86h-1.79l1.86-3.652-3.013-5.722c.145.378.214.782.205 1.188v3.522c0 .408.058 1.045.058 1.045h-1.49s-.04-.514-.04-1.035c0 0-.756 1.311-3.104 1.311-1.722 0-2.997-.84-2.997-2.38 0-.085.004-.17.014-.255-.446 1.586-1.787 2.612-3.6 2.612-2.121 0-2.906-1.236-2.906-1.236 0 .466-.056.98-.056.98H7.94s.036-.712.036-1.22V8.746H1.64c0 1.348 1.015 2.31 2.421 2.31 1.73 0 2.085-1.227 2.085-1.227h1.66s-.22 2.28-3.642 2.28C1.255 12.11 0 10.664 0 8.369c0-2.897 1.866-3.857 4.104-3.857 2.974 0 3.84 1.973 3.876 3.307V.5h1.617v5.239s.685-1.206 2.894-1.206c2.357 0 3.753 1.68 3.753 3.777 0 .25-.019.5-.058.746.38-1.084 1.7-1.62 3.876-1.62h1.965v-.353c0-.985-.858-1.498-1.965-1.498-1.707 0-1.791 1.088-1.791 1.088h-1.68c0-.295.215-2.161 3.583-2.161 1.148 0 2.405.242 3.045 1.199l-.56-1.074h1.886l2.789 5.65 2.783-5.65h1.708ZM6.302 7.667c0-1.245-.915-2.075-2.256-2.075-1.176 0-2.37.754-2.37 2.075h4.626Zm8.265.643c0-1.53-.966-2.67-2.486-2.67-1.7 0-2.484 1.363-2.484 2.685 0 1.419.875 2.7 2.496 2.7 1.358 0 2.474-1.074 2.474-2.715Zm7.457.175c-2.545 0-4.277.009-4.277 1.287 0 .701.514 1.306 1.714 1.306 2.192 0 2.563-1.516 2.563-2.125v-.468Z"
+    fill="#fff"
+  />
+</svg>

package/dist/svg/icon/icon-european-conformity-48.svg

@@ -1,7 +1,5 @@
 <svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
   <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M23 36.803a.518.518 0 0 0-.572-.508 12.15 12.15 0 0 1-1.139.054c-6.719 0-12.204-5.554-12.204-12.35 0-6.796 5.485-12.35 12.204-12.35.382 0 .762.018 1.137.054a.52.52 0 0 0 .574-.509V7.04a.49.49 0 0 0-.451-.492 16.927 16.927 0 0 0-1.26-.048C11.767 6.5 4 14.366 4 24.001 4 33.636 11.766 41.5 21.29 41.5c.423 0 .844-.017 1.259-.048A.49.49 0 0 0 23 40.96v-4.157Zm7.377-15.476v.002-.002Zm9.483 0h-9.483c1.211-5.527 6.092-9.678 11.907-9.678.384 0 .765.018 1.143.055a.519.519 0 0 0 .573-.509V7.04a.49.49 0 0 0-.452-.492c-.418-.03-.84-.048-1.264-.048C32.758 6.5 25 14.364 25 24s7.76 17.5 17.284 17.5c.425 0 .846-.017 1.264-.048A.49.49 0 0 0 44 40.96v-4.157a.517.517 0 0 0-.572-.508c-.377.036-.76.056-1.144.056-5.816 0-10.697-4.152-11.908-9.675h9.484a.5.5 0 0 0 .5-.5v-4.35a.5.5 0 0 0-.5-.5Z"
+    d="M46 39.638v-4.75a10.86 10.86 0 0 1-1.571.112c-5.266 0-9.668-3.7-10.747-8.643h9.175v-4.715h-9.175C34.76 16.7 39.162 13 44.429 13c.533 0 1.058.038 1.572.111V8.365a15.906 15.906 0 0 0-1.572-.078c-8.68 0-15.714 7.035-15.714 15.713 0 8.679 7.035 15.714 15.714 15.714.53 0 1.054-.026 1.572-.078v.002ZM2 24c0 8.68 7.035 15.714 15.714 15.714.566 0 1.125-.03 1.676-.088v-4.753a11.09 11.09 0 0 1-1.676.126c-6.075 0-11-4.925-11-11 0-6.076 4.925-11 11-11 .57 0 1.13.042 1.676.125v-4.75c-.55-.057-1.11-.087-1.676-.087C9.035 8.287 2 15.322 2 24Z"
   />
 </svg>

package/dist/svg/icon/icon-exclude-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="M16.308 12.537A24.895 24.895 0 0 1 32 7c13.807 0 25 11.193 25 25a24.895 24.895 0 0 1-5.537 15.692L16.308 12.537Zm-3.771 3.771A24.895 24.895 0 0 0 7 32c0 13.807 11.193 25 25 25a24.895 24.895 0 0 0 15.692-5.537L12.537 16.308ZM32 2C15.431 2 2 15.431 2 32c0 16.569 13.431 30 30 30 16.569 0 30-13.431 30-30C62 15.431 48.569 2 32 2Z"
+  />
+</svg>

package/dist/svg/icon/icon-location-arrow-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="m12.352 3.647-7.672 3.2 2.87.673c.461.108.822.47.93.931l.674 2.868 3.198-7.672Zm.913-2.547c1.03-.43 2.064.604 1.635 1.635l-4.793 11.494c-.467 1.12-2.094.986-2.37-.195L6.64 9.36 1.965 8.265C.785 7.988.65 6.36 1.769 5.895L13.265 1.1Z"
+  />
+</svg>

package/dist/svg/icon/icon-location-arrow-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="M19.46 4.54 5.4 10.403l5.81 1.363c.51.119.906.516 1.025 1.024l1.363 5.807L19.459 4.54Zm.632-2.43c1.133-.473 2.27.664 1.798 1.798L14.7 21.15c-.513 1.231-2.303 1.084-2.608-.215l-1.715-7.312L3.06 11.91c-1.298-.304-1.446-2.094-.215-2.607L20.092 2.11Z"
+  />
+</svg>

package/dist/svg/icon/icon-psa-16-colored.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 45 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M25.2 3.189c.028-.024.01-.07-.028-.066-2.527.187-3.883.44-5.464.962-1.605.551-2.903 1.406-2.903 1.914 0 .23.254.44.743.598.513.163.95.275 1.304.345l2.437.551c1.464.322 2.974.878 3.86 1.43.72.438 1.091 1.082 1.091 1.867 0 3.202-4.438 5.21-11.596 5.21-2.324 0-3.487-.415-3.487-1.27 0-.299.23-.76.72-1.475.372-.51.584-.691.955-.808 1.535-.486 1.346-.439 1.511-.439.09 0 .165.075.165.164 0 .135-.047.182-.254.345l-.447.327c-.029.023-.014.065.023.07.659.023 1.294.042 1.469.042 3.044 0 5.463-.439 7.506-1.359.908-.392 1.28-.69 1.28-.99 0-.298-.325-.555-1.163-.877-.767-.299-1.74-.58-2.348-.691l-3.836-.691c-1.717-.3-2.371-.855-2.371-2.054 0-.346.094-.902.277-1.592.396-1.43.72-1.845 1.906-2.512C19.035.784 22.15 0 25.101 0c.932 0 1.93.117 2.861.322.514.094.603.229.603.808 0 .667-.207 1.452-.513 1.797-.254.346-.372.416-1.44.785-.673.228-.955.392-2.07 1.13-.255.163-.396.228-.556.228-.188 0-.372-.158-.372-.322 0-.14.047-.229.278-.415L25.2 3.189Z"
+    fill="#EB1C2D"
+  />
+  <path
+    d="M43.487 13.993h.076c.09 0 .16-.028.16-.098 0-.06-.047-.103-.146-.103a.368.368 0 0 0-.09.01v.19Zm-.004.387h-.16v-.68c.061-.014.15-.019.263-.019.132 0 .189.019.24.051a.188.188 0 0 1 .066.15c0 .075-.056.135-.14.159v.009c.065.023.103.075.126.168a.47.47 0 0 0 .052.173h-.174c-.019-.024-.033-.089-.056-.168-.015-.075-.057-.108-.142-.108h-.075v.266Zm-.424-.36c0 .304.226.547.537.547a.524.524 0 0 0 .522-.542c0-.303-.22-.55-.527-.55a.533.533 0 0 0-.532.546Zm1.238 0a.689.689 0 0 1-.706.692.695.695 0 0 1-.71-.691c0-.378.315-.682.71-.682.4 0 .706.304.706.682Zm-9.355-4.63h-5.045c-.024 0-.038-.024-.029-.043l2.485-4.79a.028.028 0 0 1 .052 0l2.555 4.79c.019.02.005.042-.019.042Zm.098-7.849a.117.117 0 0 0-.103-.06h-5.092a.123.123 0 0 0-.104.06L25.915 8.55a.156.156 0 0 0 .038.191c.593.533.918 1.242.918 2.05 0 1.037-.4 2.414-2.08 3.59-.048.033-.024.108.032.108h2.273a.117.117 0 0 0 .104-.061l1.134-2.213c.01-.014.024-.023.038-.023h8.099c.014 0 .028.01.038.023l1.204 2.218c.019.037.061.06.104.06h4.334a.041.041 0 0 0 .038-.06L35.04 1.542ZM11.905 6.607c0 .77-.362 1.382-1.303 1.382H4.47a.116.116 0 0 1-.118-.117v-3.04a.12.12 0 0 1 .118-.116h5.788c1.214 0 1.647.504 1.647 1.382v.509Zm3.869 2.208c.004-.023-.005-.042-.029-.051-1.091-.322-2.014-.957-2.014-2.47 0-.523.165-1.242.301-1.755.245-.883.49-1.448.89-1.905a.042.042 0 0 0 0-.056c-.725-.687-1.869-1.093-3.633-1.093H.45a.116.116 0 0 0-.118.117V14.38c0 .066.052.117.118.117h3.788a.116.116 0 0 0 .118-.117v-3.04c0-.064.051-.116.117-.116h7.869c1.986-.004 2.998-1.092 3.43-2.409Z"
+    fill="#0050A2"
+  />
+</svg>

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

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 45 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M25.172 3.123c.038-.004.056.042.028.066l-1.308 1.144c-.23.186-.278.275-.278.415 0 .164.184.322.372.322.16 0 .301-.065.555-.228 1.116-.738 1.398-.902 2.071-1.13 1.068-.37 1.186-.44 1.44-.785.306-.345.513-1.13.513-1.797 0-.58-.09-.714-.602-.808A13.575 13.575 0 0 0 25.102 0c-2.951 0-6.067.784-8.551 2.19-1.186.667-1.511 1.083-1.906 2.512-.184.69-.278 1.246-.278 1.592 0 1.2.654 1.755 2.372 2.054l3.835.69c.607.113 1.581.393 2.348.692.838.322 1.163.579 1.163.877 0 .3-.372.598-1.28.99-2.043.92-4.461 1.359-7.506 1.359-.174 0-.81-.019-1.469-.042-.037-.005-.051-.047-.023-.07l.447-.327c.207-.163.254-.21.254-.345a.166.166 0 0 0-.165-.164l-.063-.001c-.087 0-.174.037-1.447.44-.372.117-.584.299-.956.808-.49.714-.72 1.176-.72 1.475 0 .854 1.163 1.27 3.488 1.27 7.157 0 11.595-2.008 11.595-5.21 0-.785-.371-1.429-1.091-1.868-.885-.55-2.396-1.107-3.86-1.429l-2.437-.55a12.37 12.37 0 0 1-1.304-.346c-.49-.159-.743-.369-.743-.598 0-.508 1.299-1.363 2.903-1.914 1.581-.523 2.937-.775 5.464-.962Zm18.39 10.87h-.075V13.8a.368.368 0 0 1 .09-.01c.099 0 .146.043.146.104 0 .07-.07.098-.16.098Zm-.239.387h.16v-.266h.075c.085 0 .127.033.142.107l.015.056a.389.389 0 0 0 .04.112h.175a.469.469 0 0 1-.052-.172c-.023-.094-.061-.145-.127-.168v-.01c.085-.023.141-.084.141-.158a.188.188 0 0 0-.066-.15c-.051-.033-.108-.051-.24-.051-.113 0-.202.005-.263.018v.682Zm.273.187a.531.531 0 0 1-.537-.546c0-.3.226-.546.532-.546.306 0 .527.247.527.55a.524.524 0 0 1-.522.542Zm-.005.145c.4 0 .706-.304.706-.691a.687.687 0 0 0-.706-.682.694.694 0 0 0-.71.682c0 .387.315.69.71.69ZM29.897 9.389h5.044c.024 0 .038-.023.02-.042l-2.556-4.79a.028.028 0 0 0-.052 0l-2.485 4.79c-.01.019.005.042.029.042Zm5.04-7.909c.042 0 .084.024.103.061l7.149 12.89a.041.041 0 0 1-.038.061h-4.334a.117.117 0 0 1-.104-.06l-1.205-2.218c-.009-.014-.023-.023-.037-.023h-8.1c-.013 0-.027.009-.037.023L27.2 14.427a.117.117 0 0 1-.104.06h-2.273c-.056 0-.08-.074-.033-.107 1.68-1.176 2.08-2.554 2.08-3.59 0-.808-.324-1.518-.917-2.05a.156.156 0 0 1-.038-.191l3.826-7.008a.123.123 0 0 1 .104-.06h5.092ZM10.602 7.99c.94 0 1.303-.612 1.303-1.382v-.51c0-.877-.433-1.381-1.647-1.381H4.47a.12.12 0 0 0-.118.117v3.039c0 .065.052.117.118.117h6.132Zm5.143.775c.024.009.033.028.029.05-.433 1.318-1.445 2.405-3.431 2.41H4.474a.116.116 0 0 0-.117.117v3.04a.116.116 0 0 1-.118.116H.451a.116.116 0 0 1-.118-.117V1.602c0-.066.052-.117.118-.117h10.838c1.764 0 2.908.406 3.633 1.092a.042.042 0 0 1 0 .057c-.4.457-.645 1.022-.89 1.904-.136.514-.3 1.233-.3 1.756 0 1.513.922 2.147 2.013 2.47Z"
+  />
+</svg>

package/dist/svg/icon/icon-top-rated-plus-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.5-.004a2.5 2.5 0 0 0-2.5 2.5v11.17c0 1.732 1.819 2.86 3.37 2.091l3.485-1.727a.334.334 0 0 1 .296 0l3.48 1.726c1.55.77 3.37-.358 3.37-2.09V2.496a2.5 2.5 0 0 0-2.5-2.5h-9Zm-.5 2.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v11.17c0 .247-.26.409-.48.299l-3.48-1.727a2.333 2.333 0 0 0-2.074 0l-3.485 1.727A.333.333 0 0 1 3 13.667V2.497Zm5.65.873a.76.76 0 0 0-1.303 0l-.975 1.624-1.778.399a.76.76 0 0 0-.414 1.233l1.176 1.386-.258 2.135a.76.76 0 0 0 1.116.76L8 9.939l1.785.967a.76.76 0 0 0 1.116-.76l-.258-2.135 1.176-1.386a.76.76 0 0 0-.414-1.233l-1.778-.399-.975-1.624ZM7.494 6.04 8 5.196l.506.844.166.275.313.07.899.202-.596.702-.212.25.039.326.126 1.04-.884-.479L8 8.234l-.357.193-.883.478.125-1.04.04-.325-.212-.25-.597-.702.899-.202.314-.07.165-.275Z"
+  />
+</svg>