carbon-addons-iot-react 4.2.2 → 4.2.4

package/es/components/DashboardEditor/DashboardEditorHeader/DashboardEditorHeader.js

@@ -10,10 +10,9 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import isEmpty from '../../../node_modules/lodash-es/isEmpty.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
-import { ContentSwitcher, FileUploaderButton, Tooltip, TextInput } from '@carbon/react';
+import { ContentSwitcher, IconSwitch, FileUploaderButton, Tooltip, TextInput } from '@carbon/react';
 import { settings } from '../../../constants/Settings.js';
 import Button from '../../Button/Button.js';
-import IconSwitch from '../../IconSwitch/IconSwitch.js';
 import PageTitleBar from '../../PageTitleBar/PageTitleBar.js';
 import { Maximize, Screen, Laptop, Tablet, DocumentImport, DocumentExport, TrashCan } from '@carbon/icons-react';
 

package/lib/components/DashboardEditor/DashboardEditorHeader/DashboardEditorHeader.js

@@ -15,7 +15,6 @@ var PropTypes = require('prop-types');
 var react = require('@carbon/react');
 var Settings = require('../../../constants/Settings.js');
 var Button = require('../../Button/Button.js');
-var IconSwitch = require('../../IconSwitch/IconSwitch.js');
 var PageTitleBar = require('../../PageTitleBar/PageTitleBar.js');
 var iconsReact = require('@carbon/icons-react');
 
@@ -162,28 +161,28 @@ var DashboardEditorHeader = function DashboardEditorHeader(_ref) {
     selectedIndex: selectedBreakpointIndex,
     className: "".concat(baseClassName, "--bottom__switcher"),
     "data-testid": "".concat(testId, "-breakpoint-switcher")
-  }, /*#__PURE__*/React__default.default.createElement(IconSwitch.default, {
+  }, /*#__PURE__*/React__default.default.createElement(react.IconSwitch, {
     name: "fit-to-screen",
     text: mergedI18n.headerFitToScreenButton,
     renderIcon: iconsReact.Maximize,
     index: 0,
     testId: "".concat(testId, "-fit-to-screen-switch"),
     tooltipPosition: "bottom"
-  }), /*#__PURE__*/React__default.default.createElement(IconSwitch.default, {
+  }), /*#__PURE__*/React__default.default.createElement(react.IconSwitch, {
     name: "large",
     text: mergedI18n.headerLargeButton,
     renderIcon: iconsReact.Screen,
     index: 1,
     testId: "".concat(testId, "-large-switch"),
     tooltipPosition: "bottom"
-  }), /*#__PURE__*/React__default.default.createElement(IconSwitch.default, {
+  }), /*#__PURE__*/React__default.default.createElement(react.IconSwitch, {
     name: "medium",
     text: mergedI18n.headerMediumButton,
     renderIcon: iconsReact.Laptop,
     index: 2,
     testId: "".concat(testId, "-medium-switch"),
     tooltipPosition: "bottom"
-  }), /*#__PURE__*/React__default.default.createElement(IconSwitch.default, {
+  }), /*#__PURE__*/React__default.default.createElement(react.IconSwitch, {
     name: "small",
     text: mergedI18n.headerSmallButton,
     renderIcon: iconsReact.Tablet,

package/lib/css/carbon-addons-iot-react.css

@@ -31288,6 +31288,10 @@ html[dir=rtl] .cds--number .cds--number__controls {
   padding-right: unset;
   padding-left: 2rem;
 }
+.page-title-bar-header-right .cds--content-switcher-btn,
+.page-title-bar-header-right .cds--content-switcher .cds--btn--primary {
+  margin-left: 0;
+}
 .page-title-bar-header-right .cds--btn--primary {
   margin-left: 0.5rem;
 }
@@ -34730,7 +34734,7 @@ html[dir=rtl] .iot--side-nav .cds--side-nav__item.cds--side-nav__item--icon .cds
 .iot--side-nav .cds--search {
   min-width: 5rem;
   margin-bottom: -1rem;
-  z-index: z("overlay");
+  z-index: 6000;
 }
 .iot--side-nav .cds--search-input,
 .iot--side-nav .cds--search-close:hover {
@@ -34906,7 +34910,7 @@ html[dir=rtl] .iot--side-nav__item--depth-3 .cds--side-nav__link-text {
 }
 
 .cds--side-nav__overlay-active {
-  z-index: z("overlay");
+  z-index: 6000;
 }
 
 .iot-simple-pagination-container {
@@ -35025,7 +35029,7 @@ html[dir=rtl] .iot--side-nav__item--depth-3 .cds--side-nav__link-text {
   right: 0;
   max-width: 26.5625rem;
   width: auto;
-  z-index: z("overlay");
+  z-index: 6000;
   margin-inline: 0 1rem;
   margin-block: 1rem 0.5rem;
 }