@arcfusionz/arc-primitive-ui 0.3.6 → 0.3.8

package/dist/components/Alert/Alert.js

@@ -7,10 +7,10 @@ import { Button } from "@base-ui/react/button";
 const baseClasses = "relative flex w-full items-start gap-3 rounded-md border border-transparent p-4 font-sans text-sm";
 const appearanceClasses = {
 	solid: {
-		neutral: "bg-foreground text-background",
+		neutral: "bg-slate-600 text-background",
 		info: "bg-primary text-primary-foreground",
-		success: "bg-success-700 text-success-foreground",
-		warning: "bg-warning text-warning-950",
+		success: "bg-success text-success-foreground",
+		warning: "bg-warning text-warning-foreground",
 		destructive: "bg-destructive text-destructive-foreground"
 	},
 	soft: {
@@ -153,6 +153,8 @@ function alertVariants({ variant = "neutral", appearance = "soft", className } =
 const Alert = forwardRef(({ variant = "neutral", appearance = "soft", title, icon, action, onClose, closeLabel, role = "alert", render, className, children, ...rest }, ref) => {
 	const resolvedIcon = icon === void 0 ? defaultVariantIcons[variant] : icon;
 	const solid = appearance === "solid";
+	const hasDescription = children != null && children !== false;
+	const hasTitleOnlyAction = title != null && action != null && !hasDescription;
 	return useRender({
 		defaultTagName: "div",
 		render,
@@ -162,7 +164,7 @@ const Alert = forwardRef(({ variant = "neutral", appearance = "soft", title, ico
 			className: cn(alertVariants({
 				variant,
 				appearance
-			}), className),
+			}), hasTitleOnlyAction && "items-center", className),
 			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				resolvedIcon != null && typeof resolvedIcon !== "boolean" && /* @__PURE__ */ jsx("span", {
 					"aria-hidden": "true",
@@ -174,7 +176,7 @@ const Alert = forwardRef(({ variant = "neutral", appearance = "soft", title, ico
 					children: [title != null && /* @__PURE__ */ jsx("div", {
 						className: cn(titleClasses, !solid && titleColorClasses[variant]),
 						children: title
-					}), children != null && children !== false && /* @__PURE__ */ jsx("div", { children })]
+					}), hasDescription && /* @__PURE__ */ jsx("div", { children })]
 				}),
 				action != null && /* @__PURE__ */ jsx("div", {
 					className: actionSlotClasses,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcfusionz/arc-primitive-ui",
-  "version": "0.3.6",
+  "version": "0.3.8",
   "description": "ArcFusion primitive UI components",
   "license": "MIT",
   "type": "module",

package/src/styles/theme.css

@@ -309,6 +309,8 @@
   --color-background: #ffffff; /* [brand] the "Clean Slate" */
   --color-foreground: var(--color-slate-900);
 
+  --color-canvas: #f9fafc;
+
   --color-surface: var(--color-slate-50);
   --color-surface-foreground: var(--color-slate-900);