From e6bec62689022606e64b56b90506c6d75cbdcfce Mon Sep 17 00:00:00 2001
From: Ben Howell <48106640+behowell@users.noreply.github.com>
Date: Fri, 29 Jul 2022 09:51:22 -0700
Subject: [PATCH] Fix issue preventing copying text out of theme storybook
 documentation (#24135)

Remove the 'Show code' button from the theme stories, to work around a bug in storybook that prevents copying out of stories with code.
---
 ...act-theme-fbb9a9be-f6c1-44e6-8090-06571347651a.json |  7 +++++++
 .../react-theme/src/stories/colors/index.stories.mdx   |  4 ++--
 .../src/stories/motion-size/index.stories.mdx          | 10 +++++-----
 .../src/stories/typography/index.stories.mdx           | 10 +++++-----
 4 files changed, 19 insertions(+), 12 deletions(-)
 create mode 100644 change/@fluentui-react-theme-fbb9a9be-f6c1-44e6-8090-06571347651a.json

diff --git a/change/@fluentui-react-theme-fbb9a9be-f6c1-44e6-8090-06571347651a.json b/change/@fluentui-react-theme-fbb9a9be-f6c1-44e6-8090-06571347651a.json
new file mode 100644
index 0000000000000..a96291f843bdd
--- /dev/null
+++ b/change/@fluentui-react-theme-fbb9a9be-f6c1-44e6-8090-06571347651a.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: Fix issue preventing copying text out of theme storybook documentation",
+  "packageName": "@fluentui/react-theme",
+  "email": "behowell@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/packages/react-components/react-theme/src/stories/colors/index.stories.mdx b/packages/react-components/react-theme/src/stories/colors/index.stories.mdx
index 3eb485a9f561c..6ffd7c5fda24d 100644
--- a/packages/react-components/react-theme/src/stories/colors/index.stories.mdx
+++ b/packages/react-components/react-theme/src/stories/colors/index.stories.mdx
@@ -6,12 +6,12 @@ import { Shadows } from './ThemeShadows.stories';
 
 <h1 class="sbdocs-title"> Colors </h1>
 
-<Canvas>
+<Canvas withSource="none">
   <Colors />
 </Canvas>
 
 ## Shadows
 
-<Canvas>
+<Canvas withSource="none">
   <Shadows />
 </Canvas>
diff --git a/packages/react-components/react-theme/src/stories/motion-size/index.stories.mdx b/packages/react-components/react-theme/src/stories/motion-size/index.stories.mdx
index 80e776e8ca1f1..d6d06e460641d 100644
--- a/packages/react-components/react-theme/src/stories/motion-size/index.stories.mdx
+++ b/packages/react-components/react-theme/src/stories/motion-size/index.stories.mdx
@@ -10,30 +10,30 @@ import { BorderRadii } from './ThemeBorderRadii.stories';
 
 ### Motion curves
 
-<Canvas>
+<Canvas withSource="none">
   <MotionCurves />
 </Canvas>
 
 ### Motion duration
 
-<Canvas>
+<Canvas withSource="none">
   <MotionDuration />
 </Canvas>
 
 ### Spacing
 
-<Canvas>
+<Canvas withSource="none">
   <Spacing />
 </Canvas>
 
 ### Stroke widths
 
-<Canvas>
+<Canvas withSource="none">
   <StrokeWidths />
 </Canvas>
 
 ### Border radii
 
-<Canvas>
+<Canvas withSource="none">
   <BorderRadii />
 </Canvas>
diff --git a/packages/react-components/react-theme/src/stories/typography/index.stories.mdx b/packages/react-components/react-theme/src/stories/typography/index.stories.mdx
index 0fa6994f3e2b4..f7d614196b081 100644
--- a/packages/react-components/react-theme/src/stories/typography/index.stories.mdx
+++ b/packages/react-components/react-theme/src/stories/typography/index.stories.mdx
@@ -7,30 +7,30 @@ import { FontFamily, FontSize, FontWeight, LineHeight, TypographyStyles } from '
 
 ### Font family
 
-<Canvas>
+<Canvas withSource="none">
   <FontFamily />
 </Canvas>
 
 ### Font size
 
-<Canvas>
+<Canvas withSource="none">
   <FontSize />
 </Canvas>
 
 ### Font weight
 
-<Canvas>
+<Canvas withSource="none">
   <FontWeight />
 </Canvas>
 
 ### Line height
 
-<Canvas>
+<Canvas withSource="none">
   <LineHeight />
 </Canvas>
 
 ### Typography styles
 
-<Canvas>
+<Canvas withSource="none">
   <TypographyStyles />
 </Canvas>