@aurora-ds/components 1.7.5 → 1.7.6

package/dist/esm/index.js

@@ -352,6 +352,11 @@ const buildActionButtonRootStyle = (theme, variant, color, focusOptions) => {
             on: c.errorOn, subtle: c.errorSubtle, subtleHover: c.errorSubtleHover, subtleActive: c.errorSubtleActive,
             fg: c.errorMain, fgHover: c.errorHover, border: c.errorMain,
         },
+        textPrimary: {
+            main: c.primaryMain, hover: c.primaryHover, active: c.primaryActive,
+            on: c.primaryOn, subtle: c.primarySubtle, subtleHover: c.primarySubtleHover, subtleActive: c.primarySubtleActive,
+            fg: c.textPrimary, fgHover: c.textPrimary, border: c.primaryMain,
+        },
     };
     const intent = intents[color];
     const colorVariantStyles = variant === 'contained'
@@ -5888,7 +5893,12 @@ const DrawerItem = ({ startIcon, label, selected = false, endContent, href, onCl
             e.preventDefault();
             return;
         }
-        onClick?.();
+        // When an onClick handler is provided (e.g. React Router's navigate),
+        // prevent the browser from following the href and let the handler drive navigation.
+        if (onClick) {
+            e.preventDefault();
+            onClick(e);
+        }
     };
     const innerContent = (jsxs(Stack, { width: '100%', justifyContent: 'start', children: [jsx("span", { className: DRAWER_ITEM_STYLES.iconWrap, children: jsx(Icon, { icon: startIcon, size: 'md' }) }), isLabelVisible && (jsxs("span", { className: DRAWER_ITEM_STYLES.labelWrapper({ isFadingIn: isLabelFadingIn }), children: [jsx(Text, { variant: 'span', fontSize: 'sm', fontWeight: 'medium', className: DRAWER_ITEM_STYLES.label, textAlign: 'start', children: label }), endContent && (jsx("span", { className: DRAWER_ITEM_STYLES.endContent, children: endContent }))] }))] }));
     const item = href ? (jsx("a", { href: href, className: rootClassName, "aria-disabled": disabled || undefined, "aria-current": computedAriaCurrent, "aria-label": computedAriaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHasPopup, tabIndex: disabled ? -1 : undefined, onClick: handleClick, children: innerContent })) : (jsx("button", { type: 'button', className: rootClassName, disabled: disabled, "aria-current": computedAriaCurrent, "aria-label": computedAriaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHasPopup, onClick: handleClick, children: innerContent }));