@2hoch1/pixel-icon-library-react 1.1.0-rc.3 → 1.1.0-rc.5

package/dist/icons/exclamation-triangle-solid.js

@@ -1,15 +1,29 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/icons/exclamation-triangle-solid.tsx
 var SvgExclamationTriangleSolid = (props) => /* @__PURE__ */ jsx("svg", { id: "Exclamation_Triangle", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("path", { d: "m22,20v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-1h-2v1h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h1v1h20v-1h1v-2h-1Zm-12-9h4v3h-1v3h-2v-3h-1v-3Zm1,7h2v2h-2v-2Z" }) });
 var exclamation_triangle_solid_default = SvgExclamationTriangleSolid;
 var ExclamationTriangleSolid = forwardRef((props, ref) => {
+  const handleRef = useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsx(
     exclamation_triangle_solid_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/exclamation-triangle-solid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/exclamation-triangle-solid.svg","../../src/icons/exclamation-triangle-solid.tsx"],"names":["jsx","exclamation_triangle_solid_default"],"mappings":";;;;AACA,IAAM,8BAA8B,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,wBAAuB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wLAAuL,CAAA,EAAE,CAAA;AAC/U,IAAO,kCAAA,GAAQ,2BAAA;ACaf,IAAM,wBAAA,GAAmE,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC1I,EAAA,uBACEA,GAAAA;AAAA,IAAC,kCAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,wBAAA,CAAyB,WAAA,GAAc,0BAAA;AAEvC,IAAOC,mCAAAA,GAAQ","file":"exclamation-triangle-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgExclamationTriangleSolid = props => <svg id=\"Exclamation_Triangle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m22,20v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-1h-2v1h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h1v1h20v-1h1v-2h-1Zm-12-9h4v3h-1v3h-2v-3h-1v-3Zm1,7h2v2h-2v-2Z\" /></svg>;\nexport default SvgExclamationTriangleSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/exclamation-triangle-solid.svg';\n\n/**\n * @component\n * @name ExclamationTriangleSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExclamationTriangleSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExclamationTriangleSolid.displayName = 'ExclamationTriangleSolid';\n\nexport default ExclamationTriangleSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/exclamation-triangle-solid.svg","../../src/icons/exclamation-triangle-solid.tsx"],"names":["jsx","exclamation_triangle_solid_default"],"mappings":";;;;AACA,IAAM,8BAA8B,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,wBAAuB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wLAAuL,CAAA,EAAE,CAAA;AAC/U,IAAO,kCAAA,GAAQ,2BAAA;ACaf,IAAM,wBAAA,GAAmE,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC1I,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEA,GAAAA;AAAA,IAAC,kCAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,wBAAA,CAAyB,WAAA,GAAc,0BAAA;AAEvC,IAAOC,mCAAAA,GAAQ","file":"exclamation-triangle-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgExclamationTriangleSolid = props => <svg id=\"Exclamation_Triangle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m22,20v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-1h-2v1h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h1v1h20v-1h1v-2h-1Zm-12-9h4v3h-1v3h-2v-3h-1v-3Zm1,7h2v2h-2v-2Z\" /></svg>;\nexport default SvgExclamationTriangleSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/exclamation-triangle-solid.svg';\n\n/**\n * @component\n * @name ExclamationTriangleSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExclamationTriangleSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExclamationTriangleSolid.displayName = 'ExclamationTriangleSolid';\n\nexport default ExclamationTriangleSolid;\n"]}

package/dist/icons/exclamation-triangle.cjs

@@ -11,11 +11,25 @@ var SvgExclamationTriangle = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", {
 ] });
 var exclamation_triangle_default = SvgExclamationTriangle;
 var ExclamationTriangle = react.forwardRef((props, ref) => {
+  const handleRef = react.useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     exclamation_triangle_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/exclamation-triangle.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/exclamation-triangle.svg","../../src/icons/exclamation-triangle.tsx"],"names":["jsxs","jsx","forwardRef","exclamation_triangle_default"],"mappings":";;;;;;AACA,IAAM,sBAAA,GAAyB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,sBAAA,EAAuB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mOAAA,EAAoO;AAAA,CAAA,EAAE,CAAA;AAC5e,IAAO,4BAAA,GAAQ,sBAAA;ACaf,IAAM,mBAAA,GAA8DC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACrI,EAAA,uBACED,cAAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAElC,IAAOE,6BAAAA,GAAQ","file":"exclamation-triangle.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgExclamationTriangle = props => <svg id=\"Exclamation_Triangle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"14 11 14 14 13 14 13 17 11 17 11 14 10 14 10 11 14 11\" /><rect x={11} y={18} width={2} height={2} /><path d=\"m22,20v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-1h-2v1h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h1v1h20v-1h1v-2h-1Zm-19,1v-1h1v-2h1v-2h1v-2h1v-2h1v-2h1v-2h1v-2h1v-2h2v2h1v2h1v2h1v2h1v2h1v2h1v2h1v2h1v1H3Z\" /></svg>;\nexport default SvgExclamationTriangle;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/exclamation-triangle.svg';\n\n/**\n * @component\n * @name ExclamationTriangle\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExclamationTriangle: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExclamationTriangle.displayName = 'ExclamationTriangle';\n\nexport default ExclamationTriangle;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/exclamation-triangle.svg","../../src/icons/exclamation-triangle.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","exclamation_triangle_default"],"mappings":";;;;;;AACA,IAAM,sBAAA,GAAyB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,sBAAA,EAAuB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mOAAA,EAAoO;AAAA,CAAA,EAAE,CAAA;AAC5e,IAAO,4BAAA,GAAQ,sBAAA;ACaf,IAAM,mBAAA,GAA8DC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACrI,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEF,cAAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAElC,IAAOG,6BAAAA,GAAQ","file":"exclamation-triangle.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgExclamationTriangle = props => <svg id=\"Exclamation_Triangle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"14 11 14 14 13 14 13 17 11 17 11 14 10 14 10 11 14 11\" /><rect x={11} y={18} width={2} height={2} /><path d=\"m22,20v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-1h-2v1h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h1v1h20v-1h1v-2h-1Zm-19,1v-1h1v-2h1v-2h1v-2h1v-2h1v-2h1v-2h1v-2h1v-2h2v2h1v2h1v2h1v2h1v2h1v2h1v2h1v2h1v1H3Z\" /></svg>;\nexport default SvgExclamationTriangle;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/exclamation-triangle.svg';\n\n/**\n * @component\n * @name ExclamationTriangle\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExclamationTriangle: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExclamationTriangle.displayName = 'ExclamationTriangle';\n\nexport default ExclamationTriangle;\n"]}

package/dist/icons/exclamation-triangle.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/exclamation-triangle.tsx
@@ -9,11 +9,25 @@ var SvgExclamationTriangle = (props) => /* @__PURE__ */ jsxs("svg", { id: "Excla
 ] });
 var exclamation_triangle_default = SvgExclamationTriangle;
 var ExclamationTriangle = forwardRef((props, ref) => {
+  const handleRef = useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsx(
     exclamation_triangle_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/exclamation-triangle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/exclamation-triangle.svg","../../src/icons/exclamation-triangle.tsx"],"names":["jsx","exclamation_triangle_default"],"mappings":";;;;AACA,IAAM,sBAAA,GAAyB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,sBAAA,EAAuB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mOAAA,EAAoO;AAAA,CAAA,EAAE,CAAA;AAC5e,IAAO,4BAAA,GAAQ,sBAAA;ACaf,IAAM,mBAAA,GAA8D,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACrI,EAAA,uBACEA,GAAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAElC,IAAOC,6BAAAA,GAAQ","file":"exclamation-triangle.js","sourcesContent":["import * as React from \"react\";\nconst SvgExclamationTriangle = props => <svg id=\"Exclamation_Triangle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"14 11 14 14 13 14 13 17 11 17 11 14 10 14 10 11 14 11\" /><rect x={11} y={18} width={2} height={2} /><path d=\"m22,20v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-1h-2v1h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h1v1h20v-1h1v-2h-1Zm-19,1v-1h1v-2h1v-2h1v-2h1v-2h1v-2h1v-2h1v-2h1v-2h2v2h1v2h1v2h1v2h1v2h1v2h1v2h1v2h1v1H3Z\" /></svg>;\nexport default SvgExclamationTriangle;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/exclamation-triangle.svg';\n\n/**\n * @component\n * @name ExclamationTriangle\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExclamationTriangle: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExclamationTriangle.displayName = 'ExclamationTriangle';\n\nexport default ExclamationTriangle;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/exclamation-triangle.svg","../../src/icons/exclamation-triangle.tsx"],"names":["jsx","exclamation_triangle_default"],"mappings":";;;;AACA,IAAM,sBAAA,GAAyB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,sBAAA,EAAuB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mOAAA,EAAoO;AAAA,CAAA,EAAE,CAAA;AAC5e,IAAO,4BAAA,GAAQ,sBAAA;ACaf,IAAM,mBAAA,GAA8D,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACrI,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEA,GAAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAElC,IAAOC,6BAAAA,GAAQ","file":"exclamation-triangle.js","sourcesContent":["import * as React from \"react\";\nconst SvgExclamationTriangle = props => <svg id=\"Exclamation_Triangle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"14 11 14 14 13 14 13 17 11 17 11 14 10 14 10 11 14 11\" /><rect x={11} y={18} width={2} height={2} /><path d=\"m22,20v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1v-1h-2v1h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h-1v2h1v1h20v-1h1v-2h-1Zm-19,1v-1h1v-2h1v-2h1v-2h1v-2h1v-2h1v-2h1v-2h1v-2h2v2h1v2h1v2h1v2h1v2h1v2h1v2h1v2h1v1H3Z\" /></svg>;\nexport default SvgExclamationTriangle;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/exclamation-triangle.svg';\n\n/**\n * @component\n * @name ExclamationTriangle\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExclamationTriangle: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExclamationTriangle.displayName = 'ExclamationTriangle';\n\nexport default ExclamationTriangle;\n"]}

package/dist/icons/expand-solid.cjs

@@ -12,11 +12,25 @@ var SvgExpandSolid = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "Ex
 ] });
 var expand_solid_default = SvgExpandSolid;
 var ExpandSolid = react.forwardRef((props, ref) => {
+  const handleRef = react.useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     expand_solid_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/expand-solid.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/expand-solid.svg","../../src/icons/expand-solid.tsx"],"names":["jsxs","jsx","forwardRef","expand_solid_default"],"mappings":";;;;;;AACA,IAAM,cAAA,GAAiB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,QAAA,EAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,8CAAA,EAA+C,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,qCAAA,EAAsC,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C;AAAA,CAAA,EAAE,CAAA;AACvX,IAAO,oBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC7H,EAAA,uBACED,cAAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAOE,qBAAAA,GAAQ","file":"expand-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgExpandSolid = props => <svg id=\"Expand\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"9 20 9 23 2 23 2 22 1 22 1 15 4 15 4 20 9 20\" /><polygon points=\"9 1 9 4 4 4 4 9 1 9 1 2 2 2 2 1 9 1\" /><polygon points=\"23 15 23 22 22 22 22 23 15 23 15 20 20 20 20 15 23 15\" /><polygon points=\"23 2 23 9 20 9 20 4 15 4 15 1 22 1 22 2 23 2\" /></svg>;\nexport default SvgExpandSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/expand-solid.svg';\n\n/**\n * @component\n * @name ExpandSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExpandSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExpandSolid.displayName = 'ExpandSolid';\n\nexport default ExpandSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/expand-solid.svg","../../src/icons/expand-solid.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","expand_solid_default"],"mappings":";;;;;;AACA,IAAM,cAAA,GAAiB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,QAAA,EAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,8CAAA,EAA+C,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,qCAAA,EAAsC,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C;AAAA,CAAA,EAAE,CAAA;AACvX,IAAO,oBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC7H,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEF,cAAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAOG,qBAAAA,GAAQ","file":"expand-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgExpandSolid = props => <svg id=\"Expand\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"9 20 9 23 2 23 2 22 1 22 1 15 4 15 4 20 9 20\" /><polygon points=\"9 1 9 4 4 4 4 9 1 9 1 2 2 2 2 1 9 1\" /><polygon points=\"23 15 23 22 22 22 22 23 15 23 15 20 20 20 20 15 23 15\" /><polygon points=\"23 2 23 9 20 9 20 4 15 4 15 1 22 1 22 2 23 2\" /></svg>;\nexport default SvgExpandSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/expand-solid.svg';\n\n/**\n * @component\n * @name ExpandSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExpandSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExpandSolid.displayName = 'ExpandSolid';\n\nexport default ExpandSolid;\n"]}

package/dist/icons/expand-solid.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/expand-solid.tsx
@@ -10,11 +10,25 @@ var SvgExpandSolid = (props) => /* @__PURE__ */ jsxs("svg", { id: "Expand", xmln
 ] });
 var expand_solid_default = SvgExpandSolid;
 var ExpandSolid = forwardRef((props, ref) => {
+  const handleRef = useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsx(
     expand_solid_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/expand-solid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/expand-solid.svg","../../src/icons/expand-solid.tsx"],"names":["jsx","expand_solid_default"],"mappings":";;;;AACA,IAAM,cAAA,GAAiB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,QAAA,EAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,8CAAA,EAA+C,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,qCAAA,EAAsC,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C;AAAA,CAAA,EAAE,CAAA;AACvX,IAAO,oBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC7H,EAAA,uBACEA,GAAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAOC,qBAAAA,GAAQ","file":"expand-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgExpandSolid = props => <svg id=\"Expand\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"9 20 9 23 2 23 2 22 1 22 1 15 4 15 4 20 9 20\" /><polygon points=\"9 1 9 4 4 4 4 9 1 9 1 2 2 2 2 1 9 1\" /><polygon points=\"23 15 23 22 22 22 22 23 15 23 15 20 20 20 20 15 23 15\" /><polygon points=\"23 2 23 9 20 9 20 4 15 4 15 1 22 1 22 2 23 2\" /></svg>;\nexport default SvgExpandSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/expand-solid.svg';\n\n/**\n * @component\n * @name ExpandSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExpandSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExpandSolid.displayName = 'ExpandSolid';\n\nexport default ExpandSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/expand-solid.svg","../../src/icons/expand-solid.tsx"],"names":["jsx","expand_solid_default"],"mappings":";;;;AACA,IAAM,cAAA,GAAiB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,QAAA,EAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,8CAAA,EAA+C,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,qCAAA,EAAsC,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C;AAAA,CAAA,EAAE,CAAA;AACvX,IAAO,oBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC7H,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEA,GAAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAOC,qBAAAA,GAAQ","file":"expand-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgExpandSolid = props => <svg id=\"Expand\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"9 20 9 23 2 23 2 22 1 22 1 15 4 15 4 20 9 20\" /><polygon points=\"9 1 9 4 4 4 4 9 1 9 1 2 2 2 2 1 9 1\" /><polygon points=\"23 15 23 22 22 22 22 23 15 23 15 20 20 20 20 15 23 15\" /><polygon points=\"23 2 23 9 20 9 20 4 15 4 15 1 22 1 22 2 23 2\" /></svg>;\nexport default SvgExpandSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/expand-solid.svg';\n\n/**\n * @component\n * @name ExpandSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExpandSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExpandSolid.displayName = 'ExpandSolid';\n\nexport default ExpandSolid;\n"]}

package/dist/icons/expand.cjs

@@ -12,11 +12,25 @@ var SvgExpand = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "Expand"
 ] });
 var expand_default = SvgExpand;
 var Expand = react.forwardRef((props, ref) => {
+  const handleRef = react.useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     expand_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/expand.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/expand.svg","../../src/icons/expand.tsx"],"names":["jsxs","jsx","forwardRef","expand_default"],"mappings":";;;;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,QAAA,EAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,qCAAA,EAAsC,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C;AAAA,CAAA,EAAE,CAAA;AAClX,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,uBACED,cAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOE,eAAAA,GAAQ","file":"expand.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgExpand = props => <svg id=\"Expand\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"9 1 9 3 3 3 3 9 1 9 1 2 2 2 2 1 9 1\" /><polygon points=\"9 21 9 23 2 23 2 22 1 22 1 15 3 15 3 21 9 21\" /><polygon points=\"23 15 23 22 22 22 22 23 15 23 15 21 21 21 21 15 23 15\" /><polygon points=\"23 2 23 9 21 9 21 3 15 3 15 1 22 1 22 2 23 2\" /></svg>;\nexport default SvgExpand;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/expand.svg';\n\n/**\n * @component\n * @name Expand\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Expand: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExpand.displayName = 'Expand';\n\nexport default Expand;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/expand.svg","../../src/icons/expand.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","expand_default"],"mappings":";;;;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,QAAA,EAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,qCAAA,EAAsC,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C;AAAA,CAAA,EAAE,CAAA;AAClX,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEF,cAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOG,eAAAA,GAAQ","file":"expand.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgExpand = props => <svg id=\"Expand\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"9 1 9 3 3 3 3 9 1 9 1 2 2 2 2 1 9 1\" /><polygon points=\"9 21 9 23 2 23 2 22 1 22 1 15 3 15 3 21 9 21\" /><polygon points=\"23 15 23 22 22 22 22 23 15 23 15 21 21 21 21 15 23 15\" /><polygon points=\"23 2 23 9 21 9 21 3 15 3 15 1 22 1 22 2 23 2\" /></svg>;\nexport default SvgExpand;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/expand.svg';\n\n/**\n * @component\n * @name Expand\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Expand: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExpand.displayName = 'Expand';\n\nexport default Expand;\n"]}

package/dist/icons/expand.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/expand.tsx
@@ -10,11 +10,25 @@ var SvgExpand = (props) => /* @__PURE__ */ jsxs("svg", { id: "Expand", xmlns: "h
 ] });
 var expand_default = SvgExpand;
 var Expand = forwardRef((props, ref) => {
+  const handleRef = useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsx(
     expand_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/expand.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/expand.svg","../../src/icons/expand.tsx"],"names":["jsx","expand_default"],"mappings":";;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,QAAA,EAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,qCAAA,EAAsC,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C;AAAA,CAAA,EAAE,CAAA;AAClX,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,uBACEA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOC,eAAAA,GAAQ","file":"expand.js","sourcesContent":["import * as React from \"react\";\nconst SvgExpand = props => <svg id=\"Expand\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"9 1 9 3 3 3 3 9 1 9 1 2 2 2 2 1 9 1\" /><polygon points=\"9 21 9 23 2 23 2 22 1 22 1 15 3 15 3 21 9 21\" /><polygon points=\"23 15 23 22 22 22 22 23 15 23 15 21 21 21 21 15 23 15\" /><polygon points=\"23 2 23 9 21 9 21 3 15 3 15 1 22 1 22 2 23 2\" /></svg>;\nexport default SvgExpand;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/expand.svg';\n\n/**\n * @component\n * @name Expand\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Expand: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExpand.displayName = 'Expand';\n\nexport default Expand;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/expand.svg","../../src/icons/expand.tsx"],"names":["jsx","expand_default"],"mappings":";;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,QAAA,EAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,qCAAA,EAAsC,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C;AAAA,CAAA,EAAE,CAAA;AAClX,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOC,eAAAA,GAAQ","file":"expand.js","sourcesContent":["import * as React from \"react\";\nconst SvgExpand = props => <svg id=\"Expand\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"9 1 9 3 3 3 3 9 1 9 1 2 2 2 2 1 9 1\" /><polygon points=\"9 21 9 23 2 23 2 22 1 22 1 15 3 15 3 21 9 21\" /><polygon points=\"23 15 23 22 22 22 22 23 15 23 15 21 21 21 21 15 23 15\" /><polygon points=\"23 2 23 9 21 9 21 3 15 3 15 1 22 1 22 2 23 2\" /></svg>;\nexport default SvgExpand;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/expand.svg';\n\n/**\n * @component\n * @name Expand\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Expand: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExpand.displayName = 'Expand';\n\nexport default Expand;\n"]}

package/dist/icons/external-link-solid.cjs

@@ -10,11 +10,25 @@ var SvgExternalLinkSolid = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { i
 ] });
 var external_link_solid_default = SvgExternalLinkSolid;
 var ExternalLinkSolid = react.forwardRef((props, ref) => {
+  const handleRef = react.useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     external_link_solid_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/external-link-solid.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/external-link-solid.svg","../../src/icons/external-link-solid.tsx"],"names":["jsxs","jsx","forwardRef","external_link_solid_default"],"mappings":";;;;;;AACA,IAAM,oBAAA,GAAuB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,eAAA,EAAgB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,sUAAA,EAAuU,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,yFAAA,EAA0F;AAAA,CAAA,EAAE,CAAA;AACrkB,IAAO,2BAAA,GAAQ,oBAAA;ACaf,IAAM,iBAAA,GAA4DC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACnI,EAAA,uBACED,cAAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,IAAOE,4BAAAA,GAAQ","file":"external-link-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgExternalLinkSolid = props => <svg id=\"External_Link\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 1 23 9 21 9 21 8 20 8 20 7 19 7 19 8 18 8 18 9 17 9 17 10 16 10 16 11 15 11 15 12 14 12 14 13 13 13 13 14 12 14 12 15 11 15 11 16 10 16 10 17 9 17 9 18 8 18 8 17 7 17 7 16 6 16 6 15 7 15 7 14 8 14 8 13 9 13 9 12 10 12 10 11 11 11 11 10 12 10 12 9 13 9 13 8 14 8 14 7 15 7 15 6 16 6 16 5 17 5 17 4 16 4 16 3 15 3 15 1 23 1\" /><polygon points=\"20 15 20 22 19 22 19 23 2 23 2 22 1 22 1 5 2 5 2 4 11 4 11 7 4 7 4 20 17 20 17 15 20 15\" /></svg>;\nexport default SvgExternalLinkSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/external-link-solid.svg';\n\n/**\n * @component\n * @name ExternalLinkSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExternalLinkSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExternalLinkSolid.displayName = 'ExternalLinkSolid';\n\nexport default ExternalLinkSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/external-link-solid.svg","../../src/icons/external-link-solid.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","external_link_solid_default"],"mappings":";;;;;;AACA,IAAM,oBAAA,GAAuB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,eAAA,EAAgB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,sUAAA,EAAuU,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,yFAAA,EAA0F;AAAA,CAAA,EAAE,CAAA;AACrkB,IAAO,2BAAA,GAAQ,oBAAA;ACaf,IAAM,iBAAA,GAA4DC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACnI,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEF,cAAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,IAAOG,4BAAAA,GAAQ","file":"external-link-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgExternalLinkSolid = props => <svg id=\"External_Link\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 1 23 9 21 9 21 8 20 8 20 7 19 7 19 8 18 8 18 9 17 9 17 10 16 10 16 11 15 11 15 12 14 12 14 13 13 13 13 14 12 14 12 15 11 15 11 16 10 16 10 17 9 17 9 18 8 18 8 17 7 17 7 16 6 16 6 15 7 15 7 14 8 14 8 13 9 13 9 12 10 12 10 11 11 11 11 10 12 10 12 9 13 9 13 8 14 8 14 7 15 7 15 6 16 6 16 5 17 5 17 4 16 4 16 3 15 3 15 1 23 1\" /><polygon points=\"20 15 20 22 19 22 19 23 2 23 2 22 1 22 1 5 2 5 2 4 11 4 11 7 4 7 4 20 17 20 17 15 20 15\" /></svg>;\nexport default SvgExternalLinkSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/external-link-solid.svg';\n\n/**\n * @component\n * @name ExternalLinkSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExternalLinkSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExternalLinkSolid.displayName = 'ExternalLinkSolid';\n\nexport default ExternalLinkSolid;\n"]}

package/dist/icons/external-link-solid.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/external-link-solid.tsx
@@ -8,11 +8,25 @@ var SvgExternalLinkSolid = (props) => /* @__PURE__ */ jsxs("svg", { id: "Externa
 ] });
 var external_link_solid_default = SvgExternalLinkSolid;
 var ExternalLinkSolid = forwardRef((props, ref) => {
+  const handleRef = useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsx(
     external_link_solid_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/external-link-solid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/external-link-solid.svg","../../src/icons/external-link-solid.tsx"],"names":["jsx","external_link_solid_default"],"mappings":";;;;AACA,IAAM,oBAAA,GAAuB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,eAAA,EAAgB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,sUAAA,EAAuU,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,yFAAA,EAA0F;AAAA,CAAA,EAAE,CAAA;AACrkB,IAAO,2BAAA,GAAQ,oBAAA;ACaf,IAAM,iBAAA,GAA4D,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACnI,EAAA,uBACEA,GAAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,IAAOC,4BAAAA,GAAQ","file":"external-link-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgExternalLinkSolid = props => <svg id=\"External_Link\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 1 23 9 21 9 21 8 20 8 20 7 19 7 19 8 18 8 18 9 17 9 17 10 16 10 16 11 15 11 15 12 14 12 14 13 13 13 13 14 12 14 12 15 11 15 11 16 10 16 10 17 9 17 9 18 8 18 8 17 7 17 7 16 6 16 6 15 7 15 7 14 8 14 8 13 9 13 9 12 10 12 10 11 11 11 11 10 12 10 12 9 13 9 13 8 14 8 14 7 15 7 15 6 16 6 16 5 17 5 17 4 16 4 16 3 15 3 15 1 23 1\" /><polygon points=\"20 15 20 22 19 22 19 23 2 23 2 22 1 22 1 5 2 5 2 4 11 4 11 7 4 7 4 20 17 20 17 15 20 15\" /></svg>;\nexport default SvgExternalLinkSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/external-link-solid.svg';\n\n/**\n * @component\n * @name ExternalLinkSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExternalLinkSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExternalLinkSolid.displayName = 'ExternalLinkSolid';\n\nexport default ExternalLinkSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/external-link-solid.svg","../../src/icons/external-link-solid.tsx"],"names":["jsx","external_link_solid_default"],"mappings":";;;;AACA,IAAM,oBAAA,GAAuB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,eAAA,EAAgB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,sUAAA,EAAuU,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,yFAAA,EAA0F;AAAA,CAAA,EAAE,CAAA;AACrkB,IAAO,2BAAA,GAAQ,oBAAA;ACaf,IAAM,iBAAA,GAA4D,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACnI,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEA,GAAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,IAAOC,4BAAAA,GAAQ","file":"external-link-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgExternalLinkSolid = props => <svg id=\"External_Link\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 1 23 9 21 9 21 8 20 8 20 7 19 7 19 8 18 8 18 9 17 9 17 10 16 10 16 11 15 11 15 12 14 12 14 13 13 13 13 14 12 14 12 15 11 15 11 16 10 16 10 17 9 17 9 18 8 18 8 17 7 17 7 16 6 16 6 15 7 15 7 14 8 14 8 13 9 13 9 12 10 12 10 11 11 11 11 10 12 10 12 9 13 9 13 8 14 8 14 7 15 7 15 6 16 6 16 5 17 5 17 4 16 4 16 3 15 3 15 1 23 1\" /><polygon points=\"20 15 20 22 19 22 19 23 2 23 2 22 1 22 1 5 2 5 2 4 11 4 11 7 4 7 4 20 17 20 17 15 20 15\" /></svg>;\nexport default SvgExternalLinkSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/external-link-solid.svg';\n\n/**\n * @component\n * @name ExternalLinkSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExternalLinkSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExternalLinkSolid.displayName = 'ExternalLinkSolid';\n\nexport default ExternalLinkSolid;\n"]}

package/dist/icons/external-link.cjs

@@ -10,11 +10,25 @@ var SvgExternalLink = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "E
 ] });
 var external_link_default = SvgExternalLink;
 var ExternalLink = react.forwardRef((props, ref) => {
+  const handleRef = react.useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     external_link_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/external-link.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/external-link.svg","../../src/icons/external-link.tsx"],"names":["jsxs","jsx","forwardRef","external_link_default"],"mappings":";;;;;;AACA,IAAM,eAAA,GAAkB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,mBAAA,EAAoB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,yFAAA,EAA0F,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,kTAAA,EAAmT;AAAA,CAAA,EAAE,CAAA;AAChjB,IAAO,qBAAA,GAAQ,eAAA;ACaf,IAAM,YAAA,GAAuDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC9H,EAAA,uBACED,cAAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,IAAOE,sBAAAA,GAAQ","file":"external-link.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgExternalLink = props => <svg id=\"External_Link_Alt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"20 15 20 22 19 22 19 23 2 23 2 22 1 22 1 5 2 5 2 4 11 4 11 6 3 6 3 21 18 21 18 15 20 15\" /><polygon points=\"23 1 23 9 21 9 21 5 20 5 20 6 19 6 19 7 18 7 18 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 12 13 12 13 13 12 13 12 14 11 14 11 15 10 15 10 16 9 16 9 17 7 17 7 15 8 15 8 14 9 14 9 13 10 13 10 12 11 12 11 11 12 11 12 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 6 17 6 17 5 18 5 18 4 19 4 19 3 15 3 15 1 23 1\" /></svg>;\nexport default SvgExternalLink;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/external-link.svg';\n\n/**\n * @component\n * @name ExternalLink\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExternalLink: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExternalLink.displayName = 'ExternalLink';\n\nexport default ExternalLink;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/external-link.svg","../../src/icons/external-link.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","external_link_default"],"mappings":";;;;;;AACA,IAAM,eAAA,GAAkB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,mBAAA,EAAoB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,yFAAA,EAA0F,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,kTAAA,EAAmT;AAAA,CAAA,EAAE,CAAA;AAChjB,IAAO,qBAAA,GAAQ,eAAA;ACaf,IAAM,YAAA,GAAuDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC9H,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEF,cAAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,IAAOG,sBAAAA,GAAQ","file":"external-link.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgExternalLink = props => <svg id=\"External_Link_Alt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"20 15 20 22 19 22 19 23 2 23 2 22 1 22 1 5 2 5 2 4 11 4 11 6 3 6 3 21 18 21 18 15 20 15\" /><polygon points=\"23 1 23 9 21 9 21 5 20 5 20 6 19 6 19 7 18 7 18 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 12 13 12 13 13 12 13 12 14 11 14 11 15 10 15 10 16 9 16 9 17 7 17 7 15 8 15 8 14 9 14 9 13 10 13 10 12 11 12 11 11 12 11 12 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 6 17 6 17 5 18 5 18 4 19 4 19 3 15 3 15 1 23 1\" /></svg>;\nexport default SvgExternalLink;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/external-link.svg';\n\n/**\n * @component\n * @name ExternalLink\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExternalLink: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExternalLink.displayName = 'ExternalLink';\n\nexport default ExternalLink;\n"]}

package/dist/icons/external-link.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/external-link.tsx
@@ -8,11 +8,25 @@ var SvgExternalLink = (props) => /* @__PURE__ */ jsxs("svg", { id: "External_Lin
 ] });
 var external_link_default = SvgExternalLink;
 var ExternalLink = forwardRef((props, ref) => {
+  const handleRef = useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsx(
     external_link_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/external-link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/external-link.svg","../../src/icons/external-link.tsx"],"names":["jsx","external_link_default"],"mappings":";;;;AACA,IAAM,eAAA,GAAkB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,mBAAA,EAAoB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,yFAAA,EAA0F,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,kTAAA,EAAmT;AAAA,CAAA,EAAE,CAAA;AAChjB,IAAO,qBAAA,GAAQ,eAAA;ACaf,IAAM,YAAA,GAAuD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC9H,EAAA,uBACEA,GAAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,IAAOC,sBAAAA,GAAQ","file":"external-link.js","sourcesContent":["import * as React from \"react\";\nconst SvgExternalLink = props => <svg id=\"External_Link_Alt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"20 15 20 22 19 22 19 23 2 23 2 22 1 22 1 5 2 5 2 4 11 4 11 6 3 6 3 21 18 21 18 15 20 15\" /><polygon points=\"23 1 23 9 21 9 21 5 20 5 20 6 19 6 19 7 18 7 18 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 12 13 12 13 13 12 13 12 14 11 14 11 15 10 15 10 16 9 16 9 17 7 17 7 15 8 15 8 14 9 14 9 13 10 13 10 12 11 12 11 11 12 11 12 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 6 17 6 17 5 18 5 18 4 19 4 19 3 15 3 15 1 23 1\" /></svg>;\nexport default SvgExternalLink;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/external-link.svg';\n\n/**\n * @component\n * @name ExternalLink\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExternalLink: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExternalLink.displayName = 'ExternalLink';\n\nexport default ExternalLink;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/external-link.svg","../../src/icons/external-link.tsx"],"names":["jsx","external_link_default"],"mappings":";;;;AACA,IAAM,eAAA,GAAkB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,mBAAA,EAAoB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,yFAAA,EAA0F,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,kTAAA,EAAmT;AAAA,CAAA,EAAE,CAAA;AAChjB,IAAO,qBAAA,GAAQ,eAAA;ACaf,IAAM,YAAA,GAAuD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC9H,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEA,GAAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,IAAOC,sBAAAA,GAAQ","file":"external-link.js","sourcesContent":["import * as React from \"react\";\nconst SvgExternalLink = props => <svg id=\"External_Link_Alt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"20 15 20 22 19 22 19 23 2 23 2 22 1 22 1 5 2 5 2 4 11 4 11 6 3 6 3 21 18 21 18 15 20 15\" /><polygon points=\"23 1 23 9 21 9 21 5 20 5 20 6 19 6 19 7 18 7 18 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 12 13 12 13 13 12 13 12 14 11 14 11 15 10 15 10 16 9 16 9 17 7 17 7 15 8 15 8 14 9 14 9 13 10 13 10 12 11 12 11 11 12 11 12 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 6 17 6 17 5 18 5 18 4 19 4 19 3 15 3 15 1 23 1\" /></svg>;\nexport default SvgExternalLink;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/external-link.svg';\n\n/**\n * @component\n * @name ExternalLink\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst ExternalLink: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nExternalLink.displayName = 'ExternalLink';\n\nexport default ExternalLink;\n"]}

package/dist/icons/eye-cross-solid.cjs

@@ -17,11 +17,25 @@ var SvgEyeCrossSolid = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "
 ] });
 var eye_cross_solid_default = SvgEyeCrossSolid;
 var EyeCrossSolid = react.forwardRef((props, ref) => {
+  const handleRef = react.useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     eye_cross_solid_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/eye-cross-solid.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/eye-cross-solid.svg","../../src/icons/eye-cross-solid.tsx"],"names":["jsxs","jsx","forwardRef","eye_cross_solid_default"],"mappings":";;;;;;AACA,IAAM,gBAAA,GAAmB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,WAAA,EAAY,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,sLAAA,EAAuL,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0aAAA,EAA2a,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,mOAAA,EAAoO;AAAA,CAAA,EAAE,CAAA;AACpvC,IAAO,uBAAA,GAAQ,gBAAA;ACaf,IAAM,aAAA,GAAwDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC/H,EAAA,uBACED,cAAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,IAAOE,wBAAAA,GAAQ","file":"eye-cross-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgEyeCrossSolid = props => <svg id=\"Eye_Cross\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"2 13 1 13 1 11 2 11 2 9 3 9 3 8 4 8 4 7 5 7 5 6 7 6 7 5 15 5 15 6 14 6 14 7 13 7 13 6 11 6 11 7 9 7 9 8 8 8 8 9 7 9 7 11 6 11 6 13 7 13 7 14 6 14 6 15 5 15 5 16 3 16 3 15 2 15 2 13\" /><rect x={8} y={11} width={1} height={1} /><rect x={11} y={8} width={1} height={1} /><polygon points=\"9 17 8 17 8 18 7 18 7 19 6 19 6 20 5 20 5 21 4 21 4 22 3 22 3 21 2 21 2 20 3 20 3 19 4 19 4 18 5 18 5 17 6 17 6 16 7 16 7 15 8 15 8 14 9 14 9 13 10 13 10 12 11 12 11 11 12 11 12 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 6 17 6 17 5 18 5 18 4 19 4 19 3 20 3 20 2 21 2 21 3 22 3 22 4 21 4 21 5 20 5 20 6 19 6 19 7 18 7 18 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 12 13 12 13 13 12 13 12 14 11 14 11 15 10 15 10 16 9 16 9 17\" /><rect x={12} y={15} width={1} height={1} /><rect x={13} y={14} width={1} height={1} /><rect x={15} y={12} width={1} height={1} /><rect x={14} y={13} width={1} height={1} /><polygon points=\"23 11 23 13 22 13 22 15 21 15 21 16 20 16 20 17 19 17 19 18 17 18 17 19 9 19 9 18 10 18 10 17 11 17 11 18 13 18 13 17 15 17 15 16 16 16 16 15 17 15 17 13 18 13 18 11 17 11 17 10 18 10 18 9 19 9 19 8 21 8 21 9 22 9 22 11 23 11\" /></svg>;\nexport default SvgEyeCrossSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/eye-cross-solid.svg';\n\n/**\n * @component\n * @name EyeCrossSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst EyeCrossSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nEyeCrossSolid.displayName = 'EyeCrossSolid';\n\nexport default EyeCrossSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/eye-cross-solid.svg","../../src/icons/eye-cross-solid.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","eye_cross_solid_default"],"mappings":";;;;;;AACA,IAAM,gBAAA,GAAmB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,WAAA,EAAY,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,sLAAA,EAAuL,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0aAAA,EAA2a,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,mOAAA,EAAoO;AAAA,CAAA,EAAE,CAAA;AACpvC,IAAO,uBAAA,GAAQ,gBAAA;ACaf,IAAM,aAAA,GAAwDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC/H,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEF,cAAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,IAAOG,wBAAAA,GAAQ","file":"eye-cross-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgEyeCrossSolid = props => <svg id=\"Eye_Cross\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"2 13 1 13 1 11 2 11 2 9 3 9 3 8 4 8 4 7 5 7 5 6 7 6 7 5 15 5 15 6 14 6 14 7 13 7 13 6 11 6 11 7 9 7 9 8 8 8 8 9 7 9 7 11 6 11 6 13 7 13 7 14 6 14 6 15 5 15 5 16 3 16 3 15 2 15 2 13\" /><rect x={8} y={11} width={1} height={1} /><rect x={11} y={8} width={1} height={1} /><polygon points=\"9 17 8 17 8 18 7 18 7 19 6 19 6 20 5 20 5 21 4 21 4 22 3 22 3 21 2 21 2 20 3 20 3 19 4 19 4 18 5 18 5 17 6 17 6 16 7 16 7 15 8 15 8 14 9 14 9 13 10 13 10 12 11 12 11 11 12 11 12 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 6 17 6 17 5 18 5 18 4 19 4 19 3 20 3 20 2 21 2 21 3 22 3 22 4 21 4 21 5 20 5 20 6 19 6 19 7 18 7 18 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 12 13 12 13 13 12 13 12 14 11 14 11 15 10 15 10 16 9 16 9 17\" /><rect x={12} y={15} width={1} height={1} /><rect x={13} y={14} width={1} height={1} /><rect x={15} y={12} width={1} height={1} /><rect x={14} y={13} width={1} height={1} /><polygon points=\"23 11 23 13 22 13 22 15 21 15 21 16 20 16 20 17 19 17 19 18 17 18 17 19 9 19 9 18 10 18 10 17 11 17 11 18 13 18 13 17 15 17 15 16 16 16 16 15 17 15 17 13 18 13 18 11 17 11 17 10 18 10 18 9 19 9 19 8 21 8 21 9 22 9 22 11 23 11\" /></svg>;\nexport default SvgEyeCrossSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/eye-cross-solid.svg';\n\n/**\n * @component\n * @name EyeCrossSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst EyeCrossSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nEyeCrossSolid.displayName = 'EyeCrossSolid';\n\nexport default EyeCrossSolid;\n"]}