{"_id":"@10up/fueled-brand-tailwind-presets","_rev":"3-0af960b262beb9ae5406417b85a2ce8e","name":"@10up/fueled-brand-tailwind-presets","dist-tags":{"latest":"0.3.0"},"versions":{"0.1.1":{"name":"@10up/fueled-brand-tailwind-presets","version":"0.1.1","author":{"name":"Fueled"},"license":"MIT","_id":"@10up/fueled-brand-tailwind-presets@0.1.1","maintainers":[{"name":"fabiankaegy","email":"mail@fabian-kaegy.de"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"christianc1","email":"christian.m.chung@gmail.com"},{"name":"nicholasio","email":"nicholasio.oliveira@gmail.com"},{"name":"joesnellpdx","email":"joesnellpdx@gmail.com"},{"name":"devinle","email":"devin.leggett@gmail.com"},{"name":"darylldoyle","email":"daryll.doyle@10up.com"}],"homepage":"https://github.com/10up/fueled-brand-tailwind-presets#readme","bugs":{"url":"https://github.com/10up/fueled-brand-tailwind-presets/issues"},"dist":{"shasum":"91c63b9cdd1f944bade55f222760fda046c77dda","tarball":"https://registry.npmjs.org/@10up/fueled-brand-tailwind-presets/-/fueled-brand-tailwind-presets-0.1.1.tgz","fileCount":4,"integrity":"sha512-PlGPV7Rbc5WJZU5t1bVJgyudFGM6DoJ0Nok/h/LMgC6rgIGNUA+kc+njqJlj9sHfaqWPMYVRV4A8t8oSwtZikw==","signatures":[{"sig":"MEUCIQC6ZnHywjSRYJh2F+pF1DQTiXlO9/Z9i9DYDVs3YfWXBAIgfbbBYC8SsHpd8BZEJLsXeS3noMp8ExHvqHlB3yoSAvQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33524},"main":"index.js","gitHead":"d79451a98b99da6e4f5164f893ccb0cba648d80b","scripts":{"version":"changeset version"},"_npmUser":{"name":"fabiankaegy","email":"mail@fabian-kaegy.de"},"repository":{"url":"git+https://github.com/10up/fueled-brand-tailwind-presets.git","type":"git"},"_npmVersion":"11.7.0","description":"Tailwind CSS preset based on the Fueled.com brand design system","directories":{},"_nodeVersion":"25.4.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.15.0","devDependencies":{"tailwindcss":"^3.4.0","@changesets/cli":"^2.27.0","tailwindcss-animate":"^1.0.7","@tailwindcss/typography":"^0.5.15"},"peerDependencies":{"tailwindcss":">=3.4.0","tailwindcss-animate":">=1.0.0","@tailwindcss/typography":">=0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/fueled-brand-tailwind-presets_0.1.1_1770124097851_0.8071178558810654","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@10up/fueled-brand-tailwind-presets","version":"0.3.0","author":{"name":"Fueled"},"license":"MIT","_id":"@10up/fueled-brand-tailwind-presets@0.3.0","maintainers":[{"name":"fabiankaegy","email":"mail@fabian-kaegy.de"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"christianc1","email":"christian.m.chung@gmail.com"},{"name":"nicholasio","email":"nicholasio.oliveira@gmail.com"},{"name":"joesnellpdx","email":"joesnellpdx@gmail.com"},{"name":"devinle","email":"devin.leggett@gmail.com"},{"name":"darylldoyle","email":"daryll.doyle@10up.com"}],"homepage":"https://github.com/10up/fueled-brand-tailwind-presets#readme","bugs":{"url":"https://github.com/10up/fueled-brand-tailwind-presets/issues"},"dist":{"shasum":"045e8cb8c8c3b524965b11ac24d5112c052d2125","tarball":"https://registry.npmjs.org/@10up/fueled-brand-tailwind-presets/-/fueled-brand-tailwind-presets-0.3.0.tgz","fileCount":4,"integrity":"sha512-Bl1CUOTgn5JU2INspjRvHvy0SzWZMb4ICl9f5zaTs2STePGqtANeTSVDzEoJlv1FCg1/UpHeV06wEerGoQwqAg==","signatures":[{"sig":"MEUCIEohI+rWWq/IsZJvDnG0HxnGP2eUEAOfV/O14/vUSiZ/AiEAt8wmUlHacwoh8b5v1oqw3BWJMAMpsqGh5hUV5pD73wI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33565},"main":"index.js","gitHead":"bdbf5fed5dae78f98a0196defcfb792d590539d5","scripts":{"changeset":"changeset","changeset:add":"changeset add","changeset:version":"changeset version"},"_npmUser":{"name":"fabiankaegy","email":"mail@fabian-kaegy.de"},"repository":{"url":"git+https://github.com/10up/fueled-brand-tailwind-presets.git","type":"git"},"_npmVersion":"11.8.0","description":"Tailwind CSS preset based on the Fueled.com brand design system","directories":{},"_nodeVersion":"25.4.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.15.0","devDependencies":{"tailwindcss":"^3.4.0","@changesets/cli":"^2.27.0","tailwindcss-animate":"^1.0.7","@tailwindcss/typography":"^0.5.15"},"peerDependencies":{"tailwindcss":">=3.4.0","tailwindcss-animate":">=1.0.0","@tailwindcss/typography":">=0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/fueled-brand-tailwind-presets_0.3.0_1770997255418_0.4550476181196088","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-02-03T13:08:17.766Z","modified":"2026-08-21T19:38:52.537Z","0.1.1":"2026-02-03T13:08:18.003Z","0.3.0":"2026-02-13T15:40:55.570Z"},"bugs":{"url":"https://github.com/10up/fueled-brand-tailwind-presets/issues"},"author":{"name":"Fueled"},"license":"MIT","homepage":"https://github.com/10up/fueled-brand-tailwind-presets#readme","repository":{"url":"git+https://github.com/10up/fueled-brand-tailwind-presets.git","type":"git"},"description":"Tailwind CSS preset based on the Fueled.com brand design system","maintainers":[{"email":"mail@fabian-kaegy.de","name":"fabiankaegy"},{"email":"eugene.manuilov@gmail.com","name":"eugene-manuilov"},{"email":"christian.m.chung@gmail.com","name":"christianc1"},{"email":"nicholasio.oliveira@gmail.com","name":"nicholasio"},{"email":"joesnellpdx@gmail.com","name":"joesnellpdx"},{"email":"devin.leggett@gmail.com","name":"devinle"},{"email":"daryll.doyle@10up.com","name":"darylldoyle"},{"email":"jeffpaul@hotmail.com","name":"jeffpaul"}],"readme":"# Fueled Brand Tailwind Presets\n\nA Tailwind CSS preset based on the [Fueled.com](https://fueled.com) design system (theme tokens, utilities, and base styles).\n\n## Requirements\n\n- Tailwind CSS `>=3.4`\n\nThis preset expects these Tailwind plugins to be available (they are declared as peer deps):\n\n- `tailwindcss-animate`\n- `@tailwindcss/typography`\n\n## Install\n\n```bash\nnpm install -D fueled-brand-tailwind-presets tailwindcss-animate @tailwindcss/typography\n```\n\n## Usage\n\n### Tailwind config\n\nTypeScript / ESM:\n\n```ts\nimport type { Config } from \"tailwindcss\";\nimport fueledPreset from \"fueled-brand-tailwind-presets\";\n\nconst config = {\n  presets: [fueledPreset],\n  content: [\n    \"./pages/**/*.{ts,tsx}\",\n    \"./components/**/*.{ts,tsx}\",\n    \"./app/**/*.{ts,tsx}\",\n    \"./src/**/*.{ts,tsx}\",\n    \"./modules/**/*.{ts,tsx}\",\n    \"*.{js,ts,jsx,tsx,mdx}\",\n  ],\n} satisfies Config;\n\nexport default config;\n```\n\n### CSS\n\nIf your app already has a `globals.css` that just contains Tailwind directives, **you can keep it exactly like this**:\n\n```css\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n```\n\nOptional: if you want to use the preset’s bundled `globals.css` (it includes the Tailwind directives + some extra layered CSS), make your `globals.css` just import it:\n\n```css\n@import \"fueled-brand-tailwind-presets/globals.css\";\n```\n\n## Notes\n\n- **Dark mode**: the preset uses Tailwind’s `class` strategy. The default CSS variables are dark; wrap content in `.light` to opt into light variables.\n- **Fonts**: Aeonik is referenced, but fonts are not bundled. Load it yourself or rely on the fallbacks.\n- **Source of truth**: token values and utilities live in `globals.css` and `index.js`.\n\n","readmeFilename":"README.md"}