From c300fdac46eb1280de37da50707d46e28adb82e7 Mon Sep 17 00:00:00 2001 From: Viraj Joshi <66306233+Viraj-10@users.noreply.github.com> Date: Tue, 17 Oct 2023 12:47:29 +0530 Subject: [PATCH 1/2] fix: added Warning for passing prop in media query --- example/storybook/src/api/ResponsiveStyles/index.stories.mdx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/example/storybook/src/api/ResponsiveStyles/index.stories.mdx b/example/storybook/src/api/ResponsiveStyles/index.stories.mdx index 21ca805a0..f6991f615 100644 --- a/example/storybook/src/api/ResponsiveStyles/index.stories.mdx +++ b/example/storybook/src/api/ResponsiveStyles/index.stories.mdx @@ -107,6 +107,9 @@ Once configured, you can apply different styles at different breakpoints. /> + > Note that the '@' symbol indicates a media query.The '@' symbol should be followed by the name of the desired breakpoint for the styles. > Note that the same API can be used with the sx prop to override styles inline. + +> Caution: Utilizing the `Passing Props` feature within `Media Queries` is not supported. From 3952576d3bb20d0cc84eef2ceabd48fcc12825f8 Mon Sep 17 00:00:00 2001 From: Viraj Joshi <66306233+Viraj-10@users.noreply.github.com> Date: Tue, 17 Oct 2023 12:48:59 +0530 Subject: [PATCH 2/2] fix: added passing prop warning in media query --- example/storybook/src/api/PropsPassing/index.stories.mdx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/example/storybook/src/api/PropsPassing/index.stories.mdx b/example/storybook/src/api/PropsPassing/index.stories.mdx index 89dc45812..0ae57a8de 100644 --- a/example/storybook/src/api/PropsPassing/index.stories.mdx +++ b/example/storybook/src/api/PropsPassing/index.stories.mdx @@ -33,3 +33,5 @@ const StyledComponent = styled( }, ); ``` + +> Caution: Utilizing the `Passing Props` feature within `Media Queries` is not supported.