@progress/kendo-themes-html 5.4.2-dev.6 → 5.5.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 (129) hide show
  1. package/dist/breadcrumb/tests/breadcrumb-rtl.js +4 -4
  2. package/dist/breadcrumb/tests/breadcrumb-rtl.js.map +2 -2
  3. package/dist/breadcrumb/tests/breadcrumb.js +4 -4
  4. package/dist/breadcrumb/tests/breadcrumb.js.map +2 -2
  5. package/dist/calendar/calendar-cell.js +7 -1
  6. package/dist/calendar/calendar-cell.js.map +2 -2
  7. package/dist/calendar/calendar-table-head.js +38 -19
  8. package/dist/calendar/calendar-table-head.js.map +2 -2
  9. package/dist/calendar/calendar-table.js +38 -19
  10. package/dist/calendar/calendar-table.js.map +2 -2
  11. package/dist/calendar/calendar-view.js +38 -19
  12. package/dist/calendar/calendar-view.js.map +2 -2
  13. package/dist/calendar/calendar.js +38 -19
  14. package/dist/calendar/calendar.js.map +2 -2
  15. package/dist/calendar/tests/calendar-classic-jquery.js +28 -28
  16. package/dist/calendar/tests/calendar-classic-jquery.js.map +2 -2
  17. package/dist/calendar/tests/calendar-infinite-rtl.js +67 -67
  18. package/dist/calendar/tests/calendar-infinite-rtl.js.map +2 -2
  19. package/dist/calendar/tests/calendar-infinite.js +68 -68
  20. package/dist/calendar/tests/calendar-infinite.js.map +2 -2
  21. package/dist/calendar/tests/calendar-modern-angular.js +38 -19
  22. package/dist/calendar/tests/calendar-modern-angular.js.map +2 -2
  23. package/dist/calendar/tests/calendar-modern-jquery.js +38 -19
  24. package/dist/calendar/tests/calendar-modern-jquery.js.map +2 -2
  25. package/dist/datetime-selector/tests/datetime-selector.js +38 -19
  26. package/dist/datetime-selector/tests/datetime-selector.js.map +2 -2
  27. package/dist/form/tests/form-grid-layout.js +3 -3
  28. package/dist/form/tests/form-grid-layout.js.map +1 -1
  29. package/dist/imageeditor/tests/imageeditor-crop-pane.js +5 -5
  30. package/dist/imageeditor/tests/imageeditor-crop-pane.js.map +1 -1
  31. package/dist/imageeditor/tests/imageeditor-resize-pane.js +5 -5
  32. package/dist/imageeditor/tests/imageeditor-resize-pane.js.map +1 -1
  33. package/dist/layout/tests/stack-layout.js +3 -3
  34. package/dist/layout/tests/stack-layout.js.map +2 -2
  35. package/dist/list/tests/list-sizes.js +2 -2
  36. package/dist/list/tests/list-sizes.js.map +2 -2
  37. package/dist/multiviewcalendar/multiviewcalendar.js +40 -20
  38. package/dist/multiviewcalendar/multiviewcalendar.js.map +2 -2
  39. package/dist/multiviewcalendar/tests/multiviewcalendar-angular.js +40 -20
  40. package/dist/multiviewcalendar/tests/multiviewcalendar-angular.js.map +2 -2
  41. package/dist/multiviewcalendar/tests/multiviewcalendar-jquery.js +40 -20
  42. package/dist/multiviewcalendar/tests/multiviewcalendar-jquery.js.map +2 -2
  43. package/dist/multiviewcalendar/tests/multiviewcalendar-react.js +40 -20
  44. package/dist/multiviewcalendar/tests/multiviewcalendar-react.js.map +2 -2
  45. package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-angular.js +40 -20
  46. package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-angular.js.map +2 -2
  47. package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-jquery.js +40 -20
  48. package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-jquery.js.map +2 -2
  49. package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-react.js +40 -20
  50. package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-react.js.map +2 -2
  51. package/dist/notification/tests/notification-angular.js +2 -2
  52. package/dist/notification/tests/notification-angular.js.map +2 -2
  53. package/dist/notification/tests/notification-custom-angular.js +4 -4
  54. package/dist/notification/tests/notification-custom-angular.js.map +2 -2
  55. package/dist/notification/tests/notification-jquery.js +2 -2
  56. package/dist/notification/tests/notification-jquery.js.map +2 -2
  57. package/dist/panelbar/tests/panelbar-angular.js +2 -2
  58. package/dist/panelbar/tests/panelbar-angular.js.map +2 -2
  59. package/dist/panelbar/tests/panelbar-jquery.js +2 -2
  60. package/dist/panelbar/tests/panelbar-jquery.js.map +2 -2
  61. package/dist/panelbar/tests/panelbar-react.js +2 -2
  62. package/dist/panelbar/tests/panelbar-react.js.map +2 -2
  63. package/dist/panelbar/tests/panelbar-universal.js +2 -2
  64. package/dist/panelbar/tests/panelbar-universal.js.map +2 -2
  65. package/dist/scrollview/tests/scrollview-angular.js +1 -1
  66. package/dist/scrollview/tests/scrollview-angular.js.map +2 -2
  67. package/dist/scrollview/tests/scrollview-blazor.js +1 -1
  68. package/dist/scrollview/tests/scrollview-blazor.js.map +2 -2
  69. package/dist/scrollview/tests/scrollview.js +1 -1
  70. package/dist/scrollview/tests/scrollview.js.map +2 -2
  71. package/dist/signature/index.js +203 -0
  72. package/dist/signature/index.js.map +7 -0
  73. package/dist/signature/signature.js +203 -0
  74. package/dist/signature/signature.js.map +7 -0
  75. package/dist/signature/tests/signature-flat.js +273 -0
  76. package/dist/signature/tests/signature-flat.js.map +7 -0
  77. package/dist/signature/tests/signature-outline.js +273 -0
  78. package/dist/signature/tests/signature-outline.js.map +7 -0
  79. package/dist/signature/tests/signature.js +258 -0
  80. package/dist/signature/tests/signature.js.map +7 -0
  81. package/dist/switch/tests/switch-size-rounded.js +3 -3
  82. package/dist/switch/tests/switch-size-rounded.js.map +2 -2
  83. package/dist/toolbar/tests/toolbar-angular.js +2 -2
  84. package/dist/toolbar/tests/toolbar-angular.js.map +2 -2
  85. package/dist/toolbar/tests/toolbar-popup-legacy.js +1 -1
  86. package/dist/toolbar/tests/toolbar-popup-legacy.js.map +2 -2
  87. package/dist/toolbar/tests/toolbar-popup.js +1 -1
  88. package/dist/toolbar/tests/toolbar-popup.js.map +2 -2
  89. package/dist/toolbar/tests/toolbar.js +10 -10
  90. package/dist/toolbar/tests/toolbar.js.map +2 -2
  91. package/dist/tooltip/tests/tooltip-states.js +1 -1
  92. package/dist/tooltip/tests/tooltip-states.js.map +2 -2
  93. package/package.json +2 -2
  94. package/src/breadcrumb/tests/breadcrumb-rtl.tsx +4 -4
  95. package/src/breadcrumb/tests/breadcrumb.tsx +4 -4
  96. package/src/calendar/calendar-cell.tsx +10 -1
  97. package/src/calendar/calendar-table.tsx +15 -13
  98. package/src/calendar/calendar-view.tsx +3 -0
  99. package/src/calendar/calendar.tsx +3 -0
  100. package/src/calendar/tests/calendar-classic-jquery.tsx +28 -28
  101. package/src/calendar/tests/calendar-infinite-rtl.tsx +67 -67
  102. package/src/calendar/tests/calendar-infinite.tsx +68 -68
  103. package/src/form/tests/form-grid-layout.tsx +3 -3
  104. package/src/imageeditor/tests/imageeditor-crop-pane.tsx +5 -5
  105. package/src/imageeditor/tests/imageeditor-resize-pane.tsx +5 -5
  106. package/src/layout/tests/stack-layout.tsx +3 -3
  107. package/src/list/tests/list-sizes.tsx +2 -2
  108. package/src/multiviewcalendar/multiviewcalendar.tsx +1 -0
  109. package/src/notification/tests/notification-angular.tsx +2 -2
  110. package/src/notification/tests/notification-custom-angular.tsx +4 -4
  111. package/src/notification/tests/notification-jquery.tsx +2 -2
  112. package/src/panelbar/tests/panelbar-angular.tsx +2 -2
  113. package/src/panelbar/tests/panelbar-jquery.tsx +2 -2
  114. package/src/panelbar/tests/panelbar-react.tsx +2 -2
  115. package/src/panelbar/tests/panelbar-universal.tsx +2 -2
  116. package/src/scrollview/tests/scrollview-angular.tsx +1 -1
  117. package/src/scrollview/tests/scrollview-blazor.tsx +1 -1
  118. package/src/scrollview/tests/scrollview.tsx +1 -1
  119. package/src/signature/index.tsx +1 -0
  120. package/src/signature/signature.tsx +112 -0
  121. package/src/signature/tests/signature-flat.tsx +71 -0
  122. package/src/signature/tests/signature-outline.tsx +71 -0
  123. package/src/signature/tests/signature.tsx +71 -0
  124. package/src/switch/tests/switch-size-rounded.tsx +3 -3
  125. package/src/toolbar/tests/toolbar-angular.tsx +2 -2
  126. package/src/toolbar/tests/toolbar-popup-legacy.tsx +1 -1
  127. package/src/toolbar/tests/toolbar-popup.tsx +1 -1
  128. package/src/toolbar/tests/toolbar.tsx +10 -10
  129. package/src/tooltip/tests/tooltip-states.tsx +1 -1
package/src/calendar/tests/calendar-infinite.tsx CHANGED
@@ -106,17 +106,17 @@ root.render(
106
106
  <td className="k-calendar-td k-today">
107
107
  <span className="k-link">3</span>
108
108
  </td>
109
- <td className="k-calendar-td k-state-hover">
109
+ <td className="k-calendar-td">
110
110
  <span className="k-link">4</span>
111
111
  </td>
112
- <td className="k-calendar-td k-state-focused">
112
+ <td className="k-calendar-td">
113
113
  <span className="k-link">5</span>
114
114
  </td>
115
- <td className="k-calendar-td k-state-selected">
115
+ <td className="k-calendar-td">
116
116
  <span className="k-link">6</span>
117
117
  </td>
118
118
  <td className="k-calendar-td k-weekend">
119
- <span className="k-link">{7}</span>
119
+ <span className="k-link">7</span>
120
120
  </td>
121
121
  </tr>
122
122
  <tr className="k-calendar-tr">
@@ -129,13 +129,13 @@ root.render(
129
129
  <td className="k-calendar-td">
130
130
  <span className="k-link">10</span>
131
131
  </td>
132
- <td className="k-calendar-td k-state-hover k-state-focused">
132
+ <td className="k-calendar-td">
133
133
  <span className="k-link">11</span>
134
134
  </td>
135
- <td className="k-calendar-td k-state-selected k-state-focused">
135
+ <td className="k-calendar-td">
136
136
  <span className="k-link">12</span>
137
137
  </td>
138
- <td className="k-calendar-td k-state-selected k-state-hover">
138
+ <td className="k-calendar-td">
139
139
  <span className="k-link">13</span>
140
140
  </td>
141
141
  <td className="k-calendar-td k-weekend">
@@ -146,22 +146,22 @@ root.render(
146
146
  <td className="k-calendar-td k-weekend">
147
147
  <span className="k-link">15</span>
148
148
  </td>
149
- <td className="k-calendar-td">
149
+ <td className="k-calendar-td k-hover">
150
150
  <span className="k-link">16</span>
151
151
  </td>
152
- <td className="k-calendar-td">
153
- <span className="k-link">1{7}</span>
152
+ <td className="k-calendar-td k-focus">
153
+ <span className="k-link">17</span>
154
154
  </td>
155
- <td className="k-calendar-td">
155
+ <td className="k-calendar-td k-selected">
156
156
  <span className="k-link">18</span>
157
157
  </td>
158
- <td className="k-calendar-td">
158
+ <td className="k-calendar-td k-hover k-focus">
159
159
  <span className="k-link">19</span>
160
160
  </td>
161
- <td className="k-calendar-td">
161
+ <td className="k-calendar-td k-selected k-focus">
162
162
  <span className="k-link">20</span>
163
163
  </td>
164
- <td className="k-calendar-td k-weekend">
164
+ <td className="k-calendar-td k-weekend k-selected k-hover">
165
165
  <span className="k-link">21</span>
166
166
  </td>
167
167
  </tr>
@@ -182,7 +182,7 @@ root.render(
182
182
  <span className="k-link">26</span>
183
183
  </td>
184
184
  <td className="k-calendar-td">
185
- <span className="k-link">2{7}</span>
185
+ <span className="k-link">27</span>
186
186
  </td>
187
187
  <td className="k-calendar-td k-weekend">
188
188
  <span className="k-link">28</span>
@@ -319,17 +319,17 @@ root.render(
319
319
  <td className="k-calendar-td k-today">
320
320
  <span className="k-link">3</span>
321
321
  </td>
322
- <td className="k-calendar-td k-state-hover">
322
+ <td className="k-calendar-td">
323
323
  <span className="k-link">4</span>
324
324
  </td>
325
- <td className="k-calendar-td k-state-focused">
325
+ <td className="k-calendar-td">
326
326
  <span className="k-link">5</span>
327
327
  </td>
328
- <td className="k-calendar-td k-state-selected">
328
+ <td className="k-calendar-td">
329
329
  <span className="k-link">6</span>
330
330
  </td>
331
331
  <td className="k-calendar-td k-weekend">
332
- <span className="k-link">{7}</span>
332
+ <span className="k-link">7</span>
333
333
  </td>
334
334
  </tr>
335
335
  <tr className="k-calendar-tr">
@@ -342,13 +342,13 @@ root.render(
342
342
  <td className="k-calendar-td">
343
343
  <span className="k-link">10</span>
344
344
  </td>
345
- <td className="k-calendar-td k-state-hover k-state-focused">
345
+ <td className="k-calendar-td">
346
346
  <span className="k-link">11</span>
347
347
  </td>
348
- <td className="k-calendar-td k-state-selected k-state-focused">
348
+ <td className="k-calendar-td">
349
349
  <span className="k-link">12</span>
350
350
  </td>
351
- <td className="k-calendar-td k-state-selected k-state-hover">
351
+ <td className="k-calendar-td">
352
352
  <span className="k-link">13</span>
353
353
  </td>
354
354
  <td className="k-calendar-td k-weekend">
@@ -363,7 +363,7 @@ root.render(
363
363
  <span className="k-link">16</span>
364
364
  </td>
365
365
  <td className="k-calendar-td">
366
- <span className="k-link">1{7}</span>
366
+ <span className="k-link">17</span>
367
367
  </td>
368
368
  <td className="k-calendar-td">
369
369
  <span className="k-link">18</span>
@@ -395,7 +395,7 @@ root.render(
395
395
  <span className="k-link">26</span>
396
396
  </td>
397
397
  <td className="k-calendar-td">
398
- <span className="k-link">2{7}</span>
398
+ <span className="k-link">27</span>
399
399
  </td>
400
400
  <td className="k-calendar-td k-weekend">
401
401
  <span className="k-link">28</span>
@@ -447,7 +447,7 @@ root.render(
447
447
  <li><span>2014</span></li>
448
448
  <li><span>2015</span></li>
449
449
  <li><span>2016</span></li>
450
- <li><span>201{7}</span></li>
450
+ <li><span>2017</span></li>
451
451
  <li><span>2018</span></li>
452
452
  <li><span>2019</span></li>
453
453
  <li><span className="k-calendar-navigation-marker">2020</span></li>
@@ -457,7 +457,7 @@ root.render(
457
457
  <li><span>2024</span></li>
458
458
  <li><span>2025</span></li>
459
459
  <li><span>2026</span></li>
460
- <li><span>202{7}</span></li>
460
+ <li><span>2027</span></li>
461
461
  <li><span>2028</span></li>
462
462
  <li><span>2029</span></li>
463
463
  <li><span className="k-calendar-navigation-marker">2030</span></li>
@@ -467,7 +467,7 @@ root.render(
467
467
  <li><span>2034</span></li>
468
468
  <li><span>2035</span></li>
469
469
  <li><span>2036</span></li>
470
- <li><span>203{7}</span></li>
470
+ <li><span>2037</span></li>
471
471
  <li><span>2038</span></li>
472
472
  <li><span>2039</span></li>
473
473
  <li><span className="k-calendar-navigation-marker">2040</span></li>
@@ -501,13 +501,13 @@ root.render(
501
501
  <td className="k-calendar-td">
502
502
  <span className="k-link">Jan</span>
503
503
  </td>
504
- <td className="k-calendar-td k-state-hover">
504
+ <td className="k-calendar-td k-hover">
505
505
  <span className="k-link">Feb</span>
506
506
  </td>
507
- <td className="k-calendar-td k-state-focused">
507
+ <td className="k-calendar-td k-focus">
508
508
  <span className="k-link">Mar</span>
509
509
  </td>
510
- <td className="k-calendar-td k-state-selected">
510
+ <td className="k-calendar-td k-selected">
511
511
  <span className="k-link">Apr</span>
512
512
  </td>
513
513
  </tr>
@@ -518,10 +518,10 @@ root.render(
518
518
  <td className="k-calendar-td">
519
519
  <span className="k-link">Jun</span>
520
520
  </td>
521
- <td className="k-calendar-td k-state-hover k-state-focused">
521
+ <td className="k-calendar-td k-hover k-focus">
522
522
  <span className="k-link">Jul</span>
523
523
  </td>
524
- <td className="k-calendar-td k-state-selected k-state-hover">
524
+ <td className="k-calendar-td k-selected k-hover">
525
525
  <span className="k-link">Aug</span>
526
526
  </td>
527
527
  </tr>
@@ -602,7 +602,7 @@ root.render(
602
602
  <div className="k-content k-scrollable">
603
603
  <ul className="k-reset">
604
604
  <li><span>1960</span></li>
605
- <li><span>19{7}0</span></li>
605
+ <li><span>1970</span></li>
606
606
  <li><span>1980</span></li>
607
607
  <li><span>1990</span></li>
608
608
  <li><span className="k-calendar-navigation-marker">2000</span></li>
@@ -612,7 +612,7 @@ root.render(
612
612
  <li><span>2040</span></li>
613
613
  <li><span>2050</span></li>
614
614
  <li><span>2060</span></li>
615
- <li><span>20{7}0</span></li>
615
+ <li><span>2070</span></li>
616
616
  <li><span>2080</span></li>
617
617
  <li><span>2090</span></li>
618
618
  </ul>
@@ -643,13 +643,13 @@ root.render(
643
643
  <td className="k-calendar-td">
644
644
  <span className="k-link">2010</span>
645
645
  </td>
646
- <td className="k-calendar-td k-state-hover">
646
+ <td className="k-calendar-td k-hover">
647
647
  <span className="k-link">2011</span>
648
648
  </td>
649
- <td className="k-calendar-td k-state-focused">
649
+ <td className="k-calendar-td k-focus">
650
650
  <span className="k-link">2012</span>
651
651
  </td>
652
- <td className="k-calendar-td k-state-selected">
652
+ <td className="k-calendar-td k-selected">
653
653
  <span className="k-link">2013</span>
654
654
  </td>
655
655
  </tr>
@@ -660,11 +660,11 @@ root.render(
660
660
  <td className="k-calendar-td">
661
661
  <span className="k-link">2015</span>
662
662
  </td>
663
- <td className="k-calendar-td k-state-hover k-state-focused">
663
+ <td className="k-calendar-td k-hover k-focus">
664
664
  <span className="k-link">2016</span>
665
665
  </td>
666
- <td className="k-calendar-td k-state-selected k-state-hover">
667
- <span className="k-link">201{7}</span>
666
+ <td className="k-calendar-td k-selected k-hover">
667
+ <span className="k-link">2017</span>
668
668
  </td>
669
669
  </tr>
670
670
  <tr className="k-calendar-tr">
@@ -707,7 +707,7 @@ root.render(
707
707
  <span className="k-link">2026</span>
708
708
  </td>
709
709
  <td className="k-calendar-td">
710
- <span className="k-link">202{7}</span>
710
+ <span className="k-link">2027</span>
711
711
  </td>
712
712
  </tr>
713
713
  <tr className="k-calendar-tr">
@@ -765,13 +765,13 @@ root.render(
765
765
  <td className="k-calendar-td">
766
766
  <span className="k-link">1900</span>
767
767
  </td>
768
- <td className="k-calendar-td k-state-hover">
768
+ <td className="k-calendar-td k-hover">
769
769
  <span className="k-link">1910</span>
770
770
  </td>
771
- <td className="k-calendar-td k-state-focused">
771
+ <td className="k-calendar-td k-focus">
772
772
  <span className="k-link">1920</span>
773
773
  </td>
774
- <td className="k-calendar-td k-state-selected">
774
+ <td className="k-calendar-td k-selected">
775
775
  <span className="k-link">1930</span>
776
776
  </td>
777
777
  </tr>
@@ -782,15 +782,15 @@ root.render(
782
782
  <td className="k-calendar-td">
783
783
  <span className="k-link">1950</span>
784
784
  </td>
785
- <td className="k-calendar-td k-state-hover k-state-focused">
785
+ <td className="k-calendar-td k-hover k-focus">
786
786
  <span className="k-link">1960</span>
787
787
  </td>
788
- <td className="k-calendar-td k-state-selected k-state-hover">
789
- <span className="k-link">19{7}0</span>
788
+ <td className="k-calendar-td k-selected k-hover">
789
+ <span className="k-link">1970</span>
790
790
  </td>
791
791
  </tr>
792
792
  <tr className="k-calendar-tr">
793
- <td className="k-calendar-td">
793
+ <td className="k-calendar-td k-today">
794
794
  <span className="k-link">1980</span>
795
795
  </td>
796
796
  <td className="k-calendar-td">
@@ -808,7 +808,7 @@ root.render(
808
808
  <td className="k-calendar-td">
809
809
  <span className="k-link">2000</span>
810
810
  </td>
811
- <td className="k-calendar-td k-today">
811
+ <td className="k-calendar-td">
812
812
  <span className="k-link">2010</span>
813
813
  </td>
814
814
  <td className="k-calendar-td">
@@ -829,7 +829,7 @@ root.render(
829
829
  <span className="k-link">2060</span>
830
830
  </td>
831
831
  <td className="k-calendar-td">
832
- <span className="k-link">20{7}0</span>
832
+ <span className="k-link">2070</span>
833
833
  </td>
834
834
  </tr>
835
835
  <tr className="k-calendar-tr">
@@ -1053,7 +1053,7 @@ root.render(
1053
1053
  <span className="k-link">6</span>
1054
1054
  </td>
1055
1055
  <td className="k-calendar-td k-weekend">
1056
- <span className="k-link">{7}</span>
1056
+ <span className="k-link">7</span>
1057
1057
  </td>
1058
1058
  </tr>
1059
1059
  <tr className="k-calendar-tr">
@@ -1089,7 +1089,7 @@ root.render(
1089
1089
  <span className="k-link">16</span>
1090
1090
  </td>
1091
1091
  <td className="k-calendar-td">
1092
- <span className="k-link">1{7}</span>
1092
+ <span className="k-link">17</span>
1093
1093
  </td>
1094
1094
  <td className="k-calendar-td">
1095
1095
  <span className="k-link">18</span>
@@ -1122,7 +1122,7 @@ root.render(
1122
1122
  <span className="k-link">26</span>
1123
1123
  </td>
1124
1124
  <td className="k-calendar-td">
1125
- <span className="k-link">2{7}</span>
1125
+ <span className="k-link">27</span>
1126
1126
  </td>
1127
1127
  <td className="k-calendar-td k-weekend">
1128
1128
  <span className="k-link">28</span>
@@ -1186,7 +1186,7 @@ root.render(
1186
1186
  <span className="k-link">6</span>
1187
1187
  </td>
1188
1188
  <td className="k-calendar-td">
1189
- <span className="k-link">{7}</span>
1189
+ <span className="k-link">7</span>
1190
1190
  </td>
1191
1191
  <td className="k-calendar-td">
1192
1192
  <span className="k-link">8</span>
@@ -1219,14 +1219,14 @@ root.render(
1219
1219
  <span className="k-link">16</span>
1220
1220
  </td>
1221
1221
  <td className="k-calendar-td">
1222
- <span className="k-link">1{7}</span>
1222
+ <span className="k-link">17</span>
1223
1223
  </td>
1224
1224
  <td className="k-calendar-td k-weekend">
1225
1225
  <span className="k-link">18</span>
1226
1226
  </td>
1227
1227
  </tr>
1228
1228
  <tr className="k-calendar-tr">
1229
- <td className="k-calendar-td k-alt">1{7}</td>
1229
+ <td className="k-calendar-td k-alt">17</td>
1230
1230
  <td className="k-calendar-td k-weekend">
1231
1231
  <span className="k-link">19</span>
1232
1232
  </td>
@@ -1255,7 +1255,7 @@ root.render(
1255
1255
  <span className="k-link">26</span>
1256
1256
  </td>
1257
1257
  <td className="k-calendar-td">
1258
- <span className="k-link">2{7}</span>
1258
+ <span className="k-link">27</span>
1259
1259
  </td>
1260
1260
  <td className="k-calendar-td">
1261
1261
  <span className="k-link">28</span>
@@ -1313,7 +1313,7 @@ root.render(
1313
1313
  <span className="k-link">6</span>
1314
1314
  </td>
1315
1315
  <td className="k-calendar-td">
1316
- <span className="k-link">{7}</span>
1316
+ <span className="k-link">7</span>
1317
1317
  </td>
1318
1318
  <td className="k-calendar-td">
1319
1319
  <span className="k-link">8</span>
@@ -1349,7 +1349,7 @@ root.render(
1349
1349
  <tr className="k-calendar-tr">
1350
1350
  <td className="k-calendar-td k-alt">21</td>
1351
1351
  <td className="k-calendar-td k-weekend">
1352
- <span className="k-link">1{7}</span>
1352
+ <span className="k-link">17</span>
1353
1353
  </td>
1354
1354
  <td className="k-calendar-td">
1355
1355
  <span className="k-link">18</span>
@@ -1382,7 +1382,7 @@ root.render(
1382
1382
  <span className="k-link">26</span>
1383
1383
  </td>
1384
1384
  <td className="k-calendar-td">
1385
- <span className="k-link">2{7}</span>
1385
+ <span className="k-link">27</span>
1386
1386
  </td>
1387
1387
  <td className="k-calendar-td">
1388
1388
  <span className="k-link">28</span>
@@ -1436,7 +1436,7 @@ root.render(
1436
1436
  <tr className="k-calendar-tr">
1437
1437
  <td className="k-calendar-td k-alt">24</td>
1438
1438
  <td className="k-calendar-td k-weekend">
1439
- <span className="k-link">{7}</span>
1439
+ <span className="k-link">7</span>
1440
1440
  </td>
1441
1441
  <td className="k-calendar-td">
1442
1442
  <span className="k-link">8</span>
@@ -1469,7 +1469,7 @@ root.render(
1469
1469
  <span className="k-link">16</span>
1470
1470
  </td>
1471
1471
  <td className="k-calendar-td">
1472
- <span className="k-link">1{7}</span>
1472
+ <span className="k-link">17</span>
1473
1473
  </td>
1474
1474
  <td className="k-calendar-td">
1475
1475
  <span className="k-link">18</span>
@@ -1502,11 +1502,11 @@ root.render(
1502
1502
  <span className="k-link">26</span>
1503
1503
  </td>
1504
1504
  <td className="k-calendar-td k-weekend">
1505
- <span className="k-link">2{7}</span>
1505
+ <span className="k-link">27</span>
1506
1506
  </td>
1507
1507
  </tr>
1508
1508
  <tr className="k-calendar-tr">
1509
- <td className="k-calendar-td k-alt">2{7}</td>
1509
+ <td className="k-calendar-td k-alt">27</td>
1510
1510
  <td className="k-calendar-td k-weekend">
1511
1511
  <span className="k-link">28</span>
1512
1512
  </td>
@@ -1537,7 +1537,7 @@ root.render(
1537
1537
  <th className="k-calendar-caption" scope="col" colSpan={8}>July 2020</th>
1538
1538
  </tr>
1539
1539
  <tr className="k-calendar-tr">
1540
- <td className="k-calendar-td k-alt">2{7}</td>
1540
+ <td className="k-calendar-td k-alt">27</td>
1541
1541
  <td className="k-calendar-td k-empty"></td>
1542
1542
  <td className="k-calendar-td k-empty"></td>
1543
1543
  <td className="k-calendar-td k-empty"></td>
@@ -1563,7 +1563,7 @@ root.render(
1563
1563
  <span className="k-link">6</span>
1564
1564
  </td>
1565
1565
  <td className="k-calendar-td">
1566
- <span className="k-link">{7}</span>
1566
+ <span className="k-link">7</span>
1567
1567
  </td>
1568
1568
  <td className="k-calendar-td">
1569
1569
  <span className="k-link">8</span>
@@ -1596,7 +1596,7 @@ root.render(
1596
1596
  <span className="k-link">16</span>
1597
1597
  </td>
1598
1598
  <td className="k-calendar-td">
1599
- <span className="k-link">1{7}</span>
1599
+ <span className="k-link">17</span>
1600
1600
  </td>
1601
1601
  <td className="k-calendar-td k-weekend">
1602
1602
  <span className="k-link">18</span>
@@ -1632,7 +1632,7 @@ root.render(
1632
1632
  <span className="k-link">26</span>
1633
1633
  </td>
1634
1634
  <td className="k-calendar-td">
1635
- <span className="k-link">2{7}</span>
1635
+ <span className="k-link">27</span>
1636
1636
  </td>
1637
1637
  <td className="k-calendar-td">
1638
1638
  <span className="k-link">28</span>
package/src/form/tests/form-grid-layout.tsx CHANGED
@@ -22,19 +22,19 @@ root.render(
22
22
  <legend className="k-form-legend">Shipping Address</legend>
23
23
 
24
24
  <div className="k-form-layout k-d-grid k-grid-cols-2" style={{ gap: "0px 16px" }}>
25
- <div className="k-form-field k-colspan-1">
25
+ <div className="k-form-field k-colspan-1 k-col-span-1">
26
26
  <label className="k-label k-form-label">Country</label>
27
27
  <DropdownList value="France" />
28
28
  </div>
29
29
 
30
- <div className="k-form-field k-colspan-1">
30
+ <div className="k-form-field k-colspan-1 k-col-span-1">
31
31
  <label className="k-label k-form-label">City</label>
32
32
  <div className="k-form-field-wrap">
33
33
  <Textbox />
34
34
  </div>
35
35
  </div>
36
36
 
37
- <div className="k-form-field k-colspan-2">
37
+ <div className="k-form-field k-colspan-2 k-col-span-2">
38
38
  <label className="k-label k-form-label">Address Line</label>
39
39
  <div className="k-form-field-wrap">
40
40
  <Textbox />
package/src/imageeditor/tests/imageeditor-crop-pane.tsx CHANGED
@@ -63,13 +63,13 @@ root.render(
63
63
  <fieldset className="k-form-fieldset">
64
64
  <legend className="k-form-legend">Crop Image</legend>
65
65
  <div className="k-form-layout k-d-grid k-grid-cols-2" style={{ gap: "0px 8px" }}>
66
- <div className="k-form-field k-colspan-2">
66
+ <div className="k-form-field k-colspan-2 k-col-span-2">
67
67
  <label className="k-label k-form-label">Aspect Ratio:</label>
68
68
  <div className="k-form-field-wrap">
69
69
  <DropdownList value="Original ratio" />
70
70
  </div>
71
71
  </div>
72
- <div className="k-form-field k-colspan-2">
72
+ <div className="k-form-field k-colspan-2 k-col-span-2">
73
73
  <label className="k-label k-form-label">Orientation:</label>
74
74
  <div className="k-form-field-wrap">
75
75
  <div className="k-widget k-button-group">
@@ -78,19 +78,19 @@ root.render(
78
78
  </div>
79
79
  </div>
80
80
  </div>
81
- <div className="k-form-field k-colspan-1">
81
+ <div className="k-form-field k-colspan-1 k-col-span-1">
82
82
  <label className="k-label k-form-label">Width:</label>
83
83
  <div className="k-form-field-wrap">
84
84
  <NumericTextbox showClearButton={false} value="61" />
85
85
  </div>
86
86
  </div>
87
- <div className="k-form-field k-colspan-1">
87
+ <div className="k-form-field k-colspan-1 k-col-span-1">
88
88
  <label className="k-label k-form-label">Height:</label>
89
89
  <div className="k-form-field-wrap">
90
90
  <NumericTextbox showClearButton={false} value="68" />
91
91
  </div>
92
92
  </div>
93
- <div className="k-form-field k-colspan-2">
93
+ <div className="k-form-field k-colspan-2 k-col-span-2">
94
94
  <label className="k-label k-form-label">Lock aspect ratio:</label>
95
95
  <div className="k-form-field-wrap">
96
96
  <Checkbox />
package/src/imageeditor/tests/imageeditor-resize-pane.tsx CHANGED
@@ -49,31 +49,31 @@ root.render(
49
49
  <fieldset className="k-form-fieldset">
50
50
  <legend className="k-form-legend">Resize image</legend>
51
51
  <div className="k-form-layout k-d-grid k-grid-cols-2" style={{ gap: "0px 8px" }}>
52
- <div className="k-form-field k-colspan-1">
52
+ <div className="k-form-field k-col-span-1-1 k-col-span-1">
53
53
  <label className="k-label k-form-label">Width:</label>
54
54
  <div className="k-form-field-wrap">
55
55
  <NumericTextbox showClearButton={false} value="61" />
56
56
  </div>
57
57
  </div>
58
- <div className="k-form-field k-colspan-1">
58
+ <div className="k-form-field k-colspan-1 k-col-span-1">
59
59
  <label className="k-label k-form-label">&nbsp;</label>
60
60
  <div className="k-form-field-wrap">
61
61
  <DropdownList value="Pixels" />
62
62
  </div>
63
63
  </div>
64
- <div className="k-form-field k-colspan-1">
64
+ <div className="k-form-field k-colspan-1 k-col-span-1">
65
65
  <label className="k-label k-form-label">Height:</label>
66
66
  <div className="k-form-field-wrap">
67
67
  <NumericTextbox showClearButton={false} value="68" />
68
68
  </div>
69
69
  </div>
70
- <div className="k-form-field k-colspan-1">
70
+ <div className="k-form-field k-colspan-1 k-col-span-1">
71
71
  <label className="k-label k-form-label">&nbsp;</label>
72
72
  <div className="k-form-field-wrap">
73
73
  <DropdownList value="Pixels" />
74
74
  </div>
75
75
  </div>
76
- <div className="k-form-field k-colspan-2">
76
+ <div className="k-form-field k-colspan-2 k-col-span-2">
77
77
  <label className="k-label k-form-label">Lock aspect ratio:</label>
78
78
  <div className="k-form-field-wrap">
79
79
  <Checkbox />
package/src/layout/tests/stack-layout.tsx CHANGED
@@ -31,7 +31,7 @@ root.render(
31
31
  <div id="test-area" className="k-d-grid k-grid-cols-5">
32
32
 
33
33
  <span></span>
34
- <span className="k-colspan-4">Orientation horizontal</span>
34
+ <span className="k-colspan-4 k-col-span-4">Orientation horizontal</span>
35
35
 
36
36
  <span></span>
37
37
  <span>horizontal align left</span>
@@ -159,10 +159,10 @@ root.render(
159
159
  </Layout>
160
160
  </section>
161
161
 
162
- <span className="k-colspan-all"></span>
162
+ <span className="k-colspan-all k-col-span-full"></span>
163
163
 
164
164
  <span></span>
165
- <span className="k-colspan-4">Orientation vertical</span>
165
+ <span className="k-colspan-4 k-col-span-4">Orientation vertical</span>
166
166
 
167
167
  <span></span>
168
168
  <span>horizontal align left</span>
package/src/list/tests/list-sizes.tsx CHANGED
@@ -39,7 +39,7 @@ root.render(
39
39
  </List>
40
40
  </section>
41
41
 
42
- <span className="k-colspan-all">universal grouping</span>
42
+ <span className="k-colspan-all k-col-span-full">universal grouping</span>
43
43
 
44
44
  <section>
45
45
  <List size="small">
@@ -80,7 +80,7 @@ root.render(
80
80
  </List>
81
81
  </section>
82
82
 
83
- <span className="k-colspan-all">angular grouping</span>
83
+ <span className="k-colspan-all k-col-span-full">angular grouping</span>
84
84
 
85
85
  <section>
86
86
  <List size="small" framework="angular">
package/src/multiviewcalendar/multiviewcalendar.tsx CHANGED
@@ -53,6 +53,7 @@ export class MultiViewCalendar extends React.Component<MultiViewCalendarProps> {
53
53
  showWeek={showWeek}
54
54
  showOtherMonth={showOtherMonth}
55
55
  showCalendarCaption={showCalendarCaption}
56
+ selectedRange={true}
56
57
 
57
58
  />
58
59
  );