{"_id":"@buildpackapp/micheal-icons-icons","name":"@buildpackapp/micheal-icons-icons","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.2":{"name":"@buildpackapp/micheal-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/micheal-icons-icons@1.0.2","gitHead":"6d43249b1df7c74f37d8650c5bda2534c51efcfa","_nodeVersion":"20.17.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-74s7dA7QqAwBgMvHZKI+YSGzq15efj4vcMmO9F5BYpNDOZlTCcKZ3B1G6UWX5Gbec8Q04498RVdPDGu7+JMMqw==","shasum":"167574a0235e5ab559b24e7d4b7abbee58b8b67c","tarball":"https://registry.npmjs.org/@buildpackapp/micheal-icons-icons/-/micheal-icons-icons-1.0.2.tgz","fileCount":7,"unpackedSize":14730,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDgZy8+PKdcDI6OAruzpBaOz8k6LR50wsvMu6eovSSb1QIgVepR5bfTufVoEd8JIf/EOgXRoFapWhgInTCeUcluetE="}]},"_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/micheal-icons-icons_1.0.2_1739117290698_0.34466429001377863"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-09T16:08:10.611Z","1.0.2":"2025-02-09T16:08:10.926Z","modified":"2025-02-09T16:08:11.272Z"},"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/micheal-icons\n\nSocial Media Icons Pack\n\n## 🚀 Installation\n\n```bash\nnpm install @buildpackapp/micheal-icons\n# or\nyarn add @buildpackapp/micheal-icons\n```\n\n## 📦 Usage\n\n1. Import the CSS:\n```javascript\nimport '@buildpackapp/micheal-icons/icons.css';\n// or\nimport '@buildpackapp/micheal-icons/icons.min.css';\n```\n\n2. Use icons in your HTML:\n```html\n<!-- Basic usage -->\n<i class=\"bp-regular bp-home\"></i>\n\n<!-- Class structure explained -->\n<!-- bp-regular: Specifies the icon style -->\n<!-- bp-{icon-name}: Identifies the specific icon -->\n\n<!-- With size modifiers -->\n<i class=\"bp-regular bp-home bp-icon-sm\"></i>  <!-- 16px -->\n<i class=\"bp-regular bp-home bp-icon-lg\"></i>  <!-- 32px -->\n\n<!-- Custom size -->\n<i class=\"bp-regular 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. You can customize them in two ways:\n\n1. Using CSS classes:\n```css\n/* Change icon color */\n.bp-regular.bp-home {\n    color: #FF0000;  /* Red icon */\n}\n\n/* Using currentColor (default) */\n.my-component {\n    color: blue;\n}\n.my-component .bp-regular.bp-home {\n    /* Automatically inherits blue color */\n}\n```\n\n2. Using inline styles:\n```html\n<i class=\"bp-regular bp-home\" style=\"--icon-color: #FF0000;\"></i>\n```\n\n## 📏 Sizing Options\n\n- Default: 24x24px\n- Small (`bp-icon-sm`): 16x16px\n- Large (`bp-icon-lg`): 32px\n- Custom: Use `bp-icon-custom` with `--bp-icon-size` CSS variable\n\nExample:\n```html\n<!-- Custom size using CSS variable -->\n<i class=\"bp-regular bp-home bp-icon-custom\" style=\"--bp-icon-size: 48px;\"></i>\n```\n\n## 🌍 RTL Support\n\nIcons automatically flip in RTL layouts:\n```html\n<div dir=\"rtl\">\n    <i class=\"bp-regular 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"}