@blockspoon/cert-badge-renderer 1.0.22 → 1.0.23

package/dist/cjs/templates/ribbons/RibbonType35_1.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType35_1 = createRibbonType35_1;
+function createRibbonType35_1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 512 150"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M420.954 4.13874C422.323 2.40536 424.839 2.11043 426.572 3.47999L505.509 65.8492C507.961 67.7863 507.345 71.6605 504.413 72.741L458.361 89.7131C456.951 90.2325 455.952 91.4976 455.772 92.9888L449.913 141.718C449.54 144.82 445.914 146.316 443.462 144.379L364.525 82.0098C362.792 80.6403 362.497 78.1248 363.866 76.3915L420.954 4.13874Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M420.954 4.13874C422.323 2.40536 424.839 2.11043 426.572 3.47999L505.509 65.8492C507.961 67.7863 507.345 71.6605 504.413 72.741L458.361 89.7131C456.951 90.2325 455.952 91.4976 455.772 92.9888L449.913 141.718C449.54 144.82 445.914 146.316 443.462 144.379L364.525 82.0098C362.792 80.6403 362.497 78.1248 363.866 76.3915L420.954 4.13874Z"
+        fill="black"
+        fill-opacity="0.3"
+      />
+      <mask
+        id="mask0_2407_272"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="363"
+        y="2"
+        width="145"
+        height="144"
+      >
+        <path
+          d="M420.954 4.13874C422.323 2.40536 424.839 2.11043 426.572 3.47999L505.509 65.8492C507.961 67.7863 507.345 71.6605 504.413 72.741L458.361 89.7131C456.951 90.2325 455.952 91.4976 455.772 92.9888L449.913 141.718C449.54 144.82 445.914 146.316 443.462 144.379L364.525 82.0098C362.792 80.6403 362.497 78.1248 363.866 76.3915L420.954 4.13874Z"
+          fill="#FA2E43"
+        />
+      </mask>
+      <g mask="url(#mask0_2407_272)">
+        <path
+          d="M427.289 13.4044L503.7 73.7775"
+          stroke="white"
+          stroke-width="2"
+        />
+        <path
+          d="M374.633 80.0454L451.044 140.418"
+          stroke="white"
+          stroke-width="2"
+        />
+      </g>
+      <path
+        d="M421.011 4.0758C422.39 2.37162 424.883 2.09437 426.602 3.45409L492.393 55.4856L430.345 134.015L363.227 82.0018C361.455 80.6286 361.157 78.0674 362.567 76.3244L421.011 4.0758Z"
+        fill="url(#paint0_linear_2407_272)"
+      />
+      <path
+        d="M91.054 4.13874C89.6845 2.40536 87.169 2.11043 85.4357 3.47999L6.49832 65.8492C4.04667 67.7863 4.66312 71.6605 7.59491 72.741L53.6472 89.7131C55.0565 90.2325 56.0561 91.4976 56.2354 92.9888L62.0944 141.718C62.4674 144.82 66.0939 146.316 68.5456 144.379L147.483 82.0098C149.216 80.6403 149.511 78.1248 148.142 76.3915L91.054 4.13874Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M91.054 4.13874C89.6845 2.40536 87.169 2.11043 85.4357 3.47999L6.49832 65.8492C4.04667 67.7863 4.66312 71.6605 7.59491 72.741L53.6472 89.7131C55.0565 90.2325 56.0561 91.4976 56.2354 92.9888L62.0944 141.718C62.4674 144.82 66.0939 146.316 68.5456 144.379L147.483 82.0098C149.216 80.6403 149.511 78.1248 148.142 76.3915L91.054 4.13874Z"
+        fill="black"
+        fill-opacity="0.3"
+      />
+      <mask
+        id="mask1_2407_272"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="4"
+        y="2"
+        width="146"
+        height="144"
+      >
+        <path
+          d="M91.054 4.13874C89.6845 2.40536 87.169 2.11043 85.4357 3.47999L6.49832 65.8492C4.04667 67.7863 4.66312 71.6605 7.59491 72.741L53.6472 89.7131C55.0565 90.2325 56.0561 91.4976 56.2354 92.9888L62.0944 141.718C62.4674 144.82 66.0939 146.316 68.5456 144.379L147.483 82.0098C149.216 80.6403 149.511 78.1248 148.142 76.3915L91.054 4.13874Z"
+          fill="#FA2E43"
+        />
+      </mask>
+      <g mask="url(#mask1_2407_272)">
+        <path
+          d="M84.7188 13.4044L8.30789 73.7775"
+          stroke="white"
+          stroke-width="2"
+        />
+        <path
+          d="M137.375 80.0454L60.9641 140.418"
+          stroke="white"
+          stroke-width="2"
+        />
+      </g>
+      <path
+        d="M91.4812 3.66184C90.1128 1.91814 87.5873 1.61971 85.8502 2.99642L19.6174 55.4856L81.6647 134.015L147.857 81.9701C149.592 80.6055 149.894 78.0929 148.531 76.3562L91.4812 3.66184Z"
+        fill="url(#paint1_linear_2407_272)"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2407_272"
+          x1="409.544"
+          y1="22.9239"
+          x2="467.781"
+          y2="84.1453"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2407_272"
+          x1="102.476"
+          y1="22.9242"
+          x2="44.2382"
+          y2="84.1456"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType4.d.ts

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

package/dist/cjs/templates/ribbons/RibbonType4.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType4 = createRibbonType4;
+function createRibbonType4({ 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)}`;
+    const paintId2 = `paint2_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId3 = `paint3_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 564 173"
+      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="M67.3261 0H496.657L504 22L60 21.5L67.3261 0Z" fill="white" />
+      <path
+        opacity="0.5"
+        d="M60 127H504L493.5 154H69.5L60 127Z"
+        fill="url(#${paintId0})"
+      />
+      <path
+        d="M44.7492 40.1859L4.0042 51.2967C0.615478 52.2159 -1.02268 56.0862 0.679707 59.1664L26.6974 106.626C27.131 107.432 27.3719 108.335 27.3719 109.254V167.551C27.3719 171.566 31.5476 174.195 35.1451 172.453L104.927 138.814C107.866 137.395 108.894 133.718 107.143 130.976L50.7397 42.508C49.4709 40.5084 47.0458 39.5731 44.7492 40.1859Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M44.7492 40.1859L4.0042 51.2967C0.615478 52.2159 -1.02268 56.0862 0.679707 59.1664L26.6974 106.626C27.131 107.432 27.3719 108.335 27.3719 109.254V167.551C27.3719 171.566 31.5476 174.195 35.1451 172.453L104.927 138.814C107.866 137.395 108.894 133.718 107.143 130.976L50.7397 42.508C49.4709 40.5084 47.0458 39.5731 44.7492 40.1859Z"
+        fill="black"
+        fill-opacity="0.2"
+      />
+      <path
+        opacity="0.3"
+        d="M32.0089 43.1746L43.5092 40L78.5098 153.5H43.0095C33.8095 153.5 31.8428 146.5 32.0095 143L32.0089 43.1746Z"
+        fill="url(#${paintId1})"
+      />
+      <path
+        d="M519.251 40.1859L559.996 51.2967C563.385 52.2159 565.023 56.0862 563.32 59.1664L537.303 106.626C536.869 107.432 536.628 108.335 536.628 109.254V167.551C536.628 171.566 532.452 174.195 528.855 172.453L459.073 138.814C456.134 137.395 455.106 133.718 456.857 130.976L513.26 42.508C514.529 40.5084 516.954 39.5731 519.251 40.1859Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M519.251 40.1859L559.996 51.2967C563.385 52.2159 565.023 56.0862 563.32 59.1664L537.303 106.626C536.869 107.432 536.628 108.335 536.628 109.254V167.551C536.628 171.566 532.452 174.195 528.855 172.453L459.073 138.814C456.134 137.395 455.106 133.718 456.857 130.976L513.26 42.508C514.529 40.5084 516.954 39.5731 519.251 40.1859Z"
+        fill="black"
+        fill-opacity="0.2"
+      />
+      <path
+        opacity="0.3"
+        d="M532.001 43.6746L520.501 40.5L485.5 154H521C530.2 154 532.167 147 532 143.5L532.001 43.6746Z"
+        fill="url(#${paintId2})"
+      />
+      <path
+        d="M509.206 5H53.7936C47.2802 5 42 10.3325 42 16.9105V129.089C42 135.667 47.2802 141 53.7936 141H509.206C515.72 141 521 135.667 521 129.089V16.9105C521 10.3325 515.72 5 509.206 5Z"
+        fill="url(#${paintId3})"
+      />
+      <rect
+        x="42"
+        y="18.5039"
+        width="479"
+        height="108.992"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M42 17L521 17"
+        stroke="white"
+        stroke-opacity="0.6"
+        stroke-width="3"
+      />
+      <path
+        d="M42 129L521 129"
+        stroke="white"
+        stroke-opacity="0.6"
+        stroke-width="3"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="282"
+          y1="138"
+          x2="282"
+          y2="154"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId1}"
+          x1="76.5098"
+          y1="81"
+          x2="23.5098"
+          y2="107.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId2}"
+          x1="487.5"
+          y1="81.5"
+          x2="540.5"
+          y2="108"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId3}"
+          x1="42"
+          y1="16"
+          x2="531"
+          y2="141"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType45.d.ts

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

package/dist/cjs/templates/ribbons/RibbonType45.js

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType45 = createRibbonType45;
+function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId2 = `paint2_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 546 197"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M485 0H540.59C543.279 0 545.202 2.60126 544.414 5.1727L529.647 53.3273C529.413 54.0915 529.413 54.9085 529.647 55.6727L544.414 103.827C545.202 106.399 543.279 109 540.59 109H489C486.791 109 485 107.209 485 105V0Z"
+        fill="${mainColor}"
+      />
+      <rect
+        x="485"
+        width="43"
+        height="109"
+        fill="url(#paint0_linear_2407_453)"
+      />
+      <path
+        d="M60 0H5.38448C2.70255 0 0.780418 2.58741 1.55488 5.15509L16.09 53.3449C16.3172 54.0982 16.3172 54.9018 16.09 55.6551L1.55488 103.845C0.780415 106.413 2.70254 109 5.38448 109H56C58.2091 109 60 107.209 60 105V0Z"
+        fill="${mainColor}"
+      />
+      <rect
+        width="47"
+        height="109"
+        transform="matrix(-1 0 0 1 60 0)"
+        fill="url(#paint1_linear_2407_453)"
+      />
+      <rect
+        x="33"
+        y="24"
+        width="480"
+        height="148.797"
+        rx="4"
+        fill="url(#${paintId2})"
+      />
+      <rect
+        x="33"
+        y="34"
+        width="480"
+        height="129"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <path d="M486 24V0L509 24H486Z" fill="${mainColor}" />
+      <path d="M486 24V0L509 24H486Z" fill="black" fill-opacity="0.4" />
+      <path d="M60 24V0L35 24H60Z" fill="${mainColor}" />
+      <path d="M60 24V0L35 24H60Z" fill="black" fill-opacity="0.4" />
+      <path d="M33 34L513 34" stroke="white" stroke-width="3" />
+      <path d="M33 162.797L513 162.797" stroke="white" stroke-width="3" />
+      <rect
+        x="486"
+        y="24"
+        width="426"
+        height="24"
+        transform="rotate(180 486 24)"
+        fill="url(#paint3_linear_2407_453)"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M62.8047 172.797H483.308C477.931 184.02 468.604 187.88 454.267 196.797H91.6191C73.109 185.053 67.1222 182.906 62.8047 172.797Z"
+        fill="url(#paint4_linear_2407_453)"
+        fill-opacity="0.3"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2407_453"
+          x1="444.905"
+          y1="48"
+          x2="517.303"
+          y2="32.6415"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2407_453"
+          x1="-43.8243"
+          y1="48"
+          x2="34.65"
+          y2="29.8038"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId2}"
+          x1="33"
+          y1="98.3984"
+          x2="513"
+          y2="98.3984"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="0.215" stop-color="${subColor}" />
+          <stop offset="0.75" stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="paint3_linear_2407_453"
+          x1="704.849"
+          y1="30"
+          x2="704.849"
+          y2="48"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint4_linear_2407_453"
+          x1="280.213"
+          y1="178.797"
+          x2="280.213"
+          y2="196.797"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType46.d.ts

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

package/dist/cjs/templates/ribbons/RibbonType46.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType46 = createRibbonType46;
+function createRibbonType46({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 136 146"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M135.963 0.0987041L0.173638 0L0.0195312 145.841H4.33039L68.0682 97.03L131.652 145.94H135.809L135.963 0.0987041Z"
+        fill="${mainColor}"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M67.0693 95.7607L2.03731 145.84H0.0195312L0.174891 0.000366211L133.964 0.100422L133.809 145.94H131.946L67.0693 95.7607ZM67.0693 93.8614L132.102 144.041V1.29988L2.03731 1.19982V144.041L67.0693 93.8614Z"
+        fill="${subColor}"
+      />
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType5.d.ts

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

package/dist/cjs/templates/ribbons/RibbonType5.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType5 = createRibbonType5;
+function createRibbonType5({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 371 251"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M370.097 61.4513C370.097 166.121 287.45 250.973 185.5 250.973C83.5508 250.973 0.904297 166.121 0.904297 61.4513C0.904297 -43.2188 83.5508 17.5327 185.5 17.5327C287.45 17.5327 370.097 -43.2188 370.097 61.4513Z"
+        fill="url(#${paintId0})"
+      />
+      <path
+        d="M355.074 50.1775C355.074 118.254 294.267 174.426 184.851 174.426C75.4358 174.426 14.6289 118.254 14.6289 50.1775C14.6289 -17.8989 90.8401 27.9991 184.851 27.9991C278.863 27.9991 355.074 -17.8989 355.074 50.1775Z"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="82.7979"
+          y1="-16.0445"
+          x2="335.435"
+          y2="193.158"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType53.d.ts

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

package/dist/cjs/templates/ribbons/RibbonType53.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType53 = createRibbonType53;
+function createRibbonType53({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 536 187"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M30 169L506.5 169L499.5 187H36.5L30 169Z"
+        fill="url(#paint0_linear_2407_463)"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M506.5 18.0001L30 18L37 1.99902e-05L500 6.04669e-05L506.5 18.0001Z"
+        fill="url(#paint1_linear_2407_463)"
+        fill-opacity="0.4"
+      />
+      <rect y="18" width="536" height="151" rx="4" fill="${mainColor}" />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2407_463"
+          x1="322.756"
+          y1="169"
+          x2="322.756"
+          y2="187"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0.5" />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2407_463"
+          x1="213.744"
+          y1="18"
+          x2="213.744"
+          y2="3.54416e-05"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0.5" />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType57.d.ts

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

package/dist/cjs/templates/ribbons/RibbonType57.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType57 = createRibbonType57;
+function createRibbonType57({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 176 204"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path d="M20 6H156L176 204L88 166.834L0 204L20 6Z" fill="${mainColor}" />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M169.999 143.408C162.315 144.053 154.676 144.764 147.591 146.454C140.448 148.433 133.305 151.636 126.066 154.881C113.805 160.379 101.27 166 87.999 166C74.9378 166 62.8275 160.556 50.7854 155.142C43.3687 151.808 35.9779 148.486 28.4068 146.454C21.2743 144.753 13.6617 144.044 6 143.396L16.7338 42H159.264L169.999 143.408Z"
+        fill="url(#paint0_linear_2407_468)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M54 175.194V0H121V174.771L88 160.834L54 175.194Z"
+        fill="${subColor}"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2407_468"
+          x1="87.9997"
+          y1="58"
+          x2="87.9997"
+          y2="146"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0.4" />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType6.d.ts

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