codex-storage
/
codex-marketplace-ui-components
mirror of https://github.com/codex-storage/codex-marketplace-ui-components.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix storybook config

This commit is contained in:
Arnaud 2024-11-06 19:56:37 +01:00
parent 26b3c495a5
commit 94c29ed8a6
No known key found for this signature in database
GPG Key ID: 69D6CE281FCAE663
8 changed files with 59 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/assets/icons/audio-file.svg
View File

@ -1,12 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path
fill="#FFC547"
d="m594.944 0 335.124 341.32v563.2c0 65.996-52.5 119.48-117.294 119.48H209.546c-64.793 0-117.299-53.53-117.299-119.48V119.48C92.252 53.484 144.757 0 209.551 0h385.393z" />
d="m594.944 0 335.124 341.32v563.2c0 65.996-52.5 119.48-117.294 119.48H209.546c-64.793 0-117.299-53.53-117.299-119.48V119.48C92.252 53.484 144.757 0 209.551 0h385.393z"
/>
<path
fill="#FFF"
fillOpacity="{0.4}"
d="M930.068 341.32H718.152c-64.748 0-123.208-59.49-123.208-125.492V0l335.124 341.32z" />
fill-opacity="0.4"
d="M930.068 341.32H718.152c-64.748 0-123.208-59.49-123.208-125.492V0l335.124 341.32z"
/>
<path
fill="#FFF"
d="M568.78 446.464V675.84a27.238 27.238 0 0 1-6.793 18.248 45.66 45.66 0 0 1-17.316 12.38 112.64 112.64 0 0 1-20.803 6.518c-6.937 1.438-13.404 2.186-19.41 2.186-6.052 0-12.523-.748-19.41-2.14a112.456 112.456 0 0 1-20.807-6.564 45.706 45.706 0 0 1-17.316-12.38 27.228 27.228 0 0 1-6.84-18.248c0-6.84 2.33-12.892 6.84-18.248a45.706 45.706 0 0 1 17.316-12.38c6.983-2.934 13.916-5.12 20.807-6.518 6.887-1.484 13.358-2.186 19.405-2.186 14.06 0 26.952 2.652 38.636 8.008V534.528l-154.481 48.548v145.218a27.228 27.228 0 0 1-6.8 18.202 45.66 45.66 0 0 1-17.315 12.38 112.64 112.64 0 0 1-20.803 6.564c-6.937 1.398-13.404 2.14-19.41 2.14-6.052 0-12.523-.696-19.41-2.14a112.502 112.502 0 0 1-20.807-6.518 45.706 45.706 0 0 1-17.311-12.426 27.233 27.233 0 0 1-6.845-18.248c0-6.794 2.33-12.892 6.845-18.196a45.706 45.706 0 0 1 17.31-12.38c6.984-2.934 13.922-5.12 20.808-6.564a94.802 94.802 0 0 1 19.405-2.14c14.06 0 26.957 2.652 38.636 7.956V498.872a19.876 19.876 0 0 1 13.685-18.846l167.286-52.414a17.63 17.63 0 0 1 5.581-.84c5.402 0 9.964 1.91 13.686 5.73 3.773 3.86 5.632 8.468 5.632 13.962z" />
d="M568.78 446.464V675.84a27.238 27.238 0 0 1-6.793 18.248 45.66 45.66 0 0 1-17.316 12.38 112.64 112.64 0 0 1-20.803 6.518c-6.937 1.438-13.404 2.186-19.41 2.186-6.052 0-12.523-.748-19.41-2.14a112.456 112.456 0 0 1-20.807-6.564 45.706 45.706 0 0 1-17.316-12.38 27.228 27.228 0 0 1-6.84-18.248c0-6.84 2.33-12.892 6.84-18.248a45.706 45.706 0 0 1 17.316-12.38c6.983-2.934 13.916-5.12 20.807-6.518 6.887-1.484 13.358-2.186 19.405-2.186 14.06 0 26.952 2.652 38.636 8.008V534.528l-154.481 48.548v145.218a27.228 27.228 0 0 1-6.8 18.202 45.66 45.66 0 0 1-17.315 12.38 112.64 112.64 0 0 1-20.803 6.564c-6.937 1.398-13.404 2.14-19.41 2.14-6.052 0-12.523-.696-19.41-2.14a112.502 112.502 0 0 1-20.807-6.518 45.706 45.706 0 0 1-17.311-12.426 27.233 27.233 0 0 1-6.845-18.248c0-6.794 2.33-12.892 6.845-18.196a45.706 45.706 0 0 1 17.31-12.38c6.984-2.934 13.922-5.12 20.808-6.564a94.802 94.802 0 0 1 19.405-2.14c14.06 0 26.957 2.652 38.636 7.956V498.872a19.876 19.876 0 0 1 13.685-18.846l167.286-52.414a17.63 17.63 0 0 1 5.581-.84c5.402 0 9.964 1.91 13.686 5.73 3.773 3.86 5.632 8.468 5.632 13.962z"
/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

11
src/assets/icons/doc-file.svg
View File

@ -1,12 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path
fill="#5895FF"
d="m594.944 0 335.124 341.32v563.2c0 65.996-52.5 119.48-117.294 119.48H209.546c-64.793 0-117.299-53.53-117.299-119.48V119.48C92.252 53.484 144.757 0 209.551 0h385.393z" />
d="m594.944 0 335.124 341.32v563.2c0 65.996-52.5 119.48-117.294 119.48H209.546c-64.793 0-117.299-53.53-117.299-119.48V119.48C92.252 53.484 144.757 0 209.551 0h385.393z"
/>
<path
fill="#FFF"
fillOpacity="{0.4}"
d="M930.068 341.32H718.152c-64.748 0-123.208-59.49-123.208-125.492V0l335.124 341.32z" />
fill-opacity="0.4"
d="M930.068 341.32H718.152c-64.748 0-123.208-59.49-123.208-125.492V0l335.124 341.32z"
/>
<path
fill="#FFF"
d="M427.377 725.32V768H259.814v-42.68h167.563zM594.944 640v42.68h-335.13V640h335.13zm0-85.32v42.64h-335.13v-42.64h335.13zm0-85.36V512h-335.13v-42.68h335.13z" />
d="M427.377 725.32V768H259.814v-42.68h167.563zM594.944 640v42.68h-335.13V640h335.13zm0-85.32v42.64h-335.13v-42.64h335.13zm0-85.36V512h-335.13v-42.68h335.13z"
/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 605 B

After

Width:  |  Height:  |  Size: 610 B

11
src/assets/icons/excel-file.svg
View File

@ -1,12 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path
fill="#1ABF74"
d="m594.944 0 335.124 341.32v563.2c0 65.996-52.5 119.48-117.294 119.48H209.546c-64.793 0-117.299-53.53-117.299-119.48V119.48C92.252 53.484 144.757 0 209.551 0h385.393z" />
d="m594.944 0 335.124 341.32v563.2c0 65.996-52.5 119.48-117.294 119.48H209.546c-64.793 0-117.299-53.53-117.299-119.48V119.48C92.252 53.484 144.757 0 209.551 0h385.393z"
/>
<path
fill="#FFF"
fillOpacity="{0.4}"
d="M930.068 341.32H718.152c-64.748 0-123.208-59.49-123.208-125.492V0l335.124 341.32z" />
fill-opacity="0.4"
d="M930.068 341.32H718.152c-64.748 0-123.208-59.49-123.208-125.492V0l335.124 341.32z"
/>
<path
fill="#FFF"
d="M594.616 426.824v.23h.092V768h-27.873v-.051h-83.968.046-83.143.05-139.919v-28.39l.052-.047v-85.826h-.052V625.29h.052v-85.826h-.098v-28.396l.093-.046v-55.854h-.093v-28.39h334.71l.046.046zM371.988 653.686h-84.106v85.826h84.106v-85.826zm83.083 0h-55.245v85.826h55.199v-85.826h.05zm111.76 0h-83.923v85.826h83.876v-85.826h.046zM371.987 539.459h-84.106v85.831h84.106v-85.826zm83.083 0h-55.245v85.831h55.199v-85.826h.05zm111.76 0h-83.923v85.831h83.876v-85.826h.046zm0-84.245H287.881v55.808h278.902v-55.854l.046.051z" />
d="M594.616 426.824v.23h.092V768h-27.873v-.051h-83.968.046-83.143.05-139.919v-28.39l.052-.047v-85.826h-.052V625.29h.052v-85.826h-.098v-28.396l.093-.046v-55.854h-.093v-28.39h334.71l.046.046zM371.988 653.686h-84.106v85.826h84.106v-85.826zm83.083 0h-55.245v85.826h55.199v-85.826h.05zm111.76 0h-83.923v85.826h83.876v-85.826h.046zM371.987 539.459h-84.106v85.831h84.106v-85.826zm83.083 0h-55.245v85.831h55.199v-85.826h.05zm111.76 0h-83.923v85.831h83.876v-85.826h.046zm0-84.245H287.881v55.808h278.902v-55.854l.046.051z"
/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 960 B

After

Width:  |  Height:  |  Size: 965 B

9
src/assets/icons/image-file.svg
View File

@ -1,12 +1,15 @@
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<path
d="M594.944 0l335.12448 341.31968v563.2c0 65.9968-52.50048 119.48032-117.29408 119.48032H209.54624c-64.7936 0-117.2992-53.5296-117.2992-119.48032V119.48032C92.25216 53.48352 144.75776 0 209.55136 0H594.944z"
fill="#36D2AD" />
fill="#36D2AD"
/>
<path
d="M930.06848 341.31968h-211.9168c-64.74752 0-123.20768-59.48928-123.20768-125.4912V0l335.12448 341.31968z"
fill="#FFFFFF"
fillOpacity="{0.4}" />
fill-opacity="0.4"
/>
<path
d="M613.56032 426.68032H278.4256c-10.24 0-18.61632 8.4736-18.61632 18.944V749.056c0 10.4704 8.37632 18.944 18.61632 18.944h335.1296c10.28608 0 18.61632-8.4736 18.61632-18.944V445.62432a18.80576 18.80576 0 0 0-18.61632-18.944z m-37.23776 284.39552H315.66848v-94.7712l55.8592-56.87296 93.08672 94.81216 55.8592-56.92416 55.84896 56.92416v56.87808-0.0512z m-37.23776-151.64416a37.56032 37.56032 0 0 1-37.23264-37.9392c0-20.9408 16.66048-37.93408 37.23264-37.93408 20.57728 0 37.23776 16.99328 37.23776 37.9392 0 20.9408-16.66048 37.93408-37.23776 37.93408z"
fill="#FFFFFF" />
fill="#FFFFFF"
/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

9
src/assets/icons/pdf-file.svg
View File

@ -1,12 +1,15 @@
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path
d="M594.944 0l335.12448 341.31968v563.2c0 65.9968-52.50048 119.48032-117.29408 119.48032H209.54624c-64.7936 0-117.2992-53.5296-117.2992-119.48032V119.48032C92.25216 53.48352 144.75776 0 209.55136 0H594.944z"
fill="#E94848" />
fill="#E94848"
/>
<path
d="M482.95424 375.48032a40.58624 40.58624 0 0 0-40.02816 40.77568c0 27.78624 15.17056 62.32576 31.1808 94.7712-12.56448 39.8336-26.71616 82.47296-44.82048 118.5024-37.0944 14.7968-70.1952 25.8304-90.0608 42.16832a41.70752 41.70752 0 0 0-12.3904 29.9264c0 22.34368 18.06336 40.77568 40.0384 40.77568a39.33184 39.33184 0 0 0 29.27104-12.47232c14.6176-17.82784 31.88736-50.12992 47.29344-79.6416 35.42016-14.19776 72.60672-28.672 108.44672-37.3248 26.1632 21.4528 64.0512 35.65056 95.18592 35.65056 21.96992 0 40.03328-18.38592 40.03328-40.77568a40.58624 40.58624 0 0 0-40.03328-40.72448c-24.99072 0-61.29664 9.07264-89.0368 18.61632a301.3376 301.3376 0 0 1-58.09152-76.98432c10.65984-33.3312 23.04-66.65728 23.04-92.48768a40.58624 40.58624 0 0 0-40.02816-40.77568z m0 24.43776c8.98048 0 16.01024 7.168 16.01024 16.29184 0 12.2368-6.42048 34.816-13.87008 59.01824C475.136 451.67616 466.944 429.056 466.944 416.256c0-9.1648 7.02464-16.29184 16.01024-16.29184v-0.04608z m6.8864 139.5456a323.57376 323.57376 0 0 0 41.5232 53.76c-23.74144 6.6048-46.91968 15.0784-69.82144 23.92064 11.07968-25.36448 19.9168-51.75808 28.29824-77.72672v0.04608z m157.2352 52.12672c8.98048 0 16.01024 7.12192 16.01024 16.29184 0 9.12384-7.02976 16.29184-16.01536 16.29184-18.05824 0-43.65824-8.28416-64.18432-19.87584 23.552-6.79424 49.2032-12.7488 64.18432-12.7488v0.04096zM408.15104 664.576c-11.264 20.48-22.43584 39.56224-30.2592 49.152a15.0784 15.0784 0 0 1-11.02848 4.18816 15.96416 15.96416 0 0 1-16.01024-16.29184c0.03072-4.16256 1.53088-8.18688 4.23424-11.35616 9.40032-7.3984 29.83424-16.29184 53.06368-25.69216z"
fill="#FFFFFF" />
fill="#FFFFFF"
/>
<path
d="M930.06848 341.31968h-211.9168c-64.74752 0-123.20768-59.48928-123.20768-125.4912V0l335.12448 341.31968z"
fill="#FFFFFF"
fillOpacity=".4" />
fill-opacity=".4"
/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

20
src/assets/icons/zip.svg
View File

@ -2,21 +2,27 @@
xmlns="http://www.w3.org/2000/svg"
className="svg-icon"
fill="currentColor"
viewBox="0 0 1024 1024">
viewBox="0 0 1024 1024"
>
<path
fill="#D0D8E1"
d="m594.944 0 335.124 341.32v563.2c0 65.996-52.5 119.48-117.294 119.48H209.546c-64.793 0-117.299-53.53-117.299-119.48V119.48C92.252 53.484 144.757 0 209.551 0h385.393z" />
d="m594.944 0 335.124 341.32v563.2c0 65.996-52.5 119.48-117.294 119.48H209.546c-64.793 0-117.299-53.53-117.299-119.48V119.48C92.252 53.484 144.757 0 209.551 0h385.393z"
/>
<path
fill="#FFF"
fillOpacity="{0.4}"
d="M930.068 341.32H718.152c-64.748 0-123.208-59.49-123.208-125.492V0l335.124 341.32z" />
fill-opacity="0.4"
d="M930.068 341.32H718.152c-64.748 0-123.208-59.49-123.208-125.492V0l335.124 341.32z"
/>
<path
fill="#FFF"
d="M516.838 438.042h-31.283c-2.227 0-3.348 1.162-4.464 2.278-1.117 1.116-1.117 3.4-1.117 5.683 2.233 4.557 3.354 10.24 3.354 14.797v147.917l3.348 22.763c0 2.284 2.233 3.4 3.354 4.516 1.116 0 2.232 1.162 2.232 1.162l5.581 3.4a45.148 45.148 0 0 1 29.051 42.122v51.2c0 2.284 1.116 4.516 3.349 4.516 1.116 0 1.116 1.162 2.237 1.162 1.116 0 2.232 0 3.348-1.162a32.63 32.63 0 0 0 13.405-27.274V472.156a31.652 31.652 0 0 0-32.395-34.114zM376.09 460.8 361.564 512a12.288 12.288 0 0 0 2.232 13.64c4.47 4.556 21.228 4.556 25.693 0a15.2 15.2 0 0 0 3.353-13.64l-14.525-51.2h-2.233z" />
d="M516.838 438.042h-31.283c-2.227 0-3.348 1.162-4.464 2.278-1.117 1.116-1.117 3.4-1.117 5.683 2.233 4.557 3.354 10.24 3.354 14.797v147.917l3.348 22.763c0 2.284 2.233 3.4 3.354 4.516 1.116 0 2.232 1.162 2.232 1.162l5.581 3.4a45.148 45.148 0 0 1 29.051 42.122v51.2c0 2.284 1.116 4.516 3.349 4.516 1.116 0 1.116 1.162 2.237 1.162 1.116 0 2.232 0 3.348-1.162a32.63 32.63 0 0 0 13.405-27.274V472.156a31.652 31.652 0 0 0-32.395-34.114zM376.09 460.8 361.564 512a12.288 12.288 0 0 0 2.232 13.64c4.47 4.556 21.228 4.556 25.693 0a15.2 15.2 0 0 0 3.353-13.64l-14.525-51.2h-2.233z"
/>
<path
fill="#FFF"
d="M366.029 453.96c1.121-3.4 3.353-4.516 5.586-4.516h11.172c2.237 0 4.47 1.116 5.585 4.516l6.708 26.204 8.929-19.364-13.41-31.836v-2.33h-30.151v2.33L349.276 460.8l8.935 21.596 7.818-28.39v-.051z" />
d="M366.029 453.96c1.121-3.4 3.353-4.516 5.586-4.516h11.172c2.237 0 4.47 1.116 5.585 4.516l6.708 26.204 8.929-19.364-13.41-31.836v-2.33h-30.151v2.33L349.276 460.8l8.935 21.596 7.818-28.39v-.051z"
/>
<path
fill="#FFF"
d="m354.396 426.68-11.172 31.842v4.556l11.172 28.442a5.975 5.975 0 0 0 3.395 3.02l2.191.38-4.47 13.68a23.644 23.644 0 0 0 5.581 24.996c4.475 4.562 12.288 6.846 21.228 6.846s16.757-2.284 21.227-6.846a24.294 24.294 0 0 0 6.656-21.453l-5.586-18.345c.789 0 1.536-.512 1.956-1.162l.323-1.116 14.525-28.442a3.492 3.492 0 0 0 .742-3.118l-.742-1.392-14.525-31.888h35.747a33.05 33.05 0 0 1 33.234 29.374l.282 4.746v164.956c0 8.796 4.93 15.923 11.96 19.922l11.495 5.12a32.86 32.86 0 0 1 22.016 26.998l.327 4.884v51.2c0 17.69-12.195 31.652-28.856 33.844l-4.66.276H298.548a33.05 33.05 0 0 1-33.234-29.414l-.281-4.706V460.8c0-17.69 12.196-31.652 28.861-33.843l4.654-.277h55.854zm16.753 284.396h-11.162c-3.353 0-5.586 2.324-5.586 5.724 0 2.744 1.393 4.746 3.723 5.448l1.863.23h11.167c3.354 0 5.586-2.278 5.586-5.678 0-2.744-1.393-4.746-3.722-5.448l-1.864-.23v-.051zm33.515-11.356h-11.172c-3.348 0-5.58 2.324-5.58 5.724 0 2.698 1.392 4.7 3.717 5.396l1.863.282h11.172c3.349 0 5.581-2.33 5.581-5.683 0-2.79-1.393-4.741-3.717-5.443l-1.864-.276zm-33.515-11.362h-11.162c-3.353 0-5.586 2.284-5.586 5.684 0 2.744 1.393 4.746 3.723 5.442l1.863.236h11.167c3.354 0 5.586-2.284 5.586-5.684 0-2.744-1.393-4.746-3.722-5.396l-1.864-.282zm33.515-11.402h-11.172c-3.348 0-5.58 2.33-5.58 5.724 0 2.704 1.392 4.706 3.717 5.402l1.863.276h11.172c3.349 0 5.581-2.278 5.581-5.678 0-2.744-1.393-4.746-3.717-5.442l-1.864-.282zM371.15 665.6h-11.162c-3.353 0-5.586 2.278-5.586 5.683 0 2.74 1.393 4.741 3.723 5.443l1.863.23h11.167c3.354 0 5.586-2.232 5.586-5.678 0-2.698-1.393-4.7-3.722-5.396l-1.87-.282zm33.515-11.356h-11.172c-3.348 0-5.58 2.232-5.58 5.678 0 2.698 1.392 4.7 3.717 5.396l1.863.282h11.172c3.349 0 5.581-2.278 5.581-5.683 0-2.74-1.393-4.741-3.717-5.443l-1.864-.23zm-33.515-11.402h-11.162c-3.353 0-5.586 2.278-5.586 5.678 0 2.744 1.393 4.746 3.723 5.442l1.863.282h11.167c3.354 0 5.586-2.33 5.586-5.724 0-2.704-1.393-4.706-3.722-5.402l-1.864-.276zm33.515-11.362h-11.172c-3.348 0-5.58 2.284-5.58 5.684 0 2.744 1.392 4.746 3.717 5.396l1.863.282h11.172c3.349 0 5.581-2.284 5.581-5.684 0-2.744-1.393-4.746-3.717-5.442l-1.864-.236zm-33.515-11.402h-11.162c-3.353 0-5.586 2.33-5.586 5.683 0 2.79 1.393 4.741 3.723 5.443l1.863.276h11.167c3.354 0 5.586-2.324 5.586-5.724 0-2.698-1.393-4.7-3.722-5.396l-1.864-.282zm33.515-11.356h-11.172c-3.348 0-5.58 2.278-5.58 5.678 0 2.744 1.392 4.746 3.717 5.448l1.863.23h11.172c3.349 0 5.581-2.278 5.581-5.678 0-2.744-1.393-4.746-3.717-5.448l-1.864-.23zM371.15 597.32h-11.162c-3.353 0-5.586 2.324-5.586 5.724 0 2.698 1.393 4.7 3.723 5.396l1.863.282h11.167c3.354 0 5.586-2.33 5.586-5.683 0-2.79-1.393-4.741-3.722-5.443l-1.864-.276zm33.515-11.362h-11.172c-3.348 0-5.58 2.284-5.58 5.684 0 2.744 1.392 4.746 3.717 5.442l1.863.236h11.172c3.349 0 5.581-2.284 5.581-5.684 0-2.744-1.393-4.746-3.717-5.396l-1.864-.282zm-33.515-11.402h-11.162c-3.353 0-5.586 2.33-5.586 5.724 0 2.704 1.393 4.706 3.723 5.402l1.863.276h11.167c3.354 0 5.586-2.278 5.586-5.678 0-2.744-1.393-4.746-3.722-5.442l-1.864-.282zm33.515-11.356h-11.172c-3.348 0-5.58 2.278-5.58 5.683 0 2.74 1.392 4.741 3.717 5.443l1.863.23h11.172c3.349 0 5.581-2.232 5.581-5.678 0-2.698-1.393-4.7-3.717-5.396l-1.864-.282zm-33.515-11.356h-11.162c-3.353 0-5.586 2.232-5.586 5.678 0 2.698 1.393 4.7 3.723 5.396l1.863.282h11.167c3.354 0 5.586-2.278 5.586-5.683 0-2.74-1.393-4.741-3.722-5.443l-1.864-.23z" />
d="m354.396 426.68-11.172 31.842v4.556l11.172 28.442a5.975 5.975 0 0 0 3.395 3.02l2.191.38-4.47 13.68a23.644 23.644 0 0 0 5.581 24.996c4.475 4.562 12.288 6.846 21.228 6.846s16.757-2.284 21.227-6.846a24.294 24.294 0 0 0 6.656-21.453l-5.586-18.345c.789 0 1.536-.512 1.956-1.162l.323-1.116 14.525-28.442a3.492 3.492 0 0 0 .742-3.118l-.742-1.392-14.525-31.888h35.747a33.05 33.05 0 0 1 33.234 29.374l.282 4.746v164.956c0 8.796 4.93 15.923 11.96 19.922l11.495 5.12a32.86 32.86 0 0 1 22.016 26.998l.327 4.884v51.2c0 17.69-12.195 31.652-28.856 33.844l-4.66.276H298.548a33.05 33.05 0 0 1-33.234-29.414l-.281-4.706V460.8c0-17.69 12.196-31.652 28.861-33.843l4.654-.277h55.854zm16.753 284.396h-11.162c-3.353 0-5.586 2.324-5.586 5.724 0 2.744 1.393 4.746 3.723 5.448l1.863.23h11.167c3.354 0 5.586-2.278 5.586-5.678 0-2.744-1.393-4.746-3.722-5.448l-1.864-.23v-.051zm33.515-11.356h-11.172c-3.348 0-5.58 2.324-5.58 5.724 0 2.698 1.392 4.7 3.717 5.396l1.863.282h11.172c3.349 0 5.581-2.33 5.581-5.683 0-2.79-1.393-4.741-3.717-5.443l-1.864-.276zm-33.515-11.362h-11.162c-3.353 0-5.586 2.284-5.586 5.684 0 2.744 1.393 4.746 3.723 5.442l1.863.236h11.167c3.354 0 5.586-2.284 5.586-5.684 0-2.744-1.393-4.746-3.722-5.396l-1.864-.282zm33.515-11.402h-11.172c-3.348 0-5.58 2.33-5.58 5.724 0 2.704 1.392 4.706 3.717 5.402l1.863.276h11.172c3.349 0 5.581-2.278 5.581-5.678 0-2.744-1.393-4.746-3.717-5.442l-1.864-.282zM371.15 665.6h-11.162c-3.353 0-5.586 2.278-5.586 5.683 0 2.74 1.393 4.741 3.723 5.443l1.863.23h11.167c3.354 0 5.586-2.232 5.586-5.678 0-2.698-1.393-4.7-3.722-5.396l-1.87-.282zm33.515-11.356h-11.172c-3.348 0-5.58 2.232-5.58 5.678 0 2.698 1.392 4.7 3.717 5.396l1.863.282h11.172c3.349 0 5.581-2.278 5.581-5.683 0-2.74-1.393-4.741-3.717-5.443l-1.864-.23zm-33.515-11.402h-11.162c-3.353 0-5.586 2.278-5.586 5.678 0 2.744 1.393 4.746 3.723 5.442l1.863.282h11.167c3.354 0 5.586-2.33 5.586-5.724 0-2.704-1.393-4.706-3.722-5.402l-1.864-.276zm33.515-11.362h-11.172c-3.348 0-5.58 2.284-5.58 5.684 0 2.744 1.392 4.746 3.717 5.396l1.863.282h11.172c3.349 0 5.581-2.284 5.581-5.684 0-2.744-1.393-4.746-3.717-5.442l-1.864-.236zm-33.515-11.402h-11.162c-3.353 0-5.586 2.33-5.586 5.683 0 2.79 1.393 4.741 3.723 5.443l1.863.276h11.167c3.354 0 5.586-2.324 5.586-5.724 0-2.698-1.393-4.7-3.722-5.396l-1.864-.282zm33.515-11.356h-11.172c-3.348 0-5.58 2.278-5.58 5.678 0 2.744 1.392 4.746 3.717 5.448l1.863.23h11.172c3.349 0 5.581-2.278 5.581-5.678 0-2.744-1.393-4.746-3.717-5.448l-1.864-.23zM371.15 597.32h-11.162c-3.353 0-5.586 2.324-5.586 5.724 0 2.698 1.393 4.7 3.723 5.396l1.863.282h11.167c3.354 0 5.586-2.33 5.586-5.683 0-2.79-1.393-4.741-3.722-5.443l-1.864-.276zm33.515-11.362h-11.172c-3.348 0-5.58 2.284-5.58 5.684 0 2.744 1.392 4.746 3.717 5.442l1.863.236h11.172c3.349 0 5.581-2.284 5.581-5.684 0-2.744-1.393-4.746-3.717-5.396l-1.864-.282zm-33.515-11.402h-11.162c-3.353 0-5.586 2.33-5.586 5.724 0 2.704 1.393 4.706 3.723 5.402l1.863.276h11.167c3.354 0 5.586-2.278 5.586-5.678 0-2.744-1.393-4.746-3.722-5.442l-1.864-.282zm33.515-11.356h-11.172c-3.348 0-5.58 2.278-5.58 5.683 0 2.74 1.392 4.741 3.717 5.443l1.863.23h11.172c3.349 0 5.581-2.232 5.581-5.678 0-2.698-1.393-4.7-3.717-5.396l-1.864-.282zm-33.515-11.356h-11.162c-3.353 0-5.586 2.232-5.586 5.678 0 2.698 1.393 4.7 3.723 5.396l1.863.282h11.167c3.354 0 5.586-2.278 5.586-5.683 0-2.74-1.393-4.741-3.722-5.443l-1.864-.23z"
/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

7
stories/Dropdown.stories.tsx
View File

@ -1,9 +1,8 @@
import type { Meta, StoryObj } from "@storybook/react";
import { Dropdown, DropdownOption } from "../src/components/Dropdown/Dropdown";
import PdfIcon from "../../assets/icons/pdf-file.svg?react";
import ImageIcon from "../../assets/icons/image-file.svg?react";
import { ChangeEvent, useState } from "react";
import { fn } from "@storybook/test";
import { WebFileIcon } from "../src/components/WebFileIcon/WebFileIcon";
const meta = {
title: "Forms/Dropdown",
@ -63,12 +62,12 @@ const Template = (p: Props) => {
options={[
{
title: "File1.pdf",
Icon: PdfIcon,
Icon: () => <WebFileIcon type="application/pdf"></WebFileIcon>,
subtitle: "cid1",
},
{
title: "File2.jpg",
Icon: ImageIcon,
Icon: () => <WebFileIcon type="image/png"></WebFileIcon>,
subtitle: "cid2",
},
]}

11
vite-storybook.config.ts
View File

@ -1,9 +1,18 @@
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import svgr from "vite-plugin-svgr";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react({ jsxRuntime: "automatic" })],
plugins: [react({ jsxRuntime: "automatic" }), svgr({
svgrOptions: {
plugins: ["@svgr/plugin-svgo", "@svgr/plugin-jsx"],
svgoConfig: {
floatPrecision: 2,
},
},
// ...
})],
worker: {
rollupOptions: {
external: ["@codex-storage/sdk-js"],