@mittwald/flow-react-components 0.2.0-alpha.754 → 0.2.0-alpha.756
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 +12 -0
- package/dist/assets/doc-properties.json +8960 -8939
- package/dist/css/all.css +1 -1
- package/dist/js/packages/components/src/components/Separator/Separator.mjs +6 -2
- package/dist/js/packages/components/src/components/Separator/Separator.mjs.map +1 -1
- package/dist/js/packages/components/src/components/Separator/Separator.module.scss.mjs +4 -2
- package/dist/js/packages/components/src/components/Separator/Separator.module.scss.mjs.map +1 -1
- package/dist/types/components/Separator/Separator.d.ts +1 -1
- package/dist/types/components/Separator/Separator.d.ts.map +1 -1
- package/dist/types/components/Separator/stories/Default.stories.d.ts.map +1 -1
- package/package.json +6 -6
|
@@ -7,8 +7,12 @@ import styles from './Separator.module.scss.mjs';
|
|
|
7
7
|
import * as Aria from 'react-aria-components';
|
|
8
8
|
|
|
9
9
|
const Separator = (props) => {
|
|
10
|
-
const { className, ...rest } = props;
|
|
11
|
-
const rootClassName = clsx(
|
|
10
|
+
const { className, orientation = "horizontal", ...rest } = props;
|
|
11
|
+
const rootClassName = clsx(
|
|
12
|
+
styles.separator,
|
|
13
|
+
orientation === "vertical" && styles.vertical,
|
|
14
|
+
className
|
|
15
|
+
);
|
|
12
16
|
return /* @__PURE__ */ jsx(Aria.Separator, { elementType: "hr", className: rootClassName, ...rest });
|
|
13
17
|
};
|
|
14
18
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.mjs","sources":["../../../../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Separator.module.scss\";\nimport * as Aria from \"react-aria-components\";\n\nexport type SeparatorProps =
|
|
1
|
+
{"version":3,"file":"Separator.mjs","sources":["../../../../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Separator.module.scss\";\nimport * as Aria from \"react-aria-components\";\n\nexport type SeparatorProps = Aria.SeparatorProps;\n\n/** @flr-generate all */\nexport const Separator: FC<SeparatorProps> = (props) => {\n const { className, orientation = \"horizontal\", ...rest } = props;\n\n const rootClassName = clsx(\n styles.separator,\n orientation === \"vertical\" && styles.vertical,\n className,\n );\n\n return (\n <Aria.Separator elementType=\"hr\" className={rootClassName} {...rest} />\n );\n};\n\nexport default Separator;\n"],"names":[],"mappings":";;;;;;AASO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,SAAA,EAAW,WAAA,GAAc,YAAA,EAAc,GAAG,MAAK,GAAI,KAAA;AAE3D,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,SAAA;AAAA,IACP,WAAA,KAAgB,cAAc,MAAA,CAAO,QAAA;AAAA,IACrC;AAAA,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAK,SAAA,EAAL,EAAe,aAAY,IAAA,EAAK,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EAAM,CAAA;AAEzE;;;;"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
const separator = "flow--separator";
|
|
4
|
+
const vertical = "flow--separator--vertical";
|
|
4
5
|
const styles = {
|
|
5
|
-
separator: separator
|
|
6
|
+
separator: separator,
|
|
7
|
+
vertical: vertical
|
|
6
8
|
};
|
|
7
9
|
|
|
8
|
-
export { styles as default, separator };
|
|
10
|
+
export { styles as default, separator, vertical };
|
|
9
11
|
//# sourceMappingURL=Separator.module.scss.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Separator.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import * as Aria from "react-aria-components";
|
|
3
|
-
export type SeparatorProps =
|
|
3
|
+
export type SeparatorProps = Aria.SeparatorProps;
|
|
4
4
|
/** @flr-generate all */
|
|
5
5
|
export declare const Separator: FC<SeparatorProps>;
|
|
6
6
|
export default Separator;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;AAEjD,wBAAwB;AACxB,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAYxC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Separator/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Separator/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAKnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAsBhC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAAU,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.756",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -60,9 +60,9 @@
|
|
|
60
60
|
"@codemirror/lint": "^6.9.5",
|
|
61
61
|
"@internationalized/string-compiler": "^3.2.6",
|
|
62
62
|
"@lezer/highlight": "^1.2.3",
|
|
63
|
-
"@mittwald/flow-icons": "0.2.0-alpha.
|
|
63
|
+
"@mittwald/flow-icons": "0.2.0-alpha.756",
|
|
64
64
|
"@mittwald/password-tools-js": "3.0.0-alpha.18",
|
|
65
|
-
"@mittwald/react-tunnel": "0.2.0-alpha.
|
|
65
|
+
"@mittwald/react-tunnel": "0.2.0-alpha.756",
|
|
66
66
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
67
67
|
"@react-aria/form": "^3.1.3",
|
|
68
68
|
"@react-aria/live-announcer": "^3.4.4",
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
"@lezer/generator": "^1.8.0",
|
|
113
113
|
"@lezer/lr": "^1.4.8",
|
|
114
114
|
"@mittwald/flow-core": "",
|
|
115
|
-
"@mittwald/flow-design-tokens": "0.2.0-alpha.
|
|
115
|
+
"@mittwald/flow-design-tokens": "0.2.0-alpha.756",
|
|
116
116
|
"@mittwald/flow-icons-base": "",
|
|
117
117
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
118
118
|
"@mittwald/remote-dom-react": "1.2.2-mittwald.10",
|
|
@@ -165,7 +165,7 @@
|
|
|
165
165
|
},
|
|
166
166
|
"peerDependencies": {
|
|
167
167
|
"@internationalized/date": "^3.10.0",
|
|
168
|
-
"@mittwald/flow-icons-pro": "0.2.0-alpha.
|
|
168
|
+
"@mittwald/flow-icons-pro": "0.2.0-alpha.755",
|
|
169
169
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
170
170
|
"next": "*",
|
|
171
171
|
"react": "^19.2.0",
|
|
@@ -186,5 +186,5 @@
|
|
|
186
186
|
"optional": true
|
|
187
187
|
}
|
|
188
188
|
},
|
|
189
|
-
"gitHead": "
|
|
189
|
+
"gitHead": "34d596fe55fd2b74a9bbe6a533b27d3f8befc079"
|
|
190
190
|
}
|