{"_id":"@brionmario-experimental/oxygen-ui-icons-react","name":"@brionmario-experimental/oxygen-ui-icons-react","dist-tags":{"alpha":"0.0.1-alpha.0","latest":"0.0.1-alpha.0"},"versions":{"0.0.1-alpha.0":{"name":"@brionmario-experimental/oxygen-ui-icons-react","version":"0.0.1-alpha.0","description":"WSO2 Oxygen UI Icons - Powered with Lucide icons library","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./*":{"types":"./dist/*.d.ts","import":"./dist/*.js","require":"./dist/*.cjs"}},"sideEffects":["*.css","dist/icons.css"],"keywords":["wso2","oxygen-icons","design-system","lucide","lucide-icons","lucide-react","react","typescript","components","icon-library"],"author":{"name":"WSO2 LLC"},"license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/wso2/oxygen-ui.git"},"bugs":{"url":"https://github.com/wso2/oxygen-ui/issues"},"homepage":"https://github.com/wso2/oxygen-ui#readme","peerDependencies":{"lucide-react":"^0.545.0","react":"^19.2.0"},"devDependencies":{"@types/react":"^19.2.2","@typescript-eslint/eslint-plugin":"^7.0.1","@typescript-eslint/parser":"^7.0.1","@vitest/ui":"^4.0.7","esbuild":"^0.25.12","eslint":"^9.12.0","eslint-plugin-react":"^7.33.2","eslint-plugin-react-hooks":"^4.6.2","fast-xml-parser":"^5.3.1","glob":"^11.0.3","prettier":"^3.6.2","rimraf":"^6.1.0","typescript":"^5.9.3","vitest":"^4.0.7"},"dependencies":{},"publishConfig":{"access":"public"},"nx":{"targets":{"build":{"dependsOn":[]}}},"scripts":{"build":"pnpm clean && pnpm generate:icons && tsc -p tsconfig.json && node esbuild.config.js","build:watch":"node esbuild.config.js --watch","dev":"node esbuild.config.js --watch","type-check":"tsc --noEmit","lint":"eslint src --ext .ts,.tsx","lint:fix":"eslint src --ext .ts,.tsx --fix","generate:icons":"node scripts/build-icons.js","clean":"rimraf dist","test":"vitest"},"_id":"@brionmario-experimental/oxygen-ui-icons-react@0.0.1-alpha.0","_integrity":"sha512-twoCAAOO6098gEfyvthdUs/GEEtmECOHqP0/j0Xf13EN45pcR+Q3FSWwnJseMP7Tz1WLffy2piN7UlGKgmK4cQ==","_resolved":"/tmp/145b818fbc35755928f067d6ef9da76c/brionmario-experimental-oxygen-ui-icons-react-0.0.1-alpha.0.tgz","_from":"file:brionmario-experimental-oxygen-ui-icons-react-0.0.1-alpha.0.tgz","_nodeVersion":"24.11.0","_npmVersion":"11.6.1","dist":{"integrity":"sha512-twoCAAOO6098gEfyvthdUs/GEEtmECOHqP0/j0Xf13EN45pcR+Q3FSWwnJseMP7Tz1WLffy2piN7UlGKgmK4cQ==","shasum":"b5beeb9bf2a1904bb1232ae0f5a9270c2cf3f0fe","tarball":"https://registry.npmjs.org/@brionmario-experimental/oxygen-ui-icons-react/-/oxygen-ui-icons-react-0.0.1-alpha.0.tgz","fileCount":38,"unpackedSize":57456,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCNA8y+6bXI8Oiec024EENT7eBac81Ov0BxERjyWyuNfQIhANGq9qL+UWMH4OBURrkeMQdxDy+4/O2ERgHY+/n/vmoP"}]},"_npmUser":{"name":"brionmario","email":"brionbmp@gmail.com"},"directories":{},"maintainers":[{"name":"brionmario","email":"brionbmp@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/oxygen-ui-icons-react_0.0.1-alpha.0_1762973645224_0.8179085969816016"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-12T18:54:05.170Z","0.0.1-alpha.0":"2025-11-12T18:54:05.381Z","modified":"2025-11-12T18:54:05.615Z"},"maintainers":[{"name":"brionmario","email":"brionbmp@gmail.com"}],"description":"WSO2 Oxygen UI Icons - Powered with Lucide icons library","homepage":"https://github.com/wso2/oxygen-ui#readme","keywords":["wso2","oxygen-icons","design-system","lucide","lucide-icons","lucide-react","react","typescript","components","icon-library"],"repository":{"type":"git","url":"git+https://github.com/wso2/oxygen-ui.git"},"author":{"name":"WSO2 LLC"},"bugs":{"url":"https://github.com/wso2/oxygen-ui/issues"},"license":"Apache-2.0","readme":"# @brionmario-experimental/oxygen-ui-icons-react\n\nWSO2 Oxygen UI Icons library - Powered by [Lucide Icons](https://lucide.dev/).\n\nThis package provides a comprehensive set of icons for use in WSO2 Oxygen UI applications, including all Lucide icons plus custom WSO2-specific icons.\n\n## Installation\n\n```bash\npnpm add @brionmario-experimental/oxygen-ui-icons-react\n```\n\n## Usage\n\nImport icons directly from the package:\n\n```jsx\nimport { Bell, Search, User, WSO2 } from '@brionmario-experimental/oxygen-ui-icons-react';\n\nfunction MyComponent() {\n  return (\n    <div>\n      <Bell size={24} />\n      <Search color=\"blue\" />\n      <User strokeWidth={1.5} />\n      <WSO2 />\n    </div>\n  );\n}\n```\n\n## Icon Properties\n\nAll icons support the standard Lucide React props:\n\n- `size` - Icon size in pixels (default: 24)\n- `color` - Icon color (default: currentColor)\n- `strokeWidth` - Stroke width (default: 2)\n- `absoluteStrokeWidth` - Use absolute stroke width\n- `className` - CSS class name\n- `style` - Inline styles\n\n## Available Icons\n\nThis package includes:\n\n### Lucide Icons (2000+)\nBrowse the complete collection at [lucide.dev/icons](https://lucide.dev/icons)\n\n### Custom WSO2 Icons\n- `WSO2` - WSO2 logo icon\n- And other WSO2-specific branding icons\n\n## Example with Material-UI\n\n```jsx\nimport { IconButton } from '@brionmario-experimental/oxygen-ui';\nimport { Settings, LogOut } from '@brionmario-experimental/oxygen-ui-icons-react';\n\nfunction Toolbar() {\n  return (\n    <div>\n      <IconButton>\n        <Settings size={20} />\n      </IconButton>\n      <IconButton>\n        <LogOut size={20} />\n      </IconButton>\n    </div>\n  );\n}\n```\n\n## TypeScript Support\n\nThis package includes TypeScript definitions for all icons.\n\n```tsx\nimport { LucideIcon } from '@brionmario-experimental/oxygen-ui-icons-react';\n\ninterface MyIconProps {\n  Icon: LucideIcon;\n  label: string;\n}\n\nfunction MyIcon({ Icon, label }: MyIconProps) {\n  return (\n    <div>\n      <Icon size={24} />\n      <span>{label}</span>\n    </div>\n  );\n}\n```\n\n## Tree Shaking\n\nThis package is optimized for tree shaking. Import only the icons you need to keep your bundle size small:\n\n```jsx\n// ✅ Good - only imports what you need\nimport { Bell, Search } from '@brionmario-experimental/oxygen-ui-icons-react';\n\n// ❌ Bad - imports everything\nimport * as Icons from '@brionmario-experimental/oxygen-ui-icons-react';\n```\n\n## License\n\nSee the main [Oxygen UI repository](https://github.com/wso2/oxygen-ui) for license information.\n\n## Contributing\n\nSee the main [Oxygen UI repository](https://github.com/wso2/oxygen-ui) for contribution guidelines.\n","readmeFilename":"README.md","_rev":"1-4eebdfb48a2447b0231710ed393a5737"}