npm - newskit - Versions diffs - 0.0.0-e00e1f6 → 0.0.0-e02a96ba5 - Mend

newskit 0.0.0-e00e1f6 → 0.0.0-e02a96ba5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3163) hide show

package/site/public/static/illustrations/components/grid-cell/gridoptions/max-width.svg ADDED Viewed

@@ -0,0 +1,81 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <path
+    style="fill: var(--color-illustrationBackground020)"
+    d="M0 0H1490V838H0V0Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    d="M726.677 132C728.67 132 730.448 132.427 732.012 133.281C733.606 134.135 734.848 135.401 735.737 137.077C736.657 138.754 737.117 140.779 737.117 143.151V158.573H731.92V143.958C731.92 141.617 731.353 139.83 730.218 138.596C729.084 137.33 727.535 136.698 725.573 136.698C723.611 136.698 722.047 137.33 720.882 138.596C719.747 139.83 719.18 141.617 719.18 143.958V158.573H713.983V143.958C713.983 141.617 713.416 139.83 712.281 138.596C711.147 137.33 709.598 136.698 707.636 136.698C705.674 136.698 704.11 137.33 702.945 138.596C701.81 139.83 701.243 141.617 701.243 143.958V158.573H696V132.427H701.243V135.417C702.102 134.341 703.19 133.503 704.509 132.902C705.827 132.301 707.237 132 708.74 132C710.763 132 712.573 132.443 714.167 133.329C715.761 134.214 716.988 135.496 717.846 137.172C718.613 135.591 719.809 134.341 721.434 133.424C723.059 132.475 724.806 132 726.677 132Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    d="M742.041 145.381C742.041 142.756 742.562 140.431 743.605 138.406C744.678 136.381 746.119 134.815 747.928 133.708C749.768 132.569 751.791 132 753.999 132C755.992 132 757.724 132.411 759.196 133.234C760.699 134.025 761.894 135.021 762.784 136.223V132.427H768.073V158.573H762.784V154.682C761.894 155.916 760.683 156.944 759.15 157.766C757.617 158.589 755.869 159 753.907 159C751.73 159 749.737 158.431 747.928 157.292C746.119 156.121 744.678 154.508 743.605 152.452C742.562 150.364 742.041 148.007 742.041 145.381ZM762.784 145.476C762.784 143.673 762.416 142.107 761.68 140.779C760.974 139.45 760.039 138.438 758.874 137.742C757.709 137.046 756.452 136.698 755.103 136.698C753.754 136.698 752.497 137.046 751.331 137.742C750.166 138.406 749.216 139.402 748.48 140.731C747.775 142.028 747.422 143.578 747.422 145.381C747.422 147.185 747.775 148.766 748.48 150.127C749.216 151.487 750.166 152.531 751.331 153.258C752.527 153.954 753.784 154.302 755.103 154.302C756.452 154.302 757.709 153.954 758.874 153.258C760.039 152.562 760.974 151.55 761.68 150.221C762.416 148.861 762.784 147.279 762.784 145.476Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    d="M785.813 145.334L794 158.573H788.067L782.594 149.699L777.443 158.573H771.97L780.156 145.714L771.97 132.427H777.903L783.376 141.301L788.527 132.427H794L785.813 145.334Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M304 271C304 266.582 307.582 263 312 263H354.401C358.819 263 362.401 266.582 362.401 271V710C362.401 714.418 358.819 718 354.401 718H312C307.582 718 304 714.418 304 710V271Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M603.791 271C603.791 266.582 607.373 263 611.791 263H654.192C658.61 263 662.192 266.582 662.192 271V710C662.192 714.418 658.61 718 654.192 718H611.791C607.373 718 603.791 714.418 603.791 710V271Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M902.48 271C902.48 266.582 906.062 263 910.48 263H952.881C957.3 263 960.881 266.582 960.881 271V710C960.881 714.418 957.3 718 952.881 718H910.48C906.062 718 902.48 714.418 902.48 710V271Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M529.119 271C529.119 266.582 532.7 263 537.119 263H579.52C583.938 263 587.52 266.582 587.52 271V710C587.52 714.418 583.938 718 579.52 718H537.119C532.7 718 529.119 714.418 529.119 710V271Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M827.808 271C827.808 266.582 831.39 263 835.808 263H878.209C882.627 263 886.209 266.582 886.209 271V710C886.209 714.418 882.627 718 878.209 718H835.808C831.39 718 827.808 714.418 827.808 710V271Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M1127.6 271C1127.6 266.582 1131.18 263 1135.6 263H1178C1182.42 263 1186 266.582 1186 271V710C1186 714.418 1182.42 718 1178 718H1135.6C1131.18 718 1127.6 714.418 1127.6 710V271Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M378.672 271C378.672 266.582 382.254 263 386.672 263H429.073C433.492 263 437.073 266.582 437.073 271V710C437.073 714.418 433.492 718 429.073 718H386.672C382.254 718 378.672 714.418 378.672 710V271Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M678.463 271C678.463 266.582 682.045 263 686.463 263H728.864C733.283 263 736.864 266.582 736.864 271V710C736.864 714.418 733.283 718 728.864 718H686.463C682.045 718 678.463 714.418 678.463 710V271Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M977.152 271C977.152 266.582 980.734 263 985.152 263H1028.66C1033.07 263 1036.66 266.582 1036.66 271V710C1036.66 714.418 1033.07 718 1028.66 718H985.152C980.734 718 977.152 714.418 977.152 710V271Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M453.345 271C453.345 266.582 456.926 263 461.345 263H504.848C509.266 263 512.848 266.582 512.848 271V710C512.848 714.418 509.266 718 504.848 718H461.345C456.926 718 453.345 714.418 453.345 710V271Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M753.136 271C753.136 266.582 756.717 263 761.136 263H803.537C807.955 263 811.537 266.582 811.537 271V710C811.537 714.418 807.955 718 803.537 718H761.136C756.717 718 753.136 714.418 753.136 710V271Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M1052.93 271C1052.93 266.582 1056.51 263 1060.93 263H1103.33C1107.75 263 1111.33 266.582 1111.33 271V710C1111.33 714.418 1107.75 718 1103.33 718H1060.93C1056.51 718 1052.93 714.418 1052.93 710V271Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M1186 184L1186 222L1182.47 222L1182.47 205.309L308 205.309L308 222L304.465 222L304.465 184L308 184L308 201.6L1182.47 201.6L1182.47 184L1186 184Z"
+  ></path>
+</svg>

package/site/public/static/illustrations/components/grid-cell/hero.svg ADDED Viewed

@@ -0,0 +1,72 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <rect
+    style="fill: var(--color-illustrationBackground020)"
+    width="1490"
+    height="838"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette050)"
+    x="665.258"
+    y="164"
+    width="135.484"
+    height="510.323"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette060)"
+    x="797.129"
+    y="257.032"
+    width="94.8387"
+    height="399.226"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette070)"
+    x="889.258"
+    y="365.032"
+    width="81.2903"
+    height="276.387"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette080)"
+    x="968.742"
+    y="480.258"
+    width="72.2581"
+    height="146.323"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette070)"
+    x="494.548"
+    y="365.032"
+    width="81.2903"
+    height="276.387"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette080)"
+    x="425"
+    y="480.258"
+    width="72.2581"
+    height="146.323"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette060)"
+    x="574.032"
+    y="257.032"
+    width="94.8387"
+    height="399.226"
+    rx="8"
+  ></rect>
+</svg>

package/site/public/static/illustrations/components/grid-cell/usage/do-01.svg ADDED Viewed

@@ -0,0 +1,39 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <path
+    style="fill: var(--color-illustrationBackground010)"
+    d="M0 0H1490V838H0V0Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface020)"
+    d="M479 463C479 451.954 487.954 443 499 443H699C710.046 443 719 451.954 719 463V663C719 674.046 710.046 683 699 683H499C487.954 683 479 674.046 479 663V463Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface020)"
+    d="M479 175C479 163.954 487.954 155 499 155H699C710.046 155 719 163.954 719 175V375C719 386.046 710.046 395 699 395H499C487.954 395 479 386.046 479 375V175Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface020)"
+    d="M767 175C767 163.954 775.954 155 787 155H987C998.046 155 1007 163.954 1007 175V375C1007 386.046 998.046 395 987 395H787C775.954 395 767 386.046 767 375V175Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M479 744L479 94L485 94L485 744L479 744Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M420 155L1070 155L1070 161L420 161L420 155Z"
+  ></path>
+</svg>

package/site/public/static/illustrations/components/grid-cell/usage/dont-01.svg ADDED Viewed

@@ -0,0 +1,48 @@
+<svg id="nksvg" style="width: 100%; height: 100%" width="1490" height="838" viewBox="0 0 1490 838" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
+  <path style="fill: var(--color-illustrationBackground010)" d="M0 0H1490V838H0V0Z"></path>
+  <path style="fill: var(--color-red020)" opacity="0.6" d="M237 130L285 130L285 708H237L237 130Z"></path>
+  <path style="fill: var(--color-red020)" opacity="0.6" d="M325 130L373 130L373 708H325L325 130Z"></path>
+  <path style="fill: var(--color-red020)" opacity="0.6" d="M413 130L461 130L461 708H413L413 130Z"></path>
+  <path style="fill: var(--color-red020)" opacity="0.6" d="M501 130L549 130V708H501L501 130Z"></path>
+  <path style="fill: var(--color-red020)" opacity="0.6" d="M589 130L637 130V708H589V130Z"></path>
+  <path style="fill: var(--color-red020)" opacity="0.6" d="M677 130L725 130V708H677V130Z"></path>
+  <path style="fill: var(--color-red020)" opacity="0.6" d="M765 130L813 130V708H765V130Z"></path>
+  <path style="fill: var(--color-red020)" opacity="0.6" d="M853 130L901 130V708H853V130Z"></path>
+  <path style="fill: var(--color-red020)" opacity="0.6" d="M941 130L989 130V708H941V130Z"></path>
+  <path style="fill: var(--color-red020)" opacity="0.6" d="M1029 130L1077 130V708H1029V130Z"></path>
+  <path style="fill: var(--color-red020)" opacity="0.6" d="M1117 130L1165 130V708H1117V130Z"></path>
+  <path style="fill: var(--color-red020)" opacity="0.6" d="M1205 130L1253 130V708H1205V130Z"></path>
+  <g>
+    <path style="fill: var(--color-illustrationInterface010)" d="M237 271.76C237 266.37 241.37 262 246.76 262H715.24C720.63 262 725 266.37 725 271.76V565.24C725 570.63 720.63 575 715.24 575H246.76C241.37 575 237 570.63 237 565.24V271.76Z"></path>
+    <path style="fill: var(--color-illustrationPalette020)" d="M324 344.133C324 339.641 327.641 336 332.133 336H625.867C630.359 336 634 339.641 634 344.133C634 348.625 630.359 352.266 625.867 352.266H332.133C327.641 352.266 324 348.625 324 344.133Z"></path>
+    <path style="fill: var(--color-illustrationPalette020)" d="M324 379.25C324 374.758 327.641 371.117 332.133 371.117H519.421C523.913 371.117 527.554 374.758 527.554 379.25C527.554 383.742 523.913 387.383 519.421 387.383H332.133C327.641 387.383 324 383.742 324 379.25Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M324 441.074C324 438.429 326.144 436.285 328.789 436.285H629.211C631.855 436.285 634 438.429 634 441.074C634 443.719 631.855 445.863 629.211 445.863H328.789C326.144 445.863 324 443.719 324 441.074Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M324 463.422C324 460.777 326.144 458.633 328.789 458.633H629.211C631.855 458.633 634 460.777 634 463.422C634 466.067 631.855 468.211 629.211 468.211H328.789C326.144 468.211 324 466.067 324 463.422Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M324 418.725C324 416.08 326.145 413.936 328.789 413.936H629.211C631.856 413.936 634 416.08 634 418.725C634 421.369 631.856 423.514 629.211 423.514H328.789C326.145 423.514 324 421.369 324 418.725Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M324 485.769C324 483.125 326.144 480.98 328.789 480.98H476.078C478.723 480.98 480.867 483.125 480.867 485.769C480.867 488.414 478.723 490.558 476.078 490.558H328.789C326.144 490.558 324 488.414 324 485.769Z"></path>
+  </g>
+  <g>
+    <path style="fill: var(--color-illustrationInterface010)" d="M765 271.76C765 266.37 769.37 262 774.76 262H1243.24C1248.63 262 1253 266.37 1253 271.76V565.24C1253 570.63 1248.63 575 1243.24 575H774.76C769.37 575 765 570.63 765 565.24V271.76Z"></path>
+    <path style="fill: var(--color-illustrationPalette020)" d="M1029 344.133C1029 339.641 1032.64 336 1037.13 336H1150.87C1155.36 336 1159 339.641 1159 344.133C1159 348.625 1155.36 352.266 1150.87 352.266H1037.13C1032.64 352.266 1029 348.625 1029 344.133Z"></path>
+    <path style="fill: var(--color-illustrationPalette020)" d="M1029 379.25C1029 374.758 1032.64 371.117 1037.13 371.117H1106.23C1110.72 371.117 1114.36 374.758 1114.36 379.25C1114.36 383.742 1110.72 387.383 1106.23 387.383H1037.13C1032.64 387.383 1029 383.742 1029 379.25Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M1029 441.074C1029 438.429 1031.14 436.285 1033.79 436.285H1154.21C1156.86 436.285 1159 438.429 1159 441.074C1159 443.719 1156.86 445.863 1154.21 445.863H1033.79C1031.14 445.863 1029 443.719 1029 441.074Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M1029 463.422C1029 460.777 1031.14 458.633 1033.79 458.633H1154.21C1156.86 458.633 1159 460.777 1159 463.422C1159 466.067 1156.86 468.211 1154.21 468.211H1033.79C1031.14 468.211 1029 466.067 1029 463.422Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M1029 418.725C1029 416.08 1031.14 413.936 1033.79 413.936H1154.21C1156.86 413.936 1159 416.08 1159 418.725C1159 421.369 1156.86 423.514 1154.21 423.514H1033.79C1031.14 423.514 1029 421.369 1029 418.725Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M1029 485.769C1029 483.125 1031.14 480.98 1033.79 480.98H1089.99C1092.64 480.98 1094.78 483.125 1094.78 485.769C1094.78 488.414 1092.64 490.558 1089.99 490.558H1033.79C1031.14 490.558 1029 488.414 1029 485.769Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M330 222L330 616L325 616L325 222L330 222Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M637 222L637 616L632 616L632 222L637 222Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M769 222L769 616L764 616L764 222L769 222Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M242 222L242 616L237 616L237 222L242 222Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M725 222L725 616L720 616L720 222L725 222Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1253 222L1253 616L1248 616L1248 222L1253 222Z"></path>
+  <path style="fill: var(--color-illustrationPalette020)" d="M853 336.742C853 331.362 857.362 327 862.742 327H979.258C984.638 327 989 331.362 989 336.742V453.258C989 458.638 984.638 463 979.258 463H862.742C857.362 463 853 458.638 853 453.258V336.742Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M856 222L856 616L851 616L851 222L856 222Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M989 222L989 616L984 616L984 222L989 222Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1034 222L1034 616L1029 616L1029 222L1034 222Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1165 222L1165 616L1160 616L1160 222L1165 222Z"></path>
+  <defs>
+  </defs>
+</svg>

package/site/public/static/illustrations/components/grid-cell/usage/dont-02.svg ADDED Viewed

@@ -0,0 +1,52 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <path
+    style="fill: var(--color-illustrationBackground010)"
+    d="M0 0H1490V838H0V0Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M295 164C295 159.582 298.582 156 303 156H407C411.418 156 415 159.582 415 164V675C415 679.418 411.418 683 407 683H303C298.582 683 295 679.418 295 675V164Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M1105 164C1105 159.582 1108.58 156 1113 156H1217C1221.42 156 1225 159.582 1225 164V675C1225 679.418 1221.42 683 1217 683H1113C1108.58 683 1105 679.418 1105 675V164Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M565 164C565 159.582 568.582 156 573 156H677C681.418 156 685 159.582 685 164V675C685 679.418 681.418 683 677 683H573C568.582 683 565 679.418 565 675V164Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M835 164C835 159.582 838.582 156 843 156H947C951.418 156 955 159.582 955 164V675C955 679.418 951.418 683 947 683H843C838.582 683 835 679.418 835 675V164Z"
+  ></path>
+  <path
+    style="fill: var(--color-red020)"
+    opacity="0.6"
+    d="M425 156L555 156V683H425L425 156Z"
+  ></path>
+  <path
+    style="fill: var(--color-red020)"
+    opacity="0.6"
+    d="M695 156L825 156V683H695V156Z"
+  ></path>
+  <path
+    style="fill: var(--color-red020)"
+    opacity="0.6"
+    d="M965 156L1095 156V683H965V156Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M1094.53 88L1094.53 126L1091 126L1091 109.309L968.535 109.309L968.535 126L965 126L965 88.0002L968.535 88.0002L968.535 105.6L1091 105.6L1091 88L1094.53 88Z"
+  ></path>
+</svg>

package/site/public/static/illustrations/components/grid-cell-illustration.svg ADDED Viewed

@@ -0,0 +1,72 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <rect
+    style="fill: var(--color-illustrationBackground020)"
+    width="1490"
+    height="838"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette050)"
+    x="665.258"
+    y="164"
+    width="135.484"
+    height="510.323"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette060)"
+    x="797.129"
+    y="257.032"
+    width="94.8387"
+    height="399.226"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette070)"
+    x="889.258"
+    y="365.032"
+    width="81.2903"
+    height="276.387"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette080)"
+    x="968.742"
+    y="480.258"
+    width="72.2581"
+    height="146.323"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette070)"
+    x="494.548"
+    y="365.032"
+    width="81.2903"
+    height="276.387"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette080)"
+    x="425"
+    y="480.258"
+    width="72.2581"
+    height="146.323"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette060)"
+    x="574.032"
+    y="257.032"
+    width="94.8387"
+    height="399.226"
+    rx="8"
+  ></rect>
+</svg>

package/site/public/static/illustrations/components/grid-layout/anatomy.svg ADDED Viewed

@@ -0,0 +1,105 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <rect
+    style="fill: var(--color-illustrationBackground010)"
+    width="1490"
+    height="838"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationBackground010)"
+    width="1490"
+    height="838"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationInterface020)"
+    x="443"
+    y="196"
+    width="604"
+    height="446"
+  ></rect>
+  <rect x="443.5" y="196.5" width="603" height="445" stroke="#AEBFFF"></rect>
+  <rect
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    x="765"
+    y="439"
+    width="242"
+    height="163"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    x="483"
+    y="439"
+    width="242"
+    height="163"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    x="483"
+    y="236"
+    width="242"
+    height="163"
+    rx="8"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    x="765"
+    y="236"
+    width="242"
+    height="163"
+    rx="8"
+  ></rect>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M443 413C446.314 413 449 415.686 449 419C449 422.314 446.314 425 443 425C439.686 425 437 422.314 437 419C437 415.686 439.686 413 443 413Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M256 418L440 418L440 420L256 420L256 418Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="217"
+    y="400"
+    width="38.5134"
+    height="38.5134"
+    rx="19.2567"
+  ></rect>
+  <path
+    style="fill: var(--color-white)"
+    d="M233 413.801V411H238.086V426.832H235.047V413.801H233Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="1078"
+    y="299"
+    width="38.5134"
+    height="38.5134"
+    rx="19.2567"
+  ></rect>
+  <path
+    style="fill: var(--color-white)"
+    d="M1093.12 322.388C1094.47 321.263 1095.55 320.327 1096.35 319.581C1097.15 318.822 1097.82 318.034 1098.35 317.218C1098.89 316.402 1099.15 315.6 1099.15 314.812C1099.15 314.094 1098.99 313.531 1098.65 313.123C1098.31 312.715 1097.79 312.511 1097.09 312.511C1096.38 312.511 1095.84 312.751 1095.46 313.229C1095.08 313.693 1094.88 314.333 1094.87 315.15H1092C1092.06 313.461 1092.56 312.181 1093.5 311.308C1094.46 310.436 1095.67 310 1097.13 310C1098.73 310 1099.96 310.429 1100.82 311.287C1101.68 312.132 1102.11 313.25 1102.11 314.643C1102.11 315.74 1101.81 316.789 1101.22 317.788C1100.63 318.787 1099.96 319.659 1099.2 320.405C1098.44 321.136 1097.44 322.023 1096.22 323.064H1102.45V325.512H1092.02V323.317L1093.12 322.388Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M891 313C887.686 313 885 315.686 885 319C885 322.314 887.686 325 891 325C894.314 325 897 322.314 897 319C897 315.686 894.314 313 891 313Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M1078 318L894 318L894 320L1078 320L1078 318Z"
+  ></path>
+</svg>

package/site/public/static/illustrations/components/grid-layout/options/max-width.svg ADDED Viewed

@@ -0,0 +1,92 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <rect
+    style="fill: var(--color-illustrationBackground020)"
+    width="1490"
+    height="838"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="337"
+    y="487"
+    width="240"
+    height="240"
+    rx="20"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="337"
+    y="199"
+    width="240"
+    height="240"
+    rx="20"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="625"
+    y="486"
+    width="240"
+    height="240"
+    rx="20"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="913"
+    y="486"
+    width="240"
+    height="240"
+    rx="20"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="625"
+    y="199"
+    width="240"
+    height="240"
+    rx="20"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="913"
+    y="199"
+    width="240"
+    height="240"
+    rx="20"
+  ></rect>
+  <path
+    style="fill: var(--color-red020)"
+    opacity="0.6"
+    d="M1181 199L1321 199V726H1181V199Z"
+  ></path>
+  <path
+    style="fill: var(--color-red020)"
+    opacity="0.6"
+    d="M169 199L309 199L309 726H169L169 199Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M337 184.98L337 144L340.842 144L340.842 162L1149.16 162L1149.16 144L1153 144L1153 184.98L1149.16 184.98L1149.16 166L340.842 166L340.842 184.98L337 184.98Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    d="M731.678 107.96C733.151 107.96 734.466 108.266 735.622 108.878C736.801 109.49 737.719 110.397 738.376 111.598C739.056 112.799 739.396 114.25 739.396 115.95V127H735.554V116.528C735.554 114.851 735.135 113.57 734.296 112.686C733.457 111.779 732.313 111.326 730.862 111.326C729.411 111.326 728.255 111.779 727.394 112.686C726.555 113.57 726.136 114.851 726.136 116.528V127H722.294V116.528C722.294 114.851 721.875 113.57 721.036 112.686C720.197 111.779 719.053 111.326 717.602 111.326C716.151 111.326 714.995 111.779 714.134 112.686C713.295 113.57 712.876 114.851 712.876 116.528V127H709V108.266H712.876V110.408C713.511 109.637 714.315 109.037 715.29 108.606C716.265 108.175 717.307 107.96 718.418 107.96C719.914 107.96 721.251 108.277 722.43 108.912C723.609 109.547 724.515 110.465 725.15 111.666C725.717 110.533 726.601 109.637 727.802 108.98C729.003 108.3 730.295 107.96 731.678 107.96Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    d="M743.036 117.548C743.036 115.667 743.421 114.001 744.192 112.55C744.985 111.099 746.051 109.977 747.388 109.184C748.748 108.368 750.244 107.96 751.876 107.96C753.349 107.96 754.63 108.255 755.718 108.844C756.829 109.411 757.713 110.125 758.37 110.986V108.266H762.28V127H758.37V124.212C757.713 125.096 756.817 125.833 755.684 126.422C754.551 127.011 753.259 127.306 751.808 127.306C750.199 127.306 748.725 126.898 747.388 126.082C746.051 125.243 744.985 124.087 744.192 122.614C743.421 121.118 743.036 119.429 743.036 117.548ZM758.37 117.616C758.37 116.324 758.098 115.202 757.554 114.25C757.033 113.298 756.341 112.573 755.48 112.074C754.619 111.575 753.689 111.326 752.692 111.326C751.695 111.326 750.765 111.575 749.904 112.074C749.043 112.55 748.34 113.264 747.796 114.216C747.275 115.145 747.014 116.256 747.014 117.548C747.014 118.84 747.275 119.973 747.796 120.948C748.34 121.923 749.043 122.671 749.904 123.192C750.788 123.691 751.717 123.94 752.692 123.94C753.689 123.94 754.619 123.691 755.48 123.192C756.341 122.693 757.033 121.968 757.554 121.016C758.098 120.041 758.37 118.908 758.37 117.616Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    d="M775.395 117.514L781.447 127H777.061L773.015 120.642L769.207 127H765.161L771.213 117.786L765.161 108.266H769.547L773.593 114.624L777.401 108.266H781.447L775.395 117.514Z"
+  ></path>
+</svg>

package/site/public/static/illustrations/components/grid-layout/options/offset.svg ADDED Viewed

@@ -0,0 +1,58 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <rect
+    style="fill: var(--color-illustrationBackground020)"
+    width="1490"
+    height="838"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="625"
+    y="155"
+    width="528"
+    height="240"
+    rx="20"
+  ></rect>
+  <rect
+    x="289.5"
+    y="107.5"
+    width="911"
+    height="623"
+    rx="17.5"
+    stroke="#577FFB"
+    stroke-width="5"
+    stroke-dasharray="10 10"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="337"
+    y="444"
+    width="240"
+    height="240"
+    rx="20"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="625"
+    y="443"
+    width="240"
+    height="240"
+    rx="20"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="913"
+    y="443"
+    width="240"
+    height="240"
+    rx="20"
+  ></rect>
+</svg>