From e7933378bca36c6a50371d24d6573fdada64aea6 Mon Sep 17 00:00:00 2001 From: Adam Wathan <4323180+adamwathan@users.noreply.github.com> Date: Sat, 21 Jan 2023 13:42:53 -0500 Subject: [PATCH] Include outline-color in default color properties to transition --- 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 ++-- 6 files changed, 19 insertions(+), 16 deletions(-) diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index 3942d4741e8d..8c73283f7173 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 a968af8aba86..17e1122609c8 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 2d1ca25c640d..b76f91734151 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 9fe307d7486e..45a3fd2a3d08 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 b97386be61b1..b8ea6781335d 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 ff17b06f460a..9fcfa730db62 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; }