Skip to content

Commit

Permalink
docs(PPDSC-2150): Structured list page (#207)
Browse files Browse the repository at this point in the history 
* docs(PPDSC-2150): Structured list page.
  • Loading branch information
@Srinivasan-Ramasamy
Srinivasan-Ramasamy authored May 27, 2022
1 parent edcc238 commit a7d1893
Show file tree
Hide file tree
Showing 13 changed files with 1,778 additions and 80 deletions.
235 changes: 235 additions & 0 deletions site/components/illustrations/components/structured-list/anatomy.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,235 @@
import React from 'react';
import {Svg} from '../../svg';
import {Path} from '../../path';
import {Rect} from '../../rect';
import {Circle} from '../../circle';

export const Anatomy: React.FC = () => (
<Svg
width="1490"
height="838"
viewBox="0 0 1490 838"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<Rect width="1490" height="838" fill="illustrationBackground010" />
<Path
d="M1118.92 250.329H391.078C385.842 250.329 381.596 254.575 381.596 259.812V601.22C381.596 606.457 385.842 610.702 391.078 610.702H725.503H1118.92C1124.16 610.702 1128.4 606.457 1128.4 601.22V259.812C1128.4 254.575 1124.16 250.329 1118.92 250.329Z"
fill="illustrationInterface020"
stroke="#2B4AAB"
stroke-width="1.34109"
/>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M382.267 340.031V340.969H1127.73V340.031H382.267Z"
fill="illustrationAnatomyBorder020"
/>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M382.267 430.031V430.969H1127.73V430.031H382.267Z"
fill="illustrationAnatomyBorder020"
/>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M382.767 520.032V520.969H1128.23V520.032H382.767Z"
fill="illustrationAnatomyBorder020"
/>
<Rect
x="415.124"
y="549.138"
width="91.75"
height="12.0824"
rx="6.04122"
fill="illustrationPalette020"
/>
<Rect
x="415.124"
y="459.138"
width="91.75"
height="12.0824"
rx="6.04122"
fill="illustrationPalette020"
/>
<Rect
x="415.124"
y="369.138"
width="91.75"
height="12.0824"
rx="6.04122"
fill="illustrationPalette020"
/>
<Rect
x="415.124"
y="279.138"
width="91.75"
height="12.0824"
rx="6.04122"
fill="illustrationPalette020"
/>
<Rect
x="754.5"
y="290.459"
width="135.875"
height="12.0824"
rx="6.04122"
fill="illustrationPalette020"
/>
<Rect
x="754.5"
y="380.459"
width="135.875"
height="12.0824"
rx="6.04122"
fill="illustrationPalette020"
/>
<Rect
x="754.5"
y="470.459"
width="135.875"
height="12.0824"
rx="6.04122"
fill="illustrationPalette020"
/>
<Rect
x="754.5"
y="560.459"
width="135.875"
height="12.0824"
rx="6.04122"
fill="illustrationPalette020"
/>
<Rect
x="1047.5"
y="290.459"
width="46.5"
height="12.0824"
rx="6.04122"
fill="illustrationPalette020"
/>
<Rect
x="1047.5"
y="380.459"
width="46.5"
height="12.0824"
rx="6.04122"
fill="illustrationPalette020"
/>
<Rect
x="1047.5"
y="470.459"
width="46.5"
height="12.0824"
rx="6.04122"
fill="illustrationPalette020"
/>
<Rect
x="1047.5"
y="560.459"
width="46.5"
height="12.0824"
rx="6.04122"
fill="illustrationPalette020"
/>
<Rect
x="415.124"
y="573.223"
width="237.876"
height="7.9978"
rx="3.9989"
fill="illustrationPalette020"
/>
<Rect
x="415.124"
y="483.648"
width="237.876"
height="7.9978"
rx="3.9989"
fill="illustrationPalette020"
/>
<Rect
x="415.124"
y="394.074"
width="237.876"
height="7.9978"
rx="3.9989"
fill="illustrationPalette020"
/>
<Rect
x="415.124"
y="304.5"
width="237.876"
height="7.9978"
rx="3.9989"
fill="illustrationPalette020"
/>
<Path
d="M382.267 232.235V210.235C382.267 199.189 393.709 190.235 407.823 190.235L755.5 190.235V150.5"
stroke="#577FFB"
stroke-width="2"
stroke-linecap="round"
/>
<Path
d="M728 190.235L1102.18 190.235C1116.29 190.235 1127.73 199.189 1127.73 210.235V232.235"
stroke="#577FFB"
stroke-width="2"
stroke-linecap="round"
/>
<Circle cx="755" cy="131" r="22" fill="#577FFB" />
<Path
d="M750.958 126.438V122.94H757.052V139H753.136V126.438H750.958Z"
fill="white"
/>
<Path
d="M1144.04 344.759C1146.27 344.759 1148.08 343.077 1148.08 341C1148.08 338.924 1146.27 337.241 1144.04 337.241C1141.81 337.241 1140 338.924 1140 341C1140 343.077 1141.81 344.759 1144.04 344.759Z"
fill="illustrationPalette040"
/>
<Path
d="M1148.08 339.927H1236.89V342.075H1148.08V339.927Z"
fill="illustrationPalette040"
/>
<Circle cx="1259" cy="337.742" r="22" fill="#577FFB" />
<Path
d="M1252.13 342.882V339.846L1259.09 329.902H1263.29V339.626H1265.09V342.882H1263.29V345.742H1259.53V342.882H1252.13ZM1259.79 334.038L1256.09 339.626H1259.79V334.038Z"
fill="white"
/>
<Circle cx="232.5" cy="295.676" r="22" fill="#577FFB" />
<Path
d="M226.574 300.662C227.072 300.266 227.3 300.083 227.256 300.112C228.693 298.924 229.822 297.949 230.644 297.186C231.48 296.423 232.184 295.624 232.756 294.788C233.328 293.952 233.614 293.138 233.614 292.346C233.614 291.745 233.474 291.275 233.196 290.938C232.917 290.601 232.499 290.432 231.942 290.432C231.384 290.432 230.944 290.645 230.622 291.07C230.314 291.481 230.16 292.067 230.16 292.83H226.53C226.559 291.583 226.823 290.542 227.322 289.706C227.835 288.87 228.502 288.254 229.324 287.858C230.16 287.462 231.084 287.264 232.096 287.264C233.841 287.264 235.154 287.711 236.034 288.606C236.928 289.501 237.376 290.667 237.376 292.104C237.376 293.673 236.84 295.133 235.77 296.482C234.699 297.817 233.335 299.122 231.678 300.398H237.618V303.456H226.574V300.662Z"
fill="white"
/>
<Path
d="M353.25 252L353.25 341"
stroke="#577FFB"
stroke-width="2"
stroke-linecap="round"
/>
<Path
d="M353.25 296.75L248.5 296.5"
stroke="#577FFB"
stroke-width="2"
stroke-linecap="round"
/>
<Circle cx="533.624" cy="713" r="22" fill="#577FFB" />
<Path
d="M527.086 709.472C527.145 707.903 527.658 706.693 528.626 705.842C529.594 704.991 530.907 704.566 532.564 704.566C533.664 704.566 534.603 704.757 535.38 705.138C536.172 705.519 536.766 706.04 537.162 706.7C537.573 707.36 537.778 708.101 537.778 708.922C537.778 709.89 537.536 710.682 537.052 711.298C536.568 711.899 536.004 712.31 535.358 712.53V712.618C536.194 712.897 536.854 713.359 537.338 714.004C537.822 714.649 538.064 715.478 538.064 716.49C538.064 717.399 537.852 718.206 537.426 718.91C537.016 719.599 536.407 720.142 535.6 720.538C534.808 720.934 533.862 721.132 532.762 721.132C531.002 721.132 529.594 720.699 528.538 719.834C527.497 718.969 526.947 717.663 526.888 715.918H530.54C530.555 716.563 530.738 717.077 531.09 717.458C531.442 717.825 531.956 718.008 532.63 718.008C533.202 718.008 533.642 717.847 533.95 717.524C534.273 717.187 534.434 716.747 534.434 716.204C534.434 715.5 534.207 714.994 533.752 714.686C533.312 714.363 532.601 714.202 531.618 714.202H530.914V711.144H531.618C532.366 711.144 532.968 711.019 533.422 710.77C533.892 710.506 534.126 710.044 534.126 709.384C534.126 708.856 533.98 708.445 533.686 708.152C533.393 707.859 532.99 707.712 532.476 707.712C531.919 707.712 531.501 707.881 531.222 708.218C530.958 708.555 530.804 708.973 530.76 709.472H527.086Z"
fill="white"
/>
<Path
d="M415.874 640.328L653 640.328"
stroke="#577FFB"
stroke-width="2"
stroke-linecap="round"
/>
<Path
d="M533.624 640.327V703.75"
stroke="#577FFB"
stroke-width="2"
stroke-linecap="round"
/>
</Svg>
);

export default Anatomy;
Loading

0 comments on commit a7d1893

Please sign in to comment.