npm - @progress/kendo-themes-html - Versions diffs - 5.6.1-dev.1 → 5.6.1-dev.4 - Mend

@progress/kendo-themes-html 5.6.1-dev.1 → 5.6.1-dev.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (604) hide show

package/src/grid/tests/grid-column-menu-angular.tsx CHANGED Viewed

@@ -24,13 +24,13 @@ root.render(
                                 <thead>
                                     <tr role="row">
                                         <th className="k-header k-filterable" rowSpan={1} colSpan={1}>
-                                            <div><a className="k-grid-column-menu k-grid-filter" href="#"><Icon name="more-vertical" /></a></div><Checkbox />
+                                            <div><a className="k-grid-header-menu k-grid-filter-menu" href="#"><Icon name="more-vertical" /></a></div><Checkbox />
                                         </th>
                                         <th className="k-header k-filterable" rowSpan={1} colSpan={1}>
-                                            <div><a className="k-grid-column-menu k-grid-filter" href="#"><Icon name="more-vertical" /></a></div>Name
+                                            <div><a className="k-grid-header-menu k-grid-filter-menu" href="#"><Icon name="more-vertical" /></a></div>Name
                                         </th>
                                         <th className="k-header k-filterable" rowSpan={1} colSpan={1}>
-                                            <div><a className="k-grid-column-menu k-grid-filter" href="#"><Icon name="more-vertical" /></a></div>Command
+                                            <div><a className="k-grid-header-menu k-grid-filter-menu" href="#"><Icon name="more-vertical" /></a></div>Command
                                         </th>
                                     </tr>
                                 </thead>
@@ -81,12 +81,12 @@ root.render(
                                 <thead>
                                     <tr role="row">
                                         <th className="k-header k-filterable" rowSpan={1} colSpan={1}>
-                                            <div><a className="k-grid-column-menu k-grid-filter" href="#"><Icon name="more-vertical" /></a></div><Checkbox />
+                                            <div><a className="k-grid-header-menu k-grid-filter-menu" href="#"><Icon name="more-vertical" /></a></div><Checkbox />
                                         </th>
                                         <th className="k-header k-filterable" rowSpan={1} colSpan={1}><span className="k-cell-inner"><span className="k-link"><span className="k-column-title">Name</span><span></span></span><span className="k-sort-status" role="status" style={{ position: "absolute", left: "-10000px" }}></span>
-                                            <div><a className="k-grid-column-menu k-grid-filter" href="#"><Icon name="more-vertical" /></a></div></span></th>
+                                            <div><a className="k-grid-header-menu k-grid-filter-menu" href="#"><Icon name="more-vertical" /></a></div></span></th>
                                         <th className="k-header k-filterable" rowSpan={1} colSpan={1}>
-                                            <div><a className="k-grid-column-menu k-grid-filter" href="#"><Icon name="more-vertical" /></a></div>Command
+                                            <div><a className="k-grid-header-menu k-grid-filter-menu" href="#"><Icon name="more-vertical" /></a></div>Command
                                         </th>
                                     </tr>
                                 </thead>
@@ -137,12 +137,12 @@ root.render(
                                 <thead>
                                     <tr role="row">
                                         <th className="k-header k-filterable" rowSpan={1} colSpan={1}>
-                                            <div><a className="k-grid-column-menu k-grid-filter" href="#"><Icon name="more-vertical" /></a></div><Checkbox />
+                                            <div><a className="k-grid-header-menu k-grid-filter-menu" href="#"><Icon name="more-vertical" /></a></div><Checkbox />
                                         </th>
                                         <th className="k-header k-filterable" rowSpan={1} colSpan={1}><span className="k-cell-inner"><span className="k-link"><span className="k-column-title">Name</span><span></span></span><span className="k-sort-status" role="status" style={{ position: "absolute", left: "10000px" }}></span>
-                                            <div><a className="k-grid-column-menu k-grid-filter" href="#"><Icon name="more-vertical" /></a></div></span></th>
+                                            <div><a className="k-grid-header-menu k-grid-filter-menu" href="#"><Icon name="more-vertical" /></a></div></span></th>
                                         <th className="k-header k-filterable" rowSpan={1} colSpan={1}>
-                                            <div><a className="k-grid-column-menu k-grid-filter" href="#"><Icon name="more-vertical" /></a></div>Command
+                                            <div><a className="k-grid-header-menu k-grid-filter-menu" href="#"><Icon name="more-vertical" /></a></div>Command
                                         </th>
                                     </tr>
                                 </thead>

package/src/grid/tests/grid-column-menu-blazor.tsx CHANGED Viewed

@@ -24,19 +24,19 @@ root.render(
                                 <tr role="row">
                                     <th className="k-header" colSpan={1}>
                                         <Checkbox/>
-                                        <span className="k-grid-column-menu k-grid-filter">
+                                        <span className="k-grid-header-menu k-grid-filter-menu">
                                             <Icon name="more-vertical" />
                                         </span>
                                     </th>
                                     <th className="k-header" colSpan={1}>
                                         Name
-                                        <span className="k-grid-column-menu k-grid-filter">
+                                        <span className="k-grid-header-menu k-grid-filter-menu">
                                             <Icon name="more-vertical" />
                                         </span>
                                     </th>
                                     <th className="k-header" colSpan={1}>
                                         Command
-                                        <span className="k-grid-column-menu k-grid-filter">
+                                        <span className="k-grid-header-menu k-grid-filter-menu">
                                             <Icon name="more-vertical" />
                                         </span>
                                     </th>
@@ -112,7 +112,7 @@ root.render(
                                 <tr role="row">
                                     <th className="k-header" colSpan={1}>
                                         <Checkbox/>
-                                        <span className="k-grid-column-menu k-grid-filter">
+                                        <span className="k-grid-header-menu k-grid-filter-menu">
                                             <Icon name="more-vertical" />
                                         </span>
                                     </th>
@@ -126,13 +126,13 @@ root.render(
                                             </span>
                                             <span className="k-sort-status" style={{ position: "absolute", left: "-10000px" }}>Sorted in ascending order</span>
                                         </span>
-                                        <span className="k-grid-column-menu k-grid-filter">
+                                        <span className="k-grid-header-menu k-grid-filter-menu">
                                             <Icon name="more-vertical" />
                                         </span>
                                     </th>
                                     <th className="k-header" colSpan={1}>
                                         Command
-                                        <span className="k-grid-column-menu k-grid-filter">
+                                        <span className="k-grid-header-menu k-grid-filter-menu">
                                             <Icon name="more-vertical" />
                                         </span>
                                     </th>
@@ -209,7 +209,7 @@ root.render(
                                 <tr role="row">
                                     <th className="k-header" colSpan={1}>
                                         <Checkbox/>
-                                        <span className="k-grid-column-menu k-grid-filter">
+                                        <span className="k-grid-header-menu k-grid-filter-menu">
                                             <Icon name="more-vertical" />
                                         </span>
                                         <span className="k-column-resizer" style={{ right: '0px', cursor: "col-resize" }}></span>
@@ -222,14 +222,14 @@ root.render(
                                                 </span>
                                             </span>
                                         </span>
-                                        <span className="k-grid-column-menu k-grid-filter">
+                                        <span className="k-grid-header-menu k-grid-filter-menu">
                                             <Icon name="more-vertical" />
                                         </span>
                                         <span className="k-column-resizer" style={{ right: '0px', cursor: "col-resize" }}></span>
                                     </th>
                                     <th className="k-header" colSpan={1}>
                                         Command
-                                        <span className="k-grid-column-menu k-grid-filter">
+                                        <span className="k-grid-header-menu k-grid-filter-menu">
                                             <Icon name="more-vertical" />
                                         </span>
                                         <span className="k-column-resizer" style={{ right: '0px', cursor: "col-resize" }}></span>

package/src/grid/tests/grid-locked-columns.tsx CHANGED Viewed

@@ -32,8 +32,8 @@ root.render(
                             </colgroup>
                             <thead>
                                 <tr>
-                                    <th className="k-header k-with-icon"><a className="k-header-column-menu" href="#"><Icon name="more-vertical" /></a><a className="k-link" href="/aspnet-mvc/Grid/FrozenColumns_Read?Grid-sort=OrderID-asc">Order ID</a></th>
-                                    <th className="k-header k-with-icon"><a className="k-header-column-menu" href="#"><Icon name="more-vertical" /></a><a className="k-link" href="/aspnet-mvc/Grid/FrozenColumns_Read?Grid-sort=ShipName-asc">Ship Name</a></th>
+                                    <th className="k-header k-with-icon"><a className="k-grid-header-menu k-grid-column-menu" href="#"><Icon name="more-vertical" /></a><a className="k-link" href="/aspnet-mvc/Grid/FrozenColumns_Read?Grid-sort=OrderID-asc">Order ID</a></th>
+                                    <th className="k-header k-with-icon"><a className="k-grid-header-menu k-grid-column-menu" href="#"><Icon name="more-vertical" /></a><a className="k-link" href="/aspnet-mvc/Grid/FrozenColumns_Read?Grid-sort=ShipName-asc">Ship Name</a></th>
                                 </tr>
                             </thead>
                         </table>
@@ -47,9 +47,9 @@ root.render(
                             </colgroup>
                             <thead>
                                 <tr>
-                                    <th className="k-header k-with-icon"><a className="k-header-column-menu" href="#"><Icon name="more-vertical" /></a><a className="k-link" href="/aspnet-mvc/Grid/FrozenColumns_Read?Grid-sort=ShipCountry-asc">Ship Country</a></th>
-                                    <th className="k-header k-with-icon"><a className="k-header-column-menu" href="#"><Icon name="more-vertical" /></a><a className="k-link" href="/aspnet-mvc/Grid/FrozenColumns_Read?Grid-sort=ShipCity-asc">Ship City</a></th>
-                                    <th className="k-header k-with-icon"><a className="k-header-column-menu" href="#"><Icon name="more-vertical" /></a><a className="k-link" href="/aspnet-mvc/Grid/FrozenColumns_Read?Grid-sort=ShipAddress-asc">Ship Address</a></th>
+                                    <th className="k-header k-with-icon"><a className="k-grid-header-menu k-grid-column-menu" href="#"><Icon name="more-vertical" /></a><a className="k-link" href="/aspnet-mvc/Grid/FrozenColumns_Read?Grid-sort=ShipCountry-asc">Ship Country</a></th>
+                                    <th className="k-header k-with-icon"><a className="k-grid-header-menu k-grid-column-menu" href="#"><Icon name="more-vertical" /></a><a className="k-link" href="/aspnet-mvc/Grid/FrozenColumns_Read?Grid-sort=ShipCity-asc">Ship City</a></th>
+                                    <th className="k-header k-with-icon"><a className="k-grid-header-menu k-grid-column-menu" href="#"><Icon name="more-vertical" /></a><a className="k-link" href="/aspnet-mvc/Grid/FrozenColumns_Read?Grid-sort=ShipAddress-asc">Ship Address</a></th>
                                 </tr>
                             </thead>
                         </table>

package/src/grid/tests/grid-long-titles.tsx CHANGED Viewed

@@ -32,7 +32,7 @@ root.render(
                                     <thead>
                                         <tr>
                                             <th scope="col" className="k-header k-with-icon">
-                                                <a className="k-header-column-menu k-state-active" href="#">
+                                                <a className="k-grid-header-menu k-grid-column-menu k-state-active" href="#">
                                                     <Icon name="more-vertical" />
                                                 </a>
                                                 Active Column Menu &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Lorem ipsum dolor sit amet consectetur adipiscing elit
@@ -58,7 +58,7 @@ root.render(
                                     <thead>
                                         <tr>
                                             <th scope="col" className="k-header k-with-icon">
-                                                <a className="k-header-column-menu" href="#">
+                                                <a className="k-grid-header-menu k-grid-column-menu" href="#">
                                                     <Icon name="more-vertical" />
                                                 </a>
                                                 Lorem ipsum dolor sit amet consectetur adipiscing elit &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RTL Column Menu
@@ -144,7 +144,7 @@ root.render(
                                     <thead>
                                         <tr>
                                             <th scope="col" className="k-header k-with-icon">
-                                                <a className="k-header-column-menu" href="#">
+                                                <a className="k-grid-header-menu k-grid-column-menu" href="#">
                                                     <Icon name="more-vertical" />
                                                 </a>
                                                 <a className="k-link" href="#">
@@ -172,7 +172,7 @@ root.render(
                                     <thead>
                                         <tr>
                                             <th scope="col" className="k-header k-with-icon">
-                                                <a className="k-header-column-menu" href="#">
+                                                <a className="k-grid-header-menu k-grid-column-menu" href="#">
                                                     <Icon name="more-vertical" />
                                                 </a>
                                                 <a className="k-link" href="#">

package/src/grid/tests/grid-multicolumn-headers.tsx CHANGED Viewed

@@ -145,33 +145,33 @@ root.render(
                                 <thead>
                                     <tr>
                                         <th scope="col" rowSpan={3} className="k-header k-with-icon">
-                                            <a className="k-header-column-menu"><Icon name="more-vertical" /></a>
+                                            <a className="k-grid-header-menu k-grid-column-menu"><Icon name="more-vertical" /></a>
                                             <a className="k-link" href="#">Company</a>
                                         </th>
                                         <th scope="col" colSpan={5} className="k-header">Contact Info</th>
                                     </tr>
                                     <tr>
                                         <th scope="col" rowSpan={2} className="k-header k-with-icon k-first">
-                                            <a className="k-header-column-menu"><Icon name="more-vertical" /></a>
+                                            <a className="k-grid-header-menu k-grid-column-menu"><Icon name="more-vertical" /></a>
                                             <a className="k-link" href="#">First Name</a>
                                         </th>
                                         <th scope="col" rowSpan={2} className="k-header k-with-icon">
-                                            <a className="k-header-column-menu"><Icon name="more-vertical" /></a>
+                                            <a className="k-grid-header-menu k-grid-column-menu"><Icon name="more-vertical" /></a>
                                             <a className="k-link" href="#">Last Name</a>
                                         </th>
                                         <th scope="col" colSpan={2} className="k-header">Location</th>
                                         <th scope="col" rowSpan={2} className="k-header k-with-icon">
-                                            <a className="k-header-column-menu"><Icon name="more-vertical" /></a>
+                                            <a className="k-grid-header-menu k-grid-column-menu"><Icon name="more-vertical" /></a>
                                             <a className="k-link" href="#">Phone</a>
                                         </th>
                                     </tr>
                                     <tr>
                                         <th scope="col" className="k-header k-with-icon k-first">
-                                            <a className="k-header-column-menu"><Icon name="more-vertical" /></a>
+                                            <a className="k-grid-header-menu k-grid-column-menu"><Icon name="more-vertical" /></a>
                                             <a className="k-link" href="#">Country</a>
                                         </th>
                                         <th scope="col" className="k-header k-with-icon">
-                                            <a className="k-header-column-menu"><Icon name="more-vertical" /></a>
+                                            <a className="k-grid-header-menu k-grid-column-menu"><Icon name="more-vertical" /></a>
                                             <a className="k-link" href="#">City</a>
                                         </th>
                                     </tr>

package/src/icon/tests/icons.tsx CHANGED Viewed

@@ -46,7 +46,7 @@ const icons = [
     "grid-layout",
     "group",
     "ungroup",
-    "handler-drag",
+    "handle-drag",
     "layout",
     "layout-1-by-4",
     "layout-2-by-2",
@@ -244,7 +244,7 @@ const icons = [
     "snap-grid",
     "snap-to-gridlines",
     "snap-to-snaplines",
-    "dimentions",
+    "dimensions",
     "align-self-stretch",
     "align-self-stretch-alt",
     "align-items-start",
@@ -517,8 +517,8 @@ const icons = [
     "file-horizontal",
     "subreport",
     "data",
-    "report-header-section",
-    "report-footer-section",
+    "file-header",
+    "file-footer",
     "group-header-section",
     "group-footer-section",
     "page-header-section",
@@ -596,7 +596,7 @@ const icons = [
     "color-canvas",
     "handle-resize-alt",
     "handle-resize",
-    "blockquote",
+    "right-double-quotes",
     "list-latin-big",
     "list-latin-small",
     "list-unordered-square",

package/src/menu-button/menu-button.tsx CHANGED Viewed

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { classNames } from '../utils';
 import { Button } from '../button';
-import { Icon } from '../icon';
 export interface MenuButtonProps {
@@ -72,8 +71,9 @@ export class MenuButton extends React.Component<MenuButtonProps> {
                 selected={selected}
                 disabled={disabled}
                 icon={icon}
+                showArrow={showArrow}
+                arrowIconName={arrowIconName}
             >
-                {showArrow && <span className="k-menu-button-arrow k-button-arrow"><Icon name={arrowIconName} /></span>}
             </Button>
         );
     }