user3/ui_kit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

#sprint-1

Browse Source
This commit is contained in:
User3 2025-05-26 12:06:11 +03:00
parent 1c8f19bff7
commit efd6bcb0d3
29 changed files with 1023 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
example/assets/check.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=check.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="246"
inkscape:window-y="85"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 16.666016,4 A 1,1 0 0 0 15.958984,4.2929688 L 7.5,12.751953 4.0410156,9.2929688 a 1,1 0 0 0 -1.4140625,0 1,1 0 0 0 0,1.4140622 l 4.1660157,4.166016 a 1.0001,1.0001 0 0 0 1.4140624,0 L 17.373047,5.7070312 a 1,1 0 0 0 0,-1.4140624 A 1,1 0 0 0 16.666016,4 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

39
example/assets/chevron-down.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=chevron-down.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 5,7.5 a 1,1 0 0 0 -0.7070312,0.2929688 1,1 0 0 0 0,1.4140624 l 5,4.9999998 a 1.0001,1.0001 0 0 0 1.4140622,0 l 5,-4.9999998 a 1,1 0 0 0 0,-1.4140624 1,1 0 0 0 -1.414062,0 L 10,12.085938 5.7070312,7.7929688 A 1,1 0 0 0 5,7.5 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

39
example/assets/chevron-left.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=chevron-left.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 11.5,4 a 1,1 0 0 0 -0.707031,0.2929688 l -5.0000002,5 a 1.0001,1.0001 0 0 0 0,1.4140622 l 5.0000002,5 a 1,1 0 0 0 1.414062,0 1,1 0 0 0 0,-1.414062 L 7.9140625,10 12.207031,5.7070312 a 1,1 0 0 0 0,-1.4140624 A 1,1 0 0 0 11.5,4 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

39
example/assets/chevron-right.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=chevron-right.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 7.5,4 a 1,1 0 0 0 -0.7070312,0.2929688 1,1 0 0 0 0,1.4140624 L 11.085938,10 6.7929688,14.292969 a 1,1 0 0 0 0,1.414062 1,1 0 0 0 1.4140624,0 l 4.9999998,-5 a 1.0001,1.0001 0 0 0 0,-1.4140622 l -4.9999998,-5 A 1,1 0 0 0 7.5,4 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

39
example/assets/close.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=close.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2" />
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 5,4 a 1,1 0 0 0 -0.7070312,0.2929688 1,1 0 0 0 0,1.4140624 L 8.5859375,10 4.2929688,14.292969 a 1,1 0 0 0 0,1.414062 1,1 0 0 0 1.4140624,0 L 10,11.414062 l 4.292969,4.292969 a 1,1 0 0 0 1.414062,0 1,1 0 0 0 0,-1.414062 L 11.414062,10 15.707031,5.7070312 a 1,1 0 0 0 0,-1.4140624 A 1,1 0 0 0 15,4 1,1 0 0 0 14.292969,4.2929688 L 10,8.5859375 5.7070312,4.2929688 A 1,1 0 0 0 5,4 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

39
example/assets/delete.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg4"
sodipodi:docname="Icon=delete.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs4" />
<sodipodi:namedview
id="namedview4"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg4" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 8.3339844,0.66601562 c -0.7068523,10e-9 -1.386886,0.28141722 -1.8867188,0.78124998 -0.4998328,0.4998328 -0.78125,1.1798705 -0.78125,1.8867188 V 4 h -1.5 H 2.5 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 h 0.6660156 v 10.666016 c 0,0.70684 0.2814927,1.386898 0.78125,1.886718 0.4998178,0.499723 1.1798555,0.78125 1.8867188,0.78125 h 8.3320316 c 0.706895,0 1.386913,-0.281603 1.886718,-0.78125 0.499647,-0.499805 0.78125,-1.179863 0.78125,-1.886718 V 6 H 17.5 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 h -1.666016 -1.5 V 3.3339844 c 0,-0.7068633 -0.281527,-1.386901 -0.78125,-1.8867188 -0.49982,-0.49975725 -1.179838,-0.78124997 -1.886718,-0.78124998 z m 0,1.99999998 h 3.3320316 c 0.177317,0 0.347278,0.069951 0.472656,0.1953125 0.125277,0.125301 0.195312,0.2954814 0.195312,0.4726563 V 4 H 7.6660156 V 3.3339844 c 0,-0.17719 0.070026,-0.3473703 0.1953125,-0.4726563 C 7.9866141,2.7360423 8.1567784,2.6660156 8.3339844,2.6660156 Z M 5.1660156,6 h 9.6679684 v 10.666016 c 0,0.177142 -0.06996,0.347263 -0.195312,0.472656 -0.125393,0.125352 -0.295354,0.195312 -0.472656,0.195312 H 5.8339844 c -0.1771749,0 -0.3473553,-0.07004 -0.4726563,-0.195312 C 5.2359667,17.013294 5.1660156,16.843173 5.1660156,16.666016 Z m 3.1679688,2.1660156 a 1,1 0 0 0 -1,1 v 5.0000004 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 9.1660156 a 1,1 0 0 0 -1,-1 z m 3.3320316,0 a 1,1 0 0 0 -1,1 v 5.0000004 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 9.1660156 a 1,1 0 0 0 -1,-1 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

38
example/assets/dismiss.svg Normal file
View File

@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=dismiss.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2" />
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="9.8333333"
inkscape:cx="11.949153"
inkscape:cy="12"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<path
id="path1"
d="M 12,0 C 5.3725866,0 0,5.3725866 0,12 0,18.627393 5.3725866,24 12,24 18.627393,24 24,18.627393 24,12 24,5.3725866 18.627393,0 12,0 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

39
example/assets/download.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg3"
sodipodi:docname="Icon=download.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs3" />
<sodipodi:namedview
id="namedview3"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg3" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 10,1.5 a 1,1 0 0 0 -1,1 v 7.585938 L 6.5410156,7.6269531 A 1,1 0 0 0 5.8339844,7.3339844 1,1 0 0 0 5.1269531,7.6269531 a 1,1 0 0 0 0,1.4140625 L 9.2929688,13.207031 A 1,1 0 0 0 10,13.5 1,1 0 0 0 10.707031,13.207031 l 4.166016,-4.1660154 a 1,1 0 0 0 0,-1.4140625 1,1 0 0 0 -1.414063,0 L 11,10.085938 V 2.5 a 1,1 0 0 0 -1,-1 z m -7.5,10 a 1,1 0 0 0 -1,1 v 3.333984 c 0,0.706881 0.2813432,1.384971 0.78125,1.884766 C 2.7810727,18.218637 3.4591483,18.5 4.1660156,18.5 H 15.833984 c 0.706896,0 1.384975,-0.281299 1.884766,-0.78125 C 18.218701,17.218959 18.5,16.54088 18.5,15.833984 V 12.5 a 1,1 0 0 0 -1,-1 1,1 0 0 0 -1,1 v 3.333984 c 0,0.177303 -0.07006,0.345497 -0.195312,0.470704 C 16.179481,16.429935 16.011287,16.5 15.833984,16.5 H 4.1660156 C 3.9888247,16.5 3.8206086,16.43 3.6953125,16.304688 3.5700805,16.179484 3.5,16.011302 3.5,15.833984 V 12.5 a 1,1 0 0 0 -1,-1 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

39
example/assets/file-text.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg5"
sodipodi:docname="Icon=file-text.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs5" />
<sodipodi:namedview
id="namedview5"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg5" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 5,0.91601562 C 4.3593535,0.91601562 3.7440245,1.1719913 3.2910156,1.625 2.8380069,2.0780087 2.5839844,2.6933321 2.5839844,3.3339844 V 16.666016 c 0,0.640641 0.2540791,1.255973 0.7070312,1.708984 C 3.7440132,18.827911 4.3593422,19.083984 5,19.083984 h 10 c 0.640641,0 1.25597,-0.255968 1.708984,-0.708984 0.453015,-0.453014 0.707032,-1.068343 0.707032,-1.708984 V 6.6660156 A 0.75,0.75 0 0 0 17.359375,6.3789062 0.75,0.75 0 0 0 17.197266,6.1367188 v -0.00195 a 0.75,0.75 0 0 0 -0.01758,-0.015625 l -4.976563,-4.9765625 -0.0059,-0.00586 A 0.75,0.75 0 0 0 11.980469,0.99023438 0.750075,0.750075 0 0 0 11.919922,0.96679688 0.75,0.75 0 0 0 11.666016,0.91601562 Z M 5,2.4160156 h 5.916016 v 4.25 a 0.750075,0.750075 0 0 0 0.75,0.75 h 4.25 v 9.2500004 c 0,0.243356 -0.09539,0.476252 -0.267578,0.648437 C 15.476454,17.486437 15.243357,17.583984 15,17.583984 H 5 c -0.2434005,0 -0.4763163,-0.09744 -0.6484375,-0.269531 C 4.1793959,17.142264 4.0839844,16.909372 4.0839844,16.666016 V 3.3339844 c 0,-0.243386 0.095468,-0.4763276 0.2675781,-0.6484375 C 4.5236724,2.5134368 4.7565882,2.4160156 5,2.4160156 Z m 7.416016,1.0605469 2.439453,2.4394531 H 12.416016 Z M 6.6660156,6.75 a 0.75,0.75 0 0 0 -0.75,0.75 0.75,0.75 0 0 0 0.75,0.75 H 7.5 8.3339844 a 0.75,0.75 0 0 0 0.75,-0.75 0.75,0.75 0 0 0 -0.75,-0.75 H 7.5 Z m 0,3.333984 a 0.75,0.75 0 0 0 -0.75,0.75 0.75,0.75 0 0 0 0.75,0.75 h 6.6679684 a 0.75,0.75 0 0 0 0.75,-0.75 0.75,0.75 0 0 0 -0.75,-0.75 z m 0,3.332032 a 0.75,0.75 0 0 0 -0.75,0.75 0.75,0.75 0 0 0 0.75,0.75 h 6.6679684 a 0.75,0.75 0 0 0 0.75,-0.75 0.75,0.75 0 0 0 -0.75,-0.75 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

39
example/assets/filter.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=filter.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 1.6660156,1.5 A 1.0001,1.0001 0 0 0 0.90234375,3.1464844 L 7.3339844,10.75 v 5.083984 a 1.0001,1.0001 0 0 0 0.5527344,0.894532 L 11.21875,18.394531 A 1.0001,1.0001 0 0 0 12.666016,17.5 v -6.75 l 6.43164,-7.6035156 A 1.0001,1.0001 0 0 0 18.333984,1.5 Z m 2.15625,2 H 16.177734 l -5.27539,6.2382812 a 1.0001,1.0001 0 0 0 -0.236328,0.6445308 v 5.498047 L 9.3339844,15.214844 V 10.382812 A 1.0001,1.0001 0 0 0 9.0976562,9.7382812 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

52
example/assets/map.svg Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg3"
sodipodi:docname="Icon=map.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview3"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg3" />
<g
clip-path="url(#clip0_1_624)"
id="g3">
<path
id="path3"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 13.333984,4 a 1,1 0 0 0 -1,1 v 13.333984 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 5 a 1,1 0 0 0 -1,-1 z M 6.6660156,0.66601562 a 1,1 0 0 0 -1,0.99999998 V 15 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 1.6660156 a 1,1 0 0 0 -1,-0.99999998 z M 7.1132812,0.77148437 A 1.0001,1.0001 0 0 0 6.1699219,0.79882812 L 0.33789063,4.1308594 A 1.0001,1.0001 0 0 0 -0.16601562,5 v 13.333984 a 1.0001,1.0001 0 0 0 1.49609372,0.867188 l 5.3671875,-3.06836 6.1894534,3.095704 a 1.0001,1.0001 0 0 0 0.943359,-0.02734 l 5.832031,-3.332031 A 1.0001,1.0001 0 0 0 20.166016,15 V 1.6660156 A 1.0001,1.0001 0 0 0 18.669922,0.79882812 L 13.302734,3.8671875 Z M 6.6972656,2.8007813 12.886719,5.8945312 a 1.0001,1.0001 0 0 0 0.943359,-0.025391 L 18.166016,3.390625 v 11.029297 l -4.863282,2.779297 -6.1894528,-3.09375 a 1.0001,1.0001 0 0 0 -0.9433593,0.02539 L 1.8339844,16.609375 V 5.5820312 Z" />
</g>
<defs
id="defs3">
<clipPath
id="clip0_1_624">
<rect
width="20"
height="20"
fill="white"
id="rect3" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

39
example/assets/message-circle.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=message-circle.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 10.416016,1.5 C 9.1613941,1.4973432 7.9228982,1.7904292 6.8027344,2.3554688 5.4602656,3.0264235 4.3303909,4.0575414 3.5410156,5.3339844 2.751635,6.6104289 2.3345663,8.0812164 2.3339844,9.5820312 2.3314692,10.648223 2.6524292,11.672236 3.0625,12.652344 l -1.5117188,4.53125 a 1.0001,1.0001 0 0 0 1.265625,1.265625 l 4.53125,-1.511719 c 0.9806494,0.410254 2.0053955,0.731231 3.0722658,0.728516 1.500049,-10e-4 2.970228,-0.417899 4.246094,-1.207032 1.275277,-0.788583 2.305548,-1.917139 2.976562,-3.257812 v -0.002 C 18.208893,12.077384 18.503314,10.836812 18.5,9.5800781 V 9.1660156 a 1.0001,1.0001 0 0 0 -0.002,-0.054687 C 18.38875,7.1288107 17.552407,5.2555085 16.148438,3.8515625 14.744543,2.4475759 12.871189,1.6113283 10.888672,1.5019531 A 1.0001,1.0001 0 0 0 10.833984,1.5 h -0.414062 z m -0.002,2 a 1.0001,1.0001 0 0 0 0.002,0 h 0.36914 c 1.488447,0.084128 2.895048,0.7113854 3.949219,1.765625 C 15.788672,6.319905 16.4159,7.7264763 16.5,9.2148438 v 0.3691406 a 1.0001,1.0001 0 0 0 0,0.00195 c 0.0025,0.9423595 -0.217664,1.8716295 -0.642578,2.7128905 a 1.0001,1.0001 0 0 0 -0.002,0.0039 c -0.505032,1.010407 -1.281508,1.86103 -2.242188,2.455078 -0.960576,0.594123 -2.067598,0.907688 -3.197265,0.908204 a 1.0001,1.0001 0 0 0 -0.002,0 C 9.4716793,15.668424 8.5424116,15.448273 7.7011719,15.023438 A 1.0001,1.0001 0 0 0 6.9335938,14.96875 L 4.0820312,15.917969 5.03125,13.066406 A 1.0001,1.0001 0 0 0 4.9765625,12.298828 C 4.5516614,11.457578 4.3315338,10.528339 4.3339844,9.5859375 a 1.0001,1.0001 0 0 0 0,-0.00195 C 4.3344224,8.4543814 4.6480509,7.3474498 5.2421875,6.3867188 5.8363094,5.4260063 6.686839,4.6495341 7.6972656,4.1445312 a 1.0001,1.0001 0 0 0 0.00391,-0.00195 C 8.542361,3.7176859 9.4716029,3.4975494 10.414062,3.5 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

52
example/assets/mic.svg Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg4"
sodipodi:docname="Icon=mic.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview4"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg4" />
<g
clip-path="url(#clip0_1_651)"
id="g4">
<path
id="path4"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 6.6660156,18.166016 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 h 6.6679684 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z M 10,14.833984 a 1,1 0 0 0 -1,1 v 3.332032 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 v -3.332032 a 1,1 0 0 0 -1,-1 z M 4.1660156,7.3339844 a 1,1 0 0 0 -1,1 V 10 c 0,1.811929 0.7207508,3.550782 2.0019531,4.832031 C 6.4492135,16.113323 8.188097,16.833984 10,16.833984 c 1.811895,0 3.550763,-0.720685 4.832031,-2.001953 C 16.113157,13.550789 16.833984,11.811938 16.833984,10 V 8.3339844 a 1,1 0 0 0 -1,-1 1,1 0 0 0 -1,1 V 10 c 0,1.282259 -0.509343,2.511214 -1.416015,3.417969 -0.90673,0.90673 -2.135667,1.416015 -3.417969,1.416015 -1.2823139,0 -2.5112956,-0.509309 -3.4179688,-1.416015 C 5.6753158,12.51122 5.1660156,11.282268 5.1660156,10 V 8.3339844 a 1,1 0 0 0 -1,-1 z M 10,-0.16601562 c -0.9278758,0 -1.8185043,0.36928552 -2.4746094,1.02539062 C 6.8692875,1.5154781 6.5,2.4061146 6.5,3.3339844 V 10 c 0,0.927906 0.3693806,1.818515 1.0253906,2.474609 C 8.1814904,13.130653 9.0721202,13.5 10,13.5 c 0.927856,0 1.818474,-0.369395 2.474609,-1.025391 C 13.130555,11.818524 13.5,10.927916 13.5,10 V 3.3339844 C 13.5,2.4061046 13.130648,1.5154698 12.474609,0.859375 11.818468,0.20331776 10.927852,-0.16601562 10,-0.16601562 Z m 0,2.00000002 c 0.398147,0 0.778889,0.1578313 1.060547,0.4394531 C 11.342107,2.5550218 11.5,2.9357855 11.5,3.3339844 V 10 c 0,0.398283 -0.1578,0.778833 -0.439453,1.060547 C 10.778884,11.34215 10.398143,11.5 10,11.5 9.6018011,11.5 9.2210324,11.342102 8.9394531,11.060547 8.6577841,10.778842 8.5,10.398293 8.5,10 V 3.3339844 C 8.5,2.9357755 8.6578772,2.5550135 8.9394531,2.2734375 9.2210271,1.9918635 9.6017971,1.8339844 10,1.8339844 Z" />
</g>
<defs
id="defs4">
<clipPath
id="clip0_1_651">
<rect
width="20"
height="20"
fill="white"
id="rect4" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

39
example/assets/minus.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=minus.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 4.1660156,9 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 H 15.833984 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

5
example/assets/more-horizontal.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.99996 10.8333C10.4602 10.8333 10.8333 10.4602 10.8333 9.99999C10.8333 9.53975 10.4602 9.16666 9.99996 9.16666C9.53972 9.16666 9.16663 9.53975 9.16663 9.99999C9.16663 10.4602 9.53972 10.8333 9.99996 10.8333Z" fill="#B8C1CC" stroke="#B8C1CC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.8333 10.8333C16.2936 10.8333 16.6667 10.4602 16.6667 9.99999C16.6667 9.53975 16.2936 9.16666 15.8333 9.16666C15.3731 9.16666 15 9.53975 15 9.99999C15 10.4602 15.3731 10.8333 15.8333 10.8333Z" fill="#B8C1CC" stroke="#B8C1CC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.16671 10.8333C4.62694 10.8333 5.00004 10.4602 5.00004 9.99999C5.00004 9.53975 4.62694 9.16666 4.16671 9.16666C3.70647 9.16666 3.33337 9.53975 3.33337 9.99999C3.33337 10.4602 3.70647 10.8333 4.16671 10.8333Z" fill="#B8C1CC" stroke="#B8C1CC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

39
example/assets/paperclip.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=paperclip.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 13.150391,0.15625 c -1.149348,0 -2.253663,0.45682707 -3.066407,1.2695312 L 2.4257812,9.0839844 C 1.3003218,10.209468 0.66796875,11.738444 0.66796875,13.330078 c 0,1.591635 0.63234425,3.118672 1.75781245,4.244141 1.1254582,1.125458 2.6524801,1.757812 4.2441407,1.757812 1.5916605,0 3.1206732,-0.632332 4.2460941,-1.757812 l 7.658203,-7.6582034 a 1,1 0 0 0 0,-1.4140625 1,1 0 0 0 -1.414063,0 L 9.5019531,16.160156 c -0.7508759,0.750916 -1.7700571,1.171875 -2.8320312,1.171875 -1.0619742,0 -2.0791401,-0.420937 -2.8300781,-1.171875 -0.7509281,-0.750928 -1.1718751,-1.768118 -1.171875,-2.830078 0,-1.06196 0.4209381,-2.081079 1.171875,-2.832031 L 11.498047,2.8398438 C 11.936301,2.4016104 12.530741,2.15625 13.150391,2.15625 c 0.619778,0 1.212273,0.2454265 1.65039,0.6835938 0.438233,0.4382115 0.683594,1.0326377 0.683594,1.6523437 0,0.619706 -0.245364,1.2121829 -0.683594,1.6503906 L 7.1347656,13.800781 c -0.1254585,0.125487 -0.2952324,0.195313 -0.4726562,0.195313 -0.1774399,0 -0.3452445,-0.06983 -0.4707032,-0.195313 a 1.0001,1.0001 0 0 0 -0.00195,0 C 6.063982,13.675329 5.9941406,13.507565 5.9941406,13.330078 c 0,-0.177487 0.06992,-0.347279 0.1953125,-0.472656 L 13.265625,5.7910156 a 1,1 0 0 0 0,-1.4140625 A 1,1 0 0 0 11.851562,4.375 l -7.0742182,7.068359 a 1.0001,1.0001 0 0 0 -0.00195,0 c -0.500086,0.500023 -0.78125,1.179608 -0.78125,1.886719 0,0.707111 0.2812394,1.384819 0.78125,1.884766 0.5000001,0.500111 1.1796004,0.78125 1.8867188,0.78125 0.7071143,0 1.3867186,-0.281139 1.8867187,-0.78125 L 16.214844,7.5566406 c 0.812768,-0.8127297 1.269531,-1.9150626 1.269531,-3.0644531 0,-1.1493905 -0.456767,-2.2536803 -1.269531,-3.0664063 C 15.402165,0.61301098 14.299808,0.15625 13.150391,0.15625 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

39
example/assets/plus.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=plus.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2" />
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 10,3.1660156 a 1,1 0 0 0 -1,1 V 9 H 4.1660156 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 H 9 v 4.833984 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 11 h 4.833984 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 H 11 V 4.1660156 a 1,1 0 0 0 -1,-1 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
example/assets/robotoFlex.ttf Normal file
View File

Binary file not shown.

39
example/assets/search.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=search.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2" />
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 9.1660156,1.5 C 4.9436839,1.5 1.5,4.9436839 1.5,9.1660156 c 0,4.2223574 3.4436966,7.6679684 7.6660156,7.6679684 1.7519814,0 3.3682424,-0.596008 4.6621094,-1.591796 l 2.964844,2.964843 a 1,1 0 0 0 1.414062,0 1,1 0 0 0 0,-1.414062 L 15.242188,13.828125 C 16.237976,12.534258 16.833984,10.917997 16.833984,9.1660156 16.833984,4.9436966 13.388373,1.5 9.1660156,1.5 Z m 0,2 c 3.1414884,0 5.6679684,2.5245495 5.6679684,5.6660156 0,1.5286734 -0.599949,2.9105624 -1.576172,3.9277344 a 1,1 0 0 0 -0.08984,0.07422 1,1 0 0 0 -0.0625,0.07813 c -1.01828,0.983039 -2.404772,1.58789 -3.9394534,1.58789 C 6.0245495,14.833984 3.5,12.307504 3.5,9.1660156 3.5,6.0245621 6.0245621,3.5 9.1660156,3.5 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

52
example/assets/send.svg Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=send.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<g
clip-path="url(#clip0_1_648)"
id="g2">
<path
id="path2"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 18.003906,0.72265625 1.3359375,6.5566406 a 1.0001,1.0001 0 0 0 -0.076172,1.8574219 l 7.1484375,3.1777345 3.177735,7.148437 a 1.0001,1.0001 0 0 0 1.857421,-0.07617 L 19.277344,1.9960937 A 1.0001,1.0001 0 0 0 18.003906,0.72265625 Z M 16.703125,3.296875 12.388672,15.623047 10.080078,10.427734 A 1.0001,1.0001 0 0 0 9.5722656,9.9199219 L 4.3769531,7.6113281 Z M 17.626953,0.95898438 8.4589844,10.126953 a 1,1 0 0 0 0,1.414063 1,1 0 0 0 1.4140625,0 L 19.041016,2.3730469 a 1,1 0 0 0 0,-1.41406252 1,1 0 0 0 -1.414063,0 z" />
</g>
<defs
id="defs2">
<clipPath
id="clip0_1_648">
<rect
width="20"
height="20"
fill="white"
id="rect2" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

52
example/assets/shopping.svg Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg3"
sodipodi:docname="Icon=shopping-cart.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview3"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg3" />
<g
clip-path="url(#clip0_1_636)"
id="g3">
<path
id="path3"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 0.83398438,-0.16601562 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1.00000002 H 3.3476563 L 5.4199219,12.1875 c 0.1218865,0.613592 0.455969,1.164265 0.9433593,1.556641 0.4873135,0.392153 1.0971223,0.60184 1.7226563,0.589843 h 8.0605465 c 0.62554,0.012 1.237346,-0.19773 1.72461,-0.589843 0.487407,-0.392389 0.821355,-0.943264 0.943359,-1.556641 a 1.0001,1.0001 0 0 0 0.002,-0.0078 L 20.148437,5.1875 A 1.0001,1.0001 0 0 0 19.166016,4 H 5.8203125 L 5.1464844,0.63671875 A 1.0001,1.0001 0 0 0 4.1660156,-0.16601562 Z M 6.2207031,6 H 17.957031 l -1.105469,5.804688 v -0.0078 c -0.0306,0.153822 -0.112382,0.290461 -0.234375,0.388672 -0.122135,0.09829 -0.27498,0.151442 -0.43164,0.148437 a 1.0001,1.0001 0 0 0 -0.01953,0 H 8.0664063 a 1.0001,1.0001 0 0 0 -0.019531,0 C 7.8902501,12.336997 7.7392738,12.283807 7.6171878,12.18556 7.4951787,12.08734 7.411373,11.950496 7.3808597,11.796888 a 1.0001,1.0001 0 0 0 0,-0.002 z m 10.4453129,9.666016 c -1.000672,0 -1.832032,0.83344 -1.832032,1.833984 0,1.000544 0.83136,1.833984 1.832032,1.833984 1.000688,0 1.833984,-0.833295 1.833984,-1.833984 0,-1.000689 -0.833296,-1.833984 -1.833984,-1.833984 z m 0,1.667968 c 0.08007,0 0.167968,0.08587 0.167968,0.166016 0,0.08015 -0.0879,0.166016 -0.167968,0.166016 C 16.585726,17.666016 16.5,17.58029 16.5,17.5 c 0,-0.08029 0.08573,-0.166016 0.166016,-0.166016 z M 7.5,15.666016 c -1.0006817,0 -1.8339844,0.83331 -1.8339844,1.833984 0,1.000674 0.8333027,1.833984 1.8339844,1.833984 1.0006817,0 1.8339844,-0.83331 1.8339844,-1.833984 0,-1.000674 -0.8333027,-1.833984 -1.8339844,-1.833984 z m 0,1.667968 c 0.080203,0 0.1660156,0.08574 0.1660156,0.166016 0,0.08028 -0.085813,0.166016 -0.1660156,0.166016 -0.080203,0 -0.1660156,-0.08574 -0.1660156,-0.166016 0,-0.08028 0.085813,-0.166016 0.1660156,-0.166016 z" />
</g>
<defs
id="defs3">
<clipPath
id="clip0_1_636">
<rect
width="20"
height="20"
fill="white"
id="rect3" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

10
example/lib/main.dart
View File

@ -1,8 +1,10 @@
import 'package:example/colors_section.dart';
import 'package:example/fonts_section.dart';
import 'package:example/inputs_section.dart';
import 'package:example/search_section.dart';
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
import 'package:flutter_svg/flutter_svg.dart';
void main() {
runApp(const MainApp());
@ -15,13 +17,19 @@ class MainApp extends StatelessWidget {
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
color: whiteColor,
home: Scaffold(
backgroundColor: whiteColor,
body: SingleChildScrollView(
child: Container(
margin: EdgeInsets.symmetric(horizontal: width(context) * 5),
child: Column(
children: [ColorsSection(), FontsSection(), InputsSection()],
children: [
ColorsSection(),
FontsSection(),
InputsSection(),
SearchSection(),
],
),
),
),

35
example/lib/search_section.dart Normal file
View File

@ -0,0 +1,35 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
class SearchSection extends StatefulWidget {
const SearchSection({super.key});
@override
State<SearchSection> createState() => _SearchSectionState();
}
class _SearchSectionState extends State<SearchSection> {
final TextEditingController controller = TextEditingController();
@override
Widget build(BuildContext context) {
final searchList = [true, false];
return SizedBox(
width: width(context) * 100,
height: height(context) * 30,
child: ListView.builder(
itemCount: 2,
itemBuilder: (BuildContext context, int index) {
final currentValue = searchList[index];
return Container(
margin: EdgeInsets.only(bottom: height(context) * 3),
child: SearchWidget(
controller: controller,
hintText: 'Search',
isClosable: currentValue,
),
);
},
),
);
}
}

98
example/pubspec.lock
View File

@ -1,6 +1,14 @@
# Generated by pub
# See https://dart.dev/tools/pub/glossary#lockfile
packages:
args:
dependency: transitive
description:
name: args
sha256: d0481093c50b1da8910eb0bb301626d4d8eb7284aa739614d2b394ee09e3ea04
url: "https://pub.dev"
source: hosted
version: "2.7.0"
async:
dependency: transitive
description:
@ -62,11 +70,35 @@ packages:
url: "https://pub.dev"
source: hosted
version: "5.0.0"
flutter_svg:
dependency: "direct dev"
description:
name: flutter_svg
sha256: d44bf546b13025ec7353091516f6881f1d4c633993cb109c3916c3a0159dadf1
url: "https://pub.dev"
source: hosted
version: "2.1.0"
flutter_test:
dependency: "direct dev"
description: flutter
source: sdk
version: "0.0.0"
http:
dependency: transitive
description:
name: http
sha256: "2c11f3f94c687ee9bad77c171151672986360b2b001d109814ee7140b2cf261b"
url: "https://pub.dev"
source: hosted
version: "1.4.0"
http_parser:
dependency: transitive
description:
name: http_parser
sha256: "178d74305e7866013777bab2c3d8726205dc5a4dd935297175b19a23a2e66571"
url: "https://pub.dev"
source: hosted
version: "4.1.2"
leak_tracker:
dependency: transitive
description:
@ -131,6 +163,22 @@ packages:
url: "https://pub.dev"
source: hosted
version: "1.9.1"
path_parsing:
dependency: transitive
description:
name: path_parsing
sha256: "883402936929eac138ee0a45da5b0f2c80f89913e6dc3bf77eb65b84b409c6ca"
url: "https://pub.dev"
source: hosted
version: "1.1.0"
petitparser:
dependency: transitive
description:
name: petitparser
sha256: "07c8f0b1913bcde1ff0d26e57ace2f3012ccbf2b204e070290dad3bb22797646"
url: "https://pub.dev"
source: hosted
version: "6.1.0"
sky_engine:
dependency: transitive
description: flutter
@ -184,6 +232,14 @@ packages:
url: "https://pub.dev"
source: hosted
version: "0.7.4"
typed_data:
dependency: transitive
description:
name: typed_data
sha256: f9049c039ebfeb4cf7a7104a675823cd72dba8297f264b6637062516699fa006
url: "https://pub.dev"
source: hosted
version: "1.4.0"
ui_kit:
dependency: "direct main"
description:
@ -191,6 +247,30 @@ packages:
relative: true
source: path
version: "0.0.1"
vector_graphics:
dependency: transitive
description:
name: vector_graphics
sha256: "44cc7104ff32563122a929e4620cf3efd584194eec6d1d913eb5ba593dbcf6de"
url: "https://pub.dev"
source: hosted
version: "1.1.18"
vector_graphics_codec:
dependency: transitive
description:
name: vector_graphics_codec
sha256: "99fd9fbd34d9f9a32efd7b6a6aae14125d8237b10403b422a6a6dfeac2806146"
url: "https://pub.dev"
source: hosted
version: "1.1.13"
vector_graphics_compiler:
dependency: transitive
description:
name: vector_graphics_compiler
sha256: "557a315b7d2a6dbb0aaaff84d857967ce6bdc96a63dc6ee2a57ce5a6ee5d3331"
url: "https://pub.dev"
source: hosted
version: "1.1.17"
vector_math:
dependency: transitive
description:
@ -207,6 +287,22 @@ packages:
url: "https://pub.dev"
source: hosted
version: "15.0.0"
web:
dependency: transitive
description:
name: web
sha256: "868d88a33d8a87b18ffc05f9f030ba328ffefba92d6c127917a2ba740f9cfe4a"
url: "https://pub.dev"
source: hosted
version: "1.1.1"
xml:
dependency: transitive
description:
name: xml
sha256: b015a8ad1c488f66851d762d3090a21c600e479dc75e68328c52774040cf9226
url: "https://pub.dev"
source: hosted
version: "6.5.0"
sdks:
dart: ">=3.8.0 <4.0.0"
flutter: ">=3.18.0-18.0.pre.54"
flutter: ">=3.22.0"

1
example/pubspec.yaml
View File

@ -16,6 +16,7 @@ dev_dependencies:
flutter_test:
sdk: flutter
flutter_lints: ^5.0.0
flutter_svg: ^2.1.0
flutter:
uses-material-design: true

67
lib/search.dart Normal file
View File

@ -0,0 +1,67 @@
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:ui_kit/ui_kit.dart';
class SearchWidget extends StatefulWidget {
const SearchWidget({
super.key,
required this.controller,
required this.hintText,
this.isClosable = true,
});
final TextEditingController controller;
final String hintText;
final bool isClosable;
@override
State<SearchWidget> createState() => _SearchWidgetState();
}
class _SearchWidgetState extends State<SearchWidget> {
@override
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(
height: 48,
child: TextFormField(
controller: widget.controller,
decoration: InputDecoration(
fillColor: inputBgColor,
filled: true,
contentPadding: EdgeInsets.symmetric(
vertical: 14,
horizontal: 14,
),
suffixIcon: widget.isClosable
? SvgPicture.asset(
'assets/close.svg',
fit: BoxFit.none,
height: 20,
width: 20,
)
: null,
prefixIcon: SvgPicture.asset(
'assets/search.svg',
width: 20,
height: 20,
fit: BoxFit.none,
),
hintText: widget.hintText,
hintStyle: textRegular.copyWith(color: captionColor),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: BorderSide(color: inputStrokeColor, width: 1),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: BorderSide(color: primaryHoverColor, width: 1),
),
),
),
),
],
);
}
}

15
lib/select.dart Normal file
View File

@ -0,0 +1,15 @@
import 'package:flutter/material.dart';
class SelectWidget extends StatefulWidget {
const SelectWidget({super.key});
@override
State<SelectWidget> createState() => _SelectWidgetState();
}
class _SelectWidgetState extends State<SelectWidget> {
@override
Widget build(BuildContext context) {
return Scaffold();
}
}

1
lib/ui_kit.dart
View File

@ -5,3 +5,4 @@ export 'colors.dart';
export 'fonts.dart';
export 'utils.dart';
export 'input.dart';
export "search.dart";

1
pubspec.yaml
View File

@ -10,6 +10,7 @@ environment:
dependencies:
flutter:
sdk: flutter
flutter_svg: ^2.1.0
dev_dependencies:
flutter_test: