@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-blazor-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">
36
+ <div className="k-selected">
37
37
  <span className="k-progress-status-wrap k-progress-end">
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">
46
+ <div className="k-selected k-complete">
47
47
  <span className="k-progress-status-wrap k-progress-end">
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" style={{ "--kendo-progressbar-progress": "5" } as React.CSSProperties}>
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">
84
+ <div className="k-selected k-complete">
85
85
  <span className="k-progress-status-wrap k-progress-end">
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" style={{ "--kendo-progressbar-progress": "50" } as React.CSSProperties}>
114
114
  <span className="k-progress-status-wrap k-progress-end"></span>
115
- <div className="k-state-selected">
115
+ <div className="k-selected">
116
116
  <span className="k-progress-status-wrap k-progress-end"></span>
117
117
  </div>
118
118
  </div>
119
119
  <div className="k-widget k-progressbar k-progressbar-vertical" style={{ width: "2px", "--kendo-progressbar-progress": "50" } as React.CSSProperties}>
120
120
  <span className="k-progress-status-wrap k-progress-end"></span>
121
- <div className="k-state-selected">
121
+ <div className="k-selected">
122
122
  <span className="k-progress-status-wrap k-progress-end"></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">
129
+ <div className="k-selected">
130
130
  <span className="k-progress-status-wrap k-progress-end">
131
131
  <span className="k-progress-status">50%</span>
132
132
  </span>
package/src/progressbar/tests/progressbar-blazor.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">
28
+ <div className="k-selected">
29
29
  <span className="k-progress-status-wrap k-progress-start">
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">
38
+ <div className="k-selected">
39
39
  <span className="k-progress-status-wrap k-progress-start">
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">
50
+ <div className="k-selected">
51
51
  <span className="k-progress-status-wrap k-progress-center">
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">
60
+ <div className="k-selected">
61
61
  <span className="k-progress-status-wrap k-progress-center">
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">
72
+ <div className="k-selected">
73
73
  <span className="k-progress-status-wrap k-progress-end">
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">
82
+ <div className="k-selected">
83
83
  <span className="k-progress-status-wrap k-progress-end">
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">
94
+ <div className="k-selected">
95
95
  <span className="k-progress-status-wrap k-progress-start">
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">
104
+ <div className="k-selected">
105
105
  <span className="k-progress-status-wrap k-progress-start">
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">
116
+ <div className="k-selected">
117
117
  <span className="k-progress-status-wrap k-progress-center">
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">
126
+ <div className="k-selected">
127
127
  <span className="k-progress-status-wrap k-progress-center">
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">
138
+ <div className="k-selected">
139
139
  <span className="k-progress-status-wrap k-progress-end">
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">
148
+ <div className="k-selected">
149
149
  <span className="k-progress-status-wrap k-progress-end">
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" style={{ "--kendo-progressbar-progress": "50" } as React.CSSProperties}>
156
156
  <span className="k-progress-status-wrap k-progress-end"></span>
157
- <div className="k-state-selected">
157
+ <div className="k-selected">
158
158
  <span className="k-progress-status-wrap k-progress-end"></span>
159
159
  </div>
160
160
  </div>
161
161
  <div dir="rtl" className="k-widget k-progressbar k-progressbar-horizontal" style={{ "--kendo-progressbar-progress": "50" } as React.CSSProperties}>
162
162
  <span className="k-progress-status-wrap k-progress-end"></span>
163
- <div className="k-state-selected">
163
+ <div className="k-selected">
164
164
  <span className="k-progress-status-wrap k-progress-end"></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", "--kendo-progressbar-progress": "50" } as React.CSSProperties}>
170
170
  <span className="k-progress-status-wrap k-progress-end"></span>
171
- <div className="k-state-selected">
171
+ <div className="k-selected">
172
172
  <span className="k-progress-status-wrap k-progress-end"></span>
173
173
  </div>
174
174
  </div>
175
175
  <div dir="rtl" className="k-widget k-progressbar k-progressbar-horizontal" style={{ height: "2px", "--kendo-progressbar-progress": "50" } as React.CSSProperties}>
176
176
  <span className="k-progress-status-wrap k-progress-end"></span>
177
- <div className="k-state-selected">
177
+ <div className="k-selected">
178
178
  <span className="k-progress-status-wrap k-progress-end"></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">
187
+ <div className="k-selected">
188
188
  <span className="k-progress-status-wrap k-progress-end">
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">
197
+ <div className="k-selected">
198
198
  <span className="k-progress-status-wrap k-progress-end">
199
199
  <span className="k-progress-status">50%</span>
200
200
  </span>
package/src/progressbar/tests/progressbar-horizontal-chunk.tsx CHANGED
@@ -23,8 +23,8 @@ root.render(
23
23
  <span>Chunk</span>
24
24
  <div className="k-widget k-progressbar k-progressbar-horizontal">
25
25
  <ul className="k-reset">
26
- <li className="k-item k-first k-state-selected" style={{ width: "20%" }} ></li>
27
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
26
+ <li className="k-item k-first k-selected" style={{ width: "20%" }} ></li>
27
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
28
28
  <li className="k-item" style={{ width: "20%" }} ></li>
29
29
  <li className="k-item" style={{ width: "20%" }} ></li>
30
30
  <li className="k-item k-last" style={{ width: "20%" }} ></li>
@@ -32,8 +32,8 @@ root.render(
32
32
  </div>
33
33
  <div dir="rtl" className="k-widget k-progressbar k-progressbar-horizontal">
34
34
  <ul className="k-reset">
35
- <li className="k-item k-first k-state-selected" style={{ width: "20%" }} ></li>
36
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
35
+ <li className="k-item k-first k-selected" style={{ width: "20%" }} ></li>
36
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
37
37
  <li className="k-item" style={{ width: "20%" }} ></li>
38
38
  <li className="k-item" style={{ width: "20%" }} ></li>
39
39
  <li className="k-item k-last" style={{ width: "20%" }} ></li>
@@ -43,20 +43,20 @@ root.render(
43
43
  <span>Chunk 100%</span>
44
44
  <div className="k-widget k-progressbar k-progressbar-horizontal">
45
45
  <ul className="k-reset">
46
- <li className="k-item k-first k-state-selected" style={{ width: "20%" }} ></li>
47
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
48
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
49
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
50
- <li className="k-item k-state-selected k-last" style={{ width: "20%" }} ></li>
46
+ <li className="k-item k-first k-selected" style={{ width: "20%" }} ></li>
47
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
48
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
49
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
50
+ <li className="k-item k-selected k-last" style={{ width: "20%" }} ></li>
51
51
  </ul>
52
52
  </div>
53
53
  <div dir="rtl" className="k-widget k-progressbar k-progressbar-horizontal">
54
54
  <ul className="k-reset">
55
- <li className="k-item k-first k-state-selected" style={{ width: "20%" }} ></li>
56
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
57
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
58
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
59
- <li className="k-item k-state-selected k-last" style={{ width: "20%" }} ></li>
55
+ <li className="k-item k-first k-selected" style={{ width: "20%" }} ></li>
56
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
57
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
58
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
59
+ <li className="k-item k-selected k-last" style={{ width: "20%" }} ></li>
60
60
  </ul>
61
61
  </div>
62
62
 
@@ -66,8 +66,8 @@ root.render(
66
66
  <li className="k-item k-first" style={{ width: "20%" }} ></li>
67
67
  <li className="k-item" style={{ width: "20%" }} ></li>
68
68
  <li className="k-item" style={{ width: "20%" }} ></li>
69
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
70
- <li className="k-item k-state-selected k-last" style={{ width: "20%" }} ></li>
69
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
70
+ <li className="k-item k-selected k-last" style={{ width: "20%" }} ></li>
71
71
  </ul>
72
72
  </div>
73
73
  <div dir="rtl" className="k-widget k-progressbar k-progressbar-horizontal k-progressbar-reverse">
@@ -75,28 +75,28 @@ root.render(
75
75
  <li className="k-item k-first" style={{ width: "20%" }} ></li>
76
76
  <li className="k-item" style={{ width: "20%" }} ></li>
77
77
  <li className="k-item" style={{ width: "20%" }} ></li>
78
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
79
- <li className="k-item k-state-selected k-last" style={{ width: "20%" }} ></li>
78
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
79
+ <li className="k-item k-selected k-last" style={{ width: "20%" }} ></li>
80
80
  </ul>
81
81
  </div>
82
82
 
83
83
  <span>Chunk 100% reverse</span>
84
84
  <div className="k-widget k-progressbar k-progressbar-horizontal k-progressbar-reverse">
85
85
  <ul className="k-reset">
86
- <li className="k-item k-first k-state-selected" style={{ width: "20%" }} ></li>
87
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
88
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
89
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
90
- <li className="k-item k-state-selected k-last" style={{ width: "20%" }} ></li>
86
+ <li className="k-item k-first k-selected" style={{ width: "20%" }} ></li>
87
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
88
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
89
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
90
+ <li className="k-item k-selected k-last" style={{ width: "20%" }} ></li>
91
91
  </ul>
92
92
  </div>
93
93
  <div dir="rtl" className="k-widget k-progressbar k-progressbar-horizontal k-progressbar-reverse">
94
94
  <ul className="k-reset">
95
- <li className="k-item k-first k-state-selected" style={{ width: "20%" }} ></li>
96
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
97
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
98
- <li className="k-item k-state-selected" style={{ width: "20%" }} ></li>
99
- <li className="k-item k-state-selected k-last" style={{ width: "20%" }} ></li>
95
+ <li className="k-item k-first k-selected" style={{ width: "20%" }} ></li>
96
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
97
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
98
+ <li className="k-item k-selected" style={{ width: "20%" }} ></li>
99
+ <li className="k-item k-selected k-last" style={{ width: "20%" }} ></li>
100
100
  </ul>
101
101
  </div>
102
102
 
package/src/progressbar/tests/progressbar-horizontal-indeterminate.tsx CHANGED
@@ -46,7 +46,7 @@ root.render(
46
46
  <span className="k-progress-status-wrap k-progress-end">
47
47
  <span className="k-progress-status">75</span>
48
48
  </span>
49
- <div className="k-state-selected" style={{ width: "75%", height: "100%" }} >
49
+ <div className="k-selected" style={{ width: "75%", height: "100%" }} >
50
50
  <span className="k-progress-status-wrap k-progress-end" style={{ width: "133.333%", height: "100%" }} >
51
51
  <span className="k-progress-status">75</span>
52
52
  </span>
@@ -56,7 +56,7 @@ root.render(
56
56
  <span className="k-progress-status-wrap k-progress-end">
57
57
  <span className="k-progress-status">75</span>
58
58
  </span>
59
- <div className="k-state-selected" style={{ width: "75%", height: "100%" }} >
59
+ <div className="k-selected" style={{ width: "75%", height: "100%" }} >
60
60
  <span className="k-progress-status-wrap k-progress-end" style={{ width: "133.333%", height: "100%" }} >
61
61
  <span className="k-progress-status">75</span>
62
62
  </span>
@@ -66,11 +66,11 @@ root.render(
66
66
  <span>Chunk Indeterminate</span>
67
67
  <div className="k-widget k-progressbar k-progressbar-horizontal k-progressbar-indeterminate">
68
68
  <ul className="k-reset">
69
- <li className="k-item k-first k-state-selected" style={{ width: "10%" }} ></li>
70
- <li className="k-item k-state-selected" style={{ width: "10%" }} ></li>
71
- <li className="k-item k-state-selected" style={{ width: "10%" }} ></li>
72
- <li className="k-item k-state-selected" style={{ width: "10%" }} ></li>
73
- <li className="k-item k-state-selected" style={{ width: "10%" }} ></li>
69
+ <li className="k-item k-first k-selected" style={{ width: "10%" }} ></li>
70
+ <li className="k-item k-selected" style={{ width: "10%" }} ></li>
71
+ <li className="k-item k-selected" style={{ width: "10%" }} ></li>
72
+ <li className="k-item k-selected" style={{ width: "10%" }} ></li>
73
+ <li className="k-item k-selected" style={{ width: "10%" }} ></li>
74
74
  <li className="k-item" style={{ width: "10%" }} ></li>
75
75
  <li className="k-item" style={{ width: "10%" }} ></li>
76
76
  <li className="k-item" style={{ width: "10%" }} ></li>
@@ -80,11 +80,11 @@ root.render(
80
80
  </div>
81
81
  <div dir="rtl" className="k-widget k-progressbar k-progressbar-horizontal k-progressbar-indeterminate">
82
82
  <ul className="k-reset">
83
- <li className="k-item k-first k-state-selected" style={{ width: "10%" }} ></li>
84
- <li className="k-item k-state-selected" style={{ width: "10%" }} ></li>
85
- <li className="k-item k-state-selected" style={{ width: "10%" }} ></li>
86
- <li className="k-item k-state-selected" style={{ width: "10%" }} ></li>
87
- <li className="k-item k-state-selected" style={{ width: "10%" }} ></li>
83
+ <li className="k-item k-first k-selected" style={{ width: "10%" }} ></li>
84
+ <li className="k-item k-selected" style={{ width: "10%" }} ></li>
85
+ <li className="k-item k-selected" style={{ width: "10%" }} ></li>
86
+ <li className="k-item k-selected" style={{ width: "10%" }} ></li>
87
+ <li className="k-item k-selected" style={{ width: "10%" }} ></li>
88
88
  <li className="k-item" style={{ width: "10%" }} ></li>
89
89
  <li className="k-item" style={{ width: "10%" }} ></li>
90
90
  <li className="k-item" style={{ width: "10%" }} ></li>
package/src/progressbar/tests/progressbar-horizontal-reverse.tsx CHANGED
@@ -40,7 +40,7 @@ root.render(
40
40
  <span className="k-progress-status-wrap k-progress-start">
41
41
  <span className="k-progress-status">95%</span>
42
42
  </span>
43
- <div className="k-state-selected" style={{ width: "95%" }} >
43
+ <div className="k-selected" style={{ width: "95%" }} >
44
44
  <span className="k-progress-status-wrap k-progress-start" style={{ width: "105.263%" }} >
45
45
  <span className="k-progress-status">95%</span>
46
46
  </span>
@@ -50,7 +50,7 @@ root.render(
50
50
  <span className="k-progress-status-wrap k-progress-start">
51
51
  <span className="k-progress-status">95%</span>
52
52
  </span>
53
- <div className="k-state-selected" style={{ width: "95%" }} >
53
+ <div className="k-selected" style={{ width: "95%" }} >
54
54
  <span className="k-progress-status-wrap k-progress-start" style={{ width: "105.263%" }} >
55
55
  <span className="k-progress-status">95%</span>
56
56
  </span>
@@ -62,7 +62,7 @@ root.render(
62
62
  <span className="k-progress-status-wrap k-progress-center">
63
63
  <span className="k-progress-status">50%</span>
64
64
  </span>
65
- <div className="k-state-selected" style={{ width: "50%" }} >
65
+ <div className="k-selected" style={{ width: "50%" }} >
66
66
  <span className="k-progress-status-wrap k-progress-center" style={{ width: "200%" }} >
67
67
  <span className="k-progress-status">50%</span>
68
68
  </span>
@@ -72,7 +72,7 @@ root.render(
72
72
  <span className="k-progress-status-wrap k-progress-center">
73
73
  <span className="k-progress-status">50%</span>
74
74
  </span>
75
- <div className="k-state-selected" style={{ width: "50%" }} >
75
+ <div className="k-selected" style={{ width: "50%" }} >
76
76
  <span className="k-progress-status-wrap k-progress-center" style={{ width: "200%" }} >
77
77
  <span className="k-progress-status">50%</span>
78
78
  </span>
@@ -84,7 +84,7 @@ root.render(
84
84
  <span className="k-progress-status-wrap k-progress-end">
85
85
  <span className="k-progress-status">5%</span>
86
86
  </span>
87
- <div className="k-state-selected" style={{ width: "5%" }} >
87
+ <div className="k-selected" style={{ width: "5%" }} >
88
88
  <span className="k-progress-status-wrap k-progress-end" style={{ width: "2000%" }} >
89
89
  <span className="k-progress-status">5%</span>
90
90
  </span>
@@ -94,7 +94,7 @@ root.render(
94
94
  <span className="k-progress-status-wrap k-progress-end">
95
95
  <span className="k-progress-status">5%</span>
96
96
  </span>
97
- <div className="k-state-selected" style={{ width: "5%" }} >
97
+ <div className="k-selected" style={{ width: "5%" }} >
98
98
  <span className="k-progress-status-wrap k-progress-end" style={{ width: "2000%" }} >
99
99
  <span className="k-progress-status">5%</span>
100
100
  </span>
@@ -106,7 +106,7 @@ root.render(
106
106
  <span className="k-progress-status-wrap k-progress-start">
107
107
  <span className="k-progress-status">100%</span>
108
108
  </span>
109
- <div className="k-state-selected" style={{ width: '100%' }} >
109
+ <div className="k-selected" style={{ width: '100%' }} >
110
110
  <span className="k-progress-status-wrap k-progress-start" style={{ width: '100%' }} >
111
111
  <span className="k-progress-status">100%</span>
112
112
  </span>
@@ -116,7 +116,7 @@ root.render(
116
116
  <span className="k-progress-status-wrap k-progress-start">
117
117
  <span className="k-progress-status">100%</span>
118
118
  </span>
119
- <div className="k-state-selected" style={{ width: '100%' }} >
119
+ <div className="k-selected" style={{ width: '100%' }} >
120
120
  <span className="k-progress-status-wrap k-progress-start" style={{ width: '100%' }} >
121
121
  <span className="k-progress-status">100%</span>
122
122
  </span>
@@ -128,7 +128,7 @@ root.render(
128
128
  <span className="k-progress-status-wrap k-progress-center">
129
129
  <span className="k-progress-status">100%</span>
130
130
  </span>
131
- <div className="k-state-selected" style={{ width: '100%' }} >
131
+ <div className="k-selected" style={{ width: '100%' }} >
132
132
  <span className="k-progress-status-wrap k-progress-center" style={{ width: '100%' }} >
133
133
  <span className="k-progress-status">100%</span>
134
134
  </span>
@@ -138,7 +138,7 @@ root.render(
138
138
  <span className="k-progress-status-wrap k-progress-center">
139
139
  <span className="k-progress-status">100%</span>
140
140
  </span>
141
- <div className="k-state-selected" style={{ width: '100%' }} >
141
+ <div className="k-selected" style={{ width: '100%' }} >
142
142
  <span className="k-progress-status-wrap k-progress-center" style={{ width: '100%' }} >
143
143
  <span className="k-progress-status">100%</span>
144
144
  </span>
@@ -150,7 +150,7 @@ root.render(
150
150
  <span className="k-progress-status-wrap k-progress-end">
151
151
  <span className="k-progress-status">100%</span>
152
152
  </span>
153
- <div className="k-state-selected" style={{ width: '100%' }} >
153
+ <div className="k-selected" style={{ width: '100%' }} >
154
154
  <span className="k-progress-status-wrap k-progress-end" style={{ width: '100%' }} >
155
155
  <span className="k-progress-status">100%</span>
156
156
  </span>
@@ -160,7 +160,7 @@ root.render(
160
160
  <span className="k-progress-status-wrap k-progress-end">
161
161
  <span className="k-progress-status">100%</span>
162
162
  </span>
163
- <div className="k-state-selected" style={{ width: '100%' }} >
163
+ <div className="k-selected" style={{ width: '100%' }} >
164
164
  <span className="k-progress-status-wrap k-progress-end" style={{ width: '100%' }} >
165
165
  <span className="k-progress-status">100%</span>
166
166
  </span>