From f9b75e02f899d2168e232718e94ea7f7b3c1a404 Mon Sep 17 00:00:00 2001
From: Vicki League <vleague@bitwarden.com>
Date: Wed, 25 Jun 2025 17:47:41 -0400
Subject: [PATCH] checkbox improvements

---
 libs/components/src/checkbox/checkbox.component.ts | 4 ++--
 libs/components/src/checkbox/checkbox.stories.ts   | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/libs/components/src/checkbox/checkbox.component.ts b/libs/components/src/checkbox/checkbox.component.ts
index 51f6eb7888a..32811fbd3da 100644
--- a/libs/components/src/checkbox/checkbox.component.ts
+++ b/libs/components/src/checkbox/checkbox.component.ts
@@ -90,7 +90,7 @@ export class CheckboxComponent implements BitFormControlAbstraction {
   protected indeterminateImage =
     `url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 13 13"%3E%3Cpath stroke="%23fff" stroke-width="2" d="M2.5 6.5h8"/%3E%3C/svg%3E%0A')`;
 
-  // TODO: Skipped for migration because:
+  // TODO: Skipped for signal migration because:
   //  Accessor inputs cannot be migrated as they are too complex.
   @HostBinding()
   @Input()
@@ -102,7 +102,7 @@ export class CheckboxComponent implements BitFormControlAbstraction {
   }
   private _disabled: boolean;
 
-  // TODO: Skipped for migration because:
+  // TODO: Skipped for signal migration because:
   //  Accessor inputs cannot be migrated as they are too complex.
   @Input()
   get required() {
diff --git a/libs/components/src/checkbox/checkbox.stories.ts b/libs/components/src/checkbox/checkbox.stories.ts
index 123c6704ff4..8584e58d9e6 100644
--- a/libs/components/src/checkbox/checkbox.stories.ts
+++ b/libs/components/src/checkbox/checkbox.stories.ts
@@ -30,6 +30,7 @@ const template = /*html*/ `
 @Component({
   selector: "app-example",
   template,
+  imports: [FormControlModule, CheckboxModule, FormsModule, ReactiveFormsModule],
 })
 class ExampleComponent {
   protected formObj = this.formBuilder.group({
@@ -55,7 +56,6 @@ export default {
   title: "Component Library/Form/Checkbox",
   decorators: [
     moduleMetadata({
-      declarations: [ExampleComponent],
       imports: [
         FormsModule,
         ReactiveFormsModule,
@@ -63,6 +63,7 @@ export default {
         CheckboxModule,
         TableModule,
         BadgeModule,
+        ExampleComponent,
       ],
       providers: [
         {