@mond-design-system/react 6.1.1 → 6.2.0

package/dist/index.d.cts

@@ -1612,6 +1612,10 @@ interface AppBarProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     leading?: ReactNode;
     /** Right slot — actions. */
     trailing?: ReactNode;
+    /** Drop the page padding so the bar's content reaches the screen edge.
+        Off by default: the padding is what lines the bar up with the page
+        column (Container shares the same token). */
+    flush?: boolean;
     ref?: Ref<HTMLElement>;
 }
 /**
@@ -1628,7 +1632,7 @@ interface AppBarProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
  * />
  * ```
  */
-declare function AppBar({ title, subtitle, leading, trailing, className, ref, ...rest }: AppBarProps): react.JSX.Element;
+declare function AppBar({ title, subtitle, leading, trailing, flush, className, ref, ...rest }: AppBarProps): react.JSX.Element;
 
 interface TabBarProps {
     /** Accessible name of the navigation landmark. */

package/dist/index.d.ts

@@ -1612,6 +1612,10 @@ interface AppBarProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     leading?: ReactNode;
     /** Right slot — actions. */
     trailing?: ReactNode;
+    /** Drop the page padding so the bar's content reaches the screen edge.
+        Off by default: the padding is what lines the bar up with the page
+        column (Container shares the same token). */
+    flush?: boolean;
     ref?: Ref<HTMLElement>;
 }
 /**
@@ -1628,7 +1632,7 @@ interface AppBarProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
  * />
  * ```
  */
-declare function AppBar({ title, subtitle, leading, trailing, className, ref, ...rest }: AppBarProps): react.JSX.Element;
+declare function AppBar({ title, subtitle, leading, trailing, flush, className, ref, ...rest }: AppBarProps): react.JSX.Element;
 
 interface TabBarProps {
     /** Accessible name of the navigation landmark. */

package/dist/index.js

@@ -2434,10 +2434,10 @@ function ScreenContent({ children, flush = false, className, ref, ...rest }) {
 }
 
 // mds-cssmod:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/AppBar/AppBar.module.css?mds-scoped
-var AppBar_module_default = { "bar": "mds-AppBar__bar", "title": "mds-AppBar__title", "text": "mds-AppBar__text", "subtitle": "mds-AppBar__subtitle", "slot": "mds-AppBar__slot", "trailing": "mds-AppBar__trailing" };
-function AppBar({ title, subtitle, leading, trailing, className, ref, ...rest }) {
+var AppBar_module_default = { "bar": "mds-AppBar__bar", "flush": "mds-AppBar__flush", "title": "mds-AppBar__title", "text": "mds-AppBar__text", "subtitle": "mds-AppBar__subtitle", "slot": "mds-AppBar__slot", "trailing": "mds-AppBar__trailing" };
+function AppBar({ title, subtitle, leading, trailing, flush = false, className, ref, ...rest }) {
   const heading = title ? /* @__PURE__ */ jsx("h1", { className: AppBar_module_default.title, children: title }) : null;
-  return /* @__PURE__ */ jsxs("header", { ref, className: cx(AppBar_module_default.bar, className), ...rest, children: [
+  return /* @__PURE__ */ jsxs("header", { ref, className: cx(AppBar_module_default.bar, flush && AppBar_module_default.flush, className), ...rest, children: [
     leading ? /* @__PURE__ */ jsx("div", { className: AppBar_module_default.slot, children: leading }) : null,
     subtitle != null ? /* @__PURE__ */ jsxs("div", { className: AppBar_module_default.text, children: [
       heading,