Merge branch 'develop' into palette-variables-doc

telerik · Jun 12, 2024 · 3d6f0e3 · 3d6f0e3
2 parents d6b2557 + 622c10c
commit 3d6f0e3
Show file tree

Hide file tree

Showing 9 changed files with 57 additions and 44 deletions.
diff --git a/packages/bootstrap/docs/customization-radii.md b/packages/bootstrap/docs/customization-radii.md
@@ -131,6 +131,7 @@ The following table lists the available variables for customization.
     <td>$kendo-border-radii</td>
     <td>Map</td>
     <td><code>(
+    none: $kendo-border-radius-none,
     xs: $kendo-border-radius-xs,
     sm: $kendo-border-radius-sm,
     md: $kendo-border-radius-md,

diff --git a/packages/bootstrap/docs/customization.md b/packages/bootstrap/docs/customization.md
@@ -17621,6 +17621,7 @@ The following table lists the available variables for customizing the Bootstrap
     <td>$kendo-border-radii</td>
     <td>Map</td>
     <td><code>(
+    none: $kendo-border-radius-none,
     xs: $kendo-border-radius-xs,
     sm: $kendo-border-radius-sm,
     md: $kendo-border-radius-md,

diff --git a/packages/bootstrap/scss/core/border-radii/index.import.scss b/packages/bootstrap/scss/core/border-radii/index.import.scss
@@ -32,6 +32,7 @@ $kendo-border-radius-full: 50rem !default;
 /// The global radii Map.
 /// @group radii
 $kendo-border-radii: (
+    none: $kendo-border-radius-none,
     xs: $kendo-border-radius-xs,
     sm: $kendo-border-radius-sm,
     md: $kendo-border-radius-md,

diff --git a/packages/fluent/docs/customization-radii.md b/packages/fluent/docs/customization-radii.md
@@ -107,16 +107,6 @@ The following table lists the available variables for customization.
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The second largest border radius used across the Components.</div></div>
     </td>
 </tr>
-<tr>
-    <td>$kendo-border-radii</td>
-    <td>Map</td>
-    <td><code>$_default-border-radii</code></td>
-    <td><code>(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.5rem, xl: 0.75rem, xxl: 1rem, xxxl: 1.25rem)</code></td>
-</tr>
-<tr>
-    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The global radii Map.</div></div>
-    </td>
-</tr>
 <tr>
     <td>$kendo-border-radius-full</td>
     <td>Number</td>
@@ -127,6 +117,16 @@ The following table lists the available variables for customization.
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The largest border radius used across the Components.</div></div>
     </td>
 </tr>
+<tr>
+    <td>$kendo-border-radii</td>
+    <td>Map</td>
+    <td><code>$_default-border-radii</code></td>
+    <td><code>(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.5rem, xl: 0.75rem, xxl: 1rem, xxxl: 1.25rem, full: 9999px)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The global radii Map.</div></div>
+    </td>
+</tr>
 </tbody>
 </table>
 

diff --git a/packages/fluent/docs/customization.md b/packages/fluent/docs/customization.md
@@ -23057,16 +23057,6 @@ The following table lists the available variables for customizing the Fluent the
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The second largest border radius used across the Components.</div></div>
     </td>
 </tr>
-<tr>
-    <td>$kendo-border-radii</td>
-    <td>Map</td>
-    <td><code>$_default-border-radii</code></td>
-    <td><code>(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.5rem, xl: 0.75rem, xxl: 1rem, xxxl: 1.25rem)</code></td>
-</tr>
-<tr>
-    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The global radii Map.</div></div>
-    </td>
-</tr>
 <tr>
     <td>$kendo-border-radius-full</td>
     <td>Number</td>
@@ -23077,6 +23067,16 @@ The following table lists the available variables for customizing the Fluent the
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The largest border radius used across the Components.</div></div>
     </td>
 </tr>
+<tr>
+    <td>$kendo-border-radii</td>
+    <td>Map</td>
+    <td><code>$_default-border-radii</code></td>
+    <td><code>(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.5rem, xl: 0.75rem, xxl: 1rem, xxxl: 1.25rem, full: 9999px)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The global radii Map.</div></div>
+    </td>
+</tr>
 </tbody>
 </table>
 

diff --git a/packages/fluent/scss/core/border-radii/_index.scss b/packages/fluent/scss/core/border-radii/_index.scss
@@ -25,6 +25,9 @@ $kendo-border-radius-xxl: map.get($kendo-spacing, 4) !default;
 /// The second largest border radius used across the Components.
 /// @group radii
 $kendo-border-radius-xxxl: map.get($kendo-spacing, 5) !default;
+/// The largest border radius used across the Components.
+/// @group radii
+$kendo-border-radius-full: 9999px !default;
 
 $_default-border-radii: (
     none: $kendo-border-radius-none,
@@ -34,7 +37,8 @@ $_default-border-radii: (
     lg: $kendo-border-radius-lg,
     xl: $kendo-border-radius-xl,
     xxl: $kendo-border-radius-xxl,
-    xxxl: $kendo-border-radius-xxxl
+    xxxl: $kendo-border-radius-xxxl,
+    full: $kendo-border-radius-full
 ) !default;
 
 /// The global radii Map.

diff --git a/packages/material/docs/customization-radii.md b/packages/material/docs/customization-radii.md
@@ -107,6 +107,16 @@ The following table lists the available variables for customization.
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The second largest border radius used across the Components.</div></div>
     </td>
 </tr>
+<tr>
+    <td>$kendo-border-radius-full</td>
+    <td>Number</td>
+    <td><code>9999px</code></td>
+    <td><code>9999px</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The largest border radius used across the Components.</div></div>
+    </td>
+</tr>
 <tr>
     <td>$kendo-border-radii</td>
     <td>Map</td>
@@ -118,24 +128,15 @@ The following table lists the available variables for customization.
     lg: $kendo-border-radius-lg,
     xl: $kendo-border-radius-xl,
     xxl: $kendo-border-radius-xxl,
-    xxxl: $kendo-border-radius-xxxl
+    xxxl: $kendo-border-radius-xxxl,
+    full: $kendo-border-radius-full
 )</code></td>
     <td><code>(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.5rem, xl: 0.75rem, xxl: 1rem, xxxl: 1.25rem, full: 9999px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The global radii Map.</div></div>
     </td>
 </tr>
-<tr>
-    <td>$kendo-border-radius-full</td>
-    <td>Number</td>
-    <td><code>9999px</code></td>
-    <td><code>9999px</code></td>
-</tr>
-<tr>
-    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The largest border radius used across the Components.</div></div>
-    </td>
-</tr>
 </tbody>
 </table>
 

diff --git a/packages/material/docs/customization.md b/packages/material/docs/customization.md
@@ -17598,6 +17598,16 @@ The following table lists the available variables for customizing the Material t
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The second largest border radius used across the Components.</div></div>
     </td>
 </tr>
+<tr>
+    <td>$kendo-border-radius-full</td>
+    <td>Number</td>
+    <td><code>9999px</code></td>
+    <td><code>9999px</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The largest border radius used across the Components.</div></div>
+    </td>
+</tr>
 <tr>
     <td>$kendo-border-radii</td>
     <td>Map</td>
@@ -17609,24 +17619,15 @@ The following table lists the available variables for customizing the Material t
     lg: $kendo-border-radius-lg,
     xl: $kendo-border-radius-xl,
     xxl: $kendo-border-radius-xxl,
-    xxxl: $kendo-border-radius-xxxl
+    xxxl: $kendo-border-radius-xxxl,
+    full: $kendo-border-radius-full
 )</code></td>
     <td><code>(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.5rem, xl: 0.75rem, xxl: 1rem, xxxl: 1.25rem, full: 9999px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The global radii Map.</div></div>
     </td>
 </tr>
-<tr>
-    <td>$kendo-border-radius-full</td>
-    <td>Number</td>
-    <td><code>9999px</code></td>
-    <td><code>9999px</code></td>
-</tr>
-<tr>
-    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The largest border radius used across the Components.</div></div>
-    </td>
-</tr>
 </tbody>
 </table>
 

diff --git a/packages/material/scss/core/border-radii/index.import.scss b/packages/material/scss/core/border-radii/index.import.scss
@@ -22,6 +22,9 @@ $kendo-border-radius-xxl: k-map-get($kendo-spacing, 4) !default;
 /// The second largest border radius used across the Components.
 /// @group radii
 $kendo-border-radius-xxxl: k-map-get($kendo-spacing, 5) !default;
+/// The largest border radius used across the Components.
+/// @group radii
+$kendo-border-radius-full: 9999px !default;
 
 /// The global radii Map.
 /// @group radii
@@ -33,7 +36,8 @@ $kendo-border-radii: (
     lg: $kendo-border-radius-lg,
     xl: $kendo-border-radius-xl,
     xxl: $kendo-border-radius-xxl,
-    xxxl: $kendo-border-radius-xxxl
+    xxxl: $kendo-border-radius-xxxl,
+    full: $kendo-border-radius-full
 ) !default;
 
 @import "@progress/kendo-theme-core/scss/border-radii/index.import.scss";