From ab1090cfd6ad0a9718e05afd4efb5899bae29915 Mon Sep 17 00:00:00 2001
From: Muhammad Sammy <muhammad_sammy@outlook.com>
Date: Sun, 21 May 2023 13:40:26 +0300
Subject: [PATCH] feat: add new `border-spacing` utilities

---
 src/cli/core/ClassnamesGenerator.ts | 9 ++++++++-
 src/cli/types/classes.ts            | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/cli/core/ClassnamesGenerator.ts b/src/cli/core/ClassnamesGenerator.ts
index ddca74c..d968bef 100644
--- a/src/cli/core/ClassnamesGenerator.ts
+++ b/src/cli/core/ClassnamesGenerator.ts
@@ -160,7 +160,14 @@ export class ClassnamesGenerator {
   };
 
   private tables = (): Tables => {
-    return nonConfigurableClassNames.tables;
+    return {
+      ...nonConfigurableClassNames.tables,
+      borderSpacing: ['', '-x', '-y'].flatMap(side => {
+        return Object.keys(
+          _.isEmpty(this._theme.borderSpacing) ? this._theme.spacing : this._theme.borderSpacing,
+        ).map(value => `border-spacing${side}-${value}`);
+      }),
+    };
   };
 
   private effects = (): Effects => {
diff --git a/src/cli/types/classes.ts b/src/cli/types/classes.ts
index 7942998..134a457 100644
--- a/src/cli/types/classes.ts
+++ b/src/cli/types/classes.ts
@@ -179,7 +179,7 @@ type TSpacingCategoryItem = 'padding' | 'margin' | 'space';
 
 type TSVGCategoryItem = 'fill' | 'stroke' | 'strokeWidth';
 
-type TTablesCategoryItem = 'borderCollapse' | 'tableLayout';
+type TTablesCategoryItem = 'borderCollapse' | 'tableLayout' | 'borderSpacing';
 
 type TTransformsCategoryItem = 'scale' | 'rotate' | 'translate' | 'skew' | 'transformOrigin';