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

package/dist/icons/angle-down-solid.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/angle-down-solid.svg","../../src/icons/angle-down-solid.tsx"],"names":["jsx","forwardRef","useCallback","angle_down_solid_default"],"mappings":";;;;;;AACA,IAAM,oBAAoB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,mTAAkT,CAAA,EAAE,CAAA;AAC9b,IAAO,wBAAA,GAAQ,iBAAA;ACaf,IAAM,cAAA,GAAyDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAChI,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,wBAAA;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,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,IAAOG,yBAAAA,GAAQ","file":"angle-down-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgAngleDownSolid = props => <svg id=\"Angle_Down\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"5 7 7 7 7 8 8 8 8 9 9 9 9 10 10 10 10 11 11 11 11 12 13 12 13 11 14 11 14 10 15 10 15 9 16 9 16 8 17 8 17 7 19 7 19 8 20 8 20 10 19 10 19 11 18 11 18 12 17 12 17 13 16 13 16 14 15 14 15 15 14 15 14 16 13 16 13 17 11 17 11 16 10 16 10 15 9 15 9 14 8 14 8 13 7 13 7 12 6 12 6 11 5 11 5 10 4 10 4 8 5 8 5 7\" /></svg>;\nexport default SvgAngleDownSolid;","// 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/angle-down-solid.svg';\n\n/**\n * @component\n * @name AngleDownSolid\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 AngleDownSolid: 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\nAngleDownSolid.displayName = 'AngleDownSolid';\n\nexport default AngleDownSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/angle-down-solid.svg","../../src/icons/angle-down-solid.tsx"],"names":["jsx","forwardRef","angle_down_solid_default"],"mappings":";;;;;;AACA,IAAM,oBAAoB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,mTAAkT,CAAA,EAAE,CAAA;AAC9b,IAAO,wBAAA,GAAQ,iBAAA;ACaf,IAAM,cAAA,GAAyDC,gBAAA,CAAmD,CAChH,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACED,cAAAA;AAAA,IAAC,wBAAA;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,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,IAAOE,yBAAAA,GAAQ","file":"angle-down-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgAngleDownSolid = props => <svg id=\"Angle_Down\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"5 7 7 7 7 8 8 8 8 9 9 9 9 10 10 10 10 11 11 11 11 12 13 12 13 11 14 11 14 10 15 10 15 9 16 9 16 8 17 8 17 7 19 7 19 8 20 8 20 10 19 10 19 11 18 11 18 12 17 12 17 13 16 13 16 14 15 14 15 15 14 15 14 16 13 16 13 17 11 17 11 16 10 16 10 15 9 15 9 14 8 14 8 13 7 13 7 12 6 12 6 11 5 11 5 10 4 10 4 8 5 8 5 7\" /></svg>;\nexport default SvgAngleDownSolid;","// 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/angle-down-solid.svg';\n\n/**\n * @component\n * @name AngleDownSolid\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 AngleDownSolid: 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\nAngleDownSolid.displayName = 'AngleDownSolid';\n\nexport default AngleDownSolid;\n"]}

package/dist/icons/angle-down-solid.js

@@ -1,32 +1,19 @@
-import { forwardRef, useCallback } from 'react';
+import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/icons/angle-down-solid.tsx
 var SvgAngleDownSolid = (props) => /* @__PURE__ */ jsx("svg", { id: "Angle_Down", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("polygon", { points: "5 7 7 7 7 8 8 8 8 9 9 9 9 10 10 10 10 11 11 11 11 12 13 12 13 11 14 11 14 10 15 10 15 9 16 9 16 8 17 8 17 7 19 7 19 8 20 8 20 10 19 10 19 11 18 11 18 12 17 12 17 13 16 13 16 14 15 14 15 15 14 15 14 16 13 16 13 17 11 17 11 16 10 16 10 15 9 15 9 14 8 14 8 13 7 13 7 12 6 12 6 11 5 11 5 10 4 10 4 8 5 8 5 7" }) });
 var angle_down_solid_default = SvgAngleDownSolid;
-var AngleDownSolid = 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 AngleDownSolid = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     angle_down_solid_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/angle-down-solid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/angle-down-solid.svg","../../src/icons/angle-down-solid.tsx"],"names":["jsx","angle_down_solid_default"],"mappings":";;;;AACA,IAAM,oBAAoB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,mTAAkT,CAAA,EAAE,CAAA;AAC9b,IAAO,wBAAA,GAAQ,iBAAA;ACaf,IAAM,cAAA,GAAyD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAChI,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,wBAAA;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,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,IAAOC,yBAAAA,GAAQ","file":"angle-down-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgAngleDownSolid = props => <svg id=\"Angle_Down\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"5 7 7 7 7 8 8 8 8 9 9 9 9 10 10 10 10 11 11 11 11 12 13 12 13 11 14 11 14 10 15 10 15 9 16 9 16 8 17 8 17 7 19 7 19 8 20 8 20 10 19 10 19 11 18 11 18 12 17 12 17 13 16 13 16 14 15 14 15 15 14 15 14 16 13 16 13 17 11 17 11 16 10 16 10 15 9 15 9 14 8 14 8 13 7 13 7 12 6 12 6 11 5 11 5 10 4 10 4 8 5 8 5 7\" /></svg>;\nexport default SvgAngleDownSolid;","// 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/angle-down-solid.svg';\n\n/**\n * @component\n * @name AngleDownSolid\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 AngleDownSolid: 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\nAngleDownSolid.displayName = 'AngleDownSolid';\n\nexport default AngleDownSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/angle-down-solid.svg","../../src/icons/angle-down-solid.tsx"],"names":["jsx","angle_down_solid_default"],"mappings":";;;;AACA,IAAM,oBAAoB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,mTAAkT,CAAA,EAAE,CAAA;AAC9b,IAAO,wBAAA,GAAQ,iBAAA;ACaf,IAAM,cAAA,GAAyD,UAAA,CAAmD,CAChH,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACEA,GAAAA;AAAA,IAAC,wBAAA;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,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,IAAOC,yBAAAA,GAAQ","file":"angle-down-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgAngleDownSolid = props => <svg id=\"Angle_Down\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"5 7 7 7 7 8 8 8 8 9 9 9 9 10 10 10 10 11 11 11 11 12 13 12 13 11 14 11 14 10 15 10 15 9 16 9 16 8 17 8 17 7 19 7 19 8 20 8 20 10 19 10 19 11 18 11 18 12 17 12 17 13 16 13 16 14 15 14 15 15 14 15 14 16 13 16 13 17 11 17 11 16 10 16 10 15 9 15 9 14 8 14 8 13 7 13 7 12 6 12 6 11 5 11 5 10 4 10 4 8 5 8 5 7\" /></svg>;\nexport default SvgAngleDownSolid;","// 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/angle-down-solid.svg';\n\n/**\n * @component\n * @name AngleDownSolid\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 AngleDownSolid: 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\nAngleDownSolid.displayName = 'AngleDownSolid';\n\nexport default AngleDownSolid;\n"]}

package/dist/icons/angle-down.cjs

@@ -6,29 +6,16 @@ var jsxRuntime = require('react/jsx-runtime');
 // src/icons/angle-down.tsx
 var SvgAngleDown = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { id: "Angle_Down", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "20 8 20 9 19 9 19 10 18 10 18 11 17 11 17 12 16 12 16 13 15 13 15 14 14 14 14 15 13 15 13 16 11 16 11 15 10 15 10 14 9 14 9 13 8 13 8 12 7 12 7 11 6 11 6 10 5 10 5 9 4 9 4 8 5 8 5 7 6 7 6 8 7 8 7 9 8 9 8 10 9 10 9 11 10 11 10 12 11 12 11 13 13 13 13 12 14 12 14 11 15 11 15 10 16 10 16 9 17 9 17 8 18 8 18 7 19 7 19 8 20 8" }) });
 var angle_down_default = SvgAngleDown;
-var AngleDown = 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 AngleDown = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     angle_down_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/angle-down.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/angle-down.svg","../../src/icons/angle-down.tsx"],"names":["jsx","forwardRef","useCallback","angle_down_default"],"mappings":";;;;;;AACA,IAAM,eAAe,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,sUAAqU,CAAA,EAAE,CAAA;AAC5c,IAAO,kBAAA,GAAQ,YAAA;ACaf,IAAM,SAAA,GAAoDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC3H,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,kBAAA;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,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAOG,mBAAAA,GAAQ","file":"angle-down.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgAngleDown = props => <svg id=\"Angle_Down\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"20 8 20 9 19 9 19 10 18 10 18 11 17 11 17 12 16 12 16 13 15 13 15 14 14 14 14 15 13 15 13 16 11 16 11 15 10 15 10 14 9 14 9 13 8 13 8 12 7 12 7 11 6 11 6 10 5 10 5 9 4 9 4 8 5 8 5 7 6 7 6 8 7 8 7 9 8 9 8 10 9 10 9 11 10 11 10 12 11 12 11 13 13 13 13 12 14 12 14 11 15 11 15 10 16 10 16 9 17 9 17 8 18 8 18 7 19 7 19 8 20 8\" /></svg>;\nexport default SvgAngleDown;","// 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/angle-down.svg';\n\n/**\n * @component\n * @name AngleDown\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 AngleDown: 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\nAngleDown.displayName = 'AngleDown';\n\nexport default AngleDown;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/angle-down.svg","../../src/icons/angle-down.tsx"],"names":["jsx","forwardRef","angle_down_default"],"mappings":";;;;;;AACA,IAAM,eAAe,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,sUAAqU,CAAA,EAAE,CAAA;AAC5c,IAAO,kBAAA,GAAQ,YAAA;ACaf,IAAM,SAAA,GAAoDC,gBAAA,CAAmD,CAC3G,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACED,cAAAA;AAAA,IAAC,kBAAA;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,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAOE,mBAAAA,GAAQ","file":"angle-down.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgAngleDown = props => <svg id=\"Angle_Down\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"20 8 20 9 19 9 19 10 18 10 18 11 17 11 17 12 16 12 16 13 15 13 15 14 14 14 14 15 13 15 13 16 11 16 11 15 10 15 10 14 9 14 9 13 8 13 8 12 7 12 7 11 6 11 6 10 5 10 5 9 4 9 4 8 5 8 5 7 6 7 6 8 7 8 7 9 8 9 8 10 9 10 9 11 10 11 10 12 11 12 11 13 13 13 13 12 14 12 14 11 15 11 15 10 16 10 16 9 17 9 17 8 18 8 18 7 19 7 19 8 20 8\" /></svg>;\nexport default SvgAngleDown;","// 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/angle-down.svg';\n\n/**\n * @component\n * @name AngleDown\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 AngleDown: 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\nAngleDown.displayName = 'AngleDown';\n\nexport default AngleDown;\n"]}

package/dist/icons/angle-down.js

@@ -1,32 +1,19 @@
-import { forwardRef, useCallback } from 'react';
+import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/icons/angle-down.tsx
 var SvgAngleDown = (props) => /* @__PURE__ */ jsx("svg", { id: "Angle_Down", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("polygon", { points: "20 8 20 9 19 9 19 10 18 10 18 11 17 11 17 12 16 12 16 13 15 13 15 14 14 14 14 15 13 15 13 16 11 16 11 15 10 15 10 14 9 14 9 13 8 13 8 12 7 12 7 11 6 11 6 10 5 10 5 9 4 9 4 8 5 8 5 7 6 7 6 8 7 8 7 9 8 9 8 10 9 10 9 11 10 11 10 12 11 12 11 13 13 13 13 12 14 12 14 11 15 11 15 10 16 10 16 9 17 9 17 8 18 8 18 7 19 7 19 8 20 8" }) });
 var angle_down_default = SvgAngleDown;
-var AngleDown = 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 AngleDown = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     angle_down_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/angle-down.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/angle-down.svg","../../src/icons/angle-down.tsx"],"names":["jsx","angle_down_default"],"mappings":";;;;AACA,IAAM,eAAe,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,sUAAqU,CAAA,EAAE,CAAA;AAC5c,IAAO,kBAAA,GAAQ,YAAA;ACaf,IAAM,SAAA,GAAoD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC3H,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,kBAAA;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,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAOC,mBAAAA,GAAQ","file":"angle-down.js","sourcesContent":["import * as React from \"react\";\nconst SvgAngleDown = props => <svg id=\"Angle_Down\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"20 8 20 9 19 9 19 10 18 10 18 11 17 11 17 12 16 12 16 13 15 13 15 14 14 14 14 15 13 15 13 16 11 16 11 15 10 15 10 14 9 14 9 13 8 13 8 12 7 12 7 11 6 11 6 10 5 10 5 9 4 9 4 8 5 8 5 7 6 7 6 8 7 8 7 9 8 9 8 10 9 10 9 11 10 11 10 12 11 12 11 13 13 13 13 12 14 12 14 11 15 11 15 10 16 10 16 9 17 9 17 8 18 8 18 7 19 7 19 8 20 8\" /></svg>;\nexport default SvgAngleDown;","// 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/angle-down.svg';\n\n/**\n * @component\n * @name AngleDown\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 AngleDown: 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\nAngleDown.displayName = 'AngleDown';\n\nexport default AngleDown;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/angle-down.svg","../../src/icons/angle-down.tsx"],"names":["jsx","angle_down_default"],"mappings":";;;;AACA,IAAM,eAAe,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,sUAAqU,CAAA,EAAE,CAAA;AAC5c,IAAO,kBAAA,GAAQ,YAAA;ACaf,IAAM,SAAA,GAAoD,UAAA,CAAmD,CAC3G,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACEA,GAAAA;AAAA,IAAC,kBAAA;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,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAOC,mBAAAA,GAAQ","file":"angle-down.js","sourcesContent":["import * as React from \"react\";\nconst SvgAngleDown = props => <svg id=\"Angle_Down\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"20 8 20 9 19 9 19 10 18 10 18 11 17 11 17 12 16 12 16 13 15 13 15 14 14 14 14 15 13 15 13 16 11 16 11 15 10 15 10 14 9 14 9 13 8 13 8 12 7 12 7 11 6 11 6 10 5 10 5 9 4 9 4 8 5 8 5 7 6 7 6 8 7 8 7 9 8 9 8 10 9 10 9 11 10 11 10 12 11 12 11 13 13 13 13 12 14 12 14 11 15 11 15 10 16 10 16 9 17 9 17 8 18 8 18 7 19 7 19 8 20 8\" /></svg>;\nexport default SvgAngleDown;","// 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/angle-down.svg';\n\n/**\n * @component\n * @name AngleDown\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 AngleDown: 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\nAngleDown.displayName = 'AngleDown';\n\nexport default AngleDown;\n"]}

package/dist/icons/angle-left-solid.cjs

@@ -6,29 +6,16 @@ var jsxRuntime = require('react/jsx-runtime');
 // src/icons/angle-left-solid.tsx
 var SvgAngleLeftSolid = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { id: "Angle_Left", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "17 5 17 7 16 7 16 8 15 8 15 9 14 9 14 10 13 10 13 11 12 11 12 13 13 13 13 14 14 14 14 15 15 15 15 16 16 16 16 17 17 17 17 19 16 19 16 20 14 20 14 19 13 19 13 18 12 18 12 17 11 17 11 16 10 16 10 15 9 15 9 14 8 14 8 13 7 13 7 11 8 11 8 10 9 10 9 9 10 9 10 8 11 8 11 7 12 7 12 6 13 6 13 5 14 5 14 4 16 4 16 5 17 5" }) });
 var angle_left_solid_default = SvgAngleLeftSolid;
-var AngleLeftSolid = 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 AngleLeftSolid = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     angle_left_solid_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/angle-left-solid.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/angle-left-solid.svg","../../src/icons/angle-left-solid.tsx"],"names":["jsx","forwardRef","useCallback","angle_left_solid_default"],"mappings":";;;;;;AACA,IAAM,oBAAoB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0TAAyT,CAAA,EAAE,CAAA;AACrc,IAAO,wBAAA,GAAQ,iBAAA;ACaf,IAAM,cAAA,GAAyDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAChI,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,wBAAA;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,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,IAAOG,yBAAAA,GAAQ","file":"angle-left-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgAngleLeftSolid = props => <svg id=\"Angle_Left\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"17 5 17 7 16 7 16 8 15 8 15 9 14 9 14 10 13 10 13 11 12 11 12 13 13 13 13 14 14 14 14 15 15 15 15 16 16 16 16 17 17 17 17 19 16 19 16 20 14 20 14 19 13 19 13 18 12 18 12 17 11 17 11 16 10 16 10 15 9 15 9 14 8 14 8 13 7 13 7 11 8 11 8 10 9 10 9 9 10 9 10 8 11 8 11 7 12 7 12 6 13 6 13 5 14 5 14 4 16 4 16 5 17 5\" /></svg>;\nexport default SvgAngleLeftSolid;","// 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/angle-left-solid.svg';\n\n/**\n * @component\n * @name AngleLeftSolid\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 AngleLeftSolid: 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\nAngleLeftSolid.displayName = 'AngleLeftSolid';\n\nexport default AngleLeftSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/angle-left-solid.svg","../../src/icons/angle-left-solid.tsx"],"names":["jsx","forwardRef","angle_left_solid_default"],"mappings":";;;;;;AACA,IAAM,oBAAoB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0TAAyT,CAAA,EAAE,CAAA;AACrc,IAAO,wBAAA,GAAQ,iBAAA;ACaf,IAAM,cAAA,GAAyDC,gBAAA,CAAmD,CAChH,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACED,cAAAA;AAAA,IAAC,wBAAA;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,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,IAAOE,yBAAAA,GAAQ","file":"angle-left-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgAngleLeftSolid = props => <svg id=\"Angle_Left\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"17 5 17 7 16 7 16 8 15 8 15 9 14 9 14 10 13 10 13 11 12 11 12 13 13 13 13 14 14 14 14 15 15 15 15 16 16 16 16 17 17 17 17 19 16 19 16 20 14 20 14 19 13 19 13 18 12 18 12 17 11 17 11 16 10 16 10 15 9 15 9 14 8 14 8 13 7 13 7 11 8 11 8 10 9 10 9 9 10 9 10 8 11 8 11 7 12 7 12 6 13 6 13 5 14 5 14 4 16 4 16 5 17 5\" /></svg>;\nexport default SvgAngleLeftSolid;","// 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/angle-left-solid.svg';\n\n/**\n * @component\n * @name AngleLeftSolid\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 AngleLeftSolid: 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\nAngleLeftSolid.displayName = 'AngleLeftSolid';\n\nexport default AngleLeftSolid;\n"]}

package/dist/icons/angle-left-solid.js

@@ -1,32 +1,19 @@
-import { forwardRef, useCallback } from 'react';
+import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/icons/angle-left-solid.tsx
 var SvgAngleLeftSolid = (props) => /* @__PURE__ */ jsx("svg", { id: "Angle_Left", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("polygon", { points: "17 5 17 7 16 7 16 8 15 8 15 9 14 9 14 10 13 10 13 11 12 11 12 13 13 13 13 14 14 14 14 15 15 15 15 16 16 16 16 17 17 17 17 19 16 19 16 20 14 20 14 19 13 19 13 18 12 18 12 17 11 17 11 16 10 16 10 15 9 15 9 14 8 14 8 13 7 13 7 11 8 11 8 10 9 10 9 9 10 9 10 8 11 8 11 7 12 7 12 6 13 6 13 5 14 5 14 4 16 4 16 5 17 5" }) });
 var angle_left_solid_default = SvgAngleLeftSolid;
-var AngleLeftSolid = 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 AngleLeftSolid = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     angle_left_solid_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/angle-left-solid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/angle-left-solid.svg","../../src/icons/angle-left-solid.tsx"],"names":["jsx","angle_left_solid_default"],"mappings":";;;;AACA,IAAM,oBAAoB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0TAAyT,CAAA,EAAE,CAAA;AACrc,IAAO,wBAAA,GAAQ,iBAAA;ACaf,IAAM,cAAA,GAAyD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAChI,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,wBAAA;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,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,IAAOC,yBAAAA,GAAQ","file":"angle-left-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgAngleLeftSolid = props => <svg id=\"Angle_Left\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"17 5 17 7 16 7 16 8 15 8 15 9 14 9 14 10 13 10 13 11 12 11 12 13 13 13 13 14 14 14 14 15 15 15 15 16 16 16 16 17 17 17 17 19 16 19 16 20 14 20 14 19 13 19 13 18 12 18 12 17 11 17 11 16 10 16 10 15 9 15 9 14 8 14 8 13 7 13 7 11 8 11 8 10 9 10 9 9 10 9 10 8 11 8 11 7 12 7 12 6 13 6 13 5 14 5 14 4 16 4 16 5 17 5\" /></svg>;\nexport default SvgAngleLeftSolid;","// 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/angle-left-solid.svg';\n\n/**\n * @component\n * @name AngleLeftSolid\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 AngleLeftSolid: 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\nAngleLeftSolid.displayName = 'AngleLeftSolid';\n\nexport default AngleLeftSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/angle-left-solid.svg","../../src/icons/angle-left-solid.tsx"],"names":["jsx","angle_left_solid_default"],"mappings":";;;;AACA,IAAM,oBAAoB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0TAAyT,CAAA,EAAE,CAAA;AACrc,IAAO,wBAAA,GAAQ,iBAAA;ACaf,IAAM,cAAA,GAAyD,UAAA,CAAmD,CAChH,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACEA,GAAAA;AAAA,IAAC,wBAAA;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,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,IAAOC,yBAAAA,GAAQ","file":"angle-left-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgAngleLeftSolid = props => <svg id=\"Angle_Left\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"17 5 17 7 16 7 16 8 15 8 15 9 14 9 14 10 13 10 13 11 12 11 12 13 13 13 13 14 14 14 14 15 15 15 15 16 16 16 16 17 17 17 17 19 16 19 16 20 14 20 14 19 13 19 13 18 12 18 12 17 11 17 11 16 10 16 10 15 9 15 9 14 8 14 8 13 7 13 7 11 8 11 8 10 9 10 9 9 10 9 10 8 11 8 11 7 12 7 12 6 13 6 13 5 14 5 14 4 16 4 16 5 17 5\" /></svg>;\nexport default SvgAngleLeftSolid;","// 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/angle-left-solid.svg';\n\n/**\n * @component\n * @name AngleLeftSolid\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 AngleLeftSolid: 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\nAngleLeftSolid.displayName = 'AngleLeftSolid';\n\nexport default AngleLeftSolid;\n"]}

package/dist/icons/angle-left.cjs

@@ -6,29 +6,16 @@ var jsxRuntime = require('react/jsx-runtime');
 // src/icons/angle-left.tsx
 var SvgAngleLeft = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { id: "Angle_Left", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "11 13 12 13 12 14 13 14 13 15 14 15 14 16 15 16 15 17 16 17 16 18 17 18 17 19 16 19 16 20 15 20 15 19 14 19 14 18 13 18 13 17 12 17 12 16 11 16 11 15 10 15 10 14 9 14 9 13 8 13 8 11 9 11 9 10 10 10 10 9 11 9 11 8 12 8 12 7 13 7 13 6 14 6 14 5 15 5 15 4 16 4 16 5 17 5 17 6 16 6 16 7 15 7 15 8 14 8 14 9 13 9 13 10 12 10 12 11 11 11 11 13" }) });
 var angle_left_default = SvgAngleLeft;
-var AngleLeft = 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 AngleLeft = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     angle_left_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/angle-left.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/angle-left.svg","../../src/icons/angle-left.tsx"],"names":["jsx","forwardRef","useCallback","angle_left_default"],"mappings":";;;;;;AACA,IAAM,eAAe,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,qVAAoV,CAAA,EAAE,CAAA;AAC3d,IAAO,kBAAA,GAAQ,YAAA;ACaf,IAAM,SAAA,GAAoDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC3H,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,kBAAA;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,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAOG,mBAAAA,GAAQ","file":"angle-left.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgAngleLeft = props => <svg id=\"Angle_Left\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"11 13 12 13 12 14 13 14 13 15 14 15 14 16 15 16 15 17 16 17 16 18 17 18 17 19 16 19 16 20 15 20 15 19 14 19 14 18 13 18 13 17 12 17 12 16 11 16 11 15 10 15 10 14 9 14 9 13 8 13 8 11 9 11 9 10 10 10 10 9 11 9 11 8 12 8 12 7 13 7 13 6 14 6 14 5 15 5 15 4 16 4 16 5 17 5 17 6 16 6 16 7 15 7 15 8 14 8 14 9 13 9 13 10 12 10 12 11 11 11 11 13\" /></svg>;\nexport default SvgAngleLeft;","// 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/angle-left.svg';\n\n/**\n * @component\n * @name AngleLeft\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 AngleLeft: 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\nAngleLeft.displayName = 'AngleLeft';\n\nexport default AngleLeft;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/angle-left.svg","../../src/icons/angle-left.tsx"],"names":["jsx","forwardRef","angle_left_default"],"mappings":";;;;;;AACA,IAAM,eAAe,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,qVAAoV,CAAA,EAAE,CAAA;AAC3d,IAAO,kBAAA,GAAQ,YAAA;ACaf,IAAM,SAAA,GAAoDC,gBAAA,CAAmD,CAC3G,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACED,cAAAA;AAAA,IAAC,kBAAA;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,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAOE,mBAAAA,GAAQ","file":"angle-left.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgAngleLeft = props => <svg id=\"Angle_Left\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"11 13 12 13 12 14 13 14 13 15 14 15 14 16 15 16 15 17 16 17 16 18 17 18 17 19 16 19 16 20 15 20 15 19 14 19 14 18 13 18 13 17 12 17 12 16 11 16 11 15 10 15 10 14 9 14 9 13 8 13 8 11 9 11 9 10 10 10 10 9 11 9 11 8 12 8 12 7 13 7 13 6 14 6 14 5 15 5 15 4 16 4 16 5 17 5 17 6 16 6 16 7 15 7 15 8 14 8 14 9 13 9 13 10 12 10 12 11 11 11 11 13\" /></svg>;\nexport default SvgAngleLeft;","// 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/angle-left.svg';\n\n/**\n * @component\n * @name AngleLeft\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 AngleLeft: 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\nAngleLeft.displayName = 'AngleLeft';\n\nexport default AngleLeft;\n"]}

package/dist/icons/angle-left.js

@@ -1,32 +1,19 @@
-import { forwardRef, useCallback } from 'react';
+import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/icons/angle-left.tsx
 var SvgAngleLeft = (props) => /* @__PURE__ */ jsx("svg", { id: "Angle_Left", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("polygon", { points: "11 13 12 13 12 14 13 14 13 15 14 15 14 16 15 16 15 17 16 17 16 18 17 18 17 19 16 19 16 20 15 20 15 19 14 19 14 18 13 18 13 17 12 17 12 16 11 16 11 15 10 15 10 14 9 14 9 13 8 13 8 11 9 11 9 10 10 10 10 9 11 9 11 8 12 8 12 7 13 7 13 6 14 6 14 5 15 5 15 4 16 4 16 5 17 5 17 6 16 6 16 7 15 7 15 8 14 8 14 9 13 9 13 10 12 10 12 11 11 11 11 13" }) });
 var angle_left_default = SvgAngleLeft;
-var AngleLeft = 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 AngleLeft = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     angle_left_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/angle-left.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/angle-left.svg","../../src/icons/angle-left.tsx"],"names":["jsx","angle_left_default"],"mappings":";;;;AACA,IAAM,eAAe,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,qVAAoV,CAAA,EAAE,CAAA;AAC3d,IAAO,kBAAA,GAAQ,YAAA;ACaf,IAAM,SAAA,GAAoD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC3H,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,kBAAA;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,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAOC,mBAAAA,GAAQ","file":"angle-left.js","sourcesContent":["import * as React from \"react\";\nconst SvgAngleLeft = props => <svg id=\"Angle_Left\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"11 13 12 13 12 14 13 14 13 15 14 15 14 16 15 16 15 17 16 17 16 18 17 18 17 19 16 19 16 20 15 20 15 19 14 19 14 18 13 18 13 17 12 17 12 16 11 16 11 15 10 15 10 14 9 14 9 13 8 13 8 11 9 11 9 10 10 10 10 9 11 9 11 8 12 8 12 7 13 7 13 6 14 6 14 5 15 5 15 4 16 4 16 5 17 5 17 6 16 6 16 7 15 7 15 8 14 8 14 9 13 9 13 10 12 10 12 11 11 11 11 13\" /></svg>;\nexport default SvgAngleLeft;","// 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/angle-left.svg';\n\n/**\n * @component\n * @name AngleLeft\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 AngleLeft: 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\nAngleLeft.displayName = 'AngleLeft';\n\nexport default AngleLeft;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/angle-left.svg","../../src/icons/angle-left.tsx"],"names":["jsx","angle_left_default"],"mappings":";;;;AACA,IAAM,eAAe,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAa,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,qVAAoV,CAAA,EAAE,CAAA;AAC3d,IAAO,kBAAA,GAAQ,YAAA;ACaf,IAAM,SAAA,GAAoD,UAAA,CAAmD,CAC3G,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACEA,GAAAA;AAAA,IAAC,kBAAA;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,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAOC,mBAAAA,GAAQ","file":"angle-left.js","sourcesContent":["import * as React from \"react\";\nconst SvgAngleLeft = props => <svg id=\"Angle_Left\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"11 13 12 13 12 14 13 14 13 15 14 15 14 16 15 16 15 17 16 17 16 18 17 18 17 19 16 19 16 20 15 20 15 19 14 19 14 18 13 18 13 17 12 17 12 16 11 16 11 15 10 15 10 14 9 14 9 13 8 13 8 11 9 11 9 10 10 10 10 9 11 9 11 8 12 8 12 7 13 7 13 6 14 6 14 5 15 5 15 4 16 4 16 5 17 5 17 6 16 6 16 7 15 7 15 8 14 8 14 9 13 9 13 10 12 10 12 11 11 11 11 13\" /></svg>;\nexport default SvgAngleLeft;","// 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/angle-left.svg';\n\n/**\n * @component\n * @name AngleLeft\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 AngleLeft: 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\nAngleLeft.displayName = 'AngleLeft';\n\nexport default AngleLeft;\n"]}

package/dist/icons/angle-right-solid.cjs

@@ -6,29 +6,16 @@ var jsxRuntime = require('react/jsx-runtime');
 // src/icons/angle-right-solid.tsx
 var SvgAngleRightSolid = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { id: "Angle_Right", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "7 19 7 17 8 17 8 16 9 16 9 15 10 15 10 14 11 14 11 13 12 13 12 11 11 11 11 10 10 10 10 9 9 9 9 8 8 8 8 7 7 7 7 5 8 5 8 4 10 4 10 5 11 5 11 6 12 6 12 7 13 7 13 8 14 8 14 9 15 9 15 10 16 10 16 11 17 11 17 13 16 13 16 14 15 14 15 15 14 15 14 16 13 16 13 17 12 17 12 18 11 18 11 19 10 19 10 20 8 20 8 19 7 19" }) });
 var angle_right_solid_default = SvgAngleRightSolid;
-var AngleRightSolid = 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 AngleRightSolid = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     angle_right_solid_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/angle-right-solid.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/angle-right-solid.svg","../../src/icons/angle-right-solid.tsx"],"names":["jsx","forwardRef","useCallback","angle_right_solid_default"],"mappings":";;;;;;AACA,IAAM,qBAAqB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,eAAc,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oTAAmT,CAAA,EAAE,CAAA;AACjc,IAAO,yBAAA,GAAQ,kBAAA;ACaf,IAAM,eAAA,GAA0DC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACjI,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,yBAAA;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,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,IAAOG,0BAAAA,GAAQ","file":"angle-right-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgAngleRightSolid = props => <svg id=\"Angle_Right\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"7 19 7 17 8 17 8 16 9 16 9 15 10 15 10 14 11 14 11 13 12 13 12 11 11 11 11 10 10 10 10 9 9 9 9 8 8 8 8 7 7 7 7 5 8 5 8 4 10 4 10 5 11 5 11 6 12 6 12 7 13 7 13 8 14 8 14 9 15 9 15 10 16 10 16 11 17 11 17 13 16 13 16 14 15 14 15 15 14 15 14 16 13 16 13 17 12 17 12 18 11 18 11 19 10 19 10 20 8 20 8 19 7 19\" /></svg>;\nexport default SvgAngleRightSolid;","// 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/angle-right-solid.svg';\n\n/**\n * @component\n * @name AngleRightSolid\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 AngleRightSolid: 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\nAngleRightSolid.displayName = 'AngleRightSolid';\n\nexport default AngleRightSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/angle-right-solid.svg","../../src/icons/angle-right-solid.tsx"],"names":["jsx","forwardRef","angle_right_solid_default"],"mappings":";;;;;;AACA,IAAM,qBAAqB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,eAAc,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oTAAmT,CAAA,EAAE,CAAA;AACjc,IAAO,yBAAA,GAAQ,kBAAA;ACaf,IAAM,eAAA,GAA0DC,gBAAA,CAAmD,CACjH,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACED,cAAAA;AAAA,IAAC,yBAAA;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,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,IAAOE,0BAAAA,GAAQ","file":"angle-right-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgAngleRightSolid = props => <svg id=\"Angle_Right\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"7 19 7 17 8 17 8 16 9 16 9 15 10 15 10 14 11 14 11 13 12 13 12 11 11 11 11 10 10 10 10 9 9 9 9 8 8 8 8 7 7 7 7 5 8 5 8 4 10 4 10 5 11 5 11 6 12 6 12 7 13 7 13 8 14 8 14 9 15 9 15 10 16 10 16 11 17 11 17 13 16 13 16 14 15 14 15 15 14 15 14 16 13 16 13 17 12 17 12 18 11 18 11 19 10 19 10 20 8 20 8 19 7 19\" /></svg>;\nexport default SvgAngleRightSolid;","// 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/angle-right-solid.svg';\n\n/**\n * @component\n * @name AngleRightSolid\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 AngleRightSolid: 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\nAngleRightSolid.displayName = 'AngleRightSolid';\n\nexport default AngleRightSolid;\n"]}

package/dist/icons/angle-right-solid.js

@@ -1,32 +1,19 @@
-import { forwardRef, useCallback } from 'react';
+import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/icons/angle-right-solid.tsx
 var SvgAngleRightSolid = (props) => /* @__PURE__ */ jsx("svg", { id: "Angle_Right", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("polygon", { points: "7 19 7 17 8 17 8 16 9 16 9 15 10 15 10 14 11 14 11 13 12 13 12 11 11 11 11 10 10 10 10 9 9 9 9 8 8 8 8 7 7 7 7 5 8 5 8 4 10 4 10 5 11 5 11 6 12 6 12 7 13 7 13 8 14 8 14 9 15 9 15 10 16 10 16 11 17 11 17 13 16 13 16 14 15 14 15 15 14 15 14 16 13 16 13 17 12 17 12 18 11 18 11 19 10 19 10 20 8 20 8 19 7 19" }) });
 var angle_right_solid_default = SvgAngleRightSolid;
-var AngleRightSolid = 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 AngleRightSolid = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     angle_right_solid_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

package/dist/icons/angle-right-solid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/angle-right-solid.svg","../../src/icons/angle-right-solid.tsx"],"names":["jsx","angle_right_solid_default"],"mappings":";;;;AACA,IAAM,qBAAqB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,eAAc,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oTAAmT,CAAA,EAAE,CAAA;AACjc,IAAO,yBAAA,GAAQ,kBAAA;ACaf,IAAM,eAAA,GAA0D,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACjI,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,yBAAA;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,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,IAAOC,0BAAAA,GAAQ","file":"angle-right-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgAngleRightSolid = props => <svg id=\"Angle_Right\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"7 19 7 17 8 17 8 16 9 16 9 15 10 15 10 14 11 14 11 13 12 13 12 11 11 11 11 10 10 10 10 9 9 9 9 8 8 8 8 7 7 7 7 5 8 5 8 4 10 4 10 5 11 5 11 6 12 6 12 7 13 7 13 8 14 8 14 9 15 9 15 10 16 10 16 11 17 11 17 13 16 13 16 14 15 14 15 15 14 15 14 16 13 16 13 17 12 17 12 18 11 18 11 19 10 19 10 20 8 20 8 19 7 19\" /></svg>;\nexport default SvgAngleRightSolid;","// 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/angle-right-solid.svg';\n\n/**\n * @component\n * @name AngleRightSolid\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 AngleRightSolid: 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\nAngleRightSolid.displayName = 'AngleRightSolid';\n\nexport default AngleRightSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/angle-right-solid.svg","../../src/icons/angle-right-solid.tsx"],"names":["jsx","angle_right_solid_default"],"mappings":";;;;AACA,IAAM,qBAAqB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,eAAc,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oTAAmT,CAAA,EAAE,CAAA;AACjc,IAAO,yBAAA,GAAQ,kBAAA;ACaf,IAAM,eAAA,GAA0D,UAAA,CAAmD,CACjH,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACEA,GAAAA;AAAA,IAAC,yBAAA;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,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,IAAOC,0BAAAA,GAAQ","file":"angle-right-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgAngleRightSolid = props => <svg id=\"Angle_Right\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"7 19 7 17 8 17 8 16 9 16 9 15 10 15 10 14 11 14 11 13 12 13 12 11 11 11 11 10 10 10 10 9 9 9 9 8 8 8 8 7 7 7 7 5 8 5 8 4 10 4 10 5 11 5 11 6 12 6 12 7 13 7 13 8 14 8 14 9 15 9 15 10 16 10 16 11 17 11 17 13 16 13 16 14 15 14 15 15 14 15 14 16 13 16 13 17 12 17 12 18 11 18 11 19 10 19 10 20 8 20 8 19 7 19\" /></svg>;\nexport default SvgAngleRightSolid;","// 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/angle-right-solid.svg';\n\n/**\n * @component\n * @name AngleRightSolid\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 AngleRightSolid: 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\nAngleRightSolid.displayName = 'AngleRightSolid';\n\nexport default AngleRightSolid;\n"]}

package/dist/icons/angle-right.cjs

@@ -6,29 +6,16 @@ var jsxRuntime = require('react/jsx-runtime');
 // src/icons/angle-right.tsx
 var SvgAngleRight = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { id: "Angle_Right", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "16 11 16 13 15 13 15 14 14 14 14 15 13 15 13 16 12 16 12 17 11 17 11 18 10 18 10 19 9 19 9 20 8 20 8 19 7 19 7 18 8 18 8 17 9 17 9 16 10 16 10 15 11 15 11 14 12 14 12 13 13 13 13 11 12 11 12 10 11 10 11 9 10 9 10 8 9 8 9 7 8 7 8 6 7 6 7 5 8 5 8 4 9 4 9 5 10 5 10 6 11 6 11 7 12 7 12 8 13 8 13 9 14 9 14 10 15 10 15 11 16 11" }) });
 var angle_right_default = SvgAngleRight;
-var AngleRight = 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 AngleRight = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     angle_right_default,
     {
       ...props,
-      ref: handleRef,
+      ref,
       style: {
-        ...props.style,
-        color: "inherit"
+        fill: "currentColor",
+        color,
+        ...style
       }
     }
   );

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

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/angle-right.svg","../../src/icons/angle-right.tsx"],"names":["jsx","forwardRef","useCallback","angle_right_default"],"mappings":";;;;;;AACA,IAAM,gBAAgB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,eAAc,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,uUAAsU,CAAA,EAAE,CAAA;AAC/c,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":"angle-right.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgAngleRight = props => <svg id=\"Angle_Right\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"16 11 16 13 15 13 15 14 14 14 14 15 13 15 13 16 12 16 12 17 11 17 11 18 10 18 10 19 9 19 9 20 8 20 8 19 7 19 7 18 8 18 8 17 9 17 9 16 10 16 10 15 11 15 11 14 12 14 12 13 13 13 13 11 12 11 12 10 11 10 11 9 10 9 10 8 9 8 9 7 8 7 8 6 7 6 7 5 8 5 8 4 9 4 9 5 10 5 10 6 11 6 11 7 12 7 12 8 13 8 13 9 14 9 14 10 15 10 15 11 16 11\" /></svg>;\nexport default SvgAngleRight;","// 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/angle-right.svg';\n\n/**\n * @component\n * @name AngleRight\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 AngleRight: 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\nAngleRight.displayName = 'AngleRight';\n\nexport default AngleRight;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/angle-right.svg","../../src/icons/angle-right.tsx"],"names":["jsx","forwardRef","angle_right_default"],"mappings":";;;;;;AACA,IAAM,gBAAgB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,eAAc,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,uUAAsU,CAAA,EAAE,CAAA;AAC/c,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":"angle-right.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgAngleRight = props => <svg id=\"Angle_Right\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"16 11 16 13 15 13 15 14 14 14 14 15 13 15 13 16 12 16 12 17 11 17 11 18 10 18 10 19 9 19 9 20 8 20 8 19 7 19 7 18 8 18 8 17 9 17 9 16 10 16 10 15 11 15 11 14 12 14 12 13 13 13 13 11 12 11 12 10 11 10 11 9 10 9 10 8 9 8 9 7 8 7 8 6 7 6 7 5 8 5 8 4 9 4 9 5 10 5 10 6 11 6 11 7 12 7 12 8 13 8 13 9 14 9 14 10 15 10 15 11 16 11\" /></svg>;\nexport default SvgAngleRight;","// 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/angle-right.svg';\n\n/**\n * @component\n * @name AngleRight\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 AngleRight: 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\nAngleRight.displayName = 'AngleRight';\n\nexport default AngleRight;\n"]}