diff --git a/src/assets/icons/xCircleFilled.svg b/src/assets/icons/xCircleFilled.svg new file mode 100644 index 00000000..aa66989a --- /dev/null +++ b/src/assets/icons/xCircleFilled.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/inlineBanner/inlineBanner.tsx b/src/components/inlineBanner/inlineBanner.tsx index 073fb6c9..fba3ab2c 100644 --- a/src/components/inlineBanner/inlineBanner.tsx +++ b/src/components/inlineBanner/inlineBanner.tsx @@ -43,7 +43,7 @@ const bannerConstants: Record = { error: { backgroundColor: palette.red.shade20, iconColor: palette.red.shade40, - icon: 'WarningFilled' + icon: 'XCircleFilled' }, warning: { backgroundColor: palette.orange.shade20, diff --git a/src/elements/icon/icon.tsx b/src/elements/icon/icon.tsx index 3175c9ed..50510774 100644 --- a/src/elements/icon/icon.tsx +++ b/src/elements/icon/icon.tsx @@ -59,6 +59,7 @@ import Trash from '../../assets/icons/trash.svg'; import TrashFilled from '../../assets/icons/trashFilled.svg'; import UserSquare from '../../assets/icons/userSquare.svg'; import WarningFilled from '../../assets/icons/warningFilled.svg'; +import XCircleFilled from '../../assets/icons/xCircleFilled.svg'; import {greys} from '../../helpers/colorHelpers'; import {getIconViewBox} from './iconViewBoxes'; @@ -127,7 +128,8 @@ const importedIcons = { Trash, TrashFilled, UserSquare, - WarningFilled + WarningFilled, + XCircleFilled } as const; export type IconName = keyof typeof importedIcons;