@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/stepper/tests/stepper-horizontal-rtl.tsx CHANGED
@@ -46,7 +46,7 @@ root.render(
46
46
  </span>
47
47
  </a>
48
48
  </li>
49
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "33.333%" }}>
49
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "33.333%" }}>
50
50
  <a href="#" className="k-step-link">
51
51
  <span className="k-step-indicator">
52
52
  <span className="k-step-indicator-text">2</span>
@@ -88,7 +88,7 @@ root.render(
88
88
  </span>
89
89
  </a>
90
90
  </li>
91
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxWidth: "33.333%" }}>
91
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxWidth: "33.333%" }}>
92
92
  <a href="#" className="k-step-link">
93
93
  <span className="k-step-indicator">
94
94
  <span className="k-step-indicator-text">2</span>
@@ -131,7 +131,7 @@ root.render(
131
131
  </span>
132
132
  </a>
133
133
  </li>
134
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "33.333%" }}>
134
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "33.333%" }}>
135
135
  <a href="#" className="k-step-link">
136
136
  <span className="k-step-indicator">
137
137
  <Icon className="k-step-indicator-icon" name="user"></Icon>
@@ -172,7 +172,7 @@ root.render(
172
172
  </span>
173
173
  </a>
174
174
  </li>
175
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "33.333%" }}>
175
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "33.333%" }}>
176
176
  <a href="#" className="k-step-link">
177
177
  <span className="k-step-indicator">
178
178
  <Icon className="k-step-indicator-icon" name="user"></Icon>
@@ -214,7 +214,7 @@ root.render(
214
214
  </span>
215
215
  </a>
216
216
  </li>
217
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "33.333%" }}>
217
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "33.333%" }}>
218
218
  <a href="#" className="k-step-link">
219
219
  <span className="k-step-label">
220
220
  <span className="k-step-text">Personal Info</span>
package/src/stepper/tests/stepper-states.tsx CHANGED
@@ -33,7 +33,7 @@ root.render(
33
33
  </span>
34
34
  </a>
35
35
  </li>
36
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "33.333%" }}>
36
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "33.333%" }}>
37
37
  <a href="#" className="k-step-link">
38
38
  <span className="k-step-indicator">
39
39
  <span className="k-step-indicator-text">2</span>
@@ -74,7 +74,7 @@ root.render(
74
74
  </span>
75
75
  </a>
76
76
  </li>
77
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "33.333%" }}>
77
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "33.333%" }}>
78
78
  <a href="#" className="k-step-link">
79
79
  <span className="k-step-indicator">
80
80
  <span className="k-step-indicator-text">2</span>
@@ -115,7 +115,7 @@ root.render(
115
115
  </span>
116
116
  </a>
117
117
  </li>
118
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "33.333%" }}>
118
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "33.333%" }}>
119
119
  <a href="#" className="k-step-link">
120
120
  <span className="k-step-label">
121
121
  <span className="k-step-text">Personal Info</span>
@@ -145,21 +145,21 @@ root.render(
145
145
  <section className="col-4">
146
146
  <nav className="k-stepper k-widget" style={{ display: "grid", gridTemplateColumns: "repeat(6, 1fr)" }}>
147
147
  <ol className="k-step-list k-step-list-horizontal" style={{ gridColumnStart: "1", gridColumnEnd: "-1" }}>
148
- <li className="k-step k-step-first k-step-done k-step-hover" style={{ maxWidth: "33.333%" }}>
148
+ <li className="k-step k-step-first k-step-done k-hover" style={{ maxWidth: "33.333%" }}>
149
149
  <a href="#" className="k-step-link">
150
150
  <span className="k-step-indicator">
151
151
  <Icon className="k-step-indicator-icon" name="check"></Icon>
152
152
  </span>
153
153
  </a>
154
154
  </li>
155
- <li className="k-step k-step-current k-step-focus k-step-hover" style={{ maxWidth: "33.333%" }}>
155
+ <li className="k-step k-step-current k-focus k-hover" style={{ maxWidth: "33.333%" }}>
156
156
  <a href="#" className="k-step-link">
157
157
  <span className="k-step-indicator">
158
158
  <span className="k-step-indicator-text">2</span>
159
159
  </span>
160
160
  </a>
161
161
  </li>
162
- <li className="k-step k-step-last k-step-optional k-step-hover" style={{ maxWidth: "33.333%" }}>
162
+ <li className="k-step k-step-last k-step-optional k-hover" style={{ maxWidth: "33.333%" }}>
163
163
  <a href="#" className="k-step-link">
164
164
  <span className="k-step-indicator">
165
165
  <span className="k-step-indicator-text">3</span>
@@ -183,7 +183,7 @@ root.render(
183
183
  <section className="col-4">
184
184
  <nav className="k-stepper k-widget" style={{ display: "grid", gridTemplateColumns: "repeat(6, 1fr)" }}>
185
185
  <ol className="k-step-list k-step-list-horizontal" style={{ gridColumnStart: "1", gridColumnEnd: "-1" }}>
186
- <li className="k-step k-step-first k-step-done k-step-hover" style={{ maxWidth: "33.333%" }}>
186
+ <li className="k-step k-step-first k-step-done k-hover" style={{ maxWidth: "33.333%" }}>
187
187
  <a href="#" className="k-step-link">
188
188
  <span className="k-step-indicator">
189
189
  <Icon className="k-step-indicator-icon" name="check"></Icon>
@@ -193,7 +193,7 @@ root.render(
193
193
  </span>
194
194
  </a>
195
195
  </li>
196
- <li className="k-step k-step-current k-step-focus k-step-hover" style={{ maxWidth: "33.333%" }}>
196
+ <li className="k-step k-step-current k-focus k-hover" style={{ maxWidth: "33.333%" }}>
197
197
  <a href="#" className="k-step-link">
198
198
  <span className="k-step-indicator">
199
199
  <span className="k-step-indicator-text">2</span>
@@ -203,7 +203,7 @@ root.render(
203
203
  </span>
204
204
  </a>
205
205
  </li>
206
- <li className="k-step k-step-last k-step-hover" style={{ maxWidth: "33.333%" }}>
206
+ <li className="k-step k-step-last k-hover" style={{ maxWidth: "33.333%" }}>
207
207
  <a href="#" className="k-step-link">
208
208
  <span className="k-step-indicator">
209
209
  <span className="k-step-indicator-text">3</span>
@@ -227,21 +227,21 @@ root.render(
227
227
  <section className="col-4">
228
228
  <nav className="k-stepper k-widget" style={{ display: "grid", gridTemplateColumns: "repeat(6, 1fr)" }}>
229
229
  <ol className="k-step-list k-step-list-horizontal" style={{ gridColumnStart: "1", gridColumnEnd: "-1" }}>
230
- <li className="k-step k-step-first k-step-done k-step-hover" style={{ maxWidth: "33.333%" }}>
230
+ <li className="k-step k-step-first k-step-done k-hover" style={{ maxWidth: "33.333%" }}>
231
231
  <a href="#" className="k-step-link">
232
232
  <span className="k-step-label">
233
233
  <span className="k-step-text">Account Info</span>
234
234
  </span>
235
235
  </a>
236
236
  </li>
237
- <li className="k-step k-step-current k-step-focus k-step-hover" style={{ maxWidth: "33.333%" }}>
237
+ <li className="k-step k-step-current k-focus k-hover" style={{ maxWidth: "33.333%" }}>
238
238
  <a href="#" className="k-step-link">
239
239
  <span className="k-step-label">
240
240
  <span className="k-step-text">Personal Info</span>
241
241
  </span>
242
242
  </a>
243
243
  </li>
244
- <li className="k-step k-step-last k-step-hover" style={{ maxWidth: "33.333%" }}>
244
+ <li className="k-step k-step-last k-hover" style={{ maxWidth: "33.333%" }}>
245
245
  <a href="#" className="k-step-link">
246
246
  <span className="k-step-label">
247
247
  <span className="k-step-text">Payment Details</span>
@@ -262,21 +262,21 @@ root.render(
262
262
  <section className="col-4">
263
263
  <nav className="k-stepper k-widget" style={{ display: "grid", gridTemplateColumns: "repeat(6, 1fr)" }}>
264
264
  <ol className="k-step-list k-step-list-horizontal" style={{ gridColumnStart: "1", gridColumnEnd: "-1" }}>
265
- <li className="k-step k-step-first k-step-done k-step-focus" style={{ maxWidth: "33.333%" }}>
265
+ <li className="k-step k-step-first k-step-done k-focus" style={{ maxWidth: "33.333%" }}>
266
266
  <a href="#" className="k-step-link">
267
267
  <span className="k-step-indicator">
268
268
  <Icon className="k-step-indicator-icon" name="check"></Icon>
269
269
  </span>
270
270
  </a>
271
271
  </li>
272
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "33.333%" }}>
272
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "33.333%" }}>
273
273
  <a href="#" className="k-step-link">
274
274
  <span className="k-step-indicator">
275
275
  <span className="k-step-indicator-text">2</span>
276
276
  </span>
277
277
  </a>
278
278
  </li>
279
- <li className="k-step k-step-last k-step-optional k-step-focus" style={{ maxWidth: "33.333%" }}>
279
+ <li className="k-step k-step-last k-step-optional k-focus" style={{ maxWidth: "33.333%" }}>
280
280
  <a href="#" className="k-step-link">
281
281
  <span className="k-step-indicator">
282
282
  <span className="k-step-indicator-text">3</span>
@@ -300,7 +300,7 @@ root.render(
300
300
  <section className="col-4">
301
301
  <nav className="k-stepper k-widget" style={{ display: "grid", gridTemplateColumns: "repeat(6, 1fr)" }}>
302
302
  <ol className="k-step-list k-step-list-horizontal" style={{ gridColumnStart: "1", gridColumnEnd: "-1" }}>
303
- <li className="k-step k-step-first k-step-done k-step-focus" style={{ maxWidth: "33.333%" }}>
303
+ <li className="k-step k-step-first k-step-done k-focus" style={{ maxWidth: "33.333%" }}>
304
304
  <a href="#" className="k-step-link">
305
305
  <span className="k-step-indicator">
306
306
  <Icon className="k-step-indicator-icon" name="check"></Icon>
@@ -310,7 +310,7 @@ root.render(
310
310
  </span>
311
311
  </a>
312
312
  </li>
313
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "33.333%" }}>
313
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "33.333%" }}>
314
314
  <a href="#" className="k-step-link">
315
315
  <span className="k-step-indicator">
316
316
  <span className="k-step-indicator-text">2</span>
@@ -320,7 +320,7 @@ root.render(
320
320
  </span>
321
321
  </a>
322
322
  </li>
323
- <li className="k-step k-step-last k-step-focus" style={{ maxWidth: "33.333%" }}>
323
+ <li className="k-step k-step-last k-focus" style={{ maxWidth: "33.333%" }}>
324
324
  <a href="#" className="k-step-link">
325
325
  <span className="k-step-indicator">
326
326
  <span className="k-step-indicator-text">3</span>
@@ -344,21 +344,21 @@ root.render(
344
344
  <section className="col-4">
345
345
  <nav className="k-stepper k-widget" style={{ display: "grid", gridTemplateColumns: "repeat(6, 1fr)" }}>
346
346
  <ol className="k-step-list k-step-list-horizontal" style={{ gridColumnStart: "1", gridColumnEnd: "-1" }}>
347
- <li className="k-step k-step-first k-step-done k-step-focus" style={{ maxWidth: "33.333%" }}>
347
+ <li className="k-step k-step-first k-step-done k-focus" style={{ maxWidth: "33.333%" }}>
348
348
  <a href="#" className="k-step-link">
349
349
  <span className="k-step-label">
350
350
  <span className="k-step-text">Account Info</span>
351
351
  </span>
352
352
  </a>
353
353
  </li>
354
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "33.333%" }}>
354
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "33.333%" }}>
355
355
  <a href="#" className="k-step-link">
356
356
  <span className="k-step-label">
357
357
  <span className="k-step-text">Personal Info</span>
358
358
  </span>
359
359
  </a>
360
360
  </li>
361
- <li className="k-step k-step-last k-step-focus" style={{ maxWidth: "33.333%" }}>
361
+ <li className="k-step k-step-last k-focus" style={{ maxWidth: "33.333%" }}>
362
362
  <a href="#" className="k-step-link">
363
363
  <span className="k-step-label">
364
364
  <span className="k-step-text">Payment Details</span>
@@ -381,21 +381,21 @@ root.render(
381
381
  <section className="col-4">
382
382
  <nav className="k-stepper k-widget" style={{ display: "grid", gridTemplateColumns: "repeat(6, 1fr)" }}>
383
383
  <ol className="k-step-list k-step-list-horizontal" style={{ gridColumnStart: "1", gridColumnEnd: "-1" }}>
384
- <li className="k-step k-step-first k-step-done k-step-disabled" style={{ maxWidth: "33.333%" }}>
384
+ <li className="k-step k-step-first k-step-done k-disabled" style={{ maxWidth: "33.333%" }}>
385
385
  <a href="#" className="k-step-link">
386
386
  <span className="k-step-indicator">
387
387
  <Icon className="k-step-indicator-icon" name="check"></Icon>
388
388
  </span>
389
389
  </a>
390
390
  </li>
391
- <li className="k-step k-step-current k-step-focus k-step-disabled" style={{ maxWidth: "33.333%" }}>
391
+ <li className="k-step k-step-current k-focus k-disabled" style={{ maxWidth: "33.333%" }}>
392
392
  <a href="#" className="k-step-link">
393
393
  <span className="k-step-indicator">
394
394
  <span className="k-step-indicator-text">2</span>
395
395
  </span>
396
396
  </a>
397
397
  </li>
398
- <li className="k-step k-step-last k-step-optional k-step-disabled" style={{ maxWidth: "33.333%" }}>
398
+ <li className="k-step k-step-last k-step-optional k-disabled" style={{ maxWidth: "33.333%" }}>
399
399
  <a href="#" className="k-step-link">
400
400
  <span className="k-step-indicator">
401
401
  <span className="k-step-indicator-text">3</span>
@@ -419,7 +419,7 @@ root.render(
419
419
  <section className="col-4">
420
420
  <nav className="k-stepper k-widget" style={{ display: "grid", gridTemplateColumns: "repeat(6, 1fr)" }}>
421
421
  <ol className="k-step-list k-step-list-horizontal" style={{ gridColumnStart: "1", gridColumnEnd: "-1" }}>
422
- <li className="k-step k-step-first k-step-done k-step-disabled" style={{ maxWidth: "33.333%" }}>
422
+ <li className="k-step k-step-first k-step-done k-disabled" style={{ maxWidth: "33.333%" }}>
423
423
  <a href="#" className="k-step-link">
424
424
  <span className="k-step-indicator">
425
425
  <Icon className="k-step-indicator-icon" name="check"></Icon>
@@ -429,7 +429,7 @@ root.render(
429
429
  </span>
430
430
  </a>
431
431
  </li>
432
- <li className="k-step k-step-current k-step-focus k-step-disabled" style={{ maxWidth: "33.333%" }}>
432
+ <li className="k-step k-step-current k-focus k-disabled" style={{ maxWidth: "33.333%" }}>
433
433
  <a href="#" className="k-step-link">
434
434
  <span className="k-step-indicator">
435
435
  <span className="k-step-indicator-text">2</span>
@@ -439,7 +439,7 @@ root.render(
439
439
  </span>
440
440
  </a>
441
441
  </li>
442
- <li className="k-step k-step-last k-step-disabled" style={{ maxWidth: "33.333%" }}>
442
+ <li className="k-step k-step-last k-disabled" style={{ maxWidth: "33.333%" }}>
443
443
  <a href="#" className="k-step-link">
444
444
  <span className="k-step-indicator">
445
445
  <span className="k-step-indicator-text">3</span>
@@ -463,21 +463,21 @@ root.render(
463
463
  <section className="col-4">
464
464
  <nav className="k-stepper k-widget" style={{ display: "grid", gridTemplateColumns: "repeat(6, 1fr)" }}>
465
465
  <ol className="k-step-list k-step-list-horizontal" style={{ gridColumnStart: "1", gridColumnEnd: "-1" }}>
466
- <li className="k-step k-step-first k-step-done k-step-disabled" style={{ maxWidth: "33.333%" }}>
466
+ <li className="k-step k-step-first k-step-done k-disabled" style={{ maxWidth: "33.333%" }}>
467
467
  <a href="#" className="k-step-link">
468
468
  <span className="k-step-label">
469
469
  <span className="k-step-text">Account Info</span>
470
470
  </span>
471
471
  </a>
472
472
  </li>
473
- <li className="k-step k-step-current k-step-focus k-step-disabled" style={{ maxWidth: "33.333%" }}>
473
+ <li className="k-step k-step-current k-focus k-disabled" style={{ maxWidth: "33.333%" }}>
474
474
  <a href="#" className="k-step-link">
475
475
  <span className="k-step-label">
476
476
  <span className="k-step-text">Personal Info</span>
477
477
  </span>
478
478
  </a>
479
479
  </li>
480
- <li className="k-step k-step-last k-step-disabled" style={{ maxWidth: "33.333%" }}>
480
+ <li className="k-step k-step-last k-disabled" style={{ maxWidth: "33.333%" }}>
481
481
  <a href="#" className="k-step-link">
482
482
  <span className="k-step-label">
483
483
  <span className="k-step-text">Payment Details</span>
package/src/stepper/tests/stepper-vertical-rtl.tsx CHANGED
@@ -35,7 +35,7 @@ root.render(
35
35
  </span>
36
36
  </a>
37
37
  </li>
38
- <li className="k-step k-step-current k-step-focus" style={{ maxHeight: "33.333%" }}>
38
+ <li className="k-step k-step-current k-focus" style={{ maxHeight: "33.333%" }}>
39
39
  <a href="#" className="k-step-link">
40
40
  <span className="k-step-indicator">
41
41
  <span className="k-step-indicator-text">2</span>
@@ -72,7 +72,7 @@ root.render(
72
72
  </span>
73
73
  </a>
74
74
  </li>
75
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
75
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
76
76
  <a href="#" className="k-step-link">
77
77
  <span className="k-step-indicator">
78
78
  <span className="k-step-indicator-text">2</span>
@@ -113,7 +113,7 @@ root.render(
113
113
  </span>
114
114
  </a>
115
115
  </li>
116
- <li className="k-step k-step-current k-step-focus" style={{ maxHeight: "33.333%" }}>
116
+ <li className="k-step k-step-current k-focus" style={{ maxHeight: "33.333%" }}>
117
117
  <a href="#" className="k-step-link">
118
118
  <span className="k-step-indicator">
119
119
  <Icon className="k-step-indicator-icon" name="user"></Icon>
@@ -146,7 +146,7 @@ root.render(
146
146
  </span>
147
147
  </a>
148
148
  </li>
149
- <li className="k-step k-step-current k-step-focus" style={{ maxHeight: "33.333%" }}>
149
+ <li className="k-step k-step-current k-focus" style={{ maxHeight: "33.333%" }}>
150
150
  <a href="#" className="k-step-link">
151
151
  <span className="k-step-label">
152
152
  <span className="k-step-text">Personal Info</span>
package/src/stepper/tests/stepper-vertical.tsx CHANGED
@@ -35,7 +35,7 @@ root.render(
35
35
  </span>
36
36
  </a>
37
37
  </li>
38
- <li className="k-step k-step-current k-step-focus" style={{ maxHeight: "33.333%" }}>
38
+ <li className="k-step k-step-current k-focus" style={{ maxHeight: "33.333%" }}>
39
39
  <a href="#" className="k-step-link">
40
40
  <span className="k-step-indicator">
41
41
  <span className="k-step-indicator-text">2</span>
@@ -72,7 +72,7 @@ root.render(
72
72
  </span>
73
73
  </a>
74
74
  </li>
75
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
75
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
76
76
  <a href="#" className="k-step-link">
77
77
  <span className="k-step-indicator">
78
78
  <span className="k-step-indicator-text">2</span>
@@ -113,7 +113,7 @@ root.render(
113
113
  </span>
114
114
  </a>
115
115
  </li>
116
- <li className="k-step k-step-current k-step-focus" style={{ maxHeight: "33.333%" }}>
116
+ <li className="k-step k-step-current k-focus" style={{ maxHeight: "33.333%" }}>
117
117
  <a href="#" className="k-step-link">
118
118
  <span className="k-step-indicator">
119
119
  <Icon className="k-step-indicator-icon" name="user"></Icon>
@@ -146,7 +146,7 @@ root.render(
146
146
  </span>
147
147
  </a>
148
148
  </li>
149
- <li className="k-step k-step-current k-step-focus" style={{ maxHeight: "33.333%" }}>
149
+ <li className="k-step k-step-current k-focus" style={{ maxHeight: "33.333%" }}>
150
150
  <a href="#" className="k-step-link">
151
151
  <span className="k-step-label">
152
152
  <span className="k-step-text">Personal Info</span>
@@ -187,7 +187,7 @@ root.render(
187
187
  </span>
188
188
  </a>
189
189
  </li>
190
- <li className="k-step k-step-current k-step-focus" style={{ height: 'auto' }}>
190
+ <li className="k-step k-step-current k-focus" style={{ height: 'auto' }}>
191
191
  <a href="#" className="k-step-link">
192
192
  <span className="k-step-indicator">
193
193
  <span className="k-step-indicator-text">2</span>
package/src/stepper/tests/stepper.tsx CHANGED
@@ -38,7 +38,7 @@ root.render(
38
38
  </span>
39
39
  </a>
40
40
  </li>
41
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "33.333%" }}>
41
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "33.333%" }}>
42
42
  <a href="#" className="k-step-link">
43
43
  <span className="k-step-indicator">
44
44
  <span className="k-step-indicator-text">2</span>
@@ -80,7 +80,7 @@ root.render(
80
80
  </span>
81
81
  </a>
82
82
  </li>
83
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxWidth: "33.333%" }}>
83
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxWidth: "33.333%" }}>
84
84
  <a href="#" className="k-step-link">
85
85
  <span className="k-step-indicator">
86
86
  <span className="k-step-indicator-text">2</span>
@@ -123,7 +123,7 @@ root.render(
123
123
  </span>
124
124
  </a>
125
125
  </li>
126
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "33.333%" }}>
126
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "33.333%" }}>
127
127
  <a href="#" className="k-step-link">
128
128
  <span className="k-step-indicator">
129
129
  <Icon className="k-step-indicator-icon" name="user"></Icon>
@@ -164,7 +164,7 @@ root.render(
164
164
  </span>
165
165
  </a>
166
166
  </li>
167
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "33.333%" }}>
167
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "33.333%" }}>
168
168
  <a href="#" className="k-step-link">
169
169
  <span className="k-step-indicator">
170
170
  <Icon className="k-step-indicator-icon" name="user"></Icon>
@@ -206,7 +206,7 @@ root.render(
206
206
  </span>
207
207
  </a>
208
208
  </li>
209
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "33.333%" }}>
209
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "33.333%" }}>
210
210
  <a href="#" className="k-step-link">
211
211
  <span className="k-step-label">
212
212
  <span className="k-step-text">Personal Info</span>
@@ -277,7 +277,7 @@ root.render(
277
277
  </span>
278
278
  </a>
279
279
  </li>
280
- <li className="k-step k-step-current k-step-focus" style={{ maxWidth: "12.5%" }}>
280
+ <li className="k-step k-step-current k-focus" style={{ maxWidth: "12.5%" }}>
281
281
  <a href="#" className="k-step-link">
282
282
  <span className="k-step-indicator">
283
283
  <span className="k-step-indicator-text">5</span>
package/src/wizard/tests/wizard-horizontal.tsx CHANGED
@@ -63,7 +63,7 @@ root.render(
63
63
  </span>
64
64
  </a>
65
65
  </li>
66
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
66
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
67
67
  <a href="#" className="k-step-link">
68
68
  <span className="k-step-indicator">
69
69
  <span className="k-step-indicator-text">2</span>
@@ -129,7 +129,7 @@ root.render(
129
129
  </span>
130
130
  </a>
131
131
  </li>
132
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
132
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
133
133
  <a href="#" className="k-step-link">
134
134
  <span className="k-step-indicator">
135
135
  <span className="k-step-indicator-text">2</span>
@@ -196,7 +196,7 @@ root.render(
196
196
  </span>
197
197
  </a>
198
198
  </li>
199
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
199
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
200
200
  <a href="#" className="k-step-link">
201
201
  <span className="k-step-indicator">
202
202
  <span className="k-step-indicator-text">2</span>
@@ -262,7 +262,7 @@ root.render(
262
262
  </span>
263
263
  </a>
264
264
  </li>
265
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
265
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
266
266
  <a href="#" className="k-step-link">
267
267
  <span className="k-step-indicator">
268
268
  <span className="k-step-indicator-text">2</span>
@@ -328,7 +328,7 @@ root.render(
328
328
  </span>
329
329
  </a>
330
330
  </li>
331
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
331
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
332
332
  <a href="#" className="k-step-link">
333
333
  <span className="k-step-indicator">
334
334
  <span className="k-step-indicator-text">2</span>
package/src/wizard/tests/wizard-vertical.tsx CHANGED
@@ -66,7 +66,7 @@ root.render(
66
66
  </span>
67
67
  </a>
68
68
  </li>
69
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
69
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
70
70
  <a href="#" className="k-step-link">
71
71
  <span className="k-step-indicator">
72
72
  <span className="k-step-indicator-text">2</span>
@@ -132,7 +132,7 @@ root.render(
132
132
  </span>
133
133
  </a>
134
134
  </li>
135
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
135
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
136
136
  <a href="#" className="k-step-link">
137
137
  <span className="k-step-indicator">
138
138
  <span className="k-step-indicator-text">2</span>
@@ -200,7 +200,7 @@ root.render(
200
200
  </span>
201
201
  </a>
202
202
  </li>
203
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
203
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
204
204
  <a href="#" className="k-step-link">
205
205
  <span className="k-step-indicator">
206
206
  <span className="k-step-indicator-text">2</span>
@@ -266,7 +266,7 @@ root.render(
266
266
  </span>
267
267
  </a>
268
268
  </li>
269
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
269
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
270
270
  <a href="#" className="k-step-link">
271
271
  <span className="k-step-indicator">
272
272
  <span className="k-step-indicator-text">2</span>
@@ -334,7 +334,7 @@ root.render(
334
334
  </span>
335
335
  </a>
336
336
  </li>
337
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
337
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
338
338
  <a href="#" className="k-step-link">
339
339
  <span className="k-step-indicator">
340
340
  <span className="k-step-indicator-text">2</span>
@@ -400,7 +400,7 @@ root.render(
400
400
  </span>
401
401
  </a>
402
402
  </li>
403
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
403
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
404
404
  <a href="#" className="k-step-link">
405
405
  <span className="k-step-indicator">
406
406
  <span className="k-step-indicator-text">2</span>
@@ -466,7 +466,7 @@ root.render(
466
466
  </span>
467
467
  </a>
468
468
  </li>
469
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
469
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
470
470
  <a href="#" className="k-step-link">
471
471
  <span className="k-step-indicator">
472
472
  <span className="k-step-indicator-text">2</span>
@@ -532,7 +532,7 @@ root.render(
532
532
  </span>
533
533
  </a>
534
534
  </li>
535
- <li className="k-step k-step-current k-step-focus k-step-error" style={{ maxHeight: "33.333%" }}>
535
+ <li className="k-step k-step-current k-focus k-step-error" style={{ maxHeight: "33.333%" }}>
536
536
  <a href="#" className="k-step-link">
537
537
  <span className="k-step-indicator">
538
538
  <span className="k-step-indicator-text">2</span>