carbon-react 154.2.0 → 154.3.1

package/esm/components/decimal/decimal.component.js

@@ -146,6 +146,9 @@ export const Decimal = /*#__PURE__*/React.forwardRef(({
     const message = "Input elements should not switch from uncontrolled to controlled (or vice versa). " + "Decide between using a controlled or uncontrolled input element for the lifetime of the component";
     !(prevControlledRef.current !== isControlled) ? process.env.NODE_ENV !== "production" ? invariant(false, message) : invariant(false) : void 0;
     prevControlledRef.current = isControlled;
+    return () => {
+      prevControlledRef.current = null;
+    };
   }, [isControlled]);
   const prevValue = usePrevious(value);
   useEffect(() => {

package/esm/components/heading/heading.style.js

@@ -75,7 +75,6 @@ StyledHeadingBackButton.defaultProps = {
   theme: baseTheme
 };
 const StyledHeadingTitle = styled(Typography)`
-  line-height: 32px;
   ${({
   withMargin
 }) => withMargin ? css`

package/esm/components/typography/typography.style.js

@@ -6,14 +6,14 @@ import visuallyHidden from "../../style/utils/visually-hidden";
 const getSize = variant => {
   switch (variant) {
     case "h1-large":
-      return "32px";
+      return "40px";
     case "h1":
-      return "24px";
+      return "30px";
     case "h2":
-      return "22px";
+      return "24px";
     case "h3":
     case "segment-header":
-      return "20px";
+      return "21px";
     case "h4":
     case "segment-header-small":
       return "18px";
@@ -38,19 +38,19 @@ const getSize = variant => {
 const getLineHeight = variant => {
   switch (variant) {
     case "h1-large":
-      return "40px";
+      return "50px";
     case "h1":
-      return "30px";
+      return "37.5px";
     case "h2":
-      return "27.5px";
+      return "30px";
     case "h3":
-      return "25px";
+      return "26.25px";
     case "h4":
       return "22.5px";
     case "h5":
       return "20px";
     case "segment-header":
-      return "25px";
+      return "26.25px";
     case "segment-header-small":
       return "22.5px";
     case "segment-subheader":
@@ -75,10 +75,10 @@ const getWeight = variant => {
   switch (variant) {
     case "h1-large":
     case "h1":
+    case "h2":
     case "segment-header":
     case "segment-header-small":
       return "700";
-    case "h2":
     case "h3":
     case "segment-subheader":
     case "segment-subheader-alt":

package/lib/components/decimal/decimal.component.js

@@ -155,6 +155,9 @@ const Decimal = exports.Decimal = /*#__PURE__*/_react.default.forwardRef(({
     const message = "Input elements should not switch from uncontrolled to controlled (or vice versa). " + "Decide between using a controlled or uncontrolled input element for the lifetime of the component";
     !(prevControlledRef.current !== isControlled) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, message) : (0, _invariant.default)(false) : void 0;
     prevControlledRef.current = isControlled;
+    return () => {
+      prevControlledRef.current = null;
+    };
   }, [isControlled]);
   const prevValue = (0, _usePrevious.default)(value);
   (0, _react.useEffect)(() => {

package/lib/components/heading/heading.style.js

@@ -84,7 +84,6 @@ StyledHeadingBackButton.defaultProps = {
   theme: _base.default
 };
 const StyledHeadingTitle = exports.StyledHeadingTitle = (0, _styledComponents.default)(_typography.default)`
-  line-height: 32px;
   ${({
   withMargin
 }) => withMargin ? (0, _styledComponents.css)`

package/lib/components/typography/typography.style.js

@@ -15,14 +15,14 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const getSize = variant => {
   switch (variant) {
     case "h1-large":
-      return "32px";
+      return "40px";
     case "h1":
-      return "24px";
+      return "30px";
     case "h2":
-      return "22px";
+      return "24px";
     case "h3":
     case "segment-header":
-      return "20px";
+      return "21px";
     case "h4":
     case "segment-header-small":
       return "18px";
@@ -47,19 +47,19 @@ const getSize = variant => {
 const getLineHeight = variant => {
   switch (variant) {
     case "h1-large":
-      return "40px";
+      return "50px";
     case "h1":
-      return "30px";
+      return "37.5px";
     case "h2":
-      return "27.5px";
+      return "30px";
     case "h3":
-      return "25px";
+      return "26.25px";
     case "h4":
       return "22.5px";
     case "h5":
       return "20px";
     case "segment-header":
-      return "25px";
+      return "26.25px";
     case "segment-header-small":
       return "22.5px";
     case "segment-subheader":
@@ -84,10 +84,10 @@ const getWeight = variant => {
   switch (variant) {
     case "h1-large":
     case "h1":
+    case "h2":
     case "segment-header":
     case "segment-header-small":
       return "700";
-    case "h2":
     case "h3":
     case "segment-subheader":
     case "segment-subheader-alt":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "154.2.0",
+  "version": "154.3.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -91,7 +91,7 @@
     "@storybook/types": "~8.6.7",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.1.0",
+    "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/crypto-js": "^4.2.1",
     "@types/glob": "^8.1.0",