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 stackedPagesVariantIllustration #3020

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

feat(Illustration): added new stackedPagesVariantIllustration #3020

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a71fc01
feat(Illustration): added new stackedPagesVariantIllustration
linseyjayne Jan 29, 2025
afa8dc4
update stroke width and stroke miter limit to the correct param names
linseyjayne Jan 30, 2025
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
244 changes: 244 additions & 0 deletions packages/gamut-illustrations/src/StackedPagesVariant.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,244 @@
import * as React from 'react';

import { IllustrationProps } from './types';

export const StackedPagesVariant: React.FC<IllustrationProps> = ({
'aria-hidden': ariaHidden,
className,
height = '742',
width = '772',
}) => (
<svg
aria-hidden={ariaHidden}
className={className}
width={width}
height={height}
viewBox="0 0 772 742"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<path
d="M451.33 742L2.00098 482.358L320.644 298.252L769.973 557.894L451.33 742Z"
fill="#10162F"
/>
<path
d="M333.279 319.605C333.299 316.468 328.909 313.896 323.475 313.862C318.041 313.828 313.62 316.344 313.601 319.481C313.581 322.619 317.97 325.19 323.404 325.224C328.838 325.258 333.259 322.742 333.279 319.605Z"
fill="#F5FCFF"
/>
<path
d="M352.869 330.912C352.889 327.774 348.5 325.203 343.066 325.169C337.632 325.135 333.211 327.65 333.191 330.788C333.171 333.925 337.56 336.496 342.994 336.531C348.428 336.565 352.85 334.049 352.869 330.912Z"
fill="#F5FCFF"
/>
<path
d="M372.462 342.22C372.482 339.083 368.093 336.512 362.659 336.477C357.224 336.443 352.803 338.959 352.784 342.096C352.764 345.234 357.153 347.805 362.587 347.839C368.021 347.873 372.442 345.358 372.462 342.22Z"
fill="#F5FCFF"
/>
<path
d="M633.947 556.254L304.414 365.836L319.845 361.123L649.379 551.541L633.947 556.254Z"
fill="#F5FCFF"
/>
<path
d="M516.252 605.028L275.146 465.696L286.962 458.879L528.026 598.21L516.252 605.028Z"
fill="#F5FCFF"
/>
<path
d="M389.814 572.034L168.135 443.938L179.909 437.121L401.588 565.217L389.814 572.034Z"
fill="#F5FCFF"
/>
<path
d="M332.712 578.851L135 466.199L146.774 459.424L344.485 572.034L332.712 578.851Z"
fill="#F5FCFF"
/>
<path
d="M450.406 646.393L340.66 583.565L352.433 576.748L462.18 639.576L450.406 646.393Z"
fill="#F5FCFF"
/>
<path
d="M440.902 517.707L243.191 405.055L254.964 398.238L452.718 510.89L440.902 517.707Z"
fill="#F5FCFF"
/>
<path
d="M558.594 585.248L448.848 522.421L460.621 515.604L570.368 578.431L558.594 585.248Z"
fill="#F5FCFF"
/>
<path
d="M369.967 643.404L135 507.481L146.774 500.664L381.782 636.587L369.967 643.404Z"
fill="#F5FCFF"
/>
<path
d="M569.697 555.285L304.414 401.856L316.944 395.502L582.227 548.889L569.697 555.285Z"
fill="#F5FCFF"
/>
<path
d="M451.33 597.24L2.00098 337.598L320.644 153.492L769.973 413.134L451.33 597.24Z"
fill="#FFF0E5"
stroke="#10162F"
strokeWidth="2"
strokeMiterlimit="10"
/>
<path
d="M333.284 174.82C333.303 171.682 328.914 169.111 323.48 169.077C318.046 169.043 313.625 171.559 313.605 174.696C313.586 177.834 317.975 180.405 323.409 180.439C328.843 180.473 333.264 177.957 333.284 174.82Z"
fill="#10162F"
/>
<path
d="M352.874 186.126C352.893 182.989 348.504 180.418 343.07 180.384C337.636 180.35 333.215 182.865 333.195 186.003C333.176 189.14 337.565 191.711 342.999 191.745C348.433 191.78 352.854 189.264 352.874 186.126Z"
fill="#10162F"
/>
<path
d="M372.464 197.435C372.484 194.298 368.095 191.726 362.661 191.692C357.227 191.658 352.806 194.174 352.786 197.311C352.766 200.449 357.156 203.02 362.59 203.054C368.024 203.088 372.445 200.573 372.464 197.435Z"
fill="#10162F"
/>
<path
d="M285.409 173.818L734.738 433.46"
stroke="#10162F"
strokeWidth="2"
strokeMiterlimit="10"
/>
<path
d="M377.368 428.663L139.626 291.309L282.759 208.619L520.5 345.973L377.368 428.663Z"
fill="#FFF0E5"
/>
<path
d="M377.368 428.663L139.626 291.309L282.759 208.619L520.5 345.973L377.368 428.663Z"
fill="url(#pattern0_5203_6616)"
/>
<path
d="M321.988 340.082L292.933 323.249C282.127 316.979 283.472 306.08 295.96 298.884C308.575 291.646 327.329 290.889 338.009 297.117L367.064 313.949C377.871 320.177 376.525 331.076 364.037 338.314C351.675 345.552 332.795 346.352 321.988 340.082Z"
fill="#10162F"
stroke="#10162F"
strokeWidth="2"
strokeMiterlimit="10"
/>
<path
d="M318.877 312.182L331.701 304.775L336.495 314.917L341.246 325.101L323.628 322.365L306.01 319.588L318.877 312.182Z"
fill="#F5FCFF"
stroke="#10162F"
strokeWidth="2"
strokeMiterlimit="10"
/>
<path
d="M489.967 524.009L402.296 473.511C393.887 468.63 394.938 460.045 404.651 454.406C414.406 448.767 429.291 448.136 437.743 453.018L525.414 503.515C533.824 508.397 532.773 516.981 523.059 522.62C513.304 528.217 498.419 528.722 489.967 524.009Z"
fill="#10162F"
stroke="#10162F"
strokeWidth="2"
strokeMiterlimit="10"
/>
<path
d="M422.29 451.224C429.217 451.267 435.43 452.933 439.87 455.539C444.336 458.16 446.833 461.608 446.81 465.191C446.788 468.774 444.248 472.191 439.749 474.755C435.277 477.305 429.044 478.892 422.117 478.849C415.189 478.805 408.977 477.14 404.537 474.534C400.071 471.913 397.574 468.464 397.596 464.881C397.619 461.299 400.159 457.882 404.658 455.317C409.13 452.767 415.363 451.18 422.29 451.224Z"
fill="#F5FCFF"
stroke="#10162F"
strokeWidth="2"
/>
<path
d="M327.409 448.262L415.08 498.76C423.489 503.641 422.438 512.226 412.725 517.865C402.97 523.504 388.084 524.093 379.633 519.253L291.962 468.756C283.552 463.874 284.603 455.248 294.359 449.651C304.072 444.054 318.957 443.465 327.409 448.262Z"
fill="#10162F"
stroke="#10162F"
strokeWidth="2"
strokeMiterlimit="10"
/>
<path
d="M394.322 493.062C401.25 493.105 407.462 494.771 411.902 497.376C416.368 499.997 418.865 503.446 418.843 507.029C418.82 510.612 416.28 514.028 411.781 516.593C407.309 519.143 401.076 520.73 394.149 520.686C387.222 520.643 381.009 518.977 376.569 516.372C372.103 513.751 369.606 510.302 369.629 506.719C369.651 503.137 372.191 499.72 376.69 497.155C381.162 494.605 387.395 493.018 394.322 493.062Z"
fill="#F5FCFF"
stroke="#10162F"
strokeWidth="2"
/>
<path
d="M244.952 439.183L65.5531 335.555L120.026 304.055L299.424 407.725L244.952 439.183Z"
fill="#1557FF"
stroke="#10162F"
strokeWidth="2"
/>
<path
d="M573.737 486.306L445.259 412.051L544.051 354.965L672.57 429.22L573.737 486.306Z"
fill="#1557FF"
stroke="#10162F"
strokeWidth="2"
/>
<path
d="M451.329 445.748L2 186.106L320.643 2L769.972 261.6L451.329 445.748Z"
fill="#F5FCFF"
stroke="#10162F"
strokeWidth="2"
strokeMiterlimit="10"
/>
<path
d="M333.286 23.3433C333.305 20.2058 328.916 17.6347 323.482 17.6005C318.048 17.5663 313.627 20.0821 313.607 23.2195C313.588 26.357 317.977 28.9281 323.411 28.9623C328.845 28.9964 333.266 26.4807 333.286 23.3433Z"
fill="#10162F"
/>
<path
d="M352.876 34.6499C352.896 31.5124 348.507 28.9413 343.073 28.9072C337.639 28.873 333.217 31.3887 333.198 34.5262C333.178 37.6636 337.567 40.2347 343.001 40.2689C348.435 40.3031 352.856 37.7874 352.876 34.6499Z"
fill="#10162F"
/>
<path
d="M372.469 45.9565C372.489 42.8191 368.099 40.2479 362.665 40.2138C357.231 40.1796 352.81 42.6953 352.791 45.8328C352.771 48.9703 357.16 51.5414 362.594 51.5755C368.028 51.6097 372.449 49.094 372.469 45.9565Z"
fill="#10162F"
/>
<path
d="M285.409 22.3242L734.738 281.966"
stroke="#10162F"
strokeWidth="2"
strokeMiterlimit="10"
/>
<path
d="M428.012 367.543L118.707 188.273L289.868 91.834L599.173 271.081L428.012 367.543Z"
fill="#FFF0E5"
/>
<path
d="M428.012 367.543L118.707 188.273L289.868 91.834L599.173 271.081L428.012 367.543Z"
fill="url(#pattern1_5203_6616)"
/>
<path
d="M429.971 371.307L119.149 189.852L295.416 89.3613"
stroke="#10162F"
strokeWidth="2"
strokeMiterlimit="10"
/>
<path
d="M118.853 190.355H350.077L366.896 236.645L544.046 232.689"
stroke="#10162F"
strokeWidth="2"
strokeMiterlimit="10"
/>
<path
d="M541.818 241.148L556.114 232.437L541.439 224.357L541.818 241.148Z"
fill="#10162F"
/>
<defs>
<pattern
id="pattern0_5203_6616"
patternContentUnits="objectBoundingBox"
width="0.168034"
height="0.290852"
>
<use
xlinkHref="#image0_5203_6616"
transform="scale(0.00262554 0.00454456)"
/>
</pattern>
<pattern
id="pattern1_5203_6616"
patternContentUnits="objectBoundingBox"
width="0.133204"
height="0.232129"
>
<use
xlinkHref="#image1_5203_6616"
transform="scale(0.00208131 0.00362701)"
/>
</pattern>
<image
id="image0_5203_6616"
width="64"
height="64"
xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACiSURBVHgB7dQxCoNAFEVRp0uRIlXILrL/1RkI6X4EERVn3jlgIzpTvdsez/c8AamaBkA0DYBsGgDZNACyaQBk0wDIpgGQTQMI16Zc7XZ/tdQGzL+HeEkN+G6+vAxpgM2zYOQG/N18+WjQBtg8K43UgFWbLz8N0gCbZ6OeG7Bp8+WQThtg8+ykpwbssvlyaCcNsHkOcuUGHLL5cslFG2DzcI4PilgkjJTX9d4AAAAASUVORK5CYII="
/>
<image
id="image1_5203_6616"
width="64"
height="64"
xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABaSURBVHgB7dYxFYAwEETBAwWpeLgA/94gUZCkv5tpV8D+aNfTYyH7DgCV6QAAqEsHAEBdOgAA6tIBAFCXDgCAtNr9Hqv9TP/zf/8CAHLa/Xz6Dtj+vA4AgJkB1/FbAh0XTNkAAAAASUVORK5CYII="
/>
</defs>
</svg>
);
3 changes: 2 additions & 1 deletion packages/gamut-illustrations/src/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,6 @@ 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 All @@ -46,6 +45,8 @@ export * from './Purpose';
export * from './Puzzle';
export * from './Python';
export * from './SevenDayTrial';
export * from './StackedPages';
export * from './StackedPagesVariant';
export * from './Sun';
export * from './Syllabus';
export * from './TagCelebration';
Expand Down
Loading