From 937ac139a1382b4e25c3c7cd2ca41ca4e4c7c620 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Sat, 21 Jan 2023 14:52:55 -0500 Subject: [PATCH] Include outline-color in default color properties to transition (#10385) Co-Authored-By: Dilshod <28673719+deebov@users.noreply.github.com> Co-authored-by: Adam Wathan <4323180+adamwathan@users.noreply.github.com> Co-authored-by: Dilshod <28673719+deebov@users.noreply.github.com> --- CHANGELOG.md | 1 + stubs/defaultConfig.stub.js | 4 ++-- tests/basic-usage.oxide.test.css | 4 ++-- tests/basic-usage.test.css | 4 ++-- tests/kitchen-sink.test.js | 15 +++++++++------ tests/raw-content.oxide.test.css | 4 ++-- tests/raw-content.test.css | 4 ++-- 7 files changed, 20 insertions(+), 16 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index fe80751b1..0018fe9eb 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -45,6 +45,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Alphabetize `theme` keys in default config ([#9953](https://github.com/tailwindlabs/tailwindcss/pull/9953)) - Update esbuild to v17 ([#10368](https://github.com/tailwindlabs/tailwindcss/pull/10368)) +- Include `outline-color` in `transition` and `transition-colors` utilitires ([#10385](https://github.com/tailwindlabs/tailwindcss/pull/10385)) ## [3.2.4] - 2022-11-11 diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index 3942d4741..8c73283f7 100644 --- a/stubs/defaultConfig.stub.js +++ b/stubs/defaultConfig.stub.js @@ -878,8 +878,8 @@ module.exports = { none: 'none', all: 'all', DEFAULT: - 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter', - colors: 'color, background-color, border-color, text-decoration-color, fill, stroke', + 'color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter', + colors: 'color, background-color, border-color, outline-color, text-decoration-color, fill, stroke', opacity: 'opacity', shadow: 'box-shadow', transform: 'transform', diff --git a/tests/basic-usage.oxide.test.css b/tests/basic-usage.oxide.test.css index a968af8ab..17e112260 100644 --- a/tests/basic-usage.oxide.test.css +++ b/tests/basic-usage.oxide.test.css @@ -1059,8 +1059,8 @@ backdrop-filter: none; } .transition { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, - opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, outline-color, text-decoration-color, + fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } diff --git a/tests/basic-usage.test.css b/tests/basic-usage.test.css index 2d1ca25c6..b76f91734 100644 --- a/tests/basic-usage.test.css +++ b/tests/basic-usage.test.css @@ -1059,8 +1059,8 @@ backdrop-filter: none; } .transition { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, - opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, outline-color, text-decoration-color, + fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } diff --git a/tests/kitchen-sink.test.js b/tests/kitchen-sink.test.js index 9fe307d74..45a3fd2a3 100644 --- a/tests/kitchen-sink.test.js +++ b/tests/kitchen-sink.test.js @@ -750,8 +750,9 @@ crosscheck(() => { } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition { - transition-property: color, background-color, border-color, text-decoration-color, fill, - stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, outline-color, + text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, + backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -761,8 +762,9 @@ crosscheck(() => { } @media (prefers-reduced-motion: reduce) { .motion-reduce\:transition { - transition-property: color, background-color, border-color, text-decoration-color, fill, - stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, outline-color, + text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, + backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -865,8 +867,9 @@ crosscheck(() => { } @media (prefers-reduced-motion: no-preference) { .md\:motion-safe\:hover\:transition:hover { - transition-property: color, background-color, border-color, text-decoration-color, - fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, outline-color, + text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, + backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } diff --git a/tests/raw-content.oxide.test.css b/tests/raw-content.oxide.test.css index b97386be6..b8ea67813 100644 --- a/tests/raw-content.oxide.test.css +++ b/tests/raw-content.oxide.test.css @@ -757,8 +757,8 @@ backdrop-filter: none; } .transition { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, - opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, outline-color, text-decoration-color, + fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } diff --git a/tests/raw-content.test.css b/tests/raw-content.test.css index ff17b06f4..9fcfa730d 100644 --- a/tests/raw-content.test.css +++ b/tests/raw-content.test.css @@ -757,8 +757,8 @@ backdrop-filter: none; } .transition { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, - opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, outline-color, text-decoration-color, + fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }