@elastic/eui 60.0.0 → 60.1.2

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 (180) hide show
  1. package/README.md +7 -0
  2. package/dist/eui_charts_theme.js +330 -330
  3. package/dist/eui_charts_theme.js.map +1 -1
  4. package/dist/eui_theme_dark.css +0 -445
  5. package/dist/eui_theme_dark.json +7 -44
  6. package/dist/eui_theme_dark.json.d.ts +7 -44
  7. package/dist/eui_theme_dark.min.css +1 -1
  8. package/dist/eui_theme_light.css +0 -445
  9. package/dist/eui_theme_light.json +7 -44
  10. package/dist/eui_theme_light.json.d.ts +7 -44
  11. package/dist/eui_theme_light.min.css +1 -1
  12. package/es/components/accessibility/screen_reader_live/screen_reader_live.js +30 -7
  13. package/es/components/accessibility/screen_reader_only/screen_reader_only.js +14 -19
  14. package/es/components/accessibility/screen_reader_only/screen_reader_only.styles.js +11 -1
  15. package/es/components/accessibility/skip_link/skip_link.js +20 -4
  16. package/es/components/avatar/avatar.js +2 -2
  17. package/es/components/badge/badge.js +1 -1
  18. package/es/components/button/button_icon/button_icon.js +1 -1
  19. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +2 -2
  20. package/es/components/datagrid/body/data_grid_body.js +6 -6
  21. package/es/components/datagrid/body/data_grid_cell.js +12 -12
  22. package/es/components/datagrid/body/header/data_grid_header_cell.js +6 -6
  23. package/es/components/datagrid/body/header/data_grid_header_row.js +6 -6
  24. package/es/components/datagrid/data_grid.js +6 -6
  25. package/es/components/datagrid/utils/in_memory.js +6 -6
  26. package/es/components/date_picker/date_picker.js +1 -1
  27. package/es/components/empty_prompt/empty_prompt.js +1 -1
  28. package/es/components/form/field_text/field_text.js +1 -1
  29. package/es/components/form/form_control_layout/form_control_layout.js +1 -1
  30. package/es/components/form/form_control_layout/form_control_layout_icons.js +1 -1
  31. package/es/components/health/health.js +1 -1
  32. package/es/components/icon/icon.js +43 -495
  33. package/es/components/icon/icon.styles.js +75 -0
  34. package/es/components/icon/icon_map.js +455 -0
  35. package/es/components/icon/named_colors.js +2 -13
  36. package/es/components/list_group/list_group.js +1 -1
  37. package/es/components/list_group/list_group_item.js +1 -1
  38. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +2 -2
  39. package/es/components/notification/notification_event.js +2 -2
  40. package/es/components/notification/notification_event_meta.js +1 -1
  41. package/es/components/notification/notification_event_read_button.js +1 -1
  42. package/es/components/panel/panel.js +2 -1
  43. package/es/components/progress/progress.js +34 -87
  44. package/es/components/progress/progress.styles.js +155 -0
  45. package/es/components/selectable/selectable_list/selectable_list.js +3 -1
  46. package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
  47. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +2 -2
  48. package/es/components/text/text.js +2 -0
  49. package/es/components/tool_tip/icon_tip.js +1 -1
  50. package/es/global_styling/utility/utility.js +3 -1
  51. package/es/services/theme/hooks.js +2 -0
  52. package/eui.d.ts +393 -453
  53. package/i18ntokens.json +2 -2
  54. package/lib/components/accessibility/screen_reader_live/screen_reader_live.js +29 -6
  55. package/lib/components/accessibility/screen_reader_only/screen_reader_only.js +22 -19
  56. package/lib/components/accessibility/screen_reader_only/screen_reader_only.styles.js +16 -2
  57. package/lib/components/accessibility/skip_link/skip_link.js +21 -4
  58. package/lib/components/avatar/avatar.js +2 -2
  59. package/lib/components/badge/badge.js +1 -1
  60. package/lib/components/button/button_icon/button_icon.js +1 -1
  61. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +2 -2
  62. package/lib/components/datagrid/body/data_grid_body.js +6 -6
  63. package/lib/components/datagrid/body/data_grid_cell.js +12 -12
  64. package/lib/components/datagrid/body/header/data_grid_header_cell.js +6 -6
  65. package/lib/components/datagrid/body/header/data_grid_header_row.js +6 -6
  66. package/lib/components/datagrid/data_grid.js +6 -6
  67. package/lib/components/datagrid/utils/focus.js +1 -0
  68. package/lib/components/datagrid/utils/in_memory.js +6 -6
  69. package/lib/components/date_picker/date_picker.js +1 -1
  70. package/lib/components/empty_prompt/empty_prompt.js +1 -1
  71. package/lib/components/form/field_text/field_text.js +1 -1
  72. package/lib/components/form/form_control_layout/form_control_layout.js +1 -1
  73. package/lib/components/form/form_control_layout/form_control_layout_icons.js +1 -1
  74. package/lib/components/health/health.js +1 -1
  75. package/lib/components/icon/icon.js +54 -499
  76. package/lib/components/icon/icon.styles.js +79 -0
  77. package/lib/components/icon/icon_map.js +463 -0
  78. package/lib/components/icon/named_colors.js +4 -15
  79. package/lib/components/list_group/list_group.js +1 -1
  80. package/lib/components/list_group/list_group_item.js +1 -1
  81. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +2 -2
  82. package/lib/components/notification/notification_event.js +2 -2
  83. package/lib/components/notification/notification_event_meta.js +1 -1
  84. package/lib/components/notification/notification_event_read_button.js +1 -1
  85. package/lib/components/panel/panel.js +2 -1
  86. package/lib/components/progress/progress.js +36 -88
  87. package/lib/components/progress/progress.styles.js +166 -0
  88. package/lib/components/selectable/selectable_list/selectable_list.js +3 -1
  89. package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
  90. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +3 -3
  91. package/lib/components/text/text.js +2 -0
  92. package/lib/components/tool_tip/icon_tip.js +1 -1
  93. package/lib/global_styling/utility/utility.js +5 -1
  94. package/lib/services/theme/hooks.js +2 -0
  95. package/optimize/es/components/accessibility/screen_reader_live/screen_reader_live.js +21 -6
  96. package/optimize/es/components/accessibility/screen_reader_only/screen_reader_only.js +11 -17
  97. package/optimize/es/components/accessibility/screen_reader_only/screen_reader_only.styles.js +11 -1
  98. package/optimize/es/components/accessibility/skip_link/skip_link.js +20 -4
  99. package/optimize/es/components/datagrid/utils/focus.js +1 -0
  100. package/optimize/es/components/icon/icon.js +40 -492
  101. package/optimize/es/components/icon/icon.styles.js +75 -0
  102. package/optimize/es/components/icon/icon_map.js +455 -0
  103. package/optimize/es/components/icon/named_colors.js +2 -13
  104. package/optimize/es/components/panel/panel.js +2 -1
  105. package/optimize/es/components/progress/progress.js +31 -84
  106. package/optimize/es/components/progress/progress.styles.js +155 -0
  107. package/optimize/es/components/selectable/selectable_list/selectable_list.js +2 -0
  108. package/optimize/es/components/text/text.js +2 -0
  109. package/optimize/es/global_styling/utility/utility.js +3 -1
  110. package/optimize/es/services/theme/hooks.js +2 -0
  111. package/optimize/lib/components/accessibility/screen_reader_live/screen_reader_live.js +20 -5
  112. package/optimize/lib/components/accessibility/screen_reader_only/screen_reader_only.js +18 -16
  113. package/optimize/lib/components/accessibility/screen_reader_only/screen_reader_only.styles.js +16 -2
  114. package/optimize/lib/components/accessibility/skip_link/skip_link.js +21 -4
  115. package/optimize/lib/components/datagrid/utils/focus.js +1 -0
  116. package/optimize/lib/components/icon/icon.js +49 -494
  117. package/optimize/lib/components/icon/icon.styles.js +81 -0
  118. package/optimize/lib/components/icon/icon_map.js +463 -0
  119. package/optimize/lib/components/icon/named_colors.js +4 -15
  120. package/optimize/lib/components/panel/panel.js +2 -1
  121. package/optimize/lib/components/progress/progress.js +33 -85
  122. package/optimize/lib/components/progress/progress.styles.js +168 -0
  123. package/optimize/lib/components/selectable/selectable_list/selectable_list.js +2 -0
  124. package/optimize/lib/components/text/text.js +2 -0
  125. package/optimize/lib/global_styling/utility/utility.js +5 -1
  126. package/optimize/lib/services/theme/hooks.js +2 -0
  127. package/package.json +2 -2
  128. package/src/components/form/form_control_layout/_form_control_layout.scss +2 -4
  129. package/src/components/index.scss +0 -3
  130. package/src/global_styling/variables/_form.scss +9 -0
  131. package/src/themes/amsterdam/overrides/_index.scss +0 -1
  132. package/test-env/components/accessibility/screen_reader_live/screen_reader_live.js +29 -6
  133. package/test-env/components/accessibility/screen_reader_only/screen_reader_only.js +21 -18
  134. package/test-env/components/accessibility/screen_reader_only/screen_reader_only.styles.js +16 -2
  135. package/test-env/components/accessibility/skip_link/skip_link.js +21 -4
  136. package/test-env/components/avatar/avatar.js +2 -2
  137. package/test-env/components/badge/badge.js +1 -1
  138. package/test-env/components/button/button_icon/button_icon.js +1 -1
  139. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +2 -2
  140. package/test-env/components/datagrid/body/data_grid_body.js +6 -6
  141. package/test-env/components/datagrid/body/data_grid_cell.js +12 -12
  142. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +6 -6
  143. package/test-env/components/datagrid/body/header/data_grid_header_row.js +6 -6
  144. package/test-env/components/datagrid/data_grid.js +6 -6
  145. package/test-env/components/datagrid/utils/focus.js +1 -0
  146. package/test-env/components/datagrid/utils/in_memory.js +6 -6
  147. package/test-env/components/date_picker/date_picker.js +1 -1
  148. package/test-env/components/empty_prompt/empty_prompt.js +1 -1
  149. package/test-env/components/form/field_text/field_text.js +1 -1
  150. package/test-env/components/form/form_control_layout/form_control_layout.js +1 -1
  151. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +1 -1
  152. package/test-env/components/health/health.js +1 -1
  153. package/test-env/components/icon/icon.styles.js +81 -0
  154. package/test-env/components/icon/icon_map.js +463 -0
  155. package/test-env/components/icon/named_colors.js +4 -15
  156. package/test-env/components/list_group/list_group.js +1 -1
  157. package/test-env/components/list_group/list_group_item.js +1 -1
  158. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +2 -2
  159. package/test-env/components/notification/notification_event.js +2 -2
  160. package/test-env/components/notification/notification_event_meta.js +1 -1
  161. package/test-env/components/notification/notification_event_read_button.js +1 -1
  162. package/test-env/components/panel/panel.js +2 -1
  163. package/test-env/components/progress/progress.js +36 -88
  164. package/test-env/components/progress/progress.styles.js +168 -0
  165. package/test-env/components/selectable/selectable_list/selectable_list.js +3 -1
  166. package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
  167. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +3 -3
  168. package/test-env/components/text/text.js +2 -0
  169. package/test-env/components/tool_tip/icon_tip.js +1 -1
  170. package/test-env/global_styling/utility/utility.js +5 -1
  171. package/test-env/services/theme/hooks.js +2 -0
  172. package/src/components/accessibility/_index.scss +0 -1
  173. package/src/components/accessibility/screen_reader_only/_screen_reader_only.scss +0 -5
  174. package/src/components/icon/_icon.scss +0 -87
  175. package/src/components/icon/_index.scss +0 -2
  176. package/src/components/icon/_variables.scss +0 -22
  177. package/src/components/progress/_index.scss +0 -2
  178. package/src/components/progress/_progress.scss +0 -166
  179. package/src/components/progress/_variables.scss +0 -21
  180. package/src/themes/amsterdam/overrides/_progress.scss +0 -3
@@ -0,0 +1,75 @@
1
+ var _templateObject;
2
+
3
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
4
+
5
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
6
+
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
+ import { css, keyframes } from '@emotion/react';
15
+ import { logicalCSS, euiCanAnimate } from '../../global_styling';
16
+
17
+ var iconSize = function iconSize(size) {
18
+ return "\n ".concat(logicalCSS('width', size), ";\n ").concat(logicalCSS('height', size), ";\n ");
19
+ };
20
+
21
+ export var iconLoadingOpacity = 0.05;
22
+ var iconLoading = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n opacity: ", ";\n }\n\n 100% {\n opacity: 1;\n }\n"])), iconLoadingOpacity);
23
+
24
+ var _ref = process.env.NODE_ENV === "production" ? {
25
+ name: "njd749-logoElasticOutline",
26
+ styles: "*[fill]{fill:none!important;}.outline{fill:currentColor!important;};label:logoElasticOutline;"
27
+ } : {
28
+ name: "njd749-logoElasticOutline",
29
+ styles: "*[fill]{fill:none!important;}.outline{fill:currentColor!important;};label:logoElasticOutline;",
30
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
31
+ };
32
+
33
+ var _ref2 = process.env.NODE_ENV === "production" ? {
34
+ name: "uacjc5-inherit",
35
+ styles: "color:inherit;label:inherit;"
36
+ } : {
37
+ name: "uacjc5-inherit",
38
+ styles: "color:inherit;label:inherit;",
39
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
40
+ };
41
+
42
+ export var euiIconStyles = function euiIconStyles(_ref3) {
43
+ var euiTheme = _ref3.euiTheme;
44
+ return {
45
+ // Base
46
+ euiIcon: /*#__PURE__*/css("flex-shrink:0;display:inline-block;vertical-align:middle;fill:currentColor;transform:translate(0, 0);.euiIcon__fillNegative{fill:", euiTheme.colors.darkestShade, ";};label:euiIcon;"),
47
+ // Colors
48
+ accent: /*#__PURE__*/css("color:", euiTheme.colors.accentText, ";;label:accent;"),
49
+ danger: /*#__PURE__*/css("color:", euiTheme.colors.dangerText, ";;label:danger;"),
50
+ ghost: /*#__PURE__*/css("color:", euiTheme.colors.ghost, ";*[fill],.euiIcon__fillNegative{fill:currentColor!important;};label:ghost;"),
51
+ primary: /*#__PURE__*/css("color:", euiTheme.colors.primaryText, ";;label:primary;"),
52
+ success: /*#__PURE__*/css("color:", euiTheme.colors.successText, ";;label:success;"),
53
+ subdued: /*#__PURE__*/css("color:", euiTheme.colors.subduedText, ";;label:subdued;"),
54
+ text: /*#__PURE__*/css("color:", euiTheme.colors.title, ";*[fill],.euiIcon__fillNegative{fill:currentColor!important;};label:text;"),
55
+ warning: /*#__PURE__*/css("color:", euiTheme.colors.warningText, ";;label:warning;"),
56
+ inherit: _ref2,
57
+ default: /*#__PURE__*/css(";label:default;"),
58
+ customColor: /*#__PURE__*/css(";label:customColor;"),
59
+ logoElasticOutline: _ref,
60
+ // Sizes
61
+ original: /*#__PURE__*/css(";label:original;"),
62
+ s: /*#__PURE__*/css(iconSize(euiTheme.size.m), ";label:s;"),
63
+ m: /*#__PURE__*/css(iconSize(euiTheme.size.base), ";label:m;"),
64
+ l: /*#__PURE__*/css(iconSize(euiTheme.size.l), ";label:l;"),
65
+ xl: /*#__PURE__*/css(iconSize(euiTheme.size.xl), ";label:xl;"),
66
+ xxl: /*#__PURE__*/css(iconSize(euiTheme.size.xxl), ";label:xxl;"),
67
+ // Variants
68
+ // App icons are two-toned. This provides the base color.
69
+ app: /*#__PURE__*/css("fill:", euiTheme.colors.text, ";.euiIcon__fillSecondary{fill:", euiTheme.colors.successText, ";};label:app;"),
70
+ logo: /*#__PURE__*/css(";label:logo;"),
71
+ // Loading states
72
+ isLoading: /*#__PURE__*/css("opacity:", iconLoadingOpacity, ";background-color:currentColor;border-radius:", euiTheme.border.radius.small, ";;label:isLoading;"),
73
+ isLoaded: /*#__PURE__*/css(euiCanAnimate, "{animation:", iconLoading, " ", euiTheme.animation.normal, " ease-in 0s 1 forwards;};label:isLoaded;")
74
+ };
75
+ };
@@ -0,0 +1,455 @@
1
+ /*
2
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
3
+ * or more contributor license agreements. Licensed under the Elastic License
4
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
5
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
6
+ * Side Public License, v 1.
7
+ */
8
+ export var typeToPathMap = {
9
+ accessibility: 'accessibility',
10
+ addDataApp: 'app_add_data',
11
+ advancedSettingsApp: 'app_advanced_settings',
12
+ agentApp: 'app_fleet',
13
+ aggregate: 'aggregate',
14
+ alert: 'alert',
15
+ analyzeEvent: 'analyzeEvent',
16
+ annotation: 'annotation',
17
+ apmApp: 'app_apm',
18
+ apmTrace: 'apm_trace',
19
+ appSearchApp: 'app_app_search',
20
+ apps: 'apps',
21
+ arrowDown: 'arrow_down',
22
+ arrowLeft: 'arrow_left',
23
+ arrowRight: 'arrow_right',
24
+ arrowUp: 'arrow_up',
25
+ arrowStart: 'arrowStart',
26
+ arrowEnd: 'arrowEnd',
27
+ asterisk: 'asterisk',
28
+ auditbeatApp: 'app_auditbeat',
29
+ beaker: 'beaker',
30
+ bell: 'bell',
31
+ bellSlash: 'bellSlash',
32
+ bolt: 'bolt',
33
+ boxesHorizontal: 'boxes_horizontal',
34
+ boxesVertical: 'boxes_vertical',
35
+ branch: 'branch',
36
+ branchUser: 'branchUser',
37
+ broom: 'broom',
38
+ brush: 'brush',
39
+ bug: 'bug',
40
+ bullseye: 'bullseye',
41
+ calendar: 'calendar',
42
+ canvasApp: 'app_canvas',
43
+ casesApp: 'app_cases',
44
+ check: 'check',
45
+ checkInCircleFilled: 'checkInCircleFilled',
46
+ cheer: 'cheer',
47
+ classificationJob: 'ml_classification_job',
48
+ clock: 'clock',
49
+ cloudDrizzle: 'cloudDrizzle',
50
+ cloudStormy: 'cloudStormy',
51
+ cloudSunny: 'cloudSunny',
52
+ codeApp: 'app_code',
53
+ color: 'color',
54
+ compute: 'compute',
55
+ console: 'console',
56
+ consoleApp: 'app_console',
57
+ continuityAbove: 'continuityAbove',
58
+ continuityAboveBelow: 'continuityAboveBelow',
59
+ continuityBelow: 'continuityBelow',
60
+ continuityWithin: 'continuityWithin',
61
+ controlsHorizontal: 'controls_horizontal',
62
+ controlsVertical: 'controls_vertical',
63
+ copy: 'copy',
64
+ copyClipboard: 'copy_clipboard',
65
+ createAdvancedJob: 'ml_create_advanced_job',
66
+ createMultiMetricJob: 'ml_create_multi_metric_job',
67
+ createPopulationJob: 'ml_create_population_job',
68
+ createSingleMetricJob: 'ml_create_single_metric_job',
69
+ cross: 'cross',
70
+ crossClusterReplicationApp: 'app_cross_cluster_replication',
71
+ crossInACircleFilled: 'crossInACircleFilled',
72
+ crosshairs: 'crosshairs',
73
+ currency: 'currency',
74
+ cut: 'cut',
75
+ dashboardApp: 'app_dashboard',
76
+ dataVisualizer: 'ml_data_visualizer',
77
+ database: 'database',
78
+ desktop: 'desktop',
79
+ devToolsApp: 'app_devtools',
80
+ discoverApp: 'app_discover',
81
+ document: 'document',
82
+ documentEdit: 'documentEdit',
83
+ documentation: 'documentation',
84
+ documents: 'documents',
85
+ dot: 'dot',
86
+ doubleArrowLeft: 'doubleArrowLeft',
87
+ doubleArrowRight: 'doubleArrowRight',
88
+ download: 'download',
89
+ editorAlignCenter: 'editor_align_center',
90
+ editorAlignLeft: 'editor_align_left',
91
+ editorAlignRight: 'editor_align_right',
92
+ editorBold: 'editor_bold',
93
+ editorChecklist: 'editor_checklist',
94
+ editorCodeBlock: 'editor_code_block',
95
+ editorComment: 'editor_comment',
96
+ editorDistributeHorizontal: 'editorDistributeHorizontal',
97
+ editorDistributeVertical: 'editorDistributeVertical',
98
+ editorHeading: 'editor_heading',
99
+ editorItalic: 'editor_italic',
100
+ editorItemAlignBottom: 'editorItemAlignBottom',
101
+ editorItemAlignCenter: 'editorItemAlignCenter',
102
+ editorItemAlignLeft: 'editorItemAlignLeft',
103
+ editorItemAlignMiddle: 'editorItemAlignMiddle',
104
+ editorItemAlignRight: 'editorItemAlignRight',
105
+ editorItemAlignTop: 'editorItemAlignTop',
106
+ editorLink: 'editor_link',
107
+ editorOrderedList: 'editor_ordered_list',
108
+ editorPositionBottomLeft: 'editorPositionBottomLeft',
109
+ editorPositionBottomRight: 'editorPositionBottomRight',
110
+ editorPositionTopLeft: 'editorPositionTopLeft',
111
+ editorPositionTopRight: 'editorPositionTopRight',
112
+ editorRedo: 'editor_redo',
113
+ editorStrike: 'editor_strike',
114
+ editorTable: 'editor_table',
115
+ editorUnderline: 'editor_underline',
116
+ editorUndo: 'editor_undo',
117
+ editorUnorderedList: 'editor_unordered_list',
118
+ email: 'email',
119
+ empty: 'empty',
120
+ emsApp: 'app_ems',
121
+ eql: 'eql',
122
+ eraser: 'eraser',
123
+ exit: 'exit',
124
+ expand: 'expand',
125
+ expandMini: 'expandMini',
126
+ exportAction: 'export',
127
+ eye: 'eye',
128
+ eyeClosed: 'eye_closed',
129
+ faceHappy: 'face_happy',
130
+ faceNeutral: 'face_neutral',
131
+ faceSad: 'face_sad',
132
+ filebeatApp: 'app_filebeat',
133
+ filter: 'filter',
134
+ flag: 'flag',
135
+ fleetApp: 'app_agent',
136
+ fold: 'fold',
137
+ folderCheck: 'folder_check',
138
+ folderClosed: 'folder_closed',
139
+ folderExclamation: 'folder_exclamation',
140
+ folderOpen: 'folder_open',
141
+ frameNext: 'frameNext',
142
+ framePrevious: 'framePrevious',
143
+ fullScreen: 'full_screen',
144
+ fullScreenExit: 'fullScreenExit',
145
+ function: 'function',
146
+ gear: 'gear',
147
+ gisApp: 'app_gis',
148
+ glasses: 'glasses',
149
+ globe: 'globe',
150
+ grab: 'grab',
151
+ grabHorizontal: 'grab_horizontal',
152
+ graphApp: 'app_graph',
153
+ grid: 'grid',
154
+ grokApp: 'app_grok',
155
+ heart: 'heart',
156
+ heartbeatApp: 'app_heartbeat',
157
+ heatmap: 'heatmap',
158
+ help: 'help',
159
+ home: 'home',
160
+ iInCircle: 'iInCircle',
161
+ image: 'image',
162
+ importAction: 'import',
163
+ indexClose: 'index_close',
164
+ indexEdit: 'index_edit',
165
+ indexFlush: 'index_flush',
166
+ indexManagementApp: 'app_index_management',
167
+ indexMapping: 'index_mapping',
168
+ indexOpen: 'index_open',
169
+ indexPatternApp: 'app_index_pattern',
170
+ indexRollupApp: 'app_index_rollup',
171
+ indexRuntime: 'index_runtime',
172
+ indexSettings: 'index_settings',
173
+ inputOutput: 'inputOutput',
174
+ inspect: 'inspect',
175
+ invert: 'invert',
176
+ ip: 'ip',
177
+ keyboardShortcut: 'keyboard_shortcut',
178
+ kqlField: 'kql_field',
179
+ kqlFunction: 'kql_function',
180
+ kqlOperand: 'kql_operand',
181
+ kqlSelector: 'kql_selector',
182
+ kqlValue: 'kql_value',
183
+ layers: 'layers',
184
+ lensApp: 'app_lens',
185
+ lettering: 'lettering',
186
+ lineDashed: 'lineDashed',
187
+ lineDotted: 'lineDotted',
188
+ lineSolid: 'lineSolid',
189
+ link: 'link',
190
+ list: 'list',
191
+ listAdd: 'list_add',
192
+ lock: 'lock',
193
+ lockOpen: 'lockOpen',
194
+ logoAWS: 'logo_aws',
195
+ logoAWSMono: 'logo_aws_mono',
196
+ logoAerospike: 'logo_aerospike',
197
+ logoApache: 'logo_apache',
198
+ logoAppSearch: 'logo_app_search',
199
+ logoAzure: 'logo_azure',
200
+ logoAzureMono: 'logo_azure_mono',
201
+ logoBeats: 'logo_beats',
202
+ logoBusinessAnalytics: 'logo_business_analytics',
203
+ logoCeph: 'logo_ceph',
204
+ logoCloud: 'logo_cloud',
205
+ logoCloudEnterprise: 'logo_cloud_ece',
206
+ logoCode: 'logo_code',
207
+ logoCodesandbox: 'logo_codesandbox',
208
+ logoCouchbase: 'logo_couchbase',
209
+ logoDocker: 'logo_docker',
210
+ logoDropwizard: 'logo_dropwizard',
211
+ logoElastic: 'logo_elastic',
212
+ logoElasticStack: 'logo_elastic_stack',
213
+ logoElasticsearch: 'logo_elasticsearch',
214
+ logoEnterpriseSearch: 'logo_enterprise_search',
215
+ logoEtcd: 'logo_etcd',
216
+ logoGCP: 'logo_gcp',
217
+ logoGCPMono: 'logo_gcp_mono',
218
+ logoGithub: 'logo_github',
219
+ logoGmail: 'logo_gmail',
220
+ logoGolang: 'logo_golang',
221
+ logoGoogleG: 'logo_google_g',
222
+ logoHAproxy: 'logo_haproxy',
223
+ logoIBM: 'logo_ibm',
224
+ logoIBMMono: 'logo_ibm_mono',
225
+ logoKafka: 'logo_kafka',
226
+ logoKibana: 'logo_kibana',
227
+ logoKubernetes: 'logo_kubernetes',
228
+ logoLogging: 'logo_logging',
229
+ logoLogstash: 'logo_logstash',
230
+ logoMaps: 'logo_maps',
231
+ logoMemcached: 'logo_memcached',
232
+ logoMetrics: 'logo_metrics',
233
+ logoMongodb: 'logo_mongodb',
234
+ logoMySQL: 'logo_mysql',
235
+ logoNginx: 'logo_nginx',
236
+ logoObservability: 'logo_observability',
237
+ logoOsquery: 'logo_osquery',
238
+ logoPhp: 'logo_php',
239
+ logoPostgres: 'logo_postgres',
240
+ logoPrometheus: 'logo_prometheus',
241
+ logoRabbitmq: 'logo_rabbitmq',
242
+ logoRedis: 'logo_redis',
243
+ logoSecurity: 'logo_security',
244
+ logoSiteSearch: 'logo_site_search',
245
+ logoSketch: 'logo_sketch',
246
+ logoSlack: 'logo_slack',
247
+ logoUptime: 'logo_uptime',
248
+ logoWebhook: 'logo_webhook',
249
+ logoWindows: 'logo_windows',
250
+ logoWorkplaceSearch: 'logo_workplace_search',
251
+ logsApp: 'app_logs',
252
+ logstashFilter: 'logstash_filter',
253
+ logstashIf: 'logstash_if',
254
+ logstashInput: 'logstash_input',
255
+ logstashOutput: 'logstash_output',
256
+ logstashQueue: 'logstash_queue',
257
+ machineLearningApp: 'app_ml',
258
+ magnet: 'magnet',
259
+ magnifyWithExclamation: 'magnifyWithExclamation',
260
+ magnifyWithMinus: 'magnifyWithMinus',
261
+ magnifyWithPlus: 'magnifyWithPlus',
262
+ managementApp: 'app_management',
263
+ mapMarker: 'map_marker',
264
+ memory: 'memory',
265
+ menu: 'menu',
266
+ menuDown: 'menuDown',
267
+ menuLeft: 'menuLeft',
268
+ menuRight: 'menuRight',
269
+ menuUp: 'menuUp',
270
+ merge: 'merge',
271
+ metricbeatApp: 'app_metricbeat',
272
+ metricsApp: 'app_metrics',
273
+ minimize: 'minimize',
274
+ minus: 'minus',
275
+ minusInCircle: 'minus_in_circle',
276
+ minusInCircleFilled: 'minus_in_circle_filled',
277
+ mobile: 'mobile',
278
+ monitoringApp: 'app_monitoring',
279
+ moon: 'moon',
280
+ nested: 'nested',
281
+ node: 'node',
282
+ notebookApp: 'app_notebook',
283
+ number: 'number',
284
+ offline: 'offline',
285
+ online: 'online',
286
+ outlierDetectionJob: 'ml_outlier_detection_job',
287
+ package: 'package',
288
+ packetbeatApp: 'app_packetbeat',
289
+ pageSelect: 'pageSelect',
290
+ pagesSelect: 'pagesSelect',
291
+ paperClip: 'paper_clip',
292
+ partial: 'partial',
293
+ pause: 'pause',
294
+ payment: 'payment',
295
+ pencil: 'pencil',
296
+ percent: 'percent',
297
+ pin: 'pin',
298
+ pinFilled: 'pin_filled',
299
+ pipelineApp: 'app_pipeline',
300
+ play: 'play',
301
+ playFilled: 'playFilled',
302
+ plus: 'plus',
303
+ plusInCircle: 'plus_in_circle',
304
+ plusInCircleFilled: 'plus_in_circle_filled',
305
+ popout: 'popout',
306
+ push: 'push',
307
+ questionInCircle: 'question_in_circle',
308
+ quote: 'quote',
309
+ recentlyViewedApp: 'app_recently_viewed',
310
+ refresh: 'refresh',
311
+ regressionJob: 'ml_regression_job',
312
+ reporter: 'reporter',
313
+ reportingApp: 'app_reporting',
314
+ returnKey: 'return_key',
315
+ save: 'save',
316
+ savedObjectsApp: 'app_saved_objects',
317
+ scale: 'scale',
318
+ search: 'search',
319
+ searchProfilerApp: 'app_search_profiler',
320
+ securityAnalyticsApp: 'app_security_analytics',
321
+ securityApp: 'app_security',
322
+ securitySignal: 'securitySignal',
323
+ securitySignalDetected: 'securitySignalDetected',
324
+ securitySignalResolved: 'securitySignalResolved',
325
+ sessionViewer: 'sessionViewer',
326
+ shard: 'shard',
327
+ share: 'share',
328
+ snowflake: 'snowflake',
329
+ sortDown: 'sort_down',
330
+ sortLeft: 'sortLeft',
331
+ sortRight: 'sortRight',
332
+ sortUp: 'sort_up',
333
+ sortable: 'sortable',
334
+ spacesApp: 'app_spaces',
335
+ sqlApp: 'app_sql',
336
+ starEmpty: 'star_empty',
337
+ starEmptySpace: 'star_empty_space',
338
+ starFilled: 'star_filled',
339
+ starFilledSpace: 'star_filled_space',
340
+ starMinusEmpty: 'star_minus_empty',
341
+ starMinusFilled: 'star_minus_filled',
342
+ starPlusEmpty: 'starPlusEmpty',
343
+ starPlusFilled: 'starPlusFilled',
344
+ stats: 'stats',
345
+ stop: 'stop',
346
+ stopFilled: 'stop_filled',
347
+ stopSlash: 'stop_slash',
348
+ storage: 'storage',
349
+ string: 'string',
350
+ submodule: 'submodule',
351
+ sun: 'sun',
352
+ swatchInput: 'swatch_input',
353
+ // Undocumented on purpose. Has an extra stroke for EuiColorPicker
354
+ symlink: 'symlink',
355
+ tableDensityCompact: 'table_density_compact',
356
+ tableDensityExpanded: 'table_density_expanded',
357
+ tableDensityNormal: 'table_density_normal',
358
+ tableOfContents: 'tableOfContents',
359
+ tag: 'tag',
360
+ tear: 'tear',
361
+ temperature: 'temperature',
362
+ timeline: 'timeline',
363
+ timelionApp: 'app_timelion',
364
+ timeRefresh: 'timeRefresh',
365
+ timeslider: 'timeslider',
366
+ training: 'training',
367
+ trash: 'trash',
368
+ unfold: 'unfold',
369
+ unlink: 'unlink',
370
+ upgradeAssistantApp: 'app_upgrade_assistant',
371
+ uptimeApp: 'app_uptime',
372
+ user: 'user',
373
+ userAvatar: 'userAvatar',
374
+ users: 'users',
375
+ usersRolesApp: 'app_users_roles',
376
+ vector: 'vector',
377
+ videoPlayer: 'videoPlayer',
378
+ visArea: 'vis_area',
379
+ visAreaStacked: 'vis_area_stacked',
380
+ visBarHorizontal: 'vis_bar_horizontal',
381
+ visBarHorizontalStacked: 'vis_bar_horizontal_stacked',
382
+ visBarVertical: 'vis_bar_vertical',
383
+ visBarVerticalStacked: 'vis_bar_vertical_stacked',
384
+ visGauge: 'vis_gauge',
385
+ visGoal: 'vis_goal',
386
+ visLine: 'vis_line',
387
+ visMapCoordinate: 'vis_map_coordinate',
388
+ visMapRegion: 'vis_map_region',
389
+ visMetric: 'vis_metric',
390
+ visPie: 'vis_pie',
391
+ visTable: 'vis_table',
392
+ visTagCloud: 'vis_tag_cloud',
393
+ visText: 'vis_text',
394
+ visTimelion: 'vis_timelion',
395
+ visVega: 'vis_vega',
396
+ visVisualBuilder: 'vis_visual_builder',
397
+ visualizeApp: 'app_visualize',
398
+ watchesApp: 'app_watches',
399
+ wordWrap: 'wordWrap',
400
+ wordWrapDisabled: 'wordWrapDisabled',
401
+ workplaceSearchApp: 'app_workplace_search',
402
+ wrench: 'wrench',
403
+ // Token Icon Imports
404
+ tokenClass: 'tokenClass',
405
+ tokenProperty: 'tokenProperty',
406
+ tokenEnum: 'tokenEnum',
407
+ tokenVariable: 'tokenVariable',
408
+ tokenMethod: 'tokenMethod',
409
+ tokenAnnotation: 'tokenAnnotation',
410
+ tokenException: 'tokenException',
411
+ tokenInterface: 'tokenInterface',
412
+ tokenParameter: 'tokenParameter',
413
+ tokenField: 'tokenField',
414
+ tokenElement: 'tokenElement',
415
+ tokenFunction: 'tokenFunction',
416
+ tokenBoolean: 'tokenBoolean',
417
+ tokenString: 'tokenString',
418
+ tokenArray: 'tokenArray',
419
+ tokenNumber: 'tokenNumber',
420
+ tokenConstant: 'tokenConstant',
421
+ tokenObject: 'tokenObject',
422
+ tokenEvent: 'tokenEvent',
423
+ tokenKey: 'tokenKey',
424
+ tokenNull: 'tokenNull',
425
+ tokenStruct: 'tokenStruct',
426
+ tokenPackage: 'tokenPackage',
427
+ tokenOperator: 'tokenOperator',
428
+ tokenEnumMember: 'tokenEnumMember',
429
+ tokenRepo: 'tokenRepo',
430
+ tokenSymbol: 'tokenSymbol',
431
+ tokenFile: 'tokenFile',
432
+ tokenModule: 'tokenModule',
433
+ tokenNamespace: 'tokenNamespace',
434
+ tokenDate: 'tokenDate',
435
+ tokenIP: 'tokenIP',
436
+ tokenNested: 'tokenNested',
437
+ tokenAlias: 'tokenAlias',
438
+ tokenShape: 'tokenShape',
439
+ tokenGeo: 'tokenGeo',
440
+ tokenRange: 'tokenRange',
441
+ tokenBinary: 'tokenBinary',
442
+ tokenJoin: 'tokenJoin',
443
+ tokenPercolator: 'tokenPercolator',
444
+ tokenFlattened: 'tokenFlattened',
445
+ tokenRankFeature: 'tokenRankFeature',
446
+ tokenRankFeatures: 'tokenRankFeatures',
447
+ tokenKeyword: 'tokenKeyword',
448
+ tokenTag: 'tokenTag',
449
+ tokenCompletionSuggester: 'tokenCompletionSuggester',
450
+ tokenDenseVector: 'tokenDenseVector',
451
+ tokenText: 'tokenText',
452
+ tokenTokenCount: 'tokenTokenCount',
453
+ tokenSearchType: 'tokenSearchType',
454
+ tokenHistogram: 'tokenHistogram'
455
+ };
@@ -5,18 +5,7 @@
5
5
  * in compliance with, at your election, the Elastic License 2.0 or the Server
6
6
  * Side Public License, v 1.
7
7
  */
8
- export var colorToClassMap = {
9
- default: null,
10
- primary: 'euiIcon--primary',
11
- success: 'euiIcon--success',
12
- accent: 'euiIcon--accent',
13
- warning: 'euiIcon--warning',
14
- danger: 'euiIcon--danger',
15
- text: 'euiIcon--text',
16
- subdued: 'euiIcon--subdued',
17
- ghost: 'euiIcon--ghost',
18
- inherit: 'euiIcon--inherit'
19
- };
8
+ export var COLORS = ['default', 'primary', 'success', 'accent', 'warning', 'danger', 'text', 'subdued', 'ghost', 'inherit'];
20
9
  export function isNamedColor(name) {
21
- return colorToClassMap.hasOwnProperty(name);
10
+ return COLORS.includes(name);
22
11
  }
@@ -217,7 +217,7 @@ EuiListGroup.propTypes = {
217
217
  * Size of the icon only.
218
218
  * This will not affect the overall size of the button
219
219
  */
220
- iconSize: PropTypes.oneOf(["original", "s", "m", "l", "xl", "xxl"]),
220
+ iconSize: PropTypes.any,
221
221
 
222
222
  /**
223
223
  * Applies the boolean state as the `aria-pressed` property to create a toggle button.
@@ -274,7 +274,7 @@ EuiListGroupItem.propTypes = {
274
274
  * Size of the icon only.
275
275
  * This will not affect the overall size of the button
276
276
  */
277
- iconSize: PropTypes.oneOf(["original", "s", "m", "l", "xl", "xxl"]),
277
+ iconSize: PropTypes.any,
278
278
 
279
279
  /**
280
280
  * Applies the boolean state as the `aria-pressed` property to create a toggle button.
@@ -206,7 +206,7 @@ EuiPinnableListGroup.propTypes = {
206
206
  * Size of the icon only.
207
207
  * This will not affect the overall size of the button
208
208
  */
209
- iconSize: PropTypes.oneOf(["original", "s", "m", "l", "xl", "xxl"]),
209
+ iconSize: PropTypes.any,
210
210
 
211
211
  /**
212
212
  * Applies the boolean state as the `aria-pressed` property to create a toggle button.
@@ -332,7 +332,7 @@ EuiPinnableListGroup.propTypes = {
332
332
  "aria-labelledby": PropTypes.string,
333
333
  isDisabled: PropTypes.bool,
334
334
  size: PropTypes.oneOf(["xs", "s", "m"]),
335
- iconSize: PropTypes.oneOf(["original", "s", "m", "l", "xl", "xxl"]),
335
+ iconSize: PropTypes.any,
336
336
  isSelected: PropTypes.bool,
337
337
  display: PropTypes.oneOf(["base", "empty", "fill"]),
338
338
  isLoading: PropTypes.bool,
@@ -113,7 +113,7 @@ EuiNotificationEvent.propTypes = {
113
113
  /**
114
114
  * Accepts either our palette colors (primary, success ..etc) or a hex value `#FFFFFF`, `#000`.
115
115
  */
116
- badgeColor: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.oneOf(["default", "primary", "success", "accent", "warning", "danger", "text", "subdued", "ghost", "inherit"]).isRequired]),
116
+ badgeColor: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.any.isRequired]),
117
117
 
118
118
  /**
119
119
  * The icon used to visually represent this data type. Accepts any `EuiIcon IconType`.
@@ -137,7 +137,7 @@ EuiNotificationEvent.propTypes = {
137
137
  * Size of the icon only.
138
138
  * This will not affect the overall size of the button
139
139
  */
140
- iconSize: PropTypes.oneOf(["original", "s", "m", "l", "xl", "xxl"]),
140
+ iconSize: PropTypes.any,
141
141
 
142
142
  /**
143
143
  * Sets the display style for matching other EuiButton types.
@@ -144,7 +144,7 @@ EuiNotificationEventMeta.propTypes = {
144
144
  /**
145
145
  * Accepts either our palette colors (primary, success ..etc) or a hex value `#FFFFFF`, `#000`.
146
146
  */
147
- badgeColor: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.oneOf(["default", "primary", "success", "accent", "warning", "danger", "text", "subdued", "ghost", "inherit"]).isRequired]),
147
+ badgeColor: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.any.isRequired]),
148
148
 
149
149
  /**
150
150
  * The icon used to visually represent this data type. Accepts any `EuiIcon IconType`.
@@ -60,7 +60,7 @@ EuiNotificationEventReadButton.propTypes = {
60
60
  * Size of the icon only.
61
61
  * This will not affect the overall size of the button
62
62
  */
63
- iconSize: PropTypes.oneOf(["original", "s", "m", "l", "xl", "xxl"]),
63
+ iconSize: PropTypes.any,
64
64
 
65
65
  /**
66
66
  * Sets the display style for matching other EuiButton types.
@@ -67,7 +67,8 @@ export var EuiPanel = function EuiPanel(_ref) {
67
67
  if (rest.onClick && element !== 'div') {
68
68
  return ___EmotionJSX("button", _extends({
69
69
  ref: panelRef,
70
- className: classes
70
+ className: classes,
71
+ css: cssStyles
71
72
  }, rest), children);
72
73
  }
73
74