@mittwald/flow-react-components 0.1.0-alpha.233 → 0.1.0-alpha.235
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/dist/CheckboxGroup.js +1 -1
- package/dist/ColumnLayout-Bvw578tz.js +33 -0
- package/dist/ColumnLayout.js +1 -1
- package/dist/RadioGroup.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/components/ColumnLayout/ColumnLayout.d.ts +4 -0
- package/dist/types/components/ColumnLayout/stories/Default.stories.d.ts +1 -0
- package/package.json +4 -4
- package/dist/ColumnLayout-FMONjI17.js +0 -22
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { FC, PropsWithChildren } from 'react';
|
|
2
2
|
import { PropsWithClassName } from '../../lib/types/props';
|
|
3
|
+
type GapSize = "s" | "m" | "l";
|
|
3
4
|
export interface ColumnLayoutProps extends PropsWithChildren, PropsWithClassName {
|
|
4
5
|
s?: number[];
|
|
5
6
|
m?: number[];
|
|
6
7
|
l?: number[];
|
|
8
|
+
gap?: GapSize;
|
|
9
|
+
rowGap?: GapSize;
|
|
10
|
+
columnGap?: GapSize;
|
|
7
11
|
}
|
|
8
12
|
export declare const ColumnLayout: FC<ColumnLayoutProps>;
|
|
9
13
|
export default ColumnLayout;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-react-components",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.235",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -305,7 +305,7 @@
|
|
|
305
305
|
"@chakra-ui/live-region": "^2.1.0",
|
|
306
306
|
"@internationalized/date": "^3.5.5",
|
|
307
307
|
"@internationalized/string-compiler": "^3.2.4",
|
|
308
|
-
"@mittwald/react-tunnel": "^0.1.0-alpha.
|
|
308
|
+
"@mittwald/react-tunnel": "^0.1.0-alpha.235",
|
|
309
309
|
"@mittwald/react-use-promise": "^2.4.0",
|
|
310
310
|
"@react-aria/utils": "^3.25.2",
|
|
311
311
|
"@react-types/shared": "^3.24.1",
|
|
@@ -332,7 +332,7 @@
|
|
|
332
332
|
},
|
|
333
333
|
"devDependencies": {
|
|
334
334
|
"@faker-js/faker": "^8.4.1",
|
|
335
|
-
"@mittwald/flow-design-tokens": "^0.1.0-alpha.
|
|
335
|
+
"@mittwald/flow-design-tokens": "^0.1.0-alpha.235",
|
|
336
336
|
"@mittwald/react-use-promise": "^2.4.0",
|
|
337
337
|
"@nx/storybook": "^19.6.4",
|
|
338
338
|
"@storybook/addon-a11y": "^8.2.9",
|
|
@@ -410,5 +410,5 @@
|
|
|
410
410
|
"optional": true
|
|
411
411
|
}
|
|
412
412
|
},
|
|
413
|
-
"gitHead": "
|
|
413
|
+
"gitHead": "768c7bde1301cb7176884a3dd2fa386867729c7d"
|
|
414
414
|
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import e from "react";
|
|
4
|
-
import C from "clsx";
|
|
5
|
-
const L = "flow--column-layout--column-layout-container", d = "flow--column-layout", r = {
|
|
6
|
-
columnLayoutContainer: L,
|
|
7
|
-
columnLayout: d
|
|
8
|
-
}, c = (o) => {
|
|
9
|
-
if (o.length < 1)
|
|
10
|
-
throw new Error("Column layout array is empty");
|
|
11
|
-
return o.map((t) => `${t}fr`).join(" ");
|
|
12
|
-
}, w = (o) => {
|
|
13
|
-
const { children: u, className: t, s: n, m: l, l: a } = o, s = n ? c(n) : void 0, m = l ? c(l) : n ? s : void 0, y = a ? c(a) : l || n ? m : void 0, i = {
|
|
14
|
-
"--column-layout--columns-s": s,
|
|
15
|
-
"--column-layout--columns-m": m,
|
|
16
|
-
"--column-layout--columns-l": y
|
|
17
|
-
}, f = C(r.columnLayoutContainer, t);
|
|
18
|
-
return /* @__PURE__ */ e.createElement("div", { className: f, style: i }, /* @__PURE__ */ e.createElement("div", { className: r.columnLayout }, u));
|
|
19
|
-
};
|
|
20
|
-
export {
|
|
21
|
-
w as C
|
|
22
|
-
};
|