adding onlyText button variant (#27720)

* adding onlyText button variant

* PR feedback

frontend/src/metabase/core/components/Button/Button.stories.tsx

@@ -26,3 +26,9 @@ export const WithIcon = Template.bind({});
 WithIcon.args = {
   icon: "chevrondown",
 };
+
+export const OnlyText = Template.bind({});
+OnlyText.args = {
+  onlyText: true,
+  children: "Click Me",
+};

frontend/src/metabase/core/components/Button/Button.styled.tsx

@@ -4,6 +4,7 @@ import { alpha, color } from "metabase/lib/colors";
 
 export interface ButtonRootProps {
   purple?: boolean;
+  onlyText?: boolean;
 }
 
 export const ButtonRoot = styled.button<ButtonRootProps>`
@@ -23,6 +24,18 @@ export const ButtonRoot = styled.button<ButtonRootProps>`
         border-color: ${alpha("filter", 0.88)};
       }
     `}
+
+  ${({ onlyText }) =>
+    onlyText &&
+    css`
+      border: none;
+      padding: 0;
+
+      color: ${color("brand")};
+      &:hover {
+        background-color: unset;
+      }
+    `}
 `;
 
 export interface ButtonContentProps {

frontend/src/metabase/core/components/Button/Button.tsx

@@ -65,6 +65,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   borderless?: boolean;
   onlyIcon?: boolean;
   fullWidth?: boolean;
+  onlyText?: boolean;
 }
 
 const BaseButton = forwardRef(function BaseButton(