npm - @progress/kendo-themes-html - Versions diffs - 6.1.1-dev.8 → 6.2.1-dev.0 - Mend

@progress/kendo-themes-html 6.1.1-dev.8 → 6.2.1-dev.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 (375) hide show

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

@@ -85,7 +85,7 @@ root.render(
                                     <tbody className="k-table-tbody">
                                         <tr className="k-table-row k-treelist-group">
                                             <td className="k-table-td">7</td>
-                                            <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon name="collapse" />Software validation, research and implementation</td>
+                                            <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon name="caret-alt-down" />Software validation, research and implementation</td>
                                         </tr>
                                         <tr className="k-table-row k-table-alt-row k-alt">
                                             <td className="k-table-td">18</td>
@@ -93,7 +93,7 @@ root.render(
                                         </tr>
                                         <tr className="k-table-row k-treelist-group">
                                             <td className="k-table-td">11</td>
-                                            <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon name="none" /><Icon name="collapse" />Research</td>
+                                            <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon name="none" /><Icon name="caret-alt-down" />Research</td>
                                         </tr>
                                         <tr className="k-table-row k-table-alt-row k-alt">
                                             <td className="k-table-td">19</td>
@@ -109,7 +109,7 @@ root.render(
                                         </tr>
                                         <tr className="k-table-row k-treelist-group">
                                             <td className="k-table-td">12</td>
-                                            <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon name="none" /><Icon name="collapse" />Design</td>
+                                            <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon name="none" /><Icon name="caret-alt-down" />Design</td>
                                         </tr>
                                         <tr className="k-table-row k-table-alt-row k-alt">
                                             <td className="k-table-td">22</td>
@@ -121,7 +121,7 @@ root.render(
                                         </tr>
                                         <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
                                             <td className="k-table-td">13</td>
-                                            <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon name="none" /><Icon name="collapse" />Implementation</td>
+                                            <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon name="none" /><Icon name="caret-alt-down" />Implementation</td>
                                         </tr>
                                         <tr className="k-table-row">
                                             <td className="k-table-td">24</td>
@@ -145,7 +145,7 @@ root.render(
                                         </tr>
                                         <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
                                             <td className="k-table-td">14</td>
-                                            <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon name="none" /><Icon name="collapse" />Testing</td>
+                                            <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon name="none" /><Icon name="caret-alt-down" />Testing</td>
                                         </tr>
                                         <tr className="k-table-row">
                                             <td className="k-table-td">32</td>
@@ -157,7 +157,7 @@ root.render(
                                         </tr>
                                         <tr className="k-table-row k-treelist-group">
                                             <td className="k-table-td">30</td>
-                                            <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon name="none" /><Icon name="collapse" />Documentation</td>
+                                            <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon name="none" /><Icon name="caret-alt-down" />Documentation</td>
                                         </tr>
                                         <tr className="k-table-row k-table-alt-row k-alt">
                                             <td className="k-table-td">34</td>
@@ -169,7 +169,7 @@ root.render(
                                         </tr>
                                         <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
                                             <td className="k-table-td">31</td>
-                                            <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon name="none" /><Icon name="expand" />Demos</td>
+                                            <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon name="none" /><Icon name="caret-alt-right" />Demos</td>
                                         </tr>
                                         <tr className="k-table-row">
                                             <td className="k-table-td">17</td>
@@ -694,7 +694,7 @@ root.render(
                                     <div className="k-gantt-line k-gantt-line-h" style={{ left: "2321px", top: "485px", width: "291px" }}><span className="k-arrow-e"></span></div>
                                     <div className="k-gantt-line k-gantt-line-h" style={{ left: "2613px", top: "521px", width: "510px" }}></div>
                                     <div className="k-gantt-line k-gantt-line-v" style={{ left: "3121px", top: "485px", height: "38px" }}></div>
-                                    <div className="k-gantt-line k-gantt-line-h" style={{ left: "3114px", top: "485px", width: "7px" }}><span className="k-arrow-w"></span></div>
+                                    <div className="k-gantt-line k-gantt-line-h" style={{ left: "3114px", top: "485px", width: "7px" }}><span className="k-caret-alt-left"></span></div>
                                     <div className="k-gantt-line k-gantt-line-h" style={{ left: "3113px", top: "485px", width: "10px" }}></div>
                                     <div className="k-gantt-line k-gantt-line-v" style={{ left: "3121px", top: "485px", height: "18px" }}></div>
                                     <div className="k-gantt-line k-gantt-line-h" style={{ left: "2903px", top: "503px", width: "220px" }}></div>
@@ -712,7 +712,7 @@ root.render(
                                     <div className="k-gantt-line k-gantt-line-h" style={{ left: "2503px", top: "737px", width: "9px" }}><span className="k-arrow-e"></span></div>
                                     <div className="k-gantt-line k-gantt-line-h" style={{ left: "3413px", top: "593px", width: "10px" }}></div>
                                     <div className="k-gantt-line k-gantt-line-v" style={{ left: "3421px", top: "593px", height: "38px" }}></div>
-                                    <div className="k-gantt-line k-gantt-line-h" style={{ left: "3414px", top: "629px", width: "7px" }}><span className="k-arrow-w"></span></div>
+                                    <div className="k-gantt-line k-gantt-line-h" style={{ left: "3414px", top: "629px", width: "7px" }}><span className="k-caret-alt-left"></span></div>
                                     <div className="k-gantt-line k-gantt-line-h" style={{ left: "3413px", top: "629px", width: "10px" }}></div>
                                     <div className="k-gantt-line k-gantt-line-v" style={{ left: "3421px", top: "629px", height: "180px" }}></div>
                                     <div className="k-gantt-line k-gantt-line-h" style={{ left: "3421px", top: "809px", width: "679.5px" }}><span className="k-arrow-e"></span></div>
@@ -721,7 +721,7 @@ root.render(
                                     <div className="k-gantt-line k-gantt-line-h" style={{ left: "3421px", top: "809px", width: "679.5px" }}><span className="k-arrow-e"></span></div>
                                     <div className="k-gantt-line k-gantt-line-h" style={{ left: "3113px", top: "341px", width: "10px" }}></div>
                                     <div className="k-gantt-line k-gantt-line-v" style={{ left: "3121px", top: "341px", height: "146px" }}></div>
-                                    <div className="k-gantt-line k-gantt-line-h" style={{ left: "3114px", top: "485px", width: "7px" }}><span className="k-arrow-w"></span></div>
+                                    <div className="k-gantt-line k-gantt-line-h" style={{ left: "3114px", top: "485px", width: "7px" }}><span className="k-caret-alt-left"></span></div>
                                     <div className="k-gantt-line k-gantt-line-h" style={{ left: "124.5px", top: "53px", width: "10px" }}></div>
                                     <div className="k-gantt-line k-gantt-line-v" style={{ left: "132.5px", top: "53px", height: "18px" }}></div>
                                     <div className="k-gantt-line k-gantt-line-h" style={{ left: "103px", top: "71px", width: "31.5px" }}></div>

package/src/grid/tests/grid-grouping-blazor.tsx CHANGED Viewed

@@ -183,7 +183,7 @@ root.render(
                                         <tr role="row" className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td" colSpan={5}>
                                                 <p className="k-reset">
-                                                    <Icon name="collapse" />
+                                                    <Icon name="caret-alt-down" />
                                                     Id: 1
                                                 </p>
                                             </td>
@@ -210,7 +210,7 @@ root.render(
                                         <tr role="row" className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td" colSpan={5}>
                                                 <p className="k-reset">
-                                                    <Icon name="collapse" />
+                                                    <Icon name="caret-alt-down" />
                                                     Id: 2
                                                 </p>
                                             </td>
@@ -314,7 +314,7 @@ root.render(
                                         <tr role="row" className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td" colSpan={6}>
                                                 <p className="k-reset">
-                                                    <Icon name="collapse" />
+                                                    <Icon name="caret-alt-down" />
                                                     Id: 1
                                                 </p>
                                             </td>
@@ -323,7 +323,7 @@ root.render(
                                             <td className="k-table-td k-table-group-td k-group-cell"></td>
                                             <td className="k-table-td" colSpan={5}>
                                                 <p className="k-reset">
-                                                    <Icon name="collapse" />
+                                                    <Icon name="caret-alt-down" />
                                                     Name: Product1
                                                 </p>
                                             </td>
@@ -351,7 +351,7 @@ root.render(
                                         <tr role="row" className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td" colSpan={6}>
                                                 <p className="k-reset">
-                                                    <Icon name="collapse" />
+                                                    <Icon name="caret-alt-down" />
                                                     Id: 2
                                                 </p>
                                             </td>
@@ -360,7 +360,7 @@ root.render(
                                             <td className="k-table-td k-table-group-td k-group-cell"></td>
                                             <td className="k-table-td" colSpan={5}>
                                                 <p className="k-reset">
-                                                    <Icon name="collapse" />
+                                                    <Icon name="caret-alt-down" />
                                                     Name: Product2
                                                 </p>
                                             </td>

package/src/grid/tests/grid-grouping-detail-template.tsx CHANGED Viewed

@@ -162,7 +162,7 @@ root.render(
                                     <tbody className="k-table-tbody">
                                         <tr role="row" className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td" colSpan={6}>
-                                                <p className="k-reset"><Icon name="collapse" /> ID: 1 </p>
+                                                <p className="k-reset"><Icon name="caret-alt-down" /> ID: 1 </p>
                                             </td>
                                         </tr>
                                         <tr className="k-table-row k-master-row" role="row">
@@ -175,7 +175,7 @@ root.render(
                                         </tr>
                                         <tr role="row" className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td" colSpan={6}>
-                                                <p className="k-reset"><Icon name="collapse" /> ID: 2 </p>
+                                                <p className="k-reset"><Icon name="caret-alt-down" /> ID: 2 </p>
                                             </td>
                                         </tr>
                                         <tr className="k-table-row k-table-alt-row k-alt k-master-row" role="row">
@@ -266,13 +266,13 @@ root.render(
                                     <tbody className="k-table-tbody">
                                         <tr role="row" className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td" colSpan={7}>
-                                                <p className="k-reset"><Icon name="collapse" /> ID: 1 </p>
+                                                <p className="k-reset"><Icon name="caret-alt-down" /> ID: 1 </p>
                                             </td>
                                         </tr>
                                         <tr role="row" className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td k-table-group-td k-group-cell"></td>
                                             <td className="k-table-td" colSpan={6}>
-                                                <p className="k-reset"><Icon name="collapse" /> Name: Product1 </p>
+                                                <p className="k-reset"><Icon name="caret-alt-down" /> Name: Product1 </p>
                                             </td>
                                         </tr>
                                         <tr className="k-table-row k-master-row" role="row">
@@ -286,13 +286,13 @@ root.render(
                                         </tr>
                                         <tr role="row" className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td" colSpan={7}>
-                                                <p className="k-reset"><Icon name="collapse" /> ID: 2 </p>
+                                                <p className="k-reset"><Icon name="caret-alt-down" /> ID: 2 </p>
                                             </td>
                                         </tr>
                                         <tr role="row" className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td k-table-group-td k-group-cell"></td>
                                             <td className="k-table-td" colSpan={6}>
-                                                <p className="k-reset"><Icon name="collapse" /> Name: Product2 </p>
+                                                <p className="k-reset"><Icon name="caret-alt-down" /> Name: Product2 </p>
                                             </td>
                                         </tr>
                                         <tr className="k-table-row k-table-alt-row k-alt k-master-row" role="row">
@@ -384,13 +384,13 @@ root.render(
                                     <tbody className="k-table-tbody">
                                         <tr role="row" className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td" colSpan={7}>
-                                                <p className="k-reset"><Icon name="collapse" /> ID: 1 </p>
+                                                <p className="k-reset"><Icon name="caret-alt-down" /> ID: 1 </p>
                                             </td>
                                         </tr>
                                         <tr role="row" className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td k-table-group-td k-group-cell"></td>
                                             <td className="k-table-td" colSpan={6}>
-                                                <p className="k-reset"><Icon name="collapse" /> Name: Product1 </p>
+                                                <p className="k-reset"><Icon name="caret-alt-down" /> Name: Product1 </p>
                                             </td>
                                         </tr>
                                         <tr className="k-table-row k-master-row k-expanded" role="row">
@@ -410,13 +410,13 @@ root.render(
                                         </tr>
                                         <tr role="row" className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td" colSpan={7}>
-                                                <p className="k-reset"><Icon name="collapse" /> ID: 2 </p>
+                                                <p className="k-reset"><Icon name="caret-alt-down" /> ID: 2 </p>
                                             </td>
                                         </tr>
                                         <tr role="row" className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td k-table-group-td k-group-cell"></td>
                                             <td className="k-table-td" colSpan={6}>
-                                                <p className="k-reset"><Icon name="collapse" /> Name: Product2 </p>
+                                                <p className="k-reset"><Icon name="caret-alt-down" /> Name: Product2 </p>
                                             </td>
                                         </tr>
                                         <tr className="k-table-row k-table-alt-row k-alt k-master-row k-expanded" role="row">

package/src/grid/tests/grid-grouping.tsx CHANGED Viewed

@@ -253,7 +253,7 @@ root.render(
                                         <tr className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td" colSpan={5}>
                                                 <p className="k-reset">
-                                                    <Icon name="expand" />
+                                                    <Icon name="caret-alt-right" />
                                                     Price: 19
                                                 </p>
                                             </td>
@@ -261,7 +261,7 @@ root.render(
                                         <tr className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td" colSpan={5}>
                                                 <p className="k-reset">
-                                                    <Icon name="collapse" />
+                                                    <Icon name="caret-alt-down" />
                                                     Price: 30
                                                 </p>
                                             </td>
@@ -349,7 +349,7 @@ root.render(
                             <tr className="k-table-row k-table-group-row k-grouping-row">
                                 <td className="k-table-td" colSpan={5}>
                                     <p className="k-reset">
-                                        <Icon name="expand" />
+                                        <Icon name="caret-alt-right" />
                                         Price: 19
                                     </p>
                                 </td>
@@ -357,7 +357,7 @@ root.render(
                             <tr className="k-table-row k-table-group-row k-grouping-row">
                                 <td className="k-table-td" colSpan={5}>
                                     <p className="k-reset">
-                                        <Icon name="collapse" />
+                                        <Icon name="caret-alt-down" />
                                         Price: 30
                                     </p>
                                 </td>

package/src/grid/tests/grid-hierarchy.tsx CHANGED Viewed

@@ -42,13 +42,13 @@ root.render(
                             <tbody className="k-table-tbody">
                                 <tr className="k-table-row k-master-row">
                                     <td className="k-table-td k-hierarchy-cell">
-                                        <Icon name="expand" />
+                                        <Icon name="caret-alt-right" />
                                     </td>
                                     <td className="k-table-td">1</td>
                                 </tr>
                                 <tr className="k-table-row k-table-alt-row k-alt k-master-row k-expanded">
                                     <td className="k-table-td k-hierarchy-cell">
-                                        <Icon name="collapse" />
+                                        <Icon name="caret-alt-down" />
                                     </td>
                                     <td className="k-table-td">2</td>
                                 </tr>

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

@@ -110,7 +110,7 @@ root.render(
                                         <tr className="k-table-row k-table-group-row k-grouping-row" style={{ height: "37px" }}>
                                             <td className="k-table-td" colSpan={3}>
                                                 <p className="k-reset">
-                                                    <Icon name="collapse" />
+                                                    <Icon name="caret-alt-down" />
                                                     Discontinued: false
                                                 </p>
@@ -160,7 +160,7 @@ root.render(
                                         <tr className="k-table-row k-table-group-row k-grouping-row" style={{ height: "37px" }}>
                                             <td className="k-table-td" colSpan={3}>
                                                 <p className="k-reset">
-                                                    <Icon name="collapse" />
+                                                    <Icon name="caret-alt-down" />
                                                     Discontinued: true
                                                 </p>
                                             </td>

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

@@ -405,7 +405,7 @@ root.render(
                                             <tr className="k-table-row k-table-group-row k-grouping-row" style={{ height: "37px" }}>
                                                 <td className="k-table-td" colSpan={3}>
                                                     <p className="k-reset">
-                                                        <Icon name="collapse" />
+                                                        <Icon name="caret-alt-down" />
                                                     Discontinued: false
                                                     </p>
@@ -455,7 +455,7 @@ root.render(
                                             <tr className="k-table-row k-table-group-row k-grouping-row" style={{ height: "37px" }}>
                                                 <td className="k-table-td" colSpan={3}>
                                                     <p className="k-reset">
-                                                        <Icon name="collapse" />
+                                                        <Icon name="caret-alt-down" />
                                                     Discontinued: true
                                                     </p>
                                                 </td>

package/src/grid/tests/grid-rows-states.tsx CHANGED Viewed

@@ -96,7 +96,7 @@ root.render(
                                 <td className="k-table-td">N/A</td>
                                 <td className="k-table-td k-selected">Focus + Selected</td>
                             </tr>
-                            <tr className="k-alt k-focus">
+                            <tr className="k-table-row k-table-alt-row k-alt k-focus">
                                 <td className="k-table-td">
                                     <Checkbox />
                                     <label className="k-checkbox-label"></label>

package/src/grid/tests/grid-rtl.tsx CHANGED Viewed

@@ -144,7 +144,7 @@ root.render(
                             <tbody className="k-table-tbody">
                                 <tr className="k-table-row k-master-row k-expanded">
                                     <td className="k-table-td k-hierarchy-cell">
-                                        <Icon name="collapse" />
+                                        <Icon name="caret-alt-down" />
                                     </td>
                                     <td className="k-table-td">1</td>
                                     <td className="k-table-td">Text</td>
@@ -163,7 +163,7 @@ root.render(
                                 </tr>
                                 <tr className="k-table-row k-table-alt-row k-alt k-master-row">
                                     <td className="k-table-td k-hierarchy-cell">
-                                        <Icon name="expand" />
+                                        <Icon name="caret-alt-right" />
                                     </td>
                                     <td className="k-table-td">2</td>
                                     <td className="k-table-td">Text</td>

package/src/grid/tests/grid-size-sm-comp-sm.tsx CHANGED Viewed

@@ -225,7 +225,7 @@ root.render(
                             <tbody className="k-table-tbody">
                                 <tr className="k-table-row k-master-row k-expanded">
                                     <td className="k-table-td k-hierarchy-cell">
-                                        <Icon name="collapse" />
+                                        <Icon name="caret-alt-down" />
                                     </td>
                                     <td className="k-table-td">1</td>
                                     <td className="k-table-td">Text</td>
@@ -244,7 +244,7 @@ root.render(
                                 </tr>
                                 <tr className="k-table-row k-table-alt-row k-alt k-master-row">
                                     <td className="k-table-td k-hierarchy-cell">
-                                        <Icon name="expand" />
+                                        <Icon name="caret-alt-right" />
                                     </td>
                                     <td className="k-table-td">2</td>
                                     <td className="k-table-td">Text</td>
@@ -409,7 +409,7 @@ root.render(
                                 <tr className="k-table-row k-table-group-row k-grouping-row">
                                     <td className="k-table-td" colSpan={5}>
                                         <p className="k-reset">
-                                            <Icon name="expand" />
+                                            <Icon name="caret-alt-right" />
                                             Price: 19
                                         </p>
                                     </td>
@@ -417,7 +417,7 @@ root.render(
                                 <tr className="k-table-row k-table-group-row k-grouping-row">
                                     <td className="k-table-td" colSpan={5}>
                                         <p className="k-reset">
-                                            <Icon name="collapse" />
+                                            <Icon name="caret-alt-down" />
                                             Price: 30
                                         </p>
                                     </td>

package/src/grid/tests/grid-size-sm.tsx CHANGED Viewed

@@ -225,7 +225,7 @@ root.render(
                             <tbody className="k-table-tbody">
                                 <tr className="k-master-row k-table-row k-expanded">
                                     <td className="k-hierarchy-cell k-table-td">
-                                        <Icon name="collapse" />
+                                        <Icon name="caret-alt-down" />
                                     </td>
                                     <td className="k-table-td">1</td>
                                     <td className="k-table-td">Text</td>
@@ -244,7 +244,7 @@ root.render(
                                 </tr>
                                 <tr className="k-table-row k-table-alt-row k-alt k-master-row">
                                     <td className="k-hierarchy-cell k-table-td">
-                                        <Icon name="expand" />
+                                        <Icon name="caret-alt-right" />
                                     </td>
                                     <td className="k-table-td">2</td>
                                     <td className="k-table-td">Text</td>
@@ -409,7 +409,7 @@ root.render(
                                 <tr className="k-table-row k-table-group-row k-grouping-row">
                                     <td className="k-table-td" colSpan={5}>
                                         <p className="k-reset">
-                                            <Icon name="expand" />
+                                            <Icon name="caret-alt-right" />
                                             Price: 19
                                         </p>
                                     </td>
@@ -417,7 +417,7 @@ root.render(
                                 <tr className="k-table-row k-table-group-row k-grouping-row">
                                     <td className="k-table-td" colSpan={5}>
                                         <p className="k-reset">
-                                            <Icon name="collapse" />
+                                            <Icon name="caret-alt-down" />
                                             Price: 30
                                         </p>
                                     </td>

package/src/grid/tests/grid-sticky-columns-rtl.tsx CHANGED Viewed

@@ -100,7 +100,7 @@ root.render(
                                 <tbody className="k-table-tbody">
                                     <tr className="k-table-row k-table-group-row k-grouping-row" role="row">
                                         <td className="k-table-td" colSpan={8} style={{ left: '0px', right: '0px' }}>
-                                            <p className="k-reset"><Icon name="collapse" />Lehmanns Marktstand</p>
+                                            <p className="k-reset"><Icon name="caret-alt-down" />Lehmanns Marktstand</p>
                                         </td>
                                     </tr>
                                     <tr className="k-table-row k-master-row" role="row">
@@ -125,7 +125,7 @@ root.render(
                                     </tr>
                                     <tr className="k-table-row k-table-group-row k-grouping-row" role="row">
                                         <td className="k-table-td" colSpan={8} style={{ left: '0px', right: '0px' }}>
-                                            <p className="k-reset"><Icon name="collapse" />Split Rail Beer &amp; Ale</p>
+                                            <p className="k-reset"><Icon name="caret-alt-down" />Split Rail Beer &amp; Ale</p>
                                         </td>
                                     </tr>
                                     <tr className="k-table-row k-master-row" role="row">
@@ -150,7 +150,7 @@ root.render(
                                     </tr>
                                     <tr className="k-table-row k-table-group-row k-grouping-row" role="row">
                                         <td className="k-table-td" colSpan={8} style={{ left: '0px', right: '0px' }}>
-                                            <p className="k-reset"><Icon name="collapse" />Wartian Herkku</p>
+                                            <p className="k-reset"><Icon name="caret-alt-down" />Wartian Herkku</p>
                                         </td>
                                     </tr>
                                     <tr className="k-table-row k-master-row" role="row">

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

@@ -238,7 +238,7 @@ root.render(
                                         <tr className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td" colSpan={6}>
                                                 <p className="k-reset">
-                                                    <Icon name="collapse" />
+                                                    <Icon name="caret-alt-down" />
                                                     <span>Currently active projects: 2 &nbsp;</span>
                                                 </p>
                                             </td>
@@ -291,7 +291,7 @@ root.render(
                                         <tr className="k-table-row k-table-group-row k-grouping-row">
                                             <td className="k-table-td" colSpan={6}>
                                                 <p className="k-reset">
-                                                    <Icon name="collapse" />
+                                                    <Icon name="caret-alt-down" />
                                                     <span>Currently active projects: 5 &nbsp;</span>
                                                     <span className="warning">These people work on too many projects</span>
                                                 </p>

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

@@ -146,7 +146,7 @@ root.render(
                             <tbody className="k-table-tbody">
                                 <tr className="k-table-row k-master-row k-expanded">
                                     <td className="k-table-td k-hierarchy-cell">
-                                        <Icon name="collapse" />
+                                        <Icon name="caret-alt-down" />
                                     </td>
                                     <td className="k-table-td">1</td>
                                     <td className="k-table-td">Text</td>
@@ -165,7 +165,7 @@ root.render(
                                 </tr>
                                 <tr className="k-table-row k-table-alt-row k-alt k-master-row">
                                     <td className="k-table-td k-hierarchy-cell">
-                                        <Icon name="expand" />
+                                        <Icon name="caret-alt-right" />
                                     </td>
                                     <td className="k-table-td">2</td>
                                     <td className="k-table-td">Text</td>

package/src/listbox/tests/listbox-sizes.tsx CHANGED Viewed

@@ -30,10 +30,10 @@ root.render(
             <section>
                 <ListBox size="small">
                     <ListBoxActions>
-                        <Button icon="arrow-n"></Button>
-                        <Button icon="arrow-s"></Button>
-                        <Button icon="arrow-w"></Button>
-                        <Button icon="arrow-e"></Button>
+                        <Button icon="caret-alt-up"></Button>
+                        <Button icon="caret-alt-down"></Button>
+                        <Button icon="caret-alt-left"></Button>
+                        <Button icon="caret-alt-right"></Button>
                     </ListBoxActions>
                     <List>
                         <ListItem>Item</ListItem>
@@ -49,10 +49,10 @@ root.render(
             <section>
                 <ListBox>
                     <ListBoxActions>
-                        <Button icon="arrow-n"></Button>
-                        <Button icon="arrow-s"></Button>
-                        <Button icon="arrow-w"></Button>
-                        <Button icon="arrow-e"></Button>
+                        <Button icon="caret-alt-up"></Button>
+                        <Button icon="caret-alt-down"></Button>
+                        <Button icon="caret-alt-left"></Button>
+                        <Button icon="caret-alt-right"></Button>
                     </ListBoxActions>
                     <List>
                         <ListItem>Item</ListItem>
@@ -68,10 +68,10 @@ root.render(
             <section>
                 <ListBox size="large">
                     <ListBoxActions>
-                        <Button icon="arrow-n"></Button>
-                        <Button icon="arrow-s"></Button>
-                        <Button icon="arrow-w"></Button>
-                        <Button icon="arrow-e"></Button>
+                        <Button icon="caret-alt-up"></Button>
+                        <Button icon="caret-alt-down"></Button>
+                        <Button icon="caret-alt-left"></Button>
+                        <Button icon="caret-alt-right"></Button>
                     </ListBoxActions>
                     <List>
                         <ListItem>Item</ListItem>