@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/button/tests/button.tsx CHANGED
@@ -1,6 +1,4 @@
1
- import { Button } from '../../button';
2
-
3
- /* */
1
+ import { IconButton, IconTextButton, TextButton } from '../../button';
4
2
 
5
3
  const styles = `
6
4
  #test-area {
@@ -22,53 +20,52 @@ export default () => (
22
20
  <span>Disabled</span>
23
21
 
24
22
  <span>base</span>
25
- <span><Button>Normal</Button></span>
26
- <span><Button hover={true}>Hover</Button></span>
27
- <span><Button focus={true}>Focus</Button></span>
28
- <span><Button active={true}>Active</Button></span>
29
- <span><Button selected={true}>Selected</Button></span>
30
- <span><Button disabled={true}>Disabled</Button></span>
23
+ <span><TextButton>Normal</TextButton></span>
24
+ <span><TextButton hover={true}>Hover</TextButton></span>
25
+ <span><TextButton focus={true}>Focus</TextButton></span>
26
+ <span><TextButton active={true}>Active</TextButton></span>
27
+ <span><TextButton selected={true}>Selected</TextButton></span>
28
+ <span><TextButton disabled={true}>Disabled</TextButton></span>
31
29
 
32
30
  <span>^ text + icon</span>
33
- <span><Button icon="folder">Normal</Button></span>
34
- <span><Button icon="folder" hover={true}>Hover</Button></span>
35
- <span><Button icon="folder" focus={true}>Focus</Button></span>
36
- <span><Button icon="folder" active={true}>Active</Button></span>
37
- <span><Button icon="folder" selected={true}>Selected</Button></span>
38
- <span><Button icon="folder" disabled={true}>Disabled</Button></span>
31
+ <span><IconTextButton>Normal</IconTextButton></span>
32
+ <span><IconTextButton hover={true}>Hover</IconTextButton></span>
33
+ <span><IconTextButton focus={true}>Focus</IconTextButton></span>
34
+ <span><IconTextButton active={true}>Active</IconTextButton></span>
35
+ <span><IconTextButton selected={true}>Selected</IconTextButton></span>
36
+ <span><IconTextButton disabled={true}>Disabled</IconTextButton></span>
39
37
 
40
38
  <span>^ icon</span>
41
- <span><Button icon="folder"></Button></span>
42
- <span><Button icon="folder" hover></Button></span>
43
- <span><Button icon="folder" focus={true}></Button></span>
44
- <span><Button icon="folder" active={true}></Button></span>
45
- <span><Button icon="folder" selected={true}></Button></span>
46
- <span><Button icon="folder" disabled={true}></Button></span>
39
+ <span><IconButton></IconButton></span>
40
+ <span><IconButton hover></IconButton></span>
41
+ <span><IconButton focus={true}></IconButton></span>
42
+ <span><IconButton active={true}></IconButton></span>
43
+ <span><IconButton selected={true}></IconButton></span>
44
+ <span><IconButton disabled={true}></IconButton></span>
47
45
 
48
46
  <span>primary</span>
49
- <span><Button themeColor="primary">Normal</Button></span>
50
- <span><Button themeColor="primary" hover={true}>Hover</Button></span>
51
- <span><Button themeColor="primary" focus={true}>Focus</Button></span>
52
- <span><Button themeColor="primary" active={true}>Active</Button></span>
53
- <span><Button themeColor="primary" selected={true}>Selected</Button></span>
54
- <span><Button themeColor="primary" disabled={true}>Disabled</Button></span>
47
+ <span><TextButton themeColor="primary">Normal</TextButton></span>
48
+ <span><TextButton themeColor="primary" hover={true}>Hover</TextButton></span>
49
+ <span><TextButton themeColor="primary" focus={true}>Focus</TextButton></span>
50
+ <span><TextButton themeColor="primary" active={true}>Active</TextButton></span>
51
+ <span><TextButton themeColor="primary" selected={true}>Selected</TextButton></span>
52
+ <span><TextButton themeColor="primary" disabled={true}>Disabled</TextButton></span>
55
53
 
56
54
  <span>^ text + icon</span>
57
- <span><Button themeColor="primary" icon="folder">Normal</Button></span>
58
- <span><Button themeColor="primary" icon="folder" hover={true}>Hover</Button></span>
59
- <span><Button themeColor="primary" icon="folder" focus={true}>Focus</Button></span>
60
- <span><Button themeColor="primary" icon="folder" active={true}>Active</Button></span>
61
- <span><Button themeColor="primary" icon="folder" selected={true}>Selected</Button></span>
62
- <span><Button themeColor="primary" icon="folder" disabled={true}>Disabled</Button></span>
55
+ <span><IconTextButton themeColor="primary">Normal</IconTextButton></span>
56
+ <span><IconTextButton themeColor="primary" hover={true}>Hover</IconTextButton></span>
57
+ <span><IconTextButton themeColor="primary" focus={true}>Focus</IconTextButton></span>
58
+ <span><IconTextButton themeColor="primary" active={true}>Active</IconTextButton></span>
59
+ <span><IconTextButton themeColor="primary" selected={true}>Selected</IconTextButton></span>
60
+ <span><IconTextButton themeColor="primary" disabled={true}>Disabled</IconTextButton></span>
63
61
 
64
62
  <span>^ icon</span>
65
- <span><Button themeColor="primary" icon="folder"></Button></span>
66
- <span><Button themeColor="primary" icon="folder" hover={true}></Button></span>
67
- <span><Button themeColor="primary" icon="folder" focus={true}></Button></span>
68
- <span><Button themeColor="primary" icon="folder" active={true}></Button></span>
69
- <span><Button themeColor="primary" icon="folder" selected={true}></Button></span>
70
- <span><Button themeColor="primary" icon="folder" disabled={true}></Button></span>
63
+ <span><IconButton themeColor="primary"></IconButton></span>
64
+ <span><IconButton themeColor="primary" hover></IconButton></span>
65
+ <span><IconButton themeColor="primary" focus={true}></IconButton></span>
66
+ <span><IconButton themeColor="primary" active={true}></IconButton></span>
67
+ <span><IconButton themeColor="primary" selected={true}></IconButton></span>
68
+ <span><IconButton themeColor="primary" disabled={true}></IconButton></span>
71
69
  </div>
72
-
73
70
  </>
74
71
  );
package/src/gantt/tests/gantt-react.tsx CHANGED
@@ -115,7 +115,8 @@ export default () =>(
115
115
  <tbody className="k-table-tbody">
116
116
  <tr className="k-table-row k-master-row" style={{ height: "40px" }}>
117
117
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
118
- <Icon icon="caret-alt-down" />7
118
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
119
+ 7
119
120
  </td>
120
121
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>
121
122
  Software validation, research and implementation
@@ -132,8 +133,8 @@ export default () =>(
132
133
  </tr>
133
134
  <tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
134
135
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
135
- <Icon icon="none" />
136
- <Icon icon="none" />18
136
+ <Icon className="k-treelist-toggle" icon="none" />
137
+ <Icon className="k-treelist-toggle" icon="none" />18
137
138
  </td>
138
139
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>
139
140
  Project Kickoff
@@ -148,7 +149,9 @@ export default () =>(
148
149
  </tr>
149
150
  <tr className="k-table-row k-master-row" style={{ height: "40px" }}>
150
151
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
151
- <Icon icon="none" /><Icon icon="caret-alt-down" />11
152
+ <Icon className="k-treelist-toggle" icon="none" />
153
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
154
+ 11
152
155
  </td>
153
156
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>
154
157
  Research
@@ -165,9 +168,9 @@ export default () =>(
165
168
  </tr>
166
169
  <tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
167
170
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
168
- <Icon icon="none" />
169
- <Icon icon="none" />
170
- <Icon icon="none" />19
171
+ <Icon className="k-treelist-toggle" icon="none" />
172
+ <Icon className="k-treelist-toggle" icon="none" />
173
+ <Icon className="k-treelist-toggle" icon="none" />19
171
174
  </td>
172
175
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>
173
176
  Validation with Customers
@@ -191,9 +194,9 @@ export default () =>(
191
194
  </tr>
192
195
  <tr className="k-table-row k-master-row" style={{ height: "40px" }}>
193
196
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
194
- <Icon icon="none" />
195
- <Icon icon="none" />
196
- <Icon icon="none" />20
197
+ <Icon className="k-treelist-toggle" icon="none" />
198
+ <Icon className="k-treelist-toggle" icon="none" />
199
+ <Icon className="k-treelist-toggle" icon="none" />20
197
200
  </td>
198
201
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>
199
202
  Market Research
@@ -217,9 +220,9 @@ export default () =>(
217
220
  </tr>
218
221
  <tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
219
222
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
220
- <Icon icon="none" />
221
- <Icon icon="none" />
222
- <Icon icon="none" />39
223
+ <Icon className="k-treelist-toggle" icon="none" />
224
+ <Icon className="k-treelist-toggle" icon="none" />
225
+ <Icon className="k-treelist-toggle" icon="none" />39
223
226
  </td>
224
227
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>
225
228
  Functional and Technical Specification
@@ -243,8 +246,9 @@ export default () =>(
243
246
  </tr>
244
247
  <tr className="k-table-row k-master-row" style={{ height: "40px" }}>
245
248
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
246
- <Icon icon="none" />
247
- <Icon icon="caret-alt-down" />12
249
+ <Icon className="k-treelist-toggle" icon="none" />
250
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
251
+ 12
248
252
  </td>
249
253
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Design</td>
250
254
  <td className="k-table-td">
@@ -259,9 +263,9 @@ export default () =>(
259
263
  </tr>
260
264
  <tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
261
265
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
262
- <Icon icon="none" />
263
- <Icon icon="none" />
264
- <Icon icon="none" />22
266
+ <Icon className="k-treelist-toggle" icon="none" />
267
+ <Icon className="k-treelist-toggle" icon="none" />
268
+ <Icon className="k-treelist-toggle" icon="none" />22
265
269
  </td>
266
270
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>UI Design</td>
267
271
  <td className="k-table-td">
@@ -283,9 +287,9 @@ export default () =>(
283
287
  </tr>
284
288
  <tr className="k-table-row k-master-row k-selected" style={{ height: "40px" }}>
285
289
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
286
- <Icon icon="none" />
287
- <Icon icon="none" />
288
- <Icon icon="none" />23
290
+ <Icon className="k-treelist-toggle" icon="none" />
291
+ <Icon className="k-treelist-toggle" icon="none" />
292
+ <Icon className="k-treelist-toggle" icon="none" />23
289
293
  </td>
290
294
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>HTML Prototype</td>
291
295
  <td className="k-table-td">
@@ -307,8 +311,9 @@ export default () =>(
307
311
  </tr>
308
312
  <tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
309
313
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
310
- <Icon icon="none" />
311
- <Icon icon="caret-alt-down" />13
314
+ <Icon className="k-treelist-toggle" icon="none" />
315
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
316
+ 13
312
317
  </td>
313
318
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Implementation</td>
314
319
  <td className="k-table-td">
@@ -323,9 +328,9 @@ export default () =>(
323
328
  </tr>
324
329
  <tr className="k-table-row k-master-row" style={{ height: "40px" }}>
325
330
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
326
- <Icon icon="none" />
327
- <Icon icon="none" />
328
- <Icon icon="none" />24
331
+ <Icon className="k-treelist-toggle" icon="none" />
332
+ <Icon className="k-treelist-toggle" icon="none" />
333
+ <Icon className="k-treelist-toggle" icon="none" />24
329
334
  </td>
330
335
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Prototype</td>
331
336
  <td className="k-table-td">
@@ -347,9 +352,9 @@ export default () =>(
347
352
  </tr>
348
353
  <tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
349
354
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
350
- <Icon icon="none" />
351
- <Icon icon="none" />
352
- <Icon icon="none" />26
355
+ <Icon className="k-treelist-toggle" icon="none" />
356
+ <Icon className="k-treelist-toggle" icon="none" />
357
+ <Icon className="k-treelist-toggle" icon="none" />26
353
358
  </td>
354
359
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Architecture</td>
355
360
  <td className="k-table-td">
@@ -371,9 +376,9 @@ export default () =>(
371
376
  </tr>
372
377
  <tr className="k-table-row k-master-row" style={{ height: "40px" }}>
373
378
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
374
- <Icon icon="none" />
375
- <Icon icon="none" />
376
- <Icon icon="none" />27
379
+ <Icon className="k-treelist-toggle" icon="none" />
380
+ <Icon className="k-treelist-toggle" icon="none" />
381
+ <Icon className="k-treelist-toggle" icon="none" />27
377
382
  </td>
378
383
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Data Layer</td>
379
384
  <td className="k-table-td">
@@ -395,9 +400,9 @@ export default () =>(
395
400
  </tr>
396
401
  <tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
397
402
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
398
- <Icon icon="none" />
399
- <Icon icon="none" />
400
- <Icon icon="none" />29
403
+ <Icon className="k-treelist-toggle" icon="none" />
404
+ <Icon className="k-treelist-toggle" icon="none" />
405
+ <Icon className="k-treelist-toggle" icon="none" />29
401
406
  </td>
402
407
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>
403
408
  UI and Interaction
@@ -421,9 +426,9 @@ export default () =>(
421
426
  </tr>
422
427
  <tr className="k-table-row k-master-row" style={{ height: "40px" }}>
423
428
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
424
- <Icon icon="none" />
425
- <Icon icon="none" />
426
- <Icon icon="none" />28
429
+ <Icon className="k-treelist-toggle" icon="none" />
430
+ <Icon className="k-treelist-toggle" icon="none" />
431
+ <Icon className="k-treelist-toggle" icon="none" />28
427
432
  </td>
428
433
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Unit Tests</td>
429
434
  <td className="k-table-td">
@@ -445,8 +450,9 @@ export default () =>(
445
450
  </tr>
446
451
  <tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
447
452
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
448
- <Icon icon="none" />
449
- <Icon icon="caret-alt-right" />14
453
+ <Icon className="k-treelist-toggle" icon="none" />
454
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
455
+ 14
450
456
  </td>
451
457
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Testing</td>
452
458
  <td className="k-table-td">
@@ -461,8 +467,9 @@ export default () =>(
461
467
  </tr>
462
468
  <tr className="k-table-row k-master-row" style={{ height: "40px" }}>
463
469
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
464
- <Icon icon="none" />
465
- <Icon icon="caret-alt-right" />30
470
+ <Icon className="k-treelist-toggle" icon="none" />
471
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
472
+ 30
466
473
  </td>
467
474
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Documentation</td>
468
475
  <td className="k-table-td">
@@ -477,8 +484,9 @@ export default () =>(
477
484
  </tr>
478
485
  <tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
479
486
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
480
- <Icon icon="none" />
481
- <Icon icon="caret-alt-right" />31
487
+ <Icon className="k-treelist-toggle" icon="none" />
488
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
489
+ 31
482
490
  </td>
483
491
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Demos</td>
484
492
  <td className="k-table-td">
@@ -493,8 +501,8 @@ export default () =>(
493
501
  </tr>
494
502
  <tr className="k-table-row k-master-row" style={{ height: "40px" }}>
495
503
  <td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
496
- <Icon icon="none" />
497
- <Icon icon="none" />17
504
+ <Icon className="k-treelist-toggle" icon="none" />
505
+ <Icon className="k-treelist-toggle" icon="none" />17
498
506
  </td>
499
507
  <td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Release</td>
500
508
  <td className="k-table-td">
package/src/gantt/tests/gantt-row-reordering.tsx CHANGED
@@ -83,117 +83,117 @@ export default () => (
83
83
  <tr className="k-table-row k-treelist-group">
84
84
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
85
85
  <td className="k-table-td">7</td>
86
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="caret-alt-down" />Software validation, research and implementation</td>
86
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="caret-alt-down" />Software validation, research and implementation</td>
87
87
  </tr>
88
88
  <tr className="k-table-row k-table-alt-row k-alt">
89
89
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
90
90
  <td className="k-table-td">18</td>
91
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" />Project Kickoff</td>
91
+ <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>
92
92
  </tr>
93
93
  <tr className="k-table-row k-treelist-group">
94
94
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
95
95
  <td className="k-table-td">11</td>
96
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="caret-alt-down" />Research</td>
96
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="caret-alt-down" />Research</td>
97
97
  </tr>
98
98
  <tr className="k-table-row k-table-alt-row k-alt">
99
99
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
100
100
  <td className="k-table-td">19</td>
101
- <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>
102
102
  </tr>
103
103
  <tr className="k-table-row">
104
104
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
105
105
  <td className="k-table-td">20</td>
106
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Market Research</td>
106
+ <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>
107
107
  </tr>
108
108
  <tr className="k-table-row k-table-alt-row k-alt">
109
109
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
110
110
  <td className="k-table-td">39</td>
111
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Functional and Technical Specification</td>
111
+ <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>
112
112
  </tr>
113
113
  <tr className="k-table-row k-treelist-group">
114
114
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
115
115
  <td className="k-table-td">12</td>
116
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="caret-alt-down" />Design</td>
116
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="caret-alt-down" />Design</td>
117
117
  </tr>
118
118
  <tr className="k-table-row k-table-alt-row k-alt">
119
119
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
120
120
  <td className="k-table-td">22</td>
121
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />UI Design</td>
121
+ <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>
122
122
  </tr>
123
123
  <tr className="k-table-row">
124
124
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
125
125
  <td className="k-table-td">23</td>
126
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />HTML Prototype</td>
126
+ <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>
127
127
  </tr>
128
128
  <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
129
129
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
130
130
  <td className="k-table-td">13</td>
131
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="caret-alt-down" />Implementation</td>
131
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="caret-alt-down" />Implementation</td>
132
132
  </tr>
133
133
  <tr className="k-table-row">
134
134
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
135
135
  <td className="k-table-td">24</td>
136
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Prototype</td>
136
+ <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>
137
137
  </tr>
138
138
  <tr className="k-table-row k-table-alt-row k-alt">
139
139
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
140
140
  <td className="k-table-td">26</td>
141
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Architecture</td>
141
+ <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>
142
142
  </tr>
143
143
  <tr className="k-table-row">
144
144
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
145
145
  <td className="k-table-td">27</td>
146
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Data Layer</td>
146
+ <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>
147
147
  </tr>
148
148
  <tr className="k-table-row k-table-alt-row k-alt">
149
149
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
150
150
  <td className="k-table-td">29</td>
151
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />UI and Interaction</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" />UI and Interaction</td>
152
152
  </tr>
153
153
  <tr className="k-table-row">
154
154
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
155
155
  <td className="k-table-td">28</td>
156
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Unit Tests</td>
156
+ <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>
157
157
  </tr>
158
158
  <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
159
159
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
160
160
  <td className="k-table-td">14</td>
161
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="caret-alt-down" />Testing</td>
161
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="caret-alt-down" />Testing</td>
162
162
  </tr>
163
163
  <tr className="k-table-row">
164
164
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
165
165
  <td className="k-table-td">32</td>
166
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Integration Testing</td>
166
+ <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>
167
167
  </tr>
168
168
  <tr className="k-table-row k-table-alt-row k-alt">
169
169
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
170
170
  <td className="k-table-td">33</td>
171
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Load Testing</td>
171
+ <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>
172
172
  </tr>
173
173
  <tr className="k-table-row k-treelist-group">
174
174
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
175
175
  <td className="k-table-td">30</td>
176
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="caret-alt-down" />Documentation</td>
176
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="caret-alt-down" />Documentation</td>
177
177
  </tr>
178
178
  <tr className="k-table-row k-table-alt-row k-alt">
179
179
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
180
180
  <td className="k-table-td">34</td>
181
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Structure</td>
181
+ <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>
182
182
  </tr>
183
183
  <tr className="k-table-row">
184
184
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
185
185
  <td className="k-table-td">35</td>
186
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" /><Icon icon="none" />Articles</td>
186
+ <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>
187
187
  </tr>
188
188
  <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
189
189
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
190
190
  <td className="k-table-td">31</td>
191
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="caret-alt-right" />Demos</td>
191
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon icon="caret-alt-right" />Demos</td>
192
192
  </tr>
193
193
  <tr className="k-table-row">
194
194
  <td className="k-table-td k-drag-cell"><Icon icon="reorder" /></td>
195
195
  <td className="k-table-td">17</td>
196
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon icon="none" /><Icon icon="none" />Release</td>
196
+ <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Release</td>
197
197
  </tr>
198
198
  </tbody>
199
199
  </table>