Update for v1.1.0 (govuk rebrand)

Author: matteason

.docs/GvCharacterCount.json

@@ -1 +1 @@
-{"props":[{"name":"modelValue","description":"Will be set to a `FileList` containing the selected files when the user changes their selection.\nIn most cases you should use `v-model` instead of setting this prop directly.","type":{"name":"null","func":true}},{"name":"id","description":"The ID of the input. If you don't provide an ID, one will be generated automatically.","type":{"name":"string"}},{"name":"name","description":"The name of the input, which is submitted with the form data.","type":{"name":"string"}},{"name":"describedBy","description":"One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive\ninformation for screenreader users.","type":{"name":"string"}},{"name":"accept","description":"A comma-separated list of filetypes to accept. See [the accept attribute on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept).","type":{"name":"string"}},{"name":"multiple","description":"If `true`, the user will be allowed to select multiple files","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"formGroupClass","description":"Classes to add to the form group. You can bind a string, an array or an object, as with normal [Vue class bindings](https://vuejs.org/guide/essentials/class-and-style.html#binding-html-classes).","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"label","description":"Text to use within the label. If content is provided in the `label` slot, this prop will be ignored.","type":{"name":"string"}},{"name":"labelIsPageHeading","description":"Whether the label also acts as the heading for the page.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"labelClass","description":"Classes to add to the label tag. You can bind a string, an array or an object, as with normal [Vue class bindings](https://vuejs.org/guide/essentials/class-and-style.html#binding-html-classes).","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"hint","description":"Text to use within the hint. If content is provided in the `hint` slot, this prop will be ignored.","type":{"name":"string"}},{"name":"hintClass","description":"Classes to add to the hint span tag. You can bind a string, an array or an object, as with normal [Vue class bindings](https://vuejs.org/guide/essentials/class-and-style.html#binding-html-classes).","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"errorMessage","description":"Text to use within the error message. If content is provided in the `error-message` slot, this prop will be ignored.","type":{"name":"string"}},{"name":"errorMessageClass","description":"Classes to add to the error message `<p>` tag. You can bind a string, an array or an object, as with normal [Vue class bindings](https://vuejs.org/guide/essentials/class-and-style.html#binding-html-classes).","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"errorMessageVisuallyHiddenText","description":"A visually hidden prefix used before the error message.\n\nDefaults to `'Error'`.","type":{"name":"string"}},{"name":"beforeInput","description":"Text to add before the input. If content is provided in the `before-input` slot, this prop will be ignored.","type":{"name":"string"}},{"name":"afterInput","description":"Text to add after the input. If content is provided in the `after-input` slot, this prop will be ignored.","type":{"name":"string"}}],"slots":[{"name":"label","description":"The content of the label. If content is provided in this slot, the `label` prop will be ignored."},{"name":"hint","description":"The content of the hint. If content is provided in this slot, the `hint` prop will be ignored."},{"name":"error-message","description":"The content of the error message. If content is provided in this slot, the `errorMessage` prop will be ignored."},{"name":"before-input","description":"Content to add before the input. If content is provided in this slot, the `beforeInput` prop will be ignored."},{"name":"after-input","description":"Content to add after the input. If content is provided in this slot, the `afterInput` prop will be ignored."}]}
+{"props":[{"name":"modelValue","description":"Will be set to a `FileList` containing the selected files when the user changes their selection.\nIn most cases you should use `v-model` instead of setting this prop directly.","type":{"name":"null","func":true}},{"name":"id","description":"The ID of the input. If you don't provide an ID, one will be generated automatically.","type":{"name":"string"}},{"name":"name","description":"The name of the input, which is submitted with the form data.","type":{"name":"string"}},{"name":"describedBy","description":"One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive\ninformation for screenreader users.","type":{"name":"string"}},{"name":"accept","description":"A comma-separated list of filetypes to accept. See [the accept attribute on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept).","type":{"name":"string"}},{"name":"disabled","description":"If `true`, file input will be disabled","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"multiple","description":"If `true`, the user will be allowed to select multiple files. This won't stop users from dragging and dropping multiple files, so you should still validate the length of your `v-model` if you're only expecting one file.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"formGroupClass","description":"Classes to add to the form group. You can bind a string, an array or an object, as with normal [Vue class bindings](https://vuejs.org/guide/essentials/class-and-style.html#binding-html-classes).","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"label","description":"Text to use within the label. If content is provided in the `label` slot, this prop will be ignored.","type":{"name":"string"}},{"name":"labelIsPageHeading","description":"Whether the label also acts as the heading for the page.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"labelClass","description":"Classes to add to the label tag. You can bind a string, an array or an object, as with normal [Vue class bindings](https://vuejs.org/guide/essentials/class-and-style.html#binding-html-classes).","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"hint","description":"Text to use within the hint. If content is provided in the `hint` slot, this prop will be ignored.","type":{"name":"string"}},{"name":"hintClass","description":"Classes to add to the hint span tag. You can bind a string, an array or an object, as with normal [Vue class bindings](https://vuejs.org/guide/essentials/class-and-style.html#binding-html-classes).","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"errorMessage","description":"Text to use within the error message. If content is provided in the `error-message` slot, this prop will be ignored.","type":{"name":"string"}},{"name":"errorMessageClass","description":"Classes to add to the error message `<p>` tag. You can bind a string, an array or an object, as with normal [Vue class bindings](https://vuejs.org/guide/essentials/class-and-style.html#binding-html-classes).","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"errorMessageVisuallyHiddenText","description":"A visually hidden prefix used before the error message.\n\nDefaults to `'Error'`.","type":{"name":"string"}},{"name":"beforeInput","description":"Text to add before the input. If content is provided in the `before-input` slot, this prop will be ignored.","type":{"name":"string"}},{"name":"afterInput","description":"Text to add after the input. If content is provided in the `after-input` slot, this prop will be ignored.","type":{"name":"string"}},{"name":"chooseFilesButtonText","description":"The text of the button that opens the file picker. If content is provided in the `choose-files-button` slot, this prop will be ignored.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'Choose file'"}},{"name":"dropInstructionText","description":"The text informing users they can drop files. If content is provided in the `drop-instruction` slot, this prop will be ignored.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'or drop file'"}},{"name":"multipleFilesChosenText","description":"The text displayed when multiple files have been chosen by the user. The component will replace the ${count} placeholder with the number of files selected. If content is provided in the `multiple-files-chosen` slot, this prop will be ignored.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'${count} files chosen'"}},{"name":"noFileChosenText","description":"The text displayed when no file has been chosen by the user. If content is provided in the `no-file-chosen` slot, this prop will be ignored.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'No file chosen'"}},{"name":"enteredDropZoneText","description":"The text announced by assistive technology when user drags files and enters the drop zone.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'Entered drop zone'"}},{"name":"leftDropZoneText","description":"The text announced by assistive technology when user drags files and leaves the drop zone without dropping.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'Left drop zone'"}}],"slots":[{"name":"label","description":"The content of the label. If content is provided in this slot, the `label` prop will be ignored."},{"name":"hint","description":"The content of the hint. If content is provided in this slot, the `hint` prop will be ignored."},{"name":"error-message","description":"The content of the error message. If content is provided in this slot, the `errorMessage` prop will be ignored."},{"name":"before-input","description":"Content to add before the input. If content is provided in this slot, the `beforeInput` prop will be ignored."},{"name":"no-file-chosen","description":"The text displayed when no file has been chosen by the user. If content is provided in this slot, the `noFileChosenText` prop will be ignored."},{"name":"drop-instruction","description":"The text informing users they can drop files. If content is provided in this slot, the `dropInstructionText` prop will be ignored."},{"name":"after-input","description":"Content to add after the input. If content is provided in this slot, the `afterInput` prop will be ignored."}]}

.docs/GvFileUpload.json

@@ -1 +1 @@
-{"props":[{"name":"containerClass","description":"Classes that can be added to the inner container, useful if you want to make the footer full width.\nYou can bind a string, an array or an object, as with normal [Vue class bindings](https://vuejs.org/guide/essentials/class-and-style.html#binding-html-classes).","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentLicence","description":"The content licence information. Defaults to Open Government Licence (OGL) v3 licence.\nIf content is provided in the `content-licence` slot, this prop will be ignored.","type":{"name":"string"}},{"name":"copyright","description":"The copyright information. Defaults to Crown Copyright.","type":{"name":"string"}}],"slots":[{"name":"navigation","description":"A list of `GvFooterNavigation` columns, each containing a list of `GvFooterNavigationItem`s"},{"name":"meta","description":"One or more `GvFooterMeta` components containing meta items, such as links to your accessibility statement and cookie policy"},{"name":"content-licence","description":"The content licence information. If content is provided in this slot, the `content-licence` prop will be ignored."},{"name":"copyright","description":"The copyright licence information. If content is provided in this slot, the `copyright` prop will be ignored."}]}
+{"props":[{"name":"containerClass","description":"Classes that can be added to the inner container, useful if you want to make the footer full width.\nYou can bind a string, an array or an object, as with normal [Vue class bindings](https://vuejs.org/guide/essentials/class-and-style.html#binding-html-classes).","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentLicence","description":"The content licence information. Defaults to Open Government Licence (OGL) v3 licence.\nIf content is provided in the `content-licence` slot, this prop will be ignored.","type":{"name":"string"}},{"name":"copyright","description":"The copyright information. Defaults to Crown Copyright.","type":{"name":"string"}},{"name":"showCrown","description":"Whether to show the GOV.UK crown at the top of the footer.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"slots":[{"name":"navigation","description":"A list of `GvFooterNavigation` columns, each containing a list of `GvFooterNavigationItem`s"},{"name":"meta","description":"One or more `GvFooterMeta` components containing meta items, such as links to your accessibility statement and cookie policy"},{"name":"content-licence","description":"The content licence information. If content is provided in this slot, the `content-licence` prop will be ignored."},{"name":"copyright","description":"The copyright licence information. If content is provided in this slot, the `copyright` prop will be ignored."}]}

.docs/GvFooter.json

@@ -1 +1 @@
-{"props":[{"name":"homepageUrl","description":"The URL of the homepage, linked to by the logo. Defaults to `/`","type":{"name":"string"},"defaultValue":{"func":false,"value":"'/'"}},{"name":"homepageLinkComponent","description":"The component used to render the homepage link, for example `RouterLink`.","type":{"name":"string|object"},"defaultValue":{"func":false,"value":"'a'"}},{"name":"productName","description":"Product name, used when the product name follows on directly from ‘GOV.UK’. For example, GOV.UK Pay or\nGOV.UK Design System. In most circumstances, you should use `serviceName`.","type":{"name":"string"}},{"name":"serviceName","description":"The name of your service, included in the header.","type":{"name":"string"}},{"name":"serviceUrl","description":"URL for the service name anchor.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'#'"}},{"name":"serviceNameLinkComponent","description":"The component used to render the service name link, for example `RouterLink`. Will default to `a` if an `href` is provided or `button` otherwise.","type":{"name":"string|object"},"defaultValue":{"func":false,"value":"'a'"}},{"name":"navigationId","description":"The ID for the list of navigation links.\n\nIf you don't provide an ID, one will be generated automatically.","type":{"name":"string"}},{"name":"navigationLabel","description":"Text for the `aria-label` attribute of the navigation. Defaults to the same value as `menuButtonText`.","type":{"name":"string"}},{"name":"navigationClass","description":"Classes for the navigation section of the header.\nYou can bind a string, an array or an object, as with normal\n[Vue class bindings](https://vuejs.org/guide/essentials/class-and-style.html#binding-html-classes).","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"menuButtonLabel","description":"Text for the `aria-label` attribute of the button that opens the mobile navigation, if there is a mobile navigation menu.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'Show or hide menu'"}},{"name":"menuButtonText","description":"Text of the button that opens the mobile navigation menu, if there is a mobile navigation menu. There is no enforced character limit, but there is a limited display space so keep text as short as possible.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'Menu'"}}],"slots":[{"name":"logo","description":"The logo shown on the left of the header. Defaults to the GOV.UK crown and text"},{"name":"content","description":"The content shown to the right of the logo. Defaults to the service name and navigation links"},{"name":"navigation","description":"A list of `GvHeaderNavigationItem`s"}]}
+{"props":[{"name":"homepageUrl","description":"The URL of the homepage, linked to by the logo.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'/'"}},{"name":"homepageLinkComponent","description":"The component used to render the homepage link, for example `RouterLink`.","type":{"name":"string|object"},"defaultValue":{"func":false,"value":"'a'"}},{"name":"productName","description":"Product name, used when the product name follows on directly from ‘GOV.UK’. For example, GOV.UK Pay or\nGOV.UK Design System. In most circumstances, you should use `serviceName`.","type":{"name":"string"}},{"name":"serviceName","description":"The name of your service, included in the header.","type":{"name":"string"}},{"name":"serviceUrl","description":"URL for the service name anchor.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'#'"}},{"name":"serviceNameLinkComponent","description":"The component used to render the service name link, for example `RouterLink`. Will default to `a` if an `href` is provided or `button` otherwise.","type":{"name":"string|object"},"defaultValue":{"func":false,"value":"'a'"}},{"name":"navigationId","description":"The ID for the list of navigation links.\n\nIf you don't provide an ID, one will be generated automatically.","type":{"name":"string"}},{"name":"navigationLabel","description":"Text for the `aria-label` attribute of the navigation. Defaults to the same value as `menuButtonText`.","type":{"name":"string"}},{"name":"navigationClass","description":"Classes for the navigation section of the header.\nYou can bind a string, an array or an object, as with normal\n[Vue class bindings](https://vuejs.org/guide/essentials/class-and-style.html#binding-html-classes).","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"menuButtonLabel","description":"Text for the `aria-label` attribute of the button that opens the mobile navigation, if there is a mobile navigation menu.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'Show or hide menu'"}},{"name":"menuButtonText","description":"Text of the button that opens the mobile navigation menu, if there is a mobile navigation menu. There is no enforced character limit, but there is a limited display space so keep text as short as possible.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'Menu'"}},{"name":"rebrand","description":"Whether to use the rebranded GOV.UK logo. You'll also need to add `govuk-template--rebranded` to your `<html>` to enable the blue background.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}}],"slots":[{"name":"logo","description":"The logo shown on the left of the header. Defaults to the GOV.UK crown and text"},{"name":"content","description":"The content shown to the right of the logo. Defaults to the service name and navigation links"},{"name":"navigation","description":"A list of `GvHeaderNavigationItem`s"}]}

.docs/GvHeader.json

@@ -1,3 +1,7 @@
+<script setup lang="ts">
+  import { ref } from 'vue'
+  const files = ref(null)
+</script>
 <template>
-  <gv-file-upload label="Upload a file"/>
+  <gv-file-upload label="Upload a file" v-model="files"/>
 </template>

.generated-examples/content2componentsfileuploadExample0.vue

@@ -1,3 +1,3 @@
 <template>
-  <gv-footer />
+  <gv-footer :show-crown="true" />
 </template>

.generated-examples/content2componentsfooterExample0.vue

@@ -1,5 +1,5 @@
 <template>
-  <gv-footer>
+  <gv-footer :show-crown="true">
   <template #meta>
     <gv-footer-meta>
       <gv-footer-meta-item href="#">Item 1</gv-footer-meta-item>

.generated-examples/content2componentsfooterExample1.vue

@@ -1,5 +1,5 @@
 <template>
-  <gv-footer>
+  <gv-footer :show-crown="true">
   <template #navigation>
     <gv-footer-navigation 
       title="Two column list" 

.generated-examples/content2componentsfooterExample2.vue

@@ -1,5 +1,5 @@
 <template>
-  <gv-footer>
+  <gv-footer :show-crown="true">
   <template #content-licence>
     Released under the <a href="https://opensource.org/license/mit/" class="govuk-footer__link">MIT License</a>.
   </template>