@elastic/eui 106.1.0-amsterdam.0 → 106.2.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 (82) hide show
  1. package/es/components/call_out/call_out.js +2 -1
  2. package/es/components/card/checkable_card/checkable_card.js +30 -5
  3. package/es/components/code/code_block.js +5 -2
  4. package/es/components/code/code_block_virtualized.js +5 -3
  5. package/es/components/markdown_editor/index.js +1 -0
  6. package/es/components/markdown_editor/markdown_editor.js +15 -4
  7. package/es/components/markdown_editor/markdown_editor_drop_zone.js +5 -3
  8. package/es/components/markdown_editor/markdown_editor_footer.js +12 -120
  9. package/es/components/markdown_editor/markdown_editor_footer.styles.js +0 -2
  10. package/es/components/markdown_editor/markdown_editor_help_button.js +144 -0
  11. package/es/components/markdown_editor/markdown_editor_help_button.styles.js +16 -0
  12. package/es/components/markdown_editor/markdown_editor_toolbar.js +28 -23
  13. package/es/components/popover/popover.js +2 -1
  14. package/es/components/provider/provider.js +2 -2
  15. package/es/services/color/vis_color_store.js +1 -1
  16. package/es/services/theme/context.js +2 -2
  17. package/eui.d.ts +432 -400
  18. package/i18ntokens.json +624 -624
  19. package/lib/components/call_out/call_out.js +3 -2
  20. package/lib/components/card/checkable_card/checkable_card.js +29 -4
  21. package/lib/components/code/code_block.js +5 -2
  22. package/lib/components/code/code_block_virtualized.js +5 -3
  23. package/lib/components/markdown_editor/index.js +7 -0
  24. package/lib/components/markdown_editor/markdown_editor.js +15 -4
  25. package/lib/components/markdown_editor/markdown_editor_drop_zone.js +5 -3
  26. package/lib/components/markdown_editor/markdown_editor_footer.js +10 -117
  27. package/lib/components/markdown_editor/markdown_editor_footer.styles.js +0 -2
  28. package/lib/components/markdown_editor/markdown_editor_help_button.js +151 -0
  29. package/lib/components/markdown_editor/markdown_editor_help_button.styles.js +22 -0
  30. package/lib/components/markdown_editor/markdown_editor_toolbar.js +28 -23
  31. package/lib/components/popover/popover.js +2 -1
  32. package/lib/components/provider/provider.js +2 -2
  33. package/lib/services/color/vis_color_store.js +2 -2
  34. package/lib/services/theme/context.js +2 -2
  35. package/optimize/es/components/call_out/call_out.js +1 -0
  36. package/optimize/es/components/card/checkable_card/checkable_card.js +25 -5
  37. package/optimize/es/components/code/code_block.js +5 -2
  38. package/optimize/es/components/code/code_block_virtualized.js +5 -3
  39. package/optimize/es/components/markdown_editor/index.js +1 -0
  40. package/optimize/es/components/markdown_editor/markdown_editor.js +7 -3
  41. package/optimize/es/components/markdown_editor/markdown_editor_drop_zone.js +3 -2
  42. package/optimize/es/components/markdown_editor/markdown_editor_footer.js +12 -120
  43. package/optimize/es/components/markdown_editor/markdown_editor_footer.styles.js +0 -2
  44. package/optimize/es/components/markdown_editor/markdown_editor_help_button.js +139 -0
  45. package/optimize/es/components/markdown_editor/markdown_editor_help_button.styles.js +16 -0
  46. package/optimize/es/components/markdown_editor/markdown_editor_toolbar.js +20 -16
  47. package/optimize/es/components/popover/popover.js +2 -1
  48. package/optimize/es/components/provider/provider.js +2 -2
  49. package/optimize/es/services/color/vis_color_store.js +1 -1
  50. package/optimize/es/services/theme/context.js +2 -2
  51. package/optimize/lib/components/call_out/call_out.js +2 -1
  52. package/optimize/lib/components/card/checkable_card/checkable_card.js +24 -4
  53. package/optimize/lib/components/code/code_block.js +5 -2
  54. package/optimize/lib/components/code/code_block_virtualized.js +5 -3
  55. package/optimize/lib/components/markdown_editor/index.js +7 -0
  56. package/optimize/lib/components/markdown_editor/markdown_editor.js +7 -3
  57. package/optimize/lib/components/markdown_editor/markdown_editor_drop_zone.js +3 -2
  58. package/optimize/lib/components/markdown_editor/markdown_editor_footer.js +9 -118
  59. package/optimize/lib/components/markdown_editor/markdown_editor_footer.styles.js +0 -2
  60. package/optimize/lib/components/markdown_editor/markdown_editor_help_button.js +150 -0
  61. package/optimize/lib/components/markdown_editor/markdown_editor_help_button.styles.js +22 -0
  62. package/optimize/lib/components/markdown_editor/markdown_editor_toolbar.js +20 -16
  63. package/optimize/lib/components/popover/popover.js +2 -1
  64. package/optimize/lib/components/provider/provider.js +2 -2
  65. package/optimize/lib/services/color/vis_color_store.js +2 -2
  66. package/optimize/lib/services/theme/context.js +2 -2
  67. package/package.json +1 -1
  68. package/test-env/components/call_out/call_out.js +3 -2
  69. package/test-env/components/card/checkable_card/checkable_card.js +24 -4
  70. package/test-env/components/code/code_block_virtualized.js +5 -3
  71. package/test-env/components/markdown_editor/index.js +7 -0
  72. package/test-env/components/markdown_editor/markdown_editor.js +15 -4
  73. package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +5 -3
  74. package/test-env/components/markdown_editor/markdown_editor_footer.js +9 -118
  75. package/test-env/components/markdown_editor/markdown_editor_footer.styles.js +0 -2
  76. package/test-env/components/markdown_editor/markdown_editor_help_button.js +150 -0
  77. package/test-env/components/markdown_editor/markdown_editor_help_button.styles.js +22 -0
  78. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +28 -23
  79. package/test-env/components/popover/popover.js +2 -1
  80. package/test-env/components/provider/provider.js +2 -2
  81. package/test-env/services/color/vis_color_store.js +2 -2
  82. package/test-env/services/theme/context.js +2 -2
@@ -91,7 +91,8 @@ export var EuiMarkdownEditorToolbar = /*#__PURE__*/forwardRef(function (_ref2, r
91
91
  viewMode = _ref2.viewMode,
92
92
  onClickPreview = _ref2.onClickPreview,
93
93
  uiPlugins = _ref2.uiPlugins,
94
- selectedNode = _ref2.selectedNode;
94
+ selectedNode = _ref2.selectedNode,
95
+ right = _ref2.right;
95
96
  var _useContext = useContext(EuiMarkdownContext),
96
97
  openPluginEditor = _useContext.openPluginEditor,
97
98
  readOnly = _useContext.readOnly;
@@ -178,27 +179,11 @@ export var EuiMarkdownEditorToolbar = /*#__PURE__*/forwardRef(function (_ref2, r
178
179
  label: button.label,
179
180
  icon: button.iconType
180
181
  }));
181
- })) : null), isPreviewing ? ___EmotionJSX(EuiButtonEmpty, {
182
- "data-test-subj": "markdown_editor_edit_button",
183
- iconType: "code",
184
- color: "text",
185
- size: "s",
186
- onClick: onClickPreview,
187
- isDisabled: readOnly
188
- }, ___EmotionJSX(EuiI18n, {
189
- token: "euiMarkdownEditorToolbar.editor",
190
- default: "Editor"
191
- })) : ___EmotionJSX(EuiButtonEmpty, {
192
- "data-test-subj": "markdown_editor_preview_button",
193
- iconType: "eye",
194
- color: "text",
195
- size: "s",
196
- onClick: onClickPreview,
197
- isDisabled: readOnly
198
- }, ___EmotionJSX(EuiI18n, {
199
- token: "euiMarkdownEditorToolbar.previewMarkdown",
200
- default: "Preview"
201
- })));
182
+ })) : null), right !== null && right !== void 0 ? right : ___EmotionJSX(PreviewEditorSwitch, {
183
+ isPreviewing: isPreviewing,
184
+ onClickPreview: onClickPreview,
185
+ readOnly: readOnly
186
+ }));
202
187
  });
203
188
  EuiMarkdownEditorToolbar.propTypes = {
204
189
  className: PropTypes.string,
@@ -231,6 +216,26 @@ EuiMarkdownEditorToolbar.propTypes = {
231
216
  trimFirst: PropTypes.bool
232
217
  }),
233
218
  editor: PropTypes.elementType
234
- }).isRequired).isRequired
219
+ }).isRequired).isRequired,
220
+ right: PropTypes.node
221
+ };
222
+ var PreviewEditorSwitch = function PreviewEditorSwitch(_ref4) {
223
+ var isPreviewing = _ref4.isPreviewing,
224
+ onClickPreview = _ref4.onClickPreview,
225
+ readOnly = _ref4.readOnly;
226
+ return ___EmotionJSX(EuiButtonEmpty, {
227
+ iconType: isPreviewing ? 'code' : 'eye',
228
+ color: "text",
229
+ size: "s",
230
+ onClick: onClickPreview,
231
+ isDisabled: readOnly,
232
+ "data-test-subj": isPreviewing ? 'markdown_editor_preview_button' : 'markdown_editor_edit_button'
233
+ }, isPreviewing ? ___EmotionJSX(EuiI18n, {
234
+ token: "euiMarkdownEditorToolbar.editor",
235
+ default: "Editor"
236
+ }) : ___EmotionJSX(EuiI18n, {
237
+ token: "euiMarkdownEditorToolbar.previewMarkdown",
238
+ default: "Preview"
239
+ }));
235
240
  };
236
241
  EuiMarkdownEditorToolbar.displayName = 'EuiMarkdownEditorToolbar';
@@ -162,7 +162,8 @@ export var EuiPopover = /*#__PURE__*/function (_Component) {
162
162
  // transition can take effect.
163
163
  _this.closingTransitionAnimationFrame = window.requestAnimationFrame(function () {
164
164
  _this.setState({
165
- isOpening: true
165
+ isOpening: true,
166
+ isClosing: false
166
167
  });
167
168
  });
168
169
 
@@ -7,7 +7,7 @@
7
7
  */
8
8
 
9
9
  import React from 'react';
10
- import { EuiThemeAmsterdam } from '../../themes';
10
+ import { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
11
11
  import { EuiThemeProvider } from '../../services';
12
12
  import { emitEuiProviderWarning } from '../../services/theme/warning';
13
13
  import { cache as fallbackCache } from '../../services/emotion/css';
@@ -26,7 +26,7 @@ export var EuiProvider = function EuiProvider(_ref) {
26
26
  var _ref$cache = _ref.cache,
27
27
  cache = _ref$cache === void 0 ? fallbackCache : _ref$cache,
28
28
  _ref$theme = _ref.theme,
29
- theme = _ref$theme === void 0 ? EuiThemeAmsterdam : _ref$theme,
29
+ theme = _ref$theme === void 0 ? EuiThemeBorealis : _ref$theme,
30
30
  _ref$globalStyles = _ref.globalStyles,
31
31
  Globals = _ref$globalStyles === void 0 ? EuiGlobalStyles : _ref$globalStyles,
32
32
  _ref$utilityClasses = _ref.utilityClasses,
@@ -7,7 +7,7 @@
7
7
  */
8
8
 
9
9
  import { EuiVisColorStore } from '@elastic/eui-theme-common';
10
- import { colorVisLight as colorVis } from '../../themes/amsterdam/global_styling/variables/_colors_vis_light';
10
+ import { colorVis } from '@elastic/eui-theme-borealis';
11
11
 
12
12
  // initialsetup of Vis color storage with default colors
13
13
  export var EUI_VIS_COLOR_STORE = EuiVisColorStore.getInstance(colorVis, false);
@@ -7,10 +7,10 @@
7
7
  */
8
8
 
9
9
  import { createContext } from 'react';
10
- import { EuiThemeAmsterdam } from '../../themes/amsterdam/theme';
10
+ import { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
11
11
  import { DEFAULT_COLOR_MODE, getComputed } from './utils';
12
12
  export var DEFAULTS = {
13
- system: EuiThemeAmsterdam,
13
+ system: EuiThemeBorealis,
14
14
  modifications: {},
15
15
  colorMode: DEFAULT_COLOR_MODE,
16
16
  highContrastMode: false