fix(html): add checkbox checked template

telerik · Nov 12, 2024 · d9f0743 · d9f0743
1 parent 9423789
commit d9f0743
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 11 deletions.
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-normal-checked";
diff --git a/packages/html/src/checkbox/templates/checkbox-normal-checked.tsx b/packages/html/src/checkbox/templates/checkbox-normal-checked.tsx
@@ -0,0 +1,3 @@
+import Checkbox from "../checkbox.spec";
+
+export const CheckboxNormalChecked = (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, CheckboxNormalChecked } from '../../checkbox';
 
 
 const styles = `
@@ -21,15 +21,15 @@ export default () =>(
                 <>
                     <span>{rounded || 'none'}</span>
                     <span>
-                        <CheckboxNormal size="small" rounded={rounded} checked />
+                        <CheckboxNormalChecked size="small" rounded={rounded} />
                         checkbox
                     </span>
                     <span>
-                        <CheckboxNormal size="medium" rounded={rounded} checked />
+                        <CheckboxNormalChecked size="medium" rounded={rounded} />
                         checkbox
                     </span>
                     <span>
-                        <CheckboxNormal size="large" rounded={rounded} checked />
+                        <CheckboxNormalChecked 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 { CheckboxNormalChecked } from '../templates/checkbox-normal-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 />
+                    <CheckboxNormalChecked />
                     Checked
                 </label>
             </div>
@@ -33,7 +33,7 @@ export default () =>(
             </div>
             <div dir="rtl">
                 <label className="k-checkbox-label">
-                    <CheckboxNormal checked />
+                    <CheckboxNormalChecked />
                     Checked
                 </label>
             </div>
@@ -43,7 +43,7 @@ export default () =>(
             </div>
             <div>
                 <label className="k-checkbox-label">
-                    <CheckboxNormal disabled checked />
+                    <CheckboxNormalChecked disabled />
                     Checked
                 </label>
             </div>
@@ -52,7 +52,7 @@ export default () =>(
             </div>
             <div dir="rtl">
                 <label className="k-checkbox-label">
-                    <CheckboxNormal disabled checked />
+                    <CheckboxNormalChecked disabled />
                     Checked
                 </label>
             </div>
@@ -195,7 +195,7 @@ export default () =>(
             </div>
             <div>
                 <label className="k-checkbox-label">
-                    <CheckboxNormal checked />
+                    <CheckboxNormalChecked />
                     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 />
+                    <CheckboxNormalChecked />
                     Long label Vivamus a arcu lacus. Integer augue leo.
                 </label>
             </div>