@cere/cere-design-system 0.0.44 → 0.0.45

package/dist/index.mjs

@@ -258,7 +258,12 @@ var webSurfaceTokens = {
   bgSuccess: "#eef5f0",
   bgWarning: "#fef8e8",
   bgDanger: "#f9dedc",
-  bgDangerStrong: "#8c1d18",
+  /**
+   * Foreground text/icon color for content sitting ON a `bgDanger` surface.
+   * NOT a surface color itself — do not use as backgroundColor. Pair with
+   * `bgDanger` for the canonical danger alert look.
+   */
+  textOnDanger: "#8c1d18",
   // Text
   textPrimary: "#1d1b20",
   textSecondary: "#5f5c64",
@@ -2388,7 +2393,7 @@ var Card = ({
   children,
   ...props
 }) => {
-  const asButton = typeof onClick === "function";
+  const asButton = clickable && typeof onClick === "function";
   return /* @__PURE__ */ jsx8(
     StyledCard,
     {
@@ -2491,7 +2496,7 @@ var CopyableField = ({
     }
   }, [value, onCopy, flashDurationMs]);
   return /* @__PURE__ */ jsxs(Card, { variant: "tinted", sx: { p: 1.75 }, children: [
-    (label || copied) && /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsxs(
       Box,
       {
         sx: {
@@ -2499,11 +2504,12 @@ var CopyableField = ({
           alignItems: "center",
           justifyContent: "space-between",
           gap: 1,
-          mb: "6px"
+          mb: label || copied ? "6px" : 0,
+          minHeight: label || copied ? void 0 : 0
         },
         children: [
           label ? /* @__PURE__ */ jsx9(Typography, { variant: "overline", children: label }) : /* @__PURE__ */ jsx9("span", {}),
-          copied && /* @__PURE__ */ jsx9(FlashLabel, { children: flashLabel })
+          /* @__PURE__ */ jsx9(FlashLabel, { role: "status", "aria-live": "polite", "aria-atomic": "true", children: copied ? flashLabel : "" })
         ]
       }
     ),
@@ -6463,10 +6469,9 @@ function Carousel({
     position: "absolute",
     top: "50%",
     transform: "translateY(-50%)",
-    bgcolor: "transparent",
-    color: "common.white",
-    boxShadow: "none",
-    "&:hover": { bgcolor: "rgba(255,255,255,0.12)" }
+    bgcolor: "background.paper",
+    boxShadow: 1,
+    "&:hover": { bgcolor: "background.paper" }
   };
   return /* @__PURE__ */ jsxs29(
     Box22,
@@ -6493,7 +6498,7 @@ function Carousel({
             {
               "aria-label": "Previous slide",
               onClick: () => emblaApi?.scrollPrev(),
-              sx: [arrowBaseSx, { left: 0 }, ...Array.isArray(arrowSx) ? arrowSx : [arrowSx]],
+              sx: [arrowBaseSx, { left: 8 }, ...Array.isArray(arrowSx) ? arrowSx : [arrowSx]],
               children: /* @__PURE__ */ jsx55(ChevronLeftIcon3, {})
             }
           ),
@@ -6502,7 +6507,7 @@ function Carousel({
             {
               "aria-label": "Next slide",
               onClick: () => emblaApi?.scrollNext(),
-              sx: [arrowBaseSx, { right: 0 }, ...Array.isArray(arrowSx) ? arrowSx : [arrowSx]],
+              sx: [arrowBaseSx, { right: 8 }, ...Array.isArray(arrowSx) ? arrowSx : [arrowSx]],
               children: /* @__PURE__ */ jsx55(ChevronRightIcon3, {})
             }
           )