From ce94d3f9821a256214c337c3fad3ab98381ce457 Mon Sep 17 00:00:00 2001 From: Wurielle <noahfenghom@gmail.com> Date: Thu, 2 Jan 2025 14:14:56 +0100 Subject: [PATCH] feat: add placeItems prop --- packages/react/src/components/layout/box/box.shared.ts | 1 + packages/react/src/components/layout/box/box.styled.tsx | 4 ++++ 2 files changed, 5 insertions(+) diff --git a/packages/react/src/components/layout/box/box.shared.ts b/packages/react/src/components/layout/box/box.shared.ts index 9e137f0..28c596c 100644 --- a/packages/react/src/components/layout/box/box.shared.ts +++ b/packages/react/src/components/layout/box/box.shared.ts @@ -52,6 +52,7 @@ export const boxPropsDefinition = defineProps(({ optional }) => ({ cursor: optional<Properties['cursor']>(), pointerEvents: optional<Properties['pointerEvents']>(), userSelect: optional<Properties['userSelect']>(), + placeItems: optional<Properties['placeItems']>(), })) export type BoxPropsDefinition = typeof boxPropsDefinition diff --git a/packages/react/src/components/layout/box/box.styled.tsx b/packages/react/src/components/layout/box/box.styled.tsx index dc33437..20b5f13 100644 --- a/packages/react/src/components/layout/box/box.styled.tsx +++ b/packages/react/src/components/layout/box/box.styled.tsx @@ -61,6 +61,7 @@ export const StBox = styled('div')<StyledProps<BoxPropsWithDefaults>>((context) cursor, pointerEvents, userSelect, + placeItems, }, } = context return [ @@ -71,6 +72,9 @@ export const StBox = styled('div')<StyledProps<BoxPropsWithDefaults>>((context) !isUndefined(display) && { display, }, + !isUndefined(placeItems) && { + placeItems, + }, !isUndefined(basis) && { flexBasis: basis === 'full' ? '100%' : getRemValue(basis), },