@blockspoon/cert-badge-renderer 1.0.22 → 1.0.23

package/dist/cjs/templates/badges/BadgeType16.js

@@ -0,0 +1,188 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType16 = createBadgeType16;
+function createBadgeType16({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 540 540"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <g clip-path="url(#clip0_2384_1396)">
+        <path
+          d="M373.236 28.9268L166.756 29.154C144.595 29.1792 124.097 41.0138 112.994 60.1933L9.54156 238.906C-1.56085 258.085 -1.58041 281.702 9.47834 300.857L112.522 479.333C123.58 498.487 144.043 510.279 166.204 510.254L372.684 510.026C394.845 510.001 415.344 498.167 426.446 478.987L529.883 300.284C540.985 281.104 541.005 257.487 529.946 238.333L426.903 59.8567C415.844 40.7023 395.381 28.9108 373.22 28.936L373.236 28.9268Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M479.701 112.932L300.771 9.88879C281.566 -1.16996 257.897 -1.16996 238.692 9.88879L59.743 112.932C40.5383 123.991 28.7129 144.434 28.7129 166.551V372.638C28.7129 394.756 40.5383 415.199 59.743 426.257L238.674 529.301C257.878 540.359 281.548 540.359 300.752 529.301L479.683 426.257C498.888 415.199 510.713 394.756 510.713 372.638V166.551C510.713 144.434 498.888 123.991 479.683 112.932H479.701Z"
+          fill="white"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M463.116 126.678L463.112 126.675L463.099 126.668H463.116L463.103 126.66L463.099 126.658L456.215 122.668L298.317 31.143C280.629 20.8911 258.829 20.8911 241.141 31.143L76.3255 126.668C58.6375 136.92 47.7461 155.871 47.7461 176.375V191.595H51.7461V176.375C51.7461 157.291 61.883 139.662 78.3313 130.128L243.147 34.6037L241.472 31.7134L243.147 34.6037C259.595 25.0709 279.864 25.0709 296.311 34.6037L448.239 122.668H448.221L461.093 130.128C477.541 139.662 487.678 157.291 487.678 176.375V191.595H491.678V176.375C491.678 158.301 483.216 141.434 469.095 130.668C467.202 129.224 465.206 127.89 463.116 126.678Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M36.7129 375.595H502.713V163.595H36.7129V375.595Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M36.7129 171.595H502.713V367.595H36.7129V171.595Z"
+          fill="url(#${paintId0})"
+        />
+        <path
+          d="M36.7129 171.595H502.713V367.595H36.7129V171.595Z"
+          fill="url(#paint1_linear_2384_1396)"
+          fill-opacity="0.4"
+        />
+        <path
+          d="M523.56 227.262L508.713 201.595L508.213 337.718L523.56 311.216V227.262Z"
+          fill="url(#paint2_linear_2384_1396)"
+        />
+        <path
+          d="M15.8484 227.938L30.6955 202.271L31.1953 338.394L15.8484 311.892V227.938Z"
+          fill="url(#paint3_linear_2384_1396)"
+        />
+        <path
+          d="M360.494 28.9266L330.842 28.951L448.478 97.4456L433.2 70.9035L360.494 28.9266Z"
+          fill="url(#paint4_linear_2384_1396)"
+        />
+        <path
+          d="M106.131 468.258L91.3263 442.567L209.463 510.196L178.837 510.235L106.131 468.258Z"
+          fill="url(#paint5_linear_2384_1396)"
+        />
+        <path
+          d="M106.692 71.0875L91.8868 96.7791L210.023 29.1501L179.398 29.1105L106.692 71.0875Z"
+          fill="url(#paint6_linear_2384_1396)"
+        />
+        <path
+          d="M360.021 510.111L330.369 510.086L448.006 441.591L432.727 468.134L360.021 510.111Z"
+          fill="url(#paint7_linear_2384_1396)"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M479.697 112.94C479.698 112.941 479.7 112.942 479.701 112.943C485.742 116.424 491.052 120.834 495.493 125.932C505.163 137.034 510.713 151.4 510.713 166.551V372.638C510.713 394.756 498.888 415.199 479.683 426.257L300.752 529.301C281.548 540.359 257.878 540.359 238.674 529.301L59.743 426.257C40.5383 415.199 28.7129 394.756 28.7129 372.638V166.551C28.7129 144.434 40.5383 123.991 59.743 112.932L238.692 9.88879L245.179 21.1546L66.2302 124.198C66.2302 124.198 66.2302 124.198 66.2302 124.198C51.048 132.94 41.7129 149.092 41.7129 166.551V372.638C41.7129 390.098 51.048 406.249 66.2302 414.992L245.161 518.035C260.35 526.781 279.076 526.781 294.265 518.035C294.264 518.035 294.265 518.035 294.265 518.035L473.195 414.992C488.377 406.249 497.713 390.098 497.713 372.638V166.551C497.713 149.092 488.378 132.94 473.196 124.198L431.056 99.9321H431.078L294.284 21.1545C294.283 21.1544 294.284 21.1546 294.284 21.1545C279.095 12.4084 260.368 12.4083 245.179 21.1546L238.692 9.88879C257.897 -1.16996 281.566 -1.16996 300.771 9.88879L479.701 112.932H479.683C479.687 112.935 479.692 112.937 479.697 112.94Z"
+          fill="${subColor}"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M497.713 173.595H41.7129V171.595H497.713V173.595Z"
+          fill="white"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M497.713 367.595H41.7129V365.595H497.713V367.595Z"
+          fill="white"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="36.7129"
+          y1="171.595"
+          x2="502.713"
+          y2="367.595"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2384_1396"
+          x1="269.713"
+          y1="171.595"
+          x2="269.713"
+          y2="367.595"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="white" />
+          <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_2384_1396"
+          x1="521.713"
+          y1="270.899"
+          x2="505.673"
+          y2="270.899"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
+        </linearGradient>
+        <linearGradient
+          id="paint3_linear_2384_1396"
+          x1="17.6955"
+          y1="271.575"
+          x2="33.7351"
+          y2="271.575"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
+        </linearGradient>
+        <linearGradient
+          id="paint4_linear_2384_1396"
+          x1="397.361"
+          y1="52.3449"
+          x2="389.341"
+          y2="66.2356"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
+        </linearGradient>
+        <linearGradient
+          id="paint5_linear_2384_1396"
+          x1="144.846"
+          y1="488.477"
+          x2="152.866"
+          y2="474.587"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
+        </linearGradient>
+        <linearGradient
+          id="paint6_linear_2384_1396"
+          x1="145.406"
+          y1="50.8684"
+          x2="153.426"
+          y2="64.7591"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
+        </linearGradient>
+        <linearGradient
+          id="paint7_linear_2384_1396"
+          x1="396.889"
+          y1="486.692"
+          x2="388.869"
+          y2="472.801"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
+        </linearGradient>
+        <clipPath id="clip0_2384_1396">
+          <rect width="540" height="540" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/badges/BadgeType17.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createBadgeType17({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/badges/BadgeType17.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType17 = createBadgeType17;
+function createBadgeType17({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 536 537"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M388.379 9.39297C382.376 3.37934 374.228 0 365.731 0H170.259C161.762 0 153.614 3.37961 147.611 9.39368L9.35149 147.911C3.36322 153.911 0 162.041 0 170.517V366.473C0 374.95 3.36296 383.08 9.3508 389.079L147.611 527.606C153.614 533.62 161.762 537 170.26 537H365.731C374.228 537 382.376 533.62 388.379 527.606L526.648 389.079C532.637 383.08 536 374.949 536 366.473V170.518C536 162.041 532.636 153.91 526.648 147.911L388.379 9.39297Z"
+        fill="url(#${paintId0})"
+      />
+      <path
+        d="M381.752 25.3943C375.749 19.3798 367.601 16 359.103 16H176.888C168.39 16 160.241 19.3801 154.238 25.395L25.3502 154.539C19.3627 160.538 16 168.668 16 177.144V359.847C16 368.323 19.3624 376.452 25.3495 382.452L154.238 511.604C160.241 517.62 168.39 521 176.889 521H359.103C367.601 521 375.75 517.62 381.752 511.605L510.65 382.452C516.637 376.453 520 368.323 520 359.847V177.145C520 168.668 516.637 160.538 510.649 154.539L381.752 25.3943Z"
+        fill="white"
+      />
+      <path
+        d="M376.782 37.3954C370.779 31.3803 362.63 28 354.132 28H181.86C173.361 28 165.212 31.3806 159.209 37.3961L37.3491 159.51C31.3623 165.509 28 173.638 28 182.114V354.878C28 363.353 31.362 371.482 37.3483 377.481L159.209 499.603C165.212 505.619 173.362 509 181.86 509H354.131C362.63 509 370.779 505.619 376.782 499.604L498.651 377.481C504.638 371.482 508 363.353 508 354.878V182.114C508 173.639 504.637 165.509 498.65 159.51L376.782 37.3954Z"
+        fill="${mainColor}"
+      />
+      <rect
+        x="41.0898"
+        y="187.426"
+        width="453.821"
+        height="193.574"
+        fill="url(#paint1_linear_2384_1397)"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M354.132 33C361.302 33 368.178 35.8521 373.243 40.9274L495.111 163.042C500.163 168.104 503 174.963 503 182.114V354.878C503 362.029 500.163 368.888 495.112 373.95L373.243 496.072C368.178 501.148 361.302 504 354.131 504H181.86C174.69 504 167.813 501.147 162.748 496.071L40.8877 373.95C35.8367 368.888 33 362.029 33 354.878V182.114C33 174.963 35.8369 168.104 40.8883 163.042L162.748 40.928C167.813 35.8524 174.689 33 181.86 33H354.132Z"
+        stroke="black"
+        stroke-opacity="0.4"
+        stroke-width="10"
+      />
+      <path
+        d="M354.138 40.5C359.316 40.5 364.283 42.5601 367.941 46.226L489.803 168.346C493.451 172.001 495.5 176.955 495.5 182.12V354.872C495.5 360.037 493.451 364.99 489.804 368.646L367.941 490.774C364.283 494.44 359.316 496.5 354.137 496.5H181.855C176.676 496.5 171.709 494.44 168.051 490.773L46.196 368.646C42.5485 364.99 40.5 360.037 40.5 354.873V182.119C40.5 176.955 42.5486 172.001 46.1964 168.346L168.051 46.2264C171.709 42.5603 176.675 40.5 181.854 40.5H354.138Z"
+        stroke="white"
+        stroke-width="5"
+      />
+      <path
+        d="M56.0039 381L165.306 489.691C171.302 495.653 179.414 499 187.87 499H348.129C356.585 499 364.697 495.653 370.693 489.691L479.999 381H56.0039Z"
+        fill="white"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="268"
+          y1="0"
+          x2="268"
+          y2="537"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2384_1397"
+          x1="268"
+          y1="253.865"
+          x2="268"
+          y2="381"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="white" />
+          <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/badges/BadgeType18.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createBadgeType18({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/badges/BadgeType18.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType18 = createBadgeType18;
+function createBadgeType18({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 460 462"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M410.277 0C437.661 0 460 20.0121 460 44.5431V255.854C460 369.471 356.71 462 229.88 462C103.29 462 0 369.686 0 255.854V44.5431C0 20.0121 22.3394 0 49.7232 0H410.277Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M398.52 13C424.118 13 445 31.8426 445 54.9399V253.901C445 360.878 348.447 448 229.888 448C111.554 448 15 361.081 15 253.901V54.9399C15 31.8426 35.8825 13 61.4804 13H398.52Z"
+        fill="white"
+      />
+      <path
+        d="M229.888 448.099C348.447 448.099 445 360.977 445 254H15C15 361.18 111.554 448.099 229.888 448.099Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M229.916 375C318.697 375 391 307.223 391 224H69C69 307.381 141.303 375 229.916 375Z"
+        fill="white"
+      />
+      <path
+        d="M389.114 27C412.371 27 431 44.1338 431 64.7224V253.164C431 353.197 340.923 435 229.894 435C119.077 435 29 353.389 29 253.164V64.7224C29 44.1338 47.6293 27 70.8862 27H389.114Z"
+        stroke="${mainColor}"
+        stroke-width="4"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M27.0021 254C27.501 355.128 118.471 437 229.894 437C341.527 437 432.498 354.938 432.998 254H445C445 360.977 348.447 448.099 229.888 448.099C111.554 448.099 15 361.18 15 254H27.0021Z"
+        fill="white"
+      />
+    </svg>
+  `;
+}

package/dist/cjs/templates/badges/BadgeType19.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createBadgeType19({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/badges/BadgeType19.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType19 = createBadgeType19;
+function createBadgeType19({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 422 456"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M105.159 455.707C47.2422 455.707 0 412.883 0 360.177V95.617C0 43.1167 47.2422 0.292969 105.159 0.292969H316.841C374.758 0.292969 422 43.1167 422 95.617V360.177C422 412.677 374.758 455.501 316.841 455.501L105.159 455.707Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M114.69 437.634C61.9882 437.634 19 398.209 19 349.686V106.122C19 57.7887 61.9882 18.3636 114.69 18.3636H307.31C360.012 18.3636 403 57.7887 403 106.122V349.686C403 398.019 360.012 437.444 307.31 437.444L114.69 437.634Z"
+        fill="white"
+      />
+      <mask
+        id="mask0_2384_1403"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="19"
+        y="4"
+        width="384"
+        height="434"
+      >
+        <path
+          d="M114.688 437.633C61.9872 437.633 19 396.933 19 346.842V95.4045C19 45.5084 61.9872 4.80884 114.688 4.80884H307.304C360.005 4.80884 402.992 45.5084 402.992 95.4045V346.842C403.683 398.778 360.696 437.437 307.304 437.437L114.688 437.633Z"
+          fill="white"
+        />
+      </mask>
+      <g mask="url(#mask0_2384_1403)">
+        <path
+          d="M48.4609 364.687C51.4283 364.149 54.4677 364.61 57.0205 365.984L74.4369 375.362C76.0508 376.231 75.5859 378.516 73.7175 378.897L64.1164 380.856C61.1434 381.463 58.0721 381.062 55.473 379.727L36.9355 370.207C35.2635 369.349 35.7484 366.992 37.6689 366.644L48.4609 364.687Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M227.862 374.051C231.559 373.348 235.345 373.829 238.601 375.415L318.515 414.342C320.498 415.308 321.196 417.628 320.075 419.529L288.031 473.886C286.91 475.788 284.393 476.55 282.406 475.591L126.503 400.292C123.089 398.643 124.014 393.795 127.884 393.059L227.862 374.051Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M298.565 396.583C303.252 395.444 308.14 395.853 312.39 397.739L418.61 444.888C420.627 445.783 421.415 448.075 420.373 450.012L402.505 483.22C401.438 485.204 398.872 486.043 396.837 485.075L250.137 415.287C246.799 413.7 247.546 408.984 251.278 408.077L298.565 396.583Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M199.746 414.085C204.4 412.957 209.253 413.356 213.483 415.214L329.189 466.038C331.216 466.929 332.011 469.226 330.966 471.169L313.085 504.401C312.026 506.37 309.487 507.214 307.455 506.273L149.634 433.186C146.258 431.623 146.986 426.868 150.741 425.958L199.746 414.085Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M76.6085 363.581C79.553 362.947 82.6031 363.311 85.1984 364.604L122.178 383.028C125.525 384.695 124.639 389.407 120.833 390.181L105.633 393.272C102.777 393.853 99.831 393.499 97.3047 392.273L59.8349 374.079C56.472 372.446 57.2997 367.734 61.0927 366.918L76.6085 363.581Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M310.262 362.262C313.047 361.465 315.991 361.602 318.586 362.65L376.685 386.112C379.84 387.386 379.8 391.648 376.619 393.161L356.179 402.885C351.443 405.138 345.968 405.183 341.419 403.006L285.54 376.268C282.287 374.712 282.915 370.091 286.521 369.059L310.262 362.262Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M385.778 366.569C386.655 366.271 387.596 366.26 388.452 366.536L440.862 383.455C443.875 384.428 444.41 388.256 441.805 390.201L429.975 399.038C428.763 399.943 427.161 400.163 425.804 399.611L372.826 378.062C369.455 376.69 369.813 371.986 373.381 370.775L385.778 366.569Z"
+          fill="${subColor}"
+        />
+      </g>
+      <path
+        d="M304.299 430.125H304.3C354.885 430.125 396 392.259 396 346.014V109.8C396 63.5557 354.885 25.6892 304.3 25.6892H117.7C67.1149 25.6892 26 63.5557 26 109.8V346.014C26 392.443 67.1159 430.308 117.699 430.309L304.299 430.125ZM304.299 430.125L117.7 430.309L304.299 430.125Z"
+        stroke="${mainColor}"
+        stroke-width="2"
+      />
+    </svg>
+  `;
+}

package/dist/cjs/templates/badges/BadgeType2.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createBadgeType2({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/badges/BadgeType2.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType2 = createBadgeType2;
+function createBadgeType2({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 478 489"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M444.148 378.396L274.839 479.153C252.771 492.282 225.212 492.282 203.161 479.153L33.8515 378.396C12.8468 365.891 0 343.387 0 319.084V69.1547C0 30.9622 31.202 0 69.6902 0H408.31C446.798 0 478 30.9622 478 69.1547V319.084C478 343.387 465.153 365.891 444.148 378.396Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M432.99 376.182L272.889 470.758C252.022 483.081 225.962 483.081 205.111 470.758L45.0102 376.182C25.1481 364.443 13 343.32 13 320.508V85.9121C13 50.0627 42.5048 21 78.8995 21H399.101C435.495 21 465 50.0627 465 85.9121V320.508C465 343.32 452.852 364.443 432.99 376.182Z"
+        fill="#101113"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M426.981 366.896L271.84 458.999C251.618 471 226.366 471 206.16 458.999L51.0187 366.896C31.7718 355.464 20 334.893 20 312.678V84.2151C20 49.3029 48.5909 21 83.8584 21H394.142C429.409 21 458 49.3029 458 84.2151V312.678C458 334.893 446.228 355.464 426.981 366.896Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M417.539 360.872L270.19 448.442C250.985 459.853 227 459.853 207.81 448.442L60.4607 360.872C42.1805 350.003 31 330.444 31 309.322V92.1038C31 58.9099 58.1548 32 91.6509 32H386.349C419.845 32 447 58.9099 447 92.1038V309.322C447 330.444 435.819 350.003 417.539 360.872Z"
+        fill="white"
+      />
+    </svg>
+  `;
+}

package/dist/cjs/templates/badges/BadgeType20.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createBadgeType20({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/badges/BadgeType20.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType20 = createBadgeType20;
+function createBadgeType20({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId1 = `paint1_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 536 536"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <circle
+        cx="268"
+        cy="268"
+        r="268"
+        fill="url(#${paintId0})"
+      />
+      <circle cx="268" cy="268" r="248" fill="${mainColor}" />
+      <circle
+        cx="268"
+        cy="268"
+        r="245.5"
+        stroke="black"
+        stroke-opacity="0.5"
+        stroke-width="5"
+      />
+      <ellipse
+        cx="268"
+        cy="279"
+        rx="216"
+        ry="211"
+        fill="black"
+        fill-opacity="0.3"
+      />
+      <circle
+        cx="268"
+        cy="268"
+        r="209"
+        fill="url(#${paintId1})"
+      />
+      <circle cx="268" cy="267" r="199" stroke="white" stroke-width="2" />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M75.8994 185H460.102C470.978 211.204 477.001 240.078 477.001 270.409C477.001 290.661 474.316 310.264 469.294 328.855H66.7077C61.6855 310.264 59 290.661 59 270.409C59 240.078 65.0236 211.204 75.8994 185Z"
+        fill="url(#paint2_linear_2384_1404)"
+        fill-opacity="0.3"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="268"
+          y1="0"
+          x2="268"
+          y2="536"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId1}"
+          x1="268"
+          y1="59"
+          x2="268"
+          y2="477"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_2384_1404"
+          x1="268.001"
+          y1="215.822"
+          x2="268.001"
+          y2="376.6"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="white" />
+          <stop offset="1" stop-color="white" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/badges/BadgeType21.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createBadgeType21({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/badges/BadgeType21.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType21 = createBadgeType21;
+function createBadgeType21({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 421 488"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+       <path
+          d="M420 355.131C420 366.872 413.57 377.67 403.248 383.264L225.248 479.736C215.736 484.891 204.264 484.891 194.752 479.736L16.7522 383.264C6.42978 377.67 0 366.872 0 355.131V97.5405C0 86.5242 5.58358 76.2255 14.7074 70.0518C50.9709 45.5138 121.877 -1.30827 215.742 0.0279996C303.619 1.29475 369.942 45.9556 405.304 70.0342C414.409 76.2336 420 86.523 420 97.5378V355.131Z"
+          fill="url(#${paintId0})"
+        />
+        <path
+          d="M404 346.698C404 358.384 397.63 369.14 387.383 374.758L225.383 463.567C215.8 468.82 204.2 468.82 194.617 463.567L32.6173 374.758C22.3701 369.14 16 358.384 16 346.698V108.198C16 97.2402 21.5213 86.9719 30.567 80.7877C64.3554 57.6879 129.429 14.7896 215.305 16.0262C295.682 17.1981 356.539 58.1185 389.444 80.7669C398.469 86.9787 404 97.2389 404 108.195V346.698Z"
+          fill="white"
+        />
+        <path
+          d="M400 344.592C400 356.263 393.646 367.008 383.42 372.632L225.42 459.52C215.818 464.801 204.182 464.801 194.58 459.52L36.5802 372.632C26.3537 367.008 20 356.263 20 344.592V110.859C20 99.918 25.507 89.6562 34.5314 83.4695C67.6977 60.7325 131.314 18.8141 215.195 20.0257C293.7 21.1739 353.192 61.1603 385.479 83.4479C394.483 89.6628 400 99.9167 400 110.857V344.592Z"
+          fill="${subColor}"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M224.328 448.935L376.328 366.31C385.987 361.059 392 350.946 392 339.952V267C392 250.431 378.569 237 362 237H58C41.4315 237 28 250.431 28 267V339.952C28 350.946 34.0134 361.059 43.6724 366.31L195.672 448.935C204.607 453.792 215.393 453.792 224.328 448.935ZM377.283 368.067L225.283 450.692C215.753 455.873 204.247 455.873 194.717 450.692L42.7172 368.067C32.4143 362.466 26 351.679 26 339.952V267C26 249.327 40.3269 235 58 235H362C379.673 235 394 249.327 394 267V339.952C394 351.679 387.586 362.466 377.283 368.067Z"
+          fill="white"
+        />
+        <path
+          d="M21 110.835V190C21 207.673 35.3269 222 53 222H368C385.673 222 400 207.673 400 190V110.832C400 99.9054 394.496 89.6622 385.512 83.444C353.308 61.1556 293.975 21.1739 215.682 20.0257C132.026 18.8141 68.5795 60.7277 35.499 83.4656C26.4933 89.6556 21 99.9067 21 110.835Z"
+          fill="white"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M25 110.492V191C25 205.912 37.0883 218 52 218H368C382.912 218 395 205.912 395 191V110.489C395 101.278 390.37 92.5812 382.743 87.2638C350.521 64.7985 292.079 25.1622 215.122 24.0254C132.84 22.8251 70.3137 64.4019 37.2545 87.294C29.6234 92.5783 25 101.274 25 110.492ZM20 191V110.492C20 99.6015 25.4544 89.3834 34.408 83.1834C67.5397 60.241 131.21 17.8008 215.195 19.026C293.8 20.187 353.344 60.671 385.603 83.1623C394.535 89.39 400 99.6002 400 110.489V191C400 208.673 385.673 223 368 223H52C34.3269 223 20 208.673 20 191Z"
+          fill="${mainColor}"
+        />
+        <defs>
+          <linearGradient
+            id="${paintId0}"
+            x1="210"
+            y1="0"
+            x2="210"
+            y2="488"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
+          </linearGradient>
+        </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/badges/BadgeType22.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createBadgeType22({ mainColor, subColor, }: ISvgProps): string;