{"bugs":{"url":"https://github.com/modulz/stitches/issues"},"dist":{"shasum":"e6196dbf4ef82492f8e80011a919ba81057bea7a","tarball":"https://registry.npmjs.org/@stitches/core/-/core-0.1.0-canary.21.tgz","fileCount":9,"integrity":"sha512-7prkdSrKJiGJ4Z1ot0FJsJLvCrH59vU4QTUcKH5RQrOttlinH3AFldTqq9RKDmS5eHu4f0SqFMO3o7/v5KERrQ==","signatures":[{"sig":"MEYCIQDe3Id/TJom8bpxGhmgx6LN4W4GAb23aTSBBulQiTcHSgIhAPElwCuGINnAWMTmcskYfuGHDP/w/yFq9PIT7z0irj65","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":385514,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVVrMCRA9TVsSAnZWagAAwJoP/2nLtVBe01OekrOljxKk\neyVBA3k224nxGQV/4dbGfnw3yP6V3EwjXTodJMQ18DPKbdpGd85MgfAAFXgG\nWLqBMxA2hbGra/6ehvhpp8gee7Vwdzx4DqTHbCa5NTowWB5nm4XgEZBDCoQG\n4tQ2t3tDN2vP6LWTQ2KpQKd4Vmcj2SpzJ6QMaHFFl97KVyhq7iH9QivvK3C/\ngj/C0VU1Rh3G7jA0vIYs6yP4br3wCVW86yY5XJP4RkVa/fnobuUjI79C5CaK\n9cn5fQ3NN6nc6Vti/SMHvJT4nOoS6TDFU4+SA+CerdMewhguEA9Ke4KhqhCN\noduu5Hu0p1SeelsSRDcmcRszby5YeSzAkelPQel+Ce9mSHq3kI9bfIlPnG1J\nC9/MllE/xM9Tf6x5rE4tk2EqLbCA2HIufEzUENeX36+ZQpgvU7TMbtl+BR8g\ngEGL6gGyhFYIThGDnY92YuQJpjwcI2CezV2Gh5se0LMurww28kInY7wExP9c\nGmeskX+c89PbM6W/mOch0WLfgKJx6GPcgT1pM+8j0gZnxZW5Ueh6BG7vW+ab\nsRzP3TutWx6A6V7eMAE+CMegQWyinMi6iqUB2Q+CswhDXkQAfbPxXseHqN8X\ns6+yfDtim1qbHwp6g1Xa/rEfW1Wl+eMF8SSGzsPj0e3Dv7Yyg8fhFQxeEvuv\nvibb\r\n=bB5g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs","name":"@stitches/core","type":"module","unpkg":"dist/index.iife.js","module":"dist/index.mjs","readme":"# Stitches Core\n\nNear-zero runtime, server-side rendering, multi-variant support, and best-in-class developer experience.\n\n## Get started\n\n```sh\nnpm install @stitches/core\n```\n\n```js\nimport createCss from '@stitches/core'\n\nconst sheet = createCss({\n  theme: {\n    colors: {\n      black: '#2f2f2f',\n      white: '#f3f3f3',\n    },\n  },\n})\n\nconst button = sheet.css({\n  all: 'unset',\n  boxShadow: '0 0 0 1px $black',\n  backgroundColor: '$black',\n  color: '$white',\n  padding: '.5em 1em',\n})\n\nconst alertButton = sheet.css(button, {\n  boxShadow: '0 0 0 1px red',\n})\n\nconsole.log(`<button class=\"${button}\">`) // html will include a unique class name for the button component\nconsole.log(`<style>${sheet}</style>`) // css will include a unique rule for the button component\n```\n\n## Configure an instance\n\n```js\nimport createCss from '@stitches/core'\n\nexport const { css } = createCss({\n  // adds a prefix to all classnames to avoid clashes\n  prefix: 'my-lib',\n\n  // maps tokens to properties\n  theme: {\n    colors: {\n      red: 'tomato',\n    },\n    space: {\n      0: '1rem',\n    },\n  },\n\n  // creates named media queries\n  media: {\n    tablet: '(min-width: 700px)',\n  },\n\n  // creates css properties\n  utils: {\n    mX: (value) => ({\n      marginLeft: value,\n      marginRight: value,\n    }),\n    mY: (value) => ({\n      marginTop: value,\n      marginBottom: value,\n    }),\n  },\n})\n\nconst colorful = css({\n  // assigns a custom property that resolves `tomato`\n  color: '$red',\n\n  // assigns `0` to `margin-left` and `margin-right`\n  marginX: 0,\n\n  // assign \"blue\" when the breakpoint is matched\n  '@tablet': {\n    color: 'blue',\n  },\n})\n\ndocument.querySelectorAll('section').forEach((el) => el.classList.add(colorful))\n```\n\n## Themes\n\nCreate themes to override defaults:\n\n```js\nimport createCss from '@stitches/core'\n\nexport const { theme } = createCss({\n  theme: {\n    colors: {\n      primary: 'tomato',\n    },\n  },\n})\n\nexport const curiousTheme = theme({\n  colors: {\n    primary: 'pink',\n  },\n})\n\ndocument.querySelectorAll('.curious').forEach((el) => el.classList.add(curiousTheme))\n```\n","gitHead":"78fcad59600237fb52955ae37222b6212e798e0e","license":"MIT","typings":"types/index.d.ts","_npmUser":{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},"homepage":"https://github.com/modulz/stitches#readme","jsdelivr":"dist/index.iife.js","keywords":["component","components","create","css","css-in-js","global","globals","javascript","js","nesting","object","object-oriented","oo","oocss","oriented","scope","scoped","style","styled","styles","stylesheet","stylesheets","theme","themes","theming","token","tokens","type","typed","types","transform","ts","variable","variables"],"repository":{"url":"git+https://github.com/modulz/stitches.git","type":"git"},"_npmVersion":"lerna/4.0.0/node@v15.11.0+arm64 (darwin)","description":"The modern CSS-in-JS library","directories":{},"maintainers":[{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"colmtuite","email":"colmtuite@gmail.com"},{"name":"peduarte","email":"contact@peduarte.com"}],"sideEffects":false,"_nodeVersion":"15.11.0","contributors":[{"name":"Christian Alfoni","email":"christianalfoni@gmail.com"},{"name":"Pedro Duarte","email":"pedro@modulz.app"},{"name":"Abdulhadi Alhallak","email":"abdulhadi@modulz.app"},{"name":"Jonathan Neal","email":"jonathan@modulz.app"}],"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/core_0.1.0-canary.21_1616206539699_0.565874617375038","host":"s3://npm-registry-packages"},"_id":"@stitches/core@0.1.0-canary.21","version":"0.1.0-canary.21"}