Fix color SvgIcons type (#599)

nordcloud · May 30, 2023 · f84f7c6 · f84f7c6
1 parent 617f280
commit f84f7c6
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@nordcloud/gnui",
   "description": "Nordcloud Design System - a collection of reusable React components used in Nordcloud's SaaS products",
-  "version": "8.6.0",
+  "version": "8.6.1",
   "license": "MIT",
   "repository": {
     "type": "git",

diff --git a/src/components/svgicon/SVGIcon.tsx b/src/components/svgicon/SVGIcon.tsx
@@ -13,7 +13,7 @@ const StyledSVGIcon = styled.svg<Pick<SVGIconProps, "color" | "size">>`
   ${({ color }) =>
     color &&
     css`
-      fill: ${theme.colors[color] || color};
+      fill: ${theme.colors[color as SingleColors] || color};
     `}
 
   ${({ size }) =>
@@ -26,9 +26,12 @@ const StyledSVGIcon = styled.svg<Pick<SVGIconProps, "color" | "size">>`
 
 const VIEW_BOX = "0 0 24 24";
 
+type AnyString = Record<never, never> & string;
+type SvgColor = AnyString | SingleColors;
+
 export type SVGIconProps = React.HTMLAttributes<HTMLOrSVGElement> & {
   name: PathName;
-  color?: SingleColors;
+  color?: SvgColor;
   size?: keyof typeof theme.iconSize;
 };