@multiplay/ui/dist/helpers/colours/index.js

UI kit for Unity and Multiplay applications

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.boxShadow = exports.colours = exports.darkenColour = exports.lightenColour = undefined;

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; };

var _color = require('color');

var _color2 = _interopRequireDefault(_color);

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

/**
 * LIGHTEN COLOUR VALUE
 *
 * @param {*} colour - hex or rgba colour value
 * @param {*} amount - decimal amount to change colour by
 * @returns hex string
 */
var lightenColour = exports.lightenColour = function lightenColour() {
  var colour = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '#fff';
  var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.1;

  return (0, _color2.default)(colour).lighten(amount).hex();
};

/**
 * DARKEN COLOUR VALUE
 *
 * @param {*} colour - hex or rgba colour value
 * @param {*} amount - decimal amount to change colour by
 * @returns hex string
 */
var darkenColour = exports.darkenColour = function darkenColour() {
  var colour = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '#000';
  var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.1;

  return (0, _color2.default)(colour).darken(amount).hex();
};

/**
 * COLOUR DEFINITIONS
 *
 * Fixed colour definitions to ensure
 * centralised definition of consts
 */
var unity = {
  magenta: '#ed1847',
  cyan: '#00bcd3',
  lime: '#cbdb2a',
  paleGrey: '#f2f3f4',
  stone: '#bdbcc0',
  darkGrey: '#7d888d',
  charcoal: '#262729',
  darkBlue: '#002835',
  yellow: '#f7e409',
  skyBlue: '#1d9ad6',
  tangerine: '#f7931e',
  blueGreen: '#21978a',
  darkSalmon: '#f0513c',
  sweetPea: '#81bf41',
  mauve: '#904098'
};

var multiplay = {
  navy: '#003a61',
  pink: '#db2b7a'
};

var colours = exports.colours = _extends({}, multiplay, unity);

/**
 * BOX SHADOW
 *
 * Centralised definition for shadows
 * @param {*} size - string value for the size. [default | medium, | large]
 * @returns box shadow css property string
 */
var boxShadow = exports.boxShadow = function boxShadow(size) {
  switch (size) {
    case 'large':
      return '0px 8px 10px -5px rgba(0,0,0,0.2), 0px 16px 24px 2px rgba(0,0,0,0.14), 0px 6px 30px 5px rgba(0,0,0,0.12)';
    case 'small':
      return '0 0 2px 1px rgba(0,0,0,0.1)';
    case 'default':
    default:
      return '0 2px 5px 0 rgba(0,0,0,0.26)';
  }
};