Merge pull request #145 from basehub-ai/add-supported-icon-tags

Add support for 'radialGradient' and 'pattern' SVG tags in Icon component
basehub-ai · Jan 22, 2025 · 6469d77 · 6469d77
2 parents f315a61 + ffa7672
commit 6469d77
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/gentle-hornets-cross.md b/.changeset/gentle-hornets-cross.md
@@ -0,0 +1,5 @@
+---
+"basehub": patch
+---
+
+Add support for 'radialGradient' and 'pattern' SVG tags in Icon component
diff --git a/packages/basehub/src/react/icon/primitive.tsx b/packages/basehub/src/react/icon/primitive.tsx
@@ -23,6 +23,8 @@ export const supportedSvgTags = [
   "linearGradient",
   "stop",
   "clipPath",
+  "radialGradient",
+  "pattern",
 ] as const;
 
 type SvgComponent = (typeof supportedSvgTags)[number];
@@ -53,6 +55,8 @@ const DEFAULT_COMPONENTS: ComponentsOverride = {
   linearGradient: (props) => React.createElement("linearGradient", props),
   stop: (props) => React.createElement("stop", props),
   clipPath: (props) => React.createElement("clipPath", props),
+  radialGradient: (props) => React.createElement("radialGradient", props),
+  pattern: (props) => React.createElement("pattern", props),
 };
 
 const XML_NAMESPACE_MAPPING: Record<string, string> = {