@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/dist/tooltip/tests/tooltip-states.js CHANGED
@@ -41,7 +41,7 @@
41
41
  id: "test-area",
42
42
  className: "k-d-grid k-grid-cols-4"
43
43
  }, /* @__PURE__ */ import_react.default.createElement("span", {
44
- className: "k-colspan-all"
44
+ className: "k-colspan-all k-col-span-full"
45
45
  }, "Tooltip states"), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", {
46
46
  className: "k-animation-container"
47
47
  }, /* @__PURE__ */ import_react.default.createElement("div", {
package/dist/tooltip/tests/tooltip-states.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/tooltip/tests/tooltip-states.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n .k-animation-container {\n display: inline-block;\n position: relative;\n overflow: visible;\n }\n\n .k-tooltip {\n position: relative;\n }\n`;\n\n\nroot.render(\n <>\n <style>{style}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n <span className=\"k-colspan-all\">Tooltip states</span>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-primary\">\n <div className=\"k-tooltip-content\">primary top</div>\n <div className=\"k-callout k-callout-n\"></div>\n </div>\n </div>\n </section>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-primary\">\n <div className=\"k-tooltip-content\">primary right</div>\n <div className=\"k-callout k-callout-e\"></div>\n </div>\n </div>\n </section>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-primary\">\n <div className=\"k-tooltip-content\">primary bottom</div>\n <div className=\"k-callout k-callout-s\"></div>\n </div>\n </div>\n </section>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-primary\">\n <div className=\"k-tooltip-content\">primary left</div>\n <div className=\"k-callout k-callout-w\"></div>\n </div>\n </div>\n </section>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-info\">\n <div className=\"k-tooltip-content\">info tooltip</div>\n <div className=\"k-callout k-callout-w\"></div>\n </div>\n </div>\n </section>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-success\">\n <div className=\"k-tooltip-content\">success tooltip</div>\n <div className=\"k-callout k-callout-w\"></div>\n </div>\n </div>\n </section>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-warning\">\n <div className=\"k-tooltip-content\">warning tooltip</div>\n <div className=\"k-callout k-callout-w\"></div>\n </div>\n </div>\n </section>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-error\">\n <div className=\"k-tooltip-content\">error tooltip</div>\n <div className=\"k-callout k-callout-w\"></div>\n </div>\n </div>\n </section>\n </div>\n </>\n);\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAkB;AAClB,sBAAqB;AAErB,MAAM,OAAO,sBAAS,WAClB,SAAS,eAAe,KAAK,CACjC;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAad,OAAK,OACD,wFACI,mDAAC,eAAO,KAAM,GACd,mDAAC;AAAA,IAAI,IAAG;AAAA,IAAY,WAAU;AAAA,KAE1B,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAgB,gBAAc,GAC9C,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,aAAW,GAC9C,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,GACA,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,eAAa,GAChD,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,GACA,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,gBAAc,GACjD,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,GACA,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,cAAY,GAC/C,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,GACA,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,cAAY,GAC/C,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,GACA,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,iBAAe,GAClD,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,GACA,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,iBAAe,GAClD,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,GACA,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,eAAa,GAChD,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,CACJ,CACJ,CACJ;",
4
+ "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n .k-animation-container {\n display: inline-block;\n position: relative;\n overflow: visible;\n }\n\n .k-tooltip {\n position: relative;\n }\n`;\n\n\nroot.render(\n <>\n <style>{style}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n <span className=\"k-colspan-all k-col-span-full\">Tooltip states</span>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-primary\">\n <div className=\"k-tooltip-content\">primary top</div>\n <div className=\"k-callout k-callout-n\"></div>\n </div>\n </div>\n </section>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-primary\">\n <div className=\"k-tooltip-content\">primary right</div>\n <div className=\"k-callout k-callout-e\"></div>\n </div>\n </div>\n </section>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-primary\">\n <div className=\"k-tooltip-content\">primary bottom</div>\n <div className=\"k-callout k-callout-s\"></div>\n </div>\n </div>\n </section>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-primary\">\n <div className=\"k-tooltip-content\">primary left</div>\n <div className=\"k-callout k-callout-w\"></div>\n </div>\n </div>\n </section>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-info\">\n <div className=\"k-tooltip-content\">info tooltip</div>\n <div className=\"k-callout k-callout-w\"></div>\n </div>\n </div>\n </section>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-success\">\n <div className=\"k-tooltip-content\">success tooltip</div>\n <div className=\"k-callout k-callout-w\"></div>\n </div>\n </div>\n </section>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-warning\">\n <div className=\"k-tooltip-content\">warning tooltip</div>\n <div className=\"k-callout k-callout-w\"></div>\n </div>\n </div>\n </section>\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-tooltip k-tooltip-error\">\n <div className=\"k-tooltip-content\">error tooltip</div>\n <div className=\"k-callout k-callout-w\"></div>\n </div>\n </div>\n </section>\n </div>\n </>\n);\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAkB;AAClB,sBAAqB;AAErB,MAAM,OAAO,sBAAS,WAClB,SAAS,eAAe,KAAK,CACjC;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAad,OAAK,OACD,wFACI,mDAAC,eAAO,KAAM,GACd,mDAAC;AAAA,IAAI,IAAG;AAAA,IAAY,WAAU;AAAA,KAE1B,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAgC,gBAAc,GAC9D,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,aAAW,GAC9C,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,GACA,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,eAAa,GAChD,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,GACA,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,gBAAc,GACjD,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,GACA,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,cAAY,GAC/C,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,GACA,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,cAAY,GAC/C,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,GACA,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,iBAAe,GAClD,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,GACA,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,iBAAe,GAClD,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,GACA,mDAAC,iBACG,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,eAAa,GAChD,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAwB,CAC3C,CACJ,CACJ,CACJ,CACJ,CACJ;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-themes-html",
3
3
  "description": "A collection of HTML helpers used for developing Kendo UI themes",
4
- "version": "5.4.2-dev.6",
4
+ "version": "5.5.1-dev.1",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -46,5 +46,5 @@
46
46
  "glob": "^8.0.3",
47
47
  "typescript": "^4.7.2"
48
48
  },
49
- "gitHead": "71e608352b1307f0c198c462241a9c8dc00d4542"
49
+ "gitHead": "af60c06ba819159a7b64019ea1abd23116c3bcd7"
50
50
  }
package/src/breadcrumb/tests/breadcrumb-rtl.tsx CHANGED
@@ -10,7 +10,7 @@ const root = ReactDOM.createRoot(
10
10
  root.render(
11
11
  <>
12
12
  <div id="test-area" className="k-d-grid k-grid-cols-2 k-rtl">
13
- <span className="k-colspan-all">Wrapping</span>
13
+ <span className="k-colspan-all k-col-span-full">Wrapping</span>
14
14
  <div>
15
15
  <div style={{ width: "400px" }} className="k-widget k-breadcrumb k-breadcrumb-wrap" dir="rtl">
16
16
  <ol className="k-breadcrumb-root-item-container">
@@ -146,7 +146,7 @@ root.render(
146
146
  </div>
147
147
  </div>
148
148
 
149
- <span className="k-colspan-all">Navigation Mode</span>
149
+ <span className="k-colspan-all k-col-span-full">Navigation Mode</span>
150
150
  <div>
151
151
  <nav id="breadcrumbs" className="k-widget k-breadcrumb">
152
152
  <ol className="k-breadcrumb-container">
@@ -248,7 +248,7 @@ root.render(
248
248
  </nav>
249
249
  </div>
250
250
 
251
- <span className="k-colspan-all">Edit Mode</span>
251
+ <span className="k-colspan-all k-col-span-full">Edit Mode</span>
252
252
  <div>
253
253
  <nav id="breadcrumbs" className="k-widget k-breadcrumb k-state-focused">
254
254
  <ol className="k-breadcrumb-container">
@@ -281,7 +281,7 @@ root.render(
281
281
  </nav>
282
282
  </div>
283
283
 
284
- <span className="k-colspan-all">Overflow</span>
284
+ <span className="k-colspan-all k-col-span-full">Overflow</span>
285
285
  <div>
286
286
  <nav id="breadcrumbs" className="k-widget k-breadcrumb">
287
287
  <ol className="k-breadcrumb-container">
package/src/breadcrumb/tests/breadcrumb.tsx CHANGED
@@ -10,7 +10,7 @@ const root = ReactDOM.createRoot(
10
10
  root.render(
11
11
  <>
12
12
  <div id="test-area" className="k-d-grid k-grid-cols-2">
13
- <span className="k-colspan-all">Wrapping</span>
13
+ <span className="k-colspan-all k-col-span-full">Wrapping</span>
14
14
  <div>
15
15
  <div style={{ width: "400px" }} className="k-widget k-breadcrumb k-breadcrumb-wrap">
16
16
  <ol className="k-breadcrumb-root-item-container">
@@ -146,7 +146,7 @@ root.render(
146
146
  </div>
147
147
  </div>
148
148
 
149
- <span className="k-colspan-all">Navigation Mode</span>
149
+ <span className="k-colspan-all k-col-span-full">Navigation Mode</span>
150
150
  <div>
151
151
  <nav id="breadcrumbs" className="k-widget k-breadcrumb">
152
152
  <ol className="k-breadcrumb-container">
@@ -248,7 +248,7 @@ root.render(
248
248
  </nav>
249
249
  </div>
250
250
 
251
- <span className="k-colspan-all">Edit Mode</span>
251
+ <span className="k-colspan-all k-col-span-full">Edit Mode</span>
252
252
  <div>
253
253
  <nav id="breadcrumbs" className="k-widget k-breadcrumb k-state-focused">
254
254
  <ol className="k-breadcrumb-container">
@@ -281,7 +281,7 @@ root.render(
281
281
  </nav>
282
282
  </div>
283
283
 
284
- <span className="k-colspan-all">Overflow</span>
284
+ <span className="k-colspan-all k-col-span-full">Overflow</span>
285
285
  <div>
286
286
  <nav id="breadcrumbs" className="k-widget k-breadcrumb">
287
287
  <ol className="k-breadcrumb-container">
package/src/calendar/calendar-cell.tsx CHANGED
@@ -14,8 +14,11 @@ export interface CalendarCellProps {
14
14
  hover?: boolean;
15
15
  focus?: boolean;
16
16
  active?: boolean;
17
- selected?: boolean
17
+ selected?: boolean;
18
18
  disabled?: boolean;
19
+ rangeStart?: boolean;
20
+ rangeMid?: boolean;
21
+ rangeEnd?: boolean;
19
22
  }
20
23
 
21
24
  export class CalendarCell extends React.Component<CalendarCellProps> {
@@ -35,6 +38,9 @@ export class CalendarCell extends React.Component<CalendarCellProps> {
35
38
  active,
36
39
  selected,
37
40
  disabled,
41
+ rangeStart,
42
+ rangeMid,
43
+ rangeEnd,
38
44
  ...htmlAttributes
39
45
  } = this.props;
40
46
 
@@ -53,6 +59,9 @@ export class CalendarCell extends React.Component<CalendarCellProps> {
53
59
  'k-weekend': weekend,
54
60
  'k-other-month': otherMonth,
55
61
  'k-alt': weekCell,
62
+ 'k-range-start': rangeStart,
63
+ 'k-range-mid': rangeMid,
64
+ 'k-range-end': rangeEnd
56
65
  }
57
66
  ];
58
67
 
package/src/calendar/calendar-table.tsx CHANGED
@@ -8,6 +8,7 @@ export interface CalendarTableProps {
8
8
  showOtherMonth?: boolean;
9
9
  showWeek?: boolean;
10
10
  showCalendarCaption?: boolean;
11
+ selectedRange?: boolean;
11
12
  }
12
13
 
13
14
  export class CalendarTable extends React.Component<CalendarTableProps> {
@@ -20,6 +21,7 @@ export class CalendarTable extends React.Component<CalendarTableProps> {
20
21
  showOtherMonth,
21
22
  showWeek,
22
23
  showCalendarCaption,
24
+ selectedRange,
23
25
  ...htmlAttributes
24
26
  } = this.props;
25
27
 
@@ -145,20 +147,20 @@ export class CalendarTable extends React.Component<CalendarTableProps> {
145
147
  <tr className="k-calendar-tr">
146
148
  {showWeek && <CalendarCell text="40" weekCell /> }
147
149
  <CalendarCell text="7" weekend />
148
- <CalendarCell text="8" />
149
- <CalendarCell text="9" hover />
150
- <CalendarCell text="10" focus />
151
- <CalendarCell text="11" selected />
152
- <CalendarCell text="12" />
150
+ <CalendarCell text="8" hover />
151
+ <CalendarCell text="9" focus />
152
+ <CalendarCell text="10" selected />
153
+ <CalendarCell text="11" hover focus />
154
+ <CalendarCell text="12" hover selected />
153
155
  <CalendarCell text="13" weekend />
154
156
  </tr>
155
157
  <tr className="k-calendar-tr">
156
158
  {showWeek && <CalendarCell text="41" weekCell /> }
157
159
  <CalendarCell text="14" weekend />
158
160
  <CalendarCell text="15" />
159
- <CalendarCell text="16" hover focus />
160
- <CalendarCell text="17" selected />
161
- <CalendarCell text="18" selected />
161
+ <CalendarCell text="16" today />
162
+ <CalendarCell text="17" />
163
+ <CalendarCell text="18" />
162
164
  <CalendarCell text="19" />
163
165
  <CalendarCell text="20" weekend />
164
166
  </tr>
@@ -168,14 +170,14 @@ export class CalendarTable extends React.Component<CalendarTableProps> {
168
170
  <CalendarCell text="22" />
169
171
  <CalendarCell text="23" />
170
172
  <CalendarCell text="24" />
171
- <CalendarCell text="25" />
172
- <CalendarCell text="26" />
173
- <CalendarCell text="27" weekend />
173
+ <CalendarCell text="25" rangeStart={selectedRange} selected={selectedRange} />
174
+ <CalendarCell text="26" rangeMid={selectedRange} />
175
+ <CalendarCell text="27" weekend rangeMid={selectedRange} />
174
176
  </tr>
175
177
  <tr className="k-calendar-tr">
176
178
  {showWeek && <CalendarCell text="43" weekCell /> }
177
- <CalendarCell text="28" weekend />
178
- <CalendarCell text="29" today />
179
+ <CalendarCell text="28" weekend rangeMid={selectedRange} />
180
+ <CalendarCell text="29" rangeEnd={selectedRange} focus={selectedRange} selected={selectedRange} />
179
181
  <CalendarCell text="30" />
180
182
  <CalendarCell text="31" />
181
183
  <CalendarCell text="1" otherMonth showOtherMonth={showOtherMonth} />
package/src/calendar/calendar-view.tsx CHANGED
@@ -10,6 +10,7 @@ export interface CalendarViewProps {
10
10
  showWeek?: boolean;
11
11
  showOtherMonth?: boolean;
12
12
  showCalendarCaption?: boolean;
13
+ selectedRange?: boolean;
13
14
  }
14
15
 
15
16
  export class CalendarView extends React.Component<CalendarViewProps> {
@@ -29,6 +30,7 @@ export class CalendarView extends React.Component<CalendarViewProps> {
29
30
  showWeek,
30
31
  showOtherMonth,
31
32
  showCalendarCaption,
33
+ selectedRange,
32
34
  ...htmlAttributes
33
35
  } = this.props;
34
36
 
@@ -54,6 +56,7 @@ export class CalendarView extends React.Component<CalendarViewProps> {
54
56
  showWeek={showWeek}
55
57
  showOtherMonth={showOtherMonth}
56
58
  showCalendarCaption={showCalendarCaption}
59
+ selectedRange={selectedRange}
57
60
  />
58
61
  )}
59
62
  </div>
package/src/calendar/calendar.tsx CHANGED
@@ -12,6 +12,7 @@ export interface CalendarProps {
12
12
  showOtherMonth?: boolean;
13
13
  showCalendarCaption?: boolean;
14
14
  showCalendarFooter?: boolean;
15
+ selectedRange?: boolean;
15
16
  }
16
17
 
17
18
  export class Calendar extends React.Component<CalendarProps> {
@@ -34,6 +35,7 @@ export class Calendar extends React.Component<CalendarProps> {
34
35
  showOtherMonth,
35
36
  showCalendarCaption,
36
37
  showCalendarFooter,
38
+ selectedRange,
37
39
  ...htmlAttributes
38
40
  } = this.props;
39
41
 
@@ -60,6 +62,7 @@ export class Calendar extends React.Component<CalendarProps> {
60
62
  showWeek={showWeek}
61
63
  showOtherMonth={showOtherMonth}
62
64
  showCalendarCaption={showCalendarCaption}
65
+ selectedRange={selectedRange}
63
66
  />
64
67
 
65
68
  {showCalendarFooter && <CalendarFooter /> }
package/src/calendar/tests/calendar-classic-jquery.tsx CHANGED
@@ -62,13 +62,13 @@ root.render(
62
62
  <td className="k-calendar-td k-weekend">
63
63
  <a className="k-link">4</a>
64
64
  </td>
65
- <td className="k-calendar-td k-state-hover">
65
+ <td className="k-calendar-td k-hover">
66
66
  <a className="k-link">5</a>
67
67
  </td>
68
- <td className="k-calendar-td k-state-focused">
68
+ <td className="k-calendar-td k-focus">
69
69
  <a className="k-link">6</a>
70
70
  </td>
71
- <td className="k-calendar-td k-state-selected">
71
+ <td className="k-calendar-td k-selected">
72
72
  <a className="k-link">7</a>
73
73
  </td>
74
74
  <td className="k-calendar-td">
@@ -85,13 +85,13 @@ root.render(
85
85
  <td className="k-calendar-td k-weekend">
86
86
  <a className="k-link">11</a>
87
87
  </td>
88
- <td className="k-calendar-td k-state-hover k-state-focused">
88
+ <td className="k-calendar-td k-hover k-focus">
89
89
  <a className="k-link">12</a>
90
90
  </td>
91
- <td className="k-calendar-td k-state-selected k-state-focused">
91
+ <td className="k-calendar-td k-selected k-focus">
92
92
  <a className="k-link">13</a>
93
93
  </td>
94
- <td className="k-calendar-td k-state-selected k-state-hover">
94
+ <td className="k-calendar-td k-selected k-hover">
95
95
  <a className="k-link">14</a>
96
96
  </td>
97
97
  <td className="k-calendar-td">
@@ -232,13 +232,13 @@ root.render(
232
232
  <td className="k-calendar-td k-weekend">
233
233
  <a className="k-link">4</a>
234
234
  </td>
235
- <td className="k-calendar-td k-state-hover">
235
+ <td className="k-calendar-td k-hover">
236
236
  <a className="k-link">5</a>
237
237
  </td>
238
- <td className="k-calendar-td k-state-focused">
238
+ <td className="k-calendar-td k-focus">
239
239
  <a className="k-link">6</a>
240
240
  </td>
241
- <td className="k-calendar-td k-state-selected">
241
+ <td className="k-calendar-td k-selected">
242
242
  <a className="k-link">7</a>
243
243
  </td>
244
244
  <td className="k-calendar-td">
@@ -256,13 +256,13 @@ root.render(
256
256
  <td className="k-calendar-td k-weekend">
257
257
  <a className="k-link">11</a>
258
258
  </td>
259
- <td className="k-calendar-td k-state-hover k-state-focused">
259
+ <td className="k-calendar-td k-hover k-focus">
260
260
  <a className="k-link">12</a>
261
261
  </td>
262
- <td className="k-calendar-td k-state-selected k-state-focused">
262
+ <td className="k-calendar-td k-selected k-focus">
263
263
  <a className="k-link">13</a>
264
264
  </td>
265
- <td className="k-calendar-td k-state-selected k-state-hover">
265
+ <td className="k-calendar-td k-selected k-hover">
266
266
  <a className="k-link">14</a>
267
267
  </td>
268
268
  <td className="k-calendar-td">
@@ -351,7 +351,7 @@ root.render(
351
351
  </table>
352
352
  </div>
353
353
  <div className="k-footer">
354
- <a className="k-link k-nav-today k-state-disabled">Thursday, March 29, 2018</a>
354
+ <a className="k-link k-nav-today k-disabled">Thursday, March 29, 2018</a>
355
355
  </div>
356
356
  </div>
357
357
  </section>
@@ -376,13 +376,13 @@ root.render(
376
376
  <td className="k-calendar-td">
377
377
  <a className="k-link">Jan</a>
378
378
  </td>
379
- <td className="k-calendar-td k-state-hover">
379
+ <td className="k-calendar-td k-hover">
380
380
  <a className="k-link">Feb</a>
381
381
  </td>
382
- <td className="k-calendar-td k-today k-state-focused">
382
+ <td className="k-calendar-td k-today k-focus">
383
383
  <a className="k-link">Mar</a>
384
384
  </td>
385
- <td className="k-calendar-td k-state-selected">
385
+ <td className="k-calendar-td k-selected">
386
386
  <a className="k-link">Apr</a>
387
387
  </td>
388
388
  </tr>
@@ -390,10 +390,10 @@ root.render(
390
390
  <td className="k-calendar-td">
391
391
  <a className="k-link">May</a>
392
392
  </td>
393
- <td className="k-calendar-td k-state-hover k-state-focused">
393
+ <td className="k-calendar-td k-hover k-focus">
394
394
  <a className="k-link">Jun</a>
395
395
  </td>
396
- <td className="k-calendar-td k-state-selected k-state-hover">
396
+ <td className="k-calendar-td k-selected k-hover">
397
397
  <a className="k-link">Jul</a>
398
398
  </td>
399
399
  <td className="k-calendar-td">
@@ -437,13 +437,13 @@ root.render(
437
437
  <td className="k-calendar-td">
438
438
  <a className="k-link">2010</a>
439
439
  </td>
440
- <td className="k-calendar-td k-state-hover">
440
+ <td className="k-calendar-td k-hover">
441
441
  <a className="k-link">2011</a>
442
442
  </td>
443
- <td className="k-calendar-td k-state-focused">
443
+ <td className="k-calendar-td k-focus">
444
444
  <a className="k-link">2012</a>
445
445
  </td>
446
- <td className="k-calendar-td k-state-selected">
446
+ <td className="k-calendar-td k-selected">
447
447
  <a className="k-link">2013</a>
448
448
  </td>
449
449
  </tr>
@@ -451,10 +451,10 @@ root.render(
451
451
  <td className="k-calendar-td">
452
452
  <a className="k-link">2014</a>
453
453
  </td>
454
- <td className="k-calendar-td k-state-hover k-state-focused">
454
+ <td className="k-calendar-td k-hover k-focus">
455
455
  <a className="k-link">2015</a>
456
456
  </td>
457
- <td className="k-calendar-td k-state-selected k-state-hover">
457
+ <td className="k-calendar-td k-selected k-hover">
458
458
  <a className="k-link">2016</a>
459
459
  </td>
460
460
  <td className="k-calendar-td">
@@ -494,13 +494,13 @@ root.render(
494
494
  <td className="k-calendar-td">
495
495
  <a className="k-link">1990 - 1999</a>
496
496
  </td>
497
- <td className="k-calendar-td k-state-hover">
497
+ <td className="k-calendar-td k-hover">
498
498
  <a className="k-link">2000 - 2009</a>
499
499
  </td>
500
- <td className="k-calendar-td k-today k-state-focused">
500
+ <td className="k-calendar-td k-today k-focus">
501
501
  <a className="k-link">2010 - 2019</a>
502
502
  </td>
503
- <td className="k-calendar-td k-state-selected">
503
+ <td className="k-calendar-td k-selected">
504
504
  <a className="k-link">2020 - 2029</a>
505
505
  </td>
506
506
  </tr>
@@ -508,10 +508,10 @@ root.render(
508
508
  <td className="k-calendar-td">
509
509
  <a className="k-link">2030 - 2039</a>
510
510
  </td>
511
- <td className="k-calendar-td k-state-hover k-state-focused">
511
+ <td className="k-calendar-td k-hover k-focus">
512
512
  <a className="k-link">2040 - 2049</a>
513
513
  </td>
514
- <td className="k-calendar-td k-state-selected k-state-hover">
514
+ <td className="k-calendar-td k-selected k-hover">
515
515
  <a className="k-link">2050 - 2059</a>
516
516
  </td>
517
517
  <td className="k-calendar-td">