feat: generate border width types from theme

muhammadsammy · Jun 22, 2020 · b733566 · b733566
1 parent c0ae9e4
commit b733566
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/generation/ClassesGenerator.ts b/src/generation/ClassesGenerator.ts
@@ -41,6 +41,10 @@ export class ClassesGenerator implements IClassesGenerator {
           side => `rounded${side === '' ? '' : '-' + side}` + (radius === 'default' ? '' : `-${radius}`),
         );
       }),
+      borderWidth: Object.keys(this.configScanner.themeConfig.borderWidth).flatMap(width => {
+        const sides = ['', 't', 'r', 'b', 'l'];
+        return sides.map(side => `border${side === '' ? '' : '-' + side}` + (width === 'default' ? '' : `-${width}`));
+      }),
     };
 
     this.allGeneratedClasses.Borders = Borders;

diff --git a/src/generation/_definitions.d.ts b/src/generation/_definitions.d.ts
@@ -56,7 +56,7 @@ interface IThemeProps {
   borderRadius: {
     [key: string]: string;
   };
-  borderWidth?: {
+  borderWidth: {
     [key: string]: string;
   };
   boxShadow?: {