npm - @progress/kendo-themes-html - Versions diffs - 5.6.1-dev.7 → 5.7.0 - Mend

@progress/kendo-themes-html 5.6.1-dev.7 → 5.7.0

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 (250) hide show

package/src/loader/tests/loader-container-colors.tsx CHANGED Viewed

@@ -29,7 +29,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-primary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-primary">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -45,7 +45,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-secondary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-secondary">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -61,7 +61,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-tertiary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-tertiary">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -77,7 +77,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-info">Loading...</div>
+                        <div className="k-loader-container-label !k-text-info">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -93,7 +93,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-success">Loading...</div>
+                        <div className="k-loader-container-label !k-text-success">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -109,7 +109,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-warning">Loading...</div>
+                        <div className="k-loader-container-label !k-text-warning">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -125,7 +125,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-error">Loading...</div>
+                        <div className="k-loader-container-label !k-text-error">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -141,7 +141,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-dark">Loading...</div>
+                        <div className="k-loader-container-label !k-text-dark">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -157,7 +157,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-light">Loading...</div>
+                        <div className="k-loader-container-label !k-text-light">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -173,7 +173,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-inverse">Loading...</div>
+                        <div className="k-loader-container-label !k-text-inverse">Loading...</div>
                     </div>
                 </div>
             </span>

package/src/loader/tests/loader-container-overlay.tsx CHANGED Viewed

@@ -34,7 +34,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-primary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-primary">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -49,7 +49,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-primary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-primary">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -65,7 +65,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-primary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-primary">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -80,7 +80,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-primary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-primary">Loading...</div>
                     </div>
                 </div>
             </span>

package/src/loader/tests/loader-container.tsx CHANGED Viewed

@@ -35,7 +35,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-primary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-primary">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -50,7 +50,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-primary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-primary">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -65,7 +65,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-primary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-primary">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -81,7 +81,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-primary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-primary">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -96,7 +96,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-primary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-primary">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -111,7 +111,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-primary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-primary">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -127,7 +127,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-primary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-primary">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -142,7 +142,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-primary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-primary">Loading...</div>
                     </div>
                 </div>
             </span>
@@ -157,7 +157,7 @@ root.render(
                                 <span className="k-loader-segment"></span>
                             </div>
                         </div>
-                        <div className="k-loader-container-label k-text-primary">Loading...</div>
+                        <div className="k-loader-container-label !k-text-primary">Loading...</div>
                     </div>
                 </div>
             </span>

package/src/panelbar/tests/panelbar-angular.tsx CHANGED Viewed

@@ -52,8 +52,8 @@ root.render(
                             <Icon className="k-panelbar-expand" name="arrow-chevron-down" />
                         </span>
                     </div>
-                    <div className="k-item">
-                        <span className="k-link k-header k-disabled">
+                    <div className="k-item k-disabled">
+                        <span className="k-link k-header">
                             Root disabled
                             <Icon className="k-panelbar-expand" name="arrow-chevron-down" />
                         </span>
@@ -118,8 +118,8 @@ root.render(
                                         </div>
                                     </div>
                                 </div>
-                                <div className="k-item">
-                                    <span className="k-link k-disabled">
+                                <div className="k-item k-disabled">
+                                    <span className="k-link">
                                         Child disabled
                                         <Icon className="k-panelbar-expand" name="arrow-chevron-down" />
                                     </span>

package/src/pivotgrid/tests/pivotgrid-column-menus.tsx CHANGED Viewed

@@ -260,7 +260,7 @@ root.render(
                                         <div className="k-animation-container">
                                             <div className="k-child-animation-container">
                                                 <div className="kendo-grid-filter-menu-container">
-                                                    <form className="k-filter-menu k-group k-reset k-state-border-up">
+                                                    <form className="k-filter-menu k-group k-reset">
                                                         <div className="k-filter-menu-container">
                                                             <DropdownList value="Contains" />
                                                             <Textbox />

package/src/pivotgrid/tests/pivotgrid-header-cell-states.tsx ADDED Viewed

@@ -0,0 +1,293 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { Icon } from '../../icon';
+const root = ReactDOM.createRoot(
+    document.getElementById('app') as HTMLElement
+);
+root.render(
+    <>
+        <div id="test-area" className="k-d-grid k-grid-cols-1">
+            <section>
+                <div className="k-d-flex k-flex-row k-pos-relative">
+                    <div className="k-pivotgrid">
+                        <span className="k-pivotgrid-empty-cell k-focus"></span>
+                        {/* Pivot Multi Column Headers */}
+                        <div className="k-pivotgrid-column-headers">
+                            <table className="k-pivotgrid-table">
+                                <tbody className="k-pivotgrid-tbody">
+                                    {/* Four Rows for Date.Calendar Column grouping field */}
+                                    <tr className="k-pivotgrid-row k-pivotgrid-column-total">
+                                        <th colSpan={10} className="k-pivotgrid-cell k-pivotgrid-expanded k-pivotgrid-header-root">
+                                            <Icon name="arrow-chevron-up" />
+                                            <span className="k-pivotgrid-header-title">All Periods</span>
+                                        </th>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <th colSpan={5} className="k-pivotgrid-cell">
+                                            Beverages
+                                        </th>
+                                        <th colSpan={5} className="k-pivotgrid-cell">
+                                            Seafood
+                                        </th>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <th colSpan={10} className="k-pivotgrid-cell k-pivotgrid-expanded">
+                                            <Icon name="arrow-chevron-up" />
+                                            <span className="k-pivotgrid-header-title">CY 2010</span>
+                                        </th>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                        {/* Pivot Multi Row Headers */}
+                        <div className="k-pivotgrid-row-headers">
+                            <table className="k-pivotgrid-table">
+                                <tbody className="k-pivotgrid-tbody">
+                                    <tr className="k-pivotgrid-row">
+                                        <th colSpan={1} rowSpan={9} className="k-pivotgrid-cell k-pivotgrid-row-total k-pivotgrid-expanded k-pivotgrid-header-root">
+                                            <Icon name="arrow-chevron-up" />
+                                            <span className="k-pivotgrid-header-title">All Geographies</span>
+                                        </th>
+                                        <th colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-header-title">Austell</span>
+                                        </th>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row k-hover">
+                                        <th colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-header-title">Biloxi</span>
+                                        </th>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <th colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-header-title">Braintree</span>
+                                        </th>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <th colSpan={1} className="k-pivotgrid-cell k-selected">
+                                            <span className="k-pivotgrid-header-title">Casper</span>
+                                        </th>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <th colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-header-title">Clearwater</span>
+                                        </th>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <th colSpan={1} className="k-pivotgrid-cell k-focus">
+                                            <span className="k-pivotgrid-header-title">Destin</span>
+                                        </th>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <th colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-header-title">Euclid</span>
+                                        </th>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <th colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-header-title">Everett</span>
+                                        </th>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <th colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-header-title">Fort Wayne</span>
+                                        </th>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <th colSpan={2} className="k-pivotgrid-cell k-pivotgrid-header-total">
+                                            <span className="k-pivotgrid-header-title">All Geographies</span>
+                                        </th>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                        {/* Details */}
+                        <div className="k-pivotgrid-values">
+                            <table className="k-pivotgrid-table">
+                                <tbody className="k-pivotgrid-tbody">
+                                    <tr className="k-pivotgrid-row">
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$514.14</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$2.02</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$2451.14</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$2919.53</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell k-pivotgrid-total">
+                                            <span className="k-pivotgrid-content">$10567.67</span>
+                                        </td>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$344.69</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$2.52</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$105.70</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content"></span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell k-pivotgrid-total">
+                                            <span className="k-pivotgrid-content">$1911.60</span>
+                                        </td>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$96.89</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content"></span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$0.72</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content"></span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell k-pivotgrid-total">
+                                            <span className="k-pivotgrid-content">$816.16</span>
+                                        </td>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$1070.34</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$3.03</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$6621.86</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$5156.51</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell k-pivotgrid-total">
+                                            <span className="k-pivotgrid-content">$17520.10</span>
+                                        </td>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$514.14</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$2.02</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$4.00</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$2919.53</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell k-pivotgrid-total">
+                                            <span className="k-pivotgrid-content">$10567.67</span>
+                                        </td>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$344.69</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$2.52</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$105.70</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content"></span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell k-pivotgrid-total">
+                                            <span className="k-pivotgrid-content">$1911.60</span>
+                                        </td>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$96.89</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content"></span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content"></span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content"></span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell k-pivotgrid-total">
+                                            <span className="k-pivotgrid-content">$816.16</span>
+                                        </td>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$1070.34</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$3.03</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$6621.86</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$5156.51</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell k-pivotgrid-total">
+                                            <span className="k-pivotgrid-content">$17520.10</span>
+                                        </td>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$96.89</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content">$96.89</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content"></span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell">
+                                            <span className="k-pivotgrid-content"></span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell k-pivotgrid-total">
+                                            <span className="k-pivotgrid-content">$816.16</span>
+                                        </td>
+                                    </tr>
+                                    <tr className="k-pivotgrid-row">
+                                        <td colSpan={1} className="k-pivotgrid-cell k-pivotgrid-total">
+                                            <span className="k-pivotgrid-content">$9336.89</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell k-pivotgrid-total">
+                                            <span className="k-pivotgrid-content">$9546.89</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell k-pivotgrid-total">
+                                            <span className="k-pivotgrid-content">$4719.27</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell k-pivotgrid-total">
+                                            <span className="k-pivotgrid-content">$4719.27</span>
+                                        </td>
+                                        <td colSpan={1} className="k-pivotgrid-cell k-pivotgrid-total">
+                                            <span className="k-pivotgrid-content">$88816.16</span>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </div>
+    </>
+);

package/src/pivotgrid/tests/pivotgrid.tsx CHANGED Viewed

@@ -246,7 +246,7 @@ root.render(
                                             <span className="k-pivotgrid-content">$10567.67</span>
                                         </td>
                                     </tr>
-                                    <tr className="k-pivotgrid-row k-state-hover">
+                                    <tr className="k-pivotgrid-row k-hover">
                                         <td colSpan={1} className="k-pivotgrid-cell">
                                             <span className="k-pivotgrid-content">$344.69</span>
                                         </td>
@@ -279,7 +279,7 @@ root.render(
                                         </td>
                                     </tr>
                                     <tr className="k-pivotgrid-row">
-                                        <td colSpan={1} className="k-pivotgrid-cell k-state-focus">
+                                        <td colSpan={1} className="k-pivotgrid-cell k-focus">
                                             <span className="k-pivotgrid-content">$96.89</span>
                                         </td>
                                         <td colSpan={1} className="k-pivotgrid-cell">
@@ -310,7 +310,7 @@ root.render(
                                             <span className="k-pivotgrid-content">$816.16</span>
                                         </td>
                                     </tr>
-                                    <tr className="k-pivotgrid-row k-state-selected">
+                                    <tr className="k-pivotgrid-row k-selected">
                                         <td colSpan={1} className="k-pivotgrid-cell">
                                             <span className="k-pivotgrid-content">$1070.34</span>
                                         </td>
@@ -375,7 +375,7 @@ root.render(
                                         </td>
                                     </tr>
                                     <tr className="k-pivotgrid-row">
-                                        <td colSpan={1} className="k-pivotgrid-cell k-state-selected">
+                                        <td colSpan={1} className="k-pivotgrid-cell k-selected">
                                             <span className="k-pivotgrid-content">$344.69</span>
                                         </td>
                                         <td colSpan={1} className="k-pivotgrid-cell">

package/src/rating/tests/rating.tsx CHANGED Viewed

@@ -363,7 +363,7 @@ root.render(
             <span>Readonly</span>
             <section>
-                <span className="k-rating k-widget k-state-readonly">
+                <span className="k-rating k-widget k-readonly">
                     <span className="k-rating-container">
                         <span className="k-rating-item k-selected">
                             <Icon name="star"></Icon>
@@ -384,7 +384,7 @@ root.render(
                 </span>
             </section>
             <section>
-                <span className="k-rating k-widget k-state-readonly">
+                <span className="k-rating k-widget k-readonly">
                     <span className="k-rating-container">
                         <span className="k-rating-item">
                             <Icon name="star-outline"></Icon>

package/src/scheduler/tests/scheduler-tooltip.tsx CHANGED Viewed

@@ -35,7 +35,7 @@ root.render(
                         <div className="k-tooltip-content">
                             <div className="k-tooltip-title k-text-center">
                                 <div className="k-month">Jan</div>
-                                <div className="k-link k-day k-text-primary">02</div>
+                                <div className="k-link k-day !k-text-primary">02</div>
                             </div>
                             <div className="k-tooltip-events-container">
                                 <div className="k-tooltip-events">
@@ -68,7 +68,7 @@ root.render(
                         <div className="k-tooltip-content">
                             <div className="k-tooltip-title k-text-center">
                                 <div className="k-month">Jan</div>
-                                <div className="k-link k-day k-text-primary">29</div>
+                                <div className="k-link k-day !k-text-primary">29</div>
                             </div>
                             <div className="k-no-data k-text-center">No events on this date.</div>
                         </div>

package/src/scrollview/tests/scrollview-angular.tsx CHANGED Viewed

@@ -45,8 +45,8 @@ root.render(
                         <ul className="k-scrollview-nav">
                             <li className="k-link"></li>
                             <li className="k-link k-primary"></li>
-                            <li className="k-link k-primary k-state-focused"></li>
-                            <li className="k-link k-state-focused"></li>
+                            <li className="k-link k-primary k-focus"></li>
+                            <li className="k-link k-focus"></li>
                             <li className="k-link"></li>
                         </ul>
                     </div>

package/src/scrollview/tests/scrollview-blazor.tsx CHANGED Viewed

@@ -47,8 +47,8 @@ root.render(
                         <ul className="k-scrollview-nav">
                             <li className="k-link"></li>
                             <li className="k-link k-primary"></li>
-                            <li className="k-link k-primary k-state-focused"></li>
-                            <li className="k-link k-state-focused"></li>
+                            <li className="k-link k-primary k-focus"></li>
+                            <li className="k-link k-focus"></li>
                             <li className="k-link"></li>
                         </ul>
                     </div>