StoryBook: Fix error that could occur when loading compiled CSS (WordPress#68526)

t-hamano · ciampo · tyxla · Gulamdastgir-Momin · commit 5d786925d5ed · 2025-01-23T13:01:27.000+05:30
* Revert "fix: Fix media query and reduced motion error (WordPress#68464)" This reverts commit 921536e. * Add extension explicitly in import statements Co-authored-by: t-hamano <wildworks@git.wordpress.org> Co-authored-by: ciampo <mciampini@git.wordpress.org> Co-authored-by: tyxla <tyxla@git.wordpress.org>
diff --git a/packages/edit-site/src/components/layout/style.scss b/packages/edit-site/src/components/layout/style.scss
@@ -118,7 +118,7 @@
 			// This ensure the radius work properly.
 			overflow: hidden;
 
-			@media (prefers-reduced-motion: no-preference) {
+			@media not (prefers-reduced-motion) {
 				transition: border-radius, box-shadow 0.4s;
 			}
 
diff --git a/storybook/package-styles/block-editor-ltr.lazy.scss b/storybook/package-styles/block-editor-ltr.lazy.scss
@@ -1 +1 @@
-@import "../../packages/block-editor/build-style/style";
+@import "../../packages/block-editor/build-style/style.css";
diff --git a/storybook/package-styles/block-editor-rtl.lazy.scss b/storybook/package-styles/block-editor-rtl.lazy.scss
@@ -1 +1 @@
-@import "../../packages/block-editor/build-style/style-rtl";
+@import "../../packages/block-editor/build-style/style-rtl.css";
diff --git a/storybook/package-styles/block-library-ltr.lazy.scss b/storybook/package-styles/block-library-ltr.lazy.scss
@@ -1,3 +1,3 @@
-@import "../../packages/block-library/build-style/style";
-@import "../../packages/block-library/build-style/theme";
-@import "../../packages/block-library/build-style/editor";
+@import "../../packages/block-library/build-style/style.css";
+@import "../../packages/block-library/build-style/theme.css";
+@import "../../packages/block-library/build-style/editor.css";
diff --git a/storybook/package-styles/block-library-rtl.lazy.scss b/storybook/package-styles/block-library-rtl.lazy.scss
@@ -1,3 +1,3 @@
-@import "../../packages/block-library/build-style/style-rtl";
-@import "../../packages/block-library/build-style/theme-rtl";
-@import "../../packages/block-library/build-style/editor-rtl";
+@import "../../packages/block-library/build-style/style-rtl.css";
+@import "../../packages/block-library/build-style/theme-rtl.css";
+@import "../../packages/block-library/build-style/editor-rtl.css";
diff --git a/storybook/package-styles/components-ltr.lazy.scss b/storybook/package-styles/components-ltr.lazy.scss
@@ -1 +1 @@
-@import "../../packages/components/build-style/style";
+@import "../../packages/components/build-style/style.css";
diff --git a/storybook/package-styles/components-rtl.lazy.scss b/storybook/package-styles/components-rtl.lazy.scss
@@ -1 +1 @@
-@import "../../packages/components/build-style/style-rtl";
+@import "../../packages/components/build-style/style-rtl.css";
diff --git a/storybook/package-styles/dataviews-ltr.lazy.scss b/storybook/package-styles/dataviews-ltr.lazy.scss
@@ -1 +1 @@
-@import "../../packages/dataviews/build-style/style";
+@import "../../packages/dataviews/build-style/style.css";
diff --git a/storybook/package-styles/dataviews-rtl.lazy.scss b/storybook/package-styles/dataviews-rtl.lazy.scss
@@ -1 +1 @@
-@import "../../packages/dataviews/build-style/style-rtl";
+@import "../../packages/dataviews/build-style/style-rtl.css";
diff --git a/storybook/package-styles/edit-site-ltr.lazy.scss b/storybook/package-styles/edit-site-ltr.lazy.scss
@@ -1 +1 @@
-@import "../../packages/edit-site/build-style/style";
+@import "../../packages/edit-site/build-style/style.css";
diff --git a/storybook/package-styles/edit-site-rtl.lazy.scss b/storybook/package-styles/edit-site-rtl.lazy.scss
@@ -1 +1 @@
-@import "../../packages/edit-site/build-style/style-rtl";
+@import "../../packages/edit-site/build-style/style-rtl.css";
diff --git a/storybook/package-styles/format-library-ltr.lazy.scss b/storybook/package-styles/format-library-ltr.lazy.scss
@@ -1 +1 @@
-@import "../../packages/format-library/build-style/style";
+@import "../../packages/format-library/build-style/style.css";
diff --git a/storybook/package-styles/format-library-rtl.lazy.scss b/storybook/package-styles/format-library-rtl.lazy.scss
@@ -1 +1 @@
-@import "../../packages/format-library/build-style/style-rtl";
+@import "../../packages/format-library/build-style/style-rtl.css";

Original file line number	Diff line number	Diff line change
`@@ -118,7 +118,7 @@`
`118`	`118`	`// This ensure the radius work properly.`
`119`	`119`	`overflow: hidden;`
`120`	`120`
`121`		`- @media (prefers-reduced-motion: no-preference) {`
	`121`	`+ @media not (prefers-reduced-motion) {`
`122`	`122`	`transition: border-radius, box-shadow 0.4s;`
`123`	`123`	`}`
`124`	`124`
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-@import "../../packages/block-editor/build-style/style";`
	`1`	`+@import "../../packages/block-editor/build-style/style.css";`
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-@import "../../packages/components/build-style/style";`
	`1`	`+@import "../../packages/components/build-style/style.css";`
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-@import "../../packages/dataviews/build-style/style";`
	`1`	`+@import "../../packages/dataviews/build-style/style.css";`
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-@import "../../packages/edit-site/build-style/style";`
	`1`	`+@import "../../packages/edit-site/build-style/style.css";`
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-@import "../../packages/format-library/build-style/style";`
	`1`	`+@import "../../packages/format-library/build-style/style.css";`