@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,33 @@
1
+ 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); }
2
+ 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; }
3
+ 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; }
4
+ 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; }
5
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
+ 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); }
7
+ /*
8
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
9
+ * or more contributor license agreements. Licensed under the Elastic License
10
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
11
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
12
+ * Side Public License, v 1.
13
+ */
14
+
15
+ import { tint } from '../../../../services/color/manipulation';
16
+ import { colorVisLight } from './_colors_vis_light';
17
+ export var colorVisDark = _objectSpread(_objectSpread({}, colorVisLight), {}, {
18
+ euiColorVisText0: '#7DE2D1',
19
+ euiColorVisText1: '#1BA9F5',
20
+ euiColorVisText2: '#F990C0',
21
+ euiColorVisText3: tint(colorVisLight.euiColorVisBehindText3, 0.2).toUpperCase(),
22
+ // '#BA9FDA',
23
+ euiColorVisText4: tint(colorVisLight.euiColorVisBehindText4, 0.2).toUpperCase(),
24
+ // '#E9B8D2',
25
+ euiColorVisText5: tint(colorVisLight.euiColorVisBehindText5, 0.2).toUpperCase(),
26
+ // '#F4E08C',
27
+ euiColorVisText6: tint(colorVisLight.euiColorVisBehindText6, 0.2).toUpperCase(),
28
+ // '#DBCDB3',
29
+ euiColorVisText7: '#FFCE7A',
30
+ euiColorVisText8: tint(colorVisLight.euiColorVisBehindText8, 0.2).toUpperCase(),
31
+ // '#D09689',
32
+ euiColorVisText9: '#F66'
33
+ });
@@ -59,7 +59,7 @@ var euiPaletteColorBlind = {
59
59
  behindText: '#FF7E62'
60
60
  }
61
61
  };
62
- export var colorVis = {
62
+ export var colorVisLight = {
63
63
  euiColorVis0: euiPaletteColorBlind.euiColorVis0.graphic,
64
64
  euiColorVis1: euiPaletteColorBlind.euiColorVis1.graphic,
65
65
  euiColorVis2: euiPaletteColorBlind.euiColorVis2.graphic,
@@ -84,21 +84,21 @@ export var colorVis = {
84
84
  euiColorVisBehindText7: euiPaletteColorBlind.euiColorVis7.behindText,
85
85
  euiColorVisBehindText8: euiPaletteColorBlind.euiColorVis8.behindText,
86
86
  euiColorVisBehindText9: euiPaletteColorBlind.euiColorVis9.behindText,
87
- euiColorVisAsTextLight0: '#006BB4',
88
- euiColorVisAsTextLight1: '#017D73',
89
- euiColorVisAsTextLight2: '#F5A700',
90
- euiColorVisAsTextLight3: '#BD271E',
91
- euiColorVisAsTextLight4: '#DD0A73',
92
- euiColorVisAsTextLight5: '#006BB4',
93
- // duplicated to handle color amount difference between themes
94
- euiColorVisAsTextLight6: '#017D73',
95
- euiColorVisAsTextDark0: '#1BA9F5',
96
- euiColorVisAsTextDark1: '#7DE2D1',
97
- euiColorVisAsTextDark2: '#F990C0',
98
- euiColorVisAsTextDark3: '#F66',
99
- euiColorVisAsTextDark4: '#FFCE7A',
100
- euiColorVisAsTextDark5: '#1BA9F5',
101
- euiColorVisAsTextDark6: '#7DE2D1',
87
+ euiColorVisText0: '#017D73',
88
+ euiColorVisText1: '#006BB4',
89
+ euiColorVisText2: '#DD0A73',
90
+ euiColorVisText3: shade(euiPaletteColorBlind.euiColorVis3.graphic, 0.2).toUpperCase(),
91
+ // #745A93
92
+ euiColorVisText4: shade(euiPaletteColorBlind.euiColorVis4.graphic, 0.2).toUpperCase(),
93
+ // #A2728B
94
+ euiColorVisText5: shade(euiPaletteColorBlind.euiColorVis5.graphic, 0.2).toUpperCase(),
95
+ // #AB9946
96
+ euiColorVisText6: shade(euiPaletteColorBlind.euiColorVis6.graphic, 0.2).toUpperCase(),
97
+ // #94866D
98
+ euiColorVisText7: '#F5A700',
99
+ euiColorVisText8: shade(euiPaletteColorBlind.euiColorVis8.graphic, 0.2).toUpperCase(),
100
+ // #885145
101
+ euiColorVisText9: '#BD271E',
102
102
  euiColorVisNeutral0: tint(euiPaletteColorBlind.euiColorVis1.graphic, 0.3),
103
103
  euiColorVisNeutral1: tint(euiPaletteColorBlind.euiColorVis1.graphic, 0.56),
104
104
  euiColorVisSuccess0: '#209280',