docs(ppdsc 2400): ordered list documentation

site/components/illustrations/components/ordered-list/anatomy-01.tsx

@@ -0,0 +1,130 @@
+import React from 'react';
+import {Svg} from '../../svg';
+import {Path} from '../../path';
+import {Rect} from '../../rect';
+
+export const anatomy: React.FC = () => (
+  <Svg
+    width="1490"
+    height="838"
+    viewBox="0 0 1490 838"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <Path d="M0 0H1490V838H0V0Z" fill="illustrationBackground010" />
+    <Path
+      d="M441.262 442.292V434.184H456.409V480H447.359V442.292H441.262Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M470.003 480.44C468.411 480.44 467.091 479.958 466.043 478.994C465.038 477.989 464.535 476.753 464.535 475.286C464.535 473.82 465.038 472.605 466.043 471.641C467.091 470.636 468.411 470.133 470.003 470.133C471.553 470.133 472.831 470.636 473.836 471.641C474.842 472.605 475.345 473.82 475.345 475.286C475.345 476.753 474.842 477.989 473.836 478.994C472.831 479.958 471.553 480.44 470.003 480.44Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M543.447 480.44C539.341 480.44 535.57 479.476 532.134 477.549C528.698 475.622 525.975 472.961 523.964 469.567C521.953 466.132 520.947 462.256 520.947 457.941C520.947 453.667 521.953 449.833 523.964 446.44C525.975 443.004 528.698 440.322 532.134 438.395C535.57 436.468 539.341 435.504 543.447 435.504C547.594 435.504 551.365 436.468 554.759 438.395C558.195 440.322 560.897 443.004 562.866 446.44C564.877 449.833 565.883 453.667 565.883 457.941C565.883 462.256 564.877 466.132 562.866 469.567C560.897 472.961 558.195 475.622 554.759 477.549C551.323 479.476 547.553 480.44 543.447 480.44ZM543.447 472.584C546.086 472.584 548.412 471.997 550.423 470.824C552.434 469.609 554.005 467.891 555.136 465.671C556.267 463.45 556.833 460.874 556.833 457.941C556.833 455.008 556.267 452.452 555.136 450.273C554.005 448.053 552.434 446.356 550.423 445.183C548.412 444.009 546.086 443.423 543.447 443.423C540.807 443.423 538.461 444.009 536.408 445.183C534.397 446.356 532.825 448.053 531.694 450.273C530.563 452.452 529.997 455.008 529.997 457.941C529.997 460.874 530.563 463.45 531.694 465.671C532.825 467.891 534.397 469.609 536.408 470.824C538.461 471.997 540.807 472.584 543.447 472.584Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M581.228 450.588C582.359 448.744 583.825 447.299 585.627 446.251C587.47 445.204 589.565 444.68 591.912 444.68V453.918H589.586C586.821 453.918 584.726 454.568 583.302 455.867C581.919 457.166 581.228 459.428 581.228 462.654V480H572.429V445.183H581.228V450.588Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M595.575 462.466C595.575 458.946 596.267 455.825 597.649 453.101C599.074 450.378 601.001 448.283 603.431 446.817C605.861 445.35 608.564 444.617 611.539 444.617C613.801 444.617 615.959 445.12 618.012 446.125C620.065 447.089 621.699 448.388 622.914 450.022V433.493H631.838V480H622.914V474.847C621.825 476.564 620.295 477.947 618.326 478.994C616.357 480.042 614.073 480.566 611.476 480.566C608.543 480.566 605.861 479.811 603.431 478.303C601.001 476.795 599.074 474.679 597.649 471.956C596.267 469.19 595.575 466.027 595.575 462.466ZM622.977 462.591C622.977 460.455 622.558 458.632 621.72 457.124C620.882 455.573 619.751 454.4 618.326 453.604C616.902 452.766 615.372 452.347 613.738 452.347C612.104 452.347 610.596 452.745 609.213 453.541C607.831 454.337 606.699 455.511 605.819 457.061C604.982 458.569 604.563 460.371 604.563 462.466C604.563 464.561 604.982 466.404 605.819 467.996C606.699 469.546 607.831 470.741 609.213 471.578C610.638 472.416 612.146 472.835 613.738 472.835C615.372 472.835 616.902 472.437 618.326 471.641C619.751 470.803 620.882 469.63 621.72 468.122C622.558 466.572 622.977 464.728 622.977 462.591Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M672.798 461.837C672.798 463.094 672.714 464.225 672.547 465.231H647.093C647.303 467.745 648.183 469.714 649.733 471.139C651.283 472.563 653.19 473.275 655.452 473.275C658.72 473.275 661.046 471.872 662.428 469.065H671.918C670.913 472.416 668.985 475.182 666.136 477.36C663.287 479.497 659.789 480.566 655.641 480.566C652.289 480.566 649.272 479.832 646.591 478.366C643.951 476.858 641.877 474.742 640.369 472.018C638.902 469.295 638.169 466.153 638.169 462.591C638.169 458.988 638.902 455.825 640.369 453.101C641.835 450.378 643.888 448.283 646.528 446.817C649.167 445.35 652.205 444.617 655.641 444.617C658.951 444.617 661.904 445.329 664.502 446.754C667.142 448.178 669.174 450.21 670.598 452.85C672.065 455.448 672.798 458.443 672.798 461.837ZM663.685 459.323C663.643 457.061 662.826 455.259 661.234 453.918C659.642 452.536 657.694 451.844 655.389 451.844C653.211 451.844 651.367 452.515 649.859 453.856C648.392 455.154 647.491 456.977 647.156 459.323H663.685Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M688.019 450.588C689.15 448.744 690.616 447.299 692.418 446.251C694.262 445.204 696.356 444.68 698.703 444.68V453.918H696.377C693.612 453.918 691.517 454.568 690.093 455.867C688.71 457.166 688.019 459.428 688.019 462.654V480H679.22V445.183H688.019V450.588Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M736.995 461.837C736.995 463.094 736.912 464.225 736.744 465.231H711.291C711.5 467.745 712.38 469.714 713.93 471.139C715.481 472.563 717.387 473.275 719.65 473.275C722.918 473.275 725.243 471.872 726.626 469.065H736.116C735.11 472.416 733.183 475.182 730.334 477.36C727.485 479.497 723.986 480.566 719.838 480.566C716.486 480.566 713.47 479.832 710.788 478.366C708.149 476.858 706.075 474.742 704.566 472.018C703.1 469.295 702.367 466.153 702.367 462.591C702.367 458.988 703.1 455.825 704.566 453.101C706.033 450.378 708.086 448.283 710.725 446.817C713.365 445.35 716.402 444.617 719.838 444.617C723.148 444.617 726.102 445.329 728.7 446.754C731.339 448.178 733.371 450.21 734.796 452.85C736.262 455.448 736.995 458.443 736.995 461.837ZM727.883 459.323C727.841 457.061 727.024 455.259 725.432 453.918C723.839 452.536 721.891 451.844 719.587 451.844C717.408 451.844 715.565 452.515 714.056 453.856C712.59 455.154 711.689 456.977 711.354 459.323H727.883Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M741.155 462.466C741.155 458.946 741.846 455.825 743.229 453.101C744.654 450.378 746.581 448.283 749.011 446.817C751.441 445.35 754.144 444.617 757.118 444.617C759.381 444.617 761.539 445.12 763.592 446.125C765.645 447.089 767.279 448.388 768.494 450.022V433.493H777.418V480H768.494V474.847C767.404 476.564 765.875 477.947 763.906 478.994C761.937 480.042 759.653 480.566 757.055 480.566C754.123 480.566 751.441 479.811 749.011 478.303C746.581 476.795 744.654 474.679 743.229 471.956C741.846 469.19 741.155 466.027 741.155 462.466ZM768.556 462.591C768.556 460.455 768.138 458.632 767.3 457.124C766.462 455.573 765.33 454.4 763.906 453.604C762.481 452.766 760.952 452.347 759.318 452.347C757.684 452.347 756.176 452.745 754.793 453.541C753.41 454.337 752.279 455.511 751.399 457.061C750.561 458.569 750.142 460.371 750.142 462.466C750.142 464.561 750.561 466.404 751.399 467.996C752.279 469.546 753.41 470.741 754.793 471.578C756.217 472.416 757.726 472.835 759.318 472.835C760.952 472.835 762.481 472.437 763.906 471.641C765.33 470.803 766.462 469.63 767.3 468.122C768.138 466.572 768.556 464.728 768.556 462.591Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M809.785 433.493V480H800.987V433.493H809.785Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M822.94 441.035C821.39 441.035 820.091 440.553 819.044 439.589C818.038 438.584 817.536 437.348 817.536 435.881C817.536 434.415 818.038 433.2 819.044 432.236C820.091 431.231 821.39 430.728 822.94 430.728C824.491 430.728 825.769 431.231 826.774 432.236C827.822 433.2 828.345 434.415 828.345 435.881C828.345 437.348 827.822 438.584 826.774 439.589C825.769 440.553 824.491 441.035 822.94 441.035ZM827.277 445.183V480H818.478V445.183H827.277Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M849.294 480.566C846.445 480.566 843.889 480.063 841.626 479.057C839.364 478.01 837.562 476.606 836.221 474.847C834.923 473.087 834.21 471.139 834.085 469.002H842.946C843.114 470.342 843.763 471.453 844.894 472.333C846.067 473.213 847.513 473.652 849.231 473.652C850.907 473.652 852.205 473.317 853.127 472.647C854.091 471.977 854.573 471.118 854.573 470.07C854.573 468.939 853.986 468.101 852.813 467.556C851.682 466.97 849.859 466.341 847.345 465.671C844.748 465.042 842.611 464.393 840.935 463.723C839.301 463.052 837.876 462.026 836.661 460.643C835.488 459.26 834.902 457.396 834.902 455.05C834.902 453.122 835.446 451.363 836.536 449.77C837.667 448.178 839.259 446.921 841.312 446C843.407 445.078 845.858 444.617 848.665 444.617C852.813 444.617 856.123 445.664 858.595 447.759C861.067 449.812 862.429 452.599 862.68 456.118H854.259C854.133 454.735 853.546 453.646 852.499 452.85C851.493 452.012 850.132 451.593 848.414 451.593C846.822 451.593 845.586 451.886 844.706 452.473C843.868 453.06 843.449 453.877 843.449 454.924C843.449 456.097 844.035 456.998 845.209 457.626C846.382 458.213 848.204 458.82 850.676 459.449C853.19 460.077 855.264 460.727 856.898 461.397C858.532 462.068 859.936 463.115 861.109 464.54C862.324 465.922 862.952 467.766 862.994 470.07C862.994 472.081 862.429 473.883 861.297 475.475C860.208 477.067 858.616 478.324 856.521 479.246C854.468 480.126 852.059 480.566 849.294 480.566Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M880.461 452.41V469.253C880.461 470.426 880.733 471.285 881.278 471.83C881.864 472.333 882.828 472.584 884.169 472.584H888.254V480H882.723C875.307 480 871.599 476.397 871.599 469.19V452.41H867.452V445.183H871.599V436.573H880.461V445.183H888.254V452.41H880.461Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M914.02 441.035C912.47 441.035 911.171 440.553 910.123 439.589C909.118 438.584 908.615 437.348 908.615 435.881C908.615 434.415 909.118 433.2 910.123 432.236C911.171 431.231 912.47 430.728 914.02 430.728C915.57 430.728 916.848 431.231 917.854 432.236C918.901 433.2 919.425 434.415 919.425 435.881C919.425 437.348 918.901 438.584 917.854 439.589C916.848 440.553 915.57 441.035 914.02 441.035ZM918.356 445.183V480H909.558V445.183H918.356Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M937.293 452.41V469.253C937.293 470.426 937.566 471.285 938.11 471.83C938.697 472.333 939.661 472.584 941.001 472.584H945.087V480H939.556C932.14 480 928.432 476.397 928.432 469.19V452.41H924.284V445.183H928.432V436.573H937.293V445.183H945.087V452.41H937.293Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M983.781 461.837C983.781 463.094 983.697 464.225 983.53 465.231H958.077C958.286 467.745 959.166 469.714 960.716 471.139C962.267 472.563 964.173 473.275 966.435 473.275C969.703 473.275 972.029 471.872 973.411 469.065H982.901C981.896 472.416 979.969 475.182 977.119 477.36C974.27 479.497 970.772 480.566 966.624 480.566C963.272 480.566 960.255 479.832 957.574 478.366C954.934 476.858 952.86 474.742 951.352 472.018C949.886 469.295 949.152 466.153 949.152 462.591C949.152 458.988 949.886 455.825 951.352 453.101C952.819 450.378 954.872 448.283 957.511 446.817C960.151 445.35 963.188 444.617 966.624 444.617C969.934 444.617 972.888 445.329 975.485 446.754C978.125 448.178 980.157 450.21 981.582 452.85C983.048 455.448 983.781 458.443 983.781 461.837ZM974.668 459.323C974.626 457.061 973.809 455.259 972.217 453.918C970.625 452.536 968.677 451.844 966.373 451.844C964.194 451.844 962.35 452.515 960.842 453.856C959.376 455.154 958.475 456.977 958.14 459.323H974.668Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M1033.44 444.68C1037.72 444.68 1041.15 446 1043.75 448.639C1046.39 451.237 1047.71 454.882 1047.71 459.575V480H1038.91V460.769C1038.91 458.045 1038.22 455.971 1036.84 454.547C1035.45 453.08 1033.57 452.347 1031.18 452.347C1028.79 452.347 1026.89 453.08 1025.46 454.547C1024.08 455.971 1023.39 458.045 1023.39 460.769V480H1014.59V460.769C1014.59 458.045 1013.9 455.971 1012.51 454.547C1011.13 453.08 1009.25 452.347 1006.86 452.347C1004.43 452.347 1002.5 453.08 1001.08 454.547C999.693 455.971 999.002 458.045 999.002 460.769V480H990.203V445.183H999.002V449.393C1000.13 447.927 1001.58 446.775 1003.34 445.937C1005.14 445.099 1007.11 444.68 1009.25 444.68C1011.97 444.68 1014.4 445.266 1016.54 446.44C1018.67 447.571 1020.33 449.205 1021.5 451.342C1022.63 449.331 1024.27 447.717 1026.4 446.502C1028.58 445.287 1030.93 444.68 1033.44 444.68Z"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M457.42 389C457.42 392.314 454.796 395 451.559 395C448.323 395 445.699 392.314 445.699 389C445.699 385.686 448.323 383 451.559 383C454.796 383 457.42 385.686 457.42 389Z"
+      fill="illustrationPalette040"
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M452.536 202L452.536 386L450.583 386L450.583 202L452.536 202Z"
+      fill="illustrationPalette040"
+    />
+    <Rect
+      x="433"
+      y="165"
+      width="38"
+      height="38"
+      rx="19"
+      fill="illustrationPalette040"
+    />
+    <Path
+      d="M448.075 188.902C449.372 187.82 450.406 186.921 451.177 186.205C451.947 185.475 452.589 184.718 453.103 183.934C453.616 183.15 453.873 182.38 453.873 181.623C453.873 180.933 453.711 180.393 453.387 180.001C453.062 179.609 452.562 179.413 451.886 179.413C451.21 179.413 450.69 179.643 450.325 180.102C449.96 180.548 449.771 181.163 449.757 181.947H447C447.054 180.325 447.534 179.095 448.44 178.257C449.359 177.419 450.521 177 451.927 177C453.468 177 454.651 177.412 455.475 178.237C456.3 179.048 456.712 180.122 456.712 181.461C456.712 182.515 456.428 183.522 455.86 184.482C455.293 185.441 454.644 186.279 453.914 186.996C453.184 187.699 452.231 188.55 451.055 189.55H457.036V191.902H447.02V189.794L448.075 188.902Z"
+      fill="white"
+    />
+    <Path
+      d="M779.42 389C779.42 392.314 776.796 395 773.559 395C770.323 395 767.699 392.314 767.699 389C767.699 385.686 770.323 383 773.559 383C776.796 383 779.42 385.686 779.42 389Z"
+      fill="illustrationPalette040"
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M774.536 202L774.536 386L772.583 386L772.583 202L774.536 202Z"
+      fill="illustrationPalette040"
+    />
+    <Rect
+      x="755.482"
+      y="165.049"
+      width="38"
+      height="38"
+      rx="19"
+      fill="illustrationPalette040"
+    />
+    <Path
+      d="M772 178.764V176H777.018V191.621H774.02V178.764H772Z"
+      fill="white"
+    />
+  </Svg>
+);
+
+export default anatomy;

site/components/illustrations/components/ordered-list/hero.tsx

@@ -0,0 +1,51 @@
+import React from 'react';
+import {Svg} from '../../svg';
+import {Path} from '../../path';
+import {Rect} from '../../rect';
+
+export const hero: 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="illustrationBackground020" />
+    <Path
+      d="M489 249.771V233H519V310H499.722V249.771H489Z"
+      fill="illustrationPalette040"
+    />
+    <Rect
+      width="402.622"
+      height="30.3865"
+      rx="15.1933"
+      transform="matrix(-1 0 0 1 1008 256.797)"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M482.214 443.368C484.643 441.436 485.75 440.542 485.536 440.685C492.536 434.889 498.036 430.13 502.036 426.409C506.107 422.688 509.536 418.788 512.321 414.709C515.107 410.631 516.5 406.659 516.5 402.795C516.5 399.861 515.821 397.571 514.464 395.926C513.107 394.28 511.071 393.457 508.357 393.457C505.643 393.457 503.5 394.494 501.929 396.57C500.429 398.573 499.679 401.435 499.679 405.156H482C482.143 399.074 483.429 393.993 485.857 389.915C488.357 385.836 491.607 382.83 495.607 380.898C499.679 378.966 504.179 378 509.107 378C517.607 378 524 380.183 528.286 384.548C532.643 388.913 534.821 394.602 534.821 401.614C534.821 409.271 532.214 416.391 527 422.974C521.786 429.486 515.143 435.855 507.071 442.08H536V457H482.214V443.368Z"
+      fill="illustrationPalette040"
+    />
+    <Rect
+      width="402.622"
+      height="30.3865"
+      rx="15.1933"
+      transform="matrix(-1 0 0 1 1008 402.975)"
+      fill="illustrationPalette020"
+    />
+    <Path
+      d="M482.957 548.692C483.24 541.114 485.72 535.27 490.398 531.162C495.075 527.054 501.417 525 509.425 525C514.74 525 519.276 525.921 523.031 527.763C526.858 529.604 529.728 532.118 531.642 535.306C533.626 538.493 534.618 542.07 534.618 546.036C534.618 550.711 533.449 554.535 531.11 557.51C528.772 560.414 526.043 562.397 522.925 563.46V563.885C526.965 565.23 530.154 567.462 532.492 570.578C534.831 573.694 536 577.696 536 582.583C536 586.975 534.972 590.87 532.917 594.27C530.933 597.599 527.992 600.219 524.094 602.132C520.268 604.044 515.697 605 510.382 605C501.878 605 495.075 602.911 489.972 598.732C484.941 594.553 482.283 588.249 482 579.821H499.646C499.717 582.937 500.602 585.416 502.303 587.258C504.004 589.029 506.484 589.914 509.744 589.914C512.508 589.914 514.634 589.135 516.122 587.577C517.681 585.948 518.461 583.823 518.461 581.202C518.461 577.802 517.362 575.359 515.165 573.871C513.039 572.313 509.602 571.534 504.854 571.534H501.453V556.767H504.854C508.469 556.767 511.374 556.164 513.571 554.96C515.839 553.686 516.972 551.454 516.972 548.267C516.972 545.717 516.264 543.734 514.846 542.318C513.429 540.901 511.48 540.193 509 540.193C506.307 540.193 504.287 541.007 502.941 542.636C501.665 544.265 500.921 546.284 500.709 548.692H482.957Z"
+      fill="illustrationPalette040"
+    />
+    <Rect
+      width="402.622"
+      height="30.3865"
+      rx="15.1933"
+      transform="matrix(-1 0 0 1 1008 550.303)"
+      fill="illustrationPalette020"
+    />
+  </Svg>
+);
+
+export default hero;