@@ -246,7 +246,6 @@ export type IconCategory =
246246 | 'standard'
247247 | 'utility' ;
248248export type IconSize = 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' ;
249- export type IconContainer = 'circle' ;
250249export type IconTextColor =
251250 | 'default'
252251 | 'success'
@@ -265,7 +264,7 @@ export type IconProps = {
265264 icon : string ;
266265 size ?: IconSize ;
267266 align ?: 'left' | 'right' ;
268- container ?: IconContainer ;
267+ circleContainer ?: boolean ;
269268 color ?: string ;
270269 textColor ?: IconTextColor ;
271270 tabIndex ?: number ;
@@ -360,7 +359,7 @@ export const SvgButtonIcon = (
360359 */
361360export const Icon = createFC < IconProps , { ICONS : typeof ICONS } > (
362361 ( props ) => {
363- const { label, container , containerClassName, fillColor, ...rprops } =
362+ const { label, circleContainer , containerClassName, fillColor, ...rprops } =
364363 props ;
365364 let { category = 'utility' , icon } = props ;
366365
@@ -391,7 +390,7 @@ export const Icon = createFC<IconProps, { ICONS: typeof ICONS }>(
391390 const ccontainerClassName = classnames (
392391 containerClassName ,
393392 'slds-icon_container' ,
394- container === 'circle' ? 'slds-icon_container_circle' : null ,
393+ circleContainer ? 'slds-icon_container_circle' : null ,
395394 category === 'utility' ? `slds-icon-utility-${ icon } ` : null ,
396395 fillIconColor ? `slds-icon-${ fillIconColor } ` : null
397396 ) ;
0 commit comments