carbon-react 104.48.1 → 104.49.0

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/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/package.json

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