From f395cc4ae5c90eab90a722f42c7fda6ba8ece94e Mon Sep 17 00:00:00 2001
From: MichaelAllenWarner
 <44578578+MichaelAllenWarner@users.noreply.github.com>
Date: Tue, 7 Feb 2023 11:53:33 -0500
Subject: [PATCH] add caption-side utilities (#10470)

Co-authored-by: Michael Warner <michaelwarner@Michaels-MacBook-Pro.local>
---
 src/corePlugins.js               | 7 +++++++
 tests/basic-usage.oxide.test.css | 6 ++++++
 tests/basic-usage.test.css       | 6 ++++++
 tests/basic-usage.test.js        | 2 ++
 tests/raw-content.oxide.test.css | 6 ++++++
 tests/raw-content.test.css       | 6 ++++++
 tests/raw-content.test.js        | 2 ++
 7 files changed, 35 insertions(+)

diff --git a/src/corePlugins.js b/src/corePlugins.js
index 5036c674c..e440eff8e 100644
--- a/src/corePlugins.js
+++ b/src/corePlugins.js
@@ -772,6 +772,13 @@ export let corePlugins = {
     })
   },
 
+  captionSide: ({ addUtilities }) => {
+    addUtilities({
+      '.caption-top': { 'caption-side': 'top' },
+      '.caption-bottom': { 'caption-side': 'bottom' },
+    })
+  },
+
   borderCollapse: ({ addUtilities }) => {
     addUtilities({
       '.border-collapse': { 'border-collapse': 'collapse' },
diff --git a/tests/basic-usage.oxide.test.css b/tests/basic-usage.oxide.test.css
index 2f0367c23..5623fe79e 100644
--- a/tests/basic-usage.oxide.test.css
+++ b/tests/basic-usage.oxide.test.css
@@ -252,6 +252,12 @@
 .table-fixed {
   table-layout: fixed;
 }
+.caption-top {
+  caption-side: top;
+}
+.caption-bottom {
+  caption-side: bottom;
+}
 .border-collapse {
   border-collapse: collapse;
 }
diff --git a/tests/basic-usage.test.css b/tests/basic-usage.test.css
index 9484dfdd6..184ada947 100644
--- a/tests/basic-usage.test.css
+++ b/tests/basic-usage.test.css
@@ -252,6 +252,12 @@
 .table-fixed {
   table-layout: fixed;
 }
+.caption-top {
+  caption-side: top;
+}
+.caption-bottom {
+  caption-side: bottom;
+}
 .border-collapse {
   border-collapse: collapse;
 }
diff --git a/tests/basic-usage.test.js b/tests/basic-usage.test.js
index 9ec0e5917..4b39eb681 100644
--- a/tests/basic-usage.test.js
+++ b/tests/basic-usage.test.js
@@ -161,6 +161,8 @@ crosscheck(({ stable, oxide }) => {
             <div class="stroke-current"></div>
             <div class="stroke-2"></div>
             <div class="table-fixed"></div>
+            <div class="caption-top"></div>
+            <div class="caption-bottom"></div>
             <div class="text-center"></div>
             <div class="indent-6 -indent-12"></div>
             <div class="text-indigo-500"></div>
diff --git a/tests/raw-content.oxide.test.css b/tests/raw-content.oxide.test.css
index b0543f37f..b4fa9b8cc 100644
--- a/tests/raw-content.oxide.test.css
+++ b/tests/raw-content.oxide.test.css
@@ -179,6 +179,12 @@
 .table-fixed {
   table-layout: fixed;
 }
+.caption-top {
+  caption-side: top;
+}
+.caption-bottom {
+  caption-side: bottom;
+}
 .border-collapse {
   border-collapse: collapse;
 }
diff --git a/tests/raw-content.test.css b/tests/raw-content.test.css
index 402f90a34..2867d4b2a 100644
--- a/tests/raw-content.test.css
+++ b/tests/raw-content.test.css
@@ -179,6 +179,12 @@
 .table-fixed {
   table-layout: fixed;
 }
+.caption-top {
+  caption-side: top;
+}
+.caption-bottom {
+  caption-side: bottom;
+}
 .border-collapse {
   border-collapse: collapse;
 }
diff --git a/tests/raw-content.test.js b/tests/raw-content.test.js
index 127a5d48a..417c37485 100644
--- a/tests/raw-content.test.js
+++ b/tests/raw-content.test.js
@@ -123,6 +123,8 @@ crosscheck(({ stable, oxide }) => {
             <div class="stroke-current"></div>
             <div class="stroke-2"></div>
             <div class="table-fixed"></div>
+            <div class="caption-top"></div>
+            <div class="caption-bottom"></div>
             <div class="text-center"></div>
             <div class="text-indigo-500"></div>
             <div class="underline"></div>