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/slider/tests/slider-tick-absolute-position.tsx CHANGED Viewed

@@ -66,7 +66,7 @@ root.render(
             <section>
                 <div className="k-widget k-slider k-slider-vertical">
-                    <Button icon="arrow-s" rounded="full" className="k-button-decrease"></Button>
+                    <Button icon="caret-alt-down" rounded="full" className="k-button-decrease"></Button>
                     <div className="k-slider-track-wrap">
                         <ul className="k-reset k-slider-items" style={{ position: 'relative' }}>
                             <li className="k-tick k-tick-large k-tick-vertical" style={{ zIndex: 1, position: 'absolute', bottom: '100%' }}>
@@ -93,7 +93,7 @@ root.render(
                             <a href="#" className="k-draghandle k-draghandle-end" style={{ bottom: '33%', zIndex: 1 }}></a>
                         </div>
                     </div>
-                    <Button icon="arrow-n" rounded="full" className="k-button-increase"></Button>
+                    <Button icon="caret-alt-up" rounded="full" className="k-button-increase"></Button>
                 </div>
             </section>

package/src/spinbutton/spinbutton.tsx CHANGED Viewed

@@ -25,14 +25,14 @@ export class SpinButton extends React.Component<SpinButtonProps> {
                 )}>
                 <Button
                     className="k-spinner-increase"
-                    icon="arrow-n"
+                    icon="caret-alt-up"
                     rounded={null}
                     size={size}
                     fillMode={fillMode}>
                 </Button>
                 <Button
                     className="k-spinner-decrease"
-                    icon="arrow-s"
+                    icon="caret-alt-down"
                     rounded={null}
                     size={size}
                     fillMode={fillMode}>

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

@@ -36,7 +36,7 @@ root.render(
                         </div>
                         <div className="k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal" style={{ order: "1" }}>
                             <div className="k-collapse-prev">
-                                <Icon name="arrow-w"></Icon>
+                                <Icon name="caret-alt-left"></Icon>
                             </div>
                             <div className="k-resize-handle"></div>
                             <Icon />
@@ -45,34 +45,34 @@ root.render(
                             <Icon />
                             <div className="k-resize-handle"></div>
                             <div className="k-collapse-next">
-                                <Icon name="arrow-e"></Icon>
+                                <Icon name="caret-alt-right"></Icon>
                             </div>
                         </div>
                         <div className="k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal" style={{ order: "5" }}>
                             <div className="k-collapse-prev">
-                                <Icon name="arrow-w"></Icon>
+                                <Icon name="caret-alt-left"></Icon>
                             </div>
                             <div className="k-resize-handle"></div>
                             <div className="k-collapse-next">
-                                <Icon name="arrow-e"></Icon>
+                                <Icon name="caret-alt-right"></Icon>
                             </div>
                         </div>
                         <div className="k-splitbar k-hover k-splitbar-horizontal k-splitbar-draggable-horizontal" style={{ order: "7" }}>
                             <div className="k-collapse-prev">
-                                <Icon name="arrow-w"></Icon>
+                                <Icon name="caret-alt-left"></Icon>
                             </div>
                             <div className="k-resize-handle"></div>
                             <div className="k-collapse-next">
-                                <Icon name="arrow-e"></Icon>
+                                <Icon name="caret-alt-right"></Icon>
                             </div>
                         </div>
                         <div className="k-splitbar k-focus k-splitbar-horizontal k-splitbar-draggable-horizontal" style={{ order: "9" }}>
                             <div className="k-collapse-prev">
-                                <Icon name="arrow-w"></Icon>
+                                <Icon name="caret-alt-left"></Icon>
                             </div>
                             <div className="k-resize-handle"></div>
                             <div className="k-collapse-next">
-                                <Icon name="arrow-e"></Icon>
+                                <Icon name="caret-alt-right"></Icon>
                             </div>
                         </div>
                     </div>

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

@@ -441,22 +441,22 @@ root.render(
                             <div className="k-filter-wrapper">
                                 <div className="k-filter-range" style={{ width: "816px", height: "206px", top: "90px", left: "32px" }}></div>
                                 <span className="k-spreadsheet-filter" style={{ left: "113px", top: "93px" }}>
-                                    <Icon name="arrow-s"></Icon>
+                                    <Icon name="caret-alt-down"></Icon>
                                 </span>
                                 <span className="k-spreadsheet-filter" style={{ left: "328px", top: "93px" }}>
-                                    <Icon name="arrow-s"></Icon>
+                                    <Icon name="caret-alt-down"></Icon>
                                 </span>
                                 <span className="k-spreadsheet-filter" style={{ left: "443px", top: "93px" }}>
-                                    <Icon name="arrow-s"></Icon>
+                                    <Icon name="caret-alt-down"></Icon>
                                 </span>
                                 <span className="k-spreadsheet-filter" style={{ left: "558px", top: "93px" }}>
-                                    <Icon name="arrow-s"></Icon>
+                                    <Icon name="caret-alt-down"></Icon>
                                 </span>
                                 <span className="k-spreadsheet-filter" style={{ left: "673px", top: "93px" }}>
-                                    <Icon name="arrow-s"></Icon>
+                                    <Icon name="caret-alt-down"></Icon>
                                 </span>
                                 <span className="k-spreadsheet-filter" style={{ left: "828px", top: "93px" }}>
-                                    <Icon name="arrow-s"></Icon>
+                                    <Icon name="caret-alt-down"></Icon>
                                 </span>
                             </div>
                             <div className="k-spreadsheet-row-header" style={{ width: "32px", top: "20px" }}>
@@ -569,7 +569,7 @@ root.render(
                     <Button icon="add" className="k-spreadsheet-sheets-bar-add"></Button>
                     <div className="k-spreadsheet-sheets-items k-tabstrip-scrollable k-tabstrip k-tabstrip-bottom">
                         <div className="k-tabstrip-items-wrapper k-hstack">
-                            <Button fillMode="flat" rounded={null} size={null} icon="arrow-60-left" className="k-tabstrip-prev"></Button>
+                            <Button fillMode="flat" rounded={null} size={null} icon="caret-alt-left" className="k-tabstrip-prev"></Button>
                             <ul className="k-reset k-tabstrip-items">
                                 <li className="k-item k-active k-tab-on-top k-spreadsheet-sheets-bar-active">
                                     <span className="k-link">Food Order</span>
@@ -580,7 +580,7 @@ root.render(
                                     <Button fillMode="flat" icon="close" className="k-spreadsheet-sheets-remove k-remove-tab"></Button>
                                 </li>
                             </ul>
-                            <Button fillMode="flat" rounded={null} size={null} icon="arrow-60-right" className="k-tabstrip-next"></Button>
+                            <Button fillMode="flat" rounded={null} size={null} icon="caret-alt-right" className="k-tabstrip-next"></Button>
                         </div>
                     </div>
                 </div>

package/src/tabstrip/tests/tabstrip-scrollable-rtl.tsx CHANGED Viewed

@@ -26,7 +26,7 @@ root.render(
             <section>
                 <div className="k-widget k-tabstrip k-header k-tabstrip-top k-tabstrip-scrollable" dir="rtl">
                     <div className="k-tabstrip-items-wrapper k-hstack">
-                        <Button fillMode="flat" rounded={null} size={null} icon="arrow-60-left" className="k-tabstrip-prev"></Button>
+                        <Button fillMode="flat" rounded={null} size={null} icon="caret-alt-left" className="k-tabstrip-prev"></Button>
                         <ul className="k-reset k-tabstrip-items">
                             <li className="k-item k-first k-active">
                                 <span className="k-link">First</span>
@@ -39,7 +39,7 @@ root.render(
                                 <span className="k-link">Focused</span>
                             </li>
                         </ul>
-                        <Button fillMode="flat" rounded={null} size={null} icon="arrow-60-right" className="k-tabstrip-next"></Button>
+                        <Button fillMode="flat" rounded={null} size={null} icon="caret-alt-right" className="k-tabstrip-next"></Button>
                     </div>
                     <div className="k-tabstrip-content k-active k-focus">
                         <div>Top scrollable</div>
@@ -53,7 +53,7 @@ root.render(
                         <div>Bottom scrollable</div>
                     </div>
                     <div className="k-tabstrip-items-wrapper k-hstack">
-                        <Button fillMode="flat" rounded={null} size={null} icon="arrow-60-left" className="k-tabstrip-prev"></Button>
+                        <Button fillMode="flat" rounded={null} size={null} icon="caret-alt-left" className="k-tabstrip-prev"></Button>
                         <ul className="k-reset k-tabstrip-items">
                             <li className="k-item k-first k-active">
                                 <span className="k-link">First</span>
@@ -66,7 +66,7 @@ root.render(
                                 <span className="k-link">Focused</span>
                             </li>
                         </ul>
-                        <Button fillMode="flat" rounded={null} size={null} icon="arrow-60-right" className="k-tabstrip-next"></Button>
+                        <Button fillMode="flat" rounded={null} size={null} icon="caret-alt-right" className="k-tabstrip-next"></Button>
                     </div>
                 </div>
             </section>

package/src/tabstrip/tests/tabstrip-scrollable.tsx CHANGED Viewed

@@ -26,7 +26,7 @@ root.render(
             <section>
                 <div className="k-widget k-tabstrip k-header k-tabstrip-top k-tabstrip-scrollable">
                     <div className="k-tabstrip-items-wrapper k-hstack">
-                        <Button fillMode="flat" rounded={null} size={null} icon="arrow-60-left" className="k-tabstrip-prev"></Button>
+                        <Button fillMode="flat" rounded={null} size={null} icon="caret-alt-left" className="k-tabstrip-prev"></Button>
                         <ul className="k-reset k-tabstrip-items">
                             <li className="k-item k-first k-active">
                                 <span className="k-link">First</span>
@@ -39,7 +39,7 @@ root.render(
                                 <span className="k-link">Focused</span>
                             </li>
                         </ul>
-                        <Button fillMode="flat" rounded={null} size={null} icon="arrow-60-right" className="k-tabstrip-next"></Button>
+                        <Button fillMode="flat" rounded={null} size={null} icon="caret-alt-right" className="k-tabstrip-next"></Button>
                     </div>
                     <div className="k-tabstrip-content k-active k-focus">
                         <div>Top scrollable</div>
@@ -53,7 +53,7 @@ root.render(
                         <div>Bottom scrollable</div>
                     </div>
                     <div className="k-tabstrip-items-wrapper k-hstack">
-                        <Button fillMode="flat" rounded={null} size={null} icon="arrow-60-left" className="k-tabstrip-prev"></Button>
+                        <Button fillMode="flat" rounded={null} size={null} icon="caret-alt-left" className="k-tabstrip-prev"></Button>
                         <ul className="k-reset k-tabstrip-items">
                             <li className="k-item k-first k-active">
                                 <span className="k-link">First</span>
@@ -66,7 +66,7 @@ root.render(
                                 <span className="k-link">Focused</span>
                             </li>
                         </ul>
-                        <Button fillMode="flat" rounded={null} size={null} icon="arrow-60-right" className="k-tabstrip-next"></Button>
+                        <Button fillMode="flat" rounded={null} size={null} icon="caret-alt-right" className="k-tabstrip-next"></Button>
                     </div>
                 </div>
             </section>

package/src/timeline/tests/timeline-horizontal.tsx CHANGED Viewed

@@ -24,8 +24,8 @@ root.render(
         <div id="test-area">
             <div className="k-timeline k-timeline-horizontal">
                 <div className="k-timeline-track-wrap">
-                    <Button icon="arrow-60-left" className="k-timeline-arrow k-timeline-arrow-left"></Button>
-                    <Button icon="arrow-60-right" className="k-timeline-arrow k-timeline-arrow-right"></Button>
+                    <Button icon="caret-alt-left" className="k-timeline-arrow k-timeline-arrow-left"></Button>
+                    <Button icon="caret-alt-right" className="k-timeline-arrow k-timeline-arrow-right"></Button>
                     <div className="k-timeline-track">
                         <ul className="k-timeline-scrollable-wrap">

package/src/treelist/tests/treelist-aggregate-react.tsx CHANGED Viewed

@@ -27,27 +27,27 @@ root.render(
                         </thead>
                         <tbody className="k-table-tbody">
                             <tr className="k-table-row k-master-row">
-                                <td className="k-table-td k-text-nowrap" colSpan={1}><Icon name="collapse"></Icon>Daryl Sweeney</td>
+                                <td className="k-table-td k-text-nowrap" colSpan={1}><Icon name="caret-alt-down"></Icon>Daryl Sweeney</td>
                                 <td colSpan={1} className="k-table-td">CEO</td>
                                 <td colSpan={1} className="k-table-td">March 7, 2012</td>
                             </tr>
                             <tr className="k-table-row k-master-row">
-                                <td className="k-table-td k-text-nowrap" colSpan={1}><Icon name="none"></Icon><Icon name="expand"></Icon>Guy Wooten</td>
+                                <td className="k-table-td k-text-nowrap" colSpan={1}><Icon name="none"></Icon><Icon name="caret-alt-right"></Icon>Guy Wooten</td>
                                 <td colSpan={1} className="k-table-td">Chief Technical Officer</td>
                                 <td colSpan={1} className="k-table-td">April 3, 2010</td>
                             </tr>
                             <tr className="k-table-row k-master-row">
-                                <td className="k-table-td k-text-nowrap" colSpan={1}><Icon name="none"></Icon><Icon name="expand"></Icon>Priscilla Frank</td>
+                                <td className="k-table-td k-text-nowrap" colSpan={1}><Icon name="none"></Icon><Icon name="caret-alt-right"></Icon>Priscilla Frank</td>
                                 <td colSpan={1} className="k-table-td">Chief Product Officer</td>
                                 <td colSpan={1} className="k-table-td">December 30, 2014</td>
                             </tr>
                             <tr className="k-table-row k-master-row">
-                                <td className="k-table-td k-text-nowrap" colSpan={1}><Icon name="none"></Icon><Icon name="collapse"></Icon>Anika Vega</td>
+                                <td className="k-table-td k-text-nowrap" colSpan={1}><Icon name="none"></Icon><Icon name="caret-alt-down"></Icon>Anika Vega</td>
                                 <td colSpan={1} className="k-table-td">Chief Process Officer</td>
                                 <td colSpan={1} className="k-table-td">March 25, 2010</td>
                             </tr>
                             <tr className="k-table-row k-master-row">
-                                <td className="k-table-td k-text-nowrap" colSpan={1}><Icon name="none"></Icon><Icon name="none"></Icon><Icon name="expand"></Icon>Vernon Ballard</td>
+                                <td className="k-table-td k-text-nowrap" colSpan={1}><Icon name="none"></Icon><Icon name="none"></Icon><Icon name="caret-alt-right"></Icon>Vernon Ballard</td>
                                 <td colSpan={1} className="k-table-td">Director Facilities</td>
                                 <td colSpan={1} className="k-table-td">July 26, 2015</td>
                             </tr>
@@ -57,12 +57,12 @@ root.render(
                                 <td colSpan={1} className="k-table-td">Last employee hired on August 30, 2015</td>
                             </tr>
                             <tr className="k-table-row k-master-row">
-                                <td className="k-table-td k-text-nowrap" colSpan={1}><Icon name="none"></Icon><Icon name="expand"></Icon>Nevada Hart</td>
+                                <td className="k-table-td k-text-nowrap" colSpan={1}><Icon name="none"></Icon><Icon name="caret-alt-right"></Icon>Nevada Hart</td>
                                 <td colSpan={1} className="k-table-td">Chief Financial Officer</td>
                                 <td colSpan={1} className="k-table-td">September 17, 2015</td>
                             </tr>
                             <tr className="k-table-row k-master-row">
-                                <td className="k-table-td k-text-nowrap" colSpan={1}><Icon name="none"></Icon><Icon name="expand"></Icon>Hunter Fry</td>
+                                <td className="k-table-td k-text-nowrap" colSpan={1}><Icon name="none"></Icon><Icon name="caret-alt-right"></Icon>Hunter Fry</td>
                                 <td colSpan={1} className="k-table-td">General Counsel</td>
                                 <td colSpan={1} className="k-table-td">March 12, 2011</td>
                             </tr>

package/src/treelist/tests/treelist-aggregates.tsx CHANGED Viewed

@@ -61,27 +61,27 @@ root.render(
                             </colgroup>
                             <tbody className="k-table-tbody">
                                 <tr className="k-table-row k-treelist-group">
-                                    <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon name="collapse"></Icon>Daryl Sweeney</td>
+                                    <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon name="caret-alt-down"></Icon>Daryl Sweeney</td>
                                     <td className="k-table-td">CEO</td>
                                     <td className="k-table-td">February 7, 2012</td>
                                 </tr>
                                 <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
-                                    <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon name="none"></Icon><Icon name="expand"></Icon>Guy Wooten</td>
+                                    <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon name="none"></Icon><Icon name="caret-alt-right"></Icon>Guy Wooten</td>
                                     <td className="k-table-td">Chief Technical Officer</td>
                                     <td className="k-table-td">March 3, 2010</td>
                                 </tr>
                                 <tr className="k-table-row k-treelist-group">
-                                    <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon name="none"></Icon><Icon name="expand"></Icon>Priscilla Frank</td>
+                                    <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon name="none"></Icon><Icon name="caret-alt-right"></Icon>Priscilla Frank</td>
                                     <td className="k-table-td">Chief Product Officer</td>
                                     <td className="k-table-td">November 30, 2014</td>
                                 </tr>
                                 <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
-                                    <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon name="none"></Icon><Icon name="collapse"></Icon>Anika Vega</td>
+                                    <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon name="none"></Icon><Icon name="caret-alt-down"></Icon>Anika Vega</td>
                                     <td className="k-table-td">Chief Process Officer</td>
                                     <td className="k-table-td">February 25, 2010</td>
                                 </tr>
                                 <tr className="k-table-row k-treelist-group">
-                                    <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon name="none"></Icon><Icon name="none"></Icon><Icon name="expand"></Icon>Vernon Ballard</td>
+                                    <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon name="none"></Icon><Icon name="none"></Icon><Icon name="caret-alt-right"></Icon>Vernon Ballard</td>
                                     <td className="k-table-td">Director Facilities</td>
                                     <td className="k-table-td">June 26, 2015</td>
                                 </tr>
@@ -91,12 +91,12 @@ root.render(
                                     <td className="k-table-td">Last employee hired on July 30, 2015</td>
                                 </tr>
                                 <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
-                                    <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon name="none"></Icon><Icon name="expand"></Icon>Nevada Hart</td>
+                                    <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon name="none"></Icon><Icon name="caret-alt-right"></Icon>Nevada Hart</td>
                                     <td className="k-table-td">Chief Financial Officer</td>
                                     <td className="k-table-td">August 17, 2015</td>
                                 </tr>
                                 <tr className="k-table-row k-treelist-group">
-                                    <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon name="none"></Icon><Icon name="expand"></Icon>Hunter Fry</td>
+                                    <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon name="none"></Icon><Icon name="caret-alt-right"></Icon>Hunter Fry</td>
                                     <td className="k-table-td">General Counsel</td>
                                     <td className="k-table-td">February 12, 2011</td>
                                 </tr>
@@ -168,7 +168,7 @@ root.render(
                                         <tbody className="k-table-tbody">
                                             <tr className="k-table-row">
                                                 <td colSpan={1} className="k-table-td">
-                                                    <Icon name="collapse"></Icon>
+                                                    <Icon name="caret-alt-down"></Icon>
                                                     Daryl Sweeney
                                                 </td>
                                                 <td colSpan={1} className="k-table-td">
@@ -179,7 +179,7 @@ root.render(
                                             <tr className="k-table-row k-table-alt-row k-alt">
                                                 <td colSpan={1} className="k-table-td">
                                                     <Icon name="none"></Icon>
-                                                    <Icon name="collapse"></Icon>
+                                                    <Icon name="caret-alt-down"></Icon>
                                                     Guy Wooten
                                                 </td>
                                                 <td colSpan={1} className="k-table-td">
@@ -190,7 +190,7 @@ root.render(
                                             <tr className="k-table-row">
                                                 <td colSpan={1} className="k-table-td">
                                                     <Icon name="none"></Icon><Icon name="none"></Icon>
-                                                    <Icon name="expand"></Icon>
+                                                    <Icon name="caret-alt-right"></Icon>
                                                     Buffy Weber
                                                 </td>
                                                 <td colSpan={1} className="k-table-td">
@@ -211,7 +211,7 @@ root.render(
                                             <tr className="k-table-row k-table-alt-row k-alt">
                                                 <td colSpan={1} className="k-table-td">
                                                     <Icon name="none"></Icon>
-                                                    <Icon name="expand"></Icon>
+                                                    <Icon name="caret-alt-right"></Icon>
                                                     Priscilla Frank
                                                 </td>
                                                 <td colSpan={1} className="k-table-td">

package/src/treelist/tests/treelist-react.tsx CHANGED Viewed

@@ -85,7 +85,7 @@ root.render(
                         <tbody className="k-table-tbody">
                             <tr className="k-table-row k-master-row">
                                 <td className="k-table-td">
-                                    <Icon name="collapse"></Icon>
+                                    <Icon name="caret-alt-down"></Icon>
                                     1
                                 </td>
                                 <td className="k-table-td">Furniture</td>
@@ -128,7 +128,7 @@ root.render(
                             </tr>
                             <tr className="k-table-row k-master-row">
                                 <td className="k-table-td">
-                                    <Icon name="collapse"></Icon>
+                                    <Icon name="caret-alt-down"></Icon>
                                     2
                                 </td>
                                 <td className="k-table-td">Decor</td>
@@ -150,7 +150,7 @@ root.render(
                             <tr className="k-table-row k-master-row">
                                 <td className="k-table-td">
                                     <Icon name="none"></Icon>
-                                    <Icon name="collapse"></Icon>
+                                    <Icon name="caret-alt-down"></Icon>
                                     2.2
                                 </td>
                                 <td className="k-table-td">Curtains &amp; Blinds</td>

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

@@ -50,7 +50,7 @@ root.render(
                             </colgroup>
                             <tbody className="k-table-tbody">
                                 <tr className="k-table-row">
-                                    <td className="k-table-td"><Icon name="expand"></Icon>Daryl</td>
+                                    <td className="k-table-td"><Icon name="caret-alt-right"></Icon>Daryl</td>
                                     <td className="k-table-td">Sweeney</td>
                                 </tr>
                             </tbody>
@@ -110,23 +110,23 @@ root.render(
                             </colgroup>
                             <tbody className="k-table-tbody">
                                 <tr className="k-table-row k-treelist-group">
-                                    <td className="k-table-td"><Icon name="collapse"></Icon>Daryl</td>
+                                    <td className="k-table-td"><Icon name="caret-alt-down"></Icon>Daryl</td>
                                     <td className="k-table-td">Sweeney</td>
                                     <td className="k-table-td">CEO</td>
                                 </tr>
                                 <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
-                                    <td className="k-table-td"><Icon name="none"></Icon><Icon name="collapse"></Icon>Guy
+                                    <td className="k-table-td"><Icon name="none"></Icon><Icon name="caret-alt-down"></Icon>Guy
                                     </td>
                                     <td className="k-table-td">Wooten</td>
                                     <td className="k-table-td">Chief Technical Officer</td>
                                 </tr>
                                 <tr className="k-table-row k-treelist-group">
-                                    <td className="k-table-td"><Icon name="none"></Icon><Icon name="none"></Icon><Icon name="collapse"></Icon>Buffy</td>
+                                    <td className="k-table-td"><Icon name="none"></Icon><Icon name="none"></Icon><Icon name="caret-alt-down"></Icon>Buffy</td>
                                     <td className="k-table-td">Weber</td>
                                     <td className="k-table-td">VP, Engineering</td>
                                 </tr>
                                 <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
-                                    <td className="k-table-td"><Icon name="none"></Icon><Icon name="none"></Icon><Icon name="none"></Icon><Icon name="collapse"></Icon>Hyacinth
+                                    <td className="k-table-td"><Icon name="none"></Icon><Icon name="none"></Icon><Icon name="none"></Icon><Icon name="caret-alt-down"></Icon>Hyacinth
                                     </td>
                                     <td className="k-table-td">Hood</td>
                                     <td className="k-table-td">Team Lead</td>

package/src/treeview/treeview-item.tsx CHANGED Viewed

@@ -59,7 +59,7 @@ export class TreeviewItem extends React.Component<TreeviewItemProps> {
                                     'k-disabled': disabled
                                 }
                             )}>
-                            <Icon name={expanded ? 'collapse' : 'expand'} />
+                            <Icon name={expanded ? 'caret-alt-down' : 'caret-alt-right'} />
                         </span>
                     )}
                     {showCheckbox && (