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

docs(PPDSC-2150): Structured list page #207

Merged
merged 13 commits into from
May 27, 2022
Merged

docs(PPDSC-2150): Structured list page #207

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
56ed617
docs(PPDSC-2150): initial ui changes
Srinivasan-Ramasamy May 20, 2022
63a79b8
docs(PPDSC-21502): state ui changes
Srinivasan-Ramasamy May 23, 2022
94f59e1
docs(PPDSC-2150): ui changes on the individual sections
Srinivasan-Ramasamy May 24, 2022
88b38a7
Merge branch 'main' into docs/PPDSC-2150-structured-list-page
Srinivasan-Ramasamy May 24, 2022
96281d2
docs(PPDSC-2150): table value changes
Srinivasan-Ramasamy May 24, 2022
d9ca62a
docs(PPDSC-2150): related section ui changes
Srinivasan-Ramasamy May 24, 2022
4ebba57
docs(PPDSC-2150): removed api summary details
Srinivasan-Ramasamy May 24, 2022
d4b11d4
docs(PPDSC-2150): content changes as per figma
Srinivasan-Ramasamy May 24, 2022
24ac7e4
Merge branch 'main' into docs/PPDSC-2150-structured-list-page
Srinivasan-Ramasamy May 24, 2022
1340619
docs(PPDSC-2150): overview screen images and content changes
Srinivasan-Ramasamy May 24, 2022
172da11
docs(PPDSC-2150): anatomy table arragy value fixes
Srinivasan-Ramasamy May 25, 2022
39c90cc
docs(PPDSC-2150): ui fixes
Srinivasan-Ramasamy May 25, 2022
eebc3ca
Merge branch 'main' into docs/PPDSC-2150-structured-list-page
Srinivasan-Ramasamy May 25, 2022
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
235 changes: 235 additions & 0 deletions site/components/illustrations/components/structured-list/anatomy.tsx
View file
Open in desktop
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