fix: check for fill

launchdarkly · Sep 24, 2024 · 15485a9 · 15485a9
1 parent 616c08a
commit 15485a9
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/chip/src/Chip.tsx b/packages/chip/src/Chip.tsx
@@ -37,7 +37,7 @@ const Chip = ({
 			key: 'icon',
 			...(size === 'small' && { size }),
 			'aria-hidden': true,
-			className: cx(icon.props.className, styles.icon, size === 'tiny' && styles.tiny),
+			className: cx(icon.props.className, styles.icon, size === 'tiny' && styles.tinyIcon),
 		});
 
 	const classes = cx(

diff --git a/packages/chip/src/styles/Chip.module.css b/packages/chip/src/styles/Chip.module.css
@@ -76,7 +76,7 @@
 	margin-right: 0.125rem;
 }
 
-.tiny {
+.tinyIcon {
 	width: 0.625rem;
 	height: 0.625rem;
 }
diff --git a/packages/icons/src/Icon.tsx b/packages/icons/src/Icon.tsx
@@ -57,7 +57,7 @@ const Icon = ({
 			aria-hidden={props['aria-hidden'] ?? (!props['aria-labelledby'] && !props['aria-label'])}
 			focusable={focusable}
 			role={role}
-			className={icon({ size, variant, className })}
+			className={icon({ size, variant: props.fill ? null : variant, className })}
 			{...props}
 			{...labelProps}
 		>