Fix/SW-1563 accessibility

* fix(SW-1563): Added new IconButton component to the design system and removed Icon variant inside the Button component
* fix(SW-1563): Added buttons around clickable images and changed to design system components
* fix(SW-1563): Renamed variants to match Figma
* fix(SW-1563): Renamed AriaButton to ButtonRAC

Approved-by: Michael Zetterberg
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-05-02 06:27:30 +00:00
parent efcbde1647
commit 8b32abbefc
32 changed files with 909 additions and 547 deletions

View File

@@ -1,6 +1,6 @@
import { Rate, RateTermDetails } from '../types'
import { Button } from '../../Button'
import { IconButton } from '../../IconButton'
import { MaterialIcon } from '../../Icons/MaterialIcon'
import { Typography } from '../../Typography'
import Modal from '../Modal'
@@ -63,13 +63,13 @@ export default function CodeRateCard({
title={rateTitle}
subtitle={paymentTerm}
trigger={
<Button variant="Icon" size="Small">
<IconButton theme="Black" style="Muted">
<MaterialIcon
icon="info"
size={20}
color="Icon/Default"
/>
</Button>
</IconButton>
}
>
{rateTermDetails.map((termGroup) => (