Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(Illustration): added new stackedPagesIllustration #2939

Merged
merged 4 commits into from
Sep 23, 2024
Merged

feat(Illustration): added new stackedPagesIllustration #2939

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
3213cac
feat(Illustration): added new stackedPagesIllustration
so-haa Sep 19, 2024
3176b91
fix formatting issue
so-haa Sep 23, 2024
34119da
Merge branch 'main' into stacked-pages-illustration
so-haa Sep 23, 2024
ffcd64f
Merge branch 'main' into stacked-pages-illustration
so-haa Sep 23, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
174 changes: 174 additions & 0 deletions packages/gamut-illustrations/src/StackedPages.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,174 @@
import * as React from 'react';

import { IllustrationProps } from './types';

export const StackedPages: React.FC<IllustrationProps> = ({
'aria-hidden': ariaHidden,
className,
height = '225',
width = '400',
}) => (
<svg
aria-hidden={ariaHidden}
className={className}
width={width}
height={height}
viewBox="0 0 694 667"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<path
fill="#1557FF"
stroke="#10162F"
strokeWidth="2"
d="M405.994 665.051 4.686 433.158l284.007-164.094 401.308 231.893-284.007 164.094Z"
/>
<path
fill="#F5FCFF"
d="M300.034 287.074c.018-2.816-3.922-5.123-8.799-5.154-4.878-.031-8.846 2.227-8.864 5.043-.017 2.816 3.922 5.124 8.8 5.155 4.877.031 8.845-2.228 8.863-5.044ZM317.618 297.223c.018-2.816-3.921-5.124-8.799-5.154-4.877-.031-8.846 2.227-8.863 5.043-.018 2.816 3.922 5.124 8.799 5.155 4.878.03 8.846-2.228 8.863-5.044ZM335.204 307.373c.018-2.816-3.922-5.124-8.799-5.155-4.878-.03-8.846 2.228-8.864 5.044-.017 2.816 3.922 5.124 8.8 5.154 4.877.031 8.845-2.227 8.863-5.043ZM569.906 499.484 274.125 328.57l13.852-4.231 295.781 170.915-13.852 4.23ZM464.266 543.261 247.856 418.2l10.605-6.118 216.373 125.06-10.568 6.119ZM350.779 513.649 151.805 398.674l10.568-6.119L361.346 507.53l-10.567 6.119ZM299.525 519.767 122.064 418.654l10.568-6.081 177.461 101.075-10.568 6.119ZM405.164 580.39l-98.505-56.392 10.567-6.119 98.506 56.392-10.568 6.119ZM396.634 464.886 219.173 363.772l10.568-6.119L407.24 458.767l-10.606 6.119ZM502.271 525.509l-98.505-56.392 10.567-6.119 98.506 56.392-10.568 6.119ZM332.964 577.709l-210.9-122.001 10.568-6.119L343.57 571.59l-10.606 6.119ZM512.237 498.616 274.125 360.902l11.247-5.704 238.112 137.676-11.247 5.742Z"
/>
<path
fill="#FFF0E5"
stroke="#10162F"
strokeMiterlimit="10"
strokeWidth="2"
d="M405.994 536.273 2.687 303.225l286.006-165.249L692 371.024 405.994 536.273Z"
/>
<path
fill="#10162F"
d="M300.038 157.118c.018-2.816-3.922-5.124-8.799-5.154-4.877-.031-8.846 2.227-8.863 5.043-.018 2.816 3.922 5.124 8.799 5.155 4.877.031 8.846-2.228 8.863-5.044ZM317.622 167.267c.018-2.816-3.922-5.123-8.799-5.154-4.878-.031-8.846 2.227-8.864 5.043-.017 2.816 3.922 5.124 8.8 5.155 4.877.031 8.845-2.228 8.863-5.044ZM335.206 177.417c.018-2.816-3.922-5.124-8.799-5.155-4.878-.031-8.846 2.228-8.864 5.044-.017 2.816 3.922 5.123 8.8 5.154 4.877.031 8.846-2.227 8.863-5.043Z"
/>
<path
stroke="#10162F"
strokeMiterlimit="10"
strokeWidth="2"
d="m257.067 156.22 403.307 233.048"
/>
<path
fill="#FFF0E5"
d="M339.607 384.963 126.216 261.678l128.473-74.221L468.08 310.742l-128.473 74.221Z"
/>
<path
fill="url(#a)"
d="M339.607 384.963 126.216 261.678l128.473-74.221L468.08 310.742l-128.473 74.221Z"
/>
<path
fill="#10162F"
stroke="#10162F"
strokeMiterlimit="10"
strokeWidth="2"
d="m289.9 305.454-26.079-15.108c-9.7-5.628-8.492-15.411 2.717-21.87 11.323-6.496 28.155-7.176 37.742-1.586l26.079 15.109c9.7 5.59 8.492 15.372-2.717 21.869-11.096 6.497-28.042 7.214-37.742 1.586Z"
/>
<path
fill="#F5FCFF"
stroke="#10162F"
strokeMiterlimit="10"
strokeWidth="2"
d="m287.107 280.411 11.511-6.648 4.303 9.103 4.265 9.141-15.814-2.456-15.814-2.492 11.549-6.648Z"
/>
<path
fill="#10162F"
stroke="#10162F"
strokeMiterlimit="10"
strokeWidth="2"
d="m440.673 470.543-78.691-45.325c-7.548-4.382-6.605-12.087 2.114-17.148 8.756-5.062 22.116-5.628 29.702-1.247l78.692 45.326c7.548 4.381 6.604 12.087-2.114 17.148-8.756 5.023-22.117 5.477-29.703 1.246Z"
/>
<path
fill="#FFF0E5"
stroke="#10162F"
strokeWidth="2"
d="M379.928 405.314c6.203.039 11.761 1.53 15.728 3.858 3.993 2.344 6.199 5.411 6.179 8.575-.02 3.164-2.264 6.203-6.286 8.496-3.997 2.279-9.572 3.7-15.776 3.661-6.203-.039-11.76-1.531-15.728-3.859-3.993-2.343-6.198-5.411-6.179-8.574.02-3.164 2.264-6.204 6.287-8.497 3.996-2.278 9.572-3.699 15.775-3.66Z"
/>
<path
fill="#10162F"
stroke="#10162F"
strokeMiterlimit="10"
strokeWidth="2"
d="m294.765 402.555 78.691 45.325c7.549 4.382 6.605 12.087-2.113 17.148-8.756 5.062-22.117 5.59-29.703 1.247l-78.691-45.326c-7.548-4.381-6.605-12.124 2.151-17.148 8.719-5.024 22.079-5.552 29.665-1.246Z"
/>
<path
fill="#FFF0E5"
stroke="#10162F"
strokeWidth="2"
d="M354.825 442.867c6.203.039 11.76 1.531 15.728 3.859 3.993 2.343 6.198 5.411 6.179 8.575-.02 3.163-2.264 6.203-6.287 8.496-3.996 2.278-9.572 3.7-15.775 3.661-6.203-.039-11.761-1.531-15.728-3.859-3.993-2.344-6.199-5.411-6.179-8.575.02-3.164 2.264-6.203 6.286-8.496 3.996-2.278 9.572-3.7 15.776-3.661Z"
/>
<path
fill="#1557FF"
stroke="#10162F"
strokeWidth="2"
d="M220.754 394.286 59.934 301.39l48.69-28.154 160.818 92.932-48.688 28.118ZM515.863 436.582 400.75 370.051l88.468-51.12 115.15 66.531-88.505 51.12Z"
/>
<path
fill="#F5FCFF"
stroke="#10162F"
strokeMiterlimit="10"
strokeWidth="2"
d="M405.993 400.297 2.687 167.249 288.692 2l403.307 233.01-286.006 165.287Z"
/>
<path
fill="#10162F"
d="M300.04 21.157c.018-2.817-3.922-5.124-8.799-5.155-4.878-.03-8.846 2.227-8.864 5.044-.017 2.816 3.922 5.123 8.8 5.154 4.877.03 8.845-2.227 8.863-5.043ZM317.624 31.305c.018-2.816-3.922-5.124-8.799-5.154-4.878-.03-8.846 2.227-8.864 5.043-.017 2.816 3.922 5.124 8.8 5.155 4.877.03 8.845-2.228 8.863-5.044ZM335.21 41.454c.018-2.816-3.922-5.124-8.799-5.154-4.878-.03-8.846 2.227-8.864 5.043-.018 2.816 3.922 5.124 8.799 5.155 4.878.03 8.846-2.228 8.864-5.044Z"
/>
<path
stroke="#10162F"
strokeMiterlimit="10"
strokeWidth="2"
d="m257.067 20.244 403.307 233.048"
/>
<path
fill="#FFF0E5"
d="M385.065 330.103 107.44 169.194l153.63-86.56L538.694 243.52l-153.629 86.582Z"
/>
<path
fill="url(#b)"
d="M385.065 330.103 107.44 169.194l153.63-86.56L538.694 243.52l-153.629 86.582Z"
/>
<path
stroke="#10162F"
strokeMiterlimit="10"
strokeWidth="2"
d="m386.823 333.481-278.986-162.87 158.212-90.197"
/>
<path
stroke="#10162F"
strokeMiterlimit="10"
strokeWidth="2"
d="M107.57 171.064h207.541l15.097 41.548 159.005-3.55"
/>
<path
fill="#10162F"
d="m487.213 216.654 12.833-7.819-13.172-7.252.339 15.071Z"
/>
<defs>
<pattern
id="a"
width=".187"
height=".324"
patternContentUnits="objectBoundingBox"
>
<use xlinkHref="#c" transform="scale(.00293 .00506)" />
</pattern>
<pattern
id="b"
width=".148"
height=".259"
patternContentUnits="objectBoundingBox"
>
<use xlinkHref="#d" transform="scale(.00232 .00404)" />
</pattern>
<image
xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACiSURBVHgB7dQxCoNAFEVRp0uRIlXILrL/1RkI6X4EERVn3jlgIzpTvdsez/c8AamaBkA0DYBsGgDZNACyaQBk0wDIpgGQTQMI16Zc7XZ/tdQGzL+HeEkN+G6+vAxpgM2zYOQG/N18+WjQBtg8K43UgFWbLz8N0gCbZ6OeG7Bp8+WQThtg8+ykpwbssvlyaCcNsHkOcuUGHLL5cslFG2DzcI4PilgkjJTX9d4AAAAASUVORK5CYII="
id="c"
width="64"
height="64"
/>
<image
xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABaSURBVHgB7dYxFYAwEETBAwWpeLgA/94gUZCkv5tpV8D+aNfTYyH7DgCV6QAAqEsHAEBdOgAA6tIBAFCXDgCAtNr9Hqv9TP/zf/8CAHLa/Xz6Dtj+vA4AgJkB1/FbAh0XTNkAAAAASUVORK5CYII="
id="d"
width="64"
height="64"
/>
</defs>
</svg>
);
1 change: 1 addition & 0 deletions packages/gamut-illustrations/src/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,7 @@ export * from './MobilePhone';
export * from './MoneyBack';
export * from './New';
export * from './NumberBlocks';
export * from './StackedPages';
export * from './OfficeAnnouncement';
export * from './Onboarding';
export * from './Plant';
Expand Down
Loading