carbon-react 109.5.1 → 109.7.0

package/esm/components/button/button-types.style.js

@@ -1,4 +1,5 @@
 import StyledIcon from "../icon/icon.style";
+import StyledLoaderSquare from "../loader/loader-square.style";
 
 function makeColors(color) {
   return `
@@ -6,6 +7,9 @@ function makeColors(color) {
   ${StyledIcon} {
     color: ${color};
   }
+  ${StyledLoaderSquare} {
+    background-color: ${color};
+  }
   `;
 }
 

package/esm/components/carbon-provider/carbon-provider.component.js

@@ -50,6 +50,7 @@ CarbonProvider.propTypes = {
     "zIndex": PropTypes.shape({
       "aboveAll": PropTypes.number.isRequired,
       "fullScreenModal": PropTypes.number.isRequired,
+      "globalNav": PropTypes.number.isRequired,
       "header": PropTypes.number.isRequired,
       "modal": PropTypes.number.isRequired,
       "nav": PropTypes.number.isRequired,

package/esm/components/dialog/dialog.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ModalProps } from "../modal/modal";
+import { ModalProps } from "../modal";
 
 type PaddingValues = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
 

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ModalProps } from "../modal/modal";
+import { ModalProps } from "../modal";
 
 export interface DialogFullScreenProps extends ModalProps {
   /** Prop to specify the aria-describedby property of the DialogFullscreen component */

package/esm/components/dismissible-box/dismissible-box.component.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { SpaceProps } from "styled-system";
+import { StyledDismissibleBoxProps } from "./dismissible-box.style";
+import { BoxProps } from "../box";
+export interface DismissibleBoxProps extends SpaceProps, StyledDismissibleBoxProps, Omit<BoxProps, "display" | "justifyContent"> {
+    /** The content to render in the component */
+    children?: React.ReactNode;
+    /** Callback to be called when the close icon button is clicked */
+    onClose: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
+    /** Use this prop to override the default width. Numbers from 0-1 are converted to percentage widths. Numbers greater
+     * than 1 are converted to pixel values. String values are passed as raw CSS values. And arrays are converted to
+     * responsive width styles. If theme.sizes is defined, the width prop will attempt to pick up values from the theme.
+     * Please note this component has a minWidth of 600px */
+    width?: number | string;
+}
+declare const DismissibleBox: ({ children, onClose, ...rest }: DismissibleBoxProps) => JSX.Element;
+export default DismissibleBox;