carbon-addons-iot-react 4.2.2 → 4.2.3

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;
 }