@mittwald/flow-react-components 0.1.0-alpha.305 → 0.1.0-alpha.306

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 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.306](https://github.com/mittwald/flow/compare/0.1.0-alpha.305...0.1.0-alpha.306) (2024-10-28)
+
+### Bug Fixes
+
+- **Heading:** fix heading content margin
+  ([46da4bb](https://github.com/mittwald/flow/commit/46da4bb900a6f9b07f10299c4fc3cde0a8b9cef0))
+
+### Features
+
+- **Heading:** support contextual help
+  ([6a21e4a](https://github.com/mittwald/flow/commit/6a21e4a0f94410703a033acebd1ce9c95f154dab))
+
+# 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.305](https://github.com/mittwald/flow/compare/0.1.0-alpha.304...0.1.0-alpha.305) (2024-10-28)
 
 ### Bug Fixes

package/dist/css/Heading.css

@@ -1 +1 @@
-.flow--heading{color:var(--heading--color);display:flex;column-gap:var(--heading--icon-to-text-spacing);font-size:var(--font-size);font-weight:var(--heading--font-weight);--heading-line-height: calc(var(--font-size) * var(--line-height--default))}.flow--heading.flow--heading--dark{color:var(--heading--color-dark)}.flow--heading.flow--heading--light{color:var(--heading--color-light)}.flow--heading .flow--heading--icon,.flow--heading>.flow--alert-icon{height:var(--heading-line-height);width:var(--heading-line-height)}.flow--heading .flow--heading--heading-content{height:var(--heading-line-height);display:flex;align-items:center}.flow--heading:where(h1){--font-size: var(--heading-font-size--xl)}.flow--heading:where(h2){--font-size: var(--heading-font-size--m)}.flow--heading:where(h3){--font-size: var(--heading-font-size--s)}.flow--heading:where(h4),.flow--heading:where(h5),.flow--heading:where(h6){--font-size: var(--heading-font-size--xs)}.flow--heading.flow--heading--xs{--font-size: var(--heading-font-size--xs)}.flow--heading.flow--heading--s{--font-size: var(--heading-font-size--s)}.flow--heading.flow--heading--m{--font-size: var(--heading-font-size--m)}.flow--heading.flow--heading--l{--font-size: var(--heading-font-size--l)}.flow--heading.flow--heading--xl{--font-size: var(--heading-font-size--xl)}.flow--heading.flow--heading--xxl{--font-size: var(--heading-font-size--xxl)}@media (max-width: 550px){.flow--heading:where(h1){--font-size: var(--heading-font-size--l)}}
+.flow--heading{color:var(--heading--color);font-size:var(--font-size);font-weight:var(--heading--font-weight);--heading-line-height: calc(var(--font-size) * var(--line-height--default))}.flow--heading.flow--heading--dark{color:var(--heading--color-dark)}.flow--heading.flow--heading--light{color:var(--heading--color-light)}.flow--heading .flow--heading--icon,.flow--heading>.flow--alert-icon{height:var(--heading-line-height);width:var(--heading-line-height);vertical-align:bottom;display:inline-block;margin-inline-end:var(--heading--icon-to-text-spacing)}.flow--heading .flow--heading--heading-text:not(:last-child){margin-inline-end:var(--heading--icon-to-text-spacing)}.flow--heading .flow--heading--heading-content{vertical-align:bottom;display:inline-flex;height:var(--heading-line-height);align-items:center}.flow--heading:where(h1){--font-size: var(--heading-font-size--xl)}.flow--heading:where(h2){--font-size: var(--heading-font-size--m)}.flow--heading:where(h3){--font-size: var(--heading-font-size--s)}.flow--heading:where(h4),.flow--heading:where(h5),.flow--heading:where(h6){--font-size: var(--heading-font-size--xs)}.flow--heading.flow--heading--xs{--font-size: var(--heading-font-size--xs)}.flow--heading.flow--heading--s{--font-size: var(--heading-font-size--s)}.flow--heading.flow--heading--m{--font-size: var(--heading-font-size--m)}.flow--heading.flow--heading--l{--font-size: var(--heading-font-size--l)}.flow--heading.flow--heading--xl{--font-size: var(--heading-font-size--xl)}.flow--heading.flow--heading--xxl{--font-size: var(--heading-font-size--xxl)}@media (max-width: 550px){.flow--heading:where(h1){--font-size: var(--heading-font-size--l)}}

package/dist/js/Heading-gFkXcomc.js

@@ -0,0 +1,66 @@
+"use client"
+/* */
+import e from "react";
+import g from "clsx";
+import { C as h } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { f as p } from "./flowComponent-uZXy7sF4.js";
+import * as x from "react-aria-components";
+import { TunnelProvider as w, TunnelExit as C } from "@mittwald/react-tunnel";
+const u = "flow--heading", E = "flow--heading--dark", N = "flow--heading--light", P = "flow--heading--icon", T = "flow--heading--heading-text", H = "flow--heading--heading-content", k = "flow--heading--xs", v = "flow--heading--s", I = "flow--heading--m", y = "flow--heading--l", A = "flow--heading--xl", B = "flow--heading--xxl", n = {
+  heading: u,
+  dark: E,
+  light: N,
+  icon: P,
+  headingText: T,
+  headingContent: H,
+  xs: k,
+  s: v,
+  m: I,
+  l: y,
+  xl: A,
+  xxl: B
+}, K = p("Heading", (o) => {
+  const {
+    children: a,
+    className: i,
+    level: l = 2,
+    color: r = "primary",
+    size: t,
+    refProp: s,
+    ...d
+  } = o, c = g(
+    n.heading,
+    t && n[t],
+    n[r],
+    i
+  ), m = {
+    Icon: {
+      "aria-hidden": !0,
+      className: n.icon
+    },
+    AlertBadge: {
+      tunnelId: "headingContent"
+    },
+    Button: {
+      tunnelId: "headingContent"
+    }
+  };
+  return /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement(w, null, /* @__PURE__ */ e.createElement(
+    x.Heading,
+    {
+      level: l,
+      className: c,
+      ...d,
+      ref: s
+    },
+    /* @__PURE__ */ e.createElement("span", { className: n.headingText }, /* @__PURE__ */ e.createElement(f, { props: m }, a)),
+    /* @__PURE__ */ e.createElement("span", { className: n.headingContent }, /* @__PURE__ */ e.createElement(C, { id: "headingContent" }))
+  )));
+});
+export {
+  K as H
+};

package/dist/js/Heading.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { H as e } from "./Heading-CB3ASpaU.js";
+import { H as e } from "./Heading-gFkXcomc.js";
 export {
   e as Heading,
   e as default

package/dist/js/List.js

@@ -30,7 +30,7 @@ import { makeObservable as St, observable as me, computed as he, action as G } f
 import "./context-Cf7tqFtF.js";
 import { u as bt } from "./useOnChange-C1Quwyuz.js";
 import { S as vt } from "./SearchField-D_McGKsS.js";
-import { H as Q } from "./Heading-CB3ASpaU.js";
+import { H as Q } from "./Heading-gFkXcomc.js";
 import { S as yt } from "./Section-DszRJOuI.js";
 import { getProperty as wt } from "dot-prop";
 import { hash as Ee } from "object-code";