@blockspoon/cert-badge-renderer 1.0.51 → 1.0.53

package/dist/esm/templates/ribbons/RibbonType34.js

@@ -25,38 +25,38 @@ function createRibbonType34({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
       <path
         d="M485 4.20313C485 1.99399 486.791 0.203125 489 0.203125H540.59C543.279 0.203125 545.202 2.80438 544.414 5.37582L529.647 53.5304C529.413 54.2947 529.413 55.1116 529.647 55.8758L544.414 104.03C545.202 106.602 543.279 109.203 540.59 109.203H489C486.791 109.203 485 107.412 485 105.203V4.20313Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M485 4.20313C485 1.99399 486.791 0.203125 489 0.203125H540.59C543.279 0.203125 545.202 2.80438 544.414 5.37582L529.647 53.5304C529.413 54.2947 529.413 55.1116 529.647 55.8758L544.414 104.03C545.202 106.602 543.279 109.203 540.59 109.203H489C486.791 109.203 485 107.412 485 105.203V4.20313Z"
         fill="black"
         fill-opacity="0.2"
-      />
+       />
       <rect
         x="485"
         width="46"
         height="109"
         fill="url(#paint0_linear_2407_190)"
-      />
+       />
       <path
         d="M62 4.20313C62 1.99399 60.2091 0.203125 58 0.203125H5.43648C2.73918 0.203125 0.815063 2.81823 1.61767 5.39335L16.6153 53.5129C16.8569 54.288 16.8569 55.1183 16.6153 55.8934L1.61767 104.013C0.815063 106.588 2.73918 109.203 5.43648 109.203H58C60.2091 109.203 62 107.412 62 105.203V4.20313Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M62 4.20313C62 1.99399 60.2091 0.203125 58 0.203125H5.43648C2.73918 0.203125 0.815063 2.81823 1.61767 5.39335L16.6153 53.5129C16.8569 54.288 16.8569 55.1183 16.6153 55.8934L1.61767 104.013C0.815063 106.588 2.73918 109.203 5.43648 109.203H58C60.2091 109.203 62 107.412 62 105.203V4.20313Z"
         fill="black"
         fill-opacity="0.2"
-      />
+       />
       <rect
         width="48"
         height="109"
         transform="matrix(-1 0 0 1 62 0)"
         fill="url(#paint1_linear_2407_190)"
-      />
+       />
       <path
         d="M63.3829 173H482.255C478.396 183.094 474.898 188.471 466.279 197H79.9829C71.6664 189.461 68.3305 184.142 63.3829 173Z"
         fill="url(#paint2_linear_2407_190)"
         fill-opacity="0.4"
-      />
+       />
       <rect
         x="485"
         y="24.2031"
@@ -65,7 +65,7 @@ function createRibbonType34({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         transform="rotate(180 485 24.2031)"
         fill="url(#paint3_linear_2407_190)"
         fill-opacity="0.3"
-      />
+       />
       <rect
         x="33"
         y="24.2031"
@@ -73,7 +73,7 @@ function createRibbonType34({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         height="148.797"
         rx="4"
         fill="url(#${paintId4})"
-      />
+       />
       <rect
         x="33"
         y="34"
@@ -81,21 +81,35 @@ function createRibbonType34({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         height="129"
         fill="white"
         fill-opacity="0.3"
-      />
-      <path d="M485 24.2031V0.203125L508 24.2031H485Z" fill="${mainColor}" />
+       />
+      <path
+        d="M485 24.2031V0.203125L508 24.2031H485Z"
+        fill="${mainColor}"
+       />
       <path
         d="M485 24.2031V0.203125L508 24.2031H485Z"
         fill="black"
         fill-opacity="0.6"
-      />
-      <path d="M62 24.2031V0.203125L35 24.2031H62Z" fill="${mainColor}" />
+       />
+      <path
+        d="M62 24.2031V0.203125L35 24.2031H62Z"
+        fill="${mainColor}"
+       />
       <path
         d="M62 24.2031V0.203125L35 24.2031H62Z"
         fill="black"
         fill-opacity="0.6"
-      />
-      <path d="M33 34.2031L513 34.2031" stroke="white" stroke-width="3" />
-      <path d="M33 163L513 163" stroke="white" stroke-width="3" />
+       />
+      <path
+        d="M33 34.2031L513 34.2031"
+        stroke="white"
+        stroke-width="3"
+       />
+      <path
+        d="M33 163L513 163"
+        stroke="white"
+        stroke-width="3"
+       />
       <defs>
         <linearGradient
           id="paint0_linear_2407_190"
@@ -106,7 +120,10 @@ function createRibbonType34({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint1_linear_2407_190"
@@ -117,7 +134,10 @@ function createRibbonType34({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint2_linear_2407_190"
@@ -128,7 +148,10 @@ function createRibbonType34({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint3_linear_2407_190"
@@ -139,7 +162,10 @@ function createRibbonType34({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId4}"
@@ -149,10 +175,21 @@ function createRibbonType34({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="98.6016"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="0.215" stop-color="${subColor}" />
-          <stop offset="0.75" stop-color="${subColor}" />
-          <stop offset="1" stop-color="${mainColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="0.215"
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="0.75"
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
       </defs>
     </svg>

package/dist/esm/templates/ribbons/RibbonType35.js

@@ -26,45 +26,45 @@ function createRibbonType35({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         d="M31.2383 170.25H433.999C429.782 178.33 425.13 187.478 423.548 194.25H41.5705C39.179 186.194 36.7269 180.216 31.2383 170.25Z"
         fill="url(#paint0_linear_2417_184)"
         fill-opacity="0.3"
-      />
+       />
       <path
         d="M30.6641 24H433.425C429.207 15.92 424.556 6.7717 422.974 0H40.9963C38.6048 8.05581 36.1527 14.0344 30.6641 24Z"
         fill="url(#paint1_linear_2417_184)"
         fill-opacity="0.4"
-      />
+       />
       <path
         d="M430.613 19H33.5002C32.5 20 29.5 24 29 31.3484V147.652C29 154.471 33.4644 160 38.9716 160H424.028C429.536 160 434 154.471 434 147.652V31.3484C434 23 433.613 24.5 430.613 19Z"
         fill="white"
-      />
+       />
       <path
         d="M44.0062 195.521C25.7275 197.635 -1.04772 189.933 0.0316382 180.001C5.08497 169.25 15.3606 168.981 37.8473 171.69L44.0062 195.521Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M44.0062 195.521C25.7275 197.635 -1.04772 189.933 0.0316382 180.001C5.08497 169.25 15.3606 168.981 37.8473 171.69L44.0062 195.521Z"
         fill="black"
         fill-opacity="0.5"
-      />
+       />
       <path
         d="M420.136 195.129C438.546 197.243 465.059 189.933 463.972 180.001C458.882 169.25 448.532 168.981 425.883 171.69L420.136 195.129Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M420.136 195.129C438.546 197.243 465.059 189.933 463.972 180.001C458.882 169.25 448.532 168.981 425.883 171.69L420.136 195.129Z"
         fill="black"
         fill-opacity="0.5"
-      />
+       />
       <path
         fill-rule="evenodd"
         clip-rule="evenodd"
         d="M14.0938 19C6.36176 19 0.09375 25.268 0.09375 33V161.526C0.09375 161.567 0.0939267 161.608 0.0942793 161.649V181.635C1.10738 180.404 5.60565 176.356 15.5366 175.526H448.547C458.478 176.356 462.977 180.404 463.99 181.635V162.053C463.996 161.878 463.999 161.702 463.999 161.526V33C463.999 25.268 457.731 19 449.999 19H14.0938Z"
         fill="url(#${paintId2})"
-      />
+       />
       <path
         d="M0 35.8231C3.91225 30.9147 7.35496 29.8941 15.0699 30.0083H450.967C457.431 30.674 460.332 32.1727 464 37.8254V169.055C459.238 165.13 453.553 164.499 440.83 164.626H12.2439C6.53593 165.076 3.93553 166.429 0 170V35.8231Z"
         fill="white"
         fill-opacity="0.3"
-      />
+       />
       <mask
         id="mask0_2417_184"
         style="mask-type:alpha"
@@ -77,21 +77,23 @@ function createRibbonType35({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         <path
           d="M0.09375 33C0.09375 25.268 6.36176 19 14.0938 19H449.999C457.731 19 463.999 25.268 463.999 33V175.526H0.09375V33Z"
           fill="url(#paint3_linear_2417_184)"
-        />
+         />
       </mask>
-      <g mask="url(#mask0_2417_184)">
+      <g
+        mask="url(#mask0_2417_184)"
+      >
         <path
           d="M-0.785157 36.3874C3.23171 31.4656 6.19353 30.2049 12.4439 30.0567L447.68 30.0567C456.093 29.9281 460.061 31.3378 464.878 38.3356"
           stroke="white"
           stroke-width="2"
           stroke-linecap="round"
-        />
+         />
         <path
           d="M-1.38281 173.505C-0.802185 169.024 6.19306 164.32 12.4434 164.469L447.68 164.468C456.093 164.597 464.877 166.339 464.877 172.334"
           stroke="white"
           stroke-width="2"
           stroke-linecap="round"
-        />
+         />
       </g>
       <defs>
         <linearGradient
@@ -103,7 +105,10 @@ function createRibbonType35({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint1_linear_2417_184"
@@ -113,8 +118,13 @@ function createRibbonType35({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="2.1313e-06"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-opacity="0.4" />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            stop-opacity="0.4"
+           />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId2}"
@@ -124,9 +134,17 @@ function createRibbonType35({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="91.4274"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="0.673474" stop-color="${subColor}" />
-          <stop offset="1" stop-color="${mainColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="0.673474"
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
         <linearGradient
           id="paint3_linear_2417_184"
@@ -136,8 +154,13 @@ function createRibbonType35({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="154.275"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#FF1B64" />
-          <stop offset="1" stop-color="#FF91B2" />
+          <stop
+            stop-color="#FF1B64"
+           />
+          <stop
+            offset="1"
+            stop-color="#FF91B2"
+           />
         </linearGradient>
       </defs>
     </svg>

package/dist/esm/templates/ribbons/RibbonType4.js

@@ -33,40 +33,40 @@ function createRibbonType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
       <path
         opacity="0.5"
         d="M60 127H504L493.5 154H69.5L60 127Z"
-        fill="url(#${paintId0})"
-      />
+        fill="url(#paint0_linear_2364_274)"
+       />
       <path
         d="M44.7492 40.1859L4.0042 51.2967C0.615478 52.2159 -1.02268 56.0862 0.679707 59.1664L26.6974 106.626C27.131 107.432 27.3719 108.335 27.3719 109.254V167.551C27.3719 171.566 31.5476 174.195 35.1451 172.453L104.927 138.814C107.866 137.395 108.894 133.718 107.143 130.976L50.7397 42.508C49.4709 40.5084 47.0458 39.5731 44.7492 40.1859Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M44.7492 40.1859L4.0042 51.2967C0.615478 52.2159 -1.02268 56.0862 0.679707 59.1664L26.6974 106.626C27.131 107.432 27.3719 108.335 27.3719 109.254V167.551C27.3719 171.566 31.5476 174.195 35.1451 172.453L104.927 138.814C107.866 137.395 108.894 133.718 107.143 130.976L50.7397 42.508C49.4709 40.5084 47.0458 39.5731 44.7492 40.1859Z"
         fill="black"
         fill-opacity="0.2"
-      />
+       />
       <path
         opacity="0.3"
         d="M32.0089 43.1746L43.5092 40L78.5098 153.5H43.0095C33.8095 153.5 31.8428 146.5 32.0095 143L32.0089 43.1746Z"
-        fill="url(#${paintId1})"
-      />
+        fill="url(#paint1_linear_2364_274)"
+       />
       <path
         d="M519.251 40.1859L559.996 51.2967C563.385 52.2159 565.023 56.0862 563.32 59.1664L537.303 106.626C536.869 107.432 536.628 108.335 536.628 109.254V167.551C536.628 171.566 532.452 174.195 528.855 172.453L459.073 138.814C456.134 137.395 455.106 133.718 456.857 130.976L513.26 42.508C514.529 40.5084 516.954 39.5731 519.251 40.1859Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M519.251 40.1859L559.996 51.2967C563.385 52.2159 565.023 56.0862 563.32 59.1664L537.303 106.626C536.869 107.432 536.628 108.335 536.628 109.254V167.551C536.628 171.566 532.452 174.195 528.855 172.453L459.073 138.814C456.134 137.395 455.106 133.718 456.857 130.976L513.26 42.508C514.529 40.5084 516.954 39.5731 519.251 40.1859Z"
         fill="black"
         fill-opacity="0.2"
-      />
+       />
       <path
         opacity="0.3"
         d="M532.001 43.6746L520.501 40.5L485.5 154H521C530.2 154 532.167 147 532 143.5L532.001 43.6746Z"
-        fill="url(#${paintId2})"
-      />
+        fill="url(#paint2_linear_2364_274)"
+       />
       <path
         d="M509.206 5H53.7936C47.2802 5 42 10.3325 42 16.9105V129.089C42 135.667 47.2802 141 53.7936 141H509.206C515.72 141 521 135.667 521 129.089V16.9105C521 10.3325 515.72 5 509.206 5Z"
         fill="url(#${paintId3})"
-      />
+       />
       <rect
         x="42"
         y="18.5039"
@@ -74,22 +74,22 @@ function createRibbonType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         height="108.992"
         fill="white"
         fill-opacity="0.3"
-      />
+       />
       <path
         d="M42 17L521 17"
         stroke="white"
         stroke-opacity="0.6"
         stroke-width="3"
-      />
+       />
       <path
         d="M42 129L521 129"
         stroke="white"
         stroke-opacity="0.6"
         stroke-width="3"
-      />
+       />
       <defs>
         <linearGradient
-          id="${paintId0}"
+          id="paint0_linear_2364_274"
           x1="282"
           y1="138"
           x2="282"
@@ -97,10 +97,14 @@ function createRibbonType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-color="white" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-color="white"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
-          id="${paintId1}"
+          id="paint1_linear_2364_274"
           x1="76.5098"
           y1="81"
           x2="23.5098"
@@ -108,10 +112,13 @@ function createRibbonType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
-          id="${paintId2}"
+          id="paint2_linear_2364_274"
           x1="487.5"
           y1="81.5"
           x2="540.5"
@@ -119,7 +126,10 @@ function createRibbonType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId3}"
@@ -129,8 +139,13 @@ function createRibbonType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="141"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="1" stop-color="${subColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${subColor}"
+           />
         </linearGradient>
       </defs>
     </svg>

package/dist/esm/templates/ribbons/RibbonType45.js

@@ -25,23 +25,23 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
       <path
         d="M485 0H540.59C543.279 0 545.202 2.60126 544.414 5.1727L529.647 53.3273C529.413 54.0915 529.413 54.9085 529.647 55.6727L544.414 103.827C545.202 106.399 543.279 109 540.59 109H489C486.791 109 485 107.209 485 105V0Z"
         fill="${mainColor}"
-      />
+       />
       <rect
         x="485"
         width="43"
         height="109"
         fill="url(#paint0_linear_2407_453)"
-      />
+       />
       <path
         d="M60 0H5.38448C2.70255 0 0.780418 2.58741 1.55488 5.15509L16.09 53.3449C16.3172 54.0982 16.3172 54.9018 16.09 55.6551L1.55488 103.845C0.780415 106.413 2.70254 109 5.38448 109H56C58.2091 109 60 107.209 60 105V0Z"
         fill="${mainColor}"
-      />
+       />
       <rect
         width="47"
         height="109"
         transform="matrix(-1 0 0 1 60 0)"
         fill="url(#paint1_linear_2407_453)"
-      />
+       />
       <rect
         x="33"
         y="24"
@@ -49,7 +49,7 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         height="148.797"
         rx="4"
         fill="url(#${paintId2})"
-      />
+       />
       <rect
         x="33"
         y="34"
@@ -57,13 +57,35 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         height="129"
         fill="white"
         fill-opacity="0.3"
-      />
-      <path d="M486 24V0L509 24H486Z" fill="${mainColor}" />
-      <path d="M486 24V0L509 24H486Z" fill="black" fill-opacity="0.4" />
-      <path d="M60 24V0L35 24H60Z" fill="${mainColor}" />
-      <path d="M60 24V0L35 24H60Z" fill="black" fill-opacity="0.4" />
-      <path d="M33 34L513 34" stroke="white" stroke-width="3" />
-      <path d="M33 162.797L513 162.797" stroke="white" stroke-width="3" />
+       />
+      <path
+        d="M486 24V0L509 24H486Z"
+        fill="${mainColor}"
+       />
+      <path
+        d="M486 24V0L509 24H486Z"
+        fill="black"
+        fill-opacity="0.4"
+       />
+      <path
+        d="M60 24V0L35 24H60Z"
+        fill="${mainColor}"
+       />
+      <path
+        d="M60 24V0L35 24H60Z"
+        fill="black"
+        fill-opacity="0.4"
+       />
+      <path
+        d="M33 34L513 34"
+        stroke="white"
+        stroke-width="3"
+       />
+      <path
+        d="M33 162.797L513 162.797"
+        stroke="white"
+        stroke-width="3"
+       />
       <rect
         x="486"
         y="24"
@@ -72,12 +94,12 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         transform="rotate(180 486 24)"
         fill="url(#paint3_linear_2407_453)"
         fill-opacity="0.3"
-      />
+       />
       <path
         d="M62.8047 172.797H483.308C477.931 184.02 468.604 187.88 454.267 196.797H91.6191C73.109 185.053 67.1222 182.906 62.8047 172.797Z"
         fill="url(#paint4_linear_2407_453)"
         fill-opacity="0.3"
-      />
+       />
       <defs>
         <linearGradient
           id="paint0_linear_2407_453"
@@ -88,7 +110,10 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint1_linear_2407_453"
@@ -99,7 +124,10 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId2}"
@@ -109,10 +137,21 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="98.3984"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="0.215" stop-color="${subColor}" />
-          <stop offset="0.75" stop-color="${subColor}" />
-          <stop offset="1" stop-color="${mainColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="0.215"
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="0.75"
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
         <linearGradient
           id="paint3_linear_2407_453"
@@ -123,7 +162,10 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint4_linear_2407_453"
@@ -134,7 +176,10 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
       </defs>
     </svg>

package/dist/esm/templates/ribbons/RibbonType5.js

@@ -25,12 +25,12 @@ function createRibbonType5({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
       <path
         d="M370.097 61.4513C370.097 166.121 287.45 250.973 185.5 250.973C83.5508 250.973 0.904297 166.121 0.904297 61.4513C0.904297 -43.2188 83.5508 17.5327 185.5 17.5327C287.45 17.5327 370.097 -43.2188 370.097 61.4513Z"
         fill="url(#${paintId0})"
-      />
+       />
       <path
         d="M355.074 50.1775C355.074 118.254 294.267 174.426 184.851 174.426C75.4358 174.426 14.6289 118.254 14.6289 50.1775C14.6289 -17.8989 90.8401 27.9991 184.851 27.9991C278.863 27.9991 355.074 -17.8989 355.074 50.1775Z"
         fill="white"
         fill-opacity="0.3"
-      />
+       />
       <defs>
         <linearGradient
           id="${paintId0}"
@@ -40,8 +40,13 @@ function createRibbonType5({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="193.158"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${subColor}" />
-          <stop offset="1" stop-color="${mainColor}" />
+          <stop
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
       </defs>
     </svg>