chore: add stories for highlighted state

Parkreiner · Parkreiner · commit fb70781f771e · 2024-09-12T21:39:55.000Z
diff --git a/site/src/components/FeatureBadge/FeatureBadge.stories.tsx b/site/src/components/FeatureBadge/FeatureBadge.stories.tsx
@@ -20,3 +20,17 @@ export const Medium: Story = {
 		size: "md",
 	},
 };
+
+export const HighlightedSmall: Story = {
+	args: {
+		size: "sm",
+		highlighted: true,
+	},
+};
+
+export const HighlightedMedium: Story = {
+	args: {
+		size: "md",
+		highlighted: true,
+	},
+};
diff --git a/site/src/components/FeatureBadge/FeatureBadge.tsx b/site/src/components/FeatureBadge/FeatureBadge.tsx
@@ -43,22 +43,22 @@ type FeatureBadgeProps = Readonly<
 	Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
 		type: keyof typeof featureBadgeTypes;
 		size?: "sm" | "md";
-		isHighlighted?: boolean;
+		highlighted?: boolean;
 	}
 >;
 
 export const FeatureBadge: FC<FeatureBadgeProps> = ({
 	type,
 	size = "sm",
-	isHighlighted = false,
+	highlighted = false,
 	...delegatedProps
 }) => {
 	return (
 		<span
 			css={[
 				styles.badge,
 				size === "md" && styles.mediumText,
-				isHighlighted && styles.highlighted,
+				highlighted && styles.highlighted,
 			]}
 			{...delegatedProps}
 		>
