carbon-react 102.3.0 → 102.4.0

package/lib/components/message/message.style.js

@@ -21,18 +21,21 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 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; }
 
+const messageVariants = {
+  error: "var(--colorsSemanticNegative500)",
+  info: "var(--colorsSemanticNeutral500)",
+  success: "var(--colorsSemanticPositive500)",
+  warning: "var(--colorsSemanticCaution500)"
+};
 const MessageStyle = _styledComponents.default.div`
   position: relative;
   display: flex;
   justify-content: flex-start;
   align-content: center;
   border: 1px solid ${({
-  theme,
   variant
-}) => theme.colors[variant]};
-  background-color: ${({
-  theme
-}) => theme.colors.white};
+}) => messageVariants[variant]};
+  background-color: var(--colorsUtilityYang100);
   min-height: 38px;
 
   ${({

package/lib/components/message/type-icon/type-icon.style.js

@@ -9,20 +9,23 @@ 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; }
 
 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; }
 
+const messageVariants = {
+  error: "var(--colorsSemanticNegative500)",
+  info: "var(--colorsSemanticNeutral500)",
+  success: "var(--colorsSemanticPositive500)",
+  warning: "var(--colorsSemanticCaution500)"
+};
 const TypeIconStyle = _styledComponents.default.div`
   align-items: center;
   background-color: ${({
-  theme,
   variant
-}) => theme.colors[variant]};
+}) => messageVariants[variant]};
   display: flex;
   justify-content: center;
   line-height: 100%;
@@ -30,28 +33,24 @@ const TypeIconStyle = _styledComponents.default.div`
   text-align: center;
   span {
     &:before {
-      color: ${({
-  theme
-}) => theme.colors.white};
+      color: var(--colorsUtilityYang100);
     }
   }
 
   ${({
-  theme,
   transparent,
   variant
 }) => transparent && (0, _styledComponents.css)`
       background-color: transparent;
       span {
         &:before {
-          color: ${theme.colors[variant]};
+          color: ${messageVariants[variant]};
         }
       }
     `}
 `;
 TypeIconStyle.defaultProps = {
   variant: "info",
-  theme: _base.default,
   transparent: false
 };
 TypeIconStyle.propTypes = {

package/package.json

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