feat: generate border radius types from theme

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

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/generation/ClassesGenerator.ts b/src/generation/ClassesGenerator.ts
@@ -35,6 +35,12 @@ export class ClassesGenerator implements IClassesGenerator {
       ...defaultBorders,
       borderColor: this.getGeneratedClassesWithColors('border'),
       borderOpacity: this.getGeneratedClassesWithOpacities().borderOpacities,
+      borderRadius: Object.keys(this.configScanner.themeConfig.borderRadius).flatMap(radius => {
+        const sides = ['', 't', 'r', 'b', 'l', 'tr', 'tl', 'br', 'bl'];
+        return sides.map(
+          side => `rounded${side === '' ? '' : '-' + side}` + (radius === 'default' ? '' : `-${radius}`),
+        );
+      }),
     };
 
     this.allGeneratedClasses.Borders = Borders;

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