@geezee/react-ui/esm/card/styles.js

Modern and minimalist React UI library.

import _extends from "@babel/runtime/helpers/esm/extends";
export var getStyles = function getStyles(color, palette, variant, hoverable) {
  var customColor = color;
  var solidColors = {
    "default": {
      color: palette.cNeutral7,
      bgColor: palette.cNeutral8,
      hoverBgColor: palette.cNeutral0
    },
    primary: {
      color: palette.cNeutral7,
      bgColor: palette.cTheme0,
      hoverBgColor: palette.cTheme1
    },
    success: {
      color: palette.cNeutral7,
      bgColor: palette.successLight,
      hoverBgColor: palette.success
    },
    warning: {
      color: palette.cNeutral7,
      bgColor: palette.warningLight,
      hoverBgColor: palette.warning
    },
    error: {
      color: palette.cNeutral7,
      bgColor: palette.errorLight,
      hoverBgColor: palette.error
    }
  };
  var lineColors = {
    "default": {
      color: palette.cNeutral7,
      borderColor: palette.cNeutral3,
      hoverBorderColor: palette.cNeutral4
    },
    primary: {
      color: palette.cNeutral7,
      borderColor: palette.cTheme0,
      hoverBorderColor: palette.cTheme5
    },
    success: {
      color: palette.cNeutral7,
      borderColor: palette.successLight,
      hoverBorderColor: palette.success
    },
    warning: {
      color: palette.cNeutral7,
      borderColor: palette.warningLight,
      hoverBorderColor: palette.warning
    },
    error: {
      color: palette.cNeutral7,
      borderColor: palette.errorLight,
      hoverBorderColor: palette.error
    }
  };

  if (variant === 'solid') {
    return _extends(_extends({}, solidColors[customColor]), {}, {
      hoverBgColor: hoverable ? solidColors[customColor].hoverBgColor : solidColors[customColor].bgColor,
      borderColor: 'transparent',
      hoverBorderColor: 'transparent'
    });
  } else {
    return _extends(_extends({}, lineColors[customColor]), {}, {
      hoverBorderColor: hoverable ? lineColors[customColor].hoverBorderColor : lineColors[customColor].borderColor,
      bgColor: palette.cNeutral8,
      hoverBgColor: palette.cNeutral8
    });
  }
};