From c0ae9e4f8e6d1ee47df36951e9abcc0151e3aef9 Mon Sep 17 00:00:00 2001
From: Muhammad Sammy <themsammy@outlook.com>
Date: Mon, 22 Jun 2020 12:34:01 +0200
Subject: [PATCH] feat: generate border radius types from theme

---
 src/generation/ClassesGenerator.ts | 6 ++++++
 src/generation/_definitions.d.ts   | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/generation/ClassesGenerator.ts b/src/generation/ClassesGenerator.ts
index 1246b6db..b9269558 100644
--- 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
index 55dc770f..973747d4 100644
--- 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?: {