@aurora-ds/components 1.7.5 → 1.7.7

package/dist/cjs/index.js

@@ -372,6 +372,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'
@@ -758,6 +763,7 @@ const FAB_STYLES = theme.createStyles((theme) => ({
             success: { bg: c.successMain, bgHover: c.successHover, bgActive: c.successActive, fg: c.successOn },
             warning: { bg: c.warningMain, bgHover: c.warningHover, bgActive: c.warningActive, fg: c.warningOn },
             error: { bg: c.errorMain, bgHover: c.errorHover, bgActive: c.errorActive, fg: c.errorOn },
+            'textPrimary': { bg: c.primaryMain, bgHover: c.primaryHover, bgActive: c.primaryActive, fg: c.primaryOn },
         };
         const { bg, bgHover, bgActive, fg } = colorMap[color];
         const dim = SIZE_MAP[size];
@@ -814,7 +820,7 @@ const FAB_STYLES = theme.createStyles((theme) => ({
     },
 }), { id: 'fab' });
 // Pre-generate CSS for all color/size/extended combinations.
-const FAB_COLOR_VALUES = ['primary', 'secondary', 'neutral', 'info', 'success', 'warning', 'error'];
+const FAB_COLOR_VALUES = ['primary', 'secondary', 'neutral', 'info', 'success', 'warning', 'error', 'textPrimary'];
 const FAB_SIZE_VALUES = ['sm', 'md', 'lg'];
 FAB_COLOR_VALUES.forEach(color => FAB_SIZE_VALUES.forEach(size => {
     FAB_STYLES.root({ color, size, extended: false });
@@ -1060,6 +1066,11 @@ const buildToggleIntents = (c) => ({
         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,
+    },
 });
 
 /**
@@ -5908,7 +5919,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 = (jsxRuntime.jsxs(Stack, { width: '100%', justifyContent: 'start', children: [jsxRuntime.jsx("span", { className: DRAWER_ITEM_STYLES.iconWrap, children: jsxRuntime.jsx(Icon, { icon: startIcon, size: 'md' }) }), isLabelVisible && (jsxRuntime.jsxs("span", { className: DRAWER_ITEM_STYLES.labelWrapper({ isFadingIn: isLabelFadingIn }), children: [jsxRuntime.jsx(Text, { variant: 'span', fontSize: 'sm', fontWeight: 'medium', className: DRAWER_ITEM_STYLES.label, textAlign: 'start', children: label }), endContent && (jsxRuntime.jsx("span", { className: DRAWER_ITEM_STYLES.endContent, children: endContent }))] }))] }));
     const item = href ? (jsxRuntime.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 })) : (jsxRuntime.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 }));