diff --git a/CHANGELOG.md b/CHANGELOG.md index 92aea0dfe418..6d134d47604c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -29,6 +29,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Rename `drop-shadow` to `drop-shadow-sm` and `drop-shadow-sm` to `drop-shadow-xs` ([#14849](https://github.com/tailwindlabs/tailwindcss/pull/14849)) - Rename `rounded` to `rounded-sm` and `rounded-sm` to `rounded-xs` ([#14849](https://github.com/tailwindlabs/tailwindcss/pull/14849)) - Rename `blur` to `blur-sm` and `blur-sm` to `blur-xs` ([#14849](https://github.com/tailwindlabs/tailwindcss/pull/14849)) +- Remove `--transition-timing-function-linear` from the default theme in favor of a static `ease-linear` utility ([#14880](https://github.com/tailwindlabs/tailwindcss/pull/14880)) ## [4.0.0-alpha.31] - 2024-10-29 diff --git a/packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap b/packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap index f3410f620e4f..fda65872ba5d 100644 --- a/packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap +++ b/packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap @@ -399,7 +399,6 @@ exports[`\`@import 'tailwindcss'\` is replaced with the generated CSS 1`] = ` --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; - --transition-timing-function-linear: linear; --transition-timing-function-in: cubic-bezier(.4, 0, 1, 1); --transition-timing-function-out: cubic-bezier(0, 0, .2, 1); --transition-timing-function-in-out: cubic-bezier(.4, 0, .2, 1); diff --git a/packages/tailwindcss/src/__snapshots__/index.test.ts.snap b/packages/tailwindcss/src/__snapshots__/index.test.ts.snap index 43242a79a90d..bfec61c9f061 100644 --- a/packages/tailwindcss/src/__snapshots__/index.test.ts.snap +++ b/packages/tailwindcss/src/__snapshots__/index.test.ts.snap @@ -398,7 +398,6 @@ exports[`compiling CSS > \`@tailwind utilities\` is replaced by utilities using --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; - --transition-timing-function-linear: linear; --transition-timing-function-in: cubic-bezier(.4, 0, 1, 1); --transition-timing-function-out: cubic-bezier(0, 0, .2, 1); --transition-timing-function-in-out: cubic-bezier(.4, 0, .2, 1); diff --git a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap index ac9690eb0c37..8a22cafe1881 100644 --- a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap +++ b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap @@ -1912,6 +1912,7 @@ exports[`getClassList 1`] = ` "duration-75", "duration-initial", "ease-initial", + "ease-linear", "end-0.5", "end-1", "end-3", diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts index 2328e9325a1d..23250cf44b21 100644 --- a/packages/tailwindcss/src/utilities.ts +++ b/packages/tailwindcss/src/utilities.ts @@ -3792,7 +3792,11 @@ export function createUtilities(theme: Theme) { } staticUtility('ease-initial', [transitionTimingFunctionProperty, ['--tw-ease', 'initial']]) - + staticUtility('ease-linear', [ + transitionTimingFunctionProperty, + ['--tw-ease', 'linear'], + ['transition-timing-function', 'linear'], + ]) functionalUtility('ease', { themeKeys: ['--transition-timing-function'], handle: (value) => [ diff --git a/packages/tailwindcss/theme.css b/packages/tailwindcss/theme.css index 7b50215f5b98..e392114cf19d 100644 --- a/packages/tailwindcss/theme.css +++ b/packages/tailwindcss/theme.css @@ -452,7 +452,6 @@ --perspective-distant: 1200px; /* Transition timing functions */ - --transition-timing-function-linear: linear; --transition-timing-function-in: cubic-bezier(0.4, 0, 1, 1); --transition-timing-function-out: cubic-bezier(0, 0, 0.2, 1); --transition-timing-function-in-out: cubic-bezier(0.4, 0, 0.2, 1);