From 37017cc9464bc88f1a98f399ac3d48ff1c9b5612 Mon Sep 17 00:00:00 2001
From: moshiur01 <mr.moshiur314@gmail.com>
Date: Tue, 10 Dec 2024 17:13:38 +0600
Subject: [PATCH] Updated: Checkbox component updated.

---
 src/components/Checkbox/Checkbox.vue | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/components/Checkbox/Checkbox.vue b/src/components/Checkbox/Checkbox.vue
index 090abc61..8cf4743a 100644
--- a/src/components/Checkbox/Checkbox.vue
+++ b/src/components/Checkbox/Checkbox.vue
@@ -27,7 +27,7 @@ const restProps = computed(() => {
     v-bind="restProps"
     :class="
       cn(
-        'peer relative h-5 w-5 shrink-0 border border-metal-200 ring-offset-primary-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary-500 data-[state=checked]:text-primary-500 dark:border-metal-100 dark:ring-offset-primary-500 dark:focus-visible:ring-primary-500 dark:data-[state=checked]:text-primary-500',
+        'peer relative h-4 w-4 shrink-0 border border-metal-200 ring-offset-primary-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-100 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary-500 data-[state=checked]:text-primary-500 dark:border-metal-100 dark:ring-offset-primary-500 dark:focus-visible:ring-primary-500 dark:data-[state=checked]:text-primary-500',
         props.variant !== 'default' &&
           'data-[state=checked]:before:absolute data-[state=checked]:before:left-1/2 data-[state=checked]:before:top-1/2 data-[state=checked]:before:h-2.5 data-[state=checked]:before:w-2.5 data-[state=checked]:before:-translate-x-1/2 data-[state=checked]:before:-translate-y-1/2 data-[state=checked]:before:bg-primary-500 data-[state=checked]:before:content-[\'\'] dark:data-[state=checked]:before:bg-primary-500',
         props.variant === 'default' &&
@@ -46,18 +46,14 @@ const restProps = computed(() => {
       <slot>
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="text-current"
-          width="16"
-          height="16"
-          viewBox="0 0 16 16"
+          width="9"
+          height="6"
+          viewBox="0 0 9 6"
           fill="none">
-          <path
-            d="M0 4C0 1.79086 1.79086 0 4 0H12C14.2091 0 16 1.79086 16 4V12C16 14.2091 14.2091 16 12 16H4C1.79086 16 0 14.2091 0 12V4Z"
-            fill="#1B4DFF" />
           <path
             fill-rule="evenodd"
             clip-rule="evenodd"
-            d="M11.9784 5.27167C12.2772 5.57042 12.2772 6.05479 11.9784 6.35354L7.60342 10.7285C7.30467 11.0273 6.8203 11.0273 6.52155 10.7285L4.33405 8.54104C4.0353 8.24229 4.0353 7.75792 4.33405 7.45917C4.6328 7.16042 5.11717 7.16042 5.41592 7.45917L7.06249 9.10573L10.8965 5.27167C11.1953 4.97292 11.6797 4.97292 11.9784 5.27167Z"
+            d="M7.97842 0.271671C8.27717 0.570422 8.27717 1.05479 7.97842 1.35354L3.60342 5.72854C3.30467 6.0273 2.8203 6.0273 2.52155 5.72854L0.334049 3.54104C0.0352976 3.24229 0.0352976 2.75792 0.334049 2.45917C0.6328 2.16042 1.11717 2.16042 1.41592 2.45917L3.06249 4.10573L6.89655 0.271671C7.1953 -0.0270804 7.67967 -0.0270804 7.97842 0.271671Z"
             fill="white" />
         </svg>
       </slot>