nuke-biz-custom-feedback/lib/styles/variable.js

custom-feedback

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

exports.default = VariableMix;
function VariableMix(theme) {
  var Core = theme.Core;
  var ComponentCustomStyle = theme.CustomFeedback;

  // / @namespace size/icon
  var IconBottomMargin = Core.s5;
  // / size
  // / @namespace size/icon
  var IconSize = 38;

  // / icon
  // / @namespace statement/success
  var IconSuccessColor = Core['color-success-2'];
  // / icon
  // / @namespace statement/error
  var IconErrorColor = Core['color-error-2'];
  // / icon
  // / @namespace statement/warning
  var IconWarningColor = Core['color-warning-2'];

  var SuccessColor = Core['color-success-2'];
  var InfoColor = Core['color-brand1-6'];
  // / text
  // / @namespace statement/error
  var ErrorColor = Core['color-error-2'];
  // / text
  // / @namespace statement/warning
  var WarningColor = Core['color-warning-2'];

  var Variables = {
    'icon-bottom-margin': IconBottomMargin,
    'icon-size': IconSize,
    'icon-success-color': IconSuccessColor,
    'icon-error-color': IconErrorColor,
    'icon-warning-color': IconWarningColor,
    'title-font-size': Core['font-size-body-1'],
    'success-bg-color': 'rgba(76,175,80,0.15)',
    'success-title-color': SuccessColor,
    'info-bg-color': 'rgba(56,191,198,0.15)',
    'info-title-color': InfoColor,
    'content-padding-left': Core.s2,
    'padding-tb': Core.s2,
    'padding-lr': Core.s4,
    'warning-title-color': WarningColor,
    'warning-bg-color': 'rgba(254,204,5,0.15)',
    'error-title-color': ErrorColor,
    'error-bg-color': 'rgba(244,67,54,0.15)',
    'message-font-size': Core['font-size-caption'],
    'message-color': Core['color-text1-4'],
    'message-margin-top': Core.s1,
    'message-line-height': 32
  };
  return _extends({}, Variables, ComponentCustomStyle);
}
module.exports = exports['default'];