@gzup/macaw-ui-4/src/IconButton/partials.ts

Gzup's UI component library

import type { SaleorThemeColors } from "..";

// Extracting it to separate file to avoid circular imports
export function getSecondaryButtonStyles(colors: SaleorThemeColors) {
  return {
    "&:hover, &.Mui-focusVisible, &$hover, &$active": {
      color: colors.active[1],
    },
    "&:disabled": {
      color: colors.disabled,
    },
    background: "transparent",
    borderRadius: 4,
    color: colors.main[3],
    padding: 8,
    transition: "200ms",
  };
}