Bump styled-components from 5.3.11 to 6.1.11 (#43057)

* Bump styled-components from 5.3.11 to 6.1.11 Bumps [styled-components](https://github.com/styled-components/styled-components) from 5.3.11 to 6.1.11. - [Release notes](https://github.com/styled-components/styled-components/releases) - [Commits](styled-components/styled-components@v5.3.11...v6.1.11) --- updated-dependencies: - dependency-name: styled-components dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <[email protected]> * Remove @types/styled-components * Add babel-plugin-styled-components * Fix issues after upgrading packages * Update snapshots * Post-merge fixes * Declare @emotion/is-prop-valid as an explicit dependency * Correct formatting --------- Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Bartosz Leper <[email protected]>
gravitational · Jul 12, 2024 · 4947c0d · 4947c0d
1 parent fc3a7d9
commit 4947c0d
Show file tree

Hide file tree

Showing 85 changed files with 1,639 additions and 1,562 deletions.
diff --git a/e b/e
diff --git a/package.json b/package.json
@@ -89,7 +89,7 @@
     "react-router-dom": "5.1.1",
     "react-select": "^3.0.8",
     "react-transition-group": "^4.4.5",
-    "styled-components": "5.3.11",
+    "styled-components": "6.1.11",
     "tslib": "^2.6.3",
     "whatwg-fetch": "^3.6.20"
   },

diff --git a/web/packages/build/package.json b/web/packages/build/package.json
@@ -25,6 +25,7 @@
     "@types/jsdom": "^21.1.7",
     "@vitejs/plugin-react-swc": "^3.7.0",
     "babel-loader": "^8.2.5",
+    "babel-plugin-styled-components": "^2.1.4",
     "eslint": "^8.56.0",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-babel": "^5.3.1",
@@ -47,4 +48,3 @@
     "ts-loader": "^9.5.1"
   }
 }
-
diff --git a/web/packages/design/package.json b/web/packages/design/package.json
@@ -10,6 +10,7 @@
     "directory": "packages/design"
   },
   "dependencies": {
+    "@emotion/is-prop-valid": "1.2.2",
     "styled-system": "^3.1.11",
     "csstype": "^3.0.2"
   },

diff --git a/web/packages/design/src/AnimatedProgressBar/AnimatedProgressBar.tsx b/web/packages/design/src/AnimatedProgressBar/AnimatedProgressBar.tsx
@@ -66,7 +66,7 @@ const Bar = styled.span`
   overflow: hidden;
   width: 118px;
 
-  ::after {
+  &::after {
     content: '';
     position: absolute;
     top: 0;