style: update bank glyph logo (#88)

paypal · Jan 25, 2023 · 7f96dcf · 7f96dcf
1 parent 870ec03
commit 7f96dcf
Show file tree

Hide file tree

Showing 6 changed files with 53 additions and 21 deletions.
diff --git a/dist/module/logos/bank/glyph/logo.js b/dist/module/logos/bank/glyph/logo.js
@@ -6,7 +6,7 @@ import { node } from "@krakenjs/jsx-pragmatic/src";
 import { SVGLogo, getLogoColors } from "../../../lib";
 import { LOGO_COLOR, LOGO } from "../../../constants";
 var LOGO_COLORS = (_LOGO_COLORS = {}, _LOGO_COLORS[LOGO_COLOR.DEFAULT] = {
-  primary: "#333030"
+  primary: "#142C8E"
 }, _LOGO_COLORS[LOGO_COLOR.WHITE] = {
   primary: "#ffffff"
 }, _LOGO_COLORS[LOGO_COLOR.BLACK] = {
@@ -22,17 +22,33 @@ export function GlyphBank(_temp) {
     name: LOGO.BANK,
     render: function render() {
       return node("svg", {
-        width: "19px",
-        height: "18px",
-        viewBox: "0 0 19 18",
+        width: "32",
+        height: "21",
+        viewBox: "0 0 32 21",
+        fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, node("g", {
-        transform: "matrix(0.755484, 0, 0, 0.755484, 0.58609, -0.136891)"
-      }, node("g", {
-        transform: "translate(-3.000000, -3.000000)",
+        "clip-path": "url(#clip0_3480_40125)"
+      }, node("rect", {
+        width: "31.4286",
+        height: "20.1533",
+        fill: "#F7F5F0"
+      }), node("path", {
+        d: "M20.442 14.4427H10.9873C10.7057 14.4427 10.4766 14.678 10.4766 14.9671V15.5922C10.4766 15.888 10.7057 16.1233 10.9873 16.1233H20.4355C20.717 16.1233 20.9462 15.888 20.9462 15.5989V14.9738C20.9528 14.678 20.7236 14.4427 20.442 14.4427Z",
+        fill: primary
+      }), node("path", {
+        d: "M15.7758 4.03867C15.7356 4.02878 15.6937 4.02878 15.6535 4.03867L10.6773 5.26477C10.5596 5.29379 10.4766 5.4019 10.4766 5.52623V6.75275C10.4766 6.90125 10.5938 7.02164 10.7385 7.02164H20.6908C20.8355 7.02164 20.9528 6.90125 20.9528 6.75275V5.52623C20.9528 5.4019 20.8697 5.29379 20.752 5.26477L15.7758 4.03867Z",
+        fill: primary
+      }), node("path", {
+        d: "M11.9956 12.4261C11.7075 12.4261 11.4718 12.6681 11.4718 12.9639V13.3C11.4718 13.3739 11.5307 13.4344 11.6028 13.4344H19.8528C19.9248 13.4344 19.9837 13.3739 19.9837 13.3V12.9639C19.9837 12.6681 19.748 12.4261 19.4599 12.4261H19.1849V9.03824H19.4664C19.7545 9.03824 19.9903 8.79625 19.9903 8.50048V8.16438C19.9903 8.09044 19.9313 8.02994 19.8593 8.02994H16.2188C16.1468 8.02994 16.0879 8.09044 16.0879 8.16438V8.50048C16.0879 8.79625 16.3236 9.03824 16.6117 9.03824H16.8932V12.4261H14.5688V9.03824H14.8504C15.1385 9.03824 15.3742 8.79625 15.3742 8.50048V8.16438C15.3742 8.09044 15.3153 8.02994 15.2432 8.02994H11.6093C11.5373 8.02994 11.4783 8.09044 11.4783 8.16438V8.50048C11.4783 8.79625 11.7141 9.03824 12.0022 9.03824H12.2837V12.4261H11.9956Z",
         fill: primary
-      }, node("path", {
-        d: "M7.5,11.25 L4.375,11.25 C3.73824612,11.25 3.50927246,10.4091381 4.05811242,10.0862911 L14.0493373,4.20910003 C14.6361169,3.86393557 15.3638831,3.86393557 15.9506627,4.20910003 L25.9418876,10.0862911 C26.4907275,10.4091381 26.2617539,11.25 25.625,11.25 L22.5,11.25 L22.5,18.1459005 C22.5,18.4910785 22.220178,18.7709005 21.875,18.7709005 C21.529822,18.7709005 21.25,18.4910785 21.25,18.1459005 L21.25,10.625 C21.25,10.279822 21.529822,10 21.875,10 L23.3298073,10 L15.3168875,5.28651779 C15.1212944,5.17146298 14.8787056,5.17146298 14.6831125,5.2865178 L6.67019269,10 L16.875,10 C17.9105339,10 18.75,10.8394661 18.75,11.875 L18.75,18.1459005 C18.75,18.4910785 18.470178,18.7709005 18.125,18.7709005 C17.779822,18.7709005 17.5,18.4910785 17.5,18.1459005 L17.5,11.875 C17.5,11.5298221 17.2201779,11.25 16.875,11.25 L13.7537575,11.25 L13.7537575,20.9375 C13.7537575,21.110089 13.8936685,21.25 14.0662575,21.25 L23.125,21.25 C23.470178,21.25 23.75,21.529822 23.75,21.875 L23.75,22.4947548 L25.625,22.4947548 C25.970178,22.4947548 26.25,22.7745768 26.25,23.1197548 L26.25,25.625 C26.25,25.970178 25.970178,26.25 25.625,26.25 L4.375,26.25 C4.02982203,26.25 3.75,25.970178 3.75,25.625 L3.75,23.1197548 C3.75,22.7745768 4.02982203,22.4947548 4.375,22.4947548 L6.25,22.4947548 L6.25,21.875 C6.25,21.529822 6.52982203,21.25 6.875,21.25 L9.30555555,21.25 C9.65073352,21.25 9.93055555,21.529822 9.93055555,21.875 C9.93055555,22.220178 9.65073352,22.5 9.30555555,22.5 L7.5,22.5 L7.5,23.1197548 C7.5,23.4649327 7.22017797,23.7447548 6.875,23.7447548 L5,23.7447548 L5,25 L25,25 L25,23.7447548 L23.125,23.7447548 C22.779822,23.7447548 22.5,23.4649327 22.5,23.1197548 L22.5,22.5 L14.0662575,22.5 C13.2033125,22.5 12.5037575,21.800445 12.5037575,20.9375 L12.5037575,11.25 L8.75,11.25 L8.75,18.1622438 C8.75,18.5074217 8.47017797,18.7872438 8.125,18.7872438 C7.77982203,18.7872438 7.5,18.5074217 7.5,18.1622438 L7.5,11.25 Z"
+      })), node("defs", null, node("clipPath", {
+        id: "clip0_3480_40125"
+      }, node("rect", {
+        width: "31.4286",
+        height: "20.1533",
+        rx: "4",
+        fill: "white"
       }))));
     }
   }));

diff --git a/dist/paypal-sdk-logos.js b/dist/paypal-sdk-logos.js
diff --git a/dist/paypal-sdk-logos.js.map b/dist/paypal-sdk-logos.js.map
diff --git a/dist/paypal-sdk-logos.min.js b/dist/paypal-sdk-logos.min.js
diff --git a/dist/paypal-sdk-logos.min.js.map b/dist/paypal-sdk-logos.min.js.map
diff --git a/src/logos/bank/glyph/logo.jsx b/src/logos/bank/glyph/logo.jsx
@@ -9,7 +9,7 @@ import { LOGO_COLOR, LOGO } from "../../../constants";
 
 const LOGO_COLORS: LogoColorMap = {
   [LOGO_COLOR.DEFAULT]: {
-    primary: "#333030",
+    primary: "#142C8E",
   },
   [LOGO_COLOR.WHITE]: {
     primary: "#ffffff",
@@ -34,16 +34,32 @@ export function GlyphBank({
       render={() => {
         return (
           <svg
-            width="19px"
-            height="18px"
-            viewBox="0 0 19 18"
+            width="32"
+            height="21"
+            viewBox="0 0 32 21"
+            fill="none"
             xmlns="http://www.w3.org/2000/svg"
           >
-            <g transform="matrix(0.755484, 0, 0, 0.755484, 0.58609, -0.136891)">
-              <g transform="translate(-3.000000, -3.000000)" fill={primary}>
-                <path d="M7.5,11.25 L4.375,11.25 C3.73824612,11.25 3.50927246,10.4091381 4.05811242,10.0862911 L14.0493373,4.20910003 C14.6361169,3.86393557 15.3638831,3.86393557 15.9506627,4.20910003 L25.9418876,10.0862911 C26.4907275,10.4091381 26.2617539,11.25 25.625,11.25 L22.5,11.25 L22.5,18.1459005 C22.5,18.4910785 22.220178,18.7709005 21.875,18.7709005 C21.529822,18.7709005 21.25,18.4910785 21.25,18.1459005 L21.25,10.625 C21.25,10.279822 21.529822,10 21.875,10 L23.3298073,10 L15.3168875,5.28651779 C15.1212944,5.17146298 14.8787056,5.17146298 14.6831125,5.2865178 L6.67019269,10 L16.875,10 C17.9105339,10 18.75,10.8394661 18.75,11.875 L18.75,18.1459005 C18.75,18.4910785 18.470178,18.7709005 18.125,18.7709005 C17.779822,18.7709005 17.5,18.4910785 17.5,18.1459005 L17.5,11.875 C17.5,11.5298221 17.2201779,11.25 16.875,11.25 L13.7537575,11.25 L13.7537575,20.9375 C13.7537575,21.110089 13.8936685,21.25 14.0662575,21.25 L23.125,21.25 C23.470178,21.25 23.75,21.529822 23.75,21.875 L23.75,22.4947548 L25.625,22.4947548 C25.970178,22.4947548 26.25,22.7745768 26.25,23.1197548 L26.25,25.625 C26.25,25.970178 25.970178,26.25 25.625,26.25 L4.375,26.25 C4.02982203,26.25 3.75,25.970178 3.75,25.625 L3.75,23.1197548 C3.75,22.7745768 4.02982203,22.4947548 4.375,22.4947548 L6.25,22.4947548 L6.25,21.875 C6.25,21.529822 6.52982203,21.25 6.875,21.25 L9.30555555,21.25 C9.65073352,21.25 9.93055555,21.529822 9.93055555,21.875 C9.93055555,22.220178 9.65073352,22.5 9.30555555,22.5 L7.5,22.5 L7.5,23.1197548 C7.5,23.4649327 7.22017797,23.7447548 6.875,23.7447548 L5,23.7447548 L5,25 L25,25 L25,23.7447548 L23.125,23.7447548 C22.779822,23.7447548 22.5,23.4649327 22.5,23.1197548 L22.5,22.5 L14.0662575,22.5 C13.2033125,22.5 12.5037575,21.800445 12.5037575,20.9375 L12.5037575,11.25 L8.75,11.25 L8.75,18.1622438 C8.75,18.5074217 8.47017797,18.7872438 8.125,18.7872438 C7.77982203,18.7872438 7.5,18.5074217 7.5,18.1622438 L7.5,11.25 Z" />
-              </g>
+            <g clip-path="url(#clip0_3480_40125)">
+              <rect width="31.4286" height="20.1533" fill="#F7F5F0" />
+              <path
+                d="M20.442 14.4427H10.9873C10.7057 14.4427 10.4766 14.678 10.4766 14.9671V15.5922C10.4766 15.888 10.7057 16.1233 10.9873 16.1233H20.4355C20.717 16.1233 20.9462 15.888 20.9462 15.5989V14.9738C20.9528 14.678 20.7236 14.4427 20.442 14.4427Z"
+                fill={primary}
+              />
+              <path
+                d="M15.7758 4.03867C15.7356 4.02878 15.6937 4.02878 15.6535 4.03867L10.6773 5.26477C10.5596 5.29379 10.4766 5.4019 10.4766 5.52623V6.75275C10.4766 6.90125 10.5938 7.02164 10.7385 7.02164H20.6908C20.8355 7.02164 20.9528 6.90125 20.9528 6.75275V5.52623C20.9528 5.4019 20.8697 5.29379 20.752 5.26477L15.7758 4.03867Z"
+                fill={primary}
+              />
+              <path
+                d="M11.9956 12.4261C11.7075 12.4261 11.4718 12.6681 11.4718 12.9639V13.3C11.4718 13.3739 11.5307 13.4344 11.6028 13.4344H19.8528C19.9248 13.4344 19.9837 13.3739 19.9837 13.3V12.9639C19.9837 12.6681 19.748 12.4261 19.4599 12.4261H19.1849V9.03824H19.4664C19.7545 9.03824 19.9903 8.79625 19.9903 8.50048V8.16438C19.9903 8.09044 19.9313 8.02994 19.8593 8.02994H16.2188C16.1468 8.02994 16.0879 8.09044 16.0879 8.16438V8.50048C16.0879 8.79625 16.3236 9.03824 16.6117 9.03824H16.8932V12.4261H14.5688V9.03824H14.8504C15.1385 9.03824 15.3742 8.79625 15.3742 8.50048V8.16438C15.3742 8.09044 15.3153 8.02994 15.2432 8.02994H11.6093C11.5373 8.02994 11.4783 8.09044 11.4783 8.16438V8.50048C11.4783 8.79625 11.7141 9.03824 12.0022 9.03824H12.2837V12.4261H11.9956Z"
+                fill={primary}
+              />
             </g>
+            <defs>
+              <clipPath id="clip0_3480_40125">
+                <rect width="31.4286" height="20.1533" rx="4" fill="white" />
+              </clipPath>
+            </defs>
           </svg>
         );
       }}