@atlaskit/section-message/dist/cjs/internal/appearance-icon.js

A section message is used to alert users to a particular section of the screen.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.getAppearanceIconStyles = getAppearanceIconStyles;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _statusDiscovery = _interopRequireDefault(require("@atlaskit/icon/core/status-discovery"));
var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
var _statusInformation = _interopRequireDefault(require("@atlaskit/icon/core/status-information"));
var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-success"));
var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var appearanceIconSchema = {
  information: {
    backgroundColor: "var(--ds-background-information, #E9F2FE)",
    Icon: _statusInformation.default,
    primaryIconColor: "var(--ds-icon-information, #357DE8)"
  },
  warning: {
    backgroundColor: "var(--ds-background-warning, #FFF5DB)",
    Icon: _statusWarning.default,
    primaryIconColor: "var(--ds-icon-warning, #E06C00)"
  },
  error: {
    backgroundColor: "var(--ds-background-danger, #FFECEB)",
    Icon: _statusError.default,
    primaryIconColor: "var(--ds-icon-danger, #C9372C)"
  },
  success: {
    backgroundColor: "var(--ds-background-success, #EFFFD6)",
    Icon: _statusSuccess.default,
    primaryIconColor: "var(--ds-icon-success, #6A9A23)"
  },
  discovery: {
    backgroundColor: "var(--ds-background-discovery, #F8EEFE)",
    Icon: _statusDiscovery.default,
    primaryIconColor: "var(--ds-icon-discovery, #AF59E1)"
  }
};
function getAppearanceIconStyles(appearance, icon) {
  var appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
  var AppearanceIcon = function AppearanceIcon(_ref) {
    var primaryColor = _ref.primaryColor;
    return /*#__PURE__*/_react.default.createElement(appearanceIconStyles.Icon, {
      color: primaryColor,
      spacing: "spacious",
      label: appearance
    });
  };
  var Icon = icon || AppearanceIcon;
  return _objectSpread(_objectSpread({}, appearanceIconStyles), {}, {
    Icon: Icon
  });
}