design-zystem 1.0.400 → 1.0.402

package/dist/ui/index.d.mts

@@ -727,6 +727,7 @@ declare const TableHeaderCell: ({ children, width, sticky, stickyOffset, surface
 interface TableRowProps {
     children?: ReactNode;
     onClick?: (e: MouseEvent<HTMLTableRowElement>) => void;
+    onDoubleClick?: (e: MouseEvent<HTMLTableRowElement>) => void;
     className?: string;
     /** Teinte de fond brute (ex: statut métier) — hors palette fermée. */
     backgroundColor?: HexColor;
@@ -805,6 +806,8 @@ interface AvatarProps extends Omit<ComponentPropsWithoutRef<typeof RadixAvatar.R
     name?: string;
     src?: string | null;
     color?: ColorToken;
+    backgroundColor?: HexColor;
+    textColor?: HexColor;
     badge?: AvatarBadgeConfig;
 }
 /** Sans `children` : mode raccourci, auto-compose Image/Fallback/Badge à partir de `name`/`src`/`color`/`badge`. Avec `children` : composition manuelle (`AvatarImage`, `AvatarFallback`, `AvatarBadge`) pour un contrôle total. */
@@ -813,6 +816,8 @@ type AvatarImageProps = ComponentPropsWithoutRef<typeof RadixAvatar.Image>;
 declare const AvatarImage: react.ForwardRefExoticComponent<Omit<RadixAvatar.AvatarImageProps & react.RefAttributes<HTMLImageElement>, "ref"> & react.RefAttributes<HTMLImageElement>>;
 interface AvatarFallbackProps extends ComponentPropsWithoutRef<typeof RadixAvatar.Fallback> {
     color?: ColorToken;
+    backgroundColor?: HexColor;
+    textColor?: HexColor;
 }
 declare const AvatarFallback: react.ForwardRefExoticComponent<AvatarFallbackProps & react.RefAttributes<HTMLSpanElement>>;
 interface AvatarBadgeProps extends HTMLAttributes<HTMLDivElement> {

package/dist/ui/index.d.ts

@@ -727,6 +727,7 @@ declare const TableHeaderCell: ({ children, width, sticky, stickyOffset, surface
 interface TableRowProps {
     children?: ReactNode;
     onClick?: (e: MouseEvent<HTMLTableRowElement>) => void;
+    onDoubleClick?: (e: MouseEvent<HTMLTableRowElement>) => void;
     className?: string;
     /** Teinte de fond brute (ex: statut métier) — hors palette fermée. */
     backgroundColor?: HexColor;
@@ -805,6 +806,8 @@ interface AvatarProps extends Omit<ComponentPropsWithoutRef<typeof RadixAvatar.R
     name?: string;
     src?: string | null;
     color?: ColorToken;
+    backgroundColor?: HexColor;
+    textColor?: HexColor;
     badge?: AvatarBadgeConfig;
 }
 /** Sans `children` : mode raccourci, auto-compose Image/Fallback/Badge à partir de `name`/`src`/`color`/`badge`. Avec `children` : composition manuelle (`AvatarImage`, `AvatarFallback`, `AvatarBadge`) pour un contrôle total. */
@@ -813,6 +816,8 @@ type AvatarImageProps = ComponentPropsWithoutRef<typeof RadixAvatar.Image>;
 declare const AvatarImage: react.ForwardRefExoticComponent<Omit<RadixAvatar.AvatarImageProps & react.RefAttributes<HTMLImageElement>, "ref"> & react.RefAttributes<HTMLImageElement>>;
 interface AvatarFallbackProps extends ComponentPropsWithoutRef<typeof RadixAvatar.Fallback> {
     color?: ColorToken;
+    backgroundColor?: HexColor;
+    textColor?: HexColor;
 }
 declare const AvatarFallback: react.ForwardRefExoticComponent<AvatarFallbackProps & react.RefAttributes<HTMLSpanElement>>;
 interface AvatarBadgeProps extends HTMLAttributes<HTMLDivElement> {

package/dist/ui/index.js

@@ -3459,6 +3459,7 @@ var TableRow = (0, import_react26.forwardRef)(
   ({
     children,
     onClick,
+    onDoubleClick,
     className,
     backgroundColor,
     accentColor,
@@ -3469,9 +3470,10 @@ var TableRow = (0, import_react26.forwardRef)(
       ref,
       "data-index": dataIndex,
       onClick,
+      onDoubleClick,
       className: cn(
         "border-t border-grey-200 transition-colors hover:bg-black/[0.025]",
-        onClick && "cursor-pointer",
+        (onClick || onDoubleClick) && "cursor-pointer",
         accentColor && "border-l-4",
         className
       ),
@@ -3740,6 +3742,8 @@ var Avatar = (0, import_react27.forwardRef)(
       name,
       src,
       color,
+      backgroundColor,
+      textColor,
       badge,
       className,
       style,
@@ -3750,6 +3754,8 @@ var Avatar = (0, import_react27.forwardRef)(
       "name",
       "src",
       "color",
+      "backgroundColor",
+      "textColor",
       "badge",
       "className",
       "style",
@@ -3765,11 +3771,19 @@ var Avatar = (0, import_react27.forwardRef)(
           shape === "circle" ? "rounded-full" : "rounded-[4px]",
           className
         ),
-        style: __spreadValues({ width: size, height: size }, style)
+        style: __spreadValues({ width: size, height: size, backgroundColor }, style)
       }, props), {
         children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
           src && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AvatarImage, { src, alt: name }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AvatarFallback, { color, children: getInitials({ name }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            AvatarFallback,
+            {
+              color,
+              backgroundColor,
+              textColor,
+              children: getInitials({ name })
+            }
+          ),
           badge && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AvatarBadge, { className: BADGE_BG_CLASS[badge.backgroundColor], children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             FaIcon,
             {
@@ -3811,22 +3825,40 @@ var FALLBACK_COLOR_CLASS = {
   "orange-600": "bg-orange-600 text-white",
   "purple-700": "bg-purple-700 text-white"
 };
-var AvatarFallback = (0, import_react27.forwardRef)((_a, ref) => {
-  var _b = _a, { color = "grey-600", className, style } = _b, props = __objRest(_b, ["color", "className", "style"]);
-  const size = useAvatarSize();
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    RadixAvatar.Fallback,
-    __spreadValues({
-      ref,
-      className: cn(
-        "flex h-full w-full select-none items-center justify-center rounded-[inherit] font-semibold",
-        FALLBACK_COLOR_CLASS[color],
-        className
-      ),
-      style: __spreadValues({ fontSize: Math.round(size * 0.4) }, style)
-    }, props)
-  );
-});
+var AvatarFallback = (0, import_react27.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, {
+      color = "grey-600",
+      backgroundColor,
+      textColor,
+      className,
+      style
+    } = _b, props = __objRest(_b, [
+      "color",
+      "backgroundColor",
+      "textColor",
+      "className",
+      "style"
+    ]);
+    const size = useAvatarSize();
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      RadixAvatar.Fallback,
+      __spreadValues({
+        ref,
+        className: cn(
+          "flex h-full w-full select-none items-center justify-center rounded-[inherit] font-semibold",
+          FALLBACK_COLOR_CLASS[color],
+          className
+        ),
+        style: __spreadValues({
+          fontSize: Math.round(size * 0.4),
+          backgroundColor,
+          color: textColor
+        }, style)
+      }, props)
+    );
+  }
+);
 AvatarFallback.displayName = "AvatarFallback";
 var AvatarBadge = (0, import_react27.forwardRef)(
   (_a, ref) => {

package/dist/ui/index.mjs

@@ -3272,6 +3272,7 @@ var TableRow = forwardRef17(
   ({
     children,
     onClick,
+    onDoubleClick,
     className,
     backgroundColor,
     accentColor,
@@ -3282,9 +3283,10 @@ var TableRow = forwardRef17(
       ref,
       "data-index": dataIndex,
       onClick,
+      onDoubleClick,
       className: cn(
         "border-t border-grey-200 transition-colors hover:bg-black/[0.025]",
-        onClick && "cursor-pointer",
+        (onClick || onDoubleClick) && "cursor-pointer",
         accentColor && "border-l-4",
         className
       ),
@@ -3560,6 +3562,8 @@ var Avatar = forwardRef18(
       name,
       src,
       color,
+      backgroundColor,
+      textColor,
       badge,
       className,
       style,
@@ -3570,6 +3574,8 @@ var Avatar = forwardRef18(
       "name",
       "src",
       "color",
+      "backgroundColor",
+      "textColor",
       "badge",
       "className",
       "style",
@@ -3585,11 +3591,19 @@ var Avatar = forwardRef18(
           shape === "circle" ? "rounded-full" : "rounded-[4px]",
           className
         ),
-        style: __spreadValues({ width: size, height: size }, style)
+        style: __spreadValues({ width: size, height: size, backgroundColor }, style)
       }, props), {
         children: children != null ? children : /* @__PURE__ */ jsxs21(Fragment3, { children: [
           src && /* @__PURE__ */ jsx44(AvatarImage, { src, alt: name }),
-          /* @__PURE__ */ jsx44(AvatarFallback, { color, children: getInitials({ name }) }),
+          /* @__PURE__ */ jsx44(
+            AvatarFallback,
+            {
+              color,
+              backgroundColor,
+              textColor,
+              children: getInitials({ name })
+            }
+          ),
           badge && /* @__PURE__ */ jsx44(AvatarBadge, { className: BADGE_BG_CLASS[badge.backgroundColor], children: /* @__PURE__ */ jsx44(
             FaIcon,
             {
@@ -3631,22 +3645,40 @@ var FALLBACK_COLOR_CLASS = {
   "orange-600": "bg-orange-600 text-white",
   "purple-700": "bg-purple-700 text-white"
 };
-var AvatarFallback = forwardRef18((_a, ref) => {
-  var _b = _a, { color = "grey-600", className, style } = _b, props = __objRest(_b, ["color", "className", "style"]);
-  const size = useAvatarSize();
-  return /* @__PURE__ */ jsx44(
-    RadixAvatar.Fallback,
-    __spreadValues({
-      ref,
-      className: cn(
-        "flex h-full w-full select-none items-center justify-center rounded-[inherit] font-semibold",
-        FALLBACK_COLOR_CLASS[color],
-        className
-      ),
-      style: __spreadValues({ fontSize: Math.round(size * 0.4) }, style)
-    }, props)
-  );
-});
+var AvatarFallback = forwardRef18(
+  (_a, ref) => {
+    var _b = _a, {
+      color = "grey-600",
+      backgroundColor,
+      textColor,
+      className,
+      style
+    } = _b, props = __objRest(_b, [
+      "color",
+      "backgroundColor",
+      "textColor",
+      "className",
+      "style"
+    ]);
+    const size = useAvatarSize();
+    return /* @__PURE__ */ jsx44(
+      RadixAvatar.Fallback,
+      __spreadValues({
+        ref,
+        className: cn(
+          "flex h-full w-full select-none items-center justify-center rounded-[inherit] font-semibold",
+          FALLBACK_COLOR_CLASS[color],
+          className
+        ),
+        style: __spreadValues({
+          fontSize: Math.round(size * 0.4),
+          backgroundColor,
+          color: textColor
+        }, style)
+      }, props)
+    );
+  }
+);
 AvatarFallback.displayName = "AvatarFallback";
 var AvatarBadge = forwardRef18(
   (_a, ref) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.400",
+  "version": "1.0.402",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",