feat!: Iconset update

packages/react/src/Alert/Alert.tsx

@@ -3,7 +3,7 @@
  * Copyright Gemeente Amsterdam
  */
 
-import { AlertIcon, CheckmarkIcon, InfoIcon } from '@amsterdam/design-system-react-icons'
+import { CheckmarkIcon, InfoIcon, WarningIcon } from '@amsterdam/design-system-react-icons'
 import clsx from 'clsx'
 import { forwardRef } from 'react'
 import type { ForwardedRef, HTMLAttributes, PropsWithChildren } from 'react'
@@ -31,10 +31,10 @@ export type AlertProps = {
 } & PropsWithChildren<HTMLAttributes<HTMLDivElement>>
 
 const iconSvgBySeverity = {
-  error: AlertIcon,
+  error: WarningIcon,
   info: InfoIcon,
   success: CheckmarkIcon,
-  warning: AlertIcon,
+  warning: WarningIcon,
 }
 
 export const Alert = forwardRef(

packages/react/src/Avatar/Avatar.tsx

@@ -3,7 +3,7 @@
  * Copyright Gemeente Amsterdam
  */
 
-import { PersonalLoginIcon } from '@amsterdam/design-system-react-icons'
+import { UserIcon } from '@amsterdam/design-system-react-icons'
 import clsx from 'clsx'
 import { forwardRef } from 'react'
 import type { ForwardedRef, HTMLAttributes } from 'react'
@@ -43,7 +43,7 @@ const AvatarContent = ({ imageSrc, initials }: AvatarContentProps) => {
     return <span aria-hidden={true}>{initials}</span>
   }
 
-  return <Icon svg={PersonalLoginIcon} size="level-6" />
+  return <Icon svg={UserIcon} size="level-6" />
 }
 
 export type AvatarProps = {

packages/react/src/Icon/Icon.test.tsx

@@ -1,39 +1,39 @@
-import { AlertIcon } from '@amsterdam/design-system-react-icons'
+import { WarningIcon } from '@amsterdam/design-system-react-icons'
 import { render } from '@testing-library/react'
 import { createRef } from 'react'
 import { Icon } from './Icon'
 import '@testing-library/jest-dom'
 
 describe('Icon', () => {
   it('renders a span element', () => {
-    const { container } = render(<Icon svg={AlertIcon} />)
+    const { container } = render(<Icon svg={WarningIcon} />)
 
     const icon = container.querySelector('span:only-child')
 
     expect(icon).toBeInTheDocument()
   })
 
   it('renders a design system BEM class name', () => {
-    const { container } = render(<Icon svg={AlertIcon} />)
+    const { container } = render(<Icon svg={WarningIcon} />)
 
     const icon = container.querySelector(':only-child')
 
     expect(icon).toHaveClass('ams-icon')
   })
 
   it('renders an svg child', () => {
-    const { container } = render(<Icon svg={AlertIcon} />)
+    const { container } = render(<Icon svg={WarningIcon} />)
 
     const svg = container.querySelector(':only-child svg')
 
     expect(svg).toBeInTheDocument()
   })
 
   it('renders the right size classes', () => {
-    const { container: level3 } = render(<Icon svg={AlertIcon} size="level-3" />)
-    const { container: level4 } = render(<Icon svg={AlertIcon} size="level-4" />)
-    const { container: level5 } = render(<Icon svg={AlertIcon} size="level-5" />)
-    const { container: level6 } = render(<Icon svg={AlertIcon} size="level-6" />)
+    const { container: level3 } = render(<Icon svg={WarningIcon} size="level-3" />)
+    const { container: level4 } = render(<Icon svg={WarningIcon} size="level-4" />)
+    const { container: level5 } = render(<Icon svg={WarningIcon} size="level-5" />)
+    const { container: level6 } = render(<Icon svg={WarningIcon} size="level-6" />)
 
     expect(level3.firstChild).toHaveClass('ams-icon--size-3')
     expect(level4.firstChild).toHaveClass('ams-icon--size-4')
@@ -42,15 +42,15 @@ describe('Icon', () => {
   })
 
   it('renders the right square class', () => {
-    const { container } = render(<Icon svg={AlertIcon} square />)
+    const { container } = render(<Icon svg={WarningIcon} square />)
 
     const icon = container.querySelector('span:only-child')
 
     expect(icon).toHaveClass('ams-icon--square')
   })
 
   it('renders an additional class name', () => {
-    const { container } = render(<Icon svg={AlertIcon} className="large" />)
+    const { container } = render(<Icon svg={WarningIcon} className="large" />)
 
     const icon = container.querySelector(':only-child')
 
@@ -61,7 +61,7 @@ describe('Icon', () => {
   it('supports ForwardRef in React', () => {
     const ref = createRef<HTMLSpanElement>()
 
-    const { container } = render(<Icon svg={AlertIcon} ref={ref} />)
+    const { container } = render(<Icon svg={WarningIcon} ref={ref} />)
 
     const icon = container.querySelector(':only-child')
 

packages/react/src/Radio/Radio.test.tsx

@@ -1,4 +1,4 @@
-import { FavouriteIcon } from '@amsterdam/design-system-react-icons'
+import { HeartIcon } from '@amsterdam/design-system-react-icons'
 import { render, screen } from '@testing-library/react'
 import { createRef } from 'react'
 import { Radio } from './Radio'
@@ -156,7 +156,7 @@ describe('Radio', () => {
   })
 
   it('shows a custom icon', () => {
-    const { container } = render(<Radio icon={<FavouriteIcon className="test-class" />} />)
+    const { container } = render(<Radio icon={<HeartIcon className="test-class" />} />)
 
     const icon = container.querySelector('svg')