test: update caret left and right icons with correct icon names

telerik · Mar 2, 2023 · 7be1e10 · 7be1e10
1 parent 79142ab
commit 7be1e10
Show file tree

Hide file tree

Showing 30 changed files with 147 additions and 147 deletions.
diff --git a/packages/html/src/calendar/tests/calendar-classic-jquery.tsx b/packages/html/src/calendar/tests/calendar-classic-jquery.tsx
@@ -17,9 +17,9 @@ root.render(
             <section>
                 <div className="k-widget k-calendar k-calendar-md">
                     <div className="k-header k-hstack">
-                        <Button fillMode="flat" className="k-calendar-nav-prev" icon="arrow-60-left"></Button>
+                        <Button fillMode="flat" className="k-calendar-nav-prev" icon="caret-alt-left"></Button>
                         <Button fillMode="flat" themeColor="primary" className="k-calendar-nav-today k-flex">March 2018</Button>
-                        <Button fillMode="flat" className="k-calendar-nav-next" icon="arrow-60-right"></Button>
+                        <Button fillMode="flat" className="k-calendar-nav-next" icon="caret-alt-right"></Button>
                     </div>
                     <div className="k-calendar-view k-calendar-monthview">
                         <table className="k-calendar-table k-month">
@@ -185,9 +185,9 @@ root.render(
             <section>
                 <div className="k-widget k-calendar k-week-number k-calendar-md">
                     <div className="k-header k-hstack">
-                        <Button fillMode="flat" className="k-calendar-nav-prev" icon="arrow-60-left"></Button>
+                        <Button fillMode="flat" className="k-calendar-nav-prev" icon="caret-alt-left"></Button>
                         <Button fillMode="flat" themeColor="primary" className="k-calendar-nav-today k-flex">March 2018</Button>
-                        <Button fillMode="flat" className="k-calendar-nav-next" icon="arrow-60-right"></Button>
+                        <Button fillMode="flat" className="k-calendar-nav-next" icon="caret-alt-right"></Button>
                     </div>
                     <div className="k-calendar-view k-calendar-monthview">
                         <table className="k-calendar-table k-month">
@@ -360,9 +360,9 @@ root.render(
             <section>
                 <div className="k-widget k-calendar k-week-number k-calendar-range k-calendar-md">
                     <div className="k-header k-hstack">
-                        <Button fillMode="flat" className="k-calendar-nav-prev" icon="arrow-60-left"></Button>
+                        <Button fillMode="flat" className="k-calendar-nav-prev" icon="caret-alt-left"></Button>
                         <Button fillMode="flat" themeColor="primary" className="k-calendar-nav-today k-flex">March 2018</Button>
-                        <Button fillMode="flat" className="k-calendar-nav-next" icon="arrow-60-right"></Button>
+                        <Button fillMode="flat" className="k-calendar-nav-next" icon="caret-alt-right"></Button>
                     </div>
                     <div className="k-calendar-view k-calendar-monthview">
                         <table className="k-calendar-table k-month">
@@ -539,9 +539,9 @@ root.render(
             <section>
                 <div className="k-widget k-calendar k-calendar-md">
                     <div className="k-header k-hstack">
-                        <Button fillMode="flat" className="k-calendar-nav-prev" icon="arrow-60-left"></Button>
+                        <Button fillMode="flat" className="k-calendar-nav-prev" icon="caret-alt-left"></Button>
                         <Button fillMode="flat" themeColor="primary" className="k-calendar-nav-today k-flex">2018</Button>
-                        <Button fillMode="flat" className="k-calendar-nav-next" icon="arrow-60-right"></Button>
+                        <Button fillMode="flat" className="k-calendar-nav-next" icon="caret-alt-right"></Button>
                     </div>
                     <div className="k-calendar-view k-calendar-yearview">
                         <table className="k-calendar-table k-meta-view k-year">
@@ -600,9 +600,9 @@ root.render(
             <section>
                 <div className="k-widget k-calendar k-calendar-md">
                     <div className="k-header k-hstack">
-                        <Button fillMode="flat" className="k-calendar-nav-prev" icon="arrow-60-left"></Button>
+                        <Button fillMode="flat" className="k-calendar-nav-prev" icon="caret-alt-left"></Button>
                         <Button fillMode="flat" themeColor="primary" className="k-calendar-nav-today k-flex">2010 - 2019</Button>
-                        <Button fillMode="flat" className="k-calendar-nav-next" icon="arrow-60-right"></Button>
+                        <Button fillMode="flat" className="k-calendar-nav-next" icon="caret-alt-right"></Button>
                     </div>
                     <div className="k-calendar-view k-calendar-decadeview">
                         <table className="k-calendar-table k-meta-view k-decade">
@@ -657,9 +657,9 @@ root.render(
             <section>
                 <div className="k-widget k-calendar k-calendar-md">
                     <div className="k-header k-hstack">
-                        <Button fillMode="flat" className="k-calendar-nav-prev" icon="arrow-60-left"></Button>
+                        <Button fillMode="flat" className="k-calendar-nav-prev" icon="caret-alt-left"></Button>
                         <Button fillMode="flat" themeColor="primary" className="k-calendar-nav-today k-flex">2000 - 2099</Button>
-                        <Button fillMode="flat" className="k-calendar-nav-next" icon="arrow-60-right"></Button>
+                        <Button fillMode="flat" className="k-calendar-nav-next" icon="caret-alt-right"></Button>
                     </div>
                     <div className="k-calendar-view k-calendar-centuryview">
                         <table className="k-calendar-table k-meta-view k-century">

diff --git a/packages/html/src/combobox/combobox.tsx b/packages/html/src/combobox/combobox.tsx
@@ -72,7 +72,7 @@ export class Combobox extends React.Component<ComboboxProps> {
                 <InputClearValue {...this.props} />
                 <Button
                     className="k-input-button"
-                    icon="arrow-s"
+                    icon="caret-alt-down"
                     rounded={null}
                     size={this.props.size}
                     fillMode={this.props.fillMode}

diff --git a/packages/html/src/dropdowngrid/dropdowngrid.tsx b/packages/html/src/dropdowngrid/dropdowngrid.tsx
@@ -72,7 +72,7 @@ export class DropdownGrid extends React.Component<DropdownGridProps> {
                 <InputClearValue {...this.props} />
                 <Button
                     className="k-input-button"
-                    icon="arrow-s"
+                    icon="caret-alt-down"
                     rounded={null}
                     size={this.props.size}
                     fillMode={this.props.fillMode}

diff --git a/packages/html/src/form/tests/form-field-inputs-angular-rtl.tsx b/packages/html/src/form/tests/form-field-inputs-angular-rtl.tsx
@@ -127,7 +127,7 @@ root.render(
                         <label className="k-label">Slider:</label>
                         <div>
                             <div className="k-slider k-slider-horizontal">
-                                <Button icon="arrow-w" rounded="full" className="k-button-decrease"></Button>
+                                <Button icon="caret-alt-left" rounded="full" className="k-button-decrease"></Button>
                                 <div className="k-slider-track-wrap">
                                     <ul className="k-reset k-slider-items">
                                         <li className="k-tick k-tick-large">
@@ -153,7 +153,7 @@ root.render(
                                         <a href="#" className="k-draghandle k-draghandle-end"></a>
                                     </div>
                                 </div>
-                                <Button icon="arrow-e" rounded="full" className="k-button-increase"></Button>
+                                <Button icon="caret-alt-right" rounded="full" className="k-button-increase"></Button>
                             </div>
                         </div>
                     </div>
@@ -278,7 +278,7 @@ root.render(
                         <label className="k-label">Slider:</label>
                         <div className="k-form-field-wrap">
                             <div className="k-slider k-slider-horizontal">
-                                <Button icon="arrow-w" rounded="full" className="k-button-decrease"></Button>
+                                <Button icon="caret-alt-left" rounded="full" className="k-button-decrease"></Button>
                                 <div className="k-slider-track-wrap">
                                     <ul className="k-reset k-slider-items">
                                         <li className="k-tick k-tick-large">
@@ -304,7 +304,7 @@ root.render(
                                         <a href="#" className="k-draghandle k-draghandle-end"></a>
                                     </div>
                                 </div>
-                                <Button icon="arrow-e" rounded="full" className="k-button-increase"></Button>
+                                <Button icon="caret-alt-right" rounded="full" className="k-button-increase"></Button>
                             </div>
                         </div>
                     </div>

diff --git a/packages/html/src/form/tests/form-field-inputs-angular.tsx b/packages/html/src/form/tests/form-field-inputs-angular.tsx
@@ -127,7 +127,7 @@ root.render(
                         <label className="k-label">Slider:</label>
                         <div>
                             <div className="k-slider k-slider-horizontal">
-                                <Button icon="arrow-w" rounded="full" className="k-button-decrease"></Button>
+                                <Button icon="caret-alt-left" rounded="full" className="k-button-decrease"></Button>
                                 <div className="k-slider-track-wrap">
                                     <ul className="k-reset k-slider-items">
                                         <li className="k-tick k-tick-large">
@@ -153,7 +153,7 @@ root.render(
                                         <a href="#" className="k-draghandle k-draghandle-end"></a>
                                     </div>
                                 </div>
-                                <Button icon="arrow-e" rounded="full" className="k-button-increase"></Button>
+                                <Button icon="caret-alt-right" rounded="full" className="k-button-increase"></Button>
                             </div>
                         </div>
                     </div>
@@ -278,7 +278,7 @@ root.render(
                         <label className="k-label">Slider:</label>
                         <div className="k-form-field-wrap">
                             <div className="k-slider k-slider-horizontal">
-                                <Button icon="arrow-w" rounded="full" className="k-button-decrease"></Button>
+                                <Button icon="caret-alt-left" rounded="full" className="k-button-decrease"></Button>
                                 <div className="k-slider-track-wrap">
                                     <ul className="k-reset k-slider-items">
                                         <li className="k-tick k-tick-large">
@@ -304,7 +304,7 @@ root.render(
                                         <a href="#" className="k-draghandle k-draghandle-end"></a>
                                     </div>
                                 </div>
-                                <Button icon="arrow-e" rounded="full" className="k-button-increase"></Button>
+                                <Button icon="caret-alt-right" rounded="full" className="k-button-increase"></Button>
                             </div>
                         </div>
                     </div>

diff --git a/packages/html/src/form/tests/form-field-inputs-react.tsx b/packages/html/src/form/tests/form-field-inputs-react.tsx
@@ -108,7 +108,7 @@ root.render(
                     <div className="k-form-field">
                         <label className="k-label">Slider:</label>
                         <div className="k-slider k-slider-horizontal">
-                            <Button icon="arrow-w" rounded="full" className="k-button-decrease"></Button>
+                            <Button icon="caret-alt-left" rounded="full" className="k-button-decrease"></Button>
                             <div className="k-slider-track-wrap">
                                 <ul className="k-reset k-slider-items">
                                     <li className="k-tick k-tick-large">
@@ -134,7 +134,7 @@ root.render(
                                     <a href="#" className="k-draghandle k-draghandle-end"></a>
                                 </div>
                             </div>
-                            <Button icon="arrow-e" rounded="full" className="k-button-increase"></Button>
+                            <Button icon="caret-alt-right" rounded="full" className="k-button-increase"></Button>
                         </div>
                     </div>
 
@@ -254,7 +254,7 @@ root.render(
                         <label className="k-label">Slider:</label>
                         <div className="k-form-field-wrap">
                             <div className="k-slider k-slider-horizontal">
-                                <Button icon="arrow-w" rounded="full" className="k-button-decrease"></Button>
+                                <Button icon="caret-alt-left" rounded="full" className="k-button-decrease"></Button>
                                 <div className="k-slider-track-wrap">
                                     <ul className="k-reset k-slider-items">
                                         <li className="k-tick k-tick-large">
@@ -280,7 +280,7 @@ root.render(
                                         <a href="#" className="k-draghandle k-draghandle-end"></a>
                                     </div>
                                 </div>
-                                <Button icon="arrow-e" rounded="full" className="k-button-increase"></Button>
+                                <Button icon="caret-alt-right" rounded="full" className="k-button-increase"></Button>
                             </div>
                         </div>
                     </div>

diff --git a/packages/html/src/gantt/tests/gantt.tsx b/packages/html/src/gantt/tests/gantt.tsx
@@ -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>

diff --git a/packages/html/src/listbox/tests/listbox-sizes.tsx b/packages/html/src/listbox/tests/listbox-sizes.tsx
@@ -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>