-
-
-
diff --git a/docs/composables/useDocsNavigation.ts b/docs/composables/useDocsNavigation.ts
deleted file mode 100644
index cfb579799e..0000000000
--- a/docs/composables/useDocsNavigation.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import type { ContentNavigationItem } from '@nuxt/content'
-import { IRplVerticalNavItem } from '~~/../packages/ripple-ui-core/src/components/vertical-nav/constants'
-
-export const useDocsNavigation = async (
- slug: string[]
-): Promise => {
- const route = useRoute()
-
- const routePath = computed(() => {
- return route.path.replace(/\/$/, '')
- })
-
- const isActive = (nuxtNavItem: ContentNavigationItem) => {
- if (nuxtNavItem.children && nuxtNavItem.children.length) {
- return routePath.value.startsWith(nuxtNavItem.path)
- }
-
- return routePath.value === nuxtNavItem.path
- }
-
- const transformToRplNavFormat = (
- nuxtNavItem: ContentNavigationItem
- ): IRplVerticalNavItem => {
- return {
- id: nuxtNavItem.path,
- text: nuxtNavItem.title,
- url: nuxtNavItem.path,
- active: isActive(nuxtNavItem),
- items: nuxtNavItem.children
- ? nuxtNavItem.children
- .filter((child) => child.path !== nuxtNavItem.path)
- .map(transformToRplNavFormat)
- : undefined
- }
- }
-
- const { data: nav } = await useAsyncData(
- `navigation-${slug.join('-')}`,
- () => {
- const query = queryCollectionNavigation('content')
- if (!import.meta.dev) {
- query.where('published', '=', true)
- }
- return query
- },
- {
- transform: (data) => {
- return data.find((item) => item.path === `/${slug.join('/')}`)
- }
- }
- )
-
- return (nav.value?.children || []).map(transformToRplNavFormat)
-}
-
-export default useDocsNavigation
diff --git a/docs/composables/useModulesNavigation.ts b/docs/composables/useModulesNavigation.ts
deleted file mode 100644
index ae8528ba05..0000000000
--- a/docs/composables/useModulesNavigation.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { IRplVerticalNavItem } from '~~/../packages/ripple-ui-core/src/components/vertical-nav/constants'
-
-export const useModulesNavigation = async (): Promise<
- IRplVerticalNavItem[] | []
-> => {
- const route = useRoute()
-
- const { data: nav } = await useAsyncData('modules-navigation', () => {
- return queryCollection('modules').all()
- })
-
- return (nav.value || []).map(
- (item): IRplVerticalNavItem => ({
- id: item.id,
- text: item.name,
- url: item.meta.path?.replace(/\/module$/, ''),
- active: item.meta.path?.startsWith(route.path)
- })
- )
-}
-
-export default useModulesNavigation
diff --git a/docs/content.config.ts b/docs/content.config.ts
deleted file mode 100644
index 15817b5b19..0000000000
--- a/docs/content.config.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { defineContentConfig, defineCollection, z } from '@nuxt/content'
-
-export default defineContentConfig({
- collections: {
- content: defineCollection({
- type: 'page',
- source: {
- include: '**/*.md',
- exclude: ['**/_*/**']
- },
- schema: z.object({
- published: z.boolean().default(true),
- path: z.string(),
- title: z.string(),
- layout: z.string(),
- description: z.string(),
- icon: z.string().optional(),
- label: z.string().optional(),
- content: z.record(z.any()).optional(),
- links: z
- .array(
- z.object({
- text: z.string(),
- url: z.string().url()
- })
- )
- .optional(),
- seo: z.object({
- title: z.string().optional(),
- description: z.string().optional(),
- meta: z.array(z.record(z.string(), z.any())).optional(),
- link: z.array(z.record(z.string(), z.any())).optional()
- })
- })
- }),
- modules: defineCollection({
- type: 'data',
- source: 'framework/**/@dpc-sdp-*/module.json',
- schema: z.object({
- name: z.string(),
- description: z.string(),
- packageName: z.string(),
- sourceUrl: z.string().url(),
- issuesUrl: z.string().url(),
- contributor: z.object({
- name: z.string(),
- url: z.string().url()
- }),
- meta: z.object({
- title: z.string(),
- path: z.string()
- })
- })
- })
- }
-})
diff --git a/docs/content/1.index.md b/docs/content/1.index.md
deleted file mode 100644
index 3a275ce04e..0000000000
--- a/docs/content/1.index.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: Ripple Design System
-description: 'Ripple is the design system for Victorian government digital products'
-icon: carbon:home
-layout: home
-content:
- primaryCTA:
- title: For Designers
- description: Information for designers using Ripple to create brand Victoria compliant digital experiences.
- image:
- src: /assets/img/for-designers.png
- alt: 'Graphical display of web components'
- url: /design-system/design/getting-started
- secondaryCTA:
- title: For Developers
- description: How to get started implementing Ripple UI components in digital products.
- image:
- src: /assets/img/for-developers.png
- alt: 'Graphical display of HTML tags'
- url: /design-system/develop/getting-started
- quickLink1:
- title: About Ripple
- description: Ripple is a system of reusable styles, components, patterns and tools for creating Victorian government digital experiences.
- url: /design-system/about/what-is-ripple
- quickLink2:
- title: Who should use it
- description: Ripple is built by government for government to deliver services Victorians trust and rely on.
- url: /design-system/about/whos-it-for
- quickLink3:
- title: Design principles
- description: The guiding principles that are the foundation of the Ripple Design System.
- url: /design-system/design/our-design-principles
- framework:
- title: Ripple framework
- description: Ripple framework contains the tools for building SDP sites using Ripple design system components.
- url: /framework
----
diff --git a/docs/content/design-system/1.about/1.what-is-ripple.md b/docs/content/design-system/1.about/1.what-is-ripple.md
deleted file mode 100644
index 5393ac5e29..0000000000
--- a/docs/content/design-system/1.about/1.what-is-ripple.md
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: What is Ripple?
-description: Ripple is the digital design system of the Victorian government
-layout: page
----
-
-Ripple is a system of reusable styles, components, patterns and tools for building brand Victoria digital products.
-
-Developed by the Single Digital Presence (SDP) team in the Department of Government Services, Ripple:
-- makes it easier for citizens to **find**, **understand** and **use** government information
-- makes creating Brand Victoria approved content, assets and sites easy
-- increases delivery speed for digital products and services.
-
-Over 50 government websites use Ripple, including our main [vic.gov.au](https://www.vic.gov.au) platform. These sites attract millions of views per month.
-
-
-{.docs-center-img}
-
-## Why use Ripple?
-
-### Ripple solves the hard problems so you don’t have to
-
-We spent the past 5 years refining Ripple based on user feedback to ensure it:
-- meets the publishing needs of government users
-- makes it easier for citizens to interact with government services.
-
-Ripple users can be confident their site’s design and development is based on industry standards and best practices for:
-- accessibility
-- SEO
-- security
-- performance.
-
-Users can easily navigate sites regardless of technical ability, location or device.
-
-Designers and developers can create consistent digital experiences across Victorian Government sites.
-
-### Ripple gives you efficient and reusable digital resources
-
-Ripple promotes efficiency and reuse by providing reusable styles, components and patterns.
-
-It provides a set of standards to manage design at scale, to:
-- reduce redundancy
-- create a shared language
-- provide visual consistency.
-
-Developer contributions can be shared across projects, adding value to all government departments. This results in reduced project development time and expense.
-
-### Ripple is by government, for government
-
-The Ripple Design System has been made open-source to foster collaboration across government. By making the system open-source, departments and agencies can help improve the citizen experience across government. Ripple has been developed by government, for government and retains all intellectual property and expertise.
-
-## Who can use Ripple?
-
-Ripple is open to all departments or agencies that use Victorian Government branding. Visit the [Who's it for?](/design-system/about/whos-it-for) page for more information.
-
-Ripple is a modular system, allowing it to be used separately from our other SDP products, Tide and Bay. Visit the [Usage](/design-system/develop/usage) page for more information.
-
-
-## How do I find out more?
-
-If you are a Victorian Government department or agency wanting to use Ripple in a Brand Victoria digital product (or a vendor supporting them), please visit [https://www.vic.gov.au/work-sdp](https://www.vic.gov.au/work-sdp) or contact digital@dpc.vic.gov.au.
-
-To find out more about the Single Digital Presence program, please visit [https://www.vic.gov.au/single-digital-presence](https://www.vic.gov.au/single-digital-presence).
diff --git a/docs/content/design-system/1.about/2.whos-it-for.md b/docs/content/design-system/1.about/2.whos-it-for.md
deleted file mode 100644
index b7d4081997..0000000000
--- a/docs/content/design-system/1.about/2.whos-it-for.md
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: Who's it for?
-description: Built by government, for government.
-layout: page
----
-
-## Who can use Ripple?
-
-Ripple is available to all departments and agencies that use Victorian Government branding.
-- **Designers** can easily and quickly create wireframes, high-fidelity designs and prototypes.
-- **Developers** can access technical specifications to create pixel-perfect code.
-- **Content creators** can design page concepts, knowing their layouts will accurately reflect the finished product.
-- **Product owners** and stakeholders can review designs and provide feedback.
-
-## What should I use Ripple for?
-
-Ripple is designed to make websites that give Victorian citizens official information about their government. It is mainly used by Victorian Government departments and agencies to build websites using the [Single Digital Presence (SDP)](https://www.vic.gov.au/single-digital-presence) platform.
-
-Ripple makes it easy to share government information with all Victorians in a clear, concise and accessible way.
-
-Since it is only used to build government websites, Ripple has been designed to support Brand Victoria digital products. This opinionated design means Ripple automatically guides you to create a digital experience for citizens that is in line with Brand Victoria’s look, feel and vision.
-
-It also means Ripple is not a general purpose design system for use outside of Brand Victoria.
-
-> Ripple is for Victorian Government branded products only. Only use it to create communications that are approved to use the Victorian Government brand.
-
-## How do I use Ripple?
-
-Ripple is a modular design system. This means Ripple lets you easily change and expand your website’s layout and content.
-
-It also means you can use different parts of the Ripple Design System, like components or styles, separately. Departments that don’t use the SDP platform can still use Ripple in their own digital products. You can do this by:
-- building your own components
-- referencing the Ripple styles
-- importing the Ripple components.
-
-Visit the [Usage](/design-system/develop/usage) page for instructions.
diff --git a/docs/content/design-system/1.about/3.getting-support.md b/docs/content/design-system/1.about/3.getting-support.md
deleted file mode 100644
index d636337e43..0000000000
--- a/docs/content/design-system/1.about/3.getting-support.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: Support
-description: How to get help
-layout: page
----
-
-The [Ripple design system](https://www.vic.gov.au/ripple-design-system) is maintained by the [Single Digital Presence (SDP)](https://www.vic.gov.au/single-digital-presence) team at the Victorian Department of Government Services.
-
-You can reach out to us via the following channels:
-
-### For technical and project support
-
-- join the discussion on [GitHub](https://github.com/dpc-sdp/ripple-framework/discussions)
-- log a request through our [helpdesk](https://digital-vic.atlassian.net/servicedesk/customer/portals)
-- sign up to the [SDP Slack](https://vic-sdp.slack.com) (Open to projects with an MoU for application support)
-
-## Design enquiries
-
-Email: design@dpc.vic.gov.au
-
-## General enquiries
-
-[Raise a request](https://digital-vic.atlassian.net/servicedesk/customer/portal/14/group/113/create/497)
diff --git a/docs/content/design-system/1.about/4.contributing.md b/docs/content/design-system/1.about/4.contributing.md
deleted file mode 100644
index 74d126b50e..0000000000
--- a/docs/content/design-system/1.about/4.contributing.md
+++ /dev/null
@@ -1,55 +0,0 @@
----
-title: Contributing
-description: Found an issue?
-layout: page
----
-
-The [Ripple design system](https://www.vic.gov.au/ripple-design-system) and [Ripple framework](/framework) are open source and released under an Apache 2.0 License.
-
-Ripple is maintained by the [Single Digital Presence (SDP)](https://www.vic.gov.au/single-digital-presence) team at the Victorian Department of Government Services.
-If you are a Victorian Government department or agency (or a vendor supporting them) and wish to suggest improvements to Ripple that would benefit the project there are several options outlined below.
-
-To propose a change, you will need to have a free GitHub account. Please see the [GitHub docs](https://docs.github.com/en/get-started/signing-up-for-github/signing-up-for-a-new-github-account) to create one if you haven't already.
-
-
-## Submit a bug report
-
-If you have encountered an issue that you think is a bug, help us fix it for everyone! To log a bug report please do the following:
-
-- Check existing the [discussions](https://github.com/dpc-sdp/ripple-framework/discussions) and [issues](https://github.com/dpc-sdp/ripple-framework/issues) to see if the issue has already been discussed.
-- Fill out the [bug report issue template](https://github.com/dpc-sdp/ripple-framework/issues/new?assignees=dylankelly&labels=bug&template=bug_report.yml&title=[BUG])
-
-
-## Documentation changes
-
-Seen an issue with this documentation site? You can either describe it in an issue so the dev team can review it, or propose an edit directly by creating a Pull request with the proposed change.
-
-### To create an issue:
-
-To log a docs site issue please do the following
-
-- Log in to GitHub
-- [Log an issue on the GitHub Repository](https://github.com/dpc-sdp/ripple-framework/issues/new?assignees=dylankelly&labels=docs&template=docs.yml&title=[DOCS])
-- Fill in the form, providing as much detail as possible
-
-
-### To propose an edit directly
-
-See the [GitHub docs](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request) for more information about creating a pull request.
-
-- Log in to GitHub
-- Click the "Propose a change to this page on GitHub" link at the bottom of each content page
-- Make a change to the markdown in the editor. See https://www.markdownguide.org/ for information on syntax
-- Describe the change in the commit message
-- Create a new pull request from the "forked" version of the repository
-- This pull request will be reviewed by the SDP development team and we may ask for changes or revisions.
-- If the Pull Request is approved it will be merged and included in the next Ripple release.
-
-## Propose a new feature
-
-If you have a proposal for a new feature to the Ripple design system please see https://www.vic.gov.au/ripple-design-system#enquiries-and-support
-
-For development partners wishing to propose a new feature to Ripple Framework please do the following:
-
-- Check existing the [discussions](https://github.com/dpc-sdp/ripple-framework/discussions/categories/feature-proposals-rfc) and [issues](https://github.com/dpc-sdp/ripple-framework/issues) to see if the the proposal has already been discussed. The discussion board is a great place to bring up new ideas for discussion without having to write up a full proposal.
-- If you are confident that the feature is something worth progressing, please fill out the [New feature proposal](https://github.com/dpc-sdp/ripple-framework/issues/new?assignees=dylankelly&labels=bug&template=feature-request.yml&title=[PROPOSAL])
diff --git a/docs/content/design-system/2.design/1.getting-started.md b/docs/content/design-system/2.design/1.getting-started.md
deleted file mode 100644
index c4bb21e25d..0000000000
--- a/docs/content/design-system/2.design/1.getting-started.md
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: Getting started
-description:
-layout: page
----
-
-Ripple is the design system for Victorian Government digital products. The Ripple Design System makes websites and other digital products look and feel like part of the vic.gov.au brand.
-
-The Ripple Design System creates an accessible and consistent visual user interface across all our digital products. This helps citizens trust they are visiting an official source of Victorian Government information.
-
-It also provides a single source of truth when choosing styles, components and patterns for Single Digital Presence (SDP) websites.
-
-The Ripple Design System offers tools users can apply, adapt and expand to create a vic.gov.au-branded digital experience. These include:
-
-- **styles** - foundations of colour, typography, spacing, motion and graphic devices that communicate the Victorian Government’s visual identity
-- **components** - customisable parts (including base components) that give a website its functionality and, when combined with styles, user interface
-- **guidance** - detailed instructions for designers and and developers on using Ripple 2.0 styles, components and other Ripple tools to create consistent digital experiences.
-
-## First steps
-
-Some key areas of the Ripple Design System that will help you create your digital product.
-
-- [Design tokens](/design-system/design/design-tokens)
-- [Sign up for access to the Ripple 2.0 Figma file](https://www.vic.gov.au/ripple-design-system#request-access-to-the-design-system)
-- [Theming](/design-system/design/theming-guidance-for-designers)
-
-## The Ripple 2.0 Figma file
-
-Ripple 2.0 Design System is available in [Figma](https://www.figma.com/). It contains all the design assets needed to design, prototype and share.
-
-Only use the Figma file in conjunction with the Ripple 2.0 guidance about the component or style you are using. Read the guidance to understand the usage and behaviour of styles and components.
-
-**To create quality user experiences, do not use the Figma file in isolation.** This is important because the Ripple Design System provides more than a website’s appearance. It encompasses developer, user experience, inclusive design and other human-centred design considerations. For example, Ripple automatically ensures accessible colour pairings, cross-browser functionality and consistent error messaging. Using the Figma file without Ripple guidance will confuse users and degrade your site’s accessibility and functionality.
-
-### Figma file access
-
-1. **Sign up to Figma**
-
- Create a free [Figma Starter account](https://www.figma.com/pricing/).
-
-2. **Install Ripple font**
-
- Ripple uses the VIC font family.
-
- [Download and install VIC](https://www.vic.gov.au/brand-victoria-fonts) to use this typeface in Figma.
-
-3. **Request access to Ripple Figma file**
-
- Ripple has been built as a Figma project.
-
- [Request access to the Ripple 2.0 Design System](https://www.vic.gov.au/ripple-design-system#request-access-to-the-design-system).
-
- You will receive access to the Ripple Design System Figma file.
-
-4. **Add Ripple to your Figma account**
-
- Add the Ripple 2.0 Design System Figma file to your Figma account.
-
-5. **Set up Asset Library**
-
- In your Figma account, go to the Getting Started page.
-
- Follow these instructions to set up the Asset Library.
diff --git a/docs/content/design-system/2.design/2.our-design-principles.md b/docs/content/design-system/2.design/2.our-design-principles.md
deleted file mode 100644
index c077e04af7..0000000000
--- a/docs/content/design-system/2.design/2.our-design-principles.md
+++ /dev/null
@@ -1,60 +0,0 @@
----
-title: Our design principles
-description: There are 4 design principles that are the foundation of the Ripple Design System.
-layout: page
-label: Core
----
-
-There are 4 design principles that underpin the Ripple Design System:
-
-- Inclusive.
-- Efficient.
-- Flexible.
-- Easy.
-
-The Ripple Design System uses these principles when making design decisions.
-
-## Inclusive
-
-- Accessibility is top priority.
-- Collaborative in design.
-- Transparent documentation.
-- Friendly, helpful and trustworthy.
-
-Include all users, abilities and backgrounds in the process and design intent.
-
-Support best practices, provide guidance and build trust with the community.
-
-## Efficient
-
-- Less is more.
-- Clean and clear.
-- Considered.
-- Economic design.
-
-Think holistically to create considered sustainable outcomes that make sense to all users.
-
-Increase efficiencies while reducing complexities and risks.
-
-## Flexible
-
-- Responsive to data.
-- Responsive to sub-brands.
-- Considers context.
-- Iterative improvements.
-
-Use meaningful evidence to improve impact and add value.
-
-Find improvement opportunities that elevate the experience for multiple contexts and end users.
-
-## Easy
-
-Easy to:
-- contribute to
-- learn and understand
-- create and recreate
-- find information.
-
-Consider the needs and experiences of end users of Victorian digital products.
-
-Make the Ripple experience easy to use. Create experiences and contribute to the design system with end users in mind.
diff --git a/docs/content/design-system/2.design/3.design-tokens.md b/docs/content/design-system/2.design/3.design-tokens.md
deleted file mode 100644
index 78dbdaa916..0000000000
--- a/docs/content/design-system/2.design/3.design-tokens.md
+++ /dev/null
@@ -1,97 +0,0 @@
----
-title: Design tokens
-description: Design tokens store our design decisions in the Ripple Design System. They are the single source of truth.
-layout: page
-label: Core
----
-
-## What is a Design token?
-
-Design tokens store our design decisions that, together, make up the Ripple Design System’s visual style.
-
-Tokens apply values in a consistent, reusable and scalable way. They ensure the same style values are used across design files and code.
-
-By storing design decisions, they replace the need to use static values (for example, hex code values for colour).
-
-Ripple Design System has tokens for:
-
-- colour
-- typography
-- spacing
-- elevation
-- borders
-- motion values.
-
-## Why use design tokens?
-
-Using design tokens keeps your UI consistent across different platforms.
-
-Design tokens are the single source of truth. You can use them across designs and code.
-
-Since design tokens let you make value changes at scale, design language changes are easier to make.
-
-Design tokens aren't hard-coded. Avoiding hard-coded values in your design system makes it easier to build, maintain and scale products.
-
-## Ripple design tokens
-
-A Ripple token has 2 parts:
-
-- a token name, such as **rpl-clr-primary**
-- an associated value, such as **#0052C2**.
-
-The token's value can be one of several things: colour, a typeface, a measurement or even another token.
-
-## How to read Ripple design token names
-
-Knowing how to read a token name helps you find the right token faster.
-
-### Parts of design token names
-
-1. **rpl**: design system
-2. **clr** (colour) or **type** (typography) or **sp** (spacing) for example: token type
-3. **primary-accessible** (a descriptive name) or **3** (a number), for example: see below
-
-### Examples
-
-- **rpl-clr-primary-accessible**
-- **rpl-sp-4**
-
-### Steps and explanations
-
-1. Start all design tokens with the system name: **rpl** is for Ripple.
-2. Then, place an abbreviation for the token type: **clr** is for colour; type is for typography; **sp** is for spacing.
-3. End the token name with a descriptive name or number to show the token’s role relative to other Ripple design tokens. For example, **primary-accessible** in rpl-clr-type-primary-accessible shows this is a colour token that applies one of Ripple’s primary colours (from the colour palette available in Ripple Design System) and is suitable for accessible content. **4** in rpl-sp-4 shows this is a spacing token where 4 is the fourth spacing step (16x), in size order, from the spacing options available in the Ripple Design System.
-
-## Best practices
-
-- Choose tokens based on meaning rather than appearance only
-- Choose the token with the most specific meaning that is available and applies to your content’s role on the site
-- Do not choose tokens based only how the end result looks on your site
-- For example, for a heading, it is important to choose rpl-type-h3 (heading token) instead of a rpl-type-p-large (type token), even though the end result looks similar
-- For example, if your content needs to be accessible and a certain colour, you should pick rpl-clr-type-primary-accessible instead of rpl-clr-primary
-- Don't pick a token just because the colours seem to match - this can break the consistency across other themes and confuse the user’s experience
-- If you do choose tokens based on appearance only, updates to themes, colours, or other features will not apply properly or consistently later
-
-## Why are tokens important for design?
-
-### Purpose-driven
-
-Tokens can be created with a specific purpose or goal in mind. For example, improve accessibility, enhance visual consistency or make it easier to update and maintain a website or app.
-
-Since tokens are purpose-driven, designers and developers can make system-wide updates focused on achieving specific purposes. For example, systematically apply a high-contrast colour scheme for improved visibility, or change the type scale.
-
-### Single source of truth
-
-Design tokens are like reusable building blocks. They give a design system a single source of truth for making changes to the way a website looks and works.
-
-Having a single source of truth lets a design system implement features like global theming, responsive design and user customisation.
-
-### System-wide updates
-
-They let developers and designers change system-wide themes and contexts, using only a single update.
-
-Design tokens prevent or reduce the need to find and replace thousands of instances of hard-coded values in the code.
-
-## For developers
-
-For information for developers using tokens to theme Ripple components see the [theming guide](/design-system/develop/theming)
diff --git a/docs/content/design-system/2.design/4.theming-guidance-for-designers.md b/docs/content/design-system/2.design/4.theming-guidance-for-designers.md
deleted file mode 100644
index 99af6ce831..0000000000
--- a/docs/content/design-system/2.design/4.theming-guidance-for-designers.md
+++ /dev/null
@@ -1,200 +0,0 @@
----
-title: Theming guidance for designers
-description:
-layout: page
-label: Core
----
-
-Jump to:
-- [Create a custom theme](/design-system/design/theming-guidance-for-designers/#create-a-custom-theme).
-- [Component-specific theming](/design-system/design/theming-guidance-for-designers/#component-specific-theming).
-- [Theme accessibility](/design-system/design/theming-guidance-for-designers/#theme-accessibility).
-- [Automatic colour token logic](/design-system/design/theming-guidance-for-designers/#automatic-colour-token-logic).
-
----
-
-Ripple 2.0 has been designed with in-built custom theming capabilities. Theming can be applied if your site requires department or entity branding and has been approved to use theming. Please note it is recommend you utilise the brand equity of vic.gov.au where possible and only theme your site if needed and approved. Please contact the SDP team for more information on approvals for theming.
-
-Ripple uses primary and accent colours, an optional gradient, a link colour and a focus state colour. You can read more about their roles and uses in the colour documentation.
-
-When theming your site, its styles and components will re-theme automatically. This has been done through the use of design tokens. Design tokens represent repeated design decisions that make up a design system's visual style. Tokens replace static values, such as hex codes for colour. The token informs how colour is used and inherited to ensure a consistent and accessible user experience.
-
-We’ve designed a colour testing process so the selected colours will pass the accessibility contrast ratios. It classifies the selected colours into a ‘light’ or ‘dark’ category. The colour system will then automatically provide accessible colour contrast.
-
-We have aimed to conform to the Web Content Accessibility Guideline (WCAG) requirements, but we recommend you perform your own accessibility checks where possible to ensure the guidelines are being met.
-
-To learn more about if your site should be themed, please contact the Single Digital Presence (SDP) team.
-
----
-
-## Create a custom theme
-Ripple has been designed with a primary and accent colour. These inform the colour framework.
-
-A link colour, focus colour and optional gradient are also required when theming.
-
-The primary, accent and focus colours can be either light or dark:
-- 'Light' means the colour is WCAG 2.1 AA compliant with dark type (rpl-clr-dark / #1A1A1A).
-- ‘Dark’ means the colour is WCAG 2.1 AA compliant with light type (rpl-clr-light / #FFFFFF).
-
-To classify your colour as light or dark, we recommend the use [WebAim Colour Contrast Checker](https://webaim.org/resources/contrastchecker/) or the [Figma plugin, A11y - Colour Contrast Checker](https://www.figma.com/community/plugin/733159460536249875) to see if the colour is accessible with the Ripple 2.0 dark or light type colours listed above.
-
-Classifying colours as either ‘dark’ or ‘light’ informs the implementation of other colour tokens, aiming to conform to WCAG 2.1 AA colour contrast requirements.
-
-It is recommended that the primary colour is always visually darker than the accent and is visually different at glance. This will ensure your users are quickly and easily directed to the most important areas of a web page.
-
-Guidance for creating your own theme can be found on the Theming page of the [Ripple 2.0 Design System Figma file](https://www.figma.com/file/mgPlLh5IFKAkDoSID9Vpi1/Ripple-2.0?type=design&node-id=9557%3A70609&t=dK1cmsWLfSmpr9Ff-1).
-
-If you don’t have access, you can [request access to view the Ripple 2.0 Design System](https://www.vic.gov.au/ripple-design-system).
-
----
-
-## Component-specific theming
-The Ripple 2.0 Design System has components that allow for specific theming. This is optional and if not used, components will adopt the default framework styling. Component-specific theming is defined at a site level, and will affect all instances of the component.
-
-There are 2 options for component-specific styling:
-- neutral
-- custom.
-
-### Neutral
-Neutral can be applied to the following components:
-- buttons
-- header (only reverse and image variants)
-- footer.
-
-The colour of neutral component variants cannot be changed. Neutral components have predefined neutral styling and cannot be edited or customised.
-
-### Custom
-Custom component theming can only be applied to the footer.
-
-The footer has been created with component-specific design tokens. It is recommended custom theming is only done if required.
-
-To learn more about custom styling please see the Theming page of the [Ripple 2.0 Design System Figma file](https://www.figma.com/file/mgPlLh5IFKAkDoSID9Vpi1/Ripple-2.0?type=design&node-id=9557%3A70609&t=dK1cmsWLfSmpr9Ff-1).
-
----
-
-## Theme accessibility
-Ripple 2.0 has been designed with the aim to conform to WCAG 2.1 AA standards (below). For websites built on the SDP platform, it is mandatory to meet WCAG 2.1 AA level standards. These accessibility standards are also strongly recommended for all Victorian Government communications built using the Ripple design system (see: [Brand Victoria guidelines](https://www.vic.gov.au/brand-victoria-guidelines-logos) for more information).
-
-Colour contrast is the amount of perceived difference between 2 colours. This is represented as a ratio. A high ratio indicates greater difference between colours and therefore higher contrast.
-
-Colour contrast impacts the readability of your content. It is important for users with low vision or a colour vision deficiency.
-
->[1.4.3 Contrast Minimum (Level AA)](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html)
->The visual presentation of [text](https://www.w3.org/TR/WCAG21/#dfn-text) and [images of text](https://www.w3.org/TR/WCAG21/#dfn-images-of-text) has a [contrast ratio](https://www.w3.org/TR/WCAG21/#dfn-contrast-ratio) of at least 4.5:1, except for the following:
->
->[Large-scale](https://www.w3.org/TR/WCAG21/#dfn-large-scale) text and images of large-scale text have a contrast ratio of at least 3:1;
->
->Text or images of text that are part of an inactive [user interface component](https://www.w3.org/TR/WCAG21/#dfn-user-interface-components), that are [pure decoration](https://www.w3.org/TR/WCAG21/#dfn-pure-decoration), that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
->
->Text that is part of a logo or brand name has no contrast requirement.
-
-### Accessibility testing requirements
-When testing, websites on the SDP platform are required to meet AA standards. Your website must meet a [minimum contrast ratio of 4:5:1](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html) for normal text contrast, 3:1 for large text and non-text elements must be met.
-
-Links are required to meet a ratio of 4.5:1 colour contrast.
-
-In the Ripple 2.0 Design System the primary, accent and focus colours are tested against:
-- dark type / rpl-clr-dark / #1A1A1A
-- light type / rpl-clr-light / #FFFFFF.
-
-The link colour is tested against 3 colours:
-- light type / rpl-clr-light / #FFFFFF
-- rpl-clr-neutral-100 / #F5F5F5
-- rpl-clr-accent-alt / #E6F5FD (example hex only).
-
-Colour vision deficiency: it is recommended to also test your colour palette for colour blindness. Some colours can appear similar to people with colour vision deficiency. We recommend using the [Figma plugin 'Color Blind'](https://www.figma.com/community/plugin/733343906244951586).
-
----
-
-## Colour token automatic logic
-Below is a full list of colour tokens required to theme the Ripple 2.0 Design System.
-
-Aiming to meet WCAG 2.1 AA colour contrast requirements, some token values are automatic based on their use in the system. This ensures all text-based content meets colour contrast accessibility requirements.
-For example, if the primary colour is classified as dark:
-- rpl-clr-type-primary-contrast will automatically be rpl-clr-light
-- rpl-clr-type-primary-accessible will automatically be rpl-clr-primary.
-
-### Core
-
-| Token | Custom / Automatic |
-|-----------------------------|----------------------------------------|
-| rpl-clr-primary | Custom |
-| rpl-clr-primary-alt | Custom |
-| rpl-clr-primary-alpha | Automatic (based on ‘rlp-clr-primary') |
-| rpl-clr-accent | Custom |
-| rpl-clr-accent-alt | Custom |
-| rpl-clr-focus | Custom |
-| rpl-clr-link | Custom |
-| rpl-clr-gradient-horizontal | Custom |
-| rpl-clr-gradient-vertical | Custom |
-
-### Typography colour tokens
-
-| Token | Custom / Automatic |
-|-------------------------------------|--------------------------------------------------------------|
-| rpl-clr-type-primary-contrast | Automatic (based on ‘rlp-clr-primary’ contrast requirements) |
-| rpl-clr-type-primary-contrast-alpha | Automatic (based on ‘rlp-clr-type-primary-contrast') |
-| rpl-clr-type-accent-contrast | Automatic (based on ‘rlp-clr-accent’ contrast requirements) |
-| rpl-clr-type-primary-accessible | Automatic (based on ‘rlp-clr-primary’ contrast requirements) |
-| rpl-clr-type-primary-alt-accessible | Automatic (based on ‘rlp-clr-primary’ contrast requirements) |
-| rpl-clr-type-focus-contrast | Automatic (based on ‘rlp-clr-focus’ contrast requirements) |
-
-### Footer-specific (optional)
-See: [component-specific theming](/design-system/design/theming-guidance-for-designers/#component-specific-theming).
-
-| Token | Custom / Automatic |
-|--------------------------------|-------------------------------------------------------------|
-| rpl-clr-footer | Custom or automatic |
-| rpl-clr-footer-alt | Custom or automatic |
-| rpl-clr-footer-contrast | Automatic (based on ‘rlp-clr-footer’ contrast requirements) |
-| rpl-clr-type-footer-accessible | Automatic (based on ‘rlp-clr-footer’ contrast requirements) |
-
----
-
-## Automatic Colour Token Logic
-Based on the colour contrast requirements for the primary, accent and focus colours, some tokens are automatic to aim to conform to WCAG 2.0 AA colour contrast accessibility.
-- ‘Light’ means the colour (for example, primary) is AA compliant with dark type (rpl-clr-dark / #1A1A1A).
-- ‘Dark’ means the colour (for example, primary) is AA compliant with light type (rpl-clr-light / #FFFFFF).
-
-### Primary, Access, Focus and Link
-
-#### Primary
-
-| Token | Colour ‘Dark’ | Colour 'Light |
-|-------------------------------------|----------------------------------------------|----------------------------------------------|
-| rpl-clr-primary-alpha | rpl-clr-primary at 50% opacity | rpl-clr-primary at 50% opacity |
-| rpl-clr-type-primary-contrast | rpl-clr-light | rpl-clr-dark |
-| rpl-clr-type-primary-contrast-alpha | rpl-clr-type-primary-contrast at 75% opacity | rpl-clr-type-primary-contrast at 75% opacity |
-| rpl-clr-type-primary-accessible | rpl-clr-primary | rpl-clr-dark |
-| rpl-clr-type-primary-alt-accessible | rlpl-clr-primary-alt | rpl-clr-dark |
-
-#### Accent
-
-| Token | Colour ‘Dark’ | Colour 'Light |
-|------------------------------|---------------|---------------|
-| rpl-clr-type-accent-contrast | rpl-clr-light | rpl-clr-dark |
-
-#### Focus
-
-| Token | Colour ‘Dark’ | Colour 'Light |
-|-----------------------------|---------------|---------------|
-| rpl-clr-type-focus-contrast | rpl-clr-light | rpl-clr-dark |
-
-#### Link
-
-| Token | Colour ‘Dark’ | Colour 'Light |
-|--------------|---------------------|----------------------|
-| | _If Primary ‘Dark’_ | _If Primary ‘Light’_ |
-| rpl-clr-link | rpl-clr-primary | Custom |
-
-### Gradient
-Including a gradient is optional for theming.
-
-If a gradient is not used, 'rpl-clr-accent' will be used in its place.
-
-#### Gradient
-
-| Token | Gradient | Accent |
-|-----------------------------|--------------------------------|----------------|
-| rpl-clr-gradient-horizontal | rpl-clr-gradient (90 degrees) | rpl-clr-accent |
-| rpl-clr-gradient-vertical | rpl-clr-gradient (180 degrees) | rpl-clr-accent |
diff --git a/docs/content/design-system/3.develop/1.getting-started.md b/docs/content/design-system/3.develop/1.getting-started.md
deleted file mode 100644
index a453ad0701..0000000000
--- a/docs/content/design-system/3.develop/1.getting-started.md
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: Getting started
-description: Information for developers using the Ripple 2 UI libraries
-layout: page
-links:
- - text: Github
- url: https://github.com/dpc-sdp/ripple-framework
- - text: Storybook
- url: /storybook
----
-
-
-
-This section contains information about the Ripple user interface libraries. These libraries are a collection of UI components which implement the Ripple Design System. The components are written in Vue and are split accross two packages:
-- `ripple-ui-core`: A collection of common UI components used in SDP sites. For example buttons, cards, icons and typography.
-- `ripple-ui-forms`: A collection of form inputs and support for building complex forms via [Formkit](https://formkit.com/)
-
-
-> **These docs are for Ripple 2**
->
-> Ripple 2 is a complete rebuild. If you are looking for information about the previous version of Ripple please visit the [original Ripple GitHub repo](https://github.com/dpc-sdp/ripple).
-
-> **Are you developing a site on the SDP platform?**
->
-> This section is about the Ripple UI component libraries, and there is a lot more to developing a site on the Single Digital Presence (SDP) stack that is not covered here.
->
-> For information about using Ripple in SDP sites, visit the [Ripple Framework for SDP documentation](/framework)
-
-## Accessing the Source code
-
-Ripple 2 is an open source project and the source code can be found in the [ripple-framework monorepo on Github](https://github.com/dpc-sdp/ripple-framework).
-
-This monorepo contains a lot more than just the UI libraries so we've provided direct links to packages below:
-- [View `ripple-ui-core` on Github](https://github.com/dpc-sdp/ripple-framework/tree/develop/packages/ripple-ui-core)
-- [View `ripple-ui-forms` on Github](https://github.com/dpc-sdp/ripple-framework/tree/develop/packages/ripple-ui-forms)
-
-## Viewing examples in Storybook
-
-The Ripple Storybook has information about props and slots that each Vue component supports. [View the Ripple storybook](/storybook) to start exploring the available components.
-
-Most of the examples found on this documentation site link directly examples in storybook.
-
----
-
-
-## Usage
-
-
-See the [usage](/design-system/develop/usage) guide for information about getting started with the different ways of implementing Ripple.
-
diff --git a/docs/content/design-system/3.develop/2.contributing.md b/docs/content/design-system/3.develop/2.contributing.md
deleted file mode 100644
index 7f325a7aca..0000000000
--- a/docs/content/design-system/3.develop/2.contributing.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: Contributing
-description: Information for developers wishing to contribute to the Ripple 2 UI libraries
-layout: page
----
-
-> When contributing or participating in discussions, ensure that you are following our [contributor code of conduct](https://github.com/dpc-sdp/ripple-framework/blob/develop/CODE_OF_CONDUCT.md)
-
-## Report an issue
-
-If you find an issue in Ripple, you can create an issue in github here https://github.com/dpc-sdp/ripple-framework/issues. Make sure to follow the template provided and provide plenty of detail so that your issue has a better chance of being fixed.
-
-Ripple is an open source project, so PRs are always welcomed if you've already found a fix for the issue.
-
-## Join the discussion
-
-Do you have an idea for a new component or feature? Use the [Discussions](https://github.com/dpc-sdp/ripple-framework/discussions) feature in Ripple Github repo to start the conversation.
-
-## Writing code
-
-If you are ready to write some code in the Ripple git repo, please see the [Contributing guide](https://github.com/dpc-sdp/ripple-framework/blob/develop/CONTRIBUTING.md) in Github.
-
diff --git a/docs/content/design-system/3.develop/2.theming.md b/docs/content/design-system/3.develop/2.theming.md
deleted file mode 100644
index 3bca77cdc0..0000000000
--- a/docs/content/design-system/3.develop/2.theming.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: Theme and brand application
-description: Information for developers using Ripple 2 UI libraries
-layout: page
----
-
-Ripple allows for customisation of it's components to allow application of Victorian government departments and agencies brand and identity within a common framework. For guidance on how to theme Ripple in an accessible and consistent way, see the [theming guidance for designers](/design-system/design/theming-guidance-for-designers)
-
-
-## CSS Variables
-
-Ripple is fully theme-able using [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties), this allows runtime customisation of site variables within all modern browsers. CSS variables form the API for allowing customisation of SDP sites by setting base tokens for your site.
-
-## Example
-
-To override theme values, simply set the CSS variable at `:root` or an element that wraps elements you want to theme.
-
-```css
-:root {
- --rpl-clr-primary: #6B19A3;
-}
-```
-
-See the [colour](/design-system/styles/colour) page for a list of theme-able colours.
-
-## Assets
-
-Alongside the inclusion of site logos, Ripple also uses graphic devices in several key components that allow for customising to apply brand.
-
-See the following components for guidance on providing graphic elements to theme your site:
-
-- [Logos](/design-system/styles/logo)
-- [Header](/design-system/components/header)
-
-## Brand application in SDP sites
-
-See the [SDP Ripple framework](/framework) section for more information on customising SDP websites and applying brand.
diff --git a/docs/content/design-system/3.develop/3.usage.md b/docs/content/design-system/3.develop/3.usage.md
deleted file mode 100644
index d75fbb0fa0..0000000000
--- a/docs/content/design-system/3.develop/3.usage.md
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: Usage
-description: Ripple components can be used in several different ways depending on your project needs.
-layout: page
-links:
- - text: Github
- url: https://github.com/dpc-sdp/ripple-framework
- - text: Storybook
- url: /storybook
----
-
-
-## Using Ripple UI components
-
-Whilst Ripple is built to implement sites using a framework built on Vue JS and Nuxt, its modular architecture allows adopting different parts depending on your requirements.
-
-
-
-Ripple UI libraries are usable in the following contexts:
-
-
-
-| Library | CSS styles | Vue Components | Ripple Framework (Nuxt) | Web components |
-| --------------- | ---------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- | ------------------------- |
-| Ripple UI Core | | | | Partial support |
-| Ripple UI Forms | | | | |
-
-### Using in an SDP website
-
-> If you are using Ripple 2 to build a site on the SDP platform, the UI libraries will be included automatically when scaffolding your project.
->
-> For documentation on using Ripple with Nuxt in SDP sites, visit the [Ripple Framework documentation](/framework)
-
-### Github Packages
-
-Ripple 2 is hosted publicly on Github Packages (ghcr) under the **@dpc/sdp** namespace, please read these [setup instructions for accessing Github Packages](/design-system/develop/usage/access-to-github-packages).
diff --git a/docs/content/design-system/3.develop/4.usage/1.access-to-github-packages.md b/docs/content/design-system/3.develop/4.usage/1.access-to-github-packages.md
deleted file mode 100644
index d206afdf0b..0000000000
--- a/docs/content/design-system/3.develop/4.usage/1.access-to-github-packages.md
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: Access to Github Packages
-description: How to access and use repos hosted on Github Packages.
-layout: page
----
-
-NPM allows the use of multiple repo hosts, as long as they can be identified by namespace.
-
-Ripple 2 is hosted publicly on Github Packages (ghcr) under the **@dpc/sdp** namespace, so a few steps need to be followed access these packages, while also co-existing with the npm ecosystem.
-
-First, create a Personal Access Token on Github:
-
-1. Visit https://github.com/settings/tokens and select **Generate new token** > **Generate new token (classic)**
-
-::DocsImageExample
----
-src: /img/generate.jpg
-alt: "Screenshot of a clicked button (title Generate new token) that has opened a drop-down menu with two options: fine-grained and classic"
-style: "width:360px"
----
-::
-
-2. Fill in the **Note** and choose an **Expiration** - the 30 day default is generally fine, you'll receive a reminder to regenerate the token just before expiry
-
-::DocsImageExample
----
-src: /img/token.jpg
-alt: "Screenshot of personal access token setup form, with 'Note' filled in as 'public ghcr access' and 'Expiration' set to default of 30 days"
-style: "width:505px"
----
-::
-
-3. Set the scope to only allow `read:packages`, and **Generate** token
-
-::DocsImageExample
----
-src: /img/permissions.jpg
-alt: "Screenshot of scope, with only read:packages selected"
-style: "width:827px"
----
-::
-
-4. Store the resulting token somewhere secure, and add it to either a user `.npmrc` (recommended) or the project-level `.npmrc` (the url on line 2 below is protocol-less, not a comment):
-
-```
-@dpc-sdp:registry=https://npm.pkg.github.com
-//npm.pkg.github.com/:_authToken=
-```
diff --git a/docs/content/design-system/3.develop/4.usage/2.vue.md b/docs/content/design-system/3.develop/4.usage/2.vue.md
deleted file mode 100644
index 3a15c56986..0000000000
--- a/docs/content/design-system/3.develop/4.usage/2.vue.md
+++ /dev/null
@@ -1,32 +0,0 @@
----
-title: Vue
-description: How to use Ripple components with Vue.
-layout: page
----
-
-First, set up [access to Github Packages](access-to-github-packages).
-
-Next, install Ripple UI in your project:
-
-`npm install @dpc-sdp/ripple-ui-core --save`
-
-In order for the styles to appear correctly, you will need to import them. Do this at the root of your project (usually in your app.vue or index.js file):
-
-```js
-import '@dpc-sdp/ripple-ui-core/style';
-import '@dpc-sdp/ripple-ui-core/style/components';
-```
-
-To use a component, import it from `@dpc-sdp/ripple-ui-core/vue`, note the addition of `/vue`.
-
-```js
-
-
-
-
-
-```
-
-Please see this [example app](https://github.com/dpc-sdp/ripple-vue-example) for a basic demonstration of how to use Ripple components in a Vue app.
diff --git a/docs/content/design-system/3.develop/4.usage/3.nuxt.md b/docs/content/design-system/3.develop/4.usage/3.nuxt.md
deleted file mode 100644
index 69b2335f65..0000000000
--- a/docs/content/design-system/3.develop/4.usage/3.nuxt.md
+++ /dev/null
@@ -1,38 +0,0 @@
----
-title: Nuxt
-description: How to use Ripple components with Nuxt in a non-SDP context.
-layout: page
----
-
-First, set up [access to Github Packages](access-to-github-packages).
-
-Next, install Ripple UI in your project:
-
-`npm install @dpc-sdp/ripple-ui-core --save`
-
-Ripple UI exports a nuxt module that you can add to your nuxt config, note the addition of `/nuxt`:
-
-```js
-export default defineNuxtConfig({
- modules: [
- '@dpc-sdp/ripple-ui-core/nuxt'
- ]
-})
-```
-
-In order for the styles to appear correctly, you will need to import them. Do this at the root of your project (usually in your app.vue file):
-
-```js
-import '@dpc-sdp/ripple-ui-core/style';
-import '@dpc-sdp/ripple-ui-core/style/components';
-```
-
-There is no need to import the components as they will be registered globally by the nuxt module
-
-```js
-
-
-
-```
-
-Even if you are not using SDP, the [Ripple Framework documentation](/framework) is a good starting point for any Nuxt development using Ripple.
diff --git a/docs/content/design-system/3.develop/4.usage/4.webcomponents.md b/docs/content/design-system/3.develop/4.usage/4.webcomponents.md
deleted file mode 100644
index 4cdc5d8189..0000000000
--- a/docs/content/design-system/3.develop/4.usage/4.webcomponents.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: Web components
-description: How to use the web component exports with other front-end systems.
-layout: page
----
-
-> Web components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps. Custom components and widgets build on the Web Component standards, will work across modern browsers, and can be used with any JavaScript library or framework that works with HTML.
->
-> Web components are based on existing web standards. Features to support web components are currently being added to the HTML and DOM specs, letting web developers easily extend HTML with new elements with encapsulated styling and custom behavior.
-> https://www.webcomponents.org/
-
-
-
-
-Ripple exports a limited set of components as standard browser native web components. The advantage of using Web components is they can be dropped straight into conventional webpages and any CMS without a javascript build pipeline, such as Squiz Matrix and Salesforce.
-
-Support for this output target is currently experimental, if you think you have a use case for using Web components in your project please add a comment [here](https://github.com/dpc-sdp/ripple-framework/discussions/658).
-
-As with the other methods, set up [access to Github Packages](access-to-github-packages) and then install Ripple UI in your project:
-
-`npm install @dpc-sdp/ripple-ui-core --save`
-
-A basic example of how to use the web component exports can be found under [examples/webcomponents](https://github.com/dpc-sdp/ripple-framework/tree/develop/examples/webcomponents) in the ripple-framework monorepo.
diff --git a/docs/content/design-system/3.develop/4.usage/5.css-only.md b/docs/content/design-system/3.develop/4.usage/5.css-only.md
deleted file mode 100644
index 1a8a8c501f..0000000000
--- a/docs/content/design-system/3.develop/4.usage/5.css-only.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: Styles only
-description: Using the design system styles without a front-end framework.
-layout: page
----
-
-Ripple UI core exports it's CSS stylesheets directly. If you have a use case where you can't use any of the other outputs, you can use our styles directly and provide your own markup based upon the rendered examples in Storybook.
-
-First, set up [access to Github Packages](access-to-github-packages).
-
-Next, install Ripple UI in your project:
-
-`npm install @dpc-sdp/ripple-ui-core --save`
-
-You can import CSS styles from the ripple-ui-core package.
-
-```js
-import '@dpc-sdp/ripple-ui-core/style';
-import '@dpc-sdp/ripple-ui-core/style/components';
-```
-
-We recommend that you lock the version of `@dpc-sdp/ripple-ui-core` so that any future changes of styles without changes to markup do not break your application.
diff --git a/docs/content/design-system/4.styles/colour.md b/docs/content/design-system/4.styles/colour.md
deleted file mode 100644
index 0fd1134692..0000000000
--- a/docs/content/design-system/4.styles/colour.md
+++ /dev/null
@@ -1,145 +0,0 @@
----
-title: Colour
-description: 'Colour plays an important role in creating a consistent and strong visual digital products and services.'
-layout: page
-label: Core
----
-
-You want users to recognise your brand. A well-designed colour palette can help you create a consistent look and feel.
-
-The default colours, made up of two blues, reflect vic.gov.au branding. This strengthens the association with the Victorian Government.
-
-The design system contains a colour framework. You can change it if your site requires department or entity branding.
-
-We've designed and tested colour pairings that already pass accessibility contrast ratios. However, we recommend you perform your own checks to ensure you're meeting WCAG requirements.
-
-If you change your core brand colours, your styles and components will re-theme automatically using the design system's colour framework.
-
-For more guidance on theming options, see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming/).
-
->**You don’t need to use hex colours in code.**
->
->By using CSS variables, any branding or theming changes will automatically reflect in your product. See CSS variables below, or see the theming documentation.
-
-## Core palette
-
-The core palette includes primary and secondary colours.
-
-- The ‘Primary’ colour is for key visual elements and components. They form the foundation of the colour palette.
-- The ‘Accent’ colour is an accent to help highlight key components or pieces of information. It's used in combination with the primary colour to create a more dynamic and engaging visual experience.
-
-### Primary
-
-::DocsColourTable
----
-colours:
- - clr.primary
----
-::
-
-### Accent
-
-::DocsColourTable
----
-colours:
- - clr.accent
----
-::
-
-## Neutral palette
-
-The Neutral palette is on a colour scale of white to black.
-
-The 10 steps represent this scale based on our requirements.
-
-Neutral colours are consistent throughout the design system. They are for:
-- text colours
-- borders
-- other elements, like a neutral background.
-
-::DocsColourTable
----
-colours:
- - clr.neutral
----
-::
-
-::DocsColourTable
----
-colours:
- - clr.light
- - clr.dark
----
-::
-
-## Typography colours
-
-Type colours have a ratio of at least 4.5:1 (or 3:1 for text larger than 18 point). This was selected to try and conform to the Web Content Accessibility Guidelines (WCAG 2.1).
-
-Interaction colours are in addition to the core colour palette. This guarantees accessible text.
-
-::DocsColourTable
----
-colours:
- - clr.type.default
- - clr.type.light
- - clr.type.primary.contrast
- - clr.type.accent.contrast
----
-::
-
-::DocsColourTable
----
-colours:
- - clr.link
- - clr.link-visited
- - clr.focus
----
-::
-
-## Gradients
-
-Gradients bring attention to components or information. Only use them on occasion.
-
-All gradients should appear from dark to light in their usage.
-
-::DocsGradientTable
-::
-
-## Sematics
-
-Semantic colours add meaning to element. They provide contextual or transactional feedback to the user. We have four semantic uses:
-
-- Information
-- Success
-- Warning
-- Error
-
-Avoid using them outside of their semantic meaning.
-
-These colours help signal to users the meaning of some components. For example, for alerts or error messages.
-
-::DocsColourTable
----
-colours:
- - clr.information
- - clr.success
- - clr.warning
- - clr.error
----
-::
-
-## Focus
-
-See [focus state](/design-system/styles/focus-state) for guidance.
-
-::DocsColourTable
----
-colours:
- - clr.focus
----
-::
-
-## Theming
-
-To create your own theme, see theming guidance for designers or developers.
diff --git a/docs/content/design-system/4.styles/focus-state.md b/docs/content/design-system/4.styles/focus-state.md
deleted file mode 100644
index 7aac0df7c9..0000000000
--- a/docs/content/design-system/4.styles/focus-state.md
+++ /dev/null
@@ -1,69 +0,0 @@
----
-title: Focus state
-description: 'Focus states show when a user has highlighted an element, using an input method such as a keyboard or voice.'
-layout: page
-label: Core
----
-
-Some users use keyboards or other devices to navigate through a page by jumping from one interactive element to the next. Focus states help users understand which element is currently selected and ready for interaction.
-
-Focus states are orange and neutral-800, aiming to conform to the WCAG 2.1 Level AA [non-text contrast](https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html) on any background colour.
-
-We have chosen this orange colour as it is a direct opposite of our primary colour. This allows all colourblind users to see a visual difference. Focus state styling also removes any border radius to create a bigger visual difference to surrounding elements.
-
-### Inline style
-The inline focus state helps links stand out from the rest of the content on a page. When a link receives focus, it will underline and change background colour. Other components and elements that look like links use the inline style.
-
-::DocsImageExample
----
-src: /assets/img/focus-inline-focus.png
-alt: An example of focus state colour contrast
----
-.rpl-u-focusable-inline
-::
-
-### Block style
-The block style completely highlights a section or whole component with the focus state. For example, when a button receives focus, a border is added to the bottom of the container and the background colour will change.
-
-::DocsImageExample
----
-src: /assets/img/focus-block-focus.png
-alt: Focus Link Visual Block Sample
----
-.rpl-u-focusable-block
-::
-
-### Outline focus state style
-The outline styles are for when form inputs are focused. When a form field receives focus, it adds a border. If the element already has a border, the border gets thicker.
-
-::DocsImageExample
----
-src: /assets/img/focus-outline-focus.png
-alt: Focus Link Visual Outline Focus Sample
----
-.rpl-u-focusable-outline
-::
-
-### Modified focus states for components
-The alert component has a modified focus state colour. This is consistent across all alert variants. It meets colour contrast requirements on all semantic colours, including danger and warning.
-
-The modified styling uses a white background in place of the orange, still with the dark content and border.
-
-::DocsImageExample
----
-src: /assets/img/focus-alert-focus.png
-alt: Component Modified Focus State Sample
----
-::
-
-### CSS Variables
-The focus state has three CSS Variables.
-
-| Swatch | Element | Value | CSS Variable |
-|-------------------------------|------------------------|---------|------------------------|
-| :DocsSwatch{colour="#FF9E1B"} | Background Fill | #FF9E1B | rpl-clr-focus |
-| :DocsSwatch{colour="#1A1A1A"} | Content / Text / Icons | #1A1A1A | rpl-clr-focus-contrast |
-| :DocsSwatch{colour="#1A1A1A"} | Bottom Border | #1A1A1A | rpl-clr-dark |
-
-### Theming
-For advice on focus state theming, see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming/).
diff --git a/docs/content/design-system/4.styles/grid.md b/docs/content/design-system/4.styles/grid.md
deleted file mode 100644
index 2fbe03b40e..0000000000
--- a/docs/content/design-system/4.styles/grid.md
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: Grid
-description: 'With up to 12 columns, you can build grids with responsive layouts across different breakpoints.'
-layout: page
-label: Core
----
-
-Grids are a crucial component of any design system. They provide a framework for arranging content in an appealing and structured manner.
-
-We've designed the grid for a high degree of flexibility and responsiveness.
-
-## Breakpoints
-Ripple has 5 breakpoints. These ensure content is at an optimal layout for readability and accessibility.
-
-| Breakpoint | Width | Active content area |
-|------------|--------------|---------------------|
-| XS | <575px | 288 – 543px |
-| S | 576 – 767px | 544 – 735px |
-| M | 768 – 991px | 736 – 927px |
-| L | 992 – 1199px | 864 – 1071px |
-| XL | 1200px + | 1040px |
-
-## Grids
-The grid is made up of three elements: columns, gutters, and margins.
-
-
-
-| Breakpoint | Margins | Gutter | Column type / width |
-|----------------------|---------|---------|---------------------|
-| XS • <575px | 16px | 16px | Fluid |
-| S • 576 – 767px | 16px | 16px | Fluid |
-| M • 768 – 991px | 32px | 24px | Fluid |
-| L • 992 – 1199px | 64px | 24px | Fluid |
-| XL • 1200px + | 80px | 28px | Fixed / 61px |
-
-## Usage
-Use the grid system to structure your content.
-
-Most vic.gov.au pages follow a ‘two-thirds and one-third’ layout. But, the grid system allows for more combinations if needed.
-
-Your main content should always be in a two-thirds column. This is even if you’re not using a corresponding one-third column for secondary content.
-
-### Column layouts
-
-| Column Span | Layout | Breakpoint |
-|-------------|-------------|---------------------|
-| 12 | Full | XS • S • M • L • XL |
-| 6 | Half | XS • S • M • L • XL |
-| 7 | Two thirds | M • L • XL |
-| 4 | One third | M • L • XL |
-| 3 | One quarter | L • XL |
diff --git a/docs/content/design-system/4.styles/icons.md b/docs/content/design-system/4.styles/icons.md
deleted file mode 100644
index 2765d9c23a..0000000000
--- a/docs/content/design-system/4.styles/icons.md
+++ /dev/null
@@ -1,90 +0,0 @@
----
-title: Icons
-description: 'Use icons to illustrate actions and interactions, communicate statuses, and draw attention to important information.'
-layout: page
-label: Core
----
-
-Icons are a visual representation of an action, idea, or object. They provide a quick and easy way to communicate information. They can also enhance the usability of a design.
-
-Use the Ripple Design System's icon set for a consistent user experience and a cohesive look and feel.
-
-You can add icons to components or pair them with text. Icons should have a clear relationship with their corresponding text or action. This keeps them accessible to users with visual impairments or disabilities.
-
-Avoid using icons alone, as one user may interpret them differently to another.
-
-## Icon Library
-
-#### Alerts
-
-::DocsIconTable
----
-group: alert
----
-::
-
-#### Social
-
-::DocsIconTable
----
-group: social
----
-::
-
-#### Standard
-
-::DocsIconTable
----
-group: standard
----
-::
-
-> **Accessibility tip**
->
-> If you're using an icon by itself, ensure it's using the right label for screen readers.
->
-> If you're using an icon and text, ensure only the text gets read out.
-
-## Application
-### Sizing
-The Ripple Design System displays icons at four sizes (12px, 16px, 24px, 32px) depending on their type, use and screen size.
-
-::DocsIconSizingTable
----
-sizes:
- - xs : 12px
- - s : 16px
- - m : 24px
- - l : 32px
----
-::
-
-### Spacing
-Ensure you use the right amount of space around an icon to allow for legibility. At the least, icons must have clear space of 50% of the height/width of the icon.
-
-
-
-## Accessibility
-For accessibility, ensure you:
-- wrap icons within their interactive component
-- specify if an icon is decorative and informative by assigning the property in code
-- use descriptive and meaningful titles for informative icons
-- use icons to represent the same action or idea.
-
-## Styling
-### Colour
-If a background changes the colour of the text (for example, a button) the icon should take on the same colour as the text.
-
-::DocsExample
----
-id: core-navigation-button--default-elevated
----
-::
-
-Icons used to represent a state should use the correct colour. For example, an icon used in a success notification should use rpl-clr-success.
-
-::DocsExample
----
-id: forms-form-alert--success
----
-::
diff --git a/docs/content/design-system/4.styles/layer-styles.md b/docs/content/design-system/4.styles/layer-styles.md
deleted file mode 100644
index 6e8960a839..0000000000
--- a/docs/content/design-system/4.styles/layer-styles.md
+++ /dev/null
@@ -1,88 +0,0 @@
----
-title: Layer styles
-description:
-layout: page
-label: Core
----
-
-## Border
-Borders create separation between elements and aid hierarchy and navigation. They are a solid border on one or more sides of an object or container.
-
-Depending on where a border is being used, it can appear in 4 different thicknesses, 1px, 2px, 4px or 8px.
-
-You can use a border to:
-- separate or segment blocks or sections of content
-- highlight important elements such as featured content or a call to action
-- aid information hierarchy
-- support navigational structure
-- highlight an active navigation item.
-
-::DocsLayerStyleTable
----
-type: border
----
-::
-
-### Usage
-Find examples of borders that add visual consistency on the [in-page navigation](/design-system/components/in-page-navigation), [cards](/design-system/components/card) and [contact us](/design-system/components/contact-us) pages.
-
-Borders can also segment content (like on banners).
-
-::DocsExample
----
-id: core-navigation-in-page-navigation--in-page-navigation
-hideCode: true
----
-::
-
----
-
-## Border Radius
-Border radius allows you to add rounded corners to elements such as a button or container. Border radius can create a more user-friendly and approachable look and feel.
-
-We've defined a set of radius values for use.
-
-::DocsLayerStyleTable
----
-type: border.radius
----
-::
-
-### Usage
-Border radius is on containers such as buttons, cards and form inputs.
-
-::DocsExample
----
-id: core-navigation-button--default-filled
-hideCode: true
----
-::
-
-> When a container has a defined border radius, but is in focus, discard the border radius.
->
-> A 0px value is applied for consistency and clarity.
-
----
-
-## Elevation
-Elevation adds depth to components.
-
-Depth is depicted by placing elements at various points along the positive z-axis extending towards the viewer.
-
-::DocsLayerStyleTable
----
-type: elevation
----
-::
-
-### Usage
-Elevation is on components such as cards, button (elevated variant only) and breadcrumbs.
-
-Elevation helps components to stand out. You can use them to flag interactivity, such as when a user hovers over a card or when a modal is open.
-
-::DocsExample
----
-id: core-navigation-breadcrumbs--default-story
-hideCode: true
----
-::
diff --git a/docs/content/design-system/4.styles/layout.md b/docs/content/design-system/4.styles/layout.md
deleted file mode 100644
index 8cb3fac1a5..0000000000
--- a/docs/content/design-system/4.styles/layout.md
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: Layout
-description: 'Layouts are common page composition patterns that offer ways of structuring components and content.'
-layout: page
-label: Core
----
-
-Always design for small screens first.
-
-For most types of pages, use either a ‘two-thirds’ or a ‘two-thirds and one-third’ layout. Doing this reduces long lines of text that can make a page hard to read on desktop devices. This approach should limit lines of text to 75 characters.
-
-You should never assume what devices people are using. This is why you should design for different screen sizes instead of specific devices.
-
-## Page layouts
-
-There are 2 standard page layouts:
-
-- Full width.
-- Two column - right side.
-
-### Full width
-
-Displays the main content area the full width of the container.
-
-
-
-### Two column
-
-Displays a right hand sidebar that stacks on <991px breakpoints. The main content area is always visible.
-
-
-
-## White Space
-
-Use adequate white space in the layout to separate elements and create a sense of hierarchy. This helps to make elements on the page easier to distinguish and understand, and creates visual harmony.
-
-### Page Section Spacing
-
-Spacing is used between the ‘above’, ‘body’ and ‘below’ content sections.
-
-For both XS and S breakpoints, section spacing is added between the body section and sidebar section when in use.
-
-
-
-| Breakpoint | Value | CSS Variable |
-|-------------|-------|--------------|
-| XS • <576px | 32px | rpl-sp-8 |
-| S • 576-767px | 32px | rpl-sp-8 |
-| M • 768-991px | 48px | rpl-sp-10 |
-| L • 992-1199px | 64px | rpl-sp-12 |
-| XL • 1200px+ | 80px | rpl-sp-13 |
-
-### Content Layout Spacing
-
-We define spacing between components and elements at a breakpoint level. This compliments the grid and applied layout.
-
-
-
-| Breakpoint | Value | CSS Variable | Sidebar Value | Sidebar CSS Variable |
-|-------------|-------|-------------|-------|--------------|
-| XS • <576px | 16px | rpl-sp-4 | 24px | rpl-sp-6 |
-| S • 576-767px | 16px | rpl-sp-4 | 24px | rpl-sp-6 |
-| M • 768-991px | 24px | rpl-sp-6 | 24px | rpl-sp-6 |
-| L • 992-1199px | 32px | rpl-sp-8 | 32px | rpl-sp-8 |
-| XL • 1200px+ | 40px | rpl-sp-9 | 40px | rpl-sp-9 |
diff --git a/docs/content/design-system/4.styles/logo.md b/docs/content/design-system/4.styles/logo.md
deleted file mode 100644
index 47508454ef..0000000000
--- a/docs/content/design-system/4.styles/logo.md
+++ /dev/null
@@ -1,91 +0,0 @@
----
-title: Logo
-description: 'The visual representation of vic.gov.au and the Victorian Government.'
-layout: page
----
-
-## vic.gov.au logo
-
-The vic.gov.au logo is the primary logo used in the design system.
-
-::DocsImageExample
----
-src: /assets/img/Logo-vicgov.png
-alt: vic.gov.au logo
----
-[Download logo](https://www.vic.gov.au/brand-victoria-using-our-logos)
-::
-
-### Clear space
-
-The clear space for the vic.gov.au logo is 100% of the height of the ‘V’ across all applications.
-
-
-
-### Co-branding
-
-Where the vic.gov.au logo appears next to another logo, it should be:
-
-- centred vertically
-- separated by a minimum distance of 16px
-- separated by a divider line.
-
-
-
-### Sizing
-
-The vic.gov.au logo should be 16px in height on all screens.
-
->**No modification**
->
->Don't change the logo. This includes changing its colour, adding effects, or altering its shape.
->
->This helps to maintain the integrity and consistency of the logo.
-
-### Accessibility
-
-Always add alternative text to the logo. This is for screen reader users.
-
----
-
-## Victoria State Government logo
-
-The Victorian State Government logo is the secondary logo used in the design system. It’s used in the footer.
-
-::DocsImageExample
----
-src: /assets/img/Logo-StateGov.png
-alt: Victoria State Government logo
----
-[Download logo](https://www.vic.gov.au/brand-victoria-using-our-logos)
-::
-
-### Clear space
-
-The clear space for the Victorian State Government logo is at least 20% the height.
-
-
-
-### Co-branding
-Where the Victorian State Government logo appears next to another logo, it should be:
-
-- centred vertically
-- separated by a distance of at least 50% the height of the Victorian State Government logo.
-
-
-
-### Sizing
-
-The Victorian State Government logo should be 42px in height on all screens.
-
-Use the Victorian State Government logo where size permits. But, at times, we need to use a smaller logo depending on the application:
-
-- VIC only logo (favicons only).
-
-We've designed these logos to ensure accessibility and clarity at all sizes.
-
----
-
-## Co-branding logo
-
-See [primary navigation](/design-system/components/primary-navigation) and [footer](/design-system/components/footer) for size requirements.
diff --git a/docs/content/design-system/4.styles/motion.md b/docs/content/design-system/4.styles/motion.md
deleted file mode 100644
index 5dbf39f2ee..0000000000
--- a/docs/content/design-system/4.styles/motion.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Motion
-description: 'Motion gradually changes an element from one state to another. It can also indicate an interaction.'
-layout: page
-label: Core
----
-
-Use motion with a purpose in mind. This could be to draw attention to important elements or to provide feedback to users.
-
-## Usage
-
-Each animation needs at least these four parts:
-
-- Trigger — what causes the animation to happen (gestures, time, etc.).
-- Duration — how long should the transition take.
-- Easing — how an element transitions.
-- Property — the characteristic of the element transitioning (position, opacity, scale, etc.).
-
-## Duration (speed)
-
-The duration of motion should be consistent throughout. Use:
-
-- shorter durations for more subtle motions
-- longer durations for more significant or complex motions.
-
-A general rule of thumb is:
-
-- 0.06-0.2s for simple interface movements
-- up to 0.5s for more complex or larger movements.
-
-| Time | Value | CSS Variable |
-|-------------|-------|--------------|
-| 60 milliseconds | 60ms | rpl-motion-speed-1 |
-| 80 milliseconds | 80ms | rpl-motion-speed-2 |
-| 120 milliseconds | 120ms | rpl-motion-speed-3 |
-| 160 milliseconds | 160ms | rpl-motion-speed-4 |
-| 200 milliseconds | 200ms | rpl-motion-speed-5 |
-| 240 milliseconds | 240ms | rpl-motion-speed-6 |
-| 300 milliseconds | 300ms | rpl-motion-speed-7 |
-| 360 milliseconds | 360ms | rpl-motion-speed-8 |
-| 420 milliseconds | 420ms | rpl-motion-speed-9 |
-| 500 milliseconds | 500ms | rpl-motion-speed-10 |
-
-## Easing
-
-Easing is the rate the motion accelerates or decelerates. It can range from linear to highly exaggerated. The chosen easing should match the desired tone and feeling of the motion.
-
-Currently, Ripple uses default easing values. We use the default names for this reason to reduce clutter in the code.
-
-Definitions:
-
-- Ease-in: slow at the beginning, fast/abrupt at the end.
-- Ease-out: fast/abrupt at the beginning, slow at the end.
-
-When to use:
-
-- Ease-in: when things are moving *out.*
-- Ease-out: when things are moving *in.*
diff --git a/docs/content/design-system/4.styles/spacing.md b/docs/content/design-system/4.styles/spacing.md
deleted file mode 100644
index 9bbff7802a..0000000000
--- a/docs/content/design-system/4.styles/spacing.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: Spacing
-description: 'In components and layout, a defined set of spacing units provides good alignment and consistent spacing relationships.'
-layout: page
-label: Core
----
-
-We use a spacing system in a 4-pixel grid.
-
-It helps to create a visual hierarchy and organises page content.
-
-The 4px framework creates consistent spacing relationships and alignment across breakpoints. This is crucial for good UI design.
-
-| Size | CSS Variable |
-|-------|--------------|
-| 4px | rpl-sp-1 |
-| 8px | rpl-sp-2 |
-| 12px | rpl-sp-3 |
-| 16px | rpl-sp-4 |
-| 20px | rpl-sp-5 |
-| 24px | rpl-sp-6 |
-| 28px | rpl-sp-7 |
-| 32px | rpl-sp-8 |
-| 40px | rpl-sp-9 |
-| 48px | rpl-sp-10 |
-| 56px | rpl-sp-11 |
-| 64px | rpl-sp-12 |
-| 80px | rpl-sp-13 |
-| 120px | rpl-sp-14 |
-
-Spacing should be proportional to the size and importance of the elements on the page. For example, larger elements may need more space to balance their visual weight.
-
-Consider spacing in responsive design to ensure that the spacing remains consistent and proportionate on different screen sizes and devices.
-
-For page level, component and content spacing see [layout](/design-system/styles/layout).
diff --git a/docs/content/design-system/4.styles/typography.md b/docs/content/design-system/4.styles/typography.md
deleted file mode 100644
index 3469a27585..0000000000
--- a/docs/content/design-system/4.styles/typography.md
+++ /dev/null
@@ -1,310 +0,0 @@
----
-title: Typography
-description: 'Type styles are used to present content clearly.'
-layout: page
-label: Core
----
-
-## Font
-
-'VIC' is the brand font to be used across all Victorian Government communications. This creates a distinct but consistent look and feel.
-
-It is free to download from [vic.gov.au](https://www.vic.gov.au/brand-victoria-fonts).
-
-Only use VIC font. The Ripple Design System only uses ‘Regular’ and ‘Bold’ weights of VIC font.
-
-As VIC is a custom font, it's recommended to use Web Safe Font as a fallback when declaring your font stack. The preferred fallback font for the Ripple Design System is Arial.
-
-| Font Family | Value | CSS Variable |
-|-------------|-----------------------------------|----------------------|
-| VIC | VIC, Arial, Helvetica, sans-serif | rpl-type-font-family |
-
-
-## Type Styles
-
-In the Ripple Design System there are two type sets, one for fixed use and one for fluid (responsive) use:
-
-- The fixed type set uses fixed sizes. This means they use the <991 fluid styles, but do not respond.
-- The fluid type set has two fixed sizes. These both respond at certain breakpoints for larger or smaller styles.
-
-### Headings
-
-Headings have both fluid and fixed sets. Headings are bold by default for emphasis and to create contrast.
-
-#### Fluid
-
-::DocsTypeClassTable
----
-type:
- - style :
- - Heading 1
- - values :
- - Font size: 32px / 56px
- - Line height: 36px / 60px
- - Letter spacing: 1.4% / 0.8%
- - Font weight: Bold (700)
- - rpl-type-h1
- - style :
- - Heading 1 Highlight
- - values :
- - Font size: 32px / 56px
- - Line height: 36px / 60px
- - Letter spacing: 1.4% / 0.8%
- - Font weight: Bold (700)
- - rpl-type-h1-highlight
- - style :
- - Heading 2
- - values :
- - Font size: 24px / 32px
- - Line height: 32px / 40px
- - Letter spacing: 1.6% / 1.4%
- - Font weight: Bold (700)
- - rpl-type-h2
- - style :
- - Heading 3
- - values :
- - Font size: 20px / 24px
- - Line height: 28px / 32px
- - Letter spacing: 1.8% / 1.6%
- - Font weight: Bold (700)
- - rpl-type-h3
- - style :
- - Heading 3 Highlight
- - values :
- - Font size: 20px / 24px
- - Line height: 28px / 32px
- - Letter spacing: 1.8% / 1.6%
- - Font weight: Bold (700)
- - rpl-type-h3-highlight
- - style :
- - Heading 4
- - values :
- - Font size: 16px / 20px
- - Line height: 24px / 28px
- - Letter spacing: 1.92% / 1.8%
- - Font weight: Bold (700)
- - rpl-type-h4
----
-::
-
-
-#### Fixed
-
-::DocsTypeClassTable
----
-type:
- - style :
- - Heading 1 Fixed
- - values :
- - Font size: 32px
- - Line height: 36px
- - Letter spacing: 1.4%
- - Font weight: Bold (700)
- - rpl-type-h1-fixed
- - style :
- - Heading 1 Highlight Fixed
- - values :
- - Font size: 32px
- - Line height: 44px
- - Letter spacing: 1.4%
- - Font weight: Bold (700)
- - rpl-type-h1-highlight-fixed
- - style :
- - Heading 2 Fixed
- - values :
- - Font size: 24px
- - Line height: 32px
- - Letter spacing: 1.6%
- - Font weight: Bold (700)
- - rpl-type-h2-fixed
- - style :
- - Heading 3 Fixed
- - values :
- - Font size: 20px
- - Line height: 28px
- - Letter spacing: 1.8%
- - Font weight: Bold (700)
- - rpl-type-h3-fixed
- - style :
- - Heading 3 Highlight Fixed
- - values :
- - Font size: 20px
- - Line height: 28px
- - Letter spacing: 1.8%
- - Font weight: Bold (700)
- - rpl-type-h3-highlight-fixed
- - style :
- - Heading 4 Fixed
- - values :
- - Font size: 16px
- - Line height: 24px
- - Letter spacing: 1.92%
- - Font weight: Bold (700)
- - rpl-type-h4-fixed
----
-::
-
-### Paragraph
-
-The default paragraph font size is 16px on all screens.
-
-The majority of your body copy should use the standard 16px paragraph size.
-
-::DocsTypeClassTable
----
-type:
- - style :
- - Paragraph Large
- - values :
- - Font size: 20px / 24px
- - Line height: 28px / 32px
- - Letter Spacing: 1.8% / 1.6%
- - rpl-type-p-large
- - style :
- - Paragraph Large Fixed
- - values :
- - Font size: 20px
- - Line height: 28px
- - Letter Spacing: 1.8%
- - rpl-type-p-large-fixed
- - style :
- - Paragraph Large Highlight
- - values :
- - Font size: 20px / 24px
- - Line height: 28px / 32px
- - Letter Spacing: 1.8% / 1.6%
- - rpl-type-p-large-highlight
- - style :
- - Paragraph
- - values :
- - Font size: 16px
- - Line height: 24px
- - Letter spacing: 1.92%
- - rpl-type-p
- - style :
- - Paragraph Small
- - values :
- - Font size: 14px
- - Line height: 20px
- - Letter spacing: 1.92%
- - rpl-type-p-small
----
-::
-
-### Lists
-
-Use lists to make blocks of text easier to read, and to break information into manageable chunks.
-
-List styles are based on rpl-type-p with extra spacing.
-
-| Margin Top | Paragraph Spacing | Item Spacing | Indent Amount |
-|-------------|-----------------------------------|----------------------|----------------------|
-| rpl-sp-4 | rpl-sp-2 | rpl-sp-2 | rpl-sp-9 |
-
-#### Unordered Lists
-
-Introduce bulleted lists with a lead-in line ending in a colon. Start each item with a lowercase letter, and do not use a full stop at the end.
-
-Unordered lists allow for two nested levels which are styled as:
-
-- level 1 - bullet
-- level 2 - dash
-
-::DocsImageExample
----
-src: /assets/img/unordered-list.png
-alt: An example of an unordered list
----
-::
-
-#### Ordered Lists
-
-Use numbered lists instead of bulleted lists when the order of the items is relevant.
-
-You do not need to use a lead-in line for numbered lists. Items in a numbered list should end in a full stop because each should be a complete sentence.
-
-Ordered lists allow for three nested levels which are styled as
-
-- level 1 - numbers
-- level 2 - alphabet
-- level 3 - roman numerals.
-
-::DocsImageExample
----
-src: /assets/img/ordered-list.png
-alt: An example of an ordered list
----
-::
-
-### Text Alignment
-You should usually left-align body copy that’s read left to right. Right-aligned body copy can be hard for users to find and read when they magnify their screen.
-
-Do not ‘justify’ blocks of body copy so that they’re aligned to both the left and right margins. Doing this creates wider spaces between words, which can make the text hard to read.
-
-### Font weight
-You can use bold to emphasise particular words in a transaction. Use it to highlight critical information that users need to refer to or you’ve seen them miss.
-
-Try to avoid bold. Overuse will make it difficult for users to know which parts of your content they need to pay the most attention to.
-
-::DocsImageExample
----
-src: /assets/img/font-weight.png
-alt: Acomparison between regular text and bold text
----
-::
-
-### Links
-
-Links are blue and underlined by default. If your link is at the end of a sentence or paragraph, make sure that the linked text does not include the full stop.
-
-::DocsImageExample
----
-src: /assets/img/link.png
-alt: A visual example of a link within regular text
----
-::
-
----
-
-## List of variables
-
-All values are stored as variables nested in the type variable.
-
-### Type size
-
-::DocsTypeTable
----
-type: size
----
-::
-
-### Line Height
-
-::DocsTypeTable
----
-type: lh
----
-::
-
-### Letter Spacing
-
-::DocsTypeTable
----
-type: ls
----
-::
-
-### Font Weights
-
-::DocsTypeTable
----
-type: weight
----
-::
-
-### List Styling
-
-| Style | Level 1 | Level 2 | Level 3 |
-|-------------|-----------------------------------|----------------------|----------------------|
-| Unordered list | • (filled circle) | - (dash) | |
-| Ordered List | 1. (numbers) | a. (letters) | i. (roman numerals) |
diff --git a/docs/content/design-system/5.components/accordion.md b/docs/content/design-system/5.components/accordion.md
deleted file mode 100644
index 67c073afd1..0000000000
--- a/docs/content/design-system/5.components/accordion.md
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: Accordion
-description: The Accordion component is a panel designed to save space by hiding and revealing content as required.
-layout: page
-label: Core
----
-
-## Usage
-Use accordions only if it will benefit the user. You should have evidence of this.
-
-Using accordions will allow users to:
-- view related sections of content quickly
-- choose which content isn’t relevant to them by showing or hiding sections.
-
-Always test accordions with users first. Depending on what the user needs, hiding content could present problems.
-
-::DocsExample
----
-id: core-containers-accordion--accordion
----
-::
-
-### When and how to use
-- Fill the entire width of the content area.
-- Embed into the body content area of any landing page.
-- Use the 'numbered' variant when a sequential order is important.
-- Include links and format text in accordions, as required.
-- Use to conceal content that may only apply to specific users who can choose to show or hide content.
-- Make sure accordion headings are descriptive and succinct.
-
-### When and how not to use
-- Never use a single accordion.
-- Avoid putting all page content into accordions.
-- Don't use accordions for important information all users need to read.
-- Putting accordions in accordions can confuse the user.
-- Don't use an accordion if doing so will slow the page load time.
-- Don't disable sections.
-
-### Collapse all/Expand all
-Being able to collapse or expand all lets users open or close all accordions with one click. This reduces the amount of clicks required to reach their content.
-
-Don't use this feature to help users find information. Expanding all accordions at once could defeat the purpose of having them. If a user has to do this, consider more descriptive titles.
-
-The other option is to remove the accordions and display the content without them.
-
----
-
-## Variants
-The accordion has 2 variants:
-- default
-- numbered.
-
-### Default
-
-::DocsExample
----
-id: core-containers-accordion--accordion
----
-::
-
-### Numbered
-Use the numbered variant when it is important the content is read in sequential order.
-
-::DocsExample
----
-id: core-containers-accordion--accordion-numbered
----
-::
-
----
-
-## Theming
-Accordions use colour to:
-- represent interactions such as hover and active states
-- give prominence to the active displayed content section.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-containers-accordion--accordion
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
diff --git a/docs/content/design-system/5.components/acknowledgment.md b/docs/content/design-system/5.components/acknowledgment.md
deleted file mode 100644
index c7397b9750..0000000000
--- a/docs/content/design-system/5.components/acknowledgment.md
+++ /dev/null
@@ -1,28 +0,0 @@
----
-title: Acknowledgement
-description: The Acknowledgement component pays respect to the First Peoples of Victoria.
-layout: page
-label: Core
----
-
-## Usage
-
-The Acknowledgement of Traditional Owners message:
-
-- displays alongside the Aboriginal and Torres Strait Islander flags
-- is used in the footer.
-
-::DocsExample
----
-id: core-containers-acknowledgement--acknowledgement
----
-::
-
-### When and how to use
-- Use this component to display the Acknowledgement of Traditional Owners message.
-
-### When and how not to use
-Do not change the:
-
-- Aboriginal and Torres Strait Islander flags
-- Acknowledgement of Traditional Owners wording.
diff --git a/docs/content/design-system/5.components/alert.md b/docs/content/design-system/5.components/alert.md
deleted file mode 100644
index dd1df55713..0000000000
--- a/docs/content/design-system/5.components/alert.md
+++ /dev/null
@@ -1,96 +0,0 @@
----
-title: Alert
-description: The Alert component display required actions or important messages to users.
-layout: page
-label: Core
----
-
-## Usage
-
-Alerts attract a user's attention with important messages or required actions. They appear at the top of pages.
-
-Alerts are:
-
-- intrusive by design
-- created on purpose
-- dismissible by a user
-- not triggered by user action or back-end event.
-
-Alerts sit flush at the top of pages above the header. Users can still interact with the page below an alert.
-
-::DocsExample
----
-id: core-containers-alert--information
----
-::
-
-### When and how to use
-- Only use an alert if its message or action applies to an entire product or site.
-- Write the alert in plain language that's clean and concise to minimise a user's cognitive load.
-- If the user needs more information or to complete an action, use link text for the call to action.
-- Place the alert at the top of the screen before the header.
-- Only use the critical alert setting for messages or actions that warrant it.
-- Limit actions to one per alert banner.
-
-### When and how not to use
-- Don’t use an alert if its message applies only to that feature or page.
-- Alerts shouldn't cover other components, only pushing down page content.
-- Don't use alerts for actions initiated by the user or backend.
-
----
-
-## Variants
-
-An alert’s styling is according to its meaning and uses semantic colours.
-
-Alert colours include:
-
-- grey for general information
-- orange for a minor warning
-- red for a critical error or expected dangerous event.
-
-### Information
-
-- To communicate general information to users.
-
-::DocsExample
----
-id: core-containers-alert--information
----
-::
-
-### Warning
-
-- To communicate a minor warnings to users.
-
-::DocsExample
----
-id: core-containers-alert--warning
----
-::
-
-### Critical
-
-- To communicate a critical error has occurred or dangerous event is expected to users.
-
-::DocsExample
----
-id: core-containers-alert--danger
----
-::
-
----
-
-## Alert ordering
-
-So that users view alerts in order of importance, they appear in priority order:
-
-1. Critical.
-1. Warning.
-1. Information.
-
-::DocsExample
----
-id: core-containers-alert--stacked
----
-::
diff --git a/docs/content/design-system/5.components/block-quote.md b/docs/content/design-system/5.components/block-quote.md
deleted file mode 100644
index 44b2adac82..0000000000
--- a/docs/content/design-system/5.components/block-quote.md
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: Block quote
-description: The Block quote component adds emphasis to a quote.
-layout: page
-label: Core
----
-
-## Usage
-
-Use block quotes to emphasise:
-
-- important information
-- excerpts from a source.
-
-::DocsExample
----
-id: core-containers-content--blockquote
----
-::
-
-### When and how to use
-
-- Only use text in block quotes.
-- Always put all the quoted text inside opening and closing quotation marks (' ').
-- Include optional author metadata.
-- You can feature more than one quote by a single author.
-- Only use in content sections.
-
-### When and how not to use
-
-- Do not repeat metadata across different quotes.
-
----
-
-## Theming
-
-The block quote uses colour to add subtle visual prominence.
-
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-containers-content--blockquote
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers](https://www.vic.gov.au) or [theming guidance for developers](https://www.vic.gov.au).
diff --git a/docs/content/design-system/5.components/breadcrumb.md b/docs/content/design-system/5.components/breadcrumb.md
deleted file mode 100644
index 26144ce6a8..0000000000
--- a/docs/content/design-system/5.components/breadcrumb.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: Breadcrumb
-description: The Breadcrumb component shows a user their location on a website. This allows quick navigation between page levels.
-layout: page
-label: Core
----
-
-## Usage
-
-Use breadcrumbs to help users understand where they are within a website’s structure. A breadcrumb shows as a series of links and icons in a line.
-
-A breadcrumb displays the parent page, icons and the current page.
-
-- Parent page: this links to the page above the current page in the information architecture.
-- Icons: chevrons (v-shaped icons) sitting between the parent and current pages are designed to visualise site hierarchy.
-- Current page: this is the page the user is currently on.
-
-::DocsExample
----
-id: core-navigation-breadcrumbs--default-story
----
-::
-
-### When and how to use
-- Display the breadcrumb at the top left of a page, below the main navigation but above the page title.
-- Always start the breadcrumb with the parent page.
-- Always end the breadcrumb with the current page.
-- Truncate longer names if you've reached the maximum amount of links.
-
-### When and how not to use
-- The breadcrumb does not replace primary navigation.
-- Do not use the breadcrumb to show progress through a linear journey.
-
----
-
-## How the Breadcrumb works
-
-On devices with a page resolution under 768px, the breadcrumb displays the parent link only.
-
----
-
-## Theming
-
-The Breadcrumb uses colour to:
-
-- represent possible interactions
-- interactive states.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-breadcrumbs--default-story
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers](https://www.vic.gov.au) or [theming guidance for developers](https://www.vic.gov.au).
diff --git a/docs/content/design-system/5.components/button.md b/docs/content/design-system/5.components/button.md
deleted file mode 100644
index 1e26caa85c..0000000000
--- a/docs/content/design-system/5.components/button.md
+++ /dev/null
@@ -1,206 +0,0 @@
----
-title: Button
-description: The Button component helps a user to carry out an action.
-layout: page
-label: Core
----
-
-## Usage
-
-Use a button to indicate an action a user can take and to let them start carrying it out. Button labels say what action will occur when the user interacts with it.
-
-Only use a button when the page has a call to action. Don't use buttons when sending users to other locations on the page or to other pages or sites.
-
-::DocsExample
----
-id: core-navigation-button--default-filled
----
-::
-
-### When and how to use
-
-- Highlight a key call to action.
-- So long as it also helps users carry out its identified action, a button can link to internal and external pages.
-- Add to any basic content component.
-- Use verbs in the button label, for example, 'Submit now', 'Cancel booking', etc.
-
-### When not to use
-
-- Limit primary buttons to one per page.
-- Don't use more than 4 words in the button label.
-- Avoid using inactive buttons.
-
-> Limit using buttons to one per page. The more you use them, the less a user will notice them.
-
----
-
-## Variants
-
-Buttons are styled for their specific purposes. Button variants include:
-
-- filled
-- outlined
-- white
-- elevated
-- destructive.
-
-### Filled
-
-- Use the filled variant for primary actions, known as calls to action.
-- Use the primary colour.
-- Don't use more than one filled button per page.
- - A page should only have one call to action, otherwise they lose impact.
- - Having more than one also results in a dilemma of choice for the user.
-
-::DocsExample
----
-id: core-navigation-button--default-filled
----
-::
-
-### Outlined
-
-- The outlined variant is for secondary actions.
-- Like the filled variant, don't use more than one outlined button.
- - If you find you're adding lots of secondary buttons, you may need to simplify your content.
-
-::DocsExample
----
-id: core-navigation-button--default-outlined
----
-::
-
-### White
-
-- The white variant is for tertiary actions when an action is less prominent.
- - It should be obvious that it is lower priority than primary or secondary buttons.
-- The white variant is styled with an underline by default, to align with links.
- - This helps meet accessibility requirements and is consistent with other link types.
-
-::DocsExample
----
-id: core-navigation-button--default-white
----
-::
-
-### Elevated
-
-- The elevated variant acts as a 'back-to-the-top' button.
-- We've added elevation to show the where the button will sit as a 'layer' on the page (its CSS z-index value).
-
-::DocsExample
----
-id: core-navigation-button--default-elevated
----
-::
-
-### Destructive
-
-- Use the destructive variant for destructive actions, such as permanently deleting information, across the site.
-- The destructive variant has a semantic meaning and uses semantic colour.
-- Destructive buttons only work if not used often.
-- It’s uncommon for most sites to need one.
-- Only use the destructive variant if an action has destructive consequences because they are not easy to undo.
-
-> Never rely on colour only to communicate a serious action. For example, don't rely on red only as a warning to the user. Some users cannot see all colours and will miss meaning. What will happen when the user clicks the button must be obvious from context button text.
-
-::DocsExample
----
-id: core-navigation-button--default-destructive
----
-::
-
----
-
-### Loading spinner
-
-Loading spinners are used to indicate to users that an action is being processed. Spinners animate as soon as the user initiates an action and disappear once content shows.
-
-A user may double-click a button because:
-
-- their main operating system uses double click
-- they have a slow connection which results in delayed action feedback
-- they click the button by accident due to motor impairments like hand tremors.
-
-Clicking a button twice can mean the information gets sent 2 times.
-
-Try to show the user that their click has worked. For example, show a loading spinner once they've clicked.
-
-When a button is in the loading state, the button label is hidden and a spinner is shown in its place. The button will keep the same width it had when the text was visible.
-
-::DocsExample
----
-id: core-navigation-button--busy-state
----
-::
-
----
-
-## Theming
-
-Buttons can be themed in the following 2 ways:
-- site colour palette
-- neutral colour palette.
-
-### Site theme
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-button--default-filled
- ---
- ::
- ::DocsExample
- ---
- id: core-navigation-button--default-outlined
- ---
- ::
- ::DocsExample
- ---
- id: core-navigation-button--default-elevated
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](https:www.vic.gov.au) or [theming guidance for developers](https:www.vic.gov.au).
-
-### Neutral theme
-
-Implemented at a site level, the neutral buttons have predefined neutral colour values. You are unable to edit or customise these colours.
-
-There is no filled button variant available if you use the neutral theme. Buttons will automatically display as the next level down of button styling. For example, you'll use the outlined button variant for the neutral theme.
-
-#### Outlined
-
-::DocsExample
----
-id: core-navigation-button--neutral-outlined
----
-::
-
-#### White
-
-::DocsExample
----
-id: core-navigation-button--neutral-white
----
-::
-
-
-#### Elevated
-
-::DocsExample
----
-id: core-navigation-button--neutral-elevated
----
-::
-
----
-
-## Rationale
-
-To enhance visual weight and aim to confirm with [WCAG 2.0 Criterion 1.4.1](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-without-color.html), Ripple buttons use underlined text by default on white buttons.
-
-This underline shows users there is an interaction that they can perform.
-
-> 1.4.1 Use of Color: Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. (Level A)
diff --git a/docs/content/design-system/5.components/call-to-action.md b/docs/content/design-system/5.components/call-to-action.md
deleted file mode 100644
index 0d1f961c6a..0000000000
--- a/docs/content/design-system/5.components/call-to-action.md
+++ /dev/null
@@ -1,47 +0,0 @@
----
-title: Call to action
-description: The Call to action component is a card promoting a specific piece of content and featuring a button highlighting the call to action.
-layout: page
-label: Core
----
-
-## Usage
-Use the call to action card to give a brief summary of content or a task. The call to action card features a button highlighting the call to action.
-
-Use it to give your call to action more visual prominence. The call to action card can guide users to perform a preferred action.
-
-::DocsExample
----
-id: core-navigation-card--call-to-action
----
-::
-
-### When and how to use
-- Use clear and concise content.
-- Ensure content is relevant to the action or destination.
-- Embed in any body content area of a content page.
-- Use with a relevant image or graphic.
-
-### When and how not to use
-- Don’t use without an image or graphic.
-- Don’t overload it with content.
-- Don’t use when a large amount of text is needed for more context.
-- Don’t use other interactive elements, like links.
-
----
-
-## Theming
-The call to action card adopts its theming from your button component’s settings.
-
-If you choose neutral button for your site, the call to action card will display buttons in the neutral theme.
-
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-card--call-to-action
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers]() or [theming guidance for developers]().
diff --git a/docs/content/design-system/5.components/callout.md b/docs/content/design-system/5.components/callout.md
deleted file mode 100644
index e82146de55..0000000000
--- a/docs/content/design-system/5.components/callout.md
+++ /dev/null
@@ -1,82 +0,0 @@
----
-title: Callout
-description: The Callout component is a text excerpt that draws attention to specific or important content.
-layout: page
-label: Core
----
-
-## Usage
-Use callouts to:
-- draw a user's attention
-- add emphasis to the content
-- provide a user with more information.
-
-A callout repeats and highlights content already on the page. Use callouts sparingly. To maintain effectiveness, consider weaving this information into the page's main content.
-
-::DocsExample
----
-id: core-containers-content--callout
----
-::
-
-### When and how to use
-- Highlight important information vital to the user.
-- Place a callout in a prominent position on the page.
-- Use with text only.
-
-### When and how not to use
-- Only feature one callout per page.
-- Use no more than 2 paragraphs per callout.
-- Don't put the callout at the bottom of the page.
-
----
-
-## Variants
-To allow for different levels of emphasis, a callout has 2 styles:
-- accent
-- neutral.
-
-### Accent
-Use the accent variant to add a high level of emphasis to the selected content. The callout accent can adopt any WYSIWYG type styles you choose.
-
-::DocsExample
----
-id: core-containers-content--callout
----
-::
-
-### Neutral
-Use the neutral variant to give content a medium level of emphasis. The neutral callout uses a predefined type style that you cannot change.
-
-::DocsExample
----
-id: core-containers-content--callout-neutral
----
-::
-
----
-
-## Theming
-The accent variant uses the site accent colour to:
-- add visual prominence to the content
-- aid hierarchy in the content area.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-containers-content--callout
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers]() or [theming guidance for developers]().
-
----
-
-## Rationale
-To enhance visual weight and aim to conform with [WCAG2.0 Criterion 1.4.1](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-without-color.html), Ripple callouts use:
-- a thick left-hand border
-- background colours
-- padding.
-
-> 1.4.1 Use of Color: Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. (Level A)
diff --git a/docs/content/design-system/5.components/campaign-banner.md b/docs/content/design-system/5.components/campaign-banner.md
deleted file mode 100644
index 4eb662d8b8..0000000000
--- a/docs/content/design-system/5.components/campaign-banner.md
+++ /dev/null
@@ -1,72 +0,0 @@
----
-title: Campaign banner
-description: The Campaign banner component draws a user's attention to promoted content.
-layout: page
-label: Core
----
-
-## Usage
-Use campaign banners to promote content. They include a feature image and have an optional call to action.
-
-The banner has a headline and short summary text. These point users to promoted content and guide them to a call to action contained in a button.
-
-Campaign banners can be used at the top or bottom of a page, under the header or above the footer.
-
-::DocsExample
----
-id: core-navigation-campaign-banner--primary-image
----
-::
-
-### When and how to use
-- Promote a campaign or related page content.
-- Add an optional image.
-- Use with an optional call to action.
-
-### When and how not to use
-- Don’t overload with content.
-- Don’t use an unrelated image.
-
----
-
-## Variants
-The campaign banner has 2 variants:
-- featured, which appears at the top of the page, below the header
-- image inset, which appears at the bottom of the page above the footer.
-
-### Featured
-A featured campaign banner goes at the top of the page underneath the header. When on larger screens, the image is cropped in a shape and can overlap the component above (the header).
-
-There is an option to include metadata for the image if required.
-
-::DocsExample
----
-id: core-navigation-campaign-banner--primary-image
----
-::
-
-### Image inset
-The image inset variant sits above the footer at the bottom of the page. This should be used for less prominent campaigns. For featured campaigns, we recommend using the featured variant at the top of the page.
-
-::DocsExample
----
-id: core-navigation-campaign-banner--secondary-image
----
-::
-
----
-
-## Theming
-The campaign banner adopts its theming from the button component.
-
-If you choose the neutral button variant for your site, the campaign banner will display buttons in the neutral theme.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-campaign-banner--primary-image
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers]() or [theming guidance for developers]().
diff --git a/docs/content/design-system/5.components/card.md b/docs/content/design-system/5.components/card.md
deleted file mode 100644
index e30845cf8e..0000000000
--- a/docs/content/design-system/5.components/card.md
+++ /dev/null
@@ -1,181 +0,0 @@
----
-title: Card
-description: The Card component shows content about another page, event or topic. They help users find relevant information.
-layout: page
-label: Core
----
-
-## Usage
-Use cards to help users find the right information quickly.
-
-They can combine a variety of content, including text, media and links.
-
-Cards are best used on a landing page to highlight any related pages, events or ongoing campaigns.
-
-Ensure headings are direct and summaries are concise.
-
-::DocsExample
----
-id: core-navigation-card--promo
-argsString: 'graphicElement:None'
----
-::
-
-### How this component works
-Cards can be made up of:
-- metadata, to show supplementary data to give the user more information (for example, date, topic, status, etc.)
-- headline, to provide a snapshot of the content
-- summary, to provide further details
-- visual elements, to provide visual prominence.
-
-You only need a headline and a summary for a card. All other elements are optional and will depend on a user's needs.
-
-#### Metadata
-All cards have optional metadata. Use metadata to display a combination of:
-- topic/tag - categories for when a user needs to group content (for example, departments, agencies, services, etc.)
-- date - how old the content is, for when this information is important to the user
-- status - where a component or action is sitting within a process.
-
-#### Visual elements
-Visual elements in cards allow for different content to stand out. They can also provide additional context.
-
-Elements that can provide visual prominence include:
-- an image
-- a highlight border
-- a blocked headline type.
-
-Use visual elements carefully. Only use a visual element if it:
-- is meaningful to the user journey
-- supports what is already in the content
-- can help the user differentiate content from other content
-- can be easily identified
-- is informative and not only decorative.
-
-### When and how to use
-- Group together cards with similar content.
-- Use only a single style of card within a set of cards.
-- Keep the content clear and concise.
-- Only use one piece of information per card.
-
-### When and how not to use
-- Don't mix different card variants in a group.
-- Never use a single card only.
-- Never repeat content in a group of cards.
-- Don't overload cards with content.
-- Don't include other interactive elements, like links, inside the card.
-
----
-
-## Variants
-A card has 2 main variants and is styled for its purpose.
-- Promotion Cards, which is used to highlight important content.
-- Navigation Cards, which is used for larger groups of content.
-
-### Promotion cards
-Promotion cards provide an eye-catching way to promote links to other pages on your site (or external sites).
-
-Promotion cards stack in a grid when used in a collection.
-
-Promotion cards have 4 variants:
-- standard
-- highlight
-- image full bleed
-- avatar.
-
-#### Standard
-::DocsExample
----
-id: core-navigation-card--promo
-argsString: 'graphicElement:None'
----
-::
-
-#### Highlight
-The highlight variant gives the card more visual prominence. Use this to guide users to the content.
-
-::DocsExample
----
-id: core-navigation-card--promo
-theme: 'docsTheme2'
-argsString: 'graphicElement:Highlight'
----
-::
-
-#### Image full bleed
-The image full bleed variant gives the option to add a relevant image to grab the user’s attention.
-
-::DocsExample
----
-id: core-navigation-card--promo
----
-::
-
-#### Avatar
-::DocsExample
----
-id: core-navigation-card--avatar
----
-::
-
-### Navigation cards
-Navigation cards are useful for displaying and breaking down large groups of content options.
-
-On landing pages, they are used to highlight all the different sections of that site.
-
-Navigation cards fill the full width of the content area. They will always stack vertically.
-
-There are 3 variants of navigation cards:
-- standard
-- image inset
-- heading highlight.
-
-#### Standard
-::DocsExample
----
-id: core-navigation-card--nav
-argsString: 'graphicElement:None'
----
-::
-
-#### Image inset
-A related image can increase a card's visual prominence.
-
-::DocsExample
----
-id: core-navigation-card--nav
----
-::
-
-#### Heading highlight
-To draw attention to the heading and highlight the content, use a heading highlight.
-
-::DocsExample
----
-id: core-navigation-card--nav
-argsString: 'graphicElement:Heading+highlighted'
----
-::
-
----
-
-## Theming
-Cards use colour for:
-- interaction states
-- adding visual prominence to some elements.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-card--promo
- argsString: 'graphicElement:Highlight'
- ---
- ::
- ::DocsExample
- ---
- id: core-navigation-card--nav
- argsString: 'graphicElement:Heading+highlighted'
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers]() or [theming guidance for developers]().
diff --git a/docs/content/design-system/5.components/carousel.md b/docs/content/design-system/5.components/carousel.md
deleted file mode 100644
index b7b6faea7a..0000000000
--- a/docs/content/design-system/5.components/carousel.md
+++ /dev/null
@@ -1,42 +0,0 @@
----
-title: Carousel
-description: The Carousel component is a set of related cards that users can side-scroll through.
-layout: page
-label: Core
----
-
-## Usage
-Use a carousel to let users browse through a set of up to 9 cards with pagination controls.
-
-The content in the carousel should be related in some way. This helps users to find related and relevant content.
-
-::DocsExample
----
-id: core-containers-card-carousel--breakpoints
----
-::
-
-### When and how to use
-- Use a combination of promotion cards.
-- Use when wanting to display a collection of cards with related content.
-- Add to any page type.
-- Include with an accompanying title to give context to users.
-
-### When and how not to use
-- Don’t use more than 9 cards or fewer than 3.
-- Don't use with navigation or other card types.
-
----
-
-## Theming
-The carousel adopts its theming from the card and pagination components.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-containers-card-carousel--breakpoints
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
diff --git a/docs/content/design-system/5.components/category-grid.md b/docs/content/design-system/5.components/category-grid.md
deleted file mode 100644
index 8b766d85a3..0000000000
--- a/docs/content/design-system/5.components/category-grid.md
+++ /dev/null
@@ -1,53 +0,0 @@
----
-title: Category grid
-description: The Category grid component shows multiple cards laid out in a grid, allowing users to browse a collection of categories.
-layout: page
-label: Core
----
-
-## Usage
-
-Use a category grid to help users browse a range of categories and content. Each card in a collection acts as a link to more information.
-
-A category grid uses the text link style to indicate clickable elements. An accompanying media item, such as an icon or pictogram, is used to support the content for each category.
-
-The media item you choose must be directly relevant to the card’s content, to support and reinforce the user’s understanding. The icon or pictogram should clearly show the difference in topics and should be easily identifiable.
-
-::DocsExample
----
-id: core-navigation-card--category-grid
----
-::
-
-### When and how to use
-
-- Use as a collection of cards only.
-- Include clear and concise content.
-- Use with icons or pictograms.
-- Be careful not to include too many cards.
-- Always use unique media items per card.
-
-### When and how not to use
-
-- Don’t use a single card only.
-- Don’t repeat content in the same a group of cards.
-- Don’t overload with content.
-- Don’t include with other interactive elements like links.
-- Don’t use without a media item.
-- Don’t use on pages with a sidebar.
-
----
-
-## Theming
-
-The category grid uses colour to indicate interaction states.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-card--category-grid
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
diff --git a/docs/content/design-system/5.components/checkbox.md b/docs/content/design-system/5.components/checkbox.md
deleted file mode 100644
index a8ca0bcbf0..0000000000
--- a/docs/content/design-system/5.components/checkbox.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Checkbox
-description: The Checkbox component lets users select one or more options from a list.
-layout: page
-label: Core
----
-
-## Usage
-Use checkboxes to allow users to:
-- select one or more list options
-- toggle one option on or off.
-
-Don't use a checkbox if only one option is available or if you expect the user to only select one option. For this, use the radio button component instead.
-
-::DocsExample
----
-id: forms-checkbox-group--default-variant
----
-::
-
-### How this component works
-Use checkboxes with a:
-- form label
-- optional requirement label
-- optional hint text
-- checkbox label.
-
-Checkboxes should always have a form and checkbox label.
-
-#### Single checkbox
-A single checkbox confirms a user's selection or preference. Examples include when a user is agreeing to terms and conditions or registering for a the only available option presented.
-
-#### Checkbox group
-Checkbox groups provide a list of available items for the user to choose from. Always tell the user how many options they can select.
-
-Always give checkbox groups a clear and descriptive label. The label should say what the options represent and should help the user to choose one. Doing so ensures good accessibility, as screen readers read each option's label.
-
-Not all users will know the visual difference between a checkbox and a radio button. You can could add extra instructions to guide users, for example, ‘Select up to 3 options’.
-
-### When and how to use
-- Use checkboxes for lists with more than one selectable option.
-- Use hints to inform users that more than one option can be selected, for example, 'Select all that apply'.
-- Always position checkboxes to the left of their labels because this makes them easier to find, especially if using a screen magnifier.
-- Ensure you list the options in a logical and unbiased manner. It could be helpful to users if you order them from most common to least common.
-
-### When and how not to use
-- Don't use checkboxes for a single selectable list option, use radio buttons for this.
-- Don't pre-select checkboxes because users may not realise they submitted the wrong answer or missed a question.
-
----
-
-## Variants
-Checkboxes have 2 variants:
-- default, used on white backgrounds
-- reverse, used on neutral backgrounds.
-
-### Default
-::DocsExample
----
-id: forms-checkbox-group--default-variant
----
-::
-
-### Reverse
-Use the reverse variant when the chip appears on the primary colour.
-
-::DocsExample
----
-id: forms-checkbox-group--reverse-variant
----
-::
-
-### Error
-All form inputs share error state styling.
-
-Make sure errors follow error message guidance. Always have specific error messages for specific errors. Users need to understand why their input or selection was not valid.
-
-**Error: nothing is selected and the question has options in it**
-
-Structure this message to help the user to choose which options apply to them.
-- Error message: ‘Select if \[options\]’.
-- Example: ‘Select if you like summer, winter, autumn, and/or spring'.
-
-**Error: nothing is selected and the question does not have options in it**
-
-Structure this message to help the user to choose which options apply to them.
-- Error message: ‘Select \[options\]’.
-- Example: 'Select your favourite season'.
-
-::DocsExample
----
-id: forms-checkbox-group--invalid
----
-::
-
-
----
-
-## Theming
-A checkbox uses colour for interactive states.
-
-A checkbox in an active state will adopt the same colour as the overall site’s focus state colour. This means a user’s experience of a checkbox remains consistent while it transitions from a focus to an active state.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: forms-checkbox-group--default-variant
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
-
----
-
-## Rationale
-The active and focus states both use the site’s focus state colour. This creates a seamless user experience. If we used a different colour, keyboard users would have colour changes between focusing on and interacting with an input field. This could be jarring or confusing to users.
-
-This occurs across all form and input elements, for a consistent experience.
diff --git a/docs/content/design-system/5.components/chip.md b/docs/content/design-system/5.components/chip.md
deleted file mode 100644
index 586f8e0b60..0000000000
--- a/docs/content/design-system/5.components/chip.md
+++ /dev/null
@@ -1,79 +0,0 @@
----
-title: Chip
-description: The Chip component is an interactive element to draw a user’s user attention to a category.
-layout: page
-label: Core
----
-
-## Usage
-Use chips to represent options in a specific context. They are unlike buttons, which are persistent across contexts.
-
-A chip labels or draws attention to categorised content. Chips can be interactive and help users navigate to relevant content easily.
-
-When displaying multiple chips together, place them in a row.
-
-::DocsExample
----
-id: core-navigation-chip--default-story
----
-::
-
-### When and how to use
-- Include keywords.
-- Use on any content page.
-- Link through to the topic page.
-
-### When and how not to use
-- Don’t include punctuation.
-- Don’t use as a heading.
-- Don’t include more than 4 words.
-- Don’t use without an interaction or link.
-
----
-
-## Chips or buttons?
-While chips and buttons both prompt calls to action, they are different.
-
-Multiple chips should all sit together. Buttons should sit separately from each other.
-
-Chips react to their context, but buttons are fixed and remain static.
-
-Chips convey forking paths in a user experience, while buttons show a linear step.
-
----
-
-## Variants
-The chip has a default and reverse variant, allowing flexible use across a range of backgrounds.
-
-### Default
-::DocsExample
----
-id: core-navigation-chip--default-story
----
-::
-
-### Reverse
-Use the reverse variant when the chip appears on the primary colour.
-
-::DocsExample
----
-id: core-navigation-chip--reversed
----
-::
-
----
-
-## Theming
-The chip uses the primary and primary-accessible colour tokens. This is to meet colour contrast requirements when theming.
-
-If the site primary colour is ‘light’, the chip content will display in the type-default colour. The border will always take on the site primary colour.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-chip--default-story
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
diff --git a/docs/content/design-system/5.components/contact-us.md b/docs/content/design-system/5.components/contact-us.md
deleted file mode 100644
index c540803b0c..0000000000
--- a/docs/content/design-system/5.components/contact-us.md
+++ /dev/null
@@ -1,47 +0,0 @@
----
-title: Contact us
-description: The Contact us component is a list of contact details and links to help the user get in touch with you.
-layout: page
-label: Core
----
-
-## Usage
-Use the contact us component to show the user multiple pieces of contact information or actions. The details should be related to the page content and a single point of contact.
-
-Contact us details can include a:
-- contact person
-- address
-- phone number
-- social media account.
-
-::DocsExample
----
-id: core-containers-contact-us--contact-us
----
-::
-
-### When and how to use
-- Provide users with additional contact details relevant to the page.
-- Display any combination of physical and postal addresses, phone numbers, email addresses and common social media accounts.
-- Display in the sidebar of the page.
-
-### When and how not to use
-- If you add social media accounts to the contact us component, don’t add the social share component.
-- Never use unrelated contact details or social media accounts.
-
----
-
-## Theming
-Contact us uses colour for:
-- visual prominence for key information
-- link icons.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-containers-contact-us--contact-us
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
diff --git a/docs/content/design-system/5.components/date-input.md b/docs/content/design-system/5.components/date-input.md
deleted file mode 100644
index f931f56cad..0000000000
--- a/docs/content/design-system/5.components/date-input.md
+++ /dev/null
@@ -1,178 +0,0 @@
----
-title: Date input
-description: The Date input component helps users enter a date.
-layout: page
-label: Core
----
-
-## Usage
-Use date input to let users to enter a date they already know, or a date they can enter without needing a calendar.
-
-Date input has 3 fields: day, month and year.
-
-Don’t set this component to automatically tab between these fields. This can be confusing and jarring for the user.
-
-::DocsExample
----
-id: forms-date-input--default-story
----
-::
-
-### How to use this component
-You must use a form label with a date input.
-
-You can use an date input with:
-- requirement label
-- hint text
-- placeholder text.
-
-#### Avoid placeholder text
-Avoid using placeholder text where possible. It disappears when a user starts typing. Not all screen readers will read out placeholder text. Its colour often lacks the contrast needed for accessible content when using some browser default styling.
-
-If placeholder text can’t be avoided, don’t use it to replace a label or hint text. Don’t use it to show an example or to include any critical information.
-
-#### Hint text
-Hint text can be used to tell the user what, or how, to successfully complete a date input.
-
-For example, hint text can include specific formatting examples or requirements.
-
-Only use hint text where it’s needed. Don’t use it just to keep the layout consistent with other fields in the form.
-
-### When and how to use
-- Always use date inputs with a label.
-- Write short and concise labels.
-- Use hint text to show the expected date format, for example, ‘07 11 2022’.
-
-### When and how not to use
-- If it’s not likely users will know the exact date, don’t use date input.
-- Don’t use without a form label or hint text specifying the expected date format.
-- Avoid placeholder text because it can cause accessibility issues.
-- Don’t disable copy and paste.
-- Don’t use placeholder text to give instructions or important examples.
-- Don’t write ambiguous error messages only stating what's wrong - explain how the user can fix it.
-
----
-
-## Variants
-The date input has 2 variants:
-- default, used on white backgrounds
-- reverse, used on neutral backgrounds.
-
-### Default
-::DocsExample
----
-id: forms-date-input--default-story
----
-::
-
-### Reverse
-
-::DocsExample
----
-id: forms-date-input--reverse
----
-::
-
-### Error
-All form inputs share error state styling.
-
-Always have specific error messages for specific errors. Users need to understand why their input or selection was not valid.
-
-When creating an error message for a date input, use the wording below.
-
-**Error: whole date field is empty**
-- Highlight area: entire date input.
-- Error message: ‘Enter \[the missing information\]'.
-- Example: ‘Enter your dog’s birthday'.
-
-**Error: some of date field is empty or incomplete**
-- Highlight area: relevant day, month and/or year fields.
-- Error message: ‘\[Information requested\] must include a \[name of empty or incomplete field\]’.
-- Example: ‘Your dog’s birthday must include a month'.
-
-**Error: impossible date entered**
-- Highlight area: relevant day, month and/or year fields.
-- Error message: ‘\[Information requested\] must be a real date’.
-- Example: ‘Your dog’s birthday must be a real date'.
-
-**Error: future date given when past date needed**
-- Highlight area: entire date input.
-- Error message: ‘\[Information requested\] must be in the past’.
-- Example: ‘Your dog’s first playdate must be in the past'.
-
-**Error: future date given when today or past date needed**
-- Highlight area: entire date input.
-- Error message: ‘\[Information requested\] must be today or in the past’.
-- Example: ‘Your dog’s first beach visit must be today or in the past'.
-
-**Error: past date given when future date needed**
-- Highlight area: entire date input.
-- Error message: ‘\[Information requested\] must be in the future’.
-- Example: ‘Your dog’s next raincoat purchase must be in the future'.
-
-**Error: past date given when today or future date needed**
-- Highlight area: entire date input.
-- Error message: ‘\[Information requested\] must be today or in the future’.
-- Example: ‘Your dog’s next zoomies must be today or in the future'.
-
-**Error: date is not on or after another particular date**
-- Highlight area: entire date input.
-- Error message: ‘\[Information requested\] must be the same as or after \[particular date and optional description\]’.
-- Example: ‘Your dog’s next holiday must be on or after 2 April 2027 when you go on a roadtrip'.
-
-**Error: date is not after another particular date**
-- Highlight area: entire date input.
-- Error message: ‘\[Information requested\] must be after \[particular date and optional description\]’.
-- Example: ‘Your dog’s next blow-dry must be after 2 April 2026 when the groomer returns'.
-
-**Error: date is not the same as or before another particular date**
-- Highlight area: entire date input.
-- Error message: ‘\[Information requested\] must be on or before \[particular date and optional description\]’.
-- Example: ‘Your dog’s next hike must be on or before 2 January 2025'.
-
-**Error: date is not before another particular date**
-- Highlight area: entire date input.
-- Error message: ‘\[Information requested\] must be before \[particular date and optional description\]’.
-- Example: ‘Your dog’s next movie and pizza night must before 2 August 2027'.
-
-**Error: date is not between 2 other dates**
-- Highlight area: entire date input.
-- Error message: ‘\[Information requested\] must be between \[earliest date\] and \[latest date and optional description\]’.
-- Example: ‘Your dog’s next cuddles must be between 2 September 2026 and 3 September 2026'.
-
-**Error: date uses known characters that aren’t allowed**
-- Highlight area: relevant day, month and/or year fields.
-- Error message: ‘The date must not include \[characters\]'.
-- Example: ‘The date must not include + & ~'.
-
-**Error: date uses unknown characters that aren’t allowed**
-- Highlight area: relevant day, month and/or year fields.
-- Error message: ‘The date must only include numbers'.
-
-::DocsExample
----
-id: forms-date-input--invalid
----
-::
-
----
-
-## Theming
-Date input uses colour to show interactive states. A date input field in an active state will adopt the same colour as the overall site’s focus state colour. This means a user’s experience of a date input field remains consistent while it transitions from a focus to an active state.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: forms-date-input--default-story
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
-
----
-
-## Rationale
-The active and focus states both use the site’s focus state colour. This creates a seamless user experience. If we used a different colour, keyboard users would have colour changes between focusing on and interacting with an input field. This could be jarring or confusing to users.
-
-This occurs across all form and input elements, for a consistent experience.
diff --git a/docs/content/design-system/5.components/detail-list.md b/docs/content/design-system/5.components/detail-list.md
deleted file mode 100644
index 76338849f6..0000000000
--- a/docs/content/design-system/5.components/detail-list.md
+++ /dev/null
@@ -1,53 +0,0 @@
----
-title: Detail list
-description: The Detail list component shows a list of key information to users.
-layout: page
-label: Core
----
-
-## Usage
-
-Use the detail list to display a list with labels. This surfaces (retrieves and displays) and highlights key information to users.
-
-Each row of the detail list comprises a:
-- label, a descriptive or informative label for your content, for example, 'Location'
-- content, the piece of information itself, for example, 'East Gippsland'.
-
-The detail list is used to display:
-- metadata, for example, ‘Published date' (which shows as '22 March 2023’)
-- status, for example of a program or grant.
-
-Only use the detail list for simple information. For data or complex information, consider using a table.
-
-::DocsExample
----
-id: core-containers-description-list--with-link
----
-::
-
-### When and how to use
-- Use single words only for the label.
-- Include a link if you need to.
-- Keep the summary content and labels clear and concise.
-- Align all summary content to the longest label.
-
-### When and how not to use
-- Don't use labels for unrelated summary content.
-- Don't use it to surface information that is not important to users.
-- Don't use with complex or long form content.
-
----
-
-## Theming
-
-When a link is present, the detail list uses the link colour for interaction states.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-containers-description-list--with-link
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers]() or [theming guidance for developers]().
diff --git a/docs/content/design-system/5.components/dropdown.md b/docs/content/design-system/5.components/dropdown.md
deleted file mode 100644
index 69de25a6c9..0000000000
--- a/docs/content/design-system/5.components/dropdown.md
+++ /dev/null
@@ -1,198 +0,0 @@
----
-title: Dropdown
-description: The Dropdown component lets users see a list of available options and then select one or more options.
-layout: page
-label: Core
----
-
-## Usage
-Use this component to let users select one or more items from a dropdown list of available items.
-
-It can be helpful when users need to choose from 6 or more options. It can also be used when listing all options in checkboxes or radio buttons is not viable.
-
-Dropdowns should only be used as a last resort. For example, to find a compromise between usability and keeping the layout compact and clear.
-
-Many users find dropdowns hard to use. Dropdowns hide content by default and create user confusion, cross-device issues and limited accessibility. Use radio buttons, checkboxes or input fields for most small lists instead.
-
-A compromise might be needed for a long list of options (for example, all dog breeds). Or, when option description lengths vary or wrap over multiple lines. These situations also confuse users by creating layout issues for checkboxes, input fields or radio buttons.
-
-A dropdown is often called a 'select'.
-
-::DocsExample
----
-id: forms-dropdown--single-select-many-items
----
-::
-
-### How this component works
-You must use a form label with a dropdown.
-
-You can use a dropdown with:
-- requirement label
-- hint text
-- placeholder text.
-
-#### Single select
-A single select dropdown is used when users can select only a single option.
-
-#### Multi select
-If using a multi select dropdown, always tell the user how many menu options they can select. Add extra instructions in the hint text to guide them. For example, 'Select up to 3 options'.
-
-Even though users can choose multiple items in a multi select dropdown, they often find this confusing. checkboxes could be better.
-
-#### Hint text
-Hint text can be used to tell the user what, or how, to successfully complete a dropdown.
-
-For example, hint text can include:
-- an overall description of the dropdown
-- hints for what kind of information needs to be input
-- specific formatting examples or requirements.
-
-Only use hint text where it’s needed. Don’t repeat the label. Don’t use it just to keep the layout consistent with other fields in the form.
-
-#### Placeholder text
-Avoid using placeholder text where possible. It disappears when a user starts typing. Not all screen readers will read out placeholder text. Its colour often lacks the contrast needed for accessible content when using some browser default styling.
-
-If placeholder text can’t be avoided, don’t use it to replace a label or hint text. Don’t use it to show an example or to include any critical information. Placeholder text for the dropdown trigger must clearly tell the user its purpose.
-
-#### Selected value
-The selected value shows the option a user has selected.
-
-#### Text overflow
-When the field label and menu text are too long for the available horizontal space, they wrap to form another line.
-
-The field text itself truncates at the end, but the text can be shown in full in the menu.
-
-#### Menu height
-The dropdown menu has a maximum height of 288px or 6 single text-line options.
-
-We recommend starting a scroll at the sixth option in the menu list. This may vary based on your specific use case.
-
-### When and how to use
-- Use as a last resort component.
-- A label must be used with a dropdown.
-- Ensure dropdown item descriptions are short and concise.
-- Use when listing between 6 and (if possible) 15 items, if checkboxes or radio buttons can’t be used.
-
-### When and how not to use
-- Never set the form to submit when a dropdown item is selected.
-- Don’t write long menu option descriptions.
-- Descriptions should not wrap over a single line.
-- Icons or decorative images should never be used in dropdowns.
-- Do not use a dropdown for listings less than 6 options, consider using radio buttons or checkboxes.
-- Do not use a dropdown without a label as it confuses users and is not accessible.
-
----
-
-## Variants
-Dropdown has 2 main variants:
-- single select
-- multi select.
-
-Both variants have default and reverse sub-variants.
-
-### Single select
-A single select dropdown is used when users can select only a single option.
-
-#### Making a selection
-- Placeholder text is shown by default in the field when the dropdown is closed.
-- Interacting with a closed field opens a menu of options.
-- The dropdown closes when an option is chosen.
-- The selection option replaces the placeholder text, but also remains in place if the menus is opened.
-- The selected option then has a tick to the left of the option in the open menu, to remind the user of the selected value.
-
-#### Default
-::DocsExample
----
-id: forms-dropdown--single-select-many-items
----
-::
-
-#### Reverse
-::DocsExample
----
-id: forms-dropdown--reverse-variant
----
-::
-
-### Multi select
-Users can choose multiple items in a list or to filter information.
-
-If using a multi select dropdown, always tell the user how many menu options they can select.
-
-Add extra instructions in the hint text to guide them. For example, 'Select up to 3 options'.
-
-#### Making a selection
-- Placeholder text is shown by default in the field when the dropdown is closed.
-- When the menu is opened, each option shows a checkbox input to the left of its text.
-- When options are being selected, the menu stays open.
-- The selected options replaces the placeholder text. When selected options extend beyond the width of the field, the values truncate. A ‘+#’ appears to the right of the field, to show how many unseen options (#) are selected.
-- As multiple selections are possible, the user needs to interact outside the dropdown, or on the field, to close the menu.
-
-#### Default
-
-::DocsExample
----
-id: forms-dropdown--multi-select-many-items
----
-::
-
-#### Reverse
-
-::DocsExample
----
-id: forms-dropdown--reverse-variant
-argsString: 'multiple:true'
----
-::
-
-### Error
-All form inputs share error state styling.
-
-Always have specific error messages for specific errors. Users need to understand why their input or selection was not valid.
-
-When creating an error message for a dropdown, use the wording below.
-
-**If nothing is selected and the question has options in it**
-
-Structure this message to help the user to choose which options apply to them.
-- Error message: ‘Select if \[options\]’.
-- Example: ‘Select if you like summer, winter, autumn, and/or spring.'
-
-**If nothing is selected and the question does not have options in it**
-
-Structure this message to help the user to choose which options apply to them.
-- Error message: ‘Select [options]’.
-- Example: 'Select your favourite season'.
-
-::DocsExample
----
-id: forms-dropdown--error
----
-::
-
----
-
-## Theming
-Dropdown uses colour for:
-- interactive states
-- icons.
-
-A dropdown in an active state will adopt the same colour as the overall site’s focus state colour. This means a user’s experience of a dropdown remains consistent while it transitions from a focus to an active state.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: forms-dropdown--multi-select-many-items
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
-
----
-
-## Rationale
-The active and focus states both use the site’s focus state colour. This creates a seamless user experience. If we used a different colour, keyboard users would have colour changes between focusing on and interacting with an input field. This could be jarring or confusing to users.
-
-This occurs across all form and input elements, for a consistent experience.
diff --git a/docs/content/design-system/5.components/file.md b/docs/content/design-system/5.components/file.md
deleted file mode 100644
index 4418b7bca2..0000000000
--- a/docs/content/design-system/5.components/file.md
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: File
-description: The File component shows a link, with additional metadata, and lets a user download a file attachment.
-layout: page
-label: Core
----
-
-## Usage
-Use the File component to let users download an attachment. It is accompanied by an optional description so you can give the user more information.
-
-File is made up of:
-
-- the file name
-- metadata including file type and size
-- a document description.
-
-::DocsExample
----
-id: core-containers-file--with-caption
----
-::
-
-### When and how to use
-
-- Use on any page type.
-- Include in page content areas only.
-- Add an optional description.
-- Add optional updated data if it’s relevant to users.
-- Always include metadata.
-
-### When and how not to use
-
-- Don’t use with a non-descriptive file name.
-
----
-
-## Theming
-
-File uses colour for:
-
-- indicating to users that they may have an action to complete
-- interactive states.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-containers-file--default-story
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers](https://www.vic.gov.au) or [theming guidance for developers](https://www.vic.gov.au).
diff --git a/docs/content/design-system/5.components/footer.md b/docs/content/design-system/5.components/footer.md
deleted file mode 100644
index f8edf98a27..0000000000
--- a/docs/content/design-system/5.components/footer.md
+++ /dev/null
@@ -1,91 +0,0 @@
----
-title: Footer
-description: The Footer component helps help users find information at the bottom of a page.
-layout: page
-label: Core
----
-
-## Usage
-
-Use footers to help users find what they need after scrolling to the bottom of a page. Footers provide supplementary information such as:
-
-- copyright
-- contact information
-- links to other pages within the website
-- social media links.
-
-The footer must be used at the bottom of every page. It is separate from the primary navigation but is relevant to the entire site.
-
-::DocsExample
----
-id: core-navigation-footer--default-story
----
-::
-
-### How this component works
-
-The footer is made up of:
-- optional section links, which help avoid dead ends by giving users a way to continue their journey through:
- - additional links (internal and external)
- - bypassing main navigation
-- optional social links, which can be used to link to social media accounts
-- core site links, which must always be used and include the privacy statement, contact information and terms of use
-- a copyright statement, which clarifies who owns the copyright and is specific to your agency or department (add the State Government of Victoria logo to vic.gov.au services, for sitewide consistency)
-- an Acknowledgement of Traditional Owners message (an acknowledgement component).
-
-### When and how to use
-- Use with an optional supporting logo relevant to the site content.
-- Use a consistently-themed footer across all pages of your site.
-- Use the optional neutral theme.
-- Use with an optional image credit for the header image.
-
-### When and how not to use
-- Don’t alter the required links in the core section of the footer.
-- Don’t change the text in the acknowledgement component.
-- Don’t use with links that are not relevant to your organisation.
-
----
-
-## Theming
-
-You can theme the footer in 3 ways:
-- site colour palette
-- neutral colour palette
-- custom colour palette (see [theming guidance for designers]()).
-
-### Site colour palette
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-footer--default-story
- ---
- ::
-::
-
-### Neutral colour palette
-
-Implemented at a site level, the footer has predefined neutral colour values. You are unable to edit or customise these colours.
-
-::DocsExample
----
-id: core-navigation-footer--neutral
----
-::
-
-### Custom colour palette
-
-The footer has its own colour tokens. Because of this, it's possible to apply a custom theme to your footer.
-
-This is only recommended as a last resort.
-
-See [component specific theming guidance for designers]().
-
-::DocsExample
----
-id: core-navigation-footer--default-story
-theme: 'docsTheme3'
----
-::
-
-To create your own theme, see [theming guidance for designers]() or [theming guidance for developers]().
diff --git a/docs/content/design-system/5.components/form-alert.md b/docs/content/design-system/5.components/form-alert.md
deleted file mode 100644
index d8c1f5d359..0000000000
--- a/docs/content/design-system/5.components/form-alert.md
+++ /dev/null
@@ -1,89 +0,0 @@
----
-title: Form alert
-description: The Form alert component shows the user the outcome of a form submission or validation.
-layout: page
-label: Core
----
-
-## Usage
-Use a form alert to tell the user if a form has been submitted, or if there were errors in the form that prevented submission.
-
-The form alert appears at the top of the form and the user is automatically scrolled to it on submission.
-
-There are 2 types of alerts:
-- success
-- error.
-
-::DocsExample
----
-id: forms-form-alert--error
----
-::
-
-### When and how to use
-- Show the validation outcome of a form submission.
-- If successful, use with relevant success message.
-- Write error messages for the alert summary exactly the same way they are worded for inline error messages (next to the inputs with the errors).
-- Include a custom error summary if required.
-- Make your error messages clear and concise.
-
-### When and how not to use
-- Do not use the form alert without providing a summary of errors (if a submission is invalid).
-- Do not restyle with other colours or icons.
-
----
-
-## Variants
-Form alert has 2 variants:
-- success
-- error.
-
-### Success
-Success alerts tell users their form submissions worked. They are always static and stay until a user moves away from that page or view.
-
-To help screen reader and other users notice it, ensure that on submission the focus is moved to the alert.
-
-::DocsExample
----
-id: forms-form-alert--success
----
-::
-
-### Error
-If one or more form validation errors occur, they must always be presented using:
-- the error summary alert
-- individual error messages next to each form field with an error (inline).
-
-Make your error messages clear and concise.
-
-Error summary alerts tell the user everything they need to fix before they can submit the form. This goes above the form.
-
-Inline error messages show a user where the errors happened.
-
-On submission of the form, you must:
-- move the keyboard focus to the error summary
-- include the heading ‘There is a problem’ in the error summary
-- link to all answers with validation errors
-- write error messages for the summary alert exactly the same way they are worded for inline error messages.
-
-As well as showing an error summary, follow the validation pattern. For example, add, ‘Error: ’ to the start of the page \ so screen readers read it out as soon as possible.
-
-#### Linking from the error summary to each answer
-Each error must be linked in the error summary to the form field (answer) causing it.
-
-For questions where the user could choose one or more options as an answer, link to the first radio or checkbox field instead.
-
-::DocsExample
----
-id: forms-form-alert--error
----
-::
-
-#### Error messages
-Specific error messages must be provided for specific error states. Style your error messages as directed by the ‘Error’ section on the pages for the following form components:
-- [input field](/design-system/components/input-field)
-- [text area](/design-system/components/text-area)
-- [date input](/design-system/components/date-input)
-- [checkbox](/design-system/components/checkbox)
-- [radio button](/design-system/components/radio-button)
-- [dropdown](/design-system/components/dropdown).
diff --git a/docs/content/design-system/5.components/form.md b/docs/content/design-system/5.components/form.md
deleted file mode 100644
index 03ac3816a9..0000000000
--- a/docs/content/design-system/5.components/form.md
+++ /dev/null
@@ -1,140 +0,0 @@
----
-title: Form
-description: The Form component guides users to give information and consists of a group of related inputs or controls.
-layout: page
-label: Core
----
-
-## Usage
-Use a form and its form input components to capture data from users. A form consists of a group of related inputs or controls.
-
-Common form components include the:
-- [input field component](/design-system/components/input-field)
-- [text area component](/design-system/components/text-area)
-- [date input component](/design-system/components/date-input)
-- [radio button component](/design-system/components/radio-button)
-- [checkbox component](/design-system/components/checkbox)
-- [dropdown component](/design-system/components/dropdown).
-
-An input field) is for short (single-line) text entry. A text area is for longer text.
-
-Other input types let a user select from predefined options. Use a radio button when a user needs to make only one selection. Use a checkbox for multiple selections.
-
-Group related form components in logical chunks (fieldsets). A single form can have multiple fieldsets. For example, a fieldset with several input fields for an address, plus a fieldset with a date input and radio button for delivery preferences.
-
-The user can submit a form when all fields are valid (see [form alert](/design-system/components/form-alert/)).
-
-::DocsExample
----
-id: forms-form--default-story
----
-::
-
-### How this component works
-#### Layout
-Use one form column to enable fast field comprehension. Users cannot scan easily if more columns are used.
-
-Group related form components into logical chunks (fieldsets). This helps users understand the information they need to give.
-
-#### Labels
-Each input must have a label.
-
-Use short, descriptive labels. This helps users quickly understand the information needed. It makes the content accessible, as a screen reader will read out these labels.
-
-Put a label above its component (top-aligned). Labels will then be consistently aligned left, with small spaces between inputs. This helps users scan and fill the form.
-
-Placeholder text should not be used as a label.
-
-#### Requirement - optional vs. mandatory
-
-Mark an input as ‘required’ if you do not want the form submission to work unless the user gives that information.
-
-Most fields on a simple form will be required.
-
-Where possible, don’t include a large number of optional fields.
-
-#### Hint text
-Hint text can be used to tell the user what, or how, to successfully complete an input or text field.
-
-For example, hint text can include:
-- an overall description of the input field
-- hints for what kind of information needs to be input
-- specific formatting examples or requirements.
-
-Only use hint text where it’s needed. Don’t repeat the label. Don’t use it just to keep the layout consistent with other fields in the form.
-
-#### Placeholder text
-[See accessibility](/design-system/components/form/#accessibility) (below).
-
-#### Error messages
-All form inputs share error state styling. When creating an error message, it must follow the guidance from the individual form component’s page.
-
-Always have specific error messages for specific errors. Users need to understand why their input or selection was not valid. See the individual form component pages for suggested error messages.
-
-#### Buttons
-Button labels should say what the button will do when a user interacts with it.
-
-Ensure the main action button tells the user when the form is being submitted (see [button loading spinner](/design-system/components/button/#loading-spinner)).
-
-To avoid confusing users about how to submit the form, use only one main action button. Do not use a reset button.
-
-#### Validation
-Form alert is used to tell the user the outcome of the form validation.
-
-If the form has been submitted successfully, the success alert will replace the form.
-
-If the form has errors, the error alert will be placed at the top of the form, with an error summary and anchor links to all inputs that returned errors and require user actions.
-
-#### Accessibility
-All fields need a visible, accessible label. (Search fields are sometimes an exception to this.)
-
-On devices such as mobiles, display the keyboard required for the input. For example, a number keyboard for a date input.
-
-Never disable a submit button. Allow the user to submit the form and then display the error message. Use form alert to display the validation outcome.
-
-Avoid using placeholder text where possible. It disappears when a user starts typing. Not all screen readers will read out placeholder text. Its colour often lacks the contrast needed for accessible content when using some browser default styling.
-
-If placeholder text can’t be avoided, don’t use it to replace a label or hint text. Don’t use it to show an example or to include any critical information.
-
-Use autocomplete to reduce typing for users.
-
-### When and how to use
-- Keep to one column.
-- Use top-align labels.
-- Always mark form fields as ‘required’ or ‘optional’.
-- Make calls to action descriptive - state the intent of the action.
-- Write short, clear headings and form input labels.
-- Use hint text (instead of labels) to explain any specifications.
-- Use field length input constraints - for fields with a defined character count like phone numbers and postcodes.
-- Write clear error messages inline, in error summaries and in form alerts by specifying what went wrong, where and how to fix them.
-
-### When and how not to use
-- Don’t create a form without a submit button.
-- Don't use an input or control without a form label.
-- Avoid using all caps.
-
----
-
-## Theming
-Forms use colour for:
-- interactive states
-- icons.
-
-A form component in an active state will adopt the same colour as the overall site’s focus state colour. This means a user’s experience of that form and its components remains consistent while it transitions from a focus to an active state.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: forms-form--default-story
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
-
----
-
-## Rationale
-The active and focus states both use the site’s focus state colour. This creates a seamless user experience. If we used a different colour, keyboard users would have colour changes between focusing on and interacting with an input field. This could be jarring or confusing to users.
-
-This occurs across all form and input elements, for a consistent experience.
diff --git a/docs/content/design-system/5.components/header.md b/docs/content/design-system/5.components/header.md
deleted file mode 100644
index 9c5584ec29..0000000000
--- a/docs/content/design-system/5.components/header.md
+++ /dev/null
@@ -1,166 +0,0 @@
----
-title: Header
-description: The Header component introduces the purpose and content of a page.
-layout: page
-label: Core
----
-
-## Usage
-
-Use headers to inform the user of what is on the page. The header must be placed at the top of a page above the main body content and styled as an H1-level heading.
-
-Headers include optional content such as introduction text, journey links, a call to action and an introduction banner.
-
-Headers should feature a primary message and/or call to action. They can be accompanied by supporting content such as images or corner graphics.
-
-The header can also support a campaign logo if required. This will display above the page title.
-
-::DocsExample
----
-id: core-containers-header--default-journey-links
----
-::
-
-### When and how to use
-- Keep the header simple and concise.
-- Use clear calls to action that align with the message or task.
-- Only use images that add value to the content and support the message.
-- Include with featured links and buttons to help users perform key tasks.
-- Include an optional campaign logo.
-
-### When and how not to use
-- Don’t use a mix of reverse and default page title and introduction text styling.
-- Don’t include the same links in the main and introduction banners.
-- Don’t use with more than 6 journey links.
-- Don’t overload with content.
-
----
-
-## Variants
-
-The header has 3 variants:
-
-- default
-- reverse
-- image.
-
-The default and reverse variants can be used with journey links or a call to action. These guide users to perform tasks or navigate to related information.
-
-They can display corner images to enhance brand recognition and visual prominence. They can also display a supporting campaign logo if required.
-
-The image variant displays a full background image with reverse blocked text. It only supports a page title and introduction text.
-
-All variants can be used with the introduction banner.
-
-### Default
-
-::DocsExample
----
-id: core-containers-header--default-story
----
-::
-
-::DocsExample
----
-id: core-containers-header--default-call-to-action
----
-::
-
-### Reverse
-
-The reverse variant uses reversed blocked type for the title and introduction text. This adds visual prominence to the banner and its information.
-
-::DocsExample
----
-id: core-containers-header--reverse-journey-links
----
-::
-
-::DocsExample
----
-id: core-containers-header--reverse-call-to-action
----
-::
-
-### Image
-
-An image can be added as a full background image. The title and introduction copy will always display as the reversed blocked type.
-
-Images should not be stretched or too low in resolution. They should also not be complex or include text.
-
-::DocsExample
----
-id: core-containers-header--image-reverse
----
-::
-
-### Introduction banner
-
-The introduction banner:
-- can be used to add content and journey links under the page title and introduction section in the main header banner
-- has an optional icon and journey links
-- should contain content relating to the content in the main header.
-
-::DocsExample
----
-id: core-containers-header--intro-with-links
----
-::
-
----
-
-## Interaction with other components
-
-When using a featured campaign banner with an image, the image can overlap the header, depending on the amount of content. By default, this will hide the header's bottom corner shape.
-
-The bottom corner shape won't hide if an introduction banner is between the header and campaign banner.
-
-::DocsImageExample
----
-src: /assets/img/campaign-banner-behaviour.png
-alt: 'A demonstration of the interaction between the Header component and the campaign banner, the campaign banner image slightly overlaps the header.'
----
-::
-
----
-
-## Theming
-
-Headers can be themed in 2 ways:
-
-- site colour palette
-- neutral colour palette.
-
-It will also adopt theming from the button component when displaying the call to action.
-
-If you choose neutral button for your site, the header will display buttons in the neutral theme.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-containers-header--default-call-to-action
- ---
- ::
- ::DocsExample
- ---
- id: core-containers-header--reverse-journey-links
- ---
- ::
- ::DocsExample
- ---
- id: core-containers-header--intro-with-links
- ---
- ::
-::
-
-### Neutral theme
-
-Implemented at a site level, headers can have a neutral theme option. This option is only applicable to the reverse blocked type. Neutral headers have predefined neutral colour values that must be used and cannot be edited or customised.
-
-::DocsExample
----
-id: core-containers-header--image-neutral
----
-::
-
-To create your own theme see [theming guidance for designers](https://www.vic.gov.au) or [theming guidance for developers](https://www.vic.gov.au).
diff --git a/docs/content/design-system/5.components/in-page-navigation.md b/docs/content/design-system/5.components/in-page-navigation.md
deleted file mode 100644
index 771ce0e77e..0000000000
--- a/docs/content/design-system/5.components/in-page-navigation.md
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: In-page navigation
-description: The In-page navigation component sits above a page’s main content and shows a set of links.
-layout: page
-label: Core
----
-
-## Usage
-
-Use in-page navigation to make scanning and navigating within a single page quicker for users. This component shows links to headings that are on the current page. It sits at the top of the page.
-
-Use in-page navigation for longer content pages. It acts as a table of contents, providing users with a summary and quick navigation across the page.
-
-The left-hand highlight bar:
-
-- separates the component from the page content
-- groups the navigation.
-
-::DocsExample
----
-id: core-navigation-in-page-navigation
----
-::
-
-### When and how to use
-- In-page Navigation is ideal for pages with a lot of content. This will help users find their relevant content.
-- Use headings throughout your content, such as headings level 2 (H2) and 3 (H3). You can use these as navigation links at the start of the page, like a table of contents.
-- Use subheadings as indented navigation links from the page.
-
-### When and how not to use
-- Don't link to other pages, including on external sites.
-- Never use colons in the heading.
-- Don't use it if you have less than 2 navigation links.
-- Don't use it with component headings, such as accordion item headings.
-
----
-
-## Theming
-
-Ripple’s theming applies colour to in-page navigation so that the user understands:
-- its links and navigation heading relate to each other
-- they are deliberately separated from the main content.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-in-page-navigation
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers](https://www.vic.gov.au) or [theming guidance for developers](https://www.vic.gov.au).
diff --git a/docs/content/design-system/5.components/input-field.md b/docs/content/design-system/5.components/input-field.md
deleted file mode 100644
index 79c225b080..0000000000
--- a/docs/content/design-system/5.components/input-field.md
+++ /dev/null
@@ -1,159 +0,0 @@
----
-title: Input field
-description: The Input field component lets users input a short amount of text.
-layout: page
-label: Core
----
-
-## Usage
-Use input fields to let users enter, select and search for text. They are normally found in a form but can also be part of a modal or search.
-
-Use an input field for users to enter text shorter than a single line.
-
-Input fields can have multiple input types, depending on the need and use case. They have a text input type by default.
-
-Input fields can be used for entering:
-- text: basic text or search terms
-- phone: a telephone number
-- email: an email address
-- passwords: a user's input is obscured with a dot (' • '), asterisk (' * ') or other symbol as they type.
-
-Don’t use an input field if the user’s text needs to be more than one line long: use a text area component instead.
-
-::DocsExample
----
-id: forms-input--default-story
----
-::
-
-### How this component works
-Set the width of the input field to show the amount of information needed from the user. For example, use smaller widths for postcodes than for emails.
-
-You must use a form label with an input field.
-
-You can use an input field with:
-- requirement label
-- hint text
-- placeholder text
-- prefix or suffix text
-- prefix or suffix icon.
-
-#### Avoid placeholder text
-Avoid using placeholder text where possible. It disappears when a user starts typing. Not all screen readers will read out placeholder text. Its colour often lacks the contrast needed for accessible content when using some browser default styling.
-
-If placeholder text can’t be avoided, don’t use it to replace a label or hint text. Don’t use it to show an example or to include any critical information.
-
-#### Hint text
-Hint text can be used to tell the user what, or how, to successfully complete an input field.
-
-For example, hint text can include:
-- an overall description of the input field
-- hints for what kind of information needs to be input
-- specific formatting examples or requirements.
-
-Only use hint text where it’s needed. Don’t repeat the label. Don’t use it just to keep the layout consistent with other fields in the form.
-
-#### Prefix and suffixes
-Use prefixes and suffixes to help users enter things like currencies and measurements.
-
-Prefixes and suffixes help when there’s a commonly understood symbol or abbreviation for the type of information needed.
-
-Don’t rely on prefixes or suffixes alone. Screen readers will not read them out.
-
-If you need a specific type of information, say so in the input label and hint text. For example, ‘Cost, in dollars’ in the input label and ‘$’ in the prefix.
-
-### When and how to use
-- Always use a label for input fields.
-- Use hint text to specify helpful information such as:
- - expected number format, for example ‘Must be 6 to 8 digits long’
- - minimum and maximum number values, for example ‘Minimum of # and maximum of #’.
-- Use the prefix to indicate measurements and categories like currency, for example, '$'.
-- Use the prefix together with hint text to reinforce what the input needs to be, for example 'Cost, in dollars'.
-
-### When and how not to use
-- Never use an input field without a label.
-- Avoid placeholder text because it can cause accessibility issues.
-- Don’t disable copy and paste.
-- Don’t set a minimum or maximum input limit without explicitly saying this in the hint text.
-- Don’t use placeholder text to give instructions.
-- Don’t write ambiguous error messages only stating what's wrong, explain how the user can fix it.
-
----
-
-## Variants
-The input field has 2 variants:
-- default, used on white backgrounds
-- reverse, used on neutral backgrounds.
-
-### Default
-
-::DocsExample
----
-id: forms-input--default-story
----
-::
-
-### Reverse
-
-::DocsExample
----
-id: forms-input--reverse
----
-::
-
-### Error
-All form inputs share error state styling.
-
-Always have specific error messages for specific errors. Users need to understand why their input or selection was not valid.
-
-When creating an error message for an input field, use the wording below.
-
-**Error: empty input**
-- Error message: ‘Enter \[the missing information\]'.
-- Example: 'Enter your name'.
-
-**Error: input is too long**
-- Error message: ‘\[The input\] must be \[number\] characters or less'.
-- Example: 'Delivery address must be 56 characters or less'.
-
-**Error: input is too short**
-- Error message: ‘\[The input\] must be \[number\] characters or more'.
-- Example: 'Previous employer must be 3 characters or more'.
-
-**Error: input is too long or too short**
-- Error message: ‘\[The input\] must be between \[number\] and \[number\] characters'.
-- Example: 'Justification must be between 3 and 56 characters'.
-
-**Error: input uses known characters that aren’t allowed**
-- Error message: ‘\[The input\] must not include \[characters\]'.
-- Example: ‘Reasons must not include + & ~'.
-
-**Error: input uses unknown characters that aren’t allowed**
-- Error message: ‘\[The input\] must only include \[list of allowed characters\]'.
-- Example: ‘Explanations must only include letters, numbers and commas'.
-
----
-
-## Theming
-Input field uses colour for:
-- interactive states
-- icons.
-
-An input field in an active state will adopt the same colour as the overall site’s focus state colour. This means a user’s experience of an input field remains consistent while it transitions from a focus to an active state.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: forms-input--default-story
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
-
----
-
-## Rationale
-The active and focus states both use the site’s focus state colour. This creates a seamless user experience. If we used a different colour, keyboard users would have colour changes between focusing on and interacting with an input field. This could be jarring or confusing to users.
-
-This occurs across all form and input elements, for a consistent experience.
diff --git a/docs/content/design-system/5.components/key-dates.md b/docs/content/design-system/5.components/key-dates.md
deleted file mode 100644
index 91172097da..0000000000
--- a/docs/content/design-system/5.components/key-dates.md
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: Key dates
-description: The Key dates component shows users a card promoting key dates or events.
-layout: page
-label: Core
----
-
-## Usage
-
-Use key dates to provide a card with brief summaries of up to 2 events or key dates with a call to action.
-
-::DocsExample
----
-id: core-navigation-card--key-dates
----
-::
-
-### When and how to use
-
-- Use only on landing pages.
-- Include in a grid of promo cards.
-- Only use once per page.
-- Use clear and concise content.
-- Only use as the last card in the grid.
-- Include a summary.
-
-### When and how not to use
-
-- Don’t use with navigation cards.
-- Don’t use the key dates card by itself.
-- Don’t overload with content.
-- Don’t use with other interactive elements like links.
-- Don’t use it to replace a call to action.
-
----
-
-## Theming
-
-The key date card uses colour to:
-
-- add visual prominence to key information
-- indicate an interaction to users.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-card--key-dates
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers](https://www.vic.gov.au) or [theming guidance for developers](https://www.vic.gov.au).
diff --git a/docs/content/design-system/5.components/media-embed.md b/docs/content/design-system/5.components/media-embed.md
deleted file mode 100644
index 706951700b..0000000000
--- a/docs/content/design-system/5.components/media-embed.md
+++ /dev/null
@@ -1,157 +0,0 @@
----
-title: Media embed
-description: The Media embed component shows an image or video within the page content, with optional text to give context.
-layout: page
-label: Core
----
-
-## Usage
-
-Use media embed to add visual elements including images, videos, graphs, infographics, maps and charts to your page content.
-
-Use the optional text to combine the visual element with text, so that the user understands the visual element’s context. Optional text should always be used for complex media like graphs and charts with supporting data.
-
-Media can be an image or video. Images can display as small, medium or large.
-
-When using the complex media variant, media displays at either a max width or height. This ensures it always displays the full image.
-
-See [media](/design-system/components/media) for information relating to file type, ratios and focal point.
-
-::DocsExample
----
-id: core-containers-media-embed--image-landscape
----
-::
-
-### When and how to use
-- Use it with videos, images or complex images.
-- Add data when using the complex image variant.
-- Ensure the media is the right size so that it displays without error.
-- Only add it to the content section of a page.
-- Add an optional image caption and metadata.
-- Always include alt text.
-
-### When and how not to use
-- Don't include media unrelated to the page.
-- Avoid adding interactive elements, like links, to the caption or metadata sections.
-- Never use a video without closed captions and a transcript.
-
----
-
-## Variants
-
-Media embed has 3 variants:
-- image
-- video
-- complex media.
-
-Depending on the variant used, you can display:
-- a caption
-- metadata
-- a transcript link
-- accompanying data.
-
-### Image
-
-The image variant has 4 display options:
-
-- landscape / 16:9 ratio
-- portrait / 3:4 ratio
-- square / 1:1 ratio
-- avatar / circle.
-
-You can display portrait, landscape and square as small, medium or large. Avatar only displays in small or medium.
-
-The media gets cropped to fill the selected ratio. Make sure the media's focal point is best placed to accurately represent the media item.
-
-#### Landscape
-
-::DocsExample
----
-id: core-containers-media-embed--image-landscape
----
-::
-
-#### Portrait
-
-::DocsExample
----
-id: core-containers-media-embed--image-portrait
----
-::
-
-#### Square
-
-::DocsExample
----
-id: core-containers-media-embed--image-square
----
-::
-
-#### Avatar
-
-::DocsExample
----
-id: core-containers-media-embed--image-avatar
----
-::
-
-### Video
-
-Videos will always display at a 16:9 ratio.
-
-A 'view transcript' link displays by default. Videos must have both closed captions and a transcript.
-
-Include a supporting caption to give extra context to the user.
-
-::DocsExample
----
-id: core-containers-media-embed--video
----
-::
-
-### Complex media
-
-Complex media items contain detail. They include:
-
-- infographics
-- graphs
-- flowchart
-- maps.
-
-You can support media by including:
-
-- optional supporting data such as content or tables
-- a view fullscreen link
-- a download media link.
-
-Optional supporting data displays in a dropdown list. Use the type of content that will best communicate your supporting data to the user. For example, some information is conveyed better by a table, rather than plain text.
-
-Complex media will always display the full image. The media item will display at a predefined max height or width.
-
-When the media is fullscreen, it displays in the media fullscreen component.
-
-::DocsExample
----
-id: core-containers-media-embed--complex-image
----
-::
-
----
-
-## Theming
-
-Media embed uses colour for:
-
-- icons
-- interactive states.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-containers-media-embed--complex-image
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
diff --git a/docs/content/design-system/5.components/media-fullscreen.md b/docs/content/design-system/5.components/media-fullscreen.md
deleted file mode 100644
index c7c57c1c96..0000000000
--- a/docs/content/design-system/5.components/media-fullscreen.md
+++ /dev/null
@@ -1,53 +0,0 @@
----
-title: Media fullscreen
-description: The Media fullscreen component is an icon, with text instructions, beneath your media items for users to interact with so they can view one or more related media items in fullscreen.
-layout: page
-label: Core
----
-
-## Usage
-
-Use media fullscreen to give users the option to toggle a fullscreen view of some media items. Media fullscreen can display media and content from your page’s media embed and media gallery components. It always displays the full media item, regardless of its ratio. The item fills the width or height of the available area.
-
-Fullscreen view includes the media item's title and caption.
-
-Media fullscreen takes over the viewport completely. A transparent background helps users to know they are still on the page. When a user closes fullscreen view, they return to that same item in the gallery.
-
-See [media](/design-system/components/media) for information relating to file type, ratios and focal point.
-
-::DocsExample
----
-id: core-containers-media-gallery--default-story
----
-::
-
-### When and how to use
-
-- Always display the media item max height or width of the content area.
-- Always include a title for the media item.
-- Always include alt text.
-- Display the media title and caption if used in the base component.
-- Use when you need to display a media item fullscreen.
-
-### When and how not to use
-
-- Don't use with items that aren't media.
-- Don't use with a completely opaque background.
-- Don't use pagination for one media item only.
-- Don't crop or hide the media item.
-
----
-
-## Theming
-
-Media fullscreen adopts its theming from the pagination component.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-containers-media-gallery--default-story
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
diff --git a/docs/content/design-system/5.components/media-gallery.md b/docs/content/design-system/5.components/media-gallery.md
deleted file mode 100644
index 55892c0848..0000000000
--- a/docs/content/design-system/5.components/media-gallery.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: Media gallery
-description: The Media gallery component is a series of images users can side-scroll through.
-layout: page
-label: Core
----
-
-## Usage
-
-Use a media gallery to collate a series of related images into a gallery. Media gallery allows users to scroll through related images. It's best used for displaying images.
-
-Media gallery combines images and text to give users context within the content.
-
-Media items inside a media gallery will display as either landscape or portrait, at predefined ratios.
-
-See [media](/design-system/components/media) for information relating to file type, ratios and focal point.
-
-::DocsExample
----
-id: core-containers-media-gallery--default-story
----
-::
-
-### When and how to use
-- Include related images only.
-- Use at least 2 images.
-- Always use a media title.
-- Include an optional caption to help users understand images' context and relevance to the page content.
-- Use on any page type.
-
-### When and how not to use
-- Don't use for decorative purposes.
-- Don't use sensory images.
-- Don't use for a single image, instead use the media embed component.
-- Don't use with media unrelated to page content.
-
----
-
-## Theming
-
-Media embed uses colour for:
-
-- icons
-- indicating an interaction to users
-- interactive states.
-
-It also adopts its theming from the pagination component.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-containers-media-gallery--default-story
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers](https://www.vic.gov.au) or [theming guidance for developers](https://www.vic.gov.au).
diff --git a/docs/content/design-system/5.components/media.md b/docs/content/design-system/5.components/media.md
deleted file mode 100644
index d82979a967..0000000000
--- a/docs/content/design-system/5.components/media.md
+++ /dev/null
@@ -1,129 +0,0 @@
----
-title: Media
-description: The Media component is a container that houses media items to use in other components on a page.
-layout: page
-label: Core
----
-
-## Usage
-
-Use media to communicate and differentiate specific information through visuals.
-
-Media items sit within other components such as cards, or a media gallery.
-
-Use images if they help users complete a task. Images can make it easier for some people to understand information.
-
-Use media to combine visual elements with text. This gives your content context and alignment.
-
-::DocsExample
----
-id: core-containers-image--image
----
-::
-
-### When and how to use
-- Always get copyright for all media used.
-- Nest media in other components.
-- Choose diverse images that reflect and support the diversity of Victoria.
-- Only media that's relevant to the content.
-- Always include alt text for each media item.
-- Use appropriate resolution for the content.
-- Always include a transcription for all audio content.
-
-### When and how not to use
-- Don't use a media item without alt text.
-- Don't use video content without captions.
-- Don't crop an image without a clear focal point.
-
----
-
-## Variants
-
-The ratios you can use for media include:
-
-- 1:1
-- 4:3
-- 16:9
-- 21:9
-- 3:1
-- avatar (circle).
-
-### Copyright requirements
-
-You must get permission (a licence) to use copyright material. This includes images and text.
-
-Some images are available under an open access licence, such as [Creative Commons](https://au.creativecommons.net/). Alt text is also licensed under copyright.
-
-### File resolution
-
-Image resolution must be appropriate for the content.
-
-Don’t embed images with a large file size into content that you will publish online, such as PDFs or webpages. Optimise and compress all image files so they make it quicker for the user to access the information.
-
-Design for mobile devices first. An image will scale to the device people view it on. Check that it’s easy to read on a mobile phone screen and a desktop before you publish it.
-
-### Focal point
-
-Always ensure that images work on all screen sizes. Select the focal point of the image to best position images in any area.
-
-Consider cropping smaller images more to keep the impact of the original image.
-
-### Media types
-
-Multiple types of media can are supported and used to add meaning to content. These include:
-
-- photographs
-- decorative images
-- charts
-- graphs
-- maps
-- illustrations or drawings
-- icons
-- video
-- audio.
-
-Make sure you use the correct media type for the content it is supporting.
-
-### File types
-
-There are many image file types. Seek specialist advice to optimise an image file as a vector or raster file format.
-
-The following file types are recommended:
-- photographs
- - jpeg
- - png
-- icons
- - svg
- - png
-- charts/graphs
- - svg
- - png
-- video
- - mp4
-- audio
- - wav.
-
-### Alternative text
-
-All images, except purely decorative images, need a text alternative (alt text). Without this, your page will not address [WCAG 2.0 Criterion 1.1.1](https://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html) or conform with WCAG 2.0 or 2.1 AA standards. WCAG 2.0 AA standards are the minimum accessibility standards for all Victorian Government communications under the [Brand Victoria guidelines](https://www.vic.gov.au/brand-victoria-guidelines-logos).
-
-The [Web Accessibility initiative alt decision tree](https://www.w3.org/WAI/tutorials/images/decision-tree/) also guides you on whether your image needs alt text or not.
-
-For purely descriptive images, the alt text attribute instead reads: alt=””.
-
-#### What alt text does
-
-Alt text gives users who use screen readers (or devices that are not loading, or displaying, images) the information an image is meant to convey because:
-- a screen reader can read the alt text aloud
-- alt text is shown in the place of ‘broken’ or unloaded images on the page.
-
-
-#### How to write alt text
-
-Alt text must serve the equivalent purpose of the image itself, by:
-- being short but specific (for example, ‘a Harry Potter novel’ rather than ‘a novel’)
-- explaining the image’s function in the context of the page or content section (for example, ‘Search’ rather than ‘Magnifying glass’)
-- using normal punctuation that helps users understand the text
-- including the image text in the alt text (for images with text).
-
-For more guidance on writing alt text, refer to [Alt text, captions and titles for images](https://www.stylemanual.gov.au/content-types/images/alt-text-captions-and-titles-images) in the Australian Government Style Manual.
diff --git a/docs/content/design-system/5.components/option-button.md b/docs/content/design-system/5.components/option-button.md
deleted file mode 100644
index 2500aef636..0000000000
--- a/docs/content/design-system/5.components/option-button.md
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: Option button
-description: The Option button component is a set of buttons to help users filter content.
-layout: page
-label: Core
----
-
-## Usage
-
-Use option buttons to show a set of options a user can choose from to filter content or results.
-
-The option button component contains labels showing a user how the filter will work.
-
-::DocsExample
----
-id: forms-option-buttons--squares
----
-::
-
-### How this component works
-
-You must use a form label with option buttons. The form label explains what happens when a user chooses an option. For example, ‘Filter by starting letter’.
-
-Always use descriptive labels for individual option buttons. Labels should help users choose, and say the category of content or results each option will show. This makes the content accessible, as screen readers will read out each label.
-
-Never preselect an option button on default. Users might miss that a filter has been automatically applied.
-
-### When and how to use
-
-- Help users filter content or results.
-- Use short labels only.
-- Order labels in alphabetical order to help users scan quickly.
-- Add an ‘apply filter’ button if the option button will be used together with other form elements.
-
-### When and how not to use
-
-- Don’t use for a call to action.
-- Don’t use with long content.
-- Never use without a form label.
-- Never preselect an individual option button.
-
----
-
-## Variants
-
-Option buttons have 2 variants:
-
-- default
-- custom.
-
-### Default
-
-Default uses the alphabet as a filter in the option buttons.
-
-::DocsExample
----
-id: forms-option-buttons--squares
----
-::
-
-### Custom
-
-The custom variant lets you create your own button labels as a filter.
-
-These labels must clearly tell the user what filter will be applied.
-
-::DocsExample
----
-id: forms-option-buttons--fluid-widths
----
-::
-
----
-
-## Theming
-
-Option buttons use colour to show interactive states. An option button in an active state will adopt the same colour as the overall site’s focus state colour. This means a user’s experience of that option button remains consistent while it transitions from a focus to an active state.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: forms-option-buttons--squares
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
-
----
-
-## Rationale
-
-The active and focus states both use the site’s focus state colour. This creates a seamless user experience. If we used a different colour, keyboard users would have colour changes between focusing on and interacting with an input field. This could be jarring or confusing to users.
-
-This occurs across all form and input elements, for a consistent experience.
diff --git a/docs/content/design-system/5.components/page-action.md b/docs/content/design-system/5.components/page-action.md
deleted file mode 100644
index 0f9f9f1a6a..0000000000
--- a/docs/content/design-system/5.components/page-action.md
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: Page action
-description: The Page action component presents a collection of links that offer users a choice of actions, such as printing or downloading a document.
-layout: page
-label: Core
----
-
-## Usage
-
-Use the Page action component to let users print or download pages and content.
-
-Page action presents as a collection of links giving users a choice of actions at a page level. This includes printing or downloading a document.
-
-The component displays a combination of page-level actions.
-
-- Print page: prints the page a user is on.
-- Print full document: prints all pages in a publication or document, not only the page the user is on.
-- Download document: downloads a copy of the content that the page editor uploaded. You can add more than one document to the page action component. The documents should only be what's already on the page. Don't add new or extra content.
-
-Never use page actions for anything other than the above. Don't use it for links.
-
-The print action prints the full document (section), not just the page the user is on. The document action downloads a document that has been uploaded in the content management system.
-
-::DocsExample
----
-id: core-containers-page-action--default-story
----
-::
-
-### When and how to use
-
-- Only use in a page's sidebar section.
-- Use as the first component in the sidebar, above the vertical navigation.
-- Use with or without one or more documents.
-- Include metadata with uploaded documents.
-
-### When and how not to use
-
-- Don't use:
- - in the content area of a page
- - with a document that has content different to the page's content
- - for any other user actions.
-
----
-
-## Theming
-
-Page action uses colour for:
-
-- icons, to indicate a possible action to users
-- interactive states.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-containers-page-action--default-story
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers](https://www.vic.gov.au) or [theming guidance for developers](https://www.vic.gov.au).
diff --git a/docs/content/design-system/5.components/pagination.md b/docs/content/design-system/5.components/pagination.md
deleted file mode 100644
index 29451664bb..0000000000
--- a/docs/content/design-system/5.components/pagination.md
+++ /dev/null
@@ -1,150 +0,0 @@
----
-title: Pagination
-description: The Pagination component divides your content across more than one page into smaller lists to help users navigate forward and backwards.
-layout: page
-label: Core
----
-
-## Usage
-
-Use pagination to help users navigate forwards and backwards through your content.
-
-Pagination breaks down content, making it more concise and less overwhelming. It does this by dividing your content across more than one page and into smaller lists. This makes it easier for users to find what they need.
-
-Examples include:
-
-- search results or guidance divided into multiple website pages
-- a collection of cards or media items.
-
-Pagination helps users to identify:
-
-- how many pages or items they can navigate through
-- where the page or item they are viewing sits in the order of other pages or items
-- how they can immediately navigate to other pages or items.
-
-Pagination sits at the bottom of each page. It's a quick and easy way for users to move between each page.
-
-Use pagination if your list has 10 or more results.
-
-Pagination identifies the page each result sits on. This makes it convenient for users to find again.
-
-::DocsExample
----
-id: core-navigation-page-links--page-links
----
-::
-
-### When and how to use
-
-- Stack standard pagination variant links vertically.
-- Only use standard and complex variants at the bottom of the body content area.
-- Use the simple variant nested in components, for example, the [media gallery](/design-system/components/media-gallery) or [carousel](/design-system/components/carousel).
-- Use ellipses to replace any skipped pages.
-- Use pagination to avoid an infinite scroll of results, which can be a problem for keyboard users.
-
-### When and how not to use
-
-- Don't use pagination for one page only.
-- Only choose one pagination variant, never mix or combine them.
-- Always put the user first, so don't break up content if it reduces usability or performance.
-- Don’t use for linear user journeys such as form completion.
-
----
-
-## Variants
-
-Pagination has 3 main variants:
-
-- simple, for a small number of items or used in other components
-- standard, to navigate through a small number of pages
-- complex, when there is a large number of pages to navigate through.
-
-### Simple
-
-The simple variant is for navigating through a small number of items. Use it to nest pagination in other components, like media gallery, media fullscreen and carousel.
-
-::DocsExample
----
-id: core-navigation-pagination--simple-tally
----
-::
-
-### Standard
-
-The standard variant is for navigating through a small number of pages. It has 2 options for label display:
-
-- page titles.
-- page numbers.
-
-You can use page titles to give more context.
-
-When stacking the links, do it vertically. This helps screen magnifier users when they have zoomed in to better read the content.
-
-Never show the previous page link on the first page because it will confuse the user. The same goes for the next page link on the final page.
-
-#### Page Title
-
-::DocsExample
----
-id: core-navigation-page-links--page-links
----
-::
-
-#### Page Number
-
-::DocsExample
----
-id: core-navigation-page-links--example-count
----
-::
-
-### Complex
-
-The complex variant lets users navigate through a large number of pages. It's ideal for a long list of search results.
-
-The user can interact with the next and back controls to move forward and backward through the pages. The user can navigate straight to a page by selecting its specific page number.
-
-There are 3 pages that should always remain highlighted:
-
-- The first page.
-- The current page.
-- The last page.
-
-Never show the previous page link on the first page because it will confuse the user. The same goes for the next page link on the final page.
-
-Display page numbers for the:
-
-- current page on all screen sizes
-- previous and next pages on smaller screen sizes
-- page immediately before and after the current page on larger screen sizes
-- first and final pages on all screen sizes.
-
-::DocsExample
----
-id: core-navigation-pagination--complex
----
-::
-
----
-
-## Theming
-
-Pagination uses colour for:
-
-- icons
-- interactive states
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-page-links--page-links
- ---
- ::
- ::DocsExample
- ---
- id: core-navigation-pagination--complex
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers]() or [theming guidance for developers]().
diff --git a/docs/content/design-system/5.components/primary-navigation.md b/docs/content/design-system/5.components/primary-navigation.md
deleted file mode 100644
index fdb965e0ae..0000000000
--- a/docs/content/design-system/5.components/primary-navigation.md
+++ /dev/null
@@ -1,124 +0,0 @@
----
-title: Primary navigation
-description: The Primary navigation component appears as a menu sitting at the top of the page and contains links to site’s content pages.
-layout: page
-label: Core
----
-
-## Usage
-
-Use primary navigation to help users get to where they need to go. It shows links to key areas of the website and guides users to the content they are looking for. The main way users journey through your site should be through primary navigation.
-
-Use primary navigation to let users identify where they are. It helps users know their current page location within the overall site.
-
-The primary navigation contains:
-- a site logo
-- navigation links
-- optional search link.
-
-The navigation and search links expand to either a fullscreen menu or search bar.
-
-The primary navigation always sits at the top of the page. It displays above all page content and components.
-
-::DocsExample
----
-id: core-navigation-primary-nav--default-story
----
-::
-
-### How this component works
-#### Logo
-The logo lets users instantly recognise which organisation or entity owns the current page. When users interact with the logo, it should direct them to the site’s homepage.
-
-Within the primary navigation component, the logo is centred vertically.
-
-#### Co-branding logos
-Primary navigation allows for co-branding when required. The maximum size a co-branded logo can appear is 40h x 140w pixels.
-
-See [logo](/design-system/styles/logo) for guidance and requirements including co-branding.
-
-#### Navigation links
-The primary navigation displays the top level of the site’s information architecture (IA). When the link has child pages, a chevron (a v-shaped arrow icon) displays next to the top page name. When clicked, this opens the mega menu and displays the child pages.
-
-When there are no child pages, there is no chevron and it takes users to the page.
-
-#### Mega menu
-The mega menu gives users access to pages deeper in the site. Use it if your site or service has more than one level of navigation. If a mega menu item has a chevron, users can expand it to display its child pages.
-
-#### Search menu
-The menu can display a search bar to provide users the option to perform a site search.
-
-#### Smaller devices
-The primary navigation adapts to small devices. The breakpoint for displaying the collapsed menu is 992px.
-
-On smaller devices primary navigation shows as a dropdown showing only one labelled menu item. It contains more levels of navigation options, which remain hidden until the single dropdown is interacted with and opens.
-
-To aim to conform with [WCAG2.0 Criterion 1.1.1](https://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv.html), and for increased consistency across screens sizes, the primary navigation:
-- uses the menu label and a chevron
-- doesn't use the 3 bar, or 'hamburger', menu icon.
-
-> 1.1.1 Non-text Content: All non-text content that is presented to the user has a text alternative that serves the equivalent purpose.
-
-#### Responsive behaviour
-Primary navigation supports only a small number of items. This is because it is a horizontal list.
-
-Take this into account when defining your site's IA.
-
-A maximum number of links can display before the navigation bar will respond to the collapsed menu display.
-
-When used with a single logo:
-- 992-1199px breakpoint can display 6 links (including search)
-- 1200+ breakpoint can display 7 links (including search).
-
-When used with a co-branded logo:
-- 992-1199px breakpoint can display 5 links (including search)
-- 1200+ breakpoint can display 6 links (including search).
-
-When using the collapsed menu in the navigation bar, the mega menu will also display the mobile (collapsed) version.
-
-#### Scroll behaviour
-The primary navigation has show and hide behaviour on user scroll.
-- Scroll down: the primary navigation hides from view.
-- Scroll up: the primary navigation shows at the top of the viewport.
-
-#### Interaction with other components
-When a site has a quick exit button (a button component that uses the destructive variant), it sits underneath the primary navigation. If the user opens the mega menu or search menu, the quick exit button moves inside the menu container. So the quick exit action will always be available to users.
-
----
-
-### When and how to use
-- Use across all pages of your site.
-- Use descriptive, recognisable link labels.
-- Display links in priority order: move from left (for most-used links) to right (for least-used links).
-- Base your navigation's structure on user research.
-- Structure navigation to prioritise tasks and information your research says users need the most.
-- Use with optional user action, such as login, if required.
-
-### When and how not to use
-- Don’t label links with jargon or unfamiliar terms.
-- Don't use more than 150 characters per menu item.
-- Hover should never be used to expand dropdown lists as it is not reliably accessible or responsive.
-- An organisational structure should not be used as a navigation stucture.
----
-
-## Theming
-Primary navigation uses colour for:
-- visual prominence and brand recognition
-- interactive states.
-
-Primary navigation also adopts its theming from the search bar component.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-primary-nav--default-story
- ---
- ::
-::
-
----
-
-## Accessibility
-To aim to conform with [WCAG2.2 Criterion 2.5.8](https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum), the primary navigation bar uses the space either side of menu items. This allows for increased touch targets and the use of the block focus state styling.
-
-> 2.5.8 Target Size (Minimum) The size of the [target](https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum#dfn-target) for [pointer inputs](https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum#dfn-pointer-input) is at least 24 by 24 [CSS pixels](https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum#dfn-css-pixel),
diff --git a/docs/content/design-system/5.components/profile.md b/docs/content/design-system/5.components/profile.md
deleted file mode 100644
index 0fe9ed6cc4..0000000000
--- a/docs/content/design-system/5.components/profile.md
+++ /dev/null
@@ -1,44 +0,0 @@
----
-title: Profile
-description: The Profile component shows an avatar (image) on your page, with supporting text to display key information.
-layout: page
-label: Core
----
-
-## Usage
-
-Use profile to highlight key information to users by showing an avatar image with summary content. This highlights key information to users.
-
-Each row of content includes a:
-
-- label
-- summary.
-
-It's used to display key information, including:
-
-- name
-- date
-- category.
-
-Only use the profile component for displaying simple information. For data or complex information, consider using a table.
-
-::DocsExample
----
-id: core-containers-profile--default-story
----
-::
-
-### When and how to use
-
-- Keep label as short as possible (under 2 words, like a name).
-- Keep all content clear and concise.
-- Display at the top of profile pages.
-- Always add alt text to the image.
-- Only use an image that's relevant to the summary.
-
-### When and how not to use
-
-- Never use a label that doesn't match the summary.
-- Don't use unimportant, complex or longform content.
-- Don't include punctuation.
-- Never use full URLs in the label or summary.
diff --git a/docs/content/design-system/5.components/radio-button.md b/docs/content/design-system/5.components/radio-button.md
deleted file mode 100644
index 94991e7b44..0000000000
--- a/docs/content/design-system/5.components/radio-button.md
+++ /dev/null
@@ -1,120 +0,0 @@
----
-title: Radio button
-description: The Radio button component shows a list of options, with a radio (round) button to the left of each option’s description.
-layout: page
-label: Core
----
-
-## Usage
-
-Use radio buttons to let users select one option from a list.
-
-They help users make a single selection from a list of available items.
-
-Never use radio buttons if a user may select multiple options. Use a checkbox component instead.
-
-::DocsExample
----
-id: forms-radio-group--default-variant
----
-::
-
-### How this component works
-
-Use radio buttons with:
-- form label
-- radio label
-- optional requirement label
-- optional hint text.
-
-Radio buttons should always have a form and radio label.
-
-Always use a descriptive label for groups of radio buttons. The label should say what the options represent and should help the user to choose one. Doing so ensures good accessibility, as screen readers read each option's label.
-
-Not all users will know the visual difference between a radio button and a checkbox. You could add extra instructions to guide then, like 'select one option’.
-
-### When and how to use
-- Use if only one options needs selecting from a list.
-- Use the reverse variant on grey backgrounds.
-- Always write clear and concise radio label descriptions.
-- Ensure you list options in a logical and unbiased manner.
-- If unsure about the list order, place from most common, to least common.
-- Use hints to tell users they can only select one option.
-- Always put the radio button on the left side of its label description to allow users, particularly those using screen magnifiers, to find labels.
-
-### When and how not to use
-- Don't use for lists with more than one possible option. Use checkboxes for these.
-- Don't use a radio group with an horizontal alignment for displaying more than 2 options.
-- Don't list all possible options. Add an option for 'other'.
-
----
-
-## Variants
-
-Radio buttons have 2 variants:
-- default, used on white backgrounds
-- reverse, used on neutral backgrounds.
-
-### Default
-
-::DocsExample
----
-id: forms-radio-group--default-variant
----
-::
-
-### Reverse
-
-::DocsExample
----
-id: forms-radio-group--reverse-variant
----
-::
-
-### Error
-
-All form inputs share error state styling. Always have specific error messages for specific errors. Users need to understand why their input or selection was not valid.
-
-When creating an error message for radio buttons, use the wording below.
-
-**Error: invalid response to a yes/no question**
-
-Structure this message to help the user understand why they would say yes.
-- Error message: ‘Select yes if \[the information is true\]’.
-- Example: 'Select yes if you drive a car'.
-
-**Error: invalid response to a choice (other than yes/no) from 2 options**
-
-Structure this message to help the user choose the option that applies to them.
-- Error message: ‘Select if \[the choice you are asking the user to make\].'
-- Example: ‘Select if you drive a car or truck’.
-
-**Error: invalid response to a choice from 3 or more options**
-
-Structure this message to help the user to choose a single option from 3 or more options.
-- Error message: ‘Select the \[singular piece of information you are seeking from the user\].'
-- Example: ‘Select the day of the week you drive the most.'
-
-::DocsExample
----
-id: forms-radio-group--default-variant
----
-::
-
----
-
-## Theming
-
-Radio buttons use colour for interactive states.
-
-A radio button component in an active state will adopt the same colour as the overall site’s focus state colour. This means a user’s experience of that radio button remains consistent while it transitions from a focus to an active state.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: forms-radio-group--default-variant
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
diff --git a/docs/content/design-system/5.components/related-links.md b/docs/content/design-system/5.components/related-links.md
deleted file mode 100644
index 073d3a05f1..0000000000
--- a/docs/content/design-system/5.components/related-links.md
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: Related links
-description: The Related links component is a list of links to help users discover related content.
-layout: page
-label: Core
----
-
-## Usage
-
-Use related links to present a user with a list of links. They can use these to explore content related to the current page or context, or to the next best action.
-
-Use if you’re presenting the user with related information or actions to help them deep dive into content.
-
-Don't use related links for linking to unrelated content.
-
-::DocsExample
----
-id: core-navigation-related-links--related-links
----
-::
-
-### When and how to use
-
-- Use to help users discover related content.
-- Only use in the sidebar section pages.
-- Use at least 2 links.
-- Use no more than 8 links.
-- Keep description clear, concise and specific to each link.
-
-### When and how not to use
-
-- Don't add unrelated links.
-- Don't overload each link with too many words.
-- Don't use punctuation.
-- Don't link to documents or videos - instead, embed them.
-- Don't include other interactive elements, like buttons.
diff --git a/docs/content/design-system/5.components/results-listing.md b/docs/content/design-system/5.components/results-listing.md
deleted file mode 100644
index d426b7b532..0000000000
--- a/docs/content/design-system/5.components/results-listing.md
+++ /dev/null
@@ -1,101 +0,0 @@
----
-title: Results listing
-description: The Results listing component shows a list of search result items, with each item displaying key information relevant to that search.
-layout: page
-label: Core
----
-
-## Usage
-
-Use a results listing to display content results, like search results or news items. It surfaces (retrieves and shows) important information to the user.
-
-A results listing shows multiple results items, each with their own:
-- title, telling the user the name of the result
-- summary, summing up the result’s content for the user
-- URL, telling the user the website address for the result
-- featured content, visually highlighting key content from the result
-- topic/category, putting the result into its context within a broader page or site
-- date, showing a result’s published (simple variant) or updated (default variant) date
-- keyword term bold styling, showing the search term(s) in bold in the result displayed.
-
-When displaying the results listing, consider a user's needs. Only display what will help them to make an informed decision.
-
-::DocsExample
----
-id: core-navigation-result-listing--default-story
----
-::
-
-### When and how to use
-- Put the search term in bold.
-- Test results so they are correct and relevant to the search term.
-- Keep descriptions under 150 words.
-- Display up to 10 results.
-
-### When and how not to use
-- Don't display the result title only.
-- Don’t make only the title interactive, ensure the entire result is interactive.
-- Don't use both updated date and published date, choose one only.
-- Don't display more than 10 results.
-
----
-
-## Variants
-
-A result listing's 2 main variants are:
-- default
-- simple.
-
-### Default
-
-The default results listing has the option of surfacing key information when required.
-
-Key information can include:
-
-- audience
-- status
-- grants metadata such as grant value.
-
-The default variant users the updated date by default.
-
-::DocsExample
----
-id: core-navigation-result-listing--with-details
----
-::
-
-### Simple
-
-The simple variant displays the page title with accompanying metadata.
-
-It uses the published date by default, which is automatically pulled in from the metadata.
-
-We recommend using this variant when displaying simple results, like news items.
-
-::DocsExample
----
-id: core-navigation-result-listing--with-meta
----
-::
-
----
-
-## Theming
-
-Results listing uses colour for:
-
-- icons
-- indicating to the user there is an interaction possible
-- interactive states.
-
-When displaying key information such as status, the icon should adopt the relevant semantic colour.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-result-listing--with-details
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers]() or [theming guidance for developers]().
diff --git a/docs/content/design-system/5.components/search-bar.md b/docs/content/design-system/5.components/search-bar.md
deleted file mode 100644
index a072f994b5..0000000000
--- a/docs/content/design-system/5.components/search-bar.md
+++ /dev/null
@@ -1,154 +0,0 @@
----
-title: Search bar
-description: The Search bar shows a text input field with a search button to let users enter keywords and search content on the website.
-layout: page
-label: Core
----
-
-## Usage
-
-Use the search bar to help users find what they are looking for.
-
-Users often rely on search to find the information they need. You can use it as an alternative to on-page navigation.
-
-Users will use keywords in the search bar, often using different words or phrases. Search is especially helpful for users when navigating site that have many pages.
-
-The search bar includes:
-
-- text - placeholder and input text
-- search button label
-- search button icon
-- optional predictive list - present suggested keywords to the user
-- optional refine search link - expand to present advanced filters to the user.
-
-::DocsExample
----
-id: core-navigation-search-bar--default-story
----
-::
-
-### How this component works
-
-#### Input text
-Include short, descriptive placeholder text. This tells the user what they can search for.
-
-The text the user inputs replaces the placeholder text.
-
-#### Search button
-The search button contains a button label and search icon.
-
-Smaller devices show a responsive variant with:
-- only a search icon
-- no button label.
-
-This gives the user more space to write search text. Users know that a magnifying glass represents a search function.
-
-The word ‘Search’ must appear in the alt text for screen readers.
-
-The button type should be a submit button. This lets a user conduct a search:
-- using the enter/return key
-- using fewer keystrokes
-- by choosing a suggestion (if applicable)
-- that afterwards, still displays the search keyword.
-
-#### Predictive keyword list
-
-Useful suggestions let users find what they need with less effort. They also reduce spelling errors and typing.
-
-Use a short, ordered list of no more than 10 keyword suggestions.
-
-They should appear after only a few keystrokes.
-
-Let the user scroll through keyword suggestions using keyboard navigation, with the Esc key to exit.
-
-Scrolling ‘down’ past the last suggestion should loop the user back to the first one. Scrolling ‘up’ before the first suggestion should loop the user to the last (bottom) one.
-
-### When and how to use
-
-- Use the search bar to let users search your site (site search).
-- Use default search field on white page background.
-- Use reverse search field on grey background.
-- Use menu variant in the mega menu only.
-- Use only default and reverse variants with predictive list suggestions.
-- Even if it's hidden from view, always use a form label for screen readers.
-- Keep placeholder text concise and descriptive.
-
-### When and how not to use
-
-- Don't use default or reverse variants in the mega menu.
-- Don't use filters or refine search with the menu variant.
-- Don't use multiline search inputs.
-- Revised search shouldn't be by default.
-- Don't use with the refine search link if no filters are available.
-
----
-
-## Variants
-
-The 3 search variants include:
-
-- default
-- reverse
-- menu.
-
-### Default
-
-This is standard search. The button initiates search based on the text input.
-
-::DocsExample
----
-id: core-navigation-search-bar--default-story
----
-::
-
-### Reverse
-
-Use the reverse variant when on a neutral background and you can't use the default variant.
-
-::DocsExample
----
-id: core-navigation-search-bar--reverse
----
-::
-
-### Menu
-
-Use this in the mega menu. See [Primary Navigation](/design-system/components/primary-navigation) for more information.
-
-::DocsExample
----
-id: core-navigation-search-bar--menu
----
-::
-
-### Input
-
-::DocsExample
----
-id: core-navigation-search-bar--input
----
-::
-
----
-
-## Theming
-
-The search bar uses colour for:
-
-- indicating an action to users
-- interaction states.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-search-bar--default-story
- ---
- ::
- ::DocsExample
- ---
- id: core-navigation-search-bar--menu
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers]() or [theming guidance for developers]().
diff --git a/docs/content/design-system/5.components/skip-link.md b/docs/content/design-system/5.components/skip-link.md
deleted file mode 100644
index 48b9838179..0000000000
--- a/docs/content/design-system/5.components/skip-link.md
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: Skip link
-description: The Skip link component makes your page more accessible and easier to navigate, by helping keyboard users skip to the main content on a page.
-layout: page
-label: Core
----
-
-## Usage
-
-Use skip links to let users:
-- navigate quickly through links and form elements
-- navigate your page when interacting only through the keyboard
-- let users navigate directly to the main page content.
-
-Skip links bypass the primary navigation links (the top horizontal menu items appearing on every page).
-
-Until the user activates it through a keyboard press, a skip link won’t display.
-
-When visible, it's always the first item on a page and pushes down all page content.
-
-::DocsExample
----
-id: core-layout-skip-links--stand-alone
----
-::
-
-### When and how to use
-- It must be on every page.
-- When visible, it must be the first element on the page.
-
-### When and how not to use
-- Only use at the top of the page.
-- Don't edit the styling.
-- Don't overlay page content. It must push down the page content.
-
----
-
-## Theming
-
-The skip link uses the site’s focus state colour. This creates a seamless user experience. If we used a different colour, keyboard users would have colour changes between focusing on and interacting with a skip link. This could be jarring or confusing to users.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-layout-skip-links--stand-alone
- ---
- ::
-::
-
-To create your own theme, see [theming guidance for designers]() or [theming guidance for developers]().
diff --git a/docs/content/design-system/5.components/social-share.md b/docs/content/design-system/5.components/social-share.md
deleted file mode 100644
index f68cf07526..0000000000
--- a/docs/content/design-system/5.components/social-share.md
+++ /dev/null
@@ -1,54 +0,0 @@
----
-title: Social share
-description: The Social share component shows a list of links to help users to share pages to social media.
-layout: page
-label: Core
----
-
-## Usage
-
-Use social share to let users share pages to their own social media channels.
-
-It uses the social media icons to:
-
-- provide extra context
-- distinguish between the different social media channels.
-
-The link labels should clearly indicate the platform the user is sharing the page to.
-
-::DocsExample
----
-id: core-navigation-social-share--social-share
----
-::
-
-### When and how to use
-
-- Use it to enable users to share pages to social media.
-- Place in sidebar section of pages.
-- Link labels should be the social media platform name.
-
-### When and how not to use
-
-- Don't use for links to sites that aren't social media channels.
-- Avoid placing in a page's body section.
-- Don't use with labels that aren't social media platform names.
-
----
-
-## Theming
-
-Social share uses colour for:
-
-- indicating an action to users
-- icons.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-social-share--social-share
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
diff --git a/docs/content/design-system/5.components/statistics-grid.md b/docs/content/design-system/5.components/statistics-grid.md
deleted file mode 100644
index ae91420284..0000000000
--- a/docs/content/design-system/5.components/statistics-grid.md
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: Statistics grid
-description: The Statistics grid component shows a summary of 2 to 8 key statistics in a grid layout.
-layout: page
-label: Core
----
-
-## Usage
-
-Use the statistics grid to present a user with multiple pieces of key information. This can help the user to determine if a page is relevant to them or not.
-
-Each cell features:
-
-- a key statistic
-- content to give the statistic context.
-
-A statistics grid can act as a summary to help users view multiple related pieces of content.
-
-::DocsExample
----
-id: core-containers-stats-grid--on-light
----
-::
-
-### When and how to use
-
-- Use text or numbers in the content.
-- Give a high-level summary of key information.
-- The grid will always span the full available width.
-- Place in the body section of pages.
-
-### When and how not to use
-
-- Don't use with under 2 or over 8 statistics.
-- Don't overload with content.
-- Don't use when you need a large amount of text for context.
-- Don't use images or graphics.
-- Don't add links.
-
----
-
-## Variants
-
-The statistic grid has 2 variants:
-
-- default, for white backgrounds
-- reverse, for neutral backgrounds.
-
-### Default
-
-::DocsExample
----
-id: core-containers-stats-grid--on-light
----
-::
-
-### Reverse
-
-::DocsExample
----
-id: core-containers-stats-grid--on-dark
----
-::
diff --git a/docs/content/design-system/5.components/table.md b/docs/content/design-system/5.components/table.md
deleted file mode 100644
index ef769a6b63..0000000000
--- a/docs/content/design-system/5.components/table.md
+++ /dev/null
@@ -1,88 +0,0 @@
----
-title: Table
-description: The Table component makes it easier for users to scan and compare data and content.
-layout: page
-label: Core
----
-
-## Usage
-A table is a systematic grid of data or content. They display in rows and columns to let users scan, analyse and compare information.
-
-Users tend to read tables one row or column at a time. So, it's important that content is simple and logical.
-
-A table can include a combination of:
-- row and/or column headings that help users know what the rows and columns represent
-- body rows that display data or content
-- a table caption describing its content and helping users find, navigate and understand its information
-- a table footer that provides additional details, if required
-- an expandable section with expandable rows, which can show extra related or supplementary information or data.
-
-::DocsExample
----
-id: core-containers-data-table--structured-content
----
-::
-
-### How this component works
-Table content should be left-aligned because we read from left to right. However, tables with financial figures should have columns that contain numerals set to right-aligned.
-
-Only left-align numbers that are arbitrary identifiers, known as 'nominal numbers'. These are numbers you cannot compare or combine arithmetically. These can include postal codes, IP addresses, or phone numbers. Column headers follow the alignment of the data.
-
-The data table uses a zebra-stripe styling which alternates table row colours. This makes it easier for the user to scan horizontal information.
-
-Don't include too many columns as it's easier for users to scan down a list than to scroll across a page. So, consider more rows before more columns.
-
-Tables can respond differently based on how your website is built. Where tables do not respond, they will display with a horizontal scroll bar to view all the content. Where tables do respond on smaller screens, tables will stack vertically.
-
-The complex variant has the option of expandable extra information in nested rows. This is shown by a dropdown toggle.
-
-### When and how to use
-- Add a caption or footer, if required.
-- Use for complex content and data sets.
-- Align numbers to the right (except nominal numbers).
-- Align headers according to their column data.
-
-### When and how not to use
-- Don't repeat the same content in both the caption and summary.
-- Don't use with long form content. Cell content should be brief and scannable.
-- Don't use without zebra-stripe styling..
-- Don't centre-align content.
-
----
-
-## Variants
-Table has 2 variants:
-- simple, best used for simple data.
-- complex, best used for complex data.
-
-### Simple
-
-::DocsExample
----
-id: core-containers-content--table-scrollable
----
-::
-
-### Complex
-The complex variant is best used to display complex data sets.
-
-::DocsExample
----
-id: core-containers-data-table--structured-content
----
-::
-
----
-
-## Theming
-Table data uses colour to indicate an action to the user.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-containers-data-table--custom-content
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
diff --git a/docs/content/design-system/5.components/tabs.md b/docs/content/design-system/5.components/tabs.md
deleted file mode 100644
index ca78ced6e5..0000000000
--- a/docs/content/design-system/5.components/tabs.md
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: Tabs
-description: The Tab component lets you organise related content so that users can switch between related information on the same page.
-layout: page
-label: Core
----
-
-## Usage
-
-Use tabs to let users stay on the same page, but access more content.
-
-Only one tab is active at a time. Tabs help users navigate between, and display and hide, relevant content on your page so long as:
-- you can split, categorise and clearly label the content
-- there is a section more relevant for most users, which is placed first
-- seeing the all sections at the same time is not needed
-- you have a minimum of 2 tabs.
-
-Use tabs to organise content so a user doesn't have to navigate away to complete their task. Tabs are useful for maps or dashboards.
-
-Never use tabs if your content is sequential. Use it to present related content together, as a group.
-
-Tabs include:
-
-- labels
-- an optional icon.
-
-Icons tell the user the category of content under a tab. Keep icons simple and easily understood, and reinforce the label.
-
-::DocsExample
----
-id: core-navigation-tabs--default-story
----
-::
-
-### When and how to use
-
-- Order your tabs according to importance.
-- Labels should clearly and succinctly describe the content within the tab.
-- Only use tabs to group content that all sits at the same level of hierarchy.
-- Limit labels to one word and ensure they are unique.
-
-### When and how not to use
-
-- Never use tabs within tabs.
-- Don't display disabled tabs.
-- Don't display more than one row of tabs when using the horizontal variant.
-- Don't use tabs for important information, since a user will choose which tab to open, so they may not see some content.
-- Don't use if your content is short, instead use lists or paragraph text.
-- Tabs are not a substitute for primary navigation, so never use tabs as primary navigation.
-- Don't use tabs to tell the user about their progress through a page or content.
-- Don’t use tabs when the user needs to compare information, since only one tab is visible at a time.
-
----
-
-## Variants
-
-Tabs have 2 display variants:
-- default
-- vertical.
-
-### Default
-
-The default variant sets the tab group bottom border to span the full available content width.
-
-::DocsExample
----
-id: core-navigation-tabs--default-story
----
-::
-
-### Vertical
-
-The vertical variant sets the tab group left border to span the height of the tab group.
-
-::DocsExample
----
-id: core-navigation-tabs--vertical
----
-::
-
----
-
-## Theming
-
-Tabs use colour to represent interaction states.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-tabs--default-story
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
diff --git a/docs/content/design-system/5.components/tag.md b/docs/content/design-system/5.components/tag.md
deleted file mode 100644
index e2666f609e..0000000000
--- a/docs/content/design-system/5.components/tag.md
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: Tag
-description: The Tag component adds, and draws attention to, a category name for your content.
-layout: page
-label: Core
----
-
-## Usage
-Use tags to help categorise content. Tags help users to scan and find content that's relevant to them.
-
-Content can have more than one category or theme. Using the tag component helps indicate this to the user.
-
-When naming tags, use a noun or adjective. Don't use verbs as a user may confuse the tag with an action.
-
-::DocsExample
----
-id: core-containers-tag--neutral
----
-::
-
-### When and how to use
-- Use keywords.
-- Use to draw attention to a category of content or information.
-- Use nouns or adjectives.
-
-### When and how not to use
-- Don't use punctuation.
-- Don't overuse tags.
-- Don't use icons in the tags.
-- Don't use as a heading.
-- Don't use more than 2 words.
-- Don't use as a link or action.
-
----
-
-## Variants
-Tags have 2 variants:
-- default, for use on neutral backgrounds
-- neutral, for use on white backgrounds.
-
-### Default
-::DocsExample
----
-id: core-containers-tag--default-story
----
-::
-
-### Neutral
-Use the reverse variant when the chip appears on the primary colour.
-
-::DocsExample
----
-id: core-containers-tag--neutral
----
-::
-
-### Dark
-
-::DocsExample
----
-id: core-containers-tag--dark
----
-::
diff --git a/docs/content/design-system/5.components/text-area.md b/docs/content/design-system/5.components/text-area.md
deleted file mode 100644
index 1976d30b3a..0000000000
--- a/docs/content/design-system/5.components/text-area.md
+++ /dev/null
@@ -1,176 +0,0 @@
----
-title: Text area
-description: The Text area component lets users select one option from a list.
-layout: page
-label: Core
----
-
-## Usage
-
-Use text area so users can enter multiple lines of text.
-
-Text area is used when information longer than a single line of text is needed or expected. For example, comments fields.
-
-Text areas can be resized and can be used with a character counter.
-
-Don’t use text area for succinct responses such as email addresses or names. In this case, you should use the input field component.
-
-::DocsExample
----
-id: forms-textarea--default-story
----
-::
-
-### How this component works
-
-You must use a form label with a text area component.
-
-You can use text area with:
-
-- requirement label
-- hint text
-- metadata
-- placeholder text.
-
-Guide users about the amount of text wanted. Set the text area to match the amount preferred. It has no maximum height, but has a minimum height of 96px.
-
-#### Resize handle
-
-Users can change the text area height (but not width) with the resize handle. They can also scroll within the container.
-
-#### Avoid placeholder text
-
-Avoid using placeholder text where possible. It disappears when a user starts typing. Not all screen readers will read out placeholder text. Its colour often lacks the contrast needed for accessible content when using some browser default styling.
-
-If placeholder text can’t be avoided, don’t use it to replace a label or hint text. Don’t use it to show an example or to include any critical information.
-
-#### Hint text
-
-Hint text can be used to tell the user what, or how, to successfully complete a text area.
-
-For example, hint text can include:
-
-- an overall description of the text area
-- hints for what kind of information needs to be input
-- specific formatting examples or requirements.
-
-Only use hint text where it’s needed. Don’t repeat the label. Don’t use it just to keep the layout consistent with other fields in the form.
-
-#### Character count
-
-A character count can sit below the text area field. It tells users the maximum characters and their input’s current count.
-
-Users can enter more characters than the maximum. The character count then says they’ve entered too many characters before they submit the text area. The user can copy or reduce their full answer.
-
-Even though there is a live character count, normal error responses (below) must appear if a user tries to submit a text area with too many characters.
-
-Only use character count when there is a good reason. For example, legal reasons, technical reasons or evidence users will give more text than needed.
-
-### When and how to use
-
-- Always use a label for text areas.
-- Use hint text to specify helpful information such as specific formatting or information requirements.
-- Specify character counts when required.
-
-### When and how not to use
-
-- Never use without a label
-- Avoid placeholder text because it can cause accessibility issues.
-- Don’t disable copy and paste.
-- Don’t set a minimum or maximum input limit without explicitly saying this in the character count.
-- Do not use hint text if it isn’t relevant or meaningful to the user.
-- Don’t use placeholder text to give instructions.
-- Don’t write ambiguous error messages only stating what's wrong - explain how the user can fix it.
-
----
-
-## Variants
-
-The text area has 2 variants:
-
-- default, used on white backgrounds
-- reverse, used on neutral backgrounds.
-
-### Default
-
-::DocsExample
----
-id: forms-textarea--default-story
----
-::
-
-### Reverse
-
-::DocsExample
----
-id: forms-textarea--reverse
----
-::
-
-### Error
-
-All form inputs share error state styling.
-
-Always have specific error messages for specific errors. Users need to understand why their input or selection was not valid.
-
-When creating an error message for an input field, use the wording below.
-
-**Error: empty input**
-
-- Error message: ‘Enter \[the missing information\]'.
-- Example: 'Enter your name'.
-
-**Error: input is too long**
-
-- Error message: ‘\[The input\] must be \[number\] characters or less'.
-- Example: 'Delivery address must be 56 characters or less'.
-
-**Error: input is too short**
-
-- Error message: ‘\[The input\] must be \[number\] characters or more'.
-- Example: 'Previous employer must be 3 characters or more'.
-
-**Error: input is too long or to short**
-
-- Error message: ‘\[The input\] must be between \[number\] and \[number\] characters'.
-- Example: 'Justification must be between 3 and 56 characters'.
-
-**Error: input uses known characters that aren’t allowed**
-
-- Error message: ‘\[The input\] must not include \[characters\]'.
-- Example: ‘Reasons must not include + & ~'.
-
-**Error: input uses unknown characters that aren’t allowed**
-
-- Error message: ‘\[The input\] must only include \[list of allowed characters\]'.
-- Example: ‘Explanations must only include letters, numbers and commas'.
-
-::DocsExample
----
-id: forms-textarea--error
----
-::
-
----
-
-## Theming
-
-Text area uses colour to show interactive states. A text area field in an active state will adopt the same colour as the overall site’s focus state colour. This means a user’s experience of a text area remains consistent while it transitions from a focus to an active state.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: forms-textarea--default-story
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
-
----
-
-## Rationale
-
-The active and focus states both use the site’s focus state colour. This creates a seamless user experience. If we used a different colour, keyboard users would have colour changes between focusing on and interacting with an input field. This could be jarring or confusing to users.
-
-This occurs across all form and input elements, for a consistent experience.
diff --git a/docs/content/design-system/5.components/timeline.md b/docs/content/design-system/5.components/timeline.md
deleted file mode 100644
index 35f7d0d431..0000000000
--- a/docs/content/design-system/5.components/timeline.md
+++ /dev/null
@@ -1,90 +0,0 @@
----
-title: Timeline
-description: The Timeline component contains blocks of content displayed in a linear order.
-layout: page
-label: Core
----
-
-## Usage
-A timeline displays a visual journey of short blocks of content in a linear order. Each block can be actionable for users to navigate through to related content.
-
-A timeline can include a combination of:
-- heading
-- subheading
-- summary
-- image.
-
-Use timelines to show a clear and sequential order of information. This assists users in linking pieces of information together.
-
-Some examples include:
-- dates
-- steps
-- stages
-- events
-- actions
-- outcomes.
-
-The timeline component is ordered from top to bottom.
-
-Use between 3 to 8 discrete sections of content, so the user is not overwhelmed.
-
-
-::DocsExample
----
-id: core-containers-timeline--default-story
----
-::
-
-### When and how to use
-- Always include a title for the entire timeline.
-- Add a heading, subheading, short summary and optional image for each block.
-- Only include 3 to 8 blocks per timeline.
-- Add a link if you're providing more details on another page.
-
-### When and how not to use
-- Don't add fewer than 3 or more than 8 blocks.
-- Don't use without a heading for each block.
-- Never include unrelated content.
-- Don't use if content doesn't flow in a sequential or linear order. Consider bullets points instead.
-
----
-
-## Variants
-Timeline has 2 variants:
-- default
-- progressive.
-
-### Default
-This is for steps or stages along a process. Use the default timeline when progress is not relevant to the user.
-
-::DocsExample
----
-id: core-containers-timeline--default-story
----
-::
-
-### Progressive
-Use the progressive variant to show the progress or status of the content to the user.
-
-::DocsExample
----
-id: core-containers-timeline--progressive-active-2
----
-::
-
----
-
-## Theming
-Timeline uses colour to:
-- show progress
-- highlight interactive states.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-containers-timeline--progressive-active-2
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
diff --git a/docs/content/design-system/5.components/vertical-navigation.md b/docs/content/design-system/5.components/vertical-navigation.md
deleted file mode 100644
index 0fb97eb285..0000000000
--- a/docs/content/design-system/5.components/vertical-navigation.md
+++ /dev/null
@@ -1,62 +0,0 @@
----
-title: Vertical navigation
-description: The Vertical navigation component displays a list of links to help users navigate a section of related pages.
-layout: page
-label: Core
----
-
-## Usage
-Use vertical navigation to help users navigate a section of related pages.
-
-Use vertical navigation to:
-- let users find and navigate to relevant information
-- show the user where, within your site’s content hierarchy, the page they are viewing is located
-- show 4 nested content sections (parent sections) and a heading for the names of each section.
-
-Vertical navigation is placed next to your page’s body content.
-
-A chevron (v-shaped icon) next to each parent section lets users expand that parent section. This reveals the names of content pages falling within the parent section (child pages). Child page links are hidden by default.
-
-The chevron flips up and parent sections stay expanded until the user interacts with the chevron to hide the child pages. This helps the user find what they need and minimises visual clutter.
-
-::DocsExample
----
-id: core-navigation-vertical-navigation--vertical-navigation
----
-::
-
-### When and how to use
-- Use in a page's sidebar.
-- Always keep the navigation links short. You can use a shorter version of the page title.
-- Display up to 4 levels of navigation.
-- Add a link for the section's 'home' page.
-- Use with at least 4 links.
-
-### When and how not to use
-- Don't embed on a page that doesn't have a sidebar.
-- Don't add more than 4 child levels. Users will not see the indents, so navigation will become confusing.
-- Don't use on a site with fewer than 5 pages.
-- Don’t use with icons.
-- Never use it to link to other sites.
-
----
-
-## Theming
-Vertical navigation uses colour and active state focus to highlight the current page the user is on.
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-vertical-navigation--vertical-navigation
- ---
- ::
-::
-
-To create your own theme see [theming guidance for designers](/design-system/design/theming-guidance-for-designers) or [theming guidance for developers](/design-system/develop/theming).
-
----
-
-## Rationale
-To show the user which page in the vertical navigation they are currently on, the active state is used. This displays as an underline in addition to colour, to aim to conform with the [Web Content Accessibility Guidelines 2.0 Success Criterion 1.4.1](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-without-color.html).
-
-> **[1.4.1](https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-without-color) Use of Color:** Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
diff --git a/docs/content/design-system/_markdown-reference-file.md b/docs/content/design-system/_markdown-reference-file.md
deleted file mode 100644
index f5979e081d..0000000000
--- a/docs/content/design-system/_markdown-reference-file.md
+++ /dev/null
@@ -1,704 +0,0 @@
----
-title: Markdown Kitchen Sink (DEV ONLY)
-description: This is an example page to demonstrate and document the markdown features available in the docs site
-published: false
-layout: page
-links:
- - text: Vic gov
- url: https://www.vic.gov.au/
- - text: Single Digital Presence
- url: https://www.vic.gov.au/single-digital-presence
----
-
-> For a more detailed markdown editing guide, see here https://www.markdownguide.org/basic-syntax/
-
-## Front matter
-
-Front matter sits at the very top of a markdown file and contains metadata about a page. In our case, it contains things like the page title and description.
-
-Here is the frontmatter for the page you are currently reading.
-
-```md
----
-title: Kitchen sink
-description: Here's everything
-layout: page
-links:
- - text: Vic gov
- url: https://www.vic.gov.au/
- - text: Single Digital Presence
- url: https://www.vic.gov.au/single-digital-presence
----
-```
-
----
-
-## Headings
-
-Headings are added using hash marks before text. The number of hash marks specifies the heading level (e.g. '##' = H2). Please don't use H1s in markdown, these are reserved for the page title, which is set in the front matter.
-
-### Example
-
-```md
-## Heading level 2
-
-### Heading level 3
-
-#### Heading level 4
-
-##### Heading level 5
-
-###### Heading level 6
-```
-
-## Heading level 2
-
-### Heading level 3
-
-#### Heading level 4
-
-##### Heading level 5
-
-###### Heading level 6
-
----
-
-## Paragraph text
-
-Paragraphs are simply text seperated by an empty line.
-
-```md
-This is a paragraph
-
-This is another paragraph
-```
-
-This is a paragraph
-
-This is another paragraph
-
----
-
-## Emphasis
-
-### Italics
-
-```md
-Here is *italic text*
-
-Here is also _italic text_
-```
-
-Here is *italic text*
-
-Here is also _italic text_
-
-### Bold
-
-```md
-Here is **bold text**
-
-Here is also __bold text__
-```
-
-Here is **bold text**
-
-Here is also __bold text__
-
-### Strikethrough
-
-```md
-Here is ~~strikethrough text~~
-```
-
-Here is ~~strikethrough text~~
-
----
-
-## Horizontal Rules
-
-You can add a horizontal rule by using at least three of either `_`, `-` or `*`.
-
-```md
-These are all equivalent:
----
-___
-***
-
-So are these:
-------
-______
-******
-
-But these won't work:
---
-__
-**
-```
-
----
-
-## Blockquotes
-
-Blockquotes are added with a `>` before the text.
-
-```md
-> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-```
-
-> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
----
-
-## Lists
-
-### Unordered
-
-Unordered lists are created by starting a line with `+`, `-`, or `*`. Nested lists can be achieved through indentation, with **2 spaces** for each additional level.
-
-```md
-* Fruit
- * Berries
- - Strawberry
- - Blueberry
- * Classics
- - Apple
- - Banana
-* Vegetables
- + Broccoli
-```
-
-* Fruit
- * Berries
- - Strawberry
- - Blueberry
- * Classics
- - Apple
- - Banana
-* Vegetables
- + Broccoli
-
-### Ordered
-
-Ordered lists are created by starting a line with a number and period (e.g. `1.`). Nested lists can be achieved through indentation, with **4 spaces** (different to the unordered list) for each additional level.
-
-You can use any numbers, but it's more convenient to just use `1.` for each item, the numbering will work automatically.
-
-```md
-This works:
-
-1. Lorem ipsum dolor sit amet
- 1. Lorem at massa
- 2. Adipiscing
-2. Consectetur adipiscing elit
-3. Integer molestie lorem at massa
-
-But just do this, it's the same thing:
-
-1. Lorem ipsum dolor sit amet
- 1. Lorem at massa
- 1. Adipiscing
-1. Consectetur adipiscing elit
-1. Integer molestie lorem at massa
-```
-
-1. Lorem ipsum dolor sit amet
- 1. Lorem at massa
- 2. Adipiscing
-2. Consectetur adipiscing elit
-3. Integer molestie lorem at massa
-
-#### Starting point
-
-You can start the list at any number like this:
-
-```md
-64. foo
-1. bar
-1. blah
-```
-
-64. foo
-1. bar
-1. blah
-
----
-
-## Links
-
-Hyperlinks can be added with the following syntax, the link text goes in the square brackets, followed by the url in round brackets.
-
-```md
-Visit the [Victorian government website](https://www.vic.gov.au/)
-```
-
-Visit the [Victorian government website](https://www.vic.gov.au/)
-
-Alternatively, if you don't need different link text you can just write the url directly
-
-```md
-Here is the link to vic gov https://www.vic.gov.au/.
-```
-
-Here is the link to vic gov https://www.vic.gov.au/.
-
----
-
-## Code
-
-Here's some `code inline` in context.
-
-Here's some `const codeInline: string = 'highlighted code inline'`{lang="ts"} in context.
-
-Indented code
-
- // Some comments
- line 1 of code
- line 2 of code
- line 3 of code
-
-
-Block code "fences"
-
-```
-Sample text here...
-```
-
-Syntax highlighting
-
-``` js
-var foo = function (bar) {
- return bar++;
-};
-
-console.log(foo(5));
-```
-
----
-
-## Tables
-
-Tables can be added using a special format. More info here:
-
-- [Github markdown tables guide](https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/organizing-information-with-tables)
-
-An example of a simple table
-
-```md
-| Name | Description |
-| ------ | ---------------------------- |
-| Banana | Yellow, elongated, edible. |
-| Apple | 84% water, 15% carbohydrates |
-```
-
-| Name | Description |
-| ------ | ---------------------------- |
-| Banana | Yellow, elongated, edible. |
-| Apple | 84% water, 15% carbohydrates |
-
----
-
-## Images
-
-Images can be added like this:
-
-```md
-
-```
-
-
-
-By Lee Carson on Flickr - Nils Olav on Flickr, CC BY-SA 2.0, https://commons.wikimedia.org/w/index.php?curid=5080064
-
----
-
-## Custom components
-
-### DocsExample
-
-The `DocsExample` will display an component example from storybook, you will need to give it the id of the story you want to display.
-
-```md
-::DocsExample
----
-id: core-navigation-button--default-filled
----
-::
-```
-
-::DocsExample
----
-id: core-navigation-button--default-filled
----
-::
-
-There are additional options you can use for this component:
-
-```md
-::DocsExample
----
-id: core-navigation-button--default-filled
-withPadding: false
-hideNewTab: false
-hideCode: true
----
-::
-```
-
-::DocsExample
----
-id: core-navigation-button--default-filled
-withPadding: true
-hideNewTab: false
-hideCode: true
----
-::
-
-You can add toggle values in storybook and copy the the value of the args parameter in the URL to the `argsString` option in the `DocsExample`
-
-
-
-
-
-```md
-::DocsExample
----
-id: core-navigation-pagination--complex
-argsString: 'totalPages:50;currentPage:30;showTally:true'
----
-::
-```
-
-::DocsExample
----
-id: core-navigation-pagination--complex
-argsString: 'totalPages:50;currentPage:30;showTally:true'
----
-::
-
-You can also the theme and whether or not neutral buttons should be used.
-
-```md
-::DocsExample
----
-id: core-navigation-button--default-filled
-theme: 'light'
----
-::
-
-::DocsExample
----
-id: core-navigation-card--call-to-action
-useNeutralButtons: true
----
-::
-```
-
-::DocsExample
----
-id: core-navigation-button--default-filled
-theme: 'docsTheme3'
----
-::
-
-::DocsExample
----
-id: core-navigation-card--call-to-action
-useNeutralButtons: true
----
-::
-
-### DocsThemeChooser
-
-You can wrap `DocsExample` components with a `DocsThemeChooser` component. This will allow the user to choose which theme the examples inside the theme chooser will display with.
-
-```md
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-button--default-filled
- ---
- ::
- ::DocsExample
- ---
- id: core-navigation-button--default-outlined
- ---
- ::
-::
-```
-
-::DocsThemeChooser
- ::DocsExample
- ---
- id: core-navigation-button--default-filled
- ---
- ::
- ::DocsExample
- ---
- id: core-navigation-button--default-outlined
- ---
- ::
-::
-
-### DocsImageExample
-
-The `DocsImageExample` will display an image in a way this is visually similar to the component examples, you will need to give it the url (src) of the image, the alt text (alt) and an optional caption.
-
-```md
-::DocsImageExample
----
-src: /assets/img/InlineLink-Focus.png
-alt: An example of focus state colour contrast
----
-Here's the **rich** text `caption`
-::
-```
-
-::DocsImageExample
----
-src: /assets/img/InlineLink-Focus.png
-alt: An example of focus state colour contrast
----
-Here's the **rich** text `caption`
-::
-
-Example without caption:
-
-```md
-::DocsImageExample
----
-src: /assets/img/InlineLink-Focus.png
-alt: An example of focus state colour contrast
----
-::
-```
-
-::DocsImageExample
----
-src: /assets/img/InlineLink-Focus.png
-alt: An example of focus state colour contrast
----
-::
-
-### DocsCard && DocsCardGrid
-
-Cards can also be added. Ensure that you wrap them with DocsCardGrid so that they are layout out correctly. DocsCard use the 'promo' type card under the hood.
-
-```md
-::DocsCardGrid
- ::DocsCard
- ---
- title: Button
- url: /design-system/components/button
- ---
- Here's the summary text
- ::
-
- ::DocsCard
- ---
- title: Vic gov
- url: https://www.vic.gov.au/
- ---
- Here's the summary text
- ::
-
- ::DocsCard
- ---
- title: Framework
- url: /framework
- ---
- Here's the summary text
- ::
-::
-```
-
-::DocsCardGrid
- ::DocsCard
- ---
- title: Button
- url: /design-system/components/button
- ---
- Here's the summary text
- ::
-
- ::DocsCard
- ---
- title: Vic gov
- url: https://www.vic.gov.au/
- ---
- Here's the summary text
- ::
-
- ::DocsCard
- ---
- title: Framework
- url: /framework
- ---
- Here's the summary text
- ::
-::
-
-### DocsColourTable
-
-The `DocsColourTable` will display a table of themed colours, you just need to specify which colours to show.
-This can be either direct colours like `clr.type.primary.contrast`, colour groups like `clr.type.primary` or a mix of both.
-
-```md
-
-::DocsColourTable
----
-colours:
- - clr.primary
- - clr.link
----
-::
-```
-
-::DocsColourTable
----
-colours:
- - clr.primary
- - clr.link
----
-::
-
-### DocsGradientTable
-
-The `DocsGradientTable` will display the themed horizontal and vertical gradients.
-
-```md
-::DocsGradientTable
-:::
-```
-
-::DocsGradientTable
-::
-
-
-### DocsIconTable
-
-The `DocsIconsTable` will display a table of icons, you just need to specify which icon group to show, this will be either `alert`, `social` or `standard`.
-
-```md
-::DocsIconTable
----
-group: alert
----
-::
-```
-
-::DocsIconTable
----
-group: alert
----
-::
-
-### DocsIconSizingTable
-
-The `DocsIconSizingTable` will display a table of icons with a preview of the icon at the specified size.
-
-```md
-::DocsIconSizingTable
----
-sizes:
-- s : 16px
-- m : 24px
-- l : 32px
----
-::
-```
-
-::DocsIconSizingTable
----
-sizes:
-- s : 16px
-- m : 24px
-- l : 32px
----
-::
-
-### DocsLayerStyleTable
-
-The `DocsLayerStyleTable` will display a table of layer styles with a preview of that style in action, you just need to specify the type of style to show, this will be either `border`, `border.radius` or `elevation`.
-
-```md
-::DocsLayerStyleTable
----
-type: border.radius
----
-::
-```
-
-::DocsLayerStyleTable
----
-type: border.radius
----
-::
-
-### DocsTypeTable
-
-The `DocsTypeTable` will display a table of type styles, you just need to specify the type of type style to show. This will be either `weight`, `size`, `lh` or `ls`.
-
-```md
-::DocsTypeTable
----
-type: size
----
-::
-```
-
-::DocsTypeTable
----
-type: size
----
-::
-
-### DocsTypeClassTable
-
-The `DocsTypeClassTable` will display a table of type styles, with a preview of that style in action.
-
-```md
-::DocsTypeClassTable
----
-type:
-- style :
- - Heading 1
- - values :
- - Font size: 32px / 56px
- - Line height: 36px / 60px
- - Letter spacing: 1.4% / 0.8%
- - Font weight: Bold (700)
- - rpl-type-h1
-- style :
- - Heading 1 Highlight
- - values :
- - Font size: 32px / 56px
- - Line height: 36px / 60px
- - Letter spacing: 1.4% / 0.8%
- - Font weight: Bold (700)
- - rpl-type-h1-highlight
----
-::
-```
-
-::DocsTypeClassTable
----
-type:
-- style :
- - Heading 1
- - values :
- - Font size: 32px / 56px
- - Line height: 36px / 60px
- - Letter spacing: 1.4% / 0.8%
- - Font weight: Bold (700)
- - rpl-type-h1
-- style :
- - Heading 1 Highlight
- - values :
- - Font size: 32px / 56px
- - Line height: 36px / 60px
- - Letter spacing: 1.4% / 0.8%
- - Font weight: Bold (700)
- - rpl-type-h1-highlight
----
-::
diff --git a/docs/content/framework/1.index.md b/docs/content/framework/1.index.md
deleted file mode 100644
index 8c8f6953a9..0000000000
--- a/docs/content/framework/1.index.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-title: Ripple Framework
-description: Ripple framework contains the tools for building SDP sites using the Ripple design system components.
-layout: page
----
-
-{style="margin-top: -20px; padding-bottom: 50px; "}
-
-
-## What is it?
-
-The Ripple design system consists of the design elements and components used to build _any_ web application using the Victorian government brand. Ripple _framework_ is a collection of [Nuxt 3](/framework/key-concepts/nuxt) modules and [layers](/framework/key-concepts/nuxt-layers) primarily used to create headless SDP websites using the Tide Drupal CMS.
-
-
-{.rpl-u-padding-t-4}
-
-
-## Who's it for?
-
-Whilst the Ripple UI components can be used in non SDP projects, Ripple framework assumes a Tide Drupal backend in most cases.
-
-Using the Ripple framework, developers are able to build headless frontend websites that derive content from the Tide Drupal CMS via it's JSON API.
-
-### SDP architecture
-
-{.rpl-u-padding-12}
-
-
-To find out more about Single Digital Presence please visit https://www.vic.gov.au/single-digital-presence
-
-
diff --git a/docs/content/framework/2.key-concepts/1.nuxt.md b/docs/content/framework/2.key-concepts/1.nuxt.md
deleted file mode 100644
index 23be42927a..0000000000
--- a/docs/content/framework/2.key-concepts/1.nuxt.md
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: Nuxt
-description: Nuxt is the framework used in Ripple to deliver headless SDP websites that connect to Tide Drupal backends for content.
-layout: page
-links:
- - text: Nuxt documentation
- url: https://nuxt.com/
----
-
-
-Nuxt is a framework for building web applications that can be rendered both server side using Node.js and client side with Vue.js components. Nuxt is the framework used in Ripple to deliver headless SDP websites that connect to Tide Drupal backends for content.
-
-> **"Nuxt is a fantastic choice for teams building a production-grade product on the web. It aims to bake in performance best practices while maintaining excellent Vue.js DX"**
->
-> Addy Osmani - Chief Engineer of Chrome
-
-
-It is recommended that developers new to Ripple familiarise themselves with Nuxt by reading the documentation site, in particular, the following sections:
-
-- [Introduction · Get Started with Nuxt ](https://nuxt.com/docs/getting-started/introduction)
-- [Vue.js Development · Nuxt Concepts](https://nuxt.com/docs/guide/concepts/vuejs-development)
-- [ Server Engine · Nuxt Concepts ](https://nuxt.com/docs/guide/concepts/server-engine)
-- [.nuxt/ · Nuxt Directory Structure](https://nuxt.com/docs/guide/directory-structure/nuxt)
-- [Authoring Nuxt Layers · Nuxt Advanced](https://nuxt.com/docs/guide/going-further/layers)
-
-
-For support and help working with Nuxt please see https://nuxt.com/docs/community/getting-help and https://nuxt.com/support/solutions
-
-There are a number of recommended resources for learning Nuxt 3 including:
-
-- [https://masteringnuxt.com/nuxt3](https://masteringnuxt.com/nuxt3)
-- [https://frontendmasters.com/courses/nuxt/](https://frontendmasters.com/courses/nuxt/)
-- [https://www.youtube.com/watch?v=ww94Jvi8JJo](https://www.youtube.com/watch?v=ww94Jvi8JJo)
-
-
-
diff --git a/docs/content/framework/2.key-concepts/2.nuxt-layers.md b/docs/content/framework/2.key-concepts/2.nuxt-layers.md
deleted file mode 100644
index 09eba1bbfd..0000000000
--- a/docs/content/framework/2.key-concepts/2.nuxt-layers.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: Layers
-description: Nuxt layers are used to encapsulate Ripple functionality to share and reuse
-layout: page
-links:
- - text: Nuxt layers documentation
- url: https://nuxt.com/docs/getting-started/layers
----
-
-
-[Nuxt](1.nuxt.md) 3 provides a way to encapsulate part of a Nuxt project into what they call a Layer.
-
-> Nuxt layers are a powerful feature that you can use to share and reuse partial Nuxt applications within a monorepo, or from a git repository or npm package. The layers structure is almost identical to a standard Nuxt application, which makes them easy to author and maintain.
->
-
-
-
-In Ripple 2, we utilise Nuxt Layers extensively to share isolated features between SDP sites. A good example is a content type. Using a Nuxt Layer we are able to add the components, API endpoints, composables, etc needed to implement the feature, without having the overhead of a Nuxt Module.
-
-A great feature of Nuxt Layers is that you can reference them from any public or private Git repo in addition to publishing via an NPM module.
-
-Below is a diagram showing how Ripple 2 features are distributed through Nuxt layers and used within projects.
-
-
diff --git a/docs/content/framework/2.key-concepts/3.API-endpoints.md b/docs/content/framework/2.key-concepts/3.API-endpoints.md
deleted file mode 100644
index ddba65da89..0000000000
--- a/docs/content/framework/2.key-concepts/3.API-endpoints.md
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: API endpoints
-description: Ripple creates an API that handles the translation of Drupal data into exactly whats needed on the page.
-layout: page
-links:
- - text: Nuxt API routes documentation
- url: https://nuxt.com/docs/guide/directory-structure/server#api-routes
----
-
-In Ripple 2 we use API routes to create a [backend for frontend](https://medium.com/mobilepeople/backend-for-frontend-pattern-why-you-need-to-know-it-46f94ce420b0) API that handles communicating with the Drupal Tide JSON API and maps the response to only what is required to render the page in Ripple.
-
-
-
-## Nitro server routes
-
-Nuxt 3 introduces the concept of [server API routes](https://nuxt.com/docs/guide/directory-structure/server#api-routes) powered by the [Nitro rendering engine](https://nitro.unjs.io/) and [H3](https://github.com/unjs/h3) server.
-
-Nitro is the server layer that creates API routes in a Nuxt application. Nitro plugins run at build time and we use them to add the mapping needed to tell Ripple-tide-api package how to respond to a Drupal JSON API request for a content type node
-
-## Ripple Tide API
-
-Ripple Tide API is the module that handles communication with Tide Drupal JSON API. It provides a wrapper service for API calls to Tide and provides an interface for adding mapping functions which transform the response from Drupal into only what's needed for rendering the website. This makes creating pages easier and improves performance by moving all data transformation into the server bundle where it can be easily cached.
-
-
-
-
diff --git a/docs/content/framework/2.key-concepts/4.content-types.md b/docs/content/framework/2.key-concepts/4.content-types.md
deleted file mode 100644
index e6c8a9ca18..0000000000
--- a/docs/content/framework/2.key-concepts/4.content-types.md
+++ /dev/null
@@ -1,40 +0,0 @@
----
-title: Content types
-description: Implementing content type specific page layouts
-layout: page
-links:
- - text: Drupal content types
- url: https://www.drupal.org/docs/7/understanding-drupal/content-types
----
-
-Content types are a Drupal concept that allow for modelling content using fields to describe the data structure. See the [Drupal documentation](https://www.drupal.org/docs/7/understanding-drupal/content-types) for more details.
-
-## Ripple content types
-
-As SDP is a [headless CMS using a decoupled architecture](https://salsa.digital/insights/dissecting-the-single-digital-presence-platform) once we have modelled content in Tide, we need a way to render it into a template that can be delivered to end users. Ripple content types allow you to support custom templates for new content types.
-
-Ripple content types consist of the following parts:
-
-### API Mapping
-
-See [API Endpoints](/framework/key-concepts/api-endpoints) for more information the Tide API translation layer. For each content type we supply a function that maps the Tide Drupal API response into more concise fields that match the data needed for
-
-### Template
-
-To render the page using Ripple UI components, we need to create a Vue component that is passed the data from the API request and, using Ripple UI components, creates a layout that matches your intended design.
-
-
-> See the [Content type guide](/framework/guides/creating-content-types) for more information on creating new content types.
-
-
-## Core content types
-
-In Tide we have a number of content types which are part of the core distribution and are initially included in SDP sites
-
-- Landing page
-- Event
-- Grant
-- News
-- Publication (page)
-- Alert
-
diff --git a/docs/content/framework/2.key-concepts/5.dynamic-components.md b/docs/content/framework/2.key-concepts/5.dynamic-components.md
deleted file mode 100644
index 8e4984114a..0000000000
--- a/docs/content/framework/2.key-concepts/5.dynamic-components.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Dynamic components
-description:
-layout: page
----
-
-Dynamic components are a concept in Ripple that is closely tied to the concept of 'Paragraphs' in Drupal. See the [Drupal documentation for Paragraphs](https://www.drupal.org/project/paragraphs).
-
-Dynamic components/paragraphs can be added to pages in drupal (see [Key concepts - content types](https://www.drupal.org/project/paragraphs)).
-
-In Ripple the raw paragraphs from the Drupal JSON API and 'mapped' to a Vue component, along with the props required for that component to render. This Vue component, along with the associated mapping is what is referred to as the 'Dynamic component'.
-
-
diff --git a/docs/content/framework/3.guides/1.migrating.md b/docs/content/framework/3.guides/1.migrating.md
deleted file mode 100644
index 09137e992c..0000000000
--- a/docs/content/framework/3.guides/1.migrating.md
+++ /dev/null
@@ -1,72 +0,0 @@
----
-title: Migrating from Ripple 1.x
-description: This guide is intended to outline the process of updating SDP sites using Ripple 1.x to Ripple 2. It is intended for developers tasked with porting Ripple 1 sites and features to Ripple 2.
-layout: page
----
-
-
-## Background
-
-Ripple 2 is a complete rewrite of both the design system and the Nuxt modules used to create SDP sites with it. It is a breaking change with the processes used to create sites and functionality used in Ripple 1. This was required due to the following reasons:
-
-- Latest versions of Vue and Nuxt 3 introducing breaking changes
-- Deprecation of IE11 support allowing us to support modern browser features
-- Opportunity to adopt best practices such as Typescript and modern CSS
-- Build up of technical and design debt
-- Improvements to the design allowing better theming and accessibility
-
-> Due to breaking changes between versions 2 and 3 of both Vue and Nuxt there is no automated way to upgrade Ripple components and sites.
-> _Custom functionality built on Ripple 1 will need to be rewritten to use Ripple 2 API’s and design._
-
-## Migrating your site
-
-If your site is supported by the SDP team for upgrades, the initial site upgrade will be handled by the SDP team. The process will be as follows:
-
-- a new empty V2 branch will be created in the site repository
-- a fresh install of Ripple 2 will be added to the site
-- all required environment variables will be added to the project to connect the site to the Tide content backend
-- the V2 branch will be setup to be served from behind the Section.io CDN
-
-The migration of the following will be out of scope for sites without an MoU for SDP support:
-
-- Custom content types
-- Custom user facing components
-- Custom pages
-- Extensive theme customisation outside of those documented in the theming guide
-
-## Migrating features from Ripple 1.x
-
-Please review the following concepts before proceeding:
-
-- [Content types](/framework/key-concepts/content-types)
-- [API mapping](/framework/key-concepts/api-endpoints)
-- [Dynamic components](/framework/key-concepts/dynamic-components)
-
-### Content types
-
-Content types in Tide allow for defining custom fields that can be returned via the Drupal JSON API. Because SDP sites are headless, we need to tell Ripple how to render each custom content type on the front end.
-
-In Ripple 1.x, each content type was added through the convention of adding a folder named tide and each content type as a subfolder. See [Ripple 1 example](https://github.com/dpc-sdp/ripple/tree/develop/examples/basic-examples/tide/modules/example-content-type).
-The mapping of the tide API response was done through [tide.config.js](https://github.com/dpc-sdp/ripple/blob/develop/packages/ripple-nuxt-tide/modules/news/tide.config.j). The JSON API response was returned in its entirety and mapping the Drupal fields to Ripple components was done through the Page component.
-
-> In Ripple 2.x we move the mapping of data to the Nuxt server layer. This allows us to only return the necessary data needed to the end user, reducing the JSON payload from Drupal.
-
-For more information on creating new content types see the guide on [creating content types](4.creating-content-types.md)
-
-### Dynamic components
-
-Tide CMS makes use of [Drupal paragraphs](https://www.drupal.org/project/paragraphs) to structure content types to allow content creators flexibility when composing content. Creating new paragraph types that can be reused for the landing page content or across others is a common customisation task.
-
-In Ripple 1, new paragraph support was added through custom mappings [See Ripple 1](https://github.com/dpc-sdp/ripple/blob/develop/examples/basic-examples/tide/modules/example-override-mapping/tide.config.js)
-
-In Ripple 2, we need to add similar support - See [Guide to creating dynamic components](5.dynamic-components.md)
-
-### Search listing pages
-
-> This feature is still in Beta, please see the [feature proposal](https://github.com/dpc-sdp/ripple-framework/discussions/660) for more information.
-
-Listing pages are pages that contain dynamic lists of links to other pages. These are typically used to generate index pages when there are large amounts of similar items. See https://www.vic.gov.au/grants, https://www.vic.gov.au/victorian-honour-roll-of-women for example.
-
-In Ripple 1 there was no dedicated content type for creating listing pages and hence these pages were usually created as static pages in the frontend.
-
-In Ripple 2 we intend to move to a standard content type that allows configuring the search experience from the backend. Please see the [feature proposal](https://github.com/dpc-sdp/ripple-framework/discussions/660) for more info.
diff --git a/docs/content/framework/3.guides/2.new-sites.md b/docs/content/framework/3.guides/2.new-sites.md
deleted file mode 100644
index ddd63b44e4..0000000000
--- a/docs/content/framework/3.guides/2.new-sites.md
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: Setting up a new site
-description: A guide to setting up new SDP frontend sites using Ripple framework.
-layout: page
----
-
-
-Setting up new sites with Ripple 2 is made easy with our CLI tool and provisioning process. Before you do so though please ensure you have got in touch with the SDP engagement manager (digital@dpc.vic.gov.au) prior and have submitted a support request to the Digital Victoria Help Centre https://digital-vic.atlassian.net/servicedesk/customer/portals
-
-## Requirements
-
-When onboarding a new project to SDP the following will be provisioned for you:
-
-- Git repo created
-- Required platform files added to repo, required Dockerfile, etc
-- Bay hosting environment configured
-- Section.io CDN setup and configured
-- Environment variables set to your project specific requirements
-
-## Local development dependencies
-
-Please make sure you have the following dependencies installed before proceeding. Typically local development is not performed through a docker container on the front end.
-
-- Node version 16.11.0 or greater (We recommend installing Node through Node Version Manager - See https://github.com/nvm-sh/nvm for install guide)
-- NPM version 8.1.0 or greater
-
-Please see the `engines` key in `package.json` for most accurate versions.
-
-## Installing Ripple
-
-> For SDP sites, this will also be applied. However, if you wish to create a local install of Ripple outside of a project see below.
-
-Installing Ripple is easy with the included CLI tool:
-
-```
-npx @dpc-sdp/nuxt-ripple-cli init site ~/path/to/site --name "My Site"
-```
-
-This will copy the required files needed to setup your site into `~/path/to/site`
-
-```
-cd ~/path/to/site && npm install
-```
-
-This will install all dependencies with NPM, you can then run the development server with
-
-```
-npm run dev
-```
-
diff --git a/docs/content/framework/3.guides/3.brand-application.md b/docs/content/framework/3.guides/3.brand-application.md
deleted file mode 100644
index 519d045618..0000000000
--- a/docs/content/framework/3.guides/3.brand-application.md
+++ /dev/null
@@ -1,110 +0,0 @@
----
-title: Applying theme and brand
-description: A guide to applying theme and brand assets to Ripple sites.
-layout: page
----
-
-Theming with brand colours is embedded deeply into Ripple, using [design tokens](https://amzn.github.io/style-dictionary/#/tokens). Global and component styles are built on a base level of tokens, that can be adjusted at a _site_ level by modifying a few key properties.
-
-## Token naming
-
-Ripple uses a naming scheme for tokens, and the CSS custom properties are derived with this pattern:
-
-```
---rpl(-)-(-)
-```
-
-Some example props:
-
-```
---rpl-clr-primary
---rpl-clr-success-light
---rpl-type-size-5
---rpl-sp-3
---rpl-border-4
-```
-
-And a worked example:
-
-```css
-.example-block {
- border-color: var(--rpl-clr-primary);
- border-style: solid;
- border-width: var(--rpl-border-4);
- color: var(--rpl-clr-primary);
- padding: var(--rpl-sp-3);
-}
-```
-
-## Theme properties
-
-The minimum set of required properties are listed below:
-
-```
---rpl-clr-primary
---rpl-clr-footer-alt
---rpl-clr-link
---rpl-clr-type-primary-accessible
---rpl-clr-primary-alt
---rpl-clr-type-primary-alt-accessible
---rpl-clr-footer
---rpl-clr-type-footer-accessible
---rpl-clr-primary-alpha
---rpl-clr-accent
---rpl-clr-accent-alt
---rpl-clr-focus
---rpl-clr-gradient-horizontal
---rpl-clr-gradient-vertical
-```
-
-## SDP
-
-In SDP, the theme is managed in the back-end system via the Site Taxonomy. Site entries have a collection of key-value _site theme values_, and also _site feature flag values_ to define site-specific settings, e.g.
-
-```
-Key
-rpl-clr-primary
-Value
-#1c4f9c
-
-Key
-footerTheme
-Value
-neutral
-```
-
-Both these collections are exposed to the front-end through the Site API, and can immediately update production sites without requiring a code change or deployment.
-
-## Secondary logo
-
-The secondary logo is also content managed, and can be set on the same Site Taxonomy page in the back-end under _Logo_.
-
-## app.config
-
-Theme and feature flag properties may also be defined in the Nuxt `app.config.ts` for the site. This matches the naming used in the Site API (note the difference in `--` for theme, since these are Javascript config props, not CSS custom props):
-
-```js
-export default defineAppConfig({
- ripple: {
- featureFlags: {},
- theme: {
- 'rpl-clr-primary': '#6B19A3',
- 'rpl-clr-footer-alt': '#6B19A3',
- 'rpl-clr-link': '#6B19A3',
- 'rpl-clr-type-primary-accessible': '#6B19A3',
- 'rpl-clr-primary-alt': '#3F006B',
- 'rpl-clr-type-primary-alt-accessible': '#3F006B',
- 'rpl-clr-footer': '#3F006B',
- 'rpl-clr-type-footer-accessible': '#3F006B',
- 'rpl-clr-primary-alpha': 'rgba(107, 25, 163, 0.5)',
- 'rpl-clr-accent': '#6DDD97',
- 'rpl-clr-accent-alt': '#EAFAF0',
- 'rpl-clr-focus': '#9DEF65',
- 'rpl-clr-gradient-horizontal': 'linear-gradient(90deg, #382484 0%, #5A0099 20%, #7623B0 35%, #2E7478 50%, #2FA26F 70%, #2FCE6A 80%)',
- 'rpl-clr-gradient-vertical': 'linear-gradient(180deg, #382484 0%, #5A0099 20%, #7623B0 35%, #2E7478 50%, #2FA26F 70%, #2FCE6A 80%)'
- }
- }
-})
-```
-
-Note in this example the same value is used in the first four properties (primary branding colour), then the next four (alternate branding colour). Even though they use the same value, these properties must all be defined. The system was set up this way to support accessible _light-on-dark_ and _dark-on-light_ theming options.
diff --git a/docs/content/framework/3.guides/4.creating-content-types.md b/docs/content/framework/3.guides/4.creating-content-types.md
deleted file mode 100644
index 971726bfed..0000000000
--- a/docs/content/framework/3.guides/4.creating-content-types.md
+++ /dev/null
@@ -1,165 +0,0 @@
----
-title: Creating content types
-description: How to create new content types for the SDP platform
-layout: page
----
-
-> See [key concepts - content types](/framework/key-concepts/content-types) for an overview of what content types are and the core content types used within the SDP platform.
-
-## Anatomy
-
-Content types are comprised of three main parts:
-
-- [A mapping object](#the-mapping-object) - maps API data to pass to a Vue component
-- [A server plugin](#the-server-plugin) - registers the content type with `@dpc-sdp/ripple-tide-api`
-- [And Vue components](#the-vue-component) - takes the mapped data and renders the content type
-
-## Creating a content type
-
-The Nuxt Ripple CLI provides a simple way to add new content types, to get started just run the following command:
-
-```
-npx @dpc-sdp/nuxt-ripple-cli add content-type [DIRECTORY] --name {NAME} --createTests --cypressPath {CYPRESSPATH}
-```
-
-Where `[DIRECTORY]` is the location to output the content type scaffolding, `{NAME}` is the name of the new content type, and `{CYPRESSPATH}` is the relative path to be used for the cypress tests folder.
-
-> Using the CLI is the preferred way to create new content types as it will ensure the correct file structure and naming conventions are used. It will also scaffold the mapping object, server plugin, and Vue component for you.
-
-## The mapping object
-
-The mapping object is responsible for supplying the data mapping and includes.
-
-- **Data mapping**: the data mapping is responsible for mapping the Tide API response data (i.e. Drupal JSON) into a clean format that can be used within the Vue component.
-- **Includes**: the includes are an array of fields that need to be added to the API request so Drupal knows what referenced entities to include in the API response, for more on Drupal includes see [JSON API includes](https://www.drupal.org/docs/core-modules-and-themes/core-modules/jsonapi-module/includes).
-
-Below is an example mapping object.
-
-```ts
-import type { IRplTideModuleMapping } from '@dpc-sdp/ripple-tide-api/types'
-import { tidePageBaseMapping, tidePageBaseIncludes } from '@dpc-sdp/nuxt-ripple/mapping'
-import { getField, getImageFromField } from '@dpc-sdp/ripple-tide-api'
-
-const tideMyConentTypeModule: IRplTideModuleMapping = {
- mapping: {
- // The base mapping is used to add common fields
- // See the tidePageBaseMapping function for details
- ...tidePageBaseMapping({ withTopicTags: true }),
-
- content: 'field_my_content_type_content',
-
- // Can be nested as needed
- header: {
- intro: 'field_landing_page_intro_text',
- },
-
- // Use a function to transform the data
- files: (src) => getField(src, 'field_node_files').map((file) => ({
- name: file.name,
- url: file.field_media_file.url
- })),
-
- // Or when using helper functions
- image: (src) => getImageFromField(src, 'field_featured_image.field_media_image')
- },
- includes: [
- // The base includes are used to include common fields
- // See the tidePageBaseIncludes function for details
- ...tidePageBaseIncludes({ withTopicTags: true }),
-
- 'field_featured_image',
- 'field_featured_image.field_media_image'
- ]
-}
-
-export default tideMyConentTypeModule
-```
-
-## The server plugin
-
-The server plugin is responsible for registering the new content type with `@dpc-sdp/ripple-tide-api`, this file needs to live within the `server/plugins` directory of the content type.
-
-The content type can then be registered by calling the `setContentType` method on the Tide page API. This method takes two arguments, the first is the name of the content type, and the second is the mapping object. If you have used the CLI to create the content type this will already be done for you.
-
-```ts
-import type { NitroApp } from 'nitropack'
-import { defineNitroPlugin } from 'nitropack/dist/runtime/plugin'
-import tideMyContentTypeModule from '../../mapping'
-
-export default defineNitroPlugin(async (nitroApp: NitroApp) => {
- nitroApp.tide?.pageApi.setContentType('my-content-type', tideMyContentTypeModule)
-})
-```
-
-## The Vue component
-
-A Vue component is needed to render the content type. This component will receive a `page` prop, it's this prop that contains the mapped data from the Tide API response.
-
-> **Important note**: The component needs to be registered globally, this can be done by adding the component to a `/components/global` folder within the content type. Because this is global the name needs to be unique, it must also be prefixed with `Tide` i.e. `TideMyContentType`.
-
-This component should use the `TideBaseLayout` component to render the shell of the site, from there slots are used to render the content types content in the right locations. If you're using the CLI it will take care of scaffolding a global component that uses `TideBaseLayout` for you.
-
-Below is an example component using `TideBaseLayout`.
-
-```vue
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-## Using the content type
-
-Content types are actually [Nuxt layers](https://nuxt.com/docs/getting-started/layers) so these are added in the same way as any other layer through the extends property of the main applications `nuxt.config.ts` file.
-
-```js
-export default defineNuxtConfig({
- extends: [
- '@dpc-sdp/ripple-tide-news', // An npm installed package
- 'github:dpc-sdp/ripple-tide-news#1.0.0', // A tagged git repository
- './layers/tide-my-content-type', // A local layer
- ]
-})
-```
diff --git a/docs/content/framework/3.guides/5.creating-new-layers.md b/docs/content/framework/3.guides/5.creating-new-layers.md
deleted file mode 100644
index 11349fe304..0000000000
--- a/docs/content/framework/3.guides/5.creating-new-layers.md
+++ /dev/null
@@ -1,75 +0,0 @@
----
-title: Creating new layers
-description: Implementing custom functionality through layers
-layout: page
-links:
- - text: Nuxt layers documentation
- url: https://nuxt.com/docs/getting-started/layers
----
-
-Nuxt layers are used to encapsulate Ripple functionality, so it can easily be shared and reused across projects, see [key concepts - layers](/framework/key-concepts/nuxt-layers) for a conceptual overview of what layers are and how they are used within Ripple.
-
-## Creating a new layer
-
-The Nuxt Ripple CLI provides a simple way to initialise new layers, to create a new layer just run the following command:
-
-```
-npx @dpc-sdp/nuxt-ripple-cli init layer [DIRECTORY] --name {NAME}
-```
-
-Where `[DIRECTORY]` is the location to output the layer scaffolding and `{NAME}` is the name of the new layer. This command will scaffold everything you need to get started developing a new layer.
-
-## Developing the layer
-
-Once the layer has been created you can start working with it by running the command below from the new layers directory. This will start a development server and allow you to start working on the layer.
-
-```bash
-npm run dev
-```
-
-The `playground` folder contains the essentials to get a test Nuxt application up and running, it includes a `app.config.js`, `nuxt.config.js` and `.env` file. The `nuxt.config.js` includes a core set of layers used by Ripple to get a reference sdp site up and running, it also includes the new layer itself.
-
-> The `playground` folder is a fully functional Nuxt application and can be used to test the new layer in isolation.
-
-The layers structure is almost identical to a normal Nuxt app, meaning you can utilise the same features and conventions as a standard Nuxt application. i.e. create a `pages` folder for new pages, create a `components` folder for new components, etc.
-
-Other useful commands:
-- `npm run build` to do a production build of the `.preview` application (for testing purposes)
-- `npm run lint` to lint the layer code with [eslint](https://eslint.org/)
-- `npm run test` to run any unit tests with [jest](https://jestjs.io/)
-
-## Publishing the layer
-
-Once the layer is ready to be published it can be published to npm or pushed to a remote git repository, [GitHub](https://github.com/), [GitLab](https://about.gitlab.com/), and [Bitbucket](https://bitbucket.org/) are supported.
-For more on publishing to npm see [contributing packages to the npm registry](https://docs.npmjs.com/packages-and-modules/contributing-packages-to-the-registry).
-
-## Using the layer
-
-Nuxt layers can be added to any Nuxt site by including the layer in the `nuxt.config.js` file under extends. If the layer is published to npm don't forget to `npm install` it first.
-
-```js
-export default defineNuxtConfig({
- extends: [
- '@dpc-sdp/nuxt-ripple', // An npm installed package
- 'github:dpc-sdp/ripple-vic-gov-au-custom#1.0.0' // A tagged git repository
- ]
-})
-```
-
-Also, make sure to check the layers documentation for any additional configuration that may be required.
-
-> To extend from a private repository, you need to add a `GIGET_AUTH=` environment variable, with an auth token from your git provider.
-
-### Caveats when using layers from a git repository
-
-If a layer is added via a git repository and that layer has npm dependencies, you will need to manually install them within the Nuxt application utilising the layer. The Nuxt team are looking at auto-installing layer dependencies in the future, see [issue #13367](https://github.com/nuxt/nuxt/issues/13367).
-
-You will also need to alias the dependencies in the Nuxt application, so they can be resolved to the correct package location. This can be done by adding an `alias` object to the `nuxt.config.js` file.
-
-```js
-export default defineNuxtConfig({
- alias: {
- 'date-fns': require.resolve('date-fns')
- }
-})
-```
diff --git a/docs/content/framework/3.guides/5.dynamic-components.md b/docs/content/framework/3.guides/5.dynamic-components.md
deleted file mode 100644
index 9c8d601fe6..0000000000
--- a/docs/content/framework/3.guides/5.dynamic-components.md
+++ /dev/null
@@ -1,124 +0,0 @@
----
-title: Adding a new dynamic component
-description: 'Learn how to add a new dynamic page component to a content type'
-layout: page
----
-
-> See [key concepts - dynamic components](/framework/key-concepts/dynamic-components) for a conceptual overview of what dynamic components are and how they are used within the SDP platform.
-
-Dynamic components comprise of the following elements:
-
-- A mapping function that will map the raw drupal api response to a Vue component and the props to pass to that Vue component
-- A Vue component that will render the component
-- A list of 'includes' to send to Drupal JSON API (See drupal docs for [Includes](https://www.drupal.org/docs/core-modules-and-themes/core-modules/jsonapi-module/includes))
-- A list of content types that the dynamic component can be added to
-
-Each dynamic component then needs to be registered against the name of the [paragraph](https://www.drupal.org/project/paragraphs) in Drupal.
-
-## Registering the dynamic component
-
-Dynamic components need to registered inside a [Nitro Plugins](https://nitro.unjs.io/guide/plugins). Nitro is the server engine used in Nuxt 3.
-
-Nitro Plugins can be added in the `/server/plugins` folder in your project.
-
-Use the `setDynamicComponent` method to register your component.
-
-`setDynamicComponent` takes the following parameters:
-
-- name of the component in Drupal (paragraph name)
-- the mapping function, includes and list of content types
-
-```ts
-// /server/plugins/my-content-type.ts
-
-export default defineNitroPlugin(async (nitroApp: NitroApp) => {
- nitroApp.tide?.pageApi.setDynamicComponent('paragraph--my_dynamic_component', {
- mapping: (field) => { ... },
- includes: [ ... ],
- contentTypes: [ ... ]
- })
-})
-```
-
-The individual elements of a dynamic component are covered below.
-
-## The mapping function
-
-The mapping function takes the raw response from the drupal JSON API and returns a standard structure that ultimately ties the dynamic component with a Vue component.
-
-```ts
-import { TideDynamicPageComponent } from '@dpc-sdp/ripple-tide-api/types'
-
-interface IMyDynamicComponentProps {
- someProp1: boolean,
- someProp2: string
-}
-
-const mappingFunction = (field): TideDynamicPageComponent => {
- return {
- // This should be the name to the Vue component you created
- component: 'MyDynamicComponent',
-
- // Always include a unique id
- id: field.drupal_internal__id.toString(),
-
- // Some components have titles above them, which you can add here. This is optional
- title: field.field_paragraph_title,
-
- // These props will be passed to `MyDynamicComponent`
- props: {
- someProp1: false,
- someProp2: field.field_paragraph_description
- }
- }
-}
-```
-
-## The Vue component
-
-Create a Vue component that will render your dynamic component.
-
-This component will be rendered each time your component appears on a page and will receive any props that were specified from the mapping function.
-
-> **Important note**: For this to work, your component needs to be registered globally. The simplest way to do this is to add the component to the `/components/global` folder in your layer.
->
-> Because they are global it's also important to choose non generic names so that they don't clash and overwrite other dynamic components
-
-```ts
-// /components/global/MyDynamicComponent.vue
-
-
-
-
-
- {{someProp2}}
-
-
-```
-
-## The list of includes
-
-Each dynamic component should specify an array of 'includes' that it needs in order to function properly.
-
-```ts
-const includes = [
- 'field_landing_page_component.field_paragraph_accordion'
-]
-```
-
-## The list of content types
-
-Each dynamic component should specify an array of 'content types' that the dynamic component can appear on.
-
-```ts
-const contentTypes = [
- 'landing_page',
- 'some_content_type'
-]
-```
-
diff --git a/docs/content/framework/4.core-modules.md b/docs/content/framework/4.core-modules.md
deleted file mode 100644
index dbcccdbf8e..0000000000
--- a/docs/content/framework/4.core-modules.md
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: Core modules
-description: A listing of all current core Ripple layers and packages
-layout: page
----
-
-View each package on GitHub package registry for their individual READMEs.
-
-## Core UI Libraries
-
-- [`ripple-ui-core`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-ui-core)
-- [`ripple-ui-forms`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-ui-forms)
-- [`ripple-ui-maps`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-ui-maps)
-
-## Tide API
-
-- [`ripple-tide-api`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-tide-api)
-
-## Nuxt-ripple base layer
-
-- [`nuxt-ripple`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/nuxt-ripple)
-
-## Core content types
-
-All core content types (and content related packages) are added through the `ripple-sdp-core` package
-
-- [`ripple-sdp-core`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-sdp-core)
-
-Below are the individual content type packages that are included in `ripple-sdp-core`:
-
-- [`ripple-tide-search`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-tide-search)
-- [`ripple-tide-webform`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-tide-webform)
-- [`ripple-tide-topic`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-tide-topic)
-- [`ripple-tide-landing-page`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-tide-landing-page)
-- [`ripple-tide-event`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-tide-event)
-- [`ripple-tide-grant`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-tide-grant)
-- [`ripple-tide-media`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-tide-media)
-- [`ripple-tide-news`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-tide-news)
-- [`ripple-tide-publication`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-tide-publication)
-
-## Other core modules
-
-- [`nuxt-ripple-analytics`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/nuxt-ripple-analytics)
-- [`nuxt-ripple-preview`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/nuxt-ripple-preview)
-
-## Scaffolding, testing and supporting packages
-
-- [`nuxt-ripple-cli`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/nuxt-ripple-cli)
-- [`ripple-test-utils`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/ripple-test-utils)
-- [`eslint-config-ripple`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/eslint-config-ripple)
-- [`stylelint-config-ripple`](https://github.com/dpc-sdp/ripple-framework/pkgs/npm/stylelint-config-ripple)
diff --git a/docs/content/framework/_4.modules/0.all-modules.md b/docs/content/framework/_4.modules/0.all-modules.md
deleted file mode 100644
index 8f6402387b..0000000000
--- a/docs/content/framework/_4.modules/0.all-modules.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: All modules
-description: 'Core modules'
-layout: module-listing
----
diff --git a/docs/content/framework/_4.modules/@dpc-sdp-nuxt-ripple/index.md b/docs/content/framework/_4.modules/@dpc-sdp-nuxt-ripple/index.md
deleted file mode 100644
index 59a670ef7c..0000000000
--- a/docs/content/framework/_4.modules/@dpc-sdp-nuxt-ripple/index.md
+++ /dev/null
@@ -1,9 +0,0 @@
----
-title: Nuxt Ripple
-description: 'A Nuxt module for integrating Ripple and Tide'
-layout: module
----
-
-## Overview
-
-A Nuxt module for integrating Ripple and Tide.
diff --git a/docs/content/framework/_4.modules/@dpc-sdp-nuxt-ripple/module.json b/docs/content/framework/_4.modules/@dpc-sdp-nuxt-ripple/module.json
deleted file mode 100644
index e08281c168..0000000000
--- a/docs/content/framework/_4.modules/@dpc-sdp-nuxt-ripple/module.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
- "name": "Nuxt Ripple",
- "packageName": "@dpc-sdp/nuxt-ripple",
- "description": "A Nuxt module for integrating Ripple and Tide",
- "sourceUrl": "https://github.com/dpc-sdp/ripple-framework/tree/develop/packages/nuxt-ripple",
- "issuesUrl": "https://github.com/dpc-sdp/ripple-framework/issues",
- "contributor": {
- "name": "SDP",
- "url": "https://www.vic.gov.au/single-digital-presence"
- }
-}
diff --git a/docs/content/framework/_4.modules/@dpc-sdp-ripple-tide-landing-page/index.md b/docs/content/framework/_4.modules/@dpc-sdp-ripple-tide-landing-page/index.md
deleted file mode 100644
index 1e8ef38b4b..0000000000
--- a/docs/content/framework/_4.modules/@dpc-sdp-ripple-tide-landing-page/index.md
+++ /dev/null
@@ -1,9 +0,0 @@
----
-title: Ripple Tide Landing Page
-description: 'Landing Page content type support.'
-layout: module
----
-
-## Overview
-
-Ripple mappings and templates for the Tide Landing Page content type.
diff --git a/docs/content/framework/_4.modules/@dpc-sdp-ripple-tide-landing-page/module.json b/docs/content/framework/_4.modules/@dpc-sdp-ripple-tide-landing-page/module.json
deleted file mode 100644
index 525cbf0ce8..0000000000
--- a/docs/content/framework/_4.modules/@dpc-sdp-ripple-tide-landing-page/module.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
- "name": "Landing Page",
- "packageName": "@dpc-sdp/ripple-tide-landing-page",
- "description": "Landing Page content type support.",
- "sourceUrl": "https://github.com/dpc-sdp/ripple-framework/tree/develop/packages/ripple-tide-landing-page",
- "issuesUrl": "https://github.com/dpc-sdp/ripple-framework/issues",
- "contributor": {
- "name": "SDP",
- "url": "https://www.vic.gov.au/single-digital-presence"
- }
-}
diff --git a/docs/error.vue b/docs/error.vue
deleted file mode 100644
index 0f95417500..0000000000
--- a/docs/error.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
-
-
-
- Have a look at the web address to make sure it was typed correctly. We
- may also have deleted this page.
-
- RplButton
-
-
diff --git a/examples/vue-app/tsconfig.json b/examples/vue-app/tsconfig.json
deleted file mode 100644
index d2eb367c4a..0000000000
--- a/examples/vue-app/tsconfig.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
- "extends": "@vue/tsconfig/tsconfig.web.json",
- "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
- "compilerOptions": {
- "baseUrl": ".",
- "paths": {
- "@/*": ["./src/*"],
- "@dpc-sdp/ripple-core-ui": [
- "./../../packages/ripple-core-ui/dist/rpl-lib-es.js"
- ]
- }
- },
-
- "references": [
- {
- "path": "./tsconfig.vite-config.json"
- }
- ]
-}
diff --git a/examples/vue-app/tsconfig.vite-config.json b/examples/vue-app/tsconfig.vite-config.json
deleted file mode 100644
index 93fe5846ea..0000000000
--- a/examples/vue-app/tsconfig.vite-config.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "extends": "@vue/tsconfig/tsconfig.node.json",
- "include": ["vite.config.*"],
- "compilerOptions": {
- "composite": true,
- "types": ["node"]
- }
-}
diff --git a/examples/vue-app/vite.config.ts b/examples/vue-app/vite.config.ts
deleted file mode 100644
index 28122bf444..0000000000
--- a/examples/vue-app/vite.config.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import path from 'path'
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-
-// https://vitejs.dev/config/
-export default defineConfig({
- plugins: [vue()],
- resolve: {
- alias: {
- '@': path.resolve(__dirname, './src')
- }
- }
-})
diff --git a/examples/webcomponents/CHANGELOG.md b/examples/webcomponents/CHANGELOG.md
deleted file mode 100644
index 3d001c1b35..0000000000
--- a/examples/webcomponents/CHANGELOG.md
+++ /dev/null
@@ -1,415 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-# [2.1.0-alpha.76](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.75...v2.1.0-alpha.76) (2023-02-08)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.71](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.70...v2.1.0-alpha.71) (2023-01-31)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.70](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.69...v2.1.0-alpha.70) (2023-01-30)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.69](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.68...v2.1.0-alpha.69) (2023-01-29)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.67](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.66...v2.1.0-alpha.67) (2023-01-27)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.65](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.64...v2.1.0-alpha.65) (2023-01-25)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.64](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.63...v2.1.0-alpha.64) (2023-01-24)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.63](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.62...v2.1.0-alpha.63) (2023-01-24)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.57](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.56...v2.1.0-alpha.57) (2023-01-09)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.56](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.55...v2.1.0-alpha.56) (2023-01-06)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.55](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.54...v2.1.0-alpha.55) (2023-01-04)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.54](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.53...v2.1.0-alpha.54) (2023-01-03)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.53](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.52...v2.1.0-alpha.53) (2022-12-30)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.52](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.51...v2.1.0-alpha.52) (2022-12-22)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.51](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.50...v2.1.0-alpha.51) (2022-12-22)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.50](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.49...v2.1.0-alpha.50) (2022-12-21)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.45](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.44...v2.1.0-alpha.45) (2022-12-19)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.44](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.43...v2.1.0-alpha.44) (2022-12-18)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.43](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.42...v2.1.0-alpha.43) (2022-12-15)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.40](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.39...v2.1.0-alpha.40) (2022-12-15)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.36](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.35...v2.1.0-alpha.36) (2022-12-14)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.35](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.34...v2.1.0-alpha.35) (2022-12-14)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.34](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.33...v2.1.0-alpha.34) (2022-12-13)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.31](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.30...v2.1.0-alpha.31) (2022-12-09)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.30](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.29...v2.1.0-alpha.30) (2022-12-07)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.29](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.28...v2.1.0-alpha.29) (2022-12-07)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.28](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.27...v2.1.0-alpha.28) (2022-12-07)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.27](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.26...v2.1.0-alpha.27) (2022-12-06)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.26](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.25...v2.1.0-alpha.26) (2022-12-06)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.24](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.23...v2.1.0-alpha.24) (2022-12-02)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.23](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.22...v2.1.0-alpha.23) (2022-12-02)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.20](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.19...v2.1.0-alpha.20) (2022-11-29)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.19](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.18...v2.1.0-alpha.19) (2022-11-28)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.18](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.17...v2.1.0-alpha.18) (2022-11-28)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.16](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.15...v2.1.0-alpha.16) (2022-11-25)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.15](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.14...v2.1.0-alpha.15) (2022-11-23)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.14](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.13...v2.1.0-alpha.14) (2022-11-21)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.13](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.12...v2.1.0-alpha.13) (2022-11-21)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.12](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.11...v2.1.0-alpha.12) (2022-11-18)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.11](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.10...v2.1.0-alpha.11) (2022-11-16)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.10](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.9...v2.1.0-alpha.10) (2022-11-16)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.9](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.8...v2.1.0-alpha.9) (2022-11-14)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.8](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.7...v2.1.0-alpha.8) (2022-11-09)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.6](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.5...v2.1.0-alpha.6) (2022-11-09)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.5](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.4...v2.1.0-alpha.5) (2022-11-09)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# [2.1.0-alpha.1](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.0...v2.1.0-alpha.1) (2022-11-08)
-
-**Note:** Version bump only for package webcomponents
-
-
-
-
-
-# 2.1.0-alpha.0 (2022-11-08)
-
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fix webcomponents style import ([362881b](https://github.com/dpc-sdp/ripple-framework/commit/362881b4533202a7e7babeb7fc25768032cfa530))
-
-
-
-
-
-## [2.0.1-alpha.4](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.1-alpha.3...v2.0.1-alpha.4) (2022-11-06)
-
-**Note:** Version bump only for package webcomponents
-
-## [2.0.1-alpha.3](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.1-alpha.2...v2.0.1-alpha.3) (2022-11-04)
-
-**Note:** Version bump only for package webcomponents
-
-## [2.0.1-alpha.2](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.1-alpha.1...v2.0.1-alpha.2) (2022-11-04)
-
-**Note:** Version bump only for package webcomponents
-
-## 2.0.1-alpha.0 (2022-11-04)
-
-### Bug Fixes
-
-- **@dpc-sdp/ripple-ui-core:** fix webcomponents style import ([362881b](https://github.com/dpc-sdp/ripple-framework/commit/362881b4533202a7e7babeb7fc25768032cfa530))
-
-# [2.0.0-alpha.2](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.0-alpha.1...v2.0.0-alpha.2) (2022-11-04)
-
-**Note:** Version bump only for package webcomponents
-
-# [2.0.0-alpha.1](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.0-alpha.0...v2.0.0-alpha.1) (2022-11-04)
-
-**Note:** Version bump only for package webcomponents
-
-# 2.0.0-alpha.0 (2022-11-04)
-
-### Bug Fixes
-
-- **@dpc-sdp/ripple-ui-core:** fix webcomponents style import ([362881b](https://github.com/dpc-sdp/ripple-framework/commit/362881b4533202a7e7babeb7fc25768032cfa530))
diff --git a/examples/webcomponents/favicon.svg b/examples/webcomponents/favicon.svg
deleted file mode 100644
index de4aeddc12..0000000000
--- a/examples/webcomponents/favicon.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
diff --git a/examples/webcomponents/index.html b/examples/webcomponents/index.html
deleted file mode 100644
index 5c7e60326f..0000000000
--- a/examples/webcomponents/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
-
-
-
-
- Vite App
-
-
-
-
-
-
Web components test page
-
- A short paragraph with a
- text link in
- the middle.
-
- Test button
-
-
-
diff --git a/examples/webcomponents/main.js b/examples/webcomponents/main.js
deleted file mode 100644
index b3d2a6ad19..0000000000
--- a/examples/webcomponents/main.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import { registerRplWebComponents } from '@dpc-sdp/ripple-ui-core/webcomponents'
-import '@dpc-sdp/ripple-ui-core/style'
-import '@dpc-sdp/ripple-ui-core/style/components'
-
-// Loads all ripple components
-registerRplWebComponents()
diff --git a/examples/webcomponents/package.json b/examples/webcomponents/package.json
deleted file mode 100644
index 9dc6e8a3d1..0000000000
--- a/examples/webcomponents/package.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
- "name": "webcomponents",
- "private": true,
- "license": "Apache-2.0",
- "version": "2.1.0-alpha.76",
- "scripts": {
- "dev": "vite",
- "build": "vite build",
- "preview": "vite preview"
- },
- "dependencies": {
- "@dpc-sdp/ripple-ui-core": "workspace:*"
- }
-}
diff --git a/examples/webcomponents/public/assets/fonts/VIC-Bold.woff2 b/examples/webcomponents/public/assets/fonts/VIC-Bold.woff2
deleted file mode 100755
index 14b4a0c465..0000000000
Binary files a/examples/webcomponents/public/assets/fonts/VIC-Bold.woff2 and /dev/null differ
diff --git a/examples/webcomponents/public/assets/fonts/VIC-Regular.woff2 b/examples/webcomponents/public/assets/fonts/VIC-Regular.woff2
deleted file mode 100755
index 0eb89f6a4a..0000000000
Binary files a/examples/webcomponents/public/assets/fonts/VIC-Regular.woff2 and /dev/null differ
diff --git a/package.json b/package.json
index beff33f282..009b3e2cff 100644
--- a/package.json
+++ b/package.json
@@ -7,14 +7,11 @@
"repository": "https://github.com/dpc-sdp/ripple-framework",
"scripts": {
"example": "wrap () { pnpm -F example-\"$*\" dev | cat; }; wrap",
- "storybook": "pnpm -F ripple-storybook start",
"dev": "pnpm -F nuxt-app dev:mock",
"clean": "git clean -dfx && git reset --hard && pnpm",
- "build": "pnpm -F !docs -F !ripple-storybook -F !nuxt-app -F !vue-app -F !webcomponents build",
- "build:ripple": "pnpm -F \"@dpc-sdp/ripple-ui-*\" -F \"@dpc-sdp/ripple-tide-api\" build",
+ "build": "pnpm -F !nuxt-app build",
+ "build:ripple": "pnpm -F \"@dpc-sdp/ripple-tide-api\" build",
"build:examples": "pnpm -F \"./examples/**\" build",
- "build:docs": "pnpm -F docs build",
- "build:storybook": "pnpm -F ripple-storybook static:build",
"postinstall": "husky install && pnpm build",
"preinstall": "npx only-allow pnpm",
"release:prepare": "pnpm release:version && pnpm release:changelog",
@@ -23,24 +20,14 @@
"release:publish-alpha": "lerna publish --canary minor --preid alpha --dist-tag alpha --force-publish",
"release:publish-next": "lerna publish --canary --preid next.$(git rev-parse --short HEAD) --dist-tag next --force-publish",
"release:publish": "lerna publish from-package",
- "lint": "eslint . --ext .ts,.vue && stylelint 'packages/ripple-ui-core/**/*.css'",
+ "lint": "eslint . --ext .ts,.vue",
"test:unit": "vitest run",
"test:unit-watch": "vitest watch",
- "test:components-core": "pnpm -F @dpc-sdp/ripple-ui-core test:components",
- "test:components-forms": "pnpm -F @dpc-sdp/ripple-ui-forms test:components",
- "test:storybook": "pnpm -F ripple-storybook test",
- "test:storybook-ci": "pnpm -F ripple-storybook test:ci",
"test:nuxt-app": "pnpm -F nuxt-app test:integration",
"ci:nuxt-app": "pnpm -F nuxt-app test:ci",
"start:nuxt": "pnpm -F nuxt-app start",
- "start:vue": "pnpm -F vue-app start",
- "start:wc": "pnpm -F webcomponents start",
"dev:nuxt": "pnpm -F nuxt-app dev",
- "dev:vue": "pnpm -F vue-app dev",
- "dev:wc": "pnpm -F webcomponents dev",
- "dev:docs": "pnpm -F docs dev",
"cypress": "cypress open --global",
- "chromatic": "npx chromatic --storybook-build-dir ./packages/ripple-storybook/storybook-static --storybook-base-dir ./packages/ripple-ui-core --storybook-config-dir ./packages/ripple-ui-core",
"generate:component": "nuxt-ripple add component ./packages/ripple-ui-core/src/components"
},
"devDependencies": {
@@ -52,10 +39,11 @@
"@commitlint/cli": "^17.4.4",
"@commitlint/config-conventional": "^17.4.4",
"@cypress/vite-dev-server": "^5.0.5",
- "@dpc-sdp/eslint-config-ripple": "workspace:*",
- "@dpc-sdp/ripple-ui-core": "workspace:*",
- "@dpc-sdp/ripple-ui-forms": "workspace:*",
- "@dpc-sdp/stylelint-config-ripple": "workspace:*",
+ "@dpc-sdp/eslint-config-ripple": "catalog:",
+ "@dpc-sdp/ripple-ui-core": "catalog:",
+ "@dpc-sdp/ripple-ui-forms": "catalog:",
+ "@dpc-sdp/ripple-ui-maps": "catalog:",
+ "@dpc-sdp/stylelint-config-ripple": "catalog:",
"@lerna-lite/cli": "^4.1.1",
"@lerna-lite/publish": "^4.1.1",
"@lerna-lite/version": "^4.1.1",
@@ -108,7 +96,6 @@
"@nuxtjs/mdc@<=0.13.2": ">=0.13.3"
},
"patchedDependencies": {
- "@vitejs/plugin-vue@5.0.4": "patches/@vitejs__plugin-vue@5.0.4.patch",
"parse5@7.1.2": "patches/parse5@7.1.2.patch",
"parse5-htmlparser2-tree-adapter@7.0.0": "patches/parse5-htmlparser2-tree-adapter@7.0.0.patch",
"parse5-parser-stream@7.1.2": "patches/parse5-parser-stream@7.1.2.patch"
diff --git a/packages/eslint-config-ripple/CHANGELOG.md b/packages/eslint-config-ripple/CHANGELOG.md
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/packages/eslint-config-ripple/LICENSE b/packages/eslint-config-ripple/LICENSE
deleted file mode 100644
index 6b97259524..0000000000
--- a/packages/eslint-config-ripple/LICENSE
+++ /dev/null
@@ -1,201 +0,0 @@
- Apache License
- Version 2.0, January 2004
- http://www.apache.org/licenses/
-
-TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-1. Definitions.
-
- "License" shall mean the terms and conditions for use, reproduction,
- and distribution as defined by Sections 1 through 9 of this document.
-
- "Licensor" shall mean the copyright owner or entity authorized by
- the copyright owner that is granting the License.
-
- "Legal Entity" shall mean the union of the acting entity and all
- other entities that control, are controlled by, or are under common
- control with that entity. For the purposes of this definition,
- "control" means (i) the power, direct or indirect, to cause the
- direction or management of such entity, whether by contract or
- otherwise, or (ii) ownership of fifty percent (50%) or more of the
- outstanding shares, or (iii) beneficial ownership of such entity.
-
- "You" (or "Your") shall mean an individual or Legal Entity
- exercising permissions granted by this License.
-
- "Source" form shall mean the preferred form for making modifications,
- including but not limited to software source code, documentation
- source, and configuration files.
-
- "Object" form shall mean any form resulting from mechanical
- transformation or translation of a Source form, including but
- not limited to compiled object code, generated documentation,
- and conversions to other media types.
-
- "Work" shall mean the work of authorship, whether in Source or
- Object form, made available under the License, as indicated by a
- copyright notice that is included in or attached to the work
- (an example is provided in the Appendix below).
-
- "Derivative Works" shall mean any work, whether in Source or Object
- form, that is based on (or derived from) the Work and for which the
- editorial revisions, annotations, elaborations, or other modifications
- represent, as a whole, an original work of authorship. For the purposes
- of this License, Derivative Works shall not include works that remain
- separable from, or merely link (or bind by name) to the interfaces of,
- the Work and Derivative Works thereof.
-
- "Contribution" shall mean any work of authorship, including
- the original version of the Work and any modifications or additions
- to that Work or Derivative Works thereof, that is intentionally
- submitted to Licensor for inclusion in the Work by the copyright owner
- or by an individual or Legal Entity authorized to submit on behalf of
- the copyright owner. For the purposes of this definition, "submitted"
- means any form of electronic, verbal, or written communication sent
- to the Licensor or its representatives, including but not limited to
- communication on electronic mailing lists, source code control systems,
- and issue tracking systems that are managed by, or on behalf of, the
- Licensor for the purpose of discussing and improving the Work, but
- excluding communication that is conspicuously marked or otherwise
- designated in writing by the copyright owner as "Not a Contribution."
-
- "Contributor" shall mean Licensor and any individual or Legal Entity
- on behalf of whom a Contribution has been received by Licensor and
- subsequently incorporated within the Work.
-
-2. Grant of Copyright License. Subject to the terms and conditions of
- this License, each Contributor hereby grants to You a perpetual,
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
- copyright license to reproduce, prepare Derivative Works of,
- publicly display, publicly perform, sublicense, and distribute the
- Work and such Derivative Works in Source or Object form.
-
-3. Grant of Patent License. Subject to the terms and conditions of
- this License, each Contributor hereby grants to You a perpetual,
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
- (except as stated in this section) patent license to make, have made,
- use, offer to sell, sell, import, and otherwise transfer the Work,
- where such license applies only to those patent claims licensable
- by such Contributor that are necessarily infringed by their
- Contribution(s) alone or by combination of their Contribution(s)
- with the Work to which such Contribution(s) was submitted. If You
- institute patent litigation against any entity (including a
- cross-claim or counterclaim in a lawsuit) alleging that the Work
- or a Contribution incorporated within the Work constitutes direct
- or contributory patent infringement, then any patent licenses
- granted to You under this License for that Work shall terminate
- as of the date such litigation is filed.
-
-4. Redistribution. You may reproduce and distribute copies of the
- Work or Derivative Works thereof in any medium, with or without
- modifications, and in Source or Object form, provided that You
- meet the following conditions:
-
- (a) You must give any other recipients of the Work or
- Derivative Works a copy of this License; and
-
- (b) You must cause any modified files to carry prominent notices
- stating that You changed the files; and
-
- (c) You must retain, in the Source form of any Derivative Works
- that You distribute, all copyright, patent, trademark, and
- attribution notices from the Source form of the Work,
- excluding those notices that do not pertain to any part of
- the Derivative Works; and
-
- (d) If the Work includes a "NOTICE" text file as part of its
- distribution, then any Derivative Works that You distribute must
- include a readable copy of the attribution notices contained
- within such NOTICE file, excluding those notices that do not
- pertain to any part of the Derivative Works, in at least one
- of the following places: within a NOTICE text file distributed
- as part of the Derivative Works; within the Source form or
- documentation, if provided along with the Derivative Works; or,
- within a display generated by the Derivative Works, if and
- wherever such third-party notices normally appear. The contents
- of the NOTICE file are for informational purposes only and
- do not modify the License. You may add Your own attribution
- notices within Derivative Works that You distribute, alongside
- or as an addendum to the NOTICE text from the Work, provided
- that such additional attribution notices cannot be construed
- as modifying the License.
-
- You may add Your own copyright statement to Your modifications and
- may provide additional or different license terms and conditions
- for use, reproduction, or distribution of Your modifications, or
- for any such Derivative Works as a whole, provided Your use,
- reproduction, and distribution of the Work otherwise complies with
- the conditions stated in this License.
-
-5. Submission of Contributions. Unless You explicitly state otherwise,
- any Contribution intentionally submitted for inclusion in the Work
- by You to the Licensor shall be under the terms and conditions of
- this License, without any additional terms or conditions.
- Notwithstanding the above, nothing herein shall supersede or modify
- the terms of any separate license agreement you may have executed
- with Licensor regarding such Contributions.
-
-6. Trademarks. This License does not grant permission to use the trade
- names, trademarks, service marks, or product names of the Licensor,
- except as required for reasonable and customary use in describing the
- origin of the Work and reproducing the content of the NOTICE file.
-
-7. Disclaimer of Warranty. Unless required by applicable law or
- agreed to in writing, Licensor provides the Work (and each
- Contributor provides its Contributions) on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
- implied, including, without limitation, any warranties or conditions
- of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
- PARTICULAR PURPOSE. You are solely responsible for determining the
- appropriateness of using or redistributing the Work and assume any
- risks associated with Your exercise of permissions under this License.
-
-8. Limitation of Liability. In no event and under no legal theory,
- whether in tort (including negligence), contract, or otherwise,
- unless required by applicable law (such as deliberate and grossly
- negligent acts) or agreed to in writing, shall any Contributor be
- liable to You for damages, including any direct, indirect, special,
- incidental, or consequential damages of any character arising as a
- result of this License or out of the use or inability to use the
- Work (including but not limited to damages for loss of goodwill,
- work stoppage, computer failure or malfunction, or any and all
- other commercial damages or losses), even if such Contributor
- has been advised of the possibility of such damages.
-
-9. Accepting Warranty or Additional Liability. While redistributing
- the Work or Derivative Works thereof, You may choose to offer,
- and charge a fee for, acceptance of support, warranty, indemnity,
- or other liability obligations and/or rights consistent with this
- License. However, in accepting such obligations, You may act only
- on Your own behalf and on Your sole responsibility, not on behalf
- of any other Contributor, and only if You agree to indemnify,
- defend, and hold each Contributor harmless for any liability
- incurred by, or claims asserted against, such Contributor by reason
- of your accepting any such warranty or additional liability.
-
-END OF TERMS AND CONDITIONS
-
-APPENDIX: How to apply the Apache License to your work.
-
- To apply the Apache License to your work, attach the following
- boilerplate notice, with the fields enclosed by brackets "[]"
- replaced with your own identifying information. (Don't include
- the brackets!) The text should be enclosed in the appropriate
- comment syntax for the file format. We also recommend that a
- file or class name and description of purpose be included on the
- same "printed page" as the copyright notice for easier
- identification within third-party archives.
-
-Copyright 2018 Software Freedom Conservancy (SFC)
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
diff --git a/packages/eslint-config-ripple/README.md b/packages/eslint-config-ripple/README.md
deleted file mode 100644
index 3213bbdd7f..0000000000
--- a/packages/eslint-config-ripple/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# eslint-config-ripple
-
-Customised eslint rules for use with Ripple.
diff --git a/packages/eslint-config-ripple/index.js b/packages/eslint-config-ripple/index.js
deleted file mode 100644
index d7b421cdb0..0000000000
--- a/packages/eslint-config-ripple/index.js
+++ /dev/null
@@ -1,41 +0,0 @@
-module.exports = {
- parser: 'vue-eslint-parser',
- env: {
- browser: true,
- node: true,
- 'vue/setup-compiler-macros': true
- },
- extends: ['@nuxt/eslint-config'],
- overrides: [
- {
- files: ['*.{vue,ts,js}'],
- rules: {
- // Override/add rules settings here
- 'no-prototype-builtins': 'off',
- 'vue/attribute-hyphenation': 'off',
- 'vue/first-attribute-linebreak': 'off',
- 'vue/max-attributes-per-line': 'off',
- 'vue/multi-word-component-names': 'off',
- 'vue/no-v-html': 'off',
- 'vue/v-on-event-hyphenation': 'off',
- '@typescript-eslint/ban-ts-comment': 'off',
- '@typescript-eslint/no-explicit-any': 'off', // allow explicit any types for now
- '@typescript-eslint/no-unused-vars': [
- 'warn',
- {
- varsIgnorePattern: 'props'
- }
- ],
-
- // Compatibility rules - remove when CI passes
- 'no-extra-semi': 'off',
- 'prefer-const': 'off',
- 'vue/html-closing-bracket-newline': 'off',
- 'vue/html-indent': 'off',
- 'vue/html-self-closing': 'off',
- 'vue/multiline-html-element-content-newline': 'off',
- 'vue/singleline-html-element-content-newline': 'off'
- }
- }
- ]
-}
diff --git a/packages/eslint-config-ripple/package.json b/packages/eslint-config-ripple/package.json
deleted file mode 100644
index 1b49801fea..0000000000
--- a/packages/eslint-config-ripple/package.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
- "name": "@dpc-sdp/eslint-config-ripple",
- "description": "ESLint config for Ripple projects",
- "version": "2.47.0",
- "license": "Apache-2.0",
- "repository": "https://github.com/dpc-sdp/ripple-framework",
- "main": "index.js",
- "exports": {
- ".": "./index.js"
- },
- "files": [
- "index.js"
- ],
- "dependencies": {
- "@nuxt/eslint-config": "0.1.1",
- "@typescript-eslint/eslint-plugin": "^6.2.0",
- "@typescript-eslint/parser": "^6.2.0",
- "vue-eslint-parser": "^9.3.1"
- },
- "devDependencies": {
- "eslint": "^8.45.0",
- "eslint-junit": "^1.0.1"
- },
- "peerDependencies": {
- "eslint": "^8.45.0"
- }
-}
diff --git a/packages/nuxt-ripple-analytics/package.json b/packages/nuxt-ripple-analytics/package.json
index d434e4b5ca..47c7cae2a7 100644
--- a/packages/nuxt-ripple-analytics/package.json
+++ b/packages/nuxt-ripple-analytics/package.json
@@ -10,7 +10,7 @@
"./events": "./lib/index.ts"
},
"dependencies": {
- "@dpc-sdp/ripple-ui-core": "workspace:*",
+ "@dpc-sdp/ripple-ui-core": "catalog:",
"@gtm-support/core": "^2.0.0",
"@newrelic/browser-agent": "^1.273.0"
},
@@ -25,8 +25,7 @@
"@dpc-sdp/ripple-tide-publication": "workspace:*",
"@dpc-sdp/ripple-tide-search": "workspace:*",
"@dpc-sdp/ripple-tide-topic": "workspace:*",
- "@dpc-sdp/ripple-ui-core": "workspace:*",
- "@dpc-sdp/ripple-ui-forms": "workspace:*",
+ "@dpc-sdp/ripple-ui-forms": "catalog:",
"@nuxt/eslint-config": "^0.1.1"
}
}
diff --git a/packages/nuxt-ripple-preview/package.json b/packages/nuxt-ripple-preview/package.json
index 39f31ff6b5..cb441779ef 100644
--- a/packages/nuxt-ripple-preview/package.json
+++ b/packages/nuxt-ripple-preview/package.json
@@ -13,7 +13,7 @@
"dependencies": {
"@dpc-sdp/nuxt-ripple": "workspace:*",
"@dpc-sdp/ripple-tide-api": "workspace:*",
- "@dpc-sdp/ripple-ui-core": "workspace:*",
+ "@dpc-sdp/ripple-ui-core": "catalog:",
"client-oauth2": "^4.3.3",
"cookie-signature": "^1.2.1",
"nanoid": "^5.1.5"
diff --git a/packages/nuxt-ripple/package.json b/packages/nuxt-ripple/package.json
index 760479dd86..c7214b3a3f 100644
--- a/packages/nuxt-ripple/package.json
+++ b/packages/nuxt-ripple/package.json
@@ -14,8 +14,8 @@
},
"dependencies": {
"@dpc-sdp/ripple-tide-api": "workspace:*",
- "@dpc-sdp/ripple-ui-core": "workspace:*",
- "@dpc-sdp/ripple-ui-forms": "workspace:*",
+ "@dpc-sdp/ripple-ui-core": "catalog:",
+ "@dpc-sdp/ripple-ui-forms": "catalog:",
"@nuxt/image": "^1.9.0",
"@nuxtjs/robots": "^3.0.0",
"@vueuse/core": "catalog:",
diff --git a/packages/ripple-storybook/.storybook/main.ts b/packages/ripple-storybook/.storybook/main.ts
deleted file mode 100644
index 87e4c855cc..0000000000
--- a/packages/ripple-storybook/.storybook/main.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import type { StorybookConfig } from '@storybook/vue3-vite'
-import svgLoader from 'vite-svg-loader'
-import viteYamlLoader from '@modyfi/vite-plugin-yaml'
-import nodeResolve from '@rollup/plugin-node-resolve'
-import path from 'path'
-
-const vitePlugins = [
- viteYamlLoader(),
- nodeResolve(),
- svgLoader({
- defaultImport: 'raw',
- svgoConfig: {
- multipass: true,
- plugins: [
- {
- name: 'preset-default',
- params: {
- overrides: {}
- }
- },
- {
- name: 'removeAttrs',
- params: {
- attrs: '(fill|stroke)'
- }
- },
- {
- name: 'removeAttributesBySelector',
- params: {
- selector: '[style*=fill:#]',
- attributes: 'style'
- }
- }
- ]
- }
- })
-]
-
-const config: StorybookConfig = {
- stories: ['./../../ripple-ui*/!(node_modules)/**/*.stories.@(js|jsx|ts|tsx)'],
- addons: ['@storybook/addon-a11y', '@storybook/addon-vitest'],
- framework: {
- name: '@storybook/vue3-vite',
- options: {}
- },
- staticDirs: ['./public'],
- previewHead: (head) => `
- ${head}
-
- `,
- async viteFinal(config) {
- if (process.env.STATIC_BASE_PATH) {
- config.base = process.env.STATIC_BASE_PATH
- }
-
- // customize the Vite config here
- if (config.plugins) {
- config.plugins.push(...vitePlugins)
- }
-
- if (config.resolve) {
- config.resolve.alias = {
- ...config.resolve.alias,
- '~/storybook': path.resolve(__dirname, './')
- }
- }
-
- return config
- }
-}
-export default config
diff --git a/packages/ripple-storybook/.storybook/manager-head.html b/packages/ripple-storybook/.storybook/manager-head.html
deleted file mode 100644
index 2ae04b3798..0000000000
--- a/packages/ripple-storybook/.storybook/manager-head.html
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
-
-
diff --git a/packages/ripple-storybook/.storybook/preview.ts b/packages/ripple-storybook/.storybook/preview.ts
deleted file mode 100644
index 8d2a2a090f..0000000000
--- a/packages/ripple-storybook/.storybook/preview.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { setup, type Preview } from '@storybook/vue3'
-// @ts-ignore-next-line: Missing declaration
-import { registerRplFormPlugin } from '@dpc-sdp/ripple-ui-forms'
-import registerRplMapsPlugin from '@dpc-sdp/ripple-ui-maps/plugin'
-// Note: rebuild ripple-ui-core after generating sprite to update in storybook
-// @ts-ignore-next-line: Vue SFC
-import {
- RplIconSprite,
- RplLink,
- RplImg,
- RplIcon,
- RplButton,
- RplContent,
- RplTextLink
-} from '@dpc-sdp/ripple-ui-core/vue'
-import '@dpc-sdp/ripple-ui-core/style'
-import themes from './themes.js'
-import withBackground from './utils/withBackground'
-import { withSource } from './utils/withSource'
-// Storybook specific CSS
-import './storybook.css'
-import withTheme from './utils/withTheme'
-import withEventBus from './utils/withEventBus'
-
-setup((app) => {
- // Ripple vue plugins
- registerRplFormPlugin(app)
- registerRplMapsPlugin(app, {})
-
- app.component('RplLink', RplLink)
- app.component('RplImg', RplImg)
- // Add global components needed for forms
- app.component('RplIcon', RplIcon)
- app.component('RplButton', RplButton)
- app.component('RplContent', RplContent)
- app.component('RplTextLink', RplTextLink)
-})
-
-const preview: Preview = {
- parameters: {
- actions: { argTypesRegex: '^on[A-Z].*' },
- a11y: {
- test: 'error',
- options: {
- runOnly: {
- type: 'tag',
- values: ['wcag2a', 'wcag2aa']
- }
- }
- },
- options: {
- storySort: {
- order: ['Introduction', 'Base Styles', 'Core', '*', 'WIP']
- }
- },
- controls: {
- matchers: {
- color: /(background|color)$/i,
- date: /Date$/
- }
- },
- backgrounds: {
- disable: true
- },
- designTokensCss: {
- label: 'Themes',
- persistData: true,
- themes
- }
- },
- decorators: [
- (story) => ({
- components: { story, RplIconSprite },
- template: '
'
- }),
- withBackground,
- withTheme,
- withSource,
- withEventBus
- ],
- globalTypes: {
- theme: {
- name: 'Theme',
- description: 'Ripple theme',
- defaultValue: 'default',
- toolbar: {
- icon: 'paintbrush',
- title: 'Theme',
- items: Object.entries(themes).map(([themeId, config]) => {
- return {
- value: themeId,
- title: config.label
- }
- }),
- dynamicTitle: true
- }
- },
- buttonTheme: {
- name: 'Button theme',
- description: 'Turn on/off neutral themed buttons across all components',
- defaultValue: 'default',
- toolbar: {
- icon: 'button',
- title: 'Button theme',
- items: [
- { title: 'Default buttons', value: 'default' },
- { title: 'Neutral buttons', value: 'neutral' }
- ],
- dynamicTitle: true
- }
- }
- }
-}
-
-export default preview
diff --git a/packages/ripple-storybook/.storybook/public/android-chrome-192x192.png b/packages/ripple-storybook/.storybook/public/android-chrome-192x192.png
deleted file mode 100644
index ede6ee7769..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/android-chrome-192x192.png and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/android-chrome-512x512.png b/packages/ripple-storybook/.storybook/public/android-chrome-512x512.png
deleted file mode 100644
index 7bbac009d5..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/android-chrome-512x512.png and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/apple-touch-icon.png b/packages/ripple-storybook/.storybook/public/apple-touch-icon.png
deleted file mode 100644
index 28bcde2d37..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/apple-touch-icon.png and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-Bold.woff b/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-Bold.woff
deleted file mode 100755
index 9584c05000..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-Bold.woff and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-Bold.woff2 b/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-Bold.woff2
deleted file mode 100755
index 14b4a0c465..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-Bold.woff2 and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-Regular.woff b/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-Regular.woff
deleted file mode 100755
index c2667ea852..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-Regular.woff and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-Regular.woff2 b/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-Regular.woff2
deleted file mode 100755
index 0eb89f6a4a..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-Regular.woff2 and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-RegularItalic.woff2 b/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-RegularItalic.woff2
deleted file mode 100755
index ffe4c42d6d..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/assets/fonts/VIC-RegularItalic.woff2 and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/favicon-16x16.png b/packages/ripple-storybook/.storybook/public/favicon-16x16.png
deleted file mode 100644
index 5c024b9fcf..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/favicon-16x16.png and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/favicon-32x32.png b/packages/ripple-storybook/.storybook/public/favicon-32x32.png
deleted file mode 100644
index 53b566a32d..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/favicon-32x32.png and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/favicon.ico b/packages/ripple-storybook/.storybook/public/favicon.ico
deleted file mode 100644
index 58c6722971..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/favicon.ico and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/img/hero-corner-bottom.png b/packages/ripple-storybook/.storybook/public/img/hero-corner-bottom.png
deleted file mode 100644
index 2d45213589..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/img/hero-corner-bottom.png and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/img/hero-corner-top.png b/packages/ripple-storybook/.storybook/public/img/hero-corner-top.png
deleted file mode 100644
index 138e10d1fc..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/img/hero-corner-top.png and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/img/image-dark.jpg b/packages/ripple-storybook/.storybook/public/img/image-dark.jpg
deleted file mode 100644
index b97c616eaf..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/img/image-dark.jpg and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/img/image-landscape-l.jpg b/packages/ripple-storybook/.storybook/public/img/image-landscape-l.jpg
deleted file mode 100644
index 338887eac2..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/img/image-landscape-l.jpg and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/img/image-landscape-m.jpg b/packages/ripple-storybook/.storybook/public/img/image-landscape-m.jpg
deleted file mode 100644
index 782ec84dfa..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/img/image-landscape-m.jpg and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/img/image-landscape-s.jpg b/packages/ripple-storybook/.storybook/public/img/image-landscape-s.jpg
deleted file mode 100644
index 0333fd01dd..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/img/image-landscape-s.jpg and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/img/image-light.jpg b/packages/ripple-storybook/.storybook/public/img/image-light.jpg
deleted file mode 100644
index 5802a9fa91..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/img/image-light.jpg and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/img/primary-nav-logo-primary-print.svg b/packages/ripple-storybook/.storybook/public/img/primary-nav-logo-primary-print.svg
deleted file mode 100755
index 98f9da65c3..0000000000
--- a/packages/ripple-storybook/.storybook/public/img/primary-nav-logo-primary-print.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/packages/ripple-storybook/.storybook/public/img/primary-nav-logo-primary.svg b/packages/ripple-storybook/.storybook/public/img/primary-nav-logo-primary.svg
deleted file mode 100755
index 4ae04bbe33..0000000000
--- a/packages/ripple-storybook/.storybook/public/img/primary-nav-logo-primary.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/packages/ripple-storybook/.storybook/public/img/primary-nav-logo-secondary-print.svg b/packages/ripple-storybook/.storybook/public/img/primary-nav-logo-secondary-print.svg
deleted file mode 100644
index a7437531fa..0000000000
--- a/packages/ripple-storybook/.storybook/public/img/primary-nav-logo-secondary-print.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/packages/ripple-storybook/.storybook/public/img/primary-nav-logo-secondary.svg b/packages/ripple-storybook/.storybook/public/img/primary-nav-logo-secondary.svg
deleted file mode 100644
index d14245d039..0000000000
--- a/packages/ripple-storybook/.storybook/public/img/primary-nav-logo-secondary.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/packages/ripple-storybook/.storybook/public/img/ripple-logo.png b/packages/ripple-storybook/.storybook/public/img/ripple-logo.png
deleted file mode 100644
index a0e1772579..0000000000
Binary files a/packages/ripple-storybook/.storybook/public/img/ripple-logo.png and /dev/null differ
diff --git a/packages/ripple-storybook/.storybook/public/img/ripple-logo.svg b/packages/ripple-storybook/.storybook/public/img/ripple-logo.svg
deleted file mode 100644
index 277aaa7d79..0000000000
--- a/packages/ripple-storybook/.storybook/public/img/ripple-logo.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
diff --git a/packages/ripple-storybook/.storybook/public/js/iframeResizer.js b/packages/ripple-storybook/.storybook/public/js/iframeResizer.js
deleted file mode 100644
index 77ef21fc18..0000000000
--- a/packages/ripple-storybook/.storybook/public/js/iframeResizer.js
+++ /dev/null
@@ -1,33 +0,0 @@
-;(function () {
- if (typeof window === 'undefined') return
-
- const searchParams = new URLSearchParams(window.location.search)
-
- function updateParentHeight() {
- const height = document.body.scrollHeight
- const isModal =
- document.body.classList.contains('rpl-modal-open') ||
- document.body.classList.contains('rpl-u-viewport-locked')
-
- if (isModal) return
-
- window.parent.postMessage(
- JSON.stringify({
- id: searchParams.get('id'),
- uid: Number(searchParams.get('uid')),
- iframeSize: height
- }),
- '*'
- )
- }
-
- function trackDocumentUpdates() {
- const resizeObserver = new ResizeObserver(updateParentHeight)
-
- resizeObserver.observe(document.body)
- }
-
- window.addEventListener('load', trackDocumentUpdates, {
- once: true
- })
-})()
diff --git a/packages/ripple-storybook/.storybook/public/site.webmanifest b/packages/ripple-storybook/.storybook/public/site.webmanifest
deleted file mode 100644
index 45dc8a2065..0000000000
--- a/packages/ripple-storybook/.storybook/public/site.webmanifest
+++ /dev/null
@@ -1 +0,0 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
diff --git a/packages/ripple-storybook/.storybook/storybook.css b/packages/ripple-storybook/.storybook/storybook.css
deleted file mode 100644
index b1fb3612d1..0000000000
--- a/packages/ripple-storybook/.storybook/storybook.css
+++ /dev/null
@@ -1,149 +0,0 @@
-@import '@dpc-sdp/ripple-ui-core/style/breakpoints';
-
-body {
- background: var(--storybook-bg-color, transparent);
-}
-
-#rpl-icon-sprite {
- display: none;
-}
-
-.sb-main-padded {
- padding: var(--rpl-sp-5) !important;
-}
-
-.rpl-storybook__page {
- max-width: 1120px;
-}
-
-.rpl-storybook__page-content {
- max-width: var(--rpl-content-max-width);
-}
-
-.rpl-storybook__icon-list {
- display: flex;
- flex-wrap: wrap;
- list-style: none;
-}
-
-.rpl-storybook__icon-item {
- display: flex;
- flex-wrap: wrap;
- flex-direction: column;
- justify-content: center;
- box-sizing: border-box;
- text-align: center;
- border: 1px solid #e8ebee;
- border-radius: 4px;
- padding: 0.5rem;
- width: calc(12.5% - 1rem - 2px);
- margin: 0.5rem;
- margin-top: 0;
-}
-
-.rpl-storybook-form-values {
- font-size: 16px;
- background: #eee;
- padding: 30px;
-}
-
-.sb-flex-container .innerZoomElementWrapper {
- display: flex;
-}
-
-.sb-container {
- font-size: 1.6rem;
-}
-
-.sb-demo-container {
- padding: 2rem;
-}
-
-.sb-demo-container--dark {
- background: var(--rpl-clr-primary-alt);
- color: var(--rpl-clr-type-light);
-
- .sb-demo-input {
- border-color: var(--rpl-clr-type-primary-contrast);
-
- &,
- &::placeholder {
- color: var(--rpl-clr-light);
- }
- }
-
- a,
- a:visited {
- color: var(--rpl-clr-light);
- }
-}
-
-.sb-demo-input {
- border: var(--rpl-border-1) solid var(--rpl-clr-dark);
- background: transparent;
- padding: 1rem;
- font-size: var(--rpl-type-size-2);
-}
-
-.sb-demo-input--rounded {
- border-radius: 20px;
-}
-
-.rpl-storybook__grid {
- position: relative;
-
- /* https://css-tricks.com/building-css-grid-overlay/ */
- --offset: 0;
- --max_width: 10000000px;
- --columns: 12;
- --gutter: var(--rpl-sp-4);
- --color: hsla(204, 80%, 72%, 0.1);
- --color-text: hsla(204, 80%, 72%, 1);
- --repeating-width: calc(100% / var(--columns));
- --column-width: calc((100% / var(--columns)) - var(--gutter));
- --background-width: calc(100% + var(--gutter));
- --background-columns: repeating-linear-gradient(
- to right,
- var(--color),
- var(--color) var(--column-width),
- transparent var(--column-width),
- transparent var(--repeating-width)
- );
-
- @media (--rpl-bp-m) {
- --gutter: var(--rpl-sp-6);
- }
-
- @media (--rpl-bp-xl) {
- --gutter: var(--rpl-sp-7);
- }
-
- &::before {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- margin-right: auto;
- margin-left: auto;
- width: calc(100% - (2 * var(--offset)));
- max-width: var(--max_width);
- content: '';
- background-image: var(--background-columns);
- background-size: var(--background-width) 100%;
- background-position: 0;
- z-index: 1000;
- pointer-events: none;
- }
-}
-
-/*
- Add a background colour to the rpl-grid cells so that they are visible while
- viewing in storybook.
-*/
-.rpl-storybook__grid .rpl-grid div {
- background-color: rgba(0, 0, 0, 0.1);
- text-align: center;
- padding: 20px 0;
- font-size: 1.6rem;
-}
diff --git a/packages/ripple-storybook/.storybook/themes.js b/packages/ripple-storybook/.storybook/themes.js
deleted file mode 100644
index e6e8a3aaa0..0000000000
--- a/packages/ripple-storybook/.storybook/themes.js
+++ /dev/null
@@ -1,86 +0,0 @@
-const themes = {
- default: {
- label: 'vic.gov.au',
- tokens: {}
- },
- docsTheme1: {
- label: 'Docs Theme 1 (Fruit salad)',
- tokens: {
- 'rpl-clr-primary': '#fdda24',
- 'rpl-clr-primary-alt': '#fef0a7',
- 'rpl-clr-primary-alpha': 'rgb(253 218 36 / .5)',
- 'rpl-clr-accent': '#ef4a81',
- 'rpl-clr-accent-alt': '#fdedf2',
- 'rpl-clr-link': '#be3c67',
- 'rpl-clr-link-alpha': 'rgb(253 218 36 / .2)',
- 'rpl-clr-focus': '#1c3bdd',
- 'rpl-clr-type-focus-contrast': 'var(--rpl-clr-light)',
- 'rpl-clr-gradient-vertical':
- 'linear-gradient(180deg, #EF4A81 0%, #F592B3 40%, #FEE97C 65%, #FDDA24 80%)',
- 'rpl-clr-gradient-horizontal':
- 'linear-gradient(90deg, #EF4A81 0%, #F592B3 40%, #FEE97C 65%, #FDDA24 80%)',
- 'rpl-clr-type-primary-contrast': 'var(--rpl-clr-dark)',
- 'rpl-clr-type-primary-contrast-alpha': 'rgb(26 26 26 / 0.75)',
- 'rpl-clr-type-accent-contrast': 'var(--rpl-clr-dark)',
- 'rpl-clr-type-primary-accessible': 'var(--rpl-clr-type-default)',
- 'rpl-clr-type-primary-alt-accessible': 'var(--rpl-clr-type-default)',
- 'rpl-clr-footer-alt': 'var(--rpl-clr-primary)',
- 'rpl-clr-footer': 'var(--rpl-clr-primary-alt)',
- 'rpl-clr-type-footer-accessible':
- 'var(--rpl-clr-type-primary-alt-accessible)',
- 'rpl-clr-type-footer-contrast': 'var(--rpl-clr-type-primary-contrast)'
- }
- },
- docsTheme2: {
- label: 'Docs Theme 2 (Turtles)',
- tokens: {
- 'rpl-clr-primary': '#6B19A3',
- 'rpl-clr-primary-alt': '#3F006B',
- 'rpl-clr-primary-alpha': 'rgba(107 25 163 / 0.5)',
- 'rpl-clr-type-primary-accessible': 'var(--rpl-clr-primary)',
- 'rpl-clr-type-primary-alt-accessible': 'var(--rpl-clr-primary-alt)',
- 'rpl-clr-accent': '#6DDD97',
- 'rpl-clr-accent-alt': '#EAFAF0',
- 'rpl-clr-link': '#6B19A3',
- 'rpl-clr-link-alpha': 'rgba(107 25 163 / 0.2)',
- 'rpl-clr-focus': '#9DEF65',
- 'rpl-clr-gradient-horizontal':
- 'linear-gradient(90deg, #382484 0%, #5A0099 20%, #7623B0 35%, #2E7478 50%, #2FA26F 70%, #2FCE6A 80%)',
- 'rpl-clr-gradient-vertical':
- 'linear-gradient(180deg, #382484 0%, #5A0099 20%, #7623B0 35%, #2E7478 50%, #2FA26F 70%, #2FCE6A 80%)',
- 'rpl-clr-footer-alt': '#6B19A3',
- 'rpl-clr-footer': '#3F006B',
- 'rpl-clr-type-accent-contrast': 'var(--rpl-clr-dark)'
- }
- },
- docsTheme3: {
- label: 'Docs Theme 3 (Batman)',
- tokens: {
- 'rpl-clr-primary': '#72A69B',
- 'rpl-clr-primary-alt': '#98C2C6',
- 'rpl-clr-primary-alpha': 'rgba(114 166 155 / 0.5)',
- 'rpl-clr-accent': '#C03F3A',
- 'rpl-clr-accent-alt': '#F9ECEB',
- 'rpl-clr-link': '#723036',
- 'rpl-clr-link-alpha': 'rgba(114 166 155 / 0.2)',
- 'rpl-clr-focus': '#8D5964',
- 'rpl-clr-type-focus-contrast': 'var(--rpl-clr-light)',
- 'rpl-clr-gradient-vertical':
- 'linear-gradient(180deg, #723036 6.73%, #C03F3A 20.79%, #E8AC82 35.89%, #98C2C6 59.33%, #72A69B 74.96%)',
- 'rpl-clr-gradient-horizontal':
- 'linear-gradient(90deg, #723036 6.73%, #C03F3A 20.79%, #E8AC82 35.89%, #98C2C6 59.33%, #72A69B 74.96%)',
- 'rpl-clr-type-primary-contrast': 'var(--rpl-clr-dark)',
- 'rpl-clr-type-primary-contrast-alpha': 'rgb(26 26 26 / 0.75)',
- 'rpl-clr-type-accent-contrast': 'var(--rpl-clr-dark)',
- 'rpl-clr-type-primary-accessible': 'var(--rpl-clr-type-default)',
- 'rpl-clr-type-primary-alt-accessible': 'var(--rpl-clr-type-default)',
- 'rpl-clr-footer-alt': '#E8AC82',
- 'rpl-clr-footer': '#D77A56',
- 'rpl-clr-type-footer-accessible':
- 'var(--rpl-clr-type-primary-alt-accessible)',
- 'rpl-clr-type-footer-contrast': 'var(--rpl-clr-type-primary-contrast)'
- }
- }
-}
-
-export default themes
diff --git a/packages/ripple-storybook/.storybook/utils/svgPlaceholder.js b/packages/ripple-storybook/.storybook/utils/svgPlaceholder.js
deleted file mode 100644
index 6a7fef7ec8..0000000000
--- a/packages/ripple-storybook/.storybook/utils/svgPlaceholder.js
+++ /dev/null
@@ -1,25 +0,0 @@
-// Placeholder image
-const svgPlaceholder = (data) => {
- const svg = ``
-
- return `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(svg)}`
-}
-
-export default svgPlaceholder
diff --git a/packages/ripple-storybook/.storybook/utils/withBackground.js b/packages/ripple-storybook/.storybook/utils/withBackground.js
deleted file mode 100644
index 15855b2bed..0000000000
--- a/packages/ripple-storybook/.storybook/utils/withBackground.js
+++ /dev/null
@@ -1,21 +0,0 @@
-const backgrounds = {
- light: 'white',
- gray: 'var(--rpl-clr-neutral-100)',
- reverse: 'var(--rpl-clr-primary-alt)'
-}
-
-// Custom background decorator to replace storybook's background plugin, as
-// the default one was messing up the axe test.
-const withBackground = (story, {parameters}) => {
- document.documentElement.style.setProperty(
- '--storybook-bg-color',
- backgrounds[parameters.background] || backgrounds.light
- );
-
- return {
- components: { story },
- template: ''
- }
-}
-
-export default withBackground
diff --git a/packages/ripple-storybook/.storybook/utils/withEventBus.js b/packages/ripple-storybook/.storybook/utils/withEventBus.js
deleted file mode 100644
index 9903b8ec46..0000000000
--- a/packages/ripple-storybook/.storybook/utils/withEventBus.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import { provide } from 'vue'
-import { rplEventBus } from '@dpc-sdp/ripple-ui-core'
-
-export default function withEventBus(story, context) {
- return {
- components: { story },
- setup() {
- provide('$rplEvent', rplEventBus)
- },
- template: ''
- }
-}
-
-export { rplEventBus }
diff --git a/packages/ripple-storybook/.storybook/utils/withSource.js b/packages/ripple-storybook/.storybook/utils/withSource.js
deleted file mode 100644
index 1dc2884612..0000000000
--- a/packages/ripple-storybook/.storybook/utils/withSource.js
+++ /dev/null
@@ -1,146 +0,0 @@
-/**
- * Adds proper support for Vue 3 code snippets in Storybook 9.
- */
-
-import { addons } from 'storybook/preview-api'
-import kebabCase from 'lodash.kebabcase'
-import { h, onMounted } from 'vue'
-
-// this value doesn't seem to be exported by addons-docs
-export const SNIPPET_RENDERED = `storybook/docs/snippet-rendered`
-
-const propToSource = (key, val) => {
- const type = typeof val
- switch (type) {
- case 'function':
- return val ? key : ''
- case 'boolean':
- return val ? key : ''
- case 'string':
- return `${key}="${val}"`
- case 'object':
- return `${key}="${JSON.stringify(val, null, 4)
- .replace(/"(\w+)"\s*:/g, '$1:')
- .replaceAll('"', "'")}"` // here
- default:
- return `:${key}="${val}"`
- }
-}
-
-function templateSourceCode(
- templateSource,
- args,
- argTypes,
- replacing = 'v-bind="args"'
-) {
- const componentArgs = {}
- for (const [k, t] of Object.entries(argTypes)) {
- const val = args[k]
- if (
- typeof val !== 'undefined' &&
- t.table &&
- t.table.category === 'props' &&
- val !== t.defaultValue
- ) {
- componentArgs[k] = val
- }
- }
-
- return templateSource.replace(
- replacing,
- Object.keys(componentArgs)
- .map((key) => ' ' + propToSource(kebabCase(key), args[key]))
- .join('')
- )
-}
-
-async function getSnippet(prettier, code, prettierHtml) {
- let snippet = ''
-
- try {
- snippet = await prettier.format(`${code}`, {
- parser: 'vue',
- plugins: [prettierHtml],
- htmlWhitespaceSensitivity: 'ignore'
- })
- } catch (e) {
- console.warn('Failed to get snippet', e)
- }
-
- return snippet
-}
-
-export const withSource = (storyFn, context) => {
- const story = storyFn(context)
-
- // this returns a new component that computes the source code when mounted
- // and emits an event that is handled by addons-docs
- return {
- components: {
- Story: story
- },
-
- setup() {
- onMounted(async () => {
- // set overflow hidden when embedding in the docs site,
- // this is to avoid the scrollbar jumping in and out as content expands
- const searchParams = new URLSearchParams(window.location.search)
- if (searchParams.get('rplDocs')) {
- document.body.style.overflow = 'hidden'
- }
-
- try {
- let code = ''
- const originalStory = context.originalStoryFn(context.args, context)
- // get the story source
- let src = originalStory?.template
-
- if (context.parameters?.source) {
- // optionally render a parameter as is, i.e., HTML prop
- code = context.args[context.parameters?.source]
- } else if (src) {
- // generate the source code based on the current args
- code = templateSourceCode(src, context.args, context.argTypes)
- } else {
- const rawStory = originalStory()
- const propsString = Object.entries(rawStory.props || {})
- .map(([key, val]) => propToSource(kebabCase(key), val))
- .join(' ')
-
- code = `<${rawStory.type.__name}${propsString ? ' ' + propsString : ''} />`
- }
-
- const channel = addons.getChannel()
-
- const emitFormattedTemplate = async () => {
- const prettier = await import('prettier/standalone')
- const prettierHtml = await import('prettier/parser-html')
-
- const snippet = await getSnippet(prettier, code, prettierHtml)
-
- // We need to add wrapping template tags to render the actual code snippet otherwise
- // certain examples will break, however, we don't want to display the template
- // tags in the code example, so we manually remove them here.
- const snippetWithoutTemplateTags = snippet
- .replace(/^/, '')
- .replace(/<\/template>\s*$/, '')
- .trim()
-
- // emits an event when the transformation is completed
- channel.emit(
- SNIPPET_RENDERED,
- (context || {}).id,
- snippetWithoutTemplateTags
- )
- }
-
- setTimeout(emitFormattedTemplate, 0)
- } catch (e) {
- console.warn('Failed to render code', e)
- }
- })
-
- return () => h(story)
- }
- }
-}
diff --git a/packages/ripple-storybook/.storybook/utils/withTheme.js b/packages/ripple-storybook/.storybook/utils/withTheme.js
deleted file mode 100644
index 449fa9dc00..0000000000
--- a/packages/ripple-storybook/.storybook/utils/withTheme.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import themes from '../themes.js'
-import { shallowReactive, h, provide } from 'vue'
-
-// Function to obtain the intended theme
-const getTheme = (themeName) => {
- return Object.entries(themes[themeName]?.tokens || {}).reduce(
- (result, [key, value]) => {
- return {
- ...result,
- [`--${key}`]: value
- }
- },
- {}
- )
-}
-
-const settings = shallowReactive({ style: '' })
-const buttonSettings = shallowReactive({ buttonTheme: 'default' })
-
-const withTheme = (storyFn, context) => {
- settings.style = getTheme(context.globals.theme)
- buttonSettings.buttonTheme = context.globals.buttonTheme || 'default'
- const story = storyFn()
-
- return {
- components: { story },
- setup() {
- provide('featureFlags', buttonSettings)
- },
- render: () => h('div', settings, h(story))
- }
-}
-
-export default withTheme
diff --git a/packages/ripple-storybook/.storybook/vitest.setup.ts b/packages/ripple-storybook/.storybook/vitest.setup.ts
deleted file mode 100644
index bf4d1c4cad..0000000000
--- a/packages/ripple-storybook/.storybook/vitest.setup.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import * as a11yAddonAnnotations from '@storybook/addon-a11y/preview'
-import { setProjectAnnotations } from '@storybook/vue3-vite'
-import * as projectAnnotations from './preview'
-
-// This is an important step to apply the right configuration when testing your stories.
-// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
-setProjectAnnotations([a11yAddonAnnotations, projectAnnotations])
diff --git a/packages/ripple-storybook/CHANGELOG.md b/packages/ripple-storybook/CHANGELOG.md
deleted file mode 100644
index a12bb5556d..0000000000
--- a/packages/ripple-storybook/CHANGELOG.md
+++ /dev/null
@@ -1,108 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-# [2.0.0-rc.1](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.201...v2.0.0-rc.1) (2023-06-22)
-
-**Note:** Version bump only for package ripple-storybook
-
-# [2.1.0-alpha.193](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.192...v2.1.0-alpha.193) (2023-06-16)
-
-**Note:** Version bump only for package ripple-storybook
-
-# [2.1.0-alpha.192](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.191...v2.1.0-alpha.192) (2023-06-16)
-
-### Bug Fixes
-
-* fixed vite-svg-loader not getting applied ([8baaa8d](https://github.com/dpc-sdp/ripple-framework/commit/8baaa8da6dadd06cd825f02bae4e202c5a983531))
-
-# [2.1.0-alpha.189](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.188...v2.1.0-alpha.189) (2023-06-15)
-
-**Note:** Version bump only for package ripple-storybook
-
-# [2.1.0-alpha.180](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.179...v2.1.0-alpha.180) (2023-06-01)
-
-### Features
-
-* :sparkles: introduce asset provider src ([38e746d](https://github.com/dpc-sdp/ripple-framework/commit/38e746df6d4bf5feda1e15ac3d4c089fc3074089))
-
-# [2.1.0-alpha.147](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.146...v2.1.0-alpha.147) (2023-04-20)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** fix storybook alert test, add $rplEvent provider ([62af966](https://github.com/dpc-sdp/ripple-framework/commit/62af966abf0e04525457fc07b57eef0351c089b6))
-
-# [2.1.0-alpha.127](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.126...v2.1.0-alpha.127) (2023-03-31)
-
-### Bug Fixes
-
-* update packageManager to match engines requirement ([8f09a1e](https://github.com/dpc-sdp/ripple-framework/commit/8f09a1ed63d4e8ccabf589f2446c305a85ad6ce9))
-
-# [2.1.0-alpha.125](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.124...v2.1.0-alpha.125) (2023-03-30)
-
-**Note:** Version bump only for package ripple-storybook
-
-# [2.1.0-alpha.124](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.123...v2.1.0-alpha.124) (2023-03-29)
-
-**Note:** Version bump only for package ripple-storybook
-
-# [2.1.0-alpha.112](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.111...v2.1.0-alpha.112) (2023-03-15)
-
-### Bug Fixes
-
-* stopped all links are forcing a full refresh instead of using client side navigation ([a10760e](https://github.com/dpc-sdp/ripple-framework/commit/a10760e70513829fbd49dfd2ccaa41526f2277cd))
-
-# [2.1.0-alpha.102](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.101...v2.1.0-alpha.102) (2023-03-08)
-
-**Note:** Version bump only for package ripple-storybook
-
-# [2.1.0-alpha.96](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.95...v2.1.0-alpha.96) (2023-03-06)
-
-### Features
-
-* **docs:** added ability to set theme/neutral buttons for docs example ([9406a5c](https://github.com/dpc-sdp/ripple-framework/commit/9406a5c77022d7c8cf66a58f7facc1f62f2bc9c7))
-* **docs:** added extra theme to storybook/docs ([4674006](https://github.com/dpc-sdp/ripple-framework/commit/46740061bcd44a5b08b5d14e143bce41434994ba))
-
-# [2.1.0-alpha.95](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.94...v2.1.0-alpha.95) (2023-03-02)
-
-### Bug Fixes
-
-* **docs:** fixed some the code examples of some stories crashing ([d0be972](https://github.com/dpc-sdp/ripple-framework/commit/d0be972cf138bba019fdd01b9a4d0127411a411e))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** basic component print styles ([5d68686](https://github.com/dpc-sdp/ripple-framework/commit/5d686862dbfde33bf35f9866e4076c8402312271))
-* **docs:** added code snippets from storybook ([1c9a3ed](https://github.com/dpc-sdp/ripple-framework/commit/1c9a3ed69e925f0e8e101e715a9400c8e9196858))
-* **docs:** added static storybook build for docs site ([14b1b42](https://github.com/dpc-sdp/ripple-framework/commit/14b1b42a809aa535ccf75042359a3f739f2397c0))
-* **docs:** removed 'template' wrapper from storybook code snippets ([abbb42f](https://github.com/dpc-sdp/ripple-framework/commit/abbb42f21d2ef91fd53568a82c4ed375f3ae588c))
-
-# [2.1.0-alpha.92](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.91...v2.1.0-alpha.92) (2023-02-23)
-
-**Note:** Version bump only for package ripple-storybook
-
-# [2.1.0-alpha.89](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.88...v2.1.0-alpha.89) (2023-02-21)
-
-**Note:** Version bump only for package ripple-storybook
-
-# [2.1.0-alpha.85](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.84...v2.1.0-alpha.85) (2023-02-19)
-
-**Note:** Version bump only for package ripple-storybook
-
-# [2.1.0-alpha.80](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.79...v2.1.0-alpha.80) (2023-02-15)
-
-**Note:** Version bump only for package ripple-storybook
-
-# [2.1.0-alpha.76](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.75...v2.1.0-alpha.76) (2023-02-08)
-
-**Note:** Version bump only for package ripple-storybook
-
-# [2.1.0-alpha.75](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.74...v2.1.0-alpha.75) (2023-02-07)
-
-**Note:** Version bump only for package ripple-storybook
-
-# [2.1.0-alpha.63](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.62...v2.1.0-alpha.63) (2023-01-24)
-
-### Reverts
-
-* :rewind: restore docs view, addons on storybook ([f2c0d5f](https://github.com/dpc-sdp/ripple-framework/commit/f2c0d5ffdbe2c49b4b827be6fac933757c50dfc3))
diff --git a/packages/ripple-storybook/LICENSE b/packages/ripple-storybook/LICENSE
deleted file mode 100644
index 6b97259524..0000000000
--- a/packages/ripple-storybook/LICENSE
+++ /dev/null
@@ -1,201 +0,0 @@
- Apache License
- Version 2.0, January 2004
- http://www.apache.org/licenses/
-
-TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-1. Definitions.
-
- "License" shall mean the terms and conditions for use, reproduction,
- and distribution as defined by Sections 1 through 9 of this document.
-
- "Licensor" shall mean the copyright owner or entity authorized by
- the copyright owner that is granting the License.
-
- "Legal Entity" shall mean the union of the acting entity and all
- other entities that control, are controlled by, or are under common
- control with that entity. For the purposes of this definition,
- "control" means (i) the power, direct or indirect, to cause the
- direction or management of such entity, whether by contract or
- otherwise, or (ii) ownership of fifty percent (50%) or more of the
- outstanding shares, or (iii) beneficial ownership of such entity.
-
- "You" (or "Your") shall mean an individual or Legal Entity
- exercising permissions granted by this License.
-
- "Source" form shall mean the preferred form for making modifications,
- including but not limited to software source code, documentation
- source, and configuration files.
-
- "Object" form shall mean any form resulting from mechanical
- transformation or translation of a Source form, including but
- not limited to compiled object code, generated documentation,
- and conversions to other media types.
-
- "Work" shall mean the work of authorship, whether in Source or
- Object form, made available under the License, as indicated by a
- copyright notice that is included in or attached to the work
- (an example is provided in the Appendix below).
-
- "Derivative Works" shall mean any work, whether in Source or Object
- form, that is based on (or derived from) the Work and for which the
- editorial revisions, annotations, elaborations, or other modifications
- represent, as a whole, an original work of authorship. For the purposes
- of this License, Derivative Works shall not include works that remain
- separable from, or merely link (or bind by name) to the interfaces of,
- the Work and Derivative Works thereof.
-
- "Contribution" shall mean any work of authorship, including
- the original version of the Work and any modifications or additions
- to that Work or Derivative Works thereof, that is intentionally
- submitted to Licensor for inclusion in the Work by the copyright owner
- or by an individual or Legal Entity authorized to submit on behalf of
- the copyright owner. For the purposes of this definition, "submitted"
- means any form of electronic, verbal, or written communication sent
- to the Licensor or its representatives, including but not limited to
- communication on electronic mailing lists, source code control systems,
- and issue tracking systems that are managed by, or on behalf of, the
- Licensor for the purpose of discussing and improving the Work, but
- excluding communication that is conspicuously marked or otherwise
- designated in writing by the copyright owner as "Not a Contribution."
-
- "Contributor" shall mean Licensor and any individual or Legal Entity
- on behalf of whom a Contribution has been received by Licensor and
- subsequently incorporated within the Work.
-
-2. Grant of Copyright License. Subject to the terms and conditions of
- this License, each Contributor hereby grants to You a perpetual,
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
- copyright license to reproduce, prepare Derivative Works of,
- publicly display, publicly perform, sublicense, and distribute the
- Work and such Derivative Works in Source or Object form.
-
-3. Grant of Patent License. Subject to the terms and conditions of
- this License, each Contributor hereby grants to You a perpetual,
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
- (except as stated in this section) patent license to make, have made,
- use, offer to sell, sell, import, and otherwise transfer the Work,
- where such license applies only to those patent claims licensable
- by such Contributor that are necessarily infringed by their
- Contribution(s) alone or by combination of their Contribution(s)
- with the Work to which such Contribution(s) was submitted. If You
- institute patent litigation against any entity (including a
- cross-claim or counterclaim in a lawsuit) alleging that the Work
- or a Contribution incorporated within the Work constitutes direct
- or contributory patent infringement, then any patent licenses
- granted to You under this License for that Work shall terminate
- as of the date such litigation is filed.
-
-4. Redistribution. You may reproduce and distribute copies of the
- Work or Derivative Works thereof in any medium, with or without
- modifications, and in Source or Object form, provided that You
- meet the following conditions:
-
- (a) You must give any other recipients of the Work or
- Derivative Works a copy of this License; and
-
- (b) You must cause any modified files to carry prominent notices
- stating that You changed the files; and
-
- (c) You must retain, in the Source form of any Derivative Works
- that You distribute, all copyright, patent, trademark, and
- attribution notices from the Source form of the Work,
- excluding those notices that do not pertain to any part of
- the Derivative Works; and
-
- (d) If the Work includes a "NOTICE" text file as part of its
- distribution, then any Derivative Works that You distribute must
- include a readable copy of the attribution notices contained
- within such NOTICE file, excluding those notices that do not
- pertain to any part of the Derivative Works, in at least one
- of the following places: within a NOTICE text file distributed
- as part of the Derivative Works; within the Source form or
- documentation, if provided along with the Derivative Works; or,
- within a display generated by the Derivative Works, if and
- wherever such third-party notices normally appear. The contents
- of the NOTICE file are for informational purposes only and
- do not modify the License. You may add Your own attribution
- notices within Derivative Works that You distribute, alongside
- or as an addendum to the NOTICE text from the Work, provided
- that such additional attribution notices cannot be construed
- as modifying the License.
-
- You may add Your own copyright statement to Your modifications and
- may provide additional or different license terms and conditions
- for use, reproduction, or distribution of Your modifications, or
- for any such Derivative Works as a whole, provided Your use,
- reproduction, and distribution of the Work otherwise complies with
- the conditions stated in this License.
-
-5. Submission of Contributions. Unless You explicitly state otherwise,
- any Contribution intentionally submitted for inclusion in the Work
- by You to the Licensor shall be under the terms and conditions of
- this License, without any additional terms or conditions.
- Notwithstanding the above, nothing herein shall supersede or modify
- the terms of any separate license agreement you may have executed
- with Licensor regarding such Contributions.
-
-6. Trademarks. This License does not grant permission to use the trade
- names, trademarks, service marks, or product names of the Licensor,
- except as required for reasonable and customary use in describing the
- origin of the Work and reproducing the content of the NOTICE file.
-
-7. Disclaimer of Warranty. Unless required by applicable law or
- agreed to in writing, Licensor provides the Work (and each
- Contributor provides its Contributions) on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
- implied, including, without limitation, any warranties or conditions
- of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
- PARTICULAR PURPOSE. You are solely responsible for determining the
- appropriateness of using or redistributing the Work and assume any
- risks associated with Your exercise of permissions under this License.
-
-8. Limitation of Liability. In no event and under no legal theory,
- whether in tort (including negligence), contract, or otherwise,
- unless required by applicable law (such as deliberate and grossly
- negligent acts) or agreed to in writing, shall any Contributor be
- liable to You for damages, including any direct, indirect, special,
- incidental, or consequential damages of any character arising as a
- result of this License or out of the use or inability to use the
- Work (including but not limited to damages for loss of goodwill,
- work stoppage, computer failure or malfunction, or any and all
- other commercial damages or losses), even if such Contributor
- has been advised of the possibility of such damages.
-
-9. Accepting Warranty or Additional Liability. While redistributing
- the Work or Derivative Works thereof, You may choose to offer,
- and charge a fee for, acceptance of support, warranty, indemnity,
- or other liability obligations and/or rights consistent with this
- License. However, in accepting such obligations, You may act only
- on Your own behalf and on Your sole responsibility, not on behalf
- of any other Contributor, and only if You agree to indemnify,
- defend, and hold each Contributor harmless for any liability
- incurred by, or claims asserted against, such Contributor by reason
- of your accepting any such warranty or additional liability.
-
-END OF TERMS AND CONDITIONS
-
-APPENDIX: How to apply the Apache License to your work.
-
- To apply the Apache License to your work, attach the following
- boilerplate notice, with the fields enclosed by brackets "[]"
- replaced with your own identifying information. (Don't include
- the brackets!) The text should be enclosed in the appropriate
- comment syntax for the file format. We also recommend that a
- file or class name and description of purpose be included on the
- same "printed page" as the copyright notice for easier
- identification within third-party archives.
-
-Copyright 2018 Software Freedom Conservancy (SFC)
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
diff --git a/packages/ripple-storybook/README.md b/packages/ripple-storybook/README.md
deleted file mode 100644
index bfc69847f7..0000000000
--- a/packages/ripple-storybook/README.md
+++ /dev/null
@@ -1,16 +0,0 @@
-# Ripple Storybook
-
-> This package provides a central place to configure and install [Storybook](https://storybook.js.org/) which is utilised by `@dpc-sdp/ripple-ui-core` and `@dpc-sdp/ripple-ui-forms`
-
-## Installation
-
-This is a private repository which is only used within the [Ripple Framework](https://github.com/dpc-sdp/ripple-framework/) mono repo.
-
-## Usage
-
-Available scripts:
-
-- `start`: Starts Storybook
-- `build`: Builds Storybook
-- `test`: Tests Storybook
-- `test:ci`: Tests Storybook in CI mode
diff --git a/packages/ripple-storybook/package.json b/packages/ripple-storybook/package.json
deleted file mode 100644
index 531156cf3b..0000000000
--- a/packages/ripple-storybook/package.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
- "name": "ripple-storybook",
- "description": "Ripple Storybook instance",
- "version": "2.47.0",
- "license": "Apache-2.0",
- "private": true,
- "repository": "https://github.com/dpc-sdp/ripple-framework",
- "scripts": {
- "start": "storybook dev -p 6006",
- "static:build": "storybook build",
- "static:start": "http-server storybook-static --port 6006 --silent",
- "test": "vitest --watch --project=storybook",
- "test:ci": "vitest --run --project=storybook"
- },
- "exports": {
- "./utils": "./utils/index.ts"
- },
- "devDependencies": {
- "@modyfi/vite-plugin-yaml": "^1.0.4",
- "@rollup/plugin-node-resolve": "^15.2.1",
- "@storybook/addon-a11y": "^9.0.10",
- "@storybook/addon-vitest": "^9.0.10",
- "@storybook/vue3": "^9.0.10",
- "@storybook/vue3-vite": "^9.0.10",
- "@vitejs/plugin-vue": "^5.2.3",
- "@vitest/browser": "^3.2.3",
- "@vitest/coverage-v8": "^3.2.3",
- "http-server": "^14.1.1",
- "playwright": "^1.52.0",
- "storybook": "^9.0.10",
- "vitest": "catalog:"
- },
- "dependencies": {
- "@dpc-sdp/ripple-ui-core": "workspace:*",
- "@dpc-sdp/ripple-ui-maps": "workspace:*",
- "vite-svg-loader": "catalog:"
- }
-}
diff --git a/packages/ripple-storybook/utils/index.ts b/packages/ripple-storybook/utils/index.ts
deleted file mode 100644
index 3f08ff3566..0000000000
--- a/packages/ripple-storybook/utils/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as svgPlaceholder } from '../.storybook/utils/svgPlaceholder'
diff --git a/packages/ripple-storybook/vite.config.ts b/packages/ripple-storybook/vite.config.ts
deleted file mode 100644
index 85ce67a80c..0000000000
--- a/packages/ripple-storybook/vite.config.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-
-// https://vite.dev/config/
-export default defineConfig({
- plugins: [vue()]
-})
diff --git a/packages/ripple-storybook/vitest.workspace.ts b/packages/ripple-storybook/vitest.workspace.ts
deleted file mode 100644
index ec2ccaeb17..0000000000
--- a/packages/ripple-storybook/vitest.workspace.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
-import { defineWorkspace } from 'vitest/config'
-import { storybookTest } from '@storybook/addon-vitest/vitest-plugin'
-
-const dirname =
- typeof __dirname !== 'undefined'
- ? __dirname
- : path.dirname(fileURLToPath(import.meta.url))
-
-// More info at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon
-export default defineWorkspace([
- 'vite.config.ts',
- {
- extends: 'vite.config.ts',
- plugins: [
- // The plugin will run tests for the stories defined in your Storybook config
- // See options at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon#storybooktest
- storybookTest({
- configDir: path.join(dirname, '.storybook'),
- tags: {
- exclude: ['skip']
- }
- })
- ],
- test: {
- name: 'storybook',
- browser: {
- enabled: true,
- headless: true,
- provider: 'playwright',
- instances: [{ browser: 'chromium' }]
- },
- setupFiles: ['.storybook/vitest.setup.ts']
- }
- }
-])
diff --git a/packages/ripple-tide-grant/package.json b/packages/ripple-tide-grant/package.json
index 9948ea9f68..8e0beb68c0 100644
--- a/packages/ripple-tide-grant/package.json
+++ b/packages/ripple-tide-grant/package.json
@@ -13,6 +13,6 @@
"dependencies": {
"@dpc-sdp/nuxt-ripple": "workspace:*",
"@dpc-sdp/ripple-tide-api": "workspace:*",
- "@dpc-sdp/ripple-ui-core": "workspace:*"
+ "@dpc-sdp/ripple-ui-core": "catalog:"
}
}
diff --git a/packages/ripple-tide-landing-page/package.json b/packages/ripple-tide-landing-page/package.json
index e62fdd3398..110a383bc3 100644
--- a/packages/ripple-tide-landing-page/package.json
+++ b/packages/ripple-tide-landing-page/package.json
@@ -13,8 +13,8 @@
"@dpc-sdp/nuxt-ripple": "workspace:*",
"@dpc-sdp/ripple-tide-api": "workspace:*",
"@dpc-sdp/ripple-tide-webform": "workspace:*",
- "@dpc-sdp/ripple-ui-core": "workspace:*",
- "@dpc-sdp/ripple-ui-forms": "workspace:*",
+ "@dpc-sdp/ripple-ui-core": "catalog:",
+ "@dpc-sdp/ripple-ui-forms": "catalog:",
"ofetch": "^1.3.4"
}
}
diff --git a/packages/ripple-tide-media/package.json b/packages/ripple-tide-media/package.json
index 328ba3b93d..d78a9582c9 100644
--- a/packages/ripple-tide-media/package.json
+++ b/packages/ripple-tide-media/package.json
@@ -13,6 +13,6 @@
"dependencies": {
"@dpc-sdp/nuxt-ripple": "workspace:*",
"@dpc-sdp/ripple-tide-api": "workspace:*",
- "@dpc-sdp/ripple-ui-core": "workspace:*"
+ "@dpc-sdp/ripple-ui-core": "catalog:"
}
}
diff --git a/packages/ripple-tide-publication/package.json b/packages/ripple-tide-publication/package.json
index 5f9ac2ceb5..489755a75b 100644
--- a/packages/ripple-tide-publication/package.json
+++ b/packages/ripple-tide-publication/package.json
@@ -13,6 +13,6 @@
"@dpc-sdp/nuxt-ripple": "workspace:*",
"@dpc-sdp/ripple-tide-api": "workspace:*",
"@dpc-sdp/ripple-tide-landing-page": "workspace:*",
- "@dpc-sdp/ripple-ui-core": "workspace:*"
+ "@dpc-sdp/ripple-ui-core": "catalog:"
}
}
diff --git a/packages/ripple-tide-search/package.json b/packages/ripple-tide-search/package.json
index f9fda4ad4f..ad8442f7e0 100644
--- a/packages/ripple-tide-search/package.json
+++ b/packages/ripple-tide-search/package.json
@@ -11,8 +11,8 @@
"dependencies": {
"@dpc-sdp/ripple-tide-api": "workspace:*",
"@dpc-sdp/ripple-tide-landing-page": "workspace:*",
- "@dpc-sdp/ripple-ui-core": "workspace:*",
- "@dpc-sdp/ripple-ui-forms": "workspace:*",
- "@dpc-sdp/ripple-ui-maps": "workspace:*"
+ "@dpc-sdp/ripple-ui-core": "catalog:",
+ "@dpc-sdp/ripple-ui-forms": "catalog:",
+ "@dpc-sdp/ripple-ui-maps": "catalog:"
}
}
diff --git a/packages/ripple-tide-topic/package.json b/packages/ripple-tide-topic/package.json
index ac4d18a501..1b81aa953a 100644
--- a/packages/ripple-tide-topic/package.json
+++ b/packages/ripple-tide-topic/package.json
@@ -14,6 +14,6 @@
"@dpc-sdp/nuxt-ripple": "workspace:*",
"@dpc-sdp/ripple-tide-api": "workspace:*",
"@dpc-sdp/ripple-tide-search": "workspace:*",
- "@dpc-sdp/ripple-ui-core": "workspace:*"
+ "@dpc-sdp/ripple-ui-core": "catalog:"
}
}
diff --git a/packages/ripple-ui-core/.eslintrc b/packages/ripple-ui-core/.eslintrc
deleted file mode 100644
index 120dc34669..0000000000
--- a/packages/ripple-ui-core/.eslintrc
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "extends": [
- "prettier",
- "plugin:storybook/recommended",
- "@dpc-sdp/eslint-config-ripple"
- ]
-}
diff --git a/packages/ripple-ui-core/CHANGELOG.md b/packages/ripple-ui-core/CHANGELOG.md
deleted file mode 100644
index d8ea34dc34..0000000000
--- a/packages/ripple-ui-core/CHANGELOG.md
+++ /dev/null
@@ -1,2032 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-# [2.0.0-rc.1](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.201...v2.0.0-rc.1) (2023-06-22)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.200](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.199...v2.1.0-alpha.200) (2023-06-21)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.197](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.196...v2.1.0-alpha.197) (2023-06-20)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.195](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.194...v2.1.0-alpha.195) (2023-06-19)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.194](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.193...v2.1.0-alpha.194) (2023-06-16)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** move deps ([ecf7e30](https://github.com/dpc-sdp/ripple-framework/commit/ecf7e309ca57f464fddfa6f77e0cfa4d42da7831))
-
-# [2.1.0-alpha.193](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.192...v2.1.0-alpha.193) (2023-06-16)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.192](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.191...v2.1.0-alpha.192) (2023-06-16)
-
-### Bug Fixes
-
-* fixed vite-svg-loader not getting applied ([8baaa8d](https://github.com/dpc-sdp/ripple-framework/commit/8baaa8da6dadd06cd825f02bae4e202c5a983531))
-
-# [2.1.0-alpha.191](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.190...v2.1.0-alpha.191) (2023-06-16)
-
-### Features
-
-* :sparkles: add selector to help locate el ([670ff49](https://github.com/dpc-sdp/ripple-framework/commit/670ff49872e5651c561de5d8db91b76ebab0c5c2))
-* **@dpc-sdp/ripple-ui-core:** add support for intro buttons (to match ripple 1) ([743fbe4](https://github.com/dpc-sdp/ripple-framework/commit/743fbe4b3ffae98691bcfa0e95444cf294c6dbc9))
-
-# [2.1.0-alpha.190](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.189...v2.1.0-alpha.190) (2023-06-15)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** update tag ([58dac08](https://github.com/dpc-sdp/ripple-framework/commit/58dac08401983116d0b68b343bd13db943100a91))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** add fonts to 'external' assets ([557aac5](https://github.com/dpc-sdp/ripple-framework/commit/557aac5ab751ce5aa16be7544445f77be5fe1a48))
-
-# [2.1.0-alpha.189](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.188...v2.1.0-alpha.189) (2023-06-15)
-
-### Bug Fixes
-
-* cleaning up browser console warnings ([06bcb20](https://github.com/dpc-sdp/ripple-framework/commit/06bcb20d0ef2b069973cb532bacd26efa5645e00))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** re-instate stylelint and fix errors, fix eslint warnings ([022d859](https://github.com/dpc-sdp/ripple-framework/commit/022d8598fa2f4f6c791dc6d4dc9a687d981f5a07))
-* **@dpc-sdp/ripple-ui-core:** switch to rgb only ([36d9491](https://github.com/dpc-sdp/ripple-framework/commit/36d9491da8b6650aca56d4b11bef8ded2def1500))
-
-# [2.1.0-alpha.186](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.185...v2.1.0-alpha.186) (2023-06-08)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.185](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.184...v2.1.0-alpha.185) (2023-06-06)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** design feedback ([0c74039](https://github.com/dpc-sdp/ripple-framework/commit/0c74039339653ca25b1ffb6c5d14f391e5854040))
-
-# [2.1.0-alpha.181](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.180...v2.1.0-alpha.181) (2023-06-01)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.180](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.179...v2.1.0-alpha.180) (2023-06-01)
-
-### Bug Fixes
-
-* :bug: adjustments to image dimension calc ([fdc4c95](https://github.com/dpc-sdp/ripple-framework/commit/fdc4c9535d7c9fae7cad0920a50d1f0741fb94ff))
-
-### Features
-
-* :sparkles: introduce asset provider src ([38e746d](https://github.com/dpc-sdp/ripple-framework/commit/38e746df6d4bf5feda1e15ac3d4c089fc3074089))
-* upgraded nuxt and vue to latest versions ([dd27f86](https://github.com/dpc-sdp/ripple-framework/commit/dd27f8613d263b1a6337fbc9e253c78954fb6768))
-
-# [2.1.0-alpha.177](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.176...v2.1.0-alpha.177) (2023-05-30)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** add labels to media embeds, minor style fixes ([83527bc](https://github.com/dpc-sdp/ripple-framework/commit/83527bca1a6568c2366b33aac31bbf386b216602))
-
-# [2.1.0-alpha.176](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.175...v2.1.0-alpha.176) (2023-05-29)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fixed broken icon imports when running in dev outside this repo ([d0ffe35](https://github.com/dpc-sdp/ripple-framework/commit/d0ffe35c9a3692e8b39ab54540353b6eed9f4102))
-
-# [2.1.0-alpha.175](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.174...v2.1.0-alpha.175) (2023-05-25)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.174](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.173...v2.1.0-alpha.174) (2023-05-25)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** persistant quick exit ([9967b96](https://github.com/dpc-sdp/ripple-framework/commit/9967b964de780be3bc585121b0a6188071c07df9))
-
-# [2.1.0-alpha.173](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.172...v2.1.0-alpha.173) (2023-05-25)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fixed parents of active item being highlighted ([1842bbb](https://github.com/dpc-sdp/ripple-framework/commit/1842bbbfc6c9231531bff551215a906fe4ba07eb))
-
-# [2.1.0-alpha.171](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.170...v2.1.0-alpha.171) (2023-05-22)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** :bug: fixed skip link covered by nav if user is yet to scroll page ([7f5557d](https://github.com/dpc-sdp/ripple-framework/commit/7f5557de82e21c487e2724b49eae595f161e2910))
-
-# [2.1.0-alpha.170](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.169...v2.1.0-alpha.170) (2023-05-22)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fixed card padding with no image ([a77c90b](https://github.com/dpc-sdp/ripple-framework/commit/a77c90b1554e5793a315a1c1cab170a8d8237385))
-* **@dpc-sdp/ripple-ui-core:** fixed table font size for paragraphs and lists ([8e94aa2](https://github.com/dpc-sdp/ripple-framework/commit/8e94aa2c2a1adf691fb59030a47e82a20a20e9d8))
-
-# [2.1.0-alpha.169](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.168...v2.1.0-alpha.169) (2023-05-19)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.166](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.165...v2.1.0-alpha.166) (2023-05-18)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** ensured top level site section links are accessible ([7a0ddf6](https://github.com/dpc-sdp/ripple-framework/commit/7a0ddf609f5001f84e9cbea7f95ce1dcbe540b6b))
-
-# [2.1.0-alpha.165](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.164...v2.1.0-alpha.165) (2023-05-17)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** :bug: fixed header logo not showing with a background image ([e19dbfe](https://github.com/dpc-sdp/ripple-framework/commit/e19dbfedb6a5e0e1b37d3b66f5b66aaf5aedda81))
-* **@dpc-sdp/ripple-ui-core:** :bug: fixed hero header intro text showing when empty ([d922d6e](https://github.com/dpc-sdp/ripple-framework/commit/d922d6eea3015049b44ad1b54c03e8bf15178d7a))
-* **@dpc-sdp/ripple-ui-core:** added hidePromoCardStripe feature flag as many sites want no stripe ([41e206f](https://github.com/dpc-sdp/ripple-framework/commit/41e206fe2489dff1bb543f6545fef5e46b08cdc6))
-* **@dpc-sdp/ripple-ui-core:** update breadcrumb max-width ([34fab36](https://github.com/dpc-sdp/ripple-framework/commit/34fab36f7774b6db0017b47c405088a10adaaaa1))
-
-# [2.1.0-alpha.164](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.163...v2.1.0-alpha.164) (2023-05-15)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.163](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.162...v2.1.0-alpha.163) (2023-05-15)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.162](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.161...v2.1.0-alpha.162) (2023-05-15)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.161](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.160...v2.1.0-alpha.161) (2023-05-12)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fixed level 4 nav links with children not being clickable ([96b72ef](https://github.com/dpc-sdp/ripple-framework/commit/96b72ef9a7b1373c8497af8ad4d615ae3a624622))
-
-# [2.1.0-alpha.160](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.159...v2.1.0-alpha.160) (2023-05-12)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fixed page crash when trying to import missing icon ([7eaf5dc](https://github.com/dpc-sdp/ripple-framework/commit/7eaf5dcee2d94b6ac0f571678dd3c7e3bca9b6ca))
-
-# [2.1.0-alpha.159](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.158...v2.1.0-alpha.159) (2023-05-11)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-tide-api:** fixed callout markup and added neutral callouts ([52c8016](https://github.com/dpc-sdp/ripple-framework/commit/52c8016b05929b6b73ac723198ca93fe54c0507b))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: style fixes from feedback ([8bea9eb](https://github.com/dpc-sdp/ripple-framework/commit/8bea9eb3d50b3683efebd08c8452a80b2f71db4e))
-
-# [2.1.0-alpha.158](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.157...v2.1.0-alpha.158) (2023-05-10)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.157](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.156...v2.1.0-alpha.157) (2023-05-08)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.155](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.154...v2.1.0-alpha.155) (2023-05-08)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-tide-api:** remap all image url to hit tide directly ([b5a1c32](https://github.com/dpc-sdp/ripple-framework/commit/b5a1c32feb4e29d14d91013d09fdd8e82d91ca8d))
-
-# [2.1.0-alpha.154](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.153...v2.1.0-alpha.154) (2023-05-05)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.153](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.152...v2.1.0-alpha.153) (2023-05-05)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** allowed description list to take items as slots ([c655f6e](https://github.com/dpc-sdp/ripple-framework/commit/c655f6ea10c714d5de0b975a7f481b25b6fcc8a6))
-* **@dpc-sdp/ripple-ui-core:** moved embed media styles to global to support wysiwyg editor ([1efcc16](https://github.com/dpc-sdp/ripple-framework/commit/1efcc16058c1884198ad3c39647fb57a54487826))
-
-### Features
-
-* **@dpc-sdp/ripple-tide-api:** add epochToDate function ([fa5be4d](https://github.com/dpc-sdp/ripple-framework/commit/fa5be4d2d0684b60ee3526b71d198efa6825e174))
-* **@dpc-sdp/ripple-tide-api:** add updated date to documents ([75cfefe](https://github.com/dpc-sdp/ripple-framework/commit/75cfefe139a04843d82edc6136a91f76330e3e72))
-* **@dpc-sdp/ripple-tide-api:** move epochToDate so build doesn't fail ([67bcbda](https://github.com/dpc-sdp/ripple-framework/commit/67bcbdaa3375ae9eac01c870a9f30a260910c904))
-
-# [2.1.0-alpha.152](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.151...v2.1.0-alpha.152) (2023-05-04)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** reduced menu padding when actions are present ([a6b2553](https://github.com/dpc-sdp/ripple-framework/commit/a6b2553e39cbc20da17f098ccbd1e3708a5629e2))
-
-# [2.1.0-alpha.150](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.149...v2.1.0-alpha.150) (2023-05-01)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fixed remaining broken storybook images ([1eac61a](https://github.com/dpc-sdp/ripple-framework/commit/1eac61a57b98066e851923bc19941e2980319a21))
-
-# [2.1.0-alpha.149](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.148...v2.1.0-alpha.149) (2023-04-26)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** ensure inset card image doesn't get too small ([221b320](https://github.com/dpc-sdp/ripple-framework/commit/221b3207e4aede58d32fc42d27273460eb4d53f3))
-* **@dpc-sdp/ripple-ui-core:** remove fixed type class from cta headings ([cf36d42](https://github.com/dpc-sdp/ripple-framework/commit/cf36d42f9ce9a12a2b9431c79cf67748c0782a60))
-
-# [2.1.0-alpha.148](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.147...v2.1.0-alpha.148) (2023-04-20)
-
-### Bug Fixes
-
-* **@dpc-sdp/nuxt-ripple:** added missing import for analytics module ([a66f8c3](https://github.com/dpc-sdp/ripple-framework/commit/a66f8c368bfb56c6a2df1a9590e5f59beb0de1d9))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix analytics plugin imports ([2a847ec](https://github.com/dpc-sdp/ripple-framework/commit/2a847ec38f9399d7b20289d5412e3e7ed43582bc))
-
-# [2.1.0-alpha.147](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.146...v2.1.0-alpha.147) (2023-04-20)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** :bug: rollback to using ts export for nuxt module ([7067874](https://github.com/dpc-sdp/ripple-framework/commit/70678740cdb06294f0f496a4a3320095e402512f))
-
-### Features
-
-* **@dpc-sdp/nuxt-ripple-analytics:** :sparkles: adds analytics package and sample event ([45ae920](https://github.com/dpc-sdp/ripple-framework/commit/45ae920d194d4f43187df5b3933f68b0d097fe35))
-* **@dpc-sdp/nuxt-ripple-analytics:** add example input event ([fea3385](https://github.com/dpc-sdp/ripple-framework/commit/fea3385279bf80a1baec82f4a10a84a12a1e2717))
-* **@dpc-sdp/nuxt-ripple-analytics:** add ga events ([05a15a5](https://github.com/dpc-sdp/ripple-framework/commit/05a15a5ebe1543dc6fc697b5c2d93777dac8a322))
-* **@dpc-sdp/nuxt-ripple-analytics:** role back to node 16x for storybook ([902b1a1](https://github.com/dpc-sdp/ripple-framework/commit/902b1a1cd08d2aadcb2d7c873fce29ebe9fd7343))
-* **@dpc-sdp/nuxt-ripple-analytics:** switch to rpl events composable ([d18f4e8](https://github.com/dpc-sdp/ripple-framework/commit/d18f4e8f2c6f5c030c9a0781d9583fab60dc6903))
-* **@dpc-sdp/nuxt-ripple-analytics:** wip ([5b0c6e1](https://github.com/dpc-sdp/ripple-framework/commit/5b0c6e18966486d49e27757dcce7b9609722311c))
-* **@dpc-sdp/ripple-ui-core:** fix storybook alert test, add $rplEvent provider ([62af966](https://github.com/dpc-sdp/ripple-framework/commit/62af966abf0e04525457fc07b57eef0351c089b6))
-
-# [2.1.0-alpha.145](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.144...v2.1.0-alpha.145) (2023-04-18)
-
-### Bug Fixes
-
-* **docs:** fixed broken storybook images in docs site ([585317f](https://github.com/dpc-sdp/ripple-framework/commit/585317fda44f07ab792a32cfceb1c5dc13dcf5f1))
-
-### Performance Improvements
-
-* **@dpc-sdp/ripple-ui-core:** :zap: set image dimensions on flag ([403e23b](https://github.com/dpc-sdp/ripple-framework/commit/403e23b5fb4d1cd117cfff3293153ef78e65c12d))
-
-# [2.1.0-alpha.143](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.142...v2.1.0-alpha.143) (2023-04-18)
-
-### Performance Improvements
-
-* **@dpc-sdp/ripple-ui-core:** :zap: remove global component definitions ([1876256](https://github.com/dpc-sdp/ripple-framework/commit/187625669a992c788d29455455293020fbc9e088))
-
-# [2.1.0-alpha.142](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.141...v2.1.0-alpha.142) (2023-04-17)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.140](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.139...v2.1.0-alpha.140) (2023-04-14)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** print style feedback and additions ([823cc42](https://github.com/dpc-sdp/ripple-framework/commit/823cc42050ed621a3bf1632e44671a778460918e))
-
-# [2.1.0-alpha.139](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.138...v2.1.0-alpha.139) (2023-04-12)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fixed nav search auto focus in IOS ([675ec69](https://github.com/dpc-sdp/ripple-framework/commit/675ec69a8d151f014dfd091151a061a5b4d18510))
-* **@dpc-sdp/ripple-ui-core:** remove redundant auto-focus attribute ([ffe4223](https://github.com/dpc-sdp/ripple-framework/commit/ffe42236fca40c2b5301eab12e27cff7bbfc015c))
-
-# [2.1.0-alpha.138](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.137...v2.1.0-alpha.138) (2023-04-12)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** add tab support for primary nav ([49eb5a1](https://github.com/dpc-sdp/ripple-framework/commit/49eb5a1390aada3b452b3231151c80b22d61a728))
-
-# [2.1.0-alpha.137](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.136...v2.1.0-alpha.137) (2023-04-06)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** add toggleNavItem level type back ([439933a](https://github.com/dpc-sdp/ripple-framework/commit/439933a6aecc7d968b8e2033b9c054c7bb43a133))
-* **@dpc-sdp/ripple-ui-core:** primary nav design feedback ([4a0a086](https://github.com/dpc-sdp/ripple-framework/commit/4a0a086b0e04de2044e3d0dfcd1a0b19af662212))
-
-# [2.1.0-alpha.135](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.134...v2.1.0-alpha.135) (2023-04-05)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.134](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.133...v2.1.0-alpha.134) (2023-04-05)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fixed button styling in IOS 15 and below ([e4428a5](https://github.com/dpc-sdp/ripple-framework/commit/e4428a539ce0de8d2463c5dd6df2b22437bf1137))
-
-# [2.1.0-alpha.133](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.132...v2.1.0-alpha.133) (2023-04-05)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** updated button busy state after design feedback ([81efdba](https://github.com/dpc-sdp/ripple-framework/commit/81efdba84553c7ec55375cdc93cb09a7c0a3c1d4))
-
-# [2.1.0-alpha.132](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.131...v2.1.0-alpha.132) (2023-04-04)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** don't set background when higher contrast is requested ([e75005b](https://github.com/dpc-sdp/ripple-framework/commit/e75005bc74b973f343097779a00f24864ae3f481))
-* **@dpc-sdp/ripple-ui-core:** set a white bg default ([17df2e6](https://github.com/dpc-sdp/ripple-framework/commit/17df2e62ef822d1dd05a65fc01fb1bc7c0c25b93))
-
-# [2.1.0-alpha.129](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.128...v2.1.0-alpha.129) (2023-04-03)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fix accessible links non working in carousels and results ([6359b5f](https://github.com/dpc-sdp/ripple-framework/commit/6359b5fd10bb82bca90dec953a81fd50c192a306))
-* **@dpc-sdp/ripple-ui-core:** just set overflow directly ([b34ca9c](https://github.com/dpc-sdp/ripple-framework/commit/b34ca9ceb2bfee1d00b80654032d944e0cfaa0c0))
-* **@dpc-sdp/ripple-ui-core:** make sure expanded content is always visible ([1ed1229](https://github.com/dpc-sdp/ripple-framework/commit/1ed12299c984244a2eff3198873376898a6f234b))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** search qa ([c283f21](https://github.com/dpc-sdp/ripple-framework/commit/c283f218b0d2dbc12a012ed0d51beaa8d2276eba))
-
-# [2.1.0-alpha.127](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.126...v2.1.0-alpha.127) (2023-03-31)
-
-### Bug Fixes
-
-* update packageManager to match engines requirement ([8f09a1e](https://github.com/dpc-sdp/ripple-framework/commit/8f09a1ed63d4e8ccabf589f2446c305a85ad6ce9))
-
-# [2.1.0-alpha.126](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.125...v2.1.0-alpha.126) (2023-03-30)
-
-### Features
-
-* **@dpc-sdp/ripple-tide-publication:** hooked up print all pages link ([a617cf3](https://github.com/dpc-sdp/ripple-framework/commit/a617cf36ada432711bbc14744a09f3825d0cb42b))
-
-# [2.1.0-alpha.124](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.123...v2.1.0-alpha.124) (2023-03-29)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.122](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.121...v2.1.0-alpha.122) (2023-03-24)
-
-### Features
-
-* **nuxt-ripple:** :sparkles: implement page head and seo meta ([52afc09](https://github.com/dpc-sdp/ripple-framework/commit/52afc0915ec9a5e789d51c1e8325cd8c0a164ef4))
-
-# [2.1.0-alpha.120](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.119...v2.1.0-alpha.120) (2023-03-21)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** design tweaks for pattern gradient ([d1e38de](https://github.com/dpc-sdp/ripple-framework/commit/d1e38de4d52802e67e5c8e065e22d0459ef599b4))
-
-# [2.1.0-alpha.116](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.115...v2.1.0-alpha.116) (2023-03-17)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.115](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.114...v2.1.0-alpha.115) (2023-03-17)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** removed console log ([a74bb9c](https://github.com/dpc-sdp/ripple-framework/commit/a74bb9cf29a82235cdcf3ce9097950bd3c0aafa7))
-
-### Features
-
-* **nuxt-ripple:** added script to hide dismissed alerts to avoid content flash ([5868b61](https://github.com/dpc-sdp/ripple-framework/commit/5868b6139a217d25bc39151633ab60f8fb472eec))
-
-# [2.1.0-alpha.114](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.113...v2.1.0-alpha.114) (2023-03-16)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** allow click through on overflowing campaign images ([d44fe66](https://github.com/dpc-sdp/ripple-framework/commit/d44fe662006bcabd815e5d24453b300e56c1814e))
-* **@dpc-sdp/ripple-ui-core:** use percentages for new patterns ([7afa630](https://github.com/dpc-sdp/ripple-framework/commit/7afa630e6acad318d1b110d9e00811889ce0fb29))
-
-# [2.1.0-alpha.112](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.111...v2.1.0-alpha.112) (2023-03-15)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-tide-api:** update doc plugin and testcontent ([165ee98](https://github.com/dpc-sdp/ripple-framework/commit/165ee98d206f063afd132cd81cc5e1b30e8360ca))
-* **@dpc-sdp/ripple-ui-core:** :bug: fixed expandle items still tabbable when closed ([4ad9116](https://github.com/dpc-sdp/ripple-framework/commit/4ad911679206b1c1cd889e3da2286f4e4cae36f7))
-* **@dpc-sdp/ripple-ui-core:** changed 'view transcript' to open in same window ([d208b2a](https://github.com/dpc-sdp/ripple-framework/commit/d208b2a345215f56d5a9c9fdaddc05e36bd040e2))
-* **@dpc-sdp/ripple-ui-core:** fixed expandable not animating if starting from open ([b519606](https://github.com/dpc-sdp/ripple-framework/commit/b51960672e18cd874a4a44c667d2227b516e94ff))
-* stopped all links are forcing a full refresh instead of using client side navigation ([a10760e](https://github.com/dpc-sdp/ripple-framework/commit/a10760e70513829fbd49dfd2ccaa41526f2277cd))
-
-# [2.1.0-alpha.111](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.110...v2.1.0-alpha.111) (2023-03-15)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.110](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.109...v2.1.0-alpha.110) (2023-03-14)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** make sure link text wraps ([c774acd](https://github.com/dpc-sdp/ripple-framework/commit/c774acdf47b5da9b4395f16a0ec101fe7992c1b1))
-
-# [2.1.0-alpha.109](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.108...v2.1.0-alpha.109) (2023-03-13)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fix modal height for mobile and gallery image sizing for safari ([032ef9e](https://github.com/dpc-sdp/ripple-framework/commit/032ef9ed8ccfa40293751566af167bdbc1f14be9))
-
-# [2.1.0-alpha.108](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.107...v2.1.0-alpha.108) (2023-03-10)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** alt text support for timeline, update RplImageType instances ([945e21b](https://github.com/dpc-sdp/ripple-framework/commit/945e21bb2c53ad4fec37358900c49348712c40ae))
-* **@dpc-sdp/ripple-ui-core:** fix docs not opening via keyboard ([27195b6](https://github.com/dpc-sdp/ripple-framework/commit/27195b6dabb48c41d14ef205137718c91a0aa5be))
-* **@dpc-sdp/ripple-ui-core:** timeline notch fixes ([73cb8c3](https://github.com/dpc-sdp/ripple-framework/commit/73cb8c3f1a98dec1f0ddabef6bcc5a01181ea13a))
-
-# [2.1.0-alpha.107](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.106...v2.1.0-alpha.107) (2023-03-10)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** move icon-view to core (i.e. sprite), add embed content spacing ([f1e00e6](https://github.com/dpc-sdp/ripple-framework/commit/f1e00e6c2e306eb5d3fb919eb4b6177d9315b5fa))
-
-# [2.1.0-alpha.106](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.105...v2.1.0-alpha.106) (2023-03-10)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** allow a single timeline element to be displayed ([8e08693](https://github.com/dpc-sdp/ripple-framework/commit/8e0869331a87026dc44f91661511cfe5d305e9e8))
-
-# [2.1.0-alpha.101](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.100...v2.1.0-alpha.101) (2023-03-08)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add gap between heading and slider when no pagination ([2a245a4](https://github.com/dpc-sdp/ripple-framework/commit/2a245a44510a666d725dbcf6c79eb380170b70df))
-
-# [2.1.0-alpha.100](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.99...v2.1.0-alpha.100) (2023-03-08)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** stop expandable content showing when toggled quickly ([ee7e14c](https://github.com/dpc-sdp/ripple-framework/commit/ee7e14cad7c44233986dcf1d9574ce02ac0dacb0))
-
-# [2.1.0-alpha.99](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.98...v2.1.0-alpha.99) (2023-03-07)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.98](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.97...v2.1.0-alpha.98) (2023-03-07)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.97](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.96...v2.1.0-alpha.97) (2023-03-07)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.96](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.95...v2.1.0-alpha.96) (2023-03-06)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-tide-landing-page:** :bug: fixed key dates mapping tests and styling ([a61bb3b](https://github.com/dpc-sdp/ripple-framework/commit/a61bb3be5530c15e75759453aebbe71ea587ead7))
-* **@dpc-sdp/ripple-tide-landing-page:** :bug: fixed mapping of key dates card and styling issue ([81d8c0b](https://github.com/dpc-sdp/ripple-framework/commit/81d8c0b76b2a60251a214d83e067450329458bf9))
-* **@dpc-sdp/ripple-ui-core:** :bug: fixed typo in media embed ([f140765](https://github.com/dpc-sdp/ripple-framework/commit/f1407653479e04edfac72ff5c18350be62232f58))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** adding new patterns svgs ([5611aeb](https://github.com/dpc-sdp/ripple-framework/commit/5611aebdf2768a9ecb2eb9182fbbf8a8b3f773fc))
-* **docs:** added ability to set theme/neutral buttons for docs example ([9406a5c](https://github.com/dpc-sdp/ripple-framework/commit/9406a5c77022d7c8cf66a58f7facc1f62f2bc9c7))
-
-# [2.1.0-alpha.95](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.94...v2.1.0-alpha.95) (2023-03-02)
-
-### Bug Fixes
-
-* cleanup linting warnings ([2645725](https://github.com/dpc-sdp/ripple-framework/commit/26457253264db9b8836273a2a7380d9b50be2b11))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** add document print styles, and link markup plugin, fix modal test ([055be12](https://github.com/dpc-sdp/ripple-framework/commit/055be12044121506573d94aa1c16b387e6a4b814))
-* **@dpc-sdp/ripple-ui-core:** base print styles ([7b67954](https://github.com/dpc-sdp/ripple-framework/commit/7b67954983be9b9054361a2585d3547a07c04d25))
-* **@dpc-sdp/ripple-ui-core:** basic component print styles ([5d68686](https://github.com/dpc-sdp/ripple-framework/commit/5d686862dbfde33bf35f9866e4076c8402312271))
-* **@dpc-sdp/ripple-ui-core:** forgoing design for simpler print links using href ([09da1af](https://github.com/dpc-sdp/ripple-framework/commit/09da1afaa7810e6c9aa36243dc8e13390b76d12c))
-* **@dpc-sdp/ripple-ui-core:** media component prints styles, use teleport for modals ([d2dfccf](https://github.com/dpc-sdp/ripple-framework/commit/d2dfccf0e279076471c1c1aec76e0fa4daf6baf3))
-* **@dpc-sdp/ripple-ui-core:** print utils, add print only component classes ([d81fd24](https://github.com/dpc-sdp/ripple-framework/commit/d81fd24d186ae9add12c5288fe1c50b489d74c67))
-* **@dpc-sdp/ripple-ui-core:** remove main body cols for print in safari ([16bfd3a](https://github.com/dpc-sdp/ripple-framework/commit/16bfd3a0e933aa7d229e66c4e6be2348cf0abcaa))
-* **@dpc-sdp/ripple-ui-core:** remove table scrolling for print ([3539d31](https://github.com/dpc-sdp/ripple-framework/commit/3539d31b1a89e274be0350a070c6ea18c80ba8d3))
-
-# [2.1.0-alpha.93](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.92...v2.1.0-alpha.93) (2023-02-24)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** make all nav stories fullscreen ([5f05db1](https://github.com/dpc-sdp/ripple-framework/commit/5f05db1ec579af6e526b3391fdc500f2a03534e7))
-
-# [2.1.0-alpha.91](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.90...v2.1.0-alpha.91) (2023-02-23)
-
-### Features
-
-* **docs:** added responsive nav to docs site ([35ca3fd](https://github.com/dpc-sdp/ripple-framework/commit/35ca3fd074f0320a50adc32081c51fc73b6c68b3))
-
-# [2.1.0-alpha.90](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.89...v2.1.0-alpha.90) (2023-02-22)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.89](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.88...v2.1.0-alpha.89) (2023-02-21)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.88](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.87...v2.1.0-alpha.88) (2023-02-21)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fix aside cta link to display focus state inline ([da8d2ab](https://github.com/dpc-sdp/ripple-framework/commit/da8d2ab1f75c77b7d03479a3fb6522034c45f0d6))
-
-# [2.1.0-alpha.87](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.86...v2.1.0-alpha.87) (2023-02-20)
-
-### Bug Fixes
-
-* :bug: unify dateFormat util, move news call to sfc ([97f8d65](https://github.com/dpc-sdp/ripple-framework/commit/97f8d6572e0eeb0e107f9bc887192f4028601bc9))
-* **@dpc-sdp/ripple-ui-core:** design feedback ([3d3f8ff](https://github.com/dpc-sdp/ripple-framework/commit/3d3f8ff1a3b2612bb0f80cd25b161c5befa0b060))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** update z-index tokens ([eae9318](https://github.com/dpc-sdp/ripple-framework/commit/eae93180b8086d6d6d40672f0feb97a8e3943553))
-
-# [2.1.0-alpha.86](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.85...v2.1.0-alpha.86) (2023-02-20)
-
-### Features
-
-* **docs:** added basic component example and cleanup ([45ac56a](https://github.com/dpc-sdp/ripple-framework/commit/45ac56a086b31c4d8ec7a43a278d35e3c0ce8969))
-
-# [2.1.0-alpha.85](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.84...v2.1.0-alpha.85) (2023-02-19)
-
-### Bug Fixes
-
-* fixed broken build ([89decce](https://github.com/dpc-sdp/ripple-framework/commit/89deccedc14fe1400bb3a0a271fe7fcb751772a0))
-* fixed broken build ([d414af6](https://github.com/dpc-sdp/ripple-framework/commit/d414af62b047cf30eed09540dc34880c5bb64c0e))
-
-# [2.1.0-alpha.83](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.82...v2.1.0-alpha.83) (2023-02-19)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** design feedback, updating spacing, breakpoints and colours ([75818f6](https://github.com/dpc-sdp/ripple-framework/commit/75818f68a642349290d41e2f1dafb4a78657c2d5))
-* **@dpc-sdp/ripple-ui-core:** make all image variants spacing the same ([22be9fb](https://github.com/dpc-sdp/ripple-framework/commit/22be9fbab41512b681b6c8ecf6dc245f9f7766f1))
-* **@dpc-sdp/ripple-ui-core:** remove error-alt token ([b4e92af](https://github.com/dpc-sdp/ripple-framework/commit/b4e92afe3f97bd6d9670c5215abaa9a8a7837fe0))
-* **@dpc-sdp/ripple-ui-core:** update semantic colour swatches ([184143a](https://github.com/dpc-sdp/ripple-framework/commit/184143ae375c83528bbaba90a8c8d8328224a10d))
-
-# [2.1.0-alpha.82](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.81...v2.1.0-alpha.82) (2023-02-16)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.81](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.80...v2.1.0-alpha.81) (2023-02-15)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** update card breakpoint and component 'name' ([58b0ff9](https://github.com/dpc-sdp/ripple-framework/commit/58b0ff90599b93f97b89b1d99f9f111a810956f9))
-
-# [2.1.0-alpha.80](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.79...v2.1.0-alpha.80) (2023-02-15)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.78](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.77...v2.1.0-alpha.78) (2023-02-12)
-
-### Bug Fixes
-
-* fixed issue with ui package version being outdated ([e50d8c4](https://github.com/dpc-sdp/ripple-framework/commit/e50d8c4972c45822061924c9aec1c1bb350fee00))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** added spinner and busy button state ([dcb8fb5](https://github.com/dpc-sdp/ripple-framework/commit/dcb8fb5a8b4b30a327ed610b70cf1d6a68749f25))
-
-# [2.1.0-alpha.76](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.75...v2.1.0-alpha.76) (2023-02-08)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.71](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.70...v2.1.0-alpha.71) (2023-01-31)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** :bug: fix imports for lib files referencing .js ([116ba99](https://github.com/dpc-sdp/ripple-framework/commit/116ba99f6cc377f4229e5fc05683a001c9d58479))
-
-# [2.1.0-alpha.70](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.69...v2.1.0-alpha.70) (2023-01-30)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add tabs component ([a9ce66d](https://github.com/dpc-sdp/ripple-framework/commit/a9ce66d226cdbdde667dc548d3af648da30eae82))
-
-# [2.1.0-alpha.69](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.68...v2.1.0-alpha.69) (2023-01-29)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** :bug: add accessible title ([de55d08](https://github.com/dpc-sdp/ripple-framework/commit/de55d08e9e1c3791aaa24f085dbd9a483e317213))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add data table component build ([3a4d50c](https://github.com/dpc-sdp/ripple-framework/commit/3a4d50cfdfae22412cf8cc281418cc626c45a50b))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: normalise props, add mobile, add structured data option ([7dcc3aa](https://github.com/dpc-sdp/ripple-framework/commit/7dcc3aaf2e76e5d292571353b4e603693c1a0c43))
-
-# [2.1.0-alpha.67](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.66...v2.1.0-alpha.67) (2023-01-27)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.65](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.64...v2.1.0-alpha.65) (2023-01-25)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** changed secondary campaign to use a h2 instead of h1 ([7e9bcb5](https://github.com/dpc-sdp/ripple-framework/commit/7e9bcb5d997fc1e75484ea4ccbbf891445c10db8))
-
-# [2.1.0-alpha.64](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.63...v2.1.0-alpha.64) (2023-01-24)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** added back to top and skip links ([f72fc19](https://github.com/dpc-sdp/ripple-framework/commit/f72fc19cae724039608664010a06dca11c818f48))
-* **@dpc-sdp/ripple-ui-core:** cleanup back to top and skip links ([24c26a9](https://github.com/dpc-sdp/ripple-framework/commit/24c26a9ec8a170e4a5a4505e2644c5d780bb1c16))
-
-# [2.1.0-alpha.63](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.62...v2.1.0-alpha.63) (2023-01-24)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-tide-search:** fixed search bar typography after autocomplete change ([2516d51](https://github.com/dpc-sdp/ripple-framework/commit/2516d51c66983360457de9519592caab113c99b6))
-* **@dpc-sdp/ripple-tide-search:** fixed up broken visual tests ([4af9bf9](https://github.com/dpc-sdp/ripple-framework/commit/4af9bf914df213de13ae6daadde86b1d99de5436))
-* **@dpc-sdp/ripple-ui-core:** fixed sitemap styles interfering with other components ([f2753ba](https://github.com/dpc-sdp/ripple-framework/commit/f2753ba8b17086efebcd06559717de2fce6296d3))
-* **@dpc-sdp/ripple-ui-core:** removed unused code breaking storybook build ([0a91c46](https://github.com/dpc-sdp/ripple-framework/commit/0a91c4687c2da698e6742f0c9fc698350235b6d5))
-
-### Features
-
-* **@dpc-sdp/nuxt-ripple:** added sitemap page and ui component ([22ae027](https://github.com/dpc-sdp/ripple-framework/commit/22ae027520ce5e09476b202a2fba8b8fe4d42cef))
-* **@dpc-sdp/ripple-tide-search:** :construction: add poc for autocomplete results ([29c5893](https://github.com/dpc-sdp/ripple-framework/commit/29c5893d7b53ed29a28769c11746ff2ae76f2948))
-* **@dpc-sdp/ripple-tide-search:** :sparkles: add ripple-tide-search package ([9e44605](https://github.com/dpc-sdp/ripple-framework/commit/9e44605a7a6f3392deedd5bbca381e17bf91c71a))
-* **@dpc-sdp/ripple-tide-search:** added filter form to search page ([b4724a4](https://github.com/dpc-sdp/ripple-framework/commit/b4724a4c7c52bbcca287a96799a2c7e43bbf4df2))
-* **@dpc-sdp/ripple-tide-search:** added pagination to search template ([297a32b](https://github.com/dpc-sdp/ripple-framework/commit/297a32b03ab55c7e6cd331955caf594098fcda2d))
-* **@dpc-sdp/ripple-tide-search:** added styling for refine search button ([394da0d](https://github.com/dpc-sdp/ripple-framework/commit/394da0d0c820ecf42a553d30adfa52d123622228))
-* **@dpc-sdp/ripple-tide-search:** cleaned up search page styling ([83522c3](https://github.com/dpc-sdp/ripple-framework/commit/83522c3c8f1f7a5ba6979ebf95dc2371db6d4347))
-* **@dpc-sdp/ripple-tide-search:** cleanup up search page and results styling ([47d3afb](https://github.com/dpc-sdp/ripple-framework/commit/47d3afb07b658373f61026f5d237fdcef06bf0db))
-* **@dpc-sdp/ripple-tide-search:** extracted search page into a component with props ([ed6c00b](https://github.com/dpc-sdp/ripple-framework/commit/ed6c00b6f056694e6ef3aa998aca30f2c96947c9))
-* **@dpc-sdp/ripple-tide-search:** fixed up mapping of search page results ([9838ca4](https://github.com/dpc-sdp/ripple-framework/commit/9838ca47c70941c073e2a0361443faa560c4d25f))
-* **@dpc-sdp/ripple-tide-search:** integrated autocomplete with search bar ([486a123](https://github.com/dpc-sdp/ripple-framework/commit/486a1231d63c1ce6dbd9f9316dd905aa5deacf93))
-* **@dpc-sdp/ripple-tide-search:** updated search autocomplete to match design ([fbd9ef4](https://github.com/dpc-sdp/ripple-framework/commit/fbd9ef429629d0fc2426a585f44b564913d451d2))
-* **@dpc-sdp/ripple-ui-forms:** added nested grids and grid options for inputs ([df23b0f](https://github.com/dpc-sdp/ripple-framework/commit/df23b0f9abba6b2a13c26619284de3c3de8f686a))
-* adds cypress component testing in ui core ([2372a8f](https://github.com/dpc-sdp/ripple-framework/commit/2372a8fdc2a92e0ad2841fb937460bccf258bfec))
-
-### Reverts
-
-* :rewind: restore docs view, addons on storybook ([f2c0d5f](https://github.com/dpc-sdp/ripple-framework/commit/f2c0d5ffdbe2c49b4b827be6fac933757c50dfc3))
-
-# [2.1.0-alpha.57](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.56...v2.1.0-alpha.57) (2023-01-09)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.56](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.55...v2.1.0-alpha.56) (2023-01-06)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.55](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.54...v2.1.0-alpha.55) (2023-01-04)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** added responsive aspect ratios to promo card image ([fb590c3](https://github.com/dpc-sdp/ripple-framework/commit/fb590c3b71c1bf7b0bb146749f0e186cb1b88939))
-* **@dpc-sdp/ripple-ui-core:** design feedback ([d4214b2](https://github.com/dpc-sdp/ripple-framework/commit/d4214b285a5525d4752ee9206a49643113514d41))
-* **@dpc-sdp/ripple-ui-core:** fixed various design feedback items for nav/promo cards ([3c58aab](https://github.com/dpc-sdp/ripple-framework/commit/3c58aab4bd6dd37fcf339f36dfb21b1fe1dfd986))
-
-# [2.1.0-alpha.54](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.53...v2.1.0-alpha.54) (2023-01-03)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** page links disappeared from storybook ([57de409](https://github.com/dpc-sdp/ripple-framework/commit/57de4090f0e521e4cfb336ce2a0f7f3b5ebe14a8))
-* **@dpc-sdp/ripple-ui-core:** remove tabindex, update button to expose link, remove space ([a7e2540](https://github.com/dpc-sdp/ripple-framework/commit/a7e2540336ca9f418c65046315019c5c12a1071d))
-
-# [2.1.0-alpha.53](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.52...v2.1.0-alpha.53) (2022-12-30)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** :lipstick: spacing tweaks for header ([0802720](https://github.com/dpc-sdp/ripple-framework/commit/0802720785868198764cefbcc9343e18354364dd))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: style tweaks for cta secondary link ([334e88b](https://github.com/dpc-sdp/ripple-framework/commit/334e88bb2516c13a901bdf56c698d6c8bcc7dd08))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: styling tweaks for header ([b8ef396](https://github.com/dpc-sdp/ripple-framework/commit/b8ef39683237463bcfe46ffa9eb791f64c13c2f2))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** :lipstick: change icon name input to dropdown rather than text box ([9a18b29](https://github.com/dpc-sdp/ripple-framework/commit/9a18b29677edcc0f57e264cf6ed510884e49aa96))
-
-# [2.1.0-alpha.52](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.51...v2.1.0-alpha.52) (2022-12-22)
-
-### Features
-
-* :sparkles: add neutral theme for header via feature flag ([dff7865](https://github.com/dpc-sdp/ripple-framework/commit/dff786541890ff8cfee0670b56f6f8ef7e289825))
-* **@dpc-sdp/ripple-tide-api:** :sparkles: adds site feature flags and sets footer theme variant ([05f8cb0](https://github.com/dpc-sdp/ripple-framework/commit/05f8cb03ae892960a427afa2c68f21b9a18c0ddc))
-* **@dpc-sdp/ripple-ui-core:** add neutral button theme ([94fcf74](https://github.com/dpc-sdp/ripple-framework/commit/94fcf742778d06f05dc05b694e608752e2d5c4e5))
-
-# [2.1.0-alpha.51](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.50...v2.1.0-alpha.51) (2022-12-22)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** add media embed to exports, use the new media embed in media template ([2241f1a](https://github.com/dpc-sdp/ripple-framework/commit/2241f1a926d12a52443de2ede32ba70e2b591201))
-* **@dpc-sdp/ripple-ui-core:** use list component for grant details ([d608542](https://github.com/dpc-sdp/ripple-framework/commit/d608542340e3ad031fd7fd86c56b5f12e444f2e0))
-
-# [2.1.0-alpha.50](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.49...v2.1.0-alpha.50) (2022-12-21)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.45](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.44...v2.1.0-alpha.45) (2022-12-19)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** adding result listing, stop ally links triggering twice ([3653991](https://github.com/dpc-sdp/ripple-framework/commit/3653991f9f71d61f8fcbf0c62f9cfcc26143230c))
-
-# [2.1.0-alpha.44](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.43...v2.1.0-alpha.44) (2022-12-18)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.43](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.42...v2.1.0-alpha.43) (2022-12-15)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** :bug: change font class for mega nav back button ([20ede8f](https://github.com/dpc-sdp/ripple-framework/commit/20ede8f61120be07a66d1091f5f2966c140ecc79))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix incorrect prop name in mega nav action ([35e498a](https://github.com/dpc-sdp/ripple-framework/commit/35e498a86fd46b23c418a47baa0cddfaf80c6518))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix multiple nav items being selected ([3ed148e](https://github.com/dpc-sdp/ripple-framework/commit/3ed148ea06208c295ba3bd7aa8543979c2954f6b))
-* **@dpc-sdp/ripple-ui-core:** :bug: update mega nav action to use border token ([d7a6bb6](https://github.com/dpc-sdp/ripple-framework/commit/d7a6bb61cea130e83a6f6366482211be3187f4c9))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add focus and hover states to mega menu back button ([d162d72](https://github.com/dpc-sdp/ripple-framework/commit/d162d72af72a045906b982cfdb10d04844e25eb3))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add left margin to mega menu action icon ([25e1848](https://github.com/dpc-sdp/ripple-framework/commit/25e18484f45015005b3ab37a3f874b263d3fcec4))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add max width to mega menu grid at xl ([b8775c8](https://github.com/dpc-sdp/ripple-framework/commit/b8775c86351a246e26951cc366cb3a182664814d))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add white line at bottom of active mega menu items ([a680d40](https://github.com/dpc-sdp/ripple-framework/commit/a680d40e564dee3d1e48ea6716855f8e0ee854a1))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: adjust padding around mega menu quick exit ([82898d2](https://github.com/dpc-sdp/ripple-framework/commit/82898d26b728642a8eb5e5f26d6cee3e65821fc2))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: fix mega menu collapsing behaviour ([741d03a](https://github.com/dpc-sdp/ripple-framework/commit/741d03a2345ee7f5efe56960d02c4405725435b4))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: fix spacing between section title and links ([d35fd32](https://github.com/dpc-sdp/ripple-framework/commit/d35fd32f5b7862a04e7c8e904222a9bd2e967f97))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: hide top and bottom border on hovered nav items ([992052e](https://github.com/dpc-sdp/ripple-framework/commit/992052e63e524b1f83d9da1ef84c4fdf256b4aeb))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: mega menu action spacing tweaks ([2417f90](https://github.com/dpc-sdp/ripple-framework/commit/2417f90550aa4daca558518164114f32caf02066))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: mega menu back button styling tweaks ([07e88c7](https://github.com/dpc-sdp/ripple-framework/commit/07e88c75e631c4f83cb4d98ac04cf1a92932a1cf))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: spacing tweaks to mega menu wrapper ([1bf1f09](https://github.com/dpc-sdp/ripple-framework/commit/1bf1f09ca06a8eef3fb56678fc23235f252cbd59))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: token replacement for hardcoded 'white' colour ([90b5efa](https://github.com/dpc-sdp/ripple-framework/commit/90b5efaf9a3c760ccaba96584dfda14b36f129f8))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: vertically center mega menu back button content ([28074c3](https://github.com/dpc-sdp/ripple-framework/commit/28074c3797aa3a385f19baec00b53ad790b72db6))
-
-# [2.1.0-alpha.40](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.39...v2.1.0-alpha.40) (2022-12-15)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add precedence for height ([0c14c6d](https://github.com/dpc-sdp/ripple-framework/commit/0c14c6d0baa3bdbccd2ea48525e7fe7cc09c09fa))
-
-# [2.1.0-alpha.36](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.35...v2.1.0-alpha.36) (2022-12-14)
-
-### Features
-
-* **@dpc-sdp/ripple-tide-api:** :sparkles: add blockquote, document to markup ([6696ea3](https://github.com/dpc-sdp/ripple-framework/commit/6696ea3b4db6a95b9e4ee50940cf338edf79ce77))
-
-# [2.1.0-alpha.35](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.34...v2.1.0-alpha.35) (2022-12-14)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-forms:** added clear form button and cleaned up success message ([54eca81](https://github.com/dpc-sdp/ripple-framework/commit/54eca81466fd27a7dad225e0a3f03f83e344c78b))
-* **@dpc-sdp/ripple-ui-forms:** added form alert ui component ([6d99139](https://github.com/dpc-sdp/ripple-framework/commit/6d99139ad367c65579502efa5621bbaf337fd722))
-
-# [2.1.0-alpha.34](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.33...v2.1.0-alpha.34) (2022-12-13)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** :bug: fix aria-labelledby using wrong value ([0759427](https://github.com/dpc-sdp/ripple-framework/commit/0759427b6500342440131e0e9d62a3e66a655202))
-
-# [2.1.0-alpha.31](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.30...v2.1.0-alpha.31) (2022-12-09)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** check for topics, use non concatenated format for css, update spacing values, add main container wrapper, use hasSide in aside check ([4724ae2](https://github.com/dpc-sdp/ripple-framework/commit/4724ae275df5c303f6ae5ab37f71617bdd1dd138))
-
-# [2.1.0-alpha.30](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.29...v2.1.0-alpha.30) (2022-12-07)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** :bug: fix focus trap breaking menu close buttons ([f35a5ba](https://github.com/dpc-sdp/ripple-framework/commit/f35a5babc1094d7469b7dcaf09b1afc5df4c26be))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add fullscreen param to primary-nav story ([3cc64fb](https://github.com/dpc-sdp/ripple-framework/commit/3cc64fb30e0b633a6d70818b7fa7a9c2746150fb))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: adjust search form bottom padding ([b2acef1](https://github.com/dpc-sdp/ripple-framework/commit/b2acef1b7d2cda70d849a65aab9bd08e0dcf2187))
-
-# [2.1.0-alpha.29](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.28...v2.1.0-alpha.29) (2022-12-07)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** adding missed breakpoints import ([4b74c67](https://github.com/dpc-sdp/ripple-framework/commit/4b74c67f2e3dfaa6179299ab4946f830e5a7608d))
-
-# [2.1.0-alpha.28](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.27...v2.1.0-alpha.28) (2022-12-07)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.27](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.26...v2.1.0-alpha.27) (2022-12-06)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** :bug: add optional chaining to nav bar item count ([73824d8](https://github.com/dpc-sdp/ripple-framework/commit/73824d8100de4c490747d84169a6262a31a6d074))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix nav bar items using incorrect colour ([e0b5e7e](https://github.com/dpc-sdp/ripple-framework/commit/e0b5e7e1633b860db2c20f875f9066165d8c8e9b))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: change logo focus utility to use no border variant ([219d8e9](https://github.com/dpc-sdp/ripple-framework/commit/219d8e90453998ae092915d7b26d75783b8f6fa0))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: token tweaks for nav bar ([3c2f37b](https://github.com/dpc-sdp/ripple-framework/commit/3c2f37b74413c176bca159bec366527c9c1f257f))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: token tweaks for nav bar ([1f18a34](https://github.com/dpc-sdp/ripple-framework/commit/1f18a34ec5297b1cfa5dfd60fb08b0762763d12a))
-* **@dpc-sdp/ripple-ui-core:** :memo: remove console.log from primary-nav ([735d7b9](https://github.com/dpc-sdp/ripple-framework/commit/735d7b9d4ba05af53e9546e52f70da819eaf47d2))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add escape key handler to primary nav ([f6d49cc](https://github.com/dpc-sdp/ripple-framework/commit/f6d49cca4039aab7dba10b7e37cbf4598617d830))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add focus trap to mega menu and search form ([472b843](https://github.com/dpc-sdp/ripple-framework/commit/472b8438ab475f32a71d3e388f3e6508163fe6f1))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: make nav bar responsive based on amount of items ([fadf582](https://github.com/dpc-sdp/ripple-framework/commit/fadf582da7531cfb5be2fb5a2d9ca02e44b171ff))
-* **@dpc-sdp/ripple-ui-core:** add basic gallery/slider/modal tests ([2d93f36](https://github.com/dpc-sdp/ripple-framework/commit/2d93f3631324c869930efbe1a2755b31eb7c0aa4))
-* **@dpc-sdp/ripple-ui-core:** add/update date formatting, use full image on promo cards ([80ab8af](https://github.com/dpc-sdp/ripple-framework/commit/80ab8af94aefb725208e89188ecce2612cf82b24))
-* **@dpc-sdp/ripple-ui-core:** adding media gallery to nuxt app ([5b52523](https://github.com/dpc-sdp/ripple-framework/commit/5b52523274ab145f33b016f00c2dd3d7ccbffd44))
-* **@dpc-sdp/ripple-ui-core:** update tests, use getImageFromField for carousel images ([89369a7](https://github.com/dpc-sdp/ripple-framework/commit/89369a744ef638b8821e38bd18f256bbd13f8771))
-* **@dpc-sdp/ripple-ui-core:** update tests, use getImageFromField for carousel images ([6e59ce2](https://github.com/dpc-sdp/ripple-framework/commit/6e59ce2d6e243250e8c764b259de5e94b82c9e88))
-* **@dpc-sdp/ripple-ui-core:** wip card carousel mapping tests ([c85cf33](https://github.com/dpc-sdp/ripple-framework/commit/c85cf33eb451322d177bf7606a749c7b8967b3c0))
-* **@dpc-sdp/ripple-ui-core:** wip wiring up card carousel ([78afe80](https://github.com/dpc-sdp/ripple-framework/commit/78afe807bed9b8012257bc55dadb43809be07c9f))
-
-# [2.1.0-alpha.26](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.25...v2.1.0-alpha.26) (2022-12-06)
-
-### Features
-
-* **@dpc-sdp/ripple-tide-event:** :sparkles: add event content type ([e079cd5](https://github.com/dpc-sdp/ripple-framework/commit/e079cd5580274f57ec9d082c81a312e349048531))
-
-# [2.1.0-alpha.24](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.23...v2.1.0-alpha.24) (2022-12-02)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fixed error color swatch in storybook ([e9080e5](https://github.com/dpc-sdp/ripple-framework/commit/e9080e50ac324931586880bc5e13e5f9a01706a6))
-* fixed up focused checkmark stying ([142d665](https://github.com/dpc-sdp/ripple-framework/commit/142d66532821f9d8309135dca94d7cf6d600f965))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-forms:** connected label and error state to dropdown ([97ab27e](https://github.com/dpc-sdp/ripple-framework/commit/97ab27e619337fb6f711f96af1675162c42ebbc1))
-
-# [2.1.0-alpha.23](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.22...v2.1.0-alpha.23) (2022-12-02)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** minor tweaks for swiper components ([b6f6d62](https://github.com/dpc-sdp/ripple-framework/commit/b6f6d62fe14816b2187b9fff9b1ee83c83bc9932))
-* **@dpc-sdp/ripple-ui-core:** remove random data as it'll cause issues with chromatic ([8f85ffe](https://github.com/dpc-sdp/ripple-framework/commit/8f85ffe49c6d74bdfb974196b889167fd0930888))
-* **@dpc-sdp/ripple-ui-core:** swiper components wip ([8ad8bf8](https://github.com/dpc-sdp/ripple-framework/commit/8ad8bf8f3b5f1b6f28db0903df382f20d9ec6d51))
-* **@dpc-sdp/ripple-ui-core:** swiper components wip continued ([50b4f95](https://github.com/dpc-sdp/ripple-framework/commit/50b4f9507cc8552dbb5cd60874a6f34b7566e206))
-* **@dpc-sdp/ripple-ui-core:** swiper components wip dynamic gap ([a250f2c](https://github.com/dpc-sdp/ripple-framework/commit/a250f2c42a9224eeeb9b2f3f834a124723234e38))
-* **@dpc-sdp/ripple-ui-core:** swiper poc/wip ([d581061](https://github.com/dpc-sdp/ripple-framework/commit/d581061eb69eda42ca4442aa51c2287ac543a20e))
-* **@dpc-sdp/ripple-ui-core:** update pagination watch, hide pagination when only 1 card ([177b64f](https://github.com/dpc-sdp/ripple-framework/commit/177b64f774fafa9ae1db41a7feeb8f190df47ec0))
-* **@dpc-sdp/ripple-ui-core:** update prop name ([e904db4](https://github.com/dpc-sdp/ripple-framework/commit/e904db418e82ee812802831389c78c0100057c30))
-
-# [2.1.0-alpha.20](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.19...v2.1.0-alpha.20) (2022-11-29)
-
-### Features
-
-* **@dpc-sdp/ripple-tide-api:** added site alerts mapping and ui ([fbdbdf2](https://github.com/dpc-sdp/ripple-framework/commit/fbdbdf24cdc30a2216d6b387f3305a0c75e46eca))
-
-# [2.1.0-alpha.19](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.18...v2.1.0-alpha.19) (2022-11-28)
-
-### Features
-
-* **@dpc-sdp/ripple-tide-api:** :sparkles: add publication index api, mapping ([8d393e7](https://github.com/dpc-sdp/ripple-framework/commit/8d393e78dad09bb617e0979f8efd9620ee79bcbe))
-* **@dpc-sdp/ripple-tide-publication:** :sparkles: add child content type ([8f0c6ce](https://github.com/dpc-sdp/ripple-framework/commit/8f0c6ceaba2abae282261bbf39c01d7f417de42c))
-
-# [2.1.0-alpha.18](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.17...v2.1.0-alpha.18) (2022-11-28)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** adding error message component ([4d507de](https://github.com/dpc-sdp/ripple-framework/commit/4d507de2ac88275830fbacdb23e0e06b7d5419ee))
-
-# [2.1.0-alpha.16](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.15...v2.1.0-alpha.16) (2022-11-25)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** :bug: fix media overflowing container in media-fullscreen ([2e975fd](https://github.com/dpc-sdp/ripple-framework/commit/2e975fd5b3f2b909637d05810dfd7fc13c4389c3))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add focusable classes to media-embed actions ([c4eb8e7](https://github.com/dpc-sdp/ripple-framework/commit/c4eb8e70007ff2fd1a61fe3a72c54f372cc2489f))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add reset to remove margins from figure element ([1f0ecae](https://github.com/dpc-sdp/ripple-framework/commit/1f0ecae3d82e4fb3f42258db8fa71b2b3ae7b3d1))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add styles for media-embed ([bbf276d](https://github.com/dpc-sdp/ripple-framework/commit/bbf276dd1b2d204c2ee8c6e080544c5dad8fd1f6))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add basic layout for media-embed ([4811409](https://github.com/dpc-sdp/ripple-framework/commit/48114094c2036bb770083f27763202b9288985be))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add fullscreen complex image functionality ([30c89e8](https://github.com/dpc-sdp/ripple-framework/commit/30c89e8f03e98706cbf8e3143b946fc37c0ca32b))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add image variants to media-embed ([bdce18d](https://github.com/dpc-sdp/ripple-framework/commit/bdce18d00101f323cdadf1bea0b9a1d53a66cc52))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add useFocusTrap to media-fullscreen ([49f4c7c](https://github.com/dpc-sdp/ripple-framework/commit/49f4c7c99dc2f2fee25f8f683e6a5ec50c4a4ea0))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: close media-fullscreen when escape key pressed ([fdaad0b](https://github.com/dpc-sdp/ripple-framework/commit/fdaad0baa8b8a2f542d4f343321fe08f161479b7))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: wire up video embed in media-embed components ([24c5212](https://github.com/dpc-sdp/ripple-framework/commit/24c5212ed50d2609b3f9c3c8d9ac162e2ae5dce8))
-
-# [2.1.0-alpha.15](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.14...v2.1.0-alpha.15) (2022-11-23)
-
-### Features
-
-* **@dpc-sdp/ripple-tide-media:** update icon size for 'simple' variant ([fa627d1](https://github.com/dpc-sdp/ripple-framework/commit/fa627d142e9bd4c3f76908bb79aed834988d3e89))
-
-# [2.1.0-alpha.14](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.13...v2.1.0-alpha.14) (2022-11-21)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** adding new pagination variant ([3d203fd](https://github.com/dpc-sdp/ripple-framework/commit/3d203fdc5e17a67ff31d5869a8693b951ef431ef))
-
-# [2.1.0-alpha.13](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.12...v2.1.0-alpha.13) (2022-11-21)
-
-### Features
-
-* **@dpc-sdp/ripple-tide-api:** hooked up breadcrumbs ([47b8b2a](https://github.com/dpc-sdp/ripple-framework/commit/47b8b2aff4bb58092a8fe9cda934ed877bdc9b32))
-* **@dpc-sdp/ripple-tide-api:** mapped primary nav, footer and acknowledgement ([92684c0](https://github.com/dpc-sdp/ripple-framework/commit/92684c01b2c4393419853457cbddba266f4c77c6))
-
-# [2.1.0-alpha.12](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.11...v2.1.0-alpha.12) (2022-11-18)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** add height auto for default image ([f713670](https://github.com/dpc-sdp/ripple-framework/commit/f713670559601b0adc3878fb72c0efeef5c425fa))
-
-# [2.1.0-alpha.11](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.10...v2.1.0-alpha.11) (2022-11-16)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-tide-landing-page:** cleanup console warnings and fix tests ([413f222](https://github.com/dpc-sdp/ripple-framework/commit/413f222be55a35915732772dbf4d1ccf8556f74e))
-
-### Features
-
-* **@dpc-sdp/ripple-tide-landing-page:** added in page navigation to landing page ([b7e7568](https://github.com/dpc-sdp/ripple-framework/commit/b7e75688e071ef060595a7a1061d0b9e44d0be4a))
-
-# [2.1.0-alpha.10](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.9...v2.1.0-alpha.10) (2022-11-16)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** :bug: remove redundant key handler ([f2aa391](https://github.com/dpc-sdp/ripple-framework/commit/f2aa391ae27cd804fbaf3bf625797ea0db5b94bf))
-
-# [2.1.0-alpha.9](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.8...v2.1.0-alpha.9) (2022-11-14)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fixed footer and section nav by changing primary nav to be consistant ([f49e414](https://github.com/dpc-sdp/ripple-framework/commit/f49e4142382a2e31ed92ca142dc0a15e32582695))
-
-# [2.1.0-alpha.8](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.7...v2.1.0-alpha.8) (2022-11-09)
-
-### Performance Improvements
-
-* **@dpc-sdp/ripple-ui-core:** :zap: tidy svg assets ([fccbed5](https://github.com/dpc-sdp/ripple-framework/commit/fccbed52a87eea8f1e0d9b79a1b96344710042fa))
-
-### Reverts
-
-* **@dpc-sdp/ripple-ui-core:** :rewind: revert explicit default ([28af1a9](https://github.com/dpc-sdp/ripple-framework/commit/28af1a91240bc3eb0301efc272d5bbf709267bba))
-
-# [2.1.0-alpha.6](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.5...v2.1.0-alpha.6) (2022-11-09)
-
-### Bug Fixes
-
-* remove nuxt plugins temporarily ([2310635](https://github.com/dpc-sdp/ripple-framework/commit/2310635414306dc802ae29d55d239ffb77f55c6f))
-
-# [2.1.0-alpha.5](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.4...v2.1.0-alpha.5) (2022-11-09)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.1.0-alpha.1](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.0...v2.1.0-alpha.1) (2022-11-08)
-
-### Features
-
-* **@dpc-sdp/ripple-tide-landing-page:** added support for card grid layout on landing page ([5f2896e](https://github.com/dpc-sdp/ripple-framework/commit/5f2896e2b5062c26c36b6070c71a29658af4598f))
-* **@dpc-sdp/ripple-ui-core:** add padding for chromatic tests ([b33e895](https://github.com/dpc-sdp/ripple-framework/commit/b33e895bfb70f789f1c51ca75c6445431c60ab76))
-* **@dpc-sdp/ripple-ui-core:** adding pagination component and step navigation composable ([32c20ae](https://github.com/dpc-sdp/ripple-framework/commit/32c20ae5b6a8e044072ff21e44d12abc2ab220db))
-* **@dpc-sdp/ripple-ui-core:** update classes, pixel pushing ([fa02500](https://github.com/dpc-sdp/ripple-framework/commit/fa025009c02540c71c47c0fdff90b663a97e84d7))
-* **@dpc-sdp/ripple-ui-core:** update pagination events ([2c87848](https://github.com/dpc-sdp/ripple-framework/commit/2c878487c685f54f7ae8b87bcd6049182a6bd562))
-
-# 2.1.0-alpha.0 (2022-11-08)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-tide-api:** fixed sidebar slot check on server side ([0e1dfe3](https://github.com/dpc-sdp/ripple-framework/commit/0e1dfe37912643f97922a48d9dff8f7e25d22e3e))
-* **@dpc-sdp/ripple-ui-core:** :art: add more design tokens from figma ([69f5fff](https://github.com/dpc-sdp/ripple-framework/commit/69f5fffffda4eb9dc9e6bbb77a4d3032bdc3b5fd))
-* **@dpc-sdp/ripple-ui-core:** :art: updates variable value on resize ([6d71c8d](https://github.com/dpc-sdp/ripple-framework/commit/6d71c8deb257426fdb5e97968511926ef9cc0708))
-* **@dpc-sdp/ripple-ui-core:** :bug: add missing jest addon dep ([4f8cb2c](https://github.com/dpc-sdp/ripple-framework/commit/4f8cb2c3cca073a3e07409913a88141ef56a82e4))
-* **@dpc-sdp/ripple-ui-core:** :bug: add missing word 'fixed' to h2 type story ([6b96bee](https://github.com/dpc-sdp/ripple-framework/commit/6b96beea4ce6b95a9d790adc3bc1efd918637332))
-* **@dpc-sdp/ripple-ui-core:** :bug: add stylelint rule to allow bem selectors ([a336481](https://github.com/dpc-sdp/ripple-framework/commit/a336481781a7c2462579d531032dc34a76494895))
-* **@dpc-sdp/ripple-ui-core:** :bug: adds check for client context for dynamic import of component ([ea459ce](https://github.com/dpc-sdp/ripple-framework/commit/ea459ce3f96a38f3ae9daec6f787639f937f8bd6))
-* **@dpc-sdp/ripple-ui-core:** :bug: change back to using the prop name ([acbb862](https://github.com/dpc-sdp/ripple-framework/commit/acbb862485811c7c24a73c96568b041502278706))
-* **@dpc-sdp/ripple-ui-core:** :bug: export css source so that it can be used in postcss workflows ([eb4e445](https://github.com/dpc-sdp/ripple-framework/commit/eb4e44573d85edeb9cf39f7bcdcf6410aec491cd))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix 1px content jitter ([2dddd4f](https://github.com/dpc-sdp/ripple-framework/commit/2dddd4f2ff85dfc9098b1a2078041d8247835b28))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix a typo in the accordion story ([11428c0](https://github.com/dpc-sdp/ripple-framework/commit/11428c0d787dfaff85c39c777da857c3caf321e2))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix additional semicolon in var output ([6b7836e](https://github.com/dpc-sdp/ripple-framework/commit/6b7836e1f889c7e0cda3d36571c587acd68336a6))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix back button text sometimes showing wrong text ([d2e3296](https://github.com/dpc-sdp/ripple-framework/commit/d2e3296ae523f618a851b58023132e2472125fd6))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix build error and svg icon not rendering ([d3c1f89](https://github.com/dpc-sdp/ripple-framework/commit/d3c1f89984b5cd95e6bcab3e8fbd499129574bd9))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix button icon defaulting to left side ([c33d5a0](https://github.com/dpc-sdp/ripple-framework/commit/c33d5a063eab7d76895eec8abea2ebd0d52ef8ad))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix button icon not being styled ([b144d9f](https://github.com/dpc-sdp/ripple-framework/commit/b144d9f46c2242529988969cceeccd90da1cabed))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix default color in icon story ([db3e477](https://github.com/dpc-sdp/ripple-framework/commit/db3e4778ee97d2a59e1088c83706ca133637913d))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix desktop section title empty column ([b09ed7f](https://github.com/dpc-sdp/ripple-framework/commit/b09ed7fc216f21450fd53bcda6b9651e4af0378f))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix empty userAction slot appearing ([cc58546](https://github.com/dpc-sdp/ripple-framework/commit/cc5854669648337f48772e06d864a1eabdacba60))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix focusable inline having double line ([7e5c4b3](https://github.com/dpc-sdp/ripple-framework/commit/7e5c4b34c773848258d05318015341b9fa3a177d))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix focusable with no border ([d13775e](https://github.com/dpc-sdp/ripple-framework/commit/d13775e98dc13e157e558c3b8cb2880f4acb96af))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix horizontal scroll appearing on windows ([cc0e898](https://github.com/dpc-sdp/ripple-framework/commit/cc0e89823216c29aefb409ccc1ce7c51bdc33151))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix hover and transition ([bca8ffe](https://github.com/dpc-sdp/ripple-framework/commit/bca8ffe916aa527f07f79da43d8dc127133c3357))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix icon alignment ([856cc33](https://github.com/dpc-sdp/ripple-framework/commit/856cc33c56740c88ac2439a4154fe1b4bd3ab0f1))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix in page nav focus style ([4e63eb4](https://github.com/dpc-sdp/ripple-framework/commit/4e63eb41aa5dde51394cc18ada46ceafb6f6d24c))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix inconsistent column widths ([f7607d7](https://github.com/dpc-sdp/ripple-framework/commit/f7607d7c529a6a6f3a8fa11ac26ce8ca95a14f0e))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix incorrect padding for h3 highlight fixed ([99a92d5](https://github.com/dpc-sdp/ripple-framework/commit/99a92d5c9def7bf7e3b7fd82063cc040cc1996d4))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix incorrect path ([ebfcf83](https://github.com/dpc-sdp/ripple-framework/commit/ebfcf83598e1e943c689ca8c6c0b32e097f72d74))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix level 1 mega nav col incorrect width ([83345b7](https://github.com/dpc-sdp/ripple-framework/commit/83345b7bdc2ea662e86b58307ec700951af1752d))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix media queries not working in rpl-content ([f370256](https://github.com/dpc-sdp/ripple-framework/commit/f3702561213fed7acce55f0db00a954ecdddf501))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix mega nav back button going all the way back ([3508723](https://github.com/dpc-sdp/ripple-framework/commit/35087238df860fea26c268711d2b5d2c3d293d51))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix menu divider appearing if search is disabled ([ffdee2d](https://github.com/dpc-sdp/ripple-framework/commit/ffdee2d82544220974ddeefb8277bb4953715669))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix missing closing bracket ([1de9aed](https://github.com/dpc-sdp/ripple-framework/commit/1de9aed2119464acb0708a01b5253610bfcf0494))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix missing focusable class on mega menu items ([cdbc215](https://github.com/dpc-sdp/ripple-framework/commit/cdbc21517819bb53c0f8ba6fc3e6f54bae602a6c))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix nav content being visible before transition has finished ([cae2a58](https://github.com/dpc-sdp/ripple-framework/commit/cae2a583db23ea98038c84bed8bcf3e00116ed71))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix nav items clearing when mega nav opens ([33f01f5](https://github.com/dpc-sdp/ripple-framework/commit/33f01f57f1c23244132abc9e28a9cd56cdaf1525))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix nested list top padding in rpl-content ([f805b52](https://github.com/dpc-sdp/ripple-framework/commit/f805b52195aa8d014d4e06e88448922bb38cc5c9))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix onresize handler ([fb62d12](https://github.com/dpc-sdp/ripple-framework/commit/fb62d12a7c1a7dc3bc59defa2b7a3c2be98f770b))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix path resolve in svg utils ([4db7679](https://github.com/dpc-sdp/ripple-framework/commit/4db76790a00e9caff3daba0de6acb8f93af6476a))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix repeated links not working ([9de6a45](https://github.com/dpc-sdp/ripple-framework/commit/9de6a457cfdbadc758e53e3556adb398a95a93e4))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix storybook css asset path ([6e25f48](https://github.com/dpc-sdp/ripple-framework/commit/6e25f482f947f09b8323960b62970be3cf407e6b))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix token asset path ([efac283](https://github.com/dpc-sdp/ripple-framework/commit/efac2830f0a4323c6a98294a0d47b8500e6f9751)), closes [#35](https://github.com/dpc-sdp/ripple-framework/issues/35)
-* **@dpc-sdp/ripple-ui-core:** :bug: fix top margins not working on rpl-content children ([4c58545](https://github.com/dpc-sdp/ripple-framework/commit/4c5854566c008d21702045d4217fc7a6c8edf059))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix ul and ol in rpl-content ([7b70629](https://github.com/dpc-sdp/ripple-framework/commit/7b7062991c1758e1947a1b77bbef30c9959bb20e))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix vertical-nav width on mobile ([68618a9](https://github.com/dpc-sdp/ripple-framework/commit/68618a97b198d215a39d17e10bf8d40bdfdeb951))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix wc import ([fcbb22e](https://github.com/dpc-sdp/ripple-framework/commit/fcbb22e26a5d3793880bfdfac412ba1b0ad302fd))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix white button border ([3d91856](https://github.com/dpc-sdp/ripple-framework/commit/3d91856efddb3d36e08f68d4c994ad528533b66e))
-* **@dpc-sdp/ripple-ui-core:** :bug: fixed breadcrumbs not truncating with ellipsis on small screen ([ac1a750](https://github.com/dpc-sdp/ripple-framework/commit/ac1a750b6d60e3d5fbaf7e7e75d0a7f1c7c23b93))
-* **@dpc-sdp/ripple-ui-core:** :bug: fixed broken icon colours after focus state change ([5680d72](https://github.com/dpc-sdp/ripple-framework/commit/5680d72e6b09b8fe00eda3fb9fc78a714583e469))
-* **@dpc-sdp/ripple-ui-core:** :bug: fixed rounded focus outline on safari ([029eb02](https://github.com/dpc-sdp/ripple-framework/commit/029eb022286c796705969fef43605b5196eaa9d2))
-* **@dpc-sdp/ripple-ui-core:** :bug: properly deal with missing multiline ([062ddb4](https://github.com/dpc-sdp/ripple-framework/commit/062ddb426919b3789fd68f2c01d5cfd28becdef0))
-* **@dpc-sdp/ripple-ui-core:** :bug: remove hardcoded fill from search svg ([d84825b](https://github.com/dpc-sdp/ripple-framework/commit/d84825bdca73f190392ebebc16f0b4089e6ff22c))
-* **@dpc-sdp/ripple-ui-core:** :bug: remove typo ([7e2b0a7](https://github.com/dpc-sdp/ripple-framework/commit/7e2b0a7cbc5590cfc4ea74d7ef3bcdf95332a388))
-* **@dpc-sdp/ripple-ui-core:** :bug: reorder subtitle display ([f45b200](https://github.com/dpc-sdp/ripple-framework/commit/f45b2009009af4f263cc6cd22de3135e9fb4d4ad))
-* **@dpc-sdp/ripple-ui-core:** :bug: stylelint forced the wrong specificity ([01677ec](https://github.com/dpc-sdp/ripple-framework/commit/01677ec7a41389eef05fc0107680caa0dc26e5e8))
-* **@dpc-sdp/ripple-ui-core:** :bug: tweak header offset to match designs ([06a39cd](https://github.com/dpc-sdp/ripple-framework/commit/06a39cd9b633479a1ca357e4e7ff3ca20925a814))
-* **@dpc-sdp/ripple-ui-core:** :bug: typo in width var ([0ff785a](https://github.com/dpc-sdp/ripple-framework/commit/0ff785afd9a66839bd0cb651b72c558b2544a080))
-* **@dpc-sdp/ripple-ui-core:** :bug: update vertical nav layout story data ([cafec8e](https://github.com/dpc-sdp/ripple-framework/commit/cafec8e478c9b64af321c71dd622403e280fdbf4))
-* **@dpc-sdp/ripple-ui-core:** :bug: use right jest types, fix ts errors ([ae8129d](https://github.com/dpc-sdp/ripple-framework/commit/ae8129d21be94f31ad7645fac65a018464e7e224))
-* **@dpc-sdp/ripple-ui-core:** :construction_worker: import css directly in storybook ([7ea1b42](https://github.com/dpc-sdp/ripple-framework/commit/7ea1b42a94d666f9f932a8c8992fe0381b37afc5))
-* **@dpc-sdp/ripple-ui-core:** :fire: remove button styles specificly for storybook ([915a00c](https://github.com/dpc-sdp/ripple-framework/commit/915a00cd99acf82998033f826e5cbd1339a7596c))
-* **@dpc-sdp/ripple-ui-core:** :fire: remove quotation-mark icon ([533063f](https://github.com/dpc-sdp/ripple-framework/commit/533063fa95fbc1e96d82b3cc4eb5a2e77f48375a))
-* **@dpc-sdp/ripple-ui-core:** :green_heart: rename to match current naming scheme ([4869a92](https://github.com/dpc-sdp/ripple-framework/commit/4869a9203f64aff32e23d8632d3082fe41e2b985))
-* **@dpc-sdp/ripple-ui-core:** :green_heart: use getByText for axecore check ([ec072d4](https://github.com/dpc-sdp/ripple-framework/commit/ec072d40af890f28875649ed665abd71cdff3120))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add focusable inline to accordion toggle all ([cb4e1a8](https://github.com/dpc-sdp/ripple-framework/commit/cb4e1a840381857f2a1dd182db07868490a430f4))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add focusable--inline class to alert close ([be1f633](https://github.com/dpc-sdp/ripple-framework/commit/be1f633947a3c28aca744830b33d7d6184b268f8))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add margin reset for headings ([7a2b0ad](https://github.com/dpc-sdp/ripple-framework/commit/7a2b0ad9073f4418e22c1cc8ab9ee756e8cfc944))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: adjust button styles as per feedback ([615afef](https://github.com/dpc-sdp/ripple-framework/commit/615afef268f189e1c8303e9805253a291bebe437))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: border already excluded in dimension calcs ([6b7e8dc](https://github.com/dpc-sdp/ripple-framework/commit/6b7e8dc8f28510ba255ac6bee82aad02ddeeb857))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: fix highlight text not wrapping properly ([e9b4351](https://github.com/dpc-sdp/ripple-framework/commit/e9b43512b88f5804665d01cf67cf1c881dd834d0))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: fix profile image element overflow ([427ca14](https://github.com/dpc-sdp/ripple-framework/commit/427ca14ce939bffba02779972e5e339f04de60b6))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: fixed focus style to prevent clashing with elements borders ([71cc95e](https://github.com/dpc-sdp/ripple-framework/commit/71cc95e521c15a2256997e11dcae313676f1543b))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: include rpl-icon in focusable styling ([98c4baf](https://github.com/dpc-sdp/ripple-framework/commit/98c4baf41f5984f2662d3a1af376c54f5dc2edca))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: keep link height in breadcrumbs ([b39be72](https://github.com/dpc-sdp/ripple-framework/commit/b39be72d21b4ddd84735ebf4820c93122ea8991f))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: remove border from accordion height ([672e0d0](https://github.com/dpc-sdp/ripple-framework/commit/672e0d0188fc3739d6dcfa76710dfd012bcfca1c))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: remove unused icon-and-text styles ([1452b72](https://github.com/dpc-sdp/ripple-framework/commit/1452b72ce11ce213382e92ee057777814e9f3768))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: spacing tweak to search icon on mobile ([edd1bfe](https://github.com/dpc-sdp/ripple-framework/commit/edd1bfe698e648a0dc93a829f186dc7c8568444f))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: tweak column offsets to have consistent spacing ([dfb76da](https://github.com/dpc-sdp/ripple-framework/commit/dfb76dafa2ab1f0192fdf5d479d286266cf3206d))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: tweak icon alignment in userAction story ([fef571c](https://github.com/dpc-sdp/ripple-framework/commit/fef571c017bbb834ef6cfb7627789a4ea43a12d4))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: tweaks to mobile mega nav ([dd2979c](https://github.com/dpc-sdp/ripple-framework/commit/dd2979c2c9621f3146e23b69704f1e29753be850))
-* **@dpc-sdp/ripple-ui-core:** :memo: fix typo in grid story ([786a510](https://github.com/dpc-sdp/ripple-framework/commit/786a510841d3639210e20eafaf239dd89ff9a5a0))
-* **@dpc-sdp/ripple-ui-core:** :recycle: refactor to use icon and text ([49e9ab3](https://github.com/dpc-sdp/ripple-framework/commit/49e9ab3700d48f3505400d4b4f60817f6b0e8ec8))
-* **@dpc-sdp/ripple-ui-core:** :truck: update color variable naming in type highlight ([e487e01](https://github.com/dpc-sdp/ripple-framework/commit/e487e0163a2eefb04a62f74137fa51ddc0bea3c4))
-* **@dpc-sdp/ripple-ui-core:** :truck: update interactions location, sb namespace ([654e641](https://github.com/dpc-sdp/ripple-framework/commit/654e6414a3e2fb0076cbce466eb27686bddb70c5))
-* **@dpc-sdp/ripple-ui-core:** :truck: update interactions path, sb namespace ([53e005f](https://github.com/dpc-sdp/ripple-framework/commit/53e005fbe1f36fb48289117d9662b702abafde65))
-* **@dpc-sdp/ripple-ui-core:** :white_check_mark: fix test flakiness due to not awaiting result ([cfd7a71](https://github.com/dpc-sdp/ripple-framework/commit/cfd7a713dc3e8c28b9b485d512fb0082c8fec7b2))
-* **@dpc-sdp/ripple-ui-core:** Add align-items: center ([a140130](https://github.com/dpc-sdp/ripple-framework/commit/a140130b812d7d4e08f96d529c2bf9e3b316309e))
-* **@dpc-sdp/ripple-ui-core:** added breakpoints for neutral footer ([9816ab9](https://github.com/dpc-sdp/ripple-framework/commit/9816ab9b3fc04b9d0488ca247b5280d037d88b10))
-* **@dpc-sdp/ripple-ui-core:** added breakpoints import to stats grid ([94b9de9](https://github.com/dpc-sdp/ripple-framework/commit/94b9de9a426ac59d3df3bdb62a7458cca49192cb))
-* **@dpc-sdp/ripple-ui-core:** added delay to chromatic for footer story ([914885a](https://github.com/dpc-sdp/ripple-framework/commit/914885a317d1436871e3c9268b71f2c53e3c7d1c))
-* **@dpc-sdp/ripple-ui-core:** added delay to test fix for rpl-image chromatic test ([82923f5](https://github.com/dpc-sdp/ripple-framework/commit/82923f54737422b55b2505c9d7941b3df3349780))
-* **@dpc-sdp/ripple-ui-core:** added missing import ([45bce0d](https://github.com/dpc-sdp/ripple-framework/commit/45bce0d8e8571a0ad46a19c3c898db87c9a82f71))
-* **@dpc-sdp/ripple-ui-core:** added proper breakpoints for footer in chromatic ([6557c79](https://github.com/dpc-sdp/ripple-framework/commit/6557c79bf078a28941c22054cce757c45c1d1eac))
-* **@dpc-sdp/ripple-ui-core:** addresses UI feedback, set alert height on component mount ([f4020a4](https://github.com/dpc-sdp/ripple-framework/commit/f4020a461d50410e5d367ea263722029f0e423a6))
-* **@dpc-sdp/ripple-ui-core:** change accent contrast colour ([771c75b](https://github.com/dpc-sdp/ripple-framework/commit/771c75b90a97e92e72abd3317bc40116e214e31d))
-* **@dpc-sdp/ripple-ui-core:** changes outline focus to use a box shadow instead of border ([c2ec484](https://github.com/dpc-sdp/ripple-framework/commit/c2ec4845a8605289b2e88dc884705df45631f9be))
-* **@dpc-sdp/ripple-ui-core:** chromatic test ([003b89b](https://github.com/dpc-sdp/ripple-framework/commit/003b89bf47292dd911a28334bb47b0b11b7c93bb))
-* **@dpc-sdp/ripple-ui-core:** debugging chromatic ([b0107e2](https://github.com/dpc-sdp/ripple-framework/commit/b0107e2b175e76972ba314766103ca321e6dc435))
-* **@dpc-sdp/ripple-ui-core:** design feedback ([91f2f29](https://github.com/dpc-sdp/ripple-framework/commit/91f2f29dd4f2557500dcd6af05bb1939894c15e3))
-* **@dpc-sdp/ripple-ui-core:** fix font family rule ([69a167a](https://github.com/dpc-sdp/ripple-framework/commit/69a167ac7476566f1316dfde0ff18667426dcb89))
-* **@dpc-sdp/ripple-ui-core:** fix storybook styling table issues ([2656c84](https://github.com/dpc-sdp/ripple-framework/commit/2656c84fccacd7c0e6b385c8a3edf5baa7bc0a66))
-* **@dpc-sdp/ripple-ui-core:** fix storybook table component font ([f833505](https://github.com/dpc-sdp/ripple-framework/commit/f833505c87905e18a630a7ca1033b1bc1b2b61e7))
-* **@dpc-sdp/ripple-ui-core:** fix wrong ci command ([9e8720f](https://github.com/dpc-sdp/ripple-framework/commit/9e8720f3c80886f5b249d40896070c4145c51838))
-* **@dpc-sdp/ripple-ui-core:** fixed avatar card story missing meta ([07d1303](https://github.com/dpc-sdp/ripple-framework/commit/07d1303bdca5328dd293e2fc35619d3d2be0d1f6))
-* **@dpc-sdp/ripple-ui-core:** fixed column logic for chromatic / server render ([ac29ff6](https://github.com/dpc-sdp/ripple-framework/commit/ac29ff6ceecbe32b663e6473fdf840b56475fc18))
-* **@dpc-sdp/ripple-ui-core:** fixed conditional sidebar logic ([5c86b02](https://github.com/dpc-sdp/ripple-framework/commit/5c86b0295b9c65a1ebe270ee7d218955a2bfb45d))
-* **@dpc-sdp/ripple-ui-core:** fixed default outline appearing ([aebb72c](https://github.com/dpc-sdp/ripple-framework/commit/aebb72cc0c237829ce07b52d87b9861974ca1c3d))
-* **@dpc-sdp/ripple-ui-core:** fixed description list story ([3211bce](https://github.com/dpc-sdp/ripple-framework/commit/3211bcead1c3f5a9cb89acae5249496068a841a0))
-* **@dpc-sdp/ripple-ui-core:** fixed footer story ([40ce132](https://github.com/dpc-sdp/ripple-framework/commit/40ce1324df94620e2182daa62dd34b0c7d191271))
-* **@dpc-sdp/ripple-ui-core:** fixed hydration mismatch issue in footer ([a0dd662](https://github.com/dpc-sdp/ripple-framework/commit/a0dd662211ecacc5e2c7577bb08b0a5d1db7b545))
-* **@dpc-sdp/ripple-ui-core:** fixed incorrect breakpoint used for stats grid ([4ce090c](https://github.com/dpc-sdp/ripple-framework/commit/4ce090c01af3058b6567c3b77efb2e9593877210))
-* **@dpc-sdp/ripple-ui-core:** fixed layout example ([e616c99](https://github.com/dpc-sdp/ripple-framework/commit/e616c999bb186d34919c82ac0354bd87c6158647))
-* **@dpc-sdp/ripple-ui-core:** fixed missing intro banner link icons ([1a438cc](https://github.com/dpc-sdp/ripple-framework/commit/1a438cc430a5e65f38fb9f26778c5e9afac81450))
-* **@dpc-sdp/ripple-ui-core:** fixed storybook tests for footer ([5ba9b36](https://github.com/dpc-sdp/ripple-framework/commit/5ba9b3626448004eb9a475db7b3e55ba24f9629d))
-* **@dpc-sdp/ripple-ui-core:** fixed text link colours caused by footer change ([576aaee](https://github.com/dpc-sdp/ripple-framework/commit/576aaeefbee987126ea4a75506e2c306373fbdfd))
-* **@dpc-sdp/ripple-ui-core:** fixed the breakpoint issue with chromatic ([b93f1f9](https://github.com/dpc-sdp/ripple-framework/commit/b93f1f9f1d993d34554e0723f3fac372dcc44d08))
-* **@dpc-sdp/ripple-ui-core:** fixed up story variants after delay change ([3899e91](https://github.com/dpc-sdp/ripple-framework/commit/3899e91286736f61ee067908f847f12baa5985ae))
-* **@dpc-sdp/ripple-ui-core:** flags are now aligned to the top ([a580bed](https://github.com/dpc-sdp/ripple-framework/commit/a580bed284e13342131167c197c034602553554c))
-* **@dpc-sdp/ripple-ui-core:** missed new author spacing value ([e1f8164](https://github.com/dpc-sdp/ripple-framework/commit/e1f8164c06567459ca51b0cf2550ec87a1726d0e))
-* **@dpc-sdp/ripple-ui-core:** new spacing value supplied for quotes ([f2c983a](https://github.com/dpc-sdp/ripple-framework/commit/f2c983a66bde4057f9261ff0977dcb38adaccf53))
-* **@dpc-sdp/ripple-ui-core:** remove delay from image ([76b8107](https://github.com/dpc-sdp/ripple-framework/commit/76b81073b85c3c539fb8af617656c31308e82edb))
-* **@dpc-sdp/ripple-ui-core:** remove unused btn reset class ([236cf6b](https://github.com/dpc-sdp/ripple-framework/commit/236cf6b8116c5bef7df1db294f46ff975340e990))
-* **@dpc-sdp/ripple-ui-core:** set viewport explicitly for chromatic ([0b6cc90](https://github.com/dpc-sdp/ripple-framework/commit/0b6cc90d261b8acbfa80ed61a8155ba063cba86a))
-* **@dpc-sdp/ripple-ui-core:** table feedback ([ebbff8c](https://github.com/dpc-sdp/ripple-framework/commit/ebbff8c930325851a2f25c6fdb54c4f5d6bd227d))
-* **@dpc-sdp/ripple-ui-core:** text-underline-offset on file name no longer needed ([97d02a8](https://github.com/dpc-sdp/ripple-framework/commit/97d02a858f23443493d9bc8c6d2ccbc51b94346f))
-* **@dpc-sdp/ripple-ui-core:** trying different method for adding viewports to chromatic ([4048ed8](https://github.com/dpc-sdp/ripple-framework/commit/4048ed8f9914adc6dcc1d866e0af061efe205781))
-* **@dpc-sdp/ripple-ui-core:** update blockquote styles ([526e27f](https://github.com/dpc-sdp/ripple-framework/commit/526e27fadb66827c9bcddef85235c134e2679bc0))
-* **@dpc-sdp/ripple-ui-core:** update flag width ([5901ece](https://github.com/dpc-sdp/ripple-framework/commit/5901ece9c61ff8d5da82281adbe4b7db2d7280bf))
-* **@dpc-sdp/ripple-ui-core:** updates markup of file component in content component ([cf1e3f5](https://github.com/dpc-sdp/ripple-framework/commit/cf1e3f5144be8bd7e735870f5d487557dac0e42d))
-* fixed profile story ([89d5666](https://github.com/dpc-sdp/ripple-framework/commit/89d5666dcc3e423a9b1e7f0a2f275026d5b2d1bd))
-
-### Features
-
-* :lipstick: custom favicon ([caccc1c](https://github.com/dpc-sdp/ripple-framework/commit/caccc1c93b0767d233a5ee74a964a2d32848b32e))
-* :sparkles: add grant content type ([9e3a525](https://github.com/dpc-sdp/ripple-framework/commit/9e3a525e310686b15d57ac31c4966ab96d1186b8))
-* :sparkles: add jest and config ([7d5e05a](https://github.com/dpc-sdp/ripple-framework/commit/7d5e05a449a4f07dfe22f991d2648478aabfcbeb))
-* :sparkles: add publication content type ([fa13e03](https://github.com/dpc-sdp/ripple-framework/commit/fa13e035f64f6c1a9ac0cd4fd70bf80fe6ba16ca))
-* **@dpc-sdp/ripple-tide-api:** added site section navigation to sidebar ([51e19cb](https://github.com/dpc-sdp/ripple-framework/commit/51e19cb4d04c321382a12447d8e68c763adb4951))
-* **@dpc-sdp/ripple-tide-api:** added social share sidebar mapping ([3dcc1b6](https://github.com/dpc-sdp/ripple-framework/commit/3dcc1b6f1bc41c849cdb8cb6d5e6e7c9ea8b2119))
-* **@dpc-sdp/ripple-tide-api:** made the active path highlighting work for site section nav ([145f284](https://github.com/dpc-sdp/ripple-framework/commit/145f28485bdf88fef3d39516c30517c7b1c1f6a8))
-* **@dpc-sdp/ripple-tide-grant:** :sparkles: add storybook template ([6a5170a](https://github.com/dpc-sdp/ripple-framework/commit/6a5170a6301e9001b56e0b85b3ce35f7ebc87416))
-* **@dpc-sdp/ripple-tide-landing-page:** :sparkles: adds landing page content type components ([4396276](https://github.com/dpc-sdp/ripple-framework/commit/43962765528ee23ca904ae5c3f2d07180c1b853c))
-* **@dpc-sdp/ripple-tide-landing-page:** added call to action mapping ([597436a](https://github.com/dpc-sdp/ripple-framework/commit/597436af707cebdd8a58c2c018418b6ebec99023))
-* **@dpc-sdp/ripple-tide-landing-page:** added first pass at header components, banners and headers ([a64a85b](https://github.com/dpc-sdp/ripple-framework/commit/a64a85b956022abbdb5e9e066ed1b066c233f5dd))
-* **@dpc-sdp/ripple-tide-landing-page:** added first pass at landing page components ([8c19a86](https://github.com/dpc-sdp/ripple-framework/commit/8c19a86e8fa75f354cc02d6fe643b89f4cf6a293))
-* **@dpc-sdp/ripple-tide-landing-page:** added shared metadata to card page components ([9c18d0d](https://github.com/dpc-sdp/ripple-framework/commit/9c18d0db8c5468f01d65ea4d6684577236e3f060))
-* **@dpc-sdp/ripple-tide-media:** make 'submodules' top level ([34bda44](https://github.com/dpc-sdp/ripple-framework/commit/34bda449e3b7a73ccda04716518912942e0130d4))
-* **@dpc-sdp/ripple-ui-core:** :alembic: test out event bus interface ([8854ef2](https://github.com/dpc-sdp/ripple-framework/commit/8854ef238b91a198af0d5166795bb25f9498480f))
-* **@dpc-sdp/ripple-ui-core:** :art: add button component theming ([5d4a9d6](https://github.com/dpc-sdp/ripple-framework/commit/5d4a9d6ea7611a60ed87d4ec61f78b0b0f6dfa53))
-* **@dpc-sdp/ripple-ui-core:** :art: add initial button stylin ([34bc735](https://github.com/dpc-sdp/ripple-framework/commit/34bc73580d9bbffd59fcfe2b74e302708ffd567c))
-* **@dpc-sdp/ripple-ui-core:** :art: add missing responsive type styles ([d0b423f](https://github.com/dpc-sdp/ripple-framework/commit/d0b423fb298243718724eea55c6d86c75e5656cf))
-* **@dpc-sdp/ripple-ui-core:** :art: add pointer cursor to focusable items ([81d2b39](https://github.com/dpc-sdp/ripple-framework/commit/81d2b3909a61a052b630c035f16ec0bc7538b22d))
-* **@dpc-sdp/ripple-ui-core:** :art: break the utilitiy storys into seperate templates ([3752f68](https://github.com/dpc-sdp/ripple-framework/commit/3752f68ec222976856b3a5cec5f24352d4508872))
-* **@dpc-sdp/ripple-ui-core:** :art: increase menu story to test scrolling ([dadd097](https://github.com/dpc-sdp/ripple-framework/commit/dadd09780c97db16451356bf842c5fd5888a5e0a))
-* **@dpc-sdp/ripple-ui-core:** :art: start to flesh out basic css structure of components ([2926f71](https://github.com/dpc-sdp/ripple-framework/commit/2926f712986eda1e57ede419516c550278c8ffe6))
-* **@dpc-sdp/ripple-ui-core:** :bug: fix inconsistent mega nav height ([73a99e8](https://github.com/dpc-sdp/ripple-framework/commit/73a99e8ae5db2e66bfe3c1369a265fd39e3df87b))
-* **@dpc-sdp/ripple-ui-core:** :bug: rename colour utility classes to 'clr' from 'colour' ([26c915a](https://github.com/dpc-sdp/ripple-framework/commit/26c915a2817c457620bd177d40ff1ffec98a7f18))
-* **@dpc-sdp/ripple-ui-core:** :construction: add inpage nav comp ([8374944](https://github.com/dpc-sdp/ripple-framework/commit/8374944bf07d9fec9c32a6b299b43f47dd4fd3d3))
-* **@dpc-sdp/ripple-ui-core:** :construction: poc for component based svg sprite ([ce97c29](https://github.com/dpc-sdp/ripple-framework/commit/ce97c293464bbdb31504eb4e6999ab8bf45337e5))
-* **@dpc-sdp/ripple-ui-core:** :construction: poc for image component ([5dcbbf3](https://github.com/dpc-sdp/ripple-framework/commit/5dcbbf39352052f506daf607820d98a6c8b6c36d))
-* **@dpc-sdp/ripple-ui-core:** :construction: proof of concept for formkit forms ([2484620](https://github.com/dpc-sdp/ripple-framework/commit/2484620f91dd8fd3573d546adf1bff290130d3f5))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add new alt-colour variant to focusable ([2e67659](https://github.com/dpc-sdp/ripple-framework/commit/2e676592a027067b0300dd461b676d069710dd3f))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add new h3 highlight class ([9f650d3](https://github.com/dpc-sdp/ripple-framework/commit/9f650d3b912cf5b97af5d19430d8f9d24cda1dc6))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add new quotation-mark icon ([d5dfbe9](https://github.com/dpc-sdp/ripple-framework/commit/d5dfbe9b1faeb76980c0ac8d86e8b9bd2189899e))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add new type styles to storybook ([4fd2442](https://github.com/dpc-sdp/ripple-framework/commit/4fd2442317a44a9a9f9094a1a6b86e8fe5c20c6d))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add story for rpl-container ([2e60815](https://github.com/dpc-sdp/ripple-framework/commit/2e608150eae4efea89c032620199f7ac7db42357))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: add story toggle for icon padding ([71eeeac](https://github.com/dpc-sdp/ripple-framework/commit/71eeeacc9d5807c595d903be1708e41ffd909638))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: added outline style focus state ([59f2a81](https://github.com/dpc-sdp/ripple-framework/commit/59f2a81f7f23e5838aac6b41eee40088d1bfcd17))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: adding example of menu closing but keeping active content ([af080ab](https://github.com/dpc-sdp/ripple-framework/commit/af080abb5e2c0f84f9070df41a4c065dc14343c1))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: inpage nav build complete ([79a66a7](https://github.com/dpc-sdp/ripple-framework/commit/79a66a77cd575995959a299395ee1d03b7deecae))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: update accordion colours to use new tokens ([ced9b7a](https://github.com/dpc-sdp/ripple-framework/commit/ced9b7a499dec9772ba8dc742953584e1c9d1a03))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: update chevron icons ([3dbec81](https://github.com/dpc-sdp/ripple-framework/commit/3dbec8149cbf2cc2687409686ad9fc74e2638dbc))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: update gradient steps ([8b5b2a1](https://github.com/dpc-sdp/ripple-framework/commit/8b5b2a16713fbf555bfd55b5e65912b1d4176575))
-* **@dpc-sdp/ripple-ui-core:** :lipstick: use type util ([161df6a](https://github.com/dpc-sdp/ripple-framework/commit/161df6a76aae03dd8187a3abbc9023568dc94975))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add 'active' option to RplListItemArray type ([72a0dcc](https://github.com/dpc-sdp/ripple-framework/commit/72a0dcc127a4b2a8604277d87c40040d8bf11f98))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add 'home' link to mega menu for mobile ([e6850b2](https://github.com/dpc-sdp/ripple-framework/commit/e6850b21fe5cb8a9cf885f8b737f2b6e6f553f1e))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add 'quick exit' button to mobile mega nav ([382d0eb](https://github.com/dpc-sdp/ripple-framework/commit/382d0ebca2f9c07f08fc3ea5f8c395704127e901))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add aria tags to accordion ([fc6897c](https://github.com/dpc-sdp/ripple-framework/commit/fc6897c0d14fbe50df1ff8f491d5619a8a7eed38))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add barebones of type tokens ([a48e13b](https://github.com/dpc-sdp/ripple-framework/commit/a48e13b35803bc661f9f3f7e0be65ab3d1f0cfe9))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add barebones related-links component ([13f3c59](https://github.com/dpc-sdp/ripple-framework/commit/13f3c59590d2b018683222defdeff630e61a5d44))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add basic barebones of accordion component ([d491e60](https://github.com/dpc-sdp/ripple-framework/commit/d491e60363b16ae79da4f173f6ecfb70f4d8a8a3))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add basic setup of svg icons, currently not working ([46112ef](https://github.com/dpc-sdp/ripple-framework/commit/46112ef26eafba2844f95e90bd508d9480a00fd3))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add basic structure of utility classes ([b7575b4](https://github.com/dpc-sdp/ripple-framework/commit/b7575b4ffab365e5b741fd3001121e3bbe859101))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add box-sizing reset ([afcc345](https://github.com/dpc-sdp/ripple-framework/commit/afcc345264347982e8601c258b6ae58e44359cc9))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add breadcrumbs component ([d7b8ffe](https://github.com/dpc-sdp/ripple-framework/commit/d7b8ffe54bce7c4dd09170e9639416ed9ed783d7))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add chip ([4a2f6c4](https://github.com/dpc-sdp/ripple-framework/commit/4a2f6c491fd74e09c2ac672b029df827593fed29))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add contact us component ([32e80d0](https://github.com/dpc-sdp/ripple-framework/commit/32e80d064329623ec8974793dbb74cd122b50a37))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add current progress of primary-nav ([c993b5e](https://github.com/dpc-sdp/ripple-framework/commit/c993b5e3f7436380470d8f7c4c08298237ab13cf))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add description list component ([ee12dbd](https://github.com/dpc-sdp/ripple-framework/commit/ee12dbdbdaca1530fa87834699057b4a946125ad))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add eventbus for UI components ([961bd89](https://github.com/dpc-sdp/ripple-framework/commit/961bd89a76aed06ee586b17f88bff99559ca2995))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add focus styling to accordion ([055dbb1](https://github.com/dpc-sdp/ripple-framework/commit/055dbb17de344973913d3583652957e2537899a6))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add font smoothing for mac ([f028e28](https://github.com/dpc-sdp/ripple-framework/commit/f028e281a6755311045443f0b49efd4d91a0adc0))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add gradient tokens and story ([53aa221](https://github.com/dpc-sdp/ripple-framework/commit/53aa221a04ee6523bcc0287471635612d7450ec1))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add grid classes ([96f0bc6](https://github.com/dpc-sdp/ripple-framework/commit/96f0bc6952b9c25f539764e960fd8ca5210495fc))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add icon and icon sprite components ([4b4d61d](https://github.com/dpc-sdp/ripple-framework/commit/4b4d61d5e26b2176c2168cc2841c8c3f01226933))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add icon and text style-only component ([1141c1c](https://github.com/dpc-sdp/ripple-framework/commit/1141c1cbf2d063a45d69fee149b9379f2b9d9716))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add image placeholder for storybook ([5085798](https://github.com/dpc-sdp/ripple-framework/commit/50857982121cb60d01fc34c489d1bf3d61d6eb64))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add initial card build ([80e4f3e](https://github.com/dpc-sdp/ripple-framework/commit/80e4f3eb8df7c112da977987e8d442ec338cbd43))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add keydates and category grid ([395a0e3](https://github.com/dpc-sdp/ripple-framework/commit/395a0e378dd146708d231c07cd56254075fc188e))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add mobile mega nav column swipe animation ([6a581af](https://github.com/dpc-sdp/ripple-framework/commit/6a581af4398af0ebb12f6732c05183598e12b8f4))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add nav, promo, avatar, cta card instances ([3ccc627](https://github.com/dpc-sdp/ripple-framework/commit/3ccc627b010eb401aa96336f4b6f2e17b70307c8))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add new 'xs' icon size ([5c63a10](https://github.com/dpc-sdp/ripple-framework/commit/5c63a1096454c73660819672a883ddb80f13ee17))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add new primary nav menu component ([0acce42](https://github.com/dpc-sdp/ripple-framework/commit/0acce420bbc72167d5e077dbd540c9fbcafc8b22))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add new related-links component ([4a44255](https://github.com/dpc-sdp/ripple-framework/commit/4a4425580f93b4226a432ca2ead5e8378de4acf4))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add new tokens for header and footer build ([fe4e01a](https://github.com/dpc-sdp/ripple-framework/commit/fe4e01a56517d4434dd99779087d6ed7de19932f))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add page layout for nuxt apps and corresponding story ([41c04f4](https://github.com/dpc-sdp/ripple-framework/commit/41c04f4749d031112892f9c97c8e36ef5c9c37f3))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add placeholder search form component ([e5ebbee](https://github.com/dpc-sdp/ripple-framework/commit/e5ebbee622e190de33a79bff677b9300115974ce))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add postcss-for to ripple-ui-core ([380600b](https://github.com/dpc-sdp/ripple-framework/commit/380600bd88b13a3baecea87c34dbdfcebbd893e6))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add profile component ([bebae3f](https://github.com/dpc-sdp/ripple-framework/commit/bebae3f461ecc2d9bb8007e9c004e9b0767984e8))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add rem reset to 10px in global css ([37a2df9](https://github.com/dpc-sdp/ripple-framework/commit/37a2df9eb967eab7b565a2b4d6206da4aa0023b8))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add reset for ol/ul ([a628265](https://github.com/dpc-sdp/ripple-framework/commit/a628265ca941dcbcfdabc3482c587c7951bba6a8))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add rpl-container class ([260591e](https://github.com/dpc-sdp/ripple-framework/commit/260591efd48e9c65a7a611538a0a82f88775e11c))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add rpl-content component ([a55be08](https://github.com/dpc-sdp/ripple-framework/commit/a55be087da74f1c78540f5c0c33e12744312abe5))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add search bar integration ([81fbe11](https://github.com/dpc-sdp/ripple-framework/commit/81fbe11a5a1ae3710bf4ed51f5f18b0e4229d7b8))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add size utilities to constants.ts ([07ecf9a](https://github.com/dpc-sdp/ripple-framework/commit/07ecf9a04006fae16f3928b6b9222ac155dfc2e0))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add social share component ([6bfd501](https://github.com/dpc-sdp/ripple-framework/commit/6bfd501ce1a5f44d1cf8c511d55a860e5025a72a))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add story for light and dark vars ([34e857b](https://github.com/dpc-sdp/ripple-framework/commit/34e857b4aef32d478cbfbfaa4d19504434efccd8))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add story for login button ([315533f](https://github.com/dpc-sdp/ripple-framework/commit/315533f80de564e21f9c974c2d7aa0a38b350c07))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add story to toggle slots ([b4e506c](https://github.com/dpc-sdp/ripple-framework/commit/b4e506c7941e7bb0c6a37edc6c2c088069f60d33))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add stylelint rule config for padding ([d76922e](https://github.com/dpc-sdp/ripple-framework/commit/d76922eaef9c086cf5d510b92f9d3e0e03e45099))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add tag component ([769f559](https://github.com/dpc-sdp/ripple-framework/commit/769f55912eb7e675ac4f11fded3887eaf4779cbc))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add text link component ([360146b](https://github.com/dpc-sdp/ripple-framework/commit/360146b40db1dde78e465f6f4503d8b9d2a9441e))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add timeline component ([dbfb0fb](https://github.com/dpc-sdp/ripple-framework/commit/dbfb0fba3d76ecc507875953113ad91aa3811b68))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add utility classes to constants.ts ([ab62826](https://github.com/dpc-sdp/ripple-framework/commit/ab62826c56f0f083d0423884e528cc3e67e4400d))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: add vertical-nav component ([224d48f](https://github.com/dpc-sdp/ripple-framework/commit/224d48f21ac030aabf33523f01e66bfcc701ef1f))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: added font files to public directory ([09ccd52](https://github.com/dpc-sdp/ripple-framework/commit/09ccd524f31b880e6ee6a8b7710780e20cf2403c))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: added foundations of footer component ([4dc3b4d](https://github.com/dpc-sdp/ripple-framework/commit/4dc3b4d1a60d19fa37eea143135350f39ff27d78))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: added normalize.css dependency ([47b8b94](https://github.com/dpc-sdp/ripple-framework/commit/47b8b942c61e9cadea5aaeaed016843589ecff63))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: added search bar component ([b5089dd](https://github.com/dpc-sdp/ripple-framework/commit/b5089dd7cf96962e9ae272d690606f351edc6544))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: added stats grid component ([e492fba](https://github.com/dpc-sdp/ripple-framework/commit/e492fbab1390954a665af56825cf48593d6c9cae))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: adds Alert ([876fd36](https://github.com/dpc-sdp/ripple-framework/commit/876fd36469656e9894969c12b8ebd39829821e09))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: adjust primary nav transitions ([6b512be](https://github.com/dpc-sdp/ripple-framework/commit/6b512bef401f019291f08fcff5c6cb65547e5ee3))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: clear any active items when mega nav closes ([9e38fe4](https://github.com/dpc-sdp/ripple-framework/commit/9e38fe4b8d9b91a476b378b912961c7f7abea495))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: define core icons by whitelist ([fcc1064](https://github.com/dpc-sdp/ripple-framework/commit/fcc10649f67616b83d89f71d1e1dfbebf3b8220f))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: fix primary nav pushing down page content ([45202ac](https://github.com/dpc-sdp/ripple-framework/commit/45202acce7881b79160cc5d34970de27d4d9dffc))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: fix sprite sheet implementation, start work on inline svg ([d47fd24](https://github.com/dpc-sdp/ripple-framework/commit/d47fd24f897c81494026fe2525090a3f0b71ed9a))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: hide primary nav when not scrolled to top of page ([933ec9a](https://github.com/dpc-sdp/ripple-framework/commit/933ec9a78acbd7309fd9a48a1c97b455855ed45a))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: implement mobile breadcrumb ([a51f805](https://github.com/dpc-sdp/ripple-framework/commit/a51f8050f391daf00b9e2214a9f5b387614a35c9))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: lock viewport when primary nav is expanded ([6a208a1](https://github.com/dpc-sdp/ripple-framework/commit/6a208a197bcdc39c2f41cd52cec23177840dd390))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: mobile mega nav now only shows active column ([1756fdd](https://github.com/dpc-sdp/ripple-framework/commit/1756fdd3341a0e9828ee282b26a200dcb22c1b97))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: open vertical-nav items if they are active during setup ([d88deee](https://github.com/dpc-sdp/ripple-framework/commit/d88deee69532c03c3cc32c7b126473482043ad65))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: reduce elevated to icon on bp-s ([3e2d895](https://github.com/dpc-sdp/ripple-framework/commit/3e2d8956e66e25671ccc11f671ddcecee4fb0d47))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: remove figma generated tokens and add core variables ([add0d84](https://github.com/dpc-sdp/ripple-framework/commit/add0d846f52744a347d9eca9c5e234768aa3ec7f))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: reversed bg on variant canvas ([5f96941](https://github.com/dpc-sdp/ripple-framework/commit/5f9694122f6a7f4c69d977fccb814e2f09e4850a))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: set global default color ([e875c44](https://github.com/dpc-sdp/ripple-framework/commit/e875c44b8eb992ecf19976ee11a59f9e88e80a3d))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: set outline: 0 in focusable utility ([71ea4b1](https://github.com/dpc-sdp/ripple-framework/commit/71ea4b1dd1b579b5e6a39f05a0ed2bb9bd3125a0))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: setup 'back' button and other minor improvements ([50e2aeb](https://github.com/dpc-sdp/ripple-framework/commit/50e2aebcb430d411ccdf922dc5dcd91d6119087e))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: setup collapsible vertical nav items ([9cbde01](https://github.com/dpc-sdp/ripple-framework/commit/9cbde01d87e17271c911afa0cb1a675fd82625f3))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: start to add mega menu setup ([ff37d23](https://github.com/dpc-sdp/ripple-framework/commit/ff37d236994c49e34165f01e2ffa84a7284b5db2))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: start to add mobile navbar items ([3bbb3b0](https://github.com/dpc-sdp/ripple-framework/commit/3bbb3b0e5c7890ab787639c35a9a96718b9a406c))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: start to add story for variants ([6d236bf](https://github.com/dpc-sdp/ripple-framework/commit/6d236bff1f0761e52c88d52a4558e20d2b33c146))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: start to wire up utility class stories ([6596ad5](https://github.com/dpc-sdp/ripple-framework/commit/6596ad5b45c71dfffd4e4f67539cac19bb607327))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: styling tweaks for accordion, ready to QA ([c2e6eee](https://github.com/dpc-sdp/ripple-framework/commit/c2e6eee69bb18f6fbd9fe1ee7d960cdf780eb2a1))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: update button component to use design tokens and svg icons ([6e93956](https://github.com/dpc-sdp/ripple-framework/commit/6e93956cf37ec87634cb7ab6a958ada35e9348c5))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: update styelint to work with our utility classes ([225dc64](https://github.com/dpc-sdp/ripple-framework/commit/225dc6414e2987f88215cbc1d2241fce62c307aa))
-* **@dpc-sdp/ripple-ui-core:** :sparkles: use rpl-list in contact ([2b01817](https://github.com/dpc-sdp/ripple-framework/commit/2b018170331d14076e33e473ea02c2ba188d5ae5))
-* **@dpc-sdp/ripple-ui-core:** :test_tube: add storybook component test addons ([d2dc75f](https://github.com/dpc-sdp/ripple-framework/commit/d2dc75fd1d8d87308f0560ca8ebd73f6bad2350b))
-* **@dpc-sdp/ripple-ui-core:** "inline" header menu icons to wrap with text ([b148f34](https://github.com/dpc-sdp/ripple-framework/commit/b148f34203c9de29f4c99297439648e6ea5cdb0f))
-* **@dpc-sdp/ripple-ui-core:** ✨ adds typography utilities and bps ([cc40753](https://github.com/dpc-sdp/ripple-framework/commit/cc40753e76a4659e86a4dc0d6019b7b5d8eac3ee))
-* **@dpc-sdp/ripple-ui-core:** add ability to sync design tokens from figma ([4bd7206](https://github.com/dpc-sdp/ripple-framework/commit/4bd7206aba4f38999bf56448ec8b877106ac4493))
-* **@dpc-sdp/ripple-ui-core:** add ability to sync design tokens from figma ([07d51da](https://github.com/dpc-sdp/ripple-framework/commit/07d51dafd644bfad3dc24fea01df57f4c0b416e8))
-* **@dpc-sdp/ripple-ui-core:** add base file component ([bab03ab](https://github.com/dpc-sdp/ripple-framework/commit/bab03ab33c382679e99d788a10b3c7f88976f017))
-* **@dpc-sdp/ripple-ui-core:** add campaign banner component ([25ec8c1](https://github.com/dpc-sdp/ripple-framework/commit/25ec8c1a2eeec8c57d322e269a178c61f1dac24d))
-* **@dpc-sdp/ripple-ui-core:** add example tables to test content ([25c4535](https://github.com/dpc-sdp/ripple-framework/commit/25c45352f31d1cb771005a2855a3d9b40d2db501))
-* **@dpc-sdp/ripple-ui-core:** add image fit ([7f07cfe](https://github.com/dpc-sdp/ripple-framework/commit/7f07cfe192f33bceec0d8af84ff5b71d028af690))
-* **@dpc-sdp/ripple-ui-core:** add image type ([f413290](https://github.com/dpc-sdp/ripple-framework/commit/f413290a7d7306f4ec67d183d17fde6267b95c7d))
-* **@dpc-sdp/ripple-ui-core:** add images to storybook ([cff509d](https://github.com/dpc-sdp/ripple-framework/commit/cff509d0675d97e7ee200d84b39846f01e5e8c54))
-* **@dpc-sdp/ripple-ui-core:** add landing page layout with campaign banners ([9aead04](https://github.com/dpc-sdp/ripple-framework/commit/9aead0458330a20e08f23bb75bfa2e7152a8daf2))
-* **@dpc-sdp/ripple-ui-core:** add page action component ([13e1e38](https://github.com/dpc-sdp/ripple-framework/commit/13e1e38e4796176b920d29b259f7050da9476010))
-* **@dpc-sdp/ripple-ui-core:** add page action component ([d587187](https://github.com/dpc-sdp/ripple-framework/commit/d58718799a746933c3d8e96e1399b27d1018dfe4))
-* **@dpc-sdp/ripple-ui-core:** add postcss-each, move postcss-for to dev dependencies ([5e46440](https://github.com/dpc-sdp/ripple-framework/commit/5e46440640196c433af007a712d0f23bae3bbb04))
-* **@dpc-sdp/ripple-ui-core:** add role to svg graphic, add alt support for logo ([d29862b](https://github.com/dpc-sdp/ripple-framework/commit/d29862bcb55b10d1af8ced774788ccd80f7b3306))
-* **@dpc-sdp/ripple-ui-core:** add secondary classes ([dc5cb1e](https://github.com/dpc-sdp/ripple-framework/commit/dc5cb1e2b1135da187157971ddfee6aa9f767bda))
-* **@dpc-sdp/ripple-ui-core:** added new alpha token for search bar ([ea50620](https://github.com/dpc-sdp/ripple-framework/commit/ea5062082ea9711912ea8e3f96ff753b2f9213b3))
-* **@dpc-sdp/ripple-ui-core:** added responsive collapsible footer nav sections ([db98e4d](https://github.com/dpc-sdp/ripple-framework/commit/db98e4d3ce9dd336702808d14f49ed7b0bb294d1))
-* **@dpc-sdp/ripple-ui-core:** added simple css column layout for the nav sections ([b3f9464](https://github.com/dpc-sdp/ripple-framework/commit/b3f9464c3768461790baa8db5e9f53d680af78d9))
-* **@dpc-sdp/ripple-ui-core:** added the variable column solution that was requested ([e9ee4d9](https://github.com/dpc-sdp/ripple-framework/commit/e9ee4d9803474d91448bf4060e0dcd26ea2d5277))
-* **@dpc-sdp/ripple-ui-core:** adding base wysiwyg table styles ([02947ec](https://github.com/dpc-sdp/ripple-framework/commit/02947ec4baf4a1aead133ce2973b04fde7db1fe3))
-* **@dpc-sdp/ripple-ui-core:** adjusted search bar padding ([97ae308](https://github.com/dpc-sdp/ripple-framework/commit/97ae308d9b17263d623fae44f321fc7cc34b69b5))
-* **@dpc-sdp/ripple-ui-core:** changed the way the inline description list is handled ([f62278b](https://github.com/dpc-sdp/ripple-framework/commit/f62278b2d807c44643dc1a94df000c7d23a64c65))
-* **@dpc-sdp/ripple-ui-core:** cleaned up footer storybook examples ([dd08ba7](https://github.com/dpc-sdp/ripple-framework/commit/dd08ba7385dcfe84c5c8410ebd32ea6d4e9daea2))
-* **@dpc-sdp/ripple-ui-core:** cleaned up the multi column code ([b9c2c79](https://github.com/dpc-sdp/ripple-framework/commit/b9c2c7930ab3e11b818f949dd3e555d335c3a8d3))
-* **@dpc-sdp/ripple-ui-core:** default caption styling ([875ccd3](https://github.com/dpc-sdp/ripple-framework/commit/875ccd3395bb869d2930c2996a1d0b6ccc7e9a7b))
-* **@dpc-sdp/ripple-ui-core:** design feedback ([efab671](https://github.com/dpc-sdp/ripple-framework/commit/efab6714a4d303c0d5a99fe4435ae920d482e999))
-* **@dpc-sdp/ripple-ui-core:** don't allow the profile image to shrink ([7e7a8d0](https://github.com/dpc-sdp/ripple-framework/commit/7e7a8d098b0ad51121b89c57b8911862581241b7))
-* **@dpc-sdp/ripple-ui-core:** ensure dividers aren't seen when heading has focus ([e0b375e](https://github.com/dpc-sdp/ripple-framework/commit/e0b375e6c5332772a3660f59d09f3a28c42cd930))
-* **@dpc-sdp/ripple-ui-core:** first pass at matching the layout styles to designs ([2a4a8c0](https://github.com/dpc-sdp/ripple-framework/commit/2a4a8c0d1286749c96655a1ef37aef42511c3b47))
-* **@dpc-sdp/ripple-ui-core:** fix file name ([02c7bd3](https://github.com/dpc-sdp/ripple-framework/commit/02c7bd3bd80dcad54a8b5a6b6cd49f107d0cffa6))
-* **@dpc-sdp/ripple-ui-core:** fix icon alignment, remove unused story components ([582323f](https://github.com/dpc-sdp/ripple-framework/commit/582323f97621ffb44872022220db5684d68eac04))
-* **@dpc-sdp/ripple-ui-core:** fix spacing when no icon is used ([e51b35d](https://github.com/dpc-sdp/ripple-framework/commit/e51b35defcd315a7f3ea70466ffa5078134abc13))
-* **@dpc-sdp/ripple-ui-core:** fix spelling ([dbf754b](https://github.com/dpc-sdp/ripple-framework/commit/dbf754be30b23ef10a9503f34d6e1dc234fcdbc5))
-* **@dpc-sdp/ripple-ui-core:** fix typescript warnings ([67ecfbe](https://github.com/dpc-sdp/ripple-framework/commit/67ecfbe82011227e28afaa82ac987d588378ceec))
-* **@dpc-sdp/ripple-ui-core:** footer feedback items ([92f7ef5](https://github.com/dpc-sdp/ripple-framework/commit/92f7ef5f1c7cc30d26f00bb6fe249bd2040e2ac3))
-* **@dpc-sdp/ripple-ui-core:** footer feedback, make columned toggles grouped ([a432dd8](https://github.com/dpc-sdp/ripple-framework/commit/a432dd806e961e032b456093eb713775067c7f03))
-* **@dpc-sdp/ripple-ui-core:** Get started with blockquote ([4bfb7b4](https://github.com/dpc-sdp/ripple-framework/commit/4bfb7b4a833d41b106295c2bb666b5108f0321e4))
-* **@dpc-sdp/ripple-ui-core:** header scaffolding ([3a8d6e8](https://github.com/dpc-sdp/ripple-framework/commit/3a8d6e80fe91bcc064e7542f8921512f346bd038))
-* **@dpc-sdp/ripple-ui-core:** improved css so that we don't need magic number percentages ([d5adafd](https://github.com/dpc-sdp/ripple-framework/commit/d5adafda031de83fe1197f1f022b1cc4871d49a6))
-* **@dpc-sdp/ripple-ui-core:** inline title, move out of wip ([360e7c6](https://github.com/dpc-sdp/ripple-framework/commit/360e7c6a8455637b7872b34291c729850f8d64d2))
-* **@dpc-sdp/ripple-ui-core:** made header and layout work nicely together ([4bcd237](https://github.com/dpc-sdp/ripple-framework/commit/4bcd2371d60a9bd9a2141cd74729d0a009d97146))
-* **@dpc-sdp/ripple-ui-core:** Make logos vertically centered ([ad3765e](https://github.com/dpc-sdp/ripple-framework/commit/ad3765e327c105d6b9ea75c446f520b060cbd047))
-* **@dpc-sdp/ripple-ui-core:** make vertical nav buttons lh/ls the same as links ([6f8f1b5](https://github.com/dpc-sdp/ripple-framework/commit/6f8f1b5adac364454c334731732c1e0609f04153))
-* **@dpc-sdp/ripple-ui-core:** matched props with ripple 1 and added support for icons in nav ([08dbd86](https://github.com/dpc-sdp/ripple-framework/commit/08dbd86ad24b0d4adce450da5f376d46c58d0050))
-* **@dpc-sdp/ripple-ui-core:** minor focus tweak and firefox fix ([cc4fee5](https://github.com/dpc-sdp/ripple-framework/commit/cc4fee57d98e819a3df05eb396293aae76a7d24e))
-* **@dpc-sdp/ripple-ui-core:** Minor package updates to test storybook CI build, update patch version ([a202be8](https://github.com/dpc-sdp/ripple-framework/commit/a202be83b777250af7a6511a57179fed6cc18f91))
-* **@dpc-sdp/ripple-ui-core:** missing t ([5f812e0](https://github.com/dpc-sdp/ripple-framework/commit/5f812e0eb6e807fa5a6515bc97ff6fcaed5c88d6))
-* **@dpc-sdp/ripple-ui-core:** more fixed sizing for large screens ([09a936e](https://github.com/dpc-sdp/ripple-framework/commit/09a936e2ba182337ccb6e310b50231d2fe257ce4))
-* **@dpc-sdp/ripple-ui-core:** move campaign banners to main landing page template story ([0e0c4bb](https://github.com/dpc-sdp/ripple-framework/commit/0e0c4bb02ca5905c74059daa578f76740be22fab))
-* **@dpc-sdp/ripple-ui-core:** move js breakpoints to seperate file ([f1f1c48](https://github.com/dpc-sdp/ripple-framework/commit/f1f1c48ec4b8564433b1853ecaa705f38aa2e1a0))
-* **@dpc-sdp/ripple-ui-core:** new bottom padding value, repeat quote icon per paragraph ([143a17d](https://github.com/dpc-sdp/ripple-framework/commit/143a17d553810898839d2746c6a72c70a031ec0a))
-* **@dpc-sdp/ripple-ui-core:** new class supplied, remove max-width, inline-block focusable element ([e142286](https://github.com/dpc-sdp/ripple-framework/commit/e142286eb275ba4db1b506083b85c6edda4cf950))
-* **@dpc-sdp/ripple-ui-core:** no go on block style for focusable state ([f48d21f](https://github.com/dpc-sdp/ripple-framework/commit/f48d21f6f0c61650eb9e34aeddf4ab6c1368adca))
-* **@dpc-sdp/ripple-ui-core:** Opt for more classes ([1716661](https://github.com/dpc-sdp/ripple-framework/commit/17166619c2ca879a0bd503fab4b5c4bdbc5da17b))
-* **@dpc-sdp/ripple-ui-core:** prepare the layout for page header component ([94179e3](https://github.com/dpc-sdp/ripple-framework/commit/94179e314df9f8b20c4d931a5db159ae35588009))
-* **@dpc-sdp/ripple-ui-core:** Remove height/width from svg, 'use' icon for blockquote, use :where for zero specificity on rpl-content elements, update icon output paths, add basic svg docs ([28a2165](https://github.com/dpc-sdp/ripple-framework/commit/28a216541201c884337654001656e71ee1b503ee))
-* **@dpc-sdp/ripple-ui-core:** remove line-height ([a2229a1](https://github.com/dpc-sdp/ripple-framework/commit/a2229a1402177029a9adeb6b0550d87a03ec8ab0))
-* **@dpc-sdp/ripple-ui-core:** remove table scroll text (for now) ([e7f5e4f](https://github.com/dpc-sdp/ripple-framework/commit/e7f5e4f4f51ea8cad94052914396528ba5fefe5e))
-* **@dpc-sdp/ripple-ui-core:** set example pattern fills with custom properties ([85c117e](https://github.com/dpc-sdp/ripple-framework/commit/85c117e4313caa2ae2cafcaecc6f83f73d18b3d3))
-* **@dpc-sdp/ripple-ui-core:** set flag height ([fad75b0](https://github.com/dpc-sdp/ripple-framework/commit/fad75b0c46deb1c4eb3b6c522d4e8cf370f4a158))
-* **@dpc-sdp/ripple-ui-core:** slotify the default content ([e097880](https://github.com/dpc-sdp/ripple-framework/commit/e09788034d417f752d3c62ede418b032d16eb61f))
-* **@dpc-sdp/ripple-ui-core:** Start acknowledgement component ([9f7ba48](https://github.com/dpc-sdp/ripple-framework/commit/9f7ba485a96eb2241b7c48cdd01c634635464131))
-* **@dpc-sdp/ripple-ui-core:** structure and style updates for header ([829284e](https://github.com/dpc-sdp/ripple-framework/commit/829284e66b5627c54945f20c25af46a885e494de))
-* **@dpc-sdp/ripple-ui-core:** switch to file__meta classes ([4702fd6](https://github.com/dpc-sdp/ripple-framework/commit/4702fd67f9eee146e8ef2494f758b31e9646fd4a))
-* **@dpc-sdp/ripple-ui-core:** switch to rgba due to mix-blend-mode bug in safari ([a70d897](https://github.com/dpc-sdp/ripple-framework/commit/a70d89769dfa7da5bc10837415bf87d720b98655))
-* **@dpc-sdp/ripple-ui-core:** temporarily remove accordion from landing page content ([f07b0da](https://github.com/dpc-sdp/ripple-framework/commit/f07b0da40d9e02f533df5a40f7ab3a4129ca675a))
-* **@dpc-sdp/ripple-ui-core:** Update content margin for large screens ([9770c84](https://github.com/dpc-sdp/ripple-framework/commit/9770c8400bff08f6561ad4d3d52e511f2afa3a5e))
-* **@dpc-sdp/ripple-ui-core:** Update flags and add border in CSS ([e2f1338](https://github.com/dpc-sdp/ripple-framework/commit/e2f133857ce38849f911917874139255a4564613))
-* **@dpc-sdp/ripple-ui-core:** updating stories, trialing corner patterns, plugging values ([8dfd464](https://github.com/dpc-sdp/ripple-framework/commit/8dfd4640a6dd35acde85cbeba53a2a606a9cdb93))
-* **@dpc-sdp/ripple-ui-core:** use aspect name as prop ([5fb9e13](https://github.com/dpc-sdp/ripple-framework/commit/5fb9e1371c9d5d0563ead15aa4fc42e52a788a60))
-* **@dpc-sdp/ripple-ui-core:** Use flex-start for better support in acknowledgement ([623990e](https://github.com/dpc-sdp/ripple-framework/commit/623990e58e33b63bd27013bdb52dc4dc01bd0b54))
-* **@dpc-sdp/ripple-ui-core:** Use local variable for misc width ([f401b5d](https://github.com/dpc-sdp/ripple-framework/commit/f401b5d8fe967162fe17c706f4ff91e082b8f18b))
-* **@dpc-sdp/ripple-ui-core:** use medium breakpoint for content margin ([8f58bf0](https://github.com/dpc-sdp/ripple-framework/commit/8f58bf02c50bb311f92a7b95cb7c5801b62a58aa))
-* **@dpc-sdp/ripple-ui-core:** use medium breakpoint for content margin ([b008872](https://github.com/dpc-sdp/ripple-framework/commit/b00887291e613202f97a278e46b523aba46ebaf0))
-* **@dpc-sdp/ripple-ui-core:** Use rem for width, import svgs. ([5ae33b5](https://github.com/dpc-sdp/ripple-framework/commit/5ae33b588b7f3ef1b050e6ac860bd6a0a2bcef6c))
-* **@dpc-sdp/ripple-ui-core:** use rpl-image in other components ([d4389ab](https://github.com/dpc-sdp/ripple-framework/commit/d4389abd3119424ffce39ebe5ca82033f95de83e))
-* **@dpc-sdp/ripple-ui-core:** use RplImage for the logo links in footer ([bab4a6a](https://github.com/dpc-sdp/ripple-framework/commit/bab4a6aa320e4cbd0c9e133bb603297ca0b07dca))
-* **@dpc-sdp/ripple-ui-core:** use slot args ([55cfdfb](https://github.com/dpc-sdp/ripple-framework/commit/55cfdfba72fd6164ec69c80977e680041e9ba878))
-* **@dpc-sdp/ripple-ui-core:** use svg in vue component for now as fill is striped from svgs ([f8d3608](https://github.com/dpc-sdp/ripple-framework/commit/f8d3608d7e0d102933f3dd4813515be7611936a3))
-* **@dpc-sdp/ripple-ui-core:** wip commit for more balanced footer columns ([71cf74d](https://github.com/dpc-sdp/ripple-framework/commit/71cf74d4d3a35d3a32c0f25d74b96fef11a3ea7b))
-* **@dpc-sdp/ripple-ui-core:** wip header action, links, etc ([96d3a62](https://github.com/dpc-sdp/ripple-framework/commit/96d3a62314f4fc79dfde610717a0f53237d70b8f))
-* **@dpc-sdp/ripple-ui-core:** wip, aspect ratios, srcset, focal points ([ed4f602](https://github.com/dpc-sdp/ripple-framework/commit/ed4f602d2615bb37f305c787d2c4df7d600c3d63))
-* **@dpc-sdp/ripple-ui-forms:** :building_construction: move storybook to project root, add forms ([578f8c9](https://github.com/dpc-sdp/ripple-framework/commit/578f8c92904e5f05f24ec1d8cb0646af13a32a43))
-
-### Performance Improvements
-
-* **@dpc-sdp/ripple-ui-core:** :fire: remove WIP 'nav-primary' component ([9a9d06d](https://github.com/dpc-sdp/ripple-framework/commit/9a9d06d0d3e2313c429a4d1241060c0e46335c05))
-* **@dpc-sdp/ripple-ui-core:** :recycle: replace unused token ([5962a39](https://github.com/dpc-sdp/ripple-framework/commit/5962a39b551960cc4b8c3e307ed88b3071000e6b))
-* **@dpc-sdp/ripple-ui-core:** :zap: rework classlist ([bb2c0e3](https://github.com/dpc-sdp/ripple-framework/commit/bb2c0e39eef8cee4c016d24e73d28818401af97a))
-
-### Reverts
-
-* **@dpc-sdp/ripple-ui-core:** :rewind: fix regression in color stories ([3f3572f](https://github.com/dpc-sdp/ripple-framework/commit/3f3572f687dc30f61f5da967f5b1bfaedf2c8760))
-* **@dpc-sdp/ripple-ui-core:** :rewind: revert change on breadcrumb line spacing ([b3818bd](https://github.com/dpc-sdp/ripple-framework/commit/b3818bd6f3c0107caf378d39c212d5eeebadac95))
-* **@dpc-sdp/ripple-ui-core:** :rewind: revert changes to ui components ([e5e422f](https://github.com/dpc-sdp/ripple-framework/commit/e5e422f2b36bdff174d4a6cad39f0537d41e1e07))
-* **@dpc-sdp/ripple-ui-core:** :rewind: revert to import breakpoints ([23b4c6e](https://github.com/dpc-sdp/ripple-framework/commit/23b4c6ed4cce63ad585aaa861ee052fc409c2549))
-* **@dpc-sdp/ripple-ui-core:** removed the unneeded 1px margin from the file icon ([f25b39e](https://github.com/dpc-sdp/ripple-framework/commit/f25b39ee9b586094a0e40d77b4cc565e99c68eaf))
-* **@dpc-sdp/ripple-ui-core:** revert content prop ([c79b30c](https://github.com/dpc-sdp/ripple-framework/commit/c79b30cf5cc665113458c59884e27719bf561726))
-
-## [2.0.1-alpha.4](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.1-alpha.3...v2.0.1-alpha.4) (2022-11-06)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-## [2.0.1-alpha.3](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.1-alpha.2...v2.0.1-alpha.3) (2022-11-04)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-## [2.0.1-alpha.2](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.1-alpha.1...v2.0.1-alpha.2) (2022-11-04)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-## 2.0.1-alpha.0 (2022-11-04)
-
-### Bug Fixes
-
-- **@dpc-sdp/ripple-tide-api:** fixed sidebar slot check on server side ([0e1dfe3](https://github.com/dpc-sdp/ripple-framework/commit/0e1dfe37912643f97922a48d9dff8f7e25d22e3e))
-- **@dpc-sdp/ripple-ui-core:** :art: add more design tokens from figma ([69f5fff](https://github.com/dpc-sdp/ripple-framework/commit/69f5fffffda4eb9dc9e6bbb77a4d3032bdc3b5fd))
-- **@dpc-sdp/ripple-ui-core:** :art: updates variable value on resize ([6d71c8d](https://github.com/dpc-sdp/ripple-framework/commit/6d71c8deb257426fdb5e97968511926ef9cc0708))
-- **@dpc-sdp/ripple-ui-core:** :bug: add missing jest addon dep ([4f8cb2c](https://github.com/dpc-sdp/ripple-framework/commit/4f8cb2c3cca073a3e07409913a88141ef56a82e4))
-- **@dpc-sdp/ripple-ui-core:** :bug: add missing word 'fixed' to h2 type story ([6b96bee](https://github.com/dpc-sdp/ripple-framework/commit/6b96beea4ce6b95a9d790adc3bc1efd918637332))
-- **@dpc-sdp/ripple-ui-core:** :bug: add stylelint rule to allow bem selectors ([a336481](https://github.com/dpc-sdp/ripple-framework/commit/a336481781a7c2462579d531032dc34a76494895))
-- **@dpc-sdp/ripple-ui-core:** :bug: adds check for client context for dynamic import of component ([ea459ce](https://github.com/dpc-sdp/ripple-framework/commit/ea459ce3f96a38f3ae9daec6f787639f937f8bd6))
-- **@dpc-sdp/ripple-ui-core:** :bug: change back to using the prop name ([acbb862](https://github.com/dpc-sdp/ripple-framework/commit/acbb862485811c7c24a73c96568b041502278706))
-- **@dpc-sdp/ripple-ui-core:** :bug: export css source so that it can be used in postcss workflows ([eb4e445](https://github.com/dpc-sdp/ripple-framework/commit/eb4e44573d85edeb9cf39f7bcdcf6410aec491cd))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix 1px content jitter ([2dddd4f](https://github.com/dpc-sdp/ripple-framework/commit/2dddd4f2ff85dfc9098b1a2078041d8247835b28))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix a typo in the accordion story ([11428c0](https://github.com/dpc-sdp/ripple-framework/commit/11428c0d787dfaff85c39c777da857c3caf321e2))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix additional semicolon in var output ([6b7836e](https://github.com/dpc-sdp/ripple-framework/commit/6b7836e1f889c7e0cda3d36571c587acd68336a6))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix back button text sometimes showing wrong text ([d2e3296](https://github.com/dpc-sdp/ripple-framework/commit/d2e3296ae523f618a851b58023132e2472125fd6))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix build error and svg icon not rendering ([d3c1f89](https://github.com/dpc-sdp/ripple-framework/commit/d3c1f89984b5cd95e6bcab3e8fbd499129574bd9))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix button icon defaulting to left side ([c33d5a0](https://github.com/dpc-sdp/ripple-framework/commit/c33d5a063eab7d76895eec8abea2ebd0d52ef8ad))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix button icon not being styled ([b144d9f](https://github.com/dpc-sdp/ripple-framework/commit/b144d9f46c2242529988969cceeccd90da1cabed))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix default color in icon story ([db3e477](https://github.com/dpc-sdp/ripple-framework/commit/db3e4778ee97d2a59e1088c83706ca133637913d))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix desktop section title empty column ([b09ed7f](https://github.com/dpc-sdp/ripple-framework/commit/b09ed7fc216f21450fd53bcda6b9651e4af0378f))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix empty userAction slot appearing ([cc58546](https://github.com/dpc-sdp/ripple-framework/commit/cc5854669648337f48772e06d864a1eabdacba60))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix focusable inline having double line ([7e5c4b3](https://github.com/dpc-sdp/ripple-framework/commit/7e5c4b34c773848258d05318015341b9fa3a177d))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix focusable with no border ([d13775e](https://github.com/dpc-sdp/ripple-framework/commit/d13775e98dc13e157e558c3b8cb2880f4acb96af))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix horizontal scroll appearing on windows ([cc0e898](https://github.com/dpc-sdp/ripple-framework/commit/cc0e89823216c29aefb409ccc1ce7c51bdc33151))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix hover and transition ([bca8ffe](https://github.com/dpc-sdp/ripple-framework/commit/bca8ffe916aa527f07f79da43d8dc127133c3357))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix icon alignment ([856cc33](https://github.com/dpc-sdp/ripple-framework/commit/856cc33c56740c88ac2439a4154fe1b4bd3ab0f1))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix in page nav focus style ([4e63eb4](https://github.com/dpc-sdp/ripple-framework/commit/4e63eb41aa5dde51394cc18ada46ceafb6f6d24c))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix inconsistent column widths ([f7607d7](https://github.com/dpc-sdp/ripple-framework/commit/f7607d7c529a6a6f3a8fa11ac26ce8ca95a14f0e))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix incorrect padding for h3 highlight fixed ([99a92d5](https://github.com/dpc-sdp/ripple-framework/commit/99a92d5c9def7bf7e3b7fd82063cc040cc1996d4))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix incorrect path ([ebfcf83](https://github.com/dpc-sdp/ripple-framework/commit/ebfcf83598e1e943c689ca8c6c0b32e097f72d74))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix level 1 mega nav col incorrect width ([83345b7](https://github.com/dpc-sdp/ripple-framework/commit/83345b7bdc2ea662e86b58307ec700951af1752d))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix media queries not working in rpl-content ([f370256](https://github.com/dpc-sdp/ripple-framework/commit/f3702561213fed7acce55f0db00a954ecdddf501))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix mega nav back button going all the way back ([3508723](https://github.com/dpc-sdp/ripple-framework/commit/35087238df860fea26c268711d2b5d2c3d293d51))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix menu divider appearing if search is disabled ([ffdee2d](https://github.com/dpc-sdp/ripple-framework/commit/ffdee2d82544220974ddeefb8277bb4953715669))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix missing closing bracket ([1de9aed](https://github.com/dpc-sdp/ripple-framework/commit/1de9aed2119464acb0708a01b5253610bfcf0494))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix missing focusable class on mega menu items ([cdbc215](https://github.com/dpc-sdp/ripple-framework/commit/cdbc21517819bb53c0f8ba6fc3e6f54bae602a6c))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix nav content being visible before transition has finished ([cae2a58](https://github.com/dpc-sdp/ripple-framework/commit/cae2a583db23ea98038c84bed8bcf3e00116ed71))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix nav items clearing when mega nav opens ([33f01f5](https://github.com/dpc-sdp/ripple-framework/commit/33f01f57f1c23244132abc9e28a9cd56cdaf1525))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix nested list top padding in rpl-content ([f805b52](https://github.com/dpc-sdp/ripple-framework/commit/f805b52195aa8d014d4e06e88448922bb38cc5c9))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix onresize handler ([fb62d12](https://github.com/dpc-sdp/ripple-framework/commit/fb62d12a7c1a7dc3bc59defa2b7a3c2be98f770b))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix path resolve in svg utils ([4db7679](https://github.com/dpc-sdp/ripple-framework/commit/4db76790a00e9caff3daba0de6acb8f93af6476a))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix repeated links not working ([9de6a45](https://github.com/dpc-sdp/ripple-framework/commit/9de6a457cfdbadc758e53e3556adb398a95a93e4))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix storybook css asset path ([6e25f48](https://github.com/dpc-sdp/ripple-framework/commit/6e25f482f947f09b8323960b62970be3cf407e6b))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix token asset path ([efac283](https://github.com/dpc-sdp/ripple-framework/commit/efac2830f0a4323c6a98294a0d47b8500e6f9751)), closes [#35](https://github.com/dpc-sdp/ripple-framework/issues/35)
-- **@dpc-sdp/ripple-ui-core:** :bug: fix top margins not working on rpl-content children ([4c58545](https://github.com/dpc-sdp/ripple-framework/commit/4c5854566c008d21702045d4217fc7a6c8edf059))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix ul and ol in rpl-content ([7b70629](https://github.com/dpc-sdp/ripple-framework/commit/7b7062991c1758e1947a1b77bbef30c9959bb20e))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix vertical-nav width on mobile ([68618a9](https://github.com/dpc-sdp/ripple-framework/commit/68618a97b198d215a39d17e10bf8d40bdfdeb951))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix wc import ([fcbb22e](https://github.com/dpc-sdp/ripple-framework/commit/fcbb22e26a5d3793880bfdfac412ba1b0ad302fd))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix white button border ([3d91856](https://github.com/dpc-sdp/ripple-framework/commit/3d91856efddb3d36e08f68d4c994ad528533b66e))
-- **@dpc-sdp/ripple-ui-core:** :bug: fixed breadcrumbs not truncating with ellipsis on small screen ([ac1a750](https://github.com/dpc-sdp/ripple-framework/commit/ac1a750b6d60e3d5fbaf7e7e75d0a7f1c7c23b93))
-- **@dpc-sdp/ripple-ui-core:** :bug: fixed broken icon colours after focus state change ([5680d72](https://github.com/dpc-sdp/ripple-framework/commit/5680d72e6b09b8fe00eda3fb9fc78a714583e469))
-- **@dpc-sdp/ripple-ui-core:** :bug: fixed rounded focus outline on safari ([029eb02](https://github.com/dpc-sdp/ripple-framework/commit/029eb022286c796705969fef43605b5196eaa9d2))
-- **@dpc-sdp/ripple-ui-core:** :bug: properly deal with missing multiline ([062ddb4](https://github.com/dpc-sdp/ripple-framework/commit/062ddb426919b3789fd68f2c01d5cfd28becdef0))
-- **@dpc-sdp/ripple-ui-core:** :bug: remove hardcoded fill from search svg ([d84825b](https://github.com/dpc-sdp/ripple-framework/commit/d84825bdca73f190392ebebc16f0b4089e6ff22c))
-- **@dpc-sdp/ripple-ui-core:** :bug: remove typo ([7e2b0a7](https://github.com/dpc-sdp/ripple-framework/commit/7e2b0a7cbc5590cfc4ea74d7ef3bcdf95332a388))
-- **@dpc-sdp/ripple-ui-core:** :bug: reorder subtitle display ([f45b200](https://github.com/dpc-sdp/ripple-framework/commit/f45b2009009af4f263cc6cd22de3135e9fb4d4ad))
-- **@dpc-sdp/ripple-ui-core:** :bug: stylelint forced the wrong specificity ([01677ec](https://github.com/dpc-sdp/ripple-framework/commit/01677ec7a41389eef05fc0107680caa0dc26e5e8))
-- **@dpc-sdp/ripple-ui-core:** :bug: tweak header offset to match designs ([06a39cd](https://github.com/dpc-sdp/ripple-framework/commit/06a39cd9b633479a1ca357e4e7ff3ca20925a814))
-- **@dpc-sdp/ripple-ui-core:** :bug: typo in width var ([0ff785a](https://github.com/dpc-sdp/ripple-framework/commit/0ff785afd9a66839bd0cb651b72c558b2544a080))
-- **@dpc-sdp/ripple-ui-core:** :bug: update vertical nav layout story data ([cafec8e](https://github.com/dpc-sdp/ripple-framework/commit/cafec8e478c9b64af321c71dd622403e280fdbf4))
-- **@dpc-sdp/ripple-ui-core:** :bug: use right jest types, fix ts errors ([ae8129d](https://github.com/dpc-sdp/ripple-framework/commit/ae8129d21be94f31ad7645fac65a018464e7e224))
-- **@dpc-sdp/ripple-ui-core:** :construction_worker: import css directly in storybook ([7ea1b42](https://github.com/dpc-sdp/ripple-framework/commit/7ea1b42a94d666f9f932a8c8992fe0381b37afc5))
-- **@dpc-sdp/ripple-ui-core:** :fire: remove button styles specificly for storybook ([915a00c](https://github.com/dpc-sdp/ripple-framework/commit/915a00cd99acf82998033f826e5cbd1339a7596c))
-- **@dpc-sdp/ripple-ui-core:** :fire: remove quotation-mark icon ([533063f](https://github.com/dpc-sdp/ripple-framework/commit/533063fa95fbc1e96d82b3cc4eb5a2e77f48375a))
-- **@dpc-sdp/ripple-ui-core:** :green_heart: rename to match current naming scheme ([4869a92](https://github.com/dpc-sdp/ripple-framework/commit/4869a9203f64aff32e23d8632d3082fe41e2b985))
-- **@dpc-sdp/ripple-ui-core:** :green_heart: use getByText for axecore check ([ec072d4](https://github.com/dpc-sdp/ripple-framework/commit/ec072d40af890f28875649ed665abd71cdff3120))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add focusable inline to accordion toggle all ([cb4e1a8](https://github.com/dpc-sdp/ripple-framework/commit/cb4e1a840381857f2a1dd182db07868490a430f4))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add focusable--inline class to alert close ([be1f633](https://github.com/dpc-sdp/ripple-framework/commit/be1f633947a3c28aca744830b33d7d6184b268f8))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add margin reset for headings ([7a2b0ad](https://github.com/dpc-sdp/ripple-framework/commit/7a2b0ad9073f4418e22c1cc8ab9ee756e8cfc944))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: adjust button styles as per feedback ([615afef](https://github.com/dpc-sdp/ripple-framework/commit/615afef268f189e1c8303e9805253a291bebe437))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: border already excluded in dimension calcs ([6b7e8dc](https://github.com/dpc-sdp/ripple-framework/commit/6b7e8dc8f28510ba255ac6bee82aad02ddeeb857))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: fix highlight text not wrapping properly ([e9b4351](https://github.com/dpc-sdp/ripple-framework/commit/e9b43512b88f5804665d01cf67cf1c881dd834d0))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: fix profile image element overflow ([427ca14](https://github.com/dpc-sdp/ripple-framework/commit/427ca14ce939bffba02779972e5e339f04de60b6))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: fixed focus style to prevent clashing with elements borders ([71cc95e](https://github.com/dpc-sdp/ripple-framework/commit/71cc95e521c15a2256997e11dcae313676f1543b))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: include rpl-icon in focusable styling ([98c4baf](https://github.com/dpc-sdp/ripple-framework/commit/98c4baf41f5984f2662d3a1af376c54f5dc2edca))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: keep link height in breadcrumbs ([b39be72](https://github.com/dpc-sdp/ripple-framework/commit/b39be72d21b4ddd84735ebf4820c93122ea8991f))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: remove border from accordion height ([672e0d0](https://github.com/dpc-sdp/ripple-framework/commit/672e0d0188fc3739d6dcfa76710dfd012bcfca1c))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: remove unused icon-and-text styles ([1452b72](https://github.com/dpc-sdp/ripple-framework/commit/1452b72ce11ce213382e92ee057777814e9f3768))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: spacing tweak to search icon on mobile ([edd1bfe](https://github.com/dpc-sdp/ripple-framework/commit/edd1bfe698e648a0dc93a829f186dc7c8568444f))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: tweak column offsets to have consistent spacing ([dfb76da](https://github.com/dpc-sdp/ripple-framework/commit/dfb76dafa2ab1f0192fdf5d479d286266cf3206d))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: tweak icon alignment in userAction story ([fef571c](https://github.com/dpc-sdp/ripple-framework/commit/fef571c017bbb834ef6cfb7627789a4ea43a12d4))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: tweaks to mobile mega nav ([dd2979c](https://github.com/dpc-sdp/ripple-framework/commit/dd2979c2c9621f3146e23b69704f1e29753be850))
-- **@dpc-sdp/ripple-ui-core:** :memo: fix typo in grid story ([786a510](https://github.com/dpc-sdp/ripple-framework/commit/786a510841d3639210e20eafaf239dd89ff9a5a0))
-- **@dpc-sdp/ripple-ui-core:** :recycle: refactor to use icon and text ([49e9ab3](https://github.com/dpc-sdp/ripple-framework/commit/49e9ab3700d48f3505400d4b4f60817f6b0e8ec8))
-- **@dpc-sdp/ripple-ui-core:** :truck: update color variable naming in type highlight ([e487e01](https://github.com/dpc-sdp/ripple-framework/commit/e487e0163a2eefb04a62f74137fa51ddc0bea3c4))
-- **@dpc-sdp/ripple-ui-core:** :truck: update interactions location, sb namespace ([654e641](https://github.com/dpc-sdp/ripple-framework/commit/654e6414a3e2fb0076cbce466eb27686bddb70c5))
-- **@dpc-sdp/ripple-ui-core:** :truck: update interactions path, sb namespace ([53e005f](https://github.com/dpc-sdp/ripple-framework/commit/53e005fbe1f36fb48289117d9662b702abafde65))
-- **@dpc-sdp/ripple-ui-core:** :white_check_mark: fix test flakiness due to not awaiting result ([cfd7a71](https://github.com/dpc-sdp/ripple-framework/commit/cfd7a713dc3e8c28b9b485d512fb0082c8fec7b2))
-- **@dpc-sdp/ripple-ui-core:** Add align-items: center ([a140130](https://github.com/dpc-sdp/ripple-framework/commit/a140130b812d7d4e08f96d529c2bf9e3b316309e))
-- **@dpc-sdp/ripple-ui-core:** added breakpoints for neutral footer ([9816ab9](https://github.com/dpc-sdp/ripple-framework/commit/9816ab9b3fc04b9d0488ca247b5280d037d88b10))
-- **@dpc-sdp/ripple-ui-core:** added breakpoints import to stats grid ([94b9de9](https://github.com/dpc-sdp/ripple-framework/commit/94b9de9a426ac59d3df3bdb62a7458cca49192cb))
-- **@dpc-sdp/ripple-ui-core:** added delay to chromatic for footer story ([914885a](https://github.com/dpc-sdp/ripple-framework/commit/914885a317d1436871e3c9268b71f2c53e3c7d1c))
-- **@dpc-sdp/ripple-ui-core:** added delay to test fix for rpl-image chromatic test ([82923f5](https://github.com/dpc-sdp/ripple-framework/commit/82923f54737422b55b2505c9d7941b3df3349780))
-- **@dpc-sdp/ripple-ui-core:** added missing import ([45bce0d](https://github.com/dpc-sdp/ripple-framework/commit/45bce0d8e8571a0ad46a19c3c898db87c9a82f71))
-- **@dpc-sdp/ripple-ui-core:** added proper breakpoints for footer in chromatic ([6557c79](https://github.com/dpc-sdp/ripple-framework/commit/6557c79bf078a28941c22054cce757c45c1d1eac))
-- **@dpc-sdp/ripple-ui-core:** addresses UI feedback, set alert height on component mount ([f4020a4](https://github.com/dpc-sdp/ripple-framework/commit/f4020a461d50410e5d367ea263722029f0e423a6))
-- **@dpc-sdp/ripple-ui-core:** change accent contrast colour ([771c75b](https://github.com/dpc-sdp/ripple-framework/commit/771c75b90a97e92e72abd3317bc40116e214e31d))
-- **@dpc-sdp/ripple-ui-core:** changes outline focus to use a box shadow instead of border ([c2ec484](https://github.com/dpc-sdp/ripple-framework/commit/c2ec4845a8605289b2e88dc884705df45631f9be))
-- **@dpc-sdp/ripple-ui-core:** chromatic test ([003b89b](https://github.com/dpc-sdp/ripple-framework/commit/003b89bf47292dd911a28334bb47b0b11b7c93bb))
-- **@dpc-sdp/ripple-ui-core:** debugging chromatic ([b0107e2](https://github.com/dpc-sdp/ripple-framework/commit/b0107e2b175e76972ba314766103ca321e6dc435))
-- **@dpc-sdp/ripple-ui-core:** design feedback ([91f2f29](https://github.com/dpc-sdp/ripple-framework/commit/91f2f29dd4f2557500dcd6af05bb1939894c15e3))
-- **@dpc-sdp/ripple-ui-core:** fix font family rule ([69a167a](https://github.com/dpc-sdp/ripple-framework/commit/69a167ac7476566f1316dfde0ff18667426dcb89))
-- **@dpc-sdp/ripple-ui-core:** fix storybook styling table issues ([2656c84](https://github.com/dpc-sdp/ripple-framework/commit/2656c84fccacd7c0e6b385c8a3edf5baa7bc0a66))
-- **@dpc-sdp/ripple-ui-core:** fix storybook table component font ([f833505](https://github.com/dpc-sdp/ripple-framework/commit/f833505c87905e18a630a7ca1033b1bc1b2b61e7))
-- **@dpc-sdp/ripple-ui-core:** fix wrong ci command ([9e8720f](https://github.com/dpc-sdp/ripple-framework/commit/9e8720f3c80886f5b249d40896070c4145c51838))
-- **@dpc-sdp/ripple-ui-core:** fixed column logic for chromatic / server render ([ac29ff6](https://github.com/dpc-sdp/ripple-framework/commit/ac29ff6ceecbe32b663e6473fdf840b56475fc18))
-- **@dpc-sdp/ripple-ui-core:** fixed conditional sidebar logic ([5c86b02](https://github.com/dpc-sdp/ripple-framework/commit/5c86b0295b9c65a1ebe270ee7d218955a2bfb45d))
-- **@dpc-sdp/ripple-ui-core:** fixed default outline appearing ([aebb72c](https://github.com/dpc-sdp/ripple-framework/commit/aebb72cc0c237829ce07b52d87b9861974ca1c3d))
-- **@dpc-sdp/ripple-ui-core:** fixed description list story ([3211bce](https://github.com/dpc-sdp/ripple-framework/commit/3211bcead1c3f5a9cb89acae5249496068a841a0))
-- **@dpc-sdp/ripple-ui-core:** fixed footer story ([40ce132](https://github.com/dpc-sdp/ripple-framework/commit/40ce1324df94620e2182daa62dd34b0c7d191271))
-- **@dpc-sdp/ripple-ui-core:** fixed incorrect breakpoint used for stats grid ([4ce090c](https://github.com/dpc-sdp/ripple-framework/commit/4ce090c01af3058b6567c3b77efb2e9593877210))
-- **@dpc-sdp/ripple-ui-core:** fixed layout example ([e616c99](https://github.com/dpc-sdp/ripple-framework/commit/e616c999bb186d34919c82ac0354bd87c6158647))
-- **@dpc-sdp/ripple-ui-core:** fixed storybook tests for footer ([5ba9b36](https://github.com/dpc-sdp/ripple-framework/commit/5ba9b3626448004eb9a475db7b3e55ba24f9629d))
-- **@dpc-sdp/ripple-ui-core:** fixed text link colours caused by footer change ([576aaee](https://github.com/dpc-sdp/ripple-framework/commit/576aaeefbee987126ea4a75506e2c306373fbdfd))
-- **@dpc-sdp/ripple-ui-core:** fixed the breakpoint issue with chromatic ([b93f1f9](https://github.com/dpc-sdp/ripple-framework/commit/b93f1f9f1d993d34554e0723f3fac372dcc44d08))
-- **@dpc-sdp/ripple-ui-core:** fixed up story variants after delay change ([3899e91](https://github.com/dpc-sdp/ripple-framework/commit/3899e91286736f61ee067908f847f12baa5985ae))
-- **@dpc-sdp/ripple-ui-core:** flags are now aligned to the top ([a580bed](https://github.com/dpc-sdp/ripple-framework/commit/a580bed284e13342131167c197c034602553554c))
-- **@dpc-sdp/ripple-ui-core:** missed new author spacing value ([e1f8164](https://github.com/dpc-sdp/ripple-framework/commit/e1f8164c06567459ca51b0cf2550ec87a1726d0e))
-- **@dpc-sdp/ripple-ui-core:** new spacing value supplied for quotes ([f2c983a](https://github.com/dpc-sdp/ripple-framework/commit/f2c983a66bde4057f9261ff0977dcb38adaccf53))
-- **@dpc-sdp/ripple-ui-core:** remove delay from image ([76b8107](https://github.com/dpc-sdp/ripple-framework/commit/76b81073b85c3c539fb8af617656c31308e82edb))
-- **@dpc-sdp/ripple-ui-core:** remove unused btn reset class ([236cf6b](https://github.com/dpc-sdp/ripple-framework/commit/236cf6b8116c5bef7df1db294f46ff975340e990))
-- **@dpc-sdp/ripple-ui-core:** set viewport explicitly for chromatic ([0b6cc90](https://github.com/dpc-sdp/ripple-framework/commit/0b6cc90d261b8acbfa80ed61a8155ba063cba86a))
-- **@dpc-sdp/ripple-ui-core:** table feedback ([ebbff8c](https://github.com/dpc-sdp/ripple-framework/commit/ebbff8c930325851a2f25c6fdb54c4f5d6bd227d))
-- **@dpc-sdp/ripple-ui-core:** text-underline-offset on file name no longer needed ([97d02a8](https://github.com/dpc-sdp/ripple-framework/commit/97d02a858f23443493d9bc8c6d2ccbc51b94346f))
-- **@dpc-sdp/ripple-ui-core:** trying different method for adding viewports to chromatic ([4048ed8](https://github.com/dpc-sdp/ripple-framework/commit/4048ed8f9914adc6dcc1d866e0af061efe205781))
-- **@dpc-sdp/ripple-ui-core:** update blockquote styles ([526e27f](https://github.com/dpc-sdp/ripple-framework/commit/526e27fadb66827c9bcddef85235c134e2679bc0))
-- **@dpc-sdp/ripple-ui-core:** update flag width ([5901ece](https://github.com/dpc-sdp/ripple-framework/commit/5901ece9c61ff8d5da82281adbe4b7db2d7280bf))
-- **@dpc-sdp/ripple-ui-core:** updates markup of file component in content component ([cf1e3f5](https://github.com/dpc-sdp/ripple-framework/commit/cf1e3f5144be8bd7e735870f5d487557dac0e42d))
-- fixed profile story ([89d5666](https://github.com/dpc-sdp/ripple-framework/commit/89d5666dcc3e423a9b1e7f0a2f275026d5b2d1bd))
-
-### Features
-
-- :lipstick: custom favicon ([caccc1c](https://github.com/dpc-sdp/ripple-framework/commit/caccc1c93b0767d233a5ee74a964a2d32848b32e))
-- :sparkles: add grant content type ([9e3a525](https://github.com/dpc-sdp/ripple-framework/commit/9e3a525e310686b15d57ac31c4966ab96d1186b8))
-- :sparkles: add jest and config ([7d5e05a](https://github.com/dpc-sdp/ripple-framework/commit/7d5e05a449a4f07dfe22f991d2648478aabfcbeb))
-- **@dpc-sdp/ripple-tide-api:** added site section navigation to sidebar ([51e19cb](https://github.com/dpc-sdp/ripple-framework/commit/51e19cb4d04c321382a12447d8e68c763adb4951))
-- **@dpc-sdp/ripple-tide-api:** added social share sidebar mapping ([3dcc1b6](https://github.com/dpc-sdp/ripple-framework/commit/3dcc1b6f1bc41c849cdb8cb6d5e6e7c9ea8b2119))
-- **@dpc-sdp/ripple-tide-api:** made the active path highlighting work for site section nav ([145f284](https://github.com/dpc-sdp/ripple-framework/commit/145f28485bdf88fef3d39516c30517c7b1c1f6a8))
-- **@dpc-sdp/ripple-tide-grant:** :sparkles: add storybook template ([6a5170a](https://github.com/dpc-sdp/ripple-framework/commit/6a5170a6301e9001b56e0b85b3ce35f7ebc87416))
-- **@dpc-sdp/ripple-tide-landing-page:** :sparkles: adds landing page content type components ([4396276](https://github.com/dpc-sdp/ripple-framework/commit/43962765528ee23ca904ae5c3f2d07180c1b853c))
-- **@dpc-sdp/ripple-tide-landing-page:** added first pass at landing page components ([8c19a86](https://github.com/dpc-sdp/ripple-framework/commit/8c19a86e8fa75f354cc02d6fe643b89f4cf6a293))
-- **@dpc-sdp/ripple-tide-media:** make 'submodules' top level ([34bda44](https://github.com/dpc-sdp/ripple-framework/commit/34bda449e3b7a73ccda04716518912942e0130d4))
-- **@dpc-sdp/ripple-ui-core:** :alembic: test out event bus interface ([8854ef2](https://github.com/dpc-sdp/ripple-framework/commit/8854ef238b91a198af0d5166795bb25f9498480f))
-- **@dpc-sdp/ripple-ui-core:** :art: add button component theming ([5d4a9d6](https://github.com/dpc-sdp/ripple-framework/commit/5d4a9d6ea7611a60ed87d4ec61f78b0b0f6dfa53))
-- **@dpc-sdp/ripple-ui-core:** :art: add initial button stylin ([34bc735](https://github.com/dpc-sdp/ripple-framework/commit/34bc73580d9bbffd59fcfe2b74e302708ffd567c))
-- **@dpc-sdp/ripple-ui-core:** :art: add missing responsive type styles ([d0b423f](https://github.com/dpc-sdp/ripple-framework/commit/d0b423fb298243718724eea55c6d86c75e5656cf))
-- **@dpc-sdp/ripple-ui-core:** :art: add pointer cursor to focusable items ([81d2b39](https://github.com/dpc-sdp/ripple-framework/commit/81d2b3909a61a052b630c035f16ec0bc7538b22d))
-- **@dpc-sdp/ripple-ui-core:** :art: break the utilitiy storys into seperate templates ([3752f68](https://github.com/dpc-sdp/ripple-framework/commit/3752f68ec222976856b3a5cec5f24352d4508872))
-- **@dpc-sdp/ripple-ui-core:** :art: increase menu story to test scrolling ([dadd097](https://github.com/dpc-sdp/ripple-framework/commit/dadd09780c97db16451356bf842c5fd5888a5e0a))
-- **@dpc-sdp/ripple-ui-core:** :art: start to flesh out basic css structure of components ([2926f71](https://github.com/dpc-sdp/ripple-framework/commit/2926f712986eda1e57ede419516c550278c8ffe6))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix inconsistent mega nav height ([73a99e8](https://github.com/dpc-sdp/ripple-framework/commit/73a99e8ae5db2e66bfe3c1369a265fd39e3df87b))
-- **@dpc-sdp/ripple-ui-core:** :bug: rename colour utility classes to 'clr' from 'colour' ([26c915a](https://github.com/dpc-sdp/ripple-framework/commit/26c915a2817c457620bd177d40ff1ffec98a7f18))
-- **@dpc-sdp/ripple-ui-core:** :construction: add inpage nav comp ([8374944](https://github.com/dpc-sdp/ripple-framework/commit/8374944bf07d9fec9c32a6b299b43f47dd4fd3d3))
-- **@dpc-sdp/ripple-ui-core:** :construction: poc for component based svg sprite ([ce97c29](https://github.com/dpc-sdp/ripple-framework/commit/ce97c293464bbdb31504eb4e6999ab8bf45337e5))
-- **@dpc-sdp/ripple-ui-core:** :construction: poc for image component ([5dcbbf3](https://github.com/dpc-sdp/ripple-framework/commit/5dcbbf39352052f506daf607820d98a6c8b6c36d))
-- **@dpc-sdp/ripple-ui-core:** :construction: proof of concept for formkit forms ([2484620](https://github.com/dpc-sdp/ripple-framework/commit/2484620f91dd8fd3573d546adf1bff290130d3f5))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add new alt-colour variant to focusable ([2e67659](https://github.com/dpc-sdp/ripple-framework/commit/2e676592a027067b0300dd461b676d069710dd3f))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add new h3 highlight class ([9f650d3](https://github.com/dpc-sdp/ripple-framework/commit/9f650d3b912cf5b97af5d19430d8f9d24cda1dc6))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add new quotation-mark icon ([d5dfbe9](https://github.com/dpc-sdp/ripple-framework/commit/d5dfbe9b1faeb76980c0ac8d86e8b9bd2189899e))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add new type styles to storybook ([4fd2442](https://github.com/dpc-sdp/ripple-framework/commit/4fd2442317a44a9a9f9094a1a6b86e8fe5c20c6d))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add story for rpl-container ([2e60815](https://github.com/dpc-sdp/ripple-framework/commit/2e608150eae4efea89c032620199f7ac7db42357))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add story toggle for icon padding ([71eeeac](https://github.com/dpc-sdp/ripple-framework/commit/71eeeacc9d5807c595d903be1708e41ffd909638))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: added outline style focus state ([59f2a81](https://github.com/dpc-sdp/ripple-framework/commit/59f2a81f7f23e5838aac6b41eee40088d1bfcd17))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: adding example of menu closing but keeping active content ([af080ab](https://github.com/dpc-sdp/ripple-framework/commit/af080abb5e2c0f84f9070df41a4c065dc14343c1))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: inpage nav build complete ([79a66a7](https://github.com/dpc-sdp/ripple-framework/commit/79a66a77cd575995959a299395ee1d03b7deecae))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: update accordion colours to use new tokens ([ced9b7a](https://github.com/dpc-sdp/ripple-framework/commit/ced9b7a499dec9772ba8dc742953584e1c9d1a03))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: update chevron icons ([3dbec81](https://github.com/dpc-sdp/ripple-framework/commit/3dbec8149cbf2cc2687409686ad9fc74e2638dbc))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: update gradient steps ([8b5b2a1](https://github.com/dpc-sdp/ripple-framework/commit/8b5b2a16713fbf555bfd55b5e65912b1d4176575))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: use type util ([161df6a](https://github.com/dpc-sdp/ripple-framework/commit/161df6a76aae03dd8187a3abbc9023568dc94975))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add 'active' option to RplListItemArray type ([72a0dcc](https://github.com/dpc-sdp/ripple-framework/commit/72a0dcc127a4b2a8604277d87c40040d8bf11f98))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add 'home' link to mega menu for mobile ([e6850b2](https://github.com/dpc-sdp/ripple-framework/commit/e6850b21fe5cb8a9cf885f8b737f2b6e6f553f1e))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add 'quick exit' button to mobile mega nav ([382d0eb](https://github.com/dpc-sdp/ripple-framework/commit/382d0ebca2f9c07f08fc3ea5f8c395704127e901))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add aria tags to accordion ([fc6897c](https://github.com/dpc-sdp/ripple-framework/commit/fc6897c0d14fbe50df1ff8f491d5619a8a7eed38))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add barebones of type tokens ([a48e13b](https://github.com/dpc-sdp/ripple-framework/commit/a48e13b35803bc661f9f3f7e0be65ab3d1f0cfe9))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add barebones related-links component ([13f3c59](https://github.com/dpc-sdp/ripple-framework/commit/13f3c59590d2b018683222defdeff630e61a5d44))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add basic barebones of accordion component ([d491e60](https://github.com/dpc-sdp/ripple-framework/commit/d491e60363b16ae79da4f173f6ecfb70f4d8a8a3))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add basic setup of svg icons, currently not working ([46112ef](https://github.com/dpc-sdp/ripple-framework/commit/46112ef26eafba2844f95e90bd508d9480a00fd3))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add basic structure of utility classes ([b7575b4](https://github.com/dpc-sdp/ripple-framework/commit/b7575b4ffab365e5b741fd3001121e3bbe859101))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add box-sizing reset ([afcc345](https://github.com/dpc-sdp/ripple-framework/commit/afcc345264347982e8601c258b6ae58e44359cc9))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add breadcrumbs component ([d7b8ffe](https://github.com/dpc-sdp/ripple-framework/commit/d7b8ffe54bce7c4dd09170e9639416ed9ed783d7))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add chip ([4a2f6c4](https://github.com/dpc-sdp/ripple-framework/commit/4a2f6c491fd74e09c2ac672b029df827593fed29))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add contact us component ([32e80d0](https://github.com/dpc-sdp/ripple-framework/commit/32e80d064329623ec8974793dbb74cd122b50a37))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add current progress of primary-nav ([c993b5e](https://github.com/dpc-sdp/ripple-framework/commit/c993b5e3f7436380470d8f7c4c08298237ab13cf))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add description list component ([ee12dbd](https://github.com/dpc-sdp/ripple-framework/commit/ee12dbdbdaca1530fa87834699057b4a946125ad))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add eventbus for UI components ([961bd89](https://github.com/dpc-sdp/ripple-framework/commit/961bd89a76aed06ee586b17f88bff99559ca2995))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add focus styling to accordion ([055dbb1](https://github.com/dpc-sdp/ripple-framework/commit/055dbb17de344973913d3583652957e2537899a6))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add font smoothing for mac ([f028e28](https://github.com/dpc-sdp/ripple-framework/commit/f028e281a6755311045443f0b49efd4d91a0adc0))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add gradient tokens and story ([53aa221](https://github.com/dpc-sdp/ripple-framework/commit/53aa221a04ee6523bcc0287471635612d7450ec1))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add grid classes ([96f0bc6](https://github.com/dpc-sdp/ripple-framework/commit/96f0bc6952b9c25f539764e960fd8ca5210495fc))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add icon and icon sprite components ([4b4d61d](https://github.com/dpc-sdp/ripple-framework/commit/4b4d61d5e26b2176c2168cc2841c8c3f01226933))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add icon and text style-only component ([1141c1c](https://github.com/dpc-sdp/ripple-framework/commit/1141c1cbf2d063a45d69fee149b9379f2b9d9716))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add image placeholder for storybook ([5085798](https://github.com/dpc-sdp/ripple-framework/commit/50857982121cb60d01fc34c489d1bf3d61d6eb64))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add initial card build ([80e4f3e](https://github.com/dpc-sdp/ripple-framework/commit/80e4f3eb8df7c112da977987e8d442ec338cbd43))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add keydates and category grid ([395a0e3](https://github.com/dpc-sdp/ripple-framework/commit/395a0e378dd146708d231c07cd56254075fc188e))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add mobile mega nav column swipe animation ([6a581af](https://github.com/dpc-sdp/ripple-framework/commit/6a581af4398af0ebb12f6732c05183598e12b8f4))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add nav, promo, avatar, cta card instances ([3ccc627](https://github.com/dpc-sdp/ripple-framework/commit/3ccc627b010eb401aa96336f4b6f2e17b70307c8))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add new 'xs' icon size ([5c63a10](https://github.com/dpc-sdp/ripple-framework/commit/5c63a1096454c73660819672a883ddb80f13ee17))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add new primary nav menu component ([0acce42](https://github.com/dpc-sdp/ripple-framework/commit/0acce420bbc72167d5e077dbd540c9fbcafc8b22))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add new related-links component ([4a44255](https://github.com/dpc-sdp/ripple-framework/commit/4a4425580f93b4226a432ca2ead5e8378de4acf4))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add new tokens for header and footer build ([fe4e01a](https://github.com/dpc-sdp/ripple-framework/commit/fe4e01a56517d4434dd99779087d6ed7de19932f))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add page layout for nuxt apps and corresponding story ([41c04f4](https://github.com/dpc-sdp/ripple-framework/commit/41c04f4749d031112892f9c97c8e36ef5c9c37f3))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add placeholder search form component ([e5ebbee](https://github.com/dpc-sdp/ripple-framework/commit/e5ebbee622e190de33a79bff677b9300115974ce))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add postcss-for to ripple-ui-core ([380600b](https://github.com/dpc-sdp/ripple-framework/commit/380600bd88b13a3baecea87c34dbdfcebbd893e6))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add profile component ([bebae3f](https://github.com/dpc-sdp/ripple-framework/commit/bebae3f461ecc2d9bb8007e9c004e9b0767984e8))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add rem reset to 10px in global css ([37a2df9](https://github.com/dpc-sdp/ripple-framework/commit/37a2df9eb967eab7b565a2b4d6206da4aa0023b8))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add reset for ol/ul ([a628265](https://github.com/dpc-sdp/ripple-framework/commit/a628265ca941dcbcfdabc3482c587c7951bba6a8))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add rpl-container class ([260591e](https://github.com/dpc-sdp/ripple-framework/commit/260591efd48e9c65a7a611538a0a82f88775e11c))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add rpl-content component ([a55be08](https://github.com/dpc-sdp/ripple-framework/commit/a55be087da74f1c78540f5c0c33e12744312abe5))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add search bar integration ([81fbe11](https://github.com/dpc-sdp/ripple-framework/commit/81fbe11a5a1ae3710bf4ed51f5f18b0e4229d7b8))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add size utilities to constants.ts ([07ecf9a](https://github.com/dpc-sdp/ripple-framework/commit/07ecf9a04006fae16f3928b6b9222ac155dfc2e0))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add social share component ([6bfd501](https://github.com/dpc-sdp/ripple-framework/commit/6bfd501ce1a5f44d1cf8c511d55a860e5025a72a))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add story for light and dark vars ([34e857b](https://github.com/dpc-sdp/ripple-framework/commit/34e857b4aef32d478cbfbfaa4d19504434efccd8))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add story for login button ([315533f](https://github.com/dpc-sdp/ripple-framework/commit/315533f80de564e21f9c974c2d7aa0a38b350c07))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add story to toggle slots ([b4e506c](https://github.com/dpc-sdp/ripple-framework/commit/b4e506c7941e7bb0c6a37edc6c2c088069f60d33))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add stylelint rule config for padding ([d76922e](https://github.com/dpc-sdp/ripple-framework/commit/d76922eaef9c086cf5d510b92f9d3e0e03e45099))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add tag component ([769f559](https://github.com/dpc-sdp/ripple-framework/commit/769f55912eb7e675ac4f11fded3887eaf4779cbc))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add text link component ([360146b](https://github.com/dpc-sdp/ripple-framework/commit/360146b40db1dde78e465f6f4503d8b9d2a9441e))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add timeline component ([dbfb0fb](https://github.com/dpc-sdp/ripple-framework/commit/dbfb0fba3d76ecc507875953113ad91aa3811b68))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add utility classes to constants.ts ([ab62826](https://github.com/dpc-sdp/ripple-framework/commit/ab62826c56f0f083d0423884e528cc3e67e4400d))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add vertical-nav component ([224d48f](https://github.com/dpc-sdp/ripple-framework/commit/224d48f21ac030aabf33523f01e66bfcc701ef1f))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: added font files to public directory ([09ccd52](https://github.com/dpc-sdp/ripple-framework/commit/09ccd524f31b880e6ee6a8b7710780e20cf2403c))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: added foundations of footer component ([4dc3b4d](https://github.com/dpc-sdp/ripple-framework/commit/4dc3b4d1a60d19fa37eea143135350f39ff27d78))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: added normalize.css dependency ([47b8b94](https://github.com/dpc-sdp/ripple-framework/commit/47b8b942c61e9cadea5aaeaed016843589ecff63))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: added search bar component ([b5089dd](https://github.com/dpc-sdp/ripple-framework/commit/b5089dd7cf96962e9ae272d690606f351edc6544))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: added stats grid component ([e492fba](https://github.com/dpc-sdp/ripple-framework/commit/e492fbab1390954a665af56825cf48593d6c9cae))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: adds Alert ([876fd36](https://github.com/dpc-sdp/ripple-framework/commit/876fd36469656e9894969c12b8ebd39829821e09))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: adjust primary nav transitions ([6b512be](https://github.com/dpc-sdp/ripple-framework/commit/6b512bef401f019291f08fcff5c6cb65547e5ee3))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: clear any active items when mega nav closes ([9e38fe4](https://github.com/dpc-sdp/ripple-framework/commit/9e38fe4b8d9b91a476b378b912961c7f7abea495))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: define core icons by whitelist ([fcc1064](https://github.com/dpc-sdp/ripple-framework/commit/fcc10649f67616b83d89f71d1e1dfbebf3b8220f))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: fix primary nav pushing down page content ([45202ac](https://github.com/dpc-sdp/ripple-framework/commit/45202acce7881b79160cc5d34970de27d4d9dffc))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: fix sprite sheet implementation, start work on inline svg ([d47fd24](https://github.com/dpc-sdp/ripple-framework/commit/d47fd24f897c81494026fe2525090a3f0b71ed9a))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: hide primary nav when not scrolled to top of page ([933ec9a](https://github.com/dpc-sdp/ripple-framework/commit/933ec9a78acbd7309fd9a48a1c97b455855ed45a))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: implement mobile breadcrumb ([a51f805](https://github.com/dpc-sdp/ripple-framework/commit/a51f8050f391daf00b9e2214a9f5b387614a35c9))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: lock viewport when primary nav is expanded ([6a208a1](https://github.com/dpc-sdp/ripple-framework/commit/6a208a197bcdc39c2f41cd52cec23177840dd390))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: mobile mega nav now only shows active column ([1756fdd](https://github.com/dpc-sdp/ripple-framework/commit/1756fdd3341a0e9828ee282b26a200dcb22c1b97))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: open vertical-nav items if they are active during setup ([d88deee](https://github.com/dpc-sdp/ripple-framework/commit/d88deee69532c03c3cc32c7b126473482043ad65))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: reduce elevated to icon on bp-s ([3e2d895](https://github.com/dpc-sdp/ripple-framework/commit/3e2d8956e66e25671ccc11f671ddcecee4fb0d47))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: remove figma generated tokens and add core variables ([add0d84](https://github.com/dpc-sdp/ripple-framework/commit/add0d846f52744a347d9eca9c5e234768aa3ec7f))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: reversed bg on variant canvas ([5f96941](https://github.com/dpc-sdp/ripple-framework/commit/5f9694122f6a7f4c69d977fccb814e2f09e4850a))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: set global default color ([e875c44](https://github.com/dpc-sdp/ripple-framework/commit/e875c44b8eb992ecf19976ee11a59f9e88e80a3d))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: set outline: 0 in focusable utility ([71ea4b1](https://github.com/dpc-sdp/ripple-framework/commit/71ea4b1dd1b579b5e6a39f05a0ed2bb9bd3125a0))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: setup 'back' button and other minor improvements ([50e2aeb](https://github.com/dpc-sdp/ripple-framework/commit/50e2aebcb430d411ccdf922dc5dcd91d6119087e))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: setup collapsible vertical nav items ([9cbde01](https://github.com/dpc-sdp/ripple-framework/commit/9cbde01d87e17271c911afa0cb1a675fd82625f3))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: start to add mega menu setup ([ff37d23](https://github.com/dpc-sdp/ripple-framework/commit/ff37d236994c49e34165f01e2ffa84a7284b5db2))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: start to add mobile navbar items ([3bbb3b0](https://github.com/dpc-sdp/ripple-framework/commit/3bbb3b0e5c7890ab787639c35a9a96718b9a406c))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: start to add story for variants ([6d236bf](https://github.com/dpc-sdp/ripple-framework/commit/6d236bff1f0761e52c88d52a4558e20d2b33c146))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: start to wire up utility class stories ([6596ad5](https://github.com/dpc-sdp/ripple-framework/commit/6596ad5b45c71dfffd4e4f67539cac19bb607327))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: styling tweaks for accordion, ready to QA ([c2e6eee](https://github.com/dpc-sdp/ripple-framework/commit/c2e6eee69bb18f6fbd9fe1ee7d960cdf780eb2a1))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: update button component to use design tokens and svg icons ([6e93956](https://github.com/dpc-sdp/ripple-framework/commit/6e93956cf37ec87634cb7ab6a958ada35e9348c5))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: update styelint to work with our utility classes ([225dc64](https://github.com/dpc-sdp/ripple-framework/commit/225dc6414e2987f88215cbc1d2241fce62c307aa))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: use rpl-list in contact ([2b01817](https://github.com/dpc-sdp/ripple-framework/commit/2b018170331d14076e33e473ea02c2ba188d5ae5))
-- **@dpc-sdp/ripple-ui-core:** :test_tube: add storybook component test addons ([d2dc75f](https://github.com/dpc-sdp/ripple-framework/commit/d2dc75fd1d8d87308f0560ca8ebd73f6bad2350b))
-- **@dpc-sdp/ripple-ui-core:** "inline" header menu icons to wrap with text ([b148f34](https://github.com/dpc-sdp/ripple-framework/commit/b148f34203c9de29f4c99297439648e6ea5cdb0f))
-- **@dpc-sdp/ripple-ui-core:** ✨ adds typography utilities and bps ([cc40753](https://github.com/dpc-sdp/ripple-framework/commit/cc40753e76a4659e86a4dc0d6019b7b5d8eac3ee))
-- **@dpc-sdp/ripple-ui-core:** add ability to sync design tokens from figma ([4bd7206](https://github.com/dpc-sdp/ripple-framework/commit/4bd7206aba4f38999bf56448ec8b877106ac4493))
-- **@dpc-sdp/ripple-ui-core:** add ability to sync design tokens from figma ([07d51da](https://github.com/dpc-sdp/ripple-framework/commit/07d51dafd644bfad3dc24fea01df57f4c0b416e8))
-- **@dpc-sdp/ripple-ui-core:** add base file component ([bab03ab](https://github.com/dpc-sdp/ripple-framework/commit/bab03ab33c382679e99d788a10b3c7f88976f017))
-- **@dpc-sdp/ripple-ui-core:** add campaign banner component ([25ec8c1](https://github.com/dpc-sdp/ripple-framework/commit/25ec8c1a2eeec8c57d322e269a178c61f1dac24d))
-- **@dpc-sdp/ripple-ui-core:** add example tables to test content ([25c4535](https://github.com/dpc-sdp/ripple-framework/commit/25c45352f31d1cb771005a2855a3d9b40d2db501))
-- **@dpc-sdp/ripple-ui-core:** add image fit ([7f07cfe](https://github.com/dpc-sdp/ripple-framework/commit/7f07cfe192f33bceec0d8af84ff5b71d028af690))
-- **@dpc-sdp/ripple-ui-core:** add image type ([f413290](https://github.com/dpc-sdp/ripple-framework/commit/f413290a7d7306f4ec67d183d17fde6267b95c7d))
-- **@dpc-sdp/ripple-ui-core:** add images to storybook ([cff509d](https://github.com/dpc-sdp/ripple-framework/commit/cff509d0675d97e7ee200d84b39846f01e5e8c54))
-- **@dpc-sdp/ripple-ui-core:** add landing page layout with campaign banners ([9aead04](https://github.com/dpc-sdp/ripple-framework/commit/9aead0458330a20e08f23bb75bfa2e7152a8daf2))
-- **@dpc-sdp/ripple-ui-core:** add page action component ([13e1e38](https://github.com/dpc-sdp/ripple-framework/commit/13e1e38e4796176b920d29b259f7050da9476010))
-- **@dpc-sdp/ripple-ui-core:** add page action component ([d587187](https://github.com/dpc-sdp/ripple-framework/commit/d58718799a746933c3d8e96e1399b27d1018dfe4))
-- **@dpc-sdp/ripple-ui-core:** add postcss-each, move postcss-for to dev dependencies ([5e46440](https://github.com/dpc-sdp/ripple-framework/commit/5e46440640196c433af007a712d0f23bae3bbb04))
-- **@dpc-sdp/ripple-ui-core:** add role to svg graphic, add alt support for logo ([d29862b](https://github.com/dpc-sdp/ripple-framework/commit/d29862bcb55b10d1af8ced774788ccd80f7b3306))
-- **@dpc-sdp/ripple-ui-core:** add secondary classes ([dc5cb1e](https://github.com/dpc-sdp/ripple-framework/commit/dc5cb1e2b1135da187157971ddfee6aa9f767bda))
-- **@dpc-sdp/ripple-ui-core:** added new alpha token for search bar ([ea50620](https://github.com/dpc-sdp/ripple-framework/commit/ea5062082ea9711912ea8e3f96ff753b2f9213b3))
-- **@dpc-sdp/ripple-ui-core:** added responsive collapsible footer nav sections ([db98e4d](https://github.com/dpc-sdp/ripple-framework/commit/db98e4d3ce9dd336702808d14f49ed7b0bb294d1))
-- **@dpc-sdp/ripple-ui-core:** added simple css column layout for the nav sections ([b3f9464](https://github.com/dpc-sdp/ripple-framework/commit/b3f9464c3768461790baa8db5e9f53d680af78d9))
-- **@dpc-sdp/ripple-ui-core:** added the variable column solution that was requested ([e9ee4d9](https://github.com/dpc-sdp/ripple-framework/commit/e9ee4d9803474d91448bf4060e0dcd26ea2d5277))
-- **@dpc-sdp/ripple-ui-core:** adding base wysiwyg table styles ([02947ec](https://github.com/dpc-sdp/ripple-framework/commit/02947ec4baf4a1aead133ce2973b04fde7db1fe3))
-- **@dpc-sdp/ripple-ui-core:** adjusted search bar padding ([97ae308](https://github.com/dpc-sdp/ripple-framework/commit/97ae308d9b17263d623fae44f321fc7cc34b69b5))
-- **@dpc-sdp/ripple-ui-core:** changed the way the inline description list is handled ([f62278b](https://github.com/dpc-sdp/ripple-framework/commit/f62278b2d807c44643dc1a94df000c7d23a64c65))
-- **@dpc-sdp/ripple-ui-core:** cleaned up footer storybook examples ([dd08ba7](https://github.com/dpc-sdp/ripple-framework/commit/dd08ba7385dcfe84c5c8410ebd32ea6d4e9daea2))
-- **@dpc-sdp/ripple-ui-core:** cleaned up the multi column code ([b9c2c79](https://github.com/dpc-sdp/ripple-framework/commit/b9c2c7930ab3e11b818f949dd3e555d335c3a8d3))
-- **@dpc-sdp/ripple-ui-core:** default caption styling ([875ccd3](https://github.com/dpc-sdp/ripple-framework/commit/875ccd3395bb869d2930c2996a1d0b6ccc7e9a7b))
-- **@dpc-sdp/ripple-ui-core:** design feedback ([efab671](https://github.com/dpc-sdp/ripple-framework/commit/efab6714a4d303c0d5a99fe4435ae920d482e999))
-- **@dpc-sdp/ripple-ui-core:** don't allow the profile image to shrink ([7e7a8d0](https://github.com/dpc-sdp/ripple-framework/commit/7e7a8d098b0ad51121b89c57b8911862581241b7))
-- **@dpc-sdp/ripple-ui-core:** ensure dividers aren't seen when heading has focus ([e0b375e](https://github.com/dpc-sdp/ripple-framework/commit/e0b375e6c5332772a3660f59d09f3a28c42cd930))
-- **@dpc-sdp/ripple-ui-core:** first pass at matching the layout styles to designs ([2a4a8c0](https://github.com/dpc-sdp/ripple-framework/commit/2a4a8c0d1286749c96655a1ef37aef42511c3b47))
-- **@dpc-sdp/ripple-ui-core:** fix file name ([02c7bd3](https://github.com/dpc-sdp/ripple-framework/commit/02c7bd3bd80dcad54a8b5a6b6cd49f107d0cffa6))
-- **@dpc-sdp/ripple-ui-core:** fix icon alignment, remove unused story components ([582323f](https://github.com/dpc-sdp/ripple-framework/commit/582323f97621ffb44872022220db5684d68eac04))
-- **@dpc-sdp/ripple-ui-core:** fix spacing when no icon is used ([e51b35d](https://github.com/dpc-sdp/ripple-framework/commit/e51b35defcd315a7f3ea70466ffa5078134abc13))
-- **@dpc-sdp/ripple-ui-core:** fix spelling ([dbf754b](https://github.com/dpc-sdp/ripple-framework/commit/dbf754be30b23ef10a9503f34d6e1dc234fcdbc5))
-- **@dpc-sdp/ripple-ui-core:** fix typescript warnings ([67ecfbe](https://github.com/dpc-sdp/ripple-framework/commit/67ecfbe82011227e28afaa82ac987d588378ceec))
-- **@dpc-sdp/ripple-ui-core:** footer feedback items ([92f7ef5](https://github.com/dpc-sdp/ripple-framework/commit/92f7ef5f1c7cc30d26f00bb6fe249bd2040e2ac3))
-- **@dpc-sdp/ripple-ui-core:** footer feedback, make columned toggles grouped ([a432dd8](https://github.com/dpc-sdp/ripple-framework/commit/a432dd806e961e032b456093eb713775067c7f03))
-- **@dpc-sdp/ripple-ui-core:** Get started with blockquote ([4bfb7b4](https://github.com/dpc-sdp/ripple-framework/commit/4bfb7b4a833d41b106295c2bb666b5108f0321e4))
-- **@dpc-sdp/ripple-ui-core:** header scaffolding ([3a8d6e8](https://github.com/dpc-sdp/ripple-framework/commit/3a8d6e80fe91bcc064e7542f8921512f346bd038))
-- **@dpc-sdp/ripple-ui-core:** improved css so that we don't need magic number percentages ([d5adafd](https://github.com/dpc-sdp/ripple-framework/commit/d5adafda031de83fe1197f1f022b1cc4871d49a6))
-- **@dpc-sdp/ripple-ui-core:** inline title, move out of wip ([360e7c6](https://github.com/dpc-sdp/ripple-framework/commit/360e7c6a8455637b7872b34291c729850f8d64d2))
-- **@dpc-sdp/ripple-ui-core:** made header and layout work nicely together ([4bcd237](https://github.com/dpc-sdp/ripple-framework/commit/4bcd2371d60a9bd9a2141cd74729d0a009d97146))
-- **@dpc-sdp/ripple-ui-core:** Make logos vertically centered ([ad3765e](https://github.com/dpc-sdp/ripple-framework/commit/ad3765e327c105d6b9ea75c446f520b060cbd047))
-- **@dpc-sdp/ripple-ui-core:** make vertical nav buttons lh/ls the same as links ([6f8f1b5](https://github.com/dpc-sdp/ripple-framework/commit/6f8f1b5adac364454c334731732c1e0609f04153))
-- **@dpc-sdp/ripple-ui-core:** matched props with ripple 1 and added support for icons in nav ([08dbd86](https://github.com/dpc-sdp/ripple-framework/commit/08dbd86ad24b0d4adce450da5f376d46c58d0050))
-- **@dpc-sdp/ripple-ui-core:** minor focus tweak and firefox fix ([cc4fee5](https://github.com/dpc-sdp/ripple-framework/commit/cc4fee57d98e819a3df05eb396293aae76a7d24e))
-- **@dpc-sdp/ripple-ui-core:** Minor package updates to test storybook CI build, update patch version ([a202be8](https://github.com/dpc-sdp/ripple-framework/commit/a202be83b777250af7a6511a57179fed6cc18f91))
-- **@dpc-sdp/ripple-ui-core:** missing t ([5f812e0](https://github.com/dpc-sdp/ripple-framework/commit/5f812e0eb6e807fa5a6515bc97ff6fcaed5c88d6))
-- **@dpc-sdp/ripple-ui-core:** more fixed sizing for large screens ([09a936e](https://github.com/dpc-sdp/ripple-framework/commit/09a936e2ba182337ccb6e310b50231d2fe257ce4))
-- **@dpc-sdp/ripple-ui-core:** move campaign banners to main landing page template story ([0e0c4bb](https://github.com/dpc-sdp/ripple-framework/commit/0e0c4bb02ca5905c74059daa578f76740be22fab))
-- **@dpc-sdp/ripple-ui-core:** move js breakpoints to seperate file ([f1f1c48](https://github.com/dpc-sdp/ripple-framework/commit/f1f1c48ec4b8564433b1853ecaa705f38aa2e1a0))
-- **@dpc-sdp/ripple-ui-core:** new bottom padding value, repeat quote icon per paragraph ([143a17d](https://github.com/dpc-sdp/ripple-framework/commit/143a17d553810898839d2746c6a72c70a031ec0a))
-- **@dpc-sdp/ripple-ui-core:** new class supplied, remove max-width, inline-block focusable element ([e142286](https://github.com/dpc-sdp/ripple-framework/commit/e142286eb275ba4db1b506083b85c6edda4cf950))
-- **@dpc-sdp/ripple-ui-core:** no go on block style for focusable state ([f48d21f](https://github.com/dpc-sdp/ripple-framework/commit/f48d21f6f0c61650eb9e34aeddf4ab6c1368adca))
-- **@dpc-sdp/ripple-ui-core:** Opt for more classes ([1716661](https://github.com/dpc-sdp/ripple-framework/commit/17166619c2ca879a0bd503fab4b5c4bdbc5da17b))
-- **@dpc-sdp/ripple-ui-core:** prepare the layout for page header component ([94179e3](https://github.com/dpc-sdp/ripple-framework/commit/94179e314df9f8b20c4d931a5db159ae35588009))
-- **@dpc-sdp/ripple-ui-core:** Remove height/width from svg, 'use' icon for blockquote, use :where for zero specificity on rpl-content elements, update icon output paths, add basic svg docs ([28a2165](https://github.com/dpc-sdp/ripple-framework/commit/28a216541201c884337654001656e71ee1b503ee))
-- **@dpc-sdp/ripple-ui-core:** remove line-height ([a2229a1](https://github.com/dpc-sdp/ripple-framework/commit/a2229a1402177029a9adeb6b0550d87a03ec8ab0))
-- **@dpc-sdp/ripple-ui-core:** remove table scroll text (for now) ([e7f5e4f](https://github.com/dpc-sdp/ripple-framework/commit/e7f5e4f4f51ea8cad94052914396528ba5fefe5e))
-- **@dpc-sdp/ripple-ui-core:** set example pattern fills with custom properties ([85c117e](https://github.com/dpc-sdp/ripple-framework/commit/85c117e4313caa2ae2cafcaecc6f83f73d18b3d3))
-- **@dpc-sdp/ripple-ui-core:** set flag height ([fad75b0](https://github.com/dpc-sdp/ripple-framework/commit/fad75b0c46deb1c4eb3b6c522d4e8cf370f4a158))
-- **@dpc-sdp/ripple-ui-core:** slotify the default content ([e097880](https://github.com/dpc-sdp/ripple-framework/commit/e09788034d417f752d3c62ede418b032d16eb61f))
-- **@dpc-sdp/ripple-ui-core:** Start acknowledgement component ([9f7ba48](https://github.com/dpc-sdp/ripple-framework/commit/9f7ba485a96eb2241b7c48cdd01c634635464131))
-- **@dpc-sdp/ripple-ui-core:** structure and style updates for header ([829284e](https://github.com/dpc-sdp/ripple-framework/commit/829284e66b5627c54945f20c25af46a885e494de))
-- **@dpc-sdp/ripple-ui-core:** switch to file\_\_meta classes ([4702fd6](https://github.com/dpc-sdp/ripple-framework/commit/4702fd67f9eee146e8ef2494f758b31e9646fd4a))
-- **@dpc-sdp/ripple-ui-core:** switch to rgba due to mix-blend-mode bug in safari ([a70d897](https://github.com/dpc-sdp/ripple-framework/commit/a70d89769dfa7da5bc10837415bf87d720b98655))
-- **@dpc-sdp/ripple-ui-core:** temporarily remove accordion from landing page content ([f07b0da](https://github.com/dpc-sdp/ripple-framework/commit/f07b0da40d9e02f533df5a40f7ab3a4129ca675a))
-- **@dpc-sdp/ripple-ui-core:** Update content margin for large screens ([9770c84](https://github.com/dpc-sdp/ripple-framework/commit/9770c8400bff08f6561ad4d3d52e511f2afa3a5e))
-- **@dpc-sdp/ripple-ui-core:** Update flags and add border in CSS ([e2f1338](https://github.com/dpc-sdp/ripple-framework/commit/e2f133857ce38849f911917874139255a4564613))
-- **@dpc-sdp/ripple-ui-core:** updating stories, trialing corner patterns, plugging values ([8dfd464](https://github.com/dpc-sdp/ripple-framework/commit/8dfd4640a6dd35acde85cbeba53a2a606a9cdb93))
-- **@dpc-sdp/ripple-ui-core:** use aspect name as prop ([5fb9e13](https://github.com/dpc-sdp/ripple-framework/commit/5fb9e1371c9d5d0563ead15aa4fc42e52a788a60))
-- **@dpc-sdp/ripple-ui-core:** Use flex-start for better support in acknowledgement ([623990e](https://github.com/dpc-sdp/ripple-framework/commit/623990e58e33b63bd27013bdb52dc4dc01bd0b54))
-- **@dpc-sdp/ripple-ui-core:** Use local variable for misc width ([f401b5d](https://github.com/dpc-sdp/ripple-framework/commit/f401b5d8fe967162fe17c706f4ff91e082b8f18b))
-- **@dpc-sdp/ripple-ui-core:** use medium breakpoint for content margin ([8f58bf0](https://github.com/dpc-sdp/ripple-framework/commit/8f58bf02c50bb311f92a7b95cb7c5801b62a58aa))
-- **@dpc-sdp/ripple-ui-core:** use medium breakpoint for content margin ([b008872](https://github.com/dpc-sdp/ripple-framework/commit/b00887291e613202f97a278e46b523aba46ebaf0))
-- **@dpc-sdp/ripple-ui-core:** Use rem for width, import svgs. ([5ae33b5](https://github.com/dpc-sdp/ripple-framework/commit/5ae33b588b7f3ef1b050e6ac860bd6a0a2bcef6c))
-- **@dpc-sdp/ripple-ui-core:** use rpl-image in other components ([d4389ab](https://github.com/dpc-sdp/ripple-framework/commit/d4389abd3119424ffce39ebe5ca82033f95de83e))
-- **@dpc-sdp/ripple-ui-core:** use RplImage for the logo links in footer ([bab4a6a](https://github.com/dpc-sdp/ripple-framework/commit/bab4a6aa320e4cbd0c9e133bb603297ca0b07dca))
-- **@dpc-sdp/ripple-ui-core:** use slot args ([55cfdfb](https://github.com/dpc-sdp/ripple-framework/commit/55cfdfba72fd6164ec69c80977e680041e9ba878))
-- **@dpc-sdp/ripple-ui-core:** use svg in vue component for now as fill is striped from svgs ([f8d3608](https://github.com/dpc-sdp/ripple-framework/commit/f8d3608d7e0d102933f3dd4813515be7611936a3))
-- **@dpc-sdp/ripple-ui-core:** wip commit for more balanced footer columns ([71cf74d](https://github.com/dpc-sdp/ripple-framework/commit/71cf74d4d3a35d3a32c0f25d74b96fef11a3ea7b))
-- **@dpc-sdp/ripple-ui-core:** wip header action, links, etc ([96d3a62](https://github.com/dpc-sdp/ripple-framework/commit/96d3a62314f4fc79dfde610717a0f53237d70b8f))
-- **@dpc-sdp/ripple-ui-core:** wip, aspect ratios, srcset, focal points ([ed4f602](https://github.com/dpc-sdp/ripple-framework/commit/ed4f602d2615bb37f305c787d2c4df7d600c3d63))
-- **@dpc-sdp/ripple-ui-forms:** :building_construction: move storybook to project root, add forms ([578f8c9](https://github.com/dpc-sdp/ripple-framework/commit/578f8c92904e5f05f24ec1d8cb0646af13a32a43))
-
-### Performance Improvements
-
-- **@dpc-sdp/ripple-ui-core:** :fire: remove WIP 'nav-primary' component ([9a9d06d](https://github.com/dpc-sdp/ripple-framework/commit/9a9d06d0d3e2313c429a4d1241060c0e46335c05))
-- **@dpc-sdp/ripple-ui-core:** :recycle: replace unused token ([5962a39](https://github.com/dpc-sdp/ripple-framework/commit/5962a39b551960cc4b8c3e307ed88b3071000e6b))
-- **@dpc-sdp/ripple-ui-core:** :zap: rework classlist ([bb2c0e3](https://github.com/dpc-sdp/ripple-framework/commit/bb2c0e39eef8cee4c016d24e73d28818401af97a))
-
-### Reverts
-
-- **@dpc-sdp/ripple-ui-core:** :rewind: fix regression in color stories ([3f3572f](https://github.com/dpc-sdp/ripple-framework/commit/3f3572f687dc30f61f5da967f5b1bfaedf2c8760))
-- **@dpc-sdp/ripple-ui-core:** :rewind: revert change on breadcrumb line spacing ([b3818bd](https://github.com/dpc-sdp/ripple-framework/commit/b3818bd6f3c0107caf378d39c212d5eeebadac95))
-- **@dpc-sdp/ripple-ui-core:** :rewind: revert changes to ui components ([e5e422f](https://github.com/dpc-sdp/ripple-framework/commit/e5e422f2b36bdff174d4a6cad39f0537d41e1e07))
-- **@dpc-sdp/ripple-ui-core:** :rewind: revert to import breakpoints ([23b4c6e](https://github.com/dpc-sdp/ripple-framework/commit/23b4c6ed4cce63ad585aaa861ee052fc409c2549))
-- **@dpc-sdp/ripple-ui-core:** removed the unneeded 1px margin from the file icon ([f25b39e](https://github.com/dpc-sdp/ripple-framework/commit/f25b39ee9b586094a0e40d77b4cc565e99c68eaf))
-- **@dpc-sdp/ripple-ui-core:** revert content prop ([c79b30c](https://github.com/dpc-sdp/ripple-framework/commit/c79b30cf5cc665113458c59884e27719bf561726))
-
-# [2.0.0-alpha.2](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.0-alpha.1...v2.0.0-alpha.2) (2022-11-04)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# [2.0.0-alpha.1](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.0-alpha.0...v2.0.0-alpha.1) (2022-11-04)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-core
-
-# 2.0.0-alpha.0 (2022-11-04)
-
-### Bug Fixes
-
-- **@dpc-sdp/ripple-tide-api:** fixed sidebar slot check on server side ([0e1dfe3](https://github.com/dpc-sdp/ripple-framework/commit/0e1dfe37912643f97922a48d9dff8f7e25d22e3e))
-- **@dpc-sdp/ripple-ui-core:** :art: add more design tokens from figma ([69f5fff](https://github.com/dpc-sdp/ripple-framework/commit/69f5fffffda4eb9dc9e6bbb77a4d3032bdc3b5fd))
-- **@dpc-sdp/ripple-ui-core:** :art: updates variable value on resize ([6d71c8d](https://github.com/dpc-sdp/ripple-framework/commit/6d71c8deb257426fdb5e97968511926ef9cc0708))
-- **@dpc-sdp/ripple-ui-core:** :bug: add missing jest addon dep ([4f8cb2c](https://github.com/dpc-sdp/ripple-framework/commit/4f8cb2c3cca073a3e07409913a88141ef56a82e4))
-- **@dpc-sdp/ripple-ui-core:** :bug: add missing word 'fixed' to h2 type story ([6b96bee](https://github.com/dpc-sdp/ripple-framework/commit/6b96beea4ce6b95a9d790adc3bc1efd918637332))
-- **@dpc-sdp/ripple-ui-core:** :bug: add stylelint rule to allow bem selectors ([a336481](https://github.com/dpc-sdp/ripple-framework/commit/a336481781a7c2462579d531032dc34a76494895))
-- **@dpc-sdp/ripple-ui-core:** :bug: adds check for client context for dynamic import of component ([ea459ce](https://github.com/dpc-sdp/ripple-framework/commit/ea459ce3f96a38f3ae9daec6f787639f937f8bd6))
-- **@dpc-sdp/ripple-ui-core:** :bug: change back to using the prop name ([acbb862](https://github.com/dpc-sdp/ripple-framework/commit/acbb862485811c7c24a73c96568b041502278706))
-- **@dpc-sdp/ripple-ui-core:** :bug: export css source so that it can be used in postcss workflows ([eb4e445](https://github.com/dpc-sdp/ripple-framework/commit/eb4e44573d85edeb9cf39f7bcdcf6410aec491cd))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix 1px content jitter ([2dddd4f](https://github.com/dpc-sdp/ripple-framework/commit/2dddd4f2ff85dfc9098b1a2078041d8247835b28))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix a typo in the accordion story ([11428c0](https://github.com/dpc-sdp/ripple-framework/commit/11428c0d787dfaff85c39c777da857c3caf321e2))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix additional semicolon in var output ([6b7836e](https://github.com/dpc-sdp/ripple-framework/commit/6b7836e1f889c7e0cda3d36571c587acd68336a6))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix back button text sometimes showing wrong text ([d2e3296](https://github.com/dpc-sdp/ripple-framework/commit/d2e3296ae523f618a851b58023132e2472125fd6))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix build error and svg icon not rendering ([d3c1f89](https://github.com/dpc-sdp/ripple-framework/commit/d3c1f89984b5cd95e6bcab3e8fbd499129574bd9))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix button icon defaulting to left side ([c33d5a0](https://github.com/dpc-sdp/ripple-framework/commit/c33d5a063eab7d76895eec8abea2ebd0d52ef8ad))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix button icon not being styled ([b144d9f](https://github.com/dpc-sdp/ripple-framework/commit/b144d9f46c2242529988969cceeccd90da1cabed))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix default color in icon story ([db3e477](https://github.com/dpc-sdp/ripple-framework/commit/db3e4778ee97d2a59e1088c83706ca133637913d))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix desktop section title empty column ([b09ed7f](https://github.com/dpc-sdp/ripple-framework/commit/b09ed7fc216f21450fd53bcda6b9651e4af0378f))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix empty userAction slot appearing ([cc58546](https://github.com/dpc-sdp/ripple-framework/commit/cc5854669648337f48772e06d864a1eabdacba60))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix focusable inline having double line ([7e5c4b3](https://github.com/dpc-sdp/ripple-framework/commit/7e5c4b34c773848258d05318015341b9fa3a177d))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix focusable with no border ([d13775e](https://github.com/dpc-sdp/ripple-framework/commit/d13775e98dc13e157e558c3b8cb2880f4acb96af))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix horizontal scroll appearing on windows ([cc0e898](https://github.com/dpc-sdp/ripple-framework/commit/cc0e89823216c29aefb409ccc1ce7c51bdc33151))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix hover and transition ([bca8ffe](https://github.com/dpc-sdp/ripple-framework/commit/bca8ffe916aa527f07f79da43d8dc127133c3357))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix icon alignment ([856cc33](https://github.com/dpc-sdp/ripple-framework/commit/856cc33c56740c88ac2439a4154fe1b4bd3ab0f1))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix in page nav focus style ([4e63eb4](https://github.com/dpc-sdp/ripple-framework/commit/4e63eb41aa5dde51394cc18ada46ceafb6f6d24c))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix inconsistent column widths ([f7607d7](https://github.com/dpc-sdp/ripple-framework/commit/f7607d7c529a6a6f3a8fa11ac26ce8ca95a14f0e))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix incorrect padding for h3 highlight fixed ([99a92d5](https://github.com/dpc-sdp/ripple-framework/commit/99a92d5c9def7bf7e3b7fd82063cc040cc1996d4))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix incorrect path ([ebfcf83](https://github.com/dpc-sdp/ripple-framework/commit/ebfcf83598e1e943c689ca8c6c0b32e097f72d74))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix level 1 mega nav col incorrect width ([83345b7](https://github.com/dpc-sdp/ripple-framework/commit/83345b7bdc2ea662e86b58307ec700951af1752d))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix media queries not working in rpl-content ([f370256](https://github.com/dpc-sdp/ripple-framework/commit/f3702561213fed7acce55f0db00a954ecdddf501))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix mega nav back button going all the way back ([3508723](https://github.com/dpc-sdp/ripple-framework/commit/35087238df860fea26c268711d2b5d2c3d293d51))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix menu divider appearing if search is disabled ([ffdee2d](https://github.com/dpc-sdp/ripple-framework/commit/ffdee2d82544220974ddeefb8277bb4953715669))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix missing closing bracket ([1de9aed](https://github.com/dpc-sdp/ripple-framework/commit/1de9aed2119464acb0708a01b5253610bfcf0494))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix missing focusable class on mega menu items ([cdbc215](https://github.com/dpc-sdp/ripple-framework/commit/cdbc21517819bb53c0f8ba6fc3e6f54bae602a6c))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix nav content being visible before transition has finished ([cae2a58](https://github.com/dpc-sdp/ripple-framework/commit/cae2a583db23ea98038c84bed8bcf3e00116ed71))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix nav items clearing when mega nav opens ([33f01f5](https://github.com/dpc-sdp/ripple-framework/commit/33f01f57f1c23244132abc9e28a9cd56cdaf1525))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix nested list top padding in rpl-content ([f805b52](https://github.com/dpc-sdp/ripple-framework/commit/f805b52195aa8d014d4e06e88448922bb38cc5c9))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix onresize handler ([fb62d12](https://github.com/dpc-sdp/ripple-framework/commit/fb62d12a7c1a7dc3bc59defa2b7a3c2be98f770b))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix path resolve in svg utils ([4db7679](https://github.com/dpc-sdp/ripple-framework/commit/4db76790a00e9caff3daba0de6acb8f93af6476a))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix repeated links not working ([9de6a45](https://github.com/dpc-sdp/ripple-framework/commit/9de6a457cfdbadc758e53e3556adb398a95a93e4))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix storybook css asset path ([6e25f48](https://github.com/dpc-sdp/ripple-framework/commit/6e25f482f947f09b8323960b62970be3cf407e6b))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix token asset path ([efac283](https://github.com/dpc-sdp/ripple-framework/commit/efac2830f0a4323c6a98294a0d47b8500e6f9751)), closes [#35](https://github.com/dpc-sdp/ripple-framework/issues/35)
-- **@dpc-sdp/ripple-ui-core:** :bug: fix top margins not working on rpl-content children ([4c58545](https://github.com/dpc-sdp/ripple-framework/commit/4c5854566c008d21702045d4217fc7a6c8edf059))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix ul and ol in rpl-content ([7b70629](https://github.com/dpc-sdp/ripple-framework/commit/7b7062991c1758e1947a1b77bbef30c9959bb20e))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix vertical-nav width on mobile ([68618a9](https://github.com/dpc-sdp/ripple-framework/commit/68618a97b198d215a39d17e10bf8d40bdfdeb951))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix wc import ([fcbb22e](https://github.com/dpc-sdp/ripple-framework/commit/fcbb22e26a5d3793880bfdfac412ba1b0ad302fd))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix white button border ([3d91856](https://github.com/dpc-sdp/ripple-framework/commit/3d91856efddb3d36e08f68d4c994ad528533b66e))
-- **@dpc-sdp/ripple-ui-core:** :bug: fixed breadcrumbs not truncating with ellipsis on small screen ([ac1a750](https://github.com/dpc-sdp/ripple-framework/commit/ac1a750b6d60e3d5fbaf7e7e75d0a7f1c7c23b93))
-- **@dpc-sdp/ripple-ui-core:** :bug: fixed broken icon colours after focus state change ([5680d72](https://github.com/dpc-sdp/ripple-framework/commit/5680d72e6b09b8fe00eda3fb9fc78a714583e469))
-- **@dpc-sdp/ripple-ui-core:** :bug: fixed rounded focus outline on safari ([029eb02](https://github.com/dpc-sdp/ripple-framework/commit/029eb022286c796705969fef43605b5196eaa9d2))
-- **@dpc-sdp/ripple-ui-core:** :bug: properly deal with missing multiline ([062ddb4](https://github.com/dpc-sdp/ripple-framework/commit/062ddb426919b3789fd68f2c01d5cfd28becdef0))
-- **@dpc-sdp/ripple-ui-core:** :bug: remove hardcoded fill from search svg ([d84825b](https://github.com/dpc-sdp/ripple-framework/commit/d84825bdca73f190392ebebc16f0b4089e6ff22c))
-- **@dpc-sdp/ripple-ui-core:** :bug: remove typo ([7e2b0a7](https://github.com/dpc-sdp/ripple-framework/commit/7e2b0a7cbc5590cfc4ea74d7ef3bcdf95332a388))
-- **@dpc-sdp/ripple-ui-core:** :bug: reorder subtitle display ([f45b200](https://github.com/dpc-sdp/ripple-framework/commit/f45b2009009af4f263cc6cd22de3135e9fb4d4ad))
-- **@dpc-sdp/ripple-ui-core:** :bug: stylelint forced the wrong specificity ([01677ec](https://github.com/dpc-sdp/ripple-framework/commit/01677ec7a41389eef05fc0107680caa0dc26e5e8))
-- **@dpc-sdp/ripple-ui-core:** :bug: tweak header offset to match designs ([06a39cd](https://github.com/dpc-sdp/ripple-framework/commit/06a39cd9b633479a1ca357e4e7ff3ca20925a814))
-- **@dpc-sdp/ripple-ui-core:** :bug: typo in width var ([0ff785a](https://github.com/dpc-sdp/ripple-framework/commit/0ff785afd9a66839bd0cb651b72c558b2544a080))
-- **@dpc-sdp/ripple-ui-core:** :bug: update vertical nav layout story data ([cafec8e](https://github.com/dpc-sdp/ripple-framework/commit/cafec8e478c9b64af321c71dd622403e280fdbf4))
-- **@dpc-sdp/ripple-ui-core:** :bug: use right jest types, fix ts errors ([ae8129d](https://github.com/dpc-sdp/ripple-framework/commit/ae8129d21be94f31ad7645fac65a018464e7e224))
-- **@dpc-sdp/ripple-ui-core:** :construction_worker: import css directly in storybook ([7ea1b42](https://github.com/dpc-sdp/ripple-framework/commit/7ea1b42a94d666f9f932a8c8992fe0381b37afc5))
-- **@dpc-sdp/ripple-ui-core:** :fire: remove button styles specificly for storybook ([915a00c](https://github.com/dpc-sdp/ripple-framework/commit/915a00cd99acf82998033f826e5cbd1339a7596c))
-- **@dpc-sdp/ripple-ui-core:** :fire: remove quotation-mark icon ([533063f](https://github.com/dpc-sdp/ripple-framework/commit/533063fa95fbc1e96d82b3cc4eb5a2e77f48375a))
-- **@dpc-sdp/ripple-ui-core:** :green_heart: rename to match current naming scheme ([4869a92](https://github.com/dpc-sdp/ripple-framework/commit/4869a9203f64aff32e23d8632d3082fe41e2b985))
-- **@dpc-sdp/ripple-ui-core:** :green_heart: use getByText for axecore check ([ec072d4](https://github.com/dpc-sdp/ripple-framework/commit/ec072d40af890f28875649ed665abd71cdff3120))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add focusable inline to accordion toggle all ([cb4e1a8](https://github.com/dpc-sdp/ripple-framework/commit/cb4e1a840381857f2a1dd182db07868490a430f4))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add focusable--inline class to alert close ([be1f633](https://github.com/dpc-sdp/ripple-framework/commit/be1f633947a3c28aca744830b33d7d6184b268f8))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add margin reset for headings ([7a2b0ad](https://github.com/dpc-sdp/ripple-framework/commit/7a2b0ad9073f4418e22c1cc8ab9ee756e8cfc944))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: adjust button styles as per feedback ([615afef](https://github.com/dpc-sdp/ripple-framework/commit/615afef268f189e1c8303e9805253a291bebe437))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: border already excluded in dimension calcs ([6b7e8dc](https://github.com/dpc-sdp/ripple-framework/commit/6b7e8dc8f28510ba255ac6bee82aad02ddeeb857))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: fix highlight text not wrapping properly ([e9b4351](https://github.com/dpc-sdp/ripple-framework/commit/e9b43512b88f5804665d01cf67cf1c881dd834d0))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: fix profile image element overflow ([427ca14](https://github.com/dpc-sdp/ripple-framework/commit/427ca14ce939bffba02779972e5e339f04de60b6))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: fixed focus style to prevent clashing with elements borders ([71cc95e](https://github.com/dpc-sdp/ripple-framework/commit/71cc95e521c15a2256997e11dcae313676f1543b))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: include rpl-icon in focusable styling ([98c4baf](https://github.com/dpc-sdp/ripple-framework/commit/98c4baf41f5984f2662d3a1af376c54f5dc2edca))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: keep link height in breadcrumbs ([b39be72](https://github.com/dpc-sdp/ripple-framework/commit/b39be72d21b4ddd84735ebf4820c93122ea8991f))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: remove border from accordion height ([672e0d0](https://github.com/dpc-sdp/ripple-framework/commit/672e0d0188fc3739d6dcfa76710dfd012bcfca1c))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: remove unused icon-and-text styles ([1452b72](https://github.com/dpc-sdp/ripple-framework/commit/1452b72ce11ce213382e92ee057777814e9f3768))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: spacing tweak to search icon on mobile ([edd1bfe](https://github.com/dpc-sdp/ripple-framework/commit/edd1bfe698e648a0dc93a829f186dc7c8568444f))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: tweak column offsets to have consistent spacing ([dfb76da](https://github.com/dpc-sdp/ripple-framework/commit/dfb76dafa2ab1f0192fdf5d479d286266cf3206d))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: tweak icon alignment in userAction story ([fef571c](https://github.com/dpc-sdp/ripple-framework/commit/fef571c017bbb834ef6cfb7627789a4ea43a12d4))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: tweaks to mobile mega nav ([dd2979c](https://github.com/dpc-sdp/ripple-framework/commit/dd2979c2c9621f3146e23b69704f1e29753be850))
-- **@dpc-sdp/ripple-ui-core:** :memo: fix typo in grid story ([786a510](https://github.com/dpc-sdp/ripple-framework/commit/786a510841d3639210e20eafaf239dd89ff9a5a0))
-- **@dpc-sdp/ripple-ui-core:** :recycle: refactor to use icon and text ([49e9ab3](https://github.com/dpc-sdp/ripple-framework/commit/49e9ab3700d48f3505400d4b4f60817f6b0e8ec8))
-- **@dpc-sdp/ripple-ui-core:** :truck: update color variable naming in type highlight ([e487e01](https://github.com/dpc-sdp/ripple-framework/commit/e487e0163a2eefb04a62f74137fa51ddc0bea3c4))
-- **@dpc-sdp/ripple-ui-core:** :truck: update interactions location, sb namespace ([654e641](https://github.com/dpc-sdp/ripple-framework/commit/654e6414a3e2fb0076cbce466eb27686bddb70c5))
-- **@dpc-sdp/ripple-ui-core:** :truck: update interactions path, sb namespace ([53e005f](https://github.com/dpc-sdp/ripple-framework/commit/53e005fbe1f36fb48289117d9662b702abafde65))
-- **@dpc-sdp/ripple-ui-core:** :white_check_mark: fix test flakiness due to not awaiting result ([cfd7a71](https://github.com/dpc-sdp/ripple-framework/commit/cfd7a713dc3e8c28b9b485d512fb0082c8fec7b2))
-- **@dpc-sdp/ripple-ui-core:** Add align-items: center ([a140130](https://github.com/dpc-sdp/ripple-framework/commit/a140130b812d7d4e08f96d529c2bf9e3b316309e))
-- **@dpc-sdp/ripple-ui-core:** added breakpoints for neutral footer ([9816ab9](https://github.com/dpc-sdp/ripple-framework/commit/9816ab9b3fc04b9d0488ca247b5280d037d88b10))
-- **@dpc-sdp/ripple-ui-core:** added breakpoints import to stats grid ([94b9de9](https://github.com/dpc-sdp/ripple-framework/commit/94b9de9a426ac59d3df3bdb62a7458cca49192cb))
-- **@dpc-sdp/ripple-ui-core:** added delay to chromatic for footer story ([914885a](https://github.com/dpc-sdp/ripple-framework/commit/914885a317d1436871e3c9268b71f2c53e3c7d1c))
-- **@dpc-sdp/ripple-ui-core:** added delay to test fix for rpl-image chromatic test ([82923f5](https://github.com/dpc-sdp/ripple-framework/commit/82923f54737422b55b2505c9d7941b3df3349780))
-- **@dpc-sdp/ripple-ui-core:** added missing import ([45bce0d](https://github.com/dpc-sdp/ripple-framework/commit/45bce0d8e8571a0ad46a19c3c898db87c9a82f71))
-- **@dpc-sdp/ripple-ui-core:** added proper breakpoints for footer in chromatic ([6557c79](https://github.com/dpc-sdp/ripple-framework/commit/6557c79bf078a28941c22054cce757c45c1d1eac))
-- **@dpc-sdp/ripple-ui-core:** addresses UI feedback, set alert height on component mount ([f4020a4](https://github.com/dpc-sdp/ripple-framework/commit/f4020a461d50410e5d367ea263722029f0e423a6))
-- **@dpc-sdp/ripple-ui-core:** change accent contrast colour ([771c75b](https://github.com/dpc-sdp/ripple-framework/commit/771c75b90a97e92e72abd3317bc40116e214e31d))
-- **@dpc-sdp/ripple-ui-core:** changes outline focus to use a box shadow instead of border ([c2ec484](https://github.com/dpc-sdp/ripple-framework/commit/c2ec4845a8605289b2e88dc884705df45631f9be))
-- **@dpc-sdp/ripple-ui-core:** chromatic test ([003b89b](https://github.com/dpc-sdp/ripple-framework/commit/003b89bf47292dd911a28334bb47b0b11b7c93bb))
-- **@dpc-sdp/ripple-ui-core:** debugging chromatic ([b0107e2](https://github.com/dpc-sdp/ripple-framework/commit/b0107e2b175e76972ba314766103ca321e6dc435))
-- **@dpc-sdp/ripple-ui-core:** design feedback ([91f2f29](https://github.com/dpc-sdp/ripple-framework/commit/91f2f29dd4f2557500dcd6af05bb1939894c15e3))
-- **@dpc-sdp/ripple-ui-core:** fix font family rule ([69a167a](https://github.com/dpc-sdp/ripple-framework/commit/69a167ac7476566f1316dfde0ff18667426dcb89))
-- **@dpc-sdp/ripple-ui-core:** fix storybook styling table issues ([2656c84](https://github.com/dpc-sdp/ripple-framework/commit/2656c84fccacd7c0e6b385c8a3edf5baa7bc0a66))
-- **@dpc-sdp/ripple-ui-core:** fix storybook table component font ([f833505](https://github.com/dpc-sdp/ripple-framework/commit/f833505c87905e18a630a7ca1033b1bc1b2b61e7))
-- **@dpc-sdp/ripple-ui-core:** fix wrong ci command ([9e8720f](https://github.com/dpc-sdp/ripple-framework/commit/9e8720f3c80886f5b249d40896070c4145c51838))
-- **@dpc-sdp/ripple-ui-core:** fixed column logic for chromatic / server render ([ac29ff6](https://github.com/dpc-sdp/ripple-framework/commit/ac29ff6ceecbe32b663e6473fdf840b56475fc18))
-- **@dpc-sdp/ripple-ui-core:** fixed conditional sidebar logic ([5c86b02](https://github.com/dpc-sdp/ripple-framework/commit/5c86b0295b9c65a1ebe270ee7d218955a2bfb45d))
-- **@dpc-sdp/ripple-ui-core:** fixed default outline appearing ([aebb72c](https://github.com/dpc-sdp/ripple-framework/commit/aebb72cc0c237829ce07b52d87b9861974ca1c3d))
-- **@dpc-sdp/ripple-ui-core:** fixed description list story ([3211bce](https://github.com/dpc-sdp/ripple-framework/commit/3211bcead1c3f5a9cb89acae5249496068a841a0))
-- **@dpc-sdp/ripple-ui-core:** fixed footer story ([40ce132](https://github.com/dpc-sdp/ripple-framework/commit/40ce1324df94620e2182daa62dd34b0c7d191271))
-- **@dpc-sdp/ripple-ui-core:** fixed incorrect breakpoint used for stats grid ([4ce090c](https://github.com/dpc-sdp/ripple-framework/commit/4ce090c01af3058b6567c3b77efb2e9593877210))
-- **@dpc-sdp/ripple-ui-core:** fixed layout example ([e616c99](https://github.com/dpc-sdp/ripple-framework/commit/e616c999bb186d34919c82ac0354bd87c6158647))
-- **@dpc-sdp/ripple-ui-core:** fixed storybook tests for footer ([5ba9b36](https://github.com/dpc-sdp/ripple-framework/commit/5ba9b3626448004eb9a475db7b3e55ba24f9629d))
-- **@dpc-sdp/ripple-ui-core:** fixed text link colours caused by footer change ([576aaee](https://github.com/dpc-sdp/ripple-framework/commit/576aaeefbee987126ea4a75506e2c306373fbdfd))
-- **@dpc-sdp/ripple-ui-core:** fixed the breakpoint issue with chromatic ([b93f1f9](https://github.com/dpc-sdp/ripple-framework/commit/b93f1f9f1d993d34554e0723f3fac372dcc44d08))
-- **@dpc-sdp/ripple-ui-core:** fixed up story variants after delay change ([3899e91](https://github.com/dpc-sdp/ripple-framework/commit/3899e91286736f61ee067908f847f12baa5985ae))
-- **@dpc-sdp/ripple-ui-core:** flags are now aligned to the top ([a580bed](https://github.com/dpc-sdp/ripple-framework/commit/a580bed284e13342131167c197c034602553554c))
-- **@dpc-sdp/ripple-ui-core:** missed new author spacing value ([e1f8164](https://github.com/dpc-sdp/ripple-framework/commit/e1f8164c06567459ca51b0cf2550ec87a1726d0e))
-- **@dpc-sdp/ripple-ui-core:** new spacing value supplied for quotes ([f2c983a](https://github.com/dpc-sdp/ripple-framework/commit/f2c983a66bde4057f9261ff0977dcb38adaccf53))
-- **@dpc-sdp/ripple-ui-core:** remove delay from image ([76b8107](https://github.com/dpc-sdp/ripple-framework/commit/76b81073b85c3c539fb8af617656c31308e82edb))
-- **@dpc-sdp/ripple-ui-core:** remove unused btn reset class ([236cf6b](https://github.com/dpc-sdp/ripple-framework/commit/236cf6b8116c5bef7df1db294f46ff975340e990))
-- **@dpc-sdp/ripple-ui-core:** set viewport explicitly for chromatic ([0b6cc90](https://github.com/dpc-sdp/ripple-framework/commit/0b6cc90d261b8acbfa80ed61a8155ba063cba86a))
-- **@dpc-sdp/ripple-ui-core:** table feedback ([ebbff8c](https://github.com/dpc-sdp/ripple-framework/commit/ebbff8c930325851a2f25c6fdb54c4f5d6bd227d))
-- **@dpc-sdp/ripple-ui-core:** text-underline-offset on file name no longer needed ([97d02a8](https://github.com/dpc-sdp/ripple-framework/commit/97d02a858f23443493d9bc8c6d2ccbc51b94346f))
-- **@dpc-sdp/ripple-ui-core:** trying different method for adding viewports to chromatic ([4048ed8](https://github.com/dpc-sdp/ripple-framework/commit/4048ed8f9914adc6dcc1d866e0af061efe205781))
-- **@dpc-sdp/ripple-ui-core:** update blockquote styles ([526e27f](https://github.com/dpc-sdp/ripple-framework/commit/526e27fadb66827c9bcddef85235c134e2679bc0))
-- **@dpc-sdp/ripple-ui-core:** update flag width ([5901ece](https://github.com/dpc-sdp/ripple-framework/commit/5901ece9c61ff8d5da82281adbe4b7db2d7280bf))
-- **@dpc-sdp/ripple-ui-core:** updates markup of file component in content component ([cf1e3f5](https://github.com/dpc-sdp/ripple-framework/commit/cf1e3f5144be8bd7e735870f5d487557dac0e42d))
-- fixed profile story ([89d5666](https://github.com/dpc-sdp/ripple-framework/commit/89d5666dcc3e423a9b1e7f0a2f275026d5b2d1bd))
-
-### Features
-
-- :lipstick: custom favicon ([caccc1c](https://github.com/dpc-sdp/ripple-framework/commit/caccc1c93b0767d233a5ee74a964a2d32848b32e))
-- :sparkles: add grant content type ([9e3a525](https://github.com/dpc-sdp/ripple-framework/commit/9e3a525e310686b15d57ac31c4966ab96d1186b8))
-- :sparkles: add jest and config ([7d5e05a](https://github.com/dpc-sdp/ripple-framework/commit/7d5e05a449a4f07dfe22f991d2648478aabfcbeb))
-- **@dpc-sdp/ripple-tide-api:** added site section navigation to sidebar ([51e19cb](https://github.com/dpc-sdp/ripple-framework/commit/51e19cb4d04c321382a12447d8e68c763adb4951))
-- **@dpc-sdp/ripple-tide-api:** added social share sidebar mapping ([3dcc1b6](https://github.com/dpc-sdp/ripple-framework/commit/3dcc1b6f1bc41c849cdb8cb6d5e6e7c9ea8b2119))
-- **@dpc-sdp/ripple-tide-api:** made the active path highlighting work for site section nav ([145f284](https://github.com/dpc-sdp/ripple-framework/commit/145f28485bdf88fef3d39516c30517c7b1c1f6a8))
-- **@dpc-sdp/ripple-tide-grant:** :sparkles: add storybook template ([6a5170a](https://github.com/dpc-sdp/ripple-framework/commit/6a5170a6301e9001b56e0b85b3ce35f7ebc87416))
-- **@dpc-sdp/ripple-tide-landing-page:** :sparkles: adds landing page content type components ([4396276](https://github.com/dpc-sdp/ripple-framework/commit/43962765528ee23ca904ae5c3f2d07180c1b853c))
-- **@dpc-sdp/ripple-tide-landing-page:** added first pass at landing page components ([8c19a86](https://github.com/dpc-sdp/ripple-framework/commit/8c19a86e8fa75f354cc02d6fe643b89f4cf6a293))
-- **@dpc-sdp/ripple-tide-media:** make 'submodules' top level ([34bda44](https://github.com/dpc-sdp/ripple-framework/commit/34bda449e3b7a73ccda04716518912942e0130d4))
-- **@dpc-sdp/ripple-ui-core:** :alembic: test out event bus interface ([8854ef2](https://github.com/dpc-sdp/ripple-framework/commit/8854ef238b91a198af0d5166795bb25f9498480f))
-- **@dpc-sdp/ripple-ui-core:** :art: add button component theming ([5d4a9d6](https://github.com/dpc-sdp/ripple-framework/commit/5d4a9d6ea7611a60ed87d4ec61f78b0b0f6dfa53))
-- **@dpc-sdp/ripple-ui-core:** :art: add initial button stylin ([34bc735](https://github.com/dpc-sdp/ripple-framework/commit/34bc73580d9bbffd59fcfe2b74e302708ffd567c))
-- **@dpc-sdp/ripple-ui-core:** :art: add missing responsive type styles ([d0b423f](https://github.com/dpc-sdp/ripple-framework/commit/d0b423fb298243718724eea55c6d86c75e5656cf))
-- **@dpc-sdp/ripple-ui-core:** :art: add pointer cursor to focusable items ([81d2b39](https://github.com/dpc-sdp/ripple-framework/commit/81d2b3909a61a052b630c035f16ec0bc7538b22d))
-- **@dpc-sdp/ripple-ui-core:** :art: break the utilitiy storys into seperate templates ([3752f68](https://github.com/dpc-sdp/ripple-framework/commit/3752f68ec222976856b3a5cec5f24352d4508872))
-- **@dpc-sdp/ripple-ui-core:** :art: increase menu story to test scrolling ([dadd097](https://github.com/dpc-sdp/ripple-framework/commit/dadd09780c97db16451356bf842c5fd5888a5e0a))
-- **@dpc-sdp/ripple-ui-core:** :art: start to flesh out basic css structure of components ([2926f71](https://github.com/dpc-sdp/ripple-framework/commit/2926f712986eda1e57ede419516c550278c8ffe6))
-- **@dpc-sdp/ripple-ui-core:** :bug: fix inconsistent mega nav height ([73a99e8](https://github.com/dpc-sdp/ripple-framework/commit/73a99e8ae5db2e66bfe3c1369a265fd39e3df87b))
-- **@dpc-sdp/ripple-ui-core:** :bug: rename colour utility classes to 'clr' from 'colour' ([26c915a](https://github.com/dpc-sdp/ripple-framework/commit/26c915a2817c457620bd177d40ff1ffec98a7f18))
-- **@dpc-sdp/ripple-ui-core:** :construction: add inpage nav comp ([8374944](https://github.com/dpc-sdp/ripple-framework/commit/8374944bf07d9fec9c32a6b299b43f47dd4fd3d3))
-- **@dpc-sdp/ripple-ui-core:** :construction: poc for component based svg sprite ([ce97c29](https://github.com/dpc-sdp/ripple-framework/commit/ce97c293464bbdb31504eb4e6999ab8bf45337e5))
-- **@dpc-sdp/ripple-ui-core:** :construction: poc for image component ([5dcbbf3](https://github.com/dpc-sdp/ripple-framework/commit/5dcbbf39352052f506daf607820d98a6c8b6c36d))
-- **@dpc-sdp/ripple-ui-core:** :construction: proof of concept for formkit forms ([2484620](https://github.com/dpc-sdp/ripple-framework/commit/2484620f91dd8fd3573d546adf1bff290130d3f5))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add new alt-colour variant to focusable ([2e67659](https://github.com/dpc-sdp/ripple-framework/commit/2e676592a027067b0300dd461b676d069710dd3f))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add new h3 highlight class ([9f650d3](https://github.com/dpc-sdp/ripple-framework/commit/9f650d3b912cf5b97af5d19430d8f9d24cda1dc6))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add new quotation-mark icon ([d5dfbe9](https://github.com/dpc-sdp/ripple-framework/commit/d5dfbe9b1faeb76980c0ac8d86e8b9bd2189899e))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add new type styles to storybook ([4fd2442](https://github.com/dpc-sdp/ripple-framework/commit/4fd2442317a44a9a9f9094a1a6b86e8fe5c20c6d))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add story for rpl-container ([2e60815](https://github.com/dpc-sdp/ripple-framework/commit/2e608150eae4efea89c032620199f7ac7db42357))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: add story toggle for icon padding ([71eeeac](https://github.com/dpc-sdp/ripple-framework/commit/71eeeacc9d5807c595d903be1708e41ffd909638))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: added outline style focus state ([59f2a81](https://github.com/dpc-sdp/ripple-framework/commit/59f2a81f7f23e5838aac6b41eee40088d1bfcd17))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: adding example of menu closing but keeping active content ([af080ab](https://github.com/dpc-sdp/ripple-framework/commit/af080abb5e2c0f84f9070df41a4c065dc14343c1))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: inpage nav build complete ([79a66a7](https://github.com/dpc-sdp/ripple-framework/commit/79a66a77cd575995959a299395ee1d03b7deecae))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: update accordion colours to use new tokens ([ced9b7a](https://github.com/dpc-sdp/ripple-framework/commit/ced9b7a499dec9772ba8dc742953584e1c9d1a03))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: update chevron icons ([3dbec81](https://github.com/dpc-sdp/ripple-framework/commit/3dbec8149cbf2cc2687409686ad9fc74e2638dbc))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: update gradient steps ([8b5b2a1](https://github.com/dpc-sdp/ripple-framework/commit/8b5b2a16713fbf555bfd55b5e65912b1d4176575))
-- **@dpc-sdp/ripple-ui-core:** :lipstick: use type util ([161df6a](https://github.com/dpc-sdp/ripple-framework/commit/161df6a76aae03dd8187a3abbc9023568dc94975))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add 'active' option to RplListItemArray type ([72a0dcc](https://github.com/dpc-sdp/ripple-framework/commit/72a0dcc127a4b2a8604277d87c40040d8bf11f98))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add 'home' link to mega menu for mobile ([e6850b2](https://github.com/dpc-sdp/ripple-framework/commit/e6850b21fe5cb8a9cf885f8b737f2b6e6f553f1e))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add 'quick exit' button to mobile mega nav ([382d0eb](https://github.com/dpc-sdp/ripple-framework/commit/382d0ebca2f9c07f08fc3ea5f8c395704127e901))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add aria tags to accordion ([fc6897c](https://github.com/dpc-sdp/ripple-framework/commit/fc6897c0d14fbe50df1ff8f491d5619a8a7eed38))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add barebones of type tokens ([a48e13b](https://github.com/dpc-sdp/ripple-framework/commit/a48e13b35803bc661f9f3f7e0be65ab3d1f0cfe9))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add barebones related-links component ([13f3c59](https://github.com/dpc-sdp/ripple-framework/commit/13f3c59590d2b018683222defdeff630e61a5d44))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add basic barebones of accordion component ([d491e60](https://github.com/dpc-sdp/ripple-framework/commit/d491e60363b16ae79da4f173f6ecfb70f4d8a8a3))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add basic setup of svg icons, currently not working ([46112ef](https://github.com/dpc-sdp/ripple-framework/commit/46112ef26eafba2844f95e90bd508d9480a00fd3))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add basic structure of utility classes ([b7575b4](https://github.com/dpc-sdp/ripple-framework/commit/b7575b4ffab365e5b741fd3001121e3bbe859101))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add box-sizing reset ([afcc345](https://github.com/dpc-sdp/ripple-framework/commit/afcc345264347982e8601c258b6ae58e44359cc9))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add breadcrumbs component ([d7b8ffe](https://github.com/dpc-sdp/ripple-framework/commit/d7b8ffe54bce7c4dd09170e9639416ed9ed783d7))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add chip ([4a2f6c4](https://github.com/dpc-sdp/ripple-framework/commit/4a2f6c491fd74e09c2ac672b029df827593fed29))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add contact us component ([32e80d0](https://github.com/dpc-sdp/ripple-framework/commit/32e80d064329623ec8974793dbb74cd122b50a37))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add current progress of primary-nav ([c993b5e](https://github.com/dpc-sdp/ripple-framework/commit/c993b5e3f7436380470d8f7c4c08298237ab13cf))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add description list component ([ee12dbd](https://github.com/dpc-sdp/ripple-framework/commit/ee12dbdbdaca1530fa87834699057b4a946125ad))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add eventbus for UI components ([961bd89](https://github.com/dpc-sdp/ripple-framework/commit/961bd89a76aed06ee586b17f88bff99559ca2995))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add focus styling to accordion ([055dbb1](https://github.com/dpc-sdp/ripple-framework/commit/055dbb17de344973913d3583652957e2537899a6))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add font smoothing for mac ([f028e28](https://github.com/dpc-sdp/ripple-framework/commit/f028e281a6755311045443f0b49efd4d91a0adc0))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add gradient tokens and story ([53aa221](https://github.com/dpc-sdp/ripple-framework/commit/53aa221a04ee6523bcc0287471635612d7450ec1))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add grid classes ([96f0bc6](https://github.com/dpc-sdp/ripple-framework/commit/96f0bc6952b9c25f539764e960fd8ca5210495fc))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add icon and icon sprite components ([4b4d61d](https://github.com/dpc-sdp/ripple-framework/commit/4b4d61d5e26b2176c2168cc2841c8c3f01226933))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add icon and text style-only component ([1141c1c](https://github.com/dpc-sdp/ripple-framework/commit/1141c1cbf2d063a45d69fee149b9379f2b9d9716))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add image placeholder for storybook ([5085798](https://github.com/dpc-sdp/ripple-framework/commit/50857982121cb60d01fc34c489d1bf3d61d6eb64))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add initial card build ([80e4f3e](https://github.com/dpc-sdp/ripple-framework/commit/80e4f3eb8df7c112da977987e8d442ec338cbd43))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add keydates and category grid ([395a0e3](https://github.com/dpc-sdp/ripple-framework/commit/395a0e378dd146708d231c07cd56254075fc188e))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add mobile mega nav column swipe animation ([6a581af](https://github.com/dpc-sdp/ripple-framework/commit/6a581af4398af0ebb12f6732c05183598e12b8f4))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add nav, promo, avatar, cta card instances ([3ccc627](https://github.com/dpc-sdp/ripple-framework/commit/3ccc627b010eb401aa96336f4b6f2e17b70307c8))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add new 'xs' icon size ([5c63a10](https://github.com/dpc-sdp/ripple-framework/commit/5c63a1096454c73660819672a883ddb80f13ee17))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add new primary nav menu component ([0acce42](https://github.com/dpc-sdp/ripple-framework/commit/0acce420bbc72167d5e077dbd540c9fbcafc8b22))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add new related-links component ([4a44255](https://github.com/dpc-sdp/ripple-framework/commit/4a4425580f93b4226a432ca2ead5e8378de4acf4))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add new tokens for header and footer build ([fe4e01a](https://github.com/dpc-sdp/ripple-framework/commit/fe4e01a56517d4434dd99779087d6ed7de19932f))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add page layout for nuxt apps and corresponding story ([41c04f4](https://github.com/dpc-sdp/ripple-framework/commit/41c04f4749d031112892f9c97c8e36ef5c9c37f3))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add placeholder search form component ([e5ebbee](https://github.com/dpc-sdp/ripple-framework/commit/e5ebbee622e190de33a79bff677b9300115974ce))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add postcss-for to ripple-ui-core ([380600b](https://github.com/dpc-sdp/ripple-framework/commit/380600bd88b13a3baecea87c34dbdfcebbd893e6))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add profile component ([bebae3f](https://github.com/dpc-sdp/ripple-framework/commit/bebae3f461ecc2d9bb8007e9c004e9b0767984e8))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add rem reset to 10px in global css ([37a2df9](https://github.com/dpc-sdp/ripple-framework/commit/37a2df9eb967eab7b565a2b4d6206da4aa0023b8))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add reset for ol/ul ([a628265](https://github.com/dpc-sdp/ripple-framework/commit/a628265ca941dcbcfdabc3482c587c7951bba6a8))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add rpl-container class ([260591e](https://github.com/dpc-sdp/ripple-framework/commit/260591efd48e9c65a7a611538a0a82f88775e11c))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add rpl-content component ([a55be08](https://github.com/dpc-sdp/ripple-framework/commit/a55be087da74f1c78540f5c0c33e12744312abe5))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add search bar integration ([81fbe11](https://github.com/dpc-sdp/ripple-framework/commit/81fbe11a5a1ae3710bf4ed51f5f18b0e4229d7b8))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add size utilities to constants.ts ([07ecf9a](https://github.com/dpc-sdp/ripple-framework/commit/07ecf9a04006fae16f3928b6b9222ac155dfc2e0))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add social share component ([6bfd501](https://github.com/dpc-sdp/ripple-framework/commit/6bfd501ce1a5f44d1cf8c511d55a860e5025a72a))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add story for light and dark vars ([34e857b](https://github.com/dpc-sdp/ripple-framework/commit/34e857b4aef32d478cbfbfaa4d19504434efccd8))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add story for login button ([315533f](https://github.com/dpc-sdp/ripple-framework/commit/315533f80de564e21f9c974c2d7aa0a38b350c07))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add story to toggle slots ([b4e506c](https://github.com/dpc-sdp/ripple-framework/commit/b4e506c7941e7bb0c6a37edc6c2c088069f60d33))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add stylelint rule config for padding ([d76922e](https://github.com/dpc-sdp/ripple-framework/commit/d76922eaef9c086cf5d510b92f9d3e0e03e45099))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add tag component ([769f559](https://github.com/dpc-sdp/ripple-framework/commit/769f55912eb7e675ac4f11fded3887eaf4779cbc))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add text link component ([360146b](https://github.com/dpc-sdp/ripple-framework/commit/360146b40db1dde78e465f6f4503d8b9d2a9441e))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add timeline component ([dbfb0fb](https://github.com/dpc-sdp/ripple-framework/commit/dbfb0fba3d76ecc507875953113ad91aa3811b68))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add utility classes to constants.ts ([ab62826](https://github.com/dpc-sdp/ripple-framework/commit/ab62826c56f0f083d0423884e528cc3e67e4400d))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: add vertical-nav component ([224d48f](https://github.com/dpc-sdp/ripple-framework/commit/224d48f21ac030aabf33523f01e66bfcc701ef1f))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: added font files to public directory ([09ccd52](https://github.com/dpc-sdp/ripple-framework/commit/09ccd524f31b880e6ee6a8b7710780e20cf2403c))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: added foundations of footer component ([4dc3b4d](https://github.com/dpc-sdp/ripple-framework/commit/4dc3b4d1a60d19fa37eea143135350f39ff27d78))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: added normalize.css dependency ([47b8b94](https://github.com/dpc-sdp/ripple-framework/commit/47b8b942c61e9cadea5aaeaed016843589ecff63))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: added search bar component ([b5089dd](https://github.com/dpc-sdp/ripple-framework/commit/b5089dd7cf96962e9ae272d690606f351edc6544))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: added stats grid component ([e492fba](https://github.com/dpc-sdp/ripple-framework/commit/e492fbab1390954a665af56825cf48593d6c9cae))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: adds Alert ([876fd36](https://github.com/dpc-sdp/ripple-framework/commit/876fd36469656e9894969c12b8ebd39829821e09))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: adjust primary nav transitions ([6b512be](https://github.com/dpc-sdp/ripple-framework/commit/6b512bef401f019291f08fcff5c6cb65547e5ee3))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: clear any active items when mega nav closes ([9e38fe4](https://github.com/dpc-sdp/ripple-framework/commit/9e38fe4b8d9b91a476b378b912961c7f7abea495))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: define core icons by whitelist ([fcc1064](https://github.com/dpc-sdp/ripple-framework/commit/fcc10649f67616b83d89f71d1e1dfbebf3b8220f))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: fix primary nav pushing down page content ([45202ac](https://github.com/dpc-sdp/ripple-framework/commit/45202acce7881b79160cc5d34970de27d4d9dffc))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: fix sprite sheet implementation, start work on inline svg ([d47fd24](https://github.com/dpc-sdp/ripple-framework/commit/d47fd24f897c81494026fe2525090a3f0b71ed9a))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: hide primary nav when not scrolled to top of page ([933ec9a](https://github.com/dpc-sdp/ripple-framework/commit/933ec9a78acbd7309fd9a48a1c97b455855ed45a))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: implement mobile breadcrumb ([a51f805](https://github.com/dpc-sdp/ripple-framework/commit/a51f8050f391daf00b9e2214a9f5b387614a35c9))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: lock viewport when primary nav is expanded ([6a208a1](https://github.com/dpc-sdp/ripple-framework/commit/6a208a197bcdc39c2f41cd52cec23177840dd390))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: mobile mega nav now only shows active column ([1756fdd](https://github.com/dpc-sdp/ripple-framework/commit/1756fdd3341a0e9828ee282b26a200dcb22c1b97))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: open vertical-nav items if they are active during setup ([d88deee](https://github.com/dpc-sdp/ripple-framework/commit/d88deee69532c03c3cc32c7b126473482043ad65))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: reduce elevated to icon on bp-s ([3e2d895](https://github.com/dpc-sdp/ripple-framework/commit/3e2d8956e66e25671ccc11f671ddcecee4fb0d47))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: remove figma generated tokens and add core variables ([add0d84](https://github.com/dpc-sdp/ripple-framework/commit/add0d846f52744a347d9eca9c5e234768aa3ec7f))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: reversed bg on variant canvas ([5f96941](https://github.com/dpc-sdp/ripple-framework/commit/5f9694122f6a7f4c69d977fccb814e2f09e4850a))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: set global default color ([e875c44](https://github.com/dpc-sdp/ripple-framework/commit/e875c44b8eb992ecf19976ee11a59f9e88e80a3d))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: set outline: 0 in focusable utility ([71ea4b1](https://github.com/dpc-sdp/ripple-framework/commit/71ea4b1dd1b579b5e6a39f05a0ed2bb9bd3125a0))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: setup 'back' button and other minor improvements ([50e2aeb](https://github.com/dpc-sdp/ripple-framework/commit/50e2aebcb430d411ccdf922dc5dcd91d6119087e))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: setup collapsible vertical nav items ([9cbde01](https://github.com/dpc-sdp/ripple-framework/commit/9cbde01d87e17271c911afa0cb1a675fd82625f3))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: start to add mega menu setup ([ff37d23](https://github.com/dpc-sdp/ripple-framework/commit/ff37d236994c49e34165f01e2ffa84a7284b5db2))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: start to add mobile navbar items ([3bbb3b0](https://github.com/dpc-sdp/ripple-framework/commit/3bbb3b0e5c7890ab787639c35a9a96718b9a406c))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: start to add story for variants ([6d236bf](https://github.com/dpc-sdp/ripple-framework/commit/6d236bff1f0761e52c88d52a4558e20d2b33c146))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: start to wire up utility class stories ([6596ad5](https://github.com/dpc-sdp/ripple-framework/commit/6596ad5b45c71dfffd4e4f67539cac19bb607327))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: styling tweaks for accordion, ready to QA ([c2e6eee](https://github.com/dpc-sdp/ripple-framework/commit/c2e6eee69bb18f6fbd9fe1ee7d960cdf780eb2a1))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: update button component to use design tokens and svg icons ([6e93956](https://github.com/dpc-sdp/ripple-framework/commit/6e93956cf37ec87634cb7ab6a958ada35e9348c5))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: update styelint to work with our utility classes ([225dc64](https://github.com/dpc-sdp/ripple-framework/commit/225dc6414e2987f88215cbc1d2241fce62c307aa))
-- **@dpc-sdp/ripple-ui-core:** :sparkles: use rpl-list in contact ([2b01817](https://github.com/dpc-sdp/ripple-framework/commit/2b018170331d14076e33e473ea02c2ba188d5ae5))
-- **@dpc-sdp/ripple-ui-core:** :test_tube: add storybook component test addons ([d2dc75f](https://github.com/dpc-sdp/ripple-framework/commit/d2dc75fd1d8d87308f0560ca8ebd73f6bad2350b))
-- **@dpc-sdp/ripple-ui-core:** "inline" header menu icons to wrap with text ([b148f34](https://github.com/dpc-sdp/ripple-framework/commit/b148f34203c9de29f4c99297439648e6ea5cdb0f))
-- **@dpc-sdp/ripple-ui-core:** ✨ adds typography utilities and bps ([cc40753](https://github.com/dpc-sdp/ripple-framework/commit/cc40753e76a4659e86a4dc0d6019b7b5d8eac3ee))
-- **@dpc-sdp/ripple-ui-core:** add ability to sync design tokens from figma ([4bd7206](https://github.com/dpc-sdp/ripple-framework/commit/4bd7206aba4f38999bf56448ec8b877106ac4493))
-- **@dpc-sdp/ripple-ui-core:** add ability to sync design tokens from figma ([07d51da](https://github.com/dpc-sdp/ripple-framework/commit/07d51dafd644bfad3dc24fea01df57f4c0b416e8))
-- **@dpc-sdp/ripple-ui-core:** add base file component ([bab03ab](https://github.com/dpc-sdp/ripple-framework/commit/bab03ab33c382679e99d788a10b3c7f88976f017))
-- **@dpc-sdp/ripple-ui-core:** add campaign banner component ([25ec8c1](https://github.com/dpc-sdp/ripple-framework/commit/25ec8c1a2eeec8c57d322e269a178c61f1dac24d))
-- **@dpc-sdp/ripple-ui-core:** add example tables to test content ([25c4535](https://github.com/dpc-sdp/ripple-framework/commit/25c45352f31d1cb771005a2855a3d9b40d2db501))
-- **@dpc-sdp/ripple-ui-core:** add image fit ([7f07cfe](https://github.com/dpc-sdp/ripple-framework/commit/7f07cfe192f33bceec0d8af84ff5b71d028af690))
-- **@dpc-sdp/ripple-ui-core:** add image type ([f413290](https://github.com/dpc-sdp/ripple-framework/commit/f413290a7d7306f4ec67d183d17fde6267b95c7d))
-- **@dpc-sdp/ripple-ui-core:** add images to storybook ([cff509d](https://github.com/dpc-sdp/ripple-framework/commit/cff509d0675d97e7ee200d84b39846f01e5e8c54))
-- **@dpc-sdp/ripple-ui-core:** add landing page layout with campaign banners ([9aead04](https://github.com/dpc-sdp/ripple-framework/commit/9aead0458330a20e08f23bb75bfa2e7152a8daf2))
-- **@dpc-sdp/ripple-ui-core:** add page action component ([13e1e38](https://github.com/dpc-sdp/ripple-framework/commit/13e1e38e4796176b920d29b259f7050da9476010))
-- **@dpc-sdp/ripple-ui-core:** add page action component ([d587187](https://github.com/dpc-sdp/ripple-framework/commit/d58718799a746933c3d8e96e1399b27d1018dfe4))
-- **@dpc-sdp/ripple-ui-core:** add postcss-each, move postcss-for to dev dependencies ([5e46440](https://github.com/dpc-sdp/ripple-framework/commit/5e46440640196c433af007a712d0f23bae3bbb04))
-- **@dpc-sdp/ripple-ui-core:** add role to svg graphic, add alt support for logo ([d29862b](https://github.com/dpc-sdp/ripple-framework/commit/d29862bcb55b10d1af8ced774788ccd80f7b3306))
-- **@dpc-sdp/ripple-ui-core:** add secondary classes ([dc5cb1e](https://github.com/dpc-sdp/ripple-framework/commit/dc5cb1e2b1135da187157971ddfee6aa9f767bda))
-- **@dpc-sdp/ripple-ui-core:** added new alpha token for search bar ([ea50620](https://github.com/dpc-sdp/ripple-framework/commit/ea5062082ea9711912ea8e3f96ff753b2f9213b3))
-- **@dpc-sdp/ripple-ui-core:** added responsive collapsible footer nav sections ([db98e4d](https://github.com/dpc-sdp/ripple-framework/commit/db98e4d3ce9dd336702808d14f49ed7b0bb294d1))
-- **@dpc-sdp/ripple-ui-core:** added simple css column layout for the nav sections ([b3f9464](https://github.com/dpc-sdp/ripple-framework/commit/b3f9464c3768461790baa8db5e9f53d680af78d9))
-- **@dpc-sdp/ripple-ui-core:** added the variable column solution that was requested ([e9ee4d9](https://github.com/dpc-sdp/ripple-framework/commit/e9ee4d9803474d91448bf4060e0dcd26ea2d5277))
-- **@dpc-sdp/ripple-ui-core:** adding base wysiwyg table styles ([02947ec](https://github.com/dpc-sdp/ripple-framework/commit/02947ec4baf4a1aead133ce2973b04fde7db1fe3))
-- **@dpc-sdp/ripple-ui-core:** adjusted search bar padding ([97ae308](https://github.com/dpc-sdp/ripple-framework/commit/97ae308d9b17263d623fae44f321fc7cc34b69b5))
-- **@dpc-sdp/ripple-ui-core:** changed the way the inline description list is handled ([f62278b](https://github.com/dpc-sdp/ripple-framework/commit/f62278b2d807c44643dc1a94df000c7d23a64c65))
-- **@dpc-sdp/ripple-ui-core:** cleaned up footer storybook examples ([dd08ba7](https://github.com/dpc-sdp/ripple-framework/commit/dd08ba7385dcfe84c5c8410ebd32ea6d4e9daea2))
-- **@dpc-sdp/ripple-ui-core:** cleaned up the multi column code ([b9c2c79](https://github.com/dpc-sdp/ripple-framework/commit/b9c2c7930ab3e11b818f949dd3e555d335c3a8d3))
-- **@dpc-sdp/ripple-ui-core:** default caption styling ([875ccd3](https://github.com/dpc-sdp/ripple-framework/commit/875ccd3395bb869d2930c2996a1d0b6ccc7e9a7b))
-- **@dpc-sdp/ripple-ui-core:** design feedback ([efab671](https://github.com/dpc-sdp/ripple-framework/commit/efab6714a4d303c0d5a99fe4435ae920d482e999))
-- **@dpc-sdp/ripple-ui-core:** don't allow the profile image to shrink ([7e7a8d0](https://github.com/dpc-sdp/ripple-framework/commit/7e7a8d098b0ad51121b89c57b8911862581241b7))
-- **@dpc-sdp/ripple-ui-core:** ensure dividers aren't seen when heading has focus ([e0b375e](https://github.com/dpc-sdp/ripple-framework/commit/e0b375e6c5332772a3660f59d09f3a28c42cd930))
-- **@dpc-sdp/ripple-ui-core:** first pass at matching the layout styles to designs ([2a4a8c0](https://github.com/dpc-sdp/ripple-framework/commit/2a4a8c0d1286749c96655a1ef37aef42511c3b47))
-- **@dpc-sdp/ripple-ui-core:** fix file name ([02c7bd3](https://github.com/dpc-sdp/ripple-framework/commit/02c7bd3bd80dcad54a8b5a6b6cd49f107d0cffa6))
-- **@dpc-sdp/ripple-ui-core:** fix icon alignment, remove unused story components ([582323f](https://github.com/dpc-sdp/ripple-framework/commit/582323f97621ffb44872022220db5684d68eac04))
-- **@dpc-sdp/ripple-ui-core:** fix spacing when no icon is used ([e51b35d](https://github.com/dpc-sdp/ripple-framework/commit/e51b35defcd315a7f3ea70466ffa5078134abc13))
-- **@dpc-sdp/ripple-ui-core:** fix spelling ([dbf754b](https://github.com/dpc-sdp/ripple-framework/commit/dbf754be30b23ef10a9503f34d6e1dc234fcdbc5))
-- **@dpc-sdp/ripple-ui-core:** fix typescript warnings ([67ecfbe](https://github.com/dpc-sdp/ripple-framework/commit/67ecfbe82011227e28afaa82ac987d588378ceec))
-- **@dpc-sdp/ripple-ui-core:** footer feedback items ([92f7ef5](https://github.com/dpc-sdp/ripple-framework/commit/92f7ef5f1c7cc30d26f00bb6fe249bd2040e2ac3))
-- **@dpc-sdp/ripple-ui-core:** footer feedback, make columned toggles grouped ([a432dd8](https://github.com/dpc-sdp/ripple-framework/commit/a432dd806e961e032b456093eb713775067c7f03))
-- **@dpc-sdp/ripple-ui-core:** Get started with blockquote ([4bfb7b4](https://github.com/dpc-sdp/ripple-framework/commit/4bfb7b4a833d41b106295c2bb666b5108f0321e4))
-- **@dpc-sdp/ripple-ui-core:** header scaffolding ([3a8d6e8](https://github.com/dpc-sdp/ripple-framework/commit/3a8d6e80fe91bcc064e7542f8921512f346bd038))
-- **@dpc-sdp/ripple-ui-core:** improved css so that we don't need magic number percentages ([d5adafd](https://github.com/dpc-sdp/ripple-framework/commit/d5adafda031de83fe1197f1f022b1cc4871d49a6))
-- **@dpc-sdp/ripple-ui-core:** inline title, move out of wip ([360e7c6](https://github.com/dpc-sdp/ripple-framework/commit/360e7c6a8455637b7872b34291c729850f8d64d2))
-- **@dpc-sdp/ripple-ui-core:** made header and layout work nicely together ([4bcd237](https://github.com/dpc-sdp/ripple-framework/commit/4bcd2371d60a9bd9a2141cd74729d0a009d97146))
-- **@dpc-sdp/ripple-ui-core:** Make logos vertically centered ([ad3765e](https://github.com/dpc-sdp/ripple-framework/commit/ad3765e327c105d6b9ea75c446f520b060cbd047))
-- **@dpc-sdp/ripple-ui-core:** make vertical nav buttons lh/ls the same as links ([6f8f1b5](https://github.com/dpc-sdp/ripple-framework/commit/6f8f1b5adac364454c334731732c1e0609f04153))
-- **@dpc-sdp/ripple-ui-core:** matched props with ripple 1 and added support for icons in nav ([08dbd86](https://github.com/dpc-sdp/ripple-framework/commit/08dbd86ad24b0d4adce450da5f376d46c58d0050))
-- **@dpc-sdp/ripple-ui-core:** minor focus tweak and firefox fix ([cc4fee5](https://github.com/dpc-sdp/ripple-framework/commit/cc4fee57d98e819a3df05eb396293aae76a7d24e))
-- **@dpc-sdp/ripple-ui-core:** Minor package updates to test storybook CI build, update patch version ([a202be8](https://github.com/dpc-sdp/ripple-framework/commit/a202be83b777250af7a6511a57179fed6cc18f91))
-- **@dpc-sdp/ripple-ui-core:** missing t ([5f812e0](https://github.com/dpc-sdp/ripple-framework/commit/5f812e0eb6e807fa5a6515bc97ff6fcaed5c88d6))
-- **@dpc-sdp/ripple-ui-core:** more fixed sizing for large screens ([09a936e](https://github.com/dpc-sdp/ripple-framework/commit/09a936e2ba182337ccb6e310b50231d2fe257ce4))
-- **@dpc-sdp/ripple-ui-core:** move campaign banners to main landing page template story ([0e0c4bb](https://github.com/dpc-sdp/ripple-framework/commit/0e0c4bb02ca5905c74059daa578f76740be22fab))
-- **@dpc-sdp/ripple-ui-core:** move js breakpoints to seperate file ([f1f1c48](https://github.com/dpc-sdp/ripple-framework/commit/f1f1c48ec4b8564433b1853ecaa705f38aa2e1a0))
-- **@dpc-sdp/ripple-ui-core:** new bottom padding value, repeat quote icon per paragraph ([143a17d](https://github.com/dpc-sdp/ripple-framework/commit/143a17d553810898839d2746c6a72c70a031ec0a))
-- **@dpc-sdp/ripple-ui-core:** new class supplied, remove max-width, inline-block focusable element ([e142286](https://github.com/dpc-sdp/ripple-framework/commit/e142286eb275ba4db1b506083b85c6edda4cf950))
-- **@dpc-sdp/ripple-ui-core:** no go on block style for focusable state ([f48d21f](https://github.com/dpc-sdp/ripple-framework/commit/f48d21f6f0c61650eb9e34aeddf4ab6c1368adca))
-- **@dpc-sdp/ripple-ui-core:** Opt for more classes ([1716661](https://github.com/dpc-sdp/ripple-framework/commit/17166619c2ca879a0bd503fab4b5c4bdbc5da17b))
-- **@dpc-sdp/ripple-ui-core:** prepare the layout for page header component ([94179e3](https://github.com/dpc-sdp/ripple-framework/commit/94179e314df9f8b20c4d931a5db159ae35588009))
-- **@dpc-sdp/ripple-ui-core:** Remove height/width from svg, 'use' icon for blockquote, use :where for zero specificity on rpl-content elements, update icon output paths, add basic svg docs ([28a2165](https://github.com/dpc-sdp/ripple-framework/commit/28a216541201c884337654001656e71ee1b503ee))
-- **@dpc-sdp/ripple-ui-core:** remove line-height ([a2229a1](https://github.com/dpc-sdp/ripple-framework/commit/a2229a1402177029a9adeb6b0550d87a03ec8ab0))
-- **@dpc-sdp/ripple-ui-core:** remove table scroll text (for now) ([e7f5e4f](https://github.com/dpc-sdp/ripple-framework/commit/e7f5e4f4f51ea8cad94052914396528ba5fefe5e))
-- **@dpc-sdp/ripple-ui-core:** set example pattern fills with custom properties ([85c117e](https://github.com/dpc-sdp/ripple-framework/commit/85c117e4313caa2ae2cafcaecc6f83f73d18b3d3))
-- **@dpc-sdp/ripple-ui-core:** set flag height ([fad75b0](https://github.com/dpc-sdp/ripple-framework/commit/fad75b0c46deb1c4eb3b6c522d4e8cf370f4a158))
-- **@dpc-sdp/ripple-ui-core:** slotify the default content ([e097880](https://github.com/dpc-sdp/ripple-framework/commit/e09788034d417f752d3c62ede418b032d16eb61f))
-- **@dpc-sdp/ripple-ui-core:** Start acknowledgement component ([9f7ba48](https://github.com/dpc-sdp/ripple-framework/commit/9f7ba485a96eb2241b7c48cdd01c634635464131))
-- **@dpc-sdp/ripple-ui-core:** structure and style updates for header ([829284e](https://github.com/dpc-sdp/ripple-framework/commit/829284e66b5627c54945f20c25af46a885e494de))
-- **@dpc-sdp/ripple-ui-core:** switch to file\_\_meta classes ([4702fd6](https://github.com/dpc-sdp/ripple-framework/commit/4702fd67f9eee146e8ef2494f758b31e9646fd4a))
-- **@dpc-sdp/ripple-ui-core:** switch to rgba due to mix-blend-mode bug in safari ([a70d897](https://github.com/dpc-sdp/ripple-framework/commit/a70d89769dfa7da5bc10837415bf87d720b98655))
-- **@dpc-sdp/ripple-ui-core:** temporarily remove accordion from landing page content ([f07b0da](https://github.com/dpc-sdp/ripple-framework/commit/f07b0da40d9e02f533df5a40f7ab3a4129ca675a))
-- **@dpc-sdp/ripple-ui-core:** Update content margin for large screens ([9770c84](https://github.com/dpc-sdp/ripple-framework/commit/9770c8400bff08f6561ad4d3d52e511f2afa3a5e))
-- **@dpc-sdp/ripple-ui-core:** Update flags and add border in CSS ([e2f1338](https://github.com/dpc-sdp/ripple-framework/commit/e2f133857ce38849f911917874139255a4564613))
-- **@dpc-sdp/ripple-ui-core:** updating stories, trialing corner patterns, plugging values ([8dfd464](https://github.com/dpc-sdp/ripple-framework/commit/8dfd4640a6dd35acde85cbeba53a2a606a9cdb93))
-- **@dpc-sdp/ripple-ui-core:** use aspect name as prop ([5fb9e13](https://github.com/dpc-sdp/ripple-framework/commit/5fb9e1371c9d5d0563ead15aa4fc42e52a788a60))
-- **@dpc-sdp/ripple-ui-core:** Use flex-start for better support in acknowledgement ([623990e](https://github.com/dpc-sdp/ripple-framework/commit/623990e58e33b63bd27013bdb52dc4dc01bd0b54))
-- **@dpc-sdp/ripple-ui-core:** Use local variable for misc width ([f401b5d](https://github.com/dpc-sdp/ripple-framework/commit/f401b5d8fe967162fe17c706f4ff91e082b8f18b))
-- **@dpc-sdp/ripple-ui-core:** use medium breakpoint for content margin ([8f58bf0](https://github.com/dpc-sdp/ripple-framework/commit/8f58bf02c50bb311f92a7b95cb7c5801b62a58aa))
-- **@dpc-sdp/ripple-ui-core:** use medium breakpoint for content margin ([b008872](https://github.com/dpc-sdp/ripple-framework/commit/b00887291e613202f97a278e46b523aba46ebaf0))
-- **@dpc-sdp/ripple-ui-core:** Use rem for width, import svgs. ([5ae33b5](https://github.com/dpc-sdp/ripple-framework/commit/5ae33b588b7f3ef1b050e6ac860bd6a0a2bcef6c))
-- **@dpc-sdp/ripple-ui-core:** use rpl-image in other components ([d4389ab](https://github.com/dpc-sdp/ripple-framework/commit/d4389abd3119424ffce39ebe5ca82033f95de83e))
-- **@dpc-sdp/ripple-ui-core:** use RplImage for the logo links in footer ([bab4a6a](https://github.com/dpc-sdp/ripple-framework/commit/bab4a6aa320e4cbd0c9e133bb603297ca0b07dca))
-- **@dpc-sdp/ripple-ui-core:** use slot args ([55cfdfb](https://github.com/dpc-sdp/ripple-framework/commit/55cfdfba72fd6164ec69c80977e680041e9ba878))
-- **@dpc-sdp/ripple-ui-core:** use svg in vue component for now as fill is striped from svgs ([f8d3608](https://github.com/dpc-sdp/ripple-framework/commit/f8d3608d7e0d102933f3dd4813515be7611936a3))
-- **@dpc-sdp/ripple-ui-core:** wip commit for more balanced footer columns ([71cf74d](https://github.com/dpc-sdp/ripple-framework/commit/71cf74d4d3a35d3a32c0f25d74b96fef11a3ea7b))
-- **@dpc-sdp/ripple-ui-core:** wip header action, links, etc ([96d3a62](https://github.com/dpc-sdp/ripple-framework/commit/96d3a62314f4fc79dfde610717a0f53237d70b8f))
-- **@dpc-sdp/ripple-ui-core:** wip, aspect ratios, srcset, focal points ([ed4f602](https://github.com/dpc-sdp/ripple-framework/commit/ed4f602d2615bb37f305c787d2c4df7d600c3d63))
-- **@dpc-sdp/ripple-ui-forms:** :building_construction: move storybook to project root, add forms ([578f8c9](https://github.com/dpc-sdp/ripple-framework/commit/578f8c92904e5f05f24ec1d8cb0646af13a32a43))
-
-### Performance Improvements
-
-- **@dpc-sdp/ripple-ui-core:** :fire: remove WIP 'nav-primary' component ([9a9d06d](https://github.com/dpc-sdp/ripple-framework/commit/9a9d06d0d3e2313c429a4d1241060c0e46335c05))
-- **@dpc-sdp/ripple-ui-core:** :recycle: replace unused token ([5962a39](https://github.com/dpc-sdp/ripple-framework/commit/5962a39b551960cc4b8c3e307ed88b3071000e6b))
-- **@dpc-sdp/ripple-ui-core:** :zap: rework classlist ([bb2c0e3](https://github.com/dpc-sdp/ripple-framework/commit/bb2c0e39eef8cee4c016d24e73d28818401af97a))
-
-### Reverts
-
-- **@dpc-sdp/ripple-ui-core:** :rewind: fix regression in color stories ([3f3572f](https://github.com/dpc-sdp/ripple-framework/commit/3f3572f687dc30f61f5da967f5b1bfaedf2c8760))
-- **@dpc-sdp/ripple-ui-core:** :rewind: revert change on breadcrumb line spacing ([b3818bd](https://github.com/dpc-sdp/ripple-framework/commit/b3818bd6f3c0107caf378d39c212d5eeebadac95))
-- **@dpc-sdp/ripple-ui-core:** :rewind: revert changes to ui components ([e5e422f](https://github.com/dpc-sdp/ripple-framework/commit/e5e422f2b36bdff174d4a6cad39f0537d41e1e07))
-- **@dpc-sdp/ripple-ui-core:** :rewind: revert to import breakpoints ([23b4c6e](https://github.com/dpc-sdp/ripple-framework/commit/23b4c6ed4cce63ad585aaa861ee052fc409c2549))
-- **@dpc-sdp/ripple-ui-core:** removed the unneeded 1px margin from the file icon ([f25b39e](https://github.com/dpc-sdp/ripple-framework/commit/f25b39ee9b586094a0e40d77b4cc565e99c68eaf))
-- **@dpc-sdp/ripple-ui-core:** revert content prop ([c79b30c](https://github.com/dpc-sdp/ripple-framework/commit/c79b30cf5cc665113458c59884e27719bf561726))
diff --git a/packages/ripple-ui-core/LICENSE b/packages/ripple-ui-core/LICENSE
deleted file mode 100644
index 6b97259524..0000000000
--- a/packages/ripple-ui-core/LICENSE
+++ /dev/null
@@ -1,201 +0,0 @@
- Apache License
- Version 2.0, January 2004
- http://www.apache.org/licenses/
-
-TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-1. Definitions.
-
- "License" shall mean the terms and conditions for use, reproduction,
- and distribution as defined by Sections 1 through 9 of this document.
-
- "Licensor" shall mean the copyright owner or entity authorized by
- the copyright owner that is granting the License.
-
- "Legal Entity" shall mean the union of the acting entity and all
- other entities that control, are controlled by, or are under common
- control with that entity. For the purposes of this definition,
- "control" means (i) the power, direct or indirect, to cause the
- direction or management of such entity, whether by contract or
- otherwise, or (ii) ownership of fifty percent (50%) or more of the
- outstanding shares, or (iii) beneficial ownership of such entity.
-
- "You" (or "Your") shall mean an individual or Legal Entity
- exercising permissions granted by this License.
-
- "Source" form shall mean the preferred form for making modifications,
- including but not limited to software source code, documentation
- source, and configuration files.
-
- "Object" form shall mean any form resulting from mechanical
- transformation or translation of a Source form, including but
- not limited to compiled object code, generated documentation,
- and conversions to other media types.
-
- "Work" shall mean the work of authorship, whether in Source or
- Object form, made available under the License, as indicated by a
- copyright notice that is included in or attached to the work
- (an example is provided in the Appendix below).
-
- "Derivative Works" shall mean any work, whether in Source or Object
- form, that is based on (or derived from) the Work and for which the
- editorial revisions, annotations, elaborations, or other modifications
- represent, as a whole, an original work of authorship. For the purposes
- of this License, Derivative Works shall not include works that remain
- separable from, or merely link (or bind by name) to the interfaces of,
- the Work and Derivative Works thereof.
-
- "Contribution" shall mean any work of authorship, including
- the original version of the Work and any modifications or additions
- to that Work or Derivative Works thereof, that is intentionally
- submitted to Licensor for inclusion in the Work by the copyright owner
- or by an individual or Legal Entity authorized to submit on behalf of
- the copyright owner. For the purposes of this definition, "submitted"
- means any form of electronic, verbal, or written communication sent
- to the Licensor or its representatives, including but not limited to
- communication on electronic mailing lists, source code control systems,
- and issue tracking systems that are managed by, or on behalf of, the
- Licensor for the purpose of discussing and improving the Work, but
- excluding communication that is conspicuously marked or otherwise
- designated in writing by the copyright owner as "Not a Contribution."
-
- "Contributor" shall mean Licensor and any individual or Legal Entity
- on behalf of whom a Contribution has been received by Licensor and
- subsequently incorporated within the Work.
-
-2. Grant of Copyright License. Subject to the terms and conditions of
- this License, each Contributor hereby grants to You a perpetual,
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
- copyright license to reproduce, prepare Derivative Works of,
- publicly display, publicly perform, sublicense, and distribute the
- Work and such Derivative Works in Source or Object form.
-
-3. Grant of Patent License. Subject to the terms and conditions of
- this License, each Contributor hereby grants to You a perpetual,
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
- (except as stated in this section) patent license to make, have made,
- use, offer to sell, sell, import, and otherwise transfer the Work,
- where such license applies only to those patent claims licensable
- by such Contributor that are necessarily infringed by their
- Contribution(s) alone or by combination of their Contribution(s)
- with the Work to which such Contribution(s) was submitted. If You
- institute patent litigation against any entity (including a
- cross-claim or counterclaim in a lawsuit) alleging that the Work
- or a Contribution incorporated within the Work constitutes direct
- or contributory patent infringement, then any patent licenses
- granted to You under this License for that Work shall terminate
- as of the date such litigation is filed.
-
-4. Redistribution. You may reproduce and distribute copies of the
- Work or Derivative Works thereof in any medium, with or without
- modifications, and in Source or Object form, provided that You
- meet the following conditions:
-
- (a) You must give any other recipients of the Work or
- Derivative Works a copy of this License; and
-
- (b) You must cause any modified files to carry prominent notices
- stating that You changed the files; and
-
- (c) You must retain, in the Source form of any Derivative Works
- that You distribute, all copyright, patent, trademark, and
- attribution notices from the Source form of the Work,
- excluding those notices that do not pertain to any part of
- the Derivative Works; and
-
- (d) If the Work includes a "NOTICE" text file as part of its
- distribution, then any Derivative Works that You distribute must
- include a readable copy of the attribution notices contained
- within such NOTICE file, excluding those notices that do not
- pertain to any part of the Derivative Works, in at least one
- of the following places: within a NOTICE text file distributed
- as part of the Derivative Works; within the Source form or
- documentation, if provided along with the Derivative Works; or,
- within a display generated by the Derivative Works, if and
- wherever such third-party notices normally appear. The contents
- of the NOTICE file are for informational purposes only and
- do not modify the License. You may add Your own attribution
- notices within Derivative Works that You distribute, alongside
- or as an addendum to the NOTICE text from the Work, provided
- that such additional attribution notices cannot be construed
- as modifying the License.
-
- You may add Your own copyright statement to Your modifications and
- may provide additional or different license terms and conditions
- for use, reproduction, or distribution of Your modifications, or
- for any such Derivative Works as a whole, provided Your use,
- reproduction, and distribution of the Work otherwise complies with
- the conditions stated in this License.
-
-5. Submission of Contributions. Unless You explicitly state otherwise,
- any Contribution intentionally submitted for inclusion in the Work
- by You to the Licensor shall be under the terms and conditions of
- this License, without any additional terms or conditions.
- Notwithstanding the above, nothing herein shall supersede or modify
- the terms of any separate license agreement you may have executed
- with Licensor regarding such Contributions.
-
-6. Trademarks. This License does not grant permission to use the trade
- names, trademarks, service marks, or product names of the Licensor,
- except as required for reasonable and customary use in describing the
- origin of the Work and reproducing the content of the NOTICE file.
-
-7. Disclaimer of Warranty. Unless required by applicable law or
- agreed to in writing, Licensor provides the Work (and each
- Contributor provides its Contributions) on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
- implied, including, without limitation, any warranties or conditions
- of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
- PARTICULAR PURPOSE. You are solely responsible for determining the
- appropriateness of using or redistributing the Work and assume any
- risks associated with Your exercise of permissions under this License.
-
-8. Limitation of Liability. In no event and under no legal theory,
- whether in tort (including negligence), contract, or otherwise,
- unless required by applicable law (such as deliberate and grossly
- negligent acts) or agreed to in writing, shall any Contributor be
- liable to You for damages, including any direct, indirect, special,
- incidental, or consequential damages of any character arising as a
- result of this License or out of the use or inability to use the
- Work (including but not limited to damages for loss of goodwill,
- work stoppage, computer failure or malfunction, or any and all
- other commercial damages or losses), even if such Contributor
- has been advised of the possibility of such damages.
-
-9. Accepting Warranty or Additional Liability. While redistributing
- the Work or Derivative Works thereof, You may choose to offer,
- and charge a fee for, acceptance of support, warranty, indemnity,
- or other liability obligations and/or rights consistent with this
- License. However, in accepting such obligations, You may act only
- on Your own behalf and on Your sole responsibility, not on behalf
- of any other Contributor, and only if You agree to indemnify,
- defend, and hold each Contributor harmless for any liability
- incurred by, or claims asserted against, such Contributor by reason
- of your accepting any such warranty or additional liability.
-
-END OF TERMS AND CONDITIONS
-
-APPENDIX: How to apply the Apache License to your work.
-
- To apply the Apache License to your work, attach the following
- boilerplate notice, with the fields enclosed by brackets "[]"
- replaced with your own identifying information. (Don't include
- the brackets!) The text should be enclosed in the appropriate
- comment syntax for the file format. We also recommend that a
- file or class name and description of purpose be included on the
- same "printed page" as the copyright notice for easier
- identification within third-party archives.
-
-Copyright 2018 Software Freedom Conservancy (SFC)
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
diff --git a/packages/ripple-ui-core/README.md b/packages/ripple-ui-core/README.md
deleted file mode 100644
index bf5faaa524..0000000000
--- a/packages/ripple-ui-core/README.md
+++ /dev/null
@@ -1,67 +0,0 @@
-# Ripple UI Core
-
-> A Vue 3 UI component library. [View the Ripple storybook](https://www.ripple.sdp.vic.gov.au/storybook) to start exploring available components.
-
-## SDP Platform (Tide)
-
-If you're using this package within a Tide environment you don't need to directly install it, it will be installed as a dependency of `@dpc-sdp/nuxt-ripple` and all components will be available globally, if you wish to be explicit you can import them from `#components`.
-
-```js
-
- My Button
-
-```
-
-The details below relate to using this package outside of Tide.
-
-## Installation
-
-```bash
-npm install @dpc-sdp/ripple-ui-core
-```
-
-## Usage (Nuxt)
-
-Ripple UI Core exports a Nuxt 3 module that you can add to your nuxt config, note the addition of `/nuxt`.
-
-```js
-export default defineNuxtConfig({
- modules: [
- '@dpc-sdp/ripple-ui-core/nuxt'
- ]
-})
-```
-
-Note: Nuxt 2 is not supported.
-
-There is no need to import the components as they will be registered globally by the nuxt module.
-
-```vue
-
- My Button
-
-```
-
-#### Custom icons
-
-Within a Nuxt application or layer just place custom icons (svgs) within an `assets/icons` directory, they can then be used with the `RplIcon` component. For example `assets/icons/icon-moon.svg` can be used as ``
-
-## Usage (Vue)
-
-To use a component, import it from `@dpc-sdp/ripple-ui-core/vue`, note the addition of `/vue`.
-
-```vue
-
-
-
- My Button
-
-```
-
-Some global styles will also need to be imported, do this at the root of your project (usually in your app.vue or index.js file).
-
-```js
-import '@dpc-sdp/ripple-ui-core/style';
-```
diff --git a/packages/ripple-ui-core/cypress.config.ts b/packages/ripple-ui-core/cypress.config.ts
deleted file mode 100644
index a1b19a5a15..0000000000
--- a/packages/ripple-ui-core/cypress.config.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { defineConfig } from 'cypress'
-
-export default defineConfig({
- component: {
- devServer: {
- framework: 'vue',
- bundler: 'vite'
- }
- }
-})
diff --git a/packages/ripple-ui-core/cypress.d.ts b/packages/ripple-ui-core/cypress.d.ts
deleted file mode 100644
index 3da0de5934..0000000000
--- a/packages/ripple-ui-core/cypress.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { mount } from 'cypress/vue'
-
-type MountParams = Parameters
-type OptionsParam = MountParams[1]
-
-declare global {
- namespace Cypress {
- interface Chainable {
- mount: typeof mount
- }
- }
-}
diff --git a/packages/ripple-ui-core/cypress/support/component-index.html b/packages/ripple-ui-core/cypress/support/component-index.html
deleted file mode 100644
index d21eb2ac90..0000000000
--- a/packages/ripple-ui-core/cypress/support/component-index.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
-
-
- Components App
-
-
-
-
-
diff --git a/packages/ripple-ui-core/cypress/support/component.ts b/packages/ripple-ui-core/cypress/support/component.ts
deleted file mode 100644
index c7b87c6c38..0000000000
--- a/packages/ripple-ui-core/cypress/support/component.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-// ***********************************************************
-// This example support/component.ts is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
-// import './commands'
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
-
-import { mount } from 'cypress/vue'
-import { h } from 'vue'
-import { RplIconSprite, RplLink, RplImg } from '@dpc-sdp/ripple-ui-core/vue'
-// Ensure global styles are loaded
-import '@dpc-sdp/ripple-ui-core/style'
-
-const RplAppWrapper = {
- components: { RplIconSprite },
- template: `
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
-
- `
- },
- {
- id: '2',
- title:
- 'Accordion two with a really long title that wraps over multiple lines so that we can see how the icon and number align vertically',
- content: `
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
-
Funding for public-facing small businesses to purchase equipment and upgrades to improve ventilation and reduce the spread of COVID-19 and boost customer confidence.
Funding for public-facing small businesses to purchase equipment and upgrades to improve ventilation and reduce the spread of COVID-19 and boost customer confidence.
- Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
- do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
- ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat.
-
- Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
- do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
- ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat.
-
- (opens in a new window)
-
-
- And this is example of a longer description of the document, this one seems very descriptive.
-
- `
- }
-}
-
-export const Table: Story = {
- args: {
- html: `
Lorem quis do ea aliqua est.
Lorem quis do ea aliqua est ea Lorem nostrud tempor.
Lorem quis do ea aliqua est, quis.
Lorem quis do ea aliqua est commodo et laborum.
Lorem quis do ea aliqua est.
Lorem quis do ea aliqua est ea Lorem nostrud tempor.
Lorem quis do ea aliqua est, quis.
Lorem quis do ea aliqua est commodo et laborum.
Lorem quis do ea aliqua est.
Lorem quis do ea aliqua est ea Lorem nostrud tempor.
Lorem quis do ea aliqua est, quis.
Lorem quis do ea aliqua est commodo et laborum.
Lorem quis do ea aliqua est.
Lorem quis do ea aliqua est ea Lorem nostrud tempor.
Lorem quis do ea aliqua est, quis.
Lorem quis do ea aliqua est commodo et laborum.
Lorem quis do ea aliqua est.
Lorem quis do ea aliqua est ea Lorem nostrud tempor.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed lorem at
- magna hendrerit eleifend sed non mauris. Praesent ut libero eu sapien accumsan
- mollis sit amet a massa.
-
-
-
-
Ordered list item / L1
-
- Another ordered list item / L1
-
-
Ordered list item / L2
-
- Another ordered list item / L2
-
-
Ordered list item / L3
-
Another ordered list item / L3
-
Yet another ordered list item / L3
-
Even more ordered list item / L3
-
-
-
-
-
Another ordered list item / L1 lorem ipsum dolor sit amet
-
-
-
-
Ordered list item / L1
-
- Another ordered list item / L1
-
-
Unordered list item / L2
-
- Another unordered list item / L2
-
-
Ordered list item / L3
-
Another ordered list item / L3
-
Yet another ordered list item / L3
-
Even more ordered list item / L3
-
-
-
-
-
-
-
-
Unordered list item / L1
-
- Another Unordered list item / L1
-
-
Unordered list item / L2
-
Another Unordered list item / L2
-
-
-
-
-
-
H3 Heading
-
- Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
- veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
- commodo consequat.
-
-
-
-
-
- Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
- veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
- commodo consequat.
-
-
-
-
-
-
- "Berios sim destrum facientota nis ex eost aut prae vendis explam aliquis
- dolorpo rrorem reptaep elenis net."
-
-
-
- Her Excellency the Honourable Linda Dessau AC
- Governor of Victoria
-
-
-
-
-
-
- "Berios sim destrum facientota nis ex eost aut prae vendis explam aliquis
- dolorpo rrorem reptaep elenis net."
-
-
- "Destrum facientota nis ex eost aut prae vendis explam aliquis dolorpo
- rrorem reptaep elenis net."
-
-
-
- Her Excellency the Honourable Linda Dessau AC
- Governor of Victoria
-
-
-
-
-
-
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo est eu
- venenatis tincidunt. Sed sit amet magna tortor. Nullam gravida, nibh a
- tincidunt tempor.
-
-
- Nulla mauris turpis, mollis et fermentum in, tincidunt vitae enim. Aenean
- gravida, mi a pharetra tempor.
-
Storybook is used to test Ripple components in isolation and provide a place find
- out how a given component works. It is used when developing new components and modifying existing ones.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed
- lorem at magna hendrerit eleifend sed non mauris. Praesent ut libero eu
- sapien accumsan mollis sit amet a massa.
-
-
-
Ordered list item / L1
-
Another ordered list item / L1
-
-
Ordered list item / L2
-
Another ordered list item / L2
-
-
Ordered list item / L3
-
Another ordered list item / L3
-
Yet another ordered list item / L3
-
Even more ordered list item / L3
-
-
-
-
-
Another ordered list item / L1 lorem ipsum dolor sit amet
-
- .{{ item.class }}
-
-
- `
- })
-}
-
-export const Size: StoryObj = {
- render: () => ({
- components: {
- sbTokenTable,
- sbTokenTableRow,
- sbTokenTableCol,
- sbTokenTableSwatch
- },
- setup() {
- return {
- columns: ['Style', 'Size', 'Class'],
- RplSizeUtilities,
- getItemStyles: (item: any) =>
- `background-color: ${item.color}; display: inline-block;`
- }
- },
- template: `
-
-
-
-
-
-
- {{ item.value }}px
-
- .{{ item.class }}
-
-
- `
- })
-}
diff --git a/packages/ripple-ui-core/tsconfig.json b/packages/ripple-ui-core/tsconfig.json
deleted file mode 100644
index 291aac18af..0000000000
--- a/packages/ripple-ui-core/tsconfig.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
- "compilerOptions": {
- "noImplicitAny": false,
- "outDir": "dist",
- "baseUrl": "./src",
- "target": "esnext",
- "useDefineForClassFields": true,
- "module": "esnext",
- "moduleResolution": "node",
- "isolatedModules": true,
- "strict": true,
- "jsx": "preserve",
- "sourceMap": true,
- "resolveJsonModule": true,
- "esModuleInterop": true,
- "types": ["vite/client", "cypress"],
- "paths": {
- "@/*": ["src/*"]
- },
- "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
- "skipLibCheck": true,
- "declaration": true
- },
- "include": [
- "env.d.ts",
- "src/index.ts",
- "src/nuxt/**/*.ts",
- "src/tokens/**/*.ts",
- "src/tokens/**/*.json",
- "src/scripts/**/*.ts"
- ],
- "exclude": ["src/components/global/stories/*"]
-}
diff --git a/packages/ripple-ui-core/vite.config.ts b/packages/ripple-ui-core/vite.config.ts
deleted file mode 100644
index 0a68ee096f..0000000000
--- a/packages/ripple-ui-core/vite.config.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { defineConfig } from 'vite'
-import path from 'node:path'
-import vue from '@vitejs/plugin-vue'
-import dts from 'vite-plugin-dts'
-import vitePlugins from './src/vite.plugins'
-
-// https://vitejs.dev/config/
-// https://vitejs.dev/guide/build.html#library-mode
-export default defineConfig({
- resolve: {
- alias: {
- '@': path.resolve(__dirname, './src'),
- vue: 'vue/dist/vue.esm-bundler.js'
- }
- },
- plugins: [vue(), dts()].concat(vitePlugins),
- build: {
- emptyOutDir: false,
- lib: {
- entry: path.resolve(__dirname, 'src/index.ts'),
- name: 'rpl',
- formats: ['es'],
- fileName: (f) => `rpl-lib.${f}.js`
- },
- sourcemap: false,
- // Reduce bloat from legacy polyfills.
- target: 'esnext',
- // Leave minification for now whilst we are non prod
- minify: false,
- rollupOptions: {
- external: ['vue'],
- output: {
- inlineDynamicImports: true,
- globals: {
- vue: 'Vue'
- }
- }
- }
- },
- server: {
- fs: {
- allow: ['../../']
- }
- }
-})
diff --git a/packages/ripple-ui-core/vue.vite.config.ts b/packages/ripple-ui-core/vue.vite.config.ts
deleted file mode 100644
index 8a8f6076a5..0000000000
--- a/packages/ripple-ui-core/vue.vite.config.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { defineConfig } from 'vite'
-import path from 'path'
-import vue from '@vitejs/plugin-vue'
-import dts from 'vite-plugin-dts'
-import vitePlugins from './src/vite.plugins'
-
-// https://vitejs.dev/config/
-// https://vitejs.dev/guide/build.html#library-mode
-export default defineConfig({
- resolve: {
- alias: {
- '@': path.resolve(__dirname, './src'),
- vue: 'vue/dist/vue.esm-bundler.js'
- }
- },
- plugins: [vue(), dts()].concat(vitePlugins),
- build: {
- emptyOutDir: false,
- lib: {
- entry: path.resolve(__dirname, 'src/components.ts'),
- name: 'rpl',
- formats: ['es'],
- fileName: (f) => `rpl-vue.${f}.js`
- },
- sourcemap: false,
- // Reduce bloat from legacy polyfills.
- target: 'esnext',
- // Leave minification for now whilst we are non prod
- minify: false,
- rollupOptions: {
- external: ['vue'],
- output: {
- inlineDynamicImports: true,
- globals: {
- vue: 'Vue'
- }
- }
- }
- },
- server: {
- fs: {
- allow: ['../../']
- }
- }
-})
diff --git a/packages/ripple-ui-core/wc.vite.config.ts b/packages/ripple-ui-core/wc.vite.config.ts
deleted file mode 100644
index 50c39a637a..0000000000
--- a/packages/ripple-ui-core/wc.vite.config.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { defineConfig } from 'vite'
-import path from 'path'
-import vue from '@vitejs/plugin-vue'
-// import dts from 'vite-dts'
-import dts from 'vite-plugin-dts'
-
-// https://vitejs.dev/config/
-// https://vitejs.dev/guide/build.html#library-mode
-export default defineConfig({
- resolve: {
- alias: {
- '@': path.resolve(__dirname, './src')
- }
- },
- plugins: [vue({ customElement: true }), dts()],
- build: {
- emptyOutDir: false,
- outDir: 'dist/web-components',
- lib: {
- entry: path.resolve(__dirname, 'src/web-components.ts'),
- name: 'rpl',
- fileName: (f) => `rpl-wc.${f}.js`
- },
- sourcemap: false,
- target: 'esnext',
- minify: false,
- rollupOptions: {
- external: ['vue'],
- output: {
- inlineDynamicImports: true,
- globals: {
- vue: 'Vue'
- }
- }
- }
- }
-})
diff --git a/packages/ripple-ui-forms/CHANGELOG.md b/packages/ripple-ui-forms/CHANGELOG.md
deleted file mode 100644
index 1404b9643d..0000000000
--- a/packages/ripple-ui-forms/CHANGELOG.md
+++ /dev/null
@@ -1,817 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-# [2.0.0-rc.1](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.201...v2.0.0-rc.1) (2023-06-22)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.200](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.199...v2.1.0-alpha.200) (2023-06-21)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.197](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.196...v2.1.0-alpha.197) (2023-06-20)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.195](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.194...v2.1.0-alpha.195) (2023-06-19)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.194](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.193...v2.1.0-alpha.194) (2023-06-16)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.193](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.192...v2.1.0-alpha.193) (2023-06-16)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.192](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.191...v2.1.0-alpha.192) (2023-06-16)
-
-### Bug Fixes
-
-* fixed vite-svg-loader not getting applied ([8baaa8d](https://github.com/dpc-sdp/ripple-framework/commit/8baaa8da6dadd06cd825f02bae4e202c5a983531))
-
-# [2.1.0-alpha.191](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.190...v2.1.0-alpha.191) (2023-06-16)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** fixed 'required' label always showing for checkboxes ([126ec66](https://github.com/dpc-sdp/ripple-framework/commit/126ec6611e4279a984204f30fb32104e19db0df8))
-
-# [2.1.0-alpha.190](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.189...v2.1.0-alpha.190) (2023-06-15)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** un-wrap date label for better voice over support ([d20d117](https://github.com/dpc-sdp/ripple-framework/commit/d20d117b11779379933b27eda69fc43bf9d1b5e7))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-forms:** update date text ([5d38743](https://github.com/dpc-sdp/ripple-framework/commit/5d38743a7c3daa3dfabba36848e7e4e4325653df))
-
-# [2.1.0-alpha.189](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.188...v2.1.0-alpha.189) (2023-06-15)
-
-### Bug Fixes
-
-* cleaning up browser console warnings ([06bcb20](https://github.com/dpc-sdp/ripple-framework/commit/06bcb20d0ef2b069973cb532bacd26efa5645e00))
-
-# [2.1.0-alpha.188](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.187...v2.1.0-alpha.188) (2023-06-13)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** fix RplFormActions variants ([a06a21e](https://github.com/dpc-sdp/ripple-framework/commit/a06a21e9035279f28421d251d4f6d8752552c673))
-
-# [2.1.0-alpha.186](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.185...v2.1.0-alpha.186) (2023-06-08)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** don't destructure form id ([d61da8f](https://github.com/dpc-sdp/ripple-framework/commit/d61da8f00514fe25b317811b8c7e4e432d54fcdc))
-* **@dpc-sdp/ripple-ui-forms:** don't destructure form id, design feedback, select options with enter ([efcb00e](https://github.com/dpc-sdp/ripple-framework/commit/efcb00e3c16e2b7480898e6bff468855a9dfef37))
-
-# [2.1.0-alpha.185](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.184...v2.1.0-alpha.185) (2023-06-06)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.183](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.182...v2.1.0-alpha.183) (2023-06-05)
-
-### Features
-
-* **@dpc-sdp/ripple-tide-landing-page:** conditional logic for checkbox lists and multi selects ([c5c80b3](https://github.com/dpc-sdp/ripple-framework/commit/c5c80b301acc04e9cf08168c523b7a30c048d1e2))
-
-# [2.1.0-alpha.182](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.181...v2.1.0-alpha.182) (2023-06-02)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** fixed date input jumbling the month and day fields ([a6adb91](https://github.com/dpc-sdp/ripple-framework/commit/a6adb91d420480d4310db639abf8a683af936f68))
-
-# [2.1.0-alpha.181](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.180...v2.1.0-alpha.181) (2023-06-01)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.180](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.179...v2.1.0-alpha.180) (2023-06-01)
-
-### Features
-
-* upgraded nuxt and vue to latest versions ([dd27f86](https://github.com/dpc-sdp/ripple-framework/commit/dd27f8613d263b1a6337fbc9e253c78954fb6768))
-
-# [2.1.0-alpha.178](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.177...v2.1.0-alpha.178) (2023-05-31)
-
-### Features
-
-* **@dpc-sdp/ripple-tide-landing-page:** add mapping for checkboxes ([18bf00d](https://github.com/dpc-sdp/ripple-framework/commit/18bf00d499e9c7809109b183bdec388f9e3fee1d))
-
-# [2.1.0-alpha.177](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.176...v2.1.0-alpha.177) (2023-05-30)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.176](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.175...v2.1.0-alpha.176) (2023-05-29)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.175](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.174...v2.1.0-alpha.175) (2023-05-25)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.174](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.173...v2.1.0-alpha.174) (2023-05-25)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.173](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.172...v2.1.0-alpha.173) (2023-05-25)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.171](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.170...v2.1.0-alpha.171) (2023-05-22)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.170](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.169...v2.1.0-alpha.170) (2023-05-22)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.169](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.168...v2.1.0-alpha.169) (2023-05-19)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.166](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.165...v2.1.0-alpha.166) (2023-05-18)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.165](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.164...v2.1.0-alpha.165) (2023-05-17)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.164](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.163...v2.1.0-alpha.164) (2023-05-15)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.163](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.162...v2.1.0-alpha.163) (2023-05-15)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.162](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.161...v2.1.0-alpha.162) (2023-05-15)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** textarea feedback ([f2bb2ff](https://github.com/dpc-sdp/ripple-framework/commit/f2bb2ff3e8b5227b20dc69b5a1463a6a30e3f080))
-
-# [2.1.0-alpha.161](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.160...v2.1.0-alpha.161) (2023-05-12)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.160](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.159...v2.1.0-alpha.160) (2023-05-12)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.159](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.158...v2.1.0-alpha.159) (2023-05-11)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.158](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.157...v2.1.0-alpha.158) (2023-05-10)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.157](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.156...v2.1.0-alpha.157) (2023-05-08)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.155](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.154...v2.1.0-alpha.155) (2023-05-08)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.154](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.153...v2.1.0-alpha.154) (2023-05-05)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.153](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.152...v2.1.0-alpha.153) (2023-05-05)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.152](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.151...v2.1.0-alpha.152) (2023-05-04)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.150](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.149...v2.1.0-alpha.150) (2023-05-01)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.149](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.148...v2.1.0-alpha.149) (2023-04-26)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.148](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.147...v2.1.0-alpha.148) (2023-04-20)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.147](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.146...v2.1.0-alpha.147) (2023-04-20)
-
-### Features
-
-* **@dpc-sdp/nuxt-ripple-analytics:** add example input event ([fea3385](https://github.com/dpc-sdp/ripple-framework/commit/fea3385279bf80a1baec82f4a10a84a12a1e2717))
-* **@dpc-sdp/nuxt-ripple-analytics:** add ga events ([05a15a5](https://github.com/dpc-sdp/ripple-framework/commit/05a15a5ebe1543dc6fc697b5c2d93777dac8a322))
-* **@dpc-sdp/nuxt-ripple-analytics:** switch to rpl events composable ([d18f4e8](https://github.com/dpc-sdp/ripple-framework/commit/d18f4e8f2c6f5c030c9a0781d9583fab60dc6903))
-
-# [2.1.0-alpha.145](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.144...v2.1.0-alpha.145) (2023-04-18)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.143](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.142...v2.1.0-alpha.143) (2023-04-18)
-
-### Performance Improvements
-
-* **@dpc-sdp/ripple-ui-core:** :zap: remove global component definitions ([1876256](https://github.com/dpc-sdp/ripple-framework/commit/187625669a992c788d29455455293020fbc9e088))
-
-# [2.1.0-alpha.142](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.141...v2.1.0-alpha.142) (2023-04-17)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.140](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.139...v2.1.0-alpha.140) (2023-04-14)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** print style feedback and additions ([823cc42](https://github.com/dpc-sdp/ripple-framework/commit/823cc42050ed621a3bf1632e44671a778460918e))
-
-# [2.1.0-alpha.139](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.138...v2.1.0-alpha.139) (2023-04-12)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.138](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.137...v2.1.0-alpha.138) (2023-04-12)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.137](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.136...v2.1.0-alpha.137) (2023-04-06)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.135](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.134...v2.1.0-alpha.135) (2023-04-05)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.134](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.133...v2.1.0-alpha.134) (2023-04-05)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.133](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.132...v2.1.0-alpha.133) (2023-04-05)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.132](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.131...v2.1.0-alpha.132) (2023-04-04)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.130](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.129...v2.1.0-alpha.130) (2023-04-04)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-forms:** show required message for checkboxes with no label ([3c5f77b](https://github.com/dpc-sdp/ripple-framework/commit/3c5f77b9472c6fa6a01dc481e910efa628a57db6))
-
-# [2.1.0-alpha.129](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.128...v2.1.0-alpha.129) (2023-04-03)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.127](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.126...v2.1.0-alpha.127) (2023-03-31)
-
-### Bug Fixes
-
-* update packageManager to match engines requirement ([8f09a1e](https://github.com/dpc-sdp/ripple-framework/commit/8f09a1ed63d4e8ccabf589f2446c305a85ad6ce9))
-
-# [2.1.0-alpha.126](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.125...v2.1.0-alpha.126) (2023-03-30)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.124](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.123...v2.1.0-alpha.124) (2023-03-29)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.122](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.121...v2.1.0-alpha.122) (2023-03-24)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.120](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.119...v2.1.0-alpha.120) (2023-03-21)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.116](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.115...v2.1.0-alpha.116) (2023-03-17)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.115](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.114...v2.1.0-alpha.115) (2023-03-17)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.114](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.113...v2.1.0-alpha.114) (2023-03-16)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.113](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.112...v2.1.0-alpha.113) (2023-03-16)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** tidied up word counter messaging ([b6c8c46](https://github.com/dpc-sdp/ripple-framework/commit/b6c8c4659d97bc32da1613d0d9515839f077d2ad))
-
-# [2.1.0-alpha.112](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.111...v2.1.0-alpha.112) (2023-03-15)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-tide-landing-page:** :bug: add missing includes for card carousel ([64f5ae0](https://github.com/dpc-sdp/ripple-framework/commit/64f5ae013deeeba9941d799b87d151377a1291c8))
-
-# [2.1.0-alpha.111](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.110...v2.1.0-alpha.111) (2023-03-15)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.110](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.109...v2.1.0-alpha.110) (2023-03-14)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.109](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.108...v2.1.0-alpha.109) (2023-03-13)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.108](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.107...v2.1.0-alpha.108) (2023-03-10)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.107](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.106...v2.1.0-alpha.107) (2023-03-10)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.106](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.105...v2.1.0-alpha.106) (2023-03-10)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.104](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.103...v2.1.0-alpha.104) (2023-03-10)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** :bug: fixed multiple conditional form logic issues ([be247b4](https://github.com/dpc-sdp/ripple-framework/commit/be247b4c014b1af2ca2d1ad65878d84113feabb6))
-* **@dpc-sdp/ripple-ui-forms:** :bug: removed formkit error message from bottom of form ([63d79d1](https://github.com/dpc-sdp/ripple-framework/commit/63d79d17e964d9649381c097c246b757180f9183))
-
-# [2.1.0-alpha.101](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.100...v2.1.0-alpha.101) (2023-03-08)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.100](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.99...v2.1.0-alpha.100) (2023-03-08)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.99](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.98...v2.1.0-alpha.99) (2023-03-07)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.98](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.97...v2.1.0-alpha.98) (2023-03-07)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.97](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.96...v2.1.0-alpha.97) (2023-03-07)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.96](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.95...v2.1.0-alpha.96) (2023-03-06)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.95](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.94...v2.1.0-alpha.95) (2023-03-02)
-
-### Bug Fixes
-
-* cleanup linting warnings ([2645725](https://github.com/dpc-sdp/ripple-framework/commit/26457253264db9b8836273a2a7380d9b50be2b11))
-
-# [2.1.0-alpha.93](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.92...v2.1.0-alpha.93) (2023-02-24)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.91](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.90...v2.1.0-alpha.91) (2023-02-23)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.90](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.89...v2.1.0-alpha.90) (2023-02-22)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.89](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.88...v2.1.0-alpha.89) (2023-02-21)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.88](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.87...v2.1.0-alpha.88) (2023-02-21)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.87](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.86...v2.1.0-alpha.87) (2023-02-20)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** update z-index tokens ([eae9318](https://github.com/dpc-sdp/ripple-framework/commit/eae93180b8086d6d6d40672f0feb97a8e3943553))
-
-# [2.1.0-alpha.86](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.85...v2.1.0-alpha.86) (2023-02-20)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.85](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.84...v2.1.0-alpha.85) (2023-02-19)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.83](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.82...v2.1.0-alpha.83) (2023-02-19)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.82](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.81...v2.1.0-alpha.82) (2023-02-16)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.81](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.80...v2.1.0-alpha.81) (2023-02-15)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.80](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.79...v2.1.0-alpha.80) (2023-02-15)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.78](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.77...v2.1.0-alpha.78) (2023-02-12)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-forms:** connected button busy state to form submit - not working ([b52fe55](https://github.com/dpc-sdp/ripple-framework/commit/b52fe5565fe1d4aa64270814499d3d68c72e1410))
-
-# [2.1.0-alpha.76](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.75...v2.1.0-alpha.76) (2023-02-08)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.75](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.74...v2.1.0-alpha.75) (2023-02-07)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-core:** fix pluralization ([42fb8ea](https://github.com/dpc-sdp/ripple-framework/commit/42fb8ea2f9123e81a1e4d39cda37f941986b8224))
-
-# [2.1.0-alpha.73](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.72...v2.1.0-alpha.73) (2023-02-05)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.71](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.70...v2.1.0-alpha.71) (2023-01-31)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.70](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.69...v2.1.0-alpha.70) (2023-01-30)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.69](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.68...v2.1.0-alpha.69) (2023-01-29)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.67](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.66...v2.1.0-alpha.67) (2023-01-27)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.65](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.64...v2.1.0-alpha.65) (2023-01-25)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.64](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.63...v2.1.0-alpha.64) (2023-01-24)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.63](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.62...v2.1.0-alpha.63) (2023-01-24)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** fixed file casing issue breaking build ([9c8560b](https://github.com/dpc-sdp/ripple-framework/commit/9c8560b24043516063feb16f428abb42b9eb372b))
-* **@dpc-sdp/ripple-ui-forms:** fixed storybook snapshots ([1839dbb](https://github.com/dpc-sdp/ripple-framework/commit/1839dbb8a1e86ed13545507693e3f2b7ba53fa03))
-
-### Features
-
-* **@dpc-sdp/ripple-tide-search:** added filter form to search page ([b4724a4](https://github.com/dpc-sdp/ripple-framework/commit/b4724a4c7c52bbcca287a96799a2c7e43bbf4df2))
-* **@dpc-sdp/ripple-tide-search:** cleaned up search page styling ([83522c3](https://github.com/dpc-sdp/ripple-framework/commit/83522c3c8f1f7a5ba6979ebf95dc2371db6d4347))
-* **@dpc-sdp/ripple-ui-forms:** added 'label' input mapping ([3922b43](https://github.com/dpc-sdp/ripple-framework/commit/3922b43d155808aa536813c71ce18fe99c4f8fdd))
-* **@dpc-sdp/ripple-ui-forms:** added mapping for advanced address field ([13fc641](https://github.com/dpc-sdp/ripple-framework/commit/13fc6414d00c35e4c6bc3eb7ddcb4deef7391d92))
-* **@dpc-sdp/ripple-ui-forms:** added nested grids and grid options for inputs ([df23b0f](https://github.com/dpc-sdp/ripple-framework/commit/df23b0f9abba6b2a13c26619284de3c3de8f686a))
-* added cypress component testing for forms ([c4da43f](https://github.com/dpc-sdp/ripple-framework/commit/c4da43f3d6d4e4d77827faf934f34efe1ba3ecc7))
-* adds cypress component testing in ui core ([2372a8f](https://github.com/dpc-sdp/ripple-framework/commit/2372a8fdc2a92e0ad2841fb937460bccf258bfec))
-
-# [2.1.0-alpha.61](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.60...v2.1.0-alpha.61) (2023-01-11)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-forms:** added option button form component ([26a5190](https://github.com/dpc-sdp/ripple-framework/commit/26a5190140e09284b848f5392e054805dd52fc38))
-
-# [2.1.0-alpha.60](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.59...v2.1.0-alpha.60) (2023-01-10)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** removed unused code ([3343c27](https://github.com/dpc-sdp/ripple-framework/commit/3343c27f95924ccee20cbca706f3a9264f1cd269))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-forms:** added conditional logic for drupal webforms ([a41b03b](https://github.com/dpc-sdp/ripple-framework/commit/a41b03b50c3ec54562da2f9b1ce9e5634c68d431))
-* **@dpc-sdp/ripple-ui-forms:** added support for 'one of' conditional webform rules (xor) ([d983d89](https://github.com/dpc-sdp/ripple-framework/commit/d983d8992997c534c6012c4df9b1398a9235cb05))
-
-# [2.1.0-alpha.57](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.56...v2.1.0-alpha.57) (2023-01-09)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-forms:** added date input form component ([e10be60](https://github.com/dpc-sdp/ripple-framework/commit/e10be60a34bd846d1de5c7e6f76c04b466f64356))
-
-# [2.1.0-alpha.56](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.55...v2.1.0-alpha.56) (2023-01-06)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.55](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.54...v2.1.0-alpha.55) (2023-01-04)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.54](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.53...v2.1.0-alpha.54) (2023-01-03)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.53](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.52...v2.1.0-alpha.53) (2022-12-30)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.52](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.51...v2.1.0-alpha.52) (2022-12-22)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.51](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.50...v2.1.0-alpha.51) (2022-12-22)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.50](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.49...v2.1.0-alpha.50) (2022-12-21)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.49](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.48...v2.1.0-alpha.49) (2022-12-20)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** fixed build after merge conflict ([ef0a8cb](https://github.com/dpc-sdp/ripple-framework/commit/ef0a8cb2196aa2a2b6b13a14b3cc71f37ba8b5a0))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-forms:** added radio button to formkit ([6bfe55b](https://github.com/dpc-sdp/ripple-framework/commit/6bfe55b135e98dca9266076f4589eb12c4e9aa59))
-* **@dpc-sdp/ripple-ui-forms:** added ui component for radio group ([c3b0b3d](https://github.com/dpc-sdp/ripple-framework/commit/c3b0b3ddd4fca4c35c37ed71ebd40748361158c6))
-
-# [2.1.0-alpha.48](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.47...v2.1.0-alpha.48) (2022-12-19)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-forms:** added min/max validation to number input ([a149a0b](https://github.com/dpc-sdp/ripple-framework/commit/a149a0b5002cd3d81297c34e07ed6f52c2066ac5))
-
-# [2.1.0-alpha.47](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.46...v2.1.0-alpha.47) (2022-12-19)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-forms:** added basic and advanced HTML content to forms ([a2c6ab6](https://github.com/dpc-sdp/ripple-framework/commit/a2c6ab6910bb1c70b4be11a15f3fb3eb0178b9f2))
-* **@dpc-sdp/ripple-ui-forms:** added horizontal rule webform component ([f3f4535](https://github.com/dpc-sdp/ripple-framework/commit/f3f45357becca4c5f18109050c0e8896bc2a0675))
-
-# [2.1.0-alpha.45](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.44...v2.1.0-alpha.45) (2022-12-19)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.44](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.43...v2.1.0-alpha.44) (2022-12-18)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** added missing breakpoint import ([6ff9c1d](https://github.com/dpc-sdp/ripple-framework/commit/6ff9c1d6e193399aefe22520481a87840d90b317))
-
-# [2.1.0-alpha.43](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.42...v2.1.0-alpha.43) (2022-12-15)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.42](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.41...v2.1.0-alpha.42) (2022-12-15)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** fixed form actions styling ([c394a3c](https://github.com/dpc-sdp/ripple-framework/commit/c394a3c3394106cf9a45554abd535148bcb43a5c))
-* **@dpc-sdp/ripple-ui-forms:** fixed form alert title styling ([18bb3f6](https://github.com/dpc-sdp/ripple-framework/commit/18bb3f60d7004fcbd4ff2234490101cc33f3e0c8))
-* **@dpc-sdp/ripple-ui-forms:** tidied form alert styling ([353aeae](https://github.com/dpc-sdp/ripple-framework/commit/353aeaef5f3ca3f3aaaa070d078677e5ef9d03d7))
-
-# [2.1.0-alpha.41](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.40...v2.1.0-alpha.41) (2022-12-15)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** remaining copy update ([713d167](https://github.com/dpc-sdp/ripple-framework/commit/713d167d2b1d6d256a9b164b385358b0ce5f44c7))
-
-# [2.1.0-alpha.40](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.39...v2.1.0-alpha.40) (2022-12-15)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.39](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.38...v2.1.0-alpha.39) (2022-12-14)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** tidied up form alert styling ([b716d95](https://github.com/dpc-sdp/ripple-framework/commit/b716d95323e1a107f22e1c13bd1384c656dada56))
-
-# [2.1.0-alpha.38](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.37...v2.1.0-alpha.38) (2022-12-14)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** add textarea, minmax/counter support, basic tests, update borders ([85f91e8](https://github.com/dpc-sdp/ripple-framework/commit/85f91e87579164d5083b051e45f6d25bf52d2c4f))
-
-# [2.1.0-alpha.36](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.35...v2.1.0-alpha.36) (2022-12-14)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.35](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.34...v2.1.0-alpha.35) (2022-12-14)
-
-### Features
-
-* **@dpc-sdp/ripple-tide-api:** wip for form submit proxy ([91817a2](https://github.com/dpc-sdp/ripple-framework/commit/91817a2b5752d579b67f1899f55542cec13a02a5))
-* **@dpc-sdp/ripple-ui-forms:** added ability to scroll directly to a form field from sumary ([90fdc1d](https://github.com/dpc-sdp/ripple-framework/commit/90fdc1d74b4a38a404ca91cabc5f1513923ebe2d))
-* **@dpc-sdp/ripple-ui-forms:** added clear form button and cleaned up success message ([54eca81](https://github.com/dpc-sdp/ripple-framework/commit/54eca81466fd27a7dad225e0a3f03f83e344c78b))
-* **@dpc-sdp/ripple-ui-forms:** added form alert ui component ([6d99139](https://github.com/dpc-sdp/ripple-framework/commit/6d99139ad367c65579502efa5621bbaf337fd722))
-* **@dpc-sdp/ripple-ui-forms:** added submission success and error messages ([c54aed8](https://github.com/dpc-sdp/ripple-framework/commit/c54aed8d66f39bbe64938caedea6bada54b19b1b))
-* **@dpc-sdp/ripple-ui-forms:** show error summary on invalid submit ([5897d68](https://github.com/dpc-sdp/ripple-framework/commit/5897d68161ffd9e28f9364025514f96ed017f1a0))
-
-# [2.1.0-alpha.34](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.33...v2.1.0-alpha.34) (2022-12-13)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.31](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.30...v2.1.0-alpha.31) (2022-12-09)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.30](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.29...v2.1.0-alpha.30) (2022-12-07)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.29](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.28...v2.1.0-alpha.29) (2022-12-07)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.28](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.27...v2.1.0-alpha.28) (2022-12-07)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** :bug: typo ([a465e1a](https://github.com/dpc-sdp/ripple-framework/commit/a465e1a3a52331ffe86ab864d0e216abdd422d36))
-
-# [2.1.0-alpha.27](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.26...v2.1.0-alpha.27) (2022-12-06)
-
-### Features
-
-* **@dpc-sdp/ripple-tide-landing-page:** added what's next sidebar component ([c7a966d](https://github.com/dpc-sdp/ripple-framework/commit/c7a966df8214069099715855770355a9a1a541ef))
-
-# [2.1.0-alpha.26](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.25...v2.1.0-alpha.26) (2022-12-06)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.25](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.24...v2.1.0-alpha.25) (2022-12-05)
-
-### Features
-
-* **@dpc-sdp/ripple-ui-forms:** added mapping for privacy statement field ([706b06a](https://github.com/dpc-sdp/ripple-framework/commit/706b06a1cc55d6381a09379c08a05104cddbe7f1))
-* **@dpc-sdp/ripple-ui-forms:** added mapping for url, tel and number fields ([b980ec5](https://github.com/dpc-sdp/ripple-framework/commit/b980ec5d7f965447f34a9e7a76950883120df02f))
-* **@dpc-sdp/ripple-ui-forms:** finished off input field styling ([e127ba1](https://github.com/dpc-sdp/ripple-framework/commit/e127ba134cc4fccc86af12293f09fbde93a36621))
-
-# [2.1.0-alpha.24](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.23...v2.1.0-alpha.24) (2022-12-02)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** fixed dropdown incorrectly using fieldset ([97e5974](https://github.com/dpc-sdp/ripple-framework/commit/97e597474461dc6e23a0454cfdb74bd62dba2265))
-* **@dpc-sdp/ripple-ui-forms:** fixed failing test ([7010ecb](https://github.com/dpc-sdp/ripple-framework/commit/7010ecb222a0707edf64ca58539609ad97258e4e))
-* **@dpc-sdp/ripple-ui-forms:** fixed issue with display of single dropdown value ([53d0609](https://github.com/dpc-sdp/ripple-framework/commit/53d06098f842154d76a1772be2318f96ec9aef63))
-* **@dpc-sdp/ripple-ui-forms:** fixed up dropdown label and placeholder display ([120329d](https://github.com/dpc-sdp/ripple-framework/commit/120329d8b2b62e2a6fbb4ea82f2956ab095f466a))
-* **@dpc-sdp/ripple-ui-forms:** removed messy example markup ([a1439bb](https://github.com/dpc-sdp/ripple-framework/commit/a1439bb23606fd22c582d7fce370b0ddb26574c3))
-* fixed up focused checkmark stying ([142d665](https://github.com/dpc-sdp/ripple-framework/commit/142d66532821f9d8309135dca94d7cf6d600f965))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-forms:** :zap: added dropdown to formkit ([daebdf7](https://github.com/dpc-sdp/ripple-framework/commit/daebdf7f8359ce485cd547116211373f081d3206))
-* **@dpc-sdp/ripple-ui-forms:** add support for rich text labels ([dbb9ceb](https://github.com/dpc-sdp/ripple-framework/commit/dbb9ceb51f1e20eb9d68d82de68b83de41a7ea85))
-* **@dpc-sdp/ripple-ui-forms:** added disabled state for dropdown ([76fe139](https://github.com/dpc-sdp/ripple-framework/commit/76fe13959218edb0a52141d677890e7fcf0575a2))
-* **@dpc-sdp/ripple-ui-forms:** added first pass at the dropdown form component ([dabe224](https://github.com/dpc-sdp/ripple-framework/commit/dabe2244f052e8fb3355d1876047c8dc634b5313))
-* **@dpc-sdp/ripple-ui-forms:** added logic for display multiple selected dropdown values ([a8868c6](https://github.com/dpc-sdp/ripple-framework/commit/a8868c64a4f5686b35442c8ed21496bb29cafe48))
-* **@dpc-sdp/ripple-ui-forms:** added mapping for 'webform-term-select' ([a6efdb2](https://github.com/dpc-sdp/ripple-framework/commit/a6efdb281c387bc7deb9b0c0336a1a1d1f459b1f))
-* **@dpc-sdp/ripple-ui-forms:** added required and invalid attributes to form fields ([e903836](https://github.com/dpc-sdp/ripple-framework/commit/e903836e04f025b924c9397c6b260225e5a094e1))
-* **@dpc-sdp/ripple-ui-forms:** added scroll functionality to dropdown component ([88c3441](https://github.com/dpc-sdp/ripple-framework/commit/88c34417d742b0ffb2baafee6acb2407c22cdbab))
-* **@dpc-sdp/ripple-ui-forms:** connected label and error state to dropdown ([97ab27e](https://github.com/dpc-sdp/ripple-framework/commit/97ab27e619337fb6f711f96af1675162c42ebbc1))
-* **@dpc-sdp/ripple-ui-forms:** more basic styling of dropdown ([5ede317](https://github.com/dpc-sdp/ripple-framework/commit/5ede31709a6cfb5a195156a6ffe42df44a9718b0))
-
-# [2.1.0-alpha.23](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.22...v2.1.0-alpha.23) (2022-12-02)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.20](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.19...v2.1.0-alpha.20) (2022-11-29)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.19](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.18...v2.1.0-alpha.19) (2022-11-28)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.18](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.17...v2.1.0-alpha.18) (2022-11-28)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.17](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.16...v2.1.0-alpha.17) (2022-11-28)
-
-### Features
-
-* **@dpc-sdp/ripple-tide-landing-page:** added webforms mapping for checkbox ([fb1dbf5](https://github.com/dpc-sdp/ripple-framework/commit/fb1dbf587a30a01927dde3c4f1405202b0dabe69))
-* **@dpc-sdp/ripple-ui-forms:** added checkbox group form component ([6dee1b4](https://github.com/dpc-sdp/ripple-framework/commit/6dee1b41b80e375f32a7f282c03a0eabc1b15dd1))
-* **@dpc-sdp/ripple-ui-forms:** added checkbox group to formkit ([1da2646](https://github.com/dpc-sdp/ripple-framework/commit/1da26468c60ce854221ece8dc0b1af6e5391c04a))
-* **@dpc-sdp/ripple-ui-forms:** added single checkbox form component ([2d7805a](https://github.com/dpc-sdp/ripple-framework/commit/2d7805ad258752949f8fca30291d4b84995ef805))
-* **@dpc-sdp/ripple-ui-forms:** added single checkbox to formkit ([24bd76b](https://github.com/dpc-sdp/ripple-framework/commit/24bd76b0969edcd50c8eaf06eaadb31aa5c50a46))
-
-# [2.1.0-alpha.16](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.15...v2.1.0-alpha.16) (2022-11-25)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.15](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.14...v2.1.0-alpha.15) (2022-11-23)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.14](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.13...v2.1.0-alpha.14) (2022-11-21)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.13](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.12...v2.1.0-alpha.13) (2022-11-21)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.12](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.11...v2.1.0-alpha.12) (2022-11-18)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.11](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.10...v2.1.0-alpha.11) (2022-11-16)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.10](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.9...v2.1.0-alpha.10) (2022-11-16)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.9](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.8...v2.1.0-alpha.9) (2022-11-14)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.8](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.7...v2.1.0-alpha.8) (2022-11-09)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.6](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.5...v2.1.0-alpha.6) (2022-11-09)
-
-### Bug Fixes
-
-* remove nuxt plugins temporarily ([2310635](https://github.com/dpc-sdp/ripple-framework/commit/2310635414306dc802ae29d55d239ffb77f55c6f))
-
-# [2.1.0-alpha.5](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.4...v2.1.0-alpha.5) (2022-11-09)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.1.0-alpha.1](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.0...v2.1.0-alpha.1) (2022-11-08)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# 2.1.0-alpha.0 (2022-11-08)
-
-### Bug Fixes
-
-* **@dpc-sdp/ripple-ui-forms:** :bug: fix missing vue types ([39b471b](https://github.com/dpc-sdp/ripple-framework/commit/39b471b6c6c07ee45324dd4dce242741ab48a44b))
-* **@dpc-sdp/ripple-ui-forms:** fix issue with slots story ([bb2ce80](https://github.com/dpc-sdp/ripple-framework/commit/bb2ce807c505d2aa13418b256a39f7893ab1e9f3))
-* **@dpc-sdp/ripple-ui-forms:** fix type check in forms test ([2f0e64b](https://github.com/dpc-sdp/ripple-framework/commit/2f0e64b916dcb207eff72a7806d57a603ab5dd11))
-
-### Features
-
-* **@dpc-sdp/ripple-ui-core:** :construction: proof of concept for formkit forms ([2484620](https://github.com/dpc-sdp/ripple-framework/commit/2484620f91dd8fd3573d546adf1bff290130d3f5))
-* **@dpc-sdp/ripple-ui-forms:** :building_construction: move storybook to project root, add forms ([578f8c9](https://github.com/dpc-sdp/ripple-framework/commit/578f8c92904e5f05f24ec1d8cb0646af13a32a43))
-* **@dpc-sdp/ripple-ui-forms:** :sparkles: change form validation to be on submit ([eedc937](https://github.com/dpc-sdp/ripple-framework/commit/eedc9373cb04817c94fd095d2c564e56140064c1))
-
-## [2.0.1-alpha.4](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.1-alpha.3...v2.0.1-alpha.4) (2022-11-06)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-## [2.0.1-alpha.3](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.1-alpha.2...v2.0.1-alpha.3) (2022-11-04)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-## [2.0.1-alpha.2](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.1-alpha.1...v2.0.1-alpha.2) (2022-11-04)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-## 2.0.1-alpha.0 (2022-11-04)
-
-### Bug Fixes
-
-- **@dpc-sdp/ripple-ui-forms:** :bug: fix missing vue types ([39b471b](https://github.com/dpc-sdp/ripple-framework/commit/39b471b6c6c07ee45324dd4dce242741ab48a44b))
-
-### Features
-
-- **@dpc-sdp/ripple-ui-core:** :construction: proof of concept for formkit forms ([2484620](https://github.com/dpc-sdp/ripple-framework/commit/2484620f91dd8fd3573d546adf1bff290130d3f5))
-- **@dpc-sdp/ripple-ui-forms:** :building_construction: move storybook to project root, add forms ([578f8c9](https://github.com/dpc-sdp/ripple-framework/commit/578f8c92904e5f05f24ec1d8cb0646af13a32a43))
-
-# [2.0.0-alpha.2](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.0-alpha.1...v2.0.0-alpha.2) (2022-11-04)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# [2.0.0-alpha.1](https://github.com/dpc-sdp/ripple-framework/compare/v2.0.0-alpha.0...v2.0.0-alpha.1) (2022-11-04)
-
-**Note:** Version bump only for package @dpc-sdp/ripple-ui-forms
-
-# 2.0.0-alpha.0 (2022-11-04)
-
-### Bug Fixes
-
-- **@dpc-sdp/ripple-ui-forms:** :bug: fix missing vue types ([39b471b](https://github.com/dpc-sdp/ripple-framework/commit/39b471b6c6c07ee45324dd4dce242741ab48a44b))
-
-### Features
-
-- **@dpc-sdp/ripple-ui-core:** :construction: proof of concept for formkit forms ([2484620](https://github.com/dpc-sdp/ripple-framework/commit/2484620f91dd8fd3573d546adf1bff290130d3f5))
-- **@dpc-sdp/ripple-ui-forms:** :building_construction: move storybook to project root, add forms ([578f8c9](https://github.com/dpc-sdp/ripple-framework/commit/578f8c92904e5f05f24ec1d8cb0646af13a32a43))
diff --git a/packages/ripple-ui-forms/LICENSE b/packages/ripple-ui-forms/LICENSE
deleted file mode 100644
index 6b97259524..0000000000
--- a/packages/ripple-ui-forms/LICENSE
+++ /dev/null
@@ -1,201 +0,0 @@
- Apache License
- Version 2.0, January 2004
- http://www.apache.org/licenses/
-
-TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-1. Definitions.
-
- "License" shall mean the terms and conditions for use, reproduction,
- and distribution as defined by Sections 1 through 9 of this document.
-
- "Licensor" shall mean the copyright owner or entity authorized by
- the copyright owner that is granting the License.
-
- "Legal Entity" shall mean the union of the acting entity and all
- other entities that control, are controlled by, or are under common
- control with that entity. For the purposes of this definition,
- "control" means (i) the power, direct or indirect, to cause the
- direction or management of such entity, whether by contract or
- otherwise, or (ii) ownership of fifty percent (50%) or more of the
- outstanding shares, or (iii) beneficial ownership of such entity.
-
- "You" (or "Your") shall mean an individual or Legal Entity
- exercising permissions granted by this License.
-
- "Source" form shall mean the preferred form for making modifications,
- including but not limited to software source code, documentation
- source, and configuration files.
-
- "Object" form shall mean any form resulting from mechanical
- transformation or translation of a Source form, including but
- not limited to compiled object code, generated documentation,
- and conversions to other media types.
-
- "Work" shall mean the work of authorship, whether in Source or
- Object form, made available under the License, as indicated by a
- copyright notice that is included in or attached to the work
- (an example is provided in the Appendix below).
-
- "Derivative Works" shall mean any work, whether in Source or Object
- form, that is based on (or derived from) the Work and for which the
- editorial revisions, annotations, elaborations, or other modifications
- represent, as a whole, an original work of authorship. For the purposes
- of this License, Derivative Works shall not include works that remain
- separable from, or merely link (or bind by name) to the interfaces of,
- the Work and Derivative Works thereof.
-
- "Contribution" shall mean any work of authorship, including
- the original version of the Work and any modifications or additions
- to that Work or Derivative Works thereof, that is intentionally
- submitted to Licensor for inclusion in the Work by the copyright owner
- or by an individual or Legal Entity authorized to submit on behalf of
- the copyright owner. For the purposes of this definition, "submitted"
- means any form of electronic, verbal, or written communication sent
- to the Licensor or its representatives, including but not limited to
- communication on electronic mailing lists, source code control systems,
- and issue tracking systems that are managed by, or on behalf of, the
- Licensor for the purpose of discussing and improving the Work, but
- excluding communication that is conspicuously marked or otherwise
- designated in writing by the copyright owner as "Not a Contribution."
-
- "Contributor" shall mean Licensor and any individual or Legal Entity
- on behalf of whom a Contribution has been received by Licensor and
- subsequently incorporated within the Work.
-
-2. Grant of Copyright License. Subject to the terms and conditions of
- this License, each Contributor hereby grants to You a perpetual,
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
- copyright license to reproduce, prepare Derivative Works of,
- publicly display, publicly perform, sublicense, and distribute the
- Work and such Derivative Works in Source or Object form.
-
-3. Grant of Patent License. Subject to the terms and conditions of
- this License, each Contributor hereby grants to You a perpetual,
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
- (except as stated in this section) patent license to make, have made,
- use, offer to sell, sell, import, and otherwise transfer the Work,
- where such license applies only to those patent claims licensable
- by such Contributor that are necessarily infringed by their
- Contribution(s) alone or by combination of their Contribution(s)
- with the Work to which such Contribution(s) was submitted. If You
- institute patent litigation against any entity (including a
- cross-claim or counterclaim in a lawsuit) alleging that the Work
- or a Contribution incorporated within the Work constitutes direct
- or contributory patent infringement, then any patent licenses
- granted to You under this License for that Work shall terminate
- as of the date such litigation is filed.
-
-4. Redistribution. You may reproduce and distribute copies of the
- Work or Derivative Works thereof in any medium, with or without
- modifications, and in Source or Object form, provided that You
- meet the following conditions:
-
- (a) You must give any other recipients of the Work or
- Derivative Works a copy of this License; and
-
- (b) You must cause any modified files to carry prominent notices
- stating that You changed the files; and
-
- (c) You must retain, in the Source form of any Derivative Works
- that You distribute, all copyright, patent, trademark, and
- attribution notices from the Source form of the Work,
- excluding those notices that do not pertain to any part of
- the Derivative Works; and
-
- (d) If the Work includes a "NOTICE" text file as part of its
- distribution, then any Derivative Works that You distribute must
- include a readable copy of the attribution notices contained
- within such NOTICE file, excluding those notices that do not
- pertain to any part of the Derivative Works, in at least one
- of the following places: within a NOTICE text file distributed
- as part of the Derivative Works; within the Source form or
- documentation, if provided along with the Derivative Works; or,
- within a display generated by the Derivative Works, if and
- wherever such third-party notices normally appear. The contents
- of the NOTICE file are for informational purposes only and
- do not modify the License. You may add Your own attribution
- notices within Derivative Works that You distribute, alongside
- or as an addendum to the NOTICE text from the Work, provided
- that such additional attribution notices cannot be construed
- as modifying the License.
-
- You may add Your own copyright statement to Your modifications and
- may provide additional or different license terms and conditions
- for use, reproduction, or distribution of Your modifications, or
- for any such Derivative Works as a whole, provided Your use,
- reproduction, and distribution of the Work otherwise complies with
- the conditions stated in this License.
-
-5. Submission of Contributions. Unless You explicitly state otherwise,
- any Contribution intentionally submitted for inclusion in the Work
- by You to the Licensor shall be under the terms and conditions of
- this License, without any additional terms or conditions.
- Notwithstanding the above, nothing herein shall supersede or modify
- the terms of any separate license agreement you may have executed
- with Licensor regarding such Contributions.
-
-6. Trademarks. This License does not grant permission to use the trade
- names, trademarks, service marks, or product names of the Licensor,
- except as required for reasonable and customary use in describing the
- origin of the Work and reproducing the content of the NOTICE file.
-
-7. Disclaimer of Warranty. Unless required by applicable law or
- agreed to in writing, Licensor provides the Work (and each
- Contributor provides its Contributions) on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
- implied, including, without limitation, any warranties or conditions
- of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
- PARTICULAR PURPOSE. You are solely responsible for determining the
- appropriateness of using or redistributing the Work and assume any
- risks associated with Your exercise of permissions under this License.
-
-8. Limitation of Liability. In no event and under no legal theory,
- whether in tort (including negligence), contract, or otherwise,
- unless required by applicable law (such as deliberate and grossly
- negligent acts) or agreed to in writing, shall any Contributor be
- liable to You for damages, including any direct, indirect, special,
- incidental, or consequential damages of any character arising as a
- result of this License or out of the use or inability to use the
- Work (including but not limited to damages for loss of goodwill,
- work stoppage, computer failure or malfunction, or any and all
- other commercial damages or losses), even if such Contributor
- has been advised of the possibility of such damages.
-
-9. Accepting Warranty or Additional Liability. While redistributing
- the Work or Derivative Works thereof, You may choose to offer,
- and charge a fee for, acceptance of support, warranty, indemnity,
- or other liability obligations and/or rights consistent with this
- License. However, in accepting such obligations, You may act only
- on Your own behalf and on Your sole responsibility, not on behalf
- of any other Contributor, and only if You agree to indemnify,
- defend, and hold each Contributor harmless for any liability
- incurred by, or claims asserted against, such Contributor by reason
- of your accepting any such warranty or additional liability.
-
-END OF TERMS AND CONDITIONS
-
-APPENDIX: How to apply the Apache License to your work.
-
- To apply the Apache License to your work, attach the following
- boilerplate notice, with the fields enclosed by brackets "[]"
- replaced with your own identifying information. (Don't include
- the brackets!) The text should be enclosed in the appropriate
- comment syntax for the file format. We also recommend that a
- file or class name and description of purpose be included on the
- same "printed page" as the copyright notice for easier
- identification within third-party archives.
-
-Copyright 2018 Software Freedom Conservancy (SFC)
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
diff --git a/packages/ripple-ui-forms/README.md b/packages/ripple-ui-forms/README.md
deleted file mode 100644
index 9280bfb2ab..0000000000
--- a/packages/ripple-ui-forms/README.md
+++ /dev/null
@@ -1,73 +0,0 @@
-# Ripple UI Forms
-
-> A Vue 3 form component library built with [Formkit](https://formkit.com/). [View the Ripple storybook](https://www.ripple.sdp.vic.gov.au/storybook/?path=/story/forms-form--default-story) to start exploring available components.
-
-Form fields can be used individually `` to handcraft form experiences. However, using the `` component and providing a form schema provides a simpler way to define and generate forms.
-
-```vue
-
-
-
-
-```
-
-## SDP Platform (Tide)
-
-If you're using this package within a Tide environment you don't need to directly install it, it will be installed as a dependency of `@dpc-sdp/nuxt-ripple` and all components will be available globally, if you wish to be explicit you can import them from `#components`.
-
-The details below relate to using this package outside of Tide.
-
-## Installation
-
-```bash
-npm install @dpc-sdp/ripple-ui-forms
-```
-
-## Usage (Nuxt)
-
-Ripple UI Forms exports a Nuxt 3 module that you can add to your nuxt config, note the addition of `/nuxt`.
-
-```js
-export default defineNuxtConfig({
- modules: [
- '@dpc-sdp/ripple-ui-forms/nuxt'
- ]
-})
-```
-
-Note: Nuxt 2 is not supported.
-
-There is no need to import the components as they will be registered globally by the nuxt module.
-
-```vue
-
-
-
-```
-
-## Usage (Vue)
-
-Usage in a Vue app is unfortunately not currently possible, we hope to support this in the future.
diff --git a/packages/ripple-ui-forms/cypress.config.ts b/packages/ripple-ui-forms/cypress.config.ts
deleted file mode 100644
index faa9df19dc..0000000000
--- a/packages/ripple-ui-forms/cypress.config.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { defineConfig } from 'cypress'
-
-export default defineConfig({
- component: {
- devServer: {
- framework: 'vue',
- bundler: 'vite'
- },
- supportFile: './cypress/support/component.ts'
- }
-})
diff --git a/packages/ripple-ui-forms/cypress/support/component-index.html b/packages/ripple-ui-forms/cypress/support/component-index.html
deleted file mode 100644
index 0696a73da0..0000000000
--- a/packages/ripple-ui-forms/cypress/support/component-index.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
-
-
- Components App
-
-
-
-
-
diff --git a/packages/ripple-ui-forms/cypress/support/component.ts b/packages/ripple-ui-forms/cypress/support/component.ts
deleted file mode 100644
index 7c4d4d9339..0000000000
--- a/packages/ripple-ui-forms/cypress/support/component.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-// ***********************************************************
-// This example support/component.ts is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
-// import './commands'
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
-
-// Ensure global styles are loaded
-import '@dpc-sdp/ripple-ui-core/style'
-import '@dpc-sdp/ripple-ui-core/style/components'
-import { plugin, defaultConfig } from '@formkit/vue'
-
-import { mount } from 'cypress/vue'
-import { h } from 'vue'
-import RplFauxForm from './components/RplFauxForm.vue'
-import { RplButton, RplIcon } from '@dpc-sdp/ripple-ui-core/vue'
-
-Cypress.on('uncaught:exception', (err) => {
- // https://stackoverflow.com/a/50387233 Ignore Resize observer loop
- if (err.message.includes('ResizeObserver loop')) {
- return false
- }
-})
-
-Cypress.Commands.add('mount', (component, options = {}) => {
- return mount(
- () => {
- return h(RplFauxForm, { component, componentProps: options.props })
- },
- {
- ...options,
- global: {
- plugins: [[plugin, defaultConfig]],
- components: { RplButton, RplIcon }
- }
- }
- )
-})
-
-// Example use:
-// cy.mount(MyComponent)
diff --git a/packages/ripple-ui-forms/cypress/support/components/RplFauxForm.vue b/packages/ripple-ui-forms/cypress/support/components/RplFauxForm.vue
deleted file mode 100644
index 0f12e7bbdb..0000000000
--- a/packages/ripple-ui-forms/cypress/support/components/RplFauxForm.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
-
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi congue suscipit diam, vitae sagittis ante sollicitudin in. Pellentesque tristique lectus eget nisl convallis ornare. Quisque ut enim non velit rutrum condimentum. Integer vitae ipsum semper nibh sollicitudin hendrerit sit amet a tellus. Proin in sapien tellus. Praesent ullamcorper dui ac pulvinar gravida. Fusce condimentum, justo nec volutpat sagittis, ipsum tellus accumsan erat, quis placerat arcu est at ipsum. Nunc varius eget purus nec varius. Donec sed ligula sit amet lorem cursus finibus. Fusce vel nisi porta, imperdiet turpis vitae, tempus ex. Proin nec efficitur massa.
Ut gravida erat convallis hendrerit condimentum. Nullam rutrum accumsan efficitur. Fusce ac enim nisi.
Morbi ut hendrerit felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi sed tempor ante, vel eleifend turpis. Suspendisse id accumsan magna. Nulla condimentum tortor at dui eleifend, ut feugiat dui lobortis. Sed sit amet metus vel sapien placerat fringilla. Praesent dapibus ut metus nec blandit. Sed blandit euismod tempor. Nam dui elit, facilisis vitae nisl non, imperdiet luctus augue. Ut gravida erat convallis hendrerit condimentum. Nullam rutrum accumsan efficitur. Fusce ac enim nisi.
A list
Of items
And things
Quisque vulputate elit sit amet leo mattis varius. Praesent nibh ex, dignissim eget justo et, ornare lacinia nisl. Nam a felis libero. Morbi varius elementum malesuada. Aenean eu auctor enim. Quisque eleifend erat et augue imperdiet vestibulum. Aliquam eu ultricies risus. Morbi eget euismod enim. Donec gravida feugiat auctor. Nullam eu venenatis dui. Praesent at mi ornare, fermentum tortor in, faucibus mauris. Quisque a ante dui. Donec lorem elit, egestas a elit ac, tincidunt euismod felis. Integer dictum faucibus ex, eu varius eros fringilla vitae. Suspendisse in nibh vitae nunc fringilla iaculis. Morbi consequat rutrum finibus.
The Department of Government Services (the Department) collects the information that you provide with this form. The information that you provide is used to respond to your enquiry. You can request access to, and corrections of, any personal information provided in this form. Requests for access or correction should be sent to privacy@dgs.vic.gov.au
',
- checkboxLabel:
- 'I have read and understand how the Victorian Government stores information.',
- validation: 'required',
- validationMessages: {
- required:
- 'I have read and understand how the Victorian Government stores information. is required',
- accepted:
- 'I have read and understand how the Victorian Government stores information. is required'
- }
- },
- {
- $formkit: 'RplFormActions',
- label: 'Submit form',
- id: '123'
- }
- ]
- }
-}
-
-export const WithSlots: Story = {
- render: (args) => ({
- components: { RplForm, RplFormElement },
- setup() {
- return { args }
- },
- template: `
-
-
-
-
- Try again with different search options or check back later.
-
-
-
-
- Use arrow keys to pan the map, and plus and minus keys to zoom in and out.
- You can also use the full screen, home and zoom control buttons to
- interact with the map. Note that some map features cannot be accessed
- using a keyboard.
-
-
-
-
diff --git a/packages/ripple-ui-maps/src/components/map/__fixture__/VectorLayer.example.vue b/packages/ripple-ui-maps/src/components/map/__fixture__/VectorLayer.example.vue
deleted file mode 100644
index dd0b46c333..0000000000
--- a/packages/ripple-ui-maps/src/components/map/__fixture__/VectorLayer.example.vue
+++ /dev/null
@@ -1,161 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/ripple-ui-maps/src/components/map/__fixture__/features.json b/packages/ripple-ui-maps/src/components/map/__fixture__/features.json
deleted file mode 100644
index e0fe4a15b3..0000000000
--- a/packages/ripple-ui-maps/src/components/map/__fixture__/features.json
+++ /dev/null
@@ -1,625 +0,0 @@
-[
- {
- "title": "Melbourne",
- "lat": -37.8142,
- "lng": 144.9631,
- "population": 4529500,
- "meta": "Education",
- "description": "Melbourne is the capital of Victoria, Australia's most populous title, known for its diverse culture, art, and sports.",
- "id": "1"
- },
- {
- "title": "West Footscray",
- "lat": -37.7974,
- "lng": 144.8772,
- "population": 4529500,
- "postcode": 3012,
- "meta": "Communities",
- "description": "A vibrant suburb with diverse cultures, trendy cafes, and local markets. Known for its community spirit and convenient amenities.",
- "id": "2"
- },
- {
- "title": "Brunswick",
- "lat": -37.7667,
- "lng": 144.9667,
- "population": 200000,
- "postcode": 3056,
- "meta": "Education",
- "description": "Eclectic and bohemian, this Melbourne suburb thrives with diverse eateries, artsy boutiques, and a lively cultural scene.",
- "id": "3"
- },
- {
- "title": "Cranbourne",
- "lat": -38.0996,
- "lng": 145.2834,
- "population": 460491,
- "meta": "Education",
- "description": "Cranbourne is a suburban town with a growing population located in Victoria.",
- "id": "4"
- },
- {
- "title": "Geelong",
- "lat": -38.15,
- "lng": 144.35,
- "population": 184182,
- "meta": "Education",
- "description": "Geelong is a vibrant coastal title with a strong industrial base and a rich cultural scene.",
- "id": "5"
- },
- {
- "title": "Ballarat",
- "lat": -37.5608,
- "lng": 143.8475,
- "population": 98543,
- "meta": "Education",
- "description": "Ballarat is a historic gold rush title known for its beautiful architecture and cultural heritage.",
- "id": "6"
- },
- {
- "title": "Bendigo",
- "lat": -36.75,
- "lng": 144.2667,
- "population": 95587,
- "meta": "Education",
- "description": "Bendigo is a thriving regional title with a strong arts and cultural community.",
- "id": "7"
- },
- {
- "title": "Pakenham",
- "lat": -38.0712,
- "lng": 145.4878,
- "population": 46421,
- "meta": "Communities",
- "description": "Pakenham is a growing suburban town in Victoria with a diverse and expanding community.",
- "id": "8"
- },
- {
- "title": "Frankston",
- "lat": -38.158,
- "lng": 145.135,
- "population": 36097,
- "meta": "Education",
- "description": "Frankston is a seaside suburb known for its beaches and recreational opportunities.",
- "id": "9"
- },
- {
- "title": "Sunbury",
- "lat": -37.5811,
- "lng": 144.7139,
- "population": 36084,
- "meta": "Education",
- "description": "Sunbury is a rapidly developing suburb with a range of amenities and services.",
- "id": "10"
- },
- {
- "title": "Mildura",
- "lat": -34.1889,
- "lng": 142.1583,
- "population": 32738,
- "meta": "Communities",
- "description": "Mildura is a regional title on the Murray River, famous for its citrus orchards and wineries.",
- "id": "11"
- },
- {
- "title": "Dandenong",
- "lat": -37.981,
- "lng": 145.215,
- "population": 29906,
- "meta": "Education",
- "description": "Dandenong is a diverse and growing suburb with a thriving industrial sector.",
- "id": "12"
- },
- {
- "title": "Warrnambool",
- "lat": -38.3833,
- "lng": 142.4833,
- "population": 29661,
- "meta": "Education",
- "description": "Warrnambool is a coastal title known for its maritime heritage and natural beauty.",
- "id": "13"
- },
- {
- "title": "Traralgon",
- "lat": -38.1958,
- "lng": 146.5403,
- "population": 24933,
- "meta": "Communities",
- "description": "Traralgon is a regional town offering a mix of recreational and cultural activities.",
- "id": "14"
- },
- {
- "title": "Mount Eliza",
- "lat": -38.189,
- "lng": 145.092,
- "population": 17888,
- "meta": "Education",
- "description": "Mount Eliza is a picturesque suburb with stunning views of Port Phillip Bay.",
- "id": "15"
- },
- {
- "title": "Lara",
- "lat": -38.0167,
- "lng": 144.4167,
- "population": 16355,
- "meta": "Education",
- "description": "Lara is a growing suburban area known for its family-friendly community.",
- "id": "16"
- },
- {
- "title": "Warragul",
- "lat": -38.15,
- "lng": 145.9333,
- "population": 15757,
- "meta": "Education",
- "description": "Warragul is a regional town with a strong agricultural and dairy industry presence.",
- "id": "17"
- },
- {
- "title": "Horsham",
- "lat": -36.7167,
- "lng": 142.2,
- "population": 14543,
- "meta": "Education",
- "description": "Horsham is a regional center known for its parks, gardens, and cultural events.",
- "id": "18"
- },
- {
- "title": "Barwon Heads",
- "lat": -38.25,
- "lng": 144.5167,
- "population": 14165,
- "meta": "Education",
- "description": "Barwon Heads is a coastal town with stunning beaches and a relaxed atmosphere.",
- "id": "19"
- },
- {
- "title": "Echuca",
- "lat": -36.1333,
- "lng": 144.75,
- "population": 14043,
- "meta": "Communities",
- "description": "Echuca is a historic port town on the Murray River known for its paddle steamers.",
- "id": "20"
- },
- {
- "title": "Morwell",
- "lat": -38.2333,
- "lng": 146.4,
- "population": 13771,
- "meta": "Education",
- "description": "Morwell is a regional town with a strong sense of community and outdoor recreation opportunities.",
- "id": "21"
- },
- {
- "title": "Leopold",
- "lat": -38.1892,
- "lng": 144.4644,
- "population": 12814,
- "meta": "Education",
- "description": "Leopold is a suburban town with access to natural reserves and parks.",
- "id": "22"
- },
- {
- "title": "Wallan",
- "lat": -37.4167,
- "lng": 144.9833,
- "population": 11074,
- "meta": "Education",
- "description": "Wallan is a growing suburb with convenient access to Melbourne and surrounding areas.",
- "id": "23"
- },
- {
- "title": "Swan Hill",
- "lat": -35.3333,
- "lng": 143.55,
- "population": 9864,
- "meta": "Communities",
- "description": "Swan Hill is a regional title located on the Murray River, known for its historic attractions and outdoor activities.",
- "id": "24"
- },
- {
- "title": "Mount Evelyn",
- "lat": -37.783,
- "lng": 145.385,
- "population": 9702,
- "meta": "Education",
- "description": "Mount Evelyn is a suburban town surrounded by natural beauty and recreational opportunities.",
- "id": "25"
- },
- {
- "title": "Colac",
- "lat": -38.3403,
- "lng": 143.5847,
- "population": 9048,
- "meta": "Education",
- "description": "Colac is a rural town known for its dairy industry and nearby lakes and forests.",
- "id": "26"
- },
- {
- "title": "Ararat",
- "lat": -37.2833,
- "lng": 142.9167,
- "population": 8297,
- "meta": "Education",
- "description": "Ararat is a regional title with a rich history and cultural heritage.",
- "id": "27"
- },
- {
- "title": "Mooroopna",
- "lat": -36.3833,
- "lng": 145.35,
- "population": 7942,
- "meta": "Education",
- "description": "Mooroopna is a regional town with a strong sense of community and access to outdoor activities.",
- "id": "28"
- },
- {
- "title": "Maryborough",
- "lat": -37.05,
- "lng": 143.735,
- "population": 7921,
- "meta": "Education",
- "description": "Maryborough is a charming country town with historic architecture and a relaxed atmosphere.",
- "id": "29"
- },
- {
- "title": "Clifton Springs",
- "lat": -38.15,
- "lng": 144.5667,
- "population": 7519,
- "meta": "Education",
- "description": "Clifton Springs is a coastal town with scenic views and a tranquil environment.",
- "id": "30"
- },
- {
- "title": "Healesville",
- "lat": -37.6561,
- "lng": 145.5139,
- "population": 7461,
- "meta": "Education",
- "description": "Healesville is a picturesque town known for its wineries and natural beauty.",
- "id": "31"
- },
- {
- "title": "Kyabram",
- "lat": -36.3167,
- "lng": 145.05,
- "population": 7331,
- "meta": "Education",
- "description": "Kyabram is a regional town with a focus on agriculture and community events.",
- "id": "32"
- },
- {
- "title": "Kyneton",
- "lat": -37.247,
- "lng": 144.455,
- "population": 6951,
- "meta": "Education",
- "description": "Kyneton is a charming town with historic architecture and a thriving arts scene.",
- "id": "33"
- },
- {
- "title": "Castlemaine",
- "lat": -37.0636,
- "lng": 144.2172,
- "population": 6757,
- "meta": "Communities",
- "description": "Castlemaine is a historic gold rush town known for its artistic community and festivals.",
- "id": "34"
- },
- {
- "title": "Castlemaine 2",
- "lat": -37.0637,
- "lng": 144.2182,
- "population": 6757,
- "meta": "Education",
- "description": "Castlemaine 2 is a historic gold rush town known for its artistic community and festivals.",
- "id": "35"
- },
- {
- "title": "Seymour",
- "lat": -37.03,
- "lng": 145.13,
- "population": 6327,
- "meta": "Communities",
- "description": "Seymour is a regional town with access to outdoor activities and historical sites.",
- "id": "36"
- },
- {
- "title": "Lakes Entrance",
- "lat": -37.8667,
- "lng": 147.9833,
- "population": 6071,
- "meta": "Education",
- "description": "Lakes Entrance is a coastal town known for its lakes, waterways, and seafood.",
- "id": "37"
- },
- {
- "title": "Dromana",
- "lat": -38.338,
- "lng": 144.965,
- "population": 5803,
- "meta": "Education",
- "description": "Dromana is a seaside town with beautiful beaches and a relaxed coastal vibe.",
- "id": "38"
- },
- {
- "title": "Stawell",
- "lat": -37.05,
- "lng": 142.7667,
- "population": 5736,
- "meta": "Education",
- "description": "Stawell is a regional town with a focus on community and outdoor sports.",
- "id": "39"
- },
- {
- "title": "Leongatha",
- "lat": -38.4833,
- "lng": 145.95,
- "population": 5654,
- "meta": "Education",
- "description": "Leongatha is a rural town with a strong agricultural presence and a close-knit community.",
- "id": "40"
- },
- {
- "title": "Whittlesea",
- "lat": -37.5139,
- "lng": 145.114,
- "population": 5611,
- "meta": "Education",
- "description": "Whittlesea is a suburban area with access to parks, nature reserves, and community events.",
- "id": "41"
- },
- {
- "title": "Inverloch",
- "lat": -38.6334,
- "lng": 145.7278,
- "population": 5437,
- "meta": "Communities",
- "description": "Inverloch is a coastal town known for its beaches, fishing, and outdoor activities.",
- "id": "42"
- },
- {
- "title": "Maffra",
- "lat": -37.95,
- "lng": 146.983,
- "population": 5280,
- "meta": "Communities",
- "description": "Maffra is a regional town with a focus on agriculture and a welcoming community.",
- "id": "43"
- },
- {
- "title": "Red Cliffs",
- "lat": -34.3075,
- "lng": 142.1881,
- "population": 5060,
- "meta": "Education",
- "description": "Red Cliffs is a rural town with a strong sense of community and agricultural heritage.",
- "id": "44"
- },
- {
- "title": "Mansfield",
- "lat": -37.05,
- "lng": 146.083,
- "population": 4787,
- "meta": "Education",
- "description": "Mansfield is a gateway to the Victorian Alps, known for its outdoor activities and scenic beauty.",
- "id": "45"
- },
- {
- "title": "Churchill",
- "lat": -38.3167,
- "lng": 146.417,
- "population": 4783,
- "meta": "Education",
- "description": "Churchill is a suburban town with access to parks, educational facilities, and community services.",
- "id": "46"
- },
- {
- "title": "Numurkah",
- "lat": -36.0833,
- "lng": 145.4333,
- "population": 4477,
- "meta": "Education",
- "description": "Numurkah is a regional town known for its agriculture and strong sense of community.",
- "id": "47"
- },
- {
- "title": "Korumburra",
- "lat": -38.4333,
- "lng": 145.8167,
- "population": 4469,
- "meta": "Education",
- "description": "Korumburra is a charming town with a focus on agriculture and a friendly atmosphere.",
- "id": "48"
- },
- {
- "title": "Tatura",
- "lat": -36.4401,
- "lng": 145.233,
- "population": 4448,
- "meta": "Education",
- "description": "Tatura is a regional town with a diverse community and access to parks and recreational activities.",
- "id": "49"
- },
- {
- "title": "Broadford",
- "lat": -37.2,
- "lng": 145.067,
- "population": 4319,
- "meta": "Education",
- "description": "Broadford is a suburban town known for its natural beauty, parks, and outdoor opportunities.",
- "id": "50"
- },
- {
- "title": "Drysdale",
- "lat": -38.1667,
- "lng": 144.5667,
- "population": 4275,
- "meta": "Education",
- "description": "Drysdale is a growing suburban area with access to coastal attractions and community events.",
- "id": "51"
- },
- {
- "title": "Cockatoo",
- "lat": -37.935,
- "lng": 145.492,
- "population": 4256,
- "meta": "Education",
- "description": "Cockatoo is a suburban town with a focus on community and access to natural reserves.",
- "id": "52"
- },
- {
- "title": "Trafalgar",
- "lat": -38.2,
- "lng": 146.15,
- "population": 3912,
- "meta": "Education",
- "description": "Trafalgar is a regional town known for its friendly atmosphere and access to outdoor activities.",
- "id": "53"
- },
- {
- "title": "Kerang",
- "lat": -35.7167,
- "lng": 143.9167,
- "population": 3893,
- "meta": "Education",
- "description": "Kerang is a regional town with a focus on agriculture and a close-knit community.",
- "id": "54"
- },
- {
- "title": "Beechworth",
- "lat": -36.3594,
- "lng": 146.6869,
- "population": 3859,
- "meta": "Education",
- "description": "Beechworth is a historic town known for its gold rush history and scenic beauty.",
- "id": "55"
- },
- {
- "title": "Pearcedale",
- "lat": -38.203,
- "lng": 145.231,
- "population": 3821,
- "meta": "Education",
- "description": "Pearcedale is a suburban town with access to parks and natural reserves.",
- "id": "56"
- },
- {
- "title": "Buninyong",
- "lat": -37.6503,
- "lng": 143.8839,
- "population": 3714,
- "meta": "Education",
- "description": "Buninyong is a historic town known for its architecture and cultural events.",
- "id": "57"
- },
- {
- "title": "Koo-Wee-Rup",
- "lat": -38.198,
- "lng": 145.489,
- "population": 3579,
- "meta": "Education",
- "description": "Koo-Wee-Rup is a suburban area with access to parks, nature reserves, and community events.",
- "id": "58"
- },
- {
- "title": "Paynesville",
- "lat": -37.9167,
- "lng": 147.7167,
- "population": 3480,
- "meta": "Communities",
- "description": "Paynesville is a picturesque coastal town known for its waterways and boating opportunities.",
- "id": "59"
- },
- {
- "title": "Maddingley",
- "lat": -37.6864,
- "lng": 144.4336,
- "population": 3453,
- "meta": "Communities",
- "description": "Maddingley is a growing suburban area with access to education, amenities, and parks.",
- "id": "60"
- },
- {
- "title": "Hurstbridge",
- "lat": -37.6389,
- "lng": 145.195,
- "population": 3450,
- "meta": "Education",
- "description": "Hurstbridge is a suburban town with access to parks, outdoor activities, and a close-knit community.",
- "id": "61"
- },
- {
- "title": "Camperdown",
- "lat": -38.236,
- "lng": 143.145,
- "population": 3369,
- "meta": "Education",
- "description": "Camperdown is a regional town known for its dairy industry and picturesque surroundings.",
- "id": "62"
- },
- {
- "title": "Port Fairy",
- "lat": -38.384,
- "lng": 142.235,
- "population": 3340,
- "meta": "Education",
- "description": "Port Fairy is a charming coastal town known for its historic architecture and cultural events.",
- "id": "63"
- },
- {
- "title": "Euroa",
- "lat": -36.75,
- "lng": 145.567,
- "population": 3275,
- "meta": "Education",
- "description": "Euroa is a regional town surrounded by natural beauty and offering outdoor activities.",
- "id": "64"
- },
- {
- "title": "Robinvale",
- "lat": -34.5833,
- "lng": 142.7667,
- "population": 3088,
- "meta": "Communities",
- "description": "Robinvale is a rural town on the Murray River known for its agriculture and close community.",
- "id": "65"
- },
- {
- "title": "Woori Yallock",
- "lat": -37.778,
- "lng": 145.528,
- "population": 2913,
- "meta": "Communities",
- "description": "Woori Yallock is a suburban town with access to natural reserves and outdoor activities.",
- "id": "66"
- },
- {
- "title": "Yarra Glen",
- "lat": -37.6489,
- "lng": 145.3719,
- "population": 2869,
- "meta": "Education",
- "description": "Yarra Glen is a picturesque town in the Yarra Valley known for its wineries and scenic landscapes.",
- "id": "67"
- },
- {
- "title": "Beaconsfield Upper",
- "lat": -37.996,
- "lng": 145.415,
- "population": 2861,
- "meta": "Education",
- "description": "Beaconsfield Upper is a suburban area with a focus on nature, parks, and a peaceful environment.",
- "id": "68"
- },
- {
- "title": "North Wonthaggi",
- "lat": -38.6,
- "lng": 145.6,
- "population": 2806,
- "meta": "Education",
- "description": "North Wonthaggi is a coastal town with beautiful beaches and a relaxed lifestyle.",
- "id": "69"
- }
-]
diff --git a/packages/ripple-ui-maps/src/components/map/__fixture__/largeset.json b/packages/ripple-ui-maps/src/components/map/__fixture__/largeset.json
deleted file mode 100644
index 864f403234..0000000000
--- a/packages/ripple-ui-maps/src/components/map/__fixture__/largeset.json
+++ /dev/null
@@ -1,2347 +0,0 @@
-[
- {
- "postcode": "3733",
- "title": "Whitfield District Primary School Kindergarten (interim name)",
- "description": "We are building a new kindergarten at Whitfield District Primary School. Having the kindergarten and school together may help local children make a smooth transition into primary school and can also make drop-off time simpler for some families. This kindergarten opens in 2025.",
- "type": "Early childhood"
- },
- {
- "postcode": "3089",
- "lat": -37.67063567,
- "lng": 145.1527134,
- "title": "Ness Reserve Preschool",
- "description": "We are creating storage areas for the outdoor deck and the office.",
- "type": "Early childhood"
- },
- {
- "postcode": "3066",
- "lat": -37.8041929,
- "lng": 144.9893439,
- "title": "Rupert Street Uniting Early Learning",
- "description": "We built a nature discovery play space. It is multi-sensory and inclusive for children of all abilities.",
- "type": "Early childhood"
- },
- {
- "postcode": "3179",
- "lat": -37.889844,
- "lng": 145.225957,
- "title": "St Jude the Apostle School",
- "description": "We are helping the school build a learning building with a multipurpose hall, general learning areas, a wellbeing and arts centre and associated spaces.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3340",
- "lat": -37.67252667,
- "lng": 144.4358997,
- "title": "St Bernard's School (Bacchus Marsh)",
- "description": "We are helping the school build a learning building and associated spaces. We are also helping build a new outdoor learning area.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3044",
- "lat": -37.73604649,
- "lng": 144.9459393,
- "title": "Turner Street Kindergarten",
- "description": "We’re upgrading Turner Street Kindergarten. We’re adding a new kitchen, lunchroom, bathroom and toilets. We’ll also expand the teaching and learning areas. This upgrade will create an extra 8 kindergarten places for local children.",
- "type": "Early childhood"
- },
- {
- "postcode": "3046",
- "lat": -37.7492,
- "lng": 144.94311,
- "title": "Doris Blackburn Preschool",
- "description": "We expanded and improved this kindergarten with a new modular building and an outdoor learning space. These upgrades will give children new learning spaces and created an extra 33 approved kindergarten places.",
- "type": "Early childhood"
- },
- {
- "postcode": "3215",
- "lat": -38.12391,
- "lng": 144.328058,
- "title": "Western Heights Secondary College",
- "description": "We will be building a competition-grade gym.",
- "type": "School upgrade"
- },
- {
- "postcode": "3199",
- "lat": -38.160488,
- "lng": 145.126972,
- "title": "Overport Primary School",
- "description": "We will be upgrading the school's soccer pitch and running track.",
- "type": "School upgrade"
- },
- {
- "postcode": "3512",
- "lat": -35.26557452,
- "lng": 141.1773365,
- "title": "Murrayville Community College",
- "description": "We are upgrading and modernising Murrayville Community College.",
- "type": "School upgrade"
- },
- {
- "postcode": "3156",
- "lat": -37.883491,
- "lng": 145.262733,
- "title": "Kent Park Primary School",
- "description": "We will be building a new synthetic oval, running track and playground and creating more open space for students and staff to enjoy.",
- "type": "School upgrade"
- },
- {
- "postcode": "3977",
- "lat": -38.104064,
- "lng": 145.277745,
- "title": "Cranbourne Park Primary School",
- "description": "We are upgrading sports spaces at this school. We will resurface the oval with synthetic turf, and install a running track and football and soccer area.",
- "type": "School upgrade"
- },
- {
- "postcode": "3338",
- "lat": -37.70872,
- "lng": 144.574264,
- "title": "Melton South Primary School",
- "description": "We are planning an upgrade at this school.",
- "type": "Planning"
- },
- {
- "postcode": "3802",
- "lat": -37.979065,
- "lng": 145.245853,
- "title": "James Cook Primary School",
- "description": "We are planning an upgrade at this school.",
- "type": "Planning"
- },
- {
- "postcode": "3713",
- "lat": -37.233967,
- "lng": 145.906761,
- "title": "Eildon Primary School",
- "description": "We are planning an upgrade at this school.",
- "type": "Planning"
- },
- {
- "postcode": "3064",
- "title": "Lockerbie Specialist School (interim name)",
- "description": "We're planning for a new specialist school in Kalkallo. It will open with places for up to 148 students. This will help the growing local population get a great education close to home. The school will provide educational programs for students with mild to profound intellectual disability. A full enrolment policy providing detailed entry eligibility criteria will be available once a principal is appointed.",
- "type": "New school"
- },
- {
- "postcode": "3438",
- "lat": -37.46965981,
- "lng": 144.5961322,
- "title": "Goodstart Early Learning New Gisborne",
- "description": "We are renovating the outdoor space. This includes improving drainage, removing concrete and replacing the fence. We are improving sandpits, sensory garden beds, yarning circles and other outdoor spaces. This will create a better area for all children to play, learn and develop. Children of all abilities will be able to use new soft-fall rubber areas and a cubby. These improvements create a more inclusive and safer outdoor environment.",
- "type": "Early childhood"
- },
- {
- "postcode": "3068",
- "lat": -37.78538763,
- "lng": 145.0008117,
- "title": "Goodstart Early Learning Clifton Hill",
- "description": "We upgraded and repainted the bathroom. We installed new toilets, sinks, partitions and cabinetry.",
- "type": "Early childhood"
- },
- {
- "postcode": "3002",
- "lat": -37.81169627,
- "lng": 144.9881414,
- "title": "Powlett Reserve Children's Centre and Kindergarten",
- "description": "We are redesigning the kindergarten yard to make it more inclusive. Children of all abilities will be able to play and learn in an outdoor environment that caters for their needs.",
- "type": "Early childhood"
- },
- {
- "postcode": "3717",
- "lat": -37.21217978,
- "lng": 145.4227425,
- "title": "Yea Uniting Early Learning",
- "description": "We are creating a versatile outdoor space for play-based learning within a rich, natural setting. The space will spark curiosity. Children will learn how to explore, engage in their environment and build their confidence. The space will feature: natural and accessible landscapes a mud kitchen and bush hut resting places, reflexology paths and running water a restored ecosystem.",
- "type": "Early childhood"
- },
- {
- "postcode": "3796",
- "lat": -37.78922341,
- "lng": 145.386679,
- "title": "Joy Avenue Preschool",
- "description": "We are improving the outdoor play space, to make it more inclusive and create more learning areas.",
- "type": "Early childhood"
- },
- {
- "postcode": "3174",
- "lat": -37.95432153,
- "lng": 145.1962046,
- "title": "Heritage Preschool Association Inc",
- "description": "We are upgrading the play area. We will create a more open and natural space with new play equipment and outdoor teaching spaces.",
- "type": "Early childhood"
- },
- {
- "postcode": "3806",
- "lat": -38.04883451,
- "lng": 145.3413956,
- "title": "Goodstart Early Learning Berwick",
- "description": "We are upgrading the kindergarten’s outdoor play area. We will remove concrete and put in new sandpits, play equipment and sensory experiences. Inside the building, we will replace flooring, joinery and cabinetry. We will also paint and refurbish the kitchen and bathroom.",
- "type": "Early childhood"
- },
- {
- "postcode": "3012",
- "lat": -37.78203443,
- "lng": 144.8731219,
- "title": "North Maidstone Kindergarten",
- "description": "We are upgrading this kindergarten. We will extend the front entrance verandah and upgrade the kitchen and children’s toilets. We will also upgrade cabinets and lockers in the children’s play space and replace flooring throughout the building.",
- "type": "Early childhood"
- },
- {
- "postcode": "3184",
- "lat": -37.87563013,
- "lng": 144.9881235,
- "title": "Goodstart Early Learning Elwood",
- "description": "We are upgrading the kindergarten’s outdoor play area. We will remove concrete and put in new sandpits, play equipment and sensory experiences. Inside the building, we will replace flooring, joinery and cabinetry and install LED lighting. We will also paint and refurbish the kitchen and bathroom.",
- "type": "Early childhood"
- },
- {
- "postcode": "3802",
- "lat": -37.97576899,
- "lng": 145.2703022,
- "title": "Goodstart Early Learning Endeavour Hills – Hanna Drive",
- "description": "We are upgrading this kindergarten. Inside the building, we will paint, upgrade floors, cabinetry and joinery and install LED lighting. We will also refurbish the kitchen and bathroom. In the outdoor play area, we will remove concrete and add new sandpits, play equipment and sensory experiences.",
- "type": "Early childhood"
- },
- {
- "postcode": "3018",
- "lat": -37.87068928,
- "lng": 144.8104156,
- "title": "Somers Parade Parent Committee Inc",
- "description": "We are upgrading the outdoor play and learning areas. Children will be able to learn while exploring natural landscapes or playing with others in a mud kitchen or bush hut. They will experience Indigenous culture and be able to relax alongside running water.",
- "type": "Early childhood"
- },
- {
- "postcode": "3144",
- "lat": -37.86389443,
- "lng": 145.039146,
- "title": "Wattletree Early Childhood Centre",
- "description": "We are building a new multipurpose room. It will be a space for staff to plan, and host parent information sessions. It will also be used for maternal and child health visits.",
- "type": "Early childhood"
- },
- {
- "postcode": "3160",
- "lat": -37.92803501,
- "lng": 145.3566004,
- "title": "Len Jeffrey Memorial Preschool",
- "description": "We are upgrading the preschool by painting walls, building cabinetry to improve storage and installing new window shades. We will also build a gazebo with toy storage in the outdoor play area. The gazebo will provide shade and shelter for children and parents on hot and wet days.",
- "type": "Early childhood"
- },
- {
- "postcode": "3059",
- "lat": -37.61447071,
- "lng": 144.9089078,
- "title": "Kolbe Catholic College",
- "description": "We are helping the school build a Science, Technology, Engineering and Mathematics facility with 14 general learning areas.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3915",
- "lat": -38.297108738306264,
- "lng": 145.1898081837904,
- "title": "St Mary's School (Hastings)",
- "description": "We are helping the school with minor refurbishment works to general learning areas.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3228",
- "lat": -38.33860701383191,
- "lng": 144.29110091262734,
- "title": "Christian College Geelong",
- "description": "We are helping the school build stage 2A. Works include building 2 general learning areas with outdoor learning space, a multi-purpose gymnasium, staff offices, kitchenette, change rooms and amenities and refurbishing the admin building.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3020",
- "lat": -37.78773272995124,
- "lng": 144.8073134684286,
- "title": "St Paul's School (Sunshine West)",
- "description": "We are helping the school refurbish general learning areas.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3057",
- "lat": -37.77645317642895,
- "lng": 144.97784522609896,
- "title": "Our Lady Help of Christians School (Brunswick East)",
- "description": "We are helping the school with minor refurbishment works to general learning areas and an external staircase. Works also include repurposing the library into a STEM and multi-purpose learning area and installation of a new lift.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3737",
- "lat": -37.28461992036375,
- "lng": 142.93838319539643,
- "title": "Marian College (Myrtleford)",
- "description": "We are helping the school demolish existing relocatable buildings and replace them with a new well-being and learning building.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3631",
- "lat": -36.34078691535496,
- "lng": 145.41515034232927,
- "title": "All Saints Anglican School",
- "description": "We are helping the school build stage 1 of a new school. Works include a junior school and arts building, and administration and senior school building, and a STEAM building with 3 specialist teaching rooms for Science, Hopsitality, Design and Technology.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3363",
- "lat": -37.40883711,
- "lng": 143.8908198,
- "title": "Creswick North Primary School",
- "description": "We are building an inclusive playground. It will give children of all abilities new ways to socialise, develop and learn through play.",
- "type": "School upgrade"
- },
- {
- "postcode": "3763",
- "lat": -37.521567,
- "lng": 145.356638,
- "title": "Kinglake Primary School",
- "description": "We are building an inclusive playground. It will give children of all abilities new ways to socialise, develop and learn through play.",
- "type": "School upgrade"
- },
- {
- "postcode": "3851",
- "lat": -38.023502,
- "lng": 147.012102,
- "title": "Bundalaguah Primary School",
- "description": "We are upgrading an indoor learning area to be more inclusive. It will give children of all abilities new ways to socialise, develop and learn through play.",
- "type": "School upgrade"
- },
- {
- "postcode": "3134",
- "lat": -37.80156073,
- "lng": 145.2811133,
- "title": "Croydon Central Kindergarten",
- "description": "We are helping Maroondah City Council plan to expand and better integrate the kindergarten with the co-located children and families hub. This will create more kindergarten places for local 3 and 4-year-olds and make it easier for families to get early childhood care. The planning gets the project ready for construction, which depends on future funding.",
- "type": "Early childhood"
- },
- {
- "postcode": "3150",
- "lat": -37.87719343,
- "lng": 145.1395127,
- "title": "Dorrington Early Years Hub",
- "description": "We are helping the City of Monash plan an integrated community centre with 2 kindergarten rooms, maternal and child health facilities, immunisation and consulting rooms and a community playgroup space. The centre will be located at the former site of the Waverly Gymnastics Centre. The planning gets the project ready for construction, which depends on future funding.",
- "type": "Early childhood"
- },
- {
- "postcode": "3172",
- "lat": -37.98181563,
- "lng": 145.1351291,
- "title": "Dingley Village Community Hub",
- "description": "We are building an early learning centre next to Kingston City Council Library. It will include 2 kindergarten rooms and one occasional care room, allowing the centre to offer 66 kindergarten places for local 3 and 4-year-olds. The centre will also include maternal and child health consulting rooms, the Dingley Neighbourhood Centre, collaborative planning spaces and meeting rooms.",
- "type": "Early childhood"
- },
- {
- "postcode": "3350",
- "lat": -37.56496531,
- "lng": 143.7948731,
- "title": "Alfredton Community Hub (interim name)",
- "description": "We are building an early learning centre with 3 kindergarten rooms. This will allow the centre to offer 99 places as part of the roll-out of funded kindergarten for 3-year-olds. This will give more local children 2 years of high-quality kindergarten.",
- "type": "Early childhood"
- },
- {
- "postcode": "3691",
- "lat": -36.09927209,
- "lng": 147.0628549,
- "title": "Bellbridge Early Years Learning Centre",
- "description": "We are making the outdoor playground more inclusive for children of all abilities. This will allow more sensory and exploratory play, giving children a diverse range of experiences that help their learning and development.",
- "type": "Early childhood"
- },
- {
- "postcode": "3193",
- "lat": -37.99098578,
- "lng": 145.0393723,
- "title": "Olive Philips Kindergarten",
- "description": "We upgraded the outdoor environment and landscaping to make it more inclusive for children of all abilities and to better reflect the natural surroundings.",
- "type": "Early childhood"
- },
- {
- "postcode": "3630",
- "lat": -36.3931159740775,
- "lng": 145.41053405622,
- "title": "St Mel's Kindergarten",
- "description": "We are adding children’s toilets and new nappy-changing facilities. This will help the kindergarten expand and offer more places for local 3-year-old children.",
- "type": "Early childhood"
- },
- {
- "postcode": "3850",
- "lat": -38.106803,
- "lng": 147.039947,
- "title": "Wurruk Primary School",
- "description": "We are refurbishing the school toilet block to improve amenity, cleanliness and hygiene. This work is supported by our Minor Capital Works Fund – a program for small building projects that make a big difference in our schools.",
- "type": "School upgrade"
- },
- {
- "postcode": "3690",
- "lat": -36.12560893,
- "lng": 146.8810522,
- "title": "Wodonga Senior Secondary College",
- "description": "We are refurbishing the staff and student toilet block at the Benalla Flexible Learning Centre campus to improve amenity, cleanliness and hygiene. This work is supported by our Minor Capital Works Fund – a program for small building projects that make a big difference in our schools.",
- "type": "School upgrade"
- },
- {
- "postcode": "3695",
- "lat": -36.355178,
- "lng": 147.112896,
- "title": "Upper Sandy Creek Primary School",
- "description": "We are rebuilding the student toilet block in a new location to improve amenity, cleanliness and hygiene. This work is supported by our Minor Capital Works Fund – a program for small building projects that make a big difference in our schools.",
- "type": "School upgrade"
- },
- {
- "postcode": "3029",
- "lat": -37.872881,
- "lng": 144.696117,
- "title": "Mossfiel Primary School",
- "description": "We are refurbishing student toilets in Block A to improve amenity, cleanliness and hygiene.",
- "type": "School upgrade"
- },
- {
- "postcode": "3429",
- "lat": -37.563794,
- "lng": 144.704579,
- "title": "Killara Primary School",
- "description": "We are refurbishing the student and accessible toilets to improve amenity, cleanliness and hygiene. This work is supported by our Minor Capital Works Fund – a program for small building projects that make a big difference in our schools.",
- "type": "School upgrade"
- },
- {
- "postcode": "3675",
- "lat": -36.617838,
- "lng": 146.236359,
- "title": "Greta Valley Primary School",
- "description": "We are replacing the student and staff toilets to improve amenity, cleanliness and hygiene. This work is supported by our Minor Capital Works Fund – a program for small building projects that make a big difference in our schools.",
- "type": "School upgrade"
- },
- {
- "postcode": "3020",
- "lat": -37.788396,
- "lng": 144.798996,
- "title": "Ardeer South Primary School",
- "description": "We are refurbishing the student toilets to improve amenity, cleanliness and hygiene. This work is supported by our Minor Capital Works Fund – a program for small building projects that make a big difference in our schools.",
- "type": "School upgrade"
- },
- {
- "postcode": "3205",
- "lat": -37.830602,
- "lng": 144.949738,
- "title": "Montague Continuing Education Centre",
- "description": "We are modernising the school to give students better learning opportunities.",
- "type": "School upgrade"
- },
- {
- "title": "Merrilands Children Centre and Kindergarten",
- "description": "We’re helping Uniting Victoria and Tasmania Limited plan to expand and renovate Merrilands Children Centre and Kindergarten. This planning gets the projects ready for construction, which depends on future funding.",
- "type": "Early childhood"
- },
- {
- "title": "Greater Bendigo City Council Kindergarten Infrastructure Planning Project",
- "description": "We’re helping Greater Bendigo City Council plan an integrated children centre, complete with kindergarten and community services, in Marong. The centre would offer 66 funded kindergarten places and provide space for allied health services. The grant will also help council employ someone to complete feasibility studies for 7 additional kindergarten expansion projects in the area. This planning gets the projects ready for construction, which depends on future funding.",
- "type": "Early childhood"
- },
- {
- "postcode": "3064",
- "lat": -37.52064142,
- "lng": 144.9570922,
- "title": "Kalkallo North Community Centre",
- "description": "We are building an integrated children's centre, which will offer 3 kindergarten rooms, a multipurpose activity room and maternal child health services. The kindergarten will provide 99 places for local children and help them get 2 years of high-quality funded kindergarten. This centre was previously known as Kalkallo North Integrated Child, Family and Community Centre.",
- "type": "Early childhood"
- },
- {
- "postcode": "3555",
- "lat": -36.79710633,
- "lng": 144.2396267,
- "title": "Helm Street Kindergarten",
- "description": "We refurbished Shine Bright Helm Street Kindergarten. The works included: replacing flooring, repainting, upgrading the art cubby house, renovating the bathroom, and resurfacing the carpark.",
- "type": "Early childhood"
- },
- {
- "postcode": "3666",
- "lat": -36.75216146,
- "lng": 145.5731494,
- "title": "Euroa Kindergarten",
- "description": "We expanded the bike track as well as the sand and water play areas. The upgrade encourages more social interaction between the children.",
- "type": "Early childhood"
- },
- {
- "postcode": "3058",
- "lat": -37.72159416,
- "lng": 144.958985,
- "title": "St. Linus Kindergarten",
- "description": "We replaced the side annex with a purpose-built space that includes toilets, a children's kitchen, a meeting room and storage room. The storage area was transformed into a staff toilet with shower. At the front of the centre we added a foyer, office room and extra space for children's activities.",
- "type": "Early childhood"
- },
- {
- "postcode": "3781",
- "lat": -37.93473356,
- "lng": 145.4840509,
- "title": "Cockatoo Kindergarten",
- "description": "We upgraded the 30-year-old playground structure at Cockatoo Kindergarten.",
- "type": "Early childhood"
- },
- {
- "postcode": "3960",
- "lat": -38.65405056,
- "lng": 146.2002932,
- "title": "Prom Coast Centre for Children",
- "description": "We increased the centre’s capacity with a new purpose-built modular kindergarten room. This will create more kindergarten places for local children, including the newly funded places for 3-year-olds, and help meet local demand for long day care. The centre is co-located with Foster Primary School.",
- "type": "Early childhood"
- },
- {
- "postcode": "3064",
- "lat": -37.54303187,
- "lng": 144.8909172,
- "title": "Mickleham South Community Centre",
- "description": "We are building a community centre in Merrifield South. The centre will have 2 preschool rooms, allowing it to offer 66 funded kindergarten places for 3 and 4-year-olds. It will also include maternal and child health services and consulting suites for specialist services. Multipurpose activity rooms will support community activities, such as playgroups, training and education, and community meetings. This centre was previously known as Merrifield South Integrated Child, Family and Community Centre.",
- "type": "Early childhood"
- },
- {
- "postcode": "3132",
- "lat": -37.8204257,
- "lng": 145.2084337,
- "title": "Heatherdale Preschool",
- "description": "We are adding a second kindergarten room. This will create 22 additional kindergarten places for 3-year-olds in the local area.",
- "type": "Early childhood"
- },
- {
- "postcode": "3338",
- "lat": -37.67811379,
- "lng": 144.5908479,
- "title": "Melton Uniting Kindergarten",
- "description": "We are building a multi-sensory, natural discovery play space for children of all abilities.",
- "type": "Early childhood"
- },
- {
- "postcode": "3219",
- "lat": -38.17850229,
- "lng": 144.3947096,
- "title": "Whittington Child and Family Centre",
- "description": "We installed a new emergency messaging system to keep children, staff and families safe. In an emergency, the centre will be able to quickly communicate with the community and begin an automatic lockdown. This new technology will keep the centre community safe and informed of any unexpected concerns.",
- "type": "Early childhood"
- },
- {
- "postcode": "3078",
- "lat": -37.77187679,
- "lng": 145.022247,
- "title": "Alfred Nuttall Memorial Kindergarten",
- "description": "We extended the office to better accommodate staff and increase storage. This will provide two separate walking areas – a general office, and a director’s office that can also be used as a private meeting room for staff and parent consultations.",
- "type": "Early childhood"
- },
- {
- "postcode": "3691",
- "lat": -36.46928759,
- "lng": 147.0155485,
- "title": "Dederang Primary School Care",
- "description": "We are extending the inside bathroom to accommodate three toilets and handwashing stations. It will also include a laundry area with a washing machine. This will help Dederang Primary School Care meet growing demand for kindergarten for three and four-year-olds. We’ll also refurbish the unused office space so it can be used for maternal health nurse services.",
- "type": "Early childhood"
- },
- {
- "postcode": "3561",
- "lat": -36.36299288,
- "lng": 144.700063,
- "title": "Shine Bright Rochester Kindergarten",
- "description": "We are upgrading the appearance and functionality of Shine Bright Rochester Kindergarten. We are installing a new sink for the children and connecting hot water to the main room. We’ll replace deteriorating floor coverings, and repaint the inside and outside of the centre.",
- "type": "Early childhood"
- },
- {
- "postcode": "3107",
- "lat": -37.76614912,
- "lng": 145.1151496,
- "title": "Twin Hills Preschool",
- "description": "We built a new deck and pergola to provide rain and sun protection, giving the children more play spaces to enjoy during all kinds of weather.",
- "type": "Early childhood"
- },
- {
- "postcode": "3015",
- "lat": -37.82752819,
- "lng": 144.8863121,
- "title": "Emma McLean Kindergarten and Daycare",
- "description": "We are expanding Emma McLean Kindergarten and Daycare with a new 3-room modular building. This will give children better spaces to learn and provide up to 75 extra kindergarten places for local families.",
- "type": "Early childhood"
- },
- {
- "postcode": "3150",
- "lat": -37.91540046,
- "lng": 145.1850997,
- "title": "Columbia Park Early Learning Centre",
- "description": "We upgraded Columbia Park Early Learning Centre's outdoor learning environment for 3 and 4-year-olds.",
- "type": "Early childhood"
- },
- {
- "postcode": "3461",
- "lat": -37.31117883,
- "lng": 144.134224,
- "title": "Hepburn Kindergarten",
- "description": "We are upgrading the bathroom, kitchen and office. We're also refurbishing the timber floors and making the lighting more energy efficient. Outside, we're improving the front entrance. We’ll add a carpark and drop-off zone. This will improve security and access.",
- "type": "Early childhood"
- },
- {
- "postcode": "3044",
- "lat": -37.74731786,
- "lng": 144.9314725,
- "title": "Brentwood Kindergarten",
- "description": "We modernised the kitchen and bathroom to provide a better work environment for staff. We also upgraded the playground to make it safer and more inclusive.",
- "type": "Early childhood"
- },
- {
- "postcode": "3021",
- "lat": -37.73765803,
- "lng": 144.7996618,
- "title": "Sacred Heart School (St Albans)",
- "description": "We are helping the school build a flexible learning centre and associated spaces.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3995",
- "lat": -38.60680461,
- "lng": 145.5864425,
- "title": "Drysdale Street Kindergarten",
- "description": "We partnered with Bass Coast Shire to expand Drysdale Street Kindergarten. We added an extra kindergarten room and maternal and child health facilities, allowing the centre to offer an extra 33 places from 2023. We also added an outdoor learning space and car park facilities. This kindergarten was built using modular construction, which means the bulk of the building works took place off-site. Modular kindergartens are an efficient solution for delivering quality buildings in short timeframes. They are constructed in a factory in sections known as “modules”. These modules are delivered to the kindergarten site, where builders assemble them, connect utilities and complete outdoor areas. Constructing the modules offsite minimises disruptions to the community and kindergarten. The process also reduces the time required for a traditional build and gives children faster access to high-quality learning environments. For information on enrolment, please contact Bass Coast Shire Council or email kinder@basscoast.vic.gov.au.",
- "type": "Early childhood"
- },
- {
- "postcode": "3044",
- "lat": -37.72919144,
- "lng": 144.9373978,
- "title": "Pascoe Vale Community Centre",
- "description": "We’re upgrading and expanding Pascoe Vale Community Centre. We’ll expand the classroom, and build a new office space and staff toilet. We’re also improving the yard to create new places for children to learn and play outdoors. This upgrade will create more than 40 new kindergarten places for local children.",
- "type": "Early childhood"
- },
- {
- "postcode": "3183",
- "lat": -37.87459639,
- "lng": 145.0053171,
- "title": "Ripponlea Kindergarten",
- "description": "We upgraded the outdoor play space with new landscaping and shaded areas. The improved space will feature sustainable design and Indigenous themes.",
- "type": "Early childhood"
- },
- {
- "title": "Goodstart Early Learning",
- "description": "We are helping Goodstart Early Learning employ someone to plan new kindergartens across Victoria. They will also explore partnerships with schools and other providers. These partnerships may create new kindergartens or multi-use centres.",
- "type": "Early childhood"
- },
- {
- "postcode": "3013",
- "lat": -37.82030008,
- "lng": 144.8932171,
- "title": "Norfolk Street Childcare Centre",
- "description": "We upgraded and modernised the kindergarten rooms, bathrooms and kitchen.",
- "type": "Early childhood"
- },
- {
- "postcode": "3750",
- "lat": -37.60193697,
- "lng": 145.0247312,
- "title": "Wollert Andrews Road Primary School (interim name)",
- "description": "We are planning a school in the City of Whittlesea to help the growing local population get a great education close to home.",
- "type": "New school"
- },
- {
- "postcode": "3193",
- "lat": -37.97838247,
- "lng": 145.0318419,
- "title": "Jack and Jill Beaumaris Kindergarten",
- "description": "We built a multi-sensory, inclusive play space inspired by Indigenous themes. The space encourages children to calmly engage with nature and each other. It's also an outdoor learning area.",
- "type": "Early childhood"
- },
- {
- "postcode": "3810",
- "lat": -38.068997,
- "lng": 145.471002,
- "title": "Pakenham Secondary College",
- "description": "We will be upgrading classrooms at the college, including those in Block A.",
- "type": "School upgrade"
- },
- {
- "postcode": "3040",
- "lat": -37.75466022,
- "lng": 144.9040501,
- "title": "Essendon Interim Kindergarten",
- "description": "We built a new kindergarten at an interim site at Essendon Keilor College. It provides new kindergarten places in an area experiencing high demand for kindergarten services. Building the kindergarten at an interim site allowed us to quickly deliver local kindergarten places in time for the beginning of Term 1 2023. The interim kindergarten includes two kindergarten rooms offering 66 places for local 3- and 4-year-old children. It also includes a Maternal and Child Health room and a dedicated outdoor learning space. This kindergarten supports the delivery of Free Kinder for 3- and 4-year-olds across Victoria.",
- "type": "Early childhood"
- },
- {
- "postcode": "3825",
- "lat": -38.189727,
- "lng": 146.246722,
- "title": "Moe Primary School",
- "description": "We will be upgrading this school to give students better learning opportunities.",
- "type": "School upgrade"
- },
- {
- "postcode": "3011",
- "lat": -37.79336831,
- "lng": 144.8881054,
- "title": "Brenbeal Children's Centre",
- "description": "We expanded the room used for three-year-olds. This has created five extra kindergarten places, increasing the centre's capacity to 20. We also added an additional change table and refurbished the three-year-olds' bathroom.",
- "type": "Early childhood"
- },
- {
- "postcode": "3151",
- "lat": -37.848519,
- "lng": 145.163728,
- "title": "Forest Hill College",
- "description": "We will complete upgrades to Block A, Block D and Block M. This will ensure students are learning in spaces fit for modern education.",
- "type": "School upgrade"
- },
- {
- "postcode": "3212",
- "lat": -38.015915,
- "lng": 144.410543,
- "title": "Lara Primary School",
- "description": "We completed roof works. This included replacing the gutters and downpipes.",
- "type": "School upgrade"
- },
- {
- "postcode": "3377",
- "lat": -37.28599961,
- "lng": 142.9219615,
- "title": "Ararat Secondary College",
- "description": "We are upgrading and modernising Ararat Secondary College.",
- "type": "School upgrade"
- },
- {
- "postcode": "3634",
- "lat": -36.225467,
- "lng": 145.560714,
- "title": "Katandra West Primary School",
- "description": "We are providing exterior roof works and internal repairs and refurbishment.",
- "type": "School upgrade"
- },
- {
- "postcode": "3757",
- "lat": -37.5150463,
- "lng": 145.1201751,
- "title": "Whittlesea Secondary College",
- "description": "We are planning an upgrade at this school.",
- "type": "Planning"
- },
- {
- "postcode": "3824",
- "lat": -38.214764,
- "lng": 146.15987,
- "title": "Trafalgar Primary School",
- "description": "We are refurbishing the student bathroom to improve amenity, cleanliness and hygiene.",
- "type": "School upgrade"
- },
- {
- "postcode": "3337",
- "lat": -37.606275,
- "lng": 144.594231,
- "title": "Toolern Vale and District Primary School",
- "description": "We are planning an upgrade at this school.",
- "type": "Planning"
- },
- {
- "postcode": "3915",
- "lat": -38.29789,
- "lng": 145.172749,
- "title": "Wallaroo Primary School",
- "description": "We are building an inclusive outdoor learning space, including shade structure and kitchen garden.",
- "type": "School upgrade"
- },
- {
- "postcode": "3585",
- "lat": -35.331787,
- "lng": 143.546066,
- "title": "Swan Hill North Primary School",
- "description": "We are planning an upgrade at this school.",
- "type": "Planning"
- },
- {
- "postcode": "3169",
- "lat": -37.940477,
- "lng": 145.11644,
- "title": "Clayton South Primary School",
- "description": "We are continuing our work at this school, and planning an upgrade.",
- "type": "School upgrade"
- },
- {
- "postcode": "3030",
- "lat": -37.89406,
- "lng": 144.643892,
- "title": "Manorvale Primary School",
- "description": "We are planning an upgrade at this school.",
- "type": "Planning"
- },
- {
- "postcode": "3076",
- "lat": -37.652699,
- "lng": 145.031647,
- "title": "Whittlesea Tech School",
- "description": "Secondary school students from the Whittlesea area now have access to cutting-edge learning at the Whittlesea Tech School hosted by Melbourne Polytechnic. The Tech School is a high-tech learning environment. Its innovative education programs will link with local industry to deliver real world learning. Students from 14 partner schools in Whittlesea will access the Tech School throughout the year for specialised programs. The school emphasises the vital science, technology, engineering and mathematics skills needed for the 21st century. It enhances the programs schools provide, and helps prepare students for the jobs of the future. Site and host Melbourne Polytechnic is hosting the Whittlesea Tech School at its Epping Campus. The Executive Director of the school is Marc Blanks. The Directors of the school are Sandra McKechnie and Stefan Schutt. Industry and education focus The school has an education focus aligned to industries that are predicted to experience strong economic and employment growth: advanced manufacturing scientific and technical services healthcare and social assistance entrepreneurial skills food and fibre. Enrolment and partners Secondary students from 14 partner schools now have have access to high-tech learning at the cutting edge school. School partners Edgars Creek Secondary College Epping Secondary College Hazel Glen College Lalor Secondary College Lalor North Secondary College Marymede Catholic College Mernda Central P-12 College Mill Park Secondary College Peter Lalor Secondary College St Monica’s College The Lakes South Morang P-9 School Charles La Trobe P-12 College (The Pavilion Campus - Epping Campus) Thomastown Secondary College Whittlesea Secondary College Other partners Advanced Manufacturing Growth Centre Australia Centre for the Moving Image Career Education Association of Victoria Carlton Football Club City of Whittlesea CSL Behring Design and Technology Teachers Association Hume Whittlesea LLEN La Trobe University Melbourne Electronic Sound Studio Microsoft North Link Regional Development Victoria RMIT University Royal Society of Victoria Science Teachers' Association of Victoria Science Gallery of Melbourne Contact For more information about the Tech Schools initiative, visit About Tech Schools or email tech.schools@edumail.vic.gov.au. School Design Awards This school, designed by ClarkeHopkinsClarke, was a finalist in the 2019 Victorian School Design Awards.",
- "type": "Tech school"
- },
- {
- "postcode": "3030",
- "title": "Point Cook South Specialist School (interim name)",
- "description": "We're planning for a new specialist school in Point Cook South. It will open with places for up to 164 students. This will help the growing local population get a great education close to home.",
- "type": "New school"
- },
- {
- "postcode": "3552",
- "lat": -36.76724,
- "lng": 144.30613,
- "title": "Bendigo Tech School",
- "description": "Secondary school students from the Bendigo area now have access to cutting-edge learning at the Tech School, hosted by La Trobe University. The school is a high-tech learning environment. Its innovative education programs link with local industry to deliver real world learning. Students from 14 partner schools in Bendigo will access the school throughout the year for specialised programs. The school emphasises the vital science, technology, engineering and mathematics skills needed for the 21st century. It enhances the programs schools provide, and helps prepare students for the jobs of the future. ",
- "type": "Tech school"
- },
- {
- "postcode": "3095",
- "lat": -37.71951993,
- "lng": 145.1468344,
- "title": "Goodstart Early Learning Eltham",
- "description": "We are renovating the outdoor space. This includes improving drainage, removing concrete and replacing the fence. We are improving sandpits, sensory garden beds, yarning circles and other outdoor spaces. This will create a better area for all children to play, learn and develop. Children of all abilities will be able to use new soft-fall rubber areas and a cubby. These improvements create a more inclusive and safer outdoor environment.",
- "type": "Early childhood"
- },
- {
- "postcode": "3029",
- "lat": -37.85573,
- "lng": 144.65876,
- "title": "Davis Creek Primary School Kindergarten",
- "description": "A new kindergarten has been built at Davis Creek Primary School. Having the kindergarten and school together may help local children make a smooth transition from pre-school and reduce the number of drop-offs for some parents with kinder and school-aged children. This kindergarten will be operational in 2021. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3040",
- "lat": -37.753095,
- "lng": 144.921042,
- "title": "Essendon Primary School",
- "description": "We are continuing our work at this school, and planning a further upgrade.",
- "type": "School upgrade"
- },
- {
- "postcode": "3030",
- "lat": -37.92187,
- "lng": 144.63849,
- "title": "Riverwalk Primary School Kindergarten",
- "description": "A new kindergarten has been built at the school. Having the kindergarten and school together may help local children make a smooth transition from preschool and reduce the number of drop-offs for some parents with kinder and school-aged children. This kindergarten will be operational in 2021. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3084",
- "lat": -37.74247505,
- "lng": 145.0821099,
- "title": "Goodstart Early Learning Rosanna Banyule Road",
- "description": "We laid new turf in the kindergarten’s yards.",
- "type": "Early childhood"
- },
- {
- "postcode": "3977",
- "lat": -38.14943,
- "lng": 145.28742,
- "title": "Botanic Ridge Primary School Kindergarten",
- "description": "A new kindergarten has been built at Botanic Ridge Primary School. The kinder is run by the City of Casey Council. It may help local children make a smooth transition from pre-school and reduce the number of drop-offs for some parents with kinder and school-aged children. For more information visit the City of Casey website.",
- "type": "Early childhood"
- },
- {
- "postcode": "3186",
- "lat": -37.92004136,
- "lng": 144.9959342,
- "title": "St Peter's Kindergarten Inc",
- "description": "We are creating a versatile outdoor space for play-based learning within a rich, natural setting. The space will spark curiosity. Children will learn how to explore, engage in their environment and build their confidence. The space will feature: natural and accessible landscapes a mud kitchen and bush hut resting places, reflexology paths and running water a restored ecosystem.",
- "type": "Early childhood"
- },
- {
- "postcode": "3031",
- "lat": -37.78824,
- "lng": 144.9305,
- "title": "Flemington Education Plan",
- "description": "The Victorian Government is transforming local education through the Flemington Education Plan. Work on the plan began in 2018. Its vision is for the Flemington community to have high-quality, seamless education from birth that fosters positive health and wellbeing and the capacity to succeed. We work with two primary schools, a special school and secondary school, connecting and supporting them to share their expertise and resources. The schools involved in the plan are: Ascot Vale Heights School Debney Meadows Primary School Flemington Primary School Mount Alexander 7–12 College",
- "type": "Planning"
- },
- {
- "postcode": "3337",
- "lat": -37.68409977,
- "lng": 144.5761461,
- "title": "Goodstart Early Learning Melton – High Street",
- "description": "We are upgrading the kindergarten’s outdoor play area. We will remove concrete, improve drainage and put in new sandpits, play equipment and sensory experiences.",
- "type": "Early childhood"
- },
- {
- "postcode": "3153",
- "title": "Bayswater Education Plan",
- "description": "The Victorian Government is transforming local education through the Bayswater Education Plan. Work on the plan began in 2020. It will improve local government primary and secondary schools, and build community pride and confidence in them. It also helps us plan new and upgraded school buildings, so students have the facilities they need to reach their full potential. The schools involved in the plan are: Bayswater Secondary College Bayswater Primary School Bayswater North Primary School Bayswater South Primary School Bayswater West Primary School Subscribe to our mailing list to stay up to date with the latest information on the Bayswater Education Plan.",
- "type": "Planning"
- },
- {
- "postcode": "3012",
- "lat": -37.80381528,
- "lng": 144.8712526,
- "title": "Kingsville Kindergarten",
- "description": "We are upgrading this kindergarten. We will paint the building inside and out and replace damaged timber verandah posts. We will also extend the office, upgrade the maternal and child health consulting and waiting rooms and refurbish the staff kitchen.",
- "type": "Early childhood"
- },
- {
- "title": "Select entry schools: additional provision for girls",
- "description": "Funding has been announced to review long-term select entry provision for girls across Victoria. This review will include options for creating more capacity at Mac Robertson Girl's High School. The Government is reviewing select entry schooling to ensure girls and boys have equal access to select entry schools. The funding will review long-term select entry provision for girls across Victoria as well as look at options for creating more capacity at Mac Robertson Girls’ High School to address the disparity. Options to expand Mac Robertson Girls’ High School include increasing capacity on the current site and leasing or buying a new site. The review will not look at expanding the current site adjacent to Albert Park to ensure the surrounding parkland is not affected.",
- "type": "Planning"
- },
- {
- "postcode": "3026",
- "lat": -37.78992857,
- "lng": 144.76339,
- "title": "Derrimut Early Learning Centre & YMCA Derrimut Outside School Hours Care",
- "description": "We are upgrading the playground and outdoor areas of the early learning centre. We will create a new outdoor space that is inspired by nature. It will be a fun place for children to discover different challenges and experiences that suit their age and abilities.",
- "type": "Early childhood"
- },
- {
- "postcode": "3011",
- "lat": -37.80497,
- "lng": 144.8983,
- "title": "Victoria University Children's Centre - Footscray Nicholson",
- "description": "We upgraded the centre. This upgrade will create extra places for children and staff moving from the Footscray Park centre.",
- "type": "Early childhood"
- },
- {
- "postcode": "3929",
- "lat": -38.47430349,
- "lng": 145.0148495,
- "title": "Flinders Preschool",
- "description": "We are upgrading the outdoor play and learning areas. Children will be able to learn while exploring natural landscapes or playing with others in a mud kitchen or bush hut. They will experience Indigenous culture and be able to relax alongside running water.",
- "type": "Early childhood"
- },
- {
- "postcode": "3585",
- "lat": -35.34629446087906,
- "lng": 143.54330690713815,
- "title": "Shine Bright Kunawaa Kindergarten (Kunawaa Preschool)",
- "description": "Kunawaa Preschool relocated to Swan Hill Primary School, enabling parents to access early childhood and primary education all in one learning precinct.",
- "type": "Early childhood"
- },
- {
- "postcode": "3058",
- "lat": -37.73613095,
- "lng": 144.981092,
- "title": "Barry Beckett Children's Centre",
- "description": "We are upgrading the outdoor play and learning areas. Children will be able to learn while exploring natural landscapes or playing with others in a mud kitchen or bush hut. They will experience Indigenous culture and be able to relax alongside running water.",
- "type": "Early childhood"
- },
- {
- "postcode": "3012",
- "lat": -37.781078,
- "lng": 144.871289,
- "title": "KU Maidstone Children's Centre",
- "description": "We helped build a new children's centre in Maidstone. The facility also has three allied health rooms providing specialist Allied Health services for children.",
- "type": "Early childhood"
- },
- {
- "postcode": "3079",
- "lat": -37.76716404,
- "lng": 145.0368011,
- "title": "Ivanhoe Children's Community Co-operative",
- "description": "We are creating a modern dedicated space within the centre for 3-year-old kindergarten. It will be accessible and cater for children with additional needs. We are also upgrading the centre’s reception to make it more welcoming, and adding staff planning and meeting rooms.",
- "type": "Early childhood"
- },
- {
- "postcode": "3084",
- "lat": -37.741025,
- "lng": 145.063781,
- "title": "Goodstart Early Learning Rosanna",
- "description": "In partnership with Goodstart, we built Goodstart Rosanna. The kindergarten offers 8 learning spaces, including 3 dedicated kindergarten rooms for 3- and 4-year-olds. The additional spaces will cater to children under 3.",
- "type": "Early childhood"
- },
- {
- "postcode": "3451",
- "lat": -37.0817494,
- "lng": 144.1572463,
- "title": "Castlemaine Steiner School and Kindergarten",
- "description": "We are upgrading and expanding this kindergarten. We will build a new veranda and deck to provide more flexible outdoor learning spaces that can be used in all weather. We will also build a new office space and improve the kitchen and bathrooms to make the kinder more inclusive.",
- "type": "Early childhood"
- },
- {
- "postcode": "3978",
- "lat": -38.122695,
- "lng": 145.33044,
- "title": "The Eliston Family & Community Centre",
- "description": "We supported City of Casey to build The Eliston Family & Community Centre which provides early education, maternal, child health and family services, supported playgroups, occasional care, community meeting spaces and counselling.",
- "type": "Early childhood"
- },
- {
- "postcode": "3046",
- "lat": -37.7074687787682,
- "lng": 144.94470745493155,
- "title": "St Thomas More's School (Hadfield)",
- "description": "We are helping the school refurbish a general learning building. Works include building a new accessible toilet facility, asbestos removal and service upgrades.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3750",
- "lat": -37.6104645,
- "lng": 145.00342,
- "title": "Ganbu Gulinj Community Centre",
- "description": "The Ganbu Gulinj Community Centre (known as Edgars Creek Community Centre in planning) is part of an education and community precinct in Epping North. The precinct is fully integrated, catering for the education, active recreation, social and community service needs of the local community. The centre is located next to Edgars Creek Primary School.",
- "type": "Early childhood"
- },
- {
- "postcode": "3021",
- "lat": -37.733894854450426,
- "lng": 144.81946453959102,
- "title": "St Paul's Kealba Catholic School",
- "description": "We are helping the school with a minor refurbishment to general learning areas and replace existing windows and roofs.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3183",
- "lat": -37.865921,
- "lng": 144.999878,
- "title": "Cheder Menachem Early Learning Centre",
- "description": "Cheder Incorporated upgraded and extended Cheder Menachem Early Learning Centre to provide an additional kindergarten room. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3747",
- "lat": -36.35993233975143,
- "lng": 146.68361203953748,
- "title": "St Joseph's School (Beechworth)",
- "description": "We are helping the school with minor refurbishment works to general learning areas and the library.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3509",
- "lat": -35.17042,
- "lng": 141.8109399,
- "title": "Underbool Kindergarten",
- "description": "Mildura Rural City Council have refurbished Underbool Kindergarten, including introducing an integrated kinder program with long day care service. This project extended the building with an addition of a multipurpose space. The bathroom and wet areas have also been upgraded.",
- "type": "Early childhood"
- },
- {
- "postcode": "3804",
- "lat": -37.972369454660814,
- "lng": 145.31592053960063,
- "title": "Sidrah Gardens School",
- "description": "We are helping the school build a double classroom pod with new staff and student amenities and outdoor learning areas.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3550",
- "lat": -36.72869,
- "lng": 144.27856,
- "title": "Bendigo and District Aboriginal Cooperative Kindergarten (djimbaya)",
- "description": "The Bendigo and District Aboriginal Corporation (BDAC) developed a property in Prouses Rd, Bendigo to cater for the future growth of BDAC and the community it serves. The Health and Community Centre precinct houses all of the services provided by BDAC in one location to ensure that the local Aboriginal community receives comprehensive and holistic services. Previously, services were located in three sites in and around Bendigo. The precinct includes a new kindergarten, djimbaya, which offers sessional 3 and 4-year-old kindergarten for local children. This centre was previously known as Prouses Road Development.",
- "type": "Early childhood"
- },
- {
- "postcode": "3046",
- "lat": -37.69767758329574,
- "lng": 144.92918178191889,
- "title": "Glenroy Private",
- "description": "We are helping build stage 1 of a new building. The building will include 12 general learning areas, 4 specialist classrooms, staff administration areas and student and staff amenities.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3350",
- "lat": -37.816200256347656,
- "lng": 145.1758575439453,
- "title": "Mount Pleasant Kindergarten",
- "description": "We transformed the outdoor play space at the kindergarten. This project delivered: all-weather access to the outdoor space multiple sensory-based learning areas opportunities for children to develop their gross motor skills. We also made the outdoor more accessible for children of all abilities.",
- "type": "Early childhood"
- },
- {
- "postcode": "3483",
- "lat": -35.98438249,
- "lng": 142.9099365,
- "title": "Birchip P-12 School",
- "description": "We are building an outdoor inclusive learning space. It will give children of all abilities new ways to socialise, develop and learn through play.",
- "type": "School upgrade"
- },
- {
- "postcode": "3629",
- "lat": -36.39148,
- "lng": 145.35983,
- "title": "Mooroopna Kindergarten Early Learning Centre",
- "description": "Save the Children Australia upgraded the kindergarten to create a more functional and appealing space. The upgrade also created a second flexible-use space.",
- "type": "Early childhood"
- },
- {
- "postcode": "3775",
- "lat": -37.653515,
- "lng": 145.304199,
- "title": "Christmas Hills Primary School",
- "description": "We are building an outdoor inclusive learning space. It will give children of all abilities new ways to socialise, develop and learn through play.",
- "type": "School upgrade"
- },
- {
- "postcode": "3153",
- "lat": -37.8471,
- "lng": 145.25307,
- "title": "Early Years Hub Bayswater",
- "description": "Knox City Council built an integrated children’s centre in Bayswater. The centre provides single-entry integrated services for children and families and has improved the community's access to a sustainable long day care service. The facility provides early years and family support services to support a range of needs. Services include long day care, sessional and long day funded kindergarten, and a dual-maternal and child health service. The hub includes a natural outdoor play space , an allied health consultation suite and a community/playgroup room. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3350",
- "lat": -37.60738271,
- "lng": 143.8682424,
- "title": "Mt Clear Community Kindergarten",
- "description": "We are upgrading the indoor and outdoor areas to make them more accessible to children, staff and carers of all abilities. Inside, we're widening 2 doorways and leveling the floorspaces. Outside, we'll replace steps from the undercover area with 2 access ramps. We’ll renovate the sandpit with a wheelchair-friendly “beach entry” and add a shade structure so more children can play and access the space.",
- "type": "Early childhood"
- },
- {
- "postcode": "3750",
- "title": "Barrawang Primary School Kindergarten",
- "description": "We built a new kindergarten at Barrawang Primary School. This 2-room centre provides 66 kindergarten places and opens into an outdoor learning and play space. Having the kindergarten and school together may help local children make a smoother transition into primary school and can also make drop-off time simpler for some families.",
- "type": "Early childhood"
- },
- {
- "postcode": "3066",
- "title": "Gold Street Children's Centre",
- "description": "We're replacing the chain link cyclone fencing. This will reduce traffic noise and pollution coming from nearby Hoddle Street. We'll also reconfigure the front entrance to improve accessibility for children, staff and families.",
- "type": "Early childhood"
- },
- {
- "postcode": "3585",
- "lat": -35.3284683,
- "lng": 143.5457328,
- "title": "Shine Bright Shamrock Park Kindergarten",
- "description": "We refurbished a multipurpose room and play area located at St Mary's Catholic Primary School to commence Shine Bright Shamrock Park Kindergarten. Works included painting and new floor coverings, as well as upgrading the play area and outside play equipment.",
- "type": "Early childhood"
- },
- {
- "postcode": "3192",
- "lat": -37.9617372115784,
- "lng": 145.04661367117,
- "title": "Olympic Avenue Kindergarten",
- "description": "We upgraded the outdoor environment and landscaping to make it more inclusive for children of all abilities and to better reflect the surrounding natural environment.",
- "type": "Early childhood"
- },
- {
- "postcode": "3175",
- "lat": -37.9442092,
- "lng": 145.2142608,
- "title": "Rosewood Downs Primary School Kindergarten",
- "description": "We built a new kindergarten at Rosewood Downs Primary School in partnership with the City of Greater Dandenong. The 2-room centre provides 66 kindergarten places. The kindergarten opens into an outdoor learning and play space. It includes an administration area, maternal and child health services, and community space. Having the kindergarten and school together may help local children make a smoother transition into primary school and can also make drop-off time simpler for some families.",
- "type": "Early childhood"
- },
- {
- "postcode": "3909",
- "lat": -37.852539,
- "lng": 148.05097,
- "title": "Toorloo Arm Primary School",
- "description": "We are refurbishing the student toilets to improve amenity, cleanliness and hygiene. This work is supported by our Minor Capital Works Fund – a program for small building projects that make a big difference in our schools.",
- "type": "School upgrade"
- },
- {
- "postcode": "3029",
- "title": "Mt Atkinson Children's and Community Centre",
- "description": "We partnered with Melton City Council to build an integrated children's centre which offers community services and a kindergarten. The kindergarten provides an additional 99 kindergarten places to the community, improves the overall quality of the learning environment, and helps local children access two years of high-quality funded kindergarten. Please contact Melton City Council about enrolments. You can contact the Kindergarten Registration Team on 9747 7284 or at kindergartens@melton.vic.gov.au. For further information, you can also visit the Melton City Council website.",
- "type": "Early childhood"
- },
- {
- "postcode": "3021",
- "lat": -37.738748,
- "lng": 144.795769,
- "title": "St Albans Primary School",
- "description": "We are refurbishing the student toilet block to improve amenity, cleanliness and hygiene. This work is supported by our Minor Capital Works Fund – a program for small building projects that make a big difference in our schools.",
- "type": "School upgrade"
- },
- {
- "postcode": "3024",
- "title": "Birnbial Family Centre",
- "description": "We are partnering with Wyndham City Council to build an integrated children's centre, which will offer three kindergarten rooms as well as maternal child health and allied health services. The kindergarten will provide 99 kindergarten places to the community and help local children access two years of high-quality funded kindergarten. The centre was previously known as Manor Lakes North Integrated Family Centre.",
- "type": "Early childhood"
- },
- {
- "postcode": "3930",
- "lat": -38.189704,
- "lng": 145.093544,
- "title": "Mount Eliza Secondary College",
- "description": "We are refurbishing the student toilet facilities in the school's canteen and well-being areas to improve amenity, cleanliness and hygiene. This work is supported by our Minor Capital Works Fund – a program for small building projects that make a big difference in our schools.",
- "type": "School upgrade"
- },
- {
- "postcode": "3931",
- "lat": -38.21945106,
- "lng": 145.0456859,
- "title": "The Herd Intergenerational Learning Centre",
- "description": "We helped Uniting AgeWell refurbish their Mornington facility to create The Herd Intergenerational Learning Centre. The centre houses a 66-place kindergarten alongside the aged care facility, allowing young children and older residents to come together for activities such as art, music, lunch or storytelling. The children gain an extended family, and learn about ageing and accepting people with disabilities. The aged-care residents benefit from the physical activity of playing with the children, while enjoying the spirit that children bring to their home environment. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3475",
- "lat": -36.789942,
- "lng": 143.551897,
- "title": "Bealiba Primary School",
- "description": "We are upgrading the school's power supply to provide three-phase power. This work is supported by our Minor Capital Works Fund – a program for small building projects that make a big difference in our schools.",
- "type": "School upgrade"
- },
- {
- "postcode": "3053",
- "lat": -37.80009078979492,
- "lng": 144.9670867919922,
- "title": "FROEBEL Carlton Early Learning Centre",
- "description": "We helped build Australia's first not-for-profit workplace early childhood education and care service. The new FROEBEL Carlton Early Learning Centre is a sustainable, multi-level, engineered timber building. It provides employees and students of the University of Melbourne, and employees of the university's innovation precinct 'Melbourne Connect', with kindergarten and childcare. Additional capacity will be available to the wider community.",
- "type": "Early childhood"
- },
- {
- "postcode": "3152",
- "lat": -37.857598,
- "lng": 145.229974,
- "title": "Wantirna College",
- "description": "We are modernising the school to give students better learning opportunities. In this significant upgrade, we will build a competition-grade gym with 2 courts. We will also build new music and drama classrooms.",
- "type": "School upgrade"
- },
- {
- "postcode": "3818",
- "lat": -38.11112715007792,
- "lng": 145.84896119316946,
- "title": "Drouin West Kindergarten",
- "description": "We partnered with Baw Baw Shire Council to build a new kindergarten at Drouin West Primary School. This 2-room centre provides 66 kindergarten places and opens into an outdoor learning and play space. Having the kindergarten and school together helps local children make a smoother transition into primary school and makes drop-off time simpler for some families. This kindergarten was built using modular construction. Constructing the modules offsite minimised disruptions to the community and kindergarten. This process also reduced the time required for a traditional build and gave the children faster access to high-quality learning environments. For information on kindergarten enrolments, please contact Baw Baw Shire Council or call the Baw Baw Shire Kindergarten Enrolment Officer on 5624 2540.",
- "type": "Early childhood"
- },
- {
- "postcode": "3918",
- "lat": -38.339857,
- "lng": 145.171678,
- "title": "Bittern Primary School",
- "description": "We are modernising the school to give students better learning opportunities.",
- "type": "School upgrade"
- },
- {
- "postcode": "3442",
- "lat": -37.35603,
- "lng": 144.53052,
- "title": "Woodend Kindergarten",
- "description": "Woodend Kindergarten have developed their outdoor play space to create a natural environment that supports and promotes inclusion for all children.",
- "type": "Early childhood"
- },
- {
- "postcode": "3380",
- "lat": -37.057672,
- "lng": 142.78383,
- "title": "Skene Street School Stawell",
- "description": "We are modernising the school to give students better learning opportunities. In this significant upgrade, we will build new classrooms and learning spaces. We will also upgrade the administration building.",
- "type": "School upgrade"
- },
- {
- "postcode": "3550",
- "lat": -36.7465,
- "lng": 144.26239,
- "title": "Havilah Road Preschool",
- "description": "The City of Greater Bendigo upgraded Havilah Road Kindergarten's playground facilities, including installing soft fall, building a digging patch, gravel pit, bike path, plants and river bed. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3500",
- "lat": -34.199885,
- "lng": 142.143641,
- "title": "Mildura Specialist School",
- "description": "We are modernising the school to give students better learning opportunities. In this significant upgrade, we will build new classrooms and learning spaces. We will also upgrade the Living Skills Building.",
- "type": "School upgrade"
- },
- {
- "postcode": "3860",
- "lat": -37.84355926513672,
- "lng": 147.0726776123047,
- "title": "Briagolong Kindergarten and Occasional Care",
- "description": "We expanded and upgraded the bathroom at Briagolong Kindergarten and Occasional Care to include a nappy change area. The bathroom is inclusive for children of all ages and abilities.",
- "type": "Early childhood"
- },
- {
- "title": "City Of Greater Geelong Kindergarten Infrastructure Planning Project",
- "description": "We’re helping City of Greater Geelong review its Early Years Network Report and help them make decisions about future kindergarten building projects. This planning gets the projects ready for construction, which depends on future funding.",
- "type": "Early childhood"
- },
- {
- "postcode": "3758",
- "lat": -37.3576506,
- "lng": 145.0325443,
- "title": "Wandong Kindergarten",
- "description": "We helped upgrade and expand the kindergarten. This will increase places for local children, and prepare for the roll-out of subsidised kindergarten for 3-year-olds in 2022. The project also delivered a multipurpose space for the community and health services.",
- "type": "Early childhood"
- },
- {
- "title": "Ballarat City Council Kindergarten Infrastructure Planning Project",
- "description": "We are helping Ballarat City Council employ someone to support the Alfredton Community and Early Years Hub Project - a new centre with 3 kindergarten rooms, community meeting spaces, outdoor areas, and parking. They will also support building works at 5 existing kindergartens to help local families continue to access 2 years of quality early childhood education. This planning gets the projects ready for construction, which depends on future funding.",
- "type": "Early childhood"
- },
- {
- "postcode": "3123",
- "lat": -37.83197784423828,
- "lng": 145.04981994628906,
- "title": "Bialik College Early Learning Centre",
- "description": "We helped upgrade Bialik College Early Learning Centre. We provided new seating and restored a mural to its original condition. We made environmental improvements and built a sensory and rain garden. The garden helps flood mitigation and supports environmental sustainability.",
- "type": "Early childhood"
- },
- {
- "title": "Perridak Burron Early Learning Centre",
- "description": "We are helping the Ballarat and District Aboriginal Co-operative plan a 100-place kindergarten in Miners Rest. The centre would offer kindergarten to Aboriginal and non-Aboriginal families. Long day care, family services and community programs will also be offered to help connect families to early childhood education and services. This planning gets the project ready for construction, which depends on future funding.",
- "type": "Early childhood"
- },
- {
- "postcode": "3228",
- "lat": -38.3387699,
- "lng": 144.29195,
- "title": "Butterfield House Kindergarten",
- "description": "Christian College Geelong built Butterfield House, a new early learning centre in the Torquay area. ",
- "type": "Early childhood"
- },
- {
- "title": "Maroondah City Council Kindergarten Infrastructure Planning Project",
- "description": "We are helping Maroondah City Council employ someone to oversee kindergarten planning and design. They will develop a series of kindergarten building projects to create more places for local children. This planning gets the projects ready for construction, which depends on future funding.",
- "type": "Early childhood"
- },
- {
- "postcode": "3818",
- "lat": -38.13291,
- "lng": 145.85503,
- "title": "Drouin Primary Early Learning Centre",
- "description": "Drouin Primary Early Learning Centre have created a third program room, a third consulting room, and an outdoor play space. This provides additional funded kindergarten places and consulting space for the Maternal and Child Health Service and other allied health services.",
- "type": "Early childhood"
- },
- {
- "title": "Hume City Council Kindergarten Expansion Project",
- "description": "We are helping Hume City Council employ someone to oversee kindergarten planning and design. They will develop a series of kindergarten building projects to create more places for local children. This planning gets the projects ready for construction, which depends on future funding.",
- "type": "Early childhood"
- },
- {
- "postcode": "3048",
- "lat": -37.65102005004883,
- "lng": 144.91876220703125,
- "title": "Bethal Primary School Kindergarten",
- "description": "We expanded Bethal Primary School Kindergarten. This project has improved the quality of the learning environment and created additional kindergarten places.",
- "type": "Early childhood"
- },
- {
- "postcode": "3031",
- "lat": -37.79386404,
- "lng": 144.9271986,
- "title": "St Mary's Early Learning Centre",
- "description": "We are partnering with St Virgin Mary Coptic Orthodox Church to build a 2-storey early learning centre. We will demolish the existing buildings to make space for the new centre, which will provide 46 kindergarten places for 3 and 4-year-olds in the community. We're also including administration spaces and a library, while maintaining worship space for the church community.",
- "type": "Early childhood"
- },
- {
- "postcode": "3355",
- "lat": -37.53177,
- "lng": 143.82404,
- "title": "Wendouree Children's Centre",
- "description": "We helped Wendouree Children's Centre upgrade their existing facilities to include maternal and child health services. It is now a fully-integrated family and children centre.",
- "type": "Early childhood"
- },
- {
- "postcode": "3181",
- "lat": -37.85414736,
- "lng": 144.9917523,
- "title": "Windsor Community Children's Centre Co-op",
- "description": "We are building a commercial-grade kitchen that can also be used as a teaching space. We are also building an outdoor wellness therapeutic retreat. This will be a tranquil space with wheelchair access that can be used for staff breaks, parent/teacher meetings and community events. We'll also build a break-away staff room accessible from the outdoor retreat, giving staff another place to relax, dine and hold meetings.",
- "type": "Early childhood"
- },
- {
- "postcode": "3025",
- "title": "One Tree Altona North Children’s Centre",
- "description": "We are expanding One Tree Altona North Children's Centre in preparation for the roll-out of subsidised kindergarten for three-year-olds. This will allow the kindergarten to offer 40 additional places to local families, improve the overall quality of the learning environment and help local children access two years of high-quality funded kindergarten.",
- "type": "Early childhood"
- },
- {
- "postcode": "3170",
- "lat": -37.92270332,
- "lng": 145.1662592,
- "title": "Wellington Child & Family Hub",
- "description": "We partnered with Monash City Council to build a new integrated children's centre. The centre has 2 kindergarten rooms and 2 maternal and child health rooms. It also features allied health consultation rooms, a community room, and an outdoor play area.",
- "type": "Early childhood"
- },
- {
- "postcode": "3672",
- "lat": -36.54736,
- "lng": 145.99901,
- "title": "Australian Christian College Early Learners",
- "description": "This grant enables Australian Christian College Early Learners to: double current capacity for three and four-year-old kindergarten provide long day care, before and after school care as well as holiday school care renovate the existing teaching space extend toilet facilities redevelop the existing kitchen facilities.",
- "type": "Early childhood"
- },
- {
- "postcode": "3797",
- "lat": -37.79392836,
- "lng": 145.6312875,
- "title": "Little Yarra Steiner Kindergarten",
- "description": "We partnered with Little Yarra Steiner School to rebuild their onsite kindergarten. We removed the existing modular building and built a fit-for-purpose centre with 3 kindergarten rooms, kitchen, laundry, storage spaces, toilets, and a covered veranda deck.",
- "type": "Early childhood"
- },
- {
- "postcode": "3133",
- "lat": -37.8365723,
- "lng": 145.1895996,
- "title": "Goodstart Early Learning Vermont - Canterbury Road North",
- "description": "We upgraded the facilities at Goodstart Early Learning Vermont. Works included installing new flooring and kitchen, a fresh paint throughout, baby changing tables, upgraded toilets, and better lighting.",
- "type": "Early childhood"
- },
- {
- "postcode": "3400",
- "lat": -36.71445157,
- "lng": 142.2035833,
- "title": "Horsham Community Childcare Centre",
- "description": "We are upgrading Horsham Community Childcare Centre. We're adding an extra kindergarten room, increasing the number of funded kindergarten places available to local 3 and 4-year-olds. We're also re-landscaping the outdoor play space, to include wheelchair access and a natural, sensory learning area.",
- "type": "Early childhood"
- },
- {
- "postcode": "3163",
- "lat": -37.899927,
- "lng": 145.041229,
- "title": "Kilvington Grammar Early Learning Centre",
- "description": "We expanded the centre to improve the play space for 4-year-old kinder groups. The upgrade included new climbing equipment with a water area, and a covered auditorium.",
- "type": "Early childhood"
- },
- {
- "postcode": "3356",
- "lat": -37.60232388,
- "lng": 143.8384139,
- "title": "Sebastopol South Kindergarten",
- "description": "We are upgrading Sebastopol South Kindergarten. This includes new windows as well as storage and bathroom upgrades. Outside, we're replacing the pergola in the kinder yard. The project will also provide 14 extra funded kindergarten places for local 3 and 4-year-olds.",
- "type": "Early childhood"
- },
- {
- "postcode": "3088",
- "lat": -37.70503,
- "lng": 145.09871,
- "title": "Greensborough Preschool",
- "description": "We helped expand Greensborough Preschool. The project added an extra kinder room and a new maternal child health consulting room. Also, a new bathroom, kitchen and other refurbishments.",
- "type": "Early childhood"
- },
- {
- "postcode": "3056",
- "lat": -37.77200668,
- "lng": 144.9661244,
- "title": "Brunswick Creche and Day Nursery",
- "description": "We are upgrading the Children’s Room to create two separate rooms for the 3 and 4-year-olds. We will also upgrade the bathroom and toilets, the kitchen area and the staff and office area. We will also improve the shade sails in the outdoor play area.",
- "type": "Early childhood"
- },
- {
- "postcode": "3128",
- "lat": -37.83677291870117,
- "lng": 145.12322998046875,
- "title": "Kingswood College Early Learning Centre",
- "description": "We are delivering a new early learning centre to Box Hill South. The purpose-built facility will provide kindergarten, long day care services and play groups to the local community.",
- "type": "Early childhood"
- },
- {
- "postcode": "3058",
- "lat": -37.75468166,
- "lng": 144.9708954,
- "title": "Antonine Sisters Child Care Centre",
- "description": "We are expanding the centre by adding 3 kindergarten rooms. This will allow the centre to offer 25 additional places as part of the roll-out of funded kindergarten for 3-year-olds, giving more local children access to 2 years of high-quality education.",
- "type": "Early childhood"
- },
- {
- "postcode": "3047",
- "lat": -37.67961233,
- "lng": 144.9286548,
- "title": "Broadmeadows Preschool",
- "description": "We upgraded the appearance and functionality of Broadmeadows Preschool. We refreshed the wall and floor finishes, and upgraded the reception area with a meeting space for families and visiting allied health and family service providers.",
- "type": "Early childhood"
- },
- {
- "postcode": "3804",
- "lat": -37.97937037,
- "lng": 145.3174957,
- "title": "Narre Warren North Kindergarten",
- "description": "We are transforming this kindergarten into a multi-service, early years hub. The expanded centre will offer 66 kindergarten places for local 3 and 4-year-olds and include 2 maternal and child health consulting rooms, a shared waiting room and new bathroom amenities.",
- "type": "Early childhood"
- },
- {
- "postcode": "3058",
- "lat": -37.74382781982422,
- "lng": 144.96449279785156,
- "title": "Moreland Kindergarten",
- "description": "We expanded Moreland Kindergarten in preparation for the roll-out of subsidised kindergarten for three-year-olds. This project will improve the quality of the learning environment and increase capacity.",
- "type": "Early childhood"
- },
- {
- "postcode": "3195",
- "lat": -37.98960368,
- "lng": 145.0943442,
- "title": "Parkdale Family and Children's Centre",
- "description": "We created outdoor spaces for children to play with sand, water and mud. The spaces are cleaner and safer with clear division of different play areas. There is also a cubby and a larger area for group activities.",
- "type": "Early childhood"
- },
- {
- "postcode": "3875",
- "lat": -37.82258709,
- "lng": 147.6193291,
- "title": "Bairnsdale Kindergarten Inc",
- "description": "We created an inclusive, safe and accessible outdoor learning environment for three and four-year-old kindergarten students. Our environmentally sustainable design and construction will minimise ongoing maintenance.",
- "type": "Early childhood"
- },
- {
- "postcode": "3220",
- "lat": -38.14753325,
- "lng": 144.3467752,
- "title": "City Learning & Care – Ariston",
- "description": "We installed a new emergency messaging system to keep children, staff and families safe. In an emergency, the centre will be able to quickly communicate with the community and begin an automatic lockdown. This new technology will keep the centre community safe and informed of any unexpected concerns.",
- "type": "Early childhood"
- },
- {
- "postcode": "3644",
- "lat": -35.91863,
- "lng": 145.65158,
- "title": "Eilleen Taylor Kindergarten",
- "description": "Moira Shire Council upgraded Eilleen Taylor Kindergarten, increasing its licensed capacity and enhancing the flexibility of the space. The office, kitchen and foyer were refurbished, and the verandah partially enclosed to provide a covered play space. A break-out space is now available for early childhood professionals to work privately with children. Accessibility was also enhanced, with a new accessible door into the foyer. Additional bench space in the kitchen now provides an opportunity to involve children in food preparation activities.",
- "type": "Early childhood"
- },
- {
- "postcode": "3145",
- "lat": -37.87985328,
- "lng": 145.0822756,
- "title": "Early Years at Phoenix Park",
- "description": "We refurbished the outdoor play areas to provide better educational opportunities for the children. The new spaces focus on sustainability, and include more veggie gardens, a water tank, as well as natural spaces with logs and stepping stones.",
- "type": "Early childhood"
- },
- {
- "postcode": "3161",
- "lat": -37.87080764770508,
- "lng": 145.02366638183594,
- "title": "Abeles Liberman Pre School",
- "description": "We are replacing asbestos roof sheets with a safer, steel alternative. A licensed technician will remove the asbestos in line with occupational health and safety regulations. They will monitor air quality throughout the process and certify the building is safe. They will complete the asbestos removal when children and staff are offsite.",
- "type": "Early childhood"
- },
- {
- "postcode": "3094",
- "lat": -37.72481821,
- "lng": 145.1301672,
- "title": "Panorama Heights Preschool",
- "description": "We have modernised the main office to create larger, more functional, working and storage spaces. We removed walls and installed built-in workstations and cupboards to create a large, central meeting area. We also upgraded the children's toilets, and installed new bag cubbies to improve storage, accessibility and to remove trip hazards.",
- "type": "Early childhood"
- },
- {
- "postcode": "3043",
- "lat": -37.68892,
- "lng": 144.88865,
- "title": "Taylor Drive Preschool",
- "description": "Hume City Council extended the preschhool to increase its licensed capacity to 33 children. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3564",
- "lat": -36.13452216,
- "lng": 144.7633808,
- "title": "Shine Bright Echuca East Kindergarten",
- "description": "We are renovating the children’s bathroom and adding new storage to make the space more functional. We’ll replace deteriorating floor covering, patch and repaint damaged walls, and replace pin boards with new wall carpet.",
- "type": "Early childhood"
- },
- {
- "postcode": "3047",
- "lat": -37.671241760253906,
- "lng": 144.93663024902344,
- "title": "Dallas Kindergarten @ Dallas Brooks Community Primary School",
- "description": "We upgraded this kindergarten. We provided nappy-change areas, and refreshed floor finishes.",
- "type": "Early childhood"
- },
- {
- "postcode": "3250",
- "lat": -38.34536732,
- "lng": 143.5764437,
- "title": "Wydinia Kindergarten & Early Learning Centre",
- "description": "We renovated the kindergarten bathroom to help with the roll-out of funded kindergarten for three-year-olds.",
- "type": "Early childhood"
- },
- {
- "postcode": "3156",
- "lat": -37.89376,
- "lng": 145.31346,
- "title": "Upper Ferntree Gully Preschool",
- "description": "We helped Upper Ferntree Gully Preschool upgrade their facilities, with an accessible adult bathroom and improved children's bathroom. A new accessible entry foyer for their internal playroom has also been created.",
- "type": "Early childhood"
- },
- {
- "postcode": "3634",
- "lat": -36.2389057,
- "lng": 145.436604,
- "title": "Tallygaroopna Children's Centre",
- "description": "We are renovating Tallygaroopna Children's Centre so it can offer funded kindergarten for three-year-olds. Upgrades will include an extra toilet and change table, and more windows to improve supervision.",
- "type": "Early childhood"
- },
- {
- "postcode": "3791",
- "lat": -37.8851,
- "lng": 145.37134,
- "title": "Kallista Kindergarten",
- "description": "Yarra Ranges Shire Council upgraded Kallista Kindergarten to improve inclusivity and enhance the existing outdoor verandah space. The upgrade included alterations to the verandah roof and building, raising the external verandah floor height and undertaking enclosure improvements to the area. These enhancements have not only improved the quality of the facility and accessibility, but has also provided Kallista Kindergarten with increased quality programming opportunities and improved educational outcomes for children and families. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3437",
- "lat": -37.48511919,
- "lng": 144.5818204,
- "title": "Manna Gum Family and Childrens Centre",
- "description": "We are extending the northern and western outdoor play spaces. The northern area will include quiet, natural play areas. We’ll upgrade the western area to promote inclusion, participation and a sense of belonging for children of all abilities.",
- "type": "Early childhood"
- },
- {
- "postcode": "3664",
- "lat": -36.901539,
- "lng": 145.237946,
- "title": "Avenel Preschool",
- "description": "The Shire of Strathbogie upgraded Avenel Preschool to accommodate increasing enrolments and a range of early years services, including maternal and child health and wellbeing outreach programs. The works have provided a dedicated planning and administration space, and multipurpose meeting room. The upgraded facility is part of a precinct for the small rural community of Avenel, further strengthening the community and providing increased support to vulnerable families in the area. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3021",
- "lat": -37.7276899,
- "lng": 144.7980334,
- "title": "Acacia Children's Centre – St Albans",
- "description": "We replaced the cladding with safer, non-combustible material.",
- "type": "Early childhood"
- },
- {
- "postcode": "3142",
- "lat": -37.84583,
- "lng": 145.00966,
- "title": "Brookville Kindergarten",
- "description": "Brookville Kindergarten are upgrading one of their rooms to create a more natural and accessible learning environment.",
- "type": "Early childhood"
- },
- {
- "postcode": "3193",
- "lat": -37.97369999,
- "lng": 145.0513795,
- "title": "Gordon Street Preschool",
- "description": "We built a multi-sensory, inclusive play space inspired by Indigenous themes. The space encourages children to calmly engage with nature and each other. It is also an outdoor learning area.",
- "type": "Early childhood"
- },
- {
- "postcode": "3284",
- "lat": -38.33308029174805,
- "lng": 142.1763458251953,
- "title": "Port Fairy Community Services Centre",
- "description": "We expanded Port Fairy Community Services Centre in preparation for the roll-out of subsidised kindergarten for three-year-olds. We converted an existing meeting room into a children's room that will be used to provide three-year-old kindergarten.",
- "type": "Early childhood"
- },
- {
- "postcode": "3236",
- "lat": -38.516287,
- "lng": 143.714415,
- "title": "Forrest Primary School",
- "description": "We refurbished the student and staff bathroom to improve amenity, cleanliness and hygiene.",
- "type": "School upgrade"
- },
- {
- "postcode": "3978",
- "lat": -38.1036717,
- "lng": 145.3774868,
- "title": "Clyde Grammar",
- "description": "We supported this new school to construct a two-storey primary centre, which includes 14 classrooms and breakout areas, two collaborative learning areas including a library, student and staff amenities, administration spaces, a sick bay and outdoor learning areas.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3831",
- "lat": -38.01531,
- "lng": 145.955358,
- "title": "Neerim South Primary School",
- "description": "We are building inclusive outdoor learning spaces including a shade structure and landscaping.",
- "type": "School upgrade"
- },
- {
- "postcode": "3644",
- "lat": -35.92429,
- "lng": 145.66103,
- "title": "Cobram Anglican Grammar School",
- "description": "We supported the school to build a new multipurpose performing arts building, and extend the technology wing. The project has: provided two additional multipurpose learning spaces and associated storage and administration areas to deliver music and performing arts provided a flexible learning space that can be opened up to create a larger space for whole school assemblies provided an additional learning space to enable efficient delivery of sheet metal technology. ",
- "type": "Non-government grant"
- },
- {
- "postcode": "3054",
- "lat": -37.791064,
- "lng": 144.973028,
- "title": "Carlton North Primary School",
- "description": "We are continuing our work at this school, and planning an upgrade.",
- "type": "School upgrade"
- },
- {
- "postcode": "3672",
- "lat": -36.547361,
- "lng": 145.9990132,
- "title": "Australian Christian College Hume",
- "description": "We supported the college to construct three modular classrooms, allowing it to enrol more students.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3030",
- "lat": -37.9228036,
- "lng": 144.7021617,
- "title": "Wyndham Tech School",
- "description": "Secondary school students from the Wyndham area have access to cutting edge learning at Wyndham Tech School. Victoria University is hosting the Wyndham Tech School at its Werribee Campus. The Tech School is housed in a newly constructed, innovative building. The Tech School is a high-tech learning environment. Its innovative education programs will link with local industry to deliver real world learning. Students from 18 partner schools in Wyndham will access this Tech School throughout the year for specialised programs. Wyndham Tech School emphasises the vital science, technology, engineering and mathematics skills needed for the 21st century. It enhances the programs schools provide, and helps prepare students for the jobs of the future. The Wyndham Tech School has an education focus aligned to industries that are predicted to experience strong economic and employment growth: Health Transport and logistics Scientific and technical professional services Construction. After completion in June 2018, the school was a winner at the Victorian School Design Awards later that year, taking the Best Secondary School Project category. Enrolment And Partners Secondary students from 18 partner schools have access to high-tech learning at the cutting edge Wyndham Tech School. School Partners Alamanda K-9 College Baden Powell P-9 College Carranballac P-9 College Good News Lutheran College Heathdale Christian College Hoppers Crossing Secondary College Islamic College of Melbourne MacKillop Catholic Regional College Manor Lakes P-12 College Point Cook Prep - Year 9 College Point Cook Senior Secondary College Suzanne Cory High School Tarneit P-9 College Tarneit Senior College The Grange P-12 College Thomas Carr College Warringa Park School Werribee Secondary College Wyndham Central Secondary College Wyndham Community and Education Centre Inc Other Partners Konica Minolta LEADWest SpecialistApps Victoria Polytechnic WynBay LLEN Wyndham City Council",
- "type": "Tech school"
- },
- {
- "postcode": "3175",
- "lat": -38.0519,
- "lng": 145.14878,
- "title": "Cornish College",
- "description": "We supported Cornish College to build new classrooms and a study area for senior students. ",
- "type": "Non-government grant"
- },
- {
- "postcode": "3806",
- "lat": -38.0320243835449,
- "lng": 145.350021362305,
- "title": "Casey Tech School",
- "description": "Secondary school students from the Casey area have access to cutting-edge learning at the Casey Tech School, hosted by Chisholm Institute at its Berwick Campus. The Tech School is a high-tech learning environment. Its innovative education programs links with local industry to deliver real world learning. Students from 21 partner schools in Casey can access the Tech School throughout the year for specialised programs. Casey Tech School emphasises the vital science, technology, engineering and mathematics skills needed for the 21st century. It enhances the programs schools provide, and helps to prepare students for the jobs of the future. ",
- "type": "Tech school"
- },
- {
- "postcode": "3810",
- "lat": -38.0645413,
- "lng": 145.4557772,
- "title": "Lakeside College",
- "description": "We helped upgrade and modernise the school. Works included: building outdoor learning and play areas a new senior primary building and art, design and technology building extending a carpark.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3888",
- "lat": -37.7039713,
- "lng": 148.4663183,
- "title": "Orbost Community College",
- "description": "We are supporting 2 local primary schools and one secondary school to come together to form a new P–12 college in Orbost. Orbost Community College is the name of the new P–12 college which will open in 2024. The school will be located on the Orbost Secondary College site. The merger combines Orbost Primary School, Orbost North Primary School, and Orbost Secondary College. It will provide students with first-rate facilities and greater opportunities. Work is underway We have nearly finished building the first stage of the project. This includes a new food technology building and relocating the canteen to a refurbished space in the school hall. We have also appointed a builder for the next stage, which includes: demolishing a teaching building constructing a new junior building extending the administration building landscaping. We expect to finish this phase in 2024. Site and features New learning spaces for students of every ability with: a modern food technology building multi-purpose classrooms in a junior learning hub expanded contemporary staffroom basketball court and outdoor stage area. The Orbost Regeneration Project The new college is the result of years of work between the 3 school communities. In 2019 a working party was formed. It included the principals, and school council representatives from each school. It will continue to identify, develop, and explore all options to ensure the best possible educational opportunities are available to all students in the Orbost area. The key areas of focus will be: developing a school that provides for all students and families in their community improving the quality and consistency of teaching and wellbeing practices, boosting their ability to attract and retain quality staff improving the school's ability to provide a guaranteed and viable curriculum across a range of subject areas. We will work with each school community to ensure we capture its history and bring its identity to the new P–12 college.",
- "type": "School upgrade"
- },
- {
- "postcode": "3820",
- "lat": -38.14557,
- "lng": 145.93201,
- "title": "St Paul's Anglican Grammar School",
- "description": "We supported the school to construct a two-storey building with 6 general learning areas, 2 large breakout areas, 5 tutorial rooms, staff administration and preparation areas, associated storage, locker areas and student amenities.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3217",
- "lat": -38.216329269011524,
- "lng": 144.35734619965004,
- "title": "Iona College",
- "description": "We supported the college to build a new school.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3805",
- "lat": -38.04987,
- "lng": 145.31693,
- "title": "Heritage College",
- "description": "We supported the school to expand their primary school.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3008",
- "lat": -37.81244,
- "lng": 144.94178,
- "title": "Docklands Primary School Kindergarten",
- "description": "We built a kindergarten at Docklands Primary School. The kindergarten opened in Term 1, 2021 and is run by Gowrie Victoria. Having the kindergarten and school together may help local children make a smooth transition from pre-school and reduce the number of drop-offs for some parents with kinder and school-aged children.",
- "type": "Early childhood"
- },
- {
- "postcode": "3338",
- "lat": -37.7560920715332,
- "lng": 144.55484008789062,
- "title": "St Lawrence of Brindisi Catholic Primary School",
- "description": "We helped develop stage 2 of the school's masterplan. This included constructing a building with nine general learning and associated spaces.",
- "type": "Non-government grant"
- },
- {
- "title": "Footscray Learning Precinct",
- "description": "The Victorian Government is transforming local education through the Footscray Learning Precinct. Work began in 2015. The precinct creates new ways to champion excellence in learning and teaching. It creates new opportunities for students at every stage of education. It will provide a seamless path from early learning to adult education, making education more accessible for the Footscray community than ever before. As part of the precinct, we're building an integrated early learning centre – a community hub offering kindergarten as well as a range of health and wellbeing services for local families. We're also upgrading and modernising local primary schools, and we've created a new high school with three campuses. The Footscray Learning Precinct includes: Footscray High School Pilgrim Year 7–9 Campus Barkly Year 7–9 Campus Kinnear Year 10–12 Campus Footscray City Primary School Footscray Primary School Footscray Learning Precinct – Billy Button Children's Centre Community engagement In November 2016, over four weeks, the VSBA ran community engagement activities to ensure they had opportunities to express support or concerns about the proposed concept before the feasibility study was finalised. We found there was a high level of support for the proposed concept. Throughout August 2017, we engaged with local students, teachers, parents and community members to ensure that their hopes, aspirations and concerns were identified and included in the design of the Footscray Learning Precinct. Community feedback was provided to Hayball architects to help them develop a master plan for the precinct. You can access both of the above mentioned engagement reports by contacting us. Explore further For more information on learning programs and partnerships this precinct is delivering, please visit the Department of Education. This is one of several education plans we are involved in. To learn more about the new buildings, upgraded facilities or community consultations connected to others across the state, please visit the VSBA education plans page. For all other queries contact education.plans@edumail.vic.gov.au.",
- "type": "Planning"
- },
- {
- "postcode": "3217",
- "lat": -38.24069,
- "lng": 144.36938,
- "title": "St Catherine of Siena Catholic Primary School (Armstrong Creek)",
- "description": "We supported the expansion of the school with a second stage of construction.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3550",
- "title": "Bendigo Education Plan",
- "description": "The Victorian Government is transforming local education through the Bendigo Education Plan. Work on the plan began in 2005 to re-energise secondary education in the area. The government extended the plan in 2018 to connect all stages of education. This connects: schools other education providers local government local business. We are working with them to create high-quality education pathways for the Bendigo community from birth through to higher education, training, and employment. For more information on learning programs and partnerships this plan is delivering, please visit the Department of Education. This is one of several education plans we are involved in. To learn more about the new buildings, upgraded facilities or community consultations connected to others across the state, please visit the VSBA education plans page. For all other information and queries contact education.plans@edumail.vic.gov.au.",
- "type": "Planning"
- },
- {
- "postcode": "3350",
- "lat": -37.56016,
- "lng": 143.90057,
- "title": "St Francis Xavier School (Ballarat East)",
- "description": "We supported the school to construct the next stage of their master plan.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3630",
- "title": "Shepparton Education Plan",
- "description": "The Victorian Government is transforming local education through the Shepparton Education Plan. Development of the plan began in 2017, with a vision of transforming student outcomes by empowering all students to learn and achieve, experience high quality teaching and the best conditions for lifelong learning. We consulted the community on a broad range of complex educational and social issues. You can contact us for a copy of the engagement report. As part of this plan, we have supported the merger of four secondary schools to create Greater Shepparton Secondary College. These schools will come together on a new purpose-built campus. The college will offer the Shepparton community new facilities and provide students more subject choices than ever before. We have also delivered a new integrated early learning centre in Mooroopna. This new centre is connected to Mooroopna Primary School through the Our Place model – making it easier for families and the wider community to access education, and health and wellbeing services. Stage two of the Plan (Early Years), focusses on the educational journey of children from birth to school. It proposes a range of outcomes and supporting actions to ensure local children have access to integrated, effective, and inclusive early childhood education and care services. Together with its Secondary, Primary and Tertiary stages, The Shepparton Education Plan is a long-term plan to transform education in Shepparton to help young people get the best possible start in life. It looks at learning from birth to post-secondary school. For more information on learning programs and partnerships this plan is delivering, and to view the plan in full, please visit the Department of Education. This plan is one of several education plans we are involved in. To learn more about the new buildings, upgraded facilities or community consultations connected to other education plans across the state, please visit the VSBA education plans page. For all other information queries contact education.plans@edumail.vic.gov.au.",
- "type": "Planning"
- },
- {
- "postcode": "3620",
- "lat": -36.31270755,
- "lng": 145.044922999996,
- "title": "St Augustine's College (Kyabram)",
- "description": "We are supporting the college to construct and refurbish general learning areas for Years 3–4.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3750",
- "lat": -37.6116242,
- "lng": 145.0278743,
- "title": "Kirrip Community Centre",
- "description": "We helped build a new integrated children's centre at Wollert Primary School. The Kirrip Community Centre (formerly known as Wollert East Community Centre) has 3 kindergarten rooms and outdoor play space, as well as community and allied health services facilities, and a community hall.",
- "type": "Early childhood"
- },
- {
- "postcode": "3517",
- "lat": -36.5711432,
- "lng": 143.8720162,
- "title": "St Mary's School (Inglewood)",
- "description": "We supported the school to refurbish their learning spaces. This included a creative arts room, music centre and community meeting area.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3074",
- "lat": -37.68181,
- "lng": 145.01196,
- "title": "Thomastown Primary School Kindergarten",
- "description": "We built a new kindergarten at Thomastown Primary School. The creation of 2 kindergarten rooms gives children access to high quality learning environments from their first footsteps into education to the end of primary school. The kindergarten's consultation room will provide local families with a wide range of services including maternal and child health.",
- "type": "Early childhood"
- },
- {
- "postcode": "3058",
- "lat": -37.73862,
- "lng": 144.96771,
- "title": "St Paul's School (Coburg)",
- "description": "We supported the school to modernise their learning and wellbeing spaces. ",
- "type": "Non-government grant"
- },
- {
- "postcode": "3820",
- "lat": -38.14603,
- "lng": 145.93035,
- "title": "St Paul's Anglican Grammar School Early Learning Centre",
- "description": "We are expanding the centre, allowing them to offer 22 extra places as part of the roll-out of funded kindergarten for 3-year-olds. This will give more local children 2 years of high-quality kindergarten.",
- "type": "Early childhood"
- },
- {
- "postcode": "3188",
- "lat": -37.9383483,
- "lng": 145.0234859,
- "title": "Tombolo Academy",
- "description": "We supported this new specialist secondary school to upgrade and refurbish their campus. These works will allow students with physical disabilities to access the entire school.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3361",
- "lat": -37.6859898,
- "lng": 143.3680242,
- "title": "Skipton Kindergarten",
- "description": "We are upgrading and expanding the kindergarten. This will create more kinder places for local children, including those needed for the roll-out of subsidised kindergarten for three-year-olds beginning in 2021.",
- "type": "Early childhood"
- },
- {
- "postcode": "3750",
- "lat": -37.6158227,
- "lng": 145.0326422,
- "title": "Glowrey Catholic Primary School",
- "description": "We helped to upgrade the school. Works included: constructing 9 general learning areas and common learning areas extending the multipurpose hall completing outdoor works",
- "type": "Non-government grant"
- },
- {
- "postcode": "3809",
- "lat": -38.069145,
- "lng": 145.407541,
- "title": "Konewark Integrated Children’s Centre",
- "description": "We partnered with Cardinia Shire Council to build an integrated children's centre at Rix Road, Officer South. Integrated children's centres are key hubs for the community, bringing together a range of services where professionals work together to deliver education, care, health and support services to children and their families. They can provide a focal point for new communities in growth areas, but are equally valuable in improving the accessibility, quality and integration of early childhood services in established metropolitan and regional areas. This centre will deliver three and four-year-old kindergarten, maternal and child health services, family services, supported playgroups, counselling services and community meeting spaces.",
- "type": "Early childhood"
- },
- {
- "postcode": "3922",
- "lat": -38.46381,
- "lng": 145.23979,
- "title": "Our Lady Star of the Sea Primary School",
- "description": "We supported the expansion of the school with a second stage of construction.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3064",
- "lat": -37.530933416478746,
- "lng": 144.90695939141443,
- "title": "Merrifield North Modular Kindergarten",
- "description": "We delivered a new two-room modular kindergarten in Merrifield North. The kindergarten forms part of the community centre on the corner of St Georges and Blackmore Streets, Mickleham.",
- "type": "Early childhood"
- },
- {
- "postcode": "3551",
- "lat": -36.7316802,
- "lng": 144.2217623,
- "title": "Marist College Bendigo",
- "description": "We are helping the school construct a science, technology, engineering, arts and mathematics (STEAM) building.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3047",
- "lat": -37.666215,
- "lng": 144.932643,
- "title": "Holy Child Kindergarten",
- "description": "We delivered a modular building for a co-located kindergarten at Holy Child Primary School. This offers kindergarten for three- and four-year-olds, long day care and flexible spaces for allied health and family services.",
- "type": "Early childhood"
- },
- {
- "postcode": "3029",
- "lat": -37.84764,
- "lng": 144.70028,
- "title": "St Francis of Assisi Catholic Primary School",
- "description": "We supported the school to build 4 general learning spaces and associated areas. ",
- "type": "Non-government grant"
- },
- {
- "postcode": "3898",
- "lat": -37.10104,
- "lng": 147.59397,
- "title": "High Country Early Learning Centre",
- "description": "We helped High Country Early Learning Centre build an accessible cark park and an inclusive outdoor play space.",
- "type": "Early childhood"
- },
- {
- "postcode": "3953",
- "lat": -38.47581527581506,
- "lng": 145.95727361927567,
- "title": "Community College Gippsland Ltd / ECG Community College",
- "description": "We are helping the school remove two 1960s buildings containing asbestos − blocks B and C.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3029",
- "lat": -36.14935,
- "lng": 146.61026,
- "title": "Chiltern Early Years Education Hub",
- "description": "Indigo Shire Council has upgraded the Chiltern Community Centre building, located opposite the Chiltern Kindergarten, to create the Chiltern Early Years Hub. This project renovated the community building to include two children rooms, a sleeping room and amenities. The project will provide long day care to children aged six weeks to four years of age, and will allow the kindergarten program to increase its hours and days of operation. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3752",
- "lat": -37.6439898,
- "lng": 145.0893862,
- "title": "Marymede Catholic College",
- "description": "We supported the college to extend the performing arts area, which will incorporate 4 specialised dance and drama spaces.",
- "type": "Non-government grant"
- },
- {
- "lat": -37.876954,
- "lng": 144.627399,
- "title": "Wunggurrwil Dhurrung Centre",
- "description": "We helped Wyndham City Council integrate a family centre (with kindergarten) with a community centre. The Wunggurrwil Dhurrung Centre includes an Aboriginal community centre and community meeting spaces. The centre offers three flexible early years rooms. There are 3 consulting rooms for maternal and child health, and other family-focused services. The integration enables cultural exchange for children, families and staff. It provides learning opportunities through Aboriginal culture. The centre is located next to Riverbend Primary School. It gives the Wyndham Vale community access to high-quality learning environments and family health services from birth through to the end of primary school.",
- "type": "Early childhood"
- },
- {
- "postcode": "3174",
- "lat": -37.941356999999996,
- "lng": 145.198023,
- "title": "Nazareth College",
- "description": "We are helping the school install an accessible lift to an auditorium, and refurbish a building to provide a science, technology, engineering and mathmatics (STEM) area, media suite, and a hospitality kitchen that can be used for Vocational Education Training.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3059",
- "lat": -37.624175,
- "lng": 144.878306,
- "title": "Greenvale West Integrated Community Centre",
- "description": "We helped Hume City Council build the integrated community centre – a flexible, multipurpose space for children, families and the local community. The centre is located next to Keelonith Primary School, which will help local children make a smooth transition from preschool. Facilities It includes a maternal and child health services consulting room and waiting area, a specialist consulting room for early intervention services and a multipurpose activity room that can accommodate playgroups, new parent groups, planned activity groups, meetings and training. The centre is available as a hub for the community, where activities and events can be held for residents new to the area. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3216",
- "lat": -38.2030391,
- "lng": 144.3296208,
- "title": "Nazareth School",
- "description": "We are helping the school upgrade and expand its learning and administration building. Works include creating four general learning areas, collaboration spaces, student and staff toilets, and administration areas.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3336",
- "lat": -37.71689,
- "lng": 144.72943,
- "title": "Fraser Rise Childrens and Community Hub",
- "description": "Melton City Council have built a new integrated children’s centre. The centre is designed to provide services for children, families, young people and seniors, and meets the needs of the culturally and linguistically diverse members of the newly established and rapidly growing suburb of Fraser Rise. Facilities The hub includes kindergarten, occasional care, maternal and child health, early childhood services, family services, parenting support programs, playgroups and numerous community programs and activities. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3131",
- "lat": -37.8246519,
- "lng": 145.1683797,
- "title": "Nunawading Christian College-Secondary",
- "description": "We helped the school remove asbestos from their assembly hall building.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3072",
- "lat": -37.73427,
- "lng": 145.03569,
- "title": "East Preston Islamic College Early Learning Centre",
- "description": "East Preston Islamic College has built a new early learning centre on the school site. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3198",
- "lat": -38.10652,
- "lng": 145.14282,
- "title": "St Anne's School",
- "description": "We supported the school to refurbish general learning areas, student amenities and associated areas.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3064",
- "lat": -37.60558,
- "lng": 144.90348,
- "title": "Aitken Hill Integrated Community Centre",
- "description": "Hume City Council built the Aitken Hill Integrated Community Centre. The centre includes: 2 preschool rooms 2 maternal child health consulting rooms 3 specialist rooms flexible multipurpose community meeting/functions rooms and playground.",
- "type": "Early childhood"
- },
- {
- "postcode": "3219",
- "lat": -38.1664686,
- "lng": 144.3924544,
- "title": "Christ the King School",
- "description": "We helped the school replace 2 relocatable classrooms with a permanent building offering: 2 prep classrooms a flexible breakout space a teachers' office toilets. This project also refurbished other classrooms. ",
- "type": "Non-government grant"
- },
- {
- "postcode": "3672",
- "title": "Wangaratta District Specialist School - New Benalla Campus",
- "description": "We are building a new Benalla campus of Wangaratta District Specialist School.",
- "type": "New school"
- },
- {
- "postcode": "3018",
- "lat": -37.8641099,
- "lng": 144.8121899,
- "title": "Mount St Joseph Girls' College",
- "description": "We supported the school to extend some double-storey buildings, as well as refurbish 5 general learning areas, amenities and associated areas. ",
- "type": "Non-government grant"
- },
- {
- "postcode": "3356",
- "lat": -37.60215377807617,
- "lng": 143.83421325683594,
- "title": "Yirram Burron (morning children)",
- "description": "We helped deliver a new early learning centre to Sebastool. The new centre is called Yirram Burron, or 'Morning Children'. It is a culturally safe and welcoming early childhood service in the heart of Ballarat's Aboriginal community. The centre embraces and embeds Aboriginal perspectives into: service delivery, structural environment, and educational curriculum. Yirram Burron delivers kindergarten and long day care places to the local community. It aims to inspire children and engage families to enhance educational outcomes for Aboriginal children.",
- "type": "Early childhood"
- },
- {
- "postcode": "3060",
- "lat": -37.6978099,
- "lng": 144.96767,
- "title": "St Matthew's School",
- "description": "We supported the school to refurbish the administration area, staff room and associated spaces. ",
- "type": "Non-government grant"
- },
- {
- "postcode": "3073",
- "lat": -37.7208938,
- "lng": 145.0214813,
- "title": "Reservoir East Family Centre",
- "description": "We partnered with Darebin City Council to build a new kindergarten at Reservoir East Primary School. This 3-room centre will initially provide 66 kindergarten places across 2 of these rooms. The third room will be used for community and family services and will switch to provide an additional 33 kindergarten places as the local community grows and demand builds for more early childhood education. This kindergarten was built using modular construction, which means the bulk of the building works will take place off-site. Having the kindergarten and school together may help local children make a smoother transition into primary school and can also make drop-off time simpler for some families. Registrations for the Reservoir East Primary School Kindergarten are being taken by the Darebin Registration Team. You can also contact the Registration Team on (03) 8470 8825 or at registration.kindergartenchildcare@darebin.vic.gov.au.",
- "type": "Early childhood"
- },
- {
- "postcode": "3660",
- "lat": -37.0205,
- "lng": 145.1418,
- "title": "St Mary's College",
- "description": "We supported the school to construct general and flexible learning areas and student amenities.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3088",
- "lat": -37.684639313306,
- "lng": 145.1369221858103,
- "title": "Plenty Valley International Montessori Early Learning Facilities",
- "description": "In partnership with the school, we upgraded their facilities. The upgrade included: increasing kindergarten capacity for 3 and 4-year-olds additional outdoor space including monkey bars, a sand pit and tricycle track new toilets minor upgrades to internal facilities a kitchenette.",
- "type": "Early childhood"
- },
- {
- "postcode": "3047",
- "lat": -37.68488,
- "lng": 144.92338,
- "title": "St Dominic's School",
- "description": "We supported the school to rebuild two general learning spaces and associated areas.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3030",
- "lat": -37.9086372,
- "lng": 144.7522315,
- "title": "Middleton Drive Kindergarten",
- "description": "We partnered with Wyndham City Council to deliver a new modular kindergarten building. The building provides 66 licensed kindergarten places for local children. It has an outdoor play space designed to help them learn and develop important skills through play and using senses such as touch, sight and hearing.",
- "type": "Early childhood"
- },
- {
- "postcode": "3677",
- "lat": -36.37073,
- "lng": 146.31291,
- "title": "Our Lady's School",
- "description": "We supported the school to upgrade their administration area. ",
- "type": "Non-government grant"
- },
- {
- "postcode": "3953",
- "lat": -38.4755442,
- "lng": 145.9393346,
- "title": "Leongatha Early Learning Centre",
- "description": "We are helping build Leongatha Early Learning Centre to support the roll-out of subsidised kindergarten for three-year-olds, which commenced in 2020. The Leongatha Early Learning Centre is a new early years facility incorporating kindergarten, long day care, maternal and child health, supported playgroups and space for related family services in Leongatha.",
- "type": "Early childhood"
- },
- {
- "postcode": "3844",
- "lat": -38.19882,
- "lng": 146.53455,
- "title": "St Michael's School",
- "description": "We supported the school to build 3 general learning areas, a community space, student amenities and associated areas. ",
- "type": "Non-government grant"
- },
- {
- "postcode": "3505",
- "lat": -34.164468,
- "lng": 142.057094,
- "title": "Generations Early Learning",
- "description": "We helped build an early learning centre, alongside an aged-care residence. It offers kindergarten places for 22 three-year-olds and 22 four-year-olds. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3192",
- "lat": -37.9657454,
- "lng": 145.0599302,
- "title": "Our Lady of the Assumption School",
- "description": "We supported the school to refurbish buildings to create a Discovery Centre, specialist spaces and associated areas, and constructed outdoor learning areas.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3217",
- "lat": -38.23204803466797,
- "lng": 144.3036346435547,
- "title": "Poa Banyul Community Hub",
- "description": "We are helping build the hub. Construction will be complete in the first quarter of 2023 and the kindergarten will open in mid 2023. The new centre will provide the residents of Armstrong Creek West access to family, community and early years services, including 66 kindergarten places for 3 and 4-year-olds. The centre will also have a multipurpose space that can be used as a kindergarten room, plus 2 maternal and child health rooms, family support services and outdoor areas. This hub was previously known as Armstrong Creek West Neighbourhood Child and Community Centre.",
- "type": "Early childhood"
- },
- {
- "postcode": "3148",
- "lat": -37.88368,
- "lng": 145.10053,
- "title": "Salesian College Chadstone",
- "description": "We supported Salesian College Chadstone to refurbish and extend the administration area and associated spaces. ",
- "type": "Non-government grant"
- },
- {
- "postcode": "3071",
- "lat": -37.75844955444336,
- "lng": 145.00572204589844,
- "title": "Yappera Children's Service Cooperative LTD",
- "description": "We helped upgrade Yappera Children's Service, including: fencing, roofing, veranda, and shelter. This improved the condition of the building and enhanced the quality of the learning environment.",
- "type": "Early childhood"
- },
- {
- "postcode": "3204",
- "lat": -37.92544,
- "lng": 145.03988,
- "title": "Our Lady of the Sacred Heart College",
- "description": "We supported the school to upgrade the theatrette and associated areas. ",
- "type": "Non-government grant"
- },
- {
- "postcode": "3550",
- "lat": -36.7265,
- "lng": 144.30751,
- "title": "White Hills Kindergarten",
- "description": "This funding allowed the City of Greater Bendigo to upgrade the kindergarten's front play space with paths, various sensory areas, and a natural environment for the children. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3044",
- "lat": -37.7307,
- "lng": 144.94199,
- "title": "St Oliver Plunkett Primary School",
- "description": "We supported the school to rebuild a multi-purpose hall and associated areas. ",
- "type": "Non-government grant"
- },
- {
- "postcode": "3672",
- "lat": -36.55531218010055,
- "lng": 145.97148965451487,
- "title": "Ride Avenue Preschool",
- "description": "The preschool redeveloped its maternal and child health clinic and created a new inclusive learning space.",
- "type": "Early childhood"
- },
- {
- "postcode": "3429",
- "lat": -37.57623,
- "lng": 144.73123,
- "title": "Salesian College Sunbury",
- "description": "We supported the school to upgrade the library and 11 general learning areas, as well as associated areas.",
- "type": "Non-government grant"
- },
- {
- "postcode": "3427",
- "lat": -37.61711,
- "lng": 144.7108,
- "title": "Diggers Rest Preschool",
- "description": "Diggers Rest Kindergarten extended their existing facilities to meet the needs of their community. The extension has created additional kindergarten places and increased access to range of services.",
- "type": "Early childhood"
- },
- {
- "postcode": "3155",
- "lat": -37.85862,
- "lng": 145.29187,
- "title": "Boronia K-12 College",
- "description": "We created sensory areas and synthetic play spaces for use during physical education classes.",
- "type": "School upgrade"
- },
- {
- "postcode": "3051",
- "lat": -37.79873,
- "lng": 144.94528,
- "title": "Lady Huntingfield Childrens Centre",
- "description": "We are helping the City of Melbourne rebuild Lady Huntingfield Children’s Centre. This will expand the kindergarten so it has more places for local children and develop it into an integrated centre that also offers child health and family services. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3085",
- "lat": -37.728081,
- "lng": 145.058334,
- "title": "Charles La Trobe P-12 College",
- "description": "We demolished old facilities and constructed a new school. The facilities are built around a central village green, creating a heart for the school. ",
- "type": "School upgrade"
- },
- {
- "postcode": "3523",
- "lat": -36.92033,
- "lng": 144.70635,
- "title": "Bunbunarik Heathcote Children's Hub",
- "description": "Heathcote Community Childrens Services Association built the children's hub. The hub is a long day care and early learning centre built to service a community that previously had no local access to occasional or long day care. The project links with the local kindergarten, playgroup, primary schools and a raft of family health and wellbeing services. It has enhanced access to an important range of services and works to redress community disadvantage.",
- "type": "Early childhood"
- },
- {
- "postcode": "3977",
- "lat": -38.07752990722656,
- "lng": 145.2985382080078,
- "title": "Alkira Secondary College",
- "description": "We built a cover over the school's outdoor hard courts. We also added lights and upgraded the scoreboard.",
- "type": "School upgrade"
- },
- {
- "postcode": "3764",
- "lat": -37.29608917236328,
- "lng": 144.95211791992188,
- "title": "Marie Williams Kilmore Family and Children's Centre",
- "description": "We expanded the centre in preparation for the roll-out of subsidised kindergarten for three-year-olds. This project has doubled the existing kindergarten capacity through the construction of two new rooms and a minor expansion of an existing room. We also integrated the kindergarten and maternal and child health facilities to create a one-stop-shop for the Kilmore community.",
- "type": "Early childhood"
- },
- {
- "postcode": "3737",
- "lat": -36.56086349487305,
- "lng": 146.72389221191406,
- "title": "Myrtleford P-12 College",
- "description": "We are upgrading and modernising this school, including building a new competition-grade gym.",
- "type": "School upgrade"
- },
- {
- "postcode": "3266",
- "lat": -38.3278445,
- "lng": 143.0770625,
- "title": "Cobden Kindergarten",
- "description": "We expanded Cobden Kindergarten in preparation for the roll-out of subsidised kindergarten for 3-year-olds which began in 2021. We built a second kindergarten room to create more places for local children. The upgrade also allowed the kindergarten to become part of an integrated family service centre where parents can get maternal child health support.",
- "type": "Early childhood"
- },
- {
- "postcode": "3802",
- "lat": -37.96741485595703,
- "lng": 145.26571655273438,
- "title": "Gleneagles Secondary College",
- "description": "We are building a new VCE centre for the school.",
- "type": "School upgrade"
- },
- {
- "postcode": "3775",
- "lat": -37.65793991088867,
- "lng": 145.37416076660156,
- "title": "Yarra Glen Preschool",
- "description": "We helped transform the outdoor play space at the preschool. The project will maximise learning and growth opportunities for all children, families and local partnerships within the community. The upgrade is designed to fit seamlessly within the natural landscape and incorporate links to Indigenous culture and heritage. We helped deliver features that are specific to early childhood learning requirements, accessible for all abilities and with a focus on environmental sustainability.",
- "type": "Early childhood"
- },
- {
- "postcode": "3995",
- "lat": -38.60974434,
- "lng": 145.5964659,
- "title": "Bass Coast Specialist School",
- "description": "We are modernising the school to give students better learning opportunities. In this significant upgrade, we will deliver new permanent facilities.",
- "type": "School upgrade"
- },
- {
- "postcode": "3437",
- "lat": -37.47643,
- "lng": 144.58562,
- "title": "Swinburne Avenue Childrens Centre",
- "description": "Macedon Ranges City Council rebuilt Swinburne Avenue Kindergarten's outdoor areas, creating spaces that support independence for all children. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3419",
- "lat": -36.381271,
- "lng": 141.244003,
- "title": "Kaniva College",
- "description": "We have completed work at the school, including refurbishing the senior building and junior toilets and upgrading fire services.",
- "type": "School upgrade"
- },
- {
- "postcode": "3199",
- "lat": -38.14146,
- "lng": 145.16587,
- "title": "Karingal East Kindergarten",
- "description": "Frankston City Council have extended and upgraded the kindergarten to create a larger, modern facility with enhanced functionality. Facilities The upgrade includes: disability access designated foyer separate children's locker area larger children's bathroom including separate accessible toilet facility designated staff toilet and relocated staff office catering for 6 adults and incorporating a small meeting space larger children's play room with art space an upgraded kitchen.",
- "type": "Early childhood"
- },
- {
- "postcode": "3199",
- "lat": -38.144213050073,
- "lng": 145.158818550064,
- "title": "McClelland Secondary College",
- "description": "We upgraded the Year 8 Learning Centre to provide a flexible teaching and learning space for students.",
- "type": "School upgrade"
- },
- {
- "postcode": "3029",
- "lat": -37.84331,
- "lng": 144.73345,
- "title": "Mainview Boulevard Family Learning Centre",
- "description": "This will be a new early learning and community hub co-located with Dohertys Creek P-9 College. This centre was previously known as Truganina East Early Years Centre while in planning. The Mainview Boulevard Family Learning Centre will provide early education and specialist support services for children, community learning for adults, health services for local families, and formal training in early years education and care. There will also be a multipurpose space which can be used for parent groups, playgroups and other community events. This approach will provide a one-stop-shop for developing the potential of local children, supporting their families and building community bonds. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3084",
- "lat": -37.74098,
- "lng": 145.08644,
- "title": "Viewbank College",
- "description": "We upgraded the school. This major modernisation project included constructing a two-storey performing arts centre that provides the school with a theatre, as well as music and drama teaching facilities. We also upgraded science, technology, engineering, arts and mathematics (STEAM) learning areas.",
- "type": "School upgrade"
- },
- {
- "postcode": "3015",
- "lat": -37.84630277154404,
- "lng": 144.8716792776846,
- "title": "Newport Gardens Early Years Centre",
- "description": "We expanded Newport Gardens Early Years Centre in preparation for the roll-out of subsidised kindergarten for three-year-olds. This project will ensure that families and children in Hobsons Bay have access to high quality education and care programs as the demand for kindergarten places increase.",
- "type": "Early childhood"
- },
- {
- "postcode": "3056",
- "lat": -37.77155,
- "lng": 144.95517,
- "title": "Brunswick Secondary College",
- "description": "We completed major upgrades to Brunswick Secondary College. This included: constructing a new food technology/canteen/café building in the heart of the campus converting a gym to include new performing arts theatre and facilities and general purpose classrooms adding a covered outdoor learning area, two science labs, and galleries and S.T.E.A.M project space completing maintenance and upgrades of existing general purpose classrooms and science labs.",
- "type": "School upgrade"
- },
- {
- "postcode": "3350",
- "lat": -37.565311,
- "lng": 143.862885,
- "title": "Girrabanya Children's Centre",
- "description": "The City of Ballarat upgraded the kindergarten to increase capacity and provide more kindergarten, day-care and occasional care places. ",
- "type": "Early childhood"
- },
- {
- "postcode": "3167",
- "lat": -37.918643951416016,
- "lng": 145.09620666503906,
- "title": "South Oakleigh Secondary College",
- "description": "We are undertaking a major upgrade and modernisation of South Oakleigh Secondary College, including extending the gymnasium and refurbishing the science block. By upgrading and expanding the college we are providing modern and functional learning environments that are equipped for 21st century learning. This project is part of the Oakleigh Education Plan, which is rejuvenating and reforming education across Oakleigh. The plan is raising student engagement and community perceptions, and creating academic drive for all students. ",
- "type": "School upgrade"
- }
-]
diff --git a/packages/ripple-ui-maps/src/components/map/__fixture__/utils.ts b/packages/ripple-ui-maps/src/components/map/__fixture__/utils.ts
deleted file mode 100644
index e4fd0d717e..0000000000
--- a/packages/ripple-ui-maps/src/components/map/__fixture__/utils.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import markerPinSrc from './../../../assets/icons/icon-pin.svg?url'
-
-export const getIconForPopulation = (population) => {
- switch (true) {
- case population < 10491:
- return {
- color: [255, 80, 156],
- src: markerPinSrc
- }
- case population < 30491:
- return {
- color: [181, 0, 44],
- src: markerPinSrc
- }
- case population < 40491:
- return {
- color: [242, 59, 72],
- src: markerPinSrc
- }
- case population < 80491:
- return {
- color: [253, 218, 36],
- src: markerPinSrc
- }
- }
- return {
- color: [253, 218, 36],
- src: markerPinSrc
- }
-}
-
-export const truncateText = (text, stop = 150, clamp) => {
- if (text && typeof text === 'string') {
- if (text.length > stop) {
- return text.slice(0, stop) + (stop < text.length ? clamp || '...' : '')
- }
- return text
- }
- return ''
-}
diff --git a/packages/ripple-ui-maps/src/components/map/providers/RplMapProviderEsri.vue b/packages/ripple-ui-maps/src/components/map/providers/RplMapProviderEsri.vue
deleted file mode 100644
index 11585f4105..0000000000
--- a/packages/ripple-ui-maps/src/components/map/providers/RplMapProviderEsri.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-
-
-
-
-
-
-
diff --git a/packages/ripple-ui-maps/src/components/map/providers/RplMapProviderGoogle.vue b/packages/ripple-ui-maps/src/components/map/providers/RplMapProviderGoogle.vue
deleted file mode 100644
index 10135e064a..0000000000
--- a/packages/ripple-ui-maps/src/components/map/providers/RplMapProviderGoogle.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
-
-
-
-
diff --git a/packages/ripple-ui-maps/src/components/map/providers/RplMapProviderVicMap.vue b/packages/ripple-ui-maps/src/components/map/providers/RplMapProviderVicMap.vue
deleted file mode 100644
index ba60a8c2f9..0000000000
--- a/packages/ripple-ui-maps/src/components/map/providers/RplMapProviderVicMap.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-
-
-
-
-
-
-
diff --git a/packages/ripple-ui-maps/src/components/map/utils.ts b/packages/ripple-ui-maps/src/components/map/utils.ts
deleted file mode 100644
index b187611c26..0000000000
--- a/packages/ripple-ui-maps/src/components/map/utils.ts
+++ /dev/null
@@ -1,253 +0,0 @@
-import { boundingExtent, Extent } from 'ol/extent.js'
-import { transform, transformExtent } from 'ol/proj.js'
-import { getDistance } from 'ol/sphere.js'
-import { inAndOut } from 'ol/easing.js'
-import Map from 'ol/Map.js'
-
-export const haversineDistance = (coord1, coord2) => getDistance(coord1, coord2)
-
-export const areCoordinatesWithinThreshold = (coords, threshold) => {
- return coords.every((coord1, index1) => {
- return coords.slice(index1 + 1).every((coord2) => {
- const distance = haversineDistance(coord1, coord2)
- return distance <= threshold
- })
- })
-}
-
-export const getfeaturesAtMapPixel = (
- map,
- pixel,
- identifier = 'clusterLayer',
- options = { hitTolerance: 5 }
-) => {
- return map.forEachFeatureAtPixel(
- pixel,
- (feature) => {
- return feature.getProperties()
- },
- {
- layerFilter: (layer) => layer.get('title') === identifier,
- ...options
- }
- )
-}
-
-const getNormalisedFeatureCoordinates = (features, projection) => {
- return features.map((f) => {
- const geo = f.getGeometry()
- if (geo) {
- const coordinates = geo.getCoordinates()
- if (projection === 'EPSG:3857') {
- // we transform all coordinates to match projection
- return transform(coordinates, 'EPSG:3857', 'EPSG:4326')
- }
- return coordinates
- }
- })
-}
-
-export const areFeaturesCloseTogether = (
- features,
- thresholdDistance = 20,
- projection = 'EPSG:3857'
-) => {
- const coordinates = getNormalisedFeatureCoordinates(features, projection)
- return areCoordinatesWithinThreshold(coordinates, thresholdDistance)
-}
-
-export const zoomToClusterExtent = (
- features,
- popup,
- map,
- projection = 'EPSG:3857',
- deadSpace
-) => {
- const clusterExtentCoordinates = getNormalisedFeatureCoordinates(
- features,
- projection
- )
-
- // zoom to fit all features in cluster in view
- const zoomRegion =
- projection === 'EPSG:3857'
- ? transformExtent(
- boundingExtent(clusterExtentCoordinates),
- 'EPSG:4326',
- 'EPSG:3857'
- )
- : boundingExtent(clusterExtentCoordinates)
-
- fitExtent(map, zoomRegion, deadSpace, {
- padding: 100,
- animationDuration: 0
- })
-}
-
-export function getFeaturesCenterPoint(features) {
- const coordinates = features.map(
- (feature) => feature.getGeometry().flatCoordinates
- )
-
- const sum = coordinates.reduce(
- (acc: number, coord: number) => {
- acc[0] += coord[0]
- acc[1] += coord[1]
- return acc
- },
- [0, 0]
- )
-
- return [sum[0] / coordinates.length, sum[1] / coordinates.length]
-}
-
-/**
- * Find the distance we need to move from the center of the map to account for the
- * dead space taken up by the sidepanel/sidebars/popups etc. The purpose of this function
- * is to calculate the offset needed to center the map on a specific point, inside the
- * available space on the map.
- *
- * Note that in OpenLayers, the x-axis is positive to the right and the y-axis is positive
- * downwards.
- */
-const getCenterPointDelta = (
- mapWidth: number,
- mapHeight: number,
- _deadSpace?: MapDeadSpace
-): [number, number] => {
- const defaultDeadSpace = {
- top: 0,
- bottom: 0,
- left: 0,
- right: 0
- }
-
- const deadSpace = {
- ...defaultDeadSpace,
- ...(_deadSpace || {})
- }
-
- const mapCenterX = mapWidth / 2
- const mapCenterY = mapHeight / 2
-
- const availableWidth = mapWidth - deadSpace.left - deadSpace.right
- const availableHeight = mapHeight - deadSpace.top - deadSpace.bottom
-
- const newCenterX = deadSpace.left + availableWidth / 2
- const newCenterY = deadSpace.top + availableHeight / 2
-
- // Get the difference between the current center and the new center
- const deltaX = mapCenterX - newCenterX
- const deltaY = newCenterY - mapCenterY
-
- return [deltaX, deltaY]
-}
-
-export const centerMap = (
- map,
- position = [0, 0],
- zoom,
- deadSpace,
- popupType,
- duration = 1200
-) => {
- if (!map) {
- return
- }
-
- // Figure out offset based on the amount of space taken up by the sidepanel/sidebar
- const mapSize = map.getSize()
- const mapWidth = mapSize ? mapSize[0] : 0
- const mapHeight = mapSize ? mapSize[0] : 0
-
- const delta = getCenterPointDelta(mapWidth, mapHeight, deadSpace)
-
- // If the popup is a popover, we need to adjust the y-axis to account for the
- // desired design of the popover.
- const yCorrection = popupType === 'popover' ? -100 : 0
-
- const offset = {
- x: delta[0],
- y: delta[1] + yCorrection
- }
-
- const view = map.getView()
- const resolution = view.getResolutionForZoom(zoom || view.getZoom())
- const offsetCoord = [
- position[0] + offset.x * resolution,
- position[1] + offset.y * resolution
- ]
-
- view.animate({
- center: offsetCoord,
- duration: duration,
- easing: inAndOut,
- zoom: zoom || view.getZoom()
- })
-}
-
-type MapDeadSpace = {
- top?: number
- bottom?: number
- left?: number
- right?: number
-}
-
-type MapDefaultExtent = [number, number, number, number]
-
-export const fitExtent = (
- map: Map,
- extent: Extent,
- _deadSpace?: MapDeadSpace,
- {
- animationDuration = 0,
- padding = 12
- }: { animationDuration?: number; padding?: number } = {}
-) => {
- const defaultDeadSpace = {
- top: 0,
- bottom: 0,
- left: 0,
- right: 0
- }
-
- if (!map || !extent) {
- return
- }
-
- const deadSpace = {
- ...defaultDeadSpace,
- ...(_deadSpace || {})
- }
-
- map.getView().fit(extent, {
- easing: inAndOut,
- duration: animationDuration,
- padding: [
- padding + deadSpace.top,
- padding + deadSpace.right,
- padding + deadSpace.bottom,
- padding + deadSpace.left
- ]
- })
-}
-
-export const fitVictoria = (map: Map, deadSpace?: MapDeadSpace) => {
- const victoriaBoundingBox = [
- 15691021.8303, -4740581.4984, 16695098.6338, -4026353.9061
- ]
-
- fitExtent(map, victoriaBoundingBox, deadSpace)
-}
-
-export const fitDefaultExtent = (
- map: Map,
- deadSpace?: MapDeadSpace,
- defaultExtent?: MapDefaultExtent
-) => {
- if (!defaultExtent) {
- return fitVictoria(map, deadSpace)
- }
-
- fitExtent(map, defaultExtent, deadSpace)
-}
diff --git a/packages/ripple-ui-maps/src/components/popup/RplMapPopUp.css b/packages/ripple-ui-maps/src/components/popup/RplMapPopUp.css
deleted file mode 100644
index 2a0a73b165..0000000000
--- a/packages/ripple-ui-maps/src/components/popup/RplMapPopUp.css
+++ /dev/null
@@ -1,282 +0,0 @@
-@import '@dpc-sdp/ripple-ui-core/style/breakpoints';
-
-.rpl-map-popup {
- outline: none;
-}
-
-.rpl-map-popup--popover,
-.rpl-map-popup--sidebar,
-.rpl-map-popup--layerlist {
- position: absolute;
- height: calc(600px - var(--rpl-sp-4) * 2);
- background-color: var(--rpl-clr-light);
- z-index: var(--rpl-layer-1);
- box-shadow: var(--rpl-elevation-1);
- border-radius: var(--rpl-border-radius-2);
- border: var(--rpl-border-1) solid var(--rpl-clr-neutral-300);
- margin: 0 auto;
-
- @media (--rpl-bp-s) {
- width: 300px;
- }
-}
-
-.rpl-map--has-sidepanel {
- .rpl-map-popup--sidebar,
- .rpl-map-popup--popover {
- display: none;
-
- @media (--rpl-bp-m) {
- display: block;
- }
- }
-
- .rpl-map-popup--sidebar,
- .rpl-map-popup--layerlist {
- left: var(--local-map-side-panel-width);
- }
-}
-
-.rpl-map-popup__large-pin {
- transition: transform 0.15s ease-in;
- position: absolute;
- left: 50%;
- top: -20px;
- margin-left: -14px;
- height: 33px;
- width: 28px;
-
- svg {
- width: 100%;
- height: 100%;
- }
-
- @media (--rpl-bp-m) {
- top: -22px;
- }
-}
-
-.rpl-map-popup__large-pin--open {
- transform-origin: center 50%;
- transform: scale(2) translateY(-14px);
-}
-
-.rpl-map-popup-enter-active,
-.rpl-map-popup-leave-active {
- transition: opacity 0.2s ease;
-}
-
-.rpl-map-popup-enter-from,
-.rpl-map-popup-leave-to {
- opacity: 0;
-}
-
-.rpl-map-popup__header {
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- justify-content: space-between;
- column-gap: var(--rpl-sp-3);
- color: var(--rpl-clr-type-default);
- background-color: var(--rpl-clr-neutral-200);
- padding: var(--rpl-sp-4);
- padding-bottom: var(--rpl-sp-3);
- border-radius: var(--rpl-border-radius-2) var(--rpl-border-radius-2) 0 0;
-}
-
-.rpl-map-popup--standalone .rpl-map-popup__header {
- justify-content: flex-start;
- border-radius: 0;
-}
-
-.rpl-map-popup__close {
- border-radius: var(--rpl-border-radius-3);
-
- .rpl-icon {
- color: var(--rpl-clr-link);
- margin: var(--rpl-sp-1);
- }
-
- &:focus {
- .rpl-icon {
- color: var(--rpl-clr-primary-contrast);
- }
- }
-}
-
-.rpl-map-popup--popover {
- position: relative;
- height: auto;
- display: block;
- width: 300px;
- margin-top: -2px;
-
- @media (--rpl-bp-m) {
- margin-top: 0;
- }
-}
-
-.rpl-map-popup--popover.rpl-map-popup--area {
- &::before {
- position: absolute;
- content: '';
- left: 50%;
- top: -6px;
- width: 12px;
- height: 12px;
- margin-left: -6px;
- background-color: var(--rpl-clr-neutral-200);
- border-top: var(--rpl-border-1) solid var(--rpl-clr-neutral-300);
- border-right: var(--rpl-border-1) solid var(--rpl-clr-neutral-300);
- transform: rotate(-45deg);
- }
-}
-
-.rpl-map-popup .rpl-map-popup__body {
- padding-left: var(--rpl-sp-4);
- padding-right: var(--rpl-sp-4);
- padding-bottom: var(--rpl-sp-5);
- border-radius: 0 0 var(--rpl-border-radius-2) var(--rpl-border-radius-2);
-}
-
-.rpl-map-pop-up-accordion-item {
- position: relative;
- border-bottom: solid var(--rpl-border-1) var(--rpl-clr-neutral-300);
-}
-
-.rpl-map-pop-up-accordion-item__toggle {
- display: flex;
- align-items: flex-start;
- justify-content: space-between;
- width: 100%;
- padding-top: var(--rpl-sp-3);
- padding-bottom: calc(var(--rpl-sp-3) - var(--rpl-border-1));
- background: none;
- border: 0;
- text-align: left;
- cursor: pointer;
-
- &:focus {
- margin-left: calc(var(--rpl-sp-4) * -1);
- margin-right: calc(var(--rpl-sp-4) * -1);
- padding-left: var(--rpl-sp-4);
- padding-right: var(--rpl-sp-4);
- width: calc(100% + var(--rpl-sp-4) + var(--rpl-sp-4));
- }
-}
-
-.rpl-map-pop-up-accordion-item__chevron {
- flex-shrink: 0;
- display: flex;
- margin-top: var(--rpl-sp-1);
- margin-left: var(--rpl-sp-2);
- color: var(--rpl-clr-neutral-600);
- transition: transform var(--rpl-motion-speed-7) linear;
-
- .rpl-map-pop-up-accordion-item--active & {
- transform: rotate(-180deg);
- }
-}
-
-.rpl-map-popup--sidebar,
-.rpl-map-popup--popover,
-.rpl-map-popup--layerlist {
- .rpl-map-pop-up-scroll-container {
- max-height: var(--local-popup-body-height);
- overflow-y: auto;
- background:
- linear-gradient(white 33%, rgb(255 255 255 / 0%)),
- linear-gradient(to bottom, rgb(26 26 26 / 16%), transparent);
- background-color: white;
- background-repeat: no-repeat;
- background-attachment: local, scroll;
- background-size:
- 100% 50px,
- 100% 10px;
- border-radius: 0 0 var(--rpl-border-radius-2) var(--rpl-border-radius-2);
- }
-}
-
-.rpl-map-popup--sidebar {
- --local-infobox-mobile-blank-space: 106px;
-
- z-index: var(--rpl-layer-1);
- margin-left: var(--rpl-sp-2);
- margin-top: var(--local-infobox-mobile-blank-space);
- height: calc(
- var(--local-map-height) - var(--local-infobox-mobile-blank-space) -
- var(--rpl-sp-2)
- );
- width: 100%;
- max-width: calc(100% - var(--rpl-sp-2) * 2);
-
- .rpl-map-pop-up-scroll-container {
- max-height: calc(
- var(--local-map-height) - var(--local-popup-header-height) -
- var(--local-infobox-mobile-blank-space) - var(--rpl-sp-2) * 2
- );
- }
-
- @media (--rpl-bp-m) {
- margin-left: var(--rpl-sp-3);
- margin-top: var(--rpl-sp-3);
- height: calc(100% - var(--rpl-sp-3) * 2);
- width: 260px;
-
- .rpl-map-pop-up-scroll-container {
- max-height: calc(
- var(--local-map-height) - var(--local-popup-header-height) -
- var(--rpl-sp-3) * 2
- );
- }
- }
-
- @media (--rpl-bp-xl) {
- width: 300px;
- }
-}
-
-.rpl-map-popup--layerlist {
- --local-infobox-mobile-blank-space: 106px;
-
- z-index: var(--rpl-layer-1);
- margin-left: var(--rpl-sp-2);
- height: auto;
- bottom: var(--rpl-sp-2);
- width: 300px;
- max-width: calc(100% - var(--rpl-sp-2) * 2);
-
- .rpl-map-popup__header {
- background: var(--rpl-clr-neutral-0);
- }
-
- .rpl-map-pop-up-scroll-container {
- max-height: calc(
- var(--local-map-height) - var(--local-popup-header-height) -
- var(--rpl-sp-2) * 2
- );
- }
-
- @media (--rpl-bp-m) {
- margin-left: var(--rpl-sp-3);
- margin-top: var(--rpl-sp-3);
- bottom: var(--rpl-sp-3);
-
- .rpl-map-pop-up-scroll-container {
- max-height: calc(
- var(--local-map-height) - var(--local-popup-header-height) -
- var(--rpl-sp-3) * 2
- );
- }
- }
-
- @media (--rpl-bp-xl) {
- width: 300px;
- }
-}
-
-.rpl-map-popup--standalone {
- position: static;
- border-bottom: var(--rpl-border-1) solid var(--rpl-clr-neutral-300);
- margin-bottom: var(--rpl-sp-4);
-}
diff --git a/packages/ripple-ui-maps/src/components/popup/RplMapPopUp.stories.ts b/packages/ripple-ui-maps/src/components/popup/RplMapPopUp.stories.ts
deleted file mode 100644
index c1077cf561..0000000000
--- a/packages/ripple-ui-maps/src/components/popup/RplMapPopUp.stories.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
-import RplMapPopUp from './RplMapPopUp.vue'
-import '@dpc-sdp/ripple-ui-core/style/components'
-
-export default {
- title: 'Maps/Pop Up',
- component: RplMapPopUp
-} satisfies Meta
-
-type Story = StoryObj
-
-export const DefaultStory: Story = {
- name: 'Default',
- args: {
- isOpen: true,
- header: 'Pop up header'
- }
-}
diff --git a/packages/ripple-ui-maps/src/components/popup/RplMapPopUp.vue b/packages/ripple-ui-maps/src/components/popup/RplMapPopUp.vue
deleted file mode 100644
index 79c74dd1b5..0000000000
--- a/packages/ripple-ui-maps/src/components/popup/RplMapPopUp.vue
+++ /dev/null
@@ -1,161 +0,0 @@
-
-
-
- 
- 
- 
-