@blockspoon/cert-badge-renderer 1.0.1

package/dist/templates/icons/IconContainer1.js

@@ -0,0 +1,84 @@
+"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

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

package/dist/templates/icons/IconContainer2.js

@@ -0,0 +1,28 @@
+"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

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

package/dist/templates/icons/IconContainer3.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createIconContainer3 = createIconContainer3;
+function createIconContainer3({ 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 747 1081"
+        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="M711.261 1080.37L36.0827 1080.37C34.2789 1080.37 32.76 1078.84 32.76 1077.02C32.76 1060.94 19.8488 1047.93 3.89967 1047.93C2.09596 1047.93 0.67189 1046.4 0.67189 1044.58L0.671934 36.1576C0.671935 34.3394 2.09601 32.8083 3.89972 32.8083C19.8488 32.8083 32.76 19.794 32.76 3.71741C32.76 1.89923 34.279 0.368133 36.0828 0.368133L711.261 0.368163C713.065 0.368163 714.584 1.89926 714.584 3.71744C714.584 19.794 727.495 32.8084 743.444 32.8084C745.248 32.8084 746.672 34.3395 746.672 36.1576L746.672 1044.58C746.672 1046.4 745.248 1047.93 743.444 1047.93C727.495 1047.93 714.584 1060.94 714.584 1077.02C714.584 1078.84 713.065 1080.37 711.261 1080.37Z"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+}

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

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

package/dist/templates/icons/IconContainer4.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createIconContainer4 = createIconContainer4;
+function createIconContainer4({ 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 1041 699"
+        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.742188"
+          y="0.314453"
+          width="1040"
+          height="698"
+          rx="12"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+}

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

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

package/dist/templates/icons/IconContainer5.js

@@ -0,0 +1,310 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createIconContainer5 = createIconContainer5;
+function createIconContainer5({ 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)}`;
+    const paintId4 = `paint4_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId5 = `paint5_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId6 = `paint6_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId7 = `paint7_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId8 = `paint8_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId9 = `paint9_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId10 = `paint10_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 1152 815"
+        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;"
+      >
+        <g clip-path="url(#clip0_2618_652)">
+          <rect
+            width="1152"
+            height="814"
+            transform="translate(0 0.537109)"
+            fill="white"
+          />
+          <rect
+            x="-270.808"
+            y="154.618"
+            width="646.418"
+            height="238.403"
+            transform="rotate(-30 -270.808 154.618)"
+            stroke="url(#${paintId0})"
+            stroke-width="1.36817"
+          />
+          <rect
+            x="368.195"
+            y="28.8785"
+            width="370.181"
+            height="83.8251"
+            transform="rotate(-30 368.195 28.8785)"
+            stroke="url(#${paintId1})"
+            stroke-width="5.47268"
+          />
+          <rect
+            x="-248.917"
+            y="91.6801"
+            width="646.418"
+            height="238.403"
+            transform="rotate(-30 -248.917 91.6801)"
+            stroke="url(#${paintId2})"
+            stroke-width="1.36817"
+          />
+          <rect
+            x="-210.541"
+            y="115.074"
+            width="370.181"
+            height="133.572"
+            transform="rotate(-30 -210.541 115.074)"
+            stroke="url(#${paintId3})"
+            stroke-width="5.47268"
+          />
+          <rect
+            x="543.255"
+            y="952.26"
+            width="646.418"
+            height="238.403"
+            transform="rotate(-30 543.255 952.26)"
+            stroke="url(#${paintId4})"
+            stroke-width="1.36817"
+          />
+          <rect
+            x="763.53"
+            y="894.795"
+            width="646.418"
+            height="238.403"
+            transform="rotate(-30 763.53 894.795)"
+            stroke="url(#${paintId5})"
+            stroke-width="1.36817"
+          />
+          <rect
+            x="814.22"
+            y="759.482"
+            width="370.181"
+            height="133.572"
+            transform="rotate(-30 814.22 759.482)"
+            stroke="url(#${paintId6})"
+            stroke-width="5.47268"
+          />
+          <g filter="url(#filter0_d_2618_652)">
+            <rect
+              x="77"
+              y="72.5371"
+              width="998"
+              height="670"
+              rx="8"
+              fill="white"
+            />
+          </g>
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M1050.39 72.5371H1025.78V98.5175H77V123.13H1025.78V742.537H1050.39V123.13H1075V98.5175H1050.39V72.5371Z"
+            fill="url(#${paintId7})"
+          />
+          <rect
+            x="-49.9336"
+            y="738.834"
+            width="173.758"
+            height="173.758"
+            transform="rotate(-45 -49.9336 738.834)"
+            stroke="url(#${paintId8})"
+            stroke-width="4.10451"
+          />
+          <rect
+            x="11.6348"
+            y="636.51"
+            width="87.0954"
+            height="87.0954"
+            transform="rotate(-45 11.6348 636.51)"
+            stroke="url(#${paintId9})"
+            stroke-width="4.10451"
+          />
+          <rect
+            x="160.766"
+            y="738.412"
+            width="88.0261"
+            height="88.0261"
+            transform="rotate(-45 160.766 738.412)"
+            stroke="url(#${paintId10})"
+            stroke-width="4.10451"
+          />
+        </g>
+        <defs>
+          <filter
+            id="filter0_d_2618_652"
+            x="53"
+            y="48.5371"
+            width="1046"
+            height="718"
+            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_2618_652"
+            />
+            <feBlend
+              mode="normal"
+              in="SourceGraphic"
+              in2="effect1_dropShadow_2618_652"
+              result="shape"
+            />
+          </filter>
+          <linearGradient
+            id="${paintId0}"
+            x1="888.375"
+            y1="354.582"
+            x2="-88.0072"
+            y2="297.203"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId1}"
+            x1="1037.21"
+            y1="102.443"
+            x2="473.768"
+            y2="50.8841"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId2}"
+            x1="910.265"
+            y1="291.645"
+            x2="-66.1166"
+            y2="234.265"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId3}"
+            x1="458.477"
+            y1="230.178"
+            x2="-107.731"
+            y2="196.903"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId4}"
+            x1="1702.44"
+            y1="1152.22"
+            x2="726.055"
+            y2="1094.85"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId5}"
+            x1="1922.71"
+            y1="1094.76"
+            x2="946.331"
+            y2="1037.38"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId6}"
+            x1="1483.24"
+            y1="874.586"
+            x2="917.031"
+            y2="841.311"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId7}"
+            x1="465.947"
+            y1="-81.9731"
+            x2="844.746"
+            y2="860.77"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId8}"
+            x1="125.1"
+            y1="738.908"
+            x2="-52.9096"
+            y2="916.917"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId9}"
+            x1="99.9701"
+            y1="636.548"
+            x2="8.69467"
+            y2="727.823"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId10}"
+            x1="250.032"
+            y1="738.45"
+            x2="157.825"
+            y2="830.657"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
+          </linearGradient>
+          <clipPath id="clip0_2618_652">
+            <rect
+              width="1152"
+              height="814"
+              fill="white"
+              transform="translate(0 0.537109)"
+            />
+          </clipPath>
+        </defs>
+      </svg>
+    </div>
+  `;
+}

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

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

package/dist/templates/icons/IconDonut.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createIconDonut = createIconDonut;
+function createIconDonut({ 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 196 196"
+        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="M97.7422 195.211C151.59 195.211 195.242 151.559 195.242 97.7109C195.242 43.8632 151.59 0.210938 97.7422 0.210938C43.8944 0.210938 0.242188 43.8632 0.242188 97.7109C0.242188 151.559 43.8944 195.211 97.7422 195.211ZM97.7422 152.211C127.842 152.211 152.242 127.81 152.242 97.7109C152.242 67.6114 127.842 43.2109 97.7422 43.2109C67.6427 43.2109 43.2422 67.6114 43.2422 97.7109C43.2422 127.81 67.6427 152.211 97.7422 152.211Z"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+}

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

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

package/dist/templates/icons/IconEllipse1.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createIconEllipse1 = createIconEllipse1;
+function createIconEllipse1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_radial_${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 595 595"
+        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;"
+      >
+        <circle
+          cx="297.256"
+          cy="297.229"
+          r="297"
+          fill="url(#${paintId0})"
+        />
+        <defs>
+          <radialGradient
+            id="${paintId0}"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(297.256 297.229) rotate(90) scale(297)"
+          >
+            <stop stop-color="${mainColor}" stop-opacity="0.4" />
+            <stop offset="1" stop-color="${subColor}" stop-opacity="0" />
+          </radialGradient>
+        </defs>
+      </svg>
+    </div>
+  `;
+}

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

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

package/dist/templates/icons/IconEllipse2.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createIconEllipse2 = createIconEllipse2;
+function createIconEllipse2({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_radial_${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 750 595"
+        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;"
+      >
+        <ellipse
+          cx="374.756"
+          cy="297.378"
+          rx="374.5"
+          ry="297"
+          fill="url(#${paintId0})"
+        />
+        <defs>
+          <radialGradient
+            id="${paintId0}"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(374.756 297.378) rotate(90) scale(297 374.5)"
+          >
+            <stop stop-color="${mainColor}" stop-opacity="0.2" />
+            <stop offset="1" stop-color="${subColor}" stop-opacity="0" />
+          </radialGradient>
+        </defs>
+      </svg>
+    </div>
+  `;
+}

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

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