chore: update visual previews

telerik · Dec 20, 2024 · 1c0e295 · 1c0e295
1 parent 79859ba
commit 1c0e295
Show file tree

Hide file tree

Showing 71 changed files with 2,318 additions and 140 deletions.
diff --git a/tests/_output/bootstrap/editor/editor.png b/tests/_output/bootstrap/editor/editor.png
diff --git a/tests/_output/bootstrap/grid/grid-angular.png b/tests/_output/bootstrap/grid/grid-angular.png
diff --git a/tests/_output/bootstrap/toolbar/toolbar-fill-modes.png b/tests/_output/bootstrap/toolbar/toolbar-fill-modes.png
diff --git a/tests/_output/bootstrap/toolbar/toolbar-scrollable-buttons-hidden.png b/tests/_output/bootstrap/toolbar/toolbar-scrollable-buttons-hidden.png
diff --git a/tests/_output/bootstrap/toolbar/toolbar-scrollable-buttons.png b/tests/_output/bootstrap/toolbar/toolbar-scrollable-buttons.png
diff --git a/tests/_output/bootstrap/toolbar/toolbar-section-sizes.png b/tests/_output/bootstrap/toolbar/toolbar-section-sizes.png
diff --git a/tests/_output/bootstrap/toolbar/toolbar-section.png b/tests/_output/bootstrap/toolbar/toolbar-section.png
diff --git a/tests/_output/bootstrap/toolbar/toolbar-sizes.png b/tests/_output/bootstrap/toolbar/toolbar-sizes.png
diff --git a/tests/_output/bootstrap/toolbar/toolbar.png b/tests/_output/bootstrap/toolbar/toolbar.png
diff --git a/tests/_output/classic/editor/editor.png b/tests/_output/classic/editor/editor.png
diff --git a/tests/_output/classic/grid/grid-angular.png b/tests/_output/classic/grid/grid-angular.png
diff --git a/tests/_output/classic/toolbar/toolbar-fill-modes.png b/tests/_output/classic/toolbar/toolbar-fill-modes.png
diff --git a/tests/_output/classic/toolbar/toolbar-scrollable-buttons-hidden.png b/tests/_output/classic/toolbar/toolbar-scrollable-buttons-hidden.png
diff --git a/tests/_output/classic/toolbar/toolbar-scrollable-buttons.png b/tests/_output/classic/toolbar/toolbar-scrollable-buttons.png
diff --git a/tests/_output/classic/toolbar/toolbar-section-sizes.png b/tests/_output/classic/toolbar/toolbar-section-sizes.png
diff --git a/tests/_output/classic/toolbar/toolbar-section.png b/tests/_output/classic/toolbar/toolbar-section.png
diff --git a/tests/_output/classic/toolbar/toolbar-sizes.png b/tests/_output/classic/toolbar/toolbar-sizes.png
diff --git a/tests/_output/classic/toolbar/toolbar.png b/tests/_output/classic/toolbar/toolbar.png
diff --git a/tests/_output/default/editor/editor.png b/tests/_output/default/editor/editor.png
diff --git a/tests/_output/default/grid/grid-angular.png b/tests/_output/default/grid/grid-angular.png
diff --git a/tests/_output/default/toolbar/toolbar-fill-modes.png b/tests/_output/default/toolbar/toolbar-fill-modes.png
diff --git a/tests/_output/default/toolbar/toolbar-scrollable-buttons-hidden.png b/tests/_output/default/toolbar/toolbar-scrollable-buttons-hidden.png
diff --git a/tests/_output/default/toolbar/toolbar-scrollable-buttons.png b/tests/_output/default/toolbar/toolbar-scrollable-buttons.png
diff --git a/tests/_output/default/toolbar/toolbar-section-sizes.png b/tests/_output/default/toolbar/toolbar-section-sizes.png
diff --git a/tests/_output/default/toolbar/toolbar-section.png b/tests/_output/default/toolbar/toolbar-section.png
diff --git a/tests/_output/default/toolbar/toolbar-sizes.png b/tests/_output/default/toolbar/toolbar-sizes.png
diff --git a/tests/_output/default/toolbar/toolbar.png b/tests/_output/default/toolbar/toolbar.png
diff --git a/tests/_output/fluent/editor/editor.png b/tests/_output/fluent/editor/editor.png
diff --git a/tests/_output/fluent/grid/grid-angular.png b/tests/_output/fluent/grid/grid-angular.png
diff --git a/tests/_output/fluent/toolbar/toolbar-fill-modes.png b/tests/_output/fluent/toolbar/toolbar-fill-modes.png
diff --git a/tests/_output/fluent/toolbar/toolbar-scrollable-buttons-hidden.png b/tests/_output/fluent/toolbar/toolbar-scrollable-buttons-hidden.png
diff --git a/tests/_output/fluent/toolbar/toolbar-scrollable-buttons.png b/tests/_output/fluent/toolbar/toolbar-scrollable-buttons.png
diff --git a/tests/_output/fluent/toolbar/toolbar-section-sizes.png b/tests/_output/fluent/toolbar/toolbar-section-sizes.png
diff --git a/tests/_output/fluent/toolbar/toolbar-section.png b/tests/_output/fluent/toolbar/toolbar-section.png
diff --git a/tests/_output/fluent/toolbar/toolbar-sizes.png b/tests/_output/fluent/toolbar/toolbar-sizes.png
diff --git a/tests/_output/fluent/toolbar/toolbar.png b/tests/_output/fluent/toolbar/toolbar.png
diff --git a/tests/_output/material/editor/editor.png b/tests/_output/material/editor/editor.png
diff --git a/tests/_output/material/grid/grid-angular.png b/tests/_output/material/grid/grid-angular.png
diff --git a/tests/_output/material/toolbar/toolbar-fill-modes.png b/tests/_output/material/toolbar/toolbar-fill-modes.png
diff --git a/tests/_output/material/toolbar/toolbar-scrollable-buttons-hidden.png b/tests/_output/material/toolbar/toolbar-scrollable-buttons-hidden.png
diff --git a/tests/_output/material/toolbar/toolbar-scrollable-buttons.png b/tests/_output/material/toolbar/toolbar-scrollable-buttons.png
diff --git a/tests/_output/material/toolbar/toolbar-section-sizes.png b/tests/_output/material/toolbar/toolbar-section-sizes.png
diff --git a/tests/_output/material/toolbar/toolbar-section.png b/tests/_output/material/toolbar/toolbar-section.png
diff --git a/tests/_output/material/toolbar/toolbar-sizes.png b/tests/_output/material/toolbar/toolbar-sizes.png
diff --git a/tests/_output/material/toolbar/toolbar.png b/tests/_output/material/toolbar/toolbar.png
diff --git a/tests/dock-manager/dock-manager.html b/tests/dock-manager/dock-manager.html
@@ -26,7 +26,7 @@
                     <button class="k-toolbar-button  k-button k-button-sm k-button-flat k-button-flat-base k-rounded-md">
                         <span class="k-button-text">File 3</span>
                     </button>
-                    <div class="k-separator k-separator-horizontal"></div>
+                    <div class="k-toolbar-separator k-separator-horizontal k-separator"></div>
                     <button class="k-toolbar-button  k-button k-button-sm k-button-flat k-button-flat-base k-rounded-md">
                         <span class="k-button-text">File 4</span>
                     </button>

diff --git a/tests/editor/editor.html b/tests/editor/editor.html
@@ -134,6 +134,7 @@
                             </span>
                         </button>
                     </div>
+                    <div class="k-toolbar-separator k-toolbar-button-separator k-separator"></div>
                     <button class="k-toolbar-overflow-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-more-vertical">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -258,6 +259,7 @@
                             </span>
                         </button>
                     </div>
+                    <div class="k-toolbar-separator k-toolbar-button-separator k-separator"></div>
                     <button class="k-toolbar-overflow-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-more-vertical">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">

diff --git a/tests/grid/grid-angular.html b/tests/grid/grid-angular.html
@@ -332,7 +332,7 @@
         <span class="col-3">Angular -- standalone column chooser</span>
         <section class="col-2">
             <div class="k-grid k-grid-md">
-                <div class="k-toolbar k-toolbar-solid k-grid-toolbar">
+                <div class="k-grid-toolbar k-toolbar k-toolbar-md k-toolbar-solid">
                     <div class="k-spacer"></div>
                     <div class="k-grid-column-chooser">
                         <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -401,7 +401,7 @@
                                             <td class="k-table-td">19</td>
                                             <td class="k-table-td">24 - 12 oz bottles</td>
                                         </tr>
-                                        <tr class="k-master-row k-table-row k-table-alt-row">
+                                        <tr class="k-master-row k-table-row">
                                             <td class="k-table-td">Aniseed Syrup</td>
                                             <td class="k-table-td">20</td>
                                             <td class="k-table-td">24 - 12 oz bottles</td>

diff --git a/tests/imageeditor/imageeditor-crop-pane.html b/tests/imageeditor/imageeditor-crop-pane.html
@@ -29,7 +29,7 @@ <h4>Image Editor Crop Pane</h4>
                             </svg>
                         </span>
                     </button>
-                    <div class="k-separator"></div>
+                    <div class="k-toolbar-separator k-separator"></div>
                     <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-disabled k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-undo">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -44,7 +44,7 @@ <h4>Image Editor Crop Pane</h4>
                             </svg>
                         </span>
                     </button>
-                    <div class="k-separator"></div>
+                    <div class="k-toolbar-separator k-separator"></div>
                     <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-crop">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">

diff --git a/tests/imageeditor/imageeditor-resize-pane.html b/tests/imageeditor/imageeditor-resize-pane.html
@@ -29,7 +29,7 @@ <h4>Image Editor Resize Pane</h4>
                             </svg>
                         </span>
                     </button>
-                    <div class="k-separator"></div>
+                    <div class="k-toolbar-separator k-separator"></div>
                     <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-disabled k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-undo">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -44,7 +44,7 @@ <h4>Image Editor Resize Pane</h4>
                             </svg>
                         </span>
                     </button>
-                    <div class="k-separator"></div>
+                    <div class="k-toolbar-separator k-separator"></div>
                     <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-crop">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">

diff --git a/tests/imageeditor/imageeditor.html b/tests/imageeditor/imageeditor.html
@@ -29,7 +29,7 @@ <h4>Image Editor</h4>
                             </svg>
                         </span>
                     </button>
-                    <div class="k-separator"></div>
+                    <div class="k-toolbar-separator k-separator"></div>
                     <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-disabled k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-undo">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -44,7 +44,7 @@ <h4>Image Editor</h4>
                             </svg>
                         </span>
                     </button>
-                    <div class="k-separator"></div>
+                    <div class="k-toolbar-separator k-separator"></div>
                     <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-disabled k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-crop">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">

diff --git a/tests/pdf-viewer/pdf-viewer-annotations.html b/tests/pdf-viewer/pdf-viewer-annotations.html
@@ -27,7 +27,7 @@
                         </svg>
                     </span>
                 </button>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <div class="k-pager k-pager-md">
                     <div class="k-pager-numbers-wrap">
                         <button class="k-pager-nav k-pager-first k-button k-button-md k-button-flat k-button-flat-base k-disabled k-icon-button">
@@ -164,15 +164,15 @@
                         </span>
                     </button>
                 </div>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-free-text">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M448 125.27c18.64-6.59 32-24.37 32-45.27 0-26.51-21.49-48-48-48-20.9 0-38.68 13.36-45.27 32H128V32H32v96h32v258.73C45.36 393.32 32 411.1 32 432c0 26.51 21.49 48 48 48 20.9 0 38.68-13.36 45.27-32H384v32h96v-96h-32zM432 64c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16M64 64h32v32H64zm16 384c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16m368 0h-32v-32h32zm-64-64v32H125.27c-4.82-13.64-15.63-24.45-29.27-29.27V128h32V96h258.73c4.82 13.64 15.63 24.45 29.27 29.27V384zm-153.6 0V179.2h-76.16l-.64-51.2h204.8v51.2h-76.8V384z"></path>
                         </svg>
                     </span>
                 </button>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <button class="k-toolbar-menu-button  k-menu-button k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-shapes">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -187,7 +187,7 @@
                         </span>
                     </span>
                 </button>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <button class="k-toolbar-menu-button  k-menu-button k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-stamp">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -202,31 +202,31 @@
                         </span>
                     </span>
                 </button>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-sticky-note">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M160 32v.37l.37-.37zM32 160v.37l.37-.37zM160.37 32 32 160.37V480h448V32zM160 77.63V160H77.63zM448 448H64V192h128V64h256zm-32-288H224v-32h192zm0 224H96v-32h320zm0-65H96v-32h320zm0-62H96v-32h320z"></path>
                         </svg>
                     </span>
                 </button>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-ruler-outline">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M448.37 192H48c-8.84 0-16 7.16-16 16v96c0 8.84 7.16 16 16 16h400.37c8.84 0 16-7.16 16-16v-96c0-8.84-7.16-16-16-16m-16 96H64v-64h32.04v32h16.04v-32h32.06v32h16.03v-32h32.06v32h16.04v-32h32.06v32h16.03v-32h32.06v32h16.04v-32h32.06v32h16.03v-32h31.06v32h16.04v-32h32.72z"></path>
                         </svg>
                     </span>
                 </button>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-comment">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M448 32H64c-17.6 0-32 14.4-32 32v416l96-96h320c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32m0 319.942a1 1 0 0 1-.058.058H114.745L64 402.745V64.057a1 1 0 0 1 .057-.057h383.885q.031.027.058.057z"></path>
                         </svg>
                     </span>
                 </button>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-eraser-outline">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -260,7 +260,7 @@
                         </svg>
                     </span>
                 </button>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <div class="k-pager k-pager-md">
                     <div class="k-pager-numbers-wrap">
                         <button class="k-pager-nav k-pager-first k-button k-button-md k-button-flat k-button-flat-base k-disabled k-icon-button">
@@ -374,7 +374,7 @@
                         </svg>
                     </span>
                 </button>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-free-text">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">

diff --git a/tests/pdf-viewer/pdf-viewer-blank-page.html b/tests/pdf-viewer/pdf-viewer-blank-page.html
@@ -29,7 +29,7 @@
                         </svg>
                     </span>
                 </button>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <div class="k-pager k-pager-md k-disabled">
                     <div class="k-pager-numbers-wrap">
                         <button class="k-pager-nav k-pager-first k-button k-button-md k-button-flat k-button-flat-base k-icon-button">

diff --git a/tests/pdf-viewer/pdf-viewer-free-text-annotation.html b/tests/pdf-viewer/pdf-viewer-free-text-annotation.html
@@ -27,7 +27,7 @@
                         </svg>
                     </span>
                 </button>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <div class="k-pager k-pager-md">
                     <div class="k-pager-numbers-wrap">
                         <button class="k-pager-nav k-pager-first k-button k-button-md k-button-flat k-button-flat-base k-disabled k-icon-button">
@@ -148,7 +148,7 @@
                         </svg>
                     </span>
                 </button>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-selected k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-free-text">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">

diff --git a/tests/pdf-viewer/pdf-viewer-highlight-annotation.html b/tests/pdf-viewer/pdf-viewer-highlight-annotation.html
@@ -30,7 +30,7 @@
                         </svg>
                     </span>
                 </button>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <div class="k-pager k-pager-md">
                     <div class="k-pager-numbers-wrap">
                         <button class="k-pager-nav k-pager-first k-button k-button-md k-button-flat k-button-flat-base k-disabled k-icon-button">
@@ -151,7 +151,7 @@
                         </svg>
                     </span>
                 </button>
-                <div class="k-separator"></div>
+                <div class="k-toolbar-separator k-separator"></div>
                 <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-free-text">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">