@elastic/eui
Version:
Elastic UI Component Library
58 lines (56 loc) • 2.33 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
/*
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
* or more contributor license agreements. Licensed under the Elastic License
* 2.0 and the Server Side Public License, v 1; you may not use this file except
* in compliance with, at your election, the Elastic License 2.0 or the Server
* Side Public License, v 1.
*/
import { computed } from '../../../../services/theme/utils';
// Typographic scale -- loosely based on Major Third (1.250)
export var fontScale = {
xxxs: 0.5625,
xxs: 0.6875,
xs: 0.75,
s: 0.875,
m: 1,
l: 1.375,
xl: 1.6875,
xxl: 2.125
};
// Families & base font settings
export var fontBase = {
family: "'Inter', BlinkMacSystemFont, Helvetica, Arial, sans-serif",
familyCode: "'Roboto Mono', Menlo, Courier, monospace",
familySerif: 'Georgia, Times, Times New Roman, serif',
// Careful using ligatures. Code editors like ACE will often error because of width calculations
featureSettings: "'calt' 1, 'kern' 1, 'liga' 1",
defaultUnits: 'rem',
baseline: computed(function (_ref) {
var _ref2 = _slicedToArray(_ref, 1),
base = _ref2[0];
return base / 4;
}, ['base']),
lineHeightMultiplier: 1.5
};
export var fontWeight = {
light: 300,
regular: 400,
medium: 500,
semiBold: 600,
bold: 700
};
export var font = _objectSpread(_objectSpread({}, fontBase), {}, {
scale: fontScale,
weight: fontWeight,
body: {
scale: 's',
weight: 'regular'
},
title: {
weight: 'bold'
}
});