Bump postcss-styled-syntax to ^0.7.1 (#922)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Michał Dudak <[email protected]>
mui · Feb 7, 2025 · f94f6b9 · f94f6b9
1 parent 8ef9807
commit f94f6b9
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 17 deletions.
diff --git a/docs/src/app/(private)/experiments/menu/menu-nested.tsx b/docs/src/app/(private)/experiments/menu/menu-nested.tsx
@@ -162,7 +162,7 @@ const MenuPopup = styled(Menu.Popup)(
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
-  box-shadow: 0px 4px 30px ${theme.palette.mode === 'dark' ? grey[900] : grey[200]};
+  box-shadow: 0 4px 30px ${theme.palette.mode === 'dark' ? grey[900] : grey[200]};
   z-index: 1;
   transform-origin: var(--transform-origin);
   opacity: 1;
@@ -174,10 +174,8 @@ const MenuPopup = styled(Menu.Popup)(
   }
 
   &[data-starting-style] {
-    & {
-      opacity: 0;
-      transform: scale(0.8);
-    }
+    opacity: 0;
+    transform: scale(0.8);
   }
 
   &[data-ending-style] {
@@ -262,7 +260,6 @@ const MenuButton = styled(Menu.Trigger)(
   line-height: 1.5;
   padding: 8px 16px;
   border-radius: 8px;
-  color: white;
   transition: all 150ms ease;
   cursor: pointer;
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};

diff --git a/docs/src/app/(private)/experiments/modality.tsx b/docs/src/app/(private)/experiments/modality.tsx
@@ -271,7 +271,7 @@ const MenuPopup = styled(Menu.Popup)(
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
-  box-shadow: 0px 4px 30px ${theme.palette.mode === 'dark' ? grey[900] : grey[200]};
+  box-shadow: 0 4px 30px ${theme.palette.mode === 'dark' ? grey[900] : grey[200]};
   z-index: 1;
   transform-origin: var(--transform-origin);
   opacity: 1;
@@ -323,7 +323,7 @@ const DialogPopup = styled(Dialog.Popup)(
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[100]};
   min-width: 400px;
   border-radius: 4px;
-  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
+  box-shadow: rgb(0 0 0 / 0.2) 0 18px 50px -10px;
   position: fixed;
   top: 50%;
   left: 50%;

diff --git a/docs/src/app/(private)/experiments/popups/popups-in-popups.tsx b/docs/src/app/(private)/experiments/popups/popups-in-popups.tsx
@@ -381,7 +381,7 @@ const MenuPopup = styled(Menu.Popup)(
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
-  box-shadow: 0px 4px 30px ${theme.palette.mode === 'dark' ? grey[900] : grey[200]};
+  box-shadow: 0 4px 30px ${theme.palette.mode === 'dark' ? grey[900] : grey[200]};
   transform-origin: var(--transform-origin);
   opacity: 1;
   transform: scale(1, 1);
@@ -470,7 +470,7 @@ const DialogPopup = styled(Dialog.Popup)(
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[100]};
   min-width: 400px;
   border-radius: 4px;
-  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
+  box-shadow: rgb(0 0 0 / 0.2) 0 18px 50px -10px;
   position: fixed;
   top: 50%;
   left: 50%;

diff --git a/package.json b/package.json
@@ -126,7 +126,7 @@
     "piscina": "^4.8.0",
     "postcss": "^8.5.1",
     "postcss-loader": "^8.1.1",
-    "postcss-styled-syntax": "^0.6.4",
+    "postcss-styled-syntax": "^0.7.1",
     "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "pretty-quick": "^4.0.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml