{"_id":"@buildpackapp/testing-icons-icons","name":"@buildpackapp/testing-icons-icons","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.2":{"name":"@buildpackapp/testing-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/testing-icons-icons@1.0.2","gitHead":"ebffe17bb707d73559d0585239abd6009da10d36","_nodeVersion":"20.17.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-kcE/VWIo3mhq1gT2cL+uY13UK/dOABNmrwuHM1mn6I0gm+ZjD3EPe0z0bn9lFLo/o5OsoEyKQnBXt1R2I40wtA==","shasum":"aea181d8cb413f3cc403834b9758ef5f83803fbf","tarball":"https://registry.npmjs.org/@buildpackapp/testing-icons-icons/-/testing-icons-icons-1.0.2.tgz","fileCount":6,"unpackedSize":58997,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIF9nm7zuRru2oidl38x/j0QnMmuWvN+g9nRv0YC3aLegAiB9H7c8QLzbKxsMtiXgGkSV7iJ+ce6kwCFj8jYggIFAsQ=="}]},"_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/testing-icons-icons_1.0.2_1739072386844_0.7036063211960149"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-09T03:39:46.738Z","1.0.2":"2025-02-09T03:39:47.035Z","modified":"2025-02-09T03:39:47.310Z"},"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/testing-icons\n  \n    **@buildpackapp/testing-icons** provides a collection of optimized SVG icons, delivered as CSS classes, for easy use in web projects.\n  \n    ## 🚀 Installation\n  \n    Install the package via npm:\n  \n    ```bash\n    npm install @buildpackapp/testing-icons --save\n    ```\n  \n    ## 🚀 Usage\n  \n    ### 1. Import the CSS\n  \n    - **JavaScript/TypeScript (ES Modules):**\n      ```javascript\n      import '@buildpackapp/testing-icons/icons.css'; // Standard CSS\n      // or\n      import '@buildpackapp/testing-icons/icons.min.css'; // Minified CSS\n      ```\n  \n    - **HTML:**\n      ```html\n      <link href=\"node_modules/@buildpackapp/testing-icons/icons.css\" rel=\"stylesheet\">\n      ```\n  \n    ### 2. Apply Icons in HTML\n  \n    Use the icon classes directly in your HTML or JSX:\n    ```html\n    <i class=\"bp-home\"></i>\n    <i class=\"bp-user bp-icon-lg\"></i>\n    ```\n  \n    ## 🌐 Framework Integrations\n  \n    ### React\n    ```jsx\n    import '@buildpackapp/testing-icons/icons.css';\n  \n    function App() {\n      return <i className=\"bp-home\" />;\n    }\n    ```\n  \n    ### Vue\n    ```vue\n    <script>\n    import '@buildpackapp/testing-icons/icons.css';\n    </script>\n  \n    <template>\n      <i class=\"bp-home\"></i>\n    </template>\n    ```\n  \n    ### Next.js\n    ```javascript\n    // Import CSS in _app.js\n    import '@buildpackapp/testing-icons/icons.css';\n    ```\n  \n    ## 📏 Icon Sizing\n  \n    Use predefined classes to adjust icon sizes:\n    - `bp-icon-sm`: 16px\n    - `bp-icon-lg`: 32px\n  \n    ## 🌍 Right-to-Left (RTL) Support\n  \n    Icons will automatically flip when placed in RTL environments by setting `dir=\"rtl\"` on a parent element.\n  \n    ## 📑 Available Icons\n  \n    - `bp-instagram`\n- `bp-home`\n  \n    ## 🛠️ Contribution\n  \n    Found an issue or want to contribute? Please check out our [GitHub repository](https://github.com/buildpackapp/buildpack).\n  \n    ## 📄 License\n  \n    Licensed under the **MIT** license.\n    ","readmeFilename":"README.md"}