diff --git a/.changeset/early-toes-brush.md b/.changeset/early-toes-brush.md new file mode 100644 index 00000000..31e4cccd --- /dev/null +++ b/.changeset/early-toes-brush.md @@ -0,0 +1,5 @@ +--- +"@theguild/tailwind-config": minor +--- + +Add `@tailwindcss/container-queries` plugin as `dependency` diff --git a/packages/tailwind-config/package.json b/packages/tailwind-config/package.json index 31cc0b16..8e9b1fa2 100644 --- a/packages/tailwind-config/package.json +++ b/packages/tailwind-config/package.json @@ -35,6 +35,7 @@ "prepublishOnly": "pnpm build" }, "dependencies": { + "@tailwindcss/container-queries": "^0.1.1", "autoprefixer": "^10.4.19", "cssnano": "^7.0.0", "postcss": "^8.4.38", diff --git a/packages/tailwind-config/src/tailwind.config.ts b/packages/tailwind-config/src/tailwind.config.ts index 7c0f493a..73b13c00 100644 --- a/packages/tailwind-config/src/tailwind.config.ts +++ b/packages/tailwind-config/src/tailwind.config.ts @@ -1,4 +1,5 @@ import { type Config } from 'tailwindcss'; +import tailwindContainerQueries from '@tailwindcss/container-queries'; import { hiveColors } from './hive-colors'; // eslint-disable-next-line @typescript-eslint/no-explicit-any -- tailwindcss types are incorrect @@ -74,6 +75,7 @@ const config = { }, }, }, + plugins: [tailwindContainerQueries], } satisfies Config; export default config; diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ebe20215..0ba030d4 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -127,6 +127,9 @@ importers: packages/tailwind-config: dependencies: + '@tailwindcss/container-queries': + specifier: ^0.1.1 + version: 0.1.1(tailwindcss@3.4.10(ts-node@10.9.2(@types/node@20.16.2)(typescript@5.5.4))) autoprefixer: specifier: ^10.4.19 version: 10.4.20(postcss@8.4.47) @@ -969,6 +972,11 @@ packages: peerDependencies: eslint: ^8.56.0 + '@tailwindcss/container-queries@0.1.1': + resolution: {integrity: sha512-p18dswChx6WnTSaJCSGx6lTmrGzNNvm2FtXmiO6AuA1V4U5REyoqwmT6kgAsIMdjo07QdAfYXHJ4hnMtfHzWgA==} + peerDependencies: + tailwindcss: '>=3.2.0' + '@trysound/sax@0.2.0': resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==} engines: {node: '>=10.13.0'} @@ -5036,6 +5044,10 @@ snapshots: - supports-color - typescript + '@tailwindcss/container-queries@0.1.1(tailwindcss@3.4.10(ts-node@10.9.2(@types/node@20.16.2)(typescript@5.5.4)))': + dependencies: + tailwindcss: 3.4.10(ts-node@10.9.2(@types/node@20.16.2)(typescript@5.5.4)) + '@trysound/sax@0.2.0': {} '@tsconfig/node10@1.0.11': {}