@elastic/eui 70.2.0 → 70.2.1
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/page/page_section/page_section.js +3 -4
- package/es/components/tabs/tab.js +2 -1
- package/lib/components/page/page_section/page_section.js +3 -4
- package/lib/components/tabs/tab.js +2 -1
- package/optimize/es/components/page/page_section/page_section.js +3 -4
- package/optimize/es/components/tabs/tab.js +2 -1
- package/optimize/lib/components/page/page_section/page_section.js +3 -4
- package/optimize/lib/components/tabs/tab.js +2 -1
- package/package.json +1 -1
- package/test-env/components/page/page_section/page_section.js +3 -4
- package/test-env/components/tabs/tab.js +2 -1
|
@@ -47,12 +47,11 @@ export var EuiPageSection = function EuiPageSection(_ref) {
|
|
|
47
47
|
var colors = useEuiBackgroundColorCSS();
|
|
48
48
|
var cssStyles = [styles.euiPageSection, grow && styles.grow, inlinePadding[paddingSize], bottomBorder === 'extended' && styles.border, alignment && styles[alignment], colors[color]];
|
|
49
49
|
var contentStyles = euiPageSectionContentStyles();
|
|
50
|
-
var cssContentStyles = [contentStyles.euiPageSection__content, blockPadding[paddingSize], bottomBorder === true && styles.border, alignment.toLowerCase().includes('center') && contentStyles.center, restrictWidth && contentStyles.restrictWidth];
|
|
50
|
+
var cssContentStyles = [contentStyles.euiPageSection__content, blockPadding[paddingSize], bottomBorder === true && styles.border, alignment.toLowerCase().includes('center') && contentStyles.center, restrictWidth && contentStyles.restrictWidth, (contentProps === null || contentProps === void 0 ? void 0 : contentProps.css) && contentProps.css];
|
|
51
51
|
return ___EmotionJSX(Component, _extends({
|
|
52
52
|
css: cssStyles
|
|
53
|
-
}, rest), ___EmotionJSX("div", _extends({
|
|
54
|
-
css: cssContentStyles
|
|
55
|
-
}, contentProps, {
|
|
53
|
+
}, rest), ___EmotionJSX("div", _extends({}, contentProps, {
|
|
54
|
+
css: cssContentStyles,
|
|
56
55
|
style: widthStyles
|
|
57
56
|
}), children));
|
|
58
57
|
};
|
|
@@ -30,7 +30,8 @@ export var EuiTab = function EuiTab(_ref) {
|
|
|
30
30
|
rel = _ref.rel,
|
|
31
31
|
prepend = _ref.prepend,
|
|
32
32
|
append = _ref.append,
|
|
33
|
-
size = _ref.size,
|
|
33
|
+
_ref$size = _ref.size,
|
|
34
|
+
size = _ref$size === void 0 ? 'm' : _ref$size,
|
|
34
35
|
expand = _ref.expand,
|
|
35
36
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
36
37
|
|
|
@@ -56,12 +56,11 @@ var EuiPageSection = function EuiPageSection(_ref) {
|
|
|
56
56
|
var colors = (0, _global_styling.useEuiBackgroundColorCSS)();
|
|
57
57
|
var cssStyles = [styles.euiPageSection, grow && styles.grow, inlinePadding[paddingSize], bottomBorder === 'extended' && styles.border, alignment && styles[alignment], colors[color]];
|
|
58
58
|
var contentStyles = (0, _page_section.euiPageSectionContentStyles)();
|
|
59
|
-
var cssContentStyles = [contentStyles.euiPageSection__content, blockPadding[paddingSize], bottomBorder === true && styles.border, alignment.toLowerCase().includes('center') && contentStyles.center, restrictWidth && contentStyles.restrictWidth];
|
|
59
|
+
var cssContentStyles = [contentStyles.euiPageSection__content, blockPadding[paddingSize], bottomBorder === true && styles.border, alignment.toLowerCase().includes('center') && contentStyles.center, restrictWidth && contentStyles.restrictWidth, (contentProps === null || contentProps === void 0 ? void 0 : contentProps.css) && contentProps.css];
|
|
60
60
|
return (0, _react2.jsx)(Component, _extends({
|
|
61
61
|
css: cssStyles
|
|
62
|
-
}, rest), (0, _react2.jsx)("div", _extends({
|
|
63
|
-
css: cssContentStyles
|
|
64
|
-
}, contentProps, {
|
|
62
|
+
}, rest), (0, _react2.jsx)("div", _extends({}, contentProps, {
|
|
63
|
+
css: cssContentStyles,
|
|
65
64
|
style: widthStyles
|
|
66
65
|
}), children));
|
|
67
66
|
};
|
|
@@ -39,7 +39,8 @@ var EuiTab = function EuiTab(_ref) {
|
|
|
39
39
|
rel = _ref.rel,
|
|
40
40
|
prepend = _ref.prepend,
|
|
41
41
|
append = _ref.append,
|
|
42
|
-
size = _ref.size,
|
|
42
|
+
_ref$size = _ref.size,
|
|
43
|
+
size = _ref$size === void 0 ? 'm' : _ref$size,
|
|
43
44
|
expand = _ref.expand,
|
|
44
45
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
45
46
|
|
|
@@ -42,12 +42,11 @@ export var EuiPageSection = function EuiPageSection(_ref) {
|
|
|
42
42
|
var colors = useEuiBackgroundColorCSS();
|
|
43
43
|
var cssStyles = [styles.euiPageSection, grow && styles.grow, inlinePadding[paddingSize], bottomBorder === 'extended' && styles.border, alignment && styles[alignment], colors[color]];
|
|
44
44
|
var contentStyles = euiPageSectionContentStyles();
|
|
45
|
-
var cssContentStyles = [contentStyles.euiPageSection__content, blockPadding[paddingSize], bottomBorder === true && styles.border, alignment.toLowerCase().includes('center') && contentStyles.center, restrictWidth && contentStyles.restrictWidth];
|
|
45
|
+
var cssContentStyles = [contentStyles.euiPageSection__content, blockPadding[paddingSize], bottomBorder === true && styles.border, alignment.toLowerCase().includes('center') && contentStyles.center, restrictWidth && contentStyles.restrictWidth, (contentProps === null || contentProps === void 0 ? void 0 : contentProps.css) && contentProps.css];
|
|
46
46
|
return ___EmotionJSX(Component, _extends({
|
|
47
47
|
css: cssStyles
|
|
48
|
-
}, rest), ___EmotionJSX("div", _extends({
|
|
49
|
-
css: cssContentStyles
|
|
50
|
-
}, contentProps, {
|
|
48
|
+
}, rest), ___EmotionJSX("div", _extends({}, contentProps, {
|
|
49
|
+
css: cssContentStyles,
|
|
51
50
|
style: widthStyles
|
|
52
51
|
}), children));
|
|
53
52
|
};
|
|
@@ -25,7 +25,8 @@ export var EuiTab = function EuiTab(_ref) {
|
|
|
25
25
|
rel = _ref.rel,
|
|
26
26
|
prepend = _ref.prepend,
|
|
27
27
|
append = _ref.append,
|
|
28
|
-
size = _ref.size,
|
|
28
|
+
_ref$size = _ref.size,
|
|
29
|
+
size = _ref$size === void 0 ? 'm' : _ref$size,
|
|
29
30
|
expand = _ref.expand,
|
|
30
31
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
31
32
|
|
|
@@ -51,12 +51,11 @@ var EuiPageSection = function EuiPageSection(_ref) {
|
|
|
51
51
|
var colors = (0, _global_styling.useEuiBackgroundColorCSS)();
|
|
52
52
|
var cssStyles = [styles.euiPageSection, grow && styles.grow, inlinePadding[paddingSize], bottomBorder === 'extended' && styles.border, alignment && styles[alignment], colors[color]];
|
|
53
53
|
var contentStyles = (0, _page_section.euiPageSectionContentStyles)();
|
|
54
|
-
var cssContentStyles = [contentStyles.euiPageSection__content, blockPadding[paddingSize], bottomBorder === true && styles.border, alignment.toLowerCase().includes('center') && contentStyles.center, restrictWidth && contentStyles.restrictWidth];
|
|
54
|
+
var cssContentStyles = [contentStyles.euiPageSection__content, blockPadding[paddingSize], bottomBorder === true && styles.border, alignment.toLowerCase().includes('center') && contentStyles.center, restrictWidth && contentStyles.restrictWidth, (contentProps === null || contentProps === void 0 ? void 0 : contentProps.css) && contentProps.css];
|
|
55
55
|
return (0, _react2.jsx)(Component, (0, _extends2.default)({
|
|
56
56
|
css: cssStyles
|
|
57
|
-
}, rest), (0, _react2.jsx)("div", (0, _extends2.default)({
|
|
58
|
-
css: cssContentStyles
|
|
59
|
-
}, contentProps, {
|
|
57
|
+
}, rest), (0, _react2.jsx)("div", (0, _extends2.default)({}, contentProps, {
|
|
58
|
+
css: cssContentStyles,
|
|
60
59
|
style: widthStyles
|
|
61
60
|
}), children));
|
|
62
61
|
};
|
|
@@ -35,7 +35,8 @@ var EuiTab = function EuiTab(_ref) {
|
|
|
35
35
|
rel = _ref.rel,
|
|
36
36
|
prepend = _ref.prepend,
|
|
37
37
|
append = _ref.append,
|
|
38
|
-
size = _ref.size,
|
|
38
|
+
_ref$size = _ref.size,
|
|
39
|
+
size = _ref$size === void 0 ? 'm' : _ref$size,
|
|
39
40
|
expand = _ref.expand,
|
|
40
41
|
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
41
42
|
var euiTheme = (0, _services.useEuiTheme)();
|
package/package.json
CHANGED
|
@@ -53,12 +53,11 @@ var EuiPageSection = function EuiPageSection(_ref) {
|
|
|
53
53
|
var colors = (0, _global_styling.useEuiBackgroundColorCSS)();
|
|
54
54
|
var cssStyles = [styles.euiPageSection, grow && styles.grow, inlinePadding[paddingSize], bottomBorder === 'extended' && styles.border, alignment && styles[alignment], colors[color]];
|
|
55
55
|
var contentStyles = (0, _page_section.euiPageSectionContentStyles)();
|
|
56
|
-
var cssContentStyles = [contentStyles.euiPageSection__content, blockPadding[paddingSize], bottomBorder === true && styles.border, alignment.toLowerCase().includes('center') && contentStyles.center, restrictWidth && contentStyles.restrictWidth];
|
|
56
|
+
var cssContentStyles = [contentStyles.euiPageSection__content, blockPadding[paddingSize], bottomBorder === true && styles.border, alignment.toLowerCase().includes('center') && contentStyles.center, restrictWidth && contentStyles.restrictWidth, (contentProps === null || contentProps === void 0 ? void 0 : contentProps.css) && contentProps.css];
|
|
57
57
|
return (0, _react2.jsx)(Component, (0, _extends2.default)({
|
|
58
58
|
css: cssStyles
|
|
59
|
-
}, rest), (0, _react2.jsx)("div", (0, _extends2.default)({
|
|
60
|
-
css: cssContentStyles
|
|
61
|
-
}, contentProps, {
|
|
59
|
+
}, rest), (0, _react2.jsx)("div", (0, _extends2.default)({}, contentProps, {
|
|
60
|
+
css: cssContentStyles,
|
|
62
61
|
style: widthStyles
|
|
63
62
|
}), children));
|
|
64
63
|
};
|
|
@@ -37,7 +37,8 @@ var EuiTab = function EuiTab(_ref) {
|
|
|
37
37
|
rel = _ref.rel,
|
|
38
38
|
prepend = _ref.prepend,
|
|
39
39
|
append = _ref.append,
|
|
40
|
-
size = _ref.size,
|
|
40
|
+
_ref$size = _ref.size,
|
|
41
|
+
size = _ref$size === void 0 ? 'm' : _ref$size,
|
|
41
42
|
expand = _ref.expand,
|
|
42
43
|
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
43
44
|
var euiTheme = (0, _services.useEuiTheme)();
|