@blockspoon/cert-badge-renderer 1.0.15 → 1.0.17

package/dist/templates/certificates/NewCertificateType52.js

@@ -52,7 +52,7 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             width="937"
             height="705"
             stroke="#D9D9D9"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <rect
             x="115"
@@ -60,7 +60,7 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             width="937"
             height="705"
             stroke="#D9D9D9"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <rect
             x="98"
@@ -68,7 +68,7 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             width="937"
             height="705"
             stroke="#D9D9D9"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path d="M226.5 -2L-11 235.5V-2H226.5Z" fill="black" />
           <path d="M915 818L1152.5 580.5L1152.5 818L915 818Z" fill="black" />
@@ -260,8 +260,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="238.5"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId1}"
@@ -271,8 +271,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="611.5"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId2}"
@@ -282,8 +282,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="158"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId3}"
@@ -293,8 +293,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="729"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId4}"
@@ -304,8 +304,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="57"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId5}"
@@ -315,8 +315,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="158"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopOpacity="0" />
-            <stop offset="1" stopOpacity="0.3" />
+            <stop stop-opacity="0" />
+            <stop offset="1" stop-opacity="0.3" />
           </linearGradient>
           <linearGradient
             id="${paintId6}"
@@ -326,8 +326,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="729"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopOpacity="0" />
-            <stop offset="1" stopOpacity="0.3" />
+            <stop stop-opacity="0" />
+            <stop offset="1" stop-opacity="0.3" />
           </linearGradient>
           <linearGradient
             id="${paintId7}"
@@ -338,10 +338,10 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             gradientUnits="userSpaceOnUse"
           >
             <stop
-              stopColor="${subColor}"
-              stopOpacity="0.35"
+              stop-color="${subColor}"
+              stop-opacity="0.35"
             />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId8}"
@@ -351,8 +351,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="732"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId9}"
@@ -363,10 +363,10 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             gradientUnits="userSpaceOnUse"
           >
             <stop
-              stopColor="${subColor}"
-              stopOpacity="0.35"
+              stop-color="${subColor}"
+              stop-opacity="0.35"
             />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId10}"
@@ -376,8 +376,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="72.5"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId11}"
@@ -387,8 +387,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="762"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId12}"
@@ -398,8 +398,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="72.5"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopOpacity="0" />
-            <stop offset="1" stopOpacity="0.3" />
+            <stop stop-opacity="0" />
+            <stop offset="1" stop-opacity="0.3" />
           </linearGradient>
           <linearGradient
             id="${paintId13}"
@@ -409,8 +409,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="762"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopOpacity="0" />
-            <stop offset="1" stopOpacity="0.3" />
+            <stop stop-opacity="0" />
+            <stop offset="1" stop-opacity="0.3" />
           </linearGradient>
           <linearGradient
             id="${paintId14}"
@@ -421,10 +421,10 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             gradientUnits="userSpaceOnUse"
           >
             <stop
-              stopColor="${subColor}"
-              stopOpacity="0.35"
+              stop-color="${subColor}"
+              stop-opacity="0.35"
             />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId15}"
@@ -435,10 +435,10 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             gradientUnits="userSpaceOnUse"
           >
             <stop
-              stopColor="${subColor}"
-              stopOpacity="0.35"
+              stop-color="${subColor}"
+              stop-opacity="0.35"
             />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId16}"
@@ -448,8 +448,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="425"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId17}"
@@ -459,8 +459,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="112.896"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="white" stopOpacity="0" />
-            <stop offset="1" stopOpacity="0.02" />
+            <stop stop-color="white" stop-opacity="0" />
+            <stop offset="1" stop-opacity="0.02" />
           </linearGradient>
           <linearGradient
             id="${paintId18}"
@@ -470,8 +470,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="11.896"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="white" stopOpacity="0" />
-            <stop offset="1" stopOpacity="0.05" />
+            <stop stop-color="white" stop-opacity="0" />
+            <stop offset="1" stop-opacity="0.05" />
           </linearGradient>
           <linearGradient
             id="${paintId19}"
@@ -481,8 +481,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="421"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="white" stopOpacity="0" />
-            <stop offset="1" stopOpacity="0.05" />
+            <stop stop-color="white" stop-opacity="0" />
+            <stop offset="1" stop-opacity="0.05" />
           </linearGradient>
           <linearGradient
             id="${paintId20}"
@@ -492,8 +492,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="548"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="white" stopOpacity="0" />
-            <stop offset="1" stopOpacity="0.02" />
+            <stop stop-color="white" stop-opacity="0" />
+            <stop offset="1" stop-opacity="0.02" />
           </linearGradient>
           <linearGradient
             id="${paintId21}"
@@ -503,8 +503,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="294.896"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="white" stopOpacity="0" />
-            <stop offset="1" stopOpacity="0.05" />
+            <stop stop-color="white" stop-opacity="0" />
+            <stop offset="1" stop-opacity="0.05" />
           </linearGradient>
           <linearGradient
             id="${paintId22}"
@@ -514,8 +514,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="425"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId23}"
@@ -525,8 +525,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="187.5"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId24}"
@@ -536,8 +536,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="658.5"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId25}"
@@ -549,7 +549,7 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             gradientUnits="userSpaceOnUse"
           >
             <stop />
-            <stop offset="1" stopColor="#666666" />
+            <stop offset="1" stop-color="#666666" />
           </linearGradient>
           <linearGradient
             id="${paintId26}"
@@ -560,7 +560,7 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="656.4"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopOpacity="0.3" />
+            <stop stop-opacity="0.3" />
             <stop offset="1" />
           </linearGradient>
           <linearGradient
@@ -573,7 +573,7 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             gradientUnits="userSpaceOnUse"
           >
             <stop />
-            <stop offset="1" stopColor="#666666" />
+            <stop offset="1" stop-color="#666666" />
           </linearGradient>
           <linearGradient
             id="${paintId28}"
@@ -584,7 +584,7 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="656.533"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopOpacity="0.3" />
+            <stop stop-opacity="0.3" />
             <stop offset="1" />
           </linearGradient>
           <linearGradient
@@ -596,8 +596,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="722.946"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId30}"
@@ -608,8 +608,8 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="721.803"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId31}"
@@ -620,12 +620,12 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="744.413"
             gradientUnits="userSpaceOnUse"
           >
-            <stop offset="0.807016" stopColor="${subColor}" />
+            <stop offset="0.807016" stop-color="${subColor}" />
             <stop
               offset="0.903508"
-              stopColor="${mainColor}"
+              stop-color="${mainColor}"
             />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId32}"
@@ -636,9 +636,9 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="741.476"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${mainColor}" />
-            <stop offset="0.5" stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${mainColor}" />
+            <stop offset="0.5" stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId33}"
@@ -651,10 +651,10 @@ function createNewCertificateType52({ mainColor = "#96A6B4", subColor = "#96A6B4
           >
             <stop
               offset="0.614201"
-              stopColor="${mainColor}"
+              stop-color="${mainColor}"
             />
-            <stop offset="0.807016" stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop offset="0.807016" stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <clipPath id="clip0_3305_323">
             <rect width="1152" height="814" fill="white" />

package/dist/templates/certificates/NewCertificateType54.js

@@ -67,12 +67,12 @@ function createNewCertificateType54({ mainColor = "#96A6B4", subColor = "#96A6B4
             height="814"
             data-figma-gradient-fill="{"type":"GRADIENT_DIAMOND","stops":[{"color":{"r":0.12549020349979401,"g":0.56862747669219971,"b":0.97254902124404907,"a":0.20000000298023224},"position":0.0},{"color":{"r":1.0,"g":0.34901961684226990,"b":0.34901961684226990,"a":0.20000000298023224},"position":0.53165328502655029},{"color":{"r":0.29010263085365295,"g":0.78365385532379150,"b":0.31523713469505310,"a":0.20000000298023224},"position":1.0}],"stopsVar":[{"color":{"r":0.12549020349979401,"g":0.56862747669219971,"b":0.97254902124404907,"a":0.20000000298023224},"position":0.0},{"color":{"r":1.0,"g":0.34901961684226990,"b":0.34901961684226990,"a":0.20000000298023224},"position":0.53165328502655029},{"color":{"r":0.29010263085365295,"g":0.78365385532379150,"b":0.31523713469505310,"a":0.20000000298023224},"position":1.0}],"transform":{"m00":-2199.9997558593750,"m01":-2148.3244628906250,"m02":3291.6621093750,"m10":1518.0,"m11":-3113.5134277343750,"m12":826.25665283203125},"opacity":1.0,"blendMode":"NORMAL","visible":true}"
           />
-          <path d="M-27 80H1161" stroke="#222221" strokeMiterlimit="10" />
-          <path d="M1072 407L1152 407" stroke="#222221" strokeMiterlimit="10" />
-          <path d="M0 407L80 407" stroke="#222221" strokeMiterlimit="10" />
-          <path d="M-27 734H1161" stroke="#222221" strokeMiterlimit="10" />
-          <path d="M1072 0V849" stroke="#222221" strokeMiterlimit="10" />
-          <path d="M80 0V849" stroke="#222221" strokeMiterlimit="10" />
+          <path d="M-27 80H1161" stroke="#222221" stroke-miterlimit="10" />
+          <path d="M1072 407L1152 407" stroke="#222221" stroke-miterlimit="10" />
+          <path d="M0 407L80 407" stroke="#222221" stroke-miterlimit="10" />
+          <path d="M-27 734H1161" stroke="#222221" stroke-miterlimit="10" />
+          <path d="M1072 0V849" stroke="#222221" stroke-miterlimit="10" />
+          <path d="M80 0V849" stroke="#222221" stroke-miterlimit="10" />
 
           <path
             d="M158.445 311.363C156.079 311.228 152.495 311.459 150.552 310.296C148.481 309.054 148.218 306.609 147.971 304.77C147.915 304.332 147.892 303.758 147.876 303.328L147.485 293L146.944 304.22C146.944 304.22 146.848 308.274 145.526 309.516C143.471 311.738 139.162 311.204 136 311.363V311.626C139.377 311.849 144.013 311.324 145.765 314.087C147.661 317.097 147.127 324.439 147.318 327.983C147.35 328.524 147.23 329.177 147.31 329.687C147.342 329.87 147.366 330.021 147.669 329.998C147.716 328.054 147.613 326.103 147.669 324.152C147.74 321.652 147.772 318.992 148.298 316.516C149.373 311.403 152.742 311.953 158.445 311.634C158.668 311.618 158.676 311.371 158.453 311.355L158.445 311.363Z"
@@ -116,16 +116,16 @@ function createNewCertificateType54({ mainColor = "#96A6B4", subColor = "#96A6B4
             y2="500"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stopColor="${mainColor}" stopOpacity="0.2" />
+            <stop stop-color="${mainColor}" stop-opacity="0.2" />
             <stop
               offset="0.531653"
-              stopColor="${subColor}"
-              stopOpacity="0.2"
+              stop-color="${subColor}"
+              stop-opacity="0.2"
             />
             <stop
               offset="1"
-              stopColor="${extraColor1}"
-              stopOpacity="0.2"
+              stop-color="${extraColor1}"
+              stop-opacity="0.2"
             />
           </linearGradient>
           <clipPath id="clip0_3305_1348">

package/dist/templates/icons/IconStar7.js

@@ -45,12 +45,12 @@ function createIconStar7({ mainColor = "#96A6B4", subColor = "#96A6B4", extraCol
           y2="69.1316"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="${extraColor1}" />
-          <stop offset="0.192458" stopColor="${extraColor1}" />
-          <stop offset="0.402404" stopColor="${mainColor}" />
-          <stop offset="0.614201" stopColor="${subColor}" />
-          <stop offset="0.807016" stopColor="${extraColor1}" />
-          <stop offset="1" stopColor="${extraColor1}" />
+          <stop stop-color="${extraColor1}" />
+          <stop offset="0.192458" stop-color="${extraColor1}" />
+          <stop offset="0.402404" stop-color="${mainColor}" />
+          <stop offset="0.614201" stop-color="${subColor}" />
+          <stop offset="0.807016" stop-color="${extraColor1}" />
+          <stop offset="1" stop-color="${extraColor1}" />
         </linearGradient>
         <linearGradient
           id="${paintId1}"
@@ -60,12 +60,12 @@ function createIconStar7({ mainColor = "#96A6B4", subColor = "#96A6B4", extraCol
           y2="41.8944"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="${extraColor1}" />
-          <stop offset="0.192458" stopColor="${extraColor1}" />
-          <stop offset="0.402404" stopColor="${mainColor}" />
-          <stop offset="0.614201" stopColor="${subColor}" />
-          <stop offset="0.807016" stopColor="${extraColor1}" />
-          <stop offset="1" stopColor="${extraColor1}" />
+          <stop stop-color="${extraColor1}" />
+          <stop offset="0.192458" stop-color="${extraColor1}" />
+          <stop offset="0.402404" stop-color="${mainColor}" />
+          <stop offset="0.614201" stop-color="${subColor}" />
+          <stop offset="0.807016" stop-color="${extraColor1}" />
+          <stop offset="1" stop-color="${extraColor1}" />
         </linearGradient>
         <linearGradient
           id="${paintId2}"
@@ -75,12 +75,12 @@ function createIconStar7({ mainColor = "#96A6B4", subColor = "#96A6B4", extraCol
           y2="41.8944"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="${extraColor1}" />
-          <stop offset="0.192458" stopColor="${extraColor1}" />
-          <stop offset="0.402404" stopColor="${mainColor}" />
-          <stop offset="0.614201" stopColor="${subColor}" />
-          <stop offset="0.807016" stopColor="${extraColor1}" />
-          <stop offset="1" stopColor="${extraColor1}" />
+          <stop stop-color="${extraColor1}" />
+          <stop offset="0.192458" stop-color="${extraColor1}" />
+          <stop offset="0.402404" stop-color="${mainColor}" />
+          <stop offset="0.614201" stop-color="${subColor}" />
+          <stop offset="0.807016" stop-color="${extraColor1}" />
+          <stop offset="1" stop-color="${extraColor1}" />
         </linearGradient>
       </defs>
     </svg>

package/dist/templates/icons/IconStar8.js

@@ -25,22 +25,22 @@ function createIconStar8({ mainColor = "#96A6B4", subColor = "#96A6B4", extraCol
         d="M102.111 24.3617L104.986 33.3683C105.435 34.7984 106.752 35.7417 108.22 35.7417H117.533C120.827 35.7417 122.175 40.032 119.54 41.9794L112.023 47.5477C110.825 48.4301 110.346 49.9819 110.795 51.412L113.67 60.4187C114.688 63.5832 111.095 66.2304 108.459 64.283L100.943 58.7148C99.7449 57.8324 98.1278 57.8324 96.9599 58.7148L89.4433 64.283C86.7781 66.2608 83.2144 63.6136 84.2326 60.4187L87.1075 51.412C87.5567 49.9819 87.0775 48.4301 85.8797 47.5477L78.3631 41.9794C75.6978 40.0016 77.0754 35.7417 80.3695 35.7417H89.6829C91.1503 35.7417 92.4679 34.768 92.9171 33.3683L95.792 24.3617C96.8102 21.1972 101.242 21.1972 102.26 24.3617H102.111Z"
         fill="${mainColor}"
         stroke="white"
-        strokeWidth="0.999441"
-        strokeMiterlimit="10"
+        stroke-width="0.999441"
+        stroke-miterlimit="10"
       />
       <path
         d="M26.7253 3.37337L29.6655 12.38C30.125 13.8101 31.4726 14.7534 32.9733 14.7534H42.4983C45.8673 14.7534 47.2455 19.0437 44.5504 20.9911L36.863 26.5594C35.6379 27.4418 35.1478 28.9936 35.6072 30.4237L38.5474 39.4304C39.5888 42.5949 35.9135 45.2421 33.2183 43.2948L25.5309 37.7264C24.3058 36.844 22.6519 36.844 21.4575 37.7264L13.77 43.2948C11.0442 45.2726 7.39959 42.6253 8.44092 39.4304L11.3811 30.4237C11.8405 28.9936 11.3505 27.4418 10.1254 26.5594L2.43799 20.9911C-0.287827 19.0133 1.12102 14.7534 4.49001 14.7534H14.0151C15.5158 14.7534 16.8634 13.7797 17.3228 12.38L20.263 3.37337C21.3043 0.208875 25.8372 0.208875 26.8785 3.37337H26.7253Z"
         fill="${mainColor}"
         stroke="white"
-        strokeWidth="0.999441"
-        strokeMiterlimit="10"
+        stroke-width="0.999441"
+        stroke-miterlimit="10"
       />
       <path
         d="M184.064 3.37337L186.939 12.38C187.388 13.8101 188.706 14.7534 190.173 14.7534H199.486C202.78 14.7534 204.128 19.0437 201.493 20.9911L193.976 26.5594C192.778 27.4418 192.299 28.9936 192.748 30.4237L195.623 39.4304C196.641 42.5949 193.048 45.2421 190.413 43.2948L182.896 37.7264C181.698 36.844 180.081 36.844 178.913 37.7264L171.396 43.2948C168.731 45.2726 165.168 42.6253 166.186 39.4304L169.061 30.4237C169.51 28.9936 169.031 27.4418 167.833 26.5594L160.316 20.9911C157.651 19.0133 159.029 14.7534 162.323 14.7534H171.636C173.103 14.7534 174.421 13.7797 174.87 12.38L177.745 3.37337C178.763 0.208875 183.195 0.208875 184.214 3.37337H184.064Z"
         fill="${mainColor}"
         stroke="white"
-        strokeWidth="0.999441"
-        strokeMiterlimit="10"
+        stroke-width="0.999441"
+        stroke-miterlimit="10"
       />
     </svg>
   `;

package/dist/templates/ribbons/RibbonType101_1.js

@@ -29,7 +29,7 @@ function createRibbonType101_1({ mainColor = "#96A6B4", subColor = "#96A6B4", })
       <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"
-        fillOpacity="0.2"
+        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"
@@ -38,7 +38,7 @@ function createRibbonType101_1({ mainColor = "#96A6B4", subColor = "#96A6B4", })
       <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"
-        fillOpacity="0.2"
+        fill-opacity="0.2"
       />
       <path
         d="M43.6492 48.8995L109.672 24.0957L142.843 100.842L43.6492 144.293V48.8995Z"

package/dist/templates/ribbons/RibbonType103.js

@@ -40,7 +40,7 @@ function createRibbonType103({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
       <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})"
-        strokeWidth="2"
+        stroke-width="2"
       />
       <rect
         x="92"
@@ -66,7 +66,7 @@ function createRibbonType103({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
       <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})"
-        strokeWidth="2"
+        stroke-width="2"
       />
       <defs>
         <filter
@@ -129,8 +129,8 @@ function createRibbonType103({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="57.5"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="#0C1A39" />
-          <stop offset="1" stopColor="${subColor}" />
+          <stop stop-color="#0C1A39" />
+          <stop offset="1" stop-color="${subColor}" />
         </linearGradient>
         <linearGradient
           id={paintId1}
@@ -140,8 +140,8 @@ function createRibbonType103({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="57.5"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="#0C1A39" />
-          <stop offset="1" stopColor="${subColor}" />
+          <stop stop-color="#0C1A39" />
+          <stop offset="1" stop-color="${subColor}" />
         </linearGradient>
         <image
           id="image0_3488_6905"