@blockspoon/cert-badge-renderer 1.0.22 → 1.0.23

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

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType101_1 = createRibbonType101_1;
+function createRibbonType101_1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 575 145"
+      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="M231.24 2.65332V79.683C163.624 79.683 96.0433 88.175 28.6749 105.124L38.1624 62.2036L0 31.8446C76.608 12.3838 153.924 2.65332 231.24 2.65332Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M231.24 2.65332V79.683C163.624 79.683 96.0433 88.175 28.6749 105.124L38.1624 62.2036L0 31.8446C76.608 12.3838 153.924 2.65332 231.24 2.65332Z"
+        fill="black"
+        fill-opacity="0.2"
+      />
+      <path
+        d="M343.32 102.506V25.4407C410.936 25.4407 478.517 16.9487 545.886 0L536.398 42.9201L574.56 73.2791C497.988 92.7753 420.672 102.506 343.356 102.506H343.32Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M343.32 102.506V25.4407C410.936 25.4407 478.517 16.9487 545.886 0L536.398 42.9201L574.56 73.2791C497.988 92.7753 420.672 102.506 343.356 102.506H343.32Z"
+        fill="black"
+        fill-opacity="0.2"
+      />
+      <path
+        d="M43.6492 48.8995L109.672 24.0957L142.843 100.842L43.6492 144.293V48.8995Z"
+        fill="#14141E"
+      />
+      <path
+        d="M530.946 48.9001L465.135 16.2412L405.591 93.8724L530.946 144.294V48.9001Z"
+        fill="#14141E"
+      />
+    </svg>
+  `;
+}

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

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

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

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType103 = createRibbonType103;
+function createRibbonType103({ 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 274 147"
+      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="M271 147C274.2 143.8 274 134.667 273.5 130.5L270.5 125.5L260.5 119L261.5 128L271 147Z"
+        fill="#636363"
+      />
+      <g opacity="0.7" filter="url(#filter0_f_3488_6905)">
+        <path
+          d="M11.5 51L36.5 42.5H68.5L259.5 116.5L267.5 140.5C202.7 106.5 103 123.5 58 134L61 72L11.5 51Z"
+          fill="${mainColor}"
+        />
+      </g>
+      <path
+        d="M48.5 120.5C189.7 92.1002 259.333 114.5 273.5 130.5C268.5 118.5 263 107 252.5 66.5C244.391 35.2231 232.333 18.8338 215 12.0005C115.5 -16.9998 32.3333 16.5 0.5 32L53.5 55.0005L48.5 120.5Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M269 121C255.819 106.1 176.5 85 55.5 113.5L60 52.0001L15 31.5001C44.6178 17.0652 132.5 -13 229.5 22.5"
+        stroke="url(#${paintId0})"
+        stroke-width="2"
+      />
+      <rect
+        x="92"
+        y="11"
+        width="80"
+        height="80"
+        fill="url(#pattern0_3488_6905)"
+      />
+      <path
+        d="M271 147C274.2 143.8 274 134.667 273.5 130.5L270.5 125.5L260.5 119L261.5 128L271 147Z"
+        fill="#636363"
+      />
+      <g opacity="0.7" filter="url(#filter1_f_3488_6905)">
+        <path
+          d="M11.5 51L36.5 42.5H68.5L259.5 116.5L267.5 140.5C202.7 106.5 103 123.5 58 134L61 72L11.5 51Z"
+          fill="${mainColor}"
+        />
+      </g>
+      <path
+        d="M48.5 120.5C189.7 92.1002 259.333 114.5 273.5 130.5C268.5 118.5 263 107 252.5 66.5C244.391 35.2231 232.333 18.8338 215 12.0005C115.5 -16.9998 32.3333 16.5 0.5 32L53.5 55.0005L48.5 120.5Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M269 121C255.819 106.1 176.5 85 55.5 113.5L60 52.0001L15 31.5001C44.6178 17.0652 132.5 -13 229.5 22.5"
+        stroke="url(#${paintId1})"
+        stroke-width="2"
+      />
+      <defs>
+        <filter
+          id="filter0_f_3488_6905"
+          x="7.5"
+          y="38.5"
+          width="264"
+          height="106"
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feGaussianBlur
+            stdDeviation="2"
+            result="effect1_foregroundBlur_3488_6905"
+          />
+        </filter>
+        <pattern
+          id="pattern0_3488_6905"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use
+            transform="translate(-0.131198 -0.126971) scale(0.00353698)"
+          />
+        </pattern>
+        <filter
+          id="filter1_f_3488_6905"
+          x="7.5"
+          y="38.5"
+          width="264"
+          height="106"
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feGaussianBlur
+            stdDeviation="2"
+            result="effect1_foregroundBlur_3488_6905"
+          />
+        </filter>
+        <linearGradient
+          id={paintId0}
+          x1="47.5"
+          y1="96.5"
+          x2="237.5"
+          y2="57.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#0C1A39" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <linearGradient
+          id={paintId1}
+          x1="47.5"
+          y1="96.5"
+          x2="237.5"
+          y2="57.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#0C1A39" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <image
+          id="image0_3488_6905"
+          width="360"
+          height="360"
+          preserveAspectRatio="none"
+        />
+      </defs>
+    </svg>
+  `;
+}

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

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

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

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType107 = createRibbonType107;
+function createRibbonType107({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 369 188"
+      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="M245.575 187.447L298.712 142.051L368.11 150.143L322.402 0.0673828L199.868 37.3722L245.575 187.447Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M207.88 34.9219L249.853 172.666L254.637 168.581L258.644 165.158L296.027 133.183L344.807 138.901L350.02 139.484L356.321 140.223L314.348 2.47949L207.88 34.9219Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M354.918 139.052L350.136 138.491L350.131 138.49L344.923 137.907H344.924L296.144 132.189L295.709 132.139L295.377 132.423L257.994 164.397L253.988 167.82L250.364 170.913L209.128 35.5869L313.683 3.72754L354.918 139.052Z"
+        stroke="white"
+        strokeOpacity="0.4"
+        stroke-width="2"
+      />
+      <path
+        d="M304.236 5.59082L344.809 138.9L350.021 139.484L308.826 4.19043L304.236 5.59082Z"
+        fill="white"
+      />
+      <path
+        d="M213.445 33.248L254.64 168.58L258.647 165.157L218.035 31.8477L213.445 33.248Z"
+        fill="white"
+      />
+      <path
+        d="M122.532 187.447L69.395 142.051L-0.00212097 150.143L45.7051 0.0673828L168.239 37.3722L122.532 187.447Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M160.228 34.9219L118.255 172.666L113.47 168.581L109.463 165.158L72.0807 133.183L23.3005 138.901L18.0879 139.484L11.7862 140.223L53.7589 2.47949L160.228 34.9219Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M13.1895 139.052L17.9717 138.491L17.9766 138.49L23.1846 137.907H23.1836L71.9639 132.189L72.3984 132.139L72.7305 132.423L110.113 164.397L114.119 167.82L117.743 170.913L158.979 35.5869L54.4248 3.72754L13.1895 139.052Z"
+        stroke="white"
+        strokeOpacity="0.4"
+        stroke-width="2"
+      />
+      <path
+        d="M63.8711 5.59082L23.2987 138.9L18.0861 139.484L59.2809 4.19043L63.8711 5.59082Z"
+        fill="white"
+      />
+      <path
+        d="M154.662 33.248L113.467 168.58L109.461 165.157L150.072 31.8477L154.662 33.248Z"
+        fill="white"
+      />
+      <path
+        d="M218.498 99L206.998 61.5L322.998 2.5L341.498 62.5L218.498 99Z"
+        fill="url(#paint0_linear_3488_6913)"
+      />
+      <path
+        d="M149.498 98.866L160.998 61.366L45.498 2.5L26.998 62.5L149.498 98.866Z"
+        fill="url(#paint1_linear_3488_6913)"
+      />
+      <path
+        d="M245.575 187.447L298.712 142.051L368.11 150.143L322.402 0.0673828L199.868 37.3722L245.575 187.447Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M207.88 34.9219L249.853 172.666L254.637 168.581L258.644 165.158L296.027 133.183L344.807 138.901L350.02 139.484L356.321 140.223L314.348 2.47949L207.88 34.9219Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M354.918 139.052L350.136 138.491L350.131 138.49L344.923 137.907H344.924L296.144 132.189L295.709 132.139L295.377 132.423L257.994 164.397L253.988 167.82L250.364 170.913L209.128 35.5869L313.683 3.72754L354.918 139.052Z"
+        stroke="white"
+        strokeOpacity="0.4"
+        stroke-width="2"
+      />
+      <path
+        d="M304.236 5.59082L344.809 138.9L350.021 139.484L308.826 4.19043L304.236 5.59082Z"
+        fill="white"
+      />
+      <path
+        d="M213.445 33.248L254.64 168.58L258.647 165.157L218.035 31.8477L213.445 33.248Z"
+        fill="white"
+      />
+      <path
+        d="M122.532 187.447L69.395 142.051L-0.00212097 150.143L45.7051 0.0673828L168.239 37.3722L122.532 187.447Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M160.228 34.9219L118.255 172.666L113.47 168.581L109.463 165.158L72.0807 133.183L23.3005 138.901L18.0879 139.484L11.7862 140.223L53.7589 2.47949L160.228 34.9219Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M13.1895 139.052L17.9717 138.491L17.9766 138.49L23.1846 137.907H23.1836L71.9639 132.189L72.3984 132.139L72.7305 132.423L110.113 164.397L114.119 167.82L117.743 170.913L158.979 35.5869L54.4248 3.72754L13.1895 139.052Z"
+        stroke="white"
+        strokeOpacity="0.4"
+        stroke-width="2"
+      />
+      <path
+        d="M63.8711 5.59082L23.2987 138.9L18.0861 139.484L59.2809 4.19043L63.8711 5.59082Z"
+        fill="white"
+      />
+      <path
+        d="M154.662 33.248L113.467 168.58L109.461 165.157L150.072 31.8477L154.662 33.248Z"
+        fill="white"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_3488_6913"
+          x1="274.248"
+          y1="2.5"
+          x2="295.998"
+          y2="77.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_3488_6913"
+          x1="94.248"
+          y1="2.5"
+          x2="72.498"
+          y2="77.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

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

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

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

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType109 = createRibbonType109;
+function createRibbonType109({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 450 169"
+      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 91L83.8358 4.99549L167.672 77.9373L83.8358 163.942L63.0946 103.132L0 91Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M117 129.5L158 88L85 4.5L30 60L117 129.5Z"
+        fill="url(#paint0_linear_3488_8546)"
+      />
+      <path
+        d="M449.672 91L365.836 4.99549L282 77.9373L365.836 163.942L386.577 103.132L449.672 91Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M332.5 129.5L291.5 88L364.5 4.5L419.5 60L332.5 129.5Z"
+        fill="url(#paint1_linear_3488_8546)"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_3488_8546"
+          x1="85.234"
+          y1="95.2858"
+          x2="123"
+          y2="42.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.218267" stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_3488_8546"
+          x1="364.266"
+          y1="95.2858"
+          x2="331.5"
+          y2="48"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.218267" stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

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

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

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

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType110 = createRibbonType110;
+function createRibbonType110({ mainColor = "#96A6B4", subColor = "#96A6B4", extraColor1 = "#96A6B4", extraColor2 = "#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 584 133"
+      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 0H63V93H0L27 46.5L0 0Z" fill="${extraColor1}" />
+      <path d="M584 0H521V93H584L557 46.5L584 0Z" fill="${extraColor1}" />
+      <path d="M517 3L547 19.8511V25H517V3Z" fill="#281700" />
+      <path d="M67 3L37 19.8511V25H67V3Z" fill="#281700" />
+      <rect
+        x="37"
+        y="20"
+        width="510"
+        height="113"
+        fill="url(#${paintId0})"
+      />
+      <defs>
+        <linearGradient
+          id={paintId0}
+          x1="-33"
+          y1="65.5"
+          x2="194.388"
+          y2="-234.95"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.296774" stop-color="${subColor}" />
+          <stop offset="0.736337" stop-color="${mainColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

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

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

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType113 = createRibbonType113;
+function createRibbonType113({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 577 76"
+      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="M171.598 75.151H0.732422L39.0701 37.5593L0.732422 0H171.598V75.151Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M406.135 75.151H577L538.695 37.5593L577 0H406.135V75.151Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

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

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

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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType115 = createRibbonType115;
+function createRibbonType115({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 524 164"
+      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="M52.8537 75.2129L0 95.8641L48.0577 113.84L26.4268 163.853L126.457 131.164L97.6162 62L52.8537 75.2129Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M471.028 75.2129L523.882 95.8641L475.824 113.84L497.455 163.853L397.457 131.164L426.266 62L471.028 75.2129Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M52.8537 75.2129L0 95.8641L48.0577 113.84L26.4268 163.853L126.457 131.164L97.6162 62L52.8537 75.2129Z"
+        fill="black"
+        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"
+        fill-opacity="0.2"
+      />
+      <path d="M395 132L473 120L439.151 103L395 132Z" fill="#1F1F1F" />
+      <path d="M130 132L52 120L85.8491 103L130 132Z" fill="#1F1F1F" />
+      <path
+        d="M51.7927 120C51.7927 120 241.286 49.0368 472.207 120L500 42.3106C262.766 -52.8883 24 42.3106 24 42.3106L51.7927 120Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

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

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

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

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType116 = createRibbonType116;
+function createRibbonType116({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 562 74"
+      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="M166.556 73.2556H0L37.3708 36.612L0 0H166.556V73.2556Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M53.4648 29.7812L166.557 73.2541V29.7812H53.4648Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M395.176 73.2556H561.732L524.393 36.612L561.732 0H395.176V73.2556Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M166.556 73.2556H0L37.3708 36.612L0 0H166.556V73.2556Z"
+        fill="black"
+        fill-opacity="0.14"
+      />
+      <path
+        d="M395.176 73.2556H561.732L524.393 36.612L561.732 0H395.176V73.2556Z"
+        fill="black"
+        fill-opacity="0.14"
+      />
+      <path
+        d="M508.268 29.7812L395.176 73.2541V29.7812H508.268Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M53.4648 29.7812L166.557 73.2541V29.7812H53.4648Z"
+        fill="black"
+        fill-opacity="0.75"
+      />
+      <path
+        d="M508.268 29.7812L395.176 73.2541V29.7812H508.268Z"
+        fill="black"
+        fill-opacity="0.75"
+      />
+    </svg>
+  `;
+}

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

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