design-system-govbr-rnp/dist/components/Avatar/styles.js

## Padrão Digital de Governo - React Biblioteca de componentes React que implementa o [Padrão Visual digital do governo](https://www.gov.br/ds/). O objetivo da biblioteca é facilitar a implementação e promover a padronização das interfaces de sistemas do

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.AvatarLetterContainer = exports.AvatarLetter = exports.AvatarImageTag = exports.AvatarImageContainer = exports.AvatarIcon = exports.AvatarContainer = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _reactFontawesome = require("@fortawesome/react-fontawesome");
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var appliesIconSize = function appliesIconSize(size) {
  switch (size) {
    case "small":
      return {
        fontSize: "var(--icon-size-2x)"
      };
    case "medium":
      return {
        fontSize: "var(--icon-size-5x)"
      };
    case "large":
      return {
        fontSize: "var(--icon-size-8x)"
      };
    default:
      return {
        fontSize: "var(--icon-size-2x)"
      };
  }
};
var aplliesHeight = function aplliesHeight(size) {
  switch (size) {
    case "small":
      return {
        height: "40px",
        width: "40px"
      };
    case "medium":
      return {
        height: "100px",
        width: "100px"
      };
    case "large":
      return {
        height: "160px",
        width: "160px"
      };
    default:
      return {
        height: "40px",
        width: "40px"
      };
  }
};
var appliesLetterStyle = function appliesLetterStyle(props) {
  switch (props.size) {
    case "small":
      return {
        fontSize: "var(--font-size-scale-up-03)"
      };
    case "medium":
      return {
        fontSize: "var(--font-size-scale-up-07)"
      };
    case "large":
      return {
        fontSize: "var(--font-size-scale-up-11)"
      };
    default:
      return {
        paddingBotom: "var(--spacing-scale-base)",
        fontSize: "var(--font-size-scale-up-03)"
      };
  }
};
var AvatarContainer = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: middle;\n  ", "\n"])), function (props) {
  return props.size && aplliesHeight(props.size);
});
exports.AvatarContainer = AvatarContainer;
var AvatarImageContainer = _styledComponents.default.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: 50%;\n  color: ", ";\n  display: inline-block;\n  font-size: var(--font-size-scale-up-03);\n  font-weight: var(--font-weight-bold);\n  ", "\n  overflow: hidden;\n  text-align: center;\n"])), function (props) {
  return props.bgColor;
}, function (props) {
  return props.textColor;
}, function (props) {
  return props.size && aplliesHeight(props.size);
});
exports.AvatarImageContainer = AvatarImageContainer;
var AvatarImageTag = _styledComponents.default.img(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  vertical-align: baseline;\n  ", "\n"])), function (props) {
  return props.size && aplliesHeight(props.size);
});
exports.AvatarImageTag = AvatarImageTag;
var AvatarIcon = (0, _styledComponents.default)(_reactFontawesome.FontAwesomeIcon)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-top: 0.25em;\n  ", "\n"])), function (props) {
  return props.size && appliesIconSize(props.size);
});
exports.AvatarIcon = AvatarIcon;
var AvatarLetterContainer = _styledComponents.default.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  align-items: center;\n  background-color: ", ";\n  border-radius: 50%;\n  display: flex;\n  flex-direction: column;\n  font-weight: var(--font-weight-bold);\n  justify-content: center;\n  overflow: hidden;\n  text-align: center;\n  ", "\n  ", "\n"])), function (props) {
  return props.bgColor;
}, function (props) {
  return props.size && aplliesHeight(props.size);
}, function (props) {
  return appliesLetterStyle(props);
});
exports.AvatarLetterContainer = AvatarLetterContainer;
var AvatarLetter = _styledComponents.default.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (props) {
  return props.textColor;
});
exports.AvatarLetter = AvatarLetter;