carbon-react 109.5.2 → 109.7.1

package/lib/components/global-header/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./global-header.component";
+export type { GlobalHeaderProps } from "./global-header.component";

package/lib/components/global-header/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _globalHeader.default;
+  }
+});
+
+var _globalHeader = _interopRequireDefault(require("./global-header.component"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/global-header/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../esm/components/global-header/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/grid/grid-container/grid-container.component.js

@@ -5,45 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.GridContainer = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _invariant = _interopRequireDefault(require("invariant"));
-
 var _gridContainer = _interopRequireDefault(require("./grid-container.style"));
 
-var _gridItem = _interopRequireDefault(require("../grid-item"));
-
 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; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const GridContainer = props => {
-  const {
-    children,
-    ...rest
-  } = props;
-  const hasProperChildren = (0, _react.useMemo)(() => {
-    const incorrectChild = _react.default.Children.toArray(children).find(child => {
-      if (! /*#__PURE__*/_react.default.isValidElement(child)) {
-        return true;
-      }
-
-      return child.type.displayName !== _gridItem.default.displayName;
-    });
-
-    return !incorrectChild;
-  }, [children]);
-  !hasProperChildren ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `GridContainer only accepts children of type ${_gridItem.default.displayName}.`) : (0, _invariant.default)(false) : void 0;
-  return /*#__PURE__*/_react.default.createElement(_gridContainer.default, _extends({
-    "data-component": "grid"
-  }, rest), children);
-};
+const GridContainer = props => /*#__PURE__*/_react.default.createElement(_gridContainer.default, _extends({
+  "data-component": "grid"
+}, props));
 
 exports.GridContainer = GridContainer;
 GridContainer.propTypes = {

package/lib/components/menu/menu.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { LayoutProps, FlexBoxProps } from "../../utils/helpers/options-helper";
+import { LayoutProps, FlexboxProps } from "styled-system";
 
 type menuType = "light" | "dark" | "white" | "black";
 interface MenuContextProps {
@@ -11,7 +11,7 @@ interface MenuContextProps {
   inMenu: boolean;
 }
 
-export interface MenuProps extends LayoutProps, FlexBoxProps {
+export interface MenuProps extends LayoutProps, FlexboxProps {
   /** Children elements */
   children: React.ReactNode;
   /** Defines the color scheme of the component */

package/lib/components/modal/__internal__/modal-manager.d.ts

@@ -1,9 +1,22 @@
-export default ModalManager;
-export class ModalManagerInstance {
-    addModal: (modal: any, setTriggerRefocusFlag: any) => void;
-    isTopmost(modal: any): boolean;
-    removeModal(modal: any): void;
+declare type SetTriggerRefocusFlag = (boolean: boolean) => void;
+declare type ModalList = {
+    modal: HTMLElement;
+    setTriggerRefocusFlag?: SetTriggerRefocusFlag;
+}[];
+declare global {
+    interface Window {
+        __CARBON_INTERNALS_MODAL_LIST?: ModalList;
+    }
+}
+declare class ModalManagerInstance {
+    private modalList;
+    constructor();
+    private getTopModal;
+    addModal: (modal: HTMLElement | null, setTriggerRefocusFlag?: SetTriggerRefocusFlag | undefined) => void;
+    isTopmost(modal: HTMLElement | null): boolean;
+    removeModal(modal: HTMLElement | null): void;
     clearList(): void;
-    #private;
 }
 declare const ModalManager: ModalManagerInstance;
+export { ModalManagerInstance };
+export default ModalManager;

package/lib/components/modal/__internal__/modal-manager.js

@@ -13,44 +13,27 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
-
-function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
-
-function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
-
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-
-function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
-
-function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
-
-var _modalList = /*#__PURE__*/new WeakMap();
-
-var _getTopModal = /*#__PURE__*/new WeakSet();
-
 let ModalManagerInstance = /*#__PURE__*/function () {
   function ModalManagerInstance() {
     _classCallCheck(this, ModalManagerInstance);
 
-    _getTopModal.add(this);
-
-    _modalList.set(this, {
-      writable: true,
-      value: void 0
-    });
+    _defineProperty(this, "modalList", void 0);
 
     _defineProperty(this, "addModal", (modal, setTriggerRefocusFlag) => {
+      if (!modal) {
+        return;
+      }
+
       const {
         modal: topModal,
         setTriggerRefocusFlag: setTrapFlag
-      } = _classPrivateMethodGet(this, _getTopModal, _getTopModal2).call(this);
+      } = this.getTopModal();
 
       if (topModal && setTrapFlag) {
         setTrapFlag(false);
       }
 
-      _classPrivateFieldGet(this, _modalList).push({
+      this.modalList.push({
         modal,
         setTriggerRefocusFlag
       });
@@ -62,15 +45,24 @@ let ModalManagerInstance = /*#__PURE__*/function () {
       window.__CARBON_INTERNALS_MODAL_LIST = [];
     }
 
-    _classPrivateFieldSet(this, _modalList, window.__CARBON_INTERNALS_MODAL_LIST);
+    this.modalList = window.__CARBON_INTERNALS_MODAL_LIST;
   }
 
   _createClass(ModalManagerInstance, [{
+    key: "getTopModal",
+    value: function getTopModal() {
+      if (!this.modalList.length) {
+        return {};
+      }
+
+      return this.modalList[this.modalList.length - 1];
+    }
+  }, {
     key: "isTopmost",
     value: function isTopmost(modal) {
       const {
         modal: topModal
-      } = _classPrivateMethodGet(this, _getTopModal, _getTopModal2).call(this);
+      } = this.getTopModal();
 
       if (!modal || !topModal) {
         return false;
@@ -81,7 +73,7 @@ let ModalManagerInstance = /*#__PURE__*/function () {
   }, {
     key: "removeModal",
     value: function removeModal(modal) {
-      const modalIndex = _classPrivateFieldGet(this, _modalList).findIndex(({
+      const modalIndex = this.modalList.findIndex(({
         modal: m
       }) => m === modal);
 
@@ -89,15 +81,15 @@ let ModalManagerInstance = /*#__PURE__*/function () {
         return;
       }
 
-      _classPrivateFieldGet(this, _modalList).splice(modalIndex, 1);
+      this.modalList.splice(modalIndex, 1);
 
-      if (!_classPrivateFieldGet(this, _modalList).length) {
+      if (!this.modalList.length) {
         return;
       }
 
       const {
         setTriggerRefocusFlag
-      } = _classPrivateMethodGet(this, _getTopModal, _getTopModal2).call(this);
+      } = this.getTopModal();
 
       if (setTriggerRefocusFlag) {
         setTriggerRefocusFlag(true);
@@ -107,8 +99,7 @@ let ModalManagerInstance = /*#__PURE__*/function () {
     key: "clearList",
     value: function clearList() {
       window.__CARBON_INTERNALS_MODAL_LIST = [];
-
-      _classPrivateFieldSet(this, _modalList, window.__CARBON_INTERNALS_MODAL_LIST);
+      this.modalList = window.__CARBON_INTERNALS_MODAL_LIST;
     }
   }]);
 
@@ -116,15 +107,6 @@ let ModalManagerInstance = /*#__PURE__*/function () {
 }();
 
 exports.ModalManagerInstance = ModalManagerInstance;
-
-function _getTopModal2() {
-  if (!_classPrivateFieldGet(this, _modalList).length) {
-    return {};
-  }
-
-  return _classPrivateFieldGet(this, _modalList)[_classPrivateFieldGet(this, _modalList).length - 1];
-}
-
 const ModalManager = new ModalManagerInstance();
 var _default = ModalManager;
 exports.default = _default;

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

@@ -1 +1,2 @@
 export { default, ModalContext } from "./modal.component";
+export type { ModalProps, ModalContextProps } from "./modal.component";

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

@@ -1,35 +1,46 @@
-export const ModalContext: React.Context<{}>;
-export default Modal;
 import React from "react";
-declare function Modal({ children, open, onCancel, disableEscKey, disableClose, enableBackgroundUI, timeout, ...rest }: {
-    [x: string]: any;
-    children: any;
-    open: any;
-    onCancel: any;
-    disableEscKey: any;
-    disableClose: any;
-    enableBackgroundUI: any;
-    timeout: any;
-}): JSX.Element;
-declare namespace Modal {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
-        const open: PropTypes.Validator<boolean>;
-        const enableBackgroundUI: PropTypes.Requireable<boolean>;
-        const disableEscKey: PropTypes.Requireable<boolean>;
-        const disableClose: PropTypes.Requireable<boolean>;
-        const timeout: PropTypes.Requireable<number>;
-    }
-    namespace defaultProps {
-        const onCancel_1: null;
-        export { onCancel_1 as onCancel };
-        const enableBackgroundUI_1: boolean;
-        export { enableBackgroundUI_1 as enableBackgroundUI };
-        const disableEscKey_1: boolean;
-        export { disableEscKey_1 as disableEscKey };
-        const timeout_1: number;
-        export { timeout_1 as timeout };
-    }
-}
 import PropTypes from "prop-types";
+export interface ModalContextProps {
+    isInModal?: boolean;
+    isAnimationComplete?: boolean;
+    triggerRefocusFlag?: boolean;
+}
+export declare const ModalContext: React.Context<ModalContextProps>;
+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 const Modal: {
+    ({ children, open, onCancel, disableEscKey, disableClose, enableBackgroundUI, timeout, ...rest }: ModalProps): JSX.Element;
+    propTypes: {
+        /** Modal content */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** A custom close event handler */
+        onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Controls the open state of the modal */
+        open: PropTypes.Validator<boolean>;
+        /** Determines if the background is disabled when the modal is open */
+        enableBackgroundUI: PropTypes.Requireable<boolean>;
+        /** Determines if the Esc Key closes the modal */
+        disableEscKey: PropTypes.Requireable<boolean>;
+        /** Determines if the Dialog can be closed */
+        disableClose: PropTypes.Requireable<boolean>;
+        /** Transition time */
+        timeout: PropTypes.Requireable<number>;
+    };
+};
+export default Modal;

package/lib/components/modal/modal.component.js

@@ -37,15 +37,15 @@ const Modal = ({
   children,
   open,
   onCancel,
-  disableEscKey,
+  disableEscKey = false,
   disableClose,
-  enableBackgroundUI,
-  timeout,
+  enableBackgroundUI = false,
+  timeout = 300,
   ...rest
 }) => {
-  const ref = (0, _react.useRef)();
-  const backgroundNodeRef = (0, _react.useRef)();
-  const contentNodeRef = (0, _react.useRef)();
+  const ref = (0, _react.useRef)(null);
+  const backgroundNodeRef = (0, _react.useRef)(null);
+  const contentNodeRef = (0, _react.useRef)(null);
   const [isAnimationComplete, setAnimationComplete] = (0, _react.useState)(false);
   const [triggerRefocusFlag, setTriggerRefocusFlag] = (0, _react.useState)(false);
   const {
@@ -113,9 +113,10 @@ const Modal = ({
       isAnimationComplete,
       triggerRefocusFlag,
       isInModal: true
-    },
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
     ref: contentNodeRef
-  }, content)))));
+  }, content))))));
 };
 
 Modal.propTypes = {
@@ -140,11 +141,5 @@ Modal.propTypes = {
   /** Transition time */
   timeout: _propTypes.default.number
 };
-Modal.defaultProps = {
-  onCancel: null,
-  enableBackgroundUI: false,
-  disableEscKey: false,
-  timeout: 300
-};
 var _default = Modal;
 exports.default = _default;

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

@@ -1,2 +1,7 @@
-export const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledModalBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare type TransitionProps = {
+    transitionName: string;
+    transitionTime: number;
+};
+declare const StyledModalBackground: import("styled-components").StyledComponent<"div", any, TransitionProps, never>;
+declare const StyledModal: import("styled-components").StyledComponent<"div", any, TransitionProps, never>;
+export { StyledModal, StyledModalBackground };

package/lib/components/navigation-bar/navigation-bar.style.d.ts

@@ -1,5 +1,15 @@
 import { PaddingProps, FlexboxProps } from "styled-system";
 import { Position, Orientation, NavigationType } from "./navigation-bar.component";
+export declare type StyledNavigationBarProps = PaddingProps & FlexboxProps & {
+    /** Color scheme of navigation component */
+    navigationType?: NavigationType;
+    /** Defines whether the navigation bar should be positioned fixed or sticky */
+    position?: Position;
+    /** Defines the offset of navigation bar */
+    offset?: string;
+    /** Defines whether the navigation bar should be positioned top or bottom */
+    orientation?: Orientation;
+};
 declare const StyledNavigationBar: import("styled-components").StyledComponent<"nav", any, PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
     /** Color scheme of navigation component */
     navigationType?: NavigationType | undefined;

package/lib/components/pages/pages.component.js

@@ -147,6 +147,7 @@ Pages.propTypes = {
     "zIndex": _propTypes.default.shape({
       "aboveAll": _propTypes.default.number.isRequired,
       "fullScreenModal": _propTypes.default.number.isRequired,
+      "globalNav": _propTypes.default.number.isRequired,
       "header": _propTypes.default.number.isRequired,
       "modal": _propTypes.default.number.isRequired,
       "nav": _propTypes.default.number.isRequired,

package/lib/components/pill/pill.component.js

@@ -250,6 +250,7 @@ Pill.propTypes = {
     "zIndex": _propTypes.default.shape({
       "aboveAll": _propTypes.default.number.isRequired,
       "fullScreenModal": _propTypes.default.number.isRequired,
+      "globalNav": _propTypes.default.number.isRequired,
       "header": _propTypes.default.number.isRequired,
       "modal": _propTypes.default.number.isRequired,
       "nav": _propTypes.default.number.isRequired,

package/lib/global.d.ts

@@ -1 +1,2 @@
 declare module "@styled-system/prop-types";
+declare module "*.png";

package/lib/style/themes/base/base-theme.config.d.ts

@@ -34,6 +34,7 @@ export interface ThemeObject extends Record<string, unknown> {
         overlay: number;
         popover: number;
         nav: number;
+        globalNav: number;
         modal: number;
         header: number;
         fullScreenModal: number;

package/lib/style/themes/base/base-theme.config.js

@@ -43,7 +43,8 @@ var _default = palette => {
     zIndex: {
       smallOverlay: 10,
       overlay: 1000,
-      nav: 2999,
+      nav: 2998,
+      globalNav: 2999,
       modal: 3000,
       header: 4000,
       fullScreenModal: 5000,

package/lib/style/themes/sage/index.d.ts

@@ -458,6 +458,7 @@ declare var _default: {
         overlay: number;
         popover: number;
         nav: number;
+        globalNav: number;
         modal: number;
         header: number;
         fullScreenModal: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "109.5.2",
+  "version": "109.7.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {
@@ -98,7 +98,7 @@
     "@types/react-dom": "^17.0.2",
     "@types/react-is": "^17.0.3",
     "@types/react-test-renderer": "^17.0.1",
-    "@types/react-transition-group": "^4.4.4",
+    "@types/react-transition-group": "^4.4.5",
     "@types/sprintf-js": "^1.1.2",
     "@types/styled-components": "^5.1.9",
     "@types/uuid": "^8.3.3",
@@ -192,7 +192,7 @@
     "react-dnd": "^15.1.1",
     "react-dnd-html5-backend": "^15.1.2",
     "react-is": "^17.0.2",
-    "react-transition-group": "^4.4.1",
+    "react-transition-group": "^4.4.2",
     "styled-system": "^5.1.5",
     "wait-on": "^5.2.1"
   },

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

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { BoxProps } from "components/box/box";
-
-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 */
-  children?: React.ReactNode;
-  /** Callback to be called when the close icon button is clicked */
-  onClose: React.MouseEventHandler<HTMLButtonElement>;
-  /** Set the base color variant */
-  variant?: "light" | "dark";
-}
-
-declare function DismissibleBox(props: DismissibleBoxProps): JSX.Element;
-
-export default DismissibleBox;

package/esm/components/fieldset/fieldset.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-export interface FieldsetProps extends MarginProps {
-  /** Child elements */
-  children?: React.ReactNode;
-  /** The text for the fieldsets legend element. */
-  legend?: string;
-  /** When true, legend is placed in line with the children */
-  inline?: boolean;
-}
-
-declare function Fieldset(props: FieldsetProps): JSX.Element;
-
-export default Fieldset;

package/esm/components/modal/modal.d.ts

@@ -1,35 +0,0 @@
-import * as React from "react";
-
-export interface ModalContextProps {
-  value?: {
-    isInModal?: boolean;
-    isAnimationComplete?: boolean;
-    triggerRefocusFlag?: boolean;
-  };
-  ref?: React.MutableRefObject<React.ReactNode>;
-}
-
-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 const ModelContext: React.Context<ModalContextProps>;
-declare function Modal(props: ModalProps): JSX.Element;
-
-export { ModalContext };
-export default Modal;

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

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { BoxProps } from "components/box/box";
-
-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 */
-  children?: React.ReactNode;
-  /** Callback to be called when the close icon button is clicked */
-  onClose: React.MouseEventHandler<HTMLButtonElement>;
-  /** Set the base color variant */
-  variant?: "light" | "dark";
-}
-
-declare function DismissibleBox(props: DismissibleBoxProps): JSX.Element;
-
-export default DismissibleBox;

package/lib/components/fieldset/fieldset.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-export interface FieldsetProps extends MarginProps {
-  /** Child elements */
-  children?: React.ReactNode;
-  /** The text for the fieldsets legend element. */
-  legend?: string;
-  /** When true, legend is placed in line with the children */
-  inline?: boolean;
-}
-
-declare function Fieldset(props: FieldsetProps): JSX.Element;
-
-export default Fieldset;

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

@@ -1,35 +0,0 @@
-import * as React from "react";
-
-export interface ModalContextProps {
-  value?: {
-    isInModal?: boolean;
-    isAnimationComplete?: boolean;
-    triggerRefocusFlag?: boolean;
-  };
-  ref?: React.MutableRefObject<React.ReactNode>;
-}
-
-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 const ModelContext: React.Context<ModalContextProps>;
-declare function Modal(props: ModalProps): JSX.Element;
-
-export { ModalContext };
-export default Modal;