@elastic/eui-theme-common 0.0.4 → 0.0.6

package/lib/cjs/global_styling/functions/index.d.ts

@@ -1,2 +1,3 @@
 export * from './size';
+export * from './math';
 //# sourceMappingURL=index.d.ts.map

package/lib/cjs/global_styling/functions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/functions/index.ts"],"names":[],"mappings":"AAQA,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/functions/index.ts"],"names":[],"mappings":"AAQA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/lib/cjs/global_styling/functions/index.js

@@ -14,4 +14,15 @@ Object.keys(_size).forEach(function (key) {
     }
   });
 });
+var _math = require("./math");
+Object.keys(_math).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _math[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _math[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/cjs/global_styling/functions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_size","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/global_styling/functions/index.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nexport * from './size';\n"],"mappings":";;;;;AAQA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_size","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_math"],"sources":["../../../../src/global_styling/functions/index.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nexport * from './size';\nexport * from './math';\n"],"mappings":";;;;;AAQA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,KAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/cjs/global_styling/functions/math.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Utility for performing math callbacks on a string with CSS units
+ * and returning a string with its unit preserved.
+ *
+ * Example usage:
+ * mathWithUnits('4px', (x) => x / 2) = '2px';
+ * mathWithUnits(euiTheme.size.xs, (x) => x + 2) = '6px';
+ * mathWithUnits([euiTheme.size.l, euiTheme.size.s], (x, y) => x - y) = '16px';
+ */
+declare type ValueTypes = string | number | undefined;
+export declare const mathWithUnits: (values: ValueTypes | ValueTypes[], callback: (...args: number[]) => number, unit?: string) => string;
+export {};
+//# sourceMappingURL=math.d.ts.map

package/lib/cjs/global_styling/functions/math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/functions/math.ts"],"names":[],"mappings":"AAQA;;;;;;;;GAQG;AACH,aAAK,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAE9C,eAAO,MAAM,aAAa,WAChB,UAAU,GAAG,UAAU,EAAE,sBACb,MAAM,EAAE,KAAK,MAAM,SACjC,MAAM,WAqCb,CAAC"}

package/lib/cjs/global_styling/functions/math.js

@@ -0,0 +1,64 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mathWithUnits = void 0;
+function _wrapRegExp() { _wrapRegExp = function _wrapRegExp(e, r) { return new BabelRegExp(e, void 0, r); }; var e = RegExp.prototype, r = new WeakMap(); function BabelRegExp(e, t, p) { var o = RegExp(e, t); return r.set(o, p || r.get(e)), _setPrototypeOf(o, BabelRegExp.prototype); } function buildGroups(e, t) { var p = r.get(t); return Object.keys(p).reduce(function (r, t) { var o = p[t]; if ("number" == typeof o) r[t] = e[o];else { for (var i = 0; void 0 === e[o[i]] && i + 1 < o.length;) i++; r[t] = e[o[i]]; } return r; }, Object.create(null)); } return _inherits(BabelRegExp, RegExp), BabelRegExp.prototype.exec = function (r) { var t = e.exec.call(this, r); if (t) { t.groups = buildGroups(t, this); var p = t.indices; p && (p.groups = buildGroups(p, this)); } return t; }, BabelRegExp.prototype[Symbol.replace] = function (t, p) { if ("string" == typeof p) { var o = r.get(this); return e[Symbol.replace].call(this, t, p.replace(/\$<([^>]+)>/g, function (e, r) { var t = o[r]; return "$" + (Array.isArray(t) ? t.join("$") : t); })); } if ("function" == typeof p) { var i = this; return e[Symbol.replace].call(this, t, function () { var e = arguments; return "object" != _typeof(e[e.length - 1]) && (e = [].slice.call(e)).push(buildGroups(e, i)), p.apply(this, e); }); } return e[Symbol.replace].call(this, t, p); }, _wrapRegExp.apply(this, arguments); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, 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.
+ */
+
+/**
+ * Utility for performing math callbacks on a string with CSS units
+ * and returning a string with its unit preserved.
+ *
+ * Example usage:
+ * mathWithUnits('4px', (x) => x / 2) = '2px';
+ * mathWithUnits(euiTheme.size.xs, (x) => x + 2) = '6px';
+ * mathWithUnits([euiTheme.size.l, euiTheme.size.s], (x, y) => x - y) = '16px';
+ */
+// Unfortunately, this is the CSSProperties[] type used for several euiTheme vars
+
+var mathWithUnits = exports.mathWithUnits = function mathWithUnits(values, callback) {
+  var unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  if (!Array.isArray(values)) values = [values];
+  var foundNumericValues = [];
+  var foundUnit = '';
+  values.forEach(function (value) {
+    if (typeof value === 'string') {
+      var _matches$groups, _matches$groups2;
+      var regex = /*#__PURE__*/_wrapRegExp(/(\x2D?[\d.]+)(%|[a-zA-Z]*)/, {
+        value: 1,
+        unit: 2
+      });
+      var matches = regex.exec(value);
+      var numericValue = Number(matches === null || matches === void 0 || (_matches$groups = matches.groups) === null || _matches$groups === void 0 ? void 0 : _matches$groups.value);
+      if (!isNaN(numericValue)) {
+        foundNumericValues.push(numericValue);
+      } else {
+        throw new Error('No valid numeric value found');
+      }
+      if (!unit && matches !== null && matches !== void 0 && (_matches$groups2 = matches.groups) !== null && _matches$groups2 !== void 0 && _matches$groups2.unit) {
+        if (!foundUnit) {
+          foundUnit = matches.groups.unit;
+        } else if (foundUnit !== matches.groups.unit) {
+          throw new Error('Multiple units found. Use `calc()` to mix and math multiple unit types (e.g. `%` & `px`) instead');
+        }
+      }
+    } else if (typeof value === 'number') {
+      foundNumericValues.push(value);
+    } else {
+      throw new Error('Invalid value type - pass a string or number');
+    }
+  });
+  return "".concat(callback.apply(void 0, foundNumericValues)).concat(unit || foundUnit);
+};
+//# sourceMappingURL=math.js.map

package/lib/cjs/global_styling/functions/math.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.js","names":["mathWithUnits","exports","values","callback","unit","arguments","length","undefined","Array","isArray","foundNumericValues","foundUnit","forEach","value","_matches$groups","_matches$groups2","regex","_wrapRegExp","matches","exec","numericValue","Number","groups","isNaN","push","Error","concat","apply"],"sources":["../../../../src/global_styling/functions/math.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\n/**\n * Utility for performing math callbacks on a string with CSS units\n * and returning a string with its unit preserved.\n *\n * Example usage:\n * mathWithUnits('4px', (x) => x / 2) = '2px';\n * mathWithUnits(euiTheme.size.xs, (x) => x + 2) = '6px';\n * mathWithUnits([euiTheme.size.l, euiTheme.size.s], (x, y) => x - y) = '16px';\n */\ntype ValueTypes = string | number | undefined; // Unfortunately, this is the CSSProperties[] type used for several euiTheme vars\n\nexport const mathWithUnits = (\n  values: ValueTypes | ValueTypes[], // Can accept a single input or array of inputs\n  callback: (...args: number[]) => number, // Can be multiplication, division, addition, etc.\n  unit: string = '' // Optional: allow specifying an override unit to return\n) => {\n  if (!Array.isArray(values)) values = [values];\n\n  const foundNumericValues: number[] = [];\n  let foundUnit = '';\n\n  values.forEach((value) => {\n    if (typeof value === 'string') {\n      const regex = /(?<value>-?[\\d.]+)(?<unit>%|[a-zA-Z]*)/;\n      const matches = regex.exec(value);\n\n      const numericValue = Number(matches?.groups?.value);\n\n      if (!isNaN(numericValue)) {\n        foundNumericValues.push(numericValue);\n      } else {\n        throw new Error('No valid numeric value found');\n      }\n\n      if (!unit && matches?.groups?.unit) {\n        if (!foundUnit) {\n          foundUnit = matches.groups.unit;\n        } else if (foundUnit !== matches.groups.unit) {\n          throw new Error(\n            'Multiple units found. Use `calc()` to mix and math multiple unit types (e.g. `%` & `px`) instead'\n          );\n        }\n      }\n    } else if (typeof value === 'number') {\n      foundNumericValues.push(value);\n    } else {\n      throw new Error('Invalid value type - pass a string or number');\n    }\n  });\n\n  return `${callback(...foundNumericValues)}${unit || foundUnit}`;\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAC+C;;AAExC,IAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CACxBE,MAAiC,EACjCC,QAAuC,EAEpC;EAAA,IADHC,IAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAEjB,IAAI,CAACG,KAAK,CAACC,OAAO,CAACP,MAAM,CAAC,EAAEA,MAAM,GAAG,CAACA,MAAM,CAAC;EAE7C,IAAMQ,kBAA4B,GAAG,EAAE;EACvC,IAAIC,SAAS,GAAG,EAAE;EAElBT,MAAM,CAACU,OAAO,CAAC,UAACC,KAAK,EAAK;IACxB,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;MAAA,IAAAC,eAAA,EAAAC,gBAAA;MAC7B,IAAMC,KAAK,gBAAAC,WAAA,CAAG,4BAAwC;QAAAJ,KAAA;QAAAT,IAAA;MAAA;MACtD,IAAMc,OAAO,GAAGF,KAAK,CAACG,IAAI,CAACN,KAAK,CAAC;MAEjC,IAAMO,YAAY,GAAGC,MAAM,CAACH,OAAO,aAAPA,OAAO,gBAAAJ,eAAA,GAAPI,OAAO,CAAEI,MAAM,cAAAR,eAAA,uBAAfA,eAAA,CAAiBD,KAAK,CAAC;MAEnD,IAAI,CAACU,KAAK,CAACH,YAAY,CAAC,EAAE;QACxBV,kBAAkB,CAACc,IAAI,CAACJ,YAAY,CAAC;MACvC,CAAC,MAAM;QACL,MAAM,IAAIK,KAAK,CAAC,8BAA8B,CAAC;MACjD;MAEA,IAAI,CAACrB,IAAI,IAAIc,OAAO,aAAPA,OAAO,gBAAAH,gBAAA,GAAPG,OAAO,CAAEI,MAAM,cAAAP,gBAAA,eAAfA,gBAAA,CAAiBX,IAAI,EAAE;QAClC,IAAI,CAACO,SAAS,EAAE;UACdA,SAAS,GAAGO,OAAO,CAACI,MAAM,CAAClB,IAAI;QACjC,CAAC,MAAM,IAAIO,SAAS,KAAKO,OAAO,CAACI,MAAM,CAAClB,IAAI,EAAE;UAC5C,MAAM,IAAIqB,KAAK,CACb,kGACF,CAAC;QACH;MACF;IACF,CAAC,MAAM,IAAI,OAAOZ,KAAK,KAAK,QAAQ,EAAE;MACpCH,kBAAkB,CAACc,IAAI,CAACX,KAAK,CAAC;IAChC,CAAC,MAAM;MACL,MAAM,IAAIY,KAAK,CAAC,8CAA8C,CAAC;IACjE;EACF,CAAC,CAAC;EAEF,UAAAC,MAAA,CAAUvB,QAAQ,CAAAwB,KAAA,SAAIjB,kBAAkB,CAAC,EAAAgB,MAAA,CAAGtB,IAAI,IAAIO,SAAS;AAC/D,CAAC","ignoreList":[]}

package/lib/cjs/global_styling/functions/math.test.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _math = require("./math");
+/*
+ * 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.
+ */
+
+describe('mathWithUnits', function () {
+  describe('extracts numerical values from CSS strings with units, performs math callbacks, and returns units as is', function () {
+    test('px and multiplication', function () {
+      expect((0, _math.mathWithUnits)('10px', function (x) {
+        return x * 10;
+      })).toEqual('100px');
+    });
+    test('em and division', function () {
+      expect((0, _math.mathWithUnits)('40%', function (x) {
+        return x / 2;
+      })).toEqual('20%');
+    });
+    test('rem and addition', function () {
+      expect((0, _math.mathWithUnits)('1rem', function (x) {
+        return x + 2;
+      })).toEqual('3rem');
+    });
+    test('unitless and negative values', function () {
+      expect((0, _math.mathWithUnits)('-5.5', function (x) {
+        return x - 1.2;
+      })).toEqual('-6.7');
+    });
+    test('allows passing an optional unit if none is passed', function () {
+      expect((0, _math.mathWithUnits)('0', function (x) {
+        return x;
+      }, 'vh')).toEqual('0vh');
+    });
+  });
+  describe('handles numeric input types', function () {
+    test('unitless', function () {
+      expect((0, _math.mathWithUnits)(6, function (x) {
+        return Math.pow(x, 2);
+      })).toEqual('36');
+    });
+    test('allows passing an optional unit', function () {
+      expect((0, _math.mathWithUnits)(3.5, function (x) {
+        return x % 1.5;
+      }, 'px')).toEqual('0.5px');
+    });
+  });
+  describe('multiple inputs', function () {
+    it('accepts an array of inputs, parses each input, and returns them as a separate arg to the callback', function () {
+      expect((0, _math.mathWithUnits)(['3px', '4px', '5px'], function (x, y, z) {
+        return x + y + z;
+      })).toEqual('12px');
+    });
+    it('allows mixing strings and numbers', function () {
+      expect((0, _math.mathWithUnits)(['6px', 3], function (x, y) {
+        return x / y;
+      })).toEqual('2px');
+    });
+    it('throws on multiple different unit types', function () {
+      expect(function () {
+        return (0, _math.mathWithUnits)(['1px', '1em'], function (x, y) {
+          return x + y;
+        });
+      }).toThrow('Multiple units found');
+    });
+    it('allows different unit types if an override unit is passed', function () {
+      expect((0, _math.mathWithUnits)(['50%', '5rem'], function (x, y) {
+        return x / y;
+      }, 'px')).toEqual('10px');
+    });
+  });
+  describe('weird edge cases', function () {
+    it('throws on undefined', function () {
+      expect(function () {
+        return (0, _math.mathWithUnits)(undefined, function (x) {
+          return x * 3;
+        });
+      }).toThrow('Invalid value type');
+    });
+    it('throws on strings that do not contain numbers', function () {
+      expect(function () {
+        return (0, _math.mathWithUnits)('no number', function (x) {
+          return x * 3;
+        });
+      }).toThrow('No valid numeric value found');
+    });
+    it('throws on strings with numbers that are actually NaNs', function () {
+      expect(function () {
+        return (0, _math.mathWithUnits)('34.23.12', function (x) {
+          return x * 3;
+        });
+      }).toThrow('No valid numeric value found');
+    });
+    it('ignores multiple values/units, only using the first match', function () {
+      expect((0, _math.mathWithUnits)('10px 20px', function (x) {
+        return x;
+      })).toEqual('10px');
+    });
+    it('ignores multiple percentage signs', function () {
+      expect((0, _math.mathWithUnits)('100%%%', function (x) {
+        return x;
+      })).toEqual('100%');
+    });
+  });
+});
+//# sourceMappingURL=math.test.js.map

package/lib/cjs/global_styling/functions/math.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.test.js","names":["_math","require","describe","test","expect","mathWithUnits","x","toEqual","Math","pow","it","y","z","toThrow","undefined"],"sources":["../../../../src/global_styling/functions/math.test.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport { mathWithUnits } from './math';\n\ndescribe('mathWithUnits', () => {\n  describe('extracts numerical values from CSS strings with units, performs math callbacks, and returns units as is', () => {\n    test('px and multiplication', () => {\n      expect(mathWithUnits('10px', (x) => x * 10)).toEqual('100px');\n    });\n    test('em and division', () => {\n      expect(mathWithUnits('40%', (x) => x / 2)).toEqual('20%');\n    });\n    test('rem and addition', () => {\n      expect(mathWithUnits('1rem', (x) => x + 2)).toEqual('3rem');\n    });\n    test('unitless and negative values', () => {\n      expect(mathWithUnits('-5.5', (x) => x - 1.2)).toEqual('-6.7');\n    });\n    test('allows passing an optional unit if none is passed', () => {\n      expect(mathWithUnits('0', (x) => x, 'vh')).toEqual('0vh');\n    });\n  });\n\n  describe('handles numeric input types', () => {\n    test('unitless', () => {\n      expect(mathWithUnits(6, (x) => Math.pow(x, 2))).toEqual('36');\n    });\n    test('allows passing an optional unit', () => {\n      expect(mathWithUnits(3.5, (x) => x % 1.5, 'px')).toEqual('0.5px');\n    });\n  });\n\n  describe('multiple inputs', () => {\n    it('accepts an array of inputs, parses each input, and returns them as a separate arg to the callback', () => {\n      expect(\n        mathWithUnits(['3px', '4px', '5px'], (x, y, z) => x + y + z)\n      ).toEqual('12px');\n    });\n    it('allows mixing strings and numbers', () => {\n      expect(mathWithUnits(['6px', 3], (x, y) => x / y)).toEqual('2px');\n    });\n    it('throws on multiple different unit types', () => {\n      expect(() => mathWithUnits(['1px', '1em'], (x, y) => x + y)).toThrow(\n        'Multiple units found'\n      );\n    });\n    it('allows different unit types if an override unit is passed', () => {\n      expect(mathWithUnits(['50%', '5rem'], (x, y) => x / y, 'px')).toEqual(\n        '10px'\n      );\n    });\n  });\n\n  describe('weird edge cases', () => {\n    it('throws on undefined', () => {\n      expect(() => mathWithUnits(undefined, (x) => x * 3)).toThrow(\n        'Invalid value type'\n      );\n    });\n    it('throws on strings that do not contain numbers', () => {\n      expect(() => mathWithUnits('no number', (x) => x * 3)).toThrow(\n        'No valid numeric value found'\n      );\n    });\n    it('throws on strings with numbers that are actually NaNs', () => {\n      expect(() => mathWithUnits('34.23.12', (x) => x * 3)).toThrow(\n        'No valid numeric value found'\n      );\n    });\n    it('ignores multiple values/units, only using the first match', () => {\n      expect(mathWithUnits('10px 20px', (x) => x)).toEqual('10px');\n    });\n    it('ignores multiple percentage signs', () => {\n      expect(mathWithUnits('100%%%', (x) => x)).toEqual('100%');\n    });\n  });\n});\n"],"mappings":";;AAQA,IAAAA,KAAA,GAAAC,OAAA;AARA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIAC,QAAQ,CAAC,eAAe,EAAE,YAAM;EAC9BA,QAAQ,CAAC,yGAAyG,EAAE,YAAM;IACxHC,IAAI,CAAC,uBAAuB,EAAE,YAAM;MAClCC,MAAM,CAAC,IAAAC,mBAAa,EAAC,MAAM,EAAE,UAACC,CAAC;QAAA,OAAKA,CAAC,GAAG,EAAE;MAAA,EAAC,CAAC,CAACC,OAAO,CAAC,OAAO,CAAC;IAC/D,CAAC,CAAC;IACFJ,IAAI,CAAC,iBAAiB,EAAE,YAAM;MAC5BC,MAAM,CAAC,IAAAC,mBAAa,EAAC,KAAK,EAAE,UAACC,CAAC;QAAA,OAAKA,CAAC,GAAG,CAAC;MAAA,EAAC,CAAC,CAACC,OAAO,CAAC,KAAK,CAAC;IAC3D,CAAC,CAAC;IACFJ,IAAI,CAAC,kBAAkB,EAAE,YAAM;MAC7BC,MAAM,CAAC,IAAAC,mBAAa,EAAC,MAAM,EAAE,UAACC,CAAC;QAAA,OAAKA,CAAC,GAAG,CAAC;MAAA,EAAC,CAAC,CAACC,OAAO,CAAC,MAAM,CAAC;IAC7D,CAAC,CAAC;IACFJ,IAAI,CAAC,8BAA8B,EAAE,YAAM;MACzCC,MAAM,CAAC,IAAAC,mBAAa,EAAC,MAAM,EAAE,UAACC,CAAC;QAAA,OAAKA,CAAC,GAAG,GAAG;MAAA,EAAC,CAAC,CAACC,OAAO,CAAC,MAAM,CAAC;IAC/D,CAAC,CAAC;IACFJ,IAAI,CAAC,mDAAmD,EAAE,YAAM;MAC9DC,MAAM,CAAC,IAAAC,mBAAa,EAAC,GAAG,EAAE,UAACC,CAAC;QAAA,OAAKA,CAAC;MAAA,GAAE,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,KAAK,CAAC;IAC3D,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFL,QAAQ,CAAC,6BAA6B,EAAE,YAAM;IAC5CC,IAAI,CAAC,UAAU,EAAE,YAAM;MACrBC,MAAM,CAAC,IAAAC,mBAAa,EAAC,CAAC,EAAE,UAACC,CAAC;QAAA,OAAKE,IAAI,CAACC,GAAG,CAACH,CAAC,EAAE,CAAC,CAAC;MAAA,EAAC,CAAC,CAACC,OAAO,CAAC,IAAI,CAAC;IAC/D,CAAC,CAAC;IACFJ,IAAI,CAAC,iCAAiC,EAAE,YAAM;MAC5CC,MAAM,CAAC,IAAAC,mBAAa,EAAC,GAAG,EAAE,UAACC,CAAC;QAAA,OAAKA,CAAC,GAAG,GAAG;MAAA,GAAE,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,OAAO,CAAC;IACnE,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFL,QAAQ,CAAC,iBAAiB,EAAE,YAAM;IAChCQ,EAAE,CAAC,mGAAmG,EAAE,YAAM;MAC5GN,MAAM,CACJ,IAAAC,mBAAa,EAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,UAACC,CAAC,EAAEK,CAAC,EAAEC,CAAC;QAAA,OAAKN,CAAC,GAAGK,CAAC,GAAGC,CAAC;MAAA,EAC7D,CAAC,CAACL,OAAO,CAAC,MAAM,CAAC;IACnB,CAAC,CAAC;IACFG,EAAE,CAAC,mCAAmC,EAAE,YAAM;MAC5CN,MAAM,CAAC,IAAAC,mBAAa,EAAC,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,UAACC,CAAC,EAAEK,CAAC;QAAA,OAAKL,CAAC,GAAGK,CAAC;MAAA,EAAC,CAAC,CAACJ,OAAO,CAAC,KAAK,CAAC;IACnE,CAAC,CAAC;IACFG,EAAE,CAAC,yCAAyC,EAAE,YAAM;MAClDN,MAAM,CAAC;QAAA,OAAM,IAAAC,mBAAa,EAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,UAACC,CAAC,EAAEK,CAAC;UAAA,OAAKL,CAAC,GAAGK,CAAC;QAAA,EAAC;MAAA,EAAC,CAACE,OAAO,CAClE,sBACF,CAAC;IACH,CAAC,CAAC;IACFH,EAAE,CAAC,2DAA2D,EAAE,YAAM;MACpEN,MAAM,CAAC,IAAAC,mBAAa,EAAC,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,UAACC,CAAC,EAAEK,CAAC;QAAA,OAAKL,CAAC,GAAGK,CAAC;MAAA,GAAE,IAAI,CAAC,CAAC,CAACJ,OAAO,CACnE,MACF,CAAC;IACH,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFL,QAAQ,CAAC,kBAAkB,EAAE,YAAM;IACjCQ,EAAE,CAAC,qBAAqB,EAAE,YAAM;MAC9BN,MAAM,CAAC;QAAA,OAAM,IAAAC,mBAAa,EAACS,SAAS,EAAE,UAACR,CAAC;UAAA,OAAKA,CAAC,GAAG,CAAC;QAAA,EAAC;MAAA,EAAC,CAACO,OAAO,CAC1D,oBACF,CAAC;IACH,CAAC,CAAC;IACFH,EAAE,CAAC,+CAA+C,EAAE,YAAM;MACxDN,MAAM,CAAC;QAAA,OAAM,IAAAC,mBAAa,EAAC,WAAW,EAAE,UAACC,CAAC;UAAA,OAAKA,CAAC,GAAG,CAAC;QAAA,EAAC;MAAA,EAAC,CAACO,OAAO,CAC5D,8BACF,CAAC;IACH,CAAC,CAAC;IACFH,EAAE,CAAC,uDAAuD,EAAE,YAAM;MAChEN,MAAM,CAAC;QAAA,OAAM,IAAAC,mBAAa,EAAC,UAAU,EAAE,UAACC,CAAC;UAAA,OAAKA,CAAC,GAAG,CAAC;QAAA,EAAC;MAAA,EAAC,CAACO,OAAO,CAC3D,8BACF,CAAC;IACH,CAAC,CAAC;IACFH,EAAE,CAAC,2DAA2D,EAAE,YAAM;MACpEN,MAAM,CAAC,IAAAC,mBAAa,EAAC,WAAW,EAAE,UAACC,CAAC;QAAA,OAAKA,CAAC;MAAA,EAAC,CAAC,CAACC,OAAO,CAAC,MAAM,CAAC;IAC9D,CAAC,CAAC;IACFG,EAAE,CAAC,mCAAmC,EAAE,YAAM;MAC5CN,MAAM,CAAC,IAAAC,mBAAa,EAAC,QAAQ,EAAE,UAACC,CAAC;QAAA,OAAKA,CAAC;MAAA,EAAC,CAAC,CAACC,OAAO,CAAC,MAAM,CAAC;IAC3D,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/cjs/global_styling/variables/colors.d.ts

@@ -67,7 +67,7 @@ export declare type _EuiThemeBrandTextColors = {
 export declare type _EuiThemeShadeColors = {
     /**
      * Used as the background color of primary **page content and panels** including modals and flyouts.
-     * @deprecated - use `white`
+     * @deprecated - use specific semantic color tokens instead
      */
     emptyShade: ColorModeSwitch;
     /**
@@ -97,7 +97,7 @@ export declare type _EuiThemeShadeColors = {
     darkestShade: ColorModeSwitch;
     /**
      * The opposite of `emptyShade`
-     * @deprecated - use`black`
+     * @deprecated - use specific semantic color tokens instead
      */
     fullShade: ColorModeSwitch;
 };
@@ -165,6 +165,7 @@ export declare type _EuiThemeBackgroundColors = {
     backgroundBaseSubdued: ColorModeSwitch;
     backgroundBasePlain: ColorModeSwitch;
     backgroundBaseDisabled: ColorModeSwitch;
+    backgroundBaseHighlighted: ColorModeSwitch;
     backgroundBaseFormsPrepend: ColorModeSwitch;
     backgroundBaseFormsControlDisabled: ColorModeSwitch;
     backgroundBaseInteractiveHover: ColorModeSwitch;
@@ -206,6 +207,8 @@ export declare type _EuiThemeTransparentBackgroundColors = {
     /** @deprecated */
     backgroundTransparentSubdued: ColorModeSwitch;
     /** @deprecated */
+    backgroundTransparentHighlighted: ColorModeSwitch;
+    /** @deprecated */
     backgroundTransparentPlain: ColorModeSwitch;
 };
 export declare type _EuiThemeBorderColors = {
@@ -259,6 +262,21 @@ export declare type _EuiThemeVisColors = {
     euiColorVisDanger0: string;
     euiColorVisDanger1: string;
     euiColorVisNeutral0: string;
+    euiColorSeverity0: string;
+    euiColorSeverity1: string;
+    euiColorSeverity2: string;
+    euiColorSeverity3: string;
+    euiColorSeverity4: string;
+    euiColorSeverity5: string;
+    euiColorSeverity6: string;
+    euiColorSeverity7: string;
+    euiColorSeverity8: string;
+    euiColorSeverity9: string;
+    euiColorSeverity10: string;
+    euiColorSeverity11: string;
+    euiColorSeverity12: string;
+    euiColorSeverity13: string;
+    euiColorSeverity14: string;
     euiColorVisGrey0: string;
     euiColorVisGrey1: string;
     euiColorVisGrey2: string;
@@ -283,6 +301,8 @@ export declare type _EuiThemeConstantColors = {
      * @deprecated
      */
     ink: string;
+    plainLight: string;
+    plainDark: string;
     vis: _EuiThemeVisColors;
 };
 export declare type _EuiThemeColorsMode = _EuiThemeBrandColors & _EuiThemeBrandTextColors & _EuiThemeShadeColors & _EuiThemeSpecialColors & _EuiThemeTextColors & _EuiThemeBackgroundColors & _EuiThemeTransparentBackgroundColors & _EuiThemeBorderColors;

package/lib/cjs/global_styling/variables/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/variables/colors.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/variables/colors.ts"],"names":[],"mappings":"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"}

package/lib/cjs/global_styling/variables/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":[],"sources":["../../../../src/global_styling/variables/colors.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport { ColorModeSwitch, StrictColorModeSwitch } from '../types';\n\n/**\n * Top 5 colors\n */\nexport type _EuiThemeBrandColors = {\n  /**\n   * Main brand color and used for most **call to actions** like buttons and links.\n   */\n  primary: ColorModeSwitch;\n  /**\n   * Pulls attention to key indicators like **notifications** or number of selections.\n   */\n  accent: ColorModeSwitch;\n  /**\n   * Secondary attention indicator with lower priority.\n   */\n  accentSecondary: ColorModeSwitch;\n  /**\n   * Used for **positive** messages/graphics and additive actions.\n   */\n  success: ColorModeSwitch;\n  /**\n   * Used for **warnings** and actions that have a potential to be destructive.\n   */\n  warning: ColorModeSwitch;\n  /**\n   * Used for **negative** messages/graphics like errors and destructive actions.\n   */\n  danger: ColorModeSwitch;\n};\n\n/**\n * Every brand color must have a contrast computed text equivelant\n */\nexport type _EuiThemeBrandTextColors = {\n  /**\n   * Typically computed against `colors.primary`\n   * @deprecated - use `textPrimary` instead\n   */\n  primaryText: ColorModeSwitch;\n  /**\n   * Typically computed against `colors.accent`\n   * @deprecated - use `textAccent` instead\n   */\n  accentText: ColorModeSwitch;\n  /**\n   * Typically computed against `colors.success`\n   * @deprecated - use `textSuccess` instead\n   */\n  successText: ColorModeSwitch;\n  /**\n   * Typically computed against `colors.warning`\n   * @deprecated - use `textWarning` instead\n   */\n  warningText: ColorModeSwitch;\n  /**\n   * Typically computed against `colors.danger`\n   * @deprecated - use `textDanger` instead\n   */\n  dangerText: ColorModeSwitch;\n\n  textPrimary: ColorModeSwitch;\n  textAccent: ColorModeSwitch;\n  textAccentSecondary: ColorModeSwitch;\n  textSuccess: ColorModeSwitch;\n  textWarning: ColorModeSwitch;\n  textDanger: ColorModeSwitch;\n};\n\nexport type _EuiThemeShadeColors = {\n  /**\n   * Used as the background color of primary **page content and panels** including modals and flyouts.\n   * @deprecated - use `white`\n   */\n  emptyShade: ColorModeSwitch;\n  /**\n   * Used to lightly shade areas that contain **secondary content** or contain panel-like components.\n   * @deprecated - use specific semantic color tokens instead\n   */\n  lightestShade: ColorModeSwitch;\n  /**\n   * Used for most **borders** and dividers (horizontal rules).\n   * @deprecated - use specific semantic color tokens instead\n   */\n  lightShade: ColorModeSwitch;\n  /**\n   * The middle gray for all themes; this is the base for `colors.subdued`.\n   * @deprecated - use specific semantic color tokens instead\n   */\n  mediumShade: ColorModeSwitch;\n  /**\n   * Slightly subtle graphic color\n   * @deprecated - use specific semantic color tokens instead\n   */\n  darkShade: ColorModeSwitch;\n  /**\n   * Used as the **text** color and the background color for **inverted components** like tooltips and the control bar.\n   * @deprecated - use specific semantic color tokens instead\n   */\n  darkestShade: ColorModeSwitch;\n  /**\n   * The opposite of `emptyShade`\n   * @deprecated - use`black`\n   */\n  fullShade: ColorModeSwitch;\n};\n\nexport type _EuiThemeTextColors = {\n  /**\n   * Computed against `colors.darkestShade`\n   * @deprecated - use `textParagraph` instead\n   */\n  text: ColorModeSwitch;\n  /**\n   * Computed against `colors.text`\n   * @deprecated - use `textHeading` instead\n   */\n  title: ColorModeSwitch;\n  /**\n   * Computed against `colors.mediumShade`\n   * @deprecated - use `textSubdued` instead\n   */\n  subduedText: ColorModeSwitch;\n  /**\n   * Computed against `colors.primaryText`\n   */\n  link: ColorModeSwitch;\n\n  textParagraph: ColorModeSwitch;\n  textHeading: ColorModeSwitch;\n  textSubdued: ColorModeSwitch;\n  textDisabled: ColorModeSwitch;\n  textInverse: ColorModeSwitch;\n};\n\nexport type _EuiThemeSpecialColors = {\n  /**\n   * The background color for the **whole window (body)** and is a computed value of `colors.lightestShade`.\n   * Provides denominator (background) value for **contrast calculations**.\n   * @deprecated - use backgroundPage instead\n   */\n  body: ColorModeSwitch;\n  /**\n   * Used to **highlight text** when matching against search strings\n   */\n  highlight: ColorModeSwitch;\n  /**\n   * Computed against `colors.darkestShade`\n   * @deprecated - use specific semantic tokens instead (e.g. backgroundDisabled, borderDisabled etc)\n   */\n  disabled: ColorModeSwitch;\n  /**\n   * Computed against `colors.disabled`\n   * @deprecated - use textDisabled instead\n   */\n  disabledText: ColorModeSwitch;\n  /**\n   * The base color for shadows that gets `transparentized`\n   * at a value based on the `colorMode` and then layered.\n   * @deprecated - use specific shadow tokens instead\n   */\n  shadow: ColorModeSwitch;\n};\n\nexport type _EuiThemeBackgroundColors = {\n  backgroundBasePrimary: ColorModeSwitch;\n  backgroundBaseAccent: ColorModeSwitch;\n  backgroundBaseAccentSecondary: ColorModeSwitch;\n  backgroundBaseSuccess: ColorModeSwitch;\n  backgroundBaseWarning: ColorModeSwitch;\n  backgroundBaseDanger: ColorModeSwitch;\n  backgroundBaseSubdued: ColorModeSwitch;\n  backgroundBasePlain: ColorModeSwitch;\n  backgroundBaseDisabled: ColorModeSwitch;\n  backgroundBaseFormsPrepend: ColorModeSwitch;\n  backgroundBaseFormsControlDisabled: ColorModeSwitch;\n  backgroundBaseInteractiveHover: ColorModeSwitch;\n  backgroundBaseInteractiveSelect: ColorModeSwitch;\n  backgroundBaseInteractiveOverlay: ColorModeSwitch;\n  backgroundBaseSkeletonEdge: ColorModeSwitch;\n  backgroundBaseSkeletonMiddle: ColorModeSwitch;\n\n  backgroundLightPrimary: ColorModeSwitch;\n  backgroundLightAccent: ColorModeSwitch;\n  backgroundLightAccentSecondary: ColorModeSwitch;\n  backgroundLightSuccess: ColorModeSwitch;\n  backgroundLightWarning: ColorModeSwitch;\n  backgroundLightDanger: ColorModeSwitch;\n  backgroundLightText: ColorModeSwitch;\n\n  backgroundFilledPrimary: ColorModeSwitch;\n  backgroundFilledAccent: ColorModeSwitch;\n  backgroundFilledAccentSecondary: ColorModeSwitch;\n  backgroundFilledSuccess: ColorModeSwitch;\n  backgroundFilledWarning: ColorModeSwitch;\n  backgroundFilledDanger: ColorModeSwitch;\n  backgroundFilledText: ColorModeSwitch;\n};\n\n/** TODO: remove once usages are re-mapped */\nexport type _EuiThemeTransparentBackgroundColors = {\n  /** @deprecated */\n  backgroundTransparent: string;\n  /** @deprecated */\n  backgroundTransparentPrimary: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentAccent: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentAccentSecondary: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentSuccess: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentWarning: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentDanger: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentSubdued: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentPlain: ColorModeSwitch;\n};\n\nexport type _EuiThemeBorderColors = {\n  borderBasePrimary: ColorModeSwitch;\n  borderBaseAccent: ColorModeSwitch;\n  borderBaseAccentSecondary: ColorModeSwitch;\n  borderBaseSuccess: ColorModeSwitch;\n  borderBaseWarning: ColorModeSwitch;\n  borderBaseDanger: ColorModeSwitch;\n\n  borderBasePlain: ColorModeSwitch;\n  borderBaseSubdued: ColorModeSwitch;\n  borderBaseDisabled: ColorModeSwitch;\n  borderBaseFloating: ColorModeSwitch;\n\n  borderBaseFormsColorSwatch: ColorModeSwitch;\n  borderBaseFormsControl: ColorModeSwitch;\n\n  borderStrongPrimary: ColorModeSwitch;\n  borderStrongAccent: ColorModeSwitch;\n  borderStrongAccentSecondary: ColorModeSwitch;\n  borderStrongSuccess: ColorModeSwitch;\n  borderStrongWarning: ColorModeSwitch;\n  borderStrongDanger: ColorModeSwitch;\n};\n\nexport type _EuiThemeVisColors = {\n  euiColorVis0: string;\n  euiColorVis1: string;\n  euiColorVis2: string;\n  euiColorVis3: string;\n  euiColorVis4: string;\n  euiColorVis5: string;\n  euiColorVis6: string;\n  euiColorVis7: string;\n  euiColorVis8: string;\n  euiColorVis9: string;\n\n  euiColorVisAsTextLight0: string;\n  euiColorVisAsTextLight1: string;\n  euiColorVisAsTextLight2: string;\n  euiColorVisAsTextLight3: string;\n  euiColorVisAsTextLight4: string;\n  euiColorVisAsTextLight5: string;\n  euiColorVisAsTextLight6: string;\n\n  euiColorVisAsTextDark0: string;\n  euiColorVisAsTextDark1: string;\n  euiColorVisAsTextDark2: string;\n  euiColorVisAsTextDark3: string;\n  euiColorVisAsTextDark4: string;\n  euiColorVisAsTextDark5: string;\n  euiColorVisAsTextDark6: string;\n\n  euiColorVisSuccess0: string;\n  euiColorVisSuccess1: string;\n  euiColorVisWarning0: string;\n  euiColorVisDanger0: string;\n  euiColorVisDanger1: string;\n\n  euiColorVisNeutral0: string;\n\n  euiColorVisGrey0: string;\n  euiColorVisGrey1: string;\n  euiColorVisGrey2: string;\n  euiColorVisGrey3: string;\n\n  euiColorVisWarm0: string;\n  euiColorVisWarm1: string;\n  euiColorVisWarm2: string;\n\n  euiColorVisCool0: string;\n  euiColorVisCool1: string;\n  euiColorVisCool2: string;\n\n  euiColorVisComplementary0: string;\n  euiColorVisComplementary1: string;\n};\n\nexport type _EuiThemeConstantColors = {\n  /**\n   * Purest **white**\n   * @deprecated\n   */\n  ghost: string;\n  /**\n   * Purest **black**\n   * @deprecated\n   */\n  ink: string;\n  vis: _EuiThemeVisColors;\n};\n\nexport type _EuiThemeColorsMode = _EuiThemeBrandColors &\n  _EuiThemeBrandTextColors &\n  _EuiThemeShadeColors &\n  _EuiThemeSpecialColors &\n  _EuiThemeTextColors &\n  _EuiThemeBackgroundColors &\n  _EuiThemeTransparentBackgroundColors &\n  _EuiThemeBorderColors;\n\nexport type _EuiThemeColors = StrictColorModeSwitch<_EuiThemeColorsMode> &\n  _EuiThemeConstantColors;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"colors.js","names":[],"sources":["../../../../src/global_styling/variables/colors.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport { ColorModeSwitch, StrictColorModeSwitch } from '../types';\n\n/**\n * Top 5 colors\n */\nexport type _EuiThemeBrandColors = {\n  /**\n   * Main brand color and used for most **call to actions** like buttons and links.\n   */\n  primary: ColorModeSwitch;\n  /**\n   * Pulls attention to key indicators like **notifications** or number of selections.\n   */\n  accent: ColorModeSwitch;\n  /**\n   * Secondary attention indicator with lower priority.\n   */\n  accentSecondary: ColorModeSwitch;\n  /**\n   * Used for **positive** messages/graphics and additive actions.\n   */\n  success: ColorModeSwitch;\n  /**\n   * Used for **warnings** and actions that have a potential to be destructive.\n   */\n  warning: ColorModeSwitch;\n  /**\n   * Used for **negative** messages/graphics like errors and destructive actions.\n   */\n  danger: ColorModeSwitch;\n};\n\n/**\n * Every brand color must have a contrast computed text equivelant\n */\nexport type _EuiThemeBrandTextColors = {\n  /**\n   * Typically computed against `colors.primary`\n   * @deprecated - use `textPrimary` instead\n   */\n  primaryText: ColorModeSwitch;\n  /**\n   * Typically computed against `colors.accent`\n   * @deprecated - use `textAccent` instead\n   */\n  accentText: ColorModeSwitch;\n  /**\n   * Typically computed against `colors.success`\n   * @deprecated - use `textSuccess` instead\n   */\n  successText: ColorModeSwitch;\n  /**\n   * Typically computed against `colors.warning`\n   * @deprecated - use `textWarning` instead\n   */\n  warningText: ColorModeSwitch;\n  /**\n   * Typically computed against `colors.danger`\n   * @deprecated - use `textDanger` instead\n   */\n  dangerText: ColorModeSwitch;\n\n  textPrimary: ColorModeSwitch;\n  textAccent: ColorModeSwitch;\n  textAccentSecondary: ColorModeSwitch;\n  textSuccess: ColorModeSwitch;\n  textWarning: ColorModeSwitch;\n  textDanger: ColorModeSwitch;\n};\n\nexport type _EuiThemeShadeColors = {\n  /**\n   * Used as the background color of primary **page content and panels** including modals and flyouts.\n   * @deprecated - use specific semantic color tokens instead\n   */\n  emptyShade: ColorModeSwitch;\n  /**\n   * Used to lightly shade areas that contain **secondary content** or contain panel-like components.\n   * @deprecated - use specific semantic color tokens instead\n   */\n  lightestShade: ColorModeSwitch;\n  /**\n   * Used for most **borders** and dividers (horizontal rules).\n   * @deprecated - use specific semantic color tokens instead\n   */\n  lightShade: ColorModeSwitch;\n  /**\n   * The middle gray for all themes; this is the base for `colors.subdued`.\n   * @deprecated - use specific semantic color tokens instead\n   */\n  mediumShade: ColorModeSwitch;\n  /**\n   * Slightly subtle graphic color\n   * @deprecated - use specific semantic color tokens instead\n   */\n  darkShade: ColorModeSwitch;\n  /**\n   * Used as the **text** color and the background color for **inverted components** like tooltips and the control bar.\n   * @deprecated - use specific semantic color tokens instead\n   */\n  darkestShade: ColorModeSwitch;\n  /**\n   * The opposite of `emptyShade`\n   * @deprecated - use specific semantic color tokens instead\n   */\n  fullShade: ColorModeSwitch;\n};\n\nexport type _EuiThemeTextColors = {\n  /**\n   * Computed against `colors.darkestShade`\n   * @deprecated - use `textParagraph` instead\n   */\n  text: ColorModeSwitch;\n  /**\n   * Computed against `colors.text`\n   * @deprecated - use `textHeading` instead\n   */\n  title: ColorModeSwitch;\n  /**\n   * Computed against `colors.mediumShade`\n   * @deprecated - use `textSubdued` instead\n   */\n  subduedText: ColorModeSwitch;\n  /**\n   * Computed against `colors.primaryText`\n   */\n  link: ColorModeSwitch;\n\n  textParagraph: ColorModeSwitch;\n  textHeading: ColorModeSwitch;\n  textSubdued: ColorModeSwitch;\n  textDisabled: ColorModeSwitch;\n  textInverse: ColorModeSwitch;\n};\n\nexport type _EuiThemeSpecialColors = {\n  /**\n   * The background color for the **whole window (body)** and is a computed value of `colors.lightestShade`.\n   * Provides denominator (background) value for **contrast calculations**.\n   * @deprecated - use backgroundPage instead\n   */\n  body: ColorModeSwitch;\n  /**\n   * Used to **highlight text** when matching against search strings\n   */\n  highlight: ColorModeSwitch;\n  /**\n   * Computed against `colors.darkestShade`\n   * @deprecated - use specific semantic tokens instead (e.g. backgroundDisabled, borderDisabled etc)\n   */\n  disabled: ColorModeSwitch;\n  /**\n   * Computed against `colors.disabled`\n   * @deprecated - use textDisabled instead\n   */\n  disabledText: ColorModeSwitch;\n  /**\n   * The base color for shadows that gets `transparentized`\n   * at a value based on the `colorMode` and then layered.\n   * @deprecated - use specific shadow tokens instead\n   */\n  shadow: ColorModeSwitch;\n};\n\nexport type _EuiThemeBackgroundColors = {\n  backgroundBasePrimary: ColorModeSwitch;\n  backgroundBaseAccent: ColorModeSwitch;\n  backgroundBaseAccentSecondary: ColorModeSwitch;\n  backgroundBaseSuccess: ColorModeSwitch;\n  backgroundBaseWarning: ColorModeSwitch;\n  backgroundBaseDanger: ColorModeSwitch;\n  backgroundBaseSubdued: ColorModeSwitch;\n  backgroundBasePlain: ColorModeSwitch;\n  backgroundBaseDisabled: ColorModeSwitch;\n  backgroundBaseHighlighted: ColorModeSwitch;\n  backgroundBaseFormsPrepend: ColorModeSwitch;\n  backgroundBaseFormsControlDisabled: ColorModeSwitch;\n  backgroundBaseInteractiveHover: ColorModeSwitch;\n  backgroundBaseInteractiveSelect: ColorModeSwitch;\n  backgroundBaseInteractiveOverlay: ColorModeSwitch;\n  backgroundBaseSkeletonEdge: ColorModeSwitch;\n  backgroundBaseSkeletonMiddle: ColorModeSwitch;\n\n  backgroundLightPrimary: ColorModeSwitch;\n  backgroundLightAccent: ColorModeSwitch;\n  backgroundLightAccentSecondary: ColorModeSwitch;\n  backgroundLightSuccess: ColorModeSwitch;\n  backgroundLightWarning: ColorModeSwitch;\n  backgroundLightDanger: ColorModeSwitch;\n  backgroundLightText: ColorModeSwitch;\n\n  backgroundFilledPrimary: ColorModeSwitch;\n  backgroundFilledAccent: ColorModeSwitch;\n  backgroundFilledAccentSecondary: ColorModeSwitch;\n  backgroundFilledSuccess: ColorModeSwitch;\n  backgroundFilledWarning: ColorModeSwitch;\n  backgroundFilledDanger: ColorModeSwitch;\n  backgroundFilledText: ColorModeSwitch;\n};\n\n/** TODO: remove once usages are re-mapped */\nexport type _EuiThemeTransparentBackgroundColors = {\n  /** @deprecated */\n  backgroundTransparent: string;\n  /** @deprecated */\n  backgroundTransparentPrimary: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentAccent: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentAccentSecondary: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentSuccess: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentWarning: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentDanger: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentSubdued: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentHighlighted: ColorModeSwitch;\n  /** @deprecated */\n  backgroundTransparentPlain: ColorModeSwitch;\n};\n\nexport type _EuiThemeBorderColors = {\n  borderBasePrimary: ColorModeSwitch;\n  borderBaseAccent: ColorModeSwitch;\n  borderBaseAccentSecondary: ColorModeSwitch;\n  borderBaseSuccess: ColorModeSwitch;\n  borderBaseWarning: ColorModeSwitch;\n  borderBaseDanger: ColorModeSwitch;\n\n  borderBasePlain: ColorModeSwitch;\n  borderBaseSubdued: ColorModeSwitch;\n  borderBaseDisabled: ColorModeSwitch;\n  borderBaseFloating: ColorModeSwitch;\n\n  borderBaseFormsColorSwatch: ColorModeSwitch;\n  borderBaseFormsControl: ColorModeSwitch;\n\n  borderStrongPrimary: ColorModeSwitch;\n  borderStrongAccent: ColorModeSwitch;\n  borderStrongAccentSecondary: ColorModeSwitch;\n  borderStrongSuccess: ColorModeSwitch;\n  borderStrongWarning: ColorModeSwitch;\n  borderStrongDanger: ColorModeSwitch;\n};\n\nexport type _EuiThemeVisColors = {\n  euiColorVis0: string;\n  euiColorVis1: string;\n  euiColorVis2: string;\n  euiColorVis3: string;\n  euiColorVis4: string;\n  euiColorVis5: string;\n  euiColorVis6: string;\n  euiColorVis7: string;\n  euiColorVis8: string;\n  euiColorVis9: string;\n\n  euiColorVisAsTextLight0: string;\n  euiColorVisAsTextLight1: string;\n  euiColorVisAsTextLight2: string;\n  euiColorVisAsTextLight3: string;\n  euiColorVisAsTextLight4: string;\n  euiColorVisAsTextLight5: string;\n  euiColorVisAsTextLight6: string;\n\n  euiColorVisAsTextDark0: string;\n  euiColorVisAsTextDark1: string;\n  euiColorVisAsTextDark2: string;\n  euiColorVisAsTextDark3: string;\n  euiColorVisAsTextDark4: string;\n  euiColorVisAsTextDark5: string;\n  euiColorVisAsTextDark6: string;\n\n  euiColorVisSuccess0: string;\n  euiColorVisSuccess1: string;\n  euiColorVisWarning0: string;\n  euiColorVisDanger0: string;\n  euiColorVisDanger1: string;\n\n  euiColorVisNeutral0: string;\n\n  euiColorSeverity0: string;\n  euiColorSeverity1: string;\n  euiColorSeverity2: string;\n  euiColorSeverity3: string;\n  euiColorSeverity4: string;\n  euiColorSeverity5: string;\n  euiColorSeverity6: string;\n  euiColorSeverity7: string;\n  euiColorSeverity8: string;\n  euiColorSeverity9: string;\n  euiColorSeverity10: string;\n  euiColorSeverity11: string;\n  euiColorSeverity12: string;\n  euiColorSeverity13: string;\n  euiColorSeverity14: string;\n\n  euiColorVisGrey0: string;\n  euiColorVisGrey1: string;\n  euiColorVisGrey2: string;\n  euiColorVisGrey3: string;\n\n  euiColorVisWarm0: string;\n  euiColorVisWarm1: string;\n  euiColorVisWarm2: string;\n\n  euiColorVisCool0: string;\n  euiColorVisCool1: string;\n  euiColorVisCool2: string;\n\n  euiColorVisComplementary0: string;\n  euiColorVisComplementary1: string;\n};\n\nexport type _EuiThemeConstantColors = {\n  /**\n   * Purest **white**\n   * @deprecated\n   */\n  ghost: string;\n  /**\n   * Purest **black**\n   * @deprecated\n   */\n  ink: string;\n\n  plainLight: string;\n  plainDark: string;\n\n  vis: _EuiThemeVisColors;\n};\n\nexport type _EuiThemeColorsMode = _EuiThemeBrandColors &\n  _EuiThemeBrandTextColors &\n  _EuiThemeShadeColors &\n  _EuiThemeSpecialColors &\n  _EuiThemeTextColors &\n  _EuiThemeBackgroundColors &\n  _EuiThemeTransparentBackgroundColors &\n  _EuiThemeBorderColors;\n\nexport type _EuiThemeColors = StrictColorModeSwitch<_EuiThemeColorsMode> &\n  _EuiThemeConstantColors;\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/global_styling/variables/components.d.ts

@@ -1,10 +1,11 @@
 import { ColorModeSwitch, StrictColorModeSwitch } from '../types';
 import { _EuiThemeButtonColors } from './buttons';
-import { _EuiThemeFormColors } from './forms';
+import { _EuiThemeForm, _EuiThemeFormColors } from './forms';
 export declare type _EuiThemeComponentColors = {
     buttonGroupBorderColor: ColorModeSwitch;
     buttonGroupBorderColorSelected: ColorModeSwitch;
     buttonGroupFocusColor: ColorModeSwitch;
+    badgeBackground: ColorModeSwitch;
     badgeBackgroundSubdued: ColorModeSwitch;
     badgeBorderColorHollow: ColorModeSwitch;
     badgeIconButtonBackgroundHover: ColorModeSwitch;
@@ -36,9 +37,11 @@ export declare type _EuiThemeComponentColors = {
     codeSelectorIdColor: ColorModeSwitch;
     collapsibleNavGroupBackground: ColorModeSwitch;
     collapsibleNavGroupBackgroundDark: ColorModeSwitch;
+    dataGridBorderColor: ColorModeSwitch;
     dataGridVerticalLineBorderColor: ColorModeSwitch;
     dataGridRowBackgroundStriped: ColorModeSwitch;
     dataGridRowBackgroundHover: ColorModeSwitch;
+    dataGridRowBackgroundSelect: ColorModeSwitch;
     dragDropDraggingBackground: ColorModeSwitch;
     dragDropDraggingOverBackground: ColorModeSwitch;
     headerBackground: ColorModeSwitch;
@@ -46,6 +49,7 @@ export declare type _EuiThemeComponentColors = {
     headerDarkSearchBorderColor: ColorModeSwitch;
     headerDarkSectionItemBackgroundFocus: ColorModeSwitch;
     filterSelectItemBackgroundFocusDisabled: ColorModeSwitch;
+    flyoutFooterBackground: ColorModeSwitch;
     flyoutCloseButtonInsideBackground: ColorModeSwitch;
     keyPadMenuItemBackgroundDisabledSelect: ColorModeSwitch;
     listGroupItemBackgroundPrimaryActive: ColorModeSwitch;
@@ -87,7 +91,7 @@ export declare type _EuiThemeComponentColors = {
 };
 export declare type _EuiThemeComponents = {
     buttons: StrictColorModeSwitch<_EuiThemeButtonColors>;
-    forms: StrictColorModeSwitch<_EuiThemeFormColors>;
+    forms: _EuiThemeForm & StrictColorModeSwitch<_EuiThemeFormColors>;
     /**
      * internal-only key that holds temporary tokens used while migrating themes
      */

package/lib/cjs/global_styling/variables/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/variables/components.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/variables/components.ts"],"names":[],"mappings":"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"}

package/lib/cjs/global_styling/variables/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","names":[],"sources":["../../../../src/global_styling/variables/components.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport { ColorModeSwitch, StrictColorModeSwitch } from '../types';\nimport { _EuiThemeButtonColors } from './buttons';\nimport { _EuiThemeFormColors } from './forms';\n\nexport type _EuiThemeComponentColors = {\n  buttonGroupBorderColor: ColorModeSwitch;\n  buttonGroupBorderColorSelected: ColorModeSwitch;\n  buttonGroupFocusColor: ColorModeSwitch;\n\n  badgeBackgroundSubdued: ColorModeSwitch;\n  badgeBorderColorHollow: ColorModeSwitch;\n  badgeIconButtonBackgroundHover: ColorModeSwitch;\n\n  bottomBarBackground: ColorModeSwitch;\n\n  breadcrumbsApplicationBackground: ColorModeSwitch;\n  breadcrumbsApplicationColor: ColorModeSwitch;\n\n  codeBackground: ColorModeSwitch;\n  codeBackgroundSelected: ColorModeSwitch;\n  codeColor: ColorModeSwitch;\n  codeInlineColor: ColorModeSwitch;\n  codeCommentColor: ColorModeSwitch;\n  codeSelectorColor: ColorModeSwitch;\n  codeStringColor: ColorModeSwitch;\n  codeTagColor: ColorModeSwitch;\n  codeNameColor: ColorModeSwitch;\n  codeNumberColor: ColorModeSwitch;\n  codeKeywordColor: ColorModeSwitch;\n  codeFunctionTitleColor: ColorModeSwitch;\n  codeTypeColor: ColorModeSwitch;\n  codeAttributeColor: ColorModeSwitch;\n  codeSymbolColor: ColorModeSwitch;\n  codeParamsColor: ColorModeSwitch;\n  codeMetaColor: ColorModeSwitch;\n  codeTitleColor: ColorModeSwitch;\n  codeSectionColor: ColorModeSwitch;\n  codeAdditionColor: ColorModeSwitch;\n  codeDeletionColor: ColorModeSwitch;\n  codeSelectorClassColor: ColorModeSwitch;\n  codeSelectorIdColor: ColorModeSwitch;\n\n  collapsibleNavGroupBackground: ColorModeSwitch;\n  collapsibleNavGroupBackgroundDark: ColorModeSwitch;\n\n  dataGridVerticalLineBorderColor: ColorModeSwitch;\n  dataGridRowBackgroundStriped: ColorModeSwitch;\n  dataGridRowBackgroundHover: ColorModeSwitch;\n\n  dragDropDraggingBackground: ColorModeSwitch;\n  dragDropDraggingOverBackground: ColorModeSwitch;\n\n  headerBackground: ColorModeSwitch;\n  headerDarkBackground: ColorModeSwitch;\n  headerDarkSearchBorderColor: ColorModeSwitch;\n  headerDarkSectionItemBackgroundFocus: ColorModeSwitch;\n\n  filterSelectItemBackgroundFocusDisabled: ColorModeSwitch;\n\n  flyoutCloseButtonInsideBackground: ColorModeSwitch;\n\n  keyPadMenuItemBackgroundDisabledSelect: ColorModeSwitch;\n\n  listGroupItemBackgroundPrimaryActive: ColorModeSwitch;\n  listGroupItemBackgroundSubduedActive: ColorModeSwitch;\n  listGroupItemBackgroundHover: ColorModeSwitch;\n  listGroupItemBackgroundPrimaryHover: ColorModeSwitch;\n\n  loadingChartMonoBackground0: ColorModeSwitch;\n  loadingChartMonoBackground1: ColorModeSwitch;\n  loadingChartMonoBackground2: ColorModeSwitch;\n  loadingChartMonoBackground3: ColorModeSwitch;\n\n  markBackground: ColorModeSwitch;\n\n  markdownFormatTableBorderColor: ColorModeSwitch;\n\n  popoverPanelBackground: ColorModeSwitch;\n  popoverFooterBorderColor: ColorModeSwitch;\n\n  scrollbarTrackColor: ColorModeSwitch;\n\n  sideNavItemEmphasizedBackground: ColorModeSwitch;\n\n  selectableListItemBorderColor: ColorModeSwitch;\n\n  superDatePickerBackgroundSuccees: ColorModeSwitch;\n\n  switchBackgroundOn: ColorModeSwitch;\n  switchBackgroundOff: ColorModeSwitch;\n  switchUncompressedBackgroundDisabled: ColorModeSwitch;\n  switchCompressedBackgroundDisabled: ColorModeSwitch;\n  switchMiniBackgroundDisabled: ColorModeSwitch;\n  switchThumbBackgroundDisabled: ColorModeSwitch;\n  switchThumbBorderOn: ColorModeSwitch;\n  switchThumbBorderOff: ColorModeSwitch;\n  switchIconDisabled: ColorModeSwitch;\n\n  tableRowBackgroundHover: ColorModeSwitch;\n  tableRowBackgroundSelected: ColorModeSwitch;\n  tableRowBackgroundSelectedHover: ColorModeSwitch;\n  tableRowInteractiveBackgroundHover: ColorModeSwitch;\n  tableRowInteractiveBackgroundFocus: ColorModeSwitch;\n  tableCellSortableIconColor: ColorModeSwitch;\n\n  tooltipBackground: ColorModeSwitch;\n  tooltipBorder: ColorModeSwitch;\n  tooltipBorderFloating: ColorModeSwitch;\n\n  tourFooterBackground: ColorModeSwitch;\n\n  treeViewItemBackgroundHover: ColorModeSwitch;\n};\n\nexport type _EuiThemeComponents = {\n  buttons: StrictColorModeSwitch<_EuiThemeButtonColors>;\n  forms: StrictColorModeSwitch<_EuiThemeFormColors>;\n  /**\n   * internal-only key that holds temporary tokens used while migrating themes\n   */\n  LIGHT: _EuiThemeComponentColors;\n  DARK: _EuiThemeComponentColors;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"components.js","names":[],"sources":["../../../../src/global_styling/variables/components.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport { ColorModeSwitch, StrictColorModeSwitch } from '../types';\nimport { _EuiThemeButtonColors } from './buttons';\nimport { _EuiThemeForm, _EuiThemeFormColors } from './forms';\n\nexport type _EuiThemeComponentColors = {\n  buttonGroupBorderColor: ColorModeSwitch;\n  buttonGroupBorderColorSelected: ColorModeSwitch;\n  buttonGroupFocusColor: ColorModeSwitch;\n\n  badgeBackground: ColorModeSwitch;\n  badgeBackgroundSubdued: ColorModeSwitch;\n  badgeBorderColorHollow: ColorModeSwitch;\n  badgeIconButtonBackgroundHover: ColorModeSwitch;\n\n  bottomBarBackground: ColorModeSwitch;\n\n  breadcrumbsApplicationBackground: ColorModeSwitch;\n  breadcrumbsApplicationColor: ColorModeSwitch;\n\n  codeBackground: ColorModeSwitch;\n  codeBackgroundSelected: ColorModeSwitch;\n  codeColor: ColorModeSwitch;\n  codeInlineColor: ColorModeSwitch;\n  codeCommentColor: ColorModeSwitch;\n  codeSelectorColor: ColorModeSwitch;\n  codeStringColor: ColorModeSwitch;\n  codeTagColor: ColorModeSwitch;\n  codeNameColor: ColorModeSwitch;\n  codeNumberColor: ColorModeSwitch;\n  codeKeywordColor: ColorModeSwitch;\n  codeFunctionTitleColor: ColorModeSwitch;\n  codeTypeColor: ColorModeSwitch;\n  codeAttributeColor: ColorModeSwitch;\n  codeSymbolColor: ColorModeSwitch;\n  codeParamsColor: ColorModeSwitch;\n  codeMetaColor: ColorModeSwitch;\n  codeTitleColor: ColorModeSwitch;\n  codeSectionColor: ColorModeSwitch;\n  codeAdditionColor: ColorModeSwitch;\n  codeDeletionColor: ColorModeSwitch;\n  codeSelectorClassColor: ColorModeSwitch;\n  codeSelectorIdColor: ColorModeSwitch;\n\n  collapsibleNavGroupBackground: ColorModeSwitch;\n  collapsibleNavGroupBackgroundDark: ColorModeSwitch;\n\n  dataGridBorderColor: ColorModeSwitch;\n  dataGridVerticalLineBorderColor: ColorModeSwitch;\n  dataGridRowBackgroundStriped: ColorModeSwitch;\n  dataGridRowBackgroundHover: ColorModeSwitch;\n  dataGridRowBackgroundSelect: ColorModeSwitch;\n\n  dragDropDraggingBackground: ColorModeSwitch;\n  dragDropDraggingOverBackground: ColorModeSwitch;\n\n  headerBackground: ColorModeSwitch;\n  headerDarkBackground: ColorModeSwitch;\n  headerDarkSearchBorderColor: ColorModeSwitch;\n  headerDarkSectionItemBackgroundFocus: ColorModeSwitch;\n\n  filterSelectItemBackgroundFocusDisabled: ColorModeSwitch;\n\n  flyoutFooterBackground: ColorModeSwitch;\n  flyoutCloseButtonInsideBackground: ColorModeSwitch;\n\n  keyPadMenuItemBackgroundDisabledSelect: ColorModeSwitch;\n\n  listGroupItemBackgroundPrimaryActive: ColorModeSwitch;\n  listGroupItemBackgroundSubduedActive: ColorModeSwitch;\n  listGroupItemBackgroundHover: ColorModeSwitch;\n  listGroupItemBackgroundPrimaryHover: ColorModeSwitch;\n\n  loadingChartMonoBackground0: ColorModeSwitch;\n  loadingChartMonoBackground1: ColorModeSwitch;\n  loadingChartMonoBackground2: ColorModeSwitch;\n  loadingChartMonoBackground3: ColorModeSwitch;\n\n  markBackground: ColorModeSwitch;\n\n  markdownFormatTableBorderColor: ColorModeSwitch;\n\n  popoverPanelBackground: ColorModeSwitch;\n  popoverFooterBorderColor: ColorModeSwitch;\n\n  scrollbarTrackColor: ColorModeSwitch;\n\n  sideNavItemEmphasizedBackground: ColorModeSwitch;\n\n  selectableListItemBorderColor: ColorModeSwitch;\n\n  superDatePickerBackgroundSuccees: ColorModeSwitch;\n\n  switchBackgroundOn: ColorModeSwitch;\n  switchBackgroundOff: ColorModeSwitch;\n  switchUncompressedBackgroundDisabled: ColorModeSwitch;\n  switchCompressedBackgroundDisabled: ColorModeSwitch;\n  switchMiniBackgroundDisabled: ColorModeSwitch;\n  switchThumbBackgroundDisabled: ColorModeSwitch;\n  switchThumbBorderOn: ColorModeSwitch;\n  switchThumbBorderOff: ColorModeSwitch;\n  switchIconDisabled: ColorModeSwitch;\n\n  tableRowBackgroundHover: ColorModeSwitch;\n  tableRowBackgroundSelected: ColorModeSwitch;\n  tableRowBackgroundSelectedHover: ColorModeSwitch;\n  tableRowInteractiveBackgroundHover: ColorModeSwitch;\n  tableRowInteractiveBackgroundFocus: ColorModeSwitch;\n  tableCellSortableIconColor: ColorModeSwitch;\n\n  tooltipBackground: ColorModeSwitch;\n  tooltipBorder: ColorModeSwitch;\n  tooltipBorderFloating: ColorModeSwitch;\n\n  tourFooterBackground: ColorModeSwitch;\n\n  treeViewItemBackgroundHover: ColorModeSwitch;\n};\n\nexport type _EuiThemeComponents = {\n  buttons: StrictColorModeSwitch<_EuiThemeButtonColors>;\n  forms: _EuiThemeForm & StrictColorModeSwitch<_EuiThemeFormColors>;\n  /**\n   * internal-only key that holds temporary tokens used while migrating themes\n   */\n  LIGHT: _EuiThemeComponentColors;\n  DARK: _EuiThemeComponentColors;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/global_styling/variables/forms.d.ts

@@ -1,4 +1,7 @@
 import { ColorModeSwitch } from '../types';
+export declare type _EuiThemeForm = {
+    maxWidth: string;
+};
 export declare type _EuiThemeFormColors = {
     background: ColorModeSwitch;
     backgroundDisabled: ColorModeSwitch;

package/lib/cjs/global_styling/variables/forms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/variables/forms.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,oBAAY,mBAAmB,GAAG;IAChC,UAAU,EAAE,eAAe,CAAC;IAC5B,kBAAkB,EAAE,eAAe,CAAC;IACpC,kBAAkB,EAAE,eAAe,CAAC;IACpC,iBAAiB,EAAE,eAAe,CAAC;IACnC,oBAAoB,EAAE,eAAe,CAAC;IACtC,iBAAiB,EAAE,eAAe,CAAC;IACnC,MAAM,EAAE,eAAe,CAAC;IACxB,gBAAgB,EAAE,eAAe,CAAC;IAClC,aAAa,EAAE,eAAe,CAAC;IAC/B,qBAAqB,EAAE,eAAe,CAAC;IACvC,qBAAqB,EAAE,eAAe,CAAC;IACvC,2BAA2B,EAAE,eAAe,CAAC;IAC7C,yBAAyB,EAAE,eAAe,CAAC;IAC3C,mBAAmB,EAAE,eAAe,CAAC;IACrC,aAAa,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,eAAe,CAAC;CAC/B,CAAC"}
+{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/variables/forms.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,UAAU,EAAE,eAAe,CAAC;IAC5B,kBAAkB,EAAE,eAAe,CAAC;IACpC,kBAAkB,EAAE,eAAe,CAAC;IACpC,iBAAiB,EAAE,eAAe,CAAC;IACnC,oBAAoB,EAAE,eAAe,CAAC;IACtC,iBAAiB,EAAE,eAAe,CAAC;IACnC,MAAM,EAAE,eAAe,CAAC;IACxB,gBAAgB,EAAE,eAAe,CAAC;IAClC,aAAa,EAAE,eAAe,CAAC;IAC/B,qBAAqB,EAAE,eAAe,CAAC;IACvC,qBAAqB,EAAE,eAAe,CAAC;IACvC,2BAA2B,EAAE,eAAe,CAAC;IAC7C,yBAAyB,EAAE,eAAe,CAAC;IAC3C,mBAAmB,EAAE,eAAe,CAAC;IACrC,aAAa,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,eAAe,CAAC;CAC/B,CAAC"}

package/lib/cjs/global_styling/variables/forms.js.map

@@ -1 +1 @@
-{"version":3,"file":"forms.js","names":[],"sources":["../../../../src/global_styling/variables/forms.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport { ColorModeSwitch } from '../types';\n\nexport type _EuiThemeFormColors = {\n  background: ColorModeSwitch;\n  backgroundDisabled: ColorModeSwitch;\n  backgroundReadOnly: ColorModeSwitch;\n  backgroundFocused: ColorModeSwitch;\n  backgroundAutofilled: ColorModeSwitch;\n  prependBackground: ColorModeSwitch;\n  border: ColorModeSwitch;\n  borderAutofilled: ColorModeSwitch;\n  controlBorder: ColorModeSwitch;\n  controlBorderSelected: ColorModeSwitch;\n  controlBorderDisabled: ColorModeSwitch;\n  controlBackgroundUnselected: ColorModeSwitch;\n  controlBackgroundDisabled: ColorModeSwitch;\n  colorHasPlaceholder: ColorModeSwitch;\n  colorDisabled: ColorModeSwitch;\n  iconDisabled: ColorModeSwitch;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"forms.js","names":[],"sources":["../../../../src/global_styling/variables/forms.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport { ColorModeSwitch } from '../types';\n\nexport type _EuiThemeForm = {\n  maxWidth: string;\n};\n\nexport type _EuiThemeFormColors = {\n  background: ColorModeSwitch;\n  backgroundDisabled: ColorModeSwitch;\n  backgroundReadOnly: ColorModeSwitch;\n  backgroundFocused: ColorModeSwitch;\n  backgroundAutofilled: ColorModeSwitch;\n  prependBackground: ColorModeSwitch;\n  border: ColorModeSwitch;\n  borderAutofilled: ColorModeSwitch;\n  controlBorder: ColorModeSwitch;\n  controlBorderSelected: ColorModeSwitch;\n  controlBorderDisabled: ColorModeSwitch;\n  controlBackgroundUnselected: ColorModeSwitch;\n  controlBackgroundDisabled: ColorModeSwitch;\n  colorHasPlaceholder: ColorModeSwitch;\n  colorDisabled: ColorModeSwitch;\n  iconDisabled: ColorModeSwitch;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/esm/global_styling/functions/index.d.ts

@@ -1 +1,2 @@
 export * from './size';
+export * from './math';

package/lib/esm/global_styling/functions/index.js

@@ -6,4 +6,5 @@
  * Side Public License, v 1.
  */
 export * from './size';
+export * from './math';
 //# sourceMappingURL=index.js.map

package/lib/esm/global_styling/functions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/global_styling/functions/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/global_styling/functions/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/lib/esm/global_styling/functions/math.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Utility for performing math callbacks on a string with CSS units
+ * and returning a string with its unit preserved.
+ *
+ * Example usage:
+ * mathWithUnits('4px', (x) => x / 2) = '2px';
+ * mathWithUnits(euiTheme.size.xs, (x) => x + 2) = '6px';
+ * mathWithUnits([euiTheme.size.l, euiTheme.size.s], (x, y) => x - y) = '16px';
+ */
+declare type ValueTypes = string | number | undefined;
+export declare const mathWithUnits: (values: ValueTypes | ValueTypes[], callback: (...args: number[]) => number, unit?: string) => string;
+export {};

package/lib/esm/global_styling/functions/math.js

@@ -0,0 +1,45 @@
+/*
+ * 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.
+ */
+export const mathWithUnits = (values, // Can accept a single input or array of inputs
+callback, // Can be multiplication, division, addition, etc.
+unit = '' // Optional: allow specifying an override unit to return
+) => {
+    if (!Array.isArray(values))
+        values = [values];
+    const foundNumericValues = [];
+    let foundUnit = '';
+    values.forEach((value) => {
+        if (typeof value === 'string') {
+            const regex = /(?<value>-?[\d.]+)(?<unit>%|[a-zA-Z]*)/;
+            const matches = regex.exec(value);
+            const numericValue = Number(matches?.groups?.value);
+            if (!isNaN(numericValue)) {
+                foundNumericValues.push(numericValue);
+            }
+            else {
+                throw new Error('No valid numeric value found');
+            }
+            if (!unit && matches?.groups?.unit) {
+                if (!foundUnit) {
+                    foundUnit = matches.groups.unit;
+                }
+                else if (foundUnit !== matches.groups.unit) {
+                    throw new Error('Multiple units found. Use `calc()` to mix and math multiple unit types (e.g. `%` & `px`) instead');
+                }
+            }
+        }
+        else if (typeof value === 'number') {
+            foundNumericValues.push(value);
+        }
+        else {
+            throw new Error('Invalid value type - pass a string or number');
+        }
+    });
+    return `${callback(...foundNumericValues)}${unit || foundUnit}`;
+};
+//# sourceMappingURL=math.js.map

package/lib/esm/global_styling/functions/math.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.js","sourceRoot":"","sources":["../../../../src/global_styling/functions/math.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAaH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,MAAiC,EAAE,+CAA+C;AAClF,QAAuC,EAAE,kDAAkD;AAC3F,OAAe,EAAE,CAAC,wDAAwD;EAC1E,EAAE;IACF,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;QAAE,MAAM,GAAG,CAAC,MAAM,CAAC,CAAC;IAE9C,MAAM,kBAAkB,GAAa,EAAE,CAAC;IACxC,IAAI,SAAS,GAAG,EAAE,CAAC;IAEnB,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QACvB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,MAAM,KAAK,GAAG,wCAAwC,CAAC;YACvD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAElC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;YAEpD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;gBACxB,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;aACvC;iBAAM;gBACL,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC;aACjD;YAED,IAAI,CAAC,IAAI,IAAI,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE;gBAClC,IAAI,CAAC,SAAS,EAAE;oBACd,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;iBACjC;qBAAM,IAAI,SAAS,KAAK,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE;oBAC5C,MAAM,IAAI,KAAK,CACb,kGAAkG,CACnG,CAAC;iBACH;aACF;SACF;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YACpC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAChC;aAAM;YACL,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;SACjE;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,GAAG,QAAQ,CAAC,GAAG,kBAAkB,CAAC,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC;AAClE,CAAC,CAAC"}

package/lib/esm/global_styling/functions/math.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/esm/global_styling/functions/math.test.js

@@ -0,0 +1,67 @@
+/*
+ * 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 { mathWithUnits } from './math';
+describe('mathWithUnits', () => {
+    describe('extracts numerical values from CSS strings with units, performs math callbacks, and returns units as is', () => {
+        test('px and multiplication', () => {
+            expect(mathWithUnits('10px', (x) => x * 10)).toEqual('100px');
+        });
+        test('em and division', () => {
+            expect(mathWithUnits('40%', (x) => x / 2)).toEqual('20%');
+        });
+        test('rem and addition', () => {
+            expect(mathWithUnits('1rem', (x) => x + 2)).toEqual('3rem');
+        });
+        test('unitless and negative values', () => {
+            expect(mathWithUnits('-5.5', (x) => x - 1.2)).toEqual('-6.7');
+        });
+        test('allows passing an optional unit if none is passed', () => {
+            expect(mathWithUnits('0', (x) => x, 'vh')).toEqual('0vh');
+        });
+    });
+    describe('handles numeric input types', () => {
+        test('unitless', () => {
+            expect(mathWithUnits(6, (x) => Math.pow(x, 2))).toEqual('36');
+        });
+        test('allows passing an optional unit', () => {
+            expect(mathWithUnits(3.5, (x) => x % 1.5, 'px')).toEqual('0.5px');
+        });
+    });
+    describe('multiple inputs', () => {
+        it('accepts an array of inputs, parses each input, and returns them as a separate arg to the callback', () => {
+            expect(mathWithUnits(['3px', '4px', '5px'], (x, y, z) => x + y + z)).toEqual('12px');
+        });
+        it('allows mixing strings and numbers', () => {
+            expect(mathWithUnits(['6px', 3], (x, y) => x / y)).toEqual('2px');
+        });
+        it('throws on multiple different unit types', () => {
+            expect(() => mathWithUnits(['1px', '1em'], (x, y) => x + y)).toThrow('Multiple units found');
+        });
+        it('allows different unit types if an override unit is passed', () => {
+            expect(mathWithUnits(['50%', '5rem'], (x, y) => x / y, 'px')).toEqual('10px');
+        });
+    });
+    describe('weird edge cases', () => {
+        it('throws on undefined', () => {
+            expect(() => mathWithUnits(undefined, (x) => x * 3)).toThrow('Invalid value type');
+        });
+        it('throws on strings that do not contain numbers', () => {
+            expect(() => mathWithUnits('no number', (x) => x * 3)).toThrow('No valid numeric value found');
+        });
+        it('throws on strings with numbers that are actually NaNs', () => {
+            expect(() => mathWithUnits('34.23.12', (x) => x * 3)).toThrow('No valid numeric value found');
+        });
+        it('ignores multiple values/units, only using the first match', () => {
+            expect(mathWithUnits('10px 20px', (x) => x)).toEqual('10px');
+        });
+        it('ignores multiple percentage signs', () => {
+            expect(mathWithUnits('100%%%', (x) => x)).toEqual('100%');
+        });
+    });
+});
+//# sourceMappingURL=math.test.js.map

package/lib/esm/global_styling/functions/math.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.test.js","sourceRoot":"","sources":["../../../../src/global_styling/functions/math.test.ts"],"names":[],"mappings":"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"}

package/lib/esm/global_styling/variables/colors.d.ts

@@ -67,7 +67,7 @@ export declare type _EuiThemeBrandTextColors = {
 export declare type _EuiThemeShadeColors = {
     /**
      * Used as the background color of primary **page content and panels** including modals and flyouts.
-     * @deprecated - use `white`
+     * @deprecated - use specific semantic color tokens instead
      */
     emptyShade: ColorModeSwitch;
     /**
@@ -97,7 +97,7 @@ export declare type _EuiThemeShadeColors = {
     darkestShade: ColorModeSwitch;
     /**
      * The opposite of `emptyShade`
-     * @deprecated - use`black`
+     * @deprecated - use specific semantic color tokens instead
      */
     fullShade: ColorModeSwitch;
 };
@@ -165,6 +165,7 @@ export declare type _EuiThemeBackgroundColors = {
     backgroundBaseSubdued: ColorModeSwitch;
     backgroundBasePlain: ColorModeSwitch;
     backgroundBaseDisabled: ColorModeSwitch;
+    backgroundBaseHighlighted: ColorModeSwitch;
     backgroundBaseFormsPrepend: ColorModeSwitch;
     backgroundBaseFormsControlDisabled: ColorModeSwitch;
     backgroundBaseInteractiveHover: ColorModeSwitch;
@@ -206,6 +207,8 @@ export declare type _EuiThemeTransparentBackgroundColors = {
     /** @deprecated */
     backgroundTransparentSubdued: ColorModeSwitch;
     /** @deprecated */
+    backgroundTransparentHighlighted: ColorModeSwitch;
+    /** @deprecated */
     backgroundTransparentPlain: ColorModeSwitch;
 };
 export declare type _EuiThemeBorderColors = {
@@ -259,6 +262,21 @@ export declare type _EuiThemeVisColors = {
     euiColorVisDanger0: string;
     euiColorVisDanger1: string;
     euiColorVisNeutral0: string;
+    euiColorSeverity0: string;
+    euiColorSeverity1: string;
+    euiColorSeverity2: string;
+    euiColorSeverity3: string;
+    euiColorSeverity4: string;
+    euiColorSeverity5: string;
+    euiColorSeverity6: string;
+    euiColorSeverity7: string;
+    euiColorSeverity8: string;
+    euiColorSeverity9: string;
+    euiColorSeverity10: string;
+    euiColorSeverity11: string;
+    euiColorSeverity12: string;
+    euiColorSeverity13: string;
+    euiColorSeverity14: string;
     euiColorVisGrey0: string;
     euiColorVisGrey1: string;
     euiColorVisGrey2: string;
@@ -283,6 +301,8 @@ export declare type _EuiThemeConstantColors = {
      * @deprecated
      */
     ink: string;
+    plainLight: string;
+    plainDark: string;
     vis: _EuiThemeVisColors;
 };
 export declare type _EuiThemeColorsMode = _EuiThemeBrandColors & _EuiThemeBrandTextColors & _EuiThemeShadeColors & _EuiThemeSpecialColors & _EuiThemeTextColors & _EuiThemeBackgroundColors & _EuiThemeTransparentBackgroundColors & _EuiThemeBorderColors;

package/lib/esm/global_styling/variables/components.d.ts

@@ -1,10 +1,11 @@
 import { ColorModeSwitch, StrictColorModeSwitch } from '../types';
 import { _EuiThemeButtonColors } from './buttons';
-import { _EuiThemeFormColors } from './forms';
+import { _EuiThemeForm, _EuiThemeFormColors } from './forms';
 export declare type _EuiThemeComponentColors = {
     buttonGroupBorderColor: ColorModeSwitch;
     buttonGroupBorderColorSelected: ColorModeSwitch;
     buttonGroupFocusColor: ColorModeSwitch;
+    badgeBackground: ColorModeSwitch;
     badgeBackgroundSubdued: ColorModeSwitch;
     badgeBorderColorHollow: ColorModeSwitch;
     badgeIconButtonBackgroundHover: ColorModeSwitch;
@@ -36,9 +37,11 @@ export declare type _EuiThemeComponentColors = {
     codeSelectorIdColor: ColorModeSwitch;
     collapsibleNavGroupBackground: ColorModeSwitch;
     collapsibleNavGroupBackgroundDark: ColorModeSwitch;
+    dataGridBorderColor: ColorModeSwitch;
     dataGridVerticalLineBorderColor: ColorModeSwitch;
     dataGridRowBackgroundStriped: ColorModeSwitch;
     dataGridRowBackgroundHover: ColorModeSwitch;
+    dataGridRowBackgroundSelect: ColorModeSwitch;
     dragDropDraggingBackground: ColorModeSwitch;
     dragDropDraggingOverBackground: ColorModeSwitch;
     headerBackground: ColorModeSwitch;
@@ -46,6 +49,7 @@ export declare type _EuiThemeComponentColors = {
     headerDarkSearchBorderColor: ColorModeSwitch;
     headerDarkSectionItemBackgroundFocus: ColorModeSwitch;
     filterSelectItemBackgroundFocusDisabled: ColorModeSwitch;
+    flyoutFooterBackground: ColorModeSwitch;
     flyoutCloseButtonInsideBackground: ColorModeSwitch;
     keyPadMenuItemBackgroundDisabledSelect: ColorModeSwitch;
     listGroupItemBackgroundPrimaryActive: ColorModeSwitch;
@@ -87,7 +91,7 @@ export declare type _EuiThemeComponentColors = {
 };
 export declare type _EuiThemeComponents = {
     buttons: StrictColorModeSwitch<_EuiThemeButtonColors>;
-    forms: StrictColorModeSwitch<_EuiThemeFormColors>;
+    forms: _EuiThemeForm & StrictColorModeSwitch<_EuiThemeFormColors>;
     /**
      * internal-only key that holds temporary tokens used while migrating themes
      */

package/lib/esm/global_styling/variables/forms.d.ts

@@ -1,4 +1,7 @@
 import { ColorModeSwitch } from '../types';
+export declare type _EuiThemeForm = {
+    maxWidth: string;
+};
 export declare type _EuiThemeFormColors = {
     background: ColorModeSwitch;
     backgroundDisabled: ColorModeSwitch;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elastic/eui-theme-common",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "EUI theme common",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {