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.
microsoft · Jul 29, 2022 · e6bec62 · e6bec62
1 parent ee115c2
commit e6bec62
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 12 deletions.
diff --git a/change/@fluentui-react-theme-fbb9a9be-f6c1-44e6-8090-06571347651a.json 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": "[email protected]",
+  "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
@@ -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
@@ -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
@@ -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>