{"_id":"@buildpackapp/stefan-icons-icons","name":"@buildpackapp/stefan-icons-icons","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.2":{"name":"@buildpackapp/stefan-icons-icons","version":"1.0.2","description":"Icon package","main":"icons.css","style":"icons.css","module":"icons.min.css","exports":{".":"./icons.css","./icons.css":"./icons.css","./icons.min.css":"./icons.min.css"},"sideEffects":true,"keywords":["buildpack","icons","css","svg"],"author":{"name":"BuildPack"},"license":"MIT","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/buildpackapp/buildpack.git"},"bugs":{"url":"https://github.com/buildpackapp/buildpack/issues"},"homepage":"https://buildpack.app","_id":"@buildpackapp/stefan-icons-icons@1.0.2","gitHead":"20565ded86e7ff72a212bc1c654a39eca44678a4","_nodeVersion":"20.17.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-zq4NnvLZE60p0AIBfepfbM53MTFJ0/ILav2yiy10kWjywrfc8K/hEfIoa70CVZS1VxPyv2zwEj7Mnm00/cQJug==","shasum":"3fdc7ae9c07b95083eff88b693139f2156750a38","tarball":"https://registry.npmjs.org/@buildpackapp/stefan-icons-icons/-/stefan-icons-icons-1.0.2.tgz","fileCount":7,"unpackedSize":39689,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCC5Djm/tl8q7JhU9Y/9PkY9kA+ukNf6puNWHYVqiWsJgIgDYlJ3UxK3UclpzZ73dyl6L3+bGN0zUKphT8B+xnZ1Rk="}]},"_npmUser":{"name":"creativestefan","email":"judestefan688@gmail.com"},"directories":{},"maintainers":[{"name":"creativestefan","email":"judestefan688@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/stefan-icons-icons_1.0.2_1739111808843_0.8117154704436012"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-09T14:36:48.706Z","1.0.2":"2025-02-09T14:36:49.081Z","modified":"2025-02-09T14:36:49.448Z"},"maintainers":[{"name":"creativestefan","email":"judestefan688@gmail.com"}],"description":"Icon package","homepage":"https://buildpack.app","keywords":["buildpack","icons","css","svg"],"repository":{"type":"git","url":"git+https://github.com/buildpackapp/buildpack.git"},"author":{"name":"BuildPack"},"bugs":{"url":"https://github.com/buildpackapp/buildpack/issues"},"license":"MIT","readme":"# @buildpackapp/stefan-icons\n\nSocial Media Icons Pack\n\n## 🚀 Installation\n\n```bash\nnpm install @buildpackapp/stefan-icons\n# or\nyarn add @buildpackapp/stefan-icons\n```\n\n## 📦 Usage\n\n1. Import the CSS:\n```javascript\nimport '@buildpackapp/stefan-icons/icons.css';\n// or\nimport '@buildpackapp/stefan-icons/icons.min.css';\n```\n\n2. Use icons in your HTML:\n```html\n<!-- Default size (24px) -->\n<i class=\"bp-home\"></i>\n\n<!-- Available sizes -->\n<i class=\"bp-home bp-icon-sm\"></i>  <!-- 16px -->\n<i class=\"bp-home bp-icon-lg\"></i>  <!-- 32px -->\n\n<!-- Custom size -->\n<i class=\"bp-home bp-icon-custom\" style=\"--bp-icon-size: 48px;\"></i>\n```\n\n## 🎨 Customizing Icons\n\n\nThese are regular icons that use strokes. Customize them using `color`:\n\n```css\n/* Change icon color */\n.bp-home {\n    color: #FF0000;  /* Red icon */\n}\n\n/* Using currentColor (default) */\n.my-component {\n    color: blue;\n}\n.my-component .bp-home {\n    /* Automatically inherits blue color */\n}\n```\n\n\n## 📏 Sizing Options\n\n- Default: 24x24px\n- Small (`bp-icon-sm`): 16x16px\n- Large (`bp-icon-lg`): 32x32px\n- Custom: Use `bp-icon-custom` with `--bp-icon-size` CSS variable\n\n## 🌍 RTL Support\n\nIcons automatically flip in RTL layouts:\n```html\n<div dir=\"rtl\">\n    <i class=\"bp-arrow-left\"></i>  <!-- Automatically flips -->\n</div>\n```\n\n## 📑 Available Icons\n\n- `bp-user`\n- `bp-instagram`\n- `bp-home`\n\n## 🔗 Links\n\n- [BuildPack Website](https://buildpack.app)\n- [GitHub](https://github.com/buildpackapp/buildpack)\n- [Issues](https://github.com/buildpackapp/buildpack/issues)\n\n## 📄 License\n\nMIT © 2025 BuildPack\n","readmeFilename":"README.md"}