grommet-theme-hp/dist/index.js

HP Inc. theme for grommet

"use strict";

exports.__esModule = true;
exports.hp = 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 simplifiedPath = 'https://hpincfonts.s3.amazonaws.com';
var hp = deepFreeze({
  global: {
    colors: {
      background: '#ffffff',
      brand: '#0096D6',
      control: {
        dark: '#00A8F0',
        light: '#0096D6'
      },
      focus: '#99d5ef',
      'neutral-1': '#006996',
      'neutral-2': '#A65336',
      'neutral-3': '#A69136',
      'neutral-4': '#774677',
      'accent-1': '#E6734B',
      'accent-2': '#E6C84B',
      'accent-3': '#915591',
      'status-critical': '#F04B37',
      'status-warning': '#F0AA3C',
      'status-ok': '#509137',
      'status-unknown': '#848484',
      'status-disabled': '#848484',
      'dark-1': '#000001',
      'dark-2': '#676767',
      'light-1': '#F2F2F2',
      'light-2': '#E8E8E8',
      'light-3': '#CCCCCC'
    },
    font: {
      family: "'HPSimplified', Arial, sans-serif",
      face: "\n        @font-face {\n          font-family: 'HPSimplified';\n          src:\n            local('HPSimplified'),\n            url(\"" + simplifiedPath + "/hps-me-w27-regular-woff.woff\") format('woff');\n        }\n      "
    }
  },
  anchor: {
    color: {
      dark: '#00A8F0',
      light: '#2883d7'
    }
  },
  button: {
    extend: (0, _styledComponents.css)(_templateObject(), function (props) {
      return !props.plain && "\n        font-weight: bold;\n        border-radius: 0 6px;\n      ";
    })
  }
});
exports.hp = hp;