@mediaradar/design-components 0.4.0 → 0.5.1

package/dist/index.cjs

@@ -444,7 +444,7 @@ function OptionRow({
 // src/CheckBox.tsx
 var import_lucide_react4 = require("lucide-react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-function CheckBox({ checked, indeterminate, onChange, ariaLabel, disabled, testId }) {
+function CheckBox({ checked, indeterminate, onChange, ariaLabel, disabled, testId, title }) {
   const on = checked || indeterminate;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "button",
@@ -453,6 +453,7 @@ function CheckBox({ checked, indeterminate, onChange, ariaLabel, disabled, testI
       role: "checkbox",
       "aria-checked": indeterminate ? "mixed" : checked,
       "aria-label": ariaLabel,
+      title,
       disabled,
       "data-testid": testId,
       onClick: (e) => {
@@ -463,7 +464,13 @@ function CheckBox({ checked, indeterminate, onChange, ariaLabel, disabled, testI
         "flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-[5px] border transition-colors",
         "focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-border-focus",
         on ? "border-transparent bg-brand-primaryAction text-white" : "border-border-interactive bg-input hover:border-brand-primaryAction",
-        disabled && "cursor-not-allowed opacity-50"
+        // Cancels the unchecked hover-border preview when disabled -- without
+        // this, a disabled box still visually previews the "you can click
+        // this" affordance on hover even though the click does nothing.
+        // Found empirically reconciling this against insights-studio-
+        // prototype's own (more complete) local CheckBox during its
+        // migration -- that version already had this guard.
+        disabled && "cursor-not-allowed opacity-50 hover:border-border-interactive"
       ].filter(Boolean).join(" "),
       children: indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Minus, { size: 13, strokeWidth: 3 }) : checked ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Check, { size: 13, strokeWidth: 3 }) : null
     }