@progress/kendo-themes-html 5.6.1-dev.6 → 5.6.1-dev.7

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 (133) hide show
  1. package/dist/action-sheet/tests/action-sheet-position.js +12 -12
  2. package/dist/action-sheet/tests/action-sheet-position.js.map +1 -1
  3. package/dist/action-sheet/tests/action-sheet.js +6 -6
  4. package/dist/action-sheet/tests/action-sheet.js.map +1 -1
  5. package/dist/card/tests/card.js +1 -2
  6. package/dist/card/tests/card.js.map +2 -2
  7. package/dist/grid/tests/grid-adaptive-column-menu.js +2 -2
  8. package/dist/grid/tests/grid-adaptive-column-menu.js.map +1 -1
  9. package/dist/notification/tests/notification-angular.js +2 -2
  10. package/dist/notification/tests/notification-angular.js.map +2 -2
  11. package/dist/notification/tests/notification-custom-angular.js +4 -4
  12. package/dist/notification/tests/notification-custom-angular.js.map +2 -2
  13. package/dist/notification/tests/notification-jquery.js +2 -2
  14. package/dist/notification/tests/notification-jquery.js.map +2 -2
  15. package/dist/pager/tests/pager-responsive.js +40 -40
  16. package/dist/pager/tests/pager-responsive.js.map +2 -2
  17. package/dist/pager/tests/pager.js +30 -30
  18. package/dist/pager/tests/pager.js.map +2 -2
  19. package/dist/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js +522 -0
  20. package/dist/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js.map +7 -0
  21. package/dist/pdf-viewer/tests/pdf-viewer-blank-page.js +533 -0
  22. package/dist/pdf-viewer/tests/pdf-viewer-blank-page.js.map +7 -0
  23. package/dist/pdf-viewer/tests/{pdf-viewer-dialogs.js → pdf-viewer-search-panel-jquery.js} +3 -3
  24. package/dist/pdf-viewer/tests/{pdf-viewer-dialogs.js.map → pdf-viewer-search-panel-jquery.js.map} +1 -1
  25. package/dist/pdf-viewer/tests/pdf-viewer-search-panel.js +541 -0
  26. package/dist/pdf-viewer/tests/pdf-viewer-search-panel.js.map +7 -0
  27. package/dist/pdf-viewer/tests/pdf-viewer.js +4 -2
  28. package/dist/pdf-viewer/tests/pdf-viewer.js.map +2 -2
  29. package/dist/progressbar/tests/progressbar-blazor-vertical.js +23 -23
  30. package/dist/progressbar/tests/progressbar-blazor-vertical.js.map +2 -2
  31. package/dist/progressbar/tests/progressbar-blazor.js +18 -18
  32. package/dist/progressbar/tests/progressbar-blazor.js.map +1 -1
  33. package/dist/progressbar/tests/progressbar-horizontal-chunk.js +28 -28
  34. package/dist/progressbar/tests/progressbar-horizontal-chunk.js.map +2 -2
  35. package/dist/progressbar/tests/progressbar-horizontal-indeterminate.js +12 -12
  36. package/dist/progressbar/tests/progressbar-horizontal-indeterminate.js.map +2 -2
  37. package/dist/progressbar/tests/progressbar-horizontal-reverse.js +12 -12
  38. package/dist/progressbar/tests/progressbar-horizontal-reverse.js.map +2 -2
  39. package/dist/progressbar/tests/progressbar-vertical.js +23 -23
  40. package/dist/progressbar/tests/progressbar-vertical.js.map +2 -2
  41. package/dist/progressbar/tests/progressbar.js +18 -18
  42. package/dist/progressbar/tests/progressbar.js.map +2 -2
  43. package/dist/scheduler/tests/scheduler-adaptive-agenda.js +1 -1
  44. package/dist/scheduler/tests/scheduler-adaptive-agenda.js.map +2 -2
  45. package/dist/scheduler/tests/scheduler-adaptive-month.js +1 -1
  46. package/dist/scheduler/tests/scheduler-adaptive-month.js.map +2 -2
  47. package/dist/scheduler/tests/scheduler-angular-agenda-rtl.js +2 -2
  48. package/dist/scheduler/tests/scheduler-angular-agenda-rtl.js.map +2 -2
  49. package/dist/scheduler/tests/scheduler-angular-agenda.js +2 -2
  50. package/dist/scheduler/tests/scheduler-angular-agenda.js.map +2 -2
  51. package/dist/scheduler/tests/scheduler-angular-day-rtl.js +2 -2
  52. package/dist/scheduler/tests/scheduler-angular-day-rtl.js.map +2 -2
  53. package/dist/scheduler/tests/scheduler-angular-month-rtl.js +7 -7
  54. package/dist/scheduler/tests/scheduler-angular-month-rtl.js.map +2 -2
  55. package/dist/scheduler/tests/scheduler-angular-month.js +7 -7
  56. package/dist/scheduler/tests/scheduler-angular-month.js.map +2 -2
  57. package/dist/scheduler/tests/scheduler-angular-rtl.js +4 -4
  58. package/dist/scheduler/tests/scheduler-angular-rtl.js.map +2 -2
  59. package/dist/scheduler/tests/scheduler-angular.js +4 -4
  60. package/dist/scheduler/tests/scheduler-angular.js.map +2 -2
  61. package/dist/scheduler/tests/scheduler-flex-layout.js +2 -2
  62. package/dist/scheduler/tests/scheduler-flex-layout.js.map +2 -2
  63. package/dist/scheduler/tests/scheduler-jquery-agenda.js +3 -3
  64. package/dist/scheduler/tests/scheduler-jquery-agenda.js.map +2 -2
  65. package/dist/scheduler/tests/scheduler-jquery-month.js +7 -7
  66. package/dist/scheduler/tests/scheduler-jquery-month.js.map +2 -2
  67. package/dist/scheduler/tests/scheduler-react-agenda.js +10 -10
  68. package/dist/scheduler/tests/scheduler-react-agenda.js.map +2 -2
  69. package/dist/scheduler/tests/scheduler-react-day.js +2 -2
  70. package/dist/scheduler/tests/scheduler-react-day.js.map +2 -2
  71. package/dist/scheduler/tests/scheduler-react-month.js +66 -66
  72. package/dist/scheduler/tests/scheduler-react-month.js.map +2 -2
  73. package/dist/scheduler/tests/scheduler-react-timeline-multi.js +2 -2
  74. package/dist/scheduler/tests/scheduler-react-timeline-multi.js.map +2 -2
  75. package/dist/scheduler/tests/scheduler-react-timeline.js +2 -2
  76. package/dist/scheduler/tests/scheduler-react-timeline.js.map +2 -2
  77. package/dist/scheduler/tests/scheduler-react-week.js +2 -2
  78. package/dist/scheduler/tests/scheduler-react-week.js.map +2 -2
  79. package/dist/scheduler/tests/scheduler-year.js +4 -4
  80. package/dist/scheduler/tests/scheduler-year.js.map +2 -2
  81. package/dist/scheduler/tests/scheduler.js +5 -5
  82. package/dist/scheduler/tests/scheduler.js.map +2 -2
  83. package/dist/slider/tests/slider-css-vars.js +8 -8
  84. package/dist/slider/tests/slider-css-vars.js.map +2 -2
  85. package/dist/slider/tests/slider-tick-absolute-position.js +2 -2
  86. package/dist/slider/tests/slider-tick-absolute-position.js.map +2 -2
  87. package/dist/slider/tests/slider.js +18 -18
  88. package/dist/slider/tests/slider.js.map +2 -2
  89. package/package.json +2 -2
  90. package/src/action-sheet/tests/action-sheet-position.tsx +12 -12
  91. package/src/action-sheet/tests/action-sheet.tsx +6 -6
  92. package/src/card/tests/card.tsx +1 -1
  93. package/src/grid/tests/grid-adaptive-column-menu.tsx +2 -2
  94. package/src/notification/tests/notification-angular.tsx +2 -2
  95. package/src/notification/tests/notification-custom-angular.tsx +4 -4
  96. package/src/notification/tests/notification-jquery.tsx +2 -2
  97. package/src/pager/tests/pager-responsive.tsx +40 -40
  98. package/src/pager/tests/pager.tsx +30 -30
  99. package/src/pdf-viewer/tests/pdf-viewer-blank-page-blazor.tsx +51 -0
  100. package/src/pdf-viewer/tests/pdf-viewer-blank-page.tsx +60 -0
  101. package/src/pdf-viewer/tests/{pdf-viewer-dialogs.tsx → pdf-viewer-search-panel-jquery.tsx} +0 -0
  102. package/src/pdf-viewer/tests/pdf-viewer-search-panel.tsx +58 -0
  103. package/src/pdf-viewer/tests/pdf-viewer.tsx +5 -3
  104. package/src/progressbar/tests/progressbar-blazor-vertical.tsx +23 -23
  105. package/src/progressbar/tests/progressbar-blazor.tsx +18 -18
  106. package/src/progressbar/tests/progressbar-horizontal-chunk.tsx +28 -28
  107. package/src/progressbar/tests/progressbar-horizontal-indeterminate.tsx +12 -12
  108. package/src/progressbar/tests/progressbar-horizontal-reverse.tsx +12 -12
  109. package/src/progressbar/tests/progressbar-vertical.tsx +23 -23
  110. package/src/progressbar/tests/progressbar.tsx +18 -18
  111. package/src/scheduler/tests/scheduler-adaptive-agenda.tsx +1 -1
  112. package/src/scheduler/tests/scheduler-adaptive-month.tsx +1 -1
  113. package/src/scheduler/tests/scheduler-angular-agenda-rtl.tsx +2 -2
  114. package/src/scheduler/tests/scheduler-angular-agenda.tsx +2 -2
  115. package/src/scheduler/tests/scheduler-angular-day-rtl.tsx +2 -2
  116. package/src/scheduler/tests/scheduler-angular-month-rtl.tsx +7 -7
  117. package/src/scheduler/tests/scheduler-angular-month.tsx +7 -7
  118. package/src/scheduler/tests/scheduler-angular-rtl.tsx +4 -4
  119. package/src/scheduler/tests/scheduler-angular.tsx +4 -4
  120. package/src/scheduler/tests/scheduler-flex-layout.tsx +2 -2
  121. package/src/scheduler/tests/scheduler-jquery-agenda.tsx +3 -3
  122. package/src/scheduler/tests/scheduler-jquery-month.tsx +7 -7
  123. package/src/scheduler/tests/scheduler-react-agenda.tsx +10 -10
  124. package/src/scheduler/tests/scheduler-react-day.tsx +2 -2
  125. package/src/scheduler/tests/scheduler-react-month.tsx +66 -66
  126. package/src/scheduler/tests/scheduler-react-timeline-multi.tsx +2 -2
  127. package/src/scheduler/tests/scheduler-react-timeline.tsx +2 -2
  128. package/src/scheduler/tests/scheduler-react-week.tsx +2 -2
  129. package/src/scheduler/tests/scheduler-year.tsx +4 -4
  130. package/src/scheduler/tests/scheduler.tsx +5 -5
  131. package/src/slider/tests/slider-css-vars.tsx +8 -8
  132. package/src/slider/tests/slider-tick-absolute-position.tsx +2 -2
  133. package/src/slider/tests/slider.tsx +18 -18
package/src/progressbar/tests/progressbar-vertical.tsx CHANGED
@@ -33,7 +33,7 @@ root.render(
33
33
  <span className="k-progress-status-wrap k-progress-end">
34
34
  <span className="k-progress-status">95%</span>
35
35
  </span>
36
- <div className="k-state-selected" style={{ height: "95%" }} >
36
+ <div className="k-selected" style={{ height: "95%" }} >
37
37
  <span className="k-progress-status-wrap k-progress-end" style={{ height: "105.263%" }} >
38
38
  <span className="k-progress-status">95%</span>
39
39
  </span>
@@ -43,7 +43,7 @@ root.render(
43
43
  <span className="k-progress-status-wrap k-progress-end">
44
44
  <span className="k-progress-status">100%</span>
45
45
  </span>
46
- <div className="k-state-selected k-complete" style={{ height: "100%" }} >
46
+ <div className="k-selected k-complete" style={{ height: "100%" }} >
47
47
  <span className="k-progress-status-wrap k-progress-end" style={{ height: "100%" }} >
48
48
  <span className="k-progress-status">100%</span>
49
49
  </span>
@@ -53,25 +53,25 @@ root.render(
53
53
  <ul className="k-reset">
54
54
  <li className="k-item k-first" style={{ height: "20%" }} ></li>
55
55
  <li className="k-item" style={{ height: "20%" }} ></li>
56
- <li className="k-item k-state-selected" style={{ height: "20%" }} ></li>
57
- <li className="k-item k-state-selected" style={{ height: "20%" }} ></li>
58
- <li className="k-item k-last k-state-selected" style={{ height: "20%" }} ></li>
56
+ <li className="k-item k-selected" style={{ height: "20%" }} ></li>
57
+ <li className="k-item k-selected" style={{ height: "20%" }} ></li>
58
+ <li className="k-item k-last k-selected" style={{ height: "20%" }} ></li>
59
59
  </ul>
60
60
  </div>
61
61
  <div className="k-widget k-progressbar k-progressbar-vertical">
62
62
  <ul className="k-reset">
63
- <li className="k-item k-state-selected k-first" style={{ height: "20%" }} ></li>
64
- <li className="k-item k-state-selected" style={{ height: "20%" }} ></li>
65
- <li className="k-item k-state-selected" style={{ height: "20%" }} ></li>
66
- <li className="k-item k-state-selected" style={{ height: "20%" }} ></li>
67
- <li className="k-item k-last k-state-selected" style={{ height: "20%" }} ></li>
63
+ <li className="k-item k-selected k-first" style={{ height: "20%" }} ></li>
64
+ <li className="k-item k-selected" style={{ height: "20%" }} ></li>
65
+ <li className="k-item k-selected" style={{ height: "20%" }} ></li>
66
+ <li className="k-item k-selected" style={{ height: "20%" }} ></li>
67
+ <li className="k-item k-last k-selected" style={{ height: "20%" }} ></li>
68
68
  </ul>
69
69
  </div>
70
70
  <div className="k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse">
71
71
  <span className="k-progress-status-wrap k-progress-end">
72
72
  <span className="k-progress-status">5%</span>
73
73
  </span>
74
- <div className="k-state-selected" style={{ height: "5%" }} >
74
+ <div className="k-selected" style={{ height: "5%" }} >
75
75
  <span className="k-progress-status-wrap k-progress-end" style={{ height: "2000%" }} >
76
76
  <span className="k-progress-status">5%</span>
77
77
  </span>
@@ -81,7 +81,7 @@ root.render(
81
81
  <span className="k-progress-status-wrap k-progress-end">
82
82
  <span className="k-progress-status">100%</span>
83
83
  </span>
84
- <div className="k-state-selected k-complete" style={{ height: "100%" }} >
84
+ <div className="k-selected k-complete" style={{ height: "100%" }} >
85
85
  <span className="k-progress-status-wrap k-progress-end" style={{ height: "100%" }} >
86
86
  <span className="k-progress-status">100%</span>
87
87
  </span>
@@ -89,20 +89,20 @@ root.render(
89
89
  </div>
90
90
  <div className="k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse">
91
91
  <ul className="k-reset">
92
- <li className="k-item k-first k-state-selected" style={{ height: "20%" }} ></li>
93
- <li className="k-item k-state-selected" style={{ height: "20%" }} ></li>
94
- <li className="k-item k-state-selected" style={{ height: "20%" }} ></li>
92
+ <li className="k-item k-first k-selected" style={{ height: "20%" }} ></li>
93
+ <li className="k-item k-selected" style={{ height: "20%" }} ></li>
94
+ <li className="k-item k-selected" style={{ height: "20%" }} ></li>
95
95
  <li className="k-item" style={{ height: "20%" }} ></li>
96
96
  <li className="k-item k-last" style={{ height: "20%" }} ></li>
97
97
  </ul>
98
98
  </div>
99
99
  <div className="k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse">
100
100
  <ul className="k-reset">
101
- <li className="k-item k-first k-state-selected" style={{ height: "20%" }} ></li>
102
- <li className="k-item k-state-selected" style={{ height: "20%" }} ></li>
103
- <li className="k-item k-state-selected" style={{ height: "20%" }} ></li>
104
- <li className="k-item k-state-selected" style={{ height: "20%" }} ></li>
105
- <li className="k-item k-state-selected k-last" style={{ height: "20%" }} ></li>
101
+ <li className="k-item k-first k-selected" style={{ height: "20%" }} ></li>
102
+ <li className="k-item k-selected" style={{ height: "20%" }} ></li>
103
+ <li className="k-item k-selected" style={{ height: "20%" }} ></li>
104
+ <li className="k-item k-selected" style={{ height: "20%" }} ></li>
105
+ <li className="k-item k-selected k-last" style={{ height: "20%" }} ></li>
106
106
  </ul>
107
107
  </div>
108
108
  <div className="k-widget k-progressbar k-progressbar-vertical k-progressbar-indeterminate">
@@ -112,13 +112,13 @@ root.render(
112
112
  </div>
113
113
  <div className="k-widget k-progressbar k-progressbar-vertical">
114
114
  <span className="k-progress-status-wrap k-progress-end"></span>
115
- <div className="k-state-selected" style={{ height: "50%" }} >
115
+ <div className="k-selected" style={{ height: "50%" }} >
116
116
  <span className="k-progress-status-wrap k-progress-end" style={{ height: "200%" }} ></span>
117
117
  </div>
118
118
  </div>
119
119
  <div className="k-widget k-progressbar k-progressbar-vertical" style={{ width: "2px" }} >
120
120
  <span className="k-progress-status-wrap k-progress-end"></span>
121
- <div className="k-state-selected" style={{ height: "50%" }} >
121
+ <div className="k-selected" style={{ height: "50%" }} >
122
122
  <span className="k-progress-status-wrap k-progress-end" style={{ height: "200%" }} ></span>
123
123
  </div>
124
124
  </div>
@@ -126,7 +126,7 @@ root.render(
126
126
  <span className="k-progress-status-wrap k-progress-end">
127
127
  <span className="k-progress-status">50%</span>
128
128
  </span>
129
- <div className="k-state-selected" style={{ height: "50%" }} >
129
+ <div className="k-selected" style={{ height: "50%" }} >
130
130
  <span className="k-progress-status-wrap k-progress-end" style={{ height: "200%" }} >
131
131
  <span className="k-progress-status">50%</span>
132
132
  </span>
package/src/progressbar/tests/progressbar.tsx CHANGED
@@ -25,7 +25,7 @@ root.render(
25
25
  <span className="k-progress-status-wrap k-progress-start">
26
26
  <span className="k-progress-status">5%</span>
27
27
  </span>
28
- <div className="k-state-selected" style={{ width: "5%" }} >
28
+ <div className="k-selected" style={{ width: "5%" }} >
29
29
  <span className="k-progress-status-wrap k-progress-start" style={{ width: "2000%" }} >
30
30
  <span className="k-progress-status">5%</span>
31
31
  </span>
@@ -35,7 +35,7 @@ root.render(
35
35
  <span className="k-progress-status-wrap k-progress-start">
36
36
  <span className="k-progress-status">5%</span>
37
37
  </span>
38
- <div className="k-state-selected" style={{ width: "5%" }} >
38
+ <div className="k-selected" style={{ width: "5%" }} >
39
39
  <span className="k-progress-status-wrap k-progress-start" style={{ width: "2000%" }} >
40
40
  <span className="k-progress-status">5%</span>
41
41
  </span>
@@ -47,7 +47,7 @@ root.render(
47
47
  <span className="k-progress-status-wrap k-progress-center">
48
48
  <span className="k-progress-status">50%</span>
49
49
  </span>
50
- <div className="k-state-selected" style={{ width: "50%" }} >
50
+ <div className="k-selected" style={{ width: "50%" }} >
51
51
  <span className="k-progress-status-wrap k-progress-center" style={{ width: "200%" }} >
52
52
  <span className="k-progress-status">50%</span>
53
53
  </span>
@@ -57,7 +57,7 @@ root.render(
57
57
  <span className="k-progress-status-wrap k-progress-center">
58
58
  <span className="k-progress-status">50%</span>
59
59
  </span>
60
- <div className="k-state-selected" style={{ width: "50%" }} >
60
+ <div className="k-selected" style={{ width: "50%" }} >
61
61
  <span className="k-progress-status-wrap k-progress-center" style={{ width: "200%" }} >
62
62
  <span className="k-progress-status">50%</span>
63
63
  </span>
@@ -69,7 +69,7 @@ root.render(
69
69
  <span className="k-progress-status-wrap k-progress-end">
70
70
  <span className="k-progress-status">95%</span>
71
71
  </span>
72
- <div className="k-state-selected" style={{ width: "95%" }} >
72
+ <div className="k-selected" style={{ width: "95%" }} >
73
73
  <span className="k-progress-status-wrap k-progress-end" style={{ width: "105.263%" }} >
74
74
  <span className="k-progress-status">95%</span>
75
75
  </span>
@@ -79,7 +79,7 @@ root.render(
79
79
  <span className="k-progress-status-wrap k-progress-end">
80
80
  <span className="k-progress-status">95%</span>
81
81
  </span>
82
- <div className="k-state-selected" style={{ width: "95%" }} >
82
+ <div className="k-selected" style={{ width: "95%" }} >
83
83
  <span className="k-progress-status-wrap k-progress-end" style={{ width: "105.263%" }} >
84
84
  <span className="k-progress-status">95%</span>
85
85
  </span>
@@ -91,7 +91,7 @@ root.render(
91
91
  <span className="k-progress-status-wrap k-progress-start">
92
92
  <span className="k-progress-status">100%</span>
93
93
  </span>
94
- <div className="k-state-selected" style={{ width: '100%' }} >
94
+ <div className="k-selected" style={{ width: '100%' }} >
95
95
  <span className="k-progress-status-wrap k-progress-start" style={{ width: '100%' }} >
96
96
  <span className="k-progress-status">100%</span>
97
97
  </span>
@@ -101,7 +101,7 @@ root.render(
101
101
  <span className="k-progress-status-wrap k-progress-start">
102
102
  <span className="k-progress-status">100%</span>
103
103
  </span>
104
- <div className="k-state-selected" style={{ width: '100%' }} >
104
+ <div className="k-selected" style={{ width: '100%' }} >
105
105
  <span className="k-progress-status-wrap k-progress-start" style={{ width: '100%' }} >
106
106
  <span className="k-progress-status">100%</span>
107
107
  </span>
@@ -113,7 +113,7 @@ root.render(
113
113
  <span className="k-progress-status-wrap k-progress-center">
114
114
  <span className="k-progress-status">100%</span>
115
115
  </span>
116
- <div className="k-state-selected" style={{ width: '100%' }} >
116
+ <div className="k-selected" style={{ width: '100%' }} >
117
117
  <span className="k-progress-status-wrap k-progress-center" style={{ width: '100%' }} >
118
118
  <span className="k-progress-status">100%</span>
119
119
  </span>
@@ -123,7 +123,7 @@ root.render(
123
123
  <span className="k-progress-status-wrap k-progress-center">
124
124
  <span className="k-progress-status">100%</span>
125
125
  </span>
126
- <div className="k-state-selected" style={{ width: '100%' }} >
126
+ <div className="k-selected" style={{ width: '100%' }} >
127
127
  <span className="k-progress-status-wrap k-progress-center" style={{ width: '100%' }} >
128
128
  <span className="k-progress-status">100%</span>
129
129
  </span>
@@ -135,7 +135,7 @@ root.render(
135
135
  <span className="k-progress-status-wrap k-progress-end">
136
136
  <span className="k-progress-status">100%</span>
137
137
  </span>
138
- <div className="k-state-selected" style={{ width: '100%' }} >
138
+ <div className="k-selected" style={{ width: '100%' }} >
139
139
  <span className="k-progress-status-wrap k-progress-end" style={{ width: '100%' }} >
140
140
  <span className="k-progress-status">100%</span>
141
141
  </span>
@@ -145,7 +145,7 @@ root.render(
145
145
  <span className="k-progress-status-wrap k-progress-end">
146
146
  <span className="k-progress-status">100%</span>
147
147
  </span>
148
- <div className="k-state-selected" style={{ width: '100%' }} >
148
+ <div className="k-selected" style={{ width: '100%' }} >
149
149
  <span className="k-progress-status-wrap k-progress-end" style={{ width: '100%' }} >
150
150
  <span className="k-progress-status">100%</span>
151
151
  </span>
@@ -154,13 +154,13 @@ root.render(
154
154
  <span>No Label</span>
155
155
  <div className="k-widget k-progressbar k-progressbar-horizontal">
156
156
  <span className="k-progress-status-wrap k-progress-end"></span>
157
- <div className="k-state-selected" style={{ width: "50%" }} >
157
+ <div className="k-selected" style={{ width: "50%" }} >
158
158
  <span className="k-progress-status-wrap k-progress-end" style={{ width: "200%" }} ></span>
159
159
  </div>
160
160
  </div>
161
161
  <div dir="rtl" className="k-widget k-progressbar k-progressbar-horizontal">
162
162
  <span className="k-progress-status-wrap k-progress-end"></span>
163
- <div className="k-state-selected" style={{ width: "50%" }} >
163
+ <div className="k-selected" style={{ width: "50%" }} >
164
164
  <span className="k-progress-status-wrap k-progress-end" style={{ width: "200%" }} ></span>
165
165
  </div>
166
166
  </div>
@@ -168,13 +168,13 @@ root.render(
168
168
  <span>Thin style</span>
169
169
  <div className="k-widget k-progressbar k-progressbar-horizontal" style={{ height: "2px" }} >
170
170
  <span className="k-progress-status-wrap k-progress-end"></span>
171
- <div className="k-state-selected" style={{ width: "50%" }} >
171
+ <div className="k-selected" style={{ width: "50%" }} >
172
172
  <span className="k-progress-status-wrap k-progress-end" style={{ width: "200%" }} ></span>
173
173
  </div>
174
174
  </div>
175
175
  <div dir="rtl" className="k-widget k-progressbar k-progressbar-horizontal" style={{ height: "2px" }} >
176
176
  <span className="k-progress-status-wrap k-progress-end"></span>
177
- <div className="k-state-selected" style={{ width: "50%" }} >
177
+ <div className="k-selected" style={{ width: "50%" }} >
178
178
  <span className="k-progress-status-wrap k-progress-end" style={{ width: "200%" }} ></span>
179
179
  </div>
180
180
  </div>
@@ -184,7 +184,7 @@ root.render(
184
184
  <span className="k-progress-status-wrap k-progress-end">
185
185
  <span className="k-progress-status">50%</span>
186
186
  </span>
187
- <div className="k-state-selected" style={{ width: "50%" }} >
187
+ <div className="k-selected" style={{ width: "50%" }} >
188
188
  <span className="k-progress-status-wrap k-progress-end" style={{ width: "200%" }} >
189
189
  <span className="k-progress-status">50%</span>
190
190
  </span>
@@ -194,7 +194,7 @@ root.render(
194
194
  <span className="k-progress-status-wrap k-progress-end">
195
195
  <span className="k-progress-status">50%</span>
196
196
  </span>
197
- <div className="k-state-selected" style={{ width: "50%" }} >
197
+ <div className="k-selected" style={{ width: "50%" }} >
198
198
  <span className="k-progress-status-wrap k-progress-end" style={{ width: "200%" }} >
199
199
  <span className="k-progress-status">50%</span>
200
200
  </span>
package/src/scheduler/tests/scheduler-adaptive-agenda.tsx CHANGED
@@ -79,7 +79,7 @@ root.render(
79
79
  <td>
80
80
  <div className="k-task">
81
81
  <span className="k-scheduler-mark" style={{ backgroundColor: "#f8a398" }}></span>
82
- <Icon name="reload"></Icon>
82
+ <Icon name="arrow-rotate-cw"></Icon>
83
83
  <span className="k-scheduler-task-text">HR Lecture</span>
84
84
  </div>
85
85
  </td>
package/src/scheduler/tests/scheduler-adaptive-month.tsx CHANGED
@@ -124,7 +124,7 @@ root.render(
124
124
  </table>
125
125
  <div className="k-events-container" style={{ top: "97px", left: "140px", width: "140px" }}>
126
126
  <div style={{ backgroundColor: "#51a0ed", borderColor: "#51a0ed" }} className="k-event">
127
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
127
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
128
128
  <div><div className="k-event-template">Dance Practice</div></div>
129
129
  <span className="k-event-actions"></span>
130
130
  </div>
package/src/scheduler/tests/scheduler-angular-agenda-rtl.tsx CHANGED
@@ -23,8 +23,8 @@ root.render(
23
23
  <div className="k-scheduler-navigation">
24
24
  <div className="k-button-group">
25
25
  <Button>Today</Button>
26
- <Button icon="arrow-60-left"></Button>
27
- <Button icon="arrow-60-right"></Button>
26
+ <Button icon="caret-alt-left"></Button>
27
+ <Button icon="caret-alt-right"></Button>
28
28
  </div>
29
29
  </div>
30
30
  <Button icon="calendar" className="k-nav-current" fillMode="flat" >
package/src/scheduler/tests/scheduler-angular-agenda.tsx CHANGED
@@ -23,8 +23,8 @@ root.render(
23
23
  <div className="k-scheduler-navigation">
24
24
  <div className="k-button-group">
25
25
  <Button>Today</Button>
26
- <Button icon="arrow-60-left"></Button>
27
- <Button icon="arrow-60-right"></Button>
26
+ <Button icon="caret-alt-left"></Button>
27
+ <Button icon="caret-alt-right"></Button>
28
28
  </div>
29
29
  </div>
30
30
  <Button icon="calendar" className="k-nav-current" fillMode="flat" >
package/src/scheduler/tests/scheduler-angular-day-rtl.tsx CHANGED
@@ -16,8 +16,8 @@ root.render(
16
16
  <div className="k-scheduler-navigation">
17
17
  <div className="k-button-group">
18
18
  <Button>Today</Button>
19
- <Button icon="arrow-60-left"></Button>
20
- <Button icon="arrow-60-right"></Button>
19
+ <Button icon="caret-alt-left"></Button>
20
+ <Button icon="caret-alt-right"></Button>
21
21
  </div>
22
22
  </div>
23
23
  <Button icon="calendar" className="k-nav-current" fillMode="flat" >
package/src/scheduler/tests/scheduler-angular-month-rtl.tsx CHANGED
@@ -23,8 +23,8 @@ root.render(
23
23
  <div className="k-scheduler-navigation">
24
24
  <div className="k-button-group">
25
25
  <Button>Today</Button>
26
- <Button icon="arrow-60-left"></Button>
27
- <Button icon="arrow-60-right"></Button>
26
+ <Button icon="caret-alt-left"></Button>
27
+ <Button icon="caret-alt-right"></Button>
28
28
  </div>
29
29
  </div>
30
30
  <Button icon="calendar" className="k-nav-current" fillMode="flat" >
@@ -212,18 +212,18 @@ root.render(
212
212
  </table>
213
213
 
214
214
  <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "162px", right: "163px", top: "123px", height: "25px" }} className="k-event">
215
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
215
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
216
216
  <div><div className="k-event-template">Dance Practice</div></div>
217
217
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span>
218
218
  <span className="k-resize-handle k-resize-w"></span>
219
219
  <span className="k-resize-handle k-resize-e"></span>
220
220
  </div>
221
221
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "162px", right: "327px", top: "123px", height: "25px" }} className="k-event">
222
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
222
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
223
223
  <div><div className="k-event-template">HR Lecture</div></div>
224
224
  </div>
225
225
  <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "162px", right: "490px", top: "123px", height: "25px" }} className="k-event">
226
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
226
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
227
227
  <div><div className="k-event-template">Dance Practice</div></div>
228
228
  </div>
229
229
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "488px", right: "653px", top: "123px", height: "25px" }} className="k-event">
@@ -235,7 +235,7 @@ root.render(
235
235
  <div><div className="k-event-template">Software updates</div></div>
236
236
  </div>
237
237
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "162px", right: "490px", top: "150px", height: "25px" }} className="k-event">
238
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
238
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
239
239
  <div><div className="k-event-template">Helpdesk weekly meeting</div></div>
240
240
  </div>
241
241
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "488px", right: "653px", top: "150px", height: "25px" }} className="k-event">
@@ -271,7 +271,7 @@ root.render(
271
271
  <div><div className="k-event-template">Car Service</div></div>
272
272
  </div>
273
273
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "162px", right: "327px", top: "247px", height: "25px" }} className="k-event">
274
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
274
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
275
275
  <div><div className="k-event-template">HR Lecture</div></div>
276
276
  </div>
277
277
  <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "162px", right: "490px", top: "247px", height: "25px" }} className="k-event">
package/src/scheduler/tests/scheduler-angular-month.tsx CHANGED
@@ -23,8 +23,8 @@ root.render(
23
23
  <div className="k-scheduler-navigation">
24
24
  <div className="k-button-group">
25
25
  <Button>Today</Button>
26
- <Button icon="arrow-60-left"></Button>
27
- <Button icon="arrow-60-right"></Button>
26
+ <Button icon="caret-alt-left"></Button>
27
+ <Button icon="caret-alt-right"></Button>
28
28
  </div>
29
29
  </div>
30
30
  <Button icon="calendar" className="k-nav-current" fillMode="flat" >
@@ -212,18 +212,18 @@ root.render(
212
212
  </table>
213
213
 
214
214
  <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "162px", left: "163px", top: "123px", height: "25px" }} className="k-event">
215
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
215
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
216
216
  <div><div className="k-event-template">Dance Practice</div></div>
217
217
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span>
218
218
  <span className="k-resize-handle k-resize-w"></span>
219
219
  <span className="k-resize-handle k-resize-e"></span>
220
220
  </div>
221
221
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "162px", left: "327px", top: "123px", height: "25px" }} className="k-event">
222
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
222
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
223
223
  <div><div className="k-event-template">HR Lecture</div></div>
224
224
  </div>
225
225
  <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "162px", left: "490px", top: "123px", height: "25px" }} className="k-event">
226
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
226
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
227
227
  <div><div className="k-event-template">Dance Practice</div></div>
228
228
  </div>
229
229
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "488px", left: "653px", top: "123px", height: "25px" }} className="k-event">
@@ -235,7 +235,7 @@ root.render(
235
235
  <div><div className="k-event-template">Software updates</div></div>
236
236
  </div>
237
237
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "162px", left: "490px", top: "150px", height: "25px" }} className="k-event">
238
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
238
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
239
239
  <div><div className="k-event-template">Helpdesk weekly meeting</div></div>
240
240
  </div>
241
241
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "488px", left: "653px", top: "150px", height: "25px" }} className="k-event">
@@ -271,7 +271,7 @@ root.render(
271
271
  <div><div className="k-event-template">Car Service</div></div>
272
272
  </div>
273
273
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "162px", left: "327px", top: "247px", height: "25px" }} className="k-event">
274
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
274
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
275
275
  <div><div className="k-event-template">HR Lecture</div></div>
276
276
  </div>
277
277
  <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "162px", left: "490px", top: "247px", height: "25px" }} className="k-event">
package/src/scheduler/tests/scheduler-angular-rtl.tsx CHANGED
@@ -23,8 +23,8 @@ root.render(
23
23
  <div className="k-scheduler-navigation">
24
24
  <div className="k-button-group">
25
25
  <Button>Today</Button>
26
- <Button icon="arrow-60-left"></Button>
27
- <Button icon="arrow-60-right"></Button>
26
+ <Button icon="caret-alt-left"></Button>
27
+ <Button icon="caret-alt-right"></Button>
28
28
  </div>
29
29
  </div>
30
30
  <Button icon="calendar" className="k-nav-current" fillMode="flat" >
@@ -365,7 +365,7 @@ root.render(
365
365
  </tbody>
366
366
  </table>
367
367
  <div className="k-event" style={{ width: "150px", right: "306px", top: '0px', height: "73px" }} >
368
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
368
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
369
369
  <div>
370
370
  <div className="k-event-template k-event-time">7:00 AM - 8:00 AM</div>
371
371
  <div className="k-event-template">HR Lecture</div>
@@ -374,7 +374,7 @@ root.render(
374
374
  </div>
375
375
 
376
376
  <div className="k-event k-event-drag-hint" style={{ width: "150px", right: "631px", top: '0px', height: "73px" }} >
377
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
377
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
378
378
  <div>
379
379
  <div className="k-event-template k-event-time">7:00 AM - 8:00 AM</div>
380
380
  <div className="k-event-template">HR Lecture</div>
package/src/scheduler/tests/scheduler-angular.tsx CHANGED
@@ -23,8 +23,8 @@ root.render(
23
23
  <div className="k-scheduler-navigation">
24
24
  <div className="k-button-group">
25
25
  <Button>Today</Button>
26
- <Button icon="arrow-60-left"></Button>
27
- <Button icon="arrow-60-right"></Button>
26
+ <Button icon="caret-alt-left"></Button>
27
+ <Button icon="caret-alt-right"></Button>
28
28
  </div>
29
29
  </div>
30
30
  <Button icon="calendar" className="k-nav-current" fillMode="flat" >
@@ -365,7 +365,7 @@ root.render(
365
365
  </tbody>
366
366
  </table>
367
367
  <div className="k-event" style={{ width: "150px", left: "306px", top: '0px', height: "73px" }} >
368
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
368
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
369
369
  <div>
370
370
  <div className="k-event-template k-event-time">7:00 AM - 8:00 AM</div>
371
371
  <div className="k-event-template">HR Lecture</div>
@@ -374,7 +374,7 @@ root.render(
374
374
  </div>
375
375
 
376
376
  <div className="k-event k-event-drag-hint" style={{ width: "150px", left: "631px", top: '0px', height: "73px" }} >
377
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
377
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
378
378
  <div>
379
379
  <div className="k-event-template k-event-time">7:00 AM - 8:00 AM</div>
380
380
  <div className="k-event-template">HR Lecture</div>
package/src/scheduler/tests/scheduler-flex-layout.tsx CHANGED
@@ -14,8 +14,8 @@ root.render(
14
14
  <div className="k-scheduler-toolbar k-toolbar">
15
15
  <span className="k-button-group k-scheduler-navigation">
16
16
  <Button>Today</Button>
17
- <Button icon="arrow-60-left"></Button>
18
- <Button icon="arrow-60-right"></Button>
17
+ <Button icon="caret-alt-left"></Button>
18
+ <Button icon="caret-alt-right"></Button>
19
19
  </span>
20
20
  <Button icon="calendar" className="k-nav-current" fillMode="flat" >
21
21
  Monday, June 24, 2019
package/src/scheduler/tests/scheduler-jquery-agenda.tsx CHANGED
@@ -21,8 +21,8 @@ root.render(
21
21
  <div className="k-scheduler-toolbar k-toolbar">
22
22
  <span className="k-button-group k-scheduler-navigation">
23
23
  <Button>Today</Button>
24
- <Button icon="arrow-60-left"></Button>
25
- <Button icon="arrow-60-right"></Button>
24
+ <Button icon="caret-alt-left"></Button>
25
+ <Button icon="caret-alt-right"></Button>
26
26
  </span>
27
27
  <Button icon="calendar" className="k-nav-current" fillMode="flat" >
28
28
  Monday, June 10, 2013 - Friday, June 14, 2013
@@ -104,7 +104,7 @@ root.render(
104
104
  <td>
105
105
  <div className="k-task">
106
106
  <span className="k-scheduler-mark"></span>
107
- <Icon name="reload"></Icon>
107
+ <Icon name="arrow-rotate-cw"></Icon>
108
108
  <span className="k-scheduler-task-text">Recurring</span>
109
109
  </div>
110
110
  </td>
package/src/scheduler/tests/scheduler-jquery-month.tsx CHANGED
@@ -36,8 +36,8 @@ root.render(
36
36
  <div className="k-scheduler-toolbar k-toolbar">
37
37
  <span className="k-scheduler-navigation k-button-group">
38
38
  <Button>Today</Button>
39
- <Button icon="arrow-60-left"></Button>
40
- <Button icon="arrow-60-right"></Button>
39
+ <Button icon="caret-alt-left"></Button>
40
+ <Button icon="caret-alt-right"></Button>
41
41
  </span>
42
42
  <Button icon="calendar" className="k-nav-current" fillMode="flat" >
43
43
  June, 2013
@@ -226,15 +226,15 @@ root.render(
226
226
  </table>
227
227
 
228
228
  <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", "--span": "1", "--col": "2", "--row": "2", "--slot": "1", height: "25px" } as React.CSSProperties} className="k-event">
229
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
229
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
230
230
  <div><div className="k-event-template">Dance Practice</div></div>
231
231
  </div>
232
232
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", "--span": "1", "--col": "3", "--row": "2", "--slot": "1", height: "25px" } as React.CSSProperties} className="k-event">
233
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
233
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
234
234
  <div><div className="k-event-template">HR Lecture</div></div>
235
235
  </div>
236
236
  <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", "--span": "1", "--col": "4", "--row": "2", "--slot": "1", height: "25px" } as React.CSSProperties} className="k-event">
237
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
237
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
238
238
  <div><div className="k-event-template">Dance Practice</div></div>
239
239
  </div>
240
240
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", "--span": "3", "--col": "5", "--row": "2", "--slot": "1", height: "25px" } as React.CSSProperties} className="k-event">
@@ -246,7 +246,7 @@ root.render(
246
246
  <div><div className="k-event-template">Software updates</div></div>
247
247
  </div>
248
248
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", "--span": "1", "--col": "4", "--row": "2", "--slot": "2", height: "25px" } as React.CSSProperties} className="k-event">
249
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
249
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
250
250
  <div><div className="k-event-template">Helpdesk weekly meeting</div></div>
251
251
  </div>
252
252
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", "--span": "3", "--col": "5", "--row": "2", "--slot": "2", height: "25px" } as React.CSSProperties} className="k-event">
@@ -282,7 +282,7 @@ root.render(
282
282
  <div><div className="k-event-template">Car Service</div></div>
283
283
  </div>
284
284
  <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", "--span": "1", "--col": "3", "--row": "3", "--slot": "2", height: "25px" } as React.CSSProperties} className="k-event">
285
- <span className="k-event-actions"><Icon name="reload"></Icon></span>
285
+ <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
286
286
  <div><div className="k-event-template">HR Lecture</div></div>
287
287
  </div>
288
288
  <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", "--span": "1", "--col": "4", "--row": "3", "--slot": "2", height: "25px" } as React.CSSProperties} className="k-event">