@mittwald/flow-react-components 0.1.0-alpha.159 → 0.1.0-alpha.160

package/dist/types/components/Modal/Modal.d.ts

@@ -1,8 +1,9 @@
 import { PropsWithChildren, default as React } from 'react';
 import { OverlayController } from '../../lib/controller/overlay';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+import { PropsWithClassName } from '../../lib/types/props';
 
-export interface ModalProps extends PropsWithChildren, FlowComponentProps {
+export interface ModalProps extends PropsWithChildren, FlowComponentProps, PropsWithClassName {
     /** @default "s" */
     size?: "s" | "m" | "l";
     offCanvas?: boolean;

package/dist/types/components/Modal/stories/EdgeCases.stories.d.ts

@@ -5,3 +5,4 @@ declare const meta: Meta<typeof Modal>;
 export default meta;
 type Story = StoryObj<typeof Modal>;
 export declare const LongContent: Story;
+export declare const LongContentOffCanvas: Story;

package/dist/types/components/propTypes/index.d.ts

@@ -32,7 +32,6 @@ import { ModalProps } from '../Modal';
 import { SectionProps } from '../Section';
 import { SliderProps } from '../Slider';
 import { CounterBadgeProps } from '../CounterBadge';
-import { OffCanvasProps } from '../OffCanvas';
 import { ContextualHelpProps } from '../ContextualHelp';
 import { PopoverProps } from '../Popover';
 import { ContextMenuSectionProps } from '../ContextMenu/components/ContextMenuSection';
@@ -67,7 +66,6 @@ export interface FlowComponentPropsTypes {
     Modal: ModalProps;
     NumberField: NumberFieldProps;
     Option: OptionProps;
-    OffCanvas: OffCanvasProps;
     Popover: PopoverProps;
     Radio: RadioProps;
     RadioButton: RadioButtonProps;

package/dist/types/lib/controller/overlay/context.d.ts

@@ -33,7 +33,6 @@ export declare const overlayContext: import('react').Context<Partial<{
     Modal: OverlayController | undefined;
     NumberField: OverlayController | undefined;
     Option: OverlayController | undefined;
-    OffCanvas: OverlayController | undefined;
     Popover: OverlayController | undefined;
     Radio: OverlayController | undefined;
     RadioButton: OverlayController | undefined;

package/dist/types/lib/propsContext/propsContext.d.ts

@@ -29,7 +29,6 @@ export declare const propsContext: import('react').Context<Partial<{
     Modal: import('./types').ComponentPropsContext<"Modal">;
     NumberField: import('./types').ComponentPropsContext<"NumberField">;
     Option: import('./types').ComponentPropsContext<"Option">;
-    OffCanvas: import('./types').ComponentPropsContext<"OffCanvas">;
     Popover: import('./types').ComponentPropsContext<"Popover">;
     Radio: import('./types').ComponentPropsContext<"Radio">;
     RadioButton: import('./types').ComponentPropsContext<"RadioButton">;
@@ -74,7 +73,6 @@ export declare const PropsContextProvider: import('react').Provider<Partial<{
     Modal: import('./types').ComponentPropsContext<"Modal">;
     NumberField: import('./types').ComponentPropsContext<"NumberField">;
     Option: import('./types').ComponentPropsContext<"Option">;
-    OffCanvas: import('./types').ComponentPropsContext<"OffCanvas">;
     Popover: import('./types').ComponentPropsContext<"Popover">;
     Radio: import('./types').ComponentPropsContext<"Radio">;
     RadioButton: import('./types').ComponentPropsContext<"RadioButton">;

package/dist/types/lib/slotContext/slotContext.d.ts

@@ -29,7 +29,6 @@ export declare const slotContext: import('react').Context<Partial<{
     Modal: string;
     NumberField: string;
     Option: string;
-    OffCanvas: string;
     Popover: string;
     Radio: string;
     RadioButton: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.159",
+  "version": "0.1.0-alpha.160",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -170,10 +170,6 @@
       "types": "./dist/types/components/NumberField/index.d.ts",
       "import": "./dist/NumberField.js"
     },
-    "./OffCanvas": {
-      "types": "./dist/types/components/OffCanvas/index.d.ts",
-      "import": "./dist/OffCanvas.js"
-    },
     "./Popover": {
       "types": "./dist/types/components/Popover/index.d.ts",
       "import": "./dist/Popover.js"
@@ -280,7 +276,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.159",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.160",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
@@ -307,7 +303,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.159",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.160",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.3.0",
     "@storybook/addon-a11y": "^8.1.10",
@@ -383,5 +379,5 @@
       "optional": true
     }
   },
-  "gitHead": "f9caa7c56513eb7628ffa988b851f526226e6179"
+  "gitHead": "920b0b1640ab2745bc8ee0b07f026fc1a236c399"
 }

package/dist/ModalOverlay-BRUQRt0W.js

@@ -1,34 +0,0 @@
-"use client"
-/* */
-import * as r from "react-aria-components";
-import e from "react";
-import p from "clsx";
-import "mobx";
-import { u as v } from "./useOverlayController-D8N4X2rc.js";
-import { O as d } from "./OverlayContextProvider-DJzKzUwy.js";
-const f = "flow--modal-overlay--overlay", u = {
-  overlay: f,
-  "overlay-fade": "flow--modal-overlay--overlay-fade"
-}, F = (l) => {
-  const {
-    controller: t,
-    children: a,
-    isDismissable: s = !0,
-    className: n
-  } = l, m = v("Modal", {
-    reuseControllerFromContext: !0
-  }), o = t ?? m, c = o.useIsOpen(), i = p(u.overlay, n);
-  return /* @__PURE__ */ e.createElement(
-    r.ModalOverlay,
-    {
-      className: i,
-      isDismissable: s,
-      isOpen: c,
-      onOpenChange: (y) => o.setOpen(y)
-    },
-    /* @__PURE__ */ e.createElement(r.Modal, null, /* @__PURE__ */ e.createElement(r.Dialog, null, /* @__PURE__ */ e.createElement(d, { type: "Modal", controller: o }, a)))
-  );
-};
-export {
-  F as M
-};

package/dist/OffCanvas.js

@@ -1,70 +0,0 @@
-"use client"
-/* */
-import o from "react";
-import i from "clsx";
-import "mobx";
-import { u as p } from "./useOverlayController-D8N4X2rc.js";
-import { B as v } from "./Button-IKdIGp7F.js";
-import "@tabler/icons-react";
-import "./Icon-BcUUAuaS.js";
-import { I as d } from "./IconClose-CdUWYo5g.js";
-import { A as C } from "./Action-DYTtbQCP.js";
-import { M as u } from "./ModalOverlay-BRUQRt0W.js";
-import "./propsContext-DzAKlmhS.js";
-import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
-import "@react-aria/utils";
-import "remeda";
-import { TunnelProvider as g, TunnelExit as y } from "@mittwald/react-tunnel";
-import { H as E } from "./Header-D_2PLC-c.js";
-import { f as h } from "./flowComponent-DDs2bWU2.js";
-import { O as x } from "./OverlayContextProvider-DJzKzUwy.js";
-import * as P from "react-aria-components";
-import { O as w } from "./OverlayTrigger-Bdb65OEJ.js";
-const T = "flow--off-canvas", B = "flow--off-canvas--header", N = "flow--off-canvas--close-button", t = {
-  offCanvas: T,
-  "off-canvas-slide-in": "flow--off-canvas--off-canvas-slide-in",
-  "off-canvas-slide-out": "flow--off-canvas--off-canvas-slide-out",
-  header: B,
-  closeButton: N
-}, U = h("OffCanvas", (e) => {
-  const {
-    controller: r,
-    refProp: a,
-    children: l,
-    className: s
-  } = e, f = i(t.offCanvas, s), m = p("OffCanvas", {
-    reuseControllerFromContext: !0
-  }), n = r ?? m, c = {
-    Heading: {
-      slot: "title",
-      tunnelId: "heading",
-      levelVisual: 4,
-      level: 2
-    }
-  };
-  return /* @__PURE__ */ o.createElement(u, { controller: n, className: f }, /* @__PURE__ */ o.createElement(x, { type: "OffCanvas", controller: n }, /* @__PURE__ */ o.createElement(O, { props: c }, /* @__PURE__ */ o.createElement(g, null, /* @__PURE__ */ o.createElement(E, { className: t.header }, /* @__PURE__ */ o.createElement(y, { id: "heading" }), /* @__PURE__ */ o.createElement(C, { closeOverlay: "OffCanvas" }, /* @__PURE__ */ o.createElement(
-    v,
-    {
-      variant: "plain",
-      color: "secondary",
-      className: t.closeButton
-    },
-    /* @__PURE__ */ o.createElement(d, null)
-  ))), l))));
-}), W = (e) => {
-  const { children: r, ...a } = e;
-  return /* @__PURE__ */ o.createElement(
-    w,
-    {
-      overlayType: "OffCanvas",
-      ...a,
-      component: P.DialogTrigger
-    },
-    r
-  );
-};
-export {
-  U as OffCanvas,
-  W as OffCanvasTrigger,
-  U as default
-};

package/dist/types/components/OffCanvas/OffCanvas.d.ts

@@ -1,10 +0,0 @@
-import { PropsWithChildren, default as React } from 'react';
-import { OverlayController } from '../../lib/controller/overlay';
-import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-
-export interface OffCanvasProps extends PropsWithChildren, FlowComponentProps {
-    controller?: OverlayController;
-    className?: string;
-}
-export declare const OffCanvas: React.ForwardRefExoticComponent<OffCanvasProps & React.RefAttributes<never>>;
-export default OffCanvas;

package/dist/types/components/OffCanvas/components/OffCanvasTrigger/OffCanvasTrigger.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { OverlayTriggerProps } from '../../../OverlayTrigger';
-
-type Props = Omit<OverlayTriggerProps, "overlayType">;
-export declare const OffCanvasTrigger: FC<Props>;
-export {};

package/dist/types/components/OffCanvas/components/OffCanvasTrigger/index.d.ts

@@ -1,4 +0,0 @@
-import { OffCanvasTrigger } from './OffCanvasTrigger';
-
-export * from './OffCanvasTrigger';
-export default OffCanvasTrigger;

package/dist/types/components/OffCanvas/index.d.ts

@@ -1,5 +0,0 @@
-import { OffCanvas } from './OffCanvas';
-
-export * from './components/OffCanvasTrigger';
-export { type OffCanvasProps, OffCanvas } from './OffCanvas';
-export default OffCanvas;

package/dist/types/components/OffCanvas/stories/Default.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { OffCanvas } from '..';
-
-declare const meta: Meta<typeof OffCanvas>;
-export default meta;
-type Story = StoryObj<typeof OffCanvas>;
-export declare const Default: Story;

package/dist/types/components/OffCanvas/stories/EdgeCases.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { OffCanvas } from '..';
-
-declare const meta: Meta<typeof OffCanvas>;
-export default meta;
-type Story = StoryObj<typeof OffCanvas>;
-export declare const LongTexts: Story;