Skip to content

Commit

Permalink
feat(Illustration): added new stackedPagesIllustration
Browse files Browse the repository at this point in the history 
Added a new illustration : **StackedPages**, that needs to be used in Teams Trial Modal
  • Loading branch information
@so-haa
so-haa authored Sep 23, 2024
1 parent c564787 commit 4173b45
Show file tree
Hide file tree
Showing 2 changed files with 175 additions and 0 deletions.
174 changes: 174 additions & 0 deletions packages/gamut-illustrations/src/StackedPages.tsx
View file
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
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

0 comments on commit 4173b45

Please sign in to comment.