Merge pull request #412 from Giphy/styled-components-as-peer-dep

@giphy/react-components: styled components as dev/peer dep

.changeset/few-cobras-switch.md

@@ -0,0 +1,7 @@
+---
+'@giphy/react-components': major
+---
+
+styled components is a peer/dev dependency as requested in the [documentation](https://styled-components.com/docs/faqs#i-am-a-library-author.-should-i-bundle-styled-components-with-my-library)
+
+Depending on your package manager, you may need to install peer dependencies

packages/react-components/package.json

@@ -46,6 +46,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "storybook": "^7.1.0",
+        "styled-components": "^6.0.7",
         "ts-loader": "^9.3.1",
         "typescript": "^5.0.4",
         "webpack": "^5.74.0"
@@ -70,7 +71,8 @@
         "access": "public"
     },
     "peerDependencies": {
-        "react": "16.10.2 - 18"
+        "react": "16.10.2 - 18",
+        "styled-components": ">= 5"
     },
     "dependencies": {
         "@giphy/colors": "*",
@@ -80,7 +82,6 @@
         "@giphy/js-util": "*",
         "intersection-observer": "^0.12.2",
         "react-use": "17.4.0",
-        "styled-components": "^6.0.5",
         "throttle-debounce": "^3.0.1"
     }
 }

yarn.lock

@@ -2601,13 +2601,14 @@ __metadata:
     react-dom: ^18.2.0
     react-use: 17.4.0
     storybook: ^7.1.0
-    styled-components: ^6.0.5
+    styled-components: ^6.0.7
     throttle-debounce: ^3.0.1
     ts-loader: ^9.3.1
     typescript: ^5.0.4
     webpack: ^5.74.0
   peerDependencies:
     react: 16.10.2 - 18
+    styled-components: ">= 5"
   languageName: unknown
   linkType: soft
 
@@ -20631,37 +20632,37 @@ __metadata:
   languageName: node
   linkType: hard
 
-"styled-components@npm:^6.0.5":
-  version: 6.0.5
-  resolution: "styled-components@npm:6.0.5"
-  dependencies:
-    "@babel/cli": "npm:^7.21.0"
-    "@babel/core": "npm:^7.21.0"
-    "@babel/helper-module-imports": "npm:^7.18.6"
-    "@babel/plugin-external-helpers": "npm:^7.18.6"
-    "@babel/plugin-proposal-class-properties": "npm:^7.18.6"
-    "@babel/plugin-proposal-object-rest-spread": "npm:^7.20.7"
-    "@babel/preset-env": "npm:^7.20.2"
-    "@babel/preset-react": "npm:^7.18.6"
-    "@babel/preset-typescript": "npm:^7.21.0"
-    "@babel/traverse": "npm:^7.21.2"
-    "@emotion/is-prop-valid": "npm:^1.2.1"
-    "@emotion/unitless": "npm:^0.8.0"
-    "@types/stylis": "npm:^4.0.2"
-    css-to-react-native: "npm:^3.2.0"
-    csstype: "npm:^3.1.2"
-    postcss: "npm:^8.4.23"
-    shallowequal: "npm:^1.1.0"
-    stylis: "npm:^4.3.0"
-    tslib: "npm:^2.5.0"
+"styled-components@npm:^6.0.7":
+  version: 6.0.7
+  resolution: "styled-components@npm:6.0.7"
+  dependencies:
+    "@babel/cli": ^7.21.0
+    "@babel/core": ^7.21.0
+    "@babel/helper-module-imports": ^7.18.6
+    "@babel/plugin-external-helpers": ^7.18.6
+    "@babel/plugin-proposal-class-properties": ^7.18.6
+    "@babel/plugin-proposal-object-rest-spread": ^7.20.7
+    "@babel/preset-env": ^7.20.2
+    "@babel/preset-react": ^7.18.6
+    "@babel/preset-typescript": ^7.21.0
+    "@babel/traverse": ^7.21.2
+    "@emotion/is-prop-valid": ^1.2.1
+    "@emotion/unitless": ^0.8.0
+    "@types/stylis": ^4.0.2
+    css-to-react-native: ^3.2.0
+    csstype: ^3.1.2
+    postcss: ^8.4.23
+    shallowequal: ^1.1.0
+    stylis: ^4.3.0
+    tslib: ^2.5.0
   peerDependencies:
     babel-plugin-styled-components: ">= 2"
     react: ">= 16.8.0"
     react-dom: ">= 16.8.0"
   peerDependenciesMeta:
     babel-plugin-styled-components:
       optional: true
-  checksum: 81cc55bb8cba3e85164b9504ac87a61d9435dccc660851f28b570a343facf90e184c01bf8a816ed0b05e21eec0ae36ba6f50a681dd5737696415e8822225bd5f
+  checksum: 38645f38f145225e456f8f9303f5be1d988180e0e3d84d1f3e1d14fb006c7deb69704745e266d61016616a154938697d011a0bff6eaeb7dd25dbba659e2411f7
   languageName: node
   linkType: hard