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

package/dist/icons/quote-right.cjs

@@ -9,29 +9,16 @@ var SvgQuoteRight = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "Quo
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m22,3v-1h-8v1h-1v8h1v1h5v4h-1v1h-2v1h-1v3h1v1h2v-1h2v-1h1v-1h1v-2h1V3h-1Zm-7,7v-6h6v7h-1v-1h-5Z" })
 ] });
 var quote_right_default = SvgQuoteRight;
-var QuoteRight = 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]);
+var QuoteRight = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     quote_right_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/quote-right.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/quote-right.svg","../../src/icons/quote-right.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","quote_right_default"],"mappings":";;;;;;AACA,IAAM,aAAA,GAAgB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,aAAA,EAAc,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,GAAE,+FAAA,EAAgG,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iGAAA,EAAkG;AAAA,CAAA,EAAE,CAAA;AAC7U,IAAO,mBAAA,GAAQ,aAAA;ACaf,IAAM,UAAA,GAAqDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC5H,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,mBAAA;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,UAAA,CAAW,WAAA,GAAc,YAAA;AAEzB,IAAOG,oBAAAA,GAAQ","file":"quote-right.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgQuoteRight = props => <svg id=\"Quote_Right\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m10,2H2v1h-1v8h1v1h5v4h-1v1h-2v1h-1v3h1v1h2v-1h2v-1h1v-1h1v-2h1V3h-1v-1Zm-1,9h-1v-1H3v-6h6v7Z\" /><path d=\"m22,3v-1h-8v1h-1v8h1v1h5v4h-1v1h-2v1h-1v3h1v1h2v-1h2v-1h1v-1h1v-2h1V3h-1Zm-7,7v-6h6v7h-1v-1h-5Z\" /></svg>;\nexport default SvgQuoteRight;","// 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/quote-right.svg';\n\n/**\n * @component\n * @name QuoteRight\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 QuoteRight: 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\nQuoteRight.displayName = 'QuoteRight';\n\nexport default QuoteRight;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/quote-right.svg","../../src/icons/quote-right.tsx"],"names":["jsxs","jsx","forwardRef","quote_right_default"],"mappings":";;;;;;AACA,IAAM,aAAA,GAAgB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,aAAA,EAAc,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,GAAE,+FAAA,EAAgG,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iGAAA,EAAkG;AAAA,CAAA,EAAE,CAAA;AAC7U,IAAO,mBAAA,GAAQ,aAAA;ACaf,IAAM,UAAA,GAAqDC,gBAAA,CAAmD,CAC5G,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACED,cAAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,cAAA;AAAA,QACN,KAAA;AAAA,QACA,GAAG;AAAA;AACL;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,UAAA,CAAW,WAAA,GAAc,YAAA;AAEzB,IAAOE,oBAAAA,GAAQ","file":"quote-right.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgQuoteRight = props => <svg id=\"Quote_Right\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m10,2H2v1h-1v8h1v1h5v4h-1v1h-2v1h-1v3h1v1h2v-1h2v-1h1v-1h1v-2h1V3h-1v-1Zm-1,9h-1v-1H3v-6h6v7Z\" /><path d=\"m22,3v-1h-8v1h-1v8h1v1h5v4h-1v1h-2v1h-1v3h1v1h2v-1h2v-1h1v-1h1v-2h1V3h-1Zm-7,7v-6h6v7h-1v-1h-5Z\" /></svg>;\nexport default SvgQuoteRight;","// 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/quote-right.svg';\n\n/**\n * @component\n * @name QuoteRight\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 QuoteRight: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', style, ...props },\n  ref\n) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        fill: 'currentColor',\n        color,\n        ...style,\n      }}\n    />\n  );\n});\n\nQuoteRight.displayName = 'QuoteRight';\n\nexport default QuoteRight;\n"]}

package/dist/icons/quote-right.js

@@ -1,4 +1,4 @@
-import { forwardRef, useCallback } from 'react';
+import { forwardRef } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/quote-right.tsx
@@ -7,29 +7,16 @@ var SvgQuoteRight = (props) => /* @__PURE__ */ jsxs("svg", { id: "Quote_Right",
   /* @__PURE__ */ jsx("path", { d: "m22,3v-1h-8v1h-1v8h1v1h5v4h-1v1h-2v1h-1v3h1v1h2v-1h2v-1h1v-1h1v-2h1V3h-1Zm-7,7v-6h6v7h-1v-1h-5Z" })
 ] });
 var quote_right_default = SvgQuoteRight;
-var QuoteRight = 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]);
+var QuoteRight = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     quote_right_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/quote-right.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/quote-right.svg","../../src/icons/quote-right.tsx"],"names":["jsx","quote_right_default"],"mappings":";;;;AACA,IAAM,aAAA,GAAgB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,aAAA,EAAc,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,+FAAA,EAAgG,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iGAAA,EAAkG;AAAA,CAAA,EAAE,CAAA;AAC7U,IAAO,mBAAA,GAAQ,aAAA;ACaf,IAAM,UAAA,GAAqD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC5H,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,mBAAA;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,UAAA,CAAW,WAAA,GAAc,YAAA;AAEzB,IAAOC,oBAAAA,GAAQ","file":"quote-right.js","sourcesContent":["import * as React from \"react\";\nconst SvgQuoteRight = props => <svg id=\"Quote_Right\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m10,2H2v1h-1v8h1v1h5v4h-1v1h-2v1h-1v3h1v1h2v-1h2v-1h1v-1h1v-2h1V3h-1v-1Zm-1,9h-1v-1H3v-6h6v7Z\" /><path d=\"m22,3v-1h-8v1h-1v8h1v1h5v4h-1v1h-2v1h-1v3h1v1h2v-1h2v-1h1v-1h1v-2h1V3h-1Zm-7,7v-6h6v7h-1v-1h-5Z\" /></svg>;\nexport default SvgQuoteRight;","// 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/quote-right.svg';\n\n/**\n * @component\n * @name QuoteRight\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 QuoteRight: 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\nQuoteRight.displayName = 'QuoteRight';\n\nexport default QuoteRight;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/quote-right.svg","../../src/icons/quote-right.tsx"],"names":["jsx","quote_right_default"],"mappings":";;;;AACA,IAAM,aAAA,GAAgB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,aAAA,EAAc,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,+FAAA,EAAgG,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iGAAA,EAAkG;AAAA,CAAA,EAAE,CAAA;AAC7U,IAAO,mBAAA,GAAQ,aAAA;ACaf,IAAM,UAAA,GAAqD,UAAA,CAAmD,CAC5G,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACEA,GAAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,cAAA;AAAA,QACN,KAAA;AAAA,QACA,GAAG;AAAA;AACL;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,UAAA,CAAW,WAAA,GAAc,YAAA;AAEzB,IAAOC,oBAAAA,GAAQ","file":"quote-right.js","sourcesContent":["import * as React from \"react\";\nconst SvgQuoteRight = props => <svg id=\"Quote_Right\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m10,2H2v1h-1v8h1v1h5v4h-1v1h-2v1h-1v3h1v1h2v-1h2v-1h1v-1h1v-2h1V3h-1v-1Zm-1,9h-1v-1H3v-6h6v7Z\" /><path d=\"m22,3v-1h-8v1h-1v8h1v1h5v4h-1v1h-2v1h-1v3h1v1h2v-1h2v-1h1v-1h1v-2h1V3h-1Zm-7,7v-6h6v7h-1v-1h-5Z\" /></svg>;\nexport default SvgQuoteRight;","// 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/quote-right.svg';\n\n/**\n * @component\n * @name QuoteRight\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 QuoteRight: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', style, ...props },\n  ref\n) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        fill: 'currentColor',\n        color,\n        ...style,\n      }}\n    />\n  );\n});\n\nQuoteRight.displayName = 'QuoteRight';\n\nexport default QuoteRight;\n"]}

package/dist/icons/receipt-solid.cjs

@@ -6,29 +6,16 @@ var jsxRuntime = require('react/jsx-runtime');
 // src/icons/receipt-solid.tsx
 var SvgReceiptSolid = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { id: "Receipt", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-1,8H6v-2h12v2Zm0,4H6v-2h12v2Zm0,4H6v-2h12v2Z" }) });
 var receipt_solid_default = SvgReceiptSolid;
-var ReceiptSolid = 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]);
+var ReceiptSolid = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     receipt_solid_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

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

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/receipt-solid.svg","../../src/icons/receipt-solid.tsx"],"names":["jsx","forwardRef","useCallback","receipt_solid_default"],"mappings":";;;;;;AACA,IAAM,kBAAkB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,WAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0LAAyL,CAAA,EAAE,CAAA;AACxT,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":"receipt-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgReceiptSolid = props => <svg id=\"Receipt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-1,8H6v-2h12v2Zm0,4H6v-2h12v2Zm0,4H6v-2h12v2Z\" /></svg>;\nexport default SvgReceiptSolid;","// 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/receipt-solid.svg';\n\n/**\n * @component\n * @name ReceiptSolid\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 ReceiptSolid: 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\nReceiptSolid.displayName = 'ReceiptSolid';\n\nexport default ReceiptSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/receipt-solid.svg","../../src/icons/receipt-solid.tsx"],"names":["jsx","forwardRef","receipt_solid_default"],"mappings":";;;;;;AACA,IAAM,kBAAkB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,WAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0LAAyL,CAAA,EAAE,CAAA;AACxT,IAAO,qBAAA,GAAQ,eAAA;ACaf,IAAM,YAAA,GAAuDC,gBAAA,CAAmD,CAC9G,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACED,cAAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,cAAA;AAAA,QACN,KAAA;AAAA,QACA,GAAG;AAAA;AACL;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,IAAOE,sBAAAA,GAAQ","file":"receipt-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgReceiptSolid = props => <svg id=\"Receipt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-1,8H6v-2h12v2Zm0,4H6v-2h12v2Zm0,4H6v-2h12v2Z\" /></svg>;\nexport default SvgReceiptSolid;","// 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/receipt-solid.svg';\n\n/**\n * @component\n * @name ReceiptSolid\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 ReceiptSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', style, ...props },\n  ref\n) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        fill: 'currentColor',\n        color,\n        ...style,\n      }}\n    />\n  );\n});\n\nReceiptSolid.displayName = 'ReceiptSolid';\n\nexport default ReceiptSolid;\n"]}

package/dist/icons/receipt-solid.js

@@ -1,32 +1,19 @@
-import { forwardRef, useCallback } from 'react';
+import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/icons/receipt-solid.tsx
 var SvgReceiptSolid = (props) => /* @__PURE__ */ jsx("svg", { id: "Receipt", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("path", { d: "m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-1,8H6v-2h12v2Zm0,4H6v-2h12v2Zm0,4H6v-2h12v2Z" }) });
 var receipt_solid_default = SvgReceiptSolid;
-var ReceiptSolid = 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]);
+var ReceiptSolid = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     receipt_solid_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

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

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/receipt-solid.svg","../../src/icons/receipt-solid.tsx"],"names":["jsx","receipt_solid_default"],"mappings":";;;;AACA,IAAM,kBAAkB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,WAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0LAAyL,CAAA,EAAE,CAAA;AACxT,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":"receipt-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgReceiptSolid = props => <svg id=\"Receipt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-1,8H6v-2h12v2Zm0,4H6v-2h12v2Zm0,4H6v-2h12v2Z\" /></svg>;\nexport default SvgReceiptSolid;","// 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/receipt-solid.svg';\n\n/**\n * @component\n * @name ReceiptSolid\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 ReceiptSolid: 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\nReceiptSolid.displayName = 'ReceiptSolid';\n\nexport default ReceiptSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/receipt-solid.svg","../../src/icons/receipt-solid.tsx"],"names":["jsx","receipt_solid_default"],"mappings":";;;;AACA,IAAM,kBAAkB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,WAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0LAAyL,CAAA,EAAE,CAAA;AACxT,IAAO,qBAAA,GAAQ,eAAA;ACaf,IAAM,YAAA,GAAuD,UAAA,CAAmD,CAC9G,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACEA,GAAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,cAAA;AAAA,QACN,KAAA;AAAA,QACA,GAAG;AAAA;AACL;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,IAAOC,sBAAAA,GAAQ","file":"receipt-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgReceiptSolid = props => <svg id=\"Receipt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-1,8H6v-2h12v2Zm0,4H6v-2h12v2Zm0,4H6v-2h12v2Z\" /></svg>;\nexport default SvgReceiptSolid;","// 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/receipt-solid.svg';\n\n/**\n * @component\n * @name ReceiptSolid\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 ReceiptSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', style, ...props },\n  ref\n) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        fill: 'currentColor',\n        color,\n        ...style,\n      }}\n    />\n  );\n});\n\nReceiptSolid.displayName = 'ReceiptSolid';\n\nexport default ReceiptSolid;\n"]}

package/dist/icons/receipt.cjs

@@ -11,29 +11,16 @@ var SvgReceipt = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "Receip
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-3,19v1h-2v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-1V5h1v-1h1v-1h2v1h1v1h2v-1h1v-1h2v1h1v1h1v14h-1v1h-1Z" })
 ] });
 var receipt_default = SvgReceipt;
-var Receipt = 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]);
+var Receipt = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     receipt_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/receipt.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/receipt.svg","../../src/icons/receipt.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","receipt_default"],"mappings":";;;;;;AACA,IAAM,UAAA,GAAa,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,GAAG,CAAA,EAAG,CAAA,EAAG,IAAI,KAAA,EAAO,EAAA,EAAI,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2OAAA,EAA4O;AAAA,CAAA,EAAE,CAAA;AACte,IAAO,eAAA,GAAQ,UAAA;ACaf,IAAM,OAAA,GAAkDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACzH,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,eAAA;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,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,IAAOG,gBAAAA,GAAQ","file":"receipt.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgReceipt = props => <svg id=\"Receipt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={7} y={15} width={10} height={2} /><rect x={7} y={11} width={10} height={2} /><rect x={7} y={7} width={10} height={2} /><path d=\"m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-3,19v1h-2v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-1V5h1v-1h1v-1h2v1h1v1h2v-1h1v-1h2v1h1v1h1v14h-1v1h-1Z\" /></svg>;\nexport default SvgReceipt;","// 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/receipt.svg';\n\n/**\n * @component\n * @name Receipt\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 Receipt: 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\nReceipt.displayName = 'Receipt';\n\nexport default Receipt;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/receipt.svg","../../src/icons/receipt.tsx"],"names":["jsxs","jsx","forwardRef","receipt_default"],"mappings":";;;;;;AACA,IAAM,UAAA,GAAa,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,GAAG,CAAA,EAAG,CAAA,EAAG,IAAI,KAAA,EAAO,EAAA,EAAI,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2OAAA,EAA4O;AAAA,CAAA,EAAE,CAAA;AACte,IAAO,eAAA,GAAQ,UAAA;ACaf,IAAM,OAAA,GAAkDC,gBAAA,CAAmD,CACzG,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACED,cAAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,cAAA;AAAA,QACN,KAAA;AAAA,QACA,GAAG;AAAA;AACL;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,IAAOE,gBAAAA,GAAQ","file":"receipt.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgReceipt = props => <svg id=\"Receipt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={7} y={15} width={10} height={2} /><rect x={7} y={11} width={10} height={2} /><rect x={7} y={7} width={10} height={2} /><path d=\"m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-3,19v1h-2v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-1V5h1v-1h1v-1h2v1h1v1h2v-1h1v-1h2v1h1v1h1v14h-1v1h-1Z\" /></svg>;\nexport default SvgReceipt;","// 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/receipt.svg';\n\n/**\n * @component\n * @name Receipt\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 Receipt: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', style, ...props },\n  ref\n) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        fill: 'currentColor',\n        color,\n        ...style,\n      }}\n    />\n  );\n});\n\nReceipt.displayName = 'Receipt';\n\nexport default Receipt;\n"]}

package/dist/icons/receipt.js

@@ -1,4 +1,4 @@
-import { forwardRef, useCallback } from 'react';
+import { forwardRef } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/receipt.tsx
@@ -9,29 +9,16 @@ var SvgReceipt = (props) => /* @__PURE__ */ jsxs("svg", { id: "Receipt", xmlns:
   /* @__PURE__ */ jsx("path", { d: "m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-3,19v1h-2v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-1V5h1v-1h1v-1h2v1h1v1h2v-1h1v-1h2v1h1v1h1v14h-1v1h-1Z" })
 ] });
 var receipt_default = SvgReceipt;
-var Receipt = 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]);
+var Receipt = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     receipt_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/receipt.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/receipt.svg","../../src/icons/receipt.tsx"],"names":["jsx","receipt_default"],"mappings":";;;;AACA,IAAM,UAAA,GAAa,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAG,CAAA,EAAG,CAAA,EAAG,IAAI,KAAA,EAAO,EAAA,EAAI,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2OAAA,EAA4O;AAAA,CAAA,EAAE,CAAA;AACte,IAAO,eAAA,GAAQ,UAAA;ACaf,IAAM,OAAA,GAAkD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACzH,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,eAAA;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,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,IAAOC,gBAAAA,GAAQ","file":"receipt.js","sourcesContent":["import * as React from \"react\";\nconst SvgReceipt = props => <svg id=\"Receipt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={7} y={15} width={10} height={2} /><rect x={7} y={11} width={10} height={2} /><rect x={7} y={7} width={10} height={2} /><path d=\"m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-3,19v1h-2v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-1V5h1v-1h1v-1h2v1h1v1h2v-1h1v-1h2v1h1v1h1v14h-1v1h-1Z\" /></svg>;\nexport default SvgReceipt;","// 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/receipt.svg';\n\n/**\n * @component\n * @name Receipt\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 Receipt: 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\nReceipt.displayName = 'Receipt';\n\nexport default Receipt;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/receipt.svg","../../src/icons/receipt.tsx"],"names":["jsx","receipt_default"],"mappings":";;;;AACA,IAAM,UAAA,GAAa,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAG,CAAA,EAAG,CAAA,EAAG,IAAI,KAAA,EAAO,EAAA,EAAI,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2OAAA,EAA4O;AAAA,CAAA,EAAE,CAAA;AACte,IAAO,eAAA,GAAQ,UAAA;ACaf,IAAM,OAAA,GAAkD,UAAA,CAAmD,CACzG,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACEA,GAAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,cAAA;AAAA,QACN,KAAA;AAAA,QACA,GAAG;AAAA;AACL;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,IAAOC,gBAAAA,GAAQ","file":"receipt.js","sourcesContent":["import * as React from \"react\";\nconst SvgReceipt = props => <svg id=\"Receipt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={7} y={15} width={10} height={2} /><rect x={7} y={11} width={10} height={2} /><rect x={7} y={7} width={10} height={2} /><path d=\"m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-3,19v1h-2v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-1V5h1v-1h1v-1h2v1h1v1h2v-1h1v-1h2v1h1v1h1v14h-1v1h-1Z\" /></svg>;\nexport default SvgReceipt;","// 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/receipt.svg';\n\n/**\n * @component\n * @name Receipt\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 Receipt: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', style, ...props },\n  ref\n) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        fill: 'currentColor',\n        color,\n        ...style,\n      }}\n    />\n  );\n});\n\nReceipt.displayName = 'Receipt';\n\nexport default Receipt;\n"]}

package/dist/icons/reddit.cjs

@@ -13,29 +13,16 @@ var SvgReddit = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "Reddit"
   /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 10, y: 16, width: 4, height: 1 })
 ] });
 var reddit_default = SvgReddit;
-var Reddit = 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]);
+var Reddit = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     reddit_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/reddit.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/reddit.svg","../../src/icons/reddit.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","reddit_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,MAAA,EAAA,EAAK,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,KAAA,EAAO,CAAA,EAAG,QAAQ,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,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,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,MAAA,EAAA,EAAK,CAAA,EAAE,yPAAA,EAA0P,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG;AAAA,CAAA,EAAE,CAAA;AACvkB,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":"reddit.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgReddit = props => <svg id=\"Reddit\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={14} y={15} width={1} height={1} /><rect x={13} y={12} width={2} height={2} /><rect x={9} y={12} width={2} height={2} /><rect x={9} y={15} width={1} height={1} /><path d=\"m22,9v-2h-1v-2h-1v-1h-1v-1h-2v-1h-2v-1h-6v1h-2v1h-2v1h-1v1h-1v2h-1v2h-1v6h1v2h1v2h1v1h1v1h2v1h2v1h6v-1h2v-1h2v-1h1v-1h1v-2h1v-2h1v-6h-1Zm-3,5h-1v1h-1v2h-1v1h-2v1h-4v-1h-2v-1h-1v-3h-1v-1h-1v-2h1v-1h2v1h1v-1h3v-5h2v1h3v2h-2v-1h-2v3h2v1h1v-1h2v1h1v3Z\" /><rect x={10} y={16} width={4} height={1} /></svg>;\nexport default SvgReddit;","// 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/brands/reddit.svg';\n\n/**\n * @component\n * @name Reddit\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 Reddit: 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\nReddit.displayName = 'Reddit';\n\nexport default Reddit;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/reddit.svg","../../src/icons/reddit.tsx"],"names":["jsxs","jsx","forwardRef","reddit_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,MAAA,EAAA,EAAK,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,KAAA,EAAO,CAAA,EAAG,QAAQ,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,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,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,MAAA,EAAA,EAAK,CAAA,EAAE,yPAAA,EAA0P,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG;AAAA,CAAA,EAAE,CAAA;AACvkB,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiDC,gBAAA,CAAmD,CACxG,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACED,cAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,cAAA;AAAA,QACN,KAAA;AAAA,QACA,GAAG;AAAA;AACL;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOE,eAAAA,GAAQ","file":"reddit.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgReddit = props => <svg id=\"Reddit\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={14} y={15} width={1} height={1} /><rect x={13} y={12} width={2} height={2} /><rect x={9} y={12} width={2} height={2} /><rect x={9} y={15} width={1} height={1} /><path d=\"m22,9v-2h-1v-2h-1v-1h-1v-1h-2v-1h-2v-1h-6v1h-2v1h-2v1h-1v1h-1v2h-1v2h-1v6h1v2h1v2h1v1h1v1h2v1h2v1h6v-1h2v-1h2v-1h1v-1h1v-2h1v-2h1v-6h-1Zm-3,5h-1v1h-1v2h-1v1h-2v1h-4v-1h-2v-1h-1v-3h-1v-1h-1v-2h1v-1h2v1h1v-1h3v-5h2v1h3v2h-2v-1h-2v3h2v1h1v-1h2v1h1v3Z\" /><rect x={10} y={16} width={4} height={1} /></svg>;\nexport default SvgReddit;","// 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/brands/reddit.svg';\n\n/**\n * @component\n * @name Reddit\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 Reddit: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', style, ...props },\n  ref\n) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        fill: 'currentColor',\n        color,\n        ...style,\n      }}\n    />\n  );\n});\n\nReddit.displayName = 'Reddit';\n\nexport default Reddit;\n"]}

package/dist/icons/reddit.js

@@ -1,4 +1,4 @@
-import { forwardRef, useCallback } from 'react';
+import { forwardRef } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/reddit.tsx
@@ -11,29 +11,16 @@ var SvgReddit = (props) => /* @__PURE__ */ jsxs("svg", { id: "Reddit", xmlns: "h
   /* @__PURE__ */ jsx("rect", { x: 10, y: 16, width: 4, height: 1 })
 ] });
 var reddit_default = SvgReddit;
-var Reddit = 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]);
+var Reddit = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     reddit_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/reddit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/reddit.svg","../../src/icons/reddit.tsx"],"names":["jsx","reddit_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,MAAA,EAAA,EAAK,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAG,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,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,yPAAA,EAA0P,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG;AAAA,CAAA,EAAE,CAAA;AACvkB,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":"reddit.js","sourcesContent":["import * as React from \"react\";\nconst SvgReddit = props => <svg id=\"Reddit\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={14} y={15} width={1} height={1} /><rect x={13} y={12} width={2} height={2} /><rect x={9} y={12} width={2} height={2} /><rect x={9} y={15} width={1} height={1} /><path d=\"m22,9v-2h-1v-2h-1v-1h-1v-1h-2v-1h-2v-1h-6v1h-2v1h-2v1h-1v1h-1v2h-1v2h-1v6h1v2h1v2h1v1h1v1h2v1h2v1h6v-1h2v-1h2v-1h1v-1h1v-2h1v-2h1v-6h-1Zm-3,5h-1v1h-1v2h-1v1h-2v1h-4v-1h-2v-1h-1v-3h-1v-1h-1v-2h1v-1h2v1h1v-1h3v-5h2v1h3v2h-2v-1h-2v3h2v1h1v-1h2v1h1v3Z\" /><rect x={10} y={16} width={4} height={1} /></svg>;\nexport default SvgReddit;","// 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/brands/reddit.svg';\n\n/**\n * @component\n * @name Reddit\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 Reddit: 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\nReddit.displayName = 'Reddit';\n\nexport default Reddit;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/reddit.svg","../../src/icons/reddit.tsx"],"names":["jsx","reddit_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,MAAA,EAAA,EAAK,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAG,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,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,yPAAA,EAA0P,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG;AAAA,CAAA,EAAE,CAAA;AACvkB,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiD,UAAA,CAAmD,CACxG,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACEA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,cAAA;AAAA,QACN,KAAA;AAAA,QACA,GAAG;AAAA;AACL;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOC,eAAAA,GAAQ","file":"reddit.js","sourcesContent":["import * as React from \"react\";\nconst SvgReddit = props => <svg id=\"Reddit\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={14} y={15} width={1} height={1} /><rect x={13} y={12} width={2} height={2} /><rect x={9} y={12} width={2} height={2} /><rect x={9} y={15} width={1} height={1} /><path d=\"m22,9v-2h-1v-2h-1v-1h-1v-1h-2v-1h-2v-1h-6v1h-2v1h-2v1h-1v1h-1v2h-1v2h-1v6h1v2h1v2h1v1h1v1h2v1h2v1h6v-1h2v-1h2v-1h1v-1h1v-2h1v-2h1v-6h-1Zm-3,5h-1v1h-1v2h-1v1h-2v1h-4v-1h-2v-1h-1v-3h-1v-1h-1v-2h1v-1h2v1h1v-1h3v-5h2v1h3v2h-2v-1h-2v3h2v1h1v-1h2v1h1v3Z\" /><rect x={10} y={16} width={4} height={1} /></svg>;\nexport default SvgReddit;","// 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/brands/reddit.svg';\n\n/**\n * @component\n * @name Reddit\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 Reddit: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', style, ...props },\n  ref\n) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        fill: 'currentColor',\n        color,\n        ...style,\n      }}\n    />\n  );\n});\n\nReddit.displayName = 'Reddit';\n\nexport default Reddit;\n"]}

package/dist/icons/refresh-solid.cjs

@@ -9,29 +9,16 @@ var SvgRefreshSolid = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "R
   /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "23 2 23 10 15 10 15 9 16 9 16 8 17 8 17 6 16 6 16 5 14 5 14 4 10 4 10 5 8 5 8 6 7 6 7 7 6 7 6 9 5 9 5 10 1 10 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 21 4 21 3 22 3 22 2 23 2" })
 ] });
 var refresh_solid_default = SvgRefreshSolid;
-var RefreshSolid = 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]);
+var RefreshSolid = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     refresh_solid_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

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

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/refresh-solid.svg","../../src/icons/refresh-solid.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","refresh_solid_default"],"mappings":";;;;;;AACA,IAAM,eAAA,GAAkB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uQAAA,EAAwQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0NAAA,EAA2N;AAAA,CAAA,EAAE,CAAA;AAC5nB,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":"refresh-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgRefreshSolid = props => <svg id=\"Refresh\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 14 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 17 21 17 22 15 22 15 23 9 23 9 22 7 22 7 21 5 21 5 20 3 20 3 21 2 21 2 22 1 22 1 14 9 14 9 15 8 15 8 16 7 16 7 18 8 18 8 19 10 19 10 20 14 20 14 19 16 19 16 18 17 18 17 17 18 17 18 15 19 15 19 14 23 14\" /><polygon points=\"23 2 23 10 15 10 15 9 16 9 16 8 17 8 17 6 16 6 16 5 14 5 14 4 10 4 10 5 8 5 8 6 7 6 7 7 6 7 6 9 5 9 5 10 1 10 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 21 4 21 3 22 3 22 2 23 2\" /></svg>;\nexport default SvgRefreshSolid;","// 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/refresh-solid.svg';\n\n/**\n * @component\n * @name RefreshSolid\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 RefreshSolid: 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\nRefreshSolid.displayName = 'RefreshSolid';\n\nexport default RefreshSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/refresh-solid.svg","../../src/icons/refresh-solid.tsx"],"names":["jsxs","jsx","forwardRef","refresh_solid_default"],"mappings":";;;;;;AACA,IAAM,eAAA,GAAkB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uQAAA,EAAwQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0NAAA,EAA2N;AAAA,CAAA,EAAE,CAAA;AAC5nB,IAAO,qBAAA,GAAQ,eAAA;ACaf,IAAM,YAAA,GAAuDC,gBAAA,CAAmD,CAC9G,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACED,cAAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,cAAA;AAAA,QACN,KAAA;AAAA,QACA,GAAG;AAAA;AACL;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,IAAOE,sBAAAA,GAAQ","file":"refresh-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgRefreshSolid = props => <svg id=\"Refresh\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 14 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 17 21 17 22 15 22 15 23 9 23 9 22 7 22 7 21 5 21 5 20 3 20 3 21 2 21 2 22 1 22 1 14 9 14 9 15 8 15 8 16 7 16 7 18 8 18 8 19 10 19 10 20 14 20 14 19 16 19 16 18 17 18 17 17 18 17 18 15 19 15 19 14 23 14\" /><polygon points=\"23 2 23 10 15 10 15 9 16 9 16 8 17 8 17 6 16 6 16 5 14 5 14 4 10 4 10 5 8 5 8 6 7 6 7 7 6 7 6 9 5 9 5 10 1 10 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 21 4 21 3 22 3 22 2 23 2\" /></svg>;\nexport default SvgRefreshSolid;","// 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/refresh-solid.svg';\n\n/**\n * @component\n * @name RefreshSolid\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 RefreshSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', style, ...props },\n  ref\n) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        fill: 'currentColor',\n        color,\n        ...style,\n      }}\n    />\n  );\n});\n\nRefreshSolid.displayName = 'RefreshSolid';\n\nexport default RefreshSolid;\n"]}

package/dist/icons/refresh-solid.js

@@ -1,4 +1,4 @@
-import { forwardRef, useCallback } from 'react';
+import { forwardRef } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/refresh-solid.tsx
@@ -7,29 +7,16 @@ var SvgRefreshSolid = (props) => /* @__PURE__ */ jsxs("svg", { id: "Refresh", xm
   /* @__PURE__ */ jsx("polygon", { points: "23 2 23 10 15 10 15 9 16 9 16 8 17 8 17 6 16 6 16 5 14 5 14 4 10 4 10 5 8 5 8 6 7 6 7 7 6 7 6 9 5 9 5 10 1 10 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 21 4 21 3 22 3 22 2 23 2" })
 ] });
 var refresh_solid_default = SvgRefreshSolid;
-var RefreshSolid = 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]);
+var RefreshSolid = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     refresh_solid_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

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

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/refresh-solid.svg","../../src/icons/refresh-solid.tsx"],"names":["jsx","refresh_solid_default"],"mappings":";;;;AACA,IAAM,eAAA,GAAkB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uQAAA,EAAwQ,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0NAAA,EAA2N;AAAA,CAAA,EAAE,CAAA;AAC5nB,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":"refresh-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgRefreshSolid = props => <svg id=\"Refresh\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 14 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 17 21 17 22 15 22 15 23 9 23 9 22 7 22 7 21 5 21 5 20 3 20 3 21 2 21 2 22 1 22 1 14 9 14 9 15 8 15 8 16 7 16 7 18 8 18 8 19 10 19 10 20 14 20 14 19 16 19 16 18 17 18 17 17 18 17 18 15 19 15 19 14 23 14\" /><polygon points=\"23 2 23 10 15 10 15 9 16 9 16 8 17 8 17 6 16 6 16 5 14 5 14 4 10 4 10 5 8 5 8 6 7 6 7 7 6 7 6 9 5 9 5 10 1 10 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 21 4 21 3 22 3 22 2 23 2\" /></svg>;\nexport default SvgRefreshSolid;","// 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/refresh-solid.svg';\n\n/**\n * @component\n * @name RefreshSolid\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 RefreshSolid: 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\nRefreshSolid.displayName = 'RefreshSolid';\n\nexport default RefreshSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/refresh-solid.svg","../../src/icons/refresh-solid.tsx"],"names":["jsx","refresh_solid_default"],"mappings":";;;;AACA,IAAM,eAAA,GAAkB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uQAAA,EAAwQ,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0NAAA,EAA2N;AAAA,CAAA,EAAE,CAAA;AAC5nB,IAAO,qBAAA,GAAQ,eAAA;ACaf,IAAM,YAAA,GAAuD,UAAA,CAAmD,CAC9G,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACEA,GAAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,cAAA;AAAA,QACN,KAAA;AAAA,QACA,GAAG;AAAA;AACL;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,IAAOC,sBAAAA,GAAQ","file":"refresh-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgRefreshSolid = props => <svg id=\"Refresh\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 14 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 17 21 17 22 15 22 15 23 9 23 9 22 7 22 7 21 5 21 5 20 3 20 3 21 2 21 2 22 1 22 1 14 9 14 9 15 8 15 8 16 7 16 7 18 8 18 8 19 10 19 10 20 14 20 14 19 16 19 16 18 17 18 17 17 18 17 18 15 19 15 19 14 23 14\" /><polygon points=\"23 2 23 10 15 10 15 9 16 9 16 8 17 8 17 6 16 6 16 5 14 5 14 4 10 4 10 5 8 5 8 6 7 6 7 7 6 7 6 9 5 9 5 10 1 10 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 21 4 21 3 22 3 22 2 23 2\" /></svg>;\nexport default SvgRefreshSolid;","// 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/refresh-solid.svg';\n\n/**\n * @component\n * @name RefreshSolid\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 RefreshSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', style, ...props },\n  ref\n) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        fill: 'currentColor',\n        color,\n        ...style,\n      }}\n    />\n  );\n});\n\nRefreshSolid.displayName = 'RefreshSolid';\n\nexport default RefreshSolid;\n"]}