@@ -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 ;
@@ -358,7 +357,7 @@ export const SvgButtonIcon = (
358357 */
359358export const Icon = createFC < IconProps , { ICONS : typeof ICONS } > (
360359 ( props ) => {
361- const { label, container , containerClassName, fillColor, ...rprops } =
360+ const { label, circleContainer , containerClassName, fillColor, ...rprops } =
362361 props ;
363362 let { category = 'utility' , icon } = props ;
364363
@@ -389,7 +388,7 @@ export const Icon = createFC<IconProps, { ICONS: typeof ICONS }>(
389388 const ccontainerClassName = classnames (
390389 containerClassName ,
391390 'slds-icon_container' ,
392- container === 'circle' ? 'slds-icon_container_circle' : null ,
391+ circleContainer ? 'slds-icon_container_circle' : null ,
393392 category === 'utility' ? `slds-icon-utility-${ icon } ` : null ,
394393 fillIconColor ? `slds-icon-${ fillIconColor } ` : null
395394 ) ;
0 commit comments