feat: add placeItems prop

nature-heart-software · Jan 2, 2025 · ce94d3f · ce94d3f
1 parent a9b7144
commit ce94d3f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git 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
@@ -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),
         },