@elastic/eui 103.1.0 → 104.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/dist/eui_theme_amsterdam_dark.json +13 -15
  2. package/dist/eui_theme_amsterdam_dark.json.d.ts +12 -14
  3. package/dist/eui_theme_amsterdam_light.json +14 -16
  4. package/dist/eui_theme_amsterdam_light.json.d.ts +12 -14
  5. package/dist/eui_theme_borealis_dark.json +10 -14
  6. package/dist/eui_theme_borealis_dark.json.d.ts +11 -15
  7. package/dist/eui_theme_borealis_light.json +10 -14
  8. package/dist/eui_theme_borealis_light.json.d.ts +11 -15
  9. package/es/components/copy/copy.js +6 -8
  10. package/es/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
  11. package/es/components/datagrid/data_grid.styles.js +1 -1
  12. package/es/components/page/page_header/page_header_content.js +1 -2
  13. package/es/components/table/table_row.js +1 -1
  14. package/es/components/tabs/tab.styles.js +1 -4
  15. package/es/components/tabs/tabs.js +1 -2
  16. package/es/components/tabs/tabs.styles.js +1 -2
  17. package/es/services/color/eui_palettes.js +6 -2
  18. package/es/themes/amsterdam/global_styling/variables/_colors.js +325 -301
  19. package/es/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +33 -0
  20. package/es/themes/amsterdam/global_styling/variables/{_colors_vis.js → _colors_vis_light.js} +16 -16
  21. package/es/themes/amsterdam/global_styling/variables/_components.js +293 -258
  22. package/es/themes/index.js +3 -1
  23. package/es/themes/json/eui_theme_amsterdam_dark.json +13 -15
  24. package/es/themes/json/eui_theme_amsterdam_light.json +14 -16
  25. package/es/themes/json/eui_theme_borealis_dark.json +10 -14
  26. package/es/themes/json/eui_theme_borealis_light.json +10 -14
  27. package/eui.d.ts +66 -67
  28. package/lib/components/copy/copy.js +6 -8
  29. package/lib/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
  30. package/lib/components/datagrid/data_grid.styles.js +1 -1
  31. package/lib/components/page/page_header/page_header_content.js +1 -2
  32. package/lib/components/table/table_row.js +1 -1
  33. package/lib/components/tabs/tab.styles.js +1 -4
  34. package/lib/components/tabs/tabs.js +1 -2
  35. package/lib/components/tabs/tabs.styles.js +1 -2
  36. package/lib/services/color/eui_palettes.js +6 -2
  37. package/lib/themes/amsterdam/global_styling/variables/_colors.js +325 -301
  38. package/lib/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +37 -0
  39. package/{test-env/themes/amsterdam/global_styling/variables/_colors_vis.js → lib/themes/amsterdam/global_styling/variables/_colors_vis_light.js} +17 -17
  40. package/lib/themes/amsterdam/global_styling/variables/_components.js +305 -270
  41. package/lib/themes/index.js +17 -2
  42. package/lib/themes/json/eui_theme_amsterdam_dark.json +13 -15
  43. package/lib/themes/json/eui_theme_amsterdam_light.json +14 -16
  44. package/lib/themes/json/eui_theme_borealis_dark.json +10 -14
  45. package/lib/themes/json/eui_theme_borealis_light.json +10 -14
  46. package/optimize/es/components/copy/copy.js +2 -7
  47. package/optimize/es/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
  48. package/optimize/es/components/datagrid/data_grid.styles.js +1 -1
  49. package/optimize/es/components/page/page_header/page_header_content.js +1 -2
  50. package/optimize/es/components/table/table_row.js +1 -1
  51. package/optimize/es/components/tabs/tab.styles.js +1 -4
  52. package/optimize/es/components/tabs/tabs.js +1 -1
  53. package/optimize/es/components/tabs/tabs.styles.js +1 -2
  54. package/optimize/es/services/color/eui_palettes.js +6 -2
  55. package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +325 -301
  56. package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +30 -0
  57. package/optimize/es/themes/amsterdam/global_styling/variables/{_colors_vis.js → _colors_vis_light.js} +16 -16
  58. package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +293 -258
  59. package/optimize/es/themes/index.js +3 -1
  60. package/optimize/es/themes/json/eui_theme_amsterdam_dark.json +13 -15
  61. package/optimize/es/themes/json/eui_theme_amsterdam_light.json +14 -16
  62. package/optimize/es/themes/json/eui_theme_borealis_dark.json +10 -14
  63. package/optimize/es/themes/json/eui_theme_borealis_light.json +10 -14
  64. package/optimize/lib/components/copy/copy.js +2 -7
  65. package/optimize/lib/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
  66. package/optimize/lib/components/datagrid/data_grid.styles.js +1 -1
  67. package/optimize/lib/components/page/page_header/page_header_content.js +1 -2
  68. package/optimize/lib/components/table/table_row.js +1 -1
  69. package/optimize/lib/components/tabs/tab.styles.js +1 -4
  70. package/optimize/lib/components/tabs/tabs.js +1 -1
  71. package/optimize/lib/components/tabs/tabs.styles.js +1 -2
  72. package/optimize/lib/services/color/eui_palettes.js +6 -2
  73. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +325 -301
  74. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +35 -0
  75. package/{lib/themes/amsterdam/global_styling/variables/_colors_vis.js → optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis_light.js} +17 -17
  76. package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +305 -270
  77. package/optimize/lib/themes/index.js +17 -2
  78. package/optimize/lib/themes/json/eui_theme_amsterdam_dark.json +13 -15
  79. package/optimize/lib/themes/json/eui_theme_amsterdam_light.json +14 -16
  80. package/optimize/lib/themes/json/eui_theme_borealis_dark.json +10 -14
  81. package/optimize/lib/themes/json/eui_theme_borealis_light.json +10 -14
  82. package/package.json +4 -4
  83. package/src/themes/amsterdam/_colors_dark.scss +2 -0
  84. package/src/themes/amsterdam/_colors_light.scss +2 -0
  85. package/src/themes/amsterdam/global_styling/variables/_colors_vis_dark.scss +14 -0
  86. package/src/themes/amsterdam/global_styling/variables/_colors_vis_light.scss +14 -0
  87. package/test-env/components/copy/copy.js +6 -7
  88. package/test-env/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
  89. package/test-env/components/datagrid/data_grid.styles.js +1 -1
  90. package/test-env/components/page/page_header/page_header_content.js +1 -2
  91. package/test-env/components/table/table_row.js +1 -1
  92. package/test-env/components/tabs/tab.styles.js +1 -4
  93. package/test-env/components/tabs/tabs.js +1 -2
  94. package/test-env/components/tabs/tabs.styles.js +1 -2
  95. package/test-env/services/color/eui_palettes.js +6 -2
  96. package/test-env/themes/amsterdam/global_styling/variables/_colors.js +325 -301
  97. package/test-env/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +35 -0
  98. package/{optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js → test-env/themes/amsterdam/global_styling/variables/_colors_vis_light.js} +17 -17
  99. package/test-env/themes/amsterdam/global_styling/variables/_components.js +305 -270
  100. package/test-env/themes/index.js +17 -2
  101. package/test-env/themes/json/eui_theme_amsterdam_dark.json +13 -15
  102. package/test-env/themes/json/eui_theme_amsterdam_light.json +14 -16
  103. package/test-env/themes/json/eui_theme_borealis_dark.json +10 -14
  104. package/test-env/themes/json/eui_theme_borealis_light.json +10 -14
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.colorVisDark = void 0;
7
+ var _manipulation = require("../../../../services/color/manipulation");
8
+ var _colors_vis_light = require("./_colors_vis_light");
9
+ 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); }
10
+ 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; }
11
+ 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; }
12
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
13
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
14
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
15
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
16
+ * or more contributor license agreements. Licensed under the Elastic License
17
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
18
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
19
+ * Side Public License, v 1.
20
+ */
21
+ var colorVisDark = exports.colorVisDark = _objectSpread(_objectSpread({}, _colors_vis_light.colorVisLight), {}, {
22
+ euiColorVisText0: '#7DE2D1',
23
+ euiColorVisText1: '#1BA9F5',
24
+ euiColorVisText2: '#F990C0',
25
+ euiColorVisText3: (0, _manipulation.tint)(_colors_vis_light.colorVisLight.euiColorVisBehindText3, 0.2).toUpperCase(),
26
+ // '#BA9FDA',
27
+ euiColorVisText4: (0, _manipulation.tint)(_colors_vis_light.colorVisLight.euiColorVisBehindText4, 0.2).toUpperCase(),
28
+ // '#E9B8D2',
29
+ euiColorVisText5: (0, _manipulation.tint)(_colors_vis_light.colorVisLight.euiColorVisBehindText5, 0.2).toUpperCase(),
30
+ // '#F4E08C',
31
+ euiColorVisText6: (0, _manipulation.tint)(_colors_vis_light.colorVisLight.euiColorVisBehindText6, 0.2).toUpperCase(),
32
+ // '#DBCDB3',
33
+ euiColorVisText7: '#FFCE7A',
34
+ euiColorVisText8: (0, _manipulation.tint)(_colors_vis_light.colorVisLight.euiColorVisBehindText8, 0.2).toUpperCase(),
35
+ // '#D09689',
36
+ euiColorVisText9: '#F66'
37
+ });
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.colorVis = void 0;
6
+ exports.colorVisLight = void 0;
7
7
  var _manipulation = require("../../../../services/color/manipulation");
8
8
  /*
9
9
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -64,7 +64,7 @@ var euiPaletteColorBlind = {
64
64
  behindText: '#FF7E62'
65
65
  }
66
66
  };
67
- var colorVis = exports.colorVis = {
67
+ var colorVisLight = exports.colorVisLight = {
68
68
  euiColorVis0: euiPaletteColorBlind.euiColorVis0.graphic,
69
69
  euiColorVis1: euiPaletteColorBlind.euiColorVis1.graphic,
70
70
  euiColorVis2: euiPaletteColorBlind.euiColorVis2.graphic,
@@ -89,21 +89,21 @@ var colorVis = exports.colorVis = {
89
89
  euiColorVisBehindText7: euiPaletteColorBlind.euiColorVis7.behindText,
90
90
  euiColorVisBehindText8: euiPaletteColorBlind.euiColorVis8.behindText,
91
91
  euiColorVisBehindText9: euiPaletteColorBlind.euiColorVis9.behindText,
92
- euiColorVisAsTextLight0: '#006BB4',
93
- euiColorVisAsTextLight1: '#017D73',
94
- euiColorVisAsTextLight2: '#F5A700',
95
- euiColorVisAsTextLight3: '#BD271E',
96
- euiColorVisAsTextLight4: '#DD0A73',
97
- euiColorVisAsTextLight5: '#006BB4',
98
- // duplicated to handle color amount difference between themes
99
- euiColorVisAsTextLight6: '#017D73',
100
- euiColorVisAsTextDark0: '#1BA9F5',
101
- euiColorVisAsTextDark1: '#7DE2D1',
102
- euiColorVisAsTextDark2: '#F990C0',
103
- euiColorVisAsTextDark3: '#F66',
104
- euiColorVisAsTextDark4: '#FFCE7A',
105
- euiColorVisAsTextDark5: '#1BA9F5',
106
- euiColorVisAsTextDark6: '#7DE2D1',
92
+ euiColorVisText0: '#017D73',
93
+ euiColorVisText1: '#006BB4',
94
+ euiColorVisText2: '#DD0A73',
95
+ euiColorVisText3: (0, _manipulation.shade)(euiPaletteColorBlind.euiColorVis3.graphic, 0.2).toUpperCase(),
96
+ // #745A93
97
+ euiColorVisText4: (0, _manipulation.shade)(euiPaletteColorBlind.euiColorVis4.graphic, 0.2).toUpperCase(),
98
+ // #A2728B
99
+ euiColorVisText5: (0, _manipulation.shade)(euiPaletteColorBlind.euiColorVis5.graphic, 0.2).toUpperCase(),
100
+ // #AB9946
101
+ euiColorVisText6: (0, _manipulation.shade)(euiPaletteColorBlind.euiColorVis6.graphic, 0.2).toUpperCase(),
102
+ // #94866D
103
+ euiColorVisText7: '#F5A700',
104
+ euiColorVisText8: (0, _manipulation.shade)(euiPaletteColorBlind.euiColorVis8.graphic, 0.2).toUpperCase(),
105
+ // #885145
106
+ euiColorVisText9: '#BD271E',
107
107
  euiColorVisNeutral0: (0, _manipulation.tint)(euiPaletteColorBlind.euiColorVis1.graphic, 0.3),
108
108
  euiColorVisNeutral1: (0, _manipulation.tint)(euiPaletteColorBlind.euiColorVis1.graphic, 0.56),
109
109
  euiColorVisSuccess0: '#209280',