@blockspoon/cert-badge-renderer 1.0.18 → 1.0.20

package/dist/server/templates/ribbons/RibbonType21.js

@@ -0,0 +1,119 @@
+export function createRibbonType21({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId3 = `paint3_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 565 175"
+      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="M45.2453 36.1859L4.50029 47.2967C1.11157 48.2159 -0.526591 52.0862 1.1758 55.1664L27.1935 102.626C27.6271 103.432 27.868 104.335 27.868 105.254V163.551C27.868 167.566 32.0437 170.195 35.6412 168.453L105.423 134.814C108.362 133.395 109.39 129.718 107.64 126.976L51.2358 38.508C49.967 36.5084 47.5419 35.5731 45.2453 36.1859Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M45.2453 36.1859L4.50029 47.2967C1.11157 48.2159 -0.526591 52.0862 1.1758 55.1664L27.1935 102.626C27.6271 103.432 27.868 104.335 27.868 105.254V163.551C27.868 167.566 32.0437 170.195 35.6412 168.453L105.423 134.814C108.362 133.395 109.39 129.718 107.64 126.976L51.2358 38.508C49.967 36.5084 47.5419 35.5731 45.2453 36.1859Z"
+        fill="black"
+        fill-opacity="0.2"
+      />
+      <path
+        opacity="0.3"
+        d="M34.9859 39.1738L46.4861 35.9991L84.0921 146.614L54.0274 159.344C44.8274 159.344 34.8198 142.499 34.9864 138.999L34.9859 39.1738Z"
+        fill="url(#paint0_linear_2399_1177)"
+      />
+      <path
+        d="M519.747 35.1859L560.492 46.2967C563.881 47.2159 565.519 51.0862 563.816 54.1664L537.799 101.626C537.365 102.432 537.124 103.335 537.124 104.254V162.551C537.124 166.566 532.948 169.195 529.351 167.453L459.569 133.814C456.63 132.395 455.602 128.718 457.353 125.976L513.756 37.508C515.025 35.5084 517.45 34.5731 519.747 35.1859Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M519.747 35.1859L560.492 46.2967C563.881 47.2159 565.519 51.0862 563.816 54.1664L537.799 101.626C537.365 102.432 537.124 103.335 537.124 104.254V162.551C537.124 166.566 532.948 169.195 529.351 167.453L459.569 133.814C456.63 132.395 455.602 128.718 457.353 125.976L513.756 37.508C515.025 35.5084 517.45 34.5731 519.747 35.1859Z"
+        fill="black"
+        fill-opacity="0.2"
+      />
+      <path
+        opacity="0.3"
+        d="M532.499 38.6746L520.998 35.5L483.392 146.115L513.457 158.845C522.657 158.845 532.665 142 532.498 138.5L532.499 38.6746Z"
+        fill="url(#paint1_linear_2399_1177)"
+      />
+      <rect
+        x="72.4961"
+        y="145"
+        width="420"
+        height="21.4648"
+        fill="url(#paint2_linear_2399_1177)"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M509.703 0H54.2897C47.7763 0 42.4961 5.52858 42.4961 12.3484V128.652C42.4961 135.471 47.7763 141 54.2897 141H509.703C516.216 141 521.496 135.471 521.496 128.652V12.3484C521.496 5.52858 516.216 0 509.703 0Z"
+        fill="white"
+      />
+      <path
+        d="M510.678 6H54.3143C47.7873 6 42.4961 11.6462 42.4961 18.6112V137.389C42.4961 144.354 47.7873 150 54.3143 150H510.678C517.205 150 522.496 144.354 522.496 137.389V18.6112C522.496 11.6462 517.205 6 510.678 6Z"
+        fill="url(#${paintId3})"
+      />
+      <path
+        d="M42.4961 21.6269C46.5432 16.1924 50.1047 15.0624 58.0856 15.1889H509.013C515.7 15.9259 518.701 17.5852 522.496 23.8438V134.982C520.956 142.745 511.689 143.393 498.527 143.535H55.1622C49.2574 144.033 44.0458 139.75 42.4961 136.028V21.6269Z"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2399_1177"
+          x1="69.8846"
+          y1="87.1645"
+          x2="37.5475"
+          y2="92.7491"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2399_1177"
+          x1="497.6"
+          y1="86.6654"
+          x2="529.937"
+          y2="92.25"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_2399_1177"
+          x1="282.496"
+          y1="145"
+          x2="282.496"
+          y2="166.465"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId3}"
+          x1="42.4961"
+          y1="17.6471"
+          x2="535.672"
+          y2="136.959"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/server/templates/ribbons/RibbonType22.d.ts

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

package/dist/server/templates/ribbons/RibbonType22.js

@@ -0,0 +1,69 @@
+export function createRibbonType22({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 507 184"
+      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;
+      "
+    >
+      <rect x="16.4961" width="455" height="150" fill="white" />
+      <path
+        d="M36.6309 154H490.496V184H38.0612C36.3356 179.296 36.3646 170.675 36.6309 154Z"
+        fill="url(#paint0_linear_2399_1178)"
+        fill-opacity="0.4"
+      />
+      <rect
+        x="0.496094"
+        y="3"
+        width="506"
+        height="162"
+        rx="10"
+        fill="${mainColor}"
+      />
+      <rect
+        x="0.496094"
+        y="3"
+        width="506"
+        height="162"
+        rx="10"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M0.496094 11C0.496094 6.58172 4.07782 3 8.49609 3H498.496C502.914 3 506.496 6.58172 506.496 11V15H0.496094V11Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M0.496094 157C0.496094 161.418 4.07782 165 8.49609 165H498.496C502.914 165 506.496 161.418 506.496 157V153H0.496094V157Z"
+        fill="${mainColor}"
+      />
+      <path d="M0.496094 15H506.496" stroke="white" stroke-width="4" />
+      <path d="M0.496094 153H506.496" stroke="white" stroke-width="4" />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2399_1178"
+          x1="263.496"
+          y1="164.751"
+          x2="263.496"
+          y2="184"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/server/templates/ribbons/RibbonType23.d.ts

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

package/dist/server/templates/ribbons/RibbonType23.js

@@ -0,0 +1,101 @@
+export function createRibbonType23({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 543 156"
+      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="M98.4681 3.13996C97.0985 1.40658 94.5831 1.11165 92.8497 2.48121L6.28591 70.8762C3.79463 72.8446 4.4796 76.7915 7.48844 77.8054L55.942 94.1322C57.4422 94.6377 58.5032 95.9805 58.648 97.557L63.3238 148.473C63.6142 151.635 67.2956 153.214 69.7868 151.246L156.351 82.8509C158.084 81.4813 158.379 78.9659 157.009 77.2325L98.4681 3.13996Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M91.4922 13.1328L8.26989 78.8877"
+        stroke="white"
+        stroke-width="2"
+      />
+      <path
+        d="M145.383 81.3359L62.1605 147.091"
+        stroke="white"
+        stroke-width="2"
+      />
+      <path
+        d="M80.2924 12.4021L25.3526 55.8107L88.8535 136.18L148.986 88.8385L80.2924 12.4021Z"
+        fill="url(#paint0_linear_2399_1180)"
+      />
+      <path
+        d="M445.016 3.13953C446.386 1.40616 448.901 1.11122 450.635 2.48078L537.198 70.8758C539.69 72.8442 539.005 76.7911 535.996 77.8049L487.542 94.1318C486.042 94.6373 484.981 95.9801 484.836 97.5566L480.161 148.473C479.87 151.634 476.189 153.214 473.698 151.245L387.134 82.8505C385.4 81.4809 385.105 78.9655 386.475 77.2321L445.016 3.13953Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M451.992 13.1338L535.214 78.8886"
+        stroke="white"
+        stroke-width="2"
+      />
+      <path
+        d="M398.102 81.3369L481.324 147.092"
+        stroke="white"
+        stroke-width="2"
+      />
+      <path
+        d="M463.192 12.4016L518.132 55.8102L454.631 136.18L394.499 88.8381L463.192 12.4016Z"
+        fill="url(#paint1_linear_2399_1180)"
+      />
+      <path
+        d="M115.996 41L16.9961 43.0199L132.496 101L115.996 41Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M115.996 41L16.9961 43.0199L132.496 101L115.996 41Z"
+        fill="black"
+        fill-opacity="0.5"
+      />
+      <path
+        d="M426.996 41L525.996 43.0199L410.496 101L426.996 41Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M426.996 41L525.996 43.0199L410.496 101L426.996 41Z"
+        fill="black"
+        fill-opacity="0.5"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2399_1180"
+          x1="109.498"
+          y1="23.0014"
+          x2="50.3698"
+          y2="84.9932"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2399_1180"
+          x1="433.986"
+          y1="23.001"
+          x2="493.115"
+          y2="84.9928"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/server/templates/ribbons/RibbonType23_1.d.ts

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

package/dist/server/templates/ribbons/RibbonType23_1.js

@@ -0,0 +1,101 @@
+export function createRibbonType23_1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 543 156"
+      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="M98.4681 3.13996C97.0985 1.40658 94.5831 1.11165 92.8497 2.48121L6.28591 70.8762C3.79463 72.8446 4.4796 76.7915 7.48844 77.8054L55.942 94.1322C57.4422 94.6377 58.5032 95.9805 58.648 97.557L63.3238 148.473C63.6142 151.635 67.2956 153.214 69.7868 151.246L156.351 82.8509C158.084 81.4813 158.379 78.9659 157.009 77.2325L98.4681 3.13996Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M91.4922 13.1328L8.26989 78.8877"
+        stroke="white"
+        stroke-width="2"
+      />
+      <path
+        d="M145.383 81.3359L62.1605 147.091"
+        stroke="white"
+        stroke-width="2"
+      />
+      <path
+        d="M80.2924 12.4021L25.3526 55.8107L88.8535 136.18L148.986 88.8385L80.2924 12.4021Z"
+        fill="url(#paint0_linear_2399_1180)"
+      />
+      <path
+        d="M445.016 3.13953C446.386 1.40616 448.901 1.11122 450.635 2.48078L537.198 70.8758C539.69 72.8442 539.005 76.7911 535.996 77.8049L487.542 94.1318C486.042 94.6373 484.981 95.9801 484.836 97.5566L480.161 148.473C479.87 151.634 476.189 153.214 473.698 151.245L387.134 82.8505C385.4 81.4809 385.105 78.9655 386.475 77.2321L445.016 3.13953Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M451.992 13.1338L535.214 78.8886"
+        stroke="white"
+        stroke-width="2"
+      />
+      <path
+        d="M398.102 81.3369L481.324 147.092"
+        stroke="white"
+        stroke-width="2"
+      />
+      <path
+        d="M463.192 12.4016L518.132 55.8102L454.631 136.18L394.499 88.8381L463.192 12.4016Z"
+        fill="url(#paint1_linear_2399_1180)"
+      />
+      <path
+        d="M115.996 41L16.9961 43.0199L132.496 101L115.996 41Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M115.996 41L16.9961 43.0199L132.496 101L115.996 41Z"
+        fill="black"
+        fill-opacity="0.5"
+      />
+      <path
+        d="M426.996 41L525.996 43.0199L410.496 101L426.996 41Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M426.996 41L525.996 43.0199L410.496 101L426.996 41Z"
+        fill="black"
+        fill-opacity="0.5"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2399_1180"
+          x1="109.498"
+          y1="23.0014"
+          x2="50.3698"
+          y2="84.9932"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2399_1180"
+          x1="433.986"
+          y1="23.001"
+          x2="493.115"
+          y2="84.9928"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/server/templates/ribbons/RibbonType24.d.ts

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

package/dist/server/templates/ribbons/RibbonType24.js

@@ -0,0 +1,74 @@
+export function createRibbonType24({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 501 183"
+      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="M50.4961 149H476.496C471.113 162.848 467.873 170.338 461.496 183H65.723C58.1698 169.968 55.1254 163.245 50.4961 149Z"
+        fill="black"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M484.844 30.0006L13.4967 30L25.5963 9.53674e-06H475.445L484.844 30.0006Z"
+        fill="white"
+      />
+      <rect
+        x="0.496094"
+        y="6"
+        width="500"
+        height="162"
+        rx="10"
+        fill="url(#${paintId0})"
+      />
+      <rect
+        x="0.496094"
+        y="17.5234"
+        width="500"
+        height="138.953"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M-20.7969 23.9938C-16.1165 18.8998 -12.6654 17.5951 -5.38263 17.4417L501.746 17.4417C511.549 17.3086 516.173 18.7676 521.785 26.0101"
+        stroke="white"
+        stroke-width="2"
+        stroke-linecap="round"
+      />
+      <path
+        d="M-20.7969 150.811C-16.1165 155.905 -12.6654 157.21 -5.38263 157.363L501.746 157.363C511.549 157.496 516.173 156.037 521.785 148.795"
+        stroke="white"
+        stroke-width="2"
+        stroke-linecap="round"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="0.496094"
+          y1="19.1029"
+          x2="518.305"
+          y2="135.095"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/server/templates/ribbons/RibbonType24_1.d.ts

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

package/dist/server/templates/ribbons/RibbonType24_1.js

@@ -0,0 +1,68 @@
+export function createRibbonType24_1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 217 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;
+      "
+    >
+      <g clip-path="url(#clip0_2487_140)">
+        <path
+          d="M107.142 -1.66366L211.32 34.212C214.895 35.3997 216.492 39.9406 214.561 43.445L187.147 69.5479C186.654 70.4657 186.363 71.5026 186.328 72.5669L186.245 115.131C186.092 119.781 181.543 122.672 177.777 120.525L45.6875 47.9715C42.6108 46.2214 41.6565 41.9268 43.6263 38.8162L100.671 0.807069C102.099 -1.46208 104.719 -2.45679 107.142 -1.66366Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M36.5898 32.1982L185.963 112.587"
+          stroke="white"
+          stroke-width="2"
+        />
+        <path
+          d="M107 10.6572L212.187 45.0667"
+          stroke="white"
+          stroke-width="2"
+        />
+        <path
+          d="M120.222 1.30252L203.867 31.4689C198.138 42.5324 196.882 50.473 143.426 86.4574L151.434 105.972L97.9403 76.9254L120.222 1.30252Z"
+          fill="black"
+          fill-opacity="0.4"
+        />
+        <path
+          d="M108.967 44.4656L145.513 151.292C146.753 154.815 144.341 158.603 140.604 158.99L85.7475 152.455C84.7767 152.566 83.8373 152.905 83.0294 153.465L44.7449 185.954C41.2154 188.398 36.3817 186.347 35.7387 182.141L-0.328264 30.6006C-0.856817 27.1668 1.75395 24.03 5.22151 23.8919L103.306 40.6411C105.831 40.5333 108.118 42.0845 108.967 44.4656Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M6.93359 23.0526L46.3657 184.844"
+          stroke="white"
+          stroke-width="2"
+        />
+        <path
+          d="M87 10.1361L137.114 158.415"
+          stroke="white"
+          stroke-width="2"
+        />
+        <path
+          d="M126.243 95.2616C104.357 110.369 60.2952 132.984 26.7089 143.809L11.5364 80.9007L132.15 57.9559L151.348 105.87L124.936 91.3938L126.243 95.2616Z"
+          fill="black"
+          fill-opacity="0.4"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_2487_140">
+          <rect width="217" height="187" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  `;
+}

package/dist/server/templates/ribbons/RibbonType26.d.ts

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

package/dist/server/templates/ribbons/RibbonType26.js

@@ -0,0 +1,110 @@
+export function createRibbonType26({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId4 = `paint4_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 546 166"
+      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 4C485 1.79086 486.791 0 489 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 105V4Z"
+        fill="${subColor}"
+      />
+      <path d="M490.848 8L544.01 8.00001" stroke="white" stroke-width="3" />
+      <path
+        d="M490.848 100.5L544.01 100.5"
+        stroke="white"
+        stroke-width="3"
+      />
+      <rect
+        x="485"
+        width="45"
+        height="109"
+        fill="url(#paint0_linear_2399_1191)"
+      />
+      <path
+              d="M62 4C62 1.79086 60.2091 0 58 0H6.41035C3.72086 0 1.79807 2.60126 2.58621 5.1727L17.3527 53.3273C17.5871 54.0915 17.5871 54.9085 17.3527 55.6727L2.58621 103.827C1.79807 106.399 3.72086 109 6.41035 109H58C60.2091 109 62 107.209 62 105V4Z"
+        fill="${subColor}"
+      />
+      <path d="M2.99023 8L56.1523 8.00001" stroke="white" stroke-width="3" />
+      <path
+        d="M2.99023 100.5L56.1523 100.5"
+        stroke="white"
+        stroke-width="3"
+      />
+      <rect
+        width="45"
+        height="109"
+        transform="matrix(-1 0 0 1 62 0)"
+        fill="url(#paint1_linear_2399_1191)"
+      />
+      <rect x="62" y="4" width="423" height="105" rx="4" fill="${mainColor}" />
+      <rect
+        x="62"
+        y="14"
+        width="423"
+        height="85"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <path d="M62 14L485 14" stroke="white" stroke-width="3" />
+      <path d="M62 99L485 99" stroke="white" stroke-width="3" />
+      <rect
+        x="62"
+        y="109"
+        width="423"
+        height="57"
+        fill="url(#${paintId4})"
+        fill-opacity="0.4"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2399_1191"
+          x1="530"
+          y1="0"
+          x2="485"
+          y2="0"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0.4" />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2399_1191"
+          x1="45"
+          y1="0"
+          x2="0"
+          y2="0"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0.4" />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId4}"
+          x1="273.5"
+          y1="109"
+          x2="273.5"
+          y2="166"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/server/templates/ribbons/RibbonType27.d.ts

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