{"_id":"@netlify/tailwind-config","_rev":"42-6c17730f291ae73825a34fd1d747766f","name":"@netlify/tailwind-config","dist-tags":{"next":"1.0.0","latest":"2.1.0"},"versions":{"0.0.1":{"name":"@netlify/tailwind-config","version":"0.0.1","keywords":["tailwind","css","design","tokens","netlify"],"author":{"name":"Netlify"},"license":"MIT","_id":"@netlify/tailwind-config@0.0.1","maintainers":[{"name":"denar90","email":"denysov.artem@gmail.com"},{"name":"kathmbeck","email":"katherine.beck@netlify.com"},{"name":"rj-netlify","email":"rj@netlify.com"},{"name":"akardet","email":"sam@netlify.com"},{"name":"pieh","email":"misiek.piechowiak@gmail.com"},{"name":"hrishikeshk","email":"hrishi5200@gmail.com"},{"name":"sarahetter","email":"sarah.etter@netlify.com"},{"name":"orinokai","email":"me@robstanford.com"},{"name":"ericap","email":"pisani.erica@gmail.com"},{"name":"seanroberts","email":"sean.roberts90@gmail.com"},{"name":"skn0tt","email":"info@simonknott.de"},{"name":"mikewen","email":"mike.wen@netlify.com"},{"name":"biilmann","email":"info@mathias-biilmann.net"},{"name":"marcus.netlify","email":"marcus+npm@netlify.com"},{"name":"jgantunes","email":"me@jgantunes.com"},{"name":"eduardoboucas","email":"mail@eduardoboucas.com"},{"name":"netlify-bot","email":"bot@netlify.com"},{"name":"nasiba","email":"nasiba@netlify.com"},{"name":"ascorbic","email":"m@mk.gg"}],"homepage":"https://github.com/netlify/netlify-react-ui/tree/main/libs/tailwind-config","bugs":{"url":"https://github.com/netlify/netlify-react-ui/issues"},"dist":{"shasum":"914290187e9504e319b8531b6b8da5bfbec4cf06","tarball":"https://registry.npmjs.org/@netlify/tailwind-config/-/tailwind-config-0.0.1.tgz","fileCount":5,"integrity":"sha512-oQ8qjAShjZiuoQNt8Zoqure1mSe1bBVxI1ijZ92Vu2UOLevtNrNLhNEoA2IMC0XmGMXQb7ACyahNMCNVhchAhQ==","signatures":[{"sig":"MEYCIQD3gv1GyjCKvECxo4Qt88Wyr3pS8J4IAsxdjv9rWaC6/wIhAM3N1GlZE4CH14L3zuDPPR1CrBx488qs14xYe4twcnIZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26182},"main":"./index.js","type":"commonjs","gitHead":"7bcf9de12cedb5a2a687e242483c10deca11ba17","private":false,"_npmUser":{"name":"netlify-bot","email":"bot@netlify.com"},"repository":{"url":"git+https://github.com/netlify/netlify-react-ui.git","type":"git"},"_npmVersion":"10.2.4","description":"Netlify's Tailwind CSS configuration","directories":{},"_nodeVersion":"20.11.0","dependencies":{"tailwindcss":"^3.4.1","@netlify/netlify-design-tokens":"^6.0.0","@tailwindcss/container-queries":"^0.1.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/tailwind-config_0.0.1_1706112474766_0.31196906021469406","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@netlify/tailwind-config","version":"1.0.0","keywords":["tailwind","css","design","tokens","netlify"],"author":{"name":"Netlify"},"license":"MIT","_id":"@netlify/tailwind-config@1.0.0","maintainers":[{"name":"youvalv","email":"youval.vaknin@gmail.com"},{"name":"berdav","email":"david@stackbit.com"},{"name":"vitaliyr","email":"vit@ribachenko.com"},{"name":"smnh","email":"semenh@gmail.com"},{"name":"denar90","email":"denysov.artem@gmail.com"},{"name":"kathmbeck","email":"katherine.beck@netlify.com"},{"name":"rj-netlify","email":"rj@netlify.com"},{"name":"akardet","email":"sam@netlify.com"},{"name":"pieh","email":"misiek.piechowiak@gmail.com"},{"name":"hrishikeshk","email":"hrishi5200@gmail.com"},{"name":"sarahetter","email":"sarah.etter@netlify.com"},{"name":"orinokai","email":"me@robstanford.com"},{"name":"ericap","email":"pisani.erica@gmail.com"},{"name":"seanroberts","email":"sean.roberts90@gmail.com"},{"name":"skn0tt","email":"info@simonknott.de"},{"name":"mikewen","email":"mike.wen@netlify.com"},{"name":"biilmann","email":"info@mathias-biilmann.net"},{"name":"marcus.netlify","email":"marcus+npm@netlify.com"},{"name":"jgantunes","email":"me@jgantunes.com"},{"name":"eduardoboucas","email":"mail@eduardoboucas.com"},{"name":"netlify-bot","email":"bot@netlify.com"},{"name":"nasiba","email":"nasiba@netlify.com"},{"name":"ascorbic","email":"m@mk.gg"}],"homepage":"https://github.com/netlify/netlify-react-ui/tree/main/libs/tailwind-config","bugs":{"url":"https://github.com/netlify/netlify-react-ui/issues"},"dist":{"shasum":"90147796a321fd917bd3474835ec1ca64fac7c37","tarball":"https://registry.npmjs.org/@netlify/tailwind-config/-/tailwind-config-1.0.0.tgz","fileCount":14,"integrity":"sha512-f9gXgR8I6/gWehqvyNB9V34TcO8eeDmr3NNwBXjhgOR9OiPPchoEkSkHJkgLw2XIN+4fsSGz6RaTG+MzUW0eMg==","signatures":[{"sig":"MEYCIQCPC4vAxdWe+jtzZxbXp9oZMCdzzCpit3IhoIuaGC/3AwIhAMdqCJC0czfsV4BpNjJXVF/VYrwKNrrIdUscNXK8q6KV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56913},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./src/index.js","gitHead":"d27429719d9064321e332c4c220efa51954d0828","private":false,"_npmUser":{"name":"netlify-bot","email":"bot@netlify.com"},"repository":{"url":"git+https://github.com/netlify/netlify-react-ui.git","type":"git"},"_npmVersion":"10.2.4","description":"Netlify's Tailwind CSS configuration","directories":{},"_nodeVersion":"20.11.1","dependencies":{"tailwindcss":"^3.4.1","@netlify/netlify-design-tokens":"^6.0.0","@tailwindcss/container-queries":"^0.1.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/tailwind-config_1.0.0_1709854623388_0.44793965945194114","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@netlify/tailwind-config","version":"1.0.1","keywords":["tailwind","css","design","tokens","netlify"],"author":{"name":"Netlify"},"license":"MIT","_id":"@netlify/tailwind-config@1.0.1","maintainers":[{"name":"youvalv","email":"youval.vaknin@gmail.com"},{"name":"berdav","email":"david@stackbit.com"},{"name":"vitaliyr","email":"vit@ribachenko.com"},{"name":"smnh","email":"semenh@gmail.com"},{"name":"denar90","email":"denysov.artem@gmail.com"},{"name":"kathmbeck","email":"katherine.beck@netlify.com"},{"name":"rj-netlify","email":"rj@netlify.com"},{"name":"akardet","email":"sam@netlify.com"},{"name":"pieh","email":"misiek.piechowiak@gmail.com"},{"name":"hrishikeshk","email":"hrishi5200@gmail.com"},{"name":"sarahetter","email":"sarah.etter@netlify.com"},{"name":"orinokai","email":"me@robstanford.com"},{"name":"ericap","email":"pisani.erica@gmail.com"},{"name":"seanroberts","email":"sean.roberts90@gmail.com"},{"name":"skn0tt","email":"info@simonknott.de"},{"name":"mikewen","email":"mike.wen@netlify.com"},{"name":"biilmann","email":"info@mathias-biilmann.net"},{"name":"marcus.netlify","email":"marcus+npm@netlify.com"},{"name":"jgantunes","email":"me@jgantunes.com"},{"name":"eduardoboucas","email":"mail@eduardoboucas.com"},{"name":"netlify-bot","email":"bot@netlify.com"},{"name":"nasiba","email":"nasiba@netlify.com"},{"name":"ascorbic","email":"m@mk.gg"}],"homepage":"https://github.com/netlify/netlify-react-ui/tree/main/libs/tailwind-config","bugs":{"url":"https://github.com/netlify/netlify-react-ui/issues"},"dist":{"shasum":"4362453cd0204e5016a01033d9ee926d361443fe","tarball":"https://registry.npmjs.org/@netlify/tailwind-config/-/tailwind-config-1.0.1.tgz","fileCount":14,"integrity":"sha512-5c1n18Dh4iq6ilJg0FgZPQMiIjTlEa+Lws92j1YoIxWebqaEu5QLRxeZ4MkoJzN8IP8mLpVg8618JeJ6BAoAhw==","signatures":[{"sig":"MEUCIQDeur0ClFQvbOOwPIIoWFehMn0Z5L4BZ52BkSxK6OKdGwIga/gAxYxhmnDGBhJ1kBXn6QEptLXXXXgf0RMXUqmdfwk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56913},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./src/index.js","gitHead":"2e50fa39b3f3afba0721bf9f50810845994d08c0","private":false,"_npmUser":{"name":"netlify-bot","email":"bot@netlify.com"},"repository":{"url":"git+https://github.com/netlify/netlify-react-ui.git","type":"git"},"_npmVersion":"10.2.4","description":"Netlify's Tailwind CSS configuration","directories":{},"_nodeVersion":"20.11.1","dependencies":{"tailwindcss":"^3.4.1","@netlify/netlify-design-tokens":"^6.0.0","@tailwindcss/container-queries":"^0.1.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/tailwind-config_1.0.1_1709855866283_0.5623342341935698","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@netlify/tailwind-config","version":"2.0.0","keywords":["tailwind","css","design","tokens","netlify"],"author":{"name":"Netlify"},"license":"MIT","_id":"@netlify/tailwind-config@2.0.0","maintainers":[{"name":"youvalv","email":"youval.vaknin@gmail.com"},{"name":"berdav","email":"david@stackbit.com"},{"name":"vitaliyr","email":"vit@ribachenko.com"},{"name":"smnh","email":"semenh@gmail.com"},{"name":"denar90","email":"denysov.artem@gmail.com"},{"name":"kathmbeck","email":"katherine.beck@netlify.com"},{"name":"rj-netlify","email":"rj@netlify.com"},{"name":"akardet","email":"sam@netlify.com"},{"name":"pieh","email":"misiek.piechowiak@gmail.com"},{"name":"hrishikeshk","email":"hrishi5200@gmail.com"},{"name":"sarahetter","email":"sarah.etter@netlify.com"},{"name":"orinokai","email":"me@robstanford.com"},{"name":"ericap","email":"pisani.erica@gmail.com"},{"name":"seanroberts","email":"sean.roberts90@gmail.com"},{"name":"skn0tt","email":"info@simonknott.de"},{"name":"mikewen","email":"mike.wen@netlify.com"},{"name":"biilmann","email":"info@mathias-biilmann.net"},{"name":"marcus.netlify","email":"marcus+npm@netlify.com"},{"name":"jgantunes","email":"me@jgantunes.com"},{"name":"eduardoboucas","email":"mail@eduardoboucas.com"},{"name":"netlify-bot","email":"bot@netlify.com"},{"name":"nasiba","email":"nasiba@netlify.com"},{"name":"ascorbic","email":"m@mk.gg"}],"homepage":"https://github.com/netlify/netlify-react-ui/tree/main/libs/tailwind-config","bugs":{"url":"https://github.com/netlify/netlify-react-ui/issues"},"dist":{"shasum":"0f89bd3ec8a512774afcdfc687871794a5398638","tarball":"https://registry.npmjs.org/@netlify/tailwind-config/-/tailwind-config-2.0.0.tgz","fileCount":14,"integrity":"sha512-WjOAFWHe/B9+y5vV9Up1kUL+FCave66DJBYRXxqX8XRA5+0QSKoSs1u8g2RdADIMH4p9qAELAzqX1tWAwl9REQ==","signatures":[{"sig":"MEQCIALi4w1WOcDxSVcguKFdI1FodR5BHBY8NfAO9Win1fs4AiBe0jAPGjf1xCNT/8dE9X72YWZecQ64r4NV/mzCcSQmaA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58923},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./src/index.js","gitHead":"97830a9d0e93a35d91a712684b8f08d8ed38f50d","private":false,"_npmUser":{"name":"netlify-bot","email":"bot@netlify.com"},"repository":{"url":"git+https://github.com/netlify/netlify-react-ui.git","type":"git"},"_npmVersion":"10.2.4","description":"Netlify's Tailwind CSS configuration","directories":{},"_nodeVersion":"20.11.1","dependencies":{"tailwindcss":"^3.4.1","@netlify/netlify-design-tokens":"^6.0.0","@tailwindcss/container-queries":"^0.1.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/tailwind-config_2.0.0_1710451332529_0.8906953477445523","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"@netlify/tailwind-config","version":"2.1.0","keywords":["tailwind","css","design","tokens","netlify"],"author":{"name":"Netlify"},"license":"MIT","_id":"@netlify/tailwind-config@2.1.0","maintainers":[{"name":"seanroberts","email":"sean.roberts90@gmail.com"},{"name":"biilmann","email":"info@mathias-biilmann.net"},{"name":"eduardoboucas","email":"mail@eduardoboucas.com"},{"name":"netlify-bot","email":"bot@netlify.com"},{"name":"akardet","email":"sam@netlify.com"},{"name":"sarahetter","email":"sarah.etter@netlify.com"},{"name":"mikewen","email":"mike.wen@netlify.com"},{"name":"kathmbeck","email":"katherine.beck@netlify.com"},{"name":"hrishikeshk","email":"hrishi5200@gmail.com"},{"name":"vitaliyr","email":"vit@ribachenko.com"},{"name":"denar90","email":"denysov.artem@gmail.com"},{"name":"smnh","email":"semenh@gmail.com"},{"name":"berdav","email":"david@stackbit.com"},{"name":"youvalv","email":"youval.vaknin@gmail.com"},{"name":"serhalp-netlify","email":"philippe.serhal@netlify.com"},{"name":"orinokai","email":"me@robstanford.com"},{"name":"rmulligan-netlify","email":"ryan.mulligan@netlify.com"}],"homepage":"https://github.com/netlify/netlify-react-ui/tree/main/libs/tailwind-config","bugs":{"url":"https://github.com/netlify/netlify-react-ui/issues"},"dist":{"shasum":"87a56dc23af5cb029c695a75451bbcc8786cb150","tarball":"https://registry.npmjs.org/@netlify/tailwind-config/-/tailwind-config-2.1.0.tgz","fileCount":14,"integrity":"sha512-szc+wQjsG7NqWasjEzUe8+OKv/1w6FOEFkMAwTD7+JC6UuVFReop+dhoFERWUrm6xEKl5ug/dVjWiPTsu9A0Ng==","signatures":[{"sig":"MEQCIBRao5rxTcjOvx4g8kF8nJsAWCBYZ/fxfwB4KEGfStt2AiBAy5EY7Ir7RLqijMdGK31EkBrc5FIkJfMfGa2hr+c5mw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":57388},"main":"./index.js","type":"commonjs","types":"./index.d.ts","gitHead":"dd7c1106242b7f71e5568b7be544e4414f297561","private":false,"_npmUser":{"name":"netlify-bot","email":"bot@netlify.com"},"repository":{"url":"git+https://github.com/netlify/netlify-react-ui.git","type":"git"},"_npmVersion":"10.9.2","description":"Netlify's Tailwind CSS configuration","directories":{},"_nodeVersion":"22.14.0","dependencies":{"tailwindcss":"^3.4.1","@netlify/netlify-design-tokens":"^7.0.0","@tailwindcss/container-queries":"^0.1.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/tailwind-config_2.1.0_1744038699909_0.09102509448963714","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2024-01-24T16:07:54.656Z","modified":"2026-07-16T08:39:41.954Z","0.0.1":"2024-01-24T16:07:54.933Z","1.0.0":"2024-03-07T23:37:03.553Z","1.0.1":"2024-03-07T23:57:46.423Z","2.0.0":"2024-03-14T21:22:12.698Z","2.1.0":"2025-04-07T15:11:40.084Z"},"bugs":{"url":"https://github.com/netlify/netlify-react-ui/issues"},"author":{"name":"Netlify"},"license":"MIT","homepage":"https://github.com/netlify/netlify-react-ui/tree/main/libs/tailwind-config","keywords":["tailwind","css","design","tokens","netlify"],"repository":{"url":"git+https://github.com/netlify/netlify-react-ui.git","type":"git"},"description":"Netlify's Tailwind CSS configuration","maintainers":[{"email":"bot@netlify.com","name":"netlify-bot"},{"email":"mike.wen@netlify.com","name":"mikewen"},{"email":"youval.vaknin@gmail.com","name":"youvalv"},{"email":"philippe.serhal@netlify.com","name":"serhalp-netlify"},{"email":"mike.gualtieri@netlify.com","name":"mlgualtieri-gatsby"}],"readme":"# @netlify/tailwind-config\n\nThis package provides a shared Tailwind CSS configuration for Netlify products.\n\n## Installation\n\nTo install the package, navigate to your project directory and run:\n\n```sh\nyarn add @netlify/tailwind-config\n```\n\n## Usage\n\nIn your `tailwind.config.cjs` file, import and use the configuration like this:\n\n```js\n// tailwind.config.cjs\nmodule.exports = {\n  presets: [require('@netlify/tailwind-config')],\n  // ...\n};\n```\n\nThis will load the Netlify Tailwind configuration into your project's Tailwind configuration. You can then add your own custom configurations as needed.\n\n## Referencing theme values in JavaScript\n\nGenerally, stick to styling elements using Tailwind CSS classes, `@apply`, or the `theme()` CSS helper.\n\nThat said, there are cases where you might need Tailwind theme values in your own client-side JavaScript — for example to pass tokens to theme a 3rd party library.\n\nTo make this easy, this package provides a `theme()` JavaScript helper you can use to access theme values with a similar syntax to Tailwind’s `theme()` CSS helper.\n\n```js\nimport { theme } from '@netlify/tailwind-config/theme'\ntheme('spacing.4')\n// => '1rem'\n\ntheme('borderWidth.DEFAULT')\n// => '0.0625rem'\n\ntheme('screens.md')\n// => '45.0625rem'\n```\n\n[List of all available tokens](https://unpkg.com/browse/@netlify/tailwind-config@0.0.1/theme.js)\n\n**Note: to reference color tokens or box shadows in JavaScript, use the [`@netlify/netlify-design-tokens`](https://www.npmjs.com/package/@netlify/netlify-design-tokens) library:**\n\n```js\nimport { colorFacetsTeal500 } from '@netlify/netlify-design-tokens';\n\nconst teal = colorFacetsTeal500;\n```\n\n### Updating the `theme()` JavaScript helper to the latest Tailwind config\n\nRun this command to update `theme.ts`:\n\n```sh\nyarn nx run tailwind-config:buildTheme\n```\n\nDo not edit the theme file manually.\n\n## Contributing\n\nTo contribute to this package, please follow the contribution guidelines provided in the main project's README.\n\n## License\n\nThis package is licensed under the MIT license.\n","readmeFilename":"README.md"}