Fix color SvgIcons type (#599)

Author: raczyk

package-lock.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",

package.json

@@ -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;
 };