From d473fa3977cb10f518ab8570a329e52245e122dc Mon Sep 17 00:00:00 2001
From: Laura Benz <48948963+L-M-K-B@users.noreply.github.com>
Date: Thu, 30 Mar 2023 09:20:11 +0200
Subject: [PATCH] Design System: Set border radius to
 theme.shape.radius.default (#65511)

* refactor: replace by default token

* refactor: remove helper

* refactor: use pill token
---
 public/app/features/explore/ExploreDrawer.tsx                   | 2 +-
 public/app/features/explore/NoData.tsx                          | 2 +-
 public/app/features/explore/TraceView/TraceViewContainer.tsx    | 2 +-
 .../TraceView/components/TracePageHeader/TracePageSearchBar.tsx | 2 +-
 public/app/features/logs/components/getLogRowStyles.ts          | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/app/features/explore/ExploreDrawer.tsx b/public/app/features/explore/ExploreDrawer.tsx
index 062ae7ac258..1018a13dde9 100644
--- a/public/app/features/explore/ExploreDrawer.tsx
+++ b/public/app/features/explore/ExploreDrawer.tsx
@@ -43,7 +43,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme2) => {
       left: calc(50% - 100px) !important;
       top: -4px !important;
       cursor: grab;
-      border-radius: 4px;
+      border-radius: ${theme.shape.radius.pill};
       &:hover {
         background: ${theme.colors.secondary.shade};
       }
diff --git a/public/app/features/explore/NoData.tsx b/public/app/features/explore/NoData.tsx
index 67d56ecfd6f..7c5182851dd 100644
--- a/public/app/features/explore/NoData.tsx
+++ b/public/app/features/explore/NoData.tsx
@@ -20,7 +20,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
     label: no-data-card;
     padding: ${theme.spacing(3)};
     background: ${theme.colors.background.primary};
-    border-radius: ${theme.shape.borderRadius()};
+    border-radius: ${theme.shape.radius.default};
     display: flex;
     flex-direction: column;
     align-items: center;
diff --git a/public/app/features/explore/TraceView/TraceViewContainer.tsx b/public/app/features/explore/TraceView/TraceViewContainer.tsx
index e98db69fcb7..feb8df59faf 100644
--- a/public/app/features/explore/TraceView/TraceViewContainer.tsx
+++ b/public/app/features/explore/TraceView/TraceViewContainer.tsx
@@ -28,7 +28,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
     background-color: ${theme.colors.background.primary};
     border: 1px solid ${theme.colors.border.medium};
     position: relative;
-    border-radius: ${theme.shape.borderRadius()};
+    border-radius: ${theme.shape.radius.default};
     width: 100%;
     display: flex;
     flex-direction: column;
diff --git a/public/app/features/explore/TraceView/components/TracePageHeader/TracePageSearchBar.tsx b/public/app/features/explore/TraceView/components/TracePageHeader/TracePageSearchBar.tsx
index 93951b96bfd..4a488b6bee0 100644
--- a/public/app/features/explore/TraceView/components/TracePageHeader/TracePageSearchBar.tsx
+++ b/public/app/features/explore/TraceView/components/TracePageHeader/TracePageSearchBar.tsx
@@ -38,7 +38,7 @@ export const getStyles = (theme: GrafanaTheme2) => {
       margin-bottom: -48px;
       padding: 8px;
       margin-right: 2px;
-      border-radius: ${theme.shape.borderRadius()};
+      border-radius: ${theme.shape.radius.default};
       box-shadow: ${theme.shadows.z2};
     `,
     TracePageSearchBarBar: css`
diff --git a/public/app/features/logs/components/getLogRowStyles.ts b/public/app/features/logs/components/getLogRowStyles.ts
index 2f383218cf4..18869f02a43 100644
--- a/public/app/features/logs/components/getLogRowStyles.ts
+++ b/public/app/features/logs/components/getLogRowStyles.ts
@@ -144,7 +144,7 @@ export const getLogRowStyles = memoizeOne((theme: GrafanaTheme2) => {
       label: logs-row-details-table;
       border: 1px solid ${theme.colors.border.medium};
       padding: 0 ${theme.spacing(1)} ${theme.spacing(1)};
-      border-radius: ${theme.shape.borderRadius()};
+      border-radius: ${theme.shape.radius.default};
       margin: ${theme.spacing(2.5)} ${theme.spacing(1)} ${theme.spacing(2.5)} ${theme.spacing(2)};
       cursor: default;
     `,