{"_id":"@centrodphlibs/button-linaria-styled","_rev":"5-ecf84f05a263a145975cfe9f0eaf10f8","name":"@centrodphlibs/button-linaria-styled","dist-tags":{"latest":"0.0.6"},"versions":{"0.0.2":{"name":"@centrodphlibs/button-linaria-styled","version":"0.0.2","keywords":["react","button","component","ui","typescript","linaria","styled"],"author":"","license":"MIT","_id":"@centrodphlibs/button-linaria-styled@0.0.2","maintainers":[{"name":"centrodph","email":"centrodph@gmail.com"}],"dist":{"shasum":"e7f38366dd35112456d8b0492cd75fa80957fa30","tarball":"https://registry.npmjs.org/@centrodphlibs/button-linaria-styled/-/button-linaria-styled-0.0.2.tgz","fileCount":2,"integrity":"sha512-2RdZihvzePmF1/GJlBsjUPRwphoiO1zM7tKkGt/zgsv3dPJuvJx3Sn78pnnU54Wpk56mKuo+l/B0Geazi1c1hg==","signatures":[{"sig":"MEUCIHUzthzZd0SVXr//Uh9YiBaJZWC4+cGi9Ea+FUfSVS5KAiEAlOMxZzCDJ6a46qLX+OX7Duoh+cXQNd5ll9kD7GhBcno=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":3092},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"gitHead":"50c29de9965f03ad4a9988c4c8b475f527dce22d","scripts":{"test":"nx test button-linaria-styled","build":"vite build"},"_npmUser":{"name":"centrodph","email":"centrodph@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"10.9.2","description":"React button component library using Linaria styled function","directories":{},"_nodeVersion":"22.16.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"~5.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","linaria":"^5.0.0","react-dom":"^18.0.0 || ^19.0.0","@centrodphlibs/linaria-theme":"workspace:*"},"_npmOperationalInternal":{"tmp":"tmp/button-linaria-styled_0.0.2_1765391746087_0.004424935817021636","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@centrodphlibs/button-linaria-styled","version":"0.0.5","keywords":["react","button","component","ui","typescript","linaria","styled"],"author":"","license":"MIT","_id":"@centrodphlibs/button-linaria-styled@0.0.5","maintainers":[{"name":"centrodph","email":"centrodph@gmail.com"}],"dist":{"shasum":"02aa481d4edbeb5232d24e2fc5258cbcb9bd028c","tarball":"https://registry.npmjs.org/@centrodphlibs/button-linaria-styled/-/button-linaria-styled-0.0.5.tgz","fileCount":7,"integrity":"sha512-FweyOZ25IXlgcfS1wYpyCTGIfOQuERFUzfyhXYKh9jaPhLhlz5gftH60d6d2C7Y130cvB0iPkOeWaT9UPCZWNg==","signatures":[{"sig":"MEUCIQDRMk3UZ+iMVFOGHou9KJEutUTVaT5P0c6RK24+BFyPlAIgfW03F1OPjdGS/29PE1O7p/T3Qho/x4moLYsNhhvzg+g=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":23303},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"gitHead":"50c29de9965f03ad4a9988c4c8b475f527dce22d","scripts":{"test":"nx test button-linaria-styled","build":"vite build"},"_npmUser":{"name":"centrodph","email":"centrodph@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"10.9.2","description":"React button component library using Linaria styled function","directories":{},"_nodeVersion":"22.16.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"~5.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","linaria":"^5.0.0","react-dom":"^18.0.0 || ^19.0.0","@centrodphlibs/linaria-theme":"workspace:*"},"_npmOperationalInternal":{"tmp":"tmp/button-linaria-styled_0.0.5_1765393283452_0.5743988321692084","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@centrodphlibs/button-linaria-styled","version":"0.0.3","keywords":["react","button","component","ui","typescript","linaria","styled"],"author":"","license":"MIT","_id":"@centrodphlibs/button-linaria-styled@0.0.3","maintainers":[{"name":"centrodph","email":"centrodph@gmail.com"}],"dist":{"shasum":"66e10c4eae9cbbc222a5b70c44f24c3822933a06","tarball":"https://registry.npmjs.org/@centrodphlibs/button-linaria-styled/-/button-linaria-styled-0.0.3.tgz","fileCount":2,"integrity":"sha512-EdoJgG5KN++v+Y5JzSH5LvGxLN+mIlbDw3UV3fPn3pxvTnqSTt9QQ1opoaX+XJXWw8puX6qXVeesY9IKMOynOA==","signatures":[{"sig":"MEQCICwnsOjgQPN5PM3NKd2AGyMcPilW6uWkYlWW3QXVUKWtAiAIodgA5Jf3lRBc43QRw56yenySYxT91CvbV8Xg+lOWWg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":3091},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"gitHead":"9439ec4f539382aad32b3ee72dc6c16e4bc32147","scripts":{"test":"nx test button-linaria-styled","build":"vite build"},"_npmUser":{"name":"centrodph","email":"centrodph@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"10.9.2","description":"React button component library using Linaria styled function","directories":{},"_nodeVersion":"22.16.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"~5.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","linaria":"^5.0.0","react-dom":"^18.0.0 || ^19.0.0","@centrodphlibs/linaria-theme":"workspace:*"},"_npmOperationalInternal":{"tmp":"tmp/button-linaria-styled_0.0.3_1765393484436_0.6889739441861049","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@centrodphlibs/button-linaria-styled","version":"0.0.4","keywords":["react","button","component","ui","typescript","linaria","styled"],"author":"","license":"MIT","_id":"@centrodphlibs/button-linaria-styled@0.0.4","maintainers":[{"name":"centrodph","email":"centrodph@gmail.com"}],"dist":{"shasum":"35844cad7750dfd56d17918427ddad05e818be8b","tarball":"https://registry.npmjs.org/@centrodphlibs/button-linaria-styled/-/button-linaria-styled-0.0.4.tgz","fileCount":7,"integrity":"sha512-bzKpYYoGydVTSMyCPmzKxqfC7uDzes3Vs9YEHO2CwiihcnvCumpdSMadRO/VovC9ZWt9/msEfl2FUiA2gQROww==","signatures":[{"sig":"MEUCIBZvLcGI9GcaF5kPcPQSfZZ2pBuS1PhTbcThm/IkmAuTAiEAheGPWX7uVLlNjEu0WR3BAlRtw+wkKtk7UoL9bcwJ+jg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":23335},"main":"./index.cjs","type":"module","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js","require":"./index.cjs"},"./style.css":"./style.css"},"gitHead":"9439ec4f539382aad32b3ee72dc6c16e4bc32147","scripts":{"test":"nx test button-linaria-styled","build":"vite build"},"_npmUser":{"name":"centrodph","email":"centrodph@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"10.9.2","description":"React button component library using Linaria styled function","directories":{},"_nodeVersion":"22.16.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"~5.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","linaria":"^5.0.0","react-dom":"^18.0.0 || ^19.0.0","@centrodphlibs/linaria-theme":"workspace:*"},"_npmOperationalInternal":{"tmp":"tmp/button-linaria-styled_0.0.4_1765394376047_0.6161045432380454","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@centrodphlibs/button-linaria-styled","version":"0.0.6","description":"React button component library using Linaria styled function","keywords":["react","button","component","ui","typescript","linaria","styled"],"author":"","license":"MIT","repository":{"type":"git","url":""},"type":"module","module":"./index.js","main":"./index.cjs","types":"./index.d.ts","exports":{".":{"import":"./index.js","require":"./index.cjs","types":"./index.d.ts"},"./style.css":"./style.css"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@centrodphlibs/linaria-theme":"^0.0.6","linaria":"^5.0.0"},"devDependencies":{"vite":"~5.0.0"},"publishConfig":{"access":"public"},"scripts":{"build":"vite build","test":"nx test button-linaria-styled"},"_id":"@centrodphlibs/button-linaria-styled@0.0.6","gitHead":"9439ec4f539382aad32b3ee72dc6c16e4bc32147","_nodeVersion":"22.16.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-IcRsPGMRaYZ4iWIVyyFX/sVDUulNLdLAcbBTOPCNYNs/MRdiVg/trHBNbu5mqVh5/8tKuyCjWMPQBxDjXcZPFw==","shasum":"2a71d46b5acc1692fed06a595896e9ffeeb0c07b","tarball":"https://registry.npmjs.org/@centrodphlibs/button-linaria-styled/-/button-linaria-styled-0.0.6.tgz","fileCount":7,"unpackedSize":23330,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAtv8YU81nvfHElzSiz+smwlcq/evjwlTy+irMQ5woS1AiAFtCYQsENtB/ZSDbe8+z7I/jf6xkS7WEmEJrdWakW4lA=="}]},"_npmUser":{"name":"centrodph","email":"centrodph@gmail.com"},"directories":{},"maintainers":[{"name":"centrodph","email":"centrodph@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/button-linaria-styled_0.0.6_1765394791649_0.270206918499756"},"_hasShrinkwrap":false}},"time":{"created":"2025-12-10T18:35:45.918Z","modified":"2025-12-10T19:26:32.032Z","0.0.2":"2025-12-10T18:35:46.244Z","0.0.5":"2025-12-10T19:01:23.589Z","0.0.3":"2025-12-10T19:04:44.576Z","0.0.4":"2025-12-10T19:19:36.228Z","0.0.6":"2025-12-10T19:26:31.789Z"},"license":"MIT","keywords":["react","button","component","ui","typescript","linaria","styled"],"repository":{"type":"git","url":""},"description":"React button component library using Linaria styled function","maintainers":[{"name":"centrodph","email":"centrodph@gmail.com"}],"readme":"# @centrodphlibs/button-linaria-styled\n\nReact button component library using Linaria's `styled` function for zero-runtime CSS-in-JS styling. Provides compile-time CSS extraction with variants and sizes.\n\n## Installation\n\n```bash\nnpm install @centrodphlibs/button-linaria-styled\n```\n\n## Usage\n\nImport the component and **manually import the CSS file**:\n\n```tsx\nimport { Button } from '@centrodphlibs/button-linaria-styled';\nimport '@centrodphlibs/button-linaria-styled/style.css'; // Required!\n\nfunction App() {\n  return (\n    <div>\n      <Button variant=\"primary\" size=\"medium\" onClick={() => alert('Clicked!')}>\n        Primary Button\n      </Button>\n      <Button variant=\"secondary\" size=\"large\">\n        Secondary Button\n      </Button>\n      <Button variant=\"outline\" size=\"small\">\n        Outline Button\n      </Button>\n      <Button variant=\"ghost\" disabled>\n        Ghost Button (Disabled)\n      </Button>\n    </div>\n  );\n}\n```\n\n## Props\n\n### ButtonProps\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `variant` | `'primary' \\| 'secondary' \\| 'outline' \\| 'ghost'` | `'primary'` | Button style variant |\n| `size` | `'small' \\| 'medium' \\| 'large'` | `'medium'` | Button size |\n| `disabled` | `boolean` | `false` | Whether the button is disabled |\n| `onClick` | `(event: React.MouseEvent<HTMLButtonElement>) => void` | - | Click handler |\n| `children` | `React.ReactNode` | - | Button content (required) |\n| `className` | `string` | - | Additional CSS class name |\n\n## Variants\n\n- **primary**: Solid blue background with white text\n- **secondary**: Solid gray background with white text\n- **outline**: Transparent background with blue border and text\n- **ghost**: Transparent background with blue text, no border\n\n## Sizes\n\n- **small**: Compact padding (6px 12px), 14px font\n- **medium**: Default padding (10px 20px), 16px font\n- **large**: Larger padding (14px 28px), 18px font\n\n## Running unit tests\n\nRun `nx test button-linaria-styled` to execute the unit tests via [Vitest](https://vitest.dev/).\n\n","readmeFilename":"README.md"}