@brickclay-org/ui 0.1.66 → 0.1.67

package/index.d.ts

@@ -866,7 +866,7 @@ declare class BkSelect implements ControlValueAccessor, AfterViewInit, OnDestroy
     disabled: i0.ModelSignal<boolean>;
     loading: i0.InputSignal<boolean>;
     closeOnSelect: i0.InputSignal<boolean>;
-    dropdownPosition: i0.InputSignal<"bottom" | "top">;
+    dropdownPosition: i0.InputSignal<"top" | "bottom">;
     hasError: boolean;
     errorMessage: string;
     appendToBody: i0.InputSignal<boolean>;
@@ -1941,7 +1941,7 @@ declare class BkHierarchicalSelect implements ControlValueAccessor {
     /** When true, dropdown is positioned fixed and sized to the trigger (use inside modals/popups). */
     appendToBody: i0.InputSignal<boolean>;
     /** Open above or below the trigger (also used when appendToBody is true for fixed coordinates). */
-    dropdownPosition: i0.InputSignal<"bottom" | "top">;
+    dropdownPosition: i0.InputSignal<"top" | "bottom">;
     /** Key for option color (e.g. "color"). When set, option label and selected value use this color. */
     colorKey: i0.InputSignal<string>;
     /** Whether to show clear button when a value is selected. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brickclay-org/ui",
-  "version": "0.1.66",
+  "version": "0.1.67",
   "schematics": "./schematics/collection.json",
   "ng-add": {
     "save": "dependencies"

package/src/lib/toggle/toggle.css

@@ -2,7 +2,7 @@
 .toggle-base {
   @apply relative inline-flex items-center rounded-full transition-colors duration-200 ease-in-out border-2 border-transparent;
   /* Focus State (Blue Ring as seen in image) */
-  @apply focus:outline-none focus-visible:ring-2 focus-visible:ring-[#1336EF] focus-visible:ring-offset-2;
+  @apply focus:outline-none focus-visible:ring-1 focus-visible:ring-black focus-visible:ring-offset-1;
 }
 
 /* --- Colors --- */
@@ -11,7 +11,7 @@
 }
 
 .toggle-on {
-  @apply bg-[#22973F] hover:bg-[#1E7735]; /* Green when on */
+  @apply bg-gray-800 hover:bg-black; /* Green when on */
 }
 
 /* --- Disabled State (Bottom row of image) --- */
@@ -82,10 +82,10 @@
 }
 
 .simulate-hover.toggle-on {
-  @apply bg-[#1E7735]; /* Matches the hover color defined in .toggle-on */
+  @apply bg-black; /* Matches the hover color defined in .toggle-on */
 }
 
 /* Force Focus Appearance (Blue Ring) */
 .simulate-focus {
-  @apply ring-2 ring-[#1336EF] ring-offset-2;
+  @apply ring-2 ring-black ring-offset-1;
 }