@blockspoon/cert-badge-renderer 1.0.7 → 1.0.15

package/dist/templates/certificates/NewCertificateType2.js

@@ -10,21 +10,7 @@ function createNewCertificateType2({ mainColor = "#96A6B4", subColor = "#96A6B4"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       preserveAspectRatio="xMidYMid meet"
-      style={{
-        width: "100%",
-        height: "100%",
-        objectFit: "contain",
-        position: "absolute",
-        left: "50%",
-        top: "50%",
-        transform: "translate(-50%, -50%)",
-        maxWidth: "100%",
-        maxHeight: "100%",
-        zIndex: 1,
-        mixBlendMode: "normal",
-        pointerEvents: "none",
-        display: "block",
-      }}
+    
     >
       <rect
         width="1152"

package/dist/templates/certificates/NewCertificateType20.js

@@ -12,33 +12,15 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
     const paintId7 = `paint7_linear_${Math.random().toString(36).substr(2, 9)}`;
     const paintId8 = `paint8_linear_${Math.random().toString(36).substr(2, 9)}`;
     const paintId9 = `paint9_linear_${Math.random().toString(36).substr(2, 9)}`;
-    const paintId10 = `paint10_linear_${Math.random()
-        .toString(36)
-        .substr(2, 9)}`;
-    const paintId11 = `paint11_linear_${Math.random()
-        .toString(36)
-        .substr(2, 9)}`;
-    const paintId12 = `paint12_linear_${Math.random()
-        .toString(36)
-        .substr(2, 9)}`;
-    const paintId13 = `paint13_linear_${Math.random()
-        .toString(36)
-        .substr(2, 9)}`;
-    const paintId14 = `paint14_linear_${Math.random()
-        .toString(36)
-        .substr(2, 9)}`;
-    const paintId15 = `paint15_linear_${Math.random()
-        .toString(36)
-        .substr(2, 9)}`;
-    const paintId16 = `paint16_linear_${Math.random()
-        .toString(36)
-        .substr(2, 9)}`;
-    const paintId17 = `paint17_linear_${Math.random()
-        .toString(36)
-        .substr(2, 9)}`;
-    const paintId18 = `paint18_linear_${Math.random()
-        .toString(36)
-        .substr(2, 9)}`;
+    const paintId10 = `paint10_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId11 = `paint11_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId12 = `paint12_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId13 = `paint13_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId14 = `paint14_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId15 = `paint15_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId16 = `paint16_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId17 = `paint17_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId18 = `paint18_linear_${Math.random().toString(36).substr(2, 9)}`;
     return `
         <svg
         width="100%"
@@ -61,7 +43,7 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             height="238.403"
             transform="rotate(-30 -269.962 154.08)"
             stroke="url(#${paintId0})"
-            strokeWidth="1.36817"
+            stroke-width="1.36817"
           />
           <rect
             x="369.041"
@@ -70,7 +52,7 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             height="83.8251"
             transform="rotate(-30 369.041 28.3411)"
             stroke="url(#${paintId1})"
-            strokeWidth="5.47268"
+            stroke-width="5.47268"
           />
           <rect
             x="-248.071"
@@ -79,7 +61,7 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             height="238.403"
             transform="rotate(-30 -248.071 91.1433)"
             stroke="url(#${paintId2})"
-            strokeWidth="1.36817"
+            stroke-width="1.36817"
           />
           <rect
             x="-209.696"
@@ -88,7 +70,7 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             height="133.572"
             transform="rotate(-30 -209.696 114.536)"
             stroke="url(#${paintId3})"
-            strokeWidth="5.47268"
+            stroke-width="5.47268"
           />
           <rect
             x="544.102"
@@ -97,7 +79,7 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             height="238.403"
             transform="rotate(-30 544.102 951.723)"
             stroke="url(#${paintId4})"
-            strokeWidth="1.36817"
+            stroke-width="1.36817"
           />
           <rect
             x="764.378"
@@ -106,7 +88,7 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             height="238.403"
             transform="rotate(-30 764.378 894.26)"
             stroke="url(#${paintId5})"
-            strokeWidth="1.36817"
+            stroke-width="1.36817"
           />
           <rect
             x="815.068"
@@ -115,7 +97,7 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             height="133.572"
             transform="rotate(-30 815.068 758.945)"
             stroke="url(#${paintId6})"
-            strokeWidth="5.47268"
+            stroke-width="5.47268"
           />
           <g filter="url(#filter0_d_1917_501)">
             <rect
@@ -128,8 +110,8 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             />
           </g>
           <path
-            fillRule="evenodd"
-            clipRule="evenodd"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
             d="M1051.24 72H1026.63V97.9804H77.8477V122.593H1026.63V742H1051.24V122.593H1075.85V97.9804H1051.24V72Z"
             fill="url(#${paintId7})"
           />
@@ -156,7 +138,7 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             height="173.758"
             transform="rotate(-45 -49.086 738.297)"
             stroke="url(#${paintId8})"
-            strokeWidth="4.10451"
+            stroke-width="4.10451"
           />
           <rect
             x="12.4824"
@@ -165,7 +147,7 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             height="87.0954"
             transform="rotate(-45 12.4824 635.972)"
             stroke="url(#${paintId9})"
-            strokeWidth="4.10451"
+            stroke-width="4.10451"
           />
           <rect
             x="161.613"
@@ -173,8 +155,8 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             width="88.0261"
             height="88.0261"
             transform="rotate(-45 161.613 737.875)"
-            stroke="url(#${paintId10}"}
-            strokeWidth="4.10451"
+            stroke="url(#${paintId10}"
+            stroke-width="4.10451"
           />
 
           <rect
@@ -195,7 +177,7 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             filterUnits="userSpaceOnUse"
             colorInterpolationFilters="sRGB"
           >
-            <feFlood floodOpacity="0" result="BackgroundImageFix" />
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
             <feColorMatrix
               in="SourceAlpha"
               type="matrix"
@@ -223,13 +205,13 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
           </filter>
           <pattern
             id="pattern0_1917_501"
-            patternContentUnits="objectBoundingBox"
+            pattern-content-units="objectBoundingBox"
             width="1"
             height="1"
           ></pattern>
           <pattern
             id="pattern1_1917_501"
-            patternContentUnits="objectBoundingBox"
+            pattern-content-units="objectBoundingBox"
             width="1"
             height="1"
           >
@@ -241,10 +223,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="354.044"
             x2="-87.1615"
             y2="296.665"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId1}"
@@ -252,10 +234,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="101.905"
             x2="474.614"
             y2="50.3467"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId2}"
@@ -263,10 +245,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="291.108"
             x2="-65.2709"
             y2="233.728"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId3}"
@@ -274,10 +256,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="229.64"
             x2="-106.885"
             y2="196.365"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId4}"
@@ -285,10 +267,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="1151.69"
             x2="726.903"
             y2="1094.31"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId5}"
@@ -296,10 +278,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="1094.22"
             x2="947.178"
             y2="1036.84"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId6}"
@@ -307,10 +289,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="874.049"
             x2="917.879"
             y2="840.774"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId7}"
@@ -318,10 +300,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="-82.5102"
             x2="845.594"
             y2="860.233"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId8}"
@@ -329,10 +311,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="738.371"
             x2="-52.0619"
             y2="916.38"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId9}"
@@ -340,10 +322,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="636.01"
             x2="9.54232"
             y2="727.286"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId10}"
@@ -351,10 +333,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="737.913"
             x2="158.673"
             y2="830.12"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId11}"
@@ -362,10 +344,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="196"
             x2="1008.85"
             y2="231.2"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopOpacity="0.4" />
-            <stop offset="1" stopOpacity="0" />
+            <stop stop-opacity="0.4" />
+            <stop offset="1" stop-opacity="0" />
           </linearGradient>
           <linearGradient
             id="${paintId12}"
@@ -373,10 +355,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="92.8"
             x2="1008.85"
             y2="218.4"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId13}"
@@ -384,10 +366,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="178.616"
             x2="957.234"
             y2="207.432"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId14}"
@@ -395,10 +377,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="162.046"
             x2="967.207"
             y2="176.822"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId15}"
@@ -406,10 +388,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="178.542"
             x2="991.347"
             y2="193.468"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId16}"
@@ -417,10 +399,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="222.669"
             x2="1011.7"
             y2="217.132"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId17}"
@@ -428,10 +410,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="212.95"
             x2="1031.41"
             y2="207.413"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId18}"
@@ -439,10 +421,10 @@ function createNewCertificateType20({ mainColor = "#96A6B4", subColor = "#96A6B4
             y1="191.18"
             x2="1024.74"
             y2="188.308"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <clipPath id="clip0_1917_501">
             <rect

package/dist/templates/certificates/NewCertificateType21.js

@@ -26,15 +26,9 @@ function createNewCertificateType21({ mainColor = "#96A6B4", subColor = "#96A6B4
             height="814"
             transform="matrix(1 0 0 -1 0.847656 814)"
             fill="${mainColor}"
-            fillOpacity="0.1"
+            fill-opacity="0.1"
           />
-          <path d="M300.848 0V814" stroke="black" strokeWidth="2" />
-
-          <path
-            d="M1020.85 552H869.848"
-            stroke="${mainColor}"
-            strokeWidth="2"
-          /> */}
+          <path d="M300.848 0V814" stroke="black" stroke-width="2" />
 
           <path
             d="M364 214.5C364 215.6 363.1 216.5 362 216.5C360.9 216.5 360 215.6 360 214.5C360 213.4 360.9 212.5 362 212.5C363.1 212.5 364 213.4 364 214.5Z"
@@ -62,7 +56,7 @@ function createNewCertificateType21({ mainColor = "#96A6B4", subColor = "#96A6B4
             height="196"
             transform="matrix(1 0 0 -1 -28.1523 196)"
             fill="${extraColor1}"
-            fillOpacity="0.4"
+            fill-opacity="0.4"
           />
 
           <rect
@@ -88,7 +82,7 @@ function createNewCertificateType21({ mainColor = "#96A6B4", subColor = "#96A6B4
             rx="19"
             transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 228.98 398.852)"
             stroke="black"
-            strokeWidth="2"
+            stroke-width="2"
           />
 
           <rect x="360.848" y="641" width="80" height="80" />
@@ -110,14 +104,14 @@ function createNewCertificateType21({ mainColor = "#96A6B4", subColor = "#96A6B4
             fill="${extraColor2}"
           />
           <path
-            fillRule="evenodd"
-            clipRule="evenodd"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
             d="M188.848 624.619V575.784C188.848 521.243 148.106 477.028 97.8476 477.028H-44.1524C-94.4103 477.028 -135.152 521.243 -135.152 575.784L-135.152 823.216C-135.152 877.757 -94.4102 921.972 -44.1523 921.972L97.8477 921.972C148.106 921.972 188.848 877.757 188.848 823.216V709.267H247.848V823.216C247.848 913.119 180.69 986 97.8477 986L-44.1523 986C-126.995 986 -194.152 913.119 -194.152 823.216L-194.152 575.784C-194.152 485.881 -126.995 413 -44.1524 413H97.8476C180.69 413 247.848 485.881 247.848 575.784V624.619H188.848Z"
             fill="${subColor}"
           />
           <path
-            fillRule="evenodd"
-            clipRule="evenodd"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
             d="M112.848 -19.5V227.5C112.848 270.854 77.702 306 34.3477 306C-9.00669 306 -54.1523 270.854 -54.1523 227.5V-19.5C-54.1523 -62.8543 -9.00669 -98 34.3477 -98C77.702 -98 112.848 -62.8543 112.848 -19.5ZM34.3477 365C-41.5915 365 -113.152 303.439 -113.152 227.5V-19.5C-113.152 -95.4391 -41.5915 -157 34.3477 -157C110.287 -157 171.848 -95.4391 171.848 -19.5V227.5C171.848 303.439 110.287 365 34.3477 365Z"
             fill="${mainColor}"
           />
@@ -135,7 +129,7 @@ function createNewCertificateType21({ mainColor = "#96A6B4", subColor = "#96A6B4
             rx="19"
             transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 228.98 398.852)"
             stroke="black"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <rect
             y="-1.41421"
@@ -144,7 +138,7 @@ function createNewCertificateType21({ mainColor = "#96A6B4", subColor = "#96A6B4
             rx="13"
             transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 85.2813 701.452)"
             stroke="black"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <rect
             width="51.1951"
@@ -156,15 +150,15 @@ function createNewCertificateType21({ mainColor = "#96A6B4", subColor = "#96A6B4
           <path
             d="M259.848 853.5L259.848 771.5"
             stroke="black"
-            strokeWidth="2"
+            stroke-width="2"
           />
-          <path d="M235.848 831.5V757" stroke="black" strokeWidth="2" />
+          <path d="M235.848 831.5V757" stroke="black" stroke-width="2" />
           <path
             d="M225.848 174.5L300.348 174.5"
             stroke="black"
-            strokeWidth="2"
+            stroke-width="2"
           />
-          <path d="M245.848 150L299.848 150" stroke="black" strokeWidth="2" />
+          <path d="M245.848 150L299.848 150" stroke="black" stroke-width="2" />
           <rect
             x="1112.85"
             y="196"
@@ -179,10 +173,10 @@ function createNewCertificateType21({ mainColor = "#96A6B4", subColor = "#96A6B4
             height="196"
             transform="matrix(1 0 0 -1 -28.1523 196)"
             fill="${extraColor1}"
-            fillOpacity="0.4"
+            fill-opacity="0.4"
           />
-          <path d="M53.8477 90L53.8477 -5" stroke="black" strokeWidth="2" />
-          <path d="M29.8477 67.5V-7" stroke="black" strokeWidth="2" />
+          <path d="M53.8477 90L53.8477 -5" stroke="black" stroke-width="2" />
+          <path d="M29.8477 67.5V-7" stroke="black" stroke-width="2" />
 
           <mask
             id="mask0_1917_600"

package/dist/templates/certificates/NewCertificateType22.js

@@ -28,7 +28,7 @@ function createNewCertificateType22({ mainColor = "#96A6B4", subColor = "#96A6B4
             height="730"
             rx="10"
             stroke="black"
-            strokeWidth="4"
+            stroke-width="4"
           />
           <path
             d="M412.848 0L0.847656 124V0H412.848Z"
@@ -61,7 +61,7 @@ function createNewCertificateType22({ mainColor = "#96A6B4", subColor = "#96A6B4
           <path
             d="M1050.85 706H899.848"
             stroke="${mainColor}"
-            strokeWidth="2"
+            stroke-width="2"
           /> */}
           <path
             d="M0.847656 291V0H103.848L0.847656 291Z"

package/dist/templates/certificates/NewCertificateType23.js

@@ -105,12 +105,12 @@ function createNewCertificateType23({ mainColor = "#96A6B4", subColor = "#96A6B4
             fill="url(#pattern0_1917_861)"
           />
 
-          <path d="M833.047 621.8H1032.85" stroke="white" strokeWidth="1.6" />
+          <path d="M833.047 621.8H1032.85" stroke="white" stroke-width="1.6" />
 
           <path
             d="M832.849 542.4C832.849 516.332 853.981 495.2 880.049 495.2H1032.85V645.6C1032.85 671.668 1011.72 692.8 985.649 692.8H832.849V542.4Z"
             stroke="white"
-            strokeWidth="1.6"
+            stroke-width="1.6"
           />
 
           <mask