chore: regen docs

telerik · Nov 17, 2023 · 459f8bf · 459f8bf
1 parent fa24238
commit 459f8bf
Show file tree

Hide file tree

Showing 25 changed files with 324 additions and 104 deletions.
diff --git a/packages/bootstrap/docs/customization-button.md b/packages/bootstrap/docs/customization-button.md
@@ -633,7 +633,7 @@ The following table lists the available variables for customization.
     <td>$kendo-button-transition</td>
     <td>List</td>
     <td><code>$kendo-transition</code></td>
-    <td><code>color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out</code></td>
+    <td><code>color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), background-color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), border-color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), box-shadow var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
 </tr>
 <tr>
     <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>

diff --git a/packages/bootstrap/docs/customization-common.md b/packages/bootstrap/docs/customization-common.md
@@ -167,6 +167,36 @@ 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 font size of the large Chip.</div></div>
     </td>
 </tr>
+<tr>
+    <td>$kendo-transition-duration</td>
+    <td>String</td>
+    <td><code>var(--kendo-global-duration, var(--kendo-motion-short-4, .2s))</code></td>
+    <td><code>var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s))</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">Transition duration used across all components.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-transition-easing</td>
+    <td>String</td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">Transition timing function used across all components.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-transition</td>
+    <td>List</td>
+    <td><code>color $kendo-transition-duration $kendo-transition-easing, background-color $kendo-transition-duration $kendo-transition-easing, border-color $kendo-transition-duration $kendo-transition-easing, box-shadow $kendo-transition-duration $kendo-transition-easing</code></td>
+    <td><code>color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), background-color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), border-color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), box-shadow var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">Transition used across all components.</div></div>
+    </td>
+</tr>
 </tbody>
 </table>
 

diff --git a/packages/bootstrap/docs/customization-floating-label.md b/packages/bootstrap/docs/customization-floating-label.md
@@ -130,8 +130,8 @@ The following table lists the available variables for customization.
 <tr>
     <td>$kendo-floating-label-transition</td>
     <td>List</td>
-    <td><code>.2s ease-out</code></td>
-    <td><code>0.2s ease-out</code></td>
+    <td><code>var(--kendo-motion-short-4, .2s) var(--kendo-motion-ease-out, ease-out)</code></td>
+    <td><code>var(--kendo-motion-short-4, 0.2s) var(--kendo-motion-ease-out, ease-out)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The transition of the Floating Label.</div></div>

diff --git a/packages/bootstrap/docs/customization-scrollview.md b/packages/bootstrap/docs/customization-scrollview.md
@@ -289,9 +289,9 @@ The following table lists the available variables for customization.
 </tr>
 <tr>
     <td>$kendo-scrollview-transition-duration</td>
-    <td>Number</td>
-    <td><code>.3s</code></td>
-    <td><code>0.3s</code></td>
+    <td>String</td>
+    <td><code>var(--kendo-motion-medium-2, .3s)</code></td>
+    <td><code>var(--kendo-motion-medium-2, 0.3s)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The duration of the ScrollView transition.</div></div>
@@ -300,8 +300,8 @@ The following table lists the available variables for customization.
 <tr>
     <td>$kendo-scrollview-transition-timing-function</td>
     <td>String</td>
-    <td><code>ease-in-out</code></td>
-    <td><code>ease-in-out</code></td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The timing function of the ScrollView transition.</div></div>

diff --git a/packages/bootstrap/docs/customization.md b/packages/bootstrap/docs/customization.md
@@ -171,6 +171,36 @@ 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 font size of the large Chip.</div></div>
     </td>
 </tr>
+<tr>
+    <td>$kendo-transition-duration</td>
+    <td>String</td>
+    <td><code>var(--kendo-global-duration, var(--kendo-motion-short-4, .2s))</code></td>
+    <td><code>var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s))</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">Transition duration used across all components.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-transition-easing</td>
+    <td>String</td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">Transition timing function used across all components.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-transition</td>
+    <td>List</td>
+    <td><code>color $kendo-transition-duration $kendo-transition-easing, background-color $kendo-transition-duration $kendo-transition-easing, border-color $kendo-transition-duration $kendo-transition-easing, box-shadow $kendo-transition-duration $kendo-transition-easing</code></td>
+    <td><code>color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), background-color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), border-color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), box-shadow var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">Transition used across all components.</div></div>
+    </td>
+</tr>
 </tbody>
 </table>
 
@@ -2198,7 +2228,7 @@ The following table lists the available variables for customizing the Bootstrap
     <td>$kendo-button-transition</td>
     <td>List</td>
     <td><code>$kendo-transition</code></td>
-    <td><code>color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out</code></td>
+    <td><code>color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), background-color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), border-color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), box-shadow var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
 </tr>
 <tr>
     <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>
@@ -6553,8 +6583,8 @@ The following table lists the available variables for customizing the Bootstrap
 <tr>
     <td>$kendo-floating-label-transition</td>
     <td>List</td>
-    <td><code>.2s ease-out</code></td>
-    <td><code>0.2s ease-out</code></td>
+    <td><code>var(--kendo-motion-short-4, .2s) var(--kendo-motion-ease-out, ease-out)</code></td>
+    <td><code>var(--kendo-motion-short-4, 0.2s) var(--kendo-motion-ease-out, ease-out)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The transition of the Floating Label.</div></div>
@@ -12474,9 +12504,9 @@ The following table lists the available variables for customizing the Bootstrap
 </tr>
 <tr>
     <td>$kendo-scrollview-transition-duration</td>
-    <td>Number</td>
-    <td><code>.3s</code></td>
-    <td><code>0.3s</code></td>
+    <td>String</td>
+    <td><code>var(--kendo-motion-medium-2, .3s)</code></td>
+    <td><code>var(--kendo-motion-medium-2, 0.3s)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The duration of the ScrollView transition.</div></div>
@@ -12485,8 +12515,8 @@ The following table lists the available variables for customizing the Bootstrap
 <tr>
     <td>$kendo-scrollview-transition-timing-function</td>
     <td>String</td>
-    <td><code>ease-in-out</code></td>
-    <td><code>ease-in-out</code></td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The timing function of the ScrollView transition.</div></div>

diff --git a/packages/classic/docs/customization-button.md b/packages/classic/docs/customization-button.md
@@ -632,8 +632,8 @@ The following table lists the available variables for customization.
 <tr>
     <td>$kendo-button-transition</td>
     <td>List</td>
-    <td><code>color .2s ease-in-out</code></td>
-    <td><code>color 0.2s ease-in-out</code></td>
+    <td><code>k-motion(short-4, ease-in-out, color)</code></td>
+    <td><code>null, color var(--kendo-global-duration, 0.2s) cubic-bezier(0.42, 0, 0.58, 1)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The color transition of the flat Button.</div></div>

diff --git a/packages/classic/docs/customization-common.md b/packages/classic/docs/customization-common.md
@@ -157,6 +157,36 @@ 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 gradient background of selected items.</div></div>
     </td>
 </tr>
+<tr>
+    <td>$kendo-transition-duration</td>
+    <td>String</td>
+    <td><code>var(--kendo-global-duration, var(--kendo-motion-short-4, .2s))</code></td>
+    <td><code>var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s))</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">Transition duration used across all components.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-transition-easing</td>
+    <td>String</td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">Transition timing function used across all components.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-transition</td>
+    <td>List</td>
+    <td><code>color $kendo-transition-duration $kendo-transition-easing, background-color $kendo-transition-duration $kendo-transition-easing, border-color $kendo-transition-duration $kendo-transition-easing, box-shadow $kendo-transition-duration $kendo-transition-easing</code></td>
+    <td><code>color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), background-color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), border-color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), box-shadow var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">Transition used across all components.</div></div>
+    </td>
+</tr>
 </tbody>
 </table>
 

diff --git a/packages/classic/docs/customization-floating-label.md b/packages/classic/docs/customization-floating-label.md
@@ -130,8 +130,8 @@ The following table lists the available variables for customization.
 <tr>
     <td>$kendo-floating-label-transition</td>
     <td>List</td>
-    <td><code>.2s ease-out</code></td>
-    <td><code>0.2s ease-out</code></td>
+    <td><code>var(--kendo-motion-short-4, .2s) var(--kendo-motion-ease-out, ease-out)</code></td>
+    <td><code>var(--kendo-motion-short-4, 0.2s) var(--kendo-motion-ease-out, ease-out)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The transition of the Floating Label.</div></div>

diff --git a/packages/classic/docs/customization-scrollview.md b/packages/classic/docs/customization-scrollview.md
@@ -289,9 +289,9 @@ The following table lists the available variables for customization.
 </tr>
 <tr>
     <td>$kendo-scrollview-transition-duration</td>
-    <td>Number</td>
-    <td><code>.3s</code></td>
-    <td><code>0.3s</code></td>
+    <td>String</td>
+    <td><code>var(--kendo-motion-medium-2, .3s)</code></td>
+    <td><code>var(--kendo-motion-medium-2, 0.3s)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The duration of the ScrollView transition.</div></div>
@@ -300,8 +300,8 @@ The following table lists the available variables for customization.
 <tr>
     <td>$kendo-scrollview-transition-timing-function</td>
     <td>String</td>
-    <td><code>ease-in-out</code></td>
-    <td><code>ease-in-out</code></td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The timing function of the ScrollView transition.</div></div>

diff --git a/packages/classic/docs/customization.md b/packages/classic/docs/customization.md
@@ -161,6 +161,36 @@ The following table lists the available variables for customizing the Classic th
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The gradient background of selected items.</div></div>
     </td>
 </tr>
+<tr>
+    <td>$kendo-transition-duration</td>
+    <td>String</td>
+    <td><code>var(--kendo-global-duration, var(--kendo-motion-short-4, .2s))</code></td>
+    <td><code>var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s))</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">Transition duration used across all components.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-transition-easing</td>
+    <td>String</td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">Transition timing function used across all components.</div></div>
+    </td>
+</tr>
+<tr>
+    <td>$kendo-transition</td>
+    <td>List</td>
+    <td><code>color $kendo-transition-duration $kendo-transition-easing, background-color $kendo-transition-duration $kendo-transition-easing, border-color $kendo-transition-duration $kendo-transition-easing, box-shadow $kendo-transition-duration $kendo-transition-easing</code></td>
+    <td><code>color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), background-color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), border-color var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out), box-shadow var(--kendo-global-duration, var(--kendo-motion-short-4, 0.2s)) var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+</tr>
+<tr>
+    <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">Transition used across all components.</div></div>
+    </td>
+</tr>
 </tbody>
 </table>
 
@@ -2187,8 +2217,8 @@ The following table lists the available variables for customizing the Classic th
 <tr>
     <td>$kendo-button-transition</td>
     <td>List</td>
-    <td><code>color .2s ease-in-out</code></td>
-    <td><code>color 0.2s ease-in-out</code></td>
+    <td><code>k-motion(short-4, ease-in-out, color)</code></td>
+    <td><code>null, color var(--kendo-global-duration, 0.2s) cubic-bezier(0.42, 0, 0.58, 1)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The color transition of the flat Button.</div></div>
@@ -6523,8 +6553,8 @@ The following table lists the available variables for customizing the Classic th
 <tr>
     <td>$kendo-floating-label-transition</td>
     <td>List</td>
-    <td><code>.2s ease-out</code></td>
-    <td><code>0.2s ease-out</code></td>
+    <td><code>var(--kendo-motion-short-4, .2s) var(--kendo-motion-ease-out, ease-out)</code></td>
+    <td><code>var(--kendo-motion-short-4, 0.2s) var(--kendo-motion-ease-out, ease-out)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The transition of the Floating Label.</div></div>
@@ -12454,9 +12484,9 @@ The following table lists the available variables for customizing the Classic th
 </tr>
 <tr>
     <td>$kendo-scrollview-transition-duration</td>
-    <td>Number</td>
-    <td><code>.3s</code></td>
-    <td><code>0.3s</code></td>
+    <td>String</td>
+    <td><code>var(--kendo-motion-medium-2, .3s)</code></td>
+    <td><code>var(--kendo-motion-medium-2, 0.3s)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The duration of the ScrollView transition.</div></div>
@@ -12465,8 +12495,8 @@ The following table lists the available variables for customizing the Classic th
 <tr>
     <td>$kendo-scrollview-transition-timing-function</td>
     <td>String</td>
-    <td><code>ease-in-out</code></td>
-    <td><code>ease-in-out</code></td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
+    <td><code>var(--kendo-motion-ease-in-out, ease-in-out)</code></td>
 </tr>
 <tr>
     <td colspan="4" class="theme-variables-description-container"><div><b>Description</b><div class="theme-variables-description">The timing function of the ScrollView transition.</div></div>