{"_id":"@allinpanel-ag/meteor-icon-kit","_rev":"2-501686b3a9df85cc95fc9479d9d2e1b8","name":"@allinpanel-ag/meteor-icon-kit","dist-tags":{"latest":"5.5.1"},"versions":{"5.5.0":{"name":"@allinpanel-ag/meteor-icon-kit","version":"5.5.0","keywords":["svg","icons"],"author":{"name":"shopware AG"},"license":"MIT","_id":"@allinpanel-ag/meteor-icon-kit@5.5.0","maintainers":[{"name":"xiaosong66","email":"1596363735@qq.com"}],"homepage":"https://github.com/allinpanel-org/meteor/tree/main/packages/icon-kit#readme","bugs":{"url":"https://github.com/allinpanel-org/meteor/issues"},"dist":{"shasum":"144b0ab67cbc5618045dc2e7d6cdf238aa2657e8","tarball":"https://registry.npmjs.org/@allinpanel-ag/meteor-icon-kit/-/meteor-icon-kit-5.5.0.tgz","fileCount":882,"integrity":"sha512-Gyq+hyXZ6rC8OeJjobKYN6i8VwerfJpOxhG6e+0ZEWb5siE/cEHZ4bE0sIHnzsQOgtxclIRPZXKs73D+w3M/Pw==","signatures":[{"sig":"MEUCIEEMzGJqHeD2r/jUcrN4CofG+ZD+N2qkJU4MqkBnuoPtAiEA5sBTbVe0huGRbGGZZMIibVYHu3p61yemqpQJfsl6rQw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@allinpanel-ag%2fmeteor-icon-kit@5.5.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":1308983},"main":"index.js","type":"module","_from":"file:allinpanel-ag-meteor-icon-kit-5.5.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":"@allinpanel-ag/meteor-prettier-config","_resolved":"/tmp/498c086e4b6fd27df03e0dd71db0cd08/allinpanel-ag-meteor-icon-kit-5.5.0.tgz","_integrity":"sha512-Gyq+hyXZ6rC8OeJjobKYN6i8VwerfJpOxhG6e+0ZEWb5siE/cEHZ4bE0sIHnzsQOgtxclIRPZXKs73D+w3M/Pw==","repository":{"url":"git+ssh://git@github.com/allinpanel-org/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 AllinPanel's product language","directories":{},"_nodeVersion":"20.19.2","dependencies":{"ora":"^8.2.0","zod":"^3.24.2","dotenv":"^16.4.1","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","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","svgo-autocrop":"1.1.1","typescript-eslint":"^8.24.1","@supercharge/promise-pool":"^2.4.0","@allinpanel-ag/meteor-prettier-config":"1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/meteor-icon-kit_5.5.0_1749807337909_0.17456521509959044","host":"s3://npm-registry-packages-npm-production"}},"5.5.1":{"name":"@allinpanel-ag/meteor-icon-kit","version":"5.5.1","description":"An icon library and toolkit that follows a minimal, yet highly expressive style perfectly aligned with AllinPanel's product language","keywords":["svg","icons"],"homepage":"https://github.com/allinpanel-org/meteor/tree/main/packages/icon-kit#readme","bugs":{"url":"https://github.com/allinpanel-org/meteor/issues"},"repository":{"type":"git","url":"git+ssh://git@github.com/allinpanel-org/meteor.git"},"type":"module","license":"MIT","author":{"name":"shopware AG"},"main":"index.js","prettier":"@allinpanel-ag/meteor-prettier-config","dependencies":{"@t3-oss/env-core":"^0.12.0","dotenv":"^16.4.1","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/node":"^20.14.9","@types/svgo":"^2.6.3","axios":"^0.26.1","eslint":"^9.21.0","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","@allinpanel-ag/meteor-prettier-config":"1.0.1"},"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":"@allinpanel-ag/meteor-icon-kit@5.5.1","_integrity":"sha512-Eu3/wKagH+XzIdm3vvqcpWKmzFGaSIK72y2TMhMrsNfktZ6891reZtDYz8r7Q0NHx5i7Eh+QmvE3oitqfCuZlg==","_resolved":"/tmp/58cbcae03521aed8d9b4048470c19cfa/allinpanel-ag-meteor-icon-kit-5.5.1.tgz","_from":"file:allinpanel-ag-meteor-icon-kit-5.5.1.tgz","_nodeVersion":"20.19.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-Eu3/wKagH+XzIdm3vvqcpWKmzFGaSIK72y2TMhMrsNfktZ6891reZtDYz8r7Q0NHx5i7Eh+QmvE3oitqfCuZlg==","shasum":"5c38093cbaacfcc91d22ad7e4118324a584c14a0","tarball":"https://registry.npmjs.org/@allinpanel-ag/meteor-icon-kit/-/meteor-icon-kit-5.5.1.tgz","fileCount":880,"unpackedSize":1305573,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@allinpanel-ag%2fmeteor-icon-kit@5.5.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIE/H+6oTEqUacHFyzk1Mgov2wqZ7EpDAIELQbnvVe137AiAb5CNchS/730wDLB4D1+4PeuCRHzUzwGgR3Bgz1uX7yg=="}]},"_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.1_1749897565062_0.1562731919414333"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-13T09:35:37.840Z","modified":"2025-06-14T10:39:25.760Z","5.5.0":"2025-06-13T09:35:38.145Z","5.5.1":"2025-06-14T10:39:25.314Z"},"bugs":{"url":"https://github.com/allinpanel-org/meteor/issues"},"author":{"name":"shopware AG"},"license":"MIT","homepage":"https://github.com/allinpanel-org/meteor/tree/main/packages/icon-kit#readme","keywords":["svg","icons"],"repository":{"type":"git","url":"git+ssh://git@github.com/allinpanel-org/meteor.git"},"description":"An icon library and toolkit that follows a minimal, yet highly expressive style perfectly aligned with AllinPanel'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 @allinpanel-ag/meteor-icon-kit\n```\n\nOr if you prefer using Yarn:\n\n```sh\n$ yarn add @allinpanel-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 \"@allinpanel-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 \"@allinpanel-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"}