@progress/kendo-themes-html 6.0.4-dev.0 → 6.0.4-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 (34) hide show
  1. package/dist/appbar/tests/appbar.js +1 -1
  2. package/dist/appbar/tests/appbar.js.map +2 -2
  3. package/dist/bottom-nav/tests/bottom-nav-colors.js +1 -1
  4. package/dist/bottom-nav/tests/bottom-nav-colors.js.map +2 -2
  5. package/dist/calendar/tests/calendar-classic-jquery.js +1 -1
  6. package/dist/calendar/tests/calendar-classic-jquery.js.map +2 -2
  7. package/dist/calendar/tests/calendar-infinite-rtl.js +1 -1
  8. package/dist/calendar/tests/calendar-infinite-rtl.js.map +2 -2
  9. package/dist/calendar/tests/calendar-infinite.js +1 -1
  10. package/dist/calendar/tests/calendar-infinite.js.map +2 -2
  11. package/dist/calendar/tests/calendar-modern-angular.js +1 -1
  12. package/dist/calendar/tests/calendar-modern-angular.js.map +2 -2
  13. package/dist/calendar/tests/calendar-modern-jquery.js +1 -1
  14. package/dist/calendar/tests/calendar-modern-jquery.js.map +2 -2
  15. package/dist/drawer/tests/drawer-rtl.js +1 -9
  16. package/dist/drawer/tests/drawer-rtl.js.map +2 -2
  17. package/dist/drawer/tests/drawer.js +1 -9
  18. package/dist/drawer/tests/drawer.js.map +2 -2
  19. package/dist/grid/tests/grid-grouping-detail-template.js +1 -1
  20. package/dist/grid/tests/grid-grouping-detail-template.js.map +2 -2
  21. package/dist/grid/tests/grid-sticky-multicolumn-headers.js +1 -1
  22. package/dist/grid/tests/grid-sticky-multicolumn-headers.js.map +2 -2
  23. package/package.json +2 -2
  24. package/src/appbar/tests/appbar.tsx +13 -15
  25. package/src/bottom-nav/tests/bottom-nav-colors.tsx +18 -18
  26. package/src/calendar/tests/calendar-classic-jquery.tsx +176 -2
  27. package/src/calendar/tests/calendar-infinite-rtl.tsx +723 -0
  28. package/src/calendar/tests/calendar-infinite.tsx +723 -0
  29. package/src/calendar/tests/calendar-modern-angular.tsx +4 -2
  30. package/src/calendar/tests/calendar-modern-jquery.tsx +4 -2
  31. package/src/drawer/tests/drawer-rtl.tsx +6 -16
  32. package/src/drawer/tests/drawer.tsx +6 -16
  33. package/src/grid/tests/grid-grouping-detail-template.tsx +4 -4
  34. package/src/grid/tests/grid-sticky-multicolumn-headers.tsx +2 -2
package/src/calendar/tests/calendar-modern-angular.tsx CHANGED
@@ -12,7 +12,7 @@ root.render(
12
12
 
13
13
  <span>angular modern month</span>
14
14
  <span>angular modern week number</span>
15
- <span></span>
15
+ <span>angular modern week number with selected range</span>
16
16
 
17
17
  <section>
18
18
  <Calendar calendarView="month" showOtherMonth></Calendar>
@@ -22,7 +22,9 @@ root.render(
22
22
  <Calendar calendarView="month" showOtherMonth showWeek></Calendar>
23
23
  </section>
24
24
 
25
- <section></section>
25
+ <section>
26
+ <Calendar className="k-calendar-range" calendarView="month" showOtherMonth showWeek selectedRange></Calendar>
27
+ </section>
26
28
 
27
29
  <span>angular modern year</span>
28
30
  <span>angular modern decade</span>
package/src/calendar/tests/calendar-modern-jquery.tsx CHANGED
@@ -12,7 +12,7 @@ root.render(
12
12
 
13
13
  <span>jquery modern month</span>
14
14
  <span>jquery modern weekdays</span>
15
- <span></span>
15
+ <span>jquery modern week number with selected range</span>
16
16
 
17
17
  <section>
18
18
  <Calendar calendarView="month" showOtherMonth></Calendar>
@@ -20,7 +20,9 @@ root.render(
20
20
  <section>
21
21
  <Calendar calendarView="month" showOtherMonth showWeek></Calendar>
22
22
  </section>
23
- <section></section>
23
+ <section>
24
+ <Calendar className="k-calendar-range" calendarView="month" showOtherMonth showWeek selectedRange></Calendar>
25
+ </section>
24
26
 
25
27
  <span>jquery modern year</span>
26
28
  <span>jquery modern decade</span>
package/src/drawer/tests/drawer-rtl.tsx CHANGED
@@ -6,22 +6,12 @@ const root = ReactDOM.createRoot(
6
6
  document.getElementById('app') as HTMLElement
7
7
  );
8
8
 
9
- const styles = `
10
- #test-area h2 {
11
- text-align: center;
12
- grid-column-start: 1;
13
- grid-column-end: 3;
14
- margin: 0;
15
- }
16
- `;
17
-
18
9
  root.render(
19
10
  <>
20
- <style>{styles}</style>
21
- <div id="test-area" className="k-d-grid k-grid-cols-2">
22
- <h2>Drawer Push Mode</h2>
11
+ <div id="test-area" className="k-d-grid k-grid-cols-1">
12
+ <h2 className="k-col-start-1 k-col-end-2 k-text-center">Drawer Push Mode</h2>
13
+ <span>Drawer mini left</span>
23
14
  <section className="k-rtl">
24
- <h4>Drawer mini left</h4>
25
15
  <div className="k-drawer-container k-drawer-left k-drawer-push k-drawer-mini k-drawer-expanded">
26
16
  <div className="k-widget k-drawer">
27
17
  <div className="k-drawer-wrapper">
@@ -60,8 +50,8 @@ root.render(
60
50
  </div>
61
51
  </section>
62
52
 
53
+ <span> Drawer mini right</span>
63
54
  <section className="k-rtl">
64
- <h4> Drawer mini right</h4>
65
55
  <div className="k-drawer-container k-drawer-right k-drawer-push k-drawer-mini k-drawer-expanded">
66
56
  <div className="k-widget k-drawer">
67
57
  <div className="k-drawer-wrapper">
@@ -101,8 +91,8 @@ root.render(
101
91
  </section>
102
92
 
103
93
 
94
+ <span>Drawer left</span>
104
95
  <section className="k-rtl">
105
- <h4>Drawer left</h4>
106
96
  <div className="k-drawer-container k-drawer-left k-drawer-push k-drawer-expanded">
107
97
  <div className="k-widget k-drawer">
108
98
  <div className="k-drawer-wrapper" style={{ width: "280px" }}>
@@ -179,8 +169,8 @@ root.render(
179
169
  </div>
180
170
  </section>
181
171
 
172
+ <span>Drawer right</span>
182
173
  <section className="k-rtl">
183
- <h4>Drawer right</h4>
184
174
  <div className="k-drawer-container k-drawer-right k-drawer-push k-drawer-expanded">
185
175
  <div className="k-widget k-drawer">
186
176
  <div className="k-drawer-wrapper" style={{ width: "280px" }}>
package/src/drawer/tests/drawer.tsx CHANGED
@@ -6,22 +6,12 @@ const root = ReactDOM.createRoot(
6
6
  document.getElementById('app') as HTMLElement
7
7
  );
8
8
 
9
- const styles = `
10
- #test-area h2 {
11
- text-align: center;
12
- grid-column-start: 1;
13
- grid-column-end: 3;
14
- margin: 0;
15
- }
16
- `;
17
-
18
9
  root.render(
19
10
  <>
20
- <style>{styles}</style>
21
- <div id="test-area" className="k-d-grid k-grid-cols-2">
22
- <h2>Drawer Push Mode</h2>
11
+ <div id="test-area" className="k-d-grid k-grid-cols-1">
12
+ <h2 className="k-col-start-1 k-col-end-2 k-text-center">Drawer Push Mode</h2>
13
+ <span>Drawer mini left</span>
23
14
  <section>
24
- <h4>Drawer mini left</h4>
25
15
  <div className="k-drawer-container k-drawer-left k-drawer-push k-drawer-mini k-drawer-expanded">
26
16
  <div className="k-widget k-drawer">
27
17
  <div className="k-drawer-wrapper">
@@ -60,8 +50,8 @@ root.render(
60
50
  </div>
61
51
  </section>
62
52
 
53
+ <span>Drawer mini right</span>
63
54
  <section>
64
- <h4> Drawer mini right</h4>
65
55
  <div className="k-drawer-container k-drawer-right k-drawer-push k-drawer-mini k-drawer-expanded">
66
56
  <div className="k-widget k-drawer">
67
57
  <div className="k-drawer-wrapper">
@@ -101,8 +91,8 @@ root.render(
101
91
  </section>
102
92
 
103
93
 
94
+ <span>Drawer left</span>
104
95
  <section>
105
- <h4>Drawer left</h4>
106
96
  <div className="k-drawer-container k-drawer-left k-drawer-push k-drawer-expanded">
107
97
  <div className="k-widget k-drawer">
108
98
  <div className="k-drawer-wrapper" style={{ width: "280px" }}>
@@ -176,8 +166,8 @@ root.render(
176
166
  </div>
177
167
  </section>
178
168
 
169
+ <span>Drawer right</span>
179
170
  <section>
180
- <h4>Drawer right</h4>
181
171
  <div className="k-drawer-container k-drawer-right k-drawer-push k-drawer-expanded">
182
172
  <div className="k-widget k-drawer">
183
173
  <div className="k-drawer-wrapper" style={{ width: "280px" }}>
package/src/grid/tests/grid-grouping-detail-template.tsx CHANGED
@@ -12,7 +12,7 @@ const root = ReactDOM.createRoot(
12
12
  root.render(
13
13
  <>
14
14
  <div id="test-area" className="k-d-grid">
15
- <h3>Base</h3>
15
+ <span>Base</span>
16
16
  <div dir="ltr" className="k-grid k-grid-md">
17
17
  <div className="k-grouping-header">
18
18
  <div className="k-grouping-drop-container">
@@ -96,7 +96,7 @@ root.render(
96
96
  </div>
97
97
  </div>
98
98
  </div>
99
- <h3>Single Group</h3>
99
+ <span>Single Group</span>
100
100
  <div dir="ltr" className="k-grid k-grid-md">
101
101
  <div className="k-grouping-header">
102
102
  <ChipList>
@@ -196,7 +196,7 @@ root.render(
196
196
  </div>
197
197
  </div>
198
198
  </div>
199
- <h3>Two Groups</h3>
199
+ <span>Two Groups</span>
200
200
  <div dir="ltr" className="k-grid k-grid-md">
201
201
  <div className="k-grouping-header">
202
202
  <ChipList>
@@ -314,7 +314,7 @@ root.render(
314
314
  </div>
315
315
  </div>
316
316
  </div>
317
- <h3>Expanded Template</h3>
317
+ <span>Expanded Template</span>
318
318
  <div dir="ltr" className="k-grid k-grid-md">
319
319
  <div className="k-grouping-header">
320
320
  <ChipList>
package/src/grid/tests/grid-sticky-multicolumn-headers.tsx CHANGED
@@ -8,7 +8,7 @@ const root = ReactDOM.createRoot(
8
8
  root.render(
9
9
  <>
10
10
  <div id="test-area" className="k-d-grid">
11
- <h3>LTR</h3>
11
+ <span>LTR</span>
12
12
  <div className="test-grid k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar" style={{ height: "300px", width: "800px" }}>
13
13
  <div className="k-grid-header">
14
14
  <div className="k-grid-header-wrap k-auto-scrollable">
@@ -99,7 +99,7 @@ root.render(
99
99
  </div>
100
100
  </div>
101
101
 
102
- <h3>RTL</h3>
102
+ <span>RTL</span>
103
103
  <div className="k-rtl k-d-flex k-justify-content-end">
104
104
  <div className="test-grid k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar" style={{ height: "300px", width: "800px" }}>
105
105
  <div className="k-grid-header">