Stat/BarGauge: Border radius tweak (#112562)

* Stat/BarGauge: Border radius tweak

* Fix lint

packages/grafana-ui/src/components/BarGauge/BarGauge.tsx

@@ -147,7 +147,6 @@ export class BarGauge extends PureComponent<Props> {
       lcdCellWidth,
       text,
       valueDisplayMode,
-      theme,
       isOverflow,
     } = this.props;
     const { valueHeight, valueWidth, maxBarHeight, maxBarWidth, wrapperWidth, wrapperHeight } =
@@ -195,7 +194,7 @@ export class BarGauge extends PureComponent<Props> {
       const currentValue = minValue + (valueRange / cellCount) * i;
       const cellColor = getCellColor(currentValue, value, display);
       const cellStyles: CSSProperties = {
-        borderRadius: theme.shape.radius.default,
+        borderRadius: '2px',
       };
 
       if (cellColor.isLit) {
@@ -525,7 +524,7 @@ export function getBasicAndGradientStyles(props: Props): BasicAndGradientStyles
   };
 
   const barStyles: CSSProperties = {
-    borderRadius: theme.shape.radius.default,
+    borderRadius: theme.shape.radius.sm,
     position: 'relative',
   };
 
@@ -533,7 +532,7 @@ export function getBasicAndGradientStyles(props: Props): BasicAndGradientStyles
     background: theme.colors.background.secondary,
     flexGrow: 1,
     display: 'flex',
-    borderRadius: theme.shape.radius.default,
+    borderRadius: theme.shape.radius.sm,
     position: 'relative',
   };
 

packages/grafana-ui/src/components/BigValue/BigValueLayout.tsx

@@ -198,7 +198,6 @@ export abstract class BigValueLayout {
       width: `${width}px`,
       height: `${height}px`,
       padding: `${textMode === BigValueTextMode.None ? 2 : this.panelPadding}px`,
-      borderRadius: theme.shape.radius.default,
       position: 'relative',
       display: 'flex',
     };