carbon-react 136.0.0 → 136.0.2

package/esm/components/card/card.style.js

@@ -80,6 +80,9 @@ const StyledCardContent = styled.div.attrs(({
   theme
 }) => interactive && css`
       cursor: pointer;
+      display: inline-flex;
+      flex-direction: column;
+      height: 100%;
 
       ${!theme.focusRedesignOptOut && css`
         :focus {
@@ -89,6 +92,7 @@ const StyledCardContent = styled.div.attrs(({
       `}
     `}
 
+  align-items: stretch;
   outline: none;
   text-decoration: none;
   background-color: inherit;

package/esm/components/icon-button/icon-button.component.js

@@ -1,11 +1,10 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useState, useCallback, useContext } from "react";
+import React, { useState, useCallback } from "react";
 import PropTypes from "prop-types";
 import invariant from "invariant";
 import Events from "../../__internal__/utils/helpers/events";
 import StyledIconButton from "./icon-button.style";
 import { TooltipProvider } from "../../__internal__/tooltip-provider";
-import { ButtonBarContext } from "../button-bar/button-bar.component";
 import Logger from "../../__internal__/utils/logger";
 let onActionButtonWarnTriggered = false;
 const IconButton = /*#__PURE__*/React.forwardRef(({
@@ -22,8 +21,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(({
   }
   !!(onClick && onAction) ? process.env.NODE_ENV !== "production" ? invariant(false, "onClick and onAction have both been set, please use onClick as onAction will soon be deprecated") : invariant(false) : void 0;
   const [internalRef, setInternalRef] = useState();
-  const context = useContext(ButtonBarContext);
-  const ariaLabelValue = Object.keys(context).length ? ariaLabel || internalRef?.querySelector("[data-component='icon']")?.getAttribute("type") || undefined : ariaLabel;
+  const ariaLabelValue = ariaLabel || internalRef?.querySelector("[data-component='icon']")?.getAttribute("type") || "";
   const handleKeyDown = e => {
     if (Events.isEnterKey(e) || Events.isSpaceKey(e)) {
       e.preventDefault();

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

@@ -89,6 +89,9 @@ const StyledCardContent = exports.StyledCardContent = _styledComponents.default.
   theme
 }) => interactive && (0, _styledComponents.css)`
       cursor: pointer;
+      display: inline-flex;
+      flex-direction: column;
+      height: 100%;
 
       ${!theme.focusRedesignOptOut && (0, _styledComponents.css)`
         :focus {
@@ -98,6 +101,7 @@ const StyledCardContent = exports.StyledCardContent = _styledComponents.default.
       `}
     `}
 
+  align-items: stretch;
   outline: none;
   text-decoration: none;
   background-color: inherit;

package/lib/components/icon-button/icon-button.component.js

@@ -10,7 +10,6 @@ var _invariant = _interopRequireDefault(require("invariant"));
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 var _iconButton = _interopRequireDefault(require("./icon-button.style"));
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
-var _buttonBar = require("../button-bar/button-bar.component");
 var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -31,8 +30,7 @@ const IconButton = /*#__PURE__*/_react.default.forwardRef(({
   }
   !!(onClick && onAction) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "onClick and onAction have both been set, please use onClick as onAction will soon be deprecated") : (0, _invariant.default)(false) : void 0;
   const [internalRef, setInternalRef] = (0, _react.useState)();
-  const context = (0, _react.useContext)(_buttonBar.ButtonBarContext);
-  const ariaLabelValue = Object.keys(context).length ? ariaLabel || internalRef?.querySelector("[data-component='icon']")?.getAttribute("type") || undefined : ariaLabel;
+  const ariaLabelValue = ariaLabel || internalRef?.querySelector("[data-component='icon']")?.getAttribute("type") || "";
   const handleKeyDown = e => {
     if (_events.default.isEnterKey(e) || _events.default.isSpaceKey(e)) {
       e.preventDefault();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "136.0.0",
+  "version": "136.0.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",