feat(icons): add data-icon attribute (#1416)

Niznikr · web-flow · commit f537aef5280e · 2024-09-27T09:42:58.000-04:00
diff --git a/.changeset/tall-walls-travel.md b/.changeset/tall-walls-travel.md
@@ -0,0 +1,5 @@
+---
+"@launchpad-ui/icons": patch
+---
+
+Add `data-icon` attribute
diff --git a/packages/icons/src/Icon.tsx b/packages/icons/src/Icon.tsx
@@ -44,6 +44,7 @@ const Icon = ({
 			focusable={focusable}
 			role={role}
 			className={icon({ size, variant, className })}
+			data-icon={name}
 			{...props}
 		>
 			{name && <use href={`#lp-icon-${name}`} />}

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@launchpad-ui/icons": patch
 +---
++
 +Add `data-icon` attribute
Original file line number	Diff line number	Diff line change
`@@ -44,6 +44,7 @@ const Icon = ({`
`44`	`44`	`focusable={focusable}`
`45`	`45`	`role={role}`
`46`	`46`	`className={icon({ size, variant, className })}`
	`47`	`+ data-icon={name}`
`47`	`48`	`{...props}`
`48`	`49`	`>`
`49`	`50`	{name && <use href={`#lp-icon-${name}`} />}