Bump deps (#768)

* Bump deps

* Fix build

package.json

@@ -33,15 +33,15 @@
     "test:one": "polkadot-dev-run-test --env browser"
   },
   "devDependencies": {
-    "@polkadot/dev": "^0.75.19",
+    "@polkadot/dev": "^0.75.26",
     "@polkadot/x-bundle": "^12.3.2",
-    "@types/node": "^20.2.5",
+    "@types/node": "^20.4.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
-    "react-native": "^0.71.10"
+    "react-native": "^0.71.12"
   },
   "resolutions": {
-    "typescript": "^5.1.3"
+    "typescript": "^5.1.6"
   }
 }

packages/react-identicon/package.json

@@ -29,13 +29,12 @@
     "ethereum-blockies-base64": "^1.0.2",
     "jdenticon": "3.2.0",
     "react-copy-to-clipboard": "^5.1.0",
-    "styled-components": "^5.3.11",
-    "tslib": "^2.5.3"
+    "styled-components": "^6.0.2",
+    "tslib": "^2.6.0"
   },
   "devDependencies": {
     "@types/react-copy-to-clipboard": "^5.0.4",
-    "@types/react-dom": "^18.2.4",
-    "@types/styled-components": "^5.1.26",
+    "@types/react-dom": "^18.2.6",
     "xmlserializer": "^0.6.1"
   },
   "peerDependencies": {

packages/react-identicon/src/icons/Ethereum.tsx

@@ -28,7 +28,7 @@ function Identicon ({ address, className = '', size, style = {} }: Props): React
   );
 }
 
-const StyledImg = styled.img(({ size }: ImgProps) => `
+const StyledImg = styled.img<ImgProps>(({ size }) => `
   display: block;
   height: ${size}px;
   width: ${size}px;

packages/react-identicon/src/styled.ts

@@ -1,16 +1,4 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { StyledInterface } from 'styled-components';
-
-import styledComponents from 'styled-components';
-
-// In styled-components v6, there is a named export which can be used
-// directly, i.e. "import { styled } from ..." with no more magic. Until
-// such time the cjs vs esm import here is problematic, so we hack around
-// the various shapes below
-export const styled = (
-  (styledComponents as unknown as { styled: StyledInterface }).styled ||
-  (styledComponents as unknown as { default: StyledInterface }).default ||
-  styledComponents as unknown as StyledInterface
-);
+export { styled } from 'styled-components';

packages/react-qr/package.json

@@ -26,12 +26,11 @@
     "@polkadot/util-crypto": "^12.3.2",
     "qrcode-generator": "^1.4.4",
     "react-qr-reader": "^2.2.1",
-    "styled-components": "^5.3.11",
-    "tslib": "^2.5.3"
+    "styled-components": "^6.0.2",
+    "tslib": "^2.6.0"
   },
   "devDependencies": {
-    "@types/react-qr-reader": "^2.1.4",
-    "@types/styled-components": "^5.1.26"
+    "@types/react-qr-reader": "^2.1.4"
   },
   "peerDependencies": {
     "@polkadot/util": "*",

packages/react-qr/src/styled.ts

@@ -1,16 +1,4 @@
 // Copyright 2017-2023 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { StyledInterface } from 'styled-components';
-
-import styledComponents from 'styled-components';
-
-// In styled-components v6, there is a named export which can be used
-// directly, i.e. "import { styled } from ..." with no more magic. Until
-// such time the cjs vs esm import here is problematic, so we hack around
-// the various shapes below
-export const styled = (
-  (styledComponents as unknown as { styled: StyledInterface }).styled ||
-  (styledComponents as unknown as { default: StyledInterface }).default ||
-  styledComponents as unknown as StyledInterface
-);
+export { styled } from 'styled-components';

packages/reactnative-identicon/package.json

@@ -25,7 +25,7 @@
     "@polkadot/util": "^12.3.2",
     "@polkadot/util-crypto": "^12.3.2",
     "react-native-svg": "^12.5.1",
-    "tslib": "^2.5.3"
+    "tslib": "^2.6.0"
   },
   "devDependencies": {
     "@types/react-native": "^0.72.2"

packages/ui-keyring/package.json

@@ -27,7 +27,7 @@
     "mkdirp": "^3.0.1",
     "rxjs": "^7.8.1",
     "store": "^2.0.12",
-    "tslib": "^2.5.3"
+    "tslib": "^2.6.0"
   },
   "devDependencies": {
     "@types/mkdirp": "^2.0.0",

packages/ui-settings/package.json

@@ -25,7 +25,7 @@
     "@polkadot/util": "^12.3.2",
     "eventemitter3": "^5.0.1",
     "store": "^2.0.12",
-    "tslib": "^2.5.3"
+    "tslib": "^2.6.0"
   },
   "devDependencies": {
     "@types/store": "^2.0.2"

packages/ui-shared/package.json

@@ -22,7 +22,7 @@
   "main": "index.js",
   "dependencies": {
     "colord": "^2.9.3",
-    "tslib": "^2.5.3"
+    "tslib": "^2.6.0"
   },
   "devDependencies": {
     "@polkadot/util": "^12.3.2",

packages/vue-identicon/package.json

@@ -25,7 +25,7 @@
     "@polkadot/util": "^12.3.2",
     "@polkadot/util-crypto": "^12.3.2",
     "jdenticon": "3.2.0",
-    "tslib": "^2.5.3"
+    "tslib": "^2.6.0"
   },
   "devDependencies": {
     "vue": "^2.7.14"