From b8441dfa55540b1f44c734dbe802abcf45ad6bb3 Mon Sep 17 00:00:00 2001 From: Niek Saarberg Date: Wed, 4 Feb 2026 11:13:52 +0100 Subject: [PATCH 1/2] wraps box with default display value of flex --- packages/react/src/components/layout/Flex/Flex.tsx | 7 +++++++ packages/react/src/index.ts | 1 + 2 files changed, 8 insertions(+) create mode 100644 packages/react/src/components/layout/Flex/Flex.tsx diff --git a/packages/react/src/components/layout/Flex/Flex.tsx b/packages/react/src/components/layout/Flex/Flex.tsx new file mode 100644 index 0000000..2a17f14 --- /dev/null +++ b/packages/react/src/components/layout/Flex/Flex.tsx @@ -0,0 +1,7 @@ +import { Box, type BoxProps } from '../Box/Box.js'; + +export type FlexProps = BoxProps; + +export const Flex: React.FC = ({ display = 'flex', ...props }) => { + return ; +}; diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts index 48e0e14..7988cb0 100644 --- a/packages/react/src/index.ts +++ b/packages/react/src/index.ts @@ -65,6 +65,7 @@ export { } from './components/form/TextInput/TextInput.js'; // layout export { Box, type BoxProps } from './components/layout/Box/Box.js'; +export { Flex, type FlexProps } from './components/layout/Flex/Flex.js'; export { Inline, type InlineProps } from './components/layout/Inline/Inline.js'; export { Stack, type StackProps } from './components/layout/Stack/Stack.js'; // navigation From 57c34f56aaa12e140cbba776db04793d9b7e6321 Mon Sep 17 00:00:00 2001 From: Niek Saarberg Date: Wed, 4 Feb 2026 11:15:07 +0100 Subject: [PATCH 2/2] changeset --- .changeset/full-melons-bathe.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 .changeset/full-melons-bathe.md diff --git a/.changeset/full-melons-bathe.md b/.changeset/full-melons-bathe.md new file mode 100644 index 0000000..6eb273b --- /dev/null +++ b/.changeset/full-melons-bathe.md @@ -0,0 +1,6 @@ +--- +"@blockle/blocks-react": minor +"@blockle/blocks": patch +--- + +