diff --git a/apps/docs/src/common/pages/patterns/address-not-uk.tsx b/apps/docs/src/common/pages/patterns/address-not-uk.tsx index 936e3aec..1a7705e9 100644 --- a/apps/docs/src/common/pages/patterns/address-not-uk.tsx +++ b/apps/docs/src/common/pages/patterns/address-not-uk.tsx @@ -28,11 +28,11 @@ const Page: FC = ({ location }) => ( {subsection} {title} -

You can ask for addresses not in the UK in 3 ways. You can ask:

+

Ask for address in different ways depending on what the user needs to do. They might need to enter:

The country index has specific information about addresses in certain countries.

diff --git a/apps/docs/src/common/pages/patterns/address-not-uk/familiar-address.tsx b/apps/docs/src/common/pages/patterns/address-not-uk/familiar-address.tsx index bf539efa..36c2f6fd 100644 --- a/apps/docs/src/common/pages/patterns/address-not-uk/familiar-address.tsx +++ b/apps/docs/src/common/pages/patterns/address-not-uk/familiar-address.tsx @@ -1,7 +1,7 @@ import { FC, createElement as h } from 'react'; import { Helmet } from 'react-helmet-async'; import { PageProps } from '@not-govuk/app-composer'; -import { A, DateInput, Details, Radios, TextInput, Select } from '@not-govuk/components'; +import { A, DateInput, Details, Radios, TextInput, Select, Fieldset } from '@not-govuk/components'; import { menu } from '../../patterns'; export const title = 'Familiar address'; @@ -32,7 +32,11 @@ const Page: FC = ({ location }) => (

Ask users to provide a familiar address not in the UK. This could be somewhere they live or have lived.

When to use this pattern

-

This pattern is for services where there is little impact on the user for the address being incorrect or not recognised by another system.

+

This pattern is for services where there is either:

+

How it works

@@ -101,27 +105,32 @@ const Page: FC = ({ location }) => (

Manual entry

-

Enter your home address

- - Address line 1 - } - name="address-line-1" - /> - - - +
+ Enter your home address + + }> + Address line 1 + } + name="address-line-1" + /> + + + +

Country

St Pierre & Miquelon Change country

@@ -129,8 +138,9 @@ const Page: FC = ({ location }) => (

For address lines 1, 2 and town or city allow:

  • free text inputs
  • -
  • accented characters
  • +
  • accented latin-based characters
  • punctuation, such as full stops, commas, apostrophes, hypens, exclamation marks
  • +
  • numbers
  • up to 255 characters
  • a blank address line 2
diff --git a/apps/docs/src/common/pages/patterns/address-not-uk/record-given-address.tsx b/apps/docs/src/common/pages/patterns/address-not-uk/record-given-address.tsx index dc6b688d..220126d2 100644 --- a/apps/docs/src/common/pages/patterns/address-not-uk/record-given-address.tsx +++ b/apps/docs/src/common/pages/patterns/address-not-uk/record-given-address.tsx @@ -47,30 +47,35 @@ const Page: FC = ({ location }) => (

This structured format can be used to send letters with GOV.UK Notify. This is the maximum number of address lines GOV.UK Notify accepts. Ensure there is a process to handle with undeliverable letters.

-

Their home address

- - Address line 1 - } - name="address-line-1" - /> - - - - +
+ Their home address + + }> + Address line 1 + } + name="address-line-1" + /> + + + + +

Country

St Pierre & Miquelon Change country

diff --git a/apps/docs/src/common/pages/patterns/address-not-uk/valuable-delivery.tsx b/apps/docs/src/common/pages/patterns/address-not-uk/valuable-delivery.tsx index 8cd7c13a..5d5c28dc 100644 --- a/apps/docs/src/common/pages/patterns/address-not-uk/valuable-delivery.tsx +++ b/apps/docs/src/common/pages/patterns/address-not-uk/valuable-delivery.tsx @@ -1,7 +1,7 @@ import { FC, createElement as h } from 'react'; import { Helmet } from 'react-helmet-async'; import { PageProps } from '@not-govuk/app-composer'; -import { A, DateInput, Details, Radios, TextInput, Select } from '@not-govuk/components'; +import { A, DateInput, Details, Radios, TextInput, Select, Fieldset } from '@not-govuk/components'; import { menu } from '../../patterns'; export const title = 'Valuable delivery address'; @@ -143,14 +143,22 @@ const Page: FC = ({ location }) => (

Enter your home address

Postcode

9007 Change

- - +
+ Home address + + } + > + + +

Town or city

Oslo

@@ -166,40 +174,46 @@ const Page: FC = ({ location }) => (

Enter your home address

Postcode

9007 Change

- - - +
+ Check your postcode or enter your address manually. +
+

Country

Norway

@@ -210,6 +224,11 @@ const Page: FC = ({ location }) => (

Enter your home address

Postcode

9007 Change

+
Home address + } + > = ({ location }) => (
Check your postcode or enter your address manually.
+

Country

Norway

@@ -331,8 +351,9 @@ const Page: FC = ({ location }) => (

For address lines 1, 2 and town or city allow:

  • free text inputs
  • -
  • accented characters
  • +
  • accented latin-based characters
  • punctuation, such as full stops, commas, apostrophes, hypens, exclamation marks
  • +
  • numbers
  • up to 255 characters
  • a blank address line 2