diff --git a/.idea/compiler.xml b/.idea/compiler.xml
deleted file mode 100644
index 8ca546d7d..000000000
--- a/.idea/compiler.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-
-
-
-
-
-
\ No newline at end of file
diff --git a/nx.json b/nx.json
index 043311f2d..b69118807 100644
--- a/nx.json
+++ b/nx.json
@@ -11,8 +11,9 @@
"build:icons",
"build:imports",
"build:css",
- "^build:docs-properties",
- "^build:remote-components"
+ "build:base",
+ "build:docs-properties",
+ "build:remote-components"
],
"cache": true
},
@@ -49,6 +50,7 @@
"inputs": ["default", "{projectRoot}/src/content/**/*.mdx"]
},
"build:base": {
+ "dependsOn": ["^build"],
"cache": true,
"inputs": ["default"]
}
diff --git a/packages/docs/src/lib/PropertiesTables/components/PropertyRow.tsx b/packages/docs/src/lib/PropertiesTables/components/PropertyRow.tsx
index 963239ab2..3a455549a 100644
--- a/packages/docs/src/lib/PropertiesTables/components/PropertyRow.tsx
+++ b/packages/docs/src/lib/PropertiesTables/components/PropertyRow.tsx
@@ -30,7 +30,7 @@ export const PropertyRow: React.FC = ({
components={omit(customComponents, [
"Content",
"Heading",
- "InlineAlert",
+ "Alert",
"DoAndDont",
"ColumnLayout",
])}
diff --git a/packages/docs/src/lib/mdx/components/MdxFileView/MdxFileView.tsx b/packages/docs/src/lib/mdx/components/MdxFileView/MdxFileView.tsx
index 3b6a21397..41823f87d 100644
--- a/packages/docs/src/lib/mdx/components/MdxFileView/MdxFileView.tsx
+++ b/packages/docs/src/lib/mdx/components/MdxFileView/MdxFileView.tsx
@@ -154,16 +154,20 @@ export const MdxFileView: FC = (props) => {
return (
);
};
diff --git a/packages/docs/src/lib/mdx/components/MdxFileView/customComponents.tsx b/packages/docs/src/lib/mdx/components/MdxFileView/customComponents.tsx
index a83ab2d4d..78e8bece8 100644
--- a/packages/docs/src/lib/mdx/components/MdxFileView/customComponents.tsx
+++ b/packages/docs/src/lib/mdx/components/MdxFileView/customComponents.tsx
@@ -1,8 +1,8 @@
import styles from "./customComponents.module.css";
import Heading from "@mittwald/flow-react-components/Heading";
-import type { MDXComponents } from "mdx/types";
import Alert from "@mittwald/flow-react-components/Alert";
import Content from "@mittwald/flow-react-components/Content";
+import type { PropsWithChildren } from "react";
import React from "react";
import CopyButton from "@mittwald/flow-react-components/CopyButton";
import Link from "@mittwald/flow-react-components/Link";
@@ -23,7 +23,7 @@ import {
} from "@mittwald/flow-react-components/Table";
import { Label } from "@mittwald/flow-react-components/Label";
-export const customComponents: MDXComponents = {
+export const customComponents = {
Content: Content,
Heading: Heading,
Alert: Alert,
@@ -33,7 +33,7 @@ export const customComponents: MDXComponents = {
Label: Label,
Link: Link,
- pre: ({ children }) => (
+ pre: ({ children }: PropsWithChildren) => (
{children}
),
- code: ({ children }) => {children},
+ code: ({ children }: PropsWithChildren) => (
+ {children}
+ ),
- p: ({ children }) => (
+ p: ({ children }: PropsWithChildren) => (
{children}
),
- ul: ({ children }) => ,
+ ul: ({ children }: PropsWithChildren) => (
+
+ ),
- li: ({ children }) => {children},
+ li: ({ children }: PropsWithChildren) => (
+ {children}
+ ),
- h1: ({ children }) => (
+ h1: ({ children }: PropsWithChildren) => (
{children}
),
- h2: ({ children }) => (
+ h2: ({ children }: PropsWithChildren) => (
{children}
),
- h3: ({ children }) => (
+ h3: ({ children }: PropsWithChildren) => (
{children}
),
- h4: ({ children }) => (
+ h4: ({ children }: PropsWithChildren) => (
{children}
),
- a: ({ children, href }) => {
+ a: ({ children, href }: PropsWithChildren<{ href?: string }>) => {
if (href?.startsWith("http")) {
return (
@@ -101,10 +107,14 @@ export const customComponents: MDXComponents = {
hr: () => ,
- table: ({ children }) => ,
- thead: ({ children }) => {children},
- tr: ({ children }) => {children},
- th: ({ children }) => {children},
- tbody: ({ children }) => {children},
- td: ({ children }) => {children},
-};
+ table: ({ children }: PropsWithChildren) => ,
+ thead: ({ children }: PropsWithChildren) => (
+ {children}
+ ),
+ tr: ({ children }: PropsWithChildren) => {children},
+ th: ({ children }: PropsWithChildren) => (
+ {children}
+ ),
+ tbody: ({ children }: PropsWithChildren) => {children},
+ td: ({ children }: PropsWithChildren) => {children},
+} as const;
diff --git a/packages/remote-elements/src/auto-generated/RemoteAlertIconElement.ts b/packages/remote-elements/src/auto-generated/RemoteAlertIconElement.ts
index d91c9bd45..01d0cb75a 100644
--- a/packages/remote-elements/src/auto-generated/RemoteAlertIconElement.ts
+++ b/packages/remote-elements/src/auto-generated/RemoteAlertIconElement.ts
@@ -16,7 +16,12 @@ export class RemoteAlertIconElement extends FlowRemoteElement
"aria-describedby": {},
"aria-details": {},
end: {},
+ "aria-activedescendant": {},
+ "aria-autocomplete": {},
+ "aria-haspopup": {},
id: {},
+ type: {},
+ "aria-errormessage": {},
width: {},
spacing: {},
clipPath: {},
@@ -27,9 +32,7 @@ export class RemoteIconElement extends FlowRemoteElement
tabIndex: {},
role: {},
color: {},
- "aria-activedescendant": {},
"aria-atomic": {},
- "aria-autocomplete": {},
"aria-braillelabel": {},
"aria-brailleroledescription": {},
"aria-busy": {},
@@ -43,11 +46,9 @@ export class RemoteIconElement extends FlowRemoteElement
"aria-description": {},
"aria-disabled": {},
"aria-dropeffect": {},
- "aria-errormessage": {},
"aria-expanded": {},
"aria-flowto": {},
"aria-grabbed": {},
- "aria-haspopup": {},
"aria-hidden": {},
"aria-invalid": {},
"aria-keyshortcuts": {},
@@ -82,7 +83,6 @@ export class RemoteIconElement extends FlowRemoteElement
method: {},
min: {},
target: {},
- type: {},
crossOrigin: {},
accentHeight: {},
accumulate: {},
@@ -329,23 +329,24 @@ export class RemoteIconElement extends FlowRemoteElement
keyUp: {},
change: {},
copy: {},
- copyCapture: {},
cut: {},
- cutCapture: {},
paste: {},
- pasteCapture: {},
+ compositionStart: {},
compositionEnd: {},
+ compositionUpdate: {},
+ select: {},
+ beforeInput: {},
+ input: {},
+ copyCapture: {},
+ cutCapture: {},
+ pasteCapture: {},
compositionEndCapture: {},
- compositionStart: {},
compositionStartCapture: {},
- compositionUpdate: {},
compositionUpdateCapture: {},
focusCapture: {},
blurCapture: {},
changeCapture: {},
- beforeInput: {},
beforeInputCapture: {},
- input: {},
inputCapture: {},
reset: {},
resetCapture: {},
@@ -443,7 +444,6 @@ export class RemoteIconElement extends FlowRemoteElement
mouseOverCapture: {},
mouseUp: {},
mouseUpCapture: {},
- select: {},
selectCapture: {},
touchCancel: {},
touchCancelCapture: {},
diff --git a/packages/remote-elements/src/auto-generated/RemoteLabelElement.ts b/packages/remote-elements/src/auto-generated/RemoteLabelElement.ts
index 4f825c50f..5fec8a00a 100644
--- a/packages/remote-elements/src/auto-generated/RemoteLabelElement.ts
+++ b/packages/remote-elements/src/auto-generated/RemoteLabelElement.ts
@@ -14,9 +14,14 @@ export class RemoteLabelElement extends FlowRemoteElement
"aria-labelledby": {},
"aria-describedby": {},
"aria-details": {},
+ "aria-activedescendant": {},
+ "aria-autocomplete": {},
+ "aria-haspopup": {},
autoFocus: {},
defaultValue: {},
id: {},
+ inputMode: {},
+ "aria-errormessage": {},
slot: {},
title: {},
defaultChecked: {},
@@ -61,11 +66,8 @@ export class RemoteTextElement extends FlowRemoteElement
popoverTargetAction: {},
popoverTarget: {},
inert: {},
- inputMode: {},
is: {},
- "aria-activedescendant": {},
"aria-atomic": {},
- "aria-autocomplete": {},
"aria-braillelabel": {},
"aria-brailleroledescription": {},
"aria-busy": {},
@@ -79,11 +81,9 @@ export class RemoteTextElement extends FlowRemoteElement
"aria-description": {},
"aria-disabled": {},
"aria-dropeffect": {},
- "aria-errormessage": {},
"aria-expanded": {},
"aria-flowto": {},
"aria-grabbed": {},
- "aria-haspopup": {},
"aria-hidden": {},
"aria-invalid": {},
"aria-keyshortcuts": {},
@@ -124,23 +124,24 @@ export class RemoteTextElement extends FlowRemoteElement
keyUp: {},
change: {},
copy: {},
- copyCapture: {},
cut: {},
- cutCapture: {},
paste: {},
- pasteCapture: {},
+ compositionStart: {},
compositionEnd: {},
+ compositionUpdate: {},
+ select: {},
+ beforeInput: {},
+ input: {},
+ copyCapture: {},
+ cutCapture: {},
+ pasteCapture: {},
compositionEndCapture: {},
- compositionStart: {},
compositionStartCapture: {},
- compositionUpdate: {},
compositionUpdateCapture: {},
focusCapture: {},
blurCapture: {},
changeCapture: {},
- beforeInput: {},
beforeInputCapture: {},
- input: {},
inputCapture: {},
reset: {},
resetCapture: {},
@@ -238,7 +239,6 @@ export class RemoteTextElement extends FlowRemoteElement
mouseOverCapture: {},
mouseUp: {},
mouseUpCapture: {},
- select: {},
selectCapture: {},
touchCancel: {},
touchCancelCapture: {},
diff --git a/packages/remote-elements/src/auto-generated/RemoteTextFieldElement.ts b/packages/remote-elements/src/auto-generated/RemoteTextFieldElement.ts
index 5cd3b232b..c6fb2a7d8 100644
--- a/packages/remote-elements/src/auto-generated/RemoteTextFieldElement.ts
+++ b/packages/remote-elements/src/auto-generated/RemoteTextFieldElement.ts
@@ -12,6 +12,9 @@ export class RemoteTextFieldElement extends FlowRemoteElement