@ddsys/material/src/styles/badge.js

<p> <a href="https://bhp-dev.gitlab.io/dds-digital-design-system/">Read the docs</a> · <a href="mailto:UserExperience@bhpbilliton.com">Request feature</a> </p>

export default function(theme) {
  const { colors, variables } = theme;
  const { common, fonts } = variables;

  return {
    style: {
      display: "inline-block",
      padding: `${common.spacing * 0.25}em ${common.spacing * 0.4}em`,
      fontSize: `${fonts.size.normal * 0.75}rem`,
      fontWeight: fonts.weight.bold,
      lineHeight: fonts.size.normal,
      textAlign: "center",
      whiteSpace: "nowrap",
      verticalAlign: "baseline",
      borderRadius: `${fonts.size.normal * 0.25}rem`,
      height: "auto",
      width: "auto",
      position: "initial",
      color: colors.white
    },
    floating: {
      position: "absolute"
    }
  };
}