@mittwald/flow-react-components 1.4.18 → 1.4.20

package/dist/js/packages/components/src/components/LayoutCard/LayoutCard.mjs

@@ -13,7 +13,8 @@ var LayoutCard = flowComponent("LayoutCard", (props) => {
 	const Element = elementType;
 	const propsContext = {
 		TabNavigation: { className: LayoutCard_module_default.tabNavigation },
-		AccentBox: { className: LayoutCard_module_default.accentBox }
+		AccentBox: { className: LayoutCard_module_default.accentBox },
+		Alert: { className: LayoutCard_module_default.alert }
 	};
 	return /* @__PURE__ */ jsx(Element, {
 		className: rootClassName,

package/dist/js/packages/components/src/components/LayoutCard/LayoutCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutCard.mjs","names":[],"sources":["../../../../../../../src/components/LayoutCard/LayoutCard.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./LayoutCard.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface LayoutCardProps\n  extends\n    PropsWithChildren,\n    PropsWithElementType<\"div\" | \"main\" | \"footer\" | \"header\">,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const LayoutCard = flowComponent(\n  \"LayoutCard\",\n  (props) => {\n    const { children, className, elementType = \"div\", ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.layoutCard, className);\n\n    const Element = elementType;\n\n    const propsContext: PropsContext = {\n      TabNavigation: {\n        className: styles.tabNavigation,\n      },\n      AccentBox: { className: styles.accentBox },\n    };\n\n    return (\n      <Element className={rootClassName} {...rest} ref={ref}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Element>\n    );\n  },\n  { type: \"layout\" },\n);\n\nexport default LayoutCard;\n"],"mappings":";;;;;;;;;AAgBA,IAAa,aAAa,cACxB,eACC,UAAU;CACT,MAAM,EAAE,UAAU,WAAW,cAAc,OAAO,KAAK,GAAG,SAAS;CAEnE,MAAM,gBAAgB,KAAK,0BAAO,YAAY,SAAS;CAEvD,MAAM,UAAU;CAEhB,MAAM,eAA6B;EACjC,eAAe,EACb,WAAW,0BAAO,cACpB;EACA,WAAW,EAAE,WAAW,0BAAO,UAAU;CAC3C;CAEA,OACE,oBAAC,SAAD;EAAS,WAAW;EAAe,GAAI;EAAW;EAChD,UAAA,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;EACmB,CAAA;CACf,CAAA;AAEb,GACA,EAAE,MAAM,SAAS,CACnB"}
+{"version":3,"file":"LayoutCard.mjs","names":[],"sources":["../../../../../../../src/components/LayoutCard/LayoutCard.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./LayoutCard.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface LayoutCardProps\n  extends\n    PropsWithChildren,\n    PropsWithElementType<\"div\" | \"main\" | \"footer\" | \"header\">,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const LayoutCard = flowComponent(\n  \"LayoutCard\",\n  (props) => {\n    const { children, className, elementType = \"div\", ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.layoutCard, className);\n\n    const Element = elementType;\n\n    const propsContext: PropsContext = {\n      TabNavigation: {\n        className: styles.tabNavigation,\n      },\n      AccentBox: { className: styles.accentBox },\n      Alert: { className: styles.alert },\n    };\n\n    return (\n      <Element className={rootClassName} {...rest} ref={ref}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Element>\n    );\n  },\n  { type: \"layout\" },\n);\n\nexport default LayoutCard;\n"],"mappings":";;;;;;;;;AAgBA,IAAa,aAAa,cACxB,eACC,UAAU;CACT,MAAM,EAAE,UAAU,WAAW,cAAc,OAAO,KAAK,GAAG,SAAS;CAEnE,MAAM,gBAAgB,KAAK,0BAAO,YAAY,SAAS;CAEvD,MAAM,UAAU;CAEhB,MAAM,eAA6B;EACjC,eAAe,EACb,WAAW,0BAAO,cACpB;EACA,WAAW,EAAE,WAAW,0BAAO,UAAU;EACzC,OAAO,EAAE,WAAW,0BAAO,MAAM;CACnC;CAEA,OACE,oBAAC,SAAD;EAAS,WAAW;EAAe,GAAI;EAAW;EAChD,UAAA,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;EACmB,CAAA;CACf,CAAA;AAEb,GACA,EAAE,MAAM,SAAS,CACnB"}

package/dist/js/packages/components/src/components/LayoutCard/LayoutCard.module.mjs

@@ -3,13 +3,15 @@
 //#region src/components/LayoutCard/LayoutCard.module.scss
 var layoutCard = "flow--layout-card";
 var tabNavigation = "flow--layout-card--tab-navigation";
+var alert = "flow--layout-card--alert";
 var accentBox = "flow--layout-card--accent-box";
 var LayoutCard_module_default = {
 	layoutCard,
 	tabNavigation,
+	alert,
 	accentBox
 };
 //#endregion
-export { accentBox, LayoutCard_module_default as default, layoutCard, tabNavigation };
+export { accentBox, alert, LayoutCard_module_default as default, layoutCard, tabNavigation };
 
 //# sourceMappingURL=LayoutCard.module.mjs.map

package/dist/js/packages/components/src/components/LayoutCard/LayoutCard.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutCard.module.mjs","names":[],"sources":["../../../../../../../src/components/LayoutCard/LayoutCard.module.scss"],"sourcesContent":["@use \"@/styles/mixins/scrollbar\";\n\n.layoutCard {\n  @include scrollbar.scrollbar;\n\n  align-self: normal;\n  background-color: var(--layout-card--background-color);\n  box-shadow: var(--layout-card--box-shadow);\n  border-radius: var(--layout-card--corner-radius);\n  padding: var(--layout-card--padding);\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  border: var(--layout-card--border-width) var(--layout-card--border-style)\n    var(--layout-card--border-color);\n\n  > .tabNavigation {\n    margin-top: calc(var(--layout-card--padding) * -1);\n    margin-inline: calc(var(--layout-card--padding) * -1);\n    margin-bottom: var(--layout-card--padding);\n    border-start-end-radius: calc(var(--layout-card--corner-radius) - 1px);\n    border-start-start-radius: calc(var(--layout-card--corner-radius) - 1px);\n\n    :global(.flow--tab-navigation--item):first-child\n      :global(.flow--tab-navigation--link) {\n      border-start-start-radius: calc(var(--layout-card--corner-radius) - 1px);\n    }\n\n    :global(.flow--tab-navigation--more-button) {\n      border-start-end-radius: calc(var(--layout-card--corner-radius) - 1px);\n    }\n  }\n\n  &:has(> .accentBox:only-child) {\n    padding: 0;\n    border: none;\n\n    .accentBox {\n      padding: var(--layout-card--padding);\n      border-radius: calc(var(--layout-card--corner-radius) - 1px);\n      flex-grow: 1;\n    }\n  }\n}\n\n@media (max-width: 768px) {\n  .layoutCard {\n    padding: var(--layout-card--padding-mobile);\n\n    > .tabNavigation {\n      margin-top: calc(var(--layout-card--padding-mobile) * -1);\n      margin-inline: calc(var(--layout-card--padding-mobile) * -1);\n      margin-bottom: var(--layout-card--padding-mobile);\n    }\n\n    &:has(> .accentBox:only-child) {\n      padding: 0;\n\n      .accentBox {\n        padding: var(--layout-card--padding-mobile);\n      }\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"LayoutCard.module.mjs","names":[],"sources":["../../../../../../../src/components/LayoutCard/LayoutCard.module.scss"],"sourcesContent":["@use \"@/styles/mixins/scrollbar\";\n\n.layoutCard {\n  @include scrollbar.scrollbar;\n\n  align-self: normal;\n  background-color: var(--layout-card--background-color);\n  box-shadow: var(--layout-card--box-shadow);\n  border-radius: var(--layout-card--corner-radius);\n  padding: var(--layout-card--padding);\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  border: var(--layout-card--border-width) var(--layout-card--border-style)\n    var(--layout-card--border-color);\n\n  > .tabNavigation {\n    margin-top: calc(var(--layout-card--padding) * -1);\n    margin-inline: calc(var(--layout-card--padding) * -1);\n    margin-bottom: var(--layout-card--padding);\n    border-start-end-radius: calc(var(--layout-card--corner-radius) - 1px);\n    border-start-start-radius: calc(var(--layout-card--corner-radius) - 1px);\n\n    :global(.flow--tab-navigation--item):first-child\n      :global(.flow--tab-navigation--link) {\n      border-start-start-radius: calc(var(--layout-card--corner-radius) - 1px);\n    }\n\n    :global(.flow--tab-navigation--more-button) {\n      border-start-end-radius: calc(var(--layout-card--corner-radius) - 1px);\n    }\n  }\n\n  /* Stacked page-wide alerts */\n  > .alert + .alert {\n    margin-block-start: var(--section--spacing);\n  }\n\n  &:has(> .accentBox:only-child) {\n    padding: 0;\n    border: none;\n\n    .accentBox {\n      padding: var(--layout-card--padding);\n      border-radius: calc(var(--layout-card--corner-radius) - 1px);\n      flex-grow: 1;\n    }\n  }\n}\n\n@media (max-width: 768px) {\n  .layoutCard {\n    padding: var(--layout-card--padding-mobile);\n\n    > .tabNavigation {\n      margin-top: calc(var(--layout-card--padding-mobile) * -1);\n      margin-inline: calc(var(--layout-card--padding-mobile) * -1);\n      margin-bottom: var(--layout-card--padding-mobile);\n    }\n\n    &:has(> .accentBox:only-child) {\n      padding: 0;\n\n      .accentBox {\n        padding: var(--layout-card--padding-mobile);\n      }\n    }\n  }\n}\n"],"mappings":""}

package/dist/types/components/Button/stories/lib.d.ts

@@ -4,4 +4,4 @@ export declare const asyncFunction: (...args: unknown[]) => Promise<void>;
 export declare const asyncLongFunction: (...args: unknown[]) => Promise<void>;
 export declare const asyncLongFunctionWithError: (...args: unknown[]) => Promise<never>;
 export declare const asyncFunctionWithError: (...args: unknown[]) => Promise<never>;
-export declare const button: import("react").JSX.Element;
+export declare const button: import('react').JSX.Element;

package/dist/types/components/List/components/DataLoader/DataLoader.d.ts

@@ -1,2 +1,2 @@
-export declare const DataLoader: () => import("react").JSX.Element[];
+export declare const DataLoader: () => import('react').JSX.Element[];
 export default DataLoader;

package/dist/types/components/List/components/Items/components/Item/Item.d.ts

@@ -8,7 +8,7 @@ interface Props extends PropsWithChildren {
     list: ListModel<never>;
     isTile: boolean;
 }
-export declare const Item: import('react').MemoExoticComponent<(props: Props) => import("react").JSX.Element | null>;
+export declare const Item: import('react').MemoExoticComponent<(props: Props) => import('react').JSX.Element | null>;
 interface ItemContainerProps extends PropsWithChildren {
     id?: Key;
     data?: never;

package/dist/types/components/List/components/Items/components/Item/hooks/useGridItemProps.d.ts

@@ -14,6 +14,6 @@ export declare const useGridItemProps: (props: P, list: List<never>) => {
         ref: import('react').RefObject<HTMLDivElement | null>;
         onAction: () => void;
     };
-    children: import("react").JSX.Element;
+    children: import('react').JSX.Element;
 };
 export {};

package/dist/types/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.d.ts

@@ -11,5 +11,5 @@ export type ListItemViewContentProps = PropsWithChildren & Pick<ColumnLayoutProp
     viewMode?: ListViewMode;
 };
 /** @flr-generate all */
-export declare const ListItemViewContent: (props: ListItemViewContentProps) => import("react").JSX.Element;
+export declare const ListItemViewContent: (props: ListItemViewContentProps) => import('react').JSX.Element;
 export default ListItemViewContent;

package/dist/types/integrations/react-hook-form/components/Field/Field.d.ts

@@ -2,6 +2,6 @@ import { PropsWithChildren } from 'react';
 import { ControllerProps, FieldValues, UseFormReturn } from 'react-hook-form';
 export interface FieldProps<T extends FieldValues> extends Omit<ControllerProps<T>, "render">, PropsWithChildren {
 }
-export declare function Field<T extends FieldValues>(props: FieldProps<T>): import("react").JSX.Element;
+export declare function Field<T extends FieldValues>(props: FieldProps<T>): import('react').JSX.Element;
 export declare const typedField: <T extends FieldValues>(ignoredForm: UseFormReturn<T> | UseFormReturn<T>["control"]) => typeof Field<T>;
 export default Field;

package/dist/types/integrations/react-hook-form/components/Form/Form.d.ts

@@ -52,5 +52,5 @@ export interface FormProps<F extends FieldValues> extends Omit<ComponentProps<"f
      */
     confirmModalCloseOnUnsavedChanges?: boolean;
 }
-export declare function Form<F extends FieldValues>(props: FormProps<F>): import("react").JSX.Element;
+export declare function Form<F extends FieldValues>(props: FormProps<F>): import('react').JSX.Element;
 export default Form;

package/dist/types/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.d.ts

@@ -18,7 +18,7 @@ export interface FormContextProviderProps extends PropsWithChildren {
     onAfterSuccessFeedback?: AfterFormSubmitCallback;
     rootErrorController: FormRootErrorController;
 }
-export declare const FormContextProvider: (props: FormContextProviderProps) => import("react").JSX.Element;
+export declare const FormContextProvider: (props: FormContextProviderProps) => import('react').JSX.Element;
 export declare const useFormContext: <F extends FieldValues>() => FormContext<F>;
 export declare const useOptionalFormContext: <F extends FieldValues>() => FormContext<F> | undefined;
 export default FormContextProvider;

package/dist/types/integrations/react-hook-form/components/FormSettingsProvider/FormSettingsProvider.d.ts

@@ -9,6 +9,6 @@ interface Context {
     submitInterceptor?: SubmitInterceptor;
 }
 export type FormSettingsProviderProps = Context & PropsWithChildren;
-export declare function FormSettingsProvider(props: FormSettingsProviderProps): import("react").JSX.Element;
+export declare function FormSettingsProvider(props: FormSettingsProviderProps): import('react').JSX.Element;
 export declare const useFormSettings: () => Context;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "1.4.18",
+  "version": "1.4.20",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://flow.mittwald.de",
@@ -84,9 +84,9 @@
     "@internationalized/string-compiler": "^3.4.1",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "^1.4.18",
+    "@mittwald/flow-icons": "^1.4.20",
     "@mittwald/password-tools-js": "^3.0.0",
-    "@mittwald/react-tunnel": "^1.4.18",
+    "@mittwald/react-tunnel": "^1.4.20",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.2.1",
     "@react-aria/i18n": "^3.13.1",
@@ -139,12 +139,12 @@
     "@internationalized/date": "^3.12.3",
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.10",
-    "@mittwald/flow-core": "1.4.18",
-    "@mittwald/flow-design-tokens": "1.4.18",
-    "@mittwald/flow-icons-base": "1.4.18",
+    "@mittwald/flow-core": "1.4.20",
+    "@mittwald/flow-design-tokens": "1.4.20",
+    "@mittwald/flow-icons-base": "1.4.20",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
-    "@mittwald/typescript-config": "1.4.18",
+    "@mittwald/typescript-config": "1.4.20",
     "@nx/storybook": "^22.7.6",
     "@storybook/addon-a11y": "^10.5.10",
     "@storybook/addon-actions": "^9.0.8",
@@ -154,7 +154,7 @@
     "@storybook/react-vite": "^10.5.10",
     "@tabler/icons-react": "^3.46.0",
     "@teispace/next-themes": "^2.0.4",
-    "@types/node": "25.9.7",
+    "@types/node": "25.9.8",
     "@typescript/native": "npm:typescript@^7.0.2",
     "@vitejs/plugin-react": "5.2.0",
     "@vitest/browser": "^4.1.11",
@@ -196,7 +196,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/flow-icons-pro": "1.4.18",
+    "@mittwald/flow-icons-pro": "1.4.20",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -220,5 +220,5 @@
   "browserslist": [
     "baseline widely available"
   ],
-  "gitHead": "a22d7bf1327998a16b7bc0e8e2af13eaf38b0ff8"
+  "gitHead": "8bd5a71afce9b212d9b488b53e4e9f7c2de93f36"
 }