chore: regen docs

telerik · Sep 25, 2024 · 41375bb · 41375bb
1 parent 3884b7e
commit 41375bb
Show file tree

Hide file tree

Showing 24 changed files with 328 additions and 228 deletions.
diff --git a/packages/bootstrap/docs/customization-orgchart.md b/packages/bootstrap/docs/customization-orgchart.md
@@ -459,9 +459,9 @@ The following table lists the available variables for customization.
 </tr>
 <tr>
     <td>$kendo-orgchart-line-v-height</td>
-    <td>Number</td>
-    <td><code>25px</code></td>
-    <td><code>25px</code></td>
+    <td>String</td>
+    <td><code>k-spacing(6)</code></td>
+    <td><code>var(--kendo-spacing-6, 1.5rem)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The height of the OrgChart connecting line.</div></div>

diff --git a/packages/bootstrap/docs/customization-splitter.md b/packages/bootstrap/docs/customization-splitter.md
@@ -129,9 +129,9 @@ The following table lists the available variables for customization.
 </tr>
 <tr>
     <td>$kendo-splitter-drag-icon-margin</td>
-    <td>Calculation</td>
-    <td><code>calc( #{k-spacing(3.5)} / 2 )</code></td>
-    <td><code>calc(var(--kendo-spacing-3\.5, 0.875rem) / 2)</code></td>
+    <td>String</td>
+    <td><code>k-spacing(2)</code></td>
+    <td><code>var(--kendo-spacing-2, 0.5rem)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The margin of the Splitter drag handle icon.</div></div>

diff --git a/packages/bootstrap/docs/customization-stepper.md b/packages/bootstrap/docs/customization-stepper.md
@@ -97,6 +97,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 vertical padding the Stepper label.</div></div>
     </td>
 </tr>
+<tr>
+    <td>$kendo-stepper-label-border-radius</td>
+    <td>String</td>
+    <td><code>k-border-radius(xxl)</code></td>
+    <td><code>var(--kendo-border-radius-xxl, 1rem)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The border radius of the Stepper label.</div></div>
+    </td>
+</tr>
 <tr>
     <td>$kendo-stepper-border-width</td>
     <td>Number</td>

diff --git a/packages/bootstrap/docs/customization-timeline.md b/packages/bootstrap/docs/customization-timeline.md
@@ -109,19 +109,19 @@ The following table lists the available variables for customization.
 </tr>
 <tr>
     <td>$kendo-timeline-track-arrow-width</td>
-    <td>Number</td>
-    <td><code>38px</code></td>
-    <td><code>38px</code></td>
+    <td>Calculation</td>
+    <td><code>calc( #{k-spacing(19)} / 2 )</code></td>
+    <td><code>calc(var(--kendo-spacing-19, 4.75rem) / 2)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The width of the Timeline track arrow.</div></div>
     </td>
 </tr>
 <tr>
     <td>$kendo-timeline-track-arrow-height</td>
-    <td>Number</td>
-    <td><code>38px</code></td>
-    <td><code>38px</code></td>
+    <td>Calculation</td>
+    <td><code>calc( #{k-spacing(19)} / 2 )</code></td>
+    <td><code>calc(var(--kendo-spacing-19, 4.75rem) / 2)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The height of the Timeline track arrow.</div></div>
@@ -159,19 +159,19 @@ The following table lists the available variables for customization.
 </tr>
 <tr>
     <td>$kendo-timeline-track-size</td>
-    <td>Number</td>
-    <td><code>6px</code></td>
-    <td><code>6px</code></td>
+    <td>String</td>
+    <td><code>k-spacing(1.5)</code></td>
+    <td><code>var(--kendo-spacing-1\.5, 0.375rem)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The size of the Timeline track.</div></div>
     </td>
 </tr>
 <tr>
     <td>$kendo-timeline-track-wrap-padding-bottom</td>
-    <td>Number</td>
-    <td><code>k-math-div( $kendo-timeline-track-size, 2 )</code></td>
-    <td><code>3px</code></td>
+    <td>Calculation</td>
+    <td><code>calc( #{$kendo-timeline-track-size} / 2)</code></td>
+    <td><code>calc(var(--kendo-spacing-1\.5, 0.375rem) / 2)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The bottom padding of the Timeline's track wrapper.</div></div>
@@ -200,8 +200,8 @@ The following table lists the available variables for customization.
 <tr>
     <td>$kendo-timeline-track-bottom-calc</td>
     <td>Calculation</td>
-    <td><code>calc(#{k-math-div( $kendo-timeline-track-arrow-height, 2 )} + #{$kendo-timeline-track-wrap-padding-bottom})</code></td>
-    <td><code>calc(19px + 3px)</code></td>
+    <td><code>calc( calc(#{ $kendo-timeline-track-arrow-height } / 2) + #{$kendo-timeline-track-wrap-padding-bottom})</code></td>
+    <td><code>calc(calc(var(--kendo-spacing-19, 4.75rem) / 2) / 2 + calc(var(--kendo-spacing-1\.5, 0.375rem) / 2))</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The bottom offset of the Timeline track.</div></div>
@@ -211,7 +211,7 @@ The following table lists the available variables for customization.
     <td>$kendo-timeline-track-start-calc</td>
     <td>Calculation</td>
     <td><code>calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width})</code></td>
-    <td><code>calc(38px - 2 * 1px)</code></td>
+    <td><code>calc(calc(var(--kendo-spacing-19, 4.75rem) / 2) - 2 * 1px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The left offset of the Timeline track.</div></div>
@@ -221,7 +221,7 @@ The following table lists the available variables for customization.
     <td>$kendo-timeline-track-end-calc</td>
     <td>Calculation</td>
     <td><code>calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width})</code></td>
-    <td><code>calc(38px - 2 * 1px)</code></td>
+    <td><code>calc(calc(var(--kendo-spacing-19, 4.75rem) / 2) - 2 * 1px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The right offset of the Timeline track.</div></div>
@@ -391,7 +391,7 @@ The following table lists the available variables for customization.
     <td>$kendo-timeline-flag-margin-bottom-calc</td>
     <td>Calculation</td>
     <td><code>calc(#{$kendo-timeline-track-size} + 2 * #{$kendo-timeline-track-border-width} + #{$kendo-timeline-flag-offset-bottom} + #{$kendo-timeline-flag-callout-height})</code></td>
-    <td><code>calc(6px + 2 * 1px + 4px + 10px)</code></td>
+    <td><code>calc(var(--kendo-spacing-1\.5, 0.375rem) + 2 * 1px + 4px + 10px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The bottom margin of the Timeline flag.</div></div>
@@ -421,7 +421,7 @@ The following table lists the available variables for customization.
     <td>$kendo-timeline-vertical-padding-calc</td>
     <td>Calculation</td>
     <td><code>calc(#{$kendo-timeline-spacing-x} + (#{$kendo-timeline-flag-min-width} - #{$kendo-timeline-track-size}) / 2)</code></td>
-    <td><code>calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2)</code></td>
+    <td><code>calc(var(--kendo-spacing-10, 2.5rem) + (80px - var(--kendo-spacing-1\.5, 0.375rem)) / 2)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The padding of the vertical Timeline.</div></div>
@@ -431,7 +431,7 @@ The following table lists the available variables for customization.
     <td>$kendo-timeline-vertical-padding-with-dates-calc</td>
     <td>Calculation</td>
     <td><code>calc(#{$kendo-timeline-vertical-padding-calc} + #{$kendo-timeline-date-width})</code></td>
-    <td><code>calc(calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2) + 50px)</code></td>
+    <td><code>calc(calc(var(--kendo-spacing-10, 2.5rem) + (80px - var(--kendo-spacing-1\.5, 0.375rem)) / 2) + 50px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The padding of the vertical Timeline date.</div></div>
@@ -441,7 +441,7 @@ The following table lists the available variables for customization.
     <td>$kendo-timeline-mobile-vertical-padding-calc</td>
     <td>Calculation</td>
     <td><code>calc(#{$kendo-timeline-mobile-spacing-x} + (#{$kendo-timeline-flag-min-width} - #{$kendo-timeline-track-size}) / 2)</code></td>
-    <td><code>calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2)</code></td>
+    <td><code>calc(var(--kendo-spacing-4, 1rem) + (80px - var(--kendo-spacing-1\.5, 0.375rem)) / 2)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The padding of the vertical mobile Timeline.</div></div>
@@ -451,7 +451,7 @@ The following table lists the available variables for customization.
     <td>$kendo-timeline-mobile-vertical-padding-with-dates-calc</td>
     <td>Calculation</td>
     <td><code>calc(#{$kendo-timeline-mobile-vertical-padding-calc} + #{$kendo-timeline-date-width})</code></td>
-    <td><code>calc(calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2) + 50px)</code></td>
+    <td><code>calc(calc(var(--kendo-spacing-4, 1rem) + (80px - var(--kendo-spacing-1\.5, 0.375rem)) / 2) + 50px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The padding of the vertical mobile Timeline date.</div></div>

diff --git a/packages/bootstrap/docs/customization.md b/packages/bootstrap/docs/customization.md
@@ -16352,9 +16352,9 @@ The following table lists the available variables for customizing the Bootstrap
 </tr>
 <tr>
     <td>$kendo-orgchart-line-v-height</td>
-    <td>Number</td>
-    <td><code>25px</code></td>
-    <td><code>25px</code></td>
+    <td>String</td>
+    <td><code>k-spacing(6)</code></td>
+    <td><code>var(--kendo-spacing-6, 1.5rem)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The height of the OrgChart connecting line.</div></div>
@@ -22780,9 +22780,9 @@ The following table lists the available variables for customizing the Bootstrap
 </tr>
 <tr>
     <td>$kendo-splitter-drag-icon-margin</td>
-    <td>Calculation</td>
-    <td><code>calc( #{k-spacing(3.5)} / 2 )</code></td>
-    <td><code>calc(var(--kendo-spacing-3\.5, 0.875rem) / 2)</code></td>
+    <td>String</td>
+    <td><code>k-spacing(2)</code></td>
+    <td><code>var(--kendo-spacing-2, 0.5rem)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The margin of the Splitter drag handle icon.</div></div>
@@ -23768,6 +23768,16 @@ The following table lists the available variables for customizing the Bootstrap
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The vertical padding the Stepper label.</div></div>
     </td>
 </tr>
+<tr>
+    <td>$kendo-stepper-label-border-radius</td>
+    <td>String</td>
+    <td><code>k-border-radius(xxl)</code></td>
+    <td><code>var(--kendo-border-radius-xxl, 1rem)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The border radius of the Stepper label.</div></div>
+    </td>
+</tr>
 <tr>
     <td>$kendo-stepper-border-width</td>
     <td>Number</td>
@@ -26873,19 +26883,19 @@ The following table lists the available variables for customizing the Bootstrap
 </tr>
 <tr>
     <td>$kendo-timeline-track-arrow-width</td>
-    <td>Number</td>
-    <td><code>38px</code></td>
-    <td><code>38px</code></td>
+    <td>Calculation</td>
+    <td><code>calc( #{k-spacing(19)} / 2 )</code></td>
+    <td><code>calc(var(--kendo-spacing-19, 4.75rem) / 2)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The width of the Timeline track arrow.</div></div>
     </td>
 </tr>
 <tr>
     <td>$kendo-timeline-track-arrow-height</td>
-    <td>Number</td>
-    <td><code>38px</code></td>
-    <td><code>38px</code></td>
+    <td>Calculation</td>
+    <td><code>calc( #{k-spacing(19)} / 2 )</code></td>
+    <td><code>calc(var(--kendo-spacing-19, 4.75rem) / 2)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The height of the Timeline track arrow.</div></div>
@@ -26923,19 +26933,19 @@ The following table lists the available variables for customizing the Bootstrap
 </tr>
 <tr>
     <td>$kendo-timeline-track-size</td>
-    <td>Number</td>
-    <td><code>6px</code></td>
-    <td><code>6px</code></td>
+    <td>String</td>
+    <td><code>k-spacing(1.5)</code></td>
+    <td><code>var(--kendo-spacing-1\.5, 0.375rem)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The size of the Timeline track.</div></div>
     </td>
 </tr>
 <tr>
     <td>$kendo-timeline-track-wrap-padding-bottom</td>
-    <td>Number</td>
-    <td><code>k-math-div( $kendo-timeline-track-size, 2 )</code></td>
-    <td><code>3px</code></td>
+    <td>Calculation</td>
+    <td><code>calc( #{$kendo-timeline-track-size} / 2)</code></td>
+    <td><code>calc(var(--kendo-spacing-1\.5, 0.375rem) / 2)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The bottom padding of the Timeline's track wrapper.</div></div>
@@ -26964,8 +26974,8 @@ The following table lists the available variables for customizing the Bootstrap
 <tr>
     <td>$kendo-timeline-track-bottom-calc</td>
     <td>Calculation</td>
-    <td><code>calc(#{k-math-div( $kendo-timeline-track-arrow-height, 2 )} + #{$kendo-timeline-track-wrap-padding-bottom})</code></td>
-    <td><code>calc(19px + 3px)</code></td>
+    <td><code>calc( calc(#{ $kendo-timeline-track-arrow-height } / 2) + #{$kendo-timeline-track-wrap-padding-bottom})</code></td>
+    <td><code>calc(calc(var(--kendo-spacing-19, 4.75rem) / 2) / 2 + calc(var(--kendo-spacing-1\.5, 0.375rem) / 2))</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The bottom offset of the Timeline track.</div></div>
@@ -26975,7 +26985,7 @@ The following table lists the available variables for customizing the Bootstrap
     <td>$kendo-timeline-track-start-calc</td>
     <td>Calculation</td>
     <td><code>calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width})</code></td>
-    <td><code>calc(38px - 2 * 1px)</code></td>
+    <td><code>calc(calc(var(--kendo-spacing-19, 4.75rem) / 2) - 2 * 1px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The left offset of the Timeline track.</div></div>
@@ -26985,7 +26995,7 @@ The following table lists the available variables for customizing the Bootstrap
     <td>$kendo-timeline-track-end-calc</td>
     <td>Calculation</td>
     <td><code>calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width})</code></td>
-    <td><code>calc(38px - 2 * 1px)</code></td>
+    <td><code>calc(calc(var(--kendo-spacing-19, 4.75rem) / 2) - 2 * 1px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The right offset of the Timeline track.</div></div>
@@ -27155,7 +27165,7 @@ The following table lists the available variables for customizing the Bootstrap
     <td>$kendo-timeline-flag-margin-bottom-calc</td>
     <td>Calculation</td>
     <td><code>calc(#{$kendo-timeline-track-size} + 2 * #{$kendo-timeline-track-border-width} + #{$kendo-timeline-flag-offset-bottom} + #{$kendo-timeline-flag-callout-height})</code></td>
-    <td><code>calc(6px + 2 * 1px + 4px + 10px)</code></td>
+    <td><code>calc(var(--kendo-spacing-1\.5, 0.375rem) + 2 * 1px + 4px + 10px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The bottom margin of the Timeline flag.</div></div>
@@ -27185,7 +27195,7 @@ The following table lists the available variables for customizing the Bootstrap
     <td>$kendo-timeline-vertical-padding-calc</td>
     <td>Calculation</td>
     <td><code>calc(#{$kendo-timeline-spacing-x} + (#{$kendo-timeline-flag-min-width} - #{$kendo-timeline-track-size}) / 2)</code></td>
-    <td><code>calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2)</code></td>
+    <td><code>calc(var(--kendo-spacing-10, 2.5rem) + (80px - var(--kendo-spacing-1\.5, 0.375rem)) / 2)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The padding of the vertical Timeline.</div></div>
@@ -27195,7 +27205,7 @@ The following table lists the available variables for customizing the Bootstrap
     <td>$kendo-timeline-vertical-padding-with-dates-calc</td>
     <td>Calculation</td>
     <td><code>calc(#{$kendo-timeline-vertical-padding-calc} + #{$kendo-timeline-date-width})</code></td>
-    <td><code>calc(calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2) + 50px)</code></td>
+    <td><code>calc(calc(var(--kendo-spacing-10, 2.5rem) + (80px - var(--kendo-spacing-1\.5, 0.375rem)) / 2) + 50px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The padding of the vertical Timeline date.</div></div>
@@ -27205,7 +27215,7 @@ The following table lists the available variables for customizing the Bootstrap
     <td>$kendo-timeline-mobile-vertical-padding-calc</td>
     <td>Calculation</td>
     <td><code>calc(#{$kendo-timeline-mobile-spacing-x} + (#{$kendo-timeline-flag-min-width} - #{$kendo-timeline-track-size}) / 2)</code></td>
-    <td><code>calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2)</code></td>
+    <td><code>calc(var(--kendo-spacing-4, 1rem) + (80px - var(--kendo-spacing-1\.5, 0.375rem)) / 2)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The padding of the vertical mobile Timeline.</div></div>
@@ -27215,7 +27225,7 @@ The following table lists the available variables for customizing the Bootstrap
     <td>$kendo-timeline-mobile-vertical-padding-with-dates-calc</td>
     <td>Calculation</td>
     <td><code>calc(#{$kendo-timeline-mobile-vertical-padding-calc} + #{$kendo-timeline-date-width})</code></td>
-    <td><code>calc(calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2) + 50px)</code></td>
+    <td><code>calc(calc(var(--kendo-spacing-4, 1rem) + (80px - var(--kendo-spacing-1\.5, 0.375rem)) / 2) + 50px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The padding of the vertical mobile Timeline date.</div></div>

diff --git a/packages/classic/docs/customization-orgchart.md b/packages/classic/docs/customization-orgchart.md
@@ -459,9 +459,9 @@ The following table lists the available variables for customization.
 </tr>
 <tr>
     <td>$kendo-orgchart-line-v-height</td>
-    <td>Number</td>
-    <td><code>25px</code></td>
-    <td><code>25px</code></td>
+    <td>String</td>
+    <td><code>k-spacing(6)</code></td>
+    <td><code>var(--kendo-spacing-6, 1.5rem)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The height of the OrgChart connecting line.</div></div>