carbon-addons-iot-react 4.2.2 → 4.2.4

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.
@@ -1,6 +1,7 @@
1
1
  @use '@carbon/react/scss/components/combo-box';
2
2
  @use '../../globals/vars' as *;
3
3
  @use '../../globals/mixins' as *;
4
+ @use '@carbon/react/scss/utilities/z-index' as *;
4
5
 
5
6
  .#{$iot-prefix}--combobox {
6
7
  display: flex;
@@ -67,6 +67,11 @@
67
67
  padding-left: $spacing-07;
68
68
  }
69
69
 
70
+ .#{$prefix}--content-switcher-btn,
71
+ .#{$prefix}--content-switcher .#{$prefix}--btn--primary {
72
+ margin-left: 0;
73
+ }
74
+
70
75
  .#{$prefix}--btn--primary {
71
76
  margin-left: $spacing-03;
72
77
  [dir='rtl'] & {
@@ -8,6 +8,7 @@
8
8
  @use '@carbon/react/scss/motion' as *;
9
9
  @use '@carbon/react/scss/type' as *;
10
10
  @use '@carbon/react/scss/colors' as *;
11
+ @use '@carbon/react/scss/utilities/z-index' as *;
11
12
  /////////////////////////////////////////////
12
13
  // AI applications dark sidenav theme styles
13
14
  ////////////////////////////////////////////
@@ -6,6 +6,8 @@
6
6
  @use '@carbon/react/scss/type' as *;
7
7
  @use '@carbon/react/scss/components/button' as *;
8
8
  @use '@carbon/react/scss/utilities/convert';
9
+ @use '@carbon/react/scss/utilities/z-index' as *;
10
+
9
11
  .#{$iot-prefix}--suite-header-profile {
10
12
  background-color: $layer-selected-inverse;
11
13
  color: $text-inverse; //$inverse-01
package/package.json CHANGED
@@ -344,11 +344,11 @@
344
344
  "whatwg-fetch": "^3.0.0"
345
345
  },
346
346
  "sideEffects": false,
347
- "version": "4.2.2",
347
+ "version": "4.2.4",
348
348
  "resolutions": {
349
349
  "chokidar": "3.3.1",
350
350
  "react-grid-layout": "1.2.2",
351
351
  "got": "11.8.5"
352
352
  },
353
- "gitHead": "fc9e74b31f067f2c6e0c2d5fdbbcb9b266acbbc7"
353
+ "gitHead": "59ef811e1bcd89e645bb40d11a055ae5d2e1f53a"
354
354
  }
@@ -1,6 +1,7 @@
1
1
  @use '@carbon/react/scss/components/combo-box';
2
2
  @use '../../globals/vars' as *;
3
3
  @use '../../globals/mixins' as *;
4
+ @use '@carbon/react/scss/utilities/z-index' as *;
4
5
 
5
6
  .#{$iot-prefix}--combobox {
6
7
  display: flex;
@@ -67,6 +67,11 @@
67
67
  padding-left: $spacing-07;
68
68
  }
69
69
 
70
+ .#{$prefix}--content-switcher-btn,
71
+ .#{$prefix}--content-switcher .#{$prefix}--btn--primary {
72
+ margin-left: 0;
73
+ }
74
+
70
75
  .#{$prefix}--btn--primary {
71
76
  margin-left: $spacing-03;
72
77
  [dir='rtl'] & {
@@ -8,6 +8,7 @@
8
8
  @use '@carbon/react/scss/motion' as *;
9
9
  @use '@carbon/react/scss/type' as *;
10
10
  @use '@carbon/react/scss/colors' as *;
11
+ @use '@carbon/react/scss/utilities/z-index' as *;
11
12
  /////////////////////////////////////////////
12
13
  // AI applications dark sidenav theme styles
13
14
  ////////////////////////////////////////////
@@ -6,6 +6,8 @@
6
6
  @use '@carbon/react/scss/type' as *;
7
7
  @use '@carbon/react/scss/components/button' as *;
8
8
  @use '@carbon/react/scss/utilities/convert';
9
+ @use '@carbon/react/scss/utilities/z-index' as *;
10
+
9
11
  .#{$iot-prefix}--suite-header-profile {
10
12
  background-color: $layer-selected-inverse;
11
13
  color: $text-inverse; //$inverse-01
@@ -318966,28 +318966,28 @@ React keys must be passed directly to JSX without using spread:
318966
318966
  selectedIndex: selectedBreakpointIndex,
318967
318967
  className: "".concat(baseClassName, "--bottom__switcher"),
318968
318968
  "data-testid": "".concat(testId, "-breakpoint-switcher")
318969
- }, /*#__PURE__*/React$1.createElement(IconSwitch$1, {
318969
+ }, /*#__PURE__*/React$1.createElement(react.IconSwitch, {
318970
318970
  name: "fit-to-screen",
318971
318971
  text: mergedI18n.headerFitToScreenButton,
318972
318972
  renderIcon: iconsReact.Maximize,
318973
318973
  index: 0,
318974
318974
  testId: "".concat(testId, "-fit-to-screen-switch"),
318975
318975
  tooltipPosition: "bottom"
318976
- }), /*#__PURE__*/React$1.createElement(IconSwitch$1, {
318976
+ }), /*#__PURE__*/React$1.createElement(react.IconSwitch, {
318977
318977
  name: "large",
318978
318978
  text: mergedI18n.headerLargeButton,
318979
318979
  renderIcon: iconsReact.Screen,
318980
318980
  index: 1,
318981
318981
  testId: "".concat(testId, "-large-switch"),
318982
318982
  tooltipPosition: "bottom"
318983
- }), /*#__PURE__*/React$1.createElement(IconSwitch$1, {
318983
+ }), /*#__PURE__*/React$1.createElement(react.IconSwitch, {
318984
318984
  name: "medium",
318985
318985
  text: mergedI18n.headerMediumButton,
318986
318986
  renderIcon: iconsReact.Laptop,
318987
318987
  index: 2,
318988
318988
  testId: "".concat(testId, "-medium-switch"),
318989
318989
  tooltipPosition: "bottom"
318990
- }), /*#__PURE__*/React$1.createElement(IconSwitch$1, {
318990
+ }), /*#__PURE__*/React$1.createElement(react.IconSwitch, {
318991
318991
  name: "small",
318992
318992
  text: mergedI18n.headerSmallButton,
318993
318993
  renderIcon: iconsReact.Tablet,