feat(utils): integrate radii module

telerik · Mar 28, 2024 · 228cac1 · 228cac1
1 parent 648bc00
commit 228cac1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 18 deletions.
diff --git a/packages/utils/scss/_variables.scss b/packages/utils/scss/_variables.scss
@@ -53,14 +53,7 @@ $kendo-spacing: () !default;
 
 $kendo-sizing: () !default;
 
-$kendo-border-radii: (
-    DEFAULT: .25rem,
-    0: 0,
-    sm: .125rem,
-    md: .25rem,
-    lg: .5rem,
-    full: 9999px
-) !default;
+$kendo-border-radii: () !default;
 
 $kendo-utils: (
 

diff --git a/packages/utils/scss/border/_border-radius.scss b/packages/utils/scss/border/_border-radius.scss
@@ -322,18 +322,19 @@
 /// @group border-radius
 /// @contextType css
 
+@import "@progress/kendo-theme-core/scss/border-radii/index.import.scss";
+
 @mixin kendo-utils--border--border-radius() {
 
     // Border radius utility classes
-    $kendo-utils-border-radius: k-map-get( $kendo-utils, "border-radius" ) !default;
-    @include generate-utils( rounded, border-radius, $kendo-utils-border-radius );
-    @include generate-utils( rounded-tl, border-top-left-radius, $kendo-utils-border-radius );
-    @include generate-utils( rounded-tr, border-top-right-radius, $kendo-utils-border-radius );
-    @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-utils-border-radius );
-    @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-utils-border-radius );
-    @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-utils-border-radius );
-    @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-utils-border-radius );
-    @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-utils-border-radius );
-    @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-utils-border-radius );
+    @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: "border-radius" );
 
 }