fix(mantine): fix action icon style

packages/mantine/src/components/buttons/clone/index.tsx

@@ -7,7 +7,6 @@ import {
 import { ActionIcon, Anchor, Button } from "@mantine/core";
 import { IconSquarePlus } from "@tabler/icons-react";
 
-import { mapButtonVariantToActionIconVariant } from "@definitions/button";
 import type { CloneButtonProps } from "../types";
 
 /**
@@ -62,7 +61,7 @@ export const CloneButton: React.FC<CloneButtonProps> = ({
           disabled={disabled}
           title={title}
           aria-label={label}
-          variant={mapButtonVariantToActionIconVariant(variant, "default")}
+          variant={variant || "default"}
           data-testid={RefineButtonTestIds.CloneButton}
           className={RefineButtonClassNames.CloneButton}
           {...commonProps}

packages/mantine/src/components/buttons/create/index.tsx

@@ -7,7 +7,6 @@ import {
 import { ActionIcon, Anchor, Button } from "@mantine/core";
 import { IconSquarePlus } from "@tabler/icons-react";
 
-import { mapButtonVariantToActionIconVariant } from "@definitions/button";
 import type { CreateButtonProps } from "../types";
 
 export const CreateButton: React.FC<CreateButtonProps> = ({
@@ -54,7 +53,7 @@ export const CreateButton: React.FC<CreateButtonProps> = ({
           title={title}
           disabled={disabled}
           aria-label={label}
-          variant={mapButtonVariantToActionIconVariant(variant, "default")}
+          variant={variant || "default"}
           data-testid={RefineButtonTestIds.CreateButton}
           className={RefineButtonClassNames.CreateButton}
           {...commonProps}

packages/mantine/src/components/buttons/delete/index.tsx

@@ -7,7 +7,6 @@ import {
 import { Group, Text, Button, Popover, ActionIcon } from "@mantine/core";
 import { IconTrash } from "@tabler/icons-react";
 
-import { mapButtonVariantToActionIconVariant } from "@definitions/button";
 import type { DeleteButtonProps } from "../types";
 
 /**
@@ -109,7 +108,7 @@ export const DeleteButton: React.FC<DeleteButtonProps> = ({
             loading={loading}
             data-testid={RefineButtonTestIds.DeleteButton}
             className={RefineButtonClassNames.DeleteButton}
-            variant={mapButtonVariantToActionIconVariant(variant, "outline")}
+            variant={variant || "default"}
             {...commonProps}
           >
             <IconTrash size={18} {...svgIconProps} />

packages/mantine/src/components/buttons/edit/index.tsx

@@ -7,7 +7,6 @@ import {
 import { ActionIcon, Anchor, Button } from "@mantine/core";
 import { IconPencil } from "@tabler/icons-react";
 
-import { mapButtonVariantToActionIconVariant } from "@definitions/button";
 import type { EditButtonProps } from "../types";
 
 /**
@@ -63,7 +62,7 @@ export const EditButton: React.FC<EditButtonProps> = ({
           aria-label={label}
           data-testid={RefineButtonTestIds.EditButton}
           className={RefineButtonClassNames.EditButton}
-          variant={mapButtonVariantToActionIconVariant(variant, "default")}
+          variant={variant || "default"}
           {...commonProps}
         >
           <IconPencil size={18} {...svgIconProps} />

packages/mantine/src/components/buttons/export/index.tsx

@@ -7,7 +7,6 @@ import {
 import { ActionIcon, Button } from "@mantine/core";
 import { IconFileExport } from "@tabler/icons-react";
 
-import { mapButtonVariantToActionIconVariant } from "@definitions/button";
 import type { ExportButtonProps } from "../types";
 
 /**
@@ -30,7 +29,7 @@ export const ExportButton: React.FC<ExportButtonProps> = ({
   return hideText ? (
     <ActionIcon
       size="md"
-      variant={mapButtonVariantToActionIconVariant(variant, "default")}
+      variant={variant || "default"}
       loading={loading}
       aria-label={label}
       data-testid={RefineButtonTestIds.ExportButton}

packages/mantine/src/components/buttons/import/index.tsx

@@ -7,7 +7,6 @@ import {
 import { ActionIcon, Button } from "@mantine/core";
 import { IconFileImport } from "@tabler/icons-react";
 
-import { mapButtonVariantToActionIconVariant } from "@definitions/button";
 import type { ImportButtonProps } from "../types";
 
 /**
@@ -33,7 +32,7 @@ export const ImportButton: React.FC<ImportButtonProps> = ({
       <input {...inputProps} multiple hidden />
       {hideText ? (
         <ActionIcon
-          variant={mapButtonVariantToActionIconVariant(variant, "default")}
+          variant={variant || "default"}
           aria-label={label}
           component="span"
           loading={loading}

packages/mantine/src/components/buttons/list/index.tsx

@@ -7,7 +7,6 @@ import {
 import { ActionIcon, Anchor, Button } from "@mantine/core";
 import { IconList } from "@tabler/icons-react";
 
-import { mapButtonVariantToActionIconVariant } from "@definitions/button";
 import type { ListButtonProps } from "../types";
 
 /**
@@ -56,7 +55,7 @@ export const ListButton: React.FC<ListButtonProps> = ({
     >
       {hideText ? (
         <ActionIcon
-          variant={mapButtonVariantToActionIconVariant(variant, "default")}
+          variant={variant || "default"}
           disabled={disabled}
           title={title}
           data-testid={RefineButtonTestIds.ListButton}

packages/mantine/src/components/buttons/refresh/index.tsx

@@ -7,7 +7,6 @@ import {
 import { ActionIcon, Button } from "@mantine/core";
 import { IconRefresh } from "@tabler/icons-react";
 
-import { mapButtonVariantToActionIconVariant } from "@definitions/button";
 import type { RefreshButtonProps } from "../types";
 
 /**
@@ -48,7 +47,7 @@ export const RefreshButton: React.FC<RefreshButtonProps> = ({
       aria-label={label}
       data-testid={RefineButtonTestIds.RefreshButton}
       className={RefineButtonClassNames.RefreshButton}
-      variant={mapButtonVariantToActionIconVariant(variant, "default")}
+      variant={variant || "default"}
       {...commonProps}
     >
       <IconRefresh size={18} {...svgIconProps} />

packages/mantine/src/components/buttons/save/index.tsx

@@ -7,7 +7,6 @@ import {
 import { ActionIcon, Button } from "@mantine/core";
 import { IconDeviceFloppy } from "@tabler/icons-react";
 
-import { mapButtonVariantToActionIconVariant } from "@definitions/button";
 import type { SaveButtonProps } from "../types";
 
 /**
@@ -28,7 +27,7 @@ export const SaveButton: React.FC<SaveButtonProps> = ({
 
   return hideText ? (
     <ActionIcon
-      variant={mapButtonVariantToActionIconVariant(variant, "filled")}
+      variant={variant || "default"}
       aria-label={label}
       data-testid={RefineButtonTestIds.SaveButton}
       className={RefineButtonClassNames.SaveButton}

packages/mantine/src/components/buttons/show/index.tsx

@@ -7,7 +7,6 @@ import {
 import { ActionIcon, Anchor, Button } from "@mantine/core";
 import { IconEye } from "@tabler/icons-react";
 
-import { mapButtonVariantToActionIconVariant } from "@definitions/button";
 import type { ShowButtonProps } from "../types";
 
 /**
@@ -58,7 +57,7 @@ export const ShowButton: React.FC<ShowButtonProps> = ({
     >
       {hideText ? (
         <ActionIcon
-          variant={mapButtonVariantToActionIconVariant(variant, "default")}
+          variant={variant || "default"}
           disabled={disabled}
           title={title}
           data-testid={RefineButtonTestIds.ShowButton}

packages/mantine/src/components/crud/create/index.tsx

@@ -57,11 +57,7 @@ export const Create: React.FC<CreateProps> = (props) => {
       : breadcrumbFromProps;
 
   const breadcrumbComponent =
-    typeof breadcrumb !== "undefined" ? (
-      <>{breadcrumb}</> ?? undefined
-    ) : (
-      <Breadcrumb />
-    );
+    typeof breadcrumb !== "undefined" ? <>{breadcrumb}</> : <Breadcrumb />;
 
   const saveButtonProps: SaveButtonProps = {
     ...(isLoading ? { disabled: true } : {}),
@@ -73,8 +69,9 @@ export const Create: React.FC<CreateProps> = (props) => {
   const defaultFooterButtons = <SaveButton {...saveButtonProps} />;
 
   const buttonBack =
-    goBackFromProps === (false || null) ? null : (
+    goBackFromProps === false || goBackFromProps === null ? null : (
       <ActionIcon
+        variant="subtle"
         onClick={
           action !== "list" || typeof action !== "undefined"
             ? routerType === "legacy"
@@ -111,7 +108,7 @@ export const Create: React.FC<CreateProps> = (props) => {
   return (
     <Card p="md" {...wrapperProps}>
       <LoadingOverlay visible={loadingOverlayVisible} />
-      <Group {...headerProps}>
+      <Group justify="space-between" {...headerProps}>
         <Stack gap="xs">
           {breadcrumbComponent}
           <Group gap="xs">

packages/mantine/src/components/crud/edit/index.tsx

@@ -99,11 +99,7 @@ export const Edit: React.FC<EditProps> = (props) => {
       deleteButtonPropsFromProps);
 
   const breadcrumbComponent =
-    typeof breadcrumb !== "undefined" ? (
-      <>{breadcrumb}</> ?? undefined
-    ) : (
-      <Breadcrumb />
-    );
+    typeof breadcrumb !== "undefined" ? <>{breadcrumb}</> : <Breadcrumb />;
 
   const loadingOverlayVisible =
     isLoading ?? saveButtonPropsFromProps?.disabled ?? false;
@@ -163,6 +159,7 @@ export const Edit: React.FC<EditProps> = (props) => {
   const buttonBack =
     goBackFromProps === false || goBackFromProps === null ? null : (
       <ActionIcon
+        variant="subtle"
         onClick={
           action !== "list" && typeof action !== "undefined"
             ? routerType === "legacy"

packages/mantine/src/components/crud/list/index.tsx

@@ -58,11 +58,7 @@ export const List: React.FC<ListProps> = (props) => {
   ) : null;
 
   const breadcrumbComponent =
-    typeof breadcrumb !== "undefined" ? (
-      <>{breadcrumb}</> ?? undefined
-    ) : (
-      <Breadcrumb />
-    );
+    typeof breadcrumb !== "undefined" ? <>{breadcrumb}</> : <Breadcrumb />;
 
   const headerButtons = headerButtonsFromProps
     ? typeof headerButtonsFromProps === "function"

packages/mantine/src/components/crud/show/index.tsx

@@ -86,11 +86,7 @@ export const Show: React.FC<ShowProps> = (props) => {
       : breadcrumbFromProps;
 
   const breadcrumbComponent =
-    typeof breadcrumb !== "undefined" ? (
-      <>{breadcrumb}</> ?? undefined
-    ) : (
-      <Breadcrumb />
-    );
+    typeof breadcrumb !== "undefined" ? <>{breadcrumb}</> : <Breadcrumb />;
 
   const hasList = resource?.list && !recordItemId;
   const isDeleteButtonVisible =
@@ -146,8 +142,9 @@ export const Show: React.FC<ShowProps> = (props) => {
   );
 
   const buttonBack =
-    goBackFromProps === (false || null) ? null : (
+    goBackFromProps === false || goBackFromProps === null ? null : (
       <ActionIcon
+        variant="subtle"
         onClick={
           action !== "list" && typeof action !== "undefined"
             ? routerType === "legacy"

packages/mantine/src/index.tsx

@@ -2,5 +2,4 @@ export * from "./components/index.js";
 export * from "./providers/index.js";
 export * from "./hooks/index.js";
 export * from "./theme/index.js";
-export * from "./definitions/index.js";
 export * from "./contexts/index.js";