@atlaskit/atlassian-navigation/dist/es2019/components/Create/styles.js

A horizontal navigation component for Atlassian apps.

export const getCreateButtonTheme = ({
  mode: {
    create
  }
}) => (current, props) => {
  const {
    buttonStyles,
    spinnerStyles
  } = current(props);
  return {
    buttonStyles: {
      ...buttonStyles,
      ...create.default,
      margin: 0,
      fontWeight: "var(--ds-font-weight-medium, 500)",
      ':hover': create.hover,
      ':focus': create.focus,
      // :active doesn't work in FF, becasue we do a
      // e.preventDefault() on mouse down in Button.
      // '&&' is required to add more CSS specificity
      // && it not a valid CSSObject property
      // @ts-ignore
      '&&': {
        ...(props.state === 'active' && create.active)
      }
    },
    spinnerStyles
  };
};