Bump styled-components from 5.3.9 to 6.0.2 in /extensions/ql-vscode (#2585)

extensions/ql-vscode/package.json

@@ -1770,7 +1770,7 @@
     "stream": "^0.0.2",
     "stream-chain": "^2.2.4",
     "stream-json": "^1.7.3",
-    "styled-components": "^5.3.3",
+    "styled-components": "^6.0.2",
     "tmp": "^0.1.0",
     "tmp-promise": "^3.0.2",
     "tree-kill": "^1.2.2",

extensions/ql-vscode/src/view/common/Alert.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { ReactNode } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 type ContainerProps = {
   type: "warning" | "error";

extensions/ql-vscode/src/view/common/CodePaths/CodePaths.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { VSCodeLink } from "@vscode/webview-ui-toolkit/react";
 
 import {

extensions/ql-vscode/src/view/common/CodePaths/ThreadPath.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { VSCodeTag } from "@vscode/webview-ui-toolkit/react";
 
 import {

extensions/ql-vscode/src/view/common/DeterminateProgressRing.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 type Props = {
   percent: number;

extensions/ql-vscode/src/view/common/Dropdown.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { ChangeEvent } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 const StyledDropdown = styled.select`
   width: 100%;

extensions/ql-vscode/src/view/common/FileCodeSnippet/CodeSnippetCode.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 import { HighlightedRegion } from "../../../variant-analysis/shared/analysis-result";
 import {

extensions/ql-vscode/src/view/common/FileCodeSnippet/CodeSnippetLine.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 import {
   AnalysisMessage,

extensions/ql-vscode/src/view/common/FileCodeSnippet/CodeSnippetMessage.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { VSCodeLink } from "@vscode/webview-ui-toolkit/react";
 
 import {

extensions/ql-vscode/src/view/common/FileCodeSnippet/FileCodeSnippet.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { VSCodeLink } from "@vscode/webview-ui-toolkit/react";
 
 import {

extensions/ql-vscode/src/view/common/HorizontalSpace.tsx

@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 export const HorizontalSpace = styled.div<{ size: 1 | 2 | 3 }>`
   flex: 0 0 auto;

extensions/ql-vscode/src/view/common/SectionTitle.tsx

@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 export const SectionTitle = styled.h2`
   font-size: medium;

extensions/ql-vscode/src/view/common/StarCount.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { Codicon } from "./icon";
 
 const Star = styled.span`

extensions/ql-vscode/src/view/common/TextButton.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 type Size = "x-small" | "small" | "medium" | "large" | "x-large";
 

extensions/ql-vscode/src/view/common/VerticalSpace.tsx

@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 export const VerticalSpace = styled.div<{ size: 1 | 2 | 3 }>`
   flex: 0 0 auto;

extensions/ql-vscode/src/view/common/ViewTitle.tsx

@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 export const ViewTitle = styled.h1`
   font-size: 2em;

extensions/ql-vscode/src/view/common/icon/Codicon.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import classNames from "classnames";
 
 type Props = {

extensions/ql-vscode/src/view/common/icon/ErrorIcon.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { Codicon } from "./Codicon";
 
 const Icon = styled(Codicon)`

extensions/ql-vscode/src/view/common/icon/SuccessIcon.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { Codicon } from "./Codicon";
 
 const Icon = styled(Codicon)`

extensions/ql-vscode/src/view/common/icon/WarningIcon.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { Codicon } from "./Codicon";
 
 const Icon = styled(Codicon)`

extensions/ql-vscode/src/view/data-extensions-editor/DataExtensionsEditor.tsx

@@ -6,7 +6,7 @@ import {
   VSCodeCheckbox,
   VSCodeTag,
 } from "@vscode/webview-ui-toolkit/react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { ExternalApiUsage } from "../../data-extensions-editor/external-api-usage";
 import { ModeledMethod } from "../../data-extensions-editor/modeled-method";
 import { assertNever } from "../../common/helpers-pure";

extensions/ql-vscode/src/view/data-extensions-editor/KindInput.tsx

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { ChangeEvent, useCallback, useEffect, useMemo } from "react";
-
 import type { ModeledMethod } from "../../data-extensions-editor/modeled-method";
 import { Dropdown } from "../common/Dropdown";
 

extensions/ql-vscode/src/view/data-extensions-editor/LibraryRow.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useCallback, useMemo, useState } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { ExternalApiUsage } from "../../data-extensions-editor/external-api-usage";
 import { ModeledMethod } from "../../data-extensions-editor/modeled-method";
 import { ModeledMethodDataGrid } from "./ModeledMethodDataGrid";

extensions/ql-vscode/src/view/data-extensions-editor/MethodClassifications.tsx

@@ -5,7 +5,7 @@ import {
   ExternalApiUsage,
 } from "../../data-extensions-editor/external-api-usage";
 import { VSCodeTag } from "@vscode/webview-ui-toolkit/react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 const ClassificationsContainer = styled.div`
   display: inline-flex;

extensions/ql-vscode/src/view/data-extensions-editor/MethodRow.tsx

@@ -5,7 +5,7 @@ import {
 } from "@vscode/webview-ui-toolkit/react";
 import * as React from "react";
 import { ChangeEvent, useCallback, useMemo } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { vscode } from "../vscode-api";
 
 import { ExternalApiUsage } from "../../data-extensions-editor/external-api-usage";

extensions/ql-vscode/src/view/data-flow-paths/DataFlowPaths.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { useState } from "react";
 
 import { useTelemetryOnChange } from "../common/telemetry";

extensions/ql-vscode/src/view/variant-analysis/AnalyzedRepoItemContent.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import {
   AnalysisAlert,
   AnalysisRawResults,

extensions/ql-vscode/src/view/variant-analysis/LinkIconButton.tsx

@@ -1,5 +1,5 @@
 import { VSCodeLink } from "@vscode/webview-ui-toolkit/react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 export const LinkIconButton = styled(VSCodeLink)`
   .codicon {

extensions/ql-vscode/src/view/variant-analysis/QueryDetails.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { ViewTitle } from "../common";
 import { LinkIconButton } from "./LinkIconButton";
 

extensions/ql-vscode/src/view/variant-analysis/RawResultsTable.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useState } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { VSCodeLink } from "@vscode/webview-ui-toolkit/react";
 import {
   CellValue,

extensions/ql-vscode/src/view/variant-analysis/RepoRow.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { ChangeEvent, useCallback, useEffect, useState } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { VSCodeBadge, VSCodeCheckbox } from "@vscode/webview-ui-toolkit/react";
 import {
   isCompletedAnalysisRepoStatus,

extensions/ql-vscode/src/view/variant-analysis/RepositoriesFilter.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useCallback } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { VSCodeDropdown, VSCodeOption } from "@vscode/webview-ui-toolkit/react";
 import { Codicon } from "../common";
 import { FilterKey } from "../../variant-analysis/shared/variant-analysis-filter-sort";

extensions/ql-vscode/src/view/variant-analysis/RepositoriesSearch.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useCallback } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { VSCodeTextField } from "@vscode/webview-ui-toolkit/react";
 import { Codicon } from "../common";
 

extensions/ql-vscode/src/view/variant-analysis/RepositoriesSearchSortRow.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Dispatch, SetStateAction, useCallback } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import {
   FilterKey,
   RepositoriesFilterSortState,

extensions/ql-vscode/src/view/variant-analysis/RepositoriesSort.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useCallback } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { VSCodeDropdown, VSCodeOption } from "@vscode/webview-ui-toolkit/react";
 import { SortKey } from "../../variant-analysis/shared/variant-analysis-filter-sort";
 import { Codicon } from "../common";

extensions/ql-vscode/src/view/variant-analysis/StatItem.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { ReactNode } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 type Props = {
   title: ReactNode;

extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisActions.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { VSCodeButton } from "@vscode/webview-ui-toolkit/react";
 import { VariantAnalysisStatus } from "../../variant-analysis/shared/variant-analysis";
 

extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisAnalyzedRepos.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Dispatch, SetStateAction, useCallback, useMemo } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { RepoRow } from "./RepoRow";
 import {
   VariantAnalysis,

extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisContainer.tsx

@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 export const VariantAnalysisContainer = styled.div`
   max-width: 55em;

extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisHeader.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useMemo } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import {
   getSkippedRepoCount,
   getTotalResultCount,

extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisLoading.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 
 const Container = styled.div`
   display: flex;

extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisOutcomePanels.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Dispatch, SetStateAction } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import {
   VSCodeBadge,
   VSCodePanels,

extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisSkippedRepositoriesTab.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useMemo } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { VariantAnalysisSkippedRepositoryGroup } from "../../variant-analysis/shared/variant-analysis";
 import { Alert } from "../common";
 import { RepoRow } from "./RepoRow";

extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisStats.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useMemo } from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { VariantAnalysisStatus } from "../../variant-analysis/shared/variant-analysis";
 import { StatItem } from "./StatItem";
 import { formatDecimal } from "../../common/number";

extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisStatusStats.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { VSCodeLink } from "@vscode/webview-ui-toolkit/react";
 import { formatDate } from "../../common/date";
 import { VariantAnalysisStatus } from "../../variant-analysis/shared/variant-analysis";