@blockspoon/cert-badge-renderer 1.0.14 → 1.0.16

package/src/templates/ribbons/RibbonType109.ts

@@ -50,8 +50,8 @@ export function createRibbonType109({
           y2="42.5"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.218267" stopOpacity="0" />
-          <stop offset="1" stopOpacity="0.4" />
+          <stop offset="0.218267" stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
         </linearGradient>
         <linearGradient
           id="paint1_linear_3488_8546"
@@ -61,8 +61,8 @@ export function createRibbonType109({
           y2="48"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.218267" stopOpacity="0" />
-          <stop offset="1" stopOpacity="0.4" />
+          <stop offset="0.218267" stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
         </linearGradient>
       </defs>
     </svg>

package/src/templates/ribbons/RibbonType110.ts

@@ -48,8 +48,8 @@ export function createRibbonType110({
           y2="-234.95"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.296774" stopColor="${subColor}" />
-          <stop offset="0.736337" stopColor="${mainColor}" />
+          <stop offset="0.296774" stop-color="${subColor}" />
+          <stop offset="0.736337" stop-color="${mainColor}" />
         </linearGradient>
       </defs>
     </svg>

package/src/templates/ribbons/RibbonType115.ts

@@ -36,12 +36,12 @@ export function createRibbonType115({
       <path
         d="M52.8537 75.2129L0 95.8641L48.0577 113.84L26.4268 163.853L126.457 131.164L97.6162 62L52.8537 75.2129Z"
         fill="black"
-        fillOpacity="0.2"
+        fill-opacity="0.2"
       />
       <path
         d="M471.028 75.2129L523.882 95.8641L475.824 113.84L497.455 163.853L397.457 131.164L426.266 62L471.028 75.2129Z"
         fill="black"
-        fillOpacity="0.2"
+        fill-opacity="0.2"
       />
       <path d="M395 132L473 120L439.151 103L395 132Z" fill="#1F1F1F" />
       <path d="M130 132L52 120L85.8491 103L130 132Z" fill="#1F1F1F" />

package/src/templates/ribbons/RibbonType116.ts

@@ -40,12 +40,12 @@ export function createRibbonType116({
       <path
         d="M166.556 73.2556H0L37.3708 36.612L0 0H166.556V73.2556Z"
         fill="black"
-        fillOpacity="0.14"
+        fill-opacity="0.14"
       />
       <path
         d="M395.176 73.2556H561.732L524.393 36.612L561.732 0H395.176V73.2556Z"
         fill="black"
-        fillOpacity="0.14"
+        fill-opacity="0.14"
       />
       <path
         d="M508.268 29.7812L395.176 73.2541V29.7812H508.268Z"
@@ -54,12 +54,12 @@ export function createRibbonType116({
       <path
         d="M53.4648 29.7812L166.557 73.2541V29.7812H53.4648Z"
         fill="black"
-        fillOpacity="0.75"
+        fill-opacity="0.75"
       />
       <path
         d="M508.268 29.7812L395.176 73.2541V29.7812H508.268Z"
         fill="black"
-        fillOpacity="0.75"
+        fill-opacity="0.75"
       />
     </svg>
   `;

package/src/templates/ribbons/RibbonType92.ts

@@ -32,7 +32,7 @@ export function createRibbonType92({
       <path
         d="M519.821 132.192L519.773 132.5L519.821 132.808L538.636 253.815L276.15 234.006L276 233.994L275.85 234.006L13.3633 253.815L32.1787 132.808L32.2266 132.5L32.1787 132.192L13.3633 11.1836L275.85 30.9941L276 31.0059L276.15 30.9941L538.636 11.1836L519.821 132.192Z"
         stroke="white"
-        strokeWidth="4"
+        stroke-width="4"
       />
       <path
         d="M455 7L516.67 2.5L516 262L446 257L455 7Z"
@@ -51,8 +51,8 @@ export function createRibbonType92({
           y2="132.5"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopOpacity="0" />
-          <stop offset="1" stopOpacity="0.5" />
+          <stop stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.5" />
         </linearGradient>
         <linearGradient
           id="paint1_linear_3488_51"
@@ -62,8 +62,8 @@ export function createRibbonType92({
           y2="132.5"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopOpacity="0" />
-          <stop offset="1" stopOpacity="0.5" />
+          <stop stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.5" />
         </linearGradient>
       </defs>
     </svg>

package/src/templates/ribbons/RibbonType93.ts

@@ -151,10 +151,10 @@ export function createRibbonType93({
           y2="64.0132"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="${mainColor}" />
-          <stop offset="0.06" stopColor="${mainColor}" />
-          <stop offset="0.58" stopColor="${subColor}" />
-          <stop offset="1" stopColor="${mainColor}" />
+          <stop stop-color="${mainColor}" />
+          <stop offset="0.06" stop-color="${mainColor}" />
+          <stop offset="0.58" stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
         </linearGradient>
         <linearGradient
           id={paintId1}
@@ -164,10 +164,10 @@ export function createRibbonType93({
           y2="64.0132"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="${mainColor}" />
-          <stop offset="0.06" stopColor="${mainColor}" />
-          <stop offset="0.58" stopColor="${subColor}" />
-          <stop offset="1" stopColor="${mainColor}" />
+          <stop stop-color="${mainColor}" />
+          <stop offset="0.06" stop-color="${mainColor}" />
+          <stop offset="0.58" stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
         </linearGradient>
         <clipPath id="clip0_3488_6864">
           <rect

package/src/templates/ribbons/RibbonType93_1.ts

@@ -43,10 +43,10 @@ export function createRibbonType93_1({
           y2="53.8844"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="${mainColor}" />
-          <stop offset="0.06" stopColor="${mainColor}" />
-          <stop offset="0.58" stopColor="${subColor}" />
-          <stop offset="1" stopColor="${mainColor}" />
+          <stop stop-color="${mainColor}" />
+          <stop offset="0.06" stop-color="${mainColor}" />
+          <stop offset="0.58" stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
         </linearGradient>
         <linearGradient
           id={paintId1}
@@ -56,10 +56,10 @@ export function createRibbonType93_1({
           y2="51.2318"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="${mainColor}" />
-          <stop offset="0.06" stopColor="${mainColor}" />
-          <stop offset="0.58" stopColor="${subColor}" />
-          <stop offset="1" stopColor="${mainColor}" />
+          <stop stop-color="${mainColor}" />
+          <stop offset="0.06" stop-color="${mainColor}" />
+          <stop offset="0.58" stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
         </linearGradient>
       </defs>
     </svg>

package/src/templates/ribbons/RibbonType96.ts

@@ -44,7 +44,7 @@ export function createRibbonType96({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stopColor="${mainColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
         </linearGradient>
         <linearGradient
           id={paintId1}
@@ -55,7 +55,7 @@ export function createRibbonType96({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stopColor="${mainColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
         </linearGradient>
       </defs>
     </svg>

package/src/templates/ribbons/RibbonType96_1.ts

@@ -152,7 +152,7 @@ export function createRibbonType96_1({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="0.533654" stopColor="${mainColor}" />
+          <stop offset="0.533654" stop-color="${mainColor}" />
           <stop offset="1" />
         </linearGradient>
         <linearGradient
@@ -164,7 +164,7 @@ export function createRibbonType96_1({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="0.533654" stopColor="${mainColor}" />
+          <stop offset="0.533654" stop-color="${mainColor}" />
           <stop offset="1" />
         </linearGradient>
         <clipPath id="clip0_3497_80512">

package/src/templates/ribbons/RibbonType97.ts

@@ -89,7 +89,7 @@ export function createRibbonType97({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stopOpacity="0" />
+          <stop offset="1" stop-opacity="0" />
         </linearGradient>
         <linearGradient
           id="paint1_linear_3488_6868"
@@ -100,7 +100,7 @@ export function createRibbonType97({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stopOpacity="0" />
+          <stop offset="1" stop-opacity="0" />
         </linearGradient>
         <linearGradient
           id="paint2_linear_3488_6868"
@@ -111,7 +111,7 @@ export function createRibbonType97({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stopOpacity="0" />
+          <stop offset="1" stop-opacity="0" />
         </linearGradient>
         <linearGradient
           id="paint3_linear_3488_6868"
@@ -122,7 +122,7 @@ export function createRibbonType97({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stopOpacity="0" />
+          <stop offset="1" stop-opacity="0" />
         </linearGradient>
       </defs>
     </svg>

package/src/templates/ribbons/RibbonType99.ts

@@ -26,13 +26,13 @@ export function createRibbonType99({
       "
     >
       <path d="M0 1V166L79 130.98L158 166V1H0Z" fill="${mainColor}" />
-      <path d="M143 160V1H15.2324L15 160" stroke="white" strokeWidth="2" />
+      <path d="M143 160V1H15.2324L15 160" stroke="white" stroke-width="2" />
       <path
         d="M0 32H158V96.5L79 102L0 96.5V32Z"
         fill="url(#paint0_linear_3488_6871)"
       />
       <path d="M0 1V166L79 130.98L158 166V1H0Z" fill="${mainColor}" />
-      <path d="M143 160V1H15.2324L15 160" stroke="white" strokeWidth="2" />
+      <path d="M143 160V1H15.2324L15 160" stroke="white" stroke-width="2" />
       <path
         d="M0 32H158V96.5L79 102L0 96.5V32Z"
         fill="url(#paint1_linear_3488_6871)"
@@ -47,7 +47,7 @@ export function createRibbonType99({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stopOpacity="0" />
+          <stop offset="1" stop-opacity="0" />
         </linearGradient>
         <linearGradient
           id="paint1_linear_3488_6871"
@@ -58,7 +58,7 @@ export function createRibbonType99({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stopOpacity="0" />
+          <stop offset="1" stop-opacity="0" />
         </linearGradient>
       </defs>
     </svg>

package/src/utils/generateDesignHTML.ts

@@ -129,6 +129,10 @@ export async function generateDesignHTML(
         element.text = bindingValue;
       }
       if (element.controlType === "image") {
+        if (element.bindingKey === "badge") {
+          continue;
+        }
+
         element.src = bindingValue;
       }
     }

package/src/utils/getBindingValue.ts

@@ -131,7 +131,6 @@ export const getBindingValue = (
   bindingKey: string,
   data: any
 ) => {
-
   switch (type) {
     case "achievement":
       return getAchievementValue(bindingKey, data);
@@ -141,7 +140,7 @@ export const getBindingValue = (
       return getClubValue(
         bindingKey,
         data?.achievementForm?.club || data?.club,
-        data 
+        data
       );
     case "custom":
       return getCustomValue(bindingKey, data);

package/tsconfig.json

@@ -3,10 +3,11 @@
     "outDir": "dist",
     "module": "CommonJS",
     "target": "ES6",
+    "lib": ["esnext", "dom"],  
     "declaration": true,
     "esModuleInterop": true,
     "moduleResolution": "node"
     // "strict": true
   },
   "include": ["src"]
-}
+}

package/dist/server/index.d.ts

@@ -1,2 +0,0 @@
-export { generateAchievementFile } from "../utils/generateAchievementFile";
-export { generateAchievementHTML } from "../utils/generateAchievementHTML";

package/dist/server/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateAchievementHTML = exports.generateAchievementFile = void 0;
-// ✅ src/server/index.ts
-var generateAchievementFile_1 = require("../utils/generateAchievementFile");
-Object.defineProperty(exports, "generateAchievementFile", { enumerable: true, get: function () { return generateAchievementFile_1.generateAchievementFile; } });
-var generateAchievementHTML_1 = require("../utils/generateAchievementHTML");
-Object.defineProperty(exports, "generateAchievementHTML", { enumerable: true, get: function () { return generateAchievementHTML_1.generateAchievementHTML; } });

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

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

package/dist/templates/icons/IconArrow.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconArrow = createIconArrow;
-function createIconArrow({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 150 299"
-        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="M0.338971 66.3969L83.1087 149.444L0.242188 232.589L0.338971 298.775L149.034 149.444L0.338971 0.210938V66.3969Z"
-          fill="${mainColor}"
-        />
-      </svg>
-    </div>
-  `;
-}

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

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

package/dist/templates/icons/IconBottomLeft1.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconBottomLeft1 = createIconBottomLeft1;
-function createIconBottomLeft1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 307 237"
-        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="M307 237C291.5 175.491 160.947 185.416 129 139.639C84 62.9997 55.5 8.72737 2.0158e-05 -1.83939e-06L3.05176e-05 237L307 237Z"
-          fill="${mainColor}"
-          fill-opacity="0.9"
-        />
-      </svg>
-    </div>
-  `;
-}

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

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

package/dist/templates/icons/IconBottomLeft2.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconBottomLeft2 = createIconBottomLeft2;
-function createIconBottomLeft2({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 307 237"
-        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="M307 237C291.5 175.491 160.947 185.416 129 139.639C84 62.9997 55.5 8.72737 2.0158e-05 -1.83939e-06L3.05176e-05 237L307 237Z"
-          fill="url(#${paintId0})"
-        />
-        <defs>
-          <linearGradient
-            id="${paintId0}"
-            x1="153.5"
-            y1="237"
-            x2="153.5"
-            y2="-8.54909e-06"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stop-color="${subColor}" />
-            <stop offset="1" stop-color="${mainColor}" />
-          </linearGradient>
-        </defs>
-      </svg>
-    </div>
-  `;
-}

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

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

package/dist/templates/icons/IconBottomRight1.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconBottomRight1 = createIconBottomRight1;
-function createIconBottomRight1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 307 237"
-        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="M0 237C15.5 175.491 146.053 185.416 178 139.639C223 62.9997 251.5 8.72737 307 -1.83939e-06L307 237L0 237Z"
-          fill="${mainColor}"
-          fill-opacity="0.9"
-        />
-      </svg>
-    </div>
-  `;
-}

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

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

package/dist/templates/icons/IconBottomRight2.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconBottomRight2 = createIconBottomRight2;
-function createIconBottomRight2({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 297 237"
-        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="M0 237C14.9951 175.491 141.296 185.416 172.202 139.639C215.736 62.9997 243.308 8.72737 297 -2.27651e-06L297 237L0 237Z"
-          fill="url(#${paintId0})"
-        />
-        <defs>
-          <linearGradient
-            id="${paintId0}"
-            x1="148.5"
-            y1="237"
-            x2="148.5"
-            y2="-8.76765e-06"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stop-color="${subColor}" />
-            <stop offset="1" stop-color="${mainColor}" />
-          </linearGradient>
-        </defs>
-      </svg>
-    </div>
-  `;
-}

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

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

package/dist/templates/icons/IconContainer1.js

@@ -1,84 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconContainer1 = createIconContainer1;
-function createIconContainer1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 1047 719"
-        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 filter="url(#filter0_d_2546_427)">
-          <rect
-            x="24.3926"
-            y="24.1572"
-            width="998"
-            height="670"
-            rx="8"
-            fill="white"
-          />
-        </g>
-        <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M997.784 24.1572H973.176V50.1377H24.3926V74.7499H973.176V694.157H997.784V74.7499H1022.39V50.1377H997.784V24.1572Z"
-          fill="url(#${paintId0})"
-        />
-        <defs>
-          <filter
-            id="filter0_d_2546_427"
-            x="0.392578"
-            y="0.157227"
-            width="1046"
-            height="717.999"
-            filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB"
-          >
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feColorMatrix
-              in="SourceAlpha"
-              type="matrix"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-              result="hardAlpha"
-            />
-            <feOffset />
-            <feGaussianBlur stdDeviation="12" />
-            <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix
-              type="matrix"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
-            />
-            <feBlend
-              mode="normal"
-              in2="BackgroundImageFix"
-              result="effect1_dropShadow_2546_427"
-            />
-            <feBlend
-              mode="normal"
-              in="SourceGraphic"
-              in2="effect1_dropShadow_2546_427"
-              result="shape"
-            />
-          </filter>
-          <linearGradient
-            id="${paintId0}"
-            x1="413.339"
-            y1="-130.353"
-            x2="792.139"
-            y2="812.39"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stop-color="${mainColor}" />
-            <stop offset="1" stop-color="${subColor}" />
-          </linearGradient>
-        </defs>
-      </svg>
-    </div>
-  `;
-}

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

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

package/dist/templates/icons/IconContainer2.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconContainer2 = createIconContainer2;
-function createIconContainer2({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 693 640"
-        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="0.345703"
-          y="0.157227"
-          width="692"
-          height="639"
-          rx="20"
-          fill="${mainColor}"
-          fill-opacity="0.7"
-        />
-      </svg>
-    </div>
-  `;
-}

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

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