Merge 028cd55 into 737f194

primer · Mar 5, 2024 · b6d81e4 · b6d81e4
2 parents 737f194 + 028cd55
commit b6d81e4
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 17 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/react/.storybook/preview.js b/packages/react/.storybook/preview.js
@@ -5,7 +5,6 @@ import clsx from 'clsx'
 
 import './storybook.css'
 import './primitives-v8.css'
-import './primitives-v7.css'
 
 let storybookViewports = {}
 Object.entries(PrimerBreakpoints).forEach(([viewport, value]) => {

diff --git a/packages/react/.storybook/primitives-v7.css b/packages/react/.storybook/primitives-v7.css
diff --git a/packages/react/.storybook/primitives-v8.css b/packages/react/.storybook/primitives-v8.css
@@ -10,14 +10,12 @@
 @import '@primer/primitives/tokens-next-private/css/functional/typography/typography.css';
 
 /* color */
-/* temporarily disabiling these to ensure visual regression tests work on production code
-* @import '@primer/primitives/tokens-next-private/css/functional/themes/light.css';
-* @import '@primer/primitives/tokens-next-private/css/functional/themes/light-tritanopia.css';
-* @import '@primer/primitives/tokens-next-private/css/functional/themes/light-high-contrast.css';
-* @import '@primer/primitives/tokens-next-private/css/functional/themes/light-colorblind.css';
-* @import '@primer/primitives/tokens-next-private/css/functional/themes/dark.css';
-* @import '@primer/primitives/tokens-next-private/css/functional/themes/dark-colorblind.css';
-* @import '@primer/primitives/tokens-next-private/css/functional/themes/dark-dimmed.css';
-* @import '@primer/primitives/tokens-next-private/css/functional/themes/dark-high-contrast.css';
-* @import '@primer/primitives/tokens-next-private/css/functional/themes/dark-tritanopia.css';
-*/
+@import '@primer/primitives/tokens-next-private/css/functional/themes/light.css';
+@import '@primer/primitives/tokens-next-private/css/functional/themes/light-tritanopia.css';
+@import '@primer/primitives/tokens-next-private/css/functional/themes/light-high-contrast.css';
+@import '@primer/primitives/tokens-next-private/css/functional/themes/light-colorblind.css';
+@import '@primer/primitives/tokens-next-private/css/functional/themes/dark.css';
+@import '@primer/primitives/tokens-next-private/css/functional/themes/dark-colorblind.css';
+@import '@primer/primitives/tokens-next-private/css/functional/themes/dark-dimmed.css';
+@import '@primer/primitives/tokens-next-private/css/functional/themes/dark-high-contrast.css';
+@import '@primer/primitives/tokens-next-private/css/functional/themes/dark-tritanopia.css';
diff --git a/packages/react/.storybook/storybook.css b/packages/react/.storybook/storybook.css
@@ -3,6 +3,7 @@
   .story-wrap {
     font-family: var(--fontStack-system);
     color: var(--fgColor-default);
+    background: var(--bgColor-default);
   }
 
   #storybook-preview-wrapper {

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -91,7 +91,7 @@
     "@oddbird/popover-polyfill": "^0.3.1",
     "@primer/behaviors": "^1.5.1",
     "@primer/octicons-react": "^19.8.0",
-    "@primer/primitives": "7.15.3",
+    "@primer/primitives": "^7.15.9",
     "@react-aria/ssr": "^3.5.0",
     "@styled-system/css": "^5.1.5",
     "@styled-system/props": "^5.1.5",