@blockspoon/cert-badge-renderer 1.0.50 → 1.0.52

package/dist/esm/templates/badges/BadgeType31.js

@@ -18,20 +18,22 @@ function createBadgeType31({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         display: block;
       "
     >
-      <g filter="url(#filter0_d_2407_140)">
+      <g
+        filter="url(#filter0_d_2407_140)"
+      >
         <path
           d="M12 264C12 124.824 124.824 12 264 12C403.176 12 516 124.824 516 264V416C516 471.228 471.228 516 416 516H112C56.7715 516 12 471.228 12 416V264Z"
           fill="white"
-        />
+         />
       </g>
       <path
         d="M32 264C32 135.87 135.87 32 264 32C392.13 32 496 135.87 496 264V403.2C496 454.452 454.452 496 403.2 496H124.8C73.548 496 32 454.452 32 403.2V264Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M52 264C52 146.916 146.916 52 264 52C381.084 52 476 146.916 476 264V391.2C476 438.034 438.034 476 391.2 476H136.8C89.9663 476 52 438.034 52 391.2V264Z"
         fill="${subColor}"
-      />
+       />
       <mask
         id="mask0_2407_140"
         style="mask-type:alpha"
@@ -43,14 +45,40 @@ function createBadgeType31({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
       >
         <path
           d="M52 264C52 146.916 146.916 52 264 52C381.084 52 476 146.916 476 264V391.2C476 438.034 438.034 476 391.2 476H136.8C89.9663 476 52 438.034 52 391.2V264Z"
-          fill="white"
-        />
+          fill="#FF5D94"
+         />
       </mask>
-      <g mask="url(#mask0_2407_140)">
-        <ellipse cx="81" cy="397.5" rx="105" ry="84.5" fill="white" />
-        <ellipse cx="447.012" cy="397.5" rx="106" ry="84.5" fill="white" />
-        <ellipse cx="413" cy="347.5" rx="51" ry="57.5" fill="white" />
-        <ellipse cx="113.5" cy="343.5" rx="48.5" ry="57.5" fill="white" />
+      <g
+        mask="url(#mask0_2407_140)"
+      >
+        <ellipse
+          cx="81"
+          cy="397.5"
+          rx="105"
+          ry="84.5"
+          fill="white"
+         />
+        <ellipse
+          cx="447.012"
+          cy="397.5"
+          rx="106"
+          ry="84.5"
+          fill="white"
+         />
+        <ellipse
+          cx="413"
+          cy="347.5"
+          rx="51"
+          ry="57.5"
+          fill="white"
+         />
+        <ellipse
+          cx="113.5"
+          cy="343.5"
+          rx="48.5"
+          ry="57.5"
+          fill="white"
+         />
         <ellipse
           cx="41.6091"
           cy="58.9546"
@@ -58,7 +86,7 @@ function createBadgeType31({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           ry="58.9546"
           transform="matrix(0.916188 0.400749 -0.476857 0.878981 143.273 299.098)"
           fill="white"
-        />
+         />
         <ellipse
           cx="36.2033"
           cy="58.9546"
@@ -66,7 +94,7 @@ function createBadgeType31({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           ry="58.9546"
           transform="matrix(-0.916188 0.400749 0.476857 0.878981 383.719 299.312)"
           fill="white"
-        />
+         />
         <ellipse
           cx="47.9925"
           cy="58.9546"
@@ -74,7 +102,7 @@ function createBadgeType31({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           ry="58.9546"
           transform="matrix(0.916188 0.400749 -0.476857 0.878981 178.953 318.684)"
           fill="white"
-        />
+         />
         <ellipse
           cx="47.9925"
           cy="58.9546"
@@ -82,45 +110,80 @@ function createBadgeType31({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           ry="58.9546"
           transform="matrix(-0.916188 0.400749 0.476857 0.878981 357.941 314.566)"
           fill="white"
-        />
+         />
         <path
           d="M300 344.5C280.5 360 249.019 356.346 234.54 346.058L67 485.5L461.5 491.5L300 344.5Z"
           fill="white"
-        />
+         />
       </g>
       <path
         d="M143.58 324.96C131.116 308.011 110.966 311.251 102.449 314.99C126.878 314.99 136.725 327.037 138.594 333.06C150.061 329.072 164.976 334.722 171 338.045C162.525 324.087 149.188 323.506 143.58 324.96Z"
         fill="black"
         fill-opacity="0.11"
-      />
+       />
       <path
         d="M85 353C91.8551 347.807 108.681 339.167 121.145 346.146C113.251 339.499 94.971 331.564 85 353Z"
         fill="black"
         fill-opacity="0.11"
-      />
+       />
       <path
         d="M384.42 324.96C396.884 308.011 417.034 311.251 425.551 314.99C401.122 314.99 391.275 327.037 389.406 333.06C377.939 329.072 363.024 334.722 357 338.045C365.475 324.087 378.812 323.506 384.42 324.96Z"
         fill="black"
         fill-opacity="0.11"
-      />
+       />
       <path
         d="M443 353C436.145 347.807 419.319 339.167 406.855 346.146C414.749 339.499 433.029 331.564 443 353Z"
         fill="black"
         fill-opacity="0.11"
-      />
-      <circle cx="410" cy="239" r="43" fill="white" />
-      <circle cx="410" cy="239" r="40" fill="${subColor}" />
-      <circle cx="410" cy="239" r="38" fill="white" />
+       />
+      <circle
+        cx="410"
+        cy="239"
+        r="43"
+        fill="white"
+       />
+      <circle
+        cx="410"
+        cy="239"
+        r="40"
+        fill="${subColor}"
+       />
+      <circle
+        cx="410"
+        cy="239"
+        r="38"
+        fill="white"
+       />
       <path
         fill-rule="evenodd"
         clip-rule="evenodd"
         d="M143.2 248.641C140.466 249.502 137.541 249.969 134.5 249.969C119.312 249.969 107 238.328 107 223.969C107 216.998 109.901 210.669 114.624 206C98.6943 206.719 86 219.862 86 235.969C86 252.538 99.4315 265.969 116 265.969C128.04 265.969 138.424 258.876 143.2 248.641Z"
         fill="white"
-      />
-      <circle cx="139" cy="202" r="4" fill="white" />
-      <circle cx="67" cy="291" r="3" fill="white" />
-      <circle cx="362" cy="293" r="3" fill="white" />
-      <circle cx="465" cy="268" r="4" fill="white" />
+       />
+      <circle
+        cx="139"
+        cy="202"
+        r="4"
+        fill="white"
+       />
+      <circle
+        cx="67"
+        cy="291"
+        r="3"
+        fill="white"
+       />
+      <circle
+        cx="362"
+        cy="293"
+        r="3"
+        fill="white"
+       />
+      <circle
+        cx="465"
+        cy="268"
+        r="4"
+        fill="white"
+       />
       <defs>
         <filter
           id="filter0_d_2407_140"
@@ -131,31 +194,39 @@ function createBadgeType31({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           filterUnits="userSpaceOnUse"
           color-interpolation-filters="sRGB"
         >
-          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feFlood
+            flood-opacity="0"
+            result="BackgroundImageFix"
+           />
           <feColorMatrix
             in="SourceAlpha"
             type="matrix"
             values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
             result="hardAlpha"
-          />
+           />
           <feOffset />
-          <feGaussianBlur stdDeviation="6" />
-          <feComposite in2="hardAlpha" operator="out" />
+          <feGaussianBlur
+            stdDeviation="6"
+           />
+          <feComposite
+            in2="hardAlpha"
+            operator="out"
+           />
           <feColorMatrix
             type="matrix"
             values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
-          />
+           />
           <feBlend
             mode="normal"
             in2="BackgroundImageFix"
             result="effect1_dropShadow_2407_140"
-          />
+           />
           <feBlend
             mode="normal"
             in="SourceGraphic"
             in2="effect1_dropShadow_2407_140"
             result="shape"
-          />
+           />
         </filter>
       </defs>
     </svg>

package/dist/esm/templates/badges/BadgeType36.js

@@ -23,15 +23,15 @@ function createBadgeType36({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
       <path
         d="M38 190C38 85.0659 123.066 0 228 0C332.934 0 418 85.0659 418 190V361.818C418 381.801 401.801 398 381.818 398H74.1818C54.1992 398 38 381.801 38 361.818V190Z"
         fill="url(#${paintId0})"
-      />
+       />
       <path
         d="M54 190C54 93.9025 131.902 16 228 16C324.098 16 402 93.9025 402 190V347.818C402 366.144 387.144 381 368.818 381H87.1818C68.856 381 54 366.144 54 347.818V190Z"
         fill="white"
-      />
+       />
       <path
         d="M64 190C64 99.4253 137.425 26 228 26C318.575 26 392 99.4253 392 190V335.091C392 352.162 378.162 366 361.091 366H94.9091C77.8385 366 64 352.162 64 335.091V190Z"
         fill="${mainColor}"
-      />
+       />
       <mask
         id="mask0_2407_307"
         style="mask-type:alpha"
@@ -44,9 +44,11 @@ function createBadgeType36({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         <path
           d="M64 112C64 98.7452 74.7452 88 88 88H368C381.255 88 392 98.7452 392 112V295H64V112Z"
           fill="#5890CB"
-        />
+         />
       </mask>
-      <g mask="url(#mask0_2407_307)">
+      <g
+        mask="url(#mask0_2407_307)"
+      >
         <ellipse
           cx="228.5"
           cy="300.5"
@@ -54,39 +56,39 @@ function createBadgeType36({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           ry="97.5"
           fill="black"
           fill-opacity="0.2"
-        />
+         />
       </g>
       <path
         d="M441.15 446.417L243.731 513.532C234.053 516.823 221.947 516.823 212.269 513.532L14.8497 446.417C5.63723 443.287 0 430.794 0 424.704V317.227C0 307.648 13.6857 295 30.5807 295H425.419C442.314 295 456 307.648 456 317.227V424.694C456 430.785 450.363 443.277 441.15 446.407V446.417Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M426.192 440.492L242.627 497.89C233.628 500.703 222.372 500.703 213.373 497.89L29.8076 440.492C21.2416 437.815 16 427.132 16 421.923V330.009C16 321.817 22.7253 311 38.4347 311H417.565C433.275 311 440 321.817 440 330.009V421.915C440 427.124 434.758 437.807 426.192 440.484V440.492Z"
         fill="white"
-      />
+       />
       <path
         d="M418.713 434.951L242.075 491.046C233.416 493.651 222.584 493.651 213.925 491.046L37.2866 434.951C29.0438 432.472 24 425.529 24 420.707V335.601C24 328.016 28.2451 318 43.3617 318H412.638C427.755 318 432 328.016 432 335.601V420.699C432 425.522 426.956 432.465 418.713 434.943V434.951Z"
         fill="url(#${paintId1})"
-      />
+       />
       <path
         d="M418.713 434.951L242.075 491.046C233.416 493.651 222.584 493.651 213.925 491.046L37.2866 434.951C29.0438 432.472 24 425.529 24 420.707V335.601C24 328.016 28.2451 318 43.3617 318H412.638C427.755 318 432 328.016 432 335.601V420.699C432 425.522 426.956 432.465 418.713 434.943V434.951Z"
         fill="white"
         fill-opacity="0.3"
-      />
+       />
       <rect
         width="380"
         height="24"
         transform="matrix(1 0 0 -1 38 295)"
         fill="url(#paint2_linear_2407_307)"
         fill-opacity="0.4"
-      />
+       />
       <path
         d="M197 461H259"
         stroke="black"
         stroke-opacity="0.5"
         stroke-width="4"
         stroke-linecap="round"
-      />
+       />
       <mask
         id="mask1_2407_307"
         style="mask-type:alpha"
@@ -99,10 +101,18 @@ function createBadgeType36({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         <path
           d="M64 190C64 99.4253 137.425 26 228 26C318.575 26 392 99.4253 392 190V335.091C392 352.162 378.162 366 361.091 366H94.9091C77.8385 366 64 352.162 64 335.091V190Z"
           fill="${mainColor}"
-        />
+         />
       </mask>
-      <g mask="url(#mask1_2407_307)">
-        <ellipse cx="228" cy="26" rx="108" ry="73" fill="#7368E8" />
+      <g
+        mask="url(#mask1_2407_307)"
+      >
+        <ellipse
+          cx="228"
+          cy="26"
+          rx="108"
+          ry="73"
+          fill="${subColor}"
+         />
       </g>
       <defs>
         <linearGradient
@@ -113,8 +123,13 @@ function createBadgeType36({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="398"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="1" stop-color="${subColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${subColor}"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId1}"
@@ -124,8 +139,13 @@ function createBadgeType36({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="520.931"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="1" stop-color="#360A8C" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${subColor}"
+           />
         </linearGradient>
         <linearGradient
           id="paint2_linear_2407_307"
@@ -136,7 +156,10 @@ function createBadgeType36({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
       </defs>
     </svg>

package/dist/esm/templates/badges/BadgeType4.js

@@ -32,7 +32,7 @@ function createBadgeType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         cy="227"
         r="227"
         fill="url(#${paintId0})"
-      />
+       />
       <circle
         cx="227"
         cy="227"
@@ -40,9 +40,19 @@ function createBadgeType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         stroke="white"
         stroke-opacity="0.3"
         stroke-width="4"
-      />
-      <circle cx="227" cy="227" r="182" fill="#EFEFEF" />
-      <circle cx="227" cy="227" r="164" fill="white" />
+       />
+      <circle
+        cx="227"
+        cy="227"
+        r="182"
+        fill="#EFEFEF"
+       />
+      <circle
+        cx="227"
+        cy="227"
+        r="164"
+        fill="white"
+       />
       <circle
         cx="227"
         cy="227"
@@ -50,7 +60,7 @@ function createBadgeType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         stroke="black"
         stroke-opacity="0.5"
         stroke-width="13"
-      />
+       />
       <defs>
         <linearGradient
           id="${paintId0}"
@@ -60,8 +70,13 @@ function createBadgeType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="454"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="1" stop-color="${subColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${subColor}"
+           />
         </linearGradient>
       </defs>
     </svg>