feat: bump peer dep styled-components to v5.1.0 minimum (#1703)

geotrev · web-flow · commit b3bbd98271dd · 2024-02-08T09:22:15.000-06:00
diff --git a/docs/migration.md b/docs/migration.md
@@ -4,6 +4,11 @@
 
 ### Breaking Changes
 
+#### All Packages
+
+- Garden v9 packages use `styled-components` version range `^5.1.0`.
+  - `react-theming@v9` uses version range `^4.2.0 || ^5.1.0` to support `v8` to `v9` upgrades.
+
 #### @zendeskgarden/react-theming
 
 - Utility function `isRtl` has been removed. Use `props.theme.rtl` instead.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/.template/package.json b/packages/.template/package.json
@@ -28,7 +28,7 @@
     "@zendeskgarden/react-theming": "^8.1.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@zendeskgarden/react-theming": "^8.0.0"
diff --git a/packages/accordions/package.json b/packages/accordions/package.json
@@ -30,7 +30,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@zendeskgarden/react-theming": "^9.0.0-next.0",
diff --git a/packages/avatars/package.json b/packages/avatars/package.json
@@ -28,7 +28,7 @@
     "@zendeskgarden/react-theming": "^8.65.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@zendeskgarden/react-theming": "^9.0.0-next.0",
diff --git a/packages/breadcrumbs/package.json b/packages/breadcrumbs/package.json
@@ -29,7 +29,7 @@
     "@zendeskgarden/react-theming": "^8.1.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@zendeskgarden/react-theming": "^9.0.0-next.0",
diff --git a/packages/buttons/package.json b/packages/buttons/package.json
@@ -31,7 +31,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@zendeskgarden/react-theming": "^9.0.0-next.0",
diff --git a/packages/chrome/package.json b/packages/chrome/package.json
@@ -32,7 +32,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@zendeskgarden/react-theming": "^9.0.0-next.0",
diff --git a/packages/colorpickers/package.json b/packages/colorpickers/package.json
@@ -36,7 +36,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@types/lodash.isequal": "4.5.8",
diff --git a/packages/datepickers/package.json b/packages/datepickers/package.json
@@ -30,7 +30,7 @@
     "@zendeskgarden/react-theming": "^8.1.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@zendeskgarden/react-theming": "^9.0.0-next.0",
diff --git a/packages/drag-drop/package.json b/packages/drag-drop/package.json
@@ -28,7 +28,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@dnd-kit/core": "6.1.0",
diff --git a/packages/dropdowns/package.json b/packages/dropdowns/package.json
@@ -34,7 +34,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.9",
diff --git a/packages/forms/package.json b/packages/forms/package.json
@@ -33,7 +33,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.9",
diff --git a/packages/grid/package.json b/packages/grid/package.json
@@ -34,7 +34,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@zendeskgarden/react-theming": "^9.0.0-next.0"
diff --git a/packages/loaders/package.json b/packages/loaders/package.json
@@ -29,7 +29,7 @@
     "@zendeskgarden/react-theming": "^8.1.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@zendeskgarden/react-theming": "^9.0.0-next.0"
diff --git a/packages/modals/package.json b/packages/modals/package.json
@@ -35,7 +35,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@types/react-transition-group": "4.4.10",
diff --git a/packages/notifications/package.json b/packages/notifications/package.json
@@ -31,7 +31,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@types/react-transition-group": "4.4.10",
diff --git a/packages/pagination/package.json b/packages/pagination/package.json
@@ -30,7 +30,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@zendeskgarden/react-theming": "^9.0.0-next.0",
diff --git a/packages/tables/package.json b/packages/tables/package.json
@@ -30,7 +30,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@types/react-beautiful-dnd": "13.1.8",
diff --git a/packages/tabs/package.json b/packages/tabs/package.json
@@ -31,7 +31,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@zendeskgarden/react-theming": "^9.0.0-next.0"
diff --git a/packages/tags/package.json b/packages/tags/package.json
@@ -29,7 +29,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@zendeskgarden/react-theming": "^9.0.0-next.0",
diff --git a/packages/theming/package.json b/packages/theming/package.json
@@ -30,7 +30,7 @@
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^4.2.0 || ^5.1.0"
   },
   "devDependencies": {
     "@types/lodash.memoize": "4.1.9"
diff --git a/packages/tooltips/package.json b/packages/tooltips/package.json
@@ -32,7 +32,7 @@
     "@zendeskgarden/react-theming": "^8.1.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@zendeskgarden/react-theming": "^9.0.0-next.0"
diff --git a/packages/typography/package.json b/packages/typography/package.json
@@ -30,7 +30,7 @@
     "@zendeskgarden/react-theming": "^8.67.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^4.2.0 || ^5.0.0"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
     "@zendeskgarden/react-theming": "^9.0.0-next.0"
