Skip to content

Commit cf03bf4

Browse files
saghdaeysaghdaey
committed
fix vibebuilderpromotion svg
1 parent 33b64fc commit cf03bf4

File tree

1 file changed

+40
-65
lines changed

1 file changed

+40
-65
lines changed

‎packages/gamut-illustrations/src/VibeBuilderPromotion.tsx‎

Lines changed: 40 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -18,42 +18,17 @@ export const VibeBuilderPromotion: React.FC<IllustrationProps> = ({
1818
xmlns="http://www.w3.org/2000/svg"
1919
>
2020
<title>Vibe Builder Promotion</title>
21-
<mask
22-
height="84"
23-
id="b"
24-
maskUnits="userSpaceOnUse"
25-
style={{ maskType: 'alpha' }}
26-
width="84"
27-
x="0"
28-
y="19"
29-
>
30-
<path d="M0 19.562h83.891v82.757H0z" fill="url(#a)" />
31-
</mask>
32-
<g mask="url(#b)">
33-
<path d="M0 19.562h83.891v82.757H0z" fill="#10162f" />
34-
</g>
35-
<mask
36-
height="84"
37-
id="d"
38-
maskUnits="userSpaceOnUse"
39-
style={{ maskType: 'alpha' }}
40-
width="85"
41-
x="165"
42-
y="30"
43-
>
44-
<path d="M165.514 30.9h83.891v82.757h-83.891z" fill="url(#c)" />
45-
</mask>
46-
<g mask="url(#d)">
47-
<path d="M165.514 30.9h83.891v82.757h-83.891z" fill="#10162f" />
48-
</g>
21+
22+
<path d="M0 19.562h83.891v82.757H0z" fill="url(#a)" />
23+
<path d="M165.514 30.9h83.891v82.757h-83.891z" fill="url(#b)" />
4924
<path
5025
d="M205.324 16.354H39.594v93.489h165.73z"
5126
fill="#fff"
5227
stroke="#10162f"
5328
strokeWidth=".581"
5429
/>
5530
<path
56-
d="M202.857 15.335H42.059v94.508h160.798z"
31+
d="M202.858 15.335h-160.8v94.508h160.8z"
5732
fill="#fff0e5"
5833
stroke="#10162f"
5934
strokeDasharray="1.52 1.52"
@@ -67,7 +42,7 @@ export const VibeBuilderPromotion: React.FC<IllustrationProps> = ({
6742
strokeWidth=".581"
6843
/>
6944
<path
70-
d="M37.22 32.847v6.698h6.7v3.933h-6.7v6.704h-3.932v-6.697h-6.704v-3.94h6.697v-6.698z"
45+
d="M37.221 32.847v6.698h6.698v3.933h-6.698v6.704H33.29v-6.697h-6.705v-3.94h6.697v-6.698z"
7146
fill="#f966ff"
7247
stroke="#10162f"
7348
strokeWidth=".581"
@@ -77,7 +52,7 @@ export const VibeBuilderPromotion: React.FC<IllustrationProps> = ({
7752
stroke="#fff"
7853
strokeWidth=".581"
7954
/>
80-
<path d="M59.127 27.016v77.516H175.2V27.016z" fill="url(#e)" />
55+
<path d="M59.127 27.016v77.516H175.2V27.016z" fill="url(#c)" />
8156
<path
8257
d="M178.68 23.536H62.605v77.516H178.68z"
8358
fill="#fff0e5"
@@ -91,35 +66,35 @@ export const VibeBuilderPromotion: React.FC<IllustrationProps> = ({
9166
strokeWidth=".581"
9267
/>
9368
<path
94-
d="M76.839 28.39a1.199 1.199 0 1 0 .003-2.397 1.199 1.199 0 0 0-.004 2.398M72.349 28.39a1.2 1.2 0 1 0 0-2.398 1.2 1.2 0 0 0 0 2.398M67.856 28.39a1.199 1.199 0 1 0 .004-2.397 1.199 1.199 0 0 0-.004 2.398"
69+
d="M76.839 28.39a1.199 1.199 0 1 0 .004-2.397 1.199 1.199 0 0 0-.004 2.398M72.349 28.39a1.2 1.2 0 1 0 0-2.398 1.2 1.2 0 0 0 0 2.398M67.856 28.39a1.199 1.199 0 1 0 .004-2.397 1.199 1.199 0 0 0-.004 2.398"
9570
fill="#fff0e5"
9671
/>
9772
<path
98-
d="m96.12 45.307 10.47 10.467-10.47 10.47M82.99 66.294l-10.469-10.47 10.47-10.469M93.339 45.044 86.78 66.687"
73+
d="m96.12 45.307 10.47 10.467-10.47 10.47M82.991 66.294l-10.47-10.47 10.47-10.469M93.339 45.044 86.78 66.687"
9974
stroke="#10162f"
10075
strokeWidth=".581"
10176
/>
10277
<path
103-
d="M118.747 45.113h16.834a2.524 2.524 0 0 1 0 5.042h-16.834a2.523 2.523 0 0 1 0-5.042Z"
78+
d="M118.747 45.113h16.835a2.523 2.523 0 0 1 0 5.042h-16.835a2.523 2.523 0 0 1 0-5.042Z"
10479
fill="#fff"
10580
stroke="#10162f"
10681
strokeWidth=".581"
10782
/>
10883
<path
109-
d="M118.755 56.063h47.948a2.526 2.526 0 0 1 2.453 2.522 2.523 2.523 0 0 1-2.453 2.522h-47.948a2.522 2.522 0 0 1 0-5.044ZM118.753 67.026h36.474a2.522 2.522 0 0 1 0 5.044h-36.474a2.522 2.522 0 0 1 0-5.044Z"
84+
d="M118.756 56.063h47.947a2.522 2.522 0 0 1 0 5.044h-47.947a2.523 2.523 0 0 1 0-5.044ZM118.753 67.026h36.474a2.522 2.522 0 0 1 0 5.044h-36.474a2.522 2.522 0 0 1 0-5.044Z"
11085
fill="#3a10e5"
11186
stroke="#10162f"
11287
strokeWidth=".581"
11388
/>
11489
<path
115-
d="M118.753 77.983h27.778a2.522 2.522 0 1 1 0 5.042h-27.778a2.523 2.523 0 0 1-2.521-2.52 2.524 2.524 0 0 1 2.521-2.522Z"
90+
d="M118.753 77.983h27.778a2.522 2.522 0 1 1 0 5.042h-27.778a2.522 2.522 0 1 1 0-5.042Z"
11691
fill="#fff"
11792
stroke="#10162f"
11893
strokeWidth=".581"
11994
/>
120-
<path d="M106.589 75.286H72.113v7.67h34.469z" fill="url(#f)" />
95+
<path d="M106.589 75.286H72.113v7.67h34.469z" fill="url(#d)" />
12196
<path
122-
d="M210.623 1.964h-47.9a.826.826 0 0 0-.827.827v97.588a.82.82 0 0 0 .827.826h47.9a.825.825 0 0 0 .825-.826V2.791a.826.826 0 0 0-.825-.827Z"
97+
d="M210.623 1.964h-47.9a.83.83 0 0 0-.827.827v97.588a.82.82 0 0 0 .827.826h47.9a.826.826 0 0 0 .825-.826V2.791a.826.826 0 0 0-.825-.827Z"
12398
fill="#10162f"
12499
stroke="#10162f"
125100
strokeWidth=".581"
@@ -130,14 +105,14 @@ export const VibeBuilderPromotion: React.FC<IllustrationProps> = ({
130105
stroke="#10162f"
131106
strokeWidth=".581"
132107
/>
133-
<path d="M213.128 26.586h-49.552v9.624h49.552z" fill="url(#g)" />
108+
<path d="M213.128 26.586h-49.552v9.624h49.552z" fill="url(#e)" />
134109
<path
135110
d="M213.128 36.209h-49.552v31.657h49.552z"
136111
fill="#fff0e5"
137112
stroke="#10162f"
138113
strokeWidth=".581"
139114
/>
140-
<path d="M213.128 58.183h-49.552v9.624h49.552z" fill="url(#h)" />
115+
<path d="M213.128 58.183h-49.552v9.624h49.552z" fill="url(#f)" />
141116
<path
142117
d="M163.576 67.866h49.552v30.832a.83.83 0 0 1-.825.828h-47.9a.83.83 0 0 1-.827-.828z"
143118
fill="#fff0e5"
@@ -146,22 +121,22 @@ export const VibeBuilderPromotion: React.FC<IllustrationProps> = ({
146121
/>
147122
<path
148123
d="M163.576 89.946h49.552v8.445a1.18 1.18 0 0 1-1.176 1.178h-47.2a1.176 1.176 0 0 1-1.176-1.178z"
149-
fill="url(#i)"
124+
fill="url(#g)"
150125
/>
151126
<path
152-
d="M188.353 21.93a6.18 6.18 0 1 0 0-12.357 6.18 6.18 0 0 0 0 12.358ZM188.353 22.663a8.52 8.52 0 0 0-7.873 5.26 8.5 8.5 0 0 0-.649 3.261v4.993h17.043v-4.993a8.52 8.52 0 0 0-8.521-8.521Z"
127+
d="M188.353 21.93a6.178 6.178 0 1 0 0-12.356 6.178 6.178 0 0 0 0 12.357ZM188.352 22.663a8.52 8.52 0 0 0-8.521 8.521v4.993h17.043v-4.993a8.52 8.52 0 0 0-8.522-8.521Z"
153128
fill="#fff"
154129
stroke="#10162f"
155130
strokeWidth=".581"
156131
/>
157132
<path
158-
d="M188.353 53.588a6.18 6.18 0 1 0 0-12.358 6.18 6.18 0 0 0 0 12.358ZM188.353 54.32a8.52 8.52 0 0 0-8.522 8.522v4.993h17.043v-4.993a8.52 8.52 0 0 0-8.521-8.522Z"
133+
d="M188.353 53.588a6.178 6.178 0 1 0 0-12.356 6.178 6.178 0 0 0 0 12.356ZM188.352 54.32a8.52 8.52 0 0 0-8.521 8.522v4.993h17.043v-4.993a8.52 8.52 0 0 0-8.522-8.522Z"
159134
fill="#f966ff"
160135
stroke="#10162f"
161136
strokeWidth=".581"
162137
/>
163138
<path
164-
d="M188.353 85.246a6.18 6.18 0 1 0 0-12.358 6.18 6.18 0 0 0 0 12.358ZM188.353 85.978a8.52 8.52 0 0 0-8.522 8.52v4.994h17.043v-4.993a8.52 8.52 0 0 0-8.521-8.521Z"
139+
d="M188.353 85.246a6.178 6.178 0 1 0 0-12.357 6.178 6.178 0 0 0 0 12.357ZM188.352 85.978a8.52 8.52 0 0 0-8.521 8.52v4.994h17.043v-4.993a8.52 8.52 0 0 0-8.522-8.521Z"
165140
fill="#fff"
166141
stroke="#10162f"
167142
strokeWidth=".581"
@@ -173,32 +148,32 @@ export const VibeBuilderPromotion: React.FC<IllustrationProps> = ({
173148
strokeWidth=".581"
174149
/>
175150
<path
176-
d="M167.218 2.962h-2.087v.696h2.087zM173.651 2.728h-2.086v.928h2.086zM173.651 1.453h-2.086v.927h2.086zM170.408 2.497h-2.087v1.159h2.087z"
151+
d="M167.218 2.962h-2.087v.696h2.087zM173.651 2.728h-2.087v.928h2.087zM173.651 1.453h-2.087v.927h2.087zM170.408 2.497h-2.087v1.159h2.087z"
177152
fill="#fff"
178153
/>
179154
<path
180-
d="M72.155 108.178a5.205 5.205 0 0 1-5.198-5.198v-2.438h10.398v2.438a5.205 5.205 0 0 1-5.2 5.198Z"
155+
d="M72.155 108.178a5.21 5.21 0 0 1-5.198-5.198v-2.438h10.398v2.438a5.205 5.205 0 0 1-5.2 5.198Z"
181156
fill="#10162f"
182157
stroke="#10162f"
183158
strokeMiterlimit="10"
184159
strokeWidth=".581"
185160
/>
186161
<path
187-
d="M87.894 98.728h-38.13v.665a1.11 1.11 0 0 0 1.11 1.11h.29v2.349c0 3.661 2.995 6.728 6.657 6.658a6.53 6.53 0 0 0 6.402-6.529v-2.478h1.396v2.349c0 3.661 2.998 6.728 6.659 6.658a6.53 6.53 0 0 0 6.402-6.529v-2.478h9.208a3.607 3.607 0 0 1 3.358 2.313c.173.451.254.932.237 1.415-.07 1.95-1.74 3.464-3.69 3.464h-3.101a.889.889 0 0 0 0 1.775h3.08c2.928 0 5.409-2.289 5.502-5.216a5.377 5.377 0 0 0-5.38-5.526Z"
162+
d="M87.894 98.728h-38.13v.665a1.11 1.11 0 0 0 1.11 1.11h.29v2.349c0 3.661 2.995 6.728 6.656 6.658a6.53 6.53 0 0 0 6.403-6.529v-2.478h1.396v2.349c0 3.661 2.997 6.728 6.659 6.658a6.53 6.53 0 0 0 6.402-6.529v-2.478h9.208a3.608 3.608 0 0 1 3.358 2.313c.173.451.254.932.237 1.415-.07 1.95-1.74 3.464-3.69 3.464h-3.101a.889.889 0 0 0 0 1.775h3.08c2.927 0 5.409-2.289 5.502-5.216a5.37 5.37 0 0 0-1.523-3.9 5.38 5.38 0 0 0-3.857-1.626Z"
188163
fill="#10162f"
189164
stroke="#10162f"
190165
strokeMiterlimit="10"
191166
strokeWidth=".581"
192167
/>
193168
<path
194-
d="M57.696 108.178a5.207 5.207 0 0 1-5.198-5.198v-2.438h10.396v2.438a5.205 5.205 0 0 1-5.198 5.198ZM72.155 108.178a5.205 5.205 0 0 1-5.198-5.198v-2.438h10.398v2.438a5.205 5.205 0 0 1-5.2 5.198Z"
169+
d="M57.696 108.178a5.21 5.21 0 0 1-5.198-5.198v-2.438h10.396v2.438a5.205 5.205 0 0 1-5.198 5.198ZM72.155 108.178a5.21 5.21 0 0 1-5.198-5.198v-2.438h10.398v2.438a5.205 5.205 0 0 1-5.2 5.198Z"
195170
fill="#fff0e5"
196171
stroke="#10162f"
197172
strokeMiterlimit="10"
198173
strokeWidth=".581"
199174
/>
200175
<path
201-
d="M10.942 119.992a2.516 2.516 0 0 1 .024-3.586l55.456-53.894a1.413 1.413 0 0 1 1.998 2l-53.893 55.453a2.5 2.5 0 0 1-1.787.764 2.506 2.506 0 0 1-1.798-.737Z"
176+
d="M10.942 119.992a2.516 2.516 0 0 1 .024-3.586l55.456-53.894a1.413 1.413 0 0 1 1.984.015 1.414 1.414 0 0 1 .014 1.984l-53.893 55.454a2.5 2.5 0 0 1-1.787.764 2.506 2.506 0 0 1-1.798-.737Z"
202177
fill="#fff0e5"
203178
stroke="#10162f"
204179
strokeWidth=".581"
@@ -210,73 +185,73 @@ export const VibeBuilderPromotion: React.FC<IllustrationProps> = ({
210185
patternContentUnits="objectBoundingBox"
211186
width=".054"
212187
>
213-
<use transform="scale(.01351 .0137)" xlinkHref="#j" />
188+
<use transform="scale(.01351 .0137)" xlinkHref="#h" />
214189
</pattern>
215190
<pattern
216191
height=".055"
217-
id="c"
192+
id="b"
218193
patternContentUnits="objectBoundingBox"
219194
width=".054"
220195
>
221-
<use transform="scale(.01351 .0137)" xlinkHref="#j" />
196+
<use transform="scale(.01351 .0137)" xlinkHref="#h" />
222197
</pattern>
223198
<pattern
224199
height=".157"
225-
id="e"
200+
id="c"
226201
patternContentUnits="objectBoundingBox"
227202
width=".105"
228203
>
229-
<use transform="scale(.00163 .00245)" xlinkHref="#k" />
204+
<use transform="scale(.00163 .00245)" xlinkHref="#i" />
230205
</pattern>
231206
<pattern
232207
height=".198"
233-
id="f"
208+
id="d"
234209
patternContentUnits="objectBoundingBox"
235210
width=".044"
236211
>
237-
<use transform="scale(.0055 .02473)" xlinkHref="#l" />
212+
<use transform="scale(.0055 .02473)" xlinkHref="#j" />
238213
</pattern>
239214
<pattern
240215
height=".158"
241-
id="g"
216+
id="e"
242217
patternContentUnits="objectBoundingBox"
243218
width=".031"
244219
>
245-
<use transform="scale(.00383 .01971)" xlinkHref="#l" />
220+
<use transform="scale(.00383 .01971)" xlinkHref="#j" />
246221
</pattern>
247222
<pattern
248223
height=".158"
249-
id="h"
224+
id="f"
250225
patternContentUnits="objectBoundingBox"
251226
width=".031"
252227
>
253-
<use transform="scale(.00383 .01971)" xlinkHref="#l" />
228+
<use transform="scale(.00383 .01971)" xlinkHref="#j" />
254229
</pattern>
255230
<pattern
256231
height=".158"
257-
id="i"
232+
id="g"
258233
patternContentUnits="objectBoundingBox"
259234
width=".031"
260235
>
261-
<use transform="scale(.00383 .01971)" xlinkHref="#l" />
236+
<use transform="scale(.00383 .01971)" xlinkHref="#j" />
262237
</pattern>
263238
<image
264239
height="4"
265-
id="j"
240+
id="h"
266241
preserveAspectRatio="none"
267242
width="4"
268243
xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAbSURBVHgBpcAxAQAAAAHBj2BSQ/90hHDIKZ8BVc8BValmjmcAAAAASUVORK5CYII="
269244
/>
270245
<image
271246
height="64"
272-
id="k"
247+
id="i"
273248
preserveAspectRatio="none"
274249
width="64"
275250
xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADbSURBVHgB7ZZBCsJQEMXGG7jyGt7/ctUKrlUGw7zfRnAVmtfALFrX2/1RH35H5zU5Hs2Np+Tp3HhKns6Np+Tp3O+AwXEvI5UbT8nTufGUPJ0bT8kX4DU57mWkcuMpeTo3npKnc+Mp+QK8Jse9jFRuPCVP58ZT8nRuPCVfgNfkuJeRyo2n5OnceEqezo2n5OF8Z5ei5On8Fb//t9bDq3PjjQfk6dx44wF5Ov8Wf+jvgF/iD3sZxhvf48ZXc3yaG298n1d3fJr/I37ZyzDeeIYbX82Xo/mp4998o/gTA3q3EDFEskQAAAAASUVORK5CYII="
276251
/>
277252
<image
278253
height="8"
279-
id="l"
254+
id="j"
280255
preserveAspectRatio="none"
281256
width="8"
282257
xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAeSURBVHgBzc4xAQAAAAEwEVxq6J+OGCzBQDk4MzgV8D0CqU26KA8AAAAASUVORK5CYII="

0 commit comments

Comments
 (0)