update snap shot

Author: indianaPoly

packages/components/src/components/Checkbox/__tests__/__snapshots__/index.browser.test.tsx.snap

@@ -69,7 +69,7 @@ exports[`Checkbox > should render checked checkbox 1`] = `
         type="checkbox"
       />
       <svg
-        class="left-0-50%--255 pointer-events-0-none--255 position-0-absolute--255 top-0-8px--255 transform-0-translate(-50%,-50%)--255"
+        class="left-0-50%--255 pointer-events-0-none--255 position-0-absolute--255 top-0-60%--255 transform-0-translate(-50%,-50%)--255"
         height="10"
         viewBox="0 0 12 10"
         width="12"
@@ -78,7 +78,7 @@ exports[`Checkbox > should render checked checkbox 1`] = `
         <path
           clip-rule="evenodd"
           d="M11.6474 0.807113C12.0992 1.23373 12.1195 1.94575 11.6929 2.39745L5.31789 9.14745C5.10214 9.37589 4.80069 9.50369 4.48649 9.49992C4.1723 9.49615 3.874 9.36114 3.6638 9.12759L0.288803 5.37759C-0.126837 4.91576 -0.0893993 4.20444 0.372424 3.7888C0.834247 3.37315 1.54557 3.41059 1.96121 3.87242L4.51994 6.71544L10.0571 0.852551C10.4837 0.400843 11.1957 0.3805 11.6474 0.807113Z"
-          fill="#FFF"
+          fill="var(--checkIcon, #FFF)"
           fill-rule="evenodd"
         />
       </svg>
@@ -109,11 +109,11 @@ exports[`Checkbox > should render checked checkbox with custom colors 1`] = `
         checked=""
         class="background-0-light-dark(var(--primary,#6159D4),var(--primary,#6670F9))-6529705465913413318-1 border-0-none-6529705465913413318-1 background-0-light-dark(#F0F0F3,#47474A)-9407739846625397859-1 background-0-light-dark(#F0F0F3,#47474A)-14172363753176421546-1 accent-color-0-light-dark(var(--primary,#6159D4),var(--primary,#6670F9))--1 appearance-0-none--1 background-0-light-dark(#FFF,var(--inputBg,#2E2E2E))--1 border-0-1px solid light-dark(var(--border,#E0E0E0),var(--border,#333))--1 border-radius-0-2px--1 height-0-16px--1 width-0-16px--1 margin-0-0--1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 20%,#FFF 80%),color-mix(in srgb,var(--primary,#6670F9) 30%,#000 70%))-15425828959012638752-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 100%,#000 15%),color-mix(in srgb,var(--primary,#6670F9) 100%,#FFF 15%))-15130211206989154723-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 10%,#FFF 90%),color-mix(in srgb,var(--primary,#6670F9) 20%,#000 80%))-8380715471663921674-1 border-0-1px solid light-dark(var(--primary,#6159D4),var(--primary,#6670F9))-8380715471663921674-1 cursor-0-pointer--1 "
         id="«rj»"
-        style="--primary: #ff0000; --border: #00ff00; --text: #0000ff; --inputBg: #ffff00;"
+        style="--primary: #ff0000; --border: #00ff00; --text: #0000ff; --inputBg: #ffff00; --checkIcon: #000000;"
         type="checkbox"
       />
       <svg
-        class="left-0-50%--255 pointer-events-0-none--255 position-0-absolute--255 top-0-8px--255 transform-0-translate(-50%,-50%)--255"
+        class="left-0-50%--255 pointer-events-0-none--255 position-0-absolute--255 top-0-60%--255 transform-0-translate(-50%,-50%)--255"
         height="10"
         viewBox="0 0 12 10"
         width="12"
@@ -122,7 +122,7 @@ exports[`Checkbox > should render checked checkbox with custom colors 1`] = `
         <path
           clip-rule="evenodd"
           d="M11.6474 0.807113C12.0992 1.23373 12.1195 1.94575 11.6929 2.39745L5.31789 9.14745C5.10214 9.37589 4.80069 9.50369 4.48649 9.49992C4.1723 9.49615 3.874 9.36114 3.6638 9.12759L0.288803 5.37759C-0.126837 4.91576 -0.0893993 4.20444 0.372424 3.7888C0.834247 3.37315 1.54557 3.41059 1.96121 3.87242L4.51994 6.71544L10.0571 0.852551C10.4837 0.400843 11.1957 0.3805 11.6474 0.807113Z"
-          fill="#FFF"
+          fill="var(--checkIcon, #FFF)"
           fill-rule="evenodd"
         />
       </svg>
@@ -157,7 +157,7 @@ exports[`Checkbox > should render disabled and checked checkbox 1`] = `
         type="checkbox"
       />
       <svg
-        class="left-0-50%--255 pointer-events-0-none--255 position-0-absolute--255 top-0-8px--255 transform-0-translate(-50%,-50%)--255"
+        class="left-0-50%--255 pointer-events-0-none--255 position-0-absolute--255 top-0-60%--255 transform-0-translate(-50%,-50%)--255"
         height="10"
         viewBox="0 0 12 10"
         width="12"
@@ -226,7 +226,7 @@ exports[`Checkbox > should render disabled checkbox with custom colors 1`] = `
         class="background-0-light-dark(var(--primary,#6159D4),var(--primary,#6670F9))-6529705465913413318-1 border-0-none-6529705465913413318-1 background-0-light-dark(#F0F0F3,#47474A)-9407739846625397859-1 background-0-light-dark(#F0F0F3,#47474A)-14172363753176421546-1 accent-color-0-light-dark(var(--primary,#6159D4),var(--primary,#6670F9))--1 appearance-0-none--1 background-0-light-dark(#FFF,var(--inputBg,#2E2E2E))--1 border-0-1px solid light-dark(var(--border,#E0E0E0),var(--border,#333))--1 border-radius-0-2px--1 height-0-16px--1 width-0-16px--1 margin-0-0--1    cursor-0-not-allowed--1 "
         disabled=""
         id="«rk»"
-        style="--primary: #ff0000; --border: #00ff00; --text: #0000ff; --inputBg: #ffff00;"
+        style="--primary: #ff0000; --border: #00ff00; --text: #0000ff; --inputBg: #ffff00; --checkIcon: #000000;"
         type="checkbox"
       />
     </div>