@elastic/eui 102.0.0 → 102.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.
- package/es/components/accessibility/skip_link/skip_link.js +7 -0
- package/es/components/button/button.js +7 -0
- package/es/components/button/button_empty/button_empty.js +7 -0
- package/es/components/button/button_group/button_group.js +5 -0
- package/es/components/button/button_icon/button_icon.js +7 -0
- package/es/components/card/card.js +7 -0
- package/es/components/card/card_select/card_select.js +7 -0
- package/es/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +7 -0
- package/es/components/color_picker/color_picker.js +13 -8
- package/es/components/color_picker/hue.js +27 -6
- package/es/components/color_picker/hue.styles.js +3 -2
- package/es/components/color_picker/saturation.js +16 -11
- package/es/components/color_picker/saturation.styles.js +2 -1
- package/es/components/datagrid/body/cell/data_grid_cell.js +7 -0
- package/es/components/datagrid/body/cell/data_grid_cell_actions.js +2 -2
- package/es/components/datagrid/body/cell/data_grid_cell_actions.styles.js +1 -1
- package/es/components/datagrid/body/data_grid_body.js +7 -0
- package/es/components/datagrid/body/data_grid_body_custom.js +7 -0
- package/es/components/datagrid/body/data_grid_body_virtualized.js +7 -0
- package/es/components/datagrid/body/header/data_grid_header_cell.js +7 -0
- package/es/components/datagrid/controls/column_sorting.js +7 -0
- package/es/components/datagrid/controls/data_grid_toolbar_control.js +7 -0
- package/es/components/datagrid/utils/in_memory.js +7 -0
- package/es/components/date_picker/auto_refresh/auto_refresh.js +7 -0
- package/es/components/filter_group/filter_button.js +10 -1
- package/es/components/header/header_links/header_link.js +7 -0
- package/es/components/header/header_section/header_section_item_button.js +7 -0
- package/es/components/list_group/list_group.js +7 -0
- package/es/components/list_group/list_group_item.js +7 -0
- package/es/components/list_group/list_group_item_extra_action.js +7 -0
- package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +7 -0
- package/es/components/pagination/pagination_button.js +7 -0
- package/es/components/table/table_header_cell.js +30 -12
- package/es/components/tool_tip/tool_tip.js +4 -1
- package/es/global_styling/mixins/_button.js +13 -3
- package/es/global_styling/mixins/_color.js +9 -2
- package/es/test/index.d.ts +2 -1
- package/eui.d.ts +828 -639
- package/lib/components/accessibility/skip_link/skip_link.js +7 -0
- package/lib/components/button/button.js +7 -0
- package/lib/components/button/button_empty/button_empty.js +7 -0
- package/lib/components/button/button_group/button_group.js +5 -0
- package/lib/components/button/button_icon/button_icon.js +7 -0
- package/lib/components/card/card.js +7 -0
- package/lib/components/card/card_select/card_select.js +7 -0
- package/lib/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +7 -0
- package/lib/components/color_picker/color_picker.js +13 -8
- package/lib/components/color_picker/hue.js +26 -5
- package/lib/components/color_picker/hue.styles.js +3 -2
- package/lib/components/color_picker/saturation.js +16 -11
- package/lib/components/color_picker/saturation.styles.js +2 -1
- package/lib/components/datagrid/body/cell/data_grid_cell.js +7 -0
- package/lib/components/datagrid/body/cell/data_grid_cell_actions.js +2 -2
- package/lib/components/datagrid/body/cell/data_grid_cell_actions.styles.js +1 -1
- package/lib/components/datagrid/body/data_grid_body.js +7 -0
- package/lib/components/datagrid/body/data_grid_body_custom.js +7 -0
- package/lib/components/datagrid/body/data_grid_body_virtualized.js +7 -0
- package/lib/components/datagrid/body/header/data_grid_header_cell.js +7 -0
- package/lib/components/datagrid/controls/column_sorting.js +7 -0
- package/lib/components/datagrid/controls/data_grid_toolbar_control.js +7 -0
- package/lib/components/datagrid/utils/in_memory.js +7 -0
- package/lib/components/date_picker/auto_refresh/auto_refresh.js +7 -0
- package/lib/components/filter_group/filter_button.js +10 -1
- package/lib/components/header/header_links/header_link.js +7 -0
- package/lib/components/header/header_section/header_section_item_button.js +7 -0
- package/lib/components/list_group/list_group.js +7 -0
- package/lib/components/list_group/list_group_item.js +7 -0
- package/lib/components/list_group/list_group_item_extra_action.js +7 -0
- package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +7 -0
- package/lib/components/pagination/pagination_button.js +7 -0
- package/lib/components/table/table_header_cell.js +28 -10
- package/lib/components/tool_tip/tool_tip.js +4 -1
- package/lib/global_styling/mixins/_button.js +13 -4
- package/lib/global_styling/mixins/_color.js +11 -4
- package/lib/test/index.d.ts +2 -1
- package/optimize/es/components/color_picker/color_picker.js +13 -8
- package/optimize/es/components/color_picker/hue.js +22 -6
- package/optimize/es/components/color_picker/hue.styles.js +3 -2
- package/optimize/es/components/color_picker/saturation.js +16 -11
- package/optimize/es/components/color_picker/saturation.styles.js +2 -1
- package/optimize/es/components/datagrid/body/cell/data_grid_cell_actions.js +2 -2
- package/optimize/es/components/datagrid/body/cell/data_grid_cell_actions.styles.js +1 -1
- package/optimize/es/components/table/table_header_cell.js +26 -11
- package/optimize/es/components/tool_tip/tool_tip.js +4 -1
- package/optimize/es/global_styling/mixins/_button.js +8 -3
- package/optimize/es/global_styling/mixins/_color.js +4 -2
- package/optimize/es/test/index.d.ts +2 -1
- package/optimize/lib/components/color_picker/color_picker.js +13 -8
- package/optimize/lib/components/color_picker/hue.js +21 -5
- package/optimize/lib/components/color_picker/hue.styles.js +3 -2
- package/optimize/lib/components/color_picker/saturation.js +16 -11
- package/optimize/lib/components/color_picker/saturation.styles.js +2 -1
- package/optimize/lib/components/datagrid/body/cell/data_grid_cell_actions.js +2 -2
- package/optimize/lib/components/datagrid/body/cell/data_grid_cell_actions.styles.js +1 -1
- package/optimize/lib/components/table/table_header_cell.js +25 -11
- package/optimize/lib/components/tool_tip/tool_tip.js +4 -1
- package/optimize/lib/global_styling/mixins/_button.js +8 -4
- package/optimize/lib/global_styling/mixins/_color.js +4 -2
- package/optimize/lib/test/index.d.ts +2 -1
- package/package.json +2 -2
- package/test-env/components/accessibility/skip_link/skip_link.js +7 -0
- package/test-env/components/button/button.js +7 -0
- package/test-env/components/button/button_empty/button_empty.js +7 -0
- package/test-env/components/button/button_group/button_group.js +5 -0
- package/test-env/components/button/button_icon/button_icon.js +7 -0
- package/test-env/components/card/card.js +7 -0
- package/test-env/components/card/card_select/card_select.js +7 -0
- package/test-env/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +7 -0
- package/test-env/components/color_picker/color_picker.js +13 -8
- package/test-env/components/color_picker/hue.js +21 -5
- package/test-env/components/color_picker/hue.styles.js +3 -2
- package/test-env/components/color_picker/saturation.js +16 -11
- package/test-env/components/color_picker/saturation.styles.js +2 -1
- package/test-env/components/datagrid/body/cell/data_grid_cell.js +7 -0
- package/test-env/components/datagrid/body/cell/data_grid_cell_actions.js +2 -2
- package/test-env/components/datagrid/body/cell/data_grid_cell_actions.styles.js +1 -1
- package/test-env/components/datagrid/body/data_grid_body.js +7 -0
- package/test-env/components/datagrid/body/data_grid_body_custom.js +7 -0
- package/test-env/components/datagrid/body/data_grid_body_virtualized.js +7 -0
- package/test-env/components/datagrid/body/header/data_grid_header_cell.js +7 -0
- package/test-env/components/datagrid/controls/column_sorting.js +7 -0
- package/test-env/components/datagrid/controls/data_grid_toolbar_control.js +7 -0
- package/test-env/components/datagrid/utils/in_memory.js +7 -0
- package/test-env/components/date_picker/auto_refresh/auto_refresh.js +7 -0
- package/test-env/components/filter_group/filter_button.js +10 -1
- package/test-env/components/header/header_links/header_link.js +7 -0
- package/test-env/components/header/header_section/header_section_item_button.js +7 -0
- package/test-env/components/list_group/list_group.js +7 -0
- package/test-env/components/list_group/list_group_item.js +7 -0
- package/test-env/components/list_group/list_group_item_extra_action.js +7 -0
- package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +7 -0
- package/test-env/components/pagination/pagination_button.js +7 -0
- package/test-env/components/table/table_header_cell.js +26 -12
- package/test-env/components/tool_tip/tool_tip.js +4 -1
- package/test-env/global_styling/mixins/_button.js +8 -4
- package/test-env/global_styling/mixins/_color.js +4 -2
|
@@ -180,7 +180,10 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
|
|
|
180
180
|
});
|
|
181
181
|
(0, _defineProperty2.default)(_this, "onEscapeKey", function (event) {
|
|
182
182
|
if (event.key === _services.keys.ESCAPE) {
|
|
183
|
-
|
|
183
|
+
// when the tooltip is only visual, we don't want it to add an additional key stop
|
|
184
|
+
if (!_this.props.disableScreenReaderOutput) {
|
|
185
|
+
if (_this.state.visible) event.stopPropagation();
|
|
186
|
+
}
|
|
184
187
|
_this.setState({
|
|
185
188
|
hasFocus: false
|
|
186
189
|
}); // Allows mousing over back into the tooltip to work correctly
|
|
@@ -4,8 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.useEuiButtonFocusCSS = exports.useEuiButtonColorCSS = exports.euiButtonSizeMap = exports.euiButtonFillColor = exports.euiButtonEmptyColor = exports.euiButtonColor = exports.BUTTON_DISPLAYS = exports.BUTTON_COLORS = void 0;
|
|
7
|
+
exports.useEuiButtonFocusCSS = exports.useEuiButtonColorCSS = exports.euiButtonSizeMap = exports.euiButtonFillColor = exports.euiButtonEmptyColor = exports.euiButtonColor = exports.SEVERITY_COLORS = exports.EXTENDED_BUTTON_COLORS = exports.BUTTON_DISPLAYS = exports.BUTTON_COLORS = void 0;
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
11
|
var _react = require("@emotion/react");
|
|
11
12
|
var _euiThemeCommon = require("@elastic/eui-theme-common");
|
|
@@ -19,7 +20,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
19
20
|
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
20
21
|
* Side Public License, v 1.
|
|
21
22
|
*/
|
|
22
|
-
|
|
23
|
+
/** Tentative usage; these exist only to be used as button directly when used within other components */
|
|
24
|
+
var SEVERITY_COLORS = exports.SEVERITY_COLORS = ['neutral', 'risk'];
|
|
25
|
+
var BUTTON_COLORS = exports.BUTTON_COLORS = ['text', 'accent', 'accentSecondary', 'primary', 'success', 'warning', 'danger'];
|
|
26
|
+
var EXTENDED_BUTTON_COLORS = exports.EXTENDED_BUTTON_COLORS = [].concat(BUTTON_COLORS, SEVERITY_COLORS);
|
|
23
27
|
var BUTTON_DISPLAYS = exports.BUTTON_DISPLAYS = ['base', 'fill', 'empty'];
|
|
24
28
|
/**
|
|
25
29
|
* Creates the `base` version of button styles with proper text contrast.
|
|
@@ -91,7 +95,7 @@ var euiButtonEmptyColor = exports.euiButtonEmptyColor = function euiButtonEmptyC
|
|
|
91
95
|
/**
|
|
92
96
|
* Given the button display type, returns the Emotion based color keys.
|
|
93
97
|
* @param options Button display type
|
|
94
|
-
* @returns An object of `
|
|
98
|
+
* @returns An object of `_EuiExtendedButtonColor` keys including `disabled`
|
|
95
99
|
*/
|
|
96
100
|
var useEuiButtonColorCSS = exports.useEuiButtonColorCSS = function useEuiButtonColorCSS() {
|
|
97
101
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -101,7 +105,7 @@ var useEuiButtonColorCSS = exports.useEuiButtonColorCSS = function useEuiButtonC
|
|
|
101
105
|
return colorsDisplaysMap[display];
|
|
102
106
|
};
|
|
103
107
|
var euiButtonDisplaysColors = function euiButtonDisplaysColors(euiThemeContext) {
|
|
104
|
-
var COLORS = [].concat(
|
|
108
|
+
var COLORS = [].concat((0, _toConsumableArray2.default)(EXTENDED_BUTTON_COLORS), ['disabled']);
|
|
105
109
|
var displaysColorsMap = {};
|
|
106
110
|
BUTTON_DISPLAYS.forEach(function (display) {
|
|
107
111
|
displaysColorsMap[display] = {};
|
|
@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.useEuiBorderColorCSS = exports.useEuiBackgroundColorCSS = exports.useEuiBackgroundColor = exports.euiBorderColor = exports.euiBackgroundColor = exports.BACKGROUND_COLORS = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
10
|
var _react = require("@emotion/react");
|
|
10
|
-
var _services = require("../../services");
|
|
11
11
|
var _euiThemeCommon = require("@elastic/eui-theme-common");
|
|
12
|
+
var _services = require("../../services");
|
|
13
|
+
var _button = require("./_button");
|
|
12
14
|
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; }
|
|
13
15
|
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) { (0, _defineProperty2.default)(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; } /*
|
|
14
16
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
@@ -17,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
17
19
|
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
18
20
|
* Side Public License, v 1.
|
|
19
21
|
*/
|
|
20
|
-
var BACKGROUND_COLORS = exports.BACKGROUND_COLORS = ['transparent', 'plain', 'subdued', 'highlighted', 'accent', 'accentSecondary', 'primary', '
|
|
22
|
+
var BACKGROUND_COLORS = exports.BACKGROUND_COLORS = ['transparent', 'plain', 'subdued', 'highlighted', 'accent', 'accentSecondary', 'primary', 'success', 'warning', 'danger'].concat((0, _toConsumableArray2.default)(_button.SEVERITY_COLORS));
|
|
21
23
|
/**
|
|
22
24
|
* @deprecated - use background tokens directly
|
|
23
25
|
* @returns A single background color with optional alpha transparency
|