@blockspoon/cert-badge-renderer 1.0.38 → 1.0.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/cjs/templates/certificates/NewCertificateType28.js +5 -5
  2. package/dist/cjs/templates/certificates/NewCertificateType33.js +13 -13
  3. package/dist/cjs/templates/certificates/NewCertificateType53.js +1 -1
  4. package/dist/cjs/templates/certificates/NewCertificateType64.js +6 -6
  5. package/dist/cjs/templates/ribbons/RibbonType110.js +20 -25
  6. package/dist/cjs/templates/ribbons/RibbonType110_1.d.ts +2 -0
  7. package/dist/cjs/templates/ribbons/RibbonType110_1.js +30 -0
  8. package/dist/cjs/templates/ribbons/RibbonType12.js +0 -1
  9. package/dist/cjs/templates/ribbons/RibbonType21.js +0 -4
  10. package/dist/cjs/templates/ribbons/RibbonType22.js +0 -1
  11. package/dist/cjs/templates/ribbons/RibbonType24.js +0 -4
  12. package/dist/cjs/templates/ribbons/RibbonType4.js +0 -1
  13. package/dist/cjs/templates/ribbons/RibbonType7.js +0 -1
  14. package/dist/cjs/templates/ribbons/RibbonType93.js +26 -105
  15. package/dist/cjs/templates/ribbons/RibbonType96.js +40 -32
  16. package/dist/cjs/templates/ribbons/RibbonType96_1.js +24 -110
  17. package/dist/cjs/templates/ribbons/RibbonWing15.js +1 -1
  18. package/dist/cjs/templates/ribbons/RibbonWing16.js +1 -1
  19. package/dist/cjs/templates/ribbons/RibbonWing17.js +1 -1
  20. package/dist/cjs/templates/ribbons/index.d.ts +2 -0
  21. package/dist/cjs/templates/ribbons/index.js +2 -0
  22. package/dist/cjs/templates/svgTemplate.js +4 -0
  23. package/dist/esm/templates/certificates/NewCertificateType28.js +5 -5
  24. package/dist/esm/templates/certificates/NewCertificateType33.js +13 -13
  25. package/dist/esm/templates/certificates/NewCertificateType53.js +1 -1
  26. package/dist/esm/templates/certificates/NewCertificateType64.js +6 -6
  27. package/dist/esm/templates/ribbons/RibbonType110.js +20 -25
  28. package/dist/esm/templates/ribbons/RibbonType110_1.d.ts +2 -0
  29. package/dist/esm/templates/ribbons/RibbonType110_1.js +30 -0
  30. package/dist/esm/templates/ribbons/RibbonType12.js +0 -1
  31. package/dist/esm/templates/ribbons/RibbonType21.js +0 -4
  32. package/dist/esm/templates/ribbons/RibbonType22.js +0 -1
  33. package/dist/esm/templates/ribbons/RibbonType24.js +0 -4
  34. package/dist/esm/templates/ribbons/RibbonType4.js +0 -1
  35. package/dist/esm/templates/ribbons/RibbonType7.js +0 -1
  36. package/dist/esm/templates/ribbons/RibbonType93.js +26 -105
  37. package/dist/esm/templates/ribbons/RibbonType96.js +40 -32
  38. package/dist/esm/templates/ribbons/RibbonType96_1.js +24 -110
  39. package/dist/esm/templates/ribbons/RibbonWing15.js +1 -1
  40. package/dist/esm/templates/ribbons/RibbonWing16.js +1 -1
  41. package/dist/esm/templates/ribbons/RibbonWing17.js +1 -1
  42. package/dist/esm/templates/ribbons/index.d.ts +2 -0
  43. package/dist/esm/templates/ribbons/index.js +2 -0
  44. package/dist/esm/templates/svgTemplate.js +4 -0
  45. package/package.json +1 -1
  46. package/src/templates/certificates/NewCertificateType28.ts +7 -10
  47. package/src/templates/certificates/NewCertificateType33.ts +15 -18
  48. package/src/templates/certificates/NewCertificateType53.ts +1 -1
  49. package/src/templates/certificates/NewCertificateType64.ts +6 -6
  50. package/src/templates/ribbons/RibbonType110.ts +22 -27
  51. package/src/templates/ribbons/RibbonType110_1.ts +35 -0
  52. package/src/templates/ribbons/RibbonType12.ts +2 -3
  53. package/src/templates/ribbons/RibbonType21.ts +2 -6
  54. package/src/templates/ribbons/RibbonType22.ts +2 -3
  55. package/src/templates/ribbons/RibbonType24.ts +2 -6
  56. package/src/templates/ribbons/RibbonType4.ts +2 -3
  57. package/src/templates/ribbons/RibbonType7.ts +2 -3
  58. package/src/templates/ribbons/RibbonType93.ts +28 -107
  59. package/src/templates/ribbons/RibbonType96.ts +42 -34
  60. package/src/templates/ribbons/RibbonType96_1.ts +26 -112
  61. package/src/templates/ribbons/RibbonWing15.ts +1 -1
  62. package/src/templates/ribbons/RibbonWing16.ts +1 -1
  63. package/src/templates/ribbons/RibbonWing17.ts +1 -1
  64. package/src/templates/ribbons/index.ts +2 -0
  65. package/src/templates/svgTemplate.ts +4 -0
package/src/templates/ribbons/RibbonType110.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ISvgProps } from "../../interface/index.js";
1
+ import { ISvgProps } from "../../interface/index.js";
2
2
 
3
3
  export function createRibbonType110({
4
4
  mainColor = "#96A6B4",
@@ -13,7 +13,7 @@ export function createRibbonType110({
13
13
  <svg
14
14
  width="100%"
15
15
  height="100%"
16
- viewBox="0 0 584 133"
16
+ viewBox="0 0 510 113"
17
17
  fill="none"
18
18
  xmlns="http://www.w3.org/2000/svg"
19
19
  preserveAspectRatio="xMidYMid meet"
@@ -28,30 +28,25 @@ export function createRibbonType110({
28
28
  display: block;
29
29
  "
30
30
  >
31
- <path d="M0 0H63V93H0L27 46.5L0 0Z" fill="${extraColor1}" />
32
- <path d="M584 0H521V93H584L557 46.5L584 0Z" fill="${extraColor1}" />
33
- <path d="M517 3L547 19.8511V25H517V3Z" fill="#281700" />
34
- <path d="M67 3L37 19.8511V25H67V3Z" fill="#281700" />
35
- <rect
36
- x="37"
37
- y="20"
38
- width="510"
39
- height="113"
40
- fill="url(#${paintId0})"
41
- />
42
- <defs>
43
- <linearGradient
44
- id={paintId0}
45
- x1="-33"
46
- y1="65.5"
47
- x2="194.388"
48
- y2="-234.95"
49
- gradientUnits="userSpaceOnUse"
50
- >
51
- <stop offset="0.296774" stop-color="${subColor}" />
52
- <stop offset="0.736337" stop-color="${mainColor}" />
53
- </linearGradient>
54
- </defs>
31
+ <rect width="510" height="113" fill="url(#${paintId0})" />
32
+ <path
33
+ d="M92.9059 47.2656C92.2262 42.7344 88.7144 39.959 83.9566 39.959C77.5562 39.959 73.3648 44.8867 73.3648 53.4961C73.3648 62.332 77.6129 67.0332 83.9 67.0332C88.6012 67.0332 92.0562 64.4277 92.9059 60.0098L101.515 60.0664C100.552 67.6562 94.2086 74.5664 83.7867 74.5664C72.7984 74.5664 64.6988 66.8633 64.6988 53.4961C64.6988 40.1289 72.9684 32.4258 83.7867 32.4258C93.2457 32.4258 100.382 37.8633 101.515 47.2656H92.9059ZM109.782 74V32.9922H137.31V40.0156H118.279V49.9844H135.894V57.0078H118.279V66.9766H137.366V74H109.782ZM146.257 74V32.9922H162.343C171.688 32.9922 177.013 38.2598 177.013 46.3594C177.013 51.9668 174.436 56.0449 169.763 58.0273L178.485 74H169.083L161.267 59.4434H154.753V74H146.257ZM154.753 52.5332H160.757C165.798 52.5332 168.233 50.4375 168.233 46.3594C168.233 42.2246 165.798 39.959 160.757 39.959H154.753V52.5332ZM183.637 40.0156V32.9922H217.225V40.0156H204.651V74H196.212V40.0156H183.637ZM233.309 32.9922V74H224.813V32.9922H233.309ZM242.539 74V32.9922H269.557V40.0156H251.035V49.9844H267.801V57.0078H251.035V74H242.539ZM285.98 32.9922V74H277.484V32.9922H285.98ZM322.624 47.2656C321.945 42.7344 318.433 39.959 313.675 39.959C307.275 39.959 303.083 44.8867 303.083 53.4961C303.083 62.332 307.331 67.0332 313.619 67.0332C318.32 67.0332 321.775 64.4277 322.624 60.0098L331.234 60.0664C330.271 67.6562 323.927 74.5664 313.505 74.5664C302.517 74.5664 294.417 66.8633 294.417 53.4961C294.417 40.1289 302.687 32.4258 313.505 32.4258C322.964 32.4258 330.101 37.8633 331.234 47.2656H322.624ZM345.618 74H336.442L350.659 32.9922H361.591L375.751 74H366.632L363.573 64.541H348.733L345.618 74ZM350.886 57.9141H361.421L356.267 42.2246H355.983L350.886 57.9141ZM376.089 40.0156V32.9922H409.676V40.0156H397.102V74H388.663V40.0156H376.089ZM417.264 74V32.9922H444.791V40.0156H425.76V49.9844H443.375V57.0078H425.76V66.9766H444.848V74H417.264Z"
34
+ fill="white"
35
+ />
36
+ <defs>
37
+ <linearGradient
38
+ id={paintId0}
39
+ x1="-70"
40
+ y1="45.5"
41
+ x2="157.388"
42
+ y2="-254.95"
43
+ gradientUnits="userSpaceOnUse"
44
+ >
45
+ <stop offset="0.296774" stop-color="${mainColor}" />
46
+ <stop offset="0.402404" stop-color="${subColor}" />
47
+ <stop offset="0.736337" stop-color="${extraColor1}" />
48
+ </linearGradient>
49
+ </defs>
55
50
  </svg>
56
51
  `;
57
- }
52
+ }
package/src/templates/ribbons/RibbonType110_1.ts ADDED
@@ -0,0 +1,35 @@
1
+ import { ISvgProps } from "../../interface/index.js";
2
+
3
+ export function createRibbonType110_1({
4
+ mainColor = "#96A6B4",
5
+ subColor = "#96A6B4",
6
+ extraColor1 = "#96A6B4",
7
+ extraColor2 = "#96A6B4",
8
+ }: ISvgProps): string {
9
+ const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
10
+ const paintId1 = `paint1_linear_${Math.random().toString(36).substr(2, 9)}`;
11
+
12
+ return `
13
+ <svg
14
+ width="100%"
15
+ height="100%"
16
+ viewBox="0 0 584 93"
17
+ fill="none"
18
+ xmlns="http://www.w3.org/2000/svg"
19
+ preserveAspectRatio="xMidYMid meet"
20
+ style={{
21
+ maxWidth: "100%",
22
+ maxHeight: "100%",
23
+ zIndex: 1,
24
+ mixBlendMode: "normal",
25
+ pointerEvents: "none",
26
+ display: "block",
27
+ }}
28
+ >
29
+ <path d="M0 0H63V93H0L27 46.5L0 0Z" fill="${mainColor}" />
30
+ <path d="M584 0H521V93H584L557 46.5L584 0Z" fill="${mainColor}" />
31
+ <path d="M517 3L547 19.8511V25H517V3Z" fill="#281700" />
32
+ <path d="M67 3L37 19.8511V25H67V3Z" fill="#281700" />
33
+ </svg>
34
+ `;
35
+ }
package/src/templates/ribbons/RibbonType12.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ISvgProps } from "../../interface/index.js";
1
+ import { ISvgProps } from "../../interface/index.js";
2
2
 
3
3
  export function createRibbonType12({
4
4
  mainColor = "#96A6B4",
@@ -49,7 +49,6 @@ export function createRibbonType12({
49
49
  fill="black"
50
50
  fill-opacity="0.2"
51
51
  />
52
- <rect x="23" y="0.594849" width="482" height="38" fill="white" />
53
52
  <rect y="6.59485" width="528" height="154" rx="14" fill="${mainColor}" />
54
53
  <mask
55
54
  id="mask0_2384_1367"
@@ -85,4 +84,4 @@ export function createRibbonType12({
85
84
  <path d="M0 148.595L528 148.595" stroke="white" stroke-width="3" />
86
85
  </svg>
87
86
  `;
88
- }
87
+ }
package/src/templates/ribbons/RibbonType21.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ISvgProps } from "../../interface/index.js";
1
+ import { ISvgProps } from "../../interface/index.js";
2
2
 
3
3
  export function createRibbonType21({
4
4
  mainColor = "#96A6B4",
@@ -61,10 +61,6 @@ export function createRibbonType21({
61
61
  fill="url(#paint2_linear_2399_1177)"
62
62
  fill-opacity="0.4"
63
63
  />
64
- <path
65
- d="M509.703 0H54.2897C47.7763 0 42.4961 5.52858 42.4961 12.3484V128.652C42.4961 135.471 47.7763 141 54.2897 141H509.703C516.216 141 521.496 135.471 521.496 128.652V12.3484C521.496 5.52858 516.216 0 509.703 0Z"
66
- fill="white"
67
- />
68
64
  <path
69
65
  d="M510.678 6H54.3143C47.7873 6 42.4961 11.6462 42.4961 18.6112V137.389C42.4961 144.354 47.7873 150 54.3143 150H510.678C517.205 150 522.496 144.354 522.496 137.389V18.6112C522.496 11.6462 517.205 6 510.678 6Z"
70
66
  fill="url(#${paintId3})"
@@ -122,4 +118,4 @@ export function createRibbonType21({
122
118
  </defs>
123
119
  </svg>
124
120
  `;
125
- }
121
+ }
package/src/templates/ribbons/RibbonType22.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ISvgProps } from "../../interface/index.js";
1
+ import { ISvgProps } from "../../interface/index.js";
2
2
 
3
3
  export function createRibbonType22({
4
4
  mainColor = "#96A6B4",
@@ -23,7 +23,6 @@ export function createRibbonType22({
23
23
  display: block;
24
24
  "
25
25
  >
26
- <rect x="16.4961" width="455" height="150" fill="white" />
27
26
  <path
28
27
  d="M36.6309 154H490.496V184H38.0612C36.3356 179.296 36.3646 170.675 36.6309 154Z"
29
28
  fill="url(#paint0_linear_2399_1178)"
@@ -71,4 +70,4 @@ export function createRibbonType22({
71
70
  </defs>
72
71
  </svg>
73
72
  `;
74
- }
73
+ }
package/src/templates/ribbons/RibbonType24.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ISvgProps } from "../../interface/index.js";
1
+ import { ISvgProps } from "../../interface/index.js";
2
2
 
3
3
  export function createRibbonType24({
4
4
  mainColor = "#96A6B4",
@@ -30,10 +30,6 @@ export function createRibbonType24({
30
30
  fill="black"
31
31
  fill-opacity="0.3"
32
32
  />
33
- <path
34
- d="M484.844 30.0006L13.4967 30L25.5963 9.53674e-06H475.445L484.844 30.0006Z"
35
- fill="white"
36
- />
37
33
  <rect
38
34
  x="0.496094"
39
35
  y="6"
@@ -77,4 +73,4 @@ export function createRibbonType24({
77
73
  </defs>
78
74
  </svg>
79
75
  `;
80
- }
76
+ }
package/src/templates/ribbons/RibbonType4.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ISvgProps } from "../../interface/index.js";
1
+ import { ISvgProps } from "../../interface/index.js";
2
2
 
3
3
  export function createRibbonType4({
4
4
  mainColor = "#96A6B4",
@@ -33,7 +33,6 @@ export function createRibbonType4({
33
33
  display: block;
34
34
  "
35
35
  >
36
- <path d="M67.3261 0H496.657L504 22L60 21.5L67.3261 0Z" fill="white" />
37
36
  <path
38
37
  opacity="0.5"
39
38
  d="M60 127H504L493.5 154H69.5L60 127Z"
@@ -139,4 +138,4 @@ export function createRibbonType4({
139
138
  </defs>
140
139
  </svg>
141
140
  `;
142
- }
141
+ }
package/src/templates/ribbons/RibbonType7.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ISvgProps } from "../../interface/index.js";
1
+ import { ISvgProps } from "../../interface/index.js";
2
2
 
3
3
  export function createRibbonType7({
4
4
  mainColor = "#96A6B4",
@@ -26,7 +26,6 @@ export function createRibbonType7({
26
26
  display: block;
27
27
  "
28
28
  >
29
- <path d="M26.1447 0H495V170L11 35.5L26.1447 0Z" fill="white" />
30
29
  <path
31
30
  fill-rule="evenodd"
32
31
  clip-rule="evenodd"
@@ -110,4 +109,4 @@ export function createRibbonType7({
110
109
  </defs>
111
110
  </svg>
112
111
  `;
113
- }
112
+ }
package/src/templates/ribbons/RibbonType93.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ISvgProps } from "../../interface/index.js";
1
+ import { ISvgProps } from "../../interface/index.js";
2
2
 
3
3
  export function createRibbonType93({
4
4
  mainColor = "#96A6B4",
@@ -11,7 +11,7 @@ export function createRibbonType93({
11
11
  <svg
12
12
  width="100%"
13
13
  height="100%"
14
- viewBox="0 0 463 115"
14
+ viewBox="0 0 463 102"
15
15
  fill="none"
16
16
  xmlns="http://www.w3.org/2000/svg"
17
17
  preserveAspectRatio="xMidYMid meet"
@@ -27,165 +27,86 @@ export function createRibbonType93({
27
27
  "
28
28
  >
29
29
  <path
30
- d="M0.969727 41.7749L38.3064 0.867188L87.629 63.8021L29.6087 114.999L0.969727 41.7749Z"
30
+ d="M0 28.7749L18.0303 9L63.5303 56L28.6389 101.999L0 28.7749Z"
31
31
  fill="#101113"
32
32
  />
33
33
  <path
34
- d="M462.835 41.7749L425.498 0.867188L376.176 63.8021L434.196 114.999L462.835 41.7749Z"
34
+ d="M461.865 28.7749L443.03 10.5L390.53 62.5L433.226 101.999L461.865 28.7749Z"
35
35
  fill="#101113"
36
36
  />
37
37
  <path
38
- d="M434.353 115C299.816 81.2318 164.184 81.2318 29.6473 115C20.0982 90.7038 10.5491 66.3724 1 42.0762C154.033 3.30793 309.967 3.30793 463 42.0762C453.451 66.3724 443.902 90.7038 434.353 115Z"
38
+ d="M433.383 102C298.847 68.2318 163.214 68.2318 28.6776 102C19.1285 77.7038 9.57938 53.3724 0.0302734 29.0762C153.064 -9.69207 308.997 -9.69207 462.03 29.0762C452.481 53.3724 442.932 77.7038 433.383 102Z"
39
39
  fill="url(#${paintId0})"
40
40
  />
41
- <g clipPath="url(#clip0_3488_6864)">
41
+ <g clipPath="url(#clip0_3999_156)">
42
42
  <path
43
- d="M104.98 50.8415C104.132 50.0902 103.187 49.6002 102.079 49.3389C100.971 49.0775 99.7972 49.0775 98.5587 49.3389C96.8639 49.6982 95.4624 50.4495 94.3868 51.5602C93.3112 52.6709 92.5942 54.1082 92.2357 55.8722C91.8771 57.6362 91.9423 59.6289 92.4312 61.8829C92.9201 64.2022 93.7023 66.0642 94.7453 67.5342C95.7883 69.0042 97.0268 69.9842 98.4609 70.5395C99.895 71.0949 101.459 71.1929 103.122 70.8335C104.36 70.5722 105.436 70.1149 106.316 69.4615C107.228 68.8082 107.913 67.9915 108.402 67.0115C108.891 66.0315 109.119 64.9535 109.086 63.7449L115.931 62.3075C116.094 64.4309 115.768 66.4889 114.953 68.5142C114.138 70.5069 112.802 72.2709 110.977 73.7735C109.151 75.2762 106.935 76.2889 104.263 76.8769C101.329 77.4975 98.5913 77.3995 96.0165 76.5502C93.4416 75.7009 91.2579 74.1655 89.4001 71.9115C87.5748 69.6575 86.2711 66.8155 85.5541 63.3529C84.837 59.8902 84.837 56.7542 85.6193 53.9449C86.4015 51.1355 87.7704 48.8162 89.7912 47.0195C91.8119 45.1902 94.2564 43.9815 97.1572 43.3609C99.6669 42.8382 102.046 42.8055 104.23 43.3282C106.446 43.8182 108.369 44.8309 110.031 46.3335C111.694 47.8362 112.932 49.7962 113.747 52.1809L106.903 53.6509C106.479 52.5075 105.827 51.5602 105.012 50.8089L104.98 50.8415Z"
43
+ d="M104.01 37.8415C103.162 37.0902 102.217 36.6002 101.109 36.3389C100.001 36.0775 98.8275 36.0775 97.589 36.3389C95.8941 36.6982 94.4926 37.4495 93.4171 38.5602C92.3415 39.6709 91.6245 41.1082 91.2659 42.8722C90.9074 44.6362 90.9726 46.6289 91.4615 48.8829C91.9504 51.2022 92.7326 53.0642 93.7756 54.5342C94.8186 56.0042 96.0571 56.9842 97.4912 57.5395C98.9253 58.0949 100.49 58.1929 102.152 57.8335C103.391 57.5722 104.466 57.1149 105.346 56.4615C106.259 55.8082 106.943 54.9915 107.432 54.0115C107.921 53.0315 108.149 51.9535 108.117 50.7449L114.961 49.3075C115.124 51.4309 114.798 53.4889 113.983 55.5142C113.168 57.5069 111.832 59.2709 110.007 60.7735C108.182 62.2762 105.965 63.2889 103.293 63.8769C100.359 64.4975 97.6216 64.3995 95.0467 63.5502C92.4719 62.7009 90.2881 61.1655 88.4303 58.9115C86.6051 56.6575 85.3014 53.8155 84.5843 50.3529C83.8673 46.8902 83.8673 43.7542 84.6495 40.9449C85.4318 38.1355 86.8007 35.8162 88.8214 34.0195C90.8422 32.1902 93.2867 30.9815 96.1875 30.3609C98.6972 29.8382 101.076 29.8055 103.26 30.3282C105.477 30.8182 107.4 31.8309 109.062 33.3335C110.724 34.8362 111.963 36.7962 112.777 39.1809L105.933 40.6509C105.509 39.5075 104.857 38.5602 104.042 37.8089L104.01 37.8415Z"
44
44
  fill="#101113"
45
45
  />
46
46
  <path
47
- d="M117.365 39.8322L139.43 36.3369L140.31 41.9882L125.057 44.4056L126.328 52.3762L140.441 50.1549L141.321 55.8062L127.208 58.0276L128.479 66.0309L143.798 63.6136L144.678 69.2976L122.547 72.7929L117.332 39.8322H117.365Z"
47
+ d="M116.395 26.8322L138.461 23.3369L139.341 28.9882L124.087 31.4056L125.358 39.3762L139.471 37.1549L140.351 42.8062L126.238 45.0276L127.509 53.0309L142.828 50.6136L143.708 56.2976L121.577 59.7929L116.363 26.8322H116.395Z"
48
48
  fill="#101113"
49
49
  />
50
50
  <path
51
- d="M145.982 35.4226L158.954 33.9853C161.431 33.7239 163.614 33.9199 165.472 34.6059C167.363 35.2919 168.829 36.4026 169.97 37.9053C171.111 39.4079 171.763 41.2699 171.991 43.4586C172.219 45.6473 171.958 47.7379 171.143 49.4366C170.329 51.1679 168.992 52.5399 167.2 53.5526L175.674 65.6719L168.047 66.5213L160.453 55.4146L155.205 56.0026L156.509 67.7953L149.632 68.5466L145.949 35.3573L145.982 35.4226ZM159.41 49.9593C163.451 49.5019 165.277 47.6073 164.886 44.2753C164.69 42.5766 164.038 41.3679 162.963 40.6166C161.854 39.8653 160.29 39.5713 158.269 39.7999L153.445 40.3226L154.586 50.4819L159.41 49.9266V49.9593Z"
51
+ d="M145.012 22.4226L157.984 20.9853C160.461 20.7239 162.645 20.9199 164.503 21.6059C166.393 22.2919 167.86 23.4026 169 24.9053C170.141 26.4079 170.793 28.2699 171.021 30.4586C171.249 32.6473 170.989 34.7379 170.174 36.4366C169.359 38.1679 168.023 39.5399 166.23 40.5526L174.704 52.6719L167.077 53.5213L159.483 42.4146L154.236 43.0026L155.539 54.7953L148.662 55.5466L144.979 22.3573L145.012 22.4226ZM158.44 36.9593C162.482 36.5019 164.307 34.6073 163.916 31.2753C163.72 29.5766 163.068 28.3679 161.993 27.6166C160.885 26.8653 159.32 26.5713 157.299 26.7999L152.476 27.3226L153.616 37.4819L158.44 36.9266V36.9593Z"
52
52
  fill="#101113"
53
53
  />
54
54
  <path
55
- d="M175.381 32.2538L202.596 30.5225L202.954 36.2391L192.785 36.8925L194.545 64.4631L187.701 64.8878L185.941 37.3171L175.739 37.9705L175.381 32.2538Z"
55
+ d="M174.411 19.2538L201.626 17.5225L201.985 23.2391L191.816 23.8925L193.576 51.4631L186.731 51.8878L184.971 24.3171L174.769 24.9705L174.411 19.2538Z"
56
56
  fill="#101113"
57
57
  />
58
58
  <path
59
- d="M215.731 63.5817L208.821 63.8104L207.811 30.4577L214.721 30.2617L215.731 63.6144V63.5817Z"
59
+ d="M214.761 50.5817L207.851 50.8104L206.841 17.4577L213.751 17.2617L214.761 50.6144V50.5817Z"
60
60
  fill="#101113"
61
61
  />
62
62
  <path
63
- d="M221.109 30H243.076V35.7167H228.051V43.818H241.642V49.5347H228.051V63.3853H221.141V30H221.109Z"
63
+ d="M220.139 17H242.107V22.7167H227.081V30.818H240.673V36.5347H227.081V50.3853H220.172V17H220.139Z"
64
64
  fill="#101113"
65
65
  />
66
66
  <path
67
- d="M254.321 63.7776L247.411 63.5816L248.357 30.1963L255.266 30.3923L254.289 63.745L254.321 63.7776Z"
67
+ d="M253.351 50.7776L246.442 50.5816L247.387 17.1963L254.297 17.3923L253.319 50.745L253.351 50.7776Z"
68
68
  fill="#101113"
69
69
  />
70
70
  <path
71
- d="M282.221 40.3231C281.634 39.3758 280.819 38.6571 279.809 38.1018C278.799 37.5465 277.658 37.2525 276.387 37.1545C274.659 37.0238 273.127 37.3831 271.758 38.1671C270.422 38.9511 269.314 40.1271 268.499 41.7278C267.684 43.3285 267.195 45.2885 267.065 47.5751C266.902 49.9271 267.13 51.9525 267.749 53.6511C268.369 55.3498 269.281 56.6565 270.52 57.5711C271.758 58.4858 273.225 59.0085 274.92 59.1391C276.158 59.2045 277.332 59.0738 278.375 58.6818C279.418 58.2898 280.298 57.7018 281.047 56.9178C281.764 56.1011 282.286 55.1211 282.579 53.9778L289.554 54.4678C289.163 56.5585 288.283 58.4531 286.947 60.1518C285.61 61.8505 283.85 63.1898 281.699 64.1371C279.548 65.0845 277.104 65.4765 274.398 65.2805C271.4 65.0845 268.792 64.2351 266.544 62.7325C264.295 61.2298 262.6 59.1391 261.426 56.4605C260.253 53.7818 259.797 50.7111 260.025 47.1505C260.253 43.6225 261.1 40.6171 262.632 38.1018C264.132 35.6191 266.087 33.7571 268.532 32.5485C270.944 31.3398 273.649 30.8498 276.615 31.0458C279.19 31.2091 281.471 31.8298 283.459 32.9405C285.448 34.0185 287.045 35.5211 288.218 37.4158C289.391 39.3105 290.076 41.5318 290.206 44.0471L283.231 43.5898C283.133 42.3485 282.775 41.2705 282.156 40.3558L282.221 40.3231Z"
71
+ d="M281.251 27.3231C280.664 26.3758 279.85 25.6571 278.839 25.1018C277.829 24.5465 276.688 24.2525 275.417 24.1545C273.689 24.0238 272.158 24.3831 270.789 25.1671C269.452 25.9511 268.344 27.1271 267.529 28.7278C266.715 30.3285 266.226 32.2885 266.095 34.5751C265.932 36.9271 266.16 38.9525 266.78 40.6511C267.399 42.3498 268.312 43.6565 269.55 44.5711C270.789 45.4858 272.255 46.0085 273.95 46.1391C275.189 46.2045 276.362 46.0738 277.405 45.6818C278.448 45.2898 279.328 44.7018 280.078 43.9178C280.795 43.1011 281.316 42.1211 281.61 40.9778L288.585 41.4678C288.193 43.5585 287.313 45.4531 285.977 47.1518C284.641 48.8505 282.881 50.1898 280.73 51.1371C278.578 52.0845 276.134 52.4765 273.429 52.2805C270.43 52.0845 267.823 51.2351 265.574 49.7325C263.325 48.2298 261.63 46.1391 260.457 43.4605C259.283 40.7818 258.827 37.7111 259.055 34.1505C259.283 30.6225 260.131 27.6171 261.663 25.1018C263.162 22.6191 265.117 20.7571 267.562 19.5485C269.974 18.3398 272.679 17.8498 275.645 18.0458C278.22 18.2091 280.501 18.8298 282.49 19.9405C284.478 21.0185 286.075 22.5211 287.248 24.4158C288.422 26.3105 289.106 28.5318 289.236 31.0471L282.261 30.5898C282.164 29.3485 281.805 28.2705 281.186 27.3558L281.251 27.3231Z"
72
72
  fill="#101113"
73
73
  />
74
74
  <path
75
- d="M290.76 65.8681L306.046 34.0508L314.879 35.0961L322.473 69.5921L315.107 68.7428L313.51 60.8048L301.516 59.4001L298.126 66.7501L290.76 65.9008V65.8681ZM312.369 55.1861L309.729 42.0541H309.469L303.895 54.1734L312.402 55.1534L312.369 55.1861Z"
75
+ d="M289.791 52.8681L305.077 21.0508L313.909 22.0961L321.504 56.5921L314.138 55.7428L312.54 47.8048L300.546 46.4001L297.157 53.7501L289.791 52.9008V52.8681ZM311.4 42.1861L308.76 29.0541H308.499L302.926 41.1734L311.432 42.1534L311.4 42.1861Z"
76
76
  fill="#101113"
77
77
  />
78
78
  <path
79
- d="M325.732 36.3701L352.654 40.6821L351.742 46.3335L341.67 44.7328L337.303 72.0421L330.556 70.9641L334.924 43.6548L324.82 42.0215L325.732 36.3701Z"
79
+ d="M324.763 23.3701L351.685 27.6821L350.772 33.3335L340.701 31.7328L336.333 59.0421L329.586 57.9641L333.954 30.6548L323.85 29.0215L324.763 23.3701Z"
80
80
  fill="#101113"
81
81
  />
82
82
  <path
83
- d="M358.13 41.7602L380 46.3009L378.827 51.9195L363.703 48.7835L362.074 56.6889L376.056 59.5962L374.915 65.1822L360.933 62.2749L359.303 70.2129L374.492 73.3489L373.318 78.9675L351.383 74.4269L358.13 41.7275V41.7602Z"
84
- fill="#101113"
85
- />
86
- </g>
87
- <path
88
- d="M0.969727 41.7749L38.3064 0.867188L87.629 63.8021L29.6087 114.999L0.969727 41.7749Z"
89
- fill="#101113"
90
- />
91
- <path
92
- d="M462.835 41.7749L425.498 0.867188L376.176 63.8021L434.196 114.999L462.835 41.7749Z"
93
- fill="#101113"
94
- />
95
- <path
96
- d="M434.353 115C299.816 81.2318 164.184 81.2318 29.6473 115C20.0982 90.7038 10.5491 66.3724 1 42.0762C154.033 3.30793 309.967 3.30793 463 42.0762C453.451 66.3724 443.902 90.7038 434.353 115Z"
97
- fill="url(#${paintId1})"
98
- />
99
- <g clipPath="url(#clip1_3488_6864)">
100
- <path
101
- d="M104.98 50.8415C104.132 50.0902 103.187 49.6002 102.079 49.3389C100.971 49.0775 99.7972 49.0775 98.5587 49.3389C96.8639 49.6982 95.4624 50.4495 94.3868 51.5602C93.3112 52.6709 92.5942 54.1082 92.2357 55.8722C91.8771 57.6362 91.9423 59.6289 92.4312 61.8829C92.9201 64.2022 93.7023 66.0642 94.7453 67.5342C95.7883 69.0042 97.0268 69.9842 98.4609 70.5395C99.895 71.0949 101.459 71.1929 103.122 70.8335C104.36 70.5722 105.436 70.1149 106.316 69.4615C107.228 68.8082 107.913 67.9915 108.402 67.0115C108.891 66.0315 109.119 64.9535 109.086 63.7449L115.931 62.3075C116.094 64.4309 115.768 66.4889 114.953 68.5142C114.138 70.5069 112.802 72.2709 110.977 73.7735C109.151 75.2762 106.935 76.2889 104.263 76.8769C101.329 77.4975 98.5913 77.3995 96.0165 76.5502C93.4416 75.7009 91.2579 74.1655 89.4001 71.9115C87.5748 69.6575 86.2711 66.8155 85.5541 63.3529C84.837 59.8902 84.837 56.7542 85.6193 53.9449C86.4015 51.1355 87.7704 48.8162 89.7912 47.0195C91.8119 45.1902 94.2564 43.9815 97.1572 43.3609C99.6669 42.8382 102.046 42.8055 104.23 43.3282C106.446 43.8182 108.369 44.8309 110.031 46.3335C111.694 47.8362 112.932 49.7962 113.747 52.1809L106.903 53.6509C106.479 52.5075 105.827 51.5602 105.012 50.8089L104.98 50.8415Z"
102
- fill="#101113"
103
- />
104
- <path
105
- d="M117.365 39.8322L139.43 36.3369L140.31 41.9882L125.057 44.4056L126.328 52.3762L140.441 50.1549L141.321 55.8062L127.208 58.0276L128.479 66.0309L143.798 63.6136L144.678 69.2976L122.547 72.7929L117.332 39.8322H117.365Z"
106
- fill="#101113"
107
- />
108
- <path
109
- d="M145.982 35.4226L158.954 33.9853C161.431 33.7239 163.614 33.9199 165.472 34.6059C167.363 35.2919 168.829 36.4026 169.97 37.9053C171.111 39.4079 171.763 41.2699 171.991 43.4586C172.219 45.6473 171.958 47.7379 171.143 49.4366C170.329 51.1679 168.992 52.5399 167.2 53.5526L175.674 65.6719L168.047 66.5213L160.453 55.4146L155.205 56.0026L156.509 67.7953L149.632 68.5466L145.949 35.3573L145.982 35.4226ZM159.41 49.9593C163.451 49.5019 165.277 47.6073 164.886 44.2753C164.69 42.5766 164.038 41.3679 162.963 40.6166C161.854 39.8653 160.29 39.5713 158.269 39.7999L153.445 40.3226L154.586 50.4819L159.41 49.9266V49.9593Z"
110
- fill="#101113"
111
- />
112
- <path
113
- d="M175.381 32.2538L202.596 30.5225L202.954 36.2391L192.785 36.8925L194.545 64.4631L187.701 64.8878L185.941 37.3171L175.739 37.9705L175.381 32.2538Z"
114
- fill="#101113"
115
- />
116
- <path
117
- d="M215.731 63.5817L208.821 63.8104L207.811 30.4577L214.721 30.2617L215.731 63.6144V63.5817Z"
118
- fill="#101113"
119
- />
120
- <path
121
- d="M221.109 30H243.076V35.7167H228.051V43.818H241.642V49.5347H228.051V63.3853H221.141V30H221.109Z"
122
- fill="#101113"
123
- />
124
- <path
125
- d="M254.321 63.7776L247.411 63.5816L248.357 30.1963L255.266 30.3923L254.289 63.745L254.321 63.7776Z"
126
- fill="#101113"
127
- />
128
- <path
129
- d="M282.221 40.3231C281.634 39.3758 280.819 38.6571 279.809 38.1018C278.799 37.5465 277.658 37.2525 276.387 37.1545C274.659 37.0238 273.127 37.3831 271.758 38.1671C270.422 38.9511 269.314 40.1271 268.499 41.7278C267.684 43.3285 267.195 45.2885 267.065 47.5751C266.902 49.9271 267.13 51.9525 267.749 53.6511C268.369 55.3498 269.281 56.6565 270.52 57.5711C271.758 58.4858 273.225 59.0085 274.92 59.1391C276.158 59.2045 277.332 59.0738 278.375 58.6818C279.418 58.2898 280.298 57.7018 281.047 56.9178C281.764 56.1011 282.286 55.1211 282.579 53.9778L289.554 54.4678C289.163 56.5585 288.283 58.4531 286.947 60.1518C285.61 61.8505 283.85 63.1898 281.699 64.1371C279.548 65.0845 277.104 65.4765 274.398 65.2805C271.4 65.0845 268.792 64.2351 266.544 62.7325C264.295 61.2298 262.6 59.1391 261.426 56.4605C260.253 53.7818 259.797 50.7111 260.025 47.1505C260.253 43.6225 261.1 40.6171 262.632 38.1018C264.132 35.6191 266.087 33.7571 268.532 32.5485C270.944 31.3398 273.649 30.8498 276.615 31.0458C279.19 31.2091 281.471 31.8298 283.459 32.9405C285.448 34.0185 287.045 35.5211 288.218 37.4158C289.391 39.3105 290.076 41.5318 290.206 44.0471L283.231 43.5898C283.133 42.3485 282.775 41.2705 282.156 40.3558L282.221 40.3231Z"
130
- fill="#101113"
131
- />
132
- <path
133
- d="M290.76 65.8681L306.046 34.0508L314.879 35.0961L322.473 69.5921L315.107 68.7428L313.51 60.8048L301.516 59.4001L298.126 66.7501L290.76 65.9008V65.8681ZM312.369 55.1861L309.729 42.0541H309.469L303.895 54.1734L312.402 55.1534L312.369 55.1861Z"
134
- fill="#101113"
135
- />
136
- <path
137
- d="M325.732 36.3701L352.654 40.6821L351.742 46.3335L341.67 44.7328L337.303 72.0421L330.556 70.9641L334.924 43.6548L324.82 42.0215L325.732 36.3701Z"
138
- fill="#101113"
139
- />
140
- <path
141
- d="M358.13 41.7602L380 46.3009L378.827 51.9195L363.703 48.7835L362.074 56.6889L376.056 59.5962L374.915 65.1822L360.933 62.2749L359.303 70.2129L374.492 73.3489L373.318 78.9675L351.383 74.4269L358.13 41.7275V41.7602Z"
83
+ d="M357.16 28.7602L379.03 33.3009L377.857 38.9195L362.734 35.7835L361.104 43.6889L375.087 46.5962L373.946 52.1822L359.963 49.2749L358.334 57.2129L373.522 60.3489L372.349 65.9675L350.414 61.4269L357.16 28.7275V28.7602Z"
142
84
  fill="#101113"
143
85
  />
144
86
  </g>
145
87
  <defs>
146
88
  <linearGradient
147
89
  id={paintId0}
148
- x1="1"
149
- y1="64.0132"
150
- x2="463"
151
- y2="64.0132"
152
- gradientUnits="userSpaceOnUse"
153
- >
154
- <stop stop-color="${mainColor}" />
155
- <stop offset="0.06" stop-color="${mainColor}" />
156
- <stop offset="0.58" stop-color="${subColor}" />
157
- <stop offset="1" stop-color="${mainColor}" />
158
- </linearGradient>
159
- <linearGradient
160
- id={paintId1}
161
- x1="1"
162
- y1="64.0132"
163
- x2="463"
164
- y2="64.0132"
90
+ x1="0.0302734"
91
+ y1="51.0132"
92
+ x2="462.03"
93
+ y2="51.0132"
165
94
  gradientUnits="userSpaceOnUse"
166
95
  >
167
- <stop stop-color="${mainColor}" />
168
- <stop offset="0.06" stop-color="${mainColor}" />
169
- <stop offset="0.58" stop-color="${subColor}" />
170
- <stop offset="1" stop-color="${mainColor}" />
96
+ <stop stopColor={mainColor} />
97
+ <stop offset="0.06" stopColor={mainColor} />
98
+ <stop offset="0.58" stopColor={subColor} />
99
+ <stop offset="1" stopColor={mainColor} />
171
100
  </linearGradient>
172
- <clipPath id="clip0_3488_6864">
173
- <rect
174
- width="295"
175
- height="49"
176
- fill="white"
177
- transform="translate(85 30)"
178
- />
179
- </clipPath>
180
- <clipPath id="clip1_3488_6864">
101
+ <clipPath id="clip0_3999_156">
181
102
  <rect
182
103
  width="295"
183
104
  height="49"
184
105
  fill="white"
185
- transform="translate(85 30)"
106
+ transform="translate(84.0303 17)"
186
107
  />
187
108
  </clipPath>
188
109
  </defs>
189
110
  </svg>
190
111
  `;
191
- }
112
+ }
package/src/templates/ribbons/RibbonType96.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ISvgProps } from "../../interface/index.js";
1
+ import { ISvgProps } from "../../interface/index.js";
2
2
 
3
3
  export function createRibbonType96({
4
4
  mainColor = "#96A6B4",
@@ -11,7 +11,7 @@ export function createRibbonType96({
11
11
  <svg
12
12
  width="100%"
13
13
  height="100%"
14
- viewBox="0 0 574 106"
14
+ viewBox="0 0 574 143"
15
15
  fill="none"
16
16
  xmlns="http://www.w3.org/2000/svg"
17
17
  preserveAspectRatio="xMidYMid meet"
@@ -27,37 +27,45 @@ export function createRibbonType96({
27
27
  "
28
28
  >
29
29
  <path
30
- d="M230.95 2.65255V79.6241C163.419 79.6241 95.9227 88.1097 28.6389 105.046L38.1145 62.1578L0 31.8218C76.4765 12.3403 153.696 2.61719 230.915 2.61719L230.95 2.65255Z"
31
- fill="url(#${paintId0})"
32
- />
33
- <path
34
- d="M342.889 0.0353373V77.0069C410.42 77.0069 477.916 85.4925 545.2 102.428L535.725 59.5407L573.839 29.2046C497.363 9.72307 420.144 0 342.925 0L342.889 0.0353373Z"
35
- fill="url(#${paintId1})"
36
- />
37
- <defs>
38
- <linearGradient
39
- id={paintId0}
40
- x1="0"
41
- y1="53.8314"
42
- x2="230.95"
43
- y2="53.8314"
44
- gradientUnits="userSpaceOnUse"
45
- >
46
- <stop />
47
- <stop offset="1" stop-color="${mainColor}" />
48
- </linearGradient>
49
- <linearGradient
50
- id={paintId1}
51
- x1="342.889"
52
- y1="51.2142"
53
- x2="573.839"
54
- y2="51.2142"
55
- gradientUnits="userSpaceOnUse"
56
- >
57
- <stop />
58
- <stop offset="1" stop-color="${mainColor}" />
59
- </linearGradient>
60
- </defs>
30
+ d="M230.95 2.65255V79.6241C163.419 79.6241 95.9227 88.1097 28.6389 105.046L38.1145 62.1578L0 31.8218C76.4765 12.3403 153.696 2.61719 230.915 2.61719L230.95 2.65255Z"
31
+ fill="${mainColor}"
32
+ />
33
+ <path
34
+ d="M342.889 0.0353373V77.0069C410.42 77.0069 477.916 85.4925 545.2 102.428L535.725 59.5407L573.839 29.2046C497.363 9.72307 420.144 0 342.925 0L342.889 0.0353373Z"
35
+ fill="${mainColor}"
36
+ />
37
+ <path
38
+ d="M55.9697 69.7749L93.3064 28.8672L142.629 91.8021L84.6087 142.999L55.9697 69.7749Z"
39
+ fill="#303030"
40
+ />
41
+ <path
42
+ d="M517.835 69.7749L480.498 28.8672L431.176 91.8021L489.196 142.999L517.835 69.7749Z"
43
+ fill="#303030"
44
+ />
45
+ <defs>
46
+ <linearGradient
47
+ id="${paintId0}"
48
+ x1="0"
49
+ y1="53.8314"
50
+ x2="230.95"
51
+ y2="53.8314"
52
+ gradientUnits="userSpaceOnUse"
53
+ >
54
+ <stop />
55
+ <stop offset="1" stop-color="#666666" />
56
+ </linearGradient>
57
+ <linearGradient
58
+ id="${paintId0}"
59
+ x1="342.889"
60
+ y1="51.2142"
61
+ x2="573.839"
62
+ y2="51.2142"
63
+ gradientUnits="userSpaceOnUse"
64
+ >
65
+ <stop />
66
+ <stop offset="1" stop-color="#666666" />
67
+ </linearGradient>
68
+ </defs>
61
69
  </svg>
62
70
  `;
63
- }
71
+ }