carbon-react 119.11.0 → 119.12.0

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) [![Cypress](https://github.com/Sage/carbon/actions/workflows/cypress.yml/badge.svg)](https://github.com/Sage/carbon/actions/workflows/cypress.yml)
+# 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) [![Playwright](https://github.com/Sage/carbon/actions/workflows/playwright.yml/badge.svg)](https://github.com/Sage/carbon/actions/workflows/playwright.yml)
 
 Carbon is a [React](https://facebook.github.io/react/) component library developed by Sage.
 

package/esm/components/pod/pod.component.d.ts

@@ -18,10 +18,10 @@ export interface PodProps extends MarginProps {
     size?: PodSize;
     /** Prop to apply a theme to the Pod */
     variant?: PodVariant;
-    /** Title for the pod h4 element always shown */
-    title?: string | React.ReactNode;
+    /** Title for the pod */
+    title?: React.ReactNode;
     /** Optional subtitle for the pod */
-    subtitle?: string;
+    subtitle?: React.ReactNode;
     /** A component to render as a Pod footer */
     footer?: string | React.ReactNode;
     /** Supplies an edit action to the pod */

package/esm/components/pod/pod.component.js

@@ -93,11 +93,11 @@ const Pod = /*#__PURE__*/React.forwardRef(({
     alignTitle: alignTitle,
     internalEditButton: internalEditButton,
     size: size
-  }, /*#__PURE__*/React.createElement(StyledTitle, {
+  }, typeof title === "string" ? /*#__PURE__*/React.createElement(StyledTitle, {
     "data-element": "title"
-  }, title), subtitle && /*#__PURE__*/React.createElement(StyledSubtitle, {
+  }, title) : title, typeof subtitle === "string" ? /*#__PURE__*/React.createElement(StyledSubtitle, {
     "data-element": "subtitle"
-  }, subtitle)), children), footer && /*#__PURE__*/React.createElement(StyledFooter, {
+  }, subtitle) : subtitle), children), footer && /*#__PURE__*/React.createElement(StyledFooter, {
     "data-element": "footer",
     size: size,
     variant: variant,
@@ -324,7 +324,7 @@ Pod.propTypes = {
   "onUndo": PropTypes.func,
   "size": PropTypes.oneOf(["extra-large", "extra-small", "large", "medium", "small"]),
   "softDelete": PropTypes.bool,
-  "subtitle": PropTypes.string,
+  "subtitle": PropTypes.node,
   "title": PropTypes.node,
   "triggerEditOnContent": PropTypes.bool,
   "variant": PropTypes.oneOf(["primary", "secondary", "tertiary", "tile", "transparent"])

package/esm/components/typography/typography.component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ColorProps, SpaceProps } from "styled-system";
 declare const VARIANT_TYPES: readonly ["h1-large", "h1", "h2", "h3", "h4", "h5", "segment-header", "segment-header-small", "segment-subheader", "segment-subheader-alt", "p", "small", "big", "sup", "sub", "strong", "b", "em", "ul", "ol"];
-declare type VariantTypes = typeof VARIANT_TYPES[number];
+export declare type VariantTypes = typeof VARIANT_TYPES[number];
 export interface TypographyProps extends SpaceProps, ColorProps {
     /** Override the variant component */
     as?: React.ElementType;

package/lib/components/pod/pod.component.d.ts

@@ -18,10 +18,10 @@ export interface PodProps extends MarginProps {
     size?: PodSize;
     /** Prop to apply a theme to the Pod */
     variant?: PodVariant;
-    /** Title for the pod h4 element always shown */
-    title?: string | React.ReactNode;
+    /** Title for the pod */
+    title?: React.ReactNode;
     /** Optional subtitle for the pod */
-    subtitle?: string;
+    subtitle?: React.ReactNode;
     /** A component to render as a Pod footer */
     footer?: string | React.ReactNode;
     /** Supplies an edit action to the pod */

package/lib/components/pod/pod.component.js

@@ -102,11 +102,11 @@ const Pod = /*#__PURE__*/_react.default.forwardRef(({
     alignTitle: alignTitle,
     internalEditButton: internalEditButton,
     size: size
-  }, /*#__PURE__*/_react.default.createElement(_pod.StyledTitle, {
+  }, typeof title === "string" ? /*#__PURE__*/_react.default.createElement(_pod.StyledTitle, {
     "data-element": "title"
-  }, title), subtitle && /*#__PURE__*/_react.default.createElement(_pod.StyledSubtitle, {
+  }, title) : title, typeof subtitle === "string" ? /*#__PURE__*/_react.default.createElement(_pod.StyledSubtitle, {
     "data-element": "subtitle"
-  }, subtitle)), children), footer && /*#__PURE__*/_react.default.createElement(_pod.StyledFooter, {
+  }, subtitle) : subtitle), children), footer && /*#__PURE__*/_react.default.createElement(_pod.StyledFooter, {
     "data-element": "footer",
     size: size,
     variant: variant,
@@ -333,7 +333,7 @@ Pod.propTypes = {
   "onUndo": _propTypes.default.func,
   "size": _propTypes.default.oneOf(["extra-large", "extra-small", "large", "medium", "small"]),
   "softDelete": _propTypes.default.bool,
-  "subtitle": _propTypes.default.string,
+  "subtitle": _propTypes.default.node,
   "title": _propTypes.default.node,
   "triggerEditOnContent": _propTypes.default.bool,
   "variant": _propTypes.default.oneOf(["primary", "secondary", "tertiary", "tile", "transparent"])

package/lib/components/typography/typography.component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ColorProps, SpaceProps } from "styled-system";
 declare const VARIANT_TYPES: readonly ["h1-large", "h1", "h2", "h3", "h4", "h5", "segment-header", "segment-header-small", "segment-subheader", "segment-subheader-alt", "p", "small", "big", "sup", "sub", "strong", "b", "em", "ul", "ol"];
-declare type VariantTypes = typeof VARIANT_TYPES[number];
+export declare type VariantTypes = typeof VARIANT_TYPES[number];
 export interface TypographyProps extends SpaceProps, ColorProps {
     /** Override the variant component */
     as?: React.ElementType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "119.11.0",
+  "version": "119.12.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -93,8 +93,8 @@
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.4.3",
     "@types/crypto-js": "^4.1.1",
-    "@types/enzyme": "3.10.8",
     "@types/draft-js": "^0.11.10",
+    "@types/enzyme": "3.10.8",
     "@types/invariant": "^2.2.35",
     "@types/jest": "^27.5.0",
     "@types/lodash": "^4.14.194",
@@ -124,8 +124,10 @@
     "cypress": "^12.12.0",
     "cypress-axe": "^1.4.0",
     "cypress-each": "^1.13.3",
+    "cypress-mochawesome-reporter": "^3.5.1",
     "cypress-plugin-tab": "^1.0.5",
     "cypress-real-events": "^1.7.6",
+    "cypress-split": "^1.3.13",
     "cz-conventional-changelog": "^3.3.0",
     "date-fns-tz": "^1.3.8",
     "draft-js": "^0.11.7",