feat: add new border-spacing utilities

muhammadsammy · May 21, 2023 · ab1090c · ab1090c
1 parent 79a9649
commit ab1090c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git 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
@@ -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';