@progress/kendo-themes-html 6.4.1-dev.1 → 6.5.0-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 (85) hide show
  1. package/dist/cjs/breadcrumb/breadcrumb.spec.js +46 -2
  2. package/dist/cjs/breadcrumb/tests/breadcrumb-adaptive.js +4450 -0
  3. package/dist/cjs/breadcrumb/tests/breadcrumb-rtl.js +12 -14
  4. package/dist/cjs/breadcrumb/tests/breadcrumb-size.js +4468 -0
  5. package/dist/cjs/breadcrumb/tests/breadcrumb.js +12 -14
  6. package/dist/cjs/button/tests/button-clear.js +5 -77
  7. package/dist/cjs/button/tests/button-flat.js +5 -77
  8. package/dist/cjs/button/tests/button-link.js +5 -77
  9. package/dist/cjs/button/tests/button-outline.js +5 -77
  10. package/dist/cjs/button/tests/button-rtl.js +39 -36
  11. package/dist/cjs/button/tests/button-size.js +8 -80
  12. package/dist/cjs/button/tests/button-solid.js +5 -77
  13. package/dist/cjs/button/tests/button.js +39 -36
  14. package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +9 -2
  15. package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +9 -2
  16. package/dist/cjs/filemanager/tests/filemanager-gridview.js +9 -2
  17. package/dist/cjs/filemanager/tests/filemanager-listview.js +9 -2
  18. package/dist/cjs/filemanager/tests/filemanager-preview.js +9 -2
  19. package/dist/cjs/gantt/tests/gantt-react.js +47 -47
  20. package/dist/cjs/gantt/tests/gantt-row-reordering.js +58 -58
  21. package/dist/cjs/gantt/tests/gantt.js +59 -59
  22. package/dist/cjs/index.js +9 -2
  23. package/dist/cjs/treelist/tests/treelist-aggregate-react.js +20 -20
  24. package/dist/cjs/treelist/tests/treelist-aggregates.js +34 -34
  25. package/dist/cjs/treelist/tests/treelist-react.js +15 -15
  26. package/dist/cjs/treelist/tests/treelist-row-reordering.js +15 -15
  27. package/dist/cjs/treelist/tests/treelist.js +16 -16
  28. package/dist/esm/breadcrumb/breadcrumb.spec.js +46 -2
  29. package/dist/esm/breadcrumb/tests/breadcrumb-adaptive.js +4434 -0
  30. package/dist/esm/breadcrumb/tests/breadcrumb-rtl.js +12 -14
  31. package/dist/esm/breadcrumb/tests/breadcrumb-size.js +4452 -0
  32. package/dist/esm/breadcrumb/tests/breadcrumb.js +12 -14
  33. package/dist/esm/button/tests/button-clear.js +5 -77
  34. package/dist/esm/button/tests/button-flat.js +5 -77
  35. package/dist/esm/button/tests/button-link.js +5 -77
  36. package/dist/esm/button/tests/button-outline.js +5 -77
  37. package/dist/esm/button/tests/button-rtl.js +39 -36
  38. package/dist/esm/button/tests/button-size.js +8 -80
  39. package/dist/esm/button/tests/button-solid.js +5 -77
  40. package/dist/esm/button/tests/button.js +39 -36
  41. package/dist/esm/filemanager/tests/filemanager-contextmenu.js +9 -2
  42. package/dist/esm/filemanager/tests/filemanager-drag-hint.js +9 -2
  43. package/dist/esm/filemanager/tests/filemanager-gridview.js +9 -2
  44. package/dist/esm/filemanager/tests/filemanager-listview.js +9 -2
  45. package/dist/esm/filemanager/tests/filemanager-preview.js +9 -2
  46. package/dist/esm/gantt/tests/gantt-react.js +47 -47
  47. package/dist/esm/gantt/tests/gantt-row-reordering.js +58 -58
  48. package/dist/esm/gantt/tests/gantt.js +59 -59
  49. package/dist/esm/index.js +9 -2
  50. package/dist/esm/treelist/tests/treelist-aggregate-react.js +20 -20
  51. package/dist/esm/treelist/tests/treelist-aggregates.js +34 -34
  52. package/dist/esm/treelist/tests/treelist-react.js +15 -15
  53. package/dist/esm/treelist/tests/treelist-row-reordering.js +15 -15
  54. package/dist/esm/treelist/tests/treelist.js +16 -16
  55. package/dist/types/breadcrumb/breadcrumb.spec.d.ts +8 -1
  56. package/dist/types/breadcrumb/tests/breadcrumb-adaptive.d.ts +2 -0
  57. package/dist/types/breadcrumb/tests/breadcrumb-size.d.ts +2 -0
  58. package/dist/types/button/templates/icon-button.d.ts +1 -2
  59. package/dist/types/button/templates/icon-text-button.d.ts +1 -2
  60. package/dist/types/button/templates/text-button.d.ts +1 -2
  61. package/package.json +2 -2
  62. package/src/breadcrumb/breadcrumb.spec.tsx +11 -3
  63. package/src/breadcrumb/tests/breadcrumb-adaptive.tsx +82 -0
  64. package/src/breadcrumb/tests/breadcrumb-rtl.tsx +0 -3
  65. package/src/breadcrumb/tests/breadcrumb-size.tsx +91 -0
  66. package/src/breadcrumb/tests/breadcrumb.tsx +0 -3
  67. package/src/button/templates/icon-button.tsx +2 -2
  68. package/src/button/templates/icon-text-button.tsx +2 -2
  69. package/src/button/templates/text-button.tsx +2 -2
  70. package/src/button/tests/button-clear.tsx +13 -92
  71. package/src/button/tests/button-flat.tsx +13 -92
  72. package/src/button/tests/button-link.tsx +13 -92
  73. package/src/button/tests/button-outline.tsx +13 -92
  74. package/src/button/tests/button-rtl.tsx +37 -38
  75. package/src/button/tests/button-size.tsx +13 -86
  76. package/src/button/tests/button-solid.tsx +13 -91
  77. package/src/button/tests/button.tsx +37 -40
  78. package/src/gantt/tests/gantt-react.tsx +54 -46
  79. package/src/gantt/tests/gantt-row-reordering.tsx +23 -23
  80. package/src/gantt/tests/gantt.tsx +45 -23
  81. package/src/treelist/tests/treelist-aggregate-react.tsx +31 -10
  82. package/src/treelist/tests/treelist-aggregates.tsx +41 -20
  83. package/src/treelist/tests/treelist-react.tsx +15 -15
  84. package/src/treelist/tests/treelist-row-reordering.tsx +5 -5
  85. package/src/treelist/tests/treelist.tsx +32 -6
package/dist/cjs/treelist/tests/treelist-react.js CHANGED
@@ -6180,7 +6180,7 @@ var treelist_react_default = () => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)
6180
6180
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("tbody", { className: "k-table-tbody", children: [
6181
6181
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("tr", { className: "k-table-row k-master-row", children: [
6182
6182
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("td", { className: "k-table-td", children: [
6183
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "caret-alt-down" }),
6183
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
6184
6184
  "1"
6185
6185
  ] }),
6186
6186
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("td", { className: "k-table-td", children: "Furniture" }),
@@ -6190,8 +6190,8 @@ var treelist_react_default = () => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)
6190
6190
  ] }),
6191
6191
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("tr", { className: "k-table-row k-master-row", children: [
6192
6192
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("td", { className: "k-table-td", children: [
6193
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "none" }),
6194
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "none" }),
6193
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
6194
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
6195
6195
  "1.1"
6196
6196
  ] }),
6197
6197
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("td", { className: "k-table-td", children: "Tables & Chairs" }),
@@ -6201,8 +6201,8 @@ var treelist_react_default = () => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)
6201
6201
  ] }),
6202
6202
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("tr", { className: "k-table-row k-master-row", children: [
6203
6203
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("td", { className: "k-table-td", children: [
6204
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "none" }),
6205
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "none" }),
6204
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
6205
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
6206
6206
  "1.2"
6207
6207
  ] }),
6208
6208
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("td", { className: "k-table-td", children: "Sofas" }),
@@ -6212,8 +6212,8 @@ var treelist_react_default = () => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)
6212
6212
  ] }),
6213
6213
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("tr", { className: "k-table-row k-master-row", children: [
6214
6214
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("td", { className: "k-table-td", children: [
6215
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "none" }),
6216
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "none" }),
6215
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
6216
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
6217
6217
  "1.3"
6218
6218
  ] }),
6219
6219
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("td", { className: "k-table-td", children: "Occasional Furniture" }),
@@ -6223,7 +6223,7 @@ var treelist_react_default = () => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)
6223
6223
  ] }),
6224
6224
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("tr", { className: "k-table-row k-master-row", children: [
6225
6225
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("td", { className: "k-table-td", children: [
6226
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "caret-alt-down" }),
6226
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
6227
6227
  "2"
6228
6228
  ] }),
6229
6229
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("td", { className: "k-table-td", children: "Decor" }),
@@ -6233,8 +6233,8 @@ var treelist_react_default = () => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)
6233
6233
  ] }),
6234
6234
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("tr", { className: "k-table-row k-master-row", children: [
6235
6235
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("td", { className: "k-table-td", children: [
6236
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "none" }),
6237
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "none" }),
6236
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
6237
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
6238
6238
  "2.1"
6239
6239
  ] }),
6240
6240
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("td", { className: "k-table-td", children: "Bed Linen" }),
@@ -6244,8 +6244,8 @@ var treelist_react_default = () => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)
6244
6244
  ] }),
6245
6245
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("tr", { className: "k-table-row k-master-row", children: [
6246
6246
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("td", { className: "k-table-td", children: [
6247
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "none" }),
6248
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "caret-alt-down" }),
6247
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
6248
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
6249
6249
  "2.2"
6250
6250
  ] }),
6251
6251
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("td", { className: "k-table-td", children: "Curtains & Blinds" }),
@@ -6255,9 +6255,9 @@ var treelist_react_default = () => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)
6255
6255
  ] }),
6256
6256
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("tr", { className: "k-table-row k-master-row", children: [
6257
6257
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("td", { className: "k-table-td", children: [
6258
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "none" }),
6259
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "none" }),
6260
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "none" }),
6258
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
6259
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
6260
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
6261
6261
  "2.2.1"
6262
6262
  ] }),
6263
6263
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("td", { className: "k-table-td", children: "Carpets" }),
package/dist/cjs/treelist/tests/treelist-row-reordering.js CHANGED
@@ -4212,7 +4212,7 @@ var treelist_row_reordering_default = () => /* @__PURE__ */ (0, import_jsx_runti
4212
4212
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row", children: [
4213
4213
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td k-drag-cell", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "reorder" }) }),
4214
4214
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4215
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-right" }),
4215
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-right" }),
4216
4216
  "Daryl"
4217
4217
  ] }),
4218
4218
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Sweeney" }),
@@ -4221,8 +4221,8 @@ var treelist_row_reordering_default = () => /* @__PURE__ */ (0, import_jsx_runti
4221
4221
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group", children: [
4222
4222
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td k-drag-cell", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "reorder" }) }),
4223
4223
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4224
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4225
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-down" }),
4224
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4225
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
4226
4226
  "Guy"
4227
4227
  ] }),
4228
4228
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Wooten" }),
@@ -4231,9 +4231,9 @@ var treelist_row_reordering_default = () => /* @__PURE__ */ (0, import_jsx_runti
4231
4231
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-treelist-group", children: [
4232
4232
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td k-drag-cell", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "reorder" }) }),
4233
4233
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4234
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4235
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4236
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-down" }),
4234
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4235
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4236
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
4237
4237
  "Buffy"
4238
4238
  ] }),
4239
4239
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Weber" }),
@@ -4242,10 +4242,10 @@ var treelist_row_reordering_default = () => /* @__PURE__ */ (0, import_jsx_runti
4242
4242
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group", children: [
4243
4243
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td k-drag-cell", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "reorder" }) }),
4244
4244
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4245
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4246
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4247
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4248
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-down" }),
4245
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4246
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4247
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4248
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
4249
4249
  "Hyacinth"
4250
4250
  ] }),
4251
4251
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Hood" }),
@@ -4254,11 +4254,11 @@ var treelist_row_reordering_default = () => /* @__PURE__ */ (0, import_jsx_runti
4254
4254
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row", children: [
4255
4255
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td k-drag-cell", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "reorder" }) }),
4256
4256
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4257
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4258
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4259
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4260
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4261
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4257
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4258
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4259
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4260
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4261
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4262
4262
  "Akeem"
4263
4263
  ] }),
4264
4264
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Carr" }),
package/dist/cjs/treelist/tests/treelist.js CHANGED
@@ -4213,7 +4213,7 @@ var treelist_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import
4213
4213
  ] }),
4214
4214
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tbody", { className: "k-table-tbody", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row", children: [
4215
4215
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4216
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-right" }),
4216
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-right" }),
4217
4217
  "Daryl"
4218
4218
  ] }),
4219
4219
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Sweeney" })
@@ -4251,7 +4251,7 @@ var treelist_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import
4251
4251
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tbody", { className: "k-table-tbody", children: [
4252
4252
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-treelist-group", children: [
4253
4253
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4254
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-down" }),
4254
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
4255
4255
  "Daryl"
4256
4256
  ] }),
4257
4257
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Sweeney" }),
@@ -4259,8 +4259,8 @@ var treelist_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import
4259
4259
  ] }),
4260
4260
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group", children: [
4261
4261
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4262
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4263
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-down" }),
4262
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4263
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
4264
4264
  "Guy"
4265
4265
  ] }),
4266
4266
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Wooten" }),
@@ -4268,9 +4268,9 @@ var treelist_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import
4268
4268
  ] }),
4269
4269
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-treelist-group", children: [
4270
4270
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4271
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4272
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4273
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-down" }),
4271
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4272
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4273
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
4274
4274
  "Buffy"
4275
4275
  ] }),
4276
4276
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Weber" }),
@@ -4278,10 +4278,10 @@ var treelist_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import
4278
4278
  ] }),
4279
4279
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group", children: [
4280
4280
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4281
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4282
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4283
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4284
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-down" }),
4281
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4282
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4283
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4284
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
4285
4285
  "Hyacinth"
4286
4286
  ] }),
4287
4287
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Hood" }),
@@ -4289,11 +4289,11 @@ var treelist_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import
4289
4289
  ] }),
4290
4290
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row", children: [
4291
4291
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4292
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4293
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4294
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4295
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4296
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4292
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4293
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4294
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4295
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4296
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4297
4297
  "Akeem"
4298
4298
  ] }),
4299
4299
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Carr" }),
package/dist/esm/breadcrumb/breadcrumb.spec.js CHANGED
@@ -6,6 +6,34 @@ var classNames = (...args) => {
6
6
  };
7
7
 
8
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
+ };
9
37
  var stateClassNames = (_componentClassName, props) => {
10
38
  return classNames({
11
39
  "k-valid": props.valid,
@@ -24,6 +52,15 @@ var stateClassNames = (_componentClassName, props) => {
24
52
  };
25
53
 
26
54
  // src/misc/theme.ts
55
+ var Size = {
56
+ "xsmall": "xsmall",
57
+ "small": "small",
58
+ "medium": "medium",
59
+ "large": "large",
60
+ "xlarge": "xlarge",
61
+ "xxlarge": "xxlarge",
62
+ "xxxlarge": "xxxlarge"
63
+ };
27
64
  var States = {
28
65
  "open": "open",
29
66
  "hover": "hover",
@@ -47,12 +84,16 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
47
84
  var states = [
48
85
  States.focus
49
86
  ];
50
- var options = {};
87
+ var options = {
88
+ size: [Size.small, Size.medium, Size.large]
89
+ };
51
90
  var defaultProps = {
52
- collapsing: "auto"
91
+ collapsing: "auto",
92
+ size: Size.medium
53
93
  };
54
94
  var Breadcrumb = (props) => {
55
95
  const {
96
+ size = defaultProps.size,
56
97
  collapsing = defaultProps.collapsing,
57
98
  focus,
58
99
  ...other
@@ -67,6 +108,9 @@ var Breadcrumb = (props) => {
67
108
  stateClassNames(BREADCRUMB_CLASSNAME, {
68
109
  focus
69
110
  }),
111
+ optionClassNames(BREADCRUMB_CLASSNAME, {
112
+ size
113
+ }),
70
114
  {
71
115
  "k-breadcrumb-wrap": collapsing === "wrap"
72
116
  }