add BitSettingsService

libs/components/src/index.ts

@@ -30,6 +30,7 @@ export * from "./radio-button";
 export * from "./search";
 export * from "./section";
 export * from "./select";
+export * from "./shared/bit-settings.service";
 export * from "./table";
 export * from "./tabs";
 export * from "./toast";

libs/components/src/shared/bit-settings.service.ts

@@ -0,0 +1,15 @@
+import { effect, Injectable, signal, WritableSignal } from "@angular/core";
+
+/** Global settings for the Bitwarden Design System */
+@Injectable({ providedIn: "root" })
+export class BitSettingsService {
+  compactMode: WritableSignal<boolean> = signal(false);
+
+  constructor() {
+    effect(() => {
+      this.compactMode()
+        ? document.body.classList.add("tw-bit-compact")
+        : document.body.classList.remove("tw-bit-compact");
+    });
+  }
+}