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

package/dist/icons/tiktok.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/tiktok.svg","../../src/icons/tiktok.tsx"],"names":["jsx","forwardRef","tiktok_default"],"mappings":";;;;;;AACA,IAAM,YAAY,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,UAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0TAAyT,CAAA,EAAE,CAAA;AACzb,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":"tiktok.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgTiktok = props => <svg id=\"Tiktok\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"22 7 22 11 20 11 20 10 18 10 18 9 17 9 17 19 16 19 16 20 15 20 15 21 14 21 14 22 13 22 13 23 7 23 7 22 6 22 6 21 5 21 5 20 4 20 4 19 3 19 3 18 2 18 2 14 3 14 3 12 4 12 4 11 5 11 5 10 6 10 6 9 10 9 10 13 8 13 8 14 7 14 7 17 8 17 8 18 11 18 11 17 12 17 12 1 16 1 16 2 17 2 17 4 18 4 18 5 19 5 19 6 20 6 20 7 22 7\" /></svg>;\nexport default SvgTiktok;","// 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/tiktok.svg';\n\n/**\n * @component\n * @name Tiktok\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 Tiktok: 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\nTiktok.displayName = 'Tiktok';\n\nexport default Tiktok;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/tiktok.svg","../../src/icons/tiktok.tsx"],"names":["jsx","forwardRef","tiktok_default"],"mappings":";;;;;;AACA,IAAM,YAAY,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,UAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0TAAyT,CAAA,EAAE,CAAA;AACzb,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiDC,gBAAA,CAAmD,CACxG,EAAE,KAAA,GAAQ,cAAA,EAAgB,IAAA,EAAM,MAAA,EAAQ,GAAG,KAAA,EAAM,EACjD,GAAA,KACG;AACH,EAAA,MAAM,YAAY,IAAA,IAAQ,cAAA;AAC1B,EAAA,MAAM,cAAc,MAAA,IAAU,cAAA;AAC9B,EAAA,uBACED,cAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,MAAM,EAAA,IAAM,MAAA;AAAA,MAChB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,WAAA;AAAA,MACR,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOE,eAAAA,GAAQ","file":"tiktok.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgTiktok = props => <svg id=\"Tiktok\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"22 7 22 11 20 11 20 10 18 10 18 9 17 9 17 19 16 19 16 20 15 20 15 21 14 21 14 22 13 22 13 23 7 23 7 22 6 22 6 21 5 21 5 20 4 20 4 19 3 19 3 18 2 18 2 14 3 14 3 12 4 12 4 11 5 11 5 10 6 10 6 9 10 9 10 13 8 13 8 14 7 14 7 17 8 17 8 18 11 18 11 17 12 17 12 1 16 1 16 2 17 2 17 4 18 4 18 5 19 5 19 6 20 6 20 7 22 7\" /></svg>;\nexport default SvgTiktok;","// 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/tiktok.svg';\n\n/**\n * @component\n * @name Tiktok\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 Tiktok: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', fill, stroke, ...props },\n  ref\n) => {\n  const finalFill = fill ?? 'currentColor';\n  const finalStroke = stroke ?? 'currentColor';\n  return (\n    <SvgComponent\n      id={props.id ?? undefined}\n      fill={finalFill}\n      stroke={finalStroke}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nTiktok.displayName = 'Tiktok';\n\nexport default Tiktok;\n"]}

package/dist/icons/tiktok.js

@@ -4,17 +4,17 @@ import { jsx } from 'react/jsx-runtime';
 // src/icons/tiktok.tsx
 var SvgTiktok = (props) => /* @__PURE__ */ jsx("svg", { id: "Tiktok", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("polygon", { points: "22 7 22 11 20 11 20 10 18 10 18 9 17 9 17 19 16 19 16 20 15 20 15 21 14 21 14 22 13 22 13 23 7 23 7 22 6 22 6 21 5 21 5 20 4 20 4 19 3 19 3 18 2 18 2 14 3 14 3 12 4 12 4 11 5 11 5 10 6 10 6 9 10 9 10 13 8 13 8 14 7 14 7 17 8 17 8 18 11 18 11 17 12 17 12 1 16 1 16 2 17 2 17 4 18 4 18 5 19 5 19 6 20 6 20 7 22 7" }) });
 var tiktok_default = SvgTiktok;
-var Tiktok = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
+var Tiktok = forwardRef(({ color = "currentColor", fill, stroke, ...props }, ref) => {
+  const finalFill = fill ?? "currentColor";
+  const finalStroke = stroke ?? "currentColor";
   return /* @__PURE__ */ jsx(
     tiktok_default,
     {
-      ...props,
+      id: props.id ?? void 0,
+      fill: finalFill,
+      stroke: finalStroke,
       ref,
-      style: {
-        fill: "currentColor",
-        color,
-        ...style
-      }
+      ...props
     }
   );
 });

package/dist/icons/tiktok.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/tiktok.svg","../../src/icons/tiktok.tsx"],"names":["jsx","tiktok_default"],"mappings":";;;;AACA,IAAM,YAAY,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,UAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0TAAyT,CAAA,EAAE,CAAA;AACzb,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":"tiktok.js","sourcesContent":["import * as React from \"react\";\nconst SvgTiktok = props => <svg id=\"Tiktok\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"22 7 22 11 20 11 20 10 18 10 18 9 17 9 17 19 16 19 16 20 15 20 15 21 14 21 14 22 13 22 13 23 7 23 7 22 6 22 6 21 5 21 5 20 4 20 4 19 3 19 3 18 2 18 2 14 3 14 3 12 4 12 4 11 5 11 5 10 6 10 6 9 10 9 10 13 8 13 8 14 7 14 7 17 8 17 8 18 11 18 11 17 12 17 12 1 16 1 16 2 17 2 17 4 18 4 18 5 19 5 19 6 20 6 20 7 22 7\" /></svg>;\nexport default SvgTiktok;","// 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/tiktok.svg';\n\n/**\n * @component\n * @name Tiktok\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 Tiktok: 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\nTiktok.displayName = 'Tiktok';\n\nexport default Tiktok;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/tiktok.svg","../../src/icons/tiktok.tsx"],"names":["jsx","tiktok_default"],"mappings":";;;;AACA,IAAM,YAAY,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,UAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0TAAyT,CAAA,EAAE,CAAA;AACzb,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiD,UAAA,CAAmD,CACxG,EAAE,KAAA,GAAQ,cAAA,EAAgB,IAAA,EAAM,MAAA,EAAQ,GAAG,KAAA,EAAM,EACjD,GAAA,KACG;AACH,EAAA,MAAM,YAAY,IAAA,IAAQ,cAAA;AAC1B,EAAA,MAAM,cAAc,MAAA,IAAU,cAAA;AAC9B,EAAA,uBACEA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,MAAM,EAAA,IAAM,MAAA;AAAA,MAChB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,WAAA;AAAA,MACR,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOC,eAAAA,GAAQ","file":"tiktok.js","sourcesContent":["import * as React from \"react\";\nconst SvgTiktok = props => <svg id=\"Tiktok\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"22 7 22 11 20 11 20 10 18 10 18 9 17 9 17 19 16 19 16 20 15 20 15 21 14 21 14 22 13 22 13 23 7 23 7 22 6 22 6 21 5 21 5 20 4 20 4 19 3 19 3 18 2 18 2 14 3 14 3 12 4 12 4 11 5 11 5 10 6 10 6 9 10 9 10 13 8 13 8 14 7 14 7 17 8 17 8 18 11 18 11 17 12 17 12 1 16 1 16 2 17 2 17 4 18 4 18 5 19 5 19 6 20 6 20 7 22 7\" /></svg>;\nexport default SvgTiktok;","// 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/tiktok.svg';\n\n/**\n * @component\n * @name Tiktok\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 Tiktok: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', fill, stroke, ...props },\n  ref\n) => {\n  const finalFill = fill ?? 'currentColor';\n  const finalStroke = stroke ?? 'currentColor';\n  return (\n    <SvgComponent\n      id={props.id ?? undefined}\n      fill={finalFill}\n      stroke={finalStroke}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nTiktok.displayName = 'Tiktok';\n\nexport default Tiktok;\n"]}

package/dist/icons/times-circle-solid.cjs

@@ -6,17 +6,17 @@ var jsxRuntime = require('react/jsx-runtime');
 // src/icons/times-circle-solid.tsx
 var SvgTimesCircleSolid = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { id: "Times_Circle", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("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-8,7v-1h-1v-1h-2v1h-1v1h-1v1h-1v-1h-1v-1h1v-1h1v-1h1v-2h-1v-1h-1v-1h-1v-1h1v-1h1v1h1v1h1v1h2v-1h1v-1h1v-1h1v1h1v1h-1v1h-1v1h-1v2h1v1h1v1h1v1h-1v1h-1v-1h-1Z" }) });
 var times_circle_solid_default = SvgTimesCircleSolid;
-var TimesCircleSolid = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
+var TimesCircleSolid = react.forwardRef(({ color = "currentColor", fill, stroke, ...props }, ref) => {
+  const finalFill = fill ?? "currentColor";
+  const finalStroke = stroke ?? "currentColor";
   return /* @__PURE__ */ jsxRuntime.jsx(
     times_circle_solid_default,
     {
-      ...props,
+      id: props.id ?? void 0,
+      fill: finalFill,
+      stroke: finalStroke,
       ref,
-      style: {
-        fill: "currentColor",
-        color,
-        ...style
-      }
+      ...props
     }
   );
 });

package/dist/icons/times-circle-solid.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/times-circle-solid.svg","../../src/icons/times-circle-solid.tsx"],"names":["jsx","forwardRef","times_circle_solid_default"],"mappings":";;;;;;AACA,IAAM,sBAAsB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,gBAAe,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wSAAuS,CAAA,EAAE,CAAA;AAC/a,IAAO,0BAAA,GAAQ,mBAAA;ACaf,IAAM,gBAAA,GAA2DC,gBAAA,CAAmD,CAClH,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACED,cAAAA;AAAA,IAAC,0BAAA;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,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAE/B,IAAOE,2BAAAA,GAAQ","file":"times-circle-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgTimesCircleSolid = props => <svg id=\"Times_Circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><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-8,7v-1h-1v-1h-2v1h-1v1h-1v1h-1v-1h-1v-1h1v-1h1v-1h1v-2h-1v-1h-1v-1h-1v-1h1v-1h1v1h1v1h1v1h2v-1h1v-1h1v-1h1v1h1v1h-1v1h-1v1h-1v2h1v1h1v1h1v1h-1v1h-1v-1h-1Z\" /></svg>;\nexport default SvgTimesCircleSolid;","// 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/times-circle-solid.svg';\n\n/**\n * @component\n * @name TimesCircleSolid\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 TimesCircleSolid: 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\nTimesCircleSolid.displayName = 'TimesCircleSolid';\n\nexport default TimesCircleSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/times-circle-solid.svg","../../src/icons/times-circle-solid.tsx"],"names":["jsx","forwardRef","times_circle_solid_default"],"mappings":";;;;;;AACA,IAAM,sBAAsB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,gBAAe,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wSAAuS,CAAA,EAAE,CAAA;AAC/a,IAAO,0BAAA,GAAQ,mBAAA;ACaf,IAAM,gBAAA,GAA2DC,gBAAA,CAAmD,CAClH,EAAE,KAAA,GAAQ,cAAA,EAAgB,IAAA,EAAM,MAAA,EAAQ,GAAG,KAAA,EAAM,EACjD,GAAA,KACG;AACH,EAAA,MAAM,YAAY,IAAA,IAAQ,cAAA;AAC1B,EAAA,MAAM,cAAc,MAAA,IAAU,cAAA;AAC9B,EAAA,uBACED,cAAAA;AAAA,IAAC,0BAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,MAAM,EAAA,IAAM,MAAA;AAAA,MAChB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,WAAA;AAAA,MACR,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AAED,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAE/B,IAAOE,2BAAAA,GAAQ","file":"times-circle-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgTimesCircleSolid = props => <svg id=\"Times_Circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><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-8,7v-1h-1v-1h-2v1h-1v1h-1v1h-1v-1h-1v-1h1v-1h1v-1h1v-2h-1v-1h-1v-1h-1v-1h1v-1h1v1h1v1h1v1h2v-1h1v-1h1v-1h1v1h1v1h-1v1h-1v1h-1v2h1v1h1v1h1v1h-1v1h-1v-1h-1Z\" /></svg>;\nexport default SvgTimesCircleSolid;","// 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/times-circle-solid.svg';\n\n/**\n * @component\n * @name TimesCircleSolid\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 TimesCircleSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', fill, stroke, ...props },\n  ref\n) => {\n  const finalFill = fill ?? 'currentColor';\n  const finalStroke = stroke ?? 'currentColor';\n  return (\n    <SvgComponent\n      id={props.id ?? undefined}\n      fill={finalFill}\n      stroke={finalStroke}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nTimesCircleSolid.displayName = 'TimesCircleSolid';\n\nexport default TimesCircleSolid;\n"]}

package/dist/icons/times-circle-solid.js

@@ -4,17 +4,17 @@ import { jsx } from 'react/jsx-runtime';
 // src/icons/times-circle-solid.tsx
 var SvgTimesCircleSolid = (props) => /* @__PURE__ */ jsx("svg", { id: "Times_Circle", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("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-8,7v-1h-1v-1h-2v1h-1v1h-1v1h-1v-1h-1v-1h1v-1h1v-1h1v-2h-1v-1h-1v-1h-1v-1h1v-1h1v1h1v1h1v1h2v-1h1v-1h1v-1h1v1h1v1h-1v1h-1v1h-1v2h1v1h1v1h1v1h-1v1h-1v-1h-1Z" }) });
 var times_circle_solid_default = SvgTimesCircleSolid;
-var TimesCircleSolid = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
+var TimesCircleSolid = forwardRef(({ color = "currentColor", fill, stroke, ...props }, ref) => {
+  const finalFill = fill ?? "currentColor";
+  const finalStroke = stroke ?? "currentColor";
   return /* @__PURE__ */ jsx(
     times_circle_solid_default,
     {
-      ...props,
+      id: props.id ?? void 0,
+      fill: finalFill,
+      stroke: finalStroke,
       ref,
-      style: {
-        fill: "currentColor",
-        color,
-        ...style
-      }
+      ...props
     }
   );
 });

package/dist/icons/times-circle-solid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/times-circle-solid.svg","../../src/icons/times-circle-solid.tsx"],"names":["jsx","times_circle_solid_default"],"mappings":";;;;AACA,IAAM,sBAAsB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,gBAAe,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wSAAuS,CAAA,EAAE,CAAA;AAC/a,IAAO,0BAAA,GAAQ,mBAAA;ACaf,IAAM,gBAAA,GAA2D,UAAA,CAAmD,CAClH,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACEA,GAAAA;AAAA,IAAC,0BAAA;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,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAE/B,IAAOC,2BAAAA,GAAQ","file":"times-circle-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgTimesCircleSolid = props => <svg id=\"Times_Circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><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-8,7v-1h-1v-1h-2v1h-1v1h-1v1h-1v-1h-1v-1h1v-1h1v-1h1v-2h-1v-1h-1v-1h-1v-1h1v-1h1v1h1v1h1v1h2v-1h1v-1h1v-1h1v1h1v1h-1v1h-1v1h-1v2h1v1h1v1h1v1h-1v1h-1v-1h-1Z\" /></svg>;\nexport default SvgTimesCircleSolid;","// 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/times-circle-solid.svg';\n\n/**\n * @component\n * @name TimesCircleSolid\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 TimesCircleSolid: 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\nTimesCircleSolid.displayName = 'TimesCircleSolid';\n\nexport default TimesCircleSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/times-circle-solid.svg","../../src/icons/times-circle-solid.tsx"],"names":["jsx","times_circle_solid_default"],"mappings":";;;;AACA,IAAM,sBAAsB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,gBAAe,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wSAAuS,CAAA,EAAE,CAAA;AAC/a,IAAO,0BAAA,GAAQ,mBAAA;ACaf,IAAM,gBAAA,GAA2D,UAAA,CAAmD,CAClH,EAAE,KAAA,GAAQ,cAAA,EAAgB,IAAA,EAAM,MAAA,EAAQ,GAAG,KAAA,EAAM,EACjD,GAAA,KACG;AACH,EAAA,MAAM,YAAY,IAAA,IAAQ,cAAA;AAC1B,EAAA,MAAM,cAAc,MAAA,IAAU,cAAA;AAC9B,EAAA,uBACEA,GAAAA;AAAA,IAAC,0BAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,MAAM,EAAA,IAAM,MAAA;AAAA,MAChB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,WAAA;AAAA,MACR,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AAED,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAE/B,IAAOC,2BAAAA,GAAQ","file":"times-circle-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgTimesCircleSolid = props => <svg id=\"Times_Circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><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-8,7v-1h-1v-1h-2v1h-1v1h-1v1h-1v-1h-1v-1h1v-1h1v-1h1v-2h-1v-1h-1v-1h-1v-1h1v-1h1v1h1v1h1v1h2v-1h1v-1h1v-1h1v1h1v1h-1v1h-1v1h-1v2h1v1h1v1h1v1h-1v1h-1v-1h-1Z\" /></svg>;\nexport default SvgTimesCircleSolid;","// 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/times-circle-solid.svg';\n\n/**\n * @component\n * @name TimesCircleSolid\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 TimesCircleSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', fill, stroke, ...props },\n  ref\n) => {\n  const finalFill = fill ?? 'currentColor';\n  const finalStroke = stroke ?? 'currentColor';\n  return (\n    <SvgComponent\n      id={props.id ?? undefined}\n      fill={finalFill}\n      stroke={finalStroke}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nTimesCircleSolid.displayName = 'TimesCircleSolid';\n\nexport default TimesCircleSolid;\n"]}

package/dist/icons/times-circle.cjs

@@ -9,17 +9,17 @@ var SvgTimesCircle = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "Ti
   /* @__PURE__ */ jsxRuntime.jsx("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-1,6h-1v2h-1v2h-2v1h-2v1h-6v-1h-2v-1h-2v-2h-1v-2h-1v-6h1v-2h1v-2h2v-1h2v-1h6v1h2v1h2v2h1v2h1v6Z" })
 ] });
 var times_circle_default = SvgTimesCircle;
-var TimesCircle = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
+var TimesCircle = react.forwardRef(({ color = "currentColor", fill, stroke, ...props }, ref) => {
+  const finalFill = fill ?? "currentColor";
+  const finalStroke = stroke ?? "currentColor";
   return /* @__PURE__ */ jsxRuntime.jsx(
     times_circle_default,
     {
-      ...props,
+      id: props.id ?? void 0,
+      fill: finalFill,
+      stroke: finalStroke,
       ref,
-      style: {
-        fill: "currentColor",
-        color,
-        ...style
-      }
+      ...props
     }
   );
 });

package/dist/icons/times-circle.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/times-circle.svg","../../src/icons/times-circle.tsx"],"names":["jsxs","jsx","forwardRef","times_circle_default"],"mappings":";;;;;;AACA,IAAM,cAAA,GAAiB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAA,EAAe,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uUAAA,EAAwU,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0OAAA,EAA2O;AAAA,CAAA,EAAE,CAAA;AACxsB,IAAO,oBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsDC,gBAAA,CAAmD,CAC7G,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACED,cAAAA;AAAA,IAAC,oBAAA;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,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAOE,qBAAAA,GAAQ","file":"times-circle.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgTimesCircle = props => <svg id=\"Times_Circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"14 13 15 13 15 14 16 14 16 15 17 15 17 16 16 16 16 17 15 17 15 16 14 16 14 15 13 15 13 14 11 14 11 15 10 15 10 16 9 16 9 17 8 17 8 16 7 16 7 15 8 15 8 14 9 14 9 13 10 13 10 11 9 11 9 10 8 10 8 9 7 9 7 8 8 8 8 7 9 7 9 8 10 8 10 9 11 9 11 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 13\" /><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-1,6h-1v2h-1v2h-2v1h-2v1h-6v-1h-2v-1h-2v-2h-1v-2h-1v-6h1v-2h1v-2h2v-1h2v-1h6v1h2v1h2v2h1v2h1v6Z\" /></svg>;\nexport default SvgTimesCircle;","// 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/times-circle.svg';\n\n/**\n * @component\n * @name TimesCircle\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 TimesCircle: 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\nTimesCircle.displayName = 'TimesCircle';\n\nexport default TimesCircle;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/times-circle.svg","../../src/icons/times-circle.tsx"],"names":["jsxs","jsx","forwardRef","times_circle_default"],"mappings":";;;;;;AACA,IAAM,cAAA,GAAiB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAA,EAAe,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uUAAA,EAAwU,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0OAAA,EAA2O;AAAA,CAAA,EAAE,CAAA;AACxsB,IAAO,oBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsDC,gBAAA,CAAmD,CAC7G,EAAE,KAAA,GAAQ,cAAA,EAAgB,IAAA,EAAM,MAAA,EAAQ,GAAG,KAAA,EAAM,EACjD,GAAA,KACG;AACH,EAAA,MAAM,YAAY,IAAA,IAAQ,cAAA;AAC1B,EAAA,MAAM,cAAc,MAAA,IAAU,cAAA;AAC9B,EAAA,uBACED,cAAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,MAAM,EAAA,IAAM,MAAA;AAAA,MAChB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,WAAA;AAAA,MACR,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AAED,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAOE,qBAAAA,GAAQ","file":"times-circle.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgTimesCircle = props => <svg id=\"Times_Circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"14 13 15 13 15 14 16 14 16 15 17 15 17 16 16 16 16 17 15 17 15 16 14 16 14 15 13 15 13 14 11 14 11 15 10 15 10 16 9 16 9 17 8 17 8 16 7 16 7 15 8 15 8 14 9 14 9 13 10 13 10 11 9 11 9 10 8 10 8 9 7 9 7 8 8 8 8 7 9 7 9 8 10 8 10 9 11 9 11 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 13\" /><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-1,6h-1v2h-1v2h-2v1h-2v1h-6v-1h-2v-1h-2v-2h-1v-2h-1v-6h1v-2h1v-2h2v-1h2v-1h6v1h2v1h2v2h1v2h1v6Z\" /></svg>;\nexport default SvgTimesCircle;","// 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/times-circle.svg';\n\n/**\n * @component\n * @name TimesCircle\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 TimesCircle: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', fill, stroke, ...props },\n  ref\n) => {\n  const finalFill = fill ?? 'currentColor';\n  const finalStroke = stroke ?? 'currentColor';\n  return (\n    <SvgComponent\n      id={props.id ?? undefined}\n      fill={finalFill}\n      stroke={finalStroke}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nTimesCircle.displayName = 'TimesCircle';\n\nexport default TimesCircle;\n"]}

package/dist/icons/times-circle.js

@@ -7,17 +7,17 @@ var SvgTimesCircle = (props) => /* @__PURE__ */ jsxs("svg", { id: "Times_Circle"
   /* @__PURE__ */ jsx("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-1,6h-1v2h-1v2h-2v1h-2v1h-6v-1h-2v-1h-2v-2h-1v-2h-1v-6h1v-2h1v-2h2v-1h2v-1h6v1h2v1h2v2h1v2h1v6Z" })
 ] });
 var times_circle_default = SvgTimesCircle;
-var TimesCircle = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
+var TimesCircle = forwardRef(({ color = "currentColor", fill, stroke, ...props }, ref) => {
+  const finalFill = fill ?? "currentColor";
+  const finalStroke = stroke ?? "currentColor";
   return /* @__PURE__ */ jsx(
     times_circle_default,
     {
-      ...props,
+      id: props.id ?? void 0,
+      fill: finalFill,
+      stroke: finalStroke,
       ref,
-      style: {
-        fill: "currentColor",
-        color,
-        ...style
-      }
+      ...props
     }
   );
 });

package/dist/icons/times-circle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/times-circle.svg","../../src/icons/times-circle.tsx"],"names":["jsx","times_circle_default"],"mappings":";;;;AACA,IAAM,cAAA,GAAiB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAA,EAAe,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uUAAA,EAAwU,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0OAAA,EAA2O;AAAA,CAAA,EAAE,CAAA;AACxsB,IAAO,oBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsD,UAAA,CAAmD,CAC7G,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACEA,GAAAA;AAAA,IAAC,oBAAA;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,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAOC,qBAAAA,GAAQ","file":"times-circle.js","sourcesContent":["import * as React from \"react\";\nconst SvgTimesCircle = props => <svg id=\"Times_Circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"14 13 15 13 15 14 16 14 16 15 17 15 17 16 16 16 16 17 15 17 15 16 14 16 14 15 13 15 13 14 11 14 11 15 10 15 10 16 9 16 9 17 8 17 8 16 7 16 7 15 8 15 8 14 9 14 9 13 10 13 10 11 9 11 9 10 8 10 8 9 7 9 7 8 8 8 8 7 9 7 9 8 10 8 10 9 11 9 11 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 13\" /><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-1,6h-1v2h-1v2h-2v1h-2v1h-6v-1h-2v-1h-2v-2h-1v-2h-1v-6h1v-2h1v-2h2v-1h2v-1h6v1h2v1h2v2h1v2h1v6Z\" /></svg>;\nexport default SvgTimesCircle;","// 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/times-circle.svg';\n\n/**\n * @component\n * @name TimesCircle\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 TimesCircle: 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\nTimesCircle.displayName = 'TimesCircle';\n\nexport default TimesCircle;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/times-circle.svg","../../src/icons/times-circle.tsx"],"names":["jsx","times_circle_default"],"mappings":";;;;AACA,IAAM,cAAA,GAAiB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAA,EAAe,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uUAAA,EAAwU,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0OAAA,EAA2O;AAAA,CAAA,EAAE,CAAA;AACxsB,IAAO,oBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsD,UAAA,CAAmD,CAC7G,EAAE,KAAA,GAAQ,cAAA,EAAgB,IAAA,EAAM,MAAA,EAAQ,GAAG,KAAA,EAAM,EACjD,GAAA,KACG;AACH,EAAA,MAAM,YAAY,IAAA,IAAQ,cAAA;AAC1B,EAAA,MAAM,cAAc,MAAA,IAAU,cAAA;AAC9B,EAAA,uBACEA,GAAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,MAAM,EAAA,IAAM,MAAA;AAAA,MAChB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,WAAA;AAAA,MACR,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AAED,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAOC,qBAAAA,GAAQ","file":"times-circle.js","sourcesContent":["import * as React from \"react\";\nconst SvgTimesCircle = props => <svg id=\"Times_Circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"14 13 15 13 15 14 16 14 16 15 17 15 17 16 16 16 16 17 15 17 15 16 14 16 14 15 13 15 13 14 11 14 11 15 10 15 10 16 9 16 9 17 8 17 8 16 7 16 7 15 8 15 8 14 9 14 9 13 10 13 10 11 9 11 9 10 8 10 8 9 7 9 7 8 8 8 8 7 9 7 9 8 10 8 10 9 11 9 11 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 13\" /><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-1,6h-1v2h-1v2h-2v1h-2v1h-6v-1h-2v-1h-2v-2h-1v-2h-1v-6h1v-2h1v-2h2v-1h2v-1h6v1h2v1h2v2h1v2h1v6Z\" /></svg>;\nexport default SvgTimesCircle;","// 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/times-circle.svg';\n\n/**\n * @component\n * @name TimesCircle\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 TimesCircle: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', fill, stroke, ...props },\n  ref\n) => {\n  const finalFill = fill ?? 'currentColor';\n  const finalStroke = stroke ?? 'currentColor';\n  return (\n    <SvgComponent\n      id={props.id ?? undefined}\n      fill={finalFill}\n      stroke={finalStroke}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nTimesCircle.displayName = 'TimesCircle';\n\nexport default TimesCircle;\n"]}

package/dist/icons/times-solid.cjs

@@ -6,17 +6,17 @@ var jsxRuntime = require('react/jsx-runtime');
 // src/icons/times-solid.tsx
 var SvgTimesSolid = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { id: "Times", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "15 13 16 13 16 14 17 14 17 15 18 15 18 16 19 16 19 17 20 17 20 18 21 18 21 19 22 19 22 20 21 20 21 21 20 21 20 22 19 22 19 21 18 21 18 20 17 20 17 19 16 19 16 18 15 18 15 17 14 17 14 16 13 16 13 15 11 15 11 16 10 16 10 17 9 17 9 18 8 18 8 19 7 19 7 20 6 20 6 21 5 21 5 22 4 22 4 21 3 21 3 20 2 20 2 19 3 19 3 18 4 18 4 17 5 17 5 16 6 16 6 15 7 15 7 14 8 14 8 13 9 13 9 11 8 11 8 10 7 10 7 9 6 9 6 8 5 8 5 7 4 7 4 6 3 6 3 5 2 5 2 4 3 4 3 3 4 3 4 2 5 2 5 3 6 3 6 4 7 4 7 5 8 5 8 6 9 6 9 7 10 7 10 8 11 8 11 9 13 9 13 8 14 8 14 7 15 7 15 6 16 6 16 5 17 5 17 4 18 4 18 3 19 3 19 2 20 2 20 3 21 3 21 4 22 4 22 5 21 5 21 6 20 6 20 7 19 7 19 8 18 8 18 9 17 9 17 10 16 10 16 11 15 11 15 13" }) });
 var times_solid_default = SvgTimesSolid;
-var TimesSolid = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
+var TimesSolid = react.forwardRef(({ color = "currentColor", fill, stroke, ...props }, ref) => {
+  const finalFill = fill ?? "currentColor";
+  const finalStroke = stroke ?? "currentColor";
   return /* @__PURE__ */ jsxRuntime.jsx(
     times_solid_default,
     {
-      ...props,
+      id: props.id ?? void 0,
+      fill: finalFill,
+      stroke: finalStroke,
       ref,
-      style: {
-        fill: "currentColor",
-        color,
-        ...style
-      }
+      ...props
     }
   );
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/times-solid.svg","../../src/icons/times-solid.tsx"],"names":["jsx","forwardRef","times_solid_default"],"mappings":";;;;;;AACA,IAAM,gBAAgB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAQ,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,6qBAA4qB,CAAA,EAAE,CAAA;AAC/yB,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":"times-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgTimesSolid = props => <svg id=\"Times\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"15 13 16 13 16 14 17 14 17 15 18 15 18 16 19 16 19 17 20 17 20 18 21 18 21 19 22 19 22 20 21 20 21 21 20 21 20 22 19 22 19 21 18 21 18 20 17 20 17 19 16 19 16 18 15 18 15 17 14 17 14 16 13 16 13 15 11 15 11 16 10 16 10 17 9 17 9 18 8 18 8 19 7 19 7 20 6 20 6 21 5 21 5 22 4 22 4 21 3 21 3 20 2 20 2 19 3 19 3 18 4 18 4 17 5 17 5 16 6 16 6 15 7 15 7 14 8 14 8 13 9 13 9 11 8 11 8 10 7 10 7 9 6 9 6 8 5 8 5 7 4 7 4 6 3 6 3 5 2 5 2 4 3 4 3 3 4 3 4 2 5 2 5 3 6 3 6 4 7 4 7 5 8 5 8 6 9 6 9 7 10 7 10 8 11 8 11 9 13 9 13 8 14 8 14 7 15 7 15 6 16 6 16 5 17 5 17 4 18 4 18 3 19 3 19 2 20 2 20 3 21 3 21 4 22 4 22 5 21 5 21 6 20 6 20 7 19 7 19 8 18 8 18 9 17 9 17 10 16 10 16 11 15 11 15 13\" /></svg>;\nexport default SvgTimesSolid;","// 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/times-solid.svg';\n\n/**\n * @component\n * @name TimesSolid\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 TimesSolid: 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\nTimesSolid.displayName = 'TimesSolid';\n\nexport default TimesSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/times-solid.svg","../../src/icons/times-solid.tsx"],"names":["jsx","forwardRef","times_solid_default"],"mappings":";;;;;;AACA,IAAM,gBAAgB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAQ,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,6qBAA4qB,CAAA,EAAE,CAAA;AAC/yB,IAAO,mBAAA,GAAQ,aAAA;ACaf,IAAM,UAAA,GAAqDC,gBAAA,CAAmD,CAC5G,EAAE,KAAA,GAAQ,cAAA,EAAgB,IAAA,EAAM,MAAA,EAAQ,GAAG,KAAA,EAAM,EACjD,GAAA,KACG;AACH,EAAA,MAAM,YAAY,IAAA,IAAQ,cAAA;AAC1B,EAAA,MAAM,cAAc,MAAA,IAAU,cAAA;AAC9B,EAAA,uBACED,cAAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,MAAM,EAAA,IAAM,MAAA;AAAA,MAChB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,WAAA;AAAA,MACR,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AAED,UAAA,CAAW,WAAA,GAAc,YAAA;AAEzB,IAAOE,oBAAAA,GAAQ","file":"times-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgTimesSolid = props => <svg id=\"Times\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"15 13 16 13 16 14 17 14 17 15 18 15 18 16 19 16 19 17 20 17 20 18 21 18 21 19 22 19 22 20 21 20 21 21 20 21 20 22 19 22 19 21 18 21 18 20 17 20 17 19 16 19 16 18 15 18 15 17 14 17 14 16 13 16 13 15 11 15 11 16 10 16 10 17 9 17 9 18 8 18 8 19 7 19 7 20 6 20 6 21 5 21 5 22 4 22 4 21 3 21 3 20 2 20 2 19 3 19 3 18 4 18 4 17 5 17 5 16 6 16 6 15 7 15 7 14 8 14 8 13 9 13 9 11 8 11 8 10 7 10 7 9 6 9 6 8 5 8 5 7 4 7 4 6 3 6 3 5 2 5 2 4 3 4 3 3 4 3 4 2 5 2 5 3 6 3 6 4 7 4 7 5 8 5 8 6 9 6 9 7 10 7 10 8 11 8 11 9 13 9 13 8 14 8 14 7 15 7 15 6 16 6 16 5 17 5 17 4 18 4 18 3 19 3 19 2 20 2 20 3 21 3 21 4 22 4 22 5 21 5 21 6 20 6 20 7 19 7 19 8 18 8 18 9 17 9 17 10 16 10 16 11 15 11 15 13\" /></svg>;\nexport default SvgTimesSolid;","// 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/times-solid.svg';\n\n/**\n * @component\n * @name TimesSolid\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 TimesSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', fill, stroke, ...props },\n  ref\n) => {\n  const finalFill = fill ?? 'currentColor';\n  const finalStroke = stroke ?? 'currentColor';\n  return (\n    <SvgComponent\n      id={props.id ?? undefined}\n      fill={finalFill}\n      stroke={finalStroke}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nTimesSolid.displayName = 'TimesSolid';\n\nexport default TimesSolid;\n"]}

package/dist/icons/times-solid.js

@@ -4,17 +4,17 @@ import { jsx } from 'react/jsx-runtime';
 // src/icons/times-solid.tsx
 var SvgTimesSolid = (props) => /* @__PURE__ */ jsx("svg", { id: "Times", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("polygon", { points: "15 13 16 13 16 14 17 14 17 15 18 15 18 16 19 16 19 17 20 17 20 18 21 18 21 19 22 19 22 20 21 20 21 21 20 21 20 22 19 22 19 21 18 21 18 20 17 20 17 19 16 19 16 18 15 18 15 17 14 17 14 16 13 16 13 15 11 15 11 16 10 16 10 17 9 17 9 18 8 18 8 19 7 19 7 20 6 20 6 21 5 21 5 22 4 22 4 21 3 21 3 20 2 20 2 19 3 19 3 18 4 18 4 17 5 17 5 16 6 16 6 15 7 15 7 14 8 14 8 13 9 13 9 11 8 11 8 10 7 10 7 9 6 9 6 8 5 8 5 7 4 7 4 6 3 6 3 5 2 5 2 4 3 4 3 3 4 3 4 2 5 2 5 3 6 3 6 4 7 4 7 5 8 5 8 6 9 6 9 7 10 7 10 8 11 8 11 9 13 9 13 8 14 8 14 7 15 7 15 6 16 6 16 5 17 5 17 4 18 4 18 3 19 3 19 2 20 2 20 3 21 3 21 4 22 4 22 5 21 5 21 6 20 6 20 7 19 7 19 8 18 8 18 9 17 9 17 10 16 10 16 11 15 11 15 13" }) });
 var times_solid_default = SvgTimesSolid;
-var TimesSolid = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
+var TimesSolid = forwardRef(({ color = "currentColor", fill, stroke, ...props }, ref) => {
+  const finalFill = fill ?? "currentColor";
+  const finalStroke = stroke ?? "currentColor";
   return /* @__PURE__ */ jsx(
     times_solid_default,
     {
-      ...props,
+      id: props.id ?? void 0,
+      fill: finalFill,
+      stroke: finalStroke,
       ref,
-      style: {
-        fill: "currentColor",
-        color,
-        ...style
-      }
+      ...props
     }
   );
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/times-solid.svg","../../src/icons/times-solid.tsx"],"names":["jsx","times_solid_default"],"mappings":";;;;AACA,IAAM,gBAAgB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAQ,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,6qBAA4qB,CAAA,EAAE,CAAA;AAC/yB,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":"times-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgTimesSolid = props => <svg id=\"Times\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"15 13 16 13 16 14 17 14 17 15 18 15 18 16 19 16 19 17 20 17 20 18 21 18 21 19 22 19 22 20 21 20 21 21 20 21 20 22 19 22 19 21 18 21 18 20 17 20 17 19 16 19 16 18 15 18 15 17 14 17 14 16 13 16 13 15 11 15 11 16 10 16 10 17 9 17 9 18 8 18 8 19 7 19 7 20 6 20 6 21 5 21 5 22 4 22 4 21 3 21 3 20 2 20 2 19 3 19 3 18 4 18 4 17 5 17 5 16 6 16 6 15 7 15 7 14 8 14 8 13 9 13 9 11 8 11 8 10 7 10 7 9 6 9 6 8 5 8 5 7 4 7 4 6 3 6 3 5 2 5 2 4 3 4 3 3 4 3 4 2 5 2 5 3 6 3 6 4 7 4 7 5 8 5 8 6 9 6 9 7 10 7 10 8 11 8 11 9 13 9 13 8 14 8 14 7 15 7 15 6 16 6 16 5 17 5 17 4 18 4 18 3 19 3 19 2 20 2 20 3 21 3 21 4 22 4 22 5 21 5 21 6 20 6 20 7 19 7 19 8 18 8 18 9 17 9 17 10 16 10 16 11 15 11 15 13\" /></svg>;\nexport default SvgTimesSolid;","// 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/times-solid.svg';\n\n/**\n * @component\n * @name TimesSolid\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 TimesSolid: 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\nTimesSolid.displayName = 'TimesSolid';\n\nexport default TimesSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/times-solid.svg","../../src/icons/times-solid.tsx"],"names":["jsx","times_solid_default"],"mappings":";;;;AACA,IAAM,gBAAgB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAQ,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,6qBAA4qB,CAAA,EAAE,CAAA;AAC/yB,IAAO,mBAAA,GAAQ,aAAA;ACaf,IAAM,UAAA,GAAqD,UAAA,CAAmD,CAC5G,EAAE,KAAA,GAAQ,cAAA,EAAgB,IAAA,EAAM,MAAA,EAAQ,GAAG,KAAA,EAAM,EACjD,GAAA,KACG;AACH,EAAA,MAAM,YAAY,IAAA,IAAQ,cAAA;AAC1B,EAAA,MAAM,cAAc,MAAA,IAAU,cAAA;AAC9B,EAAA,uBACEA,GAAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,MAAM,EAAA,IAAM,MAAA;AAAA,MAChB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,WAAA;AAAA,MACR,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AAED,UAAA,CAAW,WAAA,GAAc,YAAA;AAEzB,IAAOC,oBAAAA,GAAQ","file":"times-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgTimesSolid = props => <svg id=\"Times\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"15 13 16 13 16 14 17 14 17 15 18 15 18 16 19 16 19 17 20 17 20 18 21 18 21 19 22 19 22 20 21 20 21 21 20 21 20 22 19 22 19 21 18 21 18 20 17 20 17 19 16 19 16 18 15 18 15 17 14 17 14 16 13 16 13 15 11 15 11 16 10 16 10 17 9 17 9 18 8 18 8 19 7 19 7 20 6 20 6 21 5 21 5 22 4 22 4 21 3 21 3 20 2 20 2 19 3 19 3 18 4 18 4 17 5 17 5 16 6 16 6 15 7 15 7 14 8 14 8 13 9 13 9 11 8 11 8 10 7 10 7 9 6 9 6 8 5 8 5 7 4 7 4 6 3 6 3 5 2 5 2 4 3 4 3 3 4 3 4 2 5 2 5 3 6 3 6 4 7 4 7 5 8 5 8 6 9 6 9 7 10 7 10 8 11 8 11 9 13 9 13 8 14 8 14 7 15 7 15 6 16 6 16 5 17 5 17 4 18 4 18 3 19 3 19 2 20 2 20 3 21 3 21 4 22 4 22 5 21 5 21 6 20 6 20 7 19 7 19 8 18 8 18 9 17 9 17 10 16 10 16 11 15 11 15 13\" /></svg>;\nexport default SvgTimesSolid;","// 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/times-solid.svg';\n\n/**\n * @component\n * @name TimesSolid\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 TimesSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', fill, stroke, ...props },\n  ref\n) => {\n  const finalFill = fill ?? 'currentColor';\n  const finalStroke = stroke ?? 'currentColor';\n  return (\n    <SvgComponent\n      id={props.id ?? undefined}\n      fill={finalFill}\n      stroke={finalStroke}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nTimesSolid.displayName = 'TimesSolid';\n\nexport default TimesSolid;\n"]}

package/dist/icons/times.cjs

@@ -6,17 +6,17 @@ var jsxRuntime = require('react/jsx-runtime');
 // src/icons/times.tsx
 var SvgTimes = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { id: "Times", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "14 13 15 13 15 14 16 14 16 15 17 15 17 16 18 16 18 17 19 17 19 18 20 18 20 19 21 19 21 20 22 20 22 21 21 21 21 22 20 22 20 21 19 21 19 20 18 20 18 19 17 19 17 18 16 18 16 17 15 17 15 16 14 16 14 15 13 15 13 14 11 14 11 15 10 15 10 16 9 16 9 17 8 17 8 18 7 18 7 19 6 19 6 20 5 20 5 21 4 21 4 22 3 22 3 21 2 21 2 20 3 20 3 19 4 19 4 18 5 18 5 17 6 17 6 16 7 16 7 15 8 15 8 14 9 14 9 13 10 13 10 11 9 11 9 10 8 10 8 9 7 9 7 8 6 8 6 7 5 7 5 6 4 6 4 5 3 5 3 4 2 4 2 3 3 3 3 2 4 2 4 3 5 3 5 4 6 4 6 5 7 5 7 6 8 6 8 7 9 7 9 8 10 8 10 9 11 9 11 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 6 17 6 17 5 18 5 18 4 19 4 19 3 20 3 20 2 21 2 21 3 22 3 22 4 21 4 21 5 20 5 20 6 19 6 19 7 18 7 18 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 13" }) });
 var times_default = SvgTimes;
-var Times = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
+var Times = react.forwardRef(({ color = "currentColor", fill, stroke, ...props }, ref) => {
+  const finalFill = fill ?? "currentColor";
+  const finalStroke = stroke ?? "currentColor";
   return /* @__PURE__ */ jsxRuntime.jsx(
     times_default,
     {
-      ...props,
+      id: props.id ?? void 0,
+      fill: finalFill,
+      stroke: finalStroke,
       ref,
-      style: {
-        fill: "currentColor",
-        color,
-        ...style
-      }
+      ...props
     }
   );
 });

package/dist/icons/times.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/times.svg","../../src/icons/times.tsx"],"names":["jsx","forwardRef","times_default"],"mappings":";;;;;;AACA,IAAM,WAAW,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAQ,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,ytBAAwtB,CAAA,EAAE,CAAA;AACt1B,IAAO,aAAA,GAAQ,QAAA;ACaf,IAAM,KAAA,GAAgDC,gBAAA,CAAmD,CACvG,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACED,cAAAA;AAAA,IAAC,aAAA;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,KAAA,CAAM,WAAA,GAAc,OAAA;AAEpB,IAAOE,cAAAA,GAAQ","file":"times.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgTimes = props => <svg id=\"Times\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"14 13 15 13 15 14 16 14 16 15 17 15 17 16 18 16 18 17 19 17 19 18 20 18 20 19 21 19 21 20 22 20 22 21 21 21 21 22 20 22 20 21 19 21 19 20 18 20 18 19 17 19 17 18 16 18 16 17 15 17 15 16 14 16 14 15 13 15 13 14 11 14 11 15 10 15 10 16 9 16 9 17 8 17 8 18 7 18 7 19 6 19 6 20 5 20 5 21 4 21 4 22 3 22 3 21 2 21 2 20 3 20 3 19 4 19 4 18 5 18 5 17 6 17 6 16 7 16 7 15 8 15 8 14 9 14 9 13 10 13 10 11 9 11 9 10 8 10 8 9 7 9 7 8 6 8 6 7 5 7 5 6 4 6 4 5 3 5 3 4 2 4 2 3 3 3 3 2 4 2 4 3 5 3 5 4 6 4 6 5 7 5 7 6 8 6 8 7 9 7 9 8 10 8 10 9 11 9 11 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 6 17 6 17 5 18 5 18 4 19 4 19 3 20 3 20 2 21 2 21 3 22 3 22 4 21 4 21 5 20 5 20 6 19 6 19 7 18 7 18 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 13\" /></svg>;\nexport default SvgTimes;","// 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/times.svg';\n\n/**\n * @component\n * @name Times\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 Times: 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\nTimes.displayName = 'Times';\n\nexport default Times;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/times.svg","../../src/icons/times.tsx"],"names":["jsx","forwardRef","times_default"],"mappings":";;;;;;AACA,IAAM,WAAW,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAQ,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,ytBAAwtB,CAAA,EAAE,CAAA;AACt1B,IAAO,aAAA,GAAQ,QAAA;ACaf,IAAM,KAAA,GAAgDC,gBAAA,CAAmD,CACvG,EAAE,KAAA,GAAQ,cAAA,EAAgB,IAAA,EAAM,MAAA,EAAQ,GAAG,KAAA,EAAM,EACjD,GAAA,KACG;AACH,EAAA,MAAM,YAAY,IAAA,IAAQ,cAAA;AAC1B,EAAA,MAAM,cAAc,MAAA,IAAU,cAAA;AAC9B,EAAA,uBACED,cAAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,MAAM,EAAA,IAAM,MAAA;AAAA,MAChB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,WAAA;AAAA,MACR,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AAED,KAAA,CAAM,WAAA,GAAc,OAAA;AAEpB,IAAOE,cAAAA,GAAQ","file":"times.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgTimes = props => <svg id=\"Times\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"14 13 15 13 15 14 16 14 16 15 17 15 17 16 18 16 18 17 19 17 19 18 20 18 20 19 21 19 21 20 22 20 22 21 21 21 21 22 20 22 20 21 19 21 19 20 18 20 18 19 17 19 17 18 16 18 16 17 15 17 15 16 14 16 14 15 13 15 13 14 11 14 11 15 10 15 10 16 9 16 9 17 8 17 8 18 7 18 7 19 6 19 6 20 5 20 5 21 4 21 4 22 3 22 3 21 2 21 2 20 3 20 3 19 4 19 4 18 5 18 5 17 6 17 6 16 7 16 7 15 8 15 8 14 9 14 9 13 10 13 10 11 9 11 9 10 8 10 8 9 7 9 7 8 6 8 6 7 5 7 5 6 4 6 4 5 3 5 3 4 2 4 2 3 3 3 3 2 4 2 4 3 5 3 5 4 6 4 6 5 7 5 7 6 8 6 8 7 9 7 9 8 10 8 10 9 11 9 11 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 6 17 6 17 5 18 5 18 4 19 4 19 3 20 3 20 2 21 2 21 3 22 3 22 4 21 4 21 5 20 5 20 6 19 6 19 7 18 7 18 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 13\" /></svg>;\nexport default SvgTimes;","// 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/times.svg';\n\n/**\n * @component\n * @name Times\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 Times: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', fill, stroke, ...props },\n  ref\n) => {\n  const finalFill = fill ?? 'currentColor';\n  const finalStroke = stroke ?? 'currentColor';\n  return (\n    <SvgComponent\n      id={props.id ?? undefined}\n      fill={finalFill}\n      stroke={finalStroke}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nTimes.displayName = 'Times';\n\nexport default Times;\n"]}

package/dist/icons/times.js

@@ -4,17 +4,17 @@ import { jsx } from 'react/jsx-runtime';
 // src/icons/times.tsx
 var SvgTimes = (props) => /* @__PURE__ */ jsx("svg", { id: "Times", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("polygon", { points: "14 13 15 13 15 14 16 14 16 15 17 15 17 16 18 16 18 17 19 17 19 18 20 18 20 19 21 19 21 20 22 20 22 21 21 21 21 22 20 22 20 21 19 21 19 20 18 20 18 19 17 19 17 18 16 18 16 17 15 17 15 16 14 16 14 15 13 15 13 14 11 14 11 15 10 15 10 16 9 16 9 17 8 17 8 18 7 18 7 19 6 19 6 20 5 20 5 21 4 21 4 22 3 22 3 21 2 21 2 20 3 20 3 19 4 19 4 18 5 18 5 17 6 17 6 16 7 16 7 15 8 15 8 14 9 14 9 13 10 13 10 11 9 11 9 10 8 10 8 9 7 9 7 8 6 8 6 7 5 7 5 6 4 6 4 5 3 5 3 4 2 4 2 3 3 3 3 2 4 2 4 3 5 3 5 4 6 4 6 5 7 5 7 6 8 6 8 7 9 7 9 8 10 8 10 9 11 9 11 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 6 17 6 17 5 18 5 18 4 19 4 19 3 20 3 20 2 21 2 21 3 22 3 22 4 21 4 21 5 20 5 20 6 19 6 19 7 18 7 18 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 13" }) });
 var times_default = SvgTimes;
-var Times = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
+var Times = forwardRef(({ color = "currentColor", fill, stroke, ...props }, ref) => {
+  const finalFill = fill ?? "currentColor";
+  const finalStroke = stroke ?? "currentColor";
   return /* @__PURE__ */ jsx(
     times_default,
     {
-      ...props,
+      id: props.id ?? void 0,
+      fill: finalFill,
+      stroke: finalStroke,
       ref,
-      style: {
-        fill: "currentColor",
-        color,
-        ...style
-      }
+      ...props
     }
   );
 });

package/dist/icons/times.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/times.svg","../../src/icons/times.tsx"],"names":["jsx","times_default"],"mappings":";;;;AACA,IAAM,WAAW,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAQ,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,ytBAAwtB,CAAA,EAAE,CAAA;AACt1B,IAAO,aAAA,GAAQ,QAAA;ACaf,IAAM,KAAA,GAAgD,UAAA,CAAmD,CACvG,EAAE,KAAA,GAAQ,gBAAgB,KAAA,EAAO,GAAG,KAAA,EAAM,EAC1C,GAAA,KACG;AACH,EAAA,uBACEA,GAAAA;AAAA,IAAC,aAAA;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,KAAA,CAAM,WAAA,GAAc,OAAA;AAEpB,IAAOC,cAAAA,GAAQ","file":"times.js","sourcesContent":["import * as React from \"react\";\nconst SvgTimes = props => <svg id=\"Times\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"14 13 15 13 15 14 16 14 16 15 17 15 17 16 18 16 18 17 19 17 19 18 20 18 20 19 21 19 21 20 22 20 22 21 21 21 21 22 20 22 20 21 19 21 19 20 18 20 18 19 17 19 17 18 16 18 16 17 15 17 15 16 14 16 14 15 13 15 13 14 11 14 11 15 10 15 10 16 9 16 9 17 8 17 8 18 7 18 7 19 6 19 6 20 5 20 5 21 4 21 4 22 3 22 3 21 2 21 2 20 3 20 3 19 4 19 4 18 5 18 5 17 6 17 6 16 7 16 7 15 8 15 8 14 9 14 9 13 10 13 10 11 9 11 9 10 8 10 8 9 7 9 7 8 6 8 6 7 5 7 5 6 4 6 4 5 3 5 3 4 2 4 2 3 3 3 3 2 4 2 4 3 5 3 5 4 6 4 6 5 7 5 7 6 8 6 8 7 9 7 9 8 10 8 10 9 11 9 11 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 6 17 6 17 5 18 5 18 4 19 4 19 3 20 3 20 2 21 2 21 3 22 3 22 4 21 4 21 5 20 5 20 6 19 6 19 7 18 7 18 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 13\" /></svg>;\nexport default SvgTimes;","// 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/times.svg';\n\n/**\n * @component\n * @name Times\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 Times: 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\nTimes.displayName = 'Times';\n\nexport default Times;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/times.svg","../../src/icons/times.tsx"],"names":["jsx","times_default"],"mappings":";;;;AACA,IAAM,WAAW,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAQ,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,ytBAAwtB,CAAA,EAAE,CAAA;AACt1B,IAAO,aAAA,GAAQ,QAAA;ACaf,IAAM,KAAA,GAAgD,UAAA,CAAmD,CACvG,EAAE,KAAA,GAAQ,cAAA,EAAgB,IAAA,EAAM,MAAA,EAAQ,GAAG,KAAA,EAAM,EACjD,GAAA,KACG;AACH,EAAA,MAAM,YAAY,IAAA,IAAQ,cAAA;AAC1B,EAAA,MAAM,cAAc,MAAA,IAAU,cAAA;AAC9B,EAAA,uBACEA,GAAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,MAAM,EAAA,IAAM,MAAA;AAAA,MAChB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,WAAA;AAAA,MACR,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AAED,KAAA,CAAM,WAAA,GAAc,OAAA;AAEpB,IAAOC,cAAAA,GAAQ","file":"times.js","sourcesContent":["import * as React from \"react\";\nconst SvgTimes = props => <svg id=\"Times\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"14 13 15 13 15 14 16 14 16 15 17 15 17 16 18 16 18 17 19 17 19 18 20 18 20 19 21 19 21 20 22 20 22 21 21 21 21 22 20 22 20 21 19 21 19 20 18 20 18 19 17 19 17 18 16 18 16 17 15 17 15 16 14 16 14 15 13 15 13 14 11 14 11 15 10 15 10 16 9 16 9 17 8 17 8 18 7 18 7 19 6 19 6 20 5 20 5 21 4 21 4 22 3 22 3 21 2 21 2 20 3 20 3 19 4 19 4 18 5 18 5 17 6 17 6 16 7 16 7 15 8 15 8 14 9 14 9 13 10 13 10 11 9 11 9 10 8 10 8 9 7 9 7 8 6 8 6 7 5 7 5 6 4 6 4 5 3 5 3 4 2 4 2 3 3 3 3 2 4 2 4 3 5 3 5 4 6 4 6 5 7 5 7 6 8 6 8 7 9 7 9 8 10 8 10 9 11 9 11 10 13 10 13 9 14 9 14 8 15 8 15 7 16 7 16 6 17 6 17 5 18 5 18 4 19 4 19 3 20 3 20 2 21 2 21 3 22 3 22 4 21 4 21 5 20 5 20 6 19 6 19 7 18 7 18 8 17 8 17 9 16 9 16 10 15 10 15 11 14 11 14 13\" /></svg>;\nexport default SvgTimes;","// 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/times.svg';\n\n/**\n * @component\n * @name Times\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 Times: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', fill, stroke, ...props },\n  ref\n) => {\n  const finalFill = fill ?? 'currentColor';\n  const finalStroke = stroke ?? 'currentColor';\n  return (\n    <SvgComponent\n      id={props.id ?? undefined}\n      fill={finalFill}\n      stroke={finalStroke}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nTimes.displayName = 'Times';\n\nexport default Times;\n"]}

package/dist/icons/translate-solid.cjs

@@ -13,17 +13,17 @@ var SvgTranslateSolid = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id:
   /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "6 19 6 20 7 20 7 21 8 21 8 22 5 22 5 21 4 21 4 19 2 19 2 18 3 18 3 17 4 17 4 16 6 16 6 17 7 17 7 18 8 18 8 19 6 19" })
 ] });
 var translate_solid_default = SvgTranslateSolid;
-var TranslateSolid = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
+var TranslateSolid = react.forwardRef(({ color = "currentColor", fill, stroke, ...props }, ref) => {
+  const finalFill = fill ?? "currentColor";
+  const finalStroke = stroke ?? "currentColor";
   return /* @__PURE__ */ jsxRuntime.jsx(
     translate_solid_default,
     {
-      ...props,
+      id: props.id ?? void 0,
+      fill: finalFill,
+      stroke: finalStroke,
       ref,
-      style: {
-        fill: "currentColor",
-        color,
-        ...style
-      }
+      ...props
     }
   );
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/translate-solid.svg","../../src/icons/translate-solid.tsx"],"names":["jsxs","jsx","forwardRef","translate_solid_default"],"mappings":";;;;;;AACA,IAAM,iBAAA,GAAoB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,WAAA,EAAY,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oHAAA,EAAqH,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2GAAA,EAA4G,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,6BAAA,EAA8B,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,wNAAA,EAAyN,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oHAAA,EAAqH;AAAA,CAAA,EAAE,CAAA;AACl2B,IAAO,uBAAA,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,uBAAA;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,wBAAAA,GAAQ","file":"translate-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgTranslateSolid = props => <svg id=\"Translate\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"19 16 19 17 14 17 14 16 15 16 15 14 18 14 18 16 19 16\" /><polygon points=\"22 5 22 6 21 6 21 7 20 7 20 8 18 8 18 7 17 7 17 6 16 6 16 5 18 5 18 4 17 4 17 3 16 3 16 2 19 2 19 3 20 3 20 5 22 5\" /><path d=\"m22,10v-1h-11v1h-1v12h1v1h11v-1h1v-12h-1Zm-1,11h-2v-3h-5v3h-2v-5h1v-2h1v-1h1v-1h1v-1h1v1h1v1h1v1h1v2h1v5Z\" /><polygon points=\"7 7 7 8 6 8 6 9 4 9 4 7 7 7\" /><polygon points=\"14 2 14 8 12 8 12 6 11 6 11 5 9 5 9 6 8 6 8 4 12 4 12 3 3 3 3 4 7 4 7 6 6 6 6 5 4 5 4 6 3 6 3 10 4 10 4 11 6 11 6 10 7 10 7 13 8 13 8 8 9 8 9 7 11 7 11 8 10 8 10 9 9 9 9 15 2 15 2 14 1 14 1 2 2 2 2 1 13 1 13 2 14 2\" /><polygon points=\"6 19 6 20 7 20 7 21 8 21 8 22 5 22 5 21 4 21 4 19 2 19 2 18 3 18 3 17 4 17 4 16 6 16 6 17 7 17 7 18 8 18 8 19 6 19\" /></svg>;\nexport default SvgTranslateSolid;","// 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/translate-solid.svg';\n\n/**\n * @component\n * @name TranslateSolid\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 TranslateSolid: 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\nTranslateSolid.displayName = 'TranslateSolid';\n\nexport default TranslateSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/translate-solid.svg","../../src/icons/translate-solid.tsx"],"names":["jsxs","jsx","forwardRef","translate_solid_default"],"mappings":";;;;;;AACA,IAAM,iBAAA,GAAoB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,WAAA,EAAY,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oHAAA,EAAqH,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2GAAA,EAA4G,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,6BAAA,EAA8B,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,wNAAA,EAAyN,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oHAAA,EAAqH;AAAA,CAAA,EAAE,CAAA;AACl2B,IAAO,uBAAA,GAAQ,iBAAA;ACaf,IAAM,cAAA,GAAyDC,gBAAA,CAAmD,CAChH,EAAE,KAAA,GAAQ,cAAA,EAAgB,IAAA,EAAM,MAAA,EAAQ,GAAG,KAAA,EAAM,EACjD,GAAA,KACG;AACH,EAAA,MAAM,YAAY,IAAA,IAAQ,cAAA;AAC1B,EAAA,MAAM,cAAc,MAAA,IAAU,cAAA;AAC9B,EAAA,uBACED,cAAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,MAAM,EAAA,IAAM,MAAA;AAAA,MAChB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,WAAA;AAAA,MACR,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AAED,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,IAAOE,wBAAAA,GAAQ","file":"translate-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgTranslateSolid = props => <svg id=\"Translate\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"19 16 19 17 14 17 14 16 15 16 15 14 18 14 18 16 19 16\" /><polygon points=\"22 5 22 6 21 6 21 7 20 7 20 8 18 8 18 7 17 7 17 6 16 6 16 5 18 5 18 4 17 4 17 3 16 3 16 2 19 2 19 3 20 3 20 5 22 5\" /><path d=\"m22,10v-1h-11v1h-1v12h1v1h11v-1h1v-12h-1Zm-1,11h-2v-3h-5v3h-2v-5h1v-2h1v-1h1v-1h1v-1h1v1h1v1h1v1h1v2h1v5Z\" /><polygon points=\"7 7 7 8 6 8 6 9 4 9 4 7 7 7\" /><polygon points=\"14 2 14 8 12 8 12 6 11 6 11 5 9 5 9 6 8 6 8 4 12 4 12 3 3 3 3 4 7 4 7 6 6 6 6 5 4 5 4 6 3 6 3 10 4 10 4 11 6 11 6 10 7 10 7 13 8 13 8 8 9 8 9 7 11 7 11 8 10 8 10 9 9 9 9 15 2 15 2 14 1 14 1 2 2 2 2 1 13 1 13 2 14 2\" /><polygon points=\"6 19 6 20 7 20 7 21 8 21 8 22 5 22 5 21 4 21 4 19 2 19 2 18 3 18 3 17 4 17 4 16 6 16 6 17 7 17 7 18 8 18 8 19 6 19\" /></svg>;\nexport default SvgTranslateSolid;","// 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/translate-solid.svg';\n\n/**\n * @component\n * @name TranslateSolid\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 TranslateSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', fill, stroke, ...props },\n  ref\n) => {\n  const finalFill = fill ?? 'currentColor';\n  const finalStroke = stroke ?? 'currentColor';\n  return (\n    <SvgComponent\n      id={props.id ?? undefined}\n      fill={finalFill}\n      stroke={finalStroke}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nTranslateSolid.displayName = 'TranslateSolid';\n\nexport default TranslateSolid;\n"]}

package/dist/icons/translate-solid.js

@@ -11,17 +11,17 @@ var SvgTranslateSolid = (props) => /* @__PURE__ */ jsxs("svg", { id: "Translate"
   /* @__PURE__ */ jsx("polygon", { points: "6 19 6 20 7 20 7 21 8 21 8 22 5 22 5 21 4 21 4 19 2 19 2 18 3 18 3 17 4 17 4 16 6 16 6 17 7 17 7 18 8 18 8 19 6 19" })
 ] });
 var translate_solid_default = SvgTranslateSolid;
-var TranslateSolid = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
+var TranslateSolid = forwardRef(({ color = "currentColor", fill, stroke, ...props }, ref) => {
+  const finalFill = fill ?? "currentColor";
+  const finalStroke = stroke ?? "currentColor";
   return /* @__PURE__ */ jsx(
     translate_solid_default,
     {
-      ...props,
+      id: props.id ?? void 0,
+      fill: finalFill,
+      stroke: finalStroke,
       ref,
-      style: {
-        fill: "currentColor",
-        color,
-        ...style
-      }
+      ...props
     }
   );
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/translate-solid.svg","../../src/icons/translate-solid.tsx"],"names":["jsx","translate_solid_default"],"mappings":";;;;AACA,IAAM,iBAAA,GAAoB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,WAAA,EAAY,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oHAAA,EAAqH,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2GAAA,EAA4G,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,6BAAA,EAA8B,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,wNAAA,EAAyN,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oHAAA,EAAqH;AAAA,CAAA,EAAE,CAAA;AACl2B,IAAO,uBAAA,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,uBAAA;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,wBAAAA,GAAQ","file":"translate-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgTranslateSolid = props => <svg id=\"Translate\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"19 16 19 17 14 17 14 16 15 16 15 14 18 14 18 16 19 16\" /><polygon points=\"22 5 22 6 21 6 21 7 20 7 20 8 18 8 18 7 17 7 17 6 16 6 16 5 18 5 18 4 17 4 17 3 16 3 16 2 19 2 19 3 20 3 20 5 22 5\" /><path d=\"m22,10v-1h-11v1h-1v12h1v1h11v-1h1v-12h-1Zm-1,11h-2v-3h-5v3h-2v-5h1v-2h1v-1h1v-1h1v-1h1v1h1v1h1v1h1v2h1v5Z\" /><polygon points=\"7 7 7 8 6 8 6 9 4 9 4 7 7 7\" /><polygon points=\"14 2 14 8 12 8 12 6 11 6 11 5 9 5 9 6 8 6 8 4 12 4 12 3 3 3 3 4 7 4 7 6 6 6 6 5 4 5 4 6 3 6 3 10 4 10 4 11 6 11 6 10 7 10 7 13 8 13 8 8 9 8 9 7 11 7 11 8 10 8 10 9 9 9 9 15 2 15 2 14 1 14 1 2 2 2 2 1 13 1 13 2 14 2\" /><polygon points=\"6 19 6 20 7 20 7 21 8 21 8 22 5 22 5 21 4 21 4 19 2 19 2 18 3 18 3 17 4 17 4 16 6 16 6 17 7 17 7 18 8 18 8 19 6 19\" /></svg>;\nexport default SvgTranslateSolid;","// 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/translate-solid.svg';\n\n/**\n * @component\n * @name TranslateSolid\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 TranslateSolid: 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\nTranslateSolid.displayName = 'TranslateSolid';\n\nexport default TranslateSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/translate-solid.svg","../../src/icons/translate-solid.tsx"],"names":["jsx","translate_solid_default"],"mappings":";;;;AACA,IAAM,iBAAA,GAAoB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,WAAA,EAAY,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uDAAA,EAAwD,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oHAAA,EAAqH,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2GAAA,EAA4G,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,6BAAA,EAA8B,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,wNAAA,EAAyN,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oHAAA,EAAqH;AAAA,CAAA,EAAE,CAAA;AACl2B,IAAO,uBAAA,GAAQ,iBAAA;ACaf,IAAM,cAAA,GAAyD,UAAA,CAAmD,CAChH,EAAE,KAAA,GAAQ,cAAA,EAAgB,IAAA,EAAM,MAAA,EAAQ,GAAG,KAAA,EAAM,EACjD,GAAA,KACG;AACH,EAAA,MAAM,YAAY,IAAA,IAAQ,cAAA;AAC1B,EAAA,MAAM,cAAc,MAAA,IAAU,cAAA;AAC9B,EAAA,uBACEA,GAAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,MAAM,EAAA,IAAM,MAAA;AAAA,MAChB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,WAAA;AAAA,MACR,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AAED,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,IAAOC,wBAAAA,GAAQ","file":"translate-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgTranslateSolid = props => <svg id=\"Translate\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"19 16 19 17 14 17 14 16 15 16 15 14 18 14 18 16 19 16\" /><polygon points=\"22 5 22 6 21 6 21 7 20 7 20 8 18 8 18 7 17 7 17 6 16 6 16 5 18 5 18 4 17 4 17 3 16 3 16 2 19 2 19 3 20 3 20 5 22 5\" /><path d=\"m22,10v-1h-11v1h-1v12h1v1h11v-1h1v-12h-1Zm-1,11h-2v-3h-5v3h-2v-5h1v-2h1v-1h1v-1h1v-1h1v1h1v1h1v1h1v2h1v5Z\" /><polygon points=\"7 7 7 8 6 8 6 9 4 9 4 7 7 7\" /><polygon points=\"14 2 14 8 12 8 12 6 11 6 11 5 9 5 9 6 8 6 8 4 12 4 12 3 3 3 3 4 7 4 7 6 6 6 6 5 4 5 4 6 3 6 3 10 4 10 4 11 6 11 6 10 7 10 7 13 8 13 8 8 9 8 9 7 11 7 11 8 10 8 10 9 9 9 9 15 2 15 2 14 1 14 1 2 2 2 2 1 13 1 13 2 14 2\" /><polygon points=\"6 19 6 20 7 20 7 21 8 21 8 22 5 22 5 21 4 21 4 19 2 19 2 18 3 18 3 17 4 17 4 16 6 16 6 17 7 17 7 18 8 18 8 19 6 19\" /></svg>;\nexport default SvgTranslateSolid;","// 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/translate-solid.svg';\n\n/**\n * @component\n * @name TranslateSolid\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 TranslateSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', fill, stroke, ...props },\n  ref\n) => {\n  const finalFill = fill ?? 'currentColor';\n  const finalStroke = stroke ?? 'currentColor';\n  return (\n    <SvgComponent\n      id={props.id ?? undefined}\n      fill={finalFill}\n      stroke={finalStroke}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nTranslateSolid.displayName = 'TranslateSolid';\n\nexport default TranslateSolid;\n"]}

package/dist/icons/translate.cjs

@@ -19,17 +19,17 @@ var SvgTranslate = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "Tran
   /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "6 19 6 20 7 20 7 21 8 21 8 22 5 22 5 21 4 21 4 19 2 19 2 18 3 18 3 17 4 17 4 16 6 16 6 17 7 17 7 18 8 18 8 19 6 19" })
 ] });
 var translate_default = SvgTranslate;
-var Translate = react.forwardRef(({ color = "currentColor", style, ...props }, ref) => {
+var Translate = react.forwardRef(({ color = "currentColor", fill, stroke, ...props }, ref) => {
+  const finalFill = fill ?? "currentColor";
+  const finalStroke = stroke ?? "currentColor";
   return /* @__PURE__ */ jsxRuntime.jsx(
     translate_default,
     {
-      ...props,
+      id: props.id ?? void 0,
+      fill: finalFill,
+      stroke: finalStroke,
       ref,
-      style: {
-        fill: "currentColor",
-        color,
-        ...style
-      }
+      ...props
     }
   );
 });

package/dist/icons/translate.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/translate.svg","../../src/icons/translate.tsx"],"names":["jsxs","jsx","forwardRef","translate_default"],"mappings":";;;;;;AACA,IAAM,YAAA,GAAe,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,WAAA,EAAY,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,KAAA,EAAO,EAAA,EAAI,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,EAAA,EAAI,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,CAAA,EAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oHAAA,EAAqH,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iGAAA,EAAkG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,EAAA,EAAI,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,EAAA,EAAI,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,2GAAA,EAA4G,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oHAAA,EAAqH;AAAA,CAAA,EAAE,CAAA;AAC37B,IAAO,iBAAA,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,iBAAA;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,kBAAAA,GAAQ","file":"translate.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgTranslate = props => <svg id=\"Translate\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={11} y={22} width={11} height={1} /><rect x={22} y={10} width={1} height={12} /><rect x={11} y={9} width={11} height={1} /><polygon points=\"22 5 22 6 21 6 21 7 20 7 20 8 18 8 18 7 17 7 17 6 16 6 16 5 18 5 18 4 17 4 17 3 16 3 16 2 19 2 19 3 20 3 20 5 22 5\" /><path d=\"m20,16v-2h-1v-1h-1v-1h-1v-1h-1v1h-1v1h-1v1h-1v2h-1v5h2v-3h5v3h2v-5h-1Zm-1,1h-5v-1h1v-2h3v2h1v1Z\" /><rect x={10} y={10} width={1} height={12} /><rect x={13} y={2} width={1} height={6} /><rect x={2} y={1} width={11} height={1} /><rect x={1} y={2} width={1} height={12} /><rect x={2} y={14} width={7} height={1} /><path d=\"m12,4v-1H3v1h4v2h-1v-1h-2v1h-1v4h1v1h2v-1h1v3h1v-5h1v-1h2v1h1v-2h-1v-1h-2v1h-1v-2h4Zm-5,4h-1v1h-2v-2h3v1Z\" /><polygon points=\"6 19 6 20 7 20 7 21 8 21 8 22 5 22 5 21 4 21 4 19 2 19 2 18 3 18 3 17 4 17 4 16 6 16 6 17 7 17 7 18 8 18 8 19 6 19\" /></svg>;\nexport default SvgTranslate;","// 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/translate.svg';\n\n/**\n * @component\n * @name Translate\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 Translate: 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\nTranslate.displayName = 'Translate';\n\nexport default Translate;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/translate.svg","../../src/icons/translate.tsx"],"names":["jsxs","jsx","forwardRef","translate_default"],"mappings":";;;;;;AACA,IAAM,YAAA,GAAe,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,WAAA,EAAY,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,KAAA,EAAO,EAAA,EAAI,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,EAAA,EAAI,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,CAAA,EAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oHAAA,EAAqH,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iGAAA,EAAkG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,EAAA,EAAI,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,EAAA,EAAI,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,2GAAA,EAA4G,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oHAAA,EAAqH;AAAA,CAAA,EAAE,CAAA;AAC37B,IAAO,iBAAA,GAAQ,YAAA;ACaf,IAAM,SAAA,GAAoDC,gBAAA,CAAmD,CAC3G,EAAE,KAAA,GAAQ,cAAA,EAAgB,IAAA,EAAM,MAAA,EAAQ,GAAG,KAAA,EAAM,EACjD,GAAA,KACG;AACH,EAAA,MAAM,YAAY,IAAA,IAAQ,cAAA;AAC1B,EAAA,MAAM,cAAc,MAAA,IAAU,cAAA;AAC9B,EAAA,uBACED,cAAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,MAAM,EAAA,IAAM,MAAA;AAAA,MAChB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,WAAA;AAAA,MACR,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AAED,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAOE,kBAAAA,GAAQ","file":"translate.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgTranslate = props => <svg id=\"Translate\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={11} y={22} width={11} height={1} /><rect x={22} y={10} width={1} height={12} /><rect x={11} y={9} width={11} height={1} /><polygon points=\"22 5 22 6 21 6 21 7 20 7 20 8 18 8 18 7 17 7 17 6 16 6 16 5 18 5 18 4 17 4 17 3 16 3 16 2 19 2 19 3 20 3 20 5 22 5\" /><path d=\"m20,16v-2h-1v-1h-1v-1h-1v-1h-1v1h-1v1h-1v1h-1v2h-1v5h2v-3h5v3h2v-5h-1Zm-1,1h-5v-1h1v-2h3v2h1v1Z\" /><rect x={10} y={10} width={1} height={12} /><rect x={13} y={2} width={1} height={6} /><rect x={2} y={1} width={11} height={1} /><rect x={1} y={2} width={1} height={12} /><rect x={2} y={14} width={7} height={1} /><path d=\"m12,4v-1H3v1h4v2h-1v-1h-2v1h-1v4h1v1h2v-1h1v3h1v-5h1v-1h2v1h1v-2h-1v-1h-2v1h-1v-2h4Zm-5,4h-1v1h-2v-2h3v1Z\" /><polygon points=\"6 19 6 20 7 20 7 21 8 21 8 22 5 22 5 21 4 21 4 19 2 19 2 18 3 18 3 17 4 17 4 16 6 16 6 17 7 17 7 18 8 18 8 19 6 19\" /></svg>;\nexport default SvgTranslate;","// 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/translate.svg';\n\n/**\n * @component\n * @name Translate\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 Translate: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((\n  { color = 'currentColor', fill, stroke, ...props },\n  ref\n) => {\n  const finalFill = fill ?? 'currentColor';\n  const finalStroke = stroke ?? 'currentColor';\n  return (\n    <SvgComponent\n      id={props.id ?? undefined}\n      fill={finalFill}\n      stroke={finalStroke}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nTranslate.displayName = 'Translate';\n\nexport default Translate;\n"]}

package/dist/icons/translate.js

@@ -17,17 +17,17 @@ var SvgTranslate = (props) => /* @__PURE__ */ jsxs("svg", { id: "Translate", xml
   /* @__PURE__ */ jsx("polygon", { points: "6 19 6 20 7 20 7 21 8 21 8 22 5 22 5 21 4 21 4 19 2 19 2 18 3 18 3 17 4 17 4 16 6 16 6 17 7 17 7 18 8 18 8 19 6 19" })
 ] });
 var translate_default = SvgTranslate;
-var Translate = forwardRef(({ color = "currentColor", style, ...props }, ref) => {
+var Translate = forwardRef(({ color = "currentColor", fill, stroke, ...props }, ref) => {
+  const finalFill = fill ?? "currentColor";
+  const finalStroke = stroke ?? "currentColor";
   return /* @__PURE__ */ jsx(
     translate_default,
     {
-      ...props,
+      id: props.id ?? void 0,
+      fill: finalFill,
+      stroke: finalStroke,
       ref,
-      style: {
-        fill: "currentColor",
-        color,
-        ...style
-      }
+      ...props
     }
   );
 });