@elastic/eui 70.2.2 → 70.2.3

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 (17) hide show
  1. package/dist/eui_theme_dark.css +10 -12
  2. package/dist/eui_theme_dark.min.css +1 -1
  3. package/dist/eui_theme_light.css +10 -12
  4. package/dist/eui_theme_light.min.css +1 -1
  5. package/es/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +1 -4
  6. package/es/components/date_picker/super_date_picker/quick_select_popover/recently_used.js +1 -1
  7. package/lib/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +1 -5
  8. package/lib/components/date_picker/super_date_picker/quick_select_popover/recently_used.js +1 -1
  9. package/optimize/es/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +1 -4
  10. package/optimize/es/components/date_picker/super_date_picker/quick_select_popover/recently_used.js +1 -1
  11. package/optimize/lib/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +1 -5
  12. package/optimize/lib/components/date_picker/super_date_picker/quick_select_popover/recently_used.js +1 -1
  13. package/package.json +1 -1
  14. package/src/components/date_picker/super_date_picker/_super_date_picker.scss +6 -10
  15. package/src/components/date_picker/super_date_picker/quick_select_popover/_quick_select_popover.scss +5 -3
  16. package/test-env/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +1 -5
  17. package/test-env/components/date_picker/super_date_picker/quick_select_popover/recently_used.js +1 -1
package/es/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js CHANGED
@@ -35,7 +35,6 @@ import { EuiButtonEmpty } from '../../../button';
35
35
  import { EuiIcon } from '../../../icon';
36
36
  import { EuiPopover } from '../../../popover';
37
37
  import { EuiTitle } from '../../../title';
38
- import { EuiSpacer } from '../../../spacer';
39
38
  import { EuiHorizontalRule } from '../../../horizontal_rule';
40
39
  import { EuiText } from '../../../text';
41
40
  import { EuiQuickSelect } from './quick_select';
@@ -146,9 +145,7 @@ export var EuiQuickSelectPopover = /*#__PURE__*/function (_Component) {
146
145
  margin: "s"
147
146
  }), ___EmotionJSX(EuiTitle, {
148
147
  size: "xxxs"
149
- }, ___EmotionJSX("span", null, title)), ___EmotionJSX(EuiSpacer, {
150
- size: "xs"
151
- }), ___EmotionJSX(EuiText, {
148
+ }, ___EmotionJSX("span", null, title)), ___EmotionJSX(EuiText, {
152
149
  size: "s",
153
150
  className: "euiQuickSelectPopover__section"
154
151
  }, /*#__PURE__*/React.cloneElement(content, {
package/es/components/date_picker/super_date_picker/quick_select_popover/recently_used.js CHANGED
@@ -37,7 +37,7 @@ export var EuiRecentlyUsed = function EuiRecentlyUsed(_ref) {
37
37
  };
38
38
 
39
39
  return ___EmotionJSX("li", {
40
- className: "euiQuickSelectPopover__sectionItem",
40
+ className: "euiQuickSelectPopover__sectionItem euiQuickSelectPopover__sectionItem--recentlyUsed",
41
41
  key: "".concat(start, "-").concat(end)
42
42
  }, ___EmotionJSX(EuiLink, {
43
43
  onClick: applyRecentlyUsed
package/lib/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js CHANGED
@@ -19,8 +19,6 @@ var _popover = require("../../../popover");
19
19
 
20
20
  var _title = require("../../../title");
21
21
 
22
- var _spacer = require("../../../spacer");
23
-
24
22
  var _horizontal_rule = require("../../../horizontal_rule");
25
23
 
26
24
  var _text = require("../../../text");
@@ -166,9 +164,7 @@ var EuiQuickSelectPopover = /*#__PURE__*/function (_Component) {
166
164
  margin: "s"
167
165
  }), (0, _react2.jsx)(_title.EuiTitle, {
168
166
  size: "xxxs"
169
- }, (0, _react2.jsx)("span", null, title)), (0, _react2.jsx)(_spacer.EuiSpacer, {
170
- size: "xs"
171
- }), (0, _react2.jsx)(_text.EuiText, {
167
+ }, (0, _react2.jsx)("span", null, title)), (0, _react2.jsx)(_text.EuiText, {
172
168
  size: "s",
173
169
  className: "euiQuickSelectPopover__section"
174
170
  }, /*#__PURE__*/_react.default.cloneElement(content, {
package/lib/components/date_picker/super_date_picker/quick_select_popover/recently_used.js CHANGED
@@ -54,7 +54,7 @@ var EuiRecentlyUsed = function EuiRecentlyUsed(_ref) {
54
54
  };
55
55
 
56
56
  return (0, _react2.jsx)("li", {
57
- className: "euiQuickSelectPopover__sectionItem",
57
+ className: "euiQuickSelectPopover__sectionItem euiQuickSelectPopover__sectionItem--recentlyUsed",
58
58
  key: "".concat(start, "-").concat(end)
59
59
  }, (0, _react2.jsx)(_link.EuiLink, {
60
60
  onClick: applyRecentlyUsed
package/optimize/es/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js CHANGED
@@ -22,7 +22,6 @@ import { EuiButtonEmpty } from '../../../button';
22
22
  import { EuiIcon } from '../../../icon';
23
23
  import { EuiPopover } from '../../../popover';
24
24
  import { EuiTitle } from '../../../title';
25
- import { EuiSpacer } from '../../../spacer';
26
25
  import { EuiHorizontalRule } from '../../../horizontal_rule';
27
26
  import { EuiText } from '../../../text';
28
27
  import { EuiQuickSelect } from './quick_select';
@@ -133,9 +132,7 @@ export var EuiQuickSelectPopover = /*#__PURE__*/function (_Component) {
133
132
  margin: "s"
134
133
  }), ___EmotionJSX(EuiTitle, {
135
134
  size: "xxxs"
136
- }, ___EmotionJSX("span", null, title)), ___EmotionJSX(EuiSpacer, {
137
- size: "xs"
138
- }), ___EmotionJSX(EuiText, {
135
+ }, ___EmotionJSX("span", null, title)), ___EmotionJSX(EuiText, {
139
136
  size: "s",
140
137
  className: "euiQuickSelectPopover__section"
141
138
  }, /*#__PURE__*/React.cloneElement(content, {
package/optimize/es/components/date_picker/super_date_picker/quick_select_popover/recently_used.js CHANGED
@@ -36,7 +36,7 @@ export var EuiRecentlyUsed = function EuiRecentlyUsed(_ref) {
36
36
  };
37
37
 
38
38
  return ___EmotionJSX("li", {
39
- className: "euiQuickSelectPopover__sectionItem",
39
+ className: "euiQuickSelectPopover__sectionItem euiQuickSelectPopover__sectionItem--recentlyUsed",
40
40
  key: "".concat(start, "-").concat(end)
41
41
  }, ___EmotionJSX(EuiLink, {
42
42
  onClick: applyRecentlyUsed
package/optimize/lib/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js CHANGED
@@ -33,8 +33,6 @@ var _popover = require("../../../popover");
33
33
 
34
34
  var _title = require("../../../title");
35
35
 
36
- var _spacer = require("../../../spacer");
37
-
38
36
  var _horizontal_rule = require("../../../horizontal_rule");
39
37
 
40
38
  var _text = require("../../../text");
@@ -154,9 +152,7 @@ var EuiQuickSelectPopover = /*#__PURE__*/function (_Component) {
154
152
  margin: "s"
155
153
  }), (0, _react2.jsx)(_title.EuiTitle, {
156
154
  size: "xxxs"
157
- }, (0, _react2.jsx)("span", null, title)), (0, _react2.jsx)(_spacer.EuiSpacer, {
158
- size: "xs"
159
- }), (0, _react2.jsx)(_text.EuiText, {
155
+ }, (0, _react2.jsx)("span", null, title)), (0, _react2.jsx)(_text.EuiText, {
160
156
  size: "s",
161
157
  className: "euiQuickSelectPopover__section"
162
158
  }, /*#__PURE__*/_react.default.cloneElement(content, {
package/optimize/lib/components/date_picker/super_date_picker/quick_select_popover/recently_used.js CHANGED
@@ -52,7 +52,7 @@ var EuiRecentlyUsed = function EuiRecentlyUsed(_ref) {
52
52
  };
53
53
 
54
54
  return (0, _react2.jsx)("li", {
55
- className: "euiQuickSelectPopover__sectionItem",
55
+ className: "euiQuickSelectPopover__sectionItem euiQuickSelectPopover__sectionItem--recentlyUsed",
56
56
  key: "".concat(start, "-").concat(end)
57
57
  }, (0, _react2.jsx)(_link.EuiLink, {
58
58
  onClick: applyRecentlyUsed
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@elastic/eui",
3
3
  "description": "Elastic UI Component Library",
4
- "version": "70.2.2",
4
+ "version": "70.2.3",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "lib",
7
7
  "module": "es",
package/src/components/date_picker/super_date_picker/_super_date_picker.scss CHANGED
@@ -1,15 +1,17 @@
1
1
  // sass-lint:disable-block function-name-format
2
2
 
3
3
  .euiSuperDatePicker__flexWrapper {
4
- // Need to offset 8px because of negative margins added by small size gutter
5
- max-width: calc(100% + #{$euiSizeS});
4
+ max-width: 100%;
6
5
  // Set a sensible min-width for when width is auto
7
6
  min-width: MIN(($euiFormMaxWidth / 2) + $euiSuperDatePickerButtonWidth + $euiSizeS, 100%);
8
7
  width: $euiSuperDatePickerWidth + $euiSuperDatePickerButtonWidth + $euiSizeS;
9
8
 
9
+ @include euiBreakpoint('xs', 's') {
10
+ width: 100%;
11
+ }
12
+
10
13
  &.euiSuperDatePicker__flexWrapper--fullWidth {
11
- // Need to offset 8px because of negative margins added by small size gutter
12
- width: calc(100% + #{$euiSizeS});
14
+ width: 100%;
13
15
  }
14
16
 
15
17
  &.euiSuperDatePicker__flexWrapper--isQuickSelectOnly {
@@ -76,9 +78,3 @@
76
78
  cursor: not-allowed;
77
79
  }
78
80
  }
79
-
80
- @include euiBreakpoint('xs', 's') {
81
- .euiSuperDatePicker__flexWrapper {
82
- width: calc(100% + #{$euiSizeS});
83
- }
84
- }
package/src/components/date_picker/super_date_picker/quick_select_popover/_quick_select_popover.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  max-height: $euiSizeM * 11;
9
9
  overflow: hidden;
10
10
  overflow-y: auto;
11
- padding: $euiSizeS 0 $euiSizeXS; // Offset negative margin from flex items
11
+ margin: $euiSizeS 0 0;
12
12
  }
13
13
 
14
14
  // sass-lint:disable no-important
@@ -25,7 +25,9 @@
25
25
  font-size: $euiFontSizeS;
26
26
  line-height: $euiFontSizeS;
27
27
 
28
- &:not(:last-of-type) {
29
- margin-bottom: $euiSizeS;
28
+ &--recentlyUsed {
29
+ &:not(:last-of-type) {
30
+ margin-bottom: $euiSizeS;
31
+ }
30
32
  }
31
33
  }
package/test-env/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js CHANGED
@@ -35,8 +35,6 @@ var _popover = require("../../../popover");
35
35
 
36
36
  var _title = require("../../../title");
37
37
 
38
- var _spacer = require("../../../spacer");
39
-
40
38
  var _horizontal_rule = require("../../../horizontal_rule");
41
39
 
42
40
  var _text = require("../../../text");
@@ -156,9 +154,7 @@ var EuiQuickSelectPopover = /*#__PURE__*/function (_Component) {
156
154
  margin: "s"
157
155
  }), (0, _react2.jsx)(_title.EuiTitle, {
158
156
  size: "xxxs"
159
- }, (0, _react2.jsx)("span", null, title)), (0, _react2.jsx)(_spacer.EuiSpacer, {
160
- size: "xs"
161
- }), (0, _react2.jsx)(_text.EuiText, {
157
+ }, (0, _react2.jsx)("span", null, title)), (0, _react2.jsx)(_text.EuiText, {
162
158
  size: "s",
163
159
  className: "euiQuickSelectPopover__section"
164
160
  }, /*#__PURE__*/_react.default.cloneElement(content, {
package/test-env/components/date_picker/super_date_picker/quick_select_popover/recently_used.js CHANGED
@@ -54,7 +54,7 @@ var EuiRecentlyUsed = function EuiRecentlyUsed(_ref) {
54
54
  };
55
55
 
56
56
  return (0, _react2.jsx)("li", {
57
- className: "euiQuickSelectPopover__sectionItem",
57
+ className: "euiQuickSelectPopover__sectionItem euiQuickSelectPopover__sectionItem--recentlyUsed",
58
58
  key: "".concat(start, "-").concat(end)
59
59
  }, (0, _react2.jsx)(_link.EuiLink, {
60
60
  onClick: applyRecentlyUsed