@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,30 @@
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
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
+ /*
5
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
6
+ * or more contributor license agreements. Licensed under the Elastic License
7
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
8
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
9
+ * Side Public License, v 1.
10
+ */
11
+
12
+ import { tint } from '../../../../services/color/manipulation';
13
+ import { colorVisLight } from './_colors_vis_light';
14
+ export var colorVisDark = _objectSpread(_objectSpread({}, colorVisLight), {}, {
15
+ euiColorVisText0: '#7DE2D1',
16
+ euiColorVisText1: '#1BA9F5',
17
+ euiColorVisText2: '#F990C0',
18
+ euiColorVisText3: tint(colorVisLight.euiColorVisBehindText3, 0.2).toUpperCase(),
19
+ // '#BA9FDA',
20
+ euiColorVisText4: tint(colorVisLight.euiColorVisBehindText4, 0.2).toUpperCase(),
21
+ // '#E9B8D2',
22
+ euiColorVisText5: tint(colorVisLight.euiColorVisBehindText5, 0.2).toUpperCase(),
23
+ // '#F4E08C',
24
+ euiColorVisText6: tint(colorVisLight.euiColorVisBehindText6, 0.2).toUpperCase(),
25
+ // '#DBCDB3',
26
+ euiColorVisText7: '#FFCE7A',
27
+ euiColorVisText8: tint(colorVisLight.euiColorVisBehindText8, 0.2).toUpperCase(),
28
+ // '#D09689',
29
+ euiColorVisText9: '#F66'
30
+ });
@@ -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',