{"_id":"@allincart-ag/meteor-icon-kit","_rev":"2-99a10b42c017720ab66b7c639c5c5803","name":"@allincart-ag/meteor-icon-kit","dist-tags":{"latest":"5.5.0"},"versions":{"5.4.0":{"name":"@allincart-ag/meteor-icon-kit","version":"5.4.0","keywords":["svg","allincart","icons"],"author":{"name":"shopware AG"},"license":"MIT","_id":"@allincart-ag/meteor-icon-kit@5.4.0","maintainers":[{"name":"xiaosong66","email":"1596363735@qq.com"}],"homepage":"https://github.com/allincart/meteor/tree/main/packages/icon-kit#readme","bugs":{"url":"https://github.com/allincart/meteor/issues"},"dist":{"shasum":"234d1ea1c04515480f9b7a8ea3096bcfe6a0a6cd","tarball":"https://registry.npmjs.org/@allincart-ag/meteor-icon-kit/-/meteor-icon-kit-5.4.0.tgz","fileCount":861,"integrity":"sha512-h/K1bcwp1Be6fjMIlgpEfbHTg5mCQuNpYCEMV+Z5d51GPIce2QHE/yfnmdmXDwBOmz9xz8laN2RJE4axgeUmXg==","signatures":[{"sig":"MEQCIH8i1SjfwI1RBGVwyeyRoOcraaxJeBkTdSbQVEMIt1INAiAoKZdnp71M5DeG8jxHaouls6F3WpyKucr6gDHpjoJlmA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1058144},"main":"index.js","type":"module","_from":"file:allincart-ag-meteor-icon-kit-5.4.0.tgz","scripts":{"start":"tsx ./src/index.ts","format":"prettier --write .","lint:all":"npm run lint:types && npm run lint:eslint","docs:copy":"../developer-portal/docs-cli link --src docs --dst resources/meteor-icon-kit","docs:link":"../developer-portal/docs-cli link --src docs --dst resources/meteor-icon-kit --symlink","test:unit":"vitest","lint:types":"tsc --noEmit","lint:eslint":"eslint ./src","docs:preview":"../developer-portal/docs-cli preview","format:check":"prettier --check ."},"_npmUser":{"name":"xiaosong66","email":"1596363735@qq.com"},"prettier":"@allincart-ag/meteor-prettier-config","_resolved":"/private/var/folders/kg/97wjkqcd6vz5j0v55rvc4bbw0000gn/T/27f4d6ac6ed1cd4e723f9b752386a07e/allincart-ag-meteor-icon-kit-5.4.0.tgz","_integrity":"sha512-h/K1bcwp1Be6fjMIlgpEfbHTg5mCQuNpYCEMV+Z5d51GPIce2QHE/yfnmdmXDwBOmz9xz8laN2RJE4axgeUmXg==","repository":{"url":"git+ssh://git@github.com/allincart/meteor.git","type":"git"},"_npmVersion":"10.8.2","description":"An icon library and toolkit that follows a minimal, yet highly expressive style perfectly aligned with Shopware's product language","directories":{},"_nodeVersion":"20.18.1","dependencies":{"ora":"^8.2.0","zod":"^3.24.2","dotenv":"^16.4.1","js-md5":"^0.7.3","winston":"^3.17.0","@t3-oss/env-core":"^0.12.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.19.3","svgo":"^2.8.0","vite":"^6.2.2","axios":"^0.26.1","eslint":"^9.21.0","vitest":"^3.0.9","ts-node":"^10.8.1","fs-extra":"^10.0.1","prettier":"^3.5.3","@eslint/js":"^9.20.0","typescript":"^5.7.0","@types/node":"^20.14.9","@types/svgo":"^2.6.3","@types/axios":"^0.14.0","@types/js-md5":"^0.4.3","svgo-autocrop":"1.1.1","@types/fs-extra":"^9.0.13","typescript-eslint":"^8.24.1","@supercharge/promise-pool":"^2.4.0","@allincart-ag/meteor-prettier-config":"1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/meteor-icon-kit_5.4.0_1743813789488_0.6211523744176255","host":"s3://npm-registry-packages-npm-production"}},"5.5.0":{"name":"@allincart-ag/meteor-icon-kit","version":"5.5.0","description":"An icon library and toolkit that follows a minimal, yet highly expressive style perfectly aligned with Shopware's product language","keywords":["svg","allincart","icons"],"homepage":"https://github.com/allincart-org/meteor/tree/main/packages/icon-kit#readme","bugs":{"url":"https://github.com/allincart-org/meteor/issues"},"repository":{"type":"git","url":"git+ssh://git@github.com/allincart-org/meteor.git"},"type":"module","license":"MIT","author":{"name":"shopware AG"},"main":"index.js","prettier":"@allincart-ag/meteor-prettier-config","dependencies":{"@t3-oss/env-core":"^0.12.0","dotenv":"^16.4.1","js-md5":"^0.7.3","ora":"^8.2.0","winston":"^3.17.0","zod":"^3.24.2"},"devDependencies":{"@eslint/js":"^9.20.0","@supercharge/promise-pool":"^2.4.0","@types/axios":"^0.14.0","@types/fs-extra":"^9.0.13","@types/js-md5":"^0.4.3","@types/node":"^20.14.9","@types/svgo":"^2.6.3","axios":"^0.26.1","eslint":"^9.21.0","fs-extra":"^10.0.1","prettier":"^3.5.3","svgo":"^2.8.0","svgo-autocrop":"1.1.1","ts-node":"^10.8.1","tsx":"^4.19.3","typescript":"^5.7.0","typescript-eslint":"^8.24.1","vite":"^6.2.2","vitest":"^3.0.9","@allincart-ag/meteor-prettier-config":"1.0.0"},"scripts":{"docs:copy":"../developer-portal/docs-cli link --src docs --dst resources/meteor-icon-kit","docs:link":"../developer-portal/docs-cli link --src docs --dst resources/meteor-icon-kit --symlink","docs:preview":"../developer-portal/docs-cli preview","lint:all":"npm run lint:types && npm run lint:eslint","lint:eslint":"eslint ./src","lint:types":"tsc --noEmit","start":"tsx ./src/index.ts","format":"prettier --write .","format:check":"prettier --check .","test:unit":"vitest"},"_id":"@allincart-ag/meteor-icon-kit@5.5.0","_integrity":"sha512-XDVL0Yy8BRYfQw8KIe+q1nmkNo2E3XdqOPRK8dYcyf4sKWWkCvqEmF2hXGJyZKiTj5fRTq36jje6uoY9wQBDMQ==","_resolved":"/private/var/folders/kg/97wjkqcd6vz5j0v55rvc4bbw0000gn/T/0e802a7acfb123484b34e25bc214fca6/allincart-ag-meteor-icon-kit-5.5.0.tgz","_from":"file:allincart-ag-meteor-icon-kit-5.5.0.tgz","_nodeVersion":"20.18.1","_npmVersion":"10.8.2","dist":{"integrity":"sha512-XDVL0Yy8BRYfQw8KIe+q1nmkNo2E3XdqOPRK8dYcyf4sKWWkCvqEmF2hXGJyZKiTj5fRTq36jje6uoY9wQBDMQ==","shasum":"51c73f91d3d76339d239c83c2288dbea386b705e","tarball":"https://registry.npmjs.org/@allincart-ag/meteor-icon-kit/-/meteor-icon-kit-5.5.0.tgz","fileCount":880,"unpackedSize":1305694,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCh6TCwawxk1wEKq6J5lwab4qxc4BofmQq+Bumh6VJ6qgIhAKlNPllErnFswMQjtOAwLXudd3omtpVCk4wM2iSV+UXB"}]},"_npmUser":{"name":"xiaosong66","email":"1596363735@qq.com"},"directories":{},"maintainers":[{"name":"xiaosong66","email":"1596363735@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/meteor-icon-kit_5.5.0_1746192976165_0.527127945225611"},"_hasShrinkwrap":false}},"time":{"created":"2025-04-05T00:43:09.417Z","modified":"2025-05-02T13:36:16.594Z","5.4.0":"2025-04-05T00:43:09.765Z","5.5.0":"2025-05-02T13:36:16.430Z"},"bugs":{"url":"https://github.com/allincart-org/meteor/issues"},"author":{"name":"shopware AG"},"license":"MIT","homepage":"https://github.com/allincart-org/meteor/tree/main/packages/icon-kit#readme","keywords":["svg","allincart","icons"],"repository":{"type":"git","url":"git+ssh://git@github.com/allincart-org/meteor.git"},"description":"An icon library and toolkit that follows a minimal, yet highly expressive style perfectly aligned with Shopware's product language","maintainers":[{"name":"xiaosong66","email":"1596363735@qq.com"}],"readme":"[![npm version](https://badge.fury.io/js/@shopware-ag%2Fmeteor-icon-kit.svg)](https://badge.fury.io/js/@shopware-ag%2Fmeteor-icon-kit)\n\n# meteor-icon-kit\n\n> An icon library and toolkit that follows a minimal, yet highly expressive style perfectly aligned with Shopware's product language\n\n## Prerequisites\n\nThis project requires `npm` or `yarn`.\n[npm](http://npmjs.org/) and [yarn](https://yarnpkg.com/) are really easy to install.\nTo make sure you have one of them available on your machine,\ntry running the following command. This project itself was created with `npm`.\n\n```sh\n$ npm -v\n8.1.0\n\n$ yarn -v\n1.22.15\n```\n\n## Table of contents\n\n- [meteor-icon-kit](#meteor-icon-kit)\n - [Prerequisites](#prerequisites)\n - [Table of contents](#table-of-contents)\n - [Installation](#installation)\n - [Usage](#usage)\n - [Vite example](#example)\n - [Built With](#built-with)\n - [Figma library](#figma-library)\n - [License](#license)\n\n## Installation\n\n**BEFORE YOU INSTALL:** please read the [prerequisites](#prerequisites)\n\nTo install the meteor-icon-kit, run:\n\n```sh\n$ npm install @allincart-ag/meteor-icon-kit\n```\n\nOr if you prefer using Yarn:\n\n```sh\n$ yarn add @allincart-ag/meteor-icon-kit\n```\n\n## Usage\n\nStart by importing/using the provided styling.\nEither utilizing sass/scss:\n\n```scss\n@import \"@allincart-ag/meteor-icon-kit/icons/meteor-icon-kit.scss\";\n```\n\nOr classic via the css file:\n\n```html\n\n```\n\nThen, you can use the icons:\n\n```js\nimport wallet from \"@allincart-ag/meteor-icon-kit/icons/regular/wallet.svg\";\n```\n\n### Dynamic colors\n\nTake this pseudo html:\n\n```html\n\n \n\n```\n\nBy defining the following class structure in `CSS` you can change the color of the svg dynamically:\n\n```CSS\n.icon-example {\n display: block;\n color: green;\n\n svg {\n fill: currentColor;\n\n path,\n use {\n fill: currentColor;\n }\n }\n}\n```\n\n## Example\n\nFollowing is an example for a Vue3 project using Vite as a bundler.\nWe are using the `vite-svg-loader` to load the svg files.\n\nIn your `vite.config.js` add the following:\n\n```js\n//...\nimport svgLoader from \"vite-svg-loader\";\n\nexport default {\n plugins: [\n //...\n svgLoader(),\n ],\n};\n```\n\nThis way you can import your svg files as components:\n\n```vue\n\n\n\n```\n\nYou can find this example as a CodeSandbox template [here](https://codesandbox.io/p/sandbox/meteor-icon-kit-example-revdlr).\n\n## Built With\n\n- Typescript\n- Figma API\n- VS-Code\n- Love :blue_heart: :blue_heart: :blue_heart:\n\n## Figma library\n\nMeteor Icon Kit is available as a [Figma library](https://www.figma.com/community/file/1032564947404478461/Meteor-Icon-Kit-%E2%80%93-Shopware) through the Figma Community. To use the icons, log in to your Figma account and duplicate the file to your drafts.\n\n## License\n\nSee the [LICENSE](LICENSE.md) file for license rights and limitations (MIT).\n\n2024 © shopware AG\n","readmeFilename":"README.md"}