{"_id":"@kaze-style/core","_rev":"51-3c92c7f054c0744ca14e511589db1222","name":"@kaze-style/core","dist-tags":{"latest":"0.17.1"},"versions":{"0.2.0":{"name":"@kaze-style/core","version":"0.2.0","license":"MIT","author":{"name":"Taishi Naritomi"},"main":"dist/index.js","module":"dist/core.esm.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test"},"dependencies":{"csstype":"^3.1.0","stylis":"^4.1.1"},"gitHead":"7809d6bd5348f89865c60d92b841e5636bc682a9","_id":"@kaze-style/core@0.2.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-yNicUra7q0ow21GTcYMTPy3yQDaoZRHa4GNiO9LlpbBbmUPHwiI2EZuMKiEJfn1P2ay5wHaCgtwKoOQNNJOElw==","shasum":"6b4727507e0a84dc7acab70926106f5030b5f26b","tarball":"https://registry.npmjs.org/@kaze-style/core/-/core-0.2.0.tgz","fileCount":30,"unpackedSize":93687,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgy45sYoqgSjM1NHOKArzPvjZ5Cv3NOSGHDe19R39uEAIhAMk8Apw18jwUUdnxKhsz1I8SDUTweY9UaiUwP/8Jidez"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8LasACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCHA//Tn9BuqRAe+8fthTFBZRw5KhR/OWEYAca0heEg+yu524BT/K6\r\n5LoMEK/fa+zgfd6BQf8OOXn5B6WrTOabF6fJJfnm9aZayNXbGUxdhZ+MYwBj\r\noiU6nThd8IgR8IVw5VSQ9rcVhpVx0UdYquZW0D++tm+RNOkN2ldNrf0KyqIo\r\nyg2I7tjlIdESG+pHRnM/tNs9CAG+yJmtf0o8cMxoqlK7/ikTu0Eoc0/ac80l\r\nkDARGfSuDUqymR0zwtDBxHw7TXeVkGCkic57eTkD016OOynMx/3wwjdzjAtj\r\nBWsRLQtb3fouPhWbBAFaWk3NOjv47Ui9Dq4fZUDR6ewGvFdeX6dXRH8xUq5l\r\nQshxUeg+5skl0+3LClogY37PGW6vQyMAOrMrRmzd4vzto7NKPFYD4XrLYUFv\r\nbCZEF0CLIa/HfOvF1vz7zpLuWkxTvamUqpTDewETLHnNwdEiidx22lUp2AqT\r\nMzdCbQLRzWxeUQ+8Qs6Dhy8+MUOmfjj/DFTsB+CnhDrKW1xq4EcezvXSb44M\r\npj5/imaAqr7atDfeTMA5ajzT+goqUaFuwmGMsGqLTwHR7X1wCOkz7PV0be8X\r\nUdlZNb04JsvrBtxKKJyNv/VVXU0H2Z6BDFQ/qX7ujtLVLlofv2Mub3LLIJAa\r\nY5D12TSkTBbNsdZU1U4ELTuAnZkxwKU1dmY=\r\n=c59V\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taishi_naritomi","email":"taishinaritomi@gmail.com"},"directories":{},"maintainers":[{"name":"taishi_naritomi","email":"taishinaritomi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/core_0.2.0_1659942572039_0.7238986481733258"},"_hasShrinkwrap":false},"0.3.0":{"name":"@kaze-style/core","version":"0.3.0","license":"MIT","author":{"name":"Taishi Naritomi"},"main":"dist/index.js","module":"dist/core.esm.js","typings":"dist/index.d.ts","scripts":{"dev":"tsdx watch --noClean","build":"tsdx build","test":"tsdx test"},"dependencies":{"csstype":"^3.1.0","stylis":"^4.1.1"},"gitHead":"0638e80b52f299d9345b7f68db9268cf6658b5b0","description":"

🎐Kaze Style

Kaze [風] zero-runtime CSS in JS for React.

🚧 Kaze Style is under development 🚧

\n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n\n# Features\n\n- **Extract** - Can choose when to extract css is buildtime or runtime(RSC is buildtime only)\n- **Atomic** - Select atomic css with $\n- **Merge** - Style merging ignoring css specificity (atomic css only)\n- **Minimal** - [0.3kb](https://shakerphobia.netlify.app/?imports=ClassName,mergeStyle,__globalStyle,__style&pkg=@kaze-style/core) runtime by buildtime extract\n- **TypeScript** - Type-safe styles via [csstype](https://github.com/frenic/csstype)\n- **Theme** - Consistent styling using \"@kaze-style/themes\"\n\n# Example\n\n```ts\n// App.style.ts\nimport { style, globalStyle } from '@kaze-style/core';\n\nglobalStyle({\n html: {\n lineHeight: '1.5',\n },\n});\n\nexport const classes = style({\n // not Atomic CSS\n container: {\n margin: '20px',\n padding: '20px',\n },\n // atomic CSS\n $base: {\n color: 'red',\n background: 'black',\n },\n // atomic CSS\n $action: {\n color: 'blue',\n },\n});\n```\n\n```ts\n// App.tsx\nimport { mergeStyle } from '@kaze-style/core';\nimport { classes } from './App.style';\n\nexport const App = ({ action }) => {\n return (\n
\n

\n
\n );\n};\n```\n\n### Setup Next.js（buildtime extract）\n\n```ts\n//next.config.mjs\nimport { withKazeStyle } from '@kaze-style/next-plugin';\n\n/** @type {import('next').NextConfig} */\nconst nextConfig = {};\n\nexport default withKazeStyle(nextConfig);\n```\n\n# Inspiration\n\nKazeStyle was designed with reference to several CSS in JS libraries.\n\n[microsoft/griffel](https://github.com/microsoft/griffel)\n\n[seek-oss/vanilla-extract](https://github.com/seek-oss/vanilla-extract)\n\n[argyleink/open-props](https://github.com/argyleink/open-props)\n\n[callstack/linaria](https://github.com/callstack/linaria)\n\n# Author\n\n[Taishi Naritomi](https://github.com/taishinaritomi)\n\n# License\n\n[MIT](https://github.com/taishinaritomi/kaze-style/blob/main/LICENSE)\n","readmeFilename":"README.md","description":"Kaze [風] zero-runtime CSS in JS","homepage":"https://github.com/taishinaritomi/kaze-style#readme","repository":{"type":"git","url":"git+https://github.com/taishinaritomi/kaze-style.git","directory":"packages/core"},"bugs":{"url":"https://github.com/taishinaritomi/kaze-style/issues"}}