@carbon/react 1.19.0 → 1.21.0-rc.0

package/es/_virtual/_commonjsHelpers.js

@@ -12,8 +12,21 @@ function getDefaultExportFromCjs (x) {
 }
 
 function getAugmentedNamespace(n) {
-	if (n.__esModule) return n;
-	var a = Object.defineProperty({}, '__esModule', {value: true});
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+				var args = [null];
+				args.push.apply(args, arguments);
+				var Ctor = Function.bind.apply(f, args);
+				return new Ctor();
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
 	Object.keys(n).forEach(function (k) {
 		var d = Object.getOwnPropertyDescriptor(n, k);
 		Object.defineProperty(a, k, d.get ? d : {

package/es/_virtual/index.js

@@ -5,6 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-var l10n = {exports: {}};
+var l10nExports = {};
+var l10n = {
+  get exports(){ return l10nExports; },
+  set exports(v){ l10nExports = v; },
+};
 
-export { l10n as l };
+export { l10n as __module, l10nExports as exports };

package/es/_virtual/rangePlugin.js

@@ -5,6 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-var rangePlugin = {exports: {}};
+var rangePluginExports = {};
+var rangePlugin = {
+  get exports(){ return rangePluginExports; },
+  set exports(v){ rangePluginExports = v; },
+};
 
-export { rangePlugin as r };
+export { rangePlugin as __module, rangePluginExports as exports };

package/es/components/Accordion/Accordion.Skeleton.js

@@ -102,4 +102,4 @@ function AccordionSkeletonItem() {
   })));
 }
 
-export { AccordionSkeleton as default };
+export { AccordionSkeleton, AccordionSkeleton as default };

package/es/components/Breadcrumb/Breadcrumb.Skeleton.js

@@ -42,4 +42,4 @@ BreadcrumbSkeleton.propTypes = {
   className: PropTypes.string
 };
 
-export { BreadcrumbSkeleton as default };
+export { BreadcrumbSkeleton, BreadcrumbSkeleton as default };

package/es/components/Button/Button.Skeleton.js

@@ -65,4 +65,4 @@ ButtonSkeleton.propTypes = {
   small: PropTypes.bool
 };
 
-export { ButtonSkeleton as default };
+export { ButtonSkeleton, ButtonSkeleton as default };

package/es/components/Button/Button.js

@@ -137,6 +137,7 @@ var Button = /*#__PURE__*/React__default.forwardRef(function Button(_ref, ref) {
     }
 
     return /*#__PURE__*/React__default.createElement(IconButton, _extends({
+      as: as,
       align: align,
       label: iconDescription,
       kind: kind,

package/es/components/{Checkbox → Button}/index.js

@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { default as CheckboxSkeleton } from './Checkbox.Skeleton.js';
-import Checkbox from './Checkbox.js';
-export { default } from './Checkbox.js';
+import Button from './Button.js';
+export { default as Button, default } from './Button.js';
+export { default as ButtonSkeleton } from './Button.Skeleton.js';

package/es/components/{Pagination → ButtonSet}/index.js

@@ -5,6 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import Pagination from './Pagination.js';
-export { default } from './Pagination.js';
-import './Pagination.Skeleton.js';
+import ButtonSet from './ButtonSet.js';
+export { default as ButtonSet, default } from './ButtonSet.js';

package/es/components/Checkbox/Checkbox.Skeleton.js

@@ -34,4 +34,4 @@ CheckboxSkeleton.propTypes = {
   className: PropTypes.string
 };
 
-export { CheckboxSkeleton as default };
+export { CheckboxSkeleton, CheckboxSkeleton as default };

package/es/components/CodeSnippet/CodeSnippet.Skeleton.js

@@ -55,4 +55,4 @@ CodeSnippetSkeleton.propTypes = {
   type: PropTypes.oneOf(['single', 'multi'])
 };
 
-export { CodeSnippetSkeleton as default };
+export { CodeSnippetSkeleton, CodeSnippetSkeleton as default };

package/es/components/CodeSnippet/CodeSnippet.js

@@ -12,8 +12,8 @@ import cx from 'classnames';
 import useResizeObserver from '../../node_modules/use-resize-observer/polyfilled.js';
 import { ChevronDown } from '@carbon/icons-react';
 import Copy from '../Copy/Copy.js';
-import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
+import '../Button/Button.Skeleton.js';
 import CopyButton from '../CopyButton/CopyButton.js';
 import uniqueId from '../../tools/uniqueId.js';
 import copy from 'copy-to-clipboard';

package/es/components/{RadioButtonGroup → ComboBox}/index.js

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import RadioButtonGroup from './RadioButtonGroup.js';
-export { default } from './RadioButtonGroup.js';
+import ComboBox from './ComboBox.js';
+export { default as ComboBox, default } from './ComboBox.js';

package/es/components/ComposedModal/ModalFooter.js

@@ -8,8 +8,8 @@
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
+import '../Button/Button.Skeleton.js';
 import ButtonSet from '../ButtonSet/ButtonSet.js';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';

package/es/components/ContainedList/ContainedList.js

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -17,6 +18,7 @@ function ContainedList(_ref) {
   var action = _ref.action,
       children = _ref.children,
       className = _ref.className,
+      isInset = _ref.isInset,
       _ref$kind = _ref.kind,
       kind = _ref$kind === void 0 ? variants[0] : _ref$kind,
       label = _ref.label,
@@ -24,7 +26,7 @@ function ContainedList(_ref) {
       size = _ref$size === void 0 ? 'lg' : _ref$size;
   var labelId = "".concat(useId('contained-list'), "-header");
   var prefix = usePrefix();
-  var classes = cx("".concat(prefix, "--contained-list"), "".concat(prefix, "--contained-list--").concat(kind), "".concat(prefix, "--contained-list--").concat(size), className);
+  var classes = cx("".concat(prefix, "--contained-list"), _defineProperty({}, "".concat(prefix, "--contained-list--inset-rulers"), isInset), "".concat(prefix, "--contained-list--").concat(kind), "".concat(prefix, "--contained-list--").concat(size), className);
   return /*#__PURE__*/React__default.createElement("div", {
     className: classes
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -55,6 +57,11 @@ ContainedList.propTypes = {
    */
   className: PropTypes.string,
 
+  /**
+   * Specify whether the dividing lines in between list items should be inset.
+   */
+  isInset: PropTypes.bool,
+
   /**
    * The kind of ContainedList you want to display
    */

package/es/components/ContainedList/ContainedListItem/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 ContainedListItem from './ContainedListItem.js';
+export { default as ContainedListItem, default } from './ContainedListItem.js';

package/es/components/ContainedList/index.js

@@ -6,7 +6,7 @@
  */
 
 import ContainedList from './ContainedList.js';
-export { default } from './ContainedList.js';
+export { default as ContainedList, default } from './ContainedList.js';
 import ContainedListItem from './ContainedListItem/ContainedListItem.js';
 export { default as ContainedListItem } from './ContainedListItem/ContainedListItem.js';
 

package/es/components/ContentSwitcher/index.js

@@ -6,8 +6,8 @@
  */
 
 import { createClassWrapper } from '../../internal/createClassWrapper.js';
-import ContentSwitcher from './ContentSwitcher.js';
+import ContentSwitcher$1 from './ContentSwitcher.js';
 
-var index = createClassWrapper(ContentSwitcher);
+var ContentSwitcher = createClassWrapper(ContentSwitcher$1);
 
-export { index as default };
+export { ContentSwitcher, ContentSwitcher as default };

package/es/components/{ModalWrapper → Copy}/index.js

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import ModalWrapper from './ModalWrapper.js';
-export { default } from './ModalWrapper.js';
+import Copy from './Copy.js';
+export { default as Copy, default } from './Copy.js';

package/es/components/CopyButton/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 CopyButton from './CopyButton.js';
+export { default as CopyButton, default } from './CopyButton.js';

package/es/components/DangerButton/DangerButton.js

@@ -7,8 +7,8 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
+import '../Button/Button.Skeleton.js';
 
 var DangerButton = function DangerButton(props) {
   return /*#__PURE__*/React__default.createElement(Button, _extends({

package/es/components/DataTable/TableBatchAction.js

@@ -8,8 +8,8 @@
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { AddFilled } from '@carbon/icons-react';
-import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
+import '../Button/Button.Skeleton.js';
 
 var TableBatchAction = function TableBatchAction(props) {
   return /*#__PURE__*/React__default.createElement(Button, props);

package/es/components/DataTable/TableBatchActions.js

@@ -9,8 +9,8 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
-import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
+import '../Button/Button.Skeleton.js';
 import TableActionList from './TableActionList.js';
 import '../Text/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';

package/es/components/DataTable/TableHeader.js

@@ -96,9 +96,7 @@ var TableHeader = /*#__PURE__*/React__default.forwardRef(function TableHeader(_r
     ref: ref,
     scope: scope
   }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      display: 'none'
-    },
+    className: "".concat(prefix, "--table-sort__description"),
     id: uniqueId
   }, sortDescription), /*#__PURE__*/React__default.createElement("button", _extends({
     type: "button",

package/es/components/DataTable/index.js

@@ -6,7 +6,7 @@
  */
 
 import DataTable from './DataTable.js';
-export { default } from './DataTable.js';
+export { default as DataTable, default } from './DataTable.js';
 import { Table } from './Table.js';
 export { Table } from './Table.js';
 import TableActionList from './TableActionList.js';

package/es/components/DatePicker/DatePicker.Skeleton.js

@@ -65,4 +65,4 @@ DatePickerSkeleton.propTypes = {
   range: PropTypes.bool
 };
 
-export { DatePickerSkeleton as default };
+export { DatePickerSkeleton, DatePickerSkeleton as default };

package/es/components/DatePicker/DatePicker.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, typeof as _typeof, objectSpread2 as _objectSpread2, extends as _extends, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, typeof as _typeof, objectSpread2 as _objectSpread2, extends as _extends, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useContext, useRef, useEffect } from 'react';
+import React__default, { useContext, useState, useCallback, useRef, useEffect, useImperativeHandle } from 'react';
 import cx from 'classnames';
 import flatpickr from 'flatpickr';
 import l10n from '../../node_modules/flatpickr/dist/l10n/index.js';
@@ -121,8 +121,8 @@ function isLabelTextEmpty(children) {
   });
 }
 
-var rightArrowHTML = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n  <polygon points=\"11,8 6,13 5.3,12.3 9.6,8 5.3,3.7 6,3 \"/>\n  <rect width=\"16\" height=\"16\" style=\"fill:none\" />\n</svg>";
-var leftArrowHTML = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n  <polygon points=\"5,8 10,3 10.7,3.7 6.4,8 10.7,12.3 10,13 \"/>\n  <rect width=\"16\" height=\"16\" style=\"fill:none\" />\n</svg>";
+var rightArrowHTML = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n  <polygon points=\"11,8 6,13 5.3,12.3 9.6,8 5.3,3.7 6,3 \"/>\n</svg>";
+var leftArrowHTML = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n  <polygon points=\"5,8 10,3 10.7,3.7 6.4,8 10.7,12.3 10,13 \"/>\n</svg>";
 
 function updateClassNames(calendar, prefix) {
   var calendarContainer = calendar.calendarContainer;
@@ -191,7 +191,17 @@ var DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_ref
   var _useContext = useContext(FormContext),
       isFluid = _useContext.isFluid;
 
-  var startInputField = useRef(null);
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      hasInput = _useState2[0],
+      setHasInput = _useState2[1];
+
+  var startInputField = useCallback(function (node) {
+    if (node !== null) {
+      startInputField.current = node;
+      setHasInput(true);
+    }
+  }, []);
   var endInputField = useRef(null);
   var calendarRef = useRef(null);
   var savedOnChange = useSavedCallback(onChange);
@@ -237,7 +247,7 @@ var DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_ref
       return;
     }
 
-    if (startInputField.current === null) {
+    if (!startInputField.current) {
       return;
     }
 
@@ -381,8 +391,19 @@ var DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_ref
         end.removeEventListener('change', handleOnChange);
       }
     };
-  }, [savedOnChange, savedOnClose, savedOnOpen, readOnly]); //eslint-disable-line react-hooks/exhaustive-deps
+  }, [savedOnChange, savedOnClose, savedOnOpen, readOnly, hasInput]); //eslint-disable-line react-hooks/exhaustive-deps
+  // this hook allows consumers to access the flatpickr calendar
+  // instance for cases where functions like open() or close()
+  // need to be imperatively called on the calendar
+
+  useImperativeHandle(ref, function () {
+    return {
+      get calendar() {
+        return calendarRef.current;
+      }
 
+    };
+  });
   useEffect(function () {
     var _calendarRef$current;
 
@@ -439,7 +460,8 @@ var DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_ref
     } else if (!calendarRef.current && value) {
       startInputField.current.value = value;
     }
-  }, [value, prefix]);
+  }, [value, prefix]); //eslint-disable-line react-hooks/exhaustive-deps
+
   var fluidError;
 
   if (isFluid) {

package/es/components/DatePicker/index.js

@@ -0,0 +1,10 @@
+/**
+ * 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 DatePicker from './DatePicker.js';
+export { default as DatePicker, default } from './DatePicker.js';
+export { default as DatePickerSkeleton } from './DatePicker.Skeleton.js';

package/es/components/DatePickerInput/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 DatePickerInput from './DatePickerInput.js';
+export { default as DatePickerInput, default } from './DatePickerInput.js';

package/es/components/Dropdown/Dropdown.Skeleton.js

@@ -43,4 +43,4 @@ DropdownSkeleton.propTypes = {
   size: ListBoxSize
 };
 
-export { DropdownSkeleton as default };
+export { DropdownSkeleton, DropdownSkeleton as default };

package/es/components/Dropdown/index.js

@@ -0,0 +1,10 @@
+/**
+ * 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 Dropdown from './Dropdown.js';
+export { default as Dropdown, default } from './Dropdown.js';
+export { default as DropdownSkeleton } from './Dropdown.Skeleton.js';

package/es/components/FileUploader/FileUploader.Skeleton.js

@@ -40,4 +40,4 @@ FileUploaderSkeleton.propTypes = {
   className: PropTypes.string
 };
 
-export { FileUploaderSkeleton as default };
+export { FileUploaderSkeleton, FileUploaderSkeleton as default };

package/es/components/FluidDatePicker/FluidDatePicker.js

@@ -9,8 +9,8 @@ import { objectWithoutProperties as _objectWithoutProperties, defineProperty as
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
-import '../DatePicker/DatePicker.Skeleton.js';
 import DatePicker from '../DatePicker/DatePicker.js';
+import '../DatePicker/DatePicker.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 

package/es/components/FluidDropdown/FluidDropdown.js

@@ -9,8 +9,8 @@ import { objectWithoutProperties as _objectWithoutProperties, defineProperty as
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
-import '../Dropdown/Dropdown.Skeleton.js';
 import Dropdown from '../Dropdown/Dropdown.js';
+import '../Dropdown/Dropdown.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 

package/es/components/FluidSelect/FluidSelect.js

@@ -9,8 +9,8 @@ import { objectWithoutProperties as _objectWithoutProperties, extends as _extend
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
-import '../Select/Select.Skeleton.js';
 import Select from '../Select/Select.js';
+import '../Select/Select.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 

package/es/components/FluidSelect/index.js

@@ -0,0 +1,10 @@
+/**
+ * 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 FluidSelect from './FluidSelect.js';
+export { default as FluidSelect, default } from './FluidSelect.js';
+export { default as FluidSelectSkeleton } from './FluidSelect.Skeleton.js';

package/es/components/FluidTextArea/FluidTextArea.js

@@ -9,8 +9,8 @@ import { objectWithoutProperties as _objectWithoutProperties, extends as _extend
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
-import '../TextArea/TextArea.Skeleton.js';
 import TextArea from '../TextArea/TextArea.js';
+import '../TextArea/TextArea.Skeleton.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';

package/es/components/FluidTextInput/index.js

@@ -0,0 +1,10 @@
+/**
+ * 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 FluidTextInput from './FluidTextInput.js';
+export { default as FluidTextInput, default } from './FluidTextInput.js';
+export { default as FluidTextInputSkeleton } from './FluidTextInput.Skeleton.js';

package/es/components/{ExpandableSearch → Form}/index.js

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import ExpandableSearch from './ExpandableSearch.js';
-export { default } from './ExpandableSearch.js';
+import Form from './Form.js';
+export { default as Form, default } from './Form.js';

package/es/components/Icon/Icon.Skeleton.js

@@ -33,4 +33,4 @@ IconSkeleton.propTypes = {
   className: PropTypes.string
 };
 
-export { IconSkeleton as default };
+export { IconSkeleton, IconSkeleton as default };

package/es/components/IconButton/index.js

@@ -8,8 +8,8 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
-import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
+import '../Button/Button.Skeleton.js';
 import '../Tooltip/DefinitionTooltip.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { usePrefix } from '../../internal/usePrefix.js';

package/es/components/InlineCheckbox/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 InlineCheckbox from './InlineCheckbox.js';
+export { default as InlineCheckbox, default } from './InlineCheckbox.js';

package/es/components/Link/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 Link from './Link.js';
+export { default as Link, default } from './Link.js';

package/es/components/Loading/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 Loading from './Loading.js';
+export { default as Loading, default } from './Loading.js';

package/es/components/Menu/index.js

@@ -6,7 +6,7 @@
  */
 
 import Menu from './Menu.js';
-export { default } from './Menu.js';
+export { default as Menu, default } from './Menu.js';
 import MenuDivider from './MenuDivider.js';
 export { default as MenuDivider } from './MenuDivider.js';
 import MenuGroup from './MenuGroup.js';

package/es/components/Modal/Modal.js

@@ -11,8 +11,8 @@ 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/Button.Skeleton.js';
 import Button from '../Button/Button.js';
+import '../Button/Button.Skeleton.js';
 import ButtonSet from '../ButtonSet/ButtonSet.js';
 import requiredIfGivenPropIsTruthy from '../../prop-types/requiredIfGivenPropIsTruthy.js';
 import wrapFocus, { elementOrParentIsFloatingMenu } from '../../internal/wrapFocus.js';

package/es/components/Modal/index.js

@@ -6,4 +6,4 @@
  */
 
 import Modal from './Modal.js';
-export { default } from './Modal.js';
+export { default as Modal, default } from './Modal.js';

package/es/components/ModalWrapper/ModalWrapper.js

@@ -9,8 +9,8 @@ import { inherits as _inherits, createSuper as _createSuper, createClass as _cre
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import Modal from '../Modal/Modal.js';
-import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
+import '../Button/Button.Skeleton.js';
 import { ButtonKinds } from '../../prop-types/types.js';
 import { warning } from '../../internal/warning.js';
 

package/es/components/MultiSelect/index.js

@@ -7,7 +7,7 @@
 
 import { deprecateFieldOnObject } from '../../internal/deprecateFieldOnObject.js';
 import MultiSelect from './MultiSelect.js';
-export { default } from './MultiSelect.js';
+export { default as MultiSelect, default } from './MultiSelect.js';
 import FilterableMultiSelect from './FilterableMultiSelect.js';
 export { default as FilterableMultiSelect } from './FilterableMultiSelect.js';
 

package/es/components/Notification/Notification.js

@@ -10,8 +10,8 @@ import PropTypes from 'prop-types';
 import React__default, { useState, useRef, useEffect } from 'react';
 import cx from 'classnames';
 import { Close, ErrorFilled, CheckmarkFilled, WarningFilled, WarningAltFilled, InformationFilled, InformationSquareFilled } from '@carbon/icons-react';
-import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
+import '../Button/Button.Skeleton.js';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useNoInteractiveChildren } from '../../internal/useNoInteractiveChildren.js';
 import { Escape } from '../../internal/keyboard/keys.js';