@ebay/skin 15.5.0-0 → 15.5.1

package/dist/textbox/textbox.css

@@ -73,22 +73,11 @@ input.textbox__control[aria-invalid="true"],
 textarea.textbox__control[aria-invalid="true"] {
   border-color: var(--textbox-invalid-foreground-color, var(--color-stroke-attention));
 }
-input.textbox__control::-webkit-input-placeholder,
-textarea.textbox__control::-webkit-input-placeholder {
-  color: var(--textbox-placeholder-color, var(--color-foreground-on-secondary));
-  font-weight: 200;
-}
 input.textbox__control:-ms-input-placeholder,
 textarea.textbox__control:-ms-input-placeholder {
   color: var(--textbox-placeholder-color, var(--color-foreground-on-secondary));
   font-weight: 200;
 }
-input.textbox__control::-ms-input-placeholder,
-textarea.textbox__control::-ms-input-placeholder {
-  color: var(--textbox-placeholder-color, var(--color-foreground-secondary));
-  font-weight: 200;
-  opacity: 1;
-}
 input.textbox__control::placeholder,
 textarea.textbox__control::placeholder {
   color: var(--textbox-placeholder-color, var(--color-foreground-secondary));

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ebay/skin",
     "description": "Skin - CSS modules that represent the brand eBay",
-    "version": "15.5.0-0",
+    "version": "15.5.1",
     "license": "MIT",
     "main": "./index.js",
     "maintainers": [
@@ -119,12 +119,11 @@
         "postcss-loader": "^7.0.0",
         "prettier": "^2.8.3",
         "rimraf": "^4",
-        "stylelint": "^14.16.1",
-        "stylelint-config-prettier": "^9",
-        "stylelint-config-standard": "^29",
+        "stylelint": "^15.0.1",
+        "stylelint-config-standard": "^30",
         "stylelint-no-unsupported-browser-features": "^6.0.1",
         "stylelint-order": "^6",
-        "stylelint-prettier": "^2",
+        "stylelint-prettier": "^3",
         "svgo": "^3.0.1",
         "webpack": "^5.75.0",
         "webpack-cli": "^5.0.1",

package/scripts/README.md

@@ -36,6 +36,9 @@ In order to view all the avaialbe options and subcommands you can run `scripts b
 ## gen
 
 Generates top level improts. See `generate-imports/README.md`
+This creates multiple files. We create a `{module}.browser.json` a `{module}.js` a `{module}.css` and a `{module}.mjs` file, where the module is each skin module.
+These are easy improts to all dist files, which include all of each of the modules dependencies.
+A js file is included as a way to import in any bundler (`lasso`, `wepack`, or `vite`). This allows a common way for bundlers to import the modules and not duplicate any imports. However, CSS and MJS files are also available if needed for different bundlers or imports directly form less files or module imports.
 
 ## clean
 

package/scripts/generate-images.js

@@ -13,6 +13,7 @@ const file = fs.readFileSync(configFilePath, 'utf8');
 const YAML = require('yaml');
 const config = YAML.parse(file);
 const { html2xhtml } = require('./util');
+const { query } = require('winston');
 const genText = 'This is a generated file, DO NOT EDIT';
 
 async function getFiles(dir) {
@@ -56,6 +57,14 @@ async function normalizeFiles(svgs) {
     svgFiles.map(async (filePath) => {
         const fileDir = path.parse(filePath).dir;
         const fileBase = path.parse(filePath).base;
+        const data = await fs.promises.readFile(filePath, 'utf8');
+        const svgJsDom = new JSDOM(data, { contentType: 'text/xml' });
+        const querySelector = svgJsDom.window.document.querySelector('svg');
+        if (querySelector.hasAttribute('height') || querySelector.hasAttribute('width')) {
+            querySelector.removeAttribute('height');
+            querySelector.removeAttribute('width');
+            await fs.promises.writeFile(filePath, html2xhtml(svgJsDom, true));
+        }
 
         if (
             !fileBase.startsWith('icon-') &&
@@ -95,6 +104,9 @@ class GenerateImages {
         const svgFragment = svgJsDom.window.document.querySelector('symbol');
         svgFragment.setAttribute('id', name);
         svgFragment.removeAttribute('xmlns');
+        svgFragment.removeAttribute('width');
+        svgFragment.removeAttribute('heightt');
+
         return svgFragment;
     }
 

package/scripts/generate-imports/config.json

@@ -25,8 +25,8 @@
         "fullscreen-dialog": ["icon-button"],
         "infotip": ["icon-button"],
         "lightbox-dialog": ["icon-button"],
-        "listbox-button": ["expand-button"],
-        "menu-button": ["expand-button"],
+        "listbox-button": ["button"],
+        "menu-button": ["button"],
         "page-notice": ["button"],
         "pagination": ["icon-button"],
         "panel-dialog": ["icon-button"],

package/scripts/util.js

@@ -8,10 +8,10 @@ const fs = require('fs');
  *
  * @param {string} htmlString : html string to convert to xhtml
  */
-function html2xhtml(html) {
+function html2xhtml(html, skipHeader) {
     const bodyHtml = html.window.document.documentElement.outerHTML;
     const dom = parse(bodyHtml);
-    const xmlHeader = `<?xml version="1.0" encoding="utf-8"?>\n`;
+    const xmlHeader = skipHeader ? '' : `<?xml version="1.0" encoding="utf-8"?>\n`;
     const parsedString = `${xmlHeader}${serializeToString(
         dom.childNodes[0].childNodes[1].childNodes[0]
     )}\n`;

package/src/less/icon/generated/icon.less

@@ -1043,22 +1043,6 @@ svg.icon--envelope {
     height: 24px;
     width: 24px;
 }
-svg.icon--escrow-12-colored {
-    height: 12px;
-    width: 20px;
-}
-svg.icon--escrow-18-colored {
-    height: 18px;
-    width: 30px;
-}
-svg.icon--escrow-24-colored {
-    height: 24px;
-    width: 38px;
-}
-svg.icon--escrow-32-colored {
-    height: 32px;
-    width: 50px;
-}
 svg.icon--escrow-card-12-colored {
     height: 12px;
     width: 20px;

package/src/svg/icon/icon-add-16.svg

@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M14 7H9V2a1 1 0 0 0-2 0v5H2a1 1 0 0 0 0 2h5v5a1 1 0 1 0 2 0V9h5a1 1 0 1 0 0-2Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path
+    d="M14 7H9V2a1 1 0 0 0-2 0v5H2a1 1 0 0 0 0 2h5v5a1 1 0 1 0 2 0V9h5a1 1 0 1 0 0-2Z"
+  />
+</svg>

package/src/svg/icon/icon-add-24.svg

@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 11h-8V3a1 1 0 0 0-2 0v8H3a1 1 0 0 0 0 2h8v8a1 1 0 0 0 2 0v-8h8a1 1 0 0 0 0-2Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path
+    d="M21 11h-8V3a1 1 0 0 0-2 0v8H3a1 1 0 0 0 0 2h8v8a1 1 0 0 0 2 0v-8h8a1 1 0 0 0 0-2Z"
+  />
+</svg>

package/src/svg/icon/icon-add-image-24.svg

@@ -1 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 0a1 1 0 0 1 1 1v1h1a1 1 0 0 1 0 2H7v1a1 1 0 0 1-2 0V4H4a1 1 0 0 1 0-2h1V1a1 1 0 0 1 1-1Z"/><path fill-rule="evenodd" d="M5 9a1 1 0 1 1 2 0v4.238l3.232-3.878a1 1 0 0 1 1.549.015l3.302 4.128 2.21-2.21a1 1 0 0 1 1.414 0L21 13.586V5a1 1 0 0 0-1-1h-8a1 1 0 1 1 0-2h8a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9Zm2 7.362V17a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.586l-3-3-2.293 2.293a1 1 0 0 1-1.488-.082l-3.235-4.044L7 16.362Z" clip-rule="evenodd"/><path d="M18 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM3 10a1 1 0 1 0-2 0v11a3 3 0 0 0 3 3h11a1 1 0 1 0 0-2H4a1 1 0 0 1-1-1V10Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path
+    d="M6 0a1 1 0 0 1 1 1v1h1a1 1 0 0 1 0 2H7v1a1 1 0 0 1-2 0V4H4a1 1 0 0 1 0-2h1V1a1 1 0 0 1 1-1Z"
+  />
+  <path
+    fill-rule="evenodd"
+    d="M5 9a1 1 0 1 1 2 0v4.238l3.232-3.878a1 1 0 0 1 1.549.015l3.302 4.128 2.21-2.21a1 1 0 0 1 1.414 0L21 13.586V5a1 1 0 0 0-1-1h-8a1 1 0 1 1 0-2h8a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9Zm2 7.362V17a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.586l-3-3-2.293 2.293a1 1 0 0 1-1.488-.082l-3.235-4.044L7 16.362Z"
+    clip-rule="evenodd"
+  />
+  <path
+    d="M18 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM3 10a1 1 0 1 0-2 0v11a3 3 0 0 0 3 3h11a1 1 0 1 0 0-2H4a1 1 0 0 1-1-1V10Z"
+  />
+</svg>

package/src/svg/icon/icon-afterpay-12-colored.svg

@@ -1 +1,16 @@
-<svg width="20" height="12" 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="#000"/><path d="m17.756 5.255-.482-.26-.49-.263c-.323-.174-.725.046-.725.398v.058c0 .034.02.061.049.08l.227.122c.061.033.142-.01.142-.077v-.14c0-.07.081-.113.143-.08l.447.242.443.241a.087.087 0 0 1 0 .156l-.443.242-.447.241c-.065.034-.143-.009-.143-.08v-.07c0-.351-.405-.571-.725-.397l-.49.263-.482.26a.447.447 0 0 0 0 .795l.483.26.489.263c.324.174.725-.046.725-.398v-.058c0-.033-.02-.061-.048-.08l-.227-.122c-.062-.033-.143.01-.143.077v.14c0 .07-.08.114-.142.08l-.447-.242-.444-.241a.087.087 0 0 1 0-.156l.444-.242.447-.241c.065-.034.142.009.142.08v.07c0 .351.405.571.726.397l.489-.263.482-.26a.447.447 0 0 0 0-.795Zm-3.161.085-1.13 2.202h-.47l.425-.823-.664-1.379h.48l.427.924.466-.924h.466Zm-2.416.783c0-.263-.2-.447-.45-.447a.44.44 0 0 0-.45.447c0 .257.2.446.45.446s.45-.183.45-.446Zm.006.78V6.7a.68.68 0 0 1-.521.23.782.782 0 0 1-.797-.808c0-.459.356-.81.807-.81.21 0 .392.088.511.226v-.196h.409v1.563l-.409-.003Zm-1.887-.779c0-.254-.2-.447-.45-.447a.44.44 0 0 0-.45.447c0 .257.2.446.45.446.246 0 .45-.192.45-.446ZM8.986 7.543V5.34h.408v.202a.672.672 0 0 1 .522-.232c.447 0 .797.345.797.807a.8.8 0 0 1-.807.81.662.662 0 0 1-.499-.208v.823h-.42Zm-.732-2.05s.104-.18.356-.18a.41.41 0 0 1 .178.036v.398s-.152-.089-.294-.07c-.14.018-.23.14-.23.302v.924h-.421V5.34h.408l.003.153Zm-1.056.49c-.029-.202-.204-.325-.411-.325a.408.408 0 0 0-.418.325h.83Zm-.829.244c.03.233.204.364.428.364.175 0 .31-.08.392-.202h.427c-.1.33-.414.544-.826.544-.498 0-.852-.33-.852-.804 0-.47.37-.813.862-.813s.852.342.852.813a.535.535 0 0 1-.01.101H6.37v-.003Zm-.667.331c-.143 0-.181-.05-.181-.18v-.695h.262v-.342H5.52v-.38h-.418v.383h-.538v-.156c0-.132.052-.18.198-.18h.09v-.303h-.2c-.344 0-.506.107-.506.43v.209h-.233v.34h.233v1.222h.418V5.683h.538v.765c0 .317.13.455.466.455h.214v-.345h-.081Zm-2.387-.435c0-.263-.2-.447-.45-.447a.44.44 0 0 0-.45.447c0 .257.2.446.45.446s.45-.183.45-.446Zm.003.78V6.7a.68.68 0 0 1-.521.23A.782.782 0 0 1 2 6.122c0-.459.356-.81.806-.81a.67.67 0 0 1 .512.226v-.196h.408v1.563l-.408-.003Z"/></svg>
+<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="#000"
+    stroke-width="1"
+  />
+  <path
+    d="m17.756 5.255-.482-.26-.49-.263c-.323-.174-.725.046-.725.398v.058c0 .034.02.061.049.08l.227.122c.061.033.142-.01.142-.077v-.14c0-.07.081-.113.143-.08l.447.242.443.241a.087.087 0 0 1 0 .156l-.443.242-.447.241c-.065.034-.143-.009-.143-.08v-.07c0-.351-.405-.571-.725-.397l-.49.263-.482.26a.447.447 0 0 0 0 .795l.483.26.489.263c.324.174.725-.046.725-.398v-.058c0-.033-.02-.061-.048-.08l-.227-.122c-.062-.033-.143.01-.143.077v.14c0 .07-.08.114-.142.08l-.447-.242-.444-.241a.087.087 0 0 1 0-.156l.444-.242.447-.241c.065-.034.142.009.142.08v.07c0 .351.405.571.726.397l.489-.263.482-.26a.447.447 0 0 0 0-.795Zm-3.161.085-1.13 2.202h-.47l.425-.823-.664-1.379h.48l.427.924.466-.924h.466Zm-2.416.783c0-.263-.2-.447-.45-.447a.44.44 0 0 0-.45.447c0 .257.2.446.45.446s.45-.183.45-.446Zm.006.78V6.7a.68.68 0 0 1-.521.23.782.782 0 0 1-.797-.808c0-.459.356-.81.807-.81.21 0 .392.088.511.226v-.196h.409v1.563l-.409-.003Zm-1.887-.779c0-.254-.2-.447-.45-.447a.44.44 0 0 0-.45.447c0 .257.2.446.45.446.246 0 .45-.192.45-.446ZM8.986 7.543V5.34h.408v.202a.672.672 0 0 1 .522-.232c.447 0 .797.345.797.807a.8.8 0 0 1-.807.81.662.662 0 0 1-.499-.208v.823h-.42Zm-.732-2.05s.104-.18.356-.18a.41.41 0 0 1 .178.036v.398s-.152-.089-.294-.07c-.14.018-.23.14-.23.302v.924h-.421V5.34h.408l.003.153Zm-1.056.49c-.029-.202-.204-.325-.411-.325a.408.408 0 0 0-.418.325h.83Zm-.829.244c.03.233.204.364.428.364.175 0 .31-.08.392-.202h.427c-.1.33-.414.544-.826.544-.498 0-.852-.33-.852-.804 0-.47.37-.813.862-.813s.852.342.852.813a.535.535 0 0 1-.01.101H6.37v-.003Zm-.667.331c-.143 0-.181-.05-.181-.18v-.695h.262v-.342H5.52v-.38h-.418v.383h-.538v-.156c0-.132.052-.18.198-.18h.09v-.303h-.2c-.344 0-.506.107-.506.43v.209h-.233v.34h.233v1.222h.418V5.683h.538v.765c0 .317.13.455.466.455h.214v-.345h-.081Zm-2.387-.435c0-.263-.2-.447-.45-.447a.44.44 0 0 0-.45.447c0 .257.2.446.45.446s.45-.183.45-.446Zm.003.78V6.7a.68.68 0 0 1-.521.23A.782.782 0 0 1 2 6.122c0-.459.356-.81.806-.81a.67.67 0 0 1 .512.226v-.196h.408v1.563l-.408-.003Z"
+    fill="#000"
+  />
+</svg>

package/src/svg/icon/icon-afterpay-18-colored.svg

@@ -1 +1,16 @@
-<svg width="30" height="18" 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="#000"/><path d="m28.013 7.73-.81-.437-.82-.44c-.543-.293-1.217.076-1.217.666v.098c0 .056.033.102.082.133l.38.205c.103.057.239-.015.239-.128V7.59c0-.118.136-.19.24-.133l.749.405.744.405a.146.146 0 0 1 0 .262l-.744.405-.75.405c-.109.057-.239-.015-.239-.133v-.118c0-.59-.68-.96-1.217-.667l-.82.441-.81.436a.75.75 0 0 0 0 1.334l.81.436.82.441c.543.293 1.217-.077 1.217-.667v-.097c0-.057-.033-.103-.081-.133l-.38-.206c-.104-.056-.24.016-.24.129v.236c0 .117-.136.19-.239.133l-.75-.405-.744-.406a.146.146 0 0 1 0-.261l.744-.405.75-.406c.109-.056.24.016.24.134v.118c0 .59.678.959 1.216.667l.82-.442.81-.436a.75.75 0 0 0 0-1.334Zm-5.303.143-1.896 3.694h-.788l.712-1.38-1.114-2.314h.804l.717 1.55.783-1.55h.782Zm-4.053 1.314a.734.734 0 0 0-.756-.75.737.737 0 0 0-.755.75.74.74 0 0 0 .755.749.734.734 0 0 0 .756-.75Zm.01 1.308v-.339a1.14 1.14 0 0 1-.874.385c-.76 0-1.337-.575-1.337-1.354 0-.77.598-1.36 1.353-1.36.353 0 .657.149.858.38v-.329h.685V10.5l-.684-.005ZM15.5 9.186a.744.744 0 0 0-.756-.749.737.737 0 0 0-.755.75c0 .43.337.748.755.748a.747.747 0 0 0 .755-.749Zm-2.201 2.38V7.874h.684v.339c.207-.241.511-.39.875-.39.75 0 1.337.58 1.337 1.354 0 .77-.598 1.36-1.353 1.36a1.11 1.11 0 0 1-.837-.35v1.38H13.3ZM12.072 8.13s.174-.303.598-.303c.184 0 .298.062.298.062v.667s-.255-.15-.494-.118c-.234.03-.386.236-.386.507v1.55h-.706V7.873h.684l.006.257Zm-1.772.82c-.049-.338-.342-.543-.69-.543-.342 0-.625.2-.7.543h1.39Zm-1.39.41c.048.39.342.611.716.611a.763.763 0 0 0 .658-.338H11c-.168.554-.695.913-1.385.913-.837 0-1.43-.554-1.43-1.35 0-.79.62-1.364 1.446-1.364s1.429.575 1.429 1.365a.899.899 0 0 1-.016.169H8.909V9.36Zm-1.12.555c-.24 0-.305-.082-.305-.303V8.448h.44v-.575h-.44v-.636h-.7v.641h-.903v-.261c0-.22.087-.303.332-.303h.152v-.508h-.337c-.576 0-.848.18-.848.723v.35H4.79v.569h.391V10.5h.701V8.448h.902V9.73c0 .534.218.764.783.764h.358v-.58H7.79Zm-4.005-.728a.734.734 0 0 0-.755-.75.737.737 0 0 0-.755.75.74.74 0 0 0 .755.749.734.734 0 0 0 .755-.75Zm.006 1.308v-.339a1.14 1.14 0 0 1-.875.385c-.76 0-1.337-.575-1.337-1.354 0-.77.598-1.36 1.353-1.36.353 0 .658.149.859.38v-.329h.684V10.5l-.684-.005Z"/></svg>
+<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="#000"
+    stroke-width="1"
+  />
+  <path
+    d="m28.013 7.73-.81-.437-.82-.44c-.543-.293-1.217.076-1.217.666v.098c0 .056.033.102.082.133l.38.205c.103.057.239-.015.239-.128V7.59c0-.118.136-.19.24-.133l.749.405.744.405a.146.146 0 0 1 0 .262l-.744.405-.75.405c-.109.057-.239-.015-.239-.133v-.118c0-.59-.68-.96-1.217-.667l-.82.441-.81.436a.75.75 0 0 0 0 1.334l.81.436.82.441c.543.293 1.217-.077 1.217-.667v-.097c0-.057-.033-.103-.081-.133l-.38-.206c-.104-.056-.24.016-.24.129v.236c0 .117-.136.19-.239.133l-.75-.405-.744-.406a.146.146 0 0 1 0-.261l.744-.405.75-.406c.109-.056.24.016.24.134v.118c0 .59.678.959 1.216.667l.82-.442.81-.436a.75.75 0 0 0 0-1.334Zm-5.303.143-1.896 3.694h-.788l.712-1.38-1.114-2.314h.804l.717 1.55.783-1.55h.782Zm-4.053 1.314a.734.734 0 0 0-.756-.75.737.737 0 0 0-.755.75.74.74 0 0 0 .755.749.734.734 0 0 0 .756-.75Zm.01 1.308v-.339a1.14 1.14 0 0 1-.874.385c-.76 0-1.337-.575-1.337-1.354 0-.77.598-1.36 1.353-1.36.353 0 .657.149.858.38v-.329h.685V10.5l-.684-.005ZM15.5 9.186a.744.744 0 0 0-.756-.749.737.737 0 0 0-.755.75c0 .43.337.748.755.748a.747.747 0 0 0 .755-.749Zm-2.201 2.38V7.874h.684v.339c.207-.241.511-.39.875-.39.75 0 1.337.58 1.337 1.354 0 .77-.598 1.36-1.353 1.36a1.11 1.11 0 0 1-.837-.35v1.38H13.3ZM12.072 8.13s.174-.303.598-.303c.184 0 .298.062.298.062v.667s-.255-.15-.494-.118c-.234.03-.386.236-.386.507v1.55h-.706V7.873h.684l.006.257Zm-1.772.82c-.049-.338-.342-.543-.69-.543-.342 0-.625.2-.7.543h1.39Zm-1.39.41c.048.39.342.611.716.611a.763.763 0 0 0 .658-.338H11c-.168.554-.695.913-1.385.913-.837 0-1.43-.554-1.43-1.35 0-.79.62-1.364 1.446-1.364s1.429.575 1.429 1.365a.899.899 0 0 1-.016.169H8.909V9.36Zm-1.12.555c-.24 0-.305-.082-.305-.303V8.448h.44v-.575h-.44v-.636h-.7v.641h-.903v-.261c0-.22.087-.303.332-.303h.152v-.508h-.337c-.576 0-.848.18-.848.723v.35H4.79v.569h.391V10.5h.701V8.448h.902V9.73c0 .534.218.764.783.764h.358v-.58H7.79Zm-4.005-.728a.734.734 0 0 0-.755-.75.737.737 0 0 0-.755.75.74.74 0 0 0 .755.749.734.734 0 0 0 .755-.75Zm.006 1.308v-.339a1.14 1.14 0 0 1-.875.385c-.76 0-1.337-.575-1.337-1.354 0-.77.598-1.36 1.353-1.36.353 0 .658.149.859.38v-.329h.684V10.5l-.684-.005Z"
+    fill="#000"
+  />
+</svg>

package/src/svg/icon/icon-afterpay-24-colored.svg

@@ -1 +1,16 @@
-<svg width="38" height="24" 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="#000"/><path d="m35.484 10.306-1.026-.581-1.039-.589c-.688-.39-1.542.103-1.542.89v.13c0 .075.042.136.104.177l.481.274c.131.075.303-.02.303-.171v-.315c0-.157.172-.253.303-.178l.95.54.943.541a.199.199 0 0 1 0 .349l-.943.54-.95.54a.203.203 0 0 1-.303-.177v-.158c0-.786-.86-1.279-1.541-.889l-1.04.589-1.025.581a1.024 1.024 0 0 0 0 1.778l1.025.582 1.04.588a1.03 1.03 0 0 0 1.541-.89v-.13a.213.213 0 0 0-.103-.177l-.482-.274c-.13-.075-.303.02-.303.171v.315a.204.204 0 0 1-.302.178l-.95-.54-.943-.54a.199.199 0 0 1 0-.35l.943-.54.95-.54a.203.203 0 0 1 .302.178v.157c0 .786.86 1.279 1.542.889l1.04-.588 1.025-.582a1.024 1.024 0 0 0 0-1.778Zm-6.717.192-2.402 4.924h-.998l.901-1.84-1.41-3.084h1.018l.909 2.065.99-2.065h.992Zm-5.136 1.75c0-.588-.427-.998-.957-.998s-.956.417-.956.998c0 .575.427 1 .956 1 .53 0 .957-.411.957-1Zm.014 1.745v-.452a1.414 1.414 0 0 1-1.108.513c-.964 0-1.693-.766-1.693-1.806 0-1.025.757-1.812 1.714-1.812.447 0 .832.198 1.087.506v-.438h.867V14l-.867-.006Zm-4.012-1.744c0-.568-.427-.999-.957-.999s-.956.417-.956.999c0 .574.427.998.956.998.524 0 .957-.43.957-.998Zm-2.787 3.173v-4.924h.867v.451a1.4 1.4 0 0 1 1.108-.52c.95 0 1.693.773 1.693 1.806 0 1.026-.757 1.813-1.714 1.813-.44 0-.812-.178-1.06-.466v1.84h-.894ZM15.29 10.84s.22-.404.757-.404c.234 0 .379.082.379.082v.89s-.324-.2-.627-.158c-.295.041-.488.315-.488.677v2.066h-.895v-3.495h.867l.007.341Zm-2.244 1.094c-.061-.451-.433-.725-.874-.725a.877.877 0 0 0-.888.725h1.762Zm-1.761.547c.061.52.433.814.908.814.372 0 .66-.178.833-.451h.908c-.213.738-.88 1.217-1.755 1.217-1.06 0-1.81-.739-1.81-1.799 0-1.053.785-1.82 1.83-1.82 1.047 0 1.811.767 1.811 1.82 0 .075-.007.15-.02.226h-2.706v-.007Zm-1.417.739c-.303 0-.386-.11-.386-.404v-1.553h.558v-.766h-.558V9.65h-.888v.855H7.452v-.349c0-.294.11-.403.42-.403h.192v-.677h-.426c-.73 0-1.074.24-1.074.964v.465h-.496v.76h.496V14h.888v-2.736h1.142v1.71c0 .712.276 1.02.991 1.02h.455v-.773h-.172Zm-5.074-.972c0-.588-.426-.998-.956-.998s-.957.417-.957.998c0 .575.427 1 .957 1s.956-.411.956-1Zm.007 1.745v-.452a1.414 1.414 0 0 1-1.108.513C2.73 14.054 2 13.288 2 12.248c0-1.025.757-1.812 1.714-1.812.447 0 .833.198 1.087.506v-.438h.867V14l-.867-.006Z"/></svg>
+<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="#000"
+    stroke-width="1"
+  />
+  <path
+    d="m35.484 10.306-1.026-.581-1.039-.589c-.688-.39-1.542.103-1.542.89v.13c0 .075.042.136.104.177l.481.274c.131.075.303-.02.303-.171v-.315c0-.157.172-.253.303-.178l.95.54.943.541a.199.199 0 0 1 0 .349l-.943.54-.95.54a.203.203 0 0 1-.303-.177v-.158c0-.786-.86-1.279-1.541-.889l-1.04.589-1.025.581a1.024 1.024 0 0 0 0 1.778l1.025.582 1.04.588a1.03 1.03 0 0 0 1.541-.89v-.13a.213.213 0 0 0-.103-.177l-.482-.274c-.13-.075-.303.02-.303.171v.315a.204.204 0 0 1-.302.178l-.95-.54-.943-.54a.199.199 0 0 1 0-.35l.943-.54.95-.54a.203.203 0 0 1 .302.178v.157c0 .786.86 1.279 1.542.889l1.04-.588 1.025-.582a1.024 1.024 0 0 0 0-1.778Zm-6.717.192-2.402 4.924h-.998l.901-1.84-1.41-3.084h1.018l.909 2.065.99-2.065h.992Zm-5.136 1.75c0-.588-.427-.998-.957-.998s-.956.417-.956.998c0 .575.427 1 .956 1 .53 0 .957-.411.957-1Zm.014 1.745v-.452a1.414 1.414 0 0 1-1.108.513c-.964 0-1.693-.766-1.693-1.806 0-1.025.757-1.812 1.714-1.812.447 0 .832.198 1.087.506v-.438h.867V14l-.867-.006Zm-4.012-1.744c0-.568-.427-.999-.957-.999s-.956.417-.956.999c0 .574.427.998.956.998.524 0 .957-.43.957-.998Zm-2.787 3.173v-4.924h.867v.451a1.4 1.4 0 0 1 1.108-.52c.95 0 1.693.773 1.693 1.806 0 1.026-.757 1.813-1.714 1.813-.44 0-.812-.178-1.06-.466v1.84h-.894ZM15.29 10.84s.22-.404.757-.404c.234 0 .379.082.379.082v.89s-.324-.2-.627-.158c-.295.041-.488.315-.488.677v2.066h-.895v-3.495h.867l.007.341Zm-2.244 1.094c-.061-.451-.433-.725-.874-.725a.877.877 0 0 0-.888.725h1.762Zm-1.761.547c.061.52.433.814.908.814.372 0 .66-.178.833-.451h.908c-.213.738-.88 1.217-1.755 1.217-1.06 0-1.81-.739-1.81-1.799 0-1.053.785-1.82 1.83-1.82 1.047 0 1.811.767 1.811 1.82 0 .075-.007.15-.02.226h-2.706v-.007Zm-1.417.739c-.303 0-.386-.11-.386-.404v-1.553h.558v-.766h-.558V9.65h-.888v.855H7.452v-.349c0-.294.11-.403.42-.403h.192v-.677h-.426c-.73 0-1.074.24-1.074.964v.465h-.496v.76h.496V14h.888v-2.736h1.142v1.71c0 .712.276 1.02.991 1.02h.455v-.773h-.172Zm-5.074-.972c0-.588-.426-.998-.956-.998s-.957.417-.957.998c0 .575.427 1 .957 1s.956-.411.956-1Zm.007 1.745v-.452a1.414 1.414 0 0 1-1.108.513C2.73 14.054 2 13.288 2 12.248c0-1.025.757-1.812 1.714-1.812.447 0 .833.198 1.087.506v-.438h.867V14l-.867-.006Z"
+    fill="#000"
+  />
+</svg>

package/src/svg/icon/icon-afterpay-32-colored.svg

@@ -1 +1,16 @@
-<svg width="50" height="32" 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="#000"/><path d="m46.69 13.741-1.35-.775-1.368-.784c-.905-.52-2.028.137-2.028 1.185v.174c0 .1.054.182.136.237l.634.364c.172.1.398-.027.398-.227v-.42c0-.21.227-.337.398-.237l1.25.72 1.241.72a.268.268 0 0 1 0 .466l-1.24.72-1.25.72a.267.267 0 0 1-.399-.236v-.21c0-1.049-1.132-1.705-2.029-1.186l-1.367.785-1.35.775a1.374 1.374 0 0 0 0 2.371l1.35.775 1.367.785c.906.52 2.029-.137 2.029-1.186v-.173c0-.1-.054-.183-.136-.237l-.634-.365a.268.268 0 0 0-.398.228v.42c0 .21-.227.337-.399.237l-1.25-.721-1.24-.72a.267.267 0 0 1 0-.466l1.24-.72 1.25-.72c.181-.1.399.027.399.237v.21c0 1.048 1.132 1.705 2.028 1.185l1.368-.784 1.35-.776a1.374 1.374 0 0 0 0-2.37Zm-8.84.256-3.16 6.566h-1.314l1.187-2.453-1.857-4.113h1.34l1.196 2.754 1.304-2.754h1.304Zm-6.755 2.334c0-.784-.562-1.331-1.26-1.331-.697 0-1.258.556-1.258 1.331 0 .766.561 1.332 1.259 1.332.697 0 1.259-.547 1.259-1.332Zm.018 2.326v-.602a1.85 1.85 0 0 1-1.459.684c-1.267 0-2.227-1.021-2.227-2.408 0-1.368.996-2.416 2.255-2.416.588 0 1.096.264 1.43.674v-.583h1.142v4.66l-1.141-.01Zm-5.28-2.325c0-.757-.562-1.332-1.26-1.332-.696 0-1.258.557-1.258 1.332 0 .766.562 1.331 1.259 1.331.688 0 1.259-.574 1.259-1.331Zm-3.668 4.231v-6.566h1.141v.602a1.83 1.83 0 0 1 1.458-.693c1.25 0 2.228 1.03 2.228 2.408 0 1.367-.996 2.416-2.255 2.416-.58 0-1.069-.237-1.395-.62v2.453h-1.177Zm-2.046-6.11s.29-.538.996-.538c.308 0 .498.109.498.109v1.186s-.425-.265-.824-.21c-.39.055-.643.42-.643.903v2.754H18.97v-4.66h1.14l.01.456Zm-2.953 1.459c-.081-.602-.57-.967-1.15-.967-.57 0-1.041.356-1.168.967h2.318Zm-2.318.73c.082.693.57 1.085 1.195 1.085.49 0 .87-.237 1.096-.602h1.196c-.281.985-1.16 1.623-2.31 1.623-1.394 0-2.381-.985-2.381-2.398 0-1.405 1.032-2.426 2.408-2.426 1.377 0 2.382 1.021 2.382 2.426 0 .1-.009.2-.027.3h-3.559v-.008Zm-1.865.984c-.398 0-.507-.146-.507-.538v-2.07h.734v-1.021h-.734v-1.131h-1.168v1.14H9.805v-.465c0-.393.145-.539.552-.539h.254V12.1h-.562c-.96 0-1.413.319-1.413 1.286v.62h-.652v1.012h.652v3.648h1.169v-3.648h1.503v2.28c0 .948.362 1.359 1.304 1.359h.598v-1.03h-.227Zm-6.674-1.295c0-.784-.562-1.331-1.26-1.331-.697 0-1.258.556-1.258 1.331 0 .766.561 1.332 1.259 1.332.697 0 1.259-.547 1.259-1.332Zm.009 2.326v-.602a1.85 1.85 0 0 1-1.458.684c-1.268 0-2.228-1.021-2.228-2.408 0-1.368.996-2.416 2.255-2.416a1.83 1.83 0 0 1 1.43.674v-.583H7.46v4.66l-1.141-.01Z"/></svg>
+<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="#000"
+    stroke-width="1"
+  />
+  <path
+    d="m46.69 13.741-1.35-.775-1.368-.784c-.905-.52-2.028.137-2.028 1.185v.174c0 .1.054.182.136.237l.634.364c.172.1.398-.027.398-.227v-.42c0-.21.227-.337.398-.237l1.25.72 1.241.72a.268.268 0 0 1 0 .466l-1.24.72-1.25.72a.267.267 0 0 1-.399-.236v-.21c0-1.049-1.132-1.705-2.029-1.186l-1.367.785-1.35.775a1.374 1.374 0 0 0 0 2.371l1.35.775 1.367.785c.906.52 2.029-.137 2.029-1.186v-.173c0-.1-.054-.183-.136-.237l-.634-.365a.268.268 0 0 0-.398.228v.42c0 .21-.227.337-.399.237l-1.25-.721-1.24-.72a.267.267 0 0 1 0-.466l1.24-.72 1.25-.72c.181-.1.399.027.399.237v.21c0 1.048 1.132 1.705 2.028 1.185l1.368-.784 1.35-.776a1.374 1.374 0 0 0 0-2.37Zm-8.84.256-3.16 6.566h-1.314l1.187-2.453-1.857-4.113h1.34l1.196 2.754 1.304-2.754h1.304Zm-6.755 2.334c0-.784-.562-1.331-1.26-1.331-.697 0-1.258.556-1.258 1.331 0 .766.561 1.332 1.259 1.332.697 0 1.259-.547 1.259-1.332Zm.018 2.326v-.602a1.85 1.85 0 0 1-1.459.684c-1.267 0-2.227-1.021-2.227-2.408 0-1.368.996-2.416 2.255-2.416.588 0 1.096.264 1.43.674v-.583h1.142v4.66l-1.141-.01Zm-5.28-2.325c0-.757-.562-1.332-1.26-1.332-.696 0-1.258.557-1.258 1.332 0 .766.562 1.331 1.259 1.331.688 0 1.259-.574 1.259-1.331Zm-3.668 4.231v-6.566h1.141v.602a1.83 1.83 0 0 1 1.458-.693c1.25 0 2.228 1.03 2.228 2.408 0 1.367-.996 2.416-2.255 2.416-.58 0-1.069-.237-1.395-.62v2.453h-1.177Zm-2.046-6.11s.29-.538.996-.538c.308 0 .498.109.498.109v1.186s-.425-.265-.824-.21c-.39.055-.643.42-.643.903v2.754H18.97v-4.66h1.14l.01.456Zm-2.953 1.459c-.081-.602-.57-.967-1.15-.967-.57 0-1.041.356-1.168.967h2.318Zm-2.318.73c.082.693.57 1.085 1.195 1.085.49 0 .87-.237 1.096-.602h1.196c-.281.985-1.16 1.623-2.31 1.623-1.394 0-2.381-.985-2.381-2.398 0-1.405 1.032-2.426 2.408-2.426 1.377 0 2.382 1.021 2.382 2.426 0 .1-.009.2-.027.3h-3.559v-.008Zm-1.865.984c-.398 0-.507-.146-.507-.538v-2.07h.734v-1.021h-.734v-1.131h-1.168v1.14H9.805v-.465c0-.393.145-.539.552-.539h.254V12.1h-.562c-.96 0-1.413.319-1.413 1.286v.62h-.652v1.012h.652v3.648h1.169v-3.648h1.503v2.28c0 .948.362 1.359 1.304 1.359h.598v-1.03h-.227Zm-6.674-1.295c0-.784-.562-1.331-1.26-1.331-.697 0-1.258.556-1.258 1.331 0 .766.561 1.332 1.259 1.332.697 0 1.259-.547 1.259-1.332Zm.009 2.326v-.602a1.85 1.85 0 0 1-1.458.684c-1.268 0-2.228-1.021-2.228-2.408 0-1.368.996-2.416 2.255-2.416a1.83 1.83 0 0 1 1.43.674v-.583H7.46v4.66l-1.141-.01Z"
+    fill="#000"
+  />
+</svg>

package/src/svg/icon/icon-amex-12-colored.svg

@@ -1 +1,10 @@
-<svg width="20" height="12" viewBox="0 0 20 12" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="12" rx="2" fill="#006FCF"/><path d="M12.814 4.485h.881l-.44-1.007-.44 1.007Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.474 9.757V8.668l-.892-.899.892-.892V5.791h-.877V3.63l-.835 2.16h-.779l-.835-2.155V5.79h-.876V2.712h1.387l.723 1.918.728-1.918h1.364v-.44h-1.71l-.385 1.023-.383-1.024H14.79V3.63l-.636-1.359h-1.782l-1.847 3.965h1.49v3.52h4.614l.724-.755.72.756h1.4ZM15.272 5.79h-.998l-.273-.616h-1.493l-.27.616h-.973l1.433-3.079h1.14l1.434 3.079Zm0 .447h1.165l.941.985.95-.985h1.146l-1.54 1.53 1.54 1.548H18.31l-.95-.994-.956.994h-1.132l1.53-1.54-1.53-1.538Zm0 0v.712h-1.878v.48h1.832v.694h-1.832v.48h1.878v.712h-2.764V6.238h2.764Z" fill="#fff"/></svg>
+<svg viewBox="0 0 20 12" xmlns="http://www.w3.org/2000/svg">
+  <rect width="20" height="12" rx="2" fill="#006FCF" />
+  <path d="M12.814 4.485h.881l-.44-1.007-.44 1.007Z" fill="#fff" />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M19.474 9.757V8.668l-.892-.899.892-.892V5.791h-.877V3.63l-.835 2.16h-.779l-.835-2.155V5.79h-.876V2.712h1.387l.723 1.918.728-1.918h1.364v-.44h-1.71l-.385 1.023-.383-1.024H14.79V3.63l-.636-1.359h-1.782l-1.847 3.965h1.49v3.52h4.614l.724-.755.72.756h1.4ZM15.272 5.79h-.998l-.273-.616h-1.493l-.27.616h-.973l1.433-3.079h1.14l1.434 3.079Zm0 .447h1.165l.941.985.95-.985h1.146l-1.54 1.53 1.54 1.548H18.31l-.95-.994-.956.994h-1.132l1.53-1.54-1.53-1.538Zm0 0v.712h-1.878v.48h1.832v.694h-1.832v.48h1.878v.712h-2.764V6.238h2.764Z"
+    fill="#fff"
+  />
+</svg>

package/src/svg/icon/icon-amex-18-colored.svg

@@ -1 +1,10 @@
-<svg width="30" height="18" viewBox="0 0 30 18" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="18" rx="2" fill="#006FCF"/><path d="M19.22 6.727h1.322l-.66-1.51-.661 1.51Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29.21 14.636v-1.632l-1.337-1.35 1.337-1.337v-1.63h-1.315v-3.24l-1.252 3.24h-1.169l-1.252-3.233v3.233h-1.315V4.069h2.08l1.086 2.876 1.092-2.876h2.045v-.661h-2.564l-.578 1.535-.575-1.535h-3.307v2.037l-.954-2.037H18.56l-2.77 5.946h2.233v5.282h6.921l1.086-1.134 1.08 1.134h2.1Zm-6.303-5.95h-1.496l-.41-.923h-2.24l-.404.924h-1.46l2.15-4.618h1.71l2.15 4.618Zm.001.67h1.747l1.412 1.479 1.425-1.478h1.718l-2.309 2.296 2.31 2.321h-1.746l-1.426-1.49-1.433 1.49h-1.698l2.296-2.308-2.296-2.31Zm0 0v1.07H20.09v.719h2.749v1.042H20.09v.719h2.817v1.068h-4.146V9.357h4.146Z" fill="#fff"/></svg>
+<svg viewBox="0 0 30 18" xmlns="http://www.w3.org/2000/svg">
+  <rect width="30" height="18" rx="2" fill="#006FCF" />
+  <path d="M19.22 6.727h1.322l-.66-1.51-.661 1.51Z" fill="#fff" />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M29.21 14.636v-1.632l-1.337-1.35 1.337-1.337v-1.63h-1.315v-3.24l-1.252 3.24h-1.169l-1.252-3.233v3.233h-1.315V4.069h2.08l1.086 2.876 1.092-2.876h2.045v-.661h-2.564l-.578 1.535-.575-1.535h-3.307v2.037l-.954-2.037H18.56l-2.77 5.946h2.233v5.282h6.921l1.086-1.134 1.08 1.134h2.1Zm-6.303-5.95h-1.496l-.41-.923h-2.24l-.404.924h-1.46l2.15-4.618h1.71l2.15 4.618Zm.001.67h1.747l1.412 1.479 1.425-1.478h1.718l-2.309 2.296 2.31 2.321h-1.746l-1.426-1.49-1.433 1.49h-1.698l2.296-2.308-2.296-2.31Zm0 0v1.07H20.09v.719h2.749v1.042H20.09v.719h2.817v1.068h-4.146V9.357h4.146Z"
+    fill="#fff"
+  />
+</svg>

package/src/svg/icon/icon-amex-24-colored.svg

@@ -1 +1,10 @@
-<svg width="38" height="24" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg"><rect width="38" height="24" rx="2" fill="#006FCF"/><path d="M24.347 8.97h1.674l-.837-2.014-.837 2.014Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M37 19.514v-2.177l-1.694-1.798L37 13.755v-2.173h-1.665V7.264l-1.587 4.318h-1.48l-1.586-4.31v4.31h-1.665V5.425h2.634l1.375 3.835 1.383-3.835H37v-.882h-3.248L33.02 6.59l-.728-2.047h-4.19V7.26l-1.207-2.717h-3.386L20 12.473h2.83v7.041h8.767l1.375-1.511 1.369 1.511H37Zm-7.983-7.932h-1.895l-.52-1.231h-2.837l-.512 1.231h-1.85l2.723-6.157h2.168l2.723 6.157Zm0 .894h2.213l1.788 1.97 1.806-1.97H37l-2.924 3.06L37 18.633h-2.211l-1.806-1.988-1.815 1.988h-2.15l2.907-3.078-2.907-3.078Zm0 0V13.9h-3.569v.96h3.482v1.389h-3.482v.959h3.57v1.424h-5.252v-6.156h5.252Z" fill="#fff"/></svg>
+<svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg">
+  <rect width="38" height="24" rx="2" fill="#006FCF" />
+  <path d="M24.347 8.97h1.674l-.837-2.014-.837 2.014Z" fill="#fff" />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M37 19.514v-2.177l-1.694-1.798L37 13.755v-2.173h-1.665V7.264l-1.587 4.318h-1.48l-1.586-4.31v4.31h-1.665V5.425h2.634l1.375 3.835 1.383-3.835H37v-.882h-3.248L33.02 6.59l-.728-2.047h-4.19V7.26l-1.207-2.717h-3.386L20 12.473h2.83v7.041h8.767l1.375-1.511 1.369 1.511H37Zm-7.983-7.932h-1.895l-.52-1.231h-2.837l-.512 1.231h-1.85l2.723-6.157h2.168l2.723 6.157Zm0 .894h2.213l1.788 1.97 1.806-1.97H37l-2.924 3.06L37 18.633h-2.211l-1.806-1.988-1.815 1.988h-2.15l2.907-3.078-2.907-3.078Zm0 0V13.9h-3.569v.96h3.482v1.389h-3.482v.959h3.57v1.424h-5.252v-6.156h5.252Z"
+    fill="#fff"
+  />
+</svg>

package/src/svg/icon/icon-amex-32-colored.svg

@@ -1 +1,10 @@
-<svg width="50" height="32" viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="32" rx="2" fill="#006FCF"/><path d="M32.035 11.96h2.203l-1.101-2.686-1.102 2.686Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M48.684 26.019v-2.902l-2.228-2.398 2.228-2.378v-2.898h-2.191V9.685l-2.088 5.758h-1.948L40.37 9.697v5.746h-2.19v-8.21h3.466l1.809 5.114 1.82-5.113h3.409V6.058H44.41l-.963 2.73-.958-2.73h-5.512V9.68l-1.59-3.622h-4.454L26.315 16.63h3.723v9.389h11.536l1.81-2.015 1.8 2.015h3.5ZM38.179 15.443h-2.493l-.684-1.642H31.27l-.673 1.642H28.16l3.583-8.21h2.853l3.582 8.21Zm.002 1.191h2.91l2.353 2.627 2.377-2.627h2.863l-3.848 4.082 3.848 4.127h-2.91l-2.376-2.65-2.388 2.65h-2.83l3.827-4.104-3.826-4.105Zm0 0v1.9h-4.697v1.279h4.58v1.853h-4.58v1.277h4.697v1.9h-6.91v-8.209h6.91Z" fill="#fff"/></svg>
+<svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg">
+  <rect width="50" height="32" rx="2" fill="#006FCF" />
+  <path d="M32.035 11.96h2.203l-1.101-2.686-1.102 2.686Z" fill="#fff" />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M48.684 26.019v-2.902l-2.228-2.398 2.228-2.378v-2.898h-2.191V9.685l-2.088 5.758h-1.948L40.37 9.697v5.746h-2.19v-8.21h3.466l1.809 5.114 1.82-5.113h3.409V6.058H44.41l-.963 2.73-.958-2.73h-5.512V9.68l-1.59-3.622h-4.454L26.315 16.63h3.723v9.389h11.536l1.81-2.015 1.8 2.015h3.5ZM38.179 15.443h-2.493l-.684-1.642H31.27l-.673 1.642H28.16l3.583-8.21h2.853l3.582 8.21Zm.002 1.191h2.91l2.353 2.627 2.377-2.627h2.863l-3.848 4.082 3.848 4.127h-2.91l-2.376-2.65-2.388 2.65h-2.83l3.827-4.104-3.826-4.105Zm0 0v1.9h-4.697v1.279h4.58v1.853h-4.58v1.277h4.697v1.9h-6.91v-8.209h6.91Z"
+    fill="#fff"
+  />
+</svg>

package/src/svg/icon/icon-apple-pay-12-colored.svg

@@ -1 +1,16 @@
-<svg width="20" height="12" 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="#000"/><path d="M14.097 9.258v-.53c.046.012.152.012.205.012.293 0 .45-.128.547-.455 0-.006.056-.194.056-.197l-1.113-3.19h.685l.78 2.594h.011l.78-2.594h.667l-1.154 3.354c-.263.772-.568 1.02-1.207 1.02-.052 0-.21-.005-.257-.014Zm-2.047-3.02c-.732.043-1.145.385-1.145.942 0 .573.422.96 1.026.96.404 0 .793-.223.972-.578h.015v.524h.606V5.89c0-.64-.477-1.048-1.224-1.048-.762 0-1.237.424-1.272 1h.598c.056-.285.284-.467.65-.467.387 0 .618.212.618.566v.246l-.843.051Zm.844.403v.252c0 .415-.345.73-.788.73-.34 0-.562-.182-.562-.46 0-.273.214-.446.591-.473l.76-.049Zm-2.16-1.491c0-.85-.571-1.435-1.391-1.435H7.758v4.371h.656V6.593h.908c.829 0 1.412-.588 1.412-1.442Zm-1.567.873h-.753V4.287h.756c.568 0 .893.315.893.867 0 .551-.325.87-.896.87Zm-3.11-1.498c-.378-.023-.699.221-.879.221-.18 0-.456-.21-.754-.204a1.108 1.108 0 0 0-.946.595c-.406.722-.107 1.794.287 2.383.191.291.422.612.726.6.287-.011.4-.192.75-.192.348 0 .45.192.754.187.315-.006.512-.292.704-.583.22-.332.31-.653.315-.67-.006-.006-.608-.245-.614-.962-.005-.6.473-.885.496-.903-.27-.414-.693-.46-.84-.472m-.234-.385a1.09 1.09 0 0 0 .238-.76 1.011 1.011 0 0 0-.678.363c-.147.176-.277.462-.243.73.26.024.52-.134.683-.332"/></svg>
+<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="#000"
+    stroke-width="1"
+  />
+  <path
+    d="M14.097 9.258v-.53c.046.012.152.012.205.012.293 0 .45-.128.547-.455 0-.006.056-.194.056-.197l-1.113-3.19h.685l.78 2.594h.011l.78-2.594h.667l-1.154 3.354c-.263.772-.568 1.02-1.207 1.02-.052 0-.21-.005-.257-.014Zm-2.047-3.02c-.732.043-1.145.385-1.145.942 0 .573.422.96 1.026.96.404 0 .793-.223.972-.578h.015v.524h.606V5.89c0-.64-.477-1.048-1.224-1.048-.762 0-1.237.424-1.272 1h.598c.056-.285.284-.467.65-.467.387 0 .618.212.618.566v.246l-.843.051Zm.844.403v.252c0 .415-.345.73-.788.73-.34 0-.562-.182-.562-.46 0-.273.214-.446.591-.473l.76-.049Zm-2.16-1.491c0-.85-.571-1.435-1.391-1.435H7.758v4.371h.656V6.593h.908c.829 0 1.412-.588 1.412-1.442Zm-1.567.873h-.753V4.287h.756c.568 0 .893.315.893.867 0 .551-.325.87-.896.87Zm-3.11-1.498c-.378-.023-.699.221-.879.221-.18 0-.456-.21-.754-.204a1.108 1.108 0 0 0-.946.595c-.406.722-.107 1.794.287 2.383.191.291.422.612.726.6.287-.011.4-.192.75-.192.348 0 .45.192.754.187.315-.006.512-.292.704-.583.22-.332.31-.653.315-.67-.006-.006-.608-.245-.614-.962-.005-.6.473-.885.496-.903-.27-.414-.693-.46-.84-.472m-.234-.385a1.09 1.09 0 0 0 .238-.76 1.011 1.011 0 0 0-.678.363c-.147.176-.277.462-.243.73.26.024.52-.134.683-.332"
+    fill="#000"
+  />
+</svg>

package/src/svg/icon/icon-apple-pay-18-colored.svg

@@ -1 +1,16 @@
-<svg width="30" height="18" 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="#000"/><path d="M21.293 13.887v-.795c.073.018.24.018.323.018.463 0 .712-.19.865-.681 0-.01.088-.291.088-.296L20.811 7.35h1.083l1.23 3.89h.018l1.23-3.89h1.055l-1.822 5.03c-.416 1.159-.897 1.531-1.905 1.531a3.93 3.93 0 0 1-.407-.023Zm-3.231-4.53c-1.156.064-1.808.577-1.808 1.413 0 .859.666 1.44 1.619 1.44.638 0 1.253-.336 1.535-.867h.023v.786h.958V8.834c0-.958-.754-1.572-1.934-1.572-1.202 0-1.951.636-2.007 1.5h.944c.088-.427.448-.7 1.027-.7.61 0 .975.318.975.85v.368l-1.332.077Zm1.332.604v.377c0 .623-.545 1.096-1.244 1.096-.536 0-.888-.273-.888-.691 0-.409.338-.668.934-.709l1.198-.073Zm-3.41-2.235c0-1.277-.902-2.154-2.197-2.154h-2.502v6.557h1.036v-2.24h1.434c1.309 0 2.229-.882 2.229-2.163ZM13.51 9.034h-1.19V6.431h1.193c.898 0 1.41.472 1.41 1.3 0 .826-.512 1.303-1.414 1.303ZM8.6 6.79c-.597-.035-1.103.332-1.388.332-.284 0-.72-.314-1.191-.306a1.761 1.761 0 0 0-1.494.891c-.64 1.085-.169 2.693.454 3.576.302.436.666.917 1.146.9.454-.017.632-.288 1.183-.288s.711.288 1.191.28c.498-.01.81-.438 1.112-.875.347-.498.489-.979.498-1.005-.01-.009-.96-.367-.97-1.442-.008-.9.748-1.329.783-1.355-.427-.62-1.094-.69-1.325-.708m-.37-.578c.25-.307.42-.719.374-1.14-.365.018-.811.237-1.07.544-.231.263-.436.692-.383 1.096.41.035.82-.202 1.079-.5"/></svg>
+<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="#000"
+    stroke-width="1"
+  />
+  <path
+    d="M21.293 13.887v-.795c.073.018.24.018.323.018.463 0 .712-.19.865-.681 0-.01.088-.291.088-.296L20.811 7.35h1.083l1.23 3.89h.018l1.23-3.89h1.055l-1.822 5.03c-.416 1.159-.897 1.531-1.905 1.531a3.93 3.93 0 0 1-.407-.023Zm-3.231-4.53c-1.156.064-1.808.577-1.808 1.413 0 .859.666 1.44 1.619 1.44.638 0 1.253-.336 1.535-.867h.023v.786h.958V8.834c0-.958-.754-1.572-1.934-1.572-1.202 0-1.951.636-2.007 1.5h.944c.088-.427.448-.7 1.027-.7.61 0 .975.318.975.85v.368l-1.332.077Zm1.332.604v.377c0 .623-.545 1.096-1.244 1.096-.536 0-.888-.273-.888-.691 0-.409.338-.668.934-.709l1.198-.073Zm-3.41-2.235c0-1.277-.902-2.154-2.197-2.154h-2.502v6.557h1.036v-2.24h1.434c1.309 0 2.229-.882 2.229-2.163ZM13.51 9.034h-1.19V6.431h1.193c.898 0 1.41.472 1.41 1.3 0 .826-.512 1.303-1.414 1.303ZM8.6 6.79c-.597-.035-1.103.332-1.388.332-.284 0-.72-.314-1.191-.306a1.761 1.761 0 0 0-1.494.891c-.64 1.085-.169 2.693.454 3.576.302.436.666.917 1.146.9.454-.017.632-.288 1.183-.288s.711.288 1.191.28c.498-.01.81-.438 1.112-.875.347-.498.489-.979.498-1.005-.01-.009-.96-.367-.97-1.442-.008-.9.748-1.329.783-1.355-.427-.62-1.094-.69-1.325-.708m-.37-.578c.25-.307.42-.719.374-1.14-.365.018-.811.237-1.07.544-.231.263-.436.692-.383 1.096.41.035.82-.202 1.079-.5"
+    fill="#000"
+  />
+</svg>

package/src/svg/icon/icon-apple-pay-24-colored.svg

@@ -1 +1,16 @@
-<svg width="38" height="24" 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="#000"/><path d="M26.97 18.516v-1.06c.094.024.305.024.41.024.586 0 .903-.254 1.096-.909 0-.012.111-.387.111-.393l-2.226-6.38h1.371l1.559 5.186h.023l1.558-5.186h1.336L29.9 16.505c-.527 1.545-1.137 2.042-2.414 2.042a4.74 4.74 0 0 1-.515-.03Zm-4.09-6.04c-1.465.085-2.291.77-2.291 1.884 0 1.145.844 1.92 2.05 1.92.809 0 1.588-.447 1.945-1.156h.03v1.048h1.212v-4.393c0-1.278-.955-2.096-2.448-2.096-1.524 0-2.473.848-2.543 2h1.195c.111-.57.568-.934 1.3-.934.774 0 1.237.425 1.237 1.133v.491l-1.687.103Zm1.687.806v.503c0 .83-.692 1.46-1.576 1.46-.68 0-1.125-.364-1.125-.92 0-.546.428-.891 1.183-.946l1.518-.097Zm-4.321-2.981c0-1.702-1.142-2.872-2.783-2.872h-3.17v8.743h1.313v-2.987h1.816c1.658 0 2.824-1.176 2.824-2.884Zm-3.134 1.745h-1.506V8.574h1.512c1.136 0 1.786.63 1.786 1.733 0 1.103-.65 1.739-1.792 1.739Zm-6.219-2.993c-.755-.046-1.397.443-1.757.443-.36 0-.913-.42-1.51-.408-.776.012-1.497.466-1.892 1.189-.81 1.445-.214 3.59.575 4.767.383.582.844 1.223 1.453 1.2.574-.023.8-.384 1.498-.384s.9.384 1.509.373c.63-.012 1.025-.583 1.408-1.166.44-.664.619-1.305.63-1.34-.011-.012-1.216-.49-1.227-1.923-.012-1.2.946-1.772.99-1.807-.54-.827-1.385-.92-1.677-.944Zm-.469-.771c.317-.409.531-.958.475-1.52-.463.025-1.028.317-1.355.726-.294.35-.554.923-.486 1.46.52.047 1.039-.268 1.366-.666Z"/></svg>
+<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="#000"
+    stroke-width="1"
+  />
+  <path
+    d="M26.97 18.516v-1.06c.094.024.305.024.41.024.586 0 .903-.254 1.096-.909 0-.012.111-.387.111-.393l-2.226-6.38h1.371l1.559 5.186h.023l1.558-5.186h1.336L29.9 16.505c-.527 1.545-1.137 2.042-2.414 2.042a4.74 4.74 0 0 1-.515-.03Zm-4.09-6.04c-1.465.085-2.291.77-2.291 1.884 0 1.145.844 1.92 2.05 1.92.809 0 1.588-.447 1.945-1.156h.03v1.048h1.212v-4.393c0-1.278-.955-2.096-2.448-2.096-1.524 0-2.473.848-2.543 2h1.195c.111-.57.568-.934 1.3-.934.774 0 1.237.425 1.237 1.133v.491l-1.687.103Zm1.687.806v.503c0 .83-.692 1.46-1.576 1.46-.68 0-1.125-.364-1.125-.92 0-.546.428-.891 1.183-.946l1.518-.097Zm-4.321-2.981c0-1.702-1.142-2.872-2.783-2.872h-3.17v8.743h1.313v-2.987h1.816c1.658 0 2.824-1.176 2.824-2.884Zm-3.134 1.745h-1.506V8.574h1.512c1.136 0 1.786.63 1.786 1.733 0 1.103-.65 1.739-1.792 1.739Zm-6.219-2.993c-.755-.046-1.397.443-1.757.443-.36 0-.913-.42-1.51-.408-.776.012-1.497.466-1.892 1.189-.81 1.445-.214 3.59.575 4.767.383.582.844 1.223 1.453 1.2.574-.023.8-.384 1.498-.384s.9.384 1.509.373c.63-.012 1.025-.583 1.408-1.166.44-.664.619-1.305.63-1.34-.011-.012-1.216-.49-1.227-1.923-.012-1.2.946-1.772.99-1.807-.54-.827-1.385-.92-1.677-.944Zm-.469-.771c.317-.409.531-.958.475-1.52-.463.025-1.028.317-1.355.726-.294.35-.554.923-.486 1.46.52.047 1.039-.268 1.366-.666Z"
+    fill="#000"
+  />
+</svg>

package/src/svg/icon/icon-apple-pay-32-colored.svg

@@ -1 +1,16 @@
-<svg width="50" height="32" 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="#000"/><path d="M35.488 24.689v-1.414c.123.032.4.032.54.032.77 0 1.187-.34 1.441-1.212 0-.016.147-.517.147-.525l-2.93-8.506h1.804l2.05 6.915h.031l2.051-6.915h1.757l-3.037 8.942c-.693 2.06-1.495 2.723-3.175 2.723-.14 0-.556-.016-.679-.04Zm-5.384-8.054c-1.927.113-3.014 1.026-3.014 2.512 0 1.527 1.11 2.56 2.698 2.56 1.064 0 2.089-.597 2.559-1.542h.038v1.397h1.596v-5.856c0-1.705-1.256-2.795-3.222-2.795-2.004 0-3.253 1.13-3.345 2.665h1.572c.146-.759.748-1.244 1.712-1.244 1.017 0 1.626.566 1.626 1.511v.654l-2.22.138Zm2.22 1.074v.67c0 1.107-.91 1.947-2.074 1.947-.894 0-1.48-.484-1.48-1.227 0-.727.563-1.188 1.557-1.26l1.997-.13Zm-5.684-3.974c0-2.27-1.504-3.83-3.662-3.83h-4.17v11.658h1.726V17.58h2.39c2.181 0 3.715-1.567 3.715-3.845Zm-4.125 2.326h-1.98v-4.628h1.988c1.495 0 2.35.84 2.35 2.31 0 1.47-.855 2.318-2.358 2.318Zm-8.183-3.99c-.993-.062-1.837.59-2.311.59-.475 0-1.201-.559-1.986-.544-1.023.016-1.971.622-2.49 1.585-1.067 1.928-.282 4.786.756 6.356.504.776 1.111 1.631 1.911 1.6.756-.03 1.053-.512 1.972-.512.918 0 1.185.513 1.985.497.83-.015 1.349-.777 1.853-1.554.578-.885.815-1.74.83-1.787-.015-.015-1.601-.653-1.616-2.564-.015-1.6 1.245-2.362 1.304-2.409-.711-1.102-1.822-1.227-2.208-1.258m-.616-1.028c.416-.545.698-1.278.624-2.026-.61.032-1.353.421-1.783.967-.386.467-.729 1.23-.64 1.948.684.062 1.367-.359 1.799-.889"/></svg>
+<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="#000"
+    stroke-width="1"
+  />
+  <path
+    d="M35.488 24.689v-1.414c.123.032.4.032.54.032.77 0 1.187-.34 1.441-1.212 0-.016.147-.517.147-.525l-2.93-8.506h1.804l2.05 6.915h.031l2.051-6.915h1.757l-3.037 8.942c-.693 2.06-1.495 2.723-3.175 2.723-.14 0-.556-.016-.679-.04Zm-5.384-8.054c-1.927.113-3.014 1.026-3.014 2.512 0 1.527 1.11 2.56 2.698 2.56 1.064 0 2.089-.597 2.559-1.542h.038v1.397h1.596v-5.856c0-1.705-1.256-2.795-3.222-2.795-2.004 0-3.253 1.13-3.345 2.665h1.572c.146-.759.748-1.244 1.712-1.244 1.017 0 1.626.566 1.626 1.511v.654l-2.22.138Zm2.22 1.074v.67c0 1.107-.91 1.947-2.074 1.947-.894 0-1.48-.484-1.48-1.227 0-.727.563-1.188 1.557-1.26l1.997-.13Zm-5.684-3.974c0-2.27-1.504-3.83-3.662-3.83h-4.17v11.658h1.726V17.58h2.39c2.181 0 3.715-1.567 3.715-3.845Zm-4.125 2.326h-1.98v-4.628h1.988c1.495 0 2.35.84 2.35 2.31 0 1.47-.855 2.318-2.358 2.318Zm-8.183-3.99c-.993-.062-1.837.59-2.311.59-.475 0-1.201-.559-1.986-.544-1.023.016-1.971.622-2.49 1.585-1.067 1.928-.282 4.786.756 6.356.504.776 1.111 1.631 1.911 1.6.756-.03 1.053-.512 1.972-.512.918 0 1.185.513 1.985.497.83-.015 1.349-.777 1.853-1.554.578-.885.815-1.74.83-1.787-.015-.015-1.601-.653-1.616-2.564-.015-1.6 1.245-2.362 1.304-2.409-.711-1.102-1.822-1.227-2.208-1.258m-.616-1.028c.416-.545.698-1.278.624-2.026-.61.032-1.353.421-1.783.967-.386.467-.729 1.23-.64 1.948.684.062 1.367-.359 1.799-.889"
+    fill="#000"
+  />
+</svg>

package/src/svg/icon/icon-archive-16.svg

@@ -1 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1 2.5A1.5 1.5 0 0 1 2.5 1h11A1.5 1.5 0 0 1 15 2.5v3a1.5 1.5 0 0 1-1 1.415V12.5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 12.5V6.915A1.5 1.5 0 0 1 1 5.5v-3ZM13 5H3V3h10v2Zm-1 2H4v5.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V7ZM7 8a1 1 0 0 0 0 2h2a1 1 0 1 0 0-2H7Z" clip-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path
+    fill-rule="evenodd"
+    d="M1 2.5A1.5 1.5 0 0 1 2.5 1h11A1.5 1.5 0 0 1 15 2.5v3a1.5 1.5 0 0 1-1 1.415V12.5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 12.5V6.915A1.5 1.5 0 0 1 1 5.5v-3ZM13 5H3V3h10v2Zm-1 2H4v5.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V7ZM7 8a1 1 0 0 0 0 2h2a1 1 0 1 0 0-2H7Z"
+    clip-rule="evenodd"
+  />
+</svg>

package/src/svg/icon/icon-archive-24.svg

@@ -1 +1,8 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 10a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H9Z"/><path fill-rule="evenodd" d="M1 3a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v3a2 2 0 0 1-1 1.732V20a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7.732A2 2 0 0 1 1 6V3Zm3 5h16v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8Zm17-5H3v3h18V3Z" clip-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M9 10a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H9Z" />
+  <path
+    fill-rule="evenodd"
+    d="M1 3a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v3a2 2 0 0 1-1 1.732V20a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7.732A2 2 0 0 1 1 6V3Zm3 5h16v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8Zm17-5H3v3h18V3Z"
+    clip-rule="evenodd"
+  />
+</svg>

package/src/svg/icon/icon-arrow-left-12.svg

@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M3.054 8.253a.71.71 0 0 1 .157-.776l4.287-4.27a.717.717 0 0 1 1.011.003.71.71 0 0 1-.003 1.007L5.433 7.271h6.853a.713.713 0 1 1 0 1.423H5.433l3.073 3.054a.71.71 0 0 1-.298 1.232.716.716 0 0 1-.71-.229l-4.287-4.27a.712.712 0 0 1-.157-.228Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path
+    d="M3.054 8.253a.71.71 0 0 1 .157-.776l4.287-4.27a.717.717 0 0 1 1.011.003.71.71 0 0 1-.003 1.007L5.433 7.271h6.853a.713.713 0 1 1 0 1.423H5.433l3.073 3.054a.71.71 0 0 1-.298 1.232.716.716 0 0 1-.71-.229l-4.287-4.27a.712.712 0 0 1-.157-.228Z"
+  />
+</svg>

package/src/svg/icon/icon-arrow-left-16.svg

@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M14 7H4.41l4.3-4.29a1.004 1.004 0 0 0-1.42-1.42l-6 6a1 1 0 0 0 0 1.41l6 6a1 1 0 0 0 1.41-1.41L4.41 9H14a1 1 0 1 0 0-2Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path
+    d="M14 7H4.41l4.3-4.29a1.004 1.004 0 0 0-1.42-1.42l-6 6a1 1 0 0 0 0 1.41l6 6a1 1 0 0 0 1.41-1.41L4.41 9H14a1 1 0 1 0 0-2Z"
+  />
+</svg>

package/src/svg/icon/icon-arrow-left-20.svg

@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M10.707 2.293a1 1 0 0 1 0 1.414L5.414 9H17a1 1 0 1 1 0 2H5.414l5.293 5.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path
+    d="M10.707 2.293a1 1 0 0 1 0 1.414L5.414 9H17a1 1 0 1 1 0 2H5.414l5.293 5.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0Z"
+  />
+</svg>

package/src/svg/icon/icon-arrow-left-24.svg

@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 11H5.41l6.3-6.29a1.003 1.003 0 1 0-1.42-1.42l-8 8a1.001 1.001 0 0 0 0 1.42l8 8a1.001 1.001 0 0 0 1.42 0 1.001 1.001 0 0 0 0-1.42L5.41 13H21a1 1 0 0 0 0-2Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path
+    d="M21 11H5.41l6.3-6.29a1.003 1.003 0 1 0-1.42-1.42l-8 8a1.001 1.001 0 0 0 0 1.42l8 8a1.001 1.001 0 0 0 1.42 0 1.001 1.001 0 0 0 0-1.42L5.41 13H21a1 1 0 0 0 0-2Z"
+  />
+</svg>

package/src/svg/icon/icon-arrow-right-12.svg

@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M12.946 8.253a.71.71 0 0 0-.157-.776l-4.287-4.27a.717.717 0 0 0-1.011.003.71.71 0 0 0 .003 1.007l3.073 3.054H3.715A.713.713 0 0 0 3 7.983c0 .393.32.711.715.711h6.852l-3.073 3.054a.71.71 0 0 0 .298 1.232.716.716 0 0 0 .71-.229l4.287-4.27a.71.71 0 0 0 .157-.228Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path
+    d="M12.946 8.253a.71.71 0 0 0-.157-.776l-4.287-4.27a.717.717 0 0 0-1.011.003.71.71 0 0 0 .003 1.007l3.073 3.054H3.715A.713.713 0 0 0 3 7.983c0 .393.32.711.715.711h6.852l-3.073 3.054a.71.71 0 0 0 .298 1.232.716.716 0 0 0 .71-.229l4.287-4.27a.71.71 0 0 0 .157-.228Z"
+  />
+</svg>

package/src/svg/icon/icon-arrow-right-16.svg

@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M14.92 8.38a1 1 0 0 0-.22-1.09l-6-6a1 1 0 1 0-1.41 1.42L11.59 7H2a1 1 0 1 0 0 2h9.59l-4.3 4.29A1 1 0 1 0 8.7 14.7l6-6a1 1 0 0 0 .22-.32Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path
+    d="M14.92 8.38a1 1 0 0 0-.22-1.09l-6-6a1 1 0 1 0-1.41 1.42L11.59 7H2a1 1 0 1 0 0 2h9.59l-4.3 4.29A1 1 0 1 0 8.7 14.7l6-6a1 1 0 0 0 .22-.32Z"
+  />
+</svg>

package/src/svg/icon/icon-arrow-right-24.svg

@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m21.71 11.29-8-8a1.004 1.004 0 0 0-1.42 1.42l6.3 6.29H3a1 1 0 0 0 0 2h15.59l-6.3 6.29a1.001 1.001 0 0 0 0 1.42 1.001 1.001 0 0 0 1.42 0l8-8a1.001 1.001 0 0 0 0-1.42Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path
+    d="m21.71 11.29-8-8a1.004 1.004 0 0 0-1.42 1.42l6.3 6.29H3a1 1 0 0 0 0 2h15.59l-6.3 6.29a1.001 1.001 0 0 0 0 1.42 1.001 1.001 0 0 0 1.42 0l8-8a1.001 1.001 0 0 0 0-1.42Z"
+  />
+</svg>

package/src/svg/icon/icon-arrow-title-20.svg

@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M16.925 9.354a.994.994 0 0 0-.22-1.086L10.703 2.29a1.004 1.004 0 0 0-1.416.005.994.994 0 0 0 .005 1.41l4.302 4.274H4c-.552 0-1 .446-1 .997 0 .55.448.996 1 .996h9.594l-4.302 4.275a.994.994 0 0 0 .417 1.725c.365.088.75-.036.994-.32l6.002-5.979c.093-.09.168-.2.22-.319Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path
+    d="M16.925 9.354a.994.994 0 0 0-.22-1.086L10.703 2.29a1.004 1.004 0 0 0-1.416.005.994.994 0 0 0 .005 1.41l4.302 4.274H4c-.552 0-1 .446-1 .997 0 .55.448.996 1 .996h9.594l-4.302 4.275a.994.994 0 0 0 .417 1.725c.365.088.75-.036.994-.32l6.002-5.979c.093-.09.168-.2.22-.319Z"
+  />
+</svg>

package/src/svg/icon/icon-arrows-3d-16.svg

@@ -1 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M12.772 6.044c.377-.981.236-1.596-.029-1.915-.436-.525-1.567-.864-3.4-.19a.999.999 0 1 1-.689-1.878c2.109-.774 4.366-.727 5.626.789.91 1.096.872 2.572.357 3.911-.416 1.084-1.178 2.2-2.23 3.239H13a1 1 0 0 1 0 2h-3a1 1 0 0 1-1-1V8a1 1 0 1 1 2 0v.58c.89-.88 1.476-1.766 1.772-2.536ZM6.002 4a1 1 0 0 1 .995 1.08L7 7.998A1 1 0 1 1 5.003 8v-.53c-.89.877-1.476 1.757-1.772 2.523-.377.974-.24 1.59.036 1.92.425.512 1.53.83 3.388.148a1 1 0 0 1 .69 1.878c-2.087.765-4.345.781-5.616-.747-.918-1.104-.883-2.58-.364-3.921C1.79 8.174 2.571 7.048 3.645 6H3a1 1 0 1 1 0-2h3.001Z" clip-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path
+    fill-rule="evenodd"
+    d="M12.772 6.044c.377-.981.236-1.596-.029-1.915-.436-.525-1.567-.864-3.4-.19a.999.999 0 1 1-.689-1.878c2.109-.774 4.366-.727 5.626.789.91 1.096.872 2.572.357 3.911-.416 1.084-1.178 2.2-2.23 3.239H13a1 1 0 0 1 0 2h-3a1 1 0 0 1-1-1V8a1 1 0 1 1 2 0v.58c.89-.88 1.476-1.766 1.772-2.536ZM6.002 4a1 1 0 0 1 .995 1.08L7 7.998A1 1 0 1 1 5.003 8v-.53c-.89.877-1.476 1.757-1.772 2.523-.377.974-.24 1.59.036 1.92.425.512 1.53.83 3.388.148a1 1 0 0 1 .69 1.878c-2.087.765-4.345.781-5.616-.747-.918-1.104-.883-2.58-.364-3.921C1.79 8.174 2.571 7.048 3.645 6H3a1 1 0 1 1 0-2h3.001Z"
+    clip-rule="evenodd"
+  />
+</svg>

package/src/svg/icon/icon-arrows-3d-24.svg

@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.003 15.995h-2.285c1.952-1.714 3.466-3.62 4.363-5.476 1.064-2.203 1.358-4.582.051-6.388-.93-1.286-2.45-1.95-4.114-2.098-1.669-.149-3.566.21-5.433 1.056a1 1 0 1 0 .827 1.82c1.61-.73 3.162-.998 4.43-.885 1.272.113 2.175.595 2.668 1.277.672.93.7 2.42-.232 4.349-.813 1.684-2.285 3.517-4.274 5.18v-2.834a1 1 0 0 0-2 0v4.91A1 1 0 0 0 15 17.994h5.002a1 1 0 1 0 0-2ZM9.997 6.998v4.998a1 1 0 0 1-2.001 0V9.157c-1.989 1.663-3.46 3.495-4.274 5.18-.932 1.928-.904 3.42-.232 4.348.497.688 1.395 1.173 2.657 1.29 1.26.116 2.808-.15 4.435-.891a1.001 1.001 0 0 1 .83 1.818c-1.883.86-3.781 1.217-5.448 1.063-1.664-.153-3.17-.829-4.096-2.11C.56 18.05.855 15.67 1.919 13.469c.896-1.854 2.407-3.758 4.357-5.47H3.993a1 1 0 1 1 0-2h5.003a1 1 0 0 1 .996.898l.005.102Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path
+    d="M20.003 15.995h-2.285c1.952-1.714 3.466-3.62 4.363-5.476 1.064-2.203 1.358-4.582.051-6.388-.93-1.286-2.45-1.95-4.114-2.098-1.669-.149-3.566.21-5.433 1.056a1 1 0 1 0 .827 1.82c1.61-.73 3.162-.998 4.43-.885 1.272.113 2.175.595 2.668 1.277.672.93.7 2.42-.232 4.349-.813 1.684-2.285 3.517-4.274 5.18v-2.834a1 1 0 0 0-2 0v4.91A1 1 0 0 0 15 17.994h5.002a1 1 0 1 0 0-2ZM9.997 6.998v4.998a1 1 0 0 1-2.001 0V9.157c-1.989 1.663-3.46 3.495-4.274 5.18-.932 1.928-.904 3.42-.232 4.348.497.688 1.395 1.173 2.657 1.29 1.26.116 2.808-.15 4.435-.891a1.001 1.001 0 0 1 .83 1.818c-1.883.86-3.781 1.217-5.448 1.063-1.664-.153-3.17-.829-4.096-2.11C.56 18.05.855 15.67 1.919 13.469c.896-1.854 2.407-3.758 4.357-5.47H3.993a1 1 0 1 1 0-2h5.003a1 1 0 0 1 .996.898l.005.102Z"
+  />
+</svg>

package/src/svg/icon/icon-article-16.svg

@@ -1 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 4a1 1 0 0 0 0 2h4a1 1 0 1 0 0-2H8Zm0 3a1 1 0 0 0 0 2h4a1 1 0 1 0 0-2H8Zm-1 4a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Z"/><path fill-rule="evenodd" d="M6 1a2 2 0 0 0-2 2v3H2a2 2 0 0 0-2 2v4a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a2 2 0 0 0-2-2H6Zm7 12H5.83c.11-.313.17-.65.17-1V3h8v9a1 1 0 0 1-1 1ZM4 8H2v4a1 1 0 1 0 2 0V8Z" clip-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path
+    d="M8 4a1 1 0 0 0 0 2h4a1 1 0 1 0 0-2H8Zm0 3a1 1 0 0 0 0 2h4a1 1 0 1 0 0-2H8Zm-1 4a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Z"
+  />
+  <path
+    fill-rule="evenodd"
+    d="M6 1a2 2 0 0 0-2 2v3H2a2 2 0 0 0-2 2v4a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a2 2 0 0 0-2-2H6Zm7 12H5.83c.11-.313.17-.65.17-1V3h8v9a1 1 0 0 1-1 1ZM4 8H2v4a1 1 0 1 0 2 0V8Z"
+    clip-rule="evenodd"
+  />
+</svg>

package/src/svg/icon/icon-article-24.svg

@@ -1 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Zm0 4a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Zm-1 5a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1Z"/><path fill-rule="evenodd" d="M7 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v14a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4v-7a2 2 0 0 1 2-2h4V4Zm14 14a2 2 0 0 1-2 2H8.465c.34-.588.535-1.271.535-2V4h12v14ZM7 18a2 2 0 1 1-4 0v-7h4v7Z" clip-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path
+    d="M12 7a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Zm0 4a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Zm-1 5a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1Z"
+  />
+  <path
+    fill-rule="evenodd"
+    d="M7 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v14a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4v-7a2 2 0 0 1 2-2h4V4Zm14 14a2 2 0 0 1-2 2H8.465c.34-.588.535-1.271.535-2V4h12v14ZM7 18a2 2 0 1 1-4 0v-7h4v7Z"
+    clip-rule="evenodd"
+  />
+</svg>

package/src/svg/icon/icon-atv-16.svg

@@ -1 +1,8 @@
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M8 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 1a1 1 0 0 1 1-1h1.586A2 2 0 0 1 6 .586L7.414 2h1.172L10 .586A2 2 0 0 1 11.414 0H13a1 1 0 1 1 0 2h-1.586l-.957.957.73 1.043h1.195a2 2 0 0 1 1.789 1.106l.715 1.43c.34.648-.166 1.482-.91 1.464-.975 0-1.905.083-2.796.528l-.295.148-.303 1.511.52.39A2.251 2.251 0 0 1 13.25 9h.5A2.25 2.25 0 0 1 16 11.25v2.5A2.25 2.25 0 0 1 13.75 16h-.5A2.25 2.25 0 0 1 11 13.75V13l-.856-.642a2.22 2.22 0 0 1-4.287 0L5 13v.75A2.25 2.25 0 0 1 2.75 16h-.5A2.25 2.25 0 0 1 0 13.75v-2.5A2.25 2.25 0 0 1 2.25 9h.5c1.008 0 1.861.663 2.148 1.577l.52-.39-.303-1.511-.295-.148C3.93 8.083 2.999 8 2.024 8c-.747.018-1.26-.812-.905-1.473l.71-1.421A2 2 0 0 1 3.62 4h1.36l.662-.945L4.586 2H3a1 1 0 0 1-1-1Zm1 11.5v-1.25a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25V12.5Zm10-1.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v2.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-2.5Zm-.582-5.178L12.382 6h-1.715a1 1 0 0 1-.82-.426l-1.105-1.58L7.421 4 6.319 5.574A1 1 0 0 1 5.5 6H3.62l-.037.072a7 7 0 0 1 2.132.667l.296.148a2 2 0 0 1 1.067 1.396l.708 3.54a.22.22 0 0 0 .43 0l.709-3.54A2 2 0 0 1 9.99 6.888l.296-.148a7 7 0 0 1 2.132-.667Z"/></svg>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M2 1a1 1 0 0 1 1-1h1.586A2 2 0 0 1 6 .586L7.414 2h1.172L10 .586A2 2 0 0 1 11.414 0H13a1 1 0 1 1 0 2h-1.586l-.957.957.73 1.043h1.195a2 2 0 0 1 1.789 1.106l.715 1.43c.34.648-.166 1.482-.91 1.464-.975 0-1.905.083-2.796.528l-.295.148-.303 1.511.52.39A2.251 2.251 0 0 1 13.25 9h.5A2.25 2.25 0 0 1 16 11.25v2.5A2.25 2.25 0 0 1 13.75 16h-.5A2.25 2.25 0 0 1 11 13.75V13l-.856-.642a2.22 2.22 0 0 1-4.287 0L5 13v.75A2.25 2.25 0 0 1 2.75 16h-.5A2.25 2.25 0 0 1 0 13.75v-2.5A2.25 2.25 0 0 1 2.25 9h.5c1.008 0 1.861.663 2.148 1.577l.52-.39-.303-1.511-.295-.148C3.93 8.083 2.999 8 2.024 8c-.747.018-1.26-.812-.905-1.473l.71-1.421A2 2 0 0 1 3.62 4h1.36l.662-.945L4.586 2H3a1 1 0 0 1-1-1Zm1 11.5v-1.25a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25V12.5Zm10-1.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v2.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-2.5Zm-.582-5.178L12.382 6h-1.715a1 1 0 0 1-.82-.426l-1.105-1.58L7.421 4 6.319 5.574A1 1 0 0 1 5.5 6H3.62l-.037.072a7 7 0 0 1 2.132.667l.296.148a2 2 0 0 1 1.067 1.396l.708 3.54a.22.22 0 0 0 .43 0l.709-3.54A2 2 0 0 1 9.99 6.888l.296-.148a7 7 0 0 1 2.132-.667Z"
+  />
+</svg>