@progress/kendo-themes-html 5.4.2-dev.5 → 5.5.1-dev.0

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 (79) 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/form/tests/form-grid-layout.js +3 -3
  6. package/dist/form/tests/form-grid-layout.js.map +1 -1
  7. package/dist/imageeditor/tests/imageeditor-crop-pane.js +5 -5
  8. package/dist/imageeditor/tests/imageeditor-crop-pane.js.map +1 -1
  9. package/dist/imageeditor/tests/imageeditor-resize-pane.js +5 -5
  10. package/dist/imageeditor/tests/imageeditor-resize-pane.js.map +1 -1
  11. package/dist/layout/tests/stack-layout.js +3 -3
  12. package/dist/layout/tests/stack-layout.js.map +2 -2
  13. package/dist/list/tests/list-sizes.js +2 -2
  14. package/dist/list/tests/list-sizes.js.map +2 -2
  15. package/dist/notification/tests/notification-angular.js +2 -2
  16. package/dist/notification/tests/notification-angular.js.map +2 -2
  17. package/dist/notification/tests/notification-custom-angular.js +4 -4
  18. package/dist/notification/tests/notification-custom-angular.js.map +2 -2
  19. package/dist/notification/tests/notification-jquery.js +2 -2
  20. package/dist/notification/tests/notification-jquery.js.map +2 -2
  21. package/dist/panelbar/tests/panelbar-angular.js +2 -2
  22. package/dist/panelbar/tests/panelbar-angular.js.map +2 -2
  23. package/dist/panelbar/tests/panelbar-jquery.js +2 -2
  24. package/dist/panelbar/tests/panelbar-jquery.js.map +2 -2
  25. package/dist/panelbar/tests/panelbar-react.js +2 -2
  26. package/dist/panelbar/tests/panelbar-react.js.map +2 -2
  27. package/dist/panelbar/tests/panelbar-universal.js +2 -2
  28. package/dist/panelbar/tests/panelbar-universal.js.map +2 -2
  29. package/dist/scrollview/tests/scrollview-angular.js +1 -1
  30. package/dist/scrollview/tests/scrollview-angular.js.map +2 -2
  31. package/dist/scrollview/tests/scrollview-blazor.js +1 -1
  32. package/dist/scrollview/tests/scrollview-blazor.js.map +2 -2
  33. package/dist/scrollview/tests/scrollview.js +1 -1
  34. package/dist/scrollview/tests/scrollview.js.map +2 -2
  35. package/dist/signature/tests/signature-flat.js +513 -0
  36. package/dist/signature/tests/signature-flat.js.map +7 -0
  37. package/dist/signature/tests/signature-outline.js +513 -0
  38. package/dist/signature/tests/signature-outline.js.map +7 -0
  39. package/dist/signature/tests/signature.js +513 -0
  40. package/dist/signature/tests/signature.js.map +7 -0
  41. package/dist/switch/tests/switch-size-rounded.js +3 -3
  42. package/dist/switch/tests/switch-size-rounded.js.map +2 -2
  43. package/dist/toolbar/tests/toolbar-angular.js +2 -2
  44. package/dist/toolbar/tests/toolbar-angular.js.map +2 -2
  45. package/dist/toolbar/tests/toolbar-popup-legacy.js +1 -1
  46. package/dist/toolbar/tests/toolbar-popup-legacy.js.map +2 -2
  47. package/dist/toolbar/tests/toolbar-popup.js +1 -1
  48. package/dist/toolbar/tests/toolbar-popup.js.map +2 -2
  49. package/dist/toolbar/tests/toolbar.js +10 -10
  50. package/dist/toolbar/tests/toolbar.js.map +2 -2
  51. package/dist/tooltip/tests/tooltip-states.js +1 -1
  52. package/dist/tooltip/tests/tooltip-states.js.map +2 -2
  53. package/package.json +2 -2
  54. package/src/breadcrumb/tests/breadcrumb-rtl.tsx +4 -4
  55. package/src/breadcrumb/tests/breadcrumb.tsx +4 -4
  56. package/src/form/tests/form-grid-layout.tsx +3 -3
  57. package/src/imageeditor/tests/imageeditor-crop-pane.tsx +5 -5
  58. package/src/imageeditor/tests/imageeditor-resize-pane.tsx +5 -5
  59. package/src/layout/tests/stack-layout.tsx +3 -3
  60. package/src/list/tests/list-sizes.tsx +2 -2
  61. package/src/notification/tests/notification-angular.tsx +2 -2
  62. package/src/notification/tests/notification-custom-angular.tsx +4 -4
  63. package/src/notification/tests/notification-jquery.tsx +2 -2
  64. package/src/panelbar/tests/panelbar-angular.tsx +2 -2
  65. package/src/panelbar/tests/panelbar-jquery.tsx +2 -2
  66. package/src/panelbar/tests/panelbar-react.tsx +2 -2
  67. package/src/panelbar/tests/panelbar-universal.tsx +2 -2
  68. package/src/scrollview/tests/scrollview-angular.tsx +1 -1
  69. package/src/scrollview/tests/scrollview-blazor.tsx +1 -1
  70. package/src/scrollview/tests/scrollview.tsx +1 -1
  71. package/src/signature/tests/signature-flat.tsx +457 -0
  72. package/src/signature/tests/signature-outline.tsx +457 -0
  73. package/src/signature/tests/signature.tsx +457 -0
  74. package/src/switch/tests/switch-size-rounded.tsx +3 -3
  75. package/src/toolbar/tests/toolbar-angular.tsx +2 -2
  76. package/src/toolbar/tests/toolbar-popup-legacy.tsx +1 -1
  77. package/src/toolbar/tests/toolbar-popup.tsx +1 -1
  78. package/src/toolbar/tests/toolbar.tsx +10 -10
  79. package/src/tooltip/tests/tooltip-states.tsx +1 -1
package/src/signature/tests/signature-outline.tsx ADDED
@@ -0,0 +1,457 @@
1
+ import React from 'react';
2
+ import ReactDOM from 'react-dom/client';
3
+ import { Button } from '../../button';
4
+
5
+ const root = ReactDOM.createRoot(
6
+ document.getElementById('app') as HTMLElement
7
+ );
8
+
9
+ root.render(
10
+ <div id="test-area" className="k-d-grid k-grid-cols-2">
11
+ <span>Signature</span>
12
+ <span>Signature RTL</span>
13
+
14
+ <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md">
15
+ <div className="k-signature-actions k-signature-actions-top">
16
+ <Button
17
+ fillMode="flat"
18
+ size="medium"
19
+ rounded="medium"
20
+ icon="window-maximize"
21
+ className="k-signature-action k-signature-minimize"
22
+ >
23
+ </Button>
24
+ <Button
25
+ fillMode="flat"
26
+ size="medium"
27
+ rounded="medium"
28
+ icon="window-minimize"
29
+ className="k-signature-action k-signature-minimize k-hidden"
30
+ >
31
+ </Button>
32
+ </div>
33
+ <canvas className="k-signature-canvas">
34
+ An alternate text describing what the canvas displays.
35
+ </canvas>
36
+ <div className="k-signature-line"></div>
37
+ <div className="k-signature-actions k-signature-actions-bottom">
38
+ <Button
39
+ fillMode="flat"
40
+ size="medium"
41
+ rounded="medium"
42
+ icon="close"
43
+ className="k-signature-action k-signature-clear"
44
+ >
45
+ </Button>
46
+ </div>
47
+ </div>
48
+ <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-rtl">
49
+ <div className="k-signature-actions k-signature-actions-top">
50
+ <Button
51
+ fillMode="flat"
52
+ size="medium"
53
+ rounded="medium"
54
+ icon="window-maximize"
55
+ className="k-signature-action k-signature-minimize"
56
+ >
57
+ </Button>
58
+ <Button
59
+ fillMode="flat"
60
+ size="medium"
61
+ rounded="medium"
62
+ icon="window-minimize"
63
+ className="k-signature-action k-signature-minimize k-hidden"
64
+ >
65
+ </Button>
66
+ </div>
67
+ <canvas className="k-signature-canvas">
68
+ An alternate text describing what the canvas displays.
69
+ </canvas>
70
+ <div className="k-signature-line"></div>
71
+ <div className="k-signature-actions k-signature-actions-bottom">
72
+ <Button
73
+ fillMode="flat"
74
+ size="medium"
75
+ rounded="medium"
76
+ icon="close"
77
+ className="k-signature-action k-signature-clear"
78
+ >
79
+ </Button>
80
+ </div>
81
+ </div>
82
+ <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-hover">
83
+ <div className="k-signature-actions k-signature-actions-top">
84
+ <Button
85
+ fillMode="flat"
86
+ size="medium"
87
+ rounded="medium"
88
+ icon="window-maximize"
89
+ className="k-signature-action k-signature-minimize"
90
+ >
91
+ </Button>
92
+ <Button
93
+ fillMode="flat"
94
+ size="medium"
95
+ rounded="medium"
96
+ icon="window-minimize"
97
+ className="k-signature-action k-signature-minimize k-hidden"
98
+ >
99
+ </Button>
100
+ </div>
101
+ <canvas className="k-signature-canvas">
102
+ An alternate text describing what the canvas displays.
103
+ </canvas>
104
+ <div className="k-signature-line"></div>
105
+ <div className="k-signature-actions k-signature-actions-bottom">
106
+ <Button
107
+ fillMode="flat"
108
+ size="medium"
109
+ rounded="medium"
110
+ icon="close"
111
+ className="k-signature-action k-signature-clear"
112
+ >
113
+ </Button>
114
+ </div>
115
+ </div>
116
+ <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-hover k-rtl">
117
+ <div className="k-signature-actions k-signature-actions-top">
118
+ <Button
119
+ fillMode="flat"
120
+ size="medium"
121
+ rounded="medium"
122
+ icon="window-maximize"
123
+ className="k-signature-action k-signature-minimize"
124
+ >
125
+ </Button>
126
+ <Button
127
+ fillMode="flat"
128
+ size="medium"
129
+ rounded="medium"
130
+ icon="window-minimize"
131
+ className="k-signature-action k-signature-minimize k-hidden"
132
+ >
133
+ </Button>
134
+ </div>
135
+ <canvas className="k-signature-canvas">
136
+ An alternate text describing what the canvas displays.
137
+ </canvas>
138
+ <div className="k-signature-line"></div>
139
+ <div className="k-signature-actions k-signature-actions-bottom">
140
+ <Button
141
+ fillMode="flat"
142
+ size="medium"
143
+ rounded="medium"
144
+ icon="close"
145
+ className="k-signature-action k-signature-clear"
146
+ >
147
+ </Button>
148
+ </div>
149
+ </div>
150
+ <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-focus">
151
+ <div className="k-signature-actions k-signature-actions-top">
152
+ <Button
153
+ fillMode="flat"
154
+ size="medium"
155
+ rounded="medium"
156
+ icon="window-maximize"
157
+ className="k-signature-action k-signature-minimize"
158
+ >
159
+ </Button>
160
+ <Button
161
+ fillMode="flat"
162
+ size="medium"
163
+ rounded="medium"
164
+ icon="window-minimize"
165
+ className="k-signature-action k-signature-minimize k-hidden"
166
+ >
167
+ </Button>
168
+ </div>
169
+ <canvas className="k-signature-canvas">
170
+ An alternate text describing what the canvas displays.
171
+ </canvas>
172
+ <div className="k-signature-line"></div>
173
+ <div className="k-signature-actions k-signature-actions-bottom">
174
+ <Button
175
+ fillMode="flat"
176
+ size="medium"
177
+ rounded="medium"
178
+ icon="close"
179
+ className="k-signature-action k-signature-clear"
180
+ >
181
+ </Button>
182
+ </div>
183
+ </div>
184
+ <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-focus k-rtl">
185
+ <div className="k-signature-actions k-signature-actions-top">
186
+ <Button
187
+ fillMode="flat"
188
+ size="medium"
189
+ rounded="medium"
190
+ icon="window-maximize"
191
+ className="k-signature-action k-signature-minimize"
192
+ >
193
+ </Button>
194
+ <Button
195
+ fillMode="flat"
196
+ size="medium"
197
+ rounded="medium"
198
+ icon="window-minimize"
199
+ className="k-signature-action k-signature-minimize k-hidden"
200
+ >
201
+ </Button>
202
+ </div>
203
+ <canvas className="k-signature-canvas">
204
+ An alternate text describing what the canvas displays.
205
+ </canvas>
206
+ <div className="k-signature-line"></div>
207
+ <div className="k-signature-actions k-signature-actions-bottom">
208
+ <Button
209
+ fillMode="flat"
210
+ size="medium"
211
+ rounded="medium"
212
+ icon="close"
213
+ className="k-signature-action k-signature-clear"
214
+ >
215
+ </Button>
216
+ </div>
217
+ </div>
218
+ <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid">
219
+ <div className="k-signature-actions k-signature-actions-top">
220
+ <Button
221
+ fillMode="flat"
222
+ size="medium"
223
+ rounded="medium"
224
+ icon="window-maximize"
225
+ className="k-signature-action k-signature-minimize"
226
+ >
227
+ </Button>
228
+ <Button
229
+ fillMode="flat"
230
+ size="medium"
231
+ rounded="medium"
232
+ icon="window-minimize"
233
+ className="k-signature-action k-signature-minimize k-hidden"
234
+ >
235
+ </Button>
236
+ </div>
237
+ <canvas className="k-signature-canvas">
238
+ An alternate text describing what the canvas displays.
239
+ </canvas>
240
+ <div className="k-signature-line"></div>
241
+ <div className="k-signature-actions k-signature-actions-bottom">
242
+ <Button
243
+ fillMode="flat"
244
+ size="medium"
245
+ rounded="medium"
246
+ icon="close"
247
+ className="k-signature-action k-signature-clear"
248
+ >
249
+ </Button>
250
+ </div>
251
+ </div>
252
+ <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-rtl">
253
+ <div className="k-signature-actions k-signature-actions-top">
254
+ <Button
255
+ fillMode="flat"
256
+ size="medium"
257
+ rounded="medium"
258
+ icon="window-maximize"
259
+ className="k-signature-action k-signature-minimize"
260
+ >
261
+ </Button>
262
+ <Button
263
+ fillMode="flat"
264
+ size="medium"
265
+ rounded="medium"
266
+ icon="window-minimize"
267
+ className="k-signature-action k-signature-minimize k-hidden"
268
+ >
269
+ </Button>
270
+ </div>
271
+ <canvas className="k-signature-canvas">
272
+ An alternate text describing what the canvas displays.
273
+ </canvas>
274
+ <div className="k-signature-line"></div>
275
+ <div className="k-signature-actions k-signature-actions-bottom">
276
+ <Button
277
+ fillMode="flat"
278
+ size="medium"
279
+ rounded="medium"
280
+ icon="close"
281
+ className="k-signature-action k-signature-clear"
282
+ >
283
+ </Button>
284
+ </div>
285
+ </div>
286
+ <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-focus">
287
+ <div className="k-signature-actions k-signature-actions-top">
288
+ <Button
289
+ fillMode="flat"
290
+ size="medium"
291
+ rounded="medium"
292
+ icon="window-maximize"
293
+ className="k-signature-action k-signature-minimize"
294
+ >
295
+ </Button>
296
+ <Button
297
+ fillMode="flat"
298
+ size="medium"
299
+ rounded="medium"
300
+ icon="window-minimize"
301
+ className="k-signature-action k-signature-minimize k-hidden"
302
+ >
303
+ </Button>
304
+ </div>
305
+ <canvas className="k-signature-canvas">
306
+ An alternate text describing what the canvas displays.
307
+ </canvas>
308
+ <div className="k-signature-line"></div>
309
+ <div className="k-signature-actions k-signature-actions-bottom">
310
+ <Button
311
+ fillMode="flat"
312
+ size="medium"
313
+ rounded="medium"
314
+ icon="close"
315
+ className="k-signature-action k-signature-clear"
316
+ >
317
+ </Button>
318
+ </div>
319
+ </div>
320
+ <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-focus k-rtl">
321
+ <div className="k-signature-actions k-signature-actions-top">
322
+ <Button
323
+ fillMode="flat"
324
+ size="medium"
325
+ rounded="medium"
326
+ icon="window-maximize"
327
+ className="k-signature-action k-signature-minimize"
328
+ >
329
+ </Button>
330
+ <Button
331
+ fillMode="flat"
332
+ size="medium"
333
+ rounded="medium"
334
+ icon="window-minimize"
335
+ className="k-signature-action k-signature-minimize k-hidden"
336
+ >
337
+ </Button>
338
+ </div>
339
+ <canvas className="k-signature-canvas">
340
+ An alternate text describing what the canvas displays.
341
+ </canvas>
342
+ <div className="k-signature-line"></div>
343
+ <div className="k-signature-actions k-signature-actions-bottom">
344
+ <Button
345
+ fillMode="flat"
346
+ size="medium"
347
+ rounded="medium"
348
+ icon="close"
349
+ className="k-signature-action k-signature-clear"
350
+ >
351
+ </Button>
352
+ </div>
353
+ </div>
354
+ <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-disabled">
355
+ <div className="k-signature-actions k-signature-actions-top">
356
+ <Button
357
+ fillMode="flat"
358
+ size="medium"
359
+ rounded="medium"
360
+ icon="window-maximize"
361
+ className="k-signature-action k-signature-minimize"
362
+ >
363
+ </Button>
364
+ <Button
365
+ fillMode="flat"
366
+ size="medium"
367
+ rounded="medium"
368
+ icon="window-minimize"
369
+ className="k-signature-action k-signature-minimize k-hidden"
370
+ >
371
+ </Button>
372
+ </div>
373
+ <canvas className="k-signature-canvas">
374
+ An alternate text describing what the canvas displays.
375
+ </canvas>
376
+ <div className="k-signature-line"></div>
377
+ <div className="k-signature-actions k-signature-actions-bottom">
378
+ <Button
379
+ fillMode="flat"
380
+ size="medium"
381
+ rounded="medium"
382
+ icon="close"
383
+ className="k-signature-action k-signature-clear"
384
+ >
385
+ </Button>
386
+ </div>
387
+ </div>
388
+ <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-disabled k-rtl">
389
+ <div className="k-signature-actions k-signature-actions-top">
390
+ <Button
391
+ fillMode="flat"
392
+ size="medium"
393
+ rounded="medium"
394
+ icon="window-maximize"
395
+ className="k-signature-action k-signature-minimize"
396
+ >
397
+ </Button>
398
+ <Button
399
+ fillMode="flat"
400
+ size="medium"
401
+ rounded="medium"
402
+ icon="window-minimize"
403
+ className="k-signature-action k-signature-minimize k-hidden"
404
+ >
405
+ </Button>
406
+ </div>
407
+ <canvas className="k-signature-canvas">
408
+ An alternate text describing what the canvas displays.
409
+ </canvas>
410
+ <div className="k-signature-line"></div>
411
+ <div className="k-signature-actions k-signature-actions-bottom">
412
+ <Button
413
+ fillMode="flat"
414
+ size="medium"
415
+ rounded="medium"
416
+ icon="close"
417
+ className="k-signature-action k-signature-clear"
418
+ >
419
+ </Button>
420
+ </div>
421
+ </div>
422
+ <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-signature-maximized">
423
+ <div className="k-signature-actions k-signature-actions-top">
424
+ <Button
425
+ fillMode="flat"
426
+ size="medium"
427
+ rounded="medium"
428
+ icon="window-maximize"
429
+ className="k-signature-action k-signature-minimize"
430
+ >
431
+ </Button>
432
+ <Button
433
+ fillMode="flat"
434
+ size="medium"
435
+ rounded="medium"
436
+ icon="window-minimize"
437
+ className="k-signature-action k-signature-minimize k-hidden"
438
+ >
439
+ </Button>
440
+ </div>
441
+ <canvas className="k-signature-canvas">
442
+ An alternate text describing what the canvas displays.
443
+ </canvas>
444
+ <div className="k-signature-line"></div>
445
+ <div className="k-signature-actions k-signature-actions-bottom">
446
+ <Button
447
+ fillMode="flat"
448
+ size="medium"
449
+ rounded="medium"
450
+ icon="close"
451
+ className="k-signature-action k-signature-clear"
452
+ >
453
+ </Button>
454
+ </div>
455
+ </div>
456
+ </div>
457
+ );