GCHQ-Developer-112

Feat/stackblitz component code examples

1

## Summary of the changes - update code examples to work with the new Stackblitz functionality - add toggle button to switch between typescript and javascript - add show more/less...

Persist a user's chosen language and framework for code demos

1

## Summary Add a functional cookie to local storage that stores a user's chosen language and framework. When the Javascript/Typescript toggle button is added to the `ComponentPreview` component, users, in...

Guidance: Add missing typography variants to guidance

2

## Summary of the bug Code typography variants below (seen in Figma) are not listed on the typography page There are also no code examples for typography for underline, strikethrough,...

[ic-design-system]: Migrate the "Custom theme" page to the "Styles" section of the guidance site

1

## What component is this related to? ["Custom theme" page](https://design.sis.gov.uk/get-started/install-components/custom-theme) / `ic-theme` ## Why do we need it? Currently, the [custom theme](https://design.sis.gov.uk/get-started/install-components/custom-theme) page is in the "Install components" section of...

## Summary The performance of our website, in particular, component pages are less than optimum. Performance was tested using "Lighthouse" in DevTools. Our performance score can be improved by using...

## Summary Following the introduction of the Stackblitz functionality, a review is needed of the code examples. This review will focus on ensuring that code examples display correctly in Stackblitz...

## Summary of the bug The switch used to [manage your cookies preferences](https://design.sis.gov.uk/icds/cookies-policy/#manage-your-cookie-preferences) on the ["Cookies Policy"](https://design.sis.gov.uk/icds/cookies-policy) page doesn't remember state across different pages and so the new preference is...

[Guidance]: Information about what version of a framework the install instructions work with should be displayed differently

1

## What component/page is this related to? - [Install Angular components](https://design.sis.gov.uk/get-started/install-components/angular) - [Install Svelte components](https://design.sis.gov.uk/get-started/install-components/svelte) - [Install Vue components](https://design.sis.gov.uk/get-started/install-components/vue) ## Why do we need it? The sentence that lets users...

[Guidance]: Missing sub-headings in page headers on certain pages

1

## Summary Most of the page headers used on the site have a sub-heading also to describe the page. However, there are some pages that only have a heading ##...

## Summary Currently, in `` & ``, the radio & checkbox icons are vertically aligned to the centre of the label. Where are multiple radio options / checkboxes and one...