fix: recursive spacing

lsst-epo · Dec 13, 2024 · 9e5c83f · 9e5c83f
1 parent 4c6194f
commit 9e5c83f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/packages/epo-react-lib/src/atomic/Stack/Stack.stories.tsx b/packages/epo-react-lib/src/atomic/Stack/Stack.stories.tsx
@@ -5,6 +5,11 @@ import { FunctionComponent } from "react";
 
 const meta: Meta<typeof Stack> = {
   component: Stack,
+  argTypes: {
+    recursive: {
+      control: "boolean",
+    },
+  },
 };
 export default meta;
 

diff --git a/packages/epo-react-lib/src/atomic/Stack/styles.ts b/packages/epo-react-lib/src/atomic/Stack/styles.ts
@@ -7,21 +7,21 @@ export const Stack = styled.div`
   justify-content: flex-start;
 
   &[data-recursive="true"] {
-    > * {
+    & * {
       margin-block: 0;
     }
 
-    > * + * {
+    & * + * {
       margin-block-start: var(--size-spacing-stack, 1rem);
     }
   }
 
   &[data-recursive="false"] {
-    > * {
+    & > * {
       margin-block: 0;
     }
 
-    > * + * {
+    & > * + * {
       margin-block-start: var(--size-spacing-stack, 1rem);
     }
   }

diff --git a/packages/epo-react-lib/src/types/image.ts b/packages/epo-react-lib/src/types/image.ts
@@ -15,8 +15,8 @@ export interface ImageShape {
   height?: number;
   url: string;
   src?: string;
-  srcSet?: Array<srcType>;
-  sizes?: Array<srcSize>;
+  srcSet?: string | Array<srcType>;
+  sizes?: string | Array<srcSize>;
   priority?: boolean;
   /** @deprecated */
   url2x?: string;