@progress/kendo-themes-html 7.0.3-dev.0 → 7.0.3-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 (323) hide show
  1. package/dist/cjs/badge/templates/badge-normal.js +4370 -0
  2. package/dist/cjs/badge/templates/icon-badge.js +4376 -0
  3. package/dist/cjs/badge/tests/badge-cutout-border.js +4421 -0
  4. package/dist/cjs/badge/tests/badge-misc.js +63 -73
  5. package/dist/cjs/badge/tests/badge-outline.js +4392 -0
  6. package/dist/cjs/badge/tests/badge-position-outline.js +4454 -0
  7. package/dist/cjs/badge/tests/badge-position-solid.js +4454 -0
  8. package/dist/cjs/badge/tests/badge-size.js +4235 -63
  9. package/dist/cjs/badge/tests/badge-solid.js +4392 -0
  10. package/dist/cjs/breadcrumb/breadcrumb-link.js +1 -0
  11. package/dist/cjs/breadcrumb/{tests → templates}/breadcrumb-adaptive.js +237 -260
  12. package/dist/cjs/breadcrumb/templates/breadcrumb-normal.js +4520 -0
  13. package/dist/cjs/breadcrumb/templates/breadcrumb-root-adaptive.js +4543 -0
  14. package/dist/cjs/breadcrumb/templates/breadcrumb-root.js +4542 -0
  15. package/dist/cjs/breadcrumb/tests/breadcrumb-items-rtl.js +5202 -0
  16. package/dist/cjs/breadcrumb/tests/breadcrumb-items.js +5202 -0
  17. package/dist/cjs/breadcrumb/tests/breadcrumb-rtl.js +469 -945
  18. package/dist/cjs/breadcrumb/tests/breadcrumb-size.js +55 -53
  19. package/dist/cjs/breadcrumb/tests/breadcrumb.js +405 -951
  20. package/dist/cjs/captcha/captcha.spec.js +29 -13
  21. package/dist/cjs/captcha/{tests/captcha-loading.js → templates/captcha-normal.js} +37 -24
  22. package/dist/cjs/captcha/tests/captcha-rtl.js +4987 -0
  23. package/dist/cjs/captcha/tests/captcha.js +41 -18
  24. package/dist/cjs/chat/chat.spec.js +4 -4
  25. package/dist/cjs/chat/templates/chat-normal.js +5142 -0
  26. package/dist/cjs/chat/templates/chat-with-options.js +5143 -0
  27. package/dist/cjs/chat/templates/chat-with-toolbar.js +5144 -0
  28. package/dist/cjs/chat/tests/chat-content-rtl.js +5455 -0
  29. package/dist/cjs/chat/tests/{chat-scrollable-deck.js → chat-content.js} +115 -37
  30. package/dist/cjs/chat/tests/chat-rtl.js +300 -472
  31. package/dist/cjs/chat/tests/chat.js +296 -484
  32. package/dist/cjs/editor/tests/editor-find-replace.js +225 -52
  33. package/dist/cjs/editor/tests/editor-image-editor.js +936 -15
  34. package/dist/cjs/editor/tests/editor-table-wizard.js +301 -128
  35. package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +529 -453
  36. package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +529 -453
  37. package/dist/cjs/filemanager/tests/filemanager-gridview.js +594 -518
  38. package/dist/cjs/filemanager/tests/filemanager-listview.js +548 -472
  39. package/dist/cjs/filemanager/tests/filemanager-preview.js +647 -571
  40. package/dist/cjs/form/templates/form-horizontal.js +5920 -0
  41. package/dist/cjs/form/templates/form-normal.js +5919 -0
  42. package/dist/cjs/form/tests/form-field-dateinputs.js +895 -58
  43. package/dist/cjs/form/tests/form-field-dropdowns.js +394 -59
  44. package/dist/cjs/form/tests/form-field-fieldset.js +1003 -27
  45. package/dist/cjs/form/tests/form-field-inputs-rtl.js +898 -238
  46. package/dist/cjs/form/tests/form-field-inputs.js +2304 -1664
  47. package/dist/cjs/form/tests/form-grid-layout.js +192 -22
  48. package/dist/cjs/form/tests/form-misc.js +874 -43
  49. package/dist/cjs/form/tests/form-sizes.js +680 -505
  50. package/dist/cjs/gantt/tests/gantt-editing-popup-general.js +202 -29
  51. package/dist/cjs/gantt/tests/gantt-editing-popup-other.js +684 -29
  52. package/dist/cjs/grid/tests/grid-angular.js +156 -146
  53. package/dist/cjs/grid/tests/grid-column-resizing-actions.js +279 -106
  54. package/dist/cjs/grid/tests/grid-editing-popup.js +187 -14
  55. package/dist/cjs/grid/tests/grid-rtl-angular.js +102 -92
  56. package/dist/cjs/grid/tests/grid-rtl.js +95 -85
  57. package/dist/cjs/grid/tests/grid-selection-aggregates.js +104 -94
  58. package/dist/cjs/grid/tests/grid-size-sm-comp-sm.js +480 -470
  59. package/dist/cjs/grid/tests/grid-size-sm.js +480 -470
  60. package/dist/cjs/grid/tests/grid-virtualization.js +418 -408
  61. package/dist/cjs/grid/tests/grid.js +120 -110
  62. package/dist/cjs/imageeditor/tests/imageeditor-crop-pane.js +217 -44
  63. package/dist/cjs/imageeditor/tests/imageeditor-resize-pane.js +205 -32
  64. package/dist/cjs/index.js +4237 -3968
  65. package/dist/cjs/loader/templates/loader-container-normal.js +250 -0
  66. package/dist/cjs/loader/templates/loader-converging.js +250 -0
  67. package/dist/cjs/loader/templates/loader-infinite.js +250 -0
  68. package/dist/cjs/loader/templates/loader-normal.js +250 -0
  69. package/dist/cjs/loader/tests/{loader-sizes.js → loader-colors.js} +32 -23
  70. package/dist/cjs/loader/tests/loader-container-colors.js +20 -25
  71. package/dist/cjs/loader/tests/loader-container-overlay.js +26 -13
  72. package/dist/cjs/loader/tests/loader-container.js +27 -20
  73. package/dist/cjs/loader/tests/loader.js +27 -46
  74. package/dist/cjs/scheduler/tests/scheduler-edit-dialog.js +309 -125
  75. package/dist/cjs/scheduler/tests/scheduler-editing-weekly.js +420 -236
  76. package/dist/cjs/skeleton/index.js +28 -1
  77. package/dist/cjs/skeleton/templates/skeleton-circle.js +83 -0
  78. package/dist/cjs/skeleton/templates/skeleton-normal.js +77 -0
  79. package/dist/cjs/skeleton/templates/skeleton-rectangle.js +83 -0
  80. package/dist/cjs/skeleton/tests/skeleton.js +38 -14
  81. package/dist/cjs/spreadsheet/tests/spreadsheet-data-validation.js +370 -322
  82. package/dist/cjs/spreadsheet/tests/spreadsheet-file-dialogs.js +536 -363
  83. package/dist/cjs/spreadsheet/tests/spreadsheet-find-replace-dialog.js +450 -277
  84. package/dist/cjs/spreadsheet/tests/spreadsheet-format-dialogs.js +950 -777
  85. package/dist/cjs/spreadsheet/tests/spreadsheet-formula-dialog.js +308 -28
  86. package/dist/cjs/spreadsheet/tests/spreadsheet-insert-dialogs.js +1108 -935
  87. package/dist/cjs/spreadsheet/tests/spreadsheet-print.js +782 -734
  88. package/dist/cjs/spreadsheet/tests/spreadsheet-sheets-bar.js +924 -67
  89. package/dist/cjs/taskboard/tests/taskboard-pane.js +299 -126
  90. package/dist/cjs/treelist/tests/treelist-editing-popup.js +673 -18
  91. package/dist/esm/badge/templates/badge-normal.js +4354 -0
  92. package/dist/esm/badge/templates/icon-badge.js +4360 -0
  93. package/dist/esm/badge/tests/badge-cutout-border.js +4405 -0
  94. package/dist/esm/badge/tests/badge-misc.js +62 -72
  95. package/dist/esm/badge/tests/badge-outline.js +4376 -0
  96. package/dist/esm/badge/tests/badge-position-outline.js +4438 -0
  97. package/dist/esm/badge/tests/badge-position-solid.js +4438 -0
  98. package/dist/esm/badge/tests/badge-size.js +4242 -64
  99. package/dist/esm/badge/tests/badge-solid.js +4376 -0
  100. package/dist/esm/breadcrumb/breadcrumb-link.js +1 -0
  101. package/dist/esm/breadcrumb/templates/breadcrumb-adaptive.js +4507 -0
  102. package/dist/esm/breadcrumb/templates/breadcrumb-normal.js +4504 -0
  103. package/dist/esm/breadcrumb/{tests/breadcrumb-adaptive.js → templates/breadcrumb-root-adaptive.js} +258 -261
  104. package/dist/esm/breadcrumb/templates/breadcrumb-root.js +4526 -0
  105. package/dist/esm/breadcrumb/tests/breadcrumb-items-rtl.js +5186 -0
  106. package/dist/esm/breadcrumb/tests/breadcrumb-items.js +5186 -0
  107. package/dist/esm/breadcrumb/tests/breadcrumb-rtl.js +470 -946
  108. package/dist/esm/breadcrumb/tests/breadcrumb-size.js +56 -54
  109. package/dist/esm/breadcrumb/tests/breadcrumb.js +406 -952
  110. package/dist/esm/captcha/captcha.spec.js +24 -8
  111. package/dist/esm/captcha/{tests/captcha-loading.js → templates/captcha-normal.js} +28 -15
  112. package/dist/esm/captcha/tests/captcha-rtl.js +4971 -0
  113. package/dist/esm/captcha/tests/captcha.js +36 -13
  114. package/dist/esm/chat/chat.spec.js +4 -4
  115. package/dist/esm/chat/templates/chat-normal.js +5126 -0
  116. package/dist/esm/chat/templates/chat-with-options.js +5127 -0
  117. package/dist/esm/chat/templates/chat-with-toolbar.js +5128 -0
  118. package/dist/esm/chat/tests/chat-content-rtl.js +5439 -0
  119. package/dist/esm/chat/tests/{chat-scrollable-deck.js → chat-content.js} +111 -33
  120. package/dist/esm/chat/tests/chat-rtl.js +300 -472
  121. package/dist/esm/chat/tests/chat.js +295 -483
  122. package/dist/esm/editor/tests/editor-find-replace.js +225 -52
  123. package/dist/esm/editor/tests/editor-image-editor.js +936 -15
  124. package/dist/esm/editor/tests/editor-table-wizard.js +301 -128
  125. package/dist/esm/filemanager/tests/filemanager-contextmenu.js +529 -453
  126. package/dist/esm/filemanager/tests/filemanager-drag-hint.js +529 -453
  127. package/dist/esm/filemanager/tests/filemanager-gridview.js +594 -518
  128. package/dist/esm/filemanager/tests/filemanager-listview.js +548 -472
  129. package/dist/esm/filemanager/tests/filemanager-preview.js +647 -571
  130. package/dist/esm/form/templates/form-horizontal.js +5904 -0
  131. package/dist/esm/form/templates/form-normal.js +5903 -0
  132. package/dist/esm/form/tests/form-field-dateinputs.js +895 -58
  133. package/dist/esm/form/tests/form-field-dropdowns.js +395 -60
  134. package/dist/esm/form/tests/form-field-fieldset.js +1003 -27
  135. package/dist/esm/form/tests/form-field-inputs-rtl.js +898 -238
  136. package/dist/esm/form/tests/form-field-inputs.js +2317 -1677
  137. package/dist/esm/form/tests/form-grid-layout.js +192 -22
  138. package/dist/esm/form/tests/form-misc.js +874 -43
  139. package/dist/esm/form/tests/form-sizes.js +680 -505
  140. package/dist/esm/gantt/tests/gantt-editing-popup-general.js +202 -29
  141. package/dist/esm/gantt/tests/gantt-editing-popup-other.js +684 -29
  142. package/dist/esm/grid/tests/grid-angular.js +126 -116
  143. package/dist/esm/grid/tests/grid-column-resizing-actions.js +279 -106
  144. package/dist/esm/grid/tests/grid-editing-popup.js +187 -14
  145. package/dist/esm/grid/tests/grid-rtl-angular.js +84 -74
  146. package/dist/esm/grid/tests/grid-rtl.js +80 -70
  147. package/dist/esm/grid/tests/grid-selection-aggregates.js +76 -66
  148. package/dist/esm/grid/tests/grid-size-sm-comp-sm.js +383 -373
  149. package/dist/esm/grid/tests/grid-size-sm.js +383 -373
  150. package/dist/esm/grid/tests/grid-virtualization.js +366 -356
  151. package/dist/esm/grid/tests/grid.js +100 -90
  152. package/dist/esm/imageeditor/tests/imageeditor-crop-pane.js +217 -44
  153. package/dist/esm/imageeditor/tests/imageeditor-resize-pane.js +205 -32
  154. package/dist/esm/index.js +4204 -3935
  155. package/dist/esm/loader/templates/loader-container-normal.js +228 -0
  156. package/dist/esm/loader/templates/loader-converging.js +228 -0
  157. package/dist/esm/loader/templates/loader-infinite.js +228 -0
  158. package/dist/esm/loader/templates/loader-normal.js +228 -0
  159. package/dist/esm/loader/tests/{loader-sizes.js → loader-colors.js} +29 -20
  160. package/dist/esm/loader/tests/loader-container-colors.js +19 -24
  161. package/dist/esm/loader/tests/loader-container-overlay.js +24 -11
  162. package/dist/esm/loader/tests/loader-container.js +25 -18
  163. package/dist/esm/loader/tests/loader.js +27 -46
  164. package/dist/esm/scheduler/tests/scheduler-edit-dialog.js +309 -125
  165. package/dist/esm/scheduler/tests/scheduler-editing-weekly.js +420 -236
  166. package/dist/esm/skeleton/index.js +28 -1
  167. package/dist/esm/skeleton/templates/skeleton-circle.js +61 -0
  168. package/dist/esm/skeleton/templates/skeleton-normal.js +55 -0
  169. package/dist/esm/skeleton/templates/skeleton-rectangle.js +61 -0
  170. package/dist/esm/skeleton/tests/skeleton.js +35 -11
  171. package/dist/esm/spreadsheet/tests/spreadsheet-data-validation.js +370 -322
  172. package/dist/esm/spreadsheet/tests/spreadsheet-file-dialogs.js +537 -364
  173. package/dist/esm/spreadsheet/tests/spreadsheet-find-replace-dialog.js +451 -278
  174. package/dist/esm/spreadsheet/tests/spreadsheet-format-dialogs.js +948 -775
  175. package/dist/esm/spreadsheet/tests/spreadsheet-formula-dialog.js +309 -29
  176. package/dist/esm/spreadsheet/tests/spreadsheet-insert-dialogs.js +1110 -937
  177. package/dist/esm/spreadsheet/tests/spreadsheet-print.js +587 -539
  178. package/dist/esm/spreadsheet/tests/spreadsheet-sheets-bar.js +925 -68
  179. package/dist/esm/taskboard/tests/taskboard-pane.js +299 -126
  180. package/dist/esm/treelist/tests/treelist-editing-popup.js +673 -18
  181. package/dist/types/badge/index.d.ts +2 -0
  182. package/dist/types/badge/templates/badge-normal.d.ts +1 -0
  183. package/dist/types/badge/templates/icon-badge.d.ts +1 -0
  184. package/dist/types/breadcrumb/breadcrumb-link.d.ts +4 -1
  185. package/dist/types/breadcrumb/index.d.ts +4 -0
  186. package/dist/types/breadcrumb/templates/breadcrumb-adaptive.d.ts +1 -0
  187. package/dist/types/breadcrumb/templates/breadcrumb-normal.d.ts +1 -0
  188. package/dist/types/breadcrumb/templates/breadcrumb-root-adaptive.d.ts +1 -0
  189. package/dist/types/breadcrumb/templates/breadcrumb-root.d.ts +1 -0
  190. package/dist/types/breadcrumb/tests/breadcrumb-items.d.ts +2 -0
  191. package/dist/types/captcha/index.d.ts +1 -0
  192. package/dist/types/captcha/templates/captcha-normal.d.ts +1 -0
  193. package/dist/types/captcha/tests/captcha-rtl.d.ts +2 -0
  194. package/dist/types/chat/index.d.ts +3 -0
  195. package/dist/types/chat/templates/chat-normal.d.ts +1 -0
  196. package/dist/types/chat/templates/chat-with-options.d.ts +1 -0
  197. package/dist/types/chat/templates/chat-with-toolbar.d.ts +1 -0
  198. package/dist/types/chat/tests/chat-content-rtl.d.ts +2 -0
  199. package/dist/types/chat/tests/chat-content.d.ts +2 -0
  200. package/dist/types/form/index.d.ts +2 -0
  201. package/dist/types/form/templates/form-horizontal.d.ts +1 -0
  202. package/dist/types/form/templates/form-normal.d.ts +1 -0
  203. package/dist/types/loader/index.d.ts +4 -0
  204. package/dist/types/loader/templates/loader-container-normal.d.ts +1 -0
  205. package/dist/types/loader/templates/loader-converging.d.ts +1 -0
  206. package/dist/types/loader/templates/loader-infinite.d.ts +1 -0
  207. package/dist/types/loader/templates/loader-normal.d.ts +1 -0
  208. package/dist/types/loader/tests/loader-colors.d.ts +2 -0
  209. package/dist/types/skeleton/index.d.ts +3 -0
  210. package/dist/types/skeleton/templates/skeleton-circle.d.ts +1 -0
  211. package/dist/types/skeleton/templates/skeleton-normal.d.ts +1 -0
  212. package/dist/types/skeleton/templates/skeleton-rectangle.d.ts +1 -0
  213. package/package.json +2 -2
  214. package/src/badge/index.ts +2 -0
  215. package/src/badge/templates/badge-normal.tsx +3 -0
  216. package/src/badge/templates/icon-badge.tsx +11 -0
  217. package/src/badge/tests/badge-cutout-border.tsx +91 -0
  218. package/src/badge/tests/badge-misc.tsx +73 -136
  219. package/src/badge/tests/badge-outline.tsx +29 -0
  220. package/src/badge/tests/badge-position-outline.tsx +171 -0
  221. package/src/badge/tests/{badge-position.tsx → badge-position-solid.tsx} +36 -36
  222. package/src/badge/tests/badge-size.tsx +28 -65
  223. package/src/badge/tests/badge-solid.tsx +29 -0
  224. package/src/breadcrumb/breadcrumb-link.tsx +2 -0
  225. package/src/breadcrumb/index.ts +4 -0
  226. package/src/breadcrumb/templates/breadcrumb-adaptive.tsx +37 -0
  227. package/src/breadcrumb/templates/breadcrumb-normal.tsx +36 -0
  228. package/src/breadcrumb/templates/breadcrumb-root-adaptive.tsx +45 -0
  229. package/src/breadcrumb/templates/breadcrumb-root.tsx +41 -0
  230. package/src/breadcrumb/tests/breadcrumb-items-rtl.tsx +194 -0
  231. package/src/breadcrumb/tests/breadcrumb-items.tsx +194 -0
  232. package/src/breadcrumb/tests/breadcrumb-rtl.tsx +107 -187
  233. package/src/breadcrumb/tests/breadcrumb-size.tsx +27 -78
  234. package/src/breadcrumb/tests/breadcrumb.tsx +59 -253
  235. package/src/captcha/captcha.spec.tsx +2 -2
  236. package/src/captcha/index.ts +1 -0
  237. package/src/captcha/templates/captcha-normal.tsx +5 -0
  238. package/src/captcha/tests/captcha-rtl.tsx +16 -0
  239. package/src/captcha/tests/captcha.tsx +9 -6
  240. package/src/chat/chat.spec.tsx +4 -4
  241. package/src/chat/index.ts +3 -0
  242. package/src/chat/templates/chat-normal.tsx +23 -0
  243. package/src/chat/templates/chat-with-options.tsx +25 -0
  244. package/src/chat/templates/chat-with-toolbar.tsx +26 -0
  245. package/src/chat/tests/chat-content-rtl.tsx +166 -0
  246. package/src/chat/tests/chat-content.tsx +166 -0
  247. package/src/chat/tests/chat-rtl.tsx +28 -40
  248. package/src/chat/tests/chat.tsx +22 -78
  249. package/src/editor/tests/editor-find-replace.tsx +5 -5
  250. package/src/editor/tests/editor-image-editor.tsx +3 -3
  251. package/src/editor/tests/editor-table-wizard.tsx +7 -7
  252. package/src/filemanager/tests/filemanager-contextmenu.tsx +3 -3
  253. package/src/filemanager/tests/filemanager-drag-hint.tsx +3 -3
  254. package/src/filemanager/tests/filemanager-gridview.tsx +5 -5
  255. package/src/filemanager/tests/filemanager-listview.tsx +5 -5
  256. package/src/filemanager/tests/filemanager-preview.tsx +7 -7
  257. package/src/form/index.ts +2 -0
  258. package/src/form/templates/form-horizontal.tsx +48 -0
  259. package/src/form/templates/form-normal.tsx +47 -0
  260. package/src/form/tests/form-field-dateinputs.tsx +9 -9
  261. package/src/form/tests/form-field-dropdowns.tsx +9 -9
  262. package/src/form/tests/form-field-fieldset.tsx +9 -7
  263. package/src/form/tests/form-field-inputs-rtl.tsx +10 -10
  264. package/src/form/tests/form-field-inputs.tsx +37 -69
  265. package/src/form/tests/form-grid-layout.tsx +3 -9
  266. package/src/form/tests/form-misc.tsx +7 -22
  267. package/src/form/tests/form-sizes.tsx +27 -59
  268. package/src/gantt/tests/gantt-editing-popup-general.tsx +3 -3
  269. package/src/gantt/tests/gantt-editing-popup-other.tsx +3 -3
  270. package/src/grid/tests/grid-angular.tsx +2 -2
  271. package/src/grid/tests/grid-column-resizing-actions.tsx +3 -3
  272. package/src/grid/tests/grid-editing-popup.tsx +3 -3
  273. package/src/grid/tests/grid-rtl-angular.tsx +3 -3
  274. package/src/grid/tests/grid-rtl.tsx +3 -3
  275. package/src/grid/tests/grid-selection-aggregates.tsx +5 -5
  276. package/src/grid/tests/grid-size-sm-comp-sm.tsx +3 -3
  277. package/src/grid/tests/grid-size-sm.tsx +3 -3
  278. package/src/grid/tests/grid-virtualization.tsx +201 -201
  279. package/src/grid/tests/grid.tsx +3 -3
  280. package/src/imageeditor/tests/imageeditor-crop-pane.tsx +3 -3
  281. package/src/imageeditor/tests/imageeditor-resize-pane.tsx +3 -3
  282. package/src/loader/index.ts +4 -0
  283. package/src/loader/templates/loader-container-normal.tsx +5 -0
  284. package/src/loader/templates/loader-converging.tsx +5 -0
  285. package/src/loader/templates/loader-infinite.tsx +5 -0
  286. package/src/loader/templates/loader-normal.tsx +5 -0
  287. package/src/loader/tests/loader-colors.tsx +34 -0
  288. package/src/loader/tests/loader-container-colors.tsx +11 -52
  289. package/src/loader/tests/loader-container-overlay.tsx +5 -5
  290. package/src/loader/tests/loader-container.tsx +16 -35
  291. package/src/loader/tests/loader.tsx +15 -129
  292. package/src/scheduler/tests/scheduler-edit-dialog.tsx +3 -3
  293. package/src/scheduler/tests/scheduler-editing-weekly.tsx +3 -3
  294. package/src/skeleton/index.tsx +3 -0
  295. package/src/skeleton/templates/skeleton-circle.tsx +7 -0
  296. package/src/skeleton/templates/skeleton-normal.tsx +3 -0
  297. package/src/skeleton/templates/skeleton-rectangle.tsx +7 -0
  298. package/src/skeleton/tests/skeleton.tsx +10 -10
  299. package/src/spreadsheet/tests/spreadsheet-data-validation.tsx +3 -3
  300. package/src/spreadsheet/tests/spreadsheet-file-dialogs.tsx +3 -3
  301. package/src/spreadsheet/tests/spreadsheet-find-replace-dialog.tsx +3 -3
  302. package/src/spreadsheet/tests/spreadsheet-format-dialogs.tsx +5 -5
  303. package/src/spreadsheet/tests/spreadsheet-formula-dialog.tsx +3 -3
  304. package/src/spreadsheet/tests/spreadsheet-insert-dialogs.tsx +9 -9
  305. package/src/spreadsheet/tests/spreadsheet-print.tsx +5 -5
  306. package/src/spreadsheet/tests/spreadsheet-sheets-bar.tsx +3 -3
  307. package/src/taskboard/tests/taskboard-pane.tsx +5 -5
  308. package/src/treelist/tests/treelist-editing-popup.tsx +3 -3
  309. package/dist/cjs/badge/tests/badge-position.js +0 -250
  310. package/dist/cjs/badge/tests/badge.js +0 -357
  311. package/dist/esm/badge/tests/badge-position.js +0 -228
  312. package/dist/esm/badge/tests/badge.js +0 -335
  313. package/src/badge/tests/badge.tsx +0 -221
  314. package/src/breadcrumb/tests/breadcrumb-adaptive.tsx +0 -82
  315. package/src/captcha/tests/captcha-loading.tsx +0 -13
  316. package/src/chat/tests/chat-scrollable-deck.tsx +0 -64
  317. package/src/loader/tests/loader-sizes.tsx +0 -54
  318. /package/dist/types/badge/tests/{badge-position.d.ts → badge-cutout-border.d.ts} +0 -0
  319. /package/dist/types/badge/tests/{badge.d.ts → badge-outline.d.ts} +0 -0
  320. /package/dist/types/{breadcrumb/tests/breadcrumb-adaptive.d.ts → badge/tests/badge-position-outline.d.ts} +0 -0
  321. /package/dist/types/{captcha/tests/captcha-loading.d.ts → badge/tests/badge-position-solid.d.ts} +0 -0
  322. /package/dist/types/{chat/tests/chat-scrollable-deck.d.ts → badge/tests/badge-solid.d.ts} +0 -0
  323. /package/dist/types/{loader/tests/loader-sizes.d.ts → breadcrumb/tests/breadcrumb-items-rtl.d.ts} +0 -0
package/src/breadcrumb/tests/breadcrumb-rtl.tsx CHANGED
@@ -1,14 +1,25 @@
1
+ import { BreadcrumbAdaptive, BreadcrumbContainer, BreadcrumbItem, BreadcrumbItemText, BreadcrumbLink, BreadcrumbNormal, BreadcrumbRoot, BreadcrumbRootAdaptive, BreadcrumbRootItemContainer } from '..';
1
2
  import { Icon } from '../../icon';
2
- import { Textbox } from '../../textbox';
3
- import { Breadcrumb, BreadcrumbContainer, BreadcrumbInputContainer, BreadcrumbItem, BreadcrumbItemText, BreadcrumbLink, BreadcrumbRootItemContainer } from '../../breadcrumb';
3
+
4
+ const styles = `
5
+ #test-area {
6
+ grid-template-columns: 80px repeat(2, 1fr);
7
+ }
8
+ `;
4
9
 
5
10
 
6
11
  export default () =>(
7
12
  <>
8
- <div id="test-area" className="k-d-grid k-grid-cols-2 k-rtl">
9
- <span className="k-colspan-all k-col-span-full">Wrapping</span>
13
+ <style>{styles}</style>
14
+ <div id="test-area" className="k-d-grid k-grid-cols-3 k-rtl">
15
+
16
+ <span></span>
17
+ <span>Collapsing with root item</span>
18
+ <span>Collapsing without root item</span>
19
+
20
+ <span>none</span>
10
21
  <div>
11
- <Breadcrumb collapsing="wrap" style={{ width: "400px" }} dir="rtl">
22
+ <BreadcrumbRoot collapsing="none" size="large">
12
23
  <BreadcrumbRootItemContainer>
13
24
  <BreadcrumbItem root>
14
25
  <BreadcrumbLink root icontext>
@@ -17,331 +28,240 @@ export default () =>(
17
28
  </BreadcrumbLink>
18
29
  </BreadcrumbItem>
19
30
  </BreadcrumbRootItemContainer>
20
-
21
- <BreadcrumbContainer collapsing="wrap">
22
- <BreadcrumbItem>
23
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
24
- <BreadcrumbLink disabled icontext>
25
- <Icon icon="clock" />
26
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
27
- </BreadcrumbLink>
28
- </BreadcrumbItem>
31
+ <BreadcrumbContainer collapsing="none">
29
32
  <BreadcrumbItem>
30
33
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
31
34
  <BreadcrumbLink>
32
- <img className="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20" />
33
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
35
+ <BreadcrumbItemText text="Item 01"></BreadcrumbItemText>
34
36
  </BreadcrumbLink>
35
37
  </BreadcrumbItem>
36
38
  <BreadcrumbItem>
37
39
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
38
40
  <BreadcrumbLink>
39
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
40
- </BreadcrumbLink>
41
- </BreadcrumbItem>
42
- <BreadcrumbItem>
43
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
44
- <BreadcrumbLink icon>
45
- <Icon icon="clock" />
41
+ <BreadcrumbItemText text="Item 02"></BreadcrumbItemText>
46
42
  </BreadcrumbLink>
47
43
  </BreadcrumbItem>
48
44
  <BreadcrumbItem last>
49
45
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
50
- <BreadcrumbLink disabled>
51
- <BreadcrumbItemText text="Fifth item"></BreadcrumbItemText>
46
+ <BreadcrumbLink>
47
+ <BreadcrumbItemText text="Item 03"></BreadcrumbItemText>
52
48
  </BreadcrumbLink>
53
49
  </BreadcrumbItem>
54
50
  </BreadcrumbContainer>
55
- </Breadcrumb>
51
+ </BreadcrumbRoot>
56
52
  </div>
57
53
 
58
54
  <div>
59
- <Breadcrumb collapsing="wrap" style={{ width: "400px" }} dir="rtl">
60
- <BreadcrumbRootItemContainer>
61
- <BreadcrumbItem root>
62
- <BreadcrumbLink root>
63
- <BreadcrumbItemText text="Start item"></BreadcrumbItemText>
64
- </BreadcrumbLink>
65
- </BreadcrumbItem>
66
- </BreadcrumbRootItemContainer>
67
-
68
- <BreadcrumbContainer collapsing="wrap">
69
- <BreadcrumbItem>
70
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
71
- <BreadcrumbLink disabled icontext>
72
- <Icon icon="clock" />
73
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
74
- </BreadcrumbLink>
75
- </BreadcrumbItem>
55
+ <BreadcrumbNormal collapsing="none" size="large">
56
+ <BreadcrumbContainer collapsing="none">
76
57
  <BreadcrumbItem>
77
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
78
58
  <BreadcrumbLink>
79
- <img className="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20" />
80
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
59
+ <BreadcrumbItemText text="Item 01"></BreadcrumbItemText>
81
60
  </BreadcrumbLink>
82
61
  </BreadcrumbItem>
83
62
  <BreadcrumbItem>
84
63
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
85
64
  <BreadcrumbLink>
86
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
65
+ <BreadcrumbItemText text="Item 02"></BreadcrumbItemText>
87
66
  </BreadcrumbLink>
88
67
  </BreadcrumbItem>
89
68
  <BreadcrumbItem>
90
69
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
91
- <BreadcrumbLink icon>
92
- <Icon icon="clock" />
70
+ <BreadcrumbLink>
71
+ <BreadcrumbItemText text="Item 03"></BreadcrumbItemText>
93
72
  </BreadcrumbLink>
94
73
  </BreadcrumbItem>
95
74
  <BreadcrumbItem last>
96
75
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
97
- <BreadcrumbLink disabled>
98
- <BreadcrumbItemText text="Fifth item"></BreadcrumbItemText>
76
+ <BreadcrumbLink>
77
+ <BreadcrumbItemText text="Item 04"></BreadcrumbItemText>
99
78
  </BreadcrumbLink>
100
79
  </BreadcrumbItem>
101
80
  </BreadcrumbContainer>
102
- </Breadcrumb>
81
+ </BreadcrumbNormal>
103
82
  </div>
104
83
 
84
+
85
+ <span>auto</span>
105
86
  <div>
106
- <Breadcrumb collapsing="wrap" style={{ width: "400px" }} dir="rtl">
87
+ <BreadcrumbRootAdaptive size="large">
107
88
  <BreadcrumbRootItemContainer>
108
89
  <BreadcrumbItem root>
109
- <BreadcrumbLink root icon>
90
+ <BreadcrumbLink root icontext>
110
91
  <Icon icon="home" />
92
+ <BreadcrumbItemText text="Start item"></BreadcrumbItemText>
111
93
  </BreadcrumbLink>
112
94
  </BreadcrumbItem>
113
95
  </BreadcrumbRootItemContainer>
114
96
 
115
- <BreadcrumbContainer collapsing="wrap">
97
+ <BreadcrumbContainer>
116
98
  <BreadcrumbItem>
117
99
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
118
- <BreadcrumbLink disabled icontext>
119
- <Icon icon="clock" />
120
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
121
- </BreadcrumbLink>
122
100
  </BreadcrumbItem>
123
101
  <BreadcrumbItem>
124
102
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
125
103
  <BreadcrumbLink>
126
- <img className="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20" />
127
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
104
+ <BreadcrumbItemText text="Item 03"></BreadcrumbItemText>
128
105
  </BreadcrumbLink>
129
106
  </BreadcrumbItem>
130
107
  <BreadcrumbItem>
131
108
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
132
109
  <BreadcrumbLink>
133
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
134
- </BreadcrumbLink>
135
- </BreadcrumbItem>
136
- <BreadcrumbItem>
137
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
138
- <BreadcrumbLink icon>
139
- <Icon icon="clock" />
110
+ <BreadcrumbItemText text="Item 04"></BreadcrumbItemText>
140
111
  </BreadcrumbLink>
141
112
  </BreadcrumbItem>
142
113
  <BreadcrumbItem last>
143
114
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
144
- <BreadcrumbLink disabled>
145
- <BreadcrumbItemText text="Fifth item"></BreadcrumbItemText>
115
+ <BreadcrumbLink>
116
+ <BreadcrumbItemText text="Item 05"></BreadcrumbItemText>
146
117
  </BreadcrumbLink>
147
118
  </BreadcrumbItem>
148
119
  </BreadcrumbContainer>
149
- </Breadcrumb>
120
+ </BreadcrumbRootAdaptive>
150
121
  </div>
151
122
 
152
- <span className="k-colspan-all k-col-span-full">Navigation Mode</span>
153
123
  <div>
154
- <Breadcrumb>
124
+ <BreadcrumbAdaptive size="large">
155
125
  <BreadcrumbContainer>
156
- <BreadcrumbItem root>
157
- <BreadcrumbLink root icon>
158
- <Icon icon="home" />
126
+ <BreadcrumbItem>
127
+ <BreadcrumbLink>
128
+ <BreadcrumbItemText text="Item 01"></BreadcrumbItemText>
159
129
  </BreadcrumbLink>
160
130
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
161
131
  </BreadcrumbItem>
162
132
  <BreadcrumbItem>
133
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
163
134
  <BreadcrumbLink>
164
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
135
+ <BreadcrumbItemText text="Item 04"></BreadcrumbItemText>
165
136
  </BreadcrumbLink>
166
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
167
137
  </BreadcrumbItem>
168
138
  <BreadcrumbItem>
139
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
169
140
  <BreadcrumbLink>
170
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
141
+ <BreadcrumbItemText text="Item 05"></BreadcrumbItemText>
171
142
  </BreadcrumbLink>
172
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
173
143
  </BreadcrumbItem>
174
144
  <BreadcrumbItem last>
175
- <BreadcrumbLink disabled>
176
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
145
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
146
+ <BreadcrumbLink>
147
+ <BreadcrumbItemText text="Item 06"></BreadcrumbItemText>
177
148
  </BreadcrumbLink>
178
149
  </BreadcrumbItem>
179
150
  </BreadcrumbContainer>
180
- </Breadcrumb>
151
+ </BreadcrumbAdaptive>
181
152
  </div>
182
153
 
154
+ <span>wrap</span>
183
155
  <div>
184
- <Breadcrumb>
185
- <BreadcrumbContainer>
156
+ <BreadcrumbRoot collapsing="wrap" size="large">
157
+ <BreadcrumbRootItemContainer>
186
158
  <BreadcrumbItem root>
187
- <BreadcrumbLink root icon focus>
159
+ <BreadcrumbLink root icontext>
188
160
  <Icon icon="home" />
161
+ <BreadcrumbItemText text="Start item"></BreadcrumbItemText>
189
162
  </BreadcrumbLink>
190
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
191
163
  </BreadcrumbItem>
164
+ </BreadcrumbRootItemContainer>
165
+ <BreadcrumbContainer collapsing="wrap">
192
166
  <BreadcrumbItem>
193
- <BreadcrumbLink focus>
194
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
195
- </BreadcrumbLink>
196
167
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
168
+ <BreadcrumbLink>
169
+ <BreadcrumbItemText text="Item 01"></BreadcrumbItemText>
170
+ </BreadcrumbLink>
197
171
  </BreadcrumbItem>
198
172
  <BreadcrumbItem>
173
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
199
174
  <BreadcrumbLink>
200
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
175
+ <BreadcrumbItemText text="Item 02"></BreadcrumbItemText>
201
176
  </BreadcrumbLink>
202
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
203
177
  </BreadcrumbItem>
204
178
  <BreadcrumbItem last>
205
- <BreadcrumbLink disabled>
206
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
207
- </BreadcrumbLink>
208
- </BreadcrumbItem>
209
- </BreadcrumbContainer>
210
- </Breadcrumb>
211
- </div>
212
-
213
- <div>
214
- <Breadcrumb>
215
- <BreadcrumbContainer>
216
- <BreadcrumbItem root>
217
- <BreadcrumbLink root icon hover>
218
- <Icon icon="home" />
219
- </BreadcrumbLink>
220
179
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
180
+ <BreadcrumbLink>
181
+ <BreadcrumbItemText text="Item 03"></BreadcrumbItemText>
182
+ </BreadcrumbLink>
221
183
  </BreadcrumbItem>
222
184
  <BreadcrumbItem>
223
- <BreadcrumbLink hover>
224
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
225
- </BreadcrumbLink>
226
185
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
186
+ <BreadcrumbLink>
187
+ <BreadcrumbItemText text="Item 04"></BreadcrumbItemText>
188
+ </BreadcrumbLink>
227
189
  </BreadcrumbItem>
228
190
  <BreadcrumbItem>
191
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
229
192
  <BreadcrumbLink>
230
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
193
+ <BreadcrumbItemText text="Item 05"></BreadcrumbItemText>
231
194
  </BreadcrumbLink>
232
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
233
195
  </BreadcrumbItem>
234
196
  <BreadcrumbItem last>
235
- <BreadcrumbLink disabled>
236
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
237
- </BreadcrumbLink>
238
- </BreadcrumbItem>
239
- </BreadcrumbContainer>
240
- </Breadcrumb>
241
- </div>
242
-
243
- <div>
244
- <Breadcrumb>
245
- <BreadcrumbContainer>
246
- <BreadcrumbItem root>
247
- <BreadcrumbLink root icon hover>
248
- <Icon icon="home" />
249
- </BreadcrumbLink>
250
197
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
251
- </BreadcrumbItem>
252
- <BreadcrumbItem>
253
- <BreadcrumbLink icontext>
254
- <Icon icon="cloud" />
255
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
256
- </BreadcrumbLink>
257
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
258
- </BreadcrumbItem>
259
- <BreadcrumbItem>
260
- <BreadcrumbLink icon>
261
- <Icon icon="camera" />
198
+ <BreadcrumbLink>
199
+ <BreadcrumbItemText text="Item 06"></BreadcrumbItemText>
262
200
  </BreadcrumbLink>
263
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
264
201
  </BreadcrumbItem>
265
202
  <BreadcrumbItem last>
266
- <BreadcrumbLink disabled>
267
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
203
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
204
+ <BreadcrumbLink>
205
+ <BreadcrumbItemText text="Item 07"></BreadcrumbItemText>
268
206
  </BreadcrumbLink>
269
207
  </BreadcrumbItem>
270
208
  </BreadcrumbContainer>
271
- </Breadcrumb>
209
+ </BreadcrumbRoot>
272
210
  </div>
273
-
274
- <span className="k-colspan-all k-col-span-full">Edit Mode</span>
275
211
  <div>
276
- <Breadcrumb focus>
277
- <BreadcrumbContainer>
278
- <BreadcrumbItem root>
279
- <BreadcrumbLink root icon>
280
- <Icon icon="home" />
212
+ <BreadcrumbNormal collapsing="wrap" size="large">
213
+ <BreadcrumbContainer collapsing="wrap">
214
+ <BreadcrumbItem>
215
+ <BreadcrumbLink>
216
+ <BreadcrumbItemText text="Item 01"></BreadcrumbItemText>
281
217
  </BreadcrumbLink>
282
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
283
218
  </BreadcrumbItem>
284
219
  <BreadcrumbItem>
220
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
285
221
  <BreadcrumbLink>
286
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
222
+ <BreadcrumbItemText text="Item 02"></BreadcrumbItemText>
287
223
  </BreadcrumbLink>
288
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
289
224
  </BreadcrumbItem>
290
225
  <BreadcrumbItem>
226
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
291
227
  <BreadcrumbLink>
292
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
228
+ <BreadcrumbItemText text="Item 03"></BreadcrumbItemText>
293
229
  </BreadcrumbLink>
294
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
295
230
  </BreadcrumbItem>
296
231
  <BreadcrumbItem last>
297
- <BreadcrumbLink disabled>
298
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
232
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
233
+ <BreadcrumbLink>
234
+ <BreadcrumbItemText text="Item 04"></BreadcrumbItemText>
299
235
  </BreadcrumbLink>
300
236
  </BreadcrumbItem>
301
- </BreadcrumbContainer>
302
- </Breadcrumb>
303
- </div>
304
-
305
- <div>
306
- <Breadcrumb>
307
- <BreadcrumbInputContainer>
308
- <Textbox showClearButton={false} value="First item/Second item/Breadcrumb Pattern/Third item" />
309
- </BreadcrumbInputContainer>
310
- </Breadcrumb>
311
- </div>
312
-
313
- <span className="k-colspan-all k-col-span-full">Overflow</span>
314
- <div>
315
- <Breadcrumb>
316
- <BreadcrumbContainer>
317
- <BreadcrumbItem root>
318
- <BreadcrumbLink root icon>
319
- <Icon icon="home" />
237
+ <BreadcrumbItem>
238
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
239
+ <BreadcrumbLink>
240
+ <BreadcrumbItemText text="Item 05"></BreadcrumbItemText>
320
241
  </BreadcrumbLink>
321
- <Icon className="k-breadcrumb-delimiter-icon k-breadcrumb-overflow-icon" icon="chevron-left" />
322
- <Icon className="k-breadcrumb-delimiter-icon k-breadcrumb-overflow-icon" icon="chevron-left" />
323
242
  </BreadcrumbItem>
324
- <BreadcrumbItem hidden>
243
+ <BreadcrumbItem>
244
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
325
245
  <BreadcrumbLink>
326
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
246
+ <BreadcrumbItemText text="Item 06"></BreadcrumbItemText>
327
247
  </BreadcrumbLink>
328
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
329
248
  </BreadcrumbItem>
330
- <BreadcrumbItem hidden>
249
+ <BreadcrumbItem>
250
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
331
251
  <BreadcrumbLink>
332
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
252
+ <BreadcrumbItemText text="Item 07"></BreadcrumbItemText>
333
253
  </BreadcrumbLink>
334
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
335
254
  </BreadcrumbItem>
336
255
  <BreadcrumbItem last>
337
- <BreadcrumbLink disabled>
338
- <BreadcrumbItemText text="Breadcrumb item "></BreadcrumbItemText>
256
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
257
+ <BreadcrumbLink>
258
+ <BreadcrumbItemText text="Item 08"></BreadcrumbItemText>
339
259
  </BreadcrumbLink>
340
260
  </BreadcrumbItem>
341
261
  </BreadcrumbContainer>
342
- </Breadcrumb>
262
+ </BreadcrumbNormal>
343
263
  </div>
344
- </div>
345
264
 
265
+ </div>
346
266
  </>
347
267
  );
package/src/breadcrumb/tests/breadcrumb-size.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Icon } from '../../icon';
2
- import { Breadcrumb, BreadcrumbContainer, BreadcrumbItem, BreadcrumbItemText, BreadcrumbLink, BreadcrumbRootItemContainer } from '..';
2
+ import { Breadcrumb, BreadcrumbContainer, BreadcrumbItem, BreadcrumbItemText, BreadcrumbLink, BreadcrumbRoot, BreadcrumbRootItemContainer } from '..';
3
3
 
4
4
  export default () =>(
5
5
  <>
@@ -9,83 +9,32 @@ export default () =>(
9
9
  <div>medium</div>
10
10
  <div>large</div>
11
11
 
12
-
13
- <Breadcrumb collapsing="wrap" size="small">
14
- <BreadcrumbRootItemContainer>
15
- <BreadcrumbItem root>
16
- <BreadcrumbLink root icontext focus>
17
- <Icon icon="home" />
18
- <BreadcrumbItemText text="Home"></BreadcrumbItemText>
19
- </BreadcrumbLink>
20
- </BreadcrumbItem>
21
- </BreadcrumbRootItemContainer>
22
- <BreadcrumbContainer collapsing="wrap">
23
- <BreadcrumbItem>
24
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
25
- <BreadcrumbLink focus>
26
- <BreadcrumbItemText text="Text item"></BreadcrumbItemText>
27
- </BreadcrumbLink>
28
- </BreadcrumbItem>
29
- <BreadcrumbItem>
30
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
31
- <BreadcrumbLink icon focus>
32
- <Icon icon="clock" />
33
- </BreadcrumbLink>
34
- </BreadcrumbItem>
35
- </BreadcrumbContainer>
36
- </Breadcrumb>
37
-
38
- <Breadcrumb collapsing="wrap" size="medium">
39
- <BreadcrumbRootItemContainer>
40
- <BreadcrumbItem root>
41
- <BreadcrumbLink root icontext focus>
42
- <Icon icon="home" />
43
- <BreadcrumbItemText text="Home"></BreadcrumbItemText>
44
- </BreadcrumbLink>
45
- </BreadcrumbItem>
46
- </BreadcrumbRootItemContainer>
47
- <BreadcrumbContainer collapsing="wrap">
48
- <BreadcrumbItem>
49
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
50
- <BreadcrumbLink focus>
51
- <span className="test"></span>
52
- <BreadcrumbItemText text="Text item"></BreadcrumbItemText>
53
- </BreadcrumbLink>
54
- </BreadcrumbItem>
55
- <BreadcrumbItem>
56
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
57
- <BreadcrumbLink icon focus>
58
- <Icon icon="clock" />
59
- </BreadcrumbLink>
60
- </BreadcrumbItem>
61
- </BreadcrumbContainer>
62
- </Breadcrumb>
63
-
64
- <Breadcrumb collapsing="wrap" size="large">
65
- <BreadcrumbRootItemContainer>
66
- <BreadcrumbItem root>
67
- <BreadcrumbLink root icontext focus>
68
- <Icon icon="home" />
69
- <BreadcrumbItemText text="Home"></BreadcrumbItemText>
70
- </BreadcrumbLink>
71
- </BreadcrumbItem>
72
- </BreadcrumbRootItemContainer>
73
- <BreadcrumbContainer collapsing="wrap">
74
- <BreadcrumbItem>
75
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
76
- <BreadcrumbLink focus>
77
- <span className="test"></span>
78
- <BreadcrumbItemText text="Text item"></BreadcrumbItemText>
79
- </BreadcrumbLink>
80
- </BreadcrumbItem>
81
- <BreadcrumbItem>
82
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
83
- <BreadcrumbLink icon focus>
84
- <Icon icon="clock" />
85
- </BreadcrumbLink>
86
- </BreadcrumbItem>
87
- </BreadcrumbContainer>
88
- </Breadcrumb>
12
+ {Breadcrumb.options.size.map( (size) => (
13
+ <BreadcrumbRoot collapsing="wrap" size={size}>
14
+ <BreadcrumbRootItemContainer>
15
+ <BreadcrumbItem root>
16
+ <BreadcrumbLink root icontext focus>
17
+ <Icon icon="home" />
18
+ <BreadcrumbItemText text="Home"></BreadcrumbItemText>
19
+ </BreadcrumbLink>
20
+ </BreadcrumbItem>
21
+ </BreadcrumbRootItemContainer>
22
+ <BreadcrumbContainer collapsing="wrap">
23
+ <BreadcrumbItem>
24
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
25
+ <BreadcrumbLink focus>
26
+ <BreadcrumbItemText text="Text item"></BreadcrumbItemText>
27
+ </BreadcrumbLink>
28
+ </BreadcrumbItem>
29
+ <BreadcrumbItem last>
30
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
31
+ <BreadcrumbLink icon focus>
32
+ <Icon icon="clock" />
33
+ </BreadcrumbLink>
34
+ </BreadcrumbItem>
35
+ </BreadcrumbContainer>
36
+ </BreadcrumbRoot>
37
+ ))}
89
38
  </div>
90
39
  </>
91
40
  );