fix(sandpack): upgrade dependencies (#4075)

danilowoz · web-flow · commit 8ed148b2caf1 · 2021-11-08T15:32:48.000Z
* fix(sandpack): upgrade dependencies

* fix(sandpack): remove selector that relies on the editor state
diff --git a/beta/package.json b/beta/package.json
@@ -18,7 +18,7 @@
     "start": "next start"
   },
   "dependencies": {
-    "@codesandbox/sandpack-react": "^0.1.16",
+    "@codesandbox/sandpack-react": "^0.1.20",
     "@docsearch/css": "3.0.0-alpha.41",
     "@docsearch/react": "3.0.0-alpha.41",
     "@headlessui/react": "^1.3.0",
diff --git a/beta/src/styles/sandpack.css b/beta/src/styles/sandpack.css
@@ -140,11 +140,11 @@ html.dark .sp-tabs .sp-tab-button[data-active='true'] {
   font-size: 16px !important;
   line-height: 24px !important;
 }
-.sp-cm.sp-pristine .cm-scroller, .sp-cm.sp-dirty .cm-scroller {
+.sp-cm .cm-scroller {
   overflow: auto !important;
   padding: 18px 0 !important;
 }
-.sp-cm.sp-pristine .cm-gutters, .sp-cm.sp-dirty .cm-gutters {
+.sp-cm .cm-gutters {
   background-color: var(--sp-colors-bg-default);
   z-index: 1;
 }
diff --git a/beta/yarn.lock b/beta/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -140,11 +140,11 @@ html.dark .sp-tabs .sp-tab-button[data-active='true'] {`
`140`	`140`	`font-size: 16px !important;`
`141`	`141`	`line-height: 24px !important;`
`142`	`142`	`}`
`143`		`-.sp-cm.sp-pristine .cm-scroller, .sp-cm.sp-dirty .cm-scroller {`
	`143`	`+.sp-cm .cm-scroller {`
`144`	`144`	`overflow: auto !important;`
`145`	`145`	`padding: 18px 0 !important;`
`146`	`146`	`}`
`147`		`-.sp-cm.sp-pristine .cm-gutters, .sp-cm.sp-dirty .cm-gutters {`
	`147`	`+.sp-cm .cm-gutters {`
`148`	`148`	`background-color: var(--sp-colors-bg-default);`
`149`	`149`	`z-index: 1;`
`150`	`150`	`}`