diff --git a/packages/html/src/button-group/button-group.spec.tsx b/packages/html/src/button-group/button-group.spec.tsx index 3df84383e3a..65f32796341 100644 --- a/packages/html/src/button-group/button-group.spec.tsx +++ b/packages/html/src/button-group/button-group.spec.tsx @@ -1,4 +1,4 @@ -import { classNames, optionClassNames, stateClassNames, States, FillMode } from '../misc'; +import { classNames, optionClassNames, stateClassNames, States, Roundness, FillMode } from '../misc'; export const BUTTONGROUP_CLASSNAME = `k-button-group`; @@ -8,10 +8,12 @@ const states = [ const options = { fillMode: [ FillMode.solid, FillMode.flat, FillMode.outline, FillMode.clear, FillMode.link ], + rounded: [ Roundness.small, Roundness.medium, Roundness.large, Roundness.full ] }; export type KendoButtonGroupOptions = { fillMode?: (typeof options.fillMode)[number] | null; + rounded?: (typeof options.rounded)[number] | null; }; export type KendoButtonGroupProps = KendoButtonGroupOptions & { @@ -21,7 +23,8 @@ export type KendoButtonGroupProps = KendoButtonGroupOptions & { export type KendoButtonGroupState = { [K in (typeof states)[number]]?: boolean }; const defaultProps = { - fillMode: FillMode.solid + fillMode: FillMode.solid, + rounded: Roundness.medium }; export const ButtonGroup = ( @@ -31,6 +34,7 @@ export const ButtonGroup = ( ) => { const { fillMode = defaultProps.fillMode, + rounded = defaultProps.rounded, disabled, stretched, ...other @@ -43,7 +47,8 @@ export const ButtonGroup = ( props.className, BUTTONGROUP_CLASSNAME, optionClassNames(BUTTONGROUP_CLASSNAME, { - fillMode + fillMode, + rounded }), stateClassNames(BUTTONGROUP_CLASSNAME, { disabled diff --git a/packages/html/src/button-group/templates/icon-button-group.tsx b/packages/html/src/button-group/templates/icon-button-group.tsx index 03375fc8c30..d5f30410a77 100644 --- a/packages/html/src/button-group/templates/icon-button-group.tsx +++ b/packages/html/src/button-group/templates/icon-button-group.tsx @@ -2,7 +2,7 @@ import { ButtonGroup } from "../button-group.spec"; import { Button } from "../../button"; export const IconButtonGroup = (props) => ( - diff --git a/packages/html/src/button-group/templates/mixed-button-group.tsx b/packages/html/src/button-group/templates/mixed-button-group.tsx index 5f871c89de7..e6f80ae48d8 100644 --- a/packages/html/src/button-group/templates/mixed-button-group.tsx +++ b/packages/html/src/button-group/templates/mixed-button-group.tsx @@ -2,7 +2,7 @@ import { ButtonGroup } from "../button-group.spec"; import { Button } from "../../button"; export const MixedButtonGroup = (props) => ( - diff --git a/packages/html/src/button-group/templates/text-button-group.tsx b/packages/html/src/button-group/templates/text-button-group.tsx index 9f4d88b2e38..65311b55b53 100644 --- a/packages/html/src/button-group/templates/text-button-group.tsx +++ b/packages/html/src/button-group/templates/text-button-group.tsx @@ -2,7 +2,7 @@ import { ButtonGroup } from "../button-group.spec"; import { Button } from "../../button"; export const TextButtonGroup = (props) => ( - diff --git a/packages/html/src/button-group/tests/button-group-rounded.tsx b/packages/html/src/button-group/tests/button-group-rounded.tsx index 8520c1df726..de0b7556ea5 100644 --- a/packages/html/src/button-group/tests/button-group-rounded.tsx +++ b/packages/html/src/button-group/tests/button-group-rounded.tsx @@ -17,7 +17,7 @@ export default () => ( medium large - {[ "null", ...Button.options.rounded ].map((rounded: any) => ( + {[ "null", ...Button.options.rounded ].map((rounded) => ( <> {rounded} {Button.options.size.map((size) => ( diff --git a/tests/_output/material/button-group/button-group-rounded.png b/tests/_output/material/button-group/button-group-rounded.png index 492c16534b8..45a5bda3ab5 100644 Binary files a/tests/_output/material/button-group/button-group-rounded.png and b/tests/_output/material/button-group/button-group-rounded.png differ diff --git a/tests/_output/material/button-group/button-group.png b/tests/_output/material/button-group/button-group.png index c837921d971..44aae8038f9 100644 Binary files a/tests/_output/material/button-group/button-group.png and b/tests/_output/material/button-group/button-group.png differ diff --git a/tests/_output/material/datetime-selector/datetime-selector.png b/tests/_output/material/datetime-selector/datetime-selector.png index b062cdaac83..fabb5871a17 100644 Binary files a/tests/_output/material/datetime-selector/datetime-selector.png and b/tests/_output/material/datetime-selector/datetime-selector.png differ diff --git a/tests/_output/material/datetimepicker/datetimepicker-adaptive.png b/tests/_output/material/datetimepicker/datetimepicker-adaptive.png index 2afc3a3c210..2f54483e84c 100644 Binary files a/tests/_output/material/datetimepicker/datetimepicker-adaptive.png and b/tests/_output/material/datetimepicker/datetimepicker-adaptive.png differ diff --git a/tests/_output/material/datetimepicker/datetimepicker-opened.png b/tests/_output/material/datetimepicker/datetimepicker-opened.png index a257d935915..9f0697fbba2 100644 Binary files a/tests/_output/material/datetimepicker/datetimepicker-opened.png and b/tests/_output/material/datetimepicker/datetimepicker-opened.png differ diff --git a/tests/_output/material/imageeditor/imageeditor-crop-pane.png b/tests/_output/material/imageeditor/imageeditor-crop-pane.png index 27b05b6e256..3e548fe2deb 100644 Binary files a/tests/_output/material/imageeditor/imageeditor-crop-pane.png and b/tests/_output/material/imageeditor/imageeditor-crop-pane.png differ diff --git a/tests/_output/material/scheduler/scheduler-edit-dialog.png b/tests/_output/material/scheduler/scheduler-edit-dialog.png index a5240da474e..7ff649ca907 100644 Binary files a/tests/_output/material/scheduler/scheduler-edit-dialog.png and b/tests/_output/material/scheduler/scheduler-edit-dialog.png differ diff --git a/tests/_output/material/scheduler/scheduler-editing-weekly.png b/tests/_output/material/scheduler/scheduler-editing-weekly.png index 11bdcd87f58..1fca3fa9b1a 100644 Binary files a/tests/_output/material/scheduler/scheduler-editing-weekly.png and b/tests/_output/material/scheduler/scheduler-editing-weekly.png differ diff --git a/tests/button-group/button-group-rounded.html b/tests/button-group/button-group-rounded.html index bde60f32cd3..69715af0f46 100644 --- a/tests/button-group/button-group-rounded.html +++ b/tests/button-group/button-group-rounded.html @@ -99,7 +99,7 @@ small -
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
@@ -45,7 +45,7 @@
-
+
@@ -70,7 +70,7 @@
-
+
@@ -97,7 +97,7 @@
-
+
@@ -122,7 +122,7 @@
-
+
@@ -147,7 +147,7 @@
-
+
@@ -174,7 +174,7 @@
-
+
@@ -199,7 +199,7 @@
-
+
@@ -224,7 +224,7 @@
-
+
diff --git a/tests/coloreditor/coloreditor-rtl.html b/tests/coloreditor/coloreditor-rtl.html index 62440ad3037..82c51ba9814 100644 --- a/tests/coloreditor/coloreditor-rtl.html +++ b/tests/coloreditor/coloreditor-rtl.html @@ -123,7 +123,7 @@
-
+
@@ -240,7 +240,7 @@
-
+
diff --git a/tests/datetimepicker/datetimepicker-adaptive.html b/tests/datetimepicker/datetimepicker-adaptive.html index ac4d1b28e79..16c4bf8ac5f 100644 --- a/tests/datetimepicker/datetimepicker-adaptive.html +++ b/tests/datetimepicker/datetimepicker-adaptive.html @@ -61,7 +61,7 @@
-
+
@@ -308,7 +308,7 @@
-
+
diff --git a/tests/datetimepicker/datetimepicker-opened.html b/tests/datetimepicker/datetimepicker-opened.html index 8fd9c7a9efe..90e4e526f1e 100644 --- a/tests/datetimepicker/datetimepicker-opened.html +++ b/tests/datetimepicker/datetimepicker-opened.html @@ -48,7 +48,7 @@
-
+
@@ -280,7 +280,7 @@
-
+
@@ -512,7 +512,7 @@
-
+
@@ -711,7 +711,7 @@
-
+
diff --git a/tests/editor/editor-find-replace.html b/tests/editor/editor-find-replace.html index c9a676995f4..fa2531e721c 100644 --- a/tests/editor/editor-find-replace.html +++ b/tests/editor/editor-find-replace.html @@ -235,7 +235,7 @@
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
@@ -253,7 +253,7 @@
  • -
    +
    diff --git a/tests/filter/filter.html b/tests/filter/filter.html index 5f1d94385f1..8926c16b493 100644 --- a/tests/filter/filter.html +++ b/tests/filter/filter.html @@ -14,7 +14,7 @@
  • -
    +
    @@ -253,7 +253,7 @@
  • -
    +
    diff --git a/tests/gantt/gantt-react.html b/tests/gantt/gantt-react.html index fbcc16981eb..addbc0f7706 100644 --- a/tests/gantt/gantt-react.html +++ b/tests/gantt/gantt-react.html @@ -20,7 +20,7 @@
    -
    +
    diff --git a/tests/gantt/gantt-row-reordering.html b/tests/gantt/gantt-row-reordering.html index 0f395c965ef..b71c385d846 100644 --- a/tests/gantt/gantt-row-reordering.html +++ b/tests/gantt/gantt-row-reordering.html @@ -27,7 +27,7 @@ -
    +
    diff --git a/tests/gantt/gantt.html b/tests/gantt/gantt.html index bc33c2b1f89..d1be1bfc39a 100644 --- a/tests/gantt/gantt.html +++ b/tests/gantt/gantt.html @@ -27,7 +27,7 @@ -
    +
    diff --git a/tests/grid/grid-grouping.html b/tests/grid/grid-grouping.html index 6ec0e8ca5b4..8052b22b484 100644 --- a/tests/grid/grid-grouping.html +++ b/tests/grid/grid-grouping.html @@ -25,7 +25,7 @@ -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    diff --git a/tests/pdf-viewer/pdf-viewer-blank-page.html b/tests/pdf-viewer/pdf-viewer-blank-page.html index fc8bb5e2d21..840b364d945 100644 --- a/tests/pdf-viewer/pdf-viewer-blank-page.html +++ b/tests/pdf-viewer/pdf-viewer-blank-page.html @@ -60,7 +60,7 @@
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    @@ -40,7 +40,7 @@ 06/13/2022 - 06/20/2022 -
    +
    @@ -193,7 +193,7 @@ Scheduler Flex Layout
    -
    +
    @@ -221,7 +221,7 @@ 6/24/2024 - 6/25/2024 -
    +
    diff --git a/tests/scheduler/scheduler-current-time-marker.html b/tests/scheduler/scheduler-current-time-marker.html index 552b25c7ef0..c4529da3eb8 100644 --- a/tests/scheduler/scheduler-current-time-marker.html +++ b/tests/scheduler/scheduler-current-time-marker.html @@ -11,7 +11,7 @@
    -
    +
    @@ -39,7 +39,7 @@ Monday, June 10, 2013 - Friday, June 14, 2013 -
    +
    @@ -520,7 +520,7 @@
    -
    +
    @@ -548,7 +548,7 @@ Monday, February 18, 2019 -
    +
    diff --git a/tests/scheduler/scheduler-day-view.html b/tests/scheduler/scheduler-day-view.html index a329496cba0..913e1f5a078 100644 --- a/tests/scheduler/scheduler-day-view.html +++ b/tests/scheduler/scheduler-day-view.html @@ -12,7 +12,7 @@ Scheduler Table Layout
    -
    +
    @@ -40,7 +40,7 @@ Monday, June 13, 2022 -
    +
    @@ -300,7 +300,7 @@ Scheduler Flex Layout
    -
    +
    @@ -328,7 +328,7 @@ Monday, June 24, 2024 -
    +
    diff --git a/tests/scheduler/scheduler-edit-dialog.html b/tests/scheduler/scheduler-edit-dialog.html index 5a059cdb6c3..ddcede46ee5 100644 --- a/tests/scheduler/scheduler-edit-dialog.html +++ b/tests/scheduler/scheduler-edit-dialog.html @@ -120,7 +120,7 @@
    -
    +
    diff --git a/tests/scheduler/scheduler-editing-weekly.html b/tests/scheduler/scheduler-editing-weekly.html index 15f8bddc9fe..f219f9f2923 100644 --- a/tests/scheduler/scheduler-editing-weekly.html +++ b/tests/scheduler/scheduler-editing-weekly.html @@ -158,7 +158,7 @@
    -
    +
    @@ -205,7 +205,7 @@
    -
    +
    diff --git a/tests/scheduler/scheduler-events.html b/tests/scheduler/scheduler-events.html index 3ff04406a4b..8d758c2c38d 100644 --- a/tests/scheduler/scheduler-events.html +++ b/tests/scheduler/scheduler-events.html @@ -11,7 +11,7 @@
    -
    +
    @@ -39,7 +39,7 @@ Monday, June 10, 2013 - Friday, June 14, 2013 -
    +
    diff --git a/tests/scheduler/scheduler-month-view.html b/tests/scheduler/scheduler-month-view.html index 7499369b766..c1ce2df6279 100644 --- a/tests/scheduler/scheduler-month-view.html +++ b/tests/scheduler/scheduler-month-view.html @@ -12,7 +12,7 @@ Scheduler Table Layout
    -
    +
    @@ -40,7 +40,7 @@ Jun, 2024 -
    +
    @@ -310,7 +310,7 @@ Scheduler Flex Layout
    -
    +
    @@ -338,7 +338,7 @@ June 23 2024 -
    +
    diff --git a/tests/scheduler/scheduler-react-timeline-multi.html b/tests/scheduler/scheduler-react-timeline-multi.html index 21a87228111..346aa0fea58 100644 --- a/tests/scheduler/scheduler-react-timeline-multi.html +++ b/tests/scheduler/scheduler-react-timeline-multi.html @@ -17,7 +17,7 @@
    -
    +
    @@ -45,7 +45,7 @@ Wednesday, June 24, 2020 - Thursday, June 25, 2020 -
    +
    diff --git a/tests/scheduler/scheduler-timeline-view.html b/tests/scheduler/scheduler-timeline-view.html index 23f343a7f5b..832a201d23a 100644 --- a/tests/scheduler/scheduler-timeline-view.html +++ b/tests/scheduler/scheduler-timeline-view.html @@ -12,7 +12,7 @@ Scheduler Table Layout
    -
    +
    @@ -40,7 +40,7 @@ Monday, June 13, 2024 -
    +
    @@ -150,7 +150,7 @@ Scheduler Flex Layout
    -
    +
    @@ -178,7 +178,7 @@ Friday, June 21, 2024 -
    +
    diff --git a/tests/scheduler/scheduler-week-view.html b/tests/scheduler/scheduler-week-view.html index cbec05a6ee5..b1c332e3121 100644 --- a/tests/scheduler/scheduler-week-view.html +++ b/tests/scheduler/scheduler-week-view.html @@ -12,7 +12,7 @@ Scheduler Table Layout
    -
    +
    @@ -40,7 +40,7 @@ 10/04/2022 - 10/10/2022 -
    +
    @@ -372,7 +372,7 @@ Scheduler Flex Layout
    -
    +
    @@ -400,7 +400,7 @@ 6/23/2022 - 6/29/2022 -
    +
    diff --git a/tests/scheduler/scheduler-year-view.html b/tests/scheduler/scheduler-year-view.html index c2c31e0d1ec..0435675be9d 100644 --- a/tests/scheduler/scheduler-year-view.html +++ b/tests/scheduler/scheduler-year-view.html @@ -18,7 +18,7 @@
    -
    +
    @@ -46,7 +46,7 @@ 2021 -
    +
    diff --git a/tests/spreadsheet/spreadsheet-borders-config.html b/tests/spreadsheet/spreadsheet-borders-config.html index d4ac2571058..0fe5955a276 100644 --- a/tests/spreadsheet/spreadsheet-borders-config.html +++ b/tests/spreadsheet/spreadsheet-borders-config.html @@ -102,7 +102,7 @@
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    diff --git a/tests/toolbar/toolbar-sizes.html b/tests/toolbar/toolbar-sizes.html index 924d71f776f..12138300c54 100644 --- a/tests/toolbar/toolbar-sizes.html +++ b/tests/toolbar/toolbar-sizes.html @@ -26,7 +26,7 @@ Toggle
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +