@progress/kendo-themes-html 5.6.1-dev.0 → 5.6.1-dev.1

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 (64) hide show
  1. package/dist/grid/tests/grid-adaptive-pager.js +2 -2
  2. package/dist/grid/tests/grid-adaptive-pager.js.map +1 -1
  3. package/dist/grid/tests/grid-angular.js +6 -6
  4. package/dist/grid/tests/grid-angular.js.map +2 -2
  5. package/dist/grid/tests/grid-pager.js +16 -16
  6. package/dist/grid/tests/grid-pager.js.map +2 -2
  7. package/dist/grid/tests/grid-rtl-angular.js +6 -6
  8. package/dist/grid/tests/grid-rtl-angular.js.map +2 -2
  9. package/dist/grid/tests/grid-rtl.js +1 -1
  10. package/dist/grid/tests/grid-rtl.js.map +1 -1
  11. package/dist/grid/tests/grid-sticky-columns-rtl.js +1 -1
  12. package/dist/grid/tests/grid-sticky-columns-rtl.js.map +2 -2
  13. package/dist/grid/tests/grid.js +7 -7
  14. package/dist/grid/tests/grid.js.map +2 -2
  15. package/dist/pager/tests/pager-responsive.js +39 -39
  16. package/dist/pager/tests/pager-responsive.js.map +2 -2
  17. package/dist/pager/tests/pager.js +24 -24
  18. package/dist/pager/tests/pager.js.map +2 -2
  19. package/dist/panelbar/tests/panelbar-angular.js +8 -8
  20. package/dist/panelbar/tests/panelbar-angular.js.map +1 -1
  21. package/dist/panelbar/tests/panelbar-jquery.js +8 -8
  22. package/dist/panelbar/tests/panelbar-jquery.js.map +1 -1
  23. package/dist/panelbar/tests/panelbar-react.js +8 -8
  24. package/dist/panelbar/tests/panelbar-react.js.map +1 -1
  25. package/dist/panelbar/tests/panelbar-universal.js +8 -8
  26. package/dist/panelbar/tests/panelbar-universal.js.map +1 -1
  27. package/dist/pdf-viewer/tests/pdf-viewer.js +1 -1
  28. package/dist/pdf-viewer/tests/pdf-viewer.js.map +1 -1
  29. package/dist/stepper/tests/stepper-horizontal-rtl.js +5 -5
  30. package/dist/stepper/tests/stepper-horizontal-rtl.js.map +2 -2
  31. package/dist/stepper/tests/stepper-states.js +30 -30
  32. package/dist/stepper/tests/stepper-states.js.map +2 -2
  33. package/dist/stepper/tests/stepper-vertical-rtl.js +4 -4
  34. package/dist/stepper/tests/stepper-vertical-rtl.js.map +2 -2
  35. package/dist/stepper/tests/stepper-vertical.js +5 -5
  36. package/dist/stepper/tests/stepper-vertical.js.map +2 -2
  37. package/dist/stepper/tests/stepper.js +6 -6
  38. package/dist/stepper/tests/stepper.js.map +2 -2
  39. package/dist/wizard/tests/wizard-horizontal.js +5 -5
  40. package/dist/wizard/tests/wizard-horizontal.js.map +2 -2
  41. package/dist/wizard/tests/wizard-vertical.js +8 -8
  42. package/dist/wizard/tests/wizard-vertical.js.map +2 -2
  43. package/package.json +2 -2
  44. package/src/grid/tests/grid-adaptive-pager.tsx +2 -2
  45. package/src/grid/tests/grid-angular.tsx +6 -6
  46. package/src/grid/tests/grid-pager.tsx +16 -16
  47. package/src/grid/tests/grid-rtl-angular.tsx +6 -6
  48. package/src/grid/tests/grid-rtl.tsx +1 -1
  49. package/src/grid/tests/grid-sticky-columns-rtl.tsx +1 -1
  50. package/src/grid/tests/grid.tsx +7 -7
  51. package/src/pager/tests/pager-responsive.tsx +39 -39
  52. package/src/pager/tests/pager.tsx +24 -24
  53. package/src/panelbar/tests/panelbar-angular.tsx +8 -8
  54. package/src/panelbar/tests/panelbar-jquery.tsx +8 -8
  55. package/src/panelbar/tests/panelbar-react.tsx +8 -8
  56. package/src/panelbar/tests/panelbar-universal.tsx +8 -8
  57. package/src/pdf-viewer/tests/pdf-viewer.tsx +1 -1
  58. package/src/stepper/tests/stepper-horizontal-rtl.tsx +5 -5
  59. package/src/stepper/tests/stepper-states.tsx +30 -30
  60. package/src/stepper/tests/stepper-vertical-rtl.tsx +4 -4
  61. package/src/stepper/tests/stepper-vertical.tsx +5 -5
  62. package/src/stepper/tests/stepper.tsx +6 -6
  63. package/src/wizard/tests/wizard-horizontal.tsx +5 -5
  64. package/src/wizard/tests/wizard-vertical.tsx +8 -8
package/src/grid/tests/grid.tsx CHANGED
@@ -62,15 +62,15 @@ root.render(
62
62
  </tbody>
63
63
  </table>
64
64
  </div>
65
- <div className="k-widget k-pager-wrap k-grid-pager">
66
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
67
- <a className="k-link k-pager-nav k-state-disabled"><Icon name="arrow-w" /></a>
65
+ <div className="k-widget k-pager k-grid-pager">
66
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
67
+ <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
68
68
  <div className="k-pager-numbers-wrap">
69
69
  <select className="k-picker k-dropdown-list k-dropdown">
70
70
  <option>1</option>
71
71
  </select>
72
72
  <ul className="k-pager-numbers">
73
- <li><span className="k-link k-state-selected">1</span></li>
73
+ <li><span className="k-link k-selected">1</span></li>
74
74
  <li><a className="k-link">2</a></li>
75
75
  <li><a className="k-link">3</a></li>
76
76
  </ul>
@@ -99,15 +99,15 @@ root.render(
99
99
  <a className="k-grid-filter"><Icon name="filter" /></a>
100
100
  <a className="k-link">Default<span></span></a>
101
101
  </th>
102
- <th className="k-header k-filterable k-state-hover">
102
+ <th className="k-header k-filterable k-hover">
103
103
  <a className="k-grid-filter"><Icon name="filter" /></a>
104
104
  <a className="k-link">Hover<span></span></a>
105
105
  </th>
106
- <th className="k-header k-filterable k-state-focused">
106
+ <th className="k-header k-filterable k-focus">
107
107
  <a className="k-grid-filter"><Icon name="filter" /></a>
108
108
  <a className="k-link">Focus<span></span></a>
109
109
  </th>
110
- <th className="k-header k-filterable k-state-active">
110
+ <th className="k-header k-filterable k-active">
111
111
  <a className="k-grid-filter"><Icon name="filter" /></a>
112
112
  <a className="k-link">Active<span></span></a>
113
113
  </th>
package/src/pager/tests/pager-responsive.tsx CHANGED
@@ -24,23 +24,23 @@ root.render(
24
24
  <span></span>
25
25
 
26
26
  <span>lg</span>
27
- <div className="k-pager-wrap k-widget k-pager-lg">
28
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
29
- <a className="k-link k-pager-nav k-state-focus"><Icon name="arrow-w" /></a>
27
+ <div className="k-pager k-widget k-pager-lg">
28
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
29
+ <a className="k-link k-pager-nav k-focus"><Icon name="arrow-w" /></a>
30
30
  <div className="k-pager-numbers-wrap">
31
31
  <select className="k-picker k-dropdown-list k-dropdown">
32
32
  <option>1</option>
33
33
  </select>
34
34
  <ul className="k-pager-numbers">
35
35
  <li><span className="k-link">1</span></li>
36
- <li><a className="k-link k-state-hover">2</a></li>
37
- <li><span className="k-link k-state-focus">3</span></li>
38
- <li><a className="k-link k-state-selected">4</a></li>
39
- <li><a className="k-link k-state-hover k-state-focus">5</a></li>
40
- <li><a className="k-link k-state-selected k-state-focus">6</a></li>
36
+ <li><a className="k-link k-hover">2</a></li>
37
+ <li><span className="k-link k-focus">3</span></li>
38
+ <li><a className="k-link k-selected">4</a></li>
39
+ <li><a className="k-link k-hover k-focus">5</a></li>
40
+ <li><a className="k-link k-selected k-focus">6</a></li>
41
41
  </ul>
42
42
  </div>
43
- <a className="k-link k-pager-nav k-state-hover"><Icon name="arrow-e" /></a>
43
+ <a className="k-link k-pager-nav k-hover"><Icon name="arrow-e" /></a>
44
44
  <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
45
45
 
46
46
  <span className="k-pager-sizes k-label">
@@ -55,15 +55,15 @@ root.render(
55
55
  <span></span>
56
56
 
57
57
  <span>md</span>
58
- <div className="k-pager-wrap k-widget k-pager-md">
59
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
60
- <a className="k-link k-pager-nav k-state-disabled"><Icon name="arrow-w" /></a>
58
+ <div className="k-pager k-widget k-pager-md">
59
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
60
+ <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
61
61
  <div className="k-pager-numbers-wrap">
62
62
  <select className="k-picker k-dropdown-list k-dropdown">
63
63
  <option>1</option>
64
64
  </select>
65
65
  <ul className="k-pager-numbers">
66
- <li><span className="k-link k-state-selected">1</span></li>
66
+ <li><span className="k-link k-selected">1</span></li>
67
67
  <li><a className="k-link">2</a></li>
68
68
  <li><a className="k-link">3</a></li>
69
69
  <li><a className="k-link">4</a></li>
@@ -85,15 +85,15 @@ root.render(
85
85
  <span></span>
86
86
 
87
87
  <span>sm</span>
88
- <div className="k-pager-wrap k-widget k-pager-sm">
89
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
90
- <a className="k-link k-pager-nav k-state-disabled"><Icon name="arrow-w" /></a>
88
+ <div className="k-pager k-widget k-pager-sm">
89
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
90
+ <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
91
91
  <div className="k-pager-numbers-wrap">
92
92
  <select className="k-picker k-dropdown-list k-dropdown">
93
93
  <option>1</option>
94
94
  </select>
95
95
  <ul className="k-pager-numbers">
96
- <li><span className="k-link k-state-selected">1</span></li>
96
+ <li><span className="k-link k-selected">1</span></li>
97
97
  <li><a className="k-link">2</a></li>
98
98
  <li><a className="k-link">3</a></li>
99
99
  <li><a className="k-link">4</a></li>
@@ -112,17 +112,17 @@ root.render(
112
112
 
113
113
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
114
114
  </div>
115
- <div className="k-pager-wrap k-widget k-pager-sm">
116
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
117
- <a className="k-link k-pager-nav k-state-disabled"><Icon name="arrow-w" /></a>
115
+ <div className="k-pager k-widget k-pager-sm">
116
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
117
+ <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
118
118
  <div className="k-pager-numbers-wrap">
119
119
  <select className="k-picker k-dropdown-list k-dropdown">
120
120
  <option>1</option>
121
121
  </select>
122
122
  <ul className="k-pager-numbers">
123
123
  <li><a className="k-link">1</a></li>
124
- <li><a className="k-link k-state-hover">2</a></li>
125
- <li><span className="k-link k-state-selected">3</span></li>
124
+ <li><a className="k-link k-hover">2</a></li>
125
+ <li><span className="k-link k-selected">3</span></li>
126
126
  <li><a className="k-link">4</a></li>
127
127
  <li><a className="k-link">5</a></li>
128
128
  </ul>
@@ -145,15 +145,15 @@ root.render(
145
145
  <span></span>
146
146
 
147
147
  <span>lg</span>
148
- <div className="k-pager-wrap k-widget k-pager-lg" dir="rtl">
149
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
150
- <a className="k-link k-pager-nav k-state-disabled"><Icon name="arrow-w" /></a>
148
+ <div className="k-pager k-widget k-pager-lg" dir="rtl">
149
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
150
+ <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
151
151
  <div className="k-pager-numbers-wrap">
152
152
  <select className="k-picker k-dropdown-list k-dropdown">
153
153
  <option>1</option>
154
154
  </select>
155
155
  <ul className="k-pager-numbers">
156
- <li><span className="k-link k-state-selected">1</span></li>
156
+ <li><span className="k-link k-selected">1</span></li>
157
157
  <li><a className="k-link">2</a></li>
158
158
  <li><a className="k-link">3</a></li>
159
159
  <li><a className="k-link">4</a></li>
@@ -175,15 +175,15 @@ root.render(
175
175
  <span></span>
176
176
 
177
177
  <span>md</span>
178
- <div className="k-pager-wrap k-widget k-pager-md" dir="rtl">
179
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
180
- <a className="k-link k-pager-nav k-state-disabled"><Icon name="arrow-w" /></a>
178
+ <div className="k-pager k-widget k-pager-md" dir="rtl">
179
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
180
+ <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
181
181
  <div className="k-pager-numbers-wrap">
182
182
  <select className="k-picker k-dropdown-list k-dropdown">
183
183
  <option>1</option>
184
184
  </select>
185
185
  <ul className="k-pager-numbers">
186
- <li><span className="k-link k-state-selected">1</span></li>
186
+ <li><span className="k-link k-selected">1</span></li>
187
187
  <li><a className="k-link">2</a></li>
188
188
  <li><a className="k-link">3</a></li>
189
189
  <li><a className="k-link">4</a></li>
@@ -205,15 +205,15 @@ root.render(
205
205
  <span></span>
206
206
 
207
207
  <span>sm</span>
208
- <div className="k-pager-wrap k-widget k-pager-sm" dir="rtl">
209
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
210
- <a className="k-link k-pager-nav k-state-disabled"><Icon name="arrow-w" /></a>
208
+ <div className="k-pager k-widget k-pager-sm" dir="rtl">
209
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
210
+ <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
211
211
  <div className="k-pager-numbers-wrap">
212
212
  <select className="k-picker k-dropdown-list k-dropdown">
213
213
  <option>1</option>
214
214
  </select>
215
215
  <ul className="k-pager-numbers">
216
- <li><span className="k-link k-state-selected">1</span></li>
216
+ <li><span className="k-link k-selected">1</span></li>
217
217
  <li><a className="k-link">2</a></li>
218
218
  <li><a className="k-link">3</a></li>
219
219
  <li><a className="k-link">4</a></li>
@@ -232,17 +232,17 @@ root.render(
232
232
 
233
233
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
234
234
  </div>
235
- <div className="k-pager-wrap k-widget k-pager-sm" dir="rtl">
236
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
237
- <a className="k-link k-pager-nav k-state-disabled"><Icon name="arrow-w" /></a>
235
+ <div className="k-pager k-widget k-pager-sm" dir="rtl">
236
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
237
+ <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
238
238
  <div className="k-pager-numbers-wrap">
239
239
  <select className="k-picker k-dropdown-list k-dropdown">
240
240
  <option>1</option>
241
241
  </select>
242
242
  <ul className="k-pager-numbers">
243
243
  <li><a className="k-link">1</a></li>
244
- <li><a className="k-link k-state-hover">2</a></li>
245
- <li><span className="k-link k-state-selected">3</span></li>
244
+ <li><a className="k-link k-hover">2</a></li>
245
+ <li><span className="k-link k-selected">3</span></li>
246
246
  <li><a className="k-link">4</a></li>
247
247
  <li><a className="k-link">5</a></li>
248
248
  </ul>
package/src/pager/tests/pager.tsx CHANGED
@@ -14,23 +14,23 @@ root.render(
14
14
 
15
15
  <span>LTR</span>
16
16
  <section>
17
- <div className="k-pager-wrap k-widget">
18
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
19
- <a className="k-link k-pager-nav k-state-focus"><Icon name="arrow-w" /></a>
17
+ <div className="k-pager k-widget">
18
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
19
+ <a className="k-link k-pager-nav k-focus"><Icon name="arrow-w" /></a>
20
20
  <div className="k-pager-numbers-wrap">
21
21
  <select className="k-picker k-dropdown-list k-dropdown">
22
22
  <option>1</option>
23
23
  </select>
24
24
  <ul className="k-pager-numbers">
25
25
  <li><span className="k-link">1</span></li>
26
- <li><a className="k-link k-state-hover">2</a></li>
27
- <li><span className="k-link k-state-focus">3</span></li>
28
- <li><a className="k-link k-state-selected">4</a></li>
29
- <li><a className="k-link k-state-hover k-state-focus">5</a></li>
30
- <li><a className="k-link k-state-selected k-state-focus">6</a></li>
26
+ <li><a className="k-link k-hover">2</a></li>
27
+ <li><span className="k-link k-focus">3</span></li>
28
+ <li><a className="k-link k-selected">4</a></li>
29
+ <li><a className="k-link k-hover k-focus">5</a></li>
30
+ <li><a className="k-link k-selected k-focus">6</a></li>
31
31
  </ul>
32
32
  </div>
33
- <a className="k-link k-pager-nav k-state-hover"><Icon name="arrow-e" /></a>
33
+ <a className="k-link k-pager-nav k-hover"><Icon name="arrow-e" /></a>
34
34
  <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
35
35
 
36
36
  <span className="k-pager-sizes k-label">
@@ -44,9 +44,9 @@ root.render(
44
44
  </div>
45
45
  </section>
46
46
  <section>
47
- <div className="k-pager-wrap k-widget k-focus">
48
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
49
- <a className="k-link k-pager-nav k-state-disabled"><Icon name="arrow-w" /></a>
47
+ <div className="k-pager k-widget k-focus">
48
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
49
+ <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
50
50
  <span className="k-pager-input k-label">
51
51
  Page
52
52
  <Textbox showClearButton={false} value="999" />
@@ -66,9 +66,9 @@ root.render(
66
66
  </div>
67
67
  </section>
68
68
  <section>
69
- <div className="k-pager-wrap k-widget">
70
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
71
- <a className="k-link k-pager-nav k-state-disabled"><Icon name="arrow-w" /></a>
69
+ <div className="k-pager k-widget">
70
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
71
+ <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
72
72
  <div className="k-pager-numbers-wrap">
73
73
  <select className="k-picker k-dropdown-list k-dropdown">
74
74
  <option>1</option>
@@ -98,9 +98,9 @@ root.render(
98
98
 
99
99
  <span>RTL</span>
100
100
  <section>
101
- <div className="k-pager-wrap k-widget" dir="rtl">
102
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
103
- <a className="k-link k-pager-nav k-state-disabled"><Icon name="arrow-w" /></a>
101
+ <div className="k-pager k-widget" dir="rtl">
102
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
103
+ <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
104
104
  <div className="k-pager-numbers-wrap">
105
105
  <select className="k-picker k-dropdown-list k-dropdown">
106
106
  <option>1</option>
@@ -127,9 +127,9 @@ root.render(
127
127
  </div>
128
128
  </section>
129
129
  <section>
130
- <div className="k-pager-wrap k-widget" dir="rtl">
131
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
132
- <a className="k-link k-pager-nav k-state-disabled"><Icon name="arrow-w" /></a>
130
+ <div className="k-pager k-widget" dir="rtl">
131
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
132
+ <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
133
133
  <span className="k-pager-input k-label">
134
134
  Page
135
135
  <Textbox showClearButton={false} value="999" />
@@ -149,9 +149,9 @@ root.render(
149
149
  </div>
150
150
  </section>
151
151
  <section>
152
- <div className="k-pager-wrap k-widget" dir="rtl">
153
- <a className="k-link k-pager-nav k-pager-first k-state-disabled"><Icon name="arrow-end-left" /></a>
154
- <a className="k-link k-pager-nav k-state-disabled"><Icon name="arrow-w" /></a>
152
+ <div className="k-pager k-widget" dir="rtl">
153
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
154
+ <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
155
155
  <div className="k-pager-numbers-wrap">
156
156
  <select className="k-picker k-dropdown-list k-dropdown">
157
157
  <option>1</option>
package/src/panelbar/tests/panelbar-angular.tsx CHANGED
@@ -73,7 +73,7 @@ root.render(
73
73
  <div className="k-item">
74
74
  <span className="k-link k-header">First</span>
75
75
  </div>
76
- <div className="k-item k-state-expanded">
76
+ <div className="k-item k-expanded">
77
77
  <span className="k-link k-header">
78
78
  Middle expanded
79
79
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -101,7 +101,7 @@ root.render(
101
101
  <Icon className="k-panelbar-expand" name="arrow-s" />
102
102
  </span>
103
103
  </div>
104
- <div className="k-item k-state-expanded">
104
+ <div className="k-item k-expanded">
105
105
  <span className="k-link">
106
106
  Child expanded
107
107
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -144,7 +144,7 @@ root.render(
144
144
 
145
145
  <section>
146
146
  <div className="k-widget k-panelbar">
147
- <div className="k-item k-state-expanded">
147
+ <div className="k-item k-expanded">
148
148
  <span className="k-link k-header">
149
149
  First expanded
150
150
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -173,7 +173,7 @@ root.render(
173
173
  <div className="k-item">
174
174
  <span className="k-link k-header">Middle</span>
175
175
  </div>
176
- <div className="k-item k-state-expanded">
176
+ <div className="k-item k-expanded">
177
177
  <span className="k-link k-header">
178
178
  Last expanded
179
179
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -238,7 +238,7 @@ root.render(
238
238
  <div className="k-item">
239
239
  <span className="k-link k-header">First</span>
240
240
  </div>
241
- <div className="k-item k-state-expanded">
241
+ <div className="k-item k-expanded">
242
242
  <span className="k-link k-header">
243
243
  Middle expanded
244
244
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -266,7 +266,7 @@ root.render(
266
266
  <Icon className="k-panelbar-expand" name="arrow-s" />
267
267
  </span>
268
268
  </div>
269
- <div className="k-item k-state-expanded">
269
+ <div className="k-item k-expanded">
270
270
  <span className="k-link">
271
271
  Child expanded
272
272
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -309,7 +309,7 @@ root.render(
309
309
 
310
310
  <section>
311
311
  <div className="k-widget k-panelbar" dir="rtl">
312
- <div className="k-item k-state-expanded">
312
+ <div className="k-item k-expanded">
313
313
  <span className="k-link k-header">
314
314
  First expanded
315
315
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -338,7 +338,7 @@ root.render(
338
338
  <div className="k-item">
339
339
  <span className="k-link k-header">Middle</span>
340
340
  </div>
341
- <div className="k-item k-state-expanded">
341
+ <div className="k-item k-expanded">
342
342
  <span className="k-link k-header">
343
343
  Last expanded
344
344
  <Icon className="k-panelbar-collapse" name="arrow-n" />
package/src/panelbar/tests/panelbar-jquery.tsx CHANGED
@@ -71,7 +71,7 @@ root.render(
71
71
  <li className="k-item k-first">
72
72
  <span className="k-link k-header">First</span>
73
73
  </li>
74
- <li className="k-item k-state-expanded">
74
+ <li className="k-item k-expanded">
75
75
  <span className="k-link k-header">
76
76
  Middle expanded
77
77
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -98,7 +98,7 @@ root.render(
98
98
  <Icon className="k-panelbar-expand" name="arrow-s" />
99
99
  </span>
100
100
  </li>
101
- <li className="k-item k-state-expanded">
101
+ <li className="k-item k-expanded">
102
102
  <span className="k-link">
103
103
  Child expanded
104
104
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -134,7 +134,7 @@ root.render(
134
134
 
135
135
  <section>
136
136
  <ul className="k-widget k-reset k-header k-panelbar">
137
- <li className="k-item k-first k-state-expanded">
137
+ <li className="k-item k-first k-expanded">
138
138
  <span className="k-link k-header">
139
139
  First expanded
140
140
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -161,7 +161,7 @@ root.render(
161
161
  <li className="k-item">
162
162
  <span className="k-link k-header">Middle</span>
163
163
  </li>
164
- <li className="k-item k-state-expanded k-last">
164
+ <li className="k-item k-expanded k-last">
165
165
  <span className="k-link k-header">
166
166
  Last expanded
167
167
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -222,7 +222,7 @@ root.render(
222
222
  <li className="k-item k-first">
223
223
  <span className="k-link k-header">First</span>
224
224
  </li>
225
- <li className="k-item k-state-expanded">
225
+ <li className="k-item k-expanded">
226
226
  <span className="k-link k-header">
227
227
  Middle expanded
228
228
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -249,7 +249,7 @@ root.render(
249
249
  <Icon className="k-panelbar-expand" name="arrow-s" />
250
250
  </span>
251
251
  </li>
252
- <li className="k-item k-state-expanded">
252
+ <li className="k-item k-expanded">
253
253
  <span className="k-link">
254
254
  Child expanded
255
255
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -285,7 +285,7 @@ root.render(
285
285
 
286
286
  <section className="k-rtl">
287
287
  <ul className="k-widget k-reset k-header k-panelbar">
288
- <li className="k-item k-first k-state-expanded">
288
+ <li className="k-item k-first k-expanded">
289
289
  <span className="k-link k-header">
290
290
  First expanded
291
291
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -312,7 +312,7 @@ root.render(
312
312
  <li className="k-item">
313
313
  <span className="k-link k-header">Middle</span>
314
314
  </li>
315
- <li className="k-item k-state-expanded k-last">
315
+ <li className="k-item k-expanded k-last">
316
316
  <span className="k-link k-header">
317
317
  Last expanded
318
318
  <Icon className="k-panelbar-collapse" name="arrow-n" />
package/src/panelbar/tests/panelbar-react.tsx CHANGED
@@ -71,7 +71,7 @@ root.render(
71
71
  <div className="k-item">
72
72
  <span className="k-link k-header">First</span>
73
73
  </div>
74
- <div className="k-item k-state-expanded">
74
+ <div className="k-item k-expanded">
75
75
  <span className="k-link k-header">
76
76
  Middle expanded
77
77
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -100,7 +100,7 @@ root.render(
100
100
  <Icon className="k-panelbar-expand" name="arrow-s" />
101
101
  </span>
102
102
  </div>
103
- <div className="k-item k-state-expanded">
103
+ <div className="k-item k-expanded">
104
104
  <span className="k-link">
105
105
  Child expanded
106
106
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -142,7 +142,7 @@ root.render(
142
142
 
143
143
  <section>
144
144
  <div className="k-widget k-panelbar">
145
- <div className="k-item k-state-expanded">
145
+ <div className="k-item k-expanded">
146
146
  <span className="k-link k-header">
147
147
  First expanded
148
148
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -173,7 +173,7 @@ root.render(
173
173
  <div className="k-item">
174
174
  <span className="k-link k-header">Middle</span>
175
175
  </div>
176
- <div className="k-item k-state-expanded">
176
+ <div className="k-item k-expanded">
177
177
  <span className="k-link k-header">
178
178
  Last expanded
179
179
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -238,7 +238,7 @@ root.render(
238
238
  <div className="k-item">
239
239
  <span className="k-link k-header">First</span>
240
240
  </div>
241
- <div className="k-item k-state-expanded">
241
+ <div className="k-item k-expanded">
242
242
  <span className="k-link k-header">
243
243
  Middle expanded
244
244
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -267,7 +267,7 @@ root.render(
267
267
  <Icon className="k-panelbar-expand" name="arrow-s" />
268
268
  </span>
269
269
  </div>
270
- <div className="k-item k-state-expanded">
270
+ <div className="k-item k-expanded">
271
271
  <span className="k-link">
272
272
  Child expanded
273
273
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -309,7 +309,7 @@ root.render(
309
309
 
310
310
  <section className="k-rtl">
311
311
  <div className="k-widget k-panelbar">
312
- <div className="k-item k-state-expanded">
312
+ <div className="k-item k-expanded">
313
313
  <span className="k-link k-header">
314
314
  First expanded
315
315
  <Icon className="k-panelbar-collapse" name="arrow-n" />
@@ -340,7 +340,7 @@ root.render(
340
340
  <div className="k-item">
341
341
  <span className="k-link k-header">Middle</span>
342
342
  </div>
343
- <div className="k-item k-state-expanded">
343
+ <div className="k-item k-expanded">
344
344
  <span className="k-link k-header">
345
345
  Last expanded
346
346
  <Icon className="k-panelbar-collapse" name="arrow-n" />
package/src/panelbar/tests/panelbar-universal.tsx CHANGED
@@ -95,7 +95,7 @@ root.render(
95
95
  <span className="k-panelbar-item-text">First</span>
96
96
  </span>
97
97
  </li>
98
- <li className="k-panelbar-header k-item k-state-expanded k-level-0">
98
+ <li className="k-panelbar-header k-item k-expanded k-level-0">
99
99
  <span className="k-link">
100
100
  <span className="k-panelbar-item-text">Middle expanded</span>
101
101
  <Icon className="k-panelbar-toggle k-panelbar-collapse" name="arrow-chevron-up" />
@@ -141,7 +141,7 @@ root.render(
141
141
  <span className="k-panelbar-item-text">Child selected focus&hover</span>
142
142
  </span>
143
143
  </li>
144
- <li className="k-panelbar-item k-item k-state-expanded k-level-1">
144
+ <li className="k-panelbar-item k-item k-expanded k-level-1">
145
145
  <span className="k-link">
146
146
  <span className="k-panelbar-item-text">Child expanded</span>
147
147
  <Icon className="k-panelbar-toggle k-panelbar-collapse" name="arrow-chevron-up" />
@@ -187,7 +187,7 @@ root.render(
187
187
 
188
188
  <section>
189
189
  <ul className="k-panelbar">
190
- <li className="k-panelbar-header k-item k-state-expanded k-level-0">
190
+ <li className="k-panelbar-header k-item k-expanded k-level-0">
191
191
  <span className="k-link">
192
192
  <span className="k-panelbar-item-text">First expanded</span>
193
193
  <Icon className="k-panelbar-toggle k-panelbar-collapse" name="arrow-chevron-up" />
@@ -222,7 +222,7 @@ root.render(
222
222
  <span className="k-panelbar-item-text">Middle</span>
223
223
  </span>
224
224
  </li>
225
- <li className="k-panelbar-header k-item k-state-expanded k-level-0">
225
+ <li className="k-panelbar-header k-item k-expanded k-level-0">
226
226
  <span className="k-link">
227
227
  <span className="k-panelbar-item-text">Last expanded</span>
228
228
  <Icon className="k-panelbar-toggle k-panelbar-collapse" name="arrow-chevron-up" />
@@ -307,7 +307,7 @@ root.render(
307
307
  <span className="k-panelbar-item-text">First</span>
308
308
  </span>
309
309
  </li>
310
- <li className="k-panelbar-header k-item k-state-expanded k-level-0">
310
+ <li className="k-panelbar-header k-item k-expanded k-level-0">
311
311
  <span className="k-link">
312
312
  <span className="k-panelbar-item-text">Middle expanded</span>
313
313
  <Icon className="k-panelbar-toggle k-panelbar-collapse" name="arrow-chevron-up" />
@@ -353,7 +353,7 @@ root.render(
353
353
  <span className="k-panelbar-item-text">Child selected focus&hover</span>
354
354
  </span>
355
355
  </li>
356
- <li className="k-panelbar-item k-item k-state-expanded k-level-1">
356
+ <li className="k-panelbar-item k-item k-expanded k-level-1">
357
357
  <span className="k-link">
358
358
  <span className="k-panelbar-item-text">Child expanded</span>
359
359
  <Icon className="k-panelbar-toggle k-panelbar-collapse" name="arrow-chevron-up" />
@@ -399,7 +399,7 @@ root.render(
399
399
 
400
400
  <section className="k-rtl">
401
401
  <ul className="k-panelbar">
402
- <li className="k-panelbar-header k-item k-state-expanded k-level-0">
402
+ <li className="k-panelbar-header k-item k-expanded k-level-0">
403
403
  <span className="k-link">
404
404
  <span className="k-panelbar-item-text">First expanded</span>
405
405
  <Icon className="k-panelbar-toggle k-panelbar-collapse" name="arrow-chevron-up" />
@@ -434,7 +434,7 @@ root.render(
434
434
  <span className="k-panelbar-item-text">Middle</span>
435
435
  </span>
436
436
  </li>
437
- <li className="k-panelbar-header k-item k-state-expanded k-level-0">
437
+ <li className="k-panelbar-header k-item k-expanded k-level-0">
438
438
  <span className="k-link">
439
439
  <span className="k-panelbar-item-text">Last expanded</span>
440
440
  <Icon className="k-panelbar-toggle k-panelbar-collapse" name="arrow-chevron-up" />
package/src/pdf-viewer/tests/pdf-viewer.tsx CHANGED
@@ -20,7 +20,7 @@ root.render(
20
20
 
21
21
  <div className="k-widget k-pdf-viewer">
22
22
  <div className="k-toolbar k-widget k-toolbar-resizable">
23
- <div className="k-pager-wrap">
23
+ <div className="k-pager">
24
24
  <Button fillMode="flat" icon="arrow-end-left" className="k-pager-nav k-pager-first"></Button>
25
25
  <Button fillMode="flat" icon="arrow-60-left" className="k-pager-nav"></Button>
26
26
  <span className="k-pager-input k-label"><Textbox />of 4 pages</span>