feat: Allow Box in Row

Author: FrederikBolding

packages/snaps-sdk/src/jsx/components/Row.ts

@@ -1,4 +1,5 @@
 import type { AddressElement } from './Address';
+import type { BoxElement } from './Box';
 import type { ImageElement } from './Image';
 import type { LinkElement } from './Link';
 import type { SkeletonElement } from './Skeleton';
@@ -15,7 +16,8 @@ export type RowChildren =
   | TextElement
   | ValueElement
   | LinkElement
-  | SkeletonElement;
+  | SkeletonElement
+  | BoxElement;
 
 /**
  * The props of the {@link Row} component.

packages/snaps-sdk/src/jsx/validation.test.tsx

@@ -1448,6 +1448,11 @@ describe('RowStruct', () => {
     <Row label="label" variant="default" tooltip="This is a tooltip.">
       <Value extra="foo" value="bar" />
     </Row>,
+    <Row label="label">
+      <Box>
+        <Text>Foo</Text>
+      </Box>
+    </Row>,
   ])('validates a row element', (value) => {
     expect(is(value, RowStruct)).toBe(true);
   });

packages/snaps-sdk/src/jsx/validation.ts

@@ -925,6 +925,7 @@ export const RowStruct: Describe<RowElement> = element('Row', {
     ValueStruct,
     LinkStruct,
     SkeletonStruct,
+    BoxStruct,
   ]),
   variant: optional(
     nullUnion([literal('default'), literal('warning'), literal('critical')]),