@benwatsonuk/govuk-pages-plugin 1.1.1 → 1.2.1

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## v1.2.1
+
+### Features
+- User can switch between flows and lists on the 'Page Flows' view
+- Added (embedded v3.17.0) UKIC (UK Intelligence Community) Components to allow for some rich UI elements to use exclusively with the plugin i.e. these are not exposed or intended to be used as part of designs for end users.
+
+## v1.2.0
+
+### Features
+- Visual user flows added
+
 ## v1.1.1
 
 ### Fixes

package/dist/assets/images/page-types/check-answers.svg

@@ -1,142 +1,23 @@
-<?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>
+<svg width="200" height="160" viewBox="0 0 200 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37 142H5V150H37V142Z" fill="#00823B"/>
+<path d="M125 94H5V95H125V94Z" fill="#BFC1C3"/>
+<path d="M125 87H109V91H125V87Z" fill="#005EA5"/>
+<path d="M77 87H29V91H77V87Z" fill="#6F777B"/>
+<path d="M21 87H5V91H21V87Z" fill="#0B0C0C"/>
+<path d="M125 83H5V84H125V83Z" fill="#BFC1C3"/>
+<path d="M125 76H109V80H125V76Z" fill="#005EA5"/>
+<path d="M77 76H29V80H77V76Z" fill="#6F777B"/>
+<path d="M21 76H5V80H21V76Z" fill="#0B0C0C"/>
+<path d="M37 64H5V72H37V64Z" fill="#0B0C0C"/>
+<path d="M125 133H5V134H125V133Z" fill="#BFC1C3"/>
+<path d="M125 126H109V130H125V126Z" fill="#005EA5"/>
+<path d="M77 126H29V130H77V126Z" fill="#6F777B"/>
+<path d="M21 126H5V130H21V126Z" fill="#0B0C0C"/>
+<path d="M125 122H5V123H125V122Z" fill="#BFC1C3"/>
+<path d="M125 115H109V119H125V115Z" fill="#005EA5"/>
+<path d="M77 115H29V119H77V115Z" fill="#6F777B"/>
+<path d="M21 115H5V119H21V115Z" fill="#0B0C0C"/>
+<path d="M37 103H5V111H37V103Z" fill="#0B0C0C"/>
+<path d="M125 44H5V56H125V44Z" fill="#0B0C0C"/>
+<path d="M21 32H5V34H21V32Z" fill="#6F777B"/>
+</svg>

package/dist/assets/images/page-types/checkbox-input.svg

@@ -1,85 +1,13 @@
-<?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,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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="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>
+<svg width="200" height="160" viewBox="0 0 200 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37 116H5V124H37V116Z" fill="#00823B"/>
+<path d="M125 44H5V56H125V44Z" fill="#0B0C0C"/>
+<path d="M101 100H21V104H101V100Z" fill="#0B0C0C"/>
+<path d="M17 96H5V108H17V96Z" fill="#0B0C0C"/>
+<path d="M15 98H7V106H15V98Z" fill="white"/>
+<path d="M101 84H21V88H101V84Z" fill="#0B0C0C"/>
+<path d="M17 80H5V92H17V80Z" fill="#0B0C0C"/>
+<path d="M15 82H7V90H15V82Z" fill="white"/>
+<path d="M101 68H21V72H101V68Z" fill="#0B0C0C"/>
+<path d="M17 64H5V76H17V64Z" fill="#0B0C0C"/>
+<path d="M15 66H7V74H15V66Z" fill="white"/>
+</svg>

package/dist/assets/images/page-types/confirmation.svg

@@ -1,73 +1,12 @@
-<?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,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>
-</svg>
+<svg width="200" height="160" viewBox="0 0 200 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 132H5V136H21V132Z" fill="#005EA5"/>
+<path d="M69 120H5V124H69V120Z" fill="#0B0C0C"/>
+<path d="M101 112H5V116H101V112Z" fill="#0B0C0C"/>
+<path d="M101 104H5V108H101V104Z" fill="#0B0C0C"/>
+<path d="M101 96H5V100H101V96Z" fill="#0B0C0C"/>
+<path d="M101 88H5V92H101V88Z" fill="#0B0C0C"/>
+<path d="M69 80H5V84H69V80Z" fill="#0B0C0C"/>
+<path d="M125 32H5V72H125V32Z" fill="#28A197"/>
+<path d="M97 58H33V62H97V58Z" fill="white"/>
+<path d="M113 42H17V54H113V42Z" fill="white"/>
+</svg>

package/dist/assets/images/page-types/content-page.svg

@@ -1,84 +1,14 @@
-<?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>
+<svg width="200" height="160" viewBox="0 0 200 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M69 104H5V108H69V104Z" fill="#0B0C0C"/>
+<path d="M101 96H5V100H101V96Z" fill="#0B0C0C"/>
+<path d="M101 88H5V92H101V88Z" fill="#0B0C0C"/>
+<path d="M101 80H5V84H101V80Z" fill="#0B0C0C"/>
+<path d="M101 72H5V76H101V72Z" fill="#0B0C0C"/>
+<path d="M69 64H5V68H69V64Z" fill="#0B0C0C"/>
+<path d="M101 144H5V148H101V144Z" fill="#0B0C0C"/>
+<path d="M101 136H5V140H101V136Z" fill="#0B0C0C"/>
+<path d="M69 128H5V132H69V128Z" fill="#0B0C0C"/>
+<path d="M125 44H5V56H125V44Z" fill="#0B0C0C"/>
+<path d="M51 116H5V120H51V116Z" fill="#0B0C0C"/>
+<path d="M69 116H53V120H69V116Z" fill="#005EA5"/>
+</svg>

package/dist/assets/images/page-types/default.svg

@@ -0,0 +1,26 @@
+<svg width="200" height="160" viewBox="0 0 200 160" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g clip-path="url(#clip0_1154_257)">
+<path d="M197 1H1V157H197V1Z" fill="white"/>
+<path d="M197 1H1V12H197V1Z" fill="#F2F2F2"/>
+<path d="M197 11H1V12H197V11Z" fill="#DEE0E2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.96154 8C6.87821 8 6 7.10457 6 6C6 4.89543 6.87821 4 7.96154 4C9.04487 4 9.92308 4.89543 9.92308 6C9.92308 7.10457 9.04487 8 7.96154 8ZM14.5 8C13.4167 8 12.5385 7.10457 12.5385 6C12.5385 4.89543 13.4167 4 14.5 4C15.5833 4 16.4615 4.89543 16.4615 6C16.4615 7.10457 15.5833 8 14.5 8ZM21.0385 8C19.9551 8 19.0769 7.10457 19.0769 6C19.0769 4.89543 19.9551 4 21.0385 4C22.1218 4 23 4.89543 23 6C23 7.10457 22.1218 8 21.0385 8Z" fill="#DEE0E2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H200L197 1H1L0 0Z" fill="#0B0C0C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M200 0V160L197 157V1L200 0Z" fill="#0B0C0C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M200 160H0L1 157H197L200 160Z" fill="#0B0C0C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 160V0L1 1V157L0 160Z" fill="#0B0C0C"/>
+<path d="M21 32H5V34H21V32Z" fill="#6F777B"/>
+<rect x="5" y="16" width="8.99672" height="8" fill="url(#pattern0_1154_257)"/>
+<path d="M13.9967 16H5V24H13.9967V16Z" fill="#0B0C0C"/>
+<path d="M19.0898 16.1133C19.6289 16.1133 20.0951 16.2174 20.4883 16.4258C21.0586 16.7253 21.4076 17.25 21.5352 18H20.7656C20.6719 17.5807 20.4779 17.276 20.1836 17.0859C19.8893 16.8932 19.5182 16.7969 19.0703 16.7969C18.5391 16.7969 18.0911 16.9961 17.7266 17.3945C17.3646 17.793 17.1836 18.3867 17.1836 19.1758C17.1836 19.8581 17.3333 20.4141 17.6328 20.8438C17.9323 21.2708 18.4206 21.4844 19.0977 21.4844C19.6159 21.4844 20.0443 21.3346 20.3828 21.0352C20.724 20.7331 20.8984 20.2461 20.9062 19.5742H19.1094V18.9297H21.6289V22H21.1289L20.9414 21.2617C20.6784 21.5508 20.4453 21.7513 20.2422 21.8633C19.901 22.056 19.4674 22.1523 18.9414 22.1523C18.2617 22.1523 17.6771 21.9323 17.1875 21.4922C16.6536 20.9401 16.3867 20.1823 16.3867 19.2188C16.3867 18.2578 16.6471 17.4935 17.168 16.9258C17.6628 16.3841 18.3034 16.1133 19.0898 16.1133ZM25.3125 16.1055C26.3255 16.1055 27.0755 16.431 27.5625 17.082C27.9427 17.5898 28.1328 18.2396 28.1328 19.0312C28.1328 19.888 27.9154 20.6003 27.4805 21.168C26.9701 21.8346 26.2422 22.168 25.2969 22.168C24.4141 22.168 23.7201 21.8763 23.2148 21.293C22.7643 20.7305 22.5391 20.0195 22.5391 19.1602C22.5391 18.3841 22.7318 17.7201 23.1172 17.168C23.612 16.4596 24.3438 16.1055 25.3125 16.1055ZM25.3906 21.4727C26.0755 21.4727 26.5703 21.2279 26.875 20.7383C27.1823 20.2461 27.3359 19.681 27.3359 19.043C27.3359 18.3685 27.1589 17.8255 26.8047 17.4141C26.4531 17.0026 25.9714 16.7969 25.3594 16.7969C24.7656 16.7969 24.2812 17.0013 23.9062 17.4102C23.5312 17.8164 23.3438 18.4167 23.3438 19.2109C23.3438 19.8464 23.5039 20.3828 23.8242 20.8203C24.1471 21.2552 24.6693 21.4727 25.3906 21.4727ZM29.5156 16.2617L31.1641 21.1484L32.793 16.2617H33.6641L31.5703 22H30.7461L28.6562 16.2617H29.5156ZM33.7383 21.1484H34.5547V22H33.7383V21.1484ZM36.7344 16.2617V19.8086C36.7344 20.2253 36.8125 20.5716 36.9688 20.8477C37.2005 21.2643 37.5911 21.4727 38.1406 21.4727C38.7995 21.4727 39.2474 21.2474 39.4844 20.7969C39.612 20.5521 39.6758 20.2227 39.6758 19.8086V16.2617H40.4648V19.4844C40.4648 20.1901 40.3698 20.7331 40.1797 21.1133C39.8307 21.806 39.1719 22.1523 38.2031 22.1523C37.2344 22.1523 36.5768 21.806 36.2305 21.1133C36.0404 20.7331 35.9453 20.1901 35.9453 19.4844V16.2617H36.7344ZM41.6719 16.2617H42.4297V19.0586L45.2266 16.2617H46.3008L43.9141 18.5742L46.3672 22H45.3555L43.3477 19.1211L42.4297 20V22H41.6719V16.2617Z" fill="#0B0C0C"/>
+<path d="M193 27H5V28H193V27Z" fill="#005EA5"/>
+</g>
+<defs>
+<pattern id="pattern0_1154_257" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_1154_257" transform="scale(0.0138889 0.015625)"/>
+</pattern>
+<clipPath id="clip0_1154_257">
+<rect width="200" height="160" fill="white"/>
+</clipPath>
+<image id="image0_1154_257" width="72" height="64" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>