@mond-design-system/react 4.1.0 → 4.3.0

package/dist/index.cjs

@@ -1239,6 +1239,7 @@ function SegmentedControl({
   fullWidth = false,
   size = "md",
   bare = false,
+  repick = false,
   className
 }) {
   const name = react.useId();
@@ -1263,6 +1264,7 @@ function SegmentedControl({
             value: option.value,
             checked: option.value === value,
             onChange: () => onChange(option.value),
+            onClick: repick && option.value === value ? () => onChange(option.value) : void 0,
             disabled,
             className: SegmentedControl_module_default.input
           }
@@ -1521,34 +1523,42 @@ function ToastProvider({
   const value = react.useMemo(() => ({ toast, dismiss }), [toast, dismiss]);
   return /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { role: "region", "aria-label": regionLabel, className: Toast_module_default.viewport, children: toasts.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "status", className: cx(Toast_module_default.toast, Toast_module_default[`tone-${entry.tone}`]), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Toast_module_default.body, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: Toast_module_default.title, children: entry.title }),
-        entry.description !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Toast_module_default.description, children: entry.description })
-      ] }),
-      entry.action !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          className: Toast_module_default.action,
-          onClick: () => {
-            entry.action?.onClick();
-            dismiss(entry.id);
-          },
-          children: entry.action.label
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": `${dismissLabel}: ${entry.title}`,
-          className: Toast_module_default.close,
-          onClick: () => dismiss(entry.id),
-          children: /* @__PURE__ */ jsxRuntime.jsx(CloseGlyph, { className: Toast_module_default.closeGlyph })
-        }
-      )
-    ] }, entry.id)) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { role: "region", "aria-label": regionLabel, className: Toast_module_default.viewport, children: toasts.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        role: entry.tone === "danger" ? "alert" : "status",
+        className: cx(Toast_module_default.toast, Toast_module_default[`tone-${entry.tone}`]),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Toast_module_default.body, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: Toast_module_default.title, children: entry.title }),
+            entry.description !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Toast_module_default.description, children: entry.description })
+          ] }),
+          entry.action !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: Toast_module_default.action,
+              onClick: () => {
+                entry.action?.onClick();
+                dismiss(entry.id);
+              },
+              children: entry.action.label
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `${dismissLabel}: ${entry.title}`,
+              className: Toast_module_default.close,
+              onClick: () => dismiss(entry.id),
+              children: /* @__PURE__ */ jsxRuntime.jsx(CloseGlyph, { className: Toast_module_default.closeGlyph })
+            }
+          )
+        ]
+      },
+      entry.id
+    )) })
   ] });
 }