docs(PPDSC-2224): Fix for PR navigation URL (#273)

* docs(PPDSC-2224): Fix for PR navigation URL
newscorp-ghfb · Jul 14, 2022 · 2fbbe5a · 2fbbe5a
1 parent bab61f1
commit 2fbbe5a
Show file tree

Hide file tree

Showing 6 changed files with 83 additions and 20 deletions.
diff --git a/site/components/__tests__/__snapshots__/site-header.test.tsx.snap b/site/components/__tests__/__snapshots__/site-header.test.tsx.snap
@@ -1169,7 +1169,7 @@ exports[`SiteHeader has first item highlighted (About) if we are on a section wi
                   aria-current="page"
                   class="emotion-25"
                   data-testid="styled-indicator"
-                  href="/about/introduction"
+                  href="about/introduction"
                 >
                   <div
                     class="emotion-5"
@@ -1193,7 +1193,7 @@ exports[`SiteHeader has first item highlighted (About) if we are on a section wi
                   aria-current="false"
                   class="emotion-30"
                   data-testid="styled-indicator"
-                  href="/getting-started/overview"
+                  href="getting-started/overview"
                 >
                   <div
                     class="emotion-5"
@@ -1217,7 +1217,7 @@ exports[`SiteHeader has first item highlighted (About) if we are on a section wi
                   aria-current="false"
                   class="emotion-30"
                   data-testid="styled-indicator"
-                  href="/theme/overview"
+                  href="theme/overview"
                 >
                   <div
                     class="emotion-5"
@@ -1241,7 +1241,7 @@ exports[`SiteHeader has first item highlighted (About) if we are on a section wi
                   aria-current="false"
                   class="emotion-30"
                   data-testid="styled-indicator"
-                  href="/components/overview"
+                  href="components/overview"
                 >
                   <div
                     class="emotion-5"
@@ -1265,7 +1265,7 @@ exports[`SiteHeader has first item highlighted (About) if we are on a section wi
                   aria-current="false"
                   class="emotion-30"
                   data-testid="styled-indicator"
-                  href="/patterns/overview"
+                  href="patterns/overview"
                 >
                   <div
                     class="emotion-5"
@@ -2538,7 +2538,7 @@ exports[`SiteHeader has first item highlighted (About) if we are on the /about s
                   aria-current="page"
                   class="emotion-25"
                   data-testid="styled-indicator"
-                  href="/about/introduction"
+                  href="about/introduction"
                 >
                   <div
                     class="emotion-5"
@@ -2562,7 +2562,7 @@ exports[`SiteHeader has first item highlighted (About) if we are on the /about s
                   aria-current="false"
                   class="emotion-30"
                   data-testid="styled-indicator"
-                  href="/getting-started/overview"
+                  href="getting-started/overview"
                 >
                   <div
                     class="emotion-5"
@@ -2586,7 +2586,7 @@ exports[`SiteHeader has first item highlighted (About) if we are on the /about s
                   aria-current="false"
                   class="emotion-30"
                   data-testid="styled-indicator"
-                  href="/theme/overview"
+                  href="theme/overview"
                 >
                   <div
                     class="emotion-5"
@@ -2610,7 +2610,7 @@ exports[`SiteHeader has first item highlighted (About) if we are on the /about s
                   aria-current="false"
                   class="emotion-30"
                   data-testid="styled-indicator"
-                  href="/components/overview"
+                  href="components/overview"
                 >
                   <div
                     class="emotion-5"
@@ -2634,7 +2634,7 @@ exports[`SiteHeader has first item highlighted (About) if we are on the /about s
                   aria-current="false"
                   class="emotion-30"
                   data-testid="styled-indicator"
-                  href="/patterns/overview"
+                  href="patterns/overview"
                 >
                   <div
                     class="emotion-5"
@@ -3792,7 +3792,7 @@ exports[`SiteHeader has no highlighted items if we are on the homepage 1`] = `
                   aria-current="false"
                   class="emotion-25"
                   data-testid="styled-indicator"
-                  href="/about/introduction"
+                  href="about/introduction"
                 >
                   <div
                     class="emotion-5"
@@ -3816,7 +3816,7 @@ exports[`SiteHeader has no highlighted items if we are on the homepage 1`] = `
                   aria-current="false"
                   class="emotion-25"
                   data-testid="styled-indicator"
-                  href="/getting-started/overview"
+                  href="getting-started/overview"
                 >
                   <div
                     class="emotion-5"
@@ -3840,7 +3840,7 @@ exports[`SiteHeader has no highlighted items if we are on the homepage 1`] = `
                   aria-current="false"
                   class="emotion-25"
                   data-testid="styled-indicator"
-                  href="/theme/overview"
+                  href="theme/overview"
                 >
                   <div
                     class="emotion-5"
@@ -3864,7 +3864,7 @@ exports[`SiteHeader has no highlighted items if we are on the homepage 1`] = `
                   aria-current="false"
                   class="emotion-25"
                   data-testid="styled-indicator"
-                  href="/components/overview"
+                  href="components/overview"
                 >
                   <div
                     class="emotion-5"
@@ -3888,7 +3888,7 @@ exports[`SiteHeader has no highlighted items if we are on the homepage 1`] = `
                   aria-current="false"
                   class="emotion-25"
                   data-testid="styled-indicator"
-                  href="/patterns/overview"
+                  href="patterns/overview"
                 >
                   <div
                     class="emotion-5"

diff --git a/site/components/illustrations/theme/hero-outlines-illustration.tsx b/site/components/illustrations/theme/hero-outlines-illustration.tsx
@@ -0,0 +1,60 @@
+import React from 'react';
+import {getSSRId} from 'newskit';
+import {Svg} from '../svg';
+import {Path} from '../path';
+import {Rect} from '../rect';
+
+const mask0 = getSSRId();
+
+export const Outlines: React.FC = () => (
+  <Svg
+    width="1344"
+    height="759"
+    viewBox="0 0 1344 759"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <Rect width="1344" height="759" fill="illustrationBackground020" />
+    <mask
+      id={mask0}
+      mask-type="alpha"
+      maskUnits="userSpaceOnUse"
+      x="471"
+      y="178"
+      width="402"
+      height="402"
+    >
+      <Path
+        d="M672.322 579.092C783.154 579.092 873 489.452 873 378.875C873 268.298 783.154 178.658 672.322 178.658C561.491 178.658 471.645 268.298 471.645 378.875C471.645 489.452 561.491 579.092 672.322 579.092Z"
+        fill="white"
+      />
+    </mask>
+    <g mask={`url(#${mask0})`}>
+      <Path
+        d="M672.322 579.092C783.154 579.092 873 489.452 873 378.875C873 268.298 783.154 178.658 672.322 178.658C561.491 178.658 471.645 268.298 471.645 378.875C471.645 489.452 561.491 579.092 672.322 579.092Z"
+        fill="illustrationPalette070"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M443.92 359.607C434.218 466.182 484.571 504.987 485.689 506.036C518.366 536.67 591.586 596.779 655.947 591.428C720.308 586.078 812.755 476.322 767.38 399.289C726.376 329.679 752.394 270.792 719.117 238.025C685.841 205.258 630.403 188.561 570.351 199.99C510.3 211.419 453.622 253.032 443.92 359.607Z"
+        fill="illustrationPalette060"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M389.169 454.303C361.427 379.121 390.498 341.27 391.107 340.295C408.915 311.789 433.126 272.246 480.952 263.602C528.778 254.958 592.291 292.959 593.595 293.866C619.392 311.816 606.463 359.467 615.796 394.28C625.824 431.683 632.991 463.557 615.161 493.722C597.331 523.886 548.564 535.371 512.065 545.145C476.479 554.675 416.912 529.484 389.169 454.303Z"
+        fill="illustrationPalette050"
+      />
+    </g>
+    <Path
+      d="M665.197 88.0903C661.261 88.1876 658.149 91.4627 658.246 95.4055C658.344 99.3482 661.613 102.466 665.549 102.368C667.863 102.311 670.181 102.282 672.502 102.282C676.439 102.282 679.631 99.0851 679.631 95.1411C679.631 91.1972 676.439 88 672.502 88C670.064 88 667.628 88.0301 665.197 88.0903ZM619.815 92.7754C615.942 93.4863 613.378 97.2073 614.087 101.087C614.797 104.966 618.512 107.535 622.384 106.824C624.66 106.406 626.943 106.017 629.232 105.656C633.122 105.043 635.779 101.388 635.167 97.4921C634.556 93.5961 630.907 90.9345 627.017 91.5472C624.609 91.9266 622.208 92.336 619.815 92.7754ZM575.647 104.568C571.935 105.883 569.99 109.963 571.302 113.681C572.614 117.399 576.687 119.348 580.399 118.033C582.583 117.26 584.776 116.515 586.979 115.797C590.724 114.577 592.772 110.548 591.554 106.797C590.336 103.046 586.314 100.995 582.569 102.215C580.251 102.97 577.944 103.755 575.647 104.568ZM533.935 123.176C530.476 125.06 529.197 129.396 531.077 132.861C532.958 136.326 537.286 137.608 540.745 135.724C542.782 134.615 544.833 133.531 546.897 132.474C550.402 130.678 551.791 126.376 549.998 122.864C548.205 119.353 543.91 117.962 540.405 119.758C538.234 120.87 536.077 122.01 533.935 123.176ZM495.675 148.101C492.552 150.504 491.966 154.987 494.365 158.115C496.763 161.242 501.239 161.83 504.361 159.427C506.199 158.013 508.055 156.621 509.928 155.253C513.109 152.93 513.807 148.463 511.488 145.276C509.168 142.089 504.709 141.389 501.528 143.713C499.558 145.151 497.607 146.614 495.675 148.101ZM461.787 178.679C459.077 181.54 459.194 186.06 462.049 188.775C464.904 191.491 469.417 191.373 472.128 188.513C473.723 186.83 475.339 185.167 476.975 183.524C479.757 180.732 479.752 176.211 476.965 173.425C474.179 170.639 469.665 170.643 466.884 173.435C465.163 175.162 463.464 176.91 461.787 178.679ZM433.014 214.242C430.782 217.491 431.603 221.937 434.846 224.173C438.09 226.408 442.528 225.587 444.76 222.338C446.073 220.426 447.41 218.53 448.771 216.652C451.084 213.46 450.375 208.995 447.189 206.678C444.002 204.362 439.544 205.072 437.232 208.264C435.801 210.239 434.395 212.232 433.014 214.242ZM410.149 253.882C408.454 257.442 409.961 261.704 413.515 263.402C417.069 265.1 421.323 263.59 423.018 260.03C424.015 257.936 425.039 255.855 426.088 253.787C427.872 250.271 426.473 245.972 422.963 244.185C419.454 242.398 415.162 243.799 413.378 247.315C412.274 249.49 411.198 251.679 410.149 253.882ZM393.827 296.55C392.713 300.332 394.872 304.303 398.648 305.419C402.424 306.535 406.389 304.372 407.502 300.59C408.158 298.363 408.841 296.146 409.553 293.938C410.762 290.184 408.704 286.16 404.957 284.949C401.211 283.738 397.193 285.798 395.984 289.552C395.236 291.874 394.517 294.207 393.827 296.55ZM384.43 341.194C383.923 345.105 386.677 348.687 390.582 349.195C394.486 349.702 398.062 346.943 398.569 343.032C398.867 340.729 399.194 338.431 399.55 336.14C400.155 332.243 397.491 328.592 393.601 327.986C389.71 327.381 386.066 330.049 385.461 333.946C385.087 336.355 384.743 338.772 384.43 341.194ZM382.104 386.88C382.209 390.822 385.484 393.933 389.42 393.829C393.356 393.724 396.461 390.443 396.357 386.5C396.295 384.186 396.262 381.868 396.258 379.547C396.25 375.603 393.052 372.412 389.115 372.42C385.178 372.427 381.992 375.631 382 379.574C382.005 382.013 382.039 384.448 382.104 386.88ZM386.872 432.353C387.59 436.231 391.31 438.792 395.181 438.074C399.052 437.355 401.609 433.629 400.891 429.751C400.469 427.467 400.075 425.177 399.71 422.881C399.091 418.986 395.437 416.331 391.548 416.952C387.66 417.572 385.01 421.232 385.63 425.127C386.014 427.543 386.428 429.952 386.872 432.353ZM398.719 476.532C400.039 480.248 404.115 482.189 407.825 480.867C411.535 479.546 413.472 475.462 412.153 471.746C411.376 469.558 410.626 467.359 409.905 465.15C408.68 461.401 404.654 459.357 400.912 460.584C397.17 461.811 395.13 465.844 396.354 469.592C397.114 471.916 397.902 474.23 398.719 476.532ZM417.372 518.277C419.259 521.739 423.59 523.012 427.045 521.122C430.501 519.232 431.772 514.894 429.885 511.432C428.776 509.398 427.693 507.35 426.635 505.288C424.836 501.78 420.538 500.397 417.036 502.2C413.534 504.002 412.154 508.307 413.954 511.815C415.066 513.984 416.206 516.138 417.372 518.277ZM442.348 556.587C444.752 559.71 449.229 560.288 452.347 557.88C455.464 555.471 456.042 550.986 453.637 547.864C452.221 546.025 450.828 544.169 449.459 542.295C447.133 539.113 442.673 538.422 439.496 540.752C436.319 543.082 435.629 547.55 437.955 550.732C439.395 552.702 440.859 554.654 442.348 556.587ZM472.935 590.468C475.795 593.177 480.307 593.051 483.013 590.186C485.718 587.32 485.592 582.8 482.731 580.091C481.049 578.497 479.387 576.883 477.745 575.248C474.953 572.467 470.439 572.48 467.663 575.277C464.887 578.074 464.901 582.596 467.693 585.376C469.419 587.095 471.166 588.792 472.935 590.468ZM508.475 619.209C511.722 621.439 516.159 620.609 518.385 617.355C520.611 614.102 519.782 609.657 516.534 607.428C514.624 606.116 512.729 604.78 510.852 603.421C507.661 601.11 503.204 601.828 500.898 605.025C498.591 608.221 499.308 612.685 502.499 614.996C504.473 616.425 506.465 617.83 508.475 619.209ZM548.12 642.053C551.678 643.744 555.929 642.226 557.617 638.663C559.305 635.099 557.789 630.84 554.232 629.15C552.139 628.155 550.059 627.134 547.992 626.086C544.479 624.306 540.19 625.716 538.413 629.236C536.636 632.755 538.043 637.051 541.557 638.831C543.731 639.933 545.919 641.007 548.12 642.053ZM590.75 658.319C594.529 659.427 598.489 657.256 599.595 653.471C600.701 649.686 598.534 645.72 594.756 644.612C592.533 643.96 590.319 643.28 588.114 642.572C584.365 641.369 580.352 643.438 579.15 647.194C577.949 650.949 580.014 654.97 583.763 656.173C586.082 656.918 588.411 657.633 590.75 658.319ZM635.325 667.641C639.231 668.141 642.801 665.374 643.3 661.462C643.799 657.55 641.038 653.973 637.132 653.474C634.832 653.179 632.538 652.856 630.25 652.504C626.358 651.906 622.719 654.581 622.122 658.48C621.525 662.378 624.195 666.023 628.087 666.621C630.493 666.991 632.906 667.331 635.325 667.641ZM680.942 669.882C684.878 669.769 687.977 666.482 687.865 662.54C687.752 658.597 684.471 655.493 680.535 655.605C678.22 655.671 675.901 655.709 673.578 655.718C669.64 655.733 666.461 658.942 666.476 662.886C666.491 666.83 669.695 670.015 673.632 670C676.072 669.991 678.509 669.951 680.942 669.882ZM726.311 665.019C730.18 664.292 732.73 660.561 732.005 656.685C731.28 652.808 727.555 650.254 723.686 650.98C721.411 651.407 719.129 651.806 716.841 652.175C712.954 652.803 710.311 656.469 710.938 660.363C711.565 664.256 715.225 666.903 719.111 666.275C721.518 665.887 723.918 665.467 726.311 665.019ZM770.379 653.07C774.086 651.741 776.016 647.654 774.69 643.941C773.363 640.227 769.283 638.294 765.576 639.622C763.396 640.404 761.206 641.157 759.006 641.883C755.267 643.117 753.234 647.154 754.466 650.9C755.698 654.646 759.728 656.682 763.467 655.448C765.782 654.685 768.086 653.892 770.379 653.07ZM812.051 634.289C815.502 632.392 816.765 628.051 814.871 624.593C812.977 621.135 808.644 619.87 805.192 621.768C803.162 622.883 801.118 623.974 799.06 625.038C795.562 626.847 794.19 631.155 795.997 634.659C797.803 638.164 802.103 639.538 805.602 637.728C807.766 636.609 809.915 635.462 812.051 634.289ZM850.237 609.199C853.35 606.784 853.919 602.299 851.508 599.181C849.097 596.062 844.619 595.493 841.507 597.908C839.674 599.329 837.824 600.728 835.956 602.104C832.784 604.44 832.103 608.91 834.435 612.087C836.767 615.265 841.229 615.947 844.401 613.611C846.365 612.165 848.31 610.694 850.237 609.199ZM883.986 578.507C886.686 575.637 886.552 571.117 883.686 568.413C880.82 565.708 876.308 565.843 873.609 568.714C872.019 570.404 870.408 572.074 868.777 573.724C866.007 576.526 866.028 581.047 868.826 583.823C871.623 586.598 876.137 586.577 878.907 583.774C880.622 582.04 882.315 580.284 883.986 578.507ZM912.621 542.837C914.84 539.58 914.003 535.137 910.751 532.914C907.499 530.69 903.064 531.529 900.844 534.787C899.539 536.703 898.209 538.603 896.856 540.486C894.556 543.687 895.282 548.15 898.477 550.454C901.672 552.758 906.127 552.031 908.428 548.83C909.85 546.85 911.248 544.852 912.621 542.837ZM935.351 503.072C937.032 499.505 935.508 495.249 931.947 493.566C928.387 491.882 924.138 493.409 922.458 496.975C921.468 499.074 920.453 501.161 919.411 503.234C917.641 506.757 919.058 511.05 922.574 512.823C926.091 514.596 930.377 513.177 932.147 509.654C933.243 507.474 934.311 505.28 935.351 503.072ZM951.498 460.353C952.597 456.566 950.423 452.603 946.642 451.503C942.861 450.402 938.906 452.58 937.807 456.368C937.16 458.597 936.486 460.817 935.783 463.027C934.589 466.786 936.662 470.802 940.414 471.998C944.166 473.195 948.175 471.118 949.369 467.36C950.108 465.034 950.818 462.698 951.498 460.353ZM960.719 415.677C961.21 411.764 958.442 408.193 954.535 407.701C950.629 407.208 947.064 409.982 946.572 413.895C946.283 416.199 945.965 418.497 945.618 420.789C945.029 424.689 947.707 428.328 951.6 428.919C955.492 429.51 959.126 426.827 959.716 422.928C960.08 420.517 960.414 418.1 960.719 415.677ZM962.868 370C962.749 366.058 959.461 362.959 955.526 363.079C951.591 363.199 948.497 366.492 948.617 370.434C948.687 372.749 948.729 375.069 948.742 377.392C948.765 381.336 951.974 384.515 955.912 384.493C959.849 384.47 963.022 381.255 963 377.311C962.986 374.87 962.942 372.433 962.868 370ZM957.922 324.527C957.189 320.652 953.459 318.105 949.591 318.839C945.722 319.573 943.18 323.309 943.913 327.184C944.344 329.466 944.747 331.755 945.122 334.051C945.756 337.943 949.421 340.583 953.306 339.948C957.192 339.312 959.828 335.641 959.193 331.749C958.799 329.334 958.376 326.927 957.922 324.527ZM945.91 280.422C944.576 276.711 940.492 274.786 936.788 276.121C933.083 277.457 931.161 281.548 932.495 285.259C933.28 287.444 934.038 289.639 934.768 291.845C936.007 295.588 940.041 297.616 943.778 296.375C947.515 295.134 949.54 291.093 948.301 287.349C947.533 285.029 946.736 282.72 945.91 280.422ZM927.085 238.726C925.184 235.272 920.848 234.015 917.4 235.919C913.952 237.823 912.698 242.166 914.598 245.62C915.717 247.653 916.81 249.7 917.877 251.761C919.69 255.262 923.993 256.627 927.488 254.811C930.983 252.995 932.346 248.685 930.533 245.184C929.411 243.017 928.261 240.864 927.085 238.726ZM901.987 200.549C899.57 197.435 895.092 196.873 891.983 199.294C888.875 201.715 888.314 206.201 890.73 209.315C892.153 211.149 893.553 213 894.93 214.869C897.268 218.042 901.731 218.717 904.899 216.375C908.067 214.033 908.74 209.562 906.403 206.389C904.955 204.424 903.483 202.477 901.987 200.549ZM871.254 166.765C868.383 164.066 863.872 164.21 861.177 167.086C858.483 169.962 858.626 174.481 861.497 177.18C863.186 178.767 864.856 180.376 866.505 182.006C869.307 184.776 873.821 184.745 876.586 181.938C879.351 179.13 879.321 174.609 876.518 171.839C874.785 170.126 873.03 168.434 871.254 166.765ZM835.586 138.148C832.329 135.931 827.895 136.778 825.682 140.04C823.469 143.302 824.315 147.744 827.572 149.961C829.487 151.264 831.386 152.592 833.268 153.943C836.468 156.241 840.921 155.505 843.215 152.3C845.509 149.095 844.774 144.633 841.575 142.336C839.596 140.915 837.599 139.519 835.586 138.148ZM795.868 115.468C792.304 113.792 788.058 115.326 786.384 118.896C784.71 122.466 786.242 126.719 789.806 128.396C791.902 129.382 793.985 130.394 796.054 131.433C799.575 133.199 803.858 131.772 805.621 128.246C807.384 124.72 805.96 120.429 802.44 118.663C800.263 117.571 798.072 116.506 795.868 115.468ZM753.181 99.3711C749.398 98.2778 745.447 100.463 744.355 104.253C743.264 108.042 745.446 112 749.229 113.094C751.455 113.737 753.672 114.408 755.879 115.107C759.633 116.296 763.638 114.212 764.825 110.451C766.012 106.691 763.931 102.679 760.177 101.49C757.855 100.754 755.523 100.048 753.181 99.3711ZM708.549 90.219C704.641 89.7345 701.082 92.5147 700.598 96.4287C700.114 100.343 702.89 103.909 706.797 104.393C709.098 104.678 711.393 104.992 713.682 105.335C717.576 105.918 721.205 103.228 721.786 99.3278C722.368 95.4271 719.683 91.7926 715.789 91.2097C713.382 90.8493 710.968 90.5191 708.549 90.219Z"
+      fill="illustrationInterface100"
+    />
+    <Path
+      d="M853 194C833.67 194 818 178.33 818 159C818 139.67 833.67 124 853 124C872.33 124 888 139.67 888 159C888 178.33 872.33 194 853 194Z"
+      fill="illustrationPalette030"
+    />
+  </Svg>
+);
+export default Outlines;