feat(SW-1255): Add loading state to button component

packages/design-system/lib/components/Spinner/variants.ts

@@ -0,0 +1,24 @@
+import { cva } from 'class-variance-authority'
+
+import styles from './spinner.module.css'
+
+export const config = {
+  variants: {
+    color: {
+      Accent: styles.accent,
+      Inverted: styles.inverted,
+      CurrentColor: 'currentColor',
+    },
+    size: {
+      Small: styles['size-small'],
+      Medium: styles['size-medium'],
+      Large: styles['size-large'],
+    },
+  },
+  defaultVariants: {
+    color: 'Accent',
+    size: 'Medium',
+  },
+} as const
+
+export const variants = cva(styles.spinner, config)