From ad0d18fa79f084e4d22ac93b5aacd95786824cf8 Mon Sep 17 00:00:00 2001
From: Edwin Guzman <edwin.gzmn@gmail.com>
Date: Thu, 30 Nov 2023 16:05:20 -0500
Subject: [PATCH] Update snapshot

---
 .../__snapshots__/Checkbox.test.tsx.snap      |  99 +-----
 .../__snapshots__/CheckboxGroup.test.tsx.snap | 336 ++----------------
 2 files changed, 32 insertions(+), 403 deletions(-)

diff --git a/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap b/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap
index 048a430975..5acc44acd2 100644
--- a/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap
+++ b/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap
@@ -7,7 +7,6 @@ exports[`Checkbox renders the UI snapshot correctly 1`] = `
 >
   <label
     className="chakra-checkbox css-19e67wo"
-    defaultIsChecked={false}
     onClick={[Function]}
   >
     <input
@@ -46,18 +45,7 @@ exports[`Checkbox renders the UI snapshot correctly 1`] = `
       onMouseEnter={[Function]}
       onMouseLeave={[Function]}
       onMouseUp={[Function]}
-    >
-      <svg
-        className="chakra-icon css-qyb3gi"
-        focusable={false}
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-          fill="currentColor"
-        />
-      </svg>
-    </span>
+    />
     <span
       className="chakra-checkbox__label css-1oeb2oe"
       onMouseDown={[Function]}
@@ -119,6 +107,7 @@ exports[`Checkbox renders the UI snapshot correctly 2`] = `
       <svg
         className="chakra-icon css-qyb3gi"
         focusable={false}
+        id="test"
         viewBox="0 0 24 24"
       >
         <path
@@ -235,7 +224,6 @@ exports[`Checkbox renders the UI snapshot correctly 4`] = `
 >
   <label
     className="chakra-checkbox css-19e67wo"
-    defaultIsChecked={false}
     onClick={[Function]}
   >
     <input
@@ -274,18 +262,7 @@ exports[`Checkbox renders the UI snapshot correctly 4`] = `
       onMouseEnter={[Function]}
       onMouseLeave={[Function]}
       onMouseUp={[Function]}
-    >
-      <svg
-        className="chakra-icon css-qyb3gi"
-        focusable={false}
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-          fill="currentColor"
-        />
-      </svg>
-    </span>
+    />
     <span
       className="chakra-checkbox__label css-1oeb2oe"
       onMouseDown={[Function]}
@@ -304,7 +281,6 @@ exports[`Checkbox renders the UI snapshot correctly 5`] = `
   <label
     className="chakra-checkbox css-19e67wo"
     data-invalid=""
-    defaultIsChecked={false}
     onClick={[Function]}
   >
     <input
@@ -344,18 +320,7 @@ exports[`Checkbox renders the UI snapshot correctly 5`] = `
       onMouseEnter={[Function]}
       onMouseLeave={[Function]}
       onMouseUp={[Function]}
-    >
-      <svg
-        className="chakra-icon css-qyb3gi"
-        focusable={false}
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-          fill="currentColor"
-        />
-      </svg>
-    </span>
+    />
     <span
       className="chakra-checkbox__label css-1oeb2oe"
       data-invalid=""
@@ -375,7 +340,6 @@ exports[`Checkbox renders the UI snapshot correctly 6`] = `
   <label
     className="chakra-checkbox css-19e67wo"
     data-disabled=""
-    defaultIsChecked={false}
     onClick={[Function]}
   >
     <input
@@ -415,18 +379,7 @@ exports[`Checkbox renders the UI snapshot correctly 6`] = `
       onMouseEnter={[Function]}
       onMouseLeave={[Function]}
       onMouseUp={[Function]}
-    >
-      <svg
-        className="chakra-icon css-qyb3gi"
-        focusable={false}
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-          fill="currentColor"
-        />
-      </svg>
-    </span>
+    />
     <span
       className="chakra-checkbox__label css-1oeb2oe"
       data-disabled=""
@@ -445,7 +398,6 @@ exports[`Checkbox renders the UI snapshot correctly 7`] = `
 >
   <label
     className="chakra-checkbox css-19e67wo"
-    defaultIsChecked={false}
     onClick={[Function]}
   >
     <input
@@ -485,18 +437,7 @@ exports[`Checkbox renders the UI snapshot correctly 7`] = `
       onMouseEnter={[Function]}
       onMouseLeave={[Function]}
       onMouseUp={[Function]}
-    >
-      <svg
-        className="chakra-icon css-qyb3gi"
-        focusable={false}
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-          fill="currentColor"
-        />
-      </svg>
-    </span>
+    />
     <span
       className="chakra-checkbox__label css-1oeb2oe"
       onMouseDown={[Function]}
@@ -526,7 +467,6 @@ exports[`Checkbox renders the UI snapshot correctly 8`] = `
 >
   <label
     className="chakra-checkbox css-cnetlc"
-    defaultIsChecked={false}
     onClick={[Function]}
   >
     <input
@@ -565,18 +505,7 @@ exports[`Checkbox renders the UI snapshot correctly 8`] = `
       onMouseEnter={[Function]}
       onMouseLeave={[Function]}
       onMouseUp={[Function]}
-    >
-      <svg
-        className="chakra-icon css-qyb3gi"
-        focusable={false}
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-          fill="currentColor"
-        />
-      </svg>
-    </span>
+    />
     <span
       className="chakra-checkbox__label css-1oeb2oe"
       onMouseDown={[Function]}
@@ -595,7 +524,6 @@ exports[`Checkbox renders the UI snapshot correctly 9`] = `
 >
   <label
     className="chakra-checkbox css-19e67wo"
-    defaultIsChecked={false}
     onClick={[Function]}
   >
     <input
@@ -634,18 +562,7 @@ exports[`Checkbox renders the UI snapshot correctly 9`] = `
       onMouseEnter={[Function]}
       onMouseLeave={[Function]}
       onMouseUp={[Function]}
-    >
-      <svg
-        className="chakra-icon css-qyb3gi"
-        focusable={false}
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-          fill="currentColor"
-        />
-      </svg>
-    </span>
+    />
     <span
       className="chakra-checkbox__label css-1oeb2oe"
       onMouseDown={[Function]}
diff --git a/src/components/CheckboxGroup/__snapshots__/CheckboxGroup.test.tsx.snap b/src/components/CheckboxGroup/__snapshots__/CheckboxGroup.test.tsx.snap
index 880e93e75f..6d1de128d3 100644
--- a/src/components/CheckboxGroup/__snapshots__/CheckboxGroup.test.tsx.snap
+++ b/src/components/CheckboxGroup/__snapshots__/CheckboxGroup.test.tsx.snap
@@ -19,7 +19,6 @@ exports[`Checkbox renders the UI snapshot correctly 1`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -59,18 +58,7 @@ exports[`Checkbox renders the UI snapshot correctly 1`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -85,7 +73,6 @@ exports[`Checkbox renders the UI snapshot correctly 1`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -125,18 +112,7 @@ exports[`Checkbox renders the UI snapshot correctly 1`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -175,7 +151,6 @@ exports[`Checkbox renders the UI snapshot correctly 2`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -215,18 +190,7 @@ exports[`Checkbox renders the UI snapshot correctly 2`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -241,7 +205,6 @@ exports[`Checkbox renders the UI snapshot correctly 2`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -281,18 +244,7 @@ exports[`Checkbox renders the UI snapshot correctly 2`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -331,7 +283,6 @@ exports[`Checkbox renders the UI snapshot correctly 3`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -371,18 +322,7 @@ exports[`Checkbox renders the UI snapshot correctly 3`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -397,7 +337,6 @@ exports[`Checkbox renders the UI snapshot correctly 3`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -437,18 +376,7 @@ exports[`Checkbox renders the UI snapshot correctly 3`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -487,7 +415,6 @@ exports[`Checkbox renders the UI snapshot correctly 4`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -527,18 +454,7 @@ exports[`Checkbox renders the UI snapshot correctly 4`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -553,7 +469,6 @@ exports[`Checkbox renders the UI snapshot correctly 4`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -593,18 +508,7 @@ exports[`Checkbox renders the UI snapshot correctly 4`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -652,7 +556,6 @@ exports[`Checkbox renders the UI snapshot correctly 5`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -692,18 +595,7 @@ exports[`Checkbox renders the UI snapshot correctly 5`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -718,7 +610,6 @@ exports[`Checkbox renders the UI snapshot correctly 5`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -758,18 +649,7 @@ exports[`Checkbox renders the UI snapshot correctly 5`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -808,7 +688,6 @@ exports[`Checkbox renders the UI snapshot correctly 6`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -848,18 +727,7 @@ exports[`Checkbox renders the UI snapshot correctly 6`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -874,7 +742,6 @@ exports[`Checkbox renders the UI snapshot correctly 6`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -914,18 +781,7 @@ exports[`Checkbox renders the UI snapshot correctly 6`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -967,7 +823,6 @@ exports[`Checkbox renders the UI snapshot correctly 7`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -1007,18 +862,7 @@ exports[`Checkbox renders the UI snapshot correctly 7`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -1033,7 +877,6 @@ exports[`Checkbox renders the UI snapshot correctly 7`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -1073,18 +916,7 @@ exports[`Checkbox renders the UI snapshot correctly 7`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -1124,7 +956,6 @@ exports[`Checkbox renders the UI snapshot correctly 8`] = `
       <label
         className="chakra-checkbox css-19e67wo"
         data-invalid=""
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -1165,18 +996,7 @@ exports[`Checkbox renders the UI snapshot correctly 8`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           data-invalid=""
@@ -1193,7 +1013,6 @@ exports[`Checkbox renders the UI snapshot correctly 8`] = `
       <label
         className="chakra-checkbox css-19e67wo"
         data-invalid=""
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -1234,18 +1053,7 @@ exports[`Checkbox renders the UI snapshot correctly 8`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           data-invalid=""
@@ -1286,7 +1094,6 @@ exports[`Checkbox renders the UI snapshot correctly 9`] = `
       <label
         className="chakra-checkbox css-19e67wo"
         data-disabled=""
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -1327,18 +1134,7 @@ exports[`Checkbox renders the UI snapshot correctly 9`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           data-disabled=""
@@ -1355,7 +1151,6 @@ exports[`Checkbox renders the UI snapshot correctly 9`] = `
       <label
         className="chakra-checkbox css-19e67wo"
         data-disabled=""
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -1396,18 +1191,7 @@ exports[`Checkbox renders the UI snapshot correctly 9`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           data-disabled=""
@@ -1447,7 +1231,6 @@ exports[`Checkbox renders the UI snapshot correctly 10`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -1487,18 +1270,7 @@ exports[`Checkbox renders the UI snapshot correctly 10`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -1525,7 +1297,6 @@ exports[`Checkbox renders the UI snapshot correctly 10`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -1565,18 +1336,7 @@ exports[`Checkbox renders the UI snapshot correctly 10`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -1627,7 +1387,6 @@ exports[`Checkbox renders the UI snapshot correctly 11`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -1667,18 +1426,7 @@ exports[`Checkbox renders the UI snapshot correctly 11`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -1693,7 +1441,6 @@ exports[`Checkbox renders the UI snapshot correctly 11`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -1733,18 +1480,7 @@ exports[`Checkbox renders the UI snapshot correctly 11`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -1784,7 +1520,6 @@ exports[`Checkbox renders the UI snapshot correctly 12`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -1824,18 +1559,7 @@ exports[`Checkbox renders the UI snapshot correctly 12`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}
@@ -1850,7 +1574,6 @@ exports[`Checkbox renders the UI snapshot correctly 12`] = `
     >
       <label
         className="chakra-checkbox css-19e67wo"
-        defaultIsChecked={false}
         onClick={[Function]}
       >
         <input
@@ -1890,18 +1613,7 @@ exports[`Checkbox renders the UI snapshot correctly 12`] = `
           onMouseEnter={[Function]}
           onMouseLeave={[Function]}
           onMouseUp={[Function]}
-        >
-          <svg
-            className="chakra-icon css-qyb3gi"
-            focusable={false}
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.795 15.875l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41-10.59 10.58z"
-              fill="currentColor"
-            />
-          </svg>
-        </span>
+        />
         <span
           className="chakra-checkbox__label css-1oeb2oe"
           onMouseDown={[Function]}