carbon-react 106.1.7 → 106.2.2

package/README.md

@@ -1,4 +1,4 @@
-# Carbon [![npm](https://img.shields.io/npm/v/carbon-react.svg)](https://www.npmjs.com/package/carbon-react)
+# Carbon [![npm](https://img.shields.io/npm/v/carbon-react.svg)](https://www.npmjs.com/package/carbon-react) [![Cypress](https://github.com/Sage/carbon/actions/workflows/cypress.yml/badge.svg)](https://github.com/Sage/carbon/actions/workflows/cypress.yml)
 
 Carbon is a [React](https://facebook.github.io/react/) component library developed by Sage.
 

package/esm/components/dialog-full-screen/dialog-full-screen.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import Modal, { ModalProps } from "../modal/modal";
+import { ModalProps } from "../modal/modal";
 
 export interface DialogFullScreenProps extends ModalProps {
   /** Prop to specify the aria-describedby property of the DialogFullscreen component */
@@ -18,7 +18,7 @@ export interface DialogFullScreenProps extends ModalProps {
   /** Child elements */
   children?: React.ReactNode;
   /** Reference to the scrollable content element */
-  contentRef:
+  contentRef?:
     | React.MutableRefObject<HTMLElement>
     | (() => React.MutableRefObject<HTMLElement>);
   /** Disables auto focus functionality on child elements */

package/esm/components/form/form.style.js

@@ -9,6 +9,7 @@ import { FieldsetStyle } from "../fieldset/fieldset.style";
 import StyledInlineInputs from "../inline-inputs/inline-inputs.style";
 import { FORM_BUTTON_ALIGNMENTS } from "./form.config";
 import StyledSearch from "../search/search.style";
+import StyledTextarea from "../textarea/textarea.style";
 export const StyledFormContent = styled.div`
   ${({
   stickyFooter
@@ -72,6 +73,7 @@ export const StyledForm = styled.form`
   fieldSpacing
 }) => css`
       &
+        ${StyledTextarea},
         ${StyledFormField},
         ${StyledFieldset},
         ${FieldsetStyle},
@@ -80,6 +82,11 @@ export const StyledForm = styled.form`
         margin-bottom: ${formBottomMargins(fieldSpacing)};
       }
 
+      ${StyledTextarea}
+      ${StyledFormField} {
+        margin-bottom: 4px;
+      }
+
       ${StyledInlineInputs} {
         ${StyledFormField} {
           margin-bottom: 0;

package/esm/components/typography/typography.component.js

@@ -108,7 +108,6 @@ const getWeight = variant => {
     case "h1":
     case "segment-header":
     case "segment-header-small":
-    case "strong":
       return "900";
 
     case "h2":
@@ -117,6 +116,7 @@ const getWeight = variant => {
     case "segment-subheader-alt":
     case "b":
     case "em":
+    case "strong":
       return "700";
 
     case "h4":

package/lib/components/dialog-full-screen/dialog-full-screen.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import Modal, { ModalProps } from "../modal/modal";
+import { ModalProps } from "../modal/modal";
 
 export interface DialogFullScreenProps extends ModalProps {
   /** Prop to specify the aria-describedby property of the DialogFullscreen component */
@@ -18,7 +18,7 @@ export interface DialogFullScreenProps extends ModalProps {
   /** Child elements */
   children?: React.ReactNode;
   /** Reference to the scrollable content element */
-  contentRef:
+  contentRef?:
     | React.MutableRefObject<HTMLElement>
     | (() => React.MutableRefObject<HTMLElement>);
   /** Disables auto focus functionality on child elements */

package/lib/components/form/form.style.js

@@ -27,6 +27,8 @@ var _form = require("./form.config");
 
 var _search = _interopRequireDefault(require("../search/search.style"));
 
+var _textarea = _interopRequireDefault(require("../textarea/textarea.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; }
@@ -98,6 +100,7 @@ const StyledForm = _styledComponents.default.form`
   fieldSpacing
 }) => (0, _styledComponents.css)`
       &
+        ${_textarea.default},
         ${_formField.default},
         ${_fieldset.StyledFieldset},
         ${_fieldset2.FieldsetStyle},
@@ -106,6 +109,11 @@ const StyledForm = _styledComponents.default.form`
         margin-bottom: ${formBottomMargins(fieldSpacing)};
       }
 
+      ${_textarea.default}
+      ${_formField.default} {
+        margin-bottom: 4px;
+      }
+
       ${_inlineInputs.default} {
         ${_formField.default} {
           margin-bottom: 0;

package/lib/components/typography/typography.component.js

@@ -126,7 +126,6 @@ const getWeight = variant => {
     case "h1":
     case "segment-header":
     case "segment-header-small":
-    case "strong":
       return "900";
 
     case "h2":
@@ -135,6 +134,7 @@ const getWeight = variant => {
     case "segment-subheader-alt":
     case "b":
     case "em":
+    case "strong":
       return "700";
 
     case "h4":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "106.1.7",
+  "version": "106.2.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {
@@ -111,7 +111,7 @@
     "conventional-changelog-conventionalcommits": "^4.5.0",
     "core-js": "^3.20.3",
     "cross-env": "^5.2.0",
-    "cypress": "^9.5.2",
+    "cypress": "^9.6.0",
     "cypress-axe": "^0.14.0",
     "cypress-cucumber-preprocessor": "^4.3.1",
     "cypress-each": "^1.11.0",