carbon-react 102.14.0 → 102.15.0

package/lib/components/card/card-column/card-column.style.js

@@ -9,8 +9,6 @@ var _styledComponents = _interopRequireDefault(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 }; }
 
 const StyledCardColumn = _styledComponents.default.div`
@@ -20,12 +18,10 @@ const StyledCardColumn = _styledComponents.default.div`
 }) => align};
 `;
 StyledCardColumn.propTypes = {
-  align: _propTypes.default.oneOf(["center", "left", "right"]),
-  theme: _propTypes.default.object
+  align: _propTypes.default.oneOf(["center", "left", "right"])
 };
 StyledCardColumn.defaultProps = {
-  align: "center",
-  theme: _base.default
+  align: "center"
 };
 var _default = StyledCardColumn;
 exports.default = _default;

package/lib/components/card/card-footer/card-footer.style.js

@@ -38,11 +38,10 @@ const StyledCardFooter = _styledComponents.default.div`
 
   ${({
   spacing,
-  theme,
   variant
 }) => (0, _styledComponents.css)`
-    background-color: ${variant === "transparent" ? "transparent" : theme.card.footerBackground};
-    border-top: ${theme.card.footerBorder};
+    background-color: ${variant === "transparent" ? "transparent" : "var(--colorsUtilityMajor025)"};
+    border-top: var(--colorsUtilityMajor100);
     border-top-width: 1px;
     border-top-style: solid;
     font-size: 14px;

package/lib/components/card/card-row/card-row.style.js

@@ -13,8 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _base = _interopRequireDefault(require("../../../style/themes/base"));
 
-var _card = require("../card.config");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const StyledCardRow = _styledComponents.default.div`
@@ -22,7 +20,7 @@ const StyledCardRow = _styledComponents.default.div`
   display: flex;
 `;
 StyledCardRow.propTypes = {
-  spacing: _propTypes.default.oneOf(_card.CARD_SIZES)
+  theme: _propTypes.default.object
 };
 StyledCardRow.defaultProps = {
   theme: _base.default

package/lib/components/card/card.style.js

@@ -31,13 +31,12 @@ const StyledCard = _styledComponents.default.div`
   cardWidth,
   interactive,
   draggable,
-  spacing,
-  theme
+  spacing
 }) => (0, _styledComponents.css)`
-    background-color: ${theme.colors.white};
+    background-color: var(--colorsUtilityYang100);
     border: none;
-    box-shadow: ${theme.shadows.cards};
-    color: ${theme.text.color};
+    box-shadow: var(--boxShadow050);
+    color: var(--colorsUtilityYin090);
     margin: 25px;
     padding: ${paddingSizes[spacing]};
     transition: all 0.3s ease-in-out;
@@ -51,7 +50,7 @@ const StyledCard = _styledComponents.default.div`
 
       :hover,
       :focus {
-        box-shadow: ${theme.shadows.depth1};
+        box-shadow: var(--boxShadow100);
       }
     `}
 
@@ -59,11 +58,6 @@ const StyledCard = _styledComponents.default.div`
       cursor: move;
     `}
 
-    /* Fix for IE specific box-shadow display */
-    @media all and (-ms-high-contrast: none) {
-      box-shadow: ${theme.shadows.cardsIE};
-    }
-
     ::-moz-focus-inner {
       border: 0;
     }
@@ -75,7 +69,6 @@ StyledCard.defaultProps = {
   theme: _base.default
 };
 StyledCard.propTypes = {
-  border: _propTypes.default.bool,
   cardWidth: _propTypes.default.string,
   interactive: _propTypes.default.bool,
   draggable: _propTypes.default.bool,

package/package.json

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