@dbcdk/react-components 0.0.75 → 0.0.76

package/dist/components/menu/Menu.js

@@ -140,7 +140,16 @@ const MenuCheckItem = React.forwardRef(({ label, checked, active, disabled, inte
 });
 MenuCheckItem.displayName = 'Menu.CheckItem';
 const MenuRadioItem = React.forwardRef(({ name, value, checked, disabled, label, onValueChange, className, ...liProps }, ref) => {
-    return (_jsx("li", { ref: ref, role: "none", className: [styles.row, className].filter(Boolean).join(' '), ...liProps, children: _jsx("div", { className: styles.interactiveChild, children: _jsx(RadioButton, { noContainer: true, name: name, value: value, checked: checked, disabled: disabled, label: label, onChange: (v, _e) => onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(v) }) }) }));
+    return (_jsx("li", { ref: ref, role: "none", className: [styles.row, className].filter(Boolean).join(' '), ...liProps, children: _jsx("div", { className: styles.interactiveChild, onClick: event => {
+                var _a;
+                if (disabled)
+                    return;
+                const target = event.target;
+                // Let native label/input clicks handle themselves to avoid double-firing
+                if ((_a = target.closest('label')) !== null && _a !== void 0 ? _a : target.closest('input'))
+                    return;
+                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value);
+            }, children: _jsx(RadioButton, { noContainer: true, name: name, value: value, checked: checked, disabled: disabled, label: label, onChange: (v, _e) => onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(v) }) }) }));
 });
 MenuRadioItem.displayName = 'Menu.RadioItem';
 const MenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx("li", { ref: ref, role: "separator", className: [styles.separator, className].filter(Boolean).join(' '), ...props })));

package/dist/components/menu/Menu.module.css

@@ -70,11 +70,6 @@
   cursor: pointer;
 }
 
-/* NEW: let Checkbox/Radio consume full width so the hover area feels right */
-.row > .interactiveChild > * {
-  inline-size: 100%;
-}
-
 /* NEW: add consistent gap between control and label inside Checkbox/Radio
    Both components use a root element with className={styles.container}.
    Because they're CSS modules, we must target it with :global(.container). */
@@ -171,6 +166,9 @@
 .interactiveChild svg {
   inline-size: var(--icon-size-sm);
   block-size: var(--icon-size-sm);
+  /* Vertically center the icon against the first text line when parent is flex-start */
+  margin-block: calc((var(--line-height-normal) * var(--font-size-sm) - var(--icon-size-sm)) / 2);
+  flex-shrink: 0;
 }
 
 /* Visual separator row (used by <Menu.Separator />) */

package/dist/components/popover/Popover.module.css

@@ -38,15 +38,15 @@
 
 .content {
   position: fixed;
-  border: 1px solid var(--color-border-default);
+  border: 1px solid var(--color-border-subtle);
   background-color: var(--color-bg-surface);
-  border-radius: var(--border-radius-default);
+  border-radius: var(--border-radius-lg);
   padding: 0;
   z-index: var(--z-popover);
   overflow: auto;
   box-shadow:
-    0 0 0 1px color-mix(in srgb, var(--color-border-subtle) 55%, transparent),
-    var(--shadow-lg);
+    0 0 0 1px rgba(0, 0, 0, 0.01),
+    var(--shadow-sm);
 }
 
 .content[hidden] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dbcdk/react-components",
-  "version": "0.0.75",
+  "version": "0.0.76",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",