From bce0481f4075312f8cc9cbe0edb00ab9b10ddbf4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ng=C3=B4=20Qu=E1=BB=91c=20=C4=90=E1=BA=A1t?=
 <datlechin@gmail.com>
Date: Mon, 27 Nov 2023 21:12:58 +0700
Subject: [PATCH] Add logical properties support for float and clear (#12480)

---
 src/corePlugins.js                             | 4 ++++
 tests/plugins/__snapshots__/clear.test.js.snap | 8 ++++++++
 tests/plugins/__snapshots__/float.test.js.snap | 8 ++++++++
 3 files changed, 20 insertions(+)

diff --git a/src/corePlugins.js b/src/corePlugins.js
index 6d2a1871b401..c927de8c741d 100644
--- a/src/corePlugins.js
+++ b/src/corePlugins.js
@@ -684,6 +684,8 @@ export let corePlugins = {
 
   float: ({ addUtilities }) => {
     addUtilities({
+      '.float-start': { float: 'inline-start' },
+      '.float-end': { float: 'inline-end' },
       '.float-right': { float: 'right' },
       '.float-left': { float: 'left' },
       '.float-none': { float: 'none' },
@@ -692,6 +694,8 @@ export let corePlugins = {
 
   clear: ({ addUtilities }) => {
     addUtilities({
+      '.clear-start': { clear: 'inline-start' },
+      '.clear-end': { clear: 'inline-end' },
       '.clear-left': { clear: 'left' },
       '.clear-right': { clear: 'right' },
       '.clear-both': { clear: 'both' },
diff --git a/tests/plugins/__snapshots__/clear.test.js.snap b/tests/plugins/__snapshots__/clear.test.js.snap
index 8cb4c4859d64..67d71c228acb 100644
--- a/tests/plugins/__snapshots__/clear.test.js.snap
+++ b/tests/plugins/__snapshots__/clear.test.js.snap
@@ -2,6 +2,14 @@
 
 exports[`should test the 'clear' plugin 1`] = `
 "
+.clear-start {
+  clear: inline-start;
+}
+
+.clear-end {
+  clear: inline-end;
+}
+
 .clear-left {
   clear: left;
 }
diff --git a/tests/plugins/__snapshots__/float.test.js.snap b/tests/plugins/__snapshots__/float.test.js.snap
index 7e84293fafc3..c8e1b23281fb 100644
--- a/tests/plugins/__snapshots__/float.test.js.snap
+++ b/tests/plugins/__snapshots__/float.test.js.snap
@@ -2,6 +2,14 @@
 
 exports[`should test the 'float' plugin 1`] = `
 "
+.float-start {
+  float: inline-start;
+}
+
+.float-end {
+  float: inline-end;
+}
+
 .float-right {
   float: right;
 }