@progress/kendo-themes-html 6.4.0-dev.5 → 6.4.0-dev.6

package/src/editor/tests/editor.tsx

@@ -6,6 +6,7 @@ import { Editor } from '..';
 import { EditorContent } from '../editor-content';
 import { EditorToolbar } from '../editor-toolbar';
 import { ToolbarItem } from '../../toolbar';
+import { Popup } from '../../popup';
 
 
 const styles = `
@@ -16,6 +17,13 @@ const styles = `
     .k-editor-content > .ProseMirror {
         white-space: normal;
     }
+    .k-animation-container {
+        width: 166px;
+        height: 254px;
+        overflow: visible;
+        display: inline-block;
+        position: relative;
+    }
 `;
 
 export default () =>(
@@ -241,49 +249,47 @@ export default () =>(
             <span>Table Wizard</span>
             <span></span>
             <section>
-                <div className="k-animation-container" style={{ width: "166px", height: "254px", overflow: "visible", display: "inline-block", position: "relative" }}>
-                    <div className="k-ct-popup k-popup k-group k-reset" style={{ display: "block", position: "absolute", width: '100%' }}>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled k-selected"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <span className="k-ct-cell k-disabled"></span>
-                        <div className="k-status">Create a 3 x 5 table</div>
-                        <div>
-                            <Button icon="table-wizard">Table Wizard</Button>
-                        </div>
+                <Popup className="k-ct-popup k-group k-reset" style={{ display: "block", position: "absolute", width: '100%' }}>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled k-selected"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <span className="k-ct-cell k-disabled"></span>
+                    <div className="k-status">Create a 3 x 5 table</div>
+                    <div>
+                        <Button icon="table-wizard">Table Wizard</Button>
                     </div>
-                </div>
+                </Popup>
             </section>
 
         </div>

package/src/filemanager/tests/filemanager-contextmenu.tsx

@@ -73,14 +73,12 @@ export default () =>(
                 </div>
             </div>
 
-            <div className="k-animation-container k-context-menu-popup" id="filemanager-context-menu">
-                <Popup className="k-menu-popup">
-                    <MenuList>
-                        <MenuItem text="Rename" icon="pencil"></MenuItem>
-                        <MenuItem text="Delete" icon="trash"></MenuItem>
-                    </MenuList>
-                </Popup>
-            </div>
+            <Popup id="filemanager-context-menu" className="k-menu-popup k-context-menu-popup">
+                <MenuList>
+                    <MenuItem text="Rename" icon="pencil"></MenuItem>
+                    <MenuItem text="Delete" icon="trash"></MenuItem>
+                </MenuList>
+            </Popup>
 
         </div>
     </>

package/src/gantt/tests/gantt-react.tsx

@@ -25,7 +25,7 @@ export default () =>(
                                 <Button selected>Week</Button>
                                 <Button>Month</Button>
                             </ButtonGroup>
-                            <select className="k-picker k-dropdown-list k-dropdown k-views-dropdown k-rounded-md">
+                            <select className="k-picker k-picker-solid k-dropdown-list k-dropdown k-views-dropdown k-rounded-md">
                                 <option value="day">Day</option>
                                 <option value="week">Week</option>
                                 <option value="month">Month</option>

package/src/gantt/tests/gantt-row-reordering.tsx

@@ -27,7 +27,7 @@ export default () => (
                     <Button className="k-gantt-create" icon="plus">Add Task</Button>
                     <span className="k-spacer"></span>
                     <div className="k-gantt-views-wrapper">
-                        <select className="k-picker k-dropdown-list k-dropdown k-views-dropdown">
+                        <select className="k-picker k-picker-solid k-dropdown-list k-dropdown k-views-dropdown k-rounded-md">
                             <option value="day">Day</option>
                             <option value="week">Week</option>
                             <option value="month">Month</option>

package/src/gantt/tests/gantt.tsx

@@ -28,7 +28,7 @@ export default () =>(
                     <Button className="k-gantt-create" icon="plus">Add Task</Button>
                     <span className="k-spacer"></span>
                     <div className="k-gantt-views-wrapper">
-                        <select className="k-picker k-dropdown-list k-dropdown k-views-dropdown">
+                        <select className="k-picker k-picker-solid k-dropdown-list k-dropdown k-views-dropdown k-rounded-md">
                             <option value="day">Day</option>
                             <option value="week">Week</option>
                             <option value="month">Month</option>

package/src/grid/tests/grid-angular.tsx

@@ -298,31 +298,29 @@ export default () =>(
                 </div>
             </section>
             <section className="col-1">
-                <div className="k-animation-container k-animation-container-shown">
-                    <Popup>
-                        <span className="k-column-chooser-title">Columns</span>
-                        <div className="k-column-list-wrapper">
-                            <div className="k-column-list">
-                                <label className="k-column-list-item">
-                                    <Checkbox />
-                                    <span className="k-checkbox-label">ID</span>
-                                </label>
-                                <label className="k-column-list-item">
-                                    <Checkbox />
-                                    <span className="k-checkbox-label">Name</span>
-                                </label>
-                                <label className="k-column-list-item">
-                                    <Checkbox />
-                                    <span className="k-checkbox-label">Category</span>
-                                </label>
-                            </div>
-                            <ActionButtons>
-                                <Button>Reset</Button>
-                                <Button themeColor="primary">Apply</Button>
-                            </ActionButtons>
+                <Popup>
+                    <span className="k-column-chooser-title">Columns</span>
+                    <div className="k-column-list-wrapper">
+                        <div className="k-column-list">
+                            <label className="k-column-list-item">
+                                <Checkbox />
+                                <span className="k-checkbox-label">ID</span>
+                            </label>
+                            <label className="k-column-list-item">
+                                <Checkbox />
+                                <span className="k-checkbox-label">Name</span>
+                            </label>
+                            <label className="k-column-list-item">
+                                <Checkbox />
+                                <span className="k-checkbox-label">Category</span>
+                            </label>
                         </div>
-                    </Popup>
-                </div>
+                        <ActionButtons>
+                            <Button>Reset</Button>
+                            <Button themeColor="primary">Apply</Button>
+                        </ActionButtons>
+                    </div>
+                </Popup>
             </section>
 
         </div>