chore: regen docs

telerik · Dec 13, 2024 · dccfc6e · dccfc6e
1 parent a0d467b
commit dccfc6e
Show file tree

Hide file tree

Showing 17 changed files with 1,312 additions and 12 deletions.
diff --git a/packages/bootstrap/docs/customization-button.md b/packages/bootstrap/docs/customization-button.md
@@ -639,6 +639,126 @@ 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 color transition of the Button.</div></div>
     </td>
 </tr>
+<tr>
+    <td>$kendo-otp-gap</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 gap between the items in the OTP.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-sm-gap</td>
+    <td>String</td>
+    <td><code>k-spacing(1)</code></td>
+    <td><code>var(--kendo-spacing-1, 0.25rem)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The gap between the items in the small OTP.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-md-gap</td>
+    <td>String</td>
+    <td><code>$kendo-otp-gap</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 gap between the items in the medium OTP.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-lg-gap</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 gap between the items in the large OTP.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-separator-padding-x</td>
+    <td>String</td>
+    <td><code>$kendo-otp-gap</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 horizontal padding of the OTP separator.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-separator-sm-padding-x</td>
+    <td>String</td>
+    <td><code>$kendo-otp-sm-gap</code></td>
+    <td><code>var(--kendo-spacing-1, 0.25rem)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The horizontal padding of the small OTP separator.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-separator-md-padding-x</td>
+    <td>String</td>
+    <td><code>$kendo-otp-separator-padding-x</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 horizontal padding of the medium OTP separator.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-separator-lg-padding-x</td>
+    <td>String</td>
+    <td><code>$kendo-otp-lg-gap</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 horizontal padding of the large OTP separator.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-input-width</td>
+    <td>Calculation</td>
+    <td><code>$kendo-input-calc-size</code></td>
+    <td><code>calc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The horizontal padding of the OTP separator.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-input-sm-width</td>
+    <td>Calculation</td>
+    <td><code>$kendo-input-sm-calc-size</code></td>
+    <td><code>calc(1.4285714286 * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The horizontal padding of the small OTP separator.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-input-md-width</td>
+    <td>Calculation</td>
+    <td><code>$kendo-otp-input-width</code></td>
+    <td><code>calc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The horizontal padding of the medium OTP separator.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-input-lg-width</td>
+    <td>Calculation</td>
+    <td><code>$kendo-input-lg-calc-size</code></td>
+    <td><code>calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The horizontal padding of the large OTP separator.</div></div>
+    </td>
+</tr>
 </tbody>
 </table>
 

diff --git a/packages/bootstrap/docs/customization-floating-label.md b/packages/bootstrap/docs/customization-floating-label.md
@@ -81,7 +81,7 @@ The following table lists the available variables for customization.
     <td>$kendo-floating-label-offset-x</td>
     <td>Calculation</td>
     <td><code>calc( #{$kendo-input-padding-x} + #{$kendo-input-border-width} )</code></td>
-    <td><code>calc(var(--kendo-spacing-3, 0.75rem) + var(--kendo-spacing-1px, 1px))</code></td>
+    <td><code>calc(var(--kendo-spacing-3, 0.75rem) + 1px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The horizontal offset of the Floating Label.</div></div>
@@ -91,7 +91,7 @@ The following table lists the available variables for customization.
     <td>$kendo-floating-label-offset-y</td>
     <td>Calculation</td>
     <td><code>calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-padding-y} )</code></td>
-    <td><code>calc(calc(1.5 * var(--kendo-font-size, inherit)) + var(--kendo-spacing-1px, 1px) + var(--kendo-spacing-1\.5, 0.375rem))</code></td>
+    <td><code>calc(calc(1.5 * var(--kendo-font-size, inherit)) + 1px + 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 vertical offset of the Floating Label.</div></div>

diff --git a/packages/bootstrap/docs/customization-form.md b/packages/bootstrap/docs/customization-form.md
@@ -361,7 +361,7 @@ The following table lists the available variables for customization.
     <td>$kendo-inline-form-field-padding-y</td>
     <td>Calculation</td>
     <td><code>calc( #{k-spacing(2)} + #{$kendo-input-border-width} )</code></td>
-    <td><code>calc(var(--kendo-spacing-2, 0.5rem) + var(--kendo-spacing-1px, 1px))</code></td>
+    <td><code>calc(var(--kendo-spacing-2, 0.5rem) + 1px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The vertical padding of the inline Form field.</div></div>

diff --git a/packages/bootstrap/docs/customization-input.md b/packages/bootstrap/docs/customization-input.md
@@ -39,9 +39,9 @@ The following table lists the available variables for customization.
 </tr>
 <tr>
     <td>$kendo-input-border-width</td>
-    <td>String</td>
-    <td><code>k-spacing(1px)</code></td>
-    <td><code>var(--kendo-spacing-1px, 1px)</code></td>
+    <td>Number</td>
+    <td><code>1px</code></td>
+    <td><code>1px</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The border width of the Input components.</div></div>
@@ -227,6 +227,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 line height of the large Input components.</div></div>
     </td>
 </tr>
+<tr>
+    <td>$kendo-input-calc-size</td>
+    <td>Calculation</td>
+    <td><code>calc( calc( #{$kendo-input-line-height} * 1em ) + calc( #{$kendo-input-padding-y} * 2 ) + #{$kendo-input-border-width * 2} )</code></td>
+    <td><code>calc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The calculated height of the Input.</div></div>
+    </td>
+</tr>
 <tr>
     <td>$kendo-input-sizes</td>
     <td>Map</td>

diff --git a/packages/bootstrap/docs/customization.md b/packages/bootstrap/docs/customization.md
@@ -2393,6 +2393,126 @@ 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 color transition of the Button.</div></div>
     </td>
 </tr>
+<tr>
+    <td>$kendo-otp-gap</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 gap between the items in the OTP.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-sm-gap</td>
+    <td>String</td>
+    <td><code>k-spacing(1)</code></td>
+    <td><code>var(--kendo-spacing-1, 0.25rem)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The gap between the items in the small OTP.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-md-gap</td>
+    <td>String</td>
+    <td><code>$kendo-otp-gap</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 gap between the items in the medium OTP.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-lg-gap</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 gap between the items in the large OTP.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-separator-padding-x</td>
+    <td>String</td>
+    <td><code>$kendo-otp-gap</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 horizontal padding of the OTP separator.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-separator-sm-padding-x</td>
+    <td>String</td>
+    <td><code>$kendo-otp-sm-gap</code></td>
+    <td><code>var(--kendo-spacing-1, 0.25rem)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The horizontal padding of the small OTP separator.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-separator-md-padding-x</td>
+    <td>String</td>
+    <td><code>$kendo-otp-separator-padding-x</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 horizontal padding of the medium OTP separator.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-separator-lg-padding-x</td>
+    <td>String</td>
+    <td><code>$kendo-otp-lg-gap</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 horizontal padding of the large OTP separator.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-input-width</td>
+    <td>Calculation</td>
+    <td><code>$kendo-input-calc-size</code></td>
+    <td><code>calc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The horizontal padding of the OTP separator.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-input-sm-width</td>
+    <td>Calculation</td>
+    <td><code>$kendo-input-sm-calc-size</code></td>
+    <td><code>calc(1.4285714286 * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The horizontal padding of the small OTP separator.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-input-md-width</td>
+    <td>Calculation</td>
+    <td><code>$kendo-otp-input-width</code></td>
+    <td><code>calc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The horizontal padding of the medium OTP separator.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-otp-input-lg-width</td>
+    <td>Calculation</td>
+    <td><code>$kendo-input-lg-calc-size</code></td>
+    <td><code>calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The horizontal padding of the large OTP separator.</div></div>
+    </td>
+</tr>
 </tbody>
 </table>
 
@@ -10750,7 +10870,7 @@ The following table lists the available variables for customizing the Bootstrap
     <td>$kendo-floating-label-offset-x</td>
     <td>Calculation</td>
     <td><code>calc( #{$kendo-input-padding-x} + #{$kendo-input-border-width} )</code></td>
-    <td><code>calc(var(--kendo-spacing-3, 0.75rem) + var(--kendo-spacing-1px, 1px))</code></td>
+    <td><code>calc(var(--kendo-spacing-3, 0.75rem) + 1px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The horizontal offset of the Floating Label.</div></div>
@@ -10760,7 +10880,7 @@ The following table lists the available variables for customizing the Bootstrap
     <td>$kendo-floating-label-offset-y</td>
     <td>Calculation</td>
     <td><code>calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-padding-y} )</code></td>
-    <td><code>calc(calc(1.5 * var(--kendo-font-size, inherit)) + var(--kendo-spacing-1px, 1px) + var(--kendo-spacing-1\.5, 0.375rem))</code></td>
+    <td><code>calc(calc(1.5 * var(--kendo-font-size, inherit)) + 1px + 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 vertical offset of the Floating Label.</div></div>
@@ -11200,7 +11320,7 @@ The following table lists the available variables for customizing the Bootstrap
     <td>$kendo-inline-form-field-padding-y</td>
     <td>Calculation</td>
     <td><code>calc( #{k-spacing(2)} + #{$kendo-input-border-width} )</code></td>
-    <td><code>calc(var(--kendo-spacing-2, 0.5rem) + var(--kendo-spacing-1px, 1px))</code></td>
+    <td><code>calc(var(--kendo-spacing-2, 0.5rem) + 1px)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The vertical padding of the inline Form field.</div></div>
@@ -12668,9 +12788,9 @@ The following table lists the available variables for customizing the Bootstrap
 </tr>
 <tr>
     <td>$kendo-input-border-width</td>
-    <td>String</td>
-    <td><code>k-spacing(1px)</code></td>
-    <td><code>var(--kendo-spacing-1px, 1px)</code></td>
+    <td>Number</td>
+    <td><code>1px</code></td>
+    <td><code>1px</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The border width of the Input components.</div></div>
@@ -12856,6 +12976,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 line height of the large Input components.</div></div>
     </td>
 </tr>
+<tr>
+    <td>$kendo-input-calc-size</td>
+    <td>Calculation</td>
+    <td><code>calc( calc( #{$kendo-input-line-height} * 1em ) + calc( #{$kendo-input-padding-y} * 2 ) + #{$kendo-input-border-width * 2} )</code></td>
+    <td><code>calc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The calculated height of the Input.</div></div>
+    </td>
+</tr>
 <tr>
     <td>$kendo-input-sizes</td>
     <td>Map</td>