@elastic/eui 112.0.0 → 112.1.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 (130) hide show
  1. package/es/components/badge/badge.js +12 -3
  2. package/es/components/badge/badge.styles.js +47 -21
  3. package/es/components/badge/beta_badge/beta_badge.styles.js +2 -2
  4. package/es/components/badge/color_utils.js +20 -7
  5. package/es/components/badge/notification_badge/badge_notification.styles.js +1 -1
  6. package/es/components/button/button.js +2 -1
  7. package/es/components/button/button_empty/button_empty.js +2 -1
  8. package/es/components/context_menu/context_menu.js +20 -7
  9. package/es/components/date_picker/super_date_picker/super_date_picker.js +7 -0
  10. package/es/components/date_picker/super_date_picker/time_window_buttons.js +74 -25
  11. package/es/components/description_list/description_list.js +2 -1
  12. package/es/components/description_list/description_list_description.js +2 -1
  13. package/es/components/description_list/description_list_title.js +2 -1
  14. package/es/components/empty_prompt/empty_prompt.js +2 -1
  15. package/es/components/flex/flex_grid.js +2 -1
  16. package/es/components/flyout/flyout.component.js +31 -26
  17. package/es/components/icon/assets/timeline.js +3 -1
  18. package/es/components/icon/icon.js +2 -1
  19. package/es/components/image/image.js +2 -1
  20. package/es/components/loading/loading_logo.js +2 -1
  21. package/es/components/page/page_section/page_section.js +2 -1
  22. package/es/components/page/page_sidebar/page_sidebar.js +2 -1
  23. package/es/components/page_template/page_template.js +6 -0
  24. package/es/components/panel/panel.js +4 -3
  25. package/es/components/selectable/selectable_list/selectable_list.js +8 -2
  26. package/es/components/selectable/selectable_list/selectable_list_item.js +6 -0
  27. package/eui.d.ts +236 -441
  28. package/i18ntokens.json +803 -749
  29. package/lib/components/badge/badge.js +12 -3
  30. package/lib/components/badge/badge.styles.js +46 -20
  31. package/lib/components/badge/beta_badge/beta_badge.styles.js +2 -2
  32. package/lib/components/badge/color_utils.js +21 -8
  33. package/lib/components/badge/notification_badge/badge_notification.styles.js +1 -1
  34. package/lib/components/button/button.js +2 -1
  35. package/lib/components/button/button_empty/button_empty.js +2 -1
  36. package/lib/components/context_menu/context_menu.js +20 -7
  37. package/lib/components/date_picker/super_date_picker/super_date_picker.js +7 -0
  38. package/lib/components/date_picker/super_date_picker/time_window_buttons.js +75 -26
  39. package/lib/components/description_list/description_list.js +2 -1
  40. package/lib/components/description_list/description_list_description.js +2 -1
  41. package/lib/components/description_list/description_list_title.js +2 -1
  42. package/lib/components/empty_prompt/empty_prompt.js +2 -1
  43. package/lib/components/flex/flex_grid.js +2 -1
  44. package/lib/components/flyout/flyout.component.js +38 -33
  45. package/lib/components/icon/assets/timeline.js +3 -1
  46. package/lib/components/icon/icon.js +2 -1
  47. package/lib/components/icon/svgs/timeline.svg +2 -1
  48. package/lib/components/image/image.js +2 -1
  49. package/lib/components/loading/loading_logo.js +2 -1
  50. package/lib/components/page/page_section/page_section.js +2 -1
  51. package/lib/components/page/page_sidebar/page_sidebar.js +2 -1
  52. package/lib/components/page_template/page_template.js +6 -0
  53. package/lib/components/panel/panel.js +4 -3
  54. package/lib/components/selectable/selectable_list/selectable_list.js +8 -2
  55. package/lib/components/selectable/selectable_list/selectable_list_item.js +6 -0
  56. package/optimize/es/components/badge/badge.js +6 -3
  57. package/optimize/es/components/badge/badge.styles.js +47 -21
  58. package/optimize/es/components/badge/beta_badge/beta_badge.styles.js +2 -2
  59. package/optimize/es/components/badge/color_utils.js +20 -7
  60. package/optimize/es/components/badge/notification_badge/badge_notification.styles.js +1 -1
  61. package/optimize/es/components/button/button.js +2 -1
  62. package/optimize/es/components/button/button_empty/button_empty.js +2 -1
  63. package/optimize/es/components/context_menu/context_menu.js +15 -6
  64. package/optimize/es/components/date_picker/super_date_picker/time_window_buttons.js +74 -25
  65. package/optimize/es/components/description_list/description_list.js +2 -1
  66. package/optimize/es/components/description_list/description_list_description.js +2 -1
  67. package/optimize/es/components/description_list/description_list_title.js +2 -1
  68. package/optimize/es/components/empty_prompt/empty_prompt.js +2 -1
  69. package/optimize/es/components/flex/flex_grid.js +2 -1
  70. package/optimize/es/components/flyout/flyout.component.js +31 -26
  71. package/optimize/es/components/icon/assets/timeline.js +3 -1
  72. package/optimize/es/components/icon/icon.js +2 -1
  73. package/optimize/es/components/image/image.js +2 -1
  74. package/optimize/es/components/loading/loading_logo.js +2 -1
  75. package/optimize/es/components/page/page_section/page_section.js +2 -1
  76. package/optimize/es/components/page/page_sidebar/page_sidebar.js +2 -1
  77. package/optimize/es/components/page_template/page_template.js +6 -0
  78. package/optimize/es/components/panel/panel.js +1 -0
  79. package/optimize/es/components/selectable/selectable_list/selectable_list.js +2 -2
  80. package/optimize/lib/components/badge/badge.js +6 -3
  81. package/optimize/lib/components/badge/badge.styles.js +46 -20
  82. package/optimize/lib/components/badge/beta_badge/beta_badge.styles.js +2 -2
  83. package/optimize/lib/components/badge/color_utils.js +21 -8
  84. package/optimize/lib/components/badge/notification_badge/badge_notification.styles.js +1 -1
  85. package/optimize/lib/components/button/button.js +2 -1
  86. package/optimize/lib/components/button/button_empty/button_empty.js +2 -1
  87. package/optimize/lib/components/context_menu/context_menu.js +15 -6
  88. package/optimize/lib/components/date_picker/super_date_picker/time_window_buttons.js +75 -26
  89. package/optimize/lib/components/description_list/description_list.js +2 -1
  90. package/optimize/lib/components/description_list/description_list_description.js +2 -1
  91. package/optimize/lib/components/description_list/description_list_title.js +2 -1
  92. package/optimize/lib/components/empty_prompt/empty_prompt.js +2 -1
  93. package/optimize/lib/components/flex/flex_grid.js +2 -1
  94. package/optimize/lib/components/flyout/flyout.component.js +38 -33
  95. package/optimize/lib/components/icon/assets/timeline.js +3 -1
  96. package/optimize/lib/components/icon/icon.js +2 -1
  97. package/optimize/lib/components/icon/svgs/timeline.svg +2 -1
  98. package/optimize/lib/components/image/image.js +2 -1
  99. package/optimize/lib/components/loading/loading_logo.js +2 -1
  100. package/optimize/lib/components/page/page_section/page_section.js +2 -1
  101. package/optimize/lib/components/page/page_sidebar/page_sidebar.js +2 -1
  102. package/optimize/lib/components/page_template/page_template.js +6 -0
  103. package/optimize/lib/components/panel/panel.js +1 -0
  104. package/optimize/lib/components/selectable/selectable_list/selectable_list.js +2 -2
  105. package/package.json +3 -3
  106. package/test-env/components/badge/badge.js +12 -3
  107. package/test-env/components/badge/badge.styles.js +46 -20
  108. package/test-env/components/badge/beta_badge/beta_badge.styles.js +2 -2
  109. package/test-env/components/badge/color_utils.js +21 -8
  110. package/test-env/components/badge/notification_badge/badge_notification.styles.js +1 -1
  111. package/test-env/components/button/button.js +2 -1
  112. package/test-env/components/button/button_empty/button_empty.js +2 -1
  113. package/test-env/components/context_menu/context_menu.js +20 -7
  114. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +7 -0
  115. package/test-env/components/date_picker/super_date_picker/time_window_buttons.js +75 -26
  116. package/test-env/components/description_list/description_list.js +2 -1
  117. package/test-env/components/description_list/description_list_description.js +2 -1
  118. package/test-env/components/description_list/description_list_title.js +2 -1
  119. package/test-env/components/empty_prompt/empty_prompt.js +2 -1
  120. package/test-env/components/flex/flex_grid.js +2 -1
  121. package/test-env/components/flyout/flyout.component.js +38 -33
  122. package/test-env/components/icon/assets/timeline.js +3 -1
  123. package/test-env/components/image/image.js +2 -1
  124. package/test-env/components/loading/loading_logo.js +2 -1
  125. package/test-env/components/page/page_section/page_section.js +2 -1
  126. package/test-env/components/page/page_sidebar/page_sidebar.js +2 -1
  127. package/test-env/components/page_template/page_template.js +6 -0
  128. package/test-env/components/panel/panel.js +4 -3
  129. package/test-env/components/selectable/selectable_list/selectable_list.js +8 -2
  130. package/test-env/components/selectable/selectable_list/selectable_list_item.js +6 -0
@@ -86,9 +86,6 @@ var EuiPanel = exports.EuiPanel = function EuiPanel(_ref) {
86
86
  css: cssStyles
87
87
  }, rest), children);
88
88
  };
89
-
90
- // Do not render a high contrast border if the panel is transparent
91
- // and does not have a default contrast border
92
89
  EuiPanel.propTypes = {
93
90
  element: _propTypes.default.oneOfType([_propTypes.default.oneOf(["button"]), _propTypes.default.oneOf(["div"])]),
94
91
  /**
@@ -145,6 +142,10 @@ EuiPanel.propTypes = {
145
142
  "data-test-subj": _propTypes.default.string,
146
143
  css: _propTypes.default.any
147
144
  };
145
+ EuiPanel.displayName = 'EuiPanel';
146
+
147
+ // Do not render a high contrast border if the panel is transparent
148
+ // and does not have a default contrast border
148
149
  var _canRenderHighContrastBorder = exports._canRenderHighContrastBorder = function _canRenderHighContrastBorder(_ref2) {
149
150
  var color = _ref2.color,
150
151
  hasBorder = _ref2.hasBorder;
@@ -491,8 +491,8 @@ var EuiSelectableList = exports.EuiSelectableList = /*#__PURE__*/function (_Comp
491
491
  (_this$listRef = this.listRef) === null || _this$listRef === void 0 || _this$listRef.scrollToItem(activeOptionIndex, 'auto');
492
492
  } else {
493
493
  var _this$listBoxRef;
494
- var activeOptionId = "#".concat(makeOptionId(activeOptionIndex));
495
- var activeOptionEl = (_this$listBoxRef = this.listBoxRef) === null || _this$listBoxRef === void 0 ? void 0 : _this$listBoxRef.querySelector(activeOptionId);
494
+ var activeOptionId = makeOptionId(activeOptionIndex);
495
+ var activeOptionEl = (_this$listBoxRef = this.listBoxRef) === null || _this$listBoxRef === void 0 ? void 0 : _this$listBoxRef.querySelector("[id=\"".concat(activeOptionId, "\"]"));
496
496
  if (activeOptionEl) {
497
497
  var _activeOptionEl$scrol;
498
498
  // TODO: we can remove scrollIntoView's conditional chaining once jsdom stubs it
@@ -630,6 +630,12 @@ EuiSelectableList.propTypes = {
630
630
  * Accepts either our palette colors (primary, success ..etc) or a hex value `#FFFFFF`, `#000`.
631
631
  */
632
632
  color: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.string.isRequired]),
633
+ /**
634
+ * Whether the badge should use filled (more intense) colors.
635
+ * It has no effect when a non-named color is passed to the `color` prop.
636
+ * @default false
637
+ */
638
+ fill: _propTypes.default.bool,
633
639
  /**
634
640
  * Will override any color passed through the `color` prop.
635
641
  */
@@ -320,6 +320,12 @@ EuiSelectableListItem.propTypes = {
320
320
  * Accepts either our palette colors (primary, success ..etc) or a hex value `#FFFFFF`, `#000`.
321
321
  */
322
322
  color: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.string.isRequired]),
323
+ /**
324
+ * Whether the badge should use filled (more intense) colors.
325
+ * It has no effect when a non-named color is passed to the `color` prop.
326
+ * @default false
327
+ */
328
+ fill: _propTypes.default.bool,
323
329
  /**
324
330
  * Will override any color passed through the `color` prop.
325
331
  */