@blockspoon/cert-badge-renderer 1.0.1

package/dist/templates/icons/index.d.ts

@@ -0,0 +1,149 @@
+import { createIconMedal } from "./IconMedal";
+import { createIconStar1 } from "./IconStar";
+import { createIconBg1 } from "./IconBg1";
+import { createIconBg2 } from "./IconBg2";
+import { createIconBg3 } from "./IconBg3";
+import { createIconBg4 } from "./IconBg4";
+import { createIconBg5 } from "./IconBg5";
+import { createIconBg6 } from "./IconBg6";
+import { createIconBg7 } from "./IconBg7";
+import { createIconBg8 } from "./IconBg8";
+import { createIconBg9 } from "./IconBg9";
+import { createIconMortarboard1 } from "./IconMortarboard1";
+import { createIconMortarboard2 } from "./IconMortarboard2";
+import { createIconMortarboard3 } from "./IconMortarboard3";
+import { createIconMortarboard4 } from "./IconMortarboard4";
+import { createIconMortarboard5 } from "./IconMortarboard5";
+import { createIconTrophy1 } from "./IconTrophy1";
+import { createIconTrophy2 } from "./IconTrophy2";
+import { createIconTrophy3 } from "./IconTrophy3";
+import { createIconTrophy4 } from "./IconTrophy4";
+import { createIconEtc1 } from "./IconEtc1";
+import { createIconEtc2 } from "./IconEtc2";
+import { createIconEtc3 } from "./IconEtc3";
+import { createIconStar2 } from "./IconStar2";
+import { createIconStar3 } from "./IconStar3";
+import { createIconStar4 } from "./IconStar4";
+import { createIconStar5 } from "./IconStar5";
+import { createIconStar6 } from "./IconStar6";
+import { createIconArrow } from "./IconArrow";
+import { createIconBottomLeft1 } from "./IconBottomLeft1";
+import { createIconBottomLeft2 } from "./IconBottomLeft2";
+import { createIconBottomRight1 } from "./IconBottomRight1";
+import { createIconBottomRight2 } from "./IconBottomRight2";
+import { createIconContainer1 } from "./IconContainer1";
+import { createIconContainer2 } from "./IconContainer2";
+import { createIconContainer3 } from "./IconContainer3";
+import { createIconContainer4 } from "./IconContainer4";
+import { createIconContainer5 } from "./IconContainer5";
+import { createIconDonut } from "./IconDonut";
+import { createIconEllipse1 } from "./IconEllipse1";
+import { createIconEllipse2 } from "./IconEllipse2";
+import { createIconFrame1 } from "./IconFrame1";
+import { createIconFrame2 } from "./IconFrame2";
+import { createIconFrame3 } from "./IconFrame3";
+import { createIconFrame4 } from "./IconFrame4";
+import { createIconGear } from "./IconGear";
+import { createIconPhrase1 } from "./IconPhrase1";
+import { createIconPhrase2 } from "./IconPhrase2";
+import { createIconPhrase3 } from "./IconPhrase3";
+import { createIconPhrase4 } from "./IconPhrase4";
+import { createIconPillar1 } from "./IconPillar1";
+import { createIconPillar2 } from "./IconPillar2";
+import { createIconSkewedLeft } from "./IconSkewedLeft";
+import { createIconSkewedRight } from "./IconSkewedRight";
+import { createIconSmallType1 } from "./IconSmallType1";
+import { createIconSmallType2 } from "./IconSmallType2";
+import { createIconSmallType3 } from "./IconSmallType3";
+import { createIconSmallType4 } from "./IconSmallType4";
+import { createIconSmallType5 } from "./IconSmallType5";
+import { createIconSmallType6 } from "./IconSmallType6";
+import { createIconSmallType7 } from "./IconSmallType7";
+import { createIconSmallType8 } from "./IconSmallType8";
+import { createIconSmallType9 } from "./IconSmallType9";
+import { createIconSmallType10 } from "./IconSmallType10";
+import { createIconSpring1 } from "./IconSpring1";
+import { createIconSpring2 } from "./IconSpring2";
+import { createIconTopLeft1 } from "./IconTopLeft1";
+import { createIconTopLeft2 } from "./IconTopLeft2";
+import { createIconTopRight1 } from "./IconTopRight1";
+import { createIconTopRight2 } from "./IconTopRight2";
+import { createIconType47 } from "./IconType47";
+import { createIconWave1 } from "./IconWave1";
+import { createIconWave2 } from "./IconWave2";
+declare const Icons: {
+    IconArrow: typeof createIconArrow;
+    IconBg1: typeof createIconBg1;
+    IconBg2: typeof createIconBg2;
+    IconBg3: typeof createIconBg3;
+    IconBg4: typeof createIconBg4;
+    IconBg5: typeof createIconBg5;
+    IconBg6: typeof createIconBg6;
+    IconBg7: typeof createIconBg7;
+    IconBg8: typeof createIconBg8;
+    IconBg9: typeof createIconBg9;
+    IconBottomLeft1: typeof createIconBottomLeft1;
+    IconBottomLeft2: typeof createIconBottomLeft2;
+    IconBottomRight1: typeof createIconBottomRight1;
+    IconBottomRight2: typeof createIconBottomRight2;
+    IconContainer1: typeof createIconContainer1;
+    IconContainer2: typeof createIconContainer2;
+    IconContainer3: typeof createIconContainer3;
+    IconContainer4: typeof createIconContainer4;
+    IconContainer5: typeof createIconContainer5;
+    IconDonut: typeof createIconDonut;
+    IconEllipse1: typeof createIconEllipse1;
+    IconEllipse2: typeof createIconEllipse2;
+    IconEtc1: typeof createIconEtc1;
+    IconEtc2: typeof createIconEtc2;
+    IconEtc3: typeof createIconEtc3;
+    IconFrame1: typeof createIconFrame1;
+    IconFrame2: typeof createIconFrame2;
+    IconFrame3: typeof createIconFrame3;
+    IconFrame4: typeof createIconFrame4;
+    IconGear: typeof createIconGear;
+    IconMedal: typeof createIconMedal;
+    IconMortarboard1: typeof createIconMortarboard1;
+    IconMortarboard2: typeof createIconMortarboard2;
+    IconMortarboard3: typeof createIconMortarboard3;
+    IconMortarboard4: typeof createIconMortarboard4;
+    IconMortarboard5: typeof createIconMortarboard5;
+    IconPhrase1: typeof createIconPhrase1;
+    IconPhrase2: typeof createIconPhrase2;
+    IconPhrase3: typeof createIconPhrase3;
+    IconPhrase4: typeof createIconPhrase4;
+    IconPillar1: typeof createIconPillar1;
+    IconPillar2: typeof createIconPillar2;
+    IconSkewedLeft: typeof createIconSkewedLeft;
+    IconSkewedRight: typeof createIconSkewedRight;
+    IconSmallType1: typeof createIconSmallType1;
+    IconSmallType2: typeof createIconSmallType2;
+    IconSmallType3: typeof createIconSmallType3;
+    IconSmallType4: typeof createIconSmallType4;
+    IconSmallType5: typeof createIconSmallType5;
+    IconSmallType6: typeof createIconSmallType6;
+    IconSmallType7: typeof createIconSmallType7;
+    IconSmallType8: typeof createIconSmallType8;
+    IconSmallType9: typeof createIconSmallType9;
+    IconSmallType10: typeof createIconSmallType10;
+    IconSpring1: typeof createIconSpring1;
+    IconSpring2: typeof createIconSpring2;
+    IconStar: typeof createIconStar1;
+    IconStar2: typeof createIconStar2;
+    IconStar3: typeof createIconStar3;
+    IconStar4: typeof createIconStar4;
+    IconStar5: typeof createIconStar5;
+    IconStar6: typeof createIconStar6;
+    IconTopLeft1: typeof createIconTopLeft1;
+    IconTopLeft2: typeof createIconTopLeft2;
+    IconTopRight1: typeof createIconTopRight1;
+    IconTopRight2: typeof createIconTopRight2;
+    IconTrophy1: typeof createIconTrophy1;
+    IconTrophy2: typeof createIconTrophy2;
+    IconTrophy3: typeof createIconTrophy3;
+    IconTrophy4: typeof createIconTrophy4;
+    IconType47: typeof createIconType47;
+    IconWave1: typeof createIconWave1;
+    IconWave2: typeof createIconWave2;
+};
+export default Icons;

package/dist/templates/icons/index.js

@@ -0,0 +1,151 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IconMedal_1 = require("./IconMedal");
+const IconStar_1 = require("./IconStar");
+const IconBg1_1 = require("./IconBg1");
+const IconBg2_1 = require("./IconBg2");
+const IconBg3_1 = require("./IconBg3");
+const IconBg4_1 = require("./IconBg4");
+const IconBg5_1 = require("./IconBg5");
+const IconBg6_1 = require("./IconBg6");
+const IconBg7_1 = require("./IconBg7");
+const IconBg8_1 = require("./IconBg8");
+const IconBg9_1 = require("./IconBg9");
+const IconMortarboard1_1 = require("./IconMortarboard1");
+const IconMortarboard2_1 = require("./IconMortarboard2");
+const IconMortarboard3_1 = require("./IconMortarboard3");
+const IconMortarboard4_1 = require("./IconMortarboard4");
+const IconMortarboard5_1 = require("./IconMortarboard5");
+const IconTrophy1_1 = require("./IconTrophy1");
+const IconTrophy2_1 = require("./IconTrophy2");
+const IconTrophy3_1 = require("./IconTrophy3");
+const IconTrophy4_1 = require("./IconTrophy4");
+const IconEtc1_1 = require("./IconEtc1");
+const IconEtc2_1 = require("./IconEtc2");
+const IconEtc3_1 = require("./IconEtc3");
+const IconStar2_1 = require("./IconStar2");
+const IconStar3_1 = require("./IconStar3");
+const IconStar4_1 = require("./IconStar4");
+const IconStar5_1 = require("./IconStar5");
+const IconStar6_1 = require("./IconStar6");
+const IconArrow_1 = require("./IconArrow");
+const IconBottomLeft1_1 = require("./IconBottomLeft1");
+const IconBottomLeft2_1 = require("./IconBottomLeft2");
+const IconBottomRight1_1 = require("./IconBottomRight1");
+const IconBottomRight2_1 = require("./IconBottomRight2");
+const IconContainer1_1 = require("./IconContainer1");
+const IconContainer2_1 = require("./IconContainer2");
+const IconContainer3_1 = require("./IconContainer3");
+const IconContainer4_1 = require("./IconContainer4");
+const IconContainer5_1 = require("./IconContainer5");
+const IconDonut_1 = require("./IconDonut");
+const IconEllipse1_1 = require("./IconEllipse1");
+const IconEllipse2_1 = require("./IconEllipse2");
+const IconFrame1_1 = require("./IconFrame1");
+const IconFrame2_1 = require("./IconFrame2");
+const IconFrame3_1 = require("./IconFrame3");
+const IconFrame4_1 = require("./IconFrame4");
+const IconGear_1 = require("./IconGear");
+const IconPhrase1_1 = require("./IconPhrase1");
+const IconPhrase2_1 = require("./IconPhrase2");
+const IconPhrase3_1 = require("./IconPhrase3");
+const IconPhrase4_1 = require("./IconPhrase4");
+const IconPillar1_1 = require("./IconPillar1");
+const IconPillar2_1 = require("./IconPillar2");
+const IconSkewedLeft_1 = require("./IconSkewedLeft");
+const IconSkewedRight_1 = require("./IconSkewedRight");
+const IconSmallType1_1 = require("./IconSmallType1");
+const IconSmallType2_1 = require("./IconSmallType2");
+const IconSmallType3_1 = require("./IconSmallType3");
+const IconSmallType4_1 = require("./IconSmallType4");
+const IconSmallType5_1 = require("./IconSmallType5");
+const IconSmallType6_1 = require("./IconSmallType6");
+const IconSmallType7_1 = require("./IconSmallType7");
+const IconSmallType8_1 = require("./IconSmallType8");
+const IconSmallType9_1 = require("./IconSmallType9");
+const IconSmallType10_1 = require("./IconSmallType10");
+const IconSpring1_1 = require("./IconSpring1");
+const IconSpring2_1 = require("./IconSpring2");
+const IconTopLeft1_1 = require("./IconTopLeft1");
+const IconTopLeft2_1 = require("./IconTopLeft2");
+const IconTopRight1_1 = require("./IconTopRight1");
+const IconTopRight2_1 = require("./IconTopRight2");
+const IconType47_1 = require("./IconType47");
+const IconWave1_1 = require("./IconWave1");
+const IconWave2_1 = require("./IconWave2");
+const Icons = {
+    IconArrow: IconArrow_1.createIconArrow,
+    IconBg1: IconBg1_1.createIconBg1,
+    IconBg2: IconBg2_1.createIconBg2,
+    IconBg3: IconBg3_1.createIconBg3,
+    IconBg4: IconBg4_1.createIconBg4,
+    IconBg5: IconBg5_1.createIconBg5,
+    IconBg6: IconBg6_1.createIconBg6,
+    IconBg7: IconBg7_1.createIconBg7,
+    IconBg8: IconBg8_1.createIconBg8,
+    IconBg9: IconBg9_1.createIconBg9,
+    IconBottomLeft1: IconBottomLeft1_1.createIconBottomLeft1,
+    IconBottomLeft2: IconBottomLeft2_1.createIconBottomLeft2,
+    IconBottomRight1: IconBottomRight1_1.createIconBottomRight1,
+    IconBottomRight2: IconBottomRight2_1.createIconBottomRight2,
+    IconContainer1: IconContainer1_1.createIconContainer1,
+    IconContainer2: IconContainer2_1.createIconContainer2,
+    IconContainer3: IconContainer3_1.createIconContainer3,
+    IconContainer4: IconContainer4_1.createIconContainer4,
+    IconContainer5: IconContainer5_1.createIconContainer5,
+    IconDonut: IconDonut_1.createIconDonut,
+    IconEllipse1: IconEllipse1_1.createIconEllipse1,
+    IconEllipse2: IconEllipse2_1.createIconEllipse2,
+    IconEtc1: IconEtc1_1.createIconEtc1,
+    IconEtc2: IconEtc2_1.createIconEtc2,
+    IconEtc3: IconEtc3_1.createIconEtc3,
+    IconFrame1: IconFrame1_1.createIconFrame1,
+    IconFrame2: IconFrame2_1.createIconFrame2,
+    IconFrame3: IconFrame3_1.createIconFrame3,
+    IconFrame4: IconFrame4_1.createIconFrame4,
+    IconGear: IconGear_1.createIconGear,
+    IconMedal: IconMedal_1.createIconMedal,
+    IconMortarboard1: IconMortarboard1_1.createIconMortarboard1,
+    IconMortarboard2: IconMortarboard2_1.createIconMortarboard2,
+    IconMortarboard3: IconMortarboard3_1.createIconMortarboard3,
+    IconMortarboard4: IconMortarboard4_1.createIconMortarboard4,
+    IconMortarboard5: IconMortarboard5_1.createIconMortarboard5,
+    IconPhrase1: IconPhrase1_1.createIconPhrase1,
+    IconPhrase2: IconPhrase2_1.createIconPhrase2,
+    IconPhrase3: IconPhrase3_1.createIconPhrase3,
+    IconPhrase4: IconPhrase4_1.createIconPhrase4,
+    IconPillar1: IconPillar1_1.createIconPillar1,
+    IconPillar2: IconPillar2_1.createIconPillar2,
+    IconSkewedLeft: IconSkewedLeft_1.createIconSkewedLeft,
+    IconSkewedRight: IconSkewedRight_1.createIconSkewedRight,
+    IconSmallType1: IconSmallType1_1.createIconSmallType1,
+    IconSmallType2: IconSmallType2_1.createIconSmallType2,
+    IconSmallType3: IconSmallType3_1.createIconSmallType3,
+    IconSmallType4: IconSmallType4_1.createIconSmallType4,
+    IconSmallType5: IconSmallType5_1.createIconSmallType5,
+    IconSmallType6: IconSmallType6_1.createIconSmallType6,
+    IconSmallType7: IconSmallType7_1.createIconSmallType7,
+    IconSmallType8: IconSmallType8_1.createIconSmallType8,
+    IconSmallType9: IconSmallType9_1.createIconSmallType9,
+    IconSmallType10: IconSmallType10_1.createIconSmallType10,
+    IconSpring1: IconSpring1_1.createIconSpring1,
+    IconSpring2: IconSpring2_1.createIconSpring2,
+    IconStar: IconStar_1.createIconStar1,
+    IconStar2: IconStar2_1.createIconStar2,
+    IconStar3: IconStar3_1.createIconStar3,
+    IconStar4: IconStar4_1.createIconStar4,
+    IconStar5: IconStar5_1.createIconStar5,
+    IconStar6: IconStar6_1.createIconStar6,
+    IconTopLeft1: IconTopLeft1_1.createIconTopLeft1,
+    IconTopLeft2: IconTopLeft2_1.createIconTopLeft2,
+    IconTopRight1: IconTopRight1_1.createIconTopRight1,
+    IconTopRight2: IconTopRight2_1.createIconTopRight2,
+    IconTrophy1: IconTrophy1_1.createIconTrophy1,
+    IconTrophy2: IconTrophy2_1.createIconTrophy2,
+    IconTrophy3: IconTrophy3_1.createIconTrophy3,
+    IconTrophy4: IconTrophy4_1.createIconTrophy4,
+    IconType47: IconType47_1.createIconType47,
+    IconWave1: IconWave1_1.createIconWave1,
+    IconWave2: IconWave2_1.createIconWave2,
+};
+exports.default = Icons;

package/dist/templates/ribbons/RibbonType1.d.ts

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

package/dist/templates/ribbons/RibbonType1.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType1 = createRibbonType1;
+function createRibbonType1({ 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 183"
+      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",
+      }}
+    >
+      <path d="M456 183L528 153L467.189 145L456 183Z" fill="${mainColor}" />
+      <path
+        opacity="0.3"
+        d="M456 183L528 153L467.189 145L456 183Z"
+        fill="black"
+      />
+      <path d="M80 183L8 153L68.8108 145L80 183Z" fill="${mainColor}" />
+      <path
+        opacity="0.3"
+        d="M80 183L8 153L68.8108 145L80 183Z"
+        fill="black"
+      />
+      <rect width="536" height="154" rx="10" fill="url(#${paintId0})" />
+      <rect
+        y="10.0547"
+        width="536"
+        height="133.891"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M0.0185547 10.0547H536.004"
+        stroke="${mainColor}"
+        stroke-width="3"
+      />
+      <path
+        d="M0 143.945L536.307 143.945"
+        stroke="${mainColor}"
+        stroke-width="3"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="3.33645e-07"
+          y1="17.6647"
+          x2="528.572"
+          y2="170.613"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonType12.d.ts

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

package/dist/templates/ribbons/RibbonType12.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType12 = createRibbonType12;
+function createRibbonType12({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 528 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;
+      "
+    >
+      <path
+        d="M495 183.595L522 157.595L499.909 158.895L495 183.595Z"
+        fill="${mainColor}"
+      />
+      <path
+        opacity="0.4"
+        d="M495 183.595L522 157.595L499.909 158.895L495 183.595Z"
+        fill="black"
+      />
+      <path
+        d="M33 183.595L6 157.595L28.0909 158.895L33 183.595Z"
+        fill="${mainColor}"
+      />
+      <path
+        opacity="0.4"
+        d="M33 183.595L6 157.595L28.0909 158.895L33 183.595Z"
+        fill="black"
+      />
+      <rect
+        x="23"
+        y="146.595"
+        width="482"
+        height="24"
+        fill="black"
+        fill-opacity="0.2"
+      />
+      <rect x="23" y="0.594849" width="482" height="38" fill="white" />
+      <rect y="6.59485" width="528" height="154" rx="14" fill="${mainColor}" />
+      <mask
+        id="mask0_2384_1367"
+        style="mask-type: alpha"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="6"
+        width="528"
+        height="155"
+      >
+        <rect
+          y="6.59485"
+          width="528"
+          height="154"
+          rx="14"
+          fill="${mainColor}"
+        />
+      </mask>
+      <g mask="url(#mask0_2384_1367)">
+        <path
+          d="M421.5 -18.4052H597V191.595H240L421.5 -18.4052Z"
+          fill="${subColor}"
+        />
+      </g>
+      <rect
+        y="20.34"
+        width="528"
+        height="126.509"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <path d="M0 18.5948L528 18.5948" stroke="white" stroke-width="3" />
+      <path d="M0 148.595L528 148.595" stroke="white" stroke-width="3" />
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonType13.d.ts

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

package/dist/templates/ribbons/RibbonType13.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType13 = createRibbonType13;
+function createRibbonType13({ mainColor = "#96A6B4", subColor = "#96A6B4", extraColor1 = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 528 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="M524.816 22.1229L504.499 1.17924L504.5 17.6792L524.816 22.1229Z"
+        fill="${extraColor1}"
+      />
+      <path
+        opacity="0.4"
+        d="M524.817 22.1228L504.502 1.17919L504.5 17.6794L524.817 22.1228Z"
+        fill="black"
+      />
+      <path
+        d="M5.0003 22.1229L25.317 1.17924L25.3164 17.6792L5.0003 22.1229Z"
+        fill="${extraColor1}"
+      />
+      <path
+        opacity="0.4"
+        d="M4.99948 22.1228L25.3143 1.17919L25.3164 17.6794L4.99948 22.1228Z"
+        fill="black"
+      />
+      <path
+        d="M501.5 188.179H26.5C23 179.679 22.9999 171.679 22.8105 166.179H505C505 174.679 503.5 184.679 501.5 188.179Z"
+        fill="black"
+        fill-opacity="0.4"
+      />
+      <rect
+        y="17.1793"
+        width="528"
+        height="154"
+        rx="14"
+        fill="url(#paint0_linear_2481_213)"
+      />
+      <rect
+        y="29.8746"
+        width="528"
+        height="128.608"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <path d="M0 28.8864L528 28.8864" stroke="white" stroke-width="3" />
+      <path d="M0 159.472L528 159.472" stroke="white" stroke-width="3" />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2481_213"
+          x1="-5.75303e-07"
+          y1="20.6793"
+          x2="528"
+          y2="165.179"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonType13_1.d.ts

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

package/dist/templates/ribbons/RibbonType13_1.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType13_1 = createRibbonType13_1;
+function createRibbonType13_1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 221 170"
+      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_141)">
+        <path
+          d="M112.387 0.882759L217.521 38.5672C220.838 39.7193 222.204 43.6939 220.292 46.6485L185.324 65.1732C184.836 65.9475 184.533 66.8317 184.469 67.7487L183.159 104.468C182.881 108.474 178.533 110.806 175.065 108.819L53.3419 41.5146C50.5085 39.895 49.7382 36.1557 51.6747 33.5424L106.25 2.78369C107.654 0.876888 110.138 0.112086 112.387 0.882759Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M159.111 17.6849L195.851 30.8192L140.018 68.7263L150.775 95.3359L98.4103 66.5121L159.111 17.6849Z"
+          fill="black"
+          fill-opacity="0.4"
+        />
+        <path
+          d="M105.142 34.8691L139.724 135.231C140.896 138.541 138.646 142.09 135.145 142.443L83.6964 136.17C82.7866 136.272 81.9069 136.588 81.1511 137.111L45.3563 167.509C42.0546 169.794 37.5168 167.856 36.9015 163.907L2.63508 21.5775C2.12928 18.3532 4.56752 15.4155 7.81799 15.2947L99.8235 31.265C102.19 31.1702 104.339 32.632 105.142 34.8691Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M120.278 78.9535L28.2738 127.873L13.8433 68.7778L130.834 45.5919L150.768 95.3193L120.106 78.439L120.278 78.9535Z"
+          fill="black"
+          fill-opacity="0.4"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_2487_141">
+          <rect width="221" height="170" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonType18.d.ts

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