carbon-react 104.25.0 → 104.26.0

package/lib/components/duelling-picklist/picklist-group/picklist-group.style.js

@@ -7,14 +7,10 @@ exports.StyledGroupButton = exports.StyledPicklistGroup = exports.StyledPicklist
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _base = _interopRequireDefault(require("../../../style/themes/base"));
-
 var _button = require("../../button");
 
 var _picklistItem = require("../picklist-item/picklist-item.style");
 
-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; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -22,8 +18,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 const StyledGroupWrapper = _styledComponents.default.li`
   ${({
   highlighted,
-  type,
-  theme
+  type
 }) => (0, _styledComponents.css)`
     &:not(:first-of-type) {
       margin-top: 16px;
@@ -31,8 +26,7 @@ const StyledGroupWrapper = _styledComponents.default.li`
 
     ${highlighted && (0, _styledComponents.css)`
       ${_picklistItem.StyledButton} {
-        background: ${type === "add" ? theme.colors.secondary : theme.colors.destructive.hover};
-      }
+        background: ${type === "add" ? "var(--colorsActionMajor600)" : "var(--colorsSemanticNegative600)"}
     `}
   `}
 `;
@@ -50,8 +44,7 @@ const StyledPicklistGroup = _styledComponents.default.li`
 exports.StyledPicklistGroup = StyledPicklistGroup;
 const StyledGroupButton = (0, _styledComponents.default)(_button.ButtonWithForwardRef)`
   ${({
-  iconType,
-  theme
+  iconType
 }) => (0, _styledComponents.css)`
     padding: 0;
     margin-right: 0;
@@ -62,16 +55,9 @@ const StyledGroupButton = (0, _styledComponents.default)(_button.ButtonWithForwa
 
     &:focus {
       > span {
-        color: ${theme.colors.white};
+        color: var(--colorsActionMajorYang100);
       }
-      background: ${iconType === "add" ? theme.colors.secondary : theme.colors.destructive.hover};
-    }
+      background: ${iconType === "add" ? "var(--colorsActionMajor600)" : "var(--colorsSemanticNegative600)"}
   `}
 `;
-exports.StyledGroupButton = StyledGroupButton;
-StyledGroupWrapper.defaultProps = {
-  theme: _base.default
-};
-StyledGroupButton.defaultProps = {
-  theme: _base.default
-};
+exports.StyledGroupButton = StyledGroupButton;

package/lib/components/duelling-picklist/picklist-item/picklist-item.style.js

@@ -7,8 +7,6 @@ exports.StyledLockIcon = exports.StyledButton = exports.StyledPicklistItem = voi
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _base = _interopRequireDefault(require("../../../style/themes/base"));
-
 var _button = require("../../button");
 
 var _icon = _interopRequireDefault(require("../../icon"));
@@ -23,26 +21,24 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 const StyledPicklistItem = _styledComponents.default.li`
   ${({
-  locked,
-  theme
+  locked
 }) => (0, _styledComponents.css)`
     display: flex;
     align-items: center;
     width: 100%;
 
-    background-color: ${locked ? theme.picklist.locked : theme.colors.white};
+    background-color: ${locked ? "var(--colorsUtilityMajor025)" : "var(--colorsUtilityYang100)"};
 
     ${!locked && (0, _styledComponents.css)`
-      box-shadow: 0 2px 4px 0 rgba(0, 20, 29, 0.15),
-        0 3px 3px 0 rgba(0, 20, 29, 0.2);
+      box-shadow: var(--boxShadow050);
     `}
 
     ${locked && (0, _styledComponents.css)`
-      border: 1px solid ${theme.picklist.lockedContent};
-      color: ${theme.picklist.lockedText};
+      border: 1px solid var(--colorsUtilityMajor200);
+      color: var(--colorsUtilityYin065);
 
       ${_icon2.default} {
-        color: ${theme.picklist.lockedContent};
+        color: var(--colorsUtilityMajor200);
       }
     `}
 
@@ -54,8 +50,7 @@ const StyledPicklistItem = _styledComponents.default.li`
 exports.StyledPicklistItem = StyledPicklistItem;
 const StyledButton = (0, _styledComponents.default)(_button.ButtonWithForwardRef)`
   ${({
-  iconType,
-  theme
+  iconType
 }) => (0, _styledComponents.css)`
     padding: 0;
     margin-right: 0;
@@ -64,11 +59,7 @@ const StyledButton = (0, _styledComponents.default)(_button.ButtonWithForwardRef
     min-width: 40px;
 
     &:focus {
-      > span {
-        color: ${theme.colors.white};
-      }
-      background: ${iconType === "add" ? theme.colors.secondary : theme.colors.destructive.hover};
-    }
+      background: ${iconType === "add" ? "var(--colorsActionMajor600)" : "var(--colorsSemanticNegative600)"};
   `}
 `;
 exports.StyledButton = StyledButton;
@@ -77,10 +68,4 @@ const StyledLockIcon = (0, _styledComponents.default)(_icon.default)`
   height: 40px;
   min-width: 40px;
 `;
-exports.StyledLockIcon = StyledLockIcon;
-StyledPicklistItem.defaultProps = {
-  theme: _base.default
-};
-StyledButton.defaultProps = {
-  theme: _base.default
-};
+exports.StyledLockIcon = StyledLockIcon;

package/package.json

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