fix: handle max min h w custom (#483)

* fix: max/min height/width custom value handling * chore: changesets
wevm · Sep 7, 2024 · 84c4330 · 84c4330
1 parent 628178f
commit 84c4330
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/.changeset/violet-radios-confess.md b/.changeset/violet-radios-confess.md
@@ -0,0 +1,5 @@
+---
+"frog": patch
+---
+
+Fixed an issue where min/max height/width would not handle custom values.
diff --git a/src/ui/Box.tsx b/src/ui/Box.tsx
@@ -227,6 +227,10 @@ function getBoxProps<vars extends Vars>({
   const marginBottom = resolveUnitToken(units, rest.marginBottom, vmax)
   const marginLeft = resolveUnitToken(units, rest.marginLeft, vmax)
   const marginRight = resolveUnitToken(units, rest.marginRight, vmax)
+  const maxHeight = resolveUnitToken(units, rest.maxHeight, vmax)
+  const maxWidth = resolveUnitToken(units, rest.maxWidth, vmax)
+  const minHeight = resolveUnitToken(units, rest.minHeight, vmax)
+  const minWidth = resolveUnitToken(units, rest.minWidth, vmax)
   const padding = resolveUnitToken(units, rest.padding, vmax)
   const paddingTop = resolveUnitToken(units, rest.paddingTop, vmax)
   const paddingBottom = resolveUnitToken(units, rest.paddingBottom, vmax)
@@ -305,6 +309,10 @@ function getBoxProps<vars extends Vars>({
     marginBottom,
     marginLeft,
     marginRight,
+    maxHeight,
+    maxWidth,
+    minHeight,
+    minWidth,
     padding,
     paddingTop,
     paddingBottom,