@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/esm/button/tests/button-solid.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-solid.tsx
4327
4328
  import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -4340,83 +4341,10 @@ var button_solid_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, { children: "Normal" }) }),
4345
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { hover: true, children: "Hover" }) }),
4346
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { focus: true, children: "Focus" }) }),
4347
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { active: true, children: "Active" }) }),
4348
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { selected: true, children: "Selected" }) }),
4349
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { disabled: true, children: "Disabled" }) }),
4350
- /* @__PURE__ */ jsx8("span", { children: "primary" }),
4351
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", children: "Normal" }) }),
4352
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", hover: true, children: "Hover" }) }),
4353
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", focus: true, children: "Focus" }) }),
4354
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", active: true, children: "Active" }) }),
4355
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", selected: true, children: "Selected" }) }),
4356
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", disabled: true, children: "Disabled" }) }),
4357
- /* @__PURE__ */ jsx8("span", { children: "secondary" }),
4358
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "secondary", children: "Normal" }) }),
4359
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "secondary", hover: true, children: "Hover" }) }),
4360
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "secondary", focus: true, children: "Focus" }) }),
4361
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "secondary", active: true, children: "Active" }) }),
4362
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "secondary", selected: true, children: "Selected" }) }),
4363
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "secondary", disabled: true, children: "Disabled" }) }),
4364
- /* @__PURE__ */ jsx8("span", { children: "tertiary" }),
4365
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "tertiary", children: "Normal" }) }),
4366
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "tertiary", hover: true, children: "Hover" }) }),
4367
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "tertiary", focus: true, children: "Focus" }) }),
4368
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "tertiary", active: true, children: "Active" }) }),
4369
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "tertiary", selected: true, children: "Selected" }) }),
4370
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "tertiary", disabled: true, children: "Disabled" }) }),
4371
- /* @__PURE__ */ jsx8("span", { children: "info" }),
4372
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "info", children: "Normal" }) }),
4373
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "info", hover: true, children: "Hover" }) }),
4374
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "info", focus: true, children: "Focus" }) }),
4375
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "info", active: true, children: "Active" }) }),
4376
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "info", selected: true, children: "Selected" }) }),
4377
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "info", disabled: true, children: "Disabled" }) }),
4378
- /* @__PURE__ */ jsx8("span", { children: "success" }),
4379
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "success", children: "Normal" }) }),
4380
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "success", hover: true, children: "Hover" }) }),
4381
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "success", focus: true, children: "Focus" }) }),
4382
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "success", active: true, children: "Active" }) }),
4383
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "success", selected: true, children: "Selected" }) }),
4384
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "success", disabled: true, children: "Disabled" }) }),
4385
- /* @__PURE__ */ jsx8("span", { children: "warning" }),
4386
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "warning", children: "Normal" }) }),
4387
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "warning", hover: true, children: "Hover" }) }),
4388
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "warning", focus: true, children: "Focus" }) }),
4389
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "warning", active: true, children: "Active" }) }),
4390
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "warning", selected: true, children: "Selected" }) }),
4391
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "warning", disabled: true, children: "Disabled" }) }),
4392
- /* @__PURE__ */ jsx8("span", { children: "error" }),
4393
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "error", children: "Normal" }) }),
4394
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "error", hover: true, children: "Hover" }) }),
4395
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "error", focus: true, children: "Focus" }) }),
4396
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "error", active: true, children: "Active" }) }),
4397
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "error", selected: true, children: "Selected" }) }),
4398
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "error", disabled: true, children: "Disabled" }) }),
4399
- /* @__PURE__ */ jsx8("span", { children: "dark" }),
4400
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "dark", children: "Normal" }) }),
4401
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "dark", hover: true, children: "Hover" }) }),
4402
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "dark", focus: true, children: "Focus" }) }),
4403
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "dark", active: true, children: "Active" }) }),
4404
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "dark", selected: true, children: "Selected" }) }),
4405
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "dark", disabled: true, children: "Disabled" }) }),
4406
- /* @__PURE__ */ jsx8("span", { children: "light" }),
4407
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "light", children: "Normal" }) }),
4408
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "light", hover: true, children: "Hover" }) }),
4409
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "light", focus: true, children: "Focus" }) }),
4410
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "light", active: true, children: "Active" }) }),
4411
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "light", selected: true, children: "Selected" }) }),
4412
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "light", disabled: true, children: "Disabled" }) }),
4413
- /* @__PURE__ */ jsx8("span", { children: "inverse" }),
4414
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "inverse", children: "Normal" }) }),
4415
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "inverse", hover: true, children: "Hover" }) }),
4416
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "inverse", focus: true, children: "Focus" }) }),
4417
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "inverse", active: true, children: "Active" }) }),
4418
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "inverse", selected: true, children: "Selected" }) }),
4419
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { 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: "solid", themeColor, ...{ [state]: true }, children: state }) }) }))
4347
+ ] }))
4420
4348
  ] })
4421
4349
  ] });
4422
4350
  export {
package/dist/esm/button/tests/button.js CHANGED
@@ -4316,12 +4316,15 @@ Button.defaultProps = defaultProps4;
4316
4316
 
4317
4317
  // src/button/templates/icon-button.tsx
4318
4318
  import { jsx as jsx5 } from "react/jsx-runtime";
4319
+ var IconButton = (props) => /* @__PURE__ */ jsx5(Button, { icon: "folder", ...props, children: void 0 });
4319
4320
 
4320
4321
  // src/button/templates/icon-text-button.tsx
4321
4322
  import { jsx as jsx6 } from "react/jsx-runtime";
4323
+ var IconTextButton = (props) => /* @__PURE__ */ jsx6(Button, { icon: "folder", children: "Button", ...props });
4322
4324
 
4323
4325
  // src/button/templates/text-button.tsx
4324
4326
  import { jsx as jsx7 } from "react/jsx-runtime";
4327
+ var TextButton = (props) => /* @__PURE__ */ jsx7(Button, { children: "Button", ...props });
4325
4328
 
4326
4329
  // src/button/tests/button.tsx
4327
4330
  import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -4341,47 +4344,47 @@ var button_default = () => /* @__PURE__ */ jsxs2(Fragment5, { children: [
4341
4344
  /* @__PURE__ */ jsx8("span", { children: "Selected" }),
4342
4345
  /* @__PURE__ */ jsx8("span", { children: "Disabled" }),
4343
4346
  /* @__PURE__ */ jsx8("span", { children: "base" }),
4344
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { children: "Normal" }) }),
4345
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { hover: true, children: "Hover" }) }),
4346
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { focus: true, children: "Focus" }) }),
4347
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { active: true, children: "Active" }) }),
4348
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { selected: true, children: "Selected" }) }),
4349
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { disabled: true, children: "Disabled" }) }),
4347
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(TextButton, { children: "Normal" }) }),
4348
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(TextButton, { hover: true, children: "Hover" }) }),
4349
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(TextButton, { focus: true, children: "Focus" }) }),
4350
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(TextButton, { active: true, children: "Active" }) }),
4351
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(TextButton, { selected: true, children: "Selected" }) }),
4352
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(TextButton, { disabled: true, children: "Disabled" }) }),
4350
4353
  /* @__PURE__ */ jsx8("span", { children: "^ text + icon" }),
4351
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { icon: "folder", children: "Normal" }) }),
4352
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { icon: "folder", hover: true, children: "Hover" }) }),
4353
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { icon: "folder", focus: true, children: "Focus" }) }),
4354
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { icon: "folder", active: true, children: "Active" }) }),
4355
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { icon: "folder", selected: true, children: "Selected" }) }),
4356
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { icon: "folder", disabled: true, children: "Disabled" }) }),
4354
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconTextButton, { children: "Normal" }) }),
4355
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconTextButton, { hover: true, children: "Hover" }) }),
4356
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconTextButton, { focus: true, children: "Focus" }) }),
4357
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconTextButton, { active: true, children: "Active" }) }),
4358
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconTextButton, { selected: true, children: "Selected" }) }),
4359
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconTextButton, { disabled: true, children: "Disabled" }) }),
4357
4360
  /* @__PURE__ */ jsx8("span", { children: "^ icon" }),
4358
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { icon: "folder" }) }),
4359
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { icon: "folder", hover: true }) }),
4360
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { icon: "folder", focus: true }) }),
4361
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { icon: "folder", active: true }) }),
4362
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { icon: "folder", selected: true }) }),
4363
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { icon: "folder", disabled: true }) }),
4361
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconButton, {}) }),
4362
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconButton, { hover: true }) }),
4363
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconButton, { focus: true }) }),
4364
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconButton, { active: true }) }),
4365
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconButton, { selected: true }) }),
4366
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconButton, { disabled: true }) }),
4364
4367
  /* @__PURE__ */ jsx8("span", { children: "primary" }),
4365
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", children: "Normal" }) }),
4366
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", hover: true, children: "Hover" }) }),
4367
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", focus: true, children: "Focus" }) }),
4368
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", active: true, children: "Active" }) }),
4369
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", selected: true, children: "Selected" }) }),
4370
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", disabled: true, children: "Disabled" }) }),
4368
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(TextButton, { themeColor: "primary", children: "Normal" }) }),
4369
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(TextButton, { themeColor: "primary", hover: true, children: "Hover" }) }),
4370
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(TextButton, { themeColor: "primary", focus: true, children: "Focus" }) }),
4371
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(TextButton, { themeColor: "primary", active: true, children: "Active" }) }),
4372
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(TextButton, { themeColor: "primary", selected: true, children: "Selected" }) }),
4373
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(TextButton, { themeColor: "primary", disabled: true, children: "Disabled" }) }),
4371
4374
  /* @__PURE__ */ jsx8("span", { children: "^ text + icon" }),
4372
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", icon: "folder", children: "Normal" }) }),
4373
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", icon: "folder", hover: true, children: "Hover" }) }),
4374
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", icon: "folder", focus: true, children: "Focus" }) }),
4375
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", icon: "folder", active: true, children: "Active" }) }),
4376
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", icon: "folder", selected: true, children: "Selected" }) }),
4377
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", icon: "folder", disabled: true, children: "Disabled" }) }),
4375
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconTextButton, { themeColor: "primary", children: "Normal" }) }),
4376
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconTextButton, { themeColor: "primary", hover: true, children: "Hover" }) }),
4377
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconTextButton, { themeColor: "primary", focus: true, children: "Focus" }) }),
4378
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconTextButton, { themeColor: "primary", active: true, children: "Active" }) }),
4379
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconTextButton, { themeColor: "primary", selected: true, children: "Selected" }) }),
4380
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconTextButton, { themeColor: "primary", disabled: true, children: "Disabled" }) }),
4378
4381
  /* @__PURE__ */ jsx8("span", { children: "^ icon" }),
4379
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", icon: "folder" }) }),
4380
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", icon: "folder", hover: true }) }),
4381
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", icon: "folder", focus: true }) }),
4382
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", icon: "folder", active: true }) }),
4383
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", icon: "folder", selected: true }) }),
4384
- /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(Button, { themeColor: "primary", icon: "folder", disabled: true }) })
4382
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconButton, { themeColor: "primary" }) }),
4383
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconButton, { themeColor: "primary", hover: true }) }),
4384
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconButton, { themeColor: "primary", focus: true }) }),
4385
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconButton, { themeColor: "primary", active: true }) }),
4386
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconButton, { themeColor: "primary", selected: true }) }),
4387
+ /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(IconButton, { themeColor: "primary", disabled: true }) })
4385
4388
  ] })
4386
4389
  ] });
4387
4390
  export {
package/dist/esm/gantt/tests/gantt-react.js CHANGED
@@ -6258,7 +6258,7 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6258
6258
  /* @__PURE__ */ jsxs23("tbody", { className: "k-table-tbody", children: [
6259
6259
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-master-row", style: { height: "40px" }, children: [
6260
6260
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6261
- /* @__PURE__ */ jsx53(Icon, { icon: "caret-alt-down" }),
6261
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
6262
6262
  "7"
6263
6263
  ] }),
6264
6264
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Software validation, research and implementation" }),
@@ -6270,8 +6270,8 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6270
6270
  ] }),
6271
6271
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", style: { height: "40px" }, children: [
6272
6272
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6273
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6274
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6273
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6274
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6275
6275
  "18"
6276
6276
  ] }),
6277
6277
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Project Kickoff" }),
@@ -6283,8 +6283,8 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6283
6283
  ] }),
6284
6284
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-master-row", style: { height: "40px" }, children: [
6285
6285
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6286
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6287
- /* @__PURE__ */ jsx53(Icon, { icon: "caret-alt-down" }),
6286
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6287
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
6288
6288
  "11"
6289
6289
  ] }),
6290
6290
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Research" }),
@@ -6296,9 +6296,9 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6296
6296
  ] }),
6297
6297
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", style: { height: "40px" }, children: [
6298
6298
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6299
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6300
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6301
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6299
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6300
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6301
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6302
6302
  "19"
6303
6303
  ] }),
6304
6304
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Validation with Customers" }),
@@ -6315,9 +6315,9 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6315
6315
  ] }),
6316
6316
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-master-row", style: { height: "40px" }, children: [
6317
6317
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6318
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6319
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6320
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6318
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6319
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6320
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6321
6321
  "20"
6322
6322
  ] }),
6323
6323
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Market Research" }),
@@ -6334,9 +6334,9 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6334
6334
  ] }),
6335
6335
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", style: { height: "40px" }, children: [
6336
6336
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6337
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6338
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6339
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6337
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6338
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6339
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6340
6340
  "39"
6341
6341
  ] }),
6342
6342
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Functional and Technical Specification" }),
@@ -6353,8 +6353,8 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6353
6353
  ] }),
6354
6354
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-master-row", style: { height: "40px" }, children: [
6355
6355
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6356
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6357
- /* @__PURE__ */ jsx53(Icon, { icon: "caret-alt-down" }),
6356
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6357
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
6358
6358
  "12"
6359
6359
  ] }),
6360
6360
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Design" }),
@@ -6366,9 +6366,9 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6366
6366
  ] }),
6367
6367
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", style: { height: "40px" }, children: [
6368
6368
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6369
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6370
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6371
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6369
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6370
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6371
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6372
6372
  "22"
6373
6373
  ] }),
6374
6374
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "UI Design" }),
@@ -6385,9 +6385,9 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6385
6385
  ] }),
6386
6386
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-master-row k-selected", style: { height: "40px" }, children: [
6387
6387
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6388
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6389
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6390
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6388
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6389
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6390
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6391
6391
  "23"
6392
6392
  ] }),
6393
6393
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "HTML Prototype" }),
@@ -6404,8 +6404,8 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6404
6404
  ] }),
6405
6405
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", style: { height: "40px" }, children: [
6406
6406
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6407
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6408
- /* @__PURE__ */ jsx53(Icon, { icon: "caret-alt-down" }),
6407
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6408
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
6409
6409
  "13"
6410
6410
  ] }),
6411
6411
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Implementation" }),
@@ -6417,9 +6417,9 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6417
6417
  ] }),
6418
6418
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-master-row", style: { height: "40px" }, children: [
6419
6419
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6420
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6421
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6422
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6420
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6421
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6422
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6423
6423
  "24"
6424
6424
  ] }),
6425
6425
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Prototype" }),
@@ -6436,9 +6436,9 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6436
6436
  ] }),
6437
6437
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", style: { height: "40px" }, children: [
6438
6438
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6439
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6440
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6441
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6439
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6440
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6441
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6442
6442
  "26"
6443
6443
  ] }),
6444
6444
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Architecture" }),
@@ -6455,9 +6455,9 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6455
6455
  ] }),
6456
6456
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-master-row", style: { height: "40px" }, children: [
6457
6457
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6458
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6459
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6460
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6458
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6459
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6460
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6461
6461
  "27"
6462
6462
  ] }),
6463
6463
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Data Layer" }),
@@ -6474,9 +6474,9 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6474
6474
  ] }),
6475
6475
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", style: { height: "40px" }, children: [
6476
6476
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6477
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6478
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6479
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6477
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6478
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6479
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6480
6480
  "29"
6481
6481
  ] }),
6482
6482
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "UI and Interaction" }),
@@ -6493,9 +6493,9 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6493
6493
  ] }),
6494
6494
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-master-row", style: { height: "40px" }, children: [
6495
6495
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6496
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6497
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6498
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6496
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6497
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6498
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6499
6499
  "28"
6500
6500
  ] }),
6501
6501
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Unit Tests" }),
@@ -6512,8 +6512,8 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6512
6512
  ] }),
6513
6513
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", style: { height: "40px" }, children: [
6514
6514
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6515
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6516
- /* @__PURE__ */ jsx53(Icon, { icon: "caret-alt-right" }),
6515
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6516
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "caret-alt-right" }),
6517
6517
  "14"
6518
6518
  ] }),
6519
6519
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Testing" }),
@@ -6525,8 +6525,8 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6525
6525
  ] }),
6526
6526
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-master-row", style: { height: "40px" }, children: [
6527
6527
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6528
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6529
- /* @__PURE__ */ jsx53(Icon, { icon: "caret-alt-right" }),
6528
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6529
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "caret-alt-right" }),
6530
6530
  "30"
6531
6531
  ] }),
6532
6532
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Documentation" }),
@@ -6538,8 +6538,8 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6538
6538
  ] }),
6539
6539
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", style: { height: "40px" }, children: [
6540
6540
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6541
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6542
- /* @__PURE__ */ jsx53(Icon, { icon: "caret-alt-right" }),
6541
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6542
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "caret-alt-right" }),
6543
6543
  "31"
6544
6544
  ] }),
6545
6545
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Demos" }),
@@ -6551,8 +6551,8 @@ var gantt_react_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
6551
6551
  ] }),
6552
6552
  /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-master-row", style: { height: "40px" }, children: [
6553
6553
  /* @__PURE__ */ jsxs23("td", { className: "k-table-td k-grid-content-sticky k-text-nowrap", colSpan: 1, style: { left: "0px", right: "200px" }, children: [
6554
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6555
- /* @__PURE__ */ jsx53(Icon, { icon: "none" }),
6554
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6555
+ /* @__PURE__ */ jsx53(Icon, { className: "k-treelist-toggle", icon: "none" }),
6556
6556
  "17"
6557
6557
  ] }),
6558
6558
  /* @__PURE__ */ jsx53("td", { className: "k-table-td k-grid-content-sticky", colSpan: 1, style: { left: "100px", right: "0px", borderRightWidth: "1px" }, children: "Release" }),