From eee2650c392af455dfe300d0259dc7a76578b267 Mon Sep 17 00:00:00 2001 From: Chris Klimas Date: Thu, 27 Jun 2024 23:16:16 -0400 Subject: [PATCH] Update react-tabs to v4 --- package-lock.json | 10 +++++----- package.json | 2 +- src/components/route-toolbar/route-toolbar.css | 4 ++++ 3 files changed, 10 insertions(+), 6 deletions(-) diff --git a/package-lock.json b/package-lock.json index 7d65be9db..b32bad978 100644 --- a/package-lock.json +++ b/package-lock.json @@ -40,7 +40,7 @@ "react-popper": "^2.2.4", "react-router-dom": "^5.2.0", "react-scrollbar-size": "^3.2.0", - "react-tabs": "^3.2.3", + "react-tabs": "^4.3.0", "react-transition-group": "^4.4.1", "scroll": "^3.0.1", "segseg": "^1.0.0", @@ -17449,15 +17449,15 @@ } }, "node_modules/react-tabs": { - "version": "3.2.3", - "resolved": "https://registry.npmjs.org/react-tabs/-/react-tabs-3.2.3.tgz", - "integrity": "sha512-jx325RhRVnS9DdFbeF511z0T0WEqEoMl1uCE3LoZ6VaZZm7ytatxbum0B8bCTmaiV0KsU+4TtLGTGevCic7SWg==", + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/react-tabs/-/react-tabs-4.3.0.tgz", + "integrity": "sha512-2GfoG+f41kiBIIyd3gF+/GRCCYtamC8/2zlAcD8cqQmqI9Q+YVz7fJLHMmU9pXDVYYHpJeCgUSBJju85vu5q8Q==", "dependencies": { "clsx": "^1.1.0", "prop-types": "^15.5.0" }, "peerDependencies": { - "react": "^16.3.0 || ^17.0.0-0" + "react": "^16.8.0 || ^17.0.0-0 || ^18.0.0" } }, "node_modules/react-transition-group": { diff --git a/package.json b/package.json index 09c5bbd56..98a10e441 100644 --- a/package.json +++ b/package.json @@ -45,7 +45,7 @@ "react-popper": "^2.2.4", "react-router-dom": "^5.2.0", "react-scrollbar-size": "^3.2.0", - "react-tabs": "^3.2.3", + "react-tabs": "^4.3.0", "react-transition-group": "^4.4.1", "scroll": "^3.0.1", "segseg": "^1.0.0", diff --git a/src/components/route-toolbar/route-toolbar.css b/src/components/route-toolbar/route-toolbar.css index 5ce47d493..2be24c2b6 100644 --- a/src/components/route-toolbar/route-toolbar.css +++ b/src/components/route-toolbar/route-toolbar.css @@ -44,6 +44,10 @@ transition: background 0.3s; } +.route-toolbar .route-toolbar-tab:focus { + outline: none; +} + .route-toolbar .route-toolbar-tab:hover { background: var(--light-gray-translucent); }