@progress/kendo-themes-html 6.4.1-dev.1 → 6.5.0-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 (55) hide show
  1. package/dist/cjs/button/tests/button-clear.js +5 -77
  2. package/dist/cjs/button/tests/button-flat.js +5 -77
  3. package/dist/cjs/button/tests/button-link.js +5 -77
  4. package/dist/cjs/button/tests/button-outline.js +5 -77
  5. package/dist/cjs/button/tests/button-rtl.js +39 -36
  6. package/dist/cjs/button/tests/button-size.js +8 -80
  7. package/dist/cjs/button/tests/button-solid.js +5 -77
  8. package/dist/cjs/button/tests/button.js +39 -36
  9. package/dist/cjs/gantt/tests/gantt-react.js +47 -47
  10. package/dist/cjs/gantt/tests/gantt-row-reordering.js +58 -58
  11. package/dist/cjs/gantt/tests/gantt.js +59 -59
  12. package/dist/cjs/treelist/tests/treelist-aggregate-react.js +20 -20
  13. package/dist/cjs/treelist/tests/treelist-aggregates.js +34 -34
  14. package/dist/cjs/treelist/tests/treelist-react.js +15 -15
  15. package/dist/cjs/treelist/tests/treelist-row-reordering.js +15 -15
  16. package/dist/cjs/treelist/tests/treelist.js +16 -16
  17. package/dist/esm/button/tests/button-clear.js +5 -77
  18. package/dist/esm/button/tests/button-flat.js +5 -77
  19. package/dist/esm/button/tests/button-link.js +5 -77
  20. package/dist/esm/button/tests/button-outline.js +5 -77
  21. package/dist/esm/button/tests/button-rtl.js +39 -36
  22. package/dist/esm/button/tests/button-size.js +8 -80
  23. package/dist/esm/button/tests/button-solid.js +5 -77
  24. package/dist/esm/button/tests/button.js +39 -36
  25. package/dist/esm/gantt/tests/gantt-react.js +47 -47
  26. package/dist/esm/gantt/tests/gantt-row-reordering.js +58 -58
  27. package/dist/esm/gantt/tests/gantt.js +59 -59
  28. package/dist/esm/treelist/tests/treelist-aggregate-react.js +20 -20
  29. package/dist/esm/treelist/tests/treelist-aggregates.js +34 -34
  30. package/dist/esm/treelist/tests/treelist-react.js +15 -15
  31. package/dist/esm/treelist/tests/treelist-row-reordering.js +15 -15
  32. package/dist/esm/treelist/tests/treelist.js +16 -16
  33. package/dist/types/button/templates/icon-button.d.ts +1 -2
  34. package/dist/types/button/templates/icon-text-button.d.ts +1 -2
  35. package/dist/types/button/templates/text-button.d.ts +1 -2
  36. package/package.json +2 -2
  37. package/src/button/templates/icon-button.tsx +2 -2
  38. package/src/button/templates/icon-text-button.tsx +2 -2
  39. package/src/button/templates/text-button.tsx +2 -2
  40. package/src/button/tests/button-clear.tsx +13 -92
  41. package/src/button/tests/button-flat.tsx +13 -92
  42. package/src/button/tests/button-link.tsx +13 -92
  43. package/src/button/tests/button-outline.tsx +13 -92
  44. package/src/button/tests/button-rtl.tsx +37 -38
  45. package/src/button/tests/button-size.tsx +13 -86
  46. package/src/button/tests/button-solid.tsx +13 -91
  47. package/src/button/tests/button.tsx +37 -40
  48. package/src/gantt/tests/gantt-react.tsx +54 -46
  49. package/src/gantt/tests/gantt-row-reordering.tsx +23 -23
  50. package/src/gantt/tests/gantt.tsx +45 -23
  51. package/src/treelist/tests/treelist-aggregate-react.tsx +31 -10
  52. package/src/treelist/tests/treelist-aggregates.tsx +41 -20
  53. package/src/treelist/tests/treelist-react.tsx +15 -15
  54. package/src/treelist/tests/treelist-row-reordering.tsx +5 -5
  55. package/src/treelist/tests/treelist.tsx +32 -6
package/src/gantt/tests/gantt.tsx CHANGED
@@ -80,95 +80,117 @@ export default () =>(
80
80
  <tbody className="k-table-tbody">
81
81
  <tr className="k-table-row k-treelist-group">
82
82
  <td className="k-table-td">7</td>
83
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="caret-alt-down" />Software validation, research and implementation</td>
83
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td">
84
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
85
+ Software validation, research and implementation
86
+ </td>
84
87
  </tr>
85
88
  <tr className="k-table-row k-table-alt-row k-alt">
86
89
  <td className="k-table-td">18</td>
87
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" />Project Kickoff</td>
90
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Project Kickoff</td>
88
91
  </tr>
89
92
  <tr className="k-table-row k-treelist-group">
90
93
  <td className="k-table-td">11</td>
91
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="caret-alt-down" />Research</td>
94
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" />
95
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
96
+ Research
97
+ </td>
92
98
  </tr>
93
99
  <tr className="k-table-row k-table-alt-row k-alt">
94
100
  <td className="k-table-td">19</td>
95
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Validation with Customers</td>
101
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Validation with Customers</td>
96
102
  </tr>
97
103
  <tr className="k-table-row">
98
104
  <td className="k-table-td">20</td>
99
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Market Research</td>
105
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Market Research</td>
100
106
  </tr>
101
107
  <tr className="k-table-row k-table-alt-row k-alt">
102
108
  <td className="k-table-td">39</td>
103
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Functional and Technical Specification</td>
109
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Functional and Technical Specification</td>
104
110
  </tr>
105
111
  <tr className="k-table-row k-treelist-group">
106
112
  <td className="k-table-td">12</td>
107
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="caret-alt-down" />Design</td>
113
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" />
114
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
115
+ Design
116
+ </td>
108
117
  </tr>
109
118
  <tr className="k-table-row k-table-alt-row k-alt">
110
119
  <td className="k-table-td">22</td>
111
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />UI Design</td>
120
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />UI Design</td>
112
121
  </tr>
113
122
  <tr className="k-table-row">
114
123
  <td className="k-table-td">23</td>
115
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />HTML Prototype</td>
124
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />HTML Prototype</td>
116
125
  </tr>
117
126
  <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
118
127
  <td className="k-table-td">13</td>
119
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="caret-alt-down" />Implementation</td>
128
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" />
129
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
130
+ Implementation
131
+ </td>
120
132
  </tr>
121
133
  <tr className="k-table-row">
122
134
  <td className="k-table-td">24</td>
123
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Prototype</td>
135
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Prototype</td>
124
136
  </tr>
125
137
  <tr className="k-table-row k-table-alt-row k-alt">
126
138
  <td className="k-table-td">26</td>
127
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Architecture</td>
139
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Architecture</td>
128
140
  </tr>
129
141
  <tr className="k-table-row">
130
142
  <td className="k-table-td">27</td>
131
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Data Layer</td>
143
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Data Layer</td>
132
144
  </tr>
133
145
  <tr className="k-table-row k-table-alt-row k-alt">
134
146
  <td className="k-table-td">29</td>
135
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />UI and Interaction</td>
147
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />UI and Interaction</td>
136
148
  </tr>
137
149
  <tr className="k-table-row">
138
150
  <td className="k-table-td">28</td>
139
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Unit Tests</td>
151
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Unit Tests</td>
140
152
  </tr>
141
153
  <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
142
154
  <td className="k-table-td">14</td>
143
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="caret-alt-down" />Testing</td>
155
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td">
156
+ <Icon className="k-treelist-toggle" icon="none" />
157
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
158
+ Testing
159
+ </td>
144
160
  </tr>
145
161
  <tr className="k-table-row">
146
162
  <td className="k-table-td">32</td>
147
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Integration Testing</td>
163
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Integration Testing</td>
148
164
  </tr>
149
165
  <tr className="k-table-row k-table-alt-row k-alt">
150
166
  <td className="k-table-td">33</td>
151
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Load Testing</td>
167
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Load Testing</td>
152
168
  </tr>
153
169
  <tr className="k-table-row k-treelist-group">
154
170
  <td className="k-table-td">30</td>
155
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="caret-alt-down" />Documentation</td>
171
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" />
172
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
173
+ Documentation
174
+ </td>
156
175
  </tr>
157
176
  <tr className="k-table-row k-table-alt-row k-alt">
158
177
  <td className="k-table-td">34</td>
159
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Structure</td>
178
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Structure</td>
160
179
  </tr>
161
180
  <tr className="k-table-row">
162
181
  <td className="k-table-td">35</td>
163
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Articles</td>
182
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Articles</td>
164
183
  </tr>
165
184
  <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
166
185
  <td className="k-table-td">31</td>
167
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="caret-alt-right" />Demos</td>
186
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" />
187
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
188
+ Demos
189
+ </td>
168
190
  </tr>
169
191
  <tr className="k-table-row">
170
192
  <td className="k-table-td">17</td>
171
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" />Release</td>
193
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Release</td>
172
194
  </tr>
173
195
  </tbody>
174
196
  </table>
package/src/treelist/tests/treelist-aggregate-react.tsx CHANGED
@@ -22,52 +22,73 @@ export default () =>(
22
22
  </thead>
23
23
  <tbody className="k-table-tbody">
24
24
  <tr className="k-table-row k-master-row">
25
- <td className="k-table-td k-text-nowrap" colSpan={1}><Icon icon="caret-alt-down"></Icon>Daryl Sweeney</td>
25
+ <td className="k-table-td k-text-nowrap" colSpan={1}>
26
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
27
+ Daryl Sweeney
28
+ </td>
26
29
  <td colSpan={1} className="k-table-td">CEO</td>
27
30
  <td colSpan={1} className="k-table-td">March 7, 2012</td>
28
31
  </tr>
29
32
  <tr className="k-table-row k-master-row">
30
- <td className="k-table-td k-text-nowrap" colSpan={1}><Icon icon="none"></Icon><Icon icon="caret-alt-right"></Icon>Guy Wooten</td>
33
+ <td className="k-table-td k-text-nowrap" colSpan={1}><Icon className="k-treelist-toggle" icon="none"></Icon>
34
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
35
+ Guy Wooten
36
+ </td>
31
37
  <td colSpan={1} className="k-table-td">Chief Technical Officer</td>
32
38
  <td colSpan={1} className="k-table-td">April 3, 2010</td>
33
39
  </tr>
34
40
  <tr className="k-table-row k-master-row">
35
- <td className="k-table-td k-text-nowrap" colSpan={1}><Icon icon="none"></Icon><Icon icon="caret-alt-right"></Icon>Priscilla Frank</td>
41
+ <td className="k-table-td k-text-nowrap" colSpan={1}><Icon className="k-treelist-toggle" icon="none"></Icon>
42
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
43
+ Priscilla Frank
44
+ </td>
36
45
  <td colSpan={1} className="k-table-td">Chief Product Officer</td>
37
46
  <td colSpan={1} className="k-table-td">December 30, 2014</td>
38
47
  </tr>
39
48
  <tr className="k-table-row k-master-row">
40
- <td className="k-table-td k-text-nowrap" colSpan={1}><Icon icon="none"></Icon><Icon icon="caret-alt-down"></Icon>Anika Vega</td>
49
+ <td className="k-table-td k-text-nowrap" colSpan={1}><Icon className="k-treelist-toggle" icon="none"></Icon>
50
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
51
+ Anika Vega
52
+ </td>
41
53
  <td colSpan={1} className="k-table-td">Chief Process Officer</td>
42
54
  <td colSpan={1} className="k-table-td">March 25, 2010</td>
43
55
  </tr>
44
56
  <tr className="k-table-row k-master-row">
45
- <td className="k-table-td k-text-nowrap" colSpan={1}><Icon icon="none"></Icon><Icon icon="none"></Icon><Icon icon="caret-alt-right"></Icon>Vernon Ballard</td>
57
+ <td className="k-table-td k-text-nowrap" colSpan={1}><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon>
58
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
59
+ Vernon Ballard
60
+ </td>
46
61
  <td colSpan={1} className="k-table-td">Director Facilities</td>
47
62
  <td colSpan={1} className="k-table-td">July 26, 2015</td>
48
63
  </tr>
49
64
  <tr className="k-table-row k-group-footer">
50
- <td className="k-table-td k-text-nowrap" colSpan={1}><Icon icon="none"></Icon><Icon icon="none"></Icon><Icon icon="none"></Icon>7 employee(s)</td>
65
+ <td className="k-table-td k-text-nowrap" colSpan={1}><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon>7 employee(s)</td>
51
66
  <td colSpan={1} className="k-table-td"></td>
52
67
  <td colSpan={1} className="k-table-td">Last employee hired on August 30, 2015</td>
53
68
  </tr>
54
69
  <tr className="k-table-row k-master-row">
55
- <td className="k-table-td k-text-nowrap" colSpan={1}><Icon icon="none"></Icon><Icon icon="caret-alt-right"></Icon>Nevada Hart</td>
70
+ <td className="k-table-td k-text-nowrap" colSpan={1}><Icon className="k-treelist-toggle" icon="none"></Icon>
71
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
72
+ Nevada Hart
73
+ </td>
56
74
  <td colSpan={1} className="k-table-td">Chief Financial Officer</td>
57
75
  <td colSpan={1} className="k-table-td">September 17, 2015</td>
58
76
  </tr>
59
77
  <tr className="k-table-row k-master-row">
60
- <td className="k-table-td k-text-nowrap" colSpan={1}><Icon icon="none"></Icon><Icon icon="caret-alt-right"></Icon>Hunter Fry</td>
78
+ <td className="k-table-td k-text-nowrap" colSpan={1}><Icon className="k-treelist-toggle" icon="none"></Icon>
79
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
80
+ Hunter Fry
81
+ </td>
61
82
  <td colSpan={1} className="k-table-td">General Counsel</td>
62
83
  <td colSpan={1} className="k-table-td">March 12, 2011</td>
63
84
  </tr>
64
85
  <tr className="k-table-row k-group-footer">
65
- <td className="k-table-td k-text-nowrap" colSpan={1}><Icon icon="none"></Icon><Icon icon="none"></Icon>98 employee(s)</td>
86
+ <td className="k-table-td k-text-nowrap" colSpan={1}><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon>98 employee(s)</td>
66
87
  <td colSpan={1} className="k-table-td"></td>
67
88
  <td colSpan={1} className="k-table-td">Last employee hired on September 17, 2015</td>
68
89
  </tr>
69
90
  <tr className="k-table-row k-group-footer">
70
- <td className="k-table-td k-text-nowrap" colSpan={1}><Icon icon="none"></Icon>99 employee(s)</td>
91
+ <td className="k-table-td k-text-nowrap" colSpan={1}><Icon className="k-treelist-toggle" icon="none"></Icon>99 employee(s)</td>
71
92
  <td colSpan={1} className="k-table-td"></td>
72
93
  <td colSpan={1} className="k-table-td">Last employee hired on September 17, 2015</td>
73
94
  </tr>
package/src/treelist/tests/treelist-aggregates.tsx CHANGED
@@ -56,52 +56,73 @@ export default () =>(
56
56
  </colgroup>
57
57
  <tbody className="k-table-tbody">
58
58
  <tr className="k-table-row k-treelist-group">
59
- <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon icon="caret-alt-down"></Icon>Daryl Sweeney</td>
59
+ <td className="k-table-td" style={{ whiteSpace: "nowrap" }}>
60
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
61
+ Daryl Sweeney
62
+ </td>
60
63
  <td className="k-table-td">CEO</td>
61
64
  <td className="k-table-td">February 7, 2012</td>
62
65
  </tr>
63
66
  <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
64
- <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon icon="none"></Icon><Icon icon="caret-alt-right"></Icon>Guy Wooten</td>
67
+ <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon className="k-treelist-toggle" icon="none"></Icon>
68
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
69
+ Guy Wooten
70
+ </td>
65
71
  <td className="k-table-td">Chief Technical Officer</td>
66
72
  <td className="k-table-td">March 3, 2010</td>
67
73
  </tr>
68
74
  <tr className="k-table-row k-treelist-group">
69
- <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon icon="none"></Icon><Icon icon="caret-alt-right"></Icon>Priscilla Frank</td>
75
+ <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon className="k-treelist-toggle" icon="none"></Icon>
76
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
77
+ Priscilla Frank
78
+ </td>
70
79
  <td className="k-table-td">Chief Product Officer</td>
71
80
  <td className="k-table-td">November 30, 2014</td>
72
81
  </tr>
73
82
  <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
74
- <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon icon="none"></Icon><Icon icon="caret-alt-down"></Icon>Anika Vega</td>
83
+ <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon className="k-treelist-toggle" icon="none"></Icon>
84
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
85
+ Anika Vega
86
+ </td>
75
87
  <td className="k-table-td">Chief Process Officer</td>
76
88
  <td className="k-table-td">February 25, 2010</td>
77
89
  </tr>
78
90
  <tr className="k-table-row k-treelist-group">
79
- <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon icon="none"></Icon><Icon icon="none"></Icon><Icon icon="caret-alt-right"></Icon>Vernon Ballard</td>
91
+ <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon>
92
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
93
+ Vernon Ballard
94
+ </td>
80
95
  <td className="k-table-td">Director Facilities</td>
81
96
  <td className="k-table-td">June 26, 2015</td>
82
97
  </tr>
83
98
  <tr className="k-table-row k-footer-template">
84
- <td className="k-table-td k-focus"><Icon icon="none"></Icon><Icon icon="none"></Icon><Icon icon="none"></Icon>7 employee(s)</td>
99
+ <td className="k-table-td k-focus"><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon>7 employee(s)</td>
85
100
  <td className="k-table-td"></td>
86
101
  <td className="k-table-td">Last employee hired on July 30, 2015</td>
87
102
  </tr>
88
103
  <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
89
- <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon icon="none"></Icon><Icon icon="caret-alt-right"></Icon>Nevada Hart</td>
104
+ <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon className="k-treelist-toggle" icon="none"></Icon>
105
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
106
+ Nevada Hart
107
+ </td>
90
108
  <td className="k-table-td">Chief Financial Officer</td>
91
109
  <td className="k-table-td">August 17, 2015</td>
92
110
  </tr>
93
111
  <tr className="k-table-row k-treelist-group">
94
- <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon icon="none"></Icon><Icon icon="caret-alt-right"></Icon>Hunter Fry</td>
112
+ <td className="k-table-td" style={{ whiteSpace: "nowrap" }}><Icon className="k-treelist-toggle" icon="none"></Icon>
113
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
114
+ Hunter Fry
115
+ </td>
95
116
  <td className="k-table-td">General Counsel</td>
96
117
  <td className="k-table-td">February 12, 2011</td>
97
118
  </tr>
98
119
  <tr className="k-table-row k-footer-template">
99
- <td className="k-table-td"><Icon icon="none"></Icon><Icon icon="none"></Icon>98 employee(s)</td>
120
+ <td className="k-table-td"><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon>98 employee(s)</td>
100
121
  <td className="k-table-td"></td>
101
122
  <td className="k-table-td">Last employee hired on August 17, 2015</td>
102
123
  </tr>
103
124
  <tr className="k-table-row k-footer-template">
104
- <td className="k-table-td"><Icon icon="none"></Icon>99 employee(s)</td>
125
+ <td className="k-table-td"><Icon className="k-treelist-toggle" icon="none"></Icon>99 employee(s)</td>
105
126
  <td className="k-table-td"></td>
106
127
  <td className="k-table-td">Last employee hired on August 17, 2015</td>
107
128
  </tr>
@@ -163,7 +184,7 @@ export default () =>(
163
184
  <tbody className="k-table-tbody">
164
185
  <tr className="k-table-row">
165
186
  <td colSpan={1} className="k-table-td">
166
- <Icon icon="caret-alt-down"></Icon>
187
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
167
188
  Daryl Sweeney
168
189
  </td>
169
190
  <td colSpan={1} className="k-table-td">
@@ -173,8 +194,8 @@ export default () =>(
173
194
  </tr>
174
195
  <tr className="k-table-row k-table-alt-row k-alt">
175
196
  <td colSpan={1} className="k-table-td">
176
- <Icon icon="none"></Icon>
177
- <Icon icon="caret-alt-down"></Icon>
197
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
198
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
178
199
  Guy Wooten
179
200
  </td>
180
201
  <td colSpan={1} className="k-table-td">
@@ -184,8 +205,8 @@ export default () =>(
184
205
  </tr>
185
206
  <tr className="k-table-row">
186
207
  <td colSpan={1} className="k-table-td">
187
- <Icon icon="none"></Icon><Icon icon="none"></Icon>
188
- <Icon icon="caret-alt-right"></Icon>
208
+ <Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon>
209
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
189
210
  Buffy Weber
190
211
  </td>
191
212
  <td colSpan={1} className="k-table-td">
@@ -195,7 +216,7 @@ export default () =>(
195
216
  </tr>
196
217
  <tr className="k-table-row k-footer">
197
218
  <td className="k-table-td k-focus">
198
- <Icon icon="none"></Icon><Icon icon="none"></Icon><Icon icon="none"></Icon>
219
+ <Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon>
199
220
  35 employee(s)
200
221
  </td>
201
222
  <td className="k-table-td"></td>
@@ -205,8 +226,8 @@ export default () =>(
205
226
  </tr>
206
227
  <tr className="k-table-row k-table-alt-row k-alt">
207
228
  <td colSpan={1} className="k-table-td">
208
- <Icon icon="none"></Icon>
209
- <Icon icon="caret-alt-right"></Icon>
229
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
230
+ <Icon className="k-treelist-toggle" icon="caret-alt-right"></Icon>
210
231
  Priscilla Frank
211
232
  </td>
212
233
  <td colSpan={1} className="k-table-td">
@@ -216,7 +237,7 @@ export default () =>(
216
237
  </tr>
217
238
  <tr className="k-footer">
218
239
  <td className="k-table-td">
219
- <Icon icon="none"></Icon><Icon icon="none"></Icon>
240
+ <Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon>
220
241
  42 employee(s)
221
242
  </td>
222
243
  <td className="k-table-td"></td>
@@ -226,7 +247,7 @@ export default () =>(
226
247
  </tr>
227
248
  <tr className="k-table-row k-footer">
228
249
  <td className="k-table-td">
229
- <Icon icon="none"></Icon>
250
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
230
251
  43 employee(s)
231
252
  </td>
232
253
  <td className="k-table-td"></td>
package/src/treelist/tests/treelist-react.tsx CHANGED
@@ -80,7 +80,7 @@ export default () =>(
80
80
  <tbody className="k-table-tbody">
81
81
  <tr className="k-table-row k-master-row">
82
82
  <td className="k-table-td">
83
- <Icon icon="caret-alt-down"></Icon>
83
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
84
84
  1
85
85
  </td>
86
86
  <td className="k-table-td">Furniture</td>
@@ -90,8 +90,8 @@ export default () =>(
90
90
  </tr>
91
91
  <tr className="k-table-row k-master-row">
92
92
  <td className="k-table-td">
93
- <Icon icon="none"></Icon>
94
- <Icon icon="none"></Icon>
93
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
94
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
95
95
  1.1
96
96
  </td>
97
97
  <td className="k-table-td">Tables &amp; Chairs</td>
@@ -101,8 +101,8 @@ export default () =>(
101
101
  </tr>
102
102
  <tr className="k-table-row k-master-row">
103
103
  <td className="k-table-td">
104
- <Icon icon="none"></Icon>
105
- <Icon icon="none"></Icon>
104
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
105
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
106
106
  1.2
107
107
  </td>
108
108
  <td className="k-table-td">Sofas</td>
@@ -112,8 +112,8 @@ export default () =>(
112
112
  </tr>
113
113
  <tr className="k-table-row k-master-row">
114
114
  <td className="k-table-td">
115
- <Icon icon="none"></Icon>
116
- <Icon icon="none"></Icon>
115
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
116
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
117
117
  1.3
118
118
  </td>
119
119
  <td className="k-table-td">Occasional Furniture</td>
@@ -123,7 +123,7 @@ export default () =>(
123
123
  </tr>
124
124
  <tr className="k-table-row k-master-row">
125
125
  <td className="k-table-td">
126
- <Icon icon="caret-alt-down"></Icon>
126
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
127
127
  2
128
128
  </td>
129
129
  <td className="k-table-td">Decor</td>
@@ -133,8 +133,8 @@ export default () =>(
133
133
  </tr>
134
134
  <tr className="k-table-row k-master-row">
135
135
  <td className="k-table-td">
136
- <Icon icon="none"></Icon>
137
- <Icon icon="none"></Icon>
136
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
137
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
138
138
  2.1
139
139
  </td>
140
140
  <td className="k-table-td">Bed Linen</td>
@@ -144,8 +144,8 @@ export default () =>(
144
144
  </tr>
145
145
  <tr className="k-table-row k-master-row">
146
146
  <td className="k-table-td">
147
- <Icon icon="none"></Icon>
148
- <Icon icon="caret-alt-down"></Icon>
147
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
148
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
149
149
  2.2
150
150
  </td>
151
151
  <td className="k-table-td">Curtains &amp; Blinds</td>
@@ -155,9 +155,9 @@ export default () =>(
155
155
  </tr>
156
156
  <tr className="k-table-row k-master-row">
157
157
  <td className="k-table-td">
158
- <Icon icon="none"></Icon>
159
- <Icon icon="none"></Icon>
160
- <Icon icon="none"></Icon>
158
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
159
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
160
+ <Icon className="k-treelist-toggle" icon="none"></Icon>
161
161
  2.2.1
162
162
  </td>
163
163
  <td className="k-table-td">Carpets</td>
package/src/treelist/tests/treelist-row-reordering.tsx CHANGED
@@ -51,32 +51,32 @@ export default () => (
51
51
  <tbody className="k-table-tbody">
52
52
  <tr className="k-table-row">
53
53
  <td className="k-table-td k-drag-cell"><Icon icon="reorder"/></td>
54
- <td className="k-table-td"><Icon icon="caret-alt-right"></Icon>Daryl</td>
54
+ <td className="k-table-td"><Icon className="k-treelist-toggle" icon="caret-alt-right"/>Daryl</td>
55
55
  <td className="k-table-td">Sweeney</td>
56
56
  <td className="k-table-td">CEO</td>
57
57
  </tr>
58
58
  <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
59
59
  <td className="k-table-td k-drag-cell"><Icon icon="reorder"/></td>
60
- <td className="k-table-td"><Icon icon="none"></Icon><Icon icon="caret-alt-down"></Icon>Guy</td>
60
+ <td className="k-table-td"><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="caret-alt-down"></Icon>Guy</td>
61
61
  <td className="k-table-td">Wooten</td>
62
62
  <td className="k-table-td">Chief Technical Officer</td>
63
63
  </tr>
64
64
  <tr className="k-table-row k-treelist-group">
65
65
  <td className="k-table-td k-drag-cell"><Icon icon="reorder"/></td>
66
- <td className="k-table-td"><Icon icon="none"></Icon><Icon icon="none"></Icon><Icon icon="caret-alt-down"></Icon>Buffy</td>
66
+ <td className="k-table-td"><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="caret-alt-down"></Icon>Buffy</td>
67
67
  <td className="k-table-td">Weber</td>
68
68
  <td className="k-table-td">VP, Engineering</td>
69
69
  </tr>
70
70
  <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
71
71
  <td className="k-table-td k-drag-cell"><Icon icon="reorder"/></td>
72
- <td className="k-table-td"><Icon icon="none"></Icon><Icon icon="none"></Icon><Icon icon="none"></Icon><Icon icon="caret-alt-down"></Icon>Hyacinth
72
+ <td className="k-table-td"><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="caret-alt-down"></Icon>Hyacinth
73
73
  </td>
74
74
  <td className="k-table-td">Hood</td>
75
75
  <td className="k-table-td">Team Lead</td>
76
76
  </tr>
77
77
  <tr className="k-table-row">
78
78
  <td className="k-table-td k-drag-cell"><Icon icon="reorder"/></td>
79
- <td className="k-table-td"><Icon icon="none"></Icon><Icon icon="none"></Icon><Icon icon="none"></Icon><Icon icon="none"></Icon><Icon icon="none"></Icon>Akeem</td>
79
+ <td className="k-table-td"><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon><Icon className="k-treelist-toggle" icon="none"></Icon>Akeem</td>
80
80
  <td className="k-table-td">Carr</td>
81
81
  <td className="k-table-td">Junior Software Developer</td>
82
82
  </tr>