carbon-react 106.1.6 → 106.2.1

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/flat-table/flat-table.style.js

@@ -75,7 +75,7 @@ const StyledFlatTable = styled.table`
       ${StyledFlatTableRow}:hover {
         ${StyledFlatTableCell},
         ${StyledFlatTableRowHeader},
-        ${StyledFlatTableCheckbox} {
+        ${StyledFlatTableCheckbox}:not(th) {
           background-color: var(--colorsUtilityMajor025);
         }
       }
@@ -198,6 +198,7 @@ const StyledFlatTableFooter = styled.div`
 }) => hasStickyFooter && css`
       position: sticky;
       bottom: 0px;
+      z-index: ${baseTheme.zIndex.overlay + 1};
     `}
 `;
 export { StyledFlatTableWrapper, StyledFlatTable, StyledFlatTableFooter, StyledTableContainer };

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/flat-table/flat-table.style.js

@@ -99,7 +99,7 @@ const StyledFlatTable = _styledComponents.default.table`
       ${_flatTableRow.default}:hover {
         ${_flatTableCell.StyledFlatTableCell},
         ${_flatTableRowHeader.StyledFlatTableRowHeader},
-        ${_flatTableCheckbox.default} {
+        ${_flatTableCheckbox.default}:not(th) {
           background-color: var(--colorsUtilityMajor025);
         }
       }
@@ -224,6 +224,7 @@ const StyledFlatTableFooter = _styledComponents.default.div`
 }) => hasStickyFooter && (0, _styledComponents.css)`
       position: sticky;
       bottom: 0px;
+      z-index: ${_themes.baseTheme.zIndex.overlay + 1};
     `}
 `;
 exports.StyledFlatTableFooter = StyledFlatTableFooter;

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.6",
+  "version": "106.2.1",
   "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",