{"_id":"@cardog-icons/react","_rev":"5-1b830cdd22e57427e5d1d3fcde101320","name":"@cardog-icons/react","dist-tags":{"latest":"1.2.0"},"versions":{"1.0.0":{"name":"@cardog-icons/react","version":"1.0.0","keywords":["react","icons","svg","car","brand","logos","automotive"],"author":{"name":"Cardog"},"license":"MIT","_id":"@cardog-icons/react@1.0.0","maintainers":[{"name":"cardog","email":"sam@cardog.io"}],"dist":{"shasum":"ca89758e16082845392f30596e8eef2d21b04928","tarball":"https://registry.npmjs.org/@cardog-icons/react/-/react-1.0.0.tgz","fileCount":7,"integrity":"sha512-mog9a/FWTewgdf+8YUPnpHGhplL2jkY9VDnC4EEHX5FTdz1iTkm7e8kd9kSd+WQASK863IueVQ1+wIFetu7wZA==","signatures":[{"sig":"MEYCIQC/SxsECxbFL3PdeyJrC3d892yRlmkU/NYBokFvHlIMGAIhAIV1Op1b3FdgZoLDVIn5YgCYfZZA0X8n/JM2452EXx9g","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2801489},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"3eb01410381e560899da0bd280e8bf1aa1874ca9","private":false,"scripts":{"dev":"tsup src/index.ts --format esm,cjs --dts --external react --watch","lint":"eslint \"src/**/*.{ts,tsx}\"","test":"jest","build":"tsup src/index.ts --format esm,cjs --dts --external react","clean":"rm -rf dist","generate":"ts-node scripts/generate-icons.ts"},"_npmUser":{"name":"cardog","email":"sam@cardog.io"},"_npmVersion":"11.0.0","description":"Car brand icons for React applications","directories":{},"_nodeVersion":"22.13.1","dependencies":{"@cardog-icons/core":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","tsup":"^8.0.2","react":"^18.2.0","eslint":"^8.57.0","ts-node":"^10.9.2","@svgr/core":"^8.1.0","typescript":"^5.4.3","@types/node":"^20.11.30","@types/react":"^18.2.67","@svgr/plugin-jsx":"^8.1.0","@types/react-dom":"^18.2.22","@svgr/plugin-svgo":"^8.1.0"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.0_1741669941144_0.10810405170642712","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@cardog-icons/react","version":"1.0.1","keywords":["react","icons","svg","car","brand","logos","automotive"],"author":{"name":"Cardog"},"license":"MIT","_id":"@cardog-icons/react@1.0.1","maintainers":[{"name":"cardog","email":"sam@cardog.io"}],"dist":{"shasum":"18809115ddb55d9ca974c6ecbe826fa7bf8e37a6","tarball":"https://registry.npmjs.org/@cardog-icons/react/-/react-1.0.1.tgz","fileCount":7,"integrity":"sha512-veBpwFjKY+FRBisKaeI62wqMDA2t9K6ltfr+/1OEtFcoZhbJ8MvhETdenm3humZ5jKXxGTq3sX9jSXsWuC7N3w==","signatures":[{"sig":"MEYCIQCYXMDHyZqI8srcca09VC1s6fn3nDS60OPYyfrYVDl01AIhANDwS3RF+bh8e7XlZAK1cdfeF0asUhaidhZHz/eHuwom","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2780273},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"6897ff7f96ae5c844a6b1260bb9b90009aa99807","private":false,"scripts":{"dev":"tsup src/index.ts --format esm,cjs --dts --external react --watch","lint":"eslint \"src/**/*.{ts,tsx}\"","test":"jest","build":"tsup src/index.ts --format esm,cjs --dts --external react","clean":"rm -rf dist","generate":"ts-node scripts/generate-icons.ts"},"_npmUser":{"name":"cardog","email":"sam@cardog.io"},"_npmVersion":"11.0.0","description":"Car brand icons for React applications","directories":{},"_nodeVersion":"22.13.1","dependencies":{"@cardog-icons/core":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","tsup":"^8.0.2","react":"^18.2.0","eslint":"^8.57.0","ts-node":"^10.9.2","@svgr/core":"^8.1.0","typescript":"^5.4.3","@types/node":"^20.11.30","@types/react":"^18.2.67","@svgr/plugin-jsx":"^8.1.0","@types/react-dom":"^18.2.22","@svgr/plugin-svgo":"^8.1.0"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.1_1741786949260_0.4694519034304139","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@cardog-icons/react","version":"1.1.0","keywords":["react","icons","svg","car","brand","logos","automotive"],"author":{"name":"Cardog"},"license":"MIT","_id":"@cardog-icons/react@1.1.0","maintainers":[{"name":"cardog","email":"sam@cardog.io"}],"dist":{"shasum":"2c3b369363f2caad0d0fcd635bccc969812c92bf","tarball":"https://registry.npmjs.org/@cardog-icons/react/-/react-1.1.0.tgz","fileCount":7,"integrity":"sha512-2V5kSV71qvj/sgmE1TMfRWVer5qsukJRtosro8rLJo/AR8QX1NpEhBIjZEXXg6bUZ6K5CcnhSLVztXl1H/s02w==","signatures":[{"sig":"MEQCIDkVGH/FZctXZ6PGy53UieYP86hNFhmMKwhHN3rz3c8zAiAcu8BPZ6OLHo1nJfphu74Mfp3rCKlZ+tyjnqrV2zcEug==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5791497},"main":"dist/index.js","_from":"file:cardog-icons-react-1.1.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"private":false,"scripts":{"dev":"tsup src/index.ts --format esm,cjs --dts --external react --watch","lint":"eslint \"src/**/*.{ts,tsx}\"","test":"jest","build":"tsup src/index.ts --format esm,cjs --dts --external react","clean":"rm -rf dist","generate":"ts-node scripts/generate-icons.ts"},"_npmUser":{"name":"cardog","email":"sam@cardog.io"},"_resolved":"/private/var/folders/tq/9s6q39jd7m58p06gpnh9136r0000gn/T/82272cd5dbb56306d60bd2dadc86c45b/cardog-icons-react-1.1.0.tgz","_integrity":"sha512-2V5kSV71qvj/sgmE1TMfRWVer5qsukJRtosro8rLJo/AR8QX1NpEhBIjZEXXg6bUZ6K5CcnhSLVztXl1H/s02w==","_npmVersion":"11.0.0","description":"Car brand icons for React applications","directories":{},"_nodeVersion":"22.13.1","dependencies":{"@cardog-icons/core":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","tsup":"^8.0.2","react":"^18.2.0","eslint":"^8.57.0","ts-node":"^10.9.2","@svgr/core":"^8.1.0","typescript":"^5.4.3","@types/node":"^20.11.30","@types/react":"^18.2.67","@svgr/plugin-jsx":"^8.1.0","@types/react-dom":"^18.2.22","@svgr/plugin-svgo":"^8.1.0"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react_1.1.0_1765173417326_0.32494335229718985","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"@cardog-icons/react","version":"1.1.1","keywords":["react","icons","svg","car","brand","logos","automotive"],"author":{"name":"Cardog"},"license":"MIT","_id":"@cardog-icons/react@1.1.1","maintainers":[{"name":"cardog","email":"sam@cardog.io"}],"dist":{"shasum":"a21cfaab448cd34e1ed3d848e4e6c0f6647fbd97","tarball":"https://registry.npmjs.org/@cardog-icons/react/-/react-1.1.1.tgz","fileCount":7,"integrity":"sha512-6S4K7k3iNWjWGHNRl5dQLLvTOIVx2EBpD1g017wgw77gkaYOgrQ4xjgsrVMQBhTsj/gkGnCkDbmYoyROqakA+w==","signatures":[{"sig":"MEUCIAfWR2kaHALm481O0j6hSyXu4TCFY6ErR7sepHXT9rDuAiEA/cOD7J81OKlCl4MGXTxQxhK2LFRyuGXqnbzAG10tuog=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9179465},"main":"dist/index.js","_from":"file:cardog-icons-react-1.1.1.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"private":false,"scripts":{"dev":"tsup src/index.ts --format esm,cjs --dts --external react --watch","lint":"eslint \"src/**/*.{ts,tsx}\"","test":"jest","build":"tsup src/index.ts --format esm,cjs --dts --external react","clean":"rm -rf dist","generate":"ts-node scripts/generate-icons.ts"},"_npmUser":{"name":"cardog","email":"sam@cardog.io"},"_resolved":"/private/var/folders/tq/9s6q39jd7m58p06gpnh9136r0000gn/T/26795d1e6601bb7d00c815c3e01a4d37/cardog-icons-react-1.1.1.tgz","_integrity":"sha512-6S4K7k3iNWjWGHNRl5dQLLvTOIVx2EBpD1g017wgw77gkaYOgrQ4xjgsrVMQBhTsj/gkGnCkDbmYoyROqakA+w==","_npmVersion":"11.0.0","description":"Car brand icons for React applications","directories":{},"_nodeVersion":"22.13.1","dependencies":{"@cardog-icons/core":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","tsup":"^8.0.2","react":"^18.2.0","eslint":"^8.57.0","ts-node":"^10.9.2","@svgr/core":"^8.1.0","typescript":"^5.4.3","@types/node":"^20.11.30","@types/react":"^18.2.67","@svgr/plugin-jsx":"^8.1.0","@types/react-dom":"^18.2.22","@svgr/plugin-svgo":"^8.1.0"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react_1.1.1_1765175930863_0.07625201369086976","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"@cardog-icons/react","version":"1.2.0","description":"Car brand icons for React applications","private":false,"license":"MIT","author":{"name":"Cardog"},"main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"dependencies":{"@cardog-icons/core":"1.2.0"},"devDependencies":{"@svgr/core":"^8.1.0","@svgr/plugin-jsx":"^8.1.0","@svgr/plugin-svgo":"^8.1.0","@types/node":"^20.11.30","@types/react":"^18.2.67","@types/react-dom":"^18.2.22","eslint":"^8.57.0","jest":"^29.7.0","react":"^18.2.0","ts-node":"^10.9.2","tsup":"^8.0.2","typescript":"^5.4.3"},"keywords":["react","icons","svg","car","brand","logos","automotive"],"publishConfig":{"access":"public"},"scripts":{"build":"tsup src/index.ts --format esm,cjs --dts --external react","dev":"tsup src/index.ts --format esm,cjs --dts --external react --watch","clean":"rm -rf dist","generate":"ts-node scripts/generate-icons.ts","lint":"eslint \"src/**/*.{ts,tsx}\"","test":"jest"},"_id":"@cardog-icons/react@1.2.0","_integrity":"sha512-fIwVr09FcVMUjMr/eSDlspEU6sqyjW9tBbkClyfFoBH9l4KffhoHGjIQK6BvTCuYpnGru6AlD9umU+nNVx+QtQ==","_resolved":"/private/var/folders/tq/9s6q39jd7m58p06gpnh9136r0000gn/T/1c9f2dff411154cfa4e971a180ebb7b5/cardog-icons-react-1.2.0.tgz","_from":"file:cardog-icons-react-1.2.0.tgz","_nodeVersion":"22.13.1","_npmVersion":"11.0.0","dist":{"integrity":"sha512-fIwVr09FcVMUjMr/eSDlspEU6sqyjW9tBbkClyfFoBH9l4KffhoHGjIQK6BvTCuYpnGru6AlD9umU+nNVx+QtQ==","shasum":"e9ff08c3ad9b481af29f5e8ead813ad25215e6e2","tarball":"https://registry.npmjs.org/@cardog-icons/react/-/react-1.2.0.tgz","fileCount":7,"unpackedSize":9179476,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAz6+49ZpawWrcjCjwuZlBunzNLsxYZ47Ai2X+Q0xlPPAiBpyMCRERSjERYtcCPLfZP/ws+cBnlgulfX8EY4o1oWKQ=="}]},"_npmUser":{"name":"cardog","email":"sam@cardog.io"},"directories":{},"maintainers":[{"name":"cardog","email":"sam@cardog.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react_1.2.0_1773529455656_0.1208593953154824"},"_hasShrinkwrap":false}},"time":{"created":"2025-03-11T05:12:21.073Z","modified":"2026-03-14T23:04:16.023Z","1.0.0":"2025-03-11T05:12:21.324Z","1.0.1":"2025-03-12T13:42:29.488Z","1.1.0":"2025-12-08T05:56:57.579Z","1.1.1":"2025-12-08T06:38:51.128Z","1.2.0":"2026-03-14T23:04:15.878Z"},"author":{"name":"Cardog"},"license":"MIT","keywords":["react","icons","svg","car","brand","logos","automotive"],"description":"Car brand icons for React applications","maintainers":[{"name":"cardog","email":"sam@cardog.io"}],"readme":"# @cardog-icons/react\n\nReact components for car brand logos and icons.\n\n## Features\n\n- **380+ optimized SVG icons** for car brands\n- **Two variants**: Color (default) and Mono (dark mode optimized)\n- TypeScript support with full type definitions\n- Tree-shakable, only import what you need\n- Easy customization of size, color, and other SVG props\n- Lightweight and fast\n\n## Installation\n\n```bash\nnpm install @cardog-icons/react\n# or\nyarn add @cardog-icons/react\n# or\npnpm add @cardog-icons/react\n```\n\n## Usage\n\n### Importing specific icons\n\n```jsx\nimport {\n  BMWLogo,\n  BMWLogoDark,\n  AudiIcon,\n  TeslaWordmark,\n} from \"@cardog-icons/react\";\n\nfunction App() {\n  return (\n    <div>\n      {/* Color variants (default) */}\n      <BMWLogo size={48} />\n      <AudiIcon size={32} />\n      <TeslaWordmark height={24} width={120} />\n\n      {/* Mono/Dark variants - great for dark mode */}\n      <BMWLogoDark size={48} className=\"text-white\" />\n    </div>\n  );\n}\n```\n\n### Using the generic Icon component\n\n```jsx\nimport { Icon } from \"@cardog-icons/react\";\n\nfunction App() {\n  return (\n    <div>\n      <Icon name=\"BMWLogo\" size={48} />\n      <Icon name=\"BMWLogoDark\" size={48} />\n      <Icon name=\"AudiIcon\" size={32} />\n    </div>\n  );\n}\n```\n\n### Using the useIcon hook\n\n```jsx\nimport { useIcon } from \"@cardog-icons/react\";\n\nfunction CustomIcon({ name, ...props }) {\n  const icon = useIcon({ name, ...props });\n\n  return <div className=\"custom-icon-wrapper\">{icon}</div>;\n}\n```\n\n## Icon Variants\n\nEach brand comes in two variants:\n\n| Variant | Suffix | Description                                  |\n| ------- | ------ | -------------------------------------------- |\n| Color   | (none) | Full-color brand logos for light backgrounds |\n| Mono    | `Dark` | Single-color icons for dark mode UIs         |\n\n## Available Icon Types\n\n- **Icon**: Compact badge/emblem icon\n- **Logo**: Full brand logo\n- **LogoHorizontal**: Horizontal logo with text\n- **Wordmark**: Text-only brand name\n\n### Naming Examples\n\n| Type       | Color               | Mono                    |\n| ---------- | ------------------- | ----------------------- |\n| Icon       | `BMWIcon`           | `BMWIconDark`           |\n| Logo       | `BMWLogo`           | `BMWLogoDark`           |\n| Horizontal | `BMWLogoHorizontal` | `BMWLogoHorizontalDark` |\n| Wordmark   | `BMWWordmark`       | `BMWWordmarkDark`       |\n\n## Available Brands\n\nAcura, Alfa Romeo, Aston Martin, Audi, Bentley, BMW, Bugatti*, Buick*, BYD, Cadillac, Chevrolet, Chrysler, Dodge, Ferrari, Fiat, Ford, Genesis, GMC, Honda, Hummer, Hyundai, Infiniti, Jaguar, Jeep, Kia, Koenigsegg*, Lamborghini, Land Rover, Lexus, Lincoln, Lotus, Lucid, Maserati, Mazda, Mercedes-Benz, McLaren, Mini, Mitsubishi, Nissan, Pagani*, Polestar, Porsche, RAM, Rivian\\*, Rolls-Royce, Subaru, Tesla, Toyota, VinFast, Volkswagen, Volvo\n\n\\*Mono variant only\n\n## Props\n\nAll icon components accept the following props:\n\n| Prop          | Type                            | Default | Description                    |\n| ------------- | ------------------------------- | ------- | ------------------------------ |\n| `size`        | `number \\| string`              | `24`    | Size for both width and height |\n| `width`       | `number \\| string`              | -       | Override width                 |\n| `height`      | `number \\| string`              | -       | Override height                |\n| `className`   | `string`                        | -       | CSS class name                 |\n| `...svgProps` | `React.SVGProps<SVGSVGElement>` | -       | Any valid SVG prop             |\n\n## License\n\nMIT © Cardog\n","readmeFilename":"README.md"}