{"_id":"@caioalfonso/kanso-styles","_rev":"4-c0928c8b7b0d02a3be0f8548563bc0c9","name":"@caioalfonso/kanso-styles","dist-tags":{"latest":"1.0.1"},"versions":{"0.0.1":{"name":"@caioalfonso/kanso-styles","version":"0.0.1","keywords":["css","design-tokens","oklch","headless","kanso"],"author":{"name":"Caio Alfonso"},"license":"MIT","_id":"@caioalfonso/kanso-styles@0.0.1","maintainers":[{"name":"caioalfonso","email":"caioap25@gmail.com"}],"homepage":"https://github.com/CaioAP/kanso-ui#readme","bugs":{"url":"https://github.com/CaioAP/kanso-ui/issues"},"dist":{"shasum":"5541ac59ba218b462b70d6ac0cc3814ec74cc0e1","tarball":"https://registry.npmjs.org/@caioalfonso/kanso-styles/-/kanso-styles-0.0.1.tgz","fileCount":13,"integrity":"sha512-mIinIu6Q7uCdz7qKDFwLYhFX9ouGJm2nggO/KaNhtITSHugonvgLWYKhHEOY5cAVCXZVgZSBm7iJuWTdnEtoTw==","signatures":[{"sig":"MEUCICIlxgLjN8FvoMm1qXHKYNYo7NTl2wHtvfbcMmJS3dwVAiEAqwPvXjSntt4fzMReZUrknD1lJ4ql4viFnIovw3pWeuE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":38385},"type":"module","_from":"file:caioalfonso-kanso-styles-0.0.1.tgz","exports":{".":"./dist/index.css","./base":"./dist/base.css","./card":"./dist/card.css","./menu":"./dist/menu.css","./tabs":"./dist/tabs.css","./field":"./dist/field.css","./button":"./dist/button.css","./dialog":"./dist/dialog.css","./switch":"./dist/switch.css","./tokens":"./dist/tokens.css","./package.json":"./package.json"},"scripts":{"build":"node ./build.mjs","package-lint":"publint --strict"},"_npmUser":{"name":"caioalfonso","email":"caioap25@gmail.com"},"_resolved":"/tmp/a5b2e67ee96c8d424afedabbb635ec00/caioalfonso-kanso-styles-0.0.1.tgz","_integrity":"sha512-mIinIu6Q7uCdz7qKDFwLYhFX9ouGJm2nggO/KaNhtITSHugonvgLWYKhHEOY5cAVCXZVgZSBm7iJuWTdnEtoTw==","repository":{"url":"git+https://github.com/CaioAP/kanso-ui.git","type":"git","directory":"packages/styles"},"_npmVersion":"11.13.0","description":"Optional stylesheet and design tokens for kanso-ui. Targets data-part / data-state only.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/kanso-styles_0.0.1_1785872896162_0.5088161216914955","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@caioalfonso/kanso-styles","version":"0.0.2","keywords":["css","design-tokens","oklch","headless","kanso"],"author":{"name":"Caio Alfonso"},"license":"MIT","_id":"@caioalfonso/kanso-styles@0.0.2","maintainers":[{"name":"caioalfonso","email":"caioap25@gmail.com"}],"homepage":"https://github.com/CaioAP/kanso-ui#readme","bugs":{"url":"https://github.com/CaioAP/kanso-ui/issues"},"dist":{"shasum":"21f3c409d75cbf5f240774a66c8631cc13f56d57","tarball":"https://registry.npmjs.org/@caioalfonso/kanso-styles/-/kanso-styles-0.0.2.tgz","fileCount":13,"integrity":"sha512-1Usp+zTQCV88Z/+aMw6H+mRKitJorjB/6LNQPjBqm0L0/UNJ0yuE8yt9rN8ReNrGjyM82TMKeQwPDQBaY5/TuQ==","signatures":[{"sig":"MEQCIG6xc9rvOmwHCG9M61R06XrW8Vfz7UAZPSxIkOjYZB3DAiB+lMSOiC6JOQtoBklNsk1dndO1y6jg2VrZ4pqyURmnKg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@caioalfonso%2fkanso-styles@0.0.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":39465},"type":"module","_from":"file:caioalfonso-kanso-styles-0.0.2.tgz","exports":{".":"./dist/index.css","./base":"./dist/base.css","./card":"./dist/card.css","./menu":"./dist/menu.css","./tabs":"./dist/tabs.css","./field":"./dist/field.css","./button":"./dist/button.css","./dialog":"./dist/dialog.css","./switch":"./dist/switch.css","./tokens":"./dist/tokens.css","./package.json":"./package.json"},"scripts":{"build":"node ./build.mjs","package-lint":"publint --strict"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:1a4a6ea1-e8ca-4af8-bcf2-383acaa38802"}},"_resolved":"/tmp/beb23608175e1e457617d01b1985d7b5/caioalfonso-kanso-styles-0.0.2.tgz","_integrity":"sha512-1Usp+zTQCV88Z/+aMw6H+mRKitJorjB/6LNQPjBqm0L0/UNJ0yuE8yt9rN8ReNrGjyM82TMKeQwPDQBaY5/TuQ==","repository":{"url":"git+https://github.com/CaioAP/kanso-ui.git","type":"git","directory":"packages/styles"},"_npmVersion":"11.16.0","description":"Optional stylesheet and design tokens for kanso-ui. Targets data-part / data-state only.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/kanso-styles_0.0.2_1785964445367_0.7524373267274154","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@caioalfonso/kanso-styles","version":"1.0.0","keywords":["css","design-tokens","oklch","headless","kanso"],"author":{"name":"Caio Alfonso"},"license":"MIT","_id":"@caioalfonso/kanso-styles@1.0.0","maintainers":[{"name":"caioalfonso","email":"caioap25@gmail.com"}],"homepage":"https://github.com/CaioAP/kanso-ui#readme","bugs":{"url":"https://github.com/CaioAP/kanso-ui/issues"},"dist":{"shasum":"1dcf072d109288841565879aa0f025a1effad3f5","tarball":"https://registry.npmjs.org/@caioalfonso/kanso-styles/-/kanso-styles-1.0.0.tgz","fileCount":13,"integrity":"sha512-nRBtCa8iVsi9sSbJAQu3NRylXup6j8YF91S0ofUNHDFRjhwYqq7Er8rJ3kbNtZxwHz0nSQUzCHAPbaI2FveOeg==","signatures":[{"sig":"MEQCICcPGsR/75GB2k0InKUZK5Hew6ns0yvmip1iPPTMux+sAiBL+KbcrOOeRMZHCM/o1Tb6079tN4syL8WejjGEYtdh2A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@caioalfonso%2fkanso-styles@1.0.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":39465},"type":"module","_from":"file:caioalfonso-kanso-styles-1.0.0.tgz","exports":{".":"./dist/index.css","./base":"./dist/base.css","./card":"./dist/card.css","./menu":"./dist/menu.css","./tabs":"./dist/tabs.css","./field":"./dist/field.css","./button":"./dist/button.css","./dialog":"./dist/dialog.css","./switch":"./dist/switch.css","./tokens":"./dist/tokens.css","./package.json":"./package.json"},"scripts":{"build":"node ./build.mjs","package-lint":"publint --strict"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:1a4a6ea1-e8ca-4af8-bcf2-383acaa38802"}},"_resolved":"/tmp/3a5d0d8bef697ec54c1fb21b15273843/caioalfonso-kanso-styles-1.0.0.tgz","_integrity":"sha512-nRBtCa8iVsi9sSbJAQu3NRylXup6j8YF91S0ofUNHDFRjhwYqq7Er8rJ3kbNtZxwHz0nSQUzCHAPbaI2FveOeg==","repository":{"url":"git+https://github.com/CaioAP/kanso-ui.git","type":"git","directory":"packages/styles"},"_npmVersion":"11.16.0","description":"Optional stylesheet and design tokens for kanso-ui. Targets data-part / data-state only.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/kanso-styles_1.0.0_1785968421451_0.4052295546356852","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@caioalfonso/kanso-styles","version":"1.0.1","description":"Optional stylesheet and design tokens for kanso-ui. Targets data-part / data-state only.","license":"MIT","author":{"name":"Caio Alfonso"},"homepage":"https://github.com/CaioAP/kanso-ui#readme","repository":{"type":"git","url":"git+https://github.com/CaioAP/kanso-ui.git","directory":"packages/styles"},"bugs":{"url":"https://github.com/CaioAP/kanso-ui/issues"},"keywords":["css","design-tokens","oklch","headless","kanso"],"type":"module","sideEffects":["**/*.css"],"exports":{".":"./dist/index.css","./tokens":"./dist/tokens.css","./base":"./dist/base.css","./switch":"./dist/switch.css","./tabs":"./dist/tabs.css","./dialog":"./dist/dialog.css","./menu":"./dist/menu.css","./field":"./dist/field.css","./button":"./dist/button.css","./card":"./dist/card.css","./package.json":"./package.json"},"publishConfig":{"access":"public"},"scripts":{"build":"node ./build.mjs","package-lint":"publint --strict"},"_id":"@caioalfonso/kanso-styles@1.0.1","_integrity":"sha512-jqA8Hn6iCS0+44HxUguB7QoV62qJ/67NcB7i8ZljDpjdrMJCRS0pZmayGbXL+tkXSa1PMfzwpBs2QdJrTD7xFg==","_resolved":"/tmp/3ffbbbb963719d51aa57d4375769d9a3/caioalfonso-kanso-styles-1.0.1.tgz","_from":"file:caioalfonso-kanso-styles-1.0.1.tgz","_nodeVersion":"24.18.0","_npmVersion":"11.16.0","dist":{"integrity":"sha512-jqA8Hn6iCS0+44HxUguB7QoV62qJ/67NcB7i8ZljDpjdrMJCRS0pZmayGbXL+tkXSa1PMfzwpBs2QdJrTD7xFg==","shasum":"4c1be87e734f18d438cad1711a7f842d0f3f7b34","tarball":"https://registry.npmjs.org/@caioalfonso/kanso-styles/-/kanso-styles-1.0.1.tgz","fileCount":13,"unpackedSize":39470,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@caioalfonso%2fkanso-styles@1.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDcaYztGynRmLjigx2VO2yucNnZ14ia2y0RX8Re5/sGkAIgQPshJ+ODc0cPnKuoh4IJCFquE7Sl5NDXWN5sh9gWqTs="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:1a4a6ea1-e8ca-4af8-bcf2-383acaa38802"}},"directories":{},"maintainers":[{"name":"caioalfonso","email":"caioap25@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/kanso-styles_1.0.1_1786060353398_0.47543622376989036"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-04T19:48:15.987Z","modified":"2026-08-06T23:52:33.894Z","0.0.1":"2026-08-04T19:48:16.306Z","0.0.2":"2026-08-05T21:14:05.513Z","1.0.0":"2026-08-05T22:20:21.595Z","1.0.1":"2026-08-06T23:52:33.569Z"},"bugs":{"url":"https://github.com/CaioAP/kanso-ui/issues"},"author":{"name":"Caio Alfonso"},"license":"MIT","homepage":"https://github.com/CaioAP/kanso-ui#readme","keywords":["css","design-tokens","oklch","headless","kanso"],"repository":{"type":"git","url":"git+https://github.com/CaioAP/kanso-ui.git","directory":"packages/styles"},"description":"Optional stylesheet and design tokens for kanso-ui. Targets data-part / data-state only.","maintainers":[{"name":"caioalfonso","email":"caioap25@gmail.com"}],"readme":"# @caioalfonso/kanso-styles\n\nThe optional stylesheet and design tokens for\n[kanso-ui](https://github.com/CaioAP/kanso-ui). Entirely opt-in — the components\nwork fully unstyled without it.\n\n```bash\nnpm i @caioalfonso/kanso-styles\n```\n\n```ts\nimport '@caioalfonso/kanso-styles';           // tokens + base + every component\n\nimport '@caioalfonso/kanso-styles/tokens';    // or, piece by piece:\nimport '@caioalfonso/kanso-styles/base';      //   tokens and base are required,\nimport '@caioalfonso/kanso-styles/switch';    //   then one component at a time\n```\n\n`tokens` defines every custom property the component sheets read, and `base`\ncarries the `:focus-visible` ring, the reduced-motion opt-out and the clipping\nthat hides a form component's mirror input. A component sheet on its own gives\nyou an unfocusable-looking control and a stray visible checkbox.\n\n## Theming\n\nEvery value is a CSS custom property under the `--kanso-` namespace, and every\none is overridable. That is the whole theming API:\n\n```css\n:root {\n  --kanso-accent: oklch(55% 0.15 150);\n  --kanso-radius: 6px;\n}\n```\n\nThe palette is deliberately neutral so it can be re-themed to anything. Light\nand dark both ship; dark applies on `prefers-color-scheme` unless you set\n`data-theme` yourself, and the library never writes `data-theme` — theme\nownership stays with your app.\n\n## Contrast is measured, not assumed\n\nEvery colour pair in this package is converted OKLCh → sRGB → WCAG relative\nluminance and checked against its required ratio on every CI run. Text pairs\nmust clear 4.5:1; anything that carries state — borders, focus rings, the switch\nthumb — must clear 3:1 per WCAG 2.2 SC 1.4.11.\n\n## Styling contract\n\nThe stylesheet only ever targets `data-part`, `data-state`, `data-disabled` and\n`data-scope`. There are no class names to depend on, which is also what makes\nyour own CSS straightforward:\n\n```css\n[data-scope='switch'] [data-part='thumb'][data-state='checked'] {\n  /* your checked thumb */\n}\n```\n\n## Documentation\n\n<https://kansoui.caioalfonso.dev>\n\nMIT licensed.\n","readmeFilename":"README.md"}