FCT 36292 stabilize button and link

packages/react/.storybook/main.ts

@@ -54,6 +54,7 @@ const config: StorybookConfig = {
         },
       },
     },
+    getAbsolutePath("@storybook/addon-designs"),
   ],
   framework: {
     name: getAbsolutePath("@storybook/react-vite"),

packages/react/.storybook/preview.tsx

@@ -55,7 +55,9 @@ export const F0 = (Story: StoryFn, { parameters }: StoryContext) => {
               action("Link clicked")(event, ...args)
               props?.onClick?.(event, ...args)
               event.preventDefault()
-              if (props.href) setCurrentPath(props.href)
+              if (props.href) {
+                setCurrentPath(props.href)
+              }
             }}
           />
         ),

packages/react/docs/components/BareColor.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react"
 
+import { F0Button } from "@/components/F0Button"
 import { CopyIcon } from "lucide-react"
-import { Button } from "../../src/components/Actions/Button"
 
 type Props = {
   name: string
@@ -30,7 +30,7 @@ export function BareColor({ name }: Props) {
         </span>
       </div>
       <div className="invert-0 filter dark:invert">
-        <Button
+        <F0Button
           onClick={copyToClipboard}
           variant="ghost"
           disabled={copied}

packages/react/docs/components/ColorToken.tsx

@@ -1,9 +1,8 @@
 import { useState } from "react"
 
+import { F0Button } from "@/components/F0Button"
+import { cn } from "@/lib/utils"
 import { CopyIcon } from "lucide-react"
-import { Button } from "../../src/components/Actions/Button"
-import { cn } from "../../src/lib/utils"
-
 type Props = {
   name: string
   description?: string
@@ -29,7 +28,7 @@ export function ColorToken({ name, description }: Props) {
         <p className="text-sm text-f1-foreground-secondary">{description}</p>
       </div>
       <div className="invert-0 filter dark:invert">
-        <Button
+        <F0Button
           onClick={copyToClipboard}
           variant="ghost"
           disabled={copied}

packages/react/package.json

@@ -109,6 +109,7 @@
     "@size-limit/file": "^11.2.0",
     "@size-limit/time": "^11.2.0",
     "@storybook/addon-a11y": "^9.1.3",
+    "@storybook/addon-designs": "^10.0.2",
     "@storybook/addon-docs": "^9.1.3",
     "@storybook/addon-links": "^9.1.3",
     "@storybook/addon-themes": "^9.1.3",