carbon-react 102.4.0 → 102.4.4

package/lib/components/alert/alert.component.js

@@ -40,7 +40,7 @@ Alert.propTypes = {
   height: _propTypes.default.string,
 
   /** Title displayed at top of Alert */
-  title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
+  title: _propTypes.default.node,
 
   /** Subtitle displayed at top of Alert */
   subtitle: _propTypes.default.string,

package/lib/components/checkbox/checkbox.style.js

@@ -221,6 +221,10 @@ const StyledCheckboxGroup = _styledComponents.default.div`
     font-size: 16px;
   }
 
+  && ${_formField.default} {
+    margin: 0;
+  }
+
   & ${CheckboxStyle} {
     padding-top: 12px;
   }

package/lib/components/dialog/dialog.component.js

@@ -200,7 +200,7 @@ Dialog.propTypes = {
   /** Dialog content */
   children: _propTypes.default.node,
 
-  /** Custom classname  */
+  /** Custom class name  */
   className: _propTypes.default.string,
 
   /** Controls the open state of the component */

package/lib/components/dialog/dialog.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import Modal, { ModalProps } from "../modal/modal";
+import { ModalProps } from "../modal/modal";
 
 export interface DialogProps extends ModalProps {
   /* Disables auto focus functionality on child elements */
@@ -24,6 +24,6 @@ export interface DialogProps extends ModalProps {
   title?: React.ReactNode;
 }
 
-declare class Dialog extends Modal<DialogProps> {}
+declare function Dialog(props: DialogProps): JSX.Element;
 
 export default Dialog;

package/lib/components/dismissible-box/dismissible-box.component.js

@@ -41,7 +41,6 @@ const DismissibleBox = ({
   p: "20px 24px 20px 20px",
   hasBorderLeftHighlight: hasBorderLeftHighlight
 }, rest, {
-  minWidth: "600px",
   display: "flex",
   justifyContent: "space-between"
 }), children, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_iconButton.default, {

package/lib/components/dismissible-box/dismissible-box.d.ts

@@ -1,9 +1,8 @@
 import * as React from "react";
-import { SpaceProps } from "styled-system";
+import { BoxProps } from "components/box/box";
 
-type BorderOptions = "top" | "bottom" | "right" | "none";
-
-export interface DismissibleBoxProps extends SpaceProps {
+export interface DismissibleBoxProps
+  extends Omit<BoxProps, "display" | "justifyContent"> {
   /** Flag to control whether the thicker left border highlight should be rendered */
   hasBorderLeftHighlight?: boolean;
   /** The content to render in the component */

package/lib/components/flat-table/flat-table-cell/flat-table-cell.style.js

@@ -48,7 +48,7 @@ const StyledFlatTableCell = _styledComponents.default.td`
       width: ${colWidth}px;
     `}
 
-    &&& {
+    &&&& {
       > div {
         box-sizing: border-box;
 

package/lib/components/modal/modal.d.ts

@@ -1,21 +1,24 @@
 import * as React from "react";
 
 export interface ModalProps {
+  /** Modal content */
+  children?: React.ReactNode;
   /** The ARIA role to be applied to the modal */
   ariaRole?: string;
   /** Determines if the Esc Key closes the modal */
   disableEscKey?: boolean;
+  /** Determines if the Dialog can be closed */
+  disableClose?: boolean;
   /** Determines if the background is disabled when the modal is open */
   enableBackgroundUI?: boolean;
   /** A custom close event handler */
   onCancel?: (ev: React.KeyboardEvent<HTMLElement>) => void;
   /** Sets the open state of the modal */
   open: boolean;
+  /** Transition time */
+  timeout?: number;
 }
 
-declare class Modal<T extends ModalProps> extends React.Component<
-  T,
-  Record<string, unknown>
-> {}
+declare function Modal(props: ModalProps): JSX.Element;
 
 export default Modal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "102.4.0",
+  "version": "102.4.4",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {