diff --git a/CHANGELOG.md b/CHANGELOG.md index 062fdf1076af..3971ac3ee235 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## [Unreleased] +### Added + +- Add suggestions for `flex-` utilities ([#18642](https://github.com/tailwindlabs/tailwindcss/pull/18642)) + ### Fixed - Don't consider the global important state in `@apply` ([#18404](https://github.com/tailwindlabs/tailwindcss/pull/18404)) diff --git a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap index d49ecf433214..86f96852ca07 100644 --- a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap +++ b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap @@ -4197,6 +4197,18 @@ exports[`getClassList 1`] = ` "fill-transparent/100", "fixed", "flex", + "flex-1", + "flex-2", + "flex-3", + "flex-4", + "flex-5", + "flex-6", + "flex-7", + "flex-8", + "flex-9", + "flex-10", + "flex-11", + "flex-12", "flex-1/2", "flex-1/3", "flex-1/4", diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts index 0fdb5c9f2a1d..13657f7eb3a7 100644 --- a/packages/tailwindcss/src/utilities.ts +++ b/packages/tailwindcss/src/utilities.ts @@ -1059,7 +1059,10 @@ export function createUtilities(theme: Theme) { } }) - suggest('flex', () => [{ supportsFractions: true }]) + suggest('flex', () => [ + { supportsFractions: true }, + { values: Array.from({ length: 12 }, (_, i) => `${i + 1}`) }, + ]) /** * @css `flex-shrink`