'use strict';

exports.__esModule = true;

var _utils = require('grommet/utils');

var _polished = require('polished');

var _base = require('./base');

var _base2 = _interopRequireDefault(_base);

var _colorsFromArray = require('./colorsFromArray');

var _colorsFromArray2 = _interopRequireDefault(_colorsFromArray);

var _colorsFromObject = require('./colorsFromObject');

var _colorsFromObject2 = _interopRequireDefault(_colorsFromObject);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var brandColor = '#000000';
var accentColors = ['#FF4081', '#FFC107', '#9C27B0', '#673AB7'];
var neutralColors = ['#795548', '#009688', '#8BC34A', '#CDDC39', '#FF9800'];
var statusColors = {
  critical: '#FF4081',
  error: '#F44336',
  warning: '#FFEB3B',
  ok: '#4CAF50',
  unknown: '#9E9E9E',
  disabled: '#9E9E9E'
};
var backgroundColor = '#5e5e5e';
var textColor = {
  dark: '#ebebeb',
  light: '#333333'
};
var shadowColor = 'rgba(200, 200, 200, 0.50)';
var activeColor = (0, _polished.rgba)('#9C9C9C', 0.5);
var focusColor = accentColors[4];

var border = {
  dark: 'rgba(255, 255, 255, 0.33)',
  light: 'rgba(0, 0, 0, 0.33)'
};

var colors = {
  'focus': focusColor,
  'active': activeColor,
  'background': '#444444',
  border: border,
  'brand': brandColor,
  'placeholder': '#AAAAAA',
  'text': textColor,
  'control': {
    dark: '#ffffff',
    light: '#333333'
  }
};
(0, _colorsFromArray2.default)(colors, accentColors, 'accent');
(0, _colorsFromArray2.default)(colors, neutralColors, 'neutral');
(0, _colorsFromObject2.default)(colors, statusColors, 'status');

exports.default = (0, _utils.deepFreeze)((0, _utils.deepMerge)(_base2.default, {
  global: {
    colors: colors,
    drop: {
      background: '#222222',
      border: {
        width: '0px',
        radius: '0px'
      }
    },
    elevation: {
      none: 'none',
      xsmall: '0px 1px 2px ' + shadowColor,
      small: '0px 2px 4px ' + shadowColor,
      medium: '0px 3px 8px ' + shadowColor,
      large: '0px 6px 12px ' + shadowColor,
      xlarge: '0px 8px 16px ' + shadowColor
    },
    font: {
      family: "'Roboto', sans-serif",
      face: '\n        /* latin */\n        @font-face {\n          font-family: \'Roboto\';\n          font-style: normal;\n          font-weight: 100;\n          src: local(\'Roboto Thin\'), local(\'Roboto-Thin\'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2) format(\'woff2\');\n          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n        }\n        /* latin */\n        @font-face {\n          font-family: \'Roboto\';\n          font-style: normal;\n          font-weight: 300;\n          src: local(\'Roboto Light\'), local(\'Roboto-Light\'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format(\'woff2\');\n          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n        }\n        /* latin */\n        @font-face {\n          font-family: \'Roboto\';\n          font-style: normal;\n          font-weight: 400;\n          src: local(\'Roboto\'), local(\'Roboto-Regular\'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format(\'woff2\');\n          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n        }\n        /* latin */\n        @font-face {\n          font-family: \'Roboto\';\n          font-style: normal;\n          font-weight: 500;\n          src: local(\'Roboto Medium\'), local(\'Roboto-Medium\'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format(\'woff2\');\n          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n        }\n        /* latin */\n        @font-face {\n          font-family: \'Roboto\';\n          font-style: normal;\n          font-weight: 700;\n          src: local(\'Roboto Bold\'), local(\'Roboto-Bold\'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format(\'woff2\');\n          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n        }\n        /* latin */\n        @font-face {\n          font-family: \'Roboto\';\n          font-style: normal;\n          font-weight: 900;\n          src: local(\'Roboto Black\'), local(\'Roboto-Black\'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format(\'woff2\');\n          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n        }\n      ',
      size: '16px'
    },
    hover: {
      backgroundColor: '#666666',
      textColor: '#ffffff'
    },
    input: {
      border: {
        radius: '0px'
      }
    }
  },
  icon: {
    colors: colors
  },
  anchor: {
    color: {
      light: '#0d5b8e',
      dark: '#cee3eb'
    }
  },
  button: {
    border: {
      radius: '0px'
    }
  },
  checkBox: {
    border: {
      color: {
        dark: 'rgba(255, 255, 255, 0.5)',
        light: 'rgba(0, 0, 0, 0.5)'
      }
    },
    check: {
      radius: '0px'
    },
    toggle: {
      color: {
        dark: '#bdbdbd',
        light: '#7f7f7f'
      }
    }
  },
  layer: {
    background: backgroundColor,
    overlay: {
      background: 'rgba(255, 255, 255, 0.5)'
    },
    border: {
      radius: '0px'
    }
  },
  tag: {
    border: {
      round: 'small'
    }
  },
  radioButton: {
    border: {
      color: {
        dark: 'rgba(255, 255, 255, 0.5)',
        light: 'rgba(0, 0, 0, 0.5)'
      }
    }
  },
  heading: {
    font: false
  }
}));