From 40cfb907d5ce06d19a4d9ed666db593682832166 Mon Sep 17 00:00:00 2001
From: ManvithGopu13 <manvithgopu1394@gmail.com>
Date: Sat, 31 Jan 2026 00:26:36 +0530
Subject: [PATCH] update checkbox and chips

---
 .../Channel/components/CatalogFilterPanelContent.vue      | 6 +++---
 .../views/Channel/components/LanguageFilter.vue           | 8 ++++----
 .../frontend/shared/views/form/MultiSelect.vue            | 8 ++++----
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
index f636d3e275..2b88835c58 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
@@ -31,7 +31,7 @@
       />
 
       <!-- Starred -->
-      <Checkbox
+      <KCheckbox
         v-if="loggedIn"
         v-model="bookmark"
         :label="$tr('starredLabel')"
@@ -46,7 +46,7 @@
       </div>
 
       <div class="checkbox-with-tooltip">
-        <Checkbox
+        <KCheckbox
           v-model="coach"
           aria-describedby="tooltip-coach"
           :label="$tr('coachLabel')"
@@ -58,7 +58,7 @@
         />
       </div>
 
-      <Checkbox
+      <KCheckbox
         v-model="subtitles"
         :label="$tr('subtitlesLabel')"
       />
diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
index 40ceee7887..d2d7a99b53 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
@@ -23,20 +23,20 @@
         lazy
       >
         <template #activator="{ on }">
-          <VChip
+          <StudioChip
             class="ma-1"
             v-on="on"
           >
             <div class="text-truncate">
               {{ item.name }}
             </div>
-          </VChip>
+          </StudioChip>
         </template>
         <span>{{ item.name }}</span>
       </VTooltip>
     </template>
     <template #item="{ item }">
-      <Checkbox
+      <KCheckbox
         :key="item.id"
         :ref="'checkbox-' + item.id"
         v-model="languages"
@@ -59,7 +59,7 @@
           </template>
           <span>{{ item.name }}</span>
         </VTooltip>
-      </Checkbox>
+      </KCheckbox>
     </template>
   </VAutocomplete>
 
diff --git a/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue b/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
index 372ffe4175..07a226c7b2 100644
--- a/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
@@ -17,12 +17,12 @@
         @blur="resetScroll"
       >
         <template #selection="{ item }">
-          <VChip :class="{ notranslate }">
+          <StudioChip :class="{ notranslate }">
             {{ item.text }}
-          </VChip>
+          </StudioChip>
         </template>
         <template #item="{ item }">
-          <Checkbox
+          <KCheckbox
             :ref="'checkbox-' + item.value"
             v-model="selections"
             :value="item.value"
@@ -35,7 +35,7 @@
             >
               {{ item.text }}
             </span>
-          </Checkbox>
+          </KCheckbox>
         </template>
       </VSelect>
     </template>