From 77307f52113993748e935db8be953cd3eedfda88 Mon Sep 17 00:00:00 2001 From: Jonathan Reinink Date: Tue, 28 Sep 2021 14:17:41 -0400 Subject: [PATCH] Resolve `overflow-clip` naming collision issue (#5630) * Rename `overflow-clip` to `text-clip`, add `text-ellipsis`, deprecate `overflow-ellipsis` Co-Authored-By: Adam Wathan <4323180+adamwathan@users.noreply.github.com> * Add `overflow-clip` utilities Co-Authored-By: Adam Wathan <4323180+adamwathan@users.noreply.github.com> Co-authored-by: Adam Wathan <4323180+adamwathan@users.noreply.github.com> --- src/corePlugins.js | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/corePlugins.js b/src/corePlugins.js index ba6b454cbfe0..18bbeddb64c9 100644 --- a/src/corePlugins.js +++ b/src/corePlugins.js @@ -1131,12 +1131,15 @@ export default { addUtilities({ '.overflow-auto': { overflow: 'auto' }, '.overflow-hidden': { overflow: 'hidden' }, + '.overflow-clip': { overflow: 'clip' }, '.overflow-visible': { overflow: 'visible' }, '.overflow-scroll': { overflow: 'scroll' }, '.overflow-x-auto': { 'overflow-x': 'auto' }, '.overflow-y-auto': { 'overflow-y': 'auto' }, '.overflow-x-hidden': { 'overflow-x': 'hidden' }, '.overflow-y-hidden': { 'overflow-y': 'hidden' }, + '.overflow-x-clip': { 'overflow-x': 'clip' }, + '.overflow-y-clip': { 'overflow-y': 'clip' }, '.overflow-x-visible': { 'overflow-x': 'visible' }, '.overflow-y-visible': { 'overflow-y': 'visible' }, '.overflow-x-scroll': { 'overflow-x': 'scroll' }, @@ -1168,8 +1171,9 @@ export default { textOverflow: ({ addUtilities }) => { addUtilities({ '.truncate': { overflow: 'hidden', 'text-overflow': 'ellipsis', 'white-space': 'nowrap' }, - '.overflow-ellipsis': { 'text-overflow': 'ellipsis' }, - '.overflow-clip': { 'text-overflow': 'clip' }, + '.overflow-ellipsis': { 'text-overflow': 'ellipsis' }, // Deprecated + '.text-ellipsis': { 'text-overflow': 'ellipsis' }, + '.text-clip': { 'text-overflow': 'clip' }, }) },