@progress/kendo-themes-html 7.0.3-dev.0 → 7.0.3-dev.2

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 (349) 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/dropzone/dropzone.spec.js +11 -9
  33. package/dist/cjs/dropzone/templates/dropzone-normal.js +4364 -0
  34. package/dist/cjs/dropzone/templates/dropzone-with-note.js +4370 -0
  35. package/dist/cjs/dropzone/tests/dropzone-states.js +4386 -0
  36. package/dist/cjs/dropzone/tests/dropzone.js +37 -19
  37. package/dist/cjs/editor/tests/editor-find-replace.js +225 -52
  38. package/dist/cjs/editor/tests/editor-image-editor.js +936 -15
  39. package/dist/cjs/editor/tests/editor-table-wizard.js +301 -128
  40. package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +529 -453
  41. package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +529 -453
  42. package/dist/cjs/filemanager/tests/filemanager-gridview.js +594 -518
  43. package/dist/cjs/filemanager/tests/filemanager-listview.js +548 -472
  44. package/dist/cjs/filemanager/tests/filemanager-preview.js +647 -571
  45. package/dist/cjs/form/templates/form-horizontal.js +5920 -0
  46. package/dist/cjs/form/templates/form-normal.js +5919 -0
  47. package/dist/cjs/form/tests/form-field-dateinputs.js +895 -58
  48. package/dist/cjs/form/tests/form-field-dropdowns.js +394 -59
  49. package/dist/cjs/form/tests/form-field-fieldset.js +1003 -27
  50. package/dist/cjs/form/tests/form-field-inputs-rtl.js +898 -238
  51. package/dist/cjs/form/tests/form-field-inputs.js +2304 -1664
  52. package/dist/cjs/form/tests/form-grid-layout.js +192 -22
  53. package/dist/cjs/form/tests/form-misc.js +874 -43
  54. package/dist/cjs/form/tests/form-sizes.js +680 -505
  55. package/dist/cjs/gantt/tests/gantt-editing-popup-general.js +202 -29
  56. package/dist/cjs/gantt/tests/gantt-editing-popup-other.js +684 -29
  57. package/dist/cjs/grid/tests/grid-angular.js +156 -146
  58. package/dist/cjs/grid/tests/grid-column-resizing-actions.js +279 -106
  59. package/dist/cjs/grid/tests/grid-editing-popup.js +187 -14
  60. package/dist/cjs/grid/tests/grid-rtl-angular.js +102 -92
  61. package/dist/cjs/grid/tests/grid-rtl.js +95 -85
  62. package/dist/cjs/grid/tests/grid-selection-aggregates.js +104 -94
  63. package/dist/cjs/grid/tests/grid-size-sm-comp-sm.js +480 -470
  64. package/dist/cjs/grid/tests/grid-size-sm.js +480 -470
  65. package/dist/cjs/grid/tests/grid-virtualization.js +418 -408
  66. package/dist/cjs/grid/tests/grid.js +120 -110
  67. package/dist/cjs/imageeditor/tests/imageeditor-crop-pane.js +217 -44
  68. package/dist/cjs/imageeditor/tests/imageeditor-resize-pane.js +205 -32
  69. package/dist/cjs/index.js +4482 -4153
  70. package/dist/cjs/loader/templates/loader-container-normal.js +250 -0
  71. package/dist/cjs/loader/templates/loader-converging.js +250 -0
  72. package/dist/cjs/loader/templates/loader-infinite.js +250 -0
  73. package/dist/cjs/loader/templates/loader-normal.js +250 -0
  74. package/dist/cjs/loader/tests/{loader-sizes.js → loader-colors.js} +32 -23
  75. package/dist/cjs/loader/tests/loader-container-colors.js +20 -25
  76. package/dist/cjs/loader/tests/loader-container-overlay.js +26 -13
  77. package/dist/cjs/loader/tests/loader-container.js +27 -20
  78. package/dist/cjs/loader/tests/loader.js +27 -46
  79. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js +28 -21
  80. package/dist/cjs/scheduler/tests/scheduler-edit-dialog.js +309 -125
  81. package/dist/cjs/scheduler/tests/scheduler-editing-weekly.js +420 -236
  82. package/dist/cjs/skeleton/index.js +28 -1
  83. package/dist/cjs/skeleton/templates/skeleton-circle.js +83 -0
  84. package/dist/cjs/skeleton/templates/skeleton-normal.js +77 -0
  85. package/dist/cjs/skeleton/templates/skeleton-rectangle.js +83 -0
  86. package/dist/cjs/skeleton/tests/skeleton.js +38 -14
  87. package/dist/cjs/spreadsheet/tests/spreadsheet-data-validation.js +370 -322
  88. package/dist/cjs/spreadsheet/tests/spreadsheet-file-dialogs.js +548 -368
  89. package/dist/cjs/spreadsheet/tests/spreadsheet-find-replace-dialog.js +450 -277
  90. package/dist/cjs/spreadsheet/tests/spreadsheet-format-dialogs.js +950 -777
  91. package/dist/cjs/spreadsheet/tests/spreadsheet-formula-dialog.js +308 -28
  92. package/dist/cjs/spreadsheet/tests/spreadsheet-insert-dialogs.js +1119 -933
  93. package/dist/cjs/spreadsheet/tests/spreadsheet-print.js +782 -734
  94. package/dist/cjs/spreadsheet/tests/spreadsheet-sheets-bar.js +924 -67
  95. package/dist/cjs/taskboard/tests/taskboard-pane.js +299 -126
  96. package/dist/cjs/treelist/tests/treelist-editing-popup.js +673 -18
  97. package/dist/esm/badge/templates/badge-normal.js +4354 -0
  98. package/dist/esm/badge/templates/icon-badge.js +4360 -0
  99. package/dist/esm/badge/tests/badge-cutout-border.js +4405 -0
  100. package/dist/esm/badge/tests/badge-misc.js +62 -72
  101. package/dist/esm/badge/tests/badge-outline.js +4376 -0
  102. package/dist/esm/badge/tests/badge-position-outline.js +4438 -0
  103. package/dist/esm/badge/tests/badge-position-solid.js +4438 -0
  104. package/dist/esm/badge/tests/badge-size.js +4242 -64
  105. package/dist/esm/badge/tests/badge-solid.js +4376 -0
  106. package/dist/esm/breadcrumb/breadcrumb-link.js +1 -0
  107. package/dist/esm/breadcrumb/templates/breadcrumb-adaptive.js +4507 -0
  108. package/dist/esm/breadcrumb/templates/breadcrumb-normal.js +4504 -0
  109. package/dist/esm/breadcrumb/{tests/breadcrumb-adaptive.js → templates/breadcrumb-root-adaptive.js} +258 -261
  110. package/dist/esm/breadcrumb/templates/breadcrumb-root.js +4526 -0
  111. package/dist/esm/breadcrumb/tests/breadcrumb-items-rtl.js +5186 -0
  112. package/dist/esm/breadcrumb/tests/breadcrumb-items.js +5186 -0
  113. package/dist/esm/breadcrumb/tests/breadcrumb-rtl.js +470 -946
  114. package/dist/esm/breadcrumb/tests/breadcrumb-size.js +56 -54
  115. package/dist/esm/breadcrumb/tests/breadcrumb.js +406 -952
  116. package/dist/esm/captcha/captcha.spec.js +24 -8
  117. package/dist/esm/captcha/{tests/captcha-loading.js → templates/captcha-normal.js} +28 -15
  118. package/dist/esm/captcha/tests/captcha-rtl.js +4971 -0
  119. package/dist/esm/captcha/tests/captcha.js +36 -13
  120. package/dist/esm/chat/chat.spec.js +4 -4
  121. package/dist/esm/chat/templates/chat-normal.js +5126 -0
  122. package/dist/esm/chat/templates/chat-with-options.js +5127 -0
  123. package/dist/esm/chat/templates/chat-with-toolbar.js +5128 -0
  124. package/dist/esm/chat/tests/chat-content-rtl.js +5439 -0
  125. package/dist/esm/chat/tests/{chat-scrollable-deck.js → chat-content.js} +111 -33
  126. package/dist/esm/chat/tests/chat-rtl.js +300 -472
  127. package/dist/esm/chat/tests/chat.js +295 -483
  128. package/dist/esm/dropzone/dropzone.spec.js +11 -9
  129. package/dist/esm/dropzone/templates/dropzone-normal.js +4348 -0
  130. package/dist/esm/dropzone/templates/dropzone-with-note.js +4354 -0
  131. package/dist/esm/dropzone/tests/dropzone-states.js +4370 -0
  132. package/dist/esm/dropzone/tests/dropzone.js +34 -16
  133. package/dist/esm/editor/tests/editor-find-replace.js +225 -52
  134. package/dist/esm/editor/tests/editor-image-editor.js +936 -15
  135. package/dist/esm/editor/tests/editor-table-wizard.js +301 -128
  136. package/dist/esm/filemanager/tests/filemanager-contextmenu.js +529 -453
  137. package/dist/esm/filemanager/tests/filemanager-drag-hint.js +529 -453
  138. package/dist/esm/filemanager/tests/filemanager-gridview.js +594 -518
  139. package/dist/esm/filemanager/tests/filemanager-listview.js +548 -472
  140. package/dist/esm/filemanager/tests/filemanager-preview.js +647 -571
  141. package/dist/esm/form/templates/form-horizontal.js +5904 -0
  142. package/dist/esm/form/templates/form-normal.js +5903 -0
  143. package/dist/esm/form/tests/form-field-dateinputs.js +895 -58
  144. package/dist/esm/form/tests/form-field-dropdowns.js +395 -60
  145. package/dist/esm/form/tests/form-field-fieldset.js +1003 -27
  146. package/dist/esm/form/tests/form-field-inputs-rtl.js +898 -238
  147. package/dist/esm/form/tests/form-field-inputs.js +2317 -1677
  148. package/dist/esm/form/tests/form-grid-layout.js +192 -22
  149. package/dist/esm/form/tests/form-misc.js +874 -43
  150. package/dist/esm/form/tests/form-sizes.js +680 -505
  151. package/dist/esm/gantt/tests/gantt-editing-popup-general.js +202 -29
  152. package/dist/esm/gantt/tests/gantt-editing-popup-other.js +684 -29
  153. package/dist/esm/grid/tests/grid-angular.js +126 -116
  154. package/dist/esm/grid/tests/grid-column-resizing-actions.js +279 -106
  155. package/dist/esm/grid/tests/grid-editing-popup.js +187 -14
  156. package/dist/esm/grid/tests/grid-rtl-angular.js +84 -74
  157. package/dist/esm/grid/tests/grid-rtl.js +80 -70
  158. package/dist/esm/grid/tests/grid-selection-aggregates.js +76 -66
  159. package/dist/esm/grid/tests/grid-size-sm-comp-sm.js +383 -373
  160. package/dist/esm/grid/tests/grid-size-sm.js +383 -373
  161. package/dist/esm/grid/tests/grid-virtualization.js +366 -356
  162. package/dist/esm/grid/tests/grid.js +100 -90
  163. package/dist/esm/imageeditor/tests/imageeditor-crop-pane.js +217 -44
  164. package/dist/esm/imageeditor/tests/imageeditor-resize-pane.js +205 -32
  165. package/dist/esm/index.js +4462 -4133
  166. package/dist/esm/loader/templates/loader-container-normal.js +228 -0
  167. package/dist/esm/loader/templates/loader-converging.js +228 -0
  168. package/dist/esm/loader/templates/loader-infinite.js +228 -0
  169. package/dist/esm/loader/templates/loader-normal.js +228 -0
  170. package/dist/esm/loader/tests/{loader-sizes.js → loader-colors.js} +29 -20
  171. package/dist/esm/loader/tests/loader-container-colors.js +19 -24
  172. package/dist/esm/loader/tests/loader-container-overlay.js +24 -11
  173. package/dist/esm/loader/tests/loader-container.js +25 -18
  174. package/dist/esm/loader/tests/loader.js +27 -46
  175. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page.js +26 -19
  176. package/dist/esm/scheduler/tests/scheduler-edit-dialog.js +309 -125
  177. package/dist/esm/scheduler/tests/scheduler-editing-weekly.js +420 -236
  178. package/dist/esm/skeleton/index.js +28 -1
  179. package/dist/esm/skeleton/templates/skeleton-circle.js +61 -0
  180. package/dist/esm/skeleton/templates/skeleton-normal.js +55 -0
  181. package/dist/esm/skeleton/templates/skeleton-rectangle.js +61 -0
  182. package/dist/esm/skeleton/tests/skeleton.js +35 -11
  183. package/dist/esm/spreadsheet/tests/spreadsheet-data-validation.js +370 -322
  184. package/dist/esm/spreadsheet/tests/spreadsheet-file-dialogs.js +549 -369
  185. package/dist/esm/spreadsheet/tests/spreadsheet-find-replace-dialog.js +451 -278
  186. package/dist/esm/spreadsheet/tests/spreadsheet-format-dialogs.js +948 -775
  187. package/dist/esm/spreadsheet/tests/spreadsheet-formula-dialog.js +309 -29
  188. package/dist/esm/spreadsheet/tests/spreadsheet-insert-dialogs.js +1124 -938
  189. package/dist/esm/spreadsheet/tests/spreadsheet-print.js +587 -539
  190. package/dist/esm/spreadsheet/tests/spreadsheet-sheets-bar.js +925 -68
  191. package/dist/esm/taskboard/tests/taskboard-pane.js +299 -126
  192. package/dist/esm/treelist/tests/treelist-editing-popup.js +673 -18
  193. package/dist/types/badge/index.d.ts +2 -0
  194. package/dist/types/badge/templates/badge-normal.d.ts +1 -0
  195. package/dist/types/badge/templates/icon-badge.d.ts +1 -0
  196. package/dist/types/breadcrumb/breadcrumb-link.d.ts +4 -1
  197. package/dist/types/breadcrumb/index.d.ts +4 -0
  198. package/dist/types/breadcrumb/templates/breadcrumb-adaptive.d.ts +1 -0
  199. package/dist/types/breadcrumb/templates/breadcrumb-normal.d.ts +1 -0
  200. package/dist/types/breadcrumb/templates/breadcrumb-root-adaptive.d.ts +1 -0
  201. package/dist/types/breadcrumb/templates/breadcrumb-root.d.ts +1 -0
  202. package/dist/types/breadcrumb/tests/breadcrumb-items.d.ts +2 -0
  203. package/dist/types/captcha/index.d.ts +1 -0
  204. package/dist/types/captcha/templates/captcha-normal.d.ts +1 -0
  205. package/dist/types/captcha/tests/captcha-rtl.d.ts +2 -0
  206. package/dist/types/chat/index.d.ts +3 -0
  207. package/dist/types/chat/templates/chat-normal.d.ts +1 -0
  208. package/dist/types/chat/templates/chat-with-options.d.ts +1 -0
  209. package/dist/types/chat/templates/chat-with-toolbar.d.ts +1 -0
  210. package/dist/types/chat/tests/chat-content-rtl.d.ts +2 -0
  211. package/dist/types/chat/tests/chat-content.d.ts +2 -0
  212. package/dist/types/dropzone/dropzone.spec.d.ts +12 -3
  213. package/dist/types/dropzone/index.d.ts +2 -0
  214. package/dist/types/dropzone/templates/dropzone-normal.d.ts +1 -0
  215. package/dist/types/dropzone/templates/dropzone-with-note.d.ts +1 -0
  216. package/dist/types/dropzone/tests/dropzone-states.d.ts +2 -0
  217. package/dist/types/form/index.d.ts +2 -0
  218. package/dist/types/form/templates/form-horizontal.d.ts +1 -0
  219. package/dist/types/form/templates/form-normal.d.ts +1 -0
  220. package/dist/types/index.d.ts +1 -0
  221. package/dist/types/loader/index.d.ts +4 -0
  222. package/dist/types/loader/templates/loader-container-normal.d.ts +1 -0
  223. package/dist/types/loader/templates/loader-converging.d.ts +1 -0
  224. package/dist/types/loader/templates/loader-infinite.d.ts +1 -0
  225. package/dist/types/loader/templates/loader-normal.d.ts +1 -0
  226. package/dist/types/loader/tests/loader-colors.d.ts +2 -0
  227. package/dist/types/skeleton/index.d.ts +3 -0
  228. package/dist/types/skeleton/templates/skeleton-circle.d.ts +1 -0
  229. package/dist/types/skeleton/templates/skeleton-normal.d.ts +1 -0
  230. package/dist/types/skeleton/templates/skeleton-rectangle.d.ts +1 -0
  231. package/package.json +2 -2
  232. package/src/badge/index.ts +2 -0
  233. package/src/badge/templates/badge-normal.tsx +3 -0
  234. package/src/badge/templates/icon-badge.tsx +11 -0
  235. package/src/badge/tests/badge-cutout-border.tsx +91 -0
  236. package/src/badge/tests/badge-misc.tsx +73 -136
  237. package/src/badge/tests/badge-outline.tsx +29 -0
  238. package/src/badge/tests/badge-position-outline.tsx +171 -0
  239. package/src/badge/tests/{badge-position.tsx → badge-position-solid.tsx} +36 -36
  240. package/src/badge/tests/badge-size.tsx +28 -65
  241. package/src/badge/tests/badge-solid.tsx +29 -0
  242. package/src/breadcrumb/breadcrumb-link.tsx +2 -0
  243. package/src/breadcrumb/index.ts +4 -0
  244. package/src/breadcrumb/templates/breadcrumb-adaptive.tsx +37 -0
  245. package/src/breadcrumb/templates/breadcrumb-normal.tsx +36 -0
  246. package/src/breadcrumb/templates/breadcrumb-root-adaptive.tsx +45 -0
  247. package/src/breadcrumb/templates/breadcrumb-root.tsx +41 -0
  248. package/src/breadcrumb/tests/breadcrumb-items-rtl.tsx +194 -0
  249. package/src/breadcrumb/tests/breadcrumb-items.tsx +194 -0
  250. package/src/breadcrumb/tests/breadcrumb-rtl.tsx +107 -187
  251. package/src/breadcrumb/tests/breadcrumb-size.tsx +27 -78
  252. package/src/breadcrumb/tests/breadcrumb.tsx +59 -253
  253. package/src/captcha/captcha.spec.tsx +2 -2
  254. package/src/captcha/index.ts +1 -0
  255. package/src/captcha/templates/captcha-normal.tsx +5 -0
  256. package/src/captcha/tests/captcha-rtl.tsx +16 -0
  257. package/src/captcha/tests/captcha.tsx +9 -6
  258. package/src/chat/chat.spec.tsx +4 -4
  259. package/src/chat/index.ts +3 -0
  260. package/src/chat/templates/chat-normal.tsx +23 -0
  261. package/src/chat/templates/chat-with-options.tsx +25 -0
  262. package/src/chat/templates/chat-with-toolbar.tsx +26 -0
  263. package/src/chat/tests/chat-content-rtl.tsx +166 -0
  264. package/src/chat/tests/chat-content.tsx +166 -0
  265. package/src/chat/tests/chat-rtl.tsx +28 -40
  266. package/src/chat/tests/chat.tsx +22 -78
  267. package/src/dropzone/dropzone.spec.tsx +13 -5
  268. package/src/dropzone/index.ts +2 -0
  269. package/src/dropzone/templates/dropzone-normal.tsx +3 -0
  270. package/src/dropzone/templates/dropzone-with-note.tsx +7 -0
  271. package/src/dropzone/tests/dropzone-states.tsx +22 -0
  272. package/src/dropzone/tests/dropzone.tsx +11 -9
  273. package/src/editor/tests/editor-find-replace.tsx +5 -5
  274. package/src/editor/tests/editor-image-editor.tsx +3 -3
  275. package/src/editor/tests/editor-table-wizard.tsx +7 -7
  276. package/src/filemanager/tests/filemanager-contextmenu.tsx +3 -3
  277. package/src/filemanager/tests/filemanager-drag-hint.tsx +3 -3
  278. package/src/filemanager/tests/filemanager-gridview.tsx +5 -5
  279. package/src/filemanager/tests/filemanager-listview.tsx +5 -5
  280. package/src/filemanager/tests/filemanager-preview.tsx +7 -7
  281. package/src/form/index.ts +2 -0
  282. package/src/form/templates/form-horizontal.tsx +48 -0
  283. package/src/form/templates/form-normal.tsx +47 -0
  284. package/src/form/tests/form-field-dateinputs.tsx +9 -9
  285. package/src/form/tests/form-field-dropdowns.tsx +9 -9
  286. package/src/form/tests/form-field-fieldset.tsx +9 -7
  287. package/src/form/tests/form-field-inputs-rtl.tsx +10 -10
  288. package/src/form/tests/form-field-inputs.tsx +37 -69
  289. package/src/form/tests/form-grid-layout.tsx +3 -9
  290. package/src/form/tests/form-misc.tsx +7 -22
  291. package/src/form/tests/form-sizes.tsx +27 -59
  292. package/src/gantt/tests/gantt-editing-popup-general.tsx +3 -3
  293. package/src/gantt/tests/gantt-editing-popup-other.tsx +3 -3
  294. package/src/grid/tests/grid-angular.tsx +2 -2
  295. package/src/grid/tests/grid-column-resizing-actions.tsx +3 -3
  296. package/src/grid/tests/grid-editing-popup.tsx +3 -3
  297. package/src/grid/tests/grid-rtl-angular.tsx +3 -3
  298. package/src/grid/tests/grid-rtl.tsx +3 -3
  299. package/src/grid/tests/grid-selection-aggregates.tsx +5 -5
  300. package/src/grid/tests/grid-size-sm-comp-sm.tsx +3 -3
  301. package/src/grid/tests/grid-size-sm.tsx +3 -3
  302. package/src/grid/tests/grid-virtualization.tsx +201 -201
  303. package/src/grid/tests/grid.tsx +3 -3
  304. package/src/imageeditor/tests/imageeditor-crop-pane.tsx +3 -3
  305. package/src/imageeditor/tests/imageeditor-resize-pane.tsx +3 -3
  306. package/src/index.ts +1 -1
  307. package/src/loader/index.ts +4 -0
  308. package/src/loader/templates/loader-container-normal.tsx +5 -0
  309. package/src/loader/templates/loader-converging.tsx +5 -0
  310. package/src/loader/templates/loader-infinite.tsx +5 -0
  311. package/src/loader/templates/loader-normal.tsx +5 -0
  312. package/src/loader/tests/loader-colors.tsx +34 -0
  313. package/src/loader/tests/loader-container-colors.tsx +11 -52
  314. package/src/loader/tests/loader-container-overlay.tsx +5 -5
  315. package/src/loader/tests/loader-container.tsx +16 -35
  316. package/src/loader/tests/loader.tsx +15 -129
  317. package/src/pdf-viewer/tests/pdf-viewer-blank-page.tsx +2 -2
  318. package/src/scheduler/tests/scheduler-edit-dialog.tsx +3 -3
  319. package/src/scheduler/tests/scheduler-editing-weekly.tsx +3 -3
  320. package/src/skeleton/index.tsx +3 -0
  321. package/src/skeleton/templates/skeleton-circle.tsx +7 -0
  322. package/src/skeleton/templates/skeleton-normal.tsx +3 -0
  323. package/src/skeleton/templates/skeleton-rectangle.tsx +7 -0
  324. package/src/skeleton/tests/skeleton.tsx +10 -10
  325. package/src/spreadsheet/tests/spreadsheet-data-validation.tsx +3 -3
  326. package/src/spreadsheet/tests/spreadsheet-file-dialogs.tsx +5 -5
  327. package/src/spreadsheet/tests/spreadsheet-find-replace-dialog.tsx +3 -3
  328. package/src/spreadsheet/tests/spreadsheet-format-dialogs.tsx +5 -5
  329. package/src/spreadsheet/tests/spreadsheet-formula-dialog.tsx +3 -3
  330. package/src/spreadsheet/tests/spreadsheet-insert-dialogs.tsx +11 -11
  331. package/src/spreadsheet/tests/spreadsheet-print.tsx +5 -5
  332. package/src/spreadsheet/tests/spreadsheet-sheets-bar.tsx +3 -3
  333. package/src/taskboard/tests/taskboard-pane.tsx +5 -5
  334. package/src/treelist/tests/treelist-editing-popup.tsx +3 -3
  335. package/dist/cjs/badge/tests/badge-position.js +0 -250
  336. package/dist/cjs/badge/tests/badge.js +0 -357
  337. package/dist/esm/badge/tests/badge-position.js +0 -228
  338. package/dist/esm/badge/tests/badge.js +0 -335
  339. package/src/badge/tests/badge.tsx +0 -221
  340. package/src/breadcrumb/tests/breadcrumb-adaptive.tsx +0 -82
  341. package/src/captcha/tests/captcha-loading.tsx +0 -13
  342. package/src/chat/tests/chat-scrollable-deck.tsx +0 -64
  343. package/src/loader/tests/loader-sizes.tsx +0 -54
  344. /package/dist/types/badge/tests/{badge-position.d.ts → badge-cutout-border.d.ts} +0 -0
  345. /package/dist/types/badge/tests/{badge.d.ts → badge-outline.d.ts} +0 -0
  346. /package/dist/types/{breadcrumb/tests/breadcrumb-adaptive.d.ts → badge/tests/badge-position-outline.d.ts} +0 -0
  347. /package/dist/types/{captcha/tests/captcha-loading.d.ts → badge/tests/badge-position-solid.d.ts} +0 -0
  348. /package/dist/types/{chat/tests/chat-scrollable-deck.d.ts → badge/tests/badge-solid.d.ts} +0 -0
  349. /package/dist/types/{loader/tests/loader-sizes.d.ts → breadcrumb/tests/breadcrumb-items-rtl.d.ts} +0 -0
package/dist/esm/badge/tests/badge.js DELETED
@@ -1,335 +0,0 @@
1
- // src/misc/class-names.ts
2
- var classNames = (...args) => {
3
- return args.filter((arg) => arg !== true && Boolean(arg)).map((arg) => {
4
- return Array.isArray(arg) ? classNames(...arg) : typeof arg === "object" ? Object.keys(arg).map((key, idx) => arg[idx] || arg[key] && key || null).filter((el) => el !== null).join(" ") : arg;
5
- }).filter((arg) => Boolean(arg)).join(" ");
6
- };
7
-
8
- // src/misc/component-class-names.ts
9
- var optionClassNames = (componentClassName, props) => {
10
- return classNames(
11
- {
12
- [`${componentClassName}-xs`]: props.size === "xsmall",
13
- [`${componentClassName}-sm`]: props.size === "small",
14
- [`${componentClassName}-md`]: props.size === "medium",
15
- [`${componentClassName}-lg`]: props.size === "large",
16
- [`${componentClassName}-xl`]: props.size === "xlarge",
17
- [`${componentClassName}-xxl`]: props.size === "xxlarge",
18
- [`${componentClassName}-xxxl`]: props.size === "xxxlarge"
19
- },
20
- {
21
- [`${componentClassName}-${props.fillMode}`]: props.fillMode
22
- },
23
- {
24
- [`${componentClassName}-${props.fillMode}-${props.themeColor}`]: props.fillMode && props.themeColor
25
- },
26
- {
27
- [`${componentClassName}-${props.themeColor}`]: props.themeColor && props.fillMode === void 0
28
- },
29
- {
30
- "k-rounded-sm": props.rounded === "small",
31
- "k-rounded-md": props.rounded === "medium",
32
- "k-rounded-lg": props.rounded === "large",
33
- "k-rounded-full": props.rounded === "full"
34
- }
35
- );
36
- };
37
-
38
- // src/misc/theme.ts
39
- var Size = {
40
- "xsmall": "xsmall",
41
- "small": "small",
42
- "medium": "medium",
43
- "large": "large",
44
- "xlarge": "xlarge",
45
- "xxlarge": "xxlarge",
46
- "xxxlarge": "xxxlarge"
47
- };
48
- var Roundness = {
49
- "small": "small",
50
- "medium": "medium",
51
- "large": "large",
52
- "full": "full"
53
- };
54
- var FillMode = {
55
- "solid": "solid",
56
- "flat": "flat",
57
- "outline": "outline",
58
- "clear": "clear",
59
- "link": "link"
60
- };
61
- var ThemeColor = {
62
- "inherit": "inherit",
63
- "base": "base",
64
- "primary": "primary",
65
- "secondary": "secondary",
66
- "tertiary": "tertiary",
67
- "info": "info",
68
- "success": "success",
69
- "warning": "warning",
70
- "error": "error",
71
- "dark": "dark",
72
- "light": "light",
73
- "inverse": "inverse"
74
- };
75
-
76
- // src/badge/badge.spec.tsx
77
- import { jsx } from "react/jsx-runtime";
78
- var BADGE_CLASSNAME = `k-badge`;
79
- var states = [];
80
- var options = {
81
- size: [Size.small, Size.medium, Size.large],
82
- rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
83
- fillMode: [FillMode.solid, FillMode.outline],
84
- themeColor: [
85
- ThemeColor.base,
86
- ThemeColor.primary,
87
- ThemeColor.secondary,
88
- ThemeColor.tertiary,
89
- ThemeColor.success,
90
- ThemeColor.warning,
91
- ThemeColor.error,
92
- ThemeColor.info,
93
- ThemeColor.light,
94
- ThemeColor.dark,
95
- ThemeColor.inverse
96
- ]
97
- };
98
- var defaultProps = {
99
- size: Size.medium,
100
- fillMode: FillMode.solid,
101
- themeColor: ThemeColor.primary,
102
- cutoutBorder: false
103
- };
104
- var Badge = (props) => {
105
- const {
106
- size = defaultProps.size,
107
- rounded,
108
- fillMode = defaultProps.fillMode,
109
- themeColor = defaultProps.themeColor,
110
- cutoutBorder = defaultProps.cutoutBorder,
111
- position,
112
- align,
113
- ...other
114
- } = props;
115
- return /* @__PURE__ */ jsx(
116
- "span",
117
- {
118
- ...other,
119
- className: classNames(
120
- props.className,
121
- BADGE_CLASSNAME,
122
- optionClassNames(BADGE_CLASSNAME, {
123
- size,
124
- rounded,
125
- fillMode,
126
- themeColor
127
- }),
128
- {
129
- [`${BADGE_CLASSNAME}-${position}`]: position,
130
- [`k-${align}`]: align,
131
- [`${BADGE_CLASSNAME}-border-cutout`]: cutoutBorder
132
- }
133
- ),
134
- children: props.children
135
- }
136
- );
137
- };
138
- Badge.states = states;
139
- Badge.options = options;
140
- Badge.className = BADGE_CLASSNAME;
141
- Badge.defaultProps = defaultProps;
142
-
143
- // src/badge/tests/badge.tsx
144
- import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
145
- var badge_default = () => /* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsxs("div", { id: "test-area", className: "k-d-grid k-grid-cols-9", children: [
146
- /* @__PURE__ */ jsx2("span", {}),
147
- /* @__PURE__ */ jsx2("span", { className: "col-2", children: "Rectangle" }),
148
- /* @__PURE__ */ jsx2("span", { className: "col-2", children: "Rounded" }),
149
- /* @__PURE__ */ jsx2("span", { className: "col-2", children: "Pill" }),
150
- /* @__PURE__ */ jsx2("span", { className: "col", children: "Circle" }),
151
- /* @__PURE__ */ jsx2("span", { className: "col", children: "Dot" }),
152
- /* @__PURE__ */ jsx2("span", { children: "Primary" }),
153
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { children: "Rectangle" }) }),
154
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, {}) }),
155
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { rounded: "medium", children: "Rounded" }) }),
156
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { rounded: "medium" }) }),
157
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { rounded: "full", children: "Pill" }) }),
158
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { rounded: "full" }) }),
159
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { rounded: "full", children: "1" }) }),
160
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { rounded: "full" }) }),
161
- /* @__PURE__ */ jsx2("span", { children: "^ outline" }),
162
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", children: "Rectangle" }) }),
163
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline" }) }),
164
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", rounded: "medium", children: "Rounded" }) }),
165
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", rounded: "medium" }) }),
166
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", rounded: "full", children: "Pill" }) }),
167
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", rounded: "full" }) }),
168
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", rounded: "full", children: "1" }) }),
169
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", rounded: "full" }) }),
170
- /* @__PURE__ */ jsx2("span", { children: "Secondary" }),
171
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "secondary", children: "Rectangle" }) }),
172
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "secondary" }) }),
173
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "secondary", rounded: "medium", children: "Rounded" }) }),
174
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "secondary", rounded: "medium" }) }),
175
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "secondary", rounded: "full", children: "Pill" }) }),
176
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "secondary", rounded: "full" }) }),
177
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "secondary", rounded: "full", children: "1" }) }),
178
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "secondary", rounded: "full" }) }),
179
- /* @__PURE__ */ jsx2("span", { children: "^ outline" }),
180
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "secondary", children: "Rectangle" }) }),
181
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "secondary" }) }),
182
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "secondary", rounded: "medium", children: "Rounded" }) }),
183
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "secondary", rounded: "medium" }) }),
184
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "secondary", rounded: "full", children: "Pill" }) }),
185
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "secondary", rounded: "full" }) }),
186
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "secondary", rounded: "full", children: "1" }) }),
187
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "secondary", rounded: "full" }) }),
188
- /* @__PURE__ */ jsx2("span", { children: "Tertiary" }),
189
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "tertiary", children: "Rectangle" }) }),
190
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "tertiary" }) }),
191
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "tertiary", rounded: "medium", children: "Rounded" }) }),
192
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "tertiary", rounded: "medium" }) }),
193
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "tertiary", rounded: "full", children: "Pill" }) }),
194
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "tertiary", rounded: "full" }) }),
195
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "tertiary", rounded: "full", children: "1" }) }),
196
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "tertiary", rounded: "full" }) }),
197
- /* @__PURE__ */ jsx2("span", { children: "^ outline" }),
198
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "tertiary", children: "Rectangle" }) }),
199
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "tertiary" }) }),
200
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "tertiary", rounded: "medium", children: "Rounded" }) }),
201
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "tertiary", rounded: "medium" }) }),
202
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "tertiary", rounded: "full", children: "Pill" }) }),
203
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "tertiary", rounded: "full" }) }),
204
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "tertiary", rounded: "full", children: "1" }) }),
205
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "tertiary", rounded: "full" }) }),
206
- /* @__PURE__ */ jsx2("span", { children: "Info" }),
207
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "info", children: "Rectangle" }) }),
208
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "info" }) }),
209
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "info", rounded: "medium", children: "Rounded" }) }),
210
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "info", rounded: "medium" }) }),
211
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "info", rounded: "full", children: "Pill" }) }),
212
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "info", rounded: "full" }) }),
213
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "info", rounded: "full", children: "1" }) }),
214
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "info", rounded: "full" }) }),
215
- /* @__PURE__ */ jsx2("span", { children: "^ outline" }),
216
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "info", children: "Rectangle" }) }),
217
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "info" }) }),
218
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "info", rounded: "medium", children: "Rounded" }) }),
219
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "info", rounded: "medium" }) }),
220
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "info", rounded: "full", children: "Pill" }) }),
221
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "info", rounded: "full" }) }),
222
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "info", rounded: "full", children: "1" }) }),
223
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "info", rounded: "full" }) }),
224
- /* @__PURE__ */ jsx2("span", { children: "Success" }),
225
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "success", children: "Rectangle" }) }),
226
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "success" }) }),
227
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "success", rounded: "medium", children: "Rounded" }) }),
228
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "success", rounded: "medium" }) }),
229
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "success", rounded: "full", children: "Pill" }) }),
230
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "success", rounded: "full" }) }),
231
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "success", rounded: "full", children: "1" }) }),
232
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "success", rounded: "full" }) }),
233
- /* @__PURE__ */ jsx2("span", { children: "^ outline" }),
234
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "success", children: "Rectangle" }) }),
235
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "success" }) }),
236
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "success", rounded: "medium", children: "Rounded" }) }),
237
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "success", rounded: "medium" }) }),
238
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "success", rounded: "full", children: "Pill" }) }),
239
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "success", rounded: "full" }) }),
240
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "success", rounded: "full", children: "1" }) }),
241
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "success", rounded: "full" }) }),
242
- /* @__PURE__ */ jsx2("span", { children: "Warning" }),
243
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "warning", children: "Rectangle" }) }),
244
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "warning" }) }),
245
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "warning", rounded: "medium", children: "Rounded" }) }),
246
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "warning", rounded: "medium" }) }),
247
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "warning", rounded: "full", children: "Pill" }) }),
248
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "warning", rounded: "full" }) }),
249
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "warning", rounded: "full", children: "1" }) }),
250
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "warning", rounded: "full" }) }),
251
- /* @__PURE__ */ jsx2("span", { children: "^ outline" }),
252
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "warning", children: "Rectangle" }) }),
253
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "warning" }) }),
254
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "warning", rounded: "medium", children: "Rounded" }) }),
255
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "warning", rounded: "medium" }) }),
256
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "warning", rounded: "full", children: "Pill" }) }),
257
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "warning", rounded: "full" }) }),
258
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "warning", rounded: "full", children: "1" }) }),
259
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "warning", rounded: "full" }) }),
260
- /* @__PURE__ */ jsx2("span", { children: "Error" }),
261
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "error", children: "Rectangle" }) }),
262
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "error" }) }),
263
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "error", rounded: "medium", children: "Rounded" }) }),
264
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "error", rounded: "medium" }) }),
265
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "error", rounded: "full", children: "Pill" }) }),
266
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "error", rounded: "full" }) }),
267
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "error", rounded: "full", children: "1" }) }),
268
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "error", rounded: "full" }) }),
269
- /* @__PURE__ */ jsx2("span", { children: "^ outline" }),
270
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "error", children: "Rectangle" }) }),
271
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "error" }) }),
272
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "error", rounded: "medium", children: "Rounded" }) }),
273
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "error", rounded: "medium" }) }),
274
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "error", rounded: "full", children: "Pill" }) }),
275
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "error", rounded: "full" }) }),
276
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "error", rounded: "full", children: "1" }) }),
277
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "error", rounded: "full" }) }),
278
- /* @__PURE__ */ jsx2("span", { children: "Dark" }),
279
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "dark", children: "Rectangle" }) }),
280
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "dark" }) }),
281
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "dark", rounded: "medium", children: "Rounded" }) }),
282
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "dark", rounded: "medium" }) }),
283
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "dark", rounded: "full", children: "Pill" }) }),
284
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "dark", rounded: "full" }) }),
285
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "dark", rounded: "full", children: "1" }) }),
286
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "dark", rounded: "full" }) }),
287
- /* @__PURE__ */ jsx2("span", { children: "^ outline" }),
288
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "dark", children: "Rectangle" }) }),
289
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "dark" }) }),
290
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "dark", rounded: "medium", children: "Rounded" }) }),
291
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "dark", rounded: "medium" }) }),
292
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "dark", rounded: "full", children: "Pill" }) }),
293
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "dark", rounded: "full" }) }),
294
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "dark", rounded: "full", children: "1" }) }),
295
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "dark", rounded: "full" }) }),
296
- /* @__PURE__ */ jsx2("span", { children: "light" }),
297
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "light", children: "Rectangle" }) }),
298
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "light" }) }),
299
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "light", rounded: "medium", children: "Rounded" }) }),
300
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "light", rounded: "medium" }) }),
301
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "light", rounded: "full", children: "Pill" }) }),
302
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "light", rounded: "full" }) }),
303
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "light", rounded: "full", children: "1" }) }),
304
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "light", rounded: "full" }) }),
305
- /* @__PURE__ */ jsx2("span", { children: "^ outline" }),
306
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "light", children: "Rectangle" }) }),
307
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "light" }) }),
308
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "light", rounded: "medium", children: "Rounded" }) }),
309
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "light", rounded: "medium" }) }),
310
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "light", rounded: "full", children: "Pill" }) }),
311
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "light", rounded: "full" }) }),
312
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "light", rounded: "full", children: "1" }) }),
313
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "light", rounded: "full" }) }),
314
- /* @__PURE__ */ jsx2("span", { children: "Inverse" }),
315
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "inverse", children: "Rectangle" }) }),
316
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "inverse" }) }),
317
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "inverse", rounded: "medium", children: "Rounded" }) }),
318
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "inverse", rounded: "medium" }) }),
319
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "inverse", rounded: "full", children: "Pill" }) }),
320
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "inverse", rounded: "full" }) }),
321
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "inverse", rounded: "full", children: "1" }) }),
322
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { themeColor: "inverse", rounded: "full" }) }),
323
- /* @__PURE__ */ jsx2("span", { children: "^ outline" }),
324
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "inverse", children: "Rectangle" }) }),
325
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "inverse" }) }),
326
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "inverse", rounded: "medium", children: "Rounded" }) }),
327
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "inverse", rounded: "medium" }) }),
328
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "inverse", rounded: "full", children: "Pill" }) }),
329
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "inverse", rounded: "full" }) }),
330
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "inverse", rounded: "full", children: "1" }) }),
331
- /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Badge, { fillMode: "outline", themeColor: "inverse", rounded: "full" }) })
332
- ] }) });
333
- export {
334
- badge_default as default
335
- };
package/src/badge/tests/badge.tsx DELETED
@@ -1,221 +0,0 @@
1
- import { Badge } from '../../badge';
2
-
3
- export default () =>(
4
- <>
5
- <div id="test-area" className="k-d-grid k-grid-cols-9">
6
-
7
- <span></span>
8
- <span className="col-2">Rectangle</span>
9
- <span className="col-2">Rounded</span>
10
- <span className="col-2">Pill</span>
11
- <span className="col">Circle</span>
12
- <span className="col">Dot</span>
13
-
14
-
15
- <span>Primary</span>
16
- <span><Badge>Rectangle</Badge></span>
17
- <span><Badge></Badge></span>
18
- <span><Badge rounded="medium">Rounded</Badge></span>
19
- <span><Badge rounded="medium"></Badge></span>
20
- <span><Badge rounded="full">Pill</Badge></span>
21
- <span><Badge rounded="full"></Badge></span>
22
- <span><Badge rounded="full">1</Badge></span>
23
- <span><Badge rounded="full"></Badge></span>
24
-
25
- <span>^ outline</span>
26
- <span><Badge fillMode="outline">Rectangle</Badge></span>
27
- <span><Badge fillMode="outline"></Badge></span>
28
- <span><Badge fillMode="outline" rounded="medium">Rounded</Badge></span>
29
- <span><Badge fillMode="outline" rounded="medium"></Badge></span>
30
- <span><Badge fillMode="outline" rounded="full">Pill</Badge></span>
31
- <span><Badge fillMode="outline" rounded="full"></Badge></span>
32
- <span><Badge fillMode="outline" rounded="full">1</Badge></span>
33
- <span><Badge fillMode="outline" rounded="full"></Badge></span>
34
-
35
- <span>Secondary</span>
36
- <span><Badge themeColor="secondary">Rectangle</Badge></span>
37
- <span><Badge themeColor="secondary"></Badge></span>
38
- <span><Badge themeColor="secondary" rounded="medium">Rounded</Badge></span>
39
- <span><Badge themeColor="secondary" rounded="medium"></Badge></span>
40
- <span><Badge themeColor="secondary" rounded="full">Pill</Badge></span>
41
- <span><Badge themeColor="secondary" rounded="full"></Badge></span>
42
- <span><Badge themeColor="secondary" rounded="full">1</Badge></span>
43
- <span><Badge themeColor="secondary" rounded="full"></Badge></span>
44
-
45
- <span>^ outline</span>
46
- <span><Badge fillMode="outline" themeColor="secondary">Rectangle</Badge></span>
47
- <span><Badge fillMode="outline" themeColor="secondary"></Badge></span>
48
- <span><Badge fillMode="outline" themeColor="secondary" rounded="medium">Rounded</Badge></span>
49
- <span><Badge fillMode="outline" themeColor="secondary" rounded="medium"></Badge></span>
50
- <span><Badge fillMode="outline" themeColor="secondary" rounded="full">Pill</Badge></span>
51
- <span><Badge fillMode="outline" themeColor="secondary" rounded="full"></Badge></span>
52
- <span><Badge fillMode="outline" themeColor="secondary" rounded="full">1</Badge></span>
53
- <span><Badge fillMode="outline" themeColor="secondary" rounded="full"></Badge></span>
54
-
55
- <span>Tertiary</span>
56
- <span><Badge themeColor="tertiary">Rectangle</Badge></span>
57
- <span><Badge themeColor="tertiary"></Badge></span>
58
- <span><Badge themeColor="tertiary" rounded="medium">Rounded</Badge></span>
59
- <span><Badge themeColor="tertiary" rounded="medium"></Badge></span>
60
- <span><Badge themeColor="tertiary" rounded="full">Pill</Badge></span>
61
- <span><Badge themeColor="tertiary" rounded="full"></Badge></span>
62
- <span><Badge themeColor="tertiary" rounded="full">1</Badge></span>
63
- <span><Badge themeColor="tertiary" rounded="full"></Badge></span>
64
-
65
- <span>^ outline</span>
66
- <span><Badge fillMode="outline" themeColor="tertiary">Rectangle</Badge></span>
67
- <span><Badge fillMode="outline" themeColor="tertiary"></Badge></span>
68
- <span><Badge fillMode="outline" themeColor="tertiary" rounded="medium">Rounded</Badge></span>
69
- <span><Badge fillMode="outline" themeColor="tertiary" rounded="medium"></Badge></span>
70
- <span><Badge fillMode="outline" themeColor="tertiary" rounded="full">Pill</Badge></span>
71
- <span><Badge fillMode="outline" themeColor="tertiary" rounded="full"></Badge></span>
72
- <span><Badge fillMode="outline" themeColor="tertiary" rounded="full">1</Badge></span>
73
- <span><Badge fillMode="outline" themeColor="tertiary" rounded="full"></Badge></span>
74
-
75
- <span>Info</span>
76
- <span><Badge themeColor="info">Rectangle</Badge></span>
77
- <span><Badge themeColor="info"></Badge></span>
78
- <span><Badge themeColor="info" rounded="medium">Rounded</Badge></span>
79
- <span><Badge themeColor="info" rounded="medium"></Badge></span>
80
- <span><Badge themeColor="info" rounded="full">Pill</Badge></span>
81
- <span><Badge themeColor="info" rounded="full"></Badge></span>
82
- <span><Badge themeColor="info" rounded="full">1</Badge></span>
83
- <span><Badge themeColor="info" rounded="full"></Badge></span>
84
-
85
- <span>^ outline</span>
86
- <span><Badge fillMode="outline" themeColor="info">Rectangle</Badge></span>
87
- <span><Badge fillMode="outline" themeColor="info"></Badge></span>
88
- <span><Badge fillMode="outline" themeColor="info" rounded="medium">Rounded</Badge></span>
89
- <span><Badge fillMode="outline" themeColor="info" rounded="medium"></Badge></span>
90
- <span><Badge fillMode="outline" themeColor="info" rounded="full">Pill</Badge></span>
91
- <span><Badge fillMode="outline" themeColor="info" rounded="full"></Badge></span>
92
- <span><Badge fillMode="outline" themeColor="info" rounded="full">1</Badge></span>
93
- <span><Badge fillMode="outline" themeColor="info" rounded="full"></Badge></span>
94
-
95
-
96
- <span>Success</span>
97
- <span><Badge themeColor="success">Rectangle</Badge></span>
98
- <span><Badge themeColor="success"></Badge></span>
99
- <span><Badge themeColor="success" rounded="medium">Rounded</Badge></span>
100
- <span><Badge themeColor="success" rounded="medium"></Badge></span>
101
- <span><Badge themeColor="success" rounded="full">Pill</Badge></span>
102
- <span><Badge themeColor="success" rounded="full"></Badge></span>
103
- <span><Badge themeColor="success" rounded="full">1</Badge></span>
104
- <span><Badge themeColor="success" rounded="full"></Badge></span>
105
-
106
- <span>^ outline</span>
107
- <span><Badge fillMode="outline" themeColor="success">Rectangle</Badge></span>
108
- <span><Badge fillMode="outline" themeColor="success"></Badge></span>
109
- <span><Badge fillMode="outline" themeColor="success" rounded="medium">Rounded</Badge></span>
110
- <span><Badge fillMode="outline" themeColor="success" rounded="medium"></Badge></span>
111
- <span><Badge fillMode="outline" themeColor="success" rounded="full">Pill</Badge></span>
112
- <span><Badge fillMode="outline" themeColor="success" rounded="full"></Badge></span>
113
- <span><Badge fillMode="outline" themeColor="success" rounded="full">1</Badge></span>
114
- <span><Badge fillMode="outline" themeColor="success" rounded="full"></Badge></span>
115
-
116
- <span>Warning</span>
117
- <span><Badge themeColor="warning">Rectangle</Badge></span>
118
- <span><Badge themeColor="warning"></Badge></span>
119
- <span><Badge themeColor="warning" rounded="medium">Rounded</Badge></span>
120
- <span><Badge themeColor="warning" rounded="medium"></Badge></span>
121
- <span><Badge themeColor="warning" rounded="full">Pill</Badge></span>
122
- <span><Badge themeColor="warning" rounded="full"></Badge></span>
123
- <span><Badge themeColor="warning" rounded="full">1</Badge></span>
124
- <span><Badge themeColor="warning" rounded="full"></Badge></span>
125
-
126
- <span>^ outline</span>
127
- <span><Badge fillMode="outline" themeColor="warning">Rectangle</Badge></span>
128
- <span><Badge fillMode="outline" themeColor="warning"></Badge></span>
129
- <span><Badge fillMode="outline" themeColor="warning" rounded="medium">Rounded</Badge></span>
130
- <span><Badge fillMode="outline" themeColor="warning" rounded="medium"></Badge></span>
131
- <span><Badge fillMode="outline" themeColor="warning" rounded="full">Pill</Badge></span>
132
- <span><Badge fillMode="outline" themeColor="warning" rounded="full"></Badge></span>
133
- <span><Badge fillMode="outline" themeColor="warning" rounded="full">1</Badge></span>
134
- <span><Badge fillMode="outline" themeColor="warning" rounded="full"></Badge></span>
135
-
136
-
137
- <span>Error</span>
138
- <span><Badge themeColor="error">Rectangle</Badge></span>
139
- <span><Badge themeColor="error"></Badge></span>
140
- <span><Badge themeColor="error" rounded="medium">Rounded</Badge></span>
141
- <span><Badge themeColor="error" rounded="medium"></Badge></span>
142
- <span><Badge themeColor="error" rounded="full">Pill</Badge></span>
143
- <span><Badge themeColor="error" rounded="full"></Badge></span>
144
- <span><Badge themeColor="error" rounded="full">1</Badge></span>
145
- <span><Badge themeColor="error" rounded="full"></Badge></span>
146
-
147
- <span>^ outline</span>
148
- <span><Badge fillMode="outline" themeColor="error">Rectangle</Badge></span>
149
- <span><Badge fillMode="outline" themeColor="error"></Badge></span>
150
- <span><Badge fillMode="outline" themeColor="error" rounded="medium">Rounded</Badge></span>
151
- <span><Badge fillMode="outline" themeColor="error" rounded="medium"></Badge></span>
152
- <span><Badge fillMode="outline" themeColor="error" rounded="full">Pill</Badge></span>
153
- <span><Badge fillMode="outline" themeColor="error" rounded="full"></Badge></span>
154
- <span><Badge fillMode="outline" themeColor="error" rounded="full">1</Badge></span>
155
- <span><Badge fillMode="outline" themeColor="error" rounded="full"></Badge></span>
156
-
157
-
158
- <span>Dark</span>
159
- <span><Badge themeColor="dark">Rectangle</Badge></span>
160
- <span><Badge themeColor="dark"></Badge></span>
161
- <span><Badge themeColor="dark" rounded="medium">Rounded</Badge></span>
162
- <span><Badge themeColor="dark" rounded="medium"></Badge></span>
163
- <span><Badge themeColor="dark" rounded="full">Pill</Badge></span>
164
- <span><Badge themeColor="dark" rounded="full"></Badge></span>
165
- <span><Badge themeColor="dark" rounded="full">1</Badge></span>
166
- <span><Badge themeColor="dark" rounded="full"></Badge></span>
167
-
168
- <span>^ outline</span>
169
- <span><Badge fillMode="outline" themeColor="dark">Rectangle</Badge></span>
170
- <span><Badge fillMode="outline" themeColor="dark"></Badge></span>
171
- <span><Badge fillMode="outline" themeColor="dark" rounded="medium">Rounded</Badge></span>
172
- <span><Badge fillMode="outline" themeColor="dark" rounded="medium"></Badge></span>
173
- <span><Badge fillMode="outline" themeColor="dark" rounded="full">Pill</Badge></span>
174
- <span><Badge fillMode="outline" themeColor="dark" rounded="full"></Badge></span>
175
- <span><Badge fillMode="outline" themeColor="dark" rounded="full">1</Badge></span>
176
- <span><Badge fillMode="outline" themeColor="dark" rounded="full"></Badge></span>
177
-
178
-
179
- <span>light</span>
180
- <span><Badge themeColor="light">Rectangle</Badge></span>
181
- <span><Badge themeColor="light"></Badge></span>
182
- <span><Badge themeColor="light" rounded="medium">Rounded</Badge></span>
183
- <span><Badge themeColor="light" rounded="medium"></Badge></span>
184
- <span><Badge themeColor="light" rounded="full">Pill</Badge></span>
185
- <span><Badge themeColor="light" rounded="full"></Badge></span>
186
- <span><Badge themeColor="light" rounded="full">1</Badge></span>
187
- <span><Badge themeColor="light" rounded="full"></Badge></span>
188
-
189
- <span>^ outline</span>
190
- <span><Badge fillMode="outline" themeColor="light">Rectangle</Badge></span>
191
- <span><Badge fillMode="outline" themeColor="light"></Badge></span>
192
- <span><Badge fillMode="outline" themeColor="light" rounded="medium">Rounded</Badge></span>
193
- <span><Badge fillMode="outline" themeColor="light" rounded="medium"></Badge></span>
194
- <span><Badge fillMode="outline" themeColor="light" rounded="full">Pill</Badge></span>
195
- <span><Badge fillMode="outline" themeColor="light" rounded="full"></Badge></span>
196
- <span><Badge fillMode="outline" themeColor="light" rounded="full">1</Badge></span>
197
- <span><Badge fillMode="outline" themeColor="light" rounded="full"></Badge></span>
198
-
199
- <span>Inverse</span>
200
- <span><Badge themeColor="inverse">Rectangle</Badge></span>
201
- <span><Badge themeColor="inverse"></Badge></span>
202
- <span><Badge themeColor="inverse" rounded="medium">Rounded</Badge></span>
203
- <span><Badge themeColor="inverse" rounded="medium"></Badge></span>
204
- <span><Badge themeColor="inverse" rounded="full">Pill</Badge></span>
205
- <span><Badge themeColor="inverse" rounded="full"></Badge></span>
206
- <span><Badge themeColor="inverse" rounded="full">1</Badge></span>
207
- <span><Badge themeColor="inverse" rounded="full"></Badge></span>
208
-
209
- <span>^ outline</span>
210
- <span><Badge fillMode="outline" themeColor="inverse">Rectangle</Badge></span>
211
- <span><Badge fillMode="outline" themeColor="inverse"></Badge></span>
212
- <span><Badge fillMode="outline" themeColor="inverse" rounded="medium">Rounded</Badge></span>
213
- <span><Badge fillMode="outline" themeColor="inverse" rounded="medium"></Badge></span>
214
- <span><Badge fillMode="outline" themeColor="inverse" rounded="full">Pill</Badge></span>
215
- <span><Badge fillMode="outline" themeColor="inverse" rounded="full"></Badge></span>
216
- <span><Badge fillMode="outline" themeColor="inverse" rounded="full">1</Badge></span>
217
- <span><Badge fillMode="outline" themeColor="inverse" rounded="full"></Badge></span>
218
-
219
- </div>
220
- </>
221
- );