Add loading variant for Snaps UI Button

Author: david0xd

packages/snaps-sdk/src/jsx/components/form/Button.ts

@@ -22,7 +22,7 @@ export type ButtonProps = {
   children: SnapsChildren<StringElement | IconElement | ImageElement>;
   name?: string | undefined;
   type?: 'button' | 'submit' | undefined;
-  variant?: 'primary' | 'destructive' | undefined;
+  variant?: 'primary' | 'destructive' | 'loading' | undefined;
   disabled?: boolean | undefined;
   form?: string | undefined;
 };

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

@@ -163,6 +163,7 @@ describe('ButtonStruct', () => {
     <Button name="foo">bar</Button>,
     <Button type="submit">foo</Button>,
     <Button variant="destructive">foo</Button>,
+    <Button variant="loading">foo</Button>,
     <Button disabled={true}>foo</Button>,
     <Button key="button">foo</Button>,
     <Button>

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

@@ -243,7 +243,9 @@ export const ButtonStruct: Describe<ButtonElement> = element('Button', {
   children: children([StringElementStruct, ImageStruct, IconStruct]),
   name: optional(string()),
   type: optional(nullUnion([literal('button'), literal('submit')])),
-  variant: optional(nullUnion([literal('primary'), literal('destructive')])),
+  variant: optional(
+    nullUnion([literal('primary'), literal('destructive'), literal('loading')]),
+  ),
   disabled: optional(boolean()),
   form: optional(string()),
 });