@progress/kendo-themes-html 13.2.0-dev.4 → 14.0.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 (16) hide show
  1. package/dist/cjs/gantt/demos/gantt.js +1 -1
  2. package/dist/cjs/gantt/templates/gantt-normal.js +1 -1
  3. package/dist/cjs/gantt/templates/gantt-row-reordering.js +1 -1
  4. package/dist/cjs/gantt/templates/gantt-with-tooltip.js +1 -1
  5. package/dist/cjs/index.js +3 -3
  6. package/dist/esm/gantt/demos/gantt.mjs +1 -1
  7. package/dist/esm/gantt/templates/gantt-normal.mjs +1 -1
  8. package/dist/esm/gantt/templates/gantt-row-reordering.mjs +1 -1
  9. package/dist/esm/gantt/templates/gantt-with-tooltip.mjs +1 -1
  10. package/dist/esm/index.mjs +4 -4
  11. package/package.json +2 -2
  12. package/src/_preview/tests/preview-components.tsx +1445 -675
  13. package/src/gantt/templates/gantt-normal.tsx +6 -6
  14. package/src/gantt/templates/gantt-row-reordering.tsx +6 -6
  15. package/src/gantt/templates/gantt-with-tooltip.tsx +6 -6
  16. package/src/gantt/tests/gantt-react.tsx +6 -7
package/src/gantt/templates/gantt-normal.tsx CHANGED
@@ -2,7 +2,7 @@ import { Gantt, GanttColumnsTable, GanttContent, GanttFooterToolbar, GanttHeader
2
2
  import { GridHeader, GridHeaderTable, GridHeaderCell, GridContainer, GridContent, GridTable, Grid } from "../../grid";
3
3
  import { TableThead, TableRow, TableTbody, TableTd } from "../../table";
4
4
  import { Splitter, SplitterPane } from "../../splitter";
5
- import { ButtonGroup } from "../../button-group";
5
+ import { SegmentedControl, SegmentedControlButton } from "../../segmented-control";
6
6
  import { TreeList } from "../../treelist";
7
7
  import { Button } from "../../button";
8
8
  import { Icon } from "../../icon";
@@ -21,11 +21,11 @@ export const GanttNormal = ({ flexBasis = "30%", gridContentHeight = "180px", ta
21
21
  <option value="week">Week</option>
22
22
  <option value="month">Month</option>
23
23
  </select>
24
- <ButtonGroup className="k-gantt-views">
25
- <Button className="k-view-day k-group-start">Day</Button>
26
- <Button className="k-view-week" selected>Week</Button>
27
- <Button className="k-view-month k-group-end">Month</Button>
28
- </ButtonGroup>
24
+ <SegmentedControl thumbStyles={{ width: "33%", left: "30%" }} className="k-gantt-views">
25
+ <SegmentedControlButton>Day</SegmentedControlButton>
26
+ <SegmentedControlButton selected>Week</SegmentedControlButton>
27
+ <SegmentedControlButton>Month</SegmentedControlButton>
28
+ </SegmentedControl>
29
29
  </div>
30
30
  </GanttHeaderToolbar>
31
31
  )}
package/src/gantt/templates/gantt-row-reordering.tsx CHANGED
@@ -2,7 +2,7 @@ import { Gantt, GanttColumnsTable, GanttContent, GanttFooterToolbar, GanttHeader
2
2
  import { GridHeader, GridHeaderTable, GridHeaderCell, GridContainer, GridContent, GridTable, Grid } from "../../grid";
3
3
  import { TableThead, TableRow, TableTbody, TableTd } from "../../table";
4
4
  import { Splitter, SplitterPane } from "../../splitter";
5
- import { ButtonGroup } from "../../button-group";
5
+ import { SegmentedControl, SegmentedControlButton } from "../../segmented-control";
6
6
  import { TreeList } from "../../treelist";
7
7
  import { Button } from "../../button";
8
8
  import { Icon } from "../../icon";
@@ -21,11 +21,11 @@ export const GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "180
21
21
  <option value="week">Week</option>
22
22
  <option value="month">Month</option>
23
23
  </select>
24
- <ButtonGroup className="k-gantt-views">
25
- <Button className="k-view-day k-group-start">Day</Button>
26
- <Button className="k-view-week" selected>Week</Button>
27
- <Button className="k-view-month k-group-end">Month</Button>
28
- </ButtonGroup>
24
+ <SegmentedControl thumbStyles={{ width: "33%", left: "30%" }} className="k-gantt-views">
25
+ <SegmentedControlButton>Day</SegmentedControlButton>
26
+ <SegmentedControlButton selected>Week</SegmentedControlButton>
27
+ <SegmentedControlButton>Month</SegmentedControlButton>
28
+ </SegmentedControl>
29
29
  </div>
30
30
  </GanttHeaderToolbar>
31
31
  )}
package/src/gantt/templates/gantt-with-tooltip.tsx CHANGED
@@ -2,7 +2,7 @@ import { Gantt, GanttColumnsTable, GanttContent, GanttHeaderToolbar, GanttRowsTa
2
2
  import { GridHeader, GridHeaderTable, GridHeaderCell, GridContainer, GridContent, GridTable, Grid } from "../../grid";
3
3
  import { TableThead, TableRow, TableTbody, TableTd } from "../../table";
4
4
  import { Splitter, SplitterPane } from "../../splitter";
5
- import { ButtonGroup } from "../../button-group";
5
+ import { SegmentedControl, SegmentedControlButton } from "../../segmented-control";
6
6
  import { TreeList } from "../../treelist";
7
7
  import { Button } from "../../button";
8
8
  import { Icon } from "../../icon";
@@ -22,11 +22,11 @@ export const GanttWithTooltip = ({ flexBasis = "30%", gridContentHeight = "180px
22
22
  <option value="week">Week</option>
23
23
  <option value="month">Month</option>
24
24
  </select>
25
- <ButtonGroup className="k-gantt-views">
26
- <Button className="k-view-day k-group-start">Day</Button>
27
- <Button className="k-view-week" selected>Week</Button>
28
- <Button className="k-view-month k-group-end">Month</Button>
29
- </ButtonGroup>
25
+ <SegmentedControl thumbStyles={{ width: "33%", left: "30%" }} className="k-gantt-views">
26
+ <SegmentedControlButton>Day</SegmentedControlButton>
27
+ <SegmentedControlButton selected>Week</SegmentedControlButton>
28
+ <SegmentedControlButton>Month</SegmentedControlButton>
29
+ </SegmentedControl>
30
30
  </div>
31
31
  </GanttHeaderToolbar>
32
32
  )}
package/src/gantt/tests/gantt-react.tsx CHANGED
@@ -1,5 +1,4 @@
1
- import { Button } from '../../button';
2
- import { ButtonGroup } from '../../button-group';
1
+ import { SegmentedControl, SegmentedControlButton } from '../../segmented-control';
3
2
  import { Icon } from '../../icon';
4
3
  import { Gantt, GanttHeaderToolbar, GanttContent, GanttColumnsTable, GanttTaskDot, GanttTask } from '../../gantt';
5
4
  import { TreeList } from '../../treelist';
@@ -22,11 +21,11 @@ export default () =>(
22
21
  <span className="k-spacer"></span>
23
22
  <span className="k-gantt-views">
24
23
  <div className="k-gantt-views-wrapper">
25
- <ButtonGroup className="k-gantt-views">
26
- <Button className="k-group-start">Day</Button>
27
- <Button selected>Week</Button>
28
- <Button className="k-group-end">Month</Button>
29
- </ButtonGroup>
24
+ <SegmentedControl thumbStyles={{ width: "33%", left: "30%" }} className="k-gantt-views">
25
+ <SegmentedControlButton>Day</SegmentedControlButton>
26
+ <SegmentedControlButton selected>Week</SegmentedControlButton>
27
+ <SegmentedControlButton>Month</SegmentedControlButton>
28
+ </SegmentedControl>
30
29
  <select className="k-picker k-dropdown-list k-dropdown k-views-dropdown">
31
30
  <option value="day">Day</option>
32
31
  <option value="week">Week</option>