try and fix snapshots

primer · Feb 10, 2024 · 8a4d8fc · 8a4d8fc
1 parent da4f490
commit 8a4d8fc
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 14 deletions.
diff --git a/docs/storybook/.storybook/preview.js b/docs/storybook/.storybook/preview.js
@@ -45,7 +45,7 @@ const primerThemes = [
 ]
 
 export const globalTypes = {
-  colorScheme: {
+  theme: {
     name: 'Theme',
     description: 'Switch themes',
     defaultValue: 'light',
@@ -67,24 +67,24 @@ export const globalTypes = {
 
 export const decorators = [
   (Story, context) => {
-    const {colorScheme} = context.globals
+    const {theme} = context.globals
 
     useEffect(() => {
-      const colorMode = colorScheme.startsWith('light') ? 'light' : 'dark'
+      const colorMode = theme.startsWith('light') ? 'light' : 'dark'
       document.body.setAttribute('data-color-mode', colorMode)
 
-      const lightTheme = colorScheme.startsWith('light') ? colorScheme : undefined
+      const lightTheme = theme.startsWith('light') ? theme : undefined
       document.body.setAttribute('data-light-theme', lightTheme)
 
-      const darkTheme = colorScheme.startsWith('dark') ? colorScheme : undefined
+      const darkTheme = theme.startsWith('dark') ? theme : undefined
       document.body.setAttribute('data-dark-theme', darkTheme)
-    }, [colorScheme])
+    }, [theme])
 
     const {parameters} = context
     const defaultStoryType = 'swatch'
     const storyType = parameters.storyType || defaultStoryType
 
-    if (context.globals.colorScheme === 'light-dark-split') {
+    if (context.globals.theme === 'light-dark-split') {
       return (
         <div className="light-dark-split">
           {['light', 'dark'].map(theme => (
@@ -105,7 +105,7 @@ export const decorators = [
       )
     }
 
-    return context.globals.colorScheme === 'all' ? (
+    return context.globals.theme === 'all' ? (
       primerThemes.map(({value: theme}) => (
         <ThemeProvider key={theme} dayScheme={theme} nightScheme={theme} colorMode="day">
           <div
@@ -126,7 +126,7 @@ export const decorators = [
         </ThemeProvider>
       ))
     ) : (
-      <ThemeProvider dayScheme={context.globals.colorScheme} nightScheme={context.globals.colorScheme} colorMode="day">
+      <ThemeProvider dayScheme={context.globals.theme} nightScheme={context.globals.theme} colorMode="day">
         <div className={clsx('story-wrap', parameters.storyType === 'swatch' && 'SwatchDecorator')}>
           <Story {...context} />
         </div>

diff --git a/docs/storybook/stories/Color/Functional/FunctionalTables.stories.tsx b/docs/storybook/stories/Color/Functional/FunctionalTables.stories.tsx
@@ -9,12 +9,11 @@ import {getTokensByName} from '../../utilities/getTokensByName'
 export default {
   title: 'Color/Functional/Tables',
   parameters: {
-    parameters: {
-      controls: {hideNoControlsWarning: true},
-      options: {
-        showPanel: false,
-      },
+    controls: {hideNoControlsWarning: true},
+    options: {
+      showPanel: false,
     },
+    tags: ['excludeSnapshot'],
   },
 }