code-for-canada
diff --git a/‎docs/app/page.tsx‎
Lines changed: 2 additions & 2 deletions b/‎docs/app/page.tsx‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎pnpm-workspace.yaml‎
Lines changed: 1 addition & 0 deletions b/‎pnpm-workspace.yaml‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎src/components/button.tsx‎
Lines changed: 4 additions & 2 deletions b/‎src/components/button.tsx‎
Lines changed: 4 additions & 2 deletions
diff --git a/‎src/components/hero.tsx‎
Lines changed: 1 addition & 1 deletion b/‎src/components/hero.tsx‎
Lines changed: 1 addition & 1 deletion
@@ -248,11 +248,11 @@ export default function DesignSystemPage() {
         <PageContainer>
           <Heading as="h2" size="xl" className="mb-3">Buttons</Heading>
           <Prose className="mb-8">
-            <p className="lead">Use buttons for actions and links for navigation. Lead with a single primary (default) button per view; use outline for secondary actions and ghost for low-emphasis or repeated ones. On dark or coloured backgrounds, switch to the white and white-outline variants.</p>
+            <p className="lead">Use buttons for calls to action and interactions on on the page. Lead with a single primary (default) button per view; use outline for secondary actions and ghost for low-emphasis or repeated ones. On dark or coloured backgrounds, switch to the white and white-outline variants.</p>
           </Prose>
           <div className="space-y-6">
             <div>
-              <Body size="sm" className="text-muted-foreground mb-3">Default</Body>
+              <Body size="sm" className="text-muted-foreground mb-3">Primary</Body>
               <div className="space-x-3">
                 <Button size="sm">Small</Button>
                 <Button>Default</Button>
 
@@ -1,2 +1,3 @@
 packages:
+  - "."
   - "docs"
@@ -6,7 +6,7 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "../utils"
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl font-semibold transition-all duration-300 ease-in-out hover:rounded-[18px] active:rounded-6xl active:duration-350 active:delay-0 delay-40 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[1.25em] shrink-0 [&_svg]:shrink-0 [&_svg]:transition-transform [&_svg]:duration-200 [&_svg]:ease-out [&_svg]:delay-40 active:[&_svg]:delay-0 motion-reduce:[&_svg]:transition-none hover:[&_svg:last-child]:translate-x-1 focus-visible:[&_svg:last-child]:translate-x-1 active:[&_svg:last-child]:translate-x-1 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border-2 border-transparent",
+  "inline-flex items-center justify-center align-middle gap-2 whitespace-nowrap rounded-xl font-semibold transition-all duration-300 ease-in-out hover:rounded-[18px] active:rounded-6xl active:duration-350 active:delay-0 delay-40 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[1.25em] shrink-0 [&_svg]:shrink-0 [&_[data-arrow]]:transition-transform [&_[data-arrow]]:duration-200 [&_[data-arrow]]:ease-out [&_[data-arrow]]:delay-40 active:[&_[data-arrow]]:delay-0 motion-reduce:[&_[data-arrow]]:transition-none hover:[&_[data-arrow]]:translate-x-0.5 focus-visible:[&_[data-arrow]]:translate-x-0.5 active:[&_[data-arrow]]:translate-x-1.5 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border-2 border-transparent",
   {
     variants: {
       variant: {
@@ -57,7 +57,9 @@ function Button({
       {...props}
     >
       {withLink ? <Slottable>{children}</Slottable> : children}
-      {withLink && <ArrowRight className="size-[1.25em]" aria-hidden="true" />}
+      {withLink && (
+        <ArrowRight data-arrow="" className="size-[1.25em]" aria-hidden="true" />
+      )}
     </Comp>
   )
 }
 
@@ -80,7 +80,7 @@ function Hero({
                 ) : null}
               </div>
               {cta ? (
-                <div className="fade-in-delay-1 flex flex-wrap items-center gap-3">
+                <div className="fade-in-delay-1 flex flex-wrap items-center mt-8 gap-3">
                   {cta}
                 </div>
               ) : null}
Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,3 @@`
`1`	`1`	`packages:`
	`2`	`+ - "."`
`2`	`3`	`- "docs"`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ import { cva, type VariantProps } from "class-variance-authority"`
`6`	`6`	`import { cn } from "../utils"`
`7`	`7`
`8`	`8`	`const buttonVariants = cva(`
`9`		- "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl font-semibold transition-all duration-300 ease-in-out hover:rounded-[18px] active:rounded-6xl active:duration-350 active:delay-0 delay-40 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[1.25em] shrink-0 [&_svg]:shrink-0 [&_svg]:transition-transform [&_svg]:duration-200 [&_svg]:ease-out [&_svg]:delay-40 active:[&_svg]:delay-0 motion-reduce:[&_svg]:transition-none hover:[&_svg:last-child]:translate-x-1 focus-visible:[&_svg:last-child]:translate-x-1 active:[&_svg:last-child]:translate-x-1 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border-2 border-transparent",
	`9`	+ "inline-flex items-center justify-center align-middle gap-2 whitespace-nowrap rounded-xl font-semibold transition-all duration-300 ease-in-out hover:rounded-[18px] active:rounded-6xl active:duration-350 active:delay-0 delay-40 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[1.25em] shrink-0 [&_svg]:shrink-0 [&_[data-arrow]]:transition-transform [&_[data-arrow]]:duration-200 [&_[data-arrow]]:ease-out [&_[data-arrow]]:delay-40 active:[&_[data-arrow]]:delay-0 motion-reduce:[&_[data-arrow]]:transition-none hover:[&_[data-arrow]]:translate-x-0.5 focus-visible:[&_[data-arrow]]:translate-x-0.5 active:[&_[data-arrow]]:translate-x-1.5 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border-2 border-transparent",
`10`	`10`	`{`
`11`	`11`	`variants: {`
`12`	`12`	`variant: {`
`@@ -57,7 +57,9 @@ function Button({`
`57`	`57`	`{...props}`
`58`	`58`	`>`
`59`	`59`	`{withLink ? <Slottable>{children}</Slottable> : children}`
`60`		`- {withLink && <ArrowRight className="size-[1.25em]" aria-hidden="true" />}`
	`60`	`+ {withLink && (`
	`61`	`+ <ArrowRight data-arrow="" className="size-[1.25em]" aria-hidden="true" />`
	`62`	`+ )}`
`61`	`63`	`</Comp>`
`62`	`64`	`)`
`63`	`65`	`}`