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": "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
@@ -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>