@progress/kendo-themes-html 6.4.1-dev.0 → 6.5.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/dist/cjs/button/tests/button-clear.js +5 -77
  2. package/dist/cjs/button/tests/button-flat.js +5 -77
  3. package/dist/cjs/button/tests/button-link.js +5 -77
  4. package/dist/cjs/button/tests/button-outline.js +5 -77
  5. package/dist/cjs/button/tests/button-rtl.js +39 -36
  6. package/dist/cjs/button/tests/button-size.js +8 -80
  7. package/dist/cjs/button/tests/button-solid.js +5 -77
  8. package/dist/cjs/button/tests/button.js +39 -36
  9. package/dist/cjs/gantt/tests/gantt-react.js +47 -47
  10. package/dist/cjs/gantt/tests/gantt-row-reordering.js +58 -58
  11. package/dist/cjs/gantt/tests/gantt.js +59 -59
  12. package/dist/cjs/grid/tests/grid-column-menu-tabbed.js +4 -4
  13. package/dist/cjs/treelist/tests/treelist-aggregate-react.js +20 -20
  14. package/dist/cjs/treelist/tests/treelist-aggregates.js +34 -34
  15. package/dist/cjs/treelist/tests/treelist-react.js +15 -15
  16. package/dist/cjs/treelist/tests/treelist-row-reordering.js +15 -15
  17. package/dist/cjs/treelist/tests/treelist.js +16 -16
  18. package/dist/esm/button/tests/button-clear.js +5 -77
  19. package/dist/esm/button/tests/button-flat.js +5 -77
  20. package/dist/esm/button/tests/button-link.js +5 -77
  21. package/dist/esm/button/tests/button-outline.js +5 -77
  22. package/dist/esm/button/tests/button-rtl.js +39 -36
  23. package/dist/esm/button/tests/button-size.js +8 -80
  24. package/dist/esm/button/tests/button-solid.js +5 -77
  25. package/dist/esm/button/tests/button.js +39 -36
  26. package/dist/esm/gantt/tests/gantt-react.js +47 -47
  27. package/dist/esm/gantt/tests/gantt-row-reordering.js +58 -58
  28. package/dist/esm/gantt/tests/gantt.js +59 -59
  29. package/dist/esm/grid/tests/grid-column-menu-tabbed.js +4 -4
  30. package/dist/esm/treelist/tests/treelist-aggregate-react.js +20 -20
  31. package/dist/esm/treelist/tests/treelist-aggregates.js +34 -34
  32. package/dist/esm/treelist/tests/treelist-react.js +15 -15
  33. package/dist/esm/treelist/tests/treelist-row-reordering.js +15 -15
  34. package/dist/esm/treelist/tests/treelist.js +16 -16
  35. package/dist/types/button/templates/icon-button.d.ts +1 -2
  36. package/dist/types/button/templates/icon-text-button.d.ts +1 -2
  37. package/dist/types/button/templates/text-button.d.ts +1 -2
  38. package/package.json +2 -2
  39. package/src/button/templates/icon-button.tsx +2 -2
  40. package/src/button/templates/icon-text-button.tsx +2 -2
  41. package/src/button/templates/text-button.tsx +2 -2
  42. package/src/button/tests/button-clear.tsx +13 -92
  43. package/src/button/tests/button-flat.tsx +13 -92
  44. package/src/button/tests/button-link.tsx +13 -92
  45. package/src/button/tests/button-outline.tsx +13 -92
  46. package/src/button/tests/button-rtl.tsx +37 -38
  47. package/src/button/tests/button-size.tsx +13 -86
  48. package/src/button/tests/button-solid.tsx +13 -91
  49. package/src/button/tests/button.tsx +37 -40
  50. package/src/gantt/tests/gantt-react.tsx +54 -46
  51. package/src/gantt/tests/gantt-row-reordering.tsx +23 -23
  52. package/src/gantt/tests/gantt.tsx +45 -23
  53. package/src/grid/tests/grid-column-menu-tabbed.tsx +4 -4
  54. package/src/treelist/tests/treelist-aggregate-react.tsx +31 -10
  55. package/src/treelist/tests/treelist-aggregates.tsx +41 -20
  56. package/src/treelist/tests/treelist-react.tsx +15 -15
  57. package/src/treelist/tests/treelist-row-reordering.tsx +5 -5
  58. package/src/treelist/tests/treelist.tsx +32 -6
package/dist/cjs/treelist/tests/treelist-aggregates.js CHANGED
@@ -4222,7 +4222,7 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4222
4222
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tbody", { className: "k-table-tbody", children: [
4223
4223
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-treelist-group", children: [
4224
4224
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", style: { whiteSpace: "nowrap" }, children: [
4225
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-down" }),
4225
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
4226
4226
  "Daryl Sweeney"
4227
4227
  ] }),
4228
4228
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "CEO" }),
@@ -4230,8 +4230,8 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4230
4230
  ] }),
4231
4231
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group", children: [
4232
4232
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", style: { whiteSpace: "nowrap" }, children: [
4233
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4234
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-right" }),
4233
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4234
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-right" }),
4235
4235
  "Guy Wooten"
4236
4236
  ] }),
4237
4237
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Chief Technical Officer" }),
@@ -4239,8 +4239,8 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4239
4239
  ] }),
4240
4240
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-treelist-group", children: [
4241
4241
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", style: { whiteSpace: "nowrap" }, children: [
4242
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4243
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-right" }),
4242
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4243
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-right" }),
4244
4244
  "Priscilla Frank"
4245
4245
  ] }),
4246
4246
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Chief Product Officer" }),
@@ -4248,8 +4248,8 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4248
4248
  ] }),
4249
4249
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group", children: [
4250
4250
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", style: { whiteSpace: "nowrap" }, children: [
4251
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4252
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-down" }),
4251
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4252
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
4253
4253
  "Anika Vega"
4254
4254
  ] }),
4255
4255
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Chief Process Officer" }),
@@ -4257,9 +4257,9 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4257
4257
  ] }),
4258
4258
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-treelist-group", children: [
4259
4259
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", style: { whiteSpace: "nowrap" }, children: [
4260
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4261
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4262
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-right" }),
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
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-right" }),
4263
4263
  "Vernon Ballard"
4264
4264
  ] }),
4265
4265
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Director Facilities" }),
@@ -4267,9 +4267,9 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4267
4267
  ] }),
4268
4268
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-footer-template", children: [
4269
4269
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td k-focus", children: [
4270
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4271
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4272
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4270
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
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
4273
  "7 employee(s)"
4274
4274
  ] }),
4275
4275
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td" }),
@@ -4277,8 +4277,8 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4277
4277
  ] }),
4278
4278
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group", children: [
4279
4279
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", style: { whiteSpace: "nowrap" }, children: [
4280
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4281
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-right" }),
4280
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4281
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-right" }),
4282
4282
  "Nevada Hart"
4283
4283
  ] }),
4284
4284
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "Chief Financial Officer" }),
@@ -4286,8 +4286,8 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4286
4286
  ] }),
4287
4287
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-treelist-group", children: [
4288
4288
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", style: { whiteSpace: "nowrap" }, children: [
4289
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4290
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-right" }),
4289
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4290
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-right" }),
4291
4291
  "Hunter Fry"
4292
4292
  ] }),
4293
4293
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: "General Counsel" }),
@@ -4295,8 +4295,8 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4295
4295
  ] }),
4296
4296
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-footer-template", children: [
4297
4297
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4298
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4299
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4298
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4299
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4300
4300
  "98 employee(s)"
4301
4301
  ] }),
4302
4302
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td" }),
@@ -4304,7 +4304,7 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4304
4304
  ] }),
4305
4305
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-footer-template", children: [
4306
4306
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4307
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4307
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4308
4308
  "99 employee(s)"
4309
4309
  ] }),
4310
4310
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td" }),
@@ -4339,7 +4339,7 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4339
4339
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tbody", { className: "k-table-tbody", children: [
4340
4340
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row", children: [
4341
4341
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { colSpan: 1, className: "k-table-td", children: [
4342
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-down" }),
4342
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
4343
4343
  "Daryl Sweeney"
4344
4344
  ] }),
4345
4345
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { colSpan: 1, className: "k-table-td", children: "Chief Executive Officer" }),
@@ -4347,8 +4347,8 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4347
4347
  ] }),
4348
4348
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
4349
4349
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { colSpan: 1, className: "k-table-td", children: [
4350
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4351
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-down" }),
4350
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4351
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
4352
4352
  "Guy Wooten"
4353
4353
  ] }),
4354
4354
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { colSpan: 1, className: "k-table-td", children: "Chief Technical Officer" }),
@@ -4356,9 +4356,9 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4356
4356
  ] }),
4357
4357
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row", children: [
4358
4358
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { colSpan: 1, className: "k-table-td", children: [
4359
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4360
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4361
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-right" }),
4359
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4360
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4361
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-right" }),
4362
4362
  "Buffy Weber"
4363
4363
  ] }),
4364
4364
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { colSpan: 1, className: "k-table-td", children: "VP, Engineering" }),
@@ -4366,9 +4366,9 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4366
4366
  ] }),
4367
4367
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-footer", children: [
4368
4368
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td k-focus", children: [
4369
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4370
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4371
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4369
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4370
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4371
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4372
4372
  "35 employee(s)"
4373
4373
  ] }),
4374
4374
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td" }),
@@ -4376,8 +4376,8 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4376
4376
  ] }),
4377
4377
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
4378
4378
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { colSpan: 1, className: "k-table-td", children: [
4379
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4380
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "caret-alt-right" }),
4379
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4380
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "caret-alt-right" }),
4381
4381
  "Priscilla Frank"
4382
4382
  ] }),
4383
4383
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { colSpan: 1, className: "k-table-td", children: "Chief Product Officer" }),
@@ -4385,8 +4385,8 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4385
4385
  ] }),
4386
4386
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-footer", children: [
4387
4387
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4388
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4389
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4388
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4389
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4390
4390
  "42 employee(s)"
4391
4391
  ] }),
4392
4392
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td" }),
@@ -4394,7 +4394,7 @@ var treelist_aggregates_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.
4394
4394
  ] }),
4395
4395
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-footer", children: [
4396
4396
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { className: "k-table-td", children: [
4397
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "none" }),
4397
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "k-treelist-toggle", icon: "none" }),
4398
4398
  "43 employee(s)"
4399
4399
  ] }),
4400
4400
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td" }),
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/button/tests/button-clear.js CHANGED
@@ -4322,6 +4322,7 @@ import { jsx as jsx6 } from "react/jsx-runtime";
4322
4322
 
4323
4323
  // src/button/templates/text-button.tsx
4324
4324
  import { jsx as jsx7 } from "react/jsx-runtime";
4325
+ var TextButton = (props) => /* @__PURE__ */ jsx7(Button, { children: "Button", ...props });
4325
4326
 
4326
4327
  // src/button/tests/button-clear.tsx
4327
4328
  import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -4340,83 +4341,10 @@ var button_clear_default = () => /* @__PURE__ */ jsxs2(Fragment5, { children: [
4340
4341
  /* @__PURE__ */ jsx8("span", { children: "Active" }),
4341
4342
  /* @__PURE__ */ jsx8("span", { children: "Selected" }),
4342
4343
  /* @__PURE__ */ jsx8("span", { children: "Disabled" }),
4343
- /* @__PURE__ */ jsx8("span", { children: "base" }),
4344
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", children: "Normal" }) }),
4345
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", hover: true, children: "Hover" }) }),
4346
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", focus: true, children: "Focus" }) }),
4347
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", active: true, children: "Active" }) }),
4348
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", selected: true, children: "Selected" }) }),
4349
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", disabled: true, children: "Disabled" }) }),
4350
- /* @__PURE__ */ jsx8("span", { children: "primary" }),
4351
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "primary", children: "Normal" }) }),
4352
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "primary", hover: true, children: "Hover" }) }),
4353
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "primary", focus: true, children: "Focus" }) }),
4354
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "primary", active: true, children: "Active" }) }),
4355
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "primary", selected: true, children: "Selected" }) }),
4356
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "primary", disabled: true, children: "Disabled" }) }),
4357
- /* @__PURE__ */ jsx8("span", { children: "secondary" }),
4358
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "secondary", children: "Normal" }) }),
4359
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "secondary", hover: true, children: "Hover" }) }),
4360
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "secondary", focus: true, children: "Focus" }) }),
4361
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "secondary", active: true, children: "Active" }) }),
4362
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "secondary", selected: true, children: "Selected" }) }),
4363
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "secondary", disabled: true, children: "Disabled" }) }),
4364
- /* @__PURE__ */ jsx8("span", { children: "tertiary" }),
4365
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "tertiary", children: "Normal" }) }),
4366
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "tertiary", hover: true, children: "Hover" }) }),
4367
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "tertiary", focus: true, children: "Focus" }) }),
4368
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "tertiary", active: true, children: "Active" }) }),
4369
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "tertiary", selected: true, children: "Selected" }) }),
4370
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "tertiary", disabled: true, children: "Disabled" }) }),
4371
- /* @__PURE__ */ jsx8("span", { children: "info" }),
4372
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "info", children: "Normal" }) }),
4373
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "info", hover: true, children: "Hover" }) }),
4374
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "info", focus: true, children: "Focus" }) }),
4375
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "info", active: true, children: "Active" }) }),
4376
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "info", selected: true, children: "Selected" }) }),
4377
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "info", disabled: true, children: "Disabled" }) }),
4378
- /* @__PURE__ */ jsx8("span", { children: "success" }),
4379
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "success", children: "Normal" }) }),
4380
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "success", hover: true, children: "Hover" }) }),
4381
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "success", focus: true, children: "Focus" }) }),
4382
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "success", active: true, children: "Active" }) }),
4383
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "success", selected: true, children: "Selected" }) }),
4384
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "success", disabled: true, children: "Disabled" }) }),
4385
- /* @__PURE__ */ jsx8("span", { children: "warning" }),
4386
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "warning", children: "Normal" }) }),
4387
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "warning", hover: true, children: "Hover" }) }),
4388
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "warning", focus: true, children: "Focus" }) }),
4389
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "warning", active: true, children: "Active" }) }),
4390
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "warning", selected: true, children: "Selected" }) }),
4391
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "warning", disabled: true, children: "Disabled" }) }),
4392
- /* @__PURE__ */ jsx8("span", { children: "error" }),
4393
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "error", children: "Normal" }) }),
4394
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "error", hover: true, children: "Hover" }) }),
4395
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "error", focus: true, children: "Focus" }) }),
4396
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "error", active: true, children: "Active" }) }),
4397
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "error", selected: true, children: "Selected" }) }),
4398
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "error", disabled: true, children: "Disabled" }) }),
4399
- /* @__PURE__ */ jsx8("span", { children: "dark" }),
4400
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "dark", children: "Normal" }) }),
4401
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "dark", hover: true, children: "Hover" }) }),
4402
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "dark", focus: true, children: "Focus" }) }),
4403
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "dark", active: true, children: "Active" }) }),
4404
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "dark", selected: true, children: "Selected" }) }),
4405
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "dark", disabled: true, children: "Disabled" }) }),
4406
- /* @__PURE__ */ jsx8("span", { children: "light" }),
4407
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "light", children: "Normal" }) }),
4408
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "light", hover: true, children: "Hover" }) }),
4409
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "light", focus: true, children: "Focus" }) }),
4410
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "light", active: true, children: "Active" }) }),
4411
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "light", selected: true, children: "Selected" }) }),
4412
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "light", disabled: true, children: "Disabled" }) }),
4413
- /* @__PURE__ */ jsx8("span", { children: "inverse" }),
4414
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "inverse", children: "Normal" }) }),
4415
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "inverse", hover: true, children: "Hover" }) }),
4416
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "inverse", focus: true, children: "Focus" }) }),
4417
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "inverse", active: true, children: "Active" }) }),
4418
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "inverse", selected: true, children: "Selected" }) }),
4419
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { fillMode: "clear", themeColor: "inverse", disabled: true, children: "Disabled" }) })
4344
+ [...Button.options.themeColor].map((themeColor) => /* @__PURE__ */ jsxs2(Fragment5, { children: [
4345
+ /* @__PURE__ */ jsx8("span", { children: themeColor }),
4346
+ ["normal", ...Button.states].map((state) => /* @__PURE__ */ jsx8(Fragment5, { children: /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(TextButton, { fillMode: "clear", themeColor, ...{ [state]: true }, children: state }) }) }))
4347
+ ] }))
4420
4348
  ] })
4421
4349
  ] });
4422
4350
  export {