Merge pull request #319 from WestpacGEL/314-gel-site-design-system-se…

…ction-article-header

fixes #314 changing the names to plural

apps/site/src/content/design-system/accessibility/colour-vision-impairment/index.yaml

@@ -1,4 +1,4 @@
-name: Colour vision impairment
+name: Colour vision impairments
 description: >-
   Anywhere from 8-10% of all males have some form of colour vision impairment or
   colour blindness and from 0.5-1% of all females. This is something that

apps/site/src/content/design-system/components/accordion/index.yaml

@@ -1,4 +1,4 @@
-name: Accordion
+name: Accordions
 description: >-
   Tabcordions are grouped sets of tabbed or accordion style panels. Use them to
   group and simplify large amounts of content such as product information.

apps/site/src/content/design-system/components/alert/index.yaml

@@ -1,4 +1,4 @@
-name: Alert
+name: Alerts
 description: >-
   Alerts use a cross-brand palette of reserved, contextual colours providing a
   flexible, consistent message system for common user interactions.

apps/site/src/content/design-system/components/autocomplete/index.yaml

@@ -1 +1 @@
-name: Autocomplete
+name: Autocompletes

apps/site/src/content/design-system/components/badge/index.yaml

@@ -1,4 +1,4 @@
-name: Badge
+name: Badges
 description: >-
   Badges are small, styled UI items usually used with other elements. They can
   be used as a number count, to highlight a word or give context to an action

apps/site/src/content/design-system/components/breadcrumb/index.yaml

@@ -1,4 +1,4 @@
-name: Breadcrumb
+name: Breadcrumbs
 description: >-
   Breadcrumbs are styled navigational links used to indicate the user’s location
   within your site. They are a simple, effective and proven method to aid

apps/site/src/content/design-system/components/button-dropdown/index.yaml

@@ -1,4 +1,4 @@
-name: Button dropdown
+name: Button dropdowns
 description: >-
   Button dropdowns are essentially select boxes that contain a list of elements
   to choose from. Use a button dropdown to display a styled list of actions.

apps/site/src/content/design-system/components/button-group/index.yaml

@@ -1,4 +1,4 @@
-name: Button group
+name: Button groups
 description: >-
   Button groups are an elegant and easily tapable way to visualise a simple
   choice.

apps/site/src/content/design-system/components/button/index.yaml

@@ -1,4 +1,4 @@
-name: Button
+name: Buttons
 description: >-
   Buttons are elements capable of performing an action. They have a variety of
   uses and require careful consideration for consistency, hierarchy, brand, and

apps/site/src/content/design-system/components/checkbox-group/index.yaml

@@ -1,4 +1,4 @@
-name: Checkbox Group
+name: Checkbox Groups
 description: >-
   Checkboxes are a proven and effective way to elicit a multiple choice from a
   user. They also require careful consideration to produce the best results.

apps/site/src/content/design-system/components/collapsible/index.yaml

@@ -1,4 +1,4 @@
-name: Collapsible
+name: Collapsibles
 description: >-
   A Collapsible is a component used for containing information that you may not
   want to surface at the page or screen level, but needs to be findable.

apps/site/src/content/design-system/components/compacta/index.yaml

@@ -1,4 +1,4 @@
-name: Compacta
+name: Compactas
 description: >-
   The Compacta is a form input for capturing multiple instances of multiple
   fields, saving valuable screen space.

apps/site/src/content/design-system/components/date-picker/index.yaml

@@ -1,4 +1,4 @@
-name: Date picker
+name: Date pickers
 description: >-
   Date pickers assist when dates are not known, set in the future, to schedule
   something, or assist in providing “day of the week” context.

apps/site/src/content/design-system/components/flexi-cell/index.yaml

@@ -1 +1 @@
-name: Flexi-Cell
+name: Flexi-Cells

apps/site/src/content/design-system/components/heading/index.yaml

@@ -1,4 +1,4 @@
-name: Heading
+name: Headings
 description: >-
   This is a developer-only package containing styling for heading elements
   supporting visual and semantic heading levels, uppercase and both body font

apps/site/src/content/design-system/components/input-field/index.yaml

@@ -1,4 +1,4 @@
-name: Input Field
+name: Input Fields
 description: >-
   Input field is an input field either followed or preceded by an input or
   character. They are useful for giving context to input field values.

apps/site/src/content/design-system/components/input/index.yaml

@@ -1,4 +1,4 @@
-name: Text input
+name: Text inputs
 description: >-
   Text inputs are fields for users to enter words or numerical data. They are
   used to capture information critical to acquiring or servicing a product:

apps/site/src/content/design-system/components/link/index.yaml

@@ -1,4 +1,4 @@
-name: Link (anchor)
+name: Links (anchor)
 description: >-
   The Link component is a way for developers to quickly apply consistent web
   link styling while also providing global guidance for designers. There are two

apps/site/src/content/design-system/components/list/index.yaml

@@ -1,4 +1,4 @@
-name: List
+name: Lists
 description: >-
   Lists are compiled of an ordered set of items. They are highly legible,
   intuitive, simple and extremely effective at highlighting features, benefits,

apps/site/src/content/design-system/components/modal/index.yaml

@@ -1,4 +1,4 @@
-name: Modal
+name: Modals
 description: >-
   Modals are components which interrupt a user flow by focusing on a defined
   area of the screen. They are typically reserved for critical junctions in a

apps/site/src/content/design-system/components/pagination/index.yaml

@@ -1,4 +1,4 @@
-name: Pagination
+name: Paginations
 description: >-
   Pagination is a component capable of helping the user navigate and give access
   to multiple pages of content, typically used in long form content.

apps/site/src/content/design-system/components/panel/index.yaml

@@ -1,4 +1,4 @@
-name: Panel
+name: Panels
 description: >-
   Panels are containers used to group and separate content with a strong intent
   or action, or to simply communicate important information.

apps/site/src/content/design-system/components/popover/index.yaml

@@ -1,4 +1,4 @@
-name: Popover
+name: Popovers
 description: >-
   Popovers are small contextual panels of information. They can be used to help
   your users in the moment yet require careful consideration for mobile screens.

apps/site/src/content/design-system/components/progress-bar/index.yaml

@@ -1,4 +1,4 @@
-name: Progress bar
+name: Progress bars
 description: >-
   Progress bars are animated bars which show a rate of completion for a system
   task or a response to user input. They can be accompanied by a percentage of

apps/site/src/content/design-system/components/progress-rope/index.yaml

@@ -1,4 +1,4 @@
-name: Progress rope
+name: Progress ropes
 description: >-
   The progress rope is a tool for signposting completion on long forms or
   applications and is designed to be used with the GEL forms framework.

apps/site/src/content/design-system/components/radio-group/index.yaml

@@ -1,4 +1,4 @@
-name: Radio group
+name: Radio groups
 description: >-
   Radios are a proven and effective way to elicit a single choice from a user.
   They also require careful consideration to produce the best results.

apps/site/src/content/design-system/components/repeater/index.yaml

@@ -1,4 +1,4 @@
-name: Repeater
+name: Repeaters
 description: >-
   A Repeater is a user controlled pattern for allowing multiple instances of
   something.

apps/site/src/content/design-system/components/selector/index.yaml

@@ -1,4 +1,4 @@
-name: Selector
+name: Selectors
 description: >-
   A Selector is essentially a large stylised radio or checkbox that can be
   configured in many different ways for different uses.

apps/site/src/content/design-system/components/switch/index.yaml

@@ -1,4 +1,4 @@
-name: Switch
+name: Switches
 description: >-
   Switches are a toggle element with a binary value. They are an effective way
   to quickly define settings or preferences at an account or system level.

apps/site/src/content/design-system/components/symbol/index.yaml

@@ -1,4 +1,4 @@
-name: Symbol
+name: Symbols
 description: >-
   These symbols and are commonly used in Westpac interfaces. They are
   implemented as scalable vector graphics (SVGs) which ensures the highest

apps/site/src/content/design-system/components/table/index.yaml

@@ -1,4 +1,4 @@
-name: Table
+name: Tables
 description: >-
   Tables are a way to organise small to large data sets. As financial products
   and services are often complex, they are effective at communicating and

apps/site/src/content/design-system/components/well/index.yaml

@@ -1,4 +1,4 @@
-name: Well
+name: Wells
 description: >-
   Wells are containers with simple text. They are designed to house content
   without interfering with the primary content on a page.

apps/site/src/content/design-system/content/guidelines/abbreviation/index.yaml

@@ -1,4 +1,4 @@
-name: Abbreviation
+name: Abbreviations
 description: Abbreviations are shortened forms of words or phrases.
 design:
   - title:

apps/site/src/content/design-system/content/guidelines/acronym/index.yaml

@@ -1,4 +1,4 @@
-name: Acronym
+name: Acronyms
 description: Acronyms are words that are formed from the first letters of other words.
 design:
   - title:

apps/site/src/content/design-system/content/guidelines/age-school-year/index.yaml

@@ -1,4 +1,4 @@
-name: Age & school year
+name: Age & school years
 description: A guide to writing age and school years.
 design:
   - title:

apps/site/src/content/design-system/content/guidelines/bracket/index.yaml

@@ -1,4 +1,4 @@
-name: Bracket
+name: Brackets
 description: Brackets are used to provide extra information.
 design:
   - title:

apps/site/src/content/design-system/content/guidelines/bullet-points-numbered-list/index.yaml

@@ -1,4 +1,4 @@
-name: Bullet points & numbered list
+name: Bullet points & numbered lists
 description: >-
   Bullet points and numbered lists are used to make it easier to understand a
   series of items.

apps/site/src/content/design-system/content/guidelines/calls-to-action-ctas/index.yaml

@@ -1,4 +1,4 @@
-name: Calls to action (ctas)
+name: Calls to action (CTAs)
 description: Calls to action are used to get a person to perform an instruction.
 design:
   - title:

apps/site/src/content/design-system/content/guidelines/capital-letter/index.yaml

@@ -1,4 +1,4 @@
-name: Capital letter
+name: Capital letters
 description: >-
   Capital letters are typically used at the start of a sentence and for proper
   nouns.

apps/site/src/content/design-system/content/guidelines/contraction/index.yaml

@@ -1,4 +1,4 @@
-name: Contraction
+name: Contractions
 description: Contractions consist of two words combined to create a shorter word.
 design:
   - title:

apps/site/src/content/design-system/content/guidelines/empty-state/index.yaml

@@ -1,4 +1,4 @@
-name: Empty state
+name: Empty states
 description: >-
   Empty states are moments in a person’s experience with a product where there’s
   nothing to display.

apps/site/src/content/design-system/content/guidelines/error-message/index.yaml

@@ -1,4 +1,4 @@
-name: Error message
+name: Error messages
 description: >-
   The way we communicate errors to our users helps them to recover quickly with
   less effort.

apps/site/src/content/design-system/content/guidelines/headings-subheading/index.yaml

@@ -1,4 +1,4 @@
-name: Headings & subheading
+name: Headings & subheadings
 description: >-
   Headings and subheadings are used to tell a person what they can expect from
   the content of a section.

apps/site/src/content/design-system/foundation/colour/index.yaml

@@ -1,4 +1,4 @@
-name: Colour
+name: Colours
 description: >-
   The colours specified below should be used for all Westpac user interfaces.
   It’s important to understand how the colour system works in a multi-brand

apps/site/src/content/design-system/foundation/font/index.yaml

@@ -1,4 +1,4 @@
-name: Font
+name: Fonts
 description: >-
   The font system allows each brand to designate two typefaces: A display font
   for headings and a body font for editorial and UI elements.

apps/site/src/content/design-system/foundation/icon/index.yaml

@@ -1,4 +1,4 @@
-name: Icon
+name: Icons
 description: >-
   This library of icons is intended for use across all of our brands and user
   interfaces. They are optimised for uses such as aiding navigating, system

apps/site/src/content/design-system/foundation/logo/index.yaml

@@ -1,4 +1,4 @@
-name: Logo
+name: Logos
 description: >-
   These logos and are commonly used in Westpac interfaces. They are implemented
   as scalable vector graphics (SVGs) which ensures the highest quality rendering

apps/site/src/content/design-system/foundation/pictogram/index.yaml

@@ -1,4 +1,4 @@
-name: Pictogram
+name: Pictograms
 description: >-
   Pictograms are commonly used in Westpac interfaces. They are implemented as
   scalable vector graphics (SVGs), this ensures the highest quality rendering on

apps/site/src/content/design-system/patterns/addresses/auto-addres/index.yaml → apps/site/src/content/design-system/patterns/addresses/auto-address/index.yaml

@@ -1,4 +1,4 @@
-name: Auto-addres
+name: Auto-address
 description: Use auto-address to capture addresses quickly and with more accuracy.
 design:
   - title:

apps/site/src/content/design-system/patterns/addresses/complex-addres/index.yaml → apps/site/src/content/design-system/patterns/addresses/complex-address/index.yaml

@@ -1,4 +1,4 @@
-name: Complex addres
+name: Complex address
 description: >-
   Use the complex address pattern when you need to allow for the accurate
   capture of multiple property types.

apps/site/src/content/design-system/patterns/addresses/international-addres/index.yaml → apps/site/src/content/design-system/patterns/addresses/international-address/index.yaml

@@ -1,4 +1,4 @@
-name: International addres
+name: International address
 description: >-
   Use this flexible address pattern for capturing addresses in multiple
   international formats.

apps/site/src/content/design-system/patterns/addresses/manual-addres/index.yaml → apps/site/src/content/design-system/patterns/addresses/manual-address/index.yaml

@@ -1,4 +1,4 @@
-name: Manual addres
+name: Manual address
 description: >-
   Use the manual address pattern when auto-address is not available, has not
   succeeded or has been chosen by the user.