npm - @benwatsonuk/govuk-pages-plugin - Versions diffs - 1.0.0 - Mend

@benwatsonuk/govuk-pages-plugin 1.0.0

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 (60) hide show

package/CHANGELOG.md +7 -0
package/LICENCE.txt +21 -0
package/README.md +192 -0
package/dist/assets/images/arrow.svg +27 -0
package/dist/assets/images/page-types/arrow-base.svg +13 -0
package/dist/assets/images/page-types/arrow-head.svg +13 -0
package/dist/assets/images/page-types/check-answers.svg +142 -0
package/dist/assets/images/page-types/checkbox-input.svg +85 -0
package/dist/assets/images/page-types/confirmation.svg +73 -0
package/dist/assets/images/page-types/content-page.svg +84 -0
package/dist/assets/images/page-types/email.svg +56 -0
package/dist/assets/images/page-types/radio-input.svg +115 -0
package/dist/assets/images/page-types/start-page.svg +101 -0
package/dist/assets/images/page-types/task-list.svg +179 -0
package/dist/assets/images/page-types/text-input.svg +65 -0
package/dist/assets/javascripts/all.js +1 -0
package/dist/assets/styles/all.scss +2 -0
package/dist/assets/styles/scss/_pages.scss +169 -0
package/dist/assets/styles/scss/_variables.scss +19 -0
package/dist/functions/pages/getPages.js +9 -0
package/dist/functions/stages/getStages.js +65 -0
package/dist/index.js +39 -0
package/dist/schema.json +89 -0
package/dist/types.js +2 -0
package/dist/validate.js +27 -0
package/dist/views/page-index.html +34 -0
package/dist/views/stage-index.html +41 -0
package/govuk-prototype-kit.config.json +12 -0
package/index.js +22 -0
package/package.json +43 -0
package/src/assets/images/arrow.svg +27 -0
package/src/assets/images/page-types/arrow-base.svg +13 -0
package/src/assets/images/page-types/arrow-head.svg +13 -0
package/src/assets/images/page-types/check-answers.svg +142 -0
package/src/assets/images/page-types/checkbox-input.svg +85 -0
package/src/assets/images/page-types/confirmation.svg +73 -0
package/src/assets/images/page-types/content-page.svg +84 -0
package/src/assets/images/page-types/email.svg +56 -0
package/src/assets/images/page-types/radio-input.svg +115 -0
package/src/assets/images/page-types/start-page.svg +101 -0
package/src/assets/images/page-types/task-list.svg +179 -0
package/src/assets/images/page-types/text-input.svg +65 -0
package/src/assets/javascripts/all.js +1 -0
package/src/assets/styles/all.scss +2 -0
package/src/assets/styles/scss/_pages.scss +169 -0
package/src/assets/styles/scss/_variables.scss +19 -0
package/src/functions/pages/getPages.ts +7 -0
package/src/functions/stages/getStages.ts +78 -0
package/src/index.ts +40 -0
package/src/schema.json +89 -0
package/src/types.ts +40 -0
package/src/validate.ts +35 -0
package/src/views/page-index.html +34 -0
package/src/views/stage-index.html +41 -0
package/test/data/outputs.ts +197 -0
package/test/data/pages.ts +61 -0
package/test/data/stages.ts +87 -0
package/test/getPages.test.js +19 -0
package/test/getStages.test.js +46 -0
package/tsconfig.json +14 -0

package/src/assets/images/arrow.svg ADDED Viewed

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="157px" height="32px" viewBox="0 0 157 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>Connection/Single Copy</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Flow" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="11-12-2018-Defendant-Flow" transform="translate(-2970.000000, -757.000000)">
+            <g id="Screen-flows" transform="translate(406.000000, 410.000000)">
+                <g id="Group-16" transform="translate(1629.000000, 0.000000)">
+                    <g id="Group-13" transform="translate(341.000000, 197.000000)">
+                        <g id="Group-12">
+                            <g id="Group-2" transform="translate(594.000000, 83.000000)">
+                                <g id="Connection/Single" transform="translate(0.000000, 67.000000)">
+                                    <g id="Single-connection">
+                                        <polygon id="Connection" fill="#005EA5" fill-rule="nonzero" points="16 18 141 18 141 14 16 14"></polygon>
+                                        <circle id="Dot" stroke="#005EA5" stroke-width="4" fill="#FFFFFF" cx="16" cy="16" r="14"></circle>
+                                        <polygon id="Rectangle" fill="#005EA5" points="125 0 157 16 125 32"></polygon>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/assets/images/page-types/arrow-base.svg ADDED Viewed

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>Dot</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Connection/Single" fill="#FFFFFF" stroke="#005EA5" stroke-width="4">
+            <g id="Single-connection">
+                <circle id="Dot" cx="16" cy="16" r="14"></circle>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/assets/images/page-types/arrow-head.svg ADDED Viewed

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>Rectangle</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Connection/Single" transform="translate(-288.000000, 0.000000)" fill="#005EA5">
+            <g id="Single-connection">
+                <polygon id="Rectangle" points="288 0 320 16 288 32"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/assets/images/page-types/check-answers.svg ADDED Viewed

@@ -0,0 +1,142 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="200px" height="160px" viewBox="0 0 200 160" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>Screen/Check your answers</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <rect x="2" y="4" width="8.99672131" height="8" id="rect-1"></rect>
+    </defs>
+    <g id="Screen/Check-your-answers" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="_Canvas/Browser">
+            <rect id="BG" fill="#FFFFFF" x="1" y="1" width="196" height="156"></rect>
+            <rect id="Top-Bar" fill="#F2F2F2" x="1" y="1" width="196" height="11"></rect>
+            <rect id="Divider" fill="#DEE0E2" x="1" y="11" width="196" height="1"></rect>
+            <path d="M7.96153846,8 C6.87821068,8 6,7.1045695 6,6 C6,4.8954305 6.87821068,4 7.96153846,4 C9.04486624,4 9.92307692,4.8954305 9.92307692,6 C9.92307692,7.1045695 9.04486624,8 7.96153846,8 Z M14.5,8 C13.4166722,8 12.5384615,7.1045695 12.5384615,6 C12.5384615,4.8954305 13.4166722,4 14.5,4 C15.5833278,4 16.4615385,4.8954305 16.4615385,6 C16.4615385,7.1045695 15.5833278,8 14.5,8 Z M21.0384615,8 C19.9551338,8 19.0769231,7.1045695 19.0769231,6 C19.0769231,4.8954305 19.9551338,4 21.0384615,4 C22.1217893,4 23,4.8954305 23,6 C23,7.1045695 22.1217893,8 21.0384615,8 Z" id="Combined-Shape" fill="#DEE0E2"></path>
+            <polygon id="BG_Border_Top_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="0 0 200 0 197 1 1 1"></polygon>
+            <polygon id="BG_Border_Right_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="200 0 200 160 197 157 197 1"></polygon>
+            <polygon id="BG_Border_Bottom_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="200 160 0 160 1 157 197 157"></polygon>
+            <polygon id="BG_Border_Left_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="0 160 0 0 1 1 1 157"></polygon>
+        </g>
+        <g id="Button/Primary" transform="translate(5.000000, 142.000000)" fill="#00823B">
+            <g id="Fill/$button-colour">
+                <rect id="Rectangle" x="0" y="0" width="32" height="8"></rect>
+            </g>
+        </g>
+        <g id="CYA-Section" transform="translate(5.000000, 64.000000)">
+            <g id="CYA-Question" transform="translate(0.000000, 23.000000)">
+                <g id="Fill/$border-colour" transform="translate(0.000000, 7.000000)" fill="#BFC1C3">
+                    <rect id="Rectangle" x="0" y="0" width="120" height="1"></rect>
+                </g>
+                <g id="Text/Link" transform="translate(104.000000, 0.000000)" fill="#005EA5">
+                    <g id="Fill/$link-colour">
+                        <rect id="Rectangle" x="0" y="0" width="16" height="4"></rect>
+                    </g>
+                </g>
+                <g id="Text/Body/Line" transform="translate(24.000000, 0.000000)" fill="#6F777B">
+                    <g id="Fill/$secondary-text-colour">
+                        <rect id="Rectangle" x="0" y="0" width="48" height="4"></rect>
+                    </g>
+                </g>
+                <g id="Text/Heading/Small" fill="#0B0C0C">
+                    <g id="Fill/$text-colour">
+                        <rect id="Rectangle" x="0" y="0" width="16" height="4"></rect>
+                    </g>
+                </g>
+            </g>
+            <g id="CYA-Question" transform="translate(0.000000, 12.000000)">
+                <g id="Fill/$border-colour" transform="translate(0.000000, 7.000000)" fill="#BFC1C3">
+                    <rect id="Rectangle" x="0" y="0" width="120" height="1"></rect>
+                </g>
+                <g id="Text/Link" transform="translate(104.000000, 0.000000)" fill="#005EA5">
+                    <g id="Fill/$link-colour">
+                        <rect id="Rectangle" x="0" y="0" width="16" height="4"></rect>
+                    </g>
+                </g>
+                <g id="Text/Body/Line" transform="translate(24.000000, 0.000000)" fill="#6F777B">
+                    <g id="Fill/$secondary-text-colour">
+                        <rect id="Rectangle" x="0" y="0" width="48" height="4"></rect>
+                    </g>
+                </g>
+                <g id="Text/Heading/Small" fill="#0B0C0C">
+                    <g id="Fill/$text-colour">
+                        <rect id="Rectangle" x="0" y="0" width="16" height="4"></rect>
+                    </g>
+                </g>
+            </g>
+            <g id="Text/Heading/Medium" fill="#0B0C0C">
+                <g id="Fill/$text-colour">
+                    <rect id="Rectangle" x="0" y="0" width="32" height="8"></rect>
+                </g>
+            </g>
+        </g>
+        <g id="CYA-Section" transform="translate(5.000000, 103.000000)">
+            <g id="CYA-Question" transform="translate(0.000000, 23.000000)">
+                <g id="Fill/$border-colour" transform="translate(0.000000, 7.000000)" fill="#BFC1C3">
+                    <rect id="Rectangle" x="0" y="0" width="120" height="1"></rect>
+                </g>
+                <g id="Text/Link" transform="translate(104.000000, 0.000000)" fill="#005EA5">
+                    <g id="Fill/$link-colour">
+                        <rect id="Rectangle" x="0" y="0" width="16" height="4"></rect>
+                    </g>
+                </g>
+                <g id="Text/Body/Line" transform="translate(24.000000, 0.000000)" fill="#6F777B">
+                    <g id="Fill/$secondary-text-colour">
+                        <rect id="Rectangle" x="0" y="0" width="48" height="4"></rect>
+                    </g>
+                </g>
+                <g id="Text/Heading/Small" fill="#0B0C0C">
+                    <g id="Fill/$text-colour">
+                        <rect id="Rectangle" x="0" y="0" width="16" height="4"></rect>
+                    </g>
+                </g>
+            </g>
+            <g id="CYA-Question" transform="translate(0.000000, 12.000000)">
+                <g id="Fill/$border-colour" transform="translate(0.000000, 7.000000)" fill="#BFC1C3">
+                    <rect id="Rectangle" x="0" y="0" width="120" height="1"></rect>
+                </g>
+                <g id="Text/Link" transform="translate(104.000000, 0.000000)" fill="#005EA5">
+                    <g id="Fill/$link-colour">
+                        <rect id="Rectangle" x="0" y="0" width="16" height="4"></rect>
+                    </g>
+                </g>
+                <g id="Text/Body/Line" transform="translate(24.000000, 0.000000)" fill="#6F777B">
+                    <g id="Fill/$secondary-text-colour">
+                        <rect id="Rectangle" x="0" y="0" width="48" height="4"></rect>
+                    </g>
+                </g>
+                <g id="Text/Heading/Small" fill="#0B0C0C">
+                    <g id="Fill/$text-colour">
+                        <rect id="Rectangle" x="0" y="0" width="16" height="4"></rect>
+                    </g>
+                </g>
+            </g>
+            <g id="Text/Heading/Medium" fill="#0B0C0C">
+                <g id="Fill/$text-colour">
+                    <rect id="Rectangle" x="0" y="0" width="32" height="8"></rect>
+                </g>
+            </g>
+        </g>
+        <g id="Text/Heading/Large" transform="translate(5.000000, 44.000000)" fill="#0B0C0C">
+            <g id="Fill/$text-colour">
+                <rect id="Rectangle" x="0" y="0" width="120" height="12"></rect>
+            </g>
+        </g>
+        <g id="Object/Back" transform="translate(5.000000, 32.000000)" fill="#6F777B">
+            <g id="Fill/$secondary-text-colour">
+                <rect id="Rectangle" x="0" y="0" width="16" height="2"></rect>
+            </g>
+        </g>
+        <g id="Object/Header" transform="translate(3.000000, 12.000000)">
+            <g id="👑Crown">
+                <image x="2" y="4" width="8.99672131" height="8" xlink:href="data:image/png;base64,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"></image>
+                <use fill="#0B0C0C" fill-rule="evenodd" xlink:href="#rect-1"></use>
+            </g>
+            <text id="🖊️Global_Header_Text" font-family="Helvetica" font-size="8" font-weight="normal" fill="#0B0C0C">
+                <tspan x="13" y="11">GOV.UK</tspan>
+            </text>
+            <g id="Fill/$link-colour" transform="translate(2.000000, 15.000000)" fill="#005EA5" fill-rule="evenodd">
+                <rect id="Rectangle" x="0" y="0" width="188" height="1"></rect>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/assets/images/page-types/checkbox-input.svg ADDED Viewed

@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="200px" height="160px" viewBox="0 0 200 160" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>Screen/Question page/Checkbox input</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <rect x="2" y="4" width="8.99672131" height="8" id="rect-1"></rect>
+    </defs>
+    <g id="Screen/Question-page/Checkbox-input" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Question-page/Checkbox-input">
+            <g id="_Canvas/Browser">
+                <rect id="BG" fill="#FFFFFF" x="1" y="1" width="196" height="156"></rect>
+                <rect id="Top-Bar" fill="#F2F2F2" x="1" y="1" width="196" height="11"></rect>
+                <rect id="Divider" fill="#DEE0E2" x="1" y="11" width="196" height="1"></rect>
+                <path d="M7.96153846,8 C6.87821068,8 6,7.1045695 6,6 C6,4.8954305 6.87821068,4 7.96153846,4 C9.04486624,4 9.92307692,4.8954305 9.92307692,6 C9.92307692,7.1045695 9.04486624,8 7.96153846,8 Z M14.5,8 C13.4166722,8 12.5384615,7.1045695 12.5384615,6 C12.5384615,4.8954305 13.4166722,4 14.5,4 C15.5833278,4 16.4615385,4.8954305 16.4615385,6 C16.4615385,7.1045695 15.5833278,8 14.5,8 Z M21.0384615,8 C19.9551338,8 19.0769231,7.1045695 19.0769231,6 C19.0769231,4.8954305 19.9551338,4 21.0384615,4 C22.1217893,4 23,4.8954305 23,6 C23,7.1045695 22.1217893,8 21.0384615,8 Z" id="Combined-Shape" fill="#DEE0E2"></path>
+                <polygon id="BG_Border_Top_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="0 0 200 0 197 1 1 1"></polygon>
+                <polygon id="BG_Border_Right_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="200 0 200 160 197 157 197 1"></polygon>
+                <polygon id="BG_Border_Bottom_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="200 160 0 160 1 157 197 157"></polygon>
+                <polygon id="BG_Border_Left_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="0 160 0 0 1 1 1 157"></polygon>
+            </g>
+            <g id="Button/Primary" transform="translate(5.000000, 116.000000)" fill="#00823B">
+                <g id="Fill/$button-colour">
+                    <rect id="Rectangle" x="0" y="0" width="32" height="8"></rect>
+                </g>
+            </g>
+            <g id="Text/Heading/Large" transform="translate(5.000000, 44.000000)" fill="#0B0C0C">
+                <g id="Fill/$text-colour">
+                    <rect id="Rectangle" x="0" y="0" width="120" height="12"></rect>
+                </g>
+            </g>
+            <g id="Object/Header" transform="translate(3.000000, 12.000000)">
+                <g id="👑Crown">
+                    <image x="2" y="4" width="8.99672131" height="8" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABACAYAAAC5vjEqAAAABGdBTUEAALGOfPtRkwAAB/9JREFUeAHtmv913EYOx6V793+UCo7pYDsIr4JsB0dXcEoF4VWwuQrWHayvAm4qWHVAXQVyKlA+X2pAgdgZLi1Llmwv3oOAAb74MZghRev54uJM5wmcJ3CewOtN4PL1Sj9Uvr+/r9DEObq9vLy8zTm+GxsDauASNd/NIEobZTJXpenIV4r7ruwMossMafcWhvC3t9AEPfwv00fOloF9gyZuy8pvi3WVuUFVwExivO+b0xlGB9/BW3itDSIPsNEh2dYYtrCw3Tc3iNKGtFnYkwZwil5lQG/lHfRmf1v9vXTKp+wcdwVGfMHH3F7yrRE91qmnL/fBSVF9t+xgTz2LxS9RsB3sqWPhH7PhneMB6IsfMbAruIc9qeeXv6kU2fqqTtemFjUArktxPXI4ZaR0o14nz6KG+2RcNCCwOkA/7BQ+iG26US8jUnFfMOqNr5zw2qS4Mh/6Fh6x6DrxSOONxNHA4+bQK9jyTg4lYRFFmuCtp2eRlFRTc9RaIUDaVDzJjfm9BLfJJF2KVY3G8qG3mVzeVBv2yZJsuqZ2QpUlwlb5Shm9ETbFZtyDacAIZ4S1z4CHx8wwkmCaDM5M9QKMsJVwIulwnXjZzQK8huPJ++vd4c+RYoYiyF0OkGzDR+BDi0OTucfLwleGSxs6mCMjdwmjw439G7yzfBi2ZkxSMWvzZyUATbRErYJwqoHYqJKPm0Hv4CL54oA2RSC+gJ2BPv6WA6ShqydP6tkOsPWOoFe+5kQHOBd458Fg1cQ1XMNDYfOz3sElijeoLwGxTx4z1tpkiYYb5HrQQao39Tgenvys4/AwjdRajiMJpBthGeUooGAgVI2VqLEwABryKRo3B7CZAdeW95ScySHX+BgqT/ynxh8zyT/O+Cau9GX9bmJ8WPyO772zr51eUkdMiv09A3yXamZcWdPcXsozYHrVzHTbbKkZY8qn2ySuIhRbC5+iNhOnPot5Iz6uiZ2rW0X8ZE1wA8dndPwtNgF/5iLVQsxS85llsuFU3Iaq2vNRrctcNMAr7Kvke7F/6KU6ehGrXo70KPzE4yP57ET9iqRi0c1L1XlI/8SfNLmGc6QTXT8x7fOHqRn4kDpVcxu4dLLP2gB19E7Zwl1i6dWzFikko84VrL1qz6IDPD0YGeTJ0OSbpVDjgjgb7hcZaKkP2elFGz7eZCEoYRFH9DgkXP2R+9HQFHIPZmBqqE9wNfZqQ1JtWD2Ieni2F/z6hVSi4SPVvoOqmSHM+RSmSRtmhT75omX9JUm11YOogtXbHFUzTj32VzagGdxJ178CoiZxE2wvvkw161Ao9hbc80v9VrO/Sd8AtcnHqH00hHUd1lr+Ar+XUiI2pNP9d8kf7P+l2Q/BFpeqGamOhrDes/4t2GypmTwQza7gOzjS1jAlGQPSui/hvR2svS8KaQbzwceUdJB9LkkJb3Zitpk4zWJ6YTDomdvAHbyDG0syJ8H18BHNxZiPIL1U1UyJ5Lsy/JwsJFh6UHpZa88dvIGruVqDD5CaV+BmDox/C0cqnjrAyYZZ651VotrXBjSJDb5DJsnsEwBew9Aei3l9jQsBU4CmaTQMiIUSVZMAFrIZ0MldxNkajHLXtpZk3bpYU9uAWeM4lddiTVY+h3Qc6rdJugZkpL4auDwsnGoiUpuSKcG19EjY4wZVaAXXcOXxrDtYpOYGH1IH08NGPcrQKLKCbSNdyCWfaqhWA3tqPdZ0ANfwMGhk6wOSvjZsVio4BKlwlWyTBpUg+WrkIWEkeqdLHYuix/wdthaWNOpQok2+8Qahr2Vw5OtLV09V3CS2DhZVcDNojz/G/DFuXKfAu8eYodGtWw8nqwBs3u4gR+rBCuBpj7zLDa3L0y8MG99D4HVTjbYovhftubL8szIE9qw9NQrG0HjjKd0KgvNNWZia06kbSZctUuvyRN/culEcgNhz74JaYSJlv6T5KGsB3iZwlaSJnwt285u8Qfkn/MEMSd669Uf0X6n3I/I/zq4PQ9l+hYUxujUlSeVWjZtgj8sqGax385tdf/NqzbhIhmnrNO1E75SAtd2ELmF16p6urBDGxul1Ainfytktn9yts+sFbLVrZ2+c7h8dxauXBu5g0bWwSMsjabr8Yy7LuUgS2CsaUjI1oaLSa1iNjy9tdPmt6PjOiYXAKFa4cTjCsN7CRuN7I/lUa6gb89ka/yEFC+cPp2NdwVa3kR8WTtRbjk+WBLdDiocfGyVAVfI66ZWkEfbNA/T+3mxR4q8s3vuw9bDRcEuDv8ZZeZvXLRA59Gk+i0EqfhicMLBRa9hPlmTQMDzVc0kAPqkwca0vkvR2rpb3hfjJgDxOOlgNytN42yJ20ZpMO5ftDn3yaPgk+HqHldp6f04Hcx1i/PI6F+NtquED0IuPDL4VrD0Y7XyuJ+lkWlu2JFVgHZNh2yZ/FD0GbUInpxspln4NH+BTJIywMV45ezhHk3eYegW0hv1wFHe0j7ivy2jIrZUY+1Xw3bDWf/b+AVahCn5LdEszH+A/4V/gFezpY/qU8LYjfemAdCLNUfTXbXjPgN6d2kL2QzET9EfG9rWbdPtP0tIbdEUmPWbfEv3IDfp4akOLblBKtD+V7Cvy75cMR/uxP9ov2Zses3oJ0GH2Tpd6C/9fymfQP4itXLxud3wBO3dW1V4W0acMaE/G31JW6SIrdIM+XFdOZi/HaxG/cetU2w/u52Qz3z6tz+I8gfMEzhM4T+A8gfMEzhM4T6Awgb8AnAfEoKwkFKUAAAAASUVORK5CYII="></image>
+                    <use fill="#0B0C0C" fill-rule="evenodd" xlink:href="#rect-1"></use>
+                </g>
+                <text id="🖊️Global_Header_Text" font-family="Helvetica" font-size="8" font-weight="normal" fill="#0B0C0C">
+                    <tspan x="13" y="11">GOV.UK</tspan>
+                </text>
+                <g id="Fill/$link-colour" transform="translate(2.000000, 15.000000)" fill="#005EA5" fill-rule="evenodd">
+                    <rect id="Rectangle" x="0" y="0" width="188" height="1"></rect>
+                </g>
+            </g>
+            <g id="Question/Checkbox-input" transform="translate(5.000000, 64.000000)">
+                <g id="Form/Label" transform="translate(16.000000, 36.000000)" fill="#0B0C0C">
+                    <g id="Fill/$text-colour">
+                        <rect id="Rectangle" x="0" y="0" width="80" height="4"></rect>
+                    </g>
+                </g>
+                <g id="Form/Checkbox-input" transform="translate(0.000000, 32.000000)">
+                    <g id="Fill/$black" fill="#0B0C0C">
+                        <rect id="Rectangle" x="0" y="0" width="12" height="12"></rect>
+                    </g>
+                    <rect id="Inside" fill="#FFFFFF" x="2" y="2" width="8" height="8"></rect>
+                </g>
+                <g id="Form/Label" transform="translate(16.000000, 20.000000)" fill="#0B0C0C">
+                    <g id="Fill/$text-colour">
+                        <rect id="Rectangle" x="0" y="0" width="80" height="4"></rect>
+                    </g>
+                </g>
+                <g id="Form/Checkbox-input" transform="translate(0.000000, 16.000000)">
+                    <g id="Fill/$black" fill="#0B0C0C">
+                        <rect id="Rectangle" x="0" y="0" width="12" height="12"></rect>
+                    </g>
+                    <rect id="Inside" fill="#FFFFFF" x="2" y="2" width="8" height="8"></rect>
+                </g>
+                <g id="Form/Label" transform="translate(16.000000, 4.000000)" fill="#0B0C0C">
+                    <g id="Fill/$text-colour">
+                        <rect id="Rectangle" x="0" y="0" width="80" height="4"></rect>
+                    </g>
+                </g>
+                <g id="Form/Checkbox-input">
+                    <g id="Fill/$black" fill="#0B0C0C">
+                        <rect id="Rectangle" x="0" y="0" width="12" height="12"></rect>
+                    </g>
+                    <rect id="Inside" fill="#FFFFFF" x="2" y="2" width="8" height="8"></rect>
+                </g>
+            </g>
+            <g id="Object/Back" transform="translate(5.000000, 32.000000)" fill="#6F777B">
+                <g id="Fill/$secondary-text-colour">
+                    <rect id="Rectangle" x="0" y="0" width="16" height="2"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/assets/images/page-types/confirmation.svg ADDED Viewed

@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="200px" height="160px" viewBox="0 0 200 160" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>Screen/Confirmation</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <rect x="2" y="4" width="8.99672131" height="8" id="rect-1"></rect>
+    </defs>
+    <g id="Screen/Confirmation" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="_Canvas/Browser">
+            <rect id="BG" fill="#FFFFFF" x="1" y="1" width="196" height="156"></rect>
+            <rect id="Top-Bar" fill="#F2F2F2" x="1" y="1" width="196" height="11"></rect>
+            <rect id="Divider" fill="#DEE0E2" x="1" y="11" width="196" height="1"></rect>
+            <path d="M7.96153846,8 C6.87821068,8 6,7.1045695 6,6 C6,4.8954305 6.87821068,4 7.96153846,4 C9.04486624,4 9.92307692,4.8954305 9.92307692,6 C9.92307692,7.1045695 9.04486624,8 7.96153846,8 Z M14.5,8 C13.4166722,8 12.5384615,7.1045695 12.5384615,6 C12.5384615,4.8954305 13.4166722,4 14.5,4 C15.5833278,4 16.4615385,4.8954305 16.4615385,6 C16.4615385,7.1045695 15.5833278,8 14.5,8 Z M21.0384615,8 C19.9551338,8 19.0769231,7.1045695 19.0769231,6 C19.0769231,4.8954305 19.9551338,4 21.0384615,4 C22.1217893,4 23,4.8954305 23,6 C23,7.1045695 22.1217893,8 21.0384615,8 Z" id="Combined-Shape" fill="#DEE0E2"></path>
+            <polygon id="BG_Border_Top_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="0 0 200 0 197 1 1 1"></polygon>
+            <polygon id="BG_Border_Right_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="200 0 200 160 197 157 197 1"></polygon>
+            <polygon id="BG_Border_Bottom_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="200 160 0 160 1 157 197 157"></polygon>
+            <polygon id="BG_Border_Left_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="0 160 0 0 1 1 1 157"></polygon>
+        </g>
+        <g id="Text/Link" transform="translate(5.000000, 132.000000)" fill="#005EA5">
+            <g id="Fill/$link-colour">
+                <rect id="Rectangle" x="0" y="0" width="16" height="4"></rect>
+            </g>
+        </g>
+        <g id="Text/Body/Paragraph" transform="translate(5.000000, 80.000000)" fill="#0B0C0C">
+            <g id="Fill/$text-colour" transform="translate(0.000000, 40.000000)">
+                <rect id="Rectangle" x="0" y="0" width="64" height="4"></rect>
+            </g>
+            <g id="Fill/$text-colour" transform="translate(0.000000, 32.000000)">
+                <rect id="Rectangle" x="0" y="0" width="96" height="4"></rect>
+            </g>
+            <g id="Fill/$text-colour" transform="translate(0.000000, 24.000000)">
+                <rect id="Rectangle" x="0" y="0" width="96" height="4"></rect>
+            </g>
+            <g id="Fill/$text-colour" transform="translate(0.000000, 16.000000)">
+                <rect id="Rectangle" x="0" y="0" width="96" height="4"></rect>
+            </g>
+            <g id="Fill/$text-colour" transform="translate(0.000000, 8.000000)">
+                <rect id="Rectangle" x="0" y="0" width="96" height="4"></rect>
+            </g>
+            <g id="Fill/$text-colour">
+                <rect id="Rectangle" x="0" y="0" width="64" height="4"></rect>
+            </g>
+        </g>
+        <g id="Object/Confirmation-box" transform="translate(5.000000, 32.000000)">
+            <g id="Fill/$turquoise" fill="#28A197">
+                <rect id="Rectangle" x="0" y="0" width="120" height="40"></rect>
+            </g>
+            <g id="Text/Body/Line" transform="translate(28.000000, 26.000000)" fill="#FFFFFF">
+                <g id="Fill/$page-colour">
+                    <rect id="Rectangle" x="0" y="0" width="64" height="4"></rect>
+                </g>
+            </g>
+            <g id="Text/Heading/Large" transform="translate(12.000000, 10.000000)" fill="#FFFFFF">
+                <g id="Fill/$page-colour">
+                    <rect id="Rectangle" x="0" y="0" width="96" height="12"></rect>
+                </g>
+            </g>
+        </g>
+        <g id="Object/Header" transform="translate(3.000000, 12.000000)">
+            <g id="👑Crown">
+                <image x="2" y="4" width="8.99672131" height="8" xlink:href="data:image/png;base64,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"></image>
+                <use fill="#0B0C0C" fill-rule="evenodd" xlink:href="#rect-1"></use>
+            </g>
+            <text id="🖊️Global_Header_Text" font-family="Helvetica" font-size="8" font-weight="normal" fill="#0B0C0C">
+                <tspan x="13" y="11">GOV.UK</tspan>
+            </text>
+            <g id="Fill/$link-colour" transform="translate(2.000000, 15.000000)" fill="#005EA5" fill-rule="evenodd">
+                <rect id="Rectangle" x="0" y="0" width="188" height="1"></rect>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/assets/images/page-types/content-page.svg ADDED Viewed

@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="200px" height="160px" viewBox="0 0 200 160" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>Screen/Content page</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <rect x="2" y="4" width="8.99672131" height="8" id="rect-1"></rect>
+    </defs>
+    <g id="Screen/Content-page" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Content-page">
+            <g id="_Canvas/Browser">
+                <rect id="BG" fill="#FFFFFF" x="1" y="1" width="196" height="156"></rect>
+                <rect id="Top-Bar" fill="#F2F2F2" x="1" y="1" width="196" height="11"></rect>
+                <rect id="Divider" fill="#DEE0E2" x="1" y="11" width="196" height="1"></rect>
+                <path d="M7.96153846,8 C6.87821068,8 6,7.1045695 6,6 C6,4.8954305 6.87821068,4 7.96153846,4 C9.04486624,4 9.92307692,4.8954305 9.92307692,6 C9.92307692,7.1045695 9.04486624,8 7.96153846,8 Z M14.5,8 C13.4166722,8 12.5384615,7.1045695 12.5384615,6 C12.5384615,4.8954305 13.4166722,4 14.5,4 C15.5833278,4 16.4615385,4.8954305 16.4615385,6 C16.4615385,7.1045695 15.5833278,8 14.5,8 Z M21.0384615,8 C19.9551338,8 19.0769231,7.1045695 19.0769231,6 C19.0769231,4.8954305 19.9551338,4 21.0384615,4 C22.1217893,4 23,4.8954305 23,6 C23,7.1045695 22.1217893,8 21.0384615,8 Z" id="Combined-Shape" fill="#DEE0E2"></path>
+                <polygon id="BG_Border_Top_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="0 0 200 0 197 1 1 1"></polygon>
+                <polygon id="BG_Border_Right_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="200 0 200 160 197 157 197 1"></polygon>
+                <polygon id="BG_Border_Bottom_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="200 160 0 160 1 157 197 157"></polygon>
+                <polygon id="BG_Border_Left_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="0 160 0 0 1 1 1 157"></polygon>
+            </g>
+            <g id="Text/Body/Paragraph" transform="translate(5.000000, 64.000000)" fill="#0B0C0C">
+                <g id="Fill/$text-colour" transform="translate(0.000000, 40.000000)">
+                    <rect id="Rectangle" x="0" y="0" width="64" height="4"></rect>
+                </g>
+                <g id="Fill/$text-colour" transform="translate(0.000000, 32.000000)">
+                    <rect id="Rectangle" x="0" y="0" width="96" height="4"></rect>
+                </g>
+                <g id="Fill/$text-colour" transform="translate(0.000000, 24.000000)">
+                    <rect id="Rectangle" x="0" y="0" width="96" height="4"></rect>
+                </g>
+                <g id="Fill/$text-colour" transform="translate(0.000000, 16.000000)">
+                    <rect id="Rectangle" x="0" y="0" width="96" height="4"></rect>
+                </g>
+                <g id="Fill/$text-colour" transform="translate(0.000000, 8.000000)">
+                    <rect id="Rectangle" x="0" y="0" width="96" height="4"></rect>
+                </g>
+                <g id="Fill/$text-colour">
+                    <rect id="Rectangle" x="0" y="0" width="64" height="4"></rect>
+                </g>
+            </g>
+            <g id="Text/Body/Paragraph" transform="translate(5.000000, 128.000000)" fill="#0B0C0C">
+                <g id="Fill/$text-colour" transform="translate(0.000000, 16.000000)">
+                    <rect id="Rectangle" x="0" y="0" width="96" height="4"></rect>
+                </g>
+                <g id="Fill/$text-colour" transform="translate(0.000000, 8.000000)">
+                    <rect id="Rectangle" x="0" y="0" width="96" height="4"></rect>
+                </g>
+                <g id="Fill/$text-colour">
+                    <rect id="Rectangle" x="0" y="0" width="64" height="4"></rect>
+                </g>
+            </g>
+            <g id="Text/Heading/Large" transform="translate(5.000000, 44.000000)" fill="#0B0C0C">
+                <g id="Fill/$text-colour">
+                    <rect id="Rectangle" x="0" y="0" width="120" height="12"></rect>
+                </g>
+            </g>
+            <g id="Object/Back" transform="translate(5.000000, 32.000000)" fill="#6F777B">
+                <g id="Fill/$secondary-text-colour">
+                    <rect id="Rectangle" x="0" y="0" width="16" height="2"></rect>
+                </g>
+            </g>
+            <g id="Object/Header" transform="translate(3.000000, 12.000000)">
+                <g id="👑Crown">
+                    <image x="2" y="4" width="8.99672131" height="8" xlink:href="data:image/png;base64,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"></image>
+                    <use fill="#0B0C0C" fill-rule="evenodd" xlink:href="#rect-1"></use>
+                </g>
+                <text id="🖊️Global_Header_Text" font-family="Helvetica" font-size="8" font-weight="normal" fill="#0B0C0C">
+                    <tspan x="13" y="11">GOV.UK</tspan>
+                </text>
+                <g id="Fill/$link-colour" transform="translate(2.000000, 15.000000)" fill="#005EA5" fill-rule="evenodd">
+                    <rect id="Rectangle" x="0" y="0" width="188" height="1"></rect>
+                </g>
+            </g>
+            <g id="Text/Body/Link" transform="translate(5.000000, 116.000000)">
+                <g id="Fill/$text-colour" fill="#0B0C0C">
+                    <rect id="Rectangle" x="0" y="0" width="46" height="4"></rect>
+                </g>
+                <g id="Fill/$link-colour" transform="translate(48.000000, 0.000000)" fill="#005EA5">
+                    <rect id="Rectangle" x="0" y="0" width="16" height="4"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/assets/images/page-types/email.svg ADDED Viewed

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="200px" height="160px" viewBox="0 0 200 160" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>Screen/Email</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <rect x="2" y="4" width="8.99672131" height="8" id="rect-1"></rect>
+        <path d="M104.458498,27.1712086 C104.459235,27.216036 104.459309,27.2608496 104.458723,27.3056342 L104.458723,81.75 C104.458723,89.2541266 98.3378499,95.375 90.8337233,95.375 L18.1670566,95.375 C10.6629301,95.375 4.54205662,89.2541266 4.54205662,81.75 L4.54205662,27.3056342 C4.54147058,27.2608496 4.54154468,27.216036 4.54228164,27.1712086 C4.58494643,19.7030757 10.6892109,13.625 18.1670566,13.625 L90.8337233,13.625 C98.311569,13.625 104.415833,19.7030757 104.458498,27.1712086 Z M94.891351,25.2241832 C94.1402494,23.738943 92.5957139,22.7083333 90.8337233,22.7083333 L18.1670566,22.7083333 C16.405066,22.7083333 14.8605305,23.738943 14.1094289,25.2241832 L54.50039,53.497856 L94.891351,25.2241832 Z M95.37539,35.9729773 L57.1048648,62.762345 C55.5410774,63.8569961 53.4597025,63.8569961 51.8959151,62.762345 L13.62539,35.9729773 L13.62539,81.75 C13.62539,84.2375401 15.6795165,86.2916667 18.1670566,86.2916667 L90.8337233,86.2916667 C93.3212634,86.2916667 95.37539,84.2375401 95.37539,81.75 L95.37539,35.9729773 Z" id="path-2"></path>
+    </defs>
+    <g id="Screen/Email" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Start-page">
+            <g id="_Canvas/Browser">
+                <rect id="BG" fill="#FFFFFF" x="1" y="1" width="196" height="156"></rect>
+                <rect id="Top-Bar" fill="#F2F2F2" x="1" y="1" width="196" height="11"></rect>
+                <rect id="Divider" fill="#DEE0E2" x="1" y="11" width="196" height="1"></rect>
+                <path d="M7.96153846,8 C6.87821068,8 6,7.1045695 6,6 C6,4.8954305 6.87821068,4 7.96153846,4 C9.04486624,4 9.92307692,4.8954305 9.92307692,6 C9.92307692,7.1045695 9.04486624,8 7.96153846,8 Z M14.5,8 C13.4166722,8 12.5384615,7.1045695 12.5384615,6 C12.5384615,4.8954305 13.4166722,4 14.5,4 C15.5833278,4 16.4615385,4.8954305 16.4615385,6 C16.4615385,7.1045695 15.5833278,8 14.5,8 Z M21.0384615,8 C19.9551338,8 19.0769231,7.1045695 19.0769231,6 C19.0769231,4.8954305 19.9551338,4 21.0384615,4 C22.1217893,4 23,4.8954305 23,6 C23,7.1045695 22.1217893,8 21.0384615,8 Z" id="Combined-Shape" fill="#DEE0E2"></path>
+                <polygon id="BG_Border_Top_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="0 0 200 0 197 1 1 1"></polygon>
+                <polygon id="BG_Border_Right_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="200 0 200 160 197 157 197 1"></polygon>
+                <polygon id="BG_Border_Bottom_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="200 160 0 160 1 157 197 157"></polygon>
+                <polygon id="BG_Border_Left_2B99C93C-C2D2-47D8-92D7-E97EC61A7761" fill="#0B0C0C" points="0 160 0 0 1 1 1 157"></polygon>
+            </g>
+            <g id="Object/Breadcrumb" transform="translate(5.000000, 32.000000)" fill="#6F777B">
+                <g id="Fill/$secondary-text-colour" transform="translate(40.000000, 0.000000)">
+                    <rect id="Rectangle" x="0" y="0" width="16" height="2"></rect>
+                </g>
+                <g id="Fill/$secondary-text-colour" transform="translate(20.000000, 0.000000)">
+                    <rect id="Rectangle" x="0" y="0" width="16" height="2"></rect>
+                </g>
+                <g id="Fill/$secondary-text-colour">
+                    <rect id="Rectangle" x="0" y="0" width="16" height="2"></rect>
+                </g>
+            </g>
+            <g id="Object/Header" transform="translate(3.000000, 12.000000)">
+                <g id="👑Crown">
+                    <image x="2" y="4" width="8.99672131" height="8" xlink:href="data:image/png;base64,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"></image>
+                    <use fill="#0B0C0C" fill-rule="evenodd" xlink:href="#rect-1"></use>
+                </g>
+                <text id="🖊️Global_Header_Text" font-family="Helvetica" font-size="8" font-weight="normal" fill="#0B0C0C">
+                    <tspan x="13" y="11">GOV.UK</tspan>
+                </text>
+                <g id="Fill/$link-colour" transform="translate(2.000000, 15.000000)" fill="#005EA5" fill-rule="evenodd">
+                    <rect id="Rectangle" x="0" y="0" width="188" height="1"></rect>
+                </g>
+            </g>
+        </g>
+        <g id="mail" transform="translate(46.000000, 36.000000)">
+            <mask id="mask-3" fill="white">
+                <use xlink:href="#path-2"></use>
+            </mask>
+            <use id="Combined-Shape" fill="#000000" fill-rule="nonzero" xlink:href="#path-2"></use>
+            <g id="COLOR/-black" mask="url(#mask-3)" fill="#000000" fill-rule="evenodd">
+                <rect id="Rectangle" x="0" y="0" width="109" height="109"></rect>
+            </g>
+        </g>
+    </g>
+</svg>