applySpallLiner

packages/website/src/components/Button/index.module.css

@@ -21,6 +21,10 @@
     padding: var(--space-2) var(--space-3);
   }
 
+  &[data-size="major"] {
+    font-size: 2em;
+  }
+
   &[data-list-child="true"]:not(:first-child),
   *:not(:first-child) > &[data-parent-list-child="true"] {
     border-top-left-radius: 0;

packages/website/src/components/Button/index.tsx

@@ -7,7 +7,7 @@ export interface ButtonProps extends ComponentProps<"button"> {
   color?: Color;
   radius?: `${1 | 2 | 3}` | "max";
   variant?: "solid" | "surface" | "soft" | "inverted" | "ghost" | "outline";
-  size?: "regular" | "minor";
+  size?: "regular" | "minor" | "major";
   highContrast?: boolean; // TODO: add high contrast
 
   listChild?: boolean;