@wix/design-system-illustrations 2.44.3 → 2.45.0
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.
- package/dist/cjs/BottomMenu.js +52 -0
- package/dist/cjs/FunnelStackedBarChart.js +59 -0
- package/dist/cjs/HorizontalStackedBarChart.js +57 -0
- package/dist/cjs/SideMenu.js +52 -0
- package/dist/cjs/VerticalStackedBarChart.js +57 -0
- package/dist/cjs/index.js +15 -0
- package/dist/esm/BottomMenu.js +18 -0
- package/dist/esm/FunnelStackedBarChart.js +25 -0
- package/dist/esm/HorizontalStackedBarChart.js +23 -0
- package/dist/esm/SideMenu.js +18 -0
- package/dist/esm/VerticalStackedBarChart.js +23 -0
- package/dist/esm/index.js +10 -0
- package/dist/types/BottomMenu.d.ts +5 -0
- package/dist/types/FunnelStackedBarChart.d.ts +5 -0
- package/dist/types/HorizontalStackedBarChart.d.ts +5 -0
- package/dist/types/SideMenu.d.ts +5 -0
- package/dist/types/VerticalStackedBarChart.d.ts +5 -0
- package/dist/types/index.d.ts +5 -0
- package/package.json +3 -3
- package/src/BottomMenu.svg +64 -0
- package/src/FunnelStackedBarChart.svg +184 -0
- package/src/HorizontalStackedBarChart.svg +202 -0
- package/src/MaxWidth.svg +1 -1
- package/src/SideMenu.svg +85 -0
- package/src/VerticalStackedBarChart.svg +202 -0
|
@@ -0,0 +1,202 @@
|
|
|
1
|
+
<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_0_clippath)"><path d="M23 58C24.1046 58 25 57.1046 25 56L25 16C25 14.8954 24.1046 14 23 14L12 14C10.8954 14 10 14.8954 10 16L10 56C10 57.1046 10.8954 58 12 58L23 58Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g clip-path="url(#wash_1_clippath)"><path d="M41 58C42.6569 58 44 56.6569 44 55L44 24C44 22.3431 42.6569 21 41 21L32 21C30.3431 21 29 22.3431 29 24L29 55C29 56.6569 30.3431 58 32 58L41 58Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g clip-path="url(#wash_2_clippath)"><path d="M60 58C61.6569 58 63 56.6569 63 55L63 33C63 31.3431 61.6569 30 60 30L51 30C49.3431 30 48 31.3431 48 33L48 55C48 56.6569 49.3431 58 51 58L60 58Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
|
|
2
|
+
<g clip-path="url(#clip0_2453_7136)">
|
|
3
|
+
<g opacity="0.65">
|
|
4
|
+
<g clip-path="url(#clip1_2453_7136)">
|
|
5
|
+
<rect width="15" height="17" transform="matrix(-1 0 0 1 25 22)" fill="#002291"/>
|
|
6
|
+
<g filter="url(#filter0_f_2453_7136)">
|
|
7
|
+
<rect width="118" height="34" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 38 49)" fill="url(#paint0_linear_2453_7136)"/>
|
|
8
|
+
</g>
|
|
9
|
+
</g>
|
|
10
|
+
</g>
|
|
11
|
+
<g opacity="0.35">
|
|
12
|
+
<g clip-path="url(#clip2_2453_7136)">
|
|
13
|
+
<path d="M25 16C25 14.8954 24.1046 14 23 14H12C10.8954 14 10 14.8954 10 16V22H25V16Z" fill="#002291"/>
|
|
14
|
+
<g filter="url(#filter1_f_2453_7136)">
|
|
15
|
+
<rect width="29" height="26" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 30 26)" fill="url(#paint1_linear_2453_7136)"/>
|
|
16
|
+
</g>
|
|
17
|
+
</g>
|
|
18
|
+
</g>
|
|
19
|
+
<g clip-path="url(#clip3_2453_7136)">
|
|
20
|
+
<path d="M25 39H10V56C10 57.1046 10.8954 58 12 58H23C24.1046 58 25 57.1046 25 56V39Z" fill="#002291"/>
|
|
21
|
+
<g filter="url(#filter2_f_2453_7136)">
|
|
22
|
+
<rect width="129" height="36" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 46 58)" fill="url(#paint2_linear_2453_7136)"/>
|
|
23
|
+
</g>
|
|
24
|
+
</g>
|
|
25
|
+
</g>
|
|
26
|
+
<g clip-path="url(#clip4_2453_7136)">
|
|
27
|
+
<g opacity="0.65">
|
|
28
|
+
<g clip-path="url(#clip5_2453_7136)">
|
|
29
|
+
<rect width="15" height="17" transform="matrix(-1 0 0 1 44 32)" fill="#002291"/>
|
|
30
|
+
<g filter="url(#filter3_f_2453_7136)">
|
|
31
|
+
<rect width="90" height="30" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 53 59)" fill="url(#paint3_linear_2453_7136)"/>
|
|
32
|
+
</g>
|
|
33
|
+
</g>
|
|
34
|
+
</g>
|
|
35
|
+
<g opacity="0.35">
|
|
36
|
+
<g clip-path="url(#clip6_2453_7136)">
|
|
37
|
+
<path d="M44 23C44 21.8954 43.1046 21 42 21H31C29.8954 21 29 21.8954 29 23V32H44V23Z" fill="#002291"/>
|
|
38
|
+
<g filter="url(#filter4_f_2453_7136)">
|
|
39
|
+
<rect width="22" height="26" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 49 36)" fill="url(#paint4_linear_2453_7136)"/>
|
|
40
|
+
</g>
|
|
41
|
+
</g>
|
|
42
|
+
</g>
|
|
43
|
+
<g clip-path="url(#clip7_2453_7136)">
|
|
44
|
+
<path d="M44 49H29V56C29 57.1046 29.8954 58 31 58H42C43.1046 58 44 57.1046 44 56V49Z" fill="#002291"/>
|
|
45
|
+
<g filter="url(#filter5_f_2453_7136)">
|
|
46
|
+
<rect width="82" height="40" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 69 58)" fill="url(#paint5_linear_2453_7136)"/>
|
|
47
|
+
</g>
|
|
48
|
+
</g>
|
|
49
|
+
</g>
|
|
50
|
+
<g clip-path="url(#clip8_2453_7136)">
|
|
51
|
+
<g opacity="0.65">
|
|
52
|
+
<g clip-path="url(#clip9_2453_7136)">
|
|
53
|
+
<rect width="15" height="4" transform="matrix(-1 0 0 1 63 36)" fill="#002291"/>
|
|
54
|
+
<g filter="url(#filter6_f_2453_7136)">
|
|
55
|
+
<rect width="47" height="34" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 76 50)" fill="url(#paint6_linear_2453_7136)"/>
|
|
56
|
+
</g>
|
|
57
|
+
</g>
|
|
58
|
+
</g>
|
|
59
|
+
<g opacity="0.35">
|
|
60
|
+
<g clip-path="url(#clip10_2453_7136)">
|
|
61
|
+
<path d="M63 32C63 30.8954 62.1046 30 61 30H50C48.8954 30 48 30.8954 48 32V37H63V32Z" fill="#002291"/>
|
|
62
|
+
<g filter="url(#filter7_f_2453_7136)">
|
|
63
|
+
<rect width="18" height="26" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 68 41)" fill="url(#paint7_linear_2453_7136)"/>
|
|
64
|
+
</g>
|
|
65
|
+
</g>
|
|
66
|
+
</g>
|
|
67
|
+
<g clip-path="url(#clip11_2453_7136)">
|
|
68
|
+
<path d="M63 40H48V56C48 57.1046 48.8954 58 50 58H61C62.1046 58 63 57.1046 63 56V40Z" fill="#002291"/>
|
|
69
|
+
<g filter="url(#filter8_f_2453_7136)">
|
|
70
|
+
<rect width="82" height="40" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 88 58)" fill="url(#paint8_linear_2453_7136)"/>
|
|
71
|
+
</g>
|
|
72
|
+
</g>
|
|
73
|
+
</g>
|
|
74
|
+
<defs>
|
|
75
|
+
<filter id="filter0_f_2453_7136" x="-1" y="-74" width="44" height="128" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
76
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
77
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
78
|
+
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_2453_7136"/>
|
|
79
|
+
</filter>
|
|
80
|
+
<filter id="filter1_f_2453_7136" x="-1" y="-8" width="36" height="39" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
81
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
82
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
83
|
+
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_2453_7136"/>
|
|
84
|
+
</filter>
|
|
85
|
+
<filter id="filter2_f_2453_7136" x="5" y="-76" width="46" height="139" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
86
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
87
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
88
|
+
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_2453_7136"/>
|
|
89
|
+
</filter>
|
|
90
|
+
<filter id="filter3_f_2453_7136" x="18" y="-36" width="40" height="100" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
91
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
92
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
93
|
+
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_2453_7136"/>
|
|
94
|
+
</filter>
|
|
95
|
+
<filter id="filter4_f_2453_7136" x="18" y="9" width="36" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
96
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
97
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
98
|
+
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_2453_7136"/>
|
|
99
|
+
</filter>
|
|
100
|
+
<filter id="filter5_f_2453_7136" x="24" y="-29" width="50" height="92" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
101
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
102
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
103
|
+
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_2453_7136"/>
|
|
104
|
+
</filter>
|
|
105
|
+
<filter id="filter6_f_2453_7136" x="37" y="-2" width="44" height="57" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
106
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
107
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
108
|
+
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_2453_7136"/>
|
|
109
|
+
</filter>
|
|
110
|
+
<filter id="filter7_f_2453_7136" x="37" y="18" width="36" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
111
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
112
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
113
|
+
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_2453_7136"/>
|
|
114
|
+
</filter>
|
|
115
|
+
<filter id="filter8_f_2453_7136" x="43" y="-29" width="50" height="92" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
116
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
117
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
118
|
+
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_2453_7136"/>
|
|
119
|
+
</filter>
|
|
120
|
+
<linearGradient id="paint0_linear_2453_7136" x1="101.265" y1="3.05183" x2="88.3942" y2="60.0503" gradientUnits="userSpaceOnUse">
|
|
121
|
+
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
122
|
+
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
123
|
+
<stop offset="0.85" stop-color="#002291"/>
|
|
124
|
+
</linearGradient>
|
|
125
|
+
<linearGradient id="paint1_linear_2453_7136" x1="24.8871" y1="2.33375" x2="3.33863" y2="33.0033" gradientUnits="userSpaceOnUse">
|
|
126
|
+
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
127
|
+
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
128
|
+
<stop offset="0.85" stop-color="#002291"/>
|
|
129
|
+
</linearGradient>
|
|
130
|
+
<linearGradient id="paint2_linear_2453_7136" x1="110.705" y1="3.23135" x2="97.466" y2="63.7646" gradientUnits="userSpaceOnUse">
|
|
131
|
+
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
132
|
+
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
133
|
+
<stop offset="0.85" stop-color="#002291"/>
|
|
134
|
+
</linearGradient>
|
|
135
|
+
<linearGradient id="paint3_linear_2453_7136" x1="77.2357" y1="2.69279" x2="64.3102" y2="52.1734" gradientUnits="userSpaceOnUse">
|
|
136
|
+
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
137
|
+
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
138
|
+
<stop offset="0.85" stop-color="#002291"/>
|
|
139
|
+
</linearGradient>
|
|
140
|
+
<linearGradient id="paint4_linear_2453_7136" x1="18.8798" y1="2.33375" x2="-3.95767" y2="26.9921" gradientUnits="userSpaceOnUse">
|
|
141
|
+
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
142
|
+
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
143
|
+
<stop offset="0.85" stop-color="#002291"/>
|
|
144
|
+
</linearGradient>
|
|
145
|
+
<linearGradient id="paint5_linear_2453_7136" x1="70.3703" y1="3.59038" x2="46.864" y2="65.0806" gradientUnits="userSpaceOnUse">
|
|
146
|
+
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
147
|
+
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
148
|
+
<stop offset="0.85" stop-color="#002291"/>
|
|
149
|
+
</linearGradient>
|
|
150
|
+
<linearGradient id="paint6_linear_2453_7136" x1="40.3342" y1="3.05183" x2="14.6335" y2="48.3865" gradientUnits="userSpaceOnUse">
|
|
151
|
+
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
152
|
+
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
153
|
+
<stop offset="0.85" stop-color="#002291"/>
|
|
154
|
+
</linearGradient>
|
|
155
|
+
<linearGradient id="paint7_linear_2453_7136" x1="15.4471" y1="2.33375" x2="-7.28274" y2="22.4137" gradientUnits="userSpaceOnUse">
|
|
156
|
+
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
157
|
+
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
158
|
+
<stop offset="0.85" stop-color="#002291"/>
|
|
159
|
+
</linearGradient>
|
|
160
|
+
<linearGradient id="paint8_linear_2453_7136" x1="70.3703" y1="3.59038" x2="46.864" y2="65.0806" gradientUnits="userSpaceOnUse">
|
|
161
|
+
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
162
|
+
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
163
|
+
<stop offset="0.85" stop-color="#002291"/>
|
|
164
|
+
</linearGradient>
|
|
165
|
+
<clipPath id="clip0_2453_7136">
|
|
166
|
+
<path d="M22 58C23.6569 58 25 56.6569 25 55L25 17C25 15.3431 23.6569 14 22 14L13 14C11.3431 14 10 15.3431 10 17L10 55C10 56.6569 11.3431 58 13 58L22 58Z" fill="white"/>
|
|
167
|
+
</clipPath>
|
|
168
|
+
<clipPath id="clip1_2453_7136">
|
|
169
|
+
<rect width="15" height="17" fill="white" transform="matrix(-1 0 0 1 25 22)"/>
|
|
170
|
+
</clipPath>
|
|
171
|
+
<clipPath id="clip2_2453_7136">
|
|
172
|
+
<path d="M25 16C25 14.8954 24.1046 14 23 14H12C10.8954 14 10 14.8954 10 16V22H25V16Z" fill="white"/>
|
|
173
|
+
</clipPath>
|
|
174
|
+
<clipPath id="clip3_2453_7136">
|
|
175
|
+
<path d="M25 39H10V56C10 57.1046 10.8954 58 12 58H23C24.1046 58 25 57.1046 25 56V39Z" fill="white"/>
|
|
176
|
+
</clipPath>
|
|
177
|
+
<clipPath id="clip4_2453_7136">
|
|
178
|
+
<path d="M41 58C42.6569 58 44 56.6569 44 55L44 24C44 22.3431 42.6569 21 41 21L32 21C30.3431 21 29 22.3431 29 24L29 55C29 56.6569 30.3431 58 32 58L41 58Z" fill="white"/>
|
|
179
|
+
</clipPath>
|
|
180
|
+
<clipPath id="clip5_2453_7136">
|
|
181
|
+
<rect width="15" height="17" fill="white" transform="matrix(-1 0 0 1 44 32)"/>
|
|
182
|
+
</clipPath>
|
|
183
|
+
<clipPath id="clip6_2453_7136">
|
|
184
|
+
<path d="M44 23C44 21.8954 43.1046 21 42 21H31C29.8954 21 29 21.8954 29 23V32H44V23Z" fill="white"/>
|
|
185
|
+
</clipPath>
|
|
186
|
+
<clipPath id="clip7_2453_7136">
|
|
187
|
+
<path d="M44 49H29V56C29 57.1046 29.8954 58 31 58H42C43.1046 58 44 57.1046 44 56V49Z" fill="white"/>
|
|
188
|
+
</clipPath>
|
|
189
|
+
<clipPath id="clip8_2453_7136">
|
|
190
|
+
<path d="M60 58C61.6569 58 63 56.6569 63 55L63 26C63 24.3431 61.6569 23 60 23L51 23C49.3431 23 48 24.3431 48 26L48 55C48 56.6569 49.3431 58 51 58L60 58Z" fill="white"/>
|
|
191
|
+
</clipPath>
|
|
192
|
+
<clipPath id="clip9_2453_7136">
|
|
193
|
+
<rect width="15" height="4" fill="white" transform="matrix(-1 0 0 1 63 36)"/>
|
|
194
|
+
</clipPath>
|
|
195
|
+
<clipPath id="clip10_2453_7136">
|
|
196
|
+
<path d="M63 32C63 30.8954 62.1046 30 61 30H50C48.8954 30 48 30.8954 48 32V37H63V32Z" fill="white"/>
|
|
197
|
+
</clipPath>
|
|
198
|
+
<clipPath id="clip11_2453_7136">
|
|
199
|
+
<path d="M63 40H48V56C48 57.1046 48.8954 58 50 58H61C62.1046 58 63 57.1046 63 56V40Z" fill="white"/>
|
|
200
|
+
</clipPath>
|
|
201
|
+
<clipPath id="wash_0_clippath"><path d="M22 58C23.6569 58 25 56.6569 25 55L25 17C25 15.3431 23.6569 14 22 14L13 14C11.3431 14 10 15.3431 10 17L10 55C10 56.6569 11.3431 58 13 58L22 58Z" fill="white"/></clipPath><clipPath id="wash_1_clippath"><path d="M41 58C42.6569 58 44 56.6569 44 55L44 24C44 22.3431 42.6569 21 41 21L32 21C30.3431 21 29 22.3431 29 24L29 55C29 56.6569 30.3431 58 32 58L41 58Z" fill="white"/></clipPath><clipPath id="wash_2_clippath"><path d="M60 58C61.6569 58 63 56.6569 63 55L63 26C63 24.3431 61.6569 23 60 23L51 23C49.3431 23 48 24.3431 48 26L48 55C48 56.6569 49.3431 58 51 58L60 58Z" fill="white"/></clipPath></defs>
|
|
202
|
+
</svg>
|