@elastic/eui 89.0.0 → 90.0.0

package/lib/components/control_bar/control_bar.js

@@ -7,6 +7,7 @@ exports.EuiControlBar = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
+var _services = require("../../services");
 var _accessibility = require("../accessibility");
 var _breadcrumbs = require("../breadcrumbs");
 var _button = require("../button");
@@ -159,8 +160,7 @@ var EuiControlBar = /*#__PURE__*/function (_Component) {
             {
               var controlType = control.controlType,
                 id = control.id,
-                _control$color = control.color,
-                color = _control$color === void 0 ? 'ghost' : _control$color,
+                color = control.color,
                 label = control.label,
                 _className = control.className,
                 _rest = _objectWithoutProperties(control, _excluded2);
@@ -178,8 +178,8 @@ var EuiControlBar = /*#__PURE__*/function (_Component) {
                 _id = control.id,
                 iconType = control.iconType,
                 _className2 = control.className,
-                _control$color2 = control.color,
-                _color = _control$color2 === void 0 ? 'ghost' : _control$color2,
+                _control$color = control.color,
+                _color = _control$color === void 0 ? 'text' : _control$color,
                 onClick = control.onClick,
                 href = control.href,
                 _rest2 = _objectWithoutProperties(control, _excluded3);
@@ -255,25 +255,30 @@ var EuiControlBar = /*#__PURE__*/function (_Component) {
         token: "euiControlBar.screenReaderHeading",
         default: "Page level controls"
       }, function (screenReaderHeading) {
-        return (
-          // Though it would be better to use aria-labelledby than aria-label and not repeat the same string twice
-          // A bug in voiceover won't list some landmarks in the rotor without an aria-label
-          (0, _react2.jsx)("section", _extends({
-            className: classes,
-            "aria-label": landmarkHeading ? landmarkHeading : screenReaderHeading
-          }, rest, {
-            style: styles
-          }), (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("h2", null, landmarkHeading ? landmarkHeading : screenReaderHeading)), (0, _react2.jsx)("div", {
-            className: "euiControlBar__controls",
-            ref: function ref(node) {
-              _this2.bar = node;
-            }
-          }, controls.map(function (control, index) {
-            return controlItem(control, index);
-          })), _this2.props.showContent ? (0, _react2.jsx)("div", {
-            className: "euiControlBar__content"
-          }, children) : null)
-        );
+        return (0, _react2.jsx)(_services.EuiThemeProvider, {
+          colorMode: "dark",
+          wrapperProps: {
+            cloneElement: true
+          }
+        }, (0, _react2.jsx)("section", _extends({
+          className: classes
+          // Though it would be better to use aria-labelledby than aria-label
+          // and not repeat the same string twice, a bug in voiceover won't list
+          // some landmarks in the rotor without an aria-label
+          ,
+          "aria-label": landmarkHeading ? landmarkHeading : screenReaderHeading
+        }, rest, {
+          style: styles
+        }), (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("h2", null, landmarkHeading ? landmarkHeading : screenReaderHeading)), (0, _react2.jsx)("div", {
+          className: "euiControlBar__controls",
+          ref: function ref(node) {
+            _this2.bar = node;
+          }
+        }, controls.map(function (control, index) {
+          return controlItem(control, index);
+        })), _this2.props.showContent ? (0, _react2.jsx)("div", {
+          className: "euiControlBar__content"
+        }, children) : null));
       });
       return position === 'fixed' ? (0, _react2.jsx)(_portal.EuiPortal, null, controlBar, (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("p", {
         "aria-live": "assertive"