carbon-react 104.47.0 → 104.49.0

package/esm/components/icon/icon.style.js

@@ -69,7 +69,7 @@ const StyledIcon = styled.span`
       finalColor = renderedColor;
       finalHoverColor = shade(0.2, renderedColor);
     } else {
-      finalColor = "var(--colorsYin065)";
+      finalColor = "var(--colorsYin090)";
       finalHoverColor = "var(--colorsYin090)";
     }
 
@@ -82,9 +82,6 @@ const StyledIcon = styled.span`
       });
       bgColor = backgroundColor;
       bgHoverColor = shade(0.2, backgroundColor);
-    } else if (disabled) {
-      bgColor = "var(--colorsYin030)";
-      bgHoverColor = "var(--colorsYin030)";
     } else {
       bgColor = "transparent";
       bgHoverColor = "transparent";

package/esm/components/scrollable-list/scrollable-list-item.component.js

@@ -1,6 +1,5 @@
 import styled, { css } from "styled-components";
 import propTypes from "prop-types";
-import baseTheme from "../../style/themes/base";
 const ScrollableListItem = styled.li`
   ${({
   isSelectable
@@ -8,10 +7,9 @@ const ScrollableListItem = styled.li`
       cursor: pointer;
     `}
   ${({
-  isSelected,
-  theme
+  isSelected
 }) => isSelected && css`
-      background-color: ${theme.select.selected};
+      background-color: var(--colorsUtilityMajor025);
     `}
   box-sizing: content-box;
   padding: 5px 6px;
@@ -19,12 +17,10 @@ const ScrollableListItem = styled.li`
 `;
 ScrollableListItem.propTypes = {
   id: propTypes.any,
-  isSelected: propTypes.bool,
-  theme: propTypes.object
+  isSelected: propTypes.bool
 };
 ScrollableListItem.defaultProps = {
-  isSelectable: true,
-  // defaulted to true so it integrates with ScrollableList by default,
-  theme: baseTheme
+  isSelectable: true // defaulted to true so it integrates with ScrollableList by default,
+
 };
 export default ScrollableListItem;

package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js

@@ -1,21 +1,11 @@
 import styled from "styled-components";
-import baseTheme from "../../../../style/themes/base";
 const SidebarHeaderStyle = styled.div`
-  background-color: ${({
-  theme
-}) => theme.colors.white};
-  box-shadow: inset 0 -1px 0 0 ${({
-  theme
-}) => theme.disabled.border};
+  background-color: var(--colorsUtilityMajor025);
+  box-shadow: inset 0 -1px 0 0 var(--colorsUtilityMajor100);
   box-sizing: border-box;
   width: 100%;
-  color: ${({
-  theme
-}) => theme.text.color};
+  color: var(--colorsActionMinorYin090);
   transition: all 0.2s ease;
   padding: 27px 32px 32px 32px;
 `;
-SidebarHeaderStyle.defaultProps = {
-  theme: baseTheme
-};
 export default SidebarHeaderStyle;

package/lib/components/icon/icon.style.js

@@ -90,7 +90,7 @@ const StyledIcon = _styledComponents.default.span`
       finalColor = renderedColor;
       finalHoverColor = (0, _polished.shade)(0.2, renderedColor);
     } else {
-      finalColor = "var(--colorsYin065)";
+      finalColor = "var(--colorsYin090)";
       finalHoverColor = "var(--colorsYin090)";
     }
 
@@ -103,9 +103,6 @@ const StyledIcon = _styledComponents.default.span`
       });
       bgColor = backgroundColor;
       bgHoverColor = (0, _polished.shade)(0.2, backgroundColor);
-    } else if (disabled) {
-      bgColor = "var(--colorsYin030)";
-      bgHoverColor = "var(--colorsYin030)";
     } else {
       bgColor = "transparent";
       bgHoverColor = "transparent";

package/lib/components/scrollable-list/scrollable-list-item.component.js

@@ -9,8 +9,6 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -24,10 +22,9 @@ const ScrollableListItem = _styledComponents.default.li`
       cursor: pointer;
     `}
   ${({
-  isSelected,
-  theme
+  isSelected
 }) => isSelected && (0, _styledComponents.css)`
-      background-color: ${theme.select.selected};
+      background-color: var(--colorsUtilityMajor025);
     `}
   box-sizing: content-box;
   padding: 5px 6px;
@@ -35,13 +32,11 @@ const ScrollableListItem = _styledComponents.default.li`
 `;
 ScrollableListItem.propTypes = {
   id: _propTypes.default.any,
-  isSelected: _propTypes.default.bool,
-  theme: _propTypes.default.object
+  isSelected: _propTypes.default.bool
 };
 ScrollableListItem.defaultProps = {
-  isSelectable: true,
-  // defaulted to true so it integrates with ScrollableList by default,
-  theme: _base.default
+  isSelectable: true // defaulted to true so it integrates with ScrollableList by default,
+
 };
 var _default = ScrollableListItem;
 exports.default = _default;

package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js

@@ -7,27 +7,16 @@ exports.default = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _base = _interopRequireDefault(require("../../../../style/themes/base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const SidebarHeaderStyle = _styledComponents.default.div`
-  background-color: ${({
-  theme
-}) => theme.colors.white};
-  box-shadow: inset 0 -1px 0 0 ${({
-  theme
-}) => theme.disabled.border};
+  background-color: var(--colorsUtilityMajor025);
+  box-shadow: inset 0 -1px 0 0 var(--colorsUtilityMajor100);
   box-sizing: border-box;
   width: 100%;
-  color: ${({
-  theme
-}) => theme.text.color};
+  color: var(--colorsActionMinorYin090);
   transition: all 0.2s ease;
   padding: 27px 32px 32px 32px;
 `;
-SidebarHeaderStyle.defaultProps = {
-  theme: _base.default
-};
 var _default = SidebarHeaderStyle;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "104.47.0",
+  "version": "104.49.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {