1979 ic back to top update icon only variant to match design

[GCHQ-Developer-530]

Summary of the changes

Update back to top icon variant to match Figma designs and update back to top cypress test and merge in ci generated snapshot. For some reason the ci would only a non blurry image of the back to top when the viewport was set to iphone.

Related issue

1979

Checklist

General

• [x] Changes to docs package checked and committed.
• [x] All acceptance criteria reviewed and met.

Testing

• [x] Relevant unit tests and visual regression tests added.
• [x] Visual testing against Figma component specification completed.

Accessibility

• [x] Accessibility Insights FastPass performed.
• [x] A11y unit test added and yields no issues.
• [x] A11y plug-in on Storybook yields no issues.
• [x] Manual screen reader testing performed using NVDA and VoiceOver.
• [x] Manual keyboard testing for keyboard controls and logical focus order.
• [x] Correct roles used and ARIA attributes used correctly where required.
• [x] Logical heading structure is maintained, and the HTML elements used for headings can be changed to fit within the wider page structure.

Resize/zoom behaviour

• [x] Page can be zoomed to 400% with no loss of content.
• [x] Screen magnifier used with no issues.
• [x] Text resized to 200% with no loss of content.
• [x] Text spacing increased as per the WCAG 1.4.12 success criterion with no loss of content.

System modes

• [x] Browser setting 'prefers reduced motion' tested. No animations or motion visible whilst this setting is on.
• [x] Windows High Contrast mode tested with no loss of content.
• [x] System light and dark mode tested with no loss of content.
• [x] Browser support tested (Chrome, Safari, Firefox and Edge).

Testing content extremes

• [x] Min/max content examples tested with no loss of content or overflow.
• [x] All prop combinations work without issue.
• [x] Tested for FOUC (Flash of Unstyled Content) in both SSR (Server-Side Rendering) and SSG (Static Site Generation) settings.
• [x] Controlled and uncontrolled input components tested.

[github-actions[bot]]

View your branch deployment here: https://mi6.github.io/ic-ui-kit/branches/1979-ic-back-to-top-update-icon-only-variant-to-match-design/web-components View your React branch deployment here: https://mi6.github.io/ic-ui-kit/branches/1979-ic-back-to-top-update-icon-only-variant-to-match-design/react View your NextJs branch deployment here: https://mi6.github.io/ic-ui-kit/branches/1979-ic-back-to-top-update-icon-only-variant-to-match-design/nextjs

[github-actions[bot]]

Cypress visual tests failed. View the image diff here: https://github.com/mi6/ic-ui-kit/tree/gh-pages/branches/1979-ic-back-to-top-update-icon-only-variant-to-match-design/cypress-image-diff-screenshots View the html report here: https://github.com/mi6/ic-ui-kit/tree/gh-pages/branches/1979-ic-back-to-top-update-icon-only-variant-to-match-design/cypress-image-diff-html-report

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you all sign our Contributor License Agreement before we can accept your contribution.
1 out of 2 committers have signed the CLA.

:white_check_mark: GCHQ-Developer-530
:x: github-actions[bot]
_{You have signed the CLA already but the status is still pending? Let us recheck it.}