Feat/BOOK-117 svg accessibility
* feat(BOOK-117): Added aria-label to Scandic Friends levels * feat(BOOK-117): Added aria-label to hotel logos * feat(BOOK-117): Added alt text to app download images * feat(BOOK-117): Added same logo component to footer as the one in the header * feat(BOOK-117): Added aria attributes to icons similar to how we handled MaterialIcon aria attributes Approved-by: Bianca Widstam Approved-by: Matilda Landström
This commit is contained in:
13
packages/design-system/lib/components/Icons/Nucleo/utils.ts
Normal file
13
packages/design-system/lib/components/Icons/Nucleo/utils.ts
Normal file
@@ -0,0 +1,13 @@
|
||||
import { NucleoIconProps } from '../icon'
|
||||
import { getIconAriaProps } from '../utils'
|
||||
import { colorVariants } from './colorVariants'
|
||||
|
||||
export function getNucleoIconProps(props: NucleoIconProps) {
|
||||
const fill = props.color ? colorVariants[props.color] : 'currentColor'
|
||||
const strokewidth = props.strokewidth || 2
|
||||
const width = props.size || '1em'
|
||||
const height = props.size || '1em'
|
||||
const ariaProps = getIconAriaProps(props)
|
||||
|
||||
return { fill, strokewidth, width, height, ...ariaProps }
|
||||
}
|
||||
Reference in New Issue
Block a user