grommet-theme-dxc/dist/index.js

DXC Tehcnologies theme for grommet

"use strict";

exports.__esModule = true;
exports.dxc = void 0;

var _styledComponents = require("styled-components");

function _templateObject() {
  var data = _taggedTemplateLiteralLoose(["\n      ", "\n    "]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }

var isObject = function isObject(item) {
  return item && typeof item === 'object' && !Array.isArray(item);
};

var deepFreeze = function deepFreeze(obj) {
  Object.keys(obj).forEach(function (key) {
    return key && isObject(obj[key]) && Object.freeze(obj[key]);
  });
  return Object.freeze(obj);
};

var dxc = deepFreeze({
  global: {
    colors: {
      background: '#ffffff',
      brand: '#222222',
      control: {
        dark: '#FFED00',
        light: '#000000'
      },
      focus: '#FFED00',
      'neutral-1': '#00C9FF',
      'neutral-2': '#64FF00',
      'neutral-3': '#D0011B',
      'neutral-4': '#FFED00',
      'neutral-5': undefined,
      'accent-1': '#FFED00',
      'accent-2': '#00C9FF',
      'accent-3': undefined,
      'status-critical': '#D0011B',
      'status-warning': '#FFED00',
      'status-ok': '#64FF00',
      'status-unknown': '#AAADAE',
      'status-disabled': '#AAADAE',
      'dark-1': '#000001',
      'dark-2': '#333333',
      'dark-3': '#666666',
      'light-1': '#D9D9D9',
      'light-2': '#AAADAE'
    },
    font: {
      family: "'Open Sans', Arial, sans-serif",
      face: undefined
    }
  },
  anchor: {
    color: {
      dark: '#FFED00',
      light: '#000000'
    }
  },
  button: {
    extend: (0, _styledComponents.css)(_templateObject(), function (props) {
      return !props.plain && "\n        font-weight: bold;\n        border-radius: 0;\n      ";
    })
  }
});
exports.dxc = dxc;