NewPanelEdit: Use secondary as the button in the sidebar (#23211)

packages/grafana-ui/src/components/DataLinks/DataLinksInlineEditor/DataLinksInlineEditor.tsx

@@ -100,7 +100,7 @@ export const DataLinksInlineEditor: React.FC<DataLinksInlineEditorProps> = ({ li
       )}
 
       <FullWidthButtonContainer>
-        <Button size="sm" icon="fa fa-plus" onClick={onDataLinkAdd}>
+        <Button size="sm" icon="fa fa-plus" onClick={onDataLinkAdd} variant="secondary">
           Add link
         </Button>
       </FullWidthButtonContainer>

packages/grafana-ui/src/components/ThresholdsEditorNew/ThresholdsEditor.tsx

@@ -198,7 +198,7 @@ export class ThresholdsEditor extends PureComponent<Props, State> {
           return (
             <div className={styles.wrapper}>
               <FullWidthButtonContainer className={styles.addButton}>
-                <Button size="sm" icon="fa fa-plus" onClick={() => this.onAddThreshold()}>
+                <Button size="sm" icon="fa fa-plus" onClick={() => this.onAddThreshold()} variant="secondary">
                   Add threshold
                 </Button>
               </FullWidthButtonContainer>

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

@@ -66,7 +66,13 @@ export const ValueMappingsEditor: React.FC<Props> = ({ valueMappings, onChange,
         </>
       )}
       <FullWidthButtonContainer>
-        <Button size="sm" icon="fa fa-plus" onClick={onAdd} aria-label="ValueMappingsEditor add mapping button">
+        <Button
+          size="sm"
+          icon="fa fa-plus"
+          onClick={onAdd}
+          aria-label="ValueMappingsEditor add mapping button"
+          variant="secondary"
+        >
           Add mapping
         </Button>
       </FullWidthButtonContainer>

public/app/features/dashboard/components/PanelEditor/FieldConfigEditor.tsx

@@ -110,6 +110,7 @@ export const OverrideFieldConfigEditor: React.FC<Props> = props => {
       <ValuePicker
         icon="plus"
         label="Add override"
+        variant="secondary"
         options={fieldMatchersUI
           .list()
           .map<SelectableValue<string>>(i => ({ label: i.name, value: i.id, description: i.description }))}