@mantine/core/esm/theme/utils/get-focus-styles/get-focus-styles.js

React components library focused on usability, accessibility and developer experience

function getFocusStyles(theme) {
  return {
    WebkitTapHighlightColor: "transparent",
    "&:focus": {
      outline: "none",
      boxShadow: `0 0 0 2px ${theme.colorScheme === "dark" ? theme.colors.dark[9] : theme.white}, 0 0 0 4px ${theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 7 : 5]}`
    },
    "&:focus:not(:focus-visible)": {
      boxShadow: "none"
    }
  };
}

export { getFocusStyles };
//# sourceMappingURL=get-focus-styles.js.map