@mittwald/flow-react-components 0.1.0-alpha.215 → 0.1.0-alpha.216

package/dist/{Header-DUWPZjAq.js → Header-DvtpqjDj.js}

@@ -8,11 +8,11 @@ import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as p, TunnelExit as f } from "@mittwald/react-tunnel";
-const I = "flow--section--section-header", g = "flow--section--section-header--actions", a = {
+const I = "flow--section--section-header", g = "flow--section--section-header--actions", l = {
   sectionHeader: I,
   actions: g
 }, E = (n) => {
-  const { children: t, className: o } = n, r = m(a.sectionHeader, o), s = {
+  const { children: t, className: o } = n, r = m(l.sectionHeader, o), s = {
     Switch: {
       labelPosition: "leading",
       tunnelId: "actions"
@@ -47,23 +47,24 @@ const I = "flow--section--section-header", g = "flow--section--section-header--a
     },
     Heading: {
       level: 2,
-      className: a.heading
+      className: l.heading,
+      levelVisual: 4
     }
   };
-  return /* @__PURE__ */ e.createElement("header", { className: r }, /* @__PURE__ */ e.createElement(u, { props: s }, /* @__PURE__ */ e.createElement(p, null, t, /* @__PURE__ */ e.createElement("div", { className: a.actions }, /* @__PURE__ */ e.createElement(f, { id: "actions" })))));
+  return /* @__PURE__ */ e.createElement("header", { className: r }, /* @__PURE__ */ e.createElement(u, { props: s }, /* @__PURE__ */ e.createElement(p, null, t, /* @__PURE__ */ e.createElement("div", { className: l.actions }, /* @__PURE__ */ e.createElement(f, { id: "actions" })))));
 }, C = d("Header", (n) => {
   const {
     children: t,
     refProp: o,
     elementType: r = "header",
     renderSectionHeader: s,
-    className: l,
+    className: a,
     ...c
   } = n;
   if (s)
-    return /* @__PURE__ */ e.createElement(E, { className: l }, t);
+    return /* @__PURE__ */ e.createElement(E, { className: a }, t);
   const i = r;
-  return /* @__PURE__ */ e.createElement(i, { ...c, className: l, ref: o }, t);
+  return /* @__PURE__ */ e.createElement(i, { ...c, className: a, ref: o }, t);
 });
 export {
   C as H

package/dist/Header.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { H as e } from "./Header-DUWPZjAq.js";
+import { H as e } from "./Header-DvtpqjDj.js";
 export {
   e as Header,
   e as default

package/dist/List.js

@@ -29,7 +29,7 @@ import "./context-Cf7tqFtF.js";
 import { u as at } from "./useOnChange-C1Quwyuz.js";
 import { S as it } from "./SearchField-DstUFmq4.js";
 import { H as K } from "./Heading-BEC6iPfF.js";
-import { S as nt } from "./Section-DTR9rFAc.js";
+import { S as nt } from "./Section-B0hiMFoD.js";
 import { I as rt } from "./IconSettings-CisOFpPV.js";
 import { getProperty as ot } from "dot-prop";
 import { hash as pe } from "object-code";

package/dist/Modal.js

@@ -12,7 +12,7 @@ import * as n from "react-aria-components";
 import "mobx";
 import { u as g } from "./useOverlayController-D8pgx8nV.js";
 import { O as w } from "./OverlayContextProvider-xvILXWn5.js";
-import { H as E } from "./Header-DUWPZjAq.js";
+import { H as E } from "./Header-DvtpqjDj.js";
 import { A as O } from "./Action-Dp_7RavF.js";
 import { B as h } from "./Button-DQtavSbo.js";
 import "@tabler/icons-react";

package/dist/{Section-DTR9rFAc.js → Section-B0hiMFoD.js}

@@ -10,9 +10,9 @@ import { f as c } from "./flowComponent-DHPUcYyM.js";
 import { A as C } from "./Activity-CmfZpgOM.js";
 import * as s from "react-aria-components";
 import { s as S } from "./ContextMenu.module-BZingr2B.js";
-const E = "flow--section", P = {
+const E = "flow--section", v = {
   section: E
-}, g = c(
+}, P = c(
   "ContextMenuSection",
   (r) => {
     const { children: t } = r, o = {
@@ -35,11 +35,12 @@ const E = "flow--section", P = {
   if (!t)
     return null;
   if (m)
-    return /* @__PURE__ */ e.createElement(g, null, t);
-  const d = x(P.section, o), n = f(), u = {
+    return /* @__PURE__ */ e.createElement(P, null, t);
+  const u = x(v.section, o), n = f(), d = {
     Heading: {
       level: 2,
-      id: n
+      id: n,
+      levelVisual: 4
     },
     Header: {
       renderSectionHeader: !0
@@ -48,7 +49,7 @@ const E = "flow--section", P = {
       "aria-labelledby": n
     }
   };
-  return /* @__PURE__ */ e.createElement(C, { isActive: a }, /* @__PURE__ */ e.createElement("section", { ...p, className: d, ref: l }, /* @__PURE__ */ e.createElement(i, { props: u, mergeInParentContext: !0 }, t)));
+  return /* @__PURE__ */ e.createElement(C, { isActive: a }, /* @__PURE__ */ e.createElement("section", { ...p, className: u, ref: l }, /* @__PURE__ */ e.createElement(i, { props: d, mergeInParentContext: !0 }, t)));
 });
 export {
   b as S

package/dist/Section.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as t } from "./Section-DTR9rFAc.js";
+import { S as t } from "./Section-B0hiMFoD.js";
 export {
   t as Section,
   t as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.215",
+  "version": "0.1.0-alpha.216",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -301,7 +301,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.5.5",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.215",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.216",
     "@mittwald/react-use-promise": "^2.4.0",
     "@react-aria/utils": "^3.25.2",
     "@react-types/shared": "^3.24.1",
@@ -327,7 +327,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.215",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.216",
     "@mittwald/react-use-promise": "^2.4.0",
     "@nx/storybook": "^19.6.4",
     "@storybook/addon-a11y": "^8.2.9",
@@ -405,5 +405,5 @@
       "optional": true
     }
   },
-  "gitHead": "507e9bf585c25bb42c3f79828c207f1419bba26f"
+  "gitHead": "b23a825034e51b28ba6b382cb82e9fecd8820859"
 }