From 005ead89d3466e8c9ec6dfc86009ff40a7639279 Mon Sep 17 00:00:00 2001
From: "ilia.brauer" <ilia.brauer@semrush.com>
Date: Wed, 4 Feb 2026 11:45:30 +0100
Subject: [PATCH] [base-components] added inset property for Box

---
 .../base-components/src/components/flex-box/Box/useBox.tsx   | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/semcore/base-components/src/components/flex-box/Box/useBox.tsx b/semcore/base-components/src/components/flex-box/Box/useBox.tsx
index fc69c504ab..3a63fcc2b0 100644
--- a/semcore/base-components/src/components/flex-box/Box/useBox.tsx
+++ b/semcore/base-components/src/components/flex-box/Box/useBox.tsx
@@ -166,6 +166,8 @@ export type BoxProps = StyledProps & {
   bottom?: number | string;
   /** CSS `right` property */
   right?: number | string;
+  /** CSS inset property */
+  inset?: string;
   /** CSS `z-index` property */
   zIndex?: number;
   /** CSS `text-align` property */
@@ -197,6 +199,7 @@ function calculateIndentStyles(props: BoxProps, scaleIndent: number) {
     left: getSize(props['left']),
     bottom: getSize(props['bottom']),
     right: getSize(props['right']),
+    inset: props.inset,
     flex: props.flex,
     zIndex: props.zIndex,
     textAlign: props.textAlign,
@@ -273,6 +276,7 @@ export default function useBox<T extends BoxProps>(
     left,
     bottom,
     right,
+    inset,
     zIndex,
     ...other
   } = props as any;
@@ -308,6 +312,7 @@ export default function useBox<T extends BoxProps>(
     left,
     bottom,
     right,
+    inset,
     zIndex,
   ]);