@progress/kendo-themes-html 5.6.1-dev.4 → 5.6.1-dev.5

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 (36) hide show
  1. package/dist/expansion-panel/tests/expansion-panel-rtl.js +13 -13
  2. package/dist/expansion-panel/tests/expansion-panel-rtl.js.map +2 -2
  3. package/dist/expansion-panel/tests/expansion-panel.js +13 -13
  4. package/dist/expansion-panel/tests/expansion-panel.js.map +1 -1
  5. package/dist/floating-label/tests/floating-label-flat.js +53 -0
  6. package/dist/floating-label/tests/floating-label-flat.js.map +4 -4
  7. package/dist/floating-label/tests/floating-label-outline.js +53 -0
  8. package/dist/floating-label/tests/floating-label-outline.js.map +4 -4
  9. package/dist/floating-label/tests/floating-label.js +50 -1
  10. package/dist/floating-label/tests/floating-label.js.map +4 -4
  11. package/dist/panelbar/tests/panelbar-angular.js +25 -197
  12. package/dist/panelbar/tests/panelbar-angular.js.map +2 -2
  13. package/dist/panelbar/tests/panelbar-rtl-angular.js +263 -0
  14. package/dist/panelbar/tests/panelbar-rtl-angular.js.map +7 -0
  15. package/dist/panelbar/tests/{panelbar-universal.js → panelbar-rtl.js} +20 -283
  16. package/dist/panelbar/tests/panelbar-rtl.js.map +7 -0
  17. package/dist/panelbar/tests/panelbar.js +355 -0
  18. package/dist/panelbar/tests/panelbar.js.map +7 -0
  19. package/package.json +2 -2
  20. package/src/expansion-panel/tests/expansion-panel-rtl.tsx +13 -13
  21. package/src/expansion-panel/tests/expansion-panel.tsx +13 -13
  22. package/src/floating-label/tests/floating-label-flat.tsx +11 -0
  23. package/src/floating-label/tests/floating-label-outline.tsx +11 -0
  24. package/src/floating-label/tests/floating-label.tsx +11 -0
  25. package/src/panelbar/tests/panelbar-angular.tsx +23 -191
  26. package/src/panelbar/tests/panelbar-rtl-angular.tsx +190 -0
  27. package/src/panelbar/tests/panelbar-rtl.tsx +238 -0
  28. package/src/panelbar/tests/panelbar.tsx +238 -0
  29. package/dist/panelbar/tests/panelbar-jquery.js +0 -427
  30. package/dist/panelbar/tests/panelbar-jquery.js.map +0 -7
  31. package/dist/panelbar/tests/panelbar-react.js +0 -467
  32. package/dist/panelbar/tests/panelbar-react.js.map +0 -7
  33. package/dist/panelbar/tests/panelbar-universal.js.map +0 -7
  34. package/src/panelbar/tests/panelbar-jquery.tsx +0 -331
  35. package/src/panelbar/tests/panelbar-react.tsx +0 -362
  36. package/src/panelbar/tests/panelbar-universal.tsx +0 -452
package/src/panelbar/tests/panelbar-react.tsx DELETED
@@ -1,362 +0,0 @@
1
- import React from 'react';
2
- import ReactDOM from 'react-dom/client';
3
- import { Icon } from '../../icon';
4
-
5
- const root = ReactDOM.createRoot(
6
- document.getElementById('app') as HTMLElement
7
- );
8
-
9
- const styles = `
10
- .k-sprite {
11
- background-color: gray;
12
- }
13
- .k-image {
14
- width: 16px;
15
- height: 16px;
16
- display: inline-block;
17
- background-color: gold;
18
- }
19
- `;
20
-
21
- root.render(
22
- <>
23
- <style>{styles}</style>
24
- <div id="test-area" className="k-d-grid k-grid-cols-4">
25
-
26
- <span className="k-colspan-all k-col-span-full">LTR</span>
27
-
28
- <section>
29
- <div className="k-widget k-panelbar">
30
- <div className="k-item">
31
- <span className="k-link k-header">
32
- <Icon name="cog" />
33
- Root
34
- <Icon className="k-panelbar-expand" name="arrow-s" />
35
- </span>
36
- </div>
37
- <div className="k-item">
38
- <span className="k-link k-header k-state-hover">
39
- <span className="k-image"></span>
40
- Root hover
41
- <Icon className="k-panelbar-expand" name="arrow-s" />
42
- </span>
43
- </div>
44
- <div className="k-item">
45
- <span className="k-link k-header k-state-focus">
46
- <span className="k-sprite"></span>
47
- Root focus
48
- <Icon className="k-panelbar-expand" name="arrow-s" />
49
- </span>
50
- </div>
51
- <div className="k-item">
52
- <span className="k-link k-header k-state-selected">
53
- Root selected
54
- <Icon className="k-panelbar-expand" name="arrow-s" />
55
- </span>
56
- </div>
57
- <div className="k-item">
58
- <span className="k-link k-header k-state-disabled">
59
- Root disabled
60
- <Icon className="k-panelbar-expand" name="arrow-s" />
61
- </span>
62
- </div>
63
- <div className="k-item">
64
- <span className="k-link k-header">Root last</span>
65
- </div>
66
- </div>
67
- </section>
68
-
69
- <section>
70
- <div className="k-widget k-panelbar">
71
- <div className="k-item">
72
- <span className="k-link k-header">First</span>
73
- </div>
74
- <div className="k-item k-expanded">
75
- <span className="k-link k-header">
76
- Middle expanded
77
- <Icon className="k-panelbar-collapse" name="arrow-n" />
78
- </span>
79
- <div className="k-animation-container k-animation-container-relative" style={{ display: "block" }}>
80
- <div className="k-child-animation-container">
81
- <div className="k-panel k-group">
82
- <div className="k-item">
83
- <span className="k-link">Child</span>
84
- </div>
85
- <div className="k-item">
86
- <span className="k-link k-state-hover">
87
- Child hover
88
- <Icon className="k-panelbar-expand" name="arrow-s" />
89
- </span>
90
- </div>
91
- <div className="k-item">
92
- <span className="k-link k-state-focus">
93
- Child focus
94
- <Icon className="k-panelbar-expand" name="arrow-s" />
95
- </span>
96
- </div>
97
- <div className="k-item">
98
- <span className="k-link k-state-selected">
99
- Child selected
100
- <Icon className="k-panelbar-expand" name="arrow-s" />
101
- </span>
102
- </div>
103
- <div className="k-item k-expanded">
104
- <span className="k-link">
105
- Child expanded
106
- <Icon className="k-panelbar-collapse" name="arrow-n" />
107
- </span>
108
- <div className="k-animation-container k-animation-container-relative" style={{ display: "block" }}>
109
- <div className="k-child-animation-container">
110
- <div className="k-panel k-group">
111
- <div className="k-item">
112
- <span className="k-link">Child</span>
113
- </div>
114
- <div className="k-item">
115
- <span className="k-link">Child</span>
116
- </div>
117
- <div className="k-item">
118
- <span className="k-link">Child</span>
119
- </div>
120
- </div>
121
- </div>
122
- </div>
123
- </div>
124
- <div className="k-item">
125
- <span className="k-link k-state-disabled">
126
- Child disabled
127
- <Icon className="k-panelbar-expand" name="arrow-s" />
128
- </span>
129
- </div>
130
- <div className="k-item">
131
- <span className="k-link">Child last</span>
132
- </div>
133
- </div>
134
- </div>
135
- </div>
136
- </div>
137
- <div className="k-item">
138
- <span className="k-link k-header">Last</span>
139
- </div>
140
- </div>
141
- </section>
142
-
143
- <section>
144
- <div className="k-widget k-panelbar">
145
- <div className="k-item k-expanded">
146
- <span className="k-link k-header">
147
- First expanded
148
- <Icon className="k-panelbar-collapse" name="arrow-n" />
149
- </span>
150
- <div className="k-animation-container k-animation-container-relative" style={{ display: "block" }}>
151
- <div className="k-child-animation-container">
152
- <div className="k-panelbar-content">
153
- <h4>Title in template</h4>
154
- <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>
155
- </div>
156
- </div>
157
- </div>
158
- </div>
159
- <div className="k-item">
160
- <span className="k-link k-header">Middle</span>
161
- </div>
162
- <div className="k-item">
163
- <span className="k-link k-header">Last</span>
164
- </div>
165
- </div>
166
- </section>
167
-
168
- <section>
169
- <div className="k-widget k-panelbar">
170
- <div className="k-item">
171
- <span className="k-link k-header">First</span>
172
- </div>
173
- <div className="k-item">
174
- <span className="k-link k-header">Middle</span>
175
- </div>
176
- <div className="k-item k-expanded">
177
- <span className="k-link k-header">
178
- Last expanded
179
- <Icon className="k-panelbar-collapse" name="arrow-n" />
180
- </span>
181
- <div className="k-animation-container k-animation-container-relative" style={{ display: "block" }}>
182
- <div className="k-child-animation-container">
183
- <div className="k-panelbar-content">
184
- <h4>Title in template</h4>
185
- <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>
186
- </div>
187
- </div>
188
- </div>
189
- </div>
190
- </div>
191
- </section>
192
-
193
- <span className="k-colspan-all k-col-span-full">RTL</span>
194
-
195
- <section className="k-rtl">
196
- <div className="k-widget k-panelbar">
197
- <div className="k-item">
198
- <span className="k-link k-header">
199
- <Icon name="cog" />
200
- Root
201
- <Icon className="k-panelbar-expand" name="arrow-s" />
202
- </span>
203
- </div>
204
- <div className="k-item">
205
- <span className="k-link k-header k-state-hover">
206
- <span className="k-image"></span>
207
- Root hover
208
- <Icon className="k-panelbar-expand" name="arrow-s" />
209
- </span>
210
- </div>
211
- <div className="k-item">
212
- <span className="k-link k-header k-state-focus">
213
- <span className="k-sprite"></span>
214
- Root focus
215
- <Icon className="k-panelbar-expand" name="arrow-s" />
216
- </span>
217
- </div>
218
- <div className="k-item">
219
- <span className="k-link k-header k-state-selected">
220
- Root selected
221
- <Icon className="k-panelbar-expand" name="arrow-s" />
222
- </span>
223
- </div>
224
- <div className="k-item">
225
- <span className="k-link k-header k-state-disabled">
226
- Root disabled
227
- <Icon className="k-panelbar-expand" name="arrow-s" />
228
- </span>
229
- </div>
230
- <div className="k-item">
231
- <span className="k-link k-header">Root last</span>
232
- </div>
233
- </div>
234
- </section>
235
-
236
- <section className="k-rtl">
237
- <div className="k-widget k-panelbar">
238
- <div className="k-item">
239
- <span className="k-link k-header">First</span>
240
- </div>
241
- <div className="k-item k-expanded">
242
- <span className="k-link k-header">
243
- Middle expanded
244
- <Icon className="k-panelbar-collapse" name="arrow-n" />
245
- </span>
246
- <div className="k-animation-container k-animation-container-relative" style={{ display: "block" }}>
247
- <div className="k-child-animation-container">
248
- <div className="k-panel k-group">
249
- <div className="k-item">
250
- <span className="k-link">Child</span>
251
- </div>
252
- <div className="k-item">
253
- <span className="k-link k-state-hover">
254
- Child hover
255
- <Icon className="k-panelbar-expand" name="arrow-s" />
256
- </span>
257
- </div>
258
- <div className="k-item">
259
- <span className="k-link k-state-focus">
260
- Child focus
261
- <Icon className="k-panelbar-expand" name="arrow-s" />
262
- </span>
263
- </div>
264
- <div className="k-item">
265
- <span className="k-link k-state-selected">
266
- Child selected
267
- <Icon className="k-panelbar-expand" name="arrow-s" />
268
- </span>
269
- </div>
270
- <div className="k-item k-expanded">
271
- <span className="k-link">
272
- Child expanded
273
- <Icon className="k-panelbar-collapse" name="arrow-n" />
274
- </span>
275
- <div className="k-animation-container k-animation-container-relative" style={{ display: "block" }}>
276
- <div className="k-child-animation-container">
277
- <div className="k-panel k-group">
278
- <div className="k-item">
279
- <span className="k-link">Child</span>
280
- </div>
281
- <div className="k-item">
282
- <span className="k-link">Child</span>
283
- </div>
284
- <div className="k-item">
285
- <span className="k-link">Child</span>
286
- </div>
287
- </div>
288
- </div>
289
- </div>
290
- </div>
291
- <div className="k-item">
292
- <span className="k-link k-state-disabled">
293
- Child disabled
294
- <Icon className="k-panelbar-expand" name="arrow-s" />
295
- </span>
296
- </div>
297
- <div className="k-item">
298
- <span className="k-link">Child last</span>
299
- </div>
300
- </div>
301
- </div>
302
- </div>
303
- </div>
304
- <div className="k-item">
305
- <span className="k-link k-header">Last</span>
306
- </div>
307
- </div>
308
- </section>
309
-
310
- <section className="k-rtl">
311
- <div className="k-widget k-panelbar">
312
- <div className="k-item k-expanded">
313
- <span className="k-link k-header">
314
- First expanded
315
- <Icon className="k-panelbar-collapse" name="arrow-n" />
316
- </span>
317
- <div className="k-animation-container k-animation-container-relative" style={{ display: "block" }}>
318
- <div className="k-child-animation-container">
319
- <div className="k-panelbar-content">
320
- <h4>Title in template</h4>
321
- <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>
322
- </div>
323
- </div>
324
- </div>
325
- </div>
326
- <div className="k-item">
327
- <span className="k-link k-header">Middle</span>
328
- </div>
329
- <div className="k-item">
330
- <span className="k-link k-header">Last</span>
331
- </div>
332
- </div>
333
- </section>
334
-
335
- <section className="k-rtl">
336
- <div className="k-widget k-panelbar">
337
- <div className="k-item">
338
- <span className="k-link k-header">First</span>
339
- </div>
340
- <div className="k-item">
341
- <span className="k-link k-header">Middle</span>
342
- </div>
343
- <div className="k-item k-expanded">
344
- <span className="k-link k-header">
345
- Last expanded
346
- <Icon className="k-panelbar-collapse" name="arrow-n" />
347
- </span>
348
- <div className="k-animation-container k-animation-container-relative" style={{ display: "block" }}>
349
- <div className="k-child-animation-container">
350
- <div className="k-panelbar-content">
351
- <h4>Title in template</h4>
352
- <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>
353
- </div>
354
- </div>
355
- </div>
356
- </div>
357
- </div>
358
- </section>
359
-
360
- </div>
361
- </>
362
- );