@mittwald/flow-react-components 0.1.0-alpha.299 → 0.1.0-alpha.300

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.300](https://github.com/mittwald/flow/compare/0.1.0-alpha.299...0.1.0-alpha.300) (2024-10-24)
+
+### Features
+
+- **IllustratedMessage:** support ActionGroup in IllustratedMessage
+  ([4e9675d](https://github.com/mittwald/flow/commit/4e9675d6e8d3488db9e79f07d43e043aaf7ae75b))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [0.1.0-alpha.299](https://github.com/mittwald/flow/compare/0.1.0-alpha.298...0.1.0-alpha.299) (2024-10-23)
 
 ### Features

package/dist/css/IllustratedMessage.css

@@ -1 +1 @@
-.flow--illustrated-message--illustrated-message-container{container-type:inline-size}.flow--illustrated-message{display:flex;flex-direction:column;align-items:center;padding:var(--illustrated-message--padding)}@container (max-width: 550px){.flow--illustrated-message{padding:var(--illustrated-message--padding--mobile)}}.flow--illustrated-message :where(.flow--illustrated-message--icon){color:var(--illustrated-message--info-icon-color);margin-bottom:var(--illustrated-message--icon-to-heading-spacing)}.flow--illustrated-message .flow--illustrated-message--heading{margin-bottom:var(--illustrated-message--heading-to-text-spacing);text-align:center}.flow--illustrated-message .flow--illustrated-message--text{margin-bottom:var(--illustrated-message--text-to-button-spacing);text-align:center}.flow--illustrated-message.flow--illustrated-message--negative :where(.flow--illustrated-message--icon){color:var(--illustrated-message--negative-icon-color)}.flow--illustrated-message.flow--illustrated-message--negative .flow--illustrated-message--heading{color:var(--illustrated-message--negative-heading-color)}
+.flow--illustrated-message--illustrated-message-container{container-type:inline-size}.flow--illustrated-message{display:flex;flex-direction:column;align-items:center;padding:var(--illustrated-message--padding)}@container (max-width: 550px){.flow--illustrated-message{padding:var(--illustrated-message--padding--mobile)}}.flow--illustrated-message :where(.flow--illustrated-message--icon){color:var(--illustrated-message--info-icon-color);margin-bottom:var(--illustrated-message--icon-to-heading-spacing)}.flow--illustrated-message .flow--illustrated-message--heading{margin-bottom:var(--illustrated-message--heading-to-text-spacing);text-align:center}.flow--illustrated-message .flow--illustrated-message--text{margin-bottom:var(--illustrated-message--text-to-button-spacing);text-align:center}.flow--illustrated-message .flow--illustrated-message--action-group [role=group]{justify-content:center}.flow--illustrated-message .flow--illustrated-message--action-group [role=group] button{margin:0}.flow--illustrated-message.flow--illustrated-message--negative :where(.flow--illustrated-message--icon){color:var(--illustrated-message--negative-icon-color)}.flow--illustrated-message.flow--illustrated-message--negative .flow--illustrated-message--heading{color:var(--illustrated-message--negative-heading-color)}

package/dist/js/IllustratedMessage-CeYE8bxs.js

@@ -0,0 +1,44 @@
+"use client"
+/* */
+import o from "react";
+import a from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { P as g } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+const d = "flow--illustrated-message--illustrated-message-container", u = "flow--illustrated-message", p = "flow--illustrated-message--icon", f = "flow--illustrated-message--heading", x = "flow--illustrated-message--text", N = "flow--illustrated-message--action-group", h = "flow--illustrated-message--negative", e = {
+  illustratedMessageContainer: d,
+  illustratedMessage: u,
+  icon: p,
+  heading: f,
+  text: x,
+  actionGroup: N,
+  negative: h
+}, E = (l) => {
+  const { className: r, children: i, color: t = "info", ...n } = l, c = a(e.illustratedMessageContainer, r), s = t === "dark" || t === "light" ? t : void 0, m = {
+    Icon: {
+      className: e.icon,
+      size: "l",
+      color: s
+    },
+    Heading: {
+      className: e.heading,
+      color: s
+    },
+    Text: {
+      className: e.text,
+      color: s
+    },
+    Button: {
+      color: s ?? "accent"
+    },
+    ActionGroup: {
+      ignoreBreakpoint: !0,
+      className: e.actionGroup
+    }
+  };
+  return /* @__PURE__ */ o.createElement("div", { ...n, className: c }, /* @__PURE__ */ o.createElement("div", { className: a(e.illustratedMessage, e[t]) }, /* @__PURE__ */ o.createElement(g, { props: m }, i)));
+};
+export {
+  E as I
+};

package/dist/js/IllustratedMessage.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { I as e } from "./IllustratedMessage-B3MHD01M.js";
+import { I as e } from "./IllustratedMessage-CeYE8bxs.js";
 export {
   e as IllustratedMessage,
   e as default

package/dist/js/List.js

@@ -42,7 +42,7 @@ import { u as pe } from "./useSelector-DpU7_HMO.js";
 import { u as Pt } from "./SettingsProvider-D9oDS5r9.js";
 import * as X from "react-aria-components";
 import { S as x } from "./SkeletonText-B5ZghZhO.js";
-import { I as Vt } from "./IllustratedMessage-B3MHD01M.js";
+import { I as Vt } from "./IllustratedMessage-CeYE8bxs.js";
 import { I as kt } from "./IconSearch-Bufq0n5e.js";
 import { d as S, a as P } from "./deepFindOfType-6pG0fH7S.js";
 import { ListLoaderAsyncResource as At, TypedListLoaderAsyncResource as Mt } from "./List/ListLoaderAsyncResource.js";