@ebay/skin 18.6.0 → 19.1.0

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

@@ -211,18 +211,6 @@ button.icon-btn.lightbox-dialog__prev {
     opacity: 1;
     transform: translateY(0);
 }
-
-.lightbox-dialog__handle {
-    background-color: initial;
-    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;
@@ -232,11 +220,6 @@ button.icon-btn.lightbox-dialog__prev {
     width: 24px;
 }
 
-.lightbox-dialog__window--expanded {
-    height: 95%;
-    max-height: 95%;
-}
-
 [dir="rtl"] button.icon-btn.lightbox-dialog__prev .icon--16 {
     transform: rotate(180deg);
 }
@@ -263,10 +246,6 @@ button.icon-btn.lightbox-dialog__prev {
         max-width: 100%;
         width: 100%;
     }
-    .lightbox-dialog--fullscreen .lightbox-dialog__handle,
-    .lightbox-dialog--large .lightbox-dialog__handle {
-        display: none;
-    }
 }
 @media (min-width: 512px) {
     .lightbox-dialog__window {
@@ -274,9 +253,6 @@ button.icon-btn.lightbox-dialog__prev {
         margin: auto;
         max-width: calc(88% - var(--spacing-400));
     }
-    .lightbox-dialog__handle {
-        display: none;
-    }
     .lightbox-dialog--narrow .lightbox-dialog__window {
         max-width: var(--dialog-lightbox-narrow-max-width);
     }

package/dist/link/link.css

@@ -1,13 +1,16 @@
 a.nav-link,
 a.standalone-link {
-    color: var(--nav-link-foreground-color, var(--color-foreground-primary));
+    color: var(
+        --nav-link-foreground-color,
+        var(--color-foreground-link-primary)
+    );
     text-decoration: none;
 }
 a.nav-link:visited,
 a.standalone-link:visited {
     color: var(
         --link-foreground-color-default,
-        var(--color-foreground-primary)
+        var(--color-foreground-link-primary)
     );
 }
 a.nav-link:hover,
@@ -32,7 +35,10 @@ a.standalone-link[aria-disabled="true"] {
 button.fake-link {
     background-color: initial;
     border: 0;
-    color: var(--fake-link-foreground-color, var(--color-foreground-primary));
+    color: var(
+        --fake-link-foreground-color,
+        var(--color-foreground-link-primary)
+    );
     font-family: inherit;
     font-size: inherit;
     padding: 0;
@@ -51,3 +57,19 @@ button.fake-link[disabled] {
         var(--color-foreground-disabled)
     );
 }
+
+a.legal-link,
+button.legal-link {
+    text-decoration: underline;
+}
+a.legal-link,
+a.legal-link:hover,
+a.legal-link:visited,
+button.legal-link,
+button.legal-link:hover,
+button.legal-link:visited {
+    color: var(
+        --legal-link-foreground-color,
+        var(--color-foreground-link-legal)
+    );
+}

package/dist/list/list.css

@@ -4,11 +4,15 @@
 
 .list ol,
 .list ul {
-    list-style: none;
     margin: 0;
     padding: 0;
 }
 
+.list li::marker {
+    content: "";
+    font-size: 0;
+}
+
 .list fieldset > *,
 .list li > * {
     align-items: center;

package/dist/listbox/listbox.css

@@ -1,6 +1,6 @@
 :root {
-    --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),
-        0 5px 17px rgba(0, 0, 0, 0.2);
+    --bubble-shadow:
+        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
 }
 div.listbox {
     margin: var(--spacing-200) 0;

package/dist/listbox-button/listbox-button.css

@@ -1,6 +1,6 @@
 :root {
-    --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),
-        0 5px 17px rgba(0, 0, 0, 0.2);
+    --bubble-shadow:
+        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
 }
 .listbox-button {
     line-height: normal;
@@ -37,12 +37,17 @@ div.listbox-button__listbox {
     display: none;
     left: 0;
     max-height: 400px;
-    min-width: 100%;
     overflow-y: auto;
     position: absolute;
+    top: 0;
+    width: -moz-fit-content;
+    width: fit-content;
+    z-index: 2;
+}
+div.listbox-button__listbox--set-position {
+    min-width: 100%;
     top: calc(100% + 4px);
     width: auto;
-    z-index: 2;
 }
 [dir="rtl"] div.listbox-button__listbox {
     left: unset;

package/dist/marketsans/marketsans.css

@@ -3,17 +3,17 @@
     font-family: Market Sans;
     font-style: normal;
     font-weight: 400;
-    src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.eot);
+    src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.eot);
     src:
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.eot?#iefix)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.eot?#iefix)
             format("embedded-opentype"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.woff2)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff2)
             format("woff2"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.woff)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff)
             format("woff"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.ttf)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.ttf)
             format("truetype"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.svg#MarketSans-Regular-WebS)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.svg#MarketSans-Regular-WebS)
             format("svg");
 }
 @font-face {
@@ -21,16 +21,16 @@
     font-family: Market Sans;
     font-style: normal;
     font-weight: 700;
-    src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.eot);
+    src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.eot);
     src:
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.eot?#iefix)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.eot?#iefix)
             format("embedded-opentype"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.woff2)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff2)
             format("woff2"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.woff)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff)
             format("woff"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.ttf)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.ttf)
             format("truetype"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.svg#MarketSans-SemiBold-WebS)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.svg#MarketSans-Bold-WebS)
             format("svg");
 }

package/dist/menu/menu.css

@@ -1,6 +1,6 @@
 :root {
-    --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),
-        0 5px 17px rgba(0, 0, 0, 0.2);
+    --bubble-shadow:
+        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
 }
 .fake-menu__items,
 .menu__items {

package/dist/menu-button/menu-button.css

@@ -1,6 +1,6 @@
 :root {
-    --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),
-        0 5px 17px rgba(0, 0, 0, 0.2);
+    --bubble-shadow:
+        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
 }
 .fake-menu-button,
 .menu-button {
@@ -23,13 +23,19 @@
     display: none;
     left: 0;
     max-height: 400px;
-    min-width: 100%;
     outline: 0;
     overflow-y: auto;
     position: absolute;
+    top: 0;
+    width: -moz-fit-content;
+    width: fit-content;
+    z-index: 2;
+}
+.fake-menu-button__menu--set-position,
+.menu-button__menu--set-position {
+    min-width: 100%;
     top: calc(100% + 4px);
     width: auto;
-    z-index: 2;
 }
 [dir="rtl"] .fake-menu-button__menu,
 [dir="rtl"] .menu-button__menu {

package/dist/mixins/_utility-mixins.scss

@@ -23,10 +23,10 @@
     white-space: nowrap;
 }
 
-@mixin image-treatment($border-radius: 8px) {
+@mixin image-treatment($border-radius: 8px, $display: flex) {
     align-items: center;
     border-radius: $border-radius;
-    display: flex;
+    display: $display;
     justify-content: center;
     overflow: hidden;
     position: relative;

package/dist/skeleton/skeleton.css

@@ -114,9 +114,6 @@ div.skeleton__text:not(:last-child),
 div.skeleton__textbox:not(:last-child) {
     margin-block-end: var(--spacing-150);
 }
-.skeleton--elevated {
-    --skeleton-background: var(--color-loading-fill-elevated);
-}
 
 .skeleton--on-secondary {
     --skeleton-background: var(--color-loading-fill-on-secondary);
@@ -126,9 +123,6 @@ div.skeleton__textbox:not(:last-child) {
     .skeleton {
         --skeleton-background: var(--color-loading-shimmer);
     }
-    .skeleton--elevated {
-        --skeleton-background: var(--color-loading-shimmer-elevated);
-    }
     .skeleton--on-secondary {
         --skeleton-background: var(--color-loading-shimmer-on-secondary);
     }

package/dist/svg/icon/icon-ai-tools-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.75 4.125a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0ZM4.125.75a3.375 3.375 0 1 0 0 6.75 3.375 3.375 0 0 0 0-6.75Zm4.625 2c0-.966.784-1.75 1.75-1.75h2.75c.966 0 1.75.784 1.75 1.75V5.5a1.75 1.75 0 0 1-1.75 1.75H10.5A1.75 1.75 0 0 1 8.75 5.5V2.75ZM13 3h-2.25v2.25H13V3Zm-1.993 7.012.246-1.146c.141-.657 1.08-.657 1.22 0l.246 1.146a1.31 1.31 0 0 0 1.006 1.005l1.145.246c.658.141.658 1.08 0 1.22l-1.145.246a1.31 1.31 0 0 0-1.005 1.005l-.247 1.146c-.14.657-1.079.657-1.22 0l-.246-1.146a1.309 1.309 0 0 0-1.005-1.005l-1.146-.246c-.657-.14-.657-1.079 0-1.22l1.146-.246a1.309 1.309 0 0 0 1.005-1.005ZM2.75 8.75A1.75 1.75 0 0 0 1 10.5v2.75c0 .966.784 1.75 1.75 1.75H5.5a1.75 1.75 0 0 0 1.75-1.75V10.5A1.75 1.75 0 0 0 5.5 8.75H2.75ZM3 13v-2.25h2.25V13H3Z"
+  />
+</svg>

package/dist/svg/icon/icon-ai-tools-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="M2.5 5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0ZM5 .5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9ZM11 3a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V3Zm6 0h-4v4h4V3Zm-3.095 9.7.303-1.41c.183-.853 1.402-.853 1.585 0l.303 1.41c.13.604.6 1.076 1.204 1.205l1.41.303c.854.183.854 1.402 0 1.585l-1.41.303a1.569 1.569 0 0 0-1.204 1.204l-.303 1.41c-.183.854-1.402.854-1.585 0l-.303-1.41a1.569 1.569 0 0 0-1.204-1.204l-1.41-.303c-.854-.183-.854-1.402 0-1.585l1.41-.303a1.569 1.569 0 0 0 1.204-1.204ZM3 11a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H3Zm0 6v-4h4v4H3Z"
+  />
+</svg>

package/dist/svg/icon/icon-ai-tools-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.5 6.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3-5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm9.811 13.422.34-1.586c.197-.914 1.502-.914 1.698 0l.34 1.586c.15.696.694 1.24 1.39 1.39l1.586.34c.914.196.914 1.5 0 1.697l-1.587.34a1.81 1.81 0 0 0-1.388 1.39l-.34 1.586c-.197.914-1.502.914-1.698 0l-.34-1.587a1.809 1.809 0 0 0-1.39-1.388l-1.586-.34c-.914-.197-.914-1.502 0-1.698l1.586-.34a1.809 1.809 0 0 0 1.39-1.39ZM2 15.25A2.25 2.25 0 0 1 4.25 13h4.5A2.25 2.25 0 0 1 11 15.25v4.5A2.25 2.25 0 0 1 8.75 22h-4.5A2.25 2.25 0 0 1 2 19.75v-4.5ZM4.25 15a.25.25 0 0 0-.25.25v4.5c0 .138.112.25.25.25h4.5a.25.25 0 0 0 .25-.25v-4.5a.25.25 0 0 0-.25-.25h-4.5Zm11-13A2.25 2.25 0 0 0 13 4.25v4.5A2.25 2.25 0 0 0 15.25 11h4.5A2.25 2.25 0 0 0 22 8.75v-4.5A2.25 2.25 0 0 0 19.75 2h-4.5ZM15 4.25a.25.25 0 0 1 .25-.25h4.5a.25.25 0 0 1 .25.25v4.5a.25.25 0 0 1-.25.25h-4.5a.25.25 0 0 1-.25-.25v-4.5Z"
+  />
+</svg>

package/dist/svg/icon/icon-alipay-hk-12-colored.svg

@@ -0,0 +1,22 @@
+<svg viewBox="0 0 20 12" xmlns="http://www.w3.org/2000/svg">
+  <rect
+    x=".5"
+    y=".5"
+    width="19"
+    height="11"
+    rx="1.5"
+    fill="#fff"
+    stroke="#191919"
+    stroke-width="1"
+  />
+  <path
+    d="M10.51 6.895v.57h-.454V5.517c0-.027.05-.057.077-.061.108-.016.247.01.358 0l.018.011.004.098a.626.626 0 0 1 1 .325.9.9 0 0 1-.161.79c-.21.244-.542.293-.842.215Zm.225-1.204c-.084.014-.17.103-.224.164l-.001.686c.016.15.21.251.346.192.264-.118.248-.764.096-.963-.056-.072-.127-.094-.217-.08ZM8.21 6.903h-.486l-.163-.32-.929-.002-.172.322h-.33l.932-1.91c.04-.06.15-.057.215-.05.01.002.02.001.025.012l.909 1.948ZM7.5 6.42l-.402-.833-.41.833H7.5Zm5.544.482h-.46v-.05c-.203.074-.43.117-.628.008a.51.51 0 0 1-.127-.78c.198-.227.488-.17.754-.143v-.15a.213.213 0 0 0-.09-.15c-.143-.09-.436-.022-.596 0l-.013-.006c-.011-.04-.025-.08-.035-.12-.002-.007-.01-.009.002-.016.304-.077.764-.129 1.035.064.058.041.159.155.159.228v1.115Zm-.667-.787c-.475.04-.36.692.067.601.044-.009.137-.043.14-.095l-.002-.467c-.013-.039-.17-.042-.205-.039Zm1.257-.689.469.884.032-.048.365-.79c.013-.023.063-.046.086-.046h.253l-.741 1.603a.596.596 0 0 1-.53.385.965.965 0 0 1-.154 0c-.008-.001-.013-.003-.018-.01v-.238h.113a.458.458 0 0 0 .229-.083c.025-.026.15-.269.145-.29-.22-.427-.455-.845-.674-1.272-.015-.03-.036-.063-.04-.095h.465Zm-4.785-.483v1.949l-.011.01h-.432l-.011-.01V5.02c0-.022.045-.077.07-.077h.384Zm.834.513v1.448h-.444l-.01-.011V5.54c0-.032.044-.084.076-.084h.378Z"
+    fill="#363533"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5.596 6.64a7.384 7.384 0 0 1-.974-.304l-.212-.077c.136-.235.233-.49.3-.753H4V5.25h.872v-.138H4v-.424h-.377c-.015 0-.04.043-.04.054v.37H2.71v.138h.872v.256h-.725v.14h1.406a2.03 2.03 0 0 1-.203.488c-.05-.014-.1-.03-.152-.044a4.496 4.496 0 0 0-.574-.143 1.561 1.561 0 0 0-.477-.013c-.773.128-.79 1.119-.01 1.252.526.089 1.02-.206 1.335-.602l.01-.002 1.403.607a.578.578 0 0 1-.523.598H2.531a.583.583 0 0 1-.53-.545V4.757a.583.583 0 0 1 .538-.545H5.05c.25-.006.545.265.545.516v1.911Zm9.996-.6v-.607h-.282c-.002 0-.014.014-.02.02l-.002.002.003 1.45a.05.05 0 0 0 .019.012h.282v-.614h.523v.614h.282a.049.049 0 0 0 .019-.012l.003-1.45-.002-.002a.155.155 0 0 0-.02-.02h-.282v.607h-.523Zm1.479.007v-.614h-.282a.064.064 0 0 0-.015.015v1.454a.064.064 0 0 0 .015.015h.282v-.442l.194-.223.395.665H18l-.533-.89.497-.594h-.355l-.512.607-.026.007ZM3.876 6.42c.002.008 0 .01-.004.014a.027.027 0 0 0-.004.004c-.25.371-.839.687-1.269.434-.314-.186-.247-.557.085-.674.404-.141.811.046 1.175.214l.017.008ZM9.44 4.814c.285-.017.365.354.081.425-.344.087-.434-.404-.081-.425Z"
+    fill="#00AEEF"
+  />
+</svg>

package/dist/svg/icon/icon-alipay-hk-18-colored.svg

@@ -0,0 +1,22 @@
+<svg viewBox="0 0 30 18" xmlns="http://www.w3.org/2000/svg">
+  <rect
+    x=".5"
+    y=".5"
+    width="29"
+    height="17"
+    rx="1.5"
+    fill="#fff"
+    stroke="#191919"
+    stroke-width="1"
+  />
+  <path
+    d="M15.763 10.341v.856h-.681V8.274c0-.04.077-.086.116-.092.162-.023.37.015.538 0l.025.017.008.147a.938.938 0 0 1 1.499.487c.109.387.022.878-.242 1.185-.314.367-.812.44-1.263.323Zm.338-1.806c-.126.021-.255.154-.336.246l-.002 1.029c.025.225.317.377.519.287.396-.176.373-1.145.145-1.443-.084-.11-.19-.142-.326-.12Zm-3.787 1.818h-.73l-.244-.48-1.394-.003-.257.483h-.495l1.397-2.865c.061-.089.225-.085.323-.074.016.002.029.001.037.018l1.363 2.921Zm-1.066-.723-.604-1.25-.615 1.25h1.22Zm8.317.721h-.692v-.076c-.304.111-.643.177-.941.013-.424-.234-.506-.81-.19-1.17.296-.34.731-.256 1.13-.214V8.68c0-.076-.069-.186-.134-.227-.215-.133-.654-.031-.895 0l-.02-.008c-.016-.06-.037-.119-.052-.179-.002-.01-.014-.014.003-.024.457-.116 1.147-.193 1.553.095.087.062.238.232.238.343v1.672Zm-1.002-1.18c-.712.06-.54 1.037.102.901.066-.013.205-.064.208-.142l-.002-.7c-.02-.059-.254-.064-.308-.06Zm1.887-1.034.703 1.327.047-.073.549-1.185c.02-.034.094-.07.128-.07h.38l-1.112 2.406a.894.894 0 0 1-.795.577 1.454 1.454 0 0 1-.23 0c-.012-.002-.02-.005-.028-.016v-.357h.17c.086 0 .28-.063.343-.124.038-.038.224-.402.218-.436-.33-.639-.683-1.266-1.01-1.906-.024-.045-.055-.095-.061-.143h.698Zm-7.18-.723v2.922l-.017.017h-.648l-.016-.017V7.53c0-.033.067-.115.104-.115h.577Zm1.252.768v2.17h-.665l-.016-.016V8.308c0-.048.066-.126.115-.126h.566Z"
+    fill="#363533"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.393 9.957c-.5-.107-.981-.282-1.461-.456l-.318-.115a4.47 4.47 0 0 0 .45-1.129H6v-.384h1.307v-.208H5.999v-.636h-.566c-.022 0-.06.064-.06.082v.554H4.065v.208h1.308v.384H4.285v.208h2.11a3.042 3.042 0 0 1-.305.734 25.364 25.364 0 0 1-.227-.067A6.745 6.745 0 0 0 5 8.918a2.341 2.341 0 0 0-.716-.02c-1.159.193-1.184 1.679-.013 1.878.788.133 1.528-.308 2.001-.902l.014-.003 2.105.91a.867.867 0 0 1-.784.898H3.796A.875.875 0 0 1 3 10.86V7.133a.875.875 0 0 1 .807-.817h3.768c.376-.01.818.398.818.773v2.868Zm14.993-.9v-.91h-.423c-.002 0-.02.02-.03.03l-.002.003.004 2.174a.073.073 0 0 0 .028.019h.423v-.921h.785v.92h.423a.074.074 0 0 0 .029-.018l.004-2.174-.003-.004a.218.218 0 0 0-.03-.03h-.423v.911h-.784Zm2.219.011v-.921h-.423a.097.097 0 0 0-.022.022v2.182c.002.005.02.022.022.022h.423v-.664l.29-.334.594.998h.51l-.8-1.334.746-.892h-.533l-.768.91-.04.011Zm-19.793.56c.003.012 0 .016-.006.02a.04.04 0 0 0-.005.007c-.376.556-1.259 1.03-1.904.65-.471-.279-.37-.835.127-1.01.607-.212 1.217.07 1.763.32l.025.012Zm8.347-2.41c.427-.025.548.532.122.639-.516.13-.65-.608-.122-.639Z"
+    fill="#00AEEF"
+  />
+</svg>

package/dist/svg/icon/icon-alipay-hk-24-colored.svg

@@ -0,0 +1,22 @@
+<svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg">
+  <rect
+    x=".5"
+    y=".5"
+    width="37"
+    height="23"
+    rx="1.5"
+    fill="#fff"
+    stroke="#191919"
+    stroke-width="1"
+  />
+  <path
+    d="M20.017 13.79v1.14h-.908v-3.896c0-.055.103-.116.155-.123.217-.031.494.02.717-.002l.034.024.01.196a1.251 1.251 0 0 1 2 .65c.144.515.029 1.17-.323 1.58-.42.489-1.083.586-1.685.43Zm.45-2.41c-.168.029-.34.207-.447.33l-.003 1.37c.033.302.423.504.692.384.529-.235.498-1.527.193-1.925-.111-.145-.253-.189-.434-.158Zm-5.047 2.425h-.975l-.324-.641-1.859-.003-.343.644h-.66l1.863-3.821c.082-.118.3-.113.43-.098.022.002.04.001.05.024l1.817 3.895Zm-1.421-.965-.806-1.667-.82 1.667h1.626Zm11.086.964h-.923V13.7c-.404.15-.857.237-1.254.018-.565-.313-.675-1.08-.254-1.56.396-.453.975-.342 1.508-.285v-.3c0-.102-.093-.248-.18-.303-.285-.178-.872-.042-1.193 0l-.025-.01c-.022-.08-.05-.16-.07-.24-.003-.013-.02-.017.004-.032.609-.154 1.529-.257 2.07.127.116.083.317.31.317.458v2.23Zm-1.336-1.575c-.949.08-.72 1.384.136 1.203.088-.02.273-.086.278-.19l-.003-.935c-.026-.077-.338-.084-.41-.078Zm2.516-1.379.938 1.77.063-.097.731-1.58c.027-.045.126-.092.172-.092h.505l-1.481 3.207a1.192 1.192 0 0 1-1.06.77 1.934 1.934 0 0 1-.307 0c-.017-.003-.028-.008-.037-.022v-.476h.227c.113 0 .373-.084.456-.166.051-.05.3-.536.291-.58-.44-.853-.91-1.69-1.348-2.543-.03-.06-.072-.126-.08-.19h.93Zm-9.573-.964v3.896l-.022.022h-.864l-.022-.022V10.04c0-.044.09-.153.14-.153h.768Zm1.671 1.024v2.894h-.886l-.022-.022v-2.705c0-.063.089-.168.154-.168h.754Z"
+    fill="#363533"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.19 13.277c-.667-.142-1.309-.375-1.948-.608a63.434 63.434 0 0 0-.425-.153c.272-.47.466-.98.6-1.505h-1.42v-.512H8.74v-.278H6.997v-.848h-.754c-.03 0-.08.086-.08.11v.738H4.42v.278h1.742v.512h-1.45v.278h2.813a4.056 4.056 0 0 1-.406.978 31.482 31.482 0 0 1-.303-.09c-.378-.111-.758-.223-1.148-.285-.304-.048-.652-.077-.956-.026-1.545.256-1.578 2.238-.017 2.503 1.05.178 2.037-.41 2.669-1.203l.018-.004 2.806 1.213c.034.61-.44 1.14-1.045 1.198H4.06a1.167 1.167 0 0 1-1.061-1.09v-4.97a1.166 1.166 0 0 1 1.076-1.09H9.1c.5-.013 1.09.53 1.09 1.03v3.824Zm19.99-1.199v-1.213h-.563a.302.302 0 0 0-.04.039l-.004.005.006 2.899a.098.098 0 0 0 .038.024h.563v-1.228h1.048v1.229h.564a.098.098 0 0 0 .038-.025l.006-2.9-.004-.004a.302.302 0 0 0-.04-.04h-.564v1.214H30.18Zm2.959.015v-1.228h-.564a.133.133 0 0 0-.03.029v2.909a.14.14 0 0 0 .03.03h.564v-.885l.388-.446.79 1.33H35l-1.067-1.778.993-1.19h-.71l-1.024 1.215-.052.014Zm-26.39.745c.004.016-.002.022-.008.028l-.007.008c-.503.742-1.679 1.375-2.539.867-.629-.371-.495-1.114.17-1.346.808-.284 1.622.092 2.35.427l.033.016Zm11.128-3.212c.57-.034.73.709.164.851-.689.173-.869-.81-.164-.851Z"
+    fill="#00AEEF"
+  />
+</svg>

package/dist/svg/icon/icon-alipay-hk-32-colored.svg

@@ -0,0 +1,22 @@
+<svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg">
+  <rect
+    x=".5"
+    y=".5"
+    width="49"
+    height="31"
+    rx="1.5"
+    fill="#fff"
+    stroke="#191919"
+    stroke-width="1"
+  />
+  <path
+    d="M26.336 18.351v1.497h-1.191v-5.114c0-.071.134-.152.203-.161.284-.04.648.026.94-.002l.046.031.012.257a1.642 1.642 0 0 1 2.624.853c.19.676.039 1.536-.423 2.073-.55.642-1.421.77-2.21.566Zm.591-3.161c-.22.037-.446.27-.587.43l-.004 1.8c.043.395.555.661.908.504.694-.308.653-2.005.254-2.526-.146-.19-.333-.248-.57-.208ZM20.3 18.37h-1.278l-.426-.842-2.44-.004-.45.846h-.865l2.444-5.015c.107-.155.393-.149.565-.129.028.003.05.002.065.031L20.3 18.37Zm-1.865-1.267-1.057-2.187-1.076 2.187h2.133Zm14.552 1.266h-1.21v-.134c-.532.195-1.126.31-1.648.022-.741-.41-.886-1.416-.333-2.047.52-.594 1.28-.448 1.98-.374v-.393c0-.134-.122-.326-.236-.397-.375-.234-1.145-.056-1.566 0l-.033-.015c-.03-.105-.066-.208-.092-.313-.005-.019-.025-.024.005-.043.8-.202 2.007-.338 2.716.167.154.108.417.407.417.6v2.927Zm-1.753-2.067c-1.246.106-.945 1.816.178 1.579.116-.025.359-.113.365-.25l-.004-1.226c-.035-.102-.444-.11-.539-.103Zm3.301-1.809 1.23 2.322.084-.127.96-2.074c.034-.059.164-.12.225-.12h.663l-1.944 4.209c-.24.6-.744.962-1.391 1.01-.09.006-.324.014-.404 0-.021-.004-.035-.01-.048-.029v-.624h.298c.149 0 .49-.11.599-.218.067-.066.393-.704.382-.762-.577-1.118-1.196-2.217-1.77-3.337-.04-.078-.094-.165-.104-.25h1.22Zm-12.562-1.266v5.113l-.029.03H20.81l-.029-.03v-4.912c0-.059.119-.201.183-.201h1.01Zm2.192 1.343v3.8h-1.163l-.03-.029v-3.55c0-.084.117-.22.202-.22h.99Z"
+    fill="#363533"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M13.438 17.679c-.876-.187-1.718-.493-2.557-.798l-.557-.2a7.838 7.838 0 0 0 .788-1.977H9.248v-.671h2.287v-.365H9.248v-1.113h-.99c-.039 0-.106.113-.106.144v.97H5.865v.364h2.287v.671H6.249v.365h3.69c-.125.445-.295.89-.531 1.284-.133-.038-.266-.078-.398-.117-.497-.147-.995-.294-1.508-.375-.398-.063-.855-.1-1.253-.035-2.028.337-2.072 2.938-.023 3.286 1.378.234 2.674-.539 3.502-1.578l.025-.006 3.683 1.592c.044.8-.578 1.497-1.372 1.572H5.393A1.531 1.531 0 0 1 4 19.262v-6.524a1.53 1.53 0 0 1 1.412-1.431h6.595c.658-.016 1.43.697 1.43 1.354v5.018Zm26.238-1.574v-1.593h-.74a.394.394 0 0 0-.052.052l-.006.006.008 3.805c.006.01.042.033.05.033h.74v-1.612h1.375v1.612h.74a.128.128 0 0 0 .05-.033l.007-3.805-.005-.006a.394.394 0 0 0-.052-.052h-.74v1.593h-1.375Zm3.883.02v-1.613h-.74a.17.17 0 0 0-.039.039v3.818a.17.17 0 0 0 .038.039h.74v-1.161l.51-.585 1.038 1.746H46l-1.4-2.335 1.304-1.56h-.933l-1.344 1.593-.068.018Zm-34.638.978c.006.021-.001.029-.01.037a.07.07 0 0 0-.009.01c-.659.975-2.203 1.805-3.331 1.139-.826-.488-.65-1.462.221-1.767 1.063-.372 2.13.12 3.085.56l.044.02v.001Zm14.605-4.217c.75-.044.96.93.215 1.118-.903.227-1.14-1.063-.215-1.118Z"
+    fill="#00AEEF"
+  />
+</svg>

package/dist/svg/icon/icon-bancontact-12-colored.svg

@@ -0,0 +1,48 @@
+<svg viewBox="0 0 20 12" xmlns="http://www.w3.org/2000/svg">
+  <rect
+    x=".5"
+    y=".5"
+    width="19"
+    height="11"
+    rx="1.5"
+    fill="#fff"
+    stroke="#191919"
+    stroke-width="1"
+  />
+  <path
+    d="M4 9.66V7.945h.534c.389 0 .639.144.639.444a.4.4 0 0 1-.19.355c.16.074.254.216.254.41 0 .346-.255.508-.65.508h-.588Zm.343-1.003h.255c.157 0 .223-.076.223-.215 0-.15-.121-.2-.284-.2h-.194v.415Zm0 .704h.213c.208 0 .33-.051.33-.213 0-.16-.104-.226-.3-.226h-.243v.44Zm1.562.329c-.34 0-.51-.164-.51-.385 0-.243.2-.385.497-.388.074.002.148.008.22.02v-.059c0-.15-.086-.22-.252-.22a.876.876 0 0 0-.327.058l-.062-.265c.107-.044.278-.073.429-.073.364 0 .545.191.545.522v.682a1.25 1.25 0 0 1-.54.108Zm.208-.277V9.15a.839.839 0 0 0-.176-.02c-.114 0-.203.045-.203.16 0 .103.074.157.205.157a.39.39 0 0 0 .174-.034Zm.572.248V8.486c.178-.071.368-.108.56-.108.361 0 .57.176.57.503v.78h-.342v-.756c0-.17-.08-.248-.23-.248a.524.524 0 0 0-.219.045v.959h-.339ZM9.01 8.45l-.065.268a.76.76 0 0 0-.28-.062c-.2 0-.31.14-.31.37 0 .253.115.383.328.383a.707.707 0 0 0 .275-.063l.054.272a.84.84 0 0 1-.357.071c-.41 0-.648-.253-.648-.652 0-.398.235-.66.629-.66a.98.98 0 0 1 .374.073Zm.738 1.239c-.382 0-.62-.262-.62-.657 0-.393.238-.655.62-.655.383 0 .616.262.616.655 0 .395-.232.657-.616.657Zm0-.28c.176 0 .267-.144.267-.377 0-.23-.091-.376-.267-.376-.174 0-.27.145-.27.376 0 .233.096.377.27.377Zm.814.25V8.487c.178-.071.368-.108.56-.108.361 0 .57.176.57.503v.78h-.343v-.756c0-.17-.079-.248-.23-.248a.523.523 0 0 0-.218.045v.959h-.339Zm1.9.03c-.295 0-.446-.16-.446-.483v-.53h-.168v-.27h.168v-.272l.342-.017v.29h.275v.269h-.275v.525c0 .142.06.208.17.208a.606.606 0 0 0 .132-.014l.017.272a.953.953 0 0 1-.215.022Zm.862 0c-.339 0-.51-.164-.51-.385 0-.243.2-.385.498-.388.074.002.147.008.22.02v-.059c0-.15-.086-.22-.252-.22a.876.876 0 0 0-.327.058l-.062-.265c.106-.044.277-.073.428-.073.364 0 .545.191.545.522v.682a1.25 1.25 0 0 1-.54.108Zm.208-.277V9.15a.839.839 0 0 0-.176-.02c-.113 0-.203.045-.203.16 0 .103.075.157.206.157a.39.39 0 0 0 .173-.034Zm1.501-.962-.064.268a.76.76 0 0 0-.28-.062c-.2 0-.31.14-.31.37 0 .253.114.383.327.383a.706.706 0 0 0 .275-.063l.055.272a.84.84 0 0 1-.357.071c-.41 0-.649-.253-.649-.652 0-.398.236-.66.63-.66.128 0 .255.024.373.073Zm.752 1.239c-.295 0-.446-.16-.446-.483v-.53h-.169v-.27h.169v-.272l.342-.017v.29h.274v.269h-.274v.525c0 .142.059.208.17.208a.606.606 0 0 0 .132-.014l.017.272a.955.955 0 0 1-.216.022Z"
+    fill="#1E3764"
+  />
+  <path
+    d="M6.383 7.084c1.808 0 2.712-1.194 3.616-2.388H4v2.388h2.384Z"
+    fill="url(#ref-bancontact-12-colored-a)"
+  />
+  <path
+    d="M13.616 2.309c-1.808 0-2.712 1.194-3.616 2.388h6V2.309h-2.384Z"
+    fill="url(#ref-bancontact-12-colored-b)"
+  />
+  <defs>
+    <linearGradient
+      id="ref-bancontact-12-colored-a"
+      x1="5.213"
+      y1="6.001"
+      x2="9.592"
+      y2="4.359"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#005AB9" />
+      <stop offset="1" stop-color="#1E3764" />
+    </linearGradient>
+    <linearGradient
+      id="ref-bancontact-12-colored-b"
+      x1="10.363"
+      y1="4.904"
+      x2="15.014"
+      y2="3.302"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#FBA900" />
+      <stop offset="1" stop-color="#FFD800" />
+    </linearGradient>
+  </defs>
+</svg>

package/dist/svg/icon/icon-bancontact-18-colored.svg

@@ -0,0 +1,48 @@
+<svg viewBox="0 0 30 18" xmlns="http://www.w3.org/2000/svg">
+  <rect
+    x=".5"
+    y=".5"
+    width="29"
+    height="17"
+    rx="1.5"
+    fill="#fff"
+    stroke="#191919"
+    stroke-width="1"
+  />
+  <path
+    d="M6 14.492v-2.576h.803c.583 0 .958.218.958.666a.6.6 0 0 1-.286.534c.242.11.383.324.383.614 0 .519-.383.762-.977.762h-.88Zm.517-1.505H6.9c.234 0 .334-.114.334-.324 0-.224-.182-.298-.427-.298h-.29v.622Zm0 1.056h.32c.311 0 .493-.077.493-.32 0-.24-.156-.339-.449-.339h-.364v.659Zm2.342.493c-.509 0-.765-.247-.765-.578 0-.364.3-.577.747-.581.11.002.22.012.33.03v-.089c0-.224-.13-.33-.379-.33a1.314 1.314 0 0 0-.49.087l-.093-.397c.16-.066.416-.11.643-.11.546 0 .817.287.817.783v1.023c-.152.077-.438.162-.81.162Zm.312-.416v-.393a1.257 1.257 0 0 0-.264-.03c-.17 0-.304.066-.304.24 0 .154.111.235.308.235a.587.587 0 0 0 .26-.052Zm.859.372v-1.763c.267-.106.552-.16.84-.161.542 0 .854.264.854.754v1.17h-.513v-1.133c0-.254-.119-.372-.345-.372a.785.785 0 0 0-.327.066v1.439h-.51Zm3.485-1.814-.097.401a1.141 1.141 0 0 0-.42-.092c-.3 0-.464.21-.464.556 0 .379.171.574.49.574a1.06 1.06 0 0 0 .413-.096l.082.408a1.26 1.26 0 0 1-.535.107c-.617 0-.973-.38-.973-.979 0-.596.352-.99.943-.99.192 0 .383.037.56.111Zm1.107 1.858c-.572 0-.928-.394-.928-.986 0-.589.356-.982.928-.982.576 0 .925.393.925.982 0 .592-.35.986-.925.986Zm0-.42c.264 0 .401-.217.401-.566 0-.346-.137-.563-.4-.563-.26 0-.406.217-.406.563 0 .35.145.566.405.566Zm1.222.376v-1.763a2.29 2.29 0 0 1 .84-.161c.541 0 .853.264.853.754v1.17h-.512v-1.133c0-.254-.12-.372-.346-.372a.785.785 0 0 0-.326.066v1.439h-.51Zm2.85.044c-.443 0-.67-.24-.67-.725v-.794h-.252v-.405h.253v-.409l.512-.025v.434h.413v.405h-.413v.787c0 .213.09.313.257.313a.911.911 0 0 0 .197-.023l.026.409a1.427 1.427 0 0 1-.324.033Zm1.293 0c-.509 0-.765-.247-.765-.578 0-.364.3-.577.747-.581.11.002.22.012.33.03v-.089c0-.224-.13-.33-.379-.33a1.314 1.314 0 0 0-.49.087l-.093-.397c.16-.066.416-.11.643-.11.546 0 .817.287.817.783v1.023c-.152.077-.438.162-.81.162Zm.312-.416v-.393a1.257 1.257 0 0 0-.264-.03c-.17 0-.304.066-.304.24 0 .154.111.235.308.235a.587.587 0 0 0 .26-.052Zm2.252-1.442-.097.401a1.14 1.14 0 0 0-.42-.092c-.3 0-.464.21-.464.556 0 .379.17.574.49.574a1.06 1.06 0 0 0 .413-.096l.081.408a1.26 1.26 0 0 1-.534.107c-.617 0-.974-.38-.974-.979 0-.596.353-.99.944-.99.192 0 .383.037.56.111Zm1.127 1.858c-.442 0-.669-.24-.669-.725v-.794h-.253v-.405h.253v-.409l.513-.025v.434h.412v.405h-.412v.787c0 .213.089.313.256.313a.911.911 0 0 0 .197-.023l.026.409a1.426 1.426 0 0 1-.323.033Z"
+    fill="#1E3764"
+  />
+  <path
+    d="M9.576 10.628c2.712 0 4.069-1.79 5.425-3.581H6v3.581h3.575Z"
+    fill="url(#ref-bancontact-18-colored-a)"
+  />
+  <path
+    d="M20.425 3.464c-2.712 0-4.069 1.791-5.425 3.582h9V3.464h-3.575Z"
+    fill="url(#ref-bancontact-18-colored-b)"
+  />
+  <defs>
+    <linearGradient
+      id="ref-bancontact-18-colored-a"
+      x1="7.821"
+      y1="9.003"
+      x2="14.39"
+      y2="6.54"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#005AB9" />
+      <stop offset="1" stop-color="#1E3764" />
+    </linearGradient>
+    <linearGradient
+      id="ref-bancontact-18-colored-b"
+      x1="15.545"
+      y1="7.357"
+      x2="22.522"
+      y2="4.953"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#FBA900" />
+      <stop offset="1" stop-color="#FFD800" />
+    </linearGradient>
+  </defs>
+</svg>

package/dist/svg/icon/icon-bancontact-24-colored.svg

@@ -0,0 +1,48 @@
+<svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg">
+  <rect
+    x=".5"
+    y=".5"
+    width="37"
+    height="23"
+    rx="1.5"
+    fill="#fff"
+    stroke="#191919"
+    stroke-width="1"
+  />
+  <path
+    d="M5.995 19.936v-3.722h1.159c.843 0 1.385.314 1.385.963 0 .367-.172.622-.414.77.35.16.553.469.553.889 0 .75-.553 1.1-1.411 1.1H5.995Zm.746-2.174h.553c.338 0 .483-.165.483-.468 0-.325-.263-.431-.618-.431h-.418v.899Zm0 1.525h.461c.451 0 .714-.111.714-.462 0-.346-.225-.49-.65-.49h-.525v.952Zm3.384.713c-.735 0-1.106-.356-1.106-.835 0-.526.435-.835 1.08-.84.16.003.319.017.477.043v-.128c0-.324-.188-.478-.548-.478a1.899 1.899 0 0 0-.708.127l-.134-.574c.23-.096.601-.16.928-.16.79 0 1.181.415 1.181 1.133v1.478c-.22.112-.633.234-1.17.234Zm.451-.6v-.57a1.816 1.816 0 0 0-.381-.042c-.247 0-.44.095-.44.345 0 .224.16.34.445.34a.848.848 0 0 0 .376-.074Zm1.24.536V17.39a3.303 3.303 0 0 1 1.214-.233c.783 0 1.234.382 1.234 1.09v1.69h-.74V18.3c0-.367-.172-.537-.5-.537a1.135 1.135 0 0 0-.472.095v2.08h-.735Zm5.037-2.621-.14.58a1.65 1.65 0 0 0-.606-.133c-.435 0-.671.303-.671.802 0 .548.247.83.708.83a1.53 1.53 0 0 0 .596-.138l.118.59c-.243.107-.507.16-.773.154-.89 0-1.406-.548-1.406-1.414 0-.862.51-1.43 1.363-1.43.278-.002.554.052.81.159Zm1.6 2.685c-.827 0-1.342-.569-1.342-1.425 0-.85.515-1.42 1.342-1.42.832 0 1.336.57 1.336 1.42 0 .856-.504 1.425-1.336 1.425Zm0-.606c.38 0 .58-.314.58-.819 0-.5-.2-.813-.58-.813-.376 0-.585.313-.585.813 0 .505.21.819.585.819Zm1.765.542V17.39a3.303 3.303 0 0 1 1.213-.233c.784 0 1.235.382 1.235 1.09v1.69h-.741V18.3c0-.367-.172-.537-.5-.537a1.134 1.134 0 0 0-.472.095v2.08h-.735Zm4.118.064c-.639 0-.966-.346-.966-1.047v-1.149h-.365v-.585h.365v-.59l.74-.037v.627h.596v.585h-.596v1.138c0 .308.13.452.37.452.096 0 .192-.011.285-.032l.038.59c-.153.034-.31.05-.467.048Zm1.87 0c-.736 0-1.106-.356-1.106-.835 0-.526.435-.835 1.079-.84.16.003.32.017.477.043v-.128c0-.324-.188-.478-.547-.478a1.899 1.899 0 0 0-.709.127l-.134-.574c.231-.096.601-.16.929-.16.789 0 1.18.415 1.18 1.133v1.478c-.22.112-.633.234-1.17.234Zm.45-.6v-.57a1.815 1.815 0 0 0-.38-.042c-.248 0-.44.095-.44.345 0 .224.16.34.445.34a.847.847 0 0 0 .375-.074Zm3.254-2.085-.14.58a1.65 1.65 0 0 0-.606-.133c-.435 0-.671.303-.671.802 0 .548.247.83.708.83a1.53 1.53 0 0 0 .596-.138l.118.59c-.243.107-.507.16-.773.154-.89 0-1.406-.548-1.406-1.414 0-.862.51-1.43 1.363-1.43a2.06 2.06 0 0 1 .81.159ZM31.538 20c-.639 0-.966-.346-.966-1.047v-1.149h-.365v-.585h.365v-.59l.74-.037v.627h.597v.585h-.596v1.138c0 .308.129.452.37.452.096 0 .191-.011.285-.032l.037.59c-.153.034-.31.05-.467.048Z"
+    fill="#1E3764"
+  />
+  <path
+    d="M11.16 14.354c3.92 0 5.88-2.588 7.84-5.177H5.994v5.177h5.167Z"
+    fill="url(#ref-bancontact-24-colored-a)"
+  />
+  <path
+    d="M26.838 4c-3.92 0-5.88 2.588-7.839 5.177h13.005V4h-5.166Z"
+    fill="url(#ref-bancontact-24-colored-b)"
+  />
+  <defs>
+    <linearGradient
+      id="ref-bancontact-24-colored-a"
+      x1="8.625"
+      y1="12.004"
+      x2="18.117"
+      y2="8.445"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#005AB9" />
+      <stop offset="1" stop-color="#1E3764" />
+    </linearGradient>
+    <linearGradient
+      id="ref-bancontact-24-colored-b"
+      x1="19.787"
+      y1="9.626"
+      x2="29.868"
+      y2="6.153"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#FBA900" />
+      <stop offset="1" stop-color="#FFD800" />
+    </linearGradient>
+  </defs>
+</svg>

package/dist/svg/icon/icon-bancontact-32-colored.svg

@@ -0,0 +1,48 @@
+<svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg">
+  <rect
+    x=".5"
+    y=".5"
+    width="49"
+    height="31"
+    rx="1.5"
+    fill="#fff"
+    stroke="#191919"
+    stroke-width="1"
+  />
+  <path
+    d="M7.117 26.912v-5.117h1.594c1.159 0 1.904.43 1.904 1.323 0 .504-.236.855-.568 1.06.48.22.76.643.76 1.22 0 1.031-.76 1.514-1.94 1.514h-1.75Zm1.026-2.99h.76c.465 0 .664-.227.664-.643 0-.446-.361-.593-.848-.593h-.576v1.236Zm0 2.098h.635c.62 0 .981-.154.981-.636 0-.475-.31-.673-.893-.673h-.723v1.309Zm4.654.98c-1.011 0-1.52-.49-1.52-1.148 0-.724.597-1.148 1.483-1.155.22.004.44.023.657.058v-.175c0-.446-.259-.658-.753-.658a2.61 2.61 0 0 0-.974.175l-.185-.79c.317-.13.827-.218 1.277-.218 1.085 0 1.624.57 1.624 1.557v2.032c-.303.153-.871.322-1.61.322Zm.62-.826v-.783a2.503 2.503 0 0 0-.524-.058c-.34 0-.606.131-.606.475 0 .307.222.468.613.468.178.006.355-.03.517-.102Zm1.706.738V23.41a4.545 4.545 0 0 1 1.668-.322c1.077 0 1.697.527 1.697 1.5v2.324H17.47V24.66c0-.504-.237-.738-.687-.738a1.56 1.56 0 0 0-.65.131v2.859h-1.01Zm6.924-3.604-.192.797a2.265 2.265 0 0 0-.834-.183c-.597 0-.922.417-.922 1.104 0 .753.34 1.14.974 1.14.283-.008.562-.072.82-.19l.162.812c-.334.147-.697.22-1.063.212-1.225 0-1.934-.753-1.934-1.945 0-1.184.701-1.966 1.875-1.966a2.87 2.87 0 0 1 1.114.219Zm2.2 3.692c-1.136 0-1.845-.783-1.845-1.96 0-1.17.709-1.951 1.846-1.951 1.143 0 1.837.782 1.837 1.951 0 1.177-.694 1.96-1.837 1.96Zm0-.834c.525 0 .798-.431.798-1.126 0-.687-.273-1.118-.797-1.118-.517 0-.805.431-.805 1.118 0 .695.288 1.126.805 1.126Zm2.428.746V23.41a4.545 4.545 0 0 1 1.668-.322c1.077 0 1.697.527 1.697 1.5v2.324h-1.018V24.66c0-.504-.237-.738-.687-.738a1.561 1.561 0 0 0-.65.131v2.859h-1.01Zm5.662.088c-.878 0-1.329-.476-1.329-1.44v-1.58h-.501v-.804h.502v-.811l1.018-.051v.862h.82v.804h-.82v1.565c0 .424.177.621.51.621.13 0 .262-.015.39-.044l.052.812a2.88 2.88 0 0 1-.642.066Zm2.57 0c-1.01 0-1.52-.49-1.52-1.148 0-.724.598-1.148 1.484-1.155.22.004.44.023.657.058v-.175c0-.446-.259-.658-.753-.658a2.61 2.61 0 0 0-.974.175l-.185-.79c.318-.13.827-.218 1.277-.218 1.085 0 1.624.57 1.624 1.557v2.032c-.303.153-.871.322-1.61.322Zm.62-.826v-.783a2.502 2.502 0 0 0-.523-.058c-.34 0-.606.131-.606.475 0 .307.222.468.613.468.178.006.355-.03.517-.102Zm4.474-2.866-.192.797a2.265 2.265 0 0 0-.834-.183c-.598 0-.922.417-.922 1.104 0 .753.34 1.14.974 1.14.283-.008.562-.072.82-.19l.161.812c-.334.147-.697.22-1.062.212-1.225 0-1.934-.753-1.934-1.945 0-1.184.701-1.966 1.875-1.966a2.87 2.87 0 0 1 1.114.219ZM42.241 27c-.879 0-1.33-.476-1.33-1.44v-1.58h-.5v-.804h.5v-.811l1.02-.051v.862h.819v.804h-.82v1.565c0 .424.178.621.51.621.131 0 .262-.015.39-.044l.053.812a2.84 2.84 0 0 1-.643.066Z"
+    fill="#1E3764"
+  />
+  <path
+    d="M14.221 19.236c5.39 0 8.084-3.559 10.779-7.118H7.117v7.118h7.104Z"
+    fill="url(#ref-bancontact-32-colored-a)"
+  />
+  <path
+    d="M35.778 5c-5.39 0-8.084 3.559-10.779 7.117h17.883V5h-7.104Z"
+    fill="url(#ref-bancontact-32-colored-b)"
+  />
+  <defs>
+    <linearGradient
+      id="ref-bancontact-32-colored-a"
+      x1="10.734"
+      y1="16.006"
+      x2="23.786"
+      y2="11.112"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#005AB9" />
+      <stop offset="1" stop-color="#1E3764" />
+    </linearGradient>
+    <linearGradient
+      id="ref-bancontact-32-colored-b"
+      x1="26.082"
+      y1="12.735"
+      x2="39.944"
+      y2="7.96"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#FBA900" />
+      <stop offset="1" stop-color="#FFD800" />
+    </linearGradient>
+  </defs>
+</svg>

package/dist/svg/icon/icon-carnet-12-colored.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 20 12" xmlns="http://www.w3.org/2000/svg">
+  <rect width="20" height="12" rx="2" fill="#ED1C24" />
+  <path
+    d="M9.958 4.464c2.588 0 4.732.985 5.16 2.28.051-.154.084-.312.084-.474 0-1.521-2.347-2.755-5.244-2.755-2.896 0-5.244 1.234-5.244 2.755 0 .162.032.32.083.474.429-1.295 2.573-2.28 5.16-2.28h.001Zm0-1.64c2.588 0 4.732.986 5.16 2.28.051-.154.084-.311.084-.474 0-1.522-2.347-2.755-5.244-2.755-2.896 0-5.244 1.233-5.244 2.755 0 .162.032.32.083.474.429-1.294 2.573-2.28 5.16-2.28h.001Zm2.155 6.595-1.077-1.367h-.513v2.037h.489V8.752l1.062 1.337h.528V8.052h-.49v1.367Zm-8.066.25a.62.62 0 0 1-.362.104.658.658 0 0 1-.463-.164c-.119-.11-.178-.293-.178-.55 0-.243.061-.419.18-.527a.675.675 0 0 1 .472-.163c.14 0 .258.03.357.092a.432.432 0 0 1 .193.25l.524-.096a.787.787 0 0 0-.268-.375c-.2-.147-.459-.22-.779-.22-.366 0-.661.094-.887.28-.225.188-.336.451-.336.79 0 .32.112.573.335.757.224.185.51.278.857.278.28 0 .512-.054.695-.163a.9.9 0 0 0 .392-.497l-.511-.123a.578.578 0 0 1-.218.329l-.003-.002ZM15.42 8.052v.344h.778v1.693h.529V8.396h.772v-.344h-2.08.001Zm-1.726 1.14h1.313v-.344h-1.313v-.45h1.41v-.345h-1.939v2.037h1.99v-.344h-1.46v-.554Zm-4.083.17a1.249 1.249 0 0 0-.282-.171c.23-.026.402-.088.518-.189a.48.48 0 0 0 .173-.379.492.492 0 0 0-.114-.32.594.594 0 0 0-.305-.197c-.126-.037-.33-.055-.61-.055H7.879v2.037h.528V9.24h.107c.122 0 .21.007.267.023a.426.426 0 0 1 .16.084c.049.04.143.14.278.297l.38.445h.633l-.32-.397a2.411 2.411 0 0 0-.3-.33v.001Zm-.814-.447h-.39v-.519h.411c.214 0 .343.003.386.008a.363.363 0 0 1 .199.08c.047.042.07.098.07.166a.224.224 0 0 1-.054.153.28.28 0 0 1-.148.087 2.645 2.645 0 0 1-.475.025h.001Zm-2.812-.863-1.02 2.037h.561l.217-.461h1.048l.227.461h.576L6.547 8.052h-.56Zm-.08 1.231.355-.754.36.754h-.715Z"
+    fill="#fff"
+  />
+</svg>

package/dist/svg/icon/icon-carnet-18-colored.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 30 18" xmlns="http://www.w3.org/2000/svg">
+  <rect width="30" height="18" rx="2" fill="#ED1C24" />
+  <path
+    d="M14.937 6.696c3.882 0 7.097 1.477 7.74 3.42a2.28 2.28 0 0 0 .126-.71c0-2.283-3.52-4.133-7.866-4.133-4.345 0-7.865 1.85-7.865 4.132 0 .243.047.48.123.71.644-1.942 3.86-3.42 7.74-3.42h.002Zm0-2.46c3.882 0 7.097 1.478 7.74 3.42.076-.232.126-.467.126-.711 0-2.282-3.52-4.133-7.866-4.133-4.345 0-7.865 1.85-7.865 4.133 0 .243.047.48.123.712.644-1.943 3.86-3.42 7.74-3.42h.002Zm3.232 9.892-1.616-2.05h-.768v3.056h.733v-2.006l1.593 2.006h.791v-3.056h-.733v2.05Zm-12.1.375a.93.93 0 0 1-.54.157c-.286 0-.518-.083-.695-.246-.18-.165-.267-.44-.267-.826 0-.364.09-.627.27-.79.18-.163.415-.245.707-.245a.99.99 0 0 1 .535.139.648.648 0 0 1 .29.375l.786-.145a1.18 1.18 0 0 0-.401-.563c-.3-.22-.689-.33-1.169-.33-.55 0-.992.141-1.33.421-.338.282-.505.677-.505 1.184 0 .482.168.86.503 1.137.335.277.764.416 1.284.416.422 0 .769-.081 1.044-.244.274-.162.469-.41.588-.746l-.767-.184c-.067.224-.175.389-.328.493l-.004-.003Zm17.063-2.425v.517h1.166v2.539h.794v-2.54h1.158v-.516h-3.12.002Zm-2.589 1.71h1.97v-.517h-1.97v-.675h2.115v-.517H19.75v3.056h2.985v-.517h-2.192v-.83Zm-6.124.255a1.874 1.874 0 0 0-.423-.256c.344-.039.602-.133.776-.283a.72.72 0 0 0 .26-.57.739.739 0 0 0-.172-.48.892.892 0 0 0-.457-.295c-.19-.055-.494-.083-.915-.083h-1.67v3.056h.793V13.86h.16c.183 0 .316.01.4.034a.643.643 0 0 1 .24.126c.074.061.214.21.418.446l.57.667h.949l-.48-.595a3.623 3.623 0 0 0-.45-.495v.001Zm-1.221-.67h-.587v-.778h.618c.32 0 .514.003.578.01a.545.545 0 0 1 .298.12.318.318 0 0 1 .105.25.334.334 0 0 1-.08.23.42.42 0 0 1-.222.13c-.094.024-.332.038-.712.038h.002Zm-4.219-1.295-1.53 3.056h.842l.326-.692h1.57l.342.692h.863L9.82 12.078h-.842Zm-.12 1.847.532-1.132.54 1.132H8.86Z"
+    fill="#fff"
+  />
+</svg>