{"_id":"@dian-alfabet/vpn-ui-core","_rev":"2-d44a376e6a443b9ef9a61d96663b9b65","name":"@dian-alfabet/vpn-ui-core","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@dian-alfabet/vpn-ui-core","version":"1.0.0","description":"[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/) [![GPLv3 License](https://img.shields.io/badge/License-GPL%20v3-yellow.svg)](https://opensource.org/licenses/) [![AGPL License](https://img.shie","source":"src/components/index.ts","main":"dist/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","storybook":"storybook dev -p 6006","build-storybook":"storybook build","build":"microbundle","dev":"microbundle watch"},"repository":{"type":"git","url":"git+https://github.com/Dian-Alfabet/vpn-ui-core.git"},"keywords":[],"author":{"name":"aryandivpn"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.3","@babel/preset-env":"^7.23.3","@babel/preset-react":"^7.23.3","@storybook/addon-essentials":"^7.5.3","@storybook/addon-interactions":"^7.5.3","@storybook/addon-links":"^7.5.3","@storybook/addon-onboarding":"^1.0.8","@storybook/blocks":"^7.5.3","@storybook/builder-vite":"^7.6.0","@storybook/react":"^7.5.3","@storybook/react-vite":"^7.5.3","@storybook/testing-library":"^0.2.2","microbundle":"^0.15.1","prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0","storybook":"^7.5.3"},"dependencies":{"clsx":"^2.0.0","react-scripts":"^5.0.1","sass":"^1.69.5","vite":"^4.5.0"},"_id":"@dian-alfabet/vpn-ui-core@1.0.0","gitHead":"41389d36a81590e8d2435ec69ef1b1b2cc1df398","types":"./dist/index.d.ts","bugs":{"url":"https://github.com/Dian-Alfabet/vpn-ui-core/issues"},"homepage":"https://github.com/Dian-Alfabet/vpn-ui-core#readme","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-dLrnCf4hN6H3t+xjKHxr0oc39VnBWdNjUiwC//rxr4I+6c8NNwfOiSylG5eJL/9mQRTUGd03hBnXHVMciPz2YA==","shasum":"62db85be1ea736ce4192aaa996c92f15221b775b","tarball":"https://registry.npmjs.org/@dian-alfabet/vpn-ui-core/-/vpn-ui-core-1.0.0.tgz","fileCount":46,"unpackedSize":1067681,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF8DYclt8B+dpICoS2z0hSw/gDYkee3TglS/u7yDPAdLAiEAqNbhYz7VQYJq7CiCCzSqxP95a1Q3IATjHK7RIRyFKpE="}]},"_npmUser":{"name":"aryandivpn","email":"aryandi@noble-software.com"},"directories":{},"maintainers":[{"name":"aryandivpn","email":"aryandi@noble-software.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vpn-ui-core_1.0.0_1710229934689_0.17459351777126697"},"_hasShrinkwrap":false},"1.0.2":{"name":"@dian-alfabet/vpn-ui-core","version":"1.0.2","description":"[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/) [![GPLv3 License](https://img.shields.io/badge/License-GPL%20v3-yellow.svg)](https://opensource.org/licenses/) [![AGPL License](https://img.shie","source":"src/components/index.ts","main":"dist/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","storybook":"storybook dev -p 6006","build-storybook":"storybook build","build":"microbundle","dev":"microbundle watch"},"repository":{"type":"git","url":"git+https://github.com/Dian-Alfabet/vpn-ui-core.git"},"keywords":[],"author":{"name":"aryandivpn"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.3","@babel/preset-env":"^7.23.3","@babel/preset-react":"^7.23.3","@storybook/addon-essentials":"^7.5.3","@storybook/addon-interactions":"^7.5.3","@storybook/addon-links":"^7.5.3","@storybook/addon-onboarding":"^1.0.8","@storybook/blocks":"^7.5.3","@storybook/builder-vite":"^7.6.0","@storybook/react":"^7.5.3","@storybook/react-vite":"^7.5.3","@storybook/testing-library":"^0.2.2","microbundle":"^0.15.1","prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0","storybook":"^7.5.3"},"dependencies":{"clsx":"^2.0.0","react-scripts":"^5.0.1","sass":"^1.69.5","vite":"^4.5.0"},"_id":"@dian-alfabet/vpn-ui-core@1.0.2","gitHead":"41389d36a81590e8d2435ec69ef1b1b2cc1df398","types":"./dist/index.d.ts","bugs":{"url":"https://github.com/Dian-Alfabet/vpn-ui-core/issues"},"homepage":"https://github.com/Dian-Alfabet/vpn-ui-core#readme","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-YETl3WdTqVfPJtYywVBHJow451fLv6ZJAA46wGza3IA+66Zi9Ie3uHMi1R4hnbm8yaOIz8ZDabxpO1KbDA7+Mg==","shasum":"f172feeac7131625075eed474cc22201186b7af5","tarball":"https://registry.npmjs.org/@dian-alfabet/vpn-ui-core/-/vpn-ui-core-1.0.2.tgz","fileCount":46,"unpackedSize":1067681,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICkezdgYB9EkrNrCUcxcU4y+tzYKrFZqG9Bvxlf6wXq+AiEAmfzDnfado00KhGUKhoToAxAYboWjROdNpm25dqCug+8="}]},"_npmUser":{"name":"aryandivpn","email":"aryandi@noble-software.com"},"directories":{},"maintainers":[{"name":"aryandivpn","email":"aryandi@noble-software.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vpn-ui-core_1.0.2_1710230579109_0.3821428500794106"},"_hasShrinkwrap":false},"1.0.3":{"name":"@dian-alfabet/vpn-ui-core","version":"1.0.3","description":"[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/) [![GPLv3 License](https://img.shields.io/badge/License-GPL%20v3-yellow.svg)](https://opensource.org/licenses/) [![AGPL License](https://img.shie","private":false,"source":"src/components/index.ts","main":"dist/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","storybook":"storybook dev -p 6006","build-storybook":"storybook build","build":"rollup -c","dev":"microbundle watch"},"repository":{"type":"git","url":"git+https://github.com/Dian-Alfabet/vpn-ui-core.git"},"keywords":[],"author":{"name":"aryandivpn"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.3","@babel/preset-env":"^7.23.3","@babel/preset-react":"^7.23.3","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.3","@storybook/addon-interactions":"^7.5.3","@storybook/addon-links":"^7.5.3","@storybook/addon-onboarding":"^1.0.8","@storybook/blocks":"^7.5.3","@storybook/builder-vite":"^7.6.0","@storybook/react":"^7.5.3","@storybook/react-vite":"^7.5.3","@storybook/testing-library":"^0.2.2","microbundle":"^0.15.1","postcss":"^8.4.35","prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^4.13.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.36.0","storybook":"^7.5.3"},"dependencies":{"clsx":"^2.0.0","react-scripts":"^5.0.1","sass":"^1.69.5","vite":"^4.5.0"},"_id":"@dian-alfabet/vpn-ui-core@1.0.3","gitHead":"41389d36a81590e8d2435ec69ef1b1b2cc1df398","types":"./dist/index.d.ts","bugs":{"url":"https://github.com/Dian-Alfabet/vpn-ui-core/issues"},"homepage":"https://github.com/Dian-Alfabet/vpn-ui-core#readme","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-1CREEnZ+9HACU/4U2lwmFc+VFROsxlBKJbvi4CYzqi1IbbDIR5k2RfKJ6rLyvFc7JA+URX0HcDLEEiv/oofkYQ==","shasum":"ccd8c70452bd3ccd12bafde6c2e718c261867727","tarball":"https://registry.npmjs.org/@dian-alfabet/vpn-ui-core/-/vpn-ui-core-1.0.3.tgz","fileCount":47,"unpackedSize":1068694,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCK/8cTRYEQAllwNi4AxYtSv/qk0vLsaEFK1hrkstAvvQIgXbhf/28eWroYPGdQspBYD1IAoJ7tsv9FTpKx2jiZAX4="}]},"_npmUser":{"name":"aryandivpn","email":"aryandi@noble-software.com"},"directories":{},"maintainers":[{"name":"aryandivpn","email":"aryandi@noble-software.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vpn-ui-core_1.0.3_1710231526828_0.44826378370685016"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-12T07:52:14.564Z","1.0.0":"2024-03-12T07:52:14.936Z","modified":"2024-03-12T08:18:47.468Z","1.0.2":"2024-03-12T08:02:59.545Z","1.0.3":"2024-03-12T08:18:47.028Z"},"maintainers":[{"name":"aryandivpn","email":"aryandi@noble-software.com"}],"description":"[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/) [![GPLv3 License](https://img.shields.io/badge/License-GPL%20v3-yellow.svg)](https://opensource.org/licenses/) [![AGPL License](https://img.shie","homepage":"https://github.com/Dian-Alfabet/vpn-ui-core#readme","keywords":[],"repository":{"type":"git","url":"git+https://github.com/Dian-Alfabet/vpn-ui-core.git"},"author":{"name":"aryandivpn"},"bugs":{"url":"https://github.com/Dian-Alfabet/vpn-ui-core/issues"},"license":"ISC","readme":"[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)\n[![GPLv3 License](https://img.shields.io/badge/License-GPL%20v3-yellow.svg)](https://opensource.org/licenses/)\n[![AGPL License](https://img.shields.io/badge/license-AGPL-blue.svg)](http://www.gnu.org/licenses/agpl-3.0)\n\n# VPN UI Core - Design System\n\nThe UI Core is a design system dedicated to crafting reusable UI components. Our focus is on aligning with established design principles agreed upon by the design team. This serves as a comprehensive guide for both designers and engineers, ensuring the creation of consistently styled interfaces.\n\n\n## Key Features\n\n- **Reusability:** The design system prioritizes the development of UI components that are easily reusable across various parts of the application.\n- **Alignment with Design Standards:** Our work is anchored in adherence to predefined design standards, fostering consistency and coherence in the visual elements.\n- **Guide for Designers and Engineers:** The UI Core acts as a guiding resource for designers and engineers alike, streamlining the process of creating visually cohesive and user-friendly interfaces.\n- **Collaborative Approach:** By providing a shared framework, the design system encourages collaboration between design and engineering teams, resulting in a unified and polished user experience.\n\n\n## Run Locally\n\nClone the project\n\n```bash\n  git clone git@github.com:Dian-Alfabet/vpn-ui-core.git\n```\n\nGo to the project directory\n\n```bash\n  cd vpn-ui-core\n```\n\nInstall dependencies\n\n```bash\n  npm install\n```\n\nStart the server\n\n```bash\n  npm run storybook\n```\n\n## Demo\n\nInsert gif or link to demo\n\n## Color Reference\n\n| Color             | Hex                                                                |\n| ----------------- | ------------------------------------------------------------------ |\n| Example Color | ![#0a192f](https://via.placeholder.com/10/0a192f?text=+) #0a192f |\n| Example Color | ![#f8f8f8](https://via.placeholder.com/10/f8f8f8?text=+) #f8f8f8 |\n| Example Color | ![#00b48a](https://via.placeholder.com/10/00b48a?text=+) #00b48a |\n| Example Color | ![#00d1a0](https://via.placeholder.com/10/00b48a?text=+) #00d1a0 |\n\n\n## Running Tests\n\nTo run tests, run the following command\n\n```bash\n  npm run test\n```\n\n\n## Deployment\n\nTo deploy this project run\n\n```bash\n  npm run deploy\n```\n\n\n## Usage/Examples\n\n```javascript\nimport Component from 'my-project'\n\nfunction App() {\n  return <Component />\n}\n```\n\n\n## Optimizations\n\nWhat optimizations did you make in your code? E.g. refactors, performance improvements, accessibility\n\n\n## Used By\n\nThis project is used by the following companies:\n\n- Portal Sekolah Features\n- Portal Kerja Features\n\n","readmeFilename":"README.md"}