@carbon/react 1.8.0-rc.0 → 1.8.0

package/lib/index.js

@@ -18,16 +18,16 @@ var Button = require('./components/Button/Button.js');
 var ButtonSet = require('./components/ButtonSet/ButtonSet.js');
 var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
-var index$d = require('./components/ClassPrefix/index.js');
+var index$c = require('./components/ClassPrefix/index.js');
 var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
 var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
 var ComboBox = require('./components/ComboBox/ComboBox.js');
-var index$e = require('./components/ComposedModal/index.js');
+var index$d = require('./components/ComposedModal/index.js');
 var index = require('./components/ContentSwitcher/index.js');
 var Copy = require('./components/Copy/Copy.js');
 var CopyButton = require('./components/CopyButton/CopyButton.js');
 var DangerButton = require('./components/DangerButton/DangerButton.js');
-var index$f = require('./components/DataTable/index.js');
+var index$e = require('./components/DataTable/index.js');
 var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
 var DatePicker = require('./components/DatePicker/DatePicker.js');
 var DatePickerInput = require('./components/DatePickerInput/DatePickerInput.js');
@@ -43,21 +43,21 @@ var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
 var Link = require('./components/Link/Link.js');
 var ListItem = require('./components/ListItem/ListItem.js');
 var Loading = require('./components/Loading/Loading.js');
-var index$2 = require('./components/Modal/index.js');
+var Modal = require('./components/Modal/Modal.js');
 var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
 require('./components/MultiSelect/index.js');
 var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
 var NumberInput = require('./components/NumberInput/NumberInput.js');
 var OrderedList = require('./components/OrderedList/OrderedList.js');
-var index$3 = require('./components/OverflowMenu/index.js');
-var index$4 = require('./components/OverflowMenuItem/index.js');
-var index$5 = require('./components/Pagination/index.js');
+var index$2 = require('./components/OverflowMenu/index.js');
+var index$3 = require('./components/OverflowMenuItem/index.js');
+var index$4 = require('./components/Pagination/index.js');
 var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
 var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
-var index$g = require('./components/ProgressIndicator/index.js');
+var index$f = require('./components/ProgressIndicator/index.js');
 var RadioButton = require('./components/RadioButton/RadioButton.js');
 var RadioButtonGroup = require('./components/RadioButtonGroup/RadioButtonGroup.js');
-var index$6 = require('./components/Search/index.js');
+var index$5 = require('./components/Search/index.js');
 var SearchFilterButton = require('./components/SearchFilterButton/SearchFilterButton.js');
 var SearchLayoutButton = require('./components/SearchLayoutButton/SearchLayoutButton.js');
 var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
@@ -67,24 +67,24 @@ var Select = require('./components/Select/Select.js');
 var SelectItem = require('./components/SelectItem/SelectItem.js');
 var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js');
 var Switch = require('./components/Switch/Switch.js');
-var index$7 = require('./components/Slider/index.js');
-var index$h = require('./components/StructuredList/index.js');
-var index$8 = require('./components/Tab/index.js');
+var index$6 = require('./components/Slider/index.js');
+var index$g = require('./components/StructuredList/index.js');
+var index$7 = require('./components/Tab/index.js');
 var TabContent = require('./components/TabContent/TabContent.js');
-var index$9 = require('./components/Tabs/index.js');
+var index$8 = require('./components/Tabs/index.js');
 var Tag_Skeleton = require('./components/Tag/Tag.Skeleton.js');
 var Tag = require('./components/Tag/Tag.js');
 var TextArea_Skeleton = require('./components/TextArea/TextArea.Skeleton.js');
 var TextArea = require('./components/TextArea/TextArea.js');
 require('./components/TextInput/index.js');
-var index$i = require('./components/Tile/index.js');
+var index$h = require('./components/Tile/index.js');
 var RadioTile = require('./components/RadioTile/RadioTile.js');
-var index$a = require('./components/TileGroup/index.js');
-var index$b = require('./components/TimePicker/index.js');
-var index$c = require('./components/TimePickerSelect/index.js');
+var index$9 = require('./components/TileGroup/index.js');
+var index$a = require('./components/TimePicker/index.js');
+var index$b = require('./components/TimePickerSelect/index.js');
 var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
 var Toggle = require('./components/Toggle/Toggle.js');
-var index$j = require('./components/Toggletip/index.js');
+var index$i = require('./components/Toggletip/index.js');
 var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
 var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
 var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
@@ -101,17 +101,17 @@ var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
 var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
 var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
 var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
-var index$k = require('./components/FeatureFlags/index.js');
-var index$l = require('./components/Heading/index.js');
-var index$m = require('./components/IconButton/index.js');
-var index$n = require('./components/Layer/index.js');
+var index$j = require('./components/FeatureFlags/index.js');
+var index$k = require('./components/Heading/index.js');
+var index$l = require('./components/IconButton/index.js');
+var index$m = require('./components/Layer/index.js');
 require('./components/Menu/index.js');
-var index$o = require('./components/OverflowMenuV2/index.js');
-var index$p = require('./components/Popover/index.js');
-var index$q = require('./components/Stack/index.js');
+var index$n = require('./components/OverflowMenuV2/index.js');
+var index$o = require('./components/Popover/index.js');
+var index$p = require('./components/Stack/index.js');
 var DefinitionTooltip = require('./components/Tooltip/next/DefinitionTooltip.js');
 require('./components/TreeView/index.js');
-var index$r = require('./components/Theme/index.js');
+var index$q = require('./components/Theme/index.js');
 var usePrefix = require('./internal/usePrefix.js');
 var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
 var Filename = require('./components/FileUploader/Filename.js');
@@ -211,18 +211,18 @@ exports.Button = Button["default"];
 exports.ButtonSet = ButtonSet["default"];
 exports.CheckboxSkeleton = Checkbox_Skeleton["default"];
 exports.Checkbox = Checkbox["default"];
-exports.ClassPrefix = index$d.ClassPrefix;
+exports.ClassPrefix = index$c.ClassPrefix;
 exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
 exports.CodeSnippet = CodeSnippet["default"];
 exports.ComboBox = ComboBox["default"];
-exports.ComposedModal = index$e.ComposedModal;
-exports.ModalFooter = index$e.ModalFooter;
-exports.ModalHeader = index$e.ModalHeader;
+exports.ComposedModal = index$d.ComposedModal;
+exports.ModalFooter = index$d.ModalFooter;
+exports.ModalHeader = index$d.ModalHeader;
 exports.ContentSwitcher = index["default"];
 exports.Copy = Copy["default"];
 exports.CopyButton = CopyButton["default"];
 exports.DangerButton = DangerButton["default"];
-exports.DataTable = index$f["default"];
+exports.DataTable = index$e["default"];
 exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
 exports.DatePicker = DatePicker["default"];
 exports.DatePickerInput = DatePickerInput["default"];
@@ -238,20 +238,20 @@ exports.InlineLoading = InlineLoading["default"];
 exports.Link = Link["default"];
 exports.ListItem = ListItem["default"];
 exports.Loading = Loading["default"];
-exports.Modal = index$2["default"];
+exports.Modal = Modal["default"];
 exports.ModalWrapper = ModalWrapper["default"];
 exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
 exports.NumberInput = NumberInput["default"];
 exports.OrderedList = OrderedList["default"];
-exports.OverflowMenu = index$3["default"];
-exports.OverflowMenuItem = index$4["default"];
-exports.Pagination = index$5["default"];
+exports.OverflowMenu = index$2["default"];
+exports.OverflowMenuItem = index$3["default"];
+exports.Pagination = index$4["default"];
 exports.PaginationNav = PaginationNav["default"];
 exports.PrimaryButton = PrimaryButton["default"];
-exports.ProgressIndicator = index$g.ProgressIndicator;
+exports.ProgressIndicator = index$f.ProgressIndicator;
 exports.RadioButton = RadioButton["default"];
 exports.RadioButtonGroup = RadioButtonGroup["default"];
-exports.Search = index$6["default"];
+exports.Search = index$5["default"];
 exports.SearchFilterButton = SearchFilterButton["default"];
 exports.SearchLayoutButton = SearchLayoutButton["default"];
 exports.ExpandableSearch = ExpandableSearch["default"];
@@ -261,37 +261,37 @@ exports.Select = Select["default"];
 exports.SelectItem = SelectItem["default"];
 exports.SelectItemGroup = SelectItemGroup["default"];
 exports.Switch = Switch["default"];
-exports.Slider = index$7["default"];
-exports.StructuredListBody = index$h.StructuredListBody;
-exports.StructuredListCell = index$h.StructuredListCell;
-exports.StructuredListHead = index$h.StructuredListHead;
-exports.StructuredListInput = index$h.StructuredListInput;
-exports.StructuredListRow = index$h.StructuredListRow;
-exports.StructuredListWrapper = index$h.StructuredListWrapper;
-exports.Tab = index$8["default"];
+exports.Slider = index$6["default"];
+exports.StructuredListBody = index$g.StructuredListBody;
+exports.StructuredListCell = index$g.StructuredListCell;
+exports.StructuredListHead = index$g.StructuredListHead;
+exports.StructuredListInput = index$g.StructuredListInput;
+exports.StructuredListRow = index$g.StructuredListRow;
+exports.StructuredListWrapper = index$g.StructuredListWrapper;
+exports.Tab = index$7["default"];
 exports.TabContent = TabContent["default"];
-exports.Tabs = index$9["default"];
+exports.Tabs = index$8["default"];
 exports.TagSkeleton = Tag_Skeleton["default"];
 exports.Tag = Tag["default"];
 exports.TextAreaSkeleton = TextArea_Skeleton["default"];
 exports.TextArea = TextArea["default"];
-exports.ClickableTile = index$i.ClickableTile;
-exports.ExpandableTile = index$i.ExpandableTile;
-exports.SelectableTile = index$i.SelectableTile;
-exports.Tile = index$i.Tile;
-exports.TileAboveTheFoldContent = index$i.TileAboveTheFoldContent;
-exports.TileBelowTheFoldContent = index$i.TileBelowTheFoldContent;
+exports.ClickableTile = index$h.ClickableTile;
+exports.ExpandableTile = index$h.ExpandableTile;
+exports.SelectableTile = index$h.SelectableTile;
+exports.Tile = index$h.Tile;
+exports.TileAboveTheFoldContent = index$h.TileAboveTheFoldContent;
+exports.TileBelowTheFoldContent = index$h.TileBelowTheFoldContent;
 exports.RadioTile = RadioTile["default"];
-exports.TileGroup = index$a["default"];
-exports.TimePicker = index$b["default"];
-exports.TimePickerSelect = index$c["default"];
+exports.TileGroup = index$9["default"];
+exports.TimePicker = index$a["default"];
+exports.TimePickerSelect = index$b["default"];
 exports.ToggleSkeleton = Toggle_Skeleton["default"];
 exports.Toggle = Toggle.Toggle;
-exports.Toggletip = index$j.Toggletip;
-exports.ToggletipActions = index$j.ToggletipActions;
-exports.ToggletipButton = index$j.ToggletipButton;
-exports.ToggletipContent = index$j.ToggletipContent;
-exports.ToggletipLabel = index$j.ToggletipLabel;
+exports.Toggletip = index$i.Toggletip;
+exports.ToggletipActions = index$i.ToggletipActions;
+exports.ToggletipButton = index$i.ToggletipButton;
+exports.ToggletipContent = index$i.ToggletipContent;
+exports.ToggletipLabel = index$i.ToggletipLabel;
 exports.UnorderedList = UnorderedList["default"];
 exports.SkeletonText = SkeletonText["default"];
 exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
@@ -308,23 +308,23 @@ exports.TabsSkeleton = Tabs_Skeleton["default"];
 exports.TextInputSkeleton = TextInput_Skeleton["default"];
 exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
 exports.IconSkeleton = Icon_Skeleton["default"];
-exports.unstable_FeatureFlags = index$k.FeatureFlags;
-exports.unstable_useFeatureFlag = index$k.useFeatureFlag;
-exports.unstable_useFeatureFlags = index$k.useFeatureFlags;
-exports.Heading = index$l.Heading;
-exports.Section = index$l.Section;
-exports.IconButton = index$m.IconButton;
-exports.Layer = index$n.Layer;
-exports.useLayer = index$n.useLayer;
-exports.unstable_OverflowMenuV2 = index$o.OverflowMenuV2;
-exports.Popover = index$p.Popover;
-exports.PopoverContent = index$p.PopoverContent;
-exports.HStack = index$q.HStack;
-exports.VStack = index$q.VStack;
+exports.unstable_FeatureFlags = index$j.FeatureFlags;
+exports.unstable_useFeatureFlag = index$j.useFeatureFlag;
+exports.unstable_useFeatureFlags = index$j.useFeatureFlags;
+exports.Heading = index$k.Heading;
+exports.Section = index$k.Section;
+exports.IconButton = index$l.IconButton;
+exports.Layer = index$m.Layer;
+exports.useLayer = index$m.useLayer;
+exports.unstable_OverflowMenuV2 = index$n.OverflowMenuV2;
+exports.Popover = index$o.Popover;
+exports.PopoverContent = index$o.PopoverContent;
+exports.HStack = index$p.HStack;
+exports.VStack = index$p.VStack;
 exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
-exports.GlobalTheme = index$r.GlobalTheme;
-exports.Theme = index$r.Theme;
-exports.useTheme = index$r.useTheme;
+exports.GlobalTheme = index$q.GlobalTheme;
+exports.Theme = index$q.Theme;
+exports.useTheme = index$q.useTheme;
 exports.usePrefix = usePrefix.usePrefix;
 exports.AspectRatio = AspectRatio["default"];
 exports.Filename = Filename["default"];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.8.0-rc.0",
+  "version": "1.8.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -44,9 +44,9 @@
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@carbon/feature-flags": "^0.8.0",
-    "@carbon/icons-react": "^11.6.0-rc.0",
-    "@carbon/layout": "^11.4.0-rc.0",
-    "@carbon/styles": "^1.8.0-rc.0",
+    "@carbon/icons-react": "^11.6.0",
+    "@carbon/layout": "^11.4.0",
+    "@carbon/styles": "^1.8.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.1",
     "copy-to-clipboard": "^3.3.1",
@@ -73,7 +73,7 @@
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-react": "^7.17.12",
     "@carbon/test-utils": "^10.25.0",
-    "@carbon/themes": "^11.5.0-rc.0",
+    "@carbon/themes": "^11.5.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
@@ -129,5 +129,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "24655f8eaf108c43ac036e71360d4d3dc09a3bf4"
+  "gitHead": "d263183ca413f661dc4d2ece09833d846b32328f"
 }

package/es/components/Modal/next/Modal.js

@@ -1,274 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React__default, { useRef, useEffect } from 'react';
-import cx from 'classnames';
-import { Close } from '@carbon/icons-react';
-import toggleClass from '../../../tools/toggleClass.js';
-import Button from '../../Button/Button.js';
-import ButtonSet from '../../ButtonSet/ButtonSet.js';
-import requiredIfGivenPropIsTruthy from '../../../prop-types/requiredIfGivenPropIsTruthy.js';
-import wrapFocus, { elementOrParentIsFloatingMenu } from '../../../internal/wrapFocus.js';
-import setupGetInstanceId from '../../../tools/setupGetInstanceId.js';
-import { usePrefix } from '../../../internal/usePrefix.js';
-
-var _Modal$propTypes;
-
-var _excluded = ["children", "className", "modalHeading", "modalLabel", "modalAriaLabel", "passiveModal", "secondaryButtonText", "primaryButtonText", "open", "onRequestClose", "onRequestSubmit", "onSecondarySubmit", "primaryButtonDisabled", "danger", "alert", "secondaryButtons", "selectorPrimaryFocus", "selectorsFloatingMenus", "shouldSubmitOnEnter", "size", "hasScrollingContent", "closeButtonLabel", "preventCloseOnClickOutside"];
-var getInstanceId = setupGetInstanceId();
-var Modal = /*#__PURE__*/React__default.forwardRef(function Modal(_ref, ref) {
-  var _classNames;
-
-  var children = _ref.children,
-      className = _ref.className,
-      modalHeading = _ref.modalHeading,
-      modalLabel = _ref.modalLabel,
-      modalAriaLabel = _ref.modalAriaLabel,
-      passiveModal = _ref.passiveModal,
-      secondaryButtonText = _ref.secondaryButtonText,
-      primaryButtonText = _ref.primaryButtonText,
-      open = _ref.open,
-      onRequestClose = _ref.onRequestClose,
-      onRequestSubmit = _ref.onRequestSubmit,
-      onSecondarySubmit = _ref.onSecondarySubmit,
-      primaryButtonDisabled = _ref.primaryButtonDisabled,
-      danger = _ref.danger,
-      alert = _ref.alert,
-      secondaryButtons = _ref.secondaryButtons,
-      selectorPrimaryFocus = _ref.selectorPrimaryFocus,
-      selectorsFloatingMenus = _ref.selectorsFloatingMenus,
-      shouldSubmitOnEnter = _ref.shouldSubmitOnEnter,
-      size = _ref.size,
-      hasScrollingContent = _ref.hasScrollingContent,
-      closeButtonLabel = _ref.closeButtonLabel,
-      preventCloseOnClickOutside = _ref.preventCloseOnClickOutside,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var button = useRef();
-  var secondaryButton = useRef();
-  var innerModal = useRef();
-  var startTrap = useRef();
-  var endTrap = useRef();
-  var modalInstanceId = "modal-".concat(getInstanceId());
-  var modalLabelId = "".concat(prefix, "--modal-header__label--").concat(modalInstanceId);
-  var modalHeadingId = "".concat(prefix, "--modal-header__heading--").concat(modalInstanceId);
-  var modalBodyId = "".concat(prefix, "--modal-body--").concat(modalInstanceId);
-  var modalCloseButtonClass = "".concat(prefix, "--modal-close");
-
-  function isCloseButton(element) {
-    return !onSecondarySubmit && element === secondaryButton.current || element.classList.contains(modalCloseButtonClass);
-  }
-
-  function handleKeyDown(evt) {
-    if (open) {
-      if (evt.which === 27) {
-        onRequestClose(evt);
-      }
-
-      if (evt.which === 13 && shouldSubmitOnEnter && !isCloseButton(evt.target)) {
-        onRequestSubmit(evt);
-      }
-    }
-  }
-
-  function handleMousedown(evt) {
-    if (innerModal.current && !innerModal.current.contains(evt.target) && !elementOrParentIsFloatingMenu(evt.target, selectorsFloatingMenus) && !preventCloseOnClickOutside) {
-      onRequestClose(evt);
-    }
-  }
-
-  function handleBlur(_ref2) {
-    var oldActiveNode = _ref2.target,
-        currentActiveNode = _ref2.relatedTarget;
-
-    if (open && currentActiveNode && oldActiveNode) {
-      var bodyNode = innerModal.current;
-      var startTrapNode = startTrap.current;
-      var endTrapNode = endTrap.current;
-      wrapFocus({
-        bodyNode: bodyNode,
-        startTrapNode: startTrapNode,
-        endTrapNode: endTrapNode,
-        currentActiveNode: currentActiveNode,
-        oldActiveNode: oldActiveNode,
-        selectorsFloatingMenus: selectorsFloatingMenus
-      });
-    }
-  }
-
-  var onSecondaryButtonClick = onSecondarySubmit ? onSecondarySubmit : onRequestClose;
-  var modalClasses = cx("".concat(prefix, "--modal"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--modal-tall"), !passiveModal), _defineProperty(_classNames, 'is-visible', open), _defineProperty(_classNames, "".concat(prefix, "--modal--danger"), danger), _defineProperty(_classNames, className, className), _classNames));
-  var containerClasses = cx("".concat(prefix, "--modal-container"), _defineProperty({}, "".concat(prefix, "--modal-container--").concat(size), size));
-  var contentClasses = cx("".concat(prefix, "--modal-content"), _defineProperty({}, "".concat(prefix, "--modal-scroll-content"), hasScrollingContent));
-  var footerClasses = cx("".concat(prefix, "--modal-footer"), _defineProperty({}, "".concat(prefix, "--modal-footer--three-button"), Array.isArray(secondaryButtons) && secondaryButtons.length === 2));
-  var modalButton = /*#__PURE__*/React__default.createElement("button", {
-    className: modalCloseButtonClass,
-    type: "button",
-    onClick: onRequestClose,
-    title: ariaLabel,
-    "aria-label": closeButtonLabel ? closeButtonLabel : 'close',
-    ref: button
-  }, /*#__PURE__*/React__default.createElement(Close, {
-    size: 20,
-    "aria-hidden": "true",
-    tabIndex: "-1",
-    className: "".concat(modalCloseButtonClass, "__icon")
-  }));
-  var ariaLabel = modalLabel || ['aria-label'] || modalAriaLabel || modalHeading;
-  var getAriaLabelledBy = modalLabel ? modalLabelId : modalHeadingId;
-  var hasScrollingContentProps = hasScrollingContent ? {
-    tabIndex: 0,
-    role: 'region',
-    'aria-label': ariaLabel,
-    'aria-labelledby': getAriaLabelledBy
-  } : {};
-  var alertDialogProps = {};
-
-  if (alert && passiveModal) {
-    alertDialogProps.role = 'alert';
-  }
-
-  if (alert && !passiveModal) {
-    alertDialogProps.role = 'alertdialog';
-    alertDialogProps['aria-describedby'] = modalBodyId;
-  }
-
-  useEffect(function () {
-    return function () {
-      toggleClass(document.body, "".concat(prefix, "--body--with-modal-open"), false);
-    };
-  }, [prefix]);
-  useEffect(function () {
-    toggleClass(document.body, "".concat(prefix, "--body--with-modal-open"), open);
-  }, [open, prefix]);
-  useEffect(function () {
-    var initialFocus = function initialFocus(focusContainerElement) {
-      var containerElement = focusContainerElement || innerModal.current;
-      var primaryFocusElement = containerElement ? containerElement.querySelector(selectorPrimaryFocus) : null;
-
-      if (primaryFocusElement) {
-        return primaryFocusElement;
-      }
-
-      return button && button.current;
-    };
-
-    var focusButton = function focusButton(focusContainerElement) {
-      var target = initialFocus(focusContainerElement);
-
-      if (target) {
-        target.focus();
-      }
-    };
-
-    if (open) {
-      focusButton(innerModal.current);
-    }
-  }, [open, selectorPrimaryFocus]);
-  var modalBody = /*#__PURE__*/React__default.createElement("div", _extends({
-    ref: innerModal,
-    role: "dialog"
-  }, alertDialogProps, {
-    className: containerClasses,
-    "aria-label": ariaLabel,
-    "aria-modal": "true",
-    tabIndex: "-1"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--modal-header")
-  }, passiveModal && modalButton, modalLabel && /*#__PURE__*/React__default.createElement("h2", {
-    id: modalLabelId,
-    className: "".concat(prefix, "--modal-header__label")
-  }, modalLabel), /*#__PURE__*/React__default.createElement("h3", {
-    id: modalHeadingId,
-    className: "".concat(prefix, "--modal-header__heading")
-  }, modalHeading), !passiveModal && modalButton), /*#__PURE__*/React__default.createElement("div", _extends({
-    id: modalBodyId,
-    className: contentClasses
-  }, hasScrollingContentProps, {
-    "aria-labelledby": getAriaLabelledBy
-  }), children), hasScrollingContent && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--modal-content--overflow-indicator")
-  }), !passiveModal && /*#__PURE__*/React__default.createElement(ButtonSet, {
-    className: footerClasses
-  }, Array.isArray(secondaryButtons) && secondaryButtons.length <= 2 ? secondaryButtons.map(function (_ref3, i) {
-    var buttonText = _ref3.buttonText,
-        onButtonClick = _ref3.onClick;
-    return /*#__PURE__*/React__default.createElement(Button, {
-      key: "".concat(buttonText, "-").concat(i),
-      kind: "secondary",
-      onClick: onButtonClick
-    }, buttonText);
-  }) : secondaryButtonText && /*#__PURE__*/React__default.createElement(Button, {
-    kind: "secondary",
-    onClick: onSecondaryButtonClick,
-    ref: secondaryButton
-  }, secondaryButtonText), /*#__PURE__*/React__default.createElement(Button, {
-    kind: danger ? 'danger' : 'primary',
-    disabled: primaryButtonDisabled,
-    onClick: onRequestSubmit,
-    ref: button
-  }, primaryButtonText)));
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    onKeyDown: handleKeyDown,
-    onMouseDown: handleMousedown,
-    onBlur: handleBlur,
-    className: modalClasses,
-    role: "presentation",
-    ref: ref
-  }), /*#__PURE__*/React__default.createElement("span", {
-    ref: startTrap,
-    tabIndex: "0",
-    role: "link",
-    className: "".concat(prefix, "--visually-hidden")
-  }, "Focus sentinel"), modalBody, /*#__PURE__*/React__default.createElement("span", {
-    ref: endTrap,
-    tabIndex: "0",
-    role: "link",
-    className: "".concat(prefix, "--visually-hidden")
-  }, "Focus sentinel"));
-});
-Modal.propTypes = (_Modal$propTypes = {
-  /**
-   * Specify whether the Modal is displaying an alert, error or warning
-   * Should go hand in hand with the danger prop.
-   */
-  alert: PropTypes.bool
-}, _defineProperty(_Modal$propTypes, 'aria-label', requiredIfGivenPropIsTruthy('hasScrollingContent', PropTypes.string)), _defineProperty(_Modal$propTypes, "children", PropTypes.node), _defineProperty(_Modal$propTypes, "className", PropTypes.string), _defineProperty(_Modal$propTypes, "closeButtonLabel", PropTypes.string), _defineProperty(_Modal$propTypes, "danger", PropTypes.bool), _defineProperty(_Modal$propTypes, "hasScrollingContent", PropTypes.bool), _defineProperty(_Modal$propTypes, "id", PropTypes.string), _defineProperty(_Modal$propTypes, "modalAriaLabel", PropTypes.string), _defineProperty(_Modal$propTypes, "modalHeading", PropTypes.node), _defineProperty(_Modal$propTypes, "modalLabel", PropTypes.node), _defineProperty(_Modal$propTypes, "onKeyDown", PropTypes.func), _defineProperty(_Modal$propTypes, "onRequestClose", PropTypes.func), _defineProperty(_Modal$propTypes, "onRequestSubmit", PropTypes.func), _defineProperty(_Modal$propTypes, "onSecondarySubmit", PropTypes.func), _defineProperty(_Modal$propTypes, "open", PropTypes.bool), _defineProperty(_Modal$propTypes, "passiveModal", PropTypes.bool), _defineProperty(_Modal$propTypes, "preventCloseOnClickOutside", PropTypes.bool), _defineProperty(_Modal$propTypes, "primaryButtonDisabled", PropTypes.bool), _defineProperty(_Modal$propTypes, "primaryButtonText", PropTypes.node), _defineProperty(_Modal$propTypes, "secondaryButtonText", PropTypes.node), _defineProperty(_Modal$propTypes, "secondaryButtons", function secondaryButtons(props, propName, componentName) {
-  if (props.secondaryButtons) {
-    if (!Array.isArray(props.secondaryButtons) || props.secondaryButtons.length !== 2) {
-      return new Error("".concat(propName, " needs to be an array of two button config objects"));
-    }
-
-    var shape = {
-      buttonText: PropTypes.node,
-      onClick: PropTypes.func
-    };
-    props[propName].forEach(function (secondaryButton) {
-      PropTypes.checkPropTypes(shape, secondaryButton, propName, componentName);
-    });
-  }
-
-  return null;
-}), _defineProperty(_Modal$propTypes, "selectorPrimaryFocus", PropTypes.string), _defineProperty(_Modal$propTypes, "selectorsFloatingMenus", PropTypes.arrayOf(PropTypes.string)), _defineProperty(_Modal$propTypes, "shouldSubmitOnEnter", PropTypes.bool), _defineProperty(_Modal$propTypes, "size", PropTypes.oneOf(['xs', 'sm', 'md', 'lg'])), _Modal$propTypes);
-Modal.defaultProps = {
-  onRequestClose: function onRequestClose() {},
-  onRequestSubmit: function onRequestSubmit() {},
-  primaryButtonDisabled: false,
-  onKeyDown: function onKeyDown() {},
-  passiveModal: false,
-  modalHeading: '',
-  modalLabel: '',
-  preventCloseOnClickOutside: false,
-  selectorPrimaryFocus: '[data-modal-primary-focus]',
-  hasScrollingContent: false
-};
-var ModalNext = Modal;
-
-export { ModalNext as default };