{"_id":"@aherrahul/rds-icons","_rev":"3-ccf503ad3d3ae73d5181fee04fbbc358","name":"@aherrahul/rds-icons","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"@aherrahul/rds-icons","version":"0.0.1","_id":"@aherrahul/rds-icons@0.0.1","maintainers":[{"name":"aherrahul123","email":"aherrahul1995@gmail.com"}],"homepage":"https://github.com/Aherrahul/rds-icons#readme","bugs":{"url":"https://github.com/Aherrahul/rds-icons/issues"},"dist":{"shasum":"0a912b2f3c76ce9afa375feecec8720874bb2731","tarball":"https://registry.npmjs.org/@aherrahul/rds-icons/-/rds-icons-0.0.1.tgz","fileCount":341,"integrity":"sha512-bLgbesVNkQl9Z+RUtndARf4S3kSlbHzSiUCShDVS3ILZL6+IpKqIA5Z0yInYCK5mW98E8xJCJUYNx0BcT+3ydA==","signatures":[{"sig":"MEYCIQDFsiMewNDDEq+qyZjD/wsYrx7NNcGDnAiEAs9Fgw35PQIhAP5xZPMJQThF8Q69LXuZDsBa2OAv5On6v5b30CJyBNTS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":466227},"main":"index.js","gitHead":"8618ab3047d97fae0fbe1c9f350a59248a42b1ca","scripts":{"build":"npm run transform-icons && npm run copy-library-assets","serve":"npm run build:showcase && http-server ./dist/showcase -o","commit":"git-cz","build:showcase":"npm run build && npm run bundle-showcase && npm run copy-showcase-files","bundle-showcase":"webpack --config ./showcase/webpack.config.js","transform-icons":"svg-to-ts","copy-library-assets":"cpx package.json dist && cpx README.md dist","copy-showcase-files":"cpx showcase/index.html dist/showcase && cpx showcase/styles.css dist/showcase"},"_npmUser":{"name":"aherrahul123","email":"aherrahul1995@gmail.com"},"repository":{"url":"git+https://github.com/Aherrahul/rds-icons.git","type":"git"},"_npmVersion":"10.8.2","description":"rds icons","directories":{},"sideEffects":false,"_nodeVersion":"20.13.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","git-cz":"^4.7.1","webpack":"^3.12.0","svg-to-ts":"^6.0.0","typescript":"^4.0.3","npm-run-all":"^4.1.5"},"_npmOperationalInternal":{"tmp":"tmp/rds-icons_0.0.1_1726989357198_0.8097276718863351","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@aherrahul/rds-icons","version":"0.0.2","keywords":["vueJS","vue3","vue2","design","design-system","library","icon","icons","icons component","icons-component-library","icons-library","UI-components-icons","vite"],"_id":"@aherrahul/rds-icons@0.0.2","maintainers":[{"name":"aherrahul123","email":"aherrahul1995@gmail.com"}],"homepage":"https://github.com/Aherrahul/rds-icons#readme","bugs":{"url":"https://github.com/Aherrahul/rds-icons/issues"},"dist":{"shasum":"bbf9176929858b96c74378778e80f3b08e7878da","tarball":"https://registry.npmjs.org/@aherrahul/rds-icons/-/rds-icons-0.0.2.tgz","fileCount":341,"integrity":"sha512-6aHkSX7kslM3jdGq44g3XQlX7Q2h5bQ8t0SLcOaozU4s2D6KhxTr+KMujJDP2JliJ3PLhZ2Gva0NYfeSmmwRPQ==","signatures":[{"sig":"MEQCIGn/ZaPUdJ6ss3Nr72wbBdeVeIpZCz3Go11d2PotROa9AiAo2tIjFA2Q10WPGrvnqECJoEBYfglIj/oMq0N99XCM8w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":467301},"main":"index.js","gitHead":"81e09a5f59671486b34e92a30e6f5e4d5570745a","scripts":{"build":"npm run transform-icons && npm run copy-library-assets","serve":"npm run build:showcase && http-server ./dist/showcase -o","commit":"git-cz","build:showcase":"npm run build && npm run bundle-showcase && npm run copy-showcase-files","bundle-showcase":"webpack --config ./showcase/webpack.config.js","transform-icons":"svg-to-ts","copy-library-assets":"cpx package.json dist && cpx README.md dist","copy-showcase-files":"cpx showcase/index.html dist/showcase && cpx showcase/styles.css dist/showcase"},"_npmUser":{"name":"aherrahul123","email":"aherrahul1995@gmail.com"},"repository":{"url":"git+https://github.com/Aherrahul/rds-icons.git","type":"git"},"_npmVersion":"10.8.2","description":"A rds icons built by rahul aher, using for RDS dessign system and Vue components used in project","directories":{},"sideEffects":false,"_nodeVersion":"20.13.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","git-cz":"^4.7.1","webpack":"^3.12.0","svg-to-ts":"^6.0.0","typescript":"^4.0.3","npm-run-all":"^4.1.5"},"_npmOperationalInternal":{"tmp":"tmp/rds-icons_0.0.2_1726991539427_0.2234003722416189","host":"s3://npm-registry-packages"}},"0.0.3":{"name":"@aherrahul/rds-icons","version":"0.0.3","keywords":["vueJS","vue3","vue2","design","design-system","library","icon","icons","icons component","icons-component-library","icons-library","UI-components-icons","vite"],"_id":"@aherrahul/rds-icons@0.0.3","maintainers":[{"name":"aherrahul123","email":"aherrahul1995@gmail.com"}],"homepage":"https://github.com/AherRahul/rds-icon#readme","bugs":{"url":"https://github.com/AherRahul/rds-icon/issues"},"dist":{"shasum":"0acc41d1b6c6058b499bfead0f0d34767acae6a7","tarball":"https://registry.npmjs.org/@aherrahul/rds-icons/-/rds-icons-0.0.3.tgz","fileCount":341,"integrity":"sha512-HA+GOzI1O8lQESros+pwwyMgbyFyD2JbQxk3Bt5B9zyWtwZ12iUICP3NXLczTu4wnwA5FF49aNaJRMvckM7Frw==","signatures":[{"sig":"MEUCIDDrJago3cktvAkZeUFdSbSWFzvEfKYRIS3svwVCEvgnAiEA9EBFG1jVOW3hsgOZWs33rFWWivHWH/b8ECz7tA1RwoE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":467295},"main":"index.js","gitHead":"81e09a5f59671486b34e92a30e6f5e4d5570745a","scripts":{"build":"npm run transform-icons && npm run copy-library-assets","serve":"npm run build:showcase && http-server ./dist/showcase -o","commit":"git-cz","build:showcase":"npm run build && npm run bundle-showcase && npm run copy-showcase-files","bundle-showcase":"webpack --config ./showcase/webpack.config.js","transform-icons":"svg-to-ts","copy-library-assets":"cpx package.json dist && cpx README.md dist","copy-showcase-files":"cpx showcase/index.html dist/showcase && cpx showcase/styles.css dist/showcase"},"_npmUser":{"name":"aherrahul123","email":"aherrahul1995@gmail.com"},"repository":{"url":"git+https://github.com/AherRahul/rds-icon.git","type":"git"},"_npmVersion":"10.8.2","description":"A rds icons built by rahul aher, using for RDS dessign system and Vue components used in project","directories":{},"sideEffects":false,"_nodeVersion":"20.13.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","git-cz":"^4.7.1","webpack":"^3.12.0","svg-to-ts":"^6.0.0","typescript":"^4.0.3","npm-run-all":"^4.1.5"},"_npmOperationalInternal":{"tmp":"tmp/rds-icons_0.0.3_1726991690990_0.7328102575692694","host":"s3://npm-registry-packages"}},"0.0.4":{"name":"@aherrahul/rds-icons","version":"0.0.4","description":"A rds icons built by rahul aher, using for RDS dessign system and Vue components used in project","main":"index.js","sideEffects":false,"scripts":{"build":"npm run transform-icons && npm run copy-library-assets","build:showcase":"npm run build && npm run bundle-showcase && npm run copy-showcase-files","bundle-showcase":"webpack --config ./showcase/webpack.config.js","commit":"git-cz","copy-showcase-files":"cpx showcase/index.html dist/showcase && cpx showcase/styles.css dist/showcase","copy-library-assets":"cpx package.json dist && cpx README.md dist","transform-icons":"svg-to-ts","serve":"npm run build:showcase && http-server ./dist/showcase -o"},"repository":{"type":"git","url":"git+https://github.com/AherRahul/rds-icon.git"},"bugs":{"url":"https://github.com/AherRahul/rds-icon/issues"},"homepage":"https://github.com/AherRahul/rds-icon#readme","devDependencies":{"cpx":"^1.5.0","git-cz":"^4.7.1","npm-run-all":"^4.1.5","svg-to-ts":"^6.0.0","typescript":"^4.0.3","webpack":"^3.12.0"},"publishConfig":{"access":"public"},"keywords":["vueJS","vue3","vue2","design","design-system","library","icon","icons","icons component","icons-component-library","icons-library","UI-components-icons","vite"],"_id":"@aherrahul/rds-icons@0.0.4","gitHead":"67424b49e574c43d355da5146605f5466ff89660","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-DhNpG9t90lNZpC2Gwzy/nFJ5UxAZq1r3DZl4dZ9m9VKrKJg/NoDZHbaUyceNh8bGz1+OvCveTrx2/mpyaZAhdg==","shasum":"37065b3192cf094644241057182da04a04a1e223","tarball":"https://registry.npmjs.org/@aherrahul/rds-icons/-/rds-icons-0.0.4.tgz","fileCount":341,"unpackedSize":472785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDXLn3MSyPqYEjeIgWbr8+jWwvxR/Hay0jMMcs4UDzcAwIgZs2U2S+x8KTEniMWGUEHgOA/alGBpJHRITNo81H8Qvw="}]},"_npmUser":{"name":"aherrahul123","email":"aherrahul1995@gmail.com"},"directories":{},"maintainers":[{"name":"aherrahul123","email":"aherrahul1995@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rds-icons_0.0.4_1731681948132_0.3531654231021466"},"_hasShrinkwrap":false}},"time":{"created":"2024-09-22T07:15:57.107Z","modified":"2024-11-15T14:45:48.487Z","0.0.1":"2024-09-22T07:15:57.398Z","0.0.2":"2024-09-22T07:52:19.693Z","0.0.3":"2024-09-22T07:54:51.245Z","0.0.4":"2024-11-15T14:45:48.308Z"},"bugs":{"url":"https://github.com/AherRahul/rds-icon/issues"},"homepage":"https://github.com/AherRahul/rds-icon#readme","keywords":["vueJS","vue3","vue2","design","design-system","library","icon","icons","icons component","icons-component-library","icons-library","UI-components-icons","vite"],"repository":{"type":"git","url":"git+https://github.com/AherRahul/rds-icon.git"},"description":"A rds icons built by rahul aher, using for RDS dessign system and Vue components used in project","maintainers":[{"name":"aherrahul123","email":"aherrahul1995@gmail.com"}],"readme":"
\r\n\r\n\r\nRDS-icons is a powerful and flexible icons design system built with Vue.js, aimed at providing a consistent and efficient way to develop user interfaces. With a collection of reusable components and styles, RDS-icons helps streamline your development process, ensuring your applications have a cohesive look and feel.\r\n\r\nRDS Icons are packaged up and published to npm. We only include the processed SVGs in this package—it's up to you and your team to implement. Read our docs for usage instructions.\r\n\r\nThe iconography we use in RDS simplifies user interaction with the system, as it allows elements to be more easily identified. Furthermore, it allows users to more easily understand the layout components, reducing the learning curve on the interface.\r\n\r\n\r\n## Purpose of @aherrahul/rds-icons\r\n\r\nThe purpose of @aherrahul/rds-icons is to provide developers with a vast selection of customizable icons while minimizing vendor lock-in. This package allows you to:\r\n\r\n1. **Choose from an extensive library** of icons across different styles.\r\n2. **Integrate custom icons** with ease, ensuring your designs remain unique.\r\n3. **Use open-source tools and icon data** that empower you to customize icons without being tied to a specific set or vendor.\r\n\r\n\r\n## Prerequisites\r\n\r\nBefore you begin, make sure you have the following installed:\r\n\r\n- Node.js (v12 or higher)\r\n- npm (v6 or higher) or Yarn (v1.22 or higher)\r\n- Vue.js (v2.x or v3.x)\r\n\r\n\r\n## NPM Package\r\n\r\n[@aherrahul/rds-icons](https://www.npmjs.com/package/@aherrahul/rds-icons)\r\n\r\n\r\n### Step 1: Install RDS-Icon\r\n\r\nTo use RDS in your Vue.js project, you first need to install it via npm. Open your terminal and run the following command:\r\n\r\n```bash\r\nnpm install @aherrahul/rds-icons\r\n```\r\n\r\nAlternatively, if you prefer using Yarn, you can run:\r\n\r\n```bash\r\nyarn add @aherrahul/rds-icons\r\n```\r\n\r\n### Step 2: Import RDS-Icon in Your Project\r\n\r\nOnce the installation is complete, you need to import RDS into your Vue.js project. This can be done in your main JavaScript file (usually main.js or main.ts).\r\n\r\n```\r\n\r\nimport { completeIconSet } from '@aherrahul/rds-icons/dist';\r\n\r\n```\r\n\r\n### Step 3: Using RDS-Icons\r\nRDS implements a component-shaped wrapper for RDSIcons icons . Any maintenance or improvements must be made to the respective project and design kit in Figma and, if necessary, updated here.\r\n\r\n```vue\r\n\r\n \r\n\r\n```\r\n\r\n## The Future of @aherrahul/rds-icons\r\nMoving forward, I plan to enhance the package with additional icon sets, improved framework support, and better customization tools. This growth will be driven by community feedback and support. Contributions from users are welcomed, as they play an essential role in refining and expanding the library.\r\n\r\n## Support and Contact\r\nIf you're using @aherrahul/rds-icons, your feedback is always appreciated! Consider joining the community, offering suggestions, or contributing to the codebase. Every bit of support helps in expanding and enhancing the package, ultimately benefiting developers everywhere.\r\n\r\n\r\nThank you for choosing @aherrahul/rds-icons for your icon needs. I look forward to seeing how you use it in your projects!\r\n\r\nHappy coding!","readmeFilename":"README.md"}
![\"Rahul](\"https://rahulaher.netlify.app/img/logo/glyph-black-colored.svg\"){kind=logo}
\r\n \r\n![\"License\"](\"https://img.shields.io/github/license/aherrahul/rds-icon\")
![\"Downloads\"](\"https://img.shields.io/jsdelivr/npm/hy/@aherrahul/rds-icon\")
![\"minzipped](\"https://img.shields.io/bundlephobia/minzip/@aherrahul/rds-icon\")
![\"Version\"](\"https://img.shields.io/npm/v/@aherrahul/rds-icon\")
![\"Pull](\"https://img.shields.io/github/issues-pr/aherrahul/rds-icon\")
![\"Issues\"](\"https://img.shields.io/github/issues/aherrahul/rds-icon\")