@@ -18,14 +18,14 @@ import { createElement, createRef, Fragment, ReactElement, RefObject, useEffect,
18
18
// eslint-disable-next-line import/no-extraneous-dependencies
19
19
import { followCursor } from 'tippy.js'
20
20
21
- import { ReactComponent as ICClose } from '@Icons/ic-close.svg'
22
21
import { ResizableTagTextArea } from '@Common/CustomTagSelector'
23
22
import { ConditionalWrap } from '@Common/Helper'
24
23
import { Tooltip } from '@Common/Tooltip'
25
24
import { ComponentSizeType } from '@Shared/constants'
26
25
27
26
import { Button , ButtonStyleType , ButtonVariantType } from '../Button'
28
27
import { FileUpload } from '../FileUpload'
28
+ import { Icon } from '../Icon'
29
29
import {
30
30
getSelectPickerOptionByValue ,
31
31
SelectPicker ,
@@ -271,8 +271,8 @@ export const DynamicDataTableRow = <K extends string, CustomStateType = Record<s
271
271
}
272
272
273
273
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 " />
276
276
< p className = "fs-12 lh-16 cn-7 m-0" > { errorMessage } </ p >
277
277
</ div >
278
278
)
@@ -371,7 +371,7 @@ export const DynamicDataTableRow = <K extends string, CustomStateType = Record<s
371
371
dataTestId = "dynamic-data-table-row-delete-btn"
372
372
ariaLabel = "Delete Row"
373
373
showAriaLabelInTippy = { false }
374
- icon = { < ICClose /> }
374
+ icon = { < Icon name = "ic-close-large" color = { null } /> }
375
375
disabled = { disableDeleteRow || row . disableDelete }
376
376
onClick = { onDelete ( row ) }
377
377
variant = { ButtonVariantType . borderLess }
0 commit comments