@aurora-ds/components 0.24.1 → 0.24.3

package/dist/cjs/index.js

@@ -374,24 +374,12 @@ const getStatusColorStyles = (theme, color, variant, disabled) => {
     };
     return colorMap[color][variant];
 };
-const getStatusTextColor = (theme, color, disabled) => {
+const getStatusTextColor = (color, disabled) => {
     if (disabled) {
-        return theme.colors.disabledText;
+        return 'disabledText';
     }
-    const colorMap = {
-        default: theme.colors.default,
-        primary: theme.colors.primary,
-        success: theme.colors.success,
-        warning: theme.colors.warning,
-        error: theme.colors.error,
-        info: theme.colors.info,
-        highlight: theme.colors.highlight,
-        accent: theme.colors.accent,
-        new: theme.colors.new,
-        rose: theme.colors.rose,
-        yellow: theme.colors.yellow,
-    };
-    return colorMap[color];
+    // Retourne directement la clé de couleur du thème
+    return color;
 };
 
 /**
@@ -480,8 +468,7 @@ const getStatusContentSize = (size) => {
  */
 const Status = ({ label, icon, variant = 'filled', color = 'default', size = 'md', gap, radius, disabled = false, ariaLabel, ariaLabelledBy, ariaDescribedBy, role, tabIndex, }) => {
     const isIconOnly = Boolean(icon) && !label;
-    const theme$1 = theme.useTheme();
-    const textColor = getStatusTextColor(theme$1, color, disabled);
+    const textColor = getStatusTextColor(color, disabled);
     return (jsxRuntime.jsxs("span", { className: STATUS_STYLES.root({
             variant,
             color,
@@ -2830,6 +2817,7 @@ const MODAL_STYLES = theme.createStyles((theme) => ({
         height: 'fit-content',
         alignItems: 'flex-start',
         gap: theme.spacing.md,
+        border: `1px solid ${theme.colors.border}`,
     }),
 }));
 
@@ -2903,7 +2891,7 @@ const DRAWER_ITEM_STYLES = theme.createStyles((theme) => ({
  * Similar to a text button with selected state support.
  */
 const DrawerItem = ({ label, startIcon, endIcon, selected = false, onClick, disabled, chip, ariaLabel, ariaLabelledBy, ariaDescribedBy, role, tabIndex, }) => {
-    return (jsxRuntime.jsxs("button", { onClick: onClick, disabled: disabled, type: 'button', className: DRAWER_ITEM_STYLES.root({ selected }), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, role: role, tabIndex: tabIndex, children: [jsxRuntime.jsxs(Stack, { children: [startIcon && (jsxRuntime.jsx(Icon, { children: startIcon })), jsxRuntime.jsx(Text, { variant: 'label', maxLines: 1, children: label }), endIcon && (jsxRuntime.jsx(Icon, { children: endIcon }))] }), chip && !selected && (jsxRuntime.jsx(Status, { ...chip, size: '2xs', color: chip.color ?? 'info', disabled: disabled }))] }));
+    return (jsxRuntime.jsxs("button", { onClick: onClick, disabled: disabled, type: 'button', className: DRAWER_ITEM_STYLES.root({ selected }), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, role: role, tabIndex: tabIndex, children: [jsxRuntime.jsxs(Stack, { children: [startIcon && (jsxRuntime.jsx(Icon, { color: selected ? 'surface' : 'textSecondary', children: startIcon })), jsxRuntime.jsx(Text, { variant: 'label', maxLines: 1, color: selected ? 'surface' : 'textSecondary', children: label }), endIcon && (jsxRuntime.jsx(Icon, { color: selected ? 'surface' : 'textSecondary', children: endIcon }))] }), chip && !selected && (jsxRuntime.jsx(Status, { ...chip, size: '2xs', color: chip.color ?? 'info', disabled: disabled }))] }));
 };
 DrawerItem.displayName = 'DrawerItem';