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

dependabot[bot] · web-flow · commit 2b9aad34f8a3 · 2023-08-04T09:45:17.000+01:00
diff --git a/extensions/ql-vscode/package-lock.json b/extensions/ql-vscode/package-lock.json
diff --git a/extensions/ql-vscode/package.json b/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",
diff --git a/extensions/ql-vscode/src/view/common/Alert.tsx b/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";
diff --git a/extensions/ql-vscode/src/view/common/CodePaths/CodePaths.tsx b/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 {
diff --git a/extensions/ql-vscode/src/view/common/CodePaths/ThreadPath.tsx b/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 {
diff --git a/extensions/ql-vscode/src/view/common/DeterminateProgressRing.tsx b/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;
diff --git a/extensions/ql-vscode/src/view/common/Dropdown.tsx b/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%;
diff --git a/extensions/ql-vscode/src/view/common/FileCodeSnippet/CodeSnippetCode.tsx b/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 {
diff --git a/extensions/ql-vscode/src/view/common/FileCodeSnippet/CodeSnippetLine.tsx b/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,
diff --git a/extensions/ql-vscode/src/view/common/FileCodeSnippet/CodeSnippetMessage.tsx b/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 {
diff --git a/extensions/ql-vscode/src/view/common/FileCodeSnippet/FileCodeSnippet.tsx b/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 {
diff --git a/extensions/ql-vscode/src/view/common/HorizontalSpace.tsx b/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;
diff --git a/extensions/ql-vscode/src/view/common/SectionTitle.tsx b/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;
diff --git a/extensions/ql-vscode/src/view/common/StarCount.tsx b/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`
diff --git a/extensions/ql-vscode/src/view/common/TextButton.tsx b/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";
 
diff --git a/extensions/ql-vscode/src/view/common/VerticalSpace.tsx b/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;
diff --git a/extensions/ql-vscode/src/view/common/ViewTitle.tsx b/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;
diff --git a/extensions/ql-vscode/src/view/common/icon/Codicon.tsx b/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 = {
diff --git a/extensions/ql-vscode/src/view/common/icon/ErrorIcon.tsx b/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)`
diff --git a/extensions/ql-vscode/src/view/common/icon/SuccessIcon.tsx b/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)`
diff --git a/extensions/ql-vscode/src/view/common/icon/WarningIcon.tsx b/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)`
diff --git a/extensions/ql-vscode/src/view/data-extensions-editor/DataExtensionsEditor.tsx b/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";
diff --git a/extensions/ql-vscode/src/view/data-extensions-editor/KindInput.tsx b/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";
 
diff --git a/extensions/ql-vscode/src/view/data-extensions-editor/LibraryRow.tsx b/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";
diff --git a/extensions/ql-vscode/src/view/data-extensions-editor/MethodClassifications.tsx b/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;
diff --git a/extensions/ql-vscode/src/view/data-extensions-editor/MethodRow.tsx b/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";
diff --git a/extensions/ql-vscode/src/view/data-flow-paths/DataFlowPaths.tsx b/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";
diff --git a/extensions/ql-vscode/src/view/variant-analysis/AnalyzedRepoItemContent.tsx b/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,
diff --git a/extensions/ql-vscode/src/view/variant-analysis/LinkIconButton.tsx b/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 {
diff --git a/extensions/ql-vscode/src/view/variant-analysis/QueryDetails.tsx b/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";
 
diff --git a/extensions/ql-vscode/src/view/variant-analysis/RawResultsTable.tsx b/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,
diff --git a/extensions/ql-vscode/src/view/variant-analysis/RepoRow.tsx b/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,
diff --git a/extensions/ql-vscode/src/view/variant-analysis/RepositoriesFilter.tsx b/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";
diff --git a/extensions/ql-vscode/src/view/variant-analysis/RepositoriesSearch.tsx b/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";
 
diff --git a/extensions/ql-vscode/src/view/variant-analysis/RepositoriesSearchSortRow.tsx b/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,
diff --git a/extensions/ql-vscode/src/view/variant-analysis/RepositoriesSort.tsx b/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";
diff --git a/extensions/ql-vscode/src/view/variant-analysis/StatItem.tsx b/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;
diff --git a/extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisActions.tsx b/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";
 
diff --git a/extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisAnalyzedRepos.tsx b/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,
diff --git a/extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisContainer.tsx b/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;
diff --git a/extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisHeader.tsx b/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,
diff --git a/extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisLoading.tsx b/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;
diff --git a/extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisOutcomePanels.tsx b/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,
diff --git a/extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisSkippedRepositoriesTab.tsx b/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";
diff --git a/extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisStats.tsx b/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";
diff --git a/extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisStatusStats.tsx b/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";
