@@ -18,14 +18,14 @@ import { createElement, createRef, Fragment, ReactElement, RefObject, useEffect,
1818// eslint-disable-next-line import/no-extraneous-dependencies
1919import { followCursor } from 'tippy.js'
2020
21- import { ReactComponent as ICClose } from '@Icons/ic-close.svg'
2221import { ResizableTagTextArea } from '@Common/CustomTagSelector'
2322import { ConditionalWrap } from '@Common/Helper'
2423import { Tooltip } from '@Common/Tooltip'
2524import { ComponentSizeType } from '@Shared/constants'
2625
2726import { Button , ButtonStyleType , ButtonVariantType } from '../Button'
2827import { FileUpload } from '../FileUpload'
28+ import { Icon } from '../Icon'
2929import {
3030 getSelectPickerOptionByValue ,
3131 SelectPicker ,
@@ -271,8 +271,8 @@ export const DynamicDataTableRow = <K extends string, CustomStateType = Record<s
271271 }
272272
273273 const renderErrorMessage = ( errorMessage : string ) => (
274- < div key = { errorMessage } className = "flexbox align-items-center dc__gap-4" >
275- < ICClose className = "icon-dim-16 fcr-5 dc__align-self-start dc__no-shrink " />
274+ < div key = { errorMessage } className = "flexbox dc__gap-4" >
275+ < Icon name = "ic-close-small" color = "R500 " />
276276 < p className = "fs-12 lh-16 cn-7 m-0" > { errorMessage } </ p >
277277 </ div >
278278 )
@@ -371,7 +371,7 @@ export const DynamicDataTableRow = <K extends string, CustomStateType = Record<s
371371 dataTestId = "dynamic-data-table-row-delete-btn"
372372 ariaLabel = "Delete Row"
373373 showAriaLabelInTippy = { false }
374- icon = { < ICClose /> }
374+ icon = { < Icon name = "ic-close-large" color = { null } /> }
375375 disabled = { disableDeleteRow || row . disableDelete }
376376 onClick = { onDelete ( row ) }
377377 variant = { ButtonVariantType . borderLess }
0 commit comments