Merge branch 'develop' into html-specs-corrections-6

telerik · Dec 2, 2024 · 795cb78 · 795cb78
2 parents b3f080f + 0508bf3
commit 795cb78
Show file tree

Hide file tree

Showing 102 changed files with 556 additions and 1,039 deletions.
diff --git a/packages/default/scss/tabstrip/_layout.scss b/packages/default/scss/tabstrip/_layout.scss
@@ -91,10 +91,6 @@
             flex-direction: row;
         }
 
-        .k-tab-on-top {
-            z-index: 1;
-        }
-
         .k-link {
             padding-block: $kendo-tabstrip-item-padding-y;
             padding-inline: $kendo-tabstrip-item-padding-x;

diff --git a/packages/default/scss/toolbar/_layout.scss b/packages/default/scss/toolbar/_layout.scss
@@ -132,12 +132,6 @@
     }
 
 
-    // Angular specific
-    .k-toolbar-renderer {
-        display: inline-block;
-        border-color: inherit;
-    }
-
     // Toolbar sizes
     @each $size, $size-props in $kendo-toolbar-sizes {
         $_padding-x: map.get( $size-props, padding-x );

diff --git a/packages/fluent/scss/tabstrip/_layout.scss b/packages/fluent/scss/tabstrip/_layout.scss
@@ -89,10 +89,6 @@
             flex-direction: row;
         }
 
-        .k-tab-on-top {
-            z-index: 1;
-        }
-
         .k-link {
             padding-inline: var( --kendo-tabstrip-item-padding-x, #{$kendo-tabstrip-item-padding-x} );
             padding-block: var( --kendo-tabstrip-item-padding-y, #{$kendo-tabstrip-item-padding-y} );

diff --git a/packages/fluent/scss/toolbar/_layout.scss b/packages/fluent/scss/toolbar/_layout.scss
@@ -110,12 +110,6 @@
         gap: inherit;
     }
 
-    // Angular specific
-    .k-toolbar-renderer {
-        display: inline-block;
-        border-color: inherit;
-    }
-
     // Toolbar sizes
     @each $size, $size-props in $kendo-toolbar-sizes {
         $_padding-x: map.get( $size-props, padding-x );

diff --git a/packages/html/src/checkbox/index.ts b/packages/html/src/checkbox/index.ts
@@ -6,3 +6,4 @@ export * from "./templates/checkbox-with-label-before";
 export * from "./templates/checkbox-group-horizontal";
 export * from "./templates/checkbox-group-normal";
 export * from "./templates/checkbox-normal";
+export * from "./templates/checkbox-checked";
diff --git a/packages/html/src/checkbox/templates/checkbox-checked.tsx b/packages/html/src/checkbox/templates/checkbox-checked.tsx
@@ -0,0 +1,3 @@
+import Checkbox from "../checkbox.spec";
+
+export const CheckboxChecked = (props: any) => <Checkbox checked {...props}/>;
diff --git a/packages/html/src/checkbox/tests/checkbox-rounded.tsx b/packages/html/src/checkbox/tests/checkbox-rounded.tsx
@@ -1,4 +1,4 @@
-import { Checkbox, CheckboxNormal } from '../../checkbox';
+import { Checkbox, CheckboxChecked } from '../../checkbox';
 
 
 const styles = `
@@ -21,15 +21,15 @@ export default () =>(
                 <>
                     <span>{rounded || 'none'}</span>
                     <span>
-                        <CheckboxNormal size="small" rounded={rounded} checked />
+                        <CheckboxChecked size="small" rounded={rounded} />
                         checkbox
                     </span>
                     <span>
-                        <CheckboxNormal size="medium" rounded={rounded} checked />
+                        <CheckboxChecked size="medium" rounded={rounded} />
                         checkbox
                     </span>
                     <span>
-                        <CheckboxNormal size="large" rounded={rounded} checked />
+                        <CheckboxChecked size="large" rounded={rounded} />
                         checkbox
                     </span>
                 </>

diff --git a/packages/html/src/checkbox/tests/checkbox.tsx b/packages/html/src/checkbox/tests/checkbox.tsx
@@ -1,6 +1,6 @@
 import { CheckboxWithLabelAfter } from '../templates/checkbox-with-label-after';
 import { CheckboxNormal } from '../templates/checkbox-normal';
-
+import { CheckboxChecked } from '../templates/checkbox-checked';
 
 const styles = `
     .k-ripple-container .k-checkbox:focus::after,
@@ -24,7 +24,7 @@ export default () =>(
             </div>
             <div>
                 <label className="k-checkbox-label">
-                    <CheckboxNormal checked />
+                    <CheckboxChecked />
                     Checked
                 </label>
             </div>
@@ -33,7 +33,7 @@ export default () =>(
             </div>
             <div dir="rtl">
                 <label className="k-checkbox-label">
-                    <CheckboxNormal checked />
+                    <CheckboxChecked />
                     Checked
                 </label>
             </div>
@@ -43,7 +43,7 @@ export default () =>(
             </div>
             <div>
                 <label className="k-checkbox-label">
-                    <CheckboxNormal disabled checked />
+                    <CheckboxChecked disabled />
                     Checked
                 </label>
             </div>
@@ -52,7 +52,7 @@ export default () =>(
             </div>
             <div dir="rtl">
                 <label className="k-checkbox-label">
-                    <CheckboxNormal disabled checked />
+                    <CheckboxChecked disabled />
                     Checked
                 </label>
             </div>
@@ -195,7 +195,7 @@ export default () =>(
             </div>
             <div>
                 <label className="k-checkbox-label">
-                    <CheckboxNormal checked />
+                    <CheckboxChecked />
                     Long label Vivamus a arcu lacus. Integer augue leo.
                 </label>
             </div>
@@ -204,7 +204,7 @@ export default () =>(
             </div>
             <div dir="rtl">
                 <label className="k-checkbox-label">
-                    <CheckboxNormal checked />
+                    <CheckboxChecked />
                     Long label Vivamus a arcu lacus. Integer augue leo.
                 </label>
             </div>

diff --git a/packages/html/src/column-menu/templates/column-menu-tabbed.tsx b/packages/html/src/column-menu/templates/column-menu-tabbed.tsx
@@ -5,7 +5,7 @@ export const ColumnMenuTabbed = (props) => (
     <ColumnMenu
         view="tabbed"
         children={
-            <TabStripNormal header={false} className="k-pos-relative"
+            <TabStripNormal className="k-pos-relative"
                 tabStripItems={
                     <>
                         <TabStripItem active icon="filter" />

diff --git a/packages/html/src/column-menu/tests/column-menu-tabbed.tsx b/packages/html/src/column-menu/tests/column-menu-tabbed.tsx
@@ -26,7 +26,7 @@ export default () =>(
 
             <section>
                 <ColumnMenuTabbed>
-                    <TabStripNormal header={false} className="k-overflow-hidden"
+                    <TabStripNormal className="k-overflow-hidden"
                         tabStripItems={
                             <>
                                 <TabStripItem icon="filter" />
@@ -56,7 +56,7 @@ export default () =>(
 
             <section>
                 <ColumnMenuTabbed>
-                    <TabStripNormal header={false} className="k-overflow-hidden"
+                    <TabStripNormal className="k-overflow-hidden"
                         tabStripItems={
                             <>
                                 <TabStripItem active icon="filter" />
@@ -73,7 +73,7 @@ export default () =>(
 
             <section>
                 <ColumnMenuTabbed>
-                    <TabStripNormal header={false} className="k-pos-relative"
+                    <TabStripNormal className="k-pos-relative"
                         tabStripItems={
                             <>
                                 <TabStripItem active icon="filter" />

diff --git a/packages/html/src/datetimepicker/datetimepicker.spec.tsx b/packages/html/src/datetimepicker/datetimepicker.spec.tsx
@@ -132,7 +132,7 @@ export const DateTimePicker = (
                 />
             </Input>
             { opened &&
-                <Popup className={`k-${tab === "time" ? "list" : "calendar"}-container k-datetimepicker-popup`} dir={dir}>
+                <Popup className="k-datetime-container k-datetimepicker-popup" dir={dir}>
                     <DateTimeSelector tab={tab} dir={dir} />
                 </Popup>
             }
@@ -146,7 +146,10 @@ export const DateTimePicker = (
 
                     <DateTimeSelector size="large" tab={tab} actionButtons={false} />
 
-                    <ActionSheetFooter actions={[ 'Cancel', '!Set' ]} />
+                    <ActionSheetFooter>
+                        <Button text="Set" size="large" themeColor="primary" className="k-time-accept" />
+                        <Button text="Cancel" size="large" themeColor="base" className="k-time-cancel" />
+                    </ActionSheetFooter>
                 </ActionSheet>
             }
         </>

diff --git a/packages/html/src/editor/tests/editor-find-replace.tsx b/packages/html/src/editor/tests/editor-find-replace.tsx
@@ -36,10 +36,10 @@ export default () =>(
 
             <section>
                 <WindowNormal title="Find and Replace" actions={[ 'x' ]}>
-                    <TabStripNormal header={false} className="k-editor-find-replace"
+                    <TabStripNormal className="k-editor-find-replace"
                         tabStripItems={
                             <>
-                                <TabStripItem className="k-tab-on-top" value="Find" active />
+                                <TabStripItem value="Find" active />
                                 <TabStripItem value="Replace" />
                             </>
                         }
@@ -76,11 +76,11 @@ export default () =>(
 
             <section>
                 <WindowNormal className="k-editor-window" title="Find and Replace" actions={[ 'x' ]}>
-                    <TabStripNormal header={false} className="k-editor-find-replace"
+                    <TabStripNormal className="k-editor-find-replace"
                         tabStripItems={
                             <>
                                 <TabStripItem value="Find" />
-                                <TabStripItem className="k-tab-on-top" value="Replace" active />
+                                <TabStripItem value="Replace" active />
                             </>
                         }
                     >

diff --git a/packages/html/src/editor/tests/editor-table-wizard.tsx b/packages/html/src/editor/tests/editor-table-wizard.tsx
@@ -37,7 +37,7 @@ export default () =>(
                         <Button>Cancel</Button>
                     </>
                 }>
-                    <TabStripNormal header={false}
+                    <TabStripNormal
                         tabStripItems={
                             <>
                                 <TabStripItem first active value="General"/>
@@ -138,7 +138,7 @@ export default () =>(
                         <Button>Cancel</Button>
                     </>
                 }>
-                    <TabStripNormal header={false}
+                    <TabStripNormal
                         tabStripItems={
                             <>
                                 <TabStripItem first value="General"/>

diff --git a/packages/html/src/expansion-panel/expansion-panel.spec.tsx b/packages/html/src/expansion-panel/expansion-panel.spec.tsx
@@ -69,7 +69,7 @@ export const ExpansionPanel = (
             <div className={classNames(
                 'k-expander-content-wrapper',
                 {
-                    'k-d-none': !expanded
+                    'k-hidden': !expanded
                 }
             )}>
                 <div className="k-expander-content" style={contentStyle}>

diff --git a/packages/html/src/gantt/tests/gantt-editing-popup-general.tsx b/packages/html/src/gantt/tests/gantt-editing-popup-general.tsx
@@ -29,7 +29,7 @@ export default () =>(
                         <Button icon="trash" fillMode="flat" themeColor="primary">Delete</Button>
                     </>
                 }>
-                    <TabStripNormal header={false}
+                    <TabStripNormal
                         tabStripItems={
                             <>
                                 <TabStripItem first active value="General" />

diff --git a/packages/html/src/gantt/tests/gantt-editing-popup-other.tsx b/packages/html/src/gantt/tests/gantt-editing-popup-other.tsx
@@ -30,7 +30,7 @@ export default () =>(
                         <Button icon="trash" fillMode="flat" themeColor="primary">Delete</Button>
                     </>
                 }>
-                    <TabStripNormal header={false}
+                    <TabStripNormal
                         tabStripItems={
                             <>
                                 <TabStripItem first value="General" />

diff --git a/packages/html/src/gantt/tests/gantt-editing-popup-predecessors.tsx b/packages/html/src/gantt/tests/gantt-editing-popup-predecessors.tsx
@@ -28,7 +28,7 @@ export default () =>(
                         <Button icon="trash" fillMode="flat" themeColor="primary">Delete</Button>
                     </>
                 }>
-                    <TabStripNormal header={false}
+                    <TabStripNormal
                         tabStripItems={
                             <>
                                 <TabStripItem first value="General" />

diff --git a/packages/html/src/gantt/tests/gantt-editing-popup-resources.tsx b/packages/html/src/gantt/tests/gantt-editing-popup-resources.tsx
@@ -28,7 +28,7 @@ export default () =>(
                         <Button icon="trash" fillMode="flat" themeColor="primary">Delete</Button>
                     </>
                 }>
-                    <TabStripNormal header={false}
+                    <TabStripNormal
                         tabStripItems={
                             <>
                                 <TabStripItem first value="General" />

diff --git a/packages/html/src/gantt/tests/gantt-editing-popup-successors.tsx b/packages/html/src/gantt/tests/gantt-editing-popup-successors.tsx
@@ -27,7 +27,7 @@ export default () =>(
                         <Button icon="trash" fillMode="flat" themeColor="primary">Delete</Button>
                     </>
                 }>
-                    <TabStripNormal header={false}
+                    <TabStripNormal
                         tabStripItems={
                             <>
                                 <TabStripItem first value="General" />

diff --git a/packages/html/src/grid/tests/grid-column-menu-tabbed.tsx b/packages/html/src/grid/tests/grid-column-menu-tabbed.tsx
@@ -29,7 +29,7 @@ export default () =>(
             <section>
                 <Popup className="k-grid-columnmenu-popup">
                     <ColumnMenuTabbed>
-                        <TabStripNormal header={false} className="k-overflow-hidden"
+                        <TabStripNormal className="k-overflow-hidden"
                             tabStripItems={
                                 <>
                                     <TabStripItem active icon="filter" />
@@ -49,7 +49,7 @@ export default () =>(
             <section>
                 <Popup className="k-grid-columnmenu-popup">
                     <ColumnMenuTabbed>
-                        <TabStripNormal header={false} className="k-overflow-hidden"
+                        <TabStripNormal className="k-overflow-hidden"
                             tabStripItems={
                                 <>
                                     <TabStripItem icon="filter" />
@@ -82,7 +82,7 @@ export default () =>(
             <section>
                 <Popup className="k-grid-columnmenu-popup">
                     <ColumnMenuTabbed>
-                        <TabStripNormal header={false} className="k-overflow-hidden"
+                        <TabStripNormal className="k-overflow-hidden"
                             tabStripItems={
                                 <>
                                     <TabStripItem icon="filter" />
@@ -129,7 +129,7 @@ export default () =>(
             <section>
                 <Popup className="k-grid-columnmenu-popup">
                     <ColumnMenuTabbed>
-                        <TabStripNormal header={false} className="k-overflow-hidden"
+                        <TabStripNormal className="k-overflow-hidden"
                             tabStripItems={
                                 <>
                                     <TabStripItem active icon="filter" />
@@ -148,7 +148,7 @@ export default () =>(
             <section>
                 <Popup className="k-grid-columnmenu-popup">
                     <ColumnMenuTabbed>
-                        <TabStripNormal header={false} className="k-pos-relative"
+                        <TabStripNormal className="k-pos-relative"
                             tabStripItems={
                                 <>
                                     <TabStripItem active icon="filter" />

diff --git a/packages/html/src/imageeditor/templates/imageeditor-crop.tsx b/packages/html/src/imageeditor/templates/imageeditor-crop.tsx
@@ -1,7 +1,7 @@
 import { ImageEditor } from "..";
 import { ButtonGroup, ToolbarItem, ToolbarSeparator } from "../..";
 import { Button } from "../../button";
-import { Checkbox } from "../../checkbox";
+import { CheckboxWithLabelAfter } from "../../checkbox";
 import { DropdownList } from "../../dropdownlist";
 import { FormNormal, Fieldset, FormField } from "../../form";
 import { NumericTextbox } from "../../numerictextbox";
@@ -58,8 +58,7 @@ export const ImageEditorCrop = (props: any) => (
                     />
                     <FormField
                         colSpan="2"
-                        label="Lock aspect ratio:"
-                        editor={ <Checkbox /> }
+                        editor={ <CheckboxWithLabelAfter>Lock aspect ratio</CheckboxWithLabelAfter> }
                     />
                 </Fieldset>
             </FormNormal>

diff --git a/packages/html/src/imageeditor/templates/imageeditor-resize.tsx b/packages/html/src/imageeditor/templates/imageeditor-resize.tsx
@@ -1,6 +1,6 @@
 import { ImageEditor } from "..";
 import { Button } from "../../button";
-import { Checkbox } from "../../checkbox";
+import { CheckboxWithLabelAfter } from "../../checkbox";
 import { DropdownList } from "../../dropdownlist";
 import { FormNormal, Fieldset, FormField } from "../../form";
 import { NumericTextbox } from "../../numerictextbox";
@@ -53,8 +53,7 @@ export const ImageEditorResize = (props: any) => (
                     />
                     <FormField
                         colSpan="2"
-                        label="Lock aspect ratio:"
-                        editor={ <Checkbox /> }
+                        editor={ <CheckboxWithLabelAfter>Lock aspect ratio</CheckboxWithLabelAfter> }
                     />
                 </Fieldset>
             </FormNormal>

diff --git a/packages/html/src/spreadsheet/spreadsheet-sheets-bar.tsx b/packages/html/src/spreadsheet/spreadsheet-sheets-bar.tsx
@@ -61,8 +61,7 @@ export const SpreadsheetSheetsBar = (
                 tabStripItems={tabStripItems}
                 position="bottom"
                 scrollable
-                scrollButtonsPosition="end"
-                header={false} />
+                scrollButtonsPosition="end" />
         </div>
     );
 };