{"_id":"@atn1988/design-system","name":"@atn1988/design-system","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@atn1988/design-system","version":"0.1.0","type":"module","description":"Anthony Nguyen's personal design system — tokens, components, and icons.","author":{"name":"Anthony Nguyen","email":"hi@antnguyen.com"},"license":"MIT","homepage":"https://storybook.antnguyen.com","repository":{"type":"git","url":"git+https://github.com/anguyen88/antnguyen.git"},"main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","types":"./dist/index.d.ts"},"./tokens.css":"./dist/tokens.css","./components.css":"./dist/style.css","./fonts.css":"./fonts/fonts.css"},"sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"tsc -b && vite build","build:lib":"npm run token:build && vite build --config vite.lib.config.ts && cp tokens/build/tokens.css dist/tokens.css","lint":"eslint .","preview":"vite preview","storybook":"npm run token:build && storybook dev -p 6006","build-storybook":"npm run token:build && storybook build","token:pull":"node scripts/figma-export.mjs","token:build":"node scripts/build-tokens.mjs","token:sync":"npm run token:pull && npm run token:build","test":"vitest run","test:unit":"vitest run --project unit","test:storybook":"vitest run --project storybook","test:watch":"vitest --project unit"},"peerDependencies":{"react":">=18","react-dom":">=18"},"dependencies":{},"devDependencies":{"@chromatic-com/storybook":"^5.2.1","@eslint/js":"^10.0.1","@fontsource-variable/material-symbols-rounded":"^5.2.45","@storybook/addon-a11y":"^10.4.0","@storybook/addon-docs":"^10.4.0","@storybook/addon-mcp":"^0.6.0","@storybook/addon-vitest":"^10.4.0","@storybook/react-vite":"^10.4.0","@testing-library/jest-dom":"^6.9.1","@testing-library/react":"^16.3.2","@testing-library/user-event":"^14.6.1","@types/jest-axe":"^3.5.9","@types/node":"^24.12.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^6.0.1","@vitest/browser-playwright":"^4.1.6","@vitest/coverage-v8":"^4.1.6","culori":"^4.0.2","eslint":"^10.3.0","eslint-plugin-react-hooks":"^7.1.1","eslint-plugin-react-refresh":"^0.5.2","eslint-plugin-storybook":"^10.4.0","globals":"^17.6.0","jest-axe":"^10.0.0","jsdom":"^29.1.1","playwright":"^1.60.0","storybook":"^10.4.0","style-dictionary":"^5.4.0","typescript":"~6.0.2","typescript-eslint":"^8.59.2","vite":"^8.0.12","vite-plugin-dts":"^5.0.1","vitest":"^4.1.6"},"_id":"@atn1988/design-system@0.1.0","gitHead":"171d4a4cfa266144d83729275cdd174767c1ec30","bugs":{"url":"https://github.com/anguyen88/antnguyen/issues"},"_nodeVersion":"22.22.3","_npmVersion":"10.9.8","dist":{"integrity":"sha512-JEwc8boqRcMEM4CKFKHtLYtv2oxbe9h1TKNE0JOEGIdrMePUHcK19tHx/4L/wvrOlxPDu2fiAT3u290a2i5hrg==","shasum":"b51f8910d826a62830693eb1f59e9f5e7458333f","tarball":"https://registry.npmjs.org/@atn1988/design-system/-/design-system-0.1.0.tgz","fileCount":17,"unpackedSize":5633172,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDQ6P4Hhuo/qjseXh83AqPmFAvh3HArJdnxJJjhiKnG2gIgAYvJx5O1C/S6MAcBm3assr0DraXviaRF2TaCP85sIys="}]},"_npmUser":{"name":"atn1988","email":"hi@antnguyen.com"},"directories":{},"maintainers":[{"name":"atn1988","email":"hi@antnguyen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-system_0.1.0_1779328078497_0.6566262908218554"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-21T01:47:58.321Z","0.1.0":"2026-05-21T01:47:58.814Z","modified":"2026-05-21T01:47:58.990Z"},"maintainers":[{"name":"atn1988","email":"hi@antnguyen.com"}],"description":"Anthony Nguyen's personal design system — tokens, components, and icons.","homepage":"https://storybook.antnguyen.com","repository":{"type":"git","url":"git+https://github.com/anguyen88/antnguyen.git"},"author":{"name":"Anthony Nguyen","email":"hi@antnguyen.com"},"bugs":{"url":"https://github.com/anguyen88/antnguyen/issues"},"license":"MIT","readme":"# React + TypeScript + Vite\n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)\n\n## React Compiler\n\nThe React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).\n\n## Expanding the ESLint configuration\n\nIf you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:\n\n```js\nexport default defineConfig([\n  globalIgnores(['dist']),\n  {\n    files: ['**/*.{ts,tsx}'],\n    extends: [\n      // Other configs...\n\n      // Remove tseslint.configs.recommended and replace with this\n      tseslint.configs.recommendedTypeChecked,\n      // Alternatively, use this for stricter rules\n      tseslint.configs.strictTypeChecked,\n      // Optionally, add this for stylistic rules\n      tseslint.configs.stylisticTypeChecked,\n\n      // Other configs...\n    ],\n    languageOptions: {\n      parserOptions: {\n        project: ['./tsconfig.node.json', './tsconfig.app.json'],\n        tsconfigRootDir: import.meta.dirname,\n      },\n      // other options...\n    },\n  },\n])\n```\n\nYou can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:\n\n```js\n// eslint.config.js\nimport reactX from 'eslint-plugin-react-x'\nimport reactDom from 'eslint-plugin-react-dom'\n\nexport default defineConfig([\n  globalIgnores(['dist']),\n  {\n    files: ['**/*.{ts,tsx}'],\n    extends: [\n      // Other configs...\n      // Enable lint rules for React\n      reactX.configs['recommended-typescript'],\n      // Enable lint rules for React DOM\n      reactDom.configs.recommended,\n    ],\n    languageOptions: {\n      parserOptions: {\n        project: ['./tsconfig.node.json', './tsconfig.app.json'],\n        tsconfigRootDir: import.meta.dirname,\n      },\n      // other options...\n    },\n  },\n])\n```\n","readmeFilename":"README.md","_rev":"1-c6ed63670711eae4c2a2c670fe232225"}