fix: pass value through to margin in <Stack>

hirosystems · Jun 26, 2021 · f931545 · f931545
1 parent 95a99bf
commit f931545
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/poor-dingos-rescue.md b/.changeset/poor-dingos-rescue.md
@@ -0,0 +1,5 @@
+---
+'@stacks/ui': minor
+---
+
+This fixes a bug where if a pixel or other non named value was passes to Stack, it would not apply.
diff --git a/packages/ui/src/stack.tsx b/packages/ui/src/stack.tsx
@@ -45,7 +45,7 @@ export const Stack: ForwardRefExoticComponentWithAs<StackProps, 'div'> = forward
 
   const spacingProps = useCallback(
     (theme: Theme) => {
-      const value = get(theme, 'space')[spacing as string];
+      const value = get(theme, 'space')[spacing as string] || spacing; // if get returns undefined, pass the spacing value (could be a pixel value);
       return isInline
         ? {
             marginTop: 0,