@carbon/react 1.8.0 → 1.10.0-rc.0

package/lib/components/TileGroup/TileGroup.js

@@ -81,7 +81,7 @@ var TileGroup = /*#__PURE__*/function (_React$Component) {
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "renderLegend", function (legend) {
       if (legend) {
         return /*#__PURE__*/React__default["default"].createElement("legend", {
-          className: "".concat(_this.prefix, "--label")
+          className: "".concat(_this.context, "--label")
         }, legend);
       }
     });

package/lib/index.js

@@ -22,12 +22,11 @@ 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$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$e = require('./components/DataTable/index.js');
+var index$d = 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');
@@ -46,15 +45,13 @@ var Loading = require('./components/Loading/Loading.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$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$f = require('./components/ProgressIndicator/index.js');
+var index$e = require('./components/ProgressIndicator/index.js');
 var RadioButton = require('./components/RadioButton/RadioButton.js');
 var RadioButtonGroup = require('./components/RadioButtonGroup/RadioButtonGroup.js');
 var index$5 = require('./components/Search/index.js');
@@ -68,7 +65,7 @@ var SelectItem = require('./components/SelectItem/SelectItem.js');
 var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js');
 var Switch = require('./components/Switch/Switch.js');
 var index$6 = require('./components/Slider/index.js');
-var index$g = require('./components/StructuredList/index.js');
+var index$f = require('./components/StructuredList/index.js');
 var index$7 = require('./components/Tab/index.js');
 var TabContent = require('./components/TabContent/TabContent.js');
 var index$8 = require('./components/Tabs/index.js');
@@ -77,14 +74,14 @@ 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$h = require('./components/Tile/index.js');
+var index$g = require('./components/Tile/index.js');
 var RadioTile = require('./components/RadioTile/RadioTile.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$i = require('./components/Toggletip/index.js');
+var index$h = 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 +98,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$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');
+var index$i = require('./components/FeatureFlags/index.js');
+var index$j = require('./components/Heading/index.js');
+var index$k = require('./components/IconButton/index.js');
+var index$l = require('./components/Layer/index.js');
 require('./components/Menu/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 index$m = require('./components/OverflowMenuV2/index.js');
+var index$n = require('./components/Popover/index.js');
+var index$o = require('./components/Stack/index.js');
 var DefinitionTooltip = require('./components/Tooltip/next/DefinitionTooltip.js');
 require('./components/TreeView/index.js');
-var index$q = require('./components/Theme/index.js');
+var index$p = 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');
@@ -120,6 +117,7 @@ var FileUploaderDropContainer = require('./components/FileUploader/FileUploaderD
 var FileUploaderItem = require('./components/FileUploader/FileUploaderItem.js');
 var Row = require('./components/Grid/Row.js');
 var Column = require('./components/Grid/Column.js');
+var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
 var HeaderMenuButton = require('./components/UIShell/HeaderMenuButton.js');
 var HeaderName = require('./components/UIShell/HeaderName.js');
 var SkipToContent = require('./components/UIShell/SkipToContent.js');
@@ -145,6 +143,8 @@ var TreeView = require('./components/TreeView/TreeView.js');
 var Breadcrumb = require('./components/Breadcrumb/Breadcrumb.js');
 var BreadcrumbItem = require('./components/Breadcrumb/BreadcrumbItem.js');
 var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
+var ModalHeader = require('./components/ComposedModal/ModalHeader.js');
+var ModalFooter = require('./components/ComposedModal/ModalFooter.js');
 var Table = require('./components/DataTable/Table.js');
 var TableActionList = require('./components/DataTable/TableActionList.js');
 var TableBatchAction = require('./components/DataTable/TableBatchAction.js');
@@ -172,6 +172,7 @@ var Grid = require('./components/Grid/Grid.js');
 var ColumnHang = require('./components/Grid/ColumnHang.js');
 var FlexGrid = require('./components/Grid/FlexGrid.js');
 var Notification = require('./components/Notification/Notification.js');
+var NumberInput = require('./components/NumberInput/NumberInput.js');
 var ControlledPasswordInput = require('./components/TextInput/ControlledPasswordInput.js');
 var PasswordInput = require('./components/TextInput/PasswordInput.js');
 var ProgressIndicator = require('./components/ProgressIndicator/ProgressIndicator.js');
@@ -215,14 +216,11 @@ exports.ClassPrefix = index$c.ClassPrefix;
 exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
 exports.CodeSnippet = CodeSnippet["default"];
 exports.ComboBox = ComboBox["default"];
-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$e["default"];
+exports.DataTable = index$d["default"];
 exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
 exports.DatePicker = DatePicker["default"];
 exports.DatePickerInput = DatePickerInput["default"];
@@ -240,15 +238,13 @@ exports.ListItem = ListItem["default"];
 exports.Loading = Loading["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$2["default"];
 exports.OverflowMenuItem = index$3["default"];
 exports.Pagination = index$4["default"];
 exports.PaginationNav = PaginationNav["default"];
 exports.PrimaryButton = PrimaryButton["default"];
-exports.ProgressIndicator = index$f.ProgressIndicator;
+exports.ProgressIndicator = index$e.ProgressIndicator;
 exports.RadioButton = RadioButton["default"];
 exports.RadioButtonGroup = RadioButtonGroup["default"];
 exports.Search = index$5["default"];
@@ -262,12 +258,12 @@ exports.SelectItem = SelectItem["default"];
 exports.SelectItemGroup = SelectItemGroup["default"];
 exports.Switch = Switch["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.StructuredListBody = index$f.StructuredListBody;
+exports.StructuredListCell = index$f.StructuredListCell;
+exports.StructuredListHead = index$f.StructuredListHead;
+exports.StructuredListInput = index$f.StructuredListInput;
+exports.StructuredListRow = index$f.StructuredListRow;
+exports.StructuredListWrapper = index$f.StructuredListWrapper;
 exports.Tab = index$7["default"];
 exports.TabContent = TabContent["default"];
 exports.Tabs = index$8["default"];
@@ -275,23 +271,23 @@ exports.TagSkeleton = Tag_Skeleton["default"];
 exports.Tag = Tag["default"];
 exports.TextAreaSkeleton = TextArea_Skeleton["default"];
 exports.TextArea = TextArea["default"];
-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.ClickableTile = index$g.ClickableTile;
+exports.ExpandableTile = index$g.ExpandableTile;
+exports.SelectableTile = index$g.SelectableTile;
+exports.Tile = index$g.Tile;
+exports.TileAboveTheFoldContent = index$g.TileAboveTheFoldContent;
+exports.TileBelowTheFoldContent = index$g.TileBelowTheFoldContent;
 exports.RadioTile = RadioTile["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$i.Toggletip;
-exports.ToggletipActions = index$i.ToggletipActions;
-exports.ToggletipButton = index$i.ToggletipButton;
-exports.ToggletipContent = index$i.ToggletipContent;
-exports.ToggletipLabel = index$i.ToggletipLabel;
+exports.Toggletip = index$h.Toggletip;
+exports.ToggletipActions = index$h.ToggletipActions;
+exports.ToggletipButton = index$h.ToggletipButton;
+exports.ToggletipContent = index$h.ToggletipContent;
+exports.ToggletipLabel = index$h.ToggletipLabel;
 exports.UnorderedList = UnorderedList["default"];
 exports.SkeletonText = SkeletonText["default"];
 exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
@@ -308,23 +304,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$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.unstable_FeatureFlags = index$i.FeatureFlags;
+exports.unstable_useFeatureFlag = index$i.useFeatureFlag;
+exports.unstable_useFeatureFlags = index$i.useFeatureFlags;
+exports.Heading = index$j.Heading;
+exports.Section = index$j.Section;
+exports.IconButton = index$k.IconButton;
+exports.Layer = index$l.Layer;
+exports.useLayer = index$l.useLayer;
+exports.unstable_OverflowMenuV2 = index$m.OverflowMenuV2;
+exports.Popover = index$n.Popover;
+exports.PopoverContent = index$n.PopoverContent;
+exports.HStack = index$o.HStack;
+exports.VStack = index$o.VStack;
 exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
-exports.GlobalTheme = index$q.GlobalTheme;
-exports.Theme = index$q.Theme;
-exports.useTheme = index$q.useTheme;
+exports.GlobalTheme = index$p.GlobalTheme;
+exports.Theme = index$p.Theme;
+exports.useTheme = index$p.useTheme;
 exports.usePrefix = usePrefix.usePrefix;
 exports.AspectRatio = AspectRatio["default"];
 exports.Filename = Filename["default"];
@@ -333,6 +329,7 @@ exports.FileUploaderDropContainer = FileUploaderDropContainer["default"];
 exports.FileUploaderItem = FileUploaderItem["default"];
 exports.Row = Row["default"];
 exports.Column = Column["default"];
+exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
 exports.HeaderMenuButton = HeaderMenuButton["default"];
 exports.HeaderName = HeaderName["default"];
 exports.SkipToContent = SkipToContent["default"];
@@ -357,7 +354,10 @@ exports.unstable_Menu = Menu["default"];
 exports.unstable_TreeView = TreeView["default"];
 exports.Breadcrumb = Breadcrumb["default"];
 exports.BreadcrumbItem = BreadcrumbItem["default"];
+exports.ComposedModal = ComposedModal["default"];
 exports.ModalBody = ComposedModal.ModalBody;
+exports.ModalHeader = ModalHeader.ModalHeader;
+exports.ModalFooter = ModalFooter.ModalFooter;
 exports.Table = Table["default"];
 exports.TableActionList = TableActionList["default"];
 exports.TableBatchAction = TableBatchAction["default"];
@@ -389,6 +389,7 @@ exports.InlineNotification = Notification.InlineNotification;
 exports.NotificationActionButton = Notification.NotificationActionButton;
 exports.NotificationButton = Notification.NotificationButton;
 exports.ToastNotification = Notification.ToastNotification;
+exports.NumberInput = NumberInput.NumberInput;
 exports.ControlledPasswordInput = ControlledPasswordInput["default"];
 exports.PasswordInput = PasswordInput["default"];
 exports.ProgressStep = ProgressIndicator.ProgressStep;

package/lib/internal/useControllableState.js

@@ -21,7 +21,7 @@ var warning = require('./warning.js');
  * owners of controlled components.
  *
  * Note: this hook will warn if a component is switching from controlled to
- * uncontrolled, or vice-verse.
+ * uncontrolled, or vice-versa.
  *
  * @param {object} config
  * @param {string} config.name - the name of the custom component

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.8.0",
+  "version": "1.10.0-rc.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",
-    "@carbon/layout": "^11.4.0",
-    "@carbon/styles": "^1.8.0",
+    "@carbon/icons-react": "^11.7.0",
+    "@carbon/layout": "^11.5.0",
+    "@carbon/styles": "^1.10.0-rc.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",
+    "@carbon/themes": "^11.7.0-rc.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": "d263183ca413f661dc4d2ece09833d846b32328f"
+  "gitHead": "ca0be10be837f9b2269c658d7c81c494147824d9"
 }

package/scss/utilities/_hide-at-breakpoint.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/utilities/hide-at-breakpoint';

package/es/components/ComposedModal/index.js

@@ -1,19 +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 * as FeatureFlags from '@carbon/feature-flags';
-import { ModalHeader as ModalHeader$1 } from './next/ModalHeader.js';
-import { ModalFooter as ModalFooter$1 } from './next/ModalFooter.js';
-import ComposedModalNext from './next/ComposedModal.js';
-import ComposedModal$1, { ModalHeader as ModalHeader$2, ModalFooter as ModalFooter$2 } from './ComposedModal.js';
-export { ModalBody } from './ComposedModal.js';
-
-var ModalHeader = FeatureFlags.enabled('enable-v11-release') ? ModalHeader$1 : ModalHeader$2;
-var ModalFooter = FeatureFlags.enabled('enable-v11-release') ? ModalFooter$1 : ModalFooter$2;
-var ComposedModal = FeatureFlags.enabled('enable-v11-release') ? ComposedModalNext : ComposedModal$1;
-
-export { ComposedModal, ModalFooter, ModalHeader };

package/es/components/ComposedModal/next/ComposedModal.js

@@ -1,225 +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 { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState, useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { ModalHeader } from './ModalHeader.js';
-import { ModalFooter } from '../ComposedModal.js';
-import cx from 'classnames';
-import toggleClass from '../../../tools/toggleClass.js';
-import requiredIfGivenPropIsTruthy from '../../../prop-types/requiredIfGivenPropIsTruthy.js';
-import wrapFocus from '../../../internal/wrapFocus.js';
-import { usePrefix } from '../../../internal/usePrefix.js';
-
-var _ModalBody$propTypes, _ComposedModal$propTy;
-
-var _excluded = ["className", "children", "hasForm", "hasScrollingContent"],
-    _excluded2 = ["aria-labelledby", "aria-label", "children", "className", "containerClassName", "danger", "onClose", "onKeyDown", "open", "preventCloseOnClickOutside", "selectorPrimaryFocus", "selectorsFloatingMenus", "size"];
-var ModalBody = /*#__PURE__*/React__default.forwardRef(function ModalBody(_ref, ref) {
-  var _cx;
-
-  var customClassName = _ref.className,
-      children = _ref.children,
-      hasForm = _ref.hasForm,
-      hasScrollingContent = _ref.hasScrollingContent,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var contentClass = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--modal-content"), true), _defineProperty(_cx, "".concat(prefix, "--modal-content--with-form"), hasForm), _defineProperty(_cx, "".concat(prefix, "--modal-scroll-content"), hasScrollingContent), _defineProperty(_cx, customClassName, customClassName), _cx));
-  var hasScrollingContentProps = hasScrollingContent ? {
-    tabIndex: 0,
-    role: 'region'
-  } : {};
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", _extends({
-    className: contentClass
-  }, hasScrollingContentProps, rest, {
-    ref: ref
-  }), children), hasScrollingContent && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--modal-content--overflow-indicator")
-  }));
-});
-ModalBody.propTypes = (_ModalBody$propTypes = {}, _defineProperty(_ModalBody$propTypes, 'aria-label', requiredIfGivenPropIsTruthy('hasScrollingContent', PropTypes.string)), _defineProperty(_ModalBody$propTypes, "children", PropTypes.node), _defineProperty(_ModalBody$propTypes, "className", PropTypes.string), _defineProperty(_ModalBody$propTypes, "hasForm", PropTypes.bool), _defineProperty(_ModalBody$propTypes, "hasScrollingContent", PropTypes.bool), _ModalBody$propTypes);
-var ComposedModal = /*#__PURE__*/React__default.forwardRef(function ComposedModal(_ref2, ref) {
-  var _cx2, _cx3;
-
-  var ariaLabelledBy = _ref2['aria-labelledby'],
-      ariaLabel = _ref2['aria-label'],
-      children = _ref2.children,
-      customClassName = _ref2.className,
-      containerClassName = _ref2.containerClassName,
-      danger = _ref2.danger,
-      onClose = _ref2.onClose,
-      onKeyDown = _ref2.onKeyDown,
-      open = _ref2.open,
-      preventCloseOnClickOutside = _ref2.preventCloseOnClickOutside,
-      selectorPrimaryFocus = _ref2.selectorPrimaryFocus,
-      selectorsFloatingMenus = _ref2.selectorsFloatingMenus,
-      size = _ref2.size,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
-
-  var prefix = usePrefix();
-
-  var _useState = useState(open),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setisOpen = _useState2[1];
-
-  var _useState3 = useState(open),
-      _useState4 = _slicedToArray(_useState3, 2),
-      prevOpen = _useState4[0],
-      setPrevOpen = _useState4[1];
-
-  var innerModal = useRef();
-  var button = useRef();
-  var startSentinel = useRef();
-  var endSentinel = useRef();
-
-  if (open !== prevOpen) {
-    setisOpen(open);
-    setPrevOpen(open);
-  }
-
-  function handleKeyDown(evt) {
-    // Esc key
-    if (evt.which === 27) {
-      closeModal(evt);
-    }
-
-    onKeyDown(evt);
-  }
-
-  function handleClick(evt) {
-    if (!innerModal.current.contains(evt.target) && preventCloseOnClickOutside) {
-      return;
-    }
-
-    if (innerModal.current && !innerModal.current.contains(evt.target)) {
-      closeModal(evt);
-    }
-  }
-
-  function handleBlur(_ref3) {
-    var oldActiveNode = _ref3.target,
-        currentActiveNode = _ref3.relatedTarget;
-
-    if (open && currentActiveNode && oldActiveNode) {
-      var bodyNode = innerModal.current;
-      var startSentinelNode = startSentinel.current;
-      var endSentinelNode = endSentinel.current;
-      wrapFocus({
-        bodyNode: bodyNode,
-        startSentinelNode: startSentinelNode,
-        endSentinelNode: endSentinelNode,
-        currentActiveNode: currentActiveNode,
-        oldActiveNode: oldActiveNode,
-        selectorsFloatingMenus: selectorsFloatingMenus
-      });
-    }
-  }
-
-  function closeModal(evt) {
-    if (!onClose || onClose(evt) !== false) {
-      setisOpen(false);
-    }
-  }
-
-  var modalClass = cx((_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--modal"), true), _defineProperty(_cx2, 'is-visible', isOpen), _defineProperty(_cx2, customClassName, customClassName), _defineProperty(_cx2, "".concat(prefix, "--modal--danger"), danger), _cx2));
-  var containerClass = cx((_cx3 = {}, _defineProperty(_cx3, "".concat(prefix, "--modal-container"), true), _defineProperty(_cx3, "".concat(prefix, "--modal-container--").concat(size), size), _defineProperty(_cx3, containerClassName, containerClassName), _cx3)); // Generate aria-label based on Modal Header label if one is not provided (L253)
-
-  var generatedAriaLabel;
-  var childrenWithProps = React__default.Children.toArray(children).map(function (child) {
-    switch (child.type) {
-      case React__default.createElement(ModalHeader).type:
-        generatedAriaLabel = child.props.label;
-        return /*#__PURE__*/React__default.cloneElement(child, {
-          closeModal: closeModal
-        });
-
-      case React__default.createElement(ModalFooter).type:
-        return /*#__PURE__*/React__default.cloneElement(child, {
-          closeModal: closeModal,
-          inputref: button
-        });
-
-      default:
-        return child;
-    }
-  });
-  useEffect(function () {
-    if (prevOpen !== isOpen) {
-      toggleClass(document.body, "".concat(prefix, "--body--with-modal-open"), isOpen);
-    }
-  });
-  useEffect(function () {
-    return function () {
-      return toggleClass(document.body, "".concat(prefix, "--body--with-modal-open"), false);
-    };
-  });
-  useEffect(function () {
-    toggleClass(document.body, "".concat(prefix, "--body--with-modal-open"), open);
-  }, [open, prefix]);
-  useEffect(function () {
-    var focusButton = function focusButton(focusContainerElement) {
-      if (focusContainerElement) {
-        var primaryFocusElement = focusContainerElement.querySelector(selectorPrimaryFocus);
-
-        if (primaryFocusElement) {
-          primaryFocusElement.focus();
-          return;
-        }
-
-        if (button.current) {
-          button.current.focus();
-        }
-      }
-    };
-
-    if (!open) {
-      return;
-    }
-
-    if (innerModal.current) {
-      focusButton(innerModal.current);
-    }
-  }, [open, selectorPrimaryFocus]);
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    role: "presentation",
-    ref: ref,
-    "aria-hidden": !open,
-    onBlur: handleBlur,
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    className: modalClass,
-    tabIndex: "-1"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: containerClass,
-    role: "dialog",
-    "aria-modal": "true",
-    "aria-label": ariaLabel ? ariaLabel : generatedAriaLabel,
-    "aria-labelledby": ariaLabelledBy
-  }, /*#__PURE__*/React__default.createElement("button", {
-    type: "button",
-    ref: startSentinel,
-    className: "".concat(prefix, "--visually-hidden")
-  }, "Focus sentinel"), /*#__PURE__*/React__default.createElement("div", {
-    ref: innerModal,
-    className: "".concat(prefix, "--modal-container-body")
-  }, childrenWithProps), /*#__PURE__*/React__default.createElement("button", {
-    type: "button",
-    ref: endSentinel,
-    className: "".concat(prefix, "--visually-hidden")
-  }, "Focus sentinel")));
-});
-ComposedModal.propTypes = (_ComposedModal$propTy = {}, _defineProperty(_ComposedModal$propTy, 'aria-label', PropTypes.string), _defineProperty(_ComposedModal$propTy, 'aria-labelledby', PropTypes.string), _defineProperty(_ComposedModal$propTy, "children", PropTypes.node), _defineProperty(_ComposedModal$propTy, "className", PropTypes.string), _defineProperty(_ComposedModal$propTy, "containerClassName", PropTypes.string), _defineProperty(_ComposedModal$propTy, "danger", PropTypes.bool), _defineProperty(_ComposedModal$propTy, "onClose", PropTypes.func), _defineProperty(_ComposedModal$propTy, "onKeyDown", PropTypes.func), _defineProperty(_ComposedModal$propTy, "open", PropTypes.bool), _defineProperty(_ComposedModal$propTy, "preventCloseOnClickOutside", PropTypes.bool), _defineProperty(_ComposedModal$propTy, "selectorPrimaryFocus", PropTypes.string), _defineProperty(_ComposedModal$propTy, "selectorsFloatingMenus", PropTypes.string), _defineProperty(_ComposedModal$propTy, "size", PropTypes.oneOf(['xs', 'sm', 'md', 'lg'])), _ComposedModal$propTy);
-ComposedModal.defaultProps = {
-  onKeyDown: function onKeyDown() {},
-  selectorPrimaryFocus: '[data-modal-primary-focus]'
-};
-var ComposedModalNext = ComposedModal;
-
-export { ModalBody, ComposedModalNext as default };

package/es/internal/FeatureFlags.js

@@ -1,52 +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 { enabled } from '@carbon/feature-flags';
-
-/**
- * This file contains the list of the default values of compile-time feature flags.
- *
- * Build toolchain can replace variable here and/or the references
- * in order to apply non-default values to those feature flags.
- *
- * @example Render `foo` if `aFeatureFlag` is `true`, render `bar` otherwise.
- * import { aFeatureFlag } from '/path/to/FeatureFlags';
- * ...
- * const MyComponent = props => (<div {...props}>{aFeatureFlag ? 'foo' : 'bar'}</div>);
- */
-
-/**
- * With this flag, certain components will be created in either a controlled or controlled
- * mode based on the existence of a value prop.
- *
- * The following components will have the significance of their props slightly altered as outlined below.
- *
- * Components: `<NumberInput>`
- *
- * * `value` → when provided, enables controlled mode.
- *   For the rest of the component's lifecycle, it will be controlled by this prop as it's single source of truth.
- * * `defaultValue` → Optional starting value, used for for uncontrolled mode only (no value prop).
- *   The value prop takes precedence over defaultValue.
- * * `onChange` → Optional event handler.
- *   However, if value is provided and a handler is not, we'll throw a warning indicating the component is now read-only
- * * `readOnly` → silences the above warning, acknowledging the read-only state of the component
- *
- * This flag also disables prop -> state sync in several components, notably `<NumberInput>`.
- *
- * This flag also updates event handlers to pass an up-to-date value in the second parameter,
- * so applications can use it in both controlled and uncontrolled components.
- *
- * * _With_ this feature flag, the signature of the event handler will be altered to provide additional context in the second parameter: `onChange(event, { value, ...rest })` where:
- *   * `event` is the (React) raw event
- *   * `value` is the new value
- *   * `rest` tells you additional information based on the source component
- * * _Without_ this feature flag the event handler has component-specific signature, e.g. `onChange(event, direction)`.
- */
-
-var useControlledStateWithValue = enabled('enable-use-controlled-state-with-value');
-
-export { useControlledStateWithValue };