Intended
/
attendant
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix svg errors and global export

This commit is contained in:
Silas 2021-11-26 13:51:54 -05:00
parent 6c22711b00
commit 7f883c5562
Signed by: silentsilas
GPG Key ID: 4199EFB7DAA34349
10 changed files with 32 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/shared/global.js
View File

@ -211,4 +211,4 @@ const GlobalStyle = createGlobalStyle`
}
`;
export default GlobalStyle;
export { GlobalStyle };

14
src/stories/Icon.tsx
View File

@ -22,14 +22,14 @@ const Icon: FC<IconProps> = ({ style, iconName, onClick }) => {
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M15.5 6H14.5C14.2 6 14 6.2 14 6.5V12H2V6.5C2 6.2 1.8 6 1.5 6H0.5C0.2 6 0 6.2 0 6.5V13C0 13.6 0.4 14 1 14H15C15.6 14 16 13.6 16 13V6.5C16 6.2 15.8 6 15.5 6Z"
fill="white"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M7.70015 9.8C7.90015 10 8.20015 10 8.30015 9.8L10.9001 6.5C11.1001 6.3 11.0001 6 10.7001 6H9.00015V0.5C9.00015 0.2 8.80015 0 8.50015 0H7.50015C7.20015 0 7.00015 0.2 7.00015 0.5V6H5.30015C5.00015 6 4.90015 6.3 5.10015 6.5L7.70015 9.8Z"
fill="white"
/>
@ -47,8 +47,8 @@ const Icon: FC<IconProps> = ({ style, iconName, onClick }) => {
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M13.6 3.6L10.3 0.3C10.2 0.2 9.8 0 9.5 0H1C0.4 0 0 0.4 0 1V15C0 15.6 0.4 16 1 16H13C13.6 16 14 15.6 14 15V4.5C14 4.2 13.8 3.8 13.6 3.6ZM12 14H2V2H8V5.5C8 5.8 8.2 6 8.5 6H12V14Z"
fill="#091132"
/>
@ -65,7 +65,7 @@ const Icon: FC<IconProps> = ({ style, iconName, onClick }) => {
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0)">
<g clipPath="url(#clip0)">
<path
d="M5.3 15.6C4 15.6 2.6 15 1.6 14C0.6 13 0 11.6 0 10.2C0 8.79998 0.6 7.39998 1.6 6.39998L6.9 1.09998C8.4 -0.400024 10.8 -0.400024 12.3 1.09998C13.8 2.59998 13.8 4.99998 12.3 6.49998L7 11.9C6.1 12.8 4.6 12.8 3.7 11.9C2.8 11 2.8 9.49998 3.7 8.59998L9 3.19998C9.3 2.89998 9.9 2.89998 10.2 3.19998C10.5 3.49998 10.5 4.09998 10.2 4.39998L4.9 9.79998C4.6 10.1 4.6 10.5 4.9 10.7C5.2 11 5.6 11 5.8 10.7L11.1 5.39998C11.9 4.59998 11.9 3.19998 11.1 2.39998C10.3 1.59998 8.9 1.59998 8.1 2.39998L2.8 7.59998C2.1 8.29998 1.7 9.19998 1.7 10.2C1.7 11.2 2.1 12.1 2.8 12.8C4.2 14.2 6.5 14.2 8 12.8L15.4 5.39998C15.7 5.09998 16.3 5.09998 16.6 5.39998C16.9 5.69998 16.9 6.29998 16.6 6.59998L8.8 14.4C7.8 15.2 6.6 15.6 5.3 15.6Z"
fill="#091132"

12
src/stories/IconArrow.tsx
View File

@ -24,10 +24,10 @@ const IconArrow: FC<IconArrowProps> = ({ arrowDirection }) => {
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0)">
<g clipPath="url(#clip0)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M4 4.99996H0.5C0.3 4.99996 0 4.79996 0 4.49996V3.49996C0 3.19996 0.3 2.99996 0.5 2.99996H4V0.699961C4 -3.9041e-05 4.4 -0.200039 4.9 0.199961L9.6 3.39996C10.1 3.69996 10.1 4.29996 9.6 4.59996L4.9 7.79996C4.5 8.19996 4 7.99996 4 7.29996V4.99996Z"
fill="#091132"
/>
@ -48,10 +48,10 @@ const IconArrow: FC<IconArrowProps> = ({ arrowDirection }) => {
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0)">
<g clipPath="url(#clip0)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M4 4.99996H0.5C0.3 4.99996 0 4.79996 0 4.49996V3.49996C0 3.19996 0.3 2.99996 0.5 2.99996H4V0.699961C4 -3.9041e-05 4.4 -0.200039 4.9 0.199961L9.6 3.39996C10.1 3.69996 10.1 4.29996 9.6 4.59996L4.9 7.79996C4.5 8.19996 4 7.99996 4 7.29996V4.99996Z"
fill="#091132"
/>

12
src/stories/SplashIconHeader.tsx
View File

@ -67,20 +67,20 @@ const SplashIconHeader = () => {
y="31"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M39.9435 48.8551C39.1616 49.6262 37.8823 49.6262 37.0294 48.8551L34.3286 46.1916H30.3485C28.0031 46.1916 26.013 44.2991 26.013 41.9159V33.9953C26.013 31.6822 27.932 29.7196 30.3485 29.7196H45.7715V6.02804C45.7715 2.73365 43.0707 0 39.6592 0H13.0065C9.66603 0 6.89415 2.66355 6.89415 6.02804V8.90187H22.3172C24.6626 8.90187 26.6527 10.7944 26.6527 13.1776V22.0794C26.6527 24.3925 24.7337 26.3551 22.3172 26.3551H18.337L15.6362 28.8785C14.8544 29.6495 13.5751 29.6495 12.7222 28.8785L10.0214 26.215H6.89415V53.972C6.89415 57.2664 9.59495 60 13.0065 60H39.7302C43.0707 60 45.8426 57.3364 45.8426 53.972V46.1916H42.6443L39.9435 48.8551Z"
fill="white"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M11.585 24.5327L13.6462 26.5654C13.9305 26.8457 14.4991 26.8457 14.7833 26.5654L16.8445 24.5327C17.1999 24.1822 17.7684 23.9719 18.266 23.9719H22.3172C23.4543 23.9719 24.3783 23.0607 24.3783 21.9392V13.1074C24.3783 11.9859 23.4543 11.0747 22.3172 11.0747H2.06114C0.923959 11.0747 0 11.9859 0 13.1074V22.0093C0 23.1308 0.923959 24.042 2.06114 24.042H10.1636C10.6611 23.9719 11.1586 24.1822 11.585 24.5327ZM15.1387 16.8925C15.423 16.6121 15.9916 16.6121 16.347 16.8925C16.418 16.9626 16.418 16.9626 16.418 17.0327C16.4891 17.1027 16.4891 17.1027 16.4891 17.1728C16.4891 17.2429 16.5602 17.2429 16.5602 17.313C16.5602 17.3831 16.5602 17.3831 16.5602 17.4532C16.5602 17.6635 16.4891 17.8738 16.2759 18.014C16.1337 18.1541 15.9205 18.2943 15.7073 18.2943C15.5652 18.2943 15.4941 18.2943 15.3519 18.2242C15.2098 18.1541 15.1387 18.1541 15.0676 18.014C14.9255 17.8738 14.7833 17.6635 14.7833 17.4532C14.8544 17.2429 14.9255 17.0327 15.1387 16.8925ZM11.3007 17.313C11.3007 17.2429 11.3007 17.1728 11.3718 17.1728C11.3718 17.1027 11.4429 17.1027 11.4429 17.0327C11.4429 16.9626 11.514 16.9626 11.514 16.8925C11.514 16.8224 11.585 16.8224 11.6561 16.8224C11.7272 16.8224 11.7272 16.7523 11.7982 16.7523C11.8693 16.7523 11.8693 16.7523 11.9404 16.6822C12.2247 16.6121 12.509 16.6822 12.7222 16.8925C12.8644 17.0327 13.0065 17.2429 13.0065 17.5233C13.0065 17.7336 12.9354 17.9439 12.7222 18.0841C12.5801 18.2242 12.3668 18.3644 12.1536 18.3644C12.0115 18.3644 11.9404 18.3644 11.7982 18.2943C11.6561 18.2242 11.585 18.2242 11.514 18.0841C11.3718 17.9439 11.3007 17.7336 11.3007 17.5233C11.3007 17.4532 11.3007 17.3831 11.3007 17.313ZM9.38174 17.8037C9.31067 17.8738 9.31067 18.014 9.16852 18.0841C9.02637 18.2242 8.81315 18.3644 8.59993 18.3644C8.38671 18.3644 8.17349 18.2943 7.96026 18.0841C7.88919 18.014 7.81812 17.9439 7.74704 17.8037C7.67597 17.7336 7.67597 17.5934 7.67597 17.4532C7.67597 17.2429 7.74704 17.0327 7.88919 16.8224C8.17349 16.542 8.74208 16.542 9.09745 16.8224C9.23959 16.9626 9.38174 17.1728 9.38174 17.4532C9.45281 17.5934 9.45281 17.7336 9.38174 17.8037Z"
fill="#32EFE7"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M50.6756 31.9626H30.4196C29.2824 31.9626 28.3584 32.8739 28.3584 33.9954V41.986C28.3584 43.1075 29.2824 44.0187 30.4196 44.0187H34.4708C35.0394 44.0187 35.5369 44.229 35.8923 44.5795L37.9534 46.6122C38.2377 46.8926 38.8063 46.8926 39.0906 46.6122L41.1517 44.5795C41.5071 44.229 42.0757 44.0187 42.5732 44.0187H50.6756C51.8128 44.0187 52.7368 43.1075 52.7368 41.986V33.9954C52.6657 32.8739 51.7417 31.9626 50.6756 31.9626ZM37.7402 38.2711C37.6691 38.3412 37.6691 38.4813 37.527 38.5514C37.3848 38.6916 37.1716 38.8318 36.9584 38.8318C36.7452 38.8318 36.5319 38.7617 36.3187 38.5514C36.2476 38.4813 36.1766 38.4112 36.1055 38.2711C36.0344 38.201 36.0344 38.0608 36.0344 37.9206C36.0344 37.7103 36.1055 37.5 36.2476 37.2898C36.5319 37.0094 37.1005 37.0094 37.4559 37.2898C37.598 37.4299 37.7402 37.6402 37.7402 37.9206C37.8113 38.0608 37.8113 38.201 37.7402 38.2711ZM41.1517 38.5514C41.0096 38.6916 40.7964 38.8318 40.5831 38.8318C40.441 38.8318 40.3699 38.8318 40.2278 38.7617C40.0856 38.6916 40.0145 38.6916 39.9435 38.5514C39.8013 38.4112 39.7303 38.201 39.7303 37.9907C39.7303 37.9206 39.7303 37.8505 39.7303 37.8505C39.7303 37.7804 39.7303 37.7103 39.8013 37.7103C39.8013 37.6402 39.8724 37.6402 39.8724 37.5701C39.8724 37.5 39.9435 37.5 39.9435 37.4299C39.9435 37.3598 40.0145 37.3598 40.0856 37.3598C40.1567 37.3598 40.1567 37.2898 40.2278 37.2898C40.2988 37.2898 40.2988 37.2898 40.3699 37.2197C40.6542 37.1496 40.9385 37.2197 41.1517 37.4299C41.2939 37.5701 41.436 37.7804 41.436 38.0608C41.3649 38.201 41.2939 38.4112 41.1517 38.5514ZM44.7054 38.5514C44.5633 38.6916 44.35 38.8318 44.1368 38.8318C43.9947 38.8318 43.9236 38.8318 43.7815 38.7617C43.6393 38.6916 43.5682 38.6916 43.4972 38.5514C43.355 38.4112 43.2129 38.201 43.2129 37.9907C43.2129 37.7804 43.2839 37.5701 43.4972 37.3598C43.7815 37.0795 44.35 37.0795 44.7054 37.3598C44.7765 37.4299 44.7765 37.4299 44.7765 37.5C44.8476 37.5701 44.8476 37.5701 44.8476 37.6402C44.8476 37.7103 44.9186 37.7103 44.9186 37.7804C44.9186 37.8505 44.9186 37.8505 44.9186 37.9206C44.9186 38.201 44.8476 38.4112 44.7054 38.5514Z"
fill="#A849CF"
/>

4
src/stories/assets/arrow-right.svg
View File

@ -1,6 +1,6 @@
<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.99996H0.5C0.3 4.99996 0 4.79996 0 4.49996V3.49996C0 3.19996 0.3 2.99996 0.5 2.99996H4V0.699961C4 -3.9041e-05 4.4 -0.200039 4.9 0.199961L9.6 3.39996C10.1 3.69996 10.1 4.29996 9.6 4.59996L4.9 7.79996C4.5 8.19996 4 7.99996 4 7.29996V4.99996Z" fill="#091132"/>
<g clipPath="url(#clip0)">
<path fillRule="evenodd" clipRule="evenodd" d="M4 4.99996H0.5C0.3 4.99996 0 4.79996 0 4.49996V3.49996C0 3.19996 0.3 2.99996 0.5 2.99996H4V0.699961C4 -3.9041e-05 4.4 -0.200039 4.9 0.199961L9.6 3.39996C10.1 3.69996 10.1 4.29996 9.6 4.59996L4.9 7.79996C4.5 8.19996 4 7.99996 4 7.29996V4.99996Z" fill="#091132"/>
</g>
<defs>
<clipPath id="clip0">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 537 B

After

Width:  |  Height:  |  Size: 534 B

4
src/stories/assets/download.svg
View File

@ -1,4 +1,4 @@
<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 6H14.5C14.2 6 14 6.2 14 6.5V12H2V6.5C2 6.2 1.8 6 1.5 6H0.5C0.2 6 0 6.2 0 6.5V13C0 13.6 0.4 14 1 14H15C15.6 14 16 13.6 16 13V6.5C16 6.2 15.8 6 15.5 6Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.70015 9.8C7.90015 10 8.20015 10 8.30015 9.8L10.9001 6.5C11.1001 6.3 11.0001 6 10.7001 6H9.00015V0.5C9.00015 0.2 8.80015 0 8.50015 0H7.50015C7.20015 0 7.00015 0.2 7.00015 0.5V6H5.30015C5.00015 6 4.90015 6.3 5.10015 6.5L7.70015 9.8Z" fill="white"/>
<path fillRule="evenodd" clipRule="evenodd" d="M15.5 6H14.5C14.2 6 14 6.2 14 6.5V12H2V6.5C2 6.2 1.8 6 1.5 6H0.5C0.2 6 0 6.2 0 6.5V13C0 13.6 0.4 14 1 14H15C15.6 14 16 13.6 16 13V6.5C16 6.2 15.8 6 15.5 6Z" fill="white"/>
<path fillRule="evenodd" clipRule="evenodd" d="M7.70015 9.8C7.90015 10 8.20015 10 8.30015 9.8L10.9001 6.5C11.1001 6.3 11.0001 6 10.7001 6H9.00015V0.5C9.00015 0.2 8.80015 0 8.50015 0H7.50015C7.20015 0 7.00015 0.2 7.00015 0.5V6H5.30015C5.00015 6 4.90015 6.3 5.10015 6.5L7.70015 9.8Z" fill="white"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 623 B

After

Width:  |  Height:  |  Size: 619 B

2
src/stories/assets/file.svg
View File

@ -1,3 +1,3 @@
<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6 3.6L10.3 0.3C10.2 0.2 9.8 0 9.5 0H1C0.4 0 0 0.4 0 1V15C0 15.6 0.4 16 1 16H13C13.6 16 14 15.6 14 15V4.5C14 4.2 13.8 3.8 13.6 3.6ZM12 14H2V2H8V5.5C8 5.8 8.2 6 8.5 6H12V14Z" fill="#091132"/>
<path fillRule="evenodd" clipRule="evenodd" d="M13.6 3.6L10.3 0.3C10.2 0.2 9.8 0 9.5 0H1C0.4 0 0 0.4 0 1V15C0 15.6 0.4 16 1 16H13C13.6 16 14 15.6 14 15V4.5C14 4.2 13.8 3.8 13.6 3.6ZM12 14H2V2H8V5.5C8 5.8 8.2 6 8.5 6H12V14Z" fill="#091132"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 346 B

After

Width:  |  Height:  |  Size: 344 B

6
src/stories/assets/hamburger-menu.svg
View File

@ -1,5 +1,5 @@
<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 2H13C13.6 2 14 1.6 14 1C14 0.4 13.6 0 13 0H1C0.4 0 0 0.4 0 1C0 1.6 0.4 2 1 2Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13 4H1C0.4 4 0 4.4 0 5C0 5.6 0.4 6 1 6H13C13.6 6 14 5.6 14 5C14 4.4 13.6 4 13 4Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13 8H1C0.4 8 0 8.4 0 9C0 9.6 0.4 10 1 10H13C13.6 10 14 9.6 14 9C14 8.4 13.6 8 13 8Z" fill="white"/>
<path fillRule="evenodd" clipRule="evenodd" d="M1 2H13C13.6 2 14 1.6 14 1C14 0.4 13.6 0 13 0H1C0.4 0 0 0.4 0 1C0 1.6 0.4 2 1 2Z" fill="white"/>
<path fillRule="evenodd" clipRule="evenodd" d="M13 4H1C0.4 4 0 4.4 0 5C0 5.6 0.4 6 1 6H13C13.6 6 14 5.6 14 5C14 4.4 13.6 4 13 4Z" fill="white"/>
<path fillRule="evenodd" clipRule="evenodd" d="M13 8H1C0.4 8 0 8.4 0 9C0 9.6 0.4 10 1 10H13C13.6 10 14 9.6 14 9C14 8.4 13.6 8 13 8Z" fill="white"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 546 B

After

Width:  |  Height:  |  Size: 540 B

6
src/stories/assets/icon-3.svg
View File

@ -1,5 +1,5 @@
<svg width="53" height="60" viewBox="0 0 53 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M39.9435 48.8551C39.1616 49.6262 37.8823 49.6262 37.0294 48.8551L34.3286 46.1916H30.3485C28.0031 46.1916 26.013 44.2991 26.013 41.9159V33.9953C26.013 31.6822 27.932 29.7196 30.3485 29.7196H45.7715V6.02804C45.7715 2.73365 43.0707 0 39.6592 0H13.0065C9.66603 0 6.89415 2.66355 6.89415 6.02804V8.90187H22.3172C24.6626 8.90187 26.6527 10.7944 26.6527 13.1776V22.0794C26.6527 24.3925 24.7337 26.3551 22.3172 26.3551H18.337L15.6362 28.8785C14.8544 29.6495 13.5751 29.6495 12.7222 28.8785L10.0214 26.215H6.89415V53.972C6.89415 57.2664 9.59495 60 13.0065 60H39.7302C43.0707 60 45.8426 57.3364 45.8426 53.972V46.1916H42.6443L39.9435 48.8551Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.585 24.5327L13.6462 26.5654C13.9305 26.8457 14.4991 26.8457 14.7833 26.5654L16.8445 24.5327C17.1999 24.1822 17.7684 23.9719 18.266 23.9719H22.3172C23.4543 23.9719 24.3783 23.0607 24.3783 21.9392V13.1074C24.3783 11.9859 23.4543 11.0747 22.3172 11.0747H2.06114C0.923959 11.0747 0 11.9859 0 13.1074V22.0093C0 23.1308 0.923959 24.042 2.06114 24.042H10.1636C10.6611 23.9719 11.1586 24.1822 11.585 24.5327ZM15.1387 16.8925C15.423 16.6121 15.9916 16.6121 16.347 16.8925C16.418 16.9626 16.418 16.9626 16.418 17.0327C16.4891 17.1027 16.4891 17.1027 16.4891 17.1728C16.4891 17.2429 16.5602 17.2429 16.5602 17.313C16.5602 17.3831 16.5602 17.3831 16.5602 17.4532C16.5602 17.6635 16.4891 17.8738 16.2759 18.014C16.1337 18.1541 15.9205 18.2943 15.7073 18.2943C15.5652 18.2943 15.4941 18.2943 15.3519 18.2242C15.2098 18.1541 15.1387 18.1541 15.0676 18.014C14.9255 17.8738 14.7833 17.6635 14.7833 17.4532C14.8544 17.2429 14.9255 17.0327 15.1387 16.8925ZM11.3007 17.313C11.3007 17.2429 11.3007 17.1728 11.3718 17.1728C11.3718 17.1027 11.4429 17.1027 11.4429 17.0327C11.4429 16.9626 11.514 16.9626 11.514 16.8925C11.514 16.8224 11.585 16.8224 11.6561 16.8224C11.7272 16.8224 11.7272 16.7523 11.7982 16.7523C11.8693 16.7523 11.8693 16.7523 11.9404 16.6822C12.2247 16.6121 12.509 16.6822 12.7222 16.8925C12.8644 17.0327 13.0065 17.2429 13.0065 17.5233C13.0065 17.7336 12.9354 17.9439 12.7222 18.0841C12.5801 18.2242 12.3668 18.3644 12.1536 18.3644C12.0115 18.3644 11.9404 18.3644 11.7982 18.2943C11.6561 18.2242 11.585 18.2242 11.514 18.0841C11.3718 17.9439 11.3007 17.7336 11.3007 17.5233C11.3007 17.4532 11.3007 17.3831 11.3007 17.313ZM9.38174 17.8037C9.31067 17.8738 9.31067 18.014 9.16852 18.0841C9.02637 18.2242 8.81315 18.3644 8.59993 18.3644C8.38671 18.3644 8.17349 18.2943 7.96026 18.0841C7.88919 18.014 7.81812 17.9439 7.74704 17.8037C7.67597 17.7336 7.67597 17.5934 7.67597 17.4532C7.67597 17.2429 7.74704 17.0327 7.88919 16.8224C8.17349 16.542 8.74208 16.542 9.09745 16.8224C9.23959 16.9626 9.38174 17.1728 9.38174 17.4532C9.45281 17.5934 9.45281 17.7336 9.38174 17.8037Z" fill="#32EFE7"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M50.6756 31.9626H30.4196C29.2824 31.9626 28.3584 32.8739 28.3584 33.9954V41.986C28.3584 43.1075 29.2824 44.0187 30.4196 44.0187H34.4708C35.0394 44.0187 35.5369 44.229 35.8923 44.5795L37.9534 46.6122C38.2377 46.8926 38.8063 46.8926 39.0906 46.6122L41.1517 44.5795C41.5071 44.229 42.0757 44.0187 42.5732 44.0187H50.6756C51.8128 44.0187 52.7368 43.1075 52.7368 41.986V33.9954C52.6657 32.8739 51.7417 31.9626 50.6756 31.9626ZM37.7402 38.2711C37.6691 38.3412 37.6691 38.4813 37.527 38.5514C37.3848 38.6916 37.1716 38.8318 36.9584 38.8318C36.7452 38.8318 36.5319 38.7617 36.3187 38.5514C36.2476 38.4813 36.1766 38.4112 36.1055 38.2711C36.0344 38.201 36.0344 38.0608 36.0344 37.9206C36.0344 37.7103 36.1055 37.5 36.2476 37.2898C36.5319 37.0094 37.1005 37.0094 37.4559 37.2898C37.598 37.4299 37.7402 37.6402 37.7402 37.9206C37.8113 38.0608 37.8113 38.201 37.7402 38.2711ZM41.1517 38.5514C41.0096 38.6916 40.7964 38.8318 40.5831 38.8318C40.441 38.8318 40.3699 38.8318 40.2278 38.7617C40.0856 38.6916 40.0145 38.6916 39.9435 38.5514C39.8013 38.4112 39.7303 38.201 39.7303 37.9907C39.7303 37.9206 39.7303 37.8505 39.7303 37.8505C39.7303 37.7804 39.7303 37.7103 39.8013 37.7103C39.8013 37.6402 39.8724 37.6402 39.8724 37.5701C39.8724 37.5 39.9435 37.5 39.9435 37.4299C39.9435 37.3598 40.0145 37.3598 40.0856 37.3598C40.1567 37.3598 40.1567 37.2898 40.2278 37.2898C40.2988 37.2898 40.2988 37.2898 40.3699 37.2197C40.6542 37.1496 40.9385 37.2197 41.1517 37.4299C41.2939 37.5701 41.436 37.7804 41.436 38.0608C41.3649 38.201 41.2939 38.4112 41.1517 38.5514ZM44.7054 38.5514C44.5633 38.6916 44.35 38.8318 44.1368 38.8318C43.9947 38.8318 43.9236 38.8318 43.7815 38.7617C43.6393 38.6916 43.5682 38.6916 43.4972 38.5514C43.355 38.4112 43.2129 38.201 43.2129 37.9907C43.2129 37.7804 43.2839 37.5701 43.4972 37.3598C43.7815 37.0795 44.35 37.0795 44.7054 37.3598C44.7765 37.4299 44.7765 37.4299 44.7765 37.5C44.8476 37.5701 44.8476 37.5701 44.8476 37.6402C44.8476 37.7103 44.9186 37.7103 44.9186 37.7804C44.9186 37.8505 44.9186 37.8505 44.9186 37.9206C44.9186 38.201 44.8476 38.4112 44.7054 38.5514Z" fill="#A849CF"/>
<path fillRule="evenodd" clipRule="evenodd" d="M39.9435 48.8551C39.1616 49.6262 37.8823 49.6262 37.0294 48.8551L34.3286 46.1916H30.3485C28.0031 46.1916 26.013 44.2991 26.013 41.9159V33.9953C26.013 31.6822 27.932 29.7196 30.3485 29.7196H45.7715V6.02804C45.7715 2.73365 43.0707 0 39.6592 0H13.0065C9.66603 0 6.89415 2.66355 6.89415 6.02804V8.90187H22.3172C24.6626 8.90187 26.6527 10.7944 26.6527 13.1776V22.0794C26.6527 24.3925 24.7337 26.3551 22.3172 26.3551H18.337L15.6362 28.8785C14.8544 29.6495 13.5751 29.6495 12.7222 28.8785L10.0214 26.215H6.89415V53.972C6.89415 57.2664 9.59495 60 13.0065 60H39.7302C43.0707 60 45.8426 57.3364 45.8426 53.972V46.1916H42.6443L39.9435 48.8551Z" fill="white"/>
<path fillRule="evenodd" clipRule="evenodd" d="M11.585 24.5327L13.6462 26.5654C13.9305 26.8457 14.4991 26.8457 14.7833 26.5654L16.8445 24.5327C17.1999 24.1822 17.7684 23.9719 18.266 23.9719H22.3172C23.4543 23.9719 24.3783 23.0607 24.3783 21.9392V13.1074C24.3783 11.9859 23.4543 11.0747 22.3172 11.0747H2.06114C0.923959 11.0747 0 11.9859 0 13.1074V22.0093C0 23.1308 0.923959 24.042 2.06114 24.042H10.1636C10.6611 23.9719 11.1586 24.1822 11.585 24.5327ZM15.1387 16.8925C15.423 16.6121 15.9916 16.6121 16.347 16.8925C16.418 16.9626 16.418 16.9626 16.418 17.0327C16.4891 17.1027 16.4891 17.1027 16.4891 17.1728C16.4891 17.2429 16.5602 17.2429 16.5602 17.313C16.5602 17.3831 16.5602 17.3831 16.5602 17.4532C16.5602 17.6635 16.4891 17.8738 16.2759 18.014C16.1337 18.1541 15.9205 18.2943 15.7073 18.2943C15.5652 18.2943 15.4941 18.2943 15.3519 18.2242C15.2098 18.1541 15.1387 18.1541 15.0676 18.014C14.9255 17.8738 14.7833 17.6635 14.7833 17.4532C14.8544 17.2429 14.9255 17.0327 15.1387 16.8925ZM11.3007 17.313C11.3007 17.2429 11.3007 17.1728 11.3718 17.1728C11.3718 17.1027 11.4429 17.1027 11.4429 17.0327C11.4429 16.9626 11.514 16.9626 11.514 16.8925C11.514 16.8224 11.585 16.8224 11.6561 16.8224C11.7272 16.8224 11.7272 16.7523 11.7982 16.7523C11.8693 16.7523 11.8693 16.7523 11.9404 16.6822C12.2247 16.6121 12.509 16.6822 12.7222 16.8925C12.8644 17.0327 13.0065 17.2429 13.0065 17.5233C13.0065 17.7336 12.9354 17.9439 12.7222 18.0841C12.5801 18.2242 12.3668 18.3644 12.1536 18.3644C12.0115 18.3644 11.9404 18.3644 11.7982 18.2943C11.6561 18.2242 11.585 18.2242 11.514 18.0841C11.3718 17.9439 11.3007 17.7336 11.3007 17.5233C11.3007 17.4532 11.3007 17.3831 11.3007 17.313ZM9.38174 17.8037C9.31067 17.8738 9.31067 18.014 9.16852 18.0841C9.02637 18.2242 8.81315 18.3644 8.59993 18.3644C8.38671 18.3644 8.17349 18.2943 7.96026 18.0841C7.88919 18.014 7.81812 17.9439 7.74704 17.8037C7.67597 17.7336 7.67597 17.5934 7.67597 17.4532C7.67597 17.2429 7.74704 17.0327 7.88919 16.8224C8.17349 16.542 8.74208 16.542 9.09745 16.8224C9.23959 16.9626 9.38174 17.1728 9.38174 17.4532C9.45281 17.5934 9.45281 17.7336 9.38174 17.8037Z" fill="#32EFE7"/>
<path fillRule="evenodd" clipRule="evenodd" d="M50.6756 31.9626H30.4196C29.2824 31.9626 28.3584 32.8739 28.3584 33.9954V41.986C28.3584 43.1075 29.2824 44.0187 30.4196 44.0187H34.4708C35.0394 44.0187 35.5369 44.229 35.8923 44.5795L37.9534 46.6122C38.2377 46.8926 38.8063 46.8926 39.0906 46.6122L41.1517 44.5795C41.5071 44.229 42.0757 44.0187 42.5732 44.0187H50.6756C51.8128 44.0187 52.7368 43.1075 52.7368 41.986V33.9954C52.6657 32.8739 51.7417 31.9626 50.6756 31.9626ZM37.7402 38.2711C37.6691 38.3412 37.6691 38.4813 37.527 38.5514C37.3848 38.6916 37.1716 38.8318 36.9584 38.8318C36.7452 38.8318 36.5319 38.7617 36.3187 38.5514C36.2476 38.4813 36.1766 38.4112 36.1055 38.2711C36.0344 38.201 36.0344 38.0608 36.0344 37.9206C36.0344 37.7103 36.1055 37.5 36.2476 37.2898C36.5319 37.0094 37.1005 37.0094 37.4559 37.2898C37.598 37.4299 37.7402 37.6402 37.7402 37.9206C37.8113 38.0608 37.8113 38.201 37.7402 38.2711ZM41.1517 38.5514C41.0096 38.6916 40.7964 38.8318 40.5831 38.8318C40.441 38.8318 40.3699 38.8318 40.2278 38.7617C40.0856 38.6916 40.0145 38.6916 39.9435 38.5514C39.8013 38.4112 39.7303 38.201 39.7303 37.9907C39.7303 37.9206 39.7303 37.8505 39.7303 37.8505C39.7303 37.7804 39.7303 37.7103 39.8013 37.7103C39.8013 37.6402 39.8724 37.6402 39.8724 37.5701C39.8724 37.5 39.9435 37.5 39.9435 37.4299C39.9435 37.3598 40.0145 37.3598 40.0856 37.3598C40.1567 37.3598 40.1567 37.2898 40.2278 37.2898C40.2988 37.2898 40.2988 37.2898 40.3699 37.2197C40.6542 37.1496 40.9385 37.2197 41.1517 37.4299C41.2939 37.5701 41.436 37.7804 41.436 38.0608C41.3649 38.201 41.2939 38.4112 41.1517 38.5514ZM44.7054 38.5514C44.5633 38.6916 44.35 38.8318 44.1368 38.8318C43.9947 38.8318 43.9236 38.8318 43.7815 38.7617C43.6393 38.6916 43.5682 38.6916 43.4972 38.5514C43.355 38.4112 43.2129 38.201 43.2129 37.9907C43.2129 37.7804 43.2839 37.5701 43.4972 37.3598C43.7815 37.0795 44.35 37.0795 44.7054 37.3598C44.7765 37.4299 44.7765 37.4299 44.7765 37.5C44.8476 37.5701 44.8476 37.5701 44.8476 37.6402C44.8476 37.7103 44.9186 37.7103 44.9186 37.7804C44.9186 37.8505 44.9186 37.8505 44.9186 37.9206C44.9186 38.201 44.8476 38.4112 44.7054 38.5514Z" fill="#A849CF"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

2
src/stories/assets/paperclip.svg
View File

@ -1,5 +1,5 @@
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<g clipPath="url(#clip0)">
<path d="M5.3 15.6C4 15.6 2.6 15 1.6 14C0.6 13 0 11.6 0 10.2C0 8.79998 0.6 7.39998 1.6 6.39998L6.9 1.09998C8.4 -0.400024 10.8 -0.400024 12.3 1.09998C13.8 2.59998 13.8 4.99998 12.3 6.49998L7 11.9C6.1 12.8 4.6 12.8 3.7 11.9C2.8 11 2.8 9.49998 3.7 8.59998L9 3.19998C9.3 2.89998 9.9 2.89998 10.2 3.19998C10.5 3.49998 10.5 4.09998 10.2 4.39998L4.9 9.79998C4.6 10.1 4.6 10.5 4.9 10.7C5.2 11 5.6 11 5.8 10.7L11.1 5.39998C11.9 4.59998 11.9 3.19998 11.1 2.39998C10.3 1.59998 8.9 1.59998 8.1 2.39998L2.8 7.59998C2.1 8.29998 1.7 9.19998 1.7 10.2C1.7 11.2 2.1 12.1 2.8 12.8C4.2 14.2 6.5 14.2 8 12.8L15.4 5.39998C15.7 5.09998 16.3 5.09998 16.6 5.39998C16.9 5.69998 16.9 6.29998 16.6 6.59998L8.8 14.4C7.8 15.2 6.6 15.6 5.3 15.6Z" fill="#091132"/>
</g>
<defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 966 B

After

Width:  |  Height:  |  Size: 965 B