diff --git a/CHANGELOG.md b/CHANGELOG.md index 0435312a37a7..235f3bd61452 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,12 +11,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Use the correct property value for `place-content-between`, `place-content-around`, and `place-content-evenly` utilities ([#15440](https://github.com/tailwindlabs/tailwindcss/pull/15440)) - Don’t detect arbitrary properties when preceded by an escape ([#15456](https://github.com/tailwindlabs/tailwindcss/pull/15456)) +- Fix incorrectly named `bg-round` and `bg-space` utilities to `bg-repeat-round` to `bg-repeat-space` ([#15462](https://github.com/tailwindlabs/tailwindcss/pull/15462)) ### Changed - Removed `--container-prose` in favor of a deprecated `--max-width-prose` theme variable so that `*-prose` is only available for max-width utilities and only for backward compatibility ([#15439](https://github.com/tailwindlabs/tailwindcss/pull/15439)) - ## [4.0.0-beta.8] - 2024-12-17 ### Fixed diff --git a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap index 3c20b11d0057..bdaf48177873 100644 --- a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap +++ b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap @@ -2179,14 +2179,14 @@ exports[`getClassList 1`] = ` "bg-radial/increasing", "bg-radial/decreasing", "bg-repeat", + "bg-repeat-round", + "bg-repeat-space", "bg-repeat-x", "bg-repeat-y", "bg-right", "bg-right-bottom", "bg-right-top", - "bg-round", "bg-scroll", - "bg-space", "bg-top", "bg-transparent", "bg-transparent/0", diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts index 6851391a48c2..bd6d29a3b01b 100644 --- a/packages/tailwindcss/src/utilities.test.ts +++ b/packages/tailwindcss/src/utilities.test.ts @@ -10499,8 +10499,8 @@ test('bg', async () => { 'bg-no-repeat', 'bg-repeat-x', 'bg-repeat-y', - 'bg-round', - 'bg-space', + 'bg-repeat-round', + 'bg-repeat-space', ], ), ).toMatchInlineSnapshot(` @@ -10935,20 +10935,20 @@ test('bg', async () => { background-repeat: repeat; } - .bg-repeat-x { - background-repeat: repeat-x; + .bg-repeat-round { + background-repeat: round; } - .bg-repeat-y { - background-repeat: repeat-y; + .bg-repeat-space { + background-repeat: space; } - .bg-round { - background-repeat: round; + .bg-repeat-x { + background-repeat: repeat-x; } - .bg-space { - background-repeat: space; + .bg-repeat-y { + background-repeat: repeat-y; }" `) expect( diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts index 6daecd147855..4639266e792a 100644 --- a/packages/tailwindcss/src/utilities.ts +++ b/packages/tailwindcss/src/utilities.ts @@ -2290,8 +2290,8 @@ export function createUtilities(theme: Theme) { staticUtility('bg-no-repeat', [['background-repeat', 'no-repeat']]) staticUtility('bg-repeat-x', [['background-repeat', 'repeat-x']]) staticUtility('bg-repeat-y', [['background-repeat', 'repeat-y']]) - staticUtility('bg-round', [['background-repeat', 'round']]) - staticUtility('bg-space', [['background-repeat', 'space']]) + staticUtility('bg-repeat-round', [['background-repeat', 'round']]) + staticUtility('bg-repeat-space', [['background-repeat', 'space']]) staticUtility('bg-none', [['background-image', 'none']])