Robin Malfait
39c5bd3230
* add `@headlessui/tailwindcss` plugin * expose `data-headlessui-state="..."` data attribute All components that expose boolean props in their render prop / v-slot will receive a `data-headlessui-state="..."` attribute. If it exposes boolean values but all are false, then there will be an empty `data-headlessui-state=""`. If the current component is rendering a `Fragment` then we don't expose those attributes. * use tailwindcss in `playground-react` and `playground-vue` We were using the CDN, but now that we have the `@headlessui/tailwindcss` plugin, it's a bit easier to configure it natively and import the plugin. * ensure to build the `@headlessui/tailwindcss` package before starting the playground * refactor `listbox` example to use the @headlessui/tailwindcss plugin * update changelog * bump Tailwind CSS to latest insiders version * correctly generate types * type `tailwind.config.js` files for playgrounds * add todo for when `:has()` is available
32 lines
1.0 KiB
JSON
32 lines
1.0 KiB
JSON
{
|
|
"name": "playground-react",
|
|
"private": true,
|
|
"version": "0.0.0",
|
|
"scripts": {
|
|
"prebuild": "yarn workspace @headlessui/react build && yarn workspace @headlessui/tailwindcss build",
|
|
"predev": "yarn workspace @headlessui/react build && yarn workspace @headlessui/tailwindcss build",
|
|
"dev:tailwindcss": "yarn workspace @headlessui/tailwindcss watch",
|
|
"dev:headlessui": "yarn workspace @headlessui/react watch",
|
|
"dev:next": "next dev",
|
|
"dev": "npm-run-all -p dev:*",
|
|
"build": "next build",
|
|
"start": "next start",
|
|
"clean": "rimraf ./.next"
|
|
},
|
|
"dependencies": {
|
|
"@headlessui/react": "*",
|
|
"@headlessui/tailwindcss": "*",
|
|
"@popperjs/core": "^2.6.0",
|
|
"@tailwindcss/forms": "^0.5.2",
|
|
"@tailwindcss/typography": "^0.5.2",
|
|
"autoprefixer": "^10.4.7",
|
|
"framer-motion": "^6.0.0",
|
|
"next": "^12.1.4",
|
|
"postcss": "^8.4.14",
|
|
"react": "^18.0.0",
|
|
"react-dom": "^18.0.0",
|
|
"react-flatpickr": "^3.10.9",
|
|
"tailwindcss": "^0.0.0-insiders.83b4811"
|
|
}
|
|
}
|