@mittwald/flow-react-components 0.2.0-alpha.570 → 0.2.0-alpha.572
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/dist/assets/doc-properties.json +23068 -23126
- package/dist/css/all.css +1 -1
- package/dist/js/components/src/components/Color/Color.mjs +18 -1
- package/dist/js/components/src/components/Color/Color.mjs.map +1 -1
- package/dist/js/components/src/components/Color/Color.module.scss.mjs +10 -2
- package/dist/js/components/src/components/Color/Color.module.scss.mjs.map +1 -1
- package/dist/js/components/src/components/MarkdownEditor/MarkdownEditor.mjs +16 -31
- package/dist/js/components/src/components/MarkdownEditor/MarkdownEditor.mjs.map +1 -1
- package/dist/types/components/Color/Color.d.ts +3 -1
- package/dist/types/components/Color/Color.d.ts.map +1 -1
- package/dist/types/components/Color/stories/Default.stories.d.ts +5 -1
- package/dist/types/components/Color/stories/Default.stories.d.ts.map +1 -1
- package/dist/types/components/MarkdownEditor/MarkdownEditor.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -3,9 +3,26 @@
|
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
import styles from './Color.module.scss.mjs';
|
|
5
5
|
|
|
6
|
+
const flowColors = [
|
|
7
|
+
"blue",
|
|
8
|
+
"violet",
|
|
9
|
+
"teal",
|
|
10
|
+
"lilac",
|
|
11
|
+
"danger",
|
|
12
|
+
"warning",
|
|
13
|
+
"info",
|
|
14
|
+
"success"
|
|
15
|
+
];
|
|
16
|
+
function isFlowColor(something) {
|
|
17
|
+
const anyFlowColors = flowColors;
|
|
18
|
+
return typeof something === "string" && anyFlowColors.includes(something);
|
|
19
|
+
}
|
|
6
20
|
const Color = (props) => {
|
|
7
21
|
const { children, color = "blue" } = props;
|
|
8
|
-
|
|
22
|
+
const isAFlowColor = isFlowColor(color);
|
|
23
|
+
const className = isAFlowColor ? styles[color] : void 0;
|
|
24
|
+
const style = !isAFlowColor ? { color } : void 0;
|
|
25
|
+
return /* @__PURE__ */ jsx("span", { className, style, children });
|
|
9
26
|
};
|
|
10
27
|
|
|
11
28
|
export { Color, Color as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Color.mjs","sources":["../../../../../../src/components/Color/Color.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./Color.module.scss\";\n\nexport interface ColorProps extends PropsWithChildren {\n /** The color of the element. @default \"blue\" */\n color?:
|
|
1
|
+
{"version":3,"file":"Color.mjs","sources":["../../../../../../src/components/Color/Color.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./Color.module.scss\";\n\nconst flowColors = [\n \"blue\",\n \"violet\",\n \"teal\",\n \"lilac\",\n \"danger\",\n \"warning\",\n \"info\",\n \"success\",\n] as const;\n\ntype FlowColor = (typeof flowColors)[number];\n\nfunction isFlowColor(something: unknown): something is FlowColor {\n const anyFlowColors = flowColors as readonly string[];\n return typeof something === \"string\" && anyFlowColors.includes(something);\n}\n\nexport interface ColorProps extends PropsWithChildren {\n /** The color of the element. @default \"blue\" */\n color?: FlowColor | (string & {});\n}\n\n/** @flr-generate all */\nexport const Color: FC<ColorProps> = (props) => {\n const { children, color = \"blue\" } = props;\n\n const isAFlowColor = isFlowColor(color);\n const className = isAFlowColor ? styles[color] : undefined;\n const style = !isAFlowColor ? { color } : undefined;\n\n return (\n <span className={className} style={style}>\n {children}\n </span>\n );\n};\n\nexport default Color;\n"],"names":[],"mappings":";;;AAGA,MAAM,UAAA,GAAa;AAAA,EACjB,MAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA;AAIA,SAAS,YAAY,SAAA,EAA4C;AAC/D,EAAA,MAAM,aAAA,GAAgB,UAAA;AACtB,EAAA,OAAO,OAAO,SAAA,KAAc,QAAA,IAAY,aAAA,CAAc,SAAS,SAAS,CAAA;AAC1E;AAQO,MAAM,KAAA,GAAwB,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,GAAQ,MAAA,EAAO,GAAI,KAAA;AAErC,EAAA,MAAM,YAAA,GAAe,YAAY,KAAK,CAAA;AACtC,EAAA,MAAM,SAAA,GAAY,YAAA,GAAe,MAAA,CAAO,KAAK,CAAA,GAAI,MAAA;AACjD,EAAA,MAAM,KAAA,GAAQ,CAAC,YAAA,GAAe,EAAE,OAAM,GAAI,MAAA;AAE1C,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAsB,KAAA,EACzB,QAAA,EACH,CAAA;AAEJ;;;;"}
|
|
@@ -4,12 +4,20 @@ const blue = "flow--color--blue";
|
|
|
4
4
|
const violet = "flow--color--violet";
|
|
5
5
|
const teal = "flow--color--teal";
|
|
6
6
|
const lilac = "flow--color--lilac";
|
|
7
|
+
const danger = "flow--color--danger";
|
|
8
|
+
const warning = "flow--color--warning";
|
|
9
|
+
const success = "flow--color--success";
|
|
10
|
+
const info = "flow--color--info";
|
|
7
11
|
const styles = {
|
|
8
12
|
blue: blue,
|
|
9
13
|
violet: violet,
|
|
10
14
|
teal: teal,
|
|
11
|
-
lilac: lilac
|
|
15
|
+
lilac: lilac,
|
|
16
|
+
danger: danger,
|
|
17
|
+
warning: warning,
|
|
18
|
+
success: success,
|
|
19
|
+
info: info
|
|
12
20
|
};
|
|
13
21
|
|
|
14
|
-
export { blue, styles as default, lilac, teal, violet };
|
|
22
|
+
export { blue, danger, styles as default, info, lilac, success, teal, violet, warning };
|
|
15
23
|
//# sourceMappingURL=Color.module.scss.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Color.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Color.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
4
|
-
import { useState
|
|
4
|
+
import { useState } from 'react';
|
|
5
5
|
import styles from './MarkdownEditor.module.scss.mjs';
|
|
6
6
|
import { Markdown } from '../Markdown/Markdown.mjs';
|
|
7
7
|
import { TextArea } from '../TextArea/TextArea.mjs';
|
|
@@ -12,7 +12,7 @@ import { useObjectRef } from '@react-aria/utils';
|
|
|
12
12
|
import '../../lib/propsContext/propsContext.mjs';
|
|
13
13
|
import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
|
|
14
14
|
import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
|
|
15
|
-
import {
|
|
15
|
+
import { modifyValueByMarkdownSyntax, scrollToCursor } from './lib/modifyValueByMarkdownSyntax.mjs';
|
|
16
16
|
import { modifyValueByType } from './lib/modifyValueByType.mjs';
|
|
17
17
|
import { useControlledHostValueProps } from '../../lib/remote/useControlledHostValueProps.mjs';
|
|
18
18
|
|
|
@@ -32,25 +32,6 @@ const MarkdownEditor = flowComponent("MarkdownEditor", (props) => {
|
|
|
32
32
|
} = useControlledHostValueProps(props);
|
|
33
33
|
const inputRef = useObjectRef(ref);
|
|
34
34
|
const [mode, setMode] = useState("editor");
|
|
35
|
-
const selectionPresent = useRef(null);
|
|
36
|
-
useEffect(() => {
|
|
37
|
-
const ref2 = inputRef.current;
|
|
38
|
-
const present = selectionPresent.current;
|
|
39
|
-
if (!present || !ref2) {
|
|
40
|
-
return;
|
|
41
|
-
}
|
|
42
|
-
setTimeout(() => {
|
|
43
|
-
requestAnimationFrame(() => {
|
|
44
|
-
requestAnimationFrame(() => {
|
|
45
|
-
ref2.setSelectionRange(present.selectionStart, present.selectionEnd);
|
|
46
|
-
if (present.shouldScrollToCursor) {
|
|
47
|
-
scrollToCursor(value ?? "", ref2);
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
});
|
|
51
|
-
selectionPresent.current = null;
|
|
52
|
-
}, 0);
|
|
53
|
-
}, [value]);
|
|
54
35
|
const rootClassName = clsx(
|
|
55
36
|
styles.markdownEditor,
|
|
56
37
|
className,
|
|
@@ -65,11 +46,13 @@ const MarkdownEditor = flowComponent("MarkdownEditor", (props) => {
|
|
|
65
46
|
return;
|
|
66
47
|
}
|
|
67
48
|
const { newValue, newSelectionStart, newSelectionEnd } = modifyParams;
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
49
|
+
requestAnimationFrame(() => {
|
|
50
|
+
if (inputRef.current) {
|
|
51
|
+
inputRef.current.value = newValue;
|
|
52
|
+
inputRef.current?.setSelectionRange(newSelectionStart, newSelectionEnd);
|
|
53
|
+
scrollToCursor(newValue, inputRef.current);
|
|
54
|
+
}
|
|
55
|
+
});
|
|
73
56
|
event.preventDefault();
|
|
74
57
|
onChange(newValue);
|
|
75
58
|
};
|
|
@@ -79,11 +62,13 @@ const MarkdownEditor = flowComponent("MarkdownEditor", (props) => {
|
|
|
79
62
|
type,
|
|
80
63
|
inputRef
|
|
81
64
|
);
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
65
|
+
requestAnimationFrame(() => {
|
|
66
|
+
if (inputRef.current) {
|
|
67
|
+
inputRef.current.value = newValue;
|
|
68
|
+
inputRef.current.setSelectionRange(newSelectionStart, newSelectionEnd);
|
|
69
|
+
inputRef.current.focus();
|
|
70
|
+
}
|
|
71
|
+
});
|
|
87
72
|
onChange(newValue);
|
|
88
73
|
};
|
|
89
74
|
const propsContext = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownEditor.mjs","sources":["../../../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["import { type KeyboardEventHandler,
|
|
1
|
+
{"version":3,"file":"MarkdownEditor.mjs","sources":["../../../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["import { type KeyboardEventHandler, useState } from \"react\";\nimport styles from \"./MarkdownEditor.module.scss\";\nimport { Markdown, type MarkdownProps } from \"@/components/Markdown\";\nimport { TextArea, type TextAreaProps } from \"@/components/TextArea\";\nimport { Toolbar } from \"@/components/MarkdownEditor/components/Toolbar\";\nimport clsx from \"clsx\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport {\n modifyValueByMarkdownSyntax,\n scrollToCursor,\n} from \"@/components/MarkdownEditor/lib/modifyValueByMarkdownSyntax\";\nimport {\n type InsertType,\n modifyValueByType,\n} from \"@/components/MarkdownEditor/lib/modifyValueByType\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\n\nexport type MarkdownEditorMode = \"editor\" | \"preview\";\n\nexport interface MarkdownEditorProps\n extends TextAreaProps,\n Pick<MarkdownProps, \"headingOffset\"> {}\n\n/** @flr-generate all */\nexport const MarkdownEditor = flowComponent(\"MarkdownEditor\", (props) => {\n const {\n isDisabled,\n isReadOnly,\n children,\n className,\n rows = 5,\n autoResizeMaxRows,\n headingOffset,\n value,\n onChange,\n ref,\n ...rest\n } = useControlledHostValueProps(props);\n\n const inputRef = useObjectRef(ref);\n const [mode, setMode] = useState<MarkdownEditorMode>(\"editor\");\n\n const rootClassName = clsx(\n styles.markdownEditor,\n className,\n styles[`mode-${mode}`],\n );\n\n const handleKeyDown: KeyboardEventHandler = (event) => {\n if (event.key !== \"Enter\") {\n return;\n }\n\n const modifyParams = modifyValueByMarkdownSyntax(value, inputRef);\n if (!modifyParams) {\n return;\n }\n\n const { newValue, newSelectionStart, newSelectionEnd } = modifyParams;\n\n requestAnimationFrame(() => {\n if (inputRef.current) {\n inputRef.current.value = newValue;\n inputRef.current?.setSelectionRange(newSelectionStart, newSelectionEnd);\n scrollToCursor(newValue, inputRef.current);\n }\n });\n\n event.preventDefault();\n onChange(newValue);\n };\n\n const handleToolButtonPressed = (type: InsertType) => {\n const { newValue, newSelectionStart, newSelectionEnd } = modifyValueByType(\n value,\n type,\n inputRef,\n );\n\n requestAnimationFrame(() => {\n if (inputRef.current) {\n inputRef.current.value = newValue;\n inputRef.current.setSelectionRange(newSelectionStart, newSelectionEnd);\n inputRef.current.focus();\n }\n });\n\n onChange(newValue);\n };\n\n const propsContext: PropsContext = {\n Label: {\n tunnelId: \"label\",\n },\n };\n\n return (\n <div className={rootClassName}>\n <TunnelProvider>\n <TunnelExit id=\"label\" />\n <Toolbar\n currentMode={mode}\n isDisabled={isDisabled}\n onModeChange={setMode}\n onToolPressed={handleToolButtonPressed}\n />\n <TextArea\n {...rest}\n aria-hidden={mode === \"preview\"}\n isReadOnly={isReadOnly || mode === \"preview\"}\n isDisabled={isDisabled}\n ref={inputRef}\n value={value}\n rows={rows}\n autoResizeMaxRows={autoResizeMaxRows}\n onChange={onChange}\n onKeyDown={handleKeyDown}\n >\n <Markdown\n headingOffset={headingOffset}\n className={styles.markdown}\n style={{\n height: inputRef.current?.offsetHeight,\n }}\n >\n {value}\n </Markdown>\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n </TextArea>\n </TunnelProvider>\n </div>\n );\n});\n\nexport default MarkdownEditor;\n"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
declare const flowColors: readonly ["blue", "violet", "teal", "lilac", "danger", "warning", "info", "success"];
|
|
3
|
+
type FlowColor = (typeof flowColors)[number];
|
|
2
4
|
export interface ColorProps extends PropsWithChildren {
|
|
3
5
|
/** The color of the element. @default "blue" */
|
|
4
|
-
color?:
|
|
6
|
+
color?: FlowColor | (string & {});
|
|
5
7
|
}
|
|
6
8
|
/** @flr-generate all */
|
|
7
9
|
export declare const Color: FC<ColorProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../../src/components/Color/Color.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,gDAAgD;IAChD,KAAK,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../../src/components/Color/Color.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,QAAA,MAAM,UAAU,sFASN,CAAC;AAEX,KAAK,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAO7C,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,gDAAgD;IAChD,KAAK,CAAC,EAAE,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACnC;AAED,wBAAwB;AACxB,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAYhC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -7,6 +7,10 @@ export declare const Default: Story;
|
|
|
7
7
|
export declare const violet: Story;
|
|
8
8
|
export declare const Lilac: Story;
|
|
9
9
|
export declare const Teal: Story;
|
|
10
|
-
export declare const
|
|
10
|
+
export declare const Danger: Story;
|
|
11
|
+
export declare const Warning: Story;
|
|
12
|
+
export declare const Info: Story;
|
|
13
|
+
export declare const Success: Story;
|
|
14
|
+
export declare const Custom: Story;
|
|
11
15
|
export declare const InHeading: Story;
|
|
12
16
|
//# sourceMappingURL=Default.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Color/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Color/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAU5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,MAAM,EAAE,KAAqC,CAAC;AAE3D,eAAO,MAAM,KAAK,EAAE,KAAoC,CAAC;AAEzD,eAAO,MAAM,IAAI,EAAE,KAAmC,CAAC;AAEvD,eAAO,MAAM,MAAM,EAAE,KAAqC,CAAC;AAE3D,eAAO,MAAM,OAAO,EAAE,KAAsC,CAAC;AAE7D,eAAO,MAAM,IAAI,EAAE,KAAmC,CAAC;AAEvD,eAAO,MAAM,OAAO,EAAE,KAAsC,CAAC;AAE7D,eAAO,MAAM,MAAM,EAAE,KAAsC,CAAC;AAE5D,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAiBrE,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,mBACf,SAAQ,aAAa,EACnB,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;CAAG;AAE3C,wBAAwB;AACxB,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAiBrE,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,mBACf,SAAQ,aAAa,EACnB,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;CAAG;AAE3C,wBAAwB;AACxB,eAAO,MAAM,cAAc,6GA8GzB,CAAC;AAEH,eAAe,cAAc,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-react-components",
|
|
3
|
-
"version": "0.2.0-alpha.
|
|
3
|
+
"version": "0.2.0-alpha.572",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@internationalized/string-compiler": "^3.2.6",
|
|
60
60
|
"@mittwald/password-tools-js": "3.0.0-alpha.18",
|
|
61
|
-
"@mittwald/react-tunnel": "0.2.0-alpha.
|
|
61
|
+
"@mittwald/react-tunnel": "0.2.0-alpha.572",
|
|
62
62
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
63
63
|
"@react-aria/form": "^3.1.2",
|
|
64
64
|
"@react-aria/live-announcer": "^3.4.4",
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
"@faker-js/faker": "^10.1.0",
|
|
104
104
|
"@internationalized/date": "^3.10.0",
|
|
105
105
|
"@mittwald/flow-core": "",
|
|
106
|
-
"@mittwald/flow-design-tokens": "0.2.0-alpha.
|
|
106
|
+
"@mittwald/flow-design-tokens": "0.2.0-alpha.572",
|
|
107
107
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
108
108
|
"@mittwald/remote-dom-react": "1.2.2-mittwald.10",
|
|
109
109
|
"@mittwald/typescript-config": "",
|
|
@@ -176,5 +176,5 @@
|
|
|
176
176
|
"optional": true
|
|
177
177
|
}
|
|
178
178
|
},
|
|
179
|
-
"gitHead": "
|
|
179
|
+
"gitHead": "f3fdcb5c86ea1ee41b9aadbe3bae9b5b0b4b0132"
|
|
180
180
|
}
|